/* Türk PDR — Yönetim paneli (operasyon design system)
 * Tipografi SSOT: Red Hat Text (root next/font: --font-red-hat-text).
 * Plus Jakarta / Red Hat Display karışımı YOK — form hizası + tek düzen.
 */

:root {
    --bg: #eef2f7;
    --bg-accent: #e8eef6;
    --panel: #ffffff;
    --ink: #0f172a;
    --ink-soft: #1e293b;
    --muted: #64748b;
    --muted-2: #94a3b8;
    --line: #cbd5e1;
    --line-soft: #e2e8f0;
    --brand: #C01018;
    --brand-2: #9a0d13;
    --brand-soft: rgba(192, 16, 24, .08);
    --accent: #0e7490;
    --accent-soft: #ecfeff;
    --danger: #b91c1c;
    --danger-soft: #fef2f2;
    --ok: #047857;
    --ok-soft: #ecfdf5;
    --warn: #b45309;
    --warn-soft: #fffbeb;
    --info: #1d4ed8;
    --info-soft: #eff6ff;
    --side: #0f172a;
    --side-2: #111827;
    --side-text: #cbd5e1;
    --focus: #2563eb;
    --radius: 14px;
    --radius-sm: 10px;
    --radius-xs: 8px;
    --shadow: 0 1px 2px rgba(15, 23, 42, .04), 0 8px 24px rgba(15, 23, 42, .05);
    --shadow-lg: 0 4px 6px rgba(15, 23, 42, .04), 0 18px 40px rgba(15, 23, 42, .08);
    /* Tek yazı tipi (Display kullanılmaz — input dikey hizasını bozar) */
    --font: var(--font-red-hat-text), "Red Hat Text", system-ui, -apple-system, "Segoe UI", sans-serif;
    --font-mono: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
    --text-xs: 0.72rem;
    --text-sm: 0.82rem;
    --text-base: 13.5px;
    --text-md: 0.92rem;
    --text-lg: 1.05rem;
    --text-xl: 1.25rem;
    --text-2xl: 1.35rem;
    --fw-normal: 400;
    --fw-medium: 500;
    --fw-semibold: 600;
    --fw-bold: 700;
    --fw-extrabold: 800;
    --lh-tight: 1.25;
    --lh-body: 1.55;
    --tracking-tight: -0.03em;
    --tracking-wide: 0.06em;
    --space-1: .25rem;
    --space-2: .5rem;
    --space-3: .75rem;
    --space-4: 1rem;
    --space-5: 1.25rem;
    --space-6: 1.5rem;
    --side-w: 268px;
}

/* Koyu tema — tüm /yonetim yüzeyi (next-themes: html.dark) */
html.dark {
    color-scheme: dark;
    --bg: #0b1220;
    --bg-accent: #111827;
    --panel: #151d2e;
    --ink: #f1f5f9;
    --ink-soft: #e2e8f0;
    --muted: #94a3b8;
    --muted-2: #64748b;
    --line: #334155;
    --line-soft: #243044;
    --brand-soft: rgba(192, 16, 24, .22);
    --accent-soft: rgba(14, 116, 144, .2);
    --danger-soft: rgba(185, 28, 28, .2);
    --ok-soft: rgba(4, 120, 87, .2);
    --warn-soft: rgba(180, 83, 9, .22);
    --info-soft: rgba(37, 99, 235, .22);
    --shadow: 0 1px 2px rgba(0, 0, 0, .35), 0 10px 28px rgba(0, 0, 0, .28);
    --shadow-lg: 0 4px 8px rgba(0, 0, 0, .35), 0 22px 48px rgba(0, 0, 0, .35);
    --page-bg: #0b1220 !important;
    --page-bg-alt: #111827 !important;
}

html.dark body,
html.dark body.shell,
html.dark .shell {
    background:
        radial-gradient(900px 420px at 100% -10%, rgba(192, 16, 24, .12), transparent 55%),
        radial-gradient(700px 380px at -5% 0%, rgba(14, 116, 144, .1), transparent 50%),
        var(--bg) !important;
    color: var(--ink);
}

* { box-sizing: border-box; }
body {
    margin: 0;
    font-family: var(--font);
    background:
        radial-gradient(900px 420px at 100% -10%, rgba(192, 16, 24, .06), transparent 55%),
        radial-gradient(700px 380px at -5% 0%, rgba(14, 116, 144, .07), transparent 50%),
        var(--bg);
    color: var(--ink);
    font-size: var(--text-base);
    font-weight: var(--fw-normal);
    line-height: var(--lh-body);
    -webkit-font-smoothing: antialiased;
}

/* Uçtan uca tek aile — globals.css Red Hat Display başlıklarını admin’de ezer */
body.shell,
.shell,
.shell h1,
.shell h2,
.shell h3,
.shell h4,
.shell h5,
.shell h6,
.ops-gate,
.ops-gate h1,
.ops-gate h2,
.ops-gate h3,
.ops-gate h4,
.ops-gate h5,
.ops-gate h6,
.admin-topbar,
.workspace,
.side,
button,
input,
select,
textarea,
label,
.btn,
table,
.card,
.mt-hub,
.mem-hub,
.dr-dash,
.org-dash,
.store-dash,
.settings-panel {
    font-family: var(--font);
}

.shell h1,
.shell h2,
.shell h3,
.admin-topbar .crumb h1,
.mt-hub-head h1,
.dr-dash-head h1,
.mem-hub-head h1 {
    font-weight: var(--fw-extrabold);
    letter-spacing: var(--tracking-tight);
    line-height: var(--lh-tight);
}

/* Form controls: do not inherit body line-height into vertical centering */
input, select, textarea, button {
    font-family: inherit;
    line-height: 1.35;
}
a { color: var(--brand); text-decoration: none; }
a:hover { color: var(--brand-2); }

.shell {
    display: grid;
    grid-template-columns: var(--side-w) 1fr;
    min-height: 100vh;
}

/* ?? Sidebar ?? */
.side {
    background: linear-gradient(180deg, var(--side) 0%, #0f172a 100%);
    color: #f0f0f1;
    position: sticky;
    top: 0;
    height: 100vh;
    overflow: auto;
    z-index: 100;
    border-right: 1px solid rgba(148, 163, 184, .12);
}
.brand-block {
    display: flex;
    align-items: center;
    gap: .7rem;
    padding: 1rem .95rem;
    background: linear-gradient(135deg, var(--brand) 0%, #8f0c12 100%);
    border-bottom: 1px solid rgba(0,0,0,.18);
}
.brand-block .brand-mark {
    width: 34px; height: 34px; border-radius: 10px;
    background: rgba(255,255,255,.2);
    display: grid; place-items: center;
    font-weight: 800; font-size: .78rem; color: #fff;
    box-shadow: inset 0 0 0 1px rgba(255,255,255,.18);
}
.brand-block strong { display: block; color: #fff; font-size: .95rem; letter-spacing: -.02em; font-weight: 800; }
.brand-block span { color: rgba(255,255,255,.78); font-size: .7rem; font-weight: 600; }

.side-ops { padding: .75rem .55rem .35rem; }
.side-ops a {
    display: flex !important;
    align-items: center;
    gap: .55rem;
    width: 100%;
    padding: .7rem .75rem !important;
    border-radius: 12px !important;
    background: linear-gradient(135deg, rgba(192,16,24,.22), rgba(14,116,144,.16));
    border: 1px solid rgba(148,163,184,.18) !important;
    color: #f8fafc !important;
    font-weight: 800 !important;
    font-size: .84rem !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.06);
}
.side-ops a:hover { background: linear-gradient(135deg, rgba(192,16,24,.32), rgba(14,116,144,.22)) !important; color: #fff !important; }
.side-ops a.is-on {
    background: var(--brand) !important;
    border-color: transparent !important;
    box-shadow: 0 10px 24px rgba(192,16,24,.35);
}
.side-ops i { opacity: .9; }
.side-foot {
    margin-top: auto;
    padding: 1rem .95rem 1.2rem;
    border-top: 1px solid rgba(148,163,184,.12);
}
.side-foot strong {
    display: block;
    color: #e2e8f0;
    font-size: .78rem;
    font-weight: 800;
}
.side-foot span {
    display: block;
    margin-top: .2rem;
    color: #64748b;
    font-size: .7rem;
    font-weight: 650;
}
.side {
    display: flex;
    flex-direction: column;
}

.nav-label {
    margin: 1.1rem .95rem .4rem;
    font-size: .66rem;
    letter-spacing: .08em;
    text-transform: uppercase;
    color: #64748b;
    font-weight: 800;
}
.nav-group {
    margin: .35rem .4rem .15rem;
    border: 0;
}
.nav-group-summary {
    list-style: none;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .5rem;
    padding: .5rem .6rem;
    margin: 0;
    color: #94a3b8;
    font-size: .68rem;
    font-weight: 800;
    letter-spacing: .06em;
    text-transform: uppercase;
    border-radius: var(--radius-xs);
    user-select: none;
}
.nav-group-summary::-webkit-details-marker { display: none; }
.nav-group-summary span {
    display: inline-flex;
    align-items: center;
    gap: .45rem;
}
.nav-group-summary i:first-child { width: 1rem; text-align: center; opacity: .85; }
.nav-group-chevron {
    font-size: .6rem;
    transition: transform .15s ease;
    opacity: .7;
}
.nav-group[open] > .nav-group-summary { color: #e2e8f0; background: rgba(255,255,255,.03); }
.nav-group[open] > .nav-group-summary .nav-group-chevron { transform: rotate(180deg); }
.nav-group > nav { display: grid; gap: 2px; padding: 0 0 .4rem; }
.side a .nav-link-inner {
    display: flex;
    align-items: center;
    gap: .55rem;
    min-width: 0;
}
.side nav { display: grid; gap: 2px; padding: 0 .4rem .6rem; }
.side a {
    color: var(--side-text);
    padding: .55rem .65rem;
    border-radius: var(--radius-xs);
    font-size: .84rem;
    font-weight: 600;
    display: flex;
    align-items: center;
    gap: .5rem;
    justify-content: space-between;
    transition: background .12s ease, color .12s ease;
}
.side a .nav-ico {
    width: 1.15rem;
    opacity: .72;
    text-align: center;
    flex-shrink: 0;
}
.side a:hover { background: rgba(255,255,255,.06); color: #fff; }
.side a.active {
    background: var(--brand);
    color: #fff;
    font-weight: 700;
    box-shadow: 0 8px 20px rgba(192, 16, 24, .28);
}
.side a.active .nav-ico { opacity: 1; }

/* Eğitim / Mağaza alt menü */
.nav-sub { margin: 0; border: 0; }
.nav-sub-summary {
    list-style: none;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .5rem;
    padding: .55rem .65rem;
    margin: 0;
    color: var(--side-text);
    font-size: .84rem;
    font-weight: 600;
    border-radius: var(--radius-xs);
    user-select: none;
}
.nav-sub-summary::-webkit-details-marker { display: none; }
.nav-sub-summary:hover { background: rgba(255,255,255,.06); color: #fff; }
.nav-sub.has-active > .nav-sub-summary,
.nav-sub[open] > .nav-sub-summary {
    color: #e2e8f0;
    background: rgba(255,255,255,.04);
}
.nav-sub-summary .nav-ico {
    width: 1.15rem;
    opacity: .72;
    text-align: center;
    flex-shrink: 0;
}
.nav-sub-chevron {
    font-size: .55rem;
    opacity: .65;
    transition: transform .15s ease;
    flex-shrink: 0;
}
.nav-sub[open] > .nav-sub-summary .nav-sub-chevron { transform: rotate(180deg); }
.nav-sub-list {
    display: grid;
    gap: 2px;
    padding: 0 0 .25rem .55rem;
    margin: 0 0 .15rem .35rem;
    border-left: 1px solid rgba(148, 163, 184, .22);
}
.nav-sub-list a {
    font-size: .8rem;
    padding: .45rem .55rem;
    font-weight: 550;
}

.badge {
    background: var(--accent-soft);
    color: var(--accent);
    border-radius: 999px;
    font-size: .65rem;
    padding: .12rem .45rem;
    font-weight: 800;
    margin-left: auto;
}

/* ?? Workspace ?? */
.workspace { min-width: 0; display: flex; flex-direction: column; }
.admin-topbar {
    background: color-mix(in srgb, var(--panel) 88%, transparent);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    border-bottom: 1px solid var(--line-soft);
    padding: .75rem 1.4rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    position: sticky;
    top: 0;
    z-index: 50;
    box-shadow: 0 1px 0 color-mix(in srgb, var(--panel) 70%, transparent);
}
.admin-topbar .crumb {
    display: flex; align-items: baseline; gap: .55rem; flex-wrap: wrap;
}
.admin-topbar .crumb h1 {
    margin: 0;
    font-size: var(--text-2xl);
    font-weight: var(--fw-extrabold);
    line-height: var(--lh-tight);
    color: var(--ink);
    letter-spacing: var(--tracking-tight);
}
.admin-topbar .crumb .sub {
    color: var(--muted);
    font-size: var(--text-sm);
    font-weight: var(--fw-semibold);
}
.admin-topbar-actions { display: flex; gap: .55rem; align-items: center; flex-wrap: wrap; }

.staff-ops-bell { position: relative; }
.staff-ops-bell > summary { list-style: none; cursor: pointer; position: relative; }
.staff-ops-bell > summary::-webkit-details-marker { display: none; }
.staff-ops-bell-count {
  position: absolute;
  top: -0.2rem;
  right: -0.2rem;
  min-width: 1.1rem;
  height: 1.1rem;
  padding: 0 .22rem;
  border-radius: 999px;
  background: #c01018;
  color: #fff;
  font-size: .62rem;
  font-weight: 800;
  line-height: 1.1rem;
  text-align: center;
}
.staff-ops-bell-drop {
  position: absolute;
  right: 0;
  top: calc(100% + .4rem);
  width: min(22rem, 86vw);
  background: #fff;
  border: 1px solid var(--line-soft, #e2e8f0);
  border-radius: 10px;
  box-shadow: 0 12px 32px rgba(15, 23, 42, .12);
  z-index: 80;
  overflow: hidden;
}
.staff-ops-bell-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: .5rem;
  padding: .7rem .85rem;
  border-bottom: 1px solid var(--line-soft, #e2e8f0);
}
.staff-ops-bell-list { list-style: none; margin: 0; padding: 0; max-height: 22rem; overflow: auto; }
.staff-ops-bell-list a {
  display: flex;
  flex-direction: column;
  gap: .15rem;
  padding: .7rem .85rem;
  text-decoration: none;
  color: inherit;
  border-bottom: 1px solid #f1f5f9;
}
.staff-ops-bell-list li.is-unread a { background: #fff7ed; }
.staff-ops-bell-title { font-weight: 700; font-size: .86rem; }
.staff-ops-bell-body, .staff-ops-bell-when { font-size: .75rem; color: #64748b; }
.staff-ops-bell-empty { margin: 0; padding: .9rem .85rem; }
.staff-ops-bell-all {
  display: block;
  padding: .65rem .85rem;
  font-size: .82rem;
  font-weight: 600;
  text-align: center;
  border-top: 1px solid var(--line-soft, #e2e8f0);
}
.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;
}
.staff-focus-menu {
  position: relative;
  flex: 0 0 auto;
}
.staff-focus-menu > summary {
  list-style: none;
}
.staff-focus-menu > summary::-webkit-details-marker { display: none; }
.staff-focus-trigger {
  display: inline-flex;
  align-items: center;
  gap: .45rem;
  padding: .28rem .5rem .28rem .35rem;
  border: 1px solid #e2e8f0;
  border-radius: 4px;
  background: #fff;
  cursor: pointer;
  color: inherit;
  font: inherit;
  max-width: 13.5rem;
}
.staff-focus-trigger:hover { border-color: #cbd5e1; }
.staff-focus-menu[open] > .staff-focus-trigger {
  border-color: #93c5fd;
  box-shadow: 0 0 0 3px rgba(59, 130, 246, .1);
}
.staff-focus-trigger-ico {
  width: 1.55rem;
  height: 1.55rem;
  border-radius: 4px;
  display: grid;
  place-items: center;
  background: #eff6ff;
  color: #1e3a5f;
  font-size: .72rem;
  flex: 0 0 auto;
}
.staff-focus-trigger-copy {
  min-width: 0;
  display: grid;
  line-height: 1.15;
}
.staff-focus-trigger-copy strong {
  font-size: .78rem;
  font-weight: 800;
  color: #0f172a;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.staff-focus-trigger-copy em {
  font-style: normal;
  font-size: .65rem;
  color: #64748b;
}
.staff-focus-caret {
  margin-left: .15rem;
  font-size: .62rem;
  color: #94a3b8;
  transition: transform .15s ease;
}
.staff-focus-menu[open] .staff-focus-caret { transform: rotate(180deg); }
.staff-focus-dropdown {
  position: absolute;
  right: 0;
  top: calc(100% + .35rem);
  z-index: 80;
  width: min(18rem, calc(100vw - 1.5rem));
  padding: .45rem;
  border: 1px solid #e2e8f0;
  border-radius: 6px;
  background: #fff;
  box-shadow: 0 12px 28px rgba(15, 23, 42, .12);
  display: grid;
  gap: .15rem;
}
.staff-focus-drop-hint {
  margin: 0 .35rem .35rem;
  font-size: .7rem;
  color: #64748b;
  line-height: 1.35;
}
.staff-focus-option {
  width: 100%;
  display: grid;
  grid-template-columns: auto 1fr auto;
  gap: .55rem;
  align-items: center;
  padding: .45rem .5rem;
  border: 0;
  border-radius: 4px;
  background: transparent;
  text-align: left;
  cursor: pointer;
  color: inherit;
  font: inherit;
}
.staff-focus-option:hover { background: #f8fafc; }
.staff-focus-option.is-on { background: #eff6ff; }
.staff-focus-option-ico {
  width: 1.7rem;
  height: 1.7rem;
  border-radius: 5px;
  display: grid;
  place-items: center;
  background: #eef2f7;
  color: #1e3a5f;
  font-size: .72rem;
}
.staff-focus-option.is-admin .staff-focus-option-ico {
  background: rgba(192, 16, 24, .1);
  color: #C01018;
}
.staff-focus-option.is-member_manager .staff-focus-option-ico {
  background: rgba(5, 150, 105, .12);
  color: #059669;
}
.staff-focus-option.is-store_manager .staff-focus-option-ico {
  background: rgba(14, 116, 144, .12);
  color: #0e7490;
}
.staff-focus-option.is-org_manager .staff-focus-option-ico {
  background: rgba(124, 58, 237, .1);
  color: #6d28d9;
}
.staff-focus-option.is-editor .staff-focus-option-ico {
  background: rgba(30, 58, 95, .1);
  color: #1e3a5f;
}
.staff-focus-option.is-instructor .staff-focus-option-ico {
  background: rgba(180, 83, 9, .12);
  color: #b45309;
}
.staff-focus-option-copy {
  min-width: 0;
  display: grid;
  gap: .08rem;
}
.staff-focus-option-copy strong {
  font-size: .8rem;
  font-weight: 800;
  color: #0f172a;
}
.staff-focus-option-copy em {
  font-style: normal;
  font-size: .68rem;
  color: #64748b;
}
.staff-focus-check {
  color: #2563eb;
  font-size: .72rem;
}
@media (max-width: 720px) {
  .staff-focus-trigger-copy em { display: none; }
  .staff-focus-trigger { max-width: 10.5rem; }
}
.topbar-quick {
    display: inline-flex;
    align-items: center;
    gap: .4rem;
    flex-wrap: wrap;
}
.topbar-chip {
    display: inline-flex;
    align-items: center;
    gap: .4rem;
    padding: .42rem .7rem;
    border-radius: 4px;
    background: var(--panel);
    border: 1px solid var(--line-soft);
    color: var(--ink-soft) !important;
    text-decoration: none !important;
    font-size: .78rem;
    font-weight: 700;
}
.topbar-chip:hover { border-color: var(--line); background: var(--bg-accent); color: var(--ink) !important; }
.topbar-icon-btn {
    width: 2.35rem; height: 2.35rem;
    display: grid; place-items: center;
    border-radius: 4px;
    background: var(--panel);
    border: 1px solid var(--line-soft);
    color: var(--ink-soft) !important;
    text-decoration: none !important;
}
.topbar-icon-btn:hover { border-color: var(--line); color: var(--ink) !important; }

.admin-user-menu {
    position: relative;
    margin: 0;
}
.admin-user-menu > summary {
    list-style: none;
    cursor: pointer;
}
.admin-user-menu > summary::-webkit-details-marker { display: none; }
.admin-user-trigger {
    display: inline-flex;
    align-items: center;
    gap: .55rem;
    padding: .32rem .6rem .32rem .32rem;
    border-radius: 4px;
    background: var(--panel);
    border: 1px solid var(--line-soft);
    box-shadow: 0 1px 2px rgba(15, 23, 42, .04);
}
.admin-user-trigger:hover { border-color: #cbd5e1; }
.admin-user-menu[open] > .admin-user-trigger {
    border-color: #93c5fd;
    box-shadow: 0 0 0 2px rgba(37, 99, 235, .12);
}
.admin-user-avatar {
    width: 2rem; height: 2rem;
    border-radius: 4px;
    display: grid; place-items: center;
    background: linear-gradient(135deg, #2563eb, #0ea5e9);
    color: #fff;
    font-size: .78rem;
    font-weight: 800;
    flex-shrink: 0;
}
.admin-user-meta {
    display: grid;
    line-height: 1.15;
    min-width: 0;
}
.admin-user-meta strong {
    font-size: .8rem;
    font-weight: 800;
    color: var(--ink);
    white-space: nowrap;
    max-width: 9.5rem;
    overflow: hidden;
    text-overflow: ellipsis;
}
.admin-user-meta em {
    font-style: normal;
    font-size: .68rem;
    font-weight: 650;
    color: var(--muted);
}
.admin-user-caret {
    font-size: .65rem;
    color: #94a3b8;
    margin-right: .15rem;
    transition: transform .15s ease;
}
.admin-user-menu[open] .admin-user-caret { transform: rotate(180deg); }
.admin-user-dropdown {
    position: absolute;
    right: 0;
    top: calc(100% + .45rem);
    width: 260px;
    background: var(--panel);
    border: 1px solid var(--line-soft);
    border-radius: 6px;
    box-shadow: var(--shadow-lg);
    padding: .45rem;
    z-index: 80;
    display: grid;
    gap: .15rem;
}
.admin-user-drop-head {
    display: flex;
    gap: .65rem;
    align-items: center;
    padding: .65rem .7rem .75rem;
    margin-bottom: .15rem;
    border-bottom: 1px solid var(--line-soft);
}
.admin-user-drop-head strong {
    display: block;
    font-size: .84rem;
    font-weight: 800;
}
.admin-user-drop-head em {
    display: block;
    margin-top: .12rem;
    font-style: normal;
    font-size: .72rem;
    color: var(--muted);
    font-weight: 600;
    word-break: break-all;
}
.admin-user-dropdown a,
.admin-user-dropdown button[role='menuitem'],
.admin-user-logout button {
    display: flex;
    align-items: center;
    gap: .6rem;
    width: 100%;
    padding: .65rem .7rem;
    border: 0;
    border-radius: 4px;
    background: transparent;
    color: var(--ink) !important;
    text-decoration: none !important;
    font: inherit;
    font-size: .84rem;
    font-weight: 700;
    text-align: left;
    cursor: pointer;
}
.admin-user-dropdown a i,
.admin-user-dropdown button[role='menuitem'] i,
.admin-user-logout button i {
    width: 1rem;
    color: #64748b;
    text-align: center;
}
.admin-user-dropdown a:hover,
.admin-user-dropdown button[role='menuitem']:hover,
.admin-user-logout button:hover {
    background: var(--bg-accent);
}
.admin-user-logout {
    margin: .2rem 0 0;
    padding-top: .2rem;
    border-top: 1px solid var(--line-soft);
}
.admin-user-logout button { color: #b91c1c !important; }
.admin-user-logout button i { color: #b91c1c; }

.admin-user-portal { width: 288px; padding: .5rem; }
.admin-user-drop-links {
    display: grid;
    gap: .1rem;
    padding: .15rem 0;
}
.admin-theme-block {
    padding: .55rem .55rem .65rem;
    margin: .1rem 0 .25rem;
    border-bottom: 1px solid var(--line-soft);
}
.admin-theme-label {
    display: block;
    margin: 0 0 .4rem .1rem;
    font-size: .68rem;
    font-weight: 800;
    letter-spacing: .06em;
    text-transform: uppercase;
    color: var(--muted);
}
.admin-theme-seg {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: .3rem;
    padding: .22rem;
    border-radius: 4px;
    background: var(--bg-accent);
    border: 1px solid var(--line-soft);
}
.admin-theme-chip {
    display: inline-flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: .18rem;
    min-height: 3.1rem;
    padding: .35rem .25rem;
    border: 0;
    border-radius: 3px;
    background: transparent;
    color: var(--muted);
    font: inherit;
    font-size: .68rem;
    font-weight: 800;
    cursor: pointer;
    transition: background .15s ease, color .15s ease, box-shadow .15s ease;
}
.admin-theme-chip i { font-size: .85rem; }
.admin-theme-chip:hover { color: var(--ink); background: color-mix(in srgb, var(--panel) 70%, transparent); }
.admin-theme-chip.is-active {
    background: var(--panel);
    color: var(--info);
    box-shadow: 0 1px 2px rgba(15, 23, 42, .08);
}

.admin-inline-ok,
.admin-inline-err {
    padding: .65rem .8rem;
    border-radius: 10px;
    font-size: .84rem;
    font-weight: 700;
}
.admin-inline-ok {
    background: #ecfdf5;
    color: #047857;
    border: 1px solid #a7f3d0;
}
.admin-inline-err {
    background: #fef2f2;
    color: #b91c1c;
    border: 1px solid #fecaca;
}
.admin-inline-warn {
    margin: 0 0 0.75rem;
    padding: 0.65rem 0.85rem;
    border-radius: 10px;
    font-size: 0.84rem;
    font-weight: 700;
    background: #fffbeb;
    color: #92400e;
    border: 1px solid #fde68a;
    line-height: 1.45;
}

.membership-notify-callout {
    margin: 0 0 1rem;
    padding: 0.75rem 0.9rem;
    border-radius: 10px;
    border: 1px solid #bfdbfe;
    background: #eff6ff;
    color: #1e3a8a;
    font-size: 0.88rem;
    line-height: 1.5;
    font-weight: 600;
}
.membership-notify-grid {
    display: grid;
    gap: 1rem;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
}
.membership-notify-card {
    background: #fff;
    border: 1px solid #e2e8f0;
    border-radius: 12px;
    padding: 1rem 1.1rem 1.15rem;
}
.membership-notify-card header {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 0.65rem;
    margin-bottom: 0.55rem;
}
.membership-notify-card h3 {
    margin: 0;
    font-size: 1.02rem;
    display: flex;
    align-items: center;
    gap: 0.45rem;
}
.membership-notify-fields {
    display: grid;
    gap: 0.75rem;
    margin-top: 0.75rem;
}
.membership-notify-field {
    display: flex;
    flex-direction: column;
    gap: 0.3rem;
    font-size: 0.88rem;
    font-weight: 600;
}
.membership-notify-field input[type='number'] {
    max-width: 8rem;
    padding: 0.45rem 0.55rem;
    border: 1px solid #cbd5e1;
    border-radius: 8px;
    font: inherit;
}
.membership-notify-field em {
    font-style: normal;
    font-weight: 500;
    font-size: 0.78rem;
}
.membership-notify-check {
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
}
.membership-notify-links {
    margin: 0.5rem 0 0;
    padding-left: 1.1rem;
    line-height: 1.55;
    font-size: 0.9rem;
}

/* Üyelik bildirim politikası hub */
.dr-stats.mem-notify-stats {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}
@media (max-width: 1100px) {
  .dr-stats.mem-notify-stats {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (max-width: 640px) {
  .dr-stats.mem-notify-stats {
    grid-template-columns: 1fr;
  }
}
.mem-notify-flash {
  margin: 0 0 .85rem;
  padding: .7rem .9rem;
  border-radius: 8px;
  font-size: .84rem;
  font-weight: 700;
  color: #166534;
  background: #f0fdf4;
  border: 1px solid #bbf7d0;
}
.mem-notify-banner {
  display: flex;
  gap: .75rem;
  align-items: flex-start;
  margin: 0 0 1rem;
  padding: .85rem 1rem;
  border-radius: 8px;
  border: 1px solid #e8edf3;
  background: #fff;
}
.mem-notify-banner--warn {
  background: #fffbeb;
  border-color: #fde68a;
  color: #92400e;
}
.mem-notify-banner--ok {
  background: #f8fafc;
  border-color: #e2e8f0;
  color: #334155;
}
.mem-notify-banner--info {
  background: #eff6ff;
  border-color: #bfdbfe;
  color: #1e3a8a;
}
.mem-notify-banner--info .mem-notify-banner-ico {
  background: rgba(37, 99, 235, .12);
  color: #2563eb;
}
.mem-notify-ok-text { color: #047857; }
.mem-notify-warn-text { color: #b45309; }
.mem-notify-banner-ico {
  width: 2.1rem;
  height: 2.1rem;
  border-radius: 7px;
  display: grid;
  place-items: center;
  flex: 0 0 auto;
  background: rgba(15, 23, 42, .06);
  font-size: .9rem;
}
.mem-notify-banner--warn .mem-notify-banner-ico {
  background: rgba(146, 64, 14, .12);
  color: #b45309;
}
.mem-notify-banner--ok .mem-notify-banner-ico {
  background: rgba(22, 101, 52, .1);
  color: #15803d;
}
.mem-notify-banner strong {
  display: block;
  font-size: .88rem;
  font-weight: 780;
}
.mem-notify-banner p {
  margin: .2rem 0 0;
  font-size: .8rem;
  line-height: 1.45;
  font-weight: 500;
  opacity: .92;
}
.mem-notify-grid {
  display: grid;
  gap: 1rem;
  grid-template-columns: 1fr;
  margin-bottom: 1.25rem;
}
@media (min-width: 960px) {
  .mem-notify-grid {
    grid-template-columns: 1.4fr 1fr;
  }
  .mem-notify-card--dues {
    grid-column: 1 / -1;
  }
}
.mem-notify-card {
  position: relative;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  gap: .85rem;
  padding: 1.05rem 1.15rem 1.15rem;
  border: 1px solid #e8edf3;
  border-radius: 8px;
  background: linear-gradient(180deg, #fff 0%, #fbfcfe 100%);
  box-shadow: 0 1px 2px rgba(15, 23, 42, .04), 0 8px 20px rgba(15, 23, 42, .04);
}
.mem-notify-card::before {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 3px;
  background: #1e3a5f;
}
.mem-notify-card.is-off::before {
  background: #94a3b8;
}
.mem-notify-card-head {
  display: grid;
  grid-template-columns: auto 1fr auto;
  gap: .75rem;
  align-items: start;
  padding-bottom: .75rem;
  border-bottom: 1px solid #f1f5f9;
}
@media (max-width: 720px) {
  .mem-notify-card-head {
    grid-template-columns: auto 1fr;
  }
  .mem-notify-toggle {
    grid-column: 1 / -1;
  }
}
.mem-notify-card-ico {
  width: 2.4rem;
  height: 2.4rem;
  border-radius: 7px;
  display: grid;
  place-items: center;
  flex: 0 0 auto;
  background: rgba(30, 58, 95, .1);
  color: #1e3a5f;
  font-size: .95rem;
}
.mem-notify-card-ico--docs {
  background: rgba(14, 116, 144, .12);
  color: #0e7490;
}
.mem-notify-card-ico--fahri {
  background: rgba(180, 83, 9, .1);
  color: #b45309;
}
.mem-notify-card-titles {
  min-width: 0;
}
.mem-notify-card-title-row {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: .45rem .65rem;
}
.mem-notify-card-titles h2 {
  margin: 0;
  font-size: .98rem;
  font-weight: 780;
  color: #0f172a;
}
.mem-notify-card-titles p {
  margin: .25rem 0 0;
  font-size: .78rem;
  color: #64748b;
  line-height: 1.4;
}
.mem-notify-pill {
  display: inline-flex;
  align-items: center;
  padding: .15rem .5rem;
  border-radius: 4px;
  font-size: .68rem;
  font-weight: 780;
  letter-spacing: .02em;
  text-transform: uppercase;
}
.mem-notify-pill.is-on {
  background: #ecfdf5;
  color: #047857;
  border: 1px solid #a7f3d0;
}
.mem-notify-pill.is-off {
  background: #f8fafc;
  color: #64748b;
  border: 1px solid #e2e8f0;
}
.mem-notify-toggle {
  justify-self: end;
  white-space: nowrap;
}
.mem-notify-ladder {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: .45rem;
}
@media (max-width: 900px) {
  .mem-notify-ladder {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}
@media (max-width: 520px) {
  .mem-notify-ladder {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
.mem-notify-ladder li {
  display: flex;
  flex-direction: column;
  gap: .15rem;
  padding: .55rem .6rem;
  border-radius: 6px;
  border: 1px solid #e8edf3;
  background: #f8fafc;
  color: #94a3b8;
  min-width: 0;
}
.mem-notify-ladder li.is-on {
  background: #eff6ff;
  border-color: #bfdbfe;
  color: #1e3a5f;
}
.mem-notify-ladder strong {
  font-size: .72rem;
  font-weight: 780;
  letter-spacing: .01em;
}
.mem-notify-ladder span {
  font-size: .78rem;
  font-weight: 650;
  color: inherit;
  opacity: .9;
}
.mem-notify-card-note {
  margin: 0;
  font-size: .78rem;
  color: #64748b;
  line-height: 1.45;
}
.mem-notify-fields {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: .75rem .85rem;
}
.mem-notify-fields--single {
  grid-template-columns: minmax(0, 16rem);
}
@media (max-width: 900px) {
  .mem-notify-fields {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (max-width: 560px) {
  .mem-notify-fields,
  .mem-notify-fields--single {
    grid-template-columns: 1fr;
  }
}
.mem-notify-field {
  display: flex;
  flex-direction: column;
  gap: .3rem;
  font-size: .84rem;
}
.mem-notify-field--wide {
  grid-column: 1 / -1;
}
.mem-notify-field--wide textarea,
.mem-notify-card--templates textarea {
  width: 100%;
  min-height: 4.5rem;
  resize: vertical;
  font: inherit;
  padding: .45rem .55rem;
  border: 1px solid #d6d3d1;
  border-radius: 2px;
  background: #fff;
}
.mem-notify-field.is-dim {
  opacity: .55;
}
.mem-notify-field-label {
  font-weight: 700;
  color: #334155;
  font-size: .8rem;
}
.mem-notify-field input[type='number'] {
  width: 100%;
  max-width: 8.5rem;
  padding: .5rem .6rem;
  border: 1px solid #dbe3ec;
  border-radius: 6px;
  font: inherit;
  background: #fff;
  color: #0f172a;
}
.mem-notify-field select {
  width: 100%;
  max-width: 18rem;
  padding: .5rem .6rem;
  border: 1px solid #dbe3ec;
  border-radius: 6px;
  font: inherit;
  background: #fff;
  color: #0f172a;
}
.mem-notify-field input[type='number']:focus,
.mem-notify-field select:focus {
  outline: none;
  border-color: #1e3a5f;
  box-shadow: 0 0 0 3px rgba(30, 58, 95, .12);
}
.mem-notify-field input[type='number']:disabled,
.mem-notify-field select:disabled {
  background: #f8fafc;
  color: #94a3b8;
}
.mem-notify-hint {
  font-style: normal;
  font-weight: 500;
  font-size: .74rem;
  color: #94a3b8;
}
.mem-notify-check {
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  gap: .75rem;
  padding: .55rem .65rem;
  border: 1px solid #e8edf3;
  border-radius: 6px;
  background: #fff;
}
.mem-notify-check input {
  width: 1.05rem;
  height: 1.05rem;
  accent-color: #1e3a5f;
}
.mem-notify-actions {
  display: flex;
  flex-wrap: wrap;
  gap: .5rem;
}
.mem-notify-section-head {
  margin: .15rem 0 .75rem;
}
.mem-notify-section-head h2 {
  margin: 0;
  font-size: 1rem;
  font-weight: 780;
  color: #0f172a;
}
.mem-notify-section-head p {
  margin: .2rem 0 0;
  font-size: .8rem;
  color: #64748b;
}
.mem-notify-links-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(min(100%, 15.5rem), 1fr));
  gap: .75rem;
  margin-bottom: 1.15rem;
}
.mem-notify-link-card {
  display: grid;
  grid-template-columns: auto 1fr auto;
  gap: .7rem;
  align-items: center;
  padding: .85rem .95rem;
  border: 1px solid #e8edf3;
  border-radius: 8px;
  background: linear-gradient(180deg, #fff 0%, #fbfcfe 100%);
  text-decoration: none;
  color: inherit;
  transition: border-color .15s ease, box-shadow .15s ease;
}
.mem-notify-link-card:hover {
  border-color: #cbd5e1;
  box-shadow: 0 4px 14px rgba(15, 23, 42, .06);
}
.mem-notify-link-ico {
  width: 2.15rem;
  height: 2.15rem;
  border-radius: 7px;
  display: grid;
  place-items: center;
  background: rgba(30, 58, 95, .1);
  color: #1e3a5f;
  font-size: .85rem;
}
.mem-notify-link-body {
  display: flex;
  flex-direction: column;
  gap: .15rem;
  min-width: 0;
}
.mem-notify-link-body strong {
  font-size: .86rem;
  font-weight: 760;
  color: #0f172a;
}
.mem-notify-link-body em {
  font-style: normal;
  font-size: .74rem;
  color: #64748b;
}
.mem-notify-link-chevron {
  color: #94a3b8;
  font-size: .7rem;
}
.mem-notify-note {
  padding: 1rem 1.1rem;
  margin-bottom: 1rem;
  border: 1px solid #e8edf3;
  border-radius: 8px;
  background: #fff;
}
.mem-notify-note h3 {
  margin: 0 0 .55rem;
  font-size: .92rem;
  font-weight: 780;
  color: #0f172a;
}
.mem-notify-note ul {
  margin: 0;
  padding-left: 1.1rem;
  color: #475569;
  font-size: .82rem;
  line-height: 1.55;
}
.mem-notify-note a {
  color: #1e3a5f;
  font-weight: 700;
}
.mem-notify-footer-actions {
  display: flex;
  justify-content: flex-end;
  margin-bottom: .5rem;
}

/* Üyelik uygunluk sihirbazı hub */
.dr-stats.mem-elig-stats {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}
@media (max-width: 1100px) {
  .dr-stats.mem-elig-stats {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (max-width: 640px) {
  .dr-stats.mem-elig-stats {
    grid-template-columns: 1fr;
  }
}
.mem-elig-flash {
  margin: 0 0 .85rem;
  padding: .7rem .9rem;
  border-radius: 8px;
  font-size: .84rem;
  font-weight: 700;
  color: #166534;
  background: #f0fdf4;
  border: 1px solid #bbf7d0;
}
.mem-elig-master {
  margin-bottom: 1rem;
  padding: .95rem 1.05rem;
  border: 1px solid #e8edf3;
  border-radius: 8px;
  background: linear-gradient(180deg, #fff 0%, #fbfcfe 100%);
  box-shadow: 0 1px 2px rgba(15, 23, 42, .04);
}
.mem-elig-master-row {
  display: grid;
  grid-template-columns: auto 1fr auto;
  gap: .75rem;
  align-items: center;
}
@media (max-width: 720px) {
  .mem-elig-master-row {
    grid-template-columns: auto 1fr;
  }
  .mem-elig-toggle {
    grid-column: 1 / -1;
    justify-self: start;
  }
}
.mem-elig-master-ico {
  width: 2.25rem;
  height: 2.25rem;
  border-radius: 7px;
  display: grid;
  place-items: center;
  background: rgba(30, 58, 95, .1);
  color: #1e3a5f;
}
.mem-elig-master strong {
  display: block;
  font-size: .92rem;
  font-weight: 780;
  color: #0f172a;
}
.mem-elig-master p {
  margin: .2rem 0 0;
  font-size: .78rem;
  color: #64748b;
  line-height: 1.4;
}
.mem-elig-tabs {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: .55rem;
  margin-bottom: 1rem;
}
@media (max-width: 900px) {
  .mem-elig-tabs {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
.mem-elig-tab {
  display: grid;
  grid-template-columns: auto 1fr;
  gap: .65rem;
  align-items: center;
  text-align: left;
  padding: .7rem .8rem;
  border: 1px solid #e8edf3;
  border-radius: 8px;
  background: #fff;
  cursor: pointer;
  color: inherit;
  transition: border-color .15s ease, box-shadow .15s ease;
}
.mem-elig-tab:hover {
  border-color: #cbd5e1;
}
.mem-elig-tab.is-active {
  border-color: #1e3a5f;
  box-shadow: 0 0 0 3px rgba(30, 58, 95, .1);
  background: linear-gradient(180deg, #fff 0%, #f8fafc 100%);
}
.mem-elig-tab-ico {
  width: 2rem;
  height: 2rem;
  border-radius: 6px;
  display: grid;
  place-items: center;
  background: rgba(30, 58, 95, .08);
  color: #1e3a5f;
  font-size: .8rem;
}
.mem-elig-tab.is-active .mem-elig-tab-ico {
  background: rgba(30, 58, 95, .14);
}
.mem-elig-tab-text {
  display: flex;
  flex-direction: column;
  gap: .1rem;
  min-width: 0;
}
.mem-elig-tab-text strong {
  font-size: .82rem;
  font-weight: 760;
  color: #0f172a;
}
.mem-elig-tab-text em {
  font-style: normal;
  font-size: .7rem;
  color: #64748b;
}
.mem-elig-section {
  margin-bottom: 1.15rem;
}
.mem-elig-section-head {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  justify-content: space-between;
  gap: .65rem;
  margin-bottom: .85rem;
}
.mem-elig-section-head h2 {
  margin: 0;
  font-size: 1rem;
  font-weight: 780;
  color: #0f172a;
}
.mem-elig-section-head p {
  margin: .2rem 0 0;
  font-size: .8rem;
  color: #64748b;
}
.mem-elig-steps {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: .85rem;
}
@media (max-width: 960px) {
  .mem-elig-steps {
    grid-template-columns: 1fr;
  }
}
.mem-elig-card,
.mem-elig-block {
  position: relative;
  overflow: hidden;
  padding: 1rem 1.05rem;
  border: 1px solid #e8edf3;
  border-radius: 8px;
  background: linear-gradient(180deg, #fff 0%, #fbfcfe 100%);
  box-shadow: 0 1px 2px rgba(15, 23, 42, .04), 0 8px 20px rgba(15, 23, 42, .04);
}
.mem-elig-card::before,
.mem-elig-block::before {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 3px;
  background: #1e3a5f;
}
.mem-elig-card-head {
  display: flex;
  align-items: center;
  gap: .65rem;
  margin-bottom: .85rem;
  padding-bottom: .7rem;
  border-bottom: 1px solid #f1f5f9;
}
.mem-elig-card-ico {
  width: 2.1rem;
  height: 2.1rem;
  border-radius: 7px;
  display: grid;
  place-items: center;
  background: rgba(30, 58, 95, .1);
  color: #1e3a5f;
  font-size: .85rem;
}
.mem-elig-card-head h3 {
  margin: 0;
  font-size: .92rem;
  font-weight: 780;
  color: #0f172a;
}
.mem-elig-blocks {
  display: flex;
  flex-direction: column;
  gap: .85rem;
}
.mem-elig-block-top {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: .5rem;
  margin-bottom: .85rem;
  padding-bottom: .7rem;
  border-bottom: 1px solid #f1f5f9;
}
.mem-elig-block-badge {
  font-size: .86rem;
  font-weight: 760;
  color: #0f172a;
  margin-right: auto;
}
.mem-elig-pill {
  display: inline-flex;
  align-items: center;
  padding: .12rem .45rem;
  border-radius: 4px;
  font-size: .68rem;
  font-weight: 780;
  letter-spacing: .02em;
  text-transform: uppercase;
}
.mem-elig-pill.is-on {
  background: #ecfdf5;
  color: #047857;
  border: 1px solid #a7f3d0;
}
.mem-elig-pill.is-off {
  background: #fef2f2;
  color: #b91c1c;
  border: 1px solid #fecaca;
}
.mem-elig-pill.is-warn {
  background: #fffbeb;
  color: #b45309;
  border: 1px solid #fde68a;
}
.mem-elig-fields {
  display: grid;
  grid-template-columns: 1fr;
  gap: .7rem;
}
.mem-elig-fields--2 {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
@media (max-width: 720px) {
  .mem-elig-fields--2 {
    grid-template-columns: 1fr;
  }
}
.mem-elig-field {
  display: flex;
  flex-direction: column;
  gap: .3rem;
  font-size: .84rem;
}
.mem-elig-field--wide {
  grid-column: 1 / -1;
}
.mem-elig-field-label {
  font-weight: 700;
  color: #334155;
  font-size: .8rem;
}
.mem-elig-field input,
.mem-elig-field select,
.mem-elig-field textarea,
.mem-elig-field--wide > input,
.mem-elig-field--wide > select,
.mem-elig-field--wide > textarea {
  width: 100%;
  padding: .5rem .65rem;
  border: 1px solid #dbe3ec;
  border-radius: 6px;
  font: inherit;
  background: #fff;
  color: #0f172a;
}
.mem-elig-field textarea {
  resize: vertical;
  min-height: 2.75rem;
}
.mem-elig-field input:focus,
.mem-elig-field select:focus,
.mem-elig-field textarea:focus {
  outline: none;
  border-color: #1e3a5f;
  box-shadow: 0 0 0 3px rgba(30, 58, 95, .12);
}
.mem-elig-hint {
  font-style: normal;
  font-weight: 500;
  font-size: .74rem;
  color: #94a3b8;
}
.mem-elig-chips {
  display: flex;
  flex-wrap: wrap;
  gap: .35rem;
  margin-top: .35rem;
}
.mem-elig-check {
  display: flex;
  align-items: center;
  gap: .55rem;
  padding: .55rem .65rem;
  border: 1px solid #e8edf3;
  border-radius: 6px;
  background: #fff;
  font-size: .84rem;
  font-weight: 650;
  color: #334155;
}
.mem-elig-check input {
  width: 1.05rem;
  height: 1.05rem;
  accent-color: #1e3a5f;
}
.mem-elig-empty {
  display: grid;
  place-items: center;
  gap: .35rem;
  padding: 2rem 1rem;
  border: 1px dashed #dbe3ec;
  border-radius: 8px;
  background: #f8fafc;
  text-align: center;
  color: #64748b;
}
.mem-elig-empty i {
  font-size: 1.35rem;
  color: #94a3b8;
  margin-bottom: .25rem;
}
.mem-elig-empty strong {
  font-size: .95rem;
  color: #0f172a;
}
.mem-elig-empty p {
  margin: 0;
  font-size: .8rem;
  max-width: 28rem;
}
.mem-elig-note {
  padding: 1rem 1.1rem;
  margin-bottom: 1rem;
  border: 1px solid #e8edf3;
  border-radius: 8px;
  background: #fff;
}
.mem-elig-note h3 {
  margin: 0 0 .55rem;
  font-size: .92rem;
  font-weight: 780;
  color: #0f172a;
}
.mem-elig-note ul {
  margin: 0;
  padding-left: 1.1rem;
  color: #475569;
  font-size: .82rem;
  line-height: 1.55;
}
.mem-elig-note a {
  color: #1e3a5f;
  font-weight: 700;
}
.mem-elig-footer {
  display: flex;
  justify-content: flex-end;
  margin-bottom: .5rem;
}

.account-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 1rem;
}
.account-card { padding: 0; overflow: hidden; }
.account-card-head {
    padding: 1.1rem 1.2rem .35rem;
}
.account-card-head h3 {
    margin: 0;
    font-size: 1rem;
    font-weight: 800;
}
.account-card-head p {
    margin: .25rem 0 0;
    color: var(--muted);
    font-size: .82rem;
    font-weight: 600;
}
.account-form {
    display: grid;
    gap: .85rem;
    padding: .75rem 1.2rem 1.25rem;
}
.account-form label {
    display: grid;
    gap: .35rem;
    font-size: .78rem;
    font-weight: 800;
    color: var(--muted);
    text-transform: uppercase;
    letter-spacing: .04em;
}
.account-form input {
    width: 100%;
    padding: .7rem .85rem;
    border: 1px solid var(--line);
    border-radius: 10px;
    font: inherit;
    font-size: .9rem;
    font-weight: 600;
    color: var(--ink);
    background: #fff;
}
.account-form input:focus {
    outline: none;
    border-color: #93c5fd;
    box-shadow: 0 0 0 3px rgba(37, 99, 235, .12);
}
.account-actions { display: flex; justify-content: flex-end; }
@media (max-width: 900px) {
    .account-grid { grid-template-columns: 1fr; }
    .admin-user-meta { display: none; }
}

.admin-live {
    display: inline-flex;
    align-items: center;
    gap: .4rem;
    padding: .4rem .65rem;
    border-radius: 4px;
    background: #ecfdf5;
    border: 1px solid #a7f3d0;
    color: #047857;
    font-size: .72rem;
    font-weight: 800;
    letter-spacing: .04em;
    text-transform: uppercase;
}
.admin-live i {
    font-size: .45rem;
    color: #10b981;
    animation: admin-pulse 1.6s ease-in-out infinite;
}
@keyframes admin-pulse {
    0%, 100% { opacity: 1; transform: scale(1); }
    50% { opacity: .45; transform: scale(.85); }
}
body.is-ops-home .admin-topbar .crumb { display: none; }
body.is-ops-home .admin-topbar { justify-content: flex-end; }
body.is-ops-home .admin-content { padding-top: 1rem; }
.admin-content { padding: 1.35rem 1.5rem 3.25rem; }

/* ?? Buttons ?? */
.btn {
    display: inline-flex; align-items: center; justify-content: center; gap: .4rem;
    border: 1px solid transparent; cursor: pointer;
    background: var(--brand); color: #fff !important;
    border-radius: 4px;
    padding: .55rem 1rem;
    font-family: inherit;
    font-weight: 700; font-size: .82rem;
    line-height: 1.3;
    text-decoration: none !important;
    box-shadow: 0 1px 0 rgba(255,255,255,.18) inset, 0 6px 14px rgba(192, 16, 24, .18);
    transition: transform .12s ease, background .12s ease, box-shadow .12s ease;
}
.btn:hover { background: var(--brand-2); color: #fff !important; transform: translateY(-1px); }
.btn.secondary {
    background: var(--panel);
    border-color: var(--line);
    color: var(--ink) !important;
    box-shadow: 0 1px 2px rgba(15, 23, 42, .04);
}
.btn.secondary:hover { background: var(--bg-accent); border-color: var(--muted-2); color: var(--ink) !important; }
.btn.danger { background: var(--danger); border-color: var(--danger); box-shadow: 0 6px 14px rgba(185, 28, 28, .18); }
.btn.primary-blue { background: var(--info); border-color: var(--info); box-shadow: 0 6px 14px rgba(37, 99, 235, .18); }
.btn.primary-blue:hover { background: #1d4ed8; }
.btn.sm { padding: .35rem .7rem; font-size: .76rem; border-radius: 4px; }
.btn.block { width: 100%; }

/* ?? Cards / meta boxes ?? */
.card, .meta-box {
    background: var(--panel);
    border: 1px solid rgba(226, 232, 240, .95);
    border-radius: var(--radius);
    box-shadow: var(--shadow);
}
.card { padding: 1.2rem 1.3rem; }
/* front.css (kamusal) .card { height:100% } admin formda devasa boşluk yaratır */
.shell .card {
    height: auto;
    background: var(--panel) !important;
    border-color: var(--line-soft) !important;
    color: var(--ink);
}
.shell .card:hover {
    transform: none;
}
.section-card { margin-bottom: 1.15rem; }
.section-card h3, .meta-box-title {
    margin: 0 0 .85rem;
    font-size: 1rem;
    font-weight: 800;
    letter-spacing: -.02em;
    color: var(--ink);
}
.meta-box { margin-bottom: 1rem; overflow: hidden; }
.meta-box-header {
    background: linear-gradient(180deg, #f8fafc, #f1f5f9);
    border-bottom: 1px solid var(--line-soft);
    padding: .8rem 1.1rem;
    font-size: .86rem;
    font-weight: 800;
    color: var(--ink);
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.meta-box-body { padding: 1.05rem 1.1rem; }

/* ?? List toolbar ?? */
.list-toolbar {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: .75rem;
    flex-wrap: wrap;
    margin-bottom: .85rem;
}
.list-count {
    margin: 0;
    color: var(--muted);
    font-size: .82rem;
}
.list-filters {
    display: flex;
    gap: .45rem;
    align-items: center;
    flex-wrap: wrap;
    margin-left: auto;
}
.list-filters input[type=search],
.list-filters input[type=text],
.list-filters select {
    width: auto;
    min-width: 160px;
    padding: .38rem .55rem;
    font-size: .82rem;
}
.list-filters select { min-width: 120px; }
.list-footer {
    margin-top: .85rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    gap: .75rem;
}

/* ?? Admin pagination ?? */
.admin-pagination {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .75rem;
    flex-wrap: wrap;
    width: 100%;
}
.admin-pagination-list {
    display: flex !important;
    flex-direction: row !important;
    align-items: center;
    gap: .25rem;
    list-style: none !important;
    margin: 0 !important;
    padding: 0 !important;
}
.admin-pagination-list li {
    list-style: none !important;
    margin: 0;
    padding: 0;
}
.admin-pagination-list a,
.admin-pagination-list span {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 32px;
    height: 32px;
    padding: 0 .55rem;
    border: 1px solid var(--line);
    border-radius: var(--radius);
    background: #fff;
    color: var(--ink) !important;
    font-size: .82rem;
    font-weight: 500;
    text-decoration: none !important;
    line-height: 1;
}
.admin-pagination-list a:hover {
    border-color: #2271b1;
    color: #2271b1 !important;
}
.admin-pagination-list .is-active span {
    background: #2271b1;
    border-color: #2271b1;
    color: #fff !important;
}
.admin-pagination-list .is-disabled span {
    opacity: .4;
    cursor: default;
    background: #f6f7f7;
}
.admin-pagination-list .is-dots span {
    border-color: transparent;
    background: transparent;
    min-width: 1.25rem;
    color: var(--muted) !important;
}
.admin-pagination-info {
    margin: 0;
    color: var(--muted);
    font-size: .8rem;
    white-space: nowrap;
}

/* ?? Tables ?? */
.admin-content table,
.card > table,
.wp-list-table {
    width: 100% !important;
    border-collapse: collapse;
    background: #fff;
    table-layout: auto;
}
.card:has(> table),
.card.card-table {
    padding: 0;
    overflow: hidden;
}
.admin-content table th,
.admin-content table td,
.wp-list-table th,
.wp-list-table td {
    text-align: left;
    padding: .7rem .85rem;
    border-bottom: 1px solid var(--line-soft);
    font-size: .82rem;
    vertical-align: middle;
}
/* İşlem / son sütun sağ kenara yapışmasın */
.card.card-table .wp-list-table th:last-child,
.card.card-table .wp-list-table td:last-child,
.wp-list-table th.col-actions,
.wp-list-table td.col-actions {
    padding-right: 1.35rem;
}
.card.card-table .wp-list-table th:first-child,
.card.card-table .wp-list-table td:first-child {
    padding-left: 1.1rem;
}
.admin-content table th,
.wp-list-table th {
    color: var(--muted);
    font-weight: 600;
    font-size: .72rem;
    text-transform: uppercase;
    letter-spacing: .03em;
    background: #f6f7f7;
    white-space: nowrap;
}
.admin-content table tr:hover td,
.wp-list-table tr:hover td { background: #f6f7f7; }
.wp-list-table .row-title {
    font-weight: 600;
    color: var(--ink);
    font-size: .9rem;
}
.wp-list-table .row-actions {
    display: flex; gap: .35rem; flex-wrap: wrap; margin-top: .25rem; align-items: center;
    opacity: 0;
    transition: opacity .12s ease;
}
.wp-list-table tr:hover .row-actions,
.wp-list-table tr:focus-within .row-actions {
    opacity: 1;
}
@media (hover: none) {
    .wp-list-table .row-actions { opacity: 1; }
}
.wp-list-table .row-actions a,
.wp-list-table .row-actions button {
    background: none; border: 0; padding: 0; cursor: pointer;
    color: var(--muted); font-size: .75rem; font: inherit;
}
.wp-list-table .row-actions a:hover { color: var(--brand); }
.wp-list-table .row-actions .trash { color: var(--danger); }
.wp-list-table .col-thumb { width: 110px; }
.wp-list-table .col-order { width: 72px; }
.wp-list-table .col-status { width: 110px; }
.wp-list-table .col-date { width: 130px; }
.wp-list-table .col-grow { width: 40%; min-width: 200px; }
.list-thumb {
    width: 96px; height: 54px;
    object-fit: cover;
    border-radius: 3px;
    border: 1px solid var(--line-soft);
    display: block;
    background: #f0f0f1;
}
.list-thumb.placeholder {
    display: grid; place-items: center;
    color: var(--muted); font-size: .7rem;
}

/* ?? Forms ?? */
.form-grid { display: grid; gap: .9rem; }
.form-grid.two { grid-template-columns: 1fr 1fr; gap: .9rem 1rem; }
.form-grid.three { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: .9rem 1rem; }
label {
    display: grid; gap: .35rem;
    font-size: .8rem; color: #475569; font-weight: 650;
}
input[type=text], input[type=email], input[type=password], input[type=number],
input[type=url], input[type=file]:not(.membership-file-pick-input), input[type=datetime-local], input[type=date],
input.input,
textarea, select {
    width: 100%;
    border: 1px solid var(--line-soft);
    border-radius: 8px;
    padding: .55rem .75rem;
    font: inherit;
    font-size: .9rem;
    font-weight: 500;
    line-height: 1.35;
    color: var(--ink);
    background: #fff;
    box-shadow: 0 1px 0 rgba(15, 23, 42, .02);
    transition: border-color .15s ease, box-shadow .15s ease;
    vertical-align: middle;
    box-sizing: border-box;
}
/* Prevent inherited body line-height / display-font metrics from pushing text to the bottom */
.content-editor-field input[type=text],
.content-editor-field input[type=url],
.content-editor-field input[type=number],
.content-editor-field input[type=email],
.content-editor-field input[type=datetime-local],
.content-editor-field input[type=date],
.content-editor-field select,
.content-editor-field textarea,
.content-editor-side input[type=text],
.content-editor-side input[type=url],
.content-editor-side input[type=number],
.content-editor-side select,
.content-editor-side textarea {
    line-height: 1.35 !important;
    padding-top: .55rem !important;
    padding-bottom: .55rem !important;
    min-height: 2.4rem;
    height: auto;
}
input:focus, textarea:focus, select:focus {
    border-color: #93c5fd;
    box-shadow: 0 0 0 3px rgba(37, 99, 235, .15);
    outline: 0;
}
textarea { min-height: 96px; resize: vertical; }
.check {
    display: flex; align-items: center; gap: .5rem;
    color: var(--ink); font-weight: 550; font-size: .84rem;
}
.field-hint { display: block; margin-top: 4px; color: var(--muted); font-size: .74rem; font-weight: 400; line-height: 1.4; }
.actions { display: flex; gap: .45rem; flex-wrap: wrap; align-items: center; }

/* ?? WP-style editor ?? */
.editor-layout {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 300px;
    gap: 1rem;
    align-items: start;
}
.editor-main, .editor-side { min-width: 0; }
.editor-side { position: sticky; top: 64px; }
.title-input {
    width: 100%;
    border: 1px solid var(--line-soft) !important;
    border-radius: var(--radius);
    padding: .7rem .9rem !important;
    font-size: 1.45rem !important;
    font-weight: 400 !important;
    line-height: 1.3;
    margin-bottom: .65rem;
    box-shadow: var(--shadow);
}
.title-input:focus {
    border-color: var(--focus) !important;
    box-shadow: 0 0 0 1px var(--focus) !important;
}
.permalink-bar {
    display: flex; flex-wrap: wrap; gap: .4rem; align-items: center;
    margin: 0 0 .85rem;
    padding: .45rem .65rem;
    background: #fff;
    border: 1px solid var(--line-soft);
    border-radius: var(--radius);
    font-size: .78rem;
    color: var(--muted);
}
.permalink-bar input {
    flex: 1; min-width: 140px;
    padding: .28rem .45rem !important;
    font-size: .78rem !important;
}
.publish-actions {
    display: grid; gap: .5rem;
}
.publish-status {
    display: flex; justify-content: space-between; gap: .5rem;
    font-size: .8rem; color: var(--muted);
    padding-bottom: .55rem;
    border-bottom: 1px solid var(--line-soft);
    margin-bottom: .55rem;
}
.cover-preview {
    width: 100%;
    max-height: 160px;
    object-fit: cover;
    border-radius: var(--radius);
    border: 1px solid var(--line-soft);
    display: block;
    margin-top: .5rem;
}

/* ?? Misc ?? */
.flash {
    background: #edfaef;
    border: 1px solid #68de7c;
    border-left-width: 4px;
    color: #1e1e1e;
    padding: .7rem .9rem;
    border-radius: var(--radius);
    margin-bottom: .85rem;
    font-size: .85rem;
}
.flash.err {
    background: #fcf0f1;
    border-color: #d63638;
    color: #1e1e1e;
}

.admin-toast {
    position: fixed;
    top: 1.25rem;
    right: 1.25rem;
    z-index: 12000;
    display: flex;
    align-items: flex-start;
    gap: .65rem;
    max-width: min(22rem, calc(100vw - 2rem));
    padding: .85rem 1rem;
    border-radius: 12px;
    background: #fff;
    border: 1px solid #bbf7d0;
    box-shadow: 0 12px 32px rgba(15, 23, 42, .16);
    color: #14532d;
    font-size: .9rem;
    line-height: 1.4;
    animation: admin-toast-in .28s ease-out;
}
.admin-toast.is-err {
    border-color: #fecaca;
    color: #7f1d1d;
}
.admin-toast > i {
    margin-top: .12rem;
    font-size: 1.05rem;
    color: #16a34a;
    flex-shrink: 0;
}
.admin-toast.is-err > i { color: #dc2626; }
.admin-toast > span { flex: 1; min-width: 0; }
.admin-toast-close {
    border: 0;
    background: transparent;
    color: inherit;
    opacity: .55;
    font-size: 1.25rem;
    line-height: 1;
    cursor: pointer;
    padding: 0 .15rem;
    flex-shrink: 0;
}
.admin-toast-close:hover { opacity: 1; }
.admin-toast.is-leaving {
    opacity: 0;
    transform: translateY(-8px);
    transition: opacity .2s ease, transform .2s ease;
}
@keyframes admin-toast-in {
    from { opacity: 0; transform: translateY(-10px); }
    to { opacity: 1; transform: translateY(0); }
}

.secret-field {
    position: relative;
    display: block;
}
.secret-field input {
    width: 100%;
    padding-right: 2.6rem;
}
.secret-toggle {
    position: absolute;
    right: .35rem;
    top: 50%;
    transform: translateY(-50%);
    width: 2rem;
    height: 2rem;
    border: 0;
    border-radius: 8px;
    background: transparent;
    color: #64748b;
    cursor: pointer;
    display: grid;
    place-items: center;
}
.secret-toggle:hover { color: #0f172a; background: #f1f5f9; }
.secret-toggle.is-on { color: #C01018; }
.pill {
    display: inline-flex; padding: .18rem .55rem; border-radius: 4px;
    background: var(--info-soft); color: var(--info); font-size: .72rem; font-weight: 750;
}
.pill.off { background: var(--danger-soft); color: var(--danger); }
.pill.ok { background: var(--ok-soft); color: var(--ok); }
.pill.warn { background: #fffbeb; color: #b45309; }
.stats { display: grid; grid-template-columns: repeat(auto-fit, minmax(148px, 1fr)); gap: .85rem; }
.stat {
    background: var(--panel); border: 1px solid var(--line-soft);
    border-radius: var(--radius); padding: 1rem 1.1rem; box-shadow: var(--shadow);
    position: relative;
    overflow: hidden;
}
.stat::before {
    content: "";
    position: absolute;
    left: 0; top: 0; bottom: 0;
    width: 3px;
    background: var(--brand);
}
.stat span { color: var(--muted); font-size: .72rem; font-weight: 800; letter-spacing: .04em; text-transform: uppercase; }
.stat strong { display: block; font-size: 1.55rem; margin-top: .25rem; font-weight: 800; letter-spacing: -.03em; font-variant-numeric: tabular-nums; }
.hub-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(230px, 1fr));
    gap: .85rem;
}
.hub-card {
    display: grid;
    gap: .4rem;
    background: var(--panel);
    border: 1px solid var(--line-soft);
    border-radius: var(--radius);
    padding: 1.05rem 1.1rem;
    box-shadow: var(--shadow);
    color: var(--ink) !important;
    text-decoration: none !important;
    transition: border-color .14s ease, box-shadow .14s ease, transform .14s ease;
}
.hub-card:hover {
    border-color: rgba(192, 16, 24, .35);
    box-shadow: var(--shadow-lg);
    transform: translateY(-2px);
}
.hub-card strong {
    display: flex;
    align-items: center;
    gap: .5rem;
    font-size: .95rem;
    font-weight: 800;
    letter-spacing: -.02em;
}
.hub-card strong i {
    width: 1.85rem; height: 1.85rem;
    display: grid; place-items: center;
    border-radius: 9px;
    background: var(--brand-soft);
    color: var(--brand);
    font-size: .82rem;
}
.hub-card span { color: var(--muted); font-size: .8rem; line-height: 1.45; font-weight: 550; }
.media-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(140px, 1fr)); gap: .75rem; }
.media-item { border: 1px solid var(--line-soft); border-radius: var(--radius); overflow: hidden; background: #fff; }
.media-item img { width: 100%; height: 110px; object-fit: cover; display: block; }
.media-item .meta { padding: .55rem .65rem; font-size: .72rem; color: var(--muted); word-break: break-all; }
.preview-thumb { max-height: 48px; max-width: 180px; object-fit: contain; display: block; margin-top: .4rem; }
.visibility-list {
    list-style: none;
    margin: 0;
    padding: 0;
    display: grid;
    gap: .55rem;
}
.visibility-list li {
    display: flex;
    gap: .55rem;
    align-items: flex-start;
    font-size: .78rem;
}
.visibility-dot {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    margin-top: .35rem;
    flex-shrink: 0;
    background: #d63638;
}
.visibility-list .is-on .visibility-dot { background: #00a32a; }
.visibility-list strong { display: block; color: var(--ink); font-size: .8rem; }
.visibility-list em { display: block; font-style: normal; color: var(--muted); margin-top: .1rem; }
.visibility-list a { display: inline-block; margin-top: .15rem; font-size: .72rem; }

.admin-card-preview {
    border: 1px solid var(--line-soft);
    border-radius: var(--radius);
    overflow: hidden;
    background: #fff;
}
.admin-card-preview img {
    width: 100%;
    height: 110px;
    object-fit: cover;
    display: block;
}
.admin-card-preview-ph {
    height: 110px;
    display: grid;
    place-items: center;
    background: #f0f0f1;
    color: var(--muted);
    font-size: .75rem;
}
.admin-card-preview-body {
    padding: .65rem .7rem;
    display: grid;
    gap: .25rem;
}
.admin-card-preview-body strong {
    font-size: .85rem;
    line-height: 1.3;
    color: var(--ink);
}
.admin-card-preview-body em {
    font-style: normal;
    font-size: .72rem;
    color: var(--muted);
}
.structured-advanced {
    margin-top: .75rem;
    border-top: 1px solid var(--line-soft);
    padding-top: .65rem;
}
.structured-advanced summary {
    cursor: pointer;
    color: var(--muted);
    font-size: .78rem;
    font-weight: 600;
}
.empty-state strong { display: block; color: var(--ink); font-size: 1rem; margin-bottom: .35rem; }
.tox-tinymce { border-radius: var(--radius) !important; border-color: var(--line) !important; }
/* ?? Media library / picker ?? */
.media-field { display: grid; gap: .4rem; }
.media-field-label { font-size: .8rem; color: #475569; font-weight: 650; }
.media-field-preview {
    border: 1px solid var(--line-soft);
    border-radius: 10px;
    background:
        linear-gradient(45deg, #f1f5f9 25%, transparent 25%),
        linear-gradient(-45deg, #f1f5f9 25%, transparent 25%),
        linear-gradient(45deg, transparent 75%, #f1f5f9 75%),
        linear-gradient(-45deg, transparent 75%, #f1f5f9 75%);
    background-size: 16px 16px;
    background-position: 0 0, 0 8px, 8px -8px, -8px 0;
    background-color: #fff;
    width: 100%;
    max-width: 280px;
    aspect-ratio: 16 / 10;
    min-height: 0;
    overflow: hidden;
    display: grid;
    place-items: center;
}
.media-field-preview img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    object-position: center;
    display: block;
    padding: .5rem;
    background: #fff;
}
.media-field-empty {
    text-align: center; color: var(--muted); padding: .85rem;
    display: grid; gap: .25rem; justify-items: center;
}
.media-field-empty i { font-size: 1.15rem; opacity: .5; }
.media-field-actions { display: flex; gap: .4rem; flex-wrap: wrap; }
.media-field.is-compact .media-field-preview {
    max-width: 160px;
    aspect-ratio: 1;
}
.media-field.is-logo .media-field-preview {
    max-width: 220px;
    aspect-ratio: 2 / 1;
}

.media-modal[hidden] { display: none !important; }
.media-modal {
    position: fixed; inset: 0; z-index: 10000;
    display: grid; place-items: center;
}
.media-modal-backdrop {
    position: absolute; inset: 0;
    background: rgba(0,0,0,.55);
}
.media-modal-dialog {
    position: relative;
    width: min(980px, calc(100vw - 2rem));
    max-height: calc(100vh - 2rem);
    background: #fff;
    border-radius: 6px;
    box-shadow: 0 20px 50px rgba(0,0,0,.3);
    display: flex; flex-direction: column;
    overflow: hidden;
}
.media-modal-header {
    display: flex; justify-content: space-between; align-items: center;
    padding: .75rem 1rem;
    border-bottom: 1px solid var(--line-soft);
    background: #f6f7f7;
}
.media-modal-header h2 { margin: 0; font-size: 1rem; font-weight: 600; }
.media-modal-x {
    border: 0; background: transparent; font-size: 1.5rem;
    line-height: 1; cursor: pointer; color: var(--muted);
}
.media-modal-toolbar {
    display: flex; justify-content: space-between; gap: .75rem; align-items: center;
    padding: .55rem 1rem; border-bottom: 1px solid var(--line-soft); flex-wrap: wrap;
}
.media-modal-tabs { display: flex; gap: .25rem; }
.media-modal-tabs button {
    border: 1px solid transparent; background: transparent;
    padding: .35rem .7rem; border-radius: var(--radius); cursor: pointer;
    color: var(--muted); font: inherit; font-size: .82rem;
}
.media-modal-tabs button.is-active {
    background: #fff; border-color: var(--line-soft); color: var(--ink); font-weight: 600;
}
.media-modal-search input { min-width: 200px; }
.media-modal-body {
    display: grid;
    grid-template-columns: 1fr 240px;
    min-height: 360px;
    max-height: 55vh;
    overflow: hidden;
}
.media-modal-grid {
    overflow: auto; padding: .85rem;
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(120px, 1fr));
    gap: .65rem;
    align-content: start;
}
.media-modal-upload { padding: 1.25rem; overflow: auto; }
.media-modal-side {
    border-left: 1px solid var(--line-soft);
    padding: .85rem;
    overflow: auto;
    background: #fafafa;
}
.media-modal-side[hidden] { display: none; }
.media-card {
    border: 2px solid var(--line-soft);
    border-radius: var(--radius);
    background: #fff;
    padding: 0;
    cursor: pointer;
    overflow: hidden;
    text-align: left;
    display: grid;
    grid-template-rows: 90px auto;
}
.media-card img { width: 100%; height: 90px; object-fit: cover; display: block; }
.media-card span {
    display: block; padding: .35rem .4rem; font-size: .68rem;
    color: var(--muted); white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
}
.media-card.is-selected { border-color: #2271b1; box-shadow: 0 0 0 1px #2271b1; }
.media-card-file {
    height: 90px; display: grid; place-items: center;
    background: #eef2f4; color: var(--muted); font-size: 1.4rem;
}
.media-dropzone {
    display: grid; gap: .45rem; justify-items: center; text-align: center;
    border: 2px dashed var(--line); border-radius: 6px;
    padding: 2.5rem 1.5rem; cursor: pointer; color: var(--muted);
}
.media-dropzone.is-drag { border-color: #2271b1; background: #f0f6fc; }
.media-dropzone i { font-size: 2rem; color: #2271b1; }
.media-dropzone strong { color: var(--ink); font-size: .95rem; }
.media-upload-status { margin-top: .75rem; font-size: .82rem; color: var(--muted); }
.media-modal-footer {
    display: flex; justify-content: space-between; align-items: center;
    padding: .7rem 1rem; border-top: 1px solid var(--line-soft); background: #fff;
}
.media-modal-loading, .media-modal-empty {
    grid-column: 1 / -1; text-align: center; padding: 2rem; color: var(--muted);
}
.media-load-more { grid-column: 1 / -1; justify-self: center; }
.media-detail-preview img { width: 100%; border-radius: var(--radius); margin-bottom: .5rem; }
.media-detail-name { font-weight: 600; margin: 0 0 .25rem; word-break: break-all; }
.media-detail-meta { margin: 0 0 .65rem; font-size: .72rem; color: var(--muted); }

.home-toc {
    display: flex;
    flex-wrap: wrap;
    gap: .4rem .55rem;
    margin: 0 0 1rem;
    padding: .75rem .85rem;
    background: #fff;
    border: 1px solid var(--line-soft);
    border-radius: 6px;
    position: sticky;
    top: 0;
    z-index: 20;
}
.home-toc a {
    font-size: .75rem;
    font-weight: 600;
    color: var(--muted);
    text-decoration: none;
    padding: .28rem .55rem;
    border-radius: 4px;
    background: #f3f5f7;
}
.home-toc a:hover {
    color: #1d2327;
    background: #e8eef3;
}

/* ?? Site ayarlar? navigasyon ?? */
.settings-nav {
    display: flex;
    flex-wrap: wrap;
    gap: .75rem 1.25rem;
    margin: 0 0 1.15rem;
    padding: .7rem .9rem;
    background: #fff;
    border: 1px solid var(--line-soft);
    border-radius: 10px;
    position: sticky;
    top: 0;
    z-index: 30;
    box-shadow: 0 1px 0 rgba(15, 23, 42, .04);
}
.settings-nav-group {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: .35rem;
}
.settings-nav-label {
    font-size: .65rem;
    font-weight: 800;
    letter-spacing: .07em;
    text-transform: uppercase;
    color: #94a3b8;
    margin-right: .15rem;
}
.settings-nav a {
    font-size: .78rem;
    font-weight: 650;
    color: #64748b;
    text-decoration: none;
    padding: .38rem .7rem;
    border-radius: 8px;
    background: #f8fafc;
    border: 1px solid transparent;
}
.settings-nav a:hover {
    color: #0f172a;
    background: #f1f5f9;
    border-color: #e2e8f0;
}
.settings-nav a.is-active {
    color: #0f172a;
    background: #fff;
    border-color: #cbd5e1;
    box-shadow: 0 1px 2px rgba(15, 23, 42, .06);
    font-weight: 750;
}
.settings-nav a.is-accent {
    color: #9f1239;
    background: #fff1f2;
    border-color: #fecdd3;
}
.settings-nav a.is-accent:hover {
    background: #ffe4e6;
    color: #881337;
}
.settings-nav a.is-accent.is-active {
    background: #ffe4e6;
    border-color: #fda4af;
    color: #9f1239;
    box-shadow: 0 1px 2px rgba(190, 18, 60, .12);
}
.settings-page-crumb {
    margin: 0 0 .85rem;
    font-size: .78rem;
    font-weight: 700;
    letter-spacing: .04em;
    text-transform: uppercase;
    color: #94a3b8;
}
.settings-panel[hidden] { display: none !important; }

/* ?? Ayar panelleri ?? */
.settings-panel {
    margin-bottom: 1.15rem;
    padding: 0;
    overflow: hidden;
}
.settings-panel-head {
    display: flex;
    align-items: flex-start;
    gap: .85rem;
    padding: 1.05rem 1.2rem;
    border-bottom: 1px solid var(--line-soft);
    background: linear-gradient(180deg, #fff, #f8fafc);
}
.settings-panel-ico {
    width: 2.35rem;
    height: 2.35rem;
    border-radius: 10px;
    display: grid;
    place-items: center;
    background: #fff1f2;
    color: #be123c;
    flex-shrink: 0;
    font-size: .95rem;
}
.settings-panel-head h3 {
    margin: 0;
    font-size: 1.05rem;
    font-weight: 750;
    letter-spacing: -.015em;
    color: var(--ink);
}
.settings-panel-head p {
    margin: .2rem 0 0;
    font-size: .82rem;
    color: var(--muted);
    line-height: 1.4;
    max-width: 40rem;
}
.settings-panel-body {
    padding: 1.05rem 1.2rem 1.2rem;
    display: grid;
    gap: 1rem;
}
.settings-block {
    padding: 1rem 1.05rem;
    border: 1px solid var(--line-soft);
    border-radius: 10px;
    background: #fff;
}
.settings-block + .settings-block { margin-top: 0; }
.settings-block-head {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: .75rem;
    margin-bottom: .85rem;
}
.settings-block-head h4 {
    margin: 0;
    font-size: .9rem;
    font-weight: 750;
    color: var(--ink);
}
.settings-block-head span {
    font-size: .74rem;
    color: var(--muted);
}
.settings-block.is-soft {
    background: #f8fafc;
}
.settings-toggles {
    display: grid;
    gap: .55rem;
}
.settings-toggle {
    display: flex;
    align-items: center;
    gap: .65rem;
    padding: .7rem .85rem;
    border: 1px solid var(--line-soft);
    border-radius: 8px;
    background: #fff;
    cursor: pointer;
    font-size: .86rem;
    font-weight: 600;
    color: var(--ink);
    margin: 0;
}
.settings-toggle input {
    width: 1.05rem;
    height: 1.05rem;
    accent-color: var(--brand);
}
.settings-assets {
    display: grid;
    grid-template-columns: 1.2fr .8fr;
    gap: 1rem;
    align-items: start;
}
@media (max-width: 720px) {
    .settings-assets { grid-template-columns: 1fr; }
}
.settings-fold {
    border: 1px solid var(--line-soft);
    border-radius: 10px;
    background: #fff;
    overflow: hidden;
}
.settings-fold > summary {
    list-style: none;
    cursor: pointer;
    padding: .85rem 1rem;
    font-size: .9rem;
    font-weight: 700;
    color: var(--ink);
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .75rem;
    background: #f8fafc;
    user-select: none;
}
.settings-fold > summary::-webkit-details-marker { display: none; }
.settings-fold > summary::after {
    content: '\f078';
    font-family: 'Font Awesome 6 Free';
    font-weight: 900;
    font-size: .7rem;
    color: #94a3b8;
    transition: transform .15s ease;
}
.settings-fold[open] > summary::after { transform: rotate(180deg); }
.settings-fold > summary span {
    font-weight: 500;
    font-size: .76rem;
    color: var(--muted);
}
.settings-fold-body {
    padding: 1rem 1.05rem 1.1rem;
    border-top: 1px solid var(--line-soft);
    display: grid;
    gap: .9rem;
}

.settings-save-dock {
    position: sticky;
    bottom: 0;
    z-index: 25;
    margin: 1.25rem -0.15rem 0;
    padding: .85rem 0 .35rem;
    background: linear-gradient(180deg, transparent, #f8fafc 28%);
}
.settings-save-dock-inner {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    flex-wrap: wrap;
    padding: .85rem 1.1rem;
    background: #fff;
    border: 1px solid #e2e8f0;
    border-radius: 12px;
    box-shadow: 0 -4px 24px rgba(15, 23, 42, .08);
}
.settings-save-hint {
    margin: 0;
    font-size: .86rem;
    color: #64748b;
    line-height: 1.4;
    flex: 1;
    min-width: 12rem;
}
.settings-save-dock .btn.is-saving {
    opacity: .75;
    cursor: wait;
}

.tech-saved-banner {
    display: flex;
    align-items: flex-start;
    gap: .75rem;
    margin: 0;
    padding: .85rem 1.15rem;
    background: #ecfdf5;
    border-bottom: 1px solid #a7f3d0;
    color: #065f46;
}
.tech-saved-banner > i {
    margin-top: .15rem;
    font-size: 1.1rem;
    color: #059669;
    flex-shrink: 0;
}
.tech-saved-banner strong {
    display: block;
    font-size: .92rem;
}
.tech-saved-banner span {
    display: block;
    margin-top: .15rem;
    font-size: .8rem;
    color: #047857;
    opacity: .9;
}
.tech-saved-banner.is-fade {
    opacity: 0;
    max-height: 0;
    padding-top: 0;
    padding-bottom: 0;
    overflow: hidden;
    border: 0;
    transition: opacity .35s ease, max-height .35s ease, padding .35s ease;
}

.tech-tab-dot {
    width: .45rem;
    height: .45rem;
    border-radius: 50%;
    background: #fbbf24;
    flex-shrink: 0;
}
.tech-tab-dot.is-ok { background: #22c55e; }

.tech-steps {
    margin: 0 0 1.1rem;
    padding: .85rem 1rem .85rem 1.85rem;
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    border-radius: 10px;
    font-size: .86rem;
    color: #475569;
    line-height: 1.55;
}
.tech-steps li + li { margin-top: .35rem; }
.tech-steps strong { color: #0f172a; }

.secret-ok {
    display: inline-flex;
    align-items: center;
    gap: .3rem;
    margin-top: .35rem;
    font-size: .72rem;
    font-weight: 700;
    color: #047857;
}

.home-editor-intro {
    margin: 0 0 .85rem;
    padding: .75rem .9rem;
    background: #f0f6fc;
    border: 1px solid #c5d9ed;
    border-radius: 6px;
}
.home-editor-intro p { margin: 0; font-size: .86rem; line-height: 1.5; color: #1d2327; }

.home-editor-tabs {
    grid-template-columns: repeat(6, minmax(0, 1fr));
}
.home-editor-tabs a {
    text-decoration: none !important;
}
.home-slot-card {
    padding: .75rem;
    border: 1px solid #e2e8f0;
    border-radius: 12px;
    background: #f8fafc;
}
.home-slot-card.is-dashed {
    border-style: dashed;
    background: #fff;
}
.home-slot-title {
    grid-column: 1 / -1;
    font-size: .78rem;
    font-weight: 800;
    color: #334155;
}
.home-subhead {
    margin: .85rem 0 .15rem;
    font-size: .82rem;
    font-weight: 800;
    color: #0f172a;
}
.home-more-panel {
    padding: 0;
    overflow: hidden;
}
.home-more-summary {
    list-style: none;
    cursor: pointer;
    margin: 0;
}
.home-more-summary::-webkit-details-marker { display: none; }
.home-more-panel[open] .home-more-summary {
    border-bottom: 1px solid #e2e8f0;
}
.home-side-toc {
    list-style: none;
    margin: 0;
    padding: 0;
    display: grid;
    gap: .35rem;
}
.home-side-toc a {
    display: block;
    padding: .45rem .6rem;
    border-radius: 8px;
    color: #334155 !important;
    text-decoration: none !important;
    font-size: .84rem;
    font-weight: 600;
    background: #f8fafc;
    border: 1px solid #e2e8f0;
}
.home-side-toc a:hover {
    background: #fff;
    border-color: #cbd5e1;
    color: #0f172a !important;
}
@media (max-width: 1100px) {
    .home-editor-tabs { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}
@media (max-width: 700px) {
    .home-editor-tabs { grid-template-columns: 1fr 1fr; }
}

.meta-box.is-focus {
    border-color: #2271b1;
    box-shadow: 0 0 0 1px rgba(34, 113, 177, .15);
}

.home-live-preview {
    display: flex;
    flex-direction: column;
    gap: .4rem;
    justify-content: end;
}
.home-live-preview-label {
    font-size: .72rem;
    font-weight: 600;
    color: var(--muted);
}
.home-live-badge {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 6px 14px;
    border-radius: 50px;
    background: rgba(11, 31, 58, .06);
    color: #0b1f3a;
    font-size: .78rem;
    font-weight: 700;
    letter-spacing: .06em;
    text-transform: uppercase;
    width: fit-content;
}
.home-live-badge .badge-dot {
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: #0b1f3a;
}

.home-more {
    margin: 0 0 5.5rem;
    border: 1px solid var(--line-soft);
    border-radius: 6px;
    background: #fff;
    padding: .35rem .75rem .75rem;
}
.home-more > summary {
    cursor: pointer;
    font-weight: 700;
    font-size: .9rem;
    padding: .65rem .15rem;
    color: #1d2327;
    list-style: none;
}
.home-more > summary::-webkit-details-marker { display: none; }
.home-more > summary::before {
    content: '? ';
    color: var(--muted);
}
.home-more[open] > summary::before { content: '? '; }
.home-more .meta-box { margin-top: .75rem; }

.home-editor-form { padding-bottom: 1rem; }

.home-save-bar {
    position: sticky;
    bottom: 0;
    z-index: 30;
    margin: 1rem -0.25rem 0;
    padding: .65rem 0 .15rem;
    background: linear-gradient(180deg, transparent, #f0f0f1 28%);
}
.home-save-bar-inner {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .75rem;
    flex-wrap: wrap;
    padding: .7rem .9rem;
    background: #fff;
    border: 1px solid var(--line);
    border-radius: 6px;
    box-shadow: 0 -4px 18px rgba(0, 0, 0, .06);
}
.home-save-hint {
    font-size: .8rem;
    color: var(--muted);
}
.home-save-actions {
    display: flex;
    gap: .45rem;
    flex-wrap: wrap;
}

@media (max-width: 800px) {
    .media-modal-body { grid-template-columns: 1fr; }
    .media-modal-side { border-left: 0; border-top: 1px solid var(--line-soft); }
}

@media (max-width: 1100px) {
    .editor-layout { grid-template-columns: 1fr; }
    .editor-side { position: static; }
}
@media (max-width: 960px) {
    .shell { grid-template-columns: 1fr; }
    .form-grid.two,
    .form-grid.three { grid-template-columns: 1fr; }
    .admin-content > div[style*="grid-template-columns:1fr 1fr 1fr"] {
        grid-template-columns: 1fr !important;
    }
}

/* ?? ?yelik ba?vuru listesi ?? */
.ma-app-table tr.ma-app-row {
    cursor: pointer;
}
.ma-app-table tr.ma-app-row:hover td {
    background: #f0f7fa;
}
.ma-app-table tr.ma-app-row:focus {
    outline: 2px solid rgba(192, 16, 24, .35);
    outline-offset: -2px;
}
.ma-app-table .col-actions { width: 140px; white-space: nowrap; }
.ma-app-actions {
    display: flex;
    flex-wrap: wrap;
    gap: .35rem;
    align-items: center;
}
.ma-app-trash { color: #b32d2e !important; }

/* ?? ?yelik ba?vuru modal ?? */
body.ma-modal-open { overflow: hidden; }
.ma-modal {
    position: fixed; inset: 0; z-index: 1200;
    display: none; align-items: stretch; justify-content: center;
    padding: 1.25rem;
}
.ma-modal.is-open { display: flex; }
.ma-modal-backdrop {
    position: absolute; inset: 0;
    background: rgba(15, 23, 42, .55);
    backdrop-filter: blur(2px);
}
.ma-modal-dialog {
    position: relative; z-index: 1;
    width: min(920px, 100%);
    max-height: calc(100vh - 2.5rem);
    margin: auto;
    background: #fff;
    border-radius: 16px;
    box-shadow: 0 24px 64px rgba(0,0,0,.28);
    display: flex; flex-direction: column;
    overflow: hidden;
}
.ma-modal-close {
    position: absolute; top: .65rem; right: .75rem; z-index: 2;
    width: 36px; height: 36px; border: 0; border-radius: 999px;
    background: #f1f5f9; color: #334155; font-size: 1.4rem; line-height: 1;
    cursor: pointer;
}
.ma-modal-close:hover { background: #e2e8f0; }
.ma-modal-loading {
    padding: 2.5rem; text-align: center; color: var(--muted);
}
.ma-modal-body { overflow: auto; flex: 1; }

.ma-detail { padding: 0 0 .35rem; }
.ma-detail-head {
    display: flex; gap: 1.1rem; justify-content: space-between; flex-wrap: wrap;
    padding: 1.2rem 1.35rem 1.1rem;
    padding-right: 3rem;
    background: linear-gradient(180deg, #f8fafc 0%, #fff 100%);
    border-bottom: 1px solid #eef2f7;
}
.ma-detail-identity { display: flex; gap: .85rem; align-items: flex-start; min-width: 0; }
.ma-avatar {
    width: 3rem; height: 3rem; border-radius: 12px; flex-shrink: 0;
    display: grid; place-items: center;
    background: #C01018; color: #fff;
    font-size: .95rem; font-weight: 800; letter-spacing: .02em;
}
.ma-detail-eyebrow {
    margin: 0; font-size: .7rem; color: #64748b;
    text-transform: uppercase; letter-spacing: .05em; font-weight: 700;
}
.ma-detail-title { margin: .15rem 0 .45rem; font-size: 1.3rem; color: #0f172a; line-height: 1.25; }
.ma-detail-meta { display: flex; flex-wrap: wrap; gap: .35rem; align-items: center; }
.ma-status {
    display: inline-flex; align-items: center;
    padding: .22rem .6rem; border-radius: 999px;
    font-size: .72rem; font-weight: 700;
}
.ma-status-warn { background: #fef2f2; color: #b91c1c; border: 1px solid #fecaca; }
.ma-status-info { background: #eff6ff; color: #1d4ed8; border: 1px solid #bfdbfe; }
.ma-status-ok { background: #f0fdf4; color: #15803d; border: 1px solid #bbf7d0; }
.ma-status-muted { background: #f1f5f9; color: #475569; border: 1px solid #e2e8f0; }
.ma-chip {
    display: inline-flex; align-items: center; gap: .3rem;
    padding: .2rem .55rem; border-radius: 999px;
    background: #f1f5f9; color: #475569; font-size: .72rem; font-weight: 650;
    border: 1px solid #e2e8f0;
}
.ma-chip i { font-size: .65rem; opacity: .75; }
.ma-detail-contacts {
    display: grid; gap: .4rem; align-content: start;
    min-width: 14rem;
}
.ma-contact {
    display: flex; align-items: center; gap: .5rem;
    padding: .45rem .65rem;
    border: 1px solid #e2e8f0;
    border-radius: 10px;
    background: #fff;
    color: #334155;
    font-size: .8rem;
    text-decoration: none;
    line-height: 1.3;
}
a.ma-contact:hover { border-color: #cbd5e1; background: #f8fafc; color: #0f172a; }
.ma-contact i { width: 1rem; text-align: center; color: #64748b; flex-shrink: 0; }
.ma-contact span { word-break: break-all; }

.ma-tabs {
    display: flex; gap: .15rem;
    padding: 0 1rem;
    border-bottom: 1px solid #eef2f7;
    background: #fff;
    flex-wrap: wrap;
}
.ma-tab {
    border: 0; background: transparent; cursor: pointer;
    padding: .8rem .9rem; font-weight: 650; font-size: .86rem; color: #64748b;
    border-bottom: 2px solid transparent; margin-bottom: -1px;
    display: inline-flex; align-items: center; gap: .4rem;
}
.ma-tab i { font-size: .78rem; opacity: .8; }
.ma-tab em {
    font-style: normal;
    font-size: .68rem; font-weight: 800;
    padding: .1rem .4rem; border-radius: 999px;
    background: #f1f5f9; color: #64748b;
}
.ma-tab:hover { color: #0f172a; }
.ma-tab.is-active { color: #0f172a; border-bottom-color: #C01018; }
.ma-tab.is-active em { background: rgba(192,16,24,.1); color: #C01018; }

.ma-panels { padding: 1rem 1.25rem 1.25rem; }
.ma-panel[hidden] { display: none !important; }
.ma-panel-intro {
    display: flex; justify-content: space-between; gap: 1rem; flex-wrap: wrap;
    align-items: flex-start; margin-bottom: .95rem;
}
.ma-panel-intro strong { display: block; margin-bottom: .2rem; font-size: .95rem; color: #0f172a; }
.ma-panel-intro p { margin: 0; color: #64748b; font-size: .84rem; line-height: 1.45; max-width: 36rem; }
.ma-doc-progress {
    display: flex; gap: .4rem; flex-wrap: wrap;
}
.ma-doc-progress span {
    font-size: .72rem; font-weight: 700;
    padding: .3rem .55rem; border-radius: 999px;
    background: #f1f5f9; color: #475569; border: 1px solid #e2e8f0;
}
.ma-doc-progress span.is-ok {
    background: #f0fdf4; color: #15803d; border-color: #bbf7d0;
}
.ma-verdict:disabled {
    opacity: .85;
    cursor: default;
}

.ma-banner {
    display: flex; gap: .65rem; padding: .8rem .95rem; border-radius: 12px;
    margin-bottom: .95rem; font-size: .86rem; line-height: 1.4;
}
.ma-banner.warn { background: #fff7ed; border: 1px solid #fed7aa; color: #9a3412; }
.ma-banner.info { background: #f0f9ff; border: 1px solid #bae6fd; color: #075985; }
.ma-banner.err { background: #fef2f2; border: 1px solid #fecaca; color: #991b1b; }
.ma-banner i { margin-top: .15rem; }
.ma-banner p { margin: .25rem 0 0; }

.ma-doc-grid { display: grid; gap: .55rem; margin-bottom: 1rem; }
.ma-doc-card {
    position: relative;
    display: grid;
    grid-template-columns: auto 1fr auto;
    gap: .75rem 1rem;
    align-items: center;
    padding: .8rem .95rem;
    border: 1px solid #e2e8f0;
    border-radius: 12px;
    background: #fff;
    transition: border-color .15s, background .15s, box-shadow .15s;
}
.ma-doc-card.is-review { border-color: #e2e8f0; }
.ma-doc-card.is-ok {
    border-color: #86efac; background: #f0fdf4;
    box-shadow: inset 3px 0 0 #16a34a;
}
.ma-doc-card.is-reject {
    border-color: #fdba74; background: #fff7ed;
    box-shadow: inset 3px 0 0 #ea580c;
}
.ma-doc-card.is-missing {
    border-color: #fecaca; background: #fffafa;
    box-shadow: inset 3px 0 0 #ef4444;
}
.ma-doc-icon {
    width: 2.35rem; height: 2.35rem; border-radius: 10px;
    display: grid; place-items: center;
    background: #f1f5f9; color: #475569; font-size: .95rem;
}
.ma-doc-card.is-ok .ma-doc-icon { background: #dcfce7; color: #15803d; }
.ma-doc-card.is-reject .ma-doc-icon { background: #ffedd5; color: #c2410c; }
.ma-doc-card.is-missing .ma-doc-icon { background: #fee2e2; color: #b91c1c; }
.ma-doc-body strong { display: block; font-size: .9rem; color: #0f172a; }
.ma-doc-body small { color: #64748b; font-size: .76rem; }
.ma-doc-tools {
    display: flex;
    flex-wrap: wrap;
    gap: .4rem;
    align-items: center;
    justify-content: flex-end;
}
.ma-doc-view {
    border: 1px solid #e2e8f0;
    background: #fff;
    color: #0f172a;
    font: inherit;
    font-size: .78rem;
    font-weight: 700;
    padding: .4rem .65rem;
    border-radius: 8px;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    gap: .35rem;
}
.ma-doc-view i { color: #C01018; }
.ma-doc-view:hover { background: #fff8f8; border-color: #fca5a5; }
.ma-doc-verdict {
    display: inline-flex;
    border: 1px solid #e2e8f0;
    border-radius: 8px;
    overflow: hidden;
    background: #f8fafc;
}
.ma-verdict {
    border: 0;
    background: transparent;
    padding: .4rem .7rem;
    font: inherit;
    font-size: .76rem;
    font-weight: 700;
    color: #64748b;
    cursor: pointer;
}
.ma-verdict + .ma-verdict { border-left: 1px solid #e2e8f0; }
.ma-verdict.ok.is-on { background: #16a34a; color: #fff; }
.ma-verdict.no.is-on { background: #ea580c; color: #fff; }
.ma-verdict:not(.is-on):hover { background: #f1f5f9; color: #0f172a; }
.ma-doc-badge {
    font-size: .7rem; font-weight: 700; letter-spacing: .03em;
    padding: .25rem .5rem; border-radius: 6px; background: #e2e8f0; color: #475569;
}
.ma-doc-badge.is-missing { background: #fecaca; color: #991b1b; }
.ma-doc-hidden-check {
    position: absolute;
    opacity: 0;
    pointer-events: none;
    width: 0; height: 0;
}
.ma-note-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: .75rem;
    margin-bottom: .85rem;
}
.ma-ops-panel .content-editor-panel-head span {
  display: none;
}
.ma-ops-compose {
  display: grid;
  grid-template-columns: minmax(0, 1.4fr) minmax(12rem, 0.85fr);
  gap: .85rem 1rem;
  margin-bottom: 1rem;
  align-items: start;
}
.ma-ops-compose-msg {
  margin: 0;
}
.ma-ops-compose-msg textarea {
  width: 100%;
  box-sizing: border-box;
  min-height: 5.5rem;
  border-radius: 4px;
}
.ma-ops-compose-side {
  display: flex;
  flex-direction: column;
  gap: .55rem;
}
.ma-ops-compose-actions {
  display: flex;
  flex-direction: column;
  gap: .35rem;
}
.ma-ops-btn {
  width: 100%;
  justify-content: flex-start !important;
  border-radius: 4px !important;
  box-sizing: border-box;
  white-space: nowrap;
}
.ma-ops-compose-side .ma-ops-btn {
  width: 100%;
}
.ma-ops-block {
  padding-top: .75rem;
  margin-top: .55rem;
  border-top: 1px solid #e2e8f0;
}
.ma-ops-block-label {
  display: block;
  font-size: .72rem;
  font-weight: 700;
  letter-spacing: .04em;
  text-transform: uppercase;
  color: #64748b;
  margin-bottom: .45rem;
}
.ma-ops-btns {
  display: flex;
  flex-wrap: wrap;
  gap: .4rem;
}
.ma-ops-btns .ma-ops-btn {
  width: auto;
  min-width: 8.5rem;
  flex: 0 1 auto;
}
.ma-ops-warn {
  margin: 0 0 .5rem;
  padding: .45rem .6rem;
  border-radius: 4px;
  background: #fff7ed;
  border: 1px solid #fed7aa;
  color: #9a3412;
  font-size: .8rem;
  line-height: 1.35;
}
.ma-ops-muted {
  font-size: .8rem;
  color: #64748b;
  align-self: center;
}
@media (max-width: 820px) {
  .ma-ops-compose {
    grid-template-columns: 1fr;
  }
}
.ma-actions-bar {
    display: flex; flex-wrap: wrap; gap: .75rem; align-items: center;
    padding: .85rem 1rem;
    border: 1px solid #e2e8f0;
    border-radius: 12px;
    background: #f8fafc;
}
.ma-hint-box {
    margin: 0 0 .85rem;
    padding: .7rem .85rem;
    border-radius: 10px;
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    color: #475569;
    font-size: .82rem;
    line-height: 1.45;
}
.ma-kv-card {
    border: 1px solid #e2e8f0;
    border-radius: 12px;
    overflow: hidden;
    background: #fff;
}
.ma-fee-box h4 {
    margin: 0 0 .75rem;
    font-size: .78rem; font-weight: 700;
    letter-spacing: .04em; text-transform: uppercase; color: #64748b;
}
.ma-fee-stats {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: .55rem;
    margin-bottom: .65rem;
}
.ma-fee-stats div {
    padding: .65rem .7rem;
    border-radius: 10px;
    background: #fff;
    border: 1px solid #e2e8f0;
}
.ma-fee-stats span { display: block; font-size: .7rem; color: #64748b; margin-bottom: .2rem; }
.ma-fee-stats strong { font-size: .95rem; color: #0f172a; }
.ma-fee-link { margin: .35rem 0 0; font-size: .84rem; }
.ma-field em { font-style: normal; color: #94a3b8; font-weight: 500; }

/* Evrak ?nizleme */
.ma-preview {
    position: fixed; inset: 0; z-index: 1400;
    display: flex; align-items: center; justify-content: center;
    padding: 1rem;
}
.ma-preview[hidden] { display: none !important; }
.ma-preview-backdrop {
    position: absolute; inset: 0;
    background: rgba(15, 23, 42, .72);
}
.ma-preview-dialog {
    position: relative; z-index: 1;
    width: min(920px, 100%);
    max-height: calc(100vh - 2rem);
    background: #0f172a;
    border-radius: 14px;
    overflow: hidden;
    display: flex; flex-direction: column;
    box-shadow: 0 28px 80px rgba(0,0,0,.45);
}
.ma-preview-head {
    display: flex; align-items: center; justify-content: space-between; gap: .75rem;
    padding: .7rem 1rem;
    background: #1e293b;
    color: #f8fafc;
}
.ma-preview-head strong { font-size: .95rem; }
.ma-preview-actions { display: flex; align-items: center; gap: .75rem; }
.ma-preview-actions a { color: #94a3b8; font-size: .8rem; font-weight: 600; text-decoration: none; }
.ma-preview-actions a:hover { color: #fff; }
.ma-preview-close {
    width: 34px; height: 34px; border: 0; border-radius: 999px;
    background: #334155; color: #fff; font-size: 1.35rem; line-height: 1; cursor: pointer;
}
.ma-preview-close:hover { background: #475569; }
.ma-preview-body {
    flex: 1; min-height: 280px; max-height: calc(100vh - 6rem);
    display: grid; place-items: center;
    background: #020617;
    overflow: auto;
}
.ma-preview-body img {
    max-width: 100%;
    max-height: calc(100vh - 6.5rem);
    object-fit: contain;
    display: block;
}
.ma-preview-body iframe {
    width: 100%;
    height: calc(100vh - 6.5rem);
    min-height: 420px;
    border: 0;
    background: #fff;
}
.ma-preview-fallback {
    text-align: center; color: #cbd5e1; padding: 2rem;
}
.ma-preview-fallback p { margin: 0 0 1rem; }
.ma-preview-body:has(.docx-preview-host) {
    place-items: stretch;
    background: #e2e8f0;
}
.docx-preview-host {
    width: 100%;
    height: 100%;
    min-height: 420px;
    overflow: auto;
    background: #e2e8f0;
    padding: 1rem 0 2rem;
}
.docx-preview-host .docx-wrapper {
    background: transparent;
    padding: 0;
}
.docx-preview-host .docx-wrapper > section.docx {
    margin: 0 auto 1rem;
    box-shadow: 0 8px 24px rgba(15, 23, 42, 0.12);
}

.ma-field { display: grid; gap: .35rem; margin-bottom: .75rem; }
.ma-field span { font-size: .8rem; font-weight: 600; color: #475569; }
.ma-field textarea, .ma-field select {
    width: 100%; border: 1px solid #cbd5e1; border-radius: 10px; padding: .6rem .7rem;
    font: inherit; background: #fff;
}
.ma-field textarea:focus, .ma-field select:focus {
    outline: none; border-color: #94a3b8; box-shadow: 0 0 0 3px rgba(148,163,184,.2);
}
.ma-actions-row { display: flex; flex-wrap: wrap; gap: .65rem; align-items: center; }
.ma-kv { width: 100%; border-collapse: collapse; font-size: .86rem; }
.ma-kv th, .ma-kv td { padding: .65rem .85rem; border-bottom: 1px solid #f1f5f9; vertical-align: top; }
.ma-kv tr:last-child th, .ma-kv tr:last-child td { border-bottom: 0; }
.ma-kv th { width: 34%; text-align: left; color: #64748b; font-weight: 600; background: #fafbfc; }
.ma-kv td { color: #0f172a; }
.ma-fee-box {
    background: #f8fafc; border: 1px solid #e2e8f0; border-radius: 12px;
    padding: 1rem 1.05rem; margin-bottom: 1rem; font-size: .88rem;
}
.ma-fee-box p { margin: .25rem 0; }
.ma-page-wrap { padding: 0; overflow: hidden; }

@media (max-width: 720px) {
    .ma-note-grid { grid-template-columns: 1fr; }
    .ma-fee-stats { grid-template-columns: 1fr; }
}
@media (max-width: 640px) {
    .ma-modal { padding: .5rem; }
    .ma-modal-dialog { max-height: calc(100vh - 1rem); border-radius: 12px; }
    .ma-detail-head { padding-right: 1.8rem; }
    .ma-doc-card { grid-template-columns: auto 1fr; }
    .ma-doc-tools { grid-column: 1 / -1; justify-content: flex-start; }
}

/* ?? Teknik entegrasyon hub ?? */
.tech-hub {
    margin: 1.25rem 0 1rem;
    padding: 0;
    overflow: hidden;
    border: 1px solid var(--line-soft);
}
.tech-hub-head {
    display: flex;
    justify-content: space-between;
    gap: 1rem;
    flex-wrap: wrap;
    align-items: flex-start;
    padding: 1.05rem 1.2rem;
    background: linear-gradient(180deg, #fff, #f8fafc);
    border-bottom: 1px solid var(--line-soft);
}
.tech-hub-head > .settings-panel-ico { margin-top: .1rem; }
.tech-hub-head > div:not(.tech-hub-status) { flex: 1; min-width: 12rem; }
.tech-hub-kicker {
    margin: 0;
    font-size: .68rem;
    font-weight: 800;
    letter-spacing: .07em;
    text-transform: uppercase;
    color: #94a3b8;
}
.tech-hub-head h3 {
    margin: .1rem 0 .25rem;
    font-size: 1.05rem;
    font-weight: 750;
    letter-spacing: -.015em;
    color: #0f172a;
}
.tech-hub-head p {
    margin: 0;
    max-width: 42rem;
    font-size: .82rem;
    color: #64748b;
    line-height: 1.4;
}
.tech-hub-status { display: flex; flex-wrap: wrap; gap: .4rem; align-items: flex-start; }
.tech-status {
    display: inline-flex;
    align-items: center;
    gap: .35rem;
    padding: .35rem .65rem;
    border-radius: 999px;
    font-size: .72rem;
    font-weight: 700;
    background: #fff;
    border: 1px solid #e2e8f0;
    color: #475569;
}
.tech-status.is-ok { border-color: #bbf7d0; background: #f0fdf4; color: #166534; }
.tech-status.is-warn { border-color: #fde68a; background: #fffbeb; color: #92400e; }

.tech-tabs {
    display: flex;
    gap: .25rem;
    padding: .55rem .75rem 0;
    border-bottom: 1px solid var(--line-soft);
    background: #fff;
    flex-wrap: wrap;
}
.tech-tab {
    border: 0;
    background: transparent;
    cursor: pointer;
    padding: .65rem .9rem;
    font-size: .86rem;
    font-weight: 650;
    color: #64748b;
    border-bottom: 2px solid transparent;
    margin-bottom: -1px;
    display: inline-flex;
    align-items: center;
    gap: .4rem;
}
.tech-tab:hover { color: #0f172a; }
.tech-tab.is-active { color: #0f172a; border-bottom-color: #C01018; }

.tech-panel { padding: 1.1rem 1.25rem 1.35rem; }
.tech-panel[hidden] { display: none !important; }
.tech-lead {
    margin: 0 0 1rem;
    font-size: .88rem;
    color: #64748b;
    line-height: 1.45;
}

.tech-choice-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: .65rem;
    margin-bottom: 1.1rem;
}
.tech-choice {
    position: relative;
    display: grid;
    gap: .2rem;
    padding: .85rem .9rem;
    border: 1.5px solid #e2e8f0;
    border-radius: 12px;
    background: #fff;
    cursor: pointer;
    transition: border-color .15s, box-shadow .15s, background .15s;
}
.tech-choice input { position: absolute; opacity: 0; pointer-events: none; }
.tech-choice-icon {
    width: 2rem; height: 2rem;
    display: grid; place-items: center;
    border-radius: 8px;
    background: #f1f5f9;
    color: #475569;
    margin-bottom: .25rem;
    font-size: .9rem;
}
.tech-choice strong { font-size: .92rem; color: #0f172a; }
.tech-choice small { font-size: .74rem; color: #64748b; line-height: 1.3; }
.tech-choice:hover { border-color: #cbd5e1; }
.tech-choice.is-selected {
    border-color: #C01018;
    background: #fff8f8;
    box-shadow: 0 0 0 3px rgba(192, 16, 24, .08);
}
.tech-choice.is-selected .tech-choice-icon {
    background: #C01018;
    color: #fff;
}

.tech-block {
    padding: 1rem;
    border: 1px solid #e2e8f0;
    border-radius: 12px;
    background: #f8fafc;
    margin-bottom: .85rem;
}
.tech-block h4 {
    margin: 0 0 .75rem;
    font-size: .8rem;
    font-weight: 700;
    letter-spacing: .04em;
    text-transform: uppercase;
    color: #64748b;
}
.tech-note {
    display: flex;
    gap: .55rem;
    align-items: flex-start;
    padding: .75rem .9rem;
    border-radius: 10px;
    background: #f1f5f9;
    color: #475569;
    font-size: .84rem;
    line-height: 1.4;
}
.tech-note i { margin-top: .15rem; color: #64748b; }

.tech-switch {
    display: inline-flex;
    align-items: center;
    gap: .55rem;
    font-weight: 600;
    font-size: .9rem;
    color: #0f172a;
    cursor: pointer;
}
.tech-switch input { width: 1.05rem; height: 1.05rem; accent-color: #C01018; }

.tech-alert {
    display: flex;
    align-items: flex-start;
    gap: .55rem;
    margin: 0 0 .95rem;
    padding: .75rem .9rem;
    border-radius: 10px;
    font-size: .88rem;
    font-weight: 600;
    line-height: 1.4;
}
.tech-alert[hidden] { display: none !important; }
.tech-alert.is-ok {
    background: #f0fdf4;
    border: 1px solid #bbf7d0;
    color: #166534;
}
.tech-alert.is-err {
    background: #fef2f2;
    border: 1px solid #fecaca;
    color: #991b1b;
}
.tech-alert i { margin-top: .1rem; }

.tech-test-row {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
    gap: .85rem;
    margin: 0;
}
.tech-test-card {
    display: grid;
    gap: .65rem;
    padding: 1rem 1.1rem;
    border: 1px solid #e2e8f0;
    border-radius: 12px;
    background: #f8fafc;
}
.tech-test-card h4 {
    margin: 0;
    font-size: .92rem;
    color: #0f172a;
    display: flex;
    align-items: center;
    gap: .4rem;
}
.tech-test-card .btn { justify-self: start; }
.tech-test-card .btn:disabled { opacity: .7; cursor: wait; }
.tech-save-bar {
    display: flex;
    align-items: center;
    gap: .85rem;
    flex-wrap: wrap;
    margin-top: .25rem;
}

body { padding-bottom: 0; }
#settings-form { padding-bottom: .5rem; }

@media (max-width: 900px) {
    .tech-choice-grid { grid-template-columns: 1fr; }
    .tech-test-row { grid-template-columns: 1fr; }
    .settings-save-dock-inner { flex-direction: column; align-items: stretch; }
    .settings-save-dock .btn { width: 100%; justify-content: center; }
}

/* —— Admin show modules (program / class / member / modal) —— */
/* Genel admin modül formları (AdminModuleForm) */
.module-form-trail {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: .35rem .45rem;
    padding: .55rem .85rem;
    border: 1px solid var(--line-soft);
    border-radius: 10px;
    background: #fff;
    font-size: .8rem;
    font-weight: 650;
    color: #64748b;
}
.module-form-trail a {
    color: #334155 !important;
    text-decoration: none !important;
}
.module-form-trail a:hover {
    color: var(--brand) !important;
    text-decoration: underline !important;
}
.module-form-trail .is-current {
    color: #0f172a;
    font-weight: 800;
}

/* Kurs detay hub (/egitim-programlari/[id]) */
.program-show {
    display: flex;
    flex-direction: column;
    gap: .85rem;
}
.program-show > .module-form-trail {
    margin: 0 0 .15rem;
}
.program-show-hero {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 1rem 1.25rem;
    align-items: start;
    padding: 1.1rem 1.2rem;
}
.program-show-hero-main {
    display: flex;
    gap: 1rem;
    min-width: 0;
    align-items: flex-start;
}
.program-show-cover {
    width: 88px;
    height: 88px;
    object-fit: cover;
    border-radius: 12px;
    border: 1px solid #e2e8f0;
    background: #f8fafc;
    flex: 0 0 auto;
}
.program-show-cover.is-empty {
    display: grid;
    place-items: center;
    color: #94a3b8;
    font-size: 1.35rem;
}
.program-show-hero-copy {
    min-width: 0;
}
.program-show-chips {
    display: flex;
    flex-wrap: wrap;
    gap: .35rem;
    align-items: center;
    margin-bottom: .45rem;
}
.program-show-id {
    font-size: .75rem;
    color: #94a3b8;
    font-weight: 600;
}
.program-show-hero-copy h2 {
    margin: 0;
    font-size: 1.25rem;
    font-weight: 800;
    letter-spacing: -.02em;
    color: #0f172a;
    line-height: 1.25;
}
.program-show-summary {
    margin: .4rem 0 0;
    font-size: .88rem;
    color: #64748b;
    line-height: 1.45;
    max-width: 40rem;
}
.program-show-slug {
    display: inline-block;
    margin-top: .45rem;
    font-size: .78rem;
    color: #475569;
    background: #f1f5f9;
    padding: .2rem .45rem;
    border-radius: 6px;
}
.program-show-hero-actions {
    display: flex;
    flex-direction: column;
    gap: .4rem;
    align-items: stretch;
    min-width: 10.5rem;
}
.program-show-hero-actions .btn {
    justify-content: center;
    white-space: nowrap;
}
.program-show-danger {
    color: #b91c1c !important;
}
.program-show-meta {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 0;
    padding: 0;
    margin: 0;
    overflow: hidden;
}
.program-show-meta > div {
    padding: .75rem 1rem;
    border-right: 1px solid #e2e8f0;
}
.program-show-meta > div:last-child { border-right: 0; }
.program-show-meta dt {
    margin: 0;
    font-size: .72rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .04em;
    color: #94a3b8;
}
.program-show-meta dd {
    margin: .2rem 0 0;
    font-size: .9rem;
    font-weight: 650;
    color: #0f172a;
    word-break: break-word;
}
.program-show-section {
    padding: 0;
    overflow: hidden;
}
.program-show-section-head {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: .75rem;
    flex-wrap: wrap;
    padding: .9rem 1.1rem;
    border-bottom: 1px solid #e2e8f0;
    background: linear-gradient(180deg, #fff, #f8fafc);
}
.program-show-section-head h3 {
    margin: 0;
    font-size: .98rem;
    font-weight: 800;
    color: #0f172a;
}
.program-show-section-head p {
    margin: .15rem 0 0;
    font-size: .8rem;
    color: #64748b;
}
.program-show-section .program-show-loading,
.program-show-empty {
    padding: 1.25rem 1.1rem;
}
.program-show-empty strong { display: block; margin-bottom: .25rem; }
.program-show-empty p {
    margin: 0 0 .75rem;
    color: #64748b;
    font-size: .88rem;
}
.program-show-classes {
    min-width: 640px;
    margin: 0;
}
.program-show-section > .lms-catalog-extras,
.program-show-section > div {
    padding: 0 1.1rem 1rem;
}
.program-show-tech {
    padding: .85rem 1.1rem 1rem;
}
.program-show-tech > summary {
    cursor: pointer;
    font-weight: 750;
    font-size: .88rem;
    color: #475569;
    list-style: none;
}
.program-show-tech > summary::-webkit-details-marker { display: none; }
.program-show-tech > summary::before {
    content: '▸';
    display: inline-block;
    margin-right: .4rem;
    color: #94a3b8;
}
.program-show-tech[open] > summary::before { content: '▾'; }
@media (max-width: 860px) {
    .program-show-hero {
        grid-template-columns: 1fr;
    }
    .program-show-hero-actions {
        flex-direction: row;
        flex-wrap: wrap;
        min-width: 0;
    }
    .program-show-hero-actions .btn { flex: 1 1 auto; }
    .program-show-meta {
        grid-template-columns: 1fr 1fr;
    }
    .program-show-meta > div:nth-child(2n) { border-right: 0; }
    .program-show-meta > div:nth-child(-n+2) {
        border-bottom: 1px solid #e2e8f0;
    }
}
@media (max-width: 520px) {
    .program-show-meta { grid-template-columns: 1fr; }
    .program-show-meta > div {
        border-right: 0;
        border-bottom: 1px solid #e2e8f0;
    }
    .program-show-meta > div:last-child { border-bottom: 0; }
}

/* Genel admin modül listeleri (AdminModuleList) */
.class-copy-details ul {
    margin: .55rem 0 0;
    padding-left: 1.1rem;
    color: #64748b;
}
.class-show-shell {
    padding: 0;
    overflow: hidden;
}
.class-show-tabs {
    display: flex;
    flex-wrap: wrap;
    gap: .25rem;
    padding: .65rem .75rem 0;
    border-bottom: 1px solid #e2e8f0;
    background: #fff;
}
.class-show-tab {
    appearance: none;
    border: 0;
    background: transparent;
    color: #64748b;
    font: inherit;
    font-weight: 700;
    font-size: .86rem;
    padding: .55rem .85rem .7rem;
    border-bottom: 2px solid transparent;
    cursor: pointer;
    margin-bottom: -1px;
}
.class-show-tab:hover {
    color: #0f172a;
}
.class-show-tab.is-active {
    color: #0f172a;
    border-bottom-color: var(--brand, #c01018);
}
.class-show-tab-hint {
    margin: 0;
    padding: .55rem 1.1rem .15rem;
    font-size: .8rem;
    color: #64748b;
}
.class-show-pane {
    padding: .85rem 1.1rem 1.15rem;
}
.class-show-pane-title {
    margin: 0 0 .55rem;
    font-size: .92rem;
    font-weight: 800;
}
.class-show-grid {
    display: grid;
    gap: 1.25rem;
    grid-template-columns: repeat(2, minmax(0, 1fr));
}
@media (max-width: 900px) {
    .class-show-grid { grid-template-columns: 1fr; }
}
.program-show-loading,
.program-show-empty { padding: 1.25rem 1.1rem; }

.class-show-pane-title {
    margin: 0 0 .55rem;
    font-size: .92rem;
    font-weight: 800;
}
.class-show-grid {
    display: grid;
    gap: 1.25rem;
    grid-template-columns: repeat(2, minmax(0, 1fr));
}
.class-show-overview {
    display: grid;
    gap: .85rem;
    grid-template-columns: repeat(2, minmax(0, 1fr));
}
.class-show-overview-card {
    min-width: 0;
    padding: .75rem .85rem .85rem;
    border: 1px solid #e2e8f0;
    border-radius: 10px;
    background: #f8fafc;
}
.class-show-overview-head {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: .75rem;
    margin-bottom: .55rem;
}
.class-show-overview-head strong {
    font-size: .88rem;
    color: #0f172a;
}
.class-show-overview-head span {
    font-size: .72rem;
    color: #94a3b8;
}
.class-show-overview-meta {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0;
    margin: 0;
    border: 1px solid #e2e8f0;
    border-radius: 8px;
    background: #fff;
    overflow: hidden;
}
.class-show-overview-meta > div {
    padding: .65rem .75rem;
    border-right: 1px solid #eef2f7;
    border-bottom: 1px solid #eef2f7;
}
.class-show-overview-meta > div:nth-child(2n) { border-right: 0; }
.class-show-overview-meta > div:nth-last-child(-n+2) { border-bottom: 0; }
.class-show-overview-meta.is-info > div:nth-last-child(-n+2) { border-bottom: 0; }
.class-show-overview-meta dt {
    margin: 0;
    font-size: .68rem;
    font-weight: 700;
    letter-spacing: .04em;
    text-transform: uppercase;
    color: #94a3b8;
}
.class-show-overview-meta dd {
    margin: .2rem 0 0;
    font-size: .88rem;
    font-weight: 650;
    color: #0f172a;
    word-break: break-word;
}
.class-show-overview-instructors {
    margin-top: .7rem;
    padding: .65rem .7rem .7rem;
    border: 1px solid #e2e8f0;
    border-radius: 8px;
    background: #fff;
}
.class-show-overview-instructors-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .5rem;
    margin-bottom: .45rem;
}
.class-show-overview-instructors-head > span {
    font-size: .68rem;
    font-weight: 700;
    letter-spacing: .04em;
    text-transform: uppercase;
    color: #94a3b8;
}
.class-show-overview-instructors-head a {
    font-size: .76rem;
    font-weight: 650;
}
.class-show-overview-empty {
    margin: 0;
    font-size: .82rem;
}
.class-show-overview-instructor-list {
    list-style: none;
    margin: 0;
    padding: 0;
    display: grid;
    gap: .35rem;
}
.class-show-overview-instructor-list li {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .65rem;
    padding: .4rem .5rem;
    border: 1px solid #eef2f7;
    border-radius: 6px;
    background: #fafbfc;
}
.class-show-overview-instructor-name {
    font-size: .84rem;
    font-weight: 650;
    color: #0f172a;
    min-width: 0;
}
.class-show-overview-tag {
    flex: 0 0 auto;
    padding: .15rem .4rem;
    border: 1px solid #e2e8f0;
    border-radius: 4px;
    background: #f1f5f9;
    font-size: .68rem;
    font-weight: 700;
    letter-spacing: .02em;
    color: #64748b;
    white-space: nowrap;
}
.class-show-overview-tag.is-panel {
    border-color: #bbf7d0;
    background: #f0fdf4;
    color: #15803d;
}
@media (max-width: 900px) {
    .class-show-grid { grid-template-columns: 1fr; }
    .class-show-overview { grid-template-columns: 1fr; }
}
@media (max-width: 520px) {
    .class-show-overview-meta {
        grid-template-columns: 1fr;
    }
    .class-show-overview-meta > div {
        border-right: 0;
    }
    .class-show-overview-meta > div:nth-last-child(-n+2) { border-bottom: 1px solid #eef2f7; }
    .class-show-overview-meta > div:last-child { border-bottom: 0; }
}

/* LMS / class panel / module form (restored) */
.class-panel-inner {
    padding: .15rem 0 .25rem;
}

.class-panel-stack {
    display: grid;
    gap: .85rem;
}

.class-panel-card {
    padding: .75rem .85rem .85rem;
    border: 1px solid #e2e8f0;
    border-radius: 10px;
    background: #f8fafc;
}

.class-panel-card.is-white {
    background: #fff;
}

.class-panel-card-head {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: .75rem;
    margin-bottom: .55rem;
}

.class-panel-card-head strong {
    font-size: .88rem;
    color: #0f172a;
}

.class-panel-card-head span {
    font-size: .72rem;
    color: #94a3b8;
}

.class-panel-card-hint {
    margin: -.15rem 0 .55rem;
    font-size: .76rem;
    line-height: 1.4;
    color: #64748b;
}

.class-panel-card-hint a {
    font-weight: 650;
}

.class-panel-table-wrap {
    overflow-x: auto;
    border: 1px solid #e2e8f0;
    border-radius: 8px;
    background: #fff;
}

.class-panel-table-wrap .data,
.class-panel-table-wrap .content-hub-table {
    margin: 0;
    width: 100%;
    border: 0;
}

.class-panel-table-wrap .data th,
.class-panel-table-wrap .content-hub-table th {
    background: #f8fafc;
    font-size: .68rem;
    font-weight: 700;
    letter-spacing: .04em;
    text-transform: uppercase;
    color: #94a3b8;
    white-space: nowrap;
}

.class-panel-table-wrap .data td,
.class-panel-table-wrap .content-hub-table td {
    font-size: .84rem;
    vertical-align: middle;
}

.class-panel-table-wrap tr.is-active {
    background: #f1f5f9;
}

.class-panel-fields,
.class-session-compose-grid {
    display: flex;
    flex-wrap: wrap;
    gap: .45rem .5rem;
    align-items: flex-end;
}

.class-panel-field,
.class-session-field {
    display: flex;
    flex-direction: column;
    gap: .2rem;
    margin: 0;
    min-width: 0;
}

.class-panel-field > span,
.class-session-field > span {
    font-size: .68rem;
    font-weight: 700;
    letter-spacing: .04em;
    text-transform: uppercase;
    color: #64748b;
}

.class-panel-field input,
.class-panel-field select,
.class-panel-field textarea,
.class-session-field input,
.class-session-field select,
.class-session-field textarea {
    width: 100%;
    min-height: 2.15rem;
    padding: .4rem .55rem;
    border: 1px solid #e2e8f0;
    border-radius: 8px;
    background: #fff;
    font: inherit;
    font-size: .88rem;
    color: #0f172a;
}

.class-panel-field textarea,
.class-session-field textarea {
    min-height: 4rem;
    resize: vertical;
}

.class-panel-field.is-grow { flex: 1 1 11rem; }

.class-panel-field.is-when { flex: 0 1 11rem; }

.class-panel-field.is-narrow { flex: 0 1 8rem; }

.class-panel-field.is-wide { flex: 1 1 100%; }

.class-panel-field.is-action { flex: 0 0 auto; }

.class-panel-field.is-action .btn { white-space: nowrap; }

.class-panel-check-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(11rem, 1fr));
    gap: .35rem .65rem;
    margin-bottom: .65rem;
}

.class-panel-check {
    display: inline-flex;
    align-items: center;
    gap: .4rem;
    min-height: 2rem;
    font-size: .82rem;
    font-weight: 600;
    color: #334155;
}

.class-panel-check input { flex: 0 0 auto; }

.class-panel-actions {
    display: flex;
    flex-wrap: wrap;
    gap: .45rem;
    align-items: center;
    margin-top: .55rem;
}

.class-panel-actions.is-top {
    margin-top: 0;
    margin-bottom: .55rem;
}

.class-panel-template-list {
    display: grid;
    gap: .35rem;
    max-height: 11rem;
    overflow: auto;
    margin-bottom: .65rem;
    padding: .45rem .55rem;
    border: 1px solid #e2e8f0;
    border-radius: 8px;
    background: #fff;
}

.class-panel-template-item {
    display: flex;
    align-items: center;
    gap: .45rem;
    font-size: .82rem;
    color: #334155;
}

.class-panel-roster-toolbar {
    display: flex;
    flex-wrap: wrap;
    gap: .45rem;
    align-items: center;
    margin-bottom: .55rem;
}

.class-panel-roster-toolbar .field-hint {
    margin: 0;
}

.class-panel-subblock {
    margin-top: .75rem;
    padding-top: .75rem;
    border-top: 1px dashed #e2e8f0;
}

.class-panel-subblock-head {
    margin: 0 0 .45rem;
    font-size: .82rem;
    font-weight: 800;
    color: #334155;
}

.class-panel-copy-grid {
    display: grid;
    gap: .45rem .5rem;
    grid-template-columns: repeat(auto-fill, minmax(11rem, 1fr));
}

.class-panel-copy-options {
    margin-top: .65rem;
    padding: .65rem .7rem;
    border: 1px solid #e2e8f0;
    border-radius: 8px;
    background: #fff;
}

.class-panel-copy-options legend {
    padding: 0 .25rem;
    font-size: .82rem;
    font-weight: 800;
    color: #334155;
}

.program-extras-head {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: .75rem;
    margin-bottom: .55rem;
}

.program-extras-head strong {
    font-size: .88rem;
    color: #0f172a;
}

.program-extras-head span {
    font-size: .72rem;
    color: #94a3b8;
}

.program-show-extras-body {
    padding: .85rem 1.1rem 1.1rem;
}
.program-extras-err {
    margin: 0 0 .85rem;
    padding: .55rem .7rem;
    border-radius: 8px;
    background: #fef2f2;
    border: 1px solid #fecaca;
    color: #b91c1c;
    font-size: .82rem;
}
.program-extras-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: .75rem;
}
.program-extras-subhead {
    margin: 1rem 0 .55rem !important;
    padding-top: .75rem;
    border-top: 1px dashed #e2e8f0;
}
.program-extras-list {
    list-style: none;
    margin: 0 0 .65rem;
    padding: 0;
    display: grid;
    gap: .35rem;
}
.program-extras-list > li {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .5rem;
    flex-wrap: wrap;
    padding: .4rem .55rem;
    border-radius: 8px;
    background: #fff;
    border: 1px solid #e2e8f0;
    font-size: .84rem;
    color: #334155;
}
.program-extras-list > li.is-empty {
    justify-content: flex-start;
    color: #94a3b8;
    background: transparent;
    border-style: dashed;
}
@media (max-width: 860px) {
    .program-extras-grid { grid-template-columns: 1fr; }
}

/* Dönem düzenle → Eğitmenler: kompakt bağlama kutusu */
.class-instructors-inline .class-instructors-bind {
    margin-top: .65rem;
    padding: .75rem .85rem;
    border: 1px solid #e2e8f0;
    border-radius: 10px;
    background: #f8fafc;
}
.class-instructors-bind-head {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: .75rem;
    margin-bottom: .55rem;
    flex-wrap: wrap;
}
.class-instructors-bind-head strong {
    font-size: .88rem;
    color: #0f172a;
}
.class-instructors-bind-head span {
    font-size: .72rem;
    color: #94a3b8;
    flex: 1 1 14rem;
    max-width: 36rem;
    line-height: 1.35;
}
.class-instructors-bind-grid {
    display: grid;
    grid-template-columns: 7.5rem minmax(8rem, 1.2fr) minmax(9rem, 1.3fr) minmax(7rem, 1fr) 7.5rem auto;
    gap: .45rem .5rem;
    align-items: end;
}
.class-instructors-bind-grid.is-member {
    grid-template-columns: 9rem minmax(0, 1fr) minmax(13rem, 15rem) max-content;
    grid-template-areas: 'title member role action';
    align-items: start;
}
.class-instructors-bind-grid.is-member .class-instructors-field.is-wide {
    grid-column: auto;
}
.class-instructors-bind-grid.is-member .class-instructors-field.is-title {
    grid-area: title;
    width: 9rem;
    max-width: 9rem;
}
.class-instructors-bind-grid.is-member .class-instructors-field.is-member-pick {
    grid-area: member;
    min-width: 0;
}
.class-instructors-bind-grid.is-member .class-instructors-field.is-role {
    grid-area: role;
    min-width: 0;
}
.class-instructors-bind-grid.is-member .class-instructors-field.is-action {
    grid-area: action;
    align-self: end;
    width: max-content;
}
.class-instructors-bind-grid.is-member .class-instructors-field.is-action .btn {
    width: auto;
    min-width: 4.75rem;
}
.class-instructors-bind-grid.is-member .class-instructors-field.is-title select {
    max-width: 100%;
}
.class-instructors-edit-row {
    display: flex;
    flex-wrap: wrap;
    gap: .4rem;
    align-items: center;
    flex: 1;
    min-width: 0;
}
.class-instructors-edit-row .input {
    flex: 1 1 12rem;
    min-width: 0;
    min-height: 2rem;
}
.class-instructors-row-actions {
    display: inline-flex;
    flex-wrap: wrap;
    gap: .35rem;
    align-items: center;
}
.class-instructors-bind-grid.is-secondary {
    margin-top: .55rem;
    padding-top: .55rem;
    border-top: 1px dashed #e2e8f0;
    grid-template-columns: 9rem minmax(0, 1fr) minmax(13rem, 15rem) max-content;
}
.class-instructors-bind-grid.is-secondary .class-instructors-field.is-title {
    width: 9rem;
    max-width: 9rem;
}
.class-instructors-bind-grid.is-secondary .class-instructors-field.is-action {
    width: max-content;
    align-self: end;
}
.class-instructors-bind-grid.is-provision {
    grid-template-columns: 9rem minmax(0, 1.1fr) minmax(9rem, 1.2fr) minmax(7rem, 1fr) minmax(13rem, 15rem) max-content;
    align-items: end;
}
.class-instructors-bind-grid.is-provision .class-instructors-field.is-title {
    width: 9rem;
    max-width: 9rem;
}
.class-instructors-bind-grid.is-provision .class-instructors-field.is-action {
    width: max-content;
}
.class-instructors-field {
    display: flex;
    flex-direction: column;
    gap: .2rem;
    margin: 0;
    min-width: 0;
}
.class-instructors-field > span {
    font-size: .68rem;
    font-weight: 700;
    letter-spacing: .02em;
    text-transform: uppercase;
    color: #64748b;
    line-height: 1.2;
}
.class-instructors-inline .class-instructors-field input,
.class-instructors-inline .class-instructors-field select {
    width: 100%;
    min-height: 2rem !important;
    height: 2rem;
    margin: 0;
    padding: .2rem .5rem !important;
    font-size: .82rem !important;
    font-weight: 550;
    line-height: 1.2;
    border: 1px solid #cbd5e1;
    border-radius: 7px;
    background: #fff !important;
    color: #0f172a !important;
    box-sizing: border-box;
}
.class-instructors-field.is-action {
    justify-content: flex-end;
}
.class-instructors-field.is-action .btn {
    min-height: 2rem;
    height: 2rem;
    padding: 0 .85rem;
    white-space: nowrap;
}
.class-instructors-field.is-wide {
    grid-column: 1 / -2;
}
.class-instructors-bind-more {
    display: flex;
    flex-wrap: wrap;
    gap: .35rem;
    margin-top: .55rem;
}
.class-instructors-more-btn {
    appearance: none;
    border: 1px solid #e2e8f0;
    background: #fff;
    color: #475569;
    font: inherit;
    font-size: .75rem;
    font-weight: 600;
    padding: .28rem .65rem;
    border-radius: 999px;
    cursor: pointer;
}
.class-instructors-more-btn:hover {
    border-color: #cbd5e1;
    color: #0f172a;
}
.class-instructors-more-btn:disabled {
    opacity: .55;
    cursor: not-allowed;
}
@media (max-width: 960px) {
    .class-instructors-bind-grid {
        grid-template-columns: 1fr 1fr;
    }
    .class-instructors-field.is-email,
    .class-instructors-field.is-pass,
    .class-instructors-field.is-name {
        grid-column: span 1;
    }
    .class-instructors-field.is-action {
        grid-column: 1 / -1;
    }
    .class-instructors-bind-grid.is-member {
        grid-template-columns: 9rem minmax(0, 1fr);
        grid-template-areas:
            'title role'
            'member member'
            'action action';
    }
    .class-instructors-bind-grid.is-member .class-instructors-field.is-role {
        grid-area: role;
        justify-self: stretch;
        width: auto;
        max-width: none;
    }
    .class-instructors-bind-grid.is-member .class-instructors-field.is-action {
        grid-column: auto;
        grid-area: action;
        width: auto;
        justify-self: start;
    }
    .class-instructors-bind-grid.is-secondary {
        grid-template-columns: 9rem minmax(0, 1fr);
    }
    .class-instructors-bind-grid.is-secondary .class-instructors-field.is-action {
        grid-column: 1 / -1;
        width: auto;
        justify-self: start;
    }
    .class-instructors-bind-grid.is-provision {
        grid-template-columns: 1fr 1fr;
    }
    .class-instructors-field.is-wide {
        grid-column: 1 / -1;
    }
}

/* Genel admin modül formları (AdminModuleForm) */
.module-form-shell {
    display: grid;
    gap: 1rem;
}

.module-form-card.is-flush {
    padding: 0;
    overflow: hidden;
}

.module-form-head {
    border-bottom: 1px solid var(--line-soft);
    background: #fff;
}

.module-form-chips {
    display: flex;
    flex-wrap: wrap;
    gap: .35rem;
    margin-top: .55rem;
}

.module-form-alert {
    margin: 0 1.15rem .85rem;
}

.module-form-note {
    margin: 0 1.15rem .85rem;
    padding: .7rem .85rem;
    border-radius: 8px;
    background: #fffbeb;
    border: 1px solid #fde68a;
    color: #92400e;
    font-size: .84rem;
    font-weight: 600;
}

.module-form {
    display: grid;
    gap: 0;
}

.module-form-sections {
    display: grid;
    gap: 0;
    padding: 1rem 1.15rem 0;
}

.module-form-section {
    margin-bottom: .95rem;
}

.module-form-section .meta-box-header {
    gap: .65rem;
    flex-wrap: wrap;
}

.module-form-section-hint {
    display: block;
    flex: 1 1 16rem;
    margin: 0;
    font-style: normal;
    font-size: .74rem;
    font-weight: 600;
    color: #64748b;
    line-height: 1.4;
    text-align: right;
}

.module-form-grid {
    align-items: start;
}

.module-form-field {
    display: grid;
    gap: .35rem;
    margin: 0;
    min-width: 0;
}

.module-form-field.is-full {
    grid-column: 1 / -1;
}

.module-form-label {
    display: inline-flex;
    align-items: baseline;
    gap: .2rem;
    font-size: .74rem;
    font-weight: 800;
    color: #64748b;
    text-transform: uppercase;
    letter-spacing: .04em;
}

.module-form-label em {
    color: var(--brand);
    font-style: normal;
}

.module-form-field input,
.module-form-field select,
.module-form-field textarea {
    width: 100%;
    min-height: 2.55rem;
    padding: .65rem .8rem;
    border: 1px solid #d7dee8;
    border-radius: 8px;
    background: #fff;
    color: var(--ink);
    font: inherit;
    font-size: .88rem;
    font-weight: 600;
    line-height: 1.35;
    box-sizing: border-box;
}

.module-form-field textarea {
    min-height: 6.5rem;
    resize: vertical;
    font-weight: 500;
}

.module-form-field textarea.is-mono,
.module-form-field .is-mono {
    font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
    font-size: .8rem;
    font-weight: 500;
    line-height: 1.45;
}

.module-form-field select {
    appearance: none;
    padding-right: 2rem;
    background-image:
        linear-gradient(45deg, transparent 50%, #64748b 50%),
        linear-gradient(135deg, #64748b 50%, transparent 50%);
    background-position:
        calc(100% - 14px) calc(50% - 2px),
        calc(100% - 9px) calc(50% - 2px);
    background-size: 5px 5px, 5px 5px;
    background-repeat: no-repeat;
    cursor: pointer;
}

.module-form-field input:focus,
.module-form-field select:focus,
.module-form-field textarea:focus {
    outline: none;
    border-color: #94a3b8;
    box-shadow: 0 0 0 3px rgba(15, 23, 42, .06);
}

.module-form-field input:disabled,
.module-form-field select:disabled,
.module-form-field textarea:disabled {
    background: #f8fafc;
    color: #64748b;
    cursor: not-allowed;
}

.module-form-field .field-hint {
    margin-top: 0;
}

.module-form-footer {
    position: sticky;
    bottom: 0;
    z-index: 5;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: .75rem;
    padding: .85rem 1.15rem;
    border-top: 1px solid var(--line-soft);
    background: rgba(255, 255, 255, .96);
    backdrop-filter: blur(8px);
}

.module-form-footer-copy {
    min-width: 0;
    font-size: .8rem;
}

.module-form-footer-actions {
    display: flex;
    flex-wrap: wrap;
    gap: .45rem;
    margin-left: auto;
}

html.dark .module-form-head,
html.dark .module-form-footer {
    background: rgba(21, 29, 46, .96);
}

html.dark .module-form-field input,
html.dark .module-form-field select,
html.dark .module-form-field textarea {
    background: var(--panel);
    border-color: var(--line);
    color: var(--ink);
}

html.dark .module-form-field input:disabled,
html.dark .module-form-field select:disabled,
html.dark .module-form-field textarea:disabled {
    background: var(--bg-accent);
}

html.dark .module-form-note {
    background: var(--warn-soft);
    border-color: color-mix(in srgb, var(--warn) 35%, transparent);
    color: #fde68a;
}

/* Dönem sertifika — ekran düzeni */
.class-cert-screen {
    gap: .85rem;
}

.class-cert-secondary {
    padding-top: .55rem;
    padding-bottom: .55rem;
}

.class-cert-fold {
    margin: 0;
    border: 0;
}

.class-cert-fold > summary {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: .75rem;
    list-style: none;
    cursor: pointer;
    padding: .15rem 0;
    user-select: none;
}

.class-cert-fold > summary::-webkit-details-marker {
    display: none;
}

.class-cert-fold > summary::before {
    content: '';
    width: .45rem;
    height: .45rem;
    margin-right: .45rem;
    border-right: 2px solid #94a3b8;
    border-bottom: 2px solid #94a3b8;
    transform: rotate(-45deg);
    transition: transform .15s ease;
    flex: 0 0 auto;
    align-self: center;
}

.class-cert-fold[open] > summary::before {
    transform: rotate(45deg);
}

.class-cert-fold > summary > span {
    font-size: .88rem;
    font-weight: 800;
    color: #0f172a;
}

.class-cert-fold > summary > em {
    margin-left: auto;
    font-style: normal;
    font-size: .72rem;
    color: #94a3b8;
}

.class-cert-fold-body {
    margin-top: .7rem;
    padding-top: .15rem;
}

.class-cert-fold.is-inline {
    flex: 1 1 100%;
    width: 100%;
    margin-top: .15rem;
    padding: .45rem .55rem;
    border: 1px dashed #e2e8f0;
    border-radius: 8px;
    background: #fafbfc;
}

.class-cert-fold.is-inline > summary {
    padding: 0;
}

.class-cert-fold.is-inline .class-cert-fold-body {
    margin-top: .45rem;
}

.class-cert-warn-hint {
    color: #b45309;
    margin: 0;
}

.class-cert-customize {
    margin-top: .85rem;
}

/* Dönem sertifika — toplu işlemler */
.class-cert-bulk-grid {
    display: grid;
    grid-template-columns: minmax(9.5rem, 12rem) minmax(12rem, 1.4fr) minmax(5.5rem, 7rem) auto auto;
    gap: .55rem .65rem;
    align-items: end;
}

.class-cert-bulk-format {
    grid-column: 1;
}

.class-cert-bulk-force {
    min-height: 2.15rem;
    padding: 0 .15rem;
    white-space: nowrap;
}

.class-cert-bulk-actions {
    display: flex;
    flex-wrap: wrap;
    gap: .4rem;
    align-items: center;
    justify-content: flex-end;
}

.class-cert-bulk-actions .btn {
    white-space: nowrap;
}

/* Dönem sertifika — imzacılar */
.class-cert-sigs {
    margin-top: .25rem;
}

.class-cert-sigs-head {
    display: flex;
    flex-direction: column;
    gap: .15rem;
    margin-bottom: .45rem;
}

.class-cert-sigs-head > span {
    font-size: .68rem;
    font-weight: 700;
    letter-spacing: .04em;
    text-transform: uppercase;
    color: #64748b;
}

.class-cert-sigs-grid {
    display: grid;
    grid-template-columns: 1fr;
    gap: .65rem;
    max-width: 36rem;
}

.class-cert-sig-card {
    display: flex;
    flex-direction: column;
    gap: .5rem;
    margin: 0;
    padding: .7rem .75rem;
    border: 1px solid #e2e8f0;
    border-radius: 10px;
    background: #fff;
    overflow: visible;
    min-width: 0;
}

.class-cert-sig-card-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .5rem;
    margin: 0;
    font-size: .8rem;
    font-weight: 800;
    color: #0f172a;
}

.class-cert-sig-card-head strong {
    font-size: inherit;
}

.class-cert-sig-card-row {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: .45rem .5rem;
    min-width: 0;
}

.class-cert-sig-card-row .class-panel-field {
    min-width: 0;
}

.class-cert-sig-media {
    display: flex;
    flex-direction: column;
    gap: .35rem;
    min-width: 0;
}

.class-cert-sig-media .pdr-media-row {
    min-width: 0;
}

.class-cert-sig-media .pdr-media-preview {
    max-height: 56px;
    max-width: 180px;
    object-fit: contain;
}

.class-cert-sigs-toolbar {
    display: flex;
    flex-wrap: wrap;
    gap: .4rem;
    margin-top: .55rem;
}

.class-cert-customize-save {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: .55rem .75rem;
    margin-top: .75rem;
    padding-top: .7rem;
    border-top: 1px solid #eef2f7;
}

.class-session-compose {
    margin-top: .85rem;
    padding: .75rem .85rem;
    border: 1px solid #e2e8f0;
    border-radius: 10px;
    background: #f8fafc;
}

.class-session-compose-head {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: .75rem;
    margin-bottom: .55rem;
}

.class-session-compose-head strong {
    font-size: .88rem;
    color: #0f172a;
}

.class-session-compose-head span {
    font-size: .72rem;
    color: #94a3b8;
}

.class-session-compose-grid {
    display: flex;
    flex-wrap: wrap;
    gap: .45rem .5rem;
    align-items: flex-end;
}

.class-session-field {
    display: flex;
    flex-direction: column;
    gap: .2rem;
    margin: 0;
    min-width: 0;
}

.class-session-field > span {
    font-size: .68rem;
    font-weight: 700;
    letter-spacing: .04em;
    text-transform: uppercase;
    color: #64748b;
}

.class-session-field input,
.class-session-field select,
.class-session-field textarea {
    width: 100%;
    min-height: 2.15rem;
    padding: .4rem .55rem;
    border: 1px solid #e2e8f0;
    border-radius: 8px;
    background: #fff;
    font: inherit;
    font-size: .88rem;
    color: #0f172a;
}

.class-session-field textarea {
    min-height: 4rem;
    resize: vertical;
}

.class-session-field.is-title { flex: 1 1 11rem; }

.class-session-field.is-when { flex: 0 1 11rem; }

.class-session-field.is-policy { flex: 0 1 10rem; }

.class-session-field.is-consent { flex: 0 1 auto; }

.class-session-field.is-action { flex: 0 0 auto; }

.class-session-field.is-wide { flex: 1 1 100%; }

.class-session-field.is-action .btn {
    white-space: nowrap;
}

.class-session-check {
    display: inline-flex;
    align-items: center;
    gap: .4rem;
    min-height: 2.15rem;
    font-size: .82rem;
    color: #334155;
    text-transform: none;
    letter-spacing: normal;
    font-weight: 600;
}

.class-session-compose-hint {
    margin: .55rem 0 0;
}

.class-session-tools {
    margin-top: .75rem;
    border: 1px solid #e2e8f0;
    border-radius: 10px;
    background: #fff;
    overflow: hidden;
}

.class-session-tools > summary {
    cursor: pointer;
    list-style: none;
    padding: .7rem .85rem;
    font-size: .84rem;
    font-weight: 700;
    color: #334155;
    background: #f8fafc;
    border-bottom: 1px solid transparent;
}

.class-session-tools[open] > summary {
    border-bottom-color: #e2e8f0;
}

.class-session-tools > summary::-webkit-details-marker { display: none; }

.class-session-tools-body {
    display: grid;
    gap: .65rem;
    padding: .75rem .85rem .85rem;
}

.class-session-tool {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .75rem;
    padding: .65rem .7rem;
    border: 1px solid #eef2f7;
    border-radius: 8px;
    background: #fafbfc;
}

.class-session-tool.is-stack {
    flex-direction: column;
    align-items: stretch;
}

.class-session-tool strong {
    display: block;
    font-size: .84rem;
    color: #0f172a;
}

.class-session-tool p {
    margin: .2rem 0 0;
    font-size: .76rem;
    line-height: 1.4;
    color: #64748b;
}

.class-cert-tabs {
    display: flex;
    gap: .35rem;
    padding: .25rem;
    border: 1px solid #e2e8f0;
    border-radius: 12px;
    background: #f1f5f9;
}

.class-cert-tabs > button {
    flex: 1 1 0;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: .12rem;
    margin: 0;
    padding: .55rem .75rem;
    border: 0;
    border-radius: 9px;
    background: transparent;
    color: #475569;
    cursor: pointer;
    text-align: left;
    font: inherit;
}

.class-cert-tabs > button strong,
.class-cert-tabs > button {
    font-weight: 800;
    font-size: .9rem;
}

.class-cert-tabs > button em {
    font-style: normal;
    font-size: .72rem;
    font-weight: 600;
    color: #94a3b8;
}

.class-cert-tabs > button.is-active {
    background: #fff;
    color: #0f172a;
    box-shadow: 0 1px 3px rgba(15, 23, 42, .08);
}

.class-cert-tabs > button.is-active em {
    color: #64748b;
}

.class-cert-bulk-bar {
    display: flex;
    flex-wrap: wrap;
    gap: .5rem .55rem;
    align-items: end;
    margin: .15rem 0 .65rem;
    padding: .65rem .7rem;
    border: 1px solid #e2e8f0;
    border-radius: 10px;
    background: #f8fafc;
}

.class-cert-bulk-bar > .class-panel-field {
    flex: 1 1 9rem;
    min-width: 7.5rem;
}

.class-cert-bulk-bar > .class-cert-bulk-locale {
    flex: 0 0 5.5rem;
    min-width: 5rem;
}

.class-cert-bulk-bar > .class-cert-bulk-force {
    flex: 0 0 auto;
    align-self: center;
    margin-bottom: .15rem;
}

.class-cert-bulk-bar > .class-cert-bulk-actions {
    flex: 0 0 auto;
    margin-left: auto;
}

.class-cert-roster-card .class-panel-roster-toolbar {
    margin-top: .35rem;
}

.class-cert-roster-card .content-hub-table tr.is-selected td {
    background: #fff7ed;
}

.class-cert-doc-modal {
    position: fixed !important;
    inset: 0 !important;
    z-index: 10040 !important;
    display: flex !important;
    align-items: center;
    justify-content: center;
    padding: 16px;
    margin: 0;
    background: rgba(15, 23, 42, 0.55);
    backdrop-filter: blur(2px);
    box-sizing: border-box;
}

.class-cert-doc-dialog {
    display: flex;
    flex-direction: column;
    width: min(920px, 96vw);
    max-height: min(92vh, 880px);
    background: #fff;
    border-radius: 16px;
    border: 1px solid #e2e8f0;
    box-shadow: 0 24px 64px rgba(15, 23, 42, 0.3);
    overflow: hidden;
}

.class-cert-doc-modal-head {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 12px;
    flex: 0 0 auto;
    padding: 12px 16px;
    border-bottom: 1px solid #e2e8f0;
    background: linear-gradient(180deg, #fff, #f8fafc);
}

.class-cert-doc-modal-head h3 {
    margin: 0 0 2px;
    font-size: 1.05rem;
    font-weight: 800;
    color: #0f172a;
}

.class-cert-doc-modal-body {
    flex: 1 1 auto;
    min-height: 0;
    overflow: auto;
    padding: 14px 16px 16px;
    margin: 0;
    border: 0;
    box-shadow: none;
}

.class-cert-sigs-head .class-panel-card-hint {
    margin: 0;
}

.class-cert-sig-use {
    margin-top: .1rem;
}

.class-cert-sig-source {
    display: grid;
    grid-template-columns: minmax(7.5rem, 9.5rem) minmax(0, 1fr);
    gap: .45rem .5rem;
    min-width: 0;
}

.class-cert-sig-source .class-panel-field {
    min-width: 0;
}

.class-cert-sig-media .pdr-media-row input {
    flex: 1 1 auto;
    min-width: 0;
}

.class-cert-doc-grid label {
    display: grid;
    gap: .3rem;
    font-size: .84rem;
    font-weight: 600;
    color: #334155;
}

.class-cert-doc-grid label input:not([type="checkbox"]):not([type="radio"]),
.class-cert-doc-grid label select {
    width: 100%;
    min-height: 2.15rem;
    font-weight: 500;
}

.class-cert-doc-grid .span-2 {
    grid-column: 1 / -1;
}

.class-cert-force-row {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: .55rem;
    margin-top: .85rem;
    padding: .7rem .8rem;
    border: 1px solid #fde68a;
    border-radius: 10px;
    background: #fffbeb;
}

.class-cert-force-row .class-cert-force-check.check,
label.class-cert-force-check.check {
    display: inline-flex !important;
    flex-direction: row !important;
    align-items: center !important;
    gap: .5rem !important;
    width: auto !important;
    max-width: 100%;
    margin: 0;
    padding: 0;
    grid-template-columns: none !important;
    font-size: .84rem;
    font-weight: 650;
    color: #92400e;
    line-height: 1.3;
    cursor: pointer;
}

.class-cert-force-row .class-cert-force-check input[type="checkbox"],
label.class-cert-force-check input[type="checkbox"] {
    -webkit-appearance: checkbox !important;
    appearance: checkbox !important;
    display: inline-block !important;
    width: 16px !important;
    height: 16px !important;
    min-width: 16px !important;
    max-width: 16px !important;
    min-height: 16px !important;
    max-height: 16px !important;
    margin: 0 !important;
    padding: 0 !important;
    border: none !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    flex: 0 0 16px !important;
    align-self: center !important;
    justify-self: start !important;
    accent-color: #c01018;
    cursor: pointer;
}

.class-cert-force-row .class-cert-force-check > span {
    display: inline !important;
    font-weight: 650;
}

.class-cert-force-reason {
    display: grid !important;
    gap: .3rem;
    width: 100%;
    font-size: .84rem;
    font-weight: 600;
    color: #334155;
}

.class-cert-force-reason input[type="text"] {
    width: 100%;
    min-height: 2.15rem;
}

.class-cert-callout {
    margin: 0 0 .85rem;
    padding: .7rem .85rem;
    border-radius: 10px;
    border: 1px solid #e2e8f0;
    background: #f8fafc;
    color: #334155;
    font-size: .86rem;
    line-height: 1.45;
}

.class-cert-callout p {
    margin: 0;
}

.class-cert-callout p + p,
.class-cert-callout ul {
    margin: .45rem 0 0;
}

.class-cert-callout strong {
    display: block;
    margin-bottom: .2rem;
    color: #0f172a;
    font-size: .88rem;
}

.class-cert-callout.is-ok {
    border-color: #bbf7d0;
    background: #f0fdf4;
    color: #166534;
}

.class-cert-callout.is-warn {
    border-color: #fde68a;
    background: #fffbeb;
    color: #92400e;
}

.class-cert-callout.is-danger {
    border-color: #fecaca;
    background: #fef2f2;
    color: #991b1b;
}

.class-cert-doc {
    margin-top: 1rem;
    padding: 1rem 1.05rem 1.1rem;
    border: 1px solid #e2e8f0;
    border-radius: 12px;
    background: #fff;
}

.class-cert-doc-head {
    display: flex;
    flex-wrap: wrap;
    align-items: baseline;
    justify-content: space-between;
    gap: .5rem .75rem;
    margin-bottom: .75rem;
}

.class-cert-doc-head h4 {
    margin: 0;
    font-size: .95rem;
}

.class-cert-doc-meta {
    margin: 0;
    font-size: .8rem;
    color: #64748b;
}

.class-cert-checklist {
    margin: .35rem 0 0;
    padding-left: 1.1rem;
}

.class-cert-checklist li {
    margin: .15rem 0;
}

.class-cert-doc-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: .75rem 1rem;
    margin-top: .15rem;
}

.class-cert-actions {
    display: flex;
    flex-wrap: wrap;
    gap: .5rem;
    margin-top: 1rem;
    padding-top: .85rem;
    border-top: 1px solid #eef2f7;
}

/* Belge modalı 10040 — önizleme onun üstünde olmalı, yoksa tıklanınca görünmez */
.class-cert-preview-modal {
    position: fixed;
    inset: 0;
    z-index: 10050 !important;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 16px;
    background: rgba(15, 23, 42, 0.55);
    backdrop-filter: blur(2px);
}

.class-cert-preview-dialog {
    display: flex;
    flex-direction: column;
    width: min(96vw, 1280px);
    height: min(94vh, 920px);
    max-height: 94vh;
    background: #fff;
    border-radius: 16px;
    border: 1px solid #e2e8f0;
    box-shadow: 0 24px 64px rgba(15, 23, 42, 0.28);
    overflow: hidden;
}

.class-cert-preview-header {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 12px;
    flex: 0 0 auto;
    padding: 12px 16px;
    border-bottom: 1px solid #e2e8f0;
    background: linear-gradient(180deg, #fff, #f8fafc);
}

.class-cert-preview-header h3 {
    margin: 0 0 2px;
    font-size: 1rem;
    font-weight: 800;
    color: #0f172a;
}

.class-cert-preview-header .field-hint {
    margin: 0;
}

.class-cert-preview-body {
    flex: 1 1 auto;
    min-height: 0;
    background: #d5dde3;
}

.class-cert-preview-frame {
    display: block;
    width: 100%;
    height: 100%;
    border: 0;
    background: #d5dde3;
}

.module-form-sections.is-flush {
    padding: 0.85rem 0.85rem 0;
}

.module-form-card.is-editor {
    background: transparent;
    border: 0;
    box-shadow: none;
}

.module-form-card.is-editor > .module-form-head {
    margin-bottom: 0.75rem;
    border: 1px solid var(--line-soft);
    border-radius: 12px;
    overflow: hidden;
}

.module-form-editor {
    align-items: start;
    padding: 0 0 1rem;
}

.module-form-editor .editor-main .module-form-section {
    background: var(--panel);
}

.module-form-required-list {
    margin: 0;
    padding: 0;
    list-style: none;
    display: grid;
    gap: .45rem;
}

.module-form-required-list li {
    display: flex;
    align-items: center;
    gap: .45rem;
    font-size: .82rem;
    font-weight: 650;
    color: #334155;
}

.module-form-required-list i {
    font-size: .55rem;
    color: var(--brand);
}

.module-form-editor .content-editor-side .content-editor-field input,
.module-form-editor .content-editor-side .content-editor-field select,
.module-form-editor .content-editor-side .content-editor-field textarea {
    width: 100%;
    min-height: 2.45rem;
    padding: .55rem .7rem;
    border: 1px solid #d7dee8;
    border-radius: 8px;
    background: #fff;
    color: var(--ink);
    font: inherit;
    font-size: .86rem;
    font-weight: 600;
    box-sizing: border-box;
}

.module-form-editor .content-editor-actions {
    display: grid;
    gap: .45rem;
    margin-top: 1rem;
}

.program-show-loading,
.program-show-empty { padding: 1.25rem 1.1rem; }

.program-extras-form {
    display: flex;
    flex-wrap: wrap;
    gap: .4rem;
    align-items: center;
}

.program-extras-form.is-stack {
    flex-direction: column;
    align-items: stretch;
}

.program-extras-form.is-stack .pdr-media-row,
.program-extras-form.is-stack label {
    width: 100%;
}

.program-extras-form input,
.program-extras-form select,
.program-extras-select {
    flex: 1 1 10rem;
    min-width: 0;
    min-height: 2.35rem;
    margin: 0;
    font-size: .9rem !important;
    font-weight: 550;
    color: #0f172a !important;
    background: #fff !important;
    border: 1px solid #cbd5e1;
    border-radius: 8px;
    padding: .45rem .7rem;
}

.program-extras-select.is-role {
    flex: 0 1 8.5rem;
}

.program-extras-form input.is-narrow {
    flex: 0 1 6.5rem;
}

.program-extras-form .btn {
    flex: 0 0 auto;
}

.program-extras-hint {
    margin: .45rem 0 0;
    font-size: .78rem;
    color: #94a3b8;
    line-height: 1.35;
}

.class-copy-details {
    margin: 0 0 0.85rem;
    padding: 0.65rem 0.75rem;
    border: 1px solid #e5e7eb;
    border-radius: 8px;
    background: #f8fafc;
    font-size: 0.84rem;
}

.class-copy-details summary {
    cursor: pointer;
    font-weight: 700;
    color: #334155;
}

.class-copy-details[open] summary {
    border-bottom: 1px solid #e2e8f0;
}

.class-copy-details summary::-webkit-details-marker { display: none; }

/* Eğitim kaydı / üye modal önizleme */
.ea-preview {
    position: fixed;
    inset: 0;
    z-index: 1200;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 1rem;
}
.ea-preview-backdrop {
    position: absolute;
    inset: 0;
    background: rgba(15, 23, 42, 0.55);
}
.ea-preview-dialog {
    position: relative;
    width: min(920px, 100%);
    max-height: 90vh;
    background: #fff;
    border-radius: 4px;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    box-shadow: 0 20px 50px rgba(15, 23, 42, 0.25);
}
.ea-preview-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding: 0.85rem 1rem;
    border-bottom: 1px solid #e2e8f0;
}
.ea-preview-actions {
    display: flex;
    align-items: center;
    gap: 0.75rem;
}
.ea-preview-close {
    border: 0;
    background: #f1f5f9;
    width: 2rem;
    height: 2rem;
    border-radius: 4px;
    cursor: pointer;
    font-size: 1.2rem;
    line-height: 1;
}
.ea-preview-body {
    min-height: 60vh;
    background: #0f172a;
}
.ea-preview-body iframe,
.ea-preview-body img {
    width: 100%;
    height: 70vh;
    border: 0;
    display: block;
    object-fit: contain;
    background: #0f172a;
}
body.ea-preview-open {
    overflow: hidden;
}
.ea-reject-dialog {
    width: min(480px, 100%);
    max-height: none;
}
.ea-reject-body {
    padding: 1rem 1.1rem 1.15rem;
    background: #fff;
}
.ea-reject-body textarea {
    width: 100%;
    border: 1px solid #cbd5e1;
    border-radius: 4px;
    padding: .55rem .7rem;
    font: inherit;
    resize: vertical;
    min-height: 6rem;
}
.ea-reject-actions {
    display: flex;
    justify-content: flex-end;
    gap: .5rem;
    margin-top: .85rem;
}
.ea-reject-submit {
    background: #C01018 !important;
    border-color: #C01018 !important;
}

.mt-show > .module-form-trail { margin-bottom: .85rem; }
.mt-show-hero { margin-bottom: 1rem; }
.mt-show-cover {
  background: #e2e8f0 !important;
  color: #334155;
}
.mt-show-cover.is-asil { background: #e8eef8 !important; color: #1e3a5f; }
.mt-show-cover.is-fahri { background: #e8f5ef !important; color: #166534; }
.mt-show-cover.is-tuzel { background: #f1f5f9 !important; color: #0f172a; }
.mt-show-cover.is-onursal { background: #fff7e8 !important; color: #92400e; }
.mt-show-hero-meta {
  display: flex;
  flex-wrap: wrap;
  gap: .35rem .75rem;
  margin: .55rem 0 0;
  font-size: .8rem;
  color: #64748b;
}
.mt-show-hero-meta span:not(:last-child)::after {
  content: '·';
  margin-left: .75rem;
  color: #cbd5e1;
}
.mt-show-shell { margin-top: 0; }
.mt-show-meta { margin: 0; border: none; }
.mt-show-prose {
  margin: 0;
  white-space: pre-wrap;
  font-size: .92rem;
  line-height: 1.5;
  color: #0f172a;
}
.mt-show-list {
  margin: 0;
  padding-left: 1.15rem;
  display: grid;
  gap: .4rem;
  color: #0f172a;
  line-height: 1.45;
}
.mt-show-link-row {
  display: flex;
  flex-wrap: wrap;
  gap: .5rem;
  margin-top: 1rem;
}
.mt-show-assign {
  display: grid;
  gap: .65rem;
  margin-top: 1rem;
  max-width: 28rem;
}
.mt-show-assign label {
  display: grid;
  gap: .3rem;
  font-size: .8rem;
  font-weight: 700;
  color: #475569;
}
.mt-show-assign select {
  min-height: 2.4rem;
  border-radius: 4px;
}
.mt-show-assign-actions {
  display: flex;
  flex-wrap: wrap;
  gap: .5rem;
}

@media (max-width: 900px) {
  .mt-hub-item-main { grid-template-columns: auto minmax(0, 1fr); }
  .mt-hub-stats {
    grid-column: 2;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    text-align: left;
  }
}
@media (max-width: 700px) {
  .mt-hub-tabs { grid-template-columns: 1fr; }
  .mt-hub-tabs button { border-right: 0; border-bottom: 1px solid #e2e8f0; justify-content: flex-start; padding-left: 1rem; }
  .mt-hub-tabs button:last-child { border-bottom: 0; }
  .mt-hub-toolbar { grid-template-columns: 1fr; }
  .mt-hub-item { grid-template-columns: 1fr; }
  .mt-hub-item-actions { justify-content: stretch; }
  .mt-hub-item-actions .btn { flex: 1; }
}

.mem-chip.is-nowrap { white-space: nowrap; }

.mem-show-note {
  padding: .85rem 1rem;
  border-radius: 4px;
  border-color: #fde68a;
  background: #fffbeb;
  color: #92400e;
  font-size: .9rem;
  font-weight: 500;
}
.mem-show .program-show-meta dt {
  font-weight: 600;
}
.mem-show .program-show-meta dd {
  font-weight: 500;
  color: #334155;
}
.mem-show .mt-show-cover {
  width: 64px;
  height: 64px;
  border-radius: 10px;
  font-size: 1.15rem;
}
.mem-show .program-show-hero {
  align-items: center;
  gap: 1rem 1.5rem;
}
.mem-show .program-show-hero-copy h2,
.mem-show .mem-show-name {
  margin: 0;
  font-size: 1.12rem;
  font-weight: 600;
  letter-spacing: -.01em;
  color: #0f172a;
  line-height: 1.3;
}
.mem-show-hero-idrow {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: .45rem .65rem;
  margin-top: .35rem;
}
.mem-show .program-show-slug {
  margin-top: 0;
  font-weight: 500;
}
.mem-show-tc {
  font-size: .78rem;
  font-weight: 500;
  color: #475569;
  font-variant-numeric: tabular-nums;
  letter-spacing: .02em;
}
.mem-show .mt-show-hero-meta {
  margin-top: .4rem;
  font-weight: 400;
}
.mem-show-hero-actions {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: .4rem;
  width: 12.75rem;
  min-width: 12.75rem;
  flex-shrink: 0;
}
.mem-show-hero-actions-primary,
.mem-show-hero-actions-secondary {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: .4rem;
  width: 100%;
}
.mem-show-hero-actions .btn,
.mem-show-hero-actions .mem-show-hero-btn {
  display: inline-flex;
  width: 100%;
  box-sizing: border-box;
  justify-content: flex-start;
  align-items: center;
  gap: .4rem;
  margin: 0;
  border-radius: 4px;
  text-align: left;
  white-space: nowrap;
}
.mem-show-inline-btn {
  margin-left: .35rem;
  padding: .2rem .55rem;
  font-size: .75rem;
  vertical-align: middle;
}
.mem-show-audit {
  margin: 0;
  list-style: none;
  padding: 0;
}
.mem-show-audit li {
  padding: .55rem 0;
  border-bottom: 1px solid #f1f5f9;
  font-size: .88rem;
  font-weight: 400;
  color: #475569;
  line-height: 1.45;
}
.mem-show-audit li:last-child { border-bottom: 0; }
.mem-show-audit-title {
  font-weight: 600;
  color: #0f172a;
}
.mem-show-audit-detail {
  font-weight: 400;
  color: #64748b;
}
.mem-show-activity-filters {
  margin: 0 0 .85rem;
}
.mem-show-activity-timeline {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  gap: .55rem;
}
.mem-show-activity-item {
  display: grid;
  grid-template-columns: 12px 1fr;
  gap: .7rem;
  align-items: start;
  padding: .75rem .85rem;
  border: 1px solid #e2e8f0;
  border-radius: 8px;
  background: #fff;
}
.mem-show-activity-item.is-member {
  border-color: #a7f3d0;
  background: #f8fffb;
}
.mem-show-activity-item.is-site {
  border-color: #e2e8f0;
  background: #fafbfc;
}
.mem-show-activity-rail {
  position: relative;
  width: 10px;
  margin-top: .35rem;
}
.mem-show-activity-rail::before {
  content: '';
  position: absolute;
  left: 1px;
  top: 0;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #94a3b8;
  border: 2px solid #fff;
  box-shadow: 0 0 0 1px #cbd5e1;
}
.mem-show-activity-item.is-member .mem-show-activity-rail::before {
  background: #059669;
  box-shadow: 0 0 0 1px #a7f3d0;
}
.mem-show-activity-item.is-site .mem-show-activity-rail::before {
  background: #475569;
  box-shadow: 0 0 0 1px #cbd5e1;
}
.mem-show-activity-body {
  min-width: 0;
}
.mem-show-activity-top {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: .4rem .65rem;
  margin-bottom: .25rem;
}
.mem-show-activity-when {
  font-size: .78rem;
}
.mem-show-activity-title {
  display: block;
  font-size: .9rem;
  font-weight: 650;
  color: #0f172a;
  line-height: 1.35;
}
.mem-show-activity-detail {
  margin: .2rem 0 0;
  font-size: .82rem;
  color: #64748b;
  line-height: 1.4;
}
.mem-show-activity-open {
  margin-top: .45rem;
}
.mem-show-status-dialog {
  width: min(420px, 100%);
  max-height: none;
  border-radius: 8px;
  box-shadow: 0 18px 40px rgba(15, 23, 42, .18);
}
.mem-show-status-head {
  padding: .75rem 1rem;
  background: #fff;
}
.mem-show-status-head-copy {
  display: grid;
  gap: .15rem;
  min-width: 0;
}
.mem-show-status-head-copy strong {
  font-size: .95rem;
  font-weight: 600;
  color: #0f172a;
}
.mem-show-status-sub {
  font-size: .78rem;
  font-weight: 400;
  color: #64748b;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.mem-show-status-body {
  min-height: 0 !important;
  padding: 1rem 1.1rem 1.15rem;
  display: grid;
  gap: .75rem;
  background: #fff !important;
  color: #0f172a;
}
.mem-show-status-hint {
  margin: 0;
  font-size: .82rem;
  font-weight: 400;
  line-height: 1.45;
  color: #64748b;
}
.mem-show-status-body .field {
  display: grid;
  gap: .35rem;
  margin: 0;
}
.mem-show-status-body .field > span {
  font-size: .78rem;
  font-weight: 600;
  color: #475569;
}
.mem-show-status-body select,
.mem-show-status-body textarea {
  width: 100%;
  border: 1px solid #cbd5e1;
  border-radius: 6px;
  padding: .5rem .65rem;
  font: inherit;
  font-size: .9rem;
  font-weight: 400;
  color: #0f172a;
  background: #fff;
}
.mem-show-status-body select {
  min-height: 2.35rem;
}
.mem-show-status-body textarea {
  resize: vertical;
  min-height: 4.5rem;
  line-height: 1.45;
}
.mem-show-status-actions {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: .45rem;
  margin-top: .15rem;
  padding-top: .15rem;
}
@media (max-width: 720px) {
  .mem-show .program-show-hero {
    grid-template-columns: 1fr;
  }
  .mem-show-hero-actions {
    align-items: stretch;
    width: 100%;
    min-width: 0;
  }
  .mem-show-hero-actions-primary,
  .mem-show-hero-actions-secondary {
    width: 100%;
  }
  .mem-show-hero-actions .btn,
  .mem-show-hero-actions .mem-show-hero-btn {
    width: 100%;
  }
}
.mem-show .mt-show-cover {
  width: 112px;
  height: 112px;
  border-radius: 14px;
  font-size: 2rem;
  overflow: hidden;
  display: grid;
  place-items: center;
}
.mem-show .mt-show-cover.has-photo {
  background: #f1f5f9 !important;
  border: 1px solid #e2e8f0;
}
.mem-show-avatar {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
.mem-show-finance {
  display: grid;
  gap: .85rem;
}
.mem-show-finance-stats {
  display: flex;
  flex-wrap: wrap;
  gap: .65rem;
}
.mem-show-finance-stat {
  min-width: 7.5rem;
  padding: .65rem .85rem;
  border: 1px solid #e2e8f0;
  border-radius: 8px;
  background: #f8fafc;
  display: grid;
  gap: .2rem;
}
.mem-show-finance-stat-label {
  font-size: .72rem;
  font-weight: 600;
  color: #64748b;
  letter-spacing: .02em;
  text-transform: uppercase;
}
.mem-show-finance-stat-value {
  font-size: 1.15rem;
  font-weight: 600;
  color: #0f172a;
  line-height: 1.2;
}
.mem-show-finance-lead {
  margin: 0;
  font-size: .88rem;
  font-weight: 400;
  line-height: 1.45;
  color: #475569;
}
.mem-show-finance-table-wrap {
  overflow-x: auto;
  width: 100%;
}
.mem-show-finance-table-wrap table.data {
  width: 100%;
}
.mem-show-finance-empty {
  padding: 1rem 1.1rem;
  border: 1px dashed #cbd5e1;
  border-radius: 8px;
  background: #fafafa;
}
.mem-show-finance-empty p {
  margin: 0;
  font-size: .9rem;
  font-weight: 500;
  color: #334155;
}
.mem-show-finance-empty .muted {
  margin-top: .35rem;
  font-weight: 400;
  font-size: .82rem;
}
.mem-show-finance-actions {
  display: flex;
  flex-wrap: wrap;
  gap: .45rem;
}
.mem-show-finance-footnote {
  margin: 0;
  font-size: .78rem;
  line-height: 1.4;
}
.mem-show-egitim-section {
  display: grid;
  gap: .55rem;
}
.mem-show-egitim-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: .75rem;
  padding: .55rem .15rem 0;
  border-top: 1px solid #e2e8f0;
}
.mem-show-egitim-head:first-of-type {
  border-top: 0;
  padding-top: 0;
}
.mem-show-egitim-head h4 {
  margin: 0;
  font-size: .88rem;
  font-weight: 700;
  color: #0f172a;
}
.mem-show-egitim-head span {
  font-size: .72rem;
  font-weight: 700;
  color: #64748b;
  letter-spacing: .02em;
  text-transform: uppercase;
}
.mem-show-egitim-action {
  width: 1%;
  white-space: nowrap;
  text-align: right;
}
.mem-show-egitim-action .btn.sm {
  padding: .28rem .55rem;
  font-size: .74rem;
}
.mem-show-receipt {
  font-size: .78rem;
  font-weight: 500;
  background: #f1f5f9;
  padding: .12rem .35rem;
  border-radius: 4px;
}

/* ?? Member show ?? */
.mem-show { display: grid; gap: 1.1rem; }
.mem-hero {
    display: grid;
    gap: 1.15rem;
    padding: 1.25rem 1.35rem;
    border-radius: 16px;
    border: 1px solid #e2e8f0;
    background:
        radial-gradient(900px 220px at 0% 0%, rgba(192, 16, 24, .08), transparent 55%),
        radial-gradient(700px 200px at 100% 0%, rgba(88, 192, 208, .12), transparent 50%),
        linear-gradient(180deg, #fff, #f8fafc);
}
.mem-hero-main { display: flex; align-items: center; gap: 1rem; }
.mem-avatar {
    width: 4rem; height: 4rem; border-radius: 14px;
    display: grid; place-items: center;
    background: #C01018; color: #fff;
    font-weight: 800; font-size: 1.15rem; letter-spacing: .02em;
    box-shadow: 0 10px 24px rgba(192, 16, 24, .22);
    flex: 0 0 auto;
}
.mem-eyebrow {
    margin: 0 0 .2rem;
    font-size: .78rem; font-weight: 700;
    letter-spacing: .06em; text-transform: uppercase;
    color: #64748b;
}
.mem-name { margin: 0; font-size: 1.45rem; color: #0f172a; letter-spacing: -.02em; }
.mem-chips { display: flex; flex-wrap: wrap; gap: .4rem; margin-top: .55rem; }
.mem-chip {
    display: inline-flex; align-items: center;
    padding: .22rem .55rem; border-radius: 4px;
    font-size: .75rem; font-weight: 700;
    background: #f1f5f9; color: #334155; border: 1px solid #e2e8f0;
}
.mem-chip.is-ok { background: #ecfdf5; color: #047857; border-color: #a7f3d0; }
.mem-chip.is-warn { background: #fffbeb; color: #b45309; border-color: #fde68a; }
.mem-chip.is-bad { background: #fef2f2; color: #b91c1c; border-color: #fecaca; }
.mem-chip.is-muted { background: #f8fafc; color: #64748b; }
.mem-stats {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: .75rem;
}
.mem-stats > div {
    padding: .8rem .95rem;
    border-radius: 12px;
    border: 1px solid #e2e8f0;
    background: rgba(255,255,255,.8);
}
.mem-stats span {
    display: block;
    font-size: .72rem; font-weight: 700;
    letter-spacing: .04em; text-transform: uppercase;
    color: #64748b; margin-bottom: .25rem;
}
.mem-stats strong {
    font-size: 1.15rem; color: #0f172a; letter-spacing: -.02em;
}
.mem-grid {
    display: grid;
    grid-template-columns: 1.1fr .9fr;
    gap: 1rem;
    align-items: start;
}
.mem-panel { padding: 1.1rem 1.2rem; }
.mem-panel-wide { grid-column: 1 / -1; }
.mem-panel-head {
    display: flex; align-items: baseline; justify-content: space-between;
    gap: .75rem; margin-bottom: .85rem;
}
.mem-panel-head h3 {
    margin: 0; font-size: 1rem; color: #0f172a;
}
.mem-muted { font-size: .8rem; color: #64748b; font-weight: 600; }
.mem-dl {
    display: grid; gap: .65rem; margin: 0;
}
.mem-dl > div {
    display: grid; grid-template-columns: 8.5rem 1fr; gap: .5rem;
    padding-bottom: .55rem; border-bottom: 1px solid #f1f5f9;
}
.mem-dl > div:last-child { border-bottom: 0; padding-bottom: 0; }
.mem-dl dt {
    margin: 0; font-size: .78rem; font-weight: 700;
    color: #64748b; text-transform: uppercase; letter-spacing: .03em;
}
.mem-dl dd { margin: 0; font-size: .92rem; color: #0f172a; word-break: break-word; }
.mem-form { display: grid; gap: .7rem; }
.mem-form label {
    display: grid; gap: .3rem;
    font-size: .8rem; font-weight: 700; color: #475569;
}
.mem-form input,
.mem-form select,
.mem-form textarea {
    width: 100%;
    border: 1px solid #dbe3ee;
    border-radius: 10px;
    padding: .55rem .7rem;
    font: inherit; color: #0f172a; background: #fff;
}
.mem-form textarea { resize: vertical; min-height: 4.5rem; }

/* —— Manuel üye oluşturma formu —— */
.mem-create-layout { align-items: start; }
.mem-create-shell { margin-bottom: 0; overflow: hidden; }
.mem-create-tabs {
  display: flex;
  flex-wrap: wrap;
  gap: .3rem;
  padding: .65rem .85rem;
  border-bottom: 1px solid #eef2f6;
  background: #f8fafc;
}
.mem-create-tab {
  display: inline-flex;
  align-items: center;
  gap: .4rem;
  margin: 0;
  padding: .45rem .7rem;
  border: 1px solid transparent;
  border-radius: 8px;
  background: transparent;
  font: inherit;
  font-size: .78rem;
  font-weight: 650;
  color: #64748b;
  cursor: pointer;
  white-space: nowrap;
}
.mem-create-tab i { font-size: .78rem; opacity: .85; }
.mem-create-tab:hover {
  color: #0f172a;
  background: #fff;
  border-color: #e2e8f0;
}
.mem-create-tab.is-active {
  color: #1e3a5f;
  background: #fff;
  border-color: #cbd5e1;
  box-shadow: 0 1px 2px rgba(15, 23, 42, .06);
}
.mem-create-pane { padding-top: 1.1rem; }
.mem-create-form label.mem-create-field {
  display: flex;
  flex-direction: column;
  gap: .35rem;
  margin: 0;
  min-width: 0;
  font-size: inherit;
  font-weight: inherit;
  color: inherit;
}
.mem-create-label {
  display: block;
  font-size: .78rem;
  font-weight: 700;
  color: #475569;
  line-height: 1.25;
}
.mem-create-form .mem-create-field .field-hint {
  margin: 0;
  font-size: .74rem;
  line-height: 1.4;
  color: #94a3b8;
}
.mem-create-form .mem-create-field input:not([type='checkbox']),
.mem-create-form .mem-create-field select,
.mem-create-form .mem-create-field textarea {
  width: 100%;
  min-width: 0;
  min-height: 2.65rem;
  margin: 0;
  padding: .65rem .8rem;
  border: 1px solid #d7dee8;
  border-radius: 8px;
  background: #fff;
  color: var(--ink);
  font: inherit;
  font-size: .88rem;
  font-weight: 600;
  line-height: 1.35 !important;
  box-sizing: border-box;
  box-shadow: 0 1px 0 rgba(15, 23, 42, .02);
}
.mem-create-form .mem-create-field select {
  appearance: none;
  -webkit-appearance: none;
  height: 2.65rem;
  padding-right: 2rem;
  cursor: pointer;
  background-color: #fff;
  background-image:
    linear-gradient(45deg, transparent 50%, #64748b 50%),
    linear-gradient(135deg, #64748b 50%, transparent 50%);
  background-position:
    calc(100% - 14px) calc(50% - 2px),
    calc(100% - 9px) calc(50% - 2px);
  background-size: 5px 5px, 5px 5px;
  background-repeat: no-repeat;
}
.mem-create-form .mem-create-field input:not([type='checkbox']):focus,
.mem-create-form .mem-create-field select:focus,
.mem-create-form .mem-create-field textarea:focus {
  border-color: #93c5fd;
  box-shadow: 0 0 0 3px rgba(37, 99, 235, .15);
  outline: 0;
}
.mem-create-form .mem-create-field input:disabled,
.mem-create-form .mem-create-field select:disabled,
.mem-create-form .mem-create-field textarea:disabled {
  opacity: .72;
  cursor: not-allowed;
  background: #f8fafc;
}
.mem-create-form .mem-create-field textarea {
  height: auto;
  min-height: 4.5rem;
  resize: vertical;
}
.mem-create-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: .85rem 1rem;
  align-items: start;
}
.mem-create-grid .mem-create-field.is-full,
.mem-create-grid .mem-create-note.is-full {
  grid-column: 1 / -1;
}
.mem-create-grid .mem-create-field input:not([type='checkbox']),
.mem-create-grid .mem-create-field select {
  height: 2.65rem;
}
.mem-create-actions {
  display: grid;
  gap: .45rem;
  margin-top: .85rem;
}
.mem-create-side-checklist {
  display: grid;
  gap: .45rem;
  margin-top: .65rem;
}
.mem-create-side-checklist > span {
  display: inline-flex;
  align-items: center;
  gap: .45rem;
  font-size: .82rem;
  font-weight: 650;
}
.mem-create-side-checklist > span.is-ok { color: #15803d; }
.mem-create-side-checklist > span.is-warn { color: #b45309; }
.mem-create-side-notes {
  margin: 0;
  padding-left: 1.1rem;
  display: grid;
  gap: .4rem;
  font-size: .8rem;
  line-height: 1.45;
  color: #64748b;
}
.mem-create-later-list {
  margin: .65rem 0 0;
  padding-left: 1.15rem;
  display: grid;
  gap: .55rem;
  font-size: .86rem;
  line-height: 1.45;
  color: #334155;
}
.mem-create-result .admin-inline-ok { margin-top: 0; }
.mem-create-result-meta {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: .85rem;
  margin: 1rem 0;
}
.mem-create-result-meta dt {
  margin: 0 0 .25rem;
  font-size: .7rem;
  font-weight: 800;
  letter-spacing: .04em;
  text-transform: uppercase;
  color: #64748b;
}
.mem-create-result-meta dd {
  margin: 0;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: .45rem;
  font-size: .95rem;
  font-weight: 700;
  color: #0f172a;
}
.mem-create-result-chip { margin-left: .15rem; }
.mem-create-result-actions {
  display: flex;
  flex-wrap: wrap;
  gap: .5rem;
  margin-top: 1rem;
}
@media (max-width: 900px) {
  .mem-create-grid { grid-template-columns: 1fr; }
  .mem-create-result-meta { grid-template-columns: 1fr; }
  .mem-create-tab span { display: none; }
  .mem-create-tab { padding: .5rem .65rem; }
  .mem-create-tab i { font-size: .9rem; opacity: 1; }
}
.mem-table-wrap { overflow-x: auto; }
.mem-table {
    width: 100%; border-collapse: collapse;
    font-size: .88rem;
}
.mem-table th,
.mem-table td {
    padding: .65rem .55rem;
    border-bottom: 1px solid #eef2f7;
    text-align: left; vertical-align: middle;
}
.mem-table th {
    font-size: .72rem; text-transform: uppercase; letter-spacing: .04em;
    color: #64748b; font-weight: 800;
}
.mem-table .num { text-align: right; font-variant-numeric: tabular-nums; white-space: nowrap; }
.mem-table .mono { font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; font-size: .78rem; color: #475569; }
.mem-table .empty,
.mem-list .empty {
    color: #64748b; font-weight: 600; text-align: center; padding: 1rem;
}

/* —— Destek talepleri katalog —— */
.support-tickets-catalog { margin-top: 0; }
.support-ticket-id {
  display: inline-block;
  margin-right: .25rem;
  font-weight: 800;
  color: #64748b;
  font-variant-numeric: tabular-nums;
}
.support-ticket-contact {
  display: block;
  margin-top: .15rem;
  font-size: .78rem;
  line-height: 1.35;
}
.support-ticket-person {
  display: flex;
  align-items: flex-start;
  gap: .65rem;
  min-width: 0;
}
.support-ticket-person .apps-hub-avatar.sm {
  flex: 0 0 auto;
  width: 2rem;
  height: 2rem;
  font-size: .68rem;
}
.support-ticket-card .tp-card-body {
  align-items: flex-start;
}

/* —— Destek talep detay —— */
.support-ticket-show { align-items: start; }
.support-member-quick {
  display: grid;
  gap: .65rem;
  margin: 0 0 .85rem;
  padding: .85rem 1rem;
  border: 1px solid #e2e8f0;
  border-radius: 12px;
  background: #f8fafc;
}
.support-member-quick.is-clickable {
  border-color: #cbd5e1;
  box-shadow: 0 1px 0 rgba(15, 23, 42, .04);
}
.support-member-quick-main {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: .45rem .7rem;
  min-width: 0;
}
.support-member-quick .org-status-chip {
  display: inline-flex;
  align-items: center;
  gap: .3rem;
  padding: .28rem .55rem;
  white-space: nowrap;
  line-height: 1.2;
}
.support-member-quick-type {
  font-size: .9rem;
  font-weight: 700;
  color: #0f172a;
}
.support-member-quick-cue {
  display: inline;
  font-size: .68em;
  font-weight: 700;
  letter-spacing: .04em;
  text-transform: uppercase;
  opacity: .85;
}
.support-member-quick-no {
  font-size: .84rem;
  color: #475569;
}
.support-member-quick-no code {
  font-size: .84rem;
}
.support-member-quick-doc {
  font-size: .8rem;
  color: #64748b;
}
.support-member-quick-links {
  display: flex;
  flex-wrap: wrap;
  gap: .45rem;
}
.support-member-quick-nudge {
  margin: 0;
}
.support-member-drawer {
  position: fixed;
  inset: 0;
  z-index: 1300;
  display: flex;
  justify-content: flex-end;
}
.support-member-drawer-backdrop {
  position: absolute;
  inset: 0;
  border: 0;
  margin: 0;
  padding: 0;
  background: rgba(15, 23, 42, .35);
  cursor: pointer;
}
.support-member-drawer-panel {
  position: relative;
  z-index: 1;
  width: min(440px, 100vw);
  height: 100%;
  overflow: auto;
  background: #fff;
  box-shadow: -8px 0 28px rgba(15, 23, 42, .18);
  display: flex;
  flex-direction: column;
}
.support-member-drawer-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: .65rem;
  padding: .75rem .9rem;
  border-bottom: 1px solid #e2e8f0;
  background: #f8fafc;
  position: sticky;
  top: 0;
  z-index: 2;
}
.support-member-drawer-head strong {
  font-size: .92rem;
}
.support-member-drawer-actions {
  display: flex;
  flex-wrap: wrap;
  gap: .35rem;
}
.support-member-drawer-panel .mem-crm-preview-head {
  padding-top: .35rem;
}
.support-ticket-messages {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  gap: .85rem;
}
.support-ticket-msg {
  padding: .9rem 1rem;
  border: 1px solid #e2e8f0;
  border-radius: 12px;
  background: #f8fafc;
}
.support-ticket-msg.is-admin {
  background: #eff6ff;
  border-color: #bfdbfe;
}
.support-ticket-msg.is-internal {
  background: var(--warn-soft);
  border-color: #fde68a;
  border-left: 3px solid var(--warn);
}
.support-ticket-msg.is-internal .support-ticket-msg-head strong {
  color: var(--warn);
}
.support-ticket-msg-head {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  justify-content: space-between;
  gap: .35rem .75rem;
  margin-bottom: .45rem;
}
.support-ticket-msg-head strong {
  font-size: .82rem;
  font-weight: 800;
  color: #0f172a;
}
.support-ticket-msg-body {
  white-space: pre-wrap;
  font-size: .9rem;
  line-height: 1.5;
  color: #1e293b;
}
.support-ticket-msg-attach {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: .5rem .75rem;
  margin: .55rem 0 0;
  font-size: .82rem;
}
.support-ticket-attach-name {
  display: inline-flex;
  align-items: center;
  gap: .35rem;
  min-width: 0;
  word-break: break-word;
  color: #64748b;
}
.support-ticket-msg-attach a {
  display: inline-flex;
  align-items: center;
  gap: .35rem;
}
.support-ticket-status-row {
  margin-bottom: .85rem;
}
.support-ticket-meta {
  display: grid;
  gap: .65rem;
  margin: 0;
}
.support-ticket-meta dt {
  margin: 0 0 .15rem;
  font-size: .68rem;
  font-weight: 800;
  letter-spacing: .04em;
  text-transform: uppercase;
  color: #64748b;
}
.support-ticket-meta dd {
  margin: 0;
  font-size: .88rem;
  font-weight: 650;
  color: #0f172a;
}
.support-ticket-reply {
  display: grid;
  gap: .85rem;
}
.support-ticket-reply .mem-create-field {
  display: flex;
  flex-direction: column;
  gap: .35rem;
  margin: 0;
}
.support-ticket-reply .mem-create-label {
  font-size: .78rem;
  font-weight: 700;
  color: #475569;
}
.support-ticket-reply textarea.input,
.support-ticket-reply select.input {
  width: 100%;
  min-height: 2.65rem;
  padding: .65rem .8rem;
  border: 1px solid #d7dee8;
  border-radius: 8px;
  background: #fff;
  font: inherit;
  font-size: .88rem;
  font-weight: 600;
  box-sizing: border-box;
}
.support-ticket-reply textarea.input {
  min-height: 7rem;
  resize: vertical;
}
.support-reply-picker {
  margin-bottom: .85rem;
}
.support-reply-picker .mem-create-field {
  display: flex;
  flex-direction: column;
  gap: .35rem;
  margin: 0 0 .55rem;
}
.support-reply-picker .mem-create-label {
  font-size: .78rem;
  font-weight: 700;
  color: #475569;
}
.support-reply-picker .input {
  width: 100%;
  box-sizing: border-box;
}
.support-reply-picker-list,
.support-reply-manage-list {
  list-style: none;
  margin: 0;
  padding: 0;
  max-height: 16rem;
  overflow: auto;
  border: 1px solid #d7dee8;
  border-radius: 8px;
  background: #fff;
}
.support-reply-manage-list {
  max-height: none;
}
.support-reply-picker-list button,
.support-reply-manage-list li {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: .15rem;
  width: 100%;
  text-align: left;
  border: 0;
  border-bottom: 1px solid #e8eef5;
  background: #fff;
  padding: .55rem .7rem;
  font: inherit;
  cursor: pointer;
}
.support-reply-manage-list li {
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  gap: .75rem;
  cursor: default;
}
.support-reply-manage-list li.is-off {
  opacity: .65;
}
.support-reply-picker-list button strong,
.support-reply-manage-list strong {
  font-size: .84rem;
  color: #0f172a;
}
.support-reply-picker-list span,
.support-reply-manage-list span {
  font-size: .72rem;
  color: #64748b;
}
.support-reply-picker-list em,
.support-reply-manage-list em {
  font-style: normal;
  font-size: .68rem;
  font-weight: 700;
  color: #9a3412;
}
.support-reply-picker-note {
  margin: 0;
  font-size: .78rem;
}
.support-reply-manage-actions {
  display: flex;
  gap: .4rem;
  flex-shrink: 0;
}
.support-ticket-reply select.input {
  appearance: none;
  -webkit-appearance: none;
  height: 2.65rem;
  padding-right: 2rem;
  background-image:
    linear-gradient(45deg, transparent 50%, #64748b 50%),
    linear-gradient(135deg, #64748b 50%, transparent 50%);
  background-position:
    calc(100% - 14px) calc(50% - 2px),
    calc(100% - 9px) calc(50% - 2px);
  background-size: 5px 5px, 5px 5px;
  background-repeat: no-repeat;
}

/* Destek konuları paneli */
.support-hub-tabs {
  display: flex;
  flex-wrap: wrap;
  gap: .4rem;
  margin: 0 0 1rem;
}
.support-hub-tab {
  border: 1px solid #dbe1ea;
  background: #fff;
  color: #475569;
  border-radius: var(--dr-radius, 4px);
  padding: .45rem .9rem;
  font-size: .86rem;
  font-weight: 700;
  cursor: pointer;
}
.support-hub-tab.is-active {
  background: #1e3a5f;
  border-color: #1e3a5f;
  color: #fff;
}
.support-topic-form {
  margin: 0 0 1.25rem;
  padding: 1rem 1.1rem;
  border: 1px solid #e2e8f0;
  border-radius: var(--dr-radius, 4px);
  background: #fff;
}
.support-topic-form h3 {
  margin: 0 0 .85rem;
  font-size: 1rem;
  color: #0f172a;
}
.support-topic-form-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: .75rem 1rem;
}
.support-topic-form-span2 { grid-column: 1 / -1; }
.support-topic-form .org-field > span:first-child {
  font-size: .68rem;
  font-weight: 700;
  letter-spacing: .06em;
  text-transform: uppercase;
  color: #64748b;
}
.support-topic-check {
  display: flex !important;
  flex-direction: row;
  align-items: center;
  gap: .5rem;
  align-self: end;
  padding-bottom: .35rem;
}
.support-topic-check span {
  text-transform: none !important;
  letter-spacing: 0 !important;
  font-size: .88rem !important;
  font-weight: 600 !important;
  color: #334155 !important;
}
.support-topic-form-actions {
  display: flex;
  flex-wrap: wrap;
  gap: .5rem;
  margin-top: 1rem;
}
.support-topic-row-acts {
  display: flex;
  flex-wrap: wrap;
  gap: .35rem;
  justify-content: flex-end;
}
.support-topics-panel .org-table-wrap {
  overflow-x: auto;
  border: 1px solid #e2e8f0;
  border-radius: var(--dr-radius, 4px);
  background: #fff;
}
.support-topics-panel .org-table {
  width: 100%;
  border-collapse: collapse;
  font-size: .88rem;
}
.support-topics-panel .org-table th,
.support-topics-panel .org-table td {
  padding: .7rem .75rem;
  border-bottom: 1px solid #eef2f7;
  text-align: left;
  vertical-align: top;
}
.support-topics-panel .org-table th {
  font-size: .72rem;
  text-transform: uppercase;
  letter-spacing: .04em;
  color: #64748b;
  background: #f8fafc;
}
.support-topics-panel .org-table tr.is-muted td { opacity: .72; }
.support-topics-panel .org-flash {
  margin: 0 0 .85rem;
  padding: .65rem .85rem;
  border-radius: var(--dr-radius, 4px);
  font-size: .88rem;
}
.support-topics-panel .org-flash.is-ok {
  background: rgba(22, 163, 74, .1);
  color: #15803d;
}
.support-topics-panel .org-flash.is-error {
  background: rgba(192, 16, 24, .08);
  color: #b91c1c;
}
@media (max-width: 720px) {
  .support-topic-form-grid { grid-template-columns: 1fr; }
  .support-topic-form-span2 { grid-column: auto; }
}

.mem-list {
    list-style: none; margin: 0; padding: 0;
    display: grid; gap: .55rem;
}
.mem-list li {
    display: flex; align-items: center; justify-content: space-between;
    gap: .75rem;
    padding: .7rem .8rem;
    border: 1px solid #eef2f7;
    border-radius: 12px;
    background: #f8fafc;
}
.mem-list li.empty { justify-content: center; background: transparent; }
.mem-list strong { display: block; color: #0f172a; font-size: .9rem; }
.mem-list span { display: block; margin-top: .15rem; color: #64748b; font-size: .8rem; font-weight: 600; }
.mem-list-actions { display: flex; gap: .4rem; flex-wrap: wrap; }
.mem-avatar-img {
    width: 4.25rem; height: 4.25rem; border-radius: 14px;
    object-fit: cover; flex: 0 0 auto;
    border: 2px solid #fff;
    box-shadow: 0 10px 24px rgba(15, 23, 42, .12);
}
.mem-stat-em {
    display: block;
    margin-top: .2rem;
    font-size: .72rem;
    font-style: normal;
    font-weight: 700;
    color: #b45309;
}
.mem-tabs {
    display: flex;
    flex-wrap: wrap;
    gap: .15rem .35rem;
    border-bottom: 1px solid #e2e8f0;
    padding: 0 .15rem;
}
.mem-tab {
    appearance: none; border: 0; background: transparent; cursor: pointer;
    display: inline-flex; align-items: center; gap: .4rem;
    padding: .7rem .85rem;
    font: inherit; font-size: .86rem; font-weight: 700;
    color: #64748b;
    border-bottom: 2px solid transparent;
    margin-bottom: -1px;
}
.mem-tab i { font-size: .78rem; opacity: .85; }
.mem-tab em {
    font-style: normal;
    font-size: .68rem;
    font-weight: 800;
    padding: .1rem .4rem;
    border-radius: 999px;
    background: #f1f5f9;
    color: #475569;
}
.mem-tab:hover { color: #0f172a; }
.mem-tab.is-active { color: #0f172a; border-bottom-color: #C01018; }
.mem-tab.is-active em { background: rgba(192,16,24,.1); color: #C01018; }
.mem-panel-card { padding: 1.15rem 1.25rem; }
.mem-panel-card h3 { margin: 0 0 .85rem; font-size: 1rem; color: #0f172a; }
.mem-split {
    display: grid;
    grid-template-columns: 1.05fr .95fr;
    gap: 1.25rem;
    align-items: start;
}
.mem-form-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: .75rem;
}
.mem-form-grid label {
    display: grid; gap: .3rem;
    font-size: .8rem; font-weight: 700; color: #475569;
}
.mem-form-grid input,
.mem-form-grid select,
.mem-form-grid textarea,
.mem-inline-form select {
    width: 100%;
    border: 1px solid #dbe3ee;
    border-radius: 10px;
    padding: .55rem .7rem;
    font: inherit; color: #0f172a; background: #fff;
}
.mem-form-actions { display: flex; align-items: end; }
.mem-profile-block {
    margin: 1rem 0 1.15rem;
    padding-top: .85rem;
    border-top: 1px solid #eef2f7;
}
.mem-profile-block h3 { margin-bottom: .7rem; }
.mem-docs {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: .75rem;
}
.mem-doc {
    display: grid;
    grid-template-columns: 3.5rem 1fr auto;
    gap: .75rem;
    align-items: center;
    padding: .75rem .85rem;
    border: 1px solid #eef2f7;
    border-radius: 12px;
    background: #f8fafc;
}
.mem-doc-preview {
    width: 3.5rem; height: 3.5rem; border-radius: 10px;
    overflow: hidden; display: grid; place-items: center;
    background: #e2e8f0; color: #64748b;
}
.mem-doc-preview img { width: 100%; height: 100%; object-fit: cover; }
.mem-doc strong { display: block; font-size: .9rem; color: #0f172a; }
.mem-doc span { display: block; margin-top: .15rem; font-size: .75rem; font-weight: 700; color: #64748b; }
.mem-inline-form { display: flex; gap: .4rem; align-items: center; flex-wrap: wrap; }
.mem-inline-form select { width: auto; min-width: 7.5rem; padding: .35rem .5rem; }
.mem-empty { margin: 0; color: #64748b; font-weight: 600; }
.mem-log {
    margin: 0;
    padding: 1rem 1.1rem;
    border-radius: 12px;
    border: 1px solid #e2e8f0;
    background: #0f172a;
    color: #e2e8f0;
    font-size: .82rem;
    line-height: 1.55;
    white-space: pre-wrap;
    word-break: break-word;
    max-height: 28rem;
    overflow: auto;
}

@media (max-width: 980px) {
    .mem-stats { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .mem-grid { grid-template-columns: 1fr; }
    .mem-split { grid-template-columns: 1fr; }
    .mem-form-grid { grid-template-columns: 1fr; }
    .mem-docs { grid-template-columns: 1fr; }
    .mem-dl > div { grid-template-columns: 1fr; gap: .15rem; }
    .mem-tabs { overflow-x: auto; flex-wrap: nowrap; }
    .mem-tab { white-space: nowrap; }
}

/* ?? ?yeler listesi hub ?? */
.mem-hub { margin-bottom: 1rem; }
.mem-hub-stats {
    display: grid;
    grid-template-columns: repeat(6, minmax(0, 1fr));
    gap: .75rem;
    margin-top: 1.1rem;
}
.mem-hub-stat {
    display: grid;
    grid-template-columns: auto 1fr;
    gap: .65rem;
    align-items: center;
    padding: .9rem 1rem;
    border-radius: 14px;
    border: 1px solid var(--line-soft);
    background: #fff;
    text-decoration: none !important;
    color: inherit;
    transition: border-color .15s ease, box-shadow .15s ease, transform .15s ease;
    box-shadow: var(--shadow);
}
.mem-hub-stat:hover {
    border-color: #cbd5e1;
    box-shadow: var(--shadow-lg);
    transform: translateY(-2px);
}
.mem-hub-stat.is-active {
    border-color: rgba(192, 16, 24, .45);
    box-shadow: 0 0 0 1px rgba(192, 16, 24, .12), var(--shadow);
}
.mem-hub-stat-ico {
    width: 2.4rem; height: 2.4rem;
    border-radius: 12px;
    display: grid; place-items: center;
    background: var(--brand-soft);
    color: var(--brand);
    font-size: .95rem;
}
.mem-hub-stat.is-warn .mem-hub-stat-ico { background: var(--warn-soft); color: var(--warn); }
.mem-hub-stat.is-bad .mem-hub-stat-ico { background: var(--danger-soft); color: var(--danger); }
.mem-hub-stat.is-muted .mem-hub-stat-ico { background: #f1f5f9; color: #64748b; }
.mem-hub-stat span {
    display: block;
    font-size: .68rem;
    font-weight: 800;
    letter-spacing: .05em;
    text-transform: uppercase;
    color: #64748b;
}
.mem-hub-stat strong {
    display: block;
    margin-top: .1rem;
    font-size: 1.4rem;
    color: #0f172a;
    font-variant-numeric: tabular-nums;
    font-weight: 800;
    letter-spacing: -.03em;
}
.mem-hub-stat.is-warn span { color: #b45309; }
.mem-hub-stat.is-bad span { color: #b91c1c; }
.mem-hub-stat.is-muted span { color: #64748b; }

.mem-hub-types {
    margin-top: 1.2rem;
    padding-top: 1.05rem;
    border-top: 1px solid #e2e8f0;
}
.mem-hub-types-label {
    margin: 0 0 .75rem;
    font-size: .72rem;
    font-weight: 800;
    letter-spacing: .06em;
    text-transform: uppercase;
    color: #64748b;
}
.mem-hub-bars {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: .85rem;
}
.mem-hub-bar {
    display: grid;
    gap: .55rem;
    padding: .85rem .95rem;
    border-radius: 12px;
    border: 1px solid var(--line-soft);
    background: #f8fafc;
    text-decoration: none !important;
    color: inherit;
    transition: border-color .14s ease, background .14s ease;
}
.mem-hub-bar:hover { background: #fff; border-color: #cbd5e1; }
.mem-hub-bar-meta {
    display: flex;
    justify-content: space-between;
    gap: .75rem;
    font-size: .86rem;
}
.mem-hub-bar-meta strong { color: #0f172a; font-weight: 800; }
.mem-hub-bar-meta em { font-style: normal; font-weight: 800; color: #64748b; font-variant-numeric: tabular-nums; }
.mem-hub-bar-track {
    display: block;
    height: .55rem;
    border-radius: 999px;
    background: #e2e8f0;
    overflow: hidden;
}
.mem-hub-bar-track i {
    display: block;
    height: 100%;
    border-radius: inherit;
    background: linear-gradient(90deg, #C01018, #e35a5f);
}
.mem-hub-bar.is-active {
    background: #fff;
    border-color: rgba(192, 16, 24, .4);
}
.mem-hub-bar.is-active .mem-hub-bar-meta strong { color: #C01018; }

.mem-hub-tabs {
    display: flex;
    flex-wrap: wrap;
    gap: .35rem;
    margin: 0 0 .85rem;
    padding: .35rem;
    background: #fff;
    border: 1px solid #e2e8f0;
    border-radius: 12px;
}
.mem-hub-tabs a {
    display: inline-flex;
    align-items: center;
    gap: .35rem;
    padding: .45rem .7rem;
    border-radius: 8px;
    text-decoration: none !important;
    font-size: .84rem;
    font-weight: 700;
    color: #64748b;
}
.mem-hub-tabs a em {
    font-style: normal;
    font-size: .72rem;
    font-weight: 800;
    padding: .1rem .4rem;
    border-radius: 999px;
    background: #f1f5f9;
    color: #475569;
    font-variant-numeric: tabular-nums;
}
.mem-hub-tabs a:hover { background: #f8fafc; color: #0f172a; }
.mem-hub-tabs a.is-active {
    background: rgba(192, 16, 24, .08);
    color: #C01018;
}
.mem-hub-tabs a.is-active em {
    background: rgba(192, 16, 24, .12);
    color: #C01018;
}

.mem-hub-filters {
    display: grid;
    grid-template-columns: 1.4fr repeat(3, minmax(0, 1fr)) auto;
    gap: .75rem;
    align-items: end;
    margin-bottom: 1rem;
    padding: 1rem 1.1rem;
}
.mem-hub-filters label {
    display: grid;
    gap: .3rem;
    font-size: .78rem;
    font-weight: 700;
    color: #475569;
}
.mem-hub-filters input,
.mem-hub-filters select {
    width: 100%;
    min-height: 2.35rem;
}
.mem-hub-filter-actions {
    display: flex;
    gap: .45rem;
    flex-wrap: wrap;
    align-items: center;
}

.mem-hub-table-card { padding: 0; overflow: hidden; }
.mem-hub-table { margin: 0; }
.mem-hub-table th,
.mem-hub-table td { vertical-align: middle; }
.mem-hub-table th:last-child,
.mem-hub-table td:last-child,
.mem-hub-table th.col-actions,
.mem-hub-table td.col-actions {
    padding-right: 1.35rem;
}
.mem-hub-table th:first-child,
.mem-hub-table td:first-child {
    padding-left: 1.1rem;
}
.mem-hub-row { cursor: pointer; }
.mem-hub-row:hover td { background: #f8fafc; }
.mem-hub-row:focus { outline: 2px solid rgba(192, 16, 24, .35); outline-offset: -2px; }
.mem-hub-table .mem-chip {
    display: inline-flex;
    padding: .2rem .55rem;
    font-size: .72rem;
}
.mem-hub-pager {
    padding: .75rem 1rem;
    border-top: 1px solid #e2e8f0;
    background: #fafbfc;
}

@media (max-width: 1100px) {
    .mem-hub-stats { grid-template-columns: repeat(3, minmax(0, 1fr)); }
    .mem-hub-filters { grid-template-columns: 1fr 1fr; }
    .mem-hub-bars { grid-template-columns: 1fr; }
}
@media (max-width: 700px) {
    .mem-hub-stats { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .mem-hub-filters { grid-template-columns: 1fr; }
    .mem-hub-tabs { flex-wrap: nowrap; overflow-x: auto; }
    .mem-hub-tabs a { white-space: nowrap; }
}

/* ?? Operasyon dashboard ?? */
.ops-dash { display: grid; gap: 1.15rem; }
.ops-kpi-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: .85rem;
}
.ops-kpi {
    display: grid;
    grid-template-columns: auto 1fr;
    gap: .85rem;
    align-items: center;
    padding: 1.05rem 1.15rem;
    border-radius: var(--radius);
    background: var(--panel);
    border: 1px solid var(--line-soft);
    box-shadow: var(--shadow);
    text-decoration: none !important;
    color: inherit;
    transition: transform .14s ease, box-shadow .14s ease, border-color .14s ease;
}
.ops-kpi:hover {
    transform: translateY(-2px);
    box-shadow: var(--shadow-lg);
    border-color: #cbd5e1;
}
.ops-kpi-ico {
    width: 2.75rem; height: 2.75rem;
    border-radius: 14px;
    display: grid; place-items: center;
    font-size: 1.05rem;
    background: var(--brand-soft);
    color: var(--brand);
}
.ops-kpi.is-ok .ops-kpi-ico { background: var(--ok-soft); color: var(--ok); }
.ops-kpi.is-warn .ops-kpi-ico { background: var(--warn-soft); color: var(--warn); }
.ops-kpi.is-info .ops-kpi-ico { background: var(--info-soft); color: var(--info); }
.ops-kpi.is-accent .ops-kpi-ico { background: var(--accent-soft); color: var(--accent); }
.ops-kpi span {
    display: block;
    font-size: .7rem;
    font-weight: 800;
    letter-spacing: .05em;
    text-transform: uppercase;
    color: var(--muted);
}
.ops-kpi strong {
    display: block;
    margin-top: .15rem;
    font-size: 1.55rem;
    font-weight: 800;
    letter-spacing: -.03em;
    font-variant-numeric: tabular-nums;
}
.ops-kpi em {
    display: block;
    margin-top: .15rem;
    font-style: normal;
    font-size: .78rem;
    color: var(--muted);
    font-weight: 600;
}
.ops-split {
    display: grid;
    grid-template-columns: 1.1fr 1fr;
    gap: 1rem;
}
.ops-panel { padding: 0; overflow: hidden; }
.ops-panel-head {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: .75rem;
    padding: .95rem 1.15rem;
    border-bottom: 1px solid var(--line-soft);
    background: linear-gradient(180deg, #fff, #f8fafc);
}
.ops-panel-head h3 {
    margin: 0;
    font-size: .98rem;
    font-weight: 800;
    letter-spacing: -.02em;
}
.ops-panel-body { padding: 1.1rem 1.15rem; }
.ops-donut-wrap {
    display: grid;
    grid-template-columns: auto 1fr;
    gap: 1.25rem;
    align-items: center;
}
.ops-donut {
    --p1: 0;
    --p2: 0;
    --p3: 0;
    width: 146px; height: 146px;
    border-radius: 50%;
    background:
        radial-gradient(circle at center, #fff 56%, transparent 57%),
        conic-gradient(
            #C01018 0 calc(var(--p1) * 1%),
            #0e7490 calc(var(--p1) * 1%) calc((var(--p1) + var(--p2)) * 1%),
            #94a3b8 calc((var(--p1) + var(--p2)) * 1%) 100%
        );
    box-shadow: inset 0 0 0 1px rgba(15, 23, 42, .04);
}
.ops-legend { display: grid; gap: .55rem; }
.ops-legend a {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: .75rem;
    padding: .55rem .7rem;
    border-radius: 10px;
    background: #f8fafc;
    border: 1px solid var(--line-soft);
    color: var(--ink) !important;
    text-decoration: none !important;
    font-weight: 700;
    font-size: .84rem;
}
.ops-legend a:hover { background: #fff; border-color: #cbd5e1; }
.ops-legend i {
    width: .7rem; height: .7rem;
    border-radius: 999px;
    display: inline-block;
    margin-right: .45rem;
}
.ops-legend em { font-style: normal; font-weight: 800; color: var(--muted); font-variant-numeric: tabular-nums; }
.ops-queue {
    display: grid;
    gap: .55rem;
}
.ops-queue a {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: .75rem;
    padding: .7rem .85rem;
    border-radius: 12px;
    border: 1px solid var(--line-soft);
    background: #fff;
    color: var(--ink) !important;
    text-decoration: none !important;
    font-weight: 700;
}
.ops-queue a:hover { border-color: #cbd5e1; box-shadow: var(--shadow); }
.ops-queue strong { font-size: .9rem; }
.ops-queue span { color: var(--muted); font-size: .78rem; font-weight: 650; }
.ops-queue b {
    min-width: 2rem;
    text-align: center;
    padding: .2rem .45rem;
    border-radius: 999px;
    background: var(--brand-soft);
    color: var(--brand);
    font-size: .8rem;
    font-weight: 800;
    font-variant-numeric: tabular-nums;
}
.ops-recent {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 1rem;
}
@media (max-width: 1100px) {
    .ops-kpi-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .ops-split, .ops-recent { grid-template-columns: 1fr; }
}
@media (max-width: 640px) {
    .ops-kpi-grid { grid-template-columns: 1fr; }
    .ops-donut-wrap { grid-template-columns: 1fr; justify-items: center; }
}

/* ?? Command Center dashboard ?? */
.cmd { display: grid; gap: 1.15rem; }
.cmd-hero {
    display: grid;
    grid-template-columns: 1.4fr .9fr;
    gap: 1.25rem;
    padding: 1.5rem 1.6rem;
    border-radius: 20px;
    color: #fff;
    background:
        radial-gradient(700px 280px at 90% -20%, rgba(88, 192, 208, .28), transparent 55%),
        radial-gradient(600px 260px at 0% 120%, rgba(192, 16, 24, .45), transparent 50%),
        linear-gradient(135deg, #0b1220 0%, #151d2e 48%, #1a1020 100%);
    border: 1px solid rgba(148, 163, 184, .18);
    box-shadow: var(--shadow-lg);
    overflow: hidden;
    position: relative;
}
.cmd-hero::after {
    content: "";
    position: absolute;
    inset: auto -10% -40% auto;
    width: 280px; height: 280px;
    border-radius: 50%;
    background: rgba(192, 16, 24, .18);
    filter: blur(8px);
    pointer-events: none;
}
.cmd-hero-copy, .cmd-hero-side { position: relative; z-index: 1; }
.cmd-kicker {
    margin: 0 0 .45rem;
    font-size: .72rem;
    font-weight: 800;
    letter-spacing: .1em;
    text-transform: uppercase;
    color: #7dd3fc;
}
.cmd-hero h2 {
    margin: 0 0 .55rem;
    font-size: clamp(1.55rem, 2.4vw, 2.05rem);
    font-weight: 800;
    letter-spacing: -.04em;
}
.cmd-hero-copy > p {
    margin: 0;
    max-width: 54ch;
    color: #cbd5e1;
    font-size: .92rem;
    line-height: 1.55;
}
.cmd-hero-pills {
    display: flex;
    flex-wrap: wrap;
    gap: .45rem;
    margin-top: 1rem;
}
.cmd-pill {
    display: inline-flex;
    align-items: center;
    gap: .4rem;
    padding: .4rem .7rem;
    border-radius: 999px;
    background: rgba(255,255,255,.08);
    border: 1px solid rgba(255,255,255,.12);
    font-size: .76rem;
    font-weight: 700;
    color: #e2e8f0 !important;
    text-decoration: none !important;
    transition: background .14s ease, border-color .14s ease, transform .14s ease;
}
a.cmd-pill:hover {
    background: rgba(255,255,255,.14);
    border-color: rgba(255,255,255,.22);
    color: #fff !important;
    transform: translateY(-1px);
}
.cmd-pill.is-ok { background: rgba(16, 185, 129, .16); border-color: rgba(16, 185, 129, .28); color: #a7f3d0 !important; }
.cmd-pill.is-warn { background: rgba(245, 158, 11, .16); border-color: rgba(245, 158, 11, .3); color: #fde68a !important; }
.cmd-pill.is-crit { background: rgba(239, 68, 68, .18); border-color: rgba(239, 68, 68, .35); color: #fecaca !important; }
.cmd-score {
    padding: 1rem 1.1rem;
    border-radius: 16px;
    background: rgba(255,255,255,.06);
    border: 1px solid rgba(255,255,255,.1);
}
.cmd-score.is-ok { box-shadow: inset 0 0 0 1px rgba(16,185,129,.25); }
.cmd-score.is-warn { box-shadow: inset 0 0 0 1px rgba(245,158,11,.28); }
.cmd-score.is-crit { box-shadow: inset 0 0 0 1px rgba(239,68,68,.35); }
.cmd-score span {
    display: block;
    font-size: .7rem;
    font-weight: 800;
    letter-spacing: .08em;
    text-transform: uppercase;
    color: #94a3b8;
}
.cmd-score strong {
    display: block;
    margin-top: .25rem;
    font-size: 1.45rem;
    letter-spacing: -.03em;
}
.cmd-score em {
    display: block;
    margin-top: .35rem;
    font-style: normal;
    color: #94a3b8;
    font-size: .8rem;
    font-weight: 600;
}
.cmd-hero-links {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: .45rem;
    margin-top: .85rem;
}
.cmd-hero-links a {
    display: inline-flex;
    align-items: center;
    gap: .45rem;
    padding: .55rem .7rem;
    border-radius: 10px;
    background: rgba(255,255,255,.06);
    border: 1px solid rgba(255,255,255,.1);
    color: #e2e8f0 !important;
    font-size: .78rem;
    font-weight: 700;
    text-decoration: none !important;
}
.cmd-hero-links a:hover { background: rgba(255,255,255,.11); color: #fff !important; }

.cmd-finance {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: .75rem;
}
.cmd-fin {
    display: grid;
    gap: .35rem;
    padding: 1.05rem 1.15rem;
    border-radius: 16px;
    background: var(--panel);
    border: 1px solid var(--line-soft);
    box-shadow: var(--shadow);
    text-decoration: none !important;
    color: inherit;
    transition: transform .14s ease, box-shadow .14s ease;
    position: relative;
    overflow: hidden;
}
.cmd-fin::before {
    content: "";
    position: absolute;
    left: 0; top: 0; bottom: 0;
    width: 4px;
    background: #94a3b8;
}
.cmd-fin.is-store::before { background: #0e7490; }
.cmd-fin.is-pay::before { background: #2563eb; }
.cmd-fin.is-edu::before { background: #7c3aed; }
.cmd-fin.is-warn::before { background: var(--warn); }
.cmd-fin:hover { transform: translateY(-2px); box-shadow: var(--shadow-lg); }
.cmd-fin-top {
    display: flex;
    align-items: center;
    gap: .55rem;
}
.cmd-fin-ico {
    width: 2.15rem; height: 2.15rem;
    border-radius: 11px;
    display: grid; place-items: center;
    background: var(--bg-accent);
    color: var(--ink-soft);
    font-size: .85rem;
    flex-shrink: 0;
}
.cmd-fin.is-store .cmd-fin-ico { background: var(--accent-soft); color: #22d3ee; }
.cmd-fin.is-pay .cmd-fin-ico { background: var(--info-soft); color: #60a5fa; }
.cmd-fin.is-edu .cmd-fin-ico { background: rgba(124, 58, 237, .2); color: #a78bfa; }
.cmd-fin.is-warn .cmd-fin-ico { background: var(--warn-soft); color: var(--warn); }
.cmd-fin-top > span:last-child {
    font-size: .72rem;
    font-weight: 800;
    letter-spacing: .04em;
    text-transform: uppercase;
    color: var(--muted);
}
.cmd-fin strong {
    display: block;
    margin-top: .15rem;
    font-size: 1.4rem;
    font-weight: 800;
    letter-spacing: -.03em;
    font-variant-numeric: tabular-nums;
    color: var(--ink);
    line-height: 1.15;
}
.cmd-fin em {
    display: block;
    font-style: normal;
    color: var(--muted);
    font-size: .76rem;
    font-weight: 600;
    line-height: 1.35;
}
.cmd-fin.is-warn {
    background: linear-gradient(180deg, var(--warn-soft), var(--panel));
    border-color: color-mix(in srgb, var(--warn) 45%, var(--line-soft));
}
.cmd-fin.is-warn strong { color: var(--warn); }

.cmd-metrics {
    display: grid;
    grid-template-columns: repeat(6, minmax(0, 1fr));
    gap: .75rem;
}
.cmd-metric {
    display: grid;
    gap: .35rem;
    padding: 1.05rem 1.1rem;
    border-radius: 16px;
    background: #fff;
    border: 1px solid var(--line-soft);
    box-shadow: var(--shadow);
    text-decoration: none !important;
    color: inherit;
    position: relative;
    overflow: hidden;
    transition: transform .14s ease, box-shadow .14s ease;
}
.cmd-metric::before {
    content: "";
    position: absolute;
    left: 0; top: 0; bottom: 0;
    width: 4px;
    background: #94a3b8;
}
.cmd-metric.is-brand::before { background: var(--brand); }
.cmd-metric.is-ok::before { background: var(--ok); }
.cmd-metric.is-accent::before { background: var(--accent); }
.cmd-metric.is-info::before { background: var(--info); }
.cmd-metric.is-warn::before { background: var(--warn); }
.cmd-metric:hover { transform: translateY(-2px); box-shadow: var(--shadow-lg); }
.cmd-metric-top {
    display: flex;
    align-items: center;
    gap: .45rem;
    color: var(--muted);
    font-size: .7rem;
    font-weight: 800;
    letter-spacing: .05em;
    text-transform: uppercase;
}
.cmd-metric-top i {
    width: 1.7rem; height: 1.7rem;
    border-radius: 9px;
    display: grid; place-items: center;
    background: #f1f5f9;
    color: var(--ink-soft);
    font-size: .78rem;
}
.cmd-metric.is-brand .cmd-metric-top i { background: var(--brand-soft); color: var(--brand); }
.cmd-metric.is-ok .cmd-metric-top i { background: var(--ok-soft); color: var(--ok); }
.cmd-metric.is-accent .cmd-metric-top i { background: var(--accent-soft); color: var(--accent); }
.cmd-metric.is-info .cmd-metric-top i { background: var(--info-soft); color: var(--info); }
.cmd-metric.is-warn .cmd-metric-top i { background: var(--warn-soft); color: var(--warn); }
.cmd-metric strong {
    font-size: 1.35rem;
    font-weight: 800;
    letter-spacing: -.03em;
    font-variant-numeric: tabular-nums;
    line-height: 1.15;
}
.cmd-metric em {
    font-style: normal;
    color: var(--muted);
    font-size: .76rem;
    font-weight: 600;
    line-height: 1.35;
}

.cmd-analytics {
    display: grid;
    grid-template-columns: 1fr;
    gap: .9rem;
}
.cmd-chart-full { width: 100%; }
.cmd-chart-card {
    background: #fff;
    border: 1px solid var(--line-soft);
    border-radius: 18px;
    box-shadow: var(--shadow);
    overflow: hidden;
    display: flex;
    flex-direction: column;
}
.cmd-chart-card header {
    padding: 1rem 1.15rem .35rem;
}
.cmd-chart-card h3 {
    margin: 0;
    font-size: 1rem;
    font-weight: 800;
    letter-spacing: -.02em;
}
.cmd-chart-card header p {
    margin: .25rem 0 0;
    color: var(--muted);
    font-size: .8rem;
    font-weight: 600;
}
.cmd-chart-body {
    padding: .5rem 1rem 1rem;
    height: 280px;
}
.cmd-chart-body-sm { height: 210px; }
.cmd-chart-body-lg {
    height: 340px;
    padding: .25rem 1.15rem 1.15rem;
}
.cmd-trend-card {
    background:
        radial-gradient(700px 180px at 100% 0%, rgba(37, 99, 235, .05), transparent 55%),
        radial-gradient(520px 160px at 0% 0%, rgba(192, 16, 24, .04), transparent 50%),
        #fff;
}
.cmd-trend-head {
    display: flex !important;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
    flex-wrap: wrap;
    padding: 1.1rem 1.25rem .5rem !important;
}
.cmd-trend-pills {
    display: flex;
    flex-wrap: wrap;
    gap: .4rem;
}
.cmd-trend-pills span {
    display: inline-flex;
    align-items: center;
    gap: .4rem;
    padding: .35rem .65rem;
    border-radius: 999px;
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    font-size: .72rem;
    font-weight: 700;
    color: #64748b;
}
.cmd-trend-pills i {
    width: .55rem; height: .55rem;
    border-radius: 999px;
    display: inline-block;
}
.cmd-trend-pills b {
    color: #0f172a;
    font-weight: 800;
    font-variant-numeric: tabular-nums;
}
.cmd-mini-legend {
    list-style: none;
    margin: 0;
    padding: 0 1rem 1rem;
    display: grid;
    gap: .4rem;
}
.cmd-mini-legend li {
    display: flex;
    justify-content: space-between;
    gap: .75rem;
    padding: .45rem .55rem;
    border-radius: 10px;
    background: #f8fafc;
    font-size: .8rem;
    font-weight: 700;
}
.cmd-mini-legend a { color: var(--ink) !important; text-decoration: none !important; }
.cmd-mini-legend strong { color: var(--muted); font-variant-numeric: tabular-nums; }

.cmd-modules {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: .75rem;
}
.cmd-mod {
    display: grid;
    grid-template-columns: auto 1fr auto;
    gap: .85rem;
    align-items: center;
    padding: 1rem 1.1rem;
    border-radius: 16px;
    background: #fff;
    border: 1px solid var(--line-soft);
    box-shadow: var(--shadow);
    text-decoration: none !important;
    color: inherit;
    transition: transform .14s ease, box-shadow .14s ease, border-color .14s ease;
}
.cmd-mod:hover {
    transform: translateY(-2px);
    box-shadow: var(--shadow-lg);
    border-color: #cbd5e1;
}
.cmd-mod-ico {
    width: 2.7rem; height: 2.7rem;
    border-radius: 14px;
    display: grid; place-items: center;
    background: var(--brand-soft);
    color: var(--brand);
    font-size: 1rem;
}
.cmd-mod-ico.is-warn { background: var(--warn-soft); color: var(--warn); }
.cmd-mod-ico.is-accent { background: var(--accent-soft); color: var(--accent); }
.cmd-mod-ico.is-info { background: var(--info-soft); color: var(--info); }
.cmd-mod-ico.is-ok { background: var(--ok-soft); color: var(--ok); }
.cmd-mod strong { display: block; font-size: .95rem; font-weight: 800; letter-spacing: -.02em; }
.cmd-mod span { display: block; margin-top: .15rem; color: var(--muted); font-size: .78rem; font-weight: 600; }
.cmd-mod-go { color: #94a3b8; font-size: .85rem; }

.cmd-queues {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: .85rem;
}
.cmd-queue-card {
    background: #fff;
    border: 1px solid var(--line-soft);
    border-radius: 16px;
    box-shadow: var(--shadow);
    overflow: hidden;
}
.cmd-queue-card > header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: .5rem;
    padding: .85rem 1rem;
    border-bottom: 1px solid var(--line-soft);
    background: linear-gradient(180deg, #fff, #f8fafc);
}
.cmd-queue-card > header h3 {
    margin: 0;
    font-size: .92rem;
    font-weight: 800;
}
.cmd-queue-card > header a {
    font-size: .75rem;
    font-weight: 800;
}
.cmd-queue-list {
    display: grid;
    gap: .35rem;
    padding: .75rem;
}
.cmd-queue-list a {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: .75rem;
    padding: .65rem .75rem;
    border-radius: 10px;
    background: #f8fafc;
    border: 1px solid transparent;
    color: var(--ink) !important;
    text-decoration: none !important;
    font-weight: 700;
    font-size: .84rem;
}
.cmd-queue-list a:hover { border-color: #e2e8f0; background: #fff; }
.cmd-queue-list b {
    min-width: 1.8rem;
    text-align: center;
    padding: .15rem .4rem;
    border-radius: 999px;
    background: var(--brand-soft);
    color: var(--brand);
    font-size: .78rem;
    font-weight: 800;
    font-variant-numeric: tabular-nums;
}
.cmd-queue-card .wp-list-table { margin: 0; }
.cmd-queue-card .wp-list-table td { padding: .7rem .9rem; }
.cmd-queue-card .num { text-align: right; font-weight: 800; font-variant-numeric: tabular-nums; white-space: nowrap; }

@media (max-width: 1280px) {
    .cmd-finance { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .cmd-metrics { grid-template-columns: repeat(3, minmax(0, 1fr)); }
    .cmd-analytics { grid-template-columns: 1fr 1fr; }
    .cmd-chart-wide { grid-column: 1 / -1; }
    .cmd-modules { grid-template-columns: 1fr 1fr; }
    .cmd-queues { grid-template-columns: 1fr 1fr; }
}
@media (max-width: 900px) {
    .cmd-hero { grid-template-columns: 1fr; }
    .cmd-finance, .cmd-metrics { grid-template-columns: 1fr 1fr; }
    .cmd-analytics, .cmd-modules, .cmd-queues { grid-template-columns: 1fr; }
    .cmd-hero-links { grid-template-columns: 1fr; }
}

/* ?? HQ dashboard (referans layout) ?? */
.side-search {
    margin: .75rem .7rem .35rem;
    display: flex;
    align-items: center;
    gap: .5rem;
    padding: .55rem .7rem;
    border-radius: 10px;
    background: rgba(255,255,255,.05);
    border: 1px solid rgba(148,163,184,.14);
    color: #94a3b8;
}
.side-search input {
    width: 100%;
    border: 0;
    background: transparent;
    color: #e2e8f0;
    font: inherit;
    font-size: .82rem;
    outline: none;
}
.side-search input::placeholder { color: #64748b; }
.side-scroll { flex: 1; overflow: auto; padding-bottom: .5rem; }
.side-dash { padding: .35rem .4rem .15rem; display: grid; gap: 2px; }
.side-foot {
    margin-top: auto;
    padding: .85rem .7rem 1rem;
    border-top: 1px solid rgba(148,163,184,.12);
    display: grid;
    gap: .65rem;
}
.side-site {
    display: flex !important;
    justify-content: center;
    align-items: center;
    gap: .5rem;
    padding: .65rem !important;
    border-radius: 10px !important;
    background: rgba(37,99,235,.16) !important;
    color: #bfdbfe !important;
    font-weight: 700 !important;
    font-size: .8rem !important;
    text-decoration: none !important;
}
.side-site:hover { background: rgba(37,99,235,.28) !important; color: #fff !important; }
.side-user {
    display: flex !important;
    align-items: center;
    gap: .65rem;
    padding: .55rem .45rem !important;
    border-radius: 12px !important;
    color: inherit !important;
    text-decoration: none !important;
    border: 1px solid rgba(148,163,184,.12) !important;
    background: rgba(255,255,255,.03) !important;
}
.side-user:hover {
    background: rgba(255,255,255,.06) !important;
    border-color: rgba(148,163,184,.22) !important;
}
.side-user > div { min-width: 0; flex: 1; }
.side-user strong { display: block; color: #f8fafc; font-size: .82rem; font-weight: 800; }
.side-user span { display: block; color: #64748b; font-size: .7rem; font-weight: 650; margin-top: .1rem; }
.side-user > i { color: #64748b; font-size: .7rem; }

.topbar-left {
    display: flex;
    align-items: center;
    gap: 1.25rem;
    min-width: 0;
    flex: 1;
}
.topbar-search {
    display: none;
    align-items: center;
    gap: .55rem;
    min-width: 280px;
    max-width: 420px;
    flex: 1;
    padding: .55rem .75rem;
    border-radius: 12px;
    background: #f8fafc;
    border: 1px solid var(--line-soft);
    color: var(--muted);
}
.topbar-search input {
    border: 0;
    background: transparent;
    width: 100%;
    font: inherit;
    outline: none;
    color: var(--ink);
}
.topbar-search kbd {
    font-size: .68rem;
    font-weight: 800;
    padding: .15rem .4rem;
    border-radius: 6px;
    background: #fff;
    border: 1px solid var(--line);
    color: var(--muted);
}
@media (min-width: 960px) { .topbar-search { display: inline-flex; } }
.topbar-icon {
    position: relative;
    width: 2.35rem; height: 2.35rem;
    display: grid; place-items: center;
    border-radius: 11px;
    background: #fff;
    border: 1px solid var(--line-soft);
    color: var(--ink-soft) !important;
    text-decoration: none !important;
}
.topbar-icon:hover { border-color: #cbd5e1; color: var(--ink) !important; }
.topbar-icon b {
    position: absolute;
    top: -.25rem; right: -.25rem;
    min-width: 1.05rem;
    height: 1.05rem;
    padding: 0 .25rem;
    border-radius: 999px;
    background: #ef4444;
    color: #fff;
    font-size: .65rem;
    font-weight: 800;
    display: grid; place-items: center;
}
.topbar-user-btn { gap: .55rem !important; }
.hq-avatar {
    width: 2rem; height: 2rem;
    border-radius: 4px;
    display: inline-grid; place-items: center;
    background: linear-gradient(135deg, #2563eb, #0ea5e9);
    color: #fff;
    font-size: .75rem;
    font-weight: 800;
    flex-shrink: 0;
}
.hq-avatar.sm { width: 1.55rem; height: 1.55rem; font-size: .68rem; }

.hq { display: grid; gap: 1rem; }
.hq-kpis {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: .85rem;
}
.hq-kpi {
    display: flex;
    gap: .9rem;
    align-items: flex-start;
    padding: 1.1rem 1.15rem;
    background: var(--panel);
    border: 1px solid var(--line-soft);
    border-radius: 16px;
    box-shadow: var(--shadow);
}
.hq-kpi > div:last-child { min-width: 0; flex: 1; }
.hq-kpi span {
    display: block;
    color: var(--muted);
    font-size: .78rem;
    font-weight: 700;
}
.hq-kpi strong {
    display: block;
    margin-top: .2rem;
    font-size: 1.55rem;
    font-weight: 800;
    letter-spacing: -.03em;
    font-variant-numeric: tabular-nums;
}
.hq-kpi em {
    display: inline-flex;
    align-items: center;
    gap: .3rem;
    margin-top: .35rem;
    font-style: normal;
    font-size: .78rem;
    font-weight: 800;
}
.hq-kpi em.is-up { color: #16a34a; }
.hq-kpi em.is-down { color: #dc2626; }
.hq-kpi-ico {
    width: 2.7rem; height: 2.7rem;
    border-radius: 14px;
    display: grid; place-items: center;
    font-size: 1rem;
    flex-shrink: 0;
}
.hq-kpi-ico.is-blue { background: #eff6ff; color: #2563eb; }
.hq-kpi-ico.is-cyan { background: #ecfeff; color: #0891b2; }
.hq-kpi-ico.is-violet { background: #f5f3ff; color: #7c3aed; }
.hq-kpi-ico.is-green { background: #ecfdf5; color: #059669; }
.hq-kpi-head {
    display: flex;
    justify-content: space-between;
    width: 100%;
    gap: .5rem;
}
.hq-kpi.is-accent { flex-direction: column; }
.hq-range {
    font-size: .68rem !important;
    padding: .25rem .5rem;
    border-radius: 999px;
    background: #f1f5f9;
    color: var(--muted) !important;
    white-space: nowrap;
}

.hq-card {
    background: var(--panel);
    border: 1px solid var(--line-soft);
    border-radius: 16px;
    box-shadow: var(--shadow);
    overflow: hidden;
}
.hq-card > header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .75rem;
    padding: 1rem 1.1rem .35rem;
}
.hq-card > header h3 {
    margin: 0;
    font-size: .98rem;
    font-weight: 800;
    letter-spacing: -.02em;
}
.hq-card > header span, .hq-card > header a {
    font-size: .75rem;
    font-weight: 800;
    color: var(--muted);
}
.hq-card > header a { color: #2563eb !important; text-decoration: none !important; }

.hq-mid {
    display: grid;
    grid-template-columns: 1.5fr .7fr .85fr;
    gap: .85rem;
}
.hq-chart-body { height: 260px; padding: .5rem 1rem 1rem; }
.hq-chart-sm { height: 180px; }

.hq-shortcuts {
    display: grid;
    gap: .45rem;
    padding: .5rem 1rem 1rem;
}
.hq-shortcuts a {
    display: flex;
    align-items: center;
    gap: .65rem;
    padding: .7rem .8rem;
    border-radius: 12px;
    background: #f8fafc;
    border: 1px solid transparent;
    color: var(--ink) !important;
    text-decoration: none !important;
    font-weight: 700;
    font-size: .84rem;
}
.hq-shortcuts a i { width: 1.1rem; color: #2563eb; }
.hq-shortcuts a:hover { background: #fff; border-color: #e2e8f0; box-shadow: var(--shadow); }

.hq-activity {
    list-style: none;
    margin: 0;
    padding: .35rem 1rem 1rem;
    display: grid;
    gap: .7rem;
}
.hq-activity li {
    display: grid;
    grid-template-columns: auto 1fr;
    gap: .7rem;
    align-items: start;
}
.hq-act-ico {
    width: 2.1rem; height: 2.1rem;
    border-radius: 999px;
    display: grid; place-items: center;
    font-size: .75rem;
}
.hq-act-ico.is-blue { background: #eff6ff; color: #2563eb; }
.hq-act-ico.is-amber { background: #fffbeb; color: #d97706; }
.hq-act-ico.is-green { background: #ecfdf5; color: #059669; }
.hq-act-ico.is-cyan { background: #ecfeff; color: #0891b2; }
.hq-act-ico.is-slate { background: #f1f5f9; color: #475569; }
.hq-activity strong {
    display: block;
    font-size: .8rem;
    font-weight: 700;
    line-height: 1.35;
    color: var(--ink);
}
.hq-activity em {
    display: block;
    margin-top: .15rem;
    font-style: normal;
    color: var(--muted);
    font-size: .72rem;
    font-weight: 650;
}

.hq-lists {
    display: grid;
    grid-template-columns: 1.2fr .9fr .9fr;
    gap: .85rem;
}
.hq-table {
    width: 100%;
    border-collapse: collapse;
}
.hq-table th, .hq-table td {
    padding: .75rem 1rem;
    border-bottom: 1px solid var(--line-soft);
    text-align: left;
    font-size: .82rem;
}
.hq-table th {
    color: var(--muted);
    font-size: .7rem;
    text-transform: uppercase;
    letter-spacing: .04em;
    font-weight: 800;
}
.hq-person {
    display: inline-flex;
    align-items: center;
    gap: .65rem;
    color: inherit !important;
    text-decoration: none !important;
}
.hq-person strong { display: block; font-size: .84rem; }
.hq-person small { color: var(--muted); font-size: .72rem; }

.hq-products, .hq-events, .hq-sys, .hq-legend {
    list-style: none;
    margin: 0;
    padding: .35rem 1rem 1rem;
    display: grid;
    gap: .55rem;
}
.hq-products a {
    display: grid;
    grid-template-columns: auto 1fr auto;
    gap: .7rem;
    align-items: center;
    padding: .45rem;
    border-radius: 12px;
    color: inherit !important;
    text-decoration: none !important;
}
.hq-products a:hover { background: #f8fafc; }
.hq-products img, .hq-prod-ph {
    width: 2.5rem; height: 2.5rem;
    border-radius: 10px;
    object-fit: cover;
    background: #f1f5f9;
}
.hq-prod-ph { display: grid; place-items: center; color: #94a3b8; }
.hq-products strong { display: block; font-size: .82rem; }
.hq-products small, .hq-events small { color: var(--muted); font-size: .72rem; }
.hq-products b { font-size: .72rem; color: #2563eb; font-weight: 800; white-space: nowrap; }

.hq-events li {
    display: grid;
    grid-template-columns: auto 1fr;
    gap: .75rem;
    align-items: center;
    padding: .35rem 0;
}
.hq-date {
    width: 3rem;
    padding: .45rem .2rem;
    border-radius: 12px;
    background: #eff6ff;
    text-align: center;
}
.hq-date strong { display: block; color: #2563eb; font-size: 1rem; line-height: 1; }
.hq-date span { display: block; margin-top: .2rem; color: #64748b; font-size: .65rem; font-weight: 800; text-transform: uppercase; }
.hq-events a { color: inherit !important; text-decoration: none !important; }
.hq-events strong { display: block; font-size: .84rem; }

.hq-bottom {
    display: grid;
    grid-template-columns: .9fr 1.1fr .9fr;
    gap: .85rem;
}
.hq-donut-wrap {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: .5rem;
    align-items: center;
    padding-bottom: .5rem;
}
.hq-legend li {
    display: flex;
    justify-content: space-between;
    gap: .5rem;
    padding: .45rem .55rem;
    border-radius: 10px;
    background: #f8fafc;
    font-size: .78rem;
    font-weight: 700;
}
.hq-legend a { color: var(--ink) !important; text-decoration: none !important; }
.hq-legend em { color: var(--muted); font-style: normal; font-weight: 700; }

.hq-sys li {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: .55rem .65rem;
    border-radius: 10px;
    background: #f8fafc;
    font-size: .82rem;
    font-weight: 700;
}
.hq-sys b {
    font-size: .72rem;
    padding: .2rem .55rem;
    border-radius: 999px;
}
.hq-sys b.is-ok { background: #dcfce7; color: #15803d; }
.hq-sys b.is-bad { background: #fee2e2; color: #b91c1c; }
.hq-mini-stats {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: .5rem;
    padding: 0 1rem 1rem;
}
.hq-mini-stats div {
    padding: .7rem .75rem;
    border-radius: 12px;
    background: #f8fafc;
    border: 1px solid var(--line-soft);
}
.hq-mini-stats strong { display: block; font-size: 1.1rem; font-weight: 800; }
.hq-mini-stats span { color: var(--muted); font-size: .72rem; font-weight: 700; }
.hq-empty { color: var(--muted); font-weight: 650; padding: .75rem 0; text-align: center; list-style: none; }

@media (max-width: 1280px) {
    .hq-kpis { grid-template-columns: 1fr 1fr; }
    .hq-mid, .hq-lists, .hq-bottom { grid-template-columns: 1fr 1fr; }
    .hq-chart-main { grid-column: 1 / -1; }
}
@media (max-width: 900px) {
    .hq-kpis, .hq-mid, .hq-lists, .hq-bottom { grid-template-columns: 1fr; }
    .hq-donut-wrap { grid-template-columns: 1fr; }
}

/* ?? ?ye da??l?m kartlar? (donut + liste) ?? */
.cmd-dist-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: .85rem;
}
.cmd-dist-card .cmd-dist {
    display: grid;
    grid-template-columns: 140px 1fr;
    gap: .85rem;
    align-items: center;
    padding: .35rem 1rem 1.05rem;
}
.cmd-dist-chart { height: 150px; position: relative; }
.cmd-dist-legend {
    list-style: none;
    margin: 0;
    padding: 0;
    display: grid;
    gap: .4rem;
}
.cmd-dist-legend li {
    display: grid;
    grid-template-columns: 10px 1fr auto auto;
    gap: .55rem;
    align-items: center;
    padding: .4rem .5rem;
    border-radius: 10px;
    background: #f8fafc;
    font-size: .8rem;
    font-weight: 700;
}
.cmd-dist-legend li.is-empty { color: var(--muted); }
.cmd-dist-dot {
    width: 9px; height: 9px;
    border-radius: 999px;
    display: inline-block;
}
.cmd-dist-legend a, .cmd-dist-legend > li > span:nth-child(2) {
    color: var(--ink) !important;
    text-decoration: none !important;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.cmd-dist-legend strong {
    font-variant-numeric: tabular-nums;
    font-weight: 800;
}
.cmd-dist-legend em {
    font-style: normal;
    color: var(--muted);
    font-weight: 700;
    font-variant-numeric: tabular-nums;
    min-width: 3.2rem;
    text-align: right;
}
@media (max-width: 1280px) {
    .cmd-dist-grid { grid-template-columns: 1fr 1fr; }
}
@media (max-width: 900px) {
    .cmd-dist-grid { grid-template-columns: 1fr; }
    .cmd-dist-card .cmd-dist { grid-template-columns: 120px 1fr; }
}

/* ?? Spotlight: ?yeler / ?r?nler / e?itimler ?? */
.cmd-spotlight {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: .85rem;
}
.cmd-spot-card {
    background: #fff;
    border: 1px solid var(--line-soft);
    border-radius: 16px;
    box-shadow: var(--shadow);
    overflow: hidden;
    display: flex;
    flex-direction: column;
}
.cmd-spot-card > header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .75rem;
    padding: 1rem 1.1rem .55rem;
}
.cmd-spot-card > header h3 {
    margin: 0;
    font-size: .98rem;
    font-weight: 800;
    letter-spacing: -.02em;
}
.cmd-spot-card > header a {
    font-size: .75rem;
    font-weight: 800;
    color: #2563eb !important;
    text-decoration: none !important;
}
.cmd-spot-list {
    list-style: none;
    margin: 0;
    padding: .15rem .75rem 1rem;
    display: grid;
    gap: .15rem;
}
.cmd-spot-list > li + li {
    border-top: 1px solid #f1f5f9;
}
.cmd-spot-member,
.cmd-spot-product,
.cmd-spot-event {
    display: grid;
    gap: .7rem;
    align-items: center;
    padding: .7rem .35rem;
    color: inherit !important;
    text-decoration: none !important;
    border-radius: 10px;
}
.cmd-spot-member { grid-template-columns: auto 1fr auto; }
.cmd-spot-product { grid-template-columns: auto auto 1fr auto; }
.cmd-spot-event { grid-template-columns: auto 1fr; }
.cmd-spot-member:hover,
.cmd-spot-product:hover,
.cmd-spot-event:hover { background: #f8fafc; }
.cmd-spot-avatar {
    width: 2.2rem; height: 2.2rem;
    border-radius: 999px;
    display: grid; place-items: center;
    color: #fff;
    font-size: .72rem;
    font-weight: 800;
}
.cmd-spot-rank {
    width: 1.55rem; height: 1.55rem;
    border-radius: 8px;
    display: grid; place-items: center;
    background: #f1f5f9;
    color: #475569;
    font-size: .72rem;
    font-weight: 800;
}
.cmd-spot-thumb {
    width: 2.35rem; height: 2.35rem;
    border-radius: 10px;
    object-fit: cover;
    background: #f1f5f9;
}
.cmd-spot-thumb.is-ph {
    display: grid; place-items: center;
    color: #94a3b8;
    font-size: .85rem;
}
.cmd-spot-copy { min-width: 0; }
.cmd-spot-copy strong {
    display: block;
    font-size: .84rem;
    font-weight: 800;
    letter-spacing: -.01em;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.cmd-spot-copy small {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: .35rem .55rem;
    margin-top: .15rem;
    color: var(--muted);
    font-size: .72rem;
    font-weight: 650;
}
.cmd-spot-sales {
    text-align: right;
    white-space: nowrap;
}
.cmd-spot-sales em {
    display: block;
    font-style: normal;
    color: var(--muted);
    font-size: .68rem;
    font-weight: 700;
}
.cmd-spot-sales b {
    font-size: .9rem;
    font-weight: 800;
    font-variant-numeric: tabular-nums;
}
.cmd-spot-date {
    width: 3rem;
    padding: .45rem .2rem;
    border-radius: 12px;
    background: #eff6ff;
    text-align: center;
}
.cmd-spot-date strong {
    display: block;
    color: #2563eb;
    font-size: 1.05rem;
    line-height: 1;
}
.cmd-spot-date em {
    display: block;
    margin-top: .2rem;
    color: #64748b;
    font-size: .65rem;
    font-style: normal;
    font-weight: 800;
    text-transform: uppercase;
}
.cmd-spot-online {
    display: inline-flex;
    align-items: center;
    gap: .25rem;
    padding: .12rem .45rem;
    border-radius: 999px;
    background: #dcfce7;
    color: #15803d;
    font-weight: 800;
    font-size: .68rem;
}
.cmd-spot-empty {
    padding: 1.1rem .5rem;
    text-align: center;
    color: var(--muted);
    font-weight: 650;
    font-size: .82rem;
}
@media (max-width: 1280px) {
    .cmd-spotlight { grid-template-columns: 1fr; }
}
@media (max-width: 900px) {
    .cmd-spotlight { grid-template-columns: 1fr; }
}

/* ?? Trio: da??l?m / gelir / sistem ?? */
.cmd-trio {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: .85rem;
}
.cmd-trio-4 {
    grid-template-columns: repeat(4, minmax(0, 1fr));
}
.cmd-quick-solo {
    padding-top: .35rem;
}
.cmd-trio-card .cmd-dist {
    display: grid;
    grid-template-columns: 140px 1fr;
    gap: .75rem;
    align-items: center;
    padding: .25rem 1rem 1.05rem;
}
.cmd-chart-body-md { height: 230px; padding: .35rem 1rem 1rem; }
.cmd-sys {
    list-style: none;
    margin: 0;
    padding: .25rem 1rem .55rem;
    display: grid;
    gap: .35rem;
}
.cmd-sys li {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: .75rem;
    padding: .55rem .65rem;
    border-radius: 10px;
    background: #f8fafc;
    font-size: .82rem;
    font-weight: 700;
}
.cmd-sys li span {
    display: inline-flex;
    align-items: center;
    gap: .5rem;
    color: var(--ink);
}
.cmd-sys li i { width: 1rem; color: #64748b; text-align: center; }
.cmd-sys b {
    font-size: .7rem;
    padding: .18rem .55rem;
    border-radius: 999px;
    font-weight: 800;
}
.cmd-sys b.is-ok { background: #dcfce7; color: #15803d; }
.cmd-sys b.is-bad { background: #fee2e2; color: #b91c1c; }
.cmd-quick {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: .5rem;
    padding: 0 1rem 1rem;
}
.cmd-quick-tile {
    display: grid;
    gap: .2rem;
    padding: .75rem .8rem;
    border-radius: 12px;
    text-decoration: none !important;
    color: inherit !important;
    border: 1px solid transparent;
}
.cmd-quick-tile i { font-size: .9rem; margin-bottom: .1rem; }
.cmd-quick-tile span {
    font-size: .7rem;
    font-weight: 700;
    color: var(--muted);
}
.cmd-quick-tile strong {
    font-size: 1.15rem;
    font-weight: 800;
    letter-spacing: -.02em;
}
.cmd-quick-tile.is-blue { background: #eff6ff; }
.cmd-quick-tile.is-blue i { color: #2563eb; }
.cmd-quick-tile.is-green { background: #ecfdf5; }
.cmd-quick-tile.is-green i { color: #059669; }
.cmd-quick-tile.is-violet { background: #f5f3ff; }
.cmd-quick-tile.is-violet i { color: #7c3aed; }
.cmd-quick-tile.is-orange { background: #fff7ed; }
.cmd-quick-tile.is-orange i { color: #ea580c; }
.cmd-quick-tile:hover { border-color: #e2e8f0; box-shadow: var(--shadow); }
@media (max-width: 1400px) {
    .cmd-trio-4 { grid-template-columns: 1fr 1fr; }
}
@media (max-width: 1280px) {
    .cmd-trio { grid-template-columns: 1fr; }
    .cmd-trio-4 { grid-template-columns: 1fr; }
}

/* ?? ??erik merkezi (posts hub) ?? */
.content-hub-head {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 1rem 1.25rem;
    align-items: center;
    padding: 1.15rem 1.15rem .85rem;
}
.content-hub-head-copy h3 {
    margin: .15rem 0 .25rem;
    font-size: 1.2rem;
    font-weight: 800;
    letter-spacing: -.02em;
    color: #0f172a;
}
.content-hub-head-copy p:not(.tech-hub-kicker) {
    margin: 0;
    color: #64748b;
    font-size: .86rem;
    max-width: 36rem;
    line-height: 1.45;
}
.content-hub-metrics {
    display: grid;
    grid-template-columns: repeat(3, minmax(3.85rem, auto));
    gap: .4rem;
}
.content-hub-metric {
    display: grid;
    gap: .02rem;
    align-content: center;
    min-width: 3.85rem;
    min-height: 2.35rem;
    padding: .34rem .58rem;
    border-radius: 9px;
    border: 1px solid #e2e8f0;
    background: #f8fafc;
    text-decoration: none !important;
    color: inherit !important;
    transition: border-color .12s ease, background .12s ease, box-shadow .12s ease;
    box-sizing: border-box;
}
.content-hub-metric:hover {
    background: #fff;
    border-color: #cbd5e1;
}
.content-hub-metric span {
    font-size: .6rem;
    font-weight: 800;
    letter-spacing: .04em;
    text-transform: uppercase;
    color: #64748b;
    line-height: 1.15;
}
.content-hub-metric strong {
    font-size: .9rem;
    font-weight: 800;
    letter-spacing: -.02em;
    font-variant-numeric: tabular-nums;
    color: #0f172a;
    line-height: 1.15;
}
.content-hub-metric.is-ok span { color: #15803d; }
.content-hub-metric.is-ok strong { color: #166534; }
.content-hub-metric.is-warn span { color: #b45309; }
.content-hub-metric.is-warn strong { color: #92400e; }
.content-hub-metric.is-active {
    background: #fff;
    border-color: rgba(192, 16, 24, .45);
    box-shadow: 0 0 0 2px rgba(192, 16, 24, .08);
}
.content-hub-metric.is-active.is-ok {
    border-color: #86efac;
    box-shadow: 0 0 0 2px rgba(22, 163, 74, .1);
}
.content-hub-metric.is-active.is-warn {
    border-color: #fcd34d;
    box-shadow: 0 0 0 2px rgba(245, 158, 11, .12);
}
.content-hub-add {
    white-space: nowrap;
}
.content-hub-head-actions {
    display: flex;
    flex-wrap: wrap;
    gap: .4rem;
    align-items: center;
    justify-self: end;
    align-self: center;
}
.content-hub-head-actions .content-hub-action,
.content-hub-head-actions .btn.content-hub-action {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: .4rem;
    min-height: 2.35rem;
    padding: .48rem .85rem;
    border-radius: 9px;
    font-size: .8rem;
    font-weight: 700;
    line-height: 1.1;
    white-space: nowrap;
    box-sizing: border-box;
    box-shadow: none;
}
.content-hub-head-actions .content-hub-action i {
    font-size: .82rem;
    opacity: .9;
}
.content-hub-head-actions .btn.secondary.content-hub-action {
    background: #fff;
    border: 1px solid #e2e8f0;
    color: #0f172a !important;
}
.content-hub-head-actions .btn.secondary.content-hub-action:hover {
    background: #f8fafc;
    border-color: #cbd5e1;
}
.content-hub-head-actions .content-hub-add {
    justify-self: auto;
    align-self: auto;
    padding: .48rem .9rem;
    font-weight: 700;
}
.content-hub-tabs {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: .4rem;
    margin: 0 1.15rem 1.1rem;
    padding: .4rem;
    border-radius: 14px;
    background: #f1f5f9;
    border: 1px solid #e2e8f0;
}
.content-hub-tabs--6 {
    grid-template-columns: repeat(6, minmax(0, 1fr));
}
.content-hub-tabs a {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: .45rem;
    min-width: 0;
    padding: .7rem .65rem;
    border-radius: 10px;
    text-decoration: none !important;
    color: #475569 !important;
    font-size: .84rem;
    font-weight: 750;
    transition: background .12s ease, color .12s ease, box-shadow .12s ease;
}
.content-hub-tabs a i {
    font-size: .82rem;
    opacity: .85;
}
.content-hub-tabs a span {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.content-hub-tabs a em {
    font-style: normal;
    font-size: .72rem;
    font-weight: 800;
    font-variant-numeric: tabular-nums;
    padding: .12rem .4rem;
    border-radius: 999px;
    background: rgba(15, 23, 42, .06);
    color: #64748b;
}
.content-hub-tabs a:hover {
    background: rgba(255,255,255,.7);
    color: #0f172a !important;
}
.content-hub-tabs a.is-active {
    background: #fff;
    color: #C01018 !important;
    box-shadow: 0 1px 2px rgba(15,23,42,.08), 0 0 0 1px rgba(192,16,24,.14);
}
.content-hub-tabs a.is-active em {
    background: rgba(192, 16, 24, .1);
    color: #C01018;
}
.content-hub-table-card {
    margin-top: 1rem;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
}
.card.card-table.content-hub-table-card {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
}
.content-hub-toolbar {
    display: grid;
    grid-template-columns: minmax(220px, 1.1fr) auto minmax(170px, 210px) auto;
    gap: .75rem;
    align-items: center;
    padding: .85rem 1rem;
    border-bottom: 1px solid #e2e8f0;
    background:
        linear-gradient(180deg, #ffffff 0%, #f8fafc 100%);
}
.content-hub-toolbar.pages-hub-toolbar {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    gap: .55rem;
}
.content-hub-toolbar.pages-hub-toolbar .content-hub-search {
    flex: 1 1 auto;
    min-width: 12rem;
}
.content-hub-toolbar.pages-hub-toolbar .content-hub-seg {
    flex: 0 0 auto;
}
.content-hub-toolbar.pages-hub-toolbar .content-hub-sort {
    flex: 0 1 9.5rem;
    min-width: 8.5rem;
}
.content-hub-toolbar.pages-hub-toolbar .content-hub-toolbar-meta {
    flex: 0 0 auto;
    margin-left: auto;
}
.content-hub-sort.is-plain select {
    padding-left: .85rem;
}

/* Profesyonel liste araç çubuğu — tek satır */
.admin-list-bar {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: .5rem;
    padding: .7rem .85rem;
    border-bottom: 1px solid #e2e8f0;
    background: #fff;
    max-width: 100%;
    box-sizing: border-box;
}
.admin-list-bar-filters {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    gap: .4rem;
    flex: 1 1 auto;
    min-width: 0;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
}
.admin-list-bar-actions {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: flex-end;
    gap: .4rem;
    flex: 0 0 auto;
    margin-left: auto;
    white-space: nowrap;
}
.admin-list-field {
    position: relative;
    display: block;
    margin: 0;
    flex: 0 1 auto;
}
.admin-list-field select,
.admin-list-search input {
    display: block;
    width: 100%;
    height: 2.2rem;
    border: 1px solid #d7dee8;
    border-radius: 4px;
    background: #fff;
    color: #0f172a;
    font: inherit;
    font-size: .8rem;
    font-weight: 600;
    line-height: 1.2;
}
.admin-list-field select {
    min-width: 7.5rem;
    max-width: 9.5rem;
    padding: 0 1.7rem 0 .55rem;
    appearance: none;
    background-image:
        linear-gradient(45deg, transparent 50%, #64748b 50%),
        linear-gradient(135deg, #64748b 50%, transparent 50%);
    background-position:
        calc(100% - 12px) calc(50% - 2px),
        calc(100% - 7px) calc(50% - 2px);
    background-size: 5px 5px, 5px 5px;
    background-repeat: no-repeat;
    cursor: pointer;
}
.admin-list-field select:focus,
.admin-list-search input:focus {
    outline: none;
    border-color: #94a3b8;
    box-shadow: 0 0 0 3px rgba(15, 23, 42, .06);
}
.admin-list-search {
    width: 8.5rem;
    flex: 0 0 8.5rem;
}
.admin-list-search i {
    position: absolute;
    left: .6rem;
    top: 50%;
    transform: translateY(-50%);
    color: #94a3b8;
    font-size: .75rem;
    pointer-events: none;
}
.admin-list-search input {
    padding: 0 .55rem 0 1.9rem;
    font-weight: 500;
}
.admin-list-count {
    color: #64748b;
    font-size: .76rem;
    font-weight: 700;
    font-variant-numeric: tabular-nums;
}
.admin-list-reset {
    color: #C01018 !important;
    font-size: .76rem;
    font-weight: 750;
    text-decoration: none !important;
}
.admin-list-reset:hover { text-decoration: underline !important; }
.admin-list-bar-actions .btn.sm {
    border-radius: 4px;
    min-height: 2.2rem;
    padding: .35rem .75rem;
    display: inline-flex;
    align-items: center;
    gap: .3rem;
    white-space: nowrap;
}
.content-hub-table-card.is-flush {
    margin-top: 0;
}
/* Geri uyumluluk: eski sınıf adları yeni çubuğa bağlanır */
.admin-list-filters,
.posts-hub-filters {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: .65rem 1rem;
    padding: .8rem 1rem;
    border-bottom: 1px solid #e2e8f0;
    background: #fff;
}
.admin-list-filters-main,
.posts-hub-filters-main {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: .5rem;
    flex: 1 1 auto;
}
.admin-list-filters-meta,
.posts-hub-filters-meta {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: .45rem;
    margin-left: auto;
}
.content-hub-search {
    position: relative;
    min-width: 0;
}
.content-hub-search i {
    position: absolute;
    left: .85rem;
    top: 50%;
    transform: translateY(-50%);
    color: #94a3b8;
    font-size: .85rem;
    pointer-events: none;
}
.content-hub-search input {
    width: 100%;
    min-height: 2.5rem;
    padding: .55rem .9rem .55rem 2.35rem;
    border: 1px solid #dbe3ee;
    border-radius: 12px;
    background: #fff;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.8);
    font-size: .9rem;
}
.content-hub-search input:focus {
    outline: none;
    border-color: #93c5fd;
    box-shadow: 0 0 0 3px rgba(37,99,235,.12);
}
.content-hub-seg {
    display: inline-flex;
    padding: .22rem;
    border-radius: 12px;
    background: #eef2f7;
    border: 1px solid #e2e8f0;
    gap: .15rem;
}
.content-hub-seg button {
    appearance: none;
    border: 0;
    background: transparent;
    color: #475569;
    font: inherit;
    font-size: .78rem;
    font-weight: 750;
    padding: .48rem .85rem;
    border-radius: 9px;
    cursor: pointer;
    white-space: nowrap;
    line-height: 1;
}
.content-hub-seg button:hover { color: #0f172a; background: rgba(255,255,255,.55); }
.content-hub-seg button.is-active {
    background: #fff;
    color: #C01018;
    box-shadow: 0 1px 2px rgba(15,23,42,.08), 0 0 0 1px rgba(192,16,24,.12);
}
.content-hub-sort {
    position: relative;
    display: grid;
    min-width: 0;
}
.content-hub-sort > i {
    position: absolute;
    left: .8rem;
    top: 50%;
    transform: translateY(-50%);
    color: #64748b;
    font-size: .85rem;
    pointer-events: none;
    z-index: 1;
}
.content-hub-sort select {
    width: 100%;
    min-height: 2.5rem;
    padding: .55rem 2rem .55rem 2.2rem;
    border: 1px solid #dbe3ee;
    border-radius: 12px;
    background: #fff;
    font-size: .86rem;
    font-weight: 650;
    color: #0f172a;
    cursor: pointer;
}
.content-hub-toolbar-meta {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: .65rem;
    white-space: nowrap;
}
.content-hub-toolbar-meta span {
    color: #64748b;
    font-size: .78rem;
    font-weight: 700;
    font-variant-numeric: tabular-nums;
}
.content-hub-toolbar-meta a {
    color: #C01018 !important;
    font-size: .78rem;
    font-weight: 750;
    text-decoration: none !important;
}
.content-hub-toolbar-meta a:hover { text-decoration: underline !important; }
.content-hub-row { cursor: pointer; }
.content-hub-row:hover td { background: #f8fafc; }
.content-hub-row:focus { outline: 2px solid rgba(192, 16, 24, .35); outline-offset: -2px; }
/* Yazı listesi — yatay scroll (min-width tablolar kesilmesin) */
.posts-list-scroll {
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
}
.posts-list-table.content-hub-table,
.content-hub-table.posts-list-table {
    table-layout: fixed !important;
    width: 100% !important;
    min-width: 0 !important;
    margin: 0;
}
.posts-list-table .col-thumb { width: 52px; }
.posts-list-table .col-grow { width: auto; }
.posts-list-table .col-date { width: 7.5rem; }
.posts-list-table .col-updated { width: 7.5rem; }
.posts-list-table .col-status { width: 5.5rem; }
.posts-list-table .col-actions { width: 8.5rem; text-align: right; }
.posts-list-table th.col-date,
.posts-list-table td.col-date,
.posts-list-table th.col-updated,
.posts-list-table td.col-updated {
    padding-left: .55rem;
    padding-right: .55rem;
}
.posts-list-table .col-date,
.posts-list-table .col-updated,
.posts-list-table .col-status,
.posts-list-table .col-actions {
    white-space: nowrap;
    vertical-align: middle;
    overflow: hidden;
}
.posts-list-table .content-hub-date,
.posts-list-table .content-hub-time {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: clip;
}
.posts-list-table .row-title,
.posts-list-table .content-hub-slug {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.content-hub-table {
    table-layout: fixed;
    width: 100%;
    min-width: 920px;
    margin: 0;
}
.content-hub-table.has-type-col {
    min-width: 1020px;
}
.content-hub-table th,
.content-hub-table td {
    vertical-align: middle;
}
.content-hub-table .col-thumb { width: 64px; }
.content-hub-table .col-grow { width: auto; }
.content-hub-table .col-type { width: 100px; }
.content-hub-table .col-date { width: 7.25rem; }
.content-hub-table .col-updated { width: 7.25rem; }
.content-hub-table .col-status { width: 6.5rem; }
.content-hub-table .col-actions {
    width: 8.5rem;
    text-align: right;
    padding-right: 1.35rem;
}
.content-hub-table th.col-date,
.content-hub-table th.col-updated,
.content-hub-table th.col-status,
.content-hub-table th.col-actions {
    white-space: nowrap;
}
.content-hub-table td.col-date,
.content-hub-table td.col-updated,
.content-hub-table td.col-status {
    overflow: visible;
}
.content-hub-table .col-date .content-hub-date,
.content-hub-table .col-updated .content-hub-date,
.content-hub-table .col-date .field-hint,
.content-hub-table .col-date .content-hub-slug {
    white-space: nowrap;
    overflow: visible;
    text-overflow: clip;
    max-width: none;
}
.content-hub-type-chip {
    display: inline-block;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    vertical-align: middle;
}
.content-hub-table td.col-actions {
    display: table-cell;
}
.content-hub-table td.col-actions > * ,
.content-hub-table .col-actions {
    white-space: nowrap;
}
.content-hub-table td.col-actions {
    text-align: right;
}
.content-hub-actions {
    display: inline-flex;
    align-items: center;
    justify-content: flex-end;
    gap: .28rem;
}
/* Metin etiketli tablo aksiyonları (sertifika şablonları, LMS atama, üyelik vb.) */
.content-hub-table td.col-actions:has(.content-hub-actions.has-label) {
    width: auto;
    min-width: 11rem;
    max-width: none;
    vertical-align: middle;
}
.content-hub-actions.has-label {
    display: inline-flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-end;
    gap: .35rem;
    max-width: min(36rem, 52vw);
}
.content-hub-table td.col-actions .content-hub-actions.has-label .btn.has-label,
.content-hub-table td.col-actions .btn.has-label {
    width: auto;
    height: auto;
    min-height: 2rem;
    padding: .35rem .55rem;
    font-size: .78rem;
    font-weight: 650;
    line-height: 1.2;
    white-space: nowrap;
}
.cert-templates-table .col-actions {
    min-width: 9.5rem;
    width: 9.5rem;
}
.cert-templates-table .cert-template-row-actions {
    gap: .32rem;
}
.cert-templates-scroll {
    width: 100%;
    overflow-x: auto;
    overflow-y: visible;
}
.lms-report-result.cert-templates-result {
    overflow: visible;
}
.cert-templates-table td.col-actions {
    overflow: visible;
}
.cert-template-row-actions.is-row-busy {
    opacity: .55;
    pointer-events: none;
}
.content-hub-table td.col-actions form {
    display: inline;
    margin: 0;
}
.content-hub-table td.col-actions .btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 2rem;
    height: 2rem;
    padding: 0;
    margin: 0;
    border-radius: 4px;
}
.content-hub-table td.col-actions .btn.is-danger {
    color: #b91c1c;
}
/* Tablo satırı overflow menüsü (RowActionsMenu) */
.adm-row-menu {
    position: relative;
    display: inline-flex;
    vertical-align: middle;
}
.adm-row-menu.is-disabled {
    opacity: .55;
    pointer-events: none;
}
.adm-row-menu-trigger {
    list-style: none;
    cursor: pointer;
}
.adm-row-menu-trigger::-webkit-details-marker {
    display: none;
}
.adm-row-menu-trigger::marker {
    content: '';
}
.adm-row-menu-panel {
    position: absolute;
    right: 0;
    top: auto;
    bottom: calc(100% + .35rem);
    min-width: 11.5rem;
    padding: .35rem;
    border: 1px solid var(--line-soft);
    border-radius: 8px;
    background: var(--panel);
    box-shadow: var(--shadow-lg);
    z-index: 60;
    display: grid;
    gap: .12rem;
}
.adm-row-menu-item {
    display: flex;
    align-items: center;
    gap: .55rem;
    width: 100%;
    padding: .55rem .65rem;
    border: 0;
    border-radius: 6px;
    background: transparent;
    color: var(--ink) !important;
    text-decoration: none !important;
    font: inherit;
    font-size: .82rem;
    font-weight: 700;
    text-align: left;
    cursor: pointer;
    white-space: nowrap;
}
.adm-row-menu-item i {
    width: 1rem;
    color: #64748b;
    text-align: center;
    flex-shrink: 0;
}
.adm-row-menu-item:hover,
.adm-row-menu-item:focus-visible {
    background: var(--bg-accent);
    outline: none;
}
.adm-row-menu-item.is-danger {
    color: #b91c1c !important;
}
.adm-row-menu-item.is-danger i {
    color: #dc2626;
}
.adm-row-menu-item:disabled,
.adm-row-menu-item[aria-disabled='true'] {
    opacity: .45;
    cursor: not-allowed;
    pointer-events: none;
}
html.dark .lms-report-result {
    background: var(--panel);
    border-color: var(--line-soft);
}
html.dark .adm-row-menu-panel {
    background: var(--panel);
    border-color: var(--line-soft);
}
html.dark .adm-row-menu-item {
    color: var(--ink) !important;
}
html.dark .adm-row-menu-item i {
    color: #94a3b8;
}
html.dark .adm-row-menu-item:hover,
html.dark .adm-row-menu-item:focus-visible {
    background: var(--bg-accent);
}
html.dark .content-hub-row:hover td {
    background: rgba(255, 255, 255, .04);
}
.content-hub-table .list-thumb {
    width: 48px;
    height: 48px;
    border-radius: 10px;
    object-fit: cover;
}
.content-hub-table .list-thumb.placeholder {
    display: grid;
    place-items: center;
    color: #94a3b8;
    background: #f1f5f9;
}
.content-hub-slug {
    margin: .15rem 0 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 100%;
}
.content-hub-date {
    font-variant-numeric: tabular-nums;
    font-weight: 650;
    font-size: .86rem;
    white-space: nowrap;
}
.content-hub-time {
    margin: .15rem 0 0;
    white-space: nowrap;
    font-variant-numeric: tabular-nums;
}
.content-hub-status-stack {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: .28rem;
}
.content-hub-table .row-title {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
@media (max-width: 1100px) {
    .content-hub-head {
        grid-template-columns: 1fr auto;
    }
    .content-hub-metrics { grid-column: 1 / -1; }
    .content-hub-tabs { grid-template-columns: repeat(3, minmax(0, 1fr)); }
    .content-hub-tabs--6 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
    .content-hub-toolbar {
        grid-template-columns: 1fr 1fr;
    }
    .content-hub-search,
    .content-hub-toolbar-meta { grid-column: 1 / -1; }
    .content-hub-toolbar-meta { justify-content: space-between; }
    .content-hub-toolbar.pages-hub-toolbar {
        display: flex;
        flex-wrap: wrap;
    }
    .content-hub-toolbar.pages-hub-toolbar .content-hub-search,
    .content-hub-toolbar.pages-hub-toolbar .content-hub-toolbar-meta {
        grid-column: auto;
    }
    .content-hub-toolbar.pages-hub-toolbar .content-hub-search {
        flex: 1 1 100%;
    }
    .content-hub-toolbar.pages-hub-toolbar .content-hub-toolbar-meta {
        flex: 1 1 auto;
        margin-left: auto;
        justify-content: flex-end;
    }
    .admin-list-filters-meta,
    .posts-hub-filters-meta {
        width: 100%;
        justify-content: flex-end;
        margin-left: 0;
    }
}
@media (max-width: 900px) {
    .admin-list-bar {
        flex-wrap: wrap;
    }
    .admin-list-bar-filters {
        flex: 1 1 100%;
        overflow-x: auto;
        padding-bottom: .15rem;
    }
    .admin-list-bar-actions {
        flex: 1 1 100%;
        justify-content: flex-end;
        margin-left: 0;
    }
}
@media (max-width: 700px) {
    .content-hub-head { grid-template-columns: 1fr; }
    .content-hub-add { justify-self: stretch; text-align: center; }
    .content-hub-head-actions {
        justify-self: stretch;
        width: 100%;
    }
    .content-hub-head-actions .btn { flex: 1; justify-content: center; }
    .content-hub-metrics { grid-template-columns: repeat(3, minmax(0, 1fr)); }
    .content-hub-tabs { grid-template-columns: 1fr 1fr; }
    .content-hub-tabs--6 { grid-template-columns: 1fr 1fr; }
    .content-hub-toolbar { grid-template-columns: 1fr; }
    .content-hub-seg { width: 100%; }
    .content-hub-seg button { flex: 1; text-align: center; }
    .content-hub-table:not(.posts-list-table) .col-updated,
    .content-hub-table .col-type { display: none; }
    .content-hub-toolbar.pages-hub-toolbar {
        flex-wrap: wrap;
    }
    .content-hub-toolbar.pages-hub-toolbar .content-hub-seg,
    .content-hub-toolbar.pages-hub-toolbar .content-hub-sort,
    .content-hub-toolbar.pages-hub-toolbar .content-hub-toolbar-meta {
        flex: 1 1 100%;
    }
    .content-hub-toolbar.pages-hub-toolbar .content-hub-toolbar-meta {
        justify-content: space-between;
    }
    .admin-list-filters-main,
    .posts-hub-filters-main {
        width: 100%;
    }
    .admin-list-filters-main .content-hub-seg,
    .posts-hub-filters-main .content-hub-seg {
        width: 100%;
    }
    .admin-list-filters-main .content-hub-seg button,
    .posts-hub-filters-main .content-hub-seg button {
        flex: 1;
        text-align: center;
    }
    .admin-list-filters-main .content-hub-sort,
    .posts-hub-filters-main .content-hub-sort {
        flex: 1 1 calc(50% - .3rem);
    }
}

/* Sayfalar hub */
.pages-hub-note {
    display: flex;
    gap: .75rem;
    align-items: flex-start;
    margin: 1rem 0 0;
    padding: .85rem 1rem;
    border-radius: 14px;
    border: 1px solid #dbeafe;
    background: linear-gradient(135deg, #f8fbff 0%, #eff6ff 100%);
    color: #1e3a5f;
}
.pages-hub-note > i {
    margin-top: .15rem;
    color: #2563eb;
}
.pages-hub-note strong {
    display: block;
    font-size: .9rem;
    margin-bottom: .15rem;
}
.pages-hub-note span {
    display: block;
    font-size: .82rem;
    line-height: 1.45;
    color: #475569;
}
.pages-hub-meta {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: .25rem;
    margin-top: .25rem;
    font-size: .75rem;
    color: #64748b;
}
.pages-hub-dot { opacity: .55; }
.pages-hub-menu {
    display: inline-flex;
    align-items: center;
    gap: .35rem;
    max-width: 11rem;
    font-size: .8rem;
    font-weight: 600;
    color: #334155;
}
.pages-hub-menu i { color: #94a3b8; font-size: .7rem; }
.pages-hub-menu span {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.pages-hub-menu em {
    font-style: normal;
    font-size: .7rem;
    font-weight: 800;
    color: #64748b;
    background: #f1f5f9;
    border-radius: 999px;
    padding: .1rem .4rem;
}
.content-hub-table.pages-hub-table .col-actions { width: 168px; }

/* ?? ??erik edit?r (create/edit) ?? */
.content-editor-top { margin-bottom: 1rem; }
.content-editor-top .content-hub-metrics {
    grid-template-columns: repeat(2, minmax(4.25rem, auto));
}
.content-editor-top .content-hub-metric strong {
    font-size: .9rem;
}
.content-hub-tabs .content-editor-type-tab {
    appearance: none;
    border: 0;
    background: transparent;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: .45rem;
    min-width: 0;
    padding: .7rem .65rem;
    border-radius: 10px;
    color: #475569;
    font: inherit;
    font-size: .84rem;
    font-weight: 750;
    cursor: pointer;
    transition: background .12s ease, color .12s ease, box-shadow .12s ease;
}
.content-hub-tabs .content-editor-type-tab:hover {
    background: rgba(255,255,255,.7);
    color: #0f172a;
}
.content-hub-tabs .content-editor-type-tab.is-active {
    background: #fff;
    color: #C01018;
    box-shadow: 0 1px 2px rgba(15,23,42,.08), 0 0 0 1px rgba(192,16,24,.14);
}

.content-editor-layout {
    grid-template-columns: minmax(0, 1fr) minmax(280px, 320px);
    gap: 1rem;
}
.content-editor-panel {
    margin: 0 0 1rem;
    padding: 0;
    overflow: hidden;
}
.content-editor-panel-head {
    display: flex;
    flex-wrap: wrap;
    align-items: baseline;
    justify-content: space-between;
    gap: .35rem .85rem;
    padding: .85rem 1.05rem;
    border-bottom: 1px solid #e2e8f0;
    background: linear-gradient(180deg, #fff 0%, #f8fafc 100%);
}
.content-editor-panel-head strong {
    font-size: .92rem;
    font-weight: 800;
    letter-spacing: -.01em;
    color: #0f172a;
}
.content-editor-panel-head span {
    color: #64748b;
    font-size: .76rem;
    font-weight: 650;
}
.content-editor-panel-body {
    padding: 1.05rem 1.1rem;
}
.content-editor-panel-body.is-flush {
    padding: .65rem .75rem .85rem;
}
.content-editor-label {
    display: inline-flex;
    align-items: center;
    gap: .35rem;
    margin-bottom: .35rem;
    font-size: .78rem;
    font-weight: 800;
    letter-spacing: .02em;
    text-transform: uppercase;
    color: #64748b;
}
.content-editor-label em {
    font-style: normal;
    font-weight: 650;
    text-transform: none;
    letter-spacing: 0;
    color: #94a3b8;
}
.content-editor-field {
    display: grid;
    gap: .35rem;
    margin-top: .85rem;
}
.content-editor-field:first-child { margin-top: 0; }
.content-editor-title-wrap { display: grid; gap: .35rem; }
.content-editor .content-editor-title {
    margin-bottom: 0 !important;
    border-radius: 12px !important;
    border-color: #dbe3ee !important;
    padding: .85rem 1rem !important;
    font-size: 1.55rem !important;
    font-weight: 800 !important;
    letter-spacing: -.02em;
    box-shadow: none !important;
}
.content-editor .content-editor-title:focus {
    border-color: #93c5fd !important;
    box-shadow: 0 0 0 3px rgba(37,99,235,.12) !important;
}
.content-editor-slug {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    gap: .35rem .65rem;
    align-items: center;
    margin-top: .85rem;
    padding: .7rem .85rem;
    border-radius: 12px;
    border: 1px solid #e2e8f0;
    background: #f8fafc;
}
.content-editor-slug-label {
    display: inline-flex;
    align-items: center;
    gap: .4rem;
    color: #64748b;
    font-size: .78rem;
    font-weight: 750;
    white-space: nowrap;
}
.content-editor-slug input {
    min-width: 0;
    margin: 0;
    border-radius: 8px;
    background: #fff;
}
.content-editor-slug.is-locked input {
    background: #f1f5f9;
    color: #334155;
    cursor: default;
    border-color: #e2e8f0;
    box-shadow: none;
}
.content-editor-slug.is-locked .fa-lock {
    margin-left: .25rem;
    color: #94a3b8;
    font-size: .72rem;
}
.content-editor-slug em {
    grid-column: 1 / -1;
    font-style: normal;
    color: #94a3b8;
    font-size: .74rem;
}
.content-editor-excerpt {
    min-height: 96px;
    border-radius: 12px;
}
.content-editor-publish .publish-status {
    margin-bottom: .75rem;
    padding-bottom: .7rem;
}
.content-editor-publish .publish-section strong {
    color: #0f172a;
    font-weight: 800;
}
.content-editor-actions {
    margin-top: 1rem;
    padding-top: .85rem;
    border-top: 1px solid #e2e8f0;
}
.content-editor-actions .btn.block {
    justify-content: center;
}
.content-editor-side .content-editor-panel:last-child {
    margin-bottom: 0;
}
@media (max-width: 980px) {
    .content-editor-layout { grid-template-columns: 1fr; }
    .content-editor-side { position: static; }
}

/* ?? Men? a?a? edit?r? ?? */
.menu-editor-tip {
    display: flex;
    gap: .75rem;
    align-items: flex-start;
    margin-bottom: 1rem;
    padding: .85rem 1rem;
    border-radius: 12px;
    border: 1px solid #bfdbfe;
    background: #eff6ff;
    color: #1e3a5f;
    font-size: .9rem;
    line-height: 1.45;
}
.menu-editor-tip i { color: #2563eb; margin-top: .15rem; }
.menu-editor {
    display: grid;
    grid-template-columns: minmax(0, 1.15fr) minmax(320px, .85fr);
    gap: 1rem;
    align-items: start;
}
.menu-editor-tree,
.menu-editor-panel {
    padding: 0;
    overflow: hidden;
}
.menu-editor-tree-head,
.menu-editor-panel-head {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: .75rem;
    padding: 1rem 1.1rem;
    border-bottom: 1px solid #e2e8f0;
    background: #f8fafc;
}
.menu-editor-tree-head strong,
.menu-editor-panel-head strong {
    display: block;
    font-size: .95rem;
    color: #0f172a;
}
.menu-editor-count {
    font-size: .75rem;
    font-weight: 700;
    color: #64748b;
    background: #e2e8f0;
    padding: .2rem .55rem;
    border-radius: 999px;
    white-space: nowrap;
}
[data-menu-save-status].is-ok { color: #15803d; }
[data-menu-save-status].is-err { color: #b91c1c; }
[data-menu-save-status].is-busy { color: #b45309; }

.menu-tree,
.menu-tree-children {
    list-style: none;
    margin: 0;
    padding: .55rem;
    min-height: 12px;
}
.menu-tree-children {
    margin: 0 0 .35rem 1.65rem;
    padding: .35rem;
    border-left: 2px solid #e2e8f0;
    border-radius: 0 10px 10px 0;
    background: rgba(248, 250, 252, .65);
    min-height: 28px;
}
.menu-tree-item { margin-bottom: .35rem; }
.menu-tree-item.is-ghost > .menu-tree-row {
    opacity: .45;
    background: #dbeafe;
}
.menu-tree-item.is-chosen > .menu-tree-row {
    box-shadow: 0 8px 24px rgba(15, 23, 42, .12);
}
.menu-tree-item.is-selected > .menu-tree-row {
    border-color: #93c5fd;
    background: #eff6ff;
}
.menu-tree-row {
    display: grid;
    grid-template-columns: 28px minmax(0, 1fr) auto 28px;
    gap: .35rem;
    align-items: center;
    padding: .45rem .5rem;
    border: 1px solid #e2e8f0;
    border-radius: 12px;
    background: #fff;
    transition: border-color .15s ease, background .15s ease, box-shadow .15s ease;
}
.menu-tree-row:hover { border-color: #cbd5e1; }
.menu-tree-handle {
    width: 28px;
    height: 32px;
    border: 0;
    background: transparent;
    color: #94a3b8;
    cursor: grab;
    border-radius: 8px;
}
.menu-tree-handle:active { cursor: grabbing; }
.menu-tree-handle:hover { color: #475569; background: #f1f5f9; }
.menu-tree-main {
    display: flex;
    align-items: center;
    gap: .65rem;
    min-width: 0;
    text-decoration: none;
    color: inherit;
}
.menu-tree-icon {
    width: 36px;
    height: 36px;
    border-radius: 10px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: #fee2e2;
    color: #b91c1c;
    flex-shrink: 0;
    font-size: .9rem;
}
.menu-tree-icon.is-child {
    background: #e0f2fe;
    color: #0369a1;
    width: 32px;
    height: 32px;
}
.menu-tree-copy {
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: .1rem;
}
.menu-tree-copy strong {
    font-size: .9rem;
    color: #0f172a;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: .35rem;
}
.menu-tree-copy small {
    color: #64748b;
    font-size: .75rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.menu-tree-badge {
    display: inline-flex;
    align-items: center;
    padding: .1rem .45rem;
    border-radius: 999px;
    background: #dc2626;
    color: #fff;
    font-size: .65rem;
    font-style: normal;
    font-weight: 800;
    letter-spacing: .02em;
    text-transform: uppercase;
}
.menu-tree-meta {
    display: flex;
    align-items: center;
    gap: .35rem;
}
.menu-tree-kids {
    font-size: .7rem;
    font-weight: 700;
    color: #475569;
    background: #f1f5f9;
    padding: .15rem .4rem;
    border-radius: 999px;
    white-space: nowrap;
}
.menu-tree-del {
    width: 28px;
    height: 28px;
    border: 0;
    border-radius: 8px;
    background: transparent;
    color: #94a3b8;
    cursor: pointer;
}
.menu-tree-del:hover { background: #fef2f2; color: #b91c1c; }

.menu-editor-panel { position: sticky; top: 1rem; }
.menu-editor-form { padding: 1rem 1.1rem 1.15rem; }
.menu-editor-actions {
    display: flex;
    gap: .5rem;
    margin-top: 1rem;
    padding-top: .9rem;
    border-top: 1px solid #e2e8f0;
}
.menu-editor-empty {
    padding: 2.5rem 1.5rem;
    text-align: center;
    color: #64748b;
}
.menu-editor-empty i {
    font-size: 1.6rem;
    color: #94a3b8;
    margin-bottom: .65rem;
}
.menu-editor-empty strong {
    display: block;
    color: #0f172a;
    margin-bottom: .35rem;
}
.menu-editor-empty p {
    margin: 0 0 1rem;
    font-size: .9rem;
    line-height: 1.45;
}

.menu-field-block { margin-bottom: 1.1rem; }
.menu-field-block h4 {
    margin: 0 0 .65rem;
    font-size: .78rem;
    text-transform: uppercase;
    letter-spacing: .04em;
    color: #64748b;
}
.menu-field-footer { margin-bottom: 0; }
.menu-advanced {
    margin-bottom: 1rem;
    border: 1px solid #e2e8f0;
    border-radius: 12px;
    padding: .55rem .85rem;
    background: #f8fafc;
}
.menu-advanced summary {
    cursor: pointer;
    font-weight: 700;
    font-size: .88rem;
    color: #334155;
}
.menu-badge-presets {
    display: flex;
    flex-wrap: wrap;
    gap: .4rem;
    margin: .45rem 0 .75rem;
}
.menu-badge-chip {
    border: 1px solid #e2e8f0;
    background: #fff;
    color: #334155;
    font-size: .75rem;
    font-weight: 700;
    padding: .28rem .65rem;
    border-radius: 999px;
    cursor: pointer;
}
.menu-badge-chip:hover { border-color: #cbd5e1; }
.menu-badge-chip.is-active {
    border-color: #dc2626;
    background: #fef2f2;
    color: #b91c1c;
}

.menu-preview-card {
    display: flex;
    gap: .75rem;
    align-items: flex-start;
    margin: 0 1.1rem;
    padding: .85rem;
    border-radius: 14px;
    background: #eef6ff;
    border: 1px solid #dbeafe;
}
.menu-preview-icon {
    width: 40px;
    height: 40px;
    border-radius: 12px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: #fee2e2;
    color: #b91c1c;
    flex-shrink: 0;
}
.menu-preview-card strong {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: .4rem;
    color: #0f172a;
    font-size: .95rem;
}
.menu-preview-card strong em {
    font-style: normal;
    font-size: .65rem;
    font-weight: 800;
    letter-spacing: .03em;
    text-transform: uppercase;
    background: #dc2626;
    color: #fff;
    padding: .12rem .5rem;
    border-radius: 999px;
}
.menu-preview-card small {
    display: block;
    margin-top: .2rem;
    color: #64748b;
    font-size: .8rem;
    line-height: 1.35;
}

.flash.is-ok {
    border: 1px solid #bbf7d0;
    background: #f0fdf4;
    color: #166534;
    padding: .75rem 1rem;
    border-radius: 10px;
}
.flash.is-danger,
.flash.is-error,
.flash.err {
    border: 1px solid #fecaca;
    background: #fef2f2;
    color: #991b1b;
    padding: .75rem 1rem;
    border-radius: 10px;
}
.flash.is-warn {
    border: 1px solid #fde68a;
    background: #fffbeb;
    color: #92400e;
    padding: .75rem 1rem;
    border-radius: 10px;
}

@media (max-width: 980px) {
    .menu-editor { grid-template-columns: 1fr; }
    .menu-editor-panel { position: static; }
}

/* ?? ?ube d?zenleme ?? */
.branch-edit-layout {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(260px, 300px);
    gap: 1rem;
    align-items: start;
}
.branch-edit-main { display: flex; flex-direction: column; gap: 1rem; min-width: 0; }
.branch-edit-side { position: sticky; top: 1rem; }
.branch-preview-card {
    display: flex;
    flex-direction: column;
    gap: .35rem;
    padding: .85rem;
    border-radius: 12px;
    background: #f8fafc;
    border: 1px solid #e2e8f0;
}
.branch-preview-card strong { color: #0f172a; font-size: .95rem; }
.branch-preview-card em {
    font-style: normal;
    font-size: .72rem;
    font-weight: 700;
    color: #0369a1;
    background: #e0f2fe;
    align-self: flex-start;
    padding: .15rem .45rem;
    border-radius: 999px;
}
.branch-preview-card small { color: #475569; font-size: .82rem; line-height: 1.35; }
@media (max-width: 980px) {
    .branch-edit-layout { grid-template-columns: 1fr; }
    .branch-edit-side { position: static; }
}

/* — Şube düzenleme (pro) — */
.branch-edit-pro { margin-top: .25rem; }
.branch-edit-pro .module-form-field.is-full { grid-column: 1 / -1; }
.branch-edit-pro .form-grid.two { gap: .85rem 1rem; }
.branch-edit-pro .branch-edit-role-row {
    grid-template-columns: minmax(0, 1fr) minmax(5.75rem, 8.25rem);
    gap: .85rem 1rem;
    margin-top: .85rem;
}
.branch-edit-pro .branch-edit-field-sort input[type='number'] {
    width: 100%;
    min-width: 0;
    text-align: center;
    -moz-appearance: textfield;
}
.branch-edit-pro .branch-edit-field-sort input[type='number']::-webkit-outer-spin-button,
.branch-edit-pro .branch-edit-field-sort input[type='number']::-webkit-inner-spin-button {
    margin: 0;
}
.branch-edit-pro .branch-edit-title-chips {
    margin: .15rem 0 .85rem;
}
.branch-edit-pro .branch-edit-title-chips .menu-badge-chip.is-active {
    border-color: #0284c7;
    background: #e0f2fe;
    color: #0369a1;
}
.branch-edit-pro .branch-edit-section > .module-form-field {
    width: 100%;
}
.branch-edit-flash {
    margin-bottom: .85rem;
    padding: .65rem .9rem;
    border-radius: 10px;
    font-size: .88rem;
}
.branch-edit-note {
    display: flex;
    gap: .75rem;
    align-items: flex-start;
    padding: .85rem 1rem;
    border-radius: 12px;
    border: 1px solid #fde68a;
    background: linear-gradient(180deg, #fffbeb, #fff);
    color: #92400e;
}
.branch-edit-note > i { margin-top: .15rem; color: #d97706; }
.branch-edit-note strong { display: block; font-size: .88rem; color: #78350f; }
.branch-edit-note p { margin: .25rem 0 0; font-size: .82rem; line-height: 1.45; color: #a16207; }
.branch-edit-note-soft {
    border-color: #bfdbfe;
    background: linear-gradient(180deg, #eff6ff, #fff);
    color: #1d4ed8;
}
.branch-edit-note-soft > i { color: #2563eb; }
.branch-edit-note-soft strong { color: #1e40af; }
.branch-edit-note-soft p { color: #3b82f6; }
.branch-edit-section.is-readonly-block input:disabled,
.branch-edit-section.is-readonly-block textarea:disabled {
    background: #f8fafc;
    color: #64748b;
    cursor: not-allowed;
    border-color: #e2e8f0;
}
html.dark .branch-edit-section.is-readonly-block input:disabled,
html.dark .branch-edit-section.is-readonly-block textarea:disabled {
    background: #1e293b;
    color: #94a3b8;
    border-color: #334155;
}
.branch-edit-hq-note { margin: .55rem 0 0; }
.branch-edit-section {
    padding: 1rem 1.15rem 1.1rem;
    border: 1px solid #e2e8f0;
    border-radius: 14px;
    background: #fff;
    box-shadow: 0 1px 2px rgba(15, 23, 42, .04);
}
.branch-edit-section .form-grid + .form-grid,
.branch-edit-section .form-grid + .module-form-field,
.branch-edit-section .module-form-field + .form-grid,
.branch-edit-section .module-form-field + .module-form-chips,
.branch-edit-section .module-form-chips + .form-grid {
    margin-top: .85rem;
}
.branch-edit-section-head { margin-bottom: .95rem; }
.branch-edit-section-head h2 {
    margin: 0;
    font-size: .98rem;
    font-weight: 700;
    color: #0f172a;
    display: flex;
    align-items: center;
    gap: .45rem;
}
.branch-edit-section-head h2 i { color: #0369a1; font-size: .88rem; }
.branch-edit-section-head p {
    margin: .35rem 0 0;
    font-size: .8rem;
    color: #64748b;
    line-height: 1.45;
}
.branch-edit-toggles {
    display: flex;
    flex-wrap: wrap;
    gap: .75rem 1.25rem;
    margin-top: 1rem;
    padding-top: .85rem;
    border-top: 1px dashed #e2e8f0;
}
.branch-edit-advanced { padding: 0; overflow: hidden; }
.branch-edit-advanced-summary {
    list-style: none;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .75rem;
    padding: .95rem 1.05rem;
    margin: 0;
}
.branch-edit-advanced-summary::-webkit-details-marker { display: none; }
.branch-edit-advanced[open] .branch-edit-chevron { transform: rotate(180deg); }
.branch-edit-chevron { color: #94a3b8; transition: transform .18s ease; }
.branch-edit-advanced-body { padding: 0 1.05rem 1.05rem; border-top: 1px solid #f1f5f9; }
.branch-edit-preview-panel {
    padding: .95rem;
    display: flex;
    flex-direction: column;
    gap: .75rem;
}
.branch-edit-preview-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .5rem;
}
.branch-edit-preview-head strong { font-size: .88rem; color: #0f172a; }
.branch-edit-preview-card {
    display: flex;
    flex-direction: column;
    gap: .55rem;
    padding: .95rem;
    border-radius: 14px;
    border: 1px solid #e2e8f0;
    background: #f8fafc;
}
.branch-edit-preview-card.has-contact { border-color: rgba(14, 165, 233, .28); background: #fff; }
.branch-edit-preview-card.is-hq {
    border-color: rgba(220, 38, 38, .22);
    background: linear-gradient(180deg, rgba(254, 226, 226, .35), #fff 55%);
}
.branch-edit-preview-top {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: .55rem;
}
.branch-edit-preview-top h3 {
    margin: 0;
    font-size: .98rem;
    font-weight: 800;
    color: #0f172a;
    line-height: 1.25;
}
.branch-edit-preview-tag {
    flex-shrink: 0;
    padding: .18rem .45rem;
    border-radius: 6px;
    font-size: .62rem;
    font-weight: 800;
    letter-spacing: .03em;
    text-transform: uppercase;
    background: #f1f5f9;
    color: #64748b;
}
.branch-edit-preview-card.has-contact .branch-edit-preview-tag {
    background: rgba(14, 165, 233, .12);
    color: #0369a1;
}
.branch-edit-preview-card.is-hq .branch-edit-preview-tag {
    background: rgba(220, 38, 38, .1);
    color: #b91c1c;
}
.branch-edit-preview-meta {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: .4rem;
}
.branch-edit-preview-meta li {
    display: flex;
    gap: .45rem;
    align-items: flex-start;
    font-size: .8rem;
    color: #475569;
    line-height: 1.4;
}
.branch-edit-preview-meta i { color: #0284c7; width: 14px; text-align: center; margin-top: .12rem; }
.branch-edit-preview-meta em {
    display: block;
    font-style: normal;
    font-size: .68rem;
    font-weight: 700;
    color: #0369a1;
    margin-bottom: .08rem;
}
.branch-edit-preview-actions {
    display: flex;
    flex-wrap: wrap;
    gap: .35rem;
}
.branch-edit-preview-pill {
    display: inline-flex;
    align-items: center;
    gap: .35rem;
    padding: .28rem .5rem;
    border-radius: 999px;
    font-size: .72rem;
    font-weight: 600;
    background: #f1f5f9;
    color: #334155;
}
.branch-edit-preview-empty {
    margin: 0;
    font-size: .8rem;
    color: #94a3b8;
    line-height: 1.45;
}
.branch-edit-preview-link { text-align: center; }
@media (max-width: 980px) {
    .branch-edit-pro .branch-edit-role-row { grid-template-columns: 1fr; }
    .branch-edit-pro .branch-edit-field-sort input[type='number'] { text-align: left; }
    .branch-edit-preview-panel { position: static; }
}
html.dark .branch-edit-section {
    background: #0f172a;
    border-color: #334155;
}
html.dark .branch-edit-section-head h2 { color: #f1f5f9; }
html.dark .branch-edit-section-head p { color: #94a3b8; }
html.dark .branch-edit-note {
    background: linear-gradient(180deg, rgba(146, 64, 14, .15), rgba(15, 23, 42, .4));
    border-color: rgba(217, 119, 6, .35);
    color: #fcd34d;
}
html.dark .branch-edit-note-soft {
    background: linear-gradient(180deg, rgba(30, 64, 175, .22), rgba(15, 23, 42, .4));
    border-color: rgba(59, 130, 246, .35);
    color: #93c5fd;
}
html.dark .branch-edit-note-soft strong { color: #bfdbfe; }
html.dark .branch-edit-note-soft p { color: #93c5fd; }
html.dark .branch-edit-advanced-body { border-top-color: #334155; }
html.dark .branch-edit-preview-card {
    background: #1e293b;
    border-color: #334155;
}
html.dark .branch-edit-preview-top h3 { color: #f8fafc; }

/* ? ?ube listesi hub ? */
.branch-hub .content-hub-head-copy p:not(.tech-hub-kicker) { max-width: 36rem; }
.branch-hub .content-hub-metrics,
.events-hub .content-hub-metrics {
    display: flex;
    flex-wrap: nowrap;
    align-items: stretch;
    gap: .45rem;
}
.branch-hub .content-hub-metric,
.events-hub .content-hub-metric {
    flex: 1 1 0;
    min-width: 3.5rem;
    padding: .34rem .5rem;
}
.branch-hub .content-hub-tabs {
    grid-template-columns: repeat(4, minmax(0, 1fr));
}
@media (max-width: 1100px) {
    .branch-hub .content-hub-metrics { grid-column: 1 / -1; }
    .branch-hub .content-hub-tabs { grid-template-columns: repeat(4, minmax(0, 1fr)); }
}
@media (max-width: 700px) {
    .branch-hub .content-hub-metrics {
        display: grid;
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }
    .branch-hub .content-hub-tabs { grid-template-columns: 1fr 1fr; }
}
@media (max-width: 480px) {
    .branch-hub .content-hub-metrics {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}
.branch-bulk-panel {
    margin: 1rem 0;
    padding: 0;
    overflow: hidden;
    border-radius: var(--dr-radius, 4px);
}
.branch-bulk-panel > summary {
    list-style: none;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding: .85rem 1rem;
    cursor: pointer;
    background: #f8fafc;
    border-bottom: 1px solid transparent;
}
.branch-bulk-panel > summary::-webkit-details-marker { display: none; }
.branch-bulk-panel[open] > summary { border-bottom-color: #e2e8f0; }
.branch-bulk-panel > summary strong {
    display: block;
    color: #0f172a;
    font-size: .9rem;
    font-weight: 700;
}
.branch-bulk-panel > summary em {
    font-style: normal;
    color: #64748b;
    font-size: .78rem;
}
.branch-bulk-panel > summary > i {
    color: #94a3b8;
    transition: transform .15s ease;
}
.branch-bulk-panel[open] > summary > i { transform: rotate(180deg); }
.branch-bulk-body { padding: .95rem 1rem 1.05rem; }
.branch-bulk-body > .field-hint {
    margin: 0 0 .85rem;
    font-size: .8rem;
    line-height: 1.45;
    color: #64748b;
}
.branch-bulk-form {
    display: grid;
    grid-template-columns: minmax(12rem, 1.1fr) minmax(10rem, .9fr) auto auto;
    gap: .75rem 1rem;
    align-items: end;
}
.branch-bulk-form .org-field {
    margin: 0;
    min-width: 0;
}
.branch-bulk-form .org-field-control,
.branch-bulk-form .input.org-field-control,
.branch-bulk-form select.org-field-control {
    width: 100%;
    min-height: 38px;
    height: 38px;
    padding: 0 .7rem;
    border: 1px solid #dbe1ea;
    border-radius: var(--dr-radius, 4px);
    background: #fff;
    color: #0f172a;
    font: inherit;
    font-size: .84rem;
    font-weight: 600;
    box-shadow: none;
    appearance: none;
}
.branch-bulk-form select.org-field-control {
    padding-right: 1.85rem;
    background-image:
        linear-gradient(45deg, transparent 50%, #64748b 50%),
        linear-gradient(135deg, #64748b 50%, transparent 50%);
    background-position:
        calc(100% - 14px) calc(50% - 2px),
        calc(100% - 9px) calc(50% - 2px);
    background-size: 5px 5px, 5px 5px;
    background-repeat: no-repeat;
    cursor: pointer;
}
.branch-bulk-form .org-field-control:focus,
.branch-bulk-form .input.org-field-control:focus,
.branch-bulk-form select.org-field-control:focus {
    outline: none;
    border-color: #1e3a5f;
    box-shadow: 0 0 0 2px rgba(30, 58, 95, .08);
}
.branch-bulk-check {
    display: inline-flex;
    align-items: center;
    gap: .45rem;
    margin: 0;
    min-height: 38px;
    padding: 0 .15rem;
    color: #334155;
    font-size: .8rem;
    font-weight: 600;
    white-space: nowrap;
    cursor: pointer;
}
.branch-bulk-check input[type='checkbox'] {
    width: 1rem;
    height: 1rem;
    margin: 0;
    accent-color: var(--orange, #c01018);
    flex-shrink: 0;
}
.branch-bulk-form > .btn {
    min-height: 38px;
    border-radius: var(--dr-radius, 4px);
    white-space: nowrap;
}
.branch-person {
    display: flex;
    flex-direction: column;
    gap: .1rem;
}
.branch-person small {
    color: #64748b;
    font-size: .72rem;
    font-weight: 700;
}
.branch-person strong {
    color: #0f172a;
    font-size: .9rem;
    font-weight: 700;
}
.content-hub-pager {
    padding: .85rem 1rem 1rem;
    border-top: 1px solid #e2e8f0;
}
.content-hub-select {
    min-width: 8.5rem;
    height: 2.35rem;
    border: 1px solid #e2e8f0;
    border-radius: 10px;
    background: #fff;
    padding: 0 .65rem;
    font-size: .84rem;
    color: #0f172a;
}
.content-hub-select-wide { min-width: 12rem; max-width: 18rem; }
.apps-hub-program-ops {
    margin: 1rem 0;
    padding: 1.1rem 1.15rem 1.15rem;
}
.apps-hub-program-ops-head {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: space-between;
    gap: .85rem 1rem;
    margin-bottom: 1rem;
    padding-bottom: .95rem;
    border-bottom: 1px solid #e2e8f0;
}
.apps-hub-program-ops-head h3 {
    margin: .15rem 0 0;
    font-size: 1.15rem;
    line-height: 1.3;
}
.apps-hub-program-ops-actions {
    display: flex;
    flex-wrap: wrap;
    gap: .4rem;
}
.apps-hub-program-ops-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1rem;
}
.apps-hub-program-ops-card {
    border: 1px solid #e2e8f0;
    border-radius: .75rem;
    padding: .85rem 1rem;
    background: #f8fafc;
}
.apps-hub-program-ops-card > strong {
    display: block;
    margin-bottom: .65rem;
    font-size: .82rem;
    color: #0f172a;
}
@media (max-width: 820px) {
    .apps-hub-program-ops-grid { grid-template-columns: 1fr; }
}

.apps-hub-filters {
    flex-wrap: wrap;
    gap: .5rem;
}
.apps-hub-table .col-check {
    width: 2.25rem;
    text-align: center;
    vertical-align: middle;
}
.apps-hub-table tr.is-selected td {
    background: #f0f7ff;
}
.apps-hub-kind-tabs {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    border-bottom: 1px solid #e2e8f0;
}
.apps-hub-kind-tabs a em { display: none; }
.apps-hub-date {
    display: grid;
    gap: .1rem;
}
.apps-hub-date strong {
    color: #0f172a;
    font-size: .84rem;
    font-weight: 700;
}
.apps-hub-date span {
    color: #94a3b8;
    font-size: .72rem;
    font-weight: 600;
}
.apps-hub-person {
    display: flex;
    align-items: flex-start;
    gap: .7rem;
}
.apps-hub-avatar {
    flex: 0 0 auto;
    width: 2.15rem;
    height: 2.15rem;
    border-radius: 10px;
    display: grid;
    place-items: center;
    background: linear-gradient(160deg, #e2e8f0, #f8fafc);
    color: #334155;
    font-size: .72rem;
    font-weight: 800;
    letter-spacing: .02em;
    border: 1px solid #e2e8f0;
}
.apps-hub-avatar.lg {
    width: 3rem;
    height: 3rem;
    border-radius: 12px;
    font-size: .95rem;
}
.apps-hub-new {
    display: inline-block;
    margin-left: .35rem;
    padding: .12rem .4rem;
    border-radius: 999px;
    background: #fff7ed;
    color: #c2410c;
    font-size: .65rem;
    font-style: normal;
    font-weight: 800;
    letter-spacing: .03em;
    vertical-align: middle;
}
.apps-hub-table tr.is-unread td {
    background: #fffbeb;
}
.apps-hub-table tr.is-unread:hover td {
    background: #fef3c7;
}
.apps-hub-amount {
    white-space: nowrap;
    font-variant-numeric: tabular-nums;
}

/* Eğitim kayıtları hub — dönem seçimi */
.event-apps-hub .lms-admin-hub {
    margin-bottom: 1rem;
}
.lms-hub-stats.cmd-metrics {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: .75rem;
    margin: 0 1.15rem 1.15rem;
}
@media (max-width: 900px) {
    .lms-hub-stats.cmd-metrics {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}
.org-data-table tr.is-unread-row td {
    background: color-mix(in srgb, #fff7ed 70%, #fff);
}
.org-pager {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: .55rem .75rem;
}
.event-apps-picker .admin-list-bar {
    border-bottom: 1px solid #e2e8f0;
}
.event-apps-class-table {
    margin: 0;
}
.event-apps-class-table th,
.event-apps-class-table td {
    padding-top: .55rem;
    padding-bottom: .55rem;
    vertical-align: middle;
}
.event-apps-class-table .row-title {
    font-size: .86rem;
    font-weight: 700;
    letter-spacing: -.01em;
}
.event-apps-program-cell {
    display: block;
    max-width: 16rem;
    font-size: .8rem;
    font-weight: 600;
    color: #64748b;
    line-height: 1.35;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.event-apps-num {
    font-variant-numeric: tabular-nums;
    font-weight: 750;
    font-size: .88rem;
    color: #0f172a;
}
.event-apps-num.is-muted {
    color: #94a3b8;
    font-weight: 600;
}
.event-apps-class-table .col-status {
    width: 4.5rem;
    text-align: center;
}
.event-apps-class-table .col-status .mem-chip,
.event-apps-class-table .col-status .event-apps-num {
    display: inline-flex;
    justify-content: center;
    min-width: 1.6rem;
}
.event-apps-roster .content-hub-tabs {
    margin-bottom: .35rem;
}
.event-apps-hub .apps-hub-person .row-title {
    font-size: .88rem;
    font-weight: 700;
    color: #0f172a;
}
.event-apps-hub .apps-hub-person .field-hint {
    font-size: .78rem;
    color: #64748b;
}
.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;
}

.apps-hub-show-head { max-width: none; }
.apps-hub-show-title {
    display: flex;
    align-items: center;
    gap: .85rem;
    margin-top: .35rem;
}
.apps-hub-show-title h3 { margin: 0; }
.apps-hub-show-title p { margin: .2rem 0 0; }
.apps-hub-show-main {
    display: grid;
    gap: 1rem;
}
.apps-hub-dl {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: .85rem 1.1rem;
    margin: 0;
}
.apps-hub-dl dt {
    color: #64748b;
    font-size: .72rem;
    font-weight: 700;
    letter-spacing: .04em;
    text-transform: uppercase;
    margin-bottom: .2rem;
}
.apps-hub-dl dd {
    margin: 0;
    color: #0f172a;
    font-size: .92rem;
    font-weight: 600;
}
.apps-hub-note {
    margin-top: 1rem;
    padding: .85rem 1rem;
    border-radius: 12px;
    background: #f8fafc;
    border: 1px solid #e2e8f0;
}
.apps-hub-note > strong {
    display: block;
    color: #0f172a;
    font-size: .8rem;
    margin-bottom: .35rem;
}
.apps-hub-note p {
    margin: 0;
    color: #334155;
    font-size: .9rem;
    line-height: 1.5;
    white-space: pre-wrap;
}
.apps-hub-note p strong {
    display: inline;
    font-size: inherit;
    color: inherit;
    margin: 0;
}
.apps-hub-contact-actions {
    display: flex;
    flex-wrap: wrap;
    gap: .45rem;
    margin-top: 1rem;
}
.apps-hub-program h4 {
    margin: .55rem 0 .25rem;
    color: #0f172a;
    font-size: 1.05rem;
}
.apps-hub-status-form .content-editor-field { margin-top: .75rem; }
.apps-hub-status-form .content-editor-field:first-child { margin-top: 0; }
@media (max-width: 700px) {
    .apps-hub-dl { grid-template-columns: 1fr; }
    .apps-hub-kind-tabs { grid-template-columns: 1fr; }
}
.card.org-panel-card.media-hub-panel {
  padding: 0;
  overflow: hidden;
  border-radius: 8px;
  border: 1px solid #e8edf3;
  box-shadow: 0 1px 2px rgba(15, 23, 42, .04), 0 8px 20px rgba(15, 23, 42, .04);
}
.media-hub-panel-head {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: .75rem;
  padding: 1rem 1.1rem;
  border-bottom: 1px solid #f1f5f9;
}
.media-hub-panel-head h2 {
  margin: 0;
  font-size: .95rem;
  font-weight: 780;
  color: #0f172a;
}
.media-hub-panel-head p {
  margin: .2rem 0 0;
  font-size: .78rem;
  color: #94a3b8;
  font-weight: 600;
}
.media-hub-flash {
  margin-bottom: .85rem;
}
.media-hub-filter {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: .65rem;
  width: 100%;
}
.media-hub-search {
  flex: 1 1 220px;
  min-height: 2.55rem;
  border-color: #e2e8f0;
  border-radius: 6px;
  background: #fff;
  box-shadow: 0 1px 2px rgba(15, 23, 42, .03);
}
.media-hub-search:focus-within {
  border-color: #94a3b8;
  box-shadow: 0 0 0 3px rgba(30, 58, 95, .08);
}
.media-hub-type-pills {
  display: inline-flex;
  flex: 0 0 auto;
  align-items: stretch;
  gap: 0;
  border: 1px solid #e2e8f0;
  border-radius: 6px;
  overflow: hidden;
  background: #fff;
  box-shadow: 0 1px 2px rgba(15, 23, 42, .03);
}
.media-hub-type-pill {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: .4rem;
  margin: 0;
  padding: .55rem .85rem;
  border: 0;
  border-right: 1px solid #e2e8f0;
  border-radius: 0;
  background: #fff;
  color: #64748b;
  font: inherit;
  font-size: .78rem;
  font-weight: 700;
  cursor: pointer;
  white-space: nowrap;
  transition: background .15s ease, color .15s ease;
}
.media-hub-type-pill:last-child {
  border-right: 0;
}
.media-hub-type-pill:hover {
  background: #f8fafc;
  color: #0f172a;
}
.media-hub-type-pill.is-active {
  background: #1e3a5f;
  color: #fff;
}
.media-hub-type-pill.is-active .media-hub-type-count {
  background: rgba(255, 255, 255, .18);
  color: #fff;
}
.media-hub-type-count {
  display: inline-grid;
  place-items: center;
  min-width: 1.35rem;
  padding: .08rem .35rem;
  border-radius: 4px;
  background: #f1f5f9;
  color: #475569;
  font-size: .68rem;
  font-weight: 800;
  font-variant-numeric: tabular-nums;
  font-style: normal;
}
.media-hub-apply {
  flex: 0 0 auto;
  margin-left: auto;
  min-height: 2.55rem;
  padding-inline: 1rem;
}
@media (max-width: 900px) {
  .media-hub-type-pills {
    width: 100%;
  }
  .media-hub-type-pill {
    flex: 1 1 0;
  }
  .media-hub-apply {
    margin-left: 0;
    width: 100%;
  }
}
.media-hub-grid {
  padding: 1rem 1.05rem 1.1rem;
  grid-template-columns: repeat(auto-fill, minmax(196px, 1fr));
  gap: .85rem;
}
.media-hub-card {
  position: relative;
  display: grid;
  grid-template-rows: auto 1fr;
  border-radius: 8px;
  border: 1px solid #e8edf3;
  background: linear-gradient(180deg, #fff 0%, #fbfcfe 100%);
  overflow: hidden;
  box-shadow: 0 1px 2px rgba(15, 23, 42, .04);
  transition: border-color .15s ease, box-shadow .15s ease, transform .15s ease;
}
.media-hub-card:hover {
  border-color: #cbd5e1;
  box-shadow: 0 6px 18px rgba(15, 23, 42, .08);
  transform: translateY(-2px);
}
.media-hub-thumb {
  position: relative;
  background: #f1f5f9;
}
.media-hub-thumb img {
  width: 100%;
  height: 140px;
  object-fit: cover;
  display: block;
}
.media-hub-file {
  height: 140px;
  display: grid;
  place-content: center;
  gap: .4rem;
  background: linear-gradient(180deg, #f8fafc, #eef2f7);
  color: #64748b;
  text-align: center;
}
.media-hub-file i {
  font-size: 1.7rem;
  color: #94a3b8;
}
.media-hub-file span {
  font-size: .68rem;
  font-weight: 800;
  letter-spacing: .05em;
}
.media-hub-chip {
  position: absolute;
  left: .55rem;
  top: .55rem;
  padding: .18rem .45rem;
  border-radius: 4px;
  border: 1px solid rgba(255, 255, 255, .55);
  background: rgba(15, 23, 42, .62);
  color: #fff;
  font-size: .62rem;
  font-weight: 750;
  letter-spacing: .03em;
  text-transform: uppercase;
}
.media-hub-meta {
  display: grid;
  gap: .28rem;
  padding: .75rem .8rem .85rem;
  align-content: start;
}
.media-hub-meta strong {
  color: #0f172a;
  font-size: .8rem;
  font-weight: 750;
  line-height: 1.3;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  word-break: break-word;
}
.media-hub-meta em {
  font-style: normal;
  color: #94a3b8;
  font-size: .7rem;
  font-weight: 600;
}
.media-hub-alt {
  color: #64748b;
  font-size: .68rem;
  font-weight: 600;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.media-hub-actions {
  display: flex;
  gap: .35rem;
  flex-wrap: wrap;
  margin-top: .2rem;
}
.media-hub-actions .btn.sm {
  padding: .28rem .5rem;
}
.media-hub-empty {
  margin: 1.25rem 1rem 1.4rem;
}
.media-hub-pager {
  display: flex;
  flex-wrap: wrap;
  gap: .4rem;
  align-items: center;
  padding: .85rem 1.05rem 1.05rem;
  border-top: 1px solid #f1f5f9;
}
.media-hub-pager-slot {
  display: inline-flex;
  align-items: center;
  gap: .35rem;
}
.media-hub-pager-gap {
  color: #94a3b8;
  font-size: .8rem;
  font-weight: 700;
}
.media-hub-pager .btn.is-disabled {
  opacity: .45;
  pointer-events: none;
}
@media (max-width: 980px) {
    .branch-bulk-form { grid-template-columns: 1fr 1fr; }
    .content-hub-select-wide { min-width: 100%; max-width: none; }
}
@media (max-width: 640px) {
    .branch-bulk-form { grid-template-columns: 1fr; }
}

/* ?? E?itim / etkinlik edit?r? ?? */
.content-editor-tip {
    display: flex;
    gap: .75rem;
    align-items: flex-start;
    margin-top: .95rem;
    padding: .8rem .95rem;
    border-radius: 12px;
    border: 1px solid #bfdbfe;
    background: #eff6ff;
    color: #1e3a5f;
    font-size: .84rem;
    line-height: 1.45;
}
.content-editor-tip > i {
    margin-top: .15rem;
    color: #2563eb;
    font-size: .95rem;
}
.content-editor-tip code {
    font-size: .78rem;
    padding: .05rem .3rem;
    border-radius: 4px;
    background: rgba(255, 255, 255, .7);
}
.events-editor .content-editor-panel-body .form-grid.two {
    gap: .85rem 1rem;
    align-items: start;
}
.events-editor .content-editor-panel-body .form-grid.two > .content-editor-field {
    margin-top: 0;
}
.events-capacity-fields {
    align-items: stretch;
}
.events-capacity-fields .content-editor-field {
    display: flex;
    flex-direction: column;
    gap: .4rem;
    min-width: 0;
}
.events-capacity-fields .content-editor-field input {
    width: 100%;
    min-height: 2.65rem;
    height: 2.65rem;
    box-sizing: border-box;
    appearance: none;
    -moz-appearance: textfield;
}
.events-capacity-fields .content-editor-field input[type="number"]::-webkit-outer-spin-button,
.events-capacity-fields .content-editor-field input[type="number"]::-webkit-inner-spin-button {
    height: 2.65rem;
}
.events-capacity-fields .field-hint {
    margin: 0;
    min-height: 1.15em;
}
.events-hub .events-editor-tabs {
    margin-top: .15rem;
}
.events-editor-tabs a,
.events-editor-tabs button {
    appearance: none;
    -webkit-appearance: none;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: .5rem;
    min-width: 0;
    min-height: 2.85rem;
    width: 100%;
    padding: .85rem .9rem;
    border: 0 !important;
    border-radius: 10px;
    background: transparent;
    box-shadow: none;
    cursor: pointer;
    color: #475569 !important;
    font: inherit;
    font-size: .86rem;
    font-weight: 750;
    line-height: 1.2;
    text-decoration: none !important;
    transition: background .12s ease, color .12s ease, box-shadow .12s ease;
}
.events-editor-tabs a i,
.events-editor-tabs button i {
    font-size: .9rem;
    opacity: .85;
    flex: 0 0 auto;
}
.events-editor-tabs a span,
.events-editor-tabs button span {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.events-editor-tabs a em,
.events-editor-tabs button em {
    font-style: normal;
    font-size: .72rem;
    font-weight: 800;
    font-variant-numeric: tabular-nums;
    padding: .14rem .45rem;
    border-radius: 999px;
    background: rgba(15, 23, 42, .06);
    color: #64748b;
}
.events-editor-tabs a:hover,
.events-editor-tabs button:hover {
    background: rgba(255,255,255,.78);
    color: #0f172a !important;
}
.events-editor-tabs a.is-active,
.events-editor-tabs button.is-active {
    background: #fff;
    color: #C01018 !important;
    box-shadow: 0 1px 2px rgba(15,23,42,.08), 0 0 0 1px rgba(192,16,24,.14);
}
.events-editor-tabs a.is-active em,
.events-editor-tabs button.is-active em {
    background: rgba(192, 16, 24, .1);
    color: #C01018;
}
.events-tab-pane { display: none; }
.events-tab-pane.is-active { display: grid; gap: 1rem; }
.events-recording-fields.is-hidden { display: none; }
.events-editor .content-editor-panel-head {
    align-items: center;
}
.events-editor .content-editor-panel-head > div {
    display: grid;
    gap: .15rem;
    min-width: 0;
}
.events-apps-empty {
    text-align: center;
    padding: 1.35rem 1rem 1.15rem;
}
.events-apps-empty strong {
    margin-bottom: .35rem;
}
.events-apps-empty p {
    margin: 0;
    color: #64748b;
    font-size: .86rem;
}
.events-fee-discounts {
    margin-top: 1rem;
    padding: .9rem 1rem;
    border-radius: 12px;
    border: 1px solid #e2e8f0;
    background: #f8fafc;
}
.events-fee-discounts-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .75rem;
    margin-bottom: .35rem;
}
.events-fee-discounts-head strong {
    font-size: .86rem;
    color: #0f172a;
}
.events-fee-discounts-head a {
    font-size: .78rem;
    font-weight: 700;
}
.events-fee-discount-list {
    list-style: none;
    margin: 0;
    padding: 0;
    display: grid;
    gap: .45rem;
}
.events-fee-discount-list li {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .75rem;
    padding: .55rem .65rem;
    border-radius: 10px;
    background: #fff;
    border: 1px solid #e2e8f0;
}
.events-fee-free-check {
    margin: 0 0 .85rem;
}
.events-fee-free-hint {
    margin: -.35rem 0 .85rem;
}
.events-fee-grid--simple {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}
.events-fee-discount-list em {
    font-style: normal;
    font-weight: 700;
    font-size: .9rem;
    color: #0f172a;
    white-space: nowrap;
}
.events-fee-discount-list strong {
    display: block;
    font-size: .84rem;
}
.events-fee-discount-list span {
    display: block;
    margin-top: .1rem;
    font-size: .76rem;
    color: #64748b;
}
.events-publish-dates {
    display: grid;
    gap: .65rem;
    margin-top: .65rem;
    min-width: 0;
}
.events-publish-dates .content-editor-field {
    margin-top: 0;
    min-width: 0;
}
.events-publish-dates input[type="datetime-local"],
.content-editor-side input[type="datetime-local"],
.content-editor-side input[type="date"],
.content-editor-side select,
.content-editor-side input[type="text"],
.content-editor-side input[type="number"],
.content-editor-side input[type="url"] {
    width: 100%;
    max-width: 100%;
    min-width: 0;
    box-sizing: border-box;
}
.events-capacity {
    margin-top: .35rem;
    padding: .85rem 1rem;
    border-radius: 12px;
    border: 1px solid #e2e8f0;
    background: #f8fafc;
}
.events-capacity-meta {
    display: flex;
    justify-content: space-between;
    gap: .75rem;
    margin-bottom: .45rem;
    font-size: .8rem;
    color: #64748b;
}
.events-capacity-meta strong { color: #0f172a; }
.events-capacity-bar {
    height: 8px;
    border-radius: 999px;
    overflow: hidden;
    background: #e2e8f0;
}
.events-capacity-bar > span {
    display: block;
    height: 100%;
    border-radius: inherit;
    background: linear-gradient(90deg, #2563eb, #38bdf8);
}
.events-fee-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: .75rem;
}
.events-fee-grid.is-hidden,
.events-fee-free-hint.is-hidden {
    display: none !important;
}
.events-fee-card {
    display: grid;
    gap: .4rem;
    margin: 0;
    padding: .85rem .9rem;
    border-radius: 12px;
    border: 1px solid #e2e8f0;
    background: linear-gradient(180deg, #fff 0%, #f8fafc 100%);
}
.events-fee-card em {
    font-style: normal;
    font-size: .72rem;
    color: #94a3b8;
}
.events-fee-card input,
.events-fee-card select {
    margin: 0;
}
.events-side-summary {
    display: grid;
    gap: .45rem;
    font-size: .8rem;
    color: #64748b;
}
.events-side-summary > div {
    display: flex;
    justify-content: space-between;
    gap: .75rem;
    align-items: baseline;
}
.events-side-summary > div span { color: #94a3b8; }
.events-side-summary > div strong { color: #0f172a; font-weight: 750; }
.events-side-summary > .is-fee {
    display: block;
    padding-top: .35rem;
    border-top: 1px dashed #e2e8f0;
    color: #334155;
}
@media (max-width: 700px) {
    .events-fee-grid { grid-template-columns: 1fr; }
    .events-hub .content-hub-metrics {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

/* ?? Yaz? kategorileri hub ?? */
.cat-hub .content-hub-head {
    padding-bottom: 1.15rem;
    grid-template-columns: minmax(0, 1fr) auto;
}
.cat-hub-layout {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(16rem, 20rem);
    gap: 1rem;
    align-items: start;
    margin-top: 1rem;
}
.cat-hub-list {
    display: grid;
    gap: .85rem;
}
.cat-hub-card {
    padding: 0;
    overflow: hidden;
}
.cat-hub-card.is-inactive {
    opacity: .78;
}
.cat-hub-card-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .85rem;
    padding: .9rem 1rem;
    border-bottom: 1px solid #eef2f7;
    background: linear-gradient(180deg, #fff 0%, #f8fafc 100%);
}
.cat-hub-card-title {
    display: flex;
    align-items: center;
    gap: .7rem;
    min-width: 0;
}
.cat-hub-ico {
    flex: 0 0 auto;
    width: 2.4rem;
    height: 2.4rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 10px;
    background: #fff;
    border: 1px solid #e2e8f0;
    color: #475569;
}
.cat-hub-card-title strong {
    display: block;
    font-size: .98rem;
    font-weight: 800;
    color: #0f172a;
    letter-spacing: -.01em;
}
.cat-hub-card-title em {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: .35rem;
    margin-top: .2rem;
    font-style: normal;
    font-size: .78rem;
    color: #64748b;
}
.cat-hub-card-title code {
    font-size: .75rem;
    background: #f1f5f9;
    border: 1px solid #e2e8f0;
    border-radius: 6px;
    padding: .1rem .35rem;
}
.cat-hub-card-meta {
    display: flex;
    align-items: center;
    gap: .4rem;
    flex-shrink: 0;
}
.cat-hub-card-meta .btn.sm {
    min-height: 2rem;
    border-radius: 9px;
}
.cat-hub-form {
    padding: 1rem;
}
.cat-hub-fields {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: .75rem .85rem;
}
.cat-hub-form-foot {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: .75rem;
    margin-top: 1rem;
    padding-top: .85rem;
    border-top: 1px dashed #e2e8f0;
}
.cat-hub-active {
    margin: 0;
    gap: .45rem;
    color: #334155;
    font-size: .86rem;
    font-weight: 600;
}
.cat-hub-form-actions {
    display: flex;
    flex-wrap: wrap;
    gap: .45rem;
}
.cat-hub-form-actions .content-hub-action {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: .4rem;
    min-height: 2.45rem;
    padding: .55rem .9rem;
    border-radius: 12px;
    font-size: .82rem;
    font-weight: 700;
    box-shadow: none;
}
.cat-hub-create {
    padding: 0;
    position: sticky;
    top: 1rem;
}
.cat-hub-create .content-editor-panel-head {
    padding: .95rem 1rem .7rem;
    border-bottom: 1px solid #eef2f7;
}
.cat-hub-create .content-editor-panel-head strong {
    display: block;
    font-size: .98rem;
}
.cat-hub-create .content-editor-panel-head span {
    display: block;
    margin-top: .2rem;
    color: #64748b;
    font-size: .8rem;
}
.cat-hub-create-form {
    display: grid;
    gap: .75rem;
    padding: 1rem;
}
.cat-hub-create-form .btn.block {
    width: 100%;
    min-height: 2.65rem;
    border-radius: 12px;
    box-shadow: none;
}
.cat-hub-empty {
    padding: 1.5rem 1.15rem;
    text-align: center;
}
.cat-hub-empty strong {
    display: block;
    margin-bottom: .35rem;
}
.cat-hub-empty p {
    margin: 0;
    color: #64748b;
    font-size: .88rem;
}
@media (max-width: 980px) {
    .cat-hub-layout {
        grid-template-columns: 1fr;
    }
    .cat-hub-create {
        position: static;
        order: -1;
    }
}
@media (max-width: 640px) {
    .cat-hub-fields {
        grid-template-columns: 1fr;
    }
    .cat-hub-card-head {
        flex-direction: column;
        align-items: flex-start;
    }
    .cat-hub-form-foot {
        flex-direction: column;
        align-items: stretch;
    }
    .cat-hub-form-actions .content-hub-action {
        flex: 1;
    }
}

/* ?? Slider hero sa? panel ?? */
.slider-hero-panel {
    margin: 0 0 1rem;
    padding: 0;
    overflow: hidden;
}
.slider-hero-form { padding: 1rem 1.15rem 1.1rem; }
.slider-hero-head {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: .85rem;
    margin-bottom: .9rem;
}
.slider-hero-head strong {
    display: block;
    font-size: 1rem;
    font-weight: 800;
    color: #0f172a;
}
.slider-hero-sources {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: .55rem;
    margin-bottom: .95rem;
}
.slider-hero-mix {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: .55rem;
    margin-bottom: .55rem;
}
.slider-hero-mix-row,
.slider-hero-mix-off {
    display: flex !important;
    flex-direction: row;
    align-items: center;
    gap: .65rem;
    margin: 0;
    padding: .7rem .75rem;
    border: 1px solid #e2e8f0;
    border-radius: 10px;
    background: #f8fafc;
    transition: border-color .12s ease, background .12s ease, box-shadow .12s ease;
    /* global `label { display:grid }` ezmesin */
    grid-template-columns: none;
    font-size: inherit;
    font-weight: inherit;
    color: inherit;
    position: relative;
}
.slider-hero-mix-row.is-active {
    background: #fff;
    border-color: rgba(192, 16, 24, .45);
    box-shadow: 0 0 0 2px rgba(192, 16, 24, .08);
}
.slider-hero-mix-row.is-dimmed {
    opacity: .45;
}
.slider-hero-mix-row .slider-hero-source-ico,
.slider-hero-mix-off .slider-hero-source-ico {
    flex: 0 0 auto;
}
.slider-hero-mix-row .slider-hero-source-copy,
.slider-hero-mix-off .slider-hero-source-copy {
    flex: 1 1 auto;
    min-width: 0;
    display: grid;
    gap: .12rem;
}
.slider-hero-mix-row .slider-hero-source-copy strong,
.slider-hero-mix-off .slider-hero-source-copy strong {
    font-size: .82rem;
    font-weight: 800;
    color: #0f172a;
    line-height: 1.25;
}
.slider-hero-mix-row .slider-hero-source-copy small,
.slider-hero-mix-off .slider-hero-source-copy small {
    font-size: .72rem;
    font-weight: 500;
    color: #64748b;
    line-height: 1.35;
}
.slider-hero-mix-count {
    flex: 0 0 auto !important;
    width: auto !important;
    max-width: 5.25rem;
    min-width: 4.25rem;
    min-height: 2.25rem;
    height: auto;
    margin: 0;
    padding: .4rem .55rem !important;
    border: 1px solid #e2e8f0;
    border-radius: 8px;
    background: #fff;
    font-size: .85rem;
    font-weight: 700;
    color: #0f172a;
    line-height: 1.25 !important;
    align-self: center;
    position: static !important;
    box-sizing: border-box;
}
.slider-hero-mix-off {
    width: 100%;
    text-align: left;
    cursor: pointer;
    font: inherit;
    color: inherit;
    appearance: none;
    -webkit-appearance: none;
}
.slider-hero-mix-off:hover {
    border-color: #cbd5e1;
    background: #fff;
}
.slider-hero-mix-off.is-active {
    background: #fff;
    border-color: rgba(100, 116, 139, .55);
    box-shadow: 0 0 0 2px rgba(100, 116, 139, .1);
}
.slider-hero-mix-total {
    margin: 0 0 .95rem;
    font-size: .82rem;
    color: #64748b;
}
.slider-hero-mix-total strong {
    color: #0f172a;
    font-weight: 800;
}
.slider-hero-mix-total.is-bad {
    color: #b91c1c;
}
.slider-hero-mix-total.is-bad strong {
    color: #b91c1c;
}
.slider-hero-fields.form-grid.two {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}
.slider-hero-source {
    display: flex;
    align-items: flex-start;
    gap: .65rem;
    margin: 0;
    padding: .7rem .75rem;
    border: 1px solid #e2e8f0;
    border-radius: 10px;
    background: #f8fafc;
    cursor: pointer;
    transition: border-color .12s ease, background .12s ease, box-shadow .12s ease;
}
.slider-hero-source input {
    position: absolute;
    opacity: 0;
    pointer-events: none;
}
.slider-hero-source:hover {
    border-color: #cbd5e1;
    background: #fff;
}
.slider-hero-source.is-active {
    background: #fff;
    border-color: rgba(192, 16, 24, .45);
    box-shadow: 0 0 0 2px rgba(192, 16, 24, .08);
}
.slider-hero-source-ico {
    width: 2rem;
    height: 2rem;
    border-radius: 8px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    background: #fff;
    border: 1px solid #e2e8f0;
    color: #64748b;
    font-size: .85rem;
}
.slider-hero-source.is-active .slider-hero-source-ico {
    border-color: rgba(192, 16, 24, .35);
    color: #c01018;
    background: rgba(192, 16, 24, .06);
}
.slider-hero-source-copy {
    display: grid;
    gap: .12rem;
    min-width: 0;
}
.slider-hero-source-copy strong {
    font-size: .82rem;
    font-weight: 800;
    color: #0f172a;
    line-height: 1.25;
}
.slider-hero-source-copy small {
    font-size: .72rem;
    color: #64748b;
    line-height: 1.35;
}
.slider-hero-fields {
    margin: 0;
}
.slider-hero-fields.form-grid > .content-editor-field {
    margin-top: 0;
}
.slider-hero-fields .content-editor-field.is-dimmed {
    opacity: .45;
}
.slider-hero-fields .content-editor-field input[type='text'],
.slider-hero-fields .content-editor-field input:not([type]),
.slider-hero-fields .content-editor-field select {
    width: 100%;
    min-height: 2.55rem;
    padding: .65rem .8rem !important;
    line-height: 1.35 !important;
    border: 1px solid #e2e8f0;
    border-radius: 8px;
    background: #fff;
    font-size: .9rem;
    font-weight: 600;
    color: #0f172a;
    box-sizing: border-box;
}
.slider-hero-fields .content-editor-field input:focus,
.slider-hero-fields .content-editor-field select:focus {
    border-color: #93c5fd;
    box-shadow: 0 0 0 3px rgba(37, 99, 235, .12);
    outline: 0;
}
.slider-list-filter {
    display: flex;
    flex-wrap: wrap;
    gap: .55rem;
    align-items: center;
}
.slider-list-filter .admin-list-field {
    margin: 0;
    min-width: 10rem;
}
.slider-list-filter .admin-list-search {
    flex: 1 1 14rem;
    min-width: 12rem;
}
.slider-list-card-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .75rem;
    padding: .85rem 1rem;
    border-bottom: 1px solid #e8edf3;
}
.slider-list-card-head strong {
    font-size: .92rem;
    color: #0f172a;
}
.slider-list-link {
    max-width: 240px;
    word-break: break-all;
}
.slider-list-pager {
    display: flex;
    flex-wrap: wrap;
    gap: .45rem;
    padding: .85rem 1rem;
    border-top: 1px solid #e8edf3;
}
@media (max-width: 980px) {
    .slider-hero-sources { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .slider-hero-mix { grid-template-columns: 1fr; }
}
@media (max-width: 720px) {
    .slider-hero-fields.form-grid.three,
    .slider-hero-fields.form-grid.two {
        grid-template-columns: 1fr;
    }
}
@media (max-width: 560px) {
    .slider-hero-head { flex-direction: column; align-items: stretch; }
    .slider-hero-sources { grid-template-columns: 1fr; }
}

/* ?? Men?ler hub ?? */
.menu-hub-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: .85rem;
    margin: 0 0 1rem;
}
.menu-hub-card {
    display: grid;
    gap: .85rem;
    padding: 1.05rem 1.15rem;
    border-radius: 14px;
    border: 1px solid #e2e8f0;
    background: #fff;
    text-decoration: none !important;
    color: inherit !important;
    box-shadow: 0 1px 2px rgba(15, 23, 42, .04);
    transition: border-color .12s ease, box-shadow .12s ease, transform .12s ease;
}
.menu-hub-card:hover {
    border-color: #cbd5e1;
    box-shadow: 0 10px 28px rgba(15, 23, 42, .08);
    transform: translateY(-1px);
}
.menu-hub-card.is-primary {
    border-color: rgba(192, 16, 24, .28);
    background: linear-gradient(180deg, #fff 0%, #fffafa 100%);
}
.menu-hub-card.is-primary:hover {
    border-color: rgba(192, 16, 24, .45);
    box-shadow: 0 10px 28px rgba(192, 16, 24, .1);
}
.menu-hub-card.is-off {
    opacity: .72;
}
.menu-hub-card-top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .75rem;
}
.menu-hub-card-ico {
    width: 2.35rem;
    height: 2.35rem;
    border-radius: 10px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    color: #64748b;
    font-size: .95rem;
}
.menu-hub-card.is-primary .menu-hub-card-ico {
    background: rgba(192, 16, 24, .06);
    border-color: rgba(192, 16, 24, .22);
    color: #c01018;
}
.menu-hub-card-copy {
    display: grid;
    gap: .2rem;
    min-width: 0;
}
.menu-hub-card-copy strong {
    font-size: 1.02rem;
    font-weight: 800;
    color: #0f172a;
    letter-spacing: -.015em;
}
.menu-hub-card-copy span {
    font-size: .82rem;
    font-weight: 700;
    color: #334155;
}
.menu-hub-card-copy small {
    font-size: .78rem;
    color: #64748b;
    line-height: 1.4;
}
.menu-hub-card-stats {
    display: flex;
    flex-wrap: wrap;
    gap: .45rem;
}
.menu-hub-card-stats span {
    display: inline-flex;
    align-items: center;
    gap: .28rem;
    padding: .28rem .55rem;
    border-radius: 8px;
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    font-size: .74rem;
    font-weight: 650;
    color: #64748b;
}
.menu-hub-card-stats em {
    font-style: normal;
    font-weight: 800;
    color: #0f172a;
    font-variant-numeric: tabular-nums;
}
.menu-hub-card-foot {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .75rem;
    padding-top: .15rem;
    border-top: 1px solid #f1f5f9;
}
.menu-hub-card-loc code {
    font-size: .72rem;
    color: #64748b;
    background: #f1f5f9;
    padding: .15rem .4rem;
    border-radius: 6px;
}
.menu-hub-card-cta {
    font-size: .8rem;
    font-weight: 700;
    color: #c01018;
    display: inline-flex;
    align-items: center;
    gap: .35rem;
}
.menu-hub-card-cta i { font-size: .7rem; }
.menu-hub-card:hover .menu-hub-card-cta { gap: .5rem; }
.menu-hub-note {
    display: flex;
    align-items: flex-start;
    gap: .55rem;
    margin: 0;
    padding: .75rem .15rem 0;
    color: #64748b;
    font-size: .82rem;
    line-height: 1.45;
}
.menu-hub-note i { margin-top: .15rem; color: #94a3b8; }
@media (max-width: 900px) {
    .menu-hub-grid { grid-template-columns: 1fr; }
}

/* ?? Kategori hub accordion ?? */
.cat-hub-card > summary.cat-hub-card-head {
    list-style: none;
    cursor: pointer;
    user-select: none;
}
.cat-hub-card > summary.cat-hub-card-head::-webkit-details-marker { display: none; }
.cat-hub-card:not([open]) > summary.cat-hub-card-head {
    border-bottom: 0;
}
.cat-hub-chevron {
    color: #94a3b8;
    font-size: .75rem;
    transition: transform .15s ease;
    margin-left: .15rem;
}
.cat-hub-card[open] > summary .cat-hub-chevron {
    transform: rotate(180deg);
    color: #64748b;
}
.cat-hub-card-meta {
    pointer-events: auto;
}

/* E?itim istenen belgeler ? ekle / ??kar */
.event-doc-picker { margin:.35rem 0 .85rem; }
.event-doc-chips {
    list-style:none; margin:0 0 .65rem; padding:.55rem; min-height:2.6rem;
    display:flex; flex-wrap:wrap; gap:.4rem; align-items:flex-start;
    border:1px solid #e2e8f0; border-radius:10px; background:#f8fafc;
}
.event-doc-chips > li {
    display:inline-flex; align-items:center; gap:.35rem;
    max-width:100%; padding:.28rem .35rem .28rem .65rem;
    border-radius:999px; background:#fff; border:1px solid #cbd5e1;
    font-size:.82rem; color:#0f172a; line-height:1.25;
}
.event-doc-chips > li > span { overflow:hidden; text-overflow:ellipsis; }
.event-doc-chip-remove {
    appearance:none; border:0; background:#e2e8f0; color:#334155;
    width:1.35rem; height:1.35rem; border-radius:999px; cursor:pointer;
    font-size:1rem; line-height:1; display:inline-flex; align-items:center; justify-content:center;
}
.event-doc-chip-remove:hover { background:#fecaca; color:#991b1b; }
.event-doc-chips-empty {
    border:0 !important; background:transparent !important; color:#94a3b8 !important;
    font-size:.82rem; padding:.2rem .15rem !important;
}
.event-doc-add-row {
    display:flex; flex-wrap:wrap; gap:.4rem; align-items:center; margin-bottom:.35rem;
}
.event-doc-add-row input[type=text] {
    flex:1 1 12rem; min-width:10rem; height:2.1rem; padding:.35rem .65rem;
    border:1px solid #cbd5e1; border-radius:8px; font:inherit;
}
.event-doc-presets { display:grid; gap:.55rem; margin-bottom:.25rem; }
.event-doc-presets strong { display:block; font-size:.8rem; color:#64748b; margin-bottom:.3rem; }
.event-doc-presets > div > div { display:flex; flex-wrap:wrap; gap:.35rem; }

/* E?itim: e?itmen / kitle sat?r alanlar? */
.event-lines-field { display:flex; flex-direction:column; min-width:0; }
.event-lines-field .content-editor-label { margin-bottom:0; }
.event-lines-field code {
    font-size:.78rem; padding:.05rem .3rem; border-radius:4px;
    background:rgba(15,23,42,.06); color:#334155;
}
.event-lines-textarea {
    width:100%; min-height:6.5rem; box-sizing:border-box;
    padding:.85rem 1rem; border:1px solid #dbe3ef; border-radius:12px;
    background:linear-gradient(180deg,#fff 0%,#f8fafc 100%);
    font:inherit; font-size:.92rem; line-height:1.55; color:#0f172a;
    resize:vertical; box-shadow:inset 0 1px 0 rgba(255,255,255,.8);
}
.event-lines-textarea:focus {
    outline:none; border-color:#58c0d0;
    box-shadow:0 0 0 3px rgba(88,192,208,.18);
    background:#fff;
}
.event-lines-textarea::placeholder { color:#94a3b8; }

/* ?? Site hesaplari hub ?? */
.site-users-hub { margin: 0 0 1rem; overflow: hidden; }
.site-users-hub-head {
    padding: 1.05rem 1.2rem;
    background: linear-gradient(180deg, #fff, #f8fafc);
    border-bottom: 1px solid var(--line-soft);
}
.site-users-hub-copy h3 {
    margin: .1rem 0 .25rem;
    font-size: 1.05rem;
    font-weight: 750;
    letter-spacing: -.015em;
    color: #0f172a;
}
.site-users-hub-copy p:not(.tech-hub-kicker) {
    margin: 0;
    max-width: 40rem;
    font-size: .82rem;
    color: #64748b;
    line-height: 1.45;
}
.site-users-hub-metrics {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: .55rem;
}
.site-users-metric {
    display: grid;
    gap: .2rem;
    padding: .7rem .8rem;
    border-radius: 12px;
    border: 1px solid #e2e8f0;
    background: #fff;
    text-decoration: none !important;
    color: inherit;
    box-shadow: var(--shadow);
    transition: border-color .14s ease, box-shadow .14s ease, transform .14s ease;
}
a.site-users-metric:hover {
    border-color: #cbd5e1;
    box-shadow: var(--shadow-lg);
    transform: translateY(-1px);
}
.site-users-metric.is-static { cursor: default; }
.site-users-metric.is-active {
    border-color: rgba(192, 16, 24, .45);
    box-shadow: 0 0 0 1px rgba(192, 16, 24, .1), var(--shadow);
}
.site-users-metric span {
    font-size: .68rem;
    font-weight: 800;
    letter-spacing: .05em;
    text-transform: uppercase;
    color: #64748b;
}
.site-users-metric strong {
    font-size: 1.2rem;
    font-weight: 800;
    color: #0f172a;
    font-variant-numeric: tabular-nums;
    letter-spacing: -.02em;
    line-height: 1.2;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.site-users-metric.is-ok span { color: #047857; }
.site-users-metric.is-ok strong { color: #166534; }
.site-users-metric.is-ok.is-active {
    border-color: rgba(22, 101, 52, .35);
    background: #f0fdf4;
}

.site-users-hub-tabs {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: .25rem;
    padding: .55rem .65rem;
    background: #fff;
}
.site-users-profile-form {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: .75rem 1rem;
    align-items: end;
    padding: 1rem 1.05rem 1.1rem;
}
.site-users-profile-form label {
    display: grid;
    gap: .3rem;
    font-size: .78rem;
    font-weight: 700;
    color: #475569;
}
.site-users-profile-form input {
    width: 100%;
    min-height: 2.45rem;
}
.site-users-profile-form .site-users-status-actions { grid-column: 1 / -1; }
.site-users-danger-card .site-users-panel-head h3 { color: #92400e; }
.site-users-archive-reason { grid-column: 1 / -1; }
.site-users-archive-actions { display: flex; flex-wrap: wrap; gap: .65rem; }
.site-users-status-card .field-error {
    margin: 0 1.05rem 1rem;
    color: #b91c1c;
    font-size: .82rem;
    font-weight: 650;
}
.site-users-hub-tabs a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: .4rem;
    min-height: 2.5rem;
    padding: .5rem .65rem;
    border-radius: 10px;
    text-decoration: none !important;
    font-size: .84rem;
    font-weight: 700;
    color: #64748b;
    transition: background .12s ease, color .12s ease;
}
.site-users-hub-tabs a i { font-size: .78rem; opacity: .75; }
.site-users-hub-tabs a em {
    font-style: normal;
    font-size: .72rem;
    font-weight: 800;
    padding: .12rem .42rem;
    border-radius: 999px;
    background: #f1f5f9;
    color: #475569;
    font-variant-numeric: tabular-nums;
}
.site-users-hub-tabs a:hover { background: #f8fafc; color: #0f172a; }
.site-users-hub-tabs a.is-active {
    background: rgba(192, 16, 24, .08);
    color: #C01018;
}
.site-users-hub-tabs a.is-active em {
    background: rgba(192, 16, 24, .12);
    color: #C01018;
}

.site-users-table-card { margin-top: 0; }
.site-users-toolbar {
    display: grid;
    grid-template-columns: minmax(0, 1.5fr) minmax(8.5rem, .7fr) minmax(9rem, .7fr) auto;
    gap: .65rem;
    align-items: center;
    padding: .85rem 1rem;
    border-bottom: 1px solid #e2e8f0;
    background: #fafbfc;
}
.site-users-status-card {
    margin: 0 0 1rem;
    padding: 0;
    overflow: hidden;
}
.site-users-status-body,
.site-users-status-form {
    padding: 1rem 1.05rem 1.1rem;
}
.site-users-status-form {
    display: grid;
    grid-template-columns: minmax(10rem, .8fr) minmax(0, 1.4fr);
    gap: .75rem 1rem;
    align-items: end;
}
.site-users-status-form label {
    display: grid;
    gap: .3rem;
    font-size: .78rem;
    font-weight: 700;
    color: #475569;
}
.site-users-status-form select,
.site-users-status-form input {
    width: 100%;
    min-height: 2.45rem;
}
.site-users-status-actions {
    grid-column: 1 / -1;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: .75rem;
}
.site-users-status-hints {
    margin: 0;
    padding: .15rem 1.05rem 1rem;
    list-style: none;
    display: flex;
    flex-wrap: wrap;
    gap: .35rem 1rem;
    color: #64748b;
    font-size: .78rem;
}
.site-users-status-hints strong { color: #0f172a; }
.site-users-status-locked {
    margin: 0;
    color: #92400e;
    background: #fffbeb;
    border: 1px solid #fde68a;
    border-radius: 10px;
    padding: .75rem .9rem;
    font-size: .86rem;
    font-weight: 650;
}
.site-users-search {
    position: relative;
    min-width: 0;
}
.site-users-search i {
    position: absolute;
    left: .85rem;
    top: 50%;
    transform: translateY(-50%);
    color: #94a3b8;
    font-size: .85rem;
    pointer-events: none;
}
.site-users-search input {
    width: 100%;
    min-height: 2.5rem;
    padding: .55rem .9rem .55rem 2.35rem;
    border: 1px solid #dbe3ee;
    border-radius: 12px;
    background: #fff;
    font-size: .9rem;
}
.site-users-search input:focus {
    outline: none;
    border-color: #93c5fd;
    box-shadow: 0 0 0 3px rgba(37, 99, 235, .12);
}
.site-users-sort {
    position: relative;
    display: grid;
    min-width: 0;
}
.site-users-sort > i {
    position: absolute;
    left: .8rem;
    top: 50%;
    transform: translateY(-50%);
    color: #64748b;
    font-size: .85rem;
    pointer-events: none;
    z-index: 1;
}
.site-users-sort select {
    width: 100%;
    min-height: 2.5rem;
    padding: .55rem 2rem .55rem 2.2rem;
    border: 1px solid #dbe3ee;
    border-radius: 12px;
    background: #fff;
    font-size: .86rem;
    font-weight: 650;
    color: #0f172a;
    cursor: pointer;
}
.site-users-toolbar-meta {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: .65rem;
    white-space: nowrap;
}
.site-users-toolbar-meta span {
    color: #64748b;
    font-size: .78rem;
    font-weight: 700;
    font-variant-numeric: tabular-nums;
}
.site-users-toolbar-meta a {
    color: #C01018 !important;
    font-size: .78rem;
    font-weight: 750;
    text-decoration: none !important;
}
.site-users-toolbar-meta a:hover { text-decoration: underline !important; }

.site-users-list { display: grid; }
.site-users-item {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: .75rem;
    align-items: center;
    padding: .9rem 1.05rem;
    border-bottom: 1px solid #eef2f7;
    background: #fff;
}
.site-users-item:last-child { border-bottom: 0; }
.site-users-item:hover { background: #f8fafc; }
.site-users-item-main {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    gap: .85rem;
    align-items: center;
    min-width: 0;
    text-decoration: none !important;
    color: inherit;
}
.site-users-avatar {
    width: 2.65rem;
    height: 2.65rem;
    border-radius: 12px;
    display: grid;
    place-items: center;
    flex-shrink: 0;
    background: linear-gradient(180deg, #fff5f5, #fee2e2);
    border: 1px solid #fecaca;
    color: #C01018;
    font-size: .95rem;
    font-weight: 800;
}
.site-users-avatar.is-lg {
    width: 3.4rem;
    height: 3.4rem;
    border-radius: 14px;
    font-size: 1.2rem;
}
.site-users-item-body { min-width: 0; }
.site-users-item-top {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: .45rem .55rem;
    margin-bottom: .25rem;
}
.site-users-item-name {
    font-size: .95rem;
    font-weight: 750;
    color: #0f172a;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 100%;
}
.site-users-item-meta {
    display: flex;
    flex-wrap: wrap;
    gap: .25rem .85rem;
    color: #64748b;
    font-size: .8rem;
    font-weight: 600;
}
.site-users-item-meta span {
    display: inline-flex;
    align-items: center;
    gap: .35rem;
    min-width: 0;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.site-users-item-meta i {
    color: #94a3b8;
    font-size: .72rem;
    width: .85rem;
    text-align: center;
}
.site-users-item-foot {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: .55rem;
    margin-top: .35rem;
    font-size: .74rem;
    font-weight: 700;
    color: #94a3b8;
    font-variant-numeric: tabular-nums;
}
.site-users-id {
    padding: .1rem .4rem;
    border-radius: 6px;
    background: #f1f5f9;
    color: #64748b;
}
.site-users-item-actions {
    display: flex;
    flex-wrap: wrap;
    gap: .4rem;
    justify-content: flex-end;
}
.site-users-item-actions .btn {
    min-height: 2.15rem;
}
.site-users-item-actions .btn span { display: inline; }

.site-users-empty {
    padding: 2.5rem 1.25rem;
    text-align: center;
    color: #64748b;
}
.site-users-empty > i {
    display: grid;
    place-items: center;
    width: 3rem;
    height: 3rem;
    margin: 0 auto .75rem;
    border-radius: 999px;
    background: #f1f5f9;
    color: #94a3b8;
    font-size: 1.1rem;
}
.site-users-empty strong {
    display: block;
    color: #0f172a;
    font-size: 1rem;
    margin-bottom: .25rem;
}
.site-users-empty p {
    margin: 0 0 .85rem;
    font-size: .86rem;
}
.site-users-pager {
    padding: .75rem 1rem;
    border-top: 1px solid #e2e8f0;
    background: #fafbfc;
}

/* Show */
.site-users-show-head {
    display: grid;
    grid-template-columns: minmax(0, 1.3fr) minmax(14rem, 1fr);
    gap: 1rem 1.25rem;
    align-items: start;
    padding: 1.1rem 1.2rem;
    background: linear-gradient(180deg, #fff, #f8fafc);
}
.site-users-show-identity {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    gap: .95rem;
    align-items: center;
}
.site-users-show-identity h3 {
    margin: .1rem 0 .4rem;
    font-size: 1.2rem;
    font-weight: 800;
    letter-spacing: -.02em;
    color: #0f172a;
}
.site-users-show-badges .site-users-metric strong {
    font-size: .95rem;
    white-space: normal;
}
.site-users-show-note {
    display: flex;
    gap: .65rem;
    align-items: flex-start;
    padding: .85rem 1.2rem 1rem;
    border-top: 1px solid #e2e8f0;
    color: #475569;
    font-size: .84rem;
    line-height: 1.45;
    background: #fff;
}
.site-users-show-note i { margin-top: .15rem; color: #94a3b8; }
.site-users-show-note p { margin: 0; }
.site-users-show-note a {
    color: #C01018 !important;
    font-weight: 700;
    text-decoration: none !important;
}
.site-users-show-note a:hover { text-decoration: underline !important; }

.site-users-show-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1rem;
}
.site-users-panel {
    padding: 0;
    overflow: hidden;
}
.site-users-panel-wide { grid-column: 1 / -1; }
.site-users-panel-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .75rem;
    padding: .9rem 1.05rem;
    border-bottom: 1px solid #e2e8f0;
    background: #fafbfc;
}
.site-users-panel-head h3 {
    margin: 0;
    display: inline-flex;
    align-items: center;
    gap: .45rem;
    font-size: .92rem;
    font-weight: 750;
    color: #0f172a;
}
.site-users-panel-head h3 i { color: #94a3b8; font-size: .85rem; }
.site-users-panel-head em {
    font-style: normal;
    font-size: .72rem;
    font-weight: 800;
    padding: .15rem .45rem;
    border-radius: 999px;
    background: #e2e8f0;
    color: #475569;
    font-variant-numeric: tabular-nums;
}
.site-users-panel-list { display: grid; }
.site-users-panel-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .85rem;
    padding: .85rem 1.05rem;
    border-bottom: 1px solid #f1f5f9;
    text-decoration: none !important;
    color: inherit;
    transition: background .12s ease;
}
.site-users-panel-row:last-child { border-bottom: 0; }
.site-users-panel-row:hover { background: #f8fafc; }
.site-users-panel-row > div {
    display: grid;
    gap: .15rem;
    min-width: 0;
}
.site-users-panel-row strong {
    font-size: .88rem;
    font-weight: 700;
    color: #0f172a;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.site-users-panel-row span {
    font-size: .76rem;
    font-weight: 600;
    color: #64748b;
}
.site-users-panel-row > i { color: #cbd5e1; font-size: .75rem; flex-shrink: 0; }
.site-users-panel-amount {
    font-size: .88rem !important;
    font-weight: 800 !important;
    color: #0f172a !important;
    font-variant-numeric: tabular-nums;
    white-space: nowrap;
}
.site-users-panel-empty {
    padding: 1.35rem 1.05rem;
    color: #94a3b8;
    font-size: .84rem;
    font-weight: 600;
}

@media (max-width: 1100px) {
    .site-users-show-head {
        grid-template-columns: 1fr;
    }
    .site-users-toolbar {
        grid-template-columns: 1fr 1fr;
    }
    .site-users-search { grid-column: 1 / -1; }
    .site-users-toolbar-meta {
        grid-column: 1 / -1;
        justify-content: space-between;
    }
    .site-users-status-form { grid-template-columns: 1fr; }
    .site-users-profile-form { grid-template-columns: 1fr; }
    .site-users-hub-tabs { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 700px) {
    body.is-site-users .admin-topbar-actions .topbar-quick .btn span { display: none; }
    body.is-site-users .admin-topbar-actions .topbar-quick .btn {
        width: 2.35rem;
        height: 2.35rem;
        padding: 0;
    }
    body.is-site-users .admin-content { padding: 1rem .85rem 2.5rem; }
    .site-users-hub-tabs {
        display: flex;
        flex-wrap: nowrap;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
        gap: .25rem;
        scrollbar-width: none;
    }
    .site-users-hub-tabs::-webkit-scrollbar { display: none; }
    .site-users-hub-tabs a {
        flex: 0 0 auto;
        white-space: nowrap;
        min-height: 2.35rem;
    }
    .site-users-toolbar { grid-template-columns: 1fr; }
    .site-users-search { grid-column: auto; }
    .site-users-status-hints { flex-direction: column; gap: .25rem; }
    .site-users-item {
        grid-template-columns: 1fr;
        gap: .75rem;
        padding: 1rem;
    }
    .site-users-item-actions {
        justify-content: stretch;
    }
    .site-users-item-actions .btn {
        flex: 1;
        justify-content: center;
    }
    .site-users-item-actions .btn span { display: inline; }
    .site-users-item-meta {
        flex-direction: column;
        align-items: flex-start;
        gap: .2rem;
    }
    .site-users-item-meta span { white-space: normal; }
    .site-users-show-identity { align-items: flex-start; }
    .site-users-show-grid { grid-template-columns: 1fr; }
    .site-users-panel-wide { grid-column: auto; }
}

@media (max-width: 480px) {
    .site-users-avatar:not(.is-lg) {
        width: 2.35rem;
        height: 2.35rem;
        border-radius: 10px;
        font-size: .85rem;
    }
    .site-users-item-name { white-space: normal; }
}


/* ========== Ops login — profesyonel veri merkezi ========== */
.ops-login {
  --ops-ink: #0f172a;
  --ops-muted: #64748b;
  --ops-line: #e2e8f0;
  --ops-brand: #c01018;
  --ops-accent: #0e7490;
  --ops-panel: #ffffff;
  position: relative;
  min-height: 100vh;
  overflow: hidden;
  font-family: var(--font);
  color: var(--ops-ink);
  background: #eef2f7;
}
.ops-login-bg { position: absolute; inset: 0; pointer-events: none; }
.ops-login-grid {
  position: absolute; inset: 0;
  background-image: radial-gradient(rgba(15, 23, 42, .07) 1px, transparent 1px);
  background-size: 18px 18px;
  opacity: .85;
  mask-image: radial-gradient(ellipse 75% 65% at 40% 35%, #000 15%, transparent 72%);
}
.ops-login-orb {
  position: absolute; border-radius: 50%; filter: blur(70px); opacity: .4;
  animation: opsOrb 16s ease-in-out infinite alternate;
}
.ops-login-orb-a {
  width: 380px; height: 380px; top: -100px; left: -80px;
  background: rgba(192, 16, 24, .16);
}
.ops-login-orb-b {
  width: 320px; height: 320px; right: -60px; bottom: 8%;
  background: rgba(14, 116, 144, .14);
  animation-delay: -5s;
}
@keyframes opsOrb {
  from { transform: translate3d(0, 0, 0); }
  to { transform: translate3d(18px, -14px, 0); }
}

.ops-login-frame {
  position: relative; z-index: 1;
  display: grid;
  grid-template-columns: 1.4fr .75fr;
  gap: 2.5rem;
  max-width: 1220px;
  margin: 0 auto;
  padding: clamp(1.4rem, 3vw, 2.25rem);
  min-height: 100vh;
  align-items: center;
}

.ops-login-stage { min-width: 0; }
.ops-login-top {
  display: flex; align-items: center; justify-content: space-between;
  gap: .85rem; margin-bottom: 1.15rem;
}
.ops-login-brand {
  display: flex; align-items: center; gap: .7rem;
}
.ops-login-brand-mark {
  width: 2.35rem; height: 2.35rem; border-radius: 11px;
  display: grid; place-items: center;
  color: #fff; font-size: .9rem;
  background: linear-gradient(145deg, #c01018, #8a0b11);
  box-shadow: 0 8px 18px rgba(192, 16, 24, .25);
  flex: 0 0 auto;
}
.ops-login-brand strong {
  display: block; font-size: .88rem; letter-spacing: -.015em; line-height: 1.2;
}
.ops-login-brand span {
  display: block; color: var(--ops-muted); font-size: .72rem; margin-top: .1rem;
}
.ops-login-kicker {
  display: inline-flex; align-items: center;
  padding: .28rem .65rem;
  border-radius: 999px;
  background: rgba(14, 116, 144, .1);
  color: #0f766e;
  border: 1px solid rgba(14, 116, 144, .16);
  font-size: .68rem;
  font-weight: 750;
  letter-spacing: .08em;
  text-transform: uppercase;
  white-space: nowrap;
}

.ops-login-headline {
  margin: 0 0 .65rem;
  font-size: clamp(1.55rem, 2.6vw, 2.05rem);
  line-height: 1.15;
  letter-spacing: -.03em;
  font-weight: 800;
}
.ops-login-headline span { color: var(--ops-brand); }
.ops-login-lead {
  margin: 0 0 1.5rem;
  color: var(--ops-muted);
  font-size: .86rem;
  line-height: 1.55;
  max-width: 36rem;
}

.ops-login-canvas {
  display: grid;
  grid-template-columns: minmax(220px, 250px) 110px minmax(240px, 1fr);
  gap: 1.15rem;
  align-items: stretch;
  padding: 1.15rem 1.2rem;
  border-radius: 22px;
  background: rgba(255, 255, 255, .55);
  border: 1px solid rgba(226, 232, 240, .95);
  box-shadow:
    0 1px 2px rgba(15, 23, 42, .03),
    0 14px 36px rgba(15, 23, 42, .06);
  backdrop-filter: blur(8px);
}

.ops-login-canvas-rail {
  min-width: 0;
  display: flex; flex-direction: column; gap: .55rem;
}
.ops-login-rail-head {
  display: flex; justify-content: space-between; align-items: center;
  padding: 0 .15rem .25rem;
  font-size: .68rem; font-weight: 700;
  letter-spacing: .06em; text-transform: uppercase;
  color: #94a3b8;
}
.ops-login-rail-head em { font-style: normal; color: #64748b; letter-spacing: 0; text-transform: none; }

.ops-login-nodes {
  list-style: none; margin: 0; padding: 0;
  display: grid; gap: .42rem;
}
.ops-login-node {
  width: 100%;
  display: grid;
  grid-template-columns: auto 1fr auto;
  align-items: center;
  gap: .55rem;
  padding: .5rem .6rem;
  border-radius: 12px;
  border: 1px solid transparent;
  background: rgba(255, 255, 255, .8);
  cursor: pointer;
  text-align: left;
  transition: transform .2s ease, border-color .2s ease, box-shadow .2s ease, background .2s ease;
}
.ops-login-node:hover,
.ops-login-node.is-active {
  transform: translateX(2px);
  border-color: color-mix(in srgb, var(--node-tone) 45%, #fff);
  background: #fff;
  box-shadow: 0 8px 20px rgba(15, 23, 42, .07);
}
.ops-login-node-ico {
  width: 1.85rem; height: 1.85rem; border-radius: 9px;
  display: grid; place-items: center;
  color: #fff; font-size: .72rem;
  background: linear-gradient(145deg, var(--node-tone), color-mix(in srgb, var(--node-tone) 68%, #0f172a));
  box-shadow: 0 4px 10px color-mix(in srgb, var(--node-tone) 30%, transparent);
}
.ops-login-node-copy { display: grid; min-width: 0; }
.ops-login-node-copy strong {
  font-size: .78rem; letter-spacing: -.01em; color: var(--ops-ink); line-height: 1.2;
}
.ops-login-node-copy small {
  color: var(--ops-muted); font-size: .66rem;
  white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
}
.ops-login-node-dot {
  width: 6px; height: 6px; border-radius: 50%;
  background: #cbd5e1;
  transition: background .2s ease, box-shadow .2s ease;
}
.ops-login-node.is-active .ops-login-node-dot {
  background: var(--node-tone);
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--node-tone) 22%, transparent);
}

.ops-login-canvas-mid {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 100%;
  padding: .35rem 0;
}
.ops-login-wires {
  width: 100%; height: 100%; min-height: 320px;
}
.ops-login-wire {
  fill: none;
  stroke: rgba(148, 163, 184, .28);
  stroke-width: 1.35;
  stroke-dasharray: 4 6;
  transition: stroke .3s ease, stroke-width .3s ease, opacity .3s ease;
}
.ops-login-wire.is-active {
  stroke: var(--ops-brand);
  stroke-width: 2;
  animation: opsDash 1s linear infinite;
}
@keyframes opsDash { to { stroke-dashoffset: -36; } }
.ops-login-hub-dot {
  fill: var(--ops-brand);
  filter: drop-shadow(0 0 7px rgba(192, 16, 24, .5));
}
.ops-login-flow-chip {
  position: absolute;
  top: 12%;
  left: 50%;
  transform: translateX(-50%);
  display: inline-flex; align-items: center; gap: .3rem;
  padding: .3rem .55rem;
  border-radius: 999px;
  border: 1px solid;
  background: rgba(255, 255, 255, .98);
  box-shadow: 0 8px 18px rgba(15, 23, 42, .1);
  font-size: .65rem; font-weight: 750;
  white-space: nowrap;
  animation: opsTipIn .28s ease;
  z-index: 2;
  pointer-events: none;
}
@keyframes opsTipIn {
  from { opacity: 0; transform: translateX(-50%) translateY(6px); }
  to { opacity: 1; transform: translateX(-50%) translateY(0); }
}

.ops-login-hub-preview {
  border-radius: 16px;
  padding: 1.15rem 1.15rem 1rem;
  color: #f8fafc;
  background:
    radial-gradient(90% 70% at 100% 0%, color-mix(in srgb, var(--hub-tone, #c01018) 28%, transparent), transparent 55%),
    linear-gradient(160deg, #0f172a 0%, #111827 52%, #0c2f38 100%);
  box-shadow:
    0 16px 40px rgba(15, 23, 42, .22),
    inset 0 1px 0 rgba(255, 255, 255, .07);
  display: flex; flex-direction: column; gap: .85rem;
  min-height: 100%;
  transition: background .35s ease;
}
.ops-login-hub-top {
  display: flex; align-items: center; gap: .6rem;
}
.ops-login-hub-mark {
  width: 2.1rem; height: 2.1rem; border-radius: 10px;
  display: grid; place-items: center;
  background: rgba(255, 255, 255, .08);
  border: 1px solid rgba(255, 255, 255, .1);
  font-size: .85rem;
}
.ops-login-hub-top strong { display: block; font-size: .82rem; }
.ops-login-hub-top small { color: rgba(226, 232, 240, .58); font-size: .68rem; }
.ops-login-live {
  margin-left: auto;
  display: inline-flex; align-items: center; gap: .3rem;
  padding: .2rem .45rem;
  border-radius: 999px;
  background: rgba(4, 120, 87, .18);
  color: #6ee7b7;
  font-size: .65rem; font-weight: 700;
}
.ops-login-live i { font-size: .45rem; animation: opsBlink 1.4s ease-in-out infinite; }
@keyframes opsBlink {
  0%, 100% { opacity: 1; }
  50% { opacity: .35; }
}

.ops-login-pulse {
  display: flex; align-items: flex-start; gap: .5rem;
  padding: .6rem .65rem;
  border-radius: 12px;
  background: rgba(255, 255, 255, .97);
  color: #0f172a;
  box-shadow: 0 10px 22px rgba(0, 0, 0, .16);
  animation: opsPulseCard .35s ease;
}
@keyframes opsPulseCard {
  from { opacity: 0; transform: translateY(-6px); }
  to { opacity: 1; transform: none; }
}
.ops-login-pulse span {
  flex: 0 0 auto;
  padding: .16rem .4rem;
  border-radius: 999px;
  color: #fff;
  font-size: .6rem;
  font-weight: 750;
  letter-spacing: .04em;
  text-transform: uppercase;
}
.ops-login-pulse p {
  margin: 0; font-size: .74rem; font-weight: 650; line-height: 1.35;
}

.ops-login-hub-stats {
  display: grid; grid-template-columns: repeat(3, 1fr); gap: .4rem;
}
.ops-login-hub-stats > div {
  padding: .45rem .4rem;
  border-radius: 10px;
  background: rgba(255, 255, 255, .06);
  border: 1px solid rgba(255, 255, 255, .07);
  text-align: center;
}
.ops-login-hub-stats strong {
  display: block; font-size: .9rem; letter-spacing: -.02em;
}
.ops-login-hub-stats span {
  display: block; margin-top: .1rem;
  color: rgba(226, 232, 240, .55);
  font-size: .62rem; font-weight: 600; text-transform: uppercase; letter-spacing: .04em;
}

.ops-login-hub-body { margin-top: auto; }
.ops-login-hub-label {
  margin: 0 0 .25rem;
  font-size: .62rem; font-weight: 750;
  letter-spacing: .12em; text-transform: uppercase;
  color: rgba(226, 232, 240, .48);
}
.ops-login-hub-body h2 {
  margin: 0 0 .25rem;
  font-size: 1.05rem; line-height: 1.2; letter-spacing: -.02em;
}
.ops-login-hub-body h2 em { font-style: normal; color: #fda4af; }
.ops-login-hub-body p {
  margin: 0; color: rgba(226, 232, 240, .65); font-size: .74rem; line-height: 1.4;
}
.ops-login-hub-foot {
  display: flex; justify-content: space-between; gap: .5rem;
  padding-top: .65rem;
  border-top: 1px solid rgba(255, 255, 255, .09);
  font-size: .68rem;
}
.ops-login-hub-foot span { color: rgba(226, 232, 240, .45); }
.ops-login-hub-foot strong { color: #fff; font-weight: 650; }

.ops-login-panel {
  display: flex; flex-direction: column; gap: 1rem;
  align-self: center;
  width: min(100%, 400px);
  justify-self: end;
}
.ops-login-card {
  position: relative;
  overflow: hidden;
  background: #fff;
  border: 1px solid #e2e8f0;
  border-radius: 22px;
  padding: 1.55rem 1.55rem 1.35rem;
  box-shadow:
    0 1px 2px rgba(15, 23, 42, .04),
    0 22px 48px rgba(15, 23, 42, .1);
  animation: opsCardIn .65s cubic-bezier(.22, 1, .36, 1) both;
}
@keyframes opsCardIn {
  from { opacity: 0; transform: translateY(14px) scale(.985); }
  to { opacity: 1; transform: none; }
}
.ops-login-card-accent {
  position: absolute; left: 0; right: 0; top: 0; height: 3px;
  background: linear-gradient(90deg, #c01018 0%, #0e7490 55%, #0369a1 100%);
}
.ops-login-card-status {
  display: inline-flex; align-items: center; gap: .45rem;
  margin-bottom: 1.15rem;
  padding: .35rem .65rem;
  border-radius: 999px;
  background: #f0fdf4;
  border: 1px solid #bbf7d0;
  color: #166534;
  font-size: .7rem;
  font-weight: 700;
}
.ops-login-card-status-dot {
  width: 7px; height: 7px; border-radius: 50%;
  background: #16a34a;
  box-shadow: 0 0 0 3px rgba(22, 163, 74, .18);
  animation: opsBlink 1.6s ease-in-out infinite;
}
.ops-login-card-head {
  display: flex; gap: .95rem; align-items: flex-start;
  margin-bottom: 1.45rem;
  padding-bottom: 1.2rem;
  border-bottom: 1px solid #eef2f7;
}
.ops-login-card-badge {
  width: 2.85rem; height: 2.85rem; border-radius: 14px;
  display: grid; place-items: center;
  color: #fff; font-size: 1.05rem;
  background: linear-gradient(145deg, #c01018, #8a0b11);
  box-shadow: 0 10px 22px rgba(192, 16, 24, .28);
  flex: 0 0 auto;
}
.ops-login-card-kicker {
  margin: 0 0 .28rem;
  font-size: .68rem; font-weight: 780;
  letter-spacing: .12em; text-transform: uppercase; color: #0e7490;
}
.ops-login-card-head h2 {
  margin: 0 0 .3rem; font-size: 1.35rem; letter-spacing: -.025em; line-height: 1.15;
}
.ops-login-card-head p {
  margin: 0; color: var(--ops-muted); font-size: .84rem; line-height: 1.4;
}

.ops-login-form { display: grid; gap: 1.05rem; }
.ops-login-field { display: grid; gap: .4rem; }
.ops-login-field > span {
  font-size: .78rem; font-weight: 700; color: #1e293b;
}
.ops-login-input {
  display: flex; align-items: center; gap: .55rem;
  padding: 0 .9rem;
  border: 1px solid #dbe3ee;
  border-radius: 13px;
  background: #f8fafc;
  min-height: 3.05rem;
  transition: border-color .2s ease, box-shadow .2s ease, background .2s ease, transform .2s ease;
}
.ops-login-input:focus-within {
  border-color: #94a3b8;
  background: #fff;
  box-shadow: 0 0 0 4px rgba(14, 116, 144, .12);
  transform: translateY(-1px);
}
.ops-login-input > i { color: #94a3b8; font-size: .85rem; }
.ops-login-input:focus-within > i { color: #0e7490; }
.ops-login-input input {
  flex: 1; min-width: 0;
  border: 0; outline: 0; background: transparent;
  padding: .9rem 0; font: inherit; font-size: .92rem; color: var(--ops-ink);
}
.ops-login-eye {
  border: 0; background: transparent; color: #94a3b8;
  cursor: pointer; padding: .35rem; border-radius: 8px;
  transition: color .15s ease, background .15s ease;
}
.ops-login-eye:hover { color: #475569; background: #eef2f7; }

.ops-login-error {
  display: flex; align-items: center; gap: .5rem;
  padding: .75rem .85rem;
  border-radius: 12px;
  background: #fef2f2; color: #b91c1c;
  border: 1px solid #fecaca;
  font-size: .8rem; font-weight: 600;
  animation: opsPulseCard .3s ease;
}

.ops-login-submit {
  margin-top: .35rem;
  display: inline-flex; align-items: center; justify-content: center; gap: .55rem;
  width: 100%;
  border: 0; border-radius: 13px;
  padding: 1rem 1.1rem;
  font: inherit; font-size: .95rem; font-weight: 760; letter-spacing: -.01em;
  color: #fff; cursor: pointer;
  background: linear-gradient(135deg, #c01018 0%, #9a0d13 100%);
  box-shadow: 0 12px 28px rgba(192, 16, 24, .28);
  transition: transform .18s ease, box-shadow .18s ease, filter .18s ease;
}
.ops-login-submit i { transition: transform .2s ease; }
.ops-login-submit:hover:not(:disabled) {
  transform: translateY(-2px);
  box-shadow: 0 16px 34px rgba(192, 16, 24, .34);
}
.ops-login-submit:hover:not(:disabled) i { transform: translateX(3px); }
.ops-login-submit:active:not(:disabled) { transform: translateY(0); }
.ops-login-submit:disabled { opacity: .75; cursor: wait; }

.ops-login-card-divider {
  height: 1px; margin: 1.2rem 0 .95rem;
  background: linear-gradient(90deg, transparent, #e2e8f0 20%, #e2e8f0 80%, transparent);
}

.ops-login-meta {
  display: flex; flex-wrap: wrap; gap: .55rem .95rem;
  color: #64748b; font-size: .7rem; font-weight: 650;
}
.ops-login-meta div { display: inline-flex; align-items: center; gap: .35rem; }
.ops-login-meta i { color: #94a3b8; font-size: .72rem; }

.ops-login-copy {
  margin: 0; text-align: center;
  color: #94a3b8; font-size: .7rem;
  letter-spacing: .01em;
}

@media (max-width: 980px) {
  .ops-login-frame {
    grid-template-columns: 1fr;
    max-width: 560px;
    gap: 1.75rem;
    padding-top: 1.25rem; padding-bottom: 1.75rem;
    align-items: start;
  }
  .ops-login-canvas {
    grid-template-columns: 1fr;
    gap: 1rem;
  }
  .ops-login-canvas-mid { display: none; }
  .ops-login-nodes {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: .5rem;
  }
  .ops-login-hub-preview { min-height: auto; }
}
@media (max-width: 560px) {
  .ops-login-nodes { grid-template-columns: 1fr; }
  .ops-login-top { flex-wrap: wrap; }
  .ops-login-headline { font-size: 1.45rem; }
  .ops-login-card { padding: 1.15rem 1rem; }
}

/* ===== Dark mode — shell surfaces (hardcoded #fff leftovers) ===== */
html.dark .workspace,
html.dark .admin-content {
    background: transparent;
    color: var(--ink);
}
html.dark .card,
html.dark .meta-box,
html.dark .hq-card,
html.dark .hq-kpi,
html.dark .ops-kpi,
html.dark .ops-panel,
html.dark .ops-panel-kpi,
html.dark .ops-panel-dist,
html.dark .ops-panel-quick-link,
html.dark .ops-panel-quick-queue,
html.dark .ops-panel-queue-card,
html.dark .ops-panel-content-card,
html.dark .ops-panel-spot,
html.dark .ops-panel-spot-item,
html.dark .dr-stat-card,
html.dark .dr-chart,
html.dark .dr-donut,
html.dark .dr-table,
html.dark .dr-ops,
html.dark .dr-filter,
html.dark .dr-dash-insight,
html.dark .dr-type-insight,
html.dark .rpt-compare-card,
html.dark .sr-ops-kpi,
html.dark .sr-ops-block,
html.dark .staff-ops-bell-drop,
html.dark .staff-focus-trigger,
html.dark .staff-focus-dropdown,
html.dark .mem-hub-stat,
html.dark .mem-hub-bar,
html.dark .store-filter-search,
html.dark .org-readonly-banner,
html.dark .cmd-fin,
html.dark .admin-user-dropdown,
html.dark .admin-user-trigger,
html.dark .topbar-icon-btn,
html.dark .topbar-chip,
html.dark .account-card,
html.dark .media-item,
html.dark table.data,
html.dark .data-table,
html.dark .filters,
html.dark .toolbar,
html.dark .empty-state,
html.dark .organ-note {
    background: var(--panel) !important;
    border-color: var(--line-soft) !important;
    color: var(--ink);
}
html.dark .admin-topbar {
    background: color-mix(in srgb, var(--panel) 92%, transparent) !important;
    border-bottom-color: var(--line-soft) !important;
    box-shadow: none;
}
html.dark input,
html.dark select,
html.dark textarea,
html.dark .account-form input,
html.dark .filters input,
html.dark .filters select {
    background: var(--bg) !important;
    border-color: var(--line) !important;
    color: var(--ink) !important;
}
html.dark .ops-gate input,
html.dark .ops-gate select,
html.dark .ops-gate textarea {
    background: transparent !important;
    background-color: transparent !important;
    border-color: transparent !important;
    color: #0f172a !important;
    -webkit-text-fill-color: #0f172a !important;
}
html.dark input::placeholder,
html.dark textarea::placeholder {
    color: var(--muted-2);
}
html.dark .btn.secondary {
    background: var(--panel) !important;
    border-color: var(--line) !important;
    color: var(--ink) !important;
}
html.dark table th {
    background: var(--bg-accent) !important;
    color: var(--muted) !important;
    border-color: var(--line-soft) !important;
}
html.dark table td {
    border-color: var(--line-soft) !important;
    color: var(--ink);
}
html.dark table tr:hover td {
    background: var(--bg-accent) !important;
}
html.dark .muted,
html.dark .admin-topbar .crumb .sub {
    color: var(--muted) !important;
}
html.dark .pill,
html.dark .badge {
    border-color: var(--line-soft);
}
html.dark .hq-shortcuts a,
html.dark .ops-queue a,
html.dark .ops-legend a {
    background: var(--bg-accent) !important;
    border-color: var(--line-soft) !important;
    color: var(--ink) !important;
}
html.dark .hq-shortcuts a:hover,
html.dark .ops-queue a:hover,
html.dark .ops-legend a:hover {
    background: var(--panel) !important;
    border-color: var(--line) !important;
}
html.dark .hq-kpi-ico.is-blue { background: var(--info-soft); color: #60a5fa; }
html.dark .hq-kpi-ico.is-cyan { background: var(--accent-soft); color: #22d3ee; }
html.dark .hq-kpi-ico.is-violet { background: rgba(124,58,237,.22); color: #a78bfa; }
html.dark .hq-kpi-ico.is-green { background: var(--ok-soft); color: #34d399; }
html.dark .hq-range {
    background: var(--bg-accent) !important;
    color: var(--muted) !important;
}
html.dark .cmd-fin-ico {
    background: var(--bg-accent) !important;
}
html.dark .cmd-fin.is-store .cmd-fin-ico { background: var(--accent-soft) !important; color: #22d3ee !important; }
html.dark .cmd-fin.is-pay .cmd-fin-ico { background: var(--info-soft) !important; color: #60a5fa !important; }
html.dark .cmd-fin.is-edu .cmd-fin-ico { background: rgba(124, 58, 237, .22) !important; color: #a78bfa !important; }
html.dark .cmd-fin.is-warn .cmd-fin-ico { background: var(--warn-soft) !important; color: #fbbf24 !important; }
html.dark .admin-theme-chip.is-active {
    background: var(--bg) !important;
    color: #93c5fd !important;
}
html.dark .admin-live {
    background: rgba(16, 185, 129, .14);
    color: #6ee7b7;
    border-color: rgba(16, 185, 129, .28);
}
html.dark .side-user,
html.dark .side-site {
    border-color: rgba(148, 163, 184, .16) !important;
}
html.dark a.cmd-fin:hover {
    background: var(--bg-accent) !important;
}

.rpt-analytics .rpt-panel {
  margin-bottom: 0;
}

.rpt-ops-panel {
  margin-bottom: 1rem !important;
}
.rpt-compare-hero {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: .85rem;
  margin-bottom: 1.1rem;
}
.rpt-compare-card {
  display: grid;
  gap: .3rem;
  padding: 1.1rem 1.15rem;
  border: 1px solid #e2e8f0;
  border-radius: 12px;
  background: #fff;
}
.rpt-compare-card.is-prev {
  background: #f8fafc;
}
.rpt-compare-card.is-now {
  border-color: #cbd5e1;
  box-shadow: 0 1px 2px rgba(15, 23, 42, .05);
}
.rpt-compare-card.is-delta {
  border-color: #fecaca;
  background: #fff7f7;
}
.rpt-compare-meta {
  margin-top: .15rem;
  font-size: .78rem;
  color: #64748b;
}
.rpt-kpi-value.is-up { color: #059669; }
.rpt-kpi-value.is-down { color: #C01018; }
.rpt-compare-title {
  margin: 0 0 .55rem;
  font-size: .82rem;
  font-weight: 700;
  color: #334155;
}
.rpt-compare-table-wrap {
  margin-bottom: 1rem;
}
.rpt-compare-table th,
.rpt-compare-table td {
  vertical-align: middle;
}
.rpt-compare-table .rpt-num.is-up { color: #059669; font-weight: 700; }
.rpt-compare-table .rpt-num.is-down { color: #C01018; font-weight: 700; }
.rpt-type-dot {
  display: inline-block;
  width: .55rem;
  height: .55rem;
  border-radius: 999px;
  margin-right: .45rem;
  vertical-align: middle;
}
.rpt-ops-extra {
  margin-top: .25rem;
}

@media (max-width: 960px) {
  .rpt-compare-hero {
    grid-template-columns: 1fr;
  }
}

/* Operasyonel tahsilat (DuesCollectionPanels) — KPI / trend / donut / tablo */
.rpt-ops-analytics,
.rpt-analytics {
  display: grid;
  gap: 1rem;
  min-width: 0;
}
.rpt-ops-loading {
  display: flex;
  align-items: center;
  gap: .65rem;
  padding: 1.25rem 0 .5rem;
  font-size: .86rem;
  font-weight: 600;
  color: #64748b;
}
.rpt-ops-empty {
  margin: .85rem 0 .35rem;
  font-size: .86rem;
}
.rpt-kpi-hero {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: .75rem;
  min-width: 0;
}
.rpt-kpi-card {
  display: grid;
  gap: .2rem;
  min-width: 0;
  padding: .9rem 1rem;
  border: 1px solid #e8edf3;
  border-radius: var(--dr-radius, 4px);
  background: #fff;
  box-shadow: 0 1px 3px rgba(15, 23, 42, .04);
}
a.rpt-kpi-card-link {
  text-decoration: none;
  color: inherit;
  cursor: pointer;
  transition: border-color .12s ease, box-shadow .12s ease;
}
a.rpt-kpi-card-link:hover {
  border-color: #cbd5e1;
  box-shadow: 0 2px 8px rgba(15, 23, 42, .08);
}
.rpt-kpi-label {
  font-size: .7rem;
  font-weight: 700;
  letter-spacing: .04em;
  text-transform: uppercase;
  color: #64748b;
}
.rpt-kpi-value {
  font-size: 1.35rem;
  font-weight: 780;
  letter-spacing: -.03em;
  color: #1e3a5f;
  font-variant-numeric: tabular-nums;
  line-height: 1.2;
  overflow-wrap: anywhere;
}
.rpt-kpi-sub {
  font-size: .75rem;
  font-weight: 550;
  color: #64748b;
  line-height: 1.4;
}
.rpt-kpi-sub.is-warn { color: #C01018; }

.rpt-analytics-main,
.rpt-analytics-mid {
  display: grid;
  grid-template-columns: minmax(0, 1.45fr) minmax(0, 1fr);
  gap: 1rem;
  align-items: stretch;
  min-width: 0;
  overflow-x: hidden;
}
.rpt-analytics-main > .dr-chart,
.rpt-analytics-main > .dr-donut {
  min-width: 0;
  height: 100%;
  overflow: hidden;
}
.rpt-analytics-main > .dr-donut .dr-donut-body {
  width: 100%;
  align-items: stretch;
}
.rpt-analytics-main > .dr-donut .dr-type-legend {
  flex: 1 1 8rem;
  min-width: 8rem;
}
.rpt-analytics-main > .rpt-panel-chart {
  display: flex;
  flex-direction: column;
}
.rpt-analytics-main > .rpt-panel-chart .rpt-trend {
  flex: 1;
}
.rpt-analytics-main .rpt-trend-svg {
  width: 100%;
  height: 220px;
  max-height: none;
}
.rpt-panel {
  min-width: 0;
  overflow: hidden;
}
.rpt-panel-head {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  justify-content: space-between;
  gap: .65rem 1rem;
  margin-bottom: .75rem;
}
.rpt-panel-head h4 {
  margin: 0;
  font-size: .95rem;
  font-weight: 750;
  color: #0f172a;
}
.rpt-panel-desc {
  margin: .2rem 0 0;
  font-size: .78rem;
  color: #94a3b8;
  font-weight: 500;
}
.rpt-panel-head a {
  font-size: .78rem;
  font-weight: 650;
  color: #1e3a5f;
}
.rpt-seg {
  display: inline-flex;
  border: 1px solid #e2e8f0;
  border-radius: 8px;
  overflow: hidden;
  background: #f8fafc;
}
.rpt-seg button {
  margin: 0;
  border: 0;
  border-right: 1px solid #e2e8f0;
  background: transparent;
  padding: .4rem .75rem;
  font: inherit;
  font-size: .76rem;
  font-weight: 650;
  color: #64748b;
  cursor: pointer;
}
.rpt-seg button:last-child { border-right: 0; }
.rpt-seg button:hover { background: #fff; color: #1e3a5f; }
.rpt-seg button.is-active {
  background: #fff;
  color: #1e3a5f;
  box-shadow: inset 0 0 0 1px rgba(30, 58, 95, .15);
}

.rpt-trend {
  display: grid;
  gap: .45rem;
  min-width: 0;
  overflow: hidden;
}
.rpt-trend-svg {
  display: block;
  width: 100%;
  height: auto;
  max-height: 240px;
}
.rpt-trend-grid {
  stroke: #e8edf3;
  stroke-width: 1;
}
.rpt-trend-line {
  stroke: #C01018;
  stroke-width: 2.25;
  stroke-linecap: round;
  stroke-linejoin: round;
}
.rpt-trend-dot { fill: #C01018; }
.rpt-trend-tick {
  fill: #94a3b8;
  font-size: 11px;
  font-weight: 600;
}
.rpt-trend-meta {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: .35rem 1rem;
  font-size: .75rem;
  font-weight: 600;
  color: #64748b;
}
.rpt-trend-ticks {
  display: none;
}

.rpt-donut,
.rpt-donut-analytics {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 1rem 1.25rem;
  min-width: 0;
  overflow: hidden;
}
.rpt-donut-visual {
  position: relative;
  flex: 0 0 160px;
  width: 160px;
  height: 160px;
  max-width: 100%;
  overflow: hidden;
}
.rpt-donut-svg {
  display: block;
  width: 160px;
  height: 160px;
  max-width: 100%;
}
.rpt-donut-center {
  position: absolute;
  inset: 0;
  display: grid;
  place-content: center;
  text-align: center;
  pointer-events: none;
}
.rpt-donut-center strong {
  font-size: 1.25rem;
  font-weight: 780;
  color: #1e3a5f;
  line-height: 1.15;
}
.rpt-donut-center span {
  font-size: .68rem;
  font-weight: 700;
  letter-spacing: .05em;
  text-transform: uppercase;
  color: #94a3b8;
}
.rpt-donut-legend {
  flex: 1;
  min-width: 9rem;
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  gap: .55rem;
}
.rpt-donut-legend li {
  display: grid;
  grid-template-columns: auto 1fr auto;
  gap: .5rem;
  align-items: center;
  font-size: .8rem;
}
.rpt-donut-legend i {
  width: .55rem;
  height: .55rem;
  border-radius: 3px;
}
.rpt-donut-legend em {
  font-style: normal;
  font-variant-numeric: tabular-nums;
  color: #64748b;
  font-weight: 650;
}
.rpt-donut-legend-analytics li {
  grid-template-columns: auto 1fr;
  align-items: start;
}
.rpt-donut-legend-copy {
  display: grid;
  gap: .1rem;
}
.rpt-donut-legend-copy strong {
  font-size: .84rem;
  color: #0f172a;
}
.rpt-donut-legend-copy span {
  font-size: .78rem;
  color: #64748b;
  font-weight: 650;
  font-variant-numeric: tabular-nums;
}

.rpt-table-wrap {
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  max-width: 100%;
}
.rpt-table {
  width: 100%;
  border-collapse: collapse;
  font-size: .82rem;
}
.rpt-table th,
.rpt-table td {
  padding: .55rem .65rem;
  text-align: left;
  border-bottom: 1px solid #f1f5f9;
  white-space: nowrap;
}
.rpt-table th {
  font-size: .7rem;
  font-weight: 700;
  letter-spacing: .04em;
  text-transform: uppercase;
  color: #64748b;
}
.rpt-table .rpt-num {
  font-variant-numeric: tabular-nums;
  text-align: right;
  font-weight: 650;
}
.rpt-table .rpt-mono {
  font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  font-size: .78rem;
  color: #64748b;
}
.rpt-table th.rpt-num {
  text-align: right;
}
.rpt-pay-table {
  table-layout: fixed;
}
.rpt-pay-table th:nth-child(1),
.rpt-pay-table td:nth-child(1) {
  width: 8.25rem;
}
.rpt-pay-table th:nth-child(2),
.rpt-pay-table td:nth-child(2) {
  width: 6.5rem;
}
.rpt-pay-table th:nth-child(4),
.rpt-pay-table td:nth-child(4) {
  width: 7.75rem;
}
.rpt-pay-table th:nth-child(5),
.rpt-pay-table td:nth-child(5) {
  width: 11.5rem;
}
.rpt-pay-table .rpt-payer {
  display: block;
  font-weight: 650;
  color: #0f172a;
  white-space: normal;
}
.rpt-pay-table .rpt-payer-no {
  display: block;
  margin-top: .12rem;
  font-size: .72rem;
  font-weight: 500;
  color: #94a3b8;
}
.rpt-row-click {
  cursor: pointer;
}
.rpt-row-click:hover td {
  background: #f8fafc;
}
.rpt-row-click:focus {
  outline: none;
}
.rpt-row-click:focus td {
  background: #eff6ff;
}

.rpt-analytics .rpt-panel {
  border-radius: 12px;
  box-shadow: 0 1px 2px rgba(15, 23, 42, .04);
}

.rpt-ops-panel {
  margin-bottom: 1rem;
}
.rpt-compare-hero {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: .85rem;
  margin-bottom: 1.1rem;
}
.rpt-compare-card {
  display: grid;
  gap: .3rem;
  padding: 1.1rem 1.15rem;
  border: 1px solid #e2e8f0;
  border-radius: 12px;
  background: #fff;
}
.rpt-compare-card.is-prev {
  background: #f8fafc;
}
.rpt-compare-card.is-now {
  border-color: #cbd5e1;
  box-shadow: 0 1px 2px rgba(15, 23, 42, .05);
}
.rpt-compare-card.is-delta {
  border-color: #fecaca;
  background: #fff7f7;
}
.rpt-compare-meta {
  margin-top: .15rem;
  font-size: .78rem;
  color: #64748b;
}
.rpt-kpi-value.is-up { color: #059669; }
.rpt-kpi-value.is-down { color: #C01018; }
.rpt-compare-title {
  margin: 0 0 .55rem;
  font-size: .82rem;
  font-weight: 700;
  color: #334155;
}
.rpt-compare-table-wrap {
  margin-bottom: 1rem;
}
.rpt-compare-table th,
.rpt-compare-table td {
  vertical-align: middle;
}
.rpt-compare-table .rpt-num.is-up { color: #059669; font-weight: 700; }
.rpt-compare-table .rpt-num.is-down { color: #C01018; font-weight: 700; }
.rpt-type-dot {
  display: inline-block;
  width: .55rem;
  height: .55rem;
  border-radius: 999px;
  margin-right: .45rem;
  vertical-align: middle;
}
.rpt-ops-extra {
  margin-top: .25rem;
}

@media (max-width: 1100px) {
  .rpt-kpi-hero {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .rpt-analytics-mid {
    grid-template-columns: 1fr;
  }
  .rpt-compare-hero {
    grid-template-columns: 1fr;
  }
}
@media (max-width: 900px) {
  .rpt-analytics-main {
    grid-template-columns: 1fr;
  }
}
@media (max-width: 640px) {
  .rpt-kpi-hero {
    grid-template-columns: 1fr;
  }
  .rpt-kpi-value { font-size: 1.35rem; }
}

/* ── Aidat raporları — premium dashboard (dr-dash) ── */
.dr-dash {
  --dr-radius: 4px;
  display: flex;
  flex-direction: column;
  gap: 1.1rem;
  animation: drFadeIn .45s ease-out;
}
@keyframes drFadeIn {
  from { opacity: 0; transform: translateY(6px); }
  to { opacity: 1; transform: translateY(0); }
}
.dr-dash-loading {
  min-height: 280px;
  display: grid;
  place-items: center;
}
.dr-loading-card {
  display: grid;
  gap: .5rem;
  justify-items: center;
  padding: 2rem;
  color: #64748b;
  font-size: .88rem;
}
.dr-loading-card strong { color: #0f172a; font-size: 1rem; }
.dr-dash-head {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  justify-content: space-between;
  gap: .85rem 1.25rem;
}
.dr-dash-kicker {
  margin: 0;
  font-size: var(--text-xs);
  font-weight: var(--fw-bold);
  letter-spacing: var(--tracking-wide);
  text-transform: uppercase;
  color: #94a3b8;
}
.dr-dash-head h1 {
  margin: .15rem 0 0;
  font-size: var(--text-2xl);
  font-weight: var(--fw-extrabold);
  letter-spacing: var(--tracking-tight);
  color: #0f172a;
}
.dr-dash-sub {
  margin: .25rem 0 0;
  font-size: var(--text-sm);
  color: #64748b;
  font-weight: var(--fw-medium);
}
.dr-dash-actions {
  display: flex;
  flex-wrap: wrap;
  gap: .5rem;
}
.dr-btn {
  transition: transform .15s ease, box-shadow .15s ease, background .15s ease;
}
.dr-btn:hover { transform: translateY(-1px); }
.dr-btn:active { transform: translateY(0); }
.dr-btn-export i { margin-right: .35rem; }

.dr-filter {
  padding: 1rem 1.1rem;
  border: 1px solid #e8edf3;
  border-radius: 14px;
  background: #fff;
  box-shadow: 0 1px 3px rgba(15, 23, 42, .04);
}
.dr-filter-grid {
  display: grid;
  grid-template-columns: minmax(0, 1.2fr) minmax(8rem, 10rem) auto;
  gap: 1rem 1.25rem;
  align-items: end;
}
.dr-filter-field { display: grid; gap: .4rem; }
.dr-filter-label {
  font-size: .7rem;
  font-weight: 700;
  letter-spacing: .05em;
  text-transform: uppercase;
  color: #94a3b8;
}
.dr-filter-select {
  border: 1px solid #e2e8f0;
  border-radius: 8px;
  padding: .5rem .65rem;
  font: inherit;
  font-size: .84rem;
  font-weight: 600;
  color: #0f172a;
  background: #f8fafc;
  transition: border-color .15s ease, box-shadow .15s ease;
}
.dr-filter-select:focus {
  outline: none;
  border-color: #1e3a5f;
  box-shadow: 0 0 0 3px rgba(30, 58, 95, .12);
}
.dr-filter-actions {
  display: flex;
  flex-wrap: wrap;
  gap: .5rem;
  justify-content: flex-end;
}
.dr-filter-note {
  margin: .75rem 0 0;
  font-size: .78rem;
  color: #94a3b8;
}

.dr-seg {
  display: inline-flex;
  border: 1px solid #e2e8f0;
  border-radius: 8px;
  overflow: hidden;
  background: #f8fafc;
}
.dr-seg button {
  margin: 0;
  border: 0;
  border-right: 1px solid #e2e8f0;
  background: transparent;
  padding: .4rem .75rem;
  font: inherit;
  font-size: .76rem;
  font-weight: 650;
  color: #64748b;
  cursor: pointer;
  transition: background .15s ease, color .15s ease;
}
.dr-seg button:last-child { border-right: 0; }
.dr-seg button:hover { background: #fff; color: #1e3a5f; }
.dr-seg button.is-active {
  background: #fff;
  color: #1e3a5f;
  box-shadow: inset 0 0 0 1px rgba(30, 58, 95, .15);
  font-weight: 750;
}

.dr-stats {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: .85rem;
}
.dr-stat-card {
  padding: 1rem 1.05rem  .65rem;
  border: 1px solid #e8edf3;
  border-radius: 14px;
  background: #fff;
  box-shadow: 0 2px 8px rgba(15, 23, 42, .04);
  display: grid;
  gap: .3rem;
  animation: drCardIn .55s ease-out both;
  transition: box-shadow .2s ease, transform .2s ease;
}
.dr-stat-card:hover {
  box-shadow: 0 6px 18px rgba(15, 23, 42, .07);
  transform: translateY(-2px);
}
@keyframes drCardIn {
  from { opacity: 0; transform: translateY(12px); }
  to { opacity: 1; transform: translateY(0); }
}
.dr-stat-head {
  display: flex;
  justify-content: space-between;
  align-items: baseline;
  gap: .5rem;
}
.dr-stat-label {
  font-size: .7rem;
  font-weight: 700;
  letter-spacing: .04em;
  text-transform: uppercase;
  color: #64748b;
}
.dr-stat-year {
  font-size: .68rem;
  font-weight: 700;
  color: #94a3b8;
}
.dr-stat-value {
  font-size: 1.45rem;
  font-weight: 780;
  letter-spacing: -.03em;
  color: #1e3a5f;
  font-variant-numeric: tabular-nums;
  line-height: 1.15;
}
.dr-stat-value--odenen { color: #059669; }
.dr-stat-value--kalan { color: #C01018; }
.dr-stat-value--rate { color: #1e3a5f; }
.dr-stat-delta {
  font-size: .72rem;
  font-weight: 650;
}
.dr-stat-delta--up { color: #059669; }
.dr-stat-delta--down { color: #C01018; }
.dr-stat-delta--muted { color: #94a3b8; }
.dr-stat-spark { margin-top: .15rem; min-height: 48px; }

.dr-main-grid {
  display: grid;
  grid-template-columns: minmax(0, 1.65fr) minmax(280px, .9fr);
  gap: 1rem;
  align-items: stretch;
}

.dr-chart,
.dr-donut,
.dr-table,
.dr-ops {
  border: 1px solid #e8edf3;
  border-radius: 14px;
  background: #fff;
  box-shadow: 0 2px 8px rgba(15, 23, 42, .04);
  padding: 1rem 1.1rem;
}
.dr-chart-head {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  justify-content: space-between;
  gap: .65rem 1rem;
  margin-bottom: .85rem;
}
.dr-chart-head h4 {
  margin: 0;
  font-size: .95rem;
  font-weight: 750;
  color: #0f172a;
}
.dr-chart-desc {
  margin: .2rem 0 0;
  font-size: .78rem;
  color: #94a3b8;
  font-weight: 500;
}
.dr-chart-tools {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: .55rem .75rem;
}
.dr-metric-toggles {
  display: flex;
  flex-wrap: wrap;
  gap: .35rem;
}
.dr-metric-chip {
  display: inline-flex;
  align-items: center;
  gap: .35rem;
  margin: 0;
  border: 1px solid #e2e8f0;
  border-radius: 999px;
  background: #f8fafc;
  padding: .28rem .6rem;
  font: inherit;
  font-size: .72rem;
  font-weight: 650;
  color: #64748b;
  cursor: pointer;
  transition: all .15s ease;
}
.dr-metric-chip i {
  width: .45rem;
  height: .45rem;
  border-radius: 2px;
  background: var(--chip-color, #94a3b8);
  opacity: .45;
}
.dr-metric-chip.is-on {
  background: #fff;
  border-color: color-mix(in srgb, var(--chip-color) 40%, #e2e8f0);
  color: #0f172a;
}
.dr-metric-chip.is-on i { opacity: 1; }
.dr-loading { font-size: .76rem; color: #94a3b8; }
.dr-chart-body {
  min-height: 340px;
  width: 100%;
  min-width: 0;
  overflow: hidden;
}

.dr-tooltip {
  background: #0f172a;
  color: #f8fafc;
  border-radius: 10px;
  padding: .65rem .75rem;
  font-size: .78rem;
  box-shadow: 0 8px 24px rgba(15, 23, 42, .25);
  min-width: 10rem;
}
.dr-tooltip-year {
  display: block;
  font-size: .82rem;
  margin-bottom: .45rem;
}
.dr-tooltip-grid {
  margin: 0;
  display: grid;
  gap: .35rem;
}
.dr-tooltip-grid > div {
  display: flex;
  justify-content: space-between;
  gap: 1rem;
}
.dr-tooltip-grid dt {
  color: #94a3b8;
  font-weight: 600;
}
.dr-tooltip-grid dd {
  margin: 0;
  font-weight: 700;
  font-variant-numeric: tabular-nums;
}
.dr-tooltip-grid dd.is-ok { color: #34d399; }
.dr-tooltip-grid dd.is-warn { color: #f87171; }
.dr-tooltip-compact {
  display: grid;
  gap: .2rem;
}

.dr-donut-body {
  display: flex;
  flex-wrap: wrap;
  gap: 1rem 1.25rem;
  align-items: center;
}
.dr-donut-visual {
  position: relative;
  flex: 0 0 200px;
  width: 200px;
  height: 200px;
  max-width: 100%;
  overflow: hidden;
}
.dr-donut-center {
  position: absolute;
  inset: 0;
  display: grid;
  place-content: center;
  text-align: center;
  pointer-events: none;
}
.dr-donut-center strong {
  font-size: 1.35rem;
  font-weight: 780;
  color: #1e3a5f;
}
.dr-donut-center span {
  font-size: .68rem;
  font-weight: 700;
  letter-spacing: .05em;
  text-transform: uppercase;
  color: #94a3b8;
}
.dr-donut-legend {
  flex: 1;
  min-width: 9rem;
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  gap: .85rem;
}
.dr-donut-legend li {
  display: grid;
  grid-template-columns: auto 1fr;
  gap: .6rem;
  align-items: start;
}
.dr-donut-legend i {
  width: .55rem;
  height: .55rem;
  border-radius: 3px;
  margin-top: .35rem;
}
.dr-donut-legend-copy {
  display: grid;
  gap: .12rem;
}
.dr-donut-legend-copy strong {
  font-size: .84rem;
  color: #0f172a;
}
.dr-donut-legend-copy span {
  font-size: .78rem;
  color: #64748b;
  font-weight: 650;
  font-variant-numeric: tabular-nums;
}
.dr-status {
  font-size: .7rem;
  font-weight: 750;
  letter-spacing: .04em;
  text-transform: uppercase;
  padding: .28rem .55rem;
  border-radius: 999px;
}
.dr-status--good { background: #ecfdf5; color: #059669; }
.dr-status--mid { background: #fffbeb; color: #d97706; }
.dr-status--bad { background: #fff1f2; color: #C01018; }
.dr-insights {
  margin: .85rem 0 0;
  padding: .75rem 0 0;
  border-top: 1px solid #f1f5f9;
  list-style: none;
  display: grid;
  gap: .35rem;
}
.dr-insights li {
  font-size: .78rem;
  color: #64748b;
  line-height: 1.4;
}

.dr-table-meta {
  font-size: .76rem;
  font-weight: 650;
  color: #94a3b8;
}
.dr-table-scroll {
  max-height: 420px;
  overflow: auto;
  border: 1px solid #f1f5f9;
  border-radius: 10px;
}
.dr-table-grid {
  width: 100%;
  border-collapse: collapse;
  font-size: .8rem;
}
.dr-table-grid thead {
  position: sticky;
  top: 0;
  z-index: 2;
}
.dr-table-grid th {
  background: #f8fafc;
  color: #64748b;
  font-size: .7rem;
  font-weight: 700;
  letter-spacing: .03em;
  text-transform: uppercase;
  padding: .65rem .75rem;
  border-bottom: 1px solid #e8edf3;
  white-space: nowrap;
}
.dr-table-grid td {
  padding: .6rem .75rem;
  border-bottom: 1px solid #f1f5f9;
  color: #334155;
  transition: background .12s ease;
}
.dr-table-grid tbody tr {
  cursor: pointer;
}
.dr-table-grid tbody tr:hover td {
  background: #f8fafc;
}
.dr-table-grid tbody tr.is-selected td {
  background: #fff5f5;
}
.dr-table-grid tbody tr.is-selected td:first-child strong {
  color: #C01018;
}
.dr-table-grid tfoot td {
  background: #f8fafc;
  font-weight: 700;
  border-top: 2px solid #e2e8f0;
}
.dr-num {
  text-align: right;
  font-variant-numeric: tabular-nums;
  white-space: nowrap;
}
.dr-num-ok { color: #059669; font-weight: 650; }
.dr-num-warn { color: #C01018; font-weight: 650; }
.dr-table-empty { padding: 1rem 0; }

.dr-ops { padding: 0; overflow: hidden; }
.dr-ops > summary {
  padding: .85rem 1.1rem;
  font-weight: 650;
  cursor: pointer;
  list-style: none;
}
.dr-ops > summary::-webkit-details-marker { display: none; }
.dr-ops-inner {
  padding: 0 1.1rem 1.1rem;
  min-width: 0;
}

@media (max-width: 1100px) {
  .dr-stats:not(.mem-transitions-stats) { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .dr-main-grid { grid-template-columns: 1fr; }
  .dr-filter-grid { grid-template-columns: 1fr 1fr; }
  .dr-filter-actions { grid-column: 1 / -1; justify-content: flex-start; }
}
@media (max-width: 640px) {
  .dr-stats:not(.mem-transitions-stats),
  .dr-filter-grid { grid-template-columns: 1fr; }
  .dr-chart-tools { width: 100%; }
  .dr-stat-value { font-size: 1.25rem; }
}

.dr-filter {
  padding: 1rem 1.15rem;
  border: 1px solid #e8edf3;
  border-radius: 14px;
  background: linear-gradient(180deg, #fff 0%, #fafbfd 100%);
  box-shadow: 0 1px 3px rgba(15, 23, 42, .04);
}
.dr-filter-top {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: .65rem 1rem;
  margin-bottom: .9rem;
  padding-bottom: .75rem;
  border-bottom: 1px solid #f1f5f9;
}
.dr-filter-title {
  display: flex;
  align-items: center;
  gap: .65rem;
}
.dr-filter-icon {
  width: 2rem;
  height: 2rem;
  border-radius: 8px;
  background: #eef2f7;
  color: #1e3a5f;
  display: grid;
  place-items: center;
  font-size: .82rem;
}
.dr-filter-title strong {
  display: block;
  font-size: .88rem;
  font-weight: 750;
  color: #0f172a;
  line-height: 1.2;
}
.dr-filter-scope-label {
  display: block;
  font-size: .74rem;
  font-weight: 600;
  color: #94a3b8;
  margin-top: .1rem;
}
.dr-filter-active-pill {
  display: inline-flex;
  align-items: center;
  gap: .4rem;
  padding: .35rem .7rem;
  border-radius: 999px;
  background: #eef2f7;
  color: #1e3a5f;
  font-size: .74rem;
  font-weight: 700;
}
.dr-filter-row {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  gap: 1rem 1.5rem;
}
.dr-filter-group {
  display: grid;
  gap: .45rem;
  min-width: 0;
}
.dr-filter-group--year {
  flex: 0 0 auto;
  min-width: 9rem;
}
.dr-filter-divider {
  width: 1px;
  height: 2.25rem;
  background: #e8edf3;
  align-self: flex-end;
  margin-bottom: .15rem;
}
.dr-filter-label {
  font-size: .68rem;
  font-weight: 700;
  letter-spacing: .06em;
  text-transform: uppercase;
  color: #94a3b8;
}
.dr-filter-pills {
  display: inline-flex;
  flex-wrap: wrap;
  gap: .4rem;
}
.dr-filter-pill {
  margin: 0;
  border: 1px solid #e2e8f0;
  border-radius: 999px;
  background: #fff;
  padding: .45rem .85rem;
  font: inherit;
  font-size: .8rem;
  font-weight: 650;
  color: #64748b;
  cursor: pointer;
  white-space: nowrap;
  transition: background .15s ease, border-color .15s ease, color .15s ease, box-shadow .15s ease;
}
.dr-filter-pill:hover {
  border-color: #cbd5e1;
  color: #1e3a5f;
}
.dr-filter-pill.is-active {
  background: #1e3a5f;
  border-color: #1e3a5f;
  color: #fff;
  box-shadow: 0 2px 8px rgba(30, 58, 95, .22);
}
.dr-filter-select-wrap {
  position: relative;
  display: flex;
  align-items: center;
}
.dr-filter-select-wrap > i {
  position: absolute;
  left: .65rem;
  font-size: .75rem;
  color: #94a3b8;
  pointer-events: none;
}
.dr-filter-select {
  width: 100%;
  min-width: 7.5rem;
  border: 1px solid #e2e8f0;
  border-radius: 10px;
  padding: .52rem .65rem .52rem 2rem;
  font: inherit;
  font-size: .84rem;
  font-weight: 650;
  color: #0f172a;
  background: #fff;
  transition: border-color .15s ease, box-shadow .15s ease;
  appearance: none;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%2394a3b8' d='M6 8L1 3h10z'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right .65rem center;
  padding-right: 1.75rem;
}
.dr-filter-select:focus {
  outline: none;
  border-color: #1e3a5f;
  box-shadow: 0 0 0 3px rgba(30, 58, 95, .12);
}
.dr-filter-note {
  display: flex;
  align-items: flex-start;
  gap: .45rem;
  margin: .85rem 0 0;
  padding: .65rem .75rem;
  border-radius: 8px;
  background: #f8fafc;
  border: 1px solid #f1f5f9;
  font-size: .76rem;
  line-height: 1.45;
  color: #64748b;
}
.dr-filter-note i {
  color: #94a3b8;
  margin-top: .12rem;
  flex-shrink: 0;
}

.dr-filter-badges {
  display: flex;
  flex-wrap: wrap;
  gap: .4rem;
  justify-content: flex-end;
}
.dr-filter-active-pill.is-accent {
  background: #eef2f7;
  color: #1e3a5f;
  border: 1px solid #dbe3ef;
}
.dr-filter-grid {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: .85rem 1rem;
  align-items: end;
}
.dr-filter-foot {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  justify-content: space-between;
  gap: .65rem;
  margin-top: .85rem;
  padding-top: .75rem;
  border-top: 1px solid #f1f5f9;
}
.dr-filter-foot .dr-filter-note {
  margin: 0;
  padding: 0;
  border: 0;
  background: transparent;
  flex: 1;
  min-width: 12rem;
}
.dr-filter-clear {
  margin: 0;
  border: 0;
  background: transparent;
  color: #1e3a5f;
  font: inherit;
  font-size: .76rem;
  font-weight: 700;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  gap: .35rem;
  padding: .25rem .35rem;
  border-radius: 6px;
  transition: background .15s ease;
}
.dr-filter-clear:hover {
  background: #eef2f7;
}
.dr-filter-pill:disabled {
  opacity: .45;
  cursor: not-allowed;
}

.dr-filter-group {
  display: grid;
  gap: .45rem;
  min-width: 0;
}
.dr-filter-label {
  font-size: .68rem;
  font-weight: 700;
  letter-spacing: .06em;
  text-transform: uppercase;
  color: #94a3b8;
}

/* ── Aidat raporları — premium dashboard (dr-dash) ── */
.dr-dash {
  --dr-radius: 4px;
  display: flex;
  flex-direction: column;
  gap: 1.1rem;
  animation: drFadeIn .45s ease-out;
}

.dr-filter {
  padding: 1rem 1.15rem;
  border: 1px solid #e8edf3;
  border-radius: var(--dr-radius);
  background: linear-gradient(180deg, #fff 0%, #fafbfd 100%);
  box-shadow: 0 1px 3px rgba(15, 23, 42, .04);
}

.dr-filter-icon {
  width: 2rem;
  height: 2rem;
  border-radius: var(--dr-radius);
  background: #eef2f7;
  color: #1e3a5f;
  display: grid;
  place-items: center;
  font-size: .82rem;
}

.dr-filter-pill {
  margin: 0;
  border: 1px solid #e2e8f0;
  border-radius: var(--dr-radius);
  background: #fff;
  padding: .45rem .85rem;
  font: inherit;
  font-size: .8rem;
  font-weight: 650;
  color: #64748b;
  cursor: pointer;
  white-space: nowrap;
  transition: background .15s ease, border-color .15s ease, color .15s ease, box-shadow .15s ease;
}

.dr-table-scroll {
  max-height: 420px;
  overflow: auto;
  border: 1px solid #f1f5f9;
  border-radius: var(--dr-radius);
}

.dr-filter-grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 0.95fr) minmax(0, 1.05fr) minmax(0, 1.05fr) minmax(0, 1.25fr);
  gap: .85rem 1rem;
  align-items: end;
  width: 100%;
}

.dr-filter-group {
  display: grid;
  gap: .45rem;
  min-width: 0;
  width: 100%;
}

.dr-filter-pills {
  display: flex;
  width: 100%;
  gap: 0;
  border: 1px solid #e2e8f0;
  border-radius: var(--dr-radius);
  overflow: hidden;
  background: #fff;
}
.dr-filter-pill {
  flex: 1 1 0;
  min-width: 0;
  margin: 0;
  border: 0;
  border-right: 1px solid #e2e8f0;
  border-radius: 0;
  background: #fff;
  padding: .52rem .55rem;
  font: inherit;
  font-size: .78rem;
  font-weight: 650;
  color: #64748b;
  cursor: pointer;
  white-space: nowrap;
  text-align: center;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  transition: background .15s ease, border-color .15s ease, color .15s ease, box-shadow .15s ease;
}
.dr-filter-pill:last-child {
  border-right: 0;
}

.dr-filter-pill.is-active {
  background: #1e3a5f;
  border-color: #1e3a5f;
  color: #fff;
  box-shadow: none;
}
.dr-filter-select-wrap {
  position: relative;
  display: flex;
  align-items: center;
  width: 100%;
}

@media (max-width: 640px) {
  .dr-stats { grid-template-columns: 1fr; }
  .dr-chart-tools { width: 100%; }
  .dr-stat-value { font-size: 1.25rem; }
  .dr-filter-pill { font-size: .74rem; padding: .5rem .4rem; }
  .mr-breakdown-grid { grid-template-columns: 1fr; }
}

/* ── Üye raporları ek paneller (mr-*) ── */
.mr-breakdown-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 1rem;
}
.mr-bar-list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  gap: .55rem;
}
.mr-bar-row {
  display: grid;
  grid-template-columns: minmax(0, 1.1fr) minmax(0, 1.4fr) auto;
  gap: .5rem;
  align-items: center;
}
.mr-bar-label {
  font-size: .78rem;
  font-weight: 650;
  color: #334155;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.mr-bar-track {
  height: 8px;
  background: #f1f5f9;
  border-radius: var(--dr-radius);
  overflow: hidden;
}
.mr-bar-fill {
  height: 100%;
  border-radius: var(--dr-radius);
  transition: width .35s ease;
}
.mr-bar-val {
  font-size: .78rem;
  font-weight: 750;
  color: #0f172a;
  font-variant-numeric: tabular-nums;
}
.mr-compare-hero {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: .75rem;
  margin-top: .5rem;
}
.mr-compare-card {
  padding: .85rem 1rem;
  border: 1px solid #e8edf3;
  border-radius: var(--dr-radius);
  background: #f8fafc;
  display: grid;
  gap: .2rem;
}
.mr-compare-card.is-accent {
  background: #fff;
  border-color: #dbe3ef;
  box-shadow: 0 2px 8px rgba(15, 23, 42, .04);
}
.mr-compare-meta {
  font-size: .72rem;
  color: #94a3b8;
  font-weight: 600;
}
.mr-fahri-list {
  list-style: none;
  margin: .5rem 0 0;
  padding: 0;
  display: grid;
  gap: .35rem;
  font-size: .8rem;
}
.mr-fahri-list li {
  display: flex;
  justify-content: space-between;
  gap: 1rem;
  padding: .35rem 0;
  border-bottom: 1px solid #f1f5f9;
}
.mr-fahri-list strong {
  font-variant-numeric: tabular-nums;
  color: #059669;
}
@media (max-width: 900px) {
  .mr-compare-hero { grid-template-columns: 1fr; }
  .mr-breakdown-grid { grid-template-columns: 1fr; }
}

.dr-insights li {
  font-size: .78rem;
  color: #64748b;
  line-height: 1.4;
}

/* Üye tipi dağılımı — hero donut */
.dr-type-donut .dr-chart-head {
  align-items: flex-start;
}
.dr-type-head-badges {
  display: flex;
  flex-wrap: wrap;
  gap: .4rem;
  justify-content: flex-end;
}
.dr-type-top-pill {
  display: inline-flex;
  align-items: center;
  padding: .28rem .55rem;
  border-radius: var(--dr-radius);
  background: #eef2f7;
  color: #1e3a5f;
  font-size: .72rem;
  font-weight: 700;
  border: 1px solid #dbe3ef;
}
.dr-status--live {
  display: inline-flex;
  align-items: center;
  gap: .35rem;
}
.dr-status--live > i {
  width: .45rem;
  height: .45rem;
  border-radius: 50%;
  background: #059669;
  box-shadow: 0 0 0 3px rgba(5, 150, 105, .18);
}
.dr-type-donut-body {
  align-items: stretch;
}
.dr-type-donut-visual {
  flex: 0 0 220px;
  width: 220px;
  height: 220px;
  max-width: 100%;
  overflow: hidden;
}
.dr-type-donut-center strong {
  font-size: 1.5rem;
  letter-spacing: -.02em;
}
.dr-type-legend {
  gap: .75rem;
  align-content: center;
}
.dr-type-legend li {
  display: grid;
  gap: .35rem;
  padding: .55rem .65rem;
  border: 1px solid #f1f5f9;
  border-radius: var(--dr-radius);
  background: #fafbfd;
  cursor: default;
  transition: border-color .15s ease, background .15s ease, opacity .15s ease;
}
.dr-type-legend li.is-active {
  border-color: #dbe3ef;
  background: #fff;
  box-shadow: 0 1px 4px rgba(15, 23, 42, .04);
}
.dr-type-legend li.is-muted {
  opacity: .55;
}
.dr-type-legend-top {
  display: grid;
  grid-template-columns: auto 1fr auto;
  gap: .5rem;
  align-items: center;
}
.dr-type-legend-dot {
  width: .55rem;
  height: .55rem;
  border-radius: 2px;
  flex-shrink: 0;
}
.dr-type-legend-top strong {
  font-size: .82rem;
  font-weight: 700;
  color: #0f172a;
}
.dr-type-legend-top em {
  font-style: normal;
  font-size: .8rem;
  font-weight: 750;
  color: #1e3a5f;
  font-variant-numeric: tabular-nums;
}
.dr-type-legend-bar {
  height: 6px;
  border-radius: var(--dr-radius);
  background: #eef2f7;
  overflow: hidden;
}
.dr-type-legend-bar-fill {
  height: 100%;
  border-radius: var(--dr-radius);
  transition: width .5s ease;
}
.dr-type-legend-pct {
  font-size: .72rem;
  font-weight: 700;
  color: #94a3b8;
  letter-spacing: .02em;
}
.dr-type-insights {
  display: grid;
  gap: .5rem;
  margin-top: .85rem;
  padding-top: .85rem;
  border-top: 1px solid #f1f5f9;
}
.dr-type-insight {
  display: grid;
  grid-template-columns: auto 1fr;
  gap: .6rem;
  align-items: start;
  padding: .55rem .65rem;
  border: 1px solid #f1f5f9;
  border-radius: var(--dr-radius);
  background: linear-gradient(180deg, #fff 0%, #fafbfd 100%);
}
.dr-type-insight-ico {
  width: 1.65rem;
  height: 1.65rem;
  border-radius: var(--dr-radius);
  background: #eef2f7;
  color: #1e3a5f;
  display: grid;
  place-items: center;
  font-size: .72rem;
  flex-shrink: 0;
}
.dr-type-insight p {
  margin: 0;
  font-size: .78rem;
  line-height: 1.45;
  color: #64748b;
  font-weight: 550;
}
.dr-type-empty {
  padding: 2rem 0;
  text-align: center;
}
@media (max-width: 900px) {
  .dr-type-donut-visual {
    flex: 1 1 100%;
    max-width: 240px;
    margin: 0 auto;
  }
}

@media (max-width: 900px) {
  .sr-ops-kpis { grid-template-columns: 1fr; }
}

/* LMS raporları — ops + legacy panel */
.lr-ops-grid,
.lr-ops-kpis,
.lr-ops-kpi,
.lr-ops-block,
.lr-ops-list,
.lr-ops-divider {
  /* reuse store report ops styles */
}
.lr-ops-grid { display: grid; gap: 1.25rem; }
.lr-ops-kpis { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: .75rem; }
.lr-ops-kpi {
  padding: .85rem 1rem;
  border: 1px solid #e8edf3;
  border-radius: var(--dr-radius, 4px);
  background: #fafbfd;
}
.lr-ops-block h5 {
  margin: 0 0 .5rem;
  font-size: .82rem;
  font-weight: 700;
  color: #334155;
}
.lr-ops-list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  gap: .35rem;
}
.lr-ops-list li {
  display: flex;
  justify-content: space-between;
  gap: 1rem;
  padding: .4rem 0;
  border-bottom: 1px solid #f1f5f9;
  font-size: .8rem;
}
.lr-ops-list li span:last-child {
  font-variant-numeric: tabular-nums;
  color: #64748b;
  font-weight: 600;
  text-align: right;
}
.lr-ops-divider {
  border: 0;
  border-top: 1px solid #e8edf3;
  margin: 1.25rem 0;
}
.lr-legacy .lms-report-hub { margin-top: 0; }
@media (max-width: 900px) {
  .lr-ops-kpis { grid-template-columns: 1fr; }
}

.dr-filter-range-row {
  margin-top: .85rem;
  padding-top: .85rem;
  border-top: 1px solid #eef2f7;
  display: grid;
  gap: .55rem;
}
.dr-date-range {
  display: grid;
  gap: .65rem;
}
.dr-date-range-presets {
  display: flex;
  flex-wrap: wrap;
  gap: .35rem;
}
.dr-date-range-presets .dr-filter-pill {
  flex: 0 1 auto;
  min-width: 0;
  padding: .4rem .65rem;
}
.dr-date-range-inputs {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: .65rem;
}
.dr-date-range-inputs label {
  display: grid;
  gap: .3rem;
  font-size: .72rem;
  font-weight: 600;
  color: #64748b;
  text-transform: uppercase;
  letter-spacing: .03em;
}
.dr-date-range-inputs input[type='date'] {
  width: 100%;
  padding: .45rem .55rem;
  border: 1px solid #dbe3ef;
  border-radius: var(--dr-radius, 4px);
  font-size: .82rem;
  background: #fff;
}
@media (max-width: 900px) {
  .dr-date-range-inputs { grid-template-columns: 1fr; }
}

/* LMS raporları — ops + legacy panel */

.dr-donut-visual {
  position: relative;
  flex: 0 0 200px;
  width: 200px;
  height: 200px;
  max-width: 100%;
  overflow: hidden;
}
.dr-donut-ring {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 164px;
  height: 164px;
  transform: translate(-50%, -50%);
  border-radius: 50%;
  background: var(--donut-color, #059669);
  -webkit-mask: radial-gradient(circle, transparent 58px, #000 58.5px);
  mask: radial-gradient(circle, transparent 58px, #000 58.5px);
}
.dr-donut-ring--empty {
  background: #e5e7eb;
}

.dr-type-donut-visual {
  flex: 0 0 220px;
  width: 220px;
  height: 220px;
  max-width: 100%;
  overflow: hidden;
  position: relative;
}
.dr-type-donut-visual .dr-donut-ring {
  width: 176px;
  height: 176px;
  -webkit-mask: radial-gradient(circle, transparent 62px, #000 62.5px);
  mask: radial-gradient(circle, transparent 62px, #000 62.5px);
}

.dr-type-donut-body {
  align-items: stretch;
}
.dr-type-legend {
  flex: 1;
  min-width: 11rem;
  gap: .75rem;
  align-content: center;
}

@media (max-width: 900px) {
  .co-ops-kpis { grid-template-columns: 1fr; }
}

/* ── Operasyon Merkezi panel (/panel) — dr-dash görsel dili ── */
.ops-panel-dash {
  --dr-radius: 4px;
}
.ops-panel-head {
  align-items: flex-start;
}
.ops-panel-head-meta {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: .5rem;
}
.ops-panel-head-pill {
  display: inline-flex;
  align-items: center;
  padding: .35rem .65rem;
  border-radius: var(--dr-radius);
  border: 1px solid #e2e8f0;
  background: #f8fafc;
  font-size: .72rem;
  font-weight: 700;
  color: #475569;
  text-decoration: none !important;
}
a.ops-panel-head-pill:hover {
  border-color: #cbd5e1;
  color: #0f172a;
  background: #fff;
}
.ops-panel-live {
  display: inline-flex;
  align-items: center;
  gap: .4rem;
  padding: .3rem .55rem;
  border-radius: var(--dr-radius);
  border: 1px solid #bbf7d0;
  background: #f0fdf4;
  font-size: .66rem;
  font-weight: 800;
  letter-spacing: .06em;
  color: #047857;
}
.ops-panel-live i {
  width: .45rem;
  height: .45rem;
  border-radius: 50%;
  background: #059669;
  box-shadow: 0 0 0 3px rgba(5, 150, 105, .18);
}
.ops-panel-stats {
  display: flex;
  flex-wrap: nowrap;
  gap: .7rem;
  overflow-x: auto;
  padding-bottom: 2px;
}
.ops-panel-kpi-link {
  display: block;
  text-decoration: none !important;
  color: inherit;
  min-width: 12rem;
  flex: 1 1 0;
}
.ops-panel-kpi {
  position: relative;
  display: grid;
  gap: .45rem;
  min-height: 7.25rem;
  min-width: 0;
  padding: .8rem .85rem .85rem;
  border: 1px solid #e8edf3;
  border-radius: 8px;
  background:
    linear-gradient(180deg, #fff 0%, #fbfcfe 100%);
  box-shadow: 0 1px 2px rgba(15, 23, 42, .04), 0 8px 20px rgba(15, 23, 42, .04);
  overflow: hidden;
  animation: drCardIn .55s ease-out both;
  transition: box-shadow .2s ease, transform .2s ease, border-color .2s ease;
}
.ops-panel-kpi::before {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 3px;
  background: #1e3a5f;
}
.ops-panel-kpi--green::before { background: #059669; }
.ops-panel-kpi--purple::before { background: #7c3aed; }
.ops-panel-kpi--warn::before { background: #C01018; }
.ops-panel-kpi--accent::before { background: #0e7490; }
.ops-panel-kpi-link:hover .ops-panel-kpi {
  border-color: #cbd5e1;
  box-shadow: 0 4px 12px rgba(15, 23, 42, .08), 0 12px 28px rgba(15, 23, 42, .06);
  transform: translateY(-2px);
}
.ops-panel-kpi-link:hover .ops-panel-kpi-arrow {
  opacity: 1;
  transform: translateX(0);
  color: #0f172a;
}
.ops-panel-kpi-top {
  display: flex;
  align-items: flex-start;
  gap: .7rem;
}
.ops-panel-kpi-ico {
  width: 2.35rem;
  height: 2.35rem;
  border-radius: 7px;
  display: grid;
  place-items: center;
  flex: 0 0 auto;
  font-size: .9rem;
  background: rgba(30, 58, 95, .1);
  color: #1e3a5f;
}
.ops-panel-kpi--green .ops-panel-kpi-ico {
  background: rgba(5, 150, 105, .12);
  color: #059669;
}
.ops-panel-kpi--purple .ops-panel-kpi-ico {
  background: rgba(124, 58, 237, .12);
  color: #7c3aed;
}
.ops-panel-kpi--warn .ops-panel-kpi-ico {
  background: rgba(192, 16, 24, .1);
  color: #C01018;
}
.ops-panel-kpi--accent .ops-panel-kpi-ico {
  background: rgba(14, 116, 144, .12);
  color: #0e7490;
}
.ops-panel-kpi-head {
  display: grid;
  gap: .28rem;
  min-width: 0;
  flex: 1;
  padding-top: .1rem;
}
.ops-panel-kpi-label {
  font-size: .7rem;
  font-weight: 750;
  letter-spacing: .04em;
  text-transform: uppercase;
  color: #64748b;
  line-height: 1.2;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.ops-panel-kpi-badge {
  justify-self: start;
  padding: .18rem .45rem;
  border-radius: 4px;
  border: 1px solid #e2e8f0;
  background: #f8fafc;
  font-size: .64rem;
  font-weight: 700;
  color: #64748b;
  line-height: 1.2;
}
.ops-panel-kpi-value {
  font-size: clamp(1.05rem, 1.55vw, 1.35rem);
  font-weight: 780;
  letter-spacing: -.03em;
  color: #1e3a5f;
  font-variant-numeric: tabular-nums;
  line-height: 1.1;
  padding-left: .05rem;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.ops-panel-kpi--green .ops-panel-kpi-value { color: #059669; }
.ops-panel-kpi--purple .ops-panel-kpi-value { color: #7c3aed; }
.ops-panel-kpi--warn .ops-panel-kpi-value { color: #C01018; }
.ops-panel-kpi--accent .ops-panel-kpi-value { color: #0e7490; }
.ops-panel-kpi-hint {
  font-size: .72rem;
  font-weight: 600;
  color: #94a3b8;
  line-height: 1.35;
  padding-right: 1.25rem;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.ops-panel-kpi-arrow {
  position: absolute;
  right: .95rem;
  bottom: .95rem;
  font-size: .68rem;
  color: #94a3b8;
  opacity: .55;
  transform: translateX(-2px);
  transition: opacity .15s ease, transform .15s ease, color .15s ease;
}
.ops-panel-main {
  align-items: stretch;
}
.ops-panel-main.is-solo {
  grid-template-columns: 1fr;
}
.ops-panel-dist {
  border-radius: 8px;
  box-shadow: 0 1px 2px rgba(15, 23, 42, .04), 0 8px 20px rgba(15, 23, 42, .04);
  padding: 1.05rem 1.15rem 1.1rem;
}
.ops-panel-dist .dr-chart-head h4 {
  font-weight: 780;
  letter-spacing: -.02em;
}
.ops-panel-dist .dr-type-legend {
  gap: .55rem;
}
.ops-panel-dist .dr-type-legend li {
  padding: .7rem .8rem;
  border-color: #e8edf3;
  border-radius: 8px;
  background: linear-gradient(180deg, #fff 0%, #fbfcfe 100%);
  box-shadow: 0 1px 2px rgba(15, 23, 42, .03);
}
.ops-panel-dist .dr-type-legend li.is-active {
  border-color: #d5dde8;
  box-shadow: 0 4px 12px rgba(15, 23, 42, .06);
}
.ops-panel-dist .dr-type-legend-link {
  display: grid;
  gap: inherit;
  color: inherit;
  text-decoration: none !important;
  margin: -.7rem -.8rem;
  padding: .7rem .8rem;
}
.ops-panel-dist .dr-type-legend li.is-link {
  cursor: pointer;
}
.ops-panel-dist .dr-type-legend li.is-link:hover {
  border-color: #cbd5e1;
}
.ops-panel-dist .dr-type-legend-bar {
  height: 5px;
  border-radius: 4px;
}
.ops-panel-dist .dr-dash-insights--cards {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: .65rem;
  margin-top: 1rem;
  padding-top: 1rem;
}
.ops-panel-dist .dr-dash-insight--rich {
  display: grid;
  grid-template-columns: auto 1fr;
  gap: .7rem;
  align-items: start;
  min-height: 4.75rem;
  padding: .85rem .9rem;
  border: 1px solid #e8edf3;
  border-radius: 8px;
  background: linear-gradient(180deg, #fff 0%, #fbfcfe 100%);
  box-shadow: 0 1px 2px rgba(15, 23, 42, .04), 0 6px 14px rgba(15, 23, 42, .03);
  position: relative;
  overflow: hidden;
}
.ops-panel-dist .dr-dash-insight--rich::before {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 3px;
  background: #1e3a5f;
}
.ops-panel-dist .dr-dash-insight--green::before { background: #059669; }
.ops-panel-dist .dr-dash-insight--accent::before { background: #0e7490; }
.ops-panel-dist .dr-dash-insight--purple::before { background: #7c3aed; }
.ops-panel-dist .dr-dash-insight--warn::before { background: #C01018; }
.ops-panel-dist .dr-dash-insight--rich .dr-dash-insight-ico {
  width: 2.2rem;
  height: 2.2rem;
  border-radius: 7px;
  font-size: .85rem;
  background: rgba(30, 58, 95, .1);
  color: #1e3a5f;
}
.ops-panel-dist .dr-dash-insight--green .dr-dash-insight-ico {
  background: rgba(5, 150, 105, .12);
  color: #059669;
}
.ops-panel-dist .dr-dash-insight--accent .dr-dash-insight-ico {
  background: rgba(14, 116, 144, .12);
  color: #0e7490;
}
.ops-panel-dist .dr-dash-insight--purple .dr-dash-insight-ico {
  background: rgba(124, 58, 237, .12);
  color: #7c3aed;
}
.ops-panel-dist .dr-dash-insight--warn .dr-dash-insight-ico {
  background: rgba(192, 16, 24, .1);
  color: #C01018;
}
.ops-panel-dist .dr-dash-insight-copy {
  display: grid;
  gap: .12rem;
  min-width: 0;
}
.ops-panel-dist .dr-dash-insight-label {
  font-size: .66rem;
  font-weight: 750;
  letter-spacing: .04em;
  text-transform: uppercase;
  color: #64748b;
}
.ops-panel-dist .dr-dash-insight-value {
  font-size: 1.15rem;
  font-weight: 780;
  letter-spacing: -.02em;
  color: #0f172a;
  font-variant-numeric: tabular-nums;
  line-height: 1.15;
}
.ops-panel-dist .dr-dash-insight--navy .dr-dash-insight-value { color: #1e3a5f; }
.ops-panel-dist .dr-dash-insight--green .dr-dash-insight-value { color: #059669; }
.ops-panel-dist .dr-dash-insight--accent .dr-dash-insight-value { color: #0e7490; }
.ops-panel-dist .dr-dash-insight--purple .dr-dash-insight-value { color: #7c3aed; }
.ops-panel-dist .dr-dash-insight--warn .dr-dash-insight-value { color: #C01018; }
.ops-panel-dist .dr-dash-insight--rich p {
  font-size: .72rem;
  font-weight: 600;
  color: #94a3b8;
  line-height: 1.35;
}
@media (max-width: 900px) {
  .ops-panel-dist .dr-dash-insights--cards {
    grid-template-columns: 1fr;
  }
}
.ops-panel-quick {
  padding: 0;
  display: flex;
  flex-direction: column;
  min-height: 100%;
}
.ops-panel-quick-body {
  display: flex;
  flex-direction: column;
  gap: .55rem;
  padding: .75rem 1rem 1rem;
  flex: 1;
}
.ops-panel-quick-group {
  margin: .15rem 0 0;
  font-size: .66rem;
  font-weight: 750;
  letter-spacing: .05em;
  text-transform: uppercase;
  color: #94a3b8;
}
.ops-panel-card-head {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: .75rem;
  padding: 1rem 1.1rem;
  border-bottom: 1px solid #f1f5f9;
}
.ops-panel-card-head h4 {
  margin: 0;
  font-size: .95rem;
  font-weight: 780;
  color: #0f172a;
}
.ops-panel-quick-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: .65rem;
  align-content: start;
}
.ops-panel-quick-grid--queues {
  gap: .55rem;
}
.ops-panel-quick-dues {
  width: 100%;
}
.ops-panel-quick-link,
.ops-panel-quick-queue {
  display: grid;
  grid-template-columns: auto 1fr auto;
  align-items: center;
  gap: .65rem;
  min-height: 3.35rem;
  padding: .7rem .8rem;
  border: 1px solid #e8edf3;
  border-radius: 8px;
  background: #fff;
  box-shadow: 0 2px 8px rgba(15, 23, 42, .04);
  text-decoration: none !important;
  color: inherit !important;
  transition: box-shadow .2s ease, transform .2s ease, border-color .2s ease;
}
.ops-panel-quick-queue {
  min-height: 3.85rem;
  background: linear-gradient(180deg, #fff 0%, #fbfcfe 100%);
  position: relative;
  overflow: hidden;
}
.ops-panel-quick-queue::before {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 3px;
  background: #94a3b8;
}
.ops-panel-quick-queue--navy::before { background: #1e3a5f; }
.ops-panel-quick-queue--green::before { background: #059669; }
.ops-panel-quick-queue--purple::before { background: #7c3aed; }
.ops-panel-quick-queue--accent::before { background: #0e7490; }
.ops-panel-quick-queue--warn::before { background: #C01018; }
.ops-panel-quick-queue.is-hot {
  border-color: color-mix(in srgb, #C01018 28%, #e8edf3);
  background: linear-gradient(180deg, #fff 0%, #fef2f2 100%);
}
.ops-panel-quick-link:hover,
.ops-panel-quick-queue:hover {
  border-color: #cbd5e1;
  background: #fff;
  box-shadow: 0 6px 18px rgba(15, 23, 42, .07);
  transform: translateY(-2px);
}
.ops-panel-quick-link:hover .ops-panel-quick-arrow,
.ops-panel-quick-queue:hover .ops-panel-quick-arrow {
  color: #0f172a;
  transform: translateX(2px);
}
.ops-panel-quick-ico {
  width: 2.15rem;
  height: 2.15rem;
  border-radius: 7px;
  display: grid;
  place-items: center;
  background: #f1f5f9;
  color: #475569;
  font-size: .85rem;
  flex: 0 0 auto;
}
.ops-panel-quick-link--navy .ops-panel-quick-ico,
.ops-panel-quick-queue--navy .ops-panel-quick-ico {
  background: rgba(30, 58, 95, .1);
  color: #1e3a5f;
}
.ops-panel-quick-link--green .ops-panel-quick-ico,
.ops-panel-quick-queue--green .ops-panel-quick-ico {
  background: rgba(5, 150, 105, .12);
  color: #059669;
}
.ops-panel-quick-link--purple .ops-panel-quick-ico,
.ops-panel-quick-queue--purple .ops-panel-quick-ico {
  background: rgba(124, 58, 237, .12);
  color: #7c3aed;
}
.ops-panel-quick-link--accent .ops-panel-quick-ico,
.ops-panel-quick-queue--accent .ops-panel-quick-ico {
  background: rgba(14, 116, 144, .12);
  color: #0e7490;
}
.ops-panel-quick-link--warn .ops-panel-quick-ico,
.ops-panel-quick-queue--warn .ops-panel-quick-ico {
  background: rgba(192, 16, 24, .1);
  color: #C01018;
}
.ops-panel-quick-copy {
  display: grid;
  gap: .1rem;
  min-width: 0;
}
.ops-panel-quick-copy strong {
  font-size: .8rem;
  font-weight: 750;
  color: #0f172a;
  line-height: 1.25;
}
.ops-panel-quick-copy em {
  font-style: normal;
  font-size: .68rem;
  font-weight: 600;
  color: #94a3b8;
  line-height: 1.3;
}
.ops-panel-quick-queue-label {
  font-size: .62rem;
  font-weight: 750;
  letter-spacing: .04em;
  text-transform: uppercase;
  color: #64748b;
  line-height: 1.2;
}
.ops-panel-quick-queue-value {
  font-size: 1.15rem;
  font-weight: 780;
  letter-spacing: -.02em;
  font-variant-numeric: tabular-nums;
  color: #0f172a;
  line-height: 1.1;
}
.ops-panel-quick-queue--navy .ops-panel-quick-queue-value { color: #1e3a5f; }
.ops-panel-quick-queue--green .ops-panel-quick-queue-value { color: #059669; }
.ops-panel-quick-queue--purple .ops-panel-quick-queue-value { color: #7c3aed; }
.ops-panel-quick-queue--accent .ops-panel-quick-queue-value { color: #0e7490; }
.ops-panel-quick-queue--warn .ops-panel-quick-queue-value { color: #C01018; }
.ops-panel-quick-arrow {
  font-size: .65rem;
  color: #94a3b8;
  transition: color .15s ease, transform .15s ease;
}
.ops-panel-section {
  display: grid;
  gap: .75rem;
}
.ops-panel-section-head h2 {
  margin: 0;
  font-size: 1rem;
  font-weight: 780;
  letter-spacing: -.02em;
  color: #0f172a;
}
.ops-panel-section-head p {
  margin: .2rem 0 0;
  font-size: .8rem;
  color: #64748b;
}
.ops-panel-queue-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: .85rem;
}
.ops-panel-queue-card {
  position: relative;
  display: grid;
  grid-template-columns: auto 1fr auto;
  align-items: center;
  gap: .8rem;
  min-height: 5.5rem;
  padding: 1rem 1.05rem;
  border: 1px solid #e8edf3;
  border-radius: 8px;
  background: linear-gradient(180deg, #fff 0%, #fbfcfe 100%);
  box-shadow: 0 1px 2px rgba(15, 23, 42, .04), 0 8px 20px rgba(15, 23, 42, .04);
  text-decoration: none !important;
  color: inherit;
  overflow: hidden;
  transition: box-shadow .2s ease, transform .2s ease, border-color .2s ease;
}
.ops-panel-queue-card::before {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 3px;
  background: #94a3b8;
}
.ops-panel-queue-card--navy::before { background: #1e3a5f; }
.ops-panel-queue-card--green::before { background: #059669; }
.ops-panel-queue-card--purple::before { background: #7c3aed; }
.ops-panel-queue-card--accent::before { background: #0e7490; }
.ops-panel-queue-card--warn::before { background: #C01018; }
.ops-panel-queue-card:hover {
  box-shadow: 0 4px 12px rgba(15, 23, 42, .08), 0 12px 28px rgba(15, 23, 42, .06);
  transform: translateY(-2px);
  border-color: #cbd5e1;
}
.ops-panel-queue-card:hover .ops-panel-queue-go {
  background: #0f172a;
  color: #fff;
  border-color: #0f172a;
}
.ops-panel-queue-card.is-hot {
  border-color: color-mix(in srgb, #C01018 28%, #e8edf3);
  background: linear-gradient(180deg, #fff 0%, #fef2f2 100%);
}
.ops-panel-queue-ico {
  width: 2.55rem;
  height: 2.55rem;
  border-radius: 7px;
  display: grid;
  place-items: center;
  background: #f1f5f9;
  color: #475569;
  font-size: .95rem;
  flex: 0 0 auto;
}
.ops-panel-queue-card--navy .ops-panel-queue-ico { background: rgba(30, 58, 95, .1); color: #1e3a5f; }
.ops-panel-queue-card--green .ops-panel-queue-ico { background: rgba(5, 150, 105, .12); color: #059669; }
.ops-panel-queue-card--purple .ops-panel-queue-ico { background: rgba(124, 58, 237, .12); color: #7c3aed; }
.ops-panel-queue-card--accent .ops-panel-queue-ico { background: rgba(14, 116, 144, .12); color: #0e7490; }
.ops-panel-queue-card--warn .ops-panel-queue-ico { background: rgba(192, 16, 24, .1); color: #C01018; }
.ops-panel-queue-copy {
  display: grid;
  gap: .18rem;
  min-width: 0;
}
.ops-panel-queue-label {
  font-size: .68rem;
  font-weight: 750;
  letter-spacing: .04em;
  text-transform: uppercase;
  color: #64748b;
}
.ops-panel-queue-value {
  font-size: 1.45rem;
  font-weight: 780;
  letter-spacing: -.03em;
  font-variant-numeric: tabular-nums;
  color: #0f172a;
  line-height: 1.1;
}
.ops-panel-queue-card--navy .ops-panel-queue-value { color: #1e3a5f; }
.ops-panel-queue-card--green .ops-panel-queue-value { color: #059669; }
.ops-panel-queue-card--purple .ops-panel-queue-value { color: #7c3aed; }
.ops-panel-queue-card--accent .ops-panel-queue-value { color: #0e7490; }
.ops-panel-queue-card--warn .ops-panel-queue-value { color: #C01018; }
.ops-panel-queue-copy em {
  font-style: normal;
  font-size: .74rem;
  color: #94a3b8;
  font-weight: 600;
  line-height: 1.3;
}
.ops-panel-queue-go {
  width: 1.7rem;
  height: 1.7rem;
  border-radius: 6px;
  border: 1px solid #e2e8f0;
  background: #f8fafc;
  color: #64748b;
  display: grid;
  place-items: center;
  font-size: .65rem;
  transition: background .15s ease, color .15s ease, border-color .15s ease;
}
.ops-panel-content-grid {
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: .85rem;
}
.ops-panel-content-card {
  position: relative;
  display: grid;
  grid-template-columns: auto 1fr auto;
  gap: .7rem;
  align-items: center;
  min-height: 5.35rem;
  padding: .95rem 1rem;
  border: 1px solid #e8edf3;
  border-radius: 8px;
  background: linear-gradient(180deg, #fff 0%, #fbfcfe 100%);
  box-shadow: 0 1px 2px rgba(15, 23, 42, .04), 0 8px 20px rgba(15, 23, 42, .04);
  text-decoration: none !important;
  color: inherit;
  overflow: hidden;
  transition: box-shadow .2s ease, transform .2s ease, border-color .2s ease;
}
.ops-panel-content-card::before {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 3px;
  background: #94a3b8;
}
.ops-panel-content-card--navy::before { background: #1e3a5f; }
.ops-panel-content-card--green::before { background: #059669; }
.ops-panel-content-card--purple::before { background: #7c3aed; }
.ops-panel-content-card--accent::before { background: #0e7490; }
.ops-panel-content-card:hover {
  border-color: #cbd5e1;
  box-shadow: 0 4px 12px rgba(15, 23, 42, .08), 0 12px 28px rgba(15, 23, 42, .06);
  transform: translateY(-2px);
}
.ops-panel-content-card:hover .ops-panel-content-go {
  background: #0f172a;
  color: #fff;
  border-color: #0f172a;
}
.ops-panel-content-ico {
  width: 2.4rem;
  height: 2.4rem;
  border-radius: 7px;
  display: grid;
  place-items: center;
  background: #f1f5f9;
  color: #475569;
  font-size: .9rem;
  flex: 0 0 auto;
}
.ops-panel-content-card--navy .ops-panel-content-ico { background: rgba(30, 58, 95, .1); color: #1e3a5f; }
.ops-panel-content-card--green .ops-panel-content-ico { background: rgba(5, 150, 105, .12); color: #059669; }
.ops-panel-content-card--purple .ops-panel-content-ico { background: rgba(124, 58, 237, .12); color: #7c3aed; }
.ops-panel-content-card--accent .ops-panel-content-ico { background: rgba(14, 116, 144, .12); color: #0e7490; }
.ops-panel-content-copy {
  display: grid;
  gap: .14rem;
  min-width: 0;
}
.ops-panel-content-label {
  font-size: .66rem;
  font-weight: 750;
  letter-spacing: .04em;
  text-transform: uppercase;
  color: #64748b;
  line-height: 1.2;
}
.ops-panel-content-value {
  font-size: 1.3rem;
  font-weight: 780;
  letter-spacing: -.03em;
  color: #0f172a;
  font-variant-numeric: tabular-nums;
  line-height: 1.1;
}
.ops-panel-content-card--navy .ops-panel-content-value { color: #1e3a5f; }
.ops-panel-content-card--green .ops-panel-content-value { color: #059669; }
.ops-panel-content-card--purple .ops-panel-content-value { color: #7c3aed; }
.ops-panel-content-card--accent .ops-panel-content-value { color: #0e7490; }
.ops-panel-content-copy em {
  font-style: normal;
  font-size: .7rem;
  color: #94a3b8;
  font-weight: 600;
  line-height: 1.3;
}
.ops-panel-content-go {
  width: 1.65rem;
  height: 1.65rem;
  border-radius: 6px;
  border: 1px solid #e2e8f0;
  background: #f8fafc;
  color: #64748b;
  display: grid;
  place-items: center;
  font-size: .62rem;
  transition: background .15s ease, color .15s ease, border-color .15s ease;
}
.ops-panel-spotlights {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: .85rem;
}
.ops-panel-spot {
  padding: 0;
  overflow: hidden;
  border-radius: 8px;
  border: 1px solid #e8edf3;
  background: linear-gradient(180deg, #fff 0%, #fbfcfe 100%);
  box-shadow: 0 1px 2px rgba(15, 23, 42, .04), 0 8px 20px rgba(15, 23, 42, .04);
}
.ops-panel-spot-head {
  align-items: center;
  justify-content: flex-start;
  gap: .7rem;
}
.ops-panel-spot-head-ico {
  width: 2.25rem;
  height: 2.25rem;
  border-radius: 7px;
  display: grid;
  place-items: center;
  flex: 0 0 auto;
  font-size: .85rem;
  background: rgba(30, 58, 95, .1);
  color: #1e3a5f;
}
.ops-panel-spot--green .ops-panel-spot-head-ico {
  background: rgba(5, 150, 105, .12);
  color: #059669;
}
.ops-panel-spot--accent .ops-panel-spot-head-ico {
  background: rgba(14, 116, 144, .12);
  color: #0e7490;
}
.ops-panel-spot--purple .ops-panel-spot-head-ico {
  background: rgba(124, 58, 237, .12);
  color: #7c3aed;
}
.ops-panel-spot--warn .ops-panel-spot-head-ico {
  background: rgba(192, 16, 24, .1);
  color: #C01018;
}
.ops-panel-spot-count {
  margin-left: auto;
  min-width: 1.55rem;
  height: 1.55rem;
  padding: 0 .4rem;
  border-radius: 6px;
  border: 1px solid #e2e8f0;
  background: #f8fafc;
  color: #475569;
  display: inline-grid;
  place-items: center;
  font-size: .72rem;
  font-weight: 750;
  font-variant-numeric: tabular-nums;
}
.ops-panel-spot-empty {
  display: grid;
  justify-items: center;
  gap: .45rem;
  padding: 1.75rem 1.1rem;
  text-align: center;
}
.ops-panel-spot-empty-ico {
  width: 2.5rem;
  height: 2.5rem;
  border-radius: 8px;
  display: grid;
  place-items: center;
  background: #f1f5f9;
  color: #94a3b8;
  font-size: .95rem;
}
.ops-panel-spot-empty p {
  margin: 0;
  font-size: .8rem;
  font-weight: 600;
  color: #94a3b8;
}
.ops-panel-spot-list {
  list-style: none;
  margin: 0;
  padding: .35rem .55rem .65rem;
  display: grid;
  gap: .35rem;
}
.ops-panel-spot-item {
  display: grid;
  grid-template-columns: auto 1fr auto auto;
  gap: .65rem;
  align-items: center;
  padding: .65rem .7rem;
  border: 1px solid #eef2f6;
  border-radius: 8px;
  background: #fff;
  text-decoration: none !important;
  color: inherit;
  transition: background .15s ease, border-color .15s ease, box-shadow .15s ease, transform .15s ease;
}
.ops-panel-spot-item:hover {
  background: #f8fafc;
  border-color: #dbe3ef;
  box-shadow: 0 4px 12px rgba(15, 23, 42, .05);
  transform: translateY(-1px);
}
.ops-panel-spot-item:hover .ops-panel-spot-arrow {
  color: #0f172a;
  transform: translateX(2px);
}
.ops-panel-spot-row-ico {
  width: 1.9rem;
  height: 1.9rem;
  border-radius: 6px;
  display: grid;
  place-items: center;
  background: #f1f5f9;
  color: #64748b;
  font-size: .72rem;
  flex: 0 0 auto;
}
.ops-panel-spot--navy .ops-panel-spot-row-ico { background: rgba(30, 58, 95, .08); color: #1e3a5f; }
.ops-panel-spot--green .ops-panel-spot-row-ico { background: rgba(5, 150, 105, .1); color: #059669; }
.ops-panel-spot--accent .ops-panel-spot-row-ico { background: rgba(14, 116, 144, .1); color: #0e7490; }
.ops-panel-spot--purple .ops-panel-spot-row-ico { background: rgba(124, 58, 237, .1); color: #7c3aed; }
.ops-panel-spot-copy {
  display: grid;
  gap: .12rem;
  min-width: 0;
}
.ops-panel-spot-primary {
  font-size: .82rem;
  font-weight: 720;
  color: #0f172a;
  line-height: 1.25;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.ops-panel-spot-meta {
  font-size: .7rem;
  font-weight: 600;
  color: #94a3b8;
  line-height: 1.3;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.ops-panel-spot-badge {
  justify-self: end;
  max-width: 7.5rem;
  padding: .2rem .45rem;
  border-radius: 4px;
  border: 1px solid transparent;
  font-size: .64rem;
  font-weight: 750;
  line-height: 1.2;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.ops-panel-spot-badge--navy {
  background: rgba(30, 58, 95, .08);
  border-color: rgba(30, 58, 95, .14);
  color: #1e3a5f;
}
.ops-panel-spot-badge--green {
  background: rgba(5, 150, 105, .1);
  border-color: rgba(5, 150, 105, .16);
  color: #047857;
}
.ops-panel-spot-badge--accent {
  background: rgba(14, 116, 144, .1);
  border-color: rgba(14, 116, 144, .16);
  color: #0e7490;
}
.ops-panel-spot-badge--purple {
  background: rgba(124, 58, 237, .1);
  border-color: rgba(124, 58, 237, .16);
  color: #6d28d9;
}
.ops-panel-spot-badge--warn {
  background: rgba(192, 16, 24, .08);
  border-color: rgba(192, 16, 24, .14);
  color: #C01018;
}
.ops-panel-spot-arrow {
  font-size: .65rem;
  color: #94a3b8;
  transition: color .15s ease, transform .15s ease;
}
.ops-panel-instructor-note {
  display: grid;
  gap: .85rem;
  padding: 1.1rem;
}
.ops-panel-instructor-note p {
  margin: 0;
  color: #64748b;
}
@media (max-width: 1100px) {
  .ops-panel-content-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .ops-panel-queue-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 900px) {
  .ops-panel-spotlights { grid-template-columns: 1fr; }
  .ops-panel-content-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .ops-panel-quick-grid { grid-template-columns: 1fr; }
}
@media (max-width: 640px) {
  .ops-panel-queue-grid,
  .ops-panel-content-grid { grid-template-columns: 1fr; }
}

/* Ziyaretçi analitiği — panel */
.ops-visitor-section {
  margin-top: .25rem;
}
.ops-panel-section-head {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  justify-content: space-between;
  gap: .75rem 1rem;
}
.ops-visitor-period {
  flex: 0 0 auto;
}
.ops-visitor-period-wrap {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: .28rem;
}
.ops-visitor-period-hint {
  font-size: .68rem;
  letter-spacing: .02em;
}
.ops-visitor-stats {
  margin: 0;
}
.ops-visitor-kpi--accent .dr-stat-value { color: #0e7490; }
.ops-visitor-kpi--navy .dr-stat-value { color: #1e3a5f; }
.ops-visitor-kpi--green .dr-stat-value { color: #059669; }
.ops-visitor-kpi--warn .dr-stat-value { color: #C01018; }
.ops-visitor-live {
  margin: .15rem 0 0;
  padding: 0;
  overflow: hidden;
}
.ops-visitor-live-head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: .75rem;
  padding: .85rem 1.05rem .55rem;
  border-bottom: 1px solid #f1f5f9;
}
.ops-visitor-live-head h3 {
  margin: 0;
  font-size: .95rem;
  font-weight: 800;
  color: #1e3a5f;
}
.ops-visitor-live-head p {
  margin: .2rem 0 0;
  font-size: .72rem;
  color: #64748b;
}
.ops-visitor-live-pulse {
  width: 2rem;
  height: 2rem;
  border-radius: 999px;
  display: grid;
  place-items: center;
  background: #f1f5f9;
  flex: 0 0 auto;
}
.ops-visitor-live-pulse i {
  width: .55rem;
  height: .55rem;
  border-radius: 999px;
  background: #94a3b8;
}
.ops-visitor-live-pulse.is-on {
  background: rgba(14, 116, 144, .12);
}
.ops-visitor-live-pulse.is-on i {
  background: #0e7490;
  box-shadow: 0 0 0 0 rgba(14, 116, 144, .45);
  animation: opsVisitorPulse 1.6s ease-out infinite;
}
@keyframes opsVisitorPulse {
  0% { box-shadow: 0 0 0 0 rgba(14, 116, 144, .4); }
  70% { box-shadow: 0 0 0 10px rgba(14, 116, 144, 0); }
  100% { box-shadow: 0 0 0 0 rgba(14, 116, 144, 0); }
}
.ops-visitor-live-empty {
  margin: 0;
  padding: .9rem 1.05rem 1.05rem;
  font-size: .8rem;
}
.ops-visitor-live-list {
  list-style: none;
  margin: 0;
  padding: .35rem .65rem .75rem;
  display: flex;
  flex-direction: column;
  gap: .28rem;
}
.ops-visitor-live-row {
  display: grid;
  grid-template-columns: 1.6rem minmax(0, 1fr) auto;
  gap: .55rem;
  align-items: center;
  padding: .35rem .4rem;
  border-radius: 4px;
}
.ops-visitor-live-row:hover {
  background: #f8fafc;
}
.ops-visitor-live-kind {
  width: 1.55rem;
  height: 1.55rem;
  border-radius: 4px;
  display: grid;
  place-items: center;
  font-size: .68rem;
  color: #475569;
  background: #f1f5f9;
}
.ops-visitor-live-kind.tone-home { color: #0e7490; background: rgba(14,116,144,.12); }
.ops-visitor-live-kind.tone-member { color: #1e3a5f; background: rgba(30,58,95,.1); }
.ops-visitor-live-kind.tone-training { color: #0f766e; background: rgba(13,148,136,.12); }
.ops-visitor-live-kind.tone-membership { color: #b45309; background: rgba(245,158,11,.14); }
.ops-visitor-live-kind.tone-content { color: #7c3aed; background: rgba(124,58,237,.1); }
.ops-visitor-live-meta {
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: .22rem;
}
.ops-visitor-live-bar {
  display: block;
  height: .28rem;
  border-radius: 999px;
  background: #e2e8f0;
  overflow: hidden;
}
.ops-visitor-live-bar i {
  display: block;
  height: 100%;
  border-radius: inherit;
  background: linear-gradient(90deg, #0e7490, #14b8a6);
}
.ops-visitor-live-count {
  font-size: .92rem;
  font-variant-numeric: tabular-nums;
  color: #0e7490;
  min-width: 1.6rem;
  text-align: right;
}
.ops-visitor-pages-note {
  color: #94a3b8;
}
.ops-visitor-main {
  margin-top: .15rem;
}
.ops-visitor-stack {
  display: grid !important;
  grid-template-columns: minmax(0, 1.35fr) minmax(0, 1fr) !important;
  gap: 1rem;
  margin-top: .15rem;
  align-items: stretch;
}
.ops-visitor-stack > * {
  min-width: 0;
}
.ops-visitor-trend {
  margin: 0;
  overflow: hidden;
  display: flex;
  flex-direction: column;
}
.ops-visitor-dist {
  margin: 0;
  min-width: 0;
  height: auto;
}
.ops-visitor-trend .dr-trend-head {
  padding: .85rem 1.05rem;
  border-bottom: 1px solid #eef2f6;
}
.ops-visitor-trend .dr-trend-head h3 {
  margin: 0;
  font-size: .95rem;
  font-weight: 800;
}
.ops-visitor-trend .dr-trend-head p {
  margin: .2rem 0 0;
  font-size: .78rem;
  color: #64748b;
}
.ops-visitor-trend .dr-trend-chart {
  padding: .5rem .65rem .85rem;
  height: 260px;
  min-height: 260px;
}
/* Tablet landscape / laptop — zaten 2 kolon (base !important); daraltmaları ayarla */
@media (min-width: 768px) {
  .ops-visitor-dist .dr-type-donut-body {
    flex-direction: column;
    align-items: stretch;
  }
  .ops-visitor-dist .dr-type-donut-visual {
    margin: 0 auto;
  }
  .ops-visitor-dist .dr-type-legend {
    min-width: 0;
    width: 100%;
  }
}
/* Geniş masaüstü / 25–27"+ */
@media (min-width: 1400px) {
  .ops-visitor-stack {
    grid-template-columns: minmax(0, 1.45fr) minmax(300px, 1fr) !important;
  }
  .ops-visitor-trend .dr-trend-chart {
    height: 280px;
    min-height: 280px;
  }
  .ops-visitor-dist .dr-type-donut-body {
    flex-direction: row;
    align-items: center;
  }
  .ops-visitor-dist .dr-type-legend {
    flex: 1;
    min-width: 10rem;
  }
}
@media (max-width: 767px) {
  .ops-visitor-stack {
    grid-template-columns: minmax(0, 1fr) !important;
    gap: .75rem;
  }
  .ops-visitor-trend .dr-trend-head,
  .ops-visitor-dist .dr-chart-head {
    padding: .7rem .8rem;
  }
  .ops-visitor-trend .dr-trend-chart {
    padding: .45rem .35rem .7rem;
    height: 220px;
    min-height: 220px;
  }
  .ops-visitor-dist .dr-type-head-badges {
    flex-wrap: wrap;
    justify-content: flex-start;
  }
}
.ops-visitor-pages {
  margin: 0;
  overflow: hidden;
}
.ops-visitor-pages-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: .65rem;
  padding: .65rem .95rem;
  border-bottom: 1px solid #eef2f6;
}
.ops-visitor-pages-head h3 {
  margin: 0;
  font-size: .9rem;
  font-weight: 800;
}
.ops-visitor-pages-head p {
  margin: .15rem 0 0;
  font-size: .72rem;
  color: #64748b;
}
.ops-visitor-pages-empty-inline {
  margin: 0;
  padding: .75rem .95rem;
  font-size: .78rem;
}
.ops-visitor-pages-scroll {
  overflow-x: auto;
  overflow-y: auto;
  max-height: 15rem;
}
.ops-visitor-pages-table {
  width: 100%;
  border-collapse: collapse;
  font-size: .78rem;
}
.ops-visitor-pages-table thead th {
  position: sticky;
  top: 0;
  z-index: 1;
  padding: .45rem .65rem;
  border-bottom: 1px solid #e2e8f0;
  background: #f8fafc;
  color: #64748b;
  font-size: .68rem;
  font-weight: 700;
  letter-spacing: .04em;
  text-transform: uppercase;
  text-align: left;
  white-space: nowrap;
}
.ops-visitor-pages-table tbody td {
  padding: .42rem .65rem;
  border-bottom: 1px solid #f1f5f9;
  vertical-align: middle;
}
.ops-visitor-pages-table tbody tr:last-child td {
  border-bottom: none;
}
.ops-visitor-pages-table tbody tr:hover td {
  background: #f8fafc;
}
.ops-visitor-pages-table .col-rank {
  width: 1.75rem;
  padding-left: .85rem;
  color: #94a3b8;
  font-weight: 800;
  font-variant-numeric: tabular-nums;
  text-align: center;
}
.ops-visitor-pages-table tbody tr.is-rank-1 .col-rank { color: #b8860b; }
.ops-visitor-pages-table tbody tr.is-rank-2 .col-rank { color: #64748b; }
.ops-visitor-pages-table tbody tr.is-rank-3 .col-rank { color: #b45309; }
.ops-visitor-pages-table .col-path {
  max-width: 0;
  width: 55%;
}
.ops-visitor-path {
  display: block;
  font-size: .76rem;
  font-weight: 650;
  color: #334155;
  font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.ops-visitor-pages-table .col-share {
  width: 4.25rem;
  padding-left: 0;
  padding-right: .35rem;
}
.ops-visitor-share {
  display: block;
  height: 4px;
  border-radius: 2px;
  background: #eef2f7;
  overflow: hidden;
}
.ops-visitor-share i {
  display: block;
  height: 100%;
  border-radius: 2px;
  background: #cbd5e1;
}
.ops-visitor-pages-table tbody tr.is-rank-1 .ops-visitor-share i {
  background: linear-gradient(90deg, #b8860b, #d4a017);
}
.ops-visitor-pages-table .col-num {
  width: 3.25rem;
  text-align: right;
  font-variant-numeric: tabular-nums;
  font-weight: 700;
  color: #475569;
  white-space: nowrap;
}
.ops-visitor-pages-table .col-num.is-views {
  color: #1e3a5f;
  font-weight: 800;
}
.ops-visitor-pages-table .col-num.is-unique {
  color: #64748b;
  font-weight: 650;
}
.ops-visitor-pages-table thead .col-num {
  text-align: right;
}
.ops-visitor-pages-table .col-link {
  width: 2rem;
  padding-right: .75rem;
  text-align: center;
  color: #cbd5e1;
}
.ops-visitor-page-open {
  display: inline-grid;
  place-items: center;
  width: 1.35rem;
  height: 1.35rem;
  border-radius: 4px;
  color: inherit;
  font-size: .62rem;
  text-decoration: none !important;
  transition: color .12s ease, background .12s ease;
}
.ops-visitor-pages-table tbody tr:hover .ops-visitor-page-open {
  color: #64748b;
  background: #eef2f7;
}
.ops-visitor-page-open:hover {
  color: #1e3a5f !important;
}
.ops-visitor-pages-foot {
  padding: .4rem .95rem .55rem;
  font-size: .7rem;
  text-align: right;
  border-top: 1px solid #f1f5f9;
}
.ops-visitor-empty {
  margin: 0;
  padding: 1rem 1.05rem 1.15rem;
}
@media (max-width: 640px) {
  .ops-visitor-pages-table .col-share {
    display: none;
  }
  .ops-visitor-pages-table thead .col-share {
    display: none;
  }
}
@media (max-width: 900px) {
  .ops-visitor-main {
    grid-template-columns: 1fr;
  }
}

.dr-ops-inner { padding: 0 1.1rem 1.1rem; }
.dr-ops-embedded { padding: 0; }
.dr-dash-embedded { gap: .85rem; }
.dr-dash-embedded-loading {
  min-height: 160px;
  display: grid;
  place-items: center;
}

/* ===== Dark mode — Operasyon Merkezi / dr-dash (hardcoded light leftovers) ===== */
html.dark .dr-dash-head h1,
html.dark .dr-loading-card strong,
html.dark .dr-chart-head h4,
html.dark .dr-type-legend-top strong,
html.dark .dr-dash-insight-value,
html.dark .ops-panel-card-head h4,
html.dark .ops-panel-section-head h2,
html.dark .ops-panel-quick-copy strong,
html.dark .ops-panel-spot-primary,
html.dark .ops-visitor-pages-head h3,
html.dark .ops-visitor-trend .dr-trend-head h3 {
  color: var(--ink);
}
html.dark .dr-dash-sub,
html.dark .dr-chart-desc,
html.dark .dr-stat-label,
html.dark .dr-stat-year,
html.dark .dr-type-legend-pct,
html.dark .ops-panel-kpi-label,
html.dark .ops-panel-kpi-hint,
html.dark .ops-panel-quick-copy em,
html.dark .ops-panel-quick-queue-label,
html.dark .ops-panel-queue-label,
html.dark .ops-panel-queue-copy em,
html.dark .ops-panel-content-label,
html.dark .ops-panel-content-copy em,
html.dark .ops-panel-spot-meta,
html.dark .ops-panel-section-head p,
html.dark .ops-panel-instructor-note p,
html.dark .ops-visitor-live-head p,
html.dark .ops-visitor-trend .dr-trend-head p,
html.dark .ops-visitor-pages-note {
  color: var(--muted);
}
html.dark .dr-stat-value,
html.dark .dr-stat-value--rate,
html.dark .dr-type-legend-top em,
html.dark .ops-panel-kpi-value,
html.dark .ops-panel-quick-queue-value,
html.dark .ops-panel-queue-value,
html.dark .ops-panel-content-value,
html.dark .ops-panel-dist .dr-dash-insight--navy .dr-dash-insight-value,
html.dark .ops-panel-quick-queue--navy .ops-panel-quick-queue-value,
html.dark .ops-panel-queue-card--navy .ops-panel-queue-value,
html.dark .ops-panel-content-card--navy .ops-panel-content-value,
html.dark .ops-visitor-kpi--navy .dr-stat-value,
html.dark .ops-visitor-live-head h3,
html.dark .dr-stat-card--navy .dr-stat-value {
  color: #93c5fd;
}
html.dark .ops-panel-kpi--green .ops-panel-kpi-value,
html.dark .ops-panel-quick-queue--green .ops-panel-quick-queue-value,
html.dark .ops-panel-queue-card--green .ops-panel-queue-value,
html.dark .ops-panel-content-card--green .ops-panel-content-value,
html.dark .ops-panel-dist .dr-dash-insight--green .dr-dash-insight-value,
html.dark .ops-visitor-kpi--green .dr-stat-value,
html.dark .dr-stat-value--odenen,
html.dark .dr-stat-card--ok .dr-stat-value {
  color: #34d399;
}
html.dark .ops-panel-kpi--purple .ops-panel-kpi-value,
html.dark .ops-panel-quick-queue--purple .ops-panel-quick-queue-value,
html.dark .ops-panel-queue-card--purple .ops-panel-queue-value,
html.dark .ops-panel-content-card--purple .ops-panel-content-value,
html.dark .ops-panel-dist .dr-dash-insight--purple .dr-dash-insight-value {
  color: #c4b5fd;
}
html.dark .ops-panel-kpi--warn .ops-panel-kpi-value,
html.dark .ops-panel-quick-queue--warn .ops-panel-quick-queue-value,
html.dark .ops-panel-queue-card--warn .ops-panel-queue-value,
html.dark .ops-panel-dist .dr-dash-insight--warn .dr-dash-insight-value,
html.dark .ops-visitor-kpi--warn .dr-stat-value,
html.dark .dr-stat-value--kalan {
  color: #fca5a5;
}
html.dark .ops-panel-kpi--accent .ops-panel-kpi-value,
html.dark .ops-panel-quick-queue--accent .ops-panel-quick-queue-value,
html.dark .ops-panel-queue-card--accent .ops-panel-queue-value,
html.dark .ops-panel-content-card--accent .ops-panel-content-value,
html.dark .ops-panel-dist .dr-dash-insight--accent .dr-dash-insight-value,
html.dark .ops-visitor-kpi--accent .dr-stat-value {
  color: #22d3ee;
}
html.dark .ops-panel-kpi,
html.dark .ops-panel-quick-queue {
  background: var(--panel) !important;
  box-shadow: none;
}
html.dark .ops-panel-kpi-link:hover .ops-panel-kpi,
html.dark .ops-panel-quick-link:hover,
html.dark .ops-panel-quick-queue:hover,
html.dark .ops-panel-queue-card:hover,
html.dark .ops-panel-content-card:hover,
html.dark .ops-panel-spot-item:hover {
  border-color: var(--line) !important;
  background: var(--bg-accent) !important;
  box-shadow: none;
}
html.dark .ops-panel-kpi-link:hover .ops-panel-kpi-arrow,
html.dark .ops-panel-quick-link:hover .ops-panel-quick-arrow,
html.dark .ops-panel-quick-queue:hover .ops-panel-quick-arrow,
html.dark .ops-panel-spot-item:hover .ops-panel-spot-arrow {
  color: var(--ink);
}
html.dark .ops-panel-head-pill,
html.dark .ops-panel-kpi-badge,
html.dark .dr-metric-chip,
html.dark .dr-seg,
html.dark .dr-type-legend li,
html.dark .ops-panel-spot-count,
html.dark .ops-panel-spot-empty-ico,
html.dark .ops-panel-spot-row-ico,
html.dark .ops-visitor-live-pulse,
html.dark .ops-visitor-live-kind {
  background: var(--bg-accent);
  border-color: var(--line-soft);
  color: var(--muted);
}
html.dark a.ops-panel-head-pill:hover,
html.dark .dr-metric-chip.is-on,
html.dark .dr-seg button.is-active,
html.dark .dr-seg button:hover,
html.dark .dr-type-legend li.is-active,
html.dark .ops-panel-dist .dr-type-legend li.is-active {
  background: var(--panel);
  border-color: var(--line);
  color: var(--ink);
}
html.dark .ops-panel-live {
  background: rgba(16, 185, 129, .14);
  border-color: rgba(16, 185, 129, .28);
  color: #6ee7b7;
}
html.dark .ops-panel-kpi-ico,
html.dark .ops-panel-quick-ico,
html.dark .ops-panel-queue-ico,
html.dark .ops-panel-content-ico,
html.dark .ops-panel-spot-head-ico,
html.dark .dr-dash-insight-ico,
html.dark .dr-type-insight-ico {
  background: var(--bg-accent);
  color: #93c5fd;
}
html.dark .ops-panel-kpi--green .ops-panel-kpi-ico,
html.dark .ops-panel-quick-link--green .ops-panel-quick-ico,
html.dark .ops-panel-quick-queue--green .ops-panel-quick-ico,
html.dark .ops-panel-queue-card--green .ops-panel-queue-ico,
html.dark .ops-panel-content-card--green .ops-panel-content-ico,
html.dark .ops-panel-spot--green .ops-panel-spot-head-ico,
html.dark .ops-panel-spot--green .ops-panel-spot-row-ico {
  background: var(--ok-soft);
  color: #34d399;
}
html.dark .ops-panel-kpi--purple .ops-panel-kpi-ico,
html.dark .ops-panel-quick-link--purple .ops-panel-quick-ico,
html.dark .ops-panel-quick-queue--purple .ops-panel-quick-ico,
html.dark .ops-panel-queue-card--purple .ops-panel-queue-ico,
html.dark .ops-panel-content-card--purple .ops-panel-content-ico,
html.dark .ops-panel-spot--purple .ops-panel-spot-head-ico,
html.dark .ops-panel-spot--purple .ops-panel-spot-row-ico {
  background: rgba(124, 58, 237, .22);
  color: #c4b5fd;
}
html.dark .ops-panel-kpi--warn .ops-panel-kpi-ico,
html.dark .ops-panel-quick-link--warn .ops-panel-quick-ico,
html.dark .ops-panel-quick-queue--warn .ops-panel-quick-ico,
html.dark .ops-panel-queue-card--warn .ops-panel-queue-ico,
html.dark .ops-panel-spot--warn .ops-panel-spot-head-ico {
  background: var(--danger-soft);
  color: #fca5a5;
}
html.dark .ops-panel-kpi--accent .ops-panel-kpi-ico,
html.dark .ops-panel-quick-link--accent .ops-panel-quick-ico,
html.dark .ops-panel-quick-queue--accent .ops-panel-quick-ico,
html.dark .ops-panel-queue-card--accent .ops-panel-queue-ico,
html.dark .ops-panel-content-card--accent .ops-panel-content-ico,
html.dark .ops-panel-spot--accent .ops-panel-spot-head-ico,
html.dark .ops-panel-spot--accent .ops-panel-spot-row-ico {
  background: var(--accent-soft);
  color: #22d3ee;
}
html.dark .ops-panel-card-head,
html.dark .ops-visitor-live-head,
html.dark .ops-visitor-trend .dr-trend-head,
html.dark .ops-visitor-pages-foot,
html.dark .dr-type-insights,
html.dark .dr-dash-insights {
  border-color: var(--line-soft);
}
html.dark .ops-panel-quick-link,
html.dark .ops-panel-quick-queue,
html.dark .ops-panel-queue-card,
html.dark .ops-panel-content-card,
html.dark .ops-panel-spot-item,
html.dark .dr-type-legend-bar,
html.dark .ops-visitor-live-bar,
html.dark .ops-visitor-live-row:hover {
  background: var(--panel);
  border-color: var(--line-soft);
}
html.dark .ops-panel-spot-badge--navy {
  background: rgba(147, 197, 253, .12);
  border-color: rgba(147, 197, 253, .22);
  color: #93c5fd;
}
html.dark .ops-panel-spot-badge--green {
  background: var(--ok-soft);
  border-color: rgba(52, 211, 153, .28);
  color: #6ee7b7;
}
html.dark .ops-panel-spot-badge--accent {
  background: var(--accent-soft);
  border-color: rgba(34, 211, 238, .28);
  color: #67e8f9;
}
html.dark .ops-panel-spot-badge--purple {
  background: rgba(124, 58, 237, .22);
  border-color: rgba(196, 181, 253, .28);
  color: #c4b5fd;
}
html.dark .ops-panel-spot-badge--warn {
  background: var(--danger-soft);
  border-color: rgba(252, 165, 165, .28);
  color: #fca5a5;
}
html.dark .ops-visitor-live-kind.tone-member { color: #93c5fd; background: rgba(147, 197, 253, .14); }
html.dark .dr-filter-select,
html.dark .dr-seg button {
  color: var(--ink);
  background: var(--bg);
  border-color: var(--line);
}
html.dark .dr-status--good { background: var(--ok-soft); color: #6ee7b7; }
html.dark .dr-status--mid { background: var(--warn-soft); color: #fbbf24; }
html.dark .dr-status--bad { background: var(--danger-soft); color: #fca5a5; }
html.dark .staff-ops-bell-list a { border-bottom-color: var(--line-soft); color: var(--ink); }
html.dark .staff-ops-bell-list li.is-unread a { background: var(--warn-soft); }
html.dark .staff-ops-bell-body,
html.dark .staff-ops-bell-when,
html.dark .staff-ops-bell-empty,
html.dark .staff-focus-drop-hint,
html.dark .staff-focus-trigger-copy em {
  color: var(--muted);
}
html.dark .staff-focus-trigger-copy strong,
html.dark .staff-ops-bell-title {
  color: var(--ink);
}
html.dark .staff-focus-trigger-ico {
  background: var(--info-soft);
  color: #93c5fd;
}
html.dark .mem-hub-stat strong,
html.dark .mem-hub-bar-meta strong,
html.dark .mem-hub-head h1,
html.dark .mt-hub-head h1 {
  color: var(--ink);
}

/* ── Teşkilat operasyon hub (org-dash) — dr-dash görsel dil, rapor değil ── */
.org-dash {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  animation: drFadeIn .45s ease-out;
}
.org-dash-stats { margin: 0; }
.org-dash-stats.org-mandate-stats {
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: .65rem;
}
.org-mandate-stats .dr-stat-card {
  padding: .72rem .75rem .55rem;
  border-radius: var(--dr-radius, 4px);
}
.org-mandate-stats .dr-stat-label {
  font-size: .62rem;
  letter-spacing: .05em;
  line-height: 1.25;
}
.org-mandate-stats .dr-stat-value {
  font-size: 1.35rem;
  line-height: 1.1;
}
.org-mandate-stats .dr-stat-delta {
  font-size: .68rem;
}
@media (max-width: 1100px) {
  .org-dash-stats.org-mandate-stats {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}
@media (max-width: 640px) {
  .org-dash-stats.org-mandate-stats {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
.org-dash-loading {
  min-height: 200px;
  display: grid;
  place-items: center;
}
.org-readonly-banner {
  margin: 0;
  padding: .65rem .85rem;
  border-radius: var(--dr-radius, 4px);
  background: #f8fafc;
  border: 1px solid #e2e8f0;
  font-size: .84rem;
  color: #64748b;
}
.org-filter-body { display: flex; flex-direction: column; gap: .75rem; }
.org-filter-row {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: .5rem;
}
.org-filter-search {
  flex: 1 1 220px;
  display: flex;
  align-items: center;
  gap: .5rem;
  padding: 0 .65rem;
  border: 1px solid #e2e8f0;
  border-radius: var(--dr-radius, 4px);
  background: #fff;
}
.org-filter-search .input {
  border: 0;
  box-shadow: none;
  padding-left: 0;
  flex: 1;
  min-width: 0;
}
.org-filter-search i { color: #94a3b8; font-size: .85rem; }
.org-view-pills { margin-left: auto; }
.dr-stat-card--navy .dr-stat-value { color: #1e3a5f; }
.dr-stat-card--ok .dr-stat-value { color: #059669; }
.dr-stat-card--warn .dr-stat-value { color: #b45309; }
.org-panel-card {
  padding: 1rem 1.1rem;
  border: 1px solid #e8edf3;
  border-radius: var(--dr-radius, 4px);
  background: #fff;
}
.org-panel-title {
  margin: 0 0 .85rem;
  font-size: 1rem;
  font-weight: 700;
  color: #0f172a;
}
.org-form-panel { margin-bottom: 0; }
.org-form-span-2 { grid-column: 1 / -1; }
.org-form-check {
  display: flex;
  align-items: center;
  gap: .5rem;
  align-self: end;
}
.org-form-actions {
  display: flex;
  flex-wrap: wrap;
  gap: .5rem;
  margin-top: .85rem;
}
.org-empty-state {
  text-align: center;
  padding: 2.5rem 1.5rem;
  color: #64748b;
}
.org-empty-state i {
  font-size: 2rem;
  color: #94a3b8;
  margin-bottom: .75rem;
}
.org-empty-state strong {
  display: block;
  color: #0f172a;
  margin-bottom: .35rem;
}
.org-empty-state p { margin: 0; font-size: .88rem; }
.org-empty-state .btn { margin-top: 1rem; }
.org-code {
  font-size: .78rem;
  padding: .12rem .4rem;
  border-radius: 3px;
  background: #f1f5f9;
  color: #334155;
}
.org-type-badge {
  display: inline-flex;
  align-items: center;
  padding: .15rem .45rem;
  border-radius: 3px;
  font-size: .72rem;
  font-weight: 650;
  background: #eff6ff;
  color: #1e40af;
  border: 1px solid #dbeafe;
}
.org-status-chip {
  display: inline-flex;
  align-items: center;
  padding: .12rem .4rem;
  border-radius: 3px;
  font-size: .72rem;
  font-weight: 650;
}
.org-status-chip.is-ok { background: #ecfdf5; color: #047857; border: 1px solid #a7f3d0; }
.org-status-chip.is-info { background: #eff6ff; color: #1d4ed8; border: 1px solid #bfdbfe; }
.org-status-chip.is-warn { background: #fffbeb; color: #b45309; border: 1px solid #fde68a; }
.org-status-chip.is-muted { background: #f1f5f9; color: #64748b; border: 1px solid #e2e8f0; }
.org-data-table-wrap { margin: 0; }
.org-data-table thead th {
  position: sticky;
  top: 0;
  z-index: 1;
  background: #f8fafc;
}
.org-data-table .is-muted-row { opacity: .72; }

/* org-dash — temsilcilik operasyon */
.org-dash-tabs { margin-top: .25rem; }

/* İl temsilcilikleri hub (/subeler) — tp-catalog dilinde */
.branches-hub-flash { margin: 0; }
.branches-hub-bulk { margin: 0; }
.branches-hub-loading { margin: 0; padding: .15rem .1rem; }
.branches-hub-name {
  display: inline-flex;
  align-items: center;
  gap: .4rem;
}
.branches-catalog .br-catalog-extra {
  display: inline-flex;
  align-items: center;
  margin: 0;
}
.branches-catalog .br-catalog-extra select {
  min-height: 2.15rem;
  padding: .35rem .55rem;
  border: 1px solid #dbe3ee;
  border-radius: var(--dr-radius, 4px);
  background: #f8fafc;
  color: #0f172a;
  font-size: .82rem;
  font-weight: 600;
}
.branches-catalog .br-catalog-extra select:focus {
  outline: none;
  border-color: #94a3b8;
  background: #fff;
}
.br-card .br-card-person {
  margin-top: .15rem;
}
.br-card .branch-person small,
.branches-hub-table .branch-person small {
  display: block;
  color: #64748b;
  font-size: .72rem;
  margin-bottom: .15rem;
}
.br-card .branch-person strong,
.branches-hub-table .branch-person strong {
  display: block;
  color: #0f172a;
  font-size: .9rem;
  font-weight: 700;
}
.br-card-contact {
  display: grid;
  gap: .12rem;
  font-size: .82rem;
  color: #334155;
}
.br-card-contact .field-hint {
  margin: 0;
  font-size: .75rem;
}
@media (max-width: 1100px) {
  .branches-catalog .tp-catalog-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (max-width: 640px) {
  .branches-catalog .tp-catalog-grid {
    grid-template-columns: 1fr;
  }
}
html.dark .branches-catalog .br-catalog-extra select {
  background: #1e293b;
  border-color: #334155;
  color: #f8fafc;
}
html.dark .br-card .branch-person strong,
html.dark .branches-hub-table .branch-person strong {
  color: #f8fafc;
}
html.dark .br-card-contact { color: #cbd5e1; }

/* Teşkilat raporları — filter grid (yıllık/aylık kilit örnek) */
.dr-filter-grid.org-reports-filter-grid {
  grid-template-columns: minmax(0, 1.1fr) minmax(0, .7fr) minmax(0, 1fr);
  align-items: end;
}
.org-reports-filter-note .dr-filter-hint {
  margin: 0;
  padding: .65rem .75rem;
  min-height: 38px;
  border: 1px solid #dbe1ea;
  border-radius: var(--dr-radius, 4px);
  background: #f8fafc;
  color: #64748b;
  font-size: .78rem;
  font-weight: 600;
  line-height: 1.35;
  display: flex;
  align-items: center;
}
@media (max-width: 900px) {
  .dr-filter-grid.org-reports-filter-grid {
    grid-template-columns: 1fr 1fr;
  }
  .org-reports-filter-note { grid-column: 1 / -1; }
}
@media (max-width: 640px) {
  .dr-filter-grid.org-reports-filter-grid {
    grid-template-columns: 1fr;
  }
}

/* Eğitim programları — kart katalog (tablo hissi yok) */
.tp-catalog {
  display: grid;
  gap: .85rem;
}
.tp-catalog-bar {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: .55rem .75rem;
  padding: .55rem .65rem;
  border: 1px solid #e2e8f0;
  border-radius: var(--dr-radius, 4px);
  background: #fff;
  box-shadow: 0 1px 2px rgba(15, 23, 42, .04);
}
.tp-catalog-bar-main {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: .45rem .55rem;
  flex: 1 1 16rem;
  min-width: 0;
}
.tp-catalog-search-group {
  display: flex;
  align-items: stretch;
  flex: 1 1 15rem;
  min-width: 12rem;
  max-width: 26rem;
  border: 1px solid #dbe3ee;
  border-radius: var(--dr-radius, 4px);
  background: #f8fafc;
  overflow: hidden;
}
.tp-catalog-search-group:focus-within {
  border-color: #94a3b8;
  background: #fff;
  box-shadow: 0 0 0 3px rgba(15, 23, 42, .06);
}
.tp-catalog-search {
  display: flex;
  align-items: center;
  gap: .45rem;
  flex: 1;
  min-width: 0;
  padding: 0 .65rem;
}
.tp-catalog-search .input {
  border: 0;
  box-shadow: none;
  padding: .48rem 0;
  flex: 1;
  min-width: 0;
  background: transparent;
  font-size: .84rem;
}
.tp-catalog-search i {
  color: #94a3b8;
  font-size: .78rem;
}
.tp-catalog-search-go {
  border: 0;
  border-left: 1px solid #dbe3ee;
  background: #fff;
  color: #0f172a;
  font: inherit;
  font-size: .78rem;
  font-weight: 700;
  padding: 0 .9rem;
  cursor: pointer;
  white-space: nowrap;
}
.tp-catalog-search-go:hover {
  background: #f1f5f9;
}
.tp-catalog-status {
  display: inline-flex;
  align-items: center;
  gap: .15rem;
  padding: .15rem;
  border: 1px solid #e2e8f0;
  border-radius: var(--dr-radius, 4px);
  background: #f8fafc;
}
.tp-catalog-status-btn {
  border: 0;
  background: transparent;
  padding: .36rem .7rem;
  border-radius: 3px;
  font: inherit;
  font-size: .76rem;
  font-weight: 650;
  color: #64748b;
  cursor: pointer;
  line-height: 1.2;
}
.tp-catalog-status-btn:hover {
  color: #0f172a;
  background: #fff;
}
.tp-catalog-status-btn.is-active {
  background: #1e293b;
  color: #fff;
}
.tp-catalog-count {
  font-size: .76rem;
  font-weight: 650;
  color: #64748b;
  white-space: nowrap;
  padding-inline: .15rem;
}
.tp-catalog-reset {
  border: 0;
  background: transparent;
  color: #C01018;
  font: inherit;
  font-size: .76rem;
  font-weight: 650;
  cursor: pointer;
  padding: .25rem .35rem;
}
.tp-catalog-reset:hover {
  text-decoration: underline;
}
.tp-catalog-view {
  display: inline-flex;
  gap: .15rem;
  padding: .15rem;
  border: 1px solid #e2e8f0;
  border-radius: var(--dr-radius, 4px);
  background: #f8fafc;
  margin-left: auto;
}
.tp-catalog-view-btn {
  border: 0;
  background: transparent;
  padding: .36rem .55rem;
  border-radius: 3px;
  font: inherit;
  font-size: .74rem;
  font-weight: 650;
  color: #64748b;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  gap: .35rem;
  line-height: 1.2;
}
.tp-catalog-view-btn:hover {
  color: #0f172a;
  background: #fff;
}
.tp-catalog-view-btn.is-active {
  background: #1e293b;
  color: #fff;
}
.tp-catalog-empty {
  margin: 0;
  border: 1px solid #e8edf3;
  border-radius: var(--dr-radius, 4px);
  background: #fff;
}
.tp-catalog-grid {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: .75rem;
}
.tp-card {
  display: flex;
  flex-direction: column;
  gap: .7rem;
  padding: .85rem .9rem .75rem;
  border: 1px solid #e8edf3;
  border-radius: var(--dr-radius, 4px);
  background: #fff;
  box-shadow: 0 1px 2px rgba(15, 23, 42, .04);
  position: relative;
  overflow: hidden;
  animation: tpCatalogIn .4s ease both;
  transition: border-color .15s ease, box-shadow .15s ease, transform .15s ease;
}
.tp-card::before {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 3px;
  background: #C01018;
  opacity: .55;
}
.tp-card:hover {
  border-color: #cbd5e1;
  box-shadow: 0 8px 22px rgba(15, 23, 42, .08);
  transform: translateY(-2px);
}
.tp-card-top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: .5rem;
  padding-left: .35rem;
}
.tp-card-date {
  font-size: .75rem;
  color: #64748b;
  white-space: nowrap;
}
.tp-card-body {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  gap: .65rem;
  align-items: start;
  padding-left: .35rem;
  text-decoration: none !important;
  color: inherit;
}
.tp-card-body:hover .tp-card-title { color: #C01018; }
.tp-card-mark {
  display: grid;
  place-items: center;
  width: 2.25rem;
  height: 2.25rem;
  border-radius: var(--dr-radius, 4px);
  background: linear-gradient(160deg, #1e293b 0%, #0f172a 100%);
  color: #fff;
  font-size: .85rem;
  flex-shrink: 0;
}
.tp-card-copy {
  display: grid;
  gap: .28rem;
  min-width: 0;
}
.tp-card-title {
  font-size: .92rem;
  font-weight: 750;
  color: #0f172a;
  line-height: 1.35;
  letter-spacing: -.02em;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  transition: color .12s ease;
}
.tp-card-slug {
  display: inline-block;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.tp-card-tags {
  display: flex;
  flex-wrap: wrap;
  gap: .3rem;
}
.tp-catalog-chip {
  display: inline-flex;
  align-items: center;
  padding: .12rem .4rem;
  border: 1px solid #e2e8f0;
  border-radius: var(--dr-radius, 4px);
  background: #f8fafc;
  font-size: .68rem;
  font-weight: 600;
  color: #475569;
  letter-spacing: .02em;
}
.tp-catalog-chip.is-home {
  border-color: #fecaca;
  background: #fff7f7;
  color: #b91c1c;
}
.tp-card-foot {
  display: flex;
  flex-wrap: wrap;
  gap: .3rem;
  margin-top: auto;
  padding: .55rem 0 0 .35rem;
  border-top: 1px solid #f1f5f9;
}
.tp-card-act {
  display: inline-flex;
  align-items: center;
  gap: .3rem;
  padding: .28rem .45rem;
  border: 1px solid #e2e8f0;
  border-radius: var(--dr-radius, 4px);
  background: #fff;
  color: #334155 !important;
  font-size: .7rem;
  font-weight: 650;
  text-decoration: none !important;
  line-height: 1.2;
}
.tp-card-act:hover {
  border-color: #cbd5e1;
  background: #f8fafc;
  color: #0f172a !important;
}
.tp-card-act.is-accent {
  border-color: #fecaca;
  color: #C01018 !important;
  background: #fff8f8;
}
.tp-card-act.is-accent:hover {
  background: #fff1f1;
}
.tp-card-act.is-danger {
  border-color: #fecaca;
  color: #b91c1c !important;
  background: #fff;
}
.tp-card-act.is-danger:hover {
  background: #fef2f2;
  border-color: #f87171;
}
.mem-show-doc-list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: .55rem;
}
.mem-show-doc-stats {
  display: flex;
  flex-wrap: wrap;
  gap: .35rem;
}
.mem-show-doc-stats span {
  font-size: .72rem;
  font-weight: 700;
  padding: .28rem .5rem;
  border-radius: 4px;
  background: #f1f5f9;
  color: #334155;
  border: 1px solid #e2e8f0;
}
.mem-show-doc-stats span.is-ok {
  background: #f0fdf4;
  color: #15803d;
  border-color: #bbf7d0;
}
.mem-show-doc-toolbar {
  display: flex;
  flex-wrap: wrap;
  gap: .75rem 1rem;
  margin-bottom: .75rem;
  align-items: flex-end;
}
.mem-show-doc-toolbar-note {
  flex: 1 1 240px;
  margin: 0;
  max-width: 28rem;
}
.mem-show-doc-toolbar-note textarea {
  width: 100%;
  margin-top: 4px;
  box-sizing: border-box;
}
.mem-show-doc-toolbar-date {
  margin: 0;
}
.mem-show-doc-toolbar-date input {
  display: block;
  margin-top: 4px;
  max-width: 11rem;
  border-radius: 4px;
}
.mem-show-doc-row {
  border: 1px solid #e2e8f0;
  border-radius: 6px;
  background: #fff;
  padding: .65rem .75rem .55rem;
}
.mem-show-doc-row-head {
  display: flex;
  flex-wrap: wrap;
  gap: .35rem .65rem;
  align-items: baseline;
  margin-bottom: .45rem;
}
.mem-show-doc-row-head strong {
  font-size: .92rem;
}
.mem-show-doc-row-meta {
  font-size: .78rem;
  color: #64748b;
}
.mem-show-doc-row-actions {
  display: flex;
  flex-wrap: wrap;
  gap: .3rem;
  align-items: center;
}
.tp-catalog-pager {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-end;
  gap: .55rem .75rem;
  margin: 0;
  padding: .65rem .85rem;
  border: 1px solid #e8edf3;
  border-radius: var(--dr-radius, 4px);
  background: #fff;
  box-shadow: 0 1px 2px rgba(15, 23, 42, .04);
}
.tp-catalog-pager-meta {
  display: inline-flex;
  align-items: center;
  gap: .45rem;
  margin-right: auto;
  min-width: 0;
  font-size: .82rem;
  font-weight: 650;
  color: #64748b;
  font-variant-numeric: tabular-nums;
}
.tp-catalog-pager-meta strong {
  color: #0f172a;
  font-weight: 800;
}
.tp-catalog-pager-nav {
  display: inline-flex;
  align-items: center;
  gap: .4rem;
}
.tp-catalog-pager-nav .btn {
  display: inline-flex;
  align-items: center;
  gap: .4rem;
  min-height: 2.15rem;
  padding: .4rem .75rem;
  font-size: .82rem;
  font-weight: 700;
}
.tp-catalog-pager-nav .btn i {
  font-size: .72rem;
  opacity: .85;
}
.tp-catalog-pager-page {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 4.5rem;
  min-height: 2.15rem;
  padding: .35rem .65rem;
  border: 1px solid #e2e8f0;
  border-radius: var(--dr-radius, 4px);
  background: #f8fafc;
  color: #0f172a;
  font-size: .82rem;
  font-weight: 800;
  font-variant-numeric: tabular-nums;
  white-space: nowrap;
}
@media (max-width: 640px) {
  .tp-catalog-pager {
    justify-content: stretch;
  }
  .tp-catalog-pager-meta {
    margin-right: 0;
    width: 100%;
  }
  .tp-catalog-pager-nav {
    width: 100%;
    justify-content: flex-end;
  }
}
.tp-catalog-list-wrap {
  border: 1px solid #e8edf3;
  border-radius: var(--dr-radius, 4px);
  background: #fff;
  overflow: auto;
}
.tp-catalog-table {
  margin: 0;
  width: 100%;
}
.tp-list-meta {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: .3rem .4rem;
  margin-top: .25rem;
}
@keyframes tpCatalogIn {
  from {
    opacity: 0;
    transform: translateY(6px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
@media (max-width: 1200px) {
  .tp-catalog-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (max-width: 980px) {
  .tp-catalog-grid {
    grid-template-columns: 1fr;
  }
}
@media (max-width: 720px) {
  .tp-catalog-bar {
    flex-direction: column;
    align-items: stretch;
  }
  .tp-catalog-bar-main {
    width: 100%;
  }
  .tp-catalog-search-group {
    max-width: none;
    flex: 1 1 100%;
  }
  .tp-catalog-view {
    margin-left: 0;
    align-self: flex-start;
  }
}
html.dark .tp-catalog-bar,
html.dark .tp-card,
html.dark .tp-catalog-pager,
html.dark .tp-catalog-empty,
html.dark .tp-catalog-list-wrap {
  background: #0f172a;
  border-color: #334155;
}
html.dark .tp-catalog-pager-meta { color: #94a3b8; }
html.dark .tp-catalog-pager-meta strong { color: #f8fafc; }
html.dark .tp-catalog-pager-page {
  background: #1e293b;
  border-color: #334155;
  color: #f8fafc;
}
html.dark .tp-catalog-search-group,
html.dark .tp-catalog-status,
html.dark .tp-catalog-view {
  background: #111827;
  border-color: #334155;
}
html.dark .tp-catalog-search-go {
  background: #0f172a;
  border-left-color: #334155;
  color: #e2e8f0;
}
html.dark .tp-catalog-status-btn.is-active,
html.dark .tp-catalog-view-btn.is-active {
  background: #e2e8f0;
  color: #0f172a;
}
html.dark .tp-card-title { color: #f8fafc; }
html.dark .tp-card-foot { border-top-color: #1e293b; }
html.dark .tp-card-act {
  background: #111827;
  border-color: #334155;
  color: #cbd5e1 !important;
}
html.dark .tp-catalog-chip {
  background: #111827;
  border-color: #334155;
  color: #cbd5e1;
}

.org-mandate-tabpanel { margin-top: .75rem; }
.org-mandate-report-lead {
  margin: 0 0 1rem;
  font-size: .88rem;
  color: #64748b;
}

/* org-dash — Merkez YK operasyon */
.org-yk-boards {
  margin-bottom: .85rem;
  padding: 0;
  overflow: hidden;
}
.org-yk-boards-head {
  padding: .9rem 1rem;
  border-bottom: 1px solid #e8edf3;
  background: linear-gradient(180deg, #f8fafc 0%, #fff 100%);
}
.org-yk-boards-title {
  margin: 0 0 .25rem;
  font-size: 1rem;
  font-weight: 800;
  color: #0f172a;
  letter-spacing: -.02em;
}
.org-yk-boards-lead {
  margin: 0;
  max-width: 52rem;
  font-size: .86rem;
  color: #64748b;
  line-height: 1.55;
}
.org-yk-boards-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: .65rem;
  padding: .85rem;
}
.org-yk-board-card {
  display: flex;
  flex-direction: column;
  gap: .45rem;
  min-height: 100%;
  padding: .85rem .9rem;
  border: 1px solid #e8edf3;
  border-radius: var(--dr-radius, 4px);
  background: #fff;
}
.org-yk-board-card--yk { border-top: 3px solid #1e3a5f; }
.org-yk-board-card--audit { border-top: 3px solid #0369a1; }
.org-yk-board-card--discipline { border-top: 3px solid #9f1239; }
.org-yk-board-card-head {
  display: flex;
  align-items: flex-start;
  gap: .65rem;
}
.org-yk-board-card-head strong {
  display: block;
  margin-bottom: .15rem;
  font-size: .92rem;
  color: #0f172a;
}
.org-yk-board-card-ico {
  flex-shrink: 0;
  display: grid;
  place-items: center;
  width: 2.2rem;
  height: 2.2rem;
  border-radius: var(--dr-radius, 4px);
  background: #f1f5f9;
  color: #1e3a5f;
}
.org-yk-board-card--audit .org-yk-board-card-ico { color: #0369a1; background: #e0f2fe; }
.org-yk-board-card--discipline .org-yk-board-card-ico { color: #9f1239; background: #ffe4e6; }
.org-yk-board-card-stat {
  margin: 0;
  font-size: .82rem;
  font-weight: 700;
  color: #334155;
}
.org-yk-board-card-preview {
  margin: 0;
  font-size: .76rem;
  line-height: 1.45;
}
.org-yk-board-card-actions {
  display: flex;
  flex-wrap: wrap;
  gap: .35rem;
  margin-top: auto;
  padding-top: .35rem;
}
.org-yk-ops-head {
  margin: .25rem 0 .65rem;
}
.org-yk-ops-title {
  margin: 0 0 .2rem;
  font-size: 1rem;
  font-weight: 800;
  color: #0f172a;
}
.org-yk-ops-lead {
  margin: 0;
  font-size: .86rem;
}
@media (max-width: 960px) {
  .org-yk-boards-grid { grid-template-columns: 1fr; }
}
.org-yk-cms-list-actions {
  display: flex;
  flex-wrap: wrap;
  gap: .4rem;
}
.org-yk-start {
  margin-bottom: .85rem;
  padding: 0;
  overflow: hidden;
  border: 1px solid #dbeafe;
  background: linear-gradient(180deg, #f8fbff 0%, #fff 100%);
}
.org-yk-start-head {
  padding: .9rem 1rem;
  border-bottom: 1px solid #e8edf3;
}
.org-yk-start-title {
  margin: 0 0 .25rem;
  font-size: 1rem;
  font-weight: 800;
  color: #0f172a;
}
.org-yk-start-lead {
  margin: 0;
  max-width: 44rem;
  font-size: .86rem;
  color: #64748b;
  line-height: 1.55;
}
.org-yk-start-steps {
  list-style: none;
  margin: 0;
  padding: .65rem 1rem .85rem;
  display: grid;
  gap: .55rem;
}
.org-yk-start-step {
  display: grid;
  grid-template-columns: auto 1fr auto;
  align-items: center;
  gap: .75rem;
  padding: .7rem .85rem;
  border: 1px solid #e8edf3;
  border-radius: var(--dr-radius, 4px);
  background: #fff;
}
.org-yk-start-step-no {
  display: grid;
  place-items: center;
  width: 1.75rem;
  height: 1.75rem;
  border-radius: var(--dr-radius, 4px);
  background: #1e3a5f;
  color: #fff;
  font-size: .78rem;
  font-weight: 800;
}
.org-yk-start-step-body strong {
  display: block;
  margin-bottom: .15rem;
  font-size: .88rem;
  color: #0f172a;
}
.org-yk-start-step-body p {
  margin: 0;
  font-size: .82rem;
  color: #64748b;
  line-height: 1.45;
}
@media (max-width: 720px) {
  .org-yk-start-step {
    grid-template-columns: auto 1fr;
  }
  .org-yk-start-step > .btn {
    grid-column: 2;
    justify-self: start;
  }
}
.org-yk-cms-list {
  margin-bottom: .85rem;
  padding: 0;
  overflow: hidden;
}
.org-yk-cms-list-head {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  justify-content: space-between;
  gap: .65rem;
  padding: .85rem 1rem;
  border-bottom: 1px solid #e8edf3;
}
.org-yk-cms-list-title {
  margin: 0 0 .2rem;
  font-size: .98rem;
  font-weight: 800;
}
.org-yk-cms-list-lead {
  margin: 0;
  font-size: .82rem;
}
.org-yk-cms-table { margin: 0; }
.org-yk-boards-grid:has(.org-yk-board-card:nth-child(2):last-child) {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
.org-yk-tabpanel { margin-top: .75rem; }
.org-yk-panel-head {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: .5rem;
  margin-bottom: .75rem;
}
.org-yk-empty { margin: 0 0 .5rem; }
.org-yk-inline-actions {
  display: inline-flex;
  flex-wrap: wrap;
  gap: .25rem;
}
.org-yk-attendance-panel {
  margin-top: 1rem;
  padding-top: 1rem;
  border-top: 1px solid #e8edf3;
}

/* org-dash — görev atamaları */
.org-assign-form-lead {
  margin: -.35rem 0 .85rem;
  font-size: .84rem;
}
.org-filter-field {
  display: flex;
  flex-direction: column;
  gap: .25rem;
  min-width: 12rem;
}
.org-filter-label {
  font-size: .72rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: .04em;
  color: #64748b;
}
.org-filter-check {
  display: inline-flex;
  align-items: center;
  gap: .4rem;
  font-size: .86rem;
  color: #475569;
}
.org-assign-alert {
  margin-bottom: .85rem;
  padding: .9rem 1rem;
  border: 1px solid #fecaca;
  background: linear-gradient(180deg, #fef2f2 0%, #fff 100%);
}
.org-assign-alert-head {
  display: flex;
  gap: .65rem;
  align-items: flex-start;
  margin-bottom: .65rem;
}
.org-assign-alert-head > i {
  margin-top: .1rem;
  color: #b91c1c;
}
.org-assign-alert-head strong {
  display: block;
  margin-bottom: .15rem;
  color: #991b1b;
}
.org-assign-alert-head p {
  margin: 0;
  font-size: .84rem;
}
.org-assign-alert-list {
  margin: 0 0 .75rem;
  padding-left: 1.1rem;
  font-size: .86rem;
  color: #7f1d1d;
}
.org-assign-override-form {
  display: flex;
  flex-wrap: wrap;
  gap: .45rem;
  align-items: center;
}
.org-assign-overrides {
  margin-bottom: .85rem;
}
.org-assign-override-list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  gap: .45rem;
}
.org-assign-override-list li {
  display: grid;
  gap: .1rem;
  padding: .55rem .65rem;
  border: 1px solid #e8edf3;
  border-radius: var(--dr-radius, 4px);
  background: #f8fafc;
  font-size: .84rem;
}
.org-assign-override-list li strong {
  color: #0f172a;
}
.org-assign-member-link {
  font-weight: 700;
  color: #1e3a5f;
}
.org-assign-member-no {
  font-size: .78rem;
}
.org-assign-actions-col {
  width: 14rem;
  text-align: right;
}
.org-assign-row-actions {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: .25rem;
}
.org-assign-row-actions .btn.is-active {
  border-color: #1e3a5f;
  color: #1e3a5f;
  background: #f1f5f9;
}
.org-assign-detail-row td {
  padding: 0 !important;
  background: #f8fafc;
  border-bottom: 1px solid #e8edf3;
}
.org-assign-detail {
  padding: .65rem 1rem .75rem;
  font-size: .84rem;
}
.org-assign-detail strong {
  display: block;
  margin-bottom: .35rem;
  font-size: .82rem;
  color: #334155;
}
.org-assign-detail ul {
  margin: 0;
  padding-left: 1.1rem;
  color: #475569;
}
.org-assign-detail p {
  margin: 0;
}
@media (max-width: 960px) {
  .org-assign-actions-col { width: auto; }
  .org-assign-row-actions { justify-content: flex-start; }
  .org-term-actions-col { width: auto; }
  .org-term-row-actions { justify-content: flex-start; }
}

/* org-dash — organ dönemleri */
.org-term-form-lead {
  margin: -.35rem 0 .85rem;
  font-size: .84rem;
}
.org-term-name {
  display: block;
  margin-bottom: .15rem;
  color: #0f172a;
}
.org-term-dates {
  font-size: .84rem;
  color: #475569;
  white-space: nowrap;
}
.org-term-assign-link {
  font-weight: 700;
  color: #1e3a5f;
}
.org-term-assign-empty {
  font-size: .84rem;
}
.org-term-readonly-chip {
  margin-left: .35rem;
}
.org-term-actions-col {
  width: 13rem;
  text-align: right;
}
.org-term-row-actions {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: .25rem;
}

/* org-dash — İTK yıllık toplantıları */
.org-itk-head-actions {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: .35rem;
}
.org-itk-lead {
  margin: .25rem 0 0;
  font-size: .82rem;
  line-height: 1.45;
}
.org-itk-settings-strip {
  display: flex;
  flex-wrap: wrap;
  gap: .35rem;
  margin: 0 0 .75rem;
}
.org-itk-create {
  margin: 0 0 .85rem;
  overflow: hidden;
  border: 1px solid #e8edf3;
  border-radius: var(--dr-radius, 4px);
  background: #fff;
}
.org-itk-create-head {
  padding: .75rem 1rem;
  border-bottom: 1px solid #e8edf3;
  background: linear-gradient(180deg, #f8fafc 0%, #fff 100%);
}
.org-itk-create-head .org-panel-title {
  margin: 0;
  font-size: .95rem;
}
.org-itk-create-body {
  padding: 1rem;
}
.org-itk-create-grid {
  margin: 0;
}
.org-itk-create-actions {
  margin-top: .85rem;
  padding-top: .85rem;
  border-top: 1px solid #e8edf3;
}
.org-itk-empty {
  padding: 1rem 0 .25rem;
}
.org-itk-actions-col {
  width: 1%;
  min-width: 11.5rem;
  white-space: nowrap;
  text-align: right;
}
.org-itk-table td {
  vertical-align: middle;
  padding-top: .45rem;
  padding-bottom: .45rem;
}
.org-itk-toolbar {
  display: inline-flex;
  flex-wrap: nowrap;
  align-items: stretch;
  max-width: 100%;
  border: 1px solid #e2e8f0;
  border-radius: 6px;
  background: linear-gradient(180deg, #fff 0%, #f8fafc 100%);
  overflow: hidden;
  box-shadow: 0 1px 2px rgba(15, 23, 42, .05);
}
.org-itk-toolbar-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: .28rem;
  padding: .32rem .52rem;
  border: 0;
  border-right: 1px solid #e8edf3;
  background: transparent;
  color: #475569;
  font-family: inherit;
  font-size: .71rem;
  font-weight: 650;
  line-height: 1;
  text-decoration: none !important;
  cursor: pointer;
  white-space: nowrap;
  transition: background .12s ease, color .12s ease;
}
.org-itk-toolbar-btn:last-child {
  border-right: 0;
}
.org-itk-toolbar-btn i {
  font-size: .62rem;
  opacity: .85;
}
.org-itk-toolbar-btn:hover {
  background: #f1f5f9;
  color: #1e293b;
}
.org-itk-toolbar-btn--accent {
  background: linear-gradient(180deg, var(--brand, #7f1d1d) 0%, #991b1b 100%);
  color: #fff !important;
  border-right-color: rgba(255, 255, 255, .15);
}
.org-itk-toolbar-btn--accent:hover {
  background: linear-gradient(180deg, #991b1b 0%, #7f1d1d 100%);
  color: #fff !important;
}
.org-itk-toolbar-btn--accent i { opacity: 1; }
.org-itk-toolbar-btn--stop {
  background: #fef2f2;
  color: #b91c1c !important;
}
.org-itk-toolbar-btn--stop:hover {
  background: #fee2e2;
  color: #991b1b !important;
}
.org-itk-toolbar-btn:disabled {
  opacity: .45;
  cursor: not-allowed;
}
.org-itk-invite {
  margin: .85rem 0 0;
  padding: .85rem;
  border: 1px solid #e8edf3;
  border-radius: var(--dr-radius, 4px);
  background: #f8fafc;
}
.org-itk-invite-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: .5rem;
  margin-bottom: .65rem;
}
.org-itk-invite-head .org-panel-title {
  margin: 0;
  font-size: .95rem;
}
.org-itk-invite-toolbar {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: .35rem .5rem;
  margin-bottom: .5rem;
}
.org-itk-invite-list {
  list-style: none;
  margin: 0;
  padding: 0;
  max-height: 16rem;
  overflow: auto;
  border: 1px solid #e8edf3;
  border-radius: var(--dr-radius, 4px);
  background: #fff;
}
.org-itk-invite-list li + li {
  border-top: 1px solid #eef2f6;
}
.org-itk-invite-item {
  display: grid;
  grid-template-columns: auto 1fr;
  gap: .15rem .55rem;
  align-items: center;
  padding: .45rem .65rem;
  cursor: pointer;
}
.org-itk-invite-item input { margin: 0; }
.org-itk-invite-name { font-weight: 600; font-size: .88rem; }
.org-itk-invite-sub { grid-column: 2; font-size: .78rem; }
.org-itk-invite-subtitle { margin: .15rem 0 0; font-size: .8rem; }
.org-itk-invite-tabs {
  display: flex;
  gap: .35rem;
  margin-bottom: .65rem;
}
.org-itk-tab {
  border: 1px solid #e2e8f0;
  background: #fff;
  color: #475569;
  border-radius: var(--dr-radius, 4px);
  padding: .35rem .65rem;
  font-size: .82rem;
  font-weight: 600;
  cursor: pointer;
}
.org-itk-tab.is-active {
  border-color: var(--dr-primary, #7f1d1d);
  background: #fdf2f2;
  color: var(--dr-primary, #7f1d1d);
}
.org-itk-invite-search {
  flex: 1 1 12rem;
  min-width: 10rem;
}
.org-itk-invite-count {
  font-size: .82rem;
  font-weight: 600;
  color: #334155;
}
.org-itk-invite-empty {
  padding: 1rem;
  text-align: center;
  border: 1px dashed #cbd5e1;
  border-radius: var(--dr-radius, 4px);
  background: #fff;
}
.org-itk-link-btn {
  border: 0;
  background: none;
  color: var(--dr-primary, #7f1d1d);
  font-weight: 600;
  cursor: pointer;
  text-decoration: underline;
}
.org-itk-invite-add { display: grid; gap: .65rem; }
.org-itk-extra-list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-wrap: wrap;
  gap: .35rem;
}
.org-itk-extra-chip {
  display: inline-flex;
  align-items: center;
  gap: .35rem;
  padding: .25rem .45rem;
  border: 1px solid #e2e8f0;
  border-radius: 999px;
  background: #fff;
  font-size: .8rem;
}
.org-itk-extra-chip label {
  display: inline-flex;
  align-items: center;
  gap: .35rem;
  cursor: pointer;
}
.org-itk-extra-remove {
  border: 0;
  background: none;
  color: #94a3b8;
  font-size: 1rem;
  line-height: 1;
  cursor: pointer;
}
.org-itk-invite-summary { margin: .65rem 0 0; font-size: .82rem; }
.org-itk-date-cell {
  display: grid;
  gap: .1rem;
}
.org-itk-date-cell strong { font-size: .88rem; }
.org-itk-title-cell {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: .35rem;
}
.org-itk-link {
  color: var(--dr-primary, #7f1d1d);
  font-weight: 600;
  text-decoration: none;
}
.org-itk-link:hover { text-decoration: underline; }
.org-itk-invite-cell {
  display: grid;
  gap: .15rem;
}
.org-itk-row-live {
  background: linear-gradient(90deg, rgba(34, 197, 94, .06) 0%, transparent 100%);
}
@media (max-width: 960px) {
  .org-itk-actions-col { width: auto; min-width: 0; }
  .org-itk-toolbar { flex-wrap: wrap; max-width: 100%; }
  .org-itk-create-grid { grid-template-columns: 1fr; }
  .org-itk-create-grid .org-form-span-2 { grid-column: auto; }
}

.org-mandate-ops {
  display: grid;
  gap: .85rem;
}
.org-mandate-flash { margin-bottom: 0; }
.org-mandate-workflow {
  margin: 0;
  font-size: .84rem;
  color: #64748b;
}
.org-mandate-workflow i { color: #94a3b8; margin-right: .35rem; }
.org-mandate-filter {
  padding: .65rem .85rem;
  border: 1px solid #e8edf3;
  border-radius: var(--dr-radius, 4px);
  background: #f8fafc;
}
.org-mandate-filter-row {
  display: grid;
  grid-template-columns: minmax(180px, 2fr) minmax(260px, 1.35fr) minmax(150px, 0.85fr) auto;
  gap: .75rem 1.25rem;
  align-items: end;
}
.org-mandate-filter-search {
  width: 100%;
  min-width: 0;
  display: flex;
  align-items: center;
  gap: .45rem;
  padding: 0 .65rem;
  height: 36px;
  border: 1px solid #e2e8f0;
  border-radius: var(--dr-radius, 4px);
  background: #fff;
}
.org-mandate-filter-search .input {
  border: 0;
  box-shadow: none;
  padding: 0;
  height: auto;
  min-height: 0;
  font-size: .84rem;
  background: transparent;
}
.org-mandate-filter-search i { color: #94a3b8; font-size: .78rem; flex-shrink: 0; }
.org-mandate-filter-group {
  display: grid;
  gap: .28rem;
  min-width: 0;
}
.org-mandate-filter-type .org-mandate-seg {
  display: flex;
  width: 100%;
}
.org-mandate-filter-type .org-mandate-seg button {
  flex: 1 1 0;
  text-align: center;
  padding: .36rem .45rem;
}
.org-mandate-filter-status { min-width: 0; }
.org-mandate-filter-label {
  font-size: .62rem;
  font-weight: 700;
  letter-spacing: .06em;
  text-transform: uppercase;
  color: #94a3b8;
  line-height: 1;
}
.org-mandate-seg {
  display: inline-flex;
  border: 1px solid #e2e8f0;
  border-radius: var(--dr-radius, 4px);
  overflow: hidden;
  background: #fff;
}
.org-mandate-seg button {
  margin: 0;
  border: 0;
  border-right: 1px solid #e2e8f0;
  padding: .32rem .5rem;
  font: inherit;
  font-size: .76rem;
  font-weight: 600;
  color: #64748b;
  background: #fff;
  cursor: pointer;
  white-space: nowrap;
  transition: background .15s, color .15s;
}
.org-mandate-seg button:last-child { border-right: 0; }
.org-mandate-seg button:hover { background: #f1f5f9; color: #0f172a; }
.org-mandate-seg button.is-active {
  background: #1e3a5f;
  color: #fff;
}
.org-mandate-filter-select {
  width: 100%;
  height: 36px;
  min-width: 0;
  padding: 0 .45rem;
  font-size: .82rem;
  border-radius: var(--dr-radius, 4px);
}
.org-mandate-filter-actions {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: .65rem;
  align-self: end;
  min-height: 36px;
}
.org-mandate-filter-meta {
  font-size: .78rem;
  font-weight: 600;
  color: #64748b;
  white-space: nowrap;
}
.org-mandate-filter-clear {
  margin: 0;
  padding: .35rem .5rem;
  border: 0;
  background: transparent;
  font: inherit;
  font-size: .78rem;
  font-weight: 600;
  color: #64748b;
  cursor: pointer;
  white-space: nowrap;
}
.org-mandate-filter-clear:hover { color: var(--orange, #c01018); }
.org-mandate-filter-active {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: .35rem;
  margin-top: .55rem;
  padding-top: .55rem;
  border-top: 1px solid #e8edf3;
}
@media (max-width: 960px) {
  .org-mandate-filter-row {
    grid-template-columns: 1fr 1fr;
  }
  .org-mandate-filter-search { grid-column: 1 / -1; }
  .org-mandate-filter-actions {
    grid-column: 1 / -1;
    justify-content: space-between;
  }
}
@media (max-width: 640px) {
  .org-mandate-filter-row { grid-template-columns: 1fr; }
  .org-mandate-filter-actions { justify-content: space-between; }
}
.org-mandate-form-note {
  margin: -.25rem 0 .85rem;
  padding: .65rem .75rem;
  border-radius: var(--dr-radius, 4px);
  background: #eff6ff;
  border: 1px solid #dbeafe;
  font-size: .84rem;
  line-height: 1.55;
  color: #475569;
}
.org-mandate-form-note strong { color: #1e3a5f; }

.org-mandate-create {
  padding: 0;
  overflow: hidden;
  border: 1px solid #e8edf3;
}
.org-mandate-create-head {
  padding: 1rem 1.1rem .85rem;
  border-bottom: 1px solid #e8edf3;
  background: #fff;
}
.org-mandate-create-head .org-panel-title { margin: 0 0 .35rem; }
.org-mandate-create-lead {
  margin: 0;
  font-size: .86rem;
  line-height: 1.55;
  color: #64748b;
  max-width: 62rem;
}
.org-mandate-legend {
  display: grid;
  gap: .35rem;
  margin-top: .65rem;
  padding: .55rem .65rem;
  border-radius: var(--dr-radius, 4px);
  background: #f8fafc;
  border: 1px solid #e8edf3;
  font-size: .78rem;
  line-height: 1.45;
  color: #64748b;
}
.org-mandate-legend strong { color: #334155; }
.org-mandate-create-fields--solo {
  padding: 1rem 1.1rem 1.1rem;
  background: #fff;
}
.org-mandate-flow-strip {
  display: flex;
  flex-wrap: wrap;
  gap: .45rem;
  margin-bottom: .85rem;
  padding: .45rem .55rem;
  border: 1px solid #e8edf3;
  border-radius: var(--dr-radius, 4px);
  background: #f8fafc;
  font-size: .76rem;
  color: #64748b;
}
.org-mandate-flow-strip span {
  padding: .22rem .45rem;
  border-radius: 3px;
}
.org-mandate-flow-strip span.is-current {
  background: #1e3a5f;
  color: #fff;
  font-weight: 600;
}
.org-mandate-flow-strip span.is-done {
  color: #059669;
  font-weight: 600;
}
.org-mandate-preview {
  padding: .65rem .75rem;
  border: 1px solid #dbeafe;
  border-radius: var(--dr-radius, 4px);
  background: #f8fbff;
  font-size: .84rem;
  color: #334155;
}
.org-mandate-preview p { margin: 0; }
.org-mandate-preview p + p { margin-top: .35rem; }
.org-mandate-preview--warn {
  border-color: #fde68a;
  background: #fffbeb;
}
.org-mandate-create-actions {
  align-items: flex-end;
  justify-content: space-between;
}
.org-mandate-submit-hint {
  margin: .35rem 0 0;
  font-size: .75rem;
  color: #64748b;
}
.org-mandate-create-body {
  display: grid;
  grid-template-columns: minmax(240px, 320px) minmax(0, 1fr);
  gap: 0;
}
.org-mandate-create-guide {
  padding: 1rem 1rem 1.1rem;
  background: #f8fafc;
  border-right: 1px solid #e8edf3;
}
.org-mandate-create-guide--compact { border-right: 1px solid #e8edf3; }
.org-mandate-create-guide-title {
  margin: 0 0 .65rem;
  font-size: .68rem;
  font-weight: 700;
  letter-spacing: .06em;
  text-transform: uppercase;
  color: #64748b;
}
.org-mandate-create-steps {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  gap: .75rem;
}
.org-mandate-create-steps li {
  display: grid;
  grid-template-columns: 1.6rem minmax(0, 1fr);
  gap: .55rem;
  align-items: start;
}
.org-mandate-step-num {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 1.6rem;
  height: 1.6rem;
  border-radius: var(--dr-radius, 4px);
  background: #e2e8f0;
  color: #475569;
  font-size: .72rem;
  font-weight: 700;
}
.org-mandate-create-steps li.is-current .org-mandate-step-num {
  background: #1e3a5f;
  color: #fff;
}
.org-mandate-create-steps li.is-done .org-mandate-step-num {
  background: #059669;
  color: #fff;
}
.org-mandate-create-steps strong {
  display: block;
  font-size: .82rem;
  color: #0f172a;
  margin-bottom: .15rem;
}
.org-mandate-create-steps p {
  margin: 0;
  font-size: .78rem;
  line-height: 1.5;
  color: #64748b;
}
.org-mandate-create-fields {
  padding: 1rem 1.1rem 1.1rem;
  background: #fff;
}
.org-mandate-create-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: .85rem 1rem;
}
.org-mandate-create-grid .org-form-span-2 { grid-column: 1 / -1; }
.org-field {
  display: grid;
  gap: .35rem;
  min-width: 0;
  align-content: start;
}
.org-field-label {
  font-size: .68rem;
  font-weight: 700;
  letter-spacing: .06em;
  text-transform: uppercase;
  color: #64748b;
  line-height: 1.2;
}
.org-field-control,
.org-field .input.org-field-control,
.org-field select.org-field-control {
  width: 100%;
  min-height: 38px;
  border: 1px solid #dbe1ea;
  border-radius: var(--dr-radius, 4px);
  box-shadow: none;
  background: #fff;
}
.org-field-control:focus,
.org-field .input.org-field-control:focus {
  border-color: #1e3a5f;
  outline: none;
  box-shadow: 0 0 0 2px rgba(30, 58, 95, .08);
}
.org-field-hint {
  font-size: .75rem;
  line-height: 1.45;
  color: #94a3b8;
}
.org-member-picker { position: relative; }
.org-member-picker-input {
  display: flex;
  align-items: center;
  gap: .5rem;
  min-height: 38px;
  padding: 0 .65rem;
  border: 1px solid #dbe1ea;
  border-radius: var(--dr-radius, 4px);
  background: #fff;
}
.org-member-picker-input.is-open {
  border-color: #1e3a5f;
  box-shadow: 0 0 0 2px rgba(30, 58, 95, .08);
}
.org-member-picker-input > i:first-child { color: #94a3b8; font-size: .82rem; flex-shrink: 0; }
.org-member-picker-input .input {
  border: 0;
  box-shadow: none;
  padding: 0;
  min-height: 0;
  height: auto;
  flex: 1;
  min-width: 0;
  background: transparent;
}
.org-member-picker-spin { color: #94a3b8; font-size: .78rem; }
.org-member-picker-results {
  position: absolute;
  z-index: 12;
  left: 0;
  right: 0;
  top: calc(100% + 4px);
  max-height: 240px;
  overflow: auto;
  border: 1px solid #e2e8f0;
  border-radius: var(--dr-radius, 4px);
  background: #fff;
  box-shadow: 0 10px 28px rgba(15, 23, 42, .12);
}
.org-member-picker-empty {
  margin: 0;
  padding: .75rem .85rem;
  font-size: .82rem;
  color: #64748b;
}
.org-member-picker-option {
  display: grid;
  gap: .12rem;
  width: 100%;
  margin: 0;
  padding: .62rem .85rem;
  border: 0;
  border-bottom: 1px solid #f1f5f9;
  background: #fff;
  text-align: left;
  cursor: pointer;
  font: inherit;
}
.org-member-picker-option:last-child { border-bottom: 0; }
.org-member-picker-option:hover { background: #f8fafc; }
.org-member-picker-option strong {
  font-size: .86rem;
  color: #0f172a;
}
.org-member-picker-option span {
  font-size: .76rem;
  color: #64748b;
}
.org-member-picker-selected {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: .55rem;
  padding: .65rem .75rem;
  border: 1px solid #dbeafe;
  border-radius: var(--dr-radius, 4px);
  background: #f8fbff;
}
.org-member-picker-selected-main { display: grid; gap: .12rem; min-width: 0; }
.org-member-picker-selected-main strong { font-size: .9rem; color: #0f172a; }
.org-member-picker-meta { font-size: .76rem; color: #64748b; }
.org-member-picker-selected-actions {
  display: inline-flex;
  align-items: center;
  gap: .55rem;
}
.org-member-picker-link {
  font-size: .78rem;
  font-weight: 600;
  color: #1e3a5f;
}
.org-member-picker-clear {
  margin: 0;
  padding: .28rem .45rem;
  border: 1px solid #e2e8f0;
  border-radius: var(--dr-radius, 4px);
  background: #fff;
  font: inherit;
  font-size: .76rem;
  font-weight: 600;
  color: #64748b;
  cursor: pointer;
}
.org-member-picker-clear:hover { border-color: #cbd5e1; color: #0f172a; }
.org-mandate-create-branch {
  padding: .65rem .75rem;
  border: 1px solid #e8edf3;
  border-radius: var(--dr-radius, 4px);
  background: #f8fafc;
}
.org-mandate-create-branch-main {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: .4rem;
}
@media (max-width: 900px) {
  .org-mandate-create-body { grid-template-columns: 1fr; }
  .org-mandate-create-guide { border-right: 0; border-bottom: 1px solid #e8edf3; }
  .org-mandate-create-grid { grid-template-columns: 1fr; }
}

.org-mandate-section { margin: 0; }
.org-mandate-section-head {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: .5rem;
  margin-bottom: .75rem;
}
.org-mandate-section-head .org-panel-title { margin: 0; }
.org-mandate-site-cell {
  display: grid;
  gap: .25rem;
  min-width: 9rem;
}
.org-mandate-site-cell--compact {
  display: inline-flex;
  flex-wrap: wrap;
  align-items: center;
  gap: .35rem .5rem;
  min-width: 0;
}
.org-mandate-records-table-wrap {
  max-height: min(68vh, 640px);
  overflow: auto;
  border-top: 1px solid #e8edf3;
}
.org-mandate-records-table thead th {
  position: sticky;
  top: 0;
  z-index: 2;
  background: #f8fafc;
  box-shadow: 0 1px 0 #e8edf3;
}
.org-mandate-records-table td,
.org-mandate-records-table th {
  vertical-align: middle;
}
.org-mandate-records-table .org-mandate-actions-col {
  width: 1%;
  min-width: 12rem;
  white-space: nowrap;
  text-align: right;
}
.org-mandate-pager {
  border-top: 1px solid #e8edf3;
}
.org-mandate-link {
  font-size: .82rem;
  color: #64748b;
}
.org-mandate-link:hover { color: var(--orange, #c01018); }
.org-mandate-term-cell {
  white-space: nowrap;
}
.org-mandate-term {
  display: inline-flex;
  align-items: center;
  gap: .25rem;
  font-size: .8rem;
  font-weight: 600;
  color: #334155;
  letter-spacing: -.01em;
}
.org-mandate-term-sep {
  color: #94a3b8;
  font-weight: 500;
}
.org-mandate-term-cell .org-status-chip {
  display: inline-block;
  margin-left: .35rem;
  vertical-align: middle;
}
.org-mandate-toolbar {
  display: inline-flex;
  flex-wrap: nowrap;
  align-items: stretch;
  border: 1px solid #e2e8f0;
  border-radius: 6px;
  background: linear-gradient(180deg, #fff 0%, #f8fafc 100%);
  overflow: hidden;
  box-shadow: 0 1px 2px rgba(15, 23, 42, .05);
}
.org-mandate-toolbar-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: .28rem;
  padding: .32rem .5rem;
  border: 0;
  border-right: 1px solid #e8edf3;
  background: transparent;
  color: #475569;
  font-family: inherit;
  font-size: .71rem;
  font-weight: 650;
  line-height: 1;
  text-decoration: none !important;
  cursor: pointer;
  white-space: nowrap;
  transition: background .12s ease, color .12s ease;
}
.org-mandate-toolbar-btn:last-child { border-right: 0; }
.org-mandate-toolbar-btn i {
  font-size: .62rem;
  opacity: .85;
}
.org-mandate-toolbar-btn:hover {
  background: #f1f5f9;
  color: #1e293b;
}
.org-mandate-toolbar-btn--accent {
  background: linear-gradient(180deg, var(--brand, #7f1d1d) 0%, #991b1b 100%);
  color: #fff !important;
  border-right-color: rgba(255, 255, 255, .15);
}
.org-mandate-toolbar-btn--accent:hover {
  background: linear-gradient(180deg, #991b1b 0%, #7f1d1d 100%);
  color: #fff !important;
}
.org-mandate-toolbar-btn--accent i { opacity: 1; }
.org-mandate-toolbar-btn--stop {
  background: #fef2f2;
  color: #b91c1c !important;
}
.org-mandate-toolbar-btn--stop:hover {
  background: #fee2e2;
  color: #991b1b !important;
}
.org-mandate-toolbar-btn:disabled {
  opacity: .45;
  cursor: not-allowed;
}
@media (max-width: 1100px) {
  .org-mandate-toolbar { flex-wrap: wrap; max-width: 14rem; }
  .org-mandate-records-table .org-mandate-actions-col { white-space: normal; }
}
.org-mandate-secondary-grid {
  display: grid;
  gap: .85rem;
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
}
.org-mandate-muted { margin: 0; font-size: .88rem; }

.org-table-name {
  display: inline-flex;
  align-items: center;
  gap: .45rem;
  font-weight: 600;
}
.org-table-name i { color: #64748b; width: 1rem; text-align: center; }
.org-tree-board { padding: 1.1rem 1.25rem; }
.org-tree-list {
  list-style: none;
  margin: 0;
  padding: 0;
}
.org-tree-item { margin: 0; padding: 0; }
.org-tree-item--depth-1 { margin-left: 1.1rem; border-left: 2px solid #e2e8f0; padding-left: .85rem; }
.org-tree-item--depth-2 { margin-left: 1rem; border-left: 2px solid #e8edf3; padding-left: .85rem; }
.org-tree-item--depth-3 { margin-left: 1rem; border-left: 2px dashed #e8edf3; padding-left: .85rem; }
.org-tree-node {
  display: flex;
  gap: .75rem;
  padding: .65rem 0;
}
.org-tree-icon {
  flex: 0 0 2.25rem;
  width: 2.25rem;
  height: 2.25rem;
  display: grid;
  place-items: center;
  border-radius: var(--dr-radius, 4px);
  background: linear-gradient(180deg, #f8fafc 0%, #f1f5f9 100%);
  border: 1px solid #e2e8f0;
  color: #1e3a5f;
  font-size: .95rem;
}
.org-tree-body { flex: 1; min-width: 0; }
.org-tree-title-row {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: .5rem;
}
.org-tree-name { font-size: .95rem; color: #0f172a; }
.org-tree-meta {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: .35rem;
  margin-top: .3rem;
}
.org-tree-parent { font-size: .75rem; color: #94a3b8; }
.org-tree-desc {
  margin: .35rem 0 0;
  font-size: .8rem;
  color: #64748b;
  line-height: 1.45;
}
@media (max-width: 768px) {
  .org-view-pills { width: 100%; margin-left: 0; }
  .org-filter-row .btn { width: 100%; }
  .org-tree-item--depth-1,
  .org-tree-item--depth-2,
  .org-tree-item--depth-3 { margin-left: .5rem; padding-left: .5rem; }
}

/* Products hub */
.products-hub-table-card {
  padding: 0;
  overflow: hidden;
}
.products-hub .admin-list-search {
  flex: 1 1 10rem;
  width: auto;
  min-width: 8.5rem;
  max-width: 18rem;
}
.products-hub-table-head {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: .5rem;
  padding: .85rem 1.1rem;
  border-bottom: 1px solid #e8edf3;
  background: linear-gradient(180deg, #f8fafc 0%, #fff 100%);
}
.products-hub-table-head strong {
  font-size: .9rem;
  color: #0f172a;
}
.products-hub-tabs {
  margin: 0;
  border-top: 1px solid #e8edf3;
  padding-top: .65rem;
}
.products-hub-pager {
  padding: .75rem 1.1rem;
  border-top: 1px solid #e8edf3;
  margin: 0;
}
.products-hub-updated {
  font-size: .82rem;
  white-space: nowrap;
}
.products-hub-table .col-thumb { width: 60px; }
.products-hub-thumb {
  width: 52px;
  height: 52px;
  border-radius: var(--dr-radius, 4px);
  object-fit: cover;
  border: 1px solid #e2e8f0;
  background: #f8fafc;
}

.org-status-chip.is-muted { background: #f1f5f9; color: #64748b; border: 1px solid #e2e8f0; }
.org-status-chip.is-danger { background: #fef2f2; color: #b91c1c; border: 1px solid #fecaca; }

@media print {
  .org-dash .dr-dash-actions,
  .org-dash .dr-filter,
  .org-form-panel,
  .org-readonly-banner,
  .store-dash .dr-dash-actions,
  .store-dash .dr-filter { display: none !important; }
  .org-tree-board { border: none; box-shadow: none; }
}

/* ── Mağaza operasyon hub (store-dash) — dr-dash görsel dil ── */
.store-dash {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  animation: drFadeIn .45s ease-out;
}
.store-dash-stats { margin: 0; }
.store-dash-loading {
  min-height: 200px;
  display: grid;
  place-items: center;
}
.store-filter-body { display: flex; flex-direction: column; gap: .75rem; }
.store-filter-row {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: .5rem;
}
.store-filter-search {
  flex: 1 1 220px;
  display: flex;
  align-items: center;
  gap: .5rem;
  padding: 0 .65rem;
  border: 1px solid #e2e8f0;
  border-radius: var(--dr-radius, 4px);
  background: #fff;
}
.store-filter-search .input {
  border: 0;
  box-shadow: none;
  padding-left: 0;
  flex: 1;
  min-width: 0;
}
.store-filter-search i { color: #94a3b8; font-size: .85rem; }
.store-filter-select select {
  min-height: 2.35rem;
  padding: 0 .65rem;
  border: 1px solid #e2e8f0;
  border-radius: var(--dr-radius, 4px);
  background: #fff;
  font-size: .84rem;
}
.dr-stat-card--danger .dr-stat-value { color: #b91c1c; }
@media (max-width: 768px) {
  .store-filter-row .btn { width: 100%; }
  .store-filter-select { width: 100%; }
  .store-filter-select select { width: 100%; }
}

/* Store bulk product import */
.store-bulk-import-panel {
  padding: 0;
  overflow: hidden;
}
.store-bulk-import-summary {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: .75rem;
  padding: .9rem 1.1rem;
  cursor: pointer;
  list-style: none;
  user-select: none;
}
.store-bulk-import-summary::-webkit-details-marker { display: none; }
.store-bulk-import-summary > span {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: .5rem .75rem;
}
.store-bulk-import-summary strong { font-size: .95rem; color: #0f172a; }
.store-bulk-import-summary em {
  font-size: .78rem;
  color: #64748b;
  font-style: normal;
}
.store-bulk-import-summary > i:last-child {
  color: #94a3b8;
  transition: transform .2s ease;
}
.store-bulk-import-panel[open] .store-bulk-import-summary > i:last-child {
  transform: rotate(180deg);
}
.store-bulk-import-body {
  padding: 0 1.1rem 1.1rem;
  border-top: 1px solid #e8edf3;
}
.store-bulk-import-lead {
  margin: .85rem 0 1rem;
  font-size: .84rem;
  line-height: 1.45;
}
.store-bulk-import-cols {
  display: grid;
  grid-template-columns: minmax(220px, 280px) minmax(0, 1fr);
  gap: 1rem;
  align-items: start;
}
.store-bulk-import-template {
  padding: .85rem;
  border: 1px solid #e8edf3;
  border-radius: var(--dr-radius, 4px);
  background: #f8fafc;
}
.store-bulk-import-field-list {
  margin: .5rem 0 .75rem;
  padding-left: 1.1rem;
  font-size: .78rem;
  color: #475569;
  line-height: 1.5;
}
.store-bulk-import-form label {
  display: flex;
  flex-direction: column;
  gap: .35rem;
  margin-bottom: .65rem;
  font-size: .78rem;
  color: #64748b;
}
.store-bulk-import-form textarea,
.store-bulk-import-form select,
.store-bulk-file input {
  font-size: .84rem;
}
.store-bulk-import-row {
  display: flex;
  flex-wrap: wrap;
  gap: .75rem;
  align-items: flex-end;
}
.store-bulk-check {
  display: flex;
  align-items: center;
  gap: .45rem;
  flex-direction: row !important;
  color: #334155;
}
.store-bulk-import-actions {
  display: flex;
  flex-wrap: wrap;
  gap: .5rem;
  margin-top: .25rem;
}
.store-bulk-import-result {
  margin-top: 1rem;
  padding-top: .85rem;
  border-top: 1px dashed #e2e8f0;
  display: flex;
  flex-direction: column;
  gap: .5rem;
}
.store-bulk-preview-wrap { margin-top: .35rem; }
.store-bulk-preview-table th,
.store-bulk-preview-table td {
  font-size: .78rem;
  padding: .45rem .5rem;
}
.store-bulk-preview-table .is-error-row { background: #fef2f2; }
.store-bulk-error-list {
  margin: 0;
  padding-left: 1.1rem;
  font-size: .78rem;
  color: #b91c1c;
}
@media (max-width: 900px) {
  .store-bulk-import-cols { grid-template-columns: 1fr; }
}

/* Pazaryeri CSV import — workspace (kayma önleyici sabit panel) */
.mp-import-workspace {
  padding: 0;
  overflow: hidden;
  margin-bottom: 1rem;
}
.mp-import-toolbar {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: .85rem;
  padding: .85rem 1.1rem;
  border-bottom: 1px solid #e8edf3;
  background: linear-gradient(180deg, #fafbfc 0%, #fff 100%);
}
.mp-import-stepper {
  display: flex;
  align-items: center;
  gap: 0;
  margin: 0;
  padding: 0;
  list-style: none;
}
.mp-import-stepper li {
  display: inline-flex;
  align-items: center;
  gap: .4rem;
  font-size: .78rem;
  font-weight: 700;
  color: #94a3b8;
  white-space: nowrap;
}
.mp-import-stepper li + li::before {
  content: '';
  display: inline-block;
  width: 1.25rem;
  height: 1px;
  margin: 0 .55rem;
  background: #cbd5e1;
}
.mp-import-stepper li span {
  display: inline-grid;
  place-items: center;
  min-width: 1.45rem;
  height: 1.35rem;
  padding: 0 .25rem;
  border-radius: 6px;
  font-size: .68rem;
  font-weight: 800;
  background: #e2e8f0;
  color: #64748b;
}
.mp-import-stepper li.is-active {
  color: #0f172a;
}
.mp-import-stepper li.is-active span {
  background: #c01018;
  color: #fff;
}
.mp-import-stepper li[data-done='1'] {
  color: #059669;
}
.mp-import-stepper li[data-done='1'] span {
  background: #d1fae5;
  color: #047857;
}
.mp-import-toolbar-actions {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: .55rem;
  margin-left: auto;
}
.mp-import-commit-banner {
  display: flex;
  align-items: flex-start;
  gap: .55rem;
  padding: .65rem 1.1rem;
  background: #fff7ed;
  border-bottom: 1px solid #fed7aa;
  color: #9a3412;
  font-size: .8rem;
  line-height: 1.45;
}
.mp-import-commit-banner i {
  margin-top: .12rem;
  flex-shrink: 0;
}
.mp-import-market {
  padding: .85rem 1.1rem;
  border-bottom: 1px solid #e8edf3;
}
.mp-import-market-head {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  justify-content: space-between;
  gap: .35rem .75rem;
  margin-bottom: .55rem;
}
.mp-import-market-head strong {
  font-size: .82rem;
  color: #0f172a;
}
.mp-import-market-active {
  font-size: .75rem;
  font-weight: 700;
  color: #64748b;
}
.mp-import-pills {
  flex-wrap: wrap;
}
.mp-import-pills .dr-filter-pill {
  border-radius: 6px;
}
.mp-import-layout {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(240px, 320px);
  gap: 0;
  align-items: stretch;
}
.mp-import-main {
  padding: 1.1rem;
  display: grid;
  gap: .85rem;
  min-width: 0;
}
.mp-import-side {
  padding: 1.1rem;
  border-left: 1px solid #e8edf3;
  background: #fafbfc;
  display: grid;
  gap: .75rem;
  align-content: start;
}
.mp-import-side-card {
  padding: .85rem;
  border: 1px solid #e8edf3;
  border-radius: 10px;
  background: #fff;
}
.mp-import-side-card strong {
  display: block;
  margin-bottom: .35rem;
  font-size: .82rem;
}
.mp-import-side-card > .muted {
  margin: 0 0 .55rem;
  font-size: .75rem;
  line-height: 1.4;
}
/* Sütun rehberi — mini tablo + örnek başlık */
.mp-import-guide {
  padding: 0;
  overflow: hidden;
}
.mp-import-guide-head {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  justify-content: space-between;
  gap: .35rem .5rem;
  padding: .65rem .7rem .5rem;
  border-bottom: 1px solid #eef2f6;
  background: linear-gradient(180deg, #fafbfc 0%, #fff 100%);
}
.mp-import-guide-head strong {
  display: block;
  margin: 0;
  font-size: .84rem;
  color: #0f172a;
}
.mp-import-guide-head .muted {
  margin: .2rem 0 0;
  font-size: .72rem;
  line-height: 1.35;
}
.mp-import-guide-count {
  display: inline-flex;
  align-items: center;
  padding: .22rem .5rem;
  border-radius: 6px;
  border: 1px solid #e2e8f0;
  background: #f8fafc;
  font-size: .68rem;
  font-weight: 800;
  letter-spacing: .03em;
  text-transform: uppercase;
  color: #64748b;
}
.mp-import-guide-sample {
  padding: .45rem .7rem;
  border-bottom: 1px solid #eef2f6;
  display: grid;
  gap: .25rem;
}
.mp-import-guide-sample-label {
  font-size: .68rem;
  font-weight: 800;
  letter-spacing: .04em;
  text-transform: uppercase;
  color: #94a3b8;
}
.mp-import-guide-sample code {
  display: block;
  padding: .35rem .45rem;
  border-radius: 6px;
  border: 1px solid #e2e8f0;
  background: #f8fafc;
  font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  font-size: .65rem;
  line-height: 1.35;
  color: #1e3a5f;
  word-break: break-word;
}
.mp-import-guide-table-wrap {
  overflow: visible;
}
.mp-import-guide-table {
  width: 100%;
  border-collapse: collapse;
  font-size: .72rem;
}
.mp-import-guide-table th {
  padding: .35rem .55rem;
  text-align: left;
  font-size: .64rem;
  font-weight: 800;
  letter-spacing: .04em;
  text-transform: uppercase;
  color: #64748b;
  background: #f8fafc;
  border-bottom: 1px solid #e8edf3;
}
.mp-import-guide-table td {
  padding: .4rem .55rem;
  vertical-align: middle;
  border-bottom: 1px solid #f1f5f9;
}
.mp-import-guide-table tbody tr:last-child td {
  border-bottom: 0;
}
.mp-import-guide-table tbody tr:hover td {
  background: #fafbfc;
}
.mp-import-guide-keys {
  display: flex;
  flex-wrap: wrap;
  gap: .28rem;
}
.mp-import-guide-keys code {
  display: inline-block;
  padding: .12rem .32rem;
  border-radius: 4px;
  border: 1px solid #dbeafe;
  background: #eff6ff;
  font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  font-size: .64rem;
  font-weight: 650;
  color: #1e40af;
  line-height: 1.2;
}
.mp-import-guide-meaning {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: .28rem .35rem;
}
.mp-import-guide-label {
  font-weight: 650;
  color: #334155;
  line-height: 1.25;
}
.mp-import-guide-badge {
  font-size: .6rem;
  padding: .08rem .32rem;
}
.mp-import-guide-foot {
  margin: 0;
  padding: .4rem .7rem .55rem;
  font-size: .68rem;
  line-height: 1.35;
  border-top: 1px solid #f1f5f9;
  background: #fafbfc;
}
.mp-import-side-note {
  display: grid;
  grid-template-columns: auto 1fr;
  gap: .45rem .55rem;
  align-items: start;
}
.mp-import-side-note i {
  color: #64748b;
  margin-top: .08rem;
}
.mp-import-side-note p {
  margin: 0;
  font-size: .75rem;
  line-height: 1.45;
  color: #475569;
}
.mp-import-field {
  display: grid;
  gap: .4rem;
  min-width: 0;
}
.mp-import-field > span {
  font-size: .78rem;
  font-weight: 700;
  color: #334155;
}
.mp-import-field textarea {
  width: 100%;
  min-height: 220px;
  resize: vertical;
  font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  font-size: .78rem;
  line-height: 1.45;
}
.mp-import-drop {
  position: relative;
  display: grid;
  justify-items: center;
  gap: .25rem;
  padding: 1.15rem 1rem;
  border: 1.5px dashed #cbd5e1;
  border-radius: 12px;
  background: #fff;
  text-align: center;
  cursor: pointer;
  transition: border-color .15s, background .15s;
  min-height: 118px;
}
.mp-import-drop:hover,
.mp-import-drop:focus-within {
  border-color: #94a3b8;
  background: #f8fafc;
}
.mp-import-drop input[type='file'] {
  position: absolute;
  inset: 0;
  opacity: 0;
  cursor: pointer;
}
.mp-import-drop-icon {
  display: grid;
  place-items: center;
  width: 2.5rem;
  height: 2.5rem;
  border-radius: 8px;
  background: #f1f5f9;
  color: #64748b;
  font-size: 1.1rem;
  margin-bottom: .15rem;
}
.mp-import-drop strong {
  font-size: .84rem;
  color: #0f172a;
}
.mp-import-drop .muted {
  font-size: .74rem;
}
.mp-import-file-badge {
  margin-top: .35rem;
  padding: .35rem .65rem;
  border-radius: 6px;
  background: #eff6ff;
  border: 1px solid #bfdbfe;
  color: #1e40af;
  font-size: .72rem;
  font-weight: 700;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.mp-import-result-panel {
  padding: 0;
  overflow: hidden;
  min-height: 220px;
}
.mp-import-result-head {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  justify-content: space-between;
  gap: .5rem .85rem;
  padding: .9rem 1.1rem;
  border-bottom: 1px solid #e8edf3;
}
.mp-import-result-head strong {
  display: block;
  font-size: .9rem;
}
.mp-import-result-head p {
  margin: .2rem 0 0;
  font-size: .76rem;
}
.mp-import-result-meta {
  display: flex;
  flex-wrap: wrap;
  gap: .35rem 1rem;
  padding: .65rem 1.1rem;
  border-bottom: 1px solid #f1f5f9;
  font-size: .78rem;
  color: #334155;
}
.mp-import-result-empty-state {
  display: grid;
  place-items: center;
  gap: .55rem;
  padding: 2.5rem 1.1rem;
  text-align: center;
  color: #94a3b8;
  min-height: 160px;
}
.mp-import-result-empty-state i {
  font-size: 1.5rem;
  opacity: .65;
}
.mp-import-result-empty-state p {
  margin: 0;
  font-size: .82rem;
  max-width: 28rem;
}
.mp-import-result-empty {
  padding: 1rem 1.1rem 1.25rem;
  margin: 0;
}
@media (max-width: 960px) {
  .mp-import-layout { grid-template-columns: 1fr; }
  .mp-import-side {
    border-left: 0;
    border-top: 1px solid #e8edf3;
  }
  .mp-import-toolbar {
    flex-direction: column;
    align-items: stretch;
  }
  .mp-import-toolbar-actions {
    margin-left: 0;
    justify-content: flex-start;
  }
}

/* Faturalar & makbuzlar hub */
.fiscal-docs-panel {
  padding: 0;
  overflow: hidden;
}
.fiscal-docs-list-bar .fiscal-docs-search-field {
  flex: 1 1 11rem;
  width: auto;
  max-width: none;
  min-width: 10rem;
}
.fiscal-docs-list-bar .admin-list-field select {
  min-width: 6.75rem;
  max-width: 8.5rem;
}
.fiscal-docs-table-wrap {
  overflow: auto;
}
.fiscal-docs-table th,
.fiscal-docs-table td {
  font-size: .78rem;
  padding: .55rem .65rem;
  vertical-align: middle;
}
.fiscal-docs-number {
  font-variant-numeric: tabular-nums;
  color: #0f172a;
}
.fiscal-docs-empty {
  display: grid;
  justify-items: center;
  gap: .45rem;
  padding: 2.5rem 1rem;
  text-align: center;
  color: #64748b;
}
.fiscal-docs-empty i {
  font-size: 1.4rem;
  opacity: .55;
}
.fiscal-docs-empty p {
  margin: 0;
  max-width: 24rem;
}
.fiscal-docs-pager {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: .65rem;
  padding: .75rem 1rem;
  border-top: 1px solid #eef2f6;
}

/* Mağaza kampanya tanım hub */
.store-campaign-panel {
  padding: 0;
  overflow: hidden;
}
.store-campaign-list-bar .store-campaign-search-field {
  flex: 1 1 11rem;
  width: auto;
  max-width: none;
  min-width: 10rem;
}
.store-campaign-list-bar .admin-list-field select {
  min-width: 6.75rem;
  max-width: 9rem;
}
.store-campaign-table-wrap { overflow: auto; }
.store-campaign-table th,
.store-campaign-table td {
  font-size: .78rem;
  padding: .55rem .65rem;
  vertical-align: middle;
}
.store-campaign-name {
  display: block;
  color: #0f172a;
  font-size: .84rem;
}
.store-campaign-slug {
  display: block;
  margin-top: .12rem;
  font-size: .72rem;
}
.store-campaign-discount {
  display: block;
  font-weight: 750;
  color: #0f172a;
}
.store-campaign-discount-type {
  display: block;
  margin-top: .1rem;
  font-size: .72rem;
}
.store-campaign-promo {
  font-size: .74rem;
  padding: .1rem .35rem;
  border-radius: 4px;
  background: #f1f5f9;
  border: 1px solid #e2e8f0;
}
.store-campaign-empty {
  display: grid;
  justify-items: center;
  gap: .55rem;
  padding: 2.5rem 1rem;
  text-align: center;
  color: #64748b;
}
.store-campaign-empty i {
  font-size: 1.4rem;
  opacity: .55;
}
.store-campaign-empty p { margin: 0; max-width: 24rem; }
.store-campaign-pager {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: .65rem;
  padding: .75rem 1rem;
  border-top: 1px solid #eef2f6;
}

/* Mağaza kampanya form */
.store-campaign-form-layout { align-items: start; }
.store-campaign-form-section { margin-bottom: 1rem; }
.store-campaign-title-input {
  font-size: 1.15rem !important;
  font-weight: 700 !important;
  margin-bottom: 0;
}
.store-campaign-form-grid .store-campaign-field.is-full {
  grid-column: 1 / -1;
}
.store-campaign-form-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: .85rem 1rem;
  align-items: stretch;
}
.store-campaign-form-grid .store-campaign-field {
  display: flex;
  flex-direction: column;
  gap: .35rem;
  min-width: 0;
  height: 100%;
  margin: 0;
}
.store-campaign-form-grid .store-campaign-field input,
.store-campaign-form-grid .store-campaign-field select {
  width: 100%;
  min-height: 2.65rem;
  height: 2.65rem;
  box-sizing: border-box;
}
.store-campaign-form-grid .store-campaign-field input[type='number'] {
  -moz-appearance: textfield;
}
.store-campaign-form-grid .store-campaign-field input[type='number']::-webkit-outer-spin-button,
.store-campaign-form-grid .store-campaign-field input[type='number']::-webkit-inner-spin-button {
  margin: 0;
  height: 2.65rem;
}
.store-campaign-form-grid .store-campaign-field .field-hint,
.store-campaign-form-grid .store-campaign-field-hint-spacer {
  margin: 0;
  min-height: 2.05em;
  line-height: 1.4;
}
.store-campaign-form-grid .store-campaign-field-hint-spacer {
  visibility: hidden;
  pointer-events: none;
}
.store-campaign-field {
  display: grid;
  gap: .35rem;
}
.store-campaign-label {
  font-size: .78rem;
  font-weight: 700;
  color: #475569;
}
.store-campaign-checks {
  display: grid;
  gap: .55rem;
  margin-top: .85rem;
  padding-top: .85rem;
  border-top: 1px solid #eef2f6;
}
.store-campaign-check {
  display: flex;
  align-items: flex-start;
  gap: .55rem;
  font-size: .82rem;
  color: #334155;
  cursor: pointer;
}
.store-campaign-check input { margin-top: .15rem; }
.store-campaign-advanced-details {
  margin-top: .85rem;
  padding-top: .85rem;
  border-top: 1px solid #eef2f6;
}
.store-campaign-advanced-details summary {
  cursor: pointer;
  font-size: .82rem;
  font-weight: 600;
  color: #475569;
  list-style: none;
}
.store-campaign-advanced-details summary::-webkit-details-marker { display: none; }
.store-campaign-advanced-details summary::before {
  content: '▸';
  display: inline-block;
  margin-right: .4rem;
  transition: transform .15s ease;
}
.store-campaign-advanced-details[open] summary::before {
  transform: rotate(90deg);
}
.store-campaign-advanced-body {
  display: grid;
  gap: .75rem;
  margin-top: .75rem;
}
.store-campaign-json {
  font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  font-size: .78rem;
  line-height: 1.45;
}
.store-campaign-form-status {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: .45rem .65rem;
  margin-bottom: .85rem;
}
.store-campaign-form-actions {
  display: grid;
  gap: .45rem;
  margin-top: .25rem;
}

.store-coupon-form .store-coupon-field {
  display: flex;
  flex-direction: column;
  gap: .4rem;
  margin: 0 0 1rem;
  min-width: 0;
}
.store-coupon-form .store-coupon-field:last-child {
  margin-bottom: 0;
}
.store-coupon-form .store-coupon-field .input,
.store-coupon-form .store-coupon-field input,
.store-coupon-form .store-coupon-field input:not([type]),
.store-coupon-form .store-coupon-field input[type='text'],
.store-coupon-form .store-coupon-field input[type='number'],
.store-coupon-form .store-coupon-field input[type='date'],
.store-coupon-form .store-coupon-field input[type='datetime-local'],
.store-coupon-form .store-coupon-field select {
  display: block !important;
  visibility: visible !important;
  width: 100%;
  min-height: 2.65rem;
  box-sizing: border-box;
  padding: .55rem .75rem;
  border: 1px solid var(--line-soft, #cbd5e1);
  border-radius: 8px;
  background: #fff;
}
.store-coupon-form .store-coupon-field input[type='checkbox'],
.store-coupon-form .store-coupon-field input[type='radio'] {
  display: inline-block !important;
  width: auto !important;
  min-width: 1rem;
  min-height: 1rem !important;
  height: auto !important;
  padding: 0 !important;
  border: none !important;
  background: transparent !important;
  box-shadow: none;
}
.dr-member-type-checks {
  display: flex;
  flex-wrap: wrap;
  gap: .55rem 1.15rem;
  padding: .2rem 0 .35rem;
}

.store-coupon-form .store-coupon-code-input,
.store-coupon-code-input {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  width: 100% !important;
  min-height: 2.75rem !important;
  height: 2.75rem;
  padding: .55rem .75rem !important;
  border: 1px solid var(--line-soft, #cbd5e1) !important;
  border-radius: 8px !important;
  background: #fff !important;
  font-size: 1.12rem !important;
  font-weight: 700 !important;
  letter-spacing: .08em;
  text-transform: uppercase;
}

/* Mağaza ürün formu */
.store-product-form-layout { align-items: start; }
.store-product-form-section { margin-bottom: 1rem; }

.store-product-form label.store-product-field {
  display: flex;
  flex-direction: column;
  gap: .35rem;
  margin: 0;
  min-width: 0;
  font-size: inherit;
  font-weight: inherit;
  color: inherit;
}

.store-product-form .store-product-field .store-product-label {
  display: block;
  font-size: .78rem;
  font-weight: 700;
  color: #475569;
  line-height: 1.25;
}

.store-product-form .store-product-field .field-hint {
  margin: 0;
  min-height: 0;
  font-size: .74rem;
  line-height: 1.4;
  color: #94a3b8;
}

.store-product-form .store-product-field input:not([type='checkbox']),
.store-product-form .store-product-field select,
.store-product-form .store-product-field textarea {
  width: 100%;
  min-width: 0;
  min-height: 2.65rem;
  margin: 0;
  padding: .65rem .8rem;
  border: 1px solid #d7dee8;
  border-radius: 8px;
  background: #fff;
  color: var(--ink);
  font: inherit;
  font-size: .88rem;
  font-weight: 600;
  line-height: 1.35 !important;
  box-sizing: border-box;
  box-shadow: 0 1px 0 rgba(15, 23, 42, .02);
  transition: border-color .15s ease, box-shadow .15s ease;
}

.store-product-form .store-product-field select {
  appearance: none;
  -webkit-appearance: none;
  height: 2.65rem;
  padding-right: 2rem;
  cursor: pointer;
  background-color: #fff;
  background-image:
    linear-gradient(45deg, transparent 50%, #64748b 50%),
    linear-gradient(135deg, #64748b 50%, transparent 50%);
  background-position:
    calc(100% - 14px) calc(50% - 2px),
    calc(100% - 9px) calc(50% - 2px);
  background-size: 5px 5px, 5px 5px;
  background-repeat: no-repeat;
}

.store-product-form .store-product-field input:not([type='checkbox']):focus,
.store-product-form .store-product-field select:focus,
.store-product-form .store-product-field textarea:focus {
  border-color: #93c5fd;
  box-shadow: 0 0 0 3px rgba(37, 99, 235, .15);
  outline: 0;
}

.store-product-form .store-product-field input:disabled,
.store-product-form .store-product-field select:disabled,
.store-product-form .store-product-field textarea:disabled {
  opacity: .72;
  cursor: not-allowed;
  background: #f8fafc;
}

.store-product-form .store-product-field textarea {
  height: auto;
  min-height: 4.5rem;
  resize: vertical;
}

.store-product-form .store-product-field input[type='number'] {
  -moz-appearance: textfield;
}

.store-product-form .store-product-field input[type='number']::-webkit-outer-spin-button,
.store-product-form .store-product-field input[type='number']::-webkit-inner-spin-button {
  margin: 0;
}

.store-product-title-input {
  font-size: 1.15rem !important;
  font-weight: 700 !important;
}

.store-product-form-grid .store-product-field.is-full {
  grid-column: 1 / -1;
}

.store-product-form-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: .85rem 1rem;
  align-items: stretch;
}

.store-product-form-grid .store-product-field {
  height: 100%;
}

.store-product-form-grid .store-product-field input:not([type='checkbox']),
.store-product-form-grid .store-product-field select {
  height: 2.65rem;
}

.store-product-form-grid .store-product-field textarea {
  height: auto;
  min-height: 4.5rem;
}

.store-product-form-grid .store-product-field .field-hint,
.store-product-form-grid .store-product-field-hint-spacer {
  margin: 0;
  min-height: 1.35em;
  line-height: 1.4;
}

.store-product-form-grid .store-product-field-hint-spacer {
  visibility: hidden;
  pointer-events: none;
}

.store-product-form > .editor-layout .editor-main > .store-product-form-section:first-child .meta-box-body > .store-product-field:first-child {
  margin-bottom: .85rem;
}

.store-product-form .meta-box-body > .store-product-field + .store-product-form-grid,
.store-product-form .meta-box-body > .store-product-form-grid + .store-product-field,
.store-product-form .content-editor-panel-body > .store-product-field + .store-product-field,
.store-product-form .content-editor-panel-body > .store-product-cover-preview + .store-product-media-block,
.store-product-form .content-editor-panel-body > .store-product-media-block + .store-product-field {
  margin-top: .85rem;
}

@media (max-width: 760px) {
  .store-product-form-grid {
    grid-template-columns: 1fr;
  }
}

.store-product-checks {
  display: grid;
  gap: .55rem;
  margin-top: .85rem;
  padding-top: .85rem;
  border-top: 1px solid #eef2f6;
}
.store-product-check {
  display: flex;
  align-items: flex-start;
  gap: .55rem;
  font-size: .82rem;
  color: #334155;
  cursor: pointer;
}
.store-product-check input[type='checkbox'] {
  margin-top: .15rem;
  flex: 0 0 auto;
}
.store-product-form-status {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: .45rem .65rem;
  margin-bottom: .85rem;
}
.store-product-form-actions {
  display: grid;
  gap: .45rem;
  margin-top: .25rem;
}
.store-product-ok-flash {
  display: flex;
  align-items: center;
  gap: .5rem;
  margin-bottom: 1rem;
  padding: .65rem .85rem;
  border-radius: 10px;
  border: 1px solid #bbf7d0;
  background: #f0fdf4;
  color: #15803d;
  font-size: .86rem;
  font-weight: 600;
}
.store-product-ok-flash i { color: #16a34a; }
.store-product-cover-preview {
  margin-bottom: .85rem;
  padding: .65rem;
  border: 1px solid #e2e8f0;
  border-radius: 12px;
  background: #f8fafc;
  text-align: center;
}
.store-product-cover-preview img {
  display: block;
  width: 100%;
  max-width: 11rem;
  max-height: 8rem;
  margin: 0 auto;
  border-radius: 10px;
  object-fit: cover;
  background: #fff;
}
.store-product-media-block {
  margin-top: .85rem;
}
.store-product-form .meta-box .pdr-media-field {
  display: grid;
  gap: .45rem;
}
.store-product-form .meta-box .pdr-media-label {
  font-size: .78rem;
  font-weight: 700;
  color: #475569;
}
.store-product-form .meta-box .pdr-media-row {
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  gap: .45rem;
}
.store-product-form .meta-box .pdr-media-row input {
  flex: 1 1 auto;
  min-width: 0;
  min-height: 2.45rem;
}
.store-product-form .meta-box .pdr-media-preview {
  display: block;
  width: 100%;
  max-width: 11rem;
  max-height: 7.5rem;
  margin-top: .15rem;
  border-radius: 10px;
  border: 1px solid #e2e8f0;
  object-fit: cover;
  background: #f8fafc;
}

.store-campaign-promo-media {
  margin: 1rem 0 0;
  padding: 1rem 0 0;
  border: none;
  border-top: 1px solid #eef2f6;
  min-width: 0;
}
.store-campaign-promo-media .pdr-media-row input {
  font-size: .82rem;
}
.store-campaign-promo-media .pdr-media-preview {
  max-width: 220px;
  max-height: 140px;
  object-fit: cover;
  border-radius: 8px;
  border: 1px solid #e2e8f0;
  margin-top: .65rem;
}
.store-campaign-media-clear {
  margin-top: .55rem;
}
.store-campaign-promo-shell {
  display: grid;
  gap: 1rem;
}
.store-campaign-promo-preview {
  padding: .9rem 1rem;
  border-radius: 12px;
  background: linear-gradient(180deg, #f8fafc 0%, #f1f5f9 100%);
  border: 1px solid #e2e8f0;
}
.store-campaign-promo-preview-label {
  display: block;
  font-size: .7rem;
  font-weight: 750;
  letter-spacing: .05em;
  text-transform: uppercase;
  color: #64748b;
  margin-bottom: .6rem;
}
.store-campaign-promo-preview-rail {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: .55rem .75rem;
}
.store-campaign-promo-chip-preview {
  display: inline-flex;
  align-items: center;
  padding: 5px 10px;
  border-radius: 4px;
  font-size: .7rem;
  font-weight: 800;
  letter-spacing: .03em;
  text-transform: uppercase;
  background: rgba(192, 16, 24, .1);
  color: #c01018;
  border: 1px solid rgba(192, 16, 24, .22);
}
.store-campaign-promo-preview-empty {
  font-size: .82rem;
  color: #94a3b8;
  line-height: 1.45;
}
.store-campaign-promo-link-preview {
  font-size: .72rem;
  padding: .2rem .45rem;
  border-radius: 6px;
  background: #fff;
  border: 1px solid #e2e8f0;
  color: #475569;
}
.store-campaign-promo-fields {
  display: grid;
  gap: .85rem;
}
@media (min-width: 768px) {
  .store-campaign-promo-fields {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: .85rem 1rem;
  }
}
.store-campaign-composed-input {
  display: flex;
  align-items: stretch;
  min-height: 2.7rem;
  border: 1px solid #dbe3ee;
  border-radius: 10px;
  background: #fff;
  overflow: hidden;
  box-shadow: 0 1px 0 rgba(15, 23, 42, .02);
  transition: border-color .15s ease, box-shadow .15s ease;
}
.store-campaign-composed-input:focus-within {
  border-color: #93c5fd;
  box-shadow: 0 0 0 3px rgba(37, 99, 235, .12);
}
.store-campaign-composed-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 2.4rem;
  flex-shrink: 0;
  color: #94a3b8;
  background: #f8fafc;
  border-right: 1px solid #e2e8f0;
  font-size: .82rem;
}
.store-campaign-composed-input:focus-within .store-campaign-composed-icon {
  color: #2563eb;
}
.store-campaign-composed-prefix {
  display: inline-flex;
  align-items: center;
  padding: 0 .55rem;
  font-size: .72rem;
  font-weight: 650;
  font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  color: #64748b;
  background: #f8fafc;
  border-right: 1px solid #e2e8f0;
  white-space: nowrap;
  flex-shrink: 0;
}
.store-campaign-composed-field {
  flex: 1;
  min-width: 0;
  border: 0 !important;
  box-shadow: none !important;
  border-radius: 0 !important;
  padding: .58rem .75rem !important;
  font-size: .88rem !important;
  background: transparent !important;
}
.store-campaign-composed-field:focus {
  box-shadow: none !important;
  outline: 0 !important;
}

@media print {
  .org-dash .dr-dash-actions,
  .org-dash .dr-filter,
  .org-form-panel,
  .org-readonly-banner { display: none !important; }
  .org-tree-board { border: none; box-shadow: none; }
}

/* ── Mağaza operasyon hub (store-dash) ── */
.store-dash {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  animation: drFadeIn .45s ease-out;
}
.store-dash-stats { margin: 0; }
.store-dash-loading {
  min-height: 200px;
  display: grid;
  place-items: center;
}
.store-filter-body { display: flex; flex-direction: column; gap: .75rem; }
.store-filter-row {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: .5rem;
}
.store-filter-search {
  flex: 1 1 220px;
  display: flex;
  align-items: center;
  gap: .5rem;
  padding: 0 .65rem;
  border: 1px solid #e2e8f0;
  border-radius: var(--dr-radius, 4px);
  background: #fff;
}
.store-filter-search .input {
  border: 0;
  box-shadow: none;
  padding-left: 0;
  flex: 1;
  min-width: 0;
}
.store-filter-search i { color: #94a3b8; font-size: .85rem; }
.store-filter-select select {
  min-height: 2.35rem;
  padding: 0 .65rem;
  border: 1px solid #e2e8f0;
  border-radius: var(--dr-radius, 4px);
  background: #fff;
  font-size: .84rem;
}
.dr-stat-card--danger .dr-stat-value { color: #b91c1c; }

/* Products hub legacy table helpers */
.products-hub-table-card { padding: 0; overflow: hidden; }
.products-hub-table-head {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: .5rem;
  padding: .85rem 1.1rem;
  border-bottom: 1px solid #e8edf3;
  background: linear-gradient(180deg, #f8fafc 0%, #fff 100%);
}
.products-hub-thumb {
  width: 52px;
  height: 52px;
  border-radius: var(--dr-radius, 4px);
  object-fit: cover;
  border: 1px solid #e2e8f0;
  background: #f8fafc;
}
.products-hub-name {
  font-weight: 650;
  color: inherit;
  text-decoration: none !important;
}
.products-hub-name:hover { color: #C01018; }
.products-hub-meta {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: .35rem .5rem;
  margin-top: .2rem;
  font-size: .78rem;
}
.products-hub-price {
  font-variant-numeric: tabular-nums;
  font-weight: 650;
  white-space: nowrap;
}

/* Ürün kataloğu — tp-catalog dilinde */
.products-catalog .products-catalog-stock {
  display: inline-flex;
  align-items: center;
  margin: 0;
}
.products-catalog .products-catalog-stock select {
  min-height: 2.15rem;
  padding: .35rem .55rem;
  border: 1px solid #dbe3ee;
  border-radius: var(--dr-radius, 4px);
  background: #f8fafc;
  color: #0f172a;
  font-size: .82rem;
  font-weight: 600;
}
.products-catalog .products-catalog-stock select:focus {
  outline: none;
  border-color: #94a3b8;
  background: #fff;
}
.products-catalog-loading {
  margin: 0;
  padding: .15rem .1rem;
}
.products-card-body {
  align-items: center;
}
.products-card-thumb {
  display: block;
  width: 3.5rem;
  height: 3.5rem;
  border-radius: var(--dr-radius, 4px);
  overflow: hidden;
  border: 1px solid #e2e8f0;
  background: #f8fafc;
  flex-shrink: 0;
}
.products-card-thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
.products-card-price {
  margin-top: .15rem;
  font-size: 1.05rem;
  font-weight: 800;
  font-variant-numeric: tabular-nums;
  color: #0f172a;
}
@media (max-width: 1100px) {
  .products-catalog .tp-catalog-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (max-width: 640px) {
  .products-catalog .tp-catalog-grid {
    grid-template-columns: 1fr;
  }
}
html.dark .products-catalog .products-catalog-stock select {
  background: #1e293b;
  border-color: #334155;
  color: #f8fafc;
}
html.dark .products-card-thumb {
  background: #1e293b;
  border-color: #334155;
}
html.dark .products-card-price { color: #f8fafc; }

/* Store orders hub tabs */
.store-orders-hub-tabs {
  display: flex;
  flex-wrap: wrap;
  gap: .35rem;
  padding: .5rem .65rem;
  border-bottom: 1px solid #e8edf3;
  background: #fafbfc;
}
.store-orders-hub-tab {
  border: 1px solid transparent;
  background: transparent;
  padding: .4rem .65rem;
  border-radius: var(--dr-radius, 4px);
  font: inherit;
  font-size: .78rem;
  font-weight: 650;
  color: #64748b;
  cursor: pointer;
  transition: background .15s ease, color .15s ease, border-color .15s ease;
}
.store-orders-hub-tab:hover { background: #fff; color: #1e3a5f; }
.store-orders-hub-tab.is-active {
  background: #fff;
  border-color: #e2e8f0;
  color: #1e3a5f;
  box-shadow: var(--adm-shadow-sm, 0 1px 2px rgba(15,23,42,.05));
}
.store-orders-hub-tab.is-warn-tab:not(.is-active) {
  color: #b45309;
  border-color: #fde68a;
  background: #fffbeb;
}

/* Mağaza siparişleri — tp-catalog dilinde */
.store-orders-catalog .so-catalog-extra,
.store-returns-catalog .so-catalog-extra {
  display: inline-flex;
  align-items: center;
  margin: 0;
}
.store-orders-catalog .so-catalog-extra select,
.store-returns-catalog .so-catalog-extra select {
  min-height: 2.15rem;
  padding: .35rem .55rem;
  border: 1px solid #dbe3ee;
  border-radius: var(--dr-radius, 4px);
  background: #f8fafc;
  color: #0f172a;
  font-size: .82rem;
  font-weight: 600;
}
.store-orders-catalog .so-catalog-extra select:focus,
.store-returns-catalog .so-catalog-extra select:focus {
  outline: none;
  border-color: #94a3b8;
  background: #fff;
}
.so-catalog-loading {
  margin: 0;
  padding: .15rem .1rem;
}
.so-catalog-queue-hint {
  margin: .35rem 0 .55rem;
  padding: 0 .15rem;
  font-size: .84rem;
  line-height: 1.45;
}
.store-orders-catalog-status .tp-catalog-status-btn {
  gap: .35rem;
}
.store-orders-catalog-status .tp-catalog-status-btn.is-warn:not(.is-active) {
  border-color: #fcd34d;
  background: #fffbeb;
  color: #92400e;
}
.store-orders-catalog-status .tp-catalog-status-btn.is-warn:not(.is-active) .store-returns-pill-count {
  background: rgba(146, 64, 14, .12);
  color: #92400e;
}
.so-card-customer {
  display: grid;
  gap: .1rem;
  margin-top: .1rem;
}
.so-card-customer strong {
  font-size: .88rem;
  color: #0f172a;
  font-weight: 700;
}
.so-card-customer .field-hint {
  margin: 0;
  font-size: .75rem;
}
.so-card-total {
  margin-top: .2rem;
  font-size: 1.05rem;
  font-weight: 800;
  font-variant-numeric: tabular-nums;
  color: #0f172a;
}
@media (max-width: 1100px) {
  .store-orders-catalog .tp-catalog-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (max-width: 640px) {
  .store-orders-catalog .tp-catalog-grid {
    grid-template-columns: 1fr;
  }
}
html.dark .store-orders-catalog .so-catalog-extra select,
html.dark .store-returns-catalog .so-catalog-extra select {
  background: #1e293b;
  border-color: #334155;
  color: #f8fafc;
}
html.dark .so-card-customer strong,
html.dark .so-card-total {
  color: #f8fafc;
}

/* Üyelik hub'ları — ödemeler + geçişler (store-orders-hub shell) */
.store-orders-hub,
.membership-payments-hub,
.membership-transitions-hub {
  display: grid;
  gap: 1rem;
}
.store-orders-hub-top,
.mem-hub-dash-head {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  justify-content: space-between;
  gap: .85rem 1.25rem;
}
.store-orders-hub-crumb,
.mem-hub-dash-kicker {
  margin: 0;
  font-size: .72rem;
  font-weight: 700;
  letter-spacing: .06em;
  text-transform: uppercase;
  color: #94a3b8;
}
.store-orders-hub-title,
.mem-hub-dash-head h1 {
  margin: .15rem 0 0;
  font-size: 1.35rem;
  font-weight: 780;
  letter-spacing: -.03em;
  color: #0f172a;
}
.store-orders-hub-lead,
.mem-hub-dash-sub {
  margin: .35rem 0 0;
  max-width: 52rem;
  font-size: .84rem;
  line-height: 1.5;
  color: #64748b;
  font-weight: 500;
}
.store-orders-hub-actions,
.mem-hub-dash-actions {
  display: flex;
  flex-wrap: wrap;
  gap: .5rem;
  align-items: center;
}
.membership-payments-view-tabs {
  border-bottom: 1px solid #e8edf3;
  background: linear-gradient(180deg, #fafbfc 0%, #f8fafc 100%);
}
.membership-transitions-hub .membership-payments-view-tabs .store-orders-hub-tab {
  border: 1px solid #e2e8f0;
  background: #fff;
}
.membership-transitions-hub .membership-payments-view-tabs .store-orders-hub-tab.is-active {
  border-color: #1e3a5f;
  background: #1e3a5f;
  color: #fff;
  box-shadow: 0 2px 8px rgba(30, 58, 95, .18);
}
.membership-transitions-hub .membership-payments-view-tabs .store-orders-hub-tab.is-active .membership-payments-hub-tab-count {
  background: rgba(255, 255, 255, .22);
  color: #fff;
}
.mem-transitions-list-toolbar {
  border-bottom: 1px solid #e8edf3;
  background: #fff;
}
.mem-transitions-search-bar {
  border-bottom: 1px solid #eef2f6;
  background: #fafbfc;
}
.membership-transitions-hub .mem-transitions-search {
  flex: 1 1 16rem;
  width: auto;
  min-width: 12rem;
  max-width: 24rem;
}
.mem-transitions-hub-tabs {
  display: flex;
  flex-wrap: nowrap;
  align-items: stretch;
  gap: .25rem;
  padding: .55rem .65rem;
  border-top: 1px solid #f1f5f9;
  background: #fff;
  overflow-x: auto;
  scrollbar-width: thin;
}
.mem-transitions-hub-tabs button {
  flex: 1 1 0;
  min-width: 7.5rem;
}
.mem-transitions-tab-divider {
  flex: 0 0 1px;
  align-self: stretch;
  width: 1px;
  min-height: 2rem;
  margin: .15rem .2rem;
  background: #e2e8f0;
}
.mem-transitions-filter-tabs {
  border-top: 1px solid #f1f5f9;
  grid-template-columns: repeat(auto-fit, minmax(8.5rem, 1fr));
}
.mem-transitions-view-tabs {
  border-top: 1px solid #f1f5f9;
}
.mem-transitions-hub-head {
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: start;
}
.mem-transitions-hub-actions {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: .45rem;
}
.mem-transitions-table-card {
  margin-top: 0;
}
.mem-transitions-clear-link {
  margin: 0;
  padding: 0;
  border: 0;
  background: transparent;
  font: inherit;
  font-size: .82rem;
  font-weight: 650;
  color: #1e3a5f;
  cursor: pointer;
  text-decoration: underline;
  text-underline-offset: 2px;
}
.mem-transitions-clear-link:hover {
  color: var(--orange, #c01018);
}

/* —— üyelik başvuruları hub (site-users pattern) —— */
.mem-apps-hub .site-users-hub,
.mem-apps-hub .site-users-table-card {
  margin: 0;
  border-radius: 4px;
  overflow: hidden;
}
.mem-apps-hub-head {
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: start;
}
.mem-apps-hub-actions {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: .45rem;
}
.mem-apps-filter-bar {
  border-top: 1px solid #f1f5f9;
  background: #fff;
}
.mem-apps-filter-row {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: .55rem .75rem;
  padding: .55rem .85rem;
}
.mem-apps-filter-row + .mem-apps-filter-row {
  border-top: 1px solid #f1f5f9;
  background: #fafbfc;
}
.mem-apps-filter-label {
  flex: 0 0 auto;
  min-width: 3.25rem;
  font-size: .62rem;
  font-weight: 700;
  letter-spacing: .06em;
  text-transform: uppercase;
  color: #94a3b8;
}
.mem-apps-filter-pills {
  flex: 1 1 auto;
  flex-wrap: wrap;
  gap: .35rem;
  min-width: 0;
}
.mem-apps-filter-pills.dr-filter-pills {
  gap: .35rem;
  border: 0;
  border-radius: 0;
  overflow: visible;
  background: transparent;
}
.mem-apps-filter-pills .dr-filter-pill {
  flex: 0 1 auto;
  min-width: 0;
  margin: 0;
  border: 1px solid #e2e8f0;
  border-radius: 4px;
  padding: .4rem .65rem;
  font-size: .76rem;
  white-space: nowrap;
}
.mem-apps-filter-pills--type .dr-filter-pill.is-active {
  background: #475569;
  border-color: #475569;
}
.mem-apps-filter-pills--status .dr-filter-pill.is-warn:not(.is-active) {
  border-color: #fcd34d;
  background: #fffbeb;
  color: #92400e;
}
.mem-apps-pill-count {
  margin-left: .35rem;
  padding: .08rem .38rem;
  border-radius: 999px;
  font-size: .68rem;
  font-weight: 800;
  font-variant-numeric: tabular-nums;
  background: rgba(15, 23, 42, .06);
  color: #475569;
}
.dr-filter-pill.is-active .mem-apps-pill-count {
  background: rgba(255, 255, 255, .22);
  color: #fff;
}
.dr-filter-pill.is-warn:not(.is-active) .mem-apps-pill-count {
  background: rgba(146, 64, 14, .12);
  color: #92400e;
}
.mem-apps-filter-archive {
  margin-left: auto;
}
@media (max-width: 760px) {
  .mem-apps-filter-archive {
    margin-left: 0;
  }
}
.mem-apps-clear-link {
  margin: 0;
  padding: 0;
  border: 0;
  background: transparent;
  font: inherit;
  font-size: .82rem;
  font-weight: 650;
  color: #1e3a5f;
  cursor: pointer;
  text-decoration: underline;
  text-underline-offset: 2px;
}
.mem-apps-clear-link:hover {
  color: var(--orange, #c01018);
}
.mem-apps-table-card .admin-inline-err {
  margin: 0 1rem 1rem;
}
.mem-apps-table .mem-chip i {
  margin-right: .25rem;
  font-size: .72rem;
}
.mem-apps-subline {
  margin-top: .2rem;
  font-size: .78rem;
}
.mem-apps-pager {
  padding: .75rem 1rem;
  border-top: 1px solid #eef2f6;
}
@media (max-width: 900px) {
  .mem-apps-hub-head {
    grid-template-columns: 1fr;
  }
  .mem-apps-hub-actions {
    justify-content: flex-start;
  }
}

/* —— üyelik başvuruları katalog (tp-catalog) —— */
.mem-apps-catalog {
  margin-top: 0;
}
.mem-apps-catalog-status .tp-catalog-status-btn {
  gap: .35rem;
}
.mem-apps-catalog-status .tp-catalog-status-btn.is-warn:not(.is-active) {
  border-color: #fcd34d;
  background: #fffbeb;
  color: #92400e;
}
.mem-apps-catalog-status .tp-catalog-status-btn.is-warn:not(.is-active) .mem-apps-pill-count {
  background: rgba(146, 64, 14, .12);
  color: #92400e;
}
.mem-apps-catalog .tp-catalog-chip.is-archive {
  align-self: center;
  border-color: #cbd5e1;
  background: #f1f5f9;
  color: #475569;
}
.mem-apps-catalog-filters {
  border-top: 1px solid #eef2f6;
  background: #fafbfc;
}
.mem-apps-catalog-filter-row {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: .55rem .75rem;
  padding: .65rem 1rem;
}
.mem-apps-catalog-filter-row + .mem-apps-catalog-filter-row {
  border-top: 1px solid #eef2f6;
}
.mem-apps-catalog-filter-row--tail {
  justify-content: flex-end;
}
.mem-apps-catalog-filter-label {
  flex: 0 0 auto;
  min-width: 2.5rem;
  font-size: .68rem;
  font-weight: 800;
  letter-spacing: .06em;
  text-transform: uppercase;
  color: #94a3b8;
}
.mem-apps-catalog-pills {
  display: flex;
  flex-wrap: wrap;
  gap: .4rem;
  min-width: 0;
  flex: 1 1 auto;
}
.mem-apps-catalog-pill {
  display: inline-flex;
  align-items: center;
  gap: .35rem;
  margin: 0;
  border: 1px solid #e2e8f0;
  border-radius: 999px;
  padding: .38rem .72rem;
  background: #fff;
  font: inherit;
  font-size: .76rem;
  font-weight: 650;
  color: #334155;
  cursor: pointer;
  white-space: nowrap;
  transition: background .15s, border-color .15s, color .15s;
}
.mem-apps-catalog-pill:hover {
  border-color: #cbd5e1;
  background: #f8fafc;
}
.mem-apps-catalog-pill.is-active {
  background: #1e3a5f;
  border-color: #1e3a5f;
  color: #fff;
}
.mem-apps-catalog-pill.is-active .mem-apps-pill-count {
  background: rgba(255, 255, 255, .2);
  color: #fff;
}
.mem-apps-catalog-archive {
  display: inline-flex;
  align-items: center;
  gap: .45rem;
  margin: 0;
  border: 1px dashed #cbd5e1;
  border-radius: 999px;
  padding: .42rem .85rem;
  background: #fff;
  font: inherit;
  font-size: .78rem;
  font-weight: 650;
  color: #475569;
  cursor: pointer;
}
.mem-apps-catalog-archive.is-active {
  border-style: solid;
  border-color: #1e3a5f;
  background: #eff6ff;
  color: #1e3a5f;
}
.mem-apps-catalog-loading {
  margin: 0;
  padding: .65rem 1rem;
  border-top: 1px solid #eef2f6;
}
.mem-apps-card-body {
  align-items: flex-start;
}
.mem-apps-card-avatar {
  flex: 0 0 auto;
  width: 2.65rem;
  height: 2.65rem;
  font-size: .82rem;
  font-weight: 800;
  letter-spacing: .02em;
}
.mem-apps-card-contact {
  display: block;
  margin-top: .15rem;
  font-size: .78rem;
  line-height: 1.35;
}
.mem-apps-card-foot {
  justify-content: space-between;
  gap: .65rem;
}
.mem-apps-card-fee {
  font-size: .88rem;
  font-weight: 800;
  font-variant-numeric: tabular-nums;
  color: #0f172a;
}
.mem-apps-card-actions {
  display: inline-flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-end;
  gap: .35rem;
}
.mem-apps-table-person {
  display: flex;
  align-items: flex-start;
  gap: .65rem;
  min-width: 0;
}
.mem-apps-table-person .apps-hub-avatar.sm {
  flex: 0 0 auto;
  width: 2rem;
  height: 2rem;
  font-size: .68rem;
}
.mem-apps-table-fee {
  font-weight: 700;
  font-variant-numeric: tabular-nums;
  white-space: nowrap;
}
@media (max-width: 760px) {
  .mem-apps-catalog-filter-row--tail {
    justify-content: flex-start;
  }
  .mem-apps-catalog-status {
    width: 100%;
  }
}

@media (max-width: 900px) {
  .mem-transitions-hub-head {
    grid-template-columns: 1fr;
  }
  .mem-transitions-hub-actions {
    justify-content: flex-start;
  }
}
.mem-transitions-filter-row {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  gap: .55rem .65rem;
  min-width: 0;
}
.mem-transitions-filter-label {
  flex: 0 0 auto;
  margin: 0;
  font-size: .62rem;
  font-weight: 700;
  letter-spacing: .06em;
  text-transform: uppercase;
  color: #94a3b8;
  line-height: 1.2;
  white-space: nowrap;
}
.mem-transitions-filter-pills {
  flex: 0 1 auto;
  flex-wrap: nowrap;
  gap: .35rem;
}
.mem-transitions-filter-row + .mem-transitions-filter-row {
  padding-left: 1.25rem;
  border-left: 1px solid #e8edf3;
}
.mem-transitions-filter-hint {
  flex: 1 1 100%;
  margin: 0;
  padding-top: .15rem;
  font-size: .72rem;
  line-height: 1.4;
  color: #64748b;
}
.mem-transitions-filter-hint strong {
  color: #475569;
  font-weight: 600;
}
@media (max-width: 960px) {
  .mem-transitions-filter-panel {
    flex-direction: column;
    align-items: stretch;
    gap: .55rem;
  }
  .mem-transitions-filter-row + .mem-transitions-filter-row {
    padding-left: 0;
    border-left: 0;
    padding-top: .55rem;
    border-top: 1px solid #eef2f6;
  }
  .mem-transitions-filter-row {
    flex-wrap: wrap;
  }
  .mem-transitions-filter-pills {
    flex-wrap: wrap;
  }
}
.mem-transitions-filter-pills .dr-filter-pill {
  display: inline-flex;
  align-items: center;
  gap: .35rem;
  padding: .38rem .72rem;
  font-size: .76rem;
  border-radius: var(--dr-radius, 4px);
}
.mem-transitions-filter-pills .dr-filter-pill.is-warn:not(.is-active) {
  border-color: #fde68a;
  background: #fffbeb;
  color: #b45309;
}
.mem-transitions-pill-count {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 1.2rem;
  padding: .06rem .32rem;
  border-radius: 999px;
  background: #e2e8f0;
  color: #475569;
  font-size: .66rem;
  font-weight: 700;
  font-variant-numeric: tabular-nums;
}
.dr-filter-pill.is-active .mem-transitions-pill-count {
  background: rgba(255, 255, 255, .22);
  color: #fff;
}
.dr-filter-pill.is-warn:not(.is-active) .mem-transitions-pill-count {
  background: #fde68a;
  color: #92400e;
}
.membership-payments-hub-tab-count {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 1.35rem;
  margin-left: .35rem;
  padding: .08rem .38rem;
  border-radius: 999px;
  background: #e2e8f0;
  color: #475569;
  font-size: .68rem;
  font-weight: 700;
  font-variant-numeric: tabular-nums;
}
.store-orders-hub-tab.is-active .membership-payments-hub-tab-count {
  background: #1e3a5f;
  color: #fff;
}
.membership-pay-range {
  display: flex;
  flex-wrap: wrap;
  gap: .4rem;
  padding: .55rem 1.15rem .75rem;
  border-bottom: 1px solid #e8edf3;
  background: #f8fafc;
}
.membership-pay-range-chip {
  display: inline-flex;
  align-items: center;
  gap: .15rem;
  margin: 0;
  padding: .28rem .7rem;
  border: 1px solid #e2e8f0;
  border-radius: 4px;
  background: #fff;
  color: #334155;
  font-size: .78rem;
  font-weight: 650;
  cursor: pointer;
}
.membership-pay-range-chip.is-active {
  border-color: #1e3a5f;
  background: #1e3a5f;
  color: #fff;
}
.membership-pay-range-chip.is-active .membership-payments-hub-tab-count {
  background: rgba(255,255,255,.22);
  color: #fff;
}
.membership-pay-truncated {
  padding: .65rem 1.15rem 0;
  margin: 0;
}
.rpt-year-stock {
  padding: 0 .9rem .9rem;
}
.rpt-year-stock-cap {
  caption-side: top;
  text-align: left;
  font-size: .78rem;
  font-weight: 650;
  color: #64748b;
  padding: .35rem 0 .5rem;
}
.rpt-year-stock-table {
  width: 100%;
}
.store-orders-hub-number {
  font-weight: 650;
  color: #0f172a;
  text-decoration: none;
}
.store-orders-hub-number:hover { color: #C01018; }
.membership-payments-hub-flash {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: .65rem;
  margin: .65rem .75rem 0;
}
.membership-transitions-bulk-fails {
  margin: .65rem .75rem 0;
  padding: .75rem .85rem;
  border: 1px solid #fde68a;
  border-radius: var(--dr-radius, 4px);
  background: #fffbeb;
}
.membership-transitions-bulk-fails-head {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: .5rem;
  margin-bottom: .45rem;
}
.membership-transitions-bulk-fails ul {
  margin: 0;
  padding-left: 1.1rem;
  font-size: .84rem;
}
.membership-payments-hub-bulk {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: .65rem;
  margin: .65rem .75rem 0;
  padding: .65rem .75rem;
  border: 1px solid #dbeafe;
  border-radius: var(--dr-radius, 4px);
  background: #f8fbff;
}
.membership-payments-hub-bulk-meta strong {
  font-variant-numeric: tabular-nums;
  color: #1e3a5f;
}
.membership-payments-hub-bulk-actions {
  display: flex;
  flex-wrap: wrap;
  gap: .45rem;
}
.membership-payments-hub-table .col-check {
  width: 2.5rem;
  text-align: center;
}
.membership-payments-hub-table tr.is-selected td {
  background: #f8fbff;
}
.membership-payments-hub-actions {
  display: flex;
  flex-wrap: wrap;
  gap: .35rem;
  justify-content: flex-end;
  align-items: center;
  position: relative;
  z-index: 1;
}
.membership-payments-hub-table td.col-actions {
  overflow: visible;
  position: relative;
  z-index: 1;
}
.membership-payments-hub-table tbody tr:hover td.col-actions,
.membership-payments-hub-table tbody tr:focus-within td.col-actions {
  z-index: 40;
}
.membership-payments-hub .table-wrap {
  overflow-x: auto;
  overflow-y: visible;
  -webkit-overflow-scrolling: touch;
}
.membership-payments-hub-menu {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
}
.membership-payments-hub-menu > .btn {
  gap: .35rem;
}
.membership-payments-hub-menu > .btn .fa-caret-down {
  font-size: .7rem;
  opacity: .9;
}
.membership-payments-hub-menu-panel {
  position: absolute;
  right: 0;
  top: calc(100% + .35rem);
  min-width: 12.5rem;
  padding: .35rem;
  border: 1px solid #e2e8f0;
  border-radius: 8px;
  background: #fff;
  box-shadow: 0 10px 28px rgba(15, 23, 42, .14), 0 2px 6px rgba(15, 23, 42, .06);
  z-index: 80;
  display: grid;
  gap: .15rem;
}
.membership-payments-hub-menu-panel > button {
  display: flex;
  align-items: center;
  gap: .55rem;
  width: 100%;
  margin: 0;
  padding: .55rem .65rem;
  border: 0;
  border-radius: 6px;
  background: transparent;
  color: #0f172a;
  font: inherit;
  font-size: .82rem;
  font-weight: 650;
  text-align: left;
  cursor: pointer;
  white-space: nowrap;
  line-height: 1.25;
}
.membership-payments-hub-menu-panel > button i {
  width: 1rem;
  color: #64748b;
  text-align: center;
  flex-shrink: 0;
}
.membership-payments-hub-menu-panel > button:hover,
.membership-payments-hub-menu-panel > button:focus-visible {
  background: #f1f5f9;
  outline: none;
}
.membership-payments-hub-menu-panel > button:disabled {
  opacity: .5;
  cursor: not-allowed;
}
.membership-payments-hub-pager {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: .75rem;
  padding: .75rem;
  border-top: 1px solid #e8edf3;
  background: #fafbfc;
}
.membership-payments-hub-pager-controls {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: .45rem;
}
.membership-payments-hub-per-page,
.membership-payments-hub-page-jump {
  display: inline-flex;
  align-items: center;
  gap: .35rem;
  font-size: .82rem;
}
.membership-payments-hub-page-jump input {
  width: 3.5rem;
  padding: .28rem .4rem;
  border: 1px solid #e2e8f0;
  border-radius: 6px;
  font: inherit;
  font-size: .82rem;
}
.membership-transitions-detail {
  margin: .75rem;
  padding: 1rem 1.1rem;
  border: 1px solid #e8edf3;
  border-radius: var(--dr-radius, 4px);
  background: #fff;
  box-shadow: 0 1px 3px rgba(15, 23, 42, .04);
}
.membership-transitions-detail-head {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  justify-content: space-between;
  gap: .65rem;
  margin-bottom: 1rem;
  padding-bottom: .75rem;
  border-bottom: 1px solid #e8edf3;
}
.membership-transitions-detail-title {
  margin: 0;
  font-size: 1.05rem;
  font-weight: 750;
  color: #0f172a;
}
.membership-transitions-hub td.col-actions {
  min-width: 17.5rem;
  width: auto;
  vertical-align: middle;
}
.membership-transitions-row-actions {
  display: inline-flex;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: flex-end;
  gap: 0.4rem;
  max-width: none;
}
.membership-transitions-row-actions .btn.has-label {
  width: auto;
  height: auto;
  min-height: 2rem;
  padding: 0.35rem 0.65rem;
  font-size: 0.78rem;
  font-weight: 650;
  line-height: 1.2;
  white-space: nowrap;
}
.mem-tr-pay-summary {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(11rem, 1fr));
  gap: 0.75rem 1rem;
  margin-bottom: 0.65rem;
}
.mem-tr-pay-summary > div {
  display: flex;
  flex-direction: column;
  gap: 0.15rem;
}
.mem-tr-pay-summary strong {
  font-size: 0.95rem;
  color: #0f172a;
}
.mem-tr-pay-list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  gap: 0.35rem;
}
.mem-tr-pay-list li {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 0.35rem 0.75rem;
  padding: 0.45rem 0.6rem;
  border: 1px solid #e8edf3;
  border-radius: 8px;
  background: #fafbfc;
  font-size: 0.84rem;
}
.mem-tr-profile-callout {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  justify-content: space-between;
  gap: 0.75rem 1rem;
  margin: 0 0 1rem;
  padding: 0.85rem 1rem;
  border: 1px solid #fecaca;
  border-radius: 10px;
  background: #fff7f7;
}
.mem-tr-profile-callout-copy {
  flex: 1 1 16rem;
  min-width: 0;
}
.mem-tr-profile-callout-copy strong {
  display: block;
  color: #991b1b;
  margin-bottom: 0.25rem;
}
.mem-tr-profile-callout-copy p {
  margin: 0 0 0.45rem;
  font-size: 0.84rem;
}
.mem-tr-profile-callout-copy ul {
  margin: 0;
  padding-left: 1.1rem;
  color: #7f1d1d;
  font-size: 0.88rem;
}
@media (max-width: 1100px) {
  .membership-transitions-row-actions {
    flex-wrap: wrap;
  }
  .membership-transitions-hub td.col-actions {
    min-width: 12rem;
  }
}
.membership-payments-hub-modal-backdrop {
  position: fixed;
  inset: 0;
  z-index: 1200;
  display: grid;
  place-items: center;
  padding: 1rem;
  background: rgba(15, 23, 42, .45);
}
.membership-payments-hub-modal {
  width: min(100%, 28rem);
  max-height: min(90vh, 36rem);
  overflow: auto;
  padding: 1.1rem 1.15rem 1rem;
  border: 1px solid #e2e8f0;
  border-radius: 12px;
  background: #fff;
  box-shadow: 0 18px 48px rgba(15, 23, 42, .18);
}
.membership-payments-hub-modal h3 {
  margin: 0 0 .45rem;
  font-size: 1.05rem;
  font-weight: 750;
  color: #0f172a;
}
.membership-payments-hub-confirm-dl {
  display: grid;
  gap: .55rem;
  margin: .85rem 0 1rem;
}
.membership-payments-hub-confirm-dl div {
  display: grid;
  grid-template-columns: 6.5rem minmax(0, 1fr);
  gap: .5rem;
  align-items: baseline;
  font-size: .84rem;
}
.membership-payments-hub-confirm-dl dt {
  margin: 0;
  font-size: .72rem;
  font-weight: 700;
  letter-spacing: .04em;
  text-transform: uppercase;
  color: #94a3b8;
}
.membership-payments-hub-confirm-dl dd { margin: 0; color: #0f172a; }
.membership-payments-hub-modal-actions {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: .45rem;
}
.dr-stats.mem-transitions-stats {
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: .65rem;
}
.dr-stats.mem-transitions-stats--wide {
  grid-template-columns: repeat(auto-fit, minmax(8.5rem, 1fr));
}
.dr-stats.mem-transitions-stats .dr-stat-card {
  padding: .72rem .75rem .55rem;
  border-radius: var(--dr-radius, 4px);
}
.dr-stats.mem-transitions-stats .dr-stat-label {
  font-size: .62rem;
  letter-spacing: .05em;
  line-height: 1.25;
}
.dr-stats.mem-transitions-stats .dr-stat-value {
  font-size: 1.35rem;
  line-height: 1.1;
}
.dr-stats.mem-transitions-stats .dr-stat-delta {
  font-size: .68rem;
}
.dr-stats.mem-transitions-stats .dr-stat-card--action {
  margin: 0;
  width: 100%;
  text-align: left;
  font: inherit;
  cursor: pointer;
  transition: border-color .15s ease, box-shadow .15s ease, transform .15s ease;
}
.dr-stats.mem-transitions-stats .dr-stat-card--action:hover:not(:disabled) {
  border-color: #cbd5e1;
  box-shadow: 0 2px 8px rgba(15, 23, 42, .06);
}
.dr-stats.mem-transitions-stats .dr-stat-card--action.is-active {
  border-color: #1e3a5f;
  box-shadow: 0 0 0 1px rgba(30, 58, 95, .12);
}
.dr-stats.mem-transitions-stats .dr-stat-card--action:disabled {
  opacity: .55;
  cursor: default;
}
.mem-transitions-filter-panel--single {
  flex-wrap: nowrap;
  gap: .55rem .75rem;
}
.mem-transitions-filter-pills--merged {
  flex: 1 1 auto;
  flex-wrap: wrap;
  min-width: 0;
}
.mem-transitions-filter-divider {
  flex: 0 0 1px;
  align-self: stretch;
  width: 1px;
  min-height: 1.75rem;
  margin: .1rem .15rem;
  background: #e2e8f0;
}
.mem-transitions-filter-reset {
  flex: 0 0 auto;
  border: 1px dashed #cbd5e1 !important;
  background: #f8fafc !important;
  color: #64748b !important;
}
.mem-transitions-filter-reset:hover {
  color: #1e3a5f !important;
  border-color: #94a3b8 !important;
}
@media (max-width: 900px) {
  .dr-stats.mem-transitions-stats {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}
@media (max-width: 640px) {
  .dr-stats.mem-transitions-stats {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .membership-payments-hub-confirm-dl div { grid-template-columns: 1fr; gap: .15rem; }
}

/* Store bulk import panel */
.store-bulk-import-panel { padding: 0; overflow: hidden; }
.store-bulk-import-summary {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: .75rem;
  padding: .9rem 1.1rem;
  cursor: pointer;
  list-style: none;
}
.store-bulk-import-summary::-webkit-details-marker { display: none; }
.store-bulk-import-body { padding: 0 1.1rem 1.1rem; border-top: 1px solid #e8edf3; }

/* ── Rapor dashboard eksik stiller (admin-report-dashboard skill) ── */
.dr-dash-insights,
.dr-type-insights {
  display: grid;
  gap: 0.5rem;
  margin-top: 0.85rem;
  padding-top: 0.85rem;
  border-top: 1px solid #f1f5f9;
}
.dr-dash-insight,
.dr-type-insight {
  display: grid;
  grid-template-columns: auto 1fr;
  gap: 0.6rem;
  align-items: start;
  padding: 0.55rem 0.65rem;
  border: 1px solid #f1f5f9;
  border-radius: var(--dr-radius, 4px);
  background: linear-gradient(180deg, #fff 0%, #fafbfd 100%);
}
.dr-dash-insight-ico,
.dr-type-insight-ico {
  width: 1.65rem;
  height: 1.65rem;
  border-radius: var(--dr-radius, 4px);
  background: #eef2f7;
  color: #1e3a5f;
  display: grid;
  place-items: center;
  font-size: 0.72rem;
  flex-shrink: 0;
}
.dr-dash-insight p,
.dr-type-insight p {
  margin: 0;
  font-size: 0.78rem;
  line-height: 1.45;
  color: #64748b;
  font-weight: 550;
}
.dr-dash-insights--cards {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 0.65rem;
}
.dr-dash-insight-copy {
  display: grid;
  gap: 0.1rem;
  min-width: 0;
}
.dr-dash-insight-label {
  font-size: 0.66rem;
  font-weight: 750;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: #64748b;
}
.dr-dash-insight-value {
  font-size: 1.05rem;
  font-weight: 780;
  letter-spacing: -0.02em;
  color: #0f172a;
  font-variant-numeric: tabular-nums;
  line-height: 1.15;
}
@media (max-width: 900px) {
  .dr-dash-insights--cards {
    grid-template-columns: 1fr;
  }
}
.sr-ops-grid { display: grid; gap: 1.25rem; }
.sr-ops-kpis {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 0.75rem;
}
.sr-ops-kpi {
  padding: 1rem 1.05rem;
  border: 1px solid #e8edf3;
  border-radius: var(--dr-radius, 4px);
  background: #fff;
  box-shadow: 0 1px 3px rgba(15, 23, 42, .04);
  display: grid;
  gap: 0.25rem;
}
.sr-ops-kpi .dr-stat-value {
  font-size: 1.35rem;
  line-height: 1.15;
}
.sr-ops-blocks {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0.85rem;
}
.sr-ops-block {
  padding: 0.85rem 1rem;
  border: 1px solid #e8edf3;
  border-radius: var(--dr-radius, 4px);
  background: #fff;
}
.sr-ops-block h5 {
  margin: 0 0 0.55rem;
  font-size: 0.82rem;
  font-weight: 700;
  color: #334155;
}
.sr-ops-list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  gap: 0.15rem;
}
.sr-ops-list li {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 0.75rem;
  align-items: baseline;
  padding: 0.45rem 0;
  border-bottom: 1px solid #f1f5f9;
  font-size: 0.8rem;
}
.sr-ops-list li:last-child { border-bottom: 0; }
.sr-ops-list li span:first-child {
  min-width: 0;
  color: #0f172a;
  font-weight: 600;
}
.sr-ops-list li span:last-child {
  font-variant-numeric: tabular-nums;
  color: #64748b;
  font-weight: 650;
  text-align: right;
  white-space: nowrap;
}
.sr-ops-divider {
  border: 0;
  border-top: 1px solid #e8edf3;
  margin: 1.25rem 0;
}
.sr-legacy {
  display: grid;
  gap: 0.85rem;
}
.sr-legacy-form {
  display: grid;
  grid-template-columns: minmax(10rem, 1.2fr) minmax(9rem, 1fr) minmax(9rem, 1fr) auto;
  gap: 0.75rem 0.85rem;
  align-items: end;
  padding: 0.85rem 1rem;
  border: 1px solid #e8edf3;
  border-radius: var(--dr-radius, 4px);
  background: #fafbfd;
}
.sr-legacy-form label {
  display: grid;
  gap: 0.35rem;
  font-size: 0.72rem;
  font-weight: 700;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: #94a3b8;
  margin: 0;
}
.sr-legacy-form select,
.sr-legacy-form input[type='date'] {
  width: 100%;
  border: 1px solid #e2e8f0;
  border-radius: var(--dr-radius, 4px);
  padding: 0.52rem 0.65rem;
  font: inherit;
  font-size: 0.84rem;
  font-weight: 650;
  color: #0f172a;
  background: #fff;
}
.sr-legacy-form select:focus,
.sr-legacy-form input[type='date']:focus {
  outline: none;
  border-color: #1e3a5f;
  box-shadow: 0 0 0 3px rgba(30, 58, 95, .12);
}
.sr-legacy-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
  align-items: center;
}
.sr-legacy-meta { margin: 0.35rem 0 0.65rem; font-size: 0.85rem; }
@media (max-width: 900px) {
  .sr-ops-blocks { grid-template-columns: 1fr; }
  .sr-legacy-form { grid-template-columns: 1fr 1fr; }
  .sr-legacy-actions { grid-column: 1 / -1; }
}
@media (max-width: 640px) {
  .sr-ops-kpis { grid-template-columns: 1fr; }
  .sr-legacy-form { grid-template-columns: 1fr; }
}
.co-ops-grid { display: grid; gap: 1.25rem; }
.co-ops-kpis {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 0.75rem;
}
.co-ops-kpi {
  display: grid;
  gap: 0.3rem;
  padding: 1rem 1.05rem;
  border: 1px solid #e8edf3;
  border-radius: var(--dr-radius, 4px);
  background: #fff;
  box-shadow: 0 1px 3px rgba(15, 23, 42, .04);
}
.co-ops-kpi .dr-stat-label {
  display: block;
}
.co-ops-kpi .dr-stat-value {
  display: block;
  font-size: 1.35rem;
  line-height: 1.15;
}
.co-ops-block {
  padding: 0.85rem 1rem;
  border: 1px solid #e8edf3;
  border-radius: var(--dr-radius, 4px);
  background: #fff;
}
.co-ops-block h5 {
  margin: 0 0 0.55rem;
  font-size: 0.82rem;
  font-weight: 700;
  color: #334155;
}
.co-ops-list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  gap: 0.35rem;
}
.co-ops-list li {
  display: flex;
  justify-content: space-between;
  gap: 1rem;
  padding: 0.4rem 0;
  border-bottom: 1px solid #f1f5f9;
  font-size: 0.8rem;
}
.co-ops-list li:last-child { border-bottom: none; }
.co-ops-list li span:last-child {
  font-variant-numeric: tabular-nums;
  color: #64748b;
  font-weight: 600;
  text-align: right;
}
.co-ops-divider {
  border: 0;
  border-top: 1px solid #e8edf3;
  margin: 1.25rem 0;
}

/* Kurs siparişleri — dönem özeti (LegacyRangePanel) */
.co-legacy { min-width: 0; }
.course-orders-hub {
  display: grid;
  gap: 1rem;
  min-width: 0;
}
.course-orders-hub-head {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  justify-content: space-between;
  gap: 0.75rem 1rem;
}
.course-orders-hub-title {
  margin: 0;
  font-size: 1rem;
  font-weight: 800;
  color: #0f172a;
}
.course-orders-hub-sub {
  margin: 0.25rem 0 0;
  font-size: 0.78rem;
}
.course-orders-hub-chips {
  display: flex;
  flex-wrap: wrap;
  gap: 0.35rem;
  margin-top: 0.55rem;
}
.course-orders-hub-chip {
  display: inline-flex;
  align-items: center;
  gap: 0.25rem;
  padding: 0.28rem 0.55rem;
  border: 1px solid #e2e8f0;
  border-radius: var(--dr-radius, 4px);
  background: #f8fafc;
  font-size: 0.72rem;
  color: #475569;
}
.course-orders-hub-chip strong { color: #0f172a; font-weight: 750; }
.course-orders-hub-ranges {
  display: inline-flex;
  flex-wrap: wrap;
  gap: 0.3rem;
  padding: 0.2rem;
  border: 1px solid #e2e8f0;
  border-radius: var(--dr-radius, 4px);
  background: #f8fafc;
}
.course-orders-hub-range {
  border: 0;
  background: transparent;
  color: #64748b;
  font: inherit;
  font-size: 0.75rem;
  font-weight: 700;
  padding: 0.4rem 0.7rem;
  border-radius: 3px;
  cursor: pointer;
}
.course-orders-hub-range:hover { color: #1e3a5f; background: #fff; }
.course-orders-hub-range.is-active {
  background: #1e3a5f;
  color: #fff;
}
.course-orders-hub-kpis.cmd-finance {
  margin: 0;
}
.course-orders-hub .cmd-fin {
  border-radius: var(--dr-radius, 4px);
  background: #fff;
  box-shadow: 0 1px 3px rgba(15, 23, 42, .04);
}
.course-orders-hub .cmd-fin.is-warn {
  background: #fff;
  border-color: #e8edf3;
}
.course-orders-hub .cmd-fin.is-warn strong { color: #b45309; }
.course-orders-hub-grid {
  display: grid;
  grid-template-columns: 1.4fr 1fr;
  gap: 0.85rem;
  align-items: stretch;
}
.course-orders-hub-panel {
  min-width: 0;
  padding: 0.9rem 1rem 1rem;
  border: 1px solid #e8edf3;
  border-radius: var(--dr-radius, 4px);
  background: #fff;
  box-shadow: 0 1px 3px rgba(15, 23, 42, .04);
}
.course-orders-hub-panel h3 {
  margin: 0 0 0.75rem;
  font-size: 0.84rem;
  font-weight: 800;
  color: #0f172a;
}
.course-orders-hub-panel-chart {
  grid-column: 1 / -1;
}
.course-orders-hub-empty {
  margin: 0;
  padding: 1.25rem 0.5rem;
  text-align: center;
  font-size: 0.82rem;
}
.course-orders-hub-chart-wrap {
  display: grid;
  gap: 0.55rem;
  min-width: 0;
}
.course-orders-hub-legend {
  display: flex;
  flex-wrap: wrap;
  gap: 0.75rem;
  justify-content: flex-end;
}
.course-orders-hub-leg {
  display: inline-flex;
  align-items: center;
  gap: 0.35rem;
  font-size: 0.72rem;
  font-weight: 700;
  color: #64748b;
}
.course-orders-hub-leg::before {
  content: '';
  width: 0.65rem;
  height: 0.65rem;
  border-radius: 2px;
  background: #cbd5e1;
}
.course-orders-hub-leg.is-paid::before { background: #1e3a5f; }
.course-orders-hub-leg.is-pending::before { background: #f59e0b; }
.course-orders-hub-chart-scroll {
  overflow-x: auto;
  padding-bottom: 0.15rem;
}
.course-orders-hub-bars {
  display: block;
  max-width: 100%;
  height: auto;
}
.course-orders-hub-gridline {
  stroke: #eef2f7;
  stroke-width: 1;
}
.course-orders-hub-axis {
  fill: #94a3b8;
  font-size: 10px;
  font-weight: 600;
}
.course-orders-hub-bar.is-paid { fill: #1e3a5f; }
.course-orders-hub-bar.is-pending { fill: #f59e0b; }
.course-orders-hub-bar.is-empty { fill: #e2e8f0; }
.course-orders-hub-val {
  fill: #475569;
  font-size: 9px;
  font-weight: 700;
}
.course-orders-hub-donut-wrap {
  display: grid;
  grid-template-columns: auto 1fr;
  gap: 0.85rem;
  align-items: center;
}
.course-orders-hub-donut {
  position: relative;
  width: 7.5rem;
  height: 7.5rem;
  flex-shrink: 0;
}
.course-orders-hub-donut svg {
  width: 100%;
  height: 100%;
  display: block;
}
.course-orders-hub-slice {
  cursor: pointer;
  transition: opacity .12s ease;
}
.course-orders-hub-slice:hover { opacity: 0.85; }
.course-orders-hub-donut-center {
  position: absolute;
  inset: 0;
  display: grid;
  place-content: center;
  text-align: center;
  pointer-events: none;
}
.course-orders-hub-donut-center strong {
  font-size: 1.05rem;
  font-weight: 800;
  color: #0f172a;
  font-variant-numeric: tabular-nums;
  line-height: 1.1;
}
.course-orders-hub-donut-center span {
  font-size: 0.68rem;
  font-weight: 650;
  color: #94a3b8;
}
.course-orders-hub-donut-center em {
  font-style: normal;
  font-size: 0.7rem;
  font-weight: 700;
  color: #475569;
  margin-top: 0.1rem;
}
.course-orders-hub-hbars {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  gap: 0.4rem;
}
.course-orders-hub-hbar {
  width: 100%;
  display: grid;
  gap: 0.3rem;
  padding: 0.35rem 0;
  border: 0;
  background: transparent;
  text-align: left;
  cursor: pointer;
  font: inherit;
}
.course-orders-hub-hbar:hover .course-orders-hub-hbar-label { color: #0f172a; }
.course-orders-hub-hbar-label {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.35rem;
  font-size: 0.76rem;
  font-weight: 650;
  color: #334155;
}
.course-orders-hub-hbar-label em {
  margin-left: auto;
  font-style: normal;
  font-size: 0.7rem;
  font-weight: 700;
  color: #64748b;
  font-variant-numeric: tabular-nums;
}
.course-orders-hub-dot {
  width: 0.5rem;
  height: 0.5rem;
  border-radius: 2px;
  flex-shrink: 0;
}
.course-orders-hub-hbar-track {
  display: block;
  height: 5px;
  border-radius: 2px;
  background: #eef2f7;
  overflow: hidden;
}
.course-orders-hub-hbar-fill {
  display: block;
  height: 100%;
  border-radius: 2px;
}
.course-orders-hub-share {
  display: inline-block;
  width: 3.5rem;
  height: 4px;
  border-radius: 2px;
  background: #eef2f7;
  overflow: hidden;
  vertical-align: middle;
}
.course-orders-hub-share i {
  display: block;
  height: 100%;
  background: #1e3a5f;
  border-radius: 2px;
}
.course-orders-hub-table {
  width: 100%;
  border-collapse: collapse;
  font-size: 0.78rem;
}
.course-orders-hub-table th,
.course-orders-hub-table td {
  padding: 0.45rem 0.35rem;
  border-bottom: 1px solid #f1f5f9;
  text-align: left;
  vertical-align: top;
}
.course-orders-hub-table th {
  font-size: 0.68rem;
  font-weight: 750;
  letter-spacing: 0.03em;
  text-transform: uppercase;
  color: #94a3b8;
}
.course-orders-hub-table td:nth-child(n + 2) {
  text-align: right;
  font-variant-numeric: tabular-nums;
  white-space: nowrap;
}
.course-orders-hub-table th:nth-child(n + 2) { text-align: right; }
.course-orders-hub-linkish {
  border: 0;
  background: none;
  padding: 0;
  font: inherit;
  font-weight: 700;
  color: #1e3a5f;
  cursor: pointer;
  text-align: left;
}
.course-orders-hub-linkish:hover { color: #C01018; text-decoration: underline; }
.course-orders-hub-recent { grid-column: 1 / -1; }
.course-orders-hub-prog { display: block; font-weight: 700; color: #0f172a; }
.course-orders-hub-class { display: block; margin-top: 0.1rem; font-size: 0.72rem; }
@media (max-width: 900px) {
  .course-orders-hub-grid { grid-template-columns: 1fr; }
  .course-orders-hub-donut-wrap { grid-template-columns: 1fr; justify-items: center; }
  .course-orders-hub-hbars { width: 100%; }
}
@media (max-width: 640px) {
  .course-orders-hub .cmd-finance { grid-template-columns: 1fr 1fr; }
  .co-ops-kpis { grid-template-columns: 1fr; }
}

@media (max-width: 1100px) {
  .dr-filter-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 900px) {
  .dr-filter-grid { grid-template-columns: 1fr; }
  .sr-ops-kpis,
  .co-ops-kpis,
  .lr-ops-kpis { grid-template-columns: 1fr; }
}

/* LMS raporlar — hub + sonuç */
.lms-report-hub { display: grid; gap: 0.85rem; margin-bottom: 1rem; }
.lms-report-tabs {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 0.55rem;
}
.lms-report-tab {
  display: grid;
  grid-template-columns: auto 1fr;
  gap: 0.65rem;
  align-items: center;
  margin: 0;
  padding: 0.75rem 0.85rem;
  border-radius: 10px;
  border: 1px solid #e2e8f0;
  background: #fff;
  text-align: left;
  font: inherit;
  cursor: pointer;
  color: #334155;
}
.lms-report-tab i {
  width: 2rem;
  height: 2rem;
  border-radius: 8px;
  display: grid;
  place-items: center;
  background: #f1f5f9;
  color: #64748b;
  font-size: 0.88rem;
}
.lms-report-tab strong {
  display: block;
  font-size: 0.9rem;
  font-weight: 750;
  color: #0f172a;
}
.lms-report-tab em {
  display: block;
  margin-top: 0.1rem;
  font-style: normal;
  font-size: 0.72rem;
  color: #64748b;
}
.lms-report-tab:hover { border-color: #cbd5e1; background: #f8fafc; }
.lms-report-tab.is-active {
  border-color: rgba(192, 16, 24, 0.45);
  background: rgba(192, 16, 24, 0.04);
  box-shadow: inset 0 0 0 1px rgba(192, 16, 24, 0.08);
}
.lms-report-tab.is-active i {
  background: rgba(192, 16, 24, 0.1);
  color: #C01018;
}
.lms-report-panel {
  border: 1px solid #e2e8f0;
  border-radius: 12px;
  background: #fff;
  padding: 1rem 1.05rem 1.1rem;
}
.lms-report-panel-head h3 {
  margin: 0;
  font-size: 1rem;
  font-weight: 750;
  color: #0f172a;
}
.lms-report-panel-head p { margin: 0.28rem 0 0.85rem; font-size: 0.84rem; }
.lms-report-filters,
.lms-report-form-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(11rem, 1fr));
  gap: 0.55rem 0.7rem;
  margin-bottom: 0.75rem;
}
.lms-report-field {
  display: grid;
  gap: 0.28rem;
  margin: 0;
  font-size: 0.84rem;
}
.lms-report-field > span {
  font-size: 0.68rem;
  font-weight: 750;
  letter-spacing: 0.03em;
  text-transform: uppercase;
  color: #64748b;
}
.lms-report-field input,
.lms-report-field select { margin: 0 !important; width: 100%; }
.lms-report-check {
  display: flex;
  align-items: center;
  gap: 0.45rem;
  margin: 0;
  font-size: 0.82rem;
  color: #475569;
  align-self: end;
  padding-bottom: 0.35rem;
}
.lms-report-form { margin-top: 0.15rem; }
.lms-report-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 0.45rem;
  margin-top: 0.35rem;
}
.lms-report-mail-note {
  margin-bottom: 1rem;
  padding: 0.85rem 1rem;
}
.lms-report-rates {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 0.65rem;
  margin: 0.85rem 1.1rem 0;
}
.lms-report-rate {
  padding: 0.65rem 0.7rem;
  border: 1px solid #e2e8f0;
  border-radius: 10px;
  background: #fafbfc;
}
.lms-report-rate-top {
  display: flex;
  justify-content: space-between;
  gap: 0.4rem;
  margin-bottom: 0.35rem;
  font-size: 0.78rem;
}
.lms-report-rate-top strong { color: #475569; font-weight: 650; }
.lms-report-rate-top em {
  font-style: normal;
  font-weight: 800;
  color: #0f172a;
  font-variant-numeric: tabular-nums;
}
.lms-report-rate-track {
  display: block;
  height: 0.42rem;
  border-radius: 999px;
  background: #e2e8f0;
  overflow: hidden;
}
.lms-report-rate-track i {
  display: block;
  height: 100%;
  border-radius: inherit;
  background: linear-gradient(90deg, #0e7490, #0891b2);
}
.lms-report-rate-hint {
  display: block;
  margin-top: 0.28rem;
  font-size: 0.7rem;
}
.lms-report-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 1rem;
  margin-bottom: 1rem;
}
.lms-report-card {
  margin: 0;
  padding: 1.05rem 1.1rem;
  border: 1px solid var(--line-soft);
  border-radius: 14px;
  background: #fff;
  box-shadow: var(--shadow);
}
.lms-report-card h3 {
  display: flex;
  align-items: center;
  gap: 0.45rem;
  margin: 0 0 0.35rem;
  font-size: 0.98rem;
  font-weight: 800;
}
.lms-report-card h3 i {
  color: var(--brand);
  font-size: 0.9rem;
}
.lms-report-card .field-hint { margin: 0 0 0.85rem; }
.lms-report-result {
  margin-top: 1rem;
  border: 1px solid var(--line-soft);
  border-radius: 14px;
  background: #fff;
  overflow: hidden;
  box-shadow: var(--shadow);
}
@media (max-width: 960px) {
  .lms-report-tabs { grid-template-columns: 1fr; }
  .lms-report-rates { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 800px) {
  .lms-report-grid { grid-template-columns: 1fr; }
}
@media (max-width: 560px) {
  .lms-report-rates { grid-template-columns: 1fr; }
}

/* —— site-hesaplari hub layout (sağ metrik kartları) —— */
.site-users-hub-head {
  display: grid;
  grid-template-columns: minmax(0, 1.4fr) minmax(18rem, 1.1fr);
  gap: 1rem;
  align-items: start;
}
.site-users-hub-metrics {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: .55rem;
}
button.site-users-metric {
  text-align: left;
  cursor: pointer;
  font: inherit;
  width: 100%;
}
button.site-users-metric:hover {
  border-color: #cbd5e1;
  box-shadow: var(--shadow-lg);
  transform: translateY(-1px);
}
@media (max-width: 1100px) {
  .site-users-hub-head { grid-template-columns: 1fr; }
  .site-users-hub-metrics { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}
@media (max-width: 700px) {
  .site-users-hub-metrics { grid-template-columns: 1fr; }
}
/* —— site-hesaplari restore (hub + show) —— */
.site-users-hub-wrap { display: grid; gap: 1rem; }
.site-users-hub { margin: 0; overflow: hidden; border-radius: 4px; }
.site-users-hub-head.is-copy-only { display: block; }
.site-users-member-tabs {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  padding-top: 0;
  border-top: 1px solid #f1f5f9;
}
.site-users-hub-tabs a,
.site-users-hub-tabs button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: .4rem;
  min-height: 2.5rem;
  padding: .5rem .65rem;
  border: 0;
  background: transparent;
  border-radius: 4px;
  text-decoration: none !important;
  font: inherit;
  font-size: .84rem;
  font-weight: 700;
  color: #64748b;
  cursor: pointer;
  transition: background .12s ease, color .12s ease;
}
.site-users-hub-tabs a i,
.site-users-hub-tabs button i { font-size: .78rem; opacity: .75; }
.site-users-hub-tabs a em,
.site-users-hub-tabs button em {
  font-style: normal;
  font-size: .72rem;
  font-weight: 800;
  padding: .12rem .42rem;
  border-radius: 4px;
  background: #f1f5f9;
  color: #475569;
  font-variant-numeric: tabular-nums;
}
.site-users-hub-tabs a:hover,
.site-users-hub-tabs button:hover { background: #f8fafc; color: #0f172a; }
.site-users-hub-tabs a.is-active,
.site-users-hub-tabs button.is-active {
  background: rgba(192, 16, 24, .08);
  color: #C01018;
}
.site-users-hub-tabs a.is-active em,
.site-users-hub-tabs button.is-active em {
  background: rgba(192, 16, 24, .12);
  color: #C01018;
}
.site-users-table-card { margin-top: 0; border-radius: 4px; overflow: hidden; }
.site-users-toolbar {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto auto;
  gap: .65rem;
  align-items: center;
}
.site-users-pager {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: .75rem;
}
.site-users-avatar.has-photo {
  padding: 0 !important;
  overflow: hidden;
  background: #1e293b !important;
}
.site-users-avatar.has-photo img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
.site-users-show-card {
  margin: 0;
  padding: 0;
  overflow: hidden;
  border-radius: 4px;
}
.site-users-show-head {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 1rem 1.25rem;
  align-items: flex-start;
  padding: 1.05rem 1.15rem;
  background: linear-gradient(180deg, #fff, #f8fafc);
  border-bottom: 1px solid #e2e8f0;
}
.site-users-show-identity {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  gap: .85rem;
  align-items: center;
  min-width: 0;
  flex: 1 1 18rem;
}
.site-users-show-identity h3 {
  margin: .1rem 0 .35rem;
  font-size: 1.15rem;
  font-weight: 800;
  letter-spacing: -.02em;
  color: #0f172a;
}
.site-users-show-aside {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: .65rem;
  flex: 0 1 auto;
  margin-left: auto;
}
.site-users-show-badges {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: .45rem;
}
.site-users-show-badges .site-users-metric {
  border-radius: 4px;
  box-shadow: none;
  min-width: 8.5rem;
  padding: .55rem .7rem;
}
.site-users-show-badges .site-users-metric strong {
  font-size: .92rem;
  white-space: normal;
}
.site-users-show-actions {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: .4rem;
}
.site-users-show-tabs {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: .2rem;
  padding: .45rem .55rem;
  border-bottom: 1px solid #e2e8f0;
  background: #fff;
}
.site-users-show-tabs button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: .4rem;
  min-height: 2.45rem;
  padding: .45rem .55rem;
  border: 0;
  border-radius: 4px;
  background: transparent;
  cursor: pointer;
  font: inherit;
  font-size: .84rem;
  font-weight: 700;
  color: #64748b;
  transition: background .12s ease, color .12s ease;
}
.site-users-show-tabs button i { font-size: .78rem; opacity: .75; }
.site-users-show-tabs button em {
  font-style: normal;
  font-size: .72rem;
  font-weight: 800;
  padding: .1rem .4rem;
  border-radius: 4px;
  background: #f1f5f9;
  color: #475569;
  font-variant-numeric: tabular-nums;
}
.site-users-show-tabs button:hover { background: #f8fafc; color: #0f172a; }
.site-users-show-tabs button.is-active {
  background: rgba(192, 16, 24, .08);
  color: #C01018;
}
.site-users-show-tabs button.is-active em {
  background: rgba(192, 16, 24, .12);
  color: #C01018;
}
.site-users-show-tabpane { padding: 0; }
.site-users-show-split {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0;
}
.site-users-show-block {
  min-width: 0;
  border-right: 1px solid #e2e8f0;
}
.site-users-show-block:last-child { border-right: 0; }
.site-users-show-block.is-full {
  border-top: 1px solid #e2e8f0;
  border-right: 0;
}
.site-users-show-block .site-users-panel-head { border-radius: 0; }
.site-users-profile-form.is-stacked,
.site-users-status-form.is-stacked {
  grid-template-columns: 1fr;
  padding: .95rem 1.05rem 1.05rem;
}
.site-users-profile-form.is-stacked input,
.site-users-status-form.is-stacked select,
.site-users-status-form.is-stacked input { border-radius: 4px; }
.site-users-show-hint {
  margin: 0;
  padding: 0 1.05rem 1rem;
  font-size: .8rem;
  color: #64748b;
}
.site-users-show-hint a {
  color: #C01018 !important;
  font-weight: 700;
  text-decoration: none !important;
}
.site-users-show-hint a:hover { text-decoration: underline !important; }
.site-users-panel-list.is-flush .site-users-panel-row:last-child { border-bottom: 0; }
.site-users-address-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: .75rem 1rem;
}
.site-users-address-grid label.is-full { grid-column: 1 / -1; }
.site-users-address-grid label {
  display: grid;
  gap: .35rem;
  font-size: .8rem;
  font-weight: 700;
  color: #475569;
}
.site-users-address-grid input,
.site-users-address-grid select {
  width: 100%;
  border: 1px solid #dbe3ee;
  border-radius: 4px;
  padding: .65rem .8rem;
  font: inherit;
  font-weight: 500;
  color: #0f172a;
  background: #fff;
}
.site-users-address-grid select:disabled {
  background: #f8fafc;
  color: #94a3b8;
}
.site-users-avatar-field { margin-bottom: .35rem; }
@media (max-width: 1100px) {
  .site-users-show-aside {
    width: 100%;
    align-items: stretch;
    margin-left: 0;
  }
  .site-users-show-badges { justify-content: flex-start; }
  .site-users-show-actions { justify-content: flex-start; }
  .site-users-show-split { grid-template-columns: 1fr; }
  .site-users-show-block {
    border-right: 0;
    border-bottom: 1px solid #e2e8f0;
  }
  .site-users-show-block:last-child { border-bottom: 0; }
  .site-users-show-tabs { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 800px) {
  .site-users-address-grid { grid-template-columns: 1fr; }
}
@media (max-width: 700px) {
  .site-users-member-tabs { grid-template-columns: 1fr; }
  .site-users-hub-tabs button {
    flex: 0 0 auto;
    white-space: nowrap;
    min-height: 2.35rem;
  }
}

/* Üyeler CRM split-view (operasyon paneli) */
.mem-crm-page {
  margin: -.35rem -.25rem 0;
}
.mem-crm {
  display: grid;
  gap: .85rem;
  min-height: calc(100vh - 7.5rem);
}
.mem-crm-head {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  justify-content: space-between;
  gap: .75rem 1rem;
}
.mem-crm-title {
  margin: 0;
  font-size: 1.35rem;
  font-weight: 750;
  letter-spacing: -.02em;
  color: #0f172a;
}
.mem-crm-lead {
  margin: .35rem 0 0;
  max-width: 40rem;
  font-size: .88rem;
  color: #64748b;
  line-height: 1.45;
}
.mem-crm-head-actions {
  display: flex;
  flex-wrap: wrap;
  gap: .45rem;
}
.mem-crm-split {
  display: grid;
  grid-template-columns: minmax(0, 1fr) min(22rem, 34vw);
  gap: .85rem;
  align-items: start;
  min-height: 0;
}
.mem-crm-main {
  min-width: 0;
  overflow: hidden;
  display: flex;
  flex-direction: column;
}
.mem-crm-nav {
  padding: .85rem 1rem .7rem;
  border-bottom: 1px solid #e2e8f0;
  background: #fff;
}
.mem-crm-stat-strip {
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  gap: .35rem;
  margin-bottom: .65rem;
}
.mem-crm-stat-group {
  display: flex;
  flex: 1 1 auto;
  flex-wrap: wrap;
  align-items: stretch;
  gap: .35rem;
  min-width: 0;
}
.mem-crm-stat-divider {
  flex: 0 0 1px;
  align-self: stretch;
  min-height: 2.35rem;
  margin: .08rem .1rem;
  background: #e2e8f0;
}
.mem-crm-stat-box {
  appearance: none;
  flex: 1 1 6.25rem;
  min-width: 6.25rem;
  display: grid;
  gap: .12rem;
  align-content: center;
  min-height: 2.55rem;
  padding: .42rem .55rem;
  border: 1px solid #e2e8f0;
  border-radius: 4px;
  background: #f8fafc;
  cursor: pointer;
  text-align: left;
  font: inherit;
  color: inherit;
  transition: border-color .12s, background .12s, box-shadow .12s, color .12s;
}
.mem-crm-stat-box span {
  font-size: .58rem;
  font-weight: 800;
  letter-spacing: .04em;
  text-transform: uppercase;
  color: #64748b;
  line-height: 1.15;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.mem-crm-stat-box--status span {
  white-space: normal;
  overflow: visible;
  text-overflow: unset;
}
.mem-crm-stat-box--ops span {
  white-space: normal;
  overflow: visible;
  text-overflow: unset;
  hyphens: auto;
}
.mem-crm-stat-box strong {
  font-size: .92rem;
  font-weight: 800;
  letter-spacing: -.02em;
  font-variant-numeric: tabular-nums;
  color: #0f172a;
  line-height: 1.15;
}
.mem-crm-stat-box:hover {
  background: #fff;
  border-color: #cbd5e1;
}
.mem-crm-stat-box--status.is-active {
  background: #fff;
  border-color: rgba(192, 16, 24, .4);
  box-shadow: 0 0 0 1px rgba(192, 16, 24, .1);
}
.mem-crm-stat-box--status.is-active span {
  color: #C01018;
}
.mem-crm-stat-box--status.is-active strong {
  color: #C01018;
}
.mem-crm-stat-box--ops.is-warn span {
  color: #b45309;
}
.mem-crm-stat-box--ops.is-warn strong {
  color: #92400e;
}
.mem-crm-stat-box--ops.is-active {
  background: #fff;
  border-color: rgba(192, 16, 24, .4);
  box-shadow: 0 0 0 1px rgba(192, 16, 24, .1);
}
.mem-crm-stat-box--ops.is-active.is-warn {
  border-color: #fcd34d;
  box-shadow: 0 0 0 1px rgba(245, 158, 11, .15);
  background: #fffbeb;
}
.mem-crm-stat-box--ops.is-active.is-warn span {
  color: #b45309;
}
.mem-crm-stat-box--ops.is-active.is-warn strong {
  color: #92400e;
}
.mem-crm-bulk-bar {
  padding: .75rem 1rem;
  border-bottom: 1px solid #e2e8f0;
  background: linear-gradient(180deg, #f8fafc 0%, #fff 100%);
}
.mem-crm-bulk-bar-head {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  justify-content: space-between;
  gap: .55rem .75rem;
  margin-bottom: .55rem;
}
.mem-crm-bulk-bar-head strong {
  display: block;
  font-size: .82rem;
  font-weight: 800;
  color: #0f172a;
}
.mem-crm-bulk-bar-sub {
  display: block;
  margin-top: .12rem;
  font-size: .74rem;
  color: #64748b;
}
.mem-crm-bulk-bar-sub em {
  font-style: normal;
  font-weight: 800;
  color: #C01018;
}
.mem-crm-bulk-bar-quick {
  display: flex;
  flex-wrap: wrap;
  gap: .35rem;
  justify-content: flex-end;
}
.mem-crm-bulk-bar-actions {
  display: flex;
  flex-wrap: wrap;
  gap: .4rem;
  align-items: center;
}
.mem-crm-bulk-send {
  min-width: 7.5rem;
}
.mem-bulk-ops-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(min(100%, 22rem), 1fr));
  gap: .85rem;
  margin-bottom: 1.25rem;
}
.dr-stats.mem-bulk-ops-stats {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}
@media (max-width: 900px) {
  .dr-stats.mem-bulk-ops-stats {
    grid-template-columns: 1fr;
  }
}
.mem-bulk-ops-section-head {
  margin: .25rem 0 .75rem;
}
.mem-bulk-ops-section-head h2 {
  margin: 0;
  font-size: 1rem;
  font-weight: 780;
  color: #0f172a;
}
.mem-bulk-ops-section-head p {
  margin: .2rem 0 0;
  font-size: .8rem;
  color: #64748b;
}
.mem-bulk-ops-custom {
  padding: 1.05rem 1.15rem 1.15rem;
  margin-bottom: 1.15rem;
  border: 1px solid #e8edf3;
  border-radius: 8px;
  background: linear-gradient(180deg, #fff 0%, #fbfcfe 100%);
  box-shadow: 0 1px 2px rgba(15, 23, 42, .04), 0 8px 20px rgba(15, 23, 42, .04);
}
.mem-bulk-ops-custom-head {
  display: flex;
  align-items: flex-start;
  gap: .75rem;
  margin-bottom: 1rem;
  padding-bottom: .85rem;
  border-bottom: 1px solid #f1f5f9;
}
.mem-bulk-ops-custom-ico {
  width: 2.4rem;
  height: 2.4rem;
  border-radius: 7px;
  display: grid;
  place-items: center;
  flex: 0 0 auto;
  background: rgba(30, 58, 95, .1);
  color: #1e3a5f;
  font-size: .95rem;
}
.mem-bulk-ops-custom-head h2 {
  margin: 0;
  font-size: .98rem;
  font-weight: 780;
  color: #0f172a;
}
.mem-bulk-ops-custom-head p {
  margin: .2rem 0 0;
  font-size: .78rem;
  color: #64748b;
  line-height: 1.4;
}
.mem-bulk-ops-custom-grid {
  display: grid;
  grid-template-columns: minmax(0, 1.1fr) minmax(0, .9fr);
  gap: .75rem 1rem;
  margin-bottom: 1rem;
}
.mem-bulk-ops-card {
  display: flex;
  flex-direction: column;
  gap: .85rem;
  padding: 1rem 1.05rem;
  border: 1px solid #e8edf3;
  border-radius: 8px;
  background: linear-gradient(180deg, #fff 0%, #fbfcfe 100%);
  box-shadow: 0 1px 2px rgba(15, 23, 42, .04), 0 8px 20px rgba(15, 23, 42, .04);
  position: relative;
  overflow: hidden;
}
.mem-bulk-ops-card::before {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 3px;
  background: #1e3a5f;
}
.mem-bulk-ops-card-head {
  display: grid;
  grid-template-columns: auto 1fr auto;
  gap: .7rem;
  align-items: start;
}
.mem-bulk-ops-card-ico {
  width: 2.25rem;
  height: 2.25rem;
  border-radius: 7px;
  display: grid;
  place-items: center;
  background: rgba(30, 58, 95, .1);
  color: #1e3a5f;
  font-size: .85rem;
}
.mem-bulk-ops-card-head h3 {
  margin: 0 0 .25rem;
  font-size: .92rem;
  font-weight: 780;
  color: #0f172a;
}
.mem-bulk-ops-card-head p {
  margin: 0;
  font-size: .76rem;
  line-height: 1.45;
  color: #64748b;
}
.mem-bulk-ops-count {
  flex-shrink: 0;
  font-size: 1.35rem;
  font-weight: 780;
  color: #C01018;
  line-height: 1;
  font-variant-numeric: tabular-nums;
}
.mem-bulk-ops-field {
  display: flex;
  flex-direction: column;
  gap: .35rem;
  font-size: .78rem;
  font-weight: 650;
  color: #475569;
}
.mem-bulk-ops-field--wide {
  grid-column: 1 / -1;
}
.mem-bulk-ops-field.is-dim {
  opacity: .45;
}
.mem-bulk-ops-field-label {
  font-size: .78rem;
  font-weight: 650;
  color: #475569;
}
.mem-bulk-ops-custom-grid > * {
  min-width: 0;
}
.mem-bulk-ops-field select,
.mem-bulk-ops-field input:not([type='checkbox']):not([type='radio']),
.mem-bulk-ops-field textarea {
  width: 100%;
  max-width: 100%;
  box-sizing: border-box;
  padding: .55rem .65rem;
  border: 1px solid #e2e8f0;
  border-radius: 6px;
  font: inherit;
  background: #fff;
  color: #0f172a;
  box-shadow: 0 1px 2px rgba(15, 23, 42, .03);
}
.mem-bulk-ops-field textarea {
  resize: vertical;
  min-height: 5.5rem;
  line-height: 1.45;
}
.mem-bulk-ops-field--sms textarea {
  min-height: 4.75rem;
  background: #fff;
}
.mem-bulk-ops-field select:focus,
.mem-bulk-ops-field input:not([type='checkbox']):not([type='radio']):focus,
.mem-bulk-ops-field textarea:focus {
  outline: none;
  border-color: #94a3b8;
  box-shadow: 0 0 0 3px rgba(30, 58, 95, .08);
}
.mem-bulk-ops-hint {
  font-style: normal;
  font-size: .68rem;
  font-weight: 600;
  color: #94a3b8;
}
.mem-bulk-ops-channels {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: .65rem 1rem;
  padding-top: 1.35rem;
}
.mem-bulk-ops-channels .mem-bulk-ops-hint {
  flex: 1 1 100%;
  margin: 0;
}
.mem-bulk-ops-check {
  display: inline-flex;
  align-items: center;
  gap: .4rem;
  font-size: .8rem;
  font-weight: 650;
  color: #334155;
  cursor: pointer;
}
.mem-bulk-ops-campaign-label {
  margin: 0;
  font-size: .8rem;
  font-weight: 700;
  color: #334155;
}
.mem-bulk-ops-actions {
  display: flex;
  flex-wrap: wrap;
  gap: .45rem;
  align-items: center;
}
.mem-bulk-ops-progress {
  margin: 0 0 .75rem;
  font-size: .76rem;
  color: #64748b;
}
.mem-bulk-ops-flash {
  margin: 0 0 .85rem;
  padding: .55rem .75rem;
  border-radius: 6px;
  background: #ecfdf5;
  border: 1px solid #a7f3d0;
  color: #065f46;
  font-size: .82rem;
}
.mem-bulk-ops-flash.muted {
  background: #f8fafc;
  border-color: #e2e8f0;
  color: #64748b;
}
.mem-bulk-ops-note {
  padding: 1rem 1.1rem;
  border-radius: 8px;
}
.mem-bulk-ops-note h3 {
  margin: 0 0 .55rem;
  font-size: .88rem;
  font-weight: 780;
}
.mem-bulk-ops-note ul {
  margin: 0;
  padding-left: 1.1rem;
  font-size: .78rem;
  line-height: 1.55;
  color: #475569;
}
.mem-bulk-ops-note a {
  color: #C01018;
  font-weight: 650;
}
.mem-bulk-ops-gap {
  padding: 1.05rem 1.15rem 1.15rem;
  margin-bottom: 1.15rem;
}
.mem-bulk-ops-gap-table-wrap {
  overflow-x: auto;
  max-height: 22rem;
  overflow-y: auto;
  border: 1px solid #e8edf3;
  border-radius: 6px;
}
.mem-bulk-ops-gap-table {
  width: 100%;
  border-collapse: collapse;
  font-size: .78rem;
}
.mem-bulk-ops-gap-table th,
.mem-bulk-ops-gap-table td {
  text-align: left;
  padding: .45rem .65rem;
  border-bottom: 1px solid #f1f5f9;
  vertical-align: middle;
}
.mem-bulk-ops-gap-table th {
  font-size: .68rem;
  font-weight: 750;
  color: #64748b;
  letter-spacing: .02em;
  text-transform: uppercase;
  background: #f8fafc;
  position: sticky;
  top: 0;
}
.mem-bulk-ops-gap-table td.is-mono {
  font-variant-numeric: tabular-nums;
  font-weight: 650;
  white-space: nowrap;
}
.mem-bulk-ops-gap-table a {
  color: #1e3a5f;
  font-weight: 700;
  text-decoration: none;
}
.mem-bulk-ops-gap-table a:hover {
  color: #C01018;
}
.mem-bulk-ops-chip {
  display: inline-flex;
  align-items: center;
  padding: .15rem .45rem;
  border-radius: 999px;
  font-size: .68rem;
  font-weight: 750;
  white-space: nowrap;
}
.mem-bulk-ops-chip.is-sms {
  background: #ecfdf5;
  color: #047857;
}
.mem-bulk-ops-chip.is-mail {
  background: #eff6ff;
  color: #1d4ed8;
}
.mem-bulk-ops-chip.is-consent {
  background: #fff7ed;
  color: #c2410c;
}
.mem-bulk-ops-chip.is-on {
  background: #1e3a5f;
  color: #fff;
}
.mem-bulk-ops-gap-toolbar {
  display: flex;
  flex-wrap: wrap;
  gap: .65rem 1rem;
  align-items: center;
  margin-bottom: .75rem;
}
.mem-bulk-ops-gap-search {
  display: flex;
  gap: .35rem;
  min-width: min(100%, 16rem);
  flex: 1 1 14rem;
}
.mem-bulk-ops-gap-search input {
  flex: 1 1 auto;
  min-width: 0;
  padding: .45rem .6rem;
  border: 1px solid #e2e8f0;
  border-radius: 6px;
  font: inherit;
}
.mem-bulk-ops-gap-filters {
  display: flex;
  flex-wrap: wrap;
  gap: .35rem;
}
.mem-bulk-ops-gap-actions {
  margin-bottom: .75rem;
}
.mem-bulk-ops-gap-meta {
  margin: 0 0 .5rem;
}
.mem-ann-layout {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1.15fr);
  gap: 1.15rem;
  align-items: start;
}
.mem-ann-form {
  display: flex;
  flex-direction: column;
  gap: .75rem;
}
.mem-ann-list-card {
  padding: 1.05rem 1.15rem 1.15rem;
  margin-bottom: 1.15rem;
  border: 1px solid #e8edf3;
  border-radius: 8px;
  background: linear-gradient(180deg, #fff 0%, #fbfcfe 100%);
  box-shadow: 0 1px 2px rgba(15, 23, 42, .04), 0 8px 20px rgba(15, 23, 42, .04);
}
.mem-ann-list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: .65rem;
}
.mem-ann-item {
  display: flex;
  gap: 1rem;
  justify-content: space-between;
  align-items: flex-start;
  padding: .85rem .9rem;
  border: 1px solid #e8edf3;
  border-radius: 8px;
  background: #fff;
}
.mem-ann-item.is-editing {
  border-color: #1e3a5f;
  box-shadow: 0 0 0 1px rgba(30, 58, 95, .35);
}
.mem-ann-item-main {
  min-width: 0;
  flex: 1;
}
.mem-ann-item-title {
  display: flex;
  gap: .5rem;
  align-items: center;
  flex-wrap: wrap;
}
.mem-ann-item-title strong {
  font-size: .92rem;
  color: #0f172a;
}
.mem-ann-item-meta {
  margin: .2rem 0 0;
  font-size: .75rem;
  color: #64748b;
}
.mem-ann-item-body {
  margin: .4rem 0 0;
  font-size: .8rem;
  color: #334155;
  white-space: pre-wrap;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.mem-ann-item-actions {
  display: flex;
  flex-direction: column;
  gap: .35rem;
  flex: 0 0 auto;
}
@media (max-width: 1100px) {
  .mem-ann-layout {
    grid-template-columns: 1fr;
  }
}
@media (max-width: 640px) {
  .mem-ann-item {
    flex-direction: column;
  }
  .mem-ann-item-actions {
    flex-direction: row;
    flex-wrap: wrap;
  }
}
@media (max-width: 900px) {
  .mem-bulk-ops-custom-grid {
    grid-template-columns: 1fr;
  }
  .mem-bulk-ops-channels {
    padding-top: 0;
  }
}
@media (max-width: 640px) {
  .mem-bulk-ops-actions .btn {
    flex: 1 1 calc(50% - .4rem);
    justify-content: center;
  }
}
.mem-crm-col-check {
  width: 2.35rem;
  min-width: 2.35rem;
  text-align: center;
  vertical-align: middle;
}
.mem-crm-col-check input {
  width: .95rem;
  height: .95rem;
  cursor: pointer;
}
.mem-crm-row.is-bulk-selected td {
  background: #fffbeb;
}
.mem-crm-status-tabs.content-hub-tabs {
  margin: 0 0 .7rem;
  grid-template-columns: repeat(4, minmax(0, 1fr));
}
.mem-crm-status-tabs.content-hub-tabs button {
  appearance: none;
  border: none;
  background: transparent;
  font: inherit;
  cursor: pointer;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: .45rem;
  min-width: 0;
  padding: .7rem .65rem;
  border-radius: 10px;
  text-decoration: none !important;
  color: #475569 !important;
  font-size: .84rem;
  font-weight: 750;
  transition: background .12s ease, color .12s ease, box-shadow .12s ease;
}
.mem-crm-status-tabs.content-hub-tabs button i {
  font-size: .82rem;
  opacity: .85;
}
.mem-crm-status-tabs.content-hub-tabs button span {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.mem-crm-status-tabs.content-hub-tabs button em {
  font-style: normal;
  font-size: .72rem;
  font-weight: 800;
  font-variant-numeric: tabular-nums;
  padding: .12rem .4rem;
  border-radius: 999px;
  background: rgba(15, 23, 42, .06);
  color: #64748b;
}
.mem-crm-status-tabs.content-hub-tabs button:hover {
  background: rgba(255,255,255,.7);
  color: #0f172a !important;
}
.mem-crm-status-tabs.content-hub-tabs button.is-active {
  background: #fff;
  color: #C01018 !important;
  box-shadow: 0 1px 2px rgba(15,23,42,.08), 0 0 0 1px rgba(192,16,24,.14);
}
.mem-crm-status-tabs.content-hub-tabs button.is-active em {
  background: rgba(192, 16, 24, .1);
  color: #C01018;
}
.mem-crm-context {
  margin-bottom: .65rem;
  padding: .5rem .55rem;
  border-radius: 4px;
  background: #f8fafc;
  border: 1px solid #eef2f7;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: .4rem .55rem;
}
.mem-crm-context-hint {
  flex: 0 0 auto;
  font-size: .72rem;
  font-weight: 650;
  color: #94a3b8;
  white-space: nowrap;
}
.mem-crm-context-suspended {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: .45rem .55rem;
}
.mem-crm-context-chips {
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  gap: .35rem;
  flex: 1;
  min-width: 0;
}
.mem-crm-ctx-chip {
  appearance: none;
  border: 1px solid #e2e8f0;
  background: #fff;
  border-radius: 4px;
  padding: .38rem .65rem;
  font-size: .76rem;
  font-weight: 650;
  color: #475569;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  gap: .38rem;
  line-height: 1.2;
  min-height: 2rem;
  box-shadow: none;
  transition: border-color .12s, background .12s, color .12s, box-shadow .12s;
}
.mem-crm-ctx-chip em {
  font-style: normal;
  font-size: .68rem;
  font-weight: 750;
  font-variant-numeric: tabular-nums;
  color: #64748b;
  background: #f1f5f9;
  padding: .12rem .38rem;
  border-radius: 3px;
  border: 1px solid #e8edf3;
}
.mem-crm-ctx-chip:hover {
  border-color: #cbd5e1;
  color: #0f172a;
}
.mem-crm-ctx-chip.is-active {
  border-color: rgba(192, 16, 24, .35);
  background: #fff;
  color: #C01018;
  box-shadow: 0 0 0 1px rgba(192, 16, 24, .08);
}
.mem-crm-ctx-chip.is-active em {
  background: rgba(192, 16, 24, .1);
  color: #C01018;
}
.mem-crm-ctx-chip.is-type-is-asil.is-active {
  border-color: rgba(22, 163, 74, .35);
  color: #15803d;
  box-shadow: 0 0 0 1px rgba(22, 163, 74, .08);
}
.mem-crm-ctx-chip.is-type-is-asil.is-active em {
  background: #dcfce7;
  color: #15803d;
}
.mem-crm-ctx-chip.is-type-is-fahri.is-active {
  border-color: rgba(37, 99, 235, .35);
  color: #1d4ed8;
  box-shadow: 0 0 0 1px rgba(37, 99, 235, .08);
}
.mem-crm-ctx-chip.is-type-is-fahri.is-active em {
  background: #dbeafe;
  color: #1d4ed8;
}
.mem-crm-ctx-chip.is-type-is-tuzel.is-active {
  border-color: rgba(124, 58, 237, .35);
  color: #6d28d9;
  box-shadow: 0 0 0 1px rgba(124, 58, 237, .08);
}
.mem-crm-ctx-chip.is-type-is-tuzel.is-active em {
  background: #ede9fe;
  color: #6d28d9;
}
.mem-crm-context-action {
  flex: 0 0 auto;
  white-space: nowrap;
}
.mem-crm-quick-metrics {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: .45rem;
  margin-bottom: .65rem;
}
.mem-crm-quick-metrics .content-hub-metric {
  width: 100%;
  border: 1px solid #e2e8f0;
  cursor: pointer;
  text-align: left;
  font: inherit;
  appearance: none;
}
.mem-crm-quick-metrics .content-hub-metric:hover {
  background: #fff;
  border-color: #cbd5e1;
}
.mem-crm-scope-line {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: .35rem .55rem;
  padding-top: .15rem;
  font-size: .8rem;
  color: #64748b;
}
.mem-crm-scope-main strong {
  font-size: .92rem;
  font-weight: 800;
  color: #0f172a;
  font-variant-numeric: tabular-nums;
}
.mem-crm-scope-sep {
  color: #475569;
  font-weight: 600;
}
.mem-crm-scope-tags {
  display: inline-flex;
  flex-wrap: wrap;
  gap: .28rem;
}
.mem-crm-scope-tag {
  font-size: .68rem;
  font-weight: 650;
  padding: .1rem .42rem;
  border-radius: 999px;
  background: #eef2f7;
  color: #475569;
}
@media (max-width: 960px) {
  .mem-crm-stat-strip {
    flex-direction: column;
  }
  .mem-crm-stat-divider {
    width: 100%;
    height: 1px;
    min-height: 0;
    margin: .1rem 0;
  }
  .mem-crm-stat-box {
    flex: 1 1 calc(50% - .35rem);
    min-width: calc(50% - .35rem);
  }
  .mem-crm-context-suspended {
    flex-direction: column;
    align-items: stretch;
  }
  .mem-crm-context-action {
    width: 100%;
  }
}
.mem-crm-status-tabs.content-hub-tabs button:focus-visible,
.mem-crm-stat-box:focus-visible,
.mem-crm-ctx-chip:focus-visible {
  outline: 2px solid rgba(192, 16, 24, .35);
  outline-offset: 2px;
}
.mem-crm-filter-panel {
  padding: .85rem 1rem .75rem;
  border-bottom: 1px solid #e2e8f0;
  background: linear-gradient(180deg, #f8fafc 0%, #fff 100%);
}
.mem-crm-filter-row {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  gap: .5rem .65rem;
  margin-bottom: .6rem;
}
.mem-crm-filter-row:last-of-type {
  margin-bottom: 0;
}
.mem-crm-filter-row-label {
  flex: 0 0 4.75rem;
  padding-top: .38rem;
  font-size: .68rem;
  font-weight: 700;
  letter-spacing: .05em;
  text-transform: uppercase;
  color: #94a3b8;
}
.mem-crm-segmented {
  display: flex;
  flex-wrap: wrap;
  gap: .35rem;
  flex: 1;
  min-width: min(100%, 12rem);
}
.mem-crm-segmented-ghost .mem-crm-seg-btn {
  background: transparent;
}
.mem-crm-seg-btn {
  appearance: none;
  border: 1px solid #e2e8f0;
  background: #fff;
  border-radius: 999px;
  padding: .34rem .72rem;
  font-size: .78rem;
  font-weight: 600;
  color: #475569;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  gap: .35rem;
  line-height: 1.2;
  transition: border-color .12s, background .12s, color .12s;
}
.mem-crm-seg-btn em {
  font-style: normal;
  font-size: .7rem;
  font-weight: 700;
  font-variant-numeric: tabular-nums;
  color: #64748b;
  background: #f1f5f9;
  padding: .06rem .38rem;
  border-radius: 999px;
}
.mem-crm-seg-btn:hover {
  border-color: #cbd5e1;
  color: #0f172a;
}
.mem-crm-seg-btn.is-active {
  border-color: #2563eb;
  background: #eff6ff;
  color: #1d4ed8;
  box-shadow: 0 0 0 1px rgba(37, 99, 235, .12);
}
.mem-crm-seg-btn.is-active em {
  background: #dbeafe;
  color: #1d4ed8;
}
.mem-crm-seg-btn.is-type-is-asil.is-active {
  border-color: #16a34a;
  background: #f0fdf4;
  color: #15803d;
  box-shadow: 0 0 0 1px rgba(22, 163, 74, .12);
}
.mem-crm-seg-btn.is-type-is-asil.is-active em {
  background: #dcfce7;
  color: #15803d;
}
.mem-crm-seg-btn.is-type-is-fahri.is-active {
  border-color: #2563eb;
  background: #eff6ff;
  color: #1d4ed8;
}
.mem-crm-seg-btn.is-type-is-tuzel.is-active {
  border-color: #7c3aed;
  background: #f5f3ff;
  color: #6d28d9;
}
.mem-crm-seg-btn.is-warn.is-active {
  border-color: #f59e0b;
  background: #fffbeb;
  color: #b45309;
  box-shadow: 0 0 0 1px rgba(245, 158, 11, .15);
}
.mem-crm-seg-btn.is-warn.is-active em {
  background: #fef3c7;
  color: #b45309;
}
.mem-crm-filter-row-suspended {
  align-items: center;
}
.mem-crm-filter-row-action {
  flex: 0 0 auto;
  margin-left: auto;
}
.mem-crm-filter-summary {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: .35rem .5rem;
  margin-top: .65rem;
  padding-top: .6rem;
  border-top: 1px dashed #e2e8f0;
  font-size: .82rem;
  color: #64748b;
}
.mem-crm-filter-summary strong {
  font-size: .95rem;
  font-weight: 800;
  color: #0f172a;
  font-variant-numeric: tabular-nums;
}
.mem-crm-filter-summary-tags {
  display: inline-flex;
  flex-wrap: wrap;
  gap: .3rem;
}
.mem-crm-filter-tag {
  font-size: .68rem;
  font-weight: 650;
  padding: .12rem .45rem;
  border-radius: 999px;
  background: #f1f5f9;
  color: #475569;
}
.mem-crm-filter-clear {
  appearance: none;
  border: 0;
  background: transparent;
  margin-left: auto;
  padding: .15rem .35rem;
  font-size: .75rem;
  font-weight: 650;
  color: #2563eb;
  cursor: pointer;
  text-decoration: underline;
  text-underline-offset: 2px;
}
.mem-crm-filter-clear:hover {
  color: #1d4ed8;
}
.mem-crm-view-tabs {
  display: flex;
  flex-wrap: nowrap;
  gap: 0;
  padding: 0 1rem;
  border-bottom: 1px solid #e2e8f0;
  background: #fff;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  scrollbar-width: thin;
}
.mem-crm-view-tab {
  appearance: none;
  flex: 0 0 auto;
  white-space: nowrap;
  border: 0;
  background: transparent;
  margin: 0;
  padding: .72rem .85rem;
  font-size: .82rem;
  font-weight: 650;
  color: #64748b;
  cursor: pointer;
  border-bottom: 2px solid transparent;
  display: inline-flex;
  align-items: center;
  gap: .4rem;
}
.mem-crm-view-tab:hover {
  color: #0f172a;
}
.mem-crm-view-tab.is-active {
  color: #1d4ed8;
  border-bottom-color: #2563eb;
}
.mem-crm-view-tab-count {
  font-size: .72rem;
  font-weight: 700;
  font-variant-numeric: tabular-nums;
  padding: .08rem .38rem;
  border-radius: 999px;
  background: #f1f5f9;
  color: #475569;
}
.mem-crm-view-tab.is-active .mem-crm-view-tab-count {
  background: #dbeafe;
  color: #1d4ed8;
}
.mem-crm-metrics {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: .55rem;
  padding: .75rem 1rem;
  border-bottom: 1px solid #eef2f7;
  background: #fafbfc;
}
.mem-crm-suspended-gaps {
  padding: .65rem 1rem .75rem;
  border-bottom: 1px solid #eef2f7;
  background: #fffbeb;
}
.mem-crm-suspended-gaps-head {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: .5rem;
  margin-bottom: .55rem;
  font-size: .78rem;
  font-weight: 700;
  color: #92400e;
}
.mem-crm-suspended-hint {
  margin: .45rem 0 0;
  font-size: .78rem;
}
.mem-crm-active-types {
  padding: .65rem 1rem .75rem;
  border-bottom: 1px solid #eef2f7;
  background: #f0fdf4;
}
.mem-crm-active-types-head {
  margin-bottom: .55rem;
  font-size: .78rem;
  font-weight: 700;
  color: #166534;
}
.mem-crm-filter-chip.is-type-is-asil.is-active {
  border-color: #16a34a;
  background: #dcfce7;
}
.mem-crm-filter-chip.is-type-is-fahri.is-active {
  border-color: #2563eb;
  background: #dbeafe;
}
.mem-crm-filter-chip.is-type-is-tuzel.is-active {
  border-color: #7c3aed;
  background: #ede9fe;
}
.mem-crm-metric {
  padding: .55rem .65rem;
  border: 1px solid #e2e8f0;
  border-radius: 10px;
  background: #fff;
}
.mem-crm-metric span {
  display: block;
  font-size: .68rem;
  font-weight: 700;
  letter-spacing: .04em;
  text-transform: uppercase;
  color: #94a3b8;
  margin-bottom: .2rem;
}
.mem-crm-metric strong {
  font-size: 1.05rem;
  font-weight: 800;
  color: #0f172a;
  font-variant-numeric: tabular-nums;
}
.mem-crm-metric.is-warn strong {
  color: #b45309;
}
.mem-crm-toolbar {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: center;
  gap: .5rem .65rem;
  width: 100%;
  box-sizing: border-box;
  padding: .75rem 1rem;
  border-bottom: 1px solid #eef2f7;
  background: #fff;
}
/* global `label { display:grid }` + `select/input { width:100% }` sola yığmayı kes */
.mem-crm-toolbar label {
  display: flex !important;
  flex-direction: row;
  align-items: center;
  gap: 0;
  margin: 0;
  padding: 0;
  font-size: inherit;
  font-weight: inherit;
  color: inherit;
  grid-template-columns: none;
}
.mem-crm-toolbar-primary {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: center;
  gap: .5rem;
  flex: 1 1 28rem;
  min-width: 0;
}
.mem-crm-toolbar-actions {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: .5rem;
  margin-left: auto;
}
.mem-crm-toolbar-primary .btn.sm,
.mem-crm-toolbar-actions .btn.sm {
  height: 2.45rem;
  white-space: nowrap;
}
.mem-crm-search {
  position: relative;
  flex: 1 1 14rem;
  min-width: 12rem;
  max-width: 22rem;
}
.mem-crm-search i {
  position: absolute;
  left: .85rem;
  top: 50%;
  transform: translateY(-50%);
  color: #94a3b8;
  font-size: .82rem;
  pointer-events: none;
}
.mem-crm-search input {
  width: 100%;
  height: 2.45rem;
  padding: 0 .85rem 0 2.35rem;
  border: 1px solid #dbe3ee;
  border-radius: 10px;
  background: #fff;
  font-size: .86rem;
  color: #0f172a;
}
.mem-crm-search input:focus {
  outline: none;
  border-color: #93c5fd;
  box-shadow: 0 0 0 3px rgba(37, 99, 235, .12);
}
.mem-crm-search.is-pending input {
  opacity: .7;
}
.mem-crm-select select {
  height: 2.45rem;
  min-width: 7.5rem;
  max-width: 10rem;
  padding: 0 1.75rem 0 .65rem;
  border: 1px solid #dbe3ee;
  border-radius: 10px;
  background: #fff;
  font-size: .82rem;
  font-weight: 600;
  color: #334155;
  appearance: none;
  background-image:
    linear-gradient(45deg, transparent 50%, #94a3b8 50%),
    linear-gradient(135deg, #94a3b8 50%, transparent 50%);
  background-position:
    calc(100% - 13px) calc(50% - 2px),
    calc(100% - 8px) calc(50% - 2px);
  background-size: 5px 5px, 5px 5px;
  background-repeat: no-repeat;
}
.mem-crm-select-block select {
  width: 100%;
  max-width: none;
}
.mem-crm-select-il select,
.mem-crm-select-type select {
  width: auto;
  min-width: 11rem;
  max-width: 22rem;
}
.mem-crm-toolbar .mem-crm-select select {
  width: auto;
}
.mem-crm-toolbar-dates {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: center;
  gap: .45rem .65rem;
  flex: 0 1 auto;
  margin-left: auto;
}
.mem-crm-date-kicker {
  flex: 0 0 auto;
  font-size: .68rem;
  font-weight: 700;
  letter-spacing: .04em;
  text-transform: uppercase;
  color: #94a3b8;
}
.mem-crm-date-range {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: center;
  gap: .4rem;
  flex: 0 1 auto;
  min-width: 0;
  padding: .35rem .45rem;
  border: 1px solid #e8eef5;
  border-radius: 10px;
  background: #f8fafc;
}
.mem-crm-select-date-field select {
  width: auto;
  min-width: 11.25rem;
  max-width: 14rem;
}
.mem-crm-date-input {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.mem-crm-date-input input[type="date"] {
  box-sizing: border-box;
  height: 2.45rem;
  width: 10.75rem;
  max-width: 100%;
  padding: 0 .55rem;
  border: 1px solid #dbe3ee;
  border-radius: 8px;
  background: #fff;
  font-size: .82rem;
  font-weight: 600;
  color: #334155;
  color-scheme: light;
}
.mem-crm-date-input input[type="date"]:focus {
  outline: none;
  border-color: #93c5fd;
  box-shadow: 0 0 0 3px rgba(37, 99, 235, .12);
}
.mem-crm-date-sep {
  color: #94a3b8;
  font-weight: 700;
  line-height: 1;
  user-select: none;
}
.mem-crm-date-range .btn.sm {
  height: 2.45rem;
  white-space: nowrap;
}
.mem-crm-filters-wrap {
  position: relative;
}
.mem-crm-filters-btn.has-active {
  border-color: #93c5fd;
  background: #eff6ff;
}
.mem-crm-filters-badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 1.1rem;
  height: 1.1rem;
  margin-left: .2rem;
  padding: 0 .28rem;
  border-radius: 999px;
  background: #2563eb;
  color: #fff;
  font-size: .65rem;
  font-weight: 700;
}
.mem-crm-filters-panel {
  position: absolute;
  right: 0;
  top: calc(100% + .35rem);
  z-index: 50;
  width: min(20rem, 88vw);
  padding: .65rem;
  box-shadow: 0 16px 40px rgba(15, 23, 42, .12);
}
.mem-crm-filters-panel-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: .5rem;
  padding: .15rem .25rem .45rem;
  border-bottom: 1px solid #f1f5f9;
  margin-bottom: .45rem;
}
.mem-crm-filters-panel-head strong {
  font-size: .82rem;
}
.mem-crm-filters-group + .mem-crm-filters-group {
  margin-top: .55rem;
  padding-top: .55rem;
  border-top: 1px solid #f8fafc;
}
.mem-crm-filters-label {
  display: block;
  margin-bottom: .35rem;
  font-size: .68rem;
  font-weight: 700;
  letter-spacing: .04em;
  text-transform: uppercase;
  color: #94a3b8;
}
.mem-crm-filters-chips {
  display: flex;
  flex-wrap: wrap;
  gap: .35rem;
}
.mem-crm-filter-chip {
  display: inline-flex;
  align-items: center;
  gap: .35rem;
  margin: 0;
  padding: .32rem .55rem;
  border: 1px solid #e2e8f0;
  border-radius: 999px;
  background: #fff;
  color: #475569;
  font-size: .76rem;
  font-weight: 650;
  cursor: pointer;
}
.mem-crm-filter-chip em {
  font-style: normal;
  font-size: .68rem;
  color: #94a3b8;
  font-variant-numeric: tabular-nums;
}
.mem-crm-filter-chip.is-active {
  border-color: #2563eb;
  background: #eff6ff;
  color: #1d4ed8;
}
.mem-crm-filter-chip.is-active em {
  color: #3b82f6;
}
.mem-crm-clear {
  margin-left: auto;
}
.mem-crm-table-wrap {
  flex: 1 1 auto;
  overflow: auto;
}
.mem-crm-table th {
  font-size: .68rem;
  letter-spacing: .05em;
  text-transform: uppercase;
  color: #94a3b8;
  background: #fafbfc;
}
.mem-crm-row {
  cursor: pointer;
}
.mem-crm-row.is-selected td {
  background: #f8fbff;
}
.mem-crm-row.is-selected td:first-child {
  box-shadow: inset 3px 0 0 #2563eb;
}
.mem-crm-row:hover td {
  background: #f8fafc;
}
.mem-crm-member-cell {
  display: flex;
  align-items: center;
  gap: .65rem;
  min-width: 0;
}
.mem-crm-row-avatar {
  flex: 0 0 auto;
  width: 2.1rem;
  height: 2.1rem;
  border-radius: 999px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: #e0e7ff;
  color: #3730a3;
  font-size: .72rem;
  font-weight: 800;
}
.mem-crm-member-name {
  display: block;
  font-size: .86rem;
  font-weight: 700;
  color: #0f172a;
  line-height: 1.25;
}
.mem-crm-member-meta {
  display: block;
  font-size: .74rem;
  line-height: 1.35;
  margin-top: .12rem;
}
.mem-crm-status-cell {
  display: flex;
  flex-wrap: wrap;
  gap: .28rem;
  max-width: 15rem;
}
.mem-crm-cell-muted {
  color: #475569;
  font-size: .82rem;
  white-space: nowrap;
}
.mem-crm-manage-btn {
  border-color: #cbd5e1 !important;
  color: #334155 !important;
  background: #fff !important;
  box-shadow: none !important;
}
.mem-crm-manage-btn:hover {
  border-color: #2563eb !important;
  color: #1d4ed8 !important;
  background: #f8fbff !important;
}
.mem-crm-pager {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: .75rem;
  padding: .65rem 1rem;
  border-top: 1px solid #e2e8f0;
  background: #fafbfc;
}
.mem-crm-empty,
.mem-crm-flash {
  padding: 1.25rem 1rem;
}
.mem-crm-import {
  margin-bottom: .15rem;
}
.mem-crm-preview {
  position: sticky;
  top: 4.5rem;
  max-height: calc(100vh - 5.5rem);
  overflow: auto;
  border: 1px solid #e2e8f0;
  border-radius: 12px;
  background: #fff;
  box-shadow: 0 1px 2px rgba(15, 23, 42, .04);
}
.mem-crm-offlist-hint {
  margin: 0 1rem .65rem;
  padding: .5rem .65rem;
  border-radius: 8px;
  background: #fffbeb;
  border: 1px solid #fde68a;
  color: #92400e;
  font-size: .82rem;
  line-height: 1.45;
}
.mem-crm-preview-empty {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 16rem;
  padding: 1.5rem;
}
.mem-crm-preview-empty-inner {
  text-align: center;
  color: #64748b;
}
.mem-crm-preview-empty-inner i {
  font-size: 1.5rem;
  margin-bottom: .5rem;
  opacity: .55;
}
.mem-crm-preview-head {
  display: flex;
  gap: .75rem;
  padding: 1rem 1rem .75rem;
  border-bottom: 1px solid #f1f5f9;
}
.mem-crm-preview-avatar {
  width: 2.75rem;
  height: 2.75rem;
  border-radius: 999px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: linear-gradient(145deg, #dbeafe, #e0e7ff);
  color: #1e3a8a;
  font-weight: 800;
  font-size: .9rem;
}
.mem-crm-preview-ident h2 {
  margin: 0;
  font-size: 1rem;
  line-height: 1.25;
  color: #0f172a;
}
.mem-crm-preview-ident p {
  margin: .2rem 0 0;
  font-size: .76rem;
  color: #64748b;
}
.mem-crm-preview-actions {
  display: flex;
  flex-wrap: wrap;
  gap: .4rem;
  padding: .65rem 1rem;
  border-bottom: 1px solid #f1f5f9;
}
.mem-crm-open-btn {
  background: #2563eb !important;
  border-color: #2563eb !important;
}
.mem-crm-preview-tabs {
  display: flex;
  gap: .15rem;
  padding: 0 1rem;
  border-bottom: 1px solid #eef2f7;
}
.mem-crm-preview-tab {
  appearance: none;
  border: 0;
  background: transparent;
  margin: 0;
  padding: .55rem .5rem;
  font-size: .76rem;
  font-weight: 650;
  color: #64748b;
  cursor: pointer;
  border-bottom: 2px solid transparent;
}
.mem-crm-preview-tab.is-active {
  color: #1d4ed8;
  border-bottom-color: #2563eb;
}
.mem-crm-preview-body {
  padding: .85rem 1rem 1rem;
}
.mem-crm-preview-section + .mem-crm-preview-section {
  margin-top: .85rem;
  padding-top: .85rem;
  border-top: 1px solid #f1f5f9;
}
.mem-crm-preview-section h3 {
  margin: 0 0 .55rem;
  font-size: .72rem;
  font-weight: 700;
  letter-spacing: .04em;
  text-transform: uppercase;
  color: #94a3b8;
}
.mem-crm-kv {
  display: grid;
  gap: .45rem;
  margin: 0;
}
.mem-crm-kv div {
  padding: .45rem .55rem;
  border-radius: 8px;
  background: #f8fafc;
  border: 1px solid #eef2f7;
}
.mem-crm-kv dt {
  margin: 0;
  font-size: .64rem;
  font-weight: 700;
  letter-spacing: .04em;
  text-transform: uppercase;
  color: #94a3b8;
}
.mem-crm-kv dd {
  margin: .12rem 0 0;
  font-size: .82rem;
  color: #0f172a;
  font-weight: 600;
}
.mem-crm-timeline,
.mem-crm-mini-list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  gap: .55rem;
}
.mem-crm-timeline li strong,
.mem-crm-mini-list li strong {
  display: block;
  font-size: .8rem;
  color: #0f172a;
}
.mem-crm-timeline li span,
.mem-crm-mini-list li span {
  display: block;
  margin-top: .1rem;
  font-size: .72rem;
  color: #64748b;
}
.mem-crm-preview-loading,
.mem-crm-preview-muted {
  font-size: .82rem;
}
.mem-crm-preview-loading {
  padding: .75rem 1rem;
  color: #64748b;
}
.mem-crm-preview-flash {
  margin: .65rem 1rem 0;
}
.mem-crm-inline-link {
  display: inline-block;
  margin-top: .55rem;
  font-size: .78rem;
  font-weight: 650;
  color: #2563eb;
  text-decoration: none;
}
.mem-crm-inline-link:hover {
  text-decoration: underline;
}
@media (max-width: 1180px) {
  .mem-crm-split {
    grid-template-columns: 1fr;
  }
  .mem-crm-preview {
    position: static;
    max-height: none;
  }
  .mem-crm-metrics {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (max-width: 720px) {
  .mem-crm-metrics {
    grid-template-columns: 1fr 1fr;
  }
  .mem-crm-toolbar {
    flex-direction: column;
    align-items: stretch;
  }
  .mem-crm-toolbar-primary,
  .mem-crm-toolbar-dates {
    width: 100%;
    margin-left: 0;
    flex: 1 1 auto;
  }
  .mem-crm-search {
    flex: 1 1 100%;
    max-width: none;
  }
  .mem-crm-toolbar-actions {
    margin-left: 0;
    width: 100%;
  }
  .mem-crm-select-il,
  .mem-crm-select-type {
    flex: 1 1 10rem;
  }
  .mem-crm-select-il select,
  .mem-crm-select-type select {
    width: 100%;
    max-width: none;
  }
  .mem-crm-date-range {
    width: 100%;
  }
  .mem-crm-date-input {
    flex: 1 1 9rem;
  }
  .mem-crm-date-input input[type="date"] {
    width: 100%;
  }
  .mem-crm-clear {
    margin-left: 0;
  }
}

/* mem-crm overrides (metrics, table, preview ops) */
.mem-crm {
  align-content: start;
}
.mem-crm-metrics {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: .55rem;
  padding: .75rem 1rem;
  border-bottom: 1px solid #eef2f7;
  background: #fafbfc;
}
.mem-crm-metric {
  padding: .55rem .65rem;
  border: 1px solid #e2e8f0;
  border-radius: 4px;
  background: #fff;
}
button.mem-crm-metric {
  width: 100%;
  margin: 0;
  text-align: left;
  cursor: pointer;
  font: inherit;
  appearance: none;
}
button.mem-crm-metric:hover {
  border-color: #cbd5e1;
  background: #f8fafc;
}
button.mem-crm-metric.is-active {
  border-color: #2563eb;
  background: #eff6ff;
}
.mem-crm-metric.is-warn.is-active strong { color: #b45309; }
button.mem-crm-metric.is-warn.is-active {
  border-color: #f59e0b;
  background: #fffbeb;
}
.mem-crm-metric.is-type-asil strong { color: #1e3a5f; }
.mem-crm-metric.is-type-fahri strong { color: #166534; }
.mem-crm-metric.is-type-tuzel strong { color: #0f172a; }
.mem-crm-metric.is-type-onursal strong { color: #92400e; }
.mem-crm-filter-hint {
  margin: 0;
  padding: 0 1rem .55rem;
  font-size: .82rem;
  color: #475569;
  border-bottom: 1px solid #eef2f7;
  background: #fafbfc;
}
.mem-crm-filter-hint strong {
  font-weight: 800;
  color: #0f172a;
}
.mem-crm-table-wrap { flex: 1 1 auto; overflow: auto; }
.mem-crm-table.content-hub-table { min-width: 880px; }
.mem-crm-table th,
.mem-crm-table td {
  padding: .42rem .52rem;
  font-size: .78rem;
  line-height: 1.25;
}
.mem-crm-table th:first-child,
.mem-crm-table td:first-child { padding-left: .72rem; }
.mem-crm-table th:last-child,
.mem-crm-table td:last-child,
.mem-crm-table .mem-crm-col-actions { padding-right: .62rem; }
.mem-crm-table th {
  font-size: .64rem;
  letter-spacing: .05em;
  text-transform: uppercase;
  color: #94a3b8;
  background: #fafbfc;
  white-space: nowrap;
}
.mem-crm-table .mem-crm-col-member { min-width: 10rem; }
.mem-crm-table .mem-crm-col-status { min-width: 4.75rem; }
.mem-crm-table .mem-crm-col-alerts { min-width: 7.25rem; max-width: 11rem; }
.mem-crm-table .mem-crm-col-type { min-width: 5.75rem; }
.mem-crm-table .mem-crm-col-email { min-width: 8rem; max-width: 12rem; }
.mem-crm-table .mem-crm-col-phone,
.mem-crm-table .mem-crm-col-province { min-width: 5.75rem; }
.mem-crm-table .mem-crm-col-actions { width: 6.25rem; min-width: 6.25rem; }
.mem-crm-table .mem-chip {
  padding: .12rem .38rem;
  font-size: .68rem;
  font-weight: 700;
  line-height: 1.2;
}
.mem-crm-table .mem-hub-type-badge {
  padding: .12rem .38rem;
  font-size: .68rem;
  line-height: 1.2;
}
.mem-crm-row-avatar {
  flex: 0 0 auto;
  width: 2.35rem;
  height: 2.85rem;
  border-radius: 6px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: linear-gradient(180deg, #eef2ff, #e0e7ff);
  border: 1px solid #c7d2fe;
  color: #3730a3;
  font-size: .72rem;
  font-weight: 800;
  overflow: hidden;
}
.mem-crm-row-avatar.has-photo {
  padding: 0;
  background: #1e293b;
  border-color: #cbd5e1;
}
.mem-crm-row-avatar.has-photo img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
.mem-crm-member-name {
  display: block;
  font-size: .8rem;
  font-weight: 700;
  color: #0f172a;
  line-height: 1.2;
}
.mem-crm-member-ident { min-width: 0; }
.mem-crm-member-no {
  display: block;
  font-size: .7rem;
  line-height: 1.2;
  margin-top: .06rem;
}
.mem-crm-member-no code {
  font-size: .7rem;
  font-weight: 600;
  color: #64748b;
  background: transparent;
  padding: 0;
}
.mem-crm-col-email {
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 12rem;
}
.mem-crm-status-cell {
  display: flex;
  flex-wrap: wrap;
  gap: .18rem;
  max-width: 10rem;
}
.mem-crm-alerts-cell {
  display: flex;
  flex-wrap: wrap;
  gap: .18rem;
  align-items: center;
  max-width: 11rem;
}
.mem-crm-alerts-more { font-size: .68rem; font-weight: 600; }
.mem-crm-cell-muted {
  color: #475569;
  font-size: .76rem;
  white-space: nowrap;
}
.mem-crm-manage-btn {
  width: auto !important;
  min-width: 4.1rem;
  height: 1.75rem;
  padding: 0 .62rem !important;
  white-space: nowrap;
  border-radius: 4px;
  border-color: #cbd5e1 !important;
  color: #334155 !important;
  background: #fff !important;
  box-shadow: none !important;
}
.mem-crm-manage-btn:hover {
  border-color: #2563eb !important;
  color: #1d4ed8 !important;
  background: #f8fbff !important;
}
.mem-crm-pager {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: .75rem 1.25rem;
  padding: .75rem 1.15rem;
  border-top: 1px solid #e2e8f0;
  background: #fafbfc;
}
.mem-crm-pager-meta {
  font-size: .84rem;
  color: #0f172a;
  font-variant-numeric: tabular-nums;
}
.mem-crm-pager-meta strong { font-weight: 750; }
.mem-crm-pager-controls {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-end;
  gap: .45rem .55rem;
  margin-left: auto;
}
.mem-crm-pager-page {
  font-size: .82rem;
  font-weight: 650;
  color: #475569;
  font-variant-numeric: tabular-nums;
  padding: 0 .2rem;
  white-space: nowrap;
}
.mem-crm-pager-controls .btn { border-radius: 4px; min-width: 5.5rem; }
.mem-crm-preview-avatar {
  width: 2.75rem;
  height: 3.25rem;
  border-radius: 8px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: linear-gradient(145deg, #dbeafe, #e0e7ff);
  border: 1px solid #c7d2fe;
  color: #1e3a8a;
  font-weight: 800;
  font-size: .9rem;
  overflow: hidden;
  flex-shrink: 0;
}
.mem-crm-preview-avatar.has-photo {
  padding: 0;
  background: #1e293b;
  border-color: #cbd5e1;
}
.mem-crm-preview-avatar.has-photo img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
.mem-crm-ops-list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  gap: .35rem;
}
.mem-crm-op {
  padding: .42rem .5rem;
  border: 1px solid #e2e8f0;
  border-radius: 4px;
  background: #fff;
}
.mem-crm-op.is-warn { border-color: #fde68a; background: #fffbeb; }
.mem-crm-op.is-bad { border-color: #fecaca; background: #fef2f2; }
.mem-crm-op.is-info { border-color: #bfdbfe; background: #f8fbff; }
.mem-crm-op strong {
  display: block;
  font-size: .78rem;
  color: #0f172a;
  line-height: 1.25;
}
.mem-crm-op span {
  display: block;
  margin-top: .08rem;
  font-size: .71rem;
  color: #64748b;
  line-height: 1.35;
}
.mem-crm-op-action {
  display: inline-block;
  margin-top: .28rem;
  font-size: .72rem;
  font-weight: 650;
  color: #2563eb;
  text-decoration: none;
}
.mem-crm-op-action:hover { text-decoration: underline; }
.mem-crm-op-form {
  display: flex;
  flex-wrap: wrap;
  gap: .35rem;
  margin-top: .35rem;
  align-items: center;
}
.mem-crm-op-form input {
  flex: 1 1 7.5rem;
  min-width: 0;
  height: 1.85rem;
  padding: 0 .45rem;
  border: 1px solid #dbe3ee;
  background: #fff;
  font-size: .74rem;
  color: #0f172a;
  border-radius: 4px;
}
.mem-crm-op-form input:focus { outline: none; border-color: #93c5fd; }
.mem-crm-op-form .btn,
.mem-crm-op-actions .btn {
  flex: 0 0 auto;
  height: 1.85rem;
  padding: 0 .55rem;
  font-size: .72rem;
  border-radius: 4px;
}
.mem-crm-op-actions {
  display: flex;
  flex-wrap: wrap;
  gap: .3rem;
  margin-top: .35rem;
}
.mem-crm-op-meta { margin: .28rem 0 0; font-size: .71rem; }
.mem-crm-op-flash { margin: .28rem 0 0; font-size: .71rem; line-height: 1.35; }
.mem-crm-op-flash.is-ok { color: #047857; }
.mem-crm-op-flash.is-err { color: #b91c1c; }
.mem-crm-view-tab-count { border-radius: 4px; padding: .12rem .42rem; }
.mem-crm-empty { min-height: 0; }
@media (max-width: 1180px) {
  .mem-crm-metrics { grid-template-columns: repeat(4, minmax(0, 1fr)); }
}
@media (max-width: 900px) {
  .mem-crm-metrics { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 720px) {
  .mem-crm-pager { flex-direction: column; align-items: stretch; }
  .mem-crm-pager-controls { justify-content: flex-end; }
}

/* —— Mağaza / modül ayarları hub (Özet sekmesi) —— */
.settings-hub-head { margin-bottom: 1rem; }
.settings-hub-title { margin: 0 0 .35rem; font-size: 1.35rem; font-weight: 800; color: #0f172a; }
.settings-hub-lead { margin: 0; max-width: 52rem; line-height: 1.5; }
.settings-hub-shell { padding: 0; overflow: hidden; }
.settings-hub-tabs { margin: 0; padding: .65rem .85rem 0; border-bottom: 1px solid var(--line-soft); background: #fafbfc; }
.settings-hub-panel { border: 0; border-radius: 0; box-shadow: none; padding: 1.1rem 1.15rem 1.25rem; }
.settings-overview { display: flex; flex-direction: column; gap: 1.35rem; }
.settings-overview-section { display: flex; flex-direction: column; gap: .75rem; }
.settings-overview-section-head h3 { margin: 0 0 .2rem; font-size: 1rem; font-weight: 800; color: #0f172a; }
.settings-overview-section-head p { margin: 0; font-size: .84rem; line-height: 1.45; }
.settings-overview-extra { display: flex; flex-direction: column; gap: 1.35rem; }
.settings-overview-actions { display: flex; flex-wrap: wrap; gap: .45rem; margin-top: .15rem; }
.settings-overview-hint { margin: 0; font-size: .84rem; line-height: 1.45; }

.settings-status-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
  gap: .65rem;
}
.settings-status-card {
  padding: .75rem .85rem;
  border: 1px solid #e2e8f0;
  border-radius: 10px;
  background: #fff;
}
.settings-status-card.is-ok { border-color: #bbf7d0; background: #f0fdf4; }
.settings-status-card.is-warn { border-color: #fde68a; background: #fffbeb; }
.settings-status-card-top {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: .5rem;
  margin-bottom: .35rem;
}
.settings-status-card-top strong { font-size: .88rem; color: #0f172a; }
.settings-status-hint { margin: 0 0 .45rem; font-size: .78rem; line-height: 1.4; }
.settings-status-link {
  padding: 0;
  border: 0;
  background: none;
  font-size: .78rem;
  font-weight: 700;
  color: #9f1239;
  cursor: pointer;
  text-decoration: none;
}
.settings-status-link:hover { text-decoration: underline; }

.settings-pay-grid { display: grid; gap: .65rem; }
.settings-pay-grid-compact { grid-template-columns: minmax(0, 1fr); max-width: 36rem; }
.settings-block-lead { margin: 0 0 .55rem; font-size: .82rem; line-height: 1.45; }
.settings-block-empty { margin: 0; font-size: .82rem; }
.settings-pay-list {
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
  flex-direction: column;
  gap: .45rem;
}
.settings-pay-list li {
  display: flex;
  flex-direction: column;
  gap: .1rem;
  padding: .45rem .55rem;
  border-radius: 8px;
  background: #f8fafc;
  border: 1px solid #eef2f7;
}
.settings-pay-list a { font-size: .86rem; font-weight: 700; color: #0f172a; text-decoration: none; }
.settings-pay-list a:hover { color: #9f1239; }

.settings-overview-card {
  border: 1px solid #e2e8f0;
  border-radius: 12px;
  background: #fff;
  overflow: hidden;
}
.settings-overview-card-accent { border-color: #cbd5e1; }
.settings-overview-card-head {
  display: flex;
  gap: .75rem;
  align-items: flex-start;
  padding: .9rem 1rem;
  background: linear-gradient(180deg, #f8fafc 0%, #fff 100%);
  border-bottom: 1px solid #eef2f7;
}
.settings-overview-card-ico {
  flex: 0 0 2.25rem;
  width: 2.25rem;
  height: 2.25rem;
  display: grid;
  place-items: center;
  border-radius: 10px;
  background: #fff1f2;
  color: #9f1239;
  border: 1px solid #fecdd3;
}
.settings-overview-card-head h3 { margin: 0 0 .25rem; font-size: .98rem; font-weight: 800; }
.settings-overview-card-body { padding: .85rem 1rem 1rem; }

.settings-mng-steps {
  margin: 0 0 .75rem;
  padding-left: 1.15rem;
  font-size: .82rem;
  line-height: 1.55;
}
.settings-mng-steps a { color: #9f1239; font-weight: 700; text-decoration: none; }
.settings-mng-steps a:hover { text-decoration: underline; }
.settings-mng-actions { margin-bottom: .65rem; }
.settings-mng-idle { margin: .35rem 0 0; font-size: .82rem; }
.settings-mng-result {
  margin-top: .65rem;
  padding: .75rem .85rem;
  border-radius: 10px;
  border: 1px solid #e2e8f0;
  font-size: .84rem;
  line-height: 1.45;
}
.settings-mng-result strong { display: block; margin-bottom: .25rem; font-size: .92rem; }
.settings-mng-result p { margin: 0 0 .55rem; }
.settings-mng-result.is-ok { border-color: #86efac; background: #f0fdf4; color: #14532d; }
.settings-mng-result.is-warn { border-color: #fcd34d; background: #fffbeb; color: #92400e; }
.settings-mng-result.is-err { border-color: #fca5a5; background: #fef2f2; color: #991b1b; }
.settings-mng-dl {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(180px, 1fr));
  gap: .35rem .75rem;
  margin: 0 0 .55rem;
}
.settings-mng-dl > div { display: flex; flex-direction: column; gap: .08rem; }
.settings-mng-dl dt { font-size: .72rem; font-weight: 700; text-transform: uppercase; letter-spacing: .04em; opacity: .75; }
.settings-mng-dl dd { margin: 0; font-weight: 650; }
.settings-mng-dl .is-warn dd { color: #b45309; }
.settings-mng-tips {
  margin: 0;
  padding-left: 1.1rem;
  font-size: .8rem;
  line-height: 1.5;
}

.settings-quick-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));
  gap: .5rem;
}
.settings-quick-tile {
  display: flex;
  align-items: center;
  gap: .55rem;
  padding: .62rem .72rem;
  border: 1px solid #e2e8f0;
  border-radius: 10px;
  background: #fff;
  color: #0f172a;
  text-decoration: none;
  font-size: .82rem;
  font-weight: 650;
  transition: border-color .15s, background .15s;
}
.settings-quick-tile:hover {
  border-color: #cbd5e1;
  background: #f8fafc;
  color: #9f1239;
}
.settings-quick-tile-ico {
  flex: 0 0 1.65rem;
  width: 1.65rem;
  height: 1.65rem;
  display: grid;
  place-items: center;
  border-radius: 8px;
  background: #f1f5f9;
  color: #64748b;
  font-size: .78rem;
}

.settings-fields-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: .85rem 1rem;
}
.settings-span-2 { grid-column: 1 / -1; }
.settings-field-hint { display: block; margin-top: .25rem; font-size: .76rem; color: #64748b; line-height: 1.35; }
.settings-field-mono input {
  font-family: ui-monospace, 'Cascadia Code', 'Consolas', monospace;
  font-size: .82rem;
  letter-spacing: .01em;
}
.settings-form-intro h3 { margin: 0 0 .35rem; font-size: 1rem; font-weight: 800; }
.settings-form-intro p { margin: 0 0 .85rem; font-size: .84rem; }
.settings-hub-save { margin-top: 1rem; padding-top: .85rem; border-top: 1px solid var(--line-soft); }
.settings-toggle-wrap { display: flex; flex-direction: column; gap: .25rem; }
/* account-form label {display:grid} toggle’ı dikine kırıyordu — yan yana tut */
.account-form label.settings-toggle {
  display: flex;
  align-items: center;
  gap: .65rem;
  text-transform: none;
  letter-spacing: 0;
  font-size: .86rem;
  font-weight: 600;
  color: var(--ink);
}

@media (max-width: 720px) {
  .settings-fields-grid { grid-template-columns: 1fr; }
  .settings-status-grid { grid-template-columns: 1fr; }
  .settings-quick-grid { grid-template-columns: 1fr 1fr; }
}

/* —— Mağaza kargo gönderileri hub (split liste + detay) —— */
.store-ship-hub { display: flex; flex-direction: column; gap: 1rem; }
.store-ship-head {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  justify-content: space-between;
  gap: .75rem 1rem;
}
.store-ship-crumb {
  margin: 0 0 .25rem;
  font-size: .72rem;
  font-weight: 800;
  letter-spacing: .06em;
  text-transform: uppercase;
  color: #94a3b8;
}
.store-ship-title { margin: 0 0 .35rem; font-size: 1.35rem; font-weight: 800; color: #0f172a; }
.store-ship-lead { margin: 0; max-width: 42rem; line-height: 1.5; font-size: .88rem; }
.store-ship-head-actions { display: flex; flex-wrap: wrap; gap: .45rem; }

.store-ship-metrics {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: .55rem;
}
.store-ship-metric {
  display: flex;
  flex-direction: column;
  gap: .15rem;
  padding: .65rem .75rem;
  border: 1px solid #e2e8f0;
  border-radius: 10px;
  background: #fff;
  text-align: left;
}
.store-ship-metric span {
  font-size: .68rem;
  font-weight: 800;
  letter-spacing: .04em;
  text-transform: uppercase;
  color: #64748b;
}
.store-ship-metric strong {
  font-size: 1.15rem;
  font-weight: 800;
  color: #0f172a;
  font-variant-numeric: tabular-nums;
}
.store-ship-metric.is-click {
  cursor: pointer;
  transition: border-color .15s, background .15s, box-shadow .15s;
}
.store-ship-metric.is-click:hover {
  border-color: #cbd5e1;
  background: #f8fafc;
}
.store-ship-metric.is-active {
  border-color: #93c5fd;
  background: #eff6ff;
  box-shadow: 0 0 0 1px rgba(59, 130, 246, .12);
}
.store-ship-metric.is-active span { color: #1d4ed8; }
.store-ship-metric.is-active strong { color: #1e3a8a; }
.store-ship-metric.is-warn { border-color: #fde68a; background: #fffbeb; }
.store-ship-metric.is-warn strong { color: #b45309; }

.store-ship-prep {
  display: flex;
  gap: .85rem;
  align-items: flex-start;
  padding: .85rem 1rem;
  border: 1px solid #e2e8f0;
  border-radius: 12px;
  background: linear-gradient(180deg, #f8fafc 0%, #fff 100%);
}
.store-ship-prep-ico {
  flex: 0 0 2.25rem;
  width: 2.25rem;
  height: 2.25rem;
  display: grid;
  place-items: center;
  border-radius: 10px;
  background: #fff7ed;
  color: #c2410c;
  border: 1px solid #fed7aa;
}
.store-ship-prep p { margin: .25rem 0 .5rem; font-size: .84rem; line-height: 1.45; }
.store-ship-prep-list {
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
  flex-wrap: wrap;
  gap: .35rem .65rem;
  font-size: .84rem;
}
.store-ship-prep-list a { font-weight: 700; color: #9f1239; text-decoration: none; }
.store-ship-prep-list a:hover { text-decoration: underline; }

.store-ship-split {
  display: grid;
  grid-template-columns: minmax(280px, 36%) minmax(0, 1fr);
  gap: .85rem;
  align-items: start;
}
.store-ship-list-pane,
.store-ship-detail-pane {
  padding: 0;
  overflow: hidden;
  min-height: 420px;
}
.store-ship-list-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: .5rem;
  padding: .75rem 1rem;
  border-bottom: 1px solid #e8edf3;
  background: linear-gradient(180deg, #f8fafc 0%, #fff 100%);
}
.store-ship-list-head strong { font-size: .92rem; color: #0f172a; }
.store-ship-list-head .btn.secondary.sm {
  flex-shrink: 0;
  white-space: nowrap;
  min-height: 2rem;
}
.store-ship-tabs { margin: 0; }
.store-ship-filter-chip-wrap { padding: .5rem 1rem 0; }
.store-ship-filter-chip {
  display: inline-flex;
  align-items: center;
  gap: .35rem;
  padding: .25rem .55rem;
  border-radius: 999px;
  background: #eff6ff;
  border: 1px solid #bfdbfe;
  font-size: .78rem;
  font-weight: 650;
  color: #1e40af;
}
.store-ship-filter-clear {
  border: 0;
  background: none;
  cursor: pointer;
  font-size: 1rem;
  line-height: 1;
  color: #64748b;
  padding: 0;
}
.store-ship-list-empty {
  padding: 1.25rem 1rem;
  text-align: center;
}

/* ── Hub tipografi SSOT (mt-hub / mem-hub başlıkları) ── */
.mt-hub,
.mem-hub {
  font-family: var(--font);
}
.mt-hub-head,
.mem-hub-head {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  justify-content: space-between;
  gap: .85rem 1.25rem;
  margin-bottom: 1rem;
}
.mt-hub-head-text,
.mem-hub-head-text {
  min-width: 0;
  flex: 1 1 16rem;
}
.mt-hub-kicker,
.mem-hub-kicker {
  margin: 0;
  font-size: var(--text-xs);
  font-weight: var(--fw-bold);
  letter-spacing: var(--tracking-wide);
  text-transform: uppercase;
  color: var(--muted-2);
}
.mt-hub-head h1,
.mem-hub-head h1 {
  margin: .15rem 0 0;
  font-size: var(--text-2xl);
  font-weight: var(--fw-extrabold);
  letter-spacing: var(--tracking-tight);
  line-height: var(--lh-tight);
  color: var(--ink);
}
.mt-hub-lead,
.mem-hub-lead {
  margin: .35rem 0 0;
  max-width: 42rem;
  font-size: var(--text-sm);
  font-weight: var(--fw-medium);
  color: var(--muted);
  line-height: 1.45;
}
.mt-hub-head-actions,
.mem-hub-head-actions {
  display: flex;
  flex-wrap: wrap;
  gap: .5rem;
  align-items: center;
}
.mt-hub-stats {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(7.5rem, 1fr));
  gap: .65rem;
  margin-bottom: 1rem;
}
.mt-hub-stat {
  padding: .75rem .85rem;
  border: 1px solid var(--line-soft);
  border-radius: var(--radius-sm);
  background: var(--panel);
  box-shadow: var(--shadow);
}
button.mt-hub-stat {
  appearance: none;
  font: inherit;
  text-align: left;
  cursor: pointer;
  width: 100%;
  color: inherit;
}
button.mt-hub-stat.is-ok {
  border-color: rgba(192, 16, 24, .45);
  box-shadow: 0 0 0 1px rgba(192, 16, 24, .12), var(--shadow);
}
.mt-hub-stat-label {
  display: block;
  font-size: var(--text-xs);
  font-weight: var(--fw-bold);
  letter-spacing: var(--tracking-wide);
  text-transform: uppercase;
  color: var(--muted-2);
}
.mt-hub-stat strong {
  display: block;
  margin-top: .2rem;
  font-size: var(--text-xl);
  font-weight: var(--fw-extrabold);
  letter-spacing: var(--tracking-tight);
  font-variant-numeric: tabular-nums;
  color: var(--ink);
}
.mt-hub-stat.is-ok strong { color: var(--ok); }
.mt-hub-stat.is-warn strong { color: var(--warn); }
.mt-hub-list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  gap: .55rem;
}
.mt-hub-item {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: .75rem 1rem;
  align-items: center;
  padding: .85rem 1rem;
  border: 1px solid var(--line-soft);
  border-radius: var(--radius-sm);
  background: var(--panel);
  box-shadow: var(--shadow);
}
.mt-hub-item-main {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  gap: .75rem;
  align-items: start;
  min-width: 0;
}
.mt-hub-item-ico {
  width: 2.25rem;
  height: 2.25rem;
  display: grid;
  place-items: center;
  border-radius: 10px;
  background: var(--brand-soft);
  color: var(--brand);
  flex: 0 0 auto;
}
.mt-hub-item-title-row {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: .35rem .5rem;
}
.mt-hub-item-title-row strong {
  font-size: var(--text-md);
  font-weight: var(--fw-extrabold);
  color: var(--ink);
}
.mt-hub-item-meta {
  margin: .2rem 0 0;
  font-size: var(--text-sm);
  color: var(--muted);
}
.mt-hub-item-meta code {
  font-family: var(--font-mono);
  font-size: 0.78rem;
}
.mt-hub-chip {
  display: inline-flex;
  align-items: center;
  padding: .12rem .45rem;
  border-radius: 999px;
  font-size: 0.68rem;
  font-weight: var(--fw-bold);
  letter-spacing: 0.02em;
  background: #f1f5f9;
  color: #475569;
}
.mt-hub-chip.is-ok { background: var(--ok-soft); color: var(--ok); }
.mt-hub-chip.is-warn { background: var(--warn-soft); color: var(--warn); }
.mt-hub-chip.is-muted { background: #f1f5f9; color: #64748b; }
.mt-hub-item-actions {
  display: flex;
  flex-wrap: wrap;
  gap: .4rem;
  justify-content: flex-end;
}

/* Admin hub boş liste (mağaza kargo, sipariş, üye vb.) */
.mt-hub-empty {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: .45rem;
  padding: 1.75rem 1.25rem;
  text-align: center;
}
.mt-hub-empty > i {
  display: block;
  font-size: 1.65rem;
  line-height: 1;
  color: #94a3b8;
  margin-bottom: .15rem;
}
.mt-hub-empty strong {
  display: block;
  font-size: var(--text-md);
  font-weight: var(--fw-extrabold);
  color: var(--ink);
  line-height: 1.3;
}
.mt-hub-empty p {
  margin: 0;
  max-width: 22rem;
  color: var(--muted);
  font-size: var(--text-sm);
  line-height: 1.45;
}
.mt-hub-empty .btn {
  margin-top: .35rem;
}

/* Zamanlanmış rapor formu — sağ-sollu, kısa yükseklik */
.sr-form {
  display: grid;
  gap: 1rem;
  max-width: 72rem;
}
.sr-form-panels {
  display: grid;
  grid-template-columns: minmax(0, 1.15fr) minmax(0, 1fr);
  gap: 1rem;
  align-items: start;
}
.sr-form-panel {
  margin: 0;
  padding: 1rem 1.1rem 1.15rem;
  border: 1px solid var(--line-soft);
  border-radius: var(--radius-sm, 10px);
  background: var(--panel, #fff);
  box-shadow: var(--shadow);
  min-width: 0;
}
.sr-form-panel > h2 {
  margin: 0 0 .15rem;
  font-size: 0.95rem;
  font-weight: 750;
  color: var(--ink);
}
.sr-form-panel > .sr-form-panel-lead {
  margin: 0 0 .85rem;
  font-size: 0.78rem;
  color: var(--muted);
  line-height: 1.4;
}
.sr-form .form-grid {
  margin: 0;
}
.sr-form .form-grid.three {
  grid-template-columns: minmax(0, 1.2fr) minmax(0, 1fr) minmax(7.5rem, 0.7fr);
}
.sr-form .field-hint {
  display: block;
  margin-top: 0.2rem;
  min-height: 0;
  color: var(--muted);
  font-size: 0.72rem;
  font-weight: 400;
  line-height: 1.35;
}
.sr-form-chips {
  display: flex;
  flex-wrap: wrap;
  gap: 0.35rem;
  margin: 0;
  padding: 0;
  list-style: none;
}
.sr-form-chips li {
  margin: 0;
}
.sr-form-check-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0.35rem 0.75rem;
  max-height: 16rem;
  overflow: auto;
  padding: 0.15rem 0.1rem;
}
.sr-form-check-grid label,
.sr-form-staff label {
  display: flex;
  align-items: flex-start;
  gap: 0.45rem;
  margin: 0;
  font-size: 0.8rem;
  font-weight: 500;
  color: var(--ink);
  line-height: 1.35;
}
.sr-form-check-grid input,
.sr-form-staff input {
  margin-top: 0.15rem;
  flex-shrink: 0;
}
.sr-form-group-title {
  display: block;
  margin: 0.65rem 0 0.3rem;
  font-size: 0.72rem;
  font-weight: 750;
  letter-spacing: 0.02em;
  text-transform: uppercase;
  color: var(--muted);
}
.sr-form-group-title:first-child {
  margin-top: 0;
}
.sr-form-staff {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0.35rem 0.75rem;
  max-height: 14rem;
  overflow: auto;
  margin: 0 0 0.75rem;
  padding: 0.15rem 0.1rem;
}
.sr-form-staff .sr-form-staff-mail {
  display: block;
  font-size: 0.72rem;
  color: var(--muted);
  font-weight: 400;
  word-break: break-all;
}
.sr-form-foot {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 0.75rem 1rem;
  padding: 0.85rem 1.1rem;
  border: 1px solid var(--line-soft);
  border-radius: var(--radius-sm, 10px);
  background: var(--panel, #fff);
  box-shadow: var(--shadow);
}
.sr-form-foot-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 0.55rem;
}
.sr-form-active {
  display: flex !important;
  flex-direction: row !important;
  align-items: center;
  gap: 0.5rem;
  margin: 0;
  font-size: 0.85rem;
  font-weight: 600;
  color: var(--ink);
}

/* Dual-list: havuz ↔ seçilen */
.sr-dual-head {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  justify-content: space-between;
  gap: 0.75rem 1rem;
  margin-bottom: 0.75rem;
}
.sr-dual-head h2 {
  margin: 0 0 0.15rem;
}
.sr-dual {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  gap: 0.75rem;
  align-items: stretch;
  min-height: 16rem;
}
.sr-dual-pane {
  display: flex;
  flex-direction: column;
  min-width: 0;
  min-height: 16rem;
  max-height: 22rem;
  border: 1px solid var(--line-soft);
  border-radius: 10px;
  background: #f8fafc;
  overflow: hidden;
}
.sr-dual-pane.is-selected {
  background: #fff;
  border-color: #fecdd3;
}
.sr-dual-pane-title {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.5rem;
  padding: 0.55rem 0.75rem;
  border-bottom: 1px solid var(--line-soft);
  font-size: 0.72rem;
  font-weight: 750;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: var(--muted);
  background: rgba(255, 255, 255, 0.7);
}
.sr-dual-pane-title span {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 1.4rem;
  height: 1.4rem;
  padding: 0 0.35rem;
  border-radius: 999px;
  background: #e2e8f0;
  color: #334155;
  font-variant-numeric: tabular-nums;
}
.sr-dual-pane.is-selected .sr-dual-pane-title span {
  background: #ffe4e6;
  color: #9f1239;
}
.sr-dual-scroll {
  flex: 1;
  overflow: auto;
  padding: 0.45rem 0.5rem 0.65rem;
}
.sr-dual-group + .sr-dual-group {
  margin-top: 0.35rem;
}
.sr-dual-list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  gap: 0.3rem;
}
.sr-dual-item {
  width: 100%;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 0.5rem;
  margin: 0;
  padding: 0.5rem 0.55rem;
  border: 1px solid transparent;
  border-radius: 8px;
  background: #fff;
  box-shadow: 0 1px 0 rgba(15, 23, 42, 0.03);
  text-align: left;
  font: inherit;
  font-size: 0.8rem;
  font-weight: 600;
  color: var(--ink);
  line-height: 1.35;
  cursor: pointer;
  transition: border-color 0.12s, background 0.12s;
}
button.sr-dual-item:hover {
  border-color: #cbd5e1;
  background: #f1f5f9;
}
.sr-dual-item.is-on {
  cursor: default;
  border-color: #fecdd3;
  background: #fff1f2;
}
.sr-dual-item > span {
  min-width: 0;
}
.sr-dual-item > i {
  margin-top: 0.15rem;
  color: #64748b;
  font-size: 0.7rem;
}
.sr-dual-remove {
  flex-shrink: 0;
  width: 1.55rem;
  height: 1.55rem;
  display: grid;
  place-items: center;
  margin: 0;
  border: 0;
  border-radius: 6px;
  background: transparent;
  color: #9f1239;
  cursor: pointer;
}
.sr-dual-remove:hover {
  background: #ffe4e6;
}

@media (max-width: 960px) {
  .sr-form-panels {
    grid-template-columns: 1fr;
  }
  .sr-form .form-grid.three {
    grid-template-columns: 1fr;
  }
  .sr-form-check-grid,
  .sr-form-staff {
    grid-template-columns: 1fr;
  }
  .sr-dual {
    grid-template-columns: 1fr;
    min-height: 0;
  }
  .sr-dual-pane {
    min-height: 12rem;
    max-height: 16rem;
  }
}

/* Zamanlanmış rapor göster — form ile aynı dil */
.sr-show {
  display: grid;
  gap: 1rem;
  max-width: 72rem;
}
.sr-show-meta {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 0.65rem;
}
.sr-show-meta-card {
  margin: 0;
  padding: 0.75rem 0.9rem;
  border: 1px solid var(--line-soft);
  border-radius: var(--radius-sm, 10px);
  background: var(--panel, #fff);
  box-shadow: var(--shadow);
  min-width: 0;
}
.sr-show-meta-card dt {
  margin: 0 0 0.2rem;
  font-size: 0.7rem;
  font-weight: 650;
  color: var(--muted);
  text-transform: uppercase;
  letter-spacing: 0.02em;
}
.sr-show-meta-card dd {
  margin: 0;
  font-size: 0.9rem;
  font-weight: 700;
  color: var(--ink);
  line-height: 1.35;
  word-break: break-word;
}
.sr-show-meta-card .sr-show-meta-actions {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.45rem;
  margin-top: 0.45rem;
}
.sr-show-kv {
  display: grid;
  gap: 0.55rem;
  margin: 0;
}
.sr-show-kv > div {
  display: grid;
  grid-template-columns: 7.5rem minmax(0, 1fr);
  gap: 0.5rem 0.75rem;
  align-items: start;
  padding-bottom: 0.55rem;
  border-bottom: 1px solid #f1f5f9;
}
.sr-show-kv > div:last-child {
  border-bottom: 0;
  padding-bottom: 0;
}
.sr-show-kv dt {
  margin: 0;
  font-size: 0.74rem;
  font-weight: 650;
  color: var(--muted);
}
.sr-show-kv dd {
  margin: 0;
  font-size: 0.86rem;
  font-weight: 600;
  color: var(--ink);
  line-height: 1.4;
}
.sr-show-recipients {
  display: flex;
  flex-wrap: wrap;
  gap: 0.35rem;
  margin: 0;
  padding: 0;
  list-style: none;
}
.sr-show-recipients li {
  margin: 0;
}
.sr-show-preview-head {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  justify-content: space-between;
  gap: 0.35rem 0.75rem;
  margin-bottom: 0.65rem;
}
.sr-show-preview-head strong {
  font-size: 0.86rem;
  color: var(--ink);
}
.sr-show-table {
  width: 100%;
  border-collapse: collapse;
  font-size: 0.84rem;
}
.sr-show-table th,
.sr-show-table td {
  padding: 0.5rem 0.4rem;
  border-bottom: 1px solid #f1f5f9;
  vertical-align: top;
}
.sr-show-table th {
  font-size: 0.7rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.02em;
  color: var(--muted);
  border-bottom-color: var(--line-soft);
}
.sr-show-table td.sr-show-val {
  text-align: right;
  font-weight: 750;
  font-variant-numeric: tabular-nums;
  white-space: nowrap;
}
.sr-show-table tbody tr:last-child td {
  border-bottom: 0;
}
.sr-show-history {
  margin: 0;
  padding: 1rem 1.1rem 1.15rem;
  border: 1px solid var(--line-soft);
  border-radius: var(--radius-sm, 10px);
  background: var(--panel, #fff);
  box-shadow: var(--shadow);
}
.sr-show-history > h2 {
  margin: 0 0 0.15rem;
  font-size: 0.95rem;
  font-weight: 750;
}
.sr-show-history > .sr-form-panel-lead {
  margin: 0 0 0.75rem;
  font-size: 0.78rem;
  color: var(--muted);
}
.sr-show-history .sr-show-table th:nth-child(5),
.sr-show-history .sr-show-table td:nth-child(5) {
  text-align: right;
}
.sr-show-note {
  max-width: 18rem;
  color: var(--muted);
  font-size: 0.78rem;
  font-weight: 500;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
@media (max-width: 960px) {
  .sr-show-meta {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .sr-show-kv > div {
    grid-template-columns: 1fr;
    gap: 0.15rem;
  }
}
@media (max-width: 560px) {
  .sr-show-meta {
    grid-template-columns: 1fr;
  }
}

.sr-show-head-chips {
  display: flex;
  flex-wrap: wrap;
  gap: 0.35rem;
  margin-top: 0.65rem;
}
.sr-show-preview > .sr-show-preview-head {
  margin-bottom: 0.85rem;
}
.sr-show-preview > .sr-show-preview-head h2 {
  margin: 0 0 0.15rem;
  font-size: 0.95rem;
  font-weight: 750;
}
.sr-metric-sections {
  display: grid;
  gap: 1rem;
}
.sr-metric-section-title {
  margin: 0 0 0.45rem;
  font-size: 0.72rem;
  font-weight: 750;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  color: #9f1239;
}
.sr-metric-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 0.55rem;
}
.sr-metric-card {
  display: grid;
  gap: 0.2rem;
  min-width: 0;
  padding: 0.7rem 0.75rem;
  border: 1px solid var(--line-soft);
  border-radius: 10px;
  background: #f8fafc;
}
.sr-metric-card.is-hot {
  background: #fff;
  border-color: #fecdd3;
  box-shadow: inset 3px 0 0 #be123c;
}
.sr-metric-card.is-zero {
  opacity: 0.78;
}
.sr-metric-label {
  font-size: 0.74rem;
  font-weight: 600;
  color: var(--muted);
  line-height: 1.3;
}
.sr-metric-value {
  font-size: 1.05rem;
  font-weight: 800;
  color: var(--ink);
  font-variant-numeric: tabular-nums;
  line-height: 1.2;
}
.sr-metric-card.is-hot .sr-metric-value {
  color: #9f1239;
}
.sr-metric-kind {
  font-size: 0.68rem;
  font-weight: 600;
  color: #94a3b8;
  text-transform: uppercase;
  letter-spacing: 0.03em;
}
.sr-show-recipient-cards {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  gap: 0.45rem;
}
.sr-show-recipient-cards li {
  display: grid;
  gap: 0.1rem;
  padding: 0.55rem 0.65rem;
  border: 1px solid var(--line-soft);
  border-radius: 8px;
  background: #f8fafc;
}
.sr-show-recipient-cards strong {
  font-size: 0.86rem;
  color: var(--ink);
}
.sr-show-recipient-cards span {
  font-size: 0.74rem;
  color: var(--muted);
  word-break: break-all;
}
@media (max-width: 960px) {
  .sr-metric-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (max-width: 560px) {
  .sr-metric-grid {
    grid-template-columns: 1fr;
  }
}

.store-ship-list-pane .mt-hub-empty {
  min-height: 12rem;
}

.store-ship-rows {
  margin: 0;
  padding: .35rem;
  list-style: none;
  max-height: min(62vh, 640px);
  overflow-y: auto;
}
.store-ship-row {
  width: 100%;
  text-align: left;
  border: 1px solid transparent;
  background: transparent;
  border-radius: 10px;
  padding: .65rem .75rem;
  cursor: pointer;
  font: inherit;
  transition: background .12s, border-color .12s;
}
.store-ship-row:hover { background: #f8fafc; border-color: #e2e8f0; }
.store-ship-row.is-active {
  background: #fff1f2;
  border-color: #fecdd3;
  box-shadow: inset 3px 0 0 #be123c;
}
.store-ship-row-top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: .5rem;
  margin-bottom: .2rem;
}
.store-ship-row-order {
  font-weight: 800;
  font-size: .88rem;
  color: #0f172a;
}
.store-ship-row-meta { font-size: .74rem; margin-bottom: .15rem; }
.store-ship-row-track { font-size: .78rem; color: #475569; font-variant-numeric: tabular-nums; }

.store-ship-detail-empty {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: .35rem;
  min-height: 420px;
  padding: 2rem 1rem;
  text-align: center;
  color: #64748b;
}
.store-ship-detail-empty i { font-size: 2rem; opacity: .45; margin-bottom: .25rem; }
.store-ship-detail-head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: .75rem;
  padding: 1rem 1.1rem .75rem;
  border-bottom: 1px solid #eef2f7;
}
.store-ship-detail-kicker {
  margin: 0 0 .15rem;
  font-size: .72rem;
  font-weight: 800;
  letter-spacing: .05em;
  text-transform: uppercase;
  color: #94a3b8;
}
.store-ship-detail-head h3 {
  margin: 0 0 .25rem;
  font-size: 1.05rem;
  font-weight: 800;
}
.store-ship-detail-head h3 a { color: #9f1239; text-decoration: none; }
.store-ship-detail-head h3 a:hover { text-decoration: underline; }
.store-ship-detail-sub { margin: 0; font-size: .8rem; }
.store-ship-flash { margin: .75rem 1.1rem 0; }
.store-ship-info-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: .55rem .85rem;
  margin: 0;
  padding: .85rem 1.1rem;
  border-bottom: 1px solid #eef2f7;
}
.store-ship-info-grid > div { display: flex; flex-direction: column; gap: .12rem; }
.store-ship-info-grid dt {
  margin: 0;
  font-size: .68rem;
  font-weight: 800;
  letter-spacing: .04em;
  text-transform: uppercase;
  color: #94a3b8;
}
.store-ship-info-grid dd { margin: 0; font-size: .88rem; font-weight: 650; color: #0f172a; }
.store-ship-ref {
  font-size: .78rem;
  padding: .12rem .35rem;
  border-radius: 4px;
  background: #f1f5f9;
  border: 1px solid #e2e8f0;
}
.store-ship-action-block,
.store-ship-form {
  padding: .85rem 1.1rem;
  border-bottom: 1px solid #eef2f7;
}
.store-ship-action-block h4,
.store-ship-form h4 {
  margin: 0 0 .35rem;
  font-size: .92rem;
  font-weight: 800;
}
.store-ship-action-block p,
.store-ship-form p { margin: 0 0 .65rem; font-size: .82rem; line-height: 1.45; }
.store-ship-action-block a { color: #9f1239; font-weight: 650; }
.store-ship-action-bar {
  display: flex;
  flex-wrap: wrap;
  gap: .45rem;
}
.store-ship-form label {
  display: flex;
  flex-direction: column;
  gap: .25rem;
  margin-bottom: .65rem;
  font-size: .78rem;
  font-weight: 700;
  color: #475569;
}
.store-ship-form input,
.store-ship-form select {
  font-weight: 500;
  min-height: 2.35rem;
  padding: 0 .65rem;
  border: 1px solid #e2e8f0;
  border-radius: 8px;
  background: #fff;
}

.store-ship-ping {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  gap: .65rem 1.25rem;
  padding: .75rem 1rem;
  border: 1px solid #e2e8f0;
  border-radius: 10px;
  background: #f8fafc;
  font-size: .82rem;
  line-height: 1.45;
}
.store-ship-ping.is-ok { border-color: #bbf7d0; background: #f0fdf4; }
.store-ship-ping.is-warn { border-color: #fde68a; background: #fffbeb; }
.store-ship-ping-title {
  display: flex;
  align-items: center;
  gap: .4rem;
  font-weight: 800;
  color: #0f172a;
}
.store-ship-ping.is-ok .store-ship-ping-title { color: #047857; }
.store-ship-ping.is-warn .store-ship-ping-title { color: #b45309; }
.store-ship-ping-meta {
  display: flex;
  flex-wrap: wrap;
  gap: .35rem .85rem;
  color: #64748b;
}
.store-ship-ping-meta span { white-space: nowrap; }
.store-ship-ping-hint {
  flex: 1 1 100%;
  margin: 0;
  color: #92400e;
  font-size: .8rem;
}
.store-ship-ping.is-compact {
  align-items: center;
  gap: .5rem .75rem;
  padding: .55rem .85rem;
}
.store-ship-ping.is-compact .store-ship-ping-title {
  flex: 1 1 auto;
  min-width: 0;
}
.store-ship-ping.is-compact .store-ship-ping-hint {
  flex: 1 1 100%;
  margin: 0;
  color: #64748b;
  font-size: .8rem;
}
.store-ship-ping.is-compact.is-warn .store-ship-ping-hint {
  color: #92400e;
}
.store-ship-ping-link {
  flex: 0 0 auto;
  font-size: .8rem;
  font-weight: 700;
  color: #1d4ed8;
  text-decoration: none;
  white-space: nowrap;
}
.store-ship-ping-link:hover { text-decoration: underline; }
.store-ship-ping-loading { margin: 0; font-size: .82rem; }
.store-ship-ping-row {
  display: grid;
  grid-template-columns: 1fr;
  gap: .65rem;
}
@media (min-width: 768px) {
  .store-ship-ping-row {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

.store-ship-create {
  padding: .75rem 1rem;
  border-bottom: 1px solid #e2e8f0;
  background: #fafbfc;
}
.store-ship-create summary {
  cursor: pointer;
  font-weight: 800;
  font-size: .82rem;
  color: #334155;
  list-style: none;
}
.store-ship-create summary::-webkit-details-marker { display: none; }
.store-ship-create-form {
  display: grid;
  gap: .55rem;
  margin-top: .65rem;
}
.store-ship-create-row {
  display: flex;
  flex-wrap: wrap;
  gap: .45rem;
  align-items: flex-end;
}
.store-ship-create-row label {
  flex: 1 1 12rem;
  display: flex;
  flex-direction: column;
  gap: .25rem;
  font-size: .72rem;
  font-weight: 700;
  color: #475569;
}
.store-ship-create-row input[type='text'] {
  min-height: 2.35rem;
  padding: 0 .65rem;
  border: 1px solid #e2e8f0;
  border-radius: 8px;
}
.store-ship-create-check {
  display: flex;
  align-items: center;
  gap: .35rem;
  font-size: .8rem;
  font-weight: 650;
  color: #475569;
}

.store-ship-pager {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: .5rem;
  padding: .65rem 1rem;
  border-top: 1px solid #e2e8f0;
  font-size: .82rem;
  color: #64748b;
}
.store-ship-pager-btns { display: flex; gap: .35rem; }

.store-ship-log-timeline {
  margin: 0;
  padding: 0 0 0 1rem;
  list-style: none;
  border-left: 2px solid #e2e8f0;
}
.store-ship-log-timeline li {
  position: relative;
  padding: 0 0 .85rem .75rem;
}
.store-ship-log-timeline li::before {
  content: '';
  position: absolute;
  left: -1.05rem;
  top: .35rem;
  width: .5rem;
  height: .5rem;
  border-radius: 50%;
  background: #94a3b8;
  border: 2px solid #fff;
  box-shadow: 0 0 0 1px #e2e8f0;
}
.store-ship-log-timeline li:first-child::before { background: #3b82f6; }
.store-ship-log-top {
  display: flex;
  flex-wrap: wrap;
  gap: .35rem .65rem;
  align-items: baseline;
  font-size: .82rem;
}
.store-ship-log-top time { color: #64748b; font-size: .75rem; }
.store-ship-log-note { margin: .2rem 0 0; font-size: .8rem; color: #334155; }
.store-ship-log-err { color: #b91c1c; font-size: .78rem; }

@media (max-width: 1080px) {
  .store-ship-metrics { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .store-ship-split { grid-template-columns: 1fr; }
  .store-ship-rows { max-height: 320px; }
}
@media (max-width: 640px) {
  .store-ship-metrics { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

.store-inv-metrics { grid-template-columns: repeat(4, minmax(0, 1fr)); }
.store-ship-head-note {
  margin: .35rem 0 0;
  max-width: 36rem;
  font-size: .78rem;
  line-height: 1.45;
}
.store-inv-status-note {
  display: flex;
  align-items: flex-start;
  gap: .45rem;
  margin: 0;
  padding: .55rem .65rem;
  border-radius: 8px;
  font-size: .82rem;
  font-weight: 650;
  line-height: 1.4;
}
.store-inv-status-note.is-ok {
  color: #166534;
  background: #ecfdf3;
  border: 1px solid #bbf7d0;
}
.store-inv-status-note i { margin-top: .12rem; }
.store-ship-action-block .store-ship-action-bar { margin-top: .65rem; }

@media (max-width: 1080px) {
  .store-inv-metrics { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

/* —— Mağaza sipariş detay —— */
.store-order-show-chips {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: .4rem;
  margin: .5rem 0 0;
}
.store-order-show-total-chip {
  font-variant-numeric: tabular-nums;
  font-weight: 800;
  padding: .22rem .6rem;
  border-radius: 6px;
  background: #f0fdf4;
  border: 1px solid #bbf7d0;
  color: #047857;
  font-size: .82rem;
}
.store-order-show-head-main {
  min-width: 0;
  flex: 1 1 16rem;
}
.store-order-show-info-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: .65rem;
  margin: 0;
  padding: .85rem 1rem;
}
.store-order-show-info-grid > div {
  display: flex;
  flex-direction: column;
  gap: .28rem;
  min-width: 0;
  padding: .7rem .8rem;
  border: 1px solid #e2e8f0;
  border-radius: 10px;
  background: #f8fafc;
}
.store-order-show-info-grid dt {
  margin: 0;
  font-size: .68rem;
  font-weight: 800;
  letter-spacing: .04em;
  text-transform: uppercase;
  color: #94a3b8;
}
.store-order-show-info-grid dd {
  margin: 0;
  font-size: .88rem;
  font-weight: 700;
  color: #0f172a;
  line-height: 1.35;
  overflow-wrap: anywhere;
  word-break: break-word;
}
.store-order-show-info-grid dd a {
  color: #9f1239;
  text-decoration: none;
  font-weight: 750;
}
.store-order-show-info-grid dd a:hover {
  text-decoration: underline;
}
.store-order-show-metrics { grid-template-columns: repeat(4, minmax(0, 1fr)); }
.store-order-show-metrics .store-ship-metric {
  min-width: 0;
}
.store-order-show-metrics .store-ship-metric strong {
  font-size: 1.05rem;
  line-height: 1.25;
  overflow-wrap: anywhere;
  word-break: break-word;
}
.store-order-show-split {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(260px, 320px);
  gap: .85rem;
  align-items: start;
}
.store-order-show-main,
.store-order-show-aside {
  display: flex;
  flex-direction: column;
  gap: .85rem;
  min-width: 0;
}
.store-order-show-pane {
  padding: 0;
  overflow: visible;
  min-width: 0;
}
.store-order-show-pane-head {
  padding: .75rem 1rem;
  border-bottom: 1px solid #eef2f7;
  background: linear-gradient(180deg, #f8fafc 0%, #fff 100%);
}
.store-order-show-pane-head h3 {
  margin: 0;
  font-size: .95rem;
  font-weight: 800;
  color: #0f172a;
}
.store-order-show-pane-body { padding: .85rem 1rem; }
.store-order-show-form {
  display: flex;
  flex-direction: column;
  gap: 0;
}
.store-order-show-form label {
  display: flex;
  flex-direction: column;
  gap: .25rem;
  margin-bottom: .65rem;
  font-size: .78rem;
  font-weight: 700;
  color: #475569;
}
.store-order-show-form input,
.store-order-show-form select {
  width: 100%;
  box-sizing: border-box;
  font-weight: 500;
  min-height: 2.35rem;
  padding: 0 .65rem;
  border: 1px solid #e2e8f0;
  border-radius: 8px;
  background: #fff;
}
.store-order-show-hint {
  margin: 0 0 .65rem;
  font-size: .82rem;
  line-height: 1.45;
}
.store-order-show-empty { margin: 0; font-size: .84rem; line-height: 1.45; }
.store-order-show-ship-meta {
  display: block;
  font-size: .8rem;
  line-height: 1.4;
  overflow-wrap: anywhere;
}
.store-order-show-flash { margin-top: .65rem; }
.store-order-show-actions {
  display: flex;
  flex-direction: column;
  gap: .45rem;
  margin-top: .75rem;
}
.store-order-show-totals {
  display: grid;
  gap: .35rem;
  margin: .85rem 0 0;
  padding-top: .75rem;
  border-top: 1px dashed #e2e8f0;
  max-width: 280px;
  margin-left: auto;
}
.store-order-show-totals > div {
  display: flex;
  justify-content: space-between;
  gap: 1rem;
  font-size: .86rem;
}
.store-order-show-totals dt { margin: 0; color: #64748b; font-weight: 650; }
.store-order-show-totals dd {
  margin: 0;
  font-weight: 750;
  font-variant-numeric: tabular-nums;
  color: #0f172a;
}
.store-order-show-totals > div.is-grand {
  margin-top: .25rem;
  padding-top: .45rem;
  border-top: 1px solid #e2e8f0;
  font-size: .92rem;
}
.store-order-show-totals > div.is-grand dd { color: #047857; font-weight: 800; }
.store-order-show-addr-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: .85rem;
  padding: .85rem 1rem;
}
.store-order-show-addr-grid > div { min-width: 0; }
.store-order-show-addr-grid h4 {
  margin: 0 0 .35rem;
  font-size: .72rem;
  font-weight: 800;
  letter-spacing: .04em;
  text-transform: uppercase;
  color: #94a3b8;
}
.store-order-show-addr {
  margin: 0;
  font-size: .86rem;
  line-height: 1.55;
  color: #334155;
  white-space: pre-line;
  overflow-wrap: anywhere;
}
.store-order-show-timeline {
  list-style: none;
  margin: 0;
  padding: .85rem 1rem 1rem;
}
.store-order-show-timeline li {
  position: relative;
  padding: 0 0 .85rem 1rem;
  border-left: 2px solid #e2e8f0;
  margin-left: .35rem;
}
.store-order-show-timeline li:last-child { padding-bottom: 0; }
.store-order-show-timeline-top {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: .35rem .65rem;
}
.store-order-show-timeline-top time {
  font-size: .78rem;
  color: #64748b;
  font-variant-numeric: tabular-nums;
}
.store-order-show-timeline-meta {
  margin: .3rem 0 0;
  font-size: .8rem;
  line-height: 1.45;
  overflow-wrap: anywhere;
}
.store-order-show-pane-body .store-order-show-mini-list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  gap: .65rem;
}
.store-order-show-mini-list {
  list-style: none;
  margin: 0;
  padding: .85rem 1rem;
  display: grid;
  gap: .65rem;
}
.store-order-show-mini-list li {
  display: flex;
  flex-direction: column;
  gap: .2rem;
  padding-bottom: .65rem;
  border-bottom: 1px solid #f1f5f9;
  min-width: 0;
}
.store-order-show-mini-list li:last-child {
  padding-bottom: 0;
  border-bottom: 0;
}
.store-order-show-mini-row {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: .35rem;
  min-width: 0;
}
.store-order-show-mini-row strong {
  min-width: 0;
  overflow-wrap: anywhere;
}
.store-order-show-table-wrap {
  width: 100%;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}
.store-order-show-items {
  width: 100%;
  min-width: 0;
  table-layout: auto;
  border-collapse: collapse;
  margin: 0;
}
.store-order-show-items th,
.store-order-show-items td {
  vertical-align: top;
  padding: .55rem .65rem;
  font-size: .86rem;
  border-bottom: 1px solid #f1f5f9;
  text-align: left;
  color: #0f172a;
}
.store-order-show-items thead th {
  font-size: .72rem;
  font-weight: 800;
  letter-spacing: .04em;
  text-transform: uppercase;
  color: #64748b;
  background: #f8fafc;
  border-bottom: 1px solid #e2e8f0;
  white-space: nowrap;
}
.store-order-show-items tbody tr:last-child td {
  border-bottom: 0;
}
.store-order-show-items .col-grow {
  width: 100%;
  overflow-wrap: anywhere;
  word-break: break-word;
}
.store-order-show-items .col-qty,
.store-order-show-items .col-money {
  width: 1%;
  white-space: nowrap;
  text-align: right;
  font-variant-numeric: tabular-nums;
}
.store-order-show-items thead th.col-qty,
.store-order-show-items thead th.col-money {
  text-align: right;
}
.store-orders-hub-table td,
.store-orders-hub-table th { font-size: .86rem; }
.store-orders-hub-total {
  font-variant-numeric: tabular-nums;
  font-weight: 650;
  white-space: nowrap;
}
.store-orders-hub-meta { margin-top: .15rem; font-size: .76rem; }

@media (max-width: 1080px) {
  .store-order-show-split { grid-template-columns: 1fr; }
  .store-order-show-metrics { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .store-order-show-addr-grid { grid-template-columns: 1fr; }
  .store-order-show-info-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 640px) {
  .store-order-show-metrics { grid-template-columns: 1fr 1fr; }
  .store-order-show-totals { max-width: none; margin-left: 0; }
  .store-order-show-info-grid { grid-template-columns: 1fr; }
}

/* ── Admin mobile shell — tüm /yonetim ── */
.admin-nav-toggle {
  display: none;
}
.admin-nav-backdrop {
  display: none;
}
@media (max-width: 960px) {
  body.admin-nav-open { overflow: hidden; }
  .shell {
    grid-template-columns: 1fr;
  }
  .admin-nav-toggle {
    display: grid;
    place-items: center;
    width: 2.35rem;
    height: 2.35rem;
    margin: 0;
    padding: 0;
    border: 1px solid var(--line-soft);
    border-radius: 8px;
    background: var(--panel);
    color: var(--ink-soft);
    cursor: pointer;
    flex: 0 0 auto;
  }
  .admin-nav-toggle:hover { border-color: var(--line); color: var(--ink); }
  .admin-nav-backdrop {
    display: block;
    position: fixed;
    inset: 0;
    z-index: 180;
    border: 0;
    padding: 0;
    margin: 0;
    background: rgba(15, 23, 42, .55);
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transition: opacity .2s ease, visibility .2s ease;
  }
  .shell.is-nav-open .admin-nav-backdrop {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
  }
  .side {
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    width: min(var(--side-w), 88vw);
    height: 100vh;
    height: 100dvh;
    transform: translateX(-105%);
    transition: transform .22s ease;
    z-index: 190;
    box-shadow: 0 18px 48px rgba(0, 0, 0, .35);
  }
  .shell.is-nav-open .side {
    transform: translateX(0);
  }
  .workspace {
    min-width: 0;
    width: 100%;
    overflow-x: clip;
  }
  .admin-topbar {
    padding: .65rem .85rem;
    padding-left: max(.85rem, env(safe-area-inset-left));
    padding-right: max(.85rem, env(safe-area-inset-right));
    gap: .65rem;
    align-items: center;
  }
  .admin-topbar .crumb {
    min-width: 0;
    flex: 1 1 auto;
  }
  .admin-topbar .crumb h1 {
    font-size: 1.05rem;
    line-height: 1.2;
  }
  .admin-topbar .crumb .sub {
    display: block;
    width: 100%;
    font-size: .74rem;
  }
  .admin-topbar-actions {
    flex: 0 0 auto;
    gap: .35rem;
  }
  .admin-live span { display: none; }
  .admin-content {
    padding: 1rem .85rem 2.5rem;
    padding-left: max(.85rem, env(safe-area-inset-left));
    padding-right: max(.85rem, env(safe-area-inset-right));
  }
  .admin-content .table-wrap,
  .admin-content .card.card-table,
  .card.card-table.content-hub-table-card,
  .card.card-table.is-flush,
  .admin-content .card:has(> table),
  .admin-content .card:has(> .table-wrap),
  .mem-crm-table-wrap,
  .mem-show-finance-table-wrap,
  .instructor-hub-table-wrap,
  .lms-exam-table-wrap,
  .org-data-table-wrap,
  .org-table-wrap,
  .rpt-table-wrap,
  .mp-import-guide-table-wrap,
  .store-bulk-preview-wrap,
  .store-campaign-table-wrap,
  .fiscal-docs-table-wrap,
  .store-order-show-table-wrap,
  .adm-table-wrap {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    max-width: 100%;
  }
  .admin-content .table-wrap > table,
  .admin-content .card.card-table > table,
  .content-hub-table {
    min-width: 640px;
  }
  .dr-dash-head {
    flex-direction: column;
    align-items: stretch;
  }
  .dr-dash-actions {
    width: 100%;
    justify-content: flex-start;
  }
  .dr-dash-actions .btn { flex: 0 1 auto; }
  .store-ship-head {
    flex-direction: column;
    align-items: stretch;
    gap: .35rem;
  }
  .store-ship-head-note { max-width: none; }
  .store-ship-action-bar .btn,
  .store-ship-action-bar a.btn {
    flex: 1 1 auto;
    justify-content: center;
  }
  .fiscal-docs-list-bar .admin-list-search {
    flex: 1 1 100%;
    width: 100%;
    max-width: none;
  }
  .fiscal-docs-list-bar .admin-list-field select {
    min-width: 0;
    max-width: none;
    width: 100%;
  }
  .store-campaign-list-bar .store-campaign-search-field,
  .store-campaign-list-bar .admin-list-search {
    flex: 1 1 100%;
    width: 100%;
    max-width: none;
  }
  .store-campaign-list-bar .admin-list-field select {
    min-width: 0;
    max-width: none;
    width: 100%;
  }
  .ma-preview {
    padding: 0;
    align-items: stretch;
  }
  .ma-preview-dialog {
    width: 100%;
    max-height: 100vh;
    max-height: 100dvh;
    border-radius: 0;
  }
  .ma-preview-body iframe {
    min-height: calc(100dvh - 3.5rem);
    height: calc(100dvh - 3.5rem);
  }
  .ops-kpi-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 640px) {
  .admin-topbar .crumb .sub { display: none; }
  .ops-kpi-grid { grid-template-columns: 1fr; }
  .store-ship-metrics,
  .store-inv-metrics,
  .store-dash-stats {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .admin-list-field {
    flex: 1 1 calc(50% - .25rem);
    min-width: 7rem;
  }
  .admin-list-search {
    flex: 1 1 100% !important;
    width: 100% !important;
    max-width: none !important;
  }
}
@media (max-width: 420px) {
  .admin-topbar-actions .admin-live { display: none; }
  .store-ship-metrics,
  .store-inv-metrics,
  .store-dash-stats {
    grid-template-columns: 1fr;
  }
}

/* —— Ürün düzenleyici / ürün gösterim —— */
.product-editor {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  min-width: 0;
}

.product-editor-topbar {
  padding: 1rem 1.15rem;
  border: 1px solid var(--line-soft);
  border-radius: var(--radius);
  background: linear-gradient(180deg, #fff 0%, #f8fafc 100%);
  box-shadow: var(--shadow);
}

.product-editor-topbar-main {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  justify-content: space-between;
  gap: 1rem;
}

.product-editor-topbar-copy {
  min-width: 0;
  flex: 1 1 16rem;
}

.product-editor-topbar-crumb {
  margin: 0 0 .2rem;
  font-size: .72rem;
  font-weight: 700;
  letter-spacing: .06em;
  text-transform: uppercase;
  color: #64748b;
}

.product-editor-topbar-title {
  margin: 0;
  font-size: clamp(1.2rem, 2.4vw, 1.45rem);
  font-weight: 800;
  letter-spacing: -.02em;
  color: var(--ink);
  line-height: 1.25;
}

.product-editor-topbar-lead {
  margin: .35rem 0 0;
  max-width: 42rem;
  font-size: .86rem;
  line-height: 1.45;
  color: #64748b;
}

.product-editor-topbar-actions {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-end;
  gap: .45rem;
}

.product-editor-topbar-flash {
  display: flex;
  align-items: center;
  gap: .5rem;
  margin-top: .85rem;
  padding: .65rem .85rem;
  border-radius: 10px;
  font-size: .86rem;
  font-weight: 600;
  line-height: 1.4;
}

.product-editor-topbar-flash.is-err {
  border: 1px solid #fecaca;
  background: #fef2f2;
  color: #b91c1c;
}

.product-editor-topbar-flash.is-ok {
  border: 1px solid #bbf7d0;
  background: #f0fdf4;
  color: #15803d;
}

.product-editor-topbar-flash.is-ok i {
  color: #16a34a;
}

.product-editor-grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(260px, 320px);
  gap: 1rem;
  align-items: start;
  min-width: 0;
  width: 100%;
}

.product-editor-main,
.product-editor-side,
.product-show-main,
.product-show-side {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  min-width: 0;
}

.product-editor-side {
  position: sticky;
  top: 1rem;
}

.product-editor-card {
  margin: 0;
  overflow: visible;
}

.product-editor-card > h3 {
  margin: 0 0 .85rem;
  padding-bottom: .65rem;
  border-bottom: 1px solid #eef2f6;
  font-size: .95rem;
  font-weight: 800;
  letter-spacing: -.01em;
  color: var(--ink);
}

.product-editor-sub {
  margin: 1.1rem 0 .35rem;
  font-size: .82rem;
  font-weight: 800;
  color: #0f172a;
}

.product-editor-hint {
  margin: 0 0 .85rem;
  font-size: .8rem;
  line-height: 1.45;
}

.product-editor-fields {
  display: grid;
  gap: .85rem 1rem;
  align-items: start;
}

.product-editor-fields.one {
  grid-template-columns: minmax(0, 1fr);
}

.product-editor-fields.two {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.product-editor-fields > label {
  display: grid;
  gap: .35rem;
  min-width: 0;
  margin: 0;
}

.product-editor-fields > label.is-full {
  grid-column: 1 / -1;
}

.product-editor-fields > label > span:first-child {
  display: inline-flex;
  align-items: baseline;
  gap: .2rem;
  font-size: .74rem;
  font-weight: 800;
  color: #64748b;
  text-transform: uppercase;
  letter-spacing: .04em;
}

.product-editor-fields input,
.product-editor-fields select,
.product-editor-fields textarea,
.product-editor-media-field input {
  width: 100%;
  min-width: 0;
  min-height: 2.55rem;
  margin: 0;
  padding: .65rem .8rem;
  border: 1px solid #d7dee8;
  border-radius: 8px;
  background: #fff;
  color: var(--ink);
  font: inherit;
  font-size: .88rem;
  font-weight: 600;
  line-height: 1.35 !important;
  box-sizing: border-box;
  box-shadow: 0 1px 0 rgba(15, 23, 42, .02);
  transition: border-color .15s ease, box-shadow .15s ease;
}

.product-editor-fields select {
  appearance: none;
  padding-right: 2rem;
  cursor: pointer;
  background-image:
    linear-gradient(45deg, transparent 50%, #64748b 50%),
    linear-gradient(135deg, #64748b 50%, transparent 50%);
  background-position:
    calc(100% - 14px) calc(50% - 2px),
    calc(100% - 9px) calc(50% - 2px);
  background-size: 5px 5px, 5px 5px;
  background-repeat: no-repeat;
}

.product-editor-fields input[type='number'] {
  -moz-appearance: textfield;
}

.product-editor-fields input[type='number']::-webkit-outer-spin-button,
.product-editor-fields input[type='number']::-webkit-inner-spin-button {
  margin: 0;
}

.product-editor-fields input:focus,
.product-editor-fields select:focus,
.product-editor-fields textarea:focus,
.product-editor-media-field input:focus {
  outline: none;
  border-color: #93c5fd;
  box-shadow: 0 0 0 3px rgba(37, 99, 235, .12);
}

.product-editor-fields input:disabled,
.product-editor-fields select:disabled,
.product-editor-fields textarea:disabled {
  background: #f8fafc;
  color: #64748b;
  cursor: not-allowed;
}

.product-editor-fields textarea {
  min-height: 0;
  resize: vertical;
  font-weight: 500;
  padding-top: .7rem;
  padding-bottom: .7rem;
}

.product-editor-fields textarea.is-compact {
  min-height: 4.5rem;
}

.product-editor-fields textarea.is-medium {
  min-height: 7.25rem;
}

.product-editor-fields textarea.is-tall {
  min-height: 11rem;
}

.product-editor-check-row {
  display: flex;
  align-items: center;
  gap: .55rem;
  min-height: 2.55rem;
  padding: .55rem .8rem;
  border: 1px solid #d7dee8;
  border-radius: 8px;
  background: #fff;
  font-size: .88rem;
  font-weight: 600;
  color: #334155;
  box-shadow: 0 1px 0 rgba(15, 23, 42, .02);
}

.product-editor-check-row input[type='checkbox'] {
  width: 1.05rem;
  height: 1.05rem;
  margin: 0;
  flex: 0 0 auto;
  accent-color: var(--brand, #c01018);
}

.product-editor-check-row span {
  font-size: .88rem;
  font-weight: 600;
  color: #334155;
  text-transform: none;
  letter-spacing: normal;
}

.product-editor-kv {
  display: flex;
  flex-direction: column;
  gap: 0;
  margin-top: .25rem;
  border: 1px solid #e2e8f0;
  border-radius: 12px;
  background: #fff;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}

.product-editor-kv-head {
  display: grid;
  grid-template-columns: minmax(9rem, 0.9fr) minmax(0, 1.4fr) 4.75rem;
  gap: .65rem;
  align-items: center;
  min-width: 28rem;
  padding: .55rem .85rem;
  background: linear-gradient(180deg, #f8fafc, #f1f5f9);
  border-bottom: 1px solid #e2e8f0;
  font-size: .68rem;
  font-weight: 800;
  letter-spacing: .08em;
  text-transform: uppercase;
  color: #64748b;
}

.product-editor-kv-row {
  display: grid;
  grid-template-columns: minmax(9rem, 0.9fr) minmax(0, 1.4fr) 4.75rem;
  gap: .65rem;
  align-items: center;
  min-width: 28rem;
  padding: .55rem .85rem;
  border-bottom: 1px solid #eef2f6;
  background: #fff;
}

.product-editor-kv-row:nth-child(even) {
  background: #fafbfc;
}

.product-editor-kv-key,
.product-editor-kv-val {
  width: 100%;
  min-width: 0;
  min-height: 2.35rem;
  margin: 0;
  padding: .45rem .7rem;
  border: 1px solid #e2e8f0;
  border-radius: 8px;
  background: #fff;
  font: inherit;
  font-size: .86rem;
  font-weight: 550;
  color: var(--ink);
  box-shadow: none;
}

.product-editor-kv-key {
  font-weight: 700;
  color: #0f172a;
}

.product-editor-kv-key:focus,
.product-editor-kv-val:focus {
  outline: none;
  border-color: #94a3b8;
  box-shadow: 0 0 0 3px rgb(148 163 184 / 0.22);
}

.product-editor-kv-remove {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: .35rem;
  width: 100%;
  min-height: 2.35rem;
  padding: .35rem .45rem !important;
  white-space: nowrap;
}

.product-editor-kv-remove i {
  font-size: .72rem;
  opacity: .75;
}

.product-editor-kv-foot {
  display: flex;
  justify-content: flex-start;
  padding: .65rem .85rem;
  border-top: 1px solid #e2e8f0;
  background: #f8fafc;
}

.product-editor-kv-add {
  display: inline-flex;
  align-items: center;
  gap: .4rem;
  width: auto !important;
  min-height: 2.2rem;
}

.product-editor-kv-add i {
  font-size: .72rem;
}

.product-editor-variants {
  display: flex;
  flex-direction: column;
  gap: 0;
  border: 1px solid #e2e8f0;
  border-radius: 12px;
  background: #fff;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}

.product-editor-variant-head,
.product-editor-variant-row {
  display: grid;
  grid-template-columns:
    minmax(5.5rem, 0.9fr)
    minmax(6.5rem, 1.05fr)
    minmax(4.5rem, 0.75fr)
    minmax(4rem, 0.65fr)
    minmax(4.25rem, 0.65fr)
    minmax(3.75rem, 0.55fr)
    4.5rem
    4.75rem;
  gap: .55rem;
  align-items: center;
  min-width: 52rem;
  padding: .55rem .85rem;
}

.product-editor-variant-head {
  background: linear-gradient(180deg, #f8fafc, #f1f5f9);
  border-bottom: 1px solid #e2e8f0;
  font-size: .68rem;
  font-weight: 800;
  letter-spacing: .08em;
  text-transform: uppercase;
  color: #64748b;
}

.product-editor-variant-row {
  border-bottom: 1px solid #eef2f6;
  background: #fff;
}

.product-editor-variant-row:nth-child(even) {
  background: #fafbfc;
}

.product-editor-variant-in {
  width: 100%;
  min-width: 0;
  min-height: 2.35rem;
  margin: 0;
  padding: .45rem .65rem;
  border: 1px solid #e2e8f0;
  border-radius: 8px;
  background: #fff;
  font: inherit;
  font-size: .84rem;
  font-weight: 550;
  line-height: 1.35;
  color: var(--ink);
  box-sizing: border-box;
  box-shadow: none;
}

.product-editor-variant-in:focus {
  outline: none;
  border-color: #94a3b8;
  box-shadow: 0 0 0 3px rgb(148 163 184 / 0.22);
}

.product-editor-variant-active {
  display: inline-flex !important;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  gap: .35rem;
  margin: 0;
  padding: 0;
  font-size: .74rem;
  font-weight: 700;
  color: #334155;
  white-space: nowrap;
}

.product-editor-variant-active input[type='checkbox'] {
  width: 1rem;
  height: 1rem;
  margin: 0;
  accent-color: var(--brand, #c01018);
}

.product-editor-variant-remove {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: .3rem;
  width: 100%;
  min-height: 2.35rem;
  padding: .35rem .4rem !important;
  white-space: nowrap;
}

.product-editor-variant-remove i {
  font-size: .72rem;
  opacity: .75;
}

.product-editor-variant-foot {
  display: flex;
  justify-content: flex-start;
  padding: .65rem .85rem;
  border-top: 1px solid #e2e8f0;
  background: #f8fafc;
}

.product-editor-variant-add {
  display: inline-flex;
  align-items: center;
  gap: .4rem;
  width: auto !important;
  min-height: 2.2rem;
}

.product-editor-variant-add i {
  font-size: .72rem;
}

.product-editor-media-field {
  display: grid;
  gap: .35rem;
  margin-top: .85rem;
}

.product-editor-media-field > span:first-child {
  font-size: .74rem;
  font-weight: 800;
  color: #64748b;
  text-transform: uppercase;
  letter-spacing: .04em;
}

.product-editor-media-field input {
  width: 100%;
  min-width: 0;
  min-height: 2.55rem;
  padding: .65rem .8rem;
  border: 1px solid #d7dee8;
  border-radius: 8px;
  background: #fff;
  font: inherit;
  font-size: .88rem;
  font-weight: 600;
  line-height: 1.35 !important;
  box-sizing: border-box;
}

.product-editor-media-block {
  margin-top: 1rem;
}

.product-editor-card .pdr-media-field {
  display: grid;
  gap: .45rem;
  margin: 0;
}

.product-editor-card .pdr-media-label {
  font-size: .8rem;
  font-weight: 650;
  color: #475569;
}

.product-editor-card .pdr-media-row {
  display: flex;
  align-items: stretch;
  gap: .45rem;
}

.product-editor-card .pdr-media-row input {
  flex: 1 1 auto;
  min-width: 0;
  min-height: 2.45rem;
  padding: .5rem .7rem;
  line-height: 1.35;
}

.product-editor-card .pdr-media-row .btn {
  flex: 0 0 auto;
  align-self: stretch;
  min-height: 2.45rem;
  padding-inline: .85rem;
}

.product-editor-card .pdr-media-preview {
  display: block;
  width: 100%;
  max-width: 11rem;
  max-height: 7.5rem;
  margin-top: .15rem;
  border-radius: 10px;
  border: 1px solid #e2e8f0;
  object-fit: cover;
  background: #f8fafc;
}

/* Galeri editörü (ürün + modül formları) */
.module-gallery-editor {
  display: grid;
  gap: .75rem;
}

.module-gallery-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: .65rem;
}

.module-gallery-head .content-editor-label {
  margin: 0;
}

.module-gallery-bulk {
  padding: .75rem .85rem;
  border: 1px dashed #cbd5e1;
  border-radius: 10px;
  background: #f8fafc;
}

.module-gallery-slots {
  display: grid;
  gap: .65rem;
}

.module-gallery-slot {
  padding: .75rem .85rem;
  border: 1px solid #e2e8f0;
  border-radius: 12px;
  background: #fff;
}

.module-gallery-slot-head {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: .45rem .65rem;
  margin-bottom: .55rem;
}

.module-gallery-slot-title {
  font-size: .78rem;
  font-weight: 800;
  letter-spacing: .04em;
  text-transform: uppercase;
  color: #475569;
}

.module-gallery-slot-actions {
  display: inline-flex;
  flex-wrap: wrap;
  align-items: center;
  gap: .35rem;
}

.module-gallery-slot .pdr-media-field {
  display: grid;
  gap: .45rem;
}

.module-gallery-slot .pdr-media-row input {
  min-height: 2.35rem;
  padding: .45rem .7rem;
  line-height: 1.35;
}

.module-gallery-slot .pdr-media-preview {
  max-width: 9.5rem;
  max-height: 6.5rem;
  margin-top: .15rem;
}

.product-editor-side-save {
  width: 100%;
}

/* Ürün detay (show) — aynı kart dili */
.product-show {
  display: flex;
  flex-direction: column;
  gap: 0;
  min-width: 0;
}

.product-show-head {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  justify-content: space-between;
  gap: 1rem;
}

.product-show-chips {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: .4rem;
  margin-top: .55rem;
}

.product-show-actions {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-end;
  gap: .45rem;
}

.product-show-grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(260px, 320px);
  gap: 1rem;
  align-items: start;
}

.product-show-side {
  position: sticky;
  top: 1rem;
}

.product-show-gallery {
  display: flex;
  flex-direction: column;
  gap: .75rem;
}

.product-show-cover {
  display: block;
  width: 100%;
  max-height: 22rem;
  object-fit: contain;
  border-radius: 10px;
  border: 1px solid #e2e8f0;
  background: #f8fafc;
}

.product-show-thumbs {
  display: flex;
  flex-wrap: wrap;
  gap: .45rem;
}

.product-show-thumbs img {
  width: 4.25rem;
  height: 4.25rem;
  object-fit: cover;
  border-radius: 8px;
  border: 1px solid #e2e8f0;
  background: #fff;
}

.product-show-summary {
  margin: 0 0 .75rem;
  font-size: .92rem;
  line-height: 1.5;
  color: #334155;
  font-weight: 600;
}

.product-show-body {
  margin: 0;
  font-size: .9rem;
  line-height: 1.6;
  color: #475569;
  white-space: pre-wrap;
}

.product-show-list {
  margin: 0 0 .85rem;
  padding-left: 1.15rem;
  color: #334155;
  font-size: .88rem;
  line-height: 1.5;
}

.product-show-list li + li {
  margin-top: .25rem;
}

.product-show-table {
  width: 100%;
  border-collapse: collapse;
  font-size: .84rem;
}

.product-show-table th,
.product-show-table td {
  padding: .5rem .6rem;
  border-bottom: 1px solid #eef2f6;
  text-align: left;
  vertical-align: top;
}

.product-show-table th {
  width: 36%;
  color: #64748b;
  font-weight: 650;
}

.product-show-dl {
  display: grid;
  gap: .65rem;
  margin: 0;
}

.product-show-dl > div {
  display: grid;
  gap: .15rem;
  padding-bottom: .55rem;
  border-bottom: 1px solid #f1f5f9;
}

.product-show-dl dt {
  margin: 0;
  font-size: .72rem;
  font-weight: 700;
  letter-spacing: .04em;
  text-transform: uppercase;
  color: #64748b;
}

.product-show-dl dd {
  margin: 0;
  font-size: .9rem;
  font-weight: 650;
  color: #0f172a;
  word-break: break-word;
}

@media (max-width: 980px) {
  .product-editor-grid,
  .product-show-grid {
    grid-template-columns: 1fr;
  }

  .product-editor-side,
  .product-show-side {
    position: static;
  }
}

@media (max-width: 720px) {
  .product-editor-fields.two {
    grid-template-columns: 1fr;
  }

  .product-editor-kv-head {
    display: none;
  }

  .product-editor-kv-row {
    grid-template-columns: 1fr;
    gap: .45rem;
    padding: .75rem .85rem;
  }

  .product-editor-kv-remove {
    width: auto;
    justify-self: start;
  }

  .product-editor-variant-head {
    display: none;
  }

  .product-editor-variant-row {
    grid-template-columns: 1fr 1fr;
    gap: .45rem .55rem;
    padding: .75rem .85rem;
  }

  .product-editor-variant-active {
    grid-column: 1 / -1;
    justify-content: flex-start;
  }

  .product-editor-variant-remove {
    width: auto;
    justify-self: start;
  }

  .module-gallery-slot-head {
    flex-direction: column;
    align-items: flex-start;
  }

  .product-editor-topbar-actions,
  .product-show-actions {
    justify-content: flex-start;
  }
}

/* —— LMS Sınavlar hub (/lms-sinavlar) —— */
.dr-stats.lms-exam-stats {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}
@media (max-width: 1100px) {
  .dr-stats.lms-exam-stats {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (max-width: 560px) {
  .dr-stats.lms-exam-stats {
    grid-template-columns: 1fr;
  }
}
.lms-exam-head-actions {
  display: flex;
  flex-wrap: wrap;
  gap: .5rem;
  align-items: center;
}
.lms-exam-flash {
  margin: 0 0 .85rem;
  padding: .7rem .9rem;
  border-radius: 8px;
  font-size: .84rem;
  font-weight: 700;
  color: #166534;
  background: #f0fdf4;
  border: 1px solid #bbf7d0;
}
.lms-exam-guide {
  display: grid;
  grid-template-columns: auto 1fr;
  gap: .75rem;
  align-items: flex-start;
  margin: 0 0 1rem;
  padding: .85rem 1rem;
  border: 1px solid #e8edf3;
  border-radius: 8px;
  background: linear-gradient(180deg, #fff 0%, #f8fafc 100%);
}
.lms-exam-guide > i {
  margin-top: .15rem;
  color: #1e3a5f;
}
.lms-exam-guide strong {
  display: block;
  font-size: .84rem;
  font-weight: 760;
  color: #0f172a;
}
.lms-exam-guide p {
  margin: .2rem 0 0;
  font-size: .8rem;
  color: #64748b;
  line-height: 1.45;
}
.lms-exam-tabs {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: .55rem;
  margin-bottom: 1rem;
}
@media (max-width: 720px) {
  .lms-exam-tabs {
    grid-template-columns: 1fr;
  }
}
.lms-exam-tab {
  display: grid;
  grid-template-columns: auto 1fr;
  gap: .65rem;
  align-items: center;
  text-align: left;
  padding: .7rem .8rem;
  border: 1px solid #e8edf3;
  border-radius: 8px;
  background: #fff;
  cursor: pointer;
  color: inherit;
  transition: border-color .15s ease, box-shadow .15s ease;
}
.lms-exam-tab:hover {
  border-color: #cbd5e1;
}
.lms-exam-tab.is-active {
  border-color: #1e3a5f;
  box-shadow: 0 0 0 3px rgba(30, 58, 95, .1);
  background: linear-gradient(180deg, #fff 0%, #f8fafc 100%);
}
.lms-exam-tab.is-alert:not(.is-active) {
  border-color: #fbbf24;
}
.lms-exam-tab-ico {
  width: 2rem;
  height: 2rem;
  border-radius: 6px;
  display: grid;
  place-items: center;
  background: rgba(30, 58, 95, .08);
  color: #1e3a5f;
  font-size: .8rem;
}
.lms-exam-tab.is-active .lms-exam-tab-ico {
  background: rgba(30, 58, 95, .14);
}
.lms-exam-tab-text {
  display: flex;
  flex-direction: column;
  gap: .1rem;
  min-width: 0;
}
.lms-exam-tab-text strong {
  font-size: .82rem;
  font-weight: 760;
  color: #0f172a;
}
.lms-exam-tab-text em {
  font-style: normal;
  font-size: .7rem;
  color: #64748b;
}
.lms-exam-section {
  margin-bottom: .35rem;
}
.lms-exam-toolbar {
  display: flex;
  flex-wrap: wrap;
  gap: .55rem;
  align-items: center;
  margin-bottom: .85rem;
}
.lms-exam-search {
  position: relative;
  flex: 1 1 12rem;
  min-width: 10rem;
}
.lms-exam-search i {
  position: absolute;
  left: .75rem;
  top: 50%;
  transform: translateY(-50%);
  color: #94a3b8;
  font-size: .75rem;
  pointer-events: none;
}
.lms-exam-search input {
  width: 100%;
  padding: .55rem .7rem .55rem 2rem;
  border: 1px solid #e2e8f0;
  border-radius: 8px;
  font-size: .84rem;
  background: #fff;
}
.lms-exam-select {
  display: flex;
  flex-direction: column;
  gap: .2rem;
  font-size: .68rem;
  font-weight: 700;
  color: #64748b;
  text-transform: uppercase;
  letter-spacing: .02em;
}
.lms-exam-select select {
  min-width: 12rem;
  padding: .5rem .65rem;
  border: 1px solid #e2e8f0;
  border-radius: 8px;
  font-size: .82rem;
  background: #fff;
  color: #0f172a;
  text-transform: none;
  font-weight: 600;
  letter-spacing: 0;
}
.lms-exam-chips {
  display: flex;
  flex-wrap: wrap;
  gap: .35rem;
}
.lms-exam-chip {
  border: 1px solid #e2e8f0;
  background: #fff;
  color: #475569;
  border-radius: 999px;
  padding: .35rem .7rem;
  font-size: .74rem;
  font-weight: 700;
  cursor: pointer;
}
.lms-exam-chip:hover {
  border-color: #cbd5e1;
}
.lms-exam-chip.is-active {
  border-color: #1e3a5f;
  background: #1e3a5f;
  color: #fff;
}
.lms-exam-panel {
  border: 1px solid #e8edf3;
  border-radius: 10px;
  background: #fff;
  overflow: hidden;
  box-shadow: 0 1px 2px rgba(15, 23, 42, .04);
}
.lms-exam-panel-head {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  justify-content: space-between;
  gap: .65rem;
  padding: .9rem 1rem;
  border-bottom: 1px solid #eef2f7;
  background: linear-gradient(180deg, #fbfcfe 0%, #fff 100%);
}
.lms-exam-panel-head h2 {
  margin: 0;
  font-size: .95rem;
  font-weight: 780;
  color: #0f172a;
}
.lms-exam-panel-head p {
  margin: .2rem 0 0;
  font-size: .76rem;
  color: #64748b;
}
.lms-exam-table-wrap {
  overflow-x: auto;
}
.lms-exam-table {
  margin: 0;
}
.lms-exam-empty {
  display: grid;
  justify-items: center;
  text-align: center;
  gap: .45rem;
  padding: 2.2rem 1.2rem;
  color: #64748b;
}
.lms-exam-empty > i {
  font-size: 1.35rem;
  color: #94a3b8;
  margin-bottom: .2rem;
}
.lms-exam-empty strong {
  font-size: .92rem;
  color: #0f172a;
}
.lms-exam-empty p {
  margin: 0;
  max-width: 28rem;
  font-size: .82rem;
  line-height: 1.45;
}
.lms-exam-form-card {
  margin-bottom: .85rem;
  padding: 1rem 1.05rem;
  border: 1px solid #e8edf3;
  border-radius: 10px;
  background: linear-gradient(180deg, #fff 0%, #fbfcfe 100%);
  box-shadow: 0 1px 2px rgba(15, 23, 42, .04);
}
.lms-exam-form-head {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  justify-content: space-between;
  gap: .65rem;
  margin-bottom: .85rem;
}
.lms-exam-form-head h3 {
  margin: 0;
  font-size: .95rem;
  font-weight: 780;
  color: #0f172a;
  display: flex;
  align-items: center;
  gap: .45rem;
}
.lms-exam-form-head p {
  margin: .25rem 0 0;
  font-size: .78rem;
  color: #64748b;
}
.lms-exam-form-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: .7rem .85rem;
}
@media (max-width: 720px) {
  .lms-exam-form-grid {
    grid-template-columns: 1fr;
  }
}
.lms-exam-form-grid label {
  display: flex;
  flex-direction: column;
  gap: .3rem;
  font-size: .72rem;
  font-weight: 700;
  color: #64748b;
}
.lms-exam-form-grid label > span {
  text-transform: uppercase;
  letter-spacing: .02em;
}
.lms-exam-form-grid input,
.lms-exam-form-grid select {
  padding: .55rem .65rem;
  border: 1px solid #e2e8f0;
  border-radius: 8px;
  font-size: .84rem;
  font-weight: 600;
  color: #0f172a;
  background: #fff;
  text-transform: none;
  letter-spacing: 0;
}
.lms-exam-span-2 {
  grid-column: 1 / -1;
}
.lms-exam-form-actions {
  margin-top: .9rem;
  display: flex;
  gap: .5rem;
}

/* ── Survey builder / anket show (OrgHub) ── */
.dr-stats.survey-builder-stats {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}
.survey-builder-stats {
  /* used with .dr-stats on OrgHubShell */
}
@media (max-width: 1100px) {
  .dr-stats.survey-builder-stats {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (max-width: 560px) {
  .dr-stats.survey-builder-stats {
    grid-template-columns: 1fr;
  }
}
.survey-builder-actions {
  display: flex;
  flex-wrap: wrap;
  gap: .45rem;
  justify-content: flex-end;
}
.survey-builder-flash {
  margin-bottom: .85rem;
  padding: .7rem .9rem;
  border-radius: 10px;
  border: 1px solid #bbf7d0;
  background: #f0fdf4;
  color: #166534;
  font-size: .84rem;
  font-weight: 650;
}
.survey-builder-guide {
  display: flex;
  gap: .75rem;
  align-items: flex-start;
  margin-bottom: .9rem;
  padding: .85rem 1rem;
  border: 1px solid #e2e8f0;
  border-radius: 12px;
  background: linear-gradient(135deg, #f8fafc 0%, #f1f5f9 100%);
}
.survey-builder-guide > i {
  margin-top: .15rem;
  color: #0369a1;
}
.survey-builder-guide strong {
  display: block;
  font-size: .88rem;
  color: #0f172a;
}
.survey-builder-guide p {
  margin: .2rem 0 0;
  font-size: .8rem;
  line-height: 1.45;
  color: #64748b;
}
.survey-builder-form {
  display: grid;
  gap: .9rem;
}
.survey-builder-card {
  margin-bottom: .85rem;
  padding: 1rem 1.05rem;
  border: 1px solid #e8edf3;
  border-radius: 12px;
  background: linear-gradient(180deg, #fff 0%, #fbfcfe 100%);
  box-shadow: 0 1px 2px rgba(15, 23, 42, .04);
}
.survey-builder-card-head {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  justify-content: space-between;
  gap: .65rem;
  margin-bottom: .9rem;
}
.survey-builder-card-head h2 {
  margin: 0;
  font-size: .98rem;
  font-weight: 780;
  color: #0f172a;
  display: flex;
  align-items: center;
  gap: .45rem;
}
.survey-builder-card-head p {
  margin: .25rem 0 0;
  font-size: .78rem;
  color: #64748b;
}
.survey-builder-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: .7rem .85rem;
}
@media (max-width: 720px) {
  .survey-builder-grid {
    grid-template-columns: 1fr;
  }
}
.survey-builder-grid label {
  display: flex;
  flex-direction: column;
  gap: .3rem;
  font-size: .72rem;
  font-weight: 700;
  color: #64748b;
}
.survey-builder-grid label > span {
  text-transform: uppercase;
  letter-spacing: .02em;
}
.survey-builder-grid input,
.survey-builder-grid select,
.survey-builder-grid textarea {
  padding: .55rem .65rem;
  border: 1px solid #e2e8f0;
  border-radius: 8px;
  font-size: .84rem;
  font-weight: 600;
  color: #0f172a;
  background: #fff;
  text-transform: none;
  letter-spacing: 0;
  font-family: inherit;
}
.survey-builder-grid textarea {
  resize: vertical;
  min-height: 4.5rem;
}
.survey-builder-fieldset {
  border: 0;
  margin: 0;
  padding: 0;
  min-width: 0;
}
.survey-builder-span-2 {
  grid-column: 1 / -1;
}
.survey-builder-check {
  display: flex;
  flex-direction: column;
  gap: .3rem;
}
.survey-builder-check-ctrl {
  display: inline-flex;
  align-items: center;
  gap: .45rem;
  min-height: 2.35rem;
  padding: 0 .65rem;
  border: 1px solid #e2e8f0;
  border-radius: 8px;
  background: #fff;
}
.survey-builder-check-ctrl em {
  font-style: normal;
  font-size: .82rem;
  font-weight: 650;
  color: #0f172a;
}
.survey-builder-qlist {
  display: grid;
  gap: .75rem;
}
.survey-builder-qitem {
  padding: .9rem .95rem;
  border: 1px solid #e8edf3;
  border-radius: 10px;
  background: #fff;
}
.survey-builder-qitem.is-readonly {
  background: linear-gradient(180deg, #fff 0%, #fafbfc 100%);
}
.survey-builder-qitem-top {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: .5rem;
  margin-bottom: .7rem;
}
.survey-builder-qitem-top strong {
  font-size: .88rem;
  color: #0f172a;
}
.survey-builder-qitem-empty,
.survey-builder-req,
.survey-builder-opt {
  font-style: normal;
  font-weight: 600;
  font-size: .78rem;
  color: #94a3b8;
}
.survey-builder-req {
  color: #b45309;
}
.survey-builder-qitem-tools {
  display: flex;
  flex-wrap: wrap;
  gap: .35rem;
}
.survey-builder-qtext {
  margin: 0 0 .65rem;
  font-size: .9rem;
  font-weight: 650;
  color: #0f172a;
  line-height: 1.4;
}
.survey-builder-preview {
  margin-top: .75rem;
  padding: .75rem .8rem;
  border-radius: 8px;
  background: #f8fafc;
  border: 1px dashed #e2e8f0;
}
.survey-builder-preview-label {
  display: block;
  margin-bottom: .55rem;
  font-size: .68rem;
  font-weight: 750;
  letter-spacing: .04em;
  text-transform: uppercase;
  color: #94a3b8;
}
.survey-builder-preview-text {
  padding: .65rem .75rem;
  border: 1px solid #e2e8f0;
  border-radius: 8px;
  background: #fff;
  color: #94a3b8;
  font-size: .82rem;
}
.survey-builder-scale {
  display: flex;
  flex-wrap: wrap;
  gap: .35rem;
}
.survey-builder-scale-chip {
  min-width: 2rem;
  height: 2rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 8px;
  border: 1px solid #cbd5e1;
  background: #fff;
  font-size: .78rem;
  font-weight: 750;
  color: #334155;
}
.survey-builder-scale-chip.is-nps {
  min-width: 1.7rem;
  height: 1.7rem;
  font-size: .72rem;
}
.survey-builder-options {
  display: grid;
  gap: .45rem;
}
.survey-builder-option-row {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  gap: .45rem;
  align-items: center;
}
.survey-builder-option-row input {
  padding: .5rem .65rem;
  border: 1px solid #e2e8f0;
  border-radius: 8px;
  font-size: .84rem;
  font-weight: 600;
  color: #0f172a;
  background: #fff;
}
.survey-builder-option-radio {
  width: .9rem;
  height: .9rem;
  border-radius: 50%;
  border: 2px solid #94a3b8;
  background: #fff;
  flex-shrink: 0;
}
.survey-builder-choice-list {
  margin: 0;
  padding: 0;
  list-style: none;
  display: grid;
  gap: .4rem;
}
.survey-builder-choice-list li {
  display: flex;
  align-items: center;
  gap: .5rem;
  font-size: .84rem;
  font-weight: 600;
  color: #334155;
}
.survey-builder-meta {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));
  gap: .75rem 1rem;
  margin: 0;
}
.survey-builder-meta dt {
  font-size: .68rem;
  font-weight: 750;
  letter-spacing: .04em;
  text-transform: uppercase;
  color: #94a3b8;
  margin-bottom: .2rem;
}
.survey-builder-meta dd {
  margin: 0;
  font-size: .88rem;
  font-weight: 650;
  color: #0f172a;
}
.survey-builder-footer {
  display: flex;
  flex-wrap: wrap;
  gap: .5rem;
  padding-top: .25rem;
}
.survey-builder-empty {
  display: grid;
  justify-items: center;
  text-align: center;
  gap: .45rem;
  padding: 2rem 1.2rem;
  color: #64748b;
}
.survey-builder-empty > i {
  font-size: 1.35rem;
  color: #94a3b8;
  margin-bottom: .15rem;
}
.survey-builder-empty strong {
  font-size: .92rem;
  color: #0f172a;
}
.survey-builder-empty p {
  margin: 0;
  max-width: 28rem;
  font-size: .82rem;
  line-height: 1.45;
}
.survey-builder-table-wrap {
  overflow-x: auto;
}

/* ── Shared lms-zoom / lms-survey (form builders, atama, zoom, sertifika) ── */
.lms-zoom-card {
  margin-bottom: .85rem;
  padding: 1rem 1.05rem;
  border: 1px solid #e8edf3;
  border-radius: 12px;
  background: linear-gradient(180deg, #fff 0%, #fbfcfe 100%);
  box-shadow: 0 1px 2px rgba(15, 23, 42, .04);
}
.lms-zoom-card-wide {
  width: 100%;
}
.lms-zoom-card-head {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  justify-content: space-between;
  gap: .65rem;
  margin-bottom: .9rem;
}
.lms-zoom-card-head h3 {
  margin: 0;
  font-size: .98rem;
  font-weight: 780;
  color: #0f172a;
  display: flex;
  align-items: center;
  gap: .45rem;
}
.lms-zoom-card-head .field-hint {
  margin: .25rem 0 0;
  font-size: .78rem;
  color: #64748b;
}
.lms-zoom-fields {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: .7rem .85rem;
}
@media (max-width: 720px) {
  .lms-zoom-fields {
    grid-template-columns: 1fr;
  }
}
.lms-zoom-fields > label,
.lms-zoom-fields label {
  display: flex;
  flex-direction: column;
  gap: .3rem;
  font-size: .72rem;
  font-weight: 700;
  color: #64748b;
}
.lms-zoom-fields label.check {
  flex-direction: row;
  align-items: center;
  gap: .55rem;
  text-transform: none;
  font-size: .84rem;
  color: #0f172a;
}
.lms-zoom-fields input,
.lms-zoom-fields select,
.lms-zoom-fields textarea {
  padding: .55rem .65rem;
  border: 1px solid #e2e8f0;
  border-radius: 8px;
  font-size: .84rem;
  font-weight: 600;
  color: #0f172a;
  background: #fff;
  text-transform: none;
  letter-spacing: 0;
  font-family: inherit;
}
.lms-zoom-fields textarea {
  resize: vertical;
  min-height: 4.5rem;
}
.lms-zoom-span-2 {
  grid-column: 1 / -1;
}
.lms-zoom-check-field {
  display: flex !important;
  flex-direction: column;
  gap: .3rem;
}
.lms-zoom-check-control {
  display: inline-flex;
  align-items: center;
  gap: .45rem;
  min-height: 2.35rem;
  padding: 0 .65rem;
  border: 1px solid #e2e8f0;
  border-radius: 8px;
  background: #fff;
}
.lms-zoom-mode-row {
  display: flex;
  flex-wrap: wrap;
  gap: .5rem;
  align-items: center;
}
.lms-zoom-mode {
  display: flex;
  flex-direction: column;
  gap: .35rem;
}
.lms-zoom-mode-row label,
.lms-zoom-mode-row button,
.lms-zoom-mode-row .btn {
  margin: 0;
}
.lms-zoom-tabs {
  display: flex;
  flex-wrap: wrap;
  gap: .45rem;
  margin-bottom: .9rem;
}
.lms-zoom-tabs > button {
  display: inline-flex;
  align-items: center;
  gap: .45rem;
  padding: .55rem .85rem;
  border: 1px solid #e2e8f0;
  border-radius: 10px;
  background: #fff;
  color: #334155;
  font-size: .82rem;
  font-weight: 700;
  cursor: pointer;
}
.lms-zoom-tabs > button:hover {
  border-color: #cbd5e1;
}
.lms-zoom-tabs > button.is-active {
  border-color: #0f4c81;
  background: #eff6ff;
  color: #0f4c81;
}
.lms-zoom-tabs > button em {
  font-style: normal;
  font-size: .72rem;
  font-weight: 750;
  padding: .1rem .4rem;
  border-radius: 999px;
  background: #f1f5f9;
  color: #64748b;
}
.lms-zoom-tabs > button em.is-ok {
  background: #dcfce7;
  color: #166534;
}
.lms-zoom-tabs > button em.is-warn {
  background: #fef3c7;
  color: #92400e;
}
.lms-zoom-steps {
  list-style: none;
  margin: 0 0 1rem;
  padding: 0;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: .65rem;
}
@media (max-width: 800px) {
  .lms-zoom-steps {
    grid-template-columns: 1fr;
  }
}
.lms-zoom-steps > li {
  display: flex;
  gap: .65rem;
  align-items: flex-start;
  padding: .75rem .85rem;
  border: 1px solid #e8edf3;
  border-radius: 10px;
  background: #fff;
}
.lms-zoom-steps > li > span {
  flex-shrink: 0;
  width: 1.6rem;
  height: 1.6rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  background: #e2e8f0;
  color: #334155;
  font-size: .78rem;
  font-weight: 800;
}
.lms-zoom-steps > li.is-done {
  border-color: #bbf7d0;
  background: #f0fdf4;
}
.lms-zoom-steps > li.is-done > span {
  background: #16a34a;
  color: #fff;
}
.lms-zoom-steps strong {
  display: block;
  font-size: .84rem;
  color: #0f172a;
}
.lms-zoom-steps em {
  display: block;
  margin-top: .15rem;
  font-style: normal;
  font-size: .74rem;
  color: #64748b;
}
.lms-zoom-status-pills {
  display: flex;
  flex-wrap: wrap;
  gap: .35rem;
}

.lms-survey-qlist {
  display: grid;
  gap: .75rem;
}
.lms-survey-qitem {
  padding: .9rem .95rem;
  border: 1px solid #e8edf3;
  border-radius: 10px;
  background: #fff;
}
.lms-survey-qitem-top {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: .5rem;
  margin-bottom: .7rem;
}
.lms-survey-qitem-title {
  font-size: .88rem;
  color: #0f172a;
}
.lms-survey-qtext {
  margin: 0 0 .65rem;
  font-size: .9rem;
  font-weight: 650;
  color: #0f172a;
  line-height: 1.4;
}
.lms-survey-req {
  color: #b45309;
  font-weight: 600;
  font-size: .78rem;
}
.lms-survey-opt {
  color: #94a3b8;
  font-weight: 600;
  font-size: .78rem;
}
.lms-survey-preview {
  margin-top: .75rem;
  padding: .75rem .8rem;
  border-radius: 8px;
  background: #f8fafc;
  border: 1px dashed #e2e8f0;
}
.lms-survey-preview-label {
  display: block;
  margin-bottom: .55rem;
  font-size: .68rem;
  font-weight: 750;
  letter-spacing: .04em;
  text-transform: uppercase;
  color: #94a3b8;
}
.lms-survey-preview-text {
  padding: .65rem .75rem;
  border: 1px solid #e2e8f0;
  border-radius: 8px;
  background: #fff;
  color: #94a3b8;
  font-size: .82rem;
}
.lms-survey-options {
  display: grid;
  gap: .45rem;
}
.lms-survey-option-row {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  gap: .45rem;
  align-items: center;
}
.lms-survey-option-row input {
  padding: .5rem .65rem;
  border: 1px solid #e2e8f0;
  border-radius: 8px;
  font-size: .84rem;
  font-weight: 600;
  color: #0f172a;
  background: #fff;
}
.lms-survey-option-radio {
  width: .9rem;
  height: .9rem;
  border-radius: 50%;
  border: 2px solid #94a3b8;
  background: #fff;
  flex-shrink: 0;
}
.lms-survey-choice-list {
  margin: 0;
  padding: 0;
  list-style: none;
  display: grid;
  gap: .4rem;
}
.lms-survey-choice-list li {
  display: flex;
  align-items: center;
  gap: .5rem;
  font-size: .84rem;
  font-weight: 600;
  color: #334155;
}
.lms-survey-scale {
  display: flex;
  flex-wrap: wrap;
  gap: .35rem;
}
.lms-survey-scale-chip {
  min-width: 2rem;
  height: 2rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 8px;
  border: 1px solid #cbd5e1;
  background: #fff;
  font-size: .78rem;
  font-weight: 750;
  color: #334155;
}
.lms-survey-scale-chip.is-nps {
  min-width: 1.7rem;
  height: 1.7rem;
  font-size: .72rem;
}
.lms-survey-meta {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));
  gap: .75rem 1rem;
  margin: 0;
}
.lms-survey-meta dt {
  font-size: .68rem;
  font-weight: 750;
  letter-spacing: .04em;
  text-transform: uppercase;
  color: #94a3b8;
  margin-bottom: .2rem;
}
.lms-survey-meta dd {
  margin: 0;
  font-size: .88rem;
  font-weight: 650;
  color: #0f172a;
}
.lms-zoom-mode-row label {
  display: inline-flex !important;
  flex-direction: row !important;
  align-items: center;
  gap: .4rem;
  margin: 0;
  font-size: .84rem !important;
  font-weight: 650 !important;
  color: #0f172a !important;
  text-transform: none !important;
  letter-spacing: 0 !important;
}
.lms-zoom-hosts {
  margin-top: .5rem;
}
.lms-zoom-prio {
  display: inline-flex;
  align-items: center;
  gap: .35rem;
}
.lms-zoom-prio > span {
  min-width: 1.5rem;
  text-align: center;
  font-weight: 750;
  color: #0f172a;
}

/* Personel rolleri hub */
.org-filter-inline {
  display: flex;
  flex-wrap: wrap;
  gap: .75rem;
  align-items: flex-end;
}
.org-filter-inline label {
  flex: 1 1 14rem;
  display: flex;
  flex-direction: column;
  gap: .35rem;
  font-size: .84rem;
  font-weight: 650;
  color: #334155;
}
.staff-roles-filter {
  margin-bottom: .65rem;
}
.staff-roles-search-field {
  display: flex;
  flex-direction: column;
  gap: .35rem;
  flex: 1 1 16rem;
  font-size: .84rem;
  font-weight: 650;
  color: #334155;
}
.staff-roles-search-wrap {
  position: relative;
  display: block;
}
.staff-roles-search-wrap > i:first-child {
  position: absolute;
  left: .75rem;
  top: 50%;
  transform: translateY(-50%);
  color: #94a3b8;
  font-size: .78rem;
  pointer-events: none;
}
.staff-roles-search-wrap input {
  width: 100%;
  padding: .55rem .75rem .55rem 2.15rem;
  border: 1px solid #e2e8f0;
  border-radius: var(--dr-radius, 4px);
  background: #fff;
  font: inherit;
  color: #0f172a;
}
.staff-roles-search-wrap.is-lg input {
  padding: .7rem .95rem .7rem 2.45rem;
  font-size: .9rem;
}
.staff-roles-search-wrap input:focus {
  outline: none;
  border-color: #94a3b8;
  box-shadow: 0 0 0 3px rgba(30, 58, 95, .08);
}
.staff-roles-spin {
  position: absolute;
  right: .75rem;
  top: 50%;
  transform: translateY(-50%);
  color: #64748b;
  font-size: .78rem;
}
.staff-roles-role-pills {
  margin-top: .15rem;
  flex-wrap: wrap;
}
.staff-roles-role-pills .dr-filter-pill {
  display: inline-flex;
  align-items: center;
  gap: .35rem;
}
.staff-roles-role-pills .dr-filter-pill i {
  font-size: .72rem;
  opacity: .8;
}
.staff-roles-role-pills .dr-filter-pill em {
  font-style: normal;
  font-weight: 800;
  font-variant-numeric: tabular-nums;
  opacity: .7;
  font-size: .72rem;
}
.staff-roles-note {
  display: flex;
  gap: .55rem;
  align-items: flex-start;
  margin: 0 0 .85rem;
  padding: .65rem .8rem;
  border: 1px solid #e2e8f0;
  border-radius: var(--dr-radius, 4px);
  background: #f8fafc;
  color: #475569;
  font-size: .8rem;
  line-height: 1.45;
}
.staff-roles-note i {
  margin-top: .15rem;
  color: #1e3a5f;
}
.staff-roles-note p {
  margin: 0;
}
.staff-roles-search-hint {
  margin: .35rem 0 0;
  font-size: .75rem;
}
.staff-roles-editor-lead {
  margin: 0 0 .75rem;
  font-size: .8rem;
  color: #475569;
  line-height: 1.4;
}
.staff-roles-editor.is-placeholder {
  display: grid;
  align-items: center;
  min-height: 16rem;
}
.staff-roles-placeholder {
  text-align: center;
  padding: 1.25rem 1rem;
  display: grid;
  gap: .55rem;
  justify-items: center;
  color: #64748b;
}
.staff-roles-placeholder > i {
  font-size: 1.5rem;
  color: #1e3a5f;
  opacity: .75;
}
.staff-roles-placeholder strong {
  color: #0f172a;
  font-size: .95rem;
}
.staff-roles-placeholder p {
  margin: 0;
  max-width: 22rem;
  font-size: .8rem;
  line-height: 1.45;
}
.staff-roles-placeholder em {
  font-style: normal;
  font-weight: 700;
  color: #1e3a5f;
}
.staff-roles-empty .btn {
  margin-top: .35rem;
}
.staff-roles-panel-head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: .75rem;
  margin-bottom: .85rem;
}
.staff-roles-panel-head h2 {
  margin: 0;
  font-size: .95rem;
  font-weight: 800;
  color: #0f172a;
}
.staff-roles-panel-head p {
  margin: .2rem 0 0;
  font-size: .76rem;
  color: #64748b;
}
.staff-roles-legend {
  margin: 0 0 .85rem;
  padding: .75rem .9rem .85rem;
}
.staff-roles-legend-grid {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: .4rem;
}
.staff-roles-legend-card {
  width: 100%;
  display: grid;
  grid-template-columns: auto 1fr auto;
  gap: .45rem;
  align-items: center;
  padding: .5rem .55rem;
  border: 1px solid #eef2f6;
  border-radius: var(--dr-radius, 4px);
  background: #fff;
  text-align: left;
  cursor: pointer;
  color: inherit;
  font: inherit;
  transition: border-color .12s ease, box-shadow .12s ease;
}
.staff-roles-legend-card:hover {
  border-color: #dbe3ef;
}
.staff-roles-legend-card.is-active {
  border-color: #93c5fd;
  box-shadow: 0 0 0 3px rgba(59, 130, 246, .1);
  background: #f8fbff;
}
.staff-roles-legend-ico {
  width: 1.6rem;
  height: 1.6rem;
  border-radius: 5px;
  display: grid;
  place-items: center;
  background: #eef2f7;
  color: #1e3a5f;
  font-size: .7rem;
}
.staff-roles-legend-card.is-admin .staff-roles-legend-ico {
  background: rgba(192, 16, 24, .1);
  color: #C01018;
}
.staff-roles-legend-card.is-editor .staff-roles-legend-ico {
  background: rgba(30, 58, 95, .1);
  color: #1e3a5f;
}
.staff-roles-legend-card.is-member_manager .staff-roles-legend-ico {
  background: rgba(5, 150, 105, .12);
  color: #059669;
}
.staff-roles-legend-card.is-store_manager .staff-roles-legend-ico {
  background: rgba(14, 116, 144, .12);
  color: #0e7490;
}
.staff-roles-legend-card.is-org_manager .staff-roles-legend-ico {
  background: rgba(124, 58, 237, .1);
  color: #6d28d9;
}
.staff-roles-legend-card.is-instructor .staff-roles-legend-ico {
  background: rgba(180, 83, 9, .12);
  color: #b45309;
}
.staff-roles-legend-copy {
  min-width: 0;
  display: grid;
  gap: .15rem;
}
.staff-roles-legend-card strong {
  display: block;
  font-size: .8rem;
  font-weight: 800;
  color: #0f172a;
}
.staff-roles-legend-copy span {
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
  font-size: .68rem;
  line-height: 1.3;
  color: #64748b;
}
.staff-roles-legend-card > em {
  font-style: normal;
  font-size: .88rem;
  font-weight: 800;
  font-variant-numeric: tabular-nums;
  color: #1e3a5f;
}
.staff-roles-layout {
  display: grid;
  grid-template-columns: 1fr;
  gap: .85rem;
  align-items: start;
}
.staff-roles-layout.has-editor {
  grid-template-columns: minmax(0, 1.2fr) minmax(17rem, .8fr);
}
.staff-roles-roster,
.staff-roles-editor {
  margin: 0;
  padding: .85rem .95rem 1rem;
}
.staff-roles-roster-head {
  margin-bottom: .65rem;
}
.staff-roles-roster .staff-roles-search-field {
  margin-bottom: .75rem;
}
.staff-roles-extra {
  margin: 0 0 .75rem;
  padding: .55rem .6rem .65rem;
  border: 1px dashed #dbe3ef;
  border-radius: var(--dr-radius, 4px);
  background: #f8fafc;
}
.staff-roles-extra-label {
  margin: 0 0 .45rem;
  font-size: .72rem;
  font-weight: 700;
  color: #64748b;
}
.staff-roles-roster-list {
  list-style: none;
  margin: .15rem 0 0;
  padding: 0;
  display: grid;
  gap: .4rem;
}
.staff-roles-find-empty {
  margin: .55rem 0 0;
  font-size: .78rem;
}
.staff-roles-find-list {
  list-style: none;
  margin: .65rem 0 0;
  padding: 0;
  display: grid;
  gap: .35rem;
  max-height: 14rem;
  overflow: auto;
}
.staff-roles-find-row {
  width: 100%;
  display: grid;
  grid-template-columns: auto 1fr auto;
  gap: .65rem;
  align-items: center;
  padding: .55rem .65rem;
  border: 1px solid #eef2f6;
  border-radius: var(--dr-radius, 4px);
  background: #fff;
  text-align: left;
  cursor: pointer;
  transition: border-color .12s ease, background .12s ease;
}
.staff-roles-find-row:hover {
  border-color: #dbe3ef;
  background: #f8fafc;
}
.staff-roles-find-copy {
  min-width: 0;
  display: grid;
  gap: .1rem;
}
.staff-roles-find-copy strong {
  font-size: .86rem;
  color: #0f172a;
}
.staff-roles-find-copy span {
  font-size: .74rem;
  color: #64748b;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.staff-roles-find-meta {
  display: inline-flex;
  align-items: center;
  gap: .45rem;
  color: #94a3b8;
  font-size: .72rem;
}
.staff-roles-avatar {
  width: 2rem;
  height: 2rem;
  border-radius: 6px;
  display: grid;
  place-items: center;
  background: #1e3a5f;
  color: #fff;
  font-size: .72rem;
  font-weight: 800;
  letter-spacing: .02em;
  flex-shrink: 0;
}
.staff-roles-avatar.is-lg {
  width: 2.5rem;
  height: 2.5rem;
  font-size: .85rem;
}
.staff-roles-roster-list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  gap: .45rem;
}
.staff-roles-roster-row {
  display: grid;
  grid-template-columns: 1fr auto;
  gap: .55rem;
  align-items: stretch;
  border: 1px solid #eef2f6;
  border-radius: var(--dr-radius, 4px);
  background: #fff;
  transition: border-color .12s ease, box-shadow .12s ease;
}
.staff-roles-roster-row:hover {
  border-color: #dbe3ef;
  box-shadow: 0 3px 10px rgba(15, 23, 42, .04);
}
.staff-roles-roster-row.is-active {
  border-color: #93c5fd;
  box-shadow: 0 0 0 3px rgba(59, 130, 246, .1);
}
.staff-roles-roster-main {
  display: grid;
  grid-template-columns: auto 1fr;
  gap: .7rem;
  align-items: start;
  padding: .7rem .75rem;
  border: 0;
  background: transparent;
  text-align: left;
  cursor: pointer;
  min-width: 0;
}
.staff-roles-roster-copy {
  min-width: 0;
  display: grid;
  gap: .28rem;
}
.staff-roles-roster-top {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: .35rem .45rem;
}
.staff-roles-roster-top strong {
  font-size: .9rem;
  color: #0f172a;
}
.staff-roles-roster-meta {
  font-size: .76rem;
  color: #64748b;
}
.staff-roles-chips {
  display: flex;
  flex-wrap: wrap;
  gap: .3rem;
}
.staff-role-chip {
  display: inline-flex;
  align-items: center;
  gap: .3rem;
  padding: .18rem .45rem;
  border-radius: 4px;
  border: 1px solid #e2e8f0;
  background: #f8fafc;
  color: #475569;
  font-size: .7rem;
  font-weight: 700;
}
.staff-role-chip i { font-size: .62rem; opacity: .85; }
.staff-role-chip.is-admin {
  border-color: rgba(192, 16, 24, .22);
  background: rgba(192, 16, 24, .06);
  color: #9f1239;
}
.staff-role-chip.is-editor {
  border-color: rgba(30, 58, 95, .2);
  background: rgba(30, 58, 95, .06);
  color: #1e3a5f;
}
.staff-role-chip.is-member_manager {
  border-color: rgba(5, 150, 105, .22);
  background: rgba(5, 150, 105, .08);
  color: #047857;
}
.staff-role-chip.is-store_manager {
  border-color: rgba(14, 116, 144, .22);
  background: rgba(14, 116, 144, .08);
  color: #0e7490;
}
.staff-role-chip.is-org_manager {
  border-color: rgba(124, 58, 237, .2);
  background: rgba(124, 58, 237, .07);
  color: #6d28d9;
}
.staff-role-chip.is-instructor {
  border-color: rgba(180, 83, 9, .22);
  background: rgba(180, 83, 9, .08);
  color: #b45309;
}
.staff-roles-roster-actions {
  display: flex;
  align-items: center;
  gap: .3rem;
  padding: .55rem .6rem .55rem 0;
}
.staff-roles-empty {
  padding: 1.75rem 1rem;
}
.staff-roles-editor {
  position: sticky;
  top: .85rem;
  align-self: start;
}
.staff-roles-editor-head {
  display: grid;
  grid-template-columns: auto 1fr auto;
  gap: .7rem;
  align-items: start;
  margin-bottom: .85rem;
  padding-bottom: .75rem;
  border-bottom: 1px solid #eef2f6;
}
.staff-roles-editor-head h2 {
  margin: 0;
  font-size: .95rem;
  font-weight: 800;
  color: #0f172a;
}
.staff-roles-editor-head h2 em {
  font-style: normal;
  font-weight: 650;
  color: #0e7490;
  font-size: .78rem;
}
.staff-roles-editor-head p {
  margin: .2rem 0 0;
  font-size: .76rem;
  color: #64748b;
}
.staff-roles-editor-close {
  width: 2rem;
  height: 2rem;
  padding: 0;
  display: grid;
  place-items: center;
}
.staff-roles-grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: .5rem;
}
.staff-role-check {
  display: grid;
  grid-template-columns: auto auto 1fr;
  gap: .55rem;
  align-items: start;
  padding: .65rem .7rem;
  border: 1px solid #e2e8f0;
  border-radius: var(--dr-radius, 4px);
  background: #fff;
  cursor: pointer;
  transition: border-color .12s ease, background .12s ease, box-shadow .12s ease;
}
.staff-role-check:hover {
  border-color: #cbd5e1;
}
.staff-role-check.is-on {
  border-color: #93c5fd;
  background: #f8fbff;
  box-shadow: 0 0 0 3px rgba(59, 130, 246, .08);
}
.staff-role-check.is-on.is-admin {
  border-color: rgba(192, 16, 24, .35);
  background: #fff7f7;
  box-shadow: 0 0 0 3px rgba(192, 16, 24, .08);
}
.staff-role-check input {
  margin-top: .35rem;
  accent-color: #1e3a5f;
}
.staff-role-check-ico {
  width: 1.75rem;
  height: 1.75rem;
  border-radius: 6px;
  display: grid;
  place-items: center;
  background: #eef2f7;
  color: #1e3a5f;
  font-size: .72rem;
  margin-top: .05rem;
}
.staff-role-check.is-admin .staff-role-check-ico {
  background: rgba(192, 16, 24, .1);
  color: #C01018;
}
.staff-role-check.is-member_manager .staff-role-check-ico {
  background: rgba(5, 150, 105, .12);
  color: #059669;
}
.staff-role-check.is-store_manager .staff-role-check-ico {
  background: rgba(14, 116, 144, .12);
  color: #0e7490;
}
.staff-role-check.is-org_manager .staff-role-check-ico {
  background: rgba(124, 58, 237, .1);
  color: #6d28d9;
}
.staff-role-check.is-instructor .staff-role-check-ico {
  background: rgba(180, 83, 9, .12);
  color: #b45309;
}
.staff-role-check-copy strong {
  display: block;
  font-size: .86rem;
  color: #0f172a;
}
.staff-role-check-copy em {
  display: block;
  font-style: normal;
  font-size: .7rem;
  color: #94a3b8;
  margin-top: .08rem;
}
.staff-role-check-copy small {
  display: block;
  margin-top: .25rem;
  color: #64748b;
  font-size: .74rem;
  line-height: 1.35;
}
.staff-roles-editor-foot {
  display: flex;
  flex-wrap: wrap;
  gap: .45rem;
  margin-top: .95rem;
  padding-top: .85rem;
  border-top: 1px solid #eef2f6;
}
.dr-dash-subhead {
  margin: 0 0 .85rem;
}
.dr-dash-subhead h2 {
  margin: 0;
  font-size: 1.05rem;
  color: #0f172a;
}
.dr-dash-subhead .muted {
  margin: .25rem 0 0;
}
@media (max-width: 1100px) {
  .staff-roles-legend-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .staff-roles-layout.has-editor {
    grid-template-columns: 1fr;
  }
  .staff-roles-editor {
    position: static;
  }
}
@media (max-width: 640px) {
  .staff-roles-legend-grid {
    grid-template-columns: 1fr;
  }
  .staff-roles-roster-row {
    grid-template-columns: 1fr;
  }
  .staff-roles-roster-actions {
    padding: 0 .7rem .7rem;
    justify-content: flex-end;
  }
}

/* LMS bildirim testi */
.lms-notify-hub {
  display: grid;
  gap: .85rem;
  min-width: 0;
}
.lms-notify-banner {
  display: grid;
  grid-template-columns: auto 1fr;
  gap: .7rem;
  align-items: start;
  padding: .75rem .9rem;
  border: 1px solid #e2e8f0;
  border-radius: var(--dr-radius, 4px);
  background: #f8fafc;
}
.lms-notify-banner-ico {
  width: 1.85rem;
  height: 1.85rem;
  border-radius: 6px;
  display: grid;
  place-items: center;
  background: rgba(30, 58, 95, .1);
  color: #1e3a5f;
  font-size: .8rem;
  flex-shrink: 0;
}
.lms-notify-banner strong {
  display: block;
  font-size: .84rem;
  color: #0f172a;
}
.lms-notify-banner p {
  margin: .25rem 0 0;
  font-size: .78rem;
  line-height: 1.45;
  color: #64748b;
}
.lms-notify-banner a {
  color: #1e3a5f;
  font-weight: 700;
}
.lms-notify-banner code {
  font-size: .72rem;
  padding: .05rem .3rem;
  border-radius: 3px;
  background: #eef2f7;
  color: #334155;
}
.lms-notify-grid {
  display: grid;
  grid-template-columns: minmax(0, 1.15fr) minmax(0, .85fr);
  gap: .85rem;
  align-items: start;
}
.lms-notify-card {
  margin: 0;
  padding: .95rem 1rem 1.05rem;
  display: grid;
  gap: .7rem;
}
.lms-notify-card-head {
  display: grid;
  grid-template-columns: auto 1fr;
  gap: .65rem;
  align-items: start;
  padding-bottom: .65rem;
  border-bottom: 1px solid #eef2f6;
}
.lms-notify-card-ico {
  width: 2rem;
  height: 2rem;
  border-radius: 6px;
  display: grid;
  place-items: center;
  background: rgba(30, 58, 95, .1);
  color: #1e3a5f;
  font-size: .82rem;
}
.lms-notify-card-ico.is-test {
  background: rgba(5, 150, 105, .12);
  color: #059669;
}
.lms-notify-card-ico.is-vars {
  background: rgba(124, 58, 237, .1);
  color: #6d28d9;
}
.lms-notify-card-head h2 {
  margin: 0;
  font-size: .95rem;
  font-weight: 800;
  color: #0f172a;
}
.lms-notify-card-head p {
  margin: .2rem 0 0;
  font-size: .76rem;
  color: #64748b;
  line-height: 1.4;
}
.lms-notify-field {
  display: grid;
  gap: .3rem;
  font-size: .84rem;
  font-weight: 650;
  color: #334155;
}
.lms-notify-field em {
  font-style: normal;
  font-size: .72rem;
  font-weight: 600;
  color: #94a3b8;
}
.lms-notify-field input,
.lms-notify-field select,
.lms-notify-field textarea {
  width: 100%;
  padding: .55rem .7rem;
  border: 1px solid #e2e8f0;
  border-radius: var(--dr-radius, 4px);
  background: #fff;
  font: inherit;
  font-weight: 500;
  color: #0f172a;
}
.lms-notify-field textarea {
  resize: vertical;
  min-height: 9rem;
  line-height: 1.45;
  font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  font-size: .8rem;
}
.lms-notify-field input:focus,
.lms-notify-field select:focus,
.lms-notify-field textarea:focus {
  outline: none;
  border-color: #94a3b8;
  box-shadow: 0 0 0 3px rgba(30, 58, 95, .08);
}
.lms-notify-channel {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: .4rem;
  padding: .2rem;
  border: 1px solid #e2e8f0;
  border-radius: var(--dr-radius, 4px);
  background: #f8fafc;
}
.lms-notify-channel-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: .4rem;
  border: 0;
  background: transparent;
  color: #64748b;
  font: inherit;
  font-size: .8rem;
  font-weight: 700;
  padding: .5rem .65rem;
  border-radius: 3px;
  cursor: pointer;
}
.lms-notify-channel-btn:hover {
  color: #1e3a5f;
  background: #fff;
}
.lms-notify-channel-btn.is-active {
  background: #1e3a5f;
  color: #fff;
}
.lms-notify-var-insert {
  display: flex;
  flex-wrap: wrap;
  gap: .3rem;
}
.lms-notify-var-chip {
  border: 1px solid #e2e8f0;
  background: #f8fafc;
  color: #334155;
  font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  font-size: .68rem;
  font-weight: 650;
  padding: .22rem .4rem;
  border-radius: 3px;
  cursor: pointer;
}
.lms-notify-var-chip:hover {
  border-color: #cbd5e1;
  background: #fff;
  color: #1e3a5f;
}
.lms-notify-card-foot {
  display: flex;
  flex-wrap: wrap;
  gap: .45rem;
  padding-top: .35rem;
}
.lms-notify-preview {
  display: grid;
  gap: .4rem;
  padding: .7rem .75rem;
  border: 1px solid #eef2f6;
  border-radius: var(--dr-radius, 4px);
  background: linear-gradient(180deg, #f8fafc 0%, #fff 100%);
}
.lms-notify-preview-row {
  display: flex;
  justify-content: space-between;
  gap: .75rem;
  align-items: baseline;
  font-size: .78rem;
}
.lms-notify-preview-row span {
  color: #94a3b8;
  font-weight: 650;
}
.lms-notify-preview-row strong {
  color: #0f172a;
  font-weight: 750;
  text-align: right;
  word-break: break-all;
}
.lms-notify-preview-note {
  margin: .15rem 0 0;
  padding-top: .45rem;
  border-top: 1px solid #eef2f6;
  font-size: .72rem;
  color: #64748b;
  line-height: 1.4;
}
.lms-notify-warn {
  margin: 0;
  display: flex;
  gap: .45rem;
  align-items: flex-start;
  padding: .55rem .65rem;
  border: 1px solid #fde68a;
  border-radius: var(--dr-radius, 4px);
  background: #fffbeb;
  color: #92400e;
  font-size: .74rem;
  line-height: 1.4;
}
.lms-notify-warn i {
  margin-top: .15rem;
  flex-shrink: 0;
}
.lms-notify-vars {
  margin: 0;
  padding: .95rem 1rem 1.05rem;
}
.lms-notify-var-table {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: .4rem;
}
.lms-notify-var-table li {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  justify-content: space-between;
  gap: .35rem;
  padding: .45rem .55rem;
  border: 1px solid #eef2f6;
  border-radius: var(--dr-radius, 4px);
  background: #fff;
}
.lms-notify-var-table code {
  font-size: .74rem;
  font-weight: 700;
  color: #1e3a5f;
  background: #eef2f7;
  padding: .1rem .35rem;
  border-radius: 3px;
}
.lms-notify-var-table span {
  font-size: .72rem;
  color: #64748b;
}
@media (max-width: 980px) {
  .lms-notify-grid {
    grid-template-columns: 1fr;
  }
  .lms-notify-var-table {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (max-width: 560px) {
  .lms-notify-var-table {
    grid-template-columns: 1fr;
  }
}

/* E�itim program� � E�itimde neler var? basit edit�r */
.program-whats-in {
  display: flex;
  flex-direction: column;
  gap: 0.85rem;
}
.program-whats-in-lead {
  margin: 0 0 0.15rem;
}
.program-whats-in-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0.75rem 1rem;
}
@media (max-width: 720px) {
  .program-whats-in-grid {
    grid-template-columns: 1fr;
  }
}
.program-whats-in .content-editor-field {
  margin-top: 0;
}
.program-whats-in textarea {
  min-height: 0;
  font-family: inherit;
  line-height: 1.45;
}


/* ========== Eğitmen çalışma paneli (OrgHub) ========== */
.org-dash-stats.instructor-hub-kpi {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}
@media (max-width: 900px) {
  .org-dash-stats.instructor-hub-kpi {
    grid-template-columns: 1fr;
  }
}
.instructor-hub-panel-card {
  padding: 0;
  overflow: hidden;
}
.instructor-hub-filter-row {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.55rem 0.65rem;
}
.instructor-hub-filter-row--one {
  flex-wrap: nowrap;
  align-items: center;
  gap: 0.5rem;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  padding-bottom: 0.15rem;
}
.instructor-hub-filter-row--one > .dr-filter-pills,
.instructor-hub-filter-row--one > .instructor-hub-list-pills {
  width: auto;
  flex: 0 0 auto;
  min-width: 0;
}
.instructor-hub-filter-row--one .dr-filter-pill {
  flex: 0 0 auto;
  padding: 0.48rem 0.7rem;
}
.instructor-hub-filter-row--one > .instructor-hub-search,
.instructor-hub-filter-row--one > .instructor-hub-select {
  flex: 1 1 9rem;
  min-width: 8rem;
  max-width: 16rem;
}
.instructor-hub-search {
  position: relative;
  flex: 1 1 10rem;
  min-width: 8.5rem;
  max-width: 14rem;
}
@media (max-width: 900px) {
  .instructor-hub-filter-row--one {
    flex-wrap: wrap;
  }
  .instructor-hub-filter-row--one > .dr-filter-pills {
    flex: 1 1 100%;
    width: 100%;
  }
  .instructor-hub-filter-row--one > .dr-filter-pills .dr-filter-pill {
    flex: 1 1 0;
  }
  .instructor-hub-filter-row--one > .instructor-hub-search,
  .instructor-hub-filter-row--one > .instructor-hub-select {
    flex: 1 1 12rem;
    max-width: none;
  }
  .instructor-hub-filter-row--one > .instructor-hub-list-pills {
    flex: 1 1 auto;
  }
}
.instructor-hub-search i {
  position: absolute;
  left: 0.7rem;
  top: 50%;
  transform: translateY(-50%);
  color: #94a3b8;
  font-size: 0.78rem;
  pointer-events: none;
}
.instructor-hub-search input,
.instructor-hub-select {
  width: 100%;
  height: 2.4rem;
  border: 1px solid #dbe3ec;
  border-radius: 4px;
  background: #fff;
  font: inherit;
  font-size: 0.84rem;
  font-weight: 600;
  color: #0f172a;
  box-sizing: border-box;
}
.instructor-hub-search input {
  padding: 0 0.75rem 0 2rem;
}
.instructor-hub-select {
  padding: 0 0.7rem;
  min-width: min(100%, 16rem);
  max-width: 22rem;
}
.instructor-hub-search input:focus,
.instructor-hub-select:focus {
  outline: none;
  border-color: rgba(192, 16, 24, 0.45);
  box-shadow: 0 0 0 3px rgba(192, 16, 24, 0.08);
}
.instructor-hub-count {
  margin-left: auto;
  font-size: 0.78rem;
  font-weight: 700;
  color: #64748b;
  white-space: nowrap;
}
.instructor-hub-flash {
  margin: 0.85rem 1rem 0;
}
.instructor-hub-state {
  margin: 1.25rem 1rem;
}
.instructor-hub-table-wrap {
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  width: 100%;
  max-width: 100%;
  min-width: 0;
}
.instructor-hub-panel-card .content-hub-table {
  margin: 0;
}
.instructor-hub-panel-card .content-hub-table th,
.instructor-hub-panel-card .content-hub-table td {
  vertical-align: top;
}
.instructor-sessions-table .col-session,
.instructor-sessions-table .col-session-pick {
  width: 18%;
  min-width: 0;
}
.instructor-sessions-table .col-period {
  width: 36%;
  min-width: 0;
  max-width: none;
  overflow-wrap: anywhere;
}
.instructor-sessions-table .col-date {
  white-space: normal;
  width: 22%;
  min-width: 0;
}
.instructor-sessions-table .col-actions,
.instructor-sessions-table .col-status {
  white-space: normal;
  width: 24%;
  min-width: 0;
}
.instructor-hub-panel {
  padding: 1rem;
}
.instructor-hub-report {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  padding: 1rem;
  border: 1px solid #e8edf3;
  border-radius: 4px;
  background: #fff;
}
.instructor-hub-report-head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 1rem;
  flex-wrap: wrap;
}
.instructor-hub-report-head h3 {
  margin: 0 0 0.2rem;
  font-size: 1.05rem;
  font-weight: 800;
  color: #0f172a;
}
.instructor-hub-report-head p { margin: 0; font-size: 0.84rem; }
.instructor-hub-report-rev {
  display: inline-flex;
  align-items: center;
  padding: 0.45rem 0.75rem;
  border-radius: 4px;
  background: rgba(13, 148, 136, 0.1);
  color: #0f766e;
  font-size: 0.95rem;
  font-weight: 800;
}
.instructor-hub-rates,
.instructor-hub-stats {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 0.65rem;
}
.instructor-hub-rate {
  padding: 0.75rem;
  border-radius: 4px;
  border: 1px solid #e8edf3;
  background: #fff;
}
.instructor-hub-rate-top {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 0.5rem;
  margin-bottom: 0.45rem;
}
.instructor-hub-rate-top strong {
  font-size: 0.78rem;
  font-weight: 700;
  color: #64748b;
}
.instructor-hub-rate-top em {
  font-style: normal;
  font-size: 0.95rem;
  font-weight: 800;
  color: #0f172a;
  font-variant-numeric: tabular-nums;
}
.instructor-hub-rate-track {
  display: block;
  height: 6px;
  border-radius: 4px;
  background: #eef2f6;
  overflow: hidden;
}
.instructor-hub-rate-track i {
  display: block;
  height: 100%;
  border-radius: inherit;
  background: linear-gradient(90deg, #0d9488, #58c0d0);
}
.instructor-hub-rate-hint {
  display: block;
  margin-top: 0.35rem;
  font-size: 0.72rem;
}
.instructor-hub-stats > div {
  padding: 0.7rem 0.8rem;
  border-radius: 4px;
  border: 1px solid #e8edf3;
  background: #f8fafc;
}
.instructor-hub-stats span {
  display: block;
  margin-bottom: 0.25rem;
  font-size: 0.72rem;
  font-weight: 700;
  letter-spacing: 0.02em;
  text-transform: uppercase;
  color: #94a3b8;
}
.instructor-hub-stats strong {
  font-size: 0.95rem;
  font-weight: 800;
  color: #0f172a;
  font-variant-numeric: tabular-nums;
}
.instructor-hub-instructors {
  margin: 0;
  font-size: 0.84rem;
}
.instructor-hub-list-bar {
  border-top: 1px solid #e2e8f0;
}
.instructor-hub-period-link {
  display: inline;
  padding: 0;
  margin: 0;
  border: 0;
  background: none;
  font: inherit;
  font-weight: 750;
  color: #0f172a;
  text-align: left;
  cursor: pointer;
}
.instructor-hub-period-link:hover {
  color: #b91c1c;
  text-decoration: underline;
}
.instructor-hub-click-row {
  cursor: pointer;
}
.instructor-hub-click-row:hover td {
  background: #f8fafc;
}
.instructor-hub-filter-row .dr-filter-pill em {
  font-style: normal;
  font-weight: 800;
  margin-left: 0.25rem;
  opacity: 0.85;
}
@media (max-width: 1100px) {
  .instructor-hub-rates,
  .instructor-hub-stats {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (max-width: 720px) {
  .instructor-hub-rates,
  .instructor-hub-stats {
    grid-template-columns: 1fr;
  }
  .instructor-hub-count {
    margin-left: 0;
    width: 100%;
  }
  .instructor-hub-search,
  .instructor-hub-select {
    max-width: none;
  }
}

/* Liste metinleri hub */
.listing-hub-layout {
  display: grid;
  grid-template-columns: minmax(220px, 260px) minmax(0, 1fr);
  gap: 1rem;
  align-items: start;
  margin-top: 0.75rem;
}
.listing-hub-nav {
  border: 1px solid #e2e8f0;
  border-radius: 12px;
  background: #fff;
  padding: 0.65rem;
}
.listing-hub-nav-group + .listing-hub-nav-group { margin-top: 0.75rem; }
.listing-hub-nav-label {
  margin: 0 0 0.35rem;
  padding: 0 0.35rem;
  font-size: 0.72rem;
  font-weight: 700;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: #64748b;
}
.listing-hub-nav ul {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  gap: 0.25rem;
}
.listing-hub-nav button {
  width: 100%;
  display: grid;
  gap: 0.1rem;
  text-align: left;
  border: 1px solid transparent;
  border-radius: 8px;
  background: transparent;
  padding: 0.55rem 0.65rem;
  cursor: pointer;
  color: #0f172a;
}
.listing-hub-nav button small {
  color: #64748b;
  font-size: 0.75rem;
}
.listing-hub-nav button:hover { background: #f8fafc; }
.listing-hub-nav button.is-active {
  background: #eff6ff;
  border-color: #bfdbfe;
}
.listing-hub-pending {
  font-style: normal;
  font-size: 0.68rem;
  font-weight: 700;
  color: #b45309;
}
.listing-hub-panel {
  border: 1px solid #e2e8f0;
  border-radius: 12px;
  background: #fff;
  padding: 1rem 1.1rem 1.15rem;
}
.listing-hub-panel-head {
  display: flex;
  flex-wrap: wrap;
  gap: 0.75rem;
  justify-content: space-between;
  align-items: flex-start;
  margin-bottom: 1rem;
}
.listing-hub-panel-head h2 {
  margin: 0 0 0.2rem;
  font-size: 1.15rem;
}
.listing-hub-fields {
  display: grid;
  gap: 0.85rem;
}
.listing-hub-field {
  display: grid;
  gap: 0.3rem;
}
.listing-hub-field > span {
  font-size: 0.82rem;
  font-weight: 700;
  color: #334155;
}
.listing-hub-field input,
.listing-hub-field textarea {
  width: 100%;
  border: 1px solid #cbd5e1;
  border-radius: 8px;
  padding: 0.55rem 0.7rem;
  font: inherit;
  color: #0f172a;
  background: #fff;
}
.listing-hub-field textarea { resize: vertical; min-height: 4.5rem; }
.listing-hub-leads {
  margin-top: 0.5rem;
  padding-top: 0.85rem;
  border-top: 1px solid #e2e8f0;
  display: grid;
  gap: 0.75rem;
}
.listing-hub-leads h3 {
  margin: 0;
  font-size: 0.95rem;
}
.listing-hub-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 0.75rem;
  align-items: center;
  margin-top: 1.1rem;
  padding-top: 0.85rem;
  border-top: 1px solid #e2e8f0;
}
@media (max-width: 900px) {
  .listing-hub-layout { grid-template-columns: 1fr; }
}

/* ---------- STORE RETURNS HUB ---------- */
.store-returns-catalog {
  margin-top: .35rem;
}
.store-returns-pill-count {
  font-style: normal;
  margin-left: .35rem;
  background: #C01018;
  color: #fff;
  font-size: .68rem;
  font-weight: 800;
  padding: .1rem .4rem;
  border-radius: 999px;
  vertical-align: middle;
}
.tp-catalog-status-btn.is-active .store-returns-pill-count {
  background: rgba(255, 255, 255, .22);
}
.store-returns-hub-table tbody tr.is-selected {
  background: #fff5f5;
  box-shadow: inset 3px 0 0 #C01018;
}
.store-returns-hub-table tbody tr {
  cursor: pointer;
}
.store-returns-hub-id {
  font-variant-numeric: tabular-nums;
}
.store-returns-hub-type {
  display: inline-flex;
  align-items: center;
  gap: .4rem;
  font-size: .84rem;
  font-weight: 700;
  color: #334155;
}
.store-returns-hub-type i {
  color: #64748b;
  font-size: .78rem;
}
.store-returns-hub-pager {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: .75rem;
  padding: .85rem 1rem;
  border-top: 1px solid #e2e8f0;
}
.store-returns-detail-card {
  margin-top: 1rem;
  padding: 1.1rem 1.2rem 1.25rem;
}
.store-returns-detail-card-head {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: flex-start;
  gap: .85rem 1rem;
  margin-bottom: 1rem;
  padding-bottom: .85rem;
  border-bottom: 1px solid #e2e8f0;
}
.store-returns-detail-card-head h2 {
  margin: .2rem 0 0;
  font-size: 1.2rem;
  font-weight: 800;
  color: #0f172a;
  letter-spacing: -.01em;
}
.store-returns-detail-card-actions {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: .45rem;
}
.store-returns-items {
  margin: .85rem 0;
}
.store-returns-items h3 {
  margin: 0 0 .45rem;
  font-size: .88rem;
  font-weight: 800;
  color: #0f172a;
}
.store-returns-items ul {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  gap: .4rem;
}
.store-returns-items li {
  display: flex;
  justify-content: space-between;
  gap: .75rem;
  padding: .55rem .7rem;
  border-radius: 8px;
  background: #f8fafc;
  border: 1px solid #eef2f7;
  font-size: .84rem;
}
.store-returns-actions {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: .65rem .75rem;
  margin-top: 1rem;
  padding-top: .9rem;
  border-top: 1px solid #e2e8f0;
}
.store-returns-actions label {
  display: grid;
  gap: .3rem;
  font-size: .75rem;
  font-weight: 800;
  letter-spacing: .02em;
  text-transform: uppercase;
  color: #64748b;
}
.store-returns-actions input {
  border: 1px solid #e2e8f0;
  border-radius: 8px;
  padding: .55rem .7rem;
  font: inherit;
  font-size: .9rem;
  font-weight: 600;
  color: #0f172a;
  background: #fff;
}
.store-returns-actions input:focus {
  outline: none;
  border-color: #94a3b8;
  box-shadow: 0 0 0 3px rgba(148, 163, 184, .2);
}
.store-returns-actions-btns {
  grid-column: 1 / -1;
  display: flex;
  flex-wrap: wrap;
  gap: .5rem;
  margin-top: .15rem;
}
@media (max-width: 900px) {
  .store-returns-actions {
    grid-template-columns: 1fr;
  }
}

/* ── Dinamik iskonto hub ── */
.disc-hub .mt-hub-stats {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  margin-bottom: 1rem;
}
.disc-hub .mt-hub-stat {
  width: 100%;
  text-align: left;
  cursor: pointer;
  font: inherit;
  appearance: none;
}
.disc-hub .mt-hub-stat.is-active {
  border-color: rgba(192, 16, 24, .45);
  box-shadow: 0 0 0 1px rgba(192, 16, 24, .1), var(--shadow);
}
.disc-hub .mt-hub-stat.is-muted .mt-hub-stat-label { color: #64748b; }
.disc-hub-related {
  display: flex;
  flex-wrap: wrap;
  gap: .4rem .7rem;
  margin-top: .65rem;
}
.disc-hub-related a {
  font-size: .8rem;
  font-weight: 650;
  color: var(--brand);
  text-decoration: none !important;
}
.disc-hub-related a:hover { text-decoration: underline !important; }
.disc-hub-panel {
  padding: 0;
  overflow: hidden;
}
.disc-hub-pills {
  display: flex;
  flex-wrap: wrap;
  gap: .4rem;
  padding: .85rem 1rem;
  border-bottom: 1px solid var(--line-soft);
  background: #f8fafc;
}
.disc-hub-pills button {
  appearance: none;
  border: 1px solid #e2e8f0;
  background: #fff;
  color: #475569;
  font: inherit;
  font-size: .8rem;
  font-weight: 700;
  padding: .4rem .75rem;
  border-radius: 999px;
  cursor: pointer;
}
.disc-hub-pills button:hover {
  border-color: #cbd5e1;
  color: #0f172a;
}
.disc-hub-pills button.is-active {
  border-color: rgba(192, 16, 24, .4);
  background: rgba(192, 16, 24, .07);
  color: #9f1239;
}
.disc-hub-search {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: .65rem;
  padding: .85rem 1rem;
  border-bottom: 1px solid var(--line-soft);
}
.disc-hub-search label {
  position: relative;
  flex: 1 1 14rem;
  min-width: 0;
  margin: 0;
}
.disc-hub-search label i {
  position: absolute;
  left: .75rem;
  top: 50%;
  transform: translateY(-50%);
  color: #94a3b8;
  font-size: .85rem;
  pointer-events: none;
}
.disc-hub-search input {
  width: 100%;
  min-height: 2.4rem;
  padding: .5rem .75rem .5rem 2.15rem;
  border: 1px solid #e2e8f0;
  border-radius: 10px;
  font: inherit;
  background: #fff;
}
.disc-hub-search input:focus {
  outline: none;
  border-color: #94a3b8;
  box-shadow: 0 0 0 3px rgba(148, 163, 184, .2);
}
.disc-hub-search-meta {
  font-size: .82rem;
  color: #64748b;
  font-weight: 650;
  white-space: nowrap;
}
.disc-hub-list {
  padding: .85rem 1rem 1rem;
}
.disc-hub-amount {
  display: inline-flex;
  align-items: center;
  padding: .15rem .5rem;
  border-radius: 8px;
  background: #0f172a;
  color: #fff;
  font-size: .8rem;
  font-weight: 800;
  font-variant-numeric: tabular-nums;
}
.disc-hub .mt-hub-item-meta {
  display: flex;
  flex-wrap: wrap;
  gap: .2rem .7rem;
}
.disc-hub .mt-hub-item-meta .disc-warn {
  color: #b45309;
  font-weight: 700;
}
.disc-hub .mt-hub-item-ico.disc-scope-cart,
.disc-hub .mt-hub-item-ico.disc-scope-sepet,
.disc-hub .mt-hub-chip.disc-scope-cart,
.disc-hub .mt-hub-chip.disc-scope-sepet {
  background: #ecfdf5;
  color: #047857;
}
.disc-hub .mt-hub-item-ico.disc-scope-store,
.disc-hub .mt-hub-item-ico.disc-scope-magaza,
.disc-hub .mt-hub-chip.disc-scope-store,
.disc-hub .mt-hub-chip.disc-scope-magaza {
  background: #eff6ff;
  color: #1d4ed8;
}
.disc-hub .mt-hub-item-ico.disc-scope-training,
.disc-hub .mt-hub-item-ico.disc-scope-course,
.disc-hub .mt-hub-chip.disc-scope-training,
.disc-hub .mt-hub-chip.disc-scope-course {
  background: #fef3c7;
  color: #b45309;
}
.disc-hub .mt-hub-item-ico.disc-scope-coupon,
.disc-hub .mt-hub-chip.disc-scope-coupon {
  background: #f5f3ff;
  color: #6d28d9;
}
.disc-hub-pager {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: .75rem;
  padding: .85rem 1rem 1rem;
  border-top: 1px solid var(--line-soft);
  font-size: .85rem;
  color: #64748b;
}
.disc-hub .admin-inline-err {
  margin: .85rem 1rem 0;
}
@media (max-width: 720px) {
  .disc-hub .mt-hub-stats {
    grid-template-columns: 1fr;
  }
  .disc-hub .mt-hub-item {
    grid-template-columns: 1fr;
  }
  .disc-hub .mt-hub-item-actions {
    justify-content: flex-start;
  }
}

/* Admin zorunlu şifre — class’lar Tailwind’de yok; SoT burada */
.admin-must-change-modal {
  position: fixed;
  inset: 0;
  z-index: 4000;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: max(12px, env(safe-area-inset-top, 0px))
    max(12px, env(safe-area-inset-right, 0px))
    max(12px, env(safe-area-inset-bottom, 0px))
    max(12px, env(safe-area-inset-left, 0px));
}
.admin-must-change-backdrop {
  position: absolute;
  inset: 0;
  background: rgba(15, 23, 42, 0.58);
  backdrop-filter: blur(5px);
}
.admin-must-change-dialog {
  position: relative;
  z-index: 1;
  width: min(440px, 100%);
  max-height: min(92dvh, 720px);
  overflow-x: hidden;
  overflow-y: auto;
  padding: 1.25rem 1.3rem 1.35rem;
  background: #fff;
  border-radius: 16px;
  border: 1px solid #e2e8f0;
  box-shadow: 0 28px 70px rgba(15, 23, 42, 0.26);
  overscroll-behavior: contain;
}
.admin-must-change-head {
  margin-bottom: 1rem;
}
.admin-must-change-kicker {
  margin: 0 0 8px;
  font-size: 0.7rem;
  font-weight: 800;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: #c01018;
}
.admin-must-change-head h2 {
  margin: 0 0 8px;
  font-size: clamp(1.15rem, 2.4vw, 1.35rem);
  font-weight: 800;
  color: #0f172a;
  line-height: 1.25;
}
.admin-must-change-head p {
  margin: 0;
  color: #64748b;
  line-height: 1.55;
  font-size: 0.9rem;
}
.admin-must-change-form {
  display: grid;
  gap: 12px;
}
.admin-must-change-form label {
  display: grid;
  gap: 6px;
  font-size: 0.78rem;
  font-weight: 700;
  color: #64748b;
}
.admin-must-change-form input {
  width: 100%;
  box-sizing: border-box;
  border: 1px solid #dbe3ec;
  border-radius: 10px;
  padding: 12px 13px;
  font: inherit;
  font-size: 0.95rem;
  font-weight: 500;
  color: #0f172a;
  background: #fff;
}
.admin-must-change-form input:focus {
  outline: none;
  border-color: #58c0d0;
  box-shadow: 0 0 0 3px rgba(88, 192, 208, 0.18);
}
@media (max-width: 560px) {
  .admin-must-change-modal {
    align-items: flex-end;
  }
  .admin-must-change-dialog {
    width: 100%;
    max-height: min(94dvh, 100%);
    border-radius: 14px 14px 10px 10px;
  }
}


/* ---------- STAR RATING (form stars preview parity) ---------- */
.star-rating {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 0.4rem;
}
.star-rating-row {
  display: inline-flex;
  align-items: center;
  gap: 0.15rem;
}
.star-rating-star {
  appearance: none;
  -webkit-appearance: none;
  margin: 0;
  padding: 0.2rem;
  border: 0;
  background: transparent;
  color: #cbd5e1;
  line-height: 0;
  border-radius: 8px;
  transition: color 0.15s ease, transform 0.12s ease;
}
button.star-rating-star {
  cursor: pointer;
}
button.star-rating-star:hover,
button.star-rating-star:focus-visible {
  transform: scale(1.08);
  outline: none;
}
button.star-rating-star:focus-visible {
  box-shadow: 0 0 0 3px rgba(14, 122, 138, 0.22);
}
.star-rating-star.is-on {
  color: #0e7a8a;
}
.star-rating--md .star-rating-star {
  font-size: 1.85rem;
}
.star-rating--lg .star-rating-star {
  font-size: 2.35rem;
}
.star-rating.is-readonly .star-rating-star {
  cursor: default;
}
.star-rating-caption {
  margin: 0;
  min-height: 1.25em;
  font-size: 0.88rem;
  font-weight: 600;
  color: #475569;
}
.star-rating-caption.is-empty {
  color: #94a3b8;
  font-weight: 500;
}

/* MembershipFilePick — admin'de front.css yok; destek yaniti vb. native Dosya Seç gostermesin */
.membership-file-pick-wrap {
  display: grid;
  gap: 0.35rem;
}
.membership-file-pick-err {
  margin: 0;
  color: #b91c1c;
  font-size: 0.78rem;
  font-weight: 600;
}
.membership-file-pick {
  position: relative;
  display: block;
  margin: 0;
  min-height: 4.5rem;
  border: 1px dashed rgba(14, 122, 138, 0.35);
  border-radius: 8px;
  background: linear-gradient(180deg, #f7fbfc 0%, #fff 70%);
  overflow: hidden;
  cursor: pointer;
}
.membership-file-pick-face {
  display: flex;
  align-items: center;
  gap: 0.85rem;
  margin: 0;
  padding: 0.85rem 1rem;
  width: 100%;
  appearance: none;
  border: 0;
  background: transparent;
  font: inherit;
  color: inherit;
  text-align: left;
  cursor: pointer;
  pointer-events: none;
  position: relative;
  z-index: 1;
  box-sizing: border-box;
}
.membership-file-pick-input {
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  max-width: none !important;
  min-height: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
  overflow: hidden !important;
  border: 0 !important;
  border-radius: 0 !important;
  opacity: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  cursor: pointer !important;
  font-size: inherit !important;
  z-index: 8;
}
.membership-file-pick:hover,
.membership-file-pick:focus-within {
  border-color: rgba(14, 122, 138, 0.7);
  box-shadow: 0 0 0 3px rgba(88, 192, 208, 0.12);
}
.membership-file-pick.is-picked {
  border-style: solid;
  border-color: #059669;
  background: linear-gradient(180deg, #ecfdf5 0%, #fff 78%);
  box-shadow: 0 0 0 3px rgba(5, 150, 105, 0.14);
}
.membership-file-pick-icon {
  flex: 0 0 auto;
  width: 2.5rem;
  height: 2.5rem;
  display: grid;
  place-items: center;
  border-radius: 8px;
  background: rgba(14, 122, 138, 0.1);
  color: #0e7a8a;
  font-size: 1.05rem;
}
.membership-file-pick.is-picked .membership-file-pick-icon {
  background: #059669;
  color: #fff;
}
.membership-file-pick-copy {
  display: grid;
  gap: 0.15rem;
  min-width: 0;
}
.membership-file-pick-copy strong {
  font-size: 0.88rem;
  font-weight: 800;
  color: var(--ink, #0f172a);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.membership-file-pick-copy small {
  font-size: 0.76rem;
  font-weight: 500;
  color: #64748b;
}
.membership-file-pick-ok {
  flex: 0 0 auto;
  margin-left: auto;
  padding: 0.28rem 0.55rem;
  border-radius: 6px;
  background: #059669;
  color: #fff;
  font-size: 0.72rem;
  font-weight: 800;
  letter-spacing: 0.02em;
  z-index: 1;
}
.membership-file-pick.is-busy {
  opacity: 0.85;
  pointer-events: none;
}
.membership-file-pick.is-blocked {
  cursor: default;
}
.support-ticket-reply .membership-file-pick-wrap {
  width: 100%;
}

/* L5: dark theme for the shared list bar and list table (previously fixed white in dark mode). */
html.dark .admin-list-bar {
    background: var(--panel);
    border-bottom-color: var(--line-soft);
}
html.dark .wp-list-table {
    background: transparent;
}
html.dark .wp-list-table thead th {
    background: var(--bg-accent);
    color: var(--muted);
    border-color: var(--line-soft);
}
html.dark .wp-list-table td {
    border-color: var(--line-soft);
}
html.dark .content-editor-panel-head {
    background: var(--bg-accent);
    border-bottom-color: var(--line-soft);
}
html.dark .content-hub-tabs {
    background: var(--bg-accent);
    border-color: var(--line-soft);
}
html.dark .content-editor-panel-head strong {
    color: var(--ink);
}