:root{
    /* Artisan palet — sicak bakir/kehribar vurgu + derin murekkep zemin (2026-panel-r238) */
    --rv-void:#060509;--rv-ink:#0a080d;--rv-line:rgba(255,255,255,.08);--rv-line-soft:rgba(255,255,255,.05);
    --rv-text:#f4f0ea;--rv-text-2:#a39a8c;--rv-text-3:#6b6459;
    --rv-gold:#c98a4b;--rv-gold-2:#e6b47e;--rv-gold-deep:#8a5a2e;--rv-gold-glow:rgba(201,138,75,.3);
    --rv-violet:#c98a4b;--rv-cyan:#c98a4b;/* legacy alias -> gold (violet/cyan retired) */--rv-mint:#4a8f6f;--rv-mint-glow:rgba(74,143,111,.28);
    --rv-emerald:#3d7a5f;--rv-emerald-light:#6aab8a;--rv-emerald-dark:#2f6b52;--rv-emerald-bg:#1c2e26;--rv-emerald-muted:#8fbfaa;
    --rv-r-md:.5rem;--rv-r-lg:.625rem;--rv-r-xl:.625rem;--rv-r-2xl:.75rem;
    --rv-shadow-soft:0 1px 2px rgba(15,23,42,.06),0 4px 12px rgba(15,23,42,.05);
    --rv-shadow-card:0 1px 2px rgba(15,23,42,.07),0 6px 16px rgba(15,23,42,.06);
    --rv-shadow-card-dark:0 1px 2px rgba(0,0,0,.2),0 6px 16px rgba(0,0,0,.24);
    --rv-font:'Hanken Grotesk',system-ui,sans-serif;
    --rv-sidebar-w:13.75rem;
    --rv-mob-drawer-w:12.25rem;
    --rv-font-d:'Archivo','Hanken Grotesk',system-ui,sans-serif;
    --rv-font-m:ui-monospace,'SF Mono',Consolas,monospace;
  }
  html { -webkit-tap-highlight-color: transparent; }
  html.theme-mythos { color-scheme: dark; }
  html.theme-dark,
  html.theme-mythos {
    --rv-surface-1: #141c2e;
    --rv-surface-2: rgba(255, 255, 255, .06);
    --rv-border: rgba(255, 255, 255, .1);
  }
  html.theme-light,
  html.theme-rose {
    --rv-surface-1: #fff;
    --rv-surface-2: rgba(15, 23, 42, .04);
    --rv-border: rgba(15, 23, 42, .08);
  }
  html.theme-mythos body,
  html.theme-dark body {
    font-family: var(--rv-font);
    color: var(--rv-text);
    background: transparent;
  }
  .panel-body { min-height: 100vh; }
  /* Tailwind CDN gecikse bile body cokmez — kritik utility fallback */
  .panel-body.antialiased {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }
  .panel-body.text-slate-800 { color: #1e293b; }
  html.theme-dark .panel-body.text-slate-800,
  html.theme-mythos .panel-body.text-slate-800 { color: var(--rv-text); }
  body {
    font-family: var(--rv-font), system-ui, sans-serif;
    background: #f4f7fb;
    color: #0f172a;
    line-height: 1.5;
  }
  html.panel-pull-refresh-off,
  html.panel-pull-refresh-off body,
  html.panel-pull-refresh-off #app {
    overscroll-behavior-y: none;
  }
  @media (max-width: 767px) {
    html, body, #app {
      overscroll-behavior-y: none;
    }
  }
  html.theme-mythos .section-title { font-family: var(--rv-font-d); letter-spacing: -.02em; color: var(--rv-text); }
  html.theme-mythos .section-sub { color: var(--rv-text-2); }
  /* Landing tarzı haftalık ciro bloğu */
  .rv-ciro-board {
    background: linear-gradient(170deg, rgba(16,19,31,.94), rgba(8,10,18,.97));
    border: 1px solid var(--rv-line);
    border-radius: var(--rv-r-lg);
    overflow: hidden;
    box-shadow: 0 24px 64px rgba(0,0,0,.45), inset 0 1px 0 rgba(255,255,255,.05);
  }
  .rv-ciro-top {
    display: flex; align-items: center; gap: .75rem;
    padding: .9rem 1.2rem; border-bottom: 1px solid var(--rv-line-soft);
  }
  .rv-ciro-dots { display: flex; gap: .35rem; }
  .rv-ciro-dots i { width: .55rem; height: .55rem; border-radius: 50%; background: rgba(255,255,255,.08); display: block; }
  .rv-ciro-title { font-family: var(--rv-font-m); font-size: .58rem; letter-spacing: .14em; text-transform: uppercase; color: var(--rv-text-3); }
  .rv-ciro-date { margin-left: auto; font-family: var(--rv-font-m); font-size: .58rem; color: var(--rv-text-3); }
  .rv-ciro-kaynak-rozet {
    display: inline-flex; align-items: center; margin-left: .5rem;
    padding: .12rem .45rem; border-radius: 999px;
    font-family: var(--rv-font-m); font-size: .55rem; font-weight: 700;
    letter-spacing: .02em; color: var(--rv-text-2);
    background: color-mix(in srgb, var(--rv-brand, #0d9488) 12%, transparent);
    border: 1px solid color-mix(in srgb, var(--rv-brand, #0d9488) 28%, transparent);
  }
  .rv-ciro-body {
    display: flex;
    flex-direction: column;
    gap: 0;
  }
  .rv-ciro-tablo {
    padding: .85rem 1.05rem .7rem;
    border-bottom: 1px solid var(--rv-line-soft);
  }
  .rv-cal-head { display: grid; grid-template-columns: repeat(7, 1fr); gap: .35rem; margin-bottom: .4rem; }
  .rv-cal-head span { font-family: var(--rv-font-m); font-size: .52rem; letter-spacing: .08em; text-transform: uppercase; color: var(--rv-text-3); text-align: center; }
  .rv-cal-grid { display: grid; grid-template-columns: repeat(7, 1fr); gap: .35rem; }
  .rv-cal-cell {
    min-height: 2.85rem; border-radius: .45rem; background: rgba(255,255,255,.018);
    border: 1px solid var(--rv-line-soft); padding: .3rem .25rem; text-align: center;
  }
  .rv-cal-val { font-family: var(--rv-font-d); font-size: .72rem; font-weight: 700; color: var(--rv-text); line-height: 1.2; }
  .rv-cal-sub { font-size: .48rem; color: var(--rv-text-3); margin-top: .12rem; }
  .rv-ciro-rail { padding: .7rem 1.05rem .9rem; display: flex; flex-direction: column; gap: .5rem; }
  .rv-rail-card { background: rgba(255,255,255,.02); border: 1px solid var(--rv-line-soft); border-radius: var(--rv-r-md); padding: .7rem .85rem; }
  @media (min-width: 768px) {
    .rv-rail-card {
      display: grid;
      grid-template-columns: auto minmax(8rem, 12rem) 1fr;
      column-gap: 1.1rem;
      row-gap: .15rem;
      align-items: center;
    }
    .rv-rail-tag { grid-column: 1; grid-row: 1; margin-bottom: 0; }
    .rv-rail-num { grid-column: 1; grid-row: 2; font-size: 1.28rem; }
    .rv-spark { grid-column: 2; grid-row: 1 / span 2; height: 2.2rem; margin-top: 0; align-self: center; }
    .rv-rail-card > p { grid-column: 3; margin: 0 !important; }
    .rv-rail-card > p + p { margin-top: .25rem !important; }
    .rv-rail-card > p:first-of-type { grid-row: 1; align-self: end; }
    .rv-rail-card > p:last-of-type { grid-row: 2; align-self: start; }
  }
  .rv-rail-tag { font-family: var(--rv-font-m); font-size: .52rem; letter-spacing: .14em; text-transform: uppercase; color: var(--rv-text-3); display: flex; align-items: center; gap: .4rem; margin-bottom: .4rem; }
  .rv-rail-tag i { width: .32rem; height: .32rem; border-radius: 50%; background: var(--rv-gold); }
  .rv-rail-num { font-family: var(--rv-font-d); font-size: 1.35rem; font-weight: 700; letter-spacing: -.02em; }
  .rv-rail-num small { font-size: .58rem; color: var(--rv-mint); font-family: var(--rv-font-m); margin-left: .35rem; }
  .rv-rail-num small.neg { color: #f87171; }
  .rv-spark { width: 100%; height: 2.1rem; margin-top: .3rem; }
  .rv-spark path { fill: none; stroke-width: 2; stroke-linecap: round; }
  .rv-spark .area { fill: url(#rvSparkFill); stroke: none; }
  .app-shell { max-width: 480px; }
  @media (min-width: 768px) {
    .app-shell { max-width: 72rem; }
  }
  .sidebar-panel {
    position: relative;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    min-height: 0;
    background:
      radial-gradient(ellipse 90% 55% at 100% 100%, rgba(201,138,75,.08), transparent 58%),
      linear-gradient(185deg, #04050a 0%, #07090f 42%, #0a0d18 100%);
    color: var(--rv-text);
    border-right: 1px solid rgba(255,255,255,.06);
    box-shadow: 4px 0 48px rgba(0,0,0,.5), inset -1px 0 0 rgba(255,255,255,.03);
  }
  .sidebar-glow {
    position: absolute; top: 0; left: 0; right: 0; height: 1px; pointer-events: none; z-index: 2;
    background: linear-gradient(90deg, transparent, rgba(201,138,75,.45), transparent);
    opacity: .85;
  }
  .sidebar-head {
    position: relative; z-index: 5;
    flex-shrink: 0;
    padding: 0;
    border-bottom: 1px solid rgba(255,255,255,.06);
    overflow: visible;
  }
  .sidebar-brand-head {
    height: 3.5rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .35rem;
    padding-left: 1rem;
    padding-right: .65rem;
  }
  .sidebar-brand-row {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    min-width: 0;
    flex: 1;
  }
  .panel-bildirim-wrap {
    position: relative;
    flex-shrink: 0;
    z-index: 12;
  }
  .panel-bildirim-btn {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 2rem;
    height: 2rem;
    border: 1px solid rgba(255, 255, 255, .16);
    border-radius: .6rem;
    background: rgba(255, 255, 255, .09);
    color: var(--rv-text-2, #9aa3bd);
    cursor: pointer;
    box-shadow: 0 1px 0 rgba(255, 255, 255, .07) inset;
    transition: color .15s ease, background .15s ease, border-color .15s ease, box-shadow .15s ease;
  }
  .panel-bildirim-btn:hover {
    color: var(--rv-text, #f2f4fb);
    background: rgba(255, 255, 255, .14);
    border-color: rgba(255, 255, 255, .26);
  }
  .panel-bildirim-btn[aria-expanded="true"] {
    color: #fff;
    background: rgba(201, 138, 75, .22);
    border-color: rgba(201, 138, 75, .5);
    box-shadow: 0 0 0 1px rgba(201, 138, 75, .2) inset;
  }
  .panel-bildirim-btn:disabled,
  .panel-bildirim-btn.panel-bildirim-btn--bos {
    opacity: .72;
    cursor: pointer;
    pointer-events: auto;
    color: var(--rv-text-3, #6b7280);
    background: rgba(255, 255, 255, .06);
    border-color: rgba(255, 255, 255, .12);
    box-shadow: none;
  }
  .panel-bildirim-btn:disabled .panel-bildirim-zil-govde,
  .panel-bildirim-btn.panel-bildirim-btn--bos .panel-bildirim-zil-govde {
    fill-opacity: .18;
  }
  .panel-bildirim-zil {
    width: 1.2rem;
    height: 1.2rem;
    display: block;
    filter: drop-shadow(0 1px 1px rgba(0, 0, 0, .28));
  }
  .panel-bildirim-zil-govde { fill-opacity: .22; }
  .panel-bildirim-btn:hover .panel-bildirim-zil-govde,
  .panel-bildirim-btn[aria-expanded="true"] .panel-bildirim-zil-govde { fill-opacity: .34; }
  .panel-bildirim-badge {
    position: absolute;
    top: -.1rem;
    right: -.12rem;
    min-width: .95rem;
    height: .95rem;
    padding: 0 .18rem;
    border-radius: 999px;
    background: #ef4444;
    color: #fff;
    font-size: .52rem;
    font-weight: 800;
    line-height: .95rem;
    text-align: center;
    box-shadow: 0 0 0 2px rgba(10, 13, 23, .92);
  }
  .panel-bildirim-drop {
    position: absolute;
    top: calc(100% + .35rem);
    right: 0;
    z-index: 10080;
    width: min(17.5rem, calc(100vw - 1.5rem));
    max-height: min(20rem, 44vh);
    display: flex;
    flex-direction: column;
    border-radius: 12px;
    border: 1px solid rgba(255, 255, 255, .12);
    background: linear-gradient(168deg, rgba(22, 28, 42, .98), rgba(10, 13, 23, .99));
    box-shadow: 0 16px 44px rgba(0, 0, 0, .48), 0 0 0 1px rgba(212, 168, 75, .1);
    overflow: hidden;
    isolation: isolate;
  }
  .panel-bildirim-drop--fixed {
    position: fixed !important;
    top: auto !important;
    right: auto !important;
    margin: 0;
    width: min(18rem, calc(100vw - 1.5rem));
    max-height: min(20rem, 44vh);
  }
  .panel-bildirim-drop-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .5rem;
    padding: .55rem .65rem;
    border-bottom: 1px solid rgba(255, 255, 255, .08);
    flex-shrink: 0;
    background: rgba(255, 255, 255, .02);
  }
  .panel-bildirim-drop-title {
    font-size: .72rem;
    font-weight: 800;
    letter-spacing: .04em;
    text-transform: uppercase;
    color: var(--rv-text-2, #cbd5e1);
  }
  .panel-bildirim-temizle {
    border: none;
    background: transparent;
    color: var(--rv-text-3, #94a3b8);
    font-size: .66rem;
    font-weight: 700;
    cursor: pointer;
    padding: .15rem .25rem;
  }
  .panel-bildirim-temizle:hover:not(:disabled) { color: #fca5a5; }
  .panel-bildirim-temizle:disabled { opacity: .4; cursor: default; }
  .panel-bildirim-drop-liste {
    flex: 1 1 auto;
    min-height: 0;
    max-height: min(14.5rem, 36vh);
    overflow-y: auto;
    overflow-x: hidden;
    overscroll-behavior: contain;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: thin;
    padding: .35rem;
    display: flex;
    flex-direction: column;
    gap: .28rem;
  }
  .panel-bildirim-drop-liste::-webkit-scrollbar { width: 5px; }
  .panel-bildirim-drop-liste::-webkit-scrollbar-thumb {
    background: rgba(255, 255, 255, .18);
    border-radius: 999px;
  }
  .panel-bildirim-drop-foot {
    flex-shrink: 0;
    padding: .32rem .65rem .42rem;
    font-size: .58rem;
    font-weight: 600;
    color: var(--rv-text-3, #94a3b8);
    text-align: center;
    border-top: 1px solid rgba(255, 255, 255, .06);
    background: rgba(0, 0, 0, .12);
  }
  .panel-bildirim-drop-foot.hidden { display: none !important; }
  .panel-bildirim-item {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: .12rem;
    width: 100%;
    text-align: left;
    border: 1px solid rgba(255, 255, 255, .06);
    border-radius: 9px;
    background: rgba(255, 255, 255, .03);
    padding: .55rem .6rem;
    min-height: 2.75rem;
    cursor: pointer;
    touch-action: manipulation;
    -webkit-tap-highlight-color: transparent;
    transition: background .15s ease, border-color .15s ease;
  }
  .panel-bildirim-item:hover,
  .panel-bildirim-item:active {
    background: rgba(255, 255, 255, .08);
    border-color: rgba(212, 168, 75, .22);
  }
  .panel-bildirim-item-tur {
    font-size: .62rem;
    font-weight: 800;
    letter-spacing: .03em;
    text-transform: uppercase;
    color: #6ee7b7;
  }
  .panel-bildirim-item.tur-randevu_iptal .panel-bildirim-item-tur { color: #fca5a5; }
  .panel-bildirim-item.tur-urun_talep .panel-bildirim-item-tur { color: var(--rv-gold-2); }
  .panel-bildirim-item.tur-salon_duyuru .panel-bildirim-item-tur { color: #5eead4; }
  .panel-bildirim-item-body {
    font-size: .74rem;
    font-weight: 600;
    color: var(--rv-text, #f1f5f9);
    line-height: 1.3;
  }
  .panel-bildirim-item-zaman {
    font-size: .6rem;
    color: var(--rv-text-3, #94a3b8);
  }
  .panel-bildirim-bos {
    margin: 0;
    padding: 1rem .65rem 1.1rem;
    text-align: center;
    font-size: .72rem;
    color: var(--rv-text-3, #94a3b8);
  }
  .panel-bildirim-bos.hidden { display: none !important; }
  html.theme-light .panel-bildirim-btn,
  html.theme-rose .panel-bildirim-btn {
    color: #334155;
    background: rgba(15, 23, 42, .07);
    border-color: rgba(15, 23, 42, .14);
    box-shadow: 0 1px 0 rgba(255, 255, 255, .72) inset;
  }
  html.theme-light .panel-bildirim-btn:hover,
  html.theme-rose .panel-bildirim-btn:hover {
    color: #0f172a;
    background: rgba(15, 23, 42, .11);
    border-color: rgba(15, 23, 42, .22);
  }
  html.theme-light .panel-bildirim-btn[aria-expanded="true"],
  html.theme-rose .panel-bildirim-btn[aria-expanded="true"] {
    color: #1e1b4b;
    background: rgba(99, 102, 241, .14);
    border-color: rgba(99, 102, 241, .34);
    box-shadow: 0 0 0 1px rgba(99, 102, 241, .12) inset, 0 0 10px rgba(99, 102, 241, .16);
  }
  html.theme-light .panel-bildirim-zil,
  html.theme-rose .panel-bildirim-zil {
    filter: drop-shadow(0 1px 0 rgba(255, 255, 255, .85));
  }
  html.theme-light .panel-bildirim-badge,
  html.theme-rose .panel-bildirim-badge {
    box-shadow: 0 0 0 2px #fff;
  }
  html.theme-rose .panel-bildirim-btn {
    color: #9d174d;
    background: rgba(190, 24, 93, .09);
    border-color: rgba(190, 24, 93, .18);
  }
  html.theme-rose .panel-bildirim-btn:hover {
    color: #831843;
    background: rgba(190, 24, 93, .14);
    border-color: rgba(190, 24, 93, .28);
  }
  html.theme-rose .panel-bildirim-btn[aria-expanded="true"] {
    color: #831843;
    background: rgba(236, 72, 153, .16);
    border-color: rgba(219, 39, 119, .36);
    box-shadow: 0 0 0 1px rgba(236, 72, 153, .14) inset, 0 0 10px rgba(236, 72, 153, .18);
  }
  html.theme-dark .panel-bildirim-btn,
  html.theme-mythos .panel-bildirim-btn {
    color: #cbd5e1;
    background: rgba(255, 255, 255, .1);
    border-color: rgba(255, 255, 255, .18);
  }
  html.theme-dark .panel-bildirim-btn:hover,
  html.theme-mythos .panel-bildirim-btn:hover {
    color: #f8fafc;
    background: rgba(255, 255, 255, .16);
    border-color: rgba(255, 255, 255, .3);
  }
  html.theme-mythos .panel-bildirim-btn {
    color: var(--rv-gold-2, #e6b47e);
    border-color: rgba(201,138,75, .22);
    background: rgba(201,138,75, .1);
  }
  html.theme-mythos .panel-bildirim-btn:hover {
    color: #fff;
    border-color: rgba(232, 236, 242, .36);
    background: rgba(201,138,75, .16);
  }
  html.theme-light .panel-bildirim-drop {
    background: linear-gradient(168deg, #fff, #f8fafc);
    border-color: rgba(15, 23, 42, .1);
    box-shadow: 0 14px 36px rgba(15, 23, 42, .14);
  }
  html.theme-light .panel-bildirim-drop-head {
    background: rgba(15, 23, 42, .02);
    border-bottom-color: rgba(15, 23, 42, .08);
  }
  html.theme-light .panel-bildirim-drop-foot {
    background: rgba(15, 23, 42, .03);
    border-top-color: rgba(15, 23, 42, .08);
    color: #64748b;
  }
  html.theme-light .panel-bildirim-drop-liste::-webkit-scrollbar-thumb {
    background: rgba(15, 23, 42, .15);
  }
  html.theme-light .panel-bildirim-item {
    background: rgba(15, 23, 42, .025);
    border-color: rgba(15, 23, 42, .06);
  }
  html.theme-rose .panel-bildirim-drop {
    background: linear-gradient(168deg, #fff7fb, #fff);
    border-color: rgba(190, 24, 93, .14);
    box-shadow: 0 14px 36px rgba(190, 24, 93, .12);
  }
  html.theme-rose .panel-bildirim-drop-head {
    background: rgba(253, 242, 248, .9);
    border-bottom-color: rgba(190, 24, 93, .1);
  }
  html.theme-rose .panel-bildirim-drop-title { color: #9d174d; }
  html.theme-rose .panel-bildirim-drop-foot {
    background: rgba(253, 242, 248, .85);
    border-top-color: rgba(190, 24, 93, .1);
    color: #9d174d;
  }
  html.theme-rose .panel-bildirim-item {
    background: rgba(253, 242, 248, .7);
    border-color: rgba(190, 24, 93, .1);
  }
  html.theme-dark .panel-bildirim-drop,
  html.theme-mythos .panel-bildirim-drop {
    border-color: rgba(255, 255, 255, .14);
    box-shadow: 0 18px 48px rgba(0, 0, 0, .55);
  }
  .mob-brand-head .panel-bildirim-drop:not(.panel-bildirim-drop--fixed) {
    right: 0;
    left: auto;
  }
  @media (max-width: 767px) {
    .panel-bildirim-drop--fixed {
      max-width: calc(100vw - 1.5rem);
      max-height: min(70vh, 28rem);
      z-index: 12000 !important;
    }
    .mob-brand-head .panel-bildirim-wrap {
      flex-shrink: 0;
      z-index: 6;
    }
    .mob-brand-head .panel-bildirim-btn {
      width: 2.35rem;
      height: 2.35rem;
      touch-action: manipulation;
    }
    .mob-drawer-head .sidebar-brand-head.mob-brand-head {
      overflow: visible;
    }
  }
  .sidebar-brand-row .rv-logo {
    width: 1.5rem;
    height: 1.5rem;
    max-width: 1.5rem;
    max-height: 1.5rem;
    filter: contrast(1.1) saturate(1.4) brightness(1.14)
      drop-shadow(0 0 5px rgba(212, 175, 55, 0.45));
  }
  .sidebar-brand-word {
    font-family: var(--rv-font-d);
    font-size: 1rem;
    font-weight: 700;
    letter-spacing: -.02em;
    text-transform: lowercase;
    line-height: 1;
    white-space: nowrap;
    color: var(--rv-text);
  }
  .sidebar-salon-block {
    padding: 0 1rem 0.75rem;
  }
  .sidebar-avatar-wrap { position: relative; flex-shrink: 0; }
  .sidebar-avatar {
    width: 2.55rem; height: 2.55rem; flex-shrink: 0;
    border-radius: .75rem;
    background: linear-gradient(145deg, #f0cc6a 0%, #d4a84b 48%, #a67c2e 100%);
    display: flex; align-items: center; justify-content: center;
    font-family: var(--rv-font-d); font-size: 1.1rem; font-weight: 800; color: var(--rv-void);
    box-shadow: 0 8px 24px rgba(212, 168, 75, .38), inset 0 1px 0 rgba(255,255,255,.32);
    position: relative; z-index: 1;
  }
  .sidebar-avatar--brand {
    background: transparent;
    box-shadow: none;
    padding: 0;
    width: auto;
    height: auto;
    border-radius: 0;
  }
  .sidebar-avatar-ring {
    position: absolute; inset: -4px; border-radius: .95rem;
    border: 1px solid rgba(240, 204, 106, .35);
    animation: rvSideRing 4.5s ease-in-out infinite;
    pointer-events: none;
  }
  @keyframes rvSideRing { 0%,100%{transform:scale(1);opacity:.5} 50%{transform:scale(1.07);opacity:.95} }
  .sidebar-salon-title {
    font-family: var(--rv-font-d); font-size: .92rem; font-weight: 700;
    letter-spacing: -.02em; color: var(--rv-text); line-height: 1.25;
    overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
  }
  .sidebar-salon-sub {
    font-size: .72rem; color: var(--rv-text-2); margin-top: .2rem;
    overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
  }
  .sidebar-home-link {
    display: inline-flex; align-items: center; gap: .35rem; margin-top: .85rem;
    font-size: .68rem; font-weight: 600; color: var(--rv-text-3);
    padding: .35rem .65rem; border-radius: 999px;
    border: 1px solid rgba(255,255,255,.06); background: rgba(255,255,255,.02);
    transition: color .2s, border-color .2s, background .2s;
  }
  .sidebar-home-link:hover { color: var(--rv-gold-2); border-color: rgba(201,138,75,.22); background: rgba(201,138,75,.06); }
  .sidebar-nav-wrap {
    position: relative;
    min-height: 0;
    overflow: hidden;
    display: flex;
    flex-direction: column;
  }
  .sidebar-nav,
  #sidebarNav.sidebar-nav {
    position: relative;
    z-index: 1;
    flex: 1 1 auto !important;
    min-height: 0;
    max-height: 100%;
    padding: .4rem 0 .25rem;
    overflow-y: auto;
    overflow-x: hidden;
    scrollbar-width: none;
    -ms-overflow-style: none;
    align-self: stretch;
  }
  .sidebar-nav::-webkit-scrollbar { display: none; width: 0; height: 0; }
  .sidebar-nav-scroll-hint {
    position: absolute;
    right: .52rem;
    z-index: 3;
    width: 1.15rem;
    height: 1.15rem;
    padding: 0;
    border: 1px solid rgba(255,255,255,.1);
    border-radius: 999px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--rv-text-3);
    background: rgba(10, 12, 20, .82);
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
    box-shadow: 0 2px 8px rgba(0,0,0,.28);
    cursor: pointer;
    opacity: 0;
    pointer-events: none;
    transition: opacity .2s ease, color .15s ease, border-color .15s ease, background .15s ease;
  }
  .sidebar-nav-scroll-hint::before {
    content: "";
    display: block;
    width: .34rem;
    height: .34rem;
    border: solid currentColor;
    border-width: 0 2px 2px 0;
  }
  .sidebar-nav-scroll-hint-up { top: .35rem; }
  .sidebar-nav-scroll-hint-up::before { transform: rotate(-135deg); margin-top: .14rem; }
  .sidebar-nav-scroll-hint-down { bottom: .35rem; }
  .sidebar-nav-scroll-hint-down::before { transform: rotate(45deg); margin-top: -.12rem; }
  .sidebar-nav-wrap.has-nav-overflow.can-scroll-up .sidebar-nav-scroll-hint-up,
  .sidebar-nav-wrap.has-nav-overflow.can-scroll-down .sidebar-nav-scroll-hint-down {
    opacity: .92;
    pointer-events: auto;
  }
  .sidebar-nav-scroll-hint:hover {
    color: var(--rv-gold-2);
    border-color: rgba(201,138,75,.35);
    background: rgba(16, 19, 31, .94);
  }
  html.theme-light .sidebar-nav-scroll-hint {
    color: #64748b;
    background: rgba(255,255,255,.92);
    border-color: rgba(15,23,42,.12);
    box-shadow: 0 2px 8px rgba(15,23,42,.1);
  }
  html.theme-light .sidebar-nav-scroll-hint:hover {
    color: #334155;
    border-color: rgba(99,102,241,.35);
    background: #fff;
  }
  .sidebar-foot {
    position: relative; z-index: 1;
    flex-shrink: 0;
    margin-top: 0;
    padding: .32rem .32rem .28rem;
    border-top: 1px solid rgba(255,255,255,.06);
    display: flex;
    flex-direction: column;
    gap: .28rem;
  }
  .sidebar-mark {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .5rem;
    margin-top: .55rem;
    padding: .6rem .35rem .15rem;
    text-decoration: none;
    border-top: 1px solid rgba(255,255,255,.06);
    transition: opacity .15s;
  }
  .sidebar-account {
    display: flex;
    align-items: center;
    gap: .45rem;
    width: 100%;
    margin-top: 0;
    padding: .48rem .4rem;
    border: 1px solid rgba(255,255,255,.08);
    border-radius: .75rem;
    background: rgba(255,255,255,.03);
    text-align: left;
    cursor: pointer;
    transition: border-color .15s, background .15s;
  }
  .sidebar-account:hover {
    border-color: rgba(201,138,75,.28);
    background: rgba(201,138,75,.06);
  }
  .sidebar-account-avatar {
    flex-shrink: 0;
    width: 1.55rem;
    height: 1.55rem;
    border-radius: .45rem;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: .64rem;
    font-weight: 800;
    color: #04050a;
    background: linear-gradient(135deg, #e6b47e, #c98a4b 55%, #8a5a2e);
    box-shadow: 0 2px 8px rgba(201,138,75,.25);
    overflow: hidden;
  }
  .sidebar-account-avatar img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    border-radius: inherit;
  }
  .sidebar-account-meta { flex: 1; min-width: 0; }
  .sidebar-account-email {
    display: block;
    font-size: .78rem;
    font-weight: 600;
    color: var(--rv-text);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 1.25;
  }
  .sidebar-account-label {
    display: block;
    font-size: .62rem;
    font-weight: 700;
    letter-spacing: .04em;
    color: var(--rv-text-3);
    line-height: 1.2;
    margin-top: .1rem;
  }
  .sidebar-account-action {
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 1.65rem;
    height: 1.65rem;
    border-radius: .45rem;
    color: var(--rv-text-3);
    background: rgba(255,255,255,.05);
    border: 1px solid rgba(255,255,255,.08);
    opacity: .85;
    transition: color .15s, border-color .15s, background .15s;
  }
  .sidebar-account-action svg { width: .95rem; height: .95rem; }
  .sidebar-account:hover .sidebar-account-action {
    color: var(--rv-gold-2);
    border-color: rgba(201,138,75,.35);
    background: rgba(201,138,75,.1);
    opacity: 1;
  }
  html.theme-light .sidebar-account-action {
    background: rgba(15,23,42,.04);
    border-color: rgba(15,23,42,.1);
  }
  html.theme-light .sidebar-account {
    background: rgba(15,23,42,.03);
    border-color: rgba(15,23,42,.1);
  }
  html.theme-light .sidebar-account:hover {
    background: rgba(201,138,75,.08);
    border-color: rgba(201,138,75,.35);
  }
  .sidebar-mark:hover { opacity: .88; }
  .sidebar-mark:hover .rv-panel-mark-name { color: #0f172a; }
  html.theme-dark .sidebar-mark:hover .rv-panel-mark-name,
  html.theme-mythos .sidebar-mark:hover .rv-panel-mark-name { color: #fff; }
  .sidebar-mark-caption {
    font-family: var(--rv-font);
    font-size: .58rem;
    font-weight: 600;
    letter-spacing: .03em;
    color: var(--rv-text-3);
    flex-shrink: 0;
  }
  .sidebar-group-label {
    font-family: var(--rv-font);
    font-size: .62rem;
    font-weight: 600;
    letter-spacing: .04em;
    color: var(--rv-text-3);
    padding: .85rem .65rem .32rem;
    margin-top: .15rem;
    border-top: 1px solid rgba(255, 255, 255, .05);
  }
  .sidebar-nav > .sidebar-group-label:first-child,
  .mob-drawer-nav > .sidebar-group-label:first-child {
    border-top: none;
    margin-top: 0;
    padding-top: .55rem;
  }
  html.theme-dark .sidebar-group-label {
    color: #7c8598;
    border-top-color: rgba(255, 255, 255, .06);
  }
  html.theme-mythos .sidebar-group-label {
    color: rgba(201,138,75,.55);
    border-top-color: rgba(201,138,75, .1);
  }
  .sidebar-btn {
    display: flex;
    align-items: center;
    gap: .45rem;
    width: calc(100% - .55rem);
    margin: .08rem .275rem;
    padding: .48rem .55rem;
    border-radius: .35rem;
    font-size: .78rem;
    font-weight: 600;
    color: var(--rv-text-2);
    border: 1px solid transparent;
    transition: background .2s, color .2s, border-color .2s, box-shadow .2s, transform .2s;
    text-align: left;
  }
  .sidebar-btn:hover {
    background: rgba(255,255,255,.05);
    color: var(--rv-text);
    border-color: rgba(255,255,255,.06);
  }
  .sidebar-btn.active {
    position: relative;
    background: rgba(201,138,75,.1);
    color: var(--rv-text);
    border-color: transparent;
    box-shadow: none;
  }
  .sidebar-btn.active::before {
    content: ""; position: absolute; left: 0; top: 0; bottom: 0;
    width: 2.5px; border-radius: 0;
    background: var(--rv-gold);
  }
  .sidebar-btn .ico {
    font-size: .92rem; line-height: 1; width: 1.1rem; text-align: center;
    filter: saturate(.9);
  }
  .sidebar-btn.active .ico { filter: none; }
  .ico.rv-ico-svg, .mob-header-menu-ico.rv-ico-svg {
    display: inline-flex; align-items: center; justify-content: center;
    filter: none !important;
  }
  .ico.rv-ico-svg svg, .mob-header-menu-ico.rv-ico-svg svg { width: 1.05rem; height: 1.05rem; display: block; }
  .ico.rv-ico-svg .rv-ai-mascot, .mob-header-menu-ico.rv-ico-svg .rv-ai-mascot { width: 1.1rem; height: 1.1rem; display: block; object-fit: contain; }
  .sidebar-btn-logout { color: rgba(252,165,165,.85) !important; margin-bottom: 0 !important; }
  .sidebar-btn-logout:hover { background: rgba(239,68,68,.1) !important; border-color: rgba(239,68,68,.2) !important; color: #fecaca !important; }
  .desktop-topbar {
    display: none;
    position: relative;
    overflow: visible;
    margin-bottom: 1.15rem;
    padding: 1rem 1.15rem 1.05rem 1.25rem;
    border-radius: var(--rv-r-lg);
    background: linear-gradient(165deg, rgba(16,19,31,.88), rgba(9,11,20,.92));
    backdrop-filter: blur(18px) saturate(1.3);
    -webkit-backdrop-filter: blur(18px) saturate(1.3);
    border: 1px solid var(--rv-line);
    box-shadow: 0 1px 0 rgba(255,255,255,.04) inset, 0 18px 48px rgba(0,0,0,.35);
  }
  .desktop-topbar::before {
    content: "";
    position: absolute;
    left: 0; top: 0; bottom: 0;
    width: 4px;
    z-index: 0;
    background: linear-gradient(180deg, #e6b47e 0%, #c98a4b 42%, #2f6b52 100%);
    border-radius: var(--rv-r-lg) 0 0 var(--rv-r-lg);
  }
  .desktop-topbar::after {
    content: "";
    position: absolute;
    right: -12%;
    top: -40%;
    width: 42%;
    height: 140%;
    z-index: 0;
    pointer-events: none;
    background: radial-gradient(ellipse at center, rgba(201,138,75,.16) 0%, transparent 68%);
  }
  @media (min-width: 768px) {
    .desktop-topbar { display: block; }
  }
  .desktop-topbar-inner {
    position: relative;
    z-index: 2;
    display: flex;
    align-items: stretch;
    justify-content: space-between;
    gap: 1rem 1.35rem;
    width: 100%;
  }
  .desktop-topbar-brand {
    flex: 1 1 auto;
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: .42rem;
  }
  .topbar-eyebrow {
    display: inline-flex;
    align-self: flex-start;
    margin: 0;
    font-family: var(--rv-font);
    font-size: .72rem;
    font-weight: 700;
    color: var(--rv-text-2);
    letter-spacing: .01em;
    text-transform: none;
    line-height: 1.3;
    padding: .28rem .7rem;
    border-radius: 999px;
    border: 1px solid rgba(255,255,255,.1);
    background: rgba(255,255,255,.06);
  }
  .topbar-eyebrow:empty { display: none; }
  .topbar-title {
    font-family: var(--rv-font-d); font-size: 1.72rem; font-weight: 800;
    letter-spacing: -.035em; color: var(--rv-text); line-height: 1.2;
    min-width: 0; margin: 0;
  }
  .topbar-sub {
    font-size: .8rem; color: var(--rv-text-2); margin: .2rem 0 0;
    max-width: 36rem; line-height: 1.45; min-width: 0;
  }
  .desktop-topbar-main { min-width: 0; }
  .welcome-banner {
    flex: 0 1 17.5rem;
    display: none;
    flex-direction: column;
    justify-content: center;
    gap: .28rem;
    margin: 0;
    padding: .72rem .85rem;
    text-align: left;
    align-self: stretch;
    min-width: 0;
    max-width: 19rem;
    border-radius: 14px;
    border: 1px solid rgba(255,255,255,.1);
    background: rgba(255,255,255,.05);
    box-shadow: inset 0 1px 0 rgba(255,255,255,.06);
  }
  @media (min-width: 768px) {
    .desktop-topbar .welcome-banner:not(.hidden) {
      display: flex;
    }
  }
  #welcomeBannerAlt {
    margin: 0;
    max-width: none;
    min-width: 0;
  }
  @media (min-width: 768px) and (max-width: 1100px) {
    .desktop-topbar-inner {
      flex-direction: column;
      align-items: stretch;
      gap: .75rem;
    }
    .welcome-banner {
      flex: none;
      max-width: none;
      width: 100%;
    }
  }
  .welcome-banner-baslik {
    font-family: var(--rv-font-d);
    font-size: .88rem;
    font-weight: 700;
    line-height: 1.3;
    letter-spacing: -.015em;
    color: var(--rv-text);
    text-align: left;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    margin: 0;
  }
  .welcome-banner-alt {
    font-size: .72rem;
    font-weight: 500;
    color: var(--rv-text-2);
    line-height: 1.4;
    margin: 0;
    text-align: left;
    white-space: normal;
    overflow-wrap: anywhere;
    word-break: normal;
    text-wrap: balance;
    min-width: 0;
    opacity: .92;
  }
  .welcome-banner-alt.hidden { display: none; }
  html.theme-light .welcome-banner-baslik { color: #78350f; font-weight: 700; }
  html.theme-light .welcome-banner-alt { color: #92400e; font-weight: 500; opacity: .85; }
  html[data-theme="dark"] .welcome-banner-baslik { color: var(--rv-text); }
  html[data-theme="dark"] .welcome-banner-alt { color: var(--rv-text-2); }

  /* legacy aliases — eski sınıf adları kırılmasın */
  .desktop-topbar-row { display: contents; }
  .desktop-topbar-grid { display: contents; }

  .topbar-mod-badge {
    display: inline-flex; align-items: center; font-size: .68rem; font-weight: 800;
    padding: .22rem .6rem; border-radius: 999px; letter-spacing: .01em;
    background: rgba(16,185,129,.14); color: #047857; border: 1px solid rgba(16,185,129,.22);
  }
  .topbar-mod-badge.hidden { display: none; }
  html[data-theme="dark"] .topbar-mod-badge { background: rgba(16,185,129,.18); color: #6ee7b7; border-color: rgba(110,231,183,.25); }
  .topbar-selamlama {
    font-family: var(--rv-font-d);
    font-size: 1rem;
    font-weight: 700;
    letter-spacing: -.02em;
    color: var(--rv-text);
    text-align: right;
    line-height: 1.35;
    white-space: nowrap;
  }
  .topbar-selamlama-emoji { font-style: normal; margin-left: .2rem; }
  html.theme-light .topbar-selamlama { color: #0f172a; }
  html.theme-rose .topbar-selamlama { color: #831843; }

  .topbar-salon { font-family: var(--rv-font-d); font-weight: 700; font-size: .88rem; color: var(--rv-text); }
  .topbar-salon-sub { font-size: .68rem; color: var(--rv-text-3); margin-top: .1rem; }
  .topbar-actions { display: flex; flex-wrap: wrap; gap: .5rem; align-items: center; }
  .topbar-btn {
    display: inline-flex; align-items: center; gap: .35rem;
    padding: .55rem .9rem; border-radius: 12px; font-size: .78rem; font-weight: 700;
    transition: transform .12s, box-shadow .12s;
  }
  .topbar-btn:active { transform: scale(.97); }
  .topbar-btn-primary {
    background: linear-gradient(135deg, #2f6b52, #4a8f6f);
    color: #fff; box-shadow: 0 6px 16px rgba(47,107,82,.28);
  }
  .topbar-btn-ghost {
    background: #f1f5f9; color: #334155; border: 1px solid rgba(15,23,42,.06);
  }
  .mobile-premium-header {
    background:
      radial-gradient(ellipse 100% 80% at 100% 0%, rgba(201,138,75,.14), transparent 50%),
      linear-gradient(145deg, rgba(16,19,31,.95), rgba(9,11,20,.98));
    border-radius: var(--rv-r-lg);
    border: 1px solid var(--rv-line);
    color: var(--rv-text);
    padding: .75rem .85rem;
    box-shadow: 0 12px 36px rgba(0,0,0,.35), inset 0 1px 0 rgba(255,255,255,.04);
    margin-bottom: .85rem;
  }
  @media (max-width: 767px) {
    .mobile-premium-header {
      margin-left: -.75rem;
      margin-right: -.75rem;
      border-radius: 0;
      border-left: none;
      border-right: none;
      padding: 0 .75rem 0 0;
      margin-bottom: .75rem;
    }
  }
  .mob-header-row { display: flex; align-items: stretch; gap: 0; min-height: 2.85rem; }
  .mob-header-menu {
    width: auto;
    min-width: 3.55rem;
    padding: .45rem .5rem .38rem;
    flex-shrink: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: .12rem;
    border-radius: 0;
    border: none;
    border-right: 1px solid rgba(255,255,255,.08);
    background: rgba(255,255,255,.04);
    color: var(--rv-text);
    margin-left: 0;
    align-self: stretch;
    -webkit-tap-highlight-color: transparent;
    transition: background .28s ease, color .2s ease, border-color .2s ease, box-shadow .28s ease;
  }
  .mob-header-menu-ico { font-size: 1.05rem; line-height: 1; }
  .mob-header-menu-lbl {
    font-family: var(--rv-font);
    font-size: .56rem;
    font-weight: 600;
    letter-spacing: .02em;
    line-height: 1;
    color: var(--rv-text-3);
  }
  .mob-header-menu:active { transform: scale(.97); background: rgba(255,255,255,.07); }
  .mob-header-menu.active {
    background:
      radial-gradient(ellipse 120% 80% at 0% 0%, rgba(201,138,75,.14), transparent 52%),
      linear-gradient(185deg, #04050a 0%, #07090f 42%, #0a0d18 100%);
    color: var(--rv-text);
    border-right-color: rgba(255,255,255,.06);
    box-shadow: 4px 0 24px rgba(0,0,0,.2);
  }
  .mob-header-menu.active .mob-header-menu-lbl { color: var(--rv-gold-2); }
  .mob-header-center {
    flex: 1; min-width: 0;
    display: flex; flex-direction: column; align-items: center; justify-content: center;
    text-align: center;
    padding: .55rem .5rem;
  }
  .mob-header-body {
    flex: 1;
    min-width: 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: .22rem;
    padding: .48rem .6rem .4rem .32rem;
  }
  .mob-header-title-block {
    flex: 0 0 auto;
    min-width: 0;
    text-align: left;
  }
  .mob-header-center--lead { text-align: center; }
  .mob-header-page {
    font-family: var(--rv-font-d);
    font-size: 1.14rem;
    font-weight: 700;
    letter-spacing: -.025em;
    color: var(--rv-text);
    line-height: 1.2;
    max-width: 100%;
    margin: 0;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-wrap: nowrap;
    gap: .3rem;
    text-align: left;
  }
  .mob-header-page #mobilePageTitleText {
    flex: 0 1 auto;
    min-width: 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  .mob-welcome {
    width: 100%;
    text-align: right;
    min-width: 0;
    padding: 0;
  }
  .mob-welcome--bos { display: none; }
  .mob-welcome-baslik {
    font-family: var(--rv-font);
    font-size: .7rem;
    font-weight: 600;
    line-height: 1.35;
    letter-spacing: .01em;
    color: var(--rv-text-3);
    white-space: normal;
    overflow: visible;
    text-overflow: unset;
    overflow-wrap: anywhere;
  }
  .mob-welcome-alt {
    font-size: .64rem;
    font-weight: 400;
    color: var(--rv-text-3);
    line-height: 1.4;
    margin: .14rem 0 0;
    opacity: .9;
    display: block;
    overflow: visible;
    overflow-wrap: anywhere;
    word-break: normal;
    text-wrap: pretty;
  }
  .mob-welcome-alt.hidden { display: none; }
  .mob-header-page .mg-wrap { flex-shrink: 0; margin-top: 0; position: relative; z-index: 6; }
  .mob-header-page .mg-btn {
    width: 1.35rem;
    height: 1.35rem;
    font-size: .74rem;
  }
  .mob-header-salon:not(.sr-only) {
    font-size: .64rem; color: var(--rv-text-3); margin-top: 0;
    max-width: 100%; width: 100%; text-align: left;
    overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
  }
  .mobil-date-chip {
    font-family: var(--rv-font-m); font-size: .58rem; font-weight: 600;
    padding: .28rem .55rem; border-radius: 999px;
    background: rgba(255,255,255,.05); color: var(--rv-text-2);
    border: 1px solid rgba(255,255,255,.08);
  }


  /* Takvim sekmesi — takvim ustte, kompakt ozet */
  .takvim-sekme .takvim-ana {
    box-shadow: 0 4px 24px rgba(47, 107, 82, .08);
  }
  .takvim-tarih-tr {
    font-variant-numeric: tabular-nums;
    letter-spacing: .04em;
  }
  .takvim-ozet-bar {
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
    gap: .5rem;
  }
  .takvim-ozet-bar .push-banner-kutu {
    margin-bottom: 0;
    flex-shrink: 0;
  }
  .dash-kpi-grid.takvim-kpi-compact {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: .45rem;
    margin-bottom: 0;
    flex: 1;
    min-width: min(100%, 16rem);
  }
  .takvim-kpi-compact .kpi-card {
    padding: .55rem .65rem;
    gap: .5rem;
    border-radius: var(--rv-r-md);
  }
  .takvim-kpi-compact .kpi-icon {
    width: 1.75rem;
    height: 1.75rem;
    font-size: .85rem;
    border-radius: .55rem;
  }
  .takvim-kpi-compact .kpi-val { font-size: 1.1rem; }
  @media (min-width: 768px) {
    .takvim-kpi-compact .kpi-val { font-size: 1.25rem; }
  }
  .takvim-kpi-compact .kpi-lbl {
    font-size: .52rem;
    margin-top: .05rem;
    letter-spacing: .08em;
  }

  html.theme-light .takvim-kpi-compact .kpi-card {
    background: linear-gradient(180deg, #fff 0%, #fafbfc 100%) !important;
    border: 1px solid rgba(15, 23, 42, .09) !important;
    box-shadow: 0 1px 2px rgba(15, 23, 42, .04), 0 6px 18px rgba(15, 23, 42, .05) !important;
  }
  html.theme-light .takvim-kpi-compact .kpi-card-primary {
    background:
      radial-gradient(120% 140% at 0% 0%, rgba(201, 138, 75, .16), transparent 58%),
      linear-gradient(135deg, #fff7ed 0%, #fff 100%) !important;
    border-color: rgba(201, 138, 75, .28) !important;
    box-shadow: 0 2px 8px rgba(201, 138, 75, .12), 0 8px 24px rgba(15, 23, 42, .06) !important;
  }
  html.theme-light .takvim-kpi-compact .kpi-icon {
    background: rgba(15, 23, 42, .04);
    border: 1px solid rgba(15, 23, 42, .06);
    color: #64748b;
  }
  html.theme-light .takvim-kpi-compact .kpi-card-primary .kpi-icon {
    background: linear-gradient(135deg, rgba(201, 138, 75, .18), rgba(254, 243, 199, .65));
    border-color: rgba(201, 138, 75, .28);
    color: #92400e;
  }
  html.theme-light .takvim-kpi-compact .kpi-val {
    color: #0f172a;
    font-weight: 800;
  }
  html.theme-light .takvim-kpi-compact .kpi-card-primary .kpi-val { color: #78350f; }
  html.theme-light .takvim-kpi-compact .kpi-lbl { color: #64748b; }
  html.theme-light .takvim-kpi-compact .kpi-card-primary .kpi-lbl { color: #92400e; }
  html.theme-light .takvim-kpi-compact[data-kpi-mod="ozet"] .kpi-card-primary .kpi-lbl::after {
    content: " · özet";
    font-weight: 700;
    opacity: .75;
  }
  html.theme-light .takvim-kpi-compact[data-kpi-mod="ozet"] .kpi-card:not(.kpi-card-primary) {
    background: linear-gradient(180deg, #f8fafc 0%, #f1f5f9 100%) !important;
  }
  .takvim-bugun { padding: 0; }
  .takvim-bugun-head.today-hero {
    border-radius: var(--rv-r-md) var(--rv-r-md) 0 0;
    padding: .65rem .85rem;
    box-shadow: none;
  }
  @media (min-width: 768px) {
    .takvim-bugun-head.today-hero { padding: .75rem 1rem; }
  }
  .takvim-sekme .today-hero .section-title {
    font-size: .95rem;
    line-height: 1.25;
  }
  @media (min-width: 768px) {
    .takvim-sekme .today-hero .section-title { font-size: 1.05rem; }
  }
  .takvim-sekme .today-hero .section-sub {
    font-size: .72rem;
    line-height: 1.35;
  }
  @media (min-width: 768px) {
    .takvim-sekme .today-hero .section-sub { font-size: .78rem; }
  }
  .takvim-bugun-liste {
    padding: .5rem .7rem .7rem;
  }
  @media (min-width: 768px) {
    .takvim-bugun-liste { padding: .6rem .85rem .85rem; }
  }
  .takvim-bugun-liste.apt-grid {
    --apt-pad-y: .22rem;
    --apt-pad-x: .45rem;
    --apt-gap: .2rem;
    --apt-name: .76rem;
    --apt-meta: .6rem;
    --apt-time: .66rem;
    --apt-badge: .52rem;
    --apt-btn: .58rem;
    --apt-btn-pad: .16rem;
    --apt-cols-md: 2;
    --apt-cols-xl: 3;
  }
  .takvim-bugun-liste .apt-tel { display: none; }
  .takvim-bugune-btn {
    background: rgba(236, 253, 245, .85);
  }
  html.theme-dark .takvim-bugune-btn,
  html.theme-mythos .takvim-bugune-btn {
    background: rgba(6, 78, 59, .35);
    color: #6ee7b7;
    border-color: rgba(52, 211, 153, .25);
  }

  /* Takvim gezinme — ortak iskelet */
  .takvim-nav-bar {
    display: flex;
    align-items: center;
    gap: .5rem;
  }
  .takvim-nav-bar--ay { margin-bottom: .15rem; }
  .takvim-nav-merkez {
    flex: 1;
    min-width: 0;
    text-align: center;
  }
  .takvim-nav-baslik {
    font-size: 1rem;
    font-weight: 800;
    line-height: 1.2;
    letter-spacing: -.02em;
  }
  @media (min-width: 768px) {
    .takvim-nav-baslik { font-size: 1.08rem; }
  }
  .takvim-nav-alt {
    margin-top: .2rem;
    font-size: .68rem;
    font-weight: 600;
    line-height: 1.3;
  }
  .takvim-nav-btn {
    flex-shrink: 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 2.35rem;
    height: 2.35rem;
    padding: 0;
    border-radius: .65rem;
    font-size: 1.15rem;
    line-height: 1;
    cursor: pointer;
    transition: background .15s, border-color .15s, box-shadow .15s, transform .12s;
  }
  .takvim-nav-btn:active { transform: scale(.97); }
  .takvim-nav-tarih {
    flex: 1;
    min-width: 0;
    text-align: center;
    font-weight: 800;
    font-variant-numeric: tabular-nums;
  }
  .takvim-nav-stack {
    display: flex;
    flex-direction: column;
    gap: .45rem;
    padding-top: .65rem;
    margin-top: .2rem;
  }
  .takvim-nav-bugune {
    width: auto;
    max-width: 100%;
    align-self: center;
    min-height: 2.4rem;
    padding: .55rem 1.35rem;
    font-size: .82rem;
    font-weight: 800;
    letter-spacing: .01em;
  }
  @media (min-width: 768px) {
    .takvim-nav-bugune {
      min-height: 2.25rem;
      padding: .45rem 1.15rem;
      font-size: .78rem;
    }
  }
  .takvim-nav-bugune.hidden { display: none !important; }

  /* Açık tema — premium takvim gezinme */
  html.theme-light .takvim-sekme .takvim-ana {
    border: 1px solid rgba(15, 23, 42, .07);
    box-shadow: var(--rv-shadow-card);
    background: linear-gradient(180deg, #fff 0%, #fafbfc 100%);
  }
  html.theme-light .takvim-sekme .takvim-nav-bar {
    padding: .55rem .6rem;
    border-radius: var(--rv-r-lg);
    background: linear-gradient(135deg, #fff 0%, #f8faf9 55%, #f4f5f8 100%);
    border: 1px solid rgba(15, 23, 42, .08);
    box-shadow: 0 1px 2px rgba(15, 23, 42, .04), inset 0 1px 0 rgba(255, 255, 255, .85);
  }
  /* Ay barı — soft adaçayı (tarih alanından ayrı) */
  html.theme-light .takvim-sekme .takvim-nav-bar--ay {
    background: linear-gradient(135deg, #ecfdf5 0%, #d1fae5 48%, #ccfbf1 100%);
    border-color: rgba(15, 118, 110, .22);
    box-shadow: 0 2px 10px rgba(15, 118, 110, .1), inset 0 1px 0 rgba(255, 255, 255, .75);
  }
  html.theme-light .takvim-sekme .takvim-nav-bar--ay .takvim-nav-baslik {
    color: #115e59;
  }
  html.theme-light .takvim-sekme .takvim-nav-bar--ay .takvim-nav-alt {
    color: #0f766e;
    opacity: .95;
  }
  html.theme-light .takvim-sekme .takvim-nav-bar--ay .takvim-nav-btn {
    border-color: rgba(15, 118, 110, .28);
    background: linear-gradient(180deg, #fff 0%, #f0fdfa 100%);
    color: #115e59;
    box-shadow: 0 2px 6px rgba(15, 118, 110, .12);
  }
  html.theme-light .takvim-sekme .takvim-nav-bar--ay .takvim-nav-btn:hover {
    background: linear-gradient(180deg, #f0fdfa 0%, #ccfbf1 100%);
    border-color: rgba(15, 118, 110, .42);
    color: #0f766e;
  }
  /* Gün barı — soft slate */
  html.theme-light .takvim-sekme .takvim-nav-bar--gun {
    background: linear-gradient(135deg, #f8fafc 0%, #eef2ff 55%, #f1f5f9 100%);
    border-color: rgba(71, 85, 105, .16);
    box-shadow: 0 1px 3px rgba(15, 23, 42, .05), inset 0 1px 0 rgba(255, 255, 255, .9);
  }
  html.theme-light .takvim-sekme .takvim-nav-btn {
    border: 1px solid rgba(138, 90, 46, .28);
    background: linear-gradient(180deg, #fff 0%, #fff7ed 100%);
    color: #78350f;
    font-weight: 800;
    box-shadow: 0 2px 6px rgba(201, 138, 75, .14);
  }
  html.theme-light .takvim-sekme .takvim-nav-btn:hover {
    background: linear-gradient(180deg, #fff7ed 0%, #fef3c7 100%);
    border-color: rgba(138, 90, 46, .42);
    color: #92400e;
  }
  html.theme-light .takvim-sekme .takvim-nav-baslik {
    font-family: var(--rv-font-d);
    color: #78350f;
  }
  html.theme-light .takvim-sekme .takvim-nav-alt {
    color: #92400e;
    opacity: .9;
  }
  html.theme-light .takvim-sekme .takvim-hafta-ust {
    color: #78716c;
    font-weight: 800;
    letter-spacing: .06em;
  }
  html.theme-light .takvim-sekme .takvim-nav-tarih {
    border-radius: .65rem;
    border: 1.5px solid rgba(217, 119, 6, .38);
    background: linear-gradient(180deg, #fffbeb 0%, #fde68a 100%);
    color: #78350f;
    font-weight: 800;
    box-shadow: 0 2px 8px rgba(217, 119, 6, .14), inset 0 1px 0 rgba(255, 255, 255, .7);
  }
  html.theme-light .takvim-sekme .takvim-nav-tarih:focus {
    border-color: rgba(180, 83, 9, .55);
    box-shadow: 0 0 0 3px rgba(251, 191, 36, .35), 0 2px 8px rgba(217, 119, 6, .18);
  }
  html.theme-light .takvim-sekme .takvim-nav-stack {
    border-top: 1px solid rgba(15, 23, 42, .06);
  }
  html.theme-light .takvim-sekme .takvim-nav-bugune {
    border-radius: var(--rv-r-md);
    background: linear-gradient(135deg, #d97706, #b45309);
    border: 1px solid rgba(146, 64, 14, .4);
    color: #fff;
    box-shadow: 0 4px 16px rgba(217, 119, 6, .35);
  }
  html.theme-light .takvim-sekme .takvim-nav-bugune:hover {
    filter: brightness(1.06);
  }
  html.theme-light .takvim-sekme .takvim-legend {
    color: #94a3b8;
    font-weight: 600;
  }
  .takvim-legend.takvim-legend--gizli { display: none !important; }

  /* Mobil: liste + KPI üstte, ay altta */
  @media (max-width: 767px) {
    .takvim-sekme {
      display: flex;
      flex-direction: column;
    }
    .takvim-sekme .takvim-bugun { order: 1; }
    .takvim-sekme .takvim-ozet-bar { order: 2; }
    .takvim-sekme #takvimCollapse { order: 3; }
    .takvim-sekme #slotKuyrukKutu { order: 4; }
    .takvim-bugun-liste .apt-surec:not(.apt-surec--tek) { display: none; }
  }

  html.theme-dark .takvim-sekme .takvim-nav-bar,
  html.theme-mythos .takvim-sekme .takvim-nav-bar {
    padding: .5rem .55rem;
    border-radius: var(--rv-r-lg);
    background: rgba(255, 255, 255, .04);
    border: 1px solid rgba(255, 255, 255, .08);
  }
  html.theme-dark .takvim-sekme .takvim-nav-btn,
  html.theme-mythos .takvim-sekme .takvim-nav-btn {
    border: 1px solid rgba(255, 255, 255, .1);
    background: rgba(255, 255, 255, .06);
    color: var(--rv-text);
  }
  html.theme-dark .takvim-sekme .takvim-nav-btn:hover,
  html.theme-mythos .takvim-sekme .takvim-nav-btn:hover {
    background: rgba(255, 255, 255, .1);
    border-color: rgba(255, 255, 255, .16);
  }
  html.theme-dark .takvim-sekme .takvim-nav-baslik,
  html.theme-mythos .takvim-sekme .takvim-nav-baslik {
    color: var(--rv-text);
  }
  html.theme-dark .takvim-sekme .takvim-nav-alt,
  html.theme-mythos .takvim-sekme .takvim-nav-alt {
    color: var(--rv-text-2);
  }
  html.theme-dark .takvim-sekme .takvim-nav-bar--ay,
  html.theme-mythos .takvim-sekme .takvim-nav-bar--ay {
    background: linear-gradient(135deg, rgba(6, 78, 59, .35) 0%, rgba(15, 118, 110, .22) 100%);
    border-color: rgba(52, 211, 153, .22);
  }
  html.theme-dark .takvim-sekme .takvim-nav-bar--gun,
  html.theme-mythos .takvim-sekme .takvim-nav-bar--gun {
    background: rgba(255, 255, 255, .05);
    border-color: rgba(148, 163, 184, .18);
  }
  html.theme-dark .takvim-sekme .takvim-nav-tarih,
  html.theme-mythos .takvim-sekme .takvim-nav-tarih {
    background: linear-gradient(180deg, rgba(120, 53, 15, .35) 0%, rgba(180, 83, 9, .28) 100%);
    border-color: rgba(251, 191, 36, .28);
    color: #fde68a;
  }
  html.theme-dark .takvim-sekme .takvim-nav-stack,
  html.theme-mythos .takvim-sekme .takvim-nav-stack {
    border-top-color: rgba(255, 255, 255, .08);
  }
  html.theme-dark .takvim-sekme .takvim-nav-bugune,
  html.theme-mythos .takvim-sekme .takvim-nav-bugune {
    background: rgba(6, 78, 59, .45);
    border-color: rgba(52, 211, 153, .28);
    color: #6ee7b7;
    box-shadow: none;
  }

  /* Push bildirim — kompakt kutucuk */
  .push-banner-kutu {
    display: inline-flex;
    max-width: 100%;
    margin-bottom: .35rem;
  }
  .push-banner-kutu-inner {
    display: flex;
    align-items: center;
    gap: .55rem;
    padding: .45rem .55rem .45rem .6rem;
    border-radius: .75rem;
    border: 1px solid rgba(16, 185, 129, .22);
    background: linear-gradient(135deg, rgba(236, 253, 245, .95), rgba(255, 255, 255, .98));
    box-shadow: 0 1px 2px rgba(15, 23, 42, .04);
  }
  .push-banner-kutu-ico {
    font-size: 1rem;
    line-height: 1;
    flex-shrink: 0;
  }
  .push-banner-kutu-metin { min-width: 0; }
  .push-banner-kutu-baslik {
    font-size: .68rem;
    font-weight: 800;
    letter-spacing: .04em;
    text-transform: uppercase;
    color: #047857;
    line-height: 1.2;
  }
  .push-banner-kutu-alt {
    font-size: .72rem;
    color: #475569;
    line-height: 1.25;
    margin-top: .05rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 11rem;
  }
  .push-banner-kutu-btn {
    flex-shrink: 0;
    padding: .35rem .65rem;
    border-radius: .5rem;
    font-size: .72rem;
    font-weight: 700;
    line-height: 1.2;
    background: linear-gradient(135deg, #059669, #047857);
    color: #fff;
    border: none;
    cursor: pointer;
    white-space: nowrap;
  }
  .push-banner-kutu-btn:hover { filter: brightness(1.05); }
  .push-banner-kutu-btn--ghost {
    background: #fff;
    color: #64748b;
    border: 1px solid #e2e8f0;
  }
  html.theme-dark .push-banner-kutu-inner,
  html.theme-mythos .push-banner-kutu-inner {
    background: linear-gradient(135deg, rgba(6, 78, 59, .35), rgba(15, 23, 42, .85));
    border-color: rgba(52, 211, 153, .25);
  }
  html.theme-dark .push-banner-kutu-baslik,
  html.theme-mythos .push-banner-kutu-baslik { color: #6ee7b7; }
  html.theme-dark .push-banner-kutu-alt,
  html.theme-mythos .push-banner-kutu-alt { color: #94a3b8; }
  html.theme-dark .push-banner-kutu-btn--ghost,
  html.theme-mythos .push-banner-kutu-btn--ghost {
    background: rgba(15, 23, 42, .6);
    border-color: rgba(148, 163, 184, .25);
    color: #cbd5e1;
  }

  /* Mobil bildirim onboarding */
  .push-onboard-root {
    position: fixed;
    inset: 0;
    z-index: 120;
    display: flex;
    align-items: flex-end;
    justify-content: center;
    padding: 0;
  }
  .push-onboard-root.hidden { display: none !important; }
  body.push-onboard-acik { overflow: hidden; }
  .push-onboard-backdrop {
    position: absolute;
    inset: 0;
    background: rgba(7, 9, 15, .62);
    backdrop-filter: blur(6px);
  }
  .push-onboard-card {
    position: relative;
    width: min(100%, 26rem);
    margin: 0 auto;
    padding: 1.15rem 1.1rem calc(1.15rem + env(safe-area-inset-bottom, 0px));
    border-radius: 1.35rem 1.35rem 0 0;
    background: linear-gradient(168deg, #fffefb 0%, #f8fafc 48%, #f1f5f9 100%);
    border: 1px solid rgba(15, 23, 42, .08);
    border-bottom: none;
    box-shadow: 0 -18px 48px rgba(15, 23, 42, .18);
    color: #0f172a;
  }
  html.theme-dark .push-onboard-card,
  html.theme-mythos .push-onboard-card {
    background: linear-gradient(168deg, #1a2236 0%, #141c2e 55%, #101828 100%);
    border-color: rgba(255, 255, 255, .1);
    color: #f1f5f9;
    box-shadow: 0 -18px 48px rgba(0, 0, 0, .45);
  }
  .push-onboard-gec {
    position: absolute;
    top: .85rem;
    right: .85rem;
    padding: .28rem .55rem;
    border: none;
    border-radius: 999px;
    background: rgba(15, 23, 42, .06);
    color: #64748b;
    font-size: .74rem;
    font-weight: 700;
  }
  html.theme-dark .push-onboard-gec,
  html.theme-mythos .push-onboard-gec {
    background: rgba(255, 255, 255, .08);
    color: #cbd5e1;
  }
  .push-onboard-hero { text-align: center; padding: .2rem .35rem 0; }
  .push-onboard-ico-wrap {
    width: 3.2rem;
    height: 3.2rem;
    margin: 0 auto .65rem;
    border-radius: 1rem;
    display: flex;
    align-items: center;
    justify-content: center;
    background: linear-gradient(135deg, rgba(201,138,75, .35), rgba(16, 185, 129, .18));
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .65);
  }
  .push-onboard-ico { font-size: 1.45rem; line-height: 1; }
  .push-onboard-baslik {
    margin: 0 0 .45rem;
    font-size: 1.12rem;
    font-weight: 800;
    letter-spacing: -.02em;
  }
  .push-onboard-lead {
    margin: 0;
    font-size: .82rem;
    line-height: 1.5;
    color: #475569;
  }
  html.theme-dark .push-onboard-lead,
  html.theme-mythos .push-onboard-lead { color: #cbd5e1; }
  .push-onboard-lead strong { color: #0f172a; font-weight: 800; }
  html.theme-dark .push-onboard-lead strong,
  html.theme-mythos .push-onboard-lead strong { color: #f8fafc; }
  .push-onboard-list {
    list-style: none;
    margin: .95rem 0 .75rem;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: .55rem;
  }
  .push-onboard-list li {
    display: flex;
    align-items: flex-start;
    gap: .55rem;
    padding: .55rem .65rem;
    border-radius: .75rem;
    background: rgba(15, 23, 42, .04);
    font-size: .78rem;
    line-height: 1.4;
    color: #334155;
  }
  html.theme-dark .push-onboard-list li,
  html.theme-mythos .push-onboard-list li {
    background: rgba(255, 255, 255, .06);
    color: #e2e8f0;
  }
  .push-onboard-li-ico {
    flex-shrink: 0;
    width: 1.35rem;
    text-align: center;
    font-size: .95rem;
    line-height: 1.2;
  }
  .push-onboard-not {
    margin: 0 0 .85rem;
    font-size: .7rem;
    line-height: 1.45;
    color: #94a3b8;
    text-align: center;
  }
  .push-onboard-tamam {
    width: 100%;
    padding: .78rem 1rem;
    border: none;
    border-radius: .85rem;
    font-size: .86rem;
    font-weight: 800;
    color: #0b1220;
    background: linear-gradient(135deg, #c98a4b, #8a5a2e);
    box-shadow: 0 8px 24px rgba(15, 23, 42, .14);
  }
  .push-onboard-tamam:active { transform: scale(.99); }
  @media (min-width: 768px) {
    .push-onboard-root { display: none !important; }
  }

  html.theme-dark #slotKuyrukKutu,
  html.theme-mythos #slotKuyrukKutu {
    background: linear-gradient(135deg, rgba(6, 78, 59, .32), rgba(15, 23, 42, .88)) !important;
    border-color: rgba(52, 211, 153, .28) !important;
  }
  html.theme-dark #slotKuyrukKutu .section-title,
  html.theme-mythos #slotKuyrukKutu .section-title {
    color: #6ee7b7 !important;
  }
  html.theme-dark #slotKuyrukNot,
  html.theme-mythos #slotKuyrukNot {
    color: #94a3b8 !important;
  }
  html.theme-dark #slotKuyrukListe .rounded-xl,
  html.theme-mythos #slotKuyrukListe .rounded-xl {
    background: rgba(15, 23, 42, .55) !important;
    border-color: rgba(52, 211, 153, .18) !important;
  }
  html.theme-dark #slotKuyrukListe .text-slate-900,
  html.theme-dark #slotKuyrukListe .text-slate-800,
  html.theme-mythos #slotKuyrukListe .text-slate-900,
  html.theme-mythos #slotKuyrukListe .text-slate-800 {
    color: #e2e8f0 !important;
  }
  html.theme-dark #slotKuyrukListe .text-slate-500,
  html.theme-dark #slotKuyrukListe .text-slate-400,
  html.theme-mythos #slotKuyrukListe .text-slate-500,
  html.theme-mythos #slotKuyrukListe .text-slate-400 {
    color: #94a3b8 !important;
  }
  html.theme-dark #slotKuyrukListe [class*="bg-teal-50"],
  html.theme-mythos #slotKuyrukListe [class*="bg-teal-50"] {
    background: rgba(6, 78, 59, .22) !important;
  }
  html.theme-dark #slotKuyrukListe .border-teal-100,
  html.theme-mythos #slotKuyrukListe .border-teal-100 {
    border-color: rgba(52, 211, 153, .15) !important;
  }
  html.theme-dark #slotKuyrukListe .bg-slate-100,
  html.theme-mythos #slotKuyrukListe .bg-slate-100 {
    background: rgba(148, 163, 184, .12) !important;
    color: #cbd5e1 !important;
  }

  html.theme-dark #cevapVermeyenlerKutu,
  html.theme-mythos #cevapVermeyenlerKutu {
    background: rgba(120, 53, 15, .2) !important;
    border-color: rgba(251, 191, 36, .28) !important;
  }
  html.theme-dark #cevapVermeyenlerKutu .section-title,
  html.theme-mythos #cevapVermeyenlerKutu .section-title {
    color: #fde68a !important;
  }
  html.theme-dark #cevapVermeyenProNot,
  html.theme-mythos #cevapVermeyenProNot {
    color: #fcd34d !important;
  }
  html.theme-dark #cevapVermeyenSayi,
  html.theme-mythos #cevapVermeyenSayi {
    background: rgba(251, 191, 36, .22) !important;
    color: #fef3c7 !important;
    border: 1px solid rgba(251, 191, 36, .45);
    font-weight: 800;
  }
  html.theme-dark #cevapVermeyenListe .rounded-xl,
  html.theme-mythos #cevapVermeyenListe .rounded-xl {
    background: rgba(15, 23, 42, .55) !important;
    border-color: rgba(251, 191, 36, .18) !important;
  }
  html.theme-dark #cevapVermeyenListe .text-slate-900,
  html.theme-mythos #cevapVermeyenListe .text-slate-900 {
    color: #e2e8f0 !important;
  }
  html.theme-dark #cevapVermeyenListe .text-slate-500,
  html.theme-mythos #cevapVermeyenListe .text-slate-500 {
    color: #94a3b8 !important;
  }
  .cevap-vermeyen-satir {
    display: flex; align-items: flex-start; justify-content: space-between; gap: .65rem;
    padding: .65rem .75rem; border-radius: .75rem;
    border: 1px solid rgba(251, 191, 36, .15);
    background: rgba(255, 255, 255, .04);
  }
  html.theme-light .cevap-vermeyen-satir {
    background: #fff;
    border-color: #fde68a;
  }
  .cevap-vermeyen-baslik { font-size: .88rem; font-weight: 800; color: var(--rv-text, #f1f5f9); }
  .cevap-vermeyen-alt { font-size: .72rem; color: var(--rv-text-3, #94a3b8); margin-top: .1rem; }
  .cevap-vermeyen-meta { display: flex; flex-wrap: wrap; gap: .35rem; margin-top: .35rem; font-size: .68rem; }
  .cevap-vermeyen-gonderim { color: #94a3b8; }
  .cevap-vermeyen-kalan {
    color: #fbbf24; font-weight: 700;
    padding: .1rem .4rem; border-radius: 999px;
    background: rgba(251, 191, 36, .12); border: 1px solid rgba(251, 191, 36, .25);
  }
  .cevap-vermeyen-ara {
    display: inline-flex; align-items: center; justify-content: center;
    padding: .45rem .7rem; border-radius: .55rem;
    background: #d97706; color: #fff; font-size: .72rem; font-weight: 800; text-decoration: none;
  }
  .cevap-vermeyen-ara:active { opacity: .9; }
  #cevapVermeyenNot, #cevapVermeyenProNot {
    font-size: .75rem; line-height: 1.5; color: #fcd34d;
  }
  html.theme-light #cevapVermeyenNot,
  html.theme-light #cevapVermeyenProNot { color: #92400e; }

  .dash-kpi-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: .65rem;
  }
  @media (min-width: 768px) {
    .dash-kpi-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); gap: .75rem; }
  }
  .kpi-card {
    display: flex; align-items: center; gap: .75rem;
    padding: .95rem 1.05rem;
    background: linear-gradient(168deg, rgba(18,22,36,.94), rgba(10,13,23,.97));
    border: 1px solid var(--rv-line);
    border-radius: var(--rv-r-md);
    box-shadow: 0 1px 0 rgba(255,255,255,.03) inset, 0 12px 32px rgba(0,0,0,.28);
    transition: transform .2s, box-shadow .2s, border-color .2s;
  }
  .kpi-card:hover { transform: translateY(-2px); border-color: rgba(255,255,255,.12); box-shadow: 0 18px 40px rgba(0,0,0,.35); }
  .kpi-card-primary {
    background:
      radial-gradient(120% 140% at 0% 0%, rgba(74,143,111,.2), transparent 58%),
      linear-gradient(135deg, #1c2e26, rgba(12,14,24,.98));
    border-color: rgba(106,171,138,.22);
    color: var(--rv-text);
    box-shadow: 0 0 40px rgba(74,143,111,.08), 0 18px 48px rgba(0,0,0,.38);
  }
  .kpi-card-primary .kpi-lbl { color: var(--rv-emerald-muted); }
  .kpi-icon {
    width: 2.35rem; height: 2.35rem; flex-shrink: 0;
    display: flex; align-items: center; justify-content: center;
    border-radius: .7rem; font-size: 1rem;
    background: rgba(255,255,255,.04);
    border: 1px solid rgba(255,255,255,.06);
  }
  .kpi-card-primary .kpi-icon { background: rgba(74,143,111,.14); border-color: rgba(106,171,138,.22); }
  .kpi-val { font-family: var(--rv-font-d); font-size: 1.35rem; font-weight: 700; letter-spacing: -.03em; line-height: 1.1; }
  @media (min-width: 768px) { .kpi-val { font-size: 1.55rem; } }
  .kpi-lbl { font-family: var(--rv-font-m); font-size: .58rem; font-weight: 600; color: var(--rv-text-3); text-transform: uppercase; letter-spacing: .1em; margin-top: .15rem; }
  .glass-nav {
    background: rgba(6,8,14,.34);
    backdrop-filter: blur(12px) saturate(1.08);
    -webkit-backdrop-filter: blur(12px) saturate(1.08);
    border-top: 1px solid rgba(255,255,255,.07);
    box-shadow: 0 -6px 24px rgba(0,0,0,.14);
  }
  .mobile-bottom-nav {
    --mob-nav-bar-h: 3.05rem;
  }
  .mobile-bottom-nav .mob-nav-ico {
    filter: drop-shadow(0 1px 2px rgba(0,0,0,.5));
  }
  .mobile-bottom-nav .mob-nav-lbl {
    opacity: .96;
    text-shadow: 0 1px 3px rgba(0,0,0,.55);
  }
  .tab-btn {
    color: var(--rv-text-3);
    border-radius: .75rem;
    transition: all .2s ease;
  }
  .tab-btn.active {
    background: linear-gradient(135deg, rgba(201,138,75,.22), rgba(201,138,75,.1));
    color: var(--rv-gold-2);
    border: 1px solid rgba(201,138,75,.28);
    box-shadow: 0 0 24px rgba(201,138,75,.1);
  }
  .card {
    background: rgba(14,18,28,.97);
    border: 1px solid rgba(255,255,255,.1);
    border-radius: var(--rv-r-2xl);
    box-shadow: var(--rv-shadow-card-dark);
    transition: box-shadow .22s ease, border-color .22s ease, transform .18s ease;
  }
  @media (min-width: 768px) {
    .card:hover {
      border-color: rgba(255,255,255,.11);
      box-shadow: 0 1px 0 rgba(255,255,255,.05) inset, 0 6px 18px rgba(0,0,0,.14), 0 20px 44px rgba(0,0,0,.22);
    }
  }
  .section-title {
    font-family: var(--rv-font-d); font-size: 1.4rem; font-weight: 800; color: var(--rv-text);
    letter-spacing: -.03em;
    line-height: 1.12;
    display: block;
    padding: 0;
    border: none;
    background: transparent;
  }
  .ay-cat-header .section-title { padding: 0; }
  .istat-hero-title.section-title,
  .istat-hero .section-title {
    border: none; background: transparent; padding: 0;
  }
  /* Editorial imza — kart başlıklarının altında kısa altın hairline (dark/mythos) */
  html.theme-dark .card > .section-title,
  html.theme-dark .card > h2.section-title,
  html.theme-mythos .card > .section-title,
  html.theme-mythos .card > h2.section-title {
    position: relative;
    padding-bottom: .6rem;
  }
  html.theme-dark .card > .section-title::after,
  html.theme-dark .card > h2.section-title::after,
  html.theme-mythos .card > .section-title::after,
  html.theme-mythos .card > h2.section-title::after {
    content: "";
    position: absolute; left: 0; bottom: 0;
    width: 2.5rem; height: 2px;
    background: var(--rv-gold);
    border-radius: 2px;
  }
  .section-sub { font-size: .8rem; color: var(--rv-text-2); line-height: 1.5; }
  .field {
    width: 100%;
    border: 1px solid rgba(255,255,255,.09);
    border-radius: var(--rv-r-md);
    padding: .85rem 1rem;
    font-size: .95rem;
    background: rgba(10,14,24,.85);
    color: var(--rv-text);
    transition: border-color .15s, box-shadow .15s;
  }
  .field:focus {
    outline: none;
    border-color: rgba(201,138,75,.55);
    box-shadow: 0 0 0 3px rgba(201,138,75,.14);
  }
  .field.saat24 {
    font-variant-numeric: tabular-nums;
    font-family: var(--rv-font-m, ui-monospace, Consolas, monospace);
    letter-spacing: .04em;
    max-width: 6.75rem;
  }
  .btn {
    display: inline-flex; align-items: center; justify-content: center; gap: .35rem;
    padding: .55rem 1rem; font-size: .82rem; font-weight: 600; line-height: 1.25;
    border-radius: var(--rv-r-xl); border: 1px solid transparent; cursor: pointer;
    transition: background .18s ease, border-color .18s ease, box-shadow .18s ease, color .18s ease, transform .12s ease;
    font-family: var(--rv-font);
  }
  .btn:active { transform: scale(.98); }
  .btn-sm { padding: .42rem .78rem; font-size: .76rem; border-radius: .75rem; }
  .btn-ghost {
    background: rgba(201,209,220,.06);
    border: 1px solid rgba(201,209,220,.18);
    color: var(--rv-gold-2, #e6b47e);
  }
  .btn-ghost:hover {
    background: rgba(201,209,220,.12);
    border-color: rgba(201,209,220,.32);
    box-shadow: 0 0 0 1px rgba(201,209,220,.08), 0 4px 16px rgba(201,209,220,.1);
  }
  html.theme-light .btn-ghost {
    background: rgba(248,250,252,.9);
    border-color: rgba(15,23,42,.1);
    color: #475569;
  }
  html.theme-light .btn-ghost:hover {
    background: #fff;
    border-color: rgba(201,209,220,.45);
    color: #0f172a;
    box-shadow: 0 1px 2px rgba(15,23,42,.04), 0 6px 18px rgba(15,23,42,.07);
  }
  .btn-duyuru-ghost {
    display: inline-flex; align-items: center; gap: .4rem;
    padding: .48rem .95rem; font-size: .76rem; font-weight: 600; letter-spacing: .01em;
    border-radius: var(--rv-r-xl); cursor: pointer; font-family: var(--rv-font);
    background: rgba(201,209,220,.05);
    border: 1px solid rgba(201,209,220,.2);
    color: var(--rv-gold, #c98a4b);
    transition: background .2s ease, border-color .2s ease, box-shadow .22s ease, color .18s ease;
  }
  .btn-duyuru-ghost:hover {
    background: rgba(201,209,220,.11);
    border-color: rgba(232,236,242,.38);
    color: var(--rv-gold-2, #e6b47e);
    box-shadow: 0 0 0 1px rgba(201,209,220,.12), 0 4px 20px rgba(201,209,220,.14);
  }
  html.theme-light .btn-duyuru-ghost {
    background: rgba(255,255,255,.85);
    border-color: rgba(201,209,220,.35);
    color: #64748b;
  }
  html.theme-light .btn-duyuru-ghost:hover {
    background: #fff;
    border-color: rgba(201,209,220,.55);
    color: #334155;
    box-shadow: 0 1px 2px rgba(15,23,42,.04), 0 8px 22px rgba(15,23,42,.08);
  }
  .btn-primary {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: .35rem;
    padding: .55rem 1.05rem;
    font-size: .82rem;
    line-height: 1.25;
    font-family: var(--rv-font);
    cursor: pointer;
    border: 1px solid transparent;
    background: var(--rv-gold);
    color: #0a080d;
    font-weight: 650;
    border-radius: 0.65rem;
    text-transform: none;
    letter-spacing: -0.01em;
    box-shadow: none;
    transition: background .15s ease, transform .12s, color .15s ease;
  }
  .btn-primary:hover { background: var(--rv-gold-deep, #8a5a2e); color: #fdf6ee; }
  .btn-primary:active { transform: scale(.98); }
  .btn-soft {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: .35rem;
    padding: .55rem 1.05rem;
    font-size: .82rem;
    line-height: 1.25;
    font-family: var(--rv-font);
    cursor: pointer;
    background: rgba(255,255,255,.04);
    color: var(--rv-text-2);
    font-weight: 600;
    border: 1px solid rgba(255,255,255,.14);
    border-radius: 0.65rem;
    text-transform: none;
    letter-spacing: -0.01em;
  }
  .btn-soft:active { transform: scale(.98); }

  /* Tailwind «uppercase» — panelde bağıran ALL CAPS yerine doğal yazım */
  .panel-shell .uppercase,
  #app .uppercase {
    text-transform: none !important;
    letter-spacing: 0.012em !important;
  }

  /* ── Elden randevu — premium sheet ── */
  .mr-sheet {
    width: 100%;
    max-width: min(72rem, 100%);
    margin: 0 auto;
    padding: 1.05rem 1.35rem 1.25rem !important;
    display: flex;
    flex-direction: column;
    gap: 0;
    border-radius: 16px !important;
    border: 1px solid rgba(201, 138, 75, .18) !important;
    background: linear-gradient(165deg, #fff 0%, #fffefb 45%, #fffaf3 100%) !important;
    box-shadow: 0 4px 20px rgba(201, 138, 75, .08), 0 1px 0 rgba(255,255,255,.9) inset !important;
  }
  @media (min-width: 1280px) {
    .mr-sheet {
      max-width: min(80rem, 100%);
      padding: 1.15rem 1.6rem 1.35rem !important;
    }
  }
  .mr-sheet-head {
    padding-bottom: .65rem;
    margin-bottom: .15rem;
    border-bottom: 1px solid rgba(201, 138, 75, .14);
  }
  .mr-sheet-title {
    margin: 0 0 .2rem;
    font-family: var(--rv-font-d);
    font-size: 1.05rem;
    font-weight: 700;
    letter-spacing: -.02em;
    color: #1c1917;
    line-height: 1.2;
  }
  .mr-sheet-lead {
    margin: 0;
    font-size: .74rem;
    line-height: 1.4;
    color: #78716c;
    max-width: 48rem;
  }
  .mr-sec {
    padding: .75rem 0;
    border-bottom: 1px solid rgba(15, 23, 42, .06);
  }
  .mr-sec:last-child { border-bottom: none; padding-bottom: 0; }
  .mr-sec-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .5rem;
    margin-bottom: .4rem;
    min-height: 1.1rem;
  }
  .mr-sec-lbl {
    font-size: .62rem;
    font-weight: 800;
    letter-spacing: .1em;
    text-transform: uppercase;
    color: #92400e;
  }
  .mr-lbl {
    display: block;
    font-size: .68rem;
    font-weight: 700;
    color: #57534e;
    margin-bottom: .25rem;
  }
  .mr-opt {
    font-weight: 600;
    color: #a8a29e;
    text-transform: lowercase;
    letter-spacing: 0;
    font-size: .62rem;
  }
  .mr-input {
    min-height: 2.4rem !important;
    padding: .45rem .7rem !important;
    font-size: .86rem !important;
    border-radius: 11px !important;
  }
  .mr-grid-2 {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: .55rem .7rem;
    align-items: start;
  }
  .mr-field { min-width: 0; }
  .mr-field--note { margin-top: .55rem; }
  .mr-sec--split {
    display: grid;
    grid-template-columns: 1.25fr .85fr;
    gap: .75rem .9rem;
    align-items: start;
  }
  .mr-col { min-width: 0; }
  .mr-usta-card {
    padding: .65rem .7rem;
    border-radius: 12px;
    border: 1px solid rgba(201, 138, 75, .18);
    background: linear-gradient(160deg, #fff 0%, #fff7ed 100%);
    box-shadow: 0 1px 4px rgba(201, 138, 75, .06);
  }
  .mr-usta-block .mr-sec-head { margin-bottom: .4rem; }
  @media (max-width: 640px) {
    .mr-grid-2 { grid-template-columns: 1fr; }
    .mr-sec--split { grid-template-columns: 1fr; }
  }
  .mr-tarih-satir {
    display: flex;
    gap: .5rem;
    align-items: stretch;
  }
  .mr-tarih-satir .tr-takvim-wrap {
    flex: 1;
    min-width: 0;
  }
  .mr-tarih-input { flex: 1; min-width: 0; }
  .mr-btn-slot {
    flex: 0 0 auto;
    min-height: 2.4rem;
    padding: 0 .9rem;
    border-radius: 11px;
    font-size: .76rem;
    font-weight: 800;
    letter-spacing: .01em;
    border: 1.5px solid rgba(201, 138, 75, .32);
    background: linear-gradient(180deg, #fff 0%, #fff7ed 100%);
    color: #78350f;
    white-space: nowrap;
    box-shadow: 0 2px 6px rgba(201, 138, 75, .1);
    transition: background .15s, border-color .15s, transform .1s;
    cursor: pointer;
  }
  .mr-btn-slot:active { transform: scale(.98); }
  .mr-btn-slot:hover {
    border-color: rgba(180, 83, 9, .45);
    background: #fff7ed;
  }
  .mr-slot-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: .4rem;
    margin-top: .6rem;
  }
  @media (min-width: 768px) {
    .mr-slot-grid { grid-template-columns: repeat(6, minmax(0, 1fr)); }
  }
  .mr-slot-grid:empty { display: none; margin: 0; }
  .mr-btn-kaydet {
    width: 100%;
    margin-top: .8rem;
    min-height: 2.75rem;
    border-radius: 12px;
    font-size: .9rem;
    font-weight: 800;
    letter-spacing: -.01em;
    border: 1px solid rgba(146, 64, 14, .35);
    cursor: pointer;
    background: linear-gradient(135deg, #d97706, #b45309);
    color: #fff;
    box-shadow: 0 4px 16px rgba(217, 119, 6, .3), inset 0 1px 0 rgba(255,255,255,.2);
    transition: transform .12s, box-shadow .12s, filter .12s;
  }
  .mr-btn-kaydet:hover { filter: brightness(1.05); }
  .mr-btn-kaydet:active { transform: scale(.985); }

  .mr-slot-btn {
    min-height: 2.35rem;
    padding: .4rem .3rem;
    border-radius: 10px;
    font-size: .8rem;
    font-weight: 700;
    transition: transform .12s, box-shadow .2s, background .2s, border-color .2s, color .2s;
  }
  .mr-slot-btn--selected {
    background: linear-gradient(135deg, #d97706, #b45309);
    color: #fff;
    border-color: rgba(146, 64, 14, .4);
    box-shadow: 0 0 0 2px rgba(217, 119, 6, .28), 0 6px 18px rgba(217, 119, 6, .22);
    transform: scale(1.02);
    font-weight: 800;
  }
  .mr-sonuc {
    text-align: center;
    margin-top: .65rem;
    padding: .7rem .85rem;
    border-radius: 12px;
    font-size: .85rem;
    font-weight: 800;
    line-height: 1.4;
    animation: mrSonucIn .22s ease;
    overflow: hidden;
    transition: opacity .28s ease, max-height .32s ease, padding .28s ease, margin .28s ease;
    max-height: 6rem;
  }
  .mr-sonuc.hidden {
    display: none !important;
    opacity: 0;
    max-height: 0;
    padding-top: 0;
    padding-bottom: 0;
    margin: 0;
    border-width: 0;
  }
  .mr-sonuc.ok {
    background: linear-gradient(135deg, rgba(16,185,129,.14), rgba(52,211,153,.08));
    border: 1.5px solid rgba(16,185,129,.38);
    color: #047857;
    box-shadow: 0 6px 22px rgba(16,185,129,.16);
    animation: mrSonucIn .22s ease, mrSonucDismiss 8s ease forwards;
  }
  .mr-sonuc.warn {
    background: linear-gradient(135deg, rgba(245,158,11,.12), rgba(251,191,36,.08));
    border: 1.5px solid rgba(245,158,11,.35);
    color: #b45309;
    box-shadow: 0 6px 22px rgba(245,158,11,.12);
    animation: mrSonucIn .22s ease, mrSonucDismiss 8s ease forwards;
  }
  .mr-sonuc.err {
    background: linear-gradient(135deg, rgba(239,68,68,.1), rgba(248,113,113,.06));
    border: 1.5px solid rgba(239,68,68,.32);
    color: #b91c1c;
    box-shadow: 0 6px 22px rgba(239,68,68,.1);
  }
  .mr-hizmet-secili {
    margin: 0; font-size: .68rem; font-weight: 700; color: #b45309;
    white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 55%;
    text-align: right;
  }
  .mr-hizmet-kat-scroll {
    display: flex; gap: .3rem; overflow-x: auto; padding: .35rem 0 .1rem;
    scrollbar-width: none; flex-wrap: nowrap;
  }
  .mr-hizmet-kat-scroll::-webkit-scrollbar { display: none; }
  .mr-hizmet-kat-pill {
    flex: 0 0 auto; padding: .26rem .58rem; border-radius: 999px;
    font-size: .66rem; font-weight: 700;
    border: 1px solid rgba(180, 130, 40, .22);
    background: #fff; color: #78350f;
  }
  .mr-hizmet-kat-pill.active {
    background: linear-gradient(135deg, #d97706, #b45309);
    border-color: transparent; color: #fff;
    box-shadow: 0 2px 8px rgba(217, 119, 6, .25);
  }
  .mr-hizmet-liste {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: .4rem;
    max-height: min(14rem, 38vh);
    overflow-y: auto;
    margin-top: .3rem;
    padding-right: .1rem;
  }
  @media (min-width: 720px) {
    .mr-hizmet-liste {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }
  }
  .mr-hizmet-item {
    display: flex; flex-direction: column; align-items: stretch; gap: .28rem;
    width: auto; min-width: 0; text-align: left; padding: .45rem .5rem; border-radius: 10px;
    border: 1px solid rgba(15, 23, 42, .08); background: #fff;
    color: var(--rv-text); transition: border-color .15s, background .15s, transform .1s;
    cursor: pointer;
  }
  .mr-hizmet-item:active { transform: scale(.99); }
  .mr-hizmet-item.secili {
    border-color: rgba(217, 119, 6, .4);
    background: linear-gradient(180deg, rgba(254, 243, 199, .65) 0%, #fff 70%);
    box-shadow: 0 0 0 1px rgba(217, 119, 6, .15);
  }
  .mr-hizmet-item-ad {
    font-size: .78rem; font-weight: 800; line-height: 1.2; min-width: 0;
    overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
  }
  .mr-hizmet-item-alt {
    display: flex; align-items: center; justify-content: space-between; gap: .35rem;
    min-width: 0;
  }
  .mr-hizmet-item-meta {
    font-size: .64rem; font-weight: 600; color: #78716c;
    white-space: nowrap; overflow: hidden; text-overflow: ellipsis; min-width: 0;
  }
  .mr-hizmet-item.secili .mr-hizmet-item-meta { color: #b45309; }
  .mr-hizmet-bos { text-align: center; font-size: .74rem; color: #94a3b8; padding: .65rem .5rem; grid-column: 1 / -1; }
  .mr-sepet-ozet {
    margin-top: .4rem; padding: .5rem .6rem; border-radius: 10px;
    border: 1px dashed rgba(201,138,75,.4); background: rgba(255, 247, 237, .7);
  }
  .mr-sepet-baslik { font-size: .7rem; font-weight: 800; color: #b45309; margin-bottom: .3rem; }
  .mr-sepet-chips { display: flex; flex-wrap: wrap; gap: .3rem; }
  .mr-sepet-chip {
    display: inline-flex; align-items: center; gap: .25rem; font-size: .7rem; font-weight: 700;
    padding: .18rem .42rem; border-radius: 999px; background: #fff;
    border: 1px solid rgba(201,138,75,.25); color: #78350f;
  }
  .mr-sepet-chip button { border: none; background: transparent; color: #a8a29e; cursor: pointer; font-size: .85rem; line-height: 1; padding: 0 .1rem; }
  .mr-hizmet-ekle {
    font-size: .62rem; font-weight: 800; color: #b45309;
    flex-shrink: 0; padding: .12rem .35rem; border-radius: 6px;
    background: rgba(251, 191, 36, .12);
  }

  html.theme-light .mr-sheet-head,
  html.theme-rose .mr-sheet-head,
  html.theme-light .mr-sec,
  html.theme-rose .mr-sec { border-color: rgba(15, 23, 42, .07); }
  html.theme-rose .mr-sheet {
    border-color: rgba(236, 72, 153, .16) !important;
    background: linear-gradient(165deg, #fff 0%, #fff5f9 100%) !important;
    box-shadow: 0 4px 20px rgba(236, 72, 153, .08) !important;
  }
  html.theme-rose .mr-sheet-title { color: #500724; }
  html.theme-rose .mr-sec-lbl { color: #be185d; }
  html.theme-rose .mr-btn-slot {
    border-color: rgba(236, 72, 153, .28);
    background: linear-gradient(180deg, #fff 0%, #fdf2f8 100%);
    color: #9d174d;
  }
  html.theme-rose .mr-btn-kaydet {
    background: linear-gradient(135deg, #ec4899, #db2777);
    color: #fff;
    border-color: rgba(157, 23, 77, .35);
    box-shadow: 0 4px 16px rgba(236, 72, 153, .3), inset 0 1px 0 rgba(255,255,255,.2);
  }
  html.theme-rose .mr-hizmet-kat-pill.active {
    background: linear-gradient(135deg, #ec4899, #db2777);
  }
  html.theme-dark .mr-sheet,
  html.theme-mythos .mr-sheet {
    border-color: rgba(255,255,255,.1) !important;
    background: linear-gradient(165deg, rgba(26,36,56,.98) 0%, rgba(20,28,46,.98) 100%) !important;
    box-shadow: 0 8px 28px rgba(0,0,0,.35) !important;
  }
  html.theme-dark .mr-sheet-head,
  html.theme-mythos .mr-sheet-head,
  html.theme-dark .mr-sec,
  html.theme-mythos .mr-sec { border-color: rgba(255, 255, 255, .08); }
  html.theme-dark .mr-sheet-title,
  html.theme-mythos .mr-sheet-title { color: #f1f5f9; }
  html.theme-dark .mr-sheet-lead,
  html.theme-mythos .mr-sheet-lead { color: #94a3b8; }
  html.theme-dark .mr-sec-lbl,
  html.theme-mythos .mr-sec-lbl { color: #fbbf24; }
  html.theme-dark .mr-usta-card,
  html.theme-mythos .mr-usta-card {
    background: rgba(255,255,255,.04);
    border-color: rgba(251, 191, 36, .2);
  }
  html.theme-dark .mr-btn-slot,
  html.theme-mythos .mr-btn-slot {
    background: rgba(255,255,255,.05);
    border-color: rgba(251, 191, 36, .25);
    color: #fde68a;
  }
  html.theme-dark .mr-hizmet-item,
  html.theme-mythos .mr-hizmet-item {
    background: rgba(255,255,255,.03);
    border-color: rgba(255,255,255,.08);
  }
  html.theme-dark .mr-hizmet-item.secili,
  html.theme-mythos .mr-hizmet-item.secili {
    background: linear-gradient(180deg, rgba(217, 119, 6, .22) 0%, rgba(20,28,46,.95) 72%);
    border-color: rgba(251, 191, 36, .3);
  }

  .stok-kasa-lbl {
    font-size: .62rem; font-weight: 700; text-transform: uppercase; letter-spacing: .12em;
    color: var(--rv-gold-2);
  }
  .stok-kasa-hint { font-size: .72rem; line-height: 1.45; color: var(--rv-text-2); }
  .stok-kasa-hint strong { color: var(--rv-text); font-weight: 700; }
  .stok-depo-lbl {
    font-size: .62rem; font-weight: 700; text-transform: uppercase; letter-spacing: .12em;
    color: #86efac;
  }
  .stok-depo-hint { font-size: .72rem; line-height: 1.45; color: var(--rv-text-2); }
  .mr-musteri-onizle {
    margin-top: .55rem;
    padding: .55rem .7rem;
    border-radius: 12px;
    border: 1px solid rgba(255,255,255,.1);
    background: rgba(255,255,255,.03);
    font-size: .82rem;
    line-height: 1.5;
    animation: mrSonucIn .22s ease;
  }
  .mr-musteri-onizle.yeni {
    border-color: rgba(148,163,184,.25);
    color: var(--rv-text-3);
  }
  .mr-musteri-onizle.tanindi {
    border-color: rgba(16,185,129,.28);
    background: linear-gradient(145deg, rgba(16,185,129,.08), rgba(255,255,255,.02));
  }
  .mr-musteri-onizle.kara {
    border-color: rgba(239,68,68,.35);
    background: linear-gradient(145deg, rgba(239,68,68,.08), rgba(255,255,255,.02));
  }
  .mr-paket-bilgi {
    margin-top: .55rem;
    padding: .68rem .8rem;
    border-radius: var(--rv-r-md);
    font-size: .78rem;
    line-height: 1.45;
    border: 1px solid rgba(201,138,75,.24);
    background: rgba(201,138,75,.08);
    color: #8a5a2e;
  }
  .mr-paket-bilgi--aktif {
    border-color: rgba(16,185,129,.24);
    background: rgba(16,185,129,.08);
    color: #047857;
  }
  .mr-paket-bilgi--uyari {
    border-color: rgba(245,158,11,.28);
    background: rgba(245,158,11,.1);
    color: #92400e;
  }
  html.theme-dark .mr-paket-bilgi,
  html.theme-mythos .mr-paket-bilgi {
    color: var(--rv-gold-2);
    background: rgba(201,138,75,.14);
    border-color: rgba(201,138,75,.28);
  }
  html.theme-dark .mr-paket-bilgi--aktif,
  html.theme-mythos .mr-paket-bilgi--aktif {
    color: #6ee7b7;
    background: rgba(16,185,129,.12);
    border-color: rgba(52,211,153,.24);
  }
  html.theme-dark .mr-paket-bilgi--uyari,
  html.theme-mythos .mr-paket-bilgi--uyari {
    color: #fcd34d;
    background: rgba(245,158,11,.12);
    border-color: rgba(251,191,36,.24);
  }
  .mr-onizle-baslik { font-weight: 800; font-size: .8rem; margin-bottom: .2rem; color: var(--rv-text-1); }
  .mr-onizle-satir { color: var(--rv-text-2); margin: .1rem 0; font-size: .74rem; line-height: 1.35; }
  .mr-onizle-rozet {
    display: inline-block;
    font-size: .62rem;
    font-weight: 700;
    padding: .15rem .45rem;
    border-radius: 999px;
    margin: .15rem .25rem 0 0;
    background: rgba(255,255,255,.06);
    border: 1px solid rgba(255,255,255,.10);
    color: var(--rv-text-2);
  }
  @keyframes mrSonucIn { from { opacity:0; transform: translateY(6px);} to { opacity:1; transform: translateY(0);} }
  @keyframes mrSonucDismiss {
    0%, 86% { opacity: 1; max-height: 6rem; }
    100% { opacity: 0; max-height: 0; padding-top: 0; padding-bottom: 0; margin: 0; border-width: 0; }
  }
  .btn-danger { background: linear-gradient(135deg, #dc2626, #ef4444); color:#fff; font-weight:700; border-radius:14px; }
  .badge { font-size: .68rem; font-weight: 700; padding: .28rem .55rem; border-radius: 999px; letter-spacing: .01em; }
  .durum-confirmed { background:#ecfdf5; color:#047857; }
  .durum-completed { background:#eff6ff; color:#1d4ed8; }
  .durum-cancelled { background:#fef2f2; color:#b91c1c; }
  .durum-no_show   { background:#fff7ed; color:#c2410c; }
  .plan-rpro {
    font-weight: 800;
    background: linear-gradient(120deg, #f0cc6a 0%, #d4a84b 55%, #b8860b 100%);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
  }
  .gecmis-durum-box { border-left: 3px solid #e2e8f0; padding-left: 10px; margin-top: 8px; }
  .gecmis-durum-box.durum-completed { border-color: #4a8f6f; }
  .gecmis-durum-box.durum-no_show { border-color: #f97316; }
  .gecmis-durum-box.durum-cancelled { border-color: #94a3b8; }
  .gecmis-filtre-chip {
    flex: 0 0 auto;
    font-size: .7rem;
    font-weight: 750;
    padding: .38rem .72rem;
    min-height: 2rem;
    border-radius: 999px;
    border: 1px solid transparent;
    background: transparent;
    color: #64748b;
    transition: background .15s, color .15s, box-shadow .15s, border-color .15s, transform .1s;
    cursor: pointer;
    line-height: 1.2;
  }
  .gecmis-filtre-chip:hover:not(.active) {
    background: rgba(15, 23, 42, .05);
    color: #334155;
  }
  .gecmis-filtre-chip:active { transform: scale(.97); }
  .gecmis-filtre-chip.active {
    background: linear-gradient(135deg, #d97706, #b45309);
    border-color: rgba(146, 64, 14, .3);
    color: #fff;
    box-shadow: 0 2px 10px rgba(217, 119, 6, .28), inset 0 1px 0 rgba(255,255,255,.2);
    font-weight: 800;
  }
  .gecmis-filtre-chip[data-durum="completed"].active {
    background: linear-gradient(135deg, #34d399, #059669);
    border-color: rgba(5, 150, 105, .35);
    box-shadow: 0 2px 10px rgba(5, 150, 105, .28), inset 0 1px 0 rgba(255,255,255,.2);
  }
  .gecmis-filtre-chip[data-durum="no_show"].active {
    background: linear-gradient(135deg, #94a3b8, #64748b);
    border-color: rgba(100, 116, 139, .35);
    box-shadow: 0 2px 10px rgba(100, 116, 139, .22), inset 0 1px 0 rgba(255,255,255,.15);
  }
  .gecmis-filtre-chip[data-durum="cancelled"].active {
    background: linear-gradient(135deg, #f87171, #dc2626);
    border-color: rgba(220, 38, 38, .4);
    box-shadow: 0 2px 10px rgba(220, 38, 38, .28), inset 0 1px 0 rgba(255,255,255,.2);
  }
  .gecmis-filtre-panel {
    display: flex;
    flex-direction: column;
    gap: .55rem;
    padding: .65rem .75rem;
    border-radius: 14px;
    border: 1px solid rgba(15, 23, 42, 0.08);
    background: linear-gradient(135deg, rgba(255,255,255,.94) 0%, #f8faf9 52%, #f1f5f9 100%);
    box-shadow: inset 0 1px 0 rgba(255,255,255,.9), 0 1px 3px rgba(15,23,42,.04);
  }
  .gecmis-filtre-ust {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .75rem;
  }
  .gecmis-filtre-ozet {
    margin: 0;
    font-size: .72rem;
    font-weight: 700;
    color: var(--rv-text-3, #64748b);
  }
  .gecmis-filtre-sil {
    padding: .38rem .7rem !important;
    font-size: .66rem !important;
    border-radius: 10px !important;
    line-height: 1.2;
  }
  .gecmis-filtre-grid {
    display: grid;
    grid-template-columns: 1fr;
    gap: .45rem;
  }
  @media (min-width: 640px) {
    .gecmis-filtre-grid { grid-template-columns: 1fr minmax(9.5rem, 12rem); }
  }
  .gecmis-filtre-panel .field {
    padding: .55rem .75rem;
    font-size: .82rem;
    min-height: 0;
  }
  .gecmis-filtre-durum {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    gap: .55rem;
    min-width: 0;
  }
  .gecmis-filtre-durum-lbl {
    font-size: .62rem;
    font-weight: 800;
    letter-spacing: .1em;
    text-transform: uppercase;
    color: #92400e;
    flex-shrink: 0;
    line-height: 1;
    padding: 0 .1rem;
  }
  .gecmis-filtre-chip-track {
    display: inline-flex;
    flex-wrap: nowrap;
    align-items: center;
    gap: .2rem;
    min-width: 0;
    padding: .22rem;
    border-radius: 999px;
    background: rgba(15, 23, 42, .04);
    border: 1px solid rgba(15, 23, 42, .07);
    box-shadow: inset 0 1px 2px rgba(15, 23, 42, .04);
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
  }
  .gecmis-filtre-chip-track::-webkit-scrollbar { display: none; }
  .gecmis-sayfa-bar {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: .75rem;
    padding-top: .25rem;
    font-size: .75rem;
    font-weight: 600;
    color: var(--rv-text-3, #64748b);
  }
  .gecmis-sayfa-bar.hidden { display: none; }
  .gecmis-sayfa-metin { min-width: 5.5rem; text-align: center; }
  #tab-musteri { display: flex; flex-direction: column; gap: .65rem; }
  #tab-musteri.space-y-3 > :not([hidden]) ~ :not([hidden]) { margin-top: 0; }
  @media (max-width: 639px) {
    #tab-musteri .musteri-ara-panel { order: 1; }
    #tab-musteri .musteri-liste-wrap { order: 2; }
    #tab-musteri .musteri-kpi-grid { order: 3; }
    #tab-musteri .musteri-kara-compact { order: 4; }
    #tab-musteri #musteriProfilDrawer { order: 5; }
  }
  .musteri-kpi-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: .45rem;
  }
  @media (min-width: 640px) {
    .musteri-kpi-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); gap: .55rem; }
  }
  #tab-musteri .musteri-kpi-grid .kpi-card {
    padding: .62rem .7rem;
    gap: .5rem;
    border-radius: 12px;
  }
  #tab-musteri .musteri-kpi-grid button.kpi-card {
    cursor: pointer;
    transition: border-color .15s, box-shadow .15s, transform .12s;
  }
  #tab-musteri .musteri-kpi-grid button.kpi-card:active { transform: scale(.98); }
  #tab-musteri .musteri-kpi-grid .kpi-icon {
    width: 1.85rem;
    height: 1.85rem;
    font-size: .78rem;
    border-radius: .55rem;
  }
  #tab-musteri .musteri-kpi-grid .kpi-val { font-size: 1.05rem; line-height: 1.15; font-weight: 800; }
  #tab-musteri .musteri-kpi-grid .kpi-lbl { font-size: .6rem; letter-spacing: .04em; font-weight: 700; }
  #tab-musteri .musteri-kpi-grid .kpi-val.text-base { font-size: .78rem !important; }
  html.theme-light #tab-musteri .musteri-kpi-grid .kpi-card {
    background: linear-gradient(180deg, #fff 0%, #fafbfc 100%);
    border: 1px solid rgba(15, 23, 42, .09);
    box-shadow: 0 1px 2px rgba(15, 23, 42, .04), 0 6px 18px rgba(15, 23, 42, .05);
  }
  html.theme-light #tab-musteri .musteri-kpi-grid .kpi-card-primary {
    background:
      radial-gradient(120% 140% at 0% 0%, rgba(201, 138, 75, .16), transparent 58%),
      linear-gradient(135deg, #fff7ed 0%, #fff 100%);
    border-color: rgba(201, 138, 75, .28);
    box-shadow: 0 2px 8px rgba(201, 138, 75, .12), 0 8px 24px rgba(15, 23, 42, .06);
  }
  html.theme-light #tab-musteri .musteri-kpi-grid button.kpi-card:hover {
    border-color: rgba(217, 119, 6, .35);
    box-shadow: 0 4px 14px rgba(217, 119, 6, .12);
  }
  html.theme-rose #tab-musteri .musteri-kpi-grid .kpi-card-primary {
    background:
      radial-gradient(120% 140% at 0% 0%, rgba(236, 72, 153, .14), transparent 58%),
      linear-gradient(135deg, #fff5f9 0%, #fff 100%);
    border-color: rgba(236, 72, 153, .28);
  }
  .musteri-ara-panel {
    width: fit-content;
    max-width: 100%;
    padding: 0;
    border: none;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
  }
  html.theme-light .musteri-ara-panel {
    background: transparent;
    border: none;
    box-shadow: none;
  }
  .musteri-ara-ust {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: .35rem;
    width: fit-content;
    max-width: 100%;
  }
  .musteri-export-btns {
    display: inline-flex;
    align-items: center;
    gap: .3rem;
    flex-shrink: 0;
  }
  .musteri-filtre-bar {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    gap: .28rem;
    width: fit-content;
    max-width: 100%;
    padding: 0;
    border: none;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
    overscroll-behavior-x: contain;
  }
  .musteri-filtre-bar:empty { display: none; }
  .musteri-filtre-bar::-webkit-scrollbar { display: none; }
  .musteri-ara-input {
    width: min(100%, 18rem);
    flex: none;
    min-width: 12rem;
    max-width: 18rem;
    padding: .5rem .75rem;
    font-size: 1rem; /* iOS zoom önleme */
    min-height: 2.35rem;
    border-radius: 999px;
  }
  .musteri-filtre-btn {
    flex: 0 0 auto;
    font-size: .66rem;
    font-weight: 800;
    letter-spacing: .02em;
    padding: .32rem .62rem;
    min-height: 1.9rem;
    border-radius: 999px;
    border: 1.5px solid rgba(148,163,184,.45);
    background: #fff;
    color: #334155;
    transition: all .18s ease;
    box-shadow: 0 1px 2px rgba(15,23,42,.05);
  }
  @media (min-width: 640px) {
    .musteri-ara-panel { padding: 0; }
    .musteri-ara-ust {
      flex-direction: row;
      flex-wrap: nowrap;
      align-items: center;
      justify-content: flex-start;
      gap: .4rem;
    }
    .musteri-export-btns { order: 0; }
    .musteri-filtre-bar {
      order: 1;
      flex: 0 1 auto;
      width: auto;
      min-width: 0;
      overflow-x: auto;
      flex-wrap: nowrap;
      padding: 0;
    }
    .musteri-ara-input {
      order: 2;
      flex: 0 0 15rem;
      width: 15rem;
      min-width: 15rem;
      max-width: 15rem;
      margin-left: 0;
      padding: .38rem .7rem;
      font-size: .8rem;
      min-height: 2rem;
    }
    .musteri-filtre-btn {
      font-size: .64rem;
      padding: .28rem .55rem;
      min-height: 1.85rem;
    }
  }
  .musteri-filtre-btn:hover:not(.is-active) {
    border-color: rgba(201, 138, 75, .4);
    background: #fff7ed;
    color: #78350f;
  }
  html.theme-light .musteri-filtre-btn {
    border-color: rgba(180, 130, 40, .28);
    background: linear-gradient(180deg, #fff 0%, #fffaf3 100%);
    color: #78350f;
    box-shadow: 0 2px 6px rgba(201, 138, 75, .1);
  }
  html.theme-light .musteri-filtre-btn:hover:not(.is-active) {
    border-color: rgba(180, 130, 40, .45);
    background: #fff7ed;
    color: #92400e;
  }
  .musteri-filtre-btn.is-active {
    border-color: transparent;
    background: linear-gradient(135deg, #4a8f6f 0%, #2f6b52 100%);
    color: #fff;
    box-shadow: 0 4px 14px rgba(61,122,95,.32), inset 0 1px 0 rgba(255,255,255,.18);
  }
  html.theme-light .musteri-filtre-btn.is-active {
    background: linear-gradient(135deg, #d97706 0%, #b45309 100%);
    box-shadow: 0 4px 14px rgba(180, 83, 9, .32), inset 0 1px 0 rgba(255,255,255,.2);
  }
  .musteri-filtre-btn.is-gun.is-active {
    background: linear-gradient(135deg, #f59e0b 0%, #d97706 100%);
    box-shadow: 0 4px 14px rgba(217,119,6,.28), inset 0 1px 0 rgba(255,255,255,.18);
  }
  .musteri-filtre-btn.is-kara.is-active {
    background: linear-gradient(135deg, #475569 0%, #1e293b 100%);
    box-shadow: 0 4px 14px rgba(30,41,59,.3), inset 0 1px 0 rgba(255,255,255,.1);
  }
  .musteri-liste-wrap {
    display: flex;
    flex-direction: column;
    gap: .5rem;
  }
  /* Kompakt satır yoğunluğu + premium kart — mobilde tek kolon, desktop grid */
  .musteri-liste-grid {
    display: grid;
    grid-template-columns: 1fr;
    gap: .42rem;
    align-content: start;
  }
  @media (min-width: 640px) {
    .musteri-liste-grid {
      grid-template-columns: repeat(auto-fill, minmax(min(100%, 15.5rem), 1fr));
      gap: .5rem;
    }
  }
  .musteri-liste-grid .col-span-full { grid-column: 1 / -1; }
  .musteri-liste-bos {
    margin: 0;
    padding: 1.75rem 1rem;
    text-align: center;
    font-size: .88rem;
    font-weight: 600;
    line-height: 1.45;
    color: var(--rv-text-2, #64748b);
    border-radius: 12px;
    border: 1px dashed rgba(148, 163, 184, .45);
    background: rgba(248, 250, 252, .7);
  }
  html.theme-light .musteri-liste-bos {
    background: #fffaf3;
    border-color: rgba(201, 138, 75, .28);
    color: #92400e;
  }
  html.theme-rose .musteri-liste-bos {
    background: #fff5f9;
    border-color: rgba(236, 72, 153, .22);
    color: #9d174d;
  }
  html.theme-dark .musteri-liste-bos,
  html.theme-mythos .musteri-liste-bos {
    background: rgba(20, 28, 46, .55);
    border-color: rgba(255, 255, 255, .12);
    color: #94a3b8;
  }
  .musteri-sayfa-bar {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .75rem;
    margin-top: .15rem;
    padding: .55rem .65rem;
    border-radius: 12px;
    border: 1px solid rgba(15, 23, 42, .07);
    background: rgba(248, 250, 252, .7);
    font-size: .72rem;
    font-weight: 700;
    color: var(--rv-text-2, #64748b);
  }
  html.theme-light .musteri-sayfa-bar {
    background: linear-gradient(180deg, #fff 0%, #fffaf3 100%);
    border-color: rgba(201, 138, 75, .16);
    color: #92400e;
  }
  html.theme-rose .musteri-sayfa-bar {
    background: linear-gradient(180deg, #fff 0%, #fff5f9 100%);
    border-color: rgba(236, 72, 153, .14);
    color: #9d174d;
  }
  html.theme-dark .musteri-sayfa-bar,
  html.theme-mythos .musteri-sayfa-bar {
    background: rgba(255,255,255,.04);
    border-color: rgba(255,255,255,.08);
    color: #94a3b8;
  }
  .musteri-sayfa-nav { display: flex; gap: .45rem; }
  .musteri-sayfa-nav .btn-soft {
    min-width: 2.35rem;
    min-height: 2.15rem;
    font-weight: 800;
    border-radius: 999px;
  }
  /* Müşteriler · kompakt engelli numaralar */
  .musteri-kara-compact {
    margin-top: .15rem;
    padding: .65rem .7rem .7rem;
    border: 1px solid var(--rv-border, rgba(15,23,42,.1));
    border-radius: 12px;
    background: var(--rv-surface-1, #fff);
  }
  html.theme-light .musteri-kara-compact {
    background: linear-gradient(165deg, #fff 0%, #fafafa 100%);
    border-color: rgba(15, 23, 42, .1);
    box-shadow: 0 2px 8px rgba(15, 23, 42, .04);
  }
  html.theme-light .musteri-kara-title-row h3 { color: #1c1917; }
  html.theme-light .musteri-kara-ayar {
    border-color: rgba(201, 138, 75, .28);
    background: linear-gradient(180deg, #fff 0%, #fff7ed 100%);
    color: #78350f;
  }
  html.theme-light .musteri-kara-ayar:hover {
    background: #fff7ed;
    border-color: rgba(180, 83, 9, .4);
  }
  html.theme-rose .musteri-kara-compact {
    background: linear-gradient(165deg, #fff 0%, #fff5f9 100%);
    border-color: rgba(190, 24, 93, .12);
  }
  html.theme-dark .musteri-kara-compact,
  html.theme-mythos .musteri-kara-compact {
    background: rgba(20, 28, 46, .7);
    border-color: rgba(255,255,255,.08);
  }
  .musteri-kara-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .55rem;
  }
  .musteri-kara-title-row {
    display: flex;
    align-items: center;
    gap: .4rem;
    min-width: 0;
  }
  .musteri-kara-title-row h3 {
    margin: 0;
    font-size: .82rem;
    font-weight: 800;
    color: var(--rv-text);
    letter-spacing: -.01em;
  }
  .kara-panel-meta {
    display: inline-flex;
    align-items: center;
    font-size: .58rem;
    font-weight: 800;
    letter-spacing: .06em;
    text-transform: uppercase;
    padding: .14rem .4rem;
    border-radius: 999px;
    background: rgba(15, 23, 42, .05);
    color: #64748b;
    border: 1px solid rgba(15, 23, 42, .08);
  }
  html.theme-light .kara-panel-meta {
    background: #f1f5f9;
    color: #475569;
  }
  .musteri-kara-hint {
    margin: .28rem 0 0;
    font-size: .66rem;
    line-height: 1.35;
    color: var(--rv-text-3, #64748b);
  }
  .musteri-kara-hint strong { color: var(--rv-text-2, #475569); font-weight: 800; }
  .musteri-kara-ayar {
    flex: 0 0 auto;
    padding: .28rem .5rem;
    border: 1px solid var(--rv-border, rgba(15,23,42,.1));
    border-radius: 8px;
    background: transparent;
    color: var(--rv-text-2);
    font-size: .62rem;
    font-weight: 700;
    white-space: nowrap;
  }
  .musteri-kara-ayar:hover { background: var(--rv-surface-2, #f8fafc); }
  .musteri-kara-form {
    display: grid;
    grid-template-columns: minmax(0, 1.1fr) minmax(0, 1fr) auto;
    align-items: center;
    gap: .4rem;
    margin-top: .5rem;
  }
  .musteri-kara-form .field {
    min-height: 2rem;
    padding: .35rem .55rem;
    font-size: .74rem;
  }
  .musteri-kara-engelle {
    height: 2rem;
    padding: 0 .7rem;
    border: 0;
    border-radius: 8px;
    background: #b91c1c;
    color: #fff;
    font-size: .68rem;
    font-weight: 800;
  }
  .musteri-kara-engelle:hover { background: #991b1b; }
  .musteri-kara-liste {
    max-height: 12rem;
    overflow: auto;
    margin-top: .4rem;
  }
  .musteri-kara-compact .kara-row {
    padding: .45rem .55rem;
    border-radius: 9px;
    animation: none;
  }
  .musteri-kara-compact .kara-row + .kara-row { margin-top: .25rem; }
  .musteri-kara-compact .kara-row-tel { font-size: .76rem; }
  .musteri-kara-compact .kara-row-meta { margin-top: .06rem; font-size: .62rem; }
  .musteri-kara-compact .kara-btn-affet { padding: .28rem .48rem; border-radius: 7px; font-size: .62rem; }
  .musteri-kara-compact .kara-empty {
    padding: .45rem 0 .05rem;
    text-align: left;
    border: 0;
    background: transparent;
  }
  .musteri-kara-compact .kara-empty-title { font-size: .72rem; font-weight: 700; color: var(--rv-text-2, #64748b); }
  .musteri-kara-compact .kara-empty-sub { margin-top: .06rem; font-size: .62rem; color: var(--rv-text-3, #94a3b8); }
  @media (max-width: 639px) {
    .musteri-kara-form { grid-template-columns: minmax(0, 1fr) auto; }
    .musteri-kara-form #klTelefon { grid-column: 1; grid-row: 1; }
    .musteri-kara-form .musteri-kara-engelle { grid-column: 2; grid-row: 1; }
    .musteri-kara-form #klAd { grid-column: 1 / -1; grid-row: 2; }
  }
  .musteri-ozet-btn {
    width: 100%; text-align: left; cursor: pointer;
    background: var(--rv-surface-1, #fff);
    border: 1px solid var(--rv-border, rgba(15,23,42,.1));
    border-radius: 12px; padding: .55rem .65rem;
    box-shadow: 0 2px 6px rgba(15,23,42,.07), 0 8px 20px rgba(15,23,42,.06);
    transition: border-color .18s, box-shadow .18s, transform .12s;
    color: inherit;
  }
  html.theme-light .musteri-ozet-btn.seg-green,
  html.theme-rose .musteri-ozet-btn.seg-green {
    background: linear-gradient(155deg, #bbf7d0 0%, #ecfdf5 42%, #f0fdf9 100%);
    border-color: rgba(16,185,129,.38);
    box-shadow: 0 3px 14px rgba(16,185,129,.16), 0 1px 0 rgba(255,255,255,.7) inset;
  }
  html.theme-light .musteri-ozet-btn.seg-amber,
  html.theme-rose .musteri-ozet-btn.seg-amber {
    background: linear-gradient(155deg, #fde68a 0%, #fffbeb 42%, #fffef5 100%);
    border-color: rgba(245,158,11,.38);
    box-shadow: 0 3px 14px rgba(245,158,11,.14), 0 1px 0 rgba(255,255,255,.7) inset;
  }
  html.theme-light .musteri-ozet-btn.seg-orange,
  html.theme-rose .musteri-ozet-btn.seg-orange {
    background: linear-gradient(155deg, #fed7aa 0%, #fff7ed 42%, #fffaf5 100%);
    border-color: rgba(249,115,22,.36);
    box-shadow: 0 3px 14px rgba(249,115,22,.14), 0 1px 0 rgba(255,255,255,.7) inset;
  }
  html.theme-light .musteri-ozet-btn.seg-red,
  html.theme-rose .musteri-ozet-btn.seg-red {
    background: linear-gradient(155deg, #fecaca 0%, #fef2f2 42%, #fff8f8 100%);
    border-color: rgba(239,68,68,.34);
    box-shadow: 0 3px 14px rgba(239,68,68,.12), 0 1px 0 rgba(255,255,255,.7) inset;
  }
  html.theme-light .musteri-ozet-btn.seg-slate,
  html.theme-rose .musteri-ozet-btn.seg-slate {
    background: linear-gradient(155deg, #e2e8f0 0%, #f1f5f9 42%, #f8fafc 100%);
    border-color: rgba(100,116,139,.32);
    box-shadow: 0 3px 14px rgba(100,116,139,.12), 0 1px 0 rgba(255,255,255,.7) inset;
  }
  html.theme-light .musteri-ozet-btn,
  html.theme-rose .musteri-ozet-btn {
    border-color: rgba(15,23,42,.12);
    box-shadow: 0 2px 8px rgba(15,23,42,.08), 0 10px 24px rgba(15,23,42,.05);
  }
  html.theme-dark .musteri-ozet-btn,
  html.theme-mythos .musteri-ozet-btn {
    background: var(--rv-surface-1, #141c2e);
    border-color: var(--rv-border, rgba(255,255,255,.1));
    box-shadow: var(--rv-shadow-card-dark);
    color: var(--rv-text, #f2f4fb);
  }
  html.theme-dark .musteri-ozet-btn.seg-green,
  html.theme-mythos .musteri-ozet-btn.seg-green {
    background: linear-gradient(155deg, rgba(16,185,129,.22) 0%, rgba(20,28,46,.98) 55%, #141c2e 100%);
    border-color: rgba(52,211,153,.28);
    box-shadow: 0 4px 18px rgba(0,0,0,.28), inset 0 1px 0 rgba(255,255,255,.05);
  }
  html.theme-dark .musteri-ozet-btn.seg-amber,
  html.theme-mythos .musteri-ozet-btn.seg-amber {
    background: linear-gradient(155deg, rgba(245,158,11,.2) 0%, rgba(20,28,46,.98) 55%, #141c2e 100%);
    border-color: rgba(251,191,36,.26);
    box-shadow: 0 4px 18px rgba(0,0,0,.28), inset 0 1px 0 rgba(255,255,255,.05);
  }
  html.theme-dark .musteri-ozet-btn.seg-orange,
  html.theme-mythos .musteri-ozet-btn.seg-orange {
    background: linear-gradient(155deg, rgba(249,115,22,.2) 0%, rgba(20,28,46,.98) 55%, #141c2e 100%);
    border-color: rgba(251,146,60,.26);
    box-shadow: 0 4px 18px rgba(0,0,0,.28), inset 0 1px 0 rgba(255,255,255,.05);
  }
  html.theme-dark .musteri-ozet-btn.seg-red,
  html.theme-mythos .musteri-ozet-btn.seg-red {
    background: linear-gradient(155deg, rgba(239,68,68,.18) 0%, rgba(20,28,46,.98) 55%, #141c2e 100%);
    border-color: rgba(248,113,113,.24);
    box-shadow: 0 4px 18px rgba(0,0,0,.28), inset 0 1px 0 rgba(255,255,255,.05);
  }
  html.theme-dark .musteri-ozet-btn.seg-slate,
  html.theme-mythos .musteri-ozet-btn.seg-slate {
    background: linear-gradient(155deg, rgba(100,116,139,.16) 0%, rgba(20,28,46,.98) 55%, #141c2e 100%);
    border-color: rgba(148,163,184,.22);
    box-shadow: 0 4px 18px rgba(0,0,0,.28), inset 0 1px 0 rgba(255,255,255,.05);
  }
  html.theme-dark .musteri-ozet-ad,
  html.theme-mythos .musteri-ozet-ad { color: var(--rv-text, #f2f4fb); }
  html.theme-dark .musteri-ozet-alt,
  html.theme-mythos .musteri-ozet-alt { color: var(--rv-text-2, #9aa3bd); }
  .musteri-ozet-btn:hover {
    border-color: var(--rv-accent-border, rgba(99,102,241,.4));
    box-shadow: 0 6px 22px rgba(15,23,42,.1), 0 16px 40px rgba(99,102,241,.07);
  }
  html.theme-light .musteri-ozet-btn:hover,
  html.theme-rose .musteri-ozet-btn:hover {
    border-color: rgba(201, 138, 75, .45);
    box-shadow: 0 4px 16px rgba(15,23,42,.1), 0 12px 32px rgba(201, 138, 75, .12);
  }
  html.theme-dark .musteri-ozet-btn:hover,
  html.theme-mythos .musteri-ozet-btn:hover {
    border-color: rgba(110,231,183,.32);
    box-shadow: 0 8px 28px rgba(0,0,0,.35), 0 0 0 1px rgba(110,231,183,.12);
  }
  .musteri-ozet-btn:active { transform: scale(0.99); }
  .musteri-ozet-ust { display: flex; align-items: center; gap: .5rem; }
  .musteri-avatar {
    width: 2rem; height: 2rem; border-radius: 999px;
    display: flex; align-items: center; justify-content: center;
    font-weight: 800; font-size: .78rem; color: #fff; flex-shrink: 0;
    letter-spacing: .02em;
    box-shadow: 0 2px 6px rgba(15,23,42,.18);
  }
  .musteri-ozet-ad { font-weight: 800; font-size: .84rem; line-height: 1.2; color: var(--rv-text, #0f172a); }
  .musteri-ozet-alt {
    font-size: .66rem; color: var(--rv-text-2, #64748b);
    margin-top: .08rem; line-height: 1.3;
  }
  .musteri-segment {
    font-size: .62rem; font-weight: 700; white-space: nowrap;
    padding: .16rem .42rem; border-radius: 999px; flex-shrink: 0;
  }
  .musteri-segment.green { background: rgba(16,185,129,.14); color: #047857; }
  .musteri-segment.amber { background: rgba(245,158,11,.16); color: #b45309; }
  .musteri-segment.orange { background: rgba(249,115,22,.14); color: #c2410c; }
  .musteri-segment.red { background: rgba(239,68,68,.12); color: #b91c1c; }
  .musteri-segment.slate { background: rgba(100,116,139,.14); color: #475569; }
  html.theme-dark .musteri-segment.green,
  html.theme-mythos .musteri-segment.green { background: rgba(16,185,129,.2); color: #6ee7b7; }
  html.theme-dark .musteri-segment.amber,
  html.theme-mythos .musteri-segment.amber { background: rgba(245,158,11,.18); color: #fcd34d; }
  html.theme-dark .musteri-segment.orange,
  html.theme-mythos .musteri-segment.orange { background: rgba(249,115,22,.18); color: #fdba74; }
  html.theme-dark .musteri-segment.red,
  html.theme-mythos .musteri-segment.red { background: rgba(239,68,68,.16); color: #fca5a5; }
  html.theme-dark .musteri-segment.slate,
  html.theme-mythos .musteri-segment.slate { background: rgba(100,116,139,.18); color: #cbd5e1; }
  .musteri-ozet-metrik { display: grid; grid-template-columns: 1fr 1fr; gap: .28rem; margin-top: .4rem; }
  .musteri-ozet-metrik--tek { grid-template-columns: 1fr; }
  .musteri-ozet-metrik span {
    font-size: .64rem; font-weight: 800; padding: .28rem .4rem; border-radius: 8px;
    background: rgba(255,255,255,.55); color: var(--rv-text-2, #475569);
    text-align: center;
  }
  html.theme-light .musteri-ozet-metrik span,
  html.theme-rose .musteri-ozet-metrik span {
    background: rgba(15,23,42,.04);
    color: #475569;
    border: 1px solid rgba(15,23,42,.06);
  }
  html.theme-dark .musteri-ozet-metrik span,
  html.theme-mythos .musteri-ozet-metrik span {
    background: rgba(255,255,255,.06);
    border: 1px solid rgba(255,255,255,.08);
    color: var(--rv-text-2, #9aa3bd);
  }
  .musteri-metrik-guven { color: #0f766e !important; }
  .musteri-metrik-guven.is-yetersiz {
    color: #64748b !important;
    font-weight: 700;
    font-size: .68rem;
    letter-spacing: 0;
    text-transform: none;
  }
  .musteri-metrik-guven.is-riskli { color: #b91c1c !important; }
  html.theme-dark .musteri-metrik-guven,
  html.theme-mythos .musteri-metrik-guven { color: #5eead4 !important; }
  html.theme-dark .musteri-metrik-guven.is-yetersiz,
  html.theme-mythos .musteri-metrik-guven.is-yetersiz { color: #94a3b8 !important; }
  html.theme-dark .musteri-metrik-guven.is-riskli,
  html.theme-mythos .musteri-metrik-guven.is-riskli { color: #fca5a5 !important; }
  .musteri-ozet-btn.has-risk { box-shadow: inset 3px 0 0 #ea580c; }
  .musteri-risk-dot {
    width: .55rem;
    height: .55rem;
    border-radius: 999px;
    background: #ea580c;
    flex-shrink: 0;
    align-self: center;
  }
  .musteri-ozet-risk {
    display: flex;
    flex-wrap: wrap;
    gap: .25rem;
    margin-top: .3rem;
  }
  .musteri-metrik-risk {
    font-size: .62rem;
    font-weight: 800;
    letter-spacing: .02em;
    padding: .12rem .4rem;
    border-radius: 999px;
  }
  .musteri-metrik-risk.is-iptal {
    background: #fef2f2;
    color: #b91c1c;
  }
  .musteri-metrik-risk.is-noshow {
    background: #fff7ed;
    color: #c2410c;
  }
  html.theme-dark .musteri-metrik-risk.is-iptal,
  html.theme-mythos .musteri-metrik-risk.is-iptal {
    background: rgba(239, 68, 68, .18);
    color: #fca5a5;
  }
  html.theme-dark .musteri-metrik-risk.is-noshow,
  html.theme-mythos .musteri-metrik-risk.is-noshow {
    background: rgba(234, 88, 12, .2);
    color: #fdba74;
  }
  html.theme-dark .musteri-ozet-chevron,
  html.theme-mythos .musteri-ozet-chevron { opacity: .55; color: var(--rv-text-3, #5d6480); }
  .musteri-ozet-chevron {
    font-size: 1.15rem; font-weight: 700; opacity: .42; margin-left: .1rem;
    flex-shrink: 0; align-self: center; color: var(--rv-text-2, #64748b);
    transition: opacity .15s, color .15s, transform .15s;
  }
  .musteri-ozet-btn:hover .musteri-ozet-chevron {
    opacity: .78; color: #b45309; transform: translateX(2px);
  }
  html.theme-dark .musteri-ozet-btn:hover .musteri-ozet-chevron,
  html.theme-mythos .musteri-ozet-btn:hover .musteri-ozet-chevron {
    color: #8fbfaa; opacity: .8;
  }
  html.theme-rose .musteri-ozet-btn:hover .musteri-ozet-chevron {
    color: #be185d;
  }
  .gecmis-kart { border-left: 4px solid #e2e8f0; }
  .gecmis-kart.durum-completed { border-left-color: #4a8f6f; }
  .gecmis-kart.durum-no_show { border-left-color: #f97316; }
  .gecmis-kart.durum-cancelled { border-left-color: #94a3b8; }
  .gecmis-liste-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(min(100%, 15.5rem), 1fr));
    gap: .75rem;
  }
  .gecmis-liste-grid .col-span-full { grid-column: 1 / -1; }
  .gecmis-ozet-kart {
    border-radius: 14px;
    border: 1px solid rgba(15,23,42,.1);
    border-left-width: 4px;
    padding: .72rem .78rem;
    background: var(--rv-surface-1, #fff);
    box-shadow: 0 2px 8px rgba(15,23,42,.06);
    transition: border-color .18s, box-shadow .18s;
  }
  html.theme-light .gecmis-ozet-kart.durum-completed,
  html.theme-rose .gecmis-ozet-kart.durum-completed {
    background: linear-gradient(155deg, #ecfdf5 0%, #f8fffb 52%, #fff 100%);
    border-color: rgba(16,185,129,.22);
    border-left-color: #4a8f6f;
  }
  html.theme-light .gecmis-ozet-kart.durum-no_show,
  html.theme-rose .gecmis-ozet-kart.durum-no_show {
    background: linear-gradient(155deg, #fff7ed 0%, #fffaf5 52%, #fff 100%);
    border-color: rgba(249,115,22,.2);
    border-left-color: #f97316;
  }
  html.theme-light .gecmis-ozet-kart.durum-cancelled,
  html.theme-rose .gecmis-ozet-kart.durum-cancelled {
    background: linear-gradient(155deg, #f8fafc 0%, #fcfdfe 52%, #fff 100%);
    border-color: rgba(100,116,139,.18);
    border-left-color: #94a3b8;
  }
  html.theme-light .gecmis-ozet-kart.durum-pending,
  html.theme-light .gecmis-ozet-kart.durum-confirmed,
  html.theme-rose .gecmis-ozet-kart.durum-pending,
  html.theme-rose .gecmis-ozet-kart.durum-confirmed {
    background: linear-gradient(155deg, #eff6ff 0%, #f8fbff 52%, #fff 100%);
    border-color: rgba(59,130,246,.18);
    border-left-color: #64748b;
  }
  html.theme-dark .gecmis-ozet-kart,
  html.theme-mythos .gecmis-ozet-kart {
    background: var(--rv-surface-1, #141c2e);
    border-color: rgba(255,255,255,.1);
    box-shadow: none;
    color: #e2e8f0;
  }
  html.theme-dark .gecmis-ozet-kart.durum-completed,
  html.theme-mythos .gecmis-ozet-kart.durum-completed {
    background: linear-gradient(155deg, rgba(28,46,38,.92) 0%, #141c2e 100%);
    border-color: rgba(74,143,111,.28);
    border-left-color: #4a8f6f;
  }
  html.theme-dark .gecmis-ozet-kart.durum-no_show,
  html.theme-mythos .gecmis-ozet-kart.durum-no_show {
    background: linear-gradient(155deg, rgba(42,31,24,.92) 0%, #141c2e 100%);
    border-color: rgba(249,115,22,.28);
    border-left-color: #f97316;
  }
  html.theme-dark .gecmis-ozet-kart.durum-cancelled,
  html.theme-mythos .gecmis-ozet-kart.durum-cancelled {
    background: linear-gradient(155deg, rgba(22,28,42,.95) 0%, #141c2e 100%);
    border-color: rgba(148,163,184,.22);
    border-left-color: #94a3b8;
  }
  html.theme-dark .gecmis-ozet-kart.durum-pending,
  html.theme-dark .gecmis-ozet-kart.durum-confirmed,
  html.theme-mythos .gecmis-ozet-kart.durum-pending,
  html.theme-mythos .gecmis-ozet-kart.durum-confirmed {
    background: linear-gradient(155deg, rgba(23,37,84,.55) 0%, #141c2e 100%);
    border-color: rgba(96,165,250,.22);
    border-left-color: #64748b;
  }
  .gecmis-ozet-kart:hover {
    box-shadow: 0 4px 16px rgba(15,23,42,.1);
  }
  .gecmis-ozet-ust {
    display: flex;
    align-items: center;
    gap: .4rem;
    margin-bottom: .45rem;
  }
  .gecmis-ozet-saat {
    font-family: var(--rv-font-d);
    font-size: .82rem;
    font-weight: 700;
    color: var(--rv-text, #0f172a);
    letter-spacing: -.02em;
    flex-shrink: 0;
  }
  .gecmis-ozet-rozetler {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: .28rem;
    min-width: 0;
    flex: 1;
  }
  .gecmis-durum-badge {
    font-size: .58rem;
    font-weight: 800;
    padding: .14rem .38rem;
    border-radius: 999px;
    white-space: nowrap;
  }
  .gecmis-durum-badge.durum-completed { background: rgba(16,185,129,.14); color: #047857; }
  .gecmis-durum-badge.durum-no_show { background: rgba(249,115,22,.14); color: #c2410c; }
  .gecmis-durum-badge.durum-cancelled { background: rgba(100,116,139,.14); color: #475569; }
  .gecmis-durum-badge.durum-pending,
  .gecmis-durum-badge.durum-confirmed { background: rgba(59,130,246,.12); color: #1d4ed8; }
  .gecmis-kaynak {
    font-size: .58rem;
    font-weight: 700;
    padding: .14rem .36rem;
    border-radius: 999px;
    background: rgba(100,116,139,.12);
    color: #64748b;
  }
  .gecmis-ozet-sil {
    flex-shrink: 0;
    font-size: .58rem;
    font-weight: 800;
    padding: .22rem .45rem;
    border-radius: 999px;
    border: 1px solid rgba(239,68,68,.22);
    background: rgba(254,242,242,.85);
    color: #dc2626;
    cursor: pointer;
  }
  .gecmis-ozet-sil:hover { background: #fef2f2; border-color: rgba(239,68,68,.35); }
  .gecmis-ozet-ad {
    font-size: .86rem;
    font-weight: 800;
    color: var(--rv-text, #0f172a);
    line-height: 1.25;
  }
  .gecmis-ozet-meta {
    display: flex;
    flex-wrap: wrap;
    gap: .35rem .55rem;
    font-size: .66rem;
    font-weight: 600;
    color: var(--rv-text-2, #64748b);
    margin-top: .12rem;
  }
  .gecmis-ozet-metrik {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: .3rem;
    margin-top: .5rem;
  }
  .gecmis-ozet-metrik span {
    font-size: .64rem;
    font-weight: 700;
    padding: .28rem .38rem;
    border-radius: 8px;
    background: rgba(255,255,255,.65);
    border: 1px solid rgba(15,23,42,.06);
    color: var(--rv-text-2, #475569);
    text-align: center;
  }
  .gecmis-ozet-not {
    font-size: .62rem;
    color: var(--rv-text-2, #64748b);
    margin-top: .4rem;
    padding-top: .35rem;
    border-top: 1px solid rgba(15,23,42,.06);
    line-height: 1.35;
  }
  html.theme-dark .gecmis-ozet-saat,
  html.theme-mythos .gecmis-ozet-saat,
  html.theme-dark .gecmis-ozet-ad,
  html.theme-mythos .gecmis-ozet-ad { color: #f1f5f9; }
  html.theme-dark .gecmis-ozet-meta,
  html.theme-mythos .gecmis-ozet-meta { color: #94a3b8; }
  html.theme-dark .gecmis-ozet-metrik span,
  html.theme-mythos .gecmis-ozet-metrik span {
    background: rgba(255,255,255,.06);
    border-color: rgba(255,255,255,.08);
    color: #cbd5e1;
  }
  html.theme-dark .gecmis-ozet-not,
  html.theme-mythos .gecmis-ozet-not {
    color: #94a3b8;
    border-top-color: rgba(255,255,255,.08);
  }
  html.theme-dark .gecmis-kaynak,
  html.theme-mythos .gecmis-kaynak {
    background: rgba(255,255,255,.08);
    color: #94a3b8;
  }
  html.theme-dark .gecmis-durum-badge.durum-completed,
  html.theme-mythos .gecmis-durum-badge.durum-completed {
    background: rgba(16,185,129,.18);
    color: #6ee7b7;
  }
  html.theme-dark .gecmis-durum-badge.durum-no_show,
  html.theme-mythos .gecmis-durum-badge.durum-no_show {
    background: rgba(249,115,22,.18);
    color: #fdba74;
  }
  html.theme-dark .gecmis-durum-badge.durum-cancelled,
  html.theme-mythos .gecmis-durum-badge.durum-cancelled {
    background: rgba(148,163,184,.16);
    color: #cbd5e1;
  }
  html.theme-dark .gecmis-durum-badge.durum-pending,
  html.theme-dark .gecmis-durum-badge.durum-confirmed,
  html.theme-mythos .gecmis-durum-badge.durum-pending,
  html.theme-mythos .gecmis-durum-badge.durum-confirmed {
    background: rgba(59,130,246,.16);
    color: #93c5fd;
  }
  html.theme-dark .gecmis-ozet-sil,
  html.theme-mythos .gecmis-ozet-sil {
    background: rgba(239,68,68,.12);
    border-color: rgba(239,68,68,.28);
    color: #fca5a5;
  }
  html.theme-dark .gecmis-ozet-sil:hover,
  html.theme-mythos .gecmis-ozet-sil:hover {
    background: rgba(239,68,68,.2);
    border-color: rgba(239,68,68,.38);
  }
  .yogun-gun-kart { background: linear-gradient(135deg, #edf5f0 0%, #f0f2f6 100%); border: 1px solid #b5d4c4; border-radius: 14px; padding: 12px 14px; }
  .period-pill.locked { opacity: .45; cursor: not-allowed; }
  .period-pill.locked::after { content: " 🔒"; font-size: 9px; }
  .saat-bugun-kart { background: linear-gradient(135deg, #ecfdf5 0%, #edf5f0 100%); border: 1px solid #b5d4c4; border-radius: 14px; }
  .saat-hafta-secici { margin-top: .15rem; }
  .saat-gun-mini {
    border-radius: 10px;
    border: 1.5px solid #e2e8f0;
    padding: 6px 4px;
    text-align: center;
    background: #fff;
    cursor: pointer;
    transition: border-color .2s, box-shadow .2s, background .2s, transform .15s;
    font: inherit;
    color: inherit;
    width: 100%;
  }
  .saat-gun-mini:hover { border-color: rgba(201,138,75,.45); background: rgba(255,251,235,.6); }
  .saat-gun-mini:focus-visible { outline: 2px solid rgba(201,138,75,.55); outline-offset: 2px; }
  .saat-gun-mini.bugun { border-color: #b5d4c4; background: #edf5f0; }
  .saat-gun-mini.secili {
    border-color: rgba(201,138,75,.55);
    background: linear-gradient(135deg, rgba(201,138,75,.14), rgba(255,251,235,.95));
    box-shadow: 0 0 0 1px rgba(201,138,75,.22), 0 4px 16px rgba(201,138,75,.12), inset 0 1px 0 rgba(255,255,255,.9);
  }
  .saat-gun-mini.kapali { background: #f8fafc; opacity: .75; }
  .saat-gun-mini.acik .durum { color: #059669; }
  .saat-gun-mini.kapali .durum { color: #dc2626; font-weight: 800; }
  .saat-gun-mini .gun-ad { font-size: .6rem; font-weight: 800; text-transform: uppercase; color: #64748b; pointer-events: none; }
  .saat-gun-mini.bugun .gun-ad { color: #2f6b52; }
  .saat-gun-mini.secili .gun-ad { color: #92400e; }
  .saat-gun-mini .durum { font-size: .55rem; font-weight: 700; margin-top: 2px; pointer-events: none; }

  .saat-duzenle-kart { border-radius: 14px; }
  .saat-duzenle-baslik {
    font-size: .78rem;
    font-weight: 700;
    letter-spacing: .04em;
    text-transform: uppercase;
    color: #64748b;
    margin: 0 0 .85rem;
  }
  .saat-zaman-satir { display: flex; flex-direction: column; gap: .75rem; }
  .saat-zaman-grup {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: .65rem 1rem;
    padding: .65rem .75rem;
    border-radius: 12px;
    border: 1px solid rgba(15,23,42,.07);
    background: rgba(248,250,252,.85);
  }
  .saat-zaman-aralik,
  .saat-mola-aralik {
    display: inline-flex;
    align-items: center;
    gap: .45rem;
  }
  .saat-zaman-input {
    width: 4.35rem;
    padding: .42rem .5rem;
    border-radius: 8px;
    border: 1px solid rgba(15,23,42,.1);
    background: #fff;
    font-family: var(--rv-font-m);
    font-size: .9rem;
    font-weight: 600;
    letter-spacing: .02em;
    color: #0f172a;
    text-align: center;
    transition: border-color .2s, box-shadow .2s;
  }
  .saat-zaman-input:focus {
    outline: none;
    border-color: rgba(201,138,75,.65);
    box-shadow: 0 0 0 3px rgba(201,138,75,.18);
  }
  .saat-zaman-ayir { color: #94a3b8; font-weight: 500; font-size: .9rem; user-select: none; }
  .saat-mola-toggle {
    display: inline-flex;
    align-items: center;
    gap: .5rem;
    margin-left: auto;
    cursor: pointer;
    font-size: .8rem;
    font-weight: 600;
    color: #475569;
    white-space: nowrap;
  }
  .saat-mola-toggle input {
    width: 1rem;
    height: 1rem;
    accent-color: #4a8f6f;
    cursor: pointer;
  }
  .saat-mola-aralik {
    overflow: hidden;
    max-width: 100%;
    transition: opacity .28s ease, transform .28s ease, max-width .28s ease, margin .28s ease;
  }
  .saat-mola-aralik.saat-mola-kapali {
    opacity: 0;
    transform: translateX(.35rem);
    max-width: 0;
    margin: 0;
    pointer-events: none;
  }
  .saat-mola-aralik.saat-mola-acik {
    opacity: 1;
    transform: translateX(0);
    max-width: 12rem;
  }
  .saat-wa-serit {
    margin: 0 0 .85rem;
    padding: .55rem .75rem;
    border-radius: 10px;
    background: rgba(236, 253, 245, .92);
    border: 1px solid rgba(16, 185, 129, .22);
    font-size: .74rem;
    line-height: 1.45;
    color: #047857;
    font-weight: 600;
    letter-spacing: .01em;
  }
  .saat-wa-serit--bos {
    color: #047857;
    background: rgba(236, 253, 245, .88);
    border-color: rgba(16, 185, 129, .28);
  }
  .saat-ozet-serit {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: .5rem;
    margin: 0 0 .75rem;
  }
  .saat-ozet-kart {
    border-radius: 12px;
    border: 1px solid rgba(15,23,42,.07);
    background: #fff;
    padding: .55rem .7rem;
    display: flex;
    flex-direction: column;
    gap: .15rem;
  }
  .saat-ozet-kart.kapali .saat-ozet-val { color: #b45309; }
  .saat-ozet-lbl {
    font-size: .62rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .04em;
    color: #94a3b8;
  }
  .saat-ozet-val {
    font-size: .9rem;
    font-weight: 800;
    color: #0f172a;
    line-height: 1.25;
  }
  .saat-sablon-blok {
    margin: 0 0 .85rem;
    padding: .75rem .85rem;
    border-radius: 14px;
    border: 1px dashed rgba(201,138,75,.28);
    background: rgba(255,251,235,.45);
  }
  .saat-sablon-baslik {
    margin: 0;
    font-size: .78rem;
    font-weight: 800;
    color: #92400e;
  }
  .saat-sablon-hint {
    margin: .2rem 0 .55rem;
    font-size: .68rem;
    line-height: 1.4;
    color: #a16207;
  }
  .saat-sablon-chips {
    display: flex;
    flex-wrap: wrap;
    gap: .4rem;
  }
  .saat-sablon-chip {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: .1rem;
    text-align: left;
    padding: .45rem .65rem;
    border-radius: 10px;
    border: 1px solid rgba(201,138,75,.28);
    background: #fff;
    cursor: pointer;
    transition: border-color .15s, background .15s, transform .12s;
  }
  .saat-sablon-chip:hover {
    border-color: rgba(201,138,75,.55);
    background: #fffbeb;
  }
  .saat-sablon-chip:active { transform: scale(.98); }
  .saat-sablon-ad {
    font-size: .72rem;
    font-weight: 800;
    color: #78350f;
  }
  .saat-sablon-acik {
    font-size: .62rem;
    color: #a16207;
    line-height: 1.3;
  }
  .saat-editor-ipucu {
    margin: .35rem 0 0;
    font-size: .65rem;
    line-height: 1.4;
    color: #94a3b8;
  }
  .saat-liste-btn--kopya {
    background: rgba(148,163,184,.12);
    color: #475569;
    font-size: .7rem;
  }
  .saat-liste-btn--kopya:hover { background: rgba(148,163,184,.2); }
  .saat-hafta-liste {
    display: flex;
    flex-direction: column;
    gap: .5rem;
  }
  .saat-gun-satir {
    border-radius: 14px;
    border: 1px solid rgba(15,23,42,.07);
    background: #fff;
    padding: .85rem 1rem;
    box-shadow: 0 1px 2px rgba(15,23,42,.04);
    transition: border-color .2s, box-shadow .2s, background .2s;
  }
  .saat-gun-satir.bugun {
    border-color: rgba(74,143,111,.22);
  }
  .saat-gun-satir.duzenleniyor {
    border-color: rgba(201,138,75,.45);
    box-shadow: 0 4px 20px rgba(201,138,75,.12), inset 0 1px 0 rgba(255,255,255,.9);
  }
  .saat-gun-satir.kapali:not(.bos) {
    background: #f8fafc;
    border-color: rgba(148,163,184,.18);
  }
  .saat-gun-satir.bos {
    border-style: dashed;
    border-color: rgba(148,163,184,.22);
    background: #fff;
  }
  .saat-gun-ust {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .75rem;
  }
  .saat-gun-bilgi { min-width: 0; flex: 1; }
  .saat-gun-baslik {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: .4rem .55rem;
  }
  .saat-gun-ad {
    font-family: var(--rv-font-d);
    font-size: .92rem;
    font-weight: 700;
    letter-spacing: -.02em;
    color: #0f172a;
  }
  .saat-bugun-etiket {
    font-size: .58rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .06em;
    padding: .15rem .45rem;
    border-radius: 999px;
    background: rgba(74,143,111,.12);
    color: #2f6b52;
  }
  .saat-durum-badge {
    font-size: .58rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .05em;
    padding: .15rem .45rem;
    border-radius: 999px;
  }
  .saat-durum-badge.acik { background: rgba(16,185,129,.1); color: #047857; }
  .saat-durum-badge.kapali { background: rgba(239,68,68,.1); color: #dc2626; }
  .saat-gun-saat {
    font-size: .84rem;
    color: #475569;
    margin-top: .2rem;
    font-weight: 500;
  }
  .saat-gun-satir.kapali:not(.bos) .saat-gun-saat {
    color: #dc2626;
    font-weight: 700;
  }
  .saat-gun-satir.bos .saat-gun-saat {
    color: #64748b;
    font-weight: 500;
    font-style: normal;
  }
  .saat-gun-mola {
    font-size: .72rem;
    color: #94a3b8;
    margin-top: .15rem;
  }
  .saat-gun-editor {
    margin-top: .75rem;
    padding-top: .75rem;
    border-top: 1px solid rgba(15,23,42,.06);
    animation: saatEditorAc .22s ease;
  }
  @keyframes saatEditorAc {
    from { opacity: 0; transform: translateY(-4px); }
    to { opacity: 1; transform: translateY(0); }
  }
  .saat-editor-aksiyon {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    align-items: center;
    gap: .5rem;
    margin-top: .65rem;
  }
  .saat-editor-iptal {
    padding: .45rem .85rem;
    border-radius: 999px;
    border: 1px solid transparent;
    background: transparent;
    color: #64748b;
    font-size: .76rem;
    font-weight: 600;
    cursor: pointer;
    transition: color .2s, background .2s;
  }
  .saat-editor-iptal:hover { background: rgba(148,163,184,.1); color: #475569; }
  .saat-kaydet-wrap { display: flex; justify-content: flex-end; margin-top: .15rem; }
  .saat-kaydet-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: .5rem 1.15rem;
    border-radius: 999px;
    border: 1px solid rgba(201,138,75,.55);
    background: linear-gradient(135deg, #c98a4b, #b5773a);
    color: #fff;
    font-size: .78rem;
    font-weight: 800;
    letter-spacing: .02em;
    cursor: pointer;
    box-shadow: 0 2px 10px rgba(201,138,75,.28);
    transition: border-color .2s, box-shadow .2s, background .2s, color .2s, transform .15s;
  }
  .saat-kaydet-btn:hover {
    border-color: rgba(201,138,75,.8);
    background: linear-gradient(135deg, #d4995c, #c98a4b);
    box-shadow: 0 4px 18px rgba(201,138,75,.35);
    color: #fff;
  }
  .saat-kaydet-btn:disabled {
    opacity: .55;
    cursor: wait;
    box-shadow: none;
  }
  .saat-kaydet-btn:active { transform: scale(.98); }
  .saat-liste-aksiyon {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: .5rem;
  }
  .saat-liste-btn {
    padding: .45rem .75rem;
    border-radius: 10px;
    font-size: .72rem;
    font-weight: 700;
    border: 1px solid transparent;
    cursor: pointer;
    transition: background .2s, border-color .2s, color .2s;
    white-space: nowrap;
  }
  .saat-liste-btn--duzenle {
    background: rgba(74,143,111,.1);
    color: #2f6b52;
    border-color: rgba(74,143,111,.16);
  }
  .saat-liste-btn--duzenle:hover { background: rgba(74,143,111,.16); }
  .saat-liste-btn--kapat {
    background: rgba(148,163,184,.12);
    color: #64748b;
    border-color: rgba(148,163,184,.18);
  }
  .saat-liste-btn--kapat:hover { background: rgba(148,163,184,.18); }
  /* Tailwind CDN engellenirse — kritik layout yedegi */
  .grid { display: grid; }
  .grid-cols-7 { grid-template-columns: repeat(7, minmax(0, 1fr)); }
  .flex { display: flex; }
  .flex-col { flex-direction: column; }
  .hidden { display: none !important; }
  @media (max-width: 767px) {
    .max-md\:hidden { display: none !important; }
  }
  @media (min-width: 768px) {
    .sidebar-dock { display: block !important; }
    .sidebar-dock .sidebar-panel {
      display: grid !important;
      grid-template-rows: auto minmax(0, 1fr) auto;
      flex-direction: unset !important;
      position: relative;
      inset: auto;
      width: 100%;
      min-height: 100dvh;
      z-index: 1;
    }
    .mobile-premium-header, .mob-nav-grid, .mobile-bottom-nav { display: none !important; }
    .desktop-topbar { display: block !important; }
    .main-scroll-pad { padding-bottom: 1.5rem !important; }
    .md\:hidden { display: none !important; }
    .md\:flex { display: flex !important; }
  }
  .ay-kritik {
    display: flex; gap: .5rem; align-items: flex-start;
    border: 1px solid #fecaca; border-left: 3px solid #dc2626;
    background: #fef2f2; border-radius: 12px;
    padding: .65rem .75rem; font-size: .75rem; color: #991b1b; line-height: 1.5;
  }
  .ay-kritik-ikon { flex-shrink: 0; font-size: .95rem; line-height: 1.2; }
  .ay-onemli {
    border: 1px solid #eef1f6; background: #f4f5f8; border-radius: 12px;
    padding: .6rem .75rem; font-size: .75rem; color: #92400e; line-height: 1.5;
  }
  .ay-pro-kart {
    border: 1px solid #e6b47e; background: linear-gradient(135deg, #f4f5f8 0%, #fff 100%);
    border-radius: 16px; padding: 1rem; position: relative;
  }
  .ay-pro-kilit {
    position: absolute; inset: 0; z-index: 2; display: flex; flex-direction: column;
    align-items: center; justify-content: center; gap: .5rem;
    background: rgba(255,251,235,.92); border-radius: 16px; text-align: center; padding: 1rem;
  }
  .ay-pro-kilit.hidden { display: none; }
  .ay-pro-badge {
    display: inline-flex; align-items: center; gap: .25rem;
    font-size: .65rem; font-weight: 800; letter-spacing: .06em; text-transform: uppercase;
    color: #7a8494; background: #fef3c7; border: 1px solid #e6b47e;
    padding: .2rem .5rem; border-radius: 999px;
  }
  .ay-bolum-baslik { font-size: .72rem; font-weight: 700; text-transform: none; letter-spacing: -0.01em; color: #64748b; margin-bottom: .35rem; }
  .ay-nav-chip {
    display: inline-block; padding: .35rem .65rem; border-radius: 999px;
    font-size: .7rem; font-weight: 700; background: #f1f5f9; color: #475569;
    border: 1px solid transparent; text-decoration: none;
    transition: background .15s, border-color .15s, color .15s;
  }
  .ay-nav-chip:hover { background: #e2e8f0; color: #334155; }
  .ay-nav-chip.pro { background: #f4f5f8; color: #92400e; border-color: #eef1f6; }
  .ay-nav-chip.ay-nav-help { background: #edf5f0; color: #2f6b52; border-color: #b5d4c4; }
  .ay-shell { display: flex; flex-direction: column; gap: .75rem; }
  #tab-hesap.ay-shell { gap: .45rem; }
  .ay-settings-top { padding: 1rem 1.1rem; }
  .ay-settings-layout {
    display: grid; grid-template-columns: 1fr; gap: .75rem; align-items: start;
  }
  @media (max-width: 767px) {
    #tab-ayarlar .ay-cat-nav,
    #tab-hesap .ay-cat-nav {
      flex-direction: column;
      overflow: visible;
      gap: .4rem;
      padding: .45rem;
    }
    #tab-ayarlar .ay-cat-btn,
    #tab-hesap .ay-cat-btn {
      min-width: 0;
      width: 100%;
    }
    #tab-ayarlar.ay-mobil-detay .ay-settings-main,
    #tab-hesap.ay-mobil-detay .ay-settings-main {
      display: block !important;
    }
    #tab-ayarlar:not(.ay-mobil-detay) .ay-settings-main,
    #tab-hesap:not(.ay-mobil-detay) .ay-settings-main {
      display: none !important;
    }
    #tab-ayarlar.ay-mobil-detay .ay-cat-nav,
    #tab-hesap.ay-mobil-detay .ay-cat-nav {
      display: none !important;
    }
    #tab-ayarlar:not(.ay-mobil-detay) #ayMobilBar,
    #tab-hesap:not(.ay-mobil-detay) #hesapMobilBar {
      display: none !important;
    }
    #tab-ayarlar.ay-mobil-detay #ayMobilHubAciklama,
    #tab-hesap.ay-mobil-detay #hesapMobilHubAciklama {
      display: none !important;
    }
    .ay-mobil-hub-aciklama {
      font-size: .82rem;
      font-weight: 600;
      color: var(--rv-text-2, #94a3b8);
      margin: 0 0 .35rem;
      padding: 0 .15rem;
      line-height: 1.4;
    }
    .ay-mobil-bar {
      display: flex;
      align-items: center;
      gap: .55rem;
      margin-bottom: .45rem;
      padding: .45rem .5rem;
      border-radius: .75rem;
      border: 1px solid rgba(255,255,255,.08);
      background: rgba(255,255,255,.04);
    }
    .ay-mobil-geri {
      flex-shrink: 0;
      font-size: .74rem;
      font-weight: 700;
      padding: .4rem .55rem;
      border-radius: .55rem;
      border: 1px solid rgba(255,255,255,.1);
      background: rgba(15,23,42,.35);
      color: var(--rv-text-2, #94a3b8);
    }
    .ay-mobil-bar-baslik {
      font-size: .88rem;
      font-weight: 800;
      color: var(--rv-text, #f1f5f9);
      min-width: 0;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
    }
    html.theme-light .ay-mobil-bar {
      background: #f8fafc;
      border-color: rgba(15,23,42,.1);
    }
    html.theme-light .ay-mobil-geri {
      background: #fff;
      border-color: rgba(15,23,42,.12);
      color: #64748b;
    }
  }
  @media (min-width: 768px) {
    #ayMobilBar,
    #ayMobilHubAciklama,
    #hesapMobilBar,
    #hesapMobilHubAciklama { display: none !important; }
  }
  @media (min-width: 768px) {
    .ay-settings-layout { grid-template-columns: 12.5rem minmax(0, 1fr); }
  }
  .ay-cat-nav {
    display: flex; flex-direction: row; flex-wrap: nowrap; gap: .35rem;
    padding: .55rem; overflow-x: auto; -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
  }
  .ay-cat-nav::-webkit-scrollbar { display: none; }
  .ay-salon-durum-card { border: 1px solid rgba(15,23,42,.06); }
  .ay-salon-durum-grid { display: grid; gap: .4rem; }
  @media (min-width: 640px) {
    .ay-salon-durum-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  }
  .ay-durum-satir {
    display: flex; align-items: center; gap: .55rem;
    padding: .5rem .65rem; border-radius: 12px; font-size: .72rem; font-weight: 600;
    border: 1px solid transparent;
    transition: background .15s, border-color .15s;
  }
  .ay-durum-ikon {
    width: 1.2rem; height: 1.2rem; border-radius: 999px; flex-shrink: 0;
    display: inline-flex; align-items: center; justify-content: center;
    font-size: .6rem; font-weight: 800; line-height: 1;
  }
  .ay-durum-ok { background: #ecfdf5; color: #065f46; border-color: rgba(167,243,208,.7); }
  .ay-durum-ok .ay-durum-ikon { background: #a7f3d0; color: #065f46; }
  .ay-durum-eksik { background: #fffbeb; color: #92400e; border-color: rgba(253,230,138,.8); }
  .ay-durum-eksik .ay-durum-ikon { background: #fde68a; color: #92400e; }
  .ay-durum-metin { flex: 1; min-width: 0; line-height: 1.3; }
  .ay-durum-link {
    flex-shrink: 0; font-size: .66rem; font-weight: 800; color: #047857;
    text-decoration: none; background: rgba(255,255,255,.65);
    border: 1px solid rgba(4,120,87,.22); border-radius: 999px;
    cursor: pointer; padding: .2rem .55rem;
    transition: background .15s, border-color .15s;
  }
  .ay-durum-link:hover { background: #fff; border-color: rgba(4,120,87,.4); }
  .ay-durum-eksik .ay-durum-link { color: #92400e; border-color: rgba(146,64,14,.25); }
  .ay-durum-eksik .ay-durum-link:hover { border-color: rgba(146,64,14,.45); }
  @media (min-width: 768px) {
    .ay-cat-nav {
      flex-direction: column; overflow: visible; position: sticky; top: .5rem;
      padding: .45rem;
    }
  }
  .ay-cat-btn {
    display: flex; align-items: center; gap: .55rem; flex-shrink: 0;
    width: 100%; min-width: 9.25rem; text-align: left;
    padding: .55rem .65rem; border-radius: 12px;
    border: 1px solid transparent; background: transparent;
    cursor: pointer; transition: background .15s, border-color .15s, box-shadow .15s, transform .1s;
  }
  .ay-cat-btn:active { transform: scale(.98); }
  @media (min-width: 768px) {
    .ay-cat-btn { min-width: 0; }
  }
  .ay-cat-btn:hover { background: #f8fafc; border-color: rgba(15,23,42,.06); }
  .ay-cat-btn.active {
    background: #edf5f0; border-color: #b5d4c4;
    box-shadow: 0 1px 0 rgba(47,107,82,.08);
  }
  .ay-cat-btn.pro.active { background: #f4f5f8; border-color: #eef1f6; box-shadow: none; }
  .hesap-avatar-blok {
    display: flex; align-items: center; gap: .9rem;
    padding: .75rem .85rem; border-radius: 14px;
    background: rgba(248,250,252,.6); border: 1px solid rgba(15,23,42,.06);
  }
  .hesap-avatar-onizleme {
    width: 3.5rem; height: 3.5rem; border-radius: 999px; flex-shrink: 0;
    display: inline-flex; align-items: center; justify-content: center;
    font-size: 1.3rem; font-weight: 800; color: #fff;
    background: linear-gradient(135deg, #2f6b52, #1d4436);
    background-size: cover; background-position: center;
    border: 2px solid rgba(255,255,255,.85);
    box-shadow: 0 2px 8px rgba(15,23,42,.12);
  }
  .hesap-avatar-onizleme.has-foto { color: transparent; }
  .hesap-avatar-aksiyon { display: flex; flex-direction: column; gap: .5rem; min-width: 0; }
  html.theme-dark .hesap-avatar-blok {
    background: rgba(255,255,255,.03); border-color: rgba(255,255,255,.08);
  }
  html.theme-dark .hesap-avatar-onizleme { border-color: rgba(255,255,255,.16); }
  .ay-cat-cikis { margin-top: .25rem; border-top: 1px solid rgba(15,23,42,.06); border-radius: 0 0 12px 12px; }
  .ay-cat-cikis .ay-cat-title { color: #b91c1c; }
  .ay-cat-cikis:hover { background: rgba(239,68,68,.06); border-color: rgba(239,68,68,.15); }
  html.theme-dark .ay-cat-cikis { border-top-color: rgba(255,255,255,.07); }
  html.theme-dark .ay-cat-cikis .ay-cat-title { color: #fca5a5; }
  html.theme-dark .ay-cat-cikis:hover { background: rgba(239,68,68,.1); border-color: rgba(239,68,68,.2); }
  .ay-cat-icon {
    width: 1.75rem; height: 1.75rem; border-radius: 10px;
    display: inline-flex; align-items: center; justify-content: center;
    font-size: .95rem; background: #f1f5f9; flex-shrink: 0;
    color: #475569;
  }
  .ay-cat-icon.rv-ico-svg { font-size: 0; line-height: 0; }
  .ay-cat-icon.rv-ico-svg svg {
    width: 1.05rem; height: 1.05rem; display: block;
  }
  .ay-cat-btn.active .ay-cat-icon { background: #d8ebe2; color: #1f6b4f; }
  .ay-cat-btn.pro.active .ay-cat-icon { background: #fef3c7; color: #92400e; }
  .ay-cat-cikis .ay-cat-icon { color: #b91c1c; }
  .ay-cat-label { display: flex; flex-direction: column; min-width: 0; gap: .05rem; }
  .ay-cat-title { font-size: .78rem; font-weight: 800; color: #0f172a; line-height: 1.2; }
  .ay-cat-desc { font-size: .62rem; font-weight: 600; color: #64748b; line-height: 1.25; }
  .ay-settings-main { min-width: 0; }
  .ay-cat-panel {
    display: none; background: #fff; border: 1px solid rgba(15,23,42,.05);
    border-radius: 16px; overflow: hidden;
  }
  .ay-cat-panel.active { display: block !important; }
  .ay-cat-header {
    padding: 1rem 1.15rem .65rem;
    border-bottom: 1px solid rgba(15,23,42,.06);
  }
  .ay-cat-header .section-title { font-size: 1rem; margin: 0; display: inline-flex; align-items: center; gap: .4rem; }
  .ay-cat-header .section-sub { margin-top: .25rem; }
  .ay-cat-body { padding: 1rem 1.15rem; }
  .ay-cat-footer {
    padding: .85rem 1.15rem 1rem;
    border-top: 1px solid rgba(15,23,42,.06);
    background: linear-gradient(180deg, #f8fafc 0%, #fff 100%);
  }
  .ay-notif-card {
    border-radius: 14px;
    border: 1px solid rgba(15,23,42,.08);
    background: rgba(248,250,252,.55);
    padding: 1rem 1.05rem;
  }
  .ay-notif-card + .ay-notif-card { margin-top: .85rem; }
  .ay-notif-head {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: .45rem .55rem;
    margin-bottom: .65rem;
  }
  .ay-notif-head h4 {
    font-size: .82rem;
    font-weight: 800;
    color: #0f172a;
    margin: 0;
  }
  .ay-notif-badge {
    font-size: .58rem;
    font-weight: 800;
    letter-spacing: .06em;
    text-transform: uppercase;
    padding: .2rem .45rem;
    border-radius: 999px;
    background: rgba(15,23,42,.06);
    color: #64748b;
  }
  .ay-notif-badge.pro {
    background: linear-gradient(135deg, #f4f5f8, #fef3c7);
    color: #92400e;
    border: 1px solid rgba(201,138,75,.25);
  }
  html.theme-dark .ay-notif-card {
    background: rgba(15,23,42,.35);
    border-color: rgba(255,255,255,.08);
  }
  html.theme-dark .ay-notif-head h4 { color: #f1f5f9; }
  html.theme-rose .ay-notif-card {
    background: rgba(253,242,248,.65);
    border-color: rgba(244,114,182,.18);
  }
  .ay-inner-card {
    border: 1px solid rgba(15,23,42,.06); border-radius: 14px;
    padding: .85rem .95rem; background: #fafafa;
  }
  /* Hesap > Bildirimler: kutu icinde kutu kirliligini azalt — panel + satir kutulari yeter */
  #hesapPanelBildirim #hesapPushKart {
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    padding: 0 !important;
    border-radius: 0 !important;
  }
  #hesapPanelBildirim #ayPwaKutu {
    background: transparent !important;
    border: none !important;
    border-bottom: 1px solid rgba(15,23,42,.08) !important;
    border-radius: 0 !important;
    padding: 0 0 1rem !important;
  }
  #hesapPanelBildirim #ayPushKutu {
    background: transparent !important;
    border: none !important;
    border-radius: 0 !important;
    padding: 0 !important;
  }
  html.theme-dark #hesapPanelBildirim #ayPwaKutu {
    border-bottom-color: rgba(255,255,255,.08) !important;
  }
  .ay-pro-panel { position: relative; }
  .ay-section {
    background: #fff; border: 1px solid rgba(15,23,42,.05);
    border-radius: 16px; padding: 1rem 1.1rem;
  }
  .ay-divider { border-top: 1px solid rgba(15,23,42,.06); margin: 1rem 0; }
  .ay-pro-bloc {
    border: 1px solid #eef1f6; background: #fffefb;
    border-radius: 16px; padding: 1rem 1.1rem; position: relative;
  }
  .ay-pro-subhead { font-size: .88rem; font-weight: 800; color: #0f172a; margin: 0; }
  .ay-subsection { padding-top: .15rem; }
  .ay-notice {
    font-size: .72rem; color: #64748b; line-height: 1.45;
    padding: .5rem .65rem; border-radius: 10px;
    background: #f8fafc; border: 1px solid #e2e8f0;
  }
  .ay-notice-warn {
    background: #f4f5f8; border-color: #eef1f6; color: #92400e;
    border-left: 2px solid #c98a4b;
  }
  .ay-fold summary {
    font-size: .75rem; font-weight: 700; color: #475569;
    cursor: pointer; list-style: none; user-select: none;
  }
  .ay-fold summary::-webkit-details-marker { display: none; }
  .ay-fold[open] summary { color: #0f172a; margin-bottom: .5rem; }
  html.theme-dark .ay-section,
  html.theme-dark .ay-cat-panel { background: var(--rv-surface, #1e293b); border-color: rgba(255,255,255,.06); }
  html.theme-dark .ay-cat-btn:hover { background: rgba(255,255,255,.04); border-color: rgba(255,255,255,.08); }
  html.theme-dark .ay-cat-btn.active { background: rgba(47,107,82,.15); border-color: rgba(122,173,146,.35); }
  html.theme-dark .ay-cat-btn.pro.active { background: rgba(201,138,75,.12); border-color: rgba(251,191,36,.35); }
  html.theme-dark .ay-cat-icon { background: rgba(255,255,255,.06); color: #cbd5e1; }
  /* Dark active: override light mint bg so currentColor stroke stays visible */
  html.theme-dark .ay-cat-btn.active .ay-cat-icon {
    background: rgba(47, 107, 82, 0.42);
    color: #d1fae5;
  }
  html.theme-dark .ay-cat-btn.pro.active .ay-cat-icon {
    background: rgba(201, 138, 75, 0.38);
    color: #fde68a;
  }
  html.theme-dark .ay-cat-cikis .ay-cat-icon { color: #fca5a5; }
  html.theme-dark .ay-cat-title,
  html.theme-mythos .ay-cat-title { color: #f1f5f9; }
  html.theme-dark .ay-cat-desc,
  html.theme-mythos .ay-cat-desc { color: #94a3b8; }
  html.theme-dark .ay-mobil-hub-aciklama,
  html.theme-mythos .ay-mobil-hub-aciklama { color: #94a3b8; }
  html.theme-dark .ay-cat-footer { background: rgba(15,23,42,.35); border-color: rgba(255,255,255,.06); }
  html.theme-dark .ay-inner-card { background: rgba(15,23,42,.35); border-color: rgba(255,255,255,.08); }
  html.theme-dark .ay-pro-bloc { background: linear-gradient(135deg, #422006 0%, #1e293b 100%); border-color: #78350f; }
  html.theme-dark .ay-notice { background: rgba(15,23,42,.5); border-color: rgba(255,255,255,.08); color: #94a3b8; }
  html.theme-dark .ay-kritik { background: #450a0a; border-color: #7f1d1d; color: #fecaca; }
  html.theme-dark .ay-onemli { background: #422006; border-color: #78350f; color: #eef1f6; }
  html.theme-dark .ay-pro-kart { background: linear-gradient(135deg, #422006 0%, #1e293b 100%); border-color: #78350f; }

  /* Ayarlar — iç kartlar & alt bileşenler */
  .ay-subcard {
    border-radius: 14px;
    border: 1px solid rgba(15,23,42,.08);
    background: rgba(248,250,252,.6);
    padding: .85rem .95rem;
  }
  .ay-subcard-accent {
    border-color: rgba(61,122,95,.18);
    background: rgba(237,245,240,.55);
  }
  .ay-subcard-btn {
    padding: .55rem 1rem;
    border-radius: 12px;
    font-size: .82rem;
    font-weight: 700;
    flex-shrink: 0;
    border: 1px solid rgba(15,23,42,.1);
    background: rgba(15,23,42,.05);
    color: #334155;
    cursor: pointer;
    transition: background .15s, border-color .15s, color .15s;
  }
  .ay-subcard-btn:hover { background: rgba(15,23,42,.08); }

  /* WhatsApp hattı modu — radyo kartları */
  .wa-mod-opt {
    display: flex;
    align-items: flex-start;
    gap: .5rem;
    padding: .75rem;
    border-radius: 12px;
    border: 1px solid rgba(15,23,42,.1);
    background: rgba(248,250,252,.55);
    cursor: pointer;
    transition: border-color .2s, background .2s, box-shadow .2s;
  }
  .wa-mod-opt:hover {
    border-color: rgba(61,122,95,.22);
    background: rgba(237,245,240,.5);
  }
  .wa-mod-opt.is-active {
    border-color: rgba(61,122,95,.42);
    background: rgba(237,245,240,.8);
    box-shadow: inset 0 0 0 1px rgba(61,122,95,.1);
  }
  .wa-mod-opt-title {
    font-weight: 600;
    font-size: .875rem;
    color: #0f172a;
  }
  .wa-mod-opt-title-row {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: .375rem;
  }
  .wa-mod-opt-badge {
    font-size: .625rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .04em;
    padding: .125rem .4rem;
    border-radius: 9999px;
    background: rgba(61,122,95,.12);
    color: #3d7a5f;
  }
  .wa-mod-opt-desc {
    display: block;
    font-size: .75rem;
    color: #475569;
    margin-top: .125rem;
    line-height: 1.45;
  }
  html.theme-dark .wa-mod-opt {
    border-color: rgba(255,255,255,.08);
    background: rgba(255,255,255,.03);
  }
  html.theme-dark .wa-mod-opt:hover {
    border-color: rgba(122,173,146,.28);
    background: rgba(255,255,255,.05);
  }
  html.theme-dark .wa-mod-opt.is-active {
    border-color: rgba(122,173,146,.38);
    background: rgba(47,107,82,.16);
    box-shadow: inset 0 0 0 1px rgba(122,173,146,.14);
  }
  html.theme-dark .wa-mod-opt-title { color: #f1f5f9; }
  html.theme-dark .wa-mod-opt-badge { background: rgba(158,207,181,.14); color: #9ecfb5; }
  html.theme-dark .wa-mod-opt-desc { color: #94a3b8; }

  /* Bildirim türü — kaydırıcı */
  .rv-notif-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .85rem;
    padding: .65rem .75rem;
    border-radius: 12px;
    border: 1px solid rgba(15,23,42,.08);
    background: rgba(255,255,255,.45);
  }
  .rv-notif-row-text { flex: 1; min-width: 0; }
  .rv-notif-row-title {
    display: block;
    font-size: .82rem;
    font-weight: 700;
    color: #0f172a;
    line-height: 1.3;
  }
  .rv-notif-row-desc {
    display: block;
    font-size: .7rem;
    color: #64748b;
    margin-top: .12rem;
    line-height: 1.4;
  }
  .rv-switch {
    position: relative;
    display: inline-flex;
    flex-shrink: 0;
    width: 2.85rem;
    height: 1.7rem;
    cursor: pointer;
    touch-action: manipulation;
    -webkit-tap-highlight-color: transparent;
  }
  .rv-switch input {
    position: absolute;
    inset: 0;
    opacity: 0;
    width: 100%;
    height: 100%;
    margin: 0;
    cursor: pointer;
    z-index: 2;
  }
  .rv-switch-track {
    position: absolute;
    inset: 0;
    border-radius: 999px;
    background: rgba(100,116,139,.35);
    transition: background .22s ease, box-shadow .22s ease;
    pointer-events: none;
  }
  .rv-switch-track::after {
    content: "";
    position: absolute;
    top: 3px;
    left: 3px;
    width: 1.25rem;
    height: 1.25rem;
    border-radius: 50%;
    background: #fff;
    box-shadow: 0 1px 4px rgba(15,23,42,.22);
    transition: transform .22s ease;
  }
  .rv-switch input:checked + .rv-switch-track {
    background: linear-gradient(135deg, #3d7a5f, #2f6b52);
    box-shadow: 0 0 0 1px rgba(122,173,146,.35);
  }
  .rv-switch input:checked + .rv-switch-track::after {
    transform: translateX(1.2rem);
  }
  .rv-switch input:disabled + .rv-switch-track {
    opacity: .45;
    cursor: not-allowed;
  }
  html.theme-dark .rv-notif-row {
    border-color: rgba(255,255,255,.08);
    background: rgba(255,255,255,.04);
  }
  html.theme-dark .rv-notif-row-title { color: #f1f5f9; }
  html.theme-dark .rv-notif-row-desc { color: #94a3b8; }
  html.theme-dark .rv-switch-track { background: rgba(148,163,184,.28); }
  html.theme-dark .rv-switch input:checked + .rv-switch-track {
    background: linear-gradient(135deg, #3d7a5f, #2a5f49);
    box-shadow: 0 0 12px rgba(61,122,95,.28);
  }
  .ay-bildirim-liste { display: flex; flex-direction: column; gap: .45rem; }
  .ay-push-kapali .ay-bildirim-liste { opacity: .5; pointer-events: none; }
  html.theme-rose .rv-notif-row {
    background: rgba(255,255,255,.9);
    border-color: rgba(236,72,153,.12);
  }
  html.theme-rose .rv-switch input:checked + .rv-switch-track {
    background: linear-gradient(135deg, #ec4899, #db2777);
    box-shadow: 0 0 0 1px rgba(244,114,182,.35);
  }

  .ay-qr-preview {
    border-radius: 14px;
    border: 1px solid rgba(15,23,42,.1);
    background: #fff;
    padding: .85rem;
    text-align: center;
  }
  .ay-qr-canvas {
    border-radius: 12px;
    border: 1px solid rgba(15,23,42,.12);
    background: #fff !important;
    padding: .5rem;
  }
  .ay-push-kapat {
    padding: .45rem .85rem;
    border-radius: 10px;
    font-size: .72rem;
    font-weight: 700;
    border: 1px solid rgba(15,23,42,.12);
    background: rgba(255,255,255,.85);
    color: #475569;
    cursor: pointer;
  }
  html.theme-dark .ay-subcard,
  html.theme-dark .ay-fold.ay-subcard {
    background: rgba(255,255,255,.035);
    border-color: rgba(255,255,255,.08);
    box-shadow: inset 0 1px 0 rgba(255,255,255,.04);
  }
  html.theme-dark .ay-subcard-accent {
    background: rgba(74,143,111,.08);
    border-color: rgba(106,171,138,.18);
  }
  html.theme-dark .ay-subcard-btn {
    background: rgba(255,255,255,.06);
    border-color: rgba(255,255,255,.1);
    color: #e2e8f0;
  }
  html.theme-dark .ay-subcard-btn:hover {
    background: rgba(255,255,255,.1);
    border-color: rgba(255,255,255,.14);
  }
  html.theme-dark .ay-push-kapat {
    background: rgba(255,255,255,.06);
    border-color: rgba(255,255,255,.12);
    color: #cbd5e1;
  }
  html.theme-dark .ay-qr-preview {
    background: rgba(255,255,255,.04);
    border-color: rgba(255,255,255,.1);
  }
  html.theme-dark .ay-notice-warn {
    background: rgba(201,138,75,.1);
    border-color: rgba(201,138,75,.22);
    color: #e6b47e;
    border-left-color: #c98a4b;
  }
  html.theme-dark .ay-fold summary { color: #94a3b8; }
  html.theme-dark .ay-fold[open] summary { color: #f1f5f9; }
  html.theme-dark .ay-pro-subhead { color: #f1f5f9; }
  html.theme-dark .ay-cat-header { border-bottom-color: rgba(255,255,255,.06); }
  html.theme-dark .ay-cat-footer {
    background: rgba(0,0,0,.25) !important;
    border-top-color: rgba(255,255,255,.06) !important;
  }
  html.theme-dark .ay-cat-panel {
    background: linear-gradient(168deg, rgba(18,22,36,.96), rgba(10,13,23,.98));
    border-color: rgba(255,255,255,.07);
    box-shadow: 0 1px 0 rgba(255,255,255,.03) inset, 0 18px 48px rgba(0,0,0,.35);
  }
  html.theme-dark #tab-ayarlar .card.ay-cat-nav,
  html.theme-dark #tab-hesap .card.ay-cat-nav {
    background: linear-gradient(168deg, rgba(16,19,31,.94), rgba(10,13,23,.97)) !important;
    border-color: rgba(255,255,255,.07) !important;
  }
  html.theme-dark #tab-ayarlar .ay-settings-top {
    background: linear-gradient(168deg, rgba(18,22,36,.92), rgba(10,13,23,.96)) !important;
    border-color: rgba(255,255,255,.07) !important;
  }
  html.theme-dark .ay-salon-durum-card {
    background: linear-gradient(168deg, rgba(18,22,36,.94), rgba(10,13,23,.97)) !important;
    border-color: rgba(255,255,255,.07) !important;
  }
  html.theme-dark .ay-durum-ok {
    background: rgba(52,211,153,.08);
    color: #7fd8b0;
    border-color: rgba(52,211,153,.22);
  }
  html.theme-dark .ay-durum-ok .ay-durum-ikon {
    background: rgba(52,211,153,.18);
    color: #7fd8b0;
  }
  html.theme-dark .ay-durum-eksik {
    background: rgba(251,191,36,.07);
    color: #e6c37e;
    border-color: rgba(251,191,36,.22);
  }
  html.theme-dark .ay-durum-eksik .ay-durum-ikon {
    background: rgba(251,191,36,.18);
    color: #e6c37e;
  }
  html.theme-dark .ay-durum-link {
    background: rgba(255,255,255,.05);
    border-color: rgba(255,255,255,.14);
    color: #9ecfb5;
  }
  html.theme-dark .ay-durum-link:hover {
    background: rgba(255,255,255,.09);
    border-color: rgba(255,255,255,.24);
  }
  html.theme-dark .ay-durum-eksik .ay-durum-link {
    color: #e6c37e;
    border-color: rgba(251,191,36,.25);
  }
  html.theme-dark .ay-durum-eksik .ay-durum-link:hover {
    border-color: rgba(251,191,36,.45);
  }
  html.theme-dark #aySalonDurumOzet.text-amber-700 { color: #e6c37e !important; }
  html.theme-dark #aySalonDurumOzet.text-emerald-700 { color: #7fd8b0 !important; }
  html.theme-dark .ay-notif-card {
    background: rgba(255,255,255,.03);
    border-color: rgba(255,255,255,.08);
  }
  html.theme-dark .ay-notif-badge {
    background: rgba(255,255,255,.06);
    color: #94a3b8;
  }
  html.theme-dark .ay-notif-badge.pro {
    background: rgba(201,138,75,.12);
    color: #e6b47e;
    border: 1px solid rgba(201,138,75,.22);
  }
  html.theme-dark #tab-ayarlar .ay-inner-card {
    background: rgba(255,255,255,.03);
    border-color: rgba(255,255,255,.08);
  }
  html.theme-dark .ay-zaman-ozet,
  html.theme-dark #tab-ayarlar #ayHatirlatmaZamanOzet {
    background: rgba(74,143,111,.1) !important;
    border-color: rgba(106,171,138,.2) !important;
    color: #9ecfb5 !important;
  }
  html.theme-dark .gcal-box.ay-cat-panel { background: linear-gradient(168deg, rgba(23,37,84,.35), rgba(10,13,23,.98)); }
  html.theme-dark #tab-ayarlar .gcal-step { background: rgba(255,255,255,.03); border-color: rgba(147,197,253,.15); }
  html.theme-dark #tab-ayarlar .gcal-ipucu { background: rgba(120,53,15,.2); border-color: rgba(201,138,75,.2); color: #eef1f6; }

  .ay-tel-chip {
    display: inline-flex; align-items: center; gap: .35rem;
    padding: .25rem .65rem; border-radius: 10px;
    font-size: .72rem; font-weight: 600;
    border: 1px solid rgba(61,122,95,.2);
    background: rgba(237,245,240,.75); color: #1e4032;
  }
  html.theme-dark .ay-tel-chip {
    background: rgba(74,143,111,.12);
    border-color: rgba(106,171,138,.22);
    color: #9ecfb5;
  }
  .ay-zaman-ozet {
    font-size: .68rem; line-height: 1.55; font-weight: 600;
    border-radius: 10px; padding: .55rem .75rem;
    border: 1px solid rgba(61,122,95,.18);
    background: rgba(237,245,240,.55); color: #1e4032;
  }
  .gcal-status-box {
    border-color: rgba(59,130,246,.22);
    background: rgba(239,246,255,.55);
  }
  html.theme-dark .gcal-status-box {
    background: rgba(30,58,138,.12);
    border-color: rgba(147,197,253,.18);
  }
  .gcal-btn-secondary {
    width: 100%; padding: .65rem 1rem; border-radius: 12px;
    font-size: .82rem; font-weight: 700;
    border: 1px solid rgba(59,130,246,.25);
    background: rgba(255,255,255,.7); color: #1e40af;
    cursor: pointer;
  }
  html.theme-dark .gcal-btn-secondary {
    background: rgba(255,255,255,.06);
    border-color: rgba(147,197,253,.2);
    color: #93c5fd;
  }
  .gcal-btn-danger {
    width: 100%; padding: .65rem 1rem; border-radius: 12px;
    font-size: .82rem; font-weight: 700;
    border: 1px solid rgba(239,68,68,.25);
    background: rgba(254,242,242,.85); color: #b91c1c;
    cursor: pointer;
  }
  html.theme-dark .gcal-btn-danger {
    background: rgba(127,29,29,.2);
    border-color: rgba(248,113,113,.25);
    color: #fca5a5;
  }
  .gcal-fold summary {
    font-size: .72rem; font-weight: 700; color: #64748b;
    cursor: pointer; user-select: none;
  }
  html.theme-dark .gcal-fold summary { color: #94a3b8; }
  html.theme-dark #tab-ayarlar .text-slate-900,
  html.theme-dark #tab-ayarlar .text-slate-800,
  html.theme-dark #tab-hesap .text-slate-900,
  html.theme-dark #tab-hesap .text-slate-800,
  html.theme-mythos #tab-hesap .text-slate-900,
  html.theme-mythos #tab-hesap .text-slate-800 { color: #f1f5f9 !important; }
  html.theme-dark #tab-ayarlar .text-slate-700,
  html.theme-dark #tab-ayarlar .text-slate-600,
  html.theme-dark #tab-hesap .text-slate-700,
  html.theme-dark #tab-hesap .text-slate-600,
  html.theme-mythos #tab-hesap .text-slate-700,
  html.theme-mythos #tab-hesap .text-slate-600 { color: #94a3b8 !important; }
  html.theme-dark #tab-ayarlar .text-slate-500,
  html.theme-dark #tab-hesap .text-slate-500,
  html.theme-mythos #tab-hesap .text-slate-500 { color: #64748b !important; }
  html.theme-dark #tab-hesap [class*="bg-white/"],
  html.theme-mythos #tab-hesap [class*="bg-white/"] {
    background-color: rgba(255,255,255,.04) !important;
  }
  html.theme-dark #tab-hesap .ay-settings-main .card,
  html.theme-mythos #tab-hesap .ay-settings-main .card {
    background: linear-gradient(168deg, rgba(18,22,36,.96), rgba(10,13,23,.98));
    border-color: rgba(255,255,255,.07);
  }
  html.theme-dark #tab-hesap .form-label,
  html.theme-mythos #tab-hesap .form-label { color: #94a3b8; }
  html.theme-dark #tab-hesap .field,
  html.theme-mythos #tab-hesap .field {
    background: rgba(15,23,42,.55);
    border-color: rgba(255,255,255,.1);
    color: #f1f5f9;
  }
  html.theme-dark .ay-qr-preview #waQrPosterOnBaslik { color: #f1f5f9 !important; }
  html.theme-dark .ay-qr-preview #waQrPosterOnAciklama,
  html.theme-dark .ay-qr-preview #waQrPosterOnAlt { color: #94a3b8 !important; }
  html.theme-dark .ay-qr-preview #waQrPosterOnTel { color: #6aab8a !important; }
  @media print {
    .ay-qr-preview { background: #fff !important; border-color: #e2e8f0 !important; }
    .ay-qr-preview #waQrPosterOnBaslik { color: #0f172a !important; }
  }

  .mg-wrap {
    position: relative;
    display: inline-flex;
    vertical-align: middle;
    flex-shrink: 0;
    z-index: 8;
    isolation: isolate;
  }
  .mg-btn {
    position: relative;
    z-index: 2;
    width: 1.55rem; height: 1.55rem; border-radius: 999px;
    border: 2px solid rgba(255, 236, 179, .95);
    cursor: help;
    background: linear-gradient(145deg, #f6d78a 0%, #e6b047 42%, #c98a4b 100%);
    color: #1a1208; font-size: .82rem; font-weight: 900; line-height: 1;
    display: inline-flex; align-items: center; justify-content: center;
    box-shadow:
      0 0 0 2px rgba(15, 23, 42, .35),
      0 3px 12px rgba(201, 138, 75, .55),
      inset 0 1px 0 rgba(255, 255, 255, .55);
    transition: background .15s, color .15s, box-shadow .15s, transform .15s;
  }
  .mg-btn:hover, .mg-wrap.mg-open .mg-btn, .mg-wrap:focus-within .mg-btn {
    background: linear-gradient(145deg, #ffe9a8 0%, #f0c98a 40%, #e6b047 100%);
    color: #0f172a;
    box-shadow:
      0 0 0 2px rgba(15, 23, 42, .4),
      0 5px 16px rgba(201, 138, 75, .65),
      inset 0 1px 0 rgba(255, 255, 255, .6);
    transform: scale(1.08);
  }
  .mg-btn-link { font-size: 0; padding: 0; }
  .mg-btn-link svg { width: .72rem; height: .72rem; }
  .mg-extra { margin-left: .15rem; }
  .mg-pop {
    display: none; position: absolute; z-index: 10050; left: 50%; transform: translateX(-50%);
    top: calc(100% + 7px); width: max(15rem, 220px); max-width: min(18rem, calc(100vw - 2rem));
    padding: .65rem .8rem; border-radius: 11px; background: #0f172a; color: #f8fafc;
    font-size: .7rem; font-weight: 500; line-height: 1.5; text-align: left;
    box-shadow: 0 14px 36px rgba(15,23,42,.28); font-style: normal; letter-spacing: normal;
    pointer-events: none;
  }
  .mg-pop::before {
    content: ""; position: absolute; top: -4px; left: 50%; margin-left: -4px;
    width: 8px; height: 8px; background: #0f172a; transform: rotate(45deg);
  }
  /* body portal — backdrop-filter containing block’tan kaçın; viewport fixed */
  .mg-pop.mg-pop-fixed {
    display: block !important;
    position: fixed !important;
    z-index: 12000 !important;
    left: auto; right: auto; top: auto; transform: none;
    width: min(16rem, calc(100vw - 1.5rem));
    max-width: min(16rem, calc(100vw - 1.5rem));
    font-size: .7rem; padding: .6rem .75rem;
    pointer-events: none;
  }
  .mg-pop.mg-pop-fixed::before { display: none; }
  @media (hover: hover) and (pointer: fine) {
    .mg-wrap:hover .mg-pop, .mg-wrap:focus-within .mg-pop { display: block; }
  }
  @media (hover: none), (pointer: coarse) {
    .mg-wrap.mg-open .mg-pop { display: block; }
  }
  .hero-header .mg-btn {
    background: linear-gradient(145deg, #f6d78a 0%, #e6b047 42%, #c98a4b 100%);
    color: #1a1208;
    border-color: rgba(255, 236, 179, .95);
    box-shadow:
      0 0 0 2px rgba(15, 23, 42, .35),
      0 3px 12px rgba(201, 138, 75, .55),
      inset 0 1px 0 rgba(255, 255, 255, .55);
  }
  .hero-header .mg-wrap.mg-open .mg-btn, .hero-header .mg-btn:hover {
    background: linear-gradient(145deg, #ffe9a8 0%, #f0c98a 40%, #e6b047 100%);
    color: #0f172a;
  }
  .topbar-title .mg-wrap,
  .section-title .mg-wrap,
  .ay-cat-header .mg-wrap,
  #pageTitleMg,
  #mobilePageTitleMg {
    position: relative;
    z-index: 8;
  }
  .pro-lock-overlay {
    border-radius: 20px; border: 1px solid #e2e8f0;
    background: linear-gradient(160deg, #f8fafc 0%, #edf5f0 100%);
    padding: 2rem 1.5rem; text-align: center;
  }
  .pro-lock-overlay .lock-icon { font-size: 2rem; opacity: .7; }
  .sidebar-btn.locked-tab { opacity: .55; }
  .sidebar-btn.locked-tab::after { content: " 🔒"; font-size: 9px; }
  .mob-drawer-btn.locked-tab { opacity: .55; }
  .mob-drawer-btn.locked-tab::after { content: " 🔒"; font-size: 9px; }
  .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;
  }
  .stok-chip { font-size: .58rem; font-weight: 700; padding: .18rem .42rem; border-radius: 999px; background: rgba(255,255,255,.08); color: var(--rv-text-2); }
  .stok-chip.warn { background: #fef3c7; color: #7a8494; }
  .stok-chip.danger { background: #fee2e2; color: #b91c1c; }
  .stok-kpi-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: .55rem; }
  .stok-kpi-grid.stok-kpi-4 { grid-template-columns: repeat(4, minmax(0, 1fr)); }
  @media (max-width: 420px) {
    .stok-kpi-grid.stok-kpi-4 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  }
  .stok-kpi {
    border-radius: 14px; padding: .85rem .75rem; border: 1px solid var(--rv-line);
    background: linear-gradient(168deg, rgba(18,22,36,.94), rgba(10,13,23,.97));
    box-shadow: 0 8px 24px rgba(0,0,0,.22);
  }
  .stok-kpi-val { font-family: var(--rv-font-d); font-size: 1.35rem; font-weight: 800; letter-spacing: -.03em; line-height: 1.1; }
  .stok-kpi-lbl { font-family: var(--rv-font-m); font-size: .52rem; font-weight: 600; color: var(--rv-text-3); text-transform: uppercase; letter-spacing: .1em; margin-top: .2rem; }
  .stok-kasa-hero {
    border-radius: var(--rv-r-lg); padding: 1rem 1.05rem;
    background: linear-gradient(135deg, rgba(201,138,75,.18), rgba(30,24,10,.95) 45%, rgba(10,13,23,.98));
    border: 1px solid rgba(201,138,75,.28);
    box-shadow: 0 0 40px rgba(201,138,75,.08), 0 16px 40px rgba(0,0,0,.32);
  }
  .stok-kasa-btn {
    min-height: 3.25rem; border-radius: 14px; font-weight: 800; font-size: .92rem;
    background: linear-gradient(135deg, #e6b47e, #c98a4b, #8a5a2e);
    color: #1c1917; box-shadow: 0 8px 22px rgba(201,138,75,.28);
  }
  .stok-kat-scroll { display: flex; gap: .45rem; overflow-x: auto; padding-bottom: .15rem; scrollbar-width: none; }
  .stok-kat-scroll::-webkit-scrollbar { display: none; }
  .stok-kat-pill {
    flex: 0 0 auto; padding: .45rem .85rem; border-radius: 999px; font-size: .72rem; font-weight: 700;
    border: 1px solid rgba(255,255,255,.08); background: rgba(255,255,255,.04); color: var(--rv-text-2);
  }
  .stok-kat-pill.active { background: rgba(201,138,75,.14); border-color: rgba(201,138,75,.35); color: var(--rv-gold-2); }
  .stok-bar { height: 4px; border-radius: 999px; background: rgba(255,255,255,.06); overflow: hidden; margin-top: .35rem; }
  .stok-bar-fill { height: 100%; border-radius: 999px; background: linear-gradient(90deg, #c98a4b, #8a5a2e); transition: width .35s ease; }
  .stok-bar-fill.warn { background: linear-gradient(90deg, #e6b47e, #c98a4b); }
  .stok-bar-fill.danger { background: linear-gradient(90deg, #f87171, #dc2626); min-width: 4px; }
  .stok-hafta-chart { display: flex; align-items: flex-end; gap: .35rem; height: 4.5rem; margin-top: .5rem; }
  .stok-hafta-col { flex: 1; display: flex; flex-direction: column; align-items: center; gap: .25rem; }
  .stok-hafta-bar-wrap { width: 100%; height: 3.2rem; display: flex; align-items: flex-end; justify-content: center; }
  .stok-hafta-bar { width: 72%; max-width: 1.75rem; border-radius: 6px 6px 2px 2px; background: linear-gradient(180deg, rgba(201,138,75,.85), rgba(217,119,6,.55)); min-height: 3px; }
  .stok-hafta-bar.bugun { background: linear-gradient(180deg, #e6b47e, #c98a4b); box-shadow: 0 0 12px rgba(201,138,75,.35); }
  .stok-hafta-gun { font-size: .52rem; font-weight: 700; color: var(--rv-text-3); }
  .stok-hafta-gun.bugun { color: var(--rv-gold-2); }
  #stokListe {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(10.75rem, 1fr));
    gap: .65rem;
  }
  #stokListe > * { margin-top: 0 !important; }
  #stokListe > .empty-state-premium { grid-column: 1 / -1; }
  @media (min-width: 640px) {
    #stokListe { grid-template-columns: repeat(auto-fill, minmax(11.5rem, 1fr)); gap: .75rem; }
  }
  @media (min-width: 1024px) {
    #stokListe { grid-template-columns: repeat(auto-fill, minmax(12rem, 1fr)); }
  }
  .stok-urun-kart {
    position: relative;
    display: flex;
    flex-direction: column;
    min-height: 11.25rem;
    aspect-ratio: 1 / 1.02;
    border-radius: 16px;
    border: 1px solid var(--rv-line);
    background: linear-gradient(168deg, rgba(18,22,36,.92), rgba(10,13,23,.96));
    padding: .72rem .75rem .7rem;
    box-shadow: 0 8px 24px rgba(0,0,0,.2);
    overflow: hidden;
  }
  .stok-urun-kart.dusuk { border-color: rgba(201,138,75,.35); }
  .stok-urun-kart.bitti { border-color: rgba(239,68,68,.35); opacity: .95; }
  .stok-kart-ust {
    display: flex;
    align-items: flex-start;
    gap: .35rem;
    min-height: 0;
    padding-right: 1.55rem;
  }
  .stok-kart-bilgi {
    flex: 1;
    min-width: 0;
    margin: 0;
    padding: 0;
    border: none;
    background: transparent;
    color: inherit;
    text-align: left;
    cursor: pointer;
  }
  .stok-kart-ad {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    font-family: var(--rv-font-d);
    font-size: .82rem;
    font-weight: 700;
    line-height: 1.25;
    letter-spacing: -.02em;
    color: var(--rv-text);
  }
  .stok-kart-meta {
    display: block;
    margin-top: .2rem;
    font-size: .62rem;
    font-weight: 600;
    line-height: 1.35;
    color: var(--rv-text-3);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  .stok-kart-govde {
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: center;
    min-height: 0;
    padding: .35rem 0 .15rem;
  }
  .stok-kart-stok {
    display: flex;
    align-items: baseline;
    flex-wrap: wrap;
    gap: .25rem .35rem;
  }
  .stok-kart-adet {
    font-family: var(--rv-font-d);
    font-size: 1.55rem;
    font-weight: 700;
    line-height: 1;
    letter-spacing: -.04em;
    color: var(--rv-text);
  }
  .stok-kart-adet-alt {
    font-size: .58rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .06em;
    color: var(--rv-text-3);
  }
  .stok-kart-aksiyonlar {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: .35rem;
    margin-top: auto;
    padding-top: .45rem;
  }
  .stok-urun-sil {
    position: absolute;
    top: .5rem;
    right: .5rem;
    z-index: 2;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    width: 1.65rem;
    height: 1.65rem;
    margin: 0;
    padding: 0;
    border: 1px solid rgba(255,255,255,.08);
    border-radius: 8px;
    background: rgba(255,255,255,.04);
    color: var(--rv-text-3);
    cursor: pointer;
    opacity: .72;
    transition: opacity .15s ease, background .15s ease, color .15s ease, border-color .15s ease;
  }
  .stok-urun-sil:hover,
  .stok-urun-sil:focus-visible {
    opacity: 1;
    background: rgba(239,68,68,.12);
    border-color: rgba(239,68,68,.28);
    color: #f87171;
  }
  .stok-urun-sil-ico { display: block; width: 13px; height: 13px; }
  .stok-aksiyon {
    min-height: 2.15rem;
    border-radius: 10px;
    font-weight: 800;
    font-size: .68rem;
    border: none;
    cursor: pointer;
    padding: 0 .35rem;
    line-height: 1.1;
  }
  .stok-aksiyon.sat {
    grid-column: 1 / -1;
    min-height: 2.35rem;
    font-size: .78rem;
    background: linear-gradient(135deg, #e6b47e, #c98a4b, #8a5a2e);
    color: #1c1917;
    box-shadow: 0 4px 12px rgba(201,138,75,.22);
  }
  .stok-aksiyon.al {
    background: rgba(201,138,75,.1);
    color: var(--rv-gold-2);
    border: 1px solid rgba(201,138,75,.22);
    font-size: .95rem;
  }
  .stok-aksiyon.ghost { background: rgba(255,255,255,.04); color: var(--rv-text-3); border: 1px solid rgba(255,255,255,.08); padding: 0 .75rem; font-size: .72rem; }
  .stok-wa-strip { border-radius: 12px; border: 1px solid rgba(201,138,75,.18); background: rgba(201,138,75,.06); padding: .65rem .8rem; font-size: .72rem; line-height: 1.45; color: var(--rv-text-2); }
  .stok-talep-kutu { border-radius: var(--rv-r-md); border: 1px solid rgba(201,138,75,.3); background: linear-gradient(135deg, rgba(41,32,14,.5), rgba(10,13,23,.92)); padding: .9rem 1rem; }
  .stok-satis-sheet, .stok-sayim-sheet { position: fixed; inset: 0; z-index: 55; display: flex; align-items: flex-end; justify-content: center; padding: 1rem; padding-bottom: max(1rem, env(safe-area-inset-bottom)); }
  .stok-satis-sheet.hidden, .stok-sayim-sheet.hidden { display: none; }
  .stok-sheet-bg { position: absolute; inset: 0; background: rgba(0,0,0,.55); backdrop-filter: blur(4px); }
  .stok-sheet-panel { position: relative; width: 100%; max-width: 28rem; border-radius: 20px; background: linear-gradient(168deg, rgba(18,22,36,.98), rgba(10,13,23,.99)); border: 1px solid var(--rv-line); padding: 1.15rem 1.1rem; box-shadow: 0 24px 64px rgba(0,0,0,.5); }
  .stok-satis-qty { display: grid; grid-template-columns: repeat(4, 1fr); gap: .5rem; }
  .stok-satis-qty button { min-height: 2.75rem; border-radius: 12px; font-weight: 800; font-size: 1rem; border: 1px solid rgba(255,255,255,.1); background: rgba(255,255,255,.04); color: var(--rv-text); }
  .stok-satis-qty button.active { background: rgba(201,138,75,.2); border-color: rgba(201,138,75,.4); color: var(--rv-gold-2); }
  .duyuru-nav-badge {
    margin-left: .35rem; font-size: .58rem; font-weight: 800;
    padding: .12rem .38rem; border-radius: 999px;
    background: linear-gradient(135deg, #3b82f6, #2563eb); color: #fff;
    box-shadow: 0 2px 8px rgba(37,99,235,.35);
  }
  /* ── Duyuru gelen kutusu (inbox) ── */
  .duyuru-inbox-shell { padding: 1rem 1.05rem 1.25rem; }
  .duyuru-inbox-head { margin-bottom: .85rem; }
  .duyuru-inbox-head-row {
    display: flex; align-items: flex-start; justify-content: space-between; gap: .75rem;
  }
  .duyuru-inbox-title {
    margin: 0; font-family: var(--rv-font-d); font-size: 1.15rem; font-weight: 800;
    letter-spacing: -.03em; color: var(--rv-text);
  }
  .duyuru-inbox-sub { margin: .25rem 0 0; font-size: .78rem; color: var(--rv-text-2); line-height: 1.45; }
  .duyuru-inbox-badge {
    flex-shrink: 0; font-size: .68rem; font-weight: 800; padding: .28rem .55rem;
    border-radius: 999px; background: linear-gradient(135deg, #ec4899, #db2777); color: #fff;
    box-shadow: 0 4px 14px rgba(219,39,119,.28);
  }
  .duyuru-inbox-toolbar {
    display: flex; flex-direction: column; gap: .65rem;
    margin-bottom: .85rem; padding-bottom: .75rem;
    border-bottom: 1px solid var(--rv-line-soft, rgba(255,255,255,.06));
  }
  .duyuru-toolbar-row {
    display: flex; flex-wrap: wrap; align-items: center;
    justify-content: space-between; gap: .45rem .65rem;
  }
  .duyuru-toolbar-row .duyuru-inbox-actions { margin-left: auto; }
  .duyuru-inbox-actions {
    display: flex; flex-wrap: wrap; align-items: center; gap: .4rem;
  }
  .btn-duyuru-danger {
    display: inline-flex; align-items: center; gap: .35rem;
    font-size: .72rem; font-weight: 800; padding: .4rem .65rem;
    border-radius: 999px; border: 1px solid rgba(239,68,68,.35);
    background: rgba(239,68,68,.1); color: #fecaca; cursor: pointer;
  }
  .btn-duyuru-danger:hover { background: rgba(239,68,68,.18); }
  .btn-duyuru-danger:disabled { opacity: .45; cursor: not-allowed; }
  html.theme-light .btn-duyuru-danger {
    background: #fef2f2; border-color: #fecaca; color: #b91c1c;
  }
  .duyuru-sec-hepsi {
    display: inline-flex; align-items: center; gap: .4rem;
    font-size: .74rem; font-weight: 700; color: var(--rv-text-2); cursor: pointer;
  }
  .duyuru-sec-sayac { font-size: .72rem; font-weight: 700; color: var(--rv-text-3); margin-right: .15rem; }
  .duyuru-inbox-loading { padding: 1.25rem 0; text-align: center; font-size: .82rem; color: var(--rv-text-3); }
  .duyuru-inbox-liste { display: flex; flex-direction: column; gap: .55rem; }
  .duyuru-inbox-item {
    position: relative; display: grid;
    grid-template-columns: auto auto 1fr auto;
    align-items: start; gap: .65rem;
    padding: .85rem .75rem .85rem .65rem;
    border-radius: 16px; border: 1px solid rgba(255,255,255,.07);
    background: rgba(255,255,255,.025); cursor: pointer;
    transition: border-color .18s, background .18s, box-shadow .18s, transform .12s;
  }
  html.theme-light .duyuru-inbox-item {
    background: #fff; border-color: rgba(15,23,42,.08);
    box-shadow: 0 1px 2px rgba(15,23,42,.04);
  }
  .duyuru-inbox-item:hover {
    border-color: rgba(236,72,153,.28);
    box-shadow: 0 8px 24px rgba(15,23,42,.08);
  }
  .duyuru-inbox-item.okunmamis {
    border-color: rgba(236,72,153,.22);
    background: linear-gradient(135deg, rgba(236,72,153,.06), rgba(255,255,255,.02));
  }
  .duyuru-inbox-item.okundu { opacity: .82; }
  .duyuru-inbox-item.secili {
    border-color: rgba(236,72,153,.45);
    background: rgba(236,72,153,.08);
    box-shadow: 0 0 0 2px rgba(236,72,153,.12);
  }
  .duyuru-inbox-check {
    display: none; align-items: center; justify-content: center;
    width: 1.35rem; height: 1.35rem; margin-top: .35rem; cursor: pointer;
  }
  .duyuru-inbox-check input { position: absolute; opacity: 0; width: 0; height: 0; }
  .duyuru-inbox-check-ui {
    width: 1.15rem; height: 1.15rem; border-radius: 6px;
    border: 2px solid rgba(148,163,184,.45); background: transparent;
    display: block; transition: all .15s;
  }
  .duyuru-inbox-check input:checked + .duyuru-inbox-check-ui {
    background: linear-gradient(135deg, #ec4899, #db2777);
    border-color: transparent;
    box-shadow: inset 0 0 0 2px #fff;
  }
  .duyuru-sec-modu .duyuru-inbox-check { display: flex; }
  .duyuru-inbox-avatar {
    width: 2.5rem; height: 2.5rem; border-radius: 12px;
    display: flex; align-items: center; justify-content: center;
    font-size: 1.15rem; flex-shrink: 0; margin-top: .05rem;
    border: 1px solid rgba(255,255,255,.08);
  }
  .duyuru-inbox-avatar.tur-guncelleme { background: rgba(250,204,21,.12); }
  .duyuru-inbox-avatar.tur-altyapi { background: rgba(59,130,246,.12); }
  .duyuru-inbox-avatar.tur-firsat { background: rgba(74,143,111,.12); }
  .duyuru-inbox-avatar.tur-genel { background: rgba(236,72,153,.1); }
  .duyuru-inbox-body { min-width: 0; }
  .duyuru-inbox-row1 {
    display: flex; align-items: flex-start; justify-content: space-between; gap: .5rem;
  }
  .duyuru-inbox-baslik {
    margin: 0; font-size: .92rem; font-weight: 800; line-height: 1.3;
    color: var(--rv-text); letter-spacing: -.02em;
  }
  .duyuru-inbox-zaman {
    flex-shrink: 0; font-size: .68rem; font-weight: 700; color: var(--rv-text-3);
    font-family: var(--rv-font-m); white-space: nowrap; padding-top: .12rem;
  }
  .duyuru-inbox-ozet {
    margin: .28rem 0 0; font-size: .8rem; line-height: 1.5; color: var(--rv-text-2);
    display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;
  }
  .duyuru-inbox-meta {
    display: flex; flex-wrap: wrap; align-items: center; gap: .3rem; margin-top: .45rem;
  }
  .duyuru-inbox-sil {
    align-self: center; flex-shrink: 0;
    width: 2rem; height: 2rem; border-radius: 10px;
    border: 1px solid transparent; background: transparent;
    color: var(--rv-text-3); cursor: pointer;
    display: flex; align-items: center; justify-content: center;
    opacity: 0; transition: opacity .15s, background .15s, color .15s;
  }
  .duyuru-inbox-item:hover .duyuru-inbox-sil,
  .duyuru-inbox-item:focus-within .duyuru-inbox-sil { opacity: 1; }
  .duyuru-inbox-sil:hover {
    background: rgba(239,68,68,.12); border-color: rgba(239,68,68,.25); color: #f87171;
  }
  .duyuru-sec-modu .duyuru-inbox-sil { display: none; }
  .duyuru-inbox-unread {
    position: absolute; top: .95rem; right: .55rem;
    width: .45rem; height: .45rem; border-radius: 50%;
    background: #ec4899; box-shadow: 0 0 0 3px rgba(236,72,153,.15);
  }
  .duyuru-arama-wrap {
    position: relative; display: flex; align-items: center;
  }
  .duyuru-arama-ico {
    position: absolute; left: .7rem; color: var(--rv-text-3); pointer-events: none;
  }
  .duyuru-arama-input {
    width: 100%; padding: .55rem .75rem .55rem 2.15rem;
    border-radius: 12px; border: 1px solid rgba(255,255,255,.08);
    background: rgba(255,255,255,.03); color: var(--rv-text);
    font-size: .82rem; outline: none;
    transition: border-color .15s, background .15s;
  }
  .duyuru-arama-input:focus {
    border-color: rgba(236,72,153,.4);
    background: rgba(236,72,153,.04);
  }
  html.theme-light .duyuru-arama-input {
    background: #f8fafc; border-color: rgba(15,23,42,.1); color: #0f172a;
  }
  .duyuru-mailbox-split {
    display: grid; gap: .75rem;
    min-height: 18rem;
  }
  @media (min-width: 900px) {
    .duyuru-mailbox-split {
      grid-template-columns: minmax(0, 1fr) minmax(0, 1.05fr);
      align-items: stretch;
      min-height: 26rem;
    }
  }
  .duyuru-mailbox-listpane { min-width: 0; }
  .duyuru-mailbox-reader {
    display: none; flex-direction: column;
    border-radius: 16px; border: 1px solid rgba(255,255,255,.07);
    background: rgba(255,255,255,.02); padding: 1rem;
    min-height: 16rem;
  }
  html.theme-light .duyuru-mailbox-reader {
    background: #fff; border-color: rgba(15,23,42,.08);
  }
  @media (min-width: 900px) {
    .duyuru-mailbox-reader { display: flex; }
  }
  /* Mobil: okuyucu acikken liste yerine tam panel */
  @media (max-width: 899px) {
    .duyuru-okuyucu-acik .duyuru-mailbox-listpane { display: none; }
    .duyuru-okuyucu-acik .duyuru-mailbox-reader { display: flex; min-height: 22rem; }
  }
  .duyuru-reader-empty {
    flex: 1; display: flex; flex-direction: column;
    align-items: center; justify-content: center; text-align: center;
    gap: .35rem; color: var(--rv-text-3); padding: 1.5rem;
  }
  .duyuru-reader-empty-ico { font-size: 1.75rem; opacity: .55; margin-bottom: .25rem; }
  .duyuru-reader-empty p { margin: 0; font-weight: 700; color: var(--rv-text-2); font-size: .9rem; }
  .duyuru-reader-empty span { font-size: .72rem; max-width: 16rem; line-height: 1.4; }
  .duyuru-reader-body { display: flex; flex-direction: column; gap: .55rem; min-height: 0; }
  .duyuru-reader-top {
    display: flex; align-items: center; gap: .5rem; flex-wrap: wrap;
  }
  .duyuru-reader-geri {
    display: none; width: 2rem; height: 2rem; border-radius: 999px;
    border: 1px solid rgba(255,255,255,.1); background: rgba(255,255,255,.04);
    color: var(--rv-text); font-size: 1rem; cursor: pointer;
  }
  @media (max-width: 899px) { .duyuru-reader-geri { display: inline-flex; align-items: center; justify-content: center; } }
  .duyuru-reader-meta { display: flex; flex-wrap: wrap; gap: .35rem; flex: 1; min-width: 0; }
  .duyuru-reader-aksiyon { display: flex; gap: .35rem; margin-left: auto; }
  .duyuru-reader-baslik {
    margin: .15rem 0 0; font-family: var(--rv-font-d);
    font-size: 1.2rem; font-weight: 700; letter-spacing: -.02em;
    color: var(--rv-text); line-height: 1.3;
  }
  .duyuru-reader-zaman {
    font-size: .72rem; color: var(--rv-text-3); font-weight: 600;
  }
  .duyuru-reader-metin {
    margin-top: .35rem; font-size: .9rem; line-height: 1.65;
    color: var(--rv-text-2); white-space: pre-wrap;
    overflow-y: auto; max-height: min(55vh, 28rem);
  }
  .duyuru-inbox-item.aktif {
    border-color: rgba(236,72,153,.5);
    box-shadow: 0 0 0 2px rgba(236,72,153,.14);
    background: rgba(236,72,153,.09);
  }
  .duyuru-sec-modu .duyuru-inbox-unread { left: 2.1rem; }
  @media (max-width: 640px) {
    .duyuru-inbox-sil { opacity: 1; }
    .duyuru-inbox-item { grid-template-columns: auto 1fr auto; }
    .duyuru-inbox-check { grid-column: 1; grid-row: 1 / span 2; }
    .duyuru-inbox-avatar { display: none; }
  }
  .duyuru-shell { padding: 1.15rem 1.2rem 1.35rem; }
  .duyuru-shell-head {
    display: flex; align-items: flex-start; justify-content: space-between;
    gap: .75rem; flex-wrap: wrap; margin-bottom: 1.1rem;
    padding-bottom: .95rem; border-bottom: 1px solid var(--rv-line-soft, rgba(255,255,255,.06));
  }
  .duyuru-shell-title {
    margin: 0; font-family: var(--rv-font-d); font-size: 1.12rem; font-weight: 700;
    letter-spacing: -.025em; color: var(--rv-text);
  }
  .duyuru-shell-sub { margin: .3rem 0 0; font-size: .8rem; color: var(--rv-text-2); line-height: 1.5; }
  .duyuru-shell-head--actions { justify-content: flex-end; margin-bottom: .65rem; padding-bottom: 0; border-bottom: none; }
  .duyuru-filtre-bar {
    display: flex; flex-wrap: wrap; gap: .35rem; margin-bottom: 0;
  }
  .duyuru-filtre-btn {
    font-size: .74rem; font-weight: 700; padding: .38rem .7rem;
    border-radius: 999px; border: 1px solid rgba(255,255,255,.08);
    background: rgba(255,255,255,.03); color: var(--rv-text-3);
    cursor: pointer;
  }
  .duyuru-filtre-btn.active {
    background: rgba(47,107,82,.22); border-color: rgba(47,107,82,.45); color: #d1fae5;
  }
  html.theme-light .duyuru-filtre-btn {
    background: #f8fafc; border-color: rgba(15,23,42,.1); color: #64748b;
  }
  html.theme-light .duyuru-filtre-btn.active {
    background: #ecfdf5; border-color: #a7f3d0; color: #047857;
  }
  .duyuru-surum-etiket {
    font-family: var(--rv-font-m); font-size: .62rem; font-weight: 700;
    padding: .15rem .45rem; border-radius: 999px;
    background: rgba(59,130,246,.15); color: #93c5fd; border: 1px solid rgba(59,130,246,.25);
  }
  .duyuru-kart-meta { display: flex; align-items: center; gap: .35rem; flex-wrap: wrap; justify-content: flex-end; }
  .duyuru-kart-icerik { font-size: .84rem; line-height: 1.6; color: var(--rv-text-2); white-space: normal; }
  .duyuru-liste { display: flex; flex-direction: column; gap: .7rem; }
  .duyuru-empty {
    display: flex; flex-direction: column; align-items: center; justify-content: center;
    text-align: center; padding: 2.75rem 1.5rem 3rem; min-height: 14rem;
  }
  .duyuru-empty-icon {
    width: 3.25rem; height: 3.25rem; margin-bottom: 1.15rem;
    color: var(--rv-gold-deep, #8a5a2e); opacity: .85;
  }
  .duyuru-empty-icon svg { width: 100%; height: 100%; stroke-width: 1.35; }
  .duyuru-empty-title {
    margin: 0 0 .55rem; font-family: var(--rv-font-d); font-size: 1.05rem;
    font-weight: 700; letter-spacing: -.02em; color: var(--rv-text);
  }
  .duyuru-empty-sub {
    margin: 0; max-width: 22rem; font-size: .84rem; line-height: 1.65;
    color: var(--rv-text-2); font-weight: 400;
  }
  html.theme-light .duyuru-empty-sub { color: #64748b; }
  .duyuru-kart {
    position: relative;
    display: grid; grid-template-columns: auto 1fr; gap: 0 .85rem;
    padding: 1rem 1.05rem 1.05rem 1rem;
    background: rgba(255,255,255,.025);
    border: 1px solid rgba(255,255,255,.07);
    border-radius: var(--rv-r-xl);
    box-shadow: var(--rv-shadow-soft);
    cursor: pointer;
    transition: border-color .2s ease, box-shadow .22s ease, background .2s ease, transform .15s ease;
  }
  html.theme-light .duyuru-kart {
    background: #fff;
    border-color: rgba(15,23,42,.08);
    box-shadow: var(--rv-shadow-card);
  }
  .duyuru-kart:hover {
    border-color: rgba(201,209,220,.22);
    box-shadow: 0 2px 4px rgba(15,23,42,.04), 0 10px 28px rgba(15,23,42,.08);
  }
  .duyuru-kart.okundu { opacity: .78; }
  .duyuru-kart.okunmamis {
    border-color: rgba(201,209,220,.18);
    background: linear-gradient(135deg, rgba(201,209,220,.06), rgba(255,255,255,.02));
  }
  .duyuru-kart-rozet-col { padding-top: .15rem; }
  .duyuru-tur-rozet {
    display: inline-flex; align-items: center; gap: .2rem;
    font-size: .64rem; font-weight: 700; letter-spacing: .02em;
    padding: .28rem .52rem; border-radius: 999px; white-space: nowrap;
    border: 1px solid transparent;
    box-shadow: 0 1px 2px rgba(0,0,0,.06);
  }
  .duyuru-tur-rozet.tur-guncelleme {
    background: linear-gradient(135deg, rgba(250,204,21,.18), rgba(234,179,8,.1));
    border-color: rgba(250,204,21,.35); color: #fde68a;
    box-shadow: 0 0 12px rgba(250,204,21,.15);
  }
  .duyuru-tur-rozet.tur-altyapi {
    background: linear-gradient(135deg, rgba(59,130,246,.16), rgba(37,99,235,.08));
    border-color: rgba(96,165,250,.35); color: #bfdbfe;
    box-shadow: 0 0 12px rgba(59,130,246,.12);
  }
  .duyuru-tur-rozet.tur-firsat {
    background: linear-gradient(135deg, rgba(74,143,111,.18), rgba(61,122,95,.1));
    border-color: rgba(106,171,138,.35); color: #bbf7d0;
    box-shadow: 0 0 12px rgba(74,143,111,.14);
  }
  .duyuru-tur-rozet.tur-genel {
    background: rgba(255,255,255,.06); border-color: rgba(255,255,255,.12); color: var(--rv-text-2);
  }
  html.theme-light .duyuru-tur-rozet.tur-guncelleme { color: #92400e; background: rgba(250,204,21,.14); border-color: rgba(234,179,8,.3); }
  html.theme-light .duyuru-tur-rozet.tur-altyapi { color: #1d4ed8; background: rgba(59,130,246,.1); border-color: rgba(59,130,246,.25); }
  html.theme-light .duyuru-tur-rozet.tur-firsat { color: #166534; background: rgba(74,143,111,.12); border-color: rgba(74,143,111,.28); }
  html.theme-light .duyuru-tur-rozet.tur-genel { color: #64748b; background: rgba(15,23,42,.04); border-color: rgba(15,23,42,.08); }
  .duyuru-kart-body { min-width: 0; }
  .duyuru-kart-head {
    display: flex; align-items: flex-start; justify-content: space-between;
    gap: .65rem; margin-bottom: .4rem;
  }
  .duyuru-kart-baslik {
    margin: 0; font-family: var(--rv-font-d); font-size: .94rem; font-weight: 700;
    letter-spacing: -.02em; color: var(--rv-text); line-height: 1.35; flex: 1;
  }
  .duyuru-kart-tarih {
    flex-shrink: 0; font-size: .7rem; font-weight: 500; color: var(--rv-text-3, #5d6480);
    letter-spacing: .01em; white-space: nowrap; padding-top: .12rem;
  }
  .duyuru-kart-icerik {
    margin: 0; font-size: .84rem; line-height: 1.65; color: var(--rv-text-2);
    white-space: pre-wrap; font-family: var(--rv-font);
    font-weight: 400;
  }
  html.theme-light .duyuru-kart-icerik { color: #64748b; }
  .duyuru-yeni-nokta {
    position: absolute; top: .85rem; right: .85rem;
    width: .45rem; height: .45rem; border-radius: 50%;
    background: #3b82f6; box-shadow: 0 0 0 3px rgba(59,130,246,.2);
  }
  .duyuru-oncelik-etiket {
    display: inline-block; margin-top: .55rem; font-size: .66rem; font-weight: 700;
    padding: .15rem .42rem; border-radius: 6px;
  }
  .duyuru-oncelik-etiket.acil { background: rgba(239,68,68,.12); color: #fecaca; }
  .duyuru-oncelik-etiket.onemli { background: rgba(245,158,11,.1); color: #fde68a; }
  .duyuru-popup-backdrop {
    position: fixed; inset: 0; z-index: 10050;
    background: rgba(4,5,10,.35); backdrop-filter: blur(4px);
    display: flex; align-items: flex-start; justify-content: center;
    padding: max(.65rem, env(safe-area-inset-top)) 1rem 1rem;
    pointer-events: auto;
  }
  .duyuru-ust-serit {
    position: relative;
    z-index: 10040;
    width: 100%;
    margin: 0 0 .65rem;
    pointer-events: auto;
  }
  .duyuru-ust-serit-inner {
    display: flex;
    align-items: flex-start;
    gap: .65rem;
    padding: .8rem .9rem;
    border-radius: var(--rv-r-xl);
    background: linear-gradient(168deg, rgba(22,28,42,.98), rgba(14,18,30,.99));
    border: 1px solid rgba(255,255,255,.12);
    box-shadow: var(--rv-shadow-soft);
    color: var(--rv-text);
  }
  .duyuru-ust-serit-ikon {
    flex-shrink: 0;
    width: 2rem;
    height: 2rem;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.05rem;
    border-radius: .65rem;
    background: rgba(255,255,255,.06);
  }
  .duyuru-ust-serit-baslik {
    margin: 0 0 .2rem;
    font-family: var(--rv-font-d);
    font-size: .92rem;
    font-weight: 700;
    letter-spacing: -.02em;
    color: var(--rv-text);
    line-height: 1.3;
  }
  .duyuru-ust-serit-icerik {
    margin: 0;
    font-size: .8rem;
    line-height: 1.55;
    color: var(--rv-text-2);
    white-space: pre-wrap;
    max-height: 4.5rem;
    overflow: auto;
  }
  .duyuru-ust-serit-actions {
    flex-shrink: 0;
    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: .35rem;
    min-width: 6.8rem;
  }
  .duyuru-ust-serit-x {
    align-self: flex-end;
    width: 1.65rem;
    height: 1.65rem;
    border: 1px solid rgba(255,255,255,.12);
    border-radius: 999px;
    background: rgba(255,255,255,.05);
    color: var(--rv-text-3);
    font-size: 1rem;
    line-height: 1;
    cursor: pointer;
  }
  .duyuru-ust-serit-x:hover { color: var(--rv-text); border-color: rgba(255,255,255,.22); }
  @media (max-width: 767px) {
    .duyuru-ust-serit-inner { flex-wrap: wrap; }
    .duyuru-ust-serit-actions {
      flex-direction: row;
      flex-wrap: wrap;
      width: 100%;
      min-width: 0;
    }
    .duyuru-ust-serit-x { margin-left: auto; }
  }
  html.theme-light .duyuru-ust-serit-inner {
    background: #fff;
    border-color: rgba(15,23,42,.1);
    box-shadow: var(--rv-shadow-card);
  }
  html.theme-light .duyuru-ust-serit-ikon { background: rgba(15,23,42,.04); }
  html.theme-rose .duyuru-ust-serit-inner {
    background: linear-gradient(135deg, #fff5f9 0%, #fdf2f8 55%, #fce7f3 100%);
    border-color: rgba(190,24,93,.18);
    box-shadow: 0 8px 28px rgba(190,24,93,.08);
  }
  html.theme-rose .duyuru-ust-serit-baslik { color: #831843; }
  html.theme-rose .duyuru-ust-serit-icerik { color: #9d174d; }
  html.theme-rose .duyuru-ust-serit-ikon {
    background: rgba(244,114,182,.14);
    color: #be185d;
  }
  html.theme-rose .duyuru-ust-serit-x {
    border-color: rgba(190,24,93,.2);
    color: #9d174d;
    background: rgba(255,255,255,.65);
  }
  html.theme-rose .duyuru-popup-backdrop {
    background: rgba(253,242,248,.72);
    backdrop-filter: blur(6px);
  }
  html.theme-rose .duyuru-popup.mod-tam-ekran .duyuru-ust-serit-inner {
    background: linear-gradient(135deg, #fff5f9, #fce7f3);
    border-color: rgba(190,24,93,.22);
  }
  html.theme-rose .duyuru-popup.mod-tam-ekran .duyuru-ust-serit-baslik { color: #831843; }
  html.theme-rose .duyuru-popup.mod-tam-ekran .duyuru-ust-serit-icerik { color: #9d174d; }
  .duyuru-popup-backdrop .duyuru-ust-serit-inner { max-width: 32rem; width: 100%; }
  .duyuru-popup {
    max-width: 32rem; width: 100%;
    pointer-events: auto;
    position: relative;
    z-index: 1;
    background: linear-gradient(168deg, rgba(18,22,36,.98), rgba(10,13,23,.99));
    border: 1px solid rgba(255,255,255,.1);
    border-radius: var(--rv-r-2xl);
    padding: 1.25rem 1.2rem;
    box-shadow: var(--rv-shadow-card-dark);
  }
  html.theme-light .duyuru-popup { background: #fff; border-color: rgba(15,23,42,.1); box-shadow: var(--rv-shadow-card); }
  .duyuru-popup h3 { margin: 0 0 .5rem; font-family: var(--rv-font-d); font-size: 1.05rem; font-weight: 700; }
  .duyuru-popup p {
    margin: 0 0 1rem; white-space: pre-wrap; line-height: 1.6;
    color: var(--rv-text-2, #cbd5e1); font-size: .88rem;
    font-family: var(--rv-font);
  }
  /* Panel genel — yumuşak köşe + soft gölge */
  .field, .form-block, .modal-panel, .drawer-panel, .kpi-card, .stat-card, .plan-card {
    border-radius: var(--rv-r-xl);
  }
  .kpi-card, .stat-card, .plan-card, .form-block {
    box-shadow: var(--rv-shadow-soft);
  }
  html.theme-mythos .kpi-card, html.theme-dark .kpi-card {
    box-shadow: var(--rv-shadow-card-dark);
  }
    .personel-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(min(100%, 16.5rem), 1fr)); gap: .75rem; }
  .personel-ozet-btn {
    width: 100%; text-align: left; cursor: pointer;
    background: var(--rv-surface-1, #fff);
    border: 1px solid var(--rv-border, rgba(15,23,42,.1));
    border-radius: 14px; padding: .85rem .9rem;
    box-shadow: 0 2px 6px rgba(15,23,42,.07), 0 10px 28px rgba(15,23,42,.08);
    transition: border-color .18s, box-shadow .18s, transform .12s;
    color: inherit;
  }
  html.theme-light .personel-ozet-btn,
  html.theme-rose .personel-ozet-btn {
    background: #fff;
    border-color: rgba(15,23,42,.12);
    box-shadow: 0 2px 8px rgba(15,23,42,.1), 0 14px 36px rgba(15,23,42,.07);
  }
  html.theme-dark .personel-ozet-btn,
  html.theme-mythos .personel-ozet-btn {
    background: #141c2e;
    border-color: rgba(255,255,255,.08);
    box-shadow: 0 2px 12px rgba(0,0,0,.22), inset 0 1px 0 rgba(255,255,255,.04);
    color: #e2e8f0;
  }
  .personel-ozet-btn:hover {
    border-color: var(--rv-accent-border, rgba(99,102,241,.4));
    box-shadow: 0 6px 22px rgba(15,23,42,.1), 0 16px 40px rgba(99,102,241,.07);
  }
  html.theme-light .personel-ozet-btn:hover,
  html.theme-rose .personel-ozet-btn:hover {
    border-color: rgba(99,102,241,.45);
    box-shadow: 0 4px 16px rgba(15,23,42,.12), 0 20px 48px rgba(99,102,241,.1);
  }
  html.theme-dark .personel-ozet-btn:hover,
  html.theme-mythos .personel-ozet-btn:hover {
    border-color: rgba(122,173,146,.35);
    box-shadow: 0 4px 20px rgba(0,0,0,.28);
  }
  .personel-ozet-btn:active { transform: scale(0.99); }
  .personel-ozet-ust { display: flex; align-items: flex-start; gap: .6rem; }
  .personel-avatar {
    width: 3rem; height: 3rem; border-radius: 999px;
    display: flex; align-items: center; justify-content: center;
    font-weight: 800; font-size: 1.05rem; color: #fff; flex-shrink: 0;
    overflow: hidden;
    position: relative;
    background-size: cover;
    background-position: center;
  }
  .personel-avatar--lg {
    width: 4.25rem; height: 4.25rem;
    font-size: 1.45rem;
  }
  .personel-avatar img {
    position: absolute; inset: 0;
    width: 100%; height: 100%;
    object-fit: cover;
    display: block;
  }
  .personel-avatar--foto { color: transparent; }
  .personel-drawer-avatar-wrap {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: .28rem;
    flex-shrink: 0;
  }
  .personel-drawer-avatar-btn {
    position: relative;
    border: none;
    background: transparent;
    padding: 0;
    cursor: pointer;
    border-radius: 999px;
  }
  .personel-drawer-avatar-btn:hover .personel-avatar {
    box-shadow: 0 0 0 3px rgba(217, 119, 6, .35);
  }
  .personel-drawer-avatar-hint {
    position: absolute;
    left: 50%; bottom: .15rem;
    transform: translateX(-50%);
    font-size: .55rem;
    font-weight: 800;
    letter-spacing: .04em;
    text-transform: uppercase;
    color: #fff;
    background: rgba(28, 25, 23, .72);
    padding: .1rem .35rem;
    border-radius: 999px;
    pointer-events: none;
  }
  .personel-drawer-avatar-sil {
    border: none;
    background: transparent;
    color: #b45309;
    font-size: .66rem;
    font-weight: 750;
    cursor: pointer;
    padding: 0 .15rem;
    text-decoration: underline;
    text-underline-offset: 2px;
  }
  .personel-drawer-avatar-sil:hover { color: #9a3412; }

  /* ─── Personel avatar crop modal ─── */
  .pac-modal {
    position: fixed;
    inset: 0;
    z-index: 12050;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 1rem;
  }
  .pac-modal.hidden { display: none !important; }
  .pac-backdrop {
    position: absolute;
    inset: 0;
    background: rgba(28, 25, 23, .55);
    backdrop-filter: blur(4px);
  }
  .pac-sheet {
    position: relative;
    z-index: 1;
    width: min(24rem, 100%);
    border-radius: 18px;
    border: 1px solid rgba(201, 138, 75, .22);
    background: linear-gradient(165deg, #fff 0%, #fffefb 50%, #fff7ed 100%);
    box-shadow: 0 20px 50px rgba(28, 25, 23, .28);
    padding: 1rem 1.05rem 1.05rem;
    display: flex;
    flex-direction: column;
    gap: .75rem;
  }
  .pac-head {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: .75rem;
  }
  .pac-title {
    margin: 0;
    font-family: var(--rv-font-d, inherit);
    font-size: 1.05rem;
    font-weight: 800;
    letter-spacing: -.02em;
    color: #1c1917;
  }
  .pac-sub {
    margin: .2rem 0 0;
    font-size: .74rem;
    color: #78716c;
    line-height: 1.35;
  }
  .pac-x {
    border: none;
    background: rgba(15, 23, 42, .05);
    width: 2rem;
    height: 2rem;
    border-radius: 999px;
    font-size: 1.25rem;
    line-height: 1;
    color: #57534e;
    cursor: pointer;
  }
  .pac-stage {
    position: relative;
    width: 100%;
    aspect-ratio: 1;
    max-height: min(320px, 55vh);
    border-radius: 16px;
    overflow: hidden;
    background: #1c1917;
    touch-action: none;
    cursor: grab;
    user-select: none;
  }
  .pac-stage:active { cursor: grabbing; }
  .pac-canvas {
    display: block;
    width: 100%;
    height: 100%;
  }
  .pac-mask {
    position: absolute;
    inset: 0;
    pointer-events: none;
    background: radial-gradient(
      circle closest-side,
      transparent 69.5%,
      rgba(28, 25, 23, .55) 70.5%
    );
    box-shadow: inset 0 0 0 2px rgba(255, 255, 255, .35);
  }
  .pac-controls {
    display: flex;
    align-items: center;
    gap: .65rem;
  }
  .pac-zoom-lbl {
    flex-shrink: 0;
    font-size: .68rem;
    font-weight: 800;
    letter-spacing: .04em;
    text-transform: uppercase;
    color: #92400e;
  }
  .pac-zoom {
    flex: 1;
    accent-color: #d97706;
    min-width: 0;
  }
  .pac-foot {
    display: flex;
    justify-content: flex-end;
    gap: .45rem;
  }
  .pac-btn {
    min-height: 2.35rem;
    padding: 0 .95rem;
    border-radius: 11px;
    font-size: .82rem;
    font-weight: 800;
    cursor: pointer;
    border: 1px solid transparent;
  }
  .pac-btn-ghost {
    background: #fff;
    border-color: rgba(15, 23, 42, .12);
    color: #57534e;
  }
  .pac-btn-primary {
    background: linear-gradient(135deg, #d97706, #b45309);
    color: #fff;
    border-color: rgba(146, 64, 14, .35);
    box-shadow: 0 4px 14px rgba(217, 119, 6, .28);
  }
  html.theme-dark .pac-sheet,
  html.theme-mythos .pac-sheet {
    background: linear-gradient(165deg, #1a2438 0%, #141c2e 100%);
    border-color: rgba(251, 191, 36, .2);
  }
  html.theme-dark .pac-title,
  html.theme-mythos .pac-title { color: #f1f5f9; }
  html.theme-dark .pac-sub,
  html.theme-mythos .pac-sub { color: #94a3b8; }
  html.theme-dark .pac-btn-ghost,
  html.theme-mythos .pac-btn-ghost {
    background: rgba(255,255,255,.05);
    border-color: rgba(255,255,255,.12);
    color: #e2e8f0;
  }
  html.theme-rose .pac-btn-primary {
    background: linear-gradient(135deg, #ec4899, #db2777);
  }
  html.theme-rose .pac-zoom { accent-color: #ec4899; }
  html.theme-rose .pac-zoom-lbl { color: #be185d; }
  .personel-ozet-ad { font-weight: 800; font-size: .92rem; line-height: 1.25; color: var(--rv-text, #0f172a); }
  html.theme-dark .personel-ozet-ad,
  html.theme-mythos .personel-ozet-ad { color: #f1f5f9; }
  .personel-ozet-unvan { font-size: .72rem; color: var(--rv-text-2, #64748b); margin-top: .12rem; }
  .personel-ozet-maas {
    margin-top: .18rem;
    font-family: var(--rv-font-d);
    font-size: .8rem;
    font-weight: 700;
    letter-spacing: -.02em;
    color: #92400e;
  }
  .personel-ozet-maas-lbl {
    font-size: .65rem;
    font-weight: 700;
    color: #78716c;
  }
  html.theme-light .personel-ozet-maas { color: #92400e; }
  html.theme-light .personel-ozet-maas-lbl { color: #78716c; }
  html.theme-rose .personel-ozet-maas { color: #9d174d; }
  html.theme-dark .personel-ozet-maas,
  html.theme-mythos .personel-ozet-maas { color: #fbbf24; }
  html.theme-dark .personel-ozet-maas-lbl,
  html.theme-mythos .personel-ozet-maas-lbl { color: #94a3b8; }
  html.theme-dark .personel-ozet-unvan,
  html.theme-mythos .personel-ozet-unvan { color: #94a3b8; }
  .personel-durum {
    font-size: .62rem; font-weight: 700; white-space: nowrap;
    padding: .16rem .42rem; border-radius: 999px; flex-shrink: 0;
  }
  .personel-durum.aktif { background: rgba(16,185,129,.14); color: #047857; }
  .personel-durum.molada { background: rgba(245,158,11,.16); color: #b45309; }
  .personel-durum.izinli { background: rgba(100,116,139,.14); color: #475569; }
  html.theme-dark .personel-durum.aktif,
  html.theme-mythos .personel-durum.aktif { color: #6ee7b7; background: rgba(16,185,129,.18); }
  html.theme-dark .personel-durum.molada,
  html.theme-mythos .personel-durum.molada { color: #fcd34d; background: rgba(245,158,11,.18); }
  html.theme-dark .personel-durum.izinli,
  html.theme-mythos .personel-durum.izinli { color: #cbd5e1; background: rgba(100,116,139,.18); }
  .personel-ozet-metrik {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    gap: .45rem;
    margin-top: .7rem;
    padding-top: .62rem;
    border-top: 1px solid rgba(15, 23, 42, .07);
  }
  html.theme-dark .personel-ozet-metrik,
  html.theme-mythos .personel-ozet-metrik {
    border-top-color: rgba(255, 255, 255, .08);
  }
  .personel-ozet-chip {
    min-width: 0;
    max-width: 100%;
    display: flex;
    align-items: flex-start;
    gap: .42rem;
    padding: .45rem .55rem;
    border-radius: 10px;
    background: #fff7ed;
    border: 1px solid rgba(201, 138, 75, .22);
    overflow: hidden;
  }
  html.theme-light .personel-ozet-chip {
    background: #fff7ed;
    border-color: rgba(201, 138, 75, .22);
  }
  html.theme-rose .personel-ozet-chip {
    background: #fdf2f8;
    border-color: rgba(236, 72, 153, .2);
  }
  .personel-ozet-chip--stat { min-width: 0; }
  .personel-ozet-chip-ico {
    flex-shrink: 0;
    width: 1.35rem;
    height: 1.35rem;
    margin-top: .08rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 8px;
    font-size: .72rem;
    line-height: 1;
    color: #b45309;
    background: rgba(245, 158, 11, .18);
  }
  .personel-ozet-chip-ico--gold {
    color: #b45309;
    background: rgba(245, 158, 11, .18);
  }
  .personel-ozet-chip-body {
    min-width: 0;
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: .08rem;
    line-height: 1.25;
    overflow: hidden;
  }
  .personel-ozet-chip-body--row {
    flex-direction: row;
    align-items: center;
    flex-wrap: wrap;
    gap: .28rem .4rem;
  }
  .personel-ozet-chip-lbl {
    font-family: var(--rv-font);
    font-size: .58rem;
    font-weight: 600;
    letter-spacing: .02em;
    color: #92400e;
  }
  .personel-ozet-chip-val {
    font-size: .76rem;
    font-weight: 800;
    color: #1c1917;
    overflow-wrap: anywhere;
    word-break: break-word;
    font-variant-numeric: tabular-nums;
  }
  .personel-ozet-chip-sub {
    font-size: .66rem;
    font-weight: 700;
    color: #57534e;
  }
  .personel-ozet-chip-val--muted {
    font-size: .7rem;
    font-weight: 750;
    color: #57534e;
    line-height: 1.3;
  }
  .personel-ozet-chip-val--molada { color: #b45309; }
  .personel-ozet-chip-val--izinli { color: #64748b; }
  .personel-ozet-stat {
    font-size: .72rem;
    font-weight: 700;
    color: var(--rv-text-2, #475569);
    font-variant-numeric: tabular-nums;
  }
  .personel-ozet-stat strong {
    font-weight: 800;
    color: var(--rv-text, #0f172a);
  }
  .personel-ozet-stat--money {
    font-weight: 800;
    color: var(--rv-text, #0f172a);
  }
  .personel-ozet-stat-sep {
    flex-shrink: 0;
    width: 3px;
    height: 3px;
    border-radius: 999px;
    background: rgba(15, 23, 42, .22);
  }
  .personel-ozet-chip.molada {
    background: rgba(245, 158, 11, .08);
    border-color: rgba(245, 158, 11, .16);
  }
  .personel-ozet-chip.izinli {
    background: rgba(100, 116, 139, .08);
    border-color: rgba(100, 116, 139, .14);
  }
  html.theme-dark .personel-ozet-chip,
  html.theme-mythos .personel-ozet-metrik .personel-ozet-chip {
    background: rgba(255, 255, 255, .05);
    border-color: rgba(255, 255, 255, .08);
  }
  html.theme-dark .personel-ozet-chip-ico,
  html.theme-mythos .personel-ozet-chip-ico {
    color: #94a3b8;
    background: rgba(255, 255, 255, .07);
  }
  html.theme-dark .personel-ozet-chip-ico--gold,
  html.theme-mythos .personel-ozet-chip-ico--gold {
    color: #fcd34d;
    background: rgba(245, 158, 11, .16);
  }
  html.theme-dark .personel-ozet-chip-lbl,
  html.theme-mythos .personel-ozet-chip-lbl { color: #fbbf24; }
  html.theme-dark .personel-ozet-chip-val--muted,
  html.theme-mythos .personel-ozet-chip-val--muted,
  html.theme-dark .personel-ozet-chip-sub,
  html.theme-mythos .personel-ozet-chip-sub { color: #cbd5e1; }
  html.theme-dark .personel-ozet-chip-val,
  html.theme-mythos .personel-ozet-chip-val,
  html.theme-dark .personel-ozet-stat strong,
  html.theme-mythos .personel-ozet-stat strong,
  html.theme-dark .personel-ozet-stat--money,
  html.theme-mythos .personel-ozet-stat--money { color: #f1f5f9; }
  html.theme-dark .personel-ozet-stat,
  html.theme-mythos .personel-ozet-stat { color: #cbd5e1; }
  html.theme-dark .personel-ozet-stat-sep,
  html.theme-mythos .personel-ozet-stat-sep { background: rgba(255, 255, 255, .28); }
  html.theme-dark .personel-ozet-chip.molada,
  html.theme-mythos .personel-ozet-chip.molada {
    background: rgba(245, 158, 11, .12);
    border-color: rgba(245, 158, 11, .2);
  }
  html.theme-dark .personel-ozet-chip.izinli,
  html.theme-mythos .personel-ozet-chip.izinli {
    background: rgba(100, 116, 139, .14);
    border-color: rgba(148, 163, 184, .18);
  }
  .personel-ozet-chevron { font-size: 1.1rem; opacity: .35; margin-left: .25rem; flex-shrink: 0; }
  html.theme-dark .personel-ozet-chevron,
  html.theme-mythos .personel-ozet-chevron { color: #94a3b8; opacity: .55; }
  .personel-ekle-kart {
    position: relative;
    width: 100%;
    max-width: none;
    padding: .75rem 1rem .85rem;
    border-radius: 14px;
    border: 1px solid rgba(201, 138, 75, .22);
    background: linear-gradient(165deg, #fff 0%, #fffefb 42%, #fff7ed 100%);
    box-shadow: 0 3px 14px rgba(201, 138, 75, .08), inset 0 1px 0 rgba(255,255,255,.95);
    overflow: hidden;
  }
  .personel-liste-kart {
    width: 100%;
    border: 1px solid rgba(201, 138, 75, .2);
    border-radius: 16px;
    background: linear-gradient(165deg, #fff 0%, #fffefb 48%, #fffaf3 100%);
    box-shadow: 0 4px 20px rgba(201, 138, 75, .08), inset 0 1px 0 rgba(255,255,255,.95);
    overflow: hidden;
  }
  .personel-liste-head {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
    gap: .75rem 1rem;
    padding: 1rem 1.15rem .85rem;
    border-bottom: 1px solid rgba(201, 138, 75, .12);
  }
  .personel-liste-head-metin {
    flex: 1 1 12rem;
    min-width: 0;
  }
  .personel-liste-head > .personel-ekle-satir {
    flex: 1 1 16rem;
    max-width: 28rem;
    margin-left: auto;
  }
  .personel-liste-eyebrow {
    margin: 0 0 .18rem;
    font-size: .62rem;
    font-weight: 800;
    letter-spacing: .12em;
    text-transform: uppercase;
    color: #b45309;
  }
  .personel-liste-baslik {
    margin: 0;
    font-family: var(--rv-font-d, inherit);
    font-size: 1.15rem;
    font-weight: 800;
    letter-spacing: -.02em;
    line-height: 1.2;
    color: #1c1917;
  }
  .personel-liste-alt {
    margin: .3rem 0 0;
    font-size: .78rem;
    color: #78716c;
    line-height: 1.4;
  }
  .personel-liste-kart > .personel-grid {
    padding: .75rem .85rem 1rem;
  }
  html.theme-dark .personel-liste-kart,
  html.theme-mythos .personel-liste-kart {
    background: linear-gradient(165deg, rgba(26,36,56,.98) 0%, rgba(20,28,46,.98) 100%);
    border-color: rgba(251, 191, 36, .22);
    box-shadow: 0 6px 20px rgba(0,0,0,.3), inset 0 1px 0 rgba(255,255,255,.04);
  }
  html.theme-dark .personel-liste-head,
  html.theme-mythos .personel-liste-head {
    border-bottom-color: rgba(251, 191, 36, .14);
  }
  html.theme-dark .personel-liste-eyebrow,
  html.theme-mythos .personel-liste-eyebrow { color: #fbbf24; }
  html.theme-dark .personel-liste-baslik,
  html.theme-mythos .personel-liste-baslik { color: #f1f5f9; }
  html.theme-dark .personel-liste-alt,
  html.theme-mythos .personel-liste-alt { color: #94a3b8; }
  html.theme-rose .personel-liste-kart {
    background: linear-gradient(165deg, #fff 0%, #fff5f9 100%);
    border-color: rgba(236, 72, 153, .2);
  }
  html.theme-rose .personel-liste-eyebrow { color: #be185d; }
  html.theme-rose .personel-liste-baslik { color: #500724; }
  html.theme-rose .personel-liste-alt { color: #9d174d; }
  .personel-ekle-kart::before {
    content: "";
    position: absolute;
    left: 0; top: 0; bottom: 0;
    width: 2.5px;
    background: linear-gradient(180deg, #d97706, #b45309);
    border-radius: 12px 0 0 12px;
  }
  html.theme-dark .personel-ekle-kart,
  html.theme-mythos .personel-ekle-kart {
    background: linear-gradient(165deg, rgba(26,36,56,.98) 0%, rgba(20,28,46,.98) 100%);
    border-color: rgba(251, 191, 36, .22);
    box-shadow: 0 6px 20px rgba(0,0,0,.3), inset 0 1px 0 rgba(255,255,255,.04);
  }
  html.theme-rose .personel-ekle-kart {
    background: linear-gradient(165deg, #fff 0%, #fff5f9 100%);
    border-color: rgba(236, 72, 153, .2);
    box-shadow: 0 3px 14px rgba(236, 72, 153, .08), inset 0 1px 0 rgba(255,255,255,.95);
  }
  html.theme-rose .personel-ekle-kart::before {
    background: linear-gradient(180deg, #f472b6, #db2777);
  }
  html.theme-light .personel-ekle-kart {
    background: linear-gradient(165deg, #fff 0%, #fffefb 42%, #fff7ed 100%);
    border-color: rgba(201, 138, 75, .22);
    box-shadow: 0 3px 14px rgba(201, 138, 75, .08), inset 0 1px 0 rgba(255,255,255,.95);
  }
  .personel-ekle-head { margin: 0 0 .45rem; padding-left: .1rem; }
  .personel-ekle-eyebrow {
    margin: 0 0 .1rem;
    font-size: .58rem;
    font-weight: 800;
    letter-spacing: .1em;
    text-transform: uppercase;
    color: #b45309;
  }
  html.theme-rose .personel-ekle-eyebrow { color: #be185d; }
  html.theme-dark .personel-ekle-eyebrow,
  html.theme-mythos .personel-ekle-eyebrow { color: #fbbf24; }
  .personel-ekle-baslik {
    margin: 0;
    font-family: var(--rv-font-d, inherit);
    font-size: .95rem;
    font-weight: 800;
    letter-spacing: -.02em;
    line-height: 1.2;
    color: #1c1917;
  }
  html.theme-dark .personel-ekle-baslik,
  html.theme-mythos .personel-ekle-baslik { color: #f1f5f9; }
  html.theme-rose .personel-ekle-baslik { color: #500724; }
  html.theme-light .personel-ekle-baslik { color: #1c1917; }
  .personel-ekle-ipucu {
    margin: .2rem 0 0;
    font-size: .68rem;
    color: #78716c;
    line-height: 1.35;
    max-width: 22rem;
  }
  html.theme-dark .personel-ekle-ipucu,
  html.theme-mythos .personel-ekle-ipucu { color: #94a3b8; }
  html.theme-rose .personel-ekle-ipucu { color: #9d174d; }
  html.theme-light .personel-ekle-ipucu { color: #78716c; }
  .personel-ekle-satir {
    display: flex;
    gap: .55rem;
    flex-wrap: nowrap;
    align-items: stretch;
    width: 100%;
    max-width: 40rem;
  }
  .personel-ekle-input {
    flex: 1;
    min-width: 0;
    min-height: 2.15rem !important;
    border-radius: 10px !important;
    font-size: .82rem !important;
    padding: .4rem .65rem !important;
  }
  .personel-ekle-btn {
    flex: 0 0 auto;
    min-height: 2.15rem;
    padding: 0 .85rem;
    border-radius: 10px;
    font-size: .78rem;
    font-weight: 800;
    letter-spacing: -.01em;
    border: 1px solid rgba(146, 64, 14, .35);
    cursor: pointer;
    background: linear-gradient(135deg, #d97706, #b45309);
    color: #fff;
    box-shadow: 0 4px 14px rgba(217, 119, 6, .28), inset 0 1px 0 rgba(255,255,255,.2);
    transition: transform .12s, filter .12s;
  }
  .personel-ekle-btn:hover { filter: brightness(1.05); }
  .personel-ekle-btn:active { transform: scale(.98); }
  html.theme-rose .personel-ekle-btn {
    background: linear-gradient(135deg, #ec4899, #db2777);
    border-color: rgba(157, 23, 77, .35);
    box-shadow: 0 4px 14px rgba(236, 72, 153, .28), inset 0 1px 0 rgba(255,255,255,.2);
  }
  .personel-drawer-metrikler,
  .pu-kpi-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: .5rem;
    margin-bottom: .65rem;
  }
  @media (max-width: 480px) {
    .personel-drawer-metrikler,
    .pu-kpi-grid { grid-template-columns: 1fr 1fr; }
    .personel-metrik-net { grid-column: 1 / -1; }
  }
  .personel-ucret-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: .55rem;
  }
  .personel-ucret-kutu {
    display: flex;
    flex-direction: column;
    gap: .35rem;
    margin: 0;
    min-width: 0;
  }
  .personel-ucret-kutu.pd-field-card { padding: .7rem .75rem; gap: .4rem; }
  .personel-ucret-baslik { font-size: .72rem; font-weight: 800; color: var(--rv-text); }
  .personel-ucret-giris { display: flex; align-items: center; gap: .35rem; }
  .personel-ucret-input {
    flex: 1;
    min-width: 0;
    text-align: center;
    font-weight: 800;
    font-size: 1rem;
    padding: .45rem .5rem;
  }
  .personel-ucret-input--kisa { max-width: 4.5rem; }
  .personel-ucret-birim {
    font-size: .82rem;
    font-weight: 800;
    color: #92400e;
    flex-shrink: 0;
  }
  .personel-ucret-ipucu {
    font-size: .62rem;
    line-height: 1.35;
    color: #78716c;
    font-weight: 600;
    min-height: 1.5em;
  }
  @media (max-width: 520px) {
    .personel-ucret-grid { grid-template-columns: 1fr; }
  }
  .personel-metrik {
    background: linear-gradient(165deg, #fff 0%, #fffefb 100%);
    border: 1px solid rgba(201, 138, 75, .16);
    border-radius: 12px;
    padding: .55rem .6rem;
    color: #1c1917;
    box-shadow: 0 2px 8px rgba(201, 138, 75, .05);
  }
  html.theme-dark .personel-metrik,
  html.theme-mythos .personel-metrik {
    background: rgba(255,255,255,.05);
    border-color: rgba(255,255,255,.08);
    color: #e2e8f0;
    box-shadow: none;
  }
  html.theme-dark .personel-metrik-etiket,
  html.theme-mythos .personel-metrik-etiket { color: #94a3b8; opacity: 1; }
  html.theme-dark .personel-metrik-deger,
  html.theme-mythos .personel-metrik-deger { color: #f1f5f9; }
  html.theme-dark .personel-ucret-birim,
  html.theme-mythos .personel-ucret-birim { color: #fbbf24; }
  html.theme-dark .personel-ucret-ipucu,
  html.theme-mythos .personel-ucret-ipucu { color: #94a3b8; }
  .personel-metrik-etiket {
    font-size: .58rem;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: .05em;
    color: #92400e;
    opacity: 1;
  }
  .personel-metrik-deger {
    font-size: .95rem;
    font-weight: 800;
    margin-top: .22rem;
    letter-spacing: -.02em;
    font-variant-numeric: tabular-nums;
  }
  .personel-acc {
    border: 1px solid var(--rv-border, rgba(15,23,42,.1));
    border-radius: 12px; overflow: hidden; background: var(--rv-surface-1, #fff);
  }
  html.theme-dark .personel-acc,
  html.theme-mythos .personel-acc {
    background: #141c2e;
    border-color: rgba(255,255,255,.1);
  }
  html.theme-dark .personel-acc summary,
  html.theme-mythos .personel-acc summary {
    color: var(--rv-text, #f2f4fb);
  }
  html.theme-dark .personel-acc summary:hover,
  html.theme-mythos .personel-acc summary:hover {
    background: rgba(255,255,255,.05);
  }
  html.theme-dark .personel-acc[open] summary,
  html.theme-mythos .personel-acc[open] summary {
    border-bottom-color: rgba(255,255,255,.08);
  }
  .personel-acc summary {
    cursor: pointer; font-size: .8rem; font-weight: 700; padding: .65rem .75rem;
    list-style: none; display: flex; align-items: center; justify-content: space-between; gap: .5rem;
    user-select: none;
  }
  .personel-acc summary::-webkit-details-marker { display: none; }
  .personel-acc summary:hover { background: var(--rv-surface-2, rgba(15,23,42,.035)); }
  .personel-acc:not(.personel-acc-anim)[open] summary { border-bottom: 1px solid var(--rv-border, rgba(15,23,42,.08)); }
  .personel-acc-anim[open]:not(.is-opening):not(.is-closing) summary {
    border-bottom: 1px solid var(--rv-border, rgba(15,23,42,.08));
  }
  .personel-acc-ok,
  .panel-acc-ok {
    font-size: .7rem; opacity: .55;
    transition: transform 520ms cubic-bezier(.22, 1, .36, 1);
    flex-shrink: 0;
  }
  .panel-acc-anim[open] .panel-acc-ok { transform: rotate(180deg); }
  .personel-acc:not(.personel-acc-anim)[open] .personel-acc-ok { transform: rotate(180deg); }
  .personel-acc:not(.personel-acc-anim)[open] summary {
    transition: border-color .3s ease, background .15s;
  }
  .personel-acc-anim[open]:not(.is-opening):not(.is-closing) .personel-acc-ok { transform: rotate(180deg); }
  .personel-acc:not(.personel-acc-anim) .personel-acc-icerik {
    padding: 0 .75rem .75rem;
    border-top: 1px solid var(--rv-border, rgba(15,23,42,.06));
  }
  .personel-hizmetler {
    display: flex;
    flex-direction: column;
    gap: .45rem;
    max-height: min(22rem, 48vh);
    overflow-y: auto;
    padding: .1rem 0 .15rem;
  }
  .personel-hizmet-etiket {
    display: inline-flex;
    align-items: center;
    gap: .45rem;
    font-size: .8rem;
    font-weight: 650;
    cursor: pointer;
    color: #1c1917;
    min-width: 0;
  }
  .personel-hizmet-etiket input {
    accent-color: #d97706;
    width: 1.05rem;
    height: 1.05rem;
    flex-shrink: 0;
  }
  .personel-hizmet-ad {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .personel-drawer-aksiyon { display: flex; flex-direction: column; gap: 1rem; margin-top: 1.25rem; }
  @media (min-width: 480px) { .personel-drawer-aksiyon { flex-direction: row; flex-wrap: wrap; gap: 1rem; } }
  .personel-drawer-aksiyon .btn { flex: 1; min-width: 8.5rem; justify-content: center; }
  .personel-btn-sil { color: #dc2626 !important; border-color: rgba(220,38,38,.25) !important; }
  .personel-btn-sil:hover { background: rgba(220,38,38,.06) !important; }
  .personel-cari-tur.aktif {
    border-color: rgba(99,102,241,.45) !important;
    background: rgba(99,102,241,.1) !important;
    font-weight: 800;
  }
  .personel-modal { opacity: 1; }
  .personel-modal.hidden { display: none !important; }
  .personel-modal:not(.hidden) { display: flex !important; }
  .personel-modal-backdrop { opacity: 0; transition: opacity .3s ease-in-out; }
  .personel-modal.is-open .personel-modal-backdrop { opacity: 1; }
  .personel-modal-panel {
    opacity: 0; transform: translateY(14px) scale(0.96);
    transition: opacity .3s ease-in-out, transform .3s cubic-bezier(.22, 1, .36, 1);
  }
  .personel-modal.is-open .personel-modal-panel {
    opacity: 1; transform: translateY(0) scale(1);
  }
  #personelDrawerPanel.personel-modal-panel {
    background: var(--rv-surface-1, #fff);
    border-color: var(--rv-border, rgba(15,23,42,.08));
    color: var(--rv-text, #0f172a);
  }
  /* Profil kart drawer — mobil tam görünüm + arka plan scroll kilidi */
  :root {
    --panel-kart-drawer-max-h: min(94dvh, calc(100dvh - env(safe-area-inset-top, 0px) - 0.35rem));
  }
  body.panel-kart-drawer-open {
    overflow: hidden !important;
    overscroll-behavior: none;
  }
  .panel-kart-drawer:not(.hidden) {
    display: flex !important;
    overscroll-behavior: none;
  }
  #musteriProfilDrawer.hidden,
  #personelProfilDrawer.hidden {
    display: none !important;
  }
  .panel-kart-drawer-panel {
    display: flex;
    flex-direction: column;
    min-height: 0;
    max-height: var(--panel-kart-drawer-max-h);
    overflow: hidden;
    width: 100%;
  }
  @media (min-width: 768px) {
    .panel-kart-drawer-panel {
      max-height: min(92vh, 42rem);
    }
  }
  .panel-kart-drawer-head,
  #personelProfilDrawer .personel-drawer-sticky-head.panel-kart-drawer-head {
    flex-shrink: 0;
    z-index: 2;
  }
  .panel-kart-drawer-scroll {
    flex: 1 1 auto;
    min-height: 0;
    overflow-x: hidden;
    overflow-y: auto;
    overscroll-behavior: contain;
    overscroll-behavior-y: contain;
    -webkit-overflow-scrolling: touch;
    touch-action: pan-y;
  }
  .panel-kart-drawer-body {
    padding-bottom: max(1.35rem, calc(env(safe-area-inset-bottom, 0px) + 0.85rem));
  }
  html.theme-dark #musteriProfilDrawer .panel-kart-drawer-head,
  html.theme-mythos #musteriProfilDrawer .panel-kart-drawer-head {
    background: var(--rv-surface-1, #141c2e);
    border-color: var(--rv-border, rgba(255,255,255,.08));
  }
  html.theme-dark #musteriProfilDrawer .panel-kart-drawer-panel,
  html.theme-mythos #musteriProfilDrawer .panel-kart-drawer-panel {
    background: var(--rv-surface-1, #141c2e);
    color: var(--rv-text, #f2f4fb);
  }
  /* Müşteri profil drawer — premium kart */
  #musteriProfilDrawer .mp-drawer-head {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: .75rem;
    padding: .9rem 1rem .85rem;
    border-bottom: 1px solid rgba(201, 138, 75, .16);
    background: linear-gradient(180deg, #fff 0%, #fffaf3 100%);
  }
  #musteriProfilDrawer .mp-drawer-title-row {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: .35rem .45rem;
    min-width: 0;
  }
  #musteriProfilDrawer .mp-drawer-ad {
    margin: 0;
    font-family: var(--rv-font-d);
    font-size: 1.12rem;
    font-weight: 700;
    letter-spacing: -.025em;
    color: #1c1917;
    line-height: 1.2;
  }
  #musteriProfilDrawer .mp-drawer-tel {
    display: inline-block;
    margin-top: .32rem;
    font-size: .82rem;
    font-weight: 800;
    color: #b45309;
    text-decoration: none;
  }
  #musteriProfilDrawer .mp-drawer-tel:hover { color: #92400e; text-decoration: underline; }
  #musteriProfilDrawer .musteri-profil-seg {
    font-size: .62rem !important;
    font-weight: 800;
    padding: .16rem .45rem !important;
    border-radius: 999px;
  }
  #musteriProfilDrawer .mp-drawer-kapat {
    flex-shrink: 0;
    width: 2.15rem;
    height: 2.15rem;
    border-radius: 10px;
    border: 1px solid rgba(15, 23, 42, .1);
    background: #fff;
    color: #64748b;
    font-size: .95rem;
    font-weight: 700;
    cursor: pointer;
  }
  #musteriProfilDrawer .mp-drawer-kapat:hover {
    background: #fff7ed;
    color: #92400e;
    border-color: rgba(201, 138, 75, .3);
  }
  #musteriProfilDrawer .mp-drawer-body {
    /* Sekmeler + paneller: paneller aynı hücrede — yükseklik en uzun pane'e sabit */
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: .7rem;
    padding: .85rem 1rem 1.25rem;
    background: linear-gradient(180deg, #fffefb 0%, #fff 35%);
  }
  #musteriProfilDrawer .mp-tabs {
    grid-column: 1;
    grid-row: 1;
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: .25rem;
    padding: .3rem;
    border-radius: 12px;
    background: rgba(15, 23, 42, .05);
    border: 1px solid rgba(15, 23, 42, .06);
  }
  #musteriProfilDrawer .mp-tab-btn {
    min-height: 44px;
    height: 44px;
    padding: .5rem .25rem;
    border-radius: 9px;
    font-size: .74rem;
    font-weight: 800;
    letter-spacing: .01em;
    color: #64748b;
    background: transparent;
    border: 0;
    cursor: pointer;
    transition: background .15s ease, color .15s ease, box-shadow .15s ease;
    -webkit-tap-highlight-color: transparent;
  }
  #musteriProfilDrawer .mp-tab-btn.is-aktif {
    color: #7c2d12;
    background: #fff;
    box-shadow: 0 1px 4px rgba(15, 23, 42, .1);
  }
  #musteriProfilDrawer .mp-tab-pane {
    grid-column: 1;
    grid-row: 2;
    display: flex;
    flex-direction: column;
    gap: .7rem;
    min-width: 0;
    z-index: 0;
  }
  #musteriProfilDrawer .mp-tab-pane:not(.hidden) {
    z-index: 1;
    animation: mpPaneGiris .18s ease;
  }
  /* display:none kullanma — grid yüksekliği en uzun pane'e kilitlensin */
  #musteriProfilDrawer .mp-tab-pane.hidden {
    display: flex !important;
    visibility: hidden;
    pointer-events: none;
  }
  @keyframes mpPaneGiris {
    from { opacity: 0; }
    to { opacity: 1; }
  }
  html.theme-dark #musteriProfilDrawer .mp-tabs,
  html.theme-mythos #musteriProfilDrawer .mp-tabs {
    background: rgba(255, 255, 255, .05);
    border-color: rgba(255, 255, 255, .08);
  }
  html.theme-dark #musteriProfilDrawer .mp-tab-btn,
  html.theme-mythos #musteriProfilDrawer .mp-tab-btn { color: #94a3b8; }
  html.theme-dark #musteriProfilDrawer .mp-tab-btn.is-aktif,
  html.theme-mythos #musteriProfilDrawer .mp-tab-btn.is-aktif {
    color: #fbbf24;
    background: rgba(255, 255, 255, .08);
    box-shadow: 0 1px 4px rgba(0, 0, 0, .35);
  }
  html.theme-rose #musteriProfilDrawer .mp-tab-btn.is-aktif { color: #be185d; }
  #musteriProfilDrawer .musteri-profil-hero {
    padding: .85rem .9rem;
    border-radius: 14px;
    background: linear-gradient(145deg, #fff7ed 0%, #fef3c7 55%, #fff 100%);
    border: 1px solid rgba(217, 119, 6, .22);
    box-shadow: 0 2px 10px rgba(217, 119, 6, .08), inset 0 1px 0 rgba(255,255,255,.75);
  }
  #musteriProfilDrawer .musteri-profil-hero-lbl {
    font-size: .62rem;
    font-weight: 800;
    letter-spacing: .08em;
    text-transform: uppercase;
    color: #92400e;
  }
  #musteriProfilDrawer .musteri-profil-hero-val {
    margin-top: .2rem;
    font-size: 1.35rem;
    font-weight: 900;
    letter-spacing: -.02em;
    color: #1c1917;
    line-height: 1.2;
  }
  #musteriProfilDrawer .musteri-profil-hero-alt {
    margin-top: .2rem;
    font-size: .74rem;
    font-weight: 600;
    color: #78716c;
    line-height: 1.35;
  }
  #musteriProfilDrawer .musteri-profil-sonraki {
    border-radius: 12px;
    border: 1px solid rgba(16, 185, 129, .22);
    background: linear-gradient(145deg, #ecfdf5 0%, #fff 100%);
    padding: .65rem .75rem;
  }
  #musteriProfilDrawer .musteri-profil-sonraki-btn {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: .15rem;
    width: 100%;
    text-align: left;
    background: none;
    border: 0;
    padding: 0;
    cursor: pointer;
  }
  #musteriProfilDrawer .musteri-profil-sonraki-baslik {
    font-size: .68rem;
    font-weight: 800;
    letter-spacing: .04em;
    text-transform: uppercase;
    color: #047857;
  }
  #musteriProfilDrawer .musteri-profil-sonraki-meta {
    font-size: .8rem;
    font-weight: 700;
    color: #134e4a;
    line-height: 1.35;
  }
  #musteriProfilDrawer .musteri-profil-sonraki-link {
    font-size: .72rem;
    font-weight: 800;
    color: #b45309;
    margin-top: .15rem;
  }
  #musteriProfilDrawer .musteri-profil-statlar {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: .4rem;
  }
  #musteriProfilDrawer .musteri-profil-stat {
    text-align: center;
    border-radius: 11px;
    padding: .5rem .3rem;
    background: #fff;
    border: 1px solid rgba(15, 23, 42, .08);
    box-shadow: 0 1px 3px rgba(15, 23, 42, .04);
  }
  #musteriProfilDrawer .musteri-profil-stat-val {
    font-size: .88rem;
    font-weight: 900;
    color: #0f172a;
    line-height: 1.15;
  }
  #musteriProfilDrawer .musteri-profil-stat-lbl {
    margin-top: .15rem;
    font-size: .58rem;
    font-weight: 700;
    letter-spacing: .03em;
    color: #64748b;
    text-transform: uppercase;
  }
  #musteriProfilDrawer .musteri-profil-stat--geldi {
    background: linear-gradient(180deg, #ecfdf5 0%, #fff 100%);
    border-color: rgba(16, 185, 129, .22);
  }
  #musteriProfilDrawer .musteri-profil-stat--geldi .musteri-profil-stat-val { color: #047857; }
  #musteriProfilDrawer .musteri-profil-stat--iptal {
    background: linear-gradient(180deg, #f8fafc 0%, #fff 100%);
    border-color: rgba(148, 163, 184, .28);
  }
  #musteriProfilDrawer .musteri-profil-stat--iptal .musteri-profil-stat-val { color: #64748b; }
  #musteriProfilDrawer .musteri-profil-stat--iptal.is-aktif {
    background: linear-gradient(180deg, #fef2f2 0%, #fff 100%);
    border-color: rgba(239, 68, 68, .28);
  }
  #musteriProfilDrawer .musteri-profil-stat--iptal.is-aktif .musteri-profil-stat-val { color: #b91c1c; }
  #musteriProfilDrawer .musteri-profil-stat--noshow {
    background: linear-gradient(180deg, #f8fafc 0%, #fff 100%);
    border-color: rgba(148, 163, 184, .28);
  }
  #musteriProfilDrawer .musteri-profil-stat--noshow .musteri-profil-stat-val { color: #64748b; }
  #musteriProfilDrawer .musteri-profil-stat--noshow.is-aktif {
    background: linear-gradient(180deg, #fff7ed 0%, #fff 100%);
    border-color: rgba(234, 88, 12, .28);
  }
  #musteriProfilDrawer .musteri-profil-stat--noshow.is-aktif .musteri-profil-stat-val { color: #c2410c; }
  #musteriProfilDrawer .musteri-profil-stat.is-yetersiz .musteri-profil-stat-val {
    color: #64748b;
    font-weight: 700;
  }
  #musteriProfilDrawer .musteri-profil-stat.is-riskli .musteri-profil-stat-val { color: #b91c1c; }
  #musteriProfilDrawer .musteri-profil-stat.is-iyi .musteri-profil-stat-val { color: #047857; }
  #musteriProfilDrawer .musteri-kvkk-onayli { color: #047857; font-weight: 700; }
  #musteriProfilDrawer .musteri-kvkk-bekliyor { color: #b45309; font-weight: 700; }
  #musteriProfilDrawer .musteri-kvkk-red { color: #b91c1c; font-weight: 700; }
  #musteriProfilDrawer .musteri-timeline-satir {
    font-size: .75rem;
    border-radius: .5rem;
    padding: .5rem .75rem;
    border: 1px solid rgba(148, 163, 184, .22);
    background: #f8fafc;
  }
  #musteriProfilDrawer .musteri-timeline-baslik {
    font-weight: 800;
    color: #334155;
  }
  #musteriProfilDrawer .musteri-timeline-meta { color: #64748b; }
  #musteriProfilDrawer .musteri-timeline-satir.is-iyi {
    background: linear-gradient(180deg, #ecfdf5 0%, #f8fafc 100%);
    border-color: rgba(16, 185, 129, .28);
  }
  #musteriProfilDrawer .musteri-timeline-satir.is-iyi .musteri-timeline-baslik { color: #047857; }
  #musteriProfilDrawer .musteri-timeline-satir.is-kotu {
    background: linear-gradient(180deg, #fef2f2 0%, #f8fafc 100%);
    border-color: rgba(239, 68, 68, .28);
  }
  #musteriProfilDrawer .musteri-timeline-satir.is-kotu .musteri-timeline-baslik { color: #b91c1c; }
  #musteriProfilDrawer .musteri-timeline-satir.is-bekliyor {
    background: linear-gradient(180deg, #fffbeb 0%, #f8fafc 100%);
    border-color: rgba(245, 158, 11, .3);
  }
  #musteriProfilDrawer .musteri-timeline-satir.is-bekliyor .musteri-timeline-baslik { color: #b45309; }
  #musteriProfilDrawer .musteri-sadakat-hint {
    margin: .35rem 0 0;
    font-size: .68rem;
    line-height: 1.35;
    color: #64748b;
  }
  #musteriProfilDrawer .musteri-profil-cari {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: .35rem;
    padding: .65rem .8rem;
    border-radius: 12px;
    border: 1px solid rgba(217, 119, 6, .22);
    background: linear-gradient(145deg, #fffbeb 0%, #fff 100%);
  }
  #musteriProfilDrawer .musteri-profil-cari-ust {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .75rem;
  }
  #musteriProfilDrawer .musteri-profil-cari-lbl {
    font-size: .78rem;
    font-weight: 800;
    color: #78350f;
  }
  #musteriProfilDrawer .musteri-profil-cari-val {
    font-size: .95rem;
    font-weight: 900;
    color: #92400e;
    text-align: right;
  }
  #musteriProfilDrawer .musteri-profil-cari-hint {
    margin: 0;
    font-size: .68rem;
    line-height: 1.35;
    color: #92400e;
    opacity: .78;
  }
  #musteriProfilDrawer .musteri-profil-cari-form {
    display: grid;
    grid-template-columns: minmax(6.5rem, 8.5rem) 1fr;
    gap: .4rem;
  }
  #musteriProfilDrawer .musteri-profil-cari-alan { display: block; min-width: 0; }
  #musteriProfilDrawer .musteri-profil-cari-alan .field {
    width: 100%;
    margin: 0;
  }
  @media (max-width: 420px) {
    #musteriProfilDrawer .musteri-profil-cari-form {
      grid-template-columns: 1fr;
    }
  }
  #musteriProfilDrawer .musteri-profil-cari-tahsil {
    align-self: flex-start;
    margin-top: .15rem;
  }
  #musteriProfilDrawer .musteri-profil-cari-aksiyon {
    display: flex;
    flex-wrap: wrap;
    gap: .4rem;
    margin-top: .15rem;
  }
  #musteriProfilDrawer .musteri-sadakat-kutu {
    padding: .75rem .8rem;
    border-radius: 12px;
    background: linear-gradient(160deg, #fff 0%, #fff7ed 100%);
    border: 1px solid rgba(201, 138, 75, .22);
    display: flex;
    flex-direction: column;
    gap: .45rem;
  }
  #musteriProfilDrawer .musteri-sadakat-ust {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .5rem;
  }
  #musteriProfilDrawer .musteri-sadakat-lbl {
    font-size: .72rem;
    font-weight: 800;
    color: #78350f;
  }
  #musteriProfilDrawer .musteri-sadakat-puan {
    font-size: 1.15rem;
    font-weight: 900;
    color: #b45309;
  }
  #musteriProfilDrawer .musteri-sadakat-odul {
    font-size: .68rem;
    font-weight: 600;
    color: #92400e;
    margin: 0;
  }
  #musteriProfilDrawer .musteri-sadakat-form {
    display: grid;
    grid-template-columns: minmax(0, .9fr) minmax(0, 1.4fr);
    gap: .4rem;
  }
  #musteriProfilDrawer .musteri-sadakat-btn {
    width: 100%;
    min-height: 2.25rem;
    border-radius: 10px;
    border: 1px solid rgba(180, 83, 9, .35);
    background: linear-gradient(135deg, #d97706, #b45309);
    color: #fff;
    font-size: .78rem;
    font-weight: 800;
    cursor: pointer;
    box-shadow: 0 3px 10px rgba(217, 119, 6, .25);
  }
  #musteriProfilDrawer .musteri-sadakat-btn:hover { filter: brightness(1.05); }
  #musteriProfilDrawer .musteri-profil-bilgi {
    border-radius: 12px;
    border: 1px solid rgba(15, 23, 42, .08);
    background: #fff;
    overflow: hidden;
  }
  #musteriProfilDrawer .musteri-profil-bilgi-satir {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: .75rem;
    padding: .55rem .75rem;
    border-top: 1px solid rgba(15, 23, 42, .05);
    font-size: .8rem;
  }
  #musteriProfilDrawer .musteri-profil-bilgi-satir:first-child { border-top: 0; }
  #musteriProfilDrawer .musteri-profil-bilgi-lbl {
    flex-shrink: 0;
    font-weight: 600;
    color: #78716c;
  }
  #musteriProfilDrawer .musteri-profil-bilgi-val {
    font-weight: 700;
    color: #1c1917;
    text-align: right;
  }
  #musteriProfilDrawer .musteri-profil-bilgi-val--sira { color: #0f766e; }
  #musteriProfilDrawer .musteri-profil-iletisim {
    padding: .75rem .8rem;
    border-radius: 12px;
    border: 1px solid rgba(15, 23, 42, .08);
    background: linear-gradient(160deg, #f8fafc 0%, #fff 100%);
  }
  #musteriProfilDrawer .musteri-profil-iletisim-baslik {
    margin: 0;
    font-size: .8rem;
    font-weight: 800;
    color: #1c1917;
  }
  #musteriProfilDrawer .musteri-profil-iletisim-not {
    margin: .25rem 0 0;
    font-size: .68rem;
    line-height: 1.4;
    color: #64748b;
  }
  #musteriProfilDrawer .musteri-profil-iletisim-uyari {
    margin: .4rem 0 0;
    font-size: .72rem;
    font-weight: 700;
    color: #b45309;
  }
  #musteriProfilDrawer .musteri-profil-iletisim-btnlar {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: .45rem;
    margin-top: .55rem;
  }
  #musteriProfilDrawer .mp-iletisim-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: .4rem;
    min-height: 2.45rem;
    padding: .45rem .6rem;
    border-radius: 11px;
    font-size: .78rem;
    font-weight: 800;
    text-decoration: none;
    border: 1.5px solid transparent;
  }
  #musteriProfilDrawer .mp-iletisim-btn--wa {
    background: linear-gradient(145deg, #25d366 0%, #128c7e 100%);
    color: #fff;
    border-color: rgba(7, 94, 84, .3);
    box-shadow: 0 3px 12px rgba(18, 140, 126, .3);
  }
  #musteriProfilDrawer .mp-iletisim-btn--tel {
    background: linear-gradient(180deg, #1e293b 0%, #0f172a 100%);
    color: #fff;
    border-color: rgba(15, 23, 42, .4);
  }
  html.theme-rose #musteriProfilDrawer .mp-drawer-head {
    background: linear-gradient(180deg, #fff 0%, #fff5f9 100%);
    border-bottom-color: rgba(236, 72, 153, .14);
  }
  html.theme-rose #musteriProfilDrawer .mp-drawer-ad { color: #500724; }
  html.theme-rose #musteriProfilDrawer .mp-drawer-tel { color: #be185d; }
  html.theme-rose #musteriProfilDrawer .musteri-profil-hero {
    background: linear-gradient(145deg, #fdf2f8 0%, #fce7f3 50%, #fff 100%);
    border-color: rgba(236, 72, 153, .2);
  }
  html.theme-rose #musteriProfilDrawer .musteri-sadakat-kutu {
    background: linear-gradient(160deg, #fff 0%, #fce7f3 100%);
    border-color: rgba(236, 72, 153, .2);
  }
  html.theme-rose #musteriProfilDrawer .musteri-sadakat-lbl,
  html.theme-rose #musteriProfilDrawer .musteri-sadakat-puan { color: #9d174d; }
  html.theme-rose #musteriProfilDrawer .musteri-sadakat-btn {
    background: linear-gradient(135deg, #ec4899, #db2777);
    border-color: rgba(157, 23, 77, .35);
  }
  html.theme-dark #musteriProfilDrawer .mp-drawer-head,
  html.theme-mythos #musteriProfilDrawer .mp-drawer-head {
    background: linear-gradient(180deg, rgba(26, 36, 56, .98) 0%, rgba(20, 28, 46, .98) 100%);
    border-bottom-color: rgba(255,255,255,.08);
  }
  html.theme-dark #musteriProfilDrawer .mp-drawer-ad,
  html.theme-mythos #musteriProfilDrawer .mp-drawer-ad { color: #f1f5f9; }
  html.theme-dark #musteriProfilDrawer .mp-drawer-tel,
  html.theme-mythos #musteriProfilDrawer .mp-drawer-tel { color: #fbbf24; }
  html.theme-dark #musteriProfilDrawer .mp-drawer-body,
  html.theme-mythos #musteriProfilDrawer .mp-drawer-body {
    background: rgba(20, 28, 46, .98);
  }
  html.theme-dark #musteriProfilDrawer .musteri-profil-hero,
  html.theme-mythos #musteriProfilDrawer .musteri-profil-hero {
    background: linear-gradient(145deg, rgba(120,53,15,.28), rgba(20,28,46,.95));
    border-color: rgba(251, 191, 36, .2);
  }
  html.theme-dark #musteriProfilDrawer .musteri-profil-hero-val,
  html.theme-mythos #musteriProfilDrawer .musteri-profil-hero-val { color: #f8fafc; }
  html.theme-dark #musteriProfilDrawer .musteri-profil-sonraki,
  html.theme-mythos #musteriProfilDrawer .musteri-profil-sonraki {
    background: linear-gradient(145deg, rgba(16, 185, 129, .14) 0%, rgba(20, 28, 46, .95) 100%);
    border-color: rgba(52, 211, 153, .28);
  }
  html.theme-dark #musteriProfilDrawer .musteri-profil-sonraki-baslik,
  html.theme-mythos #musteriProfilDrawer .musteri-profil-sonraki-baslik { color: #6ee7b7; }
  html.theme-dark #musteriProfilDrawer .musteri-profil-sonraki-meta,
  html.theme-mythos #musteriProfilDrawer .musteri-profil-sonraki-meta { color: #e2e8f0; }
  html.theme-dark #musteriProfilDrawer .musteri-profil-sonraki-link,
  html.theme-mythos #musteriProfilDrawer .musteri-profil-sonraki-link { color: #fbbf24; }
  html.theme-dark #musteriProfilDrawer .musteri-profil-cari,
  html.theme-mythos #musteriProfilDrawer .musteri-profil-cari {
    background: linear-gradient(145deg, rgba(245, 158, 11, .12) 0%, rgba(20, 28, 46, .95) 100%);
    border-color: rgba(251, 191, 36, .22);
  }
  html.theme-dark #musteriProfilDrawer .musteri-profil-cari-lbl,
  html.theme-mythos #musteriProfilDrawer .musteri-profil-cari-lbl { color: #fcd34d; }
  html.theme-dark #musteriProfilDrawer .musteri-profil-cari-val,
  html.theme-mythos #musteriProfilDrawer .musteri-profil-cari-val { color: #fef3c7; }
  html.theme-dark #musteriProfilDrawer .musteri-profil-stat,
  html.theme-mythos #musteriProfilDrawer .musteri-profil-stat {
    background: rgba(255,255,255,.04);
    border-color: rgba(255,255,255,.08);
  }
  html.theme-dark #musteriProfilDrawer .musteri-profil-stat-val,
  html.theme-mythos #musteriProfilDrawer .musteri-profil-stat-val { color: #f1f5f9; }
  html.theme-dark #musteriProfilDrawer .musteri-profil-stat--geldi .musteri-profil-stat-val,
  html.theme-mythos #musteriProfilDrawer .musteri-profil-stat--geldi .musteri-profil-stat-val { color: #6ee7b7; }
  html.theme-dark #musteriProfilDrawer .musteri-profil-stat--iptal.is-aktif .musteri-profil-stat-val,
  html.theme-mythos #musteriProfilDrawer .musteri-profil-stat--iptal.is-aktif .musteri-profil-stat-val { color: #fca5a5; }
  html.theme-dark #musteriProfilDrawer .musteri-profil-stat--noshow.is-aktif .musteri-profil-stat-val,
  html.theme-mythos #musteriProfilDrawer .musteri-profil-stat--noshow.is-aktif .musteri-profil-stat-val { color: #fdba74; }
  html.theme-dark #musteriProfilDrawer .musteri-profil-stat.is-yetersiz .musteri-profil-stat-val,
  html.theme-mythos #musteriProfilDrawer .musteri-profil-stat.is-yetersiz .musteri-profil-stat-val { color: #94a3b8; }
  html.theme-dark #musteriProfilDrawer .musteri-profil-stat.is-riskli .musteri-profil-stat-val,
  html.theme-mythos #musteriProfilDrawer .musteri-profil-stat.is-riskli .musteri-profil-stat-val { color: #fca5a5; }
  html.theme-dark #musteriProfilDrawer .musteri-profil-stat.is-iyi .musteri-profil-stat-val,
  html.theme-mythos #musteriProfilDrawer .musteri-profil-stat.is-iyi .musteri-profil-stat-val { color: #6ee7b7; }
  html.theme-dark #musteriProfilDrawer .musteri-kvkk-onayli,
  html.theme-mythos #musteriProfilDrawer .musteri-kvkk-onayli { color: #6ee7b7; }
  html.theme-dark #musteriProfilDrawer .musteri-kvkk-bekliyor,
  html.theme-mythos #musteriProfilDrawer .musteri-kvkk-bekliyor { color: #fbbf24; }
  html.theme-dark #musteriProfilDrawer .musteri-kvkk-red,
  html.theme-mythos #musteriProfilDrawer .musteri-kvkk-red { color: #fca5a5; }
  html.theme-dark #musteriProfilDrawer .musteri-timeline-satir,
  html.theme-mythos #musteriProfilDrawer .musteri-timeline-satir {
    background: rgba(255, 255, 255, .04);
    border-color: rgba(255, 255, 255, .1);
  }
  html.theme-dark #musteriProfilDrawer .musteri-timeline-baslik,
  html.theme-mythos #musteriProfilDrawer .musteri-timeline-baslik { color: #e2e8f0; }
  html.theme-dark #musteriProfilDrawer .musteri-timeline-meta,
  html.theme-mythos #musteriProfilDrawer .musteri-timeline-meta { color: #94a3b8; }
  html.theme-dark #musteriProfilDrawer .musteri-timeline-satir.is-iyi,
  html.theme-mythos #musteriProfilDrawer .musteri-timeline-satir.is-iyi {
    background: linear-gradient(180deg, rgba(16, 185, 129, .14) 0%, rgba(20, 28, 46, .9) 100%);
    border-color: rgba(52, 211, 153, .28);
  }
  html.theme-dark #musteriProfilDrawer .musteri-timeline-satir.is-iyi .musteri-timeline-baslik,
  html.theme-mythos #musteriProfilDrawer .musteri-timeline-satir.is-iyi .musteri-timeline-baslik { color: #6ee7b7; }
  html.theme-dark #musteriProfilDrawer .musteri-timeline-satir.is-kotu,
  html.theme-mythos #musteriProfilDrawer .musteri-timeline-satir.is-kotu {
    background: linear-gradient(180deg, rgba(239, 68, 68, .14) 0%, rgba(20, 28, 46, .9) 100%);
    border-color: rgba(248, 113, 113, .28);
  }
  html.theme-dark #musteriProfilDrawer .musteri-timeline-satir.is-kotu .musteri-timeline-baslik,
  html.theme-mythos #musteriProfilDrawer .musteri-timeline-satir.is-kotu .musteri-timeline-baslik { color: #fca5a5; }
  html.theme-dark #musteriProfilDrawer .musteri-timeline-satir.is-bekliyor,
  html.theme-mythos #musteriProfilDrawer .musteri-timeline-satir.is-bekliyor {
    background: linear-gradient(180deg, rgba(245, 158, 11, .14) 0%, rgba(20, 28, 46, .9) 100%);
    border-color: rgba(251, 191, 36, .28);
  }
  html.theme-dark #musteriProfilDrawer .musteri-timeline-satir.is-bekliyor .musteri-timeline-baslik,
  html.theme-mythos #musteriProfilDrawer .musteri-timeline-satir.is-bekliyor .musteri-timeline-baslik { color: #fbbf24; }
  html.theme-dark #musteriProfilDrawer .musteri-timeline-satir .text-brand-700,
  html.theme-mythos #musteriProfilDrawer .musteri-timeline-satir .text-brand-700 { color: #fbbf24; }
  html.theme-dark #musteriProfilDrawer .musteri-profil-iletisim,
  html.theme-mythos #musteriProfilDrawer .musteri-profil-iletisim {
    background: rgba(255, 255, 255, .04);
    border-color: rgba(255, 255, 255, .1);
  }
  html.theme-dark #musteriProfilDrawer .musteri-profil-iletisim-baslik,
  html.theme-mythos #musteriProfilDrawer .musteri-profil-iletisim-baslik { color: #f1f5f9; }
  html.theme-dark #musteriProfilDrawer .musteri-profil-iletisim-not,
  html.theme-mythos #musteriProfilDrawer .musteri-profil-iletisim-not { color: #94a3b8; }
  html.theme-dark #musteriProfilDrawer #musteriBeklemeKutu,
  html.theme-mythos #musteriProfilDrawer #musteriBeklemeKutu {
    background: rgba(20, 184, 166, .1) !important;
    border-color: rgba(45, 212, 191, .22) !important;
  }
  html.theme-dark #musteriProfilDrawer #musteriBeklemeKutu .text-teal-700,
  html.theme-mythos #musteriProfilDrawer #musteriBeklemeKutu .text-teal-700,
  html.theme-dark #musteriProfilDrawer #musteriBeklemeKutu .font-bold,
  html.theme-mythos #musteriProfilDrawer #musteriBeklemeKutu .font-bold { color: #5eead4; }
  html.theme-dark #musteriProfilDrawer #musteriPaketKutu,
  html.theme-mythos #musteriProfilDrawer #musteriPaketKutu {
    background: rgba(16, 185, 129, .1) !important;
    border-color: rgba(52, 211, 153, .22) !important;
  }
  html.theme-dark #musteriProfilDrawer #musteriPaketKutu .text-emerald-700,
  html.theme-mythos #musteriProfilDrawer #musteriPaketKutu .text-emerald-700,
  html.theme-dark #musteriProfilDrawer #musteriPaketKutu .text-emerald-900,
  html.theme-mythos #musteriProfilDrawer #musteriPaketKutu .text-emerald-900 { color: #6ee7b7; }
  html.theme-dark #musteriProfilDrawer #musteriPaketKutu .text-slate-400,
  html.theme-mythos #musteriProfilDrawer #musteriPaketKutu .text-slate-400,
  html.theme-dark #musteriProfilDrawer #musteriPaketKutu .italic,
  html.theme-mythos #musteriProfilDrawer #musteriPaketKutu .italic { color: #94a3b8; }
  html.theme-dark #musteriProfilDrawer #musteriPaketListe .bg-slate-100,
  html.theme-dark #musteriProfilDrawer #musteriPaketListe .bg-slate-50,
  html.theme-dark #musteriProfilDrawer #musteriPaketListe .bg-emerald-50,
  html.theme-mythos #musteriProfilDrawer #musteriPaketListe .bg-slate-100,
  html.theme-mythos #musteriProfilDrawer #musteriPaketListe .bg-slate-50,
  html.theme-mythos #musteriProfilDrawer #musteriPaketListe .bg-emerald-50 {
    background: rgba(255, 255, 255, .06) !important;
    border-color: rgba(255, 255, 255, .12) !important;
  }
  html.theme-dark #musteriProfilDrawer #musteriPaketListe .text-slate-700,
  html.theme-mythos #musteriProfilDrawer #musteriPaketListe .text-slate-700 { color: #e2e8f0 !important; }
  html.theme-dark #musteriProfilDrawer #musteriPaketListe .text-slate-500,
  html.theme-mythos #musteriProfilDrawer #musteriPaketListe .text-slate-500 { color: #94a3b8 !important; }
  html.theme-dark #musteriProfilDrawer #musteriPaketListe .bg-white,
  html.theme-mythos #musteriProfilDrawer #musteriPaketListe .bg-white {
    background: rgba(255, 255, 255, .08) !important;
    border-color: rgba(255, 255, 255, .14) !important;
  }
  html.theme-dark #musteriProfilDrawer .musteri-rozet--sablon_gerekir,
  html.theme-mythos #musteriProfilDrawer .musteri-rozet--sablon_gerekir {
    background: rgba(245, 158, 11, .22) !important;
    color: #fde68a !important;
  }
  html.theme-dark #musteriProfilDrawer .musteri-rozet--kvkk_eksik,
  html.theme-mythos #musteriProfilDrawer .musteri-rozet--kvkk_eksik {
    background: rgba(148, 163, 184, .22) !important;
    color: #e2e8f0 !important;
  }
  html.theme-dark #musteriProfilDrawer .musteri-rozet--zamani_gelmis,
  html.theme-mythos #musteriProfilDrawer .musteri-rozet--zamani_gelmis {
    background: rgba(245, 158, 11, .22) !important;
    color: #fde68a !important;
  }
  html.theme-dark #musteriProfilDrawer .musteri-rozet--aktif_musteri,
  html.theme-mythos #musteriProfilDrawer .musteri-rozet--aktif_musteri {
    background: rgba(16, 185, 129, .22) !important;
    color: #a7f3d0 !important;
  }
  html.theme-dark #musteriProfilDrawer .musteri-rozet--slot_adayi,
  html.theme-mythos #musteriProfilDrawer .musteri-rozet--slot_adayi {
    background: rgba(20, 184, 166, .22) !important;
    color: #99f6e4 !important;
  }
  html.theme-dark #musteriProfilDrawer .musteri-rozet--kara_liste,
  html.theme-mythos #musteriProfilDrawer .musteri-rozet--kara_liste {
    background: rgba(239, 68, 68, .22) !important;
    color: #fecaca !important;
  }
  html.theme-dark #musteriProfilDrawer .musteri-rozet--csw_acik,
  html.theme-mythos #musteriProfilDrawer .musteri-rozet--csw_acik {
    background: rgba(59, 130, 246, .22) !important;
    color: #bfdbfe !important;
  }
  html.theme-dark #musteriProfilDrawer .musteri-profil-bilgi,
  html.theme-mythos #musteriProfilDrawer .musteri-profil-bilgi {
    background: rgba(255,255,255,.03);
    border-color: rgba(255,255,255,.08);
  }
  html.theme-dark #musteriProfilDrawer .musteri-profil-bilgi-val,
  html.theme-mythos #musteriProfilDrawer .musteri-profil-bilgi-val { color: #e2e8f0; }
  html.theme-dark #musteriProfilDrawer .musteri-sadakat-kutu,
  html.theme-mythos #musteriProfilDrawer .musteri-sadakat-kutu {
    background: rgba(120, 53, 15, .22);
    border-color: rgba(251, 191, 36, .2);
  }
  html.theme-dark #musteriProfilDrawer .musteri-sadakat-lbl,
  html.theme-dark #musteriProfilDrawer .musteri-sadakat-puan,
  html.theme-mythos #musteriProfilDrawer .musteri-sadakat-lbl,
  html.theme-mythos #musteriProfilDrawer .musteri-sadakat-puan {
    color: #fde68a;
  }
  #personelProfilDrawer .personel-drawer-sticky-head {
    background: var(--rv-surface-1, #fff);
    border-color: var(--rv-border, rgba(15,23,42,.08));
  }
  html.theme-dark #personelProfilDrawer,
  html.theme-mythos #personelProfilDrawer {
    color: var(--rv-text, #f2f4fb);
  }
  html.theme-dark #personelProfilDrawer #personelDrawerGirisBox,
  html.theme-mythos #personelProfilDrawer #personelDrawerGirisBox,
  html.theme-dark #personelProfilDrawer .personel-panel-giris-box,
  html.theme-mythos #personelProfilDrawer .personel-panel-giris-box {
    background: linear-gradient(145deg, rgba(245, 158, 11, .12) 0%, rgba(20, 28, 46, .95) 100%) !important;
    border-color: rgba(251, 191, 36, .28) !important;
  }
  html.theme-dark #personelProfilDrawer #personelDrawerGirisBox .text-amber-950,
  html.theme-dark #personelProfilDrawer #personelDrawerGirisBox .text-amber-900,
  html.theme-dark #personelProfilDrawer #personelDrawerGirisBox .text-amber-900\/80,
  html.theme-mythos #personelProfilDrawer #personelDrawerGirisBox .text-amber-950,
  html.theme-mythos #personelProfilDrawer #personelDrawerGirisBox .text-amber-900,
  html.theme-mythos #personelProfilDrawer #personelDrawerGirisBox .text-amber-900\/80 {
    color: #fde68a !important;
  }
  html.theme-dark #personelProfilDrawer #personelDrawerGirisBox p,
  html.theme-mythos #personelProfilDrawer #personelDrawerGirisBox p {
    color: #fcd34d !important;
  }
  html.theme-dark #personelProfilDrawer #personelDrawerGirisBox .form-label,
  html.theme-mythos #personelProfilDrawer #personelDrawerGirisBox .form-label,
  html.theme-dark #personelProfilDrawer #personelDrawerGirisBox .text-slate-700,
  html.theme-mythos #personelProfilDrawer #personelDrawerGirisBox .text-slate-700 {
    color: #e2e8f0 !important;
  }
  html.theme-dark #personelProfilDrawer #personelDrawerGirisBox .text-slate-500,
  html.theme-mythos #personelProfilDrawer #personelDrawerGirisBox .text-slate-500,
  html.theme-dark #personelProfilDrawer #personelDrawerGirisDurum,
  html.theme-mythos #personelProfilDrawer #personelDrawerGirisDurum {
    color: #7dd3fc !important;
  }
  #personelDrawerGirisBox .pd-sifre-wrap {
    position: relative;
    display: block;
  }
  #personelDrawerGirisBox .pd-sifre-wrap .field {
    padding-right: 2.5rem;
    width: 100%;
  }
  #personelDrawerGirisBox .pd-sifre-goz {
    position: absolute;
    top: 50%;
    right: 0.4rem;
    transform: translateY(-50%);
    width: 2rem;
    height: 2rem;
    border: none;
    border-radius: 0.5rem;
    background: transparent;
    color: #64748b;
    display: grid;
    place-items: center;
    cursor: pointer;
    padding: 0;
  }
  #personelDrawerGirisBox .pd-sifre-goz:hover {
    color: #0f766e;
    background: rgba(15, 23, 42, 0.06);
  }
  #personelDrawerGirisBox .pd-sifre-goz.is-open {
    color: #0d9488;
  }
  html.theme-dark #personelDrawerGirisBox .pd-sifre-goz,
  html.theme-mythos #personelDrawerGirisBox .pd-sifre-goz {
    color: #94a3b8;
  }
  html.theme-dark #personelDrawerGirisBox .pd-sifre-goz:hover,
  html.theme-mythos #personelDrawerGirisBox .pd-sifre-goz:hover,
  html.theme-dark #personelDrawerGirisBox .pd-sifre-goz.is-open,
  html.theme-mythos #personelDrawerGirisBox .pd-sifre-goz.is-open {
    color: #fbbf24;
    background: rgba(251, 191, 36, 0.1);
  }
  #personelDrawerGirisBox .pd-sifre-kurallar {
    list-style: none;
    margin: .15rem 0 0;
    padding: .45rem .55rem;
    border-radius: .55rem;
    background: rgba(15, 23, 42, .04);
    display: grid;
    gap: .2rem;
  }
  #personelDrawerGirisBox .pd-sifre-kurallar li {
    display: flex;
    align-items: center;
    gap: .4rem;
    font-size: .72rem;
    font-weight: 600;
    color: #64748b;
  }
  #personelDrawerGirisBox .pd-sifre-kurallar li.is-ok { color: #047857; }
  #personelDrawerGirisBox .pd-sifre-kurallar li.is-bad { color: #b45309; }
  #personelDrawerGirisBox .pd-sifre-kural-ikon {
    width: .9rem;
    text-align: center;
    font-weight: 800;
  }
  #personelDrawerGirisBox .pd-sifre-uyari {
    margin: 0;
    font-size: .72rem;
    font-weight: 700;
    color: #b45309;
  }
  #personelDrawerGirisBox .pd-sifre-uyari.is-ok { color: #047857; }
  html.theme-dark #personelDrawerGirisBox .pd-sifre-kurallar,
  html.theme-mythos #personelDrawerGirisBox .pd-sifre-kurallar {
    background: rgba(0, 0, 0, .22);
  }
  html.theme-dark #personelDrawerGirisBox .pd-sifre-kurallar li,
  html.theme-mythos #personelDrawerGirisBox .pd-sifre-kurallar li {
    color: #94a3b8;
  }
  html.theme-dark #personelDrawerGirisBox .pd-sifre-kurallar li.is-ok,
  html.theme-mythos #personelDrawerGirisBox .pd-sifre-kurallar li.is-ok {
    color: #6ee7b7;
  }
  html.theme-dark #personelDrawerGirisBox .pd-sifre-kurallar li.is-bad,
  html.theme-mythos #personelDrawerGirisBox .pd-sifre-kurallar li.is-bad,
  html.theme-dark #personelDrawerGirisBox .pd-sifre-uyari,
  html.theme-mythos #personelDrawerGirisBox .pd-sifre-uyari {
    color: #fbbf24;
  }
  html.theme-dark #personelDrawerGirisBox .pd-sifre-uyari.is-ok,
  html.theme-mythos #personelDrawerGirisBox .pd-sifre-uyari.is-ok {
    color: #6ee7b7;
  }
  #personelDrawerGirisBox .pd-sifre-sifirla-btn {
    border: 1px solid rgba(180, 83, 9, .35);
    background: rgba(251, 191, 36, .12);
    color: #92400e;
    font-weight: 700;
  }
  #personelDrawerGirisBox .pd-sifre-sifirla-btn:hover {
    background: rgba(251, 191, 36, .22);
    border-color: rgba(180, 83, 9, .5);
  }
  html.theme-dark #personelDrawerGirisBox .pd-sifre-sifirla-btn,
  html.theme-mythos #personelDrawerGirisBox .pd-sifre-sifirla-btn {
    color: #fde68a;
    border-color: rgba(251, 191, 36, .35);
    background: rgba(251, 191, 36, .1);
  }
  html.theme-dark #personelProfilDrawer .opacity-60,
  html.theme-mythos #personelProfilDrawer .opacity-60,
  html.theme-dark #personelProfilDrawer .opacity-55,
  html.theme-mythos #personelProfilDrawer .opacity-55 {
    opacity: .72 !important;
    color: var(--rv-text-2, #9aa3bd);
  }
  html.theme-dark .personel-modal-kapat:hover,
  html.theme-mythos .personel-modal-kapat:hover {
    background: rgba(255,255,255,.1);
    color: #f1f5f9;
  }
  /* ── Personel izin drawer — artisan ───────────────────────────────── */
  .piz-liste-bolum { margin-bottom: .85rem; }
  .piz-bolum-baslik {
    margin: 0 0 .45rem;
    font-size: .78rem;
    font-weight: 800;
    letter-spacing: -.01em;
    color: #1c1917;
  }
  .piz-liste { display: flex; flex-direction: column; gap: .45rem; }
  .piz-bos {
    margin: 0;
    padding: .85rem .75rem;
    text-align: center;
    font-size: .72rem;
    font-weight: 600;
    color: #78716c;
    border-radius: 12px;
    border: 1px dashed rgba(201, 138, 75, .28);
    background: rgba(255, 247, 237, .35);
  }
  .piz-shell {
    position: relative;
    padding: .75rem .8rem .85rem;
    border-radius: 14px;
    border: 1px solid rgba(201, 138, 75, .16);
    background: linear-gradient(165deg, #fff 0%, #fffefb 100%);
    box-shadow: 0 2px 10px rgba(201, 138, 75, .06);
    display: flex;
    flex-direction: column;
    gap: .7rem;
  }
  .tr-takvim-wrap {
    position: relative;
    display: flex;
    align-items: stretch;
    gap: 0;
    width: 100%;
    min-width: 0;
  }
  /* .field width:100% + .mr-input border-radius:!important birleşik kutuyu yarım kesiyordu */
  .tr-takvim-wrap > .tr-tarih,
  .tr-takvim-wrap > input.field,
  .tr-takvim-wrap > input.mr-input {
    flex: 1 1 0%;
    min-width: 0;
    width: auto !important;
    max-width: none;
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
  }
  .tr-takvim-btn {
    flex: 0 0 2.55rem;
    align-self: stretch;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 2.55rem;
    min-height: 2.4rem;
    padding: 0;
    border: 1px solid rgba(15, 23, 42, .14);
    border-left: 0;
    border-radius: 0 11px 11px 0;
    background: #f8fafc;
    color: #334155;
    cursor: pointer;
    transition: background .15s, color .15s;
    box-sizing: border-box;
  }
  .tr-takvim-btn:hover {
    background: #eff6ff;
    color: #1d4ed8;
  }
  .tr-takvim-btn[aria-expanded="true"] {
    background: #dbeafe;
    color: #1e40af;
  }
  .tr-takvim-btn svg { display: block; }
  .tr-takvim-pop {
    position: fixed;
    z-index: 240;
    padding: .65rem .7rem .7rem;
    border-radius: 12px;
    border: 1px solid rgba(15, 23, 42, .12);
    background: #fff;
    box-shadow: 0 12px 32px rgba(15, 23, 42, .18), 0 2px 8px rgba(15, 23, 42, .08);
    font-family: inherit;
  }
  .tr-takvim-pop-ay {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .35rem;
    margin-bottom: .45rem;
  }
  .tr-takvim-ay-lbl {
    border: none;
    background: transparent;
    padding: .25rem .15rem;
    font-size: .92rem;
    font-weight: 700;
    letter-spacing: -.02em;
    color: #0f172a;
    cursor: pointer;
    font-family: inherit;
    text-align: left;
  }
  .tr-takvim-ay-lbl:hover { color: #2563eb; }
  .tr-takvim-nav-dikey {
    display: flex;
    flex-direction: column;
    gap: .1rem;
  }
  .tr-takvim-nav {
    width: 1.65rem;
    height: 1.15rem;
    border-radius: 4px;
    border: none;
    background: transparent;
    color: #334155;
    font-size: .62rem;
    font-weight: 700;
    line-height: 1;
    cursor: pointer;
    padding: 0;
  }
  .tr-takvim-nav:hover { background: #f1f5f9; color: #0f172a; }
  .tr-takvim-hafta {
    display: grid;
    grid-template-columns: repeat(7, 1fr);
    gap: .1rem;
    margin-bottom: .25rem;
  }
  .tr-takvim-hafta-gun {
    text-align: center;
    font-size: .68rem;
    font-weight: 600;
    color: #64748b;
    padding: .2rem 0;
  }
  .tr-takvim-gunler,
  .tr-takvim-aylar,
  .tr-takvim-yillar {
    display: grid;
    grid-template-columns: repeat(7, 1fr);
    gap: .15rem;
  }
  .tr-takvim-aylar,
  .tr-takvim-yillar {
    grid-template-columns: repeat(3, 1fr);
    gap: .35rem;
    min-height: 11rem;
    align-content: start;
    padding: .2rem 0 .35rem;
  }
  .tr-takvim-gun,
  .tr-takvim-ay-sec,
  .tr-takvim-yil-sec {
    aspect-ratio: 1;
    min-height: 2rem;
    border-radius: 6px;
    border: 1.5px solid transparent;
    background: transparent;
    color: #0f172a;
    font-size: .84rem;
    font-weight: 600;
    cursor: pointer;
    font-family: inherit;
  }
  .tr-takvim-ay-sec,
  .tr-takvim-yil-sec {
    aspect-ratio: auto;
    min-height: 2.4rem;
    font-size: .8rem;
  }
  .tr-takvim-gun:hover,
  .tr-takvim-ay-sec:hover,
  .tr-takvim-yil-sec:hover {
    background: #f1f5f9;
  }
  .tr-takvim-gun.dis {
    display: none;
  }
  .tr-takvim-bos {
    display: block;
    min-height: 2.1rem;
    border-radius: 10px;
    pointer-events: none;
  }
  .tr-takvim-gun.gecmis {
    opacity: .38;
    color: #64748b !important;
    cursor: not-allowed;
    pointer-events: none;
    background: transparent !important;
    box-shadow: none !important;
    border-color: transparent !important;
  }
  .tr-takvim-gun.gecmis:hover {
    background: transparent !important;
  }
  .tr-takvim-gun.bugun:not(.secili) {
    box-shadow: inset 0 0 0 1.5px #93c5fd;
  }
  .tr-takvim-gun.secili,
  .tr-takvim-ay-sec.secili,
  .tr-takvim-yil-sec.secili {
    background: #3b82f6;
    color: #fff;
    border-color: #1e3a8a;
    box-shadow: none;
  }
  .tr-takvim-aksiyon {
    margin-top: .5rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: .5rem;
  }
  .tr-takvim-temizle,
  .tr-takvim-bugun {
    border: none;
    background: transparent;
    color: #2563eb;
    font-size: .8rem;
    font-weight: 600;
    cursor: pointer;
    padding: .3rem .2rem;
    border-radius: 6px;
    font-family: inherit;
  }
  .tr-takvim-temizle:hover,
  .tr-takvim-bugun:hover { background: #eff6ff; }
  html.theme-dark .tr-takvim-btn,
  html.theme-mythos .tr-takvim-btn {
    background: #1a2438;
    border-color: rgba(255, 255, 255, .12);
    color: #93c5fd;
  }
  html.theme-dark .tr-takvim-wrap > .tr-tarih,
  html.theme-mythos .tr-takvim-wrap > .tr-tarih,
  html.theme-dark .tr-takvim-wrap > input.field,
  html.theme-mythos .tr-takvim-wrap > input.field {
    border-right-color: transparent;
  }
  html.theme-dark .tr-takvim-btn:hover,
  html.theme-mythos .tr-takvim-btn:hover,
  html.theme-dark .tr-takvim-btn[aria-expanded="true"],
  html.theme-mythos .tr-takvim-btn[aria-expanded="true"] {
    background: rgba(59, 130, 246, .18);
  }
  html.theme-dark .tr-takvim-pop,
  html.theme-mythos .tr-takvim-pop {
    background: #0f172a;
    border-color: rgba(148, 163, 184, .28);
    box-shadow: 0 16px 40px rgba(0, 0, 0, .5);
  }
  html.theme-dark .tr-takvim-ay-lbl,
  html.theme-mythos .tr-takvim-ay-lbl { color: #f8fafc; }
  html.theme-dark .tr-takvim-nav,
  html.theme-mythos .tr-takvim-nav { color: #cbd5e1; }
  html.theme-dark .tr-takvim-nav:hover,
  html.theme-mythos .tr-takvim-nav:hover { background: rgba(148, 163, 184, .12); color: #f8fafc; }
  html.theme-dark .tr-takvim-gun,
  html.theme-mythos .tr-takvim-gun,
  html.theme-dark .tr-takvim-ay-sec,
  html.theme-mythos .tr-takvim-ay-sec,
  html.theme-dark .tr-takvim-yil-sec,
  html.theme-mythos .tr-takvim-yil-sec { color: #e2e8f0; }
  html.theme-dark .tr-takvim-gun.dis,
  html.theme-mythos .tr-takvim-gun.dis { display: none; }
  html.theme-dark .tr-takvim-bos,
  html.theme-mythos .tr-takvim-bos { visibility: hidden; }
  html.theme-dark .tr-takvim-gun.gecmis,
  html.theme-mythos .tr-takvim-gun.gecmis {
    opacity: .32;
    color: #475569 !important;
  }
  html.theme-dark .tr-takvim-gun:hover,
  html.theme-mythos .tr-takvim-gun:hover,
  html.theme-dark .tr-takvim-ay-sec:hover,
  html.theme-mythos .tr-takvim-ay-sec:hover,
  html.theme-dark .tr-takvim-yil-sec:hover,
  html.theme-mythos .tr-takvim-yil-sec:hover {
    background: rgba(148, 163, 184, .12);
  }
  html.theme-dark .tr-takvim-temizle,
  html.theme-mythos .tr-takvim-temizle,
  html.theme-dark .tr-takvim-bugun,
  html.theme-mythos .tr-takvim-bugun { color: #93c5fd; }
  html.theme-dark .tr-takvim-temizle:hover,
  html.theme-mythos .tr-takvim-temizle:hover,
  html.theme-dark .tr-takvim-bugun:hover,
  html.theme-mythos .tr-takvim-bugun:hover { background: rgba(59, 130, 246, .15); }
  html.theme-rose .tr-takvim-btn {
    background: #fff1f2;
    border-color: rgba(244, 63, 94, .28);
    color: #9f1239;
  }
  html.theme-rose .tr-takvim-gun.secili,
  html.theme-rose .tr-takvim-ay-sec.secili,
  html.theme-rose .tr-takvim-yil-sec.secili {
    background: #e11d48;
    border-color: #9f1239;
  }
  html.theme-rose .tr-takvim-ay-lbl,
  html.theme-rose .tr-takvim-temizle,
  html.theme-rose .tr-takvim-bugun { color: #e11d48; }
  .piz-shell-head {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: .65rem;
  }
  .piz-shell-head .piz-bolum-baslik { margin-bottom: .15rem; }
  .piz-shell-alt {
    margin: 0;
    font-size: .68rem;
    line-height: 1.35;
    color: #78716c;
    font-weight: 600;
  }
  .piz-not-field { display: block; min-width: 0; }
  .piz-kaydet-btn {
    width: 100%;
    padding: .7rem 1rem;
    border: none;
    border-radius: 12px;
    background: linear-gradient(135deg, #d97706 0%, #b45309 100%);
    color: #fff;
    font-size: .84rem;
    font-weight: 800;
    letter-spacing: -.01em;
    cursor: pointer;
    font-family: inherit;
    box-shadow: 0 4px 14px rgba(217, 119, 6, .28);
    transition: filter .15s, box-shadow .15s;
  }
  .piz-kaydet-btn:hover {
    filter: brightness(1.04);
    box-shadow: 0 6px 18px rgba(217, 119, 6, .34);
  }
  .personel-izin-kart {
    border-radius: 12px;
    border: 1px solid rgba(201, 138, 75, .22);
    background: linear-gradient(165deg, #fff7ed 0%, #fff 100%);
    padding: .6rem .7rem;
    box-shadow: 0 2px 8px rgba(201, 138, 75, .06);
  }
  .personel-izin-kart--acil {
    border-color: rgba(225, 29, 72, .28);
    background: linear-gradient(165deg, #fff1f2 0%, #fff 100%);
  }
  .personel-izin-kart-govde {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: .65rem;
  }
  .personel-izin-kart-etiket {
    display: inline-block;
    font-size: .58rem;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: .05em;
    color: #b45309;
    padding: .1rem .4rem;
    border-radius: 6px;
    background: rgba(217, 119, 6, .12);
  }
  .personel-izin-kart--acil .personel-izin-kart-etiket {
    color: #be123c;
    background: rgba(225, 29, 72, .1);
  }
  html.theme-dark .personel-izin-kart-etiket,
  html.theme-mythos .personel-izin-kart-etiket {
    color: #fcd34d;
    background: rgba(251, 191, 36, .14);
  }
  .personel-izin-kart-tarih {
    font-size: .84rem;
    font-weight: 750;
    margin-top: .28rem;
    color: #1c1917;
    letter-spacing: -.01em;
  }
  html.theme-dark .personel-izin-kart-tarih,
  html.theme-mythos .personel-izin-kart-tarih { color: #f1f5f9; }
  .personel-izin-kart-not {
    font-size: .72rem;
    color: #78716c;
    margin-top: .18rem;
    font-weight: 600;
  }
  html.theme-dark .personel-izin-kart-not,
  html.theme-mythos .personel-izin-kart-not { color: #94a3b8; }
  .personel-izin-kart-aksiyon {
    display: flex;
    flex-direction: column;
    gap: .25rem;
    flex-shrink: 0;
  }
  .personel-izin-kart-btn {
    border: none;
    background: transparent;
    padding: .15rem .25rem;
    font-size: .68rem;
    font-weight: 800;
    color: #92400e;
    cursor: pointer;
    font-family: inherit;
    text-align: right;
  }
  .personel-izin-kart-btn:hover { text-decoration: underline; }
  .personel-izin-kart-btn--sil { color: #e11d48; }
  .personel-izin-form {
    border-radius: 12px;
    border: 1px solid rgba(201, 138, 75, .18);
    overflow: hidden;
    background: #fff;
  }
  .personel-izin-satir {
    display: flex;
    align-items: flex-end;
    gap: .5rem;
    padding: .65rem .7rem;
    min-width: 0;
    background: linear-gradient(165deg, #fffefb 0%, #fff 100%);
  }
  .personel-izin-satir + .personel-izin-satir {
    border-top: 1px solid rgba(201, 138, 75, .12);
  }
  .personel-izin-yon {
    font-size: .68rem;
    font-weight: 800;
    width: 2.85rem;
    flex-shrink: 0;
    color: #92400e;
    padding-bottom: .45rem;
    letter-spacing: .02em;
  }
  .personel-izin-alan {
    display: flex;
    flex-direction: column;
    gap: .2rem;
    min-width: 0;
  }
  .personel-izin-alan-saat {
    width: 5.25rem;
    flex-shrink: 0;
  }
  .personel-izin-alt-etiket {
    font-size: .58rem;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: .05em;
    color: #92400e;
    line-height: 1.2;
  }
  html.theme-dark .personel-izin-alt-etiket,
  html.theme-mythos .personel-izin-alt-etiket { color: #fbbf24; }
  .personel-izin-hizli-btn {
    flex-shrink: 0;
    padding: .38rem .65rem;
    border-radius: 10px;
    font-size: .68rem;
    font-weight: 800;
    border: 1px solid rgba(201, 138, 75, .3);
    background: linear-gradient(135deg, #fff7ed, #ffedd5);
    color: #92400e;
    cursor: pointer;
    font-family: inherit;
    transition: box-shadow .15s, border-color .15s;
  }
  .personel-izin-hizli-btn:hover {
    border-color: rgba(180, 83, 9, .45);
    box-shadow: 0 2px 8px rgba(201, 138, 75, .14);
  }
  html.theme-dark .piz-shell,
  html.theme-mythos .piz-shell {
    background: rgba(255,255,255,.03);
    border-color: rgba(255,255,255,.08);
    box-shadow: none;
  }
  html.theme-dark .piz-bolum-baslik,
  html.theme-mythos .piz-bolum-baslik { color: #f1f5f9; }
  html.theme-dark .piz-shell-alt,
  html.theme-mythos .piz-shell-alt,
  html.theme-dark .piz-bos,
  html.theme-mythos .piz-bos { color: #94a3b8; }
  html.theme-dark .piz-bos,
  html.theme-mythos .piz-bos {
    border-color: rgba(255,255,255,.12);
    background: rgba(255,255,255,.03);
  }
  html.theme-dark .personel-izin-kart,
  html.theme-mythos .personel-izin-kart {
    background: rgba(251, 191, 36, .08);
    border-color: rgba(251, 191, 36, .25);
    box-shadow: none;
  }
  html.theme-dark .personel-izin-kart--acil,
  html.theme-mythos .personel-izin-kart--acil {
    background: rgba(225, 29, 72, .1);
    border-color: rgba(225, 29, 72, .3);
  }
  html.theme-dark .personel-izin-form,
  html.theme-mythos .personel-izin-form {
    background: rgba(255,255,255,.02);
    border-color: rgba(255,255,255,.08);
  }
  html.theme-dark .personel-izin-satir,
  html.theme-mythos .personel-izin-satir {
    background: transparent;
  }
  html.theme-dark .personel-izin-satir + .personel-izin-satir,
  html.theme-mythos .personel-izin-satir + .personel-izin-satir {
    border-top-color: rgba(255,255,255,.08);
  }
  html.theme-dark .personel-izin-yon,
  html.theme-mythos .personel-izin-yon { color: #fbbf24; }
  html.theme-dark .personel-izin-hizli-btn,
  html.theme-mythos .personel-izin-hizli-btn {
    background: rgba(251, 191, 36, .1);
    border-color: rgba(251, 191, 36, .3);
    color: #fcd34d;
  }
  html.theme-dark .personel-izin-kart-btn,
  html.theme-mythos .personel-izin-kart-btn { color: #fbbf24; }
  html.theme-rose .personel-izin-yon,
  html.theme-rose .personel-izin-alt-etiket,
  html.theme-rose .personel-izin-kart-btn { color: #9d174d; }
  html.theme-rose .personel-izin-hizli-btn {
    color: #9d174d;
    border-color: rgba(236, 72, 153, .3);
    background: linear-gradient(135deg, #fff5f9, #fce7f3);
  }
  html.theme-rose .piz-kaydet-btn {
    background: linear-gradient(135deg, #ec4899 0%, #db2777 100%);
    box-shadow: 0 4px 14px rgba(236, 72, 153, .28);
  }
  html.theme-rose .personel-izin-kart {
    border-color: rgba(236, 72, 153, .22);
    background: linear-gradient(165deg, #fdf2f8 0%, #fff 100%);
  }
  html.theme-rose .personel-izin-kart-etiket {
    color: #be185d;
    background: rgba(236, 72, 153, .12);
  }
  .personel-modal-kapat {
    display: flex; align-items: center; justify-content: center;
    width: 2rem; height: 2rem; border-radius: 999px; border: none; cursor: pointer;
    background: var(--rv-surface-2, rgba(15,23,42,.06)); color: var(--rv-text-2, #64748b);
    transition: background .15s, color .15s;
  }
  .personel-modal-kapat:hover { background: rgba(15,23,42,.1); color: var(--rv-text, #0f172a); }
  .personel-modal-kapat svg { width: 1rem; height: 1rem; }
  .personel-metrik-net {
    grid-column: 1 / -1;
    background: linear-gradient(145deg, #fff7ed 0%, #fff 42%, #fffbeb 100%);
    border: 1px solid rgba(201, 138, 75, .28);
    box-shadow: 0 4px 18px rgba(201, 138, 75, .1), inset 0 1px 0 rgba(255,255,255,.9);
    padding: .75rem .85rem;
  }
  html.theme-dark .personel-metrik-net,
  html.theme-mythos .personel-metrik-net {
    background: linear-gradient(145deg, rgba(251, 191, 36, .12) 0%, rgba(255,255,255,.04) 100%);
    border-color: rgba(251, 191, 36, .28);
    box-shadow: none;
  }
  .personel-metrik-net .personel-metrik-etiket { color: #b45309; }
  html.theme-dark .personel-metrik-net .personel-metrik-etiket,
  html.theme-mythos .personel-metrik-net .personel-metrik-etiket { color: #fbbf24; }
  .personel-metrik-net .personel-metrik-deger {
    font-size: 1.45rem;
    color: #1c1917;
    letter-spacing: -.03em;
  }
  html.theme-dark .personel-metrik-net .personel-metrik-deger,
  html.theme-mythos .personel-metrik-net .personel-metrik-deger { color: #fef3c7; }
  .personel-metrik-formul {
    font-size: .68rem;
    font-weight: 600;
    color: #78716c;
    margin-top: .35rem;
    line-height: 1.4;
  }
  html.theme-dark .personel-metrik-formul,
  html.theme-mythos .personel-metrik-formul { color: #94a3b8; }
  .personel-acc-anim .personel-acc-icerik,
  .panel-acc-anim .panel-acc-icerik {
    display: grid; grid-template-rows: 0fr; overflow: hidden;
    transition: grid-template-rows 520ms cubic-bezier(.22, 1, .36, 1),
      padding 520ms cubic-bezier(.22, 1, .36, 1),
      border-color .4s ease;
    padding: 0 .75rem; border-top: 1px solid transparent;
  }
  .personel-acc-anim[open]:not(.is-opening):not(.is-closing) .personel-acc-icerik,
  .panel-acc-anim[open]:not(.is-opening):not(.is-closing) .panel-acc-icerik {
    grid-template-rows: 1fr; padding: 0 .75rem .75rem;
    border-top-color: var(--rv-border, rgba(15,23,42,.06));
  }
  .personel-acc-anim[open].is-opening .personel-acc-icerik,
  .panel-acc-anim[open].is-opening .panel-acc-icerik {
    grid-template-rows: 0fr; padding: 0 .75rem;
    border-top-color: transparent;
  }
  .personel-acc-anim[open].is-opening summary,
  .panel-acc-anim[open].is-opening summary {
    border-bottom-color: transparent;
  }
  .personel-acc-anim[open].is-opening .personel-acc-ok,
  .panel-acc-anim[open].is-opening .panel-acc-ok {
    transform: rotate(0deg);
  }
  .personel-acc-anim[open].is-closing .personel-acc-icerik,
  .panel-acc-anim[open].is-closing .panel-acc-icerik {
    grid-template-rows: 0fr; padding: 0 .75rem;
    border-top-color: transparent;
  }
  .personel-acc-anim[open].is-closing summary,
  .panel-acc-anim[open].is-closing summary {
    border-bottom-color: transparent;
  }
  .personel-acc-anim[open].is-closing .personel-acc-ok,
  .panel-acc-anim[open].is-closing .panel-acc-ok {
    transform: rotate(0deg);
  }
  .personel-acc-anim .personel-acc-inner,
  .panel-acc-anim .panel-acc-inner { min-height: 0; overflow: hidden; }
  @media (prefers-reduced-motion: reduce) {
    .personel-acc-anim .personel-acc-icerik,
    .panel-acc-anim .panel-acc-icerik {
      transition-duration: .01ms !important;
    }
  }
  .personel-hizmet-etiket {
    border: none;
    border-radius: 0;
    padding: 0;
    background: transparent;
    color: inherit;
    transition: color .15s;
  }
  html.theme-dark .personel-hizmet-etiket,
  html.theme-mythos .personel-hizmet-etiket {
    background: transparent;
    border: none;
    color: #e2e8f0;
  }
  .personel-hizmet-satir:has(input:checked) .personel-hizmet-ad {
    color: #92400e;
    font-weight: 750;
  }
  html.theme-dark .personel-hizmet-satir:has(input:checked) .personel-hizmet-ad,
  html.theme-mythos .personel-hizmet-satir:has(input:checked) .personel-hizmet-ad {
    color: #fbbf24;
  }
  .personel-drawer-kaydet-wrap {
    display: flex; justify-content: flex-end; margin-top: .35rem;
  }
  .personel-drawer-kaydet-btn {
    min-width: 11rem; font-weight: 800;
    box-shadow: 0 4px 14px rgba(217, 119, 6, .28);
  }
  .personel-drawer-tabs {
    display: flex;
    flex-direction: column;
    gap: .85rem;
    padding: .15rem;
  }
  #personelProfilDrawer .personel-drawer-tab-panels {
    position: relative;
    flex: 1 1 auto;
    min-height: min(26rem, 52vh);
    min-width: 0;
  }
  #personelProfilDrawer .personel-drawer-panel-icerik {
    position: absolute;
    inset: 0;
    overflow-x: hidden;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    padding-right: .15rem;
  }
  #personelProfilDrawer .personel-drawer-panel-icerik.hidden {
    display: block !important;
    visibility: hidden;
    pointer-events: none;
    opacity: 0;
    z-index: 0;
  }
  #personelProfilDrawer .personel-drawer-panel-icerik:not(.hidden) {
    visibility: visible;
    pointer-events: auto;
    opacity: 1;
    z-index: 1;
  }
  @media (min-width: 640px) {
    .personel-drawer-tabs {
      flex-direction: row;
      align-items: stretch;
      gap: 1rem;
    }
    .personel-drawer-tab-rail {
      flex-direction: column;
      width: 10.5rem;
      flex-shrink: 0;
      overflow-x: visible;
      border-bottom: none;
      border-right: none;
      padding: .45rem;
      gap: .28rem;
    }
    .personel-drawer-tab-panels { flex: 1; min-width: 0; }
    #personelProfilDrawer .personel-drawer-tab-panels {
      min-height: 26rem;
    }
  }
  .personel-drawer-tab-rail {
    display: flex;
    gap: .3rem;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    padding: .4rem;
    border-radius: 14px;
    border: 1px solid rgba(201, 138, 75, .18);
    background: linear-gradient(165deg, #fffaf3 0%, #fff7ed 55%, #fff 100%);
    box-shadow: inset 0 1px 0 rgba(255,255,255,.9), 0 2px 10px rgba(201, 138, 75, .06);
    scrollbar-width: none;
  }
  .personel-drawer-tab-rail::-webkit-scrollbar { display: none; }
  .personel-drawer-tab {
    flex: 0 0 auto;
    display: flex;
    align-items: center;
    gap: .5rem;
    border: 1px solid transparent;
    background: transparent;
    cursor: pointer;
    text-align: left;
    padding: .5rem .55rem;
    border-radius: 11px;
    white-space: nowrap;
    color: #78716c;
    transition: background .15s, border-color .15s, color .15s, box-shadow .15s, transform .1s;
  }
  .personel-drawer-tab:hover {
    background: rgba(255, 255, 255, .85);
    border-color: rgba(201, 138, 75, .2);
    color: #57534e;
  }
  .personel-drawer-tab:active { transform: scale(.98); }
  .personel-drawer-tab.aktif {
    background: linear-gradient(135deg, #fff 0%, #ffedd5 100%);
    border-color: rgba(217, 119, 6, .35);
    color: #78350f;
    box-shadow: 0 2px 10px rgba(217, 119, 6, .14), inset 0 1px 0 rgba(255,255,255,.9);
  }
  .personel-drawer-tab-ico {
    flex-shrink: 0;
    width: 1.7rem;
    height: 1.7rem;
    border-radius: 9px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: rgba(15, 23, 42, .05);
    color: #a8a29e;
  }
  .personel-drawer-tab-ico svg {
    width: .95rem;
    height: .95rem;
  }
  .personel-drawer-tab.aktif .personel-drawer-tab-ico {
    background: linear-gradient(135deg, #d97706, #b45309);
    color: #fff;
    box-shadow: 0 2px 8px rgba(217, 119, 6, .3);
  }
  .personel-drawer-tab-txt {
    display: flex;
    flex-direction: column;
    gap: .05rem;
    min-width: 0;
  }
  .personel-drawer-tab-ad {
    font-size: .78rem;
    font-weight: 800;
    letter-spacing: -.01em;
    line-height: 1.15;
  }
  .personel-drawer-tab-alt {
    font-size: .62rem;
    font-weight: 650;
    color: #a8a29e;
    line-height: 1.2;
  }
  .personel-drawer-tab.aktif .personel-drawer-tab-alt {
    color: #b45309;
  }
  @media (max-width: 639px) {
    .personel-drawer-tab-alt { display: none; }
    .personel-drawer-tab {
      flex-direction: column;
      gap: .28rem;
      padding: .45rem .55rem;
      min-width: 4.2rem;
      align-items: center;
      text-align: center;
    }
    .personel-drawer-tab-ad { font-size: .7rem; }
  }
  .pd-panel-head {
    margin: 0 0 .7rem;
    padding-bottom: .55rem;
    border-bottom: 1px solid rgba(201, 138, 75, .14);
  }
  .pd-panel-baslik {
    margin: 0;
    font-family: var(--rv-font-d, inherit);
    font-size: 1rem;
    font-weight: 800;
    letter-spacing: -.02em;
    color: #1c1917;
    line-height: 1.2;
  }
  .pd-panel-alt {
    margin: .25rem 0 0;
    font-size: .74rem;
    line-height: 1.4;
    color: #78716c;
    max-width: 28rem;
  }
  .pd-sekme-izin {
    margin-top: .65rem;
    padding-top: .55rem;
    border-top: 1px solid rgba(201, 138, 75, .14);
  }
  .pd-sekme-izin-alt {
    margin: .2rem 0 .55rem;
    font-size: .72rem;
    line-height: 1.35;
    color: #78716c;
  }
  .pd-sekme-izin-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: .4rem .5rem;
  }
  @media (min-width: 480px) {
    .pd-sekme-izin-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  }
  .pd-sekme-chip {
    display: flex;
    align-items: center;
    gap: .4rem;
    min-width: 0;
    margin: 0;
    padding: .42rem .5rem;
    border-radius: 10px;
    border: 1px solid rgba(201, 138, 75, .18);
    background: rgba(255, 247, 237, .55);
    font-size: .74rem;
    font-weight: 700;
    color: #44403c;
    cursor: pointer;
  }
  .pd-sekme-chip input {
    accent-color: #d97706;
    width: 1rem;
    height: 1rem;
    flex-shrink: 0;
  }
  .pd-sekme-chip span {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .pd-sekme-chip:has(input:checked) {
    border-color: rgba(201, 138, 75, .4);
    background: linear-gradient(165deg, #fff7ed 0%, #fff 100%);
    color: #92400e;
  }
  html.theme-dark .pd-sekme-izin-alt,
  html.theme-mythos .pd-sekme-izin-alt { color: #94a3b8; }
  html.theme-dark .pd-sekme-izin,
  html.theme-mythos .pd-sekme-izin { border-top-color: rgba(255,255,255,.08); }
  html.theme-dark .pd-sekme-chip,
  html.theme-mythos .pd-sekme-chip {
    background: rgba(255,255,255,.04);
    border-color: rgba(255,255,255,.1);
    color: #e2e8f0;
  }
  html.theme-dark .pd-sekme-chip:has(input:checked),
  html.theme-mythos .pd-sekme-chip:has(input:checked) {
    background: rgba(251, 191, 36, .1);
    border-color: rgba(251, 191, 36, .32);
    color: #fbbf24;
  }

  .pd-field-card {
    padding: .75rem .8rem;
    border-radius: 14px;
    border: 1px solid rgba(201, 138, 75, .16);
    background: linear-gradient(165deg, #fff 0%, #fffefb 100%);
    box-shadow: 0 2px 10px rgba(201, 138, 75, .06);
    display: flex;
    flex-direction: column;
    gap: .65rem;
  }
  .pd-field { display: block; min-width: 0; }
  .pd-field-row {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: .55rem;
  }
  @media (max-width: 480px) {
    .pd-field-row { grid-template-columns: 1fr; }
  }
  .pd-lbl {
    display: block;
    font-size: .66rem;
    font-weight: 800;
    letter-spacing: .04em;
    text-transform: uppercase;
    color: #92400e;
    margin-bottom: .28rem;
  }
  .pd-hint {
    margin: 0;
    font-size: .68rem;
    line-height: 1.4;
    color: #78716c;
    font-weight: 600;
  }
  .pd-toolbar {
    margin-bottom: .65rem;
    padding: .55rem .65rem;
    border-radius: 12px;
    border: 1px solid rgba(201, 138, 75, .14);
    background: rgba(255, 247, 237, .55);
  }
  /* ─── Personel ücret (finans) — artisan ─────────────────────────────── */
  .pu-donem-card {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
    justify-content: space-between;
    gap: .65rem;
    margin-bottom: .75rem;
    padding: .7rem .75rem;
    border-radius: 14px;
    border: 1px solid rgba(201, 138, 75, .16);
    background: linear-gradient(165deg, #fff 0%, #fff7ed 100%);
    box-shadow: 0 2px 10px rgba(201, 138, 75, .06);
  }
  .pu-donem-field { display: block; min-width: 10rem; flex: 1; }
  .pu-donem-picker { position: relative; max-width: 14rem; width: 100%; }
  .pu-donem-input { width: 100%; max-width: 14rem; }
  .pu-donem-btn {
    display: flex !important;
    align-items: center;
    justify-content: space-between;
    gap: .5rem;
    text-align: left;
    cursor: pointer;
    font-weight: 700;
  }
  .pu-donem-btn #personelDonemLbl { flex: 1; min-width: 0; }
  .pu-donem-ico {
    width: 1.05rem;
    height: 1.05rem;
    flex-shrink: 0;
    opacity: .7;
  }
  .pu-donem-pop {
    position: absolute;
    z-index: 80;
    top: calc(100% + .35rem);
    left: 0;
    width: min(17.5rem, 78vw);
    padding: .65rem .7rem .75rem;
    border-radius: 14px;
    border: 1px solid rgba(201, 138, 75, .22);
    background: #fff;
    box-shadow: 0 12px 32px rgba(15, 23, 42, .18), 0 2px 8px rgba(201, 138, 75, .1);
  }
  .pu-donem-pop-yil {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .4rem;
    margin-bottom: .55rem;
  }
  .pu-donem-yil-lbl {
    font-size: .95rem;
    font-weight: 800;
    color: #1c1917;
    letter-spacing: -.02em;
  }
  .pu-donem-nav {
    width: 2rem;
    height: 2rem;
    border-radius: 10px;
    border: 1px solid rgba(201, 138, 75, .22);
    background: #fff7ed;
    color: #9a3412;
    font-size: 1.1rem;
    font-weight: 700;
    line-height: 1;
    cursor: pointer;
  }
  .pu-donem-nav:hover { background: #ffedd5; }
  .pu-donem-pop-aylar {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: .35rem;
  }
  .pu-donem-ay {
    min-height: 2.15rem;
    padding: .35rem .2rem;
    border-radius: 10px;
    border: 1px solid transparent;
    background: rgba(15, 23, 42, .03);
    color: #44403c;
    font-size: .78rem;
    font-weight: 700;
    cursor: pointer;
  }
  .pu-donem-ay:hover { background: #fff7ed; border-color: rgba(201, 138, 75, .25); color: #9a3412; }
  .pu-donem-ay.bugun { box-shadow: inset 0 0 0 1px rgba(201, 138, 75, .45); }
  .pu-donem-ay.aktif {
    background: linear-gradient(160deg, #c98a4b, #a16207);
    color: #fff;
    border-color: transparent;
  }
  .pu-donem-aksiyon { display: flex; gap: .4rem; flex-shrink: 0; }
  .pu-export-btn {
    display: inline-flex;
    align-items: center;
    gap: .35rem;
    padding: .42rem .7rem;
    border-radius: 10px;
    border: 1px solid rgba(201, 138, 75, .28);
    background: #fff;
    color: #92400e;
    font-size: .72rem;
    font-weight: 800;
    letter-spacing: .02em;
    cursor: pointer;
    transition: background .15s, border-color .15s, box-shadow .15s;
  }
  .pu-export-btn svg { width: .9rem; height: .9rem; flex-shrink: 0; }
  .pu-export-btn:hover {
    background: #fff7ed;
    border-color: rgba(201, 138, 75, .45);
    box-shadow: 0 2px 8px rgba(201, 138, 75, .12);
  }
  .pu-bolum-baslik {
    margin: 0;
    font-size: .78rem;
    font-weight: 800;
    letter-spacing: -.01em;
    color: #1c1917;
  }
  .pu-ayar-bolum { margin-bottom: .95rem; }
  .pu-ayar-bolum .pu-bolum-baslik { margin-bottom: .5rem; }
  .pu-cari-bolum {
    margin-top: .15rem;
    padding-top: .75rem;
    border-top: 1px solid rgba(201, 138, 75, .14);
  }
  .pu-cari-head {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: .65rem;
    margin-bottom: .55rem;
  }
  .pu-cari-alt {
    margin: .18rem 0 0;
    font-size: .68rem;
    line-height: 1.35;
    color: #78716c;
    font-weight: 600;
  }
  .pu-cari-ekle {
    display: inline-flex;
    align-items: center;
    gap: .3rem;
    flex-shrink: 0;
    padding: .4rem .65rem;
    border-radius: 10px;
    border: 1px solid rgba(201, 138, 75, .3);
    background: linear-gradient(135deg, #fff7ed, #ffedd5);
    color: #92400e;
    font-size: .7rem;
    font-weight: 800;
    cursor: pointer;
    transition: box-shadow .15s, border-color .15s;
  }
  .pu-cari-ekle svg { width: .85rem; height: .85rem; }
  .pu-cari-ekle:hover {
    border-color: rgba(180, 83, 9, .45);
    box-shadow: 0 2px 10px rgba(201, 138, 75, .15);
  }
  .pu-cari-liste {
    max-height: 11rem;
    overflow-y: auto;
    font-size: .8rem;
  }
  .pu-cari-bos {
    margin: 0;
    padding: .85rem .75rem;
    text-align: center;
    font-size: .72rem;
    font-weight: 600;
    color: #78716c;
    border-radius: 12px;
    border: 1px dashed rgba(201, 138, 75, .28);
    background: rgba(255, 247, 237, .35);
  }
  .pu-metrik-donem {
    font-size: .58rem;
    font-weight: 700;
    opacity: .7;
    letter-spacing: 0;
    text-transform: none;
    margin-left: .25rem;
  }
  html.theme-dark .pu-donem-card,
  html.theme-mythos .pu-donem-card {
    background: rgba(255,255,255,.04);
    border-color: rgba(255,255,255,.08);
    box-shadow: none;
  }
  html.theme-dark .pu-donem-pop,
  html.theme-mythos .pu-donem-pop {
    background: #1e293b;
    border-color: rgba(251, 191, 36, .22);
    box-shadow: 0 14px 36px rgba(0, 0, 0, .45);
  }
  html.theme-dark .pu-donem-yil-lbl,
  html.theme-mythos .pu-donem-yil-lbl { color: #f8fafc; }
  html.theme-dark .pu-donem-nav,
  html.theme-mythos .pu-donem-nav {
    background: rgba(251, 191, 36, .1);
    border-color: rgba(251, 191, 36, .28);
    color: #fbbf24;
  }
  html.theme-dark .pu-donem-ay,
  html.theme-mythos .pu-donem-ay {
    background: rgba(255,255,255,.05);
    color: #e2e8f0;
  }
  html.theme-dark .pu-donem-ay:hover,
  html.theme-mythos .pu-donem-ay:hover {
    background: rgba(251, 191, 36, .12);
    color: #fde68a;
  }
  html.theme-dark .pu-donem-btn,
  html.theme-mythos .pu-donem-btn {
    color: #f1f5f9;
  }
  html.theme-dark .pu-export-btn,
  html.theme-mythos .pu-export-btn {
    background: rgba(255,255,255,.05);
    border-color: rgba(251, 191, 36, .28);
    color: #fbbf24;
  }
  html.theme-dark .pu-export-btn:hover,
  html.theme-mythos .pu-export-btn:hover {
    background: rgba(251, 191, 36, .1);
  }
  html.theme-dark .pu-bolum-baslik,
  html.theme-mythos .pu-bolum-baslik { color: #f1f5f9; }
  html.theme-dark .pu-cari-alt,
  html.theme-mythos .pu-cari-alt,
  html.theme-dark .pu-cari-bos,
  html.theme-mythos .pu-cari-bos { color: #94a3b8; }
  html.theme-dark .pu-cari-bolum,
  html.theme-mythos .pu-cari-bolum { border-top-color: rgba(255,255,255,.08); }
  html.theme-dark .pu-cari-ekle,
  html.theme-mythos .pu-cari-ekle {
    background: rgba(251, 191, 36, .1);
    border-color: rgba(251, 191, 36, .3);
    color: #fde68a;
  }
  html.theme-dark .pu-cari-bos,
  html.theme-mythos .pu-cari-bos {
    border-color: rgba(255,255,255,.12);
    background: rgba(255,255,255,.03);
  }
  html.theme-rose .pu-export-btn,
  html.theme-rose .pu-cari-ekle {
    color: #9d174d;
    border-color: rgba(236, 72, 153, .3);
  }
  html.theme-rose .pu-donem-card {
    background: linear-gradient(165deg, #fff 0%, #fdf2f8 100%);
    border-color: rgba(236, 72, 153, .16);
  }
  html.theme-rose .personel-drawer-tab-rail {
    border-color: rgba(236, 72, 153, .16);
    background: linear-gradient(165deg, #fff5f9 0%, #fdf2f8 100%);
  }
  html.theme-rose .personel-drawer-tab.aktif {
    border-color: rgba(236, 72, 153, .35);
    background: linear-gradient(135deg, #fff 0%, #fce7f3 100%);
    color: #9d174d;
  }
  html.theme-rose .personel-drawer-tab.aktif .personel-drawer-tab-ico {
    background: linear-gradient(135deg, #ec4899, #db2777);
  }
  html.theme-rose .personel-drawer-tab.aktif .personel-drawer-tab-alt { color: #be185d; }
  html.theme-rose .pd-lbl { color: #be185d; }
  html.theme-dark .personel-drawer-tab-rail,
  html.theme-mythos .personel-drawer-tab-rail {
    background: rgba(255,255,255,.03);
    border-color: rgba(251, 191, 36, .18);
    box-shadow: none;
  }
  html.theme-dark .personel-drawer-tab,
  html.theme-mythos .personel-drawer-tab { color: #94a3b8; }
  html.theme-dark .personel-drawer-tab.aktif,
  html.theme-mythos .personel-drawer-tab.aktif {
    background: rgba(251, 191, 36, .1);
    border-color: rgba(251, 191, 36, .3);
    color: #fde68a;
    box-shadow: none;
  }
  html.theme-dark .personel-drawer-tab.aktif .personel-drawer-tab-ico,
  html.theme-mythos .personel-drawer-tab.aktif .personel-drawer-tab-ico {
    background: linear-gradient(135deg, #d97706, #b45309);
    color: #fff;
  }
  html.theme-dark .personel-drawer-tab-alt,
  html.theme-mythos .personel-drawer-tab-alt { color: #64748b; }
  html.theme-dark .personel-drawer-tab.aktif .personel-drawer-tab-alt,
  html.theme-mythos .personel-drawer-tab.aktif .personel-drawer-tab-alt { color: #fbbf24; }
  html.theme-dark .pd-panel-baslik,
  html.theme-mythos .pd-panel-baslik { color: #f1f5f9; }
  html.theme-dark .pd-panel-alt,
  html.theme-mythos .pd-panel-alt { color: #94a3b8; }
  html.theme-dark .pd-lbl,
  html.theme-mythos .pd-lbl { color: #fbbf24; }
  html.theme-dark .pd-field-card,
  html.theme-mythos .pd-field-card {
    background: rgba(255,255,255,.03);
    border-color: rgba(255,255,255,.08);
    box-shadow: none;
  }
  html.theme-dark .pd-toolbar,
  html.theme-mythos .pd-toolbar {
    background: rgba(255,255,255,.04);
    border-color: rgba(255,255,255,.08);
  }
  .personel-drawer-panel-icerik.hidden { display: none !important; }
  /* ─── Vardiya / shift board — artisan ───────────────────────────────── */
  .vardiya-board-kart,
  .vardiya-board-govde--sekme {
    border: 1px solid rgba(201, 138, 75, .2);
    border-radius: 16px;
    background: linear-gradient(165deg, #fff 0%, #fffefb 48%, #fffaf3 100%);
    box-shadow: 0 4px 20px rgba(201, 138, 75, .08), inset 0 1px 0 rgba(255,255,255,.95);
    overflow: hidden;
  }
  .vardiya-board-head,
  .vardiya-sekme-head {
    padding: 1rem 1.15rem .7rem;
    border-bottom: 1px solid rgba(201, 138, 75, .12);
  }
  .vardiya-board-eyebrow,
  .vardiya-sekme-eyebrow {
    margin: 0 0 .18rem;
    font-size: .62rem;
    font-weight: 800;
    letter-spacing: .12em;
    text-transform: uppercase;
    color: #b45309;
  }
  .vardiya-board-baslik,
  .vardiya-sekme-baslik {
    margin: 0;
    font-family: var(--rv-font-d, inherit);
    font-size: 1.15rem;
    font-weight: 800;
    letter-spacing: -.02em;
    line-height: 1.2;
    color: #1c1917;
  }
  .vardiya-board-alt,
  .vardiya-sekme-alt {
    margin: .3rem 0 0;
    font-size: .78rem;
    color: #78716c;
    line-height: 1.4;
    max-width: 36rem;
  }
  .vardiya-board-govde { padding: .7rem .75rem .9rem; }
  .vardiya-board-govde--sekme { padding: .75rem .65rem 1rem; }
  .vardiya-hafta-aralik {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: .35rem .45rem;
    margin: 0 0 .55rem;
    padding: 0;
    border: none;
    border-radius: 0;
    background: transparent;
    font-size: .72rem;
    font-weight: 650;
    color: #78716c;
  }
  .vardiya-hafta-tarih {
    font-weight: 800;
    font-variant-numeric: tabular-nums;
    color: #57534e;
  }
  .vardiya-hafta-sep { color: #a8a29e; }
  .vardiya-hafta-not { color: #92400e; font-weight: 700; }
  .vardiya-tablo-scroll {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    border-radius: 12px;
    border: 1px solid rgba(201, 138, 75, .14);
    background: #fff;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.9);
  }
  .vardiya-tablo {
    width: 100%;
    min-width: 34rem;
    border-collapse: separate;
    border-spacing: 0;
    font-size: .76rem;
  }
  .vardiya-th {
    position: sticky; top: 0; z-index: 2;
    padding: .55rem .35rem;
    text-align: center;
    font-size: .62rem;
    font-weight: 800;
    letter-spacing: .06em;
    text-transform: uppercase;
    color: #92400e;
    background: linear-gradient(180deg, #fff7ed 0%, #ffedd5 100%);
    border-bottom: 1px solid rgba(201, 138, 75, .18);
  }
  .vardiya-th--ad,
  .vardiya-ad-hucre {
    position: sticky; left: 0; z-index: 3;
    text-align: left;
    min-width: 7.25rem;
    max-width: 9.5rem;
    background: linear-gradient(180deg, #fff7ed 0%, #ffedd5 100%);
    padding: .55rem .55rem;
    border-right: 1px solid rgba(201, 138, 75, .14);
  }
  .vardiya-ad-hucre {
    background: #fffefb;
  }
  .vardiya-th--ad { z-index: 4; }
  .vardiya-td {
    padding: .45rem .3rem;
    text-align: center;
    vertical-align: middle;
    border-bottom: 1px solid rgba(15, 23, 42, .05);
  }
  .vardiya-satir:last-child .vardiya-td,
  .vardiya-satir:last-child .vardiya-ad-hucre {
    border-bottom: none;
  }
  .vardiya-satir:hover .vardiya-td,
  .vardiya-satir:hover .vardiya-ad-hucre {
    background: rgba(255, 247, 237, .65);
  }
  .vardiya-satir--ben .vardiya-td,
  .vardiya-satir--ben .vardiya-ad-hucre {
    background: rgba(255, 237, 213, .45);
  }
  .vardiya-satir--ben {
    box-shadow: inset 3px 0 0 #d97706;
  }
  .vardiya-satir--ben .vardiya-ad {
    font-weight: 800;
    color: #78350f;
  }
  .vardiya-ad-wrap {
    display: flex;
    align-items: center;
    gap: .55rem;
    min-width: 0;
  }
  .vardiya-avatar {
    flex-shrink: 0;
    width: 2.15rem;
    height: 2.15rem;
    border-radius: 999px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-size: .78rem;
    font-weight: 800;
    box-shadow: 0 2px 6px rgba(180, 83, 9, .25);
    overflow: hidden;
    position: relative;
  }
  .vardiya-avatar img {
    position: absolute; inset: 0;
    width: 100%; height: 100%;
    object-fit: cover;
  }
  .vardiya-ad-metin {
    display: flex;
    flex-direction: column;
    min-width: 0;
    gap: .08rem;
  }
  .vardiya-ad {
    font-weight: 800;
    font-size: .82rem;
    color: #1c1917;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  .vardiya-ben-etiket {
    font-style: normal;
    font-size: .62rem;
    font-weight: 800;
    color: #b45309;
    text-transform: uppercase;
    letter-spacing: .04em;
  }
  .vardiya-unvan {
    font-size: .68rem;
    font-weight: 600;
    color: #a8a29e;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  .vardiya-mod-badge {
    align-self: flex-start;
    font-size: .58rem;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: .05em;
    color: #92400e;
    background: rgba(217, 119, 6, .1);
    border: 1px solid rgba(217, 119, 6, .2);
    padding: .12rem .4rem;
    border-radius: 999px;
  }
  .vardiya-chip-stack {
    display: flex;
    flex-direction: column;
    gap: .2rem;
    align-items: center;
  }
  .vardiya-chip {
    display: inline-block;
    font-size: .7rem;
    font-weight: 750;
    font-variant-numeric: tabular-nums;
    color: #78350f;
    background: linear-gradient(180deg, #fff 0%, #fff7ed 100%);
    border: 1px solid rgba(201, 138, 75, .28);
    border-radius: 999px;
    padding: .22rem .5rem;
    white-space: nowrap;
    box-shadow: 0 1px 3px rgba(201, 138, 75, .1);
  }
  .vardiya-satir--ben .vardiya-chip {
    border-color: rgba(180, 83, 9, .4);
    background: linear-gradient(180deg, #fffbeb 0%, #ffedd5 100%);
    color: #9a3412;
  }
  .vardiya-off {
    display: inline-block;
    font-size: .68rem;
    font-weight: 800;
    color: #57534e;
    letter-spacing: .03em;
    background: #f5f5f4;
    border: 1px solid rgba(15, 23, 42, .12);
    border-radius: 999px;
    padding: .2rem .48rem;
  }
  html.theme-dark .vardiya-off,
  html.theme-mythos .vardiya-off {
    color: #cbd5e1;
    background: rgba(255,255,255,.06);
    border-color: rgba(255,255,255,.12);
  }
  .vardiya-off--izin {
    color: #b45309;
    font-weight: 800;
    background: rgba(245, 158, 11, .12);
    border: 1px solid rgba(245, 158, 11, .28);
    border-radius: 999px;
    padding: .2rem .45rem;
    display: inline-block;
  }
  .vardiya-td--izin {
    background: rgba(245, 158, 11, .06);
  }
  .vardiya-chip--izin {
    border-color: rgba(245, 158, 11, .4) !important;
    background: rgba(255, 247, 237, .95) !important;
    color: #9a3412 !important;
    font-size: .65rem;
  }
  .vardiya-bos {
    padding: 1.5rem 1rem;
    text-align: center;
    font-size: .84rem;
    font-weight: 650;
    color: #a8a29e;
  }
  /* Drawer editor — artisan */
  .pvd-shell {
    padding: .7rem .75rem .8rem;
    border-radius: 14px;
    border: 1px solid rgba(201, 138, 75, .16);
    background: linear-gradient(165deg, #fff 0%, #fffefb 100%);
    box-shadow: 0 2px 10px rgba(201, 138, 75, .06);
  }
  .pd-panel-alt.pvd-not--ozel { color: #b45309; font-weight: 650; }
  .pd-panel-alt.pvd-not--taslak { color: #78716c; }
  .pvd-yukleniyor {
    margin: 0;
    padding: .85rem .5rem;
    text-align: center;
    font-size: .74rem;
    font-weight: 600;
    color: #78716c;
  }
  .pvd-salon-don {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: .4rem;
    width: 100%;
    margin-top: .7rem;
    padding: .5rem .75rem;
    border-radius: 10px;
    border: 1px dashed rgba(201, 138, 75, .35);
    background: rgba(255, 247, 237, .45);
    color: #92400e;
    font-size: .74rem;
    font-weight: 750;
    cursor: pointer;
    font-family: inherit;
    transition: background .15s, border-color .15s, box-shadow .15s;
  }
  .pvd-salon-don svg { width: .9rem; height: .9rem; flex-shrink: 0; }
  .pvd-salon-don:hover {
    background: #fff7ed;
    border-color: rgba(180, 83, 9, .45);
    border-style: solid;
    box-shadow: 0 2px 8px rgba(201, 138, 75, .1);
  }
  .vardiya-edit-liste { display: flex; flex-direction: column; gap: .5rem; }
  .vardiya-edit-gun {
    border: 1px solid rgba(201, 138, 75, .12);
    border-radius: 12px;
    padding: .6rem .7rem;
    background: rgba(255, 247, 237, .28);
    transition: border-color .15s, background .15s, box-shadow .15s;
  }
  .vardiya-edit-gun.is-acik {
    background: linear-gradient(165deg, #fff 0%, #fffefb 100%);
    border-color: rgba(217, 119, 6, .3);
    box-shadow: 0 2px 10px rgba(217, 119, 6, .08);
  }
  .vardiya-edit-gun-head {
    display: flex; align-items: center; justify-content: space-between; gap: .5rem;
  }
  .vardiya-edit-toggle {
    display: flex; align-items: center; gap: .45rem; cursor: pointer; margin: 0; min-width: 0;
  }
  .vardiya-edit-toggle input {
    accent-color: #d97706;
    width: 1.05rem;
    height: 1.05rem;
    flex-shrink: 0;
  }
  .vardiya-edit-gun-ad {
    font-size: .84rem;
    font-weight: 800;
    color: #1c1917;
    letter-spacing: -.01em;
  }
  .vardiya-edit-durum {
    font-size: .58rem;
    font-weight: 800;
    letter-spacing: .04em;
    text-transform: uppercase;
    padding: .12rem .4rem;
    border-radius: 6px;
    background: rgba(120, 113, 108, .1);
    color: #78716c;
    flex-shrink: 0;
  }
  .vardiya-edit-gun.is-acik .vardiya-edit-durum {
    background: rgba(217, 119, 6, .14);
    color: #b45309;
  }
  .vardiya-edit-gun-body { margin-top: .5rem; display: flex; flex-direction: column; gap: .4rem; }
  .vardiya-edit-blok {
    display: flex;
    align-items: center;
    gap: .4rem;
    padding: .35rem .45rem;
    border-radius: 10px;
    border: 1px solid rgba(201, 138, 75, .16);
    background: linear-gradient(180deg, #fff7ed 0%, #fff 100%);
  }
  .vardiya-edit-saat {
    width: 4.6rem;
    padding: .38rem .4rem;
    font-size: .82rem;
    font-weight: 750;
    text-align: center;
    border-radius: 8px;
  }
  .vardiya-edit-ayrac { color: #b45309; font-weight: 800; font-size: .78rem; }
  .vardiya-edit-sil {
    border: 0; background: transparent; color: #a8a29e; cursor: pointer;
    font-size: 1.1rem; line-height: 1; padding: .15rem .35rem; border-radius: .4rem;
    margin-left: auto;
  }
  .vardiya-edit-sil:hover { color: #e11d48; background: rgba(225,29,72,.08); }
  .vardiya-edit-ekle {
    display: inline-flex;
    align-items: center;
    flex-shrink: 0;
    padding: .32rem .55rem;
    border-radius: 8px;
    border: 1px solid rgba(201, 138, 75, .3);
    background: linear-gradient(135deg, #fff7ed, #ffedd5);
    color: #92400e;
    font-size: .68rem;
    font-weight: 800;
    cursor: pointer;
    font-family: inherit;
    transition: box-shadow .15s, border-color .15s;
  }
  .vardiya-edit-ekle:hover {
    border-color: rgba(180, 83, 9, .45);
    box-shadow: 0 2px 8px rgba(201, 138, 75, .14);
  }
  .vardiya-edit-kapali-yazi {
    margin: 0;
    font-size: .72rem;
    font-weight: 600;
    color: #a8a29e;
    padding: .15rem 0;
  }
  html.theme-rose .vardiya-board-kart,
  html.theme-rose .vardiya-board-govde--sekme {
    border-color: rgba(236, 72, 153, .18);
    background: linear-gradient(165deg, #fff 0%, #fff5f9 100%);
    box-shadow: 0 4px 20px rgba(236, 72, 153, .08);
  }
  html.theme-rose .vardiya-board-eyebrow { color: #be185d; }
  html.theme-rose .vardiya-board-baslik { color: #500724; }
  html.theme-rose .vardiya-th,
  html.theme-rose .vardiya-th--ad {
    background: linear-gradient(180deg, #fdf2f8 0%, #fce7f3 100%);
    color: #be185d;
    border-bottom-color: rgba(236, 72, 153, .16);
  }
  html.theme-rose .vardiya-tablo-scroll { border-color: rgba(236, 72, 153, .14); }
  html.theme-rose .vardiya-chip {
    color: #9d174d;
    border-color: rgba(236, 72, 153, .25);
    background: linear-gradient(180deg, #fff 0%, #fdf2f8 100%);
  }
  html.theme-dark .vardiya-board-kart,
  html.theme-mythos .vardiya-board-kart,
  html.theme-dark .vardiya-board-govde--sekme,
  html.theme-mythos .vardiya-board-govde--sekme {
    background: linear-gradient(165deg, rgba(26,36,56,.98) 0%, rgba(20,28,46,.98) 100%);
    border-color: rgba(251, 191, 36, .18);
    box-shadow: 0 8px 28px rgba(0,0,0,.35);
  }
  html.theme-dark .vardiya-board-head,
  html.theme-mythos .vardiya-board-head {
    border-bottom-color: rgba(255,255,255,.08);
  }
  html.theme-dark .vardiya-board-eyebrow,
  html.theme-mythos .vardiya-board-eyebrow { color: #fbbf24; }
  html.theme-dark .vardiya-board-baslik,
  html.theme-mythos .vardiya-board-baslik,
  html.theme-dark .vardiya-sekme-baslik,
  html.theme-mythos .vardiya-sekme-baslik,
  html.theme-dark .vardiya-ad,
  html.theme-mythos .vardiya-ad,
  html.theme-dark .vardiya-edit-gun-ad,
  html.theme-mythos .vardiya-edit-gun-ad {
    color: var(--rv-text, #f2f4fb);
  }
  html.theme-dark .vardiya-board-alt,
  html.theme-mythos .vardiya-board-alt { color: #94a3b8; }
  html.theme-dark .vardiya-hafta-aralik,
  html.theme-mythos .vardiya-hafta-aralik {
    background: transparent;
    border: none;
    color: #94a3b8;
  }
  html.theme-dark .vardiya-hafta-tarih,
  html.theme-mythos .vardiya-hafta-tarih { color: #e2e8f0; }
  html.theme-dark .vardiya-hafta-not,
  html.theme-mythos .vardiya-hafta-not { color: #fbbf24; }
  html.theme-dark .vardiya-tablo-scroll,
  html.theme-mythos .vardiya-tablo-scroll {
    background: rgba(0,0,0,.15);
    border-color: rgba(255,255,255,.08);
  }
  html.theme-dark .vardiya-th,
  html.theme-mythos .vardiya-th,
  html.theme-dark .vardiya-th--ad,
  html.theme-mythos .vardiya-th--ad {
    background: linear-gradient(180deg, rgba(251,191,36,.12) 0%, rgba(20,28,46,.98) 100%);
    color: #fbbf24;
    border-bottom-color: rgba(251, 191, 36, .2);
  }
  html.theme-dark .vardiya-ad-hucre,
  html.theme-mythos .vardiya-ad-hucre {
    background: rgba(20,28,46,.98);
    border-right-color: rgba(255,255,255,.08);
  }
  html.theme-dark .vardiya-satir:hover .vardiya-td,
  html.theme-mythos .vardiya-satir:hover .vardiya-td,
  html.theme-dark .vardiya-satir:hover .vardiya-ad-hucre,
  html.theme-mythos .vardiya-satir:hover .vardiya-ad-hucre {
    background: rgba(251, 191, 36, .06);
  }
  html.theme-dark .vardiya-chip,
  html.theme-mythos .vardiya-chip {
    background: rgba(255,255,255,.06);
    border-color: rgba(251, 191, 36, .22);
    color: #fde68a;
    box-shadow: none;
  }
  html.theme-dark .vardiya-edit-gun,
  html.theme-mythos .vardiya-edit-gun {
    background: rgba(255,255,255,.03);
    border-color: rgba(255,255,255,.08);
  }
  html.theme-dark .vardiya-edit-gun.is-acik,
  html.theme-mythos .vardiya-edit-gun.is-acik {
    background: rgba(251, 191, 36, .06);
    border-color: rgba(251, 191, 36, .28);
    box-shadow: none;
  }
  html.theme-dark .pvd-shell,
  html.theme-mythos .pvd-shell {
    background: rgba(255,255,255,.03);
    border-color: rgba(255,255,255,.08);
    box-shadow: none;
  }
  html.theme-dark .pvd-salon-don,
  html.theme-mythos .pvd-salon-don {
    background: rgba(251, 191, 36, .08);
    border-color: rgba(251, 191, 36, .28);
    color: #fde68a;
  }
  html.theme-dark .vardiya-edit-blok,
  html.theme-mythos .vardiya-edit-blok {
    background: rgba(255,255,255,.04);
    border-color: rgba(251, 191, 36, .2);
  }
  html.theme-dark .vardiya-edit-ayrac,
  html.theme-mythos .vardiya-edit-ayrac { color: #fbbf24; }
  html.theme-dark .vardiya-edit-ekle,
  html.theme-mythos .vardiya-edit-ekle {
    background: rgba(251, 191, 36, .1);
    border-color: rgba(251, 191, 36, .3);
    color: #fde68a;
  }
  html.theme-dark .vardiya-edit-durum,
  html.theme-mythos .vardiya-edit-durum {
    background: rgba(255,255,255,.08);
    color: #94a3b8;
  }
  html.theme-dark .vardiya-edit-gun.is-acik .vardiya-edit-durum,
  html.theme-mythos .vardiya-edit-gun.is-acik .vardiya-edit-durum {
    background: rgba(251, 191, 36, .14);
    color: #fbbf24;
  }
  html.theme-dark .pd-panel-alt.pvd-not--ozel,
  html.theme-mythos .pd-panel-alt.pvd-not--ozel { color: #fbbf24; }
  html.theme-rose .pvd-salon-don,
  html.theme-rose .vardiya-edit-ekle {
    color: #9d174d;
    border-color: rgba(236, 72, 153, .3);
    background: linear-gradient(135deg, #fff5f9, #fce7f3);
  }
  html.theme-rose .vardiya-edit-toggle input { accent-color: #db2777; }
  html.theme-rose .vardiya-edit-gun.is-acik {
    border-color: rgba(236, 72, 153, .3);
    box-shadow: 0 2px 10px rgba(236, 72, 153, .08);
  }
  html.theme-rose .vardiya-edit-gun.is-acik .vardiya-edit-durum {
    background: rgba(236, 72, 153, .12);
    color: #be185d;
  }
  html.theme-rose .vardiya-edit-blok {
    border-color: rgba(236, 72, 153, .16);
    background: linear-gradient(180deg, #fdf2f8 0%, #fff 100%);
  }
  html.theme-rose .vardiya-edit-ayrac { color: #be185d; }
  .personel-net-kirilim,
  .pu-kirilim {
    margin: 0 0 .85rem;
    padding: .55rem .7rem;
    border-radius: 12px;
    border: 1px solid rgba(201, 138, 75, .14);
    background: rgba(255, 247, 237, .4);
    font-size: .78rem;
    color: #44403c;
  }
  html.theme-dark .personel-net-kirilim,
  html.theme-mythos .personel-net-kirilim {
    background: rgba(255,255,255,.04);
    border-color: rgba(255,255,255,.08);
    color: #cbd5e1;
  }
  .personel-net-kirilim .kirilim-satir {
    display: flex;
    justify-content: space-between;
    gap: .5rem;
    padding: .28rem 0;
    font-weight: 600;
  }
  .personel-net-kirilim .kirilim-satir span:last-child {
    font-variant-numeric: tabular-nums;
    font-weight: 800;
  }
  .personel-net-kirilim .kirilim-satir.net {
    font-weight: 800;
    border-top: 1px solid rgba(201, 138, 75, .2);
    padding-top: .45rem;
    margin-top: .3rem;
    color: #92400e;
  }
  html.theme-dark .personel-net-kirilim .kirilim-satir.net,
  html.theme-mythos .personel-net-kirilim .kirilim-satir.net {
    border-top-color: rgba(251, 191, 36, .22);
    color: #fbbf24;
  }
  .personel-hizmet-satir {
    display: flex;
    align-items: center;
    gap: .55rem;
    padding: .55rem .6rem;
    border-radius: 10px;
    border: 1px solid rgba(201, 138, 75, .12);
    background: linear-gradient(165deg, #fff 0%, #fffefb 100%);
    transition: border-color .15s, background .15s, box-shadow .15s;
  }
  .personel-hizmet-satir + .personel-hizmet-satir { margin-top: .35rem; }
  .personel-hizmet-satir:has(input:checked) {
    border-color: rgba(201, 138, 75, .32);
    background: linear-gradient(165deg, #fff7ed 0%, #fff 100%);
    box-shadow: 0 2px 8px rgba(201, 138, 75, .08);
  }
  .personel-hizmet-satir .personel-hizmet-etiket {
    flex: 1;
    min-width: 0;
    margin: 0;
  }
  .personel-hizmet-fiyat-wrap {
    display: inline-flex;
    align-items: center;
    gap: .28rem;
    flex-shrink: 0;
  }
  .personel-hizmet-fiyat {
    width: 4.8rem;
    padding: .38rem .45rem;
    font-size: .8rem;
    font-weight: 750;
    text-align: center;
    border-radius: 8px;
  }
  .personel-hizmet-birim {
    font-size: .72rem;
    font-weight: 800;
    color: #92400e;
  }
  html.theme-dark .personel-hizmet-satir,
  html.theme-mythos .personel-hizmet-satir {
    background: rgba(255,255,255,.04);
    border-color: rgba(255,255,255,.08);
  }
  html.theme-dark .personel-hizmet-satir:has(input:checked),
  html.theme-mythos .personel-hizmet-satir:has(input:checked) {
    background: rgba(251, 191, 36, .08);
    border-color: rgba(251, 191, 36, .28);
    box-shadow: none;
  }
  html.theme-dark .personel-hizmet-birim,
  html.theme-mythos .personel-hizmet-birim { color: #fbbf24; }
  .personel-cari-satir {
    display: flex;
    justify-content: space-between;
    gap: .65rem;
    align-items: flex-start;
    padding: .55rem .65rem;
    border-radius: 10px;
    border: 1px solid rgba(201, 138, 75, .12);
    background: linear-gradient(165deg, #fff 0%, #fffefb 100%);
  }
  .personel-cari-satir + .personel-cari-satir { margin-top: .4rem; }
  .personel-cari-satir .tur-avans,
  .personel-cari-satir .tur-kesinti,
  .personel-cari-satir .tur-prim {
    display: inline-block;
    font-size: .62rem;
    font-weight: 800;
    letter-spacing: .04em;
    text-transform: uppercase;
    padding: .12rem .4rem;
    border-radius: 6px;
  }
  .personel-cari-satir .tur-avans {
    color: #92400e;
    background: rgba(245, 158, 11, .14);
  }
  .personel-cari-satir .tur-kesinti {
    color: #991b1b;
    background: rgba(239, 68, 68, .12);
  }
  .personel-cari-satir .tur-prim {
    color: #065f46;
    background: rgba(16, 185, 129, .12);
  }
  html.theme-dark .personel-cari-satir,
  html.theme-mythos .personel-cari-satir {
    background: rgba(255,255,255,.04);
    border-color: rgba(255,255,255,.08);
  }
  .stok-nav-badge { margin-left: .35rem; font-size: .58rem; font-weight: 800; padding: .12rem .38rem; border-radius: 999px; background: #dc2626; color: #fff; }
  .stok-lbl { display: block; font-size: .78rem; font-weight: 700; color: var(--rv-text); }
  .stok-hint { font-size: .68rem; color: var(--rv-text-3); line-height: 1.45; margin: .2rem 0 .4rem; }
  .stok-barkod-kutu { border-radius: 14px; border: 1.5px dashed rgba(201,138,75,.25); background: rgba(201,138,75,.04); padding: .85rem; }
  .stok-barkod-kutu.is-araniyor { border-color: rgba(13,148,136,.45); background: rgba(13,148,136,.06); }
  .stok-barkod-kutu.is-araniyor #stokBarkodBulBtn { opacity: .7; cursor: wait; }
  .stok-urun-form {
    display: flex;
    flex-direction: column;
    gap: .85rem;
  }
  .stok-urun-satir {
    display: flex;
    gap: .45rem;
    align-items: stretch;
  }
  .stok-urun-yan-btn {
    padding: .65rem .85rem;
    border-radius: 12px;
    background: #fff;
    border: 1px solid rgba(13, 148, 136, .28);
    color: #0f766e;
    font-size: .72rem;
    font-weight: 800;
    flex-shrink: 0;
  }
  .stok-urun-yan-btn--dark {
    background: #0f172a;
    border-color: #0f172a;
    color: #fff;
  }
  .stok-urun-chips {
    display: flex;
    flex-wrap: wrap;
    gap: .4rem;
  }
  .stok-urun-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: .65rem .55rem;
  }
  .stok-urun-alan { min-width: 0; }
  .stok-urun-alan--full { grid-column: 1 / -1; }
  .stok-urun-alan .stok-lbl { margin-bottom: .28rem; }
  .stok-urun-wa {
    display: flex;
    align-items: center;
    gap: .45rem;
    font-size: .8rem;
    font-weight: 600;
    color: var(--rv-text-2, #475569);
    cursor: pointer;
  }
  .stok-urun-aksiyon {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: .5rem;
    padding-top: .15rem;
  }
  .stok-urun-btn-vazgec,
  .stok-urun-btn-kaydet {
    padding: .85rem 1rem;
    border-radius: 12px;
    font-weight: 800;
  }
  .stok-urun-btn-vazgec {
    border: 1px solid rgba(15, 23, 42, .12);
    background: transparent;
    color: #475569;
  }
  .stok-urun-btn-kaydet {
    border: none;
    background: var(--rv-gold-2, #d97706);
    color: #fff;
  }
  .stok-urun-btn-sil {
    width: 100%;
    padding: .55rem;
    font-size: .78rem;
    font-weight: 800;
    color: #dc2626;
    background: transparent;
    border: none;
  }
  .field.stok-ai-doldu {
    animation: stokAiDoldu 1.2s ease;
    border-color: rgba(13,148,136,.55) !important;
    box-shadow: 0 0 0 3px rgba(13,148,136,.12);
  }
  @keyframes stokAiDoldu {
    0% { background-color: rgba(13,148,136,.18); }
    100% { background-color: transparent; }
  }
  .stok-barkod-onizleme { width: 100%; max-height: 42vh; object-fit: contain; border-radius: 14px; background: #0f172a; }
  .stok-barkod-live { width: 100%; border-radius: 14px; overflow: hidden; background: #0f172a; margin-top: .75rem; }
  .stok-barkod-live #stokBarkodReader { position: relative; width: 100%; min-height: 11rem; opacity: 1; pointer-events: auto; overflow: hidden; }
  .stok-barkod-live #stokBarkodReader video { border-radius: 14px; object-fit: cover; }
  .stok-barkod-live.stok-barkod-live-dim { opacity: .35; pointer-events: none; filter: saturate(.6); }
  .stok-barkod-arama {
    margin-top: .75rem;
    padding: 1rem 1rem 1.05rem;
    border-radius: 14px;
    border: 1px solid rgba(212, 168, 75, .32);
    background: linear-gradient(145deg, rgba(212, 168, 75, .14), rgba(15, 23, 42, .06));
    text-align: center;
  }
  .stok-barkod-arama-foto {
    display: block;
    width: 100%;
    max-height: 11rem;
    object-fit: cover;
    border-radius: 12px;
    margin: 0 auto .75rem;
    border: 1px solid rgba(15, 23, 42, .08);
  }
  .stok-barkod-arama-foto.hidden { display: none !important; }
  .stok-barkod-arama.hidden { display: none !important; }
  .stok-barkod-arama-spinner {
    width: 2.1rem;
    height: 2.1rem;
    margin: 0 auto .65rem;
    border: 3px solid rgba(212, 168, 75, .22);
    border-top-color: #d4a84b;
    border-radius: 50%;
    animation: stok-barkod-spin .72s linear infinite;
  }
  .stok-barkod-arama-spinner.is-done {
    animation: none;
    border: none;
    width: auto;
    height: auto;
    margin-bottom: .45rem;
    font-size: 1.35rem;
    line-height: 1;
  }
  .stok-barkod-arama-baslik {
    margin: 0;
    font-size: .82rem;
    font-weight: 800;
    color: var(--rv-text);
  }
  .stok-barkod-arama-kod {
    margin: .28rem 0 0;
    font-size: .72rem;
    font-weight: 700;
    letter-spacing: .04em;
    color: var(--rv-gold-2);
    font-variant-numeric: tabular-nums;
  }
  .stok-barkod-arama-alt {
    margin: .45rem 0 0;
    font-size: .72rem;
    line-height: 1.45;
    color: var(--rv-text-3);
  }
  .stok-barkod-arama.is-ok {
    border-color: rgba(74, 143, 111, .35);
    background: linear-gradient(145deg, rgba(74, 143, 111, .12), rgba(15, 23, 42, .04));
  }
  .stok-barkod-arama.is-ok .stok-barkod-arama-alt { color: #4a8f6f; font-weight: 700; }
  @keyframes stok-barkod-spin { to { transform: rotate(360deg); } }
  @media (prefers-reduced-motion: reduce) {
    .stok-barkod-arama-spinner { animation: none; border-top-color: #d4a84b; opacity: .85; }
  }
  .stok-kasa-toast {
    position: fixed; left: 1rem; right: 1rem; bottom: max(1rem, env(safe-area-inset-bottom));
    z-index: 70; pointer-events: none;
  }
  .stok-kasa-toast.hidden { display: none; }
  .stok-kasa-toast-inner {
    pointer-events: auto; border-radius: 16px; padding: .85rem 1rem;
    background: linear-gradient(168deg, rgba(18,22,36,.98), rgba(10,13,23,.99));
    border: 1px solid rgba(201,138,75,.35); box-shadow: 0 16px 48px rgba(0,0,0,.45);
    display: flex; align-items: center; justify-content: space-between; gap: .75rem;
  }
  .stok-kasa-toast-msg { font-size: .82rem; font-weight: 700; color: var(--rv-text); line-height: 1.35; min-width: 0; }
  .stok-kasa-toast-msg em { font-style: normal; color: var(--rv-gold-2); }
  .stok-kasa-toast-actions { display: flex; gap: .4rem; flex-shrink: 0; }
  .stok-kasa-toast-actions button {
    min-height: 2.25rem; padding: 0 .7rem; border-radius: 10px; font-size: .68rem; font-weight: 800;
    border: 1px solid rgba(255,255,255,.1); background: rgba(255,255,255,.06); color: var(--rv-text-2);
  }
  .stok-kasa-toast-actions button.geri { border-color: rgba(239,68,68,.3); color: #fca5a5; }
  html.theme-light .stok-kasa-toast-inner { background: linear-gradient(168deg, #fff, #f4f5f8); border-color: rgba(210,218,230,.3); }
  html.theme-light .stok-kpi, html.theme-light .stok-urun-kart, html.theme-light .stok-sheet-panel { background: linear-gradient(168deg, #fff, #faf8f4); border-color: rgba(15,23,42,.08); }
  html.theme-light .stok-kasa-hero { background: linear-gradient(135deg, #f4f5f8, #fff); border-color: rgba(210,218,230,.25); }
  html.theme-light .stok-kasa-lbl { color: #92400e; }
  html.theme-light .stok-kasa-hint { color: #64748b; }
  html.theme-light .stok-depo-lbl { color: #166534; }
  html.theme-light .stok-depo-hint { color: #64748b; }
  .stok-view-tabs { display: flex; gap: .35rem; overflow-x: auto; padding-bottom: .1rem; scrollbar-width: none; }
  .stok-view-tabs::-webkit-scrollbar { display: none; }
  .stok-view-tab {
    flex: 0 0 auto; min-height: 2.35rem; padding: 0 .85rem; border-radius: 999px; font-size: .72rem; font-weight: 800;
    border: 1px solid rgba(255,255,255,.08); background: rgba(255,255,255,.04); color: var(--rv-text-2);
  }
  .stok-view-tab.active { background: rgba(201,138,75,.16); border-color: rgba(201,138,75,.38); color: var(--rv-gold-2); }
  .stok-depo-hero {
    border-radius: var(--rv-r-lg); padding: 1rem 1.05rem;
    background: linear-gradient(135deg, rgba(34,197,94,.14), rgba(10,13,23,.96));
    border: 1px solid rgba(34,197,94,.28);
  }
  .stok-depo-btn {
    min-height: 3.1rem; border-radius: 14px; font-weight: 800; font-size: .9rem;
    background: linear-gradient(135deg, #4ade80, #22c55e, #16a34a); color: #052e16;
  }
  .stok-bugun-kart {
    border-radius: 14px; border: 1px solid rgba(201,138,75,.22);
    background: rgba(201,138,75,.06); padding: .75rem .85rem;
  }
  .stok-siparis-kutu {
    border-radius: 14px; border: 1px dashed rgba(201,138,75,.3);
    background: rgba(201,138,75,.04); padding: .85rem 1rem;
  }
  .stok-hareket-row {
    display: flex; align-items: flex-start; justify-content: space-between; gap: .5rem;
    padding: .55rem 0; border-bottom: 1px solid rgba(255,255,255,.05); font-size: .75rem;
  }
  .stok-hareket-row:last-child { border-bottom: none; }
  .stok-analiz-kart { border-radius: 14px; border: 1px solid var(--rv-line); padding: .85rem 1rem; background: rgba(255,255,255,.02); }
  .stok-sayim-wizard { border-radius: var(--rv-r-lg); border: 1px solid var(--rv-line); padding: 1rem; }
  .stok-aksiyon.salon {
    background: rgba(148,163,184,.12);
    color: var(--rv-text-2);
    border: 1px solid rgba(255,255,255,.08);
  }
  .stok-aksiyon.defter {
    background: rgba(255,255,255,.04);
    color: var(--rv-text-3);
    border: 1px solid rgba(255,255,255,.08);
  }
  .stok-marj-chip { font-size: .58rem; font-weight: 700; padding: .15rem .38rem; border-radius: 999px; background: rgba(34,197,94,.12); color: #86efac; vertical-align: middle; }
  html.theme-light .stok-view-tab { background: #fff; border-color: rgba(15,23,42,.08); }
  html.theme-light .stok-view-tab.active { background: #f4f5f8; }
  html.theme-light .stok-analiz-kart, html.theme-light .stok-sayim-wizard { background: #fff; }
  html.theme-dark .stok-lbl { color: #f1f5f9; }
  html.theme-dark .stok-hint { color: #94a3b8; }
  html.theme-dark .stok-barkod-kutu { background: #0f172a; border-color: #3d7a5f; }
  html.theme-dark .stok-barkod-kutu.is-araniyor { background: #0c1f1a; border-color: #2dd4bf; }
  html.theme-dark .field.stok-ai-doldu { border-color: #2dd4bf !important; }
  .kurulum-hedef { box-shadow: 0 0 0 2px var(--rv-accent, #4a8f6f), 0 0 20px rgba(74,143,111,.28) !important; }
  body.kurulum-aktif .main-scroll-pad { padding-bottom: calc(11rem + env(safe-area-inset-bottom, 0px)); }
  @media (min-width: 768px) {
    body.kurulum-aktif .main-scroll-pad { padding-bottom: 2rem; }
  }
  body.kurulum-modu .sidebar-btn.kurulum-hedef,
  body.kurulum-modu .mob-drawer-btn.kurulum-hedef,
  body.kurulum-modu .tab-btn.kurulum-hedef { opacity: 1; }
  .rv-kurulum-overlay { background: rgba(2,6,14,.45); pointer-events: none; }
  @media (min-width: 768px) { .rv-kurulum-overlay { background: transparent; } }
  .rv-kurulum-card {
    left: 0; right: 0; bottom: 0;
    padding: 1rem 1rem calc(1rem + env(safe-area-inset-bottom, 0px));
    border-radius: 20px 20px 0 0;
    border: 1px solid var(--rv-line, rgba(255,255,255,.08));
    border-bottom: none;
    background: linear-gradient(168deg, rgba(20,28,46,.98), rgba(12,16,28,.99));
    color: var(--rv-text, #f1f5f9);
    box-shadow: 0 -12px 48px rgba(0,0,0,.35);
    max-height: min(72vh, 28rem);
    display: flex;
    flex-direction: column;
    gap: .75rem;
  }
  @media (min-width: 768px) {
    .rv-kurulum-card {
      left: var(--rv-sidebar-w);
      right: 1.25rem;
      top: 5.25rem;
      bottom: auto;
      width: min(20.5rem, calc(100vw - var(--rv-sidebar-w) - 2rem));
      max-height: calc(100vh - 6.5rem);
      padding: 1.1rem 1.15rem;
      border-radius: 16px;
      border-bottom: 1px solid var(--rv-line, rgba(255,255,255,.08));
      box-shadow: 0 20px 50px rgba(0,0,0,.28);
    }
  }
  .rv-kurulum-head { display: flex; align-items: center; gap: .65rem; flex-shrink: 0; }
  .rv-kurulum-progress-wrap { flex: 1; min-width: 0; display: flex; align-items: center; gap: .5rem; }
  .rv-kurulum-progress-track {
    flex: 1; height: 5px; border-radius: 999px;
    background: rgba(255,255,255,.08); overflow: hidden;
  }
  .rv-kurulum-progress-fill {
    height: 100%; width: 0; border-radius: 999px;
    background: linear-gradient(90deg, #3d7a5f, #6ee7b7);
    transition: width .35s ease;
  }
  .rv-kurulum-progress-label {
    font-size: .68rem; font-weight: 800; color: var(--rv-text-3, #94a3b8);
    font-variant-numeric: tabular-nums; white-space: nowrap;
  }
  .rv-kurulum-toggle {
    font-size: .68rem; font-weight: 700; padding: .35rem .55rem;
    border-radius: 999px; border: 1px solid rgba(255,255,255,.1);
    background: rgba(255,255,255,.04); color: var(--rv-text-2, #cbd5e1);
    flex-shrink: 0;
  }
  .rv-kurulum-toggle[aria-expanded="true"] {
    background: rgba(61,122,95,.18); border-color: rgba(110,231,183,.25); color: #9ecfb5;
  }
  .rv-kurulum-liste-wrap {
    flex-shrink: 1; min-height: 0; overflow: hidden;
    border: 1px solid rgba(255,255,255,.06); border-radius: 12px;
    background: rgba(0,0,0,.18);
  }
  .rv-kurulum-liste-wrap.hidden { display: none; }
  .rv-kurulum-liste {
    list-style: none; margin: 0; padding: .35rem;
    max-height: 9.5rem; overflow-y: auto;
  }
  .rv-kurulum-adim {
    display: flex; align-items: center; gap: .5rem;
    padding: .45rem .55rem; border-radius: 10px;
    font-size: .75rem; font-weight: 600; color: var(--rv-text-3, #94a3b8);
    cursor: pointer; border: none; background: transparent; width: 100%; text-align: left;
    transition: background .15s, color .15s;
  }
  .rv-kurulum-adim:hover { background: rgba(255,255,255,.04); color: var(--rv-text-2, #e2e8f0); }
  .rv-kurulum-adim.aktif { background: rgba(61,122,95,.16); color: #b8e0cc; }
  .rv-kurulum-adim.tamam { color: #64748b; }
  .rv-kurulum-adim-ikon {
    width: 1.35rem; height: 1.35rem; flex-shrink: 0;
    display: inline-flex; align-items: center; justify-content: center;
    border-radius: 999px; font-size: .65rem; font-weight: 800;
    border: 1.5px solid rgba(255,255,255,.12); color: var(--rv-text-3);
  }
  .rv-kurulum-adim.aktif .rv-kurulum-adim-ikon {
    border-color: #6ee7b7; color: #6ee7b7; background: rgba(61,122,95,.2);
  }
  .rv-kurulum-adim.tamam .rv-kurulum-adim-ikon {
    border-color: transparent; background: #3d7a5f; color: #fff;
  }
  .rv-kurulum-adim-baslik { flex: 1; min-width: 0; line-height: 1.3; }
  .rv-kurulum-adim-pro {
    font-size: .58rem; font-weight: 800; letter-spacing: .04em;
    color: #e6b47e; margin-left: .25rem;
  }
  .rv-kurulum-body { flex-shrink: 0; min-width: 0; }
  .rv-kurulum-etiket {
    font-size: .65rem; font-weight: 800; letter-spacing: .1em;
    text-transform: uppercase; color: #6ee7b7; margin: 0 0 .25rem;
  }
  .rv-kurulum-baslik {
    font-size: 1.05rem; font-weight: 800; letter-spacing: -.02em;
    color: var(--rv-text, #f8fafc); margin: 0; line-height: 1.25;
  }
  .rv-kurulum-metin {
    font-size: .8rem; line-height: 1.5; color: var(--rv-text-2, #94a3b8);
    margin: .45rem 0 0;
  }
  .rv-kurulum-uyari {
    font-size: .72rem; line-height: 1.45; margin: .5rem 0 0;
    padding: .5rem .65rem; border-radius: 10px;
    color: #e6b47e; background: rgba(201,138,75,.1); border: 1px solid rgba(201,138,75,.22);
  }
  .rv-kurulum-uyari.hidden { display: none; }
  .rv-kurulum-actions { display: flex; gap: .5rem; flex-shrink: 0; }
  .rv-kurulum-btn {
    flex: 1; min-height: 44px; padding: .65rem .75rem;
    border-radius: 12px; font-size: .82rem; font-weight: 800;
    border: none; cursor: pointer; transition: transform .15s, box-shadow .15s;
  }
  .rv-kurulum-btn:active { transform: scale(.98); }
  .rv-kurulum-btn-ghost {
    background: rgba(255,255,255,.04); border: 1px solid rgba(255,255,255,.1);
    color: var(--rv-text-2, #cbd5e1);
  }
  .rv-kurulum-btn-primary {
    flex: 1.35;
    background: linear-gradient(135deg, #4a8f6f, #3d7a5f);
    color: #fff; box-shadow: 0 6px 20px rgba(61,122,95,.35);
  }
  .wa-isim-toggle { display: flex; gap: .5rem; }
  .wa-isim-btn {
    flex: 1; min-height: 44px; border-radius: 12px; border: 1px solid #e2e8f0;
    font-size: .875rem; font-weight: 700; color: #64748b; background: #fff;
  }
  .wa-isim-btn.aktif { border-color: #3d7a5f; background: #edf5f0; color: #2f6b52; }
  .wa-isim-btn.aktif-kapali { border-color: #fca5a5; background: #fef2f2; color: #b91c1c; }
  .wa-preview-btn {
    display: inline-block; padding: 6px 12px; border-radius: 999px;
    font-size: 12px; font-weight: 700; background: #fff; border: 1px solid #86efac;
    color: #166534; box-shadow: 0 1px 2px rgba(0,0,0,.04);
  }
  .wa-preview-btn-alt { border-color: #cbd5e1; color: #475569; }
  /* tab-panel: animasyon yok — sekme geçişinde içerik olduğu gibi görünür */
  html.panel-ilk-yukle .tab-panel,
  html.panel-ilk-yukle .desktop-topbar { animation: none !important; }
  .panel-yukleme {
    position: fixed;
    inset: 0;
    z-index: 99999;
    display: flex !important;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: max(1.25rem, env(safe-area-inset-top)) 1.25rem max(1.25rem, env(safe-area-inset-bottom));
    background:
      radial-gradient(900px 520px at 82% -10%, rgba(201,138,75,.16), transparent 58%),
      radial-gradient(700px 460px at 8% 8%, rgba(74,143,111,.12), transparent 52%),
      radial-gradient(640px 420px at 50% 108%, rgba(157,108,240,.08), transparent 55%),
      var(--rv-ink, #0a080d);
    backdrop-filter: blur(14px);
    -webkit-backdrop-filter: blur(14px);
    transition:
      opacity .55s cubic-bezier(.4, 0, .2, 1),
      visibility .55s,
      transform .55s cubic-bezier(.4, 0, .2, 1),
      filter .45s ease;
    pointer-events: auto;
    touch-action: none;
    overflow: hidden;
  }
  .panel-yukleme::before {
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
    background: radial-gradient(ellipse 120% 90% at 50% 38%, transparent 42%, rgba(2,3,6,.55) 100%);
  }
  .panel-yukleme::after {
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
    opacity: .035;
    background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence baseFrequency='.65' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");
    background-size: 180px;
  }
  html.theme-light .panel-yukleme {
    background:
      radial-gradient(900px 520px at 82% -10%, rgba(201,138,75,.12), transparent 58%),
      radial-gradient(700px 460px at 8% 8%, rgba(74,143,111,.1), transparent 52%),
      linear-gradient(180deg, #faf8f5 0%, #f6f4f0 100%);
  }
  html.theme-light .panel-yukleme::before {
    background: radial-gradient(ellipse 120% 90% at 50% 38%, transparent 50%, rgba(250,248,245,.65) 100%);
  }
  .panel-yukleme-atmos {
    position: absolute;
    inset: 0;
    pointer-events: none;
    overflow: hidden;
    z-index: 1;
  }
  .panel-yukleme-orb {
    position: absolute;
    border-radius: 50%;
    filter: blur(52px);
    opacity: .55;
    animation: panelOrbFloat 7s ease-in-out infinite;
  }
  .panel-yukleme-orb--1 {
    width: 18rem;
    height: 18rem;
    top: 8%;
    left: -4%;
    background: rgba(201,138,75,.22);
    animation-delay: 0s;
  }
  .panel-yukleme-orb--2 {
    width: 14rem;
    height: 14rem;
    bottom: 10%;
    right: -2%;
    background: rgba(74,143,111,.18);
    animation-delay: -2.4s;
    animation-duration: 8.5s;
  }
  .panel-yukleme-orb--3 {
    width: 10rem;
    height: 10rem;
    top: 42%;
    right: 18%;
    background: rgba(157,108,240,.12);
    animation-delay: -4.1s;
    animation-duration: 6.8s;
  }
  @keyframes panelOrbFloat {
    0%, 100% { transform: translate(0, 0) scale(1); opacity: .5; }
    33% { transform: translate(12px, -18px) scale(1.06); opacity: .68; }
    66% { transform: translate(-8px, 10px) scale(.96); opacity: .42; }
  }
  .panel-yukleme.hidden {
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
  }
  .panel-yukleme-bitiyor {
    opacity: 0;
    transform: scale(1.025);
    filter: blur(10px);
  }
  .panel-yukleme-bitiyor .panel-yukleme-kart {
    transform: translateY(-10px) scale(.94);
    opacity: 0;
  }
  .panel-yukleme-kart {
    width: min(100%, 15.5rem);
    margin: 0 auto;
    text-align: center;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center;
    gap: .45rem;
    position: relative;
    z-index: 2;
    flex-shrink: 0;
    padding: 1.2rem 1.05rem 1.05rem;
    border-radius: 1.15rem;
    background: rgba(12, 10, 16, 0.52);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    border: 1px solid rgba(201, 138, 75, .12);
    box-shadow:
      0 16px 48px rgba(0, 0, 0, .32),
      0 0 0 1px rgba(255, 255, 255, .03) inset;
    transition: transform .45s cubic-bezier(.4, 0, .2, 1), opacity .4s ease;
    animation: panelLoaderIn .9s cubic-bezier(.16, 1, .3, 1) both;
    overflow: hidden;
  }
  .panel-yukleme-kart::before {
    content: "";
    position: absolute;
    inset: -40% -60%;
    background: linear-gradient(105deg, transparent 38%, rgba(255,255,255,.07) 50%, transparent 62%);
    animation: panelLoaderShimmer 3.2s ease-in-out infinite;
    pointer-events: none;
  }
  html.theme-light .panel-yukleme-kart {
    background: rgba(255, 255, 255, 0.58);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    border-color: rgba(201, 138, 75, .16);
    box-shadow:
      0 16px 40px rgba(15, 23, 42, .08),
      0 0 0 1px rgba(255, 255, 255, .75) inset;
  }
  html.theme-light .panel-yukleme-kart::before {
    background: linear-gradient(105deg, transparent 38%, rgba(201,138,75,.08) 50%, transparent 62%);
  }
  @keyframes panelLoaderIn {
    from { opacity: 0; transform: translateY(16px) scale(.94); }
    to { opacity: 1; transform: none; }
  }
  @keyframes panelLoaderShimmer {
    0%, 72%, 100% { transform: translateX(-30%) rotate(8deg); opacity: 0; }
    78% { opacity: 1; }
    100% { transform: translateX(30%) rotate(8deg); opacity: 0; }
  }
  .panel-yukleme-emblem {
    width: 4.25rem;
    height: 4.25rem;
    margin: 0 auto;
    flex-shrink: 0;
    display: block;
    filter: drop-shadow(0 8px 24px rgba(201, 138, 75, .22));
  }
  .panel-yukleme-emblem-svg {
    width: 100%;
    height: 100%;
    display: block;
    overflow: visible;
  }
  .panel-yukleme-emblem-svg .panel-yukleme-ring {
    transform-origin: 0 0;
    transform-box: fill-box;
    pointer-events: none;
  }
  .panel-yukleme-emblem-svg .panel-yukleme-ring--outer { animation: panelRingSpin 2.4s linear infinite; }
  .panel-yukleme-emblem-svg .panel-yukleme-ring--mid { animation: panelRingSpinRev 1.6s linear infinite; }
  .panel-yukleme-emblem-svg .panel-yukleme-ring--inner { animation: panelRingSpin .85s linear infinite; }
  .panel-yukleme-emblem-svg .panel-yukleme-ring .ring-bg {
    fill: none;
    stroke: rgba(201, 138, 75, 0.12);
    stroke-width: 2.5;
  }
  .panel-yukleme-emblem-svg .panel-yukleme-ring .ring-fg {
    fill: none;
    stroke: var(--rv-gold, #c98a4b);
    stroke-width: 2.5;
    stroke-linecap: round;
  }
  .panel-yukleme-emblem-svg .panel-yukleme-ring--outer .ring-fg {
    stroke-dasharray: 48 280;
    stroke: rgba(201, 138, 75, .55);
  }
  .panel-yukleme-emblem-svg .panel-yukleme-ring--mid .ring-fg {
    stroke-dasharray: 36 240;
    stroke: var(--rv-gold-2, #e6b47e);
  }
  .panel-yukleme-emblem-svg .panel-yukleme-ring--inner .ring-fg {
    stroke-dasharray: 28 200;
    stroke: var(--rv-gold, #c98a4b);
  }
  .panel-yukleme-emblem-svg .panel-yukleme-logo-pulse {
    transform-origin: 0 0;
    transform-box: fill-box;
    animation: panelLogoPulse 2.4s ease-in-out infinite;
  }
  html.theme-light .panel-yukleme-emblem-svg .panel-yukleme-ring .ring-bg { stroke: rgba(201, 138, 75, 0.14); }
  html.theme-light .panel-yukleme-emblem-svg .panel-yukleme-ring--outer .ring-fg { stroke: rgba(168, 132, 46, .5); }
  html.theme-light .panel-yukleme-emblem-svg .panel-yukleme-ring--mid .ring-fg { stroke: #a8842e; }
  html.theme-light .panel-yukleme-emblem-svg .panel-yukleme-ring--inner .ring-fg { stroke: #c98a4b; }
  @keyframes panelRingSpin { to { transform: rotate(360deg); } }
  @keyframes panelRingSpinRev { to { transform: rotate(-360deg); } }
  @keyframes panelLogoPulse {
    0%, 100% { transform: scale(1); }
    50% { transform: scale(1.04); }
  }
  .panel-yukleme-mark {
    margin: .15rem 0 0;
    width: 100%;
    font-family: var(--rv-font-d, system-ui, sans-serif);
    font-size: 0.68rem;
    font-weight: 700;
    letter-spacing: 0.28em;
    text-indent: 0.28em;
    text-transform: uppercase;
    text-align: center;
    color: rgba(230, 180, 126, 0.92);
  }
  html.theme-light .panel-yukleme-mark { color: #8a5a2e; }
  .panel-yukleme-tagline {
    margin: 0;
    width: 100%;
    font-size: .72rem;
    font-weight: 500;
    color: rgba(163, 154, 140, .78);
    letter-spacing: .02em;
    line-height: 1.35;
  }
  html.theme-light .panel-yukleme-tagline { color: #64748b; }
  .panel-yukleme-progress {
    width: min(100%, 9.5rem);
    height: 3px;
    border-radius: 999px;
    background: rgba(201, 138, 75, .12);
    overflow: hidden;
    margin: .35rem auto .15rem;
  }
  .panel-yukleme-progress-fill {
    display: block;
    height: 100%;
    width: 38%;
    border-radius: inherit;
    background: linear-gradient(90deg, rgba(201,138,75,.2), var(--rv-gold, #c98a4b), var(--rv-gold-2, #e6b47e), rgba(201,138,75,.2));
    animation: panelProgSlide 1.8s ease-in-out infinite;
  }
  @keyframes panelProgSlide {
    0% { transform: translateX(-120%); }
    100% { transform: translateX(320%); }
  }
  .panel-yukleme-spinner-wrap { display: none; }
  .panel-yukleme-spinner { display: none; }

  /* Tarayici eklentisi — nazik uyari (panel acik kalir) */
  .panel-uzanti-uyari {
    position: sticky;
    top: 0;
    z-index: 9998;
    padding: .45rem .65rem;
    background: linear-gradient(135deg, #fffbeb 0%, #fef3c7 100%);
    border-bottom: 1px solid #fcd34d;
    box-shadow: 0 2px 8px rgba(15, 23, 42, .06);
  }
  .panel-uzanti-uyari.hidden { display: none !important; }
  .panel-uzanti-uyari-inner {
    display: flex;
    align-items: flex-start;
    gap: .65rem;
    max-width: 56rem;
    margin: 0 auto;
  }
  .panel-uzanti-uyari-ico {
    flex-shrink: 0;
    width: 1.65rem;
    height: 1.65rem;
    border-radius: .5rem;
    background: rgba(245, 158, 11, .18);
    color: #b45309;
    font-size: .95rem;
    font-weight: 800;
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: 1;
  }
  .panel-uzanti-uyari-metin { min-width: 0; flex: 1; }
  .panel-uzanti-uyari-baslik {
    margin: 0 0 .25rem;
    font-size: .82rem;
    font-weight: 700;
    color: #92400e;
    line-height: 1.35;
  }
  .panel-uzanti-uyari-liste {
    margin: 0 0 .35rem;
    padding-left: 1.1rem;
    font-size: .75rem;
    color: #78350f;
    line-height: 1.45;
  }
  .panel-uzanti-uyari-liste li { margin: .12rem 0; }
  .panel-uzanti-uyari-ipucu {
    margin: 0;
    font-size: .7rem;
    color: #a16207;
    line-height: 1.4;
  }
  .panel-uzanti-uyari-aksiyon { flex-shrink: 0; align-self: center; }
  .panel-uzanti-uyari-btn {
    border: none;
    border-radius: .55rem;
    padding: .4rem .75rem;
    font-size: .72rem;
    font-weight: 700;
    cursor: pointer;
    white-space: nowrap;
  }
  .panel-uzanti-uyari-btn--ghost {
    background: rgba(255, 255, 255, .75);
    color: #92400e;
    border: 1px solid rgba(180, 83, 9, .25);
  }
  .panel-uzanti-uyari-btn--ghost:hover { background: #fff; }
  html.theme-dark .panel-uzanti-uyari {
    background: linear-gradient(135deg, rgba(69, 26, 3, .95), rgba(120, 53, 15, .88));
    border-bottom-color: rgba(251, 191, 36, .35);
  }
  html.theme-dark .panel-uzanti-uyari-baslik { color: #fcd34d; }
  html.theme-dark .panel-uzanti-uyari-liste { color: #fde68a; }
  html.theme-dark .panel-uzanti-uyari-ipucu { color: #fbbf24; }
  html.theme-dark .panel-uzanti-uyari-ico { background: rgba(251, 191, 36, .15); color: #fcd34d; }
  html.theme-dark .panel-uzanti-uyari-btn--ghost {
    background: rgba(15, 23, 42, .35);
    color: #fde68a;
    border-color: rgba(251, 191, 36, .3);
  }
  .panel-yukleme-metin {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
  }
  .panel-yukleme-alt {
    margin: 0;
    width: 100%;
    max-width: 15rem;
    font-size: .78rem;
    font-weight: 600;
    color: rgba(148, 163, 184, 0.92);
    letter-spacing: 0.01em;
    line-height: 1.4;
    min-height: 1.25em;
    transition: opacity .28s ease, transform .28s ease;
  }
  .panel-yukleme-alt--degis {
    animation: panelAltFade .32s ease both;
  }
  @keyframes panelAltFade {
    from { opacity: 0; transform: translateY(4px); }
    to { opacity: 1; transform: none; }
  }
  html.theme-light .panel-yukleme-alt { color: #64748b; }
  html[data-panel-giris="1"] .panel-yukleme-tagline { color: rgba(201,138,75,.85); }
  @media (prefers-reduced-motion: reduce) {
    .panel-yukleme-orb,
    .panel-yukleme-kart::before,
    .panel-yukleme-emblem-svg .panel-yukleme-logo-pulse,
    .panel-yukleme-progress-fill { animation: none !important; }
    .panel-yukleme-emblem-svg .panel-yukleme-ring--outer,
    .panel-yukleme-emblem-svg .panel-yukleme-ring--mid,
    .panel-yukleme-emblem-svg .panel-yukleme-ring--inner { animation: none !important; }
    .panel-yukleme-emblem-svg .panel-yukleme-ring--inner .ring-fg { stroke-dasharray: 96 144; }
    .panel-yukleme-kart { animation: none !important; }
    .panel-yukleme-bitiyor { filter: none; transform: none; }
  }
  @media (max-width: 520px), (display-mode: standalone) {
    .panel-yukleme-emblem {
      width: 5.85rem;
      height: 5.85rem;
    }
    .panel-yukleme-alt {
      font-size: .74rem;
    }
    .panel-yukleme-tagline {
      font-size: .68rem;
    }
  }
  @keyframes tabIn { from { opacity: 0; transform: translateY(6px); } to { opacity: 1; transform: none; } }
  .cal-iskelet { pointer-events: none; opacity: .92; }
  /* ── Mobil öncelikli ── */
  @media (max-width: 767px) {
    .app-shell { max-width: 100%; padding-bottom: calc(var(--mob-nav-bar-h, 2.85rem) + env(safe-area-inset-bottom, 0px) + .35rem); }
    .card { border-radius: 18px; }
    .field, .btn-primary, .btn-soft { min-height: 48px; font-size: 1rem; }
    .saat-gun-mini { min-height: 44px; padding: .55rem .35rem; }
    .gecmis-filtre-chip, .period-pill { min-height: 40px; padding: .5rem .85rem; }
    .apt-card { padding: var(--apt-pad-y, .22rem) var(--apt-pad-x, .45rem) !important; }
    .stat-card { padding: .85rem !important; }
    .mobile-bottom-nav { box-shadow: none; }
  }
  .mob-nav-grid {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: .15rem;
    padding: .28rem .35rem .22rem;
    align-items: end;
  }
  body.usta-modu .mob-nav-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); }
  .mob-nav-item {
    position: relative;
    display: flex; flex-direction: column; align-items: center; justify-content: center;
    gap: .1rem; min-height: 2.62rem; padding: .2rem .1rem .14rem;
    font-size: .56rem; font-weight: 700; border: 1px solid transparent;
    background: transparent;
  }
  .mob-nav-ico { font-size: 1.12rem; line-height: 1; transition: transform .18s ease; }
  .mob-nav-ico-svg {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 1.15rem;
    height: 1.15rem;
  }
  .mob-nav-ico-svg .rv-ai-mascot {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: contain;
  }
  .mob-nav-lbl { max-width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; opacity: .95; }
  .mob-nav-hero {
    min-height: 2.85rem;
    margin-top: -.38rem;
    padding-top: .28rem;
    border-radius: .85rem .85rem .55rem .55rem;
    background: transparent;
    border: 1px solid rgba(255,255,255,.06);
    box-shadow: none;
  }
  .mob-nav-hero .mob-nav-ico { font-size: 1.38rem; }
  .mob-nav-hero .mob-nav-lbl { font-size: .58rem; font-weight: 800; opacity: 1; }
  .mob-nav-hero-takvim.active {
    background: rgba(74,143,111,.14);
    border-color: rgba(106,171,138,.22);
    box-shadow: none;
  }
  .mob-nav-hero.active .mob-nav-ico { transform: scale(1.06); }
  .mob-nav-ai-hero {
    position: relative;
    width: 3.15rem !important;
    height: 3.15rem !important;
    min-height: 3.15rem !important;
    margin: -.72rem auto .05rem !important;
    padding: 0 !important;
    border-radius: 999px !important;
    background: linear-gradient(145deg, #0f766e 0%, #064e3b 55%, #022c22 100%) !important;
    border: 2px solid rgba(251, 191, 36, .45) !important;
    box-shadow:
      0 8px 22px rgba(0, 0, 0, .35),
      0 0 0 1px rgba(16, 185, 129, .25),
      inset 0 1px 0 rgba(255,255,255,.12) !important;
    justify-self: center;
    align-self: flex-start;
    overflow: visible !important;
    animation: none !important;
  }
  .mob-nav-ai-hero .mob-nav-ico,
  .mob-nav-ai-hero .mob-nav-ico-svg {
    font-size: 1.45rem !important;
    width: 1.85rem !important;
    height: 1.85rem !important;
  }
  .mob-nav-ai-hero .rv-ai-mascot,
  .mob-nav-ai-hero .rv-ai-mascot-svg,
  .mob-nav-ai-hero .rv-ai-icon {
    width: 1.85rem !important;
    height: 1.85rem !important;
  }
  .mob-nav-ai-hero .mob-nav-lbl { display: none !important; }
  body.mob-nav-edit .mob-nav-ai-hero {
    animation: none !important;
    opacity: 1 !important;
    pointer-events: none;
  }
  .mob-nav-slot-vacated {
    min-height: 2.45rem;
    border-radius: .65rem;
    border: 1.5px dashed rgba(99,102,241,.45) !important;
    background: rgba(99,102,241,.06) !important;
    box-shadow: none !important;
    animation: none !important;
  }
  .mob-nav-drag-source {
    opacity: 0 !important;
    pointer-events: none !important;
    transform: scale(.85) !important;
  }
  .mob-nav-item .stok-nav-badge,
  .mob-nav-item .duyuru-nav-badge,
  .mob-nav-item .soft-nav-badge {
    position: absolute; top: .15rem; right: .2rem;
    margin: 0; font-size: .5rem; padding: .08rem .3rem;
  }
  body.mob-nav-edit .mob-nav-item {
    animation: mob-nav-jiggle .32s ease-in-out infinite alternate;
    touch-action: none;
  }
  body.mob-nav-edit .mob-nav-item.mob-nav-slot-picked {
    animation: mob-nav-jiggle-picked .28s ease-in-out infinite alternate;
    border-color: rgba(99,102,241,.55) !important;
    box-shadow: 0 0 0 2px rgba(99,102,241,.35);
  }
  body.mob-nav-edit .mobile-bottom-nav {
    z-index: 70 !important;
    pointer-events: auto;
  }
  body.mob-nav-dragging { user-select: none; -webkit-user-select: none; }
  body.mob-nav-dragging .mob-nav-edit-grid { pointer-events: none; }
  @keyframes mob-nav-jiggle {
    from { transform: rotate(-1.4deg) scale(.98); }
    to { transform: rotate(1.4deg) scale(1.02); }
  }
  @keyframes mob-nav-jiggle-picked {
    from { transform: rotate(-2deg) scale(.96); }
    to { transform: rotate(2deg) scale(1.04); }
  }
  .mob-nav-drop-target.is-drop-hover {
    border-color: rgba(99,102,241,.65) !important;
    box-shadow: 0 0 0 3px rgba(99,102,241,.28);
    transform: scale(1.06);
  }
  .mob-nav-drag-ghost {
    position: fixed; z-index: 80; pointer-events: none;
    display: flex; flex-direction: column; align-items: center; justify-content: center;
    gap: .08rem; min-width: 2.75rem; padding: .38rem .45rem; border-radius: .75rem;
    background: linear-gradient(168deg, rgba(30,34,52,.97), rgba(14,17,28,.98));
    border: 1px solid rgba(99,102,241,.45);
    box-shadow: 0 12px 32px rgba(0,0,0,.35);
    transform: translate(-50%, -50%) scale(1.08);
    font-size: .52rem; font-weight: 700;
  }
  .mob-nav-drag-ghost-hero { min-width: 3.1rem; padding: .45rem .5rem; transform: translate(-50%, -50%) scale(1.12); }
  .mob-nav-drag-ghost .mob-nav-ico { font-size: 1.15rem; }
  .mob-nav-drag-ghost-hero .mob-nav-ico { font-size: 1.35rem; }
  .mob-nav-edit-sheet {
    position: fixed; inset: 0; z-index: 58;
    pointer-events: none;
  }
  .mob-nav-edit-sheet.hidden { display: none; }
  @media (min-width: 768px) {
    .mob-nav-edit-sheet { display: none !important; }
  }
  .mob-nav-edit-bg {
    position: absolute;
    top: 0; left: 0; right: 0;
    bottom: calc(var(--mob-nav-bar-h, 2.85rem) + env(safe-area-inset-bottom, 0px));
    pointer-events: auto;
    background: rgba(2,4,10,.28); backdrop-filter: blur(3px);
  }
  .mob-nav-edit-panel {
    position: absolute;
    left: .5rem; right: .5rem;
    bottom: calc(var(--mob-nav-bar-h, 2.85rem) + env(safe-area-inset-bottom, 0px));
    pointer-events: auto;
    border-radius: 1rem; padding: .55rem .55rem .5rem;
    display: flex; flex-direction: column; gap: .35rem;
    background: linear-gradient(168deg, rgba(18,22,36,.98), rgba(10,13,23,.99));
    border: 1px solid var(--rv-line); box-shadow: 0 14px 40px rgba(0,0,0,.4);
  }
  .mob-nav-edit-title {
    font-size: .72rem; font-weight: 800; margin: 0;
    text-align: center; color: var(--rv-text-2);
    letter-spacing: .04em; text-transform: uppercase;
  }
  .mob-nav-edit-hint {
    font-size: .64rem; color: var(--rv-text-3); margin: 0;
    line-height: 1.3; text-align: center;
  }
  .mob-nav-edit-grid {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: .22rem;
    touch-action: none;
    max-height: 38vh;
    overflow-y: auto;
  }
  .mob-nav-edit-chip {
    display: flex; flex-direction: column; align-items: center; justify-content: center;
    gap: .08rem; min-height: 2.75rem; padding: .22rem .12rem;
    border-radius: .7rem; border: 1px solid rgba(255,255,255,.07);
    background: rgba(255,255,255,.04);
    touch-action: none; cursor: grab; user-select: none;
    transition: background .15s, border-color .15s, transform .15s;
  }
  .mob-nav-edit-grid.is-drop-hover {
    outline: 2px dashed rgba(99,102,241,.45);
    outline-offset: 2px;
    border-radius: .65rem;
  }
  .mob-nav-edit-chip-ico { font-size: 1.05rem; line-height: 1; }
  .mob-nav-edit-chip-lbl {
    max-width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
    font-size: .52rem; font-weight: 700; color: var(--rv-text-2);
  }
  .mob-drawer {
    position: fixed; inset: 0; z-index: 55;
    pointer-events: none; visibility: hidden;
  }
  .mob-drawer.open,
  .mob-drawer.mob-drawer-closing {
    visibility: visible;
  }
  .mob-drawer.open { pointer-events: auto; }
  .mob-drawer.mob-drawer-closing { pointer-events: none; }
  .mob-drawer-backdrop {
    position: absolute; inset: 0; background: rgba(2,4,10,.62);
    opacity: 0; transition: opacity .28s ease;
  }
  .mob-drawer.open .mob-drawer-backdrop { opacity: 1; }
  .mob-drawer.mob-drawer-closing .mob-drawer-backdrop { opacity: 0; }
  .mob-drawer-panel {
    position: absolute; top: 0; left: 0; bottom: 0;
    width: min(var(--rv-mob-drawer-w, 12.25rem), 78vw); max-width: 100%;
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    grid-template-rows: auto minmax(0, 1fr) auto;
    transform: translateX(-104%);
    transition: transform .32s cubic-bezier(.4,0,.2,1);
    box-shadow: 8px 0 40px rgba(0,0,0,.45);
    overflow: hidden;
    contain: layout style;
    min-width: 0;
  }
  .mob-drawer-panel > .sidebar-glow { position: absolute; inset: 0 auto auto 0; right: 0; }
  .mob-drawer-head, .mob-drawer-nav-wrap, .mob-drawer-foot {
    min-width: 0;
    max-width: 100%;
    width: 100%;
    box-sizing: border-box;
    overflow: hidden;
  }
  .mob-drawer.open .mob-drawer-panel { transform: translateX(0); }
  .mob-drawer-head {
    padding: 0;
    border-bottom: 1px solid rgba(255,255,255,.06);
    flex-shrink: 0;
  }
  .mob-drawer-head .sidebar-brand-head.mob-brand-head {
    justify-content: space-between;
    gap: .35rem;
    padding: .5rem .42rem .32rem;
    min-width: 0;
    max-width: 100%;
    width: 100%;
    box-sizing: border-box;
  }
  .mob-drawer-head .sidebar-brand-row {
    min-width: 0;
    overflow: hidden;
  }
  .mob-drawer-head .sidebar-brand-word {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    min-width: 0;
  }
  .mob-drawer-head .sidebar-salon-block {
    padding: 0 .5rem .45rem;
  }
  .mob-drawer-close {
    width: 2rem; height: 2rem; flex-shrink: 0;
    border-radius: .55rem; border: 1px solid rgba(255,255,255,.08);
    background: rgba(255,255,255,.04); color: var(--rv-text-2);
    font-size: .9rem; line-height: 1;
  }
  .mob-drawer-nav-wrap {
    position: relative;
    min-height: 0;
    overflow: hidden;
    display: flex;
    flex-direction: column;
  }
  .mob-drawer-nav,
  #mobDrawerNav.mob-drawer-nav {
    flex: 1 1 auto !important;
    min-height: 0;
    max-height: 100%;
    overflow-y: auto;
    overflow-x: hidden;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
    -ms-overflow-style: none;
    padding: .28rem 0 .35rem;
    align-self: stretch;
  }
  .mob-drawer-nav::-webkit-scrollbar { display: none; width: 0; height: 0; }
  .mob-drawer-nav .sidebar-group-label {
    padding: .58rem .45rem .22rem;
    font-size: .6rem;
    letter-spacing: .13em;
  }
  .mob-drawer-nav-scroll-hint {
    position: absolute;
    right: .22rem;
    z-index: 3;
    width: 1.1rem;
    height: 1.1rem;
    padding: 0;
    border: 1px solid rgba(255,255,255,.1);
    border-radius: 999px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--rv-text-3);
    background: rgba(10, 12, 20, .82);
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
    box-shadow: 0 2px 8px rgba(0,0,0,.28);
    cursor: pointer;
    opacity: 0;
    pointer-events: none;
    transition: opacity .2s ease, color .15s ease, border-color .15s ease, background .15s ease;
  }
  .mob-drawer-nav-scroll-hint::before {
    content: "";
    display: block;
    width: .32rem;
    height: .32rem;
    border: solid currentColor;
    border-width: 0 2px 2px 0;
  }
  .mob-drawer-nav-scroll-hint-up { top: .28rem; }
  .mob-drawer-nav-scroll-hint-up::before { transform: rotate(-135deg); margin-top: .12rem; }
  .mob-drawer-nav-scroll-hint-down { bottom: .28rem; }
  .mob-drawer-nav-scroll-hint-down::before { transform: rotate(45deg); margin-top: -.1rem; }
  .mob-drawer-nav-wrap.has-nav-overflow.can-scroll-up .mob-drawer-nav-scroll-hint-up,
  .mob-drawer-nav-wrap.has-nav-overflow.can-scroll-down .mob-drawer-nav-scroll-hint-down {
    opacity: .92;
    pointer-events: auto;
  }
  .mob-drawer-nav-scroll-hint:hover {
    color: var(--rv-gold-2);
    border-color: rgba(201,138,75,.35);
    background: rgba(16, 19, 31, .94);
  }
  html.theme-light .mob-drawer-nav-scroll-hint {
    color: #64748b;
    background: rgba(255,255,255,.92);
    border-color: rgba(15,23,42,.12);
    box-shadow: 0 2px 8px rgba(15,23,42,.1);
  }
  .mob-drawer-btn {
    display: flex; align-items: center; gap: .55rem;
    width: calc(100% - .5rem); max-width: 100%; margin: .06rem .25rem;
    padding: .62rem .62rem; min-height: 42px;
    border-radius: .65rem; font-size: .8rem; font-weight: 600;
    color: var(--rv-text-2); border: 1px solid transparent; text-align: left;
    transition: background .2s, color .2s, border-color .2s;
    box-sizing: border-box;
    min-width: 0;
  }
  .mob-drawer-btn:active { transform: scale(.99); }
  .mob-drawer-btn.active {
    background: linear-gradient(135deg, rgba(201,138,75,.14), rgba(201,138,75,.06));
    color: var(--rv-text); border-color: rgba(201,138,75,.22);
  }
  .mob-drawer-btn .ico { font-size: 1rem; width: 1.15rem; text-align: center; }
  .mob-drawer-foot {
    margin-top: 0;
    padding: .32rem .38rem max(.32rem, env(safe-area-inset-bottom, 0px));
    border-top: 1px solid rgba(255,255,255,.06);
    flex-shrink: 0;
    display: flex;
    flex-direction: column;
    gap: .28rem;
  }
  .mob-drawer-foot .sidebar-account {
    min-width: 0;
    max-width: 100%;
    box-sizing: border-box;
  }
  body.mob-drawer-open { overflow: hidden; }
  .safe-area-pb { padding-bottom: max(.35rem, env(safe-area-inset-bottom)); }
  .main-scroll-pad { padding-bottom: calc(5.85rem + env(safe-area-inset-bottom, 0px)); }
  @media (min-width: 768px) {
    .main-scroll-pad { padding-bottom: 1.5rem; }
  }
  .durum-pending   { background:#faf3e9; color:#8a5a2e; }
  .gelis-evet      { background:#d1fae5; color:#065f46; }
  .gelis-bekliyor  { background:#fef3c7; color:#92400e; }
  .cal-day {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    width: 100%;
    padding: .375rem;
    text-align: center;
    border: 1px solid rgba(15, 23, 42, .08);
    background: #fff;
    color: #0f172a;
    cursor: pointer;
    min-height: 3.4rem;
    border-radius: 12px;
    transition: background .15s, border-color .15s, box-shadow .15s, transform .12s;
  }
  @media (min-width: 768px) {
    .cal-day { min-height: 4.25rem; }
  }
  .cal-day:active:not(:disabled) { transform: scale(.98); }
  .cal-day-num {
    font-size: .875rem;
    font-weight: 800;
    line-height: 1;
  }
  .cal-day:hover:not(.cal-past):not(:disabled) { background:#edf5f0; border-color:#b5d4c4; }
  .cal-count {
    display:flex; align-items:center; justify-content:center;
    margin-top: .35rem;
    min-width:1.65rem; height:1.65rem; border-radius:999px;
    font-size:.72rem; font-weight:800; line-height:1;
    background: linear-gradient(135deg, #2f6b52, #4a8f6f);
    color:#fff; box-shadow: 0 4px 10px rgba(47,107,82,.25);
  }
  .cal-past {
    opacity: .45;
    background: #f1f5f9 !important;
    border-color: #e2e8f0 !important;
    cursor: default !important;
    pointer-events: none;
    box-shadow: none !important;
    transform: none !important;
  }
  .cal-past:hover,
  .cal-past:focus,
  .cal-past:active,
  .cal-day.cal-past:hover,
  .cal-day.cal-past:focus,
  .cal-day.cal-past:active {
    background: #f1f5f9 !important;
    border-color: #e2e8f0 !important;
    box-shadow: none !important;
    transform: none !important;
  }
  .cal-past .cal-count { opacity: .7; box-shadow: none; }
  .form-label { font-size: .82rem; font-weight: 700; color: #0f172a; margin-bottom: .35rem; display: block; }
  .field-hint { font-size: .72rem; color: #64748b; margin-top: .35rem; line-height: 1.45; }
  .form-block { background: #fff; border: 1px solid rgba(15,23,42,.06); border-radius: 18px; padding: 1rem; }
  .page-footer {
    text-align: center;
    padding: 1rem 0 0.5rem;
    font-size: .72rem;
    color: #94a3b8;
    font-weight: 600;
  }
  .day-header {
    background: linear-gradient(135deg, #243d32, #2f6b52);
    color: #fff;
    border-radius: 18px;
    padding: 1rem 1.1rem;
    box-shadow: 0 10px 24px rgba(47,107,82,.2);
  }
  .apt-ziyaret-rozet {
    display: inline-flex;
    align-items: center;
    gap: .22rem;
    flex-shrink: 0;
    margin-left: 0;
    padding: .06rem .3rem;
    border-radius: 999px;
    font-size: .58rem;
    font-weight: 800;
    letter-spacing: .02em;
    color: hsl(var(--z-hue, 30), 55%, 28%);
    background: hsl(var(--z-hue, 30), 70%, 94%);
    border: 1px solid hsl(var(--z-hue, 30), 50%, 78%);
  }
  .apt-ziyaret-nokta {
    width: .45rem;
    height: .45rem;
    border-radius: 50%;
    background: hsl(var(--z-hue, 30), 65%, 42%);
  }
  .apt-card--bekleme {
    background-image: linear-gradient(165deg, #fff 0%, #fffefb 100%);
  }
  .apt-bekleme-dilim {
    margin-top: .28rem;
    padding: .22rem .45rem;
    border-radius: 8px;
    font-size: .62rem;
    font-weight: 750;
    color: #92400e;
    background: repeating-linear-gradient(
      -45deg,
      rgba(217, 119, 6, .1),
      rgba(217, 119, 6, .1) 4px,
      rgba(255, 247, 237, .85) 4px,
      rgba(255, 247, 237, .85) 8px
    );
    border: 1px dashed rgba(217, 119, 6, .35);
  }
  .ra-ziyaret-ozet {
    margin-top: .55rem;
    padding: .65rem .7rem;
    border-radius: 12px;
    border: 1px solid rgba(201, 138, 75, .18);
    background: linear-gradient(165deg, #fff 0%, #fffefb 100%);
  }
  .ra-ziyaret-baslik {
    display: flex;
    align-items: center;
    gap: .4rem;
    font-size: .72rem;
    font-weight: 800;
    color: #1c1917;
    margin-bottom: .45rem;
  }
  .ra-ziyaret-satir {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: .5rem;
    padding: .4rem 0;
    border-top: 1px solid rgba(201, 138, 75, .1);
  }
  .ra-ziyaret-satir--pasif {
    background: repeating-linear-gradient(
      -45deg,
      rgba(217, 119, 6, .06),
      rgba(217, 119, 6, .06) 3px,
      transparent 3px,
      transparent 6px
    );
    margin: 0 -.35rem;
    padding-left: .35rem;
    padding-right: .35rem;
    border-radius: 8px;
  }
  .ra-ziyaret-ad { font-size: .78rem; font-weight: 700; color: #1c1917; }
  .ra-ziyaret-satir--pasif .ra-ziyaret-ad { color: #b45309; font-weight: 750; }
  .ra-ziyaret-meta { font-size: .68rem; color: #78716c; margin-top: .1rem; }
  .ra-ziyaret-toplam {
    margin-top: .45rem;
    padding-top: .4rem;
    border-top: 1px solid rgba(201, 138, 75, .16);
    font-size: .78rem;
    font-weight: 800;
    color: #92400e;
    text-align: right;
  }
  .ra-ziyaret-sil {
    border: none;
    background: transparent;
    color: #e11d48;
    font-size: .68rem;
    font-weight: 800;
    cursor: pointer;
    padding: .1rem .2rem;
  }
  .ra-ziyaret-handoff,
  .apt-handoff-not {
    margin-top: .28rem;
    font-size: .68rem;
    font-weight: 700;
    color: #1e3a5f;
    background: rgba(59, 130, 246, .08);
    border-left: 2px solid rgba(59, 130, 246, .45);
    padding: .28rem .45rem;
    border-radius: 0 8px 8px 0;
  }
  .soft-block-serit {
    margin: .45rem 0 .2rem;
    padding: .45rem .65rem;
    border-radius: 10px;
    font-size: .72rem;
    font-weight: 750;
    color: #92400e;
    background: rgba(245, 158, 11, .14);
    border: 1px solid rgba(245, 158, 11, .35);
  }
  .soft-block-serit--uyari {
    color: #9a3412;
    background: rgba(234, 88, 12, .14);
    border-color: rgba(234, 88, 12, .4);
  }
  .soft-block-serit--kritik {
    color: #991b1b;
    background: rgba(239, 68, 68, .14);
    border-color: rgba(239, 68, 68, .45);
  }
  .apt-card--soft-block { box-shadow: inset 3px 0 0 rgba(245, 158, 11, .7); }
  .apt-card--soft-uyari { box-shadow: inset 3px 0 0 rgba(234, 88, 12, .85); }
  .apt-card--soft-kritik { box-shadow: inset 3px 0 0 rgba(239, 68, 68, .95); }
  .soft-nav-badge {
    margin-left: .2rem;
    font-size: .55rem;
    font-weight: 800;
    padding: .1rem .32rem;
    border-radius: 999px;
    background: #d97706;
    color: #fff;
    line-height: 1.2;
  }
  .salon-saglik-serit {
    margin: .35rem 0 .15rem;
    padding: .4rem .65rem;
    border-radius: 10px;
    font-size: .7rem;
    font-weight: 650;
    color: #334155;
    background: rgba(100, 116, 139, .1);
    border: 1px solid rgba(100, 116, 139, .25);
  }
  .salon-saglik-serit--alert {
    color: #991b1b;
    background: rgba(239, 68, 68, .12);
    border-color: rgba(239, 68, 68, .4);
    font-weight: 750;
  }
  .ra-ziyaret-gecikme {
    margin-bottom: .4rem;
    font-size: .68rem;
    font-weight: 750;
    color: #92400e;
    background: rgba(245, 158, 11, .12);
    border: 1px solid rgba(245, 158, 11, .28);
    padding: .35rem .5rem;
    border-radius: 8px;
  }
  .ra-ziyaret-bag,
  .apt-gomulu-bag {
    margin-top: .15rem;
    font-size: .62rem;
    font-weight: 700;
    color: #78716c;
  }
  html.theme-dark .apt-ziyaret-rozet,
  html.theme-mythos .apt-ziyaret-rozet {
    color: #fde68a;
    background: rgba(251, 191, 36, .12);
    border-color: rgba(251, 191, 36, .28);
  }
  html.theme-dark .apt-bekleme-dilim,
  html.theme-mythos .apt-bekleme-dilim {
    color: #fbbf24;
    border-color: rgba(251, 191, 36, .3);
  }
  html.theme-dark .ra-ziyaret-ozet,
  html.theme-mythos .ra-ziyaret-ozet {
    background: rgba(255,255,255,.04);
    border-color: rgba(255,255,255,.08);
  }
  html.theme-dark .ra-ziyaret-ad,
  html.theme-mythos .ra-ziyaret-ad { color: #f1f5f9; }
  html.theme-dark .ra-ziyaret-baslik,
  html.theme-mythos .ra-ziyaret-baslik { color: #f1f5f9; }
  .apt-card {
    position: relative;
    overflow: hidden;
    padding: var(--apt-pad-y, .26rem) var(--apt-pad-x, .5rem) var(--apt-pad-y, .26rem) calc(var(--apt-pad-x, .5rem) + .15rem) !important;
    border-radius: 9px;
    border: 1px solid rgba(15, 23, 42, .1);
    background: var(--rv-surface-1, #fff);
    box-shadow: 0 1px 3px rgba(15, 23, 42, .05);
  }
  .apt-card::before {
    content: "";
    display: block;
    position: absolute;
    left: 0; top: 0; bottom: 0;
    width: 3.5px;
    border-radius: 10px 0 0 10px;
    background: #94a3b8;
  }
  .apt-card--d-confirmed::before,
  .apt-card--d-pending::before { background: linear-gradient(180deg, #f59e0b, #d97706); }
  .apt-card--d-completed::before { background: linear-gradient(180deg, #34d399, #059669); }
  .apt-card--d-no_show::before { background: linear-gradient(180deg, #fb923c, #ea580c); }
  .apt-card--d-cancelled::before { background: linear-gradient(180deg, #94a3b8, #64748b); }
  .apt-card--d-confirmed {
    background: linear-gradient(105deg, rgba(254, 243, 199, .45) 0%, #fff 42%);
    border-color: rgba(217, 119, 6, .28);
  }
  .apt-card--d-pending {
    background: linear-gradient(105deg, rgba(219, 234, 254, .5) 0%, #fff 42%);
    border-color: rgba(59, 130, 246, .28);
  }
  .apt-card--d-completed {
    background: linear-gradient(105deg, rgba(209, 250, 229, .45) 0%, #fff 42%);
    border-color: rgba(16, 185, 129, .28);
  }
  .apt-card--d-no_show {
    background: linear-gradient(105deg, rgba(255, 237, 213, .55) 0%, #fff 42%);
    border-color: rgba(249, 115, 22, .32);
  }
  .apt-card--d-cancelled {
    background: linear-gradient(105deg, rgba(241, 245, 249, .8) 0%, #fff 42%);
    border-color: rgba(148, 163, 184, .35);
    opacity: .92;
  }
  .apt-card--yanit-bekliyor {
    box-shadow: inset 0 0 0 1px rgba(251, 191, 36, .35);
  }
  .apt-card--cevapsiz {
    box-shadow: inset 0 0 0 1px rgba(249, 115, 22, .4);
  }
  .apt-cevapsiz-aksiyon {
    display: flex;
    flex-wrap: wrap;
    gap: .3rem;
    margin-top: .28rem;
  }
  .apt-btn-ara,
  .apt-btn-wa {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: .64rem;
    font-weight: 800;
    padding: .28rem .55rem;
    border-radius: 8px;
    text-decoration: none;
    line-height: 1.2;
    border: 1px solid transparent;
  }
  .apt-btn-ara {
    background: rgba(37, 99, 235, .12);
    color: #1d4ed8;
    border-color: rgba(37, 99, 235, .2);
  }
  .apt-btn-wa {
    background: rgba(22, 163, 74, .12);
    color: #15803d;
    border-color: rgba(22, 163, 74, .22);
  }
  html.theme-dark .apt-card--cevapsiz,
  html.theme-mythos .apt-card--cevapsiz {
    background: linear-gradient(90deg, rgba(249, 115, 22, .16) 0%, transparent 45%);
  }
  html.theme-dark .apt-card--d-confirmed,
  html.theme-mythos .apt-card--d-confirmed {
    background: linear-gradient(105deg, rgba(217, 119, 6, .18) 0%, rgba(20, 28, 46, .95) 48%);
    border-color: rgba(251, 191, 36, .28);
  }
  html.theme-dark .apt-card--d-completed,
  html.theme-mythos .apt-card--d-completed {
    background: linear-gradient(105deg, rgba(16, 185, 129, .16) 0%, rgba(20, 28, 46, .95) 48%);
    border-color: rgba(52, 211, 153, .25);
  }
  html.theme-dark .apt-card--d-no_show,
  html.theme-mythos .apt-card--d-no_show {
    background: linear-gradient(105deg, rgba(249, 115, 22, .16) 0%, rgba(20, 28, 46, .95) 48%);
    border-color: rgba(251, 146, 60, .28);
  }
  html.theme-dark .apt-card--d-cancelled,
  html.theme-mythos .apt-card--d-cancelled {
    background: rgba(20, 28, 46, .9);
    border-color: rgba(255,255,255,.08);
  }
  html.theme-rose .apt-card--d-confirmed {
    background: linear-gradient(105deg, rgba(252, 231, 243, .85) 0%, #fff 42%);
    border-color: rgba(236, 72, 153, .28);
  }
  html.theme-rose .apt-card--d-confirmed::before {
    background: linear-gradient(180deg, #f9a8d4, #db2777);
  }
  html.theme-dark .apt-btn-ara,
  html.theme-mythos .apt-btn-ara { color: #93c5fd; background: rgba(59, 130, 246, .16); }
  html.theme-dark .apt-btn-wa,
  html.theme-mythos .apt-btn-wa { color: #86efac; background: rgba(34, 197, 94, .14); }
  .apt-card--gecikme { box-shadow: inset 0 0 0 1px rgba(251, 191, 36, .2); }
  .apt-ust { display: flex; align-items: center; justify-content: space-between; gap: .3rem; }
  .apt-sol { flex: 1; min-width: 0; }
  .apt-baslik { display: flex; align-items: center; gap: .28rem; min-width: 0; flex-wrap: nowrap; }
  .apt-musteri {
    font-size: var(--apt-name, .78rem); font-weight: 800; color: var(--rv-text, #0f172a); line-height: 1.15;
    flex: 0 1 auto; max-width: 38%; min-width: 0;
  }
  .apt-alt { font-size: var(--apt-meta, .62rem); color: var(--rv-text-3, #64748b); margin-top: .06rem; line-height: 1.2; }
  .apt-meta-inline {
    flex: 1 1 0; min-width: 0;
    font-size: var(--apt-meta, .62rem); font-weight: 600;
    color: var(--rv-text-3, #64748b); line-height: 1.15;
  }
  .apt-meta-inline::before {
    content: "·";
    margin-right: .28rem;
    opacity: .5;
    font-weight: 700;
  }
  .apt-tel { color: #94a3b8; font-weight: 500; }
  .apt-tel::before { content: " · "; }
  .apt-seans {
    font-size: .58rem; font-weight: 800; padding: .04rem .26rem; border-radius: 4px;
    background: rgba(201, 138, 75, .14); color: #92400e; vertical-align: middle;
  }
  .apt-durum { font-size: var(--apt-badge, .54rem) !important; padding: .08rem .3rem !important; line-height: 1.1; flex-shrink: 0; font-weight: 800; }
  .apt-time-pill {
    display: inline-flex; align-items: center; flex-shrink: 0;
    font-size: var(--apt-time, .68rem); font-weight: 800; letter-spacing: -.02em;
    padding: .06rem .28rem; border-radius: 5px;
    background: rgba(74, 143, 111, .14);
    color: #2f6b52; border: 1px solid rgba(74,143,111,.22);
  }
  .apt-time-sep { color: #94a3b8; font-weight: 600; margin: 0 .1rem; }
  .apt-surec {
    margin-top: .35rem;
    padding-left: .15rem;
    border-left: 2px solid rgba(148, 163, 184, .2);
    display: flex;
    flex-direction: column;
    gap: .15rem;
  }
  .apt-surec > .apt-surec-ara { align-self: flex-end; margin-top: .1rem; }
  .apt-surec-satir {
    display: flex; flex-wrap: wrap; align-items: center; gap: .25rem .35rem;
    font-size: var(--apt-surec, .64rem); line-height: 1.35;
    padding: .08rem 0 .08rem .45rem; position: relative;
  }
  .apt-surec-nokta {
    position: absolute; left: -.52rem; top: .45rem;
    width: 6px; height: 6px; border-radius: 50%;
    background: #94a3b8; border: 1px solid #fff;
  }
  .apt-surec-tamam .apt-surec-nokta { background: #10b981; }
  .apt-surec-bekliyor .apt-surec-nokta { background: #f59e0b; box-shadow: 0 0 0 2px rgba(245, 158, 11, .25); }
  .apt-surec-olumsuz .apt-surec-nokta { background: #ef4444; }
  .apt-surec-metin { font-weight: 700; color: var(--rv-text-2, #475569); }
  .apt-surec-tamam .apt-surec-metin { color: #047857; }
  .apt-surec-bekliyor .apt-surec-metin { color: #b45309; }
  .apt-surec-olumsuz .apt-surec-metin { color: #b91c1c; }
  .apt-surec-zaman { color: #94a3b8; font-weight: 600; }
  .apt-surec-ek {
    font-weight: 700; color: #b45309;
    padding: .05rem .3rem; border-radius: 4px;
    background: rgba(251, 191, 36, .12);
  }
  .apt-surec--tek {
    display: flex; align-items: center; gap: .35rem;
    border-left: none; padding-left: 0; margin-top: .3rem;
    font-size: var(--apt-surec, .62rem); line-height: 1.3;
  }
  .apt-surec-tek-metin {
    flex: 1; min-width: 0; font-weight: 600; color: var(--rv-text-3, #64748b);
    overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
  }
  .apt-surec-ara {
    flex-shrink: 0; font-size: .6rem; font-weight: 800; padding: .12rem .4rem;
    border-radius: 5px; background: #d97706; color: #fff; text-decoration: none;
  }
  .apt-mini-not {
    font-size: var(--apt-mini, .68rem); line-height: 1.35; margin-top: .3rem;
    padding: .25rem .45rem; border-radius: 8px;
    background: rgba(148, 163, 184, .08); color: var(--rv-text-2, #475569);
    border: 1px solid rgba(148, 163, 184, .12);
    overflow: hidden; text-overflow: ellipsis;
    display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;
  }
  .apt-mini-urun { background: rgba(201, 138, 75, .1); border-color: rgba(201, 138, 75, .2); color: #8a5a2e; }
  .apt-aksiyon { display: flex; gap: .3rem; margin-top: .28rem; justify-content: flex-end; flex-wrap: wrap; }
  .apt-btn {
    flex: 0 1 auto; padding: var(--apt-btn-pad, .22rem) .55rem; border-radius: 7px;
    font-size: var(--apt-btn, .64rem); font-weight: 800; border: 1px solid transparent;
    min-height: 1.65rem; line-height: 1.2;
  }
  .apt-btn-gelmedi { background: rgba(249, 115, 22, .1); color: #c2410c; border-color: rgba(249, 115, 22, .2); }
  .apt-btn-iptal { background: rgba(239, 68, 68, .08); color: #b91c1c; border-color: rgba(239, 68, 68, .15); }
  .apt-btn-geldi { background: rgba(16, 185, 129, .12); color: #047857; border-color: rgba(16, 185, 129, .25); }
  .apt-card--kapanmadi {
    box-shadow: inset 0 0 0 1.5px rgba(220, 38, 38, .35);
    background: linear-gradient(90deg, rgba(254, 226, 226, .4) 0%, transparent 45%);
  }
  .apt-kapanmadi-banner {
    margin-top: .3rem;
    font-size: .66rem;
    font-weight: 800;
    color: #b91c1c;
    background: rgba(239, 68, 68, .1);
    border: 1px solid rgba(239, 68, 68, .22);
    border-radius: 7px;
    padding: .25rem .5rem;
  }
  html.theme-dark .apt-card--kapanmadi,
  html.theme-mythos .apt-card--kapanmadi {
    background: linear-gradient(90deg, rgba(239, 68, 68, .18) 0%, transparent 45%);
  }
  html.theme-dark .apt-kapanmadi-banner,
  html.theme-mythos .apt-kapanmadi-banner { color: #fca5a5; background: rgba(239, 68, 68, .16); }
  html.theme-dark .apt-musteri { color: #f1f5f9; }
  html.theme-dark .apt-time-pill { background: rgba(74, 143, 111, .18); color: #9ecfb5; }
  html.theme-dark .apt-card--yanit-bekliyor {
    background: linear-gradient(90deg, rgba(251, 191, 36, .08) 0%, transparent 40%);
  }
  html.theme-dark .apt-surec-bekliyor .apt-surec-metin { color: #fcd34d; }
  html.theme-dark .apt-surec-tamam .apt-surec-metin { color: #6ee7b7; }
  .empty-state-premium {
    padding: 2.75rem 1.5rem;
    background: linear-gradient(180deg, #f8fafc 0%, #fff 100%);
    border: 1px dashed rgba(15,23,42,.1);
  }
  .empty-state-premium .icon {
    width: 3.5rem; height: 3.5rem; margin: 0 auto .75rem;
    display: flex; align-items: center; justify-content: center;
    border-radius: 16px; font-size: 1.5rem;
    background: linear-gradient(135deg, #edf5f0, #d8ebe2);
  }
  .toast {
    position: fixed; top: 14px; left: 50%; transform: translateX(-50%);
    z-index: 100; max-width: 420px; width: calc(100% - 24px);
    border-radius: 14px; padding: .85rem 1rem; font-size: .88rem; font-weight: 600;
    box-shadow: 0 16px 40px rgba(15,23,42,.18);
    animation: toastIn .25s ease;
  }
  .toast.err { background:#fef2f2; color:#b91c1c; border:1px solid #fecaca; }
  .toast.ok  { background:#ecfdf5; color:#047857; border:1px solid #a7f3d0; }
  @keyframes toastIn { from { opacity:0; transform: translateX(-50%) translateY(-8px);} to { opacity:1; transform: translateX(-50%) translateY(0);} }
  .panel-bakim-banner {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 120;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: .55rem;
    padding: .62rem 1rem;
    padding-top: max(.62rem, env(safe-area-inset-top));
    font-size: .82rem;
    font-weight: 600;
    line-height: 1.35;
    text-align: center;
    color: #dbeafe;
    background: linear-gradient(180deg, rgba(15, 23, 42, 0.96), rgba(15, 23, 42, 0.88));
    border-bottom: 1px solid rgba(96, 165, 250, 0.28);
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.18);
    animation: panelBakimIn .28s ease;
  }
  .panel-bakim-banner.hidden { display: none !important; }
  .panel-bakim-banner-dot {
    width: .55rem;
    height: .55rem;
    border-radius: 50%;
    background: #60a5fa;
    flex-shrink: 0;
    animation: panelBakimPulse 1.4s ease-in-out infinite;
  }
  @keyframes panelBakimIn {
    from { opacity: 0; transform: translateY(-100%); }
    to { opacity: 1; transform: translateY(0); }
  }
  @keyframes panelBakimPulse {
    0%, 100% { opacity: .45; transform: scale(.92); }
    50% { opacity: 1; transform: scale(1); }
  }
  html.theme-light .panel-bakim-banner {
    color: #1e3a8a;
    background: linear-gradient(180deg, #eff6ff, #dbeafe);
    border-bottom-color: #93c5fd;
  }
  html.theme-light .panel-bakim-banner-dot { background: #3b82f6; }
  /* Demir Kubbe: bakim banner açıkken mutasyon butonları kilitli (nav sekmesi açık kalır) */
  body.panel-bakim-aktif :is(button, .btn, [role="button"], input[type="submit"]):not(.tab-btn):not(.sidebar-btn):not(.mob-drawer-btn):not(.panel-bakim-izinli) {
    pointer-events: none !important;
    opacity: 0.55;
    cursor: not-allowed;
  }
  .push-fg-banner {
    display: flex;
    align-items: center;
    gap: .65rem;
    width: min(92vw, 420px);
    margin: 0 auto;
    padding: .75rem .85rem;
    border-radius: 16px;
    border: 1px solid rgba(236,72,153,.35);
    background: linear-gradient(135deg, #fff 0%, #fdf2f8 100%);
    box-shadow: 0 18px 48px rgba(15,23,42,.22), 0 0 0 1px rgba(255,255,255,.6) inset;
    cursor: pointer;
    text-align: left;
    animation: pushFgIn .28s ease;
  }
  #pushFgHost {
    position: fixed;
    top: calc(env(safe-area-inset-top, 0px) + 10px);
    left: 50%;
    transform: translateX(-50%);
    z-index: 10050;
    width: min(92vw, 420px);
    pointer-events: none;
  }
  #pushFgHost .push-fg-banner { pointer-events: auto; width: 100%; }
  .push-fg-banner-text { min-width: 0; flex: 1; display: flex; flex-direction: column; gap: .15rem; }
  .push-fg-banner-title {
    display: block;
    font-size: .88rem;
    font-weight: 800;
    color: #9d174d;
    line-height: 1.25;
  }
  .push-fg-banner-body {
    display: block;
    font-size: .8rem;
    font-weight: 600;
    color: #64748b;
    line-height: 1.35;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
  }
  .push-fg-banner-hint {
    flex-shrink: 0;
    font-size: .65rem;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: .04em;
    color: #db2777;
    opacity: .85;
  }
  @keyframes pushFgIn {
    from { opacity: 0; transform: translateY(-12px) scale(.98); }
    to { opacity: 1; transform: translateY(0) scale(1); }
  }
  html.theme-dark .push-fg-banner,
  html.theme-mythos .push-fg-banner {
    background: linear-gradient(135deg, #1e293b 0%, #312e81 100%);
    border-color: rgba(236,72,153,.4);
  }
  html.theme-dark .push-fg-banner-title,
  html.theme-mythos .push-fg-banner-title { color: #fbcfe8; }
  html.theme-dark .push-fg-banner-body,
  html.theme-mythos .push-fg-banner-body { color: #cbd5e1; }
  .empty-state { text-align:center; padding: 2.5rem 1.25rem; color:#94a3b8; }
  .empty-state .icon { font-size: 2rem; margin-bottom: .5rem; opacity: .7; }
  .hero-header {
    background: linear-gradient(135deg, #0f172a 0%, #243d32 100%);
    border-radius: 22px;
    color: #fff;
    padding: 1.1rem 1.15rem;
    box-shadow: 0 16px 40px rgba(15,23,42,.18);
  }
  .chip {
    display:inline-flex; align-items:center; gap:.25rem; padding:.28rem .6rem; border-radius:999px;
    font-family:var(--rv-font-m); font-size:.56rem; font-weight:600; letter-spacing:.1em; text-transform:uppercase;
    background:rgba(255,255,255,.05); color:var(--rv-text-2); border:1px solid rgba(255,255,255,.08);
  }
  .panel-bg {
    position:fixed; inset:0; z-index:0; pointer-events:none;
    background:
      radial-gradient(760px 480px at -6% 4%, rgba(74,143,111,.06), transparent 50%),
      radial-gradient(640px 420px at 50% 110%, rgba(201,138,75,.04), transparent 55%),
      var(--rv-ink);
  }
  .panel-vignette {
    position:fixed; inset:0; z-index:1; pointer-events:none;
    background:radial-gradient(ellipse 120% 90% at 50% 40%, transparent 50%, rgba(2,3,6,.45) 100%);
  }
  .panel-grain {
    position:fixed; inset:0; z-index:2; pointer-events:none; opacity:.028;
    background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence baseFrequency='.65' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");
    background-size:180px;
  }
  .panel-shell {
    position: relative;
    z-index: 10;
    min-width: 0;
    overflow-x: clip;
    transition:
      margin-left .45s cubic-bezier(.22, 1, .36, 1),
      margin-right .45s cubic-bezier(.22, 1, .36, 1),
      padding-bottom .45s cubic-bezier(.22, 1, .36, 1);
  }
  #app.app-shell {
    position: relative;
    z-index: 1;
    min-width: 0;
  }
  @media (min-width: 768px) {
    html:not(.sidebar-collapsed) .panel-shell { margin-left: var(--rv-sidebar-w); }
    html.sidebar-collapsed .panel-shell { margin-left: 0; }
  }
  .sidebar-dock {
    position: fixed;
    top: 0; left: 0; bottom: 0;
    width: var(--rv-sidebar-w);
    z-index: 30;
    pointer-events: none;
  }
  .sidebar-dock .sidebar-panel {
    pointer-events: auto;
    display: grid !important;
    /* head | nav (fills) | foot Hesap pinned bottom-left */
    grid-template-rows: auto minmax(0, 1fr) auto;
    flex-direction: unset !important;
    height: 100%;
    min-height: 100dvh;
    width: 100%;
    transform: translateX(0);
    transition: transform .45s cubic-bezier(.22, 1, .36, 1), box-shadow .45s var(--ease, ease);
    will-change: transform;
  }
  /* Nav area fills remaining height but items stick to top — no giant empty strip before Hesap */
  .sidebar-dock .sidebar-nav-wrap {
    min-height: 0;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
  }
  .sidebar-dock #sidebarNav.sidebar-nav {
    flex: 0 1 auto !important;
    max-height: 100%;
  }
  body.usta-modu .sidebar-dock .sidebar-panel {
    background:
      linear-gradient(185deg, #0b0e14 0%, #10141c 55%, #0d1118 100%);
  }
  body.usta-modu .sidebar-glow { opacity: .4; }
  .sidebar-group-label.is-empty { display: none !important; }
  #sidebarPersonelKimlik,
  #sidebarPersonelKimlikMob {
    cursor: pointer;
  }
  #sidebarPersonelKimlik:focus-visible,
  #sidebarPersonelKimlikMob:focus-visible {
    outline: 2px solid rgba(201,138,75,.55);
    outline-offset: 2px;
  }
  html.sidebar-collapsed .sidebar-dock .sidebar-panel {
    transform: translateX(calc(-100% - 6px));
    box-shadow: none;
  }
  .sidebar-edge-handle {
    display: none;
    position: absolute;
    right: .35rem;
    top: 50%;
    z-index: 6;
    transform: translateY(-50%);
    width: 1.2rem;
    height: 3rem;
    padding: 0;
    align-items: center;
    justify-content: center;
    border: none;
    border-radius: 999px;
    background: rgba(10, 12, 20, 0.88);
    backdrop-filter: blur(14px) saturate(1.2);
    -webkit-backdrop-filter: blur(14px) saturate(1.2);
    color: rgba(201,138,75, 0.88);
    cursor: pointer;
    box-shadow:
      0 0 0 1px rgba(255, 255, 255, 0.1),
      0 6px 20px rgba(0, 0, 0, 0.42),
      inset 0 1px 0 rgba(255, 255, 255, 0.09);
    transition:
      transform .28s cubic-bezier(.22, 1, .36, 1),
      color .22s ease,
      box-shadow .28s ease,
      background .28s ease,
      border-color .22s ease;
  }
  .sidebar-edge-handle::before {
    content: "";
    position: absolute;
    inset: 3px;
    border-radius: 999px;
    border: 1px solid rgba(255, 255, 255, 0.06);
    pointer-events: none;
  }
  .sidebar-edge-handle::after {
    display: none;
  }
  .sidebar-edge-handle:hover {
    transform: translateY(-50%) translateX(1px);
    color: var(--rv-gold-2);
    background: linear-gradient(165deg, rgba(32, 28, 22, 0.96), rgba(10, 12, 20, 0.98));
    box-shadow:
      0 0 0 1px rgba(201,138,75, 0.28),
      0 8px 28px rgba(201,138,75, 0.14),
      0 6px 20px rgba(0, 0, 0, 0.38),
      inset 0 1px 0 rgba(255, 255, 255, 0.11);
  }
  .sidebar-edge-handle:active {
    transform: translateY(-50%) scale(0.96);
  }
  .sidebar-edge-handle svg {
    position: relative;
    z-index: 1;
    width: 0.92rem;
    height: 0.92rem;
    opacity: 1;
    stroke-width: 2.5;
    filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.35));
    transition: transform .28s cubic-bezier(.22, 1, .36, 1), opacity .22s ease;
  }
  .sidebar-edge-handle:hover svg {
    opacity: 1;
    transform: translateX(-1px);
  }
  @media (min-width: 768px) {
    .sidebar-edge-handle { display: inline-flex; }
    html.sidebar-collapsed .sidebar-edge-handle { display: none; }
  }
  .sidebar-expand-tab {
    display: none;
    position: fixed;
    left: 0;
    top: 50%;
    z-index: 29;
    transform: translateY(-50%) translateX(-110%);
    opacity: 0;
    pointer-events: none;
    align-items: stretch;
    justify-content: center;
    width: 2.05rem;
    height: 4.35rem;
    padding: 0;
    border: none;
    border-radius: 0 14px 14px 0;
    background: linear-gradient(
      90deg,
      rgba(12, 14, 20, 0.94) 0%,
      rgba(12, 14, 20, 0.78) 62%,
      rgba(12, 14, 20, 0.28) 100%
    );
    color: rgba(201,138,75, 0.88);
    cursor: pointer;
    box-shadow: 2px 0 14px rgba(0, 0, 0, 0.12);
    overflow: hidden;
    transition:
      transform .45s cubic-bezier(.22, 1, .36, 1),
      opacity .35s ease,
      background .25s ease,
      color .2s ease,
      box-shadow .25s ease;
  }
  .sidebar-expand-tab-inner {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: .32rem;
    width: 100%;
    height: 100%;
    padding: .52rem .28rem .52rem .14rem;
  }
  .sidebar-expand-tab::before {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: inherit;
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-left: none;
    pointer-events: none;
  }
  .sidebar-expand-tab:hover {
    color: var(--rv-gold-2);
    background: linear-gradient(
      90deg,
      rgba(22, 26, 40, 0.98) 0%,
      rgba(22, 26, 40, 0.82) 62%,
      rgba(22, 26, 40, 0.32) 100%
    );
    box-shadow: 3px 0 18px rgba(0, 0, 0, 0.16);
  }
  .sidebar-expand-tab .ico {
    font-size: .88rem;
    line-height: 1;
    position: relative;
    z-index: 1;
    opacity: .95;
  }
  .sidebar-expand-tab .lbl {
    font-size: .5rem;
    font-weight: 600;
    letter-spacing: .04em;
    line-height: 1;
    color: inherit;
    opacity: .9;
    position: relative;
    z-index: 1;
    white-space: nowrap;
  }
  @media (min-width: 768px) {
    .sidebar-expand-tab { display: inline-flex; }
    html.sidebar-collapsed .sidebar-expand-tab {
      transform: translateY(-50%) translateX(0);
      opacity: 1;
      pointer-events: auto;
    }
  }
  html.theme-light .sidebar-edge-handle {
    border-color: rgba(74, 143, 111, 0.32);
    color: #3d7a5f;
    box-shadow: 2px 0 16px rgba(74, 143, 111, 0.1);
  }
  html.theme-light .sidebar-edge-handle {
    background: linear-gradient(165deg, #ffffff 0%, #f4f8f5 100%);
    border: 2px solid rgba(74, 143, 111, 0.38);
    box-shadow:
      0 0 0 1px rgba(255, 255, 255, 0.9) inset,
      0 3px 12px rgba(74, 143, 111, 0.14),
      0 1px 0 rgba(15, 23, 42, 0.04);
  }
  html.theme-light .sidebar-edge-handle::before {
    inset: 4px;
    border: 1px solid rgba(74, 143, 111, 0.12);
  }
  html.theme-light .sidebar-edge-handle svg {
    width: 1rem;
    height: 1rem;
    stroke-width: 2.75;
    filter: none;
    opacity: 1;
  }
  html.theme-light .sidebar-edge-handle:hover {
    color: #2f6b52;
    background: linear-gradient(165deg, #edf5f0 0%, #ffffff 100%);
    border-color: rgba(61, 122, 95, 0.55);
    box-shadow:
      0 0 0 1px rgba(255, 255, 255, 0.95) inset,
      0 4px 16px rgba(74, 143, 111, 0.18),
      0 0 0 3px rgba(74, 143, 111, 0.08);
  }
  html.theme-light .sidebar-edge-handle:hover svg {
    transform: translateX(-1px);
  }
  html.theme-light .sidebar-expand-tab {
    background: linear-gradient(
      90deg,
      rgba(255, 255, 255, 0.96) 0%,
      rgba(246, 244, 240, 0.88) 62%,
      rgba(246, 244, 240, 0.35) 100%
    );
    color: #64748b;
    box-shadow: 2px 0 12px rgba(15, 23, 42, 0.08);
  }
  html.theme-light .sidebar-expand-tab::before {
    border-color: rgba(74, 143, 111, 0.14);
    border-left: none;
  }
  html.theme-light .sidebar-expand-tab:hover {
    color: #3d7a5f;
    background: linear-gradient(
      90deg,
      rgba(255, 255, 255, 0.99) 0%,
      rgba(237, 245, 240, 0.9) 62%,
      rgba(237, 245, 240, 0.38) 100%
    );
    box-shadow: 3px 0 16px rgba(74, 143, 111, 0.12);
  }
  .mob-drawer-panel.mob-drawer-dragging { transition: none !important; }
  .mob-drawer.mob-drawer-swiping .mob-drawer-backdrop { transition: none !important; }

  /* ============================================================
     MYTHOS LIGHT — açık tema (teal + nebula palet)
     ============================================================ */
  html.theme-light { color-scheme: light; }
  html.theme-light {
    --rv-void:#faf8f5; --rv-ink:#f6f4f0; --rv-ink-2:#fff;
    --rv-line:rgba(15,23,42,.09); --rv-line-soft:rgba(15,23,42,.055);
    --rv-text:#0f172a; --rv-text-2:#475569; --rv-text-3:#64748b;
    --rv-gold:#b8c0cc; --rv-gold-2:#dce2eb; --rv-gold-deep:#8a5a2e; --rv-gold-glow:rgba(200,208,220,.22);
  }
  html.theme-light body {
    font-family: var(--rv-font);
    color: var(--rv-text);
    background: transparent;
  }
  html.theme-light .panel-bg {
    display:block;
    background:
      radial-gradient(720px 460px at -4% 2%, rgba(201,138,75,.07), transparent 52%),
      radial-gradient(600px 400px at 50% 108%, rgba(74,143,111,.04), transparent 55%),
      linear-gradient(180deg, #f0ebe3 0%, #e6e0d6 100%);
  }
  html.theme-light .panel-vignette {
    display:block;
    background:radial-gradient(ellipse 120% 90% at 50% 35%, transparent 58%, rgba(15,23,42,.04) 100%);
  }
  html.theme-light .panel-grain { display:block; opacity:.018; }

  /* Sidebar — açık cam, teal vurgu */
  html.theme-light .sidebar-panel {
    background:
      radial-gradient(ellipse 110% 70% at 0% 0%, rgba(201,138,75,.08), transparent 55%),
      linear-gradient(185deg, #fffefb 0%, #faf7f2 48%, #f5f1ea 100%) !important;
    color: var(--rv-text) !important;
    border-right: 1px solid rgba(15,23,42,.08) !important;
    box-shadow: 4px 0 32px rgba(15,23,42,.06), inset -1px 0 0 rgba(255,255,255,.8) !important;
  }
  html.theme-light .sidebar-glow {
    opacity:1;
    background:linear-gradient(90deg, transparent, rgba(201,138,75,.35), transparent);
  }
  html.theme-light .sidebar-head { border-bottom-color: rgba(15,23,42,.07); }
  html.theme-light .sidebar-salon-title { color: #020617 !important; font-weight: 800 !important; }
  html.theme-light .sidebar-salon-sub { color: #64748b !important; }
  html.theme-light .sidebar-home-link {
    color: var(--rv-text-3); border-color: rgba(15,23,42,.08); background: rgba(255,255,255,.65);
  }
  html.theme-light .sidebar-home-link:hover {
    color: var(--rv-gold); border-color: rgba(201,138,75,.28); background: rgba(255,251,235,.9);
  }
  html.theme-light .sidebar-nav .sidebar-group-label {
    color: #78350f !important;
    font-weight: 600 !important;
    font-size: .68rem !important;
    letter-spacing: .04em !important;
    border-top: 1px solid rgba(15, 23, 42, .08);
    margin-top: .35rem;
    padding-top: .88rem;
  }
  html.theme-light .sidebar-nav > .sidebar-group-label:first-child {
    border-top: none;
    margin-top: 0;
    padding-top: .72rem;
  }
  html.theme-light .nav-group-label { color: var(--rv-text-3); }
  html.theme-light .sidebar-btn {
    color: var(--rv-text-2);
  }
  html.theme-light .sidebar-btn:hover {
    background: rgba(15,23,42,.04); color: var(--rv-text); border-color: rgba(15,23,42,.06);
  }
  html.theme-light .sidebar-btn.active {
    background: linear-gradient(135deg, rgba(201,138,75,.14), rgba(255,251,235,.95)) !important;
    color: #92400e !important;
    border-color: rgba(201,138,75,.28) !important;
    box-shadow: 0 4px 20px rgba(201,138,75,.1), inset 0 1px 0 rgba(255,255,255,.9) !important;
  }
  html.theme-light .sidebar-btn.active::before {
    background: linear-gradient(180deg, #c98a4b, #8a5a2e) !important;
  }
  html.theme-light .sidebar-btn-logout { color: #b91c1c !important; }
  html.theme-light .sidebar-btn-logout:hover {
    background: rgba(254,226,226,.7) !important; border-color: rgba(239,68,68,.2) !important;
  }
  html.theme-light .chip {
    background: rgba(201,138,75,.08); color: #92400e; border: 1px solid rgba(201,138,75,.18);
  }
  html.theme-light .sidebar-foot { border-top-color: rgba(15,23,42,.07); }
  html.theme-light .sidebar-mark { border-top-color: rgba(15,23,42,.06); }

  /* Üst bar & mobil header */
  html.theme-light .desktop-topbar {
    background:
      radial-gradient(ellipse 70% 120% at 100% 0%, rgba(201,138,75,.14), transparent 55%),
      radial-gradient(ellipse 50% 90% at 0% 100%, rgba(47,107,82,.07), transparent 50%),
      linear-gradient(145deg, #fffefb 0%, #fff7ed 48%, #f8fafc 100%) !important;
    border: 1px solid rgba(201,138,75,.22) !important;
    border-left: none !important;
    box-shadow: 0 2px 8px rgba(15,23,42,.04), 0 14px 36px rgba(201,138,75,.1) !important;
  }
  html.theme-light .desktop-topbar::before {
    width: 5px;
    background: linear-gradient(180deg, #f59e0b 0%, #c98a4b 45%, #2f6b52 100%);
  }
  html.theme-light .topbar-eyebrow {
    color: #78350f !important;
    font-weight: 700 !important;
    letter-spacing: .01em !important;
    text-transform: none !important;
    background: linear-gradient(180deg, #fff 0%, #fff7ed 100%) !important;
    border: 1px solid rgba(201,138,75,.28) !important;
    box-shadow: 0 1px 3px rgba(201,138,75,.12);
  }
  html.theme-light .topbar-title { color: #1c1917 !important; font-size: 1.78rem !important; font-weight: 800 !important; }
  html.theme-light .topbar-sub { color: #78716c !important; font-weight: 500; }
  html.theme-light .welcome-banner {
    background: linear-gradient(160deg, rgba(255,255,255,.95) 0%, #fff7ed 100%) !important;
    border: 1px solid rgba(201,138,75,.22) !important;
    box-shadow: 0 4px 16px rgba(201,138,75,.1), inset 0 1px 0 rgba(255,255,255,.9) !important;
  }
  html.theme-light .topbar-salon { color: #020617 !important; font-weight: 800 !important; }
  html.theme-light .topbar-salon-sub { color: #64748b !important; }
  html.theme-light .mobile-premium-header {
    background: #ffffff !important;
    border: 1px solid rgba(15,23,42,.12) !important;
    border-left: none !important;
    color: var(--rv-text) !important;
    box-shadow: 0 8px 28px rgba(15,23,42,.08) !important;
  }
  html.theme-light .mob-header-page { color: #020617 !important; }
  html.theme-light .mob-welcome-baslik { color: #94a3b8 !important; }
  html.theme-light .mob-welcome-alt { color: #b0b8c4 !important; }
  html.theme-light .mob-header-salon { color: #64748b !important; }
  html.theme-light .mob-header-menu {
    background: #f8fafc !important;
    border: none !important;
    border-right: 1px solid rgba(15,23,42,.1) !important;
    color: #334155 !important;
  }
  html.theme-light .mob-header-menu-lbl { color: #64748b !important; }
  html.theme-light .mob-header-menu.active {
    background: linear-gradient(185deg, #f8fafc 0%, #fff 100%) !important;
    color: #0f172a !important;
    border-right-color: rgba(15,23,42,.08) !important;
    box-shadow: 4px 0 20px rgba(15,23,42,.06);
  }
  html.theme-light .mob-header-menu.active .mob-header-menu-lbl { color: #475569 !important; }
  html.theme-light .mob-drawer-nav .sidebar-group-label {
    color: #78350f !important;
    font-weight: 700 !important;
    letter-spacing: .13em !important;
    border-top: none;
    margin-top: .22rem;
    padding: .5rem .45rem .2rem !important;
    font-size: .58rem !important;
  }
  html.theme-light .mob-drawer-nav > .sidebar-group-label:first-child {
    margin-top: 0;
    padding-top: .45rem !important;
  }
  html.theme-light .mob-nav-edit-panel {
    background: linear-gradient(168deg, #fffefb, #faf7f2);
    border-color: rgba(15,23,42,.1);
    box-shadow: 0 14px 40px rgba(15,23,42,.12);
  }
  html.theme-light .mob-nav-edit-chip {
    background: rgba(255,255,255,.85);
    border-color: rgba(15,23,42,.08);
  }
  html.theme-light .mob-nav-edit-chip-lbl { color: #475569; }
  html.theme-light .mob-nav-edit-title { color: #64748b; }
  html.theme-light .mob-nav-edit-bg { background: rgba(15,23,42,.28); }
  html.theme-light .mob-drawer-btn { color: #475569; }
  html.theme-light .mob-drawer-btn.active {
    background: linear-gradient(135deg, rgba(201,138,75,.16), rgba(255,251,235,.9));
    color: #020617; border-color: rgba(201,138,75,.28);
  }
  html.theme-light .mob-drawer-backdrop { background: rgba(15,23,42,.35); }

  /* Kartlar & KPI */
  html.theme-light .card,
  html.theme-light .form-block,
  html.theme-light .ay-section,
  html.theme-light .ay-settings-top,
  html.theme-light .ay-cat-panel,
  html.theme-light .stat-card,
  html.theme-light .plan-card,
  html.theme-light .stok-urun-kart {
    background: #ffffff !important;
    border: 1px solid rgba(15,23,42,.12) !important;
    color: var(--rv-text) !important;
    border-radius: var(--rv-r-xl) !important;
    box-shadow: var(--rv-shadow-card) !important;
  }
  html.theme-light .card:hover {
    border-color: rgba(15,23,42,.16) !important;
    box-shadow: 0 2px 4px rgba(15,23,42,.04), 0 8px 24px rgba(15,23,42,.08) !important;
  }
  html.theme-light .kpi-card {
    background: #ffffff !important;
    border: 1px solid rgba(15,23,42,.11) !important;
    box-shadow: 0 4px 18px rgba(15,23,42,.05) !important;
  }
  html.theme-light .kpi-card-primary {
    background:
      radial-gradient(120% 140% at 0% 0%, rgba(74,143,111,.14), transparent 58%),
      linear-gradient(135deg, #edf5f0, #fff) !important;
    border-color: rgba(61,122,95,.22) !important;
    color: #1e3d30 !important;
    box-shadow: 0 8px 28px rgba(74,143,111,.1) !important;
  }
  html.theme-light .kpi-card-primary .kpi-lbl { color: #2f6b52; }
  html.theme-light .kpi-icon { background: rgba(15,23,42,.04); border-color: rgba(15,23,42,.06); }
  html.theme-light .kpi-card-primary .kpi-icon { background: rgba(74,143,111,.12); border-color: rgba(106,171,138,.22); }
  html.theme-light .kpi-lbl { color: var(--rv-text-3); }
  html.theme-light .kpi-val { color: var(--rv-text); }
  html.theme-light .section-title {
    color: #020617 !important;
    font-family: var(--rv-font-d);
    font-size: 1.3rem !important;
    font-weight: 700 !important;
    letter-spacing: -.03em !important;
  }
  html.theme-light .card > .section-title,
  html.theme-light .card > h2.section-title {
    padding-bottom: .6rem;
    margin-bottom: .1rem;
    border-bottom: 1px solid rgba(15,23,42,.07);
  }
  html.theme-light .tab-panel > .card:first-child > .section-title,
  html.theme-light .tab-panel > .card:first-child > h2.section-title {
    font-size: 1.2rem !important;
    padding: 0 0 0 .8rem;
    margin: 0 0 .35rem;
    border-bottom: none;
    border-left: 3px solid #c98a4b;
  }
  html.theme-light .section-sub,
  html.theme-light .field-hint,
  html.theme-light .page-footer,
  html.theme-light .stat-lbl { color: #475569 !important; }
  html.theme-light .section-sub { font-size: .8rem; line-height: 1.5; }

  /* Form & butonlar */
  html.theme-light .field {
    background: #fff !important;
    border-color: rgba(15,23,42,.1) !important;
    color: var(--rv-text) !important;
  }
  html.theme-light .field:focus {
    border-color: rgba(201,138,75,.55) !important;
    box-shadow: 0 0 0 3px rgba(201,138,75,.14) !important;
  }
  html.theme-light .btn-primary {
    background: #c98a4b !important;
    color: #1c1917 !important;
    box-shadow: none !important;
  }
  html.theme-light .btn-primary:hover {
    background: #b0763c !important;
    color: #fff !important;
  }
  html.theme-light .btn-soft {
    background: #fff !important;
    color: var(--rv-text-2) !important;
    border-color: rgba(15,23,42,.1) !important;
  }
  html.theme-light .mr-slot-btn--selected {
    background: linear-gradient(135deg, #e6b47e, #c98a4b, #8a5a2e) !important;
    color: #1c1917 !important;
    border-color: rgba(143,154,173,.45) !important;
    box-shadow: 0 0 0 2px rgba(201,209,220,.4), 0 8px 24px rgba(143,154,173,.35) !important;
  }
  html.theme-light .mr-hizmet-secili { color: #2f6b52; font-weight: 700; }
  html.theme-light .mr-hizmet-kat-pill {
    background: #f8fafc;
    border-color: rgba(15,23,42,.12);
    color: #475569;
  }
  html.theme-light .mr-hizmet-kat-pill.active {
    background: rgba(47,107,82,.14);
    border-color: rgba(47,107,82,.38);
    color: #1e4d3a;
    box-shadow: inset 0 0 0 1px rgba(47,107,82,.12);
  }
  html.theme-light .mr-hizmet-item {
    background: #fff;
    border-color: rgba(15,23,42,.1);
    color: #0f172a;
  }
  html.theme-light .mr-hizmet-item.secili {
    background: rgba(47,107,82,.1);
    border-color: rgba(47,107,82,.32);
    box-shadow: 0 0 0 1px rgba(47,107,82,.16);
  }
  html.theme-light .mr-hizmet-item-meta { color: #64748b; }
  html.theme-light .mr-hizmet-item.secili .mr-hizmet-item-meta { color: #2f6b52; }
  html.theme-light .mr-hizmet-bos { color: #64748b; }

  /* Alt menü & pill'ler */
  html.theme-light .glass-nav {
    background: rgba(255,255,255,.58) !important;
    border-top-color: rgba(15,23,42,.08) !important;
    box-shadow: 0 -6px 20px rgba(15,23,42,.06) !important;
    backdrop-filter: blur(12px) saturate(1.08) !important;
  }
  html.theme-light .mobile-bottom-nav .mob-nav-ico {
    filter: drop-shadow(0 1px 2px rgba(255,255,255,.75)) drop-shadow(0 1px 3px rgba(15,23,42,.35));
  }
  html.theme-light .mobile-bottom-nav .mob-nav-lbl {
    text-shadow: 0 1px 2px rgba(255,255,255,.65), 0 1px 2px rgba(15,23,42,.2);
  }
  html.theme-light .tab-btn { color: var(--rv-text-3); }
  html.theme-light .tab-btn.active {
    background: linear-gradient(135deg, rgba(201,138,75,.16), rgba(255,251,235,.95)) !important;
    color: #92400e !important;
    border: 1px solid rgba(201,138,75,.28) !important;
    box-shadow: 0 4px 16px rgba(201,138,75,.1) !important;
  }
  html.theme-light .period-pill,
  html.theme-light .cs-gun-chip,
  html.theme-light .saat-gun-mini {
    background: #fff !important;
    border-color: rgba(15,23,42,.1) !important;
    color: var(--rv-text-2) !important;
  }
  html.theme-light .gecmis-filtre-chip {
    background: transparent !important;
    border-color: transparent !important;
    color: #64748b !important;
    box-shadow: none !important;
  }
  html.theme-light .gecmis-filtre-chip:hover:not(.active) {
    background: rgba(15, 23, 42, .05) !important;
    color: #334155 !important;
  }
  html.theme-light .period-pill.active,
  html.theme-light .saat-gun-mini.secili {
    background: rgba(255,251,235,.95) !important;
    border-color: rgba(201,138,75,.35) !important;
    color: #92400e !important;
    box-shadow: 0 4px 14px rgba(201,138,75,.1) !important;
  }
  html.theme-light .gecmis-filtre-chip.active {
    background: linear-gradient(135deg, #d97706, #b45309) !important;
    border-color: rgba(146, 64, 14, .3) !important;
    color: #fff !important;
    box-shadow: 0 2px 10px rgba(217, 119, 6, .28), inset 0 1px 0 rgba(255,255,255,.2) !important;
  }
  html.theme-light .gecmis-filtre-chip[data-durum="completed"].active {
    background: linear-gradient(135deg, #34d399, #059669) !important;
    border-color: rgba(5, 150, 105, .35) !important;
    box-shadow: 0 2px 10px rgba(5, 150, 105, .28), inset 0 1px 0 rgba(255,255,255,.2) !important;
  }
  html.theme-light .gecmis-filtre-chip[data-durum="no_show"].active {
    background: linear-gradient(135deg, #94a3b8, #64748b) !important;
    border-color: rgba(100, 116, 139, .35) !important;
    box-shadow: 0 2px 10px rgba(100, 116, 139, .22), inset 0 1px 0 rgba(255,255,255,.15) !important;
  }
  html.theme-light .gecmis-filtre-chip[data-durum="cancelled"].active {
    background: linear-gradient(135deg, #f87171, #dc2626) !important;
    border-color: rgba(220, 38, 38, .4) !important;
    box-shadow: 0 2px 10px rgba(220, 38, 38, .28), inset 0 1px 0 rgba(255,255,255,.2) !important;
  }
  html.theme-light .rank-bar { background: rgba(15,23,42,.08); }
  html.theme-light .rank-bar-fill { background: linear-gradient(90deg, #c9d1dc, #8f9aad); }

  /* Özel bloklar */
  html.theme-light .today-hero {
    background: linear-gradient(135deg, #fff7ed 0%, #fef3c7 45%, #fffbeb 100%) !important;
    color: #78350f !important;
    border: 1px solid rgba(201,138,75,.28) !important;
    box-shadow: 0 12px 32px rgba(201,138,75,.14) !important;
  }
  html.theme-light .today-hero .section-title { color: #78350f !important; }
  html.theme-light .today-hero .section-sub { color: #92400e !important; }
  html.theme-light .today-hero.today-hero--ozet {
    background: linear-gradient(135deg, #fffbeb 0%, #fde68a 40%, #fcd34d 100%) !important;
    border-color: rgba(180, 83, 9, .4) !important;
    box-shadow: 0 12px 36px rgba(217, 119, 6, .2) !important;
  }
  html.theme-light .today-hero.today-hero--ozet .section-title { color: #78350f !important; }
  html.theme-light .today-hero.today-hero--ozet .section-sub { color: #92400e !important; }
  html.theme-light .today-hero.today-hero--kapali {
    background: linear-gradient(135deg, #f1f5f9 0%, #e2e8f0 50%, #cbd5e1 100%) !important;
    border-color: rgba(100, 116, 139, .35) !important;
    box-shadow: 0 10px 28px rgba(71, 85, 105, .12) !important;
    color: #334155 !important;
  }
  html.theme-light .today-hero.today-hero--kapali .section-title { color: #1e293b !important; }
  html.theme-light .today-hero.today-hero--kapali .section-sub { color: #64748b !important; }
  html.theme-light .highlight-card {
    background: linear-gradient(135deg, #f4f5f8, #fef3c7) !important;
    border: 1px solid rgba(201,138,75,.22) !important;
    color: #78350f !important;
  }
  html.theme-light .highlight-card .stat-lbl { color: #92400e !important; }
  html.theme-light .plan-card.featured {
    border-color: rgba(201,138,75,.28) !important;
    background: linear-gradient(180deg, #f4f5f8 0%, #fff 50%) !important;
    box-shadow: 0 12px 32px rgba(201,138,75,.1) !important;
  }
  html.theme-light .rv-ciro-board {
    background: linear-gradient(168deg, #ffffff, #faf8f4) !important;
    border-color: rgba(15,23,42,.08) !important;
    box-shadow: 0 16px 40px rgba(15,23,42,.07) !important;
  }
  html.theme-light .rv-cal-cell { background: rgba(15,23,42,.02); border-color: rgba(15,23,42,.06); }
  html.theme-light .rv-cal-val { color: var(--rv-text); }
  html.theme-light .rv-rail-card { background: rgba(15,23,42,.02); border-color: rgba(15,23,42,.06); }
  html.theme-light .rv-kurulum-card {
    background: linear-gradient(168deg, #fff, #faf8f4) !important;
    border-color: rgba(15,23,42,.1) !important;
    color: var(--rv-text) !important;
    box-shadow: 0 16px 40px rgba(15,23,42,.12) !important;
  }
  html.theme-light .rv-kurulum-progress-track { background: rgba(15,23,42,.08); }
  html.theme-light .rv-kurulum-metin { color: #64748b; }
  html.theme-light .rv-kurulum-btn-ghost { background: #fff; border-color: rgba(15,23,42,.12); color: #475569; }
  html.theme-light .rv-kurulum-liste-wrap { background: rgba(15,23,42,.03); border-color: rgba(15,23,42,.08); }
  html.theme-light .rv-kurulum-adim.aktif { background: #ecfdf5; color: #166534; }
  html.theme-light .kurulum-hedef { box-shadow: 0 0 0 2px #c9d1dc, 0 0 16px rgba(210,218,230,.28) !important; }
  html.theme-light .yogun-gun-kart,
  html.theme-light .saat-bugun-kart {
    background: linear-gradient(135deg, #f4f5f8, #fff) !important;
    border-color: rgba(201,138,75,.2) !important;
  }
  html.theme-light .ay-kritik { background: #fef2f2; border-color: #fecaca; color: #991b1b; }
  html.theme-light .ay-onemli { background: #f4f5f8; border-color: #eef1f6; color: #92400e; }
  html.theme-light .ay-pro-kart { background: linear-gradient(135deg, #f4f5f8, #fff); border-color: #e8ecf2; }
  html.theme-light .toast.ok { background: #ecfdf5; color: #047857; border-color: #a7f3d0; }
  html.theme-light .toast.err { background: #fef2f2; color: #b91c1c; border-color: #fecaca; }
  html.theme-light .mob-nav-arrow-l { background: linear-gradient(90deg, rgba(255,255,255,.55) 45%, transparent); }
  html.theme-light .mob-nav-arrow-r { background: linear-gradient(270deg, rgba(255,255,255,.55) 45%, transparent); }

  /* Tailwind yardımcı renkler — açık mod */
  html.theme-light .text-slate-900,
  html.theme-light .text-slate-800,
  html.theme-light .text-slate-700 { color: #0f172a !important; }
  html.theme-light .text-slate-600,
  html.theme-light .text-slate-500 { color: #64748b !important; }
  html.theme-light .text-slate-400 { color: #94a3b8 !important; }
  html.theme-light .text-brand-600,
  html.theme-light .text-brand-700,
  html.theme-light .text-teal-600,
  html.theme-light .text-teal-700,
  html.theme-light .text-teal-800 { color: #7a8494 !important; }
  html.theme-light .bg-white { background-color: #fff !important; }
  html.theme-light .bg-slate-50,
  html.theme-light .bg-slate-100 { background-color: #f8f6f2 !important; }
  html.theme-light .bg-teal-50,
  html.theme-light .bg-brand-50,
  html.theme-light .bg-emerald-50 { background-color: #f4f5f8 !important; }
  html.theme-light .bg-amber-50 { background-color: #f4f5f8 !important; }
  html.theme-light .border-slate-100,
  html.theme-light .border-slate-200,
  html.theme-light .border-teal-100 { border-color: rgba(15,23,42,.08) !important; }
  html.theme-light .form-label { color: #020617; font-weight: 800; }
  html.theme-light .ay-pro-subhead {
    font-size: .95rem !important;
    color: #020617 !important;
    padding-bottom: .45rem;
    border-bottom: 1px solid rgba(15,23,42,.07);
    margin-bottom: .5rem !important;
  }

  html.theme-light .topbar-btn-primary {
    background: linear-gradient(135deg, #e6b47e, #c98a4b, #8a5a2e) !important;
    color: #1c1917 !important;
    box-shadow: 0 6px 16px rgba(201,138,75,.25) !important;
  }
  html.theme-light .topbar-btn-ghost {
    background: #fff !important;
    color: var(--rv-text-2) !important;
    border-color: rgba(15,23,42,.1) !important;
  }
  html.theme-light .period-pill.active {
    background: linear-gradient(135deg, #e6b47e, #c98a4b) !important;
    color: #1c1917 !important;
    box-shadow: 0 4px 12px rgba(201,138,75,.2) !important;
  }
  html.theme-light .saat-gun-mini.secili,
  html.theme-light .saat-gun-mini.bugun {
    border-color: rgba(201,138,75,.35) !important;
    background: #f4f5f8 !important;
    color: #92400e !important;
  }
  html.theme-light .day-header {
    background: linear-gradient(135deg, #fff7ed, #eef1f6) !important;
    color: #78350f !important;
    box-shadow: 0 10px 24px rgba(201,138,75,.12) !important;
  }
  html.theme-light .apt-card::before {
    width: 3.5px;
  }
  html.theme-light .apt-card--d-confirmed::before {
    background: linear-gradient(180deg, #fbbf24, #b45309) !important;
  }
  html.theme-light .apt-time-pill {
    background: linear-gradient(135deg, #fff7ed, #fde68a) !important;
    color: #78350f !important;
    border-color: rgba(180, 83, 9, .35) !important;
    box-shadow: 0 1px 3px rgba(217, 119, 6, .12);
  }
  html.theme-light .apt-card--d-confirmed .apt-durum.durum-confirmed,
  html.theme-light .apt-durum.durum-confirmed {
    background: linear-gradient(135deg, #fef3c7, #fde68a) !important;
    color: #92400e !important;
    border: 1px solid rgba(180, 83, 9, .28);
  }
  html.theme-light .cal-day {
    background: #fff;
    border-color: rgba(15, 23, 42, .08);
    color: #0f172a;
    box-shadow: 0 1px 2px rgba(15, 23, 42, .03);
  }
  html.theme-light .cal-day:hover:not(.cal-past):not(:disabled) {
    background: #f8fafc !important;
    border-color: rgba(201, 138, 75, .22) !important;
  }
  html.theme-light .cal-day.has-apts:not(.cal-past) {
    background: linear-gradient(180deg, #fffaf5 0%, #fef9ef 100%);
    border-color: rgba(201, 138, 75, .26);
  }
  html.theme-light .cal-day.today:not(.selected) {
    box-shadow: 0 0 0 2px rgba(201, 138, 75, .45), 0 2px 8px rgba(201, 138, 75, .1);
    border-color: rgba(201, 138, 75, .35);
  }
  html.theme-light .cal-day.selected {
    background: linear-gradient(180deg, #fef3c7 0%, #fde68a 100%);
    border-color: rgba(138, 90, 46, .38);
    box-shadow: 0 0 0 2px #8a5a2e, 0 4px 14px rgba(201, 138, 75, .2);
  }
  html.theme-light .cal-day.today.selected {
    box-shadow: 0 0 0 2px #8a5a2e, 0 0 0 4px rgba(201, 138, 75, .18);
  }
  html.theme-light .cal-day.cal-past {
    opacity: .5;
    background: #f1f5f9 !important;
    border-color: #e2e8f0 !important;
    box-shadow: none !important;
    cursor: default !important;
    pointer-events: none;
  }
  html.theme-light .cal-day.cal-past:hover,
  html.theme-light .cal-day.cal-past:focus,
  html.theme-light .cal-day.cal-past:active {
    background: #f1f5f9 !important;
    border-color: #e2e8f0 !important;
    box-shadow: none !important;
  }
  html.theme-light .cal-day-num { color: #334155; }
  html.theme-light .cal-day.selected .cal-day-num { color: #78350f; }
  html.theme-light .cal-day.today .cal-day-num { color: #92400e; }
  html.theme-light .cal-count {
    background: linear-gradient(135deg, #c98a4b, #8a5a2e) !important;
    box-shadow: 0 4px 10px rgba(201, 138, 75, .22) !important;
  }
  html.theme-light .cal-past .cal-count { opacity: .65; box-shadow: none !important; }
  html.theme-light .stok-aksiyon.sat { background: #8f9aad !important; }
  html.theme-light .stok-aksiyon.al { background: #f4f5f8 !important; color: #92400e !important; }
  html.theme-light .rv-kurulum-adim.aktif { color: #7a8494 !important; }
  html.theme-light .wa-isim-btn.aktif { border-color: rgba(210,218,230,.35) !important; background: #f4f5f8 !important; color: #92400e !important; }
  html.theme-light .rv-ciro-dots i { background: rgba(15,23,42,.1); }
  html.theme-light .rv-rail-tag i { background: #c9d1dc; box-shadow: 0 0 8px rgba(210,218,230,.35); }
  html.theme-light .rv-rail-num small { color: #059669; }
  html.theme-light .gcal-box { background: linear-gradient(135deg, #eff6ff 0%, #fff 100%); border-color: #bfdbfe; }
  html.theme-light .empty-state-premium .icon {
    background: linear-gradient(135deg, #f4f5f8, #fef3c7) !important;
  }
  html.theme-light .mg-btn {
    background: linear-gradient(145deg, #f6d78a 0%, #e6b047 42%, #c98a4b 100%) !important;
    color: #1a1208 !important;
    border-color: rgba(120, 53, 15, .45) !important;
    box-shadow:
      0 0 0 2px rgba(255, 255, 255, .9),
      0 3px 12px rgba(180, 130, 40, .4),
      inset 0 1px 0 rgba(255,255,255,.55) !important;
  }
  html.theme-light .mg-btn:hover,
  html.theme-light .mg-wrap.mg-open .mg-btn,
  html.theme-light .mg-wrap:focus-within .mg-btn {
    background: linear-gradient(145deg, #ffe9a8 0%, #f0c98a 40%, #e6b047 100%) !important;
    color: #0f172a !important;
    box-shadow:
      0 0 0 2px rgba(255, 255, 255, .95),
      0 5px 16px rgba(180, 130, 40, .5),
      inset 0 1px 0 rgba(255,255,255,.6) !important;
  }
  html.theme-light .hero-header .mg-wrap.mg-open .mg-btn,
  html.theme-light .hero-header .mg-btn:hover {
    color: #0f172a !important;
  }
  html.theme-light .plan-bas-vurgu { color: #7a8494 !important; }
  html.theme-light .plan-rpro { color: var(--rv-text); }

  /* ============================================================
     SADECE GÜL — artisan pembe kuaför / güzellik teması
     ============================================================ */
  html.theme-rose { color-scheme: light; }
  html.theme-rose {
    --rv-void:#fff5f9; --rv-ink:#fdf2f8; --rv-line:rgba(190,24,93,.1); --rv-line-soft:rgba(190,24,93,.06);
    --rv-text:#500724; --rv-text-2:#9d174d; --rv-text-3:#be185d;
    --rv-gold:#ec4899; --rv-gold-2:#f472b6; --rv-gold-glow:rgba(236,72,153,.28);
    --rv-cyan:#f472b6; --rv-mint:#ec4899; --rv-mint-glow:rgba(236,72,153,.22);
    --rv-emerald:#db2777; --rv-emerald-light:#f472b6; --rv-emerald-dark:#be185d; --rv-emerald-muted:#f9a8d4;
  }
  html.theme-rose body { font-family: var(--rv-font); color: var(--rv-text); background: transparent; }
  html.theme-rose .panel-bg {
    background:
      radial-gradient(ellipse 80% 55% at 8% -5%, rgba(251,207,232,.55), transparent 58%),
      radial-gradient(ellipse 65% 45% at 92% 105%, rgba(244,114,182,.18), transparent 55%),
      radial-gradient(ellipse 55% 40% at 50% 50%, rgba(253,242,248,.9), transparent 70%),
      linear-gradient(168deg, #fff5f9 0%, #fdf2f8 42%, #fce7f3 100%);
  }
  html.theme-rose .panel-vignette {
    background: radial-gradient(ellipse 90% 80% at 50% 40%, transparent 30%, rgba(190,24,93,.04) 100%);
  }
  html.theme-rose .panel-grain { display:block; opacity:.012; }
  html.theme-rose .sidebar-panel {
    background:
      radial-gradient(ellipse 120% 80% at 0% 0%, rgba(244,114,182,.22), transparent 52%),
      radial-gradient(ellipse 90% 55% at 100% 100%, rgba(236,72,153,.12), transparent 58%),
      linear-gradient(185deg, #fff5f9 0%, #fdf2f8 42%, #fce7f3 100%);
    color: var(--rv-text);
    border-right: 1px solid rgba(190,24,93,.1);
    box-shadow: 4px 0 40px rgba(190,24,93,.08), inset -1px 0 0 rgba(255,255,255,.6);
  }
  html.theme-rose .sidebar-glow {
    background: linear-gradient(90deg, transparent 6%, rgba(244,114,182,.5) 38%, rgba(236,72,153,.35) 62%, transparent 94%);
  }
  html.theme-rose .sidebar-head { border-bottom-color: rgba(190,24,93,.08); }
  html.theme-rose .sidebar-salon-title { color: #831843 !important; font-weight: 800 !important; }
  html.theme-rose .sidebar-salon-sub { color: #9d174d !important; }
  html.theme-rose .sidebar-group-label {
    color: #9d174d !important;
    font-weight: 700 !important;
    border-top-color: rgba(190, 24, 93, .12);
  }
  html.theme-rose .sidebar-btn { color: #9d174d; }
  html.theme-rose .sidebar-btn:hover {
    background: rgba(244,114,182,.12); border-color: rgba(236,72,153,.15); color: #831843;
  }
  html.theme-rose .sidebar-btn.active {
    background: linear-gradient(135deg, rgba(244,114,182,.22), rgba(236,72,153,.1));
    border-color: rgba(236,72,153,.28);
    color: #831843;
    box-shadow: 0 0 24px rgba(236,72,153,.1), inset 0 1px 0 rgba(255,255,255,.5);
  }
  html.theme-rose .sidebar-nav-scroll-hint {
    right: .58rem;
    color: #be185d;
    border-color: rgba(190,24,93,.22);
    background: rgba(255,245,249,.94);
    box-shadow: 0 2px 10px rgba(190,24,93,.12);
  }
  html.theme-rose .sidebar-nav-scroll-hint:hover {
    color: #9d174d;
    border-color: rgba(190,24,93,.35);
    background: #fff;
  }
  html.theme-rose .sidebar-btn.active::before {
    background: linear-gradient(180deg, #f472b6, #ec4899);
  }
  html.theme-rose .sidebar-foot { border-top-color: rgba(190,24,93,.08); }
  html.theme-rose .sidebar-btn-logout {
    color: #be123c !important;
    font-weight: 700 !important;
    border-color: rgba(225,29,72,.18) !important;
  }
  html.theme-rose .sidebar-btn-logout:hover {
    background: rgba(225,29,72,.1) !important;
    border-color: rgba(225,29,72,.28) !important;
    color: #9f1239 !important;
  }
  html.theme-rose .desktop-topbar {
    background:
      radial-gradient(ellipse 70% 120% at 100% 0%, rgba(236,72,153,.16), transparent 55%),
      linear-gradient(145deg, #fff 0%, #fff5f9 50%, #fdf2f8 100%) !important;
    border-color: rgba(190,24,93,.18) !important;
    backdrop-filter: blur(18px) saturate(1.2);
  }
  html.theme-rose .desktop-topbar::before {
    background: linear-gradient(180deg, #f9a8d4 0%, #ec4899 50%, #be185d 100%);
  }
  html.theme-rose .topbar-eyebrow {
    color: #9d174d !important;
    font-weight: 700 !important;
    background: linear-gradient(180deg, #fff 0%, #fdf2f8 100%) !important;
    border-color: rgba(236,72,153,.28) !important;
  }
  html.theme-rose .topbar-title { color: #500724 !important; }
  html.theme-rose .topbar-sub { color: #9d174d !important; }
  html.theme-rose .welcome-banner {
    background: linear-gradient(160deg, #fff 0%, #fce7f3 100%) !important;
    border-color: rgba(236,72,153,.22) !important;
  }
  html.theme-rose .welcome-banner-baslik { color: #831843 !important; }
  html.theme-rose .welcome-banner-alt { color: #be185d !important; }
  html.theme-rose .card,
  html.theme-rose .form-block,
  html.theme-rose .ay-section,
  html.theme-rose .stat-card,
  html.theme-rose .plan-card,
  html.theme-rose .stok-urun-kart {
    background: linear-gradient(168deg, rgba(255,255,255,.96), rgba(253,242,248,.92));
    border-color: rgba(190,24,93,.1);
    box-shadow: 0 1px 0 rgba(255,255,255,.8) inset, 0 10px 32px rgba(190,24,93,.06);
  }
  html.theme-rose .kpi-card {
    background: linear-gradient(168deg, rgba(255,255,255,.96), rgba(253,242,248,.9));
    border-color: rgba(190,24,93,.1);
  }
  html.theme-rose .kpi-card-primary {
    background:
      radial-gradient(120% 140% at 0% 0%, rgba(244,114,182,.28), transparent 58%),
      linear-gradient(135deg, #fce7f3, #fff5f9);
    border-color: rgba(236,72,153,.22);
    box-shadow: 0 0 36px rgba(236,72,153,.1), 0 14px 40px rgba(190,24,93,.08);
  }
  html.theme-rose .kpi-card-primary .kpi-lbl { color: #9d174d; }
  html.theme-rose .kpi-card-primary .kpi-icon { background: rgba(244,114,182,.18); border-color: rgba(236,72,153,.25); }
  html.theme-rose .kpi-val { color: #831843; }
  html.theme-rose .section-title { color: #500724 !important; }
  html.theme-rose .section-sub,
  html.theme-rose .field-hint { color: #9d174d !important; }
  html.theme-rose .field {
    background: rgba(255,255,255,.85);
    border-color: rgba(190,24,93,.14);
    color: #500724;
  }
  html.theme-rose .field:focus {
    border-color: rgba(236,72,153,.45);
    box-shadow: 0 0 0 3px rgba(244,114,182,.18);
  }
  html.theme-rose .btn-primary {
    background: linear-gradient(135deg, #f472b6, #ec4899 55%, #db2777);
    color: #fff;
    box-shadow: 0 6px 22px rgba(236,72,153,.28);
  }
  html.theme-rose .btn-soft {
    background: rgba(253,242,248,.9);
    border-color: rgba(190,24,93,.12);
    color: #9d174d;
  }
  html.theme-rose .mr-slot-btn--selected {
    background: linear-gradient(135deg, #f9a8d4, #ec4899 55%, #db2777);
    color: #fff;
    border-color: rgba(219,39,119,.5);
    box-shadow: 0 0 0 2px rgba(244,114,182,.45), 0 8px 28px rgba(236,72,153,.42);
  }
  html.theme-rose .mr-sonuc.ok {
    background: linear-gradient(135deg, rgba(236,72,153,.14), rgba(244,114,182,.1));
    border-color: rgba(219,39,119,.35);
    color: #9d174d;
    box-shadow: 0 6px 24px rgba(236,72,153,.18);
  }
  html.theme-rose .mr-hizmet-secili { color: #be185d; }
  html.theme-rose .mr-hizmet-kat-pill {
    background: rgba(255,255,255,.92);
    border-color: rgba(190,24,93,.12);
    color: #9d174d;
  }
  html.theme-rose .mr-hizmet-kat-pill.active {
    background: rgba(244,114,182,.16);
    border-color: rgba(236,72,153,.3);
    color: #831843;
  }
  html.theme-rose .mr-hizmet-item {
    background: rgba(255,255,255,.88);
    border-color: rgba(190,24,93,.1);
    color: #500724;
  }
  html.theme-rose .mr-hizmet-item.secili {
    background: rgba(244,114,182,.14);
    border-color: rgba(236,72,153,.32);
    box-shadow: 0 0 0 1px rgba(244,114,182,.25);
  }
  html.theme-rose .mr-hizmet-item-meta { color: #9d174d; }
  html.theme-rose .mr-hizmet-item.secili .mr-hizmet-item-meta { color: #be185d; }
  html.theme-rose .mr-hizmet-bos { color: #be185d; }
  html.theme-rose .glass-nav {
    background: rgba(255,245,249,.62);
    border-top-color: rgba(190,24,93,.1);
    box-shadow: 0 -6px 20px rgba(190,24,93,.08);
  }
  html.theme-rose .tab-btn { color: #be185d; }
  html.theme-rose .tab-btn.active {
    background: linear-gradient(135deg, rgba(244,114,182,.22), rgba(236,72,153,.12));
    color: #831843;
    box-shadow: 0 0 20px rgba(236,72,153,.12);
  }
  html.theme-rose .period-pill.active,
  html.theme-rose .cs-gun-chip.active {
    background: linear-gradient(135deg, #f472b6, #ec4899);
    color: #fff;
    border-color: transparent;
    box-shadow: 0 4px 14px rgba(236,72,153,.22);
  }
  html.theme-rose .gecmis-filtre-durum-lbl { color: #be185d; }
  html.theme-rose .gecmis-filtre-chip-track {
    background: rgba(236, 72, 153, .06);
    border-color: rgba(236, 72, 153, .12);
  }
  html.theme-rose .gecmis-filtre-chip.active {
    background: linear-gradient(135deg, #f472b6, #ec4899) !important;
    color: #fff !important;
    border-color: transparent !important;
    box-shadow: 0 2px 10px rgba(236,72,153,.28), inset 0 1px 0 rgba(255,255,255,.2) !important;
  }
  html.theme-rose .gecmis-filtre-chip[data-durum="completed"].active {
    background: linear-gradient(135deg, #34d399, #059669) !important;
  }
  html.theme-rose .gecmis-filtre-chip[data-durum="no_show"].active {
    background: linear-gradient(135deg, #94a3b8, #64748b) !important;
  }
  html.theme-rose .gecmis-filtre-chip[data-durum="cancelled"].active {
    background: linear-gradient(135deg, #f87171, #dc2626) !important;
  }
  html.theme-rose .musteri-ara-panel {
    background: transparent;
    border: none;
    box-shadow: none;
  }
  html.theme-rose .musteri-filtre-bar {
    background: transparent;
    border: none;
    box-shadow: none;
  }
  html.theme-rose .musteri-filtre-btn {
    border-color: rgba(244,114,182,.32);
    background: linear-gradient(180deg, #fff 0%, #fff5f9 100%);
    color: #9d174d;
    font-weight: 800;
    box-shadow: 0 2px 6px rgba(190, 24, 93, .1);
  }
  html.theme-rose .musteri-filtre-btn:hover:not(.is-active) {
    border-color: rgba(236,72,153,.45);
    background: #fffafc;
    color: #831843;
  }
  html.theme-rose .musteri-filtre-btn.is-active {
    background: linear-gradient(135deg, #f472b6, #db2777);
    box-shadow: 0 4px 16px rgba(236,72,153,.32), inset 0 1px 0 rgba(255,255,255,.22);
  }
  html.theme-rose .musteri-filtre-btn.is-gun.is-active {
    background: linear-gradient(135deg, #fb923c, #f97316);
    box-shadow: 0 4px 16px rgba(249,115,22,.26), inset 0 1px 0 rgba(255,255,255,.18);
  }
  html.theme-rose .musteri-filtre-btn.is-kara.is-active {
    background: linear-gradient(135deg, #64748b, #334155);
    box-shadow: 0 4px 16px rgba(51,65,85,.3), inset 0 1px 0 rgba(255,255,255,.1);
  }
  html.theme-rose .mg-btn {
    background: linear-gradient(145deg, #f9a8d4 0%, #ec4899 48%, #be185d 100%) !important;
    color: #fff !important;
    border-color: rgba(255, 255, 255, .85) !important;
    box-shadow:
      0 0 0 2px rgba(131, 24, 67, .35),
      0 3px 12px rgba(236, 72, 153, .45),
      inset 0 1px 0 rgba(255,255,255,.4) !important;
  }
  html.theme-rose .mg-btn:hover,
  html.theme-rose .mg-wrap.mg-open .mg-btn,
  html.theme-rose .mg-wrap:focus-within .mg-btn {
    background: linear-gradient(145deg, #fbcfe8 0%, #f472b6 45%, #ec4899 100%) !important;
    color: #500724 !important;
    box-shadow: 0 4px 14px rgba(236, 72, 153, .5), inset 0 1px 0 rgba(255,255,255,.45) !important;
  }

  html.theme-rose .today-hero,
  html.theme-rose .highlight-card {
    background: linear-gradient(140deg, rgba(255,255,255,.97) 0%, #fce7f3 46%, #fbcfe8 100%);
    color: #500724;
    border: 1px solid rgba(236,72,153,.16);
    box-shadow: 0 12px 34px rgba(190,24,93,.1), inset 0 1px 0 rgba(255,255,255,.78);
  }
  html.theme-rose .today-hero .section-title,
  html.theme-rose .highlight-card .stat-lbl { color: #831843 !important; }
  html.theme-rose .today-hero.today-hero--ozet {
    background: linear-gradient(135deg, #fdf2f8 0%, #fbcfe8 45%, #f9a8d4 100%) !important;
    border-color: rgba(190, 24, 93, .35) !important;
    box-shadow: 0 12px 36px rgba(236, 72, 153, .22) !important;
  }
  html.theme-rose .today-hero.today-hero--kapali {
    background: linear-gradient(135deg, #fdf2f8 0%, #f1f5f9 55%, #e2e8f0 100%) !important;
    border-color: rgba(148, 163, 184, .4) !important;
    color: #334155 !important;
  }
  html.theme-rose .today-hero.today-hero--kapali .section-title { color: #1e293b !important; }
  html.theme-rose .today-hero.today-hero--kapali .section-sub { color: #64748b !important; }

  html.theme-rose .takvim-sekme .takvim-ana {
    border: 1px solid rgba(190, 24, 93, .1);
    box-shadow: 0 8px 28px rgba(190, 24, 93, .08);
    background: linear-gradient(180deg, #fff 0%, #fff5f9 100%);
  }
  html.theme-rose .takvim-sekme .takvim-nav-bar {
    padding: .55rem .6rem;
    border-radius: var(--rv-r-lg);
    background: linear-gradient(135deg, #fff 0%, #fdf2f8 55%, #fce7f3 100%);
    border: 1px solid rgba(190, 24, 93, .12);
    box-shadow: 0 1px 2px rgba(190, 24, 93, .06), inset 0 1px 0 rgba(255, 255, 255, .85);
  }
  html.theme-rose .takvim-sekme .takvim-nav-bar--ay {
    background: linear-gradient(135deg, #fdf2f8 0%, #fbcfe8 48%, #fce7f3 100%);
    border-color: rgba(190, 24, 93, .22);
    box-shadow: 0 2px 10px rgba(190, 24, 93, .12), inset 0 1px 0 rgba(255, 255, 255, .7);
  }
  html.theme-rose .takvim-sekme .takvim-nav-bar--gun {
    background: linear-gradient(135deg, #fff 0%, #fff1f2 55%, #fdf2f8 100%);
    border-color: rgba(190, 24, 93, .14);
  }
  html.theme-rose .takvim-sekme .takvim-nav-btn {
    border: 1px solid rgba(190, 24, 93, .22);
    background: linear-gradient(180deg, #fff 0%, #fdf2f8 100%);
    color: #9d174d;
    font-weight: 800;
    box-shadow: 0 2px 6px rgba(236, 72, 153, .12);
  }
  html.theme-rose .takvim-sekme .takvim-nav-btn:hover {
    background: linear-gradient(180deg, #fdf2f8 0%, #fce7f3 100%);
    border-color: rgba(190, 24, 93, .35);
    color: #831843;
  }
  html.theme-rose .takvim-sekme .takvim-nav-baslik { color: #831843; font-family: var(--rv-font-d); }
  html.theme-rose .takvim-sekme .takvim-nav-alt { color: #be185d; }
  html.theme-rose .takvim-sekme .takvim-nav-bugune {
    background: linear-gradient(135deg, #ec4899, #db2777);
    border: 1px solid rgba(157, 23, 77, .35);
    color: #fff;
    box-shadow: 0 4px 16px rgba(236, 72, 153, .32);
  }
  html.theme-rose .takvim-sekme .takvim-nav-tarih {
    border: 1.5px solid rgba(236, 72, 153, .35);
    background: linear-gradient(180deg, #fff5f9 0%, #fbcfe8 100%);
    color: #9d174d;
    font-weight: 800;
    box-shadow: 0 2px 8px rgba(236, 72, 153, .14), inset 0 1px 0 rgba(255, 255, 255, .7);
  }
  html.theme-rose .cal-day {
    background: #fff;
    border-color: rgba(190, 24, 93, .1);
    color: #500724;
  }
  html.theme-rose .cal-day:hover:not(.cal-past):not(:disabled) {
    background: #fdf2f8 !important;
    border-color: rgba(236, 72, 153, .28) !important;
  }
  html.theme-rose .cal-day.has-apts:not(.cal-past) {
    background: linear-gradient(180deg, #fff5f9 0%, #fce7f3 100%);
    border-color: rgba(236, 72, 153, .28);
  }
  html.theme-rose .cal-day.today:not(.selected) {
    box-shadow: 0 0 0 2px rgba(236, 72, 153, .45);
    border-color: rgba(236, 72, 153, .4);
  }
  html.theme-rose .cal-day.selected {
    background: linear-gradient(180deg, #fce7f3 0%, #fbcfe8 100%);
    border-color: rgba(157, 23, 77, .4);
    box-shadow: 0 0 0 2px #db2777, 0 4px 14px rgba(236, 72, 153, .22);
  }
  html.theme-rose .cal-count {
    background: linear-gradient(135deg, #ec4899, #db2777) !important;
    box-shadow: 0 4px 10px rgba(236, 72, 153, .25) !important;
  }
  html.theme-rose .takvim-kpi-compact .kpi-card {
    background: linear-gradient(180deg, #fff 0%, #fff5f9 100%) !important;
    border: 1px solid rgba(190, 24, 93, .1) !important;
  }
  html.theme-rose .takvim-kpi-compact .kpi-card-primary {
    background:
      radial-gradient(120% 140% at 0% 0%, rgba(236, 72, 153, .16), transparent 58%),
      linear-gradient(135deg, #fce7f3 0%, #fff 100%) !important;
    border-color: rgba(236, 72, 153, .28) !important;
  }
  html.theme-rose .takvim-kpi-compact .kpi-card-primary .kpi-val { color: #831843; }
  html.theme-rose .takvim-kpi-compact .kpi-card-primary .kpi-lbl { color: #be185d; }
  html.theme-rose .takvim-kpi-compact .kpi-card-primary .kpi-icon {
    background: linear-gradient(135deg, rgba(236, 72, 153, .2), rgba(252, 231, 243, .8));
    border-color: rgba(236, 72, 153, .28);
    color: #9d174d;
  }
  html.theme-rose .kara-hero {
    background: linear-gradient(155deg, #fffafc 0%, #fce7f3 52%, #fdf2f8 100%);
    border: 1px solid rgba(236,72,153,.18);
    box-shadow: 0 12px 34px rgba(190,24,93,.08), inset 0 1px 0 rgba(255,255,255,.85);
  }
  html.theme-rose .kara-hero-glow {
    background: radial-gradient(ellipse, rgba(244,114,182,.24), transparent 68%);
  }
  html.theme-rose .kara-hero-glow-2 {
    background: radial-gradient(ellipse, rgba(251,207,232,.4), transparent 72%);
  }
  html.theme-rose .kara-eyebrow { color: #db2777; }
  html.theme-rose .kara-hero-title { color: #831843 !important; font-weight: 800 !important; }
  html.theme-rose .kara-hero-sub { color: #9d174d; }
  html.theme-rose .kara-count { color: #be185d; }
  html.theme-rose .kara-count-lbl { color: #db2777; }
  html.theme-rose .kara-shield-item {
    background: linear-gradient(168deg, rgba(255,255,255,.96), rgba(253,242,248,.92)) !important;
    border: 1px solid rgba(236,72,153,.14) !important;
    box-shadow: 0 6px 20px rgba(190,24,93,.05);
  }
  html.theme-rose .kara-shield-title { color: #831843 !important; font-weight: 800 !important; }
  html.theme-rose .kara-shield-desc { color: #9d174d; }
  html.theme-rose .kara-shield-ico {
    background: rgba(244,114,182,.14);
    border-color: rgba(236,72,153,.22);
  }
  html.theme-rose .kara-panel {
    background: linear-gradient(168deg, rgba(255,255,255,.97), rgba(253,242,248,.94)) !important;
    border: 1px solid rgba(236,72,153,.14) !important;
    box-shadow: 0 8px 28px rgba(190,24,93,.07) !important;
  }
  html.theme-rose .kara-panel-head h3 { color: #831843 !important; font-weight: 800 !important; }
  html.theme-rose .kara-panel-meta { color: #db2777; }
  html.theme-rose .kara-row {
    background: rgba(255,255,255,.82);
    border-color: rgba(236,72,153,.12);
  }
  html.theme-rose .kara-row-tel { color: #500724; }
  html.theme-rose .kara-row-meta { color: #9d174d; }
  html.theme-rose .kara-btn-affet {
    background: #fdf2f8;
    border-color: #fbcfe8;
    color: #be185d;
  }
  html.theme-rose .kara-empty {
    background: rgba(255,255,255,.7);
    border-color: rgba(236,72,153,.16);
  }
  html.theme-rose .kara-empty-title { color: #831843; }
  html.theme-rose .kara-link-ayar { color: #db2777; }
  html.theme-rose .istat-hero {
    background: linear-gradient(155deg, #fffafc 0%, #fce7f3 50%, #fdf2f8 100%);
    border: 1px solid rgba(236,72,153,.16);
    box-shadow: 0 12px 34px rgba(190,24,93,.08), inset 0 1px 0 rgba(255,255,255,.8);
  }
  html.theme-rose .istat-hero-glow {
    background: radial-gradient(ellipse, rgba(244,114,182,.22), transparent 68%);
  }
  html.theme-rose .istat-hero-glow-2 {
    background: radial-gradient(ellipse, rgba(251,207,232,.32), transparent 72%);
  }
  html.theme-rose .istat-hero-title { color: #831843 !important; font-weight: 800 !important; }
  html.theme-rose .istat-hero-sub,
  html.theme-rose .istat-plan-note { color: #9d174d; }
  html.theme-rose .istat-eyebrow { color: #db2777; }
  html.theme-rose .istat-pro-pill {
    background: rgba(253,242,248,.9);
    border-color: rgba(236,72,153,.22);
    color: #be185d;
  }
  html.theme-rose .istat-period .period-pill {
    background: rgba(255,255,255,.85);
    border-color: rgba(236,72,153,.12);
    color: #9d174d;
  }
  html.theme-rose .istat-kpi {
    background: linear-gradient(168deg, rgba(255,255,255,.97), rgba(253,242,248,.92)) !important;
    border: 1px solid rgba(236,72,153,.12) !important;
    box-shadow: 0 6px 20px rgba(190,24,93,.06) !important;
  }
  html.theme-rose .istat-kpi-lbl { color: #be185d; }
  html.theme-rose .istat-kpi--toplam .istat-kpi-val { color: #831843; }
  html.theme-rose .istat-kpi--iptal .istat-kpi-val { color: #9d174d; }
  html.theme-rose .istat-feature {
    background: linear-gradient(125deg, #fff5f9 0%, #fce7f3 55%, #fdf2f8 100%);
    border-color: rgba(236,72,153,.16);
    box-shadow: 0 8px 24px rgba(190,24,93,.07);
  }
  html.theme-rose .istat-feature-name { color: #831843; }
  html.theme-rose .istat-feature-num { color: #db2777; }
  html.theme-rose .istat-panel {
    background: linear-gradient(168deg, rgba(255,255,255,.97), rgba(253,242,248,.94)) !important;
    border: 1px solid rgba(236,72,153,.14) !important;
    box-shadow: 0 8px 28px rgba(190,24,93,.07) !important;
  }
  html.theme-rose .istat-panel-head h3 { color: #831843 !important; font-weight: 800 !important; }
  html.theme-rose .istat-yogun-card {
    background: rgba(255,255,255,.88);
    border-color: rgba(236,72,153,.1);
  }
  html.theme-rose .istat-yogun-val { color: #db2777; }
  html.theme-rose .istat-yogun-big { color: #be185d; }
  html.theme-rose .istat-svc-name { color: #500724; }
  html.theme-rose .istat-svc-pct { color: #db2777; }
  html.theme-rose .istat-svc-track { background: rgba(244,114,182,.18); }
  html.theme-rose .istat-svc-item + .istat-svc-item { border-color: rgba(236,72,153,.08); }
  html.theme-rose .istat-stok-mini {
    background: rgba(255,255,255,.88);
    border-color: rgba(236,72,153,.12);
    color: #9d174d;
  }
  html.theme-rose .rv-ciro-board {
    background: linear-gradient(168deg, rgba(255,255,255,.98), rgba(253,242,248,.96)) !important;
    border-color: rgba(236,72,153,.14) !important;
    box-shadow: 0 16px 40px rgba(190,24,93,.08), inset 0 1px 0 rgba(255,255,255,.9) !important;
  }
  html.theme-rose .rv-ciro-top,
  html.theme-rose .rv-ciro-tablo { border-color: rgba(236,72,153,.1); }
  html.theme-rose .rv-ciro-title,
  html.theme-rose .rv-ciro-date,
  html.theme-rose .rv-cal-head span,
  html.theme-rose .rv-rail-tag { color: #9d174d; }
  html.theme-rose .rv-ciro-dots i { background: rgba(236,72,153,.22); }
  html.theme-rose .rv-cal-cell {
    background: rgba(255,255,255,.92);
    border-color: rgba(236,72,153,.12);
  }
  html.theme-rose .rv-cal-val { color: #831843; font-weight: 800; }
  html.theme-rose .rv-cal-sub { color: #be185d; }
  html.theme-rose .rv-rail-card {
    background: rgba(255,255,255,.94);
    border-color: rgba(236,72,153,.12);
  }
  html.theme-rose .rv-rail-tag i {
    background: #ec4899;
    box-shadow: 0 0 8px rgba(244,114,182,.45);
  }
  html.theme-rose .rv-rail-num { color: #831843; }
  html.theme-rose .rv-rail-num small { color: #db2777; }
  html.theme-rose .rv-rail-num small.neg { color: #e11d48; }
  /* Stok + Pro kartlar — koyu varsayılan yerine gül yüzeyleri */
  html.theme-rose .ay-pro-kart {
    background: linear-gradient(168deg, rgba(255,255,255,.97), rgba(253,242,248,.94));
    border-color: rgba(190,24,93,.12);
    box-shadow: 0 1px 0 rgba(255,255,255,.85) inset, 0 12px 36px rgba(190,24,93,.07);
  }
  html.theme-rose .ay-pro-kilit {
    background: rgba(253,242,248,.94);
    border: 1px solid rgba(236,72,153,.15);
  }
  html.theme-rose .stok-kpi {
    background: linear-gradient(168deg, rgba(255,255,255,.98), rgba(252,231,243,.92));
    border-color: rgba(236,72,153,.14);
    box-shadow: 0 4px 18px rgba(190,24,93,.06);
  }
  html.theme-rose .stok-kpi-val { color: #831843; }
  html.theme-rose .stok-kpi-lbl { color: #be185d; }
  html.theme-rose .stok-view-tab {
    background: rgba(255,255,255,.9);
    border-color: rgba(190,24,93,.12);
    color: #9d174d;
  }
  html.theme-rose .stok-view-tab.active {
    background: linear-gradient(135deg, rgba(244,114,182,.22), rgba(236,72,153,.12));
    border-color: rgba(236,72,153,.28);
    color: #831843;
    box-shadow: 0 0 16px rgba(236,72,153,.1);
  }
  html.theme-rose .stok-kasa-hero {
    background: linear-gradient(135deg, rgba(253,242,248,.95), rgba(255,255,255,.98));
    border-color: rgba(236,72,153,.18);
    box-shadow: 0 8px 28px rgba(190,24,93,.06);
  }
  html.theme-rose .stok-kasa-lbl { color: #be185d; }
  html.theme-rose .stok-kasa-hint { color: #9d174d; }
  html.theme-rose .stok-kasa-hint strong { color: #831843; }
  html.theme-rose .stok-kasa-btn {
    background: linear-gradient(135deg, #f9a8d4, #ec4899, #db2777);
    color: #fff;
    box-shadow: 0 8px 22px rgba(236,72,153,.25);
  }
  html.theme-rose .stok-depo-hero {
    background: linear-gradient(135deg, rgba(253,242,248,.95), rgba(255,255,255,.98));
    border-color: rgba(236,72,153,.2);
  }
  html.theme-rose .stok-depo-lbl { color: #be185d; }
  html.theme-rose .stok-depo-hint { color: #9d174d; }
  html.theme-rose .stok-depo-btn {
    background: linear-gradient(135deg, #f472b6, #ec4899, #db2777);
    color: #fff;
  }
  html.theme-rose .stok-kat-pill {
    background: rgba(255,255,255,.92);
    border-color: rgba(190,24,93,.12);
    color: #9d174d;
  }
  html.theme-rose .stok-kat-pill.active {
    background: rgba(244,114,182,.16);
    border-color: rgba(236,72,153,.3);
    color: #831843;
  }
  html.theme-rose .stok-bar { background: rgba(244,114,182,.15); }
  html.theme-rose .stok-bar-fill { background: linear-gradient(90deg, #f9a8d4, #ec4899); }
  html.theme-rose .stok-bar-fill.warn { background: linear-gradient(90deg, #fbcfe8, #f472b6); }
  html.theme-rose .stok-hafta-bar {
    background: linear-gradient(180deg, rgba(244,114,182,.75), rgba(236,72,153,.45));
  }
  html.theme-rose .stok-hafta-bar.bugun {
    background: linear-gradient(180deg, #f9a8d4, #ec4899);
    box-shadow: 0 0 12px rgba(236,72,153,.25);
  }
  html.theme-rose .stok-hafta-gun { color: #be185d; }
  html.theme-rose .stok-hafta-gun.bugun { color: #db2777; }
  html.theme-rose .stok-wa-strip {
    background: rgba(253,242,248,.9);
    border-color: rgba(236,72,153,.15);
    color: #9d174d;
  }
  html.theme-rose .stok-talep-kutu,
  html.theme-rose .stok-siparis-kutu,
  html.theme-rose .stok-bugun-kart {
    background: rgba(255,255,255,.92);
    border-color: rgba(236,72,153,.16);
  }
  html.theme-rose .stok-analiz-kart,
  html.theme-rose .stok-sayim-wizard {
    background: rgba(255,255,255,.94);
    border-color: rgba(190,24,93,.1);
  }
  html.theme-rose .stok-hareket-row { border-bottom-color: rgba(236,72,153,.08); color: #9d174d; }
  html.theme-rose .stok-aksiyon.sat {
    background: linear-gradient(135deg, #f9a8d4, #ec4899, #db2777);
    color: #fff;
    box-shadow: 0 6px 16px rgba(236,72,153,.2);
  }
  html.theme-rose .stok-aksiyon.al {
    background: rgba(244,114,182,.12);
    color: #be185d;
    border-color: rgba(236,72,153,.22);
  }
  html.theme-rose .stok-aksiyon.ghost,
  html.theme-rose .stok-aksiyon.salon,
  html.theme-rose .stok-aksiyon.defter {
    background: rgba(255,255,255,.88);
    color: #9d174d;
    border-color: rgba(190,24,93,.12);
  }
  html.theme-rose .stok-marj-chip {
    background: rgba(244,114,182,.14);
    color: #be185d;
  }
  html.theme-rose .stok-chip { background: #fdf2f8; color: #9d174d; }
  html.theme-rose .stok-chip.warn { background: #fce7f3; color: #be185d; }
  html.theme-rose .stok-lbl { color: #831843; }
  html.theme-rose .stok-hint { color: #9d174d; }
  html.theme-rose .stok-barkod-kutu {
    background: rgba(253,242,248,.9);
    border-color: rgba(236,72,153,.2);
  }
  html.theme-rose .stok-sheet-panel,
  html.theme-rose .stok-kasa-toast-inner {
    background: linear-gradient(168deg, #fff, #fdf2f8);
    border-color: rgba(190,24,93,.12);
    box-shadow: 0 24px 64px rgba(190,24,93,.12);
  }
  html.theme-rose .stok-satis-qty button {
    background: rgba(255,255,255,.95);
    border-color: rgba(190,24,93,.12);
    color: #831843;
  }
  html.theme-rose .stok-satis-qty button.active {
    background: rgba(244,114,182,.18);
    border-color: rgba(236,72,153,.35);
    color: #be185d;
  }
  html.theme-rose .stok-kasa-toast-actions button.geri { color: #be185d; border-color: rgba(236,72,153,.25); }
  html.theme-rose .ay-cat-panel {
    background: rgba(255,255,255,.96);
    border-color: rgba(190,24,93,.1);
  }
  html.theme-rose .ay-cat-btn {
    background: rgba(255,255,255,.9);
    border-color: rgba(190,24,93,.08);
  }
  html.theme-rose .ay-cat-btn:hover { background: #fdf2f8; border-color: rgba(236,72,153,.15); }
  html.theme-rose .ay-cat-btn.active {
    background: linear-gradient(135deg, rgba(244,114,182,.18), rgba(236,72,153,.08));
    border-color: rgba(236,72,153,.25);
  }
  html.theme-rose .ay-cat-title { color: #831843; }
  html.theme-rose .ay-cat-desc { color: #9d174d; }
  html.theme-rose .ay-cat-icon { background: rgba(244,114,182,.12); }
  html.theme-rose .ay-cat-btn.active .ay-cat-icon { background: rgba(244,114,182,.22); }
  html.theme-rose .ay-cat-footer {
    background: rgba(253,242,248,.6);
    border-color: rgba(190,24,93,.08);
  }
  html.theme-rose .highlight-card,
  html.theme-rose .stat-card .stat-val { color: #831843; }
  html.theme-rose .mob-nav-item { color: #be185d; }
  html.theme-rose .mob-nav-item.active {
    background: linear-gradient(135deg, rgba(244,114,182,.2), rgba(236,72,153,.1));
    color: #831843;
    border-color: rgba(236,72,153,.2);
  }
  html.theme-rose .mob-nav-edit-panel {
    background: linear-gradient(168deg, #fff7fb, #fdf2f8);
    border-color: rgba(236,72,153,.15);
  }
  html.theme-rose .mob-nav-edit-chip {
    background: rgba(255,255,255,.72);
    border-color: rgba(236,72,153,.12);
  }
  html.theme-rose .mob-nav-edit-chip-lbl { color: #9d174d; }
  html.theme-rose .mob-nav-edit-chip:active {
    background: rgba(244,114,182,.16);
    border-color: rgba(236,72,153,.35);
  }
  html.theme-rose .mob-nav-drag-ghost {
    background: linear-gradient(168deg, #fff7fb, #fce7f3);
    border-color: rgba(236,72,153,.35);
    color: #9d174d;
  }
  html.theme-rose .mob-nav-drop-target.is-drop-hover {
    border-color: rgba(236,72,153,.55) !important;
    box-shadow: 0 0 0 3px rgba(244,114,182,.28);
  }
  html.theme-rose .ay-inner-card {
    background: rgba(255,255,255,.78);
    border-color: rgba(236,72,153,.1);
  }
  html.theme-rose .empty-state-premium {
    background: linear-gradient(180deg, rgba(255,255,255,.95), #fdf2f8);
    border-color: rgba(236,72,153,.12);
  }
  html.theme-rose .mobile-premium-header {
    background: rgba(255,245,249,.92);
    border-bottom-color: rgba(190,24,93,.1);
  }
  html.theme-rose .mob-header-page { color: #500724 !important; }
  html.theme-rose .mob-welcome-baslik { color: #9d174d !important; opacity: .92; }
  html.theme-rose .mob-welcome-alt { color: #be185d !important; opacity: .82; }
  html.theme-rose .mob-header-menu {
    background: rgba(255,245,249,.95);
    border-right-color: rgba(190,24,93,.1);
    color: #831843;
  }
  html.theme-rose .mob-header-menu-lbl { color: #be185d; }
  html.theme-rose .mob-header-menu.active {
    background:
      radial-gradient(ellipse 120% 80% at 0% 0%, rgba(244,114,182,.22), transparent 52%),
      linear-gradient(185deg, #fff5f9 0%, #fdf2f8 42%, #fce7f3 100%);
    color: #831843;
    border-right-color: rgba(190,24,93,.08);
    box-shadow: 4px 0 24px rgba(190,24,93,.1);
  }
  html.theme-rose .mob-header-menu.active .mob-header-menu-lbl { color: #be185d; }
  html.theme-rose .mob-drawer-btn.active {
    background: rgba(244,114,182,.15);
    color: #831843;
  }
  html.theme-rose .text-brand-600,
  html.theme-rose .text-brand-700,
  html.theme-rose .text-teal-600,
  html.theme-rose .text-teal-700,
  html.theme-rose .text-teal-800 { color: #db2777 !important; }
  html.theme-rose .bg-teal-50,
  html.theme-rose .bg-brand-50,
  html.theme-rose .bg-emerald-50 { background-color: #fdf2f8 !important; }
  html.theme-rose .bg-teal-600,
  html.theme-rose .bg-teal-700 { background-color: #ec4899 !important; }
  html.theme-rose .border-teal-100,
  html.theme-rose .border-teal-200 { border-color: rgba(244,114,182,.25) !important; }
  html.theme-rose .toast.ok { background: #fdf2f8; color: #be185d; border-color: #fbcfe8; }
  html.theme-rose .sidebar-edge-handle {
    background: rgba(255,245,249,.94);
    border-color: rgba(190,24,93,.12);
    color: #db2777;
    box-shadow: 6px 0 24px rgba(190,24,93,.08);
  }
  html.theme-rose .sidebar-expand-tab {
    background: linear-gradient(
      90deg,
      rgba(255, 245, 249, 0.96) 0%,
      rgba(253, 242, 248, 0.88) 62%,
      rgba(253, 242, 248, 0.35) 100%
    );
    border-color: transparent;
    color: #db2777;
    box-shadow: 2px 0 12px rgba(190, 24, 93, 0.08);
  }
  html.theme-rose .sidebar-expand-tab::before {
    border-color: rgba(236, 72, 153, 0.14);
    border-left: none;
  }
  html.theme-rose .sidebar-expand-tab:hover {
    color: #be185d;
    background: linear-gradient(
      90deg,
      rgba(255, 255, 255, 0.99) 0%,
      rgba(252, 231, 243, 0.9) 62%,
      rgba(252, 231, 243, 0.38) 100%
    );
    box-shadow: 3px 0 16px rgba(236, 72, 153, 0.12);
  }
  html.theme-rose .sidebar-edge-handle:hover {
    color: #be185d;
    box-shadow: 0 0 0 1px rgba(236,72,153,.28), 0 8px 24px rgba(236,72,153,.12);
  }
  html.theme-rose .rv-rail-tag i { background: #ec4899; box-shadow: 0 0 8px rgba(236,72,153,.35); }
  html.theme-rose .plan-card.featured {
    border-color: #fbcfe8;
    background: linear-gradient(180deg, #fdf2f8 0%, #fff 40%);
    box-shadow: 0 10px 30px rgba(236,72,153,.1);
  }

  .today-hero {
    background: linear-gradient(135deg, #243d32 0%, #2f6b52 55%, #4a8f6f 100%);
    color: #fff;
    border: none;
    box-shadow: 0 14px 36px rgba(47,107,82,.22);
  }
  .today-hero .section-title { color: #fff; }
  .today-hero .section-sub { color: rgba(180,212,195,.88); }
  .today-hero--ozet {
    background: linear-gradient(135deg, #1e293b 0%, #334155 48%, #475569 100%);
    box-shadow: 0 14px 36px rgba(30,41,59,.2);
  }
  .today-hero--kapali {
    background: linear-gradient(135deg, #374151 0%, #4b5563 55%, #6b7280 100%);
  }
  .gun-ozet-stats {
    display: flex;
    flex-wrap: wrap;
    gap: .45rem;
    margin-top: .85rem;
  }
  .gun-ozet-stat {
    font-size: .68rem;
    font-weight: 800;
    letter-spacing: .02em;
    padding: .4rem .7rem;
    border-radius: 999px;
    background: rgba(255,255,255,.12);
    border: 1px solid rgba(255,255,255,.16);
    color: #f8fafc;
  }
  .gun-ozet-stat.geldi { background: rgba(16,185,129,.22); border-color: rgba(52,211,153,.35); }
  .gun-ozet-stat.gelmedi { background: rgba(249,115,22,.2); border-color: rgba(251,146,60,.35); }
  .gun-ozet-stat.iptal { background: rgba(148,163,184,.2); border-color: rgba(203,213,225,.28); }
  .gun-ozet-kart {
    border-left: 4px solid #cbd5e1;
    opacity: .96;
  }
  .gun-ozet-kart.durum-completed { border-left-color: #4a8f6f; }
  .gun-ozet-kart.durum-no_show { border-left-color: #f97316; }
  .gun-ozet-kart.durum-cancelled { border-left-color: #94a3b8; }
  .apt-grid {
    --apt-pad-y: .24rem;
    --apt-pad-x: .48rem;
    --apt-gap: .2rem;
    --apt-name: .76rem;
    --apt-meta: .6rem;
    --apt-time: .66rem;
    --apt-surec: .56rem;
    --apt-mini: .58rem;
    --apt-badge: .52rem;
    --apt-btn: .58rem;
    --apt-btn-pad: .16rem;
    --apt-cols-md: 2;
    --apt-cols-xl: 3;
    display: flex;
    flex-direction: column;
    gap: var(--apt-gap);
  }
  .apt-grid.apt-yogunluk-rahat {
    --apt-pad-y: .28rem;
    --apt-pad-x: .5rem;
    --apt-gap: .24rem;
    --apt-name: .78rem;
    --apt-meta: .62rem;
    --apt-time: .68rem;
    --apt-surec: .58rem;
    --apt-cols-md: 2;
    --apt-cols-xl: 2;
  }
  .apt-grid.apt-yogunluk-normal {
    --apt-pad-y: .24rem;
    --apt-pad-x: .48rem;
    --apt-gap: .2rem;
    --apt-name: .76rem;
    --apt-meta: .6rem;
    --apt-time: .66rem;
    --apt-cols-md: 2;
    --apt-cols-xl: 3;
  }
  .apt-grid.apt-yogunluk-yogun {
    --apt-pad-y: .2rem;
    --apt-pad-x: .42rem;
    --apt-gap: .26rem;
    --apt-name: .76rem;
    --apt-meta: .6rem;
    --apt-time: .66rem;
    --apt-surec: .56rem;
    --apt-mini: .58rem;
    --apt-badge: .52rem;
    --apt-btn: .58rem;
    --apt-btn-pad: .24rem;
    --apt-cols-md: 3;
    --apt-cols-xl: 3;
  }
  .apt-grid.apt-yogunluk-sik {
    --apt-pad-y: .5rem;
    --apt-pad-x: .58rem;
    --apt-gap: .32rem;
    --apt-name: .8rem;
    --apt-meta: .64rem;
    --apt-time: .7rem;
    --apt-surec: .58rem;
    --apt-mini: .6rem;
    --apt-badge: .56rem;
    --apt-btn: .6rem;
    --apt-btn-pad: .28rem;
    --apt-cols-md: 3;
    --apt-cols-xl: 4;
  }
  .apt-grid.apt-yogunluk-sik .apt-surec-satir { display: none; }
  .apt-grid.apt-yogunluk-ultra {
    --apt-pad-y: .42rem;
    --apt-pad-x: .5rem;
    --apt-gap: .28rem;
    --apt-name: .76rem;
    --apt-meta: .6rem;
    --apt-time: .66rem;
    --apt-surec: .56rem;
    --apt-mini: .58rem;
    --apt-badge: .54rem;
    --apt-btn: .58rem;
    --apt-btn-pad: .24rem;
    --apt-cols-md: 4;
    --apt-cols-xl: 5;
  }
  .apt-grid.apt-yogunluk-ultra .apt-surec-satir { display: none; }
  .apt-grid.apt-yogunluk-ultra .apt-tel { display: none; }
  .apt-grid.apt-yogunluk-ultra .apt-mini-not { -webkit-line-clamp: 1; }
  @media (min-width: 768px) {
    .apt-grid {
      display: grid;
      grid-template-columns: repeat(var(--apt-cols-md), minmax(0, 1fr));
    }
  }
  @media (min-width: 1280px) {
    .apt-grid {
      grid-template-columns: repeat(var(--apt-cols-xl), minmax(0, 1fr));
    }
  }
  .cal-collapse summary { list-style: none; }
  .cal-collapse summary::-webkit-details-marker { display: none; }
  .cal-collapse[open] summary .cal-chevron { transform: rotate(180deg); }
  .cal-chevron { transition: transform .2s ease; }
  .plan-card { border: 1px solid rgba(15,23,42,.06); border-radius: 20px; background: #fff; }
  .plan-kart-pro { border-color: rgba(201,138,75,.35); background: linear-gradient(165deg,#f4f5f8 0%,#fff 55%); box-shadow: 0 8px 32px rgba(201,138,75,.12); }
  .plan-pro-plus { color: #f0cc6a; font-weight: 900; margin-left: 1px; }
  .plan-card.featured {
    border-color: #b5d4c4;
    background: linear-gradient(180deg, #edf5f0 0%, #fff 40%);
    box-shadow: 0 10px 30px rgba(47,107,82,.12);
  }
  .plan-badge-trial { background:#fef3c7; color:#92400e; }
  .plan-badge-active { background:#ecfdf5; color:#047857; }
  .plan-badge-warn { background:#fef2f2; color:#b91c1c; }
  .gcal-box { background: linear-gradient(135deg, #eff6ff 0%, #fff 100%); border-color: #bfdbfe; }
  .gcal-step {
    border-radius: 14px; border: 1px solid rgba(59,130,246,.15);
    background: rgba(255,255,255,.75); padding: .9rem 1rem;
  }
  .gcal-step-num {
    width: 1.65rem; height: 1.65rem; border-radius: 999px;
    background: linear-gradient(135deg, #3b82f6, #2563eb); color: #fff;
    font-size: .78rem; font-weight: 800; display: flex; align-items: center; justify-content: center;
    flex-shrink: 0;
  }
  .gcal-cihaz-btn {
    flex: 1; min-height: 3.25rem; border-radius: 14px; border: 1px solid rgba(15,23,42,.1);
    background: #fff; font-size: .88rem; font-weight: 700; color: #0f172a;
    transition: border-color .15s, background .15s, transform .1s;
  }
  .gcal-cihaz-btn:active { transform: scale(.98); }
  .gcal-cihaz-btn.active {
    border-color: rgba(37,99,235,.45); background: #eff6ff; color: #1d4ed8;
    box-shadow: 0 4px 14px rgba(59,130,246,.12);
  }
  .gcal-ipucu {
    border-radius: 12px; border: 1px solid rgba(201,138,75,.25);
    background: rgba(255,251,235,.9); padding: .75rem .85rem;
    font-size: .78rem; line-height: 1.5; color: #78350f;
  }
  .stat-card {
    background: #fff;
    border: 1px solid rgba(15,23,42,.06);
    border-radius: 18px;
    padding: 1rem 1.1rem;
    box-shadow: 0 1px 2px rgba(15,23,42,.04);
  }
  .stat-val { font-size: 1.65rem; font-weight: 800; letter-spacing: -.02em; line-height: 1.1; }
  @media (min-width: 768px) { .stat-val { font-size: 2rem; } }
  .stat-lbl { font-size: .72rem; font-weight: 700; color: #64748b; text-transform: uppercase; letter-spacing: .04em; }
  .period-pill {
    padding: .45rem .85rem; border-radius: 999px; font-size: .78rem; font-weight: 700;
    background: #f1f5f9; color: #64748b; transition: all .15s;
  }
  .period-pill.active {
    background: linear-gradient(135deg, #2f6b52, #4a8f6f);
    color: #fff; box-shadow: 0 4px 12px rgba(47,107,82,.25);
  }
  .chart-box {
    position: relative; height: 220px; width: 100%;
  }
  @media (min-width: 768px) { .chart-box { height: 260px; } }
  .rank-bar { height: 8px; border-radius: 999px; background: #e2e8f0; overflow: hidden; }
  .rank-bar-fill { height: 100%; border-radius: 999px; background: linear-gradient(90deg, var(--rv-gold), #8a5a2e); }
  .rank-bar-animate { animation: barGrow .6s ease-out both; transform-origin: left; }
  @keyframes barGrow { from { transform: scaleX(0); } to { transform: scaleX(1); } }
  .highlight-card {
    background: linear-gradient(135deg, #243d32 0%, #2f6b52 100%);
    color: #fff; border: none;
  }
  .highlight-card .stat-lbl { color: rgba(180,212,195,.78); }
  .stat-card-animate { animation: statIn .45s ease both; }
  .stat-card-animate:nth-child(2) { animation-delay: .05s; }
  .stat-card-animate:nth-child(3) { animation-delay: .1s; }
  .stat-card-animate:nth-child(4) { animation-delay: .15s; }
  @keyframes statIn {
    from { opacity: 0; transform: translateY(8px); }
    to { opacity: 1; transform: translateY(0); }
  }
  .chart-box-tall { position: relative; height: 240px; width: 100%; }
  @media (min-width: 768px) { .chart-box-tall { height: 280px; } }
  .chart-box-trend { height: 280px; }
  @media (min-width: 768px) { .chart-box-trend { height: 340px; } }
  @media (max-width: 767px) { .istat-panel--trend .chart-box-trend { height: 300px; } }

  /* ── İstatistik · Mythos analitik ── */
  .istat-shell { display: flex; flex-direction: column; gap: .7rem; position: relative; min-height: 12rem; }
  .istat-lock {
    position: absolute; inset: 0; z-index: 25; border-radius: 20px;
    display: flex; flex-direction: column; align-items: center; justify-content: center; gap: .55rem;
    background: rgba(255,251,235,.94); backdrop-filter: blur(10px);
    text-align: center; padding: 2rem 1.5rem;
  }
  .istat-lock.hidden { display: none; }
  .istat-hero {
    position: relative; overflow: hidden; border-radius: 20px;
    padding: 1.15rem 1.25rem 1.05rem;
    background: linear-gradient(155deg, #0a0d18 0%, #101528 48%, #0d1526 100%);
    border: 1px solid rgba(255,255,255,.08);
    box-shadow: 0 22px 56px rgba(0,0,0,.38), inset 0 1px 0 rgba(255,255,255,.06);
  }
  .istat-hero-glow, .istat-hero-glow-2 { position: absolute; pointer-events: none; }
  .istat-hero-glow {
    top: -45%; right: -8%; width: 52%; height: 130%;
    background: radial-gradient(ellipse, rgba(201,138,75,.2), transparent 68%);
  }
  .istat-hero-glow-2 {
    bottom: -35%; left: -6%; width: 42%; height: 85%;
    background: radial-gradient(ellipse, rgba(106,171,138,.14), transparent 72%);
  }
  .istat-hero-top { display: flex; justify-content: space-between; align-items: flex-start; gap: .75rem; position: relative; z-index: 1; }
  .istat-eyebrow {
    font-family: var(--rv-font); font-size: .62rem; letter-spacing: .03em; font-weight: 600;
    color: var(--rv-cyan); margin: 0 0 .2rem;
  }
  .istat-hero-title {
    font-family: var(--rv-font-d); font-size: 1.38rem; font-weight: 700;
    letter-spacing: -.03em; color: var(--rv-text); margin: 0; line-height: 1.15;
  }
  .istat-hero-sub { font-size: .78rem; color: var(--rv-text-2); margin: .3rem 0 0; }
  .istat-bayat-rozet {
    display: inline-block; margin: .35rem 0 0; font-size: .68rem; font-weight: 700;
    color: var(--rv-gold-2); background: rgba(201,138,75,.12);
    border: 1px solid rgba(201,138,75,.3); border-radius: 999px; padding: .18rem .55rem;
  }
  .istat-pro-pill {
    flex-shrink: 0; font-size: .58rem; font-weight: 700; letter-spacing: .03em;
    padding: .3rem .62rem; border-radius: 999px;
    background: linear-gradient(135deg, rgba(201,138,75,.22), rgba(201,138,75,.06));
    border: 1px solid rgba(201,138,75,.38); color: var(--rv-gold-2);
  }
  .istat-period { display: flex; flex-wrap: wrap; gap: .35rem; margin-top: .95rem; position: relative; z-index: 1; }
  .istat-period .period-pill {
    background: rgba(255,255,255,.05); border: 1px solid rgba(255,255,255,.09); color: var(--rv-text-2);
    padding: .42rem .78rem; font-family: var(--rv-font); font-size: .72rem; letter-spacing: .02em;
  }
  .istat-period .period-pill.active {
    background: linear-gradient(135deg, rgba(106,171,138,.18), rgba(201,138,75,.14));
    border-color: rgba(201,138,75,.42); color: var(--rv-text);
    box-shadow: 0 0 22px rgba(201,138,75,.14), inset 0 1px 0 rgba(255,255,255,.08);
  }
  .istat-plan-note { font-size: .66rem; color: var(--rv-text-3); margin: .55rem 0 0; position: relative; z-index: 1; }
  .istat-kpi-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: .5rem; }
  @media (min-width: 768px) { .istat-kpi-grid { grid-template-columns: repeat(5, 1fr); gap: .55rem; } }
  .istat-kpi {
    position: relative; overflow: hidden; border-radius: 16px;
    padding: .82rem .92rem;
    background: linear-gradient(168deg, rgba(14,17,28,.94), rgba(8,10,18,.97));
    border: 1px solid rgba(255,255,255,.07);
    box-shadow: 0 10px 28px rgba(0,0,0,.22);
  }
  .istat-kpi::after {
    content: ""; position: absolute; top: 0; left: 12%; right: 12%; height: 1px;
    background: linear-gradient(90deg, transparent, var(--kpi-accent, var(--rv-cyan)), transparent);
    opacity: .75;
  }
  .istat-kpi-lbl {
    font-family: var(--rv-font); font-size: .6rem; letter-spacing: .02em; font-weight: 600;
    color: var(--rv-text-3);
  }
  .istat-kpi-val {
    font-family: var(--rv-font-d); font-size: 1.55rem; font-weight: 700;
    letter-spacing: -.03em; margin-top: .25rem; line-height: 1;
  }
  @media (min-width: 768px) { .istat-kpi-val { font-size: 1.75rem; } }
  .istat-kpi--toplam .istat-kpi-val { color: var(--rv-text); }
  .istat-kpi--geldi { --kpi-accent: #34d399; } .istat-kpi--geldi .istat-kpi-val { color: #34d399; }
  .istat-kpi--gelmedi { --kpi-accent: #fb923c; } .istat-kpi--gelmedi .istat-kpi-val { color: #fb923c; }
  .istat-kpi--iptal { --kpi-accent: #94a3b8; } .istat-kpi--iptal .istat-kpi-val { color: var(--rv-text-2); }
  .istat-kpi--oran { --kpi-accent: var(--rv-gold); } .istat-kpi--oran .istat-kpi-val { color: var(--rv-gold-2); }
  .istat-kpi--oran { grid-column: span 2; }
  @media (min-width: 768px) { .istat-kpi--oran { grid-column: span 1; } }
  .istat-kpi-animate { animation: statIn .5s cubic-bezier(.22,1,.36,1) both; }
  .istat-kpi-animate:nth-child(2) { animation-delay: .04s; }
  .istat-kpi-animate:nth-child(3) { animation-delay: .08s; }
  .istat-kpi-animate:nth-child(4) { animation-delay: .12s; }
  .istat-kpi-animate:nth-child(5) { animation-delay: .16s; }
  .istat-feature {
    display: flex; align-items: center; justify-content: space-between; gap: .75rem;
    padding: .9rem 1.05rem; border-radius: 16px;
    background: linear-gradient(125deg, rgba(201,138,75,.14) 0%, rgba(47,107,82,.22) 55%, rgba(8,10,18,.4) 100%);
    border: 1px solid rgba(201,138,75,.22);
    box-shadow: 0 8px 28px rgba(0,0,0,.18);
  }
  .istat-feature-lbl { font-family: var(--rv-font-m); font-size: .56rem; letter-spacing: .12em; text-transform: uppercase; color: var(--rv-text-3); }
  .istat-feature-name { font-family: var(--rv-font-d); font-weight: 700; font-size: 1.05rem; color: var(--rv-text); margin-top: .15rem; }
  .istat-feature-num { font-family: var(--rv-font-d); font-size: 1.65rem; font-weight: 700; color: var(--rv-gold-2); line-height: 1; }
  .istat-feature-unit { font-size: .68rem; color: var(--rv-text-3); font-weight: 600; margin-top: .15rem; text-align: right; }
  .istat-panel {
    border-radius: 18px; padding: 1rem 1.1rem 1.05rem;
    background: linear-gradient(168deg, rgba(13,16,26,.96), rgba(8,10,18,.98));
    border: 1px solid rgba(255,255,255,.06);
    box-shadow: 0 14px 40px rgba(0,0,0,.28);
  }
  .istat-panel-head { display: flex; justify-content: space-between; align-items: baseline; gap: .5rem; margin-bottom: .7rem; }
  .istat-panel-head h3 { font-family: var(--rv-font-d); font-size: .94rem; font-weight: 700; color: var(--rv-text); margin: 0; }
  .istat-panel-meta { font-family: var(--rv-font-m); font-size: .56rem; letter-spacing: .1em; color: var(--rv-text-3); text-transform: uppercase; }
  .istat-split { display: grid; gap: .65rem; }
  @media (min-width: 768px) { .istat-split { grid-template-columns: 1fr 1fr; } }
  .istat-yogun { display: grid; gap: .5rem; }
  @media (min-width: 640px) { .istat-yogun { grid-template-columns: 1.2fr 1fr; } }
  .istat-yogun-card {
    border-radius: 14px; padding: .82rem .95rem;
    background: rgba(255,255,255,.025); border: 1px solid rgba(255,255,255,.06);
  }
  .istat-yogun-title { font-family: var(--rv-font-m); font-size: .54rem; letter-spacing: .12em; text-transform: uppercase; color: var(--rv-text-3); margin-bottom: .45rem; }
  .istat-yogun-row { display: flex; justify-content: space-between; align-items: center; gap: .5rem; font-size: .8rem; padding: .38rem 0; border-bottom: 1px solid rgba(255,255,255,.04); }
  .istat-yogun-row:last-child { border-bottom: none; }
  .istat-yogun-val { font-family: var(--rv-font-d); font-weight: 700; color: var(--rv-cyan); flex-shrink: 0; }
  .istat-yogun-big { font-family: var(--rv-font-d); font-size: 1.1rem; font-weight: 700; color: var(--rv-gold-2); margin-top: .25rem; line-height: 1.3; }
  .istat-svc-item { padding: .55rem 0; }
  .istat-svc-item + .istat-svc-item { border-top: 1px solid rgba(255,255,255,.04); }
  .istat-svc-top { display: flex; justify-content: space-between; gap: .5rem; font-size: .82rem; font-weight: 600; margin-bottom: .42rem; }
  .istat-svc-name { color: var(--rv-text); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
  .istat-svc-pct { color: var(--rv-cyan); font-family: var(--rv-font-m); font-size: .7rem; flex-shrink: 0; }
  .istat-svc-track { height: 5px; border-radius: 999px; background: rgba(255,255,255,.06); overflow: hidden; }
  .istat-svc-fill { height: 100%; border-radius: 999px; background: linear-gradient(90deg, var(--rv-cyan), var(--rv-gold)); transform-origin: left; animation: barGrow .7s cubic-bezier(.22,1,.36,1) both; }
  html.theme-light .istat-hero {
    background: linear-gradient(155deg, #ffffff 0%, #faf6ef 52%, #f3ece0 100%);
    border: 1px solid rgba(15,23,42,.12);
    box-shadow: 0 8px 28px rgba(15,23,42,.07);
  }
  html.theme-light .istat-hero-title { color: #020617 !important; font-size: 1.42rem !important; font-weight: 800 !important; }
  html.theme-light .istat-hero-sub, html.theme-light .istat-plan-note { color: #64748b; }
  html.theme-light .istat-eyebrow { color: #3d7a5f; }
  html.theme-light .istat-pro-pill { background: #f4f5f8; border-color: #e8ecf2; color: #92400e; }
  html.theme-light .istat-period .period-pill { background: #fff; border-color: rgba(15,23,42,.1); color: #64748b; }
  html.theme-light .istat-period .period-pill.active {
    background: linear-gradient(135deg, #2f6b52, #4a8f6f); border-color: transparent; color: #fff;
    box-shadow: 0 4px 16px rgba(47,107,82,.28);
  }
  html.theme-light .istat-kpi {
    background: #ffffff !important;
    border: 1px solid rgba(15,23,42,.11) !important;
    box-shadow: 0 4px 16px rgba(15,23,42,.05) !important;
  }
  html.theme-light .istat-kpi-lbl { color: #94a3b8; }
  html.theme-light .istat-kpi--toplam .istat-kpi-val { color: #0f172a; }
  html.theme-light .istat-kpi--iptal .istat-kpi-val { color: #64748b; }
  html.theme-light .istat-feature {
    background: linear-gradient(125deg, #f4f5f8 0%, #edf5f0 55%, #fff 100%);
    border-color: rgba(201,138,75,.25); box-shadow: 0 6px 20px rgba(15,23,42,.06);
  }
  html.theme-light .istat-feature-name { color: #0f172a; }
  html.theme-light .istat-feature-num { color: #7a8494; }
  html.theme-light .istat-panel {
    background: #ffffff !important;
    border: 1px solid rgba(15,23,42,.12) !important;
    box-shadow: 0 6px 22px rgba(15,23,42,.06) !important;
  }
  html.theme-light .istat-panel-head h3 { color: #020617 !important; font-size: 1rem !important; font-weight: 800 !important; }
  html.theme-light .istat-yogun-card { background: #fff; border-color: rgba(15,23,42,.07); }
  html.theme-light .istat-yogun-val { color: #3d7a5f; }
  html.theme-light .istat-yogun-big { color: #7a8494; }
  html.theme-light .istat-svc-name { color: #0f172a; }
  html.theme-light .istat-svc-pct { color: #3d7a5f; }
  html.theme-light .istat-svc-track { background: #e2e8f0; }
  html.theme-light .istat-svc-item + .istat-svc-item { border-color: rgba(15,23,42,.06); }
  html.theme-light .section-title {
    border: none;
    background: transparent;
  }
  html.theme-light .istat-hero-title,
  html.theme-light .istat-hero .section-title {
    border: none; background: transparent; padding: 0;
  }
  .istat-zone { display: flex; flex-direction: column; gap: .65rem; }
  .istat-zone-head { display: flex; flex-wrap: wrap; align-items: flex-end; justify-content: space-between; gap: .35rem .75rem; }
  .istat-stok-grid { display: grid; gap: .55rem; }
  @media (min-width: 640px) { .istat-stok-grid { grid-template-columns: repeat(3, 1fr); } }
  .istat-stok-mini {
    border: 1px solid rgba(255,255,255,.06); border-radius: 12px;
    padding: .65rem .75rem; background: rgba(255,255,255,.02);
    font-size: .78rem; color: var(--rv-text-2); line-height: 1.45;
  }
  .istat-stok-mini strong { color: var(--rv-text); font-weight: 700; display: block; margin-bottom: .35rem; font-size: .68rem; text-transform: uppercase; letter-spacing: .06em; }
  html.theme-light .istat-stok-mini { background: #fff; border-color: rgba(15,23,42,.08); }
  html.theme-light .rv-rail-num { color: #0f172a; }

  /* ── Kara liste · Mythos güvenlik ── */
  .kara-shell { display: flex; flex-direction: column; gap: .7rem; }
  .kara-hero {
    position: relative; overflow: hidden; border-radius: 20px;
    padding: 1.1rem 1.2rem;
    background: linear-gradient(155deg, #1a0a0a 0%, #1c1018 45%, #120d1a 100%);
    border: 1px solid rgba(239,68,68,.15);
    box-shadow: 0 20px 50px rgba(0,0,0,.32), inset 0 1px 0 rgba(255,255,255,.05);
  }
  .kara-hero-glow, .kara-hero-glow-2 { position: absolute; pointer-events: none; }
  .kara-hero-glow {
    top: -40%; right: -5%; width: 50%; height: 120%;
    background: radial-gradient(ellipse, rgba(239,68,68,.16), transparent 68%);
  }
  .kara-hero-glow-2 {
    bottom: -30%; left: -8%; width: 45%; height: 80%;
    background: radial-gradient(ellipse, rgba(201,138,75,.1), transparent 72%);
  }
  .kara-hero-top { display: flex; justify-content: space-between; align-items: flex-start; gap: .75rem; position: relative; z-index: 1; }
  .kara-eyebrow {
    font-family: var(--rv-font); font-size: .62rem; letter-spacing: .03em; font-weight: 600;
    color: #f87171; margin: 0 0 .2rem;
  }
  .kara-hero-title {
    font-family: var(--rv-font-d); font-size: 1.32rem; font-weight: 700;
    letter-spacing: -.03em; color: var(--rv-text); margin: 0;
  }
  .kara-hero-sub { font-size: .78rem; color: var(--rv-text-2); margin: .3rem 0 0; max-width: 28rem; }
  .kara-count {
    flex-shrink: 0; text-align: right;
    font-family: var(--rv-font-d); font-size: 1.5rem; font-weight: 700; color: #fca5a5; line-height: 1;
  }
  .kara-count-lbl { font-family: var(--rv-font-m); font-size: .54rem; letter-spacing: .1em; text-transform: uppercase; color: var(--rv-text-3); margin-top: .2rem; }
  .kara-shield-grid { display: grid; gap: .45rem; }
  @media (min-width: 640px) { .kara-shield-grid { grid-template-columns: 1fr; } }
  .kara-shield-item {
    display: flex; align-items: flex-start; gap: .55rem;
    padding: .75rem .85rem; border-radius: 14px;
    background: linear-gradient(168deg, rgba(14,17,28,.94), rgba(8,10,18,.97));
    border: 1px solid rgba(255,255,255,.06);
  }
  .kara-shield-ico {
    width: 2rem; height: 2rem; border-radius: 10px; flex-shrink: 0;
    display: flex; align-items: center; justify-content: center; font-size: .95rem;
    background: rgba(239,68,68,.12); border: 1px solid rgba(239,68,68,.2);
  }
  .kara-shield-title { font-size: .72rem; font-weight: 800; color: var(--rv-text); line-height: 1.25; }
  .kara-shield-desc { font-size: .66rem; color: var(--rv-text-3); margin-top: .15rem; line-height: 1.4; }
  .kara-shield-pro { font-size: .58rem; font-weight: 800; color: var(--rv-gold-2); letter-spacing: .04em; }
  .kara-panel {
    border-radius: 18px; padding: 1rem 1.1rem;
    background: linear-gradient(168deg, rgba(13,16,26,.96), rgba(8,10,18,.98));
    border: 1px solid rgba(255,255,255,.06);
    box-shadow: 0 12px 36px rgba(0,0,0,.24);
  }
  .kara-panel-form { border-color: rgba(239,68,68,.12); }
  .kara-panel-head { display: flex; justify-content: space-between; align-items: baseline; gap: .5rem; margin-bottom: .75rem; }
  .kara-panel-head h3 { font-family: var(--rv-font-d); font-size: .92rem; font-weight: 700; color: var(--rv-text); margin: 0; }
  .kara-panel-meta { font-family: var(--rv-font-m); font-size: .56rem; letter-spacing: .1em; color: var(--rv-text-3); text-transform: uppercase; }
  .kara-btn-block {
    width: 100%; padding: .82rem 1rem; border-radius: 12px; border: none; cursor: pointer;
    font-size: .82rem; font-weight: 800; letter-spacing: .02em;
    background: linear-gradient(135deg, #dc2626, #b91c1c);
    color: #fff; box-shadow: 0 6px 20px rgba(220,38,38,.28);
    transition: transform .12s, box-shadow .15s;
  }
  .kara-btn-block:hover { box-shadow: 0 8px 26px rgba(220,38,38,.38); }
  .kara-btn-block:active { transform: scale(.98); }
  .kara-row {
    display: flex; align-items: center; justify-content: space-between; gap: .75rem;
    padding: .82rem .9rem; border-radius: 14px;
    background: rgba(255,255,255,.025); border: 1px solid rgba(255,255,255,.06);
    animation: statIn .4s cubic-bezier(.22,1,.36,1) both;
  }
  .kara-row + .kara-row { margin-top: .45rem; }
  .kara-row-tel { font-family: var(--rv-font-d); font-weight: 700; font-size: .92rem; color: var(--rv-text); }
  .kara-row-meta { font-size: .72rem; color: var(--rv-text-3); margin-top: .2rem; line-height: 1.35; }
  .kara-badge-auto {
    display: inline-block; font-size: .56rem; font-weight: 800; letter-spacing: .06em; text-transform: uppercase;
    padding: .12rem .4rem; border-radius: 999px; margin-left: .35rem;
    background: rgba(201,138,75,.15); border: 1px solid rgba(201,138,75,.3); color: var(--rv-gold-2);
  }
  .kara-btn-affet {
    flex-shrink: 0; padding: .45rem .7rem; border-radius: 10px; border: 1px solid rgba(52,211,153,.25);
    background: rgba(74,143,111,.1); color: #9ecfb5; font-size: .68rem; font-weight: 800; cursor: pointer;
    transition: background .15s;
  }
  .kara-btn-affet:hover { background: rgba(74,143,111,.18); }
  .kara-empty {
    text-align: center; padding: 2.2rem 1rem; border-radius: 14px;
    background: rgba(255,255,255,.02); border: 1px dashed rgba(255,255,255,.08);
  }
  .kara-empty-ico { font-size: 2rem; opacity: .55; margin-bottom: .5rem; }
  .kara-empty-title { font-family: var(--rv-font-d); font-weight: 700; color: var(--rv-text-2); font-size: .9rem; }
  .kara-empty-sub { font-size: .72rem; color: var(--rv-text-3); margin-top: .25rem; }
  .kara-link-ayar { font-size: .68rem; color: var(--rv-cyan); font-weight: 600; }
  .kara-link-ayar:hover { text-decoration: underline; }
  html.theme-light .kara-hero {
    background: linear-gradient(155deg, #ffffff 0%, #fff5f5 50%, #fef2f2 100%);
    border: 1px solid rgba(239,68,68,.18);
    box-shadow: 0 8px 28px rgba(15,23,42,.07);
  }
  html.theme-light .kara-hero-title { color: #020617 !important; font-weight: 800 !important; }
  html.theme-light .kara-hero-sub { color: #64748b; }
  html.theme-light .kara-count { color: #dc2626; }
  html.theme-light .kara-shield-item {
    background: #ffffff !important;
    border: 1px solid rgba(15,23,42,.11) !important;
  }
  html.theme-light .kara-shield-title { color: #020617 !important; font-weight: 800 !important; }
  html.theme-light .kara-panel {
    background: #ffffff !important;
    border: 1px solid rgba(15,23,42,.12) !important;
    box-shadow: 0 6px 22px rgba(15,23,42,.06) !important;
  }
  html.theme-light .kara-panel-head h3 { color: #020617 !important; font-weight: 800 !important; }
  html.theme-light .kara-row { background: #fff; border-color: rgba(15,23,42,.07); }
  html.theme-light .kara-row-tel { color: #0f172a; }
  html.theme-light .kara-btn-affet { background: #ecfdf5; border-color: #a7f3d0; color: #047857; }
  html.theme-light .kara-empty { background: #f8fafc; border-color: #e2e8f0; }

  html.theme-dark { color-scheme: dark; }
  html.theme-dark body { background: #0b1220; color: #e2e8f0; }
  html.theme-dark .card,
  html.theme-dark .form-block,
  html.theme-dark .stat-card,
  html.theme-dark .plan-card,
  html.theme-dark .stok-urun-kart {
    background: #141c2e;
    border-color: rgba(255,255,255,.08);
    box-shadow: 0 1px 2px rgba(0,0,0,.22);
  }
  html.theme-dark .plan-card.featured {
    background: linear-gradient(180deg, #1c2e26 0%, #141c2e 45%);
    border-color: rgba(74,143,111,.35);
  }
  html.theme-dark .field {
    background: #1a2438;
    border-color: rgba(255,255,255,.12);
    color: #f1f5f9;
  }
  html.theme-dark .field:focus {
    border-color: #7aad92;
    box-shadow: 0 0 0 3px rgba(122,173,146,.15);
  }
  html.theme-dark .section-title,
  html.theme-dark .form-label { color: #f1f5f9; }
  html.theme-dark .section-sub,
  html.theme-dark .field-hint,
  html.theme-dark .page-footer,
  html.theme-dark .stat-lbl { color: #94a3b8; }
  html.theme-dark .btn-soft { background: #1e293b; color: #e2e8f0; }
  html.theme-dark .mr-slot-btn--selected {
    background: linear-gradient(135deg, #e6b47e, #c98a4b, #8a5a2e);
    color: #0f1419;
    border-color: rgba(201,138,75,.4);
    box-shadow: 0 0 0 2px rgba(201,138,75,.35), 0 8px 26px rgba(201,138,75,.3);
  }
  html.theme-dark .desktop-topbar {
    background:
      radial-gradient(ellipse 60% 100% at 100% 0%, rgba(201,138,75,.12), transparent 55%),
      rgba(20,28,46,.92);
    border-color: rgba(255,255,255,.08);
  }
  html.theme-dark .welcome-banner {
    background: rgba(255,255,255,.05);
    border-color: rgba(255,255,255,.1);
  }
  html.theme-dark .topbar-btn-ghost { background: #1a2438; color: #e2e8f0; border-color: rgba(255,255,255,.1); }
  html.theme-dark .kpi-card { background: #141c2e; border-color: rgba(255,255,255,.08); }
  html.theme-dark .kpi-icon { background: rgba(255,255,255,.06); }
  html.theme-dark .apt-time-pill { background: #1c2e26; color: #8fbfaa; border-color: rgba(74,143,111,.3); }
  html.theme-dark .empty-state-premium { background: linear-gradient(180deg, #141c2e, #1a2438); border-color: rgba(255,255,255,.1); }
  /* WhatsApp müşteri önizlemesi — koyu modda da WA yeşili / koyu metin */
  html.theme-dark .wa-preview-shell.card {
    background: linear-gradient(135deg, #e7ffdb 0%, #ffffff 100%) !important;
    border-color: rgba(16, 185, 129, 0.35) !important;
    box-shadow: 0 4px 24px rgba(0, 0, 0, 0.22) !important;
  }
  html.theme-dark .wa-preview-shell .wa-preview-title {
    color: #064e3b !important;
  }
  html.theme-dark .wa-preview-shell .wa-preview-inner {
    background: rgba(255, 255, 255, 0.92) !important;
    border-color: rgba(16, 185, 129, 0.25) !important;
  }
  html.theme-dark .wa-preview-shell .wa-preview-msg {
    color: #1e293b !important;
  }
  html.theme-dark .glass-nav {
    background: rgba(11,18,32,.52);
    border-top-color: rgba(255,255,255,.08);
  }
  html.theme-dark .tab-btn { color: #94a3b8; }
  html.theme-dark .mob-nav-arrow-l { background: linear-gradient(90deg, rgba(11,18,32,.45) 45%, transparent); }
  html.theme-dark .mob-nav-arrow-r { background: linear-gradient(270deg, rgba(11,18,32,.45) 45%, transparent); }
  html.theme-dark .gecmis-filtre-panel {
    background: linear-gradient(135deg, rgba(20,28,46,.96) 0%, #141c2e 100%);
    border-color: rgba(255,255,255,.08);
    box-shadow: inset 0 1px 0 rgba(255,255,255,.04);
  }
  html.theme-dark .musteri-ara-panel {
    background: transparent;
    border: none;
    box-shadow: none;
  }
  html.theme-dark .musteri-filtre-btn,
  html.theme-mythos .musteri-filtre-btn {
    border-color: rgba(255,255,255,.14);
    background: rgba(26,36,56,.9);
    color: #cbd5e1;
    box-shadow: 0 1px 3px rgba(0,0,0,.2);
  }
  html.theme-dark .musteri-filtre-btn:hover:not(.is-active),
  html.theme-mythos .musteri-filtre-btn:hover:not(.is-active) {
    border-color: rgba(143,191,170,.35);
    background: rgba(28,46,38,.65);
    color: #e2e8f0;
  }
  html.theme-dark .musteri-filtre-btn.is-active,
  html.theme-mythos .musteri-filtre-btn.is-active {
    background: linear-gradient(135deg, #4a8f6f 0%, #2f6b52 100%);
    color: #fff;
    border-color: transparent;
    box-shadow: 0 4px 14px rgba(61,122,95,.4), inset 0 1px 0 rgba(255,255,255,.15);
  }
  html.theme-dark .gecmis-filtre-ozet { color: #94a3b8; }
  html.theme-dark .gecmis-filtre-durum-lbl { color: #fbbf24; }
  html.theme-dark .gecmis-filtre-chip-track {
    background: rgba(255,255,255,.04);
    border-color: rgba(255,255,255,.08);
    box-shadow: inset 0 1px 2px rgba(0,0,0,.2);
  }
  html.theme-dark .gecmis-filtre-chip,
  html.theme-dark .period-pill,
  html.theme-dark .cs-gun-chip,
  html.theme-dark .saat-gun-mini {
    background: transparent;
    border-color: transparent;
    color: #94a3b8;
  }
  html.theme-dark .gecmis-filtre-chip:hover:not(.active) {
    background: rgba(255,255,255,.06);
    color: #e2e8f0;
  }
  html.theme-dark .gecmis-filtre-chip.active {
    background: linear-gradient(135deg, #d97706, #b45309);
    border-color: transparent;
    color: #fff;
    box-shadow: 0 2px 12px rgba(217, 119, 6, .35);
  }
  html.theme-dark .gecmis-filtre-chip[data-durum="completed"].active {
    background: linear-gradient(135deg, #34d399, #059669);
  }
  html.theme-dark .gecmis-filtre-chip[data-durum="no_show"].active {
    background: linear-gradient(135deg, #64748b, #475569);
  }
  html.theme-dark .gecmis-filtre-chip[data-durum="cancelled"].active {
    background: linear-gradient(135deg, #f87171, #dc2626);
  }
  html.theme-dark .saat-gun-mini.secili,
  html.theme-dark .saat-gun-mini.bugun {
    background: #1c2e26;
    border-color: #4a8f6f;
    color: #8fbfaa;
  }
  html.theme-dark .saat-gun-mini.kapali,
  html.theme-mythos .saat-gun-mini.kapali {
    background: rgba(8, 12, 22, .92);
    border-color: rgba(255,255,255,.06);
    opacity: 1;
  }
  html.theme-dark .saat-gun-mini.kapali .durum,
  html.theme-mythos .saat-gun-mini.kapali .durum {
    color: #f87171;
  }
  html.theme-dark .saat-gun-satir,
  html.theme-mythos .saat-gun-satir {
    background: var(--rv-surface-1, #141c2e);
    border-color: rgba(255,255,255,.1);
    box-shadow: none;
    color: #e2e8f0;
  }
  html.theme-dark .saat-gun-satir.bugun,
  html.theme-mythos .saat-gun-satir.bugun {
    border-color: rgba(74,143,111,.28);
  }
  html.theme-dark .saat-gun-satir.kapali:not(.bos),
  html.theme-mythos .saat-gun-satir.kapali:not(.bos) {
    background: rgba(8, 12, 22, .94);
    border-color: rgba(255,255,255,.06);
  }
  html.theme-dark .saat-gun-satir.bos,
  html.theme-mythos .saat-gun-satir.bos {
    background: rgba(20, 28, 46, .72);
    border-color: rgba(148,163,184,.18);
  }
  html.theme-dark .saat-gun-ad,
  html.theme-mythos .saat-gun-ad { color: #f1f5f9; }
  html.theme-dark .saat-gun-saat,
  html.theme-mythos .saat-gun-satir.acik .saat-gun-saat { color: #cbd5e1; }
  html.theme-dark .saat-gun-satir.kapali:not(.bos) .saat-gun-saat,
  html.theme-mythos .saat-gun-satir.kapali:not(.bos) .saat-gun-saat {
    color: #f87171;
  }
  html.theme-dark .saat-gun-satir.bos .saat-gun-saat,
  html.theme-mythos .saat-gun-satir.bos .saat-gun-saat { color: #94a3b8; }
  html.theme-dark .saat-gun-mola,
  html.theme-mythos .saat-gun-mola { color: #94a3b8; }
  html.theme-dark .saat-durum-badge.kapali,
  html.theme-mythos .saat-durum-badge.kapali {
    background: rgba(239,68,68,.16);
    color: #fca5a5;
  }
  html.theme-dark .saat-durum-badge.acik,
  html.theme-mythos .saat-durum-badge.acik {
    background: rgba(16,185,129,.14);
    color: #6ee7b7;
  }
  html.theme-dark .saat-wa-serit,
  html.theme-mythos .saat-wa-serit {
    color: #6ee7b7;
    background: rgba(16, 185, 129, .12);
    border-color: rgba(52, 211, 153, .24);
    font-weight: 600;
  }
  html.theme-dark .saat-wa-serit--bos,
  html.theme-mythos .saat-wa-serit--bos {
    color: #86efac;
    background: rgba(16, 185, 129, .1);
    border-color: rgba(52, 211, 153, .2);
  }
  html.theme-dark .saat-ozet-kart,
  html.theme-mythos .saat-ozet-kart {
    background: #0f172a;
    border-color: rgba(148,163,184,.18);
  }
  html.theme-dark .saat-ozet-val,
  html.theme-mythos .saat-ozet-val { color: #e2e8f0; }
  html.theme-dark .saat-sablon-blok,
  html.theme-mythos .saat-sablon-blok {
    background: rgba(251, 191, 36, .06);
    border-color: rgba(251, 191, 36, .22);
  }
  html.theme-dark .saat-sablon-chip,
  html.theme-mythos .saat-sablon-chip {
    background: #0f172a;
    border-color: rgba(251, 191, 36, .25);
  }
  html.theme-dark .saat-sablon-ad,
  html.theme-mythos .saat-sablon-ad { color: #fde68a; }
  html.theme-dark .saat-sablon-acik,
  html.theme-mythos .saat-sablon-acik { color: #d6b25e; }
  html.theme-dark .saat-zaman-grup,
  html.theme-mythos .saat-zaman-grup {
    background: rgba(255,255,255,.04);
    border-color: rgba(255,255,255,.08);
  }
  html.theme-dark .saat-zaman-input,
  html.theme-mythos .saat-zaman-input {
    background: #1a2438;
    border-color: rgba(255,255,255,.12);
    color: #f1f5f9;
  }
  /* Takvim ay ızgarası — koyu tema (boş günler beyaz kalmasın; geçmiş okunaklı kalsın) */
  html.theme-dark .cal-day,
  html.theme-mythos .cal-day {
    background: #1a2438 !important;
    border-color: rgba(148, 163, 184, .22) !important;
    color: #e2e8f0 !important;
    box-shadow: none;
  }
  html.theme-dark .cal-day-num,
  html.theme-mythos .cal-day-num {
    color: #e2e8f0 !important;
  }
  html.theme-dark .cal-day:hover:not(.cal-past):not(:disabled),
  html.theme-mythos .cal-day:hover:not(.cal-past):not(:disabled) {
    background: #243044 !important;
    border-color: rgba(110, 231, 183, .28) !important;
  }
  html.theme-dark .cal-day:active:not(:disabled),
  html.theme-mythos .cal-day:active:not(:disabled),
  html.theme-dark .cal-day:focus-visible,
  html.theme-mythos .cal-day:focus-visible {
    background: #2a3848 !important;
    color: #f8fafc !important;
    outline: none;
  }
  html.theme-dark .cal-day:active:not(:disabled) .cal-day-num,
  html.theme-mythos .cal-day:active:not(:disabled) .cal-day-num,
  html.theme-dark .cal-day:focus-visible .cal-day-num,
  html.theme-mythos .cal-day:focus-visible .cal-day-num {
    color: #f8fafc !important;
  }
  html.theme-dark .cal-day.cal-past,
  html.theme-mythos .cal-day.cal-past {
    opacity: 1;
    background: #141c2c !important;
    border-color: rgba(148, 163, 184, .12) !important;
    color: #94a3b8 !important;
    cursor: default !important;
    pointer-events: none;
    box-shadow: none !important;
  }
  html.theme-dark .cal-day.cal-past .cal-day-num,
  html.theme-mythos .cal-day.cal-past .cal-day-num {
    color: #94a3b8 !important;
  }
  html.theme-dark .cal-day.cal-past:hover,
  html.theme-mythos .cal-day.cal-past:hover,
  html.theme-dark .cal-day.cal-past:focus,
  html.theme-mythos .cal-day.cal-past:focus,
  html.theme-dark .cal-day.cal-past:active,
  html.theme-mythos .cal-day.cal-past:active {
    background: #141c2c !important;
    border-color: rgba(148, 163, 184, .12) !important;
    color: #94a3b8 !important;
    box-shadow: none !important;
    transform: none !important;
  }
  html.theme-dark .cal-day.cal-past:hover .cal-day-num,
  html.theme-mythos .cal-day.cal-past:hover .cal-day-num,
  html.theme-dark .cal-day.cal-past:focus .cal-day-num,
  html.theme-mythos .cal-day.cal-past:focus .cal-day-num,
  html.theme-dark .cal-day.cal-past:active .cal-day-num,
  html.theme-mythos .cal-day.cal-past:active .cal-day-num {
    color: #94a3b8 !important;
  }
  html.theme-dark .cal-day.has-apts:not(.cal-past),
  html.theme-mythos .cal-day.has-apts:not(.cal-past) {
    background: #1c2e26 !important;
    border-color: rgba(110, 231, 183, .28) !important;
  }
  html.theme-dark .cal-day.has-apts:not(.cal-past) .cal-day-num,
  html.theme-mythos .cal-day.has-apts:not(.cal-past) .cal-day-num {
    color: #d1fae5 !important;
  }
  html.theme-dark .cal-day.today:not(.selected),
  html.theme-mythos .cal-day.today:not(.selected) {
    box-shadow: 0 0 0 2px #4a8f6f;
    border-color: rgba(74, 143, 111, .45) !important;
    background: #1c2e26 !important;
  }
  html.theme-dark .cal-day.today:not(.selected) .cal-day-num,
  html.theme-mythos .cal-day.today:not(.selected) .cal-day-num {
    color: #a7f3d0 !important;
  }
  html.theme-dark .cal-day.selected,
  html.theme-mythos .cal-day.selected {
    background: #2a3f35 !important;
    border-color: rgba(250, 204, 21, .45) !important;
    box-shadow: 0 0 0 2px #fbbf24, 0 4px 14px rgba(251, 191, 36, .18);
    color: #fef9c3 !important;
  }
  html.theme-dark .cal-day.selected .cal-day-num,
  html.theme-mythos .cal-day.selected .cal-day-num {
    color: #fef08a !important;
  }
  html.theme-dark .cal-day.today.selected,
  html.theme-mythos .cal-day.today.selected {
    box-shadow: 0 0 0 2px #fbbf24, 0 0 0 4px rgba(74, 143, 111, .35);
  }
  html.theme-dark .cal-day.cal-past.selected .cal-day-num,
  html.theme-mythos .cal-day.cal-past.selected .cal-day-num {
    color: #fef08a !important;
  }
  html.theme-dark .cal-past .cal-count,
  html.theme-mythos .cal-past .cal-count {
    opacity: .85;
  }
  html.theme-dark .pro-lock-overlay {
    background: linear-gradient(160deg, #141c2e 0%, #1c2e26 100%);
    border-color: rgba(255,255,255,.08);
  }
  html.theme-dark .yogun-gun-kart,
  html.theme-dark .saat-bugun-kart {
    background: linear-gradient(135deg, #1c2e26 0%, #141c2e 100%);
    border-color: rgba(74,143,111,.25);
  }
  html.theme-dark .rank-bar { background: #1e293b; }
  html.theme-dark .mg-btn {
    background: linear-gradient(145deg, #f6d78a 0%, #e6b047 42%, #c98a4b 100%);
    color: #0f172a;
    border-color: rgba(255, 236, 179, .95);
    box-shadow:
      0 0 0 2px rgba(2, 6, 23, .55),
      0 3px 14px rgba(201, 138, 75, .55),
      inset 0 1px 0 rgba(255, 255, 255, .45);
  }
  html.theme-mythos .mg-btn {
    background: linear-gradient(145deg, #f6d78a 0%, #e6b047 42%, #c98a4b 100%);
    color: #0f172a;
    border-color: rgba(255, 236, 179, .95);
    box-shadow:
      0 0 0 2px rgba(2, 6, 23, .55),
      0 3px 14px rgba(201, 138, 75, .55),
      inset 0 1px 0 rgba(255, 255, 255, .45);
  }
  html.theme-dark .toast.err { background: #3f1d1d; color: #fecaca; border-color: #7f1d1d; }
  html.theme-dark .toast.ok { background: #1c2e26; color: #9ecfb5; border-color: #243d32; }
  html.theme-dark .text-slate-900,
  html.theme-dark .text-slate-800,
  html.theme-dark .text-slate-700 { color: #e2e8f0 !important; }
  html.theme-dark .text-slate-600,
  html.theme-dark .text-slate-500 { color: #94a3b8 !important; }
  html.theme-dark .text-slate-400 { color: #64748b !important; }
  html.theme-dark .text-brand-600,
  html.theme-dark .text-brand-700,
  html.theme-dark .text-brand-900 { color: #8fbfaa !important; }
  html.theme-dark .bg-white { background-color: #141c2e !important; }
  html.theme-dark .bg-slate-50,
  html.theme-dark .bg-slate-100 { background-color: #1a2438 !important; }
  html.theme-dark .bg-teal-50,
  html.theme-dark .bg-brand-50,
  html.theme-dark .bg-emerald-50 { background-color: #1c2e26 !important; }
  html.theme-dark .bg-amber-50 { background-color: #292218 !important; }
  html.theme-dark .bg-orange-50 { background-color: #2a1f18 !important; }
  html.theme-dark .bg-red-50 { background-color: #2a1515 !important; }
  html.theme-dark .border-slate-100,
  html.theme-dark .border-slate-200,
  html.theme-dark .border-teal-100,
  html.theme-dark .border-emerald-100,
  html.theme-dark .border-amber-100,
  html.theme-dark .border-orange-200 { border-color: rgba(255,255,255,.1) !important; }
  html.theme-dark select.field option { background: #1a2438; color: #f1f5f9; }
  html.theme-dark #modal-stok-urun > div:last-child,
  html.theme-dark #modal-stok-barkod > div:last-child { background: #141c2e; color: #e2e8f0; }
  html.theme-dark .stok-barkod-arama {
    border-color: rgba(212, 168, 75, .28);
    background: linear-gradient(145deg, rgba(212, 168, 75, .1), rgba(15, 23, 42, .35));
  }
  html.theme-dark .stok-barkod-arama-baslik { color: #e2e8f0; }
  html.theme-dark .stok-barkod-arama-alt { color: #94a3b8; }
  html.theme-dark .stok-barkod-arama.is-ok .stok-barkod-arama-alt { color: #9ecfb5; }
  /* ── Koyu mod: semantik metin / rozet / yarı saydam arka plan ── */
  html.theme-dark .text-amber-950,
  html.theme-dark .text-amber-900,
  html.theme-dark .text-amber-800 { color: #e6b47e !important; }
  html.theme-dark .text-orange-800,
  html.theme-dark .text-orange-700 { color: #fdba74 !important; }
  html.theme-dark .text-emerald-900,
  html.theme-dark .text-emerald-800,
  html.theme-dark .text-emerald-700 { color: #9ecfb5 !important; }
  html.theme-dark .text-violet-900,
  html.theme-dark .text-violet-800,
  html.theme-dark .text-violet-700 { color: #c4b5fd !important; }
  html.theme-dark .text-blue-900,
  html.theme-dark .text-blue-800,
  html.theme-dark .text-blue-700 { color: #93c5fd !important; }
  html.theme-dark .text-red-800,
  html.theme-dark .text-red-700,
  html.theme-dark .text-red-600 { color: #fca5a5 !important; }
  html.theme-dark .text-teal-700,
  html.theme-dark .text-teal-800,
  html.theme-dark .text-teal-900 { color: #8fbfaa !important; }
  html.theme-dark .durum-confirmed { background: #1c2e26; color: #9ecfb5; }
  html.theme-dark .durum-completed { background: #172554; color: #93c5fd; }
  html.theme-dark .durum-cancelled { background: #3f1d1d; color: #fca5a5; }
  html.theme-dark .durum-no_show { background: #2a1f18; color: #fdba74; }
  html.theme-dark .durum-pending { background: #292218; color: #e6b47e; }
  html.theme-dark .plan-badge-active { background: #1c2e26; color: #9ecfb5; }
  html.theme-dark .plan-badge-trial { background: #292218; color: #e6b47e; }
  html.theme-dark .plan-badge-warn { background: #3f1d1d; color: #fca5a5; }
  html.theme-dark [class*="bg-white/"] { background-color: rgba(20, 28, 46, 0.88) !important; }
  html.theme-dark .wa-preview-shell [class*="bg-white/"] { background-color: rgba(255, 255, 255, 0.92) !important; }
  html.theme-dark .bg-slate-50\/60,
  html.theme-dark .bg-slate-50\/50,
  html.theme-dark .bg-slate-50\/80,
  html.theme-dark .bg-brand-50\/40,
  html.theme-dark .bg-brand-50\/50,
  html.theme-dark .bg-white\/60,
  html.theme-dark .bg-white\/70,
  html.theme-dark .bg-white\/80 { background-color: rgba(255,255,255,.04) !important; }
  html.theme-dark #tab-ayarlar [class*="bg-white/"] {
    background-color: rgba(255,255,255,.04) !important;
  }
  html.theme-dark .bg-orange-50\/60,
  html.theme-dark .bg-gradient-to-br.from-orange-50 { background: linear-gradient(135deg, #2a1f18, #141c2e) !important; }
  html.theme-dark .bg-violet-50 { background-color: #1e1b2e !important; }
  html.theme-dark .border-violet-100,
  html.theme-dark .border-violet-200,
  html.theme-dark .border-blue-200,
  html.theme-dark .border-blue-100,
  html.theme-dark .border-emerald-200,
  html.theme-dark .border-emerald-100,
  html.theme-dark .border-amber-200,
  html.theme-dark .border-red-200 { border-color: rgba(255, 255, 255, 0.12) !important; }
  html.theme-dark .gcal-box {
    background: linear-gradient(135deg, #172554 0%, #141c2e 100%) !important;
    border-color: rgba(147, 197, 253, 0.25) !important;
  }
  html.theme-dark .gcal-step { background: rgba(15,23,42,.55); border-color: rgba(147,197,253,.2); }
  html.theme-dark .gcal-cihaz-btn { background: rgba(15,23,42,.6); color: #e2e8f0; border-color: rgba(255,255,255,.1); }
  html.theme-dark .gcal-cihaz-btn.active { background: rgba(30,58,138,.5); color: #93c5fd; }
  html.theme-dark .gcal-ipucu { background: rgba(120,53,15,.25); border-color: rgba(201,138,75,.25); color: #eef1f6; }
  html.theme-light .gcal-step { background: #fff; border-color: rgba(59,130,246,.12); }
  html.theme-light .gcal-cihaz-btn { background: #fff; }
  html.theme-dark .stok-urun-kart.dusuk { background: #292218 !important; }
  html.theme-dark .hero-header,
  html.theme-dark .mobile-premium-header,
  html.theme-dark .today-hero,
  html.theme-dark .day-header,
  html.theme-dark .highlight-card { color: #edf5f0; }
  html.theme-dark .highlight-card .stat-val { color: #fff; }
  html.theme-dark .mg-btn:hover {
    background: linear-gradient(145deg, #ffe9a8 0%, #f0c98a 40%, #e6b047 100%) !important;
    color: #0f172a !important;
  }
  html.theme-dark .pro-lock-overlay .text-slate-900,
  html.theme-dark .pro-lock-overlay .text-slate-800 { color: #e2e8f0 !important; }

  /* ── MYTHOS SİNEMATİK KATMAN (theme-dark ile birlikte) ── */
  html.theme-dark body {
    background: transparent;
    color: var(--rv-text, #e2e8f0);
  }
  html.theme-dark .sidebar-panel {
    border-right: 1px solid rgba(255,255,255,.06);
    box-shadow: 4px 0 48px rgba(0,0,0,.5);
  }
  html.theme-dark .sidebar-btn.active {
    background: linear-gradient(135deg, rgba(201,138,75,.14), rgba(201,138,75,.06));
    border-color: rgba(201,138,75,.22);
    box-shadow: 0 0 28px rgba(201,138,75,.08), inset 0 1px 0 rgba(255,255,255,.06);
  }
  html.theme-dark .sidebar-btn.active::before { background: linear-gradient(180deg, #c98a4b, #4a8f6f); }
  html.theme-dark .card,
  html.theme-dark .form-block,
  html.theme-dark .stat-card,
  html.theme-dark .plan-card,
  html.theme-dark .stok-urun-kart {
    background: linear-gradient(168deg, rgba(18,22,36,.92), rgba(10,13,23,.96)) !important;
    border-color: rgba(255,255,255,.07) !important;
    box-shadow: 0 1px 0 rgba(255,255,255,.03) inset, 0 18px 48px rgba(0,0,0,.38);
  }
  html.theme-dark .kpi-card {
    background: linear-gradient(168deg, rgba(18,22,36,.94), rgba(10,13,23,.97));
    border-color: rgba(255,255,255,.07);
  }
  html.theme-dark .kpi-card-primary {
    background:
      radial-gradient(120% 140% at 0% 0%, rgba(74,143,111,.22), transparent 60%),
      linear-gradient(135deg, #172019, #1a2922);
    border-color: rgba(122,173,146,.22);
    box-shadow: 0 0 44px rgba(74,143,111,.08), 0 18px 48px rgba(0,0,0,.4);
  }
  html.theme-dark .desktop-topbar {
    background:
      radial-gradient(ellipse 60% 100% at 100% 0%, rgba(201,138,75,.14), transparent 55%),
      rgba(8,10,18,.78) !important;
    border-color: rgba(255,255,255,.08) !important;
    backdrop-filter: blur(18px) saturate(1.25);
    -webkit-backdrop-filter: blur(18px) saturate(1.25);
    box-shadow: 0 14px 40px rgba(0,0,0,.35);
  }
  html.theme-dark .welcome-banner {
    background: rgba(255,255,255,.06) !important;
    border-color: rgba(255,255,255,.1) !important;
  }
  html.theme-dark .field {
    background: rgba(10,14,24,.85) !important;
    border-color: rgba(255,255,255,.09) !important;
  }
  html.theme-dark .field:focus {
    border-color: rgba(201,138,75,.55) !important;
    box-shadow: 0 0 0 3px rgba(201,138,75,.14) !important;
  }
  html.theme-dark .plan-card.featured {
    border-color: rgba(201,138,75,.34) !important;
    background:
      linear-gradient(170deg, rgba(41,32,14,.5), rgba(10,13,23,.96)) !important;
    box-shadow: 0 0 0 1px rgba(201,138,75,.1), 0 22px 60px rgba(0,0,0,.5), 0 0 56px rgba(201,138,75,.06);
  }
  html.theme-dark .empty-state-premium {
    background: linear-gradient(180deg, rgba(18,22,36,.9), rgba(13,17,30,.95));
    border-color: rgba(255,255,255,.08);
  }
  html.theme-dark .glass-nav {
    background: rgba(6,8,14,.48) !important;
    border-color: rgba(255,255,255,.08) !important;
    backdrop-filter: blur(12px) saturate(1.1);
    -webkit-backdrop-filter: blur(12px) saturate(1.1);
    box-shadow: 0 -6px 24px rgba(0,0,0,.2);
  }
  html.theme-mythos .period-pill.active,
  html.theme-dark .period-pill.active {
    background: rgba(201,138,75,.14) !important;
    border: 1px solid rgba(201,138,75,.3) !important;
    color: var(--rv-gold-2) !important;
    box-shadow: 0 0 20px rgba(201,138,75,.08);
  }
  html.theme-mythos .period-pill,
  html.theme-mythos .cs-gun-chip {
    background: rgba(255,255,255,.03);
    border-color: rgba(255,255,255,.08);
    color: var(--rv-text-2);
  }
  html.theme-mythos .gecmis-filtre-chip {
    background: transparent;
    border-color: transparent;
    color: var(--rv-text-2);
  }
  html.theme-mythos .gecmis-filtre-chip-track {
    background: rgba(255,255,255,.04);
    border-color: rgba(201,138,75,.15);
  }
  html.theme-mythos .gecmis-filtre-chip.active {
    background: linear-gradient(135deg, #d97706, #b45309);
    border-color: transparent;
    color: #fff;
    box-shadow: 0 2px 12px rgba(217, 119, 6, .3);
  }
  html.theme-mythos .cs-gun-chip.active {
    background: rgba(201,138,75,.1);
    border-color: rgba(201,138,75,.28);
    color: var(--rv-gold-2);
  }
  html.theme-mythos .stat-card,
  html.theme-mythos .plan-card,
  html.theme-mythos .form-block,
  html.theme-mythos .stok-urun-kart {
    background: linear-gradient(168deg, rgba(18,22,36,.92), rgba(10,13,23,.96)) !important;
    border-color: var(--rv-line) !important;
    box-shadow: 0 1px 0 rgba(255,255,255,.03) inset, 0 18px 48px rgba(0,0,0,.32) !important;
  }
  html.theme-mythos .plan-card.featured {
    border-color: rgba(201,138,75,.3) !important;
    background: linear-gradient(170deg, rgba(41,32,14,.45), rgba(10,13,23,.96)) !important;
    box-shadow: 0 0 56px rgba(201,138,75,.06), 0 22px 60px rgba(0,0,0,.45) !important;
  }
  html.theme-mythos .highlight-card {
    background: linear-gradient(135deg, rgba(30,24,10,.95), rgba(12,14,24,.98)) !important;
    border: 1px solid rgba(201,138,75,.22) !important;
    color: var(--rv-text) !important;
  }
  html.theme-mythos .page-footer { color: var(--rv-text-3); }
  html.theme-mythos .rv-kurulum-card {
    background: linear-gradient(168deg, rgba(18,22,36,.98), rgba(10,13,23,.99)) !important;
    border-color: var(--rv-line) !important;
    box-shadow: 0 22px 60px rgba(0,0,0,.5) !important;
  }
  html.theme-mythos .mob-nav-arrow-l { background: linear-gradient(90deg, rgba(6,8,14,.45) 45%, transparent); }
  html.theme-mythos .mob-nav-arrow-r { background: linear-gradient(270deg, rgba(6,8,14,.45) 45%, transparent); }
  html.theme-mythos .toast.ok { background: rgba(74,143,111,.12); color: #9ecfb5; border-color: rgba(74,143,111,.25); }
  html.theme-mythos .toast.err { background: rgba(239,68,68,.12); color: #fecaca; border-color: rgba(239,68,68,.25); }

  /* PWA kurulum — iOS + Android */
  .pwa-install-bar {
    position: fixed;
    left: 0; right: 0; bottom: 0;
    z-index: 90;
    padding: 0.65rem 0.75rem calc(0.65rem + env(safe-area-inset-bottom, 0px));
    background: linear-gradient(180deg, transparent, rgba(7,9,15,.55) 28%);
    pointer-events: none;
  }
  .pwa-install-bar:not(.hidden) { pointer-events: auto; }
  .pwa-install-inner {
    display: flex; align-items: center; gap: 0.65rem;
    max-width: 42rem; margin: 0 auto;
    padding: 0.7rem 0.85rem;
    border-radius: 1rem;
    border: 1px solid rgba(201,138,75,.28);
    background: rgba(15,18,28,.94);
    backdrop-filter: blur(12px);
    box-shadow: 0 12px 40px rgba(0,0,0,.35);
    color: #e2e8f0;
  }
  html.theme-light .pwa-install-inner {
    background: rgba(255,255,255,.97);
    border-color: rgba(201,138,75,.35);
    color: #0f172a;
    box-shadow: 0 12px 36px rgba(15,23,42,.12);
  }
  .pwa-install-icon { border-radius: 0.65rem; flex-shrink: 0; }
  .pwa-install-text { flex: 1; min-width: 0; font-size: 0.78rem; line-height: 1.35; }
  .pwa-install-text strong { display: block; font-size: 0.88rem; margin-bottom: 0.1rem; }
  .pwa-install-btn {
    flex-shrink: 0; padding: 0.45rem 0.85rem;
    border-radius: 0.65rem; border: none;
    background: linear-gradient(135deg, #c98a4b, #8a5a2e);
    color: #0b1220; font-size: 0.78rem; font-weight: 800;
  }
  .pwa-install-dismiss {
    flex-shrink: 0; width: 1.75rem; height: 1.75rem;
    border-radius: 999px; border: 1px solid rgba(148,163,184,.35);
    background: transparent; color: #94a3b8; font-size: 1.1rem; line-height: 1;
  }
  .pwa-ios-sheet {
    position: fixed; inset: 0; z-index: 100;
    display: flex; align-items: flex-end; justify-content: center;
    padding: 1rem 1rem calc(1rem + env(safe-area-inset-bottom, 0px));
  }
  .pwa-ios-sheet.hidden { display: none !important; }
  .pwa-ios-backdrop { position: absolute; inset: 0; background: rgba(2,6,23,.55); }
  .pwa-ios-card {
    position: relative; width: 100%; max-width: 24rem;
    padding: 1.25rem 1.35rem 1.1rem;
    border-radius: 1.25rem 1.25rem 1rem 1rem;
    background: #fff; color: #0f172a;
    box-shadow: 0 -8px 40px rgba(15,23,42,.18);
  }
  html.theme-dark .pwa-ios-card,
  html.theme-mythos .pwa-ios-card {
    background: #111827; color: #e2e8f0;
    border: 1px solid rgba(148,163,184,.15);
  }
  .pwa-ios-card h3 { font-size: 1.05rem; font-weight: 800; margin-bottom: 0.35rem; }
  .pwa-ios-card p { font-size: 0.85rem; color: #64748b; margin-bottom: 0.65rem; }
  html.theme-dark .pwa-ios-card p,
  html.theme-mythos .pwa-ios-card p { color: #94a3b8; }
  .pwa-ios-card ol { margin: 0 0 0.75rem; padding-left: 0; list-style: none; }
  .pwa-ios-card li { font-size: 0.88rem; padding: 0.45rem 0; border-top: 1px solid rgba(148,163,184,.15); }
  .pwa-ios-step-icon { display: inline-block; margin-right: 0.35rem; }
  .pwa-ios-hint { font-size: 0.78rem !important; margin-bottom: 0.85rem !important; }
  .pwa-ios-done {
    width: 100%; padding: 0.7rem; border: none; border-radius: 0.75rem;
    background: #3d7a5f; color: #fff; font-weight: 700; font-size: 0.9rem;
  }
  /* Hizmetler v2 — seanslı paket şalteri */
  .hz-seans-kutu,
  .hz-gelismis-kutu {
    border: 1px solid var(--rv-border, rgba(15,23,42,.08));
    border-radius: 12px;
    background: var(--rv-surface-2, rgba(248,250,252,.9));
    padding: .75rem .85rem;
  }
  .hz-seans-baslik-satir {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .75rem;
  }
  .hz-seans-baslik {
    font-size: .82rem;
    font-weight: 700;
    color: var(--rv-text, #0f172a);
    line-height: 1.35;
  }
  .hz-seans-girdi-etiket {
    display: block;
    font-size: .68rem;
    font-weight: 700;
    color: var(--rv-text-2, #64748b);
    margin-bottom: .25rem;
  }
  .hz-seans-ipucu {
    font-size: .68rem;
    line-height: 1.45;
    color: var(--rv-text-2, #64748b);
  }
  html.theme-light .hz-seans-kutu,
  html.theme-light .hz-gelismis-kutu,
  html.theme-rose .hz-seans-kutu,
  html.theme-rose .hz-gelismis-kutu {
    background: rgba(255,255,255,.72);
    border-color: var(--rv-line, rgba(15,23,42,.08));
  }
  html.theme-rose .hz-seans-baslik { color: var(--rv-text); }
  html.theme-rose .hz-seans-girdi-etiket,
  html.theme-rose .hz-seans-ipucu { color: var(--rv-text-2); }
  html.theme-rose .hz-switch input:checked + .hz-switch-track {
    background: var(--rv-gold, #ec4899);
  }
  html.theme-dark .hz-seans-kutu,
  html.theme-dark .hz-gelismis-kutu,
  html.theme-mythos .hz-seans-kutu,
  html.theme-mythos .hz-gelismis-kutu {
    background: rgba(255,255,255,.05);
    border-color: var(--rv-line, rgba(255,255,255,.1));
  }
  html.theme-dark .hz-seans-baslik,
  html.theme-mythos .hz-seans-baslik { color: var(--rv-text, #f2f4fb); }
  html.theme-dark .hz-seans-girdi-etiket,
  html.theme-dark .hz-seans-ipucu,
  html.theme-mythos .hz-seans-girdi-etiket,
  html.theme-mythos .hz-seans-ipucu { color: var(--rv-text-2, #9aa3bd); }
  .hz-ekle-satir {
    display: flex;
    gap: .5rem;
    align-items: stretch;
  }
  .hz-ekle-satir .field {
    flex: 1 1 0;
    min-width: 0;
  }
  @media (max-width: 767px) {
    .hz-ekle-satir {
      flex-direction: column;
      gap: .5rem;
    }
    .hz-ekle-satir .field {
      width: 100%;
      flex: none;
    }
    #tab-hizmet .hz-edit-form .hz-ekle-satir {
      flex-direction: column;
    }
  }
  .hz-switch { position: relative; display: inline-flex; align-items: center; flex-shrink: 0; }
  .hz-switch input { position: absolute; opacity: 0; width: 0; height: 0; }
  .hz-switch-track {
    width: 2.65rem; height: 1.45rem; border-radius: 999px;
    background: rgba(100,116,139,.28); position: relative;
    transition: background .2s ease;
  }
  .hz-switch-thumb {
    position: absolute; top: 2px; left: 2px; width: 1.15rem; height: 1.15rem;
    border-radius: 999px; background: #fff; box-shadow: 0 1px 3px rgba(15,23,42,.22);
    transition: transform .2s ease;
  }
  .hz-switch input:checked + .hz-switch-track { background: var(--rv-accent, #6366f1); }
  .hz-switch input:checked + .hz-switch-track .hz-switch-thumb { transform: translateX(1.15rem); }
  .hz-switch input:focus-visible + .hz-switch-track { outline: 2px solid var(--rv-accent, #6366f1); outline-offset: 2px; }
  .hz-seans-panel {
    display: grid; grid-template-rows: 0fr; opacity: 0;
    transition: grid-template-rows .28s ease, opacity .22s ease, margin-top .22s ease;
    margin-top: 0;
  }
  .hz-seans-panel.hz-seans-acik { grid-template-rows: 1fr; opacity: 1; margin-top: .65rem; }
  .hz-seans-panel-ic { overflow: hidden; }
  .hz-kart-aksiyon { display: flex; flex-direction: row; align-items: center; gap: .5rem; flex-shrink: 0; }

  /* ── Hizmet kart (v3 — renk bar + kategori) ── */
  .hz-kart {
    position: relative;
    overflow: hidden;
    padding: 0 !important;
    border-radius: 11px;
    background: linear-gradient(168deg, rgba(18,22,36,.92), rgba(10,13,23,.96));
    border: 1px solid var(--rv-line);
    box-shadow: var(--rv-shadow-card-dark);
  }
  html.theme-light .hz-kart {
    background: linear-gradient(168deg, #fff, #f8fafc);
    border-color: rgba(15,23,42,.08);
    box-shadow: var(--rv-shadow-card);
  }
  html.theme-rose .hz-kart {
    background: linear-gradient(168deg, rgba(255,255,255,.96), rgba(253,242,248,.92));
    border-color: rgba(190,24,93,.1);
    box-shadow: 0 1px 0 rgba(255,255,255,.8) inset, 0 10px 32px rgba(190,24,93,.06);
  }
  html.theme-rose .hz-kart-ad { color: var(--rv-text); }
  html.theme-rose .hz-kart-alt { color: var(--rv-text-2); }
  html.theme-rose .hz-kart-kat-etiket {
    background: rgba(244,114,182,.14);
    color: #be185d;
  }
  .hz-kart-icerik { padding: .48rem .58rem; }
  .hz-kart-ust { display: flex; align-items: flex-start; gap: .45rem; }
  .hz-kart-bilgi { flex: 1; min-width: 0; }
  .hz-kart-ad {
    font-weight: 700; font-size: .82rem; color: var(--rv-text); line-height: 1.25;
    min-width: 0;
    overflow-wrap: anywhere;
    word-break: normal;
  }
  .hz-kart-alt {
    display: flex; flex-wrap: wrap; align-items: center; gap: .2rem .4rem;
    font-size: .68rem; color: var(--rv-text-3); margin-top: .1rem; line-height: 1.2;
  }
  .hz-sil-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 1.55rem;
    height: 1.55rem;
    min-height: 0;
    padding: 0;
    margin-left: auto;
    flex-shrink: 0;
    border-radius: 8px;
    border: 1px solid rgba(239,68,68,.18);
    background: rgba(239,68,68,.1) !important;
    color: #dc2626 !important;
    font-size: .78rem;
    font-weight: 800;
    line-height: 1;
    cursor: pointer;
    transition: background .15s ease, border-color .15s ease;
  }
  .hz-sil-btn:hover {
    background: rgba(239,68,68,.16) !important;
    border-color: rgba(239,68,68,.28) !important;
  }
  html.theme-mythos .hz-sil-btn,
  html.theme-dark .hz-sil-btn {
    background: rgba(239,68,68,.14) !important;
    color: #fca5a5 !important;
    border-color: rgba(239,68,68,.22) !important;
  }
  html.theme-rose .hz-sil-btn {
    background: rgba(244,63,94,.1) !important;
    color: #e11d48 !important;
    border-color: rgba(244,63,94,.2) !important;
  }
  .hz-kart-aksiyonlar { display: flex; align-items: center; gap: .3rem; margin-top: .32rem; justify-content: flex-end; }
  .hz-kart-aksiyonlar .hz-kart-duzenle {
    flex: 0 1 auto;
    min-width: 0;
    min-height: 1.55rem;
    padding: .18rem .45rem !important;
    font-size: .64rem !important;
    line-height: 1.2;
  }
  .hz-kart:has(.hz-edit-form:not(.hidden)) { grid-column: 1 / -1; }
  .hz-edit-form { border-top: 1px solid var(--rv-line-soft); padding-top: .75rem; margin-top: .65rem; }
  .hz-edit-form .form-label {
    font-size: .72rem;
    font-weight: 700;
    letter-spacing: .02em;
    margin-bottom: .28rem;
    color: var(--rv-muted, #64748b);
  }
  html.theme-dark .hz-edit-form .form-label,
  html.theme-mythos .hz-edit-form .form-label {
    color: #94a3b8;
  }
  .hz-edit-form .hz-ekle-satir > div {
    flex: 1;
    min-width: 0;
  }

  /* ── Kategori input satırı ── */
  .hz-kat-row {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: .55rem;
  }
  @media (max-width: 520px) {
    .hz-kat-row { grid-template-columns: 1fr; }
  }
  .hz-kat-input-wrap { position: relative; }
  .hz-kat-input-wrap .field { width: 100%; }

  /* ── Kategori yatay seçici (chip) ── */
  #hizmetListe {
    display: flex;
    flex-direction: column;
    gap: .45rem;
  }
  .hz-liste-ust {
    display: flex;
    align-items: flex-start;
    gap: .45rem;
    margin: 0;
  }
  .hz-liste-ust .hz-kat-bar {
    flex: 1 1 auto;
    min-width: 0;
    margin-bottom: 0;
    padding-bottom: .15rem;
  }
  .hz-liste-ust--sade {
    justify-content: flex-end;
    min-height: 0;
  }
  .hz-arsiv-btn {
    flex: 0 0 auto;
    align-self: center;
    margin: 0;
    padding: .28rem .55rem;
    border-radius: 8px;
    border: 1px solid var(--rv-line-soft, rgba(148, 163, 184, .22));
    background: rgba(255, 255, 255, .04);
    color: var(--rv-text-2, #94a3b8);
    font-size: .68rem;
    font-weight: 700;
    letter-spacing: .02em;
    line-height: 1.2;
    cursor: pointer;
    white-space: nowrap;
    transition: background .15s ease, border-color .15s ease, color .15s ease;
  }
  .hz-arsiv-btn:hover {
    background: rgba(255, 255, 255, .08);
    color: var(--rv-text, #e2e8f0);
    border-color: rgba(255, 255, 255, .16);
  }
  .hz-arsiv-btn--aktif {
    background: rgba(245, 158, 11, .14);
    border-color: rgba(251, 191, 36, .3);
    color: #fbbf24;
  }
  html.theme-light .hz-arsiv-btn {
    background: rgba(15, 23, 42, .03);
    color: #64748b;
  }
  html.theme-light .hz-arsiv-btn:hover {
    background: rgba(15, 23, 42, .06);
    color: #0f172a;
  }
  .hz-kat-bar {
    display: flex;
    flex-wrap: nowrap;
    gap: .45rem;
    overflow-x: auto;
    padding: .1rem .05rem .5rem;
    margin-bottom: .15rem;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: thin;
  }
  .hz-kat-chip-wrap {
    position: relative;
    flex: 0 0 auto;
    display: flex;
    align-items: stretch;
    min-width: 5.75rem;
    max-width: 9.5rem;
    border-radius: 11px;
    border: 1px solid var(--rv-line-soft, rgba(15,23,42,.1));
    background: rgba(255,255,255,.04);
    overflow: hidden;
    transition: border-color .15s ease, box-shadow .15s ease, background .15s ease;
  }
  .hz-kat-chip-wrap::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 3px;
    background: rgba(148, 163, 184, .45);
    border-radius: 11px 0 0 11px;
    pointer-events: none;
  }
  .hz-kat-chip-wrap:hover {
    background: rgba(255,255,255,.07);
    border-color: rgba(255,255,255,.14);
  }
  html.theme-light .hz-kat-chip-wrap {
    background: rgba(255,255,255,.88);
    border-color: rgba(15,23,42,.09);
    box-shadow: 0 1px 2px rgba(15,23,42,.04);
  }
  html.theme-light .hz-kat-chip-wrap:hover {
    background: #fff;
    border-color: rgba(15,23,42,.14);
  }
  /* Seçili kategori: marka amber — mor/indigo yok (kafa karıştırmasın) */
  .hz-kat-chip-wrap--aktif {
    border-color: rgba(251, 191, 36, .38);
    background: rgba(245, 158, 11, .14);
    box-shadow: 0 0 0 1px rgba(251, 191, 36, .16);
  }
  .hz-kat-chip-wrap--aktif::before {
    background: #e6b047;
    width: 3px;
  }
  html.theme-light .hz-kat-chip-wrap--aktif {
    background: rgba(245, 158, 11, .1);
    border-color: rgba(217, 119, 6, .32);
    box-shadow: 0 0 0 1px rgba(217, 119, 6, .1);
  }
  .hz-kat-chip {
    flex: 1 1 auto;
    min-width: 0;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    gap: .08rem;
    padding: .42rem .35rem .42rem .55rem;
    border: none;
    background: transparent;
    cursor: pointer;
    user-select: none;
    text-align: left;
  }
  .hz-kat-chip-ad {
    font-size: .78rem;
    font-weight: 800;
    line-height: 1.2;
    color: var(--rv-text, #f2f4fb);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 100%;
  }
  html.theme-light .hz-kat-chip-ad { color: #0f172a; }
  .hz-kat-chip-wrap--aktif .hz-kat-chip-ad {
    color: var(--rv-text, #f8fafc);
  }
  html.theme-light .hz-kat-chip-wrap--aktif .hz-kat-chip-ad {
    color: #0f172a;
  }
  .hz-kat-chip-say {
    font-size: .6rem;
    font-weight: 700;
    letter-spacing: .01em;
    color: var(--rv-text-3, #94a3b8);
    white-space: nowrap;
  }
  html.theme-light .hz-kat-chip-say { color: #64748b; }
  .hz-kat-chip-wrap--aktif .hz-kat-chip-say {
    color: #fbbf24;
  }
  html.theme-light .hz-kat-chip-wrap--aktif .hz-kat-chip-say {
    color: #b45309;
  }
  .hz-kat-chip-sil {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    align-self: stretch;
    width: 1.65rem;
    flex-shrink: 0;
    margin: 0;
    padding: 0;
    border: none;
    border-left: 1px solid rgba(15,23,42,.06);
    background: transparent;
    color: #94a3b8;
    cursor: pointer;
    opacity: .55;
    transition: opacity .15s ease, background .15s ease, color .15s ease;
  }
  .hz-kat-chip-wrap:hover .hz-kat-chip-sil,
  .hz-kat-chip-sil:hover,
  .hz-kat-chip-sil:focus-visible {
    opacity: 1;
    background: rgba(239,68,68,.08);
    color: #dc2626;
  }
  .hz-kat-chip-sil-ico { display: block; }
  html.theme-dark .hz-kat-chip-sil,
  html.theme-mythos .hz-kat-chip-sil {
    border-left-color: rgba(255,255,255,.08);
    color: #94a3b8;
  }
  html.theme-dark .hz-kat-chip-sil:hover,
  html.theme-mythos .hz-kat-chip-sil:hover {
    color: #fca5a5;
    background: rgba(239,68,68,.14);
  }
  html.theme-rose .hz-kat-chip-wrap--aktif .hz-kat-chip-ad { color: #0f172a; }
  html.theme-rose .hz-kat-chip-wrap--aktif .hz-kat-chip-say { color: #b45309; }
  .hz-kat-hizmetler {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: .4rem;
    margin-top: .15rem;
  }
  @media (min-width: 640px) {
    .hz-kat-hizmetler {
      grid-template-columns: repeat(auto-fill, minmax(11.5rem, 1fr));
      gap: .45rem;
    }
  }
  @media (min-width: 1024px) {
    .hz-kat-hizmetler {
      grid-template-columns: repeat(auto-fill, minmax(12.5rem, 1fr));
    }
  }

  /* ── Hizmet kart aksiyonlar ── */
  .hz-kart-kat-etiket {
    display: inline-flex; align-items: center;
    font-size: .56rem; font-weight: 700; padding: .06rem .35rem;
    border-radius: 999px; margin-left: .3rem;
    background: var(--rv-mint-glow, rgba(74,143,111,.18));
    color: var(--rv-emerald-light, #6aab8a);
  }
  html.theme-light .hz-kart-kat-etiket { background: rgba(47,107,82,.1); color: #2f6b52; }

  /* ── Hizmet ekleme — kompakt form ── */
  .hz-ekle-card { padding: .75rem .85rem !important; }
  .hz-ekle-baslik {
    font-size: .82rem;
    font-weight: 800;
    color: var(--rv-text, #0f172a);
    margin: 0 0 .15rem;
    line-height: 1.3;
  }
  #tab-hizmet .field-sm {
    padding: .45rem .6rem;
    font-size: .82rem;
    min-height: 2.15rem;
  }
  .hz-kat-pick {
    display: flex;
    align-items: stretch;
    gap: .4rem;
  }
  .hz-kat-select { flex: 1 1 auto; min-width: 0; }
  .hz-kat-yeni-btn { align-self: stretch; white-space: nowrap; }
  .hz-kat-yeni-panel {
    display: flex;
    align-items: center;
    gap: .35rem;
    padding: .45rem .55rem;
    border-radius: 10px;
    border: 1px dashed var(--rv-line, rgba(15,23,42,.12));
    background: var(--rv-surface-2, rgba(248,250,252,.7));
  }
  html.theme-dark .hz-kat-yeni-panel,
  html.theme-mythos .hz-kat-yeni-panel {
    background: rgba(255,255,255,.04);
    border-color: rgba(255,255,255,.1);
  }
  .hz-kat-emoji-inp { width: 2.6rem; flex-shrink: 0; text-align: center; padding-left: .25rem; padding-right: .25rem; }
  .hz-seans-compact {
    display: flex;
    flex-direction: column;
    gap: 0;
    padding: .15rem 0;
  }
  .hz-seans-compact-ust {
    display: flex;
    align-items: center;
    gap: .45rem;
  }
  .hz-seans-compact-label {
    font-size: .76rem;
    font-weight: 600;
    color: var(--rv-text-2, #64748b);
    flex: 1 1 auto;
    min-width: 0;
  }
  .hz-seans-compact-alt {
    display: none;
    flex-direction: column;
    gap: .22rem;
    margin-top: .5rem;
    padding-left: 2.75rem;
  }
  .hz-seans-compact.hz-seans-acik .hz-seans-compact-alt { display: flex; }
  .hz-seans-alt-etiket {
    font-size: .66rem;
    font-weight: 700;
    color: var(--rv-text-2, #64748b);
  }
  .hz-seans-compact-alt .field {
    width: 100%;
    max-width: 9rem;
  }
  .hz-switch-sm .hz-switch-track { width: 2.2rem; height: 1.25rem; }
  .hz-switch-sm .hz-switch-thumb { width: 1rem; height: 1rem; }
  .hz-switch-sm input:checked + .hz-switch-track .hz-switch-thumb { transform: translateX(.95rem); }

  /* ── Kategori yönetim listesi (legacy) ── */
  .hz-kat-ekle-form {
    background: rgba(255,255,255,.03);
    border: 1px solid var(--rv-line-soft);
    border-radius: 12px; padding: .7rem;
  }
  html.theme-light .hz-kat-ekle-form { background: rgba(15,23,42,.02); }

  .hz-kat-satir {
    padding: .45rem .6rem; border-radius: 10px;
    background: rgba(255,255,255,.035);
    border: 1px solid var(--rv-line-soft);
    transition: background .15s;
  }
  html.theme-light .hz-kat-satir { background: rgba(15,23,42,.025); }
  .hz-kat-satir:hover { background: rgba(255,255,255,.06); }
  html.theme-light .hz-kat-satir:hover { background: rgba(15,23,42,.045); }
  .hz-kat-emoji-badge { font-size: 1.1rem; width: 1.7rem; text-align: center; }
  .hz-kat-baslik-emoji { margin-right: .2rem; }
  .hz-kat-satir-ad { font-size: .82rem; }

  /* ── Personel hizmet gruplu — artisan ── */
  .phz-shell {
    padding: .75rem .8rem;
    border-radius: 14px;
    border: 1px solid rgba(201, 138, 75, .16);
    background: linear-gradient(165deg, #fff 0%, #fffefb 100%);
    box-shadow: 0 2px 10px rgba(201, 138, 75, .06);
  }
  .phz-hint { margin-top: .65rem; }
  .phz-bos {
    margin: 0;
    padding: 1rem .75rem;
    text-align: center;
    font-size: .74rem;
    font-weight: 600;
    color: #78716c;
    border-radius: 12px;
    border: 1px dashed rgba(201, 138, 75, .28);
    background: rgba(255, 247, 237, .35);
  }
  .personel-hz-grup {
    border: 1px solid rgba(201, 138, 75, .18);
    border-radius: 12px;
    overflow: hidden;
    margin-bottom: .45rem;
    background: #fff;
  }
  .personel-hz-grup:last-child { margin-bottom: 0; }
  .personel-hz-grup-baslik {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .5rem;
    width: 100%;
    padding: .55rem .7rem;
    cursor: pointer;
    user-select: none;
    font-size: .78rem;
    font-weight: 800;
    color: #1c1917;
    background: linear-gradient(165deg, #fff7ed 0%, #ffedd5 100%);
    border: none;
    border-bottom: 1px solid rgba(201, 138, 75, .16);
    text-align: left;
    font-family: inherit;
  }
  .personel-hz-grup-ad {
    display: inline-flex;
    align-items: center;
    gap: .4rem;
    min-width: 0;
  }
  .personel-hz-grup-emoji { font-size: .95rem; line-height: 1; }
  .personel-hz-grup-meta {
    display: inline-flex;
    align-items: center;
    gap: .4rem;
    flex-shrink: 0;
  }
  .personel-hz-grup-sayi {
    font-size: .62rem;
    font-weight: 800;
    padding: .12rem .4rem;
    border-radius: 999px;
    background: rgba(146, 64, 14, .1);
    color: #92400e;
  }
  .personel-hz-grup-ok {
    font-size: .7rem;
    color: #b45309;
    transition: transform 520ms cubic-bezier(.22, 1, .36, 1);
  }
  .personel-hz-grup-icerik {
    display: grid;
    grid-template-rows: 1fr;
    overflow: hidden;
    opacity: 1;
    transition: grid-template-rows 520ms cubic-bezier(.22, 1, .36, 1),
      opacity 520ms cubic-bezier(.22, 1, .36, 1);
  }
  .personel-hz-grup-inner {
    min-height: 0;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    gap: 0;
    padding: .45rem .5rem .55rem;
  }
  .personel-hz-grup.personel-hz-grup-kapali .personel-hz-grup-icerik {
    grid-template-rows: 0fr;
    opacity: 0;
  }
  .personel-hz-grup.personel-hz-grup-kapali .personel-hz-grup-baslik {
    border-bottom-color: transparent;
  }
  .personel-hz-grup.personel-hz-grup-kapali .personel-hz-grup-ok { transform: rotate(-90deg); }
  html.theme-dark .phz-shell,
  html.theme-mythos .phz-shell {
    background: rgba(255,255,255,.03);
    border-color: rgba(255,255,255,.08);
    box-shadow: none;
  }
  html.theme-dark .phz-bos,
  html.theme-mythos .phz-bos {
    color: #94a3b8;
    border-color: rgba(255,255,255,.12);
    background: rgba(255,255,255,.03);
  }
  html.theme-dark .personel-hz-grup,
  html.theme-mythos .personel-hz-grup {
    background: rgba(255,255,255,.02);
    border-color: rgba(255,255,255,.08);
  }
  html.theme-dark .personel-hz-grup-baslik,
  html.theme-mythos .personel-hz-grup-baslik {
    background: rgba(251, 191, 36, .08);
    border-bottom-color: rgba(255,255,255,.08);
    color: #fde68a;
  }
  html.theme-dark .personel-hz-grup-sayi,
  html.theme-mythos .personel-hz-grup-sayi {
    background: rgba(251, 191, 36, .14);
    color: #fbbf24;
  }
  html.theme-dark .personel-hz-grup-ok,
  html.theme-mythos .personel-hz-grup-ok { color: #fbbf24; }
  html.theme-rose .personel-hz-grup-baslik {
    background: linear-gradient(165deg, #fff5f9 0%, #fce7f3 100%);
    border-bottom-color: rgba(236, 72, 153, .16);
    color: #9d174d;
  }
  html.theme-rose .personel-hz-grup-sayi {
    background: rgba(236, 72, 153, .12);
    color: #be185d;
  }
  html.theme-rose .personel-hizmet-satir:has(input:checked) {
    border-color: rgba(236, 72, 153, .3);
    background: linear-gradient(165deg, #fdf2f8 0%, #fff 100%);
  }
  html.theme-rose .personel-hizmet-etiket input { accent-color: #db2777; }

/* Hesap guvenlik */
.hesap-passkey-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.75rem;
  padding: 0.65rem 0.75rem;
  border: 1px solid var(--rv-border, #e2e8f0);
  border-radius: 0.75rem;
  background: rgba(248, 250, 252, 0.6);
}
.hesap-passkey-row strong { display: block; font-size: 0.88rem; color: #0f172a; }
.hesap-passkey-row .muted { display: block; font-size: 0.72rem; color: #64748b; margin-top: 0.1rem; }
.hesap-guvenlik-stat .badge { display: inline-block; margin-top: 0.25rem; }
.hesap-cihaz-sil-btn {
  flex-shrink: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 2rem;
  height: 2rem;
  border-radius: 0.5rem;
  border: 1px solid rgba(239, 68, 68, 0.25);
  background: rgba(254, 242, 242, 0.9);
  color: #dc2626;
  cursor: pointer;
  transition: background 0.15s, border-color 0.15s;
}
.hesap-cihaz-sil-btn:hover {
  background: #fee2e2;
  border-color: rgba(239, 68, 68, 0.45);
}
.hesap-cihaz-row { min-height: 3rem; }
.plan-badge-ok { background: #ecfdf5; color: #047857; border: 1px solid #a7f3d0; }
.plan-badge-muted { background: #f8fafc; color: #64748b; border: 1px solid #e2e8f0; }

/* Guvenlik karti — ozet kutulari */
.hesap-guvenlik-kutu {
  border: 1px solid #e2e8f0;
  border-radius: 0.75rem;
  padding: 0.875rem 1rem;
  background: #fff;
}
html.theme-dark .hesap-guvenlik-kutu,
html.theme-mythos .hesap-guvenlik-kutu {
  background: rgba(15, 23, 42, 0.35);
  border-color: rgba(148, 163, 184, 0.25);
}
.hesap-guvenlik-kutu--aktif {
  border-color: #14b8a6;
  box-shadow: 0 0 0 1px rgba(20, 184, 166, 0.25);
}

.hesap-totp-oneri {
  font-size: 0.8125rem;
  line-height: 1.45;
  color: #92400e;
  background: #fffbeb;
  border: 1px solid #fcd34d;
  border-radius: 0.75rem;
  padding: 0.625rem 0.875rem;
}
html.theme-dark .hesap-totp-oneri,
html.theme-mythos .hesap-totp-oneri {
  color: #fde68a;
  background: rgba(251, 191, 36, 0.12);
  border-color: rgba(251, 191, 36, 0.35);
}

/* TOTP Authenticator kurulum */
.hesap-totp-kurulum {
  border: 1px solid var(--rv-border, #e2e8f0);
  border-radius: 1rem;
  background: linear-gradient(180deg, rgba(248, 250, 252, 0.95) 0%, #fff 100%);
  padding: 1rem 1.1rem;
  box-shadow: 0 1px 3px rgba(15, 23, 42, 0.04);
}
.hesap-totp-kurulum-head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 0.75rem;
  margin-bottom: 1rem;
  padding-bottom: 0.85rem;
  border-bottom: 1px solid rgba(148, 163, 184, 0.2);
}
.hesap-totp-kurulum-title {
  font-size: 0.95rem;
  font-weight: 700;
  color: #0f172a;
  margin: 0;
}
.hesap-totp-kurulum-sub {
  font-size: 0.75rem;
  color: #64748b;
  margin: 0.2rem 0 0;
}
.hesap-totp-kurulum-badge {
  flex-shrink: 0;
  font-size: 0.68rem;
  font-weight: 700;
  letter-spacing: 0.02em;
  text-transform: uppercase;
  color: #4338ca;
  background: #eef2ff;
  border: 1px solid #c7d2fe;
  border-radius: 999px;
  padding: 0.25rem 0.55rem;
}
.hesap-totp-adimlar {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 0.85rem;
}
.hesap-totp-adim {
  display: flex;
  gap: 0.65rem;
  align-items: flex-start;
}
.hesap-totp-adim-no {
  flex-shrink: 0;
  width: 1.5rem;
  height: 1.5rem;
  border-radius: 999px;
  background: #0f172a;
  color: #fff;
  font-size: 0.72rem;
  font-weight: 700;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin-top: 0.1rem;
}
.hesap-totp-adim-body { flex: 1; min-width: 0; }
.hesap-totp-adim-baslik {
  font-size: 0.82rem;
  font-weight: 600;
  color: #334155;
  margin: 0 0 0.5rem;
}
.hesap-totp-qr-wrap {
  display: flex;
  justify-content: center;
  padding: 0.65rem;
  border-radius: 0.85rem;
  border: 1px dashed rgba(148, 163, 184, 0.45);
  background: #fff;
}
.hesap-totp-qr-wrap canvas {
  display: block;
  border-radius: 0.35rem;
}
.hesap-totp-secret-kutu {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.55rem 0.65rem;
  border-radius: 0.65rem;
  border: 1px solid #cbd5e1;
  background: #f8fafc;
}
.hesap-totp-secret {
  flex: 1;
  font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  font-size: 0.82rem;
  font-weight: 600;
  letter-spacing: 0.06em;
  color: #0f172a;
  word-break: break-all;
}
.hesap-totp-kod-input {
  font-size: 1.15rem;
  font-weight: 600;
  letter-spacing: 0.2em;
  text-align: center;
  font-variant-numeric: tabular-nums;
}
.hesap-totp-kurulum-actions {
  display: flex;
  gap: 0.5rem;
  margin-top: 1rem;
  padding-top: 0.85rem;
  border-top: 1px solid rgba(148, 163, 184, 0.2);
}
html.theme-dark .hesap-totp-kurulum,
html.theme-mythos .hesap-totp-kurulum {
  background: linear-gradient(180deg, rgba(30, 41, 59, 0.5) 0%, rgba(15, 23, 42, 0.35) 100%);
  border-color: rgba(148, 163, 184, 0.25);
}
html.theme-dark .hesap-totp-kurulum-title,
html.theme-mythos .hesap-totp-kurulum-title { color: #f1f5f9; }
html.theme-dark .hesap-totp-adim-baslik,
html.theme-mythos .hesap-totp-adim-baslik { color: #cbd5e1; }
html.theme-dark .hesap-totp-qr-wrap,
html.theme-mythos .hesap-totp-qr-wrap { background: rgba(15, 23, 42, 0.6); }
html.theme-dark .hesap-totp-secret-kutu,
html.theme-mythos .hesap-totp-secret-kutu {
  background: rgba(15, 23, 42, 0.5);
  border-color: rgba(148, 163, 184, 0.3);
}
html.theme-dark .hesap-totp-secret,
html.theme-mythos .hesap-totp-secret { color: #e2e8f0; }

/* WhatsApp kurulum destek botu */
.wa-kurulum-chat {
  max-height: 220px;
  overflow-y: auto;
  display: flex;
  flex-direction: column;
  gap: 8px;
  padding: 8px;
  border-radius: 10px;
  background: var(--ay-surface-muted, #f8fafc);
  border: 1px solid var(--ay-border, #e2e8f0);
}
.wa-kurulum-bot, .wa-kurulum-user {
  font-size: 0.8125rem;
  line-height: 1.45;
  padding: 8px 10px;
  border-radius: 10px;
  max-width: 95%;
  white-space: pre-wrap;
}
.wa-kurulum-bot {
  align-self: flex-start;
  background: #fff;
  border: 1px solid #e2e8f0;
  color: #0f172a;
}
.wa-kurulum-user {
  align-self: flex-end;
  background: #059669;
  color: #fff;
}

/* AI Teknik Asistan — premium WhatsApp tarzı sohbet */
.destek-shell {
  max-width: min(920px, 96vw);
  margin: 0 auto;
  padding: 0.25rem 0 1.5rem;
}
.destek-app {
  display: flex;
  flex-direction: column;
  min-height: min(78vh, 720px);
  max-height: min(82vh, 780px);
  border-radius: 18px;
  overflow: hidden;
  border: 1px solid rgba(15, 23, 42, 0.08);
  box-shadow:
    0 4px 6px -1px rgba(15, 23, 42, 0.06),
    0 24px 48px -12px rgba(15, 23, 42, 0.14);
  background: #fff;
}
.destek-app-header {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 14px 18px;
  background: linear-gradient(135deg, #075e54 0%, #128c7e 55%, #0d9488 100%);
  color: #fff;
  flex-shrink: 0;
}
.destek-app-avatar {
  width: 76px;
  height: 76px;
  border-radius: 50%;
  display: grid;
  place-items: center;
  background: transparent;
  border: none;
  flex-shrink: 0;
  overflow: visible;
  position: relative;
  z-index: 2;
}
.destek-app-avatar--interactive {
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
  outline: none;
  transition: transform 0.18s ease;
}
.destek-app-avatar--interactive:hover {
  transform: scale(1.06);
}
.destek-app-avatar--interactive:focus-visible {
  box-shadow: 0 0 0 3px rgba(125, 211, 252, 0.55);
}
.destek-app-avatar.is-loved {
  animation: destek-avatar-bounce 0.55s ease;
}
.destek-app-avatar.is-dizzy {
  animation: destek-avatar-wobble 0.45s ease-in-out infinite;
}
.destek-app-avatar .rv-ai-mascot {
  width: 4.15rem;
  height: 4.15rem;
  display: block;
  object-fit: contain;
  filter: drop-shadow(0 3px 10px rgba(0, 0, 0, 0.32));
  position: relative;
  z-index: 1;
}
.destek-app-avatar .rv-ai-mascot-svg {
  overflow: visible;
}
.destek-avatar-fx {
  position: absolute;
  inset: 0;
  pointer-events: none;
  z-index: 3;
  overflow: visible;
}
.destek-avatar-heart {
  position: absolute;
  left: 50%;
  top: 40%;
  font-size: 0.95rem;
  line-height: 1;
  color: #fb7185;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.25);
  transform: translate(-50%, -50%);
  animation: destek-heart-float 0.95s ease-out forwards;
  animation-delay: var(--delay, 0ms);
  opacity: 0;
}
.destek-avatar-stars {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 5.6rem;
  height: 5.6rem;
  margin: -2.8rem 0 0 -2.8rem;
  opacity: 0;
  pointer-events: none;
}
.destek-app-avatar.is-dizzy .destek-avatar-stars {
  opacity: 1;
  animation: destek-stars-spin 1.05s linear infinite;
}
.destek-avatar-star {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 1em;
  height: 1em;
  margin: -0.5em 0 0 -0.5em;
  font-size: 0.78rem;
  color: #fde68a;
  text-shadow: 0 0 6px rgba(253, 224, 71, 0.85);
  transform: rotate(calc(var(--i) * 72deg)) translateY(-2.35rem) rotate(calc(var(--i) * -72deg));
}
@keyframes destek-heart-float {
  0% {
    opacity: 0;
    transform: translate(-50%, -50%) translate(0, 6px) scale(0.55) rotate(0deg);
  }
  18% { opacity: 1; }
  100% {
    opacity: 0;
    transform: translate(-50%, -50%) translate(var(--dx, 0), var(--dy, -40px)) scale(1.15) rotate(var(--rot, 12deg));
  }
}
@keyframes destek-stars-spin {
  from { transform: rotate(0deg); }
  to { transform: rotate(360deg); }
}
@keyframes destek-avatar-bounce {
  0% { transform: scale(1); }
  35% { transform: scale(1.14); }
  65% { transform: scale(0.96); }
  100% { transform: scale(1); }
}
@keyframes destek-avatar-wobble {
  0%, 100% { transform: rotate(-7deg) translateX(-1px); }
  50% { transform: rotate(7deg) translateX(1px); }
}
/* AI maskot — idle / düşünme / konuşma / gülümseme / dinleme */
.rv-ai-mascot-svg {
  -webkit-font-smoothing: antialiased;
}
.rv-ai-mascot-svg .rv-ai-mouth--talk,
.rv-ai-mascot-svg .rv-ai-mouth--grin,
.rv-ai-mascot-svg .rv-ai-mouth--neutral,
.rv-ai-mascot-svg .rv-ai-mouth--think {
  opacity: 0;
  transition: opacity 0.18s ease;
}
.rv-ai-mascot-svg .rv-ai-mouth--smile {
  opacity: 1;
  transition: opacity 0.18s ease;
}
.rv-ai-mascot-svg .rv-ai-blush {
  opacity: 0;
  transition: opacity 0.25s ease;
}
.rv-ai-mascot-svg .rv-ai-eyes {
  transform-origin: 32px 34px;
  animation: rv-ai-blink 5.4s ease-in-out infinite;
}
.rv-ai-mascot-svg .rv-ai-lid {
  transform-origin: center;
  opacity: 0;
  pointer-events: none;
}
.rv-ai-mascot-svg .rv-ai-antenna {
  transform-origin: 32px 12px;
  animation: rv-ai-bob 3.2s ease-in-out infinite;
}
.rv-ai-mascot-svg .rv-ai-brows {
  transform-origin: 32px 28px;
  transition: transform 0.2s ease;
}
html[data-ai-mood="talk"] .rv-ai-mascot-svg .rv-ai-mouth--smile,
html[data-ai-mood="talk"] .rv-ai-mascot-svg .rv-ai-mouth--grin,
html[data-ai-mood="talk"] .rv-ai-mascot-svg .rv-ai-mouth--neutral,
html[data-ai-mood="talk"] .rv-ai-mascot-svg .rv-ai-mouth--think {
  opacity: 0;
}
html[data-ai-mood="talk"] .rv-ai-mascot-svg .rv-ai-mouth--talk {
  opacity: 1;
  transform-origin: 32px 43px;
  animation: rv-ai-talk 0.28s ease-in-out infinite;
}
html[data-ai-mood="talk"] .rv-ai-mascot-svg .rv-ai-eye {
  animation: rv-ai-eye-pulse 0.7s ease-in-out infinite;
}
html[data-ai-mood="think"] .rv-ai-mascot-svg .rv-ai-mouth--smile,
html[data-ai-mood="think"] .rv-ai-mascot-svg .rv-ai-mouth--talk,
html[data-ai-mood="think"] .rv-ai-mascot-svg .rv-ai-mouth--grin,
html[data-ai-mood="think"] .rv-ai-mascot-svg .rv-ai-mouth--neutral {
  opacity: 0;
}
html[data-ai-mood="think"] .rv-ai-mascot-svg .rv-ai-mouth--think {
  opacity: 1;
}
html[data-ai-mood="think"] .rv-ai-mascot-svg .rv-ai-brows {
  animation: rv-ai-brow-think 1.6s ease-in-out infinite;
}
html[data-ai-mood="think"] .rv-ai-mascot-svg .rv-ai-antenna {
  animation: rv-ai-think-orb 1.1s ease-in-out infinite;
}
html[data-ai-mood="think"] .rv-ai-mascot-svg .rv-ai-pupil {
  animation: rv-ai-look-aside 2.4s ease-in-out infinite;
}
html[data-ai-mood="listen"] .rv-ai-mascot-svg .rv-ai-mouth--smile,
html[data-ai-mood="listen"] .rv-ai-mascot-svg .rv-ai-mouth--talk,
html[data-ai-mood="listen"] .rv-ai-mascot-svg .rv-ai-mouth--grin,
html[data-ai-mood="listen"] .rv-ai-mascot-svg .rv-ai-mouth--think {
  opacity: 0;
}
html[data-ai-mood="listen"] .rv-ai-mascot-svg .rv-ai-mouth--neutral {
  opacity: 1;
}
html[data-ai-mood="listen"] .rv-ai-mascot-svg .rv-ai-eye-glow {
  animation: rv-ai-listen-glow 1.1s ease-in-out infinite;
}
html[data-ai-mood="listen"] .destek-app-avatar .rv-ai-mascot-svg,
html[data-ai-mood="listen"] .destek-launcher-core .rv-ai-mascot-svg {
  animation: rv-ai-listen-pulse 1.4s ease-in-out infinite;
}
html[data-ai-mood="love"] .rv-ai-mascot-svg .rv-ai-mouth--smile,
html[data-ai-mood="love"] .rv-ai-mascot-svg .rv-ai-mouth--talk,
html[data-ai-mood="love"] .rv-ai-mascot-svg .rv-ai-mouth--neutral,
html[data-ai-mood="love"] .rv-ai-mascot-svg .rv-ai-mouth--think {
  opacity: 0;
}
html[data-ai-mood="love"] .rv-ai-mascot-svg .rv-ai-mouth--grin {
  opacity: 1;
}
html[data-ai-mood="love"] .rv-ai-mascot-svg .rv-ai-blush {
  opacity: 0.55;
}
html[data-ai-mood="love"] .rv-ai-mascot-svg .rv-ai-eyes {
  animation: rv-ai-happy-squint 0.7s ease-out 1;
}
html[data-ai-mood="love"] .rv-ai-mascot-svg .rv-ai-antenna {
  animation: rv-ai-think-orb 0.7s ease-in-out 2;
}
html[data-ai-mood="dizzy"] .rv-ai-mascot-svg .rv-ai-mouth--smile,
html[data-ai-mood="dizzy"] .rv-ai-mascot-svg .rv-ai-mouth--grin,
html[data-ai-mood="dizzy"] .rv-ai-mascot-svg .rv-ai-mouth--talk,
html[data-ai-mood="dizzy"] .rv-ai-mascot-svg .rv-ai-mouth--think {
  opacity: 0;
}
html[data-ai-mood="dizzy"] .rv-ai-mascot-svg .rv-ai-mouth--neutral {
  opacity: 1;
  transform: rotate(-8deg);
  transform-origin: 32px 43px;
}
html[data-ai-mood="dizzy"] .rv-ai-mascot-svg .rv-ai-eyes {
  animation: rv-ai-dizzy-eyes 0.55s linear infinite;
}
html[data-ai-mood="dizzy"] .rv-ai-mascot-svg .rv-ai-pupil {
  opacity: 0.35;
}
html[data-ai-mood="dizzy"] .rv-ai-mascot-svg .rv-ai-brows {
  transform: translateY(-1.5px);
}
html[data-ai-mood="dizzy"] .rv-ai-mascot-svg .rv-ai-antenna {
  animation: rv-ai-dizzy-antenna 0.4s ease-in-out infinite;
}
html[data-ai-mood="smile"] .rv-ai-mascot-svg .rv-ai-mouth--smile,
html[data-ai-mood="smile"] .rv-ai-mascot-svg .rv-ai-mouth--talk,
html[data-ai-mood="smile"] .rv-ai-mascot-svg .rv-ai-mouth--neutral,
html[data-ai-mood="smile"] .rv-ai-mascot-svg .rv-ai-mouth--think {
  opacity: 0;
}
html[data-ai-mood="smile"] .rv-ai-mascot-svg .rv-ai-mouth--grin {
  opacity: 1;
}
html[data-ai-mood="smile"] .rv-ai-mascot-svg .rv-ai-blush {
  opacity: 0.42;
}
html[data-ai-mood="smile"] .rv-ai-mascot-svg .rv-ai-eyes {
  animation: rv-ai-happy-squint 0.95s ease-out 1;
}
html[data-ai-mood="talk"] .destek-app-avatar .rv-ai-mascot-svg,
html[data-ai-mood="talk"] .destek-launcher-core .rv-ai-mascot-svg,
html[data-ai-mood="think"] .destek-app-avatar .rv-ai-mascot-svg,
html[data-ai-mood="think"] .destek-launcher-core .rv-ai-mascot-svg {
  animation: rv-ai-nod 0.55s ease-in-out infinite;
}
@keyframes rv-ai-blink {
  0%, 86%, 100% { transform: scaleY(1); }
  90%, 94% { transform: scaleY(0.08); }
}
@keyframes rv-ai-bob {
  0%, 100% { transform: translateY(0); }
  50% { transform: translateY(-1.4px); }
}
@keyframes rv-ai-talk {
  0%, 100% { transform: scaleY(0.32) scaleX(1); }
  35% { transform: scaleY(1.18) scaleX(0.9); }
  70% { transform: scaleY(0.52) scaleX(1.06); }
}
@keyframes rv-ai-eye-pulse {
  0%, 100% { opacity: 1; }
  50% { opacity: 0.78; }
}
@keyframes rv-ai-happy-squint {
  0% { transform: scaleY(1); }
  35% { transform: scaleY(0.4); }
  100% { transform: scaleY(1); }
}
@keyframes rv-ai-nod {
  0%, 100% { transform: translateY(0); }
  50% { transform: translateY(1.2px); }
}
@keyframes rv-ai-brow-think {
  0%, 100% { transform: translateY(0); }
  50% { transform: translateY(-1.1px); }
}
@keyframes rv-ai-think-orb {
  0%, 100% { transform: translateY(0) scale(1); opacity: 1; }
  50% { transform: translateY(-2px) scale(1.12); opacity: 0.85; }
}
@keyframes rv-ai-look-aside {
  0%, 100% { transform: translateX(0); }
  40% { transform: translateX(1.2px); }
  70% { transform: translateX(-0.8px); }
}
@keyframes rv-ai-listen-glow {
  0%, 100% { opacity: 0.18; }
  50% { opacity: 0.42; }
}
@keyframes rv-ai-listen-pulse {
  0%, 100% { transform: scale(1); }
  50% { transform: scale(1.04); }
}
@keyframes rv-ai-dizzy-eyes {
  0% { transform: rotate(0deg) scaleY(1); }
  50% { transform: rotate(18deg) scaleY(0.85); }
  100% { transform: rotate(360deg) scaleY(1); }
}
@keyframes rv-ai-dizzy-antenna {
  0%, 100% { transform: rotate(-12deg) translateY(0); }
  50% { transform: rotate(12deg) translateY(-2px); }
}
@media (prefers-reduced-motion: reduce) {
  .destek-float-header .destek-app-status::before,
  .rv-ai-mascot-svg .rv-ai-eyes,
  .rv-ai-mascot-svg .rv-ai-antenna,
  html[data-ai-mood="talk"] .rv-ai-mascot-svg .rv-ai-mouth--talk,
  html[data-ai-mood="talk"] .rv-ai-mascot-svg .rv-ai-eye,
  html[data-ai-mood="think"] .rv-ai-mascot-svg .rv-ai-brows,
  html[data-ai-mood="think"] .rv-ai-mascot-svg .rv-ai-antenna,
  html[data-ai-mood="think"] .rv-ai-mascot-svg .rv-ai-pupil,
  html[data-ai-mood="listen"] .rv-ai-mascot-svg .rv-ai-eye-glow,
  html[data-ai-mood="dizzy"] .rv-ai-mascot-svg .rv-ai-eyes,
  html[data-ai-mood="dizzy"] .rv-ai-mascot-svg .rv-ai-antenna,
  html[data-ai-mood="talk"] .destek-app-avatar .rv-ai-mascot-svg,
  html[data-ai-mood="talk"] .destek-launcher-core .rv-ai-mascot-svg,
  html[data-ai-mood="think"] .destek-app-avatar .rv-ai-mascot-svg,
  html[data-ai-mood="think"] .destek-launcher-core .rv-ai-mascot-svg,
  html[data-ai-mood="listen"] .destek-app-avatar .rv-ai-mascot-svg,
  html[data-ai-mood="listen"] .destek-launcher-core .rv-ai-mascot-svg,
  .destek-app-avatar.is-loved,
  .destek-app-avatar.is-dizzy,
  .destek-app-avatar.is-dizzy .destek-avatar-stars,
  .destek-avatar-heart {
    animation: none !important;
  }
}
.destek-app-name {
  font-size: 1rem;
  font-weight: 800;
  letter-spacing: -0.01em;
  line-height: 1.2;
}
.destek-app-status {
  font-size: 0.75rem;
  opacity: 0.88;
  margin-top: 2px;
}
.destek-chat {
  flex: 1 1 auto;
  min-height: 0;
  max-height: 100%;
  overflow-y: auto;
  overflow-x: hidden;
  overflow-anchor: none;
  display: flex;
  flex-direction: column;
  gap: 6px;
  padding: 18px 16px 12px;
  background-color: #e5ddd5;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='260' height='260' viewBox='0 0 260 260'%3E%3Cg fill='%23c8bdb4' fill-opacity='0.38'%3E%3Cpath d='M44 38c8-6 18-4 22 4s-2 18-10 22-18 2-22-6 2-16 10-20zm88 12c6-8 16-10 24-4s10 16 4 24-16 10-24 4-10-16-4-24zm-40 72c8-6 18-4 22 4s-2 18-10 22-18 2-22-6 2-16 10-20zm88 12c6-8 16-10 24-4s10 16 4 24-16 10-24 4-10-16-4-24zm-40 72c8-6 18-4 22 4s-2 18-10 22-18 2-22-6 2-16 10-20z'/%3E%3Ccircle cx='130' cy='130' r='6'/%3E%3C/g%3E%3C/svg%3E");
  background-size: 260px 260px;
  scroll-behavior: auto;
}
.destek-msg {
  display: flex;
  max-width: 82%;
  min-width: 0;
}
/* Yalnızca yeni canlı yazı / eylem — tüm sohbeti her render'da yeniden animasyonlama (zıplama sebebi) */
.destek-msg-yaziyor-canli,
.destek-msg-eylem,
.destek-msg-typing {
  animation: destek-msg-in 0.34s cubic-bezier(0.22, 1, 0.36, 1);
}
@keyframes destek-msg-in {
  from { opacity: 0; transform: translateY(8px); }
  to { opacity: 1; transform: translateY(0); }
}
.destek-msg-bot { align-self: flex-start; }
.destek-msg-user { align-self: flex-end; }
.destek-bubble {
  position: relative;
  font-size: 0.875rem;
  line-height: 1.48;
  padding: 8px 12px 9px;
  border-radius: 10px;
  word-break: break-word;
  overflow-wrap: anywhere;
  max-width: 100%;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.06);
}
.destek-bubble-bot {
  background: #fff;
  color: #111b21;
  border-top-left-radius: 2px;
}
.destek-bubble-user {
  background: #d9fdd3;
  color: #111b21;
  border-top-right-radius: 2px;
}
.destek-msg-typing .destek-bubble-bot {
  padding: 12px 16px;
  min-width: 52px;
}
.destek-typing-dots {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  height: 10px;
}
.destek-typing-dots span {
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: #8696a0;
  animation: destek-dot 1.2s ease-in-out infinite;
}
.destek-typing-dots span:nth-child(2) { animation-delay: 0.15s; }
.destek-typing-dots span:nth-child(3) { animation-delay: 0.3s; }
@keyframes destek-dot {
  0%, 60%, 100% { transform: translateY(0); opacity: 0.45; }
  30% { transform: translateY(-4px); opacity: 1; }
}
.destek-msg-typing.hidden { display: none !important; }
.destek-menu {
  display: none;
}
.destek-msg-menu {
  align-self: stretch;
  max-width: 100%;
  margin-top: 4px;
}
.destek-menu-chat {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  padding: 4px 2px 8px;
}
.destek-menu-chip {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 2px;
  text-align: left;
  font-size: 0.8125rem;
  font-weight: 600;
  padding: 10px 14px;
  border-radius: 14px;
  border: 1px solid rgba(5, 150, 105, 0.28);
  background: rgba(255, 255, 255, 0.95);
  color: #065f46;
  cursor: pointer;
  transition: background 0.15s, border-color 0.15s, transform 0.12s, box-shadow 0.15s;
  box-shadow: 0 1px 3px rgba(15, 23, 42, 0.06);
  max-width: min(280px, 100%);
}
.destek-menu-chip-etiket {
  line-height: 1.3;
}
.destek-menu-acik {
  font-size: 0.72rem;
  font-weight: 500;
  color: #64748b;
  line-height: 1.35;
}
.destek-menu-chip:hover {
  border-color: #059669;
  background: #ecfdf5;
  transform: translateY(-1px);
  box-shadow: 0 4px 12px rgba(5, 150, 105, 0.12);
}
.destek-menu-chip-ghost {
  border-style: dashed;
  border-color: rgba(100, 116, 139, 0.35);
  color: #475569;
  background: rgba(255, 255, 255, 0.7);
  max-width: none;
  flex-direction: row;
  align-items: center;
}
.destek-msg-eylem {
  align-self: stretch;
  max-width: 100%;
  margin-top: 2px;
}
.destek-eylem-chat {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  padding: 4px 2px 6px;
}
.destek-eylem-chip {
  font-size: 0.8125rem;
  font-weight: 600;
  padding: 9px 14px;
  border-radius: 999px;
  border: 1px solid rgba(13, 148, 136, 0.35);
  background: rgba(255, 255, 255, 0.96);
  color: #0f766e;
  cursor: pointer;
  transition: background 0.15s, border-color 0.15s, transform 0.12s, box-shadow 0.15s;
  box-shadow: 0 1px 3px rgba(15, 23, 42, 0.06);
}
.destek-eylem-chip:hover {
  border-color: #0d9488;
  background: #f0fdfa;
  transform: translateY(-1px);
  box-shadow: 0 4px 12px rgba(13, 148, 136, 0.14);
}
.destek-eylem-chip-risk {
  border-color: rgba(245, 158, 11, 0.45);
  color: #b45309;
}
.destek-eylem-chip-risk:hover {
  border-color: #f59e0b;
  background: #fffbeb;
}
.destek-msg-onay { align-self: stretch; max-width: 100%; }
.destek-onay-kutu {
  background: rgba(255, 255, 255, 0.95);
  border: 1px solid rgba(245, 158, 11, 0.35);
  border-radius: 12px;
  padding: 12px 14px;
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.destek-onay-metin {
  font-size: 0.875rem;
  line-height: 1.45;
  color: #334155;
}
.destek-onay-btns {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
}
.destek-onay-evet,
.destek-onay-hayir {
  font-size: 0.8125rem;
  font-weight: 700;
  padding: 8px 16px;
  border-radius: 999px;
  cursor: pointer;
  border: none;
}
.destek-onay-evet {
  background: linear-gradient(135deg, #059669, #0d9488);
  color: #fff;
}
.destek-onay-hayir {
  background: #f1f5f9;
  color: #475569;
  border: 1px solid #cbd5e1;
}
.destek-onay-evet:hover { filter: brightness(1.05); }
.destek-onay-hayir:hover { background: #e2e8f0; }
.destek-menu-btn {
  font-size: 0.8125rem;
  font-weight: 600;
  padding: 8px 14px;
  border-radius: 999px;
  border: 1px solid rgba(5, 150, 105, 0.35);
  background: #fff;
  color: #065f46;
  cursor: pointer;
  transition: background 0.15s, border-color 0.15s, transform 0.12s;
}
.destek-menu-btn:hover {
  border-color: #059669;
  background: #ecfdf5;
  transform: translateY(-1px);
}
.destek-composer {
  display: flex;
  align-items: flex-end;
  gap: 10px;
  padding: 10px 14px 12px;
  background: #f0f2f5;
  border-top: 1px solid rgba(15, 23, 42, 0.06);
  flex-shrink: 0;
}
.destek-composer-input {
  flex: 1;
  min-height: 42px;
  max-height: 120px;
  padding: 10px 14px;
  border-radius: 22px;
  border: none;
  background: #fff;
  font-size: 0.9375rem;
  line-height: 1.4;
  color: #111b21;
  box-shadow: 0 1px 2px rgba(15, 23, 42, 0.06);
  outline: none;
}
.destek-composer-input:focus {
  box-shadow: 0 0 0 2px rgba(13, 148, 136, 0.35);
}
.destek-composer-input:disabled {
  opacity: 0.65;
  cursor: not-allowed;
}
.destek-composer-send {
  width: 44px;
  height: 44px;
  border: none;
  border-radius: 50%;
  display: grid;
  place-items: center;
  background: linear-gradient(135deg, #059669, #0d9488);
  color: #fff;
  cursor: pointer;
  flex-shrink: 0;
  transition: transform 0.12s, opacity 0.15s;
  box-shadow: 0 2px 8px rgba(5, 150, 105, 0.35);
}
.destek-composer-send svg { width: 20px; height: 20px; margin-left: 2px; }
.destek-composer-send:hover:not(:disabled) { transform: scale(1.04); }
.destek-composer-send:disabled {
  opacity: 0.45;
  cursor: not-allowed;
  transform: none;
}
.destek-composer-mic {
  width: 44px;
  height: 44px;
  border: 1px solid rgba(15, 23, 42, 0.1);
  border-radius: 50%;
  display: grid;
  place-items: center;
  background: #fff;
  color: #0f766e;
  cursor: pointer;
  flex-shrink: 0;
  transition: transform 0.12s, opacity 0.15s, background 0.15s, box-shadow 0.15s, color 0.15s;
  box-shadow: 0 1px 3px rgba(15, 23, 42, 0.08);
}
.destek-composer-mic svg { width: 20px; height: 20px; }
.destek-composer-mic:hover:not(:disabled) {
  transform: scale(1.04);
  color: #0d9488;
  border-color: rgba(13, 148, 136, 0.35);
}
.destek-composer-mic:disabled {
  opacity: 0.4;
  cursor: not-allowed;
  transform: none;
}
.destek-composer-mic.is-listening {
  background: linear-gradient(135deg, #0d9488, #059669);
  color: #fff;
  border-color: transparent;
  box-shadow: 0 0 0 3px rgba(13, 148, 136, 0.28), 0 2px 10px rgba(5, 150, 105, 0.35);
  animation: destek-mic-pulse 1.2s ease-in-out infinite;
}
.destek-composer-mic.is-unsupported {
  display: none;
}
@keyframes destek-mic-pulse {
  0%, 100% { box-shadow: 0 0 0 3px rgba(13, 148, 136, 0.22), 0 2px 8px rgba(5, 150, 105, 0.3); }
  50% { box-shadow: 0 0 0 6px rgba(13, 148, 136, 0.12), 0 2px 12px rgba(5, 150, 105, 0.4); }
}
html.theme-dark .destek-composer-mic {
  background: #1e293b;
  color: #5eead4;
  border-color: rgba(255, 255, 255, 0.1);
}
html.theme-dark .destek-composer-mic.is-listening {
  background: linear-gradient(135deg, #0d9488, #059669);
  color: #fff;
}
.destek-hint { display: none; }
html.theme-dark .destek-app {
  border-color: rgba(255, 255, 255, 0.08);
  box-shadow: 0 24px 48px -12px rgba(0, 0, 0, 0.45);
  background: #111b21;
}
html.theme-dark .destek-chat {
  background-color: #0b141a;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='260' height='260' viewBox='0 0 260 260'%3E%3Cg fill='%23182229' fill-opacity='0.85'%3E%3Cpath d='M44 38c8-6 18-4 22 4s-2 18-10 22-18 2-22-6 2-16 10-20zm88 12c6-8 16-10 24-4s10 16 4 24-16 10-24 4-10-16-4-24zm-40 72c8-6 18-4 22 4s-2 18-10 22-18 2-22-6 2-16 10-20zm88 12c6-8 16-10 24-4s10 16 4 24-16 10-24 4-10-16-4-24zm-40 72c8-6 18-4 22 4s-2 18-10 22-18 2-22-6 2-16 10-20z'/%3E%3Ccircle cx='130' cy='130' r='6'/%3E%3C/g%3E%3C/svg%3E");
}
html.theme-dark .destek-bubble-bot {
  background: #202c33;
  color: #e9edef;
}
html.theme-dark .destek-bubble-user {
  background: #005c4b;
  color: #e9edef;
}
html.theme-dark .destek-menu-chip {
  background: #2a3942;
  border-color: rgba(16, 185, 129, 0.35);
  color: #a7f3d0;
}
html.theme-dark .destek-menu-acik { color: #94a3b8; }
html.theme-dark .destek-menu-chip:hover {
  background: #1f2c34;
  border-color: #34d399;
}
html.theme-dark .destek-menu-chip-ghost {
  background: #202c33;
  color: #94a3b8;
  border-color: rgba(148, 163, 184, 0.3);
}
html.theme-dark .destek-eylem-chip {
  background: #2a3942;
  border-color: rgba(45, 212, 191, 0.35);
  color: #99f6e4;
}
html.theme-dark .destek-eylem-chip:hover {
  background: #1f2c34;
  border-color: #2dd4bf;
}
html.theme-dark .destek-eylem-chip-risk {
  border-color: rgba(251, 191, 36, 0.4);
  color: #fcd34d;
}
html.theme-dark .destek-onay-kutu {
  background: #202c33;
  border-color: rgba(251, 191, 36, 0.35);
}
html.theme-dark .destek-onay-metin { color: #e2e8f0; }
html.theme-dark .destek-onay-hayir {
  background: #334155;
  border-color: #475569;
  color: #cbd5e1;
}
html.theme-dark .destek-menu,
html.theme-dark .destek-composer {
  background: #202c33;
  border-top-color: rgba(255, 255, 255, 0.06);
}
html.theme-dark .destek-menu-btn {
  background: #2a3942;
  border-color: rgba(16, 185, 129, 0.35);
  color: #a7f3d0;
}
html.theme-dark .destek-menu-btn:hover {
  background: #1f2c34;
  border-color: #34d399;
}
html.theme-dark .destek-composer-input {
  background: #2a3942;
  color: #e9edef;
}
html.theme-dark .destek-typing-dots span { background: #8696a0; }
.destek-msg-form { align-self: stretch; max-width: 100%; }
.destek-talep-form {
  background: #f0f2f5;
  border: 1px solid #e2e8f0;
  border-radius: 12px;
  padding: 14px 16px;
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.destek-talep-baslik {
  font-weight: 700;
  font-size: 0.95rem;
  color: #111827;
  margin-bottom: 2px;
}
.destek-talep-label {
  display: flex;
  flex-direction: column;
  gap: 4px;
  font-size: 0.78rem;
  font-weight: 600;
  color: #475569;
}
.destek-talep-input,
.destek-talep-textarea {
  font: inherit;
  font-weight: 400;
  border: 1px solid #cbd5e1;
  border-radius: 8px;
  padding: 8px 10px;
  background: #fff;
  color: #0f172a;
  resize: vertical;
}
.destek-talep-input:focus,
.destek-talep-textarea:focus {
  outline: none;
  border-color: #10b981;
  box-shadow: 0 0 0 2px rgba(16, 185, 129, 0.15);
}
.destek-talep-gonder {
  align-self: flex-start;
  margin-top: 4px;
  padding: 9px 16px;
  border: none;
  border-radius: 999px;
  background: linear-gradient(135deg, #059669, #10b981);
  color: #fff;
  font-weight: 700;
  font-size: 0.85rem;
  cursor: pointer;
}
.destek-talep-gonder:hover:not(:disabled) { filter: brightness(1.05); }
.destek-talep-gonder:disabled { opacity: 0.6; cursor: not-allowed; }
html.theme-dark .destek-talep-form {
  background: #1e293b;
  border-color: #334155;
}
html.theme-dark .destek-talep-baslik { color: #f1f5f9; }
html.theme-dark .destek-talep-label { color: #94a3b8; }
html.theme-dark .destek-talep-input,
html.theme-dark .destek-talep-textarea {
  background: #0f172a;
  border-color: #475569;
  color: #e2e8f0;
}
@media (max-width: 640px) {
  .destek-shell { max-width: 100%; padding-bottom: 0.75rem; }
  .destek-app {
    min-height: min(74vh, 640px);
    max-height: min(78vh, 680px);
    border-radius: 14px;
  }
  .destek-chat { min-height: 0; padding: 14px 12px 10px; }
  .destek-msg { max-width: 88%; }
}

/* AI Asistan — kısayoldan yüzen sohbet balonu */
.destek-float-overlay {
  position: fixed;
  inset: 0;
  z-index: 10060;
  display: flex;
  align-items: flex-end;
  justify-content: center;
  padding: 0;
  pointer-events: none;
}
/* Mobil: kapalıyken display:none. Masaüstü: asla — sidebar gibi transform ile kayar */
.destek-float-overlay.hidden { display: none !important; }
.destek-float-overlay.is-open { pointer-events: auto; }
.destek-float-backdrop {
  position: absolute;
  inset: 0;
  background: rgba(4, 8, 18, 0.48);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  opacity: 0;
  transition: opacity 0.28s ease;
  pointer-events: none;
}
.destek-float-overlay.is-open .destek-float-backdrop { opacity: 1; }
.destek-float-card {
  position: relative;
  z-index: 1;
  width: 100%;
  max-width: 26rem;
  max-height: min(84vh, 680px);
  display: flex;
  flex-direction: column;
  border-radius: 22px 22px 0 0;
  /* Kafa header disina tasar — overflow:hidden kesiyordu */
  overflow: visible;
  /* Sidebar ile ayni easing — pure CSS class toggle */
  transform: translate3d(0, 108%, 0);
  opacity: 1;
  transition: transform .45s cubic-bezier(.22, 1, .36, 1);
  will-change: transform;
  box-shadow:
    0 -12px 48px rgba(0, 0, 0, 0.42),
    0 0 0 1px rgba(201, 138, 75, 0.14),
    inset 0 1px 0 rgba(255, 255, 255, 0.06);
}
.destek-float-overlay.is-open .destek-float-card {
  transform: translate3d(0, 0, 0);
}
.destek-float-card.destek-app {
  min-height: 0;
  max-height: min(84vh, 680px);
  height: min(84vh, 680px);
  overflow: visible;
}
.destek-float-card .destek-chat {
  flex: 1 1 auto;
  min-height: 0;
  padding: 14px 12px 8px;
  gap: 5px;
  position: relative;
  z-index: 0;
  overflow-x: hidden;
  overflow-y: auto;
}
.destek-float-card .destek-bubble {
  font-size: 0.8125rem;
  line-height: 1.4;
  padding: 6px 10px 7px;
}
.destek-float-card .destek-msg-typing .destek-bubble-bot {
  padding: 9px 12px;
}
.destek-float-card .destek-composer {
  align-items: center !important;
  gap: 6px !important;
  padding: 6px 8px 7px !important;
}
.destek-float-card .destek-composer-input {
  min-height: 34px !important;
  max-height: 88px !important;
  padding: 6px 12px !important;
  border-radius: 17px !important;
  font-size: 0.8125rem !important;
  line-height: 1.35 !important;
  box-shadow: none !important;
}
.destek-float-card .destek-composer-send,
.destek-float-card .destek-composer-mic {
  width: 34px !important;
  height: 34px !important;
}
.destek-float-card .destek-composer-send svg,
.destek-float-card .destek-composer-mic svg {
  width: 16px !important;
  height: 16px !important;
}
.destek-float-card .destek-composer-send {
  box-shadow: 0 1px 4px rgba(5, 150, 105, 0.3);
}

/* Float header — ince bar; kafa 76px taşarak durur (boş kutucuk yok) */
header.destek-app-header.destek-float-header {
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;
  align-items: center !important;
  gap: 0.45rem !important;
  box-sizing: border-box !important;
  height: 2.75rem !important;
  min-height: 2.75rem !important;
  max-height: 2.75rem !important;
  padding: 0 0.5rem 0 0.2rem !important;
  margin: 0 !important;
  overflow: visible !important;
  position: relative;
  z-index: 2;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.07) 0%, transparent 55%),
    linear-gradient(105deg, #022c26 0%, #0a5c52 55%, #0f766e 100%) !important;
  border-bottom: 1px solid rgba(201, 138, 75, 0.22);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.08);
  grid-template-columns: none !important;
  grid-template-areas: none !important;
}
header.destek-app-header.destek-float-header .destek-app-avatar {
  width: 76px !important;
  height: 76px !important;
  min-width: 76px !important;
  min-height: 76px !important;
  max-width: 76px !important;
  max-height: 76px !important;
  margin: -1rem 0 !important;
  padding: 0 !important;
  background: transparent !important;
  border: none !important;
  border-radius: 50%;
  box-shadow: none;
  overflow: visible !important;
  align-self: center;
  flex-shrink: 0;
  z-index: 3;
}
header.destek-app-header.destek-float-header .destek-app-avatar .rv-ai-mascot,
header.destek-app-header.destek-float-header .destek-app-avatar .rv-ai-mascot-svg,
header.destek-app-header.destek-float-header .destek-app-avatar .rv-ai-icon {
  width: 4.15rem !important;
  height: 4.15rem !important;
  max-width: 4.15rem !important;
  max-height: 4.15rem !important;
  filter: drop-shadow(0 3px 10px rgba(0, 0, 0, 0.32));
}
header.destek-app-header.destek-float-header .destek-app-avatar .destek-avatar-stars {
  display: none;
}
header.destek-app-header.destek-float-header .destek-app-meta {
  flex: 1 1 auto;
  min-width: 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 0.05rem;
  margin: 0;
  padding: 0;
}
header.destek-app-header.destek-float-header .destek-app-name {
  font-size: 0.8125rem;
  font-weight: 700;
  letter-spacing: 0.01em;
  line-height: 1.1;
  text-shadow: none;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
header.destek-app-header.destek-float-header .destek-app-status {
  display: inline-flex;
  align-items: center;
  gap: 0.28rem;
  margin: 0;
  font-size: 0.625rem;
  font-weight: 500;
  letter-spacing: 0.01em;
  opacity: 0.88;
  line-height: 1.1;
  white-space: nowrap;
}
header.destek-app-header.destek-float-header .destek-app-status::before {
  content: "";
  width: 0.35rem;
  height: 0.35rem;
  border-radius: 50%;
  background: #6ee7b7;
  box-shadow: 0 0 0 1.5px rgba(110, 231, 183, 0.3);
  flex-shrink: 0;
  animation: destek-online-dot 2.2s ease-in-out infinite;
}
header.destek-app-header.destek-float-header .destek-app-status[data-ai-status="typing"]::before,
header.destek-app-header.destek-float-header .destek-app-status[data-ai-status="think"]::before {
  background: #fbbf24;
  box-shadow: 0 0 0 1.5px rgba(251, 191, 36, 0.32);
  animation: destek-typing-dot 0.85s ease-in-out infinite;
}
header.destek-app-header.destek-float-header .destek-app-status[data-ai-status="listen"]::before {
  background: #c98a4b;
  box-shadow: 0 0 0 1.5px rgba(201, 138, 75, 0.35);
  animation: destek-typing-dot 1s ease-in-out infinite;
}
@keyframes destek-online-dot {
  0%, 100% { opacity: 1; transform: scale(1); }
  50% { opacity: 0.72; transform: scale(0.88); }
}
@keyframes destek-typing-dot {
  0%, 100% { opacity: 1; transform: scale(1); }
  50% { opacity: 0.45; transform: scale(0.75); }
}
header.destek-app-header.destek-float-header .destek-float-kapat {
  width: 1.7rem;
  height: 1.7rem;
  min-width: 1.7rem;
  font-size: 1.05rem;
  align-self: center;
  margin: 0;
  border-color: rgba(255, 255, 255, 0.16);
  background: rgba(0, 0, 0, 0.2);
  flex-shrink: 0;
}
header.destek-app-header.destek-float-header .destek-kurulum-progress {
  display: none;
}

/* Kurulum: progress satırı için biraz daha yüksek grid header */
body.destek-kurulum-modu header.destek-app-header.destek-float-header {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  grid-template-areas:
    "avatar meta close"
    "avatar progress progress";
  height: auto;
  max-height: none;
  min-height: 0;
  padding: 0.4rem 0.45rem 0.42rem 0.35rem;
  gap: 0.2rem 0.5rem;
  align-items: center;
}
body.destek-kurulum-modu header.destek-app-header.destek-float-header .destek-app-avatar {
  grid-area: avatar;
  width: 76px !important;
  height: 76px !important;
  min-width: 76px !important;
  min-height: 76px !important;
  max-width: 76px !important;
  max-height: 76px !important;
}
body.destek-kurulum-modu header.destek-app-header.destek-float-header .destek-app-avatar .rv-ai-mascot,
body.destek-kurulum-modu header.destek-app-header.destek-float-header .destek-app-avatar .rv-ai-mascot-svg {
  width: 4.15rem !important;
  height: 4.15rem !important;
}
body.destek-kurulum-modu header.destek-app-header.destek-float-header .destek-app-meta {
  grid-area: meta;
}
body.destek-kurulum-modu header.destek-app-header.destek-float-header .destek-float-kapat {
  grid-area: close;
}
body.destek-kurulum-modu header.destek-app-header.destek-float-header .destek-kurulum-progress {
  display: flex;
  grid-area: progress;
  margin: 0;
  padding-right: 0.1rem;
  gap: 0.35rem;
  min-width: 0;
}
.destek-float-header .destek-kurulum-progress-track {
  height: 3px;
  background: rgba(255, 255, 255, 0.12);
}
.destek-float-header .destek-kurulum-progress-text {
  font-size: 0.6rem;
  letter-spacing: 0.06em;
  color: rgba(255, 248, 235, 0.78);
}
.destek-float-kapat {
  width: 2.15rem;
  height: 2.15rem;
  border: 1px solid rgba(255, 255, 255, 0.22);
  border-radius: 999px;
  background: rgba(0, 0, 0, 0.18);
  color: #fff;
  font-size: 1.35rem;
  line-height: 1;
  display: grid;
  place-items: center;
  cursor: pointer;
  flex-shrink: 0;
  transition: background 0.15s ease, transform 0.12s ease, border-color 0.15s ease;
}
.destek-float-kapat:hover {
  background: rgba(0, 0, 0, 0.32);
  border-color: rgba(201, 138, 75, 0.45);
  transform: scale(1.04);
}
body.destek-float-open {
  overflow: hidden;
  touch-action: none;
}
html.theme-dark .destek-float-card {
  box-shadow:
    0 -12px 48px rgba(0, 0, 0, 0.55),
    0 0 0 1px rgba(201, 138, 75, 0.18),
    inset 0 1px 0 rgba(255, 255, 255, 0.04);
}
html.theme-dark .destek-float-header,
html.theme-dark header.destek-app-header.destek-float-header {
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.06) 0%, transparent 50%),
    linear-gradient(105deg, #021c18 0%, #064e3b 55%, #0f766e 100%);
}

/* İlk kurulum — panel kullanılırken asistan açık kalır */
body.destek-kurulum-modu.destek-float-open {
  overflow: auto;
  touch-action: auto;
}
body.destek-kurulum-modu .destek-float-overlay.is-open {
  pointer-events: none;
}
body.destek-kurulum-modu .destek-float-backdrop {
  opacity: 0 !important;
  pointer-events: none;
  background: transparent;
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
}
body.destek-kurulum-modu .destek-float-card {
  pointer-events: auto;
  box-shadow:
    0 8px 40px rgba(0, 0, 0, 0.45),
    0 0 0 1px rgba(201, 138, 75, 0.2);
}

/* Zorunlu panel tanitimi — konum; giris animasyonu WAAPI */
body.destek-kurulum-modu.destek-kurulum-premium .destek-float-card {
  transition: none;
  box-shadow:
    0 20px 60px rgba(0, 0, 0, 0.5),
    0 0 0 1px rgba(201, 138, 75, 0.28),
    0 0 48px rgba(16, 185, 129, 0.12);
}
body.destek-kurulum-modu.destek-kurulum-premium-ready .destek-float-card {
  /* hazir sinifi layout icin tutulur; transform yok */
}
body.destek-kurulum-modu .destek-float-header {
  position: relative;
}

/* Desktop — yan panel (mevcut premium deneyim) */
@media (min-width: 768px) {
  body.destek-kurulum-modu.destek-kurulum-premium .destek-float-overlay {
    align-items: flex-start;
    justify-content: flex-end;
    padding: 1.25rem 1rem 1rem calc(var(--rv-sidebar-w, 13.75rem) + 0.75rem);
  }
  body.destek-kurulum-modu.destek-kurulum-premium .destek-float-card {
    width: min(22.5rem, calc(100vw - var(--rv-sidebar-w, 13.75rem) - 2rem));
    max-height: min(78vh, 560px);
    height: min(78vh, 560px);
    border-radius: 20px;
  }
  body.destek-kurulum-modu.destek-kurulum-premium .destek-float-card .destek-chat {
    min-height: 0;
  }
}

/* Mobil — kompakt alt çekmece; panel görünür kalsın (detay kurallar aşağıda max-width:767 birleşik blokta) */
@media (max-width: 767px) {
  body.destek-kurulum-modu.destek-kurulum-premium .destek-float-overlay {
    align-items: flex-end;
    justify-content: center;
    padding: 0 0 calc(var(--mob-nav-bar-h, 3.05rem) + env(safe-area-inset-bottom, 0px));
  }
  body.destek-kurulum-modu.destek-kurulum-premium .destek-float-card {
    width: 100%;
    max-width: none;
    border-radius: 16px 16px 0 0;
    box-shadow:
      0 -10px 36px rgba(0, 0, 0, 0.42),
      0 0 0 1px rgba(201, 138, 75, 0.22);
  }
  body.destek-kurulum-modu.destek-kurulum-premium .destek-float-card .destek-chat {
    min-height: 0;
    flex: 1 1 auto;
    padding: 8px 10px 6px;
  }
  /* Eski: tüm kurulumda composer kapalıydı → salon adı yazılamıyordu. Yalnızca tur. */
  body.destek-kurulum-tur.destek-kurulum-premium .destek-composer,
  body.destek-float-open.destek-kurulum-tur .destek-composer {
    display: none;
  }
  body.destek-kurulum-modu.destek-kurulum-premium .destek-msg {
    max-width: 94%;
  }
}
.destek-kurulum-progress {
  display: flex;
  align-items: center;
  gap: 0.55rem;
  margin-top: 0.45rem;
  padding-right: 0.25rem;
}
.destek-kurulum-progress-track {
  flex: 1;
  height: 4px;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.14);
  overflow: hidden;
}
.destek-kurulum-progress-bar {
  height: 100%;
  width: 0;
  border-radius: inherit;
  background: linear-gradient(90deg, #c98a4b, #6ee7b7);
  transition: width 0.45s cubic-bezier(0.22, 1, 0.32, 1);
}
.destek-kurulum-progress-text {
  font-size: 0.68rem;
  font-weight: 600;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: rgba(255, 255, 255, 0.72);
  white-space: nowrap;
}
body.kurulum-tur-kilit .sidebar-btn,
body.kurulum-tur-kilit .tab-btn,
body.kurulum-tur-kilit .mob-drawer-btn,
body.kurulum-tur-kilit .mob-nav-btn,
body.kurulum-zorunlu-kilit .sidebar-btn,
body.kurulum-zorunlu-kilit .tab-btn,
body.kurulum-zorunlu-kilit .mob-drawer-btn,
body.kurulum-zorunlu-kilit .mob-nav-btn,
body.destek-kurulum-modu .sidebar-btn,
body.destek-kurulum-modu .tab-btn,
body.destek-kurulum-modu .mob-drawer-btn,
body.destek-kurulum-modu .mob-nav-btn {
  pointer-events: none !important;
  opacity: 0.38;
  filter: grayscale(0.2);
  cursor: not-allowed;
}
/* Hedef sekme: görünür vurgu — tıklanamaz (yalnızca AI açar) */
body.kurulum-tur-kilit .kurulum-hedef,
body.kurulum-zorunlu-kilit .kurulum-hedef,
body.destek-kurulum-modu .kurulum-hedef {
  opacity: 1 !important;
  filter: none !important;
  pointer-events: none !important;
  animation: kurulum-hedef-pulse 1.8s ease-in-out infinite;
}
body.kurulum-zorunlu-kilit .sidebar,
body.kurulum-tur-kilit .sidebar,
body.destek-kurulum-modu .sidebar {
  user-select: none;
}
body.kurulum-zorunlu-kilit #mobNavBar,
body.kurulum-tur-kilit #mobNavBar,
body.destek-kurulum-modu #mobNavBar {
  pointer-events: none;
  opacity: 0.45;
}
@keyframes kurulum-hedef-pulse {
  0%, 100% { box-shadow: 0 0 0 0 rgba(201, 138, 75, 0.45); }
  50% { box-shadow: 0 0 0 4px rgba(201, 138, 75, 0.18); }
}
body.destek-kurulum-modu .destek-eylem-chip {
  font-weight: 600;
  letter-spacing: 0.01em;
}

/* Desktop — AI sag dock = sol sidebar ile ayni kayma modeli */
@media (min-width: 768px) {
  .sidebar-btn[data-tab="destek"],
  #tab-destek {
    display: none !important;
  }

  :root {
    --destek-dock-w: min(22.5rem, 34vw);
    --destek-dock-gap: 0;
    --destek-ease: cubic-bezier(.22, 1, .36, 1);
    --destek-dur: .45s;
  }

  /* Panel sola kayar — sidebar margin-left ile birebir */
  body.destek-float-open .panel-shell {
    margin-right: var(--destek-dock-w);
  }
  body.destek-float-open {
    overflow: auto;
    touch-action: auto;
  }

  /* Kapaliyken de DOM'da kalsin — display:none transition oldurur */
  .destek-float-overlay.hidden {
    display: block !important;
    visibility: visible;
    pointer-events: none;
  }

  /* inset shorthand KULLANMA — top/right'i sifirlar, AI yok olur */
  .destek-float-overlay,
  body.destek-float-open .destek-float-overlay.is-open,
  body.destek-float-open:not(.destek-kurulum-modu) .destek-float-overlay.is-open,
  body.destek-float-open.destek-kurulum-modu .destek-float-overlay.is-open {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: auto;
    width: var(--destek-dock-w);
    height: auto;
    max-height: none;
    /* Ust bosluk: 76px kafa header disina tasar */
    padding: 1.15rem 0 0;
    margin: 0;
    box-sizing: border-box;
    align-items: stretch;
    justify-content: stretch;
    display: block !important;
    pointer-events: none;
    background: transparent;
    overflow: visible;
    z-index: 10060;
  }

  .destek-float-backdrop,
  body.destek-float-open .destek-float-backdrop,
  body.destek-float-open:not(.destek-kurulum-modu) .destek-float-backdrop,
  body.destek-float-open.destek-kurulum-modu .destek-float-backdrop {
    display: none !important;
    opacity: 0 !important;
    pointer-events: none !important;
  }

  /* Kapali: sagda disarida. Acik: body class — sidebar gibi */
  .destek-float-card,
  .destek-float-card.destek-app {
    pointer-events: auto;
    width: 100%;
    max-width: none;
    height: 100%;
    max-height: none;
    min-height: 100%;
    border-radius: 16px 0 0 16px;
    margin: 0;
    align-self: stretch;
    overflow: visible;
    transform: translateX(calc(100% + 6px));
    opacity: 1;
    transition: transform var(--destek-dur) var(--destek-ease);
    will-change: transform;
    box-shadow:
      -8px 0 32px rgba(0, 0, 0, 0.28),
      0 0 0 1px rgba(201, 138, 75, 0.18);
  }

  body.destek-float-open .destek-float-card,
  body.destek-float-open .destek-float-card.destek-app,
  .destek-float-overlay.is-open .destek-float-card {
    transform: translateX(0);
  }

  .destek-float-card .destek-chat {
    min-height: 0;
  }

  .destek-launcher {
    position: fixed;
    right: 1.15rem;
    bottom: 1.15rem;
    z-index: 10055;
    width: 3.1rem;
    height: 3.1rem;
    border: none;
    border-radius: 999px;
    padding: 0;
    cursor: pointer;
    background: linear-gradient(145deg, #0f766e 0%, #064e3b 48%, #022c22 100%);
    color: #fff;
    box-shadow:
      0 10px 28px rgba(0, 0, 0, 0.38),
      0 0 0 1px rgba(201, 138, 75, 0.32),
      inset 0 1px 0 rgba(255, 255, 255, 0.14);
    transition:
      transform 0.22s cubic-bezier(0.22, 1, 0.32, 1),
      box-shadow 0.22s ease;
    overflow: visible;
  }
  .destek-launcher:hover {
    transform: translateY(-2px) scale(1.04);
    box-shadow:
      0 14px 36px rgba(0, 0, 0, 0.42),
      0 0 0 1px rgba(201, 138, 75, 0.45),
      0 0 40px rgba(16, 185, 129, 0.18);
  }
  .destek-launcher:active {
    transform: translateY(0) scale(0.98);
  }
  .destek-launcher-core {
    display: grid;
    place-items: center;
    width: 100%;
    height: 100%;
    line-height: 1;
    filter: drop-shadow(0 2px 4px rgba(0, 0, 0, 0.25));
  }
  .destek-launcher-core .rv-ai-mascot {
    width: 2.65rem;
    height: 2.65rem;
    display: block;
    object-fit: contain;
    filter: drop-shadow(0 2px 5px rgba(0, 0, 0, 0.28));
  }
  .destek-launcher-halo {
    position: absolute;
    inset: -4px;
    border-radius: inherit;
    border: 1px solid rgba(201, 138, 75, 0.35);
    animation: destek-launcher-halo 2.8s ease-in-out infinite;
    pointer-events: none;
  }
  .destek-launcher-cap {
    position: absolute;
    top: -0.2rem;
    right: -0.15rem;
    min-width: 1.35rem;
    height: 1.15rem;
    padding: 0 0.3rem;
    border-radius: 999px;
    background: linear-gradient(135deg, #c98a4b, #e6b47e);
    color: #1a1208;
    font-size: 0.58rem;
    font-weight: 800;
    letter-spacing: 0.06em;
    line-height: 1.15rem;
    text-align: center;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.28);
  }
  @keyframes destek-launcher-halo {
    0%, 100% { opacity: 0.55; transform: scale(1); }
    50% { opacity: 1; transform: scale(1.06); }
  }
}
.destek-launcher.hidden {
  display: none !important;
}

/* AI nudge balon — launcher / mobil orta slot */
.destek-nudge-bubble {
  position: absolute;
  z-index: 10060;
  max-width: min(16.5rem, calc(100vw - 5.5rem));
  padding: .45rem .65rem;
  border-radius: 12px;
  font-size: .72rem;
  font-weight: 700;
  line-height: 1.25;
  color: #0f172a;
  background: #fff;
  border: 1px solid rgba(15, 23, 42, .1);
  box-shadow: 0 8px 28px rgba(15, 23, 42, .18);
  cursor: pointer;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  text-align: left;
  animation: destek-nudge-in .28s cubic-bezier(.22, 1, .32, 1);
}
.destek-nudge-bubble--anomali {
  background: linear-gradient(180deg, #fff7ed 0%, #fff 70%);
  border-color: rgba(249, 115, 22, .35);
  color: #9a3412;
}
.destek-nudge-bubble--gun {
  background: linear-gradient(180deg, #ecfdf5 0%, #fff 70%);
  border-color: rgba(16, 185, 129, .28);
  color: #065f46;
}
.destek-nudge-bubble::after {
  content: "";
  position: absolute;
  width: 10px;
  height: 10px;
  background: inherit;
  border-right: 1px solid inherit;
  border-bottom: 1px solid inherit;
  transform: rotate(45deg);
}
.destek-nudge-bubble[data-anchor="launcher"] {
  right: 0;
  bottom: calc(100% + .55rem);
}
.destek-nudge-bubble[data-anchor="launcher"]::after {
  right: 1.05rem;
  bottom: -5px;
  background: #fff;
  border-color: rgba(15, 23, 42, .1);
}
.destek-nudge-bubble[data-anchor="mob"] {
  left: 50%;
  bottom: calc(100% + .55rem);
  transform: translateX(-50%);
}
.destek-nudge-bubble[data-anchor="mob"]::after {
  left: 50%;
  margin-left: -5px;
  bottom: -5px;
  background: #fff;
  border-color: rgba(15, 23, 42, .1);
}
@keyframes destek-nudge-in {
  from { opacity: 0; transform: translateY(6px); }
  to { opacity: 1; transform: translateY(0); }
}
.destek-nudge-bubble[data-anchor="mob"].destek-nudge-in {
  animation: destek-nudge-in-mob .28s cubic-bezier(.22, 1, .32, 1);
}
@keyframes destek-nudge-in-mob {
  from { opacity: 0; transform: translateX(-50%) translateY(6px); }
  to { opacity: 1; transform: translateX(-50%) translateY(0); }
}
html.theme-dark .destek-nudge-bubble,
html.theme-mythos .destek-nudge-bubble {
  background: #1e293b;
  color: #e2e8f0;
  border-color: rgba(255,255,255,.12);
}
html.theme-dark .destek-nudge-bubble--anomali,
html.theme-mythos .destek-nudge-bubble--anomali {
  background: linear-gradient(180deg, rgba(249, 115, 22, .2) 0%, #1e293b 70%);
  color: #fdba74;
}
html.theme-dark .destek-nudge-bubble--gun,
html.theme-mythos .destek-nudge-bubble--gun {
  background: linear-gradient(180deg, rgba(16, 185, 129, .18) 0%, #1e293b 70%);
  color: #6ee7b7;
}

/* Mobil — AI / kurulum alt çekmece: panel çoğunlukla görünür kalsın */
@media (max-width: 767px) {
  body.destek-float-open {
    --destek-sheet-h: min(36vh, 300px);
    overflow: auto !important;
    touch-action: auto !important;
  }
  body.destek-float-open.destek-kurulum-modu {
    --destek-sheet-h: min(48vh, 400px);
  }
  body.destek-float-open .panel-shell,
  body.destek-float-open #app.app-shell {
    padding-bottom: calc(
      var(--destek-sheet-h) + var(--mob-nav-bar-h, 3.05rem) + env(safe-area-inset-bottom, 0px) + 0.35rem
    ) !important;
    box-sizing: border-box;
  }
  body.destek-float-open .destek-float-overlay.is-open,
  body.destek-float-open.destek-kurulum-modu .destek-float-overlay.is-open,
  body.destek-kurulum-modu.destek-kurulum-premium .destek-float-overlay.is-open {
    pointer-events: none !important;
    align-items: flex-end !important;
    justify-content: center !important;
    padding: 0 0 calc(var(--mob-nav-bar-h, 3.05rem) + env(safe-area-inset-bottom, 0px)) !important;
  }
  body.destek-float-open .destek-float-backdrop,
  body.destek-kurulum-modu .destek-float-backdrop {
    opacity: 0 !important;
    pointer-events: none !important;
    background: transparent !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
  }
  body.destek-float-open .destek-float-card,
  body.destek-float-open .destek-float-card.destek-app,
  body.destek-kurulum-modu.destek-kurulum-premium .destek-float-card,
  body.destek-kurulum-modu.destek-kurulum-premium-ready .destek-float-card {
    pointer-events: auto !important;
    width: 100% !important;
    max-width: none !important;
    height: var(--destek-sheet-h) !important;
    max-height: var(--destek-sheet-h) !important;
    min-height: 0 !important;
    border-radius: 16px 16px 0 0 !important;
    margin: 0 !important;
    /* transform/opacity: WAAPI — !important isinlanma yapardi */
  }
  /* Mobilde kafa orantılı — çekmeceyi yutmasın; masaüstü 76px kalsın */
  body.destek-float-open header.destek-float-header .destek-app-avatar,
  body.destek-kurulum-modu.destek-kurulum-premium .destek-float-header .destek-app-avatar {
    width: 2.65rem !important;
    height: 2.65rem !important;
    min-width: 2.65rem !important;
    min-height: 2.65rem !important;
    max-width: 2.65rem !important;
    max-height: 2.65rem !important;
    margin: 0 !important;
  }
  body.destek-float-open header.destek-float-header .destek-app-avatar .rv-ai-mascot,
  body.destek-float-open header.destek-float-header .destek-app-avatar .rv-ai-mascot-svg,
  body.destek-float-open header.destek-float-header .destek-app-avatar .rv-ai-icon,
  body.destek-kurulum-modu.destek-kurulum-premium .destek-float-header .destek-app-avatar .rv-ai-mascot {
    width: 2.4rem !important;
    height: 2.4rem !important;
    max-width: 2.4rem !important;
    max-height: 2.4rem !important;
  }
  body.destek-float-open header.destek-float-header {
    height: auto !important;
    max-height: none !important;
    min-height: 0 !important;
    padding: 0.28rem 0.45rem 0.28rem 0.3rem !important;
  }
  body.destek-kurulum-tur.destek-kurulum-premium .destek-composer,
  body.destek-float-open.destek-kurulum-tur .destek-composer {
    display: none !important;
  }
}

/* Tablet — dar dock, panel ferah kalsın */
@media (min-width: 768px) and (max-width: 1100px) {
  :root {
    --destek-dock-w: min(19.5rem, 36vw);
  }
}

/* Mobil — AI alt çekmece; karartma yok, panel tıklanabilir kalsın */
@media (max-width: 767px) {
  body.destek-float-open:not(.destek-kurulum-modu) {
    overflow: auto;
    touch-action: auto;
  }
  body.destek-float-open:not(.destek-kurulum-modu) .destek-float-overlay.is-open {
    pointer-events: none;
    align-items: flex-end;
    justify-content: center;
    padding: 0 0 calc(var(--mob-nav-bar-h, 3.05rem) + env(safe-area-inset-bottom, 0px));
  }
  body.destek-float-open:not(.destek-kurulum-modu) .destek-float-backdrop {
    opacity: 0 !important;
    pointer-events: none !important;
    background: transparent !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
  }
  body.destek-float-open:not(.destek-kurulum-modu) .destek-float-card {
    pointer-events: auto;
    width: 100%;
    max-width: none;
    max-height: var(--destek-sheet-h, min(36vh, 300px));
    height: var(--destek-sheet-h, min(36vh, 300px));
    border-radius: 16px 16px 0 0;
  }
}

/* Randevu aksiyon sheet */
.apt-card--tikla {
  cursor: pointer;
  transition: transform .12s ease, box-shadow .15s ease;
}
.apt-card--tikla:active {
  transform: scale(0.99);
}

/* —— Randevu aksiyon drawer (premium) —— */
#randevuAksiyonDrawer .ra-drawer-head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: .75rem;
  padding: .9rem 1rem .85rem;
  border-bottom: 1px solid rgba(15, 23, 42, .08);
  background: linear-gradient(180deg, #fff 0%, #fffaf3 100%);
}
#randevuAksiyonDrawer .ra-drawer-title-row {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: .4rem .5rem;
  min-width: 0;
}
#randevuAksiyonDrawer .ra-drawer-ad {
  margin: 0;
  font-family: var(--rv-font-d);
  font-size: 1.05rem;
  font-weight: 700;
  letter-spacing: -.02em;
  color: #1c1917;
  line-height: 1.2;
}
#randevuAksiyonDrawer .ra-drawer-meta {
  margin: .35rem 0 0;
  font-size: .72rem;
  font-weight: 600;
  line-height: 1.35;
  color: #78716c;
}
#randevuAksiyonDrawer .ra-drawer-durum {
  font-size: .62rem !important;
  font-weight: 800;
  padding: .18rem .48rem !important;
}
#randevuAksiyonDrawer .ra-drawer-kapat {
  flex-shrink: 0;
  width: 2.15rem;
  height: 2.15rem;
  border-radius: 10px;
  border: 1px solid rgba(15, 23, 42, .1);
  background: #fff;
  color: #64748b;
  font-size: .95rem;
  font-weight: 700;
  line-height: 1;
  cursor: pointer;
  transition: background .15s, color .15s;
}
#randevuAksiyonDrawer .ra-drawer-kapat:hover {
  background: #fff7ed;
  color: #92400e;
  border-color: rgba(201, 138, 75, .3);
}
#randevuAksiyonDrawer .ra-drawer-body {
  background: linear-gradient(180deg, #fffefb 0%, #fff 40%);
}
.ra-iletisim-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: .5rem;
}
.ra-iletisim-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: .45rem;
  min-height: 2.65rem;
  padding: .55rem .7rem;
  border-radius: 12px;
  font-size: .82rem;
  font-weight: 800;
  text-decoration: none;
  border: 1.5px solid transparent;
  transition: transform .12s, box-shadow .15s, filter .15s;
}
.ra-iletisim-btn:active { transform: scale(.98); }
.ra-iletisim-btn--tel {
  background: linear-gradient(180deg, #fff 0%, #f1f5f9 100%);
  border-color: rgba(71, 85, 105, .22);
  color: #0f172a;
  box-shadow: 0 2px 8px rgba(15, 23, 42, .06);
}
.ra-iletisim-btn--tel:hover {
  border-color: rgba(71, 85, 105, .35);
  background: #f8fafc;
}
.ra-iletisim-btn--wa {
  background: linear-gradient(145deg, #25d366 0%, #128c7e 100%);
  border-color: rgba(7, 94, 84, .35);
  color: #fff;
  box-shadow: 0 4px 14px rgba(18, 140, 126, .35), inset 0 1px 0 rgba(255,255,255,.25);
}
.ra-iletisim-btn--wa:hover { filter: brightness(1.05); }
.ra-iletisim-btn .ra-wa-svg,
.ra-iletisim-btn .ra-tel-svg {
  flex-shrink: 0;
  display: block;
}
.ra-aksiyon-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: .5rem;
}
.ra-aksiyon-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 2.75rem;
  padding: .6rem .7rem;
  border-radius: 12px;
  font-size: .84rem;
  font-weight: 800;
  border: 1.5px solid transparent;
  cursor: pointer;
  transition: transform .12s, box-shadow .15s, filter .15s;
}
.ra-aksiyon-btn:active { transform: scale(.98); }
.ra-aksiyon-btn--geldi {
  background: linear-gradient(135deg, #d97706, #b45309);
  border-color: rgba(146, 64, 14, .4);
  color: #fff;
  box-shadow: 0 4px 16px rgba(217, 119, 6, .32), inset 0 1px 0 rgba(255,255,255,.2);
}
.ra-aksiyon-btn--geldi:hover { filter: brightness(1.05); }
.ra-aksiyon-btn--ertele {
  background: linear-gradient(180deg, #fff 0%, #fff7ed 100%);
  border-color: rgba(201, 138, 75, .35);
  color: #78350f;
  box-shadow: 0 2px 8px rgba(201, 138, 75, .1);
}
.ra-aksiyon-btn--ertele:hover {
  background: #fff7ed;
  border-color: rgba(180, 83, 9, .45);
}
.ra-aksiyon-btn--duzenle {
  background: linear-gradient(180deg, #fff 0%, #f8fafc 100%);
  border-color: rgba(100, 116, 139, .35);
  color: #334155;
  box-shadow: 0 2px 8px rgba(100, 116, 139, .08);
}
.ra-aksiyon-btn--duzenle:hover {
  background: #f1f5f9;
  border-color: rgba(71, 85, 105, .45);
}
.ra-aksiyon-btn--gelmedi {
  background: linear-gradient(180deg, #fff7ed 0%, #ffedd5 100%);
  border-color: rgba(249, 115, 22, .35);
  color: #c2410c;
  box-shadow: 0 2px 8px rgba(249, 115, 22, .1);
}
.ra-aksiyon-btn--iptal {
  background: linear-gradient(180deg, #fff 0%, #fef2f2 100%);
  border-color: rgba(239, 68, 68, .28);
  color: #b91c1c;
  box-shadow: 0 2px 8px rgba(239, 68, 68, .08);
}
.ra-aksiyon-btn--iptal:hover {
  background: #fef2f2;
  border-color: rgba(185, 28, 28, .4);
}
.ra-iptal-blok {
  padding-top: .15rem;
}
.ra-iptal-uyari {
  margin: 0;
  font-size: .72rem;
  line-height: 1.4;
  color: var(--rv-text-3, #94a3b8);
}
.ra-iptal-not {
  min-height: 4.5rem;
  resize: vertical;
  width: 100%;
}
.ra-iptal-blok .ra-aksiyon-btn--iptal {
  width: 100%;
}
html.theme-rose #randevuAksiyonDrawer .ra-drawer-head {
  background: linear-gradient(180deg, #fff 0%, #fff5f9 100%);
  border-bottom-color: rgba(236, 72, 153, .12);
}
html.theme-rose #randevuAksiyonDrawer .ra-drawer-ad { color: #500724; }
html.theme-rose #randevuAksiyonDrawer .ra-drawer-meta { color: #9d174d; }
html.theme-rose .ra-aksiyon-btn--geldi {
  background: linear-gradient(135deg, #ec4899, #db2777);
  border-color: rgba(157, 23, 77, .35);
  box-shadow: 0 4px 16px rgba(236, 72, 153, .3), inset 0 1px 0 rgba(255,255,255,.2);
}
html.theme-dark #randevuAksiyonDrawer .ra-drawer-head,
html.theme-mythos #randevuAksiyonDrawer .ra-drawer-head {
  background: linear-gradient(180deg, rgba(26, 36, 56, .98) 0%, rgba(20, 28, 46, .98) 100%);
  border-bottom-color: rgba(255,255,255,.08);
}
html.theme-dark #randevuAksiyonDrawer .ra-drawer-ad,
html.theme-mythos #randevuAksiyonDrawer .ra-drawer-ad { color: #f1f5f9; }
html.theme-dark #randevuAksiyonDrawer .ra-drawer-meta,
html.theme-mythos #randevuAksiyonDrawer .ra-drawer-meta { color: #94a3b8; }
html.theme-dark #randevuAksiyonDrawer .ra-drawer-kapat,
html.theme-mythos #randevuAksiyonDrawer .ra-drawer-kapat {
  background: rgba(255,255,255,.06);
  border-color: rgba(255,255,255,.12);
  color: #cbd5e1;
}
html.theme-dark #randevuAksiyonDrawer .ra-drawer-body,
html.theme-mythos #randevuAksiyonDrawer .ra-drawer-body {
  background: rgba(20, 28, 46, .98);
}
html.theme-dark .ra-iletisim-btn--tel,
html.theme-mythos .ra-iletisim-btn--tel {
  background: rgba(255,255,255,.06);
  border-color: rgba(255,255,255,.12);
  color: #e2e8f0;
}
html.theme-dark .ra-aksiyon-btn--ertele,
html.theme-mythos .ra-aksiyon-btn--ertele {
  background: rgba(255,255,255,.06);
  border-color: rgba(251, 191, 36, .28);
  color: #fde68a;
}
html.theme-dark .ra-aksiyon-btn--duzenle,
html.theme-mythos .ra-aksiyon-btn--duzenle {
  background: rgba(255,255,255,.06);
  border-color: rgba(148, 163, 184, .3);
  color: #e2e8f0;
}

.ra-slot-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 0.45rem;
}
@media (max-width: 767px) {
  .ra-slot-grid {
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 0.4rem;
  }
  .ra-slot-btn {
    min-height: 2.65rem;
    padding: 0.75rem 0.25rem;
    font-size: 0.88rem;
  }
}
.ra-slot-btn {
  padding: 0.7rem 0.35rem;
  border-radius: 0.85rem;
  border: 1px solid var(--rv-border, rgba(15,23,42,.1));
  background: var(--rv-surface-2, #f8fafc);
  font-weight: 700;
  font-size: 0.9rem;
  color: var(--rv-text, #0f172a);
}
.ra-slot-btn--selected {
  border-color: rgba(180, 83, 9, 0.55);
  background: rgba(251, 191, 36, 0.22);
  box-shadow: inset 0 0 0 1px rgba(180, 83, 9, 0.25);
}
html.theme-dark .ra-slot-btn,
html.theme-mythos .ra-slot-btn {
  background: rgba(15, 23, 42, 0.55);
  border-color: rgba(148, 163, 184, 0.22);
  color: #e2e8f0;
}

/* —— Kasa UX (theme-safe) —— */
.kasa-kart { --kasa-line: var(--rv-border, rgba(15,23,42,.1)); }
.kasa-hata { font-size: .75rem; color: #dc2626; }
.kasa-hata.kasa-hata--bayat { color: var(--rv-gold-2, #d4a84b); }
.kasa-ozet-kutu {
  border-radius: .85rem; padding: .75rem .5rem;
  border: 1px solid var(--kasa-line);
  background: var(--rv-surface-2, rgba(15,23,42,.04));
}
.kasa-ozet-etiket { font-size: .7rem; font-weight: 800; letter-spacing: .02em; color: var(--rv-text-2, #64748b); }
.kasa-ozet-deger { font-size: 1.1rem; font-weight: 900; color: var(--rv-text, #0f172a); margin-top: .15rem; }
.kasa-ozet-gelir { border-color: rgba(16,185,129,.35); background: rgba(16,185,129,.08); }
.kasa-ozet-gider { border-color: rgba(239,68,68,.3); background: rgba(239,68,68,.08); }
.kasa-ozet-net { border-color: rgba(100,116,139,.25); }
.kasa-ozet-devreden { border-color: rgba(245,158,11,.35); background: rgba(245,158,11,.1); }
.kasa-odeme-kutu {
  border-radius: .7rem; padding: .55rem .4rem;
  border: 1px solid var(--kasa-line);
  background: var(--rv-surface, transparent);
}
.kasa-odeme-etiket { font-weight: 700; color: var(--rv-text-2, #64748b); }
.kasa-odeme-deger { font-weight: 900; color: var(--rv-text, #0f172a); margin-top: .15rem; }
.kasa-odeme-uyari { border-color: rgba(245,158,11,.45); background: rgba(245,158,11,.1); }
.kasa-gun-kart {
  border-radius: .9rem; padding: .85rem;
  border: 1px solid rgba(20,184,166,.28);
  background: rgba(20,184,166,.08);
}
.kasa-gun-baslik { font-size: .72rem; font-weight: 800; color: var(--rv-text, #0f172a); }
.kasa-gun-beklenen { font-size: .88rem; color: var(--rv-text, #0f172a); }
.kasa-gun-durum { font-size: .7rem; color: var(--rv-text-2, #64748b); margin-top: .2rem; }
.kasa-gun-fark { font-size: .75rem; font-weight: 700; margin-top: .25rem; }
.kasa-gun-fark.kasa-fark-var { color: #dc2626; }
.kasa-sayilan-lbl { display: flex; flex-direction: column; gap: .3rem; font-size: .72rem; font-weight: 700; color: var(--rv-text-2); max-width: 14rem; }
.kasa-gun-not-lbl {
  display: flex; flex-direction: column; gap: .3rem;
  font-size: .72rem; font-weight: 700; color: var(--rv-text-2, #64748b);
}
.kasa-gun-not { width: 100%; resize: vertical; min-height: 2.5rem; }
.kasa-eksik-uyari { font-size: .72rem; font-weight: 650; color: #b45309; line-height: 1.4; margin: 0; }
.kasa-form-bolum { border-top: 1px solid var(--kasa-line); padding-top: .85rem; }
.kasa-form-ipucu { font-size: .72rem; color: var(--rv-text-2, #64748b); line-height: 1.4; margin: 0; }
.kasa-tekrar-lbl { color: var(--rv-text-2, #475569); }
.kasa-hareket-liste { border-top: 1px solid var(--kasa-line); }
.kasa-hareket-satir {
  display: flex; justify-content: space-between; gap: .75rem; align-items: flex-start;
  padding: .65rem 0; border-bottom: 1px solid var(--kasa-line);
}
.kasa-hareket-ust { font-size: .78rem; font-weight: 700; color: var(--rv-text, #0f172a); }
.kasa-hareket-alt { font-size: .68rem; color: var(--rv-text-2, #64748b); margin-top: .15rem; }
.kasa-satir-gelir { color: #059669; }
.kasa-satir-gider { color: #dc2626; }
.kasa-satir-iptal { opacity: .55; text-decoration: line-through; }
.kasa-hareket-sag { display: flex; flex-direction: column; align-items: flex-end; gap: .35rem; flex-shrink: 0; }
.kasa-hareket-tutar { font-weight: 900; font-size: .85rem; color: var(--rv-text, #0f172a); }
.kasa-iptal-btn {
  border: 0; background: transparent; cursor: pointer;
  font-size: .68rem; font-weight: 800; color: #dc2626; padding: 0;
}
.kasa-iptal-badge { font-size: .65rem; color: var(--rv-text-2); }
.kasa-odeme-rozet {
  display: inline-block; font-size: .65rem; font-weight: 700;
  padding: .15rem .4rem; border-radius: .4rem;
  background: rgba(15,23,42,.06); color: var(--rv-text-2);
}
.kasa-odeme-ata { max-width: 9.5rem; font-size: .72rem !important; padding: .3rem .4rem !important; }
.kasa-liste-bos { font-size: .75rem; color: var(--rv-text-2); padding: .75rem 0; }
html.theme-dark .kasa-ozet-gelir, html.theme-mythos .kasa-ozet-gelir { background: rgba(16,185,129,.12); }
html.theme-dark .kasa-ozet-gider, html.theme-mythos .kasa-ozet-gider { background: rgba(239,68,68,.12); }
html.theme-dark .kasa-ozet-devreden, html.theme-mythos .kasa-ozet-devreden { background: rgba(245,158,11,.12); }
html.theme-dark .kasa-gun-kart, html.theme-mythos .kasa-gun-kart { background: rgba(20,184,166,.12); border-color: rgba(45,212,191,.25); }
html.theme-dark .kasa-ozet-deger, html.theme-mythos .kasa-ozet-deger,
html.theme-dark .kasa-odeme-deger, html.theme-mythos .kasa-odeme-deger,
html.theme-dark .kasa-hareket-tutar, html.theme-mythos .kasa-hareket-tutar { color: #f1f5f9; }
html.theme-dark .kasa-satir-gelir, html.theme-mythos .kasa-satir-gelir { color: #34d399; }
html.theme-dark .kasa-satir-gider, html.theme-mythos .kasa-satir-gider { color: #f87171; }
html.theme-dark .kasa-odeme-rozet, html.theme-mythos .kasa-odeme-rozet { background: rgba(255,255,255,.06); color: #cbd5e1; }
html.theme-rose .kasa-ozet-gelir { background: rgba(244,63,94,.08); border-color: rgba(244,63,94,.25); }
html.theme-rose .kasa-gun-kart { background: rgba(244,63,94,.06); border-color: rgba(244,63,94,.2); }

/* —— Kasa redesign v3: dönem pilleri, tek-vurgu hero, katlanır bölümler —— */
.kasa-hero, .kasa-liste-kart { padding: 1rem; }
.kasa-hero { display: flex; flex-direction: column; gap: .75rem; }
.kasa-donem-satir { display: flex; flex-wrap: wrap; align-items: center; gap: .5rem; }
.kasa-donem-etiket { font-size: .68rem; font-weight: 800; letter-spacing: .03em; text-transform: uppercase; color: var(--rv-text-2, #64748b); }
.kasa-donem-pills { display: flex; gap: .35rem; flex-wrap: wrap; }
.kasa-donem-pill {
  border: 1px solid var(--kasa-line); background: transparent; color: var(--rv-text-2, #64748b);
  font-size: .74rem; font-weight: 700; padding: .32rem .7rem; border-radius: 999px; cursor: pointer;
  transition: all .15s ease;
}
.kasa-donem-pill:hover { border-color: var(--rv-gold, #c98a4b); color: var(--rv-gold-2, #e6b47e); }
.kasa-donem-pill.active {
  background: linear-gradient(135deg, var(--rv-gold-2, #e6b47e), var(--rv-gold, #c98a4b));
  border-color: transparent; color: #201004; font-weight: 800;
}
.kasa-ozel-donem-link {
  margin-left: auto; border: 0; background: transparent; cursor: pointer;
  font-size: .72rem; font-weight: 700; color: var(--rv-gold-2, #c98a4b); text-decoration: underline; padding: 0;
}
.kasa-ozel-donem-blok {
  display: grid; grid-template-columns: 1fr 1fr; gap: .5rem;
  padding: .6rem; border-radius: .7rem; background: var(--rv-surface-2, rgba(15,23,42,.04)); border: 1px solid var(--kasa-line);
}
.kasa-ozet-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: .6rem; text-align: center; }
.kasa-ozet-soru { font-size: .7rem; font-weight: 800; letter-spacing: .01em; color: var(--rv-text-2, #64748b); }
.kasa-ozet-net { border-color: rgba(201,138,75,.4); background: rgba(201,138,75,.1); }
.kasa-net-detay { font-size: .74rem; color: var(--rv-text-2, #64748b); text-align: center; }
.kasa-uyari-satir {
  display: flex; flex-wrap: wrap; align-items: baseline; gap: .3rem;
  font-size: .74rem; font-weight: 700; color: #b45309;
  padding: .5rem .65rem; border-radius: .6rem;
  background: rgba(245,158,11,.12); border: 1px solid rgba(245,158,11,.35);
}
.kasa-uyari-not { font-weight: 600; color: var(--rv-text-2, #92400e); }
.kasa-cta-ekle {
  width: 100%; padding: .85rem; border-radius: .85rem; border: 0; cursor: pointer;
  font-size: .92rem; font-weight: 800; color: #201004;
  background: linear-gradient(135deg, var(--rv-gold-2, #e6b47e), var(--rv-gold, #c98a4b), var(--rv-gold-deep, #8a5a2e));
  box-shadow: 0 6px 20px var(--rv-gold-glow, rgba(201,138,75,.3));
  transition: transform .15s ease, box-shadow .15s ease;
}
.kasa-cta-ekle:hover { transform: translateY(-1px); box-shadow: 0 8px 26px var(--rv-gold-glow, rgba(201,138,75,.4)); }
.kasa-cta-ekle:active { transform: translateY(0); }
.kasa-acc { padding: 0 !important; overflow: hidden; }
.kasa-acc-baslik {
  display: flex; align-items: center; justify-content: space-between; gap: .5rem;
  padding: .9rem 1rem; cursor: pointer; list-style: none;
  font-size: .85rem; font-weight: 800; color: var(--rv-text, #0f172a);
}
.kasa-acc-baslik::-webkit-details-marker { display: none; }
.kasa-odeme-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: .5rem; text-align: center; }
.kasa-liste-kart { padding-top: .9rem; }
.kasa-liste-baslik-satir { display: flex; align-items: center; justify-content: space-between; gap: .5rem; margin-bottom: .5rem; }
.kasa-liste-baslik { font-size: .9rem; font-weight: 800; color: var(--rv-text, #0f172a); margin: 0; }
.kasa-hareket-liste { border-top: 0; }
@media (max-width: 640px) {
  .kasa-ozet-grid { grid-template-columns: repeat(3, 1fr); gap: .4rem; }
  .kasa-ozet-soru { font-size: .62rem; }
  .kasa-ozet-deger { font-size: .92rem; }
  .kasa-ozel-donem-blok { grid-template-columns: 1fr; }
  .kasa-odeme-grid { grid-template-columns: repeat(3, 1fr); }
}
html.theme-dark .kasa-donem-pill, html.theme-mythos .kasa-donem-pill { color: #cbd5e1; }
html.theme-dark .kasa-ozet-net, html.theme-mythos .kasa-ozet-net { background: rgba(201,138,75,.16); }
html.theme-dark .kasa-uyari-satir, html.theme-mythos .kasa-uyari-satir { color: #fbbf24; }
html.theme-rose .kasa-ozet-net { background: rgba(244,63,94,.08); border-color: rgba(244,63,94,.25); }

.kasa-fark-kart {
  display: flex; flex-direction: column; gap: .2rem;
  padding: .65rem .75rem; border-radius: .7rem;
  background: rgba(15, 23, 42, .04);
  border: 1px dashed rgba(100, 116, 139, .35);
}
.kasa-fark-kart--sonuc {
  border-style: solid;
  background: rgba(201, 138, 75, .08);
  border-color: rgba(201, 138, 75, .35);
}
.kasa-fark-etiket {
  font-size: .65rem; font-weight: 800; letter-spacing: .03em;
  text-transform: uppercase; color: var(--rv-text-2, #64748b);
}
.kasa-fark-bekliyor { color: var(--rv-text-2, #94a3b8) !important; font-weight: 600 !important; }
html.theme-dark .kasa-fark-kart, html.theme-mythos .kasa-fark-kart {
  background: rgba(255,255,255,.04); border-color: rgba(148,163,184,.28);
}
html.theme-dark .kasa-fark-kart--sonuc, html.theme-mythos .kasa-fark-kart--sonuc {
  background: rgba(201,138,75,.12); border-color: rgba(251,191,36,.35);
}

.kasa-odeme-kirilim {
  text-align: center; font-size: .72rem; font-weight: 700;
  color: var(--rv-text-2, #64748b); margin-top: -.15rem;
}
.kasa-gun-net-satir { font-size: .72rem; color: var(--rv-text-2, #64748b); margin-top: .15rem; }
.kasa-fark-ok { color: #059669 !important; }
.kasa-fark-fazla { color: #2563eb !important; }
.kasa-liste-filtre { display: flex; flex-wrap: wrap; gap: .3rem; margin-right: auto; margin-left: .5rem; }
.kasa-filtre-pill {
  border: 1px solid var(--kasa-line, rgba(15,23,42,.1)); background: transparent;
  border-radius: 999px; padding: .2rem .55rem; font-size: .65rem; font-weight: 700;
  color: var(--rv-text-2, #64748b); cursor: pointer;
}
.kasa-filtre-pill.active {
  background: rgba(201,138,75,.18); border-color: rgba(201,138,75,.4); color: var(--rv-text, #0f172a);
}
.kasa-gecmis-rozet {
  display: inline-flex; align-items: center; margin-left: .35rem;
  padding: .1rem .4rem; border-radius: 999px; font-size: .6rem; font-weight: 800;
  background: rgba(245,158,11,.16); color: #b45309; border: 1px solid rgba(245,158,11,.35);
}
.ra-odeme-chips { display: grid; grid-template-columns: repeat(3, 1fr); gap: .5rem; }
.ra-odeme-chip {
  border: 1.5px solid rgba(15,23,42,.12); background: #fff; color: #0f172a;
  border-radius: 12px; padding: .7rem .4rem; font-size: .82rem; font-weight: 800;
  cursor: pointer; transition: background .12s, border-color .12s, transform .1s;
}
.ra-odeme-chip:active { transform: scale(.97); }
.ra-odeme-chip--aktif {
  border-color: rgba(74,143,111,.55); background: rgba(16,185,129,.12); color: #065f46;
  box-shadow: 0 0 0 2px rgba(74,143,111,.25);
}
html.theme-dark .ra-odeme-chip, html.theme-mythos .ra-odeme-chip {
  background: #1a2438; color: #e2e8f0; border-color: rgba(148,163,184,.25);
}
html.theme-dark .ra-odeme-chip--aktif, html.theme-mythos .ra-odeme-chip--aktif {
  background: #1c2e26; color: #a7f3d0; border-color: rgba(110,231,183,.4);
}
html.theme-dark .kasa-gecmis-rozet, html.theme-mythos .kasa-gecmis-rozet {
  color: #fbbf24; background: rgba(245,158,11,.18);
}
html.theme-dark .kasa-filtre-pill.active, html.theme-mythos .kasa-filtre-pill.active {
  color: #f1f5f9;
}
.kasa-yontem-ata { display: flex; flex-wrap: wrap; gap: .3rem; margin-top: .4rem; }
.kasa-yontem-mini {
  border: 1px solid rgba(74, 143, 111, .35);
  background: rgba(16, 185, 129, .08);
  color: #047857;
  border-radius: 999px;
  padding: .18rem .5rem;
  font-size: .62rem;
  font-weight: 800;
  cursor: pointer;
}
.kasa-yontem-mini:active { transform: scale(.97); }
html.theme-dark .kasa-yontem-mini, html.theme-mythos .kasa-yontem-mini {
  color: #a7f3d0; background: rgba(16,185,129,.12); border-color: rgba(110,231,183,.3);
}

  .hesap-sil-zone {
    margin-top: 2.5rem;
    padding: 1.1rem 1.15rem 1.2rem;
    border: 1px solid rgba(248, 113, 113, .18);
    background: color-mix(in srgb, #7f1d1d 6%, transparent);
    border-radius: 12px;
  }
  html.theme-mythos .hesap-sil-zone {
    background: rgba(127, 29, 29, .12);
    border-color: rgba(248, 113, 113, .22);
  }
  .hesap-sil-baslik {
    margin: 0 0 .35rem;
    font-size: .92rem;
    font-weight: 700;
    color: #b91c1c;
  }
  html.theme-mythos .hesap-sil-baslik { color: #fca5a5; }
  .hesap-sil-ozet {
    margin: 0 0 .85rem;
    font-size: .78rem;
    line-height: 1.5;
    color: var(--rv-text-2, #64748b);
  }
  .hesap-sil-ac { color: #b91c1c !important; border-color: rgba(185, 28, 28, .28) !important; }
  .hesap-sil-liste {
    margin: 0 0 1rem;
    padding-left: 1.1rem;
    font-size: .76rem;
    line-height: 1.55;
    color: var(--rv-text-2, #64748b);
  }
  .hesap-sil-liste li { margin: .25rem 0; }
  .hesap-sil-adim {
    margin: 0 0 .65rem;
    font-size: .68rem;
    font-weight: 700;
    letter-spacing: .08em;
    text-transform: uppercase;
    color: var(--rv-text-3, #94a3b8);
  }
  .hesap-sil-hint {
    margin: .4rem 0 .75rem;
    font-size: .72rem;
    line-height: 1.45;
    color: var(--rv-text-3, #94a3b8);
  }
  .hesap-sil-hata {
    margin: 0 0 .75rem;
    font-size: .78rem;
    color: #b91c1c;
  }
  .hesap-sil-aksiyon {
    display: flex;
    flex-wrap: wrap;
    gap: .45rem;
    margin-top: .85rem;
  }
  .btn-danger {
    background: #b91c1c;
    color: #fff;
    border: 1px solid #991b1b;
  }
  .btn-danger:hover { background: #991b1b; }
  .btn-danger:disabled { opacity: .55; }

/* ── Personel Sıralaması — oyunvari aylık podyum ── */
.siralama-board {
  border: 1px solid rgba(201, 138, 75, .2);
  border-radius: 18px;
  background: linear-gradient(165deg, #171425 0%, #14121f 55%, #0f0e18 100%);
  box-shadow: 0 10px 32px rgba(0,0,0,.28), inset 0 1px 0 rgba(255,255,255,.06);
  padding: 1.1rem 1rem 1.35rem;
  color: #f1eefc;
  overflow: hidden;
}
.siralama-head { text-align: center; margin-bottom: .85rem; }
.siralama-baslik {
  margin: 0 0 .2rem;
  font-size: 1.15rem;
  font-weight: 800;
  letter-spacing: .01em;
  color: #fff;
}
.siralama-alt { margin: 0; font-size: .78rem; color: #b7aed9; }
.siralama-bos {
  padding: 2.2rem 1rem;
  text-align: center;
  font-size: .88rem;
  font-weight: 600;
  color: #a99fce;
}
.siralama-odul-bandi {
  margin: 0 0 1rem;
  padding: .65rem .8rem .5rem;
  border-radius: 14px;
  background: rgba(251, 191, 36, .1);
  border: 1px solid rgba(251, 191, 36, .28);
  text-align: center;
}
.siralama-odul-bandi-baslik {
  display: block;
  font-size: .74rem;
  font-weight: 800;
  color: #fde68a;
  margin-bottom: .45rem;
}
.siralama-odul-chip-row { display: flex; flex-wrap: wrap; justify-content: center; gap: .4rem; }
.siralama-odul-chip {
  display: inline-flex;
  align-items: center;
  gap: .25rem;
  padding: .28rem .6rem;
  border-radius: 999px;
  font-size: .74rem;
  font-weight: 700;
  background: rgba(255,255,255,.06);
  color: #fef3c7;
  border: 1px solid rgba(251, 191, 36, .3);
}
.siralama-odul-chip--1 { border-color: rgba(147, 197, 253, .5); color: #dbeafe; }
.siralama-odul-chip--2 { border-color: rgba(251, 191, 36, .5); }
.siralama-odul-chip--3 { border-color: rgba(203, 213, 225, .5); color: #e2e8f0; }
.siralama-odul-bandi-not {
  display: block;
  margin-top: .4rem;
  font-size: .64rem;
  color: #a99fce;
}

.siralama-podyum {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: .55rem;
  align-items: end;
  margin-bottom: .9rem;
}
.siralama-podyum-kart {
  border-radius: 16px;
  padding: 1rem .55rem .85rem;
  text-align: center;
  background: rgba(255,255,255,.05);
  border: 1px solid rgba(255,255,255,.1);
  position: relative;
}
.siralama-podyum-kart--bos { background: transparent; border: none; }
.siralama-podyum-kart--1 {
  transform: translateY(-.6rem);
  background: linear-gradient(165deg, rgba(147,197,253,.16), rgba(255,255,255,.04));
  border-color: rgba(147, 197, 253, .4);
  box-shadow: 0 8px 24px rgba(56, 189, 248, .18);
}
.siralama-podyum-kart--2 { border-color: rgba(251, 191, 36, .35); }
.siralama-podyum-kart--3 { border-color: rgba(203, 213, 225, .3); }
.siralama-podyum-kart.is-ben {
  outline: 2px solid rgba(74, 222, 128, .6);
  outline-offset: 2px;
}
.siralama-podyum-ikon { display: flex; justify-content: center; margin-bottom: .35rem; }
.siralama-podyum-ad {
  font-size: .84rem;
  font-weight: 800;
  color: #fff;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.siralama-podyum-skor {
  margin-top: .15rem;
  font-size: .92rem;
  font-weight: 900;
  color: #fde68a;
}
.siralama-podyum-detay {
  margin-top: .3rem;
  display: flex;
  justify-content: center;
  gap: .3rem;
  font-size: .64rem;
  color: #b7aed9;
}

.siralama-liste { display: flex; flex-direction: column; gap: .35rem; }
.siralama-liste-satir {
  display: grid;
  grid-template-columns: 1.6rem 1fr auto auto auto;
  align-items: center;
  gap: .5rem;
  padding: .5rem .7rem;
  border-radius: 12px;
  background: rgba(255,255,255,.03);
  border: 1px solid rgba(255,255,255,.06);
  font-size: .76rem;
}
.siralama-liste-satir.is-ben {
  background: rgba(74, 222, 128, .08);
  border-color: rgba(74, 222, 128, .35);
}
.siralama-liste-sira { font-weight: 800; color: #a99fce; }
.siralama-liste-ad { font-weight: 700; color: #f1eefc; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.siralama-liste-ben-etiket {
  display: inline-block;
  margin-left: .3rem;
  padding: .05rem .4rem;
  border-radius: 999px;
  font-size: .58rem;
  font-weight: 800;
  background: rgba(74, 222, 128, .18);
  color: #86efac;
}
.siralama-liste-geldi, .siralama-liste-ciro { color: #b7aed9; white-space: nowrap; }
.siralama-liste-skor { font-weight: 800; color: #fde68a; white-space: nowrap; }

.rv-rozet-svg { display: block; filter: drop-shadow(0 2px 4px rgba(0,0,0,.35)); }

@media (max-width: 640px) {
  .siralama-podyum { grid-template-columns: 1fr 1.1fr 1fr; gap: .4rem; }
  .siralama-liste-satir { grid-template-columns: 1.4rem 1fr auto auto; gap: .35rem; font-size: .72rem; }
  .siralama-liste-geldi { display: none; }
}

/* ── Salon duyurusu (patron -> personel) — Randevuka "Haberler"den ayrı, amber/teal kimlik ── */
.salon-duyuru-gonder-kart {
  width: 100%;
  max-width: none;
  padding: .85rem 1rem .95rem;
  border-radius: 14px;
  border: 1px solid var(--rv-border);
  background: var(--rv-surface-1);
}
/* Haftalık vardiya kartı içinde: çift çerçeve yok; geniş kartta formu doldur, dar sütunda geçmiş */
.vardiya-board-kart > .salon-duyuru-gonder-kart {
  border: 0;
  border-radius: 0;
  border-top: 1px solid rgba(201, 138, 75, .14);
  background: transparent;
  box-shadow: none;
  padding: 1rem 1.15rem 1.15rem;
  display: grid;
  grid-template-columns: 1fr;
  gap: .7rem 1.25rem;
  align-items: start;
}
.vardiya-board-kart > .salon-duyuru-gonder-kart > .salon-duyuru-gonder-head {
  text-align: left;
  max-width: 36rem;
}
.vardiya-board-kart > .salon-duyuru-gonder-kart > .salon-duyuru-gonder-form {
  width: 100%;
  max-width: none;
  margin-top: 0;
  text-align: left;
}
.vardiya-board-kart > .salon-duyuru-gonder-kart > .salon-duyuru-gonderilenler {
  width: 100%;
  max-width: none;
  margin-top: 0;
  text-align: left;
}
.vardiya-board-kart > .salon-duyuru-gonder-kart .salon-duyuru-gonder-hedef,
.vardiya-board-kart > .salon-duyuru-gonder-kart .salon-duyuru-push-secenek {
  justify-content: flex-start;
}
@media (min-width: 960px) {
  .vardiya-board-kart > .salon-duyuru-gonder-kart {
    grid-template-columns: minmax(0, 1fr) minmax(15rem, 22rem);
  }
  .vardiya-board-kart > .salon-duyuru-gonder-kart > .salon-duyuru-gonder-head {
    grid-column: 1 / -1;
    max-width: none;
  }
  .vardiya-board-kart > .salon-duyuru-gonder-kart > .salon-duyuru-gonderilenler {
    grid-column: 2;
    grid-row: 2;
    align-self: start;
    margin-top: .15rem;
    padding: .65rem .75rem;
    border-radius: 12px;
    border: 1px solid var(--rv-border);
    background: var(--rv-surface-2, rgba(148, 163, 184, .06));
  }
}
html.theme-dark .vardiya-board-kart > .salon-duyuru-gonder-kart,
html.theme-mythos .vardiya-board-kart > .salon-duyuru-gonder-kart {
  border-top-color: rgba(251, 191, 36, .14);
}
html.theme-rose .vardiya-board-kart > .salon-duyuru-gonder-kart {
  border-top-color: rgba(236, 72, 153, .16);
}
.salon-duyuru-gonder-head { margin: 0 0 .5rem; }
.salon-duyuru-gonder-eyebrow {
  margin: 0 0 .1rem;
  font-size: .58rem;
  font-weight: 800;
  letter-spacing: .1em;
  text-transform: uppercase;
  color: #0d9488;
}
.salon-duyuru-gonder-baslik {
  margin: 0;
  font-size: .95rem;
  font-weight: 800;
  letter-spacing: -.02em;
  color: var(--rv-text);
}
.salon-duyuru-gonder-alt {
  margin: .2rem 0 0;
  font-size: .68rem;
  color: var(--rv-text-3);
  line-height: 1.35;
}
.salon-duyuru-gonder-form {
  display: flex;
  flex-direction: column;
  gap: .45rem;
  margin-top: .55rem;
  max-width: 40rem;
}
.salon-duyuru-gonder-hedef { display: flex; gap: .9rem; flex-wrap: wrap; }
.salon-duyuru-hedef-secenek {
  display: flex;
  align-items: center;
  gap: .35rem;
  font-size: .74rem;
  font-weight: 600;
  color: var(--rv-text-2);
  cursor: pointer;
}
.salon-duyuru-usta-secim {
  display: flex;
  flex-wrap: wrap;
  gap: .3rem .6rem;
  padding: .5rem .6rem;
  border-radius: 10px;
  background: var(--rv-surface-2);
  border: 1px solid var(--rv-border);
}
.salon-duyuru-usta-secenek {
  display: flex;
  align-items: center;
  gap: .3rem;
  font-size: .72rem;
  color: var(--rv-text-2);
  cursor: pointer;
}
.salon-duyuru-usta-bos { margin: 0; font-size: .7rem; color: var(--rv-text-3); }
.salon-duyuru-push-secenek {
  display: flex;
  align-items: center;
  gap: .35rem;
  font-size: .72rem;
  color: var(--rv-text-3);
  cursor: pointer;
}
.salon-duyuru-gonderilenler { margin-top: .65rem; display: flex; flex-direction: column; gap: .45rem; }
.salon-duyuru-gonderilen-liste { display: flex; flex-direction: column; gap: .35rem; }
.salon-duyuru-gonderilen-bos { margin: 0; font-size: .7rem; color: var(--rv-text-3); }
.salon-duyuru-gonderilen-satir {
  display: grid;
  grid-template-columns: 1fr auto auto;
  align-items: start;
  gap: .5rem;
  padding: .45rem .55rem;
  border-radius: 10px;
  background: var(--rv-surface-2);
  border: 1px solid var(--rv-border);
}
.salon-duyuru-gonderilen-metin { display: flex; flex-direction: column; gap: .12rem; min-width: 0; }
.salon-duyuru-gonderilen-metin strong { font-size: .74rem; color: var(--rv-text); }
.salon-duyuru-gonderilen-metin span {
  font-size: .68rem;
  color: var(--rv-text-3);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.salon-duyuru-gonderilen-tarih {
  margin-top: .1rem;
  font-size: .62rem;
  font-weight: 600;
  letter-spacing: .01em;
  color: var(--rv-text-3);
  font-variant-numeric: tabular-nums;
}
.salon-duyuru-sayfa-nav {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: .55rem;
  padding-top: .15rem;
}
.salon-duyuru-sayfa-btn {
  min-width: 2rem;
  height: 1.85rem;
  border-radius: 8px;
  border: 1px solid var(--rv-border);
  background: var(--rv-surface-1, transparent);
  color: var(--rv-text);
  font-size: .85rem;
  font-weight: 700;
  cursor: pointer;
  line-height: 1;
}
.salon-duyuru-sayfa-btn:disabled {
  opacity: .35;
  cursor: default;
}
.salon-duyuru-sayfa-btn:not(:disabled):hover {
  border-color: rgba(13, 148, 136, .4);
  color: #0d9488;
}
.salon-duyuru-sayfa-etiket {
  font-size: .72rem;
  font-weight: 700;
  color: var(--rv-text-2);
  font-variant-numeric: tabular-nums;
  min-width: 3.2rem;
  text-align: center;
}
.salon-duyuru-gonderilen-hedef {
  font-size: .62rem;
  font-weight: 700;
  color: #0d9488;
  white-space: nowrap;
}
.salon-duyuru-gonderilen-sil {
  border: none;
  background: transparent;
  color: var(--rv-text-3);
  cursor: pointer;
  font-size: .8rem;
  line-height: 1;
  padding: .15rem .3rem;
}
.salon-duyuru-gonderilen-sil:hover { color: #dc2626; }

/* Personel taraf — salt okuma */
.salon-duyuru-oku-head { margin: 0 0 .3rem; }
.salon-duyuru-oku-eyebrow {
  margin: 0 0 .1rem;
  font-size: .58rem;
  font-weight: 800;
  letter-spacing: .1em;
  text-transform: uppercase;
  color: #0d9488;
}
.salon-duyuru-oku-baslik { margin: 0; font-size: 1.05rem; font-weight: 800; color: var(--rv-text); }
.salon-duyuru-oku-alt { margin: .2rem 0 0; font-size: .74rem; color: var(--rv-text-3); }
.salon-duyuru-oku-liste { display: flex; flex-direction: column; gap: .55rem; margin-top: .6rem; }
.salon-duyuru-oku-kart {
  padding: .7rem .85rem;
  border-radius: 12px;
  border: 1px solid var(--rv-border);
  border-left: 3px solid #0d9488;
  background: var(--rv-surface-1);
}
.salon-duyuru-oku-kart h3 { margin: 0 0 .25rem; font-size: .88rem; font-weight: 800; color: var(--rv-text); }
.salon-duyuru-oku-kart p { margin: 0; font-size: .78rem; color: var(--rv-text-2); line-height: 1.45; }
.salon-duyuru-oku-kart time { display: block; margin-top: .35rem; font-size: .62rem; color: var(--rv-text-3); }
.salon-duyuru-oku-bos {
  padding: 1.2rem;
  border-radius: 12px;
  border: 1px dashed var(--rv-border);
  text-align: center;
  font-size: .78rem;
  color: var(--rv-text-3);
}


/* —— Şubeler / grup sağlık pano (Faz 2) —— */
.sube-pano-head { margin-bottom: .25rem; }
.sube-pano-eyebrow {
  margin: 0 0 .1rem;
  font-size: .58rem;
  font-weight: 800;
  letter-spacing: .1em;
  text-transform: uppercase;
  color: var(--rv-gold);
}
.sube-pano-baslik { margin: 0; font-size: 1.2rem; font-weight: 800; color: var(--rv-text); letter-spacing: -.02em; }
.sube-pano-alt { margin: .2rem 0 0; font-size: .78rem; color: var(--rv-text-2); }
.sube-grup-hero {
  background: linear-gradient(155deg, rgba(201,138,75,.12) 0%, transparent 70%);
  border: 1px solid rgba(201,138,75,.22);
}
.sube-grup-skor {
  margin: .15rem 0 0;
  font-family: var(--rv-font-d);
  font-size: 2.1rem;
  font-weight: 800;
  letter-spacing: -.04em;
  color: var(--rv-text);
  line-height: 1;
}
html:not(.plan-enterprise) .enterprise-only { display: none !important; }


/* —— Şube kurulum checklist + hesap sil grace —— */
.sube-kurulum-badge {
  display: inline-block; margin-left: .35rem; font-size: .62rem; font-weight: 800;
  color: #92400e; background: rgba(245,158,11,.15); border: 1px solid rgba(245,158,11,.35);
  border-radius: 999px; padding: .12rem .45rem; vertical-align: middle;
}
.sube-kart-eksik { border-color: rgba(245,158,11,.35) !important; }
.sube-kurulum-liste {
  list-style: none; margin: .35rem 0 0; padding: 0; display: grid; gap: .2rem;
}
.sube-kurulum-adim { font-size: .7rem; color: var(--rv-text-2); }
.sube-kurulum-adim.is-ok { color: #059669; }
.sube-kurulum-adim.is-eksik { color: #b45309; }
.hesap-sil-plan-banner {
  display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between;
  gap: .6rem; padding: .75rem .9rem; margin-bottom: .65rem;
  border-radius: 12px; border: 1px solid rgba(245,158,11,.4);
  background: rgba(245,158,11,.1);
}
.hesap-sil-plan-metin { margin: 0; font-size: .78rem; color: var(--rv-text); line-height: 1.4; }


/* —— Sıralama giriş anim + gün sonu özeti —— */
@keyframes siralamaRise {
  from { opacity: 0; transform: translateY(10px); }
  to { opacity: 1; transform: none; }
}
.siralama-anim-giris .siralama-podyum-kart,
.siralama-anim-giris .siralama-liste-satir {
  animation: siralamaRise .45s ease both;
}
.siralama-anim-giris .siralama-podyum-kart--1 { animation-delay: .08s; }
.siralama-anim-giris .siralama-podyum-kart--2 { animation-delay: .02s; }
.siralama-anim-giris .siralama-podyum-kart--3 { animation-delay: .14s; }
.siralama-anim-giris .siralama-liste-satir:nth-child(1) { animation-delay: .2s; }
.siralama-anim-giris .siralama-liste-satir:nth-child(2) { animation-delay: .26s; }
.siralama-anim-giris .siralama-liste-satir:nth-child(3) { animation-delay: .32s; }
.kasa-gun-sonu-ozet {
  margin-top: .65rem; padding: .65rem .75rem; border-radius: 12px;
  border: 1px solid rgba(16,185,129,.28); background: rgba(16,185,129,.08);
}
.kasa-gun-sonu-ozet-baslik { margin: 0; font-size: .72rem; font-weight: 800; color: #059669; }
.kasa-gun-sonu-ozet-metin { margin: .25rem 0 0; font-size: .78rem; color: var(--rv-text-2); }


/* —— Faz 3: Bugünüm mini + personel wizard —— */
.bugunum-mini-kart {
  display: flex; align-items: center; justify-content: space-between; gap: .5rem;
  padding: .55rem .85rem; border-bottom: 1px solid var(--rv-border);
  background: rgba(201,138,75,.06);
}
.bugunum-mini-lbl {
  font-size: .62rem; font-weight: 800; letter-spacing: .08em; text-transform: uppercase;
  color: var(--rv-gold);
}
.bugunum-mini-ozet { font-size: .78rem; font-weight: 600; color: var(--rv-text); }
.personel-wizard-banner {
  background: rgba(14,165,233,.1); border-bottom: 1px solid rgba(14,165,233,.25);
}
.personel-wizard-metin { margin: 0 0 .45rem; font-size: .78rem; color: var(--rv-text); line-height: 1.4; }

.musteri-medya-sil-btn {
  min-width: 2.25rem; min-height: 1.75rem;
  touch-action: manipulation;
  -webkit-tap-highlight-color: transparent;
}
.musteri-medya-sil-btn:active { opacity: .85; transform: scale(.97); }
.musteri-medya-thumb { display: block; touch-action: manipulation; }
.musteri-medya-lightbox {
  position: fixed; inset: 0; z-index: 12100;
  display: flex; align-items: center; justify-content: center;
  padding: 1rem;
}
.musteri-medya-lightbox.hidden { display: none !important; }
.musteri-medya-lightbox-backdrop {
  position: absolute; inset: 0; border: 0; padding: 0;
  background: rgba(15, 23, 42, .78); cursor: zoom-out;
}
.musteri-medya-lightbox-panel {
  position: relative; z-index: 1;
  max-width: min(92vw, 720px);
  max-height: min(88vh, 900px);
  border-radius: 14px;
  overflow: hidden;
  box-shadow: 0 24px 64px rgba(0,0,0,.45);
  background: #0f172a;
}
.musteri-medya-lightbox-panel img {
  display: block;
  max-width: min(92vw, 720px);
  max-height: min(88vh, 900px);
  width: auto; height: auto;
  object-fit: contain;
  margin: 0 auto;
}
.musteri-medya-lightbox-kapat {
  position: absolute; top: .5rem; right: .5rem; z-index: 2;
  width: 2.25rem; height: 2.25rem; border-radius: 999px; border: 0;
  background: rgba(15, 23, 42, .75); color: #fff;
  font-size: 1.35rem; line-height: 1; font-weight: 700;
  cursor: pointer;
}
.musteri-medya-lightbox-kapat:hover { background: rgba(15, 23, 42, .92); }