/* === SECTION: Panel base — tokens, theme vars, early shell/components (cascade slice 1/4) === */
  :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;
    --brand-gold:#d4a84b;
    --rv-gold:#d4a84b;--rv-gold-2:#e6b47e;--rv-gold-deep:#8a5a2e;--rv-gold-glow:rgba(212,168,75,.3);
    --rv-violet:#d4a84b;--rv-cyan:#d4a84b;/* 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:9.5rem;
    --rv-mob-drawer-w:10.35rem;
    --rv-font-d:'Archivo','Hanken Grotesk',system-ui,sans-serif;
    --rv-font-m:ui-monospace,'SF Mono',Consolas,monospace;
    /* Etiket tabanı — para/istat okunabilirliği (eski .58/.52) */
    --rv-label-xs:.72rem;
    --rv-label-sm:.8rem;
    --rv-ui-fs:.9375rem;
    --rv-ui-fs-sm:.875rem;
    --rv-title-fs:1.4rem;
  }
  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);
  }
  /* Light + Rose: sıcak yüzey hiyerarşisi (saf #fff / #fffcf7 yok) */
  html.theme-light{
    --rv-surface-1: #e4d9cb;
    --rv-surface-2: #d5c8b7;
    --rv-input-bg: #f0e6d8;
    --rv-border: rgba(15, 23, 42, .38);
    --rv-shadow-soft: 0 1px 2px rgba(15, 23, 42, .12), 0 6px 18px rgba(15, 23, 42, .14);
    --rv-shadow-card: 0 2px 5px rgba(15, 23, 42, .14), 0 14px 34px rgba(15, 23, 42, .18);
    --rv-focus-border: rgba(201, 138, 75, .55);
    --rv-focus-ring: 0 0 0 3px rgba(201, 138, 75, .14);
    --rv-accent: #c98a4b;
  }
  html.theme-rose{
    --rv-surface-1: #e8d8da;
    --rv-surface-2: #d9c5c9;
    --rv-input-bg: #f3e6e8;
    --rv-border: rgba(60, 30, 45, .38);
    --rv-shadow-soft: 0 1px 2px rgba(60, 30, 45, .12), 0 6px 18px rgba(60, 30, 45, .14);
    --rv-shadow-card: 0 2px 5px rgba(60, 30, 45, .14), 0 14px 34px rgba(60, 30, 45, .18);
    --rv-focus-border: rgba(219, 39, 119, .48);
    --rv-focus-ring: 0 0 0 3px rgba(219, 39, 119, .12);
    --rv-accent: #db2777;
  }
  @media (max-width: 767px){
    :root { --rv-text-3: #7a7368; }
    html.theme-light { --rv-text-3: #5b6574; }
    html.theme-rose { --rv-text-3: #6a5a62; }
  }
  html.theme-mythos body,
  html.theme-dark body{
    font-family: var(--rv-font);
    color: var(--rv-text);
    background: transparent;
  }
  .panel-body{ min-height: 100vh; min-height: 100dvh; }
  /* 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;
  }
  /* Pull-to-refresh: html overscroll none + JS preventDefault (25-pwa).
     body/#app'de contain KULLANMA — Chromium document touch-pan'i sifirlar.
     html/body overflow:hidden YAPMA — ana panel document scroll kullanir. */
  html.panel-pull-refresh-off{
    overscroll-behavior-y: none;
  }
  html.panel-pull-refresh-off body,
  html.panel-pull-refresh-off #app{
    overscroll-behavior-y: auto;
  }
  @media (max-width: 767px){
    html {
      overscroll-behavior-y: none;
    }
    body, #app {
      overscroll-behavior-y: auto;
      -webkit-overflow-scrolling: touch;
    }
    #app.app-shell,
    .panel-shell,
    .main-scroll-pad{
      min-width: 0;
      max-width: 100%;
      overflow-x: clip;
    }
  }
  html.theme-mythos .section-title{ font-family: var(--rv-font-d); letter-spacing: -.03em; 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: var(--p2-card-surface);
    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: var(--rv-label-xs); 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: var(--rv-label-xs); 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-ciro-board .rv-cal-cell{ background: var(--p2-surface-raised); border-color: var(--p2-line); }
  .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{
    min-height: 2.75rem;
    height: auto;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .25rem;
    padding: .2rem .32rem .2rem .28rem;
    position: relative;
    z-index: 20;
  }
  .sidebar-brand-head-fill{
    flex: 1;
    min-width: 0;
  }
  .sidebar-brand-head .sidebar-head-account{
    flex: 1 1 auto;
    min-width: 0;
    padding: 0;
    gap: 0;
  }
  .sidebar-brand-head .sidebar-account{
    margin: 0;
    padding: .38rem .35rem;
    border-color: transparent;
    background: transparent;
  }
  .sidebar-brand-head .sidebar-account:hover{
    background: rgba(255,255,255,.05);
    border-color: rgba(255,255,255,.08);
  }
  .sidebar-tema-secici{
    display: inline-flex;
    align-items: center;
    justify-content: flex-start;
    gap: 4px;
    width: auto;
    max-width: calc(100% - .5rem);
    margin: .02rem .28rem .18rem;
    padding: 4px;
    border-radius: 999px;
    border: 1px solid rgba(255, 255, 255, .12);
    background:
      linear-gradient(180deg, rgba(255, 255, 255, .07), rgba(0, 0, 0, .22)),
      rgba(8, 10, 16, .62);
    box-shadow:
      inset 0 1px 0 rgba(255, 255, 255, .08),
      inset 0 2px 8px rgba(0, 0, 0, .32),
      0 1px 2px rgba(0, 0, 0, .12);
  }
  .sidebar-tema-btn{
    flex: 0 0 auto;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 1.52rem;
    height: 1.52rem;
    min-height: 0;
    padding: 0;
    border-radius: 999px;
    border: 1px solid transparent;
    cursor: pointer;
    transition: transform .14s ease, box-shadow .16s ease, border-color .16s ease, filter .15s ease;
  }
  .sidebar-tema-btn:active{ transform: scale(.93); }
  .sidebar-tema-btn[data-tema-btn="light"]{
    background:
      radial-gradient(120% 120% at 28% 18%, #ffffff 0%, #f8fafc 55%, #e8eef6 100%);
    border-color: rgba(15, 23, 42, .12);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .95);
  }
  .sidebar-tema-btn[data-tema-btn="dark"]{
    background:
      radial-gradient(120% 120% at 30% 18%, #3a455c 0%, #151b28 58%, #070a10 100%);
    border-color: rgba(148, 163, 184, .32);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .12);
  }
  .sidebar-tema-btn[data-tema-btn="rose"]{
    background:
      radial-gradient(120% 120% at 30% 18%, #ffffff 0%, #ffe4ec 52%, #ffc1d4 100%);
    border-color: rgba(190, 24, 93, .28);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .92);
  }
  .sidebar-tema-btn:hover{ filter: brightness(1.1); transform: translateY(-1px); }
  .sidebar-tema-btn.is-active{
    box-shadow:
      0 0 0 2px rgba(212, 168, 75, .78),
      0 0 12px rgba(212, 168, 75, .28),
      inset 0 1px 0 rgba(255, 255, 255, .22);
  }
  .sidebar-tema-btn[data-tema-btn="rose"].is-active{
    box-shadow:
      0 0 0 2px rgba(244, 114, 182, .85),
      0 0 12px rgba(244, 114, 182, .3),
      inset 0 1px 0 rgba(255, 255, 255, .9);
  }
  .sidebar-tema-btn[data-tema-btn="light"].is-active{
    box-shadow:
      0 0 0 2px rgba(180, 120, 40, .62),
      0 0 10px rgba(245, 158, 11, .22),
      inset 0 1px 0 rgba(255, 255, 255, .9);
  }
  .sidebar-tema-btn[data-tema-btn="dark"].is-active{
    box-shadow:
      0 0 0 2px rgba(148, 163, 184, .55),
      0 0 10px rgba(100, 116, 139, .28),
      inset 0 1px 0 rgba(255, 255, 255, .14);
  }
  .sidebar-tema-icon{
    width: .82rem;
    height: .82rem;
    display: block;
  }
  .sidebar-tema-icon--rose,
  .sidebar-tema-icon--light{
    width: 1.05rem;
    height: 1.05rem;
    object-fit: contain;
    display: block;
    pointer-events: none;
  }
  .sidebar-tema-icon--rose{
    filter: drop-shadow(0 0.5px 0.5px rgba(80, 20, 40, .18));
  }
  .sidebar-tema-icon--light{
    filter: drop-shadow(0 0.5px 0.5px rgba(40, 30, 10, .16));
  }
  .sidebar-tema-btn[data-tema-btn="rose"] .sidebar-tema-icon--rose,
  .sidebar-tema-btn[data-tema-btn="light"] .sidebar-tema-icon--light{
    width: 1.12rem;
    height: 1.12rem;
  }
  .mob-drawer-tools{
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: .32rem;
    padding: .08rem .42rem .36rem;
    min-width: 0;
    width: auto;
    max-width: 100%;
  }
  /* Desktop: tema + zil aynı satır (mobil tools ile aynı mantık) */
  .sidebar-tools{
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: .28rem;
    padding: .02rem .28rem .22rem;
    min-width: 0;
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
  }
  .sidebar-tools .sidebar-tema-secici{
    margin: 0;
    flex: 0 0 auto;
    max-width: none;
  }
  .sidebar-tools > .panel-bildirim-wrap{
    margin: 0;
    flex: 1 1 auto;
    min-width: 0;
    width: 100%;
    position: relative;
    z-index: 6;
    display: flex;
  }
  .sidebar-tools > .panel-bildirim-wrap .panel-bildirim-btn{
    width: 100%;
    min-width: 0;
    height: 1.7rem;
    justify-content: flex-start;
    gap: .38rem;
    padding: 0 .42rem 0 .3rem;
    border-radius: .5rem;
    box-sizing: border-box;
  }
  .sidebar-tools > .panel-bildirim-wrap .panel-bildirim-zil{
    width: 1rem;
    height: 1rem;
    flex-shrink: 0;
  }
  .sidebar-tools .panel-bildirim-badge{
    display: none;
  }
  .panel-bildirim-yazi{
    display: none;
  }
  .sidebar-tools .panel-bildirim-yazi{
    display: block;
    flex: 1 1 auto;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: .68rem;
    font-weight: 650;
    letter-spacing: .02em;
    line-height: 1;
    text-align: left;
    color: currentColor;
    opacity: .72;
  }
  .sidebar-tools .panel-bildirim-yazi--yeni{
    color: #e8c48a;
    opacity: 1;
    font-weight: 750;
  }
  html.theme-light .sidebar-tools .panel-bildirim-yazi--yeni{
    color: #b45309;
  }
  html.theme-rose .sidebar-tools .panel-bildirim-yazi--yeni{
    color: #be185d;
  }
  .sidebar-tools .sidebar-tema-btn{
    width: 1.38rem;
    height: 1.38rem;
  }
  .sidebar-tools .sidebar-tema-icon{
    width: .74rem;
    height: .74rem;
  }
  .sidebar-tools .sidebar-tema-icon--rose,
  .sidebar-tools .sidebar-tema-icon--light{
    width: .92rem;
    height: .92rem;
  }
  .sidebar-tools .sidebar-tema-btn[data-tema-btn="rose"] .sidebar-tema-icon--rose,
  .sidebar-tools .sidebar-tema-btn[data-tema-btn="light"] .sidebar-tema-icon--light{
    width: .98rem;
    height: .98rem;
  }
  .mob-drawer-tools .sidebar-tema-secici{
    margin: 0;
    flex: 0 0 auto;
    max-width: none;
    justify-content: flex-start;
    width: auto;
    gap: 4px;
    padding: 3px;
    height: auto;
    min-height: 0;
    overflow: visible;
    box-sizing: border-box;
  }
  .mob-drawer-tools .sidebar-tema-btn{
    width: 1.42rem;
    height: 1.42rem;
  }
  .mob-drawer-tools .sidebar-tema-icon{
    width: .74rem;
    height: .74rem;
  }
  .mob-drawer-tools .sidebar-tema-icon--rose,
  .mob-drawer-tools .sidebar-tema-icon--light{
    width: .92rem;
    height: .92rem;
  }
  .mob-drawer-tools .sidebar-tema-btn[data-tema-btn="rose"] .sidebar-tema-icon--rose,
  .mob-drawer-tools .sidebar-tema-btn[data-tema-btn="light"] .sidebar-tema-icon--light{
    width: .98rem;
    height: .98rem;
  }
  .mob-drawer-tools > .panel-bildirim-wrap{
    margin: 0;
    flex: 0 0 auto;
    position: relative;
    z-index: 6;
    display: inline-flex;
  }
  .mob-drawer-tools > .panel-bildirim-wrap .panel-bildirim-btn{
    width: 1.55rem;
    height: 1.55rem;
    border-radius: .48rem;
    touch-action: manipulation;
  }
  .mob-drawer-tools > .panel-bildirim-wrap .panel-bildirim-zil{
    width: 1rem;
    height: 1rem;
  }
  .mob-drawer-head .sidebar-tema-secici{
    margin: .05rem .42rem .28rem;
  }
  .mob-drawer-tools .sidebar-tema-secici{
    margin: 0;
  }
  .sidebar-head-account{
    display: flex;
    flex-direction: column;
    gap: .28rem;
    padding: .2rem .32rem .55rem;
  }
  .sidebar-head .sidebar-salon-block{
    display: none;
  }
  .sidebar-foot .sidebar-brand-block,
  .mob-drawer-foot .sidebar-brand-block{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: .2rem;
    padding: 0;
    margin: 0 auto;
    border: none;
    background: none;
    box-shadow: none;
    min-width: 0;
    max-width: 100%;
    line-height: 1;
  }
  .sidebar-foot .sidebar-brand-row.sidebar-brand-row--glyph,
  .mob-drawer-foot .sidebar-brand-row.sidebar-brand-row--glyph{
    display: inline-flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    gap: 0;
    padding: 0;
    margin: 0;
    flex: 0 0 auto;
    width: auto;
    max-width: 100%;
    min-height: 0;
    border: none;
    border-radius: 0;
    background: none;
    box-shadow: none;
  }
  .sidebar-foot .sidebar-brand-block .rv-logo,
  .mob-drawer-foot .sidebar-brand-block .rv-logo,
  .sidebar-foot .sidebar-brand-row--glyph .rv-logo,
  .mob-drawer-foot .sidebar-brand-row--glyph .rv-logo,
  .mob-drawer-foot .rv-logo--foot-hd{
    width: 2.05rem;
    height: 2.05rem;
    max-width: 2.05rem;
    max-height: 2.05rem;
    flex-shrink: 0;
    display: block;
    margin: 0;
    margin-right: 0.02rem;
    filter: contrast(1.08) saturate(1.05);
    object-fit: contain;
    image-rendering: auto;
    image-rendering: high-quality;
    -ms-interpolation-mode: bicubic;
    transform: translateZ(0);
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
  }
  .sidebar-foot .sidebar-brand-copy,
  .mob-drawer-foot .sidebar-brand-copy{
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    gap: .18rem;
    min-width: 0;
    flex: 0 1 auto;
    line-height: 1;
  }
  .sidebar-foot .sidebar-brand-row,
  .mob-drawer-foot .sidebar-brand-row{
    padding: 0;
    margin: 0;
    flex: 0 0 auto;
    width: auto;
    max-width: 100%;
    min-height: 0;
    justify-content: center;
    align-items: center;
    gap: .14rem;
    border: none;
    border-radius: 0;
    background: none;
    box-shadow: none;
  }
  .sidebar-brand-row{
    display: flex;
    align-items: center;
    gap: 0.5rem;
    min-width: 0;
    flex: 1;
  }
  .sidebar-brand-row--glyph{
    gap: 0.12rem;
  }
  .sidebar-foot .sidebar-brand-word,
  .mob-drawer-foot .sidebar-brand-word,
  .sidebar-foot .sidebar-brand-row--glyph .sidebar-brand-word,
  .mob-drawer-foot .sidebar-brand-row--glyph .sidebar-brand-word{
    display: block;
    font-size: 0.84rem;
    font-weight: 700;
    letter-spacing: 0.04em;
    color: #f0e6c8;
    text-shadow: none;
    line-height: 1;
    margin: 0;
    padding: 0;
    transform: none;
  }
  .sidebar-foot .sidebar-brand-tagline,
  .mob-drawer-foot .sidebar-brand-tagline{
    display: block;
    margin: 0;
    padding: 0;
    padding-left: 0.05rem;
    font-size: 0.6rem;
    font-weight: 600;
    letter-spacing: 0.015em;
    line-height: 1.15;
    color: rgba(232, 223, 200, .72);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 100%;
  }
  .sidebar-brand-row--glyph .rv-logo{
    width: 2rem;
    height: 2rem;
    max-width: 2rem;
    max-height: 2rem;
  }
  .mob-drawer-foot .sidebar-brand-row--glyph .rv-logo,
  .sidebar-foot .sidebar-brand-row--glyph .rv-logo{
    filter: contrast(1.08) saturate(1.05);
  }
  .sidebar-brand-row--glyph .sidebar-brand-word{
    letter-spacing: 0.06em;
    transform: translateY(0.02em);
  }
  .panel-bildirim-wrap{
    position: relative;
    flex-shrink: 0;
    z-index: 10085;
    pointer-events: auto;
  }
  .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;
    touch-action: manipulation;
    pointer-events: auto;
    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;
    pointer-events: none;
    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;
    pointer-events: none;
    box-shadow: 0 0 0 2px rgba(10, 13, 23, .92);
  }
  .panel-bildirim-drop.hidden{
    display: none !important;
    pointer-events: none !important;
  }
  .panel-bildirim-drop.panel-bildirim-drop--acik{
    display: flex !important;
    visibility: visible !important;
    pointer-events: auto !important;
    opacity: 1 !important;
  }
  .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;
    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-head-main{
    display: inline-flex;
    align-items: center;
    gap: .4rem;
    min-width: 0;
  }
  .panel-bildirim-drop-title{
    font-size: .72rem;
    font-weight: 800;
    letter-spacing: .04em;
    text-transform: uppercase;
    color: var(--rv-text-2, #cbd5e1);
    white-space: nowrap;
  }
  .panel-bildirim-temizle{
    flex: 0 0 auto;
    margin-left: auto;
    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-ayarlar{
    display: inline-flex;
    flex: 0 0 auto;
    align-items: center;
    justify-content: center;
    width: 1.8rem;
    height: 1.8rem;
    padding: 0;
    border: 1px solid color-mix(in srgb, var(--rv-gold, #d4a84b) 42%, transparent);
    border-radius: 50%;
    background: color-mix(in srgb, var(--rv-gold, #d4a84b) 13%, transparent);
    color: var(--rv-gold-2, #e6b47e);
    cursor: pointer;
    box-shadow: 0 1px 0 rgba(255,255,255,.12) inset, 0 2px 8px rgba(0,0,0,.12);
    transition: color .15s ease, background .15s ease, border-color .15s ease, box-shadow .15s ease, transform .15s ease;
  }
  .panel-bildirim-ayarlar svg{ width: 15px; height: 15px; display: block; }
  .panel-bildirim-ayarlar:hover{
    color: var(--rv-gold-2, #e6b47e);
    background: color-mix(in srgb, var(--rv-gold, #d4a84b) 24%, transparent);
    border-color: color-mix(in srgb, var(--rv-gold, #d4a84b) 68%, transparent);
    box-shadow: 0 0 0 3px color-mix(in srgb, var(--rv-gold, #d4a84b) 12%, transparent), 0 4px 12px rgba(0,0,0,.18);
    transform: translateY(-1px);
  }
  .panel-bildirim-ayarlar:focus-visible{
    outline: 2px solid var(--rv-gold, #d4a84b);
    outline-offset: 2px;
  }
  html.theme-light .panel-bildirim-ayarlar,
  html.theme-rose .panel-bildirim-ayarlar{
    color: #79520f;
    box-shadow: 0 1px 0 rgba(255,255,255,.78) inset, 0 2px 8px rgba(15,23,42,.1);
  }
  html.theme-rose .panel-bildirim-ayarlar{
    border-color: rgba(190,24,93,.28);
    background: rgba(190,24,93,.08);
    color: #9d174d;
  }
  html.theme-rose .panel-bildirim-ayarlar:hover{
    border-color: rgba(190,24,93,.48);
    background: rgba(190,24,93,.14);
    color: #831843;
  }
  .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),
  .mob-drawer-tools .panel-bildirim-drop:not(.panel-bildirim-drop--fixed),
  .mob-drawer-tools .sidebar-tema-secici .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 {
      display: none !important; /* zil tools satırında */
    }
    .mob-drawer-tools .panel-bildirim-wrap,
    .mob-drawer-tools .sidebar-tema-secici .panel-bildirim-wrap {
      flex-shrink: 0;
      z-index: 6;
      display: block;
    }
    .mob-drawer-tools .panel-bildirim-btn,
    .mob-drawer-tools .sidebar-tema-secici .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;
    /* Menü boyu = içerik; ekranı doldurma (boşluk Ayarlar↔marka yaratır) */
    flex: 0 1 auto !important;
    flex-grow: 0 !important;
    min-height: 0;
    height: fit-content;
    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 .3rem .36rem;
    border-top: 1px solid rgba(255, 255, 255, .06);
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0;
    min-height: 0;
    background: transparent;
  }
  .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: flex-start;
    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;
    overflow: visible;
    font-size: .72rem;
    font-weight: 600;
    color: var(--rv-text);
    white-space: normal;
    overflow-wrap: break-word;
    word-break: normal;
    line-height: 1.28;
  }
  .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;
    align-self: flex-start;
    margin-top: .02rem;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 1.3rem;
    height: 1.3rem;
    border-radius: .4rem;
    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-m, var(--rv-font));
    font-size: .58rem;
    font-weight: 600;
    letter-spacing: .12em;
    text-transform: uppercase;
    color: rgba(148, 163, 184, .72);
    padding: .55rem .48rem .18rem;
    margin-top: .28rem;
    border-top: 1px solid rgba(255, 255, 255, .045);
    line-height: 1.2;
  }
  .sidebar-nav > .sidebar-group-label:first-child,
  .mob-drawer-nav > .sidebar-group-label:first-child{
    border-top: none;
    margin-top: 0;
    padding-top: .2rem;
  }
  html.theme-dark .sidebar-group-label{
    color: rgba(148, 163, 184, .55);
    border-top-color: rgba(255, 255, 255, .05);
  }
  html.theme-mythos .sidebar-group-label{
    color: rgba(201, 168, 120, .48);
    border-top-color: rgba(201, 138, 75, .08);
  }
  .sidebar-btn{
    display: flex;
    align-items: center;
    gap: .32rem;
    width: calc(100% - .4rem);
    margin: .02rem .2rem;
    padding: .4rem .42rem;
    border-radius: .35rem;
    font-size: .94rem;
    font-weight: 700;
    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: .95rem; line-height: 1; width: 1.05rem; text-align: center;
    filter: saturate(.9); flex-shrink: 0;
  }
  .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; }

  /* Panel dil seçici */
  .panel-dil-secici{
    display: inline-flex;
    align-items: center;
    gap: 2px;
    padding: 2px;
    border-radius: 999px;
    border: 1px solid rgba(148, 163, 184, .28);
    background: rgba(15, 23, 42, .04);
    margin-inline-start: .5rem;
    vertical-align: middle;
  }
  .panel-dil-btn{
    min-width: 2rem;
    height: 1.7rem;
    padding: 0 .45rem;
    border: 0;
    border-radius: 999px;
    background: transparent;
    color: #64748b;
    font-size: 11px;
    font-weight: 750;
    letter-spacing: .04em;
    cursor: pointer;
  }
  .panel-dil-btn:hover{ color: #0f172a; background: rgba(255,255,255,.7); }
  .panel-dil-btn.is-aktif{
    background: #0f172a;
    color: #f8fafc;
  }
  html.theme-dark .panel-dil-secici{
    border-color: rgba(148, 163, 184, .22);
    background: rgba(15, 23, 42, .55);
  }
  html.theme-dark .panel-dil-btn{ color: #94a3b8; }
  html.theme-dark .panel-dil-btn:hover{ color: #f8fafc; background: rgba(255,255,255,.06); }
  html.theme-dark .panel-dil-btn.is-aktif{
    background: #f8fafc;
    color: #0f172a;
  }

  /* Ayarlar → Dil: dikey liste */
  .panel-dil-secici--ayar{
    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: .45rem;
    padding: .35rem;
    border-radius: 14px;
    margin: 0;
    width: 100%;
    max-width: 22rem;
  }
  .panel-dil-btn--row{
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: .75rem;
    min-height: 2.75rem;
    width: 100%;
    height: auto;
    padding: .65rem .9rem;
    border-radius: 12px;
    letter-spacing: 0;
    font-size: .92rem;
    font-weight: 650;
  }
  .panel-dil-btn__code{
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 2.1rem;
    height: 1.55rem;
    border-radius: 999px;
    background: rgba(15, 23, 42, .06);
    font-size: 11px;
    font-weight: 800;
    letter-spacing: .04em;
  }
  .panel-dil-btn.is-aktif .panel-dil-btn__code{
    background: rgba(248, 250, 252, .18);
  }
  .panel-dil-btn__name{ font-weight: 650; }
  html.theme-dark .panel-dil-btn__code{
    background: rgba(248, 250, 252, .08);
  }
  .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; }
  /* Üst Menü kartı yok — tek kontrol: sol alt .mob-menu-pull */
  .mob-header-menu,
  #mobMenuBtn{
    display: none !important;
  }
  .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 .6rem;
  }
  .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: var(--rv-label-xs);
    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: #475569; }
  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: .55rem .7rem .85rem;
  }
  @media (min-width: 768px){
    .takvim-bugun-liste { padding: .65rem .9rem 1rem; }
  }
  /* Bugün listesi — soft premium kutucuk grid (soldan sağa, kompakt) */
  .takvim-bugun-liste.apt-grid{
    display: grid !important;
    grid-template-columns: repeat(auto-fill, minmax(10.25rem, 11.75rem));
    justify-content: start;
    gap: .48rem;
    --apt-pad-y: .5rem;
    --apt-pad-x: .55rem;
    --apt-gap: .4rem;
    --apt-name: .78rem;
    --apt-meta: .62rem;
    --apt-time: .66rem;
    --apt-badge: .54rem;
    --apt-btn: .62rem;
    --apt-btn-pad: .24rem;
    --apt-surec: .58rem;
    --apt-mini: .6rem;
    --apt-cols-md: 3;
    --apt-cols-xl: 4;
  }
  .takvim-bugun-liste.apt-grid.apt-yogunluk-rahat,
  .takvim-bugun-liste.apt-grid.apt-yogunluk-normal{
    --apt-cols-md: 3;
    --apt-cols-xl: 4;
  }
  .takvim-bugun-liste.apt-grid.apt-yogunluk-yogun,
  .takvim-bugun-liste.apt-grid.apt-yogunluk-sik,
  .takvim-bugun-liste.apt-grid.apt-yogunluk-ultra{
    --apt-cols-md: 3;
    --apt-cols-xl: 4;
    gap: .4rem;
  }
  @media (min-width: 640px){
    .takvim-bugun-liste.apt-grid {
      grid-template-columns: repeat(auto-fill, minmax(10.5rem, 12rem));
    }
  }
  @media (min-width: 768px){
    .takvim-bugun-liste.apt-grid {
      grid-template-columns: repeat(auto-fill, minmax(10.75rem, 12.25rem));
      gap: .5rem;
    }
  }
  @media (min-width: 1280px){
    .takvim-bugun-liste.apt-grid {
      grid-template-columns: repeat(auto-fill, minmax(11rem, 12.25rem));
    }
  }
  /* Boş gün / kapalı / hata — randevu kutusu gibi tek hücrede kalmasın.
     auto-fill + minmax(..., 11.75rem) sütunu 1 / -1 ile bile ~188px bırakır. */
  .takvim-bugun-liste.apt-grid:has(> .empty-state),
  #bugunListe.apt-grid:has(> .empty-state){
    grid-template-columns: minmax(0, 1fr) !important;
    justify-content: stretch;
  }
  .takvim-bugun-liste.apt-grid > .empty-state,
  .takvim-bugun-liste.apt-grid > .col-span-full,
  #bugunListe > .empty-state{
    grid-column: 1 / -1;
    width: 100%;
    max-width: none;
    justify-self: stretch;
    box-sizing: border-box;
    padding: .85rem .7rem;
  }
  #bugunListe > .empty-state .icon{
    font-size: 1.35rem;
    margin-bottom: .25rem;
  }
  .takvim-bugun-liste .apt-card--kutu{
    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: .28rem;
    min-height: 0;
    width: 100%;
    max-width: 12.25rem;
    height: auto;
    padding: var(--apt-pad-y) var(--apt-pad-x) var(--apt-pad-y) calc(var(--apt-pad-x) + .15rem) !important;
    border-radius: 12px;
    box-shadow:
      0 1px 0 rgba(255,255,255,.04) inset,
      0 4px 14px rgba(0, 0, 0, .12);
    transition: transform .14s ease, box-shadow .18s ease, border-color .18s ease, background .18s ease;
  }
  .takvim-bugun-liste .apt-card--kutu.apt-card--tikla:hover{
    transform: translateY(-1px);
    border-color: rgba(245, 158, 11, .45);
    box-shadow:
      0 1px 0 rgba(255,255,255,.06) inset,
      0 0 0 1px rgba(245, 158, 11, .22),
      0 10px 22px rgba(0, 0, 0, .18);
  }
  .takvim-bugun-liste .apt-card--kutu.apt-card--tikla:hover .apt-kutu-chev{
    opacity: 1;
    transform: translateX(1px);
    color: #f59e0b;
  }
  .takvim-bugun-liste .apt-card--kutu.apt-card--tikla:active{
    transform: scale(0.985);
  }
  .apt-kutu-ust{
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .35rem;
    min-width: 0;
  }
  .apt-kutu-ad{
    display: flex;
    align-items: center;
    gap: .3rem;
    min-width: 0;
  }
  .takvim-bugun-liste .apt-kutu-ad .apt-musteri{
    flex: 0 1 auto;
    min-width: 0;
    max-width: 100%;
    font-size: var(--apt-name, .8rem);
    font-weight: 750;
    letter-spacing: -.015em;
    line-height: 1.2;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .apt-ziyaret-rozet{
    flex: 0 0 auto;
  }
  .apt-kutu-chev{
    flex: 0 0 auto;
    width: .9rem;
    height: .9rem;
    margin-left: auto;
    opacity: .55;
    color: var(--rv-text-3, #94a3b8);
    transition: opacity .15s ease, transform .15s ease, color .15s ease;
    background: currentColor;
    -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='none'%3E%3Cpath d='M7.5 4.5L13 10l-5.5 5.5' stroke='%23000' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / contain no-repeat;
    mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='none'%3E%3Cpath d='M7.5 4.5L13 10l-5.5 5.5' stroke='%23000' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / contain no-repeat;
  }
  .apt-kutu-meta{
    font-size: var(--apt-meta, .68rem);
    font-weight: 600;
    color: var(--rv-text-3, #64748b);
    line-height: 1.3;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
  }
  .takvim-bugun-liste .apt-time-pill{
    padding: .18rem .42rem;
    border-radius: 8px;
    font-size: var(--apt-time, .72rem);
  }
  .takvim-bugun-liste .apt-durum{
    font-size: var(--apt-badge, .58rem) !important;
    padding: .14rem .4rem !important;
    border-radius: 999px;
  }
  .takvim-bugun-liste .apt-aksiyon{
    margin-top: auto;
    padding-top: .15rem;
    justify-content: stretch;
  }
  .takvim-bugun-liste .apt-aksiyon .apt-btn{
    flex: 1 1 0;
  }
  .takvim-bugun-liste .apt-tel{ display: none; }
  html.theme-dark .takvim-bugun-liste .apt-card--kutu,
  html.theme-mythos .takvim-bugun-liste .apt-card--kutu{
    box-shadow:
      0 1px 0 rgba(255,255,255,.05) inset,
      0 6px 16px rgba(0, 0, 0, .28);
  }
  html.theme-dark .takvim-bugun-liste .apt-card--kutu.apt-card--tikla:hover,
  html.theme-mythos .takvim-bugun-liste .apt-card--kutu.apt-card--tikla:hover{
    border-color: rgba(251, 191, 36, .4);
    box-shadow:
      0 1px 0 rgba(255,255,255,.07) inset,
      0 0 0 1px rgba(251, 191, 36, .2),
      0 10px 22px rgba(0, 0, 0, .34);
  }
  .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: ay üstte, özet ortada, randevu altta (masaüstü ile aynı sıra — karışmasın) */
  @media (max-width: 767px){
    .takvim-sekme {
      display: flex;
      flex-direction: column;
    }
    .takvim-sekme #takvimCollapse { order: 1; }
    .takvim-sekme .takvim-ozet-bar { order: 2; }
    .takvim-sekme .takvim-bugun { order: 3; }
    .takvim-bugun-liste .apt-surec:not(.apt-surec--tek) { display: none; }

    /* Randevu kartları — tam genişlik satır (solda boşluk kalmasın) */
    .takvim-bugun-liste.apt-grid {
      grid-template-columns: minmax(0, 1fr) !important;
      justify-content: stretch;
      gap: .55rem;
      --apt-name: .86rem;
      --apt-meta: .7rem;
      --apt-time: .72rem;
      --apt-btn: .72rem;
      --apt-btn-pad: .42rem .7rem;
    }
    .takvim-bugun-liste .apt-card--kutu {
      max-width: none;
      width: 100%;
    }
    .takvim-bugun-liste .apt-aksiyon .apt-btn {
      min-height: 2.5rem;
      min-width: 2.75rem;
      padding: var(--apt-btn-pad);
      touch-action: manipulation;
    }
    .takvim-bugun-liste .apt-kutu-chev {
      opacity: .78;
    }
    .dash-kpi-grid.takvim-kpi-compact {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    .takvim-ay-toggle-wrap {
      display: flex;
      justify-content: flex-end;
      padding: 0 .15rem .35rem;
    }
    .takvim-ay-toggle {
      min-height: 2.5rem;
      min-width: 5.5rem;
      padding: .45rem .85rem;
      font-size: .78rem;
      font-weight: 700;
      border-radius: .7rem;
      border: 1px solid rgba(15, 23, 42, .12);
      background: rgba(255, 255, 255, .72);
      color: #334155;
      touch-action: manipulation;
      -webkit-tap-highlight-color: transparent;
    }
    html.theme-dark .takvim-ay-toggle,
    html.theme-mythos .takvim-ay-toggle {
      background: rgba(255, 255, 255, .06);
      border-color: rgba(255, 255, 255, .12);
      color: var(--rv-text, #e2e8f0);
    }
    #takvimCollapse.takvim-ay-kapali .takvim-hafta-ust,
    #takvimCollapse.takvim-ay-kapali #ayGrid {
      display: none !important;
    }
    #takvimCollapse.takvim-ay-kapali .takvim-ay-toggle [data-ay-acik] { display: none !important; }
    #takvimCollapse.takvim-ay-kapali .takvim-ay-toggle [data-ay-kapali] { display: inline !important; }
    #takvimCollapse:not(.takvim-ay-kapali) .takvim-ay-toggle [data-ay-kapali] { display: none !important; }
    /* Mobil ilk boyama: JS bağlanmadan önce kart daraltılmış çizilir (takvim-ilk-kapali, head betiği).
       Kart sınıfı JS ile devralınınca bu kural kalkar; düzen sıçraması olmaz. */
    html.takvim-ilk-kapali #takvimCollapse .takvim-hafta-ust,
    html.takvim-ilk-kapali #takvimCollapse #ayGrid {
      display: none !important;
    }
    html.takvim-ilk-kapali #takvimCollapse .takvim-ay-toggle [data-ay-acik] { display: none !important; }
    html.takvim-ilk-kapali #takvimCollapse .takvim-ay-toggle [data-ay-kapali] { display: inline !important; }
    html.takvim-ilk-kapali #takvimCollapse .takvim-legend,
    #takvimCollapse.takvim-ay-kapali .takvim-legend { display: none !important; }
    .takvim-sekme .cal-day {
      min-height: 2.65rem;
      padding: .28rem .15rem;
    }
    .takvim-sekme .cal-count {
      margin-top: .2rem;
      min-width: 1.35rem;
      height: 1.35rem;
      font-size: .62rem;
    }
    .takvim-sekme .takvim-hafta-ust {
      font-size: .62rem;
    }

    /* Seçili gün / bugün başlığı — kompakt */
    .takvim-bugun-head.today-hero {
      padding: .32rem .65rem .38rem;
      box-shadow: 0 4px 14px rgba(47, 107, 82, .14);
    }
    .takvim-sekme .today-hero .section-title {
      font-size: .8rem;
      line-height: 1.2;
    }
    .takvim-sekme .today-hero .section-sub {
      font-size: .62rem;
      line-height: 1.3;
      margin-top: .08rem;
    }
    .takvim-sekme .gun-ozet-stats {
      margin-top: .35rem;
      gap: .28rem;
    }
    .takvim-sekme .gun-ozet-stat {
      font-size: .58rem;
      padding: .22rem .45rem;
    }
    .takvim-sekme {
      padding-left: max(.55rem, env(safe-area-inset-left, 0px));
      padding-right: max(.55rem, env(safe-area-inset-right, 0px));
      box-sizing: border-box;
      width: 100%;
      max-width: 100%;
      min-width: 0;
    }
    .takvim-sekme #ayGrid {
      gap: .28rem;
      width: 100%;
      max-width: 100%;
    }
    .takvim-sekme .cal-day {
      min-height: 2.85rem;
      min-width: 0;
      touch-action: manipulation;
      -webkit-tap-highlight-color: transparent;
    }
    .takvim-sekme .cal-day-num {
      font-size: .82rem;
    }
    .takvim-bugun-liste {
      padding: .45rem .35rem .85rem;
    }
    .takvim-bugun-liste .apt-card--kutu {
      overflow: hidden;
      word-break: break-word;
    }

    /* Gün seçici — min 44px dokunma */
    .takvim-sekme .takvim-nav-stack {
      padding-top: .4rem;
      gap: .35rem;
    }
    .takvim-sekme .takvim-nav-bar--gun {
      gap: .45rem;
    }
    .takvim-sekme .takvim-nav-bar--gun .takvim-nav-btn {
      width: 2.75rem;
      height: 2.75rem;
      min-width: 44px;
      min-height: 44px;
      font-size: 1.05rem;
      border-radius: .7rem;
    }
    .takvim-sekme .takvim-nav-tarih {
      min-height: 2.75rem;
      padding: .45rem .65rem;
      font-size: .88rem;
      border-radius: .7rem;
    }
    .takvim-sekme .takvim-nav-bugune {
      min-height: 2.75rem;
      padding: .5rem 1.1rem;
      font-size: .8rem;
    }
  }
  @media (min-width: 768px){
    .takvim-ay-toggle-wrap { display: none !important; }
  }

  html.theme-dark .takvim-sekme .takvim-nav-bar,
  html.theme-mythos .takvim-sekme .takvim-nav-bar{
    padding: .55rem .6rem;
    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;
    pointer-events: none;
  }
  .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);
    pointer-events: none;
  }
  .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;
    pointer-events: auto;
  }
  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 #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); }
  /* Mobil: transform stacking-context + sabit #mobMenuPull hit-test carpismasi */
  @media (max-width: 767px){
    .kpi-card:hover{ transform: none; }
  }
  .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: var(--rv-label-sm); 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);
  }
  /* Mobil: yüzen AI FAB yok — alt kısayol çubuğundaki AI yeterli */
  @media (max-width: 767px){
    :root {
      --mob-nav-bar-h: 0px;
      --mob-ai-fab-clearance: 0px;
    }
    #destekLauncher,
    .destek-launcher {
      display: none !important;
    }
    html, body {
      overflow-x: hidden;
      max-width: 100vw;
    }
    .panel-shell,
    #app.app-shell,
    .main-scroll-pad {
      max-width: 100%;
      min-width: 0;
    }
    .app-shell {
      padding-bottom: calc(.55rem + env(safe-area-inset-bottom, 0px)) !important;
    }
  }
  .mob-menu-pull{
    display: none;
  }
  @media (max-width: 767px){
    :root {
      /* Pull min dokunma alanı (44px); quick panel left buna göre — üst üste binmesin */
      --mob-menu-pull-w: 44px;
      --mob-quick-gap: .32rem;
    }
    .mob-menu-pull {
      position: fixed;
      left: 0;
      /* Quick panel ile aynı bottom/height — açılınca layout snap yok */
      bottom: calc(.45rem + env(safe-area-inset-bottom, 0px));
      top: auto;
      transform: none;
      z-index: 10048; /* rv-z-pull: quick(10044) ustu, drawer(10050) alti; KPI/destek carpismasi */
      display: inline-flex;
      align-items: center;
      justify-content: center;
      width: var(--mob-menu-pull-w);
      height: 3.55rem;
      min-width: var(--mob-menu-pull-w);
      min-height: 44px;
      padding: 0;
      margin: 0;
      border: none;
      border-radius: 0 .55rem .55rem 0;
      cursor: pointer;
      color: rgba(240, 230, 200, .78);
      background: rgba(10, 12, 20, .72);
      border-right: 1px solid rgba(255, 255, 255, .09);
      border-top: 1px solid rgba(255, 255, 255, .05);
      border-bottom: 1px solid rgba(255, 255, 255, .05);
      box-shadow: 2px 0 10px rgba(0, 0, 0, .22);
      backdrop-filter: blur(10px);
      -webkit-backdrop-filter: blur(10px);
      opacity: .88;
      /* width/bottom/height layout prop'ları transition'da yok — jitter kaynağı */
      transition: opacity .18s ease, color .18s ease, background .18s ease;
      touch-action: manipulation;
      -webkit-tap-highlight-color: transparent;
    }
    .mob-menu-pull:hover,
    .mob-menu-pull:focus-visible {
      opacity: 1;
      color: rgba(255, 244, 220, .95);
      background: rgba(14, 16, 26, .88);
      outline: none;
    }
    .mob-menu-pull:active,
    .mob-menu-pull[aria-expanded="true"] {
      opacity: 1;
      color: var(--rv-gold-2, #e6b47e);
      background: rgba(18, 22, 36, .92);
    }
    body.mob-drawer-open .mob-menu-pull,
    body:has(.mob-drawer.mob-drawer-closing) .mob-menu-pull {
      opacity: 0;
      pointer-events: none;
    }
    body.destek-float-open .mob-menu-pull,
    body.destek-kurulum-modu .mob-menu-pull,
    body.kurulum-zorunlu-kilit .mob-menu-pull {
      opacity: 0;
      pointer-events: none;
    }
    /* Ağ timeout: görünür uyarı şeridi (kilit kalkmaz) */
    body.kurulum-ag-uyari::before {
      content: "Bağlantı gecikti — asistanla devam edin veya sayfayı yenileyin";
      position: fixed;
      top: 0;
      left: 0;
      right: 0;
      z-index: 12080;
      padding: .55rem .75rem;
      padding-top: calc(.55rem + env(safe-area-inset-top, 0px));
      font-size: .78rem;
      font-weight: 650;
      line-height: 1.35;
      text-align: center;
      color: #f8e7c8;
      background: rgba(120, 40, 30, .94);
      border-bottom: 1px solid rgba(255, 200, 160, .25);
      pointer-events: none;
    }
    .mob-menu-pull-bar {
      display: none;
    }
    .mob-menu-pull-ico {
      width: .72rem;
      height: .72rem;
      display: block;
    }
    .mob-quick-panel {
      position: fixed;
      /* Pull şeridinin sağında başla — #mobMenuPull kısayolu örtmesin */
      left: calc(var(--mob-menu-pull-w) + var(--mob-quick-gap));
      bottom: calc(.45rem + env(safe-area-inset-bottom, 0px));
      z-index: 10044; /* rv-z-quick: pull(10045) altında; drawer (10050) altında */
      width: min(
        22rem,
        calc(100vw - var(--mob-menu-pull-w) - var(--mob-quick-gap) - .55rem - env(safe-area-inset-right, 0px))
      );
      padding: .14rem .4rem;
      background: rgba(8, 11, 20, .95);
      border: 1px solid rgba(255,255,255,.1);
      border-radius: .72rem;
      box-shadow: 0 10px 30px rgba(0,0,0,.45);
      backdrop-filter: blur(10px);
      -webkit-backdrop-filter: blur(10px);
      transform: translateX(-112%);
      opacity: 0;
      pointer-events: none;
      transition: transform .32s cubic-bezier(.24,.78,.24,.99), opacity .24s ease;
      isolation: isolate;
    }
    body.mob-quick-open .mob-quick-panel {
      will-change: transform;
    }
    .mob-quick-row {
      display: flex;
      align-items: stretch;
      gap: .3rem;
    }
    .mob-quick-btn {
      flex: 1;
      min-width: 0;
      border: none;
      background: transparent;
      color: var(--rv-text-3, rgba(255,255,255,.52));
      border-radius: .5rem;
      min-height: 2.75rem;
      padding: 0 .12rem;
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      gap: 0;
      touch-action: manipulation;
      -webkit-tap-highlight-color: transparent;
      transition: background .14s ease, color .14s ease, opacity .14s ease;
      opacity: .86;
    }
    .mob-quick-btn:active { background: rgba(255,255,255,.08); }
    .mob-quick-btn.mq-active {
      color: var(--rv-gold-2, #e6b47e);
      opacity: 1;
      background: rgba(201,138,75,.14);
      box-shadow:
        0 0 0 1px rgba(201,138,75,.28),
        0 0 14px rgba(201,138,75,.22);
    }
    .mob-quick-btn.mq-active .mob-quick-ico {
      filter: drop-shadow(0 0 5px rgba(201,138,75,.55));
    }
    /* Mobil: yalnızca ikon (isim aria-label'da); biraz daha büyük */
    .mob-quick-ico { font-size: 1.2rem; line-height: 1; display: inline-flex; align-items: center; justify-content: center; }
    .mob-quick-ico svg { width: 1.2rem; height: 1.2rem; display: block; }
    .mob-quick-lbl { display: none; }
    .mob-quick-sep {
      width: 1px;
      align-self: stretch;
      background: rgba(255,255,255,.08);
      flex-shrink: 0;
      margin: .1rem 0;
    }
    .mob-quick-tools {
      flex-shrink: 0;
      display: flex;
      align-items: stretch;
      gap: .18rem;
      border: 1px solid rgba(255,255,255,.12);
      background: rgba(255,255,255,.04);
      border-radius: .56rem;
      padding: 0 .1rem;
    }
    .mob-quick-ai-btn {
      flex-shrink: 0;
      width: 2.55rem;
      align-self: stretch;
      border: 1px solid rgba(255,255,255,.18);
      background: #000;
      color: #fff;
      border-radius: .44rem;
      display: flex;
      align-items: center;
      justify-content: center;
      padding: 0;
      touch-action: manipulation;
      -webkit-tap-highlight-color: transparent;
      transition: background .12s ease;
    }
    .mob-quick-ai-btn:active { background: #000; }
    .mob-quick-ai-ico {
      line-height: 0;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      width: 100%;
      height: 100%;
    }
    .mob-quick-ai-ico svg,
    .mob-quick-ai-ico .rv-ai-mascot,
    .mob-quick-ai-ico .rv-ai-mascot-svg,
    .mob-quick-ai-ico .rv-ai-icon {
      width: 100% !important;
      height: 100% !important;
      display: block;
      max-width: none;
      max-height: none;
    }
    .mob-quick-ai-lbl { display: none; }
    .mob-quick-menu-btn {
      flex-shrink: 0;
      width: 2.35rem;
      border: 1px solid rgba(255,255,255,.1);
      background: rgba(255,255,255,.04);
      color: var(--rv-text-3, rgba(255,255,255,.58));
      border-radius: .44rem;
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      gap: 0;
      touch-action: manipulation;
      -webkit-tap-highlight-color: transparent;
      transition: background .12s ease;
    }
    .mob-quick-menu-btn:active { background: rgba(255,255,255,.1); color: var(--rv-text-2, rgba(255,255,255,.72)); }
    .mob-quick-menu-ico { font-size: 1.15rem; line-height: 1; width: 1.15rem; height: 1.15rem; display: inline-flex; align-items: center; justify-content: center; }
    .mob-quick-menu-ico svg { width: 1.15rem; height: 1.15rem; display: block; }
    .mob-quick-menu-lbl { display: none; }
    .mob-quick-menu-arr { display: none; }
    body.mob-quick-open .mob-quick-panel {
      transform: translateX(0);
      opacity: 1;
      pointer-events: auto;
    }
    /* Drawer kapanırken (mob-drawer-closing) de gizli tut — early slide-in yok */
    body.mob-drawer-open .mob-quick-panel,
    body:has(.mob-drawer.mob-drawer-closing) .mob-quick-panel {
      opacity: 0 !important;
      pointer-events: none !important;
      transform: translateX(-112%) !important;
      transition: none !important;
    }
    body.destek-float-open .mob-quick-panel,
    body.destek-kurulum-modu .mob-quick-panel,
    body.kurulum-zorunlu-kilit .mob-quick-panel {
      display: none !important;
    }
    body.mob-quick-open .destek-launcher,
    body.mob-drawer-open .destek-launcher,
    body:has(.mob-drawer.mob-drawer-closing) .destek-launcher {
      display: none !important;
    }
    body.mob-quick-open .mob-menu-pull[aria-expanded="true"] .mob-menu-pull-ico {
      transform: rotate(180deg);
    }
    .mob-quick-edit-pop {
      position: absolute;
      bottom: calc(100% + .34rem);
      width: min(11.2rem, calc(100vw - 1.5rem));
      background: rgba(10, 14, 24, .98);
      border: 1px solid rgba(255,255,255,.13);
      border-radius: .62rem;
      padding: .45rem;
      box-shadow: 0 10px 24px rgba(0,0,0,.45);
      z-index: 2;
      animation: mobQuickEditIn .16s ease;
    }
    .mob-quick-edit-title {
      font-size: .58rem;
      color: var(--rv-text-3);
      margin-bottom: .34rem;
      letter-spacing: .02em;
    }
    .mob-quick-edit-grid {
      display: grid;
      grid-template-columns: repeat(3, minmax(0, 1fr));
      gap: .24rem;
    }
    .mob-quick-edit-btn {
      border: 1px solid rgba(255,255,255,.09);
      border-radius: .45rem;
      min-height: 2.1rem;
      background: rgba(255,255,255,.02);
      color: var(--rv-text-2);
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      gap: .12rem;
      padding: .2rem .12rem;
    }
    .mob-quick-edit-btn.is-active {
      color: var(--rv-gold-2, #e6b47e);
      border-color: rgba(201,138,75,.34);
      background: rgba(201,138,75,.1);
    }
    .mob-quick-edit-ico { display: inline-flex; align-items: center; justify-content: center; }
    .mob-quick-edit-ico svg { width: .78rem; height: .78rem; display: block; }
    .mob-quick-edit-lbl {
      font-size: .62rem; font-weight: 600; line-height: 1.1; white-space: nowrap;
      overflow: hidden; text-overflow: ellipsis; max-width: 100%; min-width: 0;
    }
    @keyframes mobQuickEditIn {
      from { opacity: 0; transform: translateY(6px); }
      to { opacity: 1; transform: translateY(0); }
    }
  }
  @media (min-width: 768px){
    .mob-menu-pull { display: none !important; }
  }
  .tab-btn{
    color: var(--rv-text-3);
    border-radius: .7rem;
    border: 1px solid transparent;
    padding: .45rem .7rem;
    font-size: .82rem;
    font-weight: 650;
    letter-spacing: -.01em;
    line-height: 1.2;
    transition: color .18s ease, background .18s ease, border-color .18s ease, box-shadow .18s ease;
    touch-action: manipulation;
    -webkit-tap-highlight-color: transparent;
  }
  .tab-btn:hover{
    color: var(--rv-text-2, #cbd5e1);
    background: rgba(255,255,255,.04);
  }
  .tab-btn:focus-visible{
    outline: 2px solid rgba(201,138,75,.45);
    outline-offset: 2px;
  }
  .tab-btn.active{
    background: linear-gradient(160deg, rgba(201,138,75,.18), rgba(201,138,75,.07));
    color: var(--rv-gold-2);
    border: 1px solid rgba(201,138,75,.32);
    box-shadow: 0 1px 0 rgba(255,255,255,.04) inset, 0 8px 20px rgba(0,0,0,.12);
    font-weight: 750;
  }
  @media (max-width: 767px){
    .desktop-topbar .tab-btn,
    .mobile-premium-header .tab-btn,
    .tab-row,
    .panel-tab-scroll{
      -webkit-overflow-scrolling: touch;
    }
    .panel-tab-scroll,
    .tab-row{
      display: flex;
      gap: .28rem;
      overflow-x: auto;
      overscroll-behavior-x: contain;
      scrollbar-width: none;
      padding-bottom: .1rem;
      max-width: 100%;
    }
    .panel-tab-scroll::-webkit-scrollbar,
    .tab-row::-webkit-scrollbar{ display: none; }
    .tab-btn{
      flex: 0 0 auto;
      white-space: nowrap;
      min-height: 2.5rem;
      padding: .42rem .72rem;
    }
  }
  .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: var(--rv-title-fs, 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: .9rem; 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: #64748b;
  }
  .mr-lbl{
    display: block;
    font-size: .62rem;
    font-weight: 800;
    letter-spacing: .1em;
    text-transform: uppercase;
    color: #64748b;
    margin-bottom: .25rem;
  }
  .mr-opt{
    font-weight: 700;
    color: #64748b;
    text-transform: lowercase;
    letter-spacing: .04em;
    font-size: .58rem;
    opacity: .85;
  }
  .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, opacity .2s;
    cursor: pointer;
  }
  .mr-slot-btn:hover:not(:disabled):not(.mr-slot-btn--disabled):not(.mr-slot-btn--selected){
    filter: brightness(1.04);
    box-shadow: 0 2px 10px rgba(15, 23, 42, .08);
  }
  .mr-slot-btn:focus-visible:not(:disabled):not(.mr-slot-btn--disabled){
    outline: 2px solid rgba(217, 119, 6, .65);
    outline-offset: 2px;
  }
  .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-slot-btn--selected:hover{
    filter: brightness(1.05);
  }
  .mr-slot-btn--disabled,
  .mr-slot-btn:disabled{
    opacity: .42;
    cursor: not-allowed;
    pointer-events: none;
    filter: grayscale(.35);
    box-shadow: none;
    transform: none;
  }
  .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-banner{
    margin-top: .3rem;
    padding: 0;
    border: none;
    background: transparent;
    box-shadow: none;
    border-radius: 0;
  }
  .mr-hizmet-kat-banner-top{
    display: flex;
    align-items: baseline;
    gap: .35rem;
    margin-bottom: .2rem;
  }
  .mr-hizmet-kat-banner-lbl{
    font-size: .62rem;
    font-weight: 800;
    letter-spacing: .1em;
    text-transform: uppercase;
    color: #92400e;
  }
  .mr-hizmet-kat-banner-aktif{
    display: none; /* seçim zaten isimde aktif; ekstra etiket gereksiz */
  }
  .mr-hizmet-kat-scroll{
    display: flex; gap: .55rem; overflow-x: auto; padding: 0;
    scrollbar-width: none; flex-wrap: nowrap;
    align-items: center;
  }
  .mr-hizmet-kat-scroll::-webkit-scrollbar{ display: none; }
  .mr-hizmet-kat-pill{
    flex: 0 0 auto;
    padding: 0;
    border: none;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
    font-size: .72rem;
    font-weight: 600;
    color: #78716c;
    line-height: 1.35;
    cursor: pointer;
  }
  .mr-hizmet-kat-pill:hover{ color: #0f172a; }
  .mr-hizmet-kat-pill.active{
    background: transparent;
    border: none;
    box-shadow: none;
    color: #b45309;
    font-weight: 800;
    text-decoration: underline;
    text-underline-offset: .18em;
    text-decoration-thickness: 1.5px;
  }
  .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: #a8a29e;
    white-space: nowrap; overflow: hidden; text-overflow: ellipsis; min-width: 0;
  }
  .mr-hizmet-item.secili .mr-hizmet-item-meta{ color: #fcd34d; }
  .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: transparent;
    border: none;
    box-shadow: none;
    color: #831843;
  }
  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,
  html.theme-dark .mr-lbl,
  html.theme-mythos .mr-lbl,
  html.theme-dark .mr-hizmet-kat-banner-lbl,
  html.theme-mythos .mr-hizmet-kat-banner-lbl{ color: #9fb0c9; }
  html.theme-dark .mr-opt,
  html.theme-mythos .mr-opt{ color: #8ea1bc; opacity: .9; }
  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-kat-banner,
  html.theme-mythos .mr-hizmet-kat-banner{
    border: none;
    background: transparent;
  }
  html.theme-dark .mr-hizmet-kat-banner-aktif,
  html.theme-mythos .mr-hizmet-kat-banner-aktif{ display: none; }
  html.theme-dark .mr-hizmet-kat-pill,
  html.theme-mythos .mr-hizmet-kat-pill{
    background: transparent;
    border: none;
    color: #94a3b8;
  }
  html.theme-dark .mr-hizmet-kat-pill.active,
  html.theme-mythos .mr-hizmet-kat-pill.active{
    background: transparent;
    border: none;
    box-shadow: none;
    color: #fbbf24;
  }
  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-grid.gecmis-filtre-grid--usta { grid-template-columns: 1fr minmax(9.5rem, 12rem) minmax(9.5rem, 12rem); }
  }
  .gecmis-filtre-tarih{
    display: grid;
    grid-template-columns: auto 1fr auto 1fr;
    gap: .35rem .45rem;
    align-items: center;
  }
  @media (min-width: 640px){
    .gecmis-filtre-tarih { max-width: 28rem; }
  }
  /* 420px altı: 4 sütun (etiket+alan × 2) tek satırda sıkışıp tarih girişini
     kullanılmaz hale getiriyordu — iki satıra böl (başlangıç / bitiş alt alta). */
  @media (max-width: 420px){
    .gecmis-filtre-tarih{
      grid-template-columns: auto 1fr;
      row-gap: .4rem;
    }
  }
  .gecmis-filtre-tarih-lbl{
    font-size: .62rem;
    font-weight: 800;
    letter-spacing: .06em;
    text-transform: uppercase;
    color: #92400e;
    white-space: nowrap;
  }
  .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){
    /* KPI üstte, arama + müşteri listesi altında */
    #tab-musteri .musteri-kpi-grid { order: 1; }
    #tab-musteri .musteri-ara-panel { order: 2; }
    #tab-musteri .musteri-liste-wrap { order: 3; }
    #tab-musteri #musteriProfilDrawer { order: 5; }

    #tab-musteri .musteri-kpi-grid {
      gap: .28rem;
    }
    #tab-musteri .musteri-kpi-grid .kpi-card {
      padding: .28rem .36rem;
      gap: .28rem;
      border-radius: 8px;
      min-height: 0;
    }
    #tab-musteri .musteri-kpi-grid .kpi-icon {
      width: 1.15rem;
      height: 1.15rem;
      font-size: .55rem;
      border-radius: .35rem;
      flex-shrink: 0;
    }
    #tab-musteri .musteri-kpi-grid .kpi-val {
      font-size: .78rem;
      line-height: 1.05;
    }
    #tab-musteri .musteri-kpi-grid .kpi-lbl {
      font-size: .48rem;
      letter-spacing: .02em;
      margin-top: 0;
    }
    #tab-musteri .musteri-kpi-grid .kpi-val.text-base {
      font-size: .62rem !important;
    }
  }
  .musteri-kpi-grid{
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: .35rem;
  }
  @media (min-width: 640px){
    .musteri-kpi-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); gap: .4rem; }
  }
  #tab-musteri .musteri-kpi-grid .kpi-card{
    padding: .32rem .42rem;
    gap: .32rem;
    border-radius: 8px;
    min-height: 0;
    box-shadow: none;
  }
  #tab-musteri .musteri-kpi-grid .kpi-card:hover{
    transform: none;
    box-shadow: none;
  }
  #tab-musteri .musteri-kpi-grid .kpi-card-primary{
    box-shadow: none;
  }
  #tab-musteri .musteri-kpi-grid button.kpi-card{
    cursor: pointer;
    transition: border-color .15s, background .15s;
  }
  #tab-musteri .musteri-kpi-grid button.kpi-card:active{ transform: scale(.98); }
  #tab-musteri .musteri-kpi-grid .kpi-icon{
    width: 1.28rem;
    height: 1.28rem;
    font-size: .58rem;
    border-radius: .4rem;
  }
  #tab-musteri .musteri-kpi-grid .kpi-val{ font-size: .82rem; line-height: 1.05; font-weight: 800; }
  #tab-musteri .musteri-kpi-grid .kpi-lbl{ font-size: .5rem; letter-spacing: .03em; font-weight: 700; margin-top: 0; }
  #tab-musteri .musteri-kpi-grid .kpi-val.text-base{ font-size: .65rem !important; }
  #tab-musteri .musteri-kpi-grid .kpi-card-segment{
    align-items: flex-start;
  }
  #tab-musteri .musteri-kpi-grid .kpi-card-segment .kpi-icon{ align-self: flex-start; margin-top: .06rem; }
  #tab-musteri .musteri-kpi-seg-wrap{
    display: flex;
    flex-wrap: wrap;
    gap: .14rem;
    margin-top: .12rem;
  }
  #tab-musteri .musteri-kpi-seg{
    display: inline-flex;
    align-items: center;
    justify-content: space-between;
    gap: .18rem;
    padding: .08rem .28rem;
    border-radius: 999px;
    font-size: .5rem;
    line-height: 1;
    border: 1px solid transparent;
  }
  #tab-musteri .musteri-kpi-seg b{ font-size: .55rem; font-weight: 800; }
  #tab-musteri .musteri-kpi-seg small{ font-size: .46rem; opacity: .92; }
  #tab-musteri .musteri-kpi-seg.seg-green{ background: rgba(16,185,129,.14); color: #059669; border-color: rgba(16,185,129,.28); }
  #tab-musteri .musteri-kpi-seg.seg-amber{ background: rgba(245,158,11,.14); color: #b45309; border-color: rgba(245,158,11,.28); }
  #tab-musteri .musteri-kpi-seg.seg-orange{ background: rgba(249,115,22,.14); color: #c2410c; border-color: rgba(249,115,22,.28); }
  #tab-musteri .musteri-kpi-seg.seg-red{ background: rgba(239,68,68,.13); color: #b91c1c; border-color: rgba(239,68,68,.24); }
  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;
  }
  /* Ayarlar · Randevu içindeki kara liste: çift çerçeve yok */
  #ayKaraListeBlok.musteri-kara-compact{
    margin-top: 0;
    padding: 0;
    border: none;
    background: transparent;
    box-shadow: none;
  }
  #tab-musteri .musteri-kara-compact { display: none; }
  /* 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%, 14rem), 1fr));
    gap: .55rem;
  }
  .gecmis-liste-grid .col-span-full{ grid-column: 1 / -1; }
  .gecmis-ozet-kart{
    border-radius: 12px;
    border: 1px solid rgba(15,23,42,.1);
    border-left-width: 3px;
    padding: .55rem .65rem;
    background: var(--rv-surface-1, #fff);
    box-shadow: 0 1px 3px rgba(15,23,42,.04);
    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 2px 8px rgba(15,23,42,.08);
  }
  .gecmis-ozet-ust{
    display: flex;
    align-items: center;
    gap: .35rem;
    margin-bottom: .28rem;
  }
  .gecmis-ozet-saat{
    font-family: var(--rv-font-d);
    font-size: .8rem;
    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: .25rem;
    min-width: 0;
    flex: 1;
  }
  .gecmis-durum-badge{
    font-size: .58rem;
    font-weight: 800;
    padding: .12rem .35rem;
    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: .12rem .35rem;
    border-radius: 999px;
    background: rgba(100,116,139,.12);
    color: #64748b;
  }
  .gecmis-ozet-sil{
    flex-shrink: 0;
    font-size: .58rem;
    font-weight: 800;
    padding: .18rem .4rem;
    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: .84rem;
    font-weight: 800;
    color: var(--rv-text, #0f172a);
    line-height: 1.25;
  }
  .gecmis-ozet-meta{
    display: flex;
    flex-wrap: wrap;
    gap: .2rem .5rem;
    font-size: .68rem;
    font-weight: 600;
    color: var(--rv-text-2, #64748b);
    margin-top: .1rem;
  }
  .gecmis-ozet-metrik{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: .15rem .4rem;
    margin-top: .28rem;
  }
  .gecmis-ozet-metrik span{
    font-size: .68rem;
    font-weight: 700;
    padding: 0;
    border-radius: 0;
    background: transparent;
    border: none;
    color: var(--rv-text-2, #475569);
    text-align: left;
    max-width: 100%;
  }
  .gecmis-ozet-metrik span + span::before{
    content: "·";
    margin-right: .35rem;
    opacity: .45;
    font-weight: 600;
  }
  .gecmis-ozet-not{
    font-size: .66rem;
    color: var(--rv-text-2, #64748b);
    margin-top: .25rem;
    padding-top: 0;
    border-top: none;
    line-height: 1.35;
  }
  .gecmis-iptal-meta{
    margin-top: .3rem;
    padding-top: .28rem;
    border-top: 1px solid rgba(15,23,42,.07);
    font-size: .66rem;
    font-weight: 600;
    line-height: 1.35;
    color: var(--rv-text-2, #64748b);
  }
  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: transparent;
    border: none;
    color: #cbd5e1;
  }
  html.theme-dark .gecmis-ozet-not,
  html.theme-mythos .gecmis-ozet-not{
    color: #94a3b8;
    border-top: none;
  }
  html.theme-dark .gecmis-iptal-meta,
  html.theme-mythos .gecmis-iptal-meta{
    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: .72rem; 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: .68rem; 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: flex !important;
      flex-direction: column !important;
      width: 100%;
      z-index: 1;
    }
    .mobile-premium-header { 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-y: auto;
      overflow-x: hidden;
      overscroll-behavior: contain;
      -webkit-overflow-scrolling: touch;
      gap: .4rem;
      padding: .45rem;
      max-height: none;
      min-height: 0;
    }
    /* Hub'da tum kategori butonlari erisilebilir; feature-gate JS .hidden kalir */
    #tab-ayarlar:not(.ay-mobil-detay) .ay-cat-btn:not(.hidden),
    #tab-hesap:not(.ay-mobil-detay) .ay-cat-btn:not(.hidden) {
      display: flex !important;
      min-height: 2.85rem;
      touch-action: manipulation;
    }
    #tab-ayarlar.ay-mobil-detay .ay-settings-main,
    #tab-hesap.ay-mobil-detay .ay-settings-main {
      min-width: 0;
      max-width: 100%;
      overflow-x: clip;
    }
    #tab-ayarlar.ay-mobil-detay .ay-card,
    #tab-hesap.ay-mobil-detay .ay-card {
      max-width: 100%;
      min-width: 0;
    }
    #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;
    }
    html.theme-rose .ay-mobil-geri {
      background: rgba(255,255,255,.72);
      border-color: rgba(131,24,67,.16);
      color: #831843;
    }
  }
  @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: var(--ico-well, #f1f5f9); flex-shrink: 0;
    color: var(--ico-stroke, #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: var(--ico-well, #f1f5f9); color: var(--ico-stroke, #475569); }
  .ay-cat-btn.pro.active .ay-cat-icon{ background: var(--ico-well, #f1f5f9); color: var(--ico-stroke, #475569); }
  .ay-cat-cikis .ay-cat-icon{ color: var(--ico-stroke, #475569); background: var(--ico-well-danger, #e2e8f0); }
  .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 #ayPushKutu{
    background: transparent !important;
    border: none !important;
    border-radius: 0 !important;
    padding: 0 !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: var(--ico-well, rgba(255,255,255,.06)); color: var(--ico-stroke, #cbd5e1); }
  /* Dark active: override light mint bg so currentColor stroke stays visible */
  html.theme-dark .ay-cat-btn.active .ay-cat-icon{
    background: var(--ico-well, rgba(255,255,255,.06));
    color: var(--ico-stroke, #cbd5e1);
  }
  html.theme-dark .ay-cat-btn.pro.active .ay-cat-icon{
    background: var(--ico-well, rgba(255,255,255,.06));
    color: var(--ico-stroke, #cbd5e1);
  }
  html.theme-dark .ay-cat-cikis .ay-cat-icon{ color: var(--ico-stroke, #cbd5e1); background: var(--ico-well-danger, rgba(255,255,255,.12)); }
  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; }

/* --- Panel dis yan zemin wallpaper (yalniz genis ekran gutter) --- */
@media (min-width: 1100px){
  body.panel-body{
    --rv-wall-stroke: rgba(201, 176, 122, .55);
  }
  html.theme-light body.panel-body{
    --rv-wall-stroke: rgba(120, 90, 50, .45);
  }
  html.theme-rose body.panel-body{
    --rv-wall-stroke: rgba(180, 80, 110, .42);
  }
  body.panel-body::before{
    content:"";
    position:fixed;
    inset:0;
    z-index:0;
    pointer-events:none;
    opacity:.04;
    background-color:transparent;
    background-repeat:no-repeat;
    background-size:cover;
    background-position:center;
    background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1600' height='900' viewBox='0 0 1600 900' fill='none'%3E%3Cpath d='M-40 180C220 40 420 320 680 200S1180 40 1640 220' stroke='%23c9b07a' stroke-opacity='.55' stroke-width='1.2'/%3E%3Cpath d='M-60 520C260 380 520 640 820 500S1320 360 1680 560' stroke='%23c9b07a' stroke-opacity='.4' stroke-width='1.1'/%3E%3Cpath d='M100 -20C280 220 120 420 340 640S720 920 980 760' stroke='%23c9b07a' stroke-opacity='.35' stroke-width='1'/%3E%3Cpath d='M1500 -40C1320 200 1480 420 1260 640S900 920 640 780' stroke='%23c9b07a' stroke-opacity='.32' stroke-width='1'/%3E%3Ccircle cx='180' cy='140' r='2.2' fill='%23c9b07a' fill-opacity='.45'/%3E%3Ccircle cx='1420' cy='220' r='2' fill='%23c9b07a' fill-opacity='.4'/%3E%3Ccircle cx='240' cy='720' r='1.8' fill='%23c9b07a' fill-opacity='.35'/%3E%3Ccircle cx='1360' cy='680' r='2.1' fill='%23c9b07a' fill-opacity='.38'/%3E%3Ccircle cx='900' cy='120' r='1.5' fill='%23c9b07a' fill-opacity='.25'/%3E%3C/svg%3E");
    -webkit-mask-image:linear-gradient(90deg,#000 0%,#000 12%,transparent 28%,transparent 72%,#000 88%,#000 100%);
    mask-image:linear-gradient(90deg,#000 0%,#000 12%,transparent 28%,transparent 72%,#000 88%,#000 100%);
  }
  html.theme-light body.panel-body::before{ opacity:.045; }
  html.theme-rose body.panel-body::before{ opacity:.045; }
  #app.app-shell,
  .panel-shell{
    position:relative;
    z-index:1;
  }
}
@media (max-width: 1099px){
  body.panel-body::before{ content:none !important; display:none !important; }
}

/* === Plan 6C: panel shell / nav / surfaces (CSS-only polish) === */

/* Shell atmosphere — controlled depth, no permanent animation */
#app.app-shell,
.panel-shell {
  position: relative;
  isolation: isolate;
}
#app.app-shell::before,
.panel-shell::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 0;
  pointer-events: none;
  background:
    radial-gradient(ellipse 70% 45% at 0% 0%, var(--rv-shell-wash, color-mix(in srgb, var(--rv-gold, #d4a84b) 10%, transparent)), transparent 60%),
    radial-gradient(ellipse 55% 40% at 100% 12%, rgba(80, 90, 140, 0.06), transparent 55%);
  opacity: 0.9;
}

html.theme-light #app.app-shell::before,
html.theme-light .panel-shell::before,
html.theme-rose #app.app-shell::before,
html.theme-rose .panel-shell::before {
  background:
    radial-gradient(ellipse 70% 45% at 0% 0%, color-mix(in srgb, var(--rv-gold, #d4a84b) 12%, transparent), transparent 60%),
    radial-gradient(ellipse 50% 35% at 100% 0%, rgba(15, 23, 42, 0.03), transparent 55%);
  opacity: 0.75;
}
html.theme-mythos #app.app-shell::before,
html.theme-mythos .panel-shell::before {
  background:
    radial-gradient(ellipse 70% 45% at 0% 0%, color-mix(in srgb, var(--rv-accent, #c98a4b) 12%, transparent), transparent 60%),
    radial-gradient(ellipse 55% 40% at 100% 12%, rgba(120, 80, 160, 0.07), transparent 55%);
}

/* Sidebar surface hierarchy */
.sidebar-panel {
  background:
    radial-gradient(ellipse 90% 55% at 100% 100%, color-mix(in srgb, var(--rv-gold, #d4a84b) 11%, transparent), transparent 58%),
    radial-gradient(ellipse 60% 40% at 0% 0%, rgba(255, 255, 255, 0.035), transparent 50%),
    linear-gradient(185deg, #05060b 0%, #080a12 42%, #0a0d18 100%);
  border-inline-end: 1px solid color-mix(in srgb, var(--rv-gold, #d4a84b) 12%, rgba(255, 255, 255, 0.06));
  box-shadow:
    4px 0 48px rgba(0, 0, 0, 0.5),
    inset -1px 0 0 rgba(255, 255, 255, 0.03);
}
html[dir="rtl"] .sidebar-panel {
  box-shadow:
    -4px 0 48px rgba(0, 0, 0, 0.5),
    inset 1px 0 0 rgba(255, 255, 255, 0.03);
}
.sidebar-glow {
  background: linear-gradient(
    90deg,
    transparent,
    color-mix(in srgb, var(--rv-gold, #d4a84b) 55%, transparent),
    transparent
  );
  opacity: 0.9;
}

/* Nav hierarchy — active/hover/focus + logical active rail */
.sidebar-btn {
  border-radius: 0.4rem;
  transition: background 0.18s ease, color 0.18s ease, border-color 0.18s ease, box-shadow 0.18s ease;
}
.sidebar-btn:hover {
  background: color-mix(in srgb, var(--rv-gold, #d4a84b) 7%, rgba(255, 255, 255, 0.04));
  border-color: color-mix(in srgb, var(--rv-gold, #d4a84b) 16%, rgba(255, 255, 255, 0.06));
}
.sidebar-btn.active {
  background: color-mix(in srgb, var(--rv-gold, #d4a84b) 12%, rgba(255, 255, 255, 0.03));
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.04);
}
.sidebar-btn.active::before {
  left: auto;
  inset-inline-start: 0;
  width: 2.5px;
  background: linear-gradient(
    180deg,
    var(--rv-gold-2, #e6b47e) 0%,
    var(--rv-gold, #d4a84b) 55%,
    var(--rv-gold-deep, #8a5a2e) 100%
  );
  box-shadow: 0 0 8px color-mix(in srgb, var(--rv-gold, #d4a84b) 35%, transparent);
}
.sidebar-btn:focus-visible,
.mob-drawer-btn:focus-visible,
.tab-btn:focus-visible {
  outline: 2px solid color-mix(in srgb, var(--rv-gold, #d4a84b) 65%, transparent);
  outline-offset: 2px;
}
.sidebar-btn .ico {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 0.3rem;
}
.sidebar-btn.active .ico:not(.sb-ico--premium) {
  background: color-mix(in srgb, var(--rv-gold, #d4a84b) 12%, transparent);
}

/* AI Asistan presence in nav / quick bar — 6A PNG path */
.rv-nav-ai,
.sidebar-btn[data-tab="destek"] .ico,
.mob-drawer-btn[data-tab="destek"] .ico,
.mob-quick-ai-ico {
  position: relative;
}
.rv-nav-ai .rv-ai-mascot,
.rv-nav-ai .rv-ai-mascot-img,
.sidebar-btn[data-tab="destek"] .rv-ai-mascot,
.sidebar-btn[data-tab="destek"] .rv-ai-mascot-img,
.mob-drawer-btn[data-tab="destek"] .rv-ai-mascot,
.mob-drawer-btn[data-tab="destek"] .rv-ai-mascot-img {
  border-radius: 50%;
  box-shadow:
    0 0 0 1px color-mix(in srgb, var(--rv-gold, #d4a84b) 35%, transparent),
    0 0 10px color-mix(in srgb, var(--rv-gold, #d4a84b) 18%, transparent);
}
.sidebar-btn[data-tab="destek"].active .rv-ai-mascot,
.sidebar-btn[data-tab="destek"].active .rv-ai-mascot-img,
.mob-drawer-btn[data-tab="destek"].active .rv-ai-mascot,
.mob-drawer-btn[data-tab="destek"].active .rv-ai-mascot-img {
  box-shadow:
    0 0 0 1.5px color-mix(in srgb, var(--rv-gold, #d4a84b) 55%, transparent),
    0 0 12px color-mix(in srgb, var(--rv-gold, #d4a84b) 28%, transparent);
}
.mob-quick-ai-btn {
  box-shadow: 0 0 0 1px color-mix(in srgb, var(--rv-gold, #d4a84b) 18%, transparent);
}

/* Shared card / surface coherence — no padding/layout change */
.card {
  border-color: var(--rv-shell-card-edge, color-mix(in srgb, var(--rv-gold, #d4a84b) 14%, rgba(255, 255, 255, 0.08)));
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.025) 0%, transparent 28%),
    rgba(14, 18, 28, 0.97);
  box-shadow:
    var(--rv-shadow-card-dark),
    inset 0 1px 0 rgba(255, 255, 255, 0.035);
}
@media (min-width: 768px) {
  .card:hover {
    border-color: color-mix(in srgb, var(--rv-gold, #d4a84b) 22%, rgba(255, 255, 255, 0.1));
    box-shadow:
      0 1px 0 rgba(255, 255, 255, 0.05) inset,
      0 6px 18px rgba(0, 0, 0, 0.14),
      0 20px 44px rgba(0, 0, 0, 0.22);
  }
}
html.theme-light .card,
html.theme-rose .card {
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.55) 0%, transparent 40%),
    var(--rv-surface-1, #e4d9cb);
  border-color: color-mix(in srgb, var(--rv-gold, #d4a84b) 22%, rgba(15, 23, 42, 0.12));
  box-shadow: var(--rv-shadow-card);
}
html.theme-rose .card {
  border-color: color-mix(in srgb, var(--rv-accent, #db2777) 18%, rgba(15, 23, 42, 0.12));
}
html.theme-mythos .card {
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.02) 0%, transparent 30%),
    rgba(18, 14, 26, 0.97);
  border-color: color-mix(in srgb, var(--rv-accent, #c98a4b) 18%, rgba(255, 255, 255, 0.08));
}

/* Section separation — gold hairline uses logical start */
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 {
  left: auto;
  inset-inline-start: 0;
}

/* Desktop topbar / main content subtle edge */
.desktop-topbar {
  border-color: color-mix(in srgb, var(--rv-gold, #d4a84b) 16%, var(--rv-line, rgba(255, 255, 255, 0.08)));
}
.main-scroll-pad {
  position: relative;
}

/* Body wallpaper motif — slightly clearer on wide screens (existing ::before) */
@media (min-width: 1100px) {
  html.theme-dark body.panel-body::before,
  html.theme-mythos body.panel-body::before {
    opacity: 0.055;
  }
  html.theme-light body.panel-body::before,
  html.theme-rose body.panel-body::before {
    opacity: 0.06;
  }
}

@media (prefers-reduced-motion: reduce) {
  .sidebar-btn,
  .mob-drawer-btn,
  .tab-btn,
  .card,
  .sidebar-tema-btn,
  .mob-quick-ai-btn {
    transition: none !important;
  }
  .sidebar-btn:hover,
  .sidebar-tema-btn:hover,
  .card:hover {
    transform: none !important;
  }
  .sidebar-btn.active::before {
    box-shadow: none;
  }
}

/* === Plan 6D: RTL / a11y closure (proven physical assumptions only) === */
.sidebar-btn,
.mob-drawer-btn {
  text-align: start;
}
.desktop-topbar::before {
  left: auto;
  inset-inline-start: 0;
  border-radius: var(--rv-r-lg) 0 0 var(--rv-r-lg);
}
html[dir="rtl"] .desktop-topbar::before {
  border-radius: 0 var(--rv-r-lg) var(--rv-r-lg) 0;
}