:root {
    --panel-green-950: #0d2740;
    --panel-green-900: #143a5a;
    --panel-green-800: #1c4f75;
    --panel-green-700: #28698f;
    --panel-green-100: #e5eff6;
    --panel-green-50: #f4f8fb;
    --panel-ink: #172534;
    --panel-muted: #607181;
    --panel-line: #d5e0e8;
    --panel-bg: #eef3f7;
    --panel-white: #fff;
    --panel-red: #b42318;
    --panel-orange: #b54708;
    --panel-blue: #175cd3;
    --panel-gold: #c6923e;
    --panel-shadow: 0 12px 30px rgba(13, 39, 64, .09);
}
.article-analytics{display:grid;grid-template-columns:repeat(5,1fr);gap:.7rem;margin:0 0 1rem}.article-analytics div{padding:.8rem;border:1px solid #dce4ed;border-radius:7px;background:#fff}.article-analytics span{display:block;color:#66768a;font-size:.75rem}.article-analytics strong{display:block;margin-top:.3rem;color:#16739f;font-size:1.25rem}@media(max-width:800px){.article-analytics{grid-template-columns:1fr 1fr}}

.analytics-hero{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1.3rem 1.5rem;border-radius:8px;background:linear-gradient(105deg,#b71945,#263b6d);color:#fff}.analytics-hero strong{font-size:1.25rem}.analytics-hero p{margin:.35rem 0 0}.analytics-hero select{padding:.65rem;border:0;border-radius:6px}.analytics-cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.8rem;margin:1rem 0}.analytics-cards article{padding:1rem;border:1px solid #dce4ed;border-radius:8px;background:#fff}.analytics-cards span{display:block;color:#617086;font-size:.8rem}.analytics-cards strong{display:block;margin-top:.35rem;color:#12669a;font-size:1.5rem}.analytics-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.analytics-grid .panel-card{padding:1rem;border:1px solid #dce4ed;border-radius:8px;background:#fff;overflow:auto}.analytics-grid h2{margin:0 0 1rem;font-size:1rem}.analytics-grid table{width:100%;border-collapse:collapse}.analytics-grid th,.analytics-grid td{padding:.55rem;border-bottom:1px solid #e5eaf0;text-align:left}.analytics-row{display:flex;justify-content:space-between;padding:.55rem;margin:0;border-bottom:1px solid #e5eaf0}.analytics-bars div{display:grid;grid-template-columns:48px 1fr 42px;align-items:center;gap:.5rem;margin:.45rem 0}.analytics-bars i{height:10px;border-radius:5px;background:linear-gradient(90deg,#1f84b1 var(--value),#e7edf3 var(--value))}@media(max-width:900px){.analytics-cards{grid-template-columns:1fr 1fr}.analytics-grid{grid-template-columns:1fr}}@media(max-width:520px){.analytics-cards{grid-template-columns:1fr}.analytics-hero{align-items:flex-start;flex-direction:column}}

/* Parola güvenliği ekranı */
.password-page {
    width: min(1120px, 100%);
    margin: 0 auto;
    padding: clamp(1.35rem, 3vw, 2.2rem);
    border: 1px solid var(--panel-line);
    border-radius: 10px;
    background: var(--panel-white);
    box-shadow: var(--panel-shadow);
}

.password-page__heading {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1.5rem;
    padding-bottom: 1.35rem;
    border-bottom: 1px solid var(--panel-line);
}

.password-page__heading h1 { margin: .25rem 0 .35rem; color: var(--panel-green-950); font-size: clamp(1.75rem, 3vw, 2.3rem); }
.password-page__heading p { max-width: 670px; margin: 0; color: var(--panel-muted); line-height: 1.6; }
.password-page__secure-badge { display: inline-flex; align-items: center; gap: .45rem; flex: 0 0 auto; padding: .55rem .75rem; border-radius: 999px; background: #eaf8f1; color: #087443; font-weight: 800; font-size: .78rem; }
.password-page__secure-badge span { display: grid; place-items: center; width: 1.15rem; height: 1.15rem; border-radius: 50%; color: #fff; background: #15965f; }

.password-page__layout { display: grid; grid-template-columns: minmax(0, 1.35fr) minmax(280px, .65fr); gap: clamp(1.25rem, 3vw, 2.4rem); margin-top: 1.5rem; }
.password-form-card { display: grid; gap: 1rem; padding: clamp(1rem, 2vw, 1.35rem); border: 1px solid var(--panel-line); border-radius: 8px; background: #fbfdff; }
.password-form-card__identity { display: flex; align-items: center; gap: .75rem; padding: .8rem; border-radius: 7px; background: #edf4f8; }
.password-form-card__identity > span { display: grid; place-items: center; width: 2.65rem; height: 2.65rem; border-radius: 50%; color: #fff; background: var(--panel-green-800); font: 800 1.1rem Georgia, serif; }
.password-form-card__identity div { display: grid; gap: .15rem; min-width: 0; }
.password-form-card__identity strong { color: var(--panel-green-950); }
.password-form-card__identity small { overflow: hidden; color: var(--panel-muted); text-overflow: ellipsis; }
.password-form-card__divider { display: flex; align-items: center; gap: .75rem; color: var(--panel-muted); font-size: .75rem; font-weight: 800; text-transform: uppercase; letter-spacing: .08em; }
.password-form-card__divider::before, .password-form-card__divider::after { content: ''; height: 1px; flex: 1; background: var(--panel-line); }
.password-form-card .password-control { grid-template-columns: minmax(0, 1fr) auto; }
.password-form-card__submit { display: flex; justify-content: center; gap: .55rem; min-height: 48px; margin-top: .2rem; }

.password-strength { display: grid; gap: .4rem; margin-top: .55rem; }
.password-strength > span { display: grid; grid-template-columns: repeat(4, 1fr); gap: .35rem; }
.password-strength i { height: 4px; border-radius: 999px; background: #dbe4ea; transition: background .18s ease; }
.password-strength[data-level="1"] i.is-active { background: #d92d20; }
.password-strength[data-level="2"] i.is-active { background: #dc7a13; }
.password-strength[data-level="3"] i.is-active { background: #d09b26; }
.password-strength[data-level="4"] i.is-active { background: #15965f; }
.password-strength small, .password-match { color: var(--panel-muted); }
.password-match.is-valid { color: #087443; font-weight: 700; }
.password-match.is-invalid { color: var(--panel-red); font-weight: 700; }

.password-guidance { align-self: start; padding: clamp(1.2rem, 2.5vw, 1.6rem); border: 1px solid #c9dcea; border-radius: 8px; background: linear-gradient(145deg, #f5f9fc, #eaf3f9); }
.password-guidance__icon { display: grid; place-items: center; width: 3rem; height: 3rem; margin-bottom: 1rem; border-radius: 12px; color: #fff; background: var(--panel-green-800); font-size: 1.55rem; }
.password-guidance h2 { margin: 0 0 .45rem; color: var(--panel-green-950); font-size: 1.25rem; }
.password-guidance > p { margin: 0; color: var(--panel-muted); line-height: 1.6; }
.password-guidance ul { display: grid; gap: .75rem; margin: 1.25rem 0; padding: 0; list-style: none; }
.password-guidance li { display: flex; align-items: center; gap: .65rem; color: #496274; transition: color .18s ease; }
.password-guidance li span { display: grid; place-items: center; width: 1.35rem; height: 1.35rem; border: 1px solid #aebfcb; border-radius: 50%; color: transparent; background: #fff; font-size: .72rem; }
.password-guidance li.is-valid { color: #087443; font-weight: 700; }
.password-guidance li.is-valid span { border-color: #15965f; color: #fff; background: #15965f; }
.password-guidance__notice { display: grid; gap: .25rem; padding: .85rem; border-left: 3px solid var(--panel-gold); background: #fffaf0; color: #685124; font-size: .82rem; line-height: 1.5; }

@media (max-width: 850px) {
    .password-page__layout { grid-template-columns: 1fr; }
}

@media (max-width: 560px) {
    .password-page { padding: 1rem; }
    .password-page__heading { display: grid; }
    .password-page__secure-badge { justify-self: start; }
}

/* Makale düzenleme ekranı */
.article-section-nav {
    position: sticky;
    top: 0;
    z-index: 24;
    display: flex;
    gap: .4rem;
    overflow-x: auto;
    margin: 0 -1rem 1rem;
    padding: .75rem 1rem;
    border-block: 1px solid #d3e0ea;
    background: rgba(255, 255, 255, .97);
    box-shadow: 0 8px 18px rgba(10, 39, 64, .06);
}

.article-section-nav button {
    display: inline-flex;
    align-items: center;
    gap: .45rem;
    flex: 0 0 auto;
    padding: .55rem .72rem;
    border: 1px solid #d3e0ea;
    border-radius: 999px;
    background: #fff;
    color: #173f61;
    font: inherit;
    font-size: .78rem;
    font-weight: 700;
    cursor: pointer;
}

.article-section-nav button.is-active,
.article-section-nav button:hover {
    border-color: #1f5a82;
    background: #eaf3f9;
}

.article-section-nav button:focus-visible {
    outline: 3px solid rgba(31, 90, 130, .25);
    outline-offset: 2px;
}

.article-section-nav button span {
    width: .48rem;
    height: .48rem;
    border-radius: 50%;
    background: #d29a2e;
}

.article-section-nav button.is-complete span { background: #16875b; }
.article-editor-section { scroll-margin-top: 5.5rem; }
.article-tabs-ready [data-article-tab-panel]:not(.is-active) { display: none; }
.article-tabs-ready [data-article-tab-panel].is-active { animation: article-tab-enter .18s ease-out; }

@keyframes article-tab-enter {
    from { opacity: 0; transform: translateY(4px); }
    to { opacity: 1; transform: translateY(0); }
}

.field-warning {
    display: block;
    margin-top: .45rem;
    padding: .55rem .7rem;
    border-left: 3px solid #d29a2e;
    background: #fff8e7;
    color: #744f0c;
}

.field-warning[hidden] { display: none; }

.keyword-preview {
    display: flex;
    flex-wrap: wrap;
    gap: .35rem;
    margin-top: .45rem;
}

.keyword-preview span {
    padding: .25rem .55rem;
    border-radius: 999px;
    background: #edf4f8;
    color: #234c6c;
    font-size: .75rem;
}

.reference-toolbar {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: .5rem;
    margin-top: .65rem;
}

.reference-toolbar > span { margin-right: auto; color: #526d82; font-weight: 700; }
.form-subsection--references textarea { font-family: ui-monospace, SFMono-Regular, Consolas, monospace; font-size: .88rem; line-height: 1.55; }

.article-file-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1rem;
}

.article-file-card {
    display: grid;
    gap: .8rem;
    padding: 1rem;
    border: 1px solid #cfdee9;
    border-radius: .6rem;
    background: #f8fbfd;
}

.article-file-card__heading,
.article-file-card__current { display: grid; gap: .3rem; }
.article-file-card__heading small,
.article-file-card__current small { color: #5a7184; }
.article-file-card__current > span { color: #16875b; font-size: .76rem; font-weight: 800; text-transform: uppercase; }
.article-file-card__current > div { display: flex; flex-wrap: wrap; gap: .5rem; margin-top: .35rem; }
.article-file-card__replace[hidden], .ethics-details[hidden] { display: none; }

.article-save-bar {
    position: sticky;
    bottom: 0;
    z-index: 25;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    margin: 1rem -1rem -1rem;
    padding: .85rem 1rem;
    border-top: 1px solid #c8d8e4;
    background: rgba(255, 255, 255, .97);
    box-shadow: 0 -10px 24px rgba(10, 39, 64, .1);
}

.article-save-bar > div { display: flex; align-items: center; gap: .55rem; }
.article-save-bar > div:first-child { display: grid; gap: .08rem; }
.article-save-bar small { color: #5a7184; }
.article-save-bar.is-dirty [data-article-save-state] { color: #a26000; }

.author-drag-handle {
    position: absolute;
    top: .45rem;
    right: 5.7rem;
    width: 2rem;
    height: 2rem;
    border: 1px solid #b9ccda;
    border-radius: .4rem;
    background: #fff;
    color: #335b78;
    cursor: grab;
}

.author-row.is-dragging { opacity: .45; }
.author-row.drag-over { outline: 2px dashed #1f5a82; outline-offset: 2px; }

@media (max-width: 900px) {
    .article-file-grid { grid-template-columns: 1fr; }
    .article-save-bar { align-items: stretch; flex-direction: column; }
    .article-save-bar > div:last-child { flex-wrap: wrap; }
}

/* Sabit yönetimi */
.split-panel.constant-management {
    grid-template-columns: minmax(0, 1.7fr) minmax(340px, .68fr);
}

.constant-list-panel,
.constant-create-panel {
    min-width: 0;
}

.constant-management [hidden] {
    display: none !important;
}

.constant-summary {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: .7rem;
    margin: 1rem 0;
}

.constant-summary > div {
    display: flex;
    align-items: center;
    justify-content: space-between;
    min-height: 72px;
    padding: .85rem 1rem;
    border: 1px solid var(--panel-line);
    border-radius: 8px;
    background: var(--panel-green-50);
}

.constant-summary__link {
    display: flex;
    align-items: center;
    justify-content: space-between;
    min-height: 72px;
    padding: .85rem 1rem;
    border: 1px solid var(--panel-line);
    border-radius: 8px;
    background: var(--panel-green-50);
    text-decoration: none;
}

.constant-summary__link:hover {
    border-color: var(--panel-blue);
    background: #eef7fc;
}

.constant-summary span {
    color: var(--panel-muted);
    font-size: .84rem;
    font-weight: 700;
}

.constant-summary strong {
    color: var(--panel-green-900);
    font-family: Georgia, "Times New Roman", serif;
    font-size: 1.5rem;
}

.panel-kisiler-layout {
    position: relative;
}

.people-list-panel {
    min-width: 0;
}

/* Başlık */

.panel-section__heading {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 20px;
}

.panel-section__heading h1,
.panel-section__heading h2 {
    margin: 0;
}

.panel-section__heading p {
    margin: 5px 0 0;
    line-height: 1.5;
}

/* Özet kartları */

.people-summary {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 10px;
}

.constant-summary__link {
    min-width: 0;
    text-decoration: none;
    transition:
        border-color 160ms ease,
        background-color 160ms ease,
        transform 160ms ease;
}

.constant-summary__link:hover {
    transform: translateY(-1px);
}

.constant-summary__link strong {
    font-family: inherit;
    font-size: 1.35rem;
    font-weight: 750;
    line-height: 1;
}

/* Filtreler */

.people-filters {
    display: grid;
    grid-template-columns:
        minmax(260px, 1.7fr)
        minmax(135px, 0.75fr)
        minmax(175px, 0.85fr)
        minmax(150px, 0.9fr)
        minmax(150px, 0.9fr)
        auto;
    gap: 10px;
    align-items: end;
    margin-top: 14px;
    margin-bottom: 12px;
}

.people-filters label {
    min-width: 0;
}

.people-filter-reset {
    min-height: 38px;
    white-space: nowrap;
}

/* Tablo */

.people-table-wrap {
    overflow: visible;
}

.panel-table--people {
    width: 100%;
    table-layout: fixed;
}

.panel-table--people th:nth-child(1) {
    width: 14%;
}

.panel-table--people th:nth-child(2) {
    width: 9%;
}

.panel-table--people th:nth-child(3) {
    width: 21%;
}

.panel-table--people th:nth-child(4) {
    width: 16%;
}

.panel-table--people th:nth-child(5) {
    width: 17%;
}

.panel-table--people th:nth-child(6) {
    width: 9%;
}

.panel-table--people th:nth-child(7) {
    width: 8%;
}

.panel-table--people th:nth-child(8) {
    width: 48px;
}

.panel-table--people th,
.panel-table--people td {
    vertical-align: middle;
}

.people-table-wrap .dt-paging {
    display: none;
}

.panel-table--people tbody tr {
    transition:
        background-color 150ms ease,
        box-shadow 150ms ease;
}

.panel-table--people tbody tr:hover {
    background: rgba(18, 74, 111, 0.035);
}

.panel-table--people tbody tr.is-selected {
    background: rgba(18, 74, 111, 0.075);
    box-shadow: inset 3px 0 0 #1f5e86;
}

.people-cell {
    min-width: 0;
}

.people-cell--name strong,
.people-cell--title,
.people-cell--institution,
.people-cell--email,
.people-cell--country {
    overflow: hidden;
}

.people-cell--name strong {
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.table-text-clip {
    display: block;
    width: 100%;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.table-empty-value {
    color: #8a97a5;
}

.people-cell--orcid {
    white-space: nowrap;
}

.people-cell--orcid a {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    white-space: nowrap;
}

.people-cell--status {
    text-align: center;
}

.people-actions-heading,
.people-cell--actions {
    width: 48px;
    padding-left: 4px !important;
    padding-right: 4px !important;
    text-align: right;
    overflow: visible !important;
}

/* İşlem menüsü */

.people-action-menu {
    position: relative;
    display: inline-block;
}

.people-action-menu > summary {
    list-style: none;
}

.people-action-menu > summary::-webkit-details-marker {
    display: none;
}

.people-action-menu__button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 34px;
    height: 34px;
    border: 1px solid rgba(13, 51, 79, 0.18);
    border-radius: 8px;
    background: #fff;
    color: #123b5a;
    font-size: 14px;
    font-weight: 700;
    letter-spacing: 1px;
    cursor: pointer;
    user-select: none;
}

.people-action-menu__button:hover,
.people-action-menu[open] .people-action-menu__button {
    border-color: #1f5e86;
    background: #eef6fb;
}

.people-action-menu__content {
    position: absolute;
    z-index: 50;
    top: calc(100% + 6px);
    right: 0;
    width: 155px;
    padding: 6px;
    border: 1px solid rgba(13, 51, 79, 0.14);
    border-radius: 10px;
    background: #fff;
    box-shadow: 0 12px 32px rgba(10, 39, 61, 0.16);
}

.people-action-menu__form {
    margin: 0;
}

.people-action-menu__item {
    display: flex;
    width: 100%;
    min-height: 36px;
    align-items: center;
    padding: 8px 10px;
    border: 0;
    border-radius: 7px;
    background: transparent;
    color: #163d59;
    font: inherit;
    font-size: 13px;
    font-weight: 600;
    text-align: left;
    text-decoration: none;
    cursor: pointer;
}

.people-action-menu__item:hover {
    background: #eef5f9;
}

.people-action-menu__item--button {
    color: #9b2c2c;
}

/* Form */

.people-form-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 14px 10px;
}

.panel-field--wide {
    grid-column: 1 / -1;
}

.panel-field input {
    width: 100%;
}

.panel-field__help {
    display: block;
    margin-top: 5px;
    color: #6c7d8b;
    font-size: 11px;
    line-height: 1.4;
}

.people-status-field {
    margin-top: 16px;
}

.panel-check--switch {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    padding: 11px 12px;
    border: 1px solid rgba(13, 51, 79, 0.13);
    border-radius: 8px;
    background: #f8fbfd;
}

.panel-check--switch input {
    margin-top: 3px;
}

.panel-check--switch span {
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.panel-check--switch strong {
    font-size: 13px;
}

.panel-check--switch small {
    color: #6c7d8b;
    font-size: 11px;
    line-height: 1.35;
}

.people-submit-button {
    width: 100%;
    margin-top: 14px;
}

.people-form-drawer .panel-form {
    display: grid;
    gap: 1rem;
}

.people-form-drawer .people-form-grid {
    margin-top: 0;
}

/* Boş tablo */

.table-empty {
    padding: 40px 20px !important;
    text-align: center;
}

.table-empty strong,
.table-empty span {
    display: block;
}

.table-empty span {
    margin-top: 5px;
    color: #6c7d8b;
    font-weight: 400;
}

/* Erişilebilir gizli metin */

.sr-only {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    padding: 0 !important;
    margin: -1px !important;
    overflow: hidden !important;
    clip: rect(0, 0, 0, 0) !important;
    white-space: nowrap !important;
    border: 0 !important;
}

/* Tablet */

@media (max-width: 1250px) {
    .people-filters {
        grid-template-columns: minmax(230px, 1fr) repeat(2, minmax(150px, 0.5fr));
    }

    .people-filter-reset {
        grid-column: 1 / -1;
        justify-self: end;
    }
}

/* Mobil */

@media (max-width: 760px) {
    .panel-section__heading {
        flex-direction: column;
    }

    .people-summary {
        grid-template-columns: 1fr;
    }

    .people-filters {
        grid-template-columns: 1fr;
    }

    .people-filter-reset {
        grid-column: auto;
        width: 100%;
    }

    .people-form-grid {
        grid-template-columns: 1fr;
    }

    .panel-field--wide {
        grid-column: auto;
    }

    .people-table-wrap {
        overflow-x: auto;
    }
}

.panel-table tr[data-status="Pasif"] {
    opacity: .93;
}

.panel-table tr[data-status="Pasif"] td:first-child strong {
    color: var(--panel-muted);
}

.panel-table td .table-actions {
    flex-wrap: wrap;
}

.constant-tools {
    display: flex;
    align-items: end;
    justify-content: space-between;
    gap: .8rem;
    margin-bottom: .75rem;
}

.constant-search {
    flex: 1;
    display: grid;
    gap: .3rem;
    color: var(--panel-muted);
    font-size: .78rem;
    font-weight: 800;
}

.constant-search input {
    width: 100%;
    min-height: 42px;
    padding: .65rem .8rem;
    border: 1px solid #b7c4bc;
    border-radius: 5px;
    background: #fff;
}

.constant-search select {
    width: 100%;
    min-height: 42px;
    padding: .65rem .8rem;
    border: 1px solid #b7c4bc;
    border-radius: 5px;
    background: #fff;
}

.constant-search input:focus {
    outline: 2px solid rgba(37, 99, 235, .16);
    border-color: var(--panel-blue);
}

.constant-tools__actions {
    display: flex;
    gap: .45rem;
}

.constant-tools__actions button {
    min-height: 42px;
    padding: .55rem .75rem;
    color: var(--panel-green-800);
    border: 1px solid var(--panel-line);
    border-radius: 5px;
    background: #fff;
    font-weight: 800;
    cursor: pointer;
}

.constant-tools__actions button:hover {
    background: var(--panel-green-50);
}

.constant-group-nav {
    display: flex;
    gap: .45rem;
    margin-bottom: .85rem;
    padding-bottom: .25rem;
    overflow-x: auto;
    scrollbar-width: thin;
}

.constant-group-nav a {
    flex: 0 0 auto;
    display: inline-flex;
    align-items: center;
    gap: .45rem;
    padding: .45rem .65rem;
    color: var(--panel-green-800);
    border: 1px solid var(--panel-line);
    border-radius: 999px;
    background: #fff;
    font-size: .78rem;
    font-weight: 800;
    text-decoration: none;
}

.constant-group-nav a:hover {
    border-color: var(--panel-blue);
    background: var(--panel-green-50);
}

.constant-group-nav span {
    display: inline-grid;
    place-items: center;
    min-width: 22px;
    height: 22px;
    padding: 0 .35rem;
    border-radius: 999px;
    background: #e4edf4;
    font-size: .7rem;
}

.constant-groups details {
    overflow: hidden;
    border-radius: 7px;
    background: #fff;
}

.constant-groups summary {
    align-items: center;
    gap: .75rem;
    min-height: 52px;
    padding: .75rem .9rem;
    color: var(--panel-green-900);
    list-style: none;
}

.constant-groups summary::-webkit-details-marker {
    display: none;
}

.constant-group-title,
.constant-group-meta {
    display: inline-flex;
    align-items: center;
}

.constant-group-title {
    gap: .55rem;
}

.constant-chevron {
    display: inline-grid;
    place-items: center;
    width: 24px;
    height: 24px;
    border-radius: 50%;
    background: #e4edf4;
    font-size: 1.25rem;
    transition: transform .18s ease;
}

.constant-groups details[open] .constant-chevron {
    transform: rotate(90deg);
}

.constant-group-meta {
    gap: .55rem;
    color: var(--panel-muted);
    font-size: .78rem;
}

.constant-group-meta strong {
    display: inline-flex;
    align-items: center;
    width: auto;
    min-width: 0;
    height: auto;
    padding: .3rem .55rem;
    border-radius: 999px;
    color: var(--panel-green-900);
    background: #fff;
    font-size: .72rem;
}

.constant-group-content {
    overflow-x: auto;
}

.constant-grid-header,
.constant-management .constant-row {
    display: grid;
    grid-template-columns: 52px minmax(165px, 1fr) minmax(165px, 1fr) 145px 90px 180px;
    gap: .5rem;
    align-items: center;
    min-width: 850px;
}

.constant-grid-header {
    padding: .6rem .7rem;
    color: var(--panel-muted);
    border-top: 1px solid var(--panel-line);
    background: #f8fafc;
    font-size: .68rem;
    font-weight: 900;
    letter-spacing: .055em;
    text-transform: uppercase;
}

.constant-management .constant-row {
    padding: .65rem .7rem;
    transition: background .18s ease, box-shadow .18s ease;
}

.constant-management .constant-row:hover {
    background: #fbfdff;
}

.constant-management .constant-row.is-dirty {
    background: #fffaf0;
    box-shadow: inset 3px 0 var(--panel-gold);
}

.constant-management .constant-row:not(.is-editing) [data-edit-field],
.constant-management .constant-row.is-editing [data-display-value] {
    display: none !important;
}

.constant-cell {
    min-width: 0;
}

.constant-display-value {
    display: flex;
    align-items: center;
    gap: .45rem;
    min-height: 40px;
    color: var(--panel-ink);
    font-weight: 700;
    overflow-wrap: anywhere;
}

.constant-system-badge {
    display: inline-flex;
    flex: 0 0 auto;
    padding: .2rem .4rem;
    color: #7a4e08;
    border-radius: 999px;
    background: #fff3d6;
    font-size: .62rem;
    font-weight: 900;
}

.constant-color-display {
    display: inline-flex;
    align-items: center;
    gap: .45rem;
    min-height: 40px;
    color: var(--panel-muted);
    font-family: ui-monospace, SFMono-Regular, Consolas, monospace;
    font-size: .78rem;
    font-weight: 700;
}

.constant-color-display i {
    width: 26px;
    height: 26px;
    border: 1px solid rgba(13, 39, 64, .18);
    border-radius: 6px;
    background: var(--constant-color, #000);
    box-shadow: inset 0 0 0 2px rgba(255, 255, 255, .65);
}

.constant-not-used {
    color: #8a98a6;
    font-size: .76rem;
    font-weight: 600;
}

.constant-status-pill,
.constant-locked-status {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 30px;
    padding: .3rem .55rem;
    border-radius: 999px;
    font-size: .7rem;
    font-weight: 900;
}

.constant-status-pill.is-active {
    color: #067647;
    background: #e7f8ee;
}

.constant-status-pill.is-passive {
    color: #6b7280;
    background: #edf1f4;
}

.constant-locked-status {
    color: #7a4e08;
    background: #fff3d6;
}

.constant-row-actions {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: .35rem;
    min-width: 0;
}

.constant-current-state {
    color: #067647;
    font-size: .7rem;
    font-weight: 900;
}

.constant-edit-button,
.constant-cancel-button {
    min-height: 34px;
    padding: .42rem .55rem;
    color: var(--panel-green-800);
    border: 1px solid var(--panel-line);
    border-radius: 5px;
    background: #fff;
    font-size: .7rem;
    font-weight: 900;
    cursor: pointer;
}

.constant-edit-button:hover,
.constant-cancel-button:hover {
    border-color: var(--panel-green-800);
    background: var(--panel-green-50);
}

.constant-sort-note {
    display: flex;
    align-items: center;
    gap: .45rem;
    min-width: 850px;
    padding: .55rem .7rem;
    color: var(--panel-muted);
    border-top: 1px solid var(--panel-line);
    background: #fff;
    font-size: .75rem;
}

.constant-sort-note > span:first-child {
    display: inline-grid;
    place-items: center;
    width: 24px;
    height: 24px;
    color: var(--panel-green-800);
    border-radius: 5px;
    background: var(--panel-green-50);
    font-weight: 900;
}

.constant-sort-note strong {
    margin-left: auto;
    font-size: .72rem;
}

.constant-sort-note strong.is-success {
    color: #067647;
}

.constant-sort-note strong.is-error {
    color: var(--panel-red);
}

.constant-drag-handle {
    display: inline-grid;
    place-items: center;
    width: 38px;
    height: 38px;
    padding: 0;
    color: var(--panel-green-800);
    border: 1px solid var(--panel-line);
    border-radius: 6px;
    background: #f8fafc;
    font-size: 1rem;
    font-weight: 900;
    letter-spacing: -3px;
    cursor: grab;
}

.constant-drag-handle:hover,
.constant-drag-handle:focus-visible {
    color: #fff;
    border-color: var(--panel-green-800);
    outline: none;
    background: var(--panel-green-800);
}

.constant-drag-handle:active {
    cursor: grabbing;
}

.constant-management .constant-row.is-dragging {
    opacity: .55;
    background: #eef6fc;
}

.constant-management .constant-row.is-drag-target {
    box-shadow: inset 0 3px var(--panel-blue);
}

.constant-code {
    min-width: 0;
}

.constant-code code {
    display: block;
    white-space: nowrap;
}

.constant-code small {
    display: inline-flex;
    margin-top: .25rem;
    padding: .15rem .4rem;
    color: var(--panel-muted);
    border-radius: 999px;
    background: #edf2f6;
    font-size: .62rem;
    font-weight: 800;
}

.constant-color {
    display: grid;
    grid-template-columns: 38px minmax(0, 1fr);
    gap: .35rem;
}

.constant-color input[type="color"] {
    width: 38px;
    min-height: 40px;
    padding: 3px;
    border-radius: 5px;
    cursor: pointer;
}

.constant-color--new {
    grid-template-columns: 44px minmax(0, 1fr);
}

.constant-color--new input[type="color"] {
    width: 44px;
}

.constant-active-toggle {
    display: grid !important;
    grid-template-columns: 34px 1fr;
    gap: .4rem !important;
    cursor: pointer;
}

.constant-active-toggle input {
    position: absolute;
    width: 1px !important;
    height: 1px;
    min-height: 1px !important;
    opacity: 0;
}

.constant-active-toggle span {
    position: relative;
    width: 34px;
    height: 20px;
    border-radius: 999px;
    background: #aeb9c4;
    transition: background .18s ease;
}

.constant-active-toggle span::after {
    position: absolute;
    top: 3px;
    left: 3px;
    width: 14px;
    height: 14px;
    border-radius: 50%;
    background: #fff;
    box-shadow: 0 1px 2px rgba(0, 0, 0, .25);
    content: '';
    transition: transform .18s ease;
}

.constant-active-toggle input:checked + span {
    background: #17834a;
}

.constant-active-toggle input:checked + span::after {
    transform: translateX(14px);
}

.constant-active-toggle input:focus-visible + span {
    outline: 3px solid rgba(37, 99, 235, .22);
}

.constant-active-toggle strong {
    font-size: .74rem;
}

.constant-management [data-constant-submit]:disabled {
    color: var(--panel-muted);
    border-color: #d7e0e7;
    background: #eef3f6;
    cursor: default;
    opacity: 1;
}

.constant-no-result {
    min-width: 850px;
    padding: 1rem;
    color: var(--panel-muted);
    border-top: 1px solid var(--panel-line);
    text-align: center;
}

.constant-create-panel {
    position: sticky;
    top: 1rem;
}

.constant-create-note {
    display: flex;
    align-items: center;
    gap: .6rem;
    margin-bottom: 1rem;
    color: #214f76;
    border-color: #bad2e6;
    background: #f1f7fc;
}

.constant-create-note .corporate-pages-note__icon {
    flex: 0 0 auto;
}

.constant-policy-note {
    margin-top: 1rem;
    padding: .7rem .8rem;
    color: var(--panel-muted);
    border-left: 3px solid var(--panel-gold);
    background: #fffaf0;
    font-size: .75rem;
    line-height: 1.45;
}

.constant-new-group {
    margin-top: 1rem;
    border: 1px solid var(--panel-line);
    border-radius: 7px;
    scroll-margin-top: 1rem;
}

.constant-new-constant {
    margin-top: 0;
}

.constant-new-group > summary {
    padding: .75rem .85rem;
    color: var(--panel-green-800);
    background: var(--panel-green-50);
    font-size: .8rem;
    font-weight: 900;
    cursor: pointer;
}

.constant-new-group__body {
    padding: 1rem;
    border-top: 1px solid var(--panel-line);
}

@media (max-width: 1580px) {
    .split-panel.constant-management {
        grid-template-columns: 1fr;
    }

    .constant-create-panel {
        position: static;
    }
}

@media (max-width: 680px) {
    .constant-summary {
        grid-template-columns: 1fr;
    }

    .constant-summary > div {
        min-height: 56px;
    }

    .constant-tools {
        align-items: stretch;
        flex-direction: column;
    }

    .constant-tools__actions button {
        flex: 1;
    }
}

* {
    box-sizing: border-box;
}

body {
    margin: 0;
    color: var(--panel-ink);
    background: var(--panel-bg);
    font-family: Inter, "Segoe UI", Arial, sans-serif;
    font-size: 15px;
    line-height: 1.55;
}

a {
    color: var(--panel-green-800);
}

button,
input,
select,
textarea {
    font: inherit;
}

fieldset {
    min-width: 0;
    padding: 0;
    border: 0;
}

.login-page {
    display: grid;
    min-height: 100vh;
    place-items: center;
    padding: 2rem;
    background:
        radial-gradient(circle at 12% 12%, rgba(198, 146, 62, .13), transparent 28%),
        radial-gradient(circle at 90% 88%, rgba(40, 105, 143, .14), transparent 32%),
        var(--panel-bg);
}

.login-shell {
    display: grid;
    grid-template-columns: minmax(0, 1.1fr) minmax(380px, .9fr);
    width: min(100%, 1040px);
    overflow: hidden;
    background: white;
    border: 1px solid var(--panel-line);
    border-radius: 16px;
    box-shadow: 0 28px 70px rgba(13, 39, 64, .16);
}

.login-intro {
    position: relative;
    display: flex;
    min-height: 650px;
    flex-direction: column;
    justify-content: center;
    padding: 3rem;
    color: white;
    background:
        radial-gradient(circle at 85% 15%, rgba(198, 146, 62, .24), transparent 26%),
        linear-gradient(145deg, var(--panel-green-950), var(--panel-green-800));
}

.login-intro::after {
    position: absolute;
    right: -70px;
    bottom: -90px;
    width: 300px;
    height: 300px;
    content: "";
    border: 1px solid rgba(255, 255, 255, .12);
    border-radius: 50%;
    box-shadow:
        0 0 0 38px rgba(255, 255, 255, .035),
        0 0 0 78px rgba(255, 255, 255, .025);
}

.login-intro > * {
    position: relative;
    z-index: 1;
}

.login-intro img {
    width: 190px;
    aspect-ratio: 1;
    object-fit: contain;
    margin-bottom: 1.1rem;
    background: white;
    border-radius: 14px;
}

.login-intro__label {
    color: #f3d49d;
    font-size: .75rem;
    font-weight: 800;
    letter-spacing: .12em;
    text-transform: uppercase;
}

.login-intro h1 {
    max-width: 560px;
    margin: .55rem 0 .72rem;
    font-size: clamp(1.8rem, 3vw, 2.6rem);
    line-height: 1.18;
}

.login-intro p {
    max-width: 530px;
    margin: 0;
    color: rgba(255, 255, 255, .8);
    font-size: 1rem;
}

.login-intro__features {
    display: flex;
    flex-wrap: wrap;
    gap: .55rem;
    margin-top: 1.2rem;
}

.login-intro__features span {
    padding: .42rem .65rem;
    color: rgba(255, 255, 255, .88);
    background: rgba(255, 255, 255, .08);
    border: 1px solid rgba(255, 255, 255, .14);
    border-radius: 999px;
    font-size: .74rem;
}

.login-card {
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 2.6rem 3rem;
    border-top: 5px solid var(--panel-gold);
}

.login-brand {
    display: flex;
    gap: .75rem;
    align-items: center;
    margin-bottom: 2rem;
    color: var(--panel-ink);
    text-decoration: none;
}

.login-brand > img {
    width: 56px;
    height: 56px;
    object-fit: contain;
    border: 1px solid var(--panel-line);
    border-radius: 9px;
}

.login-brand > span {
    display: grid;
}

.login-brand strong {
    color: var(--panel-green-950);
    font-size: 1.05rem;
}

.login-brand small {
    color: var(--panel-muted);
}

.login-card__header h1 {
    margin: 0;
    color: var(--panel-green-950);
    font-size: 1.75rem;
    line-height: 1.25;
}

.login-card__header p {
    margin: .35rem 0 1rem;
    color: var(--panel-muted);
}

.login-help {
    margin: .9rem 0 0;
    color: var(--panel-muted);
    font-size: .82rem;
    line-height: 1.55;
    text-align: center;
}

.back-link {
    display: block;
    margin-top: 1.2rem;
    font-size: .85rem;
    text-align: center;
}

.login-card .panel-field input {
    min-height: 48px;
    background: #fbfdff;
}

.login-remember {
    display: flex;
    gap: .55rem;
    align-items: center;
    margin: .15rem 0 1rem;
    color: var(--panel-muted);
    font-size: .85rem;
    cursor: pointer;
}

.login-remember input {
    width: 17px;
    height: 17px;
    margin: 0;
    accent-color: var(--panel-green-900);
}

.login-card .panel-button {
    min-height: 50px;
    background: var(--panel-green-900);
}

.panel-body {
    display: grid;
    grid-template-columns: 272px minmax(0, 1fr);
    min-height: 100vh;
}

.panel-sidebar {
    position: sticky;
    top: 0;
    display: flex;
    height: 100vh;
    flex-direction: column;
    color: white;
    background: var(--panel-green-950);
}

.panel-brand {
    display: flex;
    gap: .75rem;
    align-items: center;
    min-height: 84px;
    padding: 1rem 1.2rem;
    color: white;
    border-bottom: 1px solid rgba(255, 255, 255, .12);
    text-decoration: none;
}

.panel-brand img {
    width: 52px;
    height: 52px;
    flex: 0 0 auto;
    object-fit: contain;
    background: white;
    border-radius: 7px;
}

.panel-brand strong {
    font-size: 1rem;
}

.panel-brand small {
    color: rgba(255, 255, 255, .72);
    font-size: .78rem;
}

.panel-sidebar nav {
    display: grid;
    padding: 1rem .85rem;
}

.panel-sidebar nav a {
    display: flex;
    gap: .85rem;
    align-items: center;
    padding: .85rem .95rem;
    color: rgba(255, 255, 255, .78);
    border-radius: 5px;
    border-left: 3px solid transparent;
    text-decoration: none;
}

.panel-sidebar nav a:hover,
.panel-sidebar nav a:focus {
    color: white;
    background: var(--panel-green-800);
}

.panel-sidebar nav a.is-active {
    color: white;
    background: rgba(255, 255, 255, .15);
    border-left-color: var(--panel-gold);
    font-weight: 800;
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .06);
}

.panel-sidebar nav a.is-active span:first-child {
    color: var(--panel-gold);
}

.panel-sidebar nav a span {
    font-size: .9rem;
}

.panel-menu-label {
    margin: .9rem .95rem .35rem;
    color: rgba(255, 255, 255, .46);
    font-size: .68rem;
    font-weight: 800;
    letter-spacing: .09em;
    text-transform: uppercase;
}

.system-menu {
    min-width: 0;
}

.system-menu summary {
    display: grid;
    grid-template-columns: auto 1fr auto;
    gap: .85rem;
    align-items: center;
    padding: .85rem .95rem;
    color: rgba(255, 255, 255, .78);
    border-left: 3px solid transparent;
    border-radius: 5px;
    cursor: pointer;
    list-style: none;
}

.system-menu summary::-webkit-details-marker { display: none; }
.system-menu summary:hover,
.system-menu summary:focus-visible { color: #fff; background: var(--panel-green-800); }
.system-menu summary.is-active { color: #fff; background: rgba(255, 255, 255, .15); border-left-color: var(--panel-gold); font-weight: 800; }
.system-menu__chevron { font-size: 1.15rem; transition: transform .18s ease; }
.system-menu[open] .system-menu__chevron { transform: rotate(90deg); }
.system-menu__items { display: grid; margin: .25rem 0 .45rem 1.15rem; padding-left: .45rem; border-left: 1px solid rgba(255, 255, 255, .15); }
.panel-sidebar nav .system-menu__items a { gap: .65rem; padding: .65rem .75rem; font-size: .82rem; }
.panel-sidebar nav .system-menu__items a span { font-size: .82rem; }
.system-menu__group{margin:.55rem .75rem .15rem;color:rgba(255,255,255,.42);font-size:.6rem;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.system-menu__group:first-child{margin-top:.25rem}

.panel-site-link {
    margin-top: auto;
    padding: 1rem;
    color: white;
    background: rgba(255, 255, 255, .07);
    font-size: .88rem;
    text-align: center;
    text-decoration: none;
}

.panel-main {
    min-width: 0;
}

.panel-topbar {
    position: sticky;
    z-index: 10;
    top: 0;
    display: flex;
    gap: 1rem;
    align-items: center;
    min-height: 80px;
    padding: .95rem 1.5rem;
    background: white;
    border-bottom: 1px solid var(--panel-line);
}

.panel-topbar__title {
    display: grid;
    gap: .1rem;
}

.panel-topbar__title strong {
    font-size: 1rem;
}

.panel-topbar__title small,
.panel-topbar small {
    color: var(--panel-muted);
    font-size: .82rem;
}

.panel-topbar__title span {
    color: var(--panel-muted);
    font-size: .78rem;
}

.panel-topbar form {
    margin-left: auto;
}

.text-button {
    color: var(--panel-green-800);
    background: transparent;
    border: 0;
    font-size: .9rem;
    font-weight: 800;
    cursor: pointer;
}

.panel-menu-toggle {
    display: none;
}

.panel-content {
    padding: 1.5rem;
}

.panel-alert {
    margin-bottom: 1rem;
    padding: .85rem 1rem;
    background: #edf7f1;
    border: 1px solid #a6d7b8;
    border-radius: 5px;
}

.panel-alert--hata {
    color: #8f1d16;
    background: #fff0ef;
    border-color: #f4aaa5;
}

.panel-alert--uyari {
    color: #7a2e0e;
    background: #fff2e8;
    border-color: #efb68f;
}

.panel-alert {
    position: relative;
    padding-right: 3rem;
}

.panel-alert__dismiss {
    position: absolute;
    top: 50%;
    right: .8rem;
    border: 0;
    background: transparent;
    color: inherit;
    font-size: 1.25rem;
    line-height: 1;
    cursor: pointer;
    transform: translateY(-50%);
}

.stat-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
    gap: 1rem;
    margin-bottom: 1.25rem;
}

.stat-card {
    position: relative;
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    grid-template-areas:
        "label icon"
        "value icon"
        "detail detail";
    gap: .35rem .8rem;
    min-height: 152px;
    align-content: center;
    padding: 1.25rem;
    color: var(--panel-ink);
    background: white;
    border: 1px solid var(--panel-line);
    border-top: 4px solid var(--panel-green-700);
    box-shadow: var(--panel-shadow);
    text-decoration: none;
}

.stat-card--link:hover,
.stat-card--link:focus {
    border-top-color: var(--panel-gold);
    transform: translateY(-1px);
}

.stat-card > span:not(.stat-card__icon) {
    grid-area: label;
    color: var(--panel-muted);
    font-size: .86rem;
    font-weight: 700;
}

.stat-card strong {
    grid-area: value;
    font-family: Georgia, serif;
    font-size: 2.45rem;
    line-height: 1;
}

.stat-card small {
    grid-area: detail;
    color: var(--panel-muted);
    font-size: .82rem;
}

.stat-card small b {
    color: var(--panel-green-800);
}

.stat-card__icon {
    display: grid;
    grid-area: icon;
    width: 42px;
    height: 42px;
    place-items: center;
    color: var(--panel-green-800);
    background: var(--panel-green-100);
    border-radius: 50%;
    font-size: 1.25rem;
    font-weight: 900;
}

.stat-card--attention {
    border-top-color: var(--panel-orange);
}

.stat-card--attention .stat-card__icon {
    color: #8a3709;
    background: #fff0e5;
}

.dashboard-grid {
    display: grid;
    gap: 1rem;
    margin-bottom: 1rem;
}

.dashboard-grid--focus {
    grid-template-columns: minmax(0, 1.35fr) minmax(320px, .8fr);
}

.dashboard-grid--split {
    grid-template-columns: minmax(0, 1.15fr) minmax(390px, .85fr);
}

.dashboard-queue {
    display: grid;
    gap: .75rem;
}

.dashboard-queue__item {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    gap: .9rem;
    align-items: center;
    padding: .8rem 1rem;
    background: var(--panel-green-50);
    border: 1px solid var(--panel-line);
    border-radius: 6px;
}

.dashboard-queue__item strong {
    display: inline;
    font-family: Georgia, serif;
    font-size: 1rem;
    line-height: 1.1;
}

.dashboard-queue__item span {
    color: var(--panel-muted);
    font-size: .88rem;
    font-weight: 700;
}

.dashboard-queue__item a {
    white-space: nowrap;
    font-size: .88rem;
    font-weight: 800;
    text-decoration: none;
}

.dashboard-queue__status {
    display: grid;
    width: 34px;
    height: 34px;
    place-items: center;
    border-radius: 50%;
    font-size: 1rem !important;
    font-weight: 900 !important;
}

.dashboard-queue__item.is-warning {
    background: #fff7ed;
    border-color: #f3c79f;
    box-shadow: inset 4px 0 0 var(--panel-orange);
}

.dashboard-queue__item.is-warning .dashboard-queue__status {
    color: #8a3709;
    background: #ffdfc2;
}

.dashboard-queue__item.is-complete {
    background: #f3faf6;
    border-color: #c7e2d1;
}

.dashboard-queue__item.is-complete .dashboard-queue__status {
    color: #067647;
    background: #d8f0e1;
}

.issue-summary {
    display: grid;
    gap: .45rem;
    padding: 1rem;
    background: #f8fbfd;
    border: 1px solid var(--panel-line);
    border-radius: 6px;
}

.issue-summary p,
.issue-summary small {
    margin: 0;
    color: var(--panel-muted);
}

.activity-feed {
    display: grid;
    gap: .75rem;
}

.activity-feed__item {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    gap: 1rem;
    align-items: center;
    padding: .9rem 1rem;
    background: #f8fbfd;
    border: 1px solid var(--panel-line);
    border-radius: 6px;
}

.activity-feed__item strong {
    display: block;
    margin-bottom: .2rem;
}

.activity-feed__item span,
.activity-feed__item small,
.activity-feed__item time {
    color: var(--panel-muted);
    font-size: .84rem;
}

.activity-feed__content {
    min-width: 0;
}

.activity-feed__content span,
.activity-feed__content small {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.activity-feed__icon {
    display: grid;
    width: 34px;
    height: 34px;
    place-items: center;
    color: var(--panel-green-800) !important;
    background: var(--panel-green-100);
    border-radius: 50%;
    font-weight: 900;
}

.activity-feed__item time {
    white-space: nowrap;
}

.panel-section--issue-overview {
    max-width: none;
}

.issue-overview {
    display: grid;
    grid-template-columns: 108px minmax(0, 1fr);
    gap: 1rem;
}

.issue-overview__cover {
    display: grid;
    min-height: 145px;
    overflow: hidden;
    place-items: center;
    color: var(--panel-muted);
    background: var(--panel-green-50);
    border: 1px solid var(--panel-line);
    border-radius: 6px;
    font-size: .78rem;
    text-align: center;
}

.issue-overview__cover img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.issue-overview__main {
    min-width: 0;
}

.issue-overview__main h3 {
    margin: .6rem 0 .2rem;
    font-family: Georgia, serif;
    font-size: 1.55rem;
    line-height: 1.12;
}

.issue-overview__main p,
.issue-overview__main strong {
    display: block;
    margin: 0 0 .35rem;
}

.issue-overview__main p {
    color: var(--panel-muted);
}

.issue-overview__facts {
    display: grid;
    grid-column: 1 / -1;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    margin: 0;
    overflow: hidden;
    border: 1px solid var(--panel-line);
    border-radius: 6px;
}

.issue-overview__facts div {
    display: grid;
    gap: .15rem;
    padding: .75rem;
    border-right: 1px solid var(--panel-line);
}

.issue-overview__facts div:last-child {
    border-right: 0;
}

.issue-overview__facts dt {
    color: var(--panel-muted);
    font-size: .75rem;
}

.issue-overview__facts dd {
    margin: 0;
    font-size: .84rem;
    font-weight: 800;
}

.issue-overview__facts .is-ready {
    color: #067647;
}

.issue-overview__facts .is-missing {
    color: var(--panel-red);
}

.issue-overview__actions {
    display: grid;
    grid-column: 1 / -1;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: .75rem;
}

.dashboard-articles th:first-child,
.dashboard-articles td:first-child {
    width: 48%;
}

.dashboard-articles td {
    font-size: .9rem;
}

.dashboard-articles td strong {
    font-size: .95rem;
    line-height: 1.35;
}

.dashboard-articles td small {
    margin-top: .2rem;
    font-size: .8rem;
    line-height: 1.35;
}

.dashboard-articles td:nth-child(3),
.dashboard-articles td:nth-child(4) {
    min-width: 118px;
}

.dashboard-articles time {
    white-space: nowrap;
}

.panel-section {
    min-width: 0;
    padding: 1.5rem;
    background: white;
    border: 1px solid var(--panel-line);
    border-radius: 6px;
    box-shadow: var(--panel-shadow);
}

.panel-section + .panel-section {
    margin-top: 1rem;
}

.panel-section--narrow {
    max-width: 760px;
}

.panel-section__heading,
.form-subsection__heading {
    display: flex;
    gap: 1rem;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 1rem;
}

.panel-section__heading h1,
.panel-section__heading h2,
.form-subsection__heading h2 {
    margin: 0;
    font-family: Georgia, serif;
}

.panel-section__heading h1 {
    font-size: 1.85rem;
    line-height: 1.18;
}

.panel-section__heading h2,
.form-subsection__heading h2 {
    font-size: 1.25rem;
    line-height: 1.2;
}

.panel-section__heading p,
.form-subsection__heading p {
    margin: .2rem 0 0;
    color: var(--panel-muted);
    font-size: .93rem;
}

.panel-button {
    display: inline-flex;
    min-height: 44px;
    align-items: center;
    justify-content: center;
    padding: .6rem 1rem;
    color: white;
    background: var(--panel-green-800);
    border: 1px solid var(--panel-green-800);
    border-radius: 4px;
    font-size: .9rem;
    font-weight: 800;
    text-decoration: none;
    cursor: pointer;
}

.panel-button:hover {
    color: white;
    background: var(--panel-green-950);
}

.panel-button--secondary {
    color: var(--panel-green-800);
    background: white;
}

.panel-button--success {
    background: #067647;
    border-color: #067647;
}

.panel-button--small {
    min-height: 36px;
    padding: .4rem .7rem;
}

.panel-button--block {
    width: 100%;
}

.table-wrap {
    overflow-x: auto;
}

.panel-table {
    width: 100%;
    border-collapse: collapse;
}

.panel-table th,
.panel-table td {
    padding: .85rem .95rem;
    border-bottom: 1px solid var(--panel-line);
    text-align: left;
    vertical-align: middle;
}

.panel-table th {
    color: var(--panel-muted);
    background: var(--panel-green-50);
    font-size: .78rem;
    letter-spacing: .05em;
    text-transform: uppercase;
}

.panel-table td {
    font-size: .93rem;
}

.panel-table td strong {
    font-size: .97rem;
}

.panel-table td strong,
.panel-table td small {
    display: block;
}

.panel-table td small {
    color: var(--panel-muted);
}

.table-empty {
    padding: 2rem !important;
    color: var(--panel-muted);
    text-align: center !important;
}

.table-wrap .dt-container {
    color: var(--panel-ink);
    font-size: .9rem;
}

.table-wrap .dt-layout-row {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    gap: .8rem;
    margin: 0 0 1rem;
}

.table-wrap .dt-layout-row:last-child {
    margin: 1rem 0 0;
}

.table-wrap .dt-length,
.table-wrap .dt-search {
    align-items: center;
    display: flex;
    gap: .45rem;
}

.table-wrap .dt-input {
    min-height: 38px;
    padding: .45rem .65rem;
    color: var(--panel-ink);
    background: #fff;
    border: 1px solid var(--panel-line) !important;
    border-radius: 6px !important;
    font: inherit;
}

.table-wrap .dt-search .dt-input {
    min-width: min(360px, 52vw);
}

.table-wrap .dt-paging {
    display: flex;
    flex-wrap: wrap;
    gap: .3rem;
}

.table-wrap .dt-paging .dt-paging-button {
    min-width: 36px;
    min-height: 36px;
    margin: 0;
    padding: .4rem .65rem !important;
    color: var(--panel-green-900) !important;
    background: #fff !important;
    border: 1px solid var(--panel-line) !important;
    border-radius: 6px !important;
}

.table-wrap .dt-paging .dt-paging-button.current,
.table-wrap .dt-paging .dt-paging-button:hover {
    color: #fff !important;
    background: var(--panel-green-700) !important;
    border-color: var(--panel-green-700) !important;
}

.table-wrap .dt-paging .dt-paging-button.disabled {
    opacity: .5;
}

.table-wrap .dt-info {
    color: var(--panel-muted);
}

.status {
    display: inline-flex;
    align-items: center;
    padding: .3rem .55rem;
    color: #344054;
    background: #f2f4f7;
    border-radius: 999px;
    font-size: .72rem;
    font-weight: 800;
    white-space: nowrap;
}

.status--editor_incelemesi {
    color: #1849a9;
    background: #eff4ff;
}

.status--duzeltme_istendi {
    color: #93370d;
    background: #fff4ed;
}

.status--onaylandi,
.status--sayiya_atandi,
.status--yayimlandi {
    color: #05603a;
    background: #ecfdf3;
}

.status--taslak {
    color: #b54708;
    background: #fff4e5;
}

.status--planlandi {
    color: #1849a9;
    background: #eff4ff;
}

.status--arsivlendi {
    color: #475467;
    background: #f2f4f7;
}

.status--aktif {
    color: #05603a;
    background: #ecfdf3;
}

.status--menude {
    color: #175cd3;
    background: #eff8ff;
}

.status--pasif,
.status--menu-disi {
    color: #475467;
    background: #f2f4f7;
}

.status--reddedildi {
    color: #912018;
    background: #fef3f2;
}

.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
}

.panel-form {
    display: grid;
    gap: 1.1rem;
}

.panel-form fieldset {
    display: grid;
    gap: 1.2rem;
}

.panel-field {
    display: grid;
    gap: .35rem;
}

.panel-field label {
    font-size: .86rem;
    font-weight: 800;
}

.panel-field input,
.panel-field select,
.panel-field textarea,
.constant-row input {
    width: 100%;
    min-height: 40px;
    padding: .65rem .8rem;
    color: var(--panel-ink);
    background: white;
    border: 1px solid #b7c4bc;
    border-radius: 4px;
}

.panel-field textarea {
    min-height: 96px;
}

.panel-field textarea {
    resize: vertical;
}

.panel-field small {
    color: var(--panel-muted);
    font-size: .8rem;
}

.panel-cover-preview {
    display: grid;
    gap: .5rem;
    align-content: start;
}

.panel-cover-preview img {
    max-width: 180px;
    max-height: 250px;
    padding: .5rem;
    object-fit: contain;
    background: white;
    border: 1px solid var(--panel-line);
    border-radius: 8px;
}

.panel-cover-preview__empty {
    display: grid;
    place-items: center;
    min-height: 180px;
    color: var(--panel-muted);
    background: #fbfdff;
    border: 1px dashed var(--panel-line);
    border-radius: 8px;
    font-size: .86rem;
}

.form-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1rem;
}

.form-grid--3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.language-tabs {
    border: 1px solid var(--panel-line);
}

.language-tabs__buttons {
    display: flex;
    background: var(--panel-green-50);
    border-bottom: 1px solid var(--panel-line);
}

.language-tabs__buttons button {
    padding: .75rem 1rem;
    color: var(--panel-muted);
    background: transparent;
    border: 0;
    border-bottom: 3px solid transparent;
    cursor: pointer;
}

.language-tabs__buttons button.is-active {
    color: var(--panel-green-900);
    background: white;
    border-bottom-color: var(--panel-green-700);
    font-weight: 800;
}

.language-panel {
    display: none;
    padding: 1rem;
}

.language-panel.is-active {
    display: grid;
    gap: 1rem;
}

.page-settings-card {
    padding: 1rem;
    background: #f7fafc;
    border: 1px solid var(--panel-line);
    border-radius: 8px;
}

.page-settings-card__heading,
.language-panel__heading,
.seo-fields__heading {
    display: flex;
    justify-content: space-between;
    gap: 1rem;
    align-items: flex-start;
}

.page-settings-card__heading h2,
.language-panel__heading h2,
.seo-fields__heading h3 {
    margin: 0;
    color: var(--panel-green-900);
    font-family: Georgia, serif;
}

.page-settings-card__heading h2,
.language-panel__heading h2 {
    font-size: 1.18rem;
}

.seo-fields__heading h3 {
    font-size: 1rem;
}

.page-settings-card__heading p,
.language-panel__heading p,
.seo-fields__heading p {
    margin: .25rem 0 0;
    color: var(--panel-muted);
    font-size: .82rem;
}

.page-settings-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(220px, 1fr)) minmax(180px, .7fr);
    gap: .8rem;
    margin-top: 1rem;
}

.setting-toggle {
    display: flex;
    gap: .75rem;
    align-items: center;
    padding: .8rem;
    background: white;
    border: 1px solid var(--panel-line);
    border-radius: 7px;
    cursor: pointer;
}

.setting-toggle input {
    position: absolute;
    opacity: 0;
    pointer-events: none;
}

.setting-toggle__control {
    position: relative;
    flex: 0 0 42px;
    width: 42px;
    height: 24px;
    background: #98a2b3;
    border-radius: 999px;
    transition: background .18s ease;
}

.setting-toggle__control::after {
    position: absolute;
    top: 3px;
    left: 3px;
    width: 18px;
    height: 18px;
    content: '';
    background: white;
    border-radius: 50%;
    box-shadow: 0 1px 3px rgba(15, 42, 64, .2);
    transition: transform .18s ease;
}

.setting-toggle input[type="checkbox"]:checked ~ .setting-toggle__control {
    background: var(--panel-green-700);
}

.setting-toggle input[type="checkbox"]:checked ~ .setting-toggle__control::after {
    transform: translateX(18px);
}

.setting-toggle input:focus-visible + .setting-toggle__control {
    outline: 3px solid rgba(20, 95, 140, .25);
    outline-offset: 2px;
}

.setting-toggle strong,
.setting-toggle small {
    display: block;
}

.setting-toggle small {
    margin-top: .15rem;
    color: var(--panel-muted);
    font-size: .76rem;
    font-weight: 400;
}

.page-menu-order {
    padding: .55rem .8rem;
    background: white;
    border: 1px solid var(--panel-line);
    border-radius: 7px;
}

.page-editor-tabs > .language-tabs__buttons {
    position: sticky;
    z-index: 9;
    top: 78px;
    box-shadow: 0 4px 12px rgba(15, 42, 64, .07);
}

.language-panel__heading {
    padding-bottom: .8rem;
    border-bottom: 1px solid var(--panel-line);
}

.required-note {
    color: var(--panel-muted);
    font-size: .76rem;
    white-space: nowrap;
}

.html-editor {
    overflow: hidden;
    background: white;
    border: 1px solid #b7c4bc;
    border-radius: 6px;
}

.html-editor__toolbar {
    display: flex;
    flex-wrap: wrap;
    gap: .3rem;
    padding: .5rem;
    background: #f4f7f9;
    border-bottom: 1px solid var(--panel-line);
}

.html-editor__toolbar button {
    min-height: 32px;
    padding: .35rem .6rem;
    color: var(--panel-green-900);
    background: white;
    border: 1px solid var(--panel-line);
    border-radius: 4px;
    cursor: pointer;
}

.html-editor__toolbar button:hover,
.html-editor__toolbar button.is-active {
    color: white;
    background: var(--panel-green-700);
    border-color: var(--panel-green-700);
}

.html-editor__spacer {
    flex: 1 1 auto;
}

.panel-field .html-editor__source {
    min-height: 310px;
    border: 0;
    border-radius: 0;
    font-family: Consolas, 'Courier New', monospace;
    font-size: .9rem;
    line-height: 1.6;
}

.html-editor__preview {
    width: 100%;
    min-height: 310px;
    background: white;
    border: 0;
}

.seo-fields {
    display: grid;
    gap: .85rem;
    padding: 1rem;
    background: #f7fafc;
    border: 1px solid var(--panel-line);
    border-radius: 7px;
}

.page-editor-actions {
    position: sticky;
    z-index: 8;
    bottom: 0;
    display: flex;
    gap: 1rem;
    align-items: center;
    padding: .8rem 1rem;
    background: rgba(255, 255, 255, .97);
    border: 1px solid var(--panel-line);
    border-radius: 7px;
    box-shadow: 0 -8px 24px rgba(15, 42, 64, .1);
    backdrop-filter: blur(8px);
}

.page-editor-state {
    color: #05603a;
    font-size: .82rem;
    font-weight: 800;
}

.page-editor-state::before {
    margin-right: .35rem;
    content: '●';
}

.page-editor-state.is-dirty {
    color: #b54708;
}

.page-editor-actions__links {
    display: flex;
    gap: .75rem;
    margin-left: auto;
}

.page-editor-actions__links a {
    color: var(--panel-green-800);
    font-size: .82rem;
    font-weight: 700;
}

.page-editor-actions .panel-button {
    min-width: 210px;
}

.form-subsection {
    display: grid;
    gap: 1rem;
    padding-top: 1.2rem;
    border-top: 1px solid var(--panel-line);
}

.form-subsection > h2 {
    margin: 0;
    font-family: Georgia, serif;
    font-size: 1.2rem;
}

.author-rows {
    display: grid;
    gap: .75rem;
}

.author-guidance {
    display: flex;
    gap: .55rem;
    align-items: baseline;
    padding: .75rem .9rem;
    color: #38536a;
    border: 1px solid #c8dceb;
    border-radius: 7px;
    background: #f4f9fd;
    font-size: .8rem;
}

.author-guidance strong {
    color: var(--panel-green-900);
    white-space: nowrap;
}

.author-row {
    position: relative;
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: .6rem;
    align-items: end;
    padding: .85rem 2.2rem .85rem .85rem;
    background: var(--panel-green-50);
    border: 1px solid var(--panel-line);
    border-left: 4px solid #c4d2dd;
    border-radius: 7px;
}

.author-row.is-existing {
    border-left-color: #16845b;
    background: #f5fbf8;
}

.author-row__selector {
    grid-column: 1 / -1;
    padding-right: 8rem;
}

.author-combobox {
    position: relative;
}

.author-combobox [data-author-search] {
    padding-right: 2.4rem;
    font-weight: 700;
    background: #fff
        url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='%23526879' stroke-width='2'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cpath d='m20 20-4-4'/%3E%3C/svg%3E")
        no-repeat right .75rem center;
}

.author-suggestions {
    position: absolute;
    z-index: 60;
    top: calc(100% + .3rem);
    right: 0;
    left: 0;
    max-height: 17rem;
    overflow-y: auto;
    padding: .35rem;
    border: 1px solid #b8ccd9;
    border-radius: .5rem;
    background: #fff;
    box-shadow: 0 14px 30px rgba(13, 39, 64, .17);
}

.author-suggestions[hidden] { display: none; }

.author-suggestion {
    display: block;
    width: 100%;
    padding: .65rem .75rem;
    border: 0;
    border-radius: .35rem;
    background: transparent;
    color: #173f61;
    font: inherit;
    font-size: .86rem;
    font-weight: 700;
    text-align: left;
    cursor: pointer;
}

.author-suggestion[hidden] { display: none; }

.author-suggestion:hover,
.author-suggestion:focus-visible,
.author-suggestion[aria-selected="true"] {
    outline: 0;
    background: #eaf3f9;
}

.author-suggestion:disabled {
    display: none;
}

.author-suggestion--new {
    margin-bottom: .25rem;
    border-bottom: 1px solid #d8e3eb;
    border-radius: .35rem .35rem 0 0;
    color: #1f5a82;
}

.author-row__record-state {
    position: absolute;
    top: .75rem;
    right: 3rem;
    padding: .3rem .5rem;
    color: #526879;
    border-radius: 999px;
    background: #e7eef4;
    font-size: .66rem;
    font-weight: 900;
}

.author-row.is-existing .author-row__record-state {
    color: #067647;
    background: #ddf4e8;
}

.author-row input[readonly] {
    color: #526879;
    background: #edf3f6;
    cursor: not-allowed;
}

.radio-label,
.checkbox-label {
    display: inline-flex;
    gap: .45rem;
    align-items: center;
    min-height: 44px;
    font-size: .88rem;
    font-weight: 700;
}

.panel-hint {
    margin-top: -.4rem;
    color: var(--panel-muted);
    font-size: .8rem;
}

.remove-author {
    position: absolute;
    top: .35rem;
    right: .35rem;
    width: 28px;
    height: 28px;
    color: var(--panel-red);
    background: white;
    border: 1px solid #f0b2ae;
    border-radius: 50%;
    cursor: pointer;
}

.page-range > div {
    display: flex;
    gap: .5rem;
    align-items: center;
}

.current-files {
    display: flex;
    flex-wrap: wrap;
    gap: .5rem;
}

.current-files span {
    padding: .45rem .65rem;
    color: #344054;
    background: #f2f4f7;
    border-radius: 999px;
    font-size: .72rem;
}

.form-actions {
    display: flex;
    justify-content: flex-end;
    padding-top: 1rem;
    border-top: 1px solid var(--panel-line);
}

.submit-review {
    display: flex;
    gap: 1rem;
    align-items: center;
    justify-content: space-between;
    margin-top: 1rem;
    padding: 1rem;
    background: #ecfdf3;
    border: 1px solid #a6f4c5;
}

.submit-review p {
    margin: .2rem 0 0;
    color: #35614c;
    font-size: .8rem;
}

.article-form-layout {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 300px;
    gap: 1rem;
    align-items: start;
}

.panel-breadcrumb {
    margin: 0 0 .75rem;
}

.panel-breadcrumb ol {
    display: flex;
    flex-wrap: wrap;
    gap: .45rem;
    align-items: center;
    margin: 0;
    padding: 0;
    color: #667085;
    font-size: .8rem;
    list-style: none;
}

.panel-breadcrumb li + li::before {
    margin-right: .45rem;
    color: #98a2b3;
    content: "/";
}

.panel-breadcrumb a {
    color: var(--panel-primary);
    font-weight: 700;
    text-decoration: none;
}

.panel-breadcrumb a:hover,
.panel-breadcrumb a:focus-visible {
    text-decoration: underline;
}

.panel-breadcrumb [aria-current="page"] {
    color: #344054;
    font-weight: 600;
}

.workflow-card {
    position: sticky;
    top: 88px;
    padding: 1rem;
    background: white;
    border: 1px solid var(--panel-line);
    border-top: 4px solid var(--panel-green-700);
    box-shadow: var(--panel-shadow);
}

.workflow-card h2 {
    margin-top: 0;
    font-family: Georgia, serif;
}

.workflow-card__hint {
    padding: .75rem;
    color: #31516c;
    background: #eef5fa;
    border-left: 3px solid var(--panel-primary);
    font-size: .78rem;
    line-height: 1.5;
}

.citation-editor {
    display: grid;
    gap: .7rem;
}

.citation-editor__item {
    background: #fff;
    border: 1px solid var(--panel-line);
    border-radius: 6px;
}

.citation-editor__item summary {
    padding: .8rem 1rem;
    color: var(--panel-primary);
    background: #f4f8fb;
    cursor: pointer;
    font-weight: 800;
}

.citation-editor__fields {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 1rem;
    padding: 1rem;
}

.issue-file-rows {
    display: grid;
    gap: .75rem;
}

.issue-file-row {
    position: relative;
    display: grid;
    grid-template-columns: minmax(180px, .8fr) minmax(260px, 1.4fr) minmax(190px, 1fr) auto;
    gap: .75rem;
    align-items: center;
    padding: .85rem;
    background: #f4f8fb;
    border: 1px solid var(--panel-line);
    border-radius: 6px;
}

.issue-file-row .panel-field strong,
.issue-file-row .panel-field small {
    display: block;
}

.issue-file-row .panel-field small {
    margin-top: .25rem;
    color: var(--panel-muted);
}

.panel-section--issue-editor {
    padding: 0;
    overflow: visible;
    background: transparent;
    border: 0;
    box-shadow: none;
}

.issue-editor-heading {
    padding: 1.35rem 1.5rem;
    background: white;
    border: 1px solid var(--panel-line);
    border-radius: 10px;
    box-shadow: var(--panel-shadow);
}

.panel-eyebrow,
.form-step {
    display: inline-flex;
    margin-bottom: .35rem;
    color: var(--panel-green-700);
    font-size: .72rem;
    font-weight: 900;
    letter-spacing: .12em;
    text-transform: uppercase;
}

.issue-editor-heading__actions {
    display: flex;
    flex-wrap: wrap;
    gap: .6rem;
    justify-content: flex-end;
}

.issue-editor-layout {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 320px;
    gap: 1.1rem;
    align-items: start;
}

.issue-editor-main {
    display: grid;
    gap: 1rem;
    min-width: 0;
}

.issue-editor-card {
    gap: 1rem;
    padding: 1.35rem;
    background: white;
    border: 1px solid var(--panel-line);
    border-top: 3px solid var(--panel-green-700);
    border-radius: 8px;
    box-shadow: 0 8px 22px rgba(13, 39, 64, .06);
}

.issue-editor-card.form-subsection {
    padding-top: 1.35rem;
}

.issue-editor-sidebar {
    position: sticky;
    top: 96px;
    display: grid;
    gap: .85rem;
}

.issue-summary-card,
.issue-sidebar-card,
.issue-editor-actions {
    overflow: hidden;
    background: white;
    border: 1px solid var(--panel-line);
    border-radius: 8px;
    box-shadow: 0 8px 22px rgba(13, 39, 64, .06);
}

.issue-summary-card__cover {
    display: grid;
    min-height: 290px;
    place-items: center;
    padding: 1.25rem;
    background:
        linear-gradient(135deg, rgba(40, 105, 143, .07), rgba(198, 146, 62, .09)),
        #f8fbfd;
    border-bottom: 1px solid var(--panel-line);
}

.issue-summary-card__cover img {
    display: block;
    width: auto;
    max-width: 205px;
    height: auto;
    max-height: 265px;
    object-fit: contain;
    filter: drop-shadow(0 10px 14px rgba(13, 39, 64, .16));
}

.issue-summary-card__cover.is-empty,
.issue-summary-card__cover > div {
    color: var(--panel-muted);
    font-size: .86rem;
    text-align: center;
}

.issue-summary-card__body {
    padding: 1rem 1.1rem 1.1rem;
}

.issue-summary-card__body h2 {
    margin: .7rem 0 .2rem;
    color: var(--panel-green-950);
    font-size: 1.2rem;
    line-height: 1.3;
}

.issue-summary-card__body p {
    margin: 0;
    color: var(--panel-muted);
    font-size: .86rem;
}

.issue-sidebar-card {
    padding: 1rem;
}

.issue-sidebar-card h3 {
    margin: 0 0 .8rem;
    color: var(--panel-green-950);
    font-size: 1rem;
}

.issue-files-heading {
    margin-bottom: .25rem;
}

.issue-file-progress-text {
    padding: .35rem .6rem;
    color: var(--panel-green-800);
    background: var(--panel-green-100);
    border-radius: 999px;
    font-size: .78rem;
    font-weight: 800;
    white-space: nowrap;
}

.issue-file-progress {
    height: 6px;
    overflow: hidden;
    background: var(--panel-green-100);
    border-radius: 999px;
}

.issue-file-progress span {
    display: block;
    height: 100%;
    background: linear-gradient(90deg, var(--panel-green-700), var(--panel-gold));
    border-radius: inherit;
}

.issue-file-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: .85rem;
}

.issue-file-card {
    display: grid;
    gap: .85rem;
    align-content: start;
    padding: 1rem;
    background: #fbfdff;
    border: 1px solid var(--panel-line);
    border-left: 4px solid #98a2b3;
    border-radius: 7px;
}

.issue-file-card.is-ready {
    border-left-color: #079455;
}

.issue-file-card.is-missing {
    border-left-color: var(--panel-gold);
}

.issue-file-card__header {
    display: grid;
    grid-template-columns: 38px minmax(0, 1fr) auto;
    gap: .7rem;
    align-items: center;
}

.issue-file-card__icon {
    display: grid;
    width: 38px;
    height: 42px;
    place-items: center;
    color: white;
    background: var(--panel-green-800);
    border-radius: 4px;
    font-size: .62rem;
    font-weight: 900;
}

.issue-file-card__header strong,
.issue-file-card__header small {
    display: block;
}

.issue-file-card__header strong {
    color: var(--panel-green-950);
    font-size: .88rem;
}

.issue-file-card__header small {
    margin-top: .1rem;
    color: var(--panel-muted);
    font-size: .73rem;
}

.issue-file-card__status {
    color: #475467;
    font-size: .7rem;
    font-weight: 900;
}

.issue-file-card.is-ready .issue-file-card__status {
    color: #067647;
}

.issue-file-card.is-missing .issue-file-card__status {
    color: var(--panel-orange);
}

.issue-file-card__current {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: .15rem .75rem;
    padding: .65rem .75rem;
    background: white;
    border: 1px solid var(--panel-line);
    border-radius: 5px;
}

.issue-file-card__current span {
    grid-column: 1 / -1;
    color: var(--panel-muted);
    font-size: .7rem;
}

.issue-file-card__current code {
    overflow: hidden;
    color: var(--panel-ink);
    font-family: inherit;
    font-size: .76rem;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.issue-file-card__current a {
    font-size: .76rem;
    font-weight: 800;
    text-decoration: none;
}

.issue-file-card__empty {
    min-height: 44px;
    margin: 0;
    color: var(--panel-muted);
    font-size: .78rem;
}

.issue-file-card__upload {
    display: grid;
    gap: .35rem;
    color: var(--panel-green-900);
    font-size: .76rem;
    font-weight: 800;
}

.issue-file-card__upload input {
    width: 100%;
    min-width: 0;
    padding: .45rem;
    background: white;
    border: 1px dashed #9eb1bf;
    border-radius: 5px;
    font-size: .74rem;
}

.publish-switch {
    display: grid;
    grid-template-columns: 42px minmax(0, 1fr);
    gap: .65rem;
    align-items: center;
    cursor: pointer;
}

.publish-switch input {
    position: absolute;
    width: 1px;
    height: 1px;
    opacity: 0;
}

.publish-switch > span {
    position: relative;
    width: 42px;
    height: 24px;
    background: #98a2b3;
    border-radius: 999px;
    transition: background .18s ease;
}

.publish-switch > span::after {
    position: absolute;
    top: 3px;
    left: 3px;
    width: 18px;
    height: 18px;
    content: "";
    background: white;
    border-radius: 50%;
    box-shadow: 0 1px 3px rgba(13, 39, 64, .25);
    transition: transform .18s ease;
}

.publish-switch input:checked + span {
    background: #067647;
}

.publish-switch input:checked + span::after {
    transform: translateX(18px);
}

.publish-switch input:focus-visible + span {
    outline: 3px solid rgba(40, 105, 143, .22);
    outline-offset: 2px;
}

.publish-switch strong {
    font-size: .86rem;
}

.issue-publish-card p {
    margin: .75rem 0 0;
    color: var(--panel-muted);
    font-size: .78rem;
}

.issue-editor-actions {
    display: grid;
    gap: .55rem;
    padding: 1rem;
}

.panel-note {
    display: flex;
    flex-wrap: wrap;
    gap: .5rem 1rem;
    margin-top: 1rem;
    padding: .85rem 1rem;
    background: #fff9e9;
    border: 1px solid #ead9a8;
    border-radius: 6px;
}

.remove-issue-file {
    width: 32px;
    height: 32px;
    margin-bottom: 5px;
    color: var(--panel-red);
    background: white;
    border: 1px solid #f0b2ae;
    border-radius: 50%;
    cursor: pointer;
}

.split-panel {
    display: grid;
    grid-template-columns: minmax(0, 1.35fr) minmax(360px, .82fr);
    gap: 1.1rem;
    align-items: start;
}

.split-panel--people {
    grid-template-columns: minmax(0, 1.65fr) minmax(300px, .7fr);
}

.panel-drawer-backdrop.is-open {
    display: block;
}

.panel-sayilar-layout {
    position: relative;
}

.panel-sayilar-list {
    min-width: 0;
}

.panel-drawer-backdrop {
    position: fixed;
    inset: 0;
    z-index: 34;
    background: rgba(8, 23, 38, .36);
}

.panel-drawer {
    position: fixed;
    z-index: 35;
    top: 0;
    right: 0;
    display: grid;
    gap: 1rem;
    width: min(560px, calc(100vw - 280px));
    height: 100vh;
    padding: 1.25rem;
    overflow-y: auto;
    background: white;
    border-left: 1px solid var(--panel-line);
    box-shadow: -18px 0 40px rgba(13, 39, 64, .18);
    transform: translateX(102%);
    transition: transform .2s ease;
}

.panel-drawer.is-open {
    transform: translateX(0);
}

.panel-drawer__header {
    display: flex;
    gap: 1rem;
    align-items: flex-start;
    justify-content: space-between;
    padding-bottom: .75rem;
    border-bottom: 1px solid var(--panel-line);
}

.panel-drawer__header h2 {
    margin: 0;
    font-family: Georgia, serif;
    font-size: 1.3rem;
}

.panel-drawer__header p {
    margin: .2rem 0 0;
    color: var(--panel-muted);
    font-size: .92rem;
}

.panel-drawer__close {
    width: 40px;
    height: 40px;
    color: var(--panel-green-900);
    background: #f5f8fb;
    border: 1px solid var(--panel-line);
    border-radius: 999px;
    font-size: 1.3rem;
    cursor: pointer;
}

.form-actions--drawer {
    display: flex;
    gap: .75rem;
    justify-content: flex-end;
}

.form-actions--drawer .panel-button {
    min-width: 150px;
}

body.panel-drawer-open {
    overflow: hidden;
}

.table-actions {
    display: flex;
    flex-wrap: wrap;
    gap: .45rem;
}

.table-action {
    display: inline-flex;
    min-height: 36px;
    align-items: center;
    justify-content: center;
    padding: .35rem .7rem;
    color: var(--panel-green-900);
    background: var(--panel-green-50);
    border: 1px solid var(--panel-line);
    border-radius: 999px;
    font-size: .84rem;
    font-weight: 800;
    text-decoration: none;
    white-space: nowrap;
}

.table-action:hover {
    color: white;
    background: var(--panel-green-700);
    border-color: var(--panel-green-700);
}

.table-action--secondary {
    color: var(--panel-muted);
    background: white;
}

.table-action--secondary:hover {
    color: white;
    background: var(--panel-green-800);
}

.corporate-pages-note {
    margin: 0 0 1rem;
    color: #1849a9;
    background: #eff8ff;
    border-color: #b2ddff;
}

.corporate-pages-note__icon {
    display: inline-grid;
    flex: 0 0 22px;
    width: 22px;
    height: 22px;
    place-items: center;
    color: white;
    background: #175cd3;
    border-radius: 50%;
    font-family: Georgia, serif;
    font-size: .8rem;
    font-weight: 800;
}

.corporate-pages-list .panel-section__heading {
    margin-bottom: .8rem;
}

.corporate-pages-table tbody tr {
    transition: background-color .16s ease;
}

.corporate-pages-table tbody tr:hover {
    background: #f8fbfd;
}

.corporate-page-title {
    display: block;
    color: var(--panel-green-900);
    font-weight: 800;
    text-decoration: none;
}

.corporate-page-title:hover {
    color: var(--panel-blue);
    text-decoration: underline;
}

.corporate-page-path {
    color: var(--panel-muted);
    text-decoration: none;
}

.corporate-page-path:hover {
    color: var(--panel-blue);
    text-decoration: underline;
}

.menu-order-badge {
    display: inline-grid;
    min-width: 2rem;
    min-height: 2rem;
    place-items: center;
    color: var(--panel-green-900);
    background: var(--panel-green-50);
    border: 1px solid var(--panel-line);
    border-radius: 50%;
    font-weight: 800;
    text-decoration: none;
    transition: color .16s ease, background .16s ease, border-color .16s ease;
}

.menu-order-badge:hover,
.menu-order-badge:focus-visible {
    color: white;
    background: var(--panel-blue);
    border-color: var(--panel-blue);
}

.corporate-page-actions {
    flex-wrap: nowrap;
}

.corporate-page-actions .table-action--primary {
    color: white;
    background: var(--panel-green-800);
    border-color: var(--panel-green-800);
}

.corporate-page-actions .table-action--primary:hover {
    background: var(--panel-green-900);
    border-color: var(--panel-green-900);
}

.user-summary {
    display: grid;
    grid-template-columns: repeat(5, minmax(110px, 1fr));
    gap: .7rem;
    margin-bottom: 1rem;
}

.user-summary > div {
    display: flex;
    justify-content: space-between;
    gap: .75rem;
    align-items: center;
    padding: .75rem .9rem;
    background: #f7fafc;
    border: 1px solid var(--panel-line);
    border-radius: 7px;
}

.user-summary span {
    color: var(--panel-muted);
    font-size: .78rem;
    font-weight: 700;
}

.user-summary strong {
    color: var(--panel-green-900);
    font-family: Georgia, serif;
    font-size: 1.25rem;
}

.user-table td:first-child {
    min-width: 220px;
}

.user-table td:last-child {
    width: 1%;
    white-space: nowrap;
}

.user-table td small a {
    color: var(--panel-muted);
    text-decoration: none;
}

.user-table td small a:hover {
    color: var(--panel-blue);
    text-decoration: underline;
}

.current-user-badge {
    display: inline-flex;
    margin-left: .35rem;
    padding: .12rem .35rem;
    color: #175cd3;
    background: #eff8ff;
    border-radius: 999px;
    font-family: Arial, sans-serif;
    font-size: .65rem;
    vertical-align: middle;
}

.role-badges {
    display: flex;
    flex-wrap: wrap;
    gap: .35rem;
}

.role-badge {
    display: inline-flex;
    padding: .25rem .5rem;
    color: #344054;
    background: #f2f4f7;
    border-radius: 999px;
    font-size: .72rem;
    font-weight: 800;
}

.role-badge--admin {
    color: #912018;
    background: #fef3f2;
}

.role-badge--editor {
    color: #1849a9;
    background: #eff4ff;
}

.role-badge--yazar {
    color: #05603a;
    background: #ecfdf3;
}

.table-muted,
.user-security-note {
    color: var(--panel-muted);
}

.user-security-note {
    margin-top: .2rem;
    font-size: .72rem !important;
}

.user-form-page .panel-form {
    grid-template-columns: minmax(0, 1.2fr) minmax(390px, .9fr);
    gap: 1rem;
}

.panel-section--narrow.user-form-page {
    max-width: 1100px;
}

.user-form-page .user-account-status,
.user-form-page .user-password-reset,
.user-form-page .form-actions {
    grid-column: 1 / -1;
}

.user-form-card {
    display: grid;
    gap: 1rem;
    padding: 1rem;
    background: #f9fbfc;
    border: 1px solid var(--panel-line);
    border-radius: 8px;
}

.user-form-card__heading {
    display: flex;
    justify-content: space-between;
    gap: 1rem;
    align-items: flex-start;
    padding-bottom: .75rem;
    border-bottom: 1px solid var(--panel-line);
}

.user-form-card__heading h2 {
    margin: 0;
    color: var(--panel-green-900);
    font-family: Georgia, serif;
    font-size: 1.15rem;
}

.user-form-card__heading p {
    margin: 0;
    color: var(--panel-muted);
    font-size: .78rem;
}

.role-selector {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: .7rem;
    padding: 0;
    border: 0;
}

.user-form-page .role-selector {
    grid-template-columns: 1fr;
}

.role-selector legend {
    margin-bottom: .55rem;
    font-size: .86rem;
    font-weight: 800;
}

.role-selector label {
    display: flex;
    gap: .65rem;
    align-items: center;
    padding: .75rem;
    background: white;
    border: 1px solid var(--panel-line);
    border-radius: 7px;
    cursor: pointer;
}

.role-selector label:has(input:checked) {
    background: #eff8ff;
    border-color: #84caff;
}

.role-selector input {
    width: 18px;
    height: 18px;
    accent-color: var(--panel-blue);
}

.role-selector strong,
.role-selector small {
    display: block;
}

.role-selector small {
    margin-top: .12rem;
    color: var(--panel-muted);
    font-size: .72rem;
    font-weight: 400;
}

.user-account-status {
    display: flex;
    justify-content: space-between;
    gap: 1rem;
    align-items: center;
    padding: 1rem;
    background: #eff8ff;
    border: 1px solid #b2ddff;
    border-radius: 8px;
}

.user-account-status > div strong,
.user-account-status > div small {
    display: block;
}

.user-account-status > div small {
    margin-top: .2rem;
    color: var(--panel-muted);
}

.user-account-status .setting-toggle {
    min-width: 290px;
}

.user-password-reset {
    background: #fffaf0;
    border-color: #ead9a8;
}

.password-control {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto auto;
    overflow: hidden;
    background: white;
    border: 1px solid #b7c4bc;
    border-radius: 5px;
}

.panel-field .password-control input {
    min-width: 0;
    border: 0;
    border-radius: 0;
}

.password-control button {
    padding: 0 .8rem;
    color: var(--panel-green-800);
    background: #f7fafc;
    border: 0;
    border-left: 1px solid var(--panel-line);
    font-size: .78rem;
    font-weight: 800;
    cursor: pointer;
}

.password-control button:hover,
.password-control button:focus-visible {
    color: white;
    background: var(--panel-green-800);
}

.setting-toggle:has(input[type="checkbox"]:disabled) {
    cursor: not-allowed;
}

.notification-list {
    display: grid;
    gap: .7rem;
}

.notification-management [hidden] {
    display: none !important;
}

.notification-heading {
    align-items: center;
}

.notification-summary {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: .75rem;
    margin: 1rem 0;
}

.notification-summary > div {
    display: grid;
    grid-template-columns: 1fr auto;
    gap: .15rem .75rem;
    padding: .9rem 1rem;
    border: 1px solid var(--panel-line);
    border-radius: 8px;
    background: #f8fafc;
}

.notification-summary > div.is-attention {
    border-color: #edc36b;
    background: #fffaf0;
}

.notification-summary span {
    color: var(--panel-muted);
    font-size: .76rem;
    font-weight: 800;
}

.notification-summary strong {
    grid-row: span 2;
    color: var(--panel-green-900);
    font-family: Georgia, "Times New Roman", serif;
    font-size: 1.55rem;
}

.notification-summary small {
    color: var(--panel-muted);
    font-size: .68rem;
}

.notification-table-wrap {
    margin-top: 1rem;
}

.notification-table {
    min-width: 880px;
}

.notification-table th:nth-child(1) {
    width: 145px;
}

.notification-table th:nth-child(3) {
    width: 105px;
}

.notification-table th:nth-child(4) {
    width: 155px;
}

.notification-table th:nth-child(5) {
    width: 145px;
}

.notification-table tbody tr {
    border-left: 4px solid transparent;
}

.notification-table tbody tr.is-unread {
    border-left-color: var(--panel-blue);
    background: #f6faff;
}

.notification-table tbody tr.notification-row--basari {
    border-left-color: #16845b;
}

.notification-table tbody tr.notification-row--uyari {
    border-left-color: #c47b12;
}

.notification-table tbody tr.notification-row--islem {
    border-left-color: #28698f;
}

.notification-table__type {
    display: inline-flex;
    gap: .45rem;
    align-items: center;
    color: #38536a;
    font-size: .72rem;
    font-weight: 900;
    white-space: nowrap;
}

.notification-table__type i {
    display: inline-grid;
    place-items: center;
    width: 30px;
    height: 30px;
    border-radius: 8px;
    background: #e7f0f6;
    font-style: normal;
}

.notification-table__type--basari i {
    color: #067647;
    background: #e7f8ee;
}

.notification-table__type--uyari i {
    color: #9a5c08;
    background: #fff3d6;
}

.notification-table__content {
    max-width: 720px;
}

.notification-table__content strong {
    color: var(--panel-ink);
    font-size: .9rem !important;
}

.notification-table__content small {
    margin-top: .22rem;
    color: #526879 !important;
    font-size: .76rem;
    line-height: 1.45;
}

.notification-table__status {
    display: inline-flex;
    align-items: center;
    padding: .3rem .55rem;
    border-radius: 999px;
    color: #526879;
    background: #e9eff3;
    font-size: .68rem;
    font-weight: 900;
}

.notification-table__status.is-unread {
    color: #175cd3;
    background: #e7f0ff;
}

.notification-table time {
    color: #526879;
    font-size: .76rem;
    white-space: nowrap;
}

.notification-table__no-action {
    color: var(--panel-muted);
}

.notification-toolbar {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .8rem;
    margin-bottom: .85rem;
    padding: .6rem;
    border: 1px solid var(--panel-line);
    border-radius: 8px;
    background: #f8fafc;
}

.notification-filters {
    display: flex;
    gap: .35rem;
}

.notification-filters button {
    display: inline-flex;
    align-items: center;
    gap: .4rem;
    min-height: 36px;
    padding: .45rem .65rem;
    color: var(--panel-muted);
    border: 1px solid transparent;
    border-radius: 6px;
    background: transparent;
    font-size: .75rem;
    font-weight: 900;
    cursor: pointer;
}

.notification-filters button span {
    display: inline-grid;
    place-items: center;
    min-width: 22px;
    height: 22px;
    padding: 0 .3rem;
    border-radius: 999px;
    background: #e4edf4;
    font-size: .65rem;
}

.notification-filters button:hover,
.notification-filters button.is-active {
    color: #fff;
    background: var(--panel-green-800);
}

.notification-filters button.is-active span {
    color: var(--panel-green-900);
    background: #fff;
}

.notification-search {
    width: min(320px, 100%);
}

.notification-search input {
    width: 100%;
    min-height: 38px;
    padding: .55rem .7rem;
    border: 1px solid #b7c4bc;
    border-radius: 6px;
    background: #fff;
}

.notification-item {
    display: grid;
    grid-template-columns: 44px minmax(0, 1fr) auto;
    gap: .85rem;
    align-items: center;
    padding: .95rem 1rem;
    border: 1px solid var(--panel-line);
    border-left: 4px solid #aab8c5;
    border-radius: 8px;
    background: #fff;
    transition: border-color .18s ease, box-shadow .18s ease, transform .18s ease;
}

.notification-item:hover {
    box-shadow: 0 8px 22px rgba(13, 39, 64, .08);
    transform: translateY(-1px);
}

.notification-item.is-unread {
    border-left-color: var(--panel-blue);
    background: #f6faff;
}

.notification-item--basari {
    border-left-color: #16845b;
}

.notification-item--uyari {
    border-left-color: #c47b12;
}

.notification-item--islem {
    border-left-color: #28698f;
}

.notification-item__icon {
    display: inline-grid;
    place-items: center;
    width: 42px;
    height: 42px;
    color: var(--panel-green-800);
    border-radius: 10px;
    background: #e7f0f6;
    font-size: 1rem;
    font-weight: 900;
}

.notification-item--basari .notification-item__icon {
    color: #067647;
    background: #e7f8ee;
}

.notification-item--uyari .notification-item__icon {
    color: #9a5c08;
    background: #fff3d6;
}

.notification-item__content {
    min-width: 0;
}

.notification-item__meta {
    display: flex;
    align-items: center;
    gap: .5rem;
    margin-bottom: .25rem;
}

.notification-type,
.notification-unread-label {
    display: inline-flex;
    align-items: center;
    gap: .3rem;
    color: var(--panel-muted);
    font-size: .64rem;
    font-weight: 900;
    letter-spacing: .045em;
    text-transform: uppercase;
}

.notification-unread-label {
    color: var(--panel-blue);
}

.notification-unread-label i {
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: var(--panel-blue);
}

.notification-item h2 {
    margin: 0;
    color: var(--panel-ink);
    font-family: inherit;
    font-size: .92rem;
}

.notification-item p {
    margin: .3rem 0 .4rem;
    color: #354759;
    font-size: .8rem;
    line-height: 1.5;
}

.notification-item time {
    color: var(--panel-muted);
    font-size: .68rem;
}

.notification-item__action button {
    display: inline-flex;
    align-items: center;
    gap: .4rem;
    min-height: 36px;
    padding: .45rem .65rem;
    color: var(--panel-green-800);
    border: 1px solid var(--panel-line);
    border-radius: 6px;
    background: #fff;
    font-size: .72rem;
    font-weight: 900;
    white-space: nowrap;
    cursor: pointer;
}

.notification-item__action button:hover {
    color: #fff;
    border-color: var(--panel-green-800);
    background: var(--panel-green-800);
}

.notification-empty {
    padding: 2.25rem 1rem;
    color: var(--panel-muted);
    border: 1px dashed var(--panel-line);
    border-radius: 8px;
    text-align: center;
}

.notification-empty strong {
    color: var(--panel-green-900);
}

.notification-empty p {
    margin: .35rem 0 0;
}

@media (max-width: 760px) {
    .author-guidance {
        align-items: flex-start;
        flex-direction: column;
    }

    .author-row__selector {
        padding-right: 0;
        padding-top: 2.1rem;
    }

    .author-row__selector-control {
        grid-template-columns: 1fr;
    }

    .notification-summary {
        grid-template-columns: 1fr;
    }

    .notification-toolbar {
        align-items: stretch;
        flex-direction: column;
    }

    .notification-search {
        width: 100%;
    }

    .notification-item {
        grid-template-columns: 40px minmax(0, 1fr);
    }

    .notification-item__action {
        grid-column: 1 / -1;
    }

    .notification-item__action button {
        justify-content: center;
        width: 100%;
    }
}

.accordion-list {
    display: grid;
    gap: .75rem;
}

.accordion-list details {
    border: 1px solid var(--panel-line);
}

.accordion-list summary {
    display: flex;
    justify-content: space-between;
    padding: .8rem 1rem;
    background: var(--panel-green-50);
    font-weight: 800;
    cursor: pointer;
}

.constant-row {
    display: grid;
    grid-template-columns: 160px 1fr 1fr 100px 72px auto auto;
    gap: .55rem;
    align-items: center;
    padding: .65rem;
    border-top: 1px solid var(--panel-line);
}

.constant-row code {
    overflow: hidden;
    color: var(--panel-green-800);
    text-overflow: ellipsis;
}

.constant-row label {
    display: flex;
    gap: .25rem;
    align-items: center;
}

.article-management__heading {
    margin-bottom: 1.1rem;
}

.article-filters {
    margin-bottom: 1rem;
    padding: 1rem;
    background: var(--panel-green-50);
    border: 1px solid var(--panel-line);
    border-radius: 7px;
}

.article-filters__primary {
    display: grid;
    grid-template-columns: minmax(320px, 32fr) minmax(150px, 16fr) minmax(180px, 18fr) minmax(110px, 13fr) minmax(170px, 16fr);
    gap: .8rem;
    align-items: end;
}

.article-filters .panel-field {
    gap: .3rem;
}

.article-filters .panel-field label {
    font-size: .78rem;
}

.article-filters input,
.article-filters select {
    min-height: 42px;
    background: white;
}

.article-filters__footer {
    display: flex;
    gap: .8rem;
    align-items: center;
    justify-content: space-between;
    margin-top: .85rem;
    padding-top: .75rem;
    border-top: 1px solid var(--panel-line);
}

.article-filters__toggle {
    padding: .35rem 0;
    color: var(--panel-green-800);
    background: transparent;
    border: 0;
    font-size: .84rem;
    font-weight: 800;
    cursor: pointer;
}

.article-filters__toggle span {
    display: inline-block;
    margin-left: .25rem;
    transition: transform .16s;
}

.article-filters__toggle[aria-expanded="true"] span {
    transform: rotate(180deg);
}

.article-filters__advanced-grid {
    display: grid;
    grid-template-columns: repeat(5, minmax(150px, 1fr));
    gap: .8rem;
    align-items: end;
    padding-top: .8rem;
}

.article-filters__advanced-grid[hidden],
.bulk-toolbar[hidden] {
    display: none !important;
}

.article-filters__reset {
    display: flex;
    align-items: end;
}

.bulk-toolbar {
    position: sticky;
    z-index: 8;
    top: 80px;
    display: flex;
    gap: .7rem;
    align-items: center;
    margin-bottom: .85rem;
    padding: .55rem .7rem;
    color: var(--panel-ink);
    background: #fffdf8;
    border: 1px solid #ead7b2;
    border-left: 4px solid var(--panel-gold);
    border-radius: 5px;
    box-shadow: 0 8px 20px rgba(13, 39, 64, .08);
}

.bulk-toolbar__clear {
    display: grid;
    width: 36px;
    height: 36px;
    place-items: center;
    color: var(--panel-muted);
    background: white;
    border: 1px solid var(--panel-line);
    border-radius: 50%;
    font-size: 1.15rem;
    cursor: pointer;
}

.bulk-toolbar__clear:hover {
    color: var(--panel-red);
    border-color: #e7aaa5;
}

.bulk-toolbar strong {
    margin-right: auto;
    font-size: .88rem;
}

.bulk-toolbar select {
    min-height: 38px;
    padding: .35rem .65rem;
    background: white;
    border: 1px solid var(--panel-line);
}

.article-management .dt-search {
    display: none;
}

.article-management .dt-layout-row:first-child {
    margin-bottom: .7rem;
}

.article-table tbody tr {
    transition: background-color .16s, box-shadow .16s;
}

.article-table tbody tr:hover {
    background: #f5f9fc;
    box-shadow: inset 4px 0 0 var(--panel-green-700);
}

.article-table tbody tr.is-selected {
    background: #eaf4fb;
    box-shadow: inset 5px 0 0 var(--panel-blue);
}

.article-table tbody tr:hover .table-action {
    color: white;
    background: var(--panel-green-800);
}

.article-table th {
    white-space: nowrap;
}

.article-table th[aria-sort] {
    color: var(--panel-green-950);
    background: var(--panel-green-100);
}

.article-table__select {
    width: 42px;
    text-align: center !important;
}

.article-table__select input {
    width: 17px;
    height: 17px;
    accent-color: var(--panel-green-800);
}

.article-table__article {
    width: 58%;
    min-width: 420px;
}

.article-table__article > strong {
    margin-top: .32rem;
    font-size: .98rem;
    line-height: 1.35;
}

.article-table__article > small {
    font-size: .8rem;
}

.article-type-badge {
    display: inline-flex;
    padding: .18rem .45rem;
    color: var(--panel-green-800);
    background: var(--panel-green-50);
    border: 1px solid #b9d2e2;
    border-radius: 999px;
    font-size: .72rem;
    font-weight: 800;
}

.article-health {
    display: flex;
    gap: .35rem;
    flex-wrap: wrap;
    margin-top: .38rem;
}

.article-health span {
    display: inline-flex !important;
    padding: .12rem .38rem;
    color: var(--panel-muted);
    background: #f4f6f8;
    border-radius: 999px;
    font-size: .74rem !important;
    font-weight: 700;
}

.article-health .article-health__warning {
    color: #8a3709;
    background: #ffe8d5;
    border: 1px solid #f2c095;
}

.article-health .article-health__ready {
    color: #067647;
    background: #e3f5e9;
}

.article-authors {
    margin: .35rem 0 0;
    color: var(--panel-green-800);
    font-size: .8rem;
    font-weight: 700;
}

.article-table__issue {
    width: 14%;
    min-width: 175px;
}

.article-table td:nth-child(3) {
    width: 10%;
}

.article-table__issue strong {
    white-space: nowrap;
}

.article-table td:nth-child(5) {
    width: 12%;
    min-width: 155px;
}

.article-table td:nth-child(5) time,
.article-table td:nth-child(5) small {
    white-space: nowrap;
}

.article-table__actions {
    width: 8%;
    min-width: 120px;
    white-space: nowrap;
}

.article-table__actions .table-action {
    min-height: 36px;
    padding: .45rem .78rem;
}

.table-row-menu {
    position: relative;
    display: inline-block;
    margin-left: .25rem;
    vertical-align: middle;
}

.table-row-menu summary {
    display: grid;
    width: 36px;
    height: 36px;
    place-items: center;
    color: var(--panel-green-800);
    background: white;
    border: 1px solid var(--panel-line);
    border-radius: 50%;
    font-size: 1.2rem;
    font-weight: 900;
    list-style: none;
    cursor: pointer;
}

.article-management .dt-paging-button {
    min-width: 38px;
    min-height: 38px;
    padding: .45rem .65rem !important;
    font-size: .86rem;
}

.article-management .dt-info,
.article-management .dt-length {
    font-size: .86rem;
}

.table-row-menu summary::-webkit-details-marker {
    display: none;
}

.table-row-menu > div {
    position: absolute;
    z-index: 12;
    top: calc(100% + .35rem);
    right: 0;
    display: grid;
    min-width: 205px;
    padding: .35rem;
    background: white;
    border: 1px solid var(--panel-line);
    border-radius: 6px;
    box-shadow: var(--panel-shadow);
}

.table-row-menu > div a {
    padding: .55rem .65rem;
    border-radius: 4px;
    font-size: .82rem;
    font-weight: 700;
    text-decoration: none;
}

.table-row-menu > div a:hover {
    background: var(--panel-green-50);
}

@media (max-width: 1250px) {
    .author-row {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .constant-row {
        grid-template-columns: 130px 1fr 1fr;
    }
}

@media (max-width: 1350px) {
    .dashboard-grid--split {
        grid-template-columns: minmax(230px, 1fr) repeat(4, minmax(150px, 0.5fr));
    }

    .article-filters__primary {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .article-filters__search {
        grid-column: 1 / -1;
    }

    .article-filters__advanced-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .article-table__article {
        width: 52%;
        min-width: 325px;
    }

    .article-table__issue {
        min-width: 145px;
    }

    .article-table td:nth-child(5) {
        min-width: 135px;
    }

    .article-table__actions {
        min-width: 112px;
    }
}

@media (max-width: 980px) {
    .login-shell {
        grid-template-columns: 1fr;
        width: min(100%, 560px);
    }

    .login-intro {
        min-height: auto;
        padding: 2rem;
    }

    .login-card {
        order: 1;
    }

    .login-intro {
        order: 2;
    }

    .login-intro img {
        width: 132px;
        margin-bottom: .95rem;
    }

    .login-intro h1 {
        font-size: 1.75rem;
    }

    .panel-body {
        display: block;
    }

    .panel-sidebar {
        position: fixed;
        z-index: 30;
        left: 0;
        transform: translateX(-102%);
        width: 272px;
        transition: transform .2s;
    }

    .panel-sidebar.is-open {
        transform: translateX(0);
    }

    .panel-menu-toggle {
        display: inline-grid;
        width: 40px;
        height: 40px;
        place-items: center;
        background: white;
        border: 1px solid var(--panel-line);
    }

    .stat-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .article-form-layout,
    .split-panel,
    .issue-editor-layout,
    .dashboard-grid--focus,
    .dashboard-grid--split {
        grid-template-columns: 1fr;
    }

    .workflow-card,
    .issue-editor-sidebar {
        position: static;
    }

    .issue-editor-sidebar {
        grid-template-columns: minmax(230px, .75fr) minmax(0, 1fr);
    }

    .issue-editor-actions {
        grid-column: 1 / -1;
    }

    .activity-feed__item {
        grid-template-columns: auto minmax(0, 1fr);
    }

    .activity-feed__item time {
        grid-column: 2;
    }

    .page-settings-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .page-menu-order {
        grid-column: 1 / -1;
    }

    .user-summary {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .user-form-page .panel-form {
        grid-template-columns: 1fr;
    }

    .user-form-page .user-account-status,
    .user-form-page .user-password-reset,
    .user-form-page .form-actions {
        grid-column: auto;
    }
}

@media (max-width: 680px) {
    .login-page {
        display: block;
        padding: .75rem;
    }

    .login-shell {
        border-radius: 12px;
    }

    .login-intro,
    .login-card {
        padding: 1.4rem;
    }

    .login-intro img {
        width: 104px;
    }

    .login-intro__features {
        display: none;
    }

    .login-card {
        border-top: 0;
    }

    .login-help {
        text-align: left;
    }

    .panel-content {
        padding: .8rem;
    }

    .stat-grid,
    .form-grid,
    .form-grid--3,
    .author-row {
        grid-template-columns: 1fr;
    }

    .dashboard-queue__item {
        grid-template-columns: auto minmax(0, 1fr);
    }

    .dashboard-queue__item a {
        grid-column: 2;
        justify-self: start;
    }

    .issue-overview {
        grid-template-columns: 86px minmax(0, 1fr);
    }

    .issue-overview__cover {
        min-height: 118px;
    }

    .issue-overview__facts,
    .issue-overview__actions {
        grid-template-columns: 1fr;
    }

    .issue-overview__facts div {
        border-right: 0;
        border-bottom: 1px solid var(--panel-line);
    }

    .issue-overview__facts div:last-child {
        border-bottom: 0;
    }

    .panel-section__heading,
    .form-subsection__heading,
    .submit-review {
        align-items: stretch;
        flex-direction: column;
    }

    .constant-row {
        grid-template-columns: 1fr;
    }

    .citation-editor__fields {
        grid-template-columns: 1fr;
    }

    .issue-file-row {
        grid-template-columns: 1fr;
    }

    .issue-editor-heading__actions,
    .issue-editor-sidebar,
    .issue-file-grid {
        grid-template-columns: 1fr;
        width: 100%;
    }

    .issue-editor-heading__actions {
        display: grid;
        justify-content: stretch;
    }

    .issue-editor-heading__actions .panel-button {
        width: 100%;
    }

    .article-filters__primary,
    .article-filters__advanced-grid {
        grid-template-columns: 1fr;
    }

    .article-filters__search {
        grid-column: auto;
    }

    .bulk-toolbar {
        position: static;
        align-items: stretch;
        flex-direction: column;
    }

    .bulk-toolbar strong {
        margin-right: 0;
    }

    .issue-editor-card,
    .issue-editor-heading {
        padding: 1rem;
    }

    .issue-summary-card__cover {
        min-height: 230px;
    }

    .panel-drawer {
        width: 100vw;
        max-width: 100vw;
        border-left: 0;
    }

    .form-actions--drawer {
        flex-direction: column-reverse;
    }

    .form-actions--drawer .panel-button {
        min-width: 0;
        width: 100%;
    }

    .table-actions {
        flex-direction: column;
    }

    .table-action {
        width: 100%;
    }

    .page-settings-grid {
        grid-template-columns: 1fr;
    }

    .page-menu-order {
        grid-column: auto;
    }

    .page-editor-tabs > .language-tabs__buttons {
        top: 72px;
    }

    .html-editor__spacer {
        display: none;
    }

    .page-editor-actions {
        position: static;
        align-items: stretch;
        flex-direction: column;
    }

    .page-editor-actions__links {
        justify-content: space-between;
        margin-left: 0;
    }

    .page-editor-actions .panel-button {
        width: 100%;
        min-width: 0;
    }

    .user-summary,
    .role-selector {
        grid-template-columns: 1fr;
    }

    .user-account-status,
    .user-form-card__heading {
        align-items: stretch;
        flex-direction: column;
    }

    .user-account-status .setting-toggle {
        width: 100%;
        min-width: 0;
    }

    .password-control {
        grid-template-columns: 1fr 1fr;
    }

    .panel-field .password-control input {
        grid-column: 1 / -1;
    }

    .password-form-card .password-control {
        grid-template-columns: minmax(0, 1fr) auto;
    }

    .password-form-card .password-control input {
        grid-column: auto;
    }
}
.index-create-panel{background:#fff;border:1px solid #d9e3ec;border-radius:8px;box-shadow:0 12px 32px rgba(13,39,64,.07);padding:22px;margin-bottom:18px}
.index-create-panel__header{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;border-bottom:1px solid #edf2f6;padding-bottom:16px;margin-bottom:18px}
.index-create-panel__header h2{font-size:1.2rem;margin:4px 0 6px;color:#172534}
.index-create-panel__header p{margin:0;color:#667789}
.index-create-grid{display:grid;grid-template-columns:minmax(260px,1.25fr) minmax(220px,.85fr) minmax(120px,.35fr);gap:16px;align-items:start}
.index-create-fields{display:grid;gap:12px}
.index-create-status{display:flex;min-height:112px;flex-direction:column;justify-content:center;gap:10px;border:1px solid #e3ebf2;border-radius:8px;background:#f9fbfd;padding:16px}
.index-create-status>span{font-size:.82rem;font-weight:700;color:#667789;text-transform:uppercase}
.index-create-footer{display:flex;align-items:center;justify-content:flex-end;gap:16px;border-top:1px solid #edf2f6;margin-top:18px;padding-top:16px}
.table-edit-row>td{background:#f5f8fb!important;padding:18px!important}
.index-edit-panel{background:#fff;border:1px solid #d9e3ec;border-radius:8px;padding:18px;box-shadow:0 10px 24px rgba(13,39,64,.06)}
.index-edit-panel__header{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;border-bottom:1px solid #edf2f6;margin-bottom:16px;padding-bottom:14px}
.index-edit-panel__header h3{margin:4px 0 0;font-size:1.05rem;color:#172534}
.index-form-actions{display:flex;justify-content:flex-end;gap:10px}
.index-form-actions .panel-button{min-width:120px}
.index-upload-field{position:relative}
.index-file-input{position:absolute;inline-size:1px;block-size:1px;opacity:0;pointer-events:none}
.index-upload-box{display:flex;min-height:82px;flex-direction:column;align-items:center;justify-content:center;gap:4px;border:1px dashed #b7c7d6;border-radius:8px;background:#f7fafc;color:#27445d;cursor:pointer;transition:.2s}
.index-upload-box:hover{border-color:#28698f;background:#eef6fb}
.index-upload-box__icon{display:grid;place-items:center;width:26px;height:26px;border-radius:50%;background:#28698f;color:#fff;font-weight:700}
.index-upload-box small{color:#748496}
.index-logo-preview{display:block;max-width:94px;max-height:50px;object-fit:contain;margin-top:10px;border:1px solid #e3ebf2;border-radius:6px;padding:6px;background:#fff}
.index-search{max-width:360px;margin:18px 0 0}
.index-switch{display:inline-flex;align-items:center;gap:8px;cursor:pointer}
.index-switch input{position:absolute;opacity:0}
.index-switch span{width:38px;height:20px;border-radius:20px;background:#a9b7c5;position:relative;transition:.2s}
.index-switch span:after{content:"";position:absolute;width:16px;height:16px;top:2px;left:2px;border-radius:50%;background:#fff;transition:.2s}
.index-switch input:checked+span{background:#2e9b65}
.index-switch input:checked+span:after{left:20px}
.index-switch b:after{content:"Pasif"}
.index-switch input:checked~b:after{content:"Aktif"}
.table-edit-row[hidden],.index-create-panel[hidden]{display:none !important}
@media (max-width:900px){.index-create-grid{grid-template-columns:1fr}.index-create-status{min-height:auto}.index-create-panel__header,.index-create-footer{flex-direction:column;align-items:stretch}.index-form-actions{justify-content:stretch}.index-form-actions .panel-button{flex:1}}

/* Sistem yönetimi */
.system-page-heading{margin-bottom:1rem}
.system-action-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem;margin-bottom:1rem}
.system-action-card{display:grid;gap:.45rem;padding:1.1rem;border:1px solid var(--panel-line);border-top:4px solid var(--panel-primary);border-radius:6px;background:#fff;box-shadow:var(--panel-shadow);color:var(--panel-text);text-decoration:none;transition:transform .18s ease,box-shadow .18s ease}
.system-action-card:hover,.system-action-card:focus-visible{transform:translateY(-2px);box-shadow:0 15px 30px rgba(13,39,64,.12)}
.system-action-card strong{color:var(--panel-primary);font-size:1rem}
.system-action-card span{color:var(--panel-muted);font-size:.82rem;line-height:1.5}
.system-info-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;margin:0;background:var(--panel-line);border:1px solid var(--panel-line)}
.system-info-grid div{padding:1rem;background:#fff}.system-info-grid dt{color:var(--panel-muted);font-size:.75rem;font-weight:700}.system-info-grid dd{margin:.35rem 0 0;color:var(--panel-primary);font-weight:800}
.system-directory-list{display:grid}.system-directory-list>div{display:flex;justify-content:space-between;gap:1rem;align-items:center;padding:.85rem 0;border-bottom:1px solid var(--panel-line)}.system-directory-list>div:last-child{border-bottom:0}.system-directory-list span:first-child{display:grid;gap:.2rem}.system-directory-list small{color:var(--panel-muted);overflow-wrap:anywhere}
.system-backup-actions{display:flex;gap:.75rem;align-items:center}.system-backup-actions form{margin:0}.text-button--danger{color:#b42318}
.audit-detail summary{color:var(--panel-primary);cursor:pointer;font-weight:700}.audit-detail pre{max-width:520px;max-height:260px;overflow:auto;padding:.75rem;background:#101828;color:#e4e7ec;font-size:.72rem;white-space:pre-wrap}
@media(max-width:1000px){.system-action-grid,.system-info-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:620px){.system-action-grid,.system-info-grid{grid-template-columns:1fr}.system-directory-list>div{align-items:flex-start;flex-direction:column}}

/* Görsel referansla uyumlu yedekleme ekranı */
.backup-hero{display:flex;gap:.8rem;align-items:center;margin-bottom:1rem;padding:1rem 1.2rem;border-radius:7px;background:linear-gradient(110deg,#c91f44,#20375e);color:#fff}.backup-hero__icon{font-size:1.8rem;font-weight:900}.backup-hero h1{margin:0;font-size:1.35rem}.backup-hero p{margin:.25rem 0 0;color:rgba(255,255,255,.88);font-size:.82rem;font-weight:600}
.backup-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem;margin-bottom:1rem}.backup-summary>div{display:flex;justify-content:space-between;align-items:center;min-height:84px;padding:1rem;border:1px solid #dce4eb;border-radius:7px;background:#fff;box-shadow:0 5px 14px rgba(13,39,64,.05)}.backup-summary span{display:grid;gap:.35rem}.backup-summary strong{color:#126b9f;font-size:1.15rem}.backup-summary small{color:#526779;font-size:.65rem;font-weight:800;text-transform:uppercase}.backup-summary b{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:#1878ad;color:#fff;font-size:1rem}
.backup-create,.backup-list-section{padding:.7rem;margin-bottom:1rem}.backup-section-title{display:flex;justify-content:space-between;align-items:center;margin:-.7rem -.7rem .75rem;padding:.75rem;border-bottom:1px solid #dce4eb;color:#172c42}.backup-section-title strong{font-size:.88rem}.backup-section-title span{color:var(--panel-muted);font-size:.75rem}
.backup-type-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.75rem}.backup-type-card{display:flex;flex-direction:column;min-height:180px;border:1px solid #d7e0e8;border-radius:6px;background:#fff}.backup-type-card h2{display:flex;gap:.4rem;align-items:center;margin:0;padding:.75rem;border-bottom:1px solid #d7e0e8;border-left:3px solid #d91f43;color:#182b3d;font:800 .83rem Arial,sans-serif}.backup-type-card h2 span{color:#d91f43}.backup-type-card p{flex:1;margin:0;padding:1rem 1rem .45rem;color:#627487;font-size:.75rem;text-align:center;line-height:1.5}.backup-type-card__meta{padding:0 1rem .75rem;font-size:.72rem;text-align:center}.backup-type-card form{padding:0 .7rem .7rem}.backup-button{width:100%;padding:.62rem;border:0;border-radius:4px;color:#fff;font-weight:800;cursor:pointer}.backup-button--blue{background:#176495}.backup-button--yellow{background:#f0b51c;color:#18212a}.backup-button--cyan{background:#1095a8}.backup-button--green{background:#178847}.backup-button:disabled{opacity:.45;cursor:not-allowed}
.backup-path-note{margin-top:1rem;padding:.7rem .9rem;border-radius:4px;background:#1596aa;color:#fff;font-size:.75rem}.backup-path-note code{padding:.1rem .25rem;background:#fff;color:#d3193d}.backup-table th{font-size:.72rem}.backup-table td{font-size:.77rem}.backup-kind{display:inline-flex;padding:.25rem .45rem;border-radius:4px;color:#fff;font-size:.65rem;font-weight:800}.backup-kind--veritabani{background:#167ed1}.backup-kind--dosyalar{background:#e6ac12;color:#17212a}.backup-kind--loglar{background:#6b7280}.backup-kind--tam{background:#168849}
.backup-icon-button{display:grid;place-items:center;width:27px;height:27px;padding:0;border:0;border-radius:4px;color:#fff;text-decoration:none;cursor:pointer}.backup-icon-button--download{background:#15955c}.backup-icon-button--delete{background:#d51e45}.backup-info-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.backup-info-grid .panel-section{padding:.7rem}.backup-help-list{margin:0}.backup-help-list>div{padding:.75rem 0;border-bottom:1px solid #e2e8ee}.backup-help-list>div:last-child{border-bottom:0}.backup-help-list dt{color:#086aa0;font-size:.75rem;font-weight:800}.backup-help-list dd{margin:.3rem 0 0;color:#4e6172;font-size:.72rem;line-height:1.5}.backup-notes{margin:.3rem 0 1rem;padding-left:1.3rem;color:#334a5e;font-size:.74rem;line-height:1.8}.backup-security{padding:.75rem;border-radius:4px;background:#db2946;color:#fff;font-size:.75rem}
.backup-list-tools{display:flex;gap:.75rem;align-items:center}.backup-bulk-delete{padding:.45rem .7rem;border:0;border-radius:4px;background:#d51e45;color:#fff;font:inherit;font-size:.72rem;font-weight:800;cursor:pointer}.backup-bulk-delete:disabled{opacity:.45;cursor:not-allowed}.backup-select-cell{width:38px;text-align:center}.backup-select-cell input{width:15px;height:15px;accent-color:#d51e45;cursor:pointer}
@media(max-width:1100px){.backup-type-grid,.backup-summary{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:720px){.backup-type-grid,.backup-summary,.backup-info-grid{grid-template-columns:1fr}.backup-hero{align-items:flex-start}.backup-summary>div{min-height:70px}}

/* Sistem logları */
.log-hero{display:flex;gap:.8rem;align-items:center;margin-bottom:1rem;padding:1.15rem 1.3rem;border-radius:7px;background:linear-gradient(110deg,#b9163e,#20365f);color:#fff}.log-hero__icon{font-size:1.7rem}.log-hero h1{margin:0;font-size:1.3rem}.log-hero p{margin:.3rem 0 0;color:rgba(255,255,255,.9);font-size:.8rem;font-weight:600}.log-filter-section,.log-safety-section,.log-table-section{padding:.75rem;margin-bottom:1rem}.log-section-title{margin:-.75rem -.75rem .8rem;padding:.75rem;border-bottom:1px solid #dce4eb;border-left:3px solid #db2448;color:#172b40;font-size:.84rem}.log-filter-grid{display:grid;grid-template-columns:1.35fr repeat(4,minmax(130px,1fr)) auto;gap:.75rem;align-items:end}.log-filter-grid .panel-field{margin:0}.log-filter-actions{display:flex;gap:.45rem}.log-filter-actions .panel-button{white-space:nowrap}.log-safety-content{display:flex;justify-content:space-between;gap:1rem;align-items:center}.log-safety-content>div{display:grid;gap:.25rem}.log-safety-content span{color:var(--panel-muted);font-size:.76rem}.log-backup-button{padding:.6rem 1.2rem;border-radius:4px;background:#d41f45;color:#fff;font-size:.76rem;font-weight:800;text-decoration:none}.log-count{display:inline-flex;margin-left:.35rem;padding:.18rem .4rem;border-radius:3px;background:#1598ad;color:#fff;font-size:.65rem}.system-log-table{min-width:1250px}.system-log-table th{font-size:.7rem}.system-log-table td{font-size:.72rem;vertical-align:top}.log-description{max-width:430px;color:#334a5e;line-height:1.45}.log-ip{color:#0878b9;font-weight:800}.log-action-badge{display:inline-flex;padding:.2rem .38rem;border-radius:3px;background:#263848;color:#fff;font-size:.62rem;font-weight:800}.log-action-badge--olustur,.log-action-badge--giris{background:#169653}.log-action-badge--guncelle,.log-action-badge--durum_degistir{background:#1199ae}.log-action-badge--sil,.log-action-badge--yedek_sil,.log-action-badge--yedek_toplu_sil{background:#d52a43}.log-detail{position:relative}.log-detail summary{display:grid;place-items:center;width:24px;height:24px;border-radius:4px;background:#1598ad;color:#fff;cursor:pointer;list-style:none}.log-detail summary::-webkit-details-marker{display:none}.log-detail>div{position:absolute;z-index:20;right:0;width:min(520px,70vw);max-height:420px;overflow:auto;padding:1rem;border:1px solid #ccd8e2;border-radius:6px;background:#fff;box-shadow:0 16px 35px rgba(13,39,64,.2)}.log-detail pre{max-height:140px;overflow:auto;padding:.65rem;background:#101828;color:#e4e7ec;font-size:.68rem;white-space:pre-wrap}.log-detail p{overflow-wrap:anywhere;color:var(--panel-muted);font-size:.7rem}
@media(max-width:1150px){.log-filter-grid{grid-template-columns:repeat(3,1fr)}.log-filter-actions{grid-column:span 3}}@media(max-width:720px){.log-filter-grid{grid-template-columns:1fr}.log-filter-actions{grid-column:auto}.log-safety-content{align-items:flex-start;flex-direction:column}.log-hero{align-items:flex-start}}

/* Bildirim yönetimi */
.notification-hero{display:flex;gap:.8rem;align-items:center;margin-bottom:1rem;padding:1.15rem 1.3rem;border-radius:7px;background:linear-gradient(110deg,#b9163e,#20365f);color:#fff}.notification-hero>div:first-child{font-size:1.7rem}.notification-hero h1{margin:0;font-size:1.3rem}.notification-hero p{margin:.3rem 0 0;color:rgba(255,255,255,.9);font-size:.8rem;font-weight:600}.notification-compose-layout{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:1rem;align-items:start}.notification-compose-card,.notification-guide,.notification-log-section{padding:.8rem}.notification-guide{position:sticky;top:88px}.notification-section-title{display:flex;justify-content:space-between;align-items:center;margin:-.8rem -.8rem 1rem;padding:.8rem;border-bottom:1px solid #dce4eb;border-left:3px solid #d92348;color:#172b40;font-size:.86rem}.notification-targets{display:flex;flex-wrap:wrap;gap:.65rem;margin:0 0 1rem;padding:0;border:0}.notification-targets legend{width:100%;margin-bottom:.3rem;font-weight:800}.notification-targets label{display:flex;gap:.45rem;align-items:center;padding:.65rem .8rem;border:1px solid #d7e1e9;border-radius:5px;background:#f8fafc;cursor:pointer}.notification-targets input{accent-color:#bd1b42}.notification-target-panel{margin-bottom:1rem}.notification-recipient-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.45rem;max-height:260px;overflow:auto;padding:.5rem;border:1px solid #d7e1e9;border-radius:5px;background:#f8fafc}.notification-recipient-list label{display:flex;gap:.6rem;align-items:flex-start;padding:.65rem;border:1px solid #e1e8ee;border-radius:4px;background:#fff;cursor:pointer}.notification-recipient-list label:has(input:checked){border-color:#2376a5;background:#eef7fc}.notification-recipient-list span{display:grid;gap:.2rem}.notification-recipient-list small{color:var(--panel-muted);font-size:.7rem}.notification-email-option{display:flex;gap:.7rem;align-items:flex-start;margin:1rem 0;padding:.85rem;border-left:3px solid #1598ad;background:#eef9fb}.notification-email-option span{display:grid;gap:.2rem}.notification-email-option small{color:var(--panel-muted)}.notification-guide ul{display:grid;gap:.8rem;padding-left:1.2rem;color:#40566a;font-size:.8rem;line-height:1.55}
.notification-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem;margin-bottom:1rem}.notification-summary>div{display:flex;justify-content:space-between;align-items:center;min-height:84px;padding:1rem;border:1px solid #dce4eb;border-radius:7px;background:#fff;box-shadow:0 5px 14px rgba(13,39,64,.05)}.notification-summary span{display:grid;gap:.35rem}.notification-summary strong{color:#126b9f;font-size:1.15rem}.notification-summary small{color:#526779;font-size:.65rem;font-weight:800;text-transform:uppercase}.notification-summary b{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:#1878ad;color:#fff}.notification-log-table{min-width:1050px}.notification-log-table td{font-size:.74rem}.notification-kind{display:inline-flex;padding:.2rem .4rem;border-radius:3px;background:#edb800;color:#17212a;font-size:.62rem;font-weight:900}.notification-recipient-email{display:block;margin-top:.2rem;color:var(--panel-muted)}.notification-status{display:inline-flex;padding:.2rem .4rem;border-radius:3px;font-size:.64rem;font-weight:800}.notification-status--read,.notification-status--sent{background:#18a05e;color:#fff}.notification-status--pending{background:#f0b717;color:#17212a}.notification-status--neutral{background:#e7ebef;color:#526170}
@media(max-width:1000px){.notification-compose-layout{grid-template-columns:1fr}.notification-guide{position:static}.notification-summary{grid-template-columns:repeat(2,1fr)}}@media(max-width:650px){.notification-recipient-list,.notification-summary{grid-template-columns:1fr}.notification-hero{align-items:flex-start}.notification-targets{display:grid}}

/* Site bilgileri */
.site-settings-hero{display:flex;gap:.8rem;align-items:center;margin-bottom:1rem;padding:1.15rem 1.3rem;border-radius:7px;background:linear-gradient(110deg,#176b87,#173354);color:#fff}.site-settings-hero>div:first-child{font-size:1.7rem}.site-settings-hero h1{margin:0;font-size:1.3rem}.site-settings-hero p{margin:.3rem 0 0;color:rgba(255,255,255,.88);font-size:.8rem;font-weight:600}.site-settings-layout{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:1rem;align-items:start}.site-settings-main{display:grid;gap:1rem}.site-settings-card,.site-logo-card{padding:1rem}.site-settings-title{margin:-1rem -1rem 1rem;padding:.85rem 1rem;border-bottom:1px solid #dbe4eb;border-left:3px solid #1878a1;color:#183149}.site-language-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.site-language-grid>div{position:relative;padding:1rem;border:1px solid #dde5ec;border-radius:6px;background:#f9fbfc}.site-language-badge{position:absolute;top:-9px;right:10px;padding:.2rem .45rem;border-radius:3px;background:#d92348;color:#fff;font-size:.65rem;font-weight:900}.site-language-badge--en{background:#1878a1}.site-logo-card{position:sticky;top:88px}.site-logo-preview{display:grid;place-items:center;min-height:190px;margin-bottom:1rem;padding:1rem;border:1px dashed #b9c9d6;border-radius:7px;background:#f7fafc;color:var(--panel-muted)}.site-logo-preview img{max-width:100%;max-height:170px;object-fit:contain}.site-logo-upload{display:block;padding:.7rem;border-radius:5px;background:#1878a1;color:#fff;font-size:.8rem;font-weight:800;text-align:center;cursor:pointer}.site-logo-card>small{display:block;margin-top:.7rem;color:var(--panel-muted);font-size:.72rem;line-height:1.5}.site-settings-actions{display:grid;gap:.6rem;margin-top:1rem;padding-top:1rem;border-top:1px solid #e1e7ec}.site-settings-actions .panel-button{text-align:center}.form-grid__wide{grid-column:1/-1}
@media(max-width:1000px){.site-settings-layout{grid-template-columns:1fr}.site-logo-card{position:static}}@media(max-width:700px){.site-language-grid{grid-template-columns:1fr}.site-settings-hero{align-items:flex-start}}

/* Sekmeli sistem ayarları */
.settings-hero{display:flex;gap:.8rem;align-items:center;margin-bottom:1rem;padding:1.15rem 1.3rem;border-radius:7px;background:linear-gradient(110deg,#b9163e,#20365f);color:#fff}.settings-hero>div:first-child{font-size:1.7rem}.settings-hero h1{margin:0;font-size:1.3rem}.settings-hero p{margin:.3rem 0 0;color:rgba(255,255,255,.9);font-size:.8rem;font-weight:600}.settings-shell{padding:0;overflow:hidden}.settings-tabs{display:flex;gap:2px;padding:.45rem .6rem 0;border-bottom:1px solid #d6e0e8;background:#f8fafc}.settings-tabs button{min-width:110px;padding:.65rem .9rem;border:1px solid #d6e0e8;border-bottom:0;border-radius:5px 5px 0 0;background:#f1f5f8;color:#19344d;font:inherit;font-size:.78rem;font-weight:800;cursor:pointer}.settings-tabs button.is-active{position:relative;top:1px;background:#fff;color:#c71942;border-top:2px solid #1d83bd}.settings-panel{padding:1rem}.settings-panel[hidden]{display:none}.settings-panel-heading{display:grid;gap:.3rem;margin-bottom:1rem;padding:.8rem;border:1px solid #dae3ea;border-left:3px solid #d52047;border-radius:5px;background:#f8fafc}.settings-panel-heading strong{color:#18334a;font-size:.86rem}.settings-panel-heading span{color:var(--panel-muted);font-size:.74rem}.settings-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.settings-form-grid .panel-field{margin:0}.settings-wide{grid-column:1/-1}.settings-logo-row{display:grid;grid-template-columns:180px 1fr;gap:1rem;align-items:center;margin-top:1rem;padding:1rem;border-top:1px solid #e0e7ed}.settings-logo-preview{display:grid;place-items:center;min-height:110px;padding:.7rem;border:1px dashed #b8c8d5;border-radius:6px;background:#f7fafc;color:var(--panel-muted)}.settings-logo-preview img{max-width:100%;max-height:100px;object-fit:contain}.settings-logo-row small{display:block;margin-top:.55rem;color:var(--panel-muted);font-size:.72rem}.settings-service-state{display:flex;gap:.55rem;align-items:center;margin-bottom:1rem;padding:.7rem;border-radius:5px;background:#f4f5f6;color:#667085}.settings-service-state span{width:34px;height:18px;border-radius:18px;background:#98a2b3;position:relative}.settings-service-state span:after{content:"";position:absolute;top:2px;left:2px;width:14px;height:14px;border-radius:50%;background:#fff}.settings-service-state.is-active{background:#ecfdf3;color:#087443}.settings-service-state.is-active span{background:#12a05c}.settings-service-state.is-active span:after{left:18px}.settings-security-note{display:grid;gap:.3rem;padding:.85rem;border-left:3px solid #d6a016;background:#fff8e7}.settings-security-note span{color:#685124;font-size:.75rem;line-height:1.5}.settings-footer{display:flex;gap:.45rem;padding:.75rem 1rem;border-top:1px solid #dbe3e9;background:#f7f9fb}
@media(max-width:720px){.settings-tabs{overflow-x:auto}.settings-tabs button{min-width:95px}.settings-form-grid{grid-template-columns:1fr}.settings-wide{grid-column:auto}.settings-logo-row{grid-template-columns:1fr}.settings-hero{align-items:flex-start}}
.settings-logo-row>div:last-child>strong{display:block;margin-bottom:.65rem;color:#18334a}
.settings-toggle{display:flex;gap:.65rem;align-items:center;margin-bottom:1rem;padding:.75rem;border:1px solid #dce4ea;border-radius:5px;background:#f8fafc;cursor:pointer}.settings-toggle input{position:absolute;opacity:0}.settings-toggle span{position:relative;width:38px;height:20px;border-radius:20px;background:#98a2b3;transition:.2s}.settings-toggle span:after{content:"";position:absolute;top:2px;left:2px;width:16px;height:16px;border-radius:50%;background:#fff;transition:.2s}.settings-toggle input:checked+span{background:#16a05d}.settings-toggle input:checked+span:after{left:20px}.settings-form-grid.is-disabled{opacity:.48}.settings-form-grid.is-disabled:before{content:"Servisi etkinleştirdiğinizde bu alanlar kullanılacaktır.";grid-column:1/-1;padding:.65rem;border-left:3px solid #98a2b3;background:#f2f4f7;color:#667085;font-size:.74rem}

/* Sistem bilgisi */
.system-info-hero{display:flex;gap:.8rem;align-items:center;margin-bottom:1rem;padding:1.15rem 1.3rem;border-radius:7px;background:linear-gradient(110deg,#b9163e,#20365f);color:#fff}.system-info-hero>div:first-child{font-size:1.7rem}.system-info-hero h1{margin:0;font-size:1.3rem}.system-info-hero p{margin:.3rem 0 0;color:rgba(255,255,255,.9);font-size:.8rem;font-weight:600}.system-info-layout{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.system-info-card{overflow:hidden;border:1px solid #dbe3ea;border-radius:6px;background:#fff;box-shadow:0 5px 15px rgba(13,39,64,.05)}.system-info-card h2{margin:0;padding:.75rem;border-bottom:1px solid #dbe3ea;border-left:3px solid #d92348;color:#172e43;font:800 .84rem Arial,sans-serif}.system-info-card--php h2{border-left:0;background:#f1b914;color:#fff}.system-info-card--disk h2{border-left:0;background:#1599ab;color:#fff}.system-info-card--app h2{border-left:0;background:#707c86;color:#fff}.system-info-card--extensions h2{border-left:0;background:#30373d;color:#fff}.system-info-card dl{display:grid;gap:.75rem;margin:0;padding:1rem}.system-info-card dl>div{display:grid;grid-template-columns:minmax(150px,.8fr) 1.2fr;gap:1rem;align-items:center}.system-info-card dt{font-size:.73rem;font-weight:800}.system-info-card dd{margin:0;color:#354b5e;font-size:.73rem;overflow-wrap:anywhere}.system-disk-progress{position:relative;height:18px;background:#e5e9ed}.system-disk-progress span{display:block;height:100%;background:#dc3049}.system-disk-progress b{position:absolute;inset:0;display:grid;place-items:center;color:#fff;font-size:.62rem}.system-extension-grid{display:grid;grid-template-columns:1fr 1fr;gap:.7rem;padding:1rem}.system-extension-grid span{font-size:.72rem}.system-extension-grid .is-loaded{color:#149552}.system-extension-grid .is-missing{color:#c73546}.system-statistics{margin-top:1rem;padding:.6rem;border:1px solid #dbe3ea;border-radius:6px;background:#fff;box-shadow:0 5px 15px rgba(13,39,64,.05)}.system-statistics h2{margin:-.6rem -.6rem .65rem;padding:.7rem;background:#1686e0;color:#fff;font:800 .83rem Arial,sans-serif}.system-statistics>div{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.65rem}.system-stat{display:flex;gap:.8rem;align-items:center;min-height:64px;padding:.8rem;border-radius:4px;color:#fff}.system-stat>span{font-size:1.5rem}.system-stat div{display:grid;gap:.25rem}.system-stat small{font-weight:700}.system-stat strong{font-size:.76rem}.system-stat--cyan{background:#1599ab}.system-stat--green{background:#22a447}.system-stat--yellow{background:#f2b913;color:#17212a}.system-stat--red{background:#de3047}
@media(max-width:950px){.system-info-layout{grid-template-columns:1fr}.system-statistics>div{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){.system-info-card dl>div{grid-template-columns:1fr;gap:.25rem}.system-extension-grid,.system-statistics>div{grid-template-columns:1fr}.system-info-hero{align-items:flex-start}}

/* Professional analytics dashboard */
.analytics-setup-alert{display:flex;align-items:flex-start;gap:.8rem;margin-bottom:1rem;padding:1rem;border:1px solid #f2c7cd;border-radius:10px;background:#fff2f4;color:#7b2733}.analytics-setup-alert>span{display:grid;place-items:center;flex:0 0 34px;width:34px;height:34px;border-radius:50%;background:#d94b5e;color:#fff;font-weight:900}.analytics-setup-alert strong{display:block}.analytics-setup-alert p{margin:.3rem 0 0;line-height:1.5}.analytics-setup-alert code{padding:.1rem .3rem;border-radius:4px;background:#ffe3e7}
.analytics-hero{position:relative;overflow:hidden;display:flex;align-items:center;justify-content:space-between;gap:1.5rem;padding:1.65rem 1.8rem;border:0;border-radius:14px;background:linear-gradient(120deg,#0f3152,#124f72 52%,#167b92);color:#fff;box-shadow:0 12px 28px rgba(12,49,82,.16)}.analytics-hero:after{content:"";position:absolute;right:-70px;top:-100px;width:300px;height:300px;border:55px solid rgba(255,255,255,.06);border-radius:50%}.analytics-hero__content{position:relative;z-index:1;display:flex;align-items:center;gap:1rem}.analytics-hero__icon{display:grid;place-items:center;width:58px;height:58px;border:1px solid rgba(255,255,255,.28);border-radius:15px;background:rgba(255,255,255,.12);font-size:1.7rem}.analytics-hero p{margin:0 0 .25rem;color:#9fe6ef;font-size:.68rem;font-weight:800;letter-spacing:.14em}.analytics-hero h1{margin:0;font-size:1.55rem}.analytics-hero small{display:block;margin-top:.35rem;color:#d5eaf1}.analytics-period{position:relative;z-index:1;min-width:185px}.analytics-period label{display:block;margin-bottom:.35rem;color:#c8e5ec;font-size:.7rem;font-weight:700}.analytics-period select{width:100%;padding:.72rem;border:1px solid rgba(255,255,255,.25);border-radius:9px;background:#fff;color:#163a5e;font-weight:700}
.analytics-cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.9rem;margin:1.15rem 0}.analytics-stat{position:relative;overflow:hidden;display:flex;align-items:center;gap:.85rem;min-height:105px;padding:1rem;border:1px solid #dfe7ef;border-radius:12px;background:#fff;box-shadow:0 5px 16px rgba(21,49,76,.055)}.analytics-stat:after{content:"";position:absolute;right:-25px;bottom:-35px;width:85px;height:85px;border-radius:50%;background:var(--soft)}.analytics-stat__icon{position:relative;z-index:1;display:grid;place-items:center;flex:0 0 44px;width:44px;height:44px;border-radius:12px;background:var(--soft);color:var(--tone);font-size:1.25rem;font-weight:900}.analytics-stat span{display:block;color:#66788b;font-size:.73rem;font-weight:700}.analytics-stat strong{display:block;margin:.18rem 0;color:#142a3f;font-size:1.55rem;line-height:1}.analytics-stat small{color:#91a0ae;font-size:.66rem}.analytics-stat--blue{--tone:#1e6ed8;--soft:#e8f1ff}.analytics-stat--cyan{--tone:#1098ad;--soft:#e4f8fb}.analytics-stat--violet{--tone:#7455d9;--soft:#f0ebff}.analytics-stat--green{--tone:#259b66;--soft:#e6f7ef}.analytics-stat--orange{--tone:#dc7b18;--soft:#fff2df}.analytics-stat--red{--tone:#d84c5b;--soft:#ffebee}.analytics-stat--navy{--tone:#315173;--soft:#e9eff5}
.analytics-grid{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(300px,.75fr);gap:1rem}.analytics-panel{min-width:0;padding:1.1rem;border:1px solid #dfe7ef;border-radius:12px;background:#fff;box-shadow:0 5px 18px rgba(21,49,76,.05)}.analytics-panel--wide{grid-column:1}.analytics-panel>header{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1rem;padding-bottom:.8rem;border-bottom:1px solid #edf1f5}.analytics-panel h2{margin:.15rem 0 0;color:#17324c;font-size:.98rem}.analytics-panel__eyebrow{color:#1684a1;font-size:.61rem;font-weight:900;letter-spacing:.11em}.analytics-panel__header-icon{display:grid;place-items:center;width:34px;height:34px;border-radius:9px;background:#eaf5f8;color:#147c98;font-weight:900}.analytics-panel header>a{color:#167b98;font-size:.72rem;font-weight:700;text-decoration:none}.analytics-badge{padding:.35rem .6rem;border-radius:20px;background:#edf6f8;color:#147891;font-size:.66rem;font-weight:800}
.analytics-chart{display:flex;align-items:flex-end;gap:min(1.25rem,3.5%);height:220px;padding:1.2rem .4rem .2rem;border-radius:9px;background:linear-gradient(180deg,#f8fbfd,#fff)}.analytics-chart__item{display:flex;align-items:center;flex:1;flex-direction:column;height:100%;min-width:18px}.analytics-chart__item b{margin-top:auto;margin-bottom:.3rem;color:#60758a;font-size:.62rem}.analytics-chart__item i{display:block;width:min(28px,80%);height:var(--bar);min-height:8px;border-radius:6px 6px 2px 2px;background:linear-gradient(180deg,#22a8bf,#176d9d);box-shadow:0 4px 10px rgba(23,109,157,.18)}.analytics-chart__item span{margin-top:.45rem;color:#8a99a8;font-size:.58rem;white-space:nowrap}.analytics-progress-list>div{margin-bottom:.9rem}.analytics-progress-list p{display:flex;justify-content:space-between;margin:0 0 .35rem;font-size:.75rem}.analytics-progress-list p span{display:flex;align-items:center;gap:.45rem}.analytics-country-dot{width:8px;height:8px;border-radius:50%;background:#1a93ad}.analytics-progress-list em{display:block;height:7px;border-radius:5px;background:#edf1f5;overflow:hidden}.analytics-progress-list em i{display:block;width:var(--progress);height:100%;border-radius:inherit;background:linear-gradient(90deg,#17779b,#26b4bd)}
.analytics-table-wrap{overflow:auto}.analytics-table{width:100%;border-collapse:collapse}.analytics-table th{padding:.65rem;color:#8190a0;font-size:.65rem;text-align:left;text-transform:uppercase}.analytics-table td{padding:.72rem .65rem;border-top:1px solid #edf1f5;color:#465a6e;font-size:.72rem}.analytics-table td:nth-child(2){min-width:250px}.analytics-table td strong{color:#263d52}.analytics-rank{display:grid;place-items:center;width:25px;height:25px;border-radius:7px;background:#edf4f8;color:#176e92;font-weight:900}.metric{display:inline-flex;padding:.3rem .45rem;border-radius:6px;font-weight:700}.metric--view{background:#e9f5fa;color:#197b9e}.metric--download{background:#e9f7ef;color:#25865d}.analytics-action{display:inline-block;padding:.35rem .55rem;border:1px solid #c9dbe5;border-radius:6px;color:#176e92;text-decoration:none;font-weight:700}.analytics-split-list{display:grid;grid-template-columns:1fr 1fr;gap:.55rem}.analytics-split-list>div{display:flex;align-items:center;justify-content:space-between;padding:.7rem;border-radius:8px;background:#f7f9fb;color:#597084;font-size:.72rem}.analytics-split-list strong{color:#173f5c}
.analytics-empty{display:grid;place-items:center;min-height:160px;color:#8394a4;text-align:center}.analytics-empty>span{display:grid;place-items:center;width:48px;height:48px;border-radius:50%;background:#edf5f8;color:#23809d;font-size:1.4rem}.analytics-empty strong{margin-top:.6rem;color:#425b70}.analytics-empty p{max-width:380px;margin:.3rem 0;font-size:.72rem}.analytics-empty--small{min-height:110px}.analytics-privacy{grid-column:1/-1;display:flex;align-items:center;gap:.8rem;padding:1rem 1.15rem;border:1px solid #cce8df;border-radius:12px;background:linear-gradient(90deg,#effaf6,#f8fcfb)}.analytics-privacy>span{display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:#d9f3e8;color:#248563;font-weight:900}.analytics-privacy strong{color:#265e4d}.analytics-privacy p{margin:.2rem 0 0;color:#668277;font-size:.7rem}.analytics-privacy a{margin-left:auto;color:#26755c;font-size:.72rem;font-weight:800;text-decoration:none;white-space:nowrap}
@media(max-width:1150px){.analytics-cards{grid-template-columns:repeat(3,1fr)}}@media(max-width:900px){.analytics-grid{grid-template-columns:1fr}.analytics-panel--wide{grid-column:auto}.analytics-cards{grid-template-columns:1fr 1fr}}@media(max-width:600px){.analytics-hero{align-items:flex-start;flex-direction:column}.analytics-period{width:100%}.analytics-cards{grid-template-columns:1fr}.analytics-chart{gap:.25rem}.analytics-chart__item span{font-size:.5rem;transform:rotate(-45deg)}.analytics-split-list{grid-template-columns:1fr}.analytics-privacy{align-items:flex-start;flex-wrap:wrap}.analytics-privacy a{margin-left:44px}}

/* Analytics reporting refinements */
.analytics-hero{padding:1.25rem 1.5rem}.analytics-hero__icon{width:50px;height:50px}.analytics-hero__meta{position:relative;z-index:1;display:grid;gap:.2rem;min-width:170px;padding:.65rem .8rem;border:1px solid rgba(255,255,255,.2);border-radius:9px;background:rgba(255,255,255,.09)}.analytics-hero__meta span{color:#b9dae4;font-size:.65rem}.analytics-hero__meta strong{font-size:.75rem}.analytics-filters{display:flex;align-items:center;justify-content:space-between;gap:.8rem;margin:1rem 0;padding:.65rem;border:1px solid #dfe7ef;border-radius:10px;background:#fff}.analytics-quick-filters{display:flex;flex-wrap:wrap;gap:.35rem}.analytics-quick-filters button,.analytics-custom-filter button{padding:.52rem .7rem;border:1px solid #d6e1e9;border-radius:7px;background:#f8fafc;color:#536a7e;font:inherit;font-size:.68rem;font-weight:750;cursor:pointer}.analytics-quick-filters button.is-active,.analytics-quick-filters button:hover,.analytics-custom-filter button{border-color:#147c98;background:#147c98;color:#fff}.analytics-custom-filter{display:flex;align-items:flex-end;gap:.4rem}.analytics-custom-filter label{display:grid;gap:.2rem;color:#7c8d9d;font-size:.6rem;font-weight:700}.analytics-custom-filter input{padding:.42rem;border:1px solid #d6e1e9;border-radius:6px;color:#40576c;font:inherit;font-size:.67rem}.analytics-summary-group{margin-top:.75rem}.analytics-summary-group>header{display:flex;align-items:baseline;gap:.6rem;margin-bottom:.5rem;padding-inline:.15rem}.analytics-summary-group>header h2{margin:0;color:#19364f;font-size:.9rem}.analytics-summary-group>header span{color:#8695a4;font-size:.65rem}.analytics-summary-group .analytics-cards{grid-template-columns:repeat(4,minmax(0,1fr));margin:.5rem 0 1rem}.analytics-summary-group .analytics-stat{min-height:92px}
.analytics-legend{display:flex;flex-wrap:wrap;gap:.75rem;color:#64788a;font-size:.65rem}.analytics-legend span{display:flex;align-items:center;gap:.3rem}.analytics-legend i{width:18px;height:3px;border-radius:2px}.analytics-legend .is-view{background:#178cac}.analytics-legend .is-visitor{background:#6d55c5}.analytics-line-chart{position:relative;height:250px;padding:0 0 24px}.analytics-line-chart svg{display:block;width:100%;height:225px;overflow:visible}.analytics-line-chart svg line{stroke:#dce6ed;stroke-width:1}.analytics-line-chart .chart-line{fill:none;stroke-width:3;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke}.chart-line--view{stroke:#178cac}.chart-line--visitor{stroke:#6d55c5;stroke-dasharray:7 4}.analytics-axis{position:absolute;left:2.2%;right:2.2%;bottom:5px;height:16px}.analytics-axis span{position:absolute;color:#8a99a7;font-size:.57rem;transform:translateX(-50%);white-space:nowrap}.analytics-article-link{color:#263d52;font-weight:750;text-decoration:none}.analytics-article-link:hover{color:#147c98;text-decoration:underline}.metric--pdf{background:#f0ebff;color:#6b55bd}
.analytics-tech-groups{display:grid;gap:.9rem}.analytics-tech-groups>div{padding:.7rem;border-radius:9px;background:#f7f9fb}.analytics-tech-groups h3{margin:0 0 .45rem;color:#607588;font-size:.68rem;text-transform:uppercase;letter-spacing:.08em}.analytics-tech-groups p{display:flex;justify-content:space-between;margin:0;padding:.42rem .15rem;border-bottom:1px solid #e8edf1;color:#50687b;font-size:.7rem}.analytics-tech-groups p:last-child{border-bottom:0}.analytics-tech-groups b{color:#193d58}.analytics-tech-groups b small{display:inline-block;min-width:35px;margin-left:.3rem;padding:.18rem;border-radius:10px;background:#e5f2f5;color:#157c96;text-align:center}.analytics-panel--clicks{grid-column:1/-1}.analytics-click-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:.55rem}.analytics-click-grid>div:not(.analytics-empty){display:flex;align-items:center;justify-content:space-between;padding:.75rem;border:1px solid #e1e8ee;border-radius:8px;background:#f9fbfc;color:#587084;font-size:.7rem}.analytics-click-grid strong{display:grid;place-items:center;min-width:30px;height:26px;border-radius:7px;background:#e7f3f6;color:#167b96}.analytics-click-grid .analytics-empty{grid-column:1/-1;min-height:85px}.analytics-empty{min-height:120px}
@media(max-width:1100px){.analytics-filters{align-items:stretch;flex-direction:column}.analytics-custom-filter{justify-content:flex-start}.analytics-summary-group .analytics-cards{grid-template-columns:repeat(2,1fr)}}@media(max-width:650px){.analytics-hero__meta{width:100%}.analytics-custom-filter{align-items:stretch;flex-direction:column}.analytics-summary-group .analytics-cards,.analytics-click-grid{grid-template-columns:1fr}.analytics-legend{display:grid}.analytics-axis span{display:none}.analytics-axis span:first-child,.analytics-axis span:last-child{display:block}}