/* === SECTION: Panel ayarlar+mid — sequential cascade slice 2/4 (do not reorder vs siblings) === */


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

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

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

  .ay-qr-kodlar{
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: .75rem;
  }
  @media (max-width: 520px){
    .ay-qr-kodlar { grid-template-columns: 1fr; }
  }
  .ay-qr-kart{
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: .45rem;
    padding: .75rem .65rem;
    border-radius: 14px;
    border: 1px solid rgba(15,23,42,.1);
    background: rgba(255,255,255,.72);
    text-align: center;
  }
  .ay-qr-kart-baslik{
    width: 100%;
    margin: 0;
    font-size: .78rem;
    font-weight: 800;
    letter-spacing: .02em;
    text-transform: uppercase;
  }
  .ay-qr-kart-wa .ay-qr-kart-baslik{ color: #15803d; }
  .ay-qr-kart-tg .ay-qr-kart-baslik{ color: #1d4ed8; }
  .ay-qr-kart-durum{
    width: 100%;
    margin: 0;
    font-size: .72rem;
    font-weight: 700;
    color: #64748b;
    line-height: 1.35;
  }
  .ay-qr-kart-durum.is-bagli{ color: #15803d; }
  .ay-qr-kart-govde{
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    min-height: 196px;
  }
  .ay-qr-kart-alt{
    width: 100%;
    margin: 0;
    font-size: .68rem;
    line-height: 1.4;
    color: #64748b;
  }
  .ay-qr-kart-link{
    width: 100%;
    margin: 0;
    font-size: .62rem;
    line-height: 1.35;
    color: #475569;
    word-break: break-all;
  }
  .ay-qr-kart-btn{ width: 100%; max-width: 11rem; }
  .ay-qr-preview{
    border-radius: 14px;
    border: 1px solid rgba(15,23,42,.1);
    background: #fff;
    padding: .85rem;
    text-align: center;
  }
  .ay-qr-canvas{
    display: block;
    width: 180px !important;
    height: 180px !important;
    max-width: 100%;
    border-radius: 12px;
    border: 1px solid rgba(15,23,42,.12);
    background: #fff !important;
    padding: .5rem;
    box-sizing: content-box;
  }
  .ay-push-kapat{
    padding: .45rem .85rem;
    border-radius: 10px;
    font-size: .72rem;
    font-weight: 700;
    border: 1px solid rgba(15,23,42,.12);
    background: rgba(255,255,255,.85);
    color: #475569;
    cursor: pointer;
  }
  html.theme-dark .ay-subcard,
  html.theme-dark .ay-fold.ay-subcard{
    background: rgba(255,255,255,.035);
    border-color: rgba(255,255,255,.08);
    box-shadow: inset 0 1px 0 rgba(255,255,255,.04);
  }
  html.theme-dark .ay-subcard-accent{
    background: rgba(74,143,111,.08);
    border-color: rgba(106,171,138,.18);
  }
  html.theme-dark .ay-subcard-btn{
    background: rgba(255,255,255,.06);
    border-color: rgba(255,255,255,.1);
    color: #e2e8f0;
  }
  html.theme-dark .ay-subcard-btn:hover{
    background: rgba(255,255,255,.1);
    border-color: rgba(255,255,255,.14);
  }
  html.theme-dark .ay-push-kapat{
    background: rgba(255,255,255,.06);
    border-color: rgba(255,255,255,.12);
    color: #cbd5e1;
  }
  html.theme-dark .ay-qr-preview{
    background: rgba(255,255,255,.04);
    border-color: rgba(255,255,255,.1);
  }
  html.theme-dark .ay-qr-kart{
    background: rgba(255,255,255,.04);
    border-color: rgba(255,255,255,.1);
  }
  html.theme-dark .ay-qr-kart-wa .ay-qr-kart-baslik{ color: #6aab8a; }
  html.theme-dark .ay-qr-kart-tg .ay-qr-kart-baslik{ color: #93c5fd; }
  html.theme-dark .ay-qr-kart-durum{ color: #94a3b8; }
  html.theme-dark .ay-qr-kart-durum.is-bagli{ color: #6aab8a; }
  html.theme-dark .ay-qr-kart-alt,
  html.theme-dark .ay-qr-kart-link{ color: #94a3b8; }
  html.theme-dark .ay-notice-warn{
    background: rgba(201,138,75,.1);
    border-color: rgba(201,138,75,.22);
    color: #e6b47e;
    border-left-color: #c98a4b;
  }
  html.theme-dark .ay-fold summary{ color: #94a3b8; }
  html.theme-dark .ay-fold[open] summary{ color: #f1f5f9; }
  html.theme-dark .ay-pro-subhead{ color: #f1f5f9; }
  html.theme-dark .ay-cat-header{ border-bottom-color: rgba(255,255,255,.06); }
  html.theme-dark .ay-cat-footer{
    background: rgba(0,0,0,.25) !important;
    border-top-color: rgba(255,255,255,.06) !important;
  }
  html.theme-dark .ay-cat-panel{
    background: linear-gradient(168deg, rgba(18,22,36,.96), rgba(10,13,23,.98));
    border-color: rgba(255,255,255,.07);
    box-shadow: 0 1px 0 rgba(255,255,255,.03) inset, 0 18px 48px rgba(0,0,0,.35);
  }
  html.theme-dark #tab-ayarlar .card.ay-cat-nav,
  html.theme-dark #tab-hesap .card.ay-cat-nav{
    background: linear-gradient(168deg, rgba(16,19,31,.94), rgba(10,13,23,.97)) !important;
    border-color: rgba(255,255,255,.07) !important;
  }
  html.theme-dark #tab-ayarlar .ay-settings-top{
    background: linear-gradient(168deg, rgba(18,22,36,.92), rgba(10,13,23,.96)) !important;
    border-color: rgba(255,255,255,.07) !important;
  }
  html.theme-dark .ay-salon-durum-card{
    background: linear-gradient(168deg, rgba(18,22,36,.94), rgba(10,13,23,.97)) !important;
    border-color: rgba(255,255,255,.07) !important;
  }
  html.theme-dark .ay-durum-ok{
    background: rgba(52,211,153,.08);
    color: #7fd8b0;
    border-color: rgba(52,211,153,.22);
  }
  html.theme-dark .ay-durum-ok .ay-durum-ikon{
    background: rgba(52,211,153,.18);
    color: #7fd8b0;
  }
  html.theme-dark .ay-durum-eksik{
    background: rgba(251,191,36,.07);
    color: #e6c37e;
    border-color: rgba(251,191,36,.22);
  }
  html.theme-dark .ay-durum-eksik .ay-durum-ikon{
    background: rgba(251,191,36,.18);
    color: #e6c37e;
  }
  html.theme-dark .ay-durum-link{
    background: rgba(255,255,255,.05);
    border-color: rgba(255,255,255,.14);
    color: #9ecfb5;
  }
  html.theme-dark .ay-durum-link:hover{
    background: rgba(255,255,255,.09);
    border-color: rgba(255,255,255,.24);
  }
  html.theme-dark .ay-durum-eksik .ay-durum-link{
    color: #e6c37e;
    border-color: rgba(251,191,36,.25);
  }
  html.theme-dark .ay-durum-eksik .ay-durum-link:hover{
    border-color: rgba(251,191,36,.45);
  }
  html.theme-dark #aySalonDurumOzet.text-amber-700{ color: #e6c37e !important; }
  html.theme-dark #aySalonDurumOzet.text-emerald-700{ color: #7fd8b0 !important; }
  html.theme-dark .ay-notif-card{
    background: rgba(255,255,255,.03);
    border-color: rgba(255,255,255,.08);
  }
  html.theme-dark .ay-notif-badge{
    background: rgba(255,255,255,.06);
    color: #94a3b8;
  }
  html.theme-dark .ay-notif-badge.pro{
    background: rgba(201,138,75,.12);
    color: #e6b47e;
    border: 1px solid rgba(201,138,75,.22);
  }
  html.theme-dark #tab-ayarlar .ay-inner-card{
    background: rgba(255,255,255,.03);
    border-color: rgba(255,255,255,.08);
  }
  html.theme-dark .ay-zaman-ozet,
  html.theme-dark #tab-ayarlar #ayHatirlatmaZamanOzet{
    background: rgba(74,143,111,.1) !important;
    border-color: rgba(106,171,138,.2) !important;
    color: #9ecfb5 !important;
  }
  html.theme-dark .gcal-box.ay-cat-panel{ background: linear-gradient(168deg, rgba(23,37,84,.35), rgba(10,13,23,.98)); }
  html.theme-dark #tab-ayarlar .gcal-step{ background: rgba(255,255,255,.03); border-color: rgba(147,197,253,.15); }
  html.theme-dark #tab-ayarlar .gcal-ipucu{ background: rgba(120,53,15,.2); border-color: rgba(201,138,75,.2); color: #eef1f6; }

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

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

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

  .pd-field-card{
    padding: .75rem .8rem;
    border-radius: 14px;
    border: 1px solid rgba(201, 138, 75, .16);
    background: linear-gradient(165deg, #fff 0%, #fffefb 100%);
    box-shadow: 0 2px 10px rgba(201, 138, 75, .06);
    display: flex;
    flex-direction: column;
    gap: .65rem;
  }
  .pd-field{ display: block; min-width: 0; }
  .pd-field-row{
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: .55rem;
  }
  @media (max-width: 480px){
    .pd-field-row { grid-template-columns: 1fr; }
  }
  .pd-lbl{
    display: block;
    font-size: .66rem;
    font-weight: 800;
    letter-spacing: .04em;
    text-transform: uppercase;
    color: #92400e;
    margin-bottom: .28rem;
  }
  .pd-hint{
    margin: 0;
    font-size: .68rem;
    line-height: 1.4;
    color: #78716c;
    font-weight: 600;
  }
  .pd-toolbar{
    margin-bottom: .65rem;
    padding: .55rem .65rem;
    border-radius: 12px;
    border: 1px solid rgba(201, 138, 75, .14);
    background: rgba(255, 247, 237, .55);
  }
  /* ─── Personel ücret (finans) — artisan ─────────────────────────────── */
  .pu-donem-card{
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
    justify-content: space-between;
    gap: .65rem;
    margin-bottom: .75rem;
    padding: .7rem .75rem;
    border-radius: 14px;
    border: 1px solid rgba(201, 138, 75, .16);
    background: linear-gradient(165deg, #fff 0%, #fff7ed 100%);
    box-shadow: 0 2px 10px rgba(201, 138, 75, .06);
  }
  .pu-donem-field{ display: block; min-width: 10rem; flex: 1; }
  .pu-donem-picker{ position: relative; max-width: 14rem; width: 100%; }
  .pu-donem-input{ width: 100%; max-width: 14rem; }
  .pu-donem-btn{
    display: flex !important;
    align-items: center;
    justify-content: space-between;
    gap: .5rem;
    text-align: left;
    cursor: pointer;
    font-weight: 700;
  }
  .pu-donem-btn #personelDonemLbl{ flex: 1; min-width: 0; }
  .pu-donem-ico{
    width: 1.05rem;
    height: 1.05rem;
    flex-shrink: 0;
    opacity: .7;
  }
  .pu-donem-pop{
    position: absolute;
    z-index: 80;
    top: calc(100% + .35rem);
    left: 0;
    width: min(17.5rem, 78vw);
    padding: .65rem .7rem .75rem;
    border-radius: 14px;
    border: 1px solid rgba(201, 138, 75, .22);
    background: #fff;
    box-shadow: 0 12px 32px rgba(15, 23, 42, .18), 0 2px 8px rgba(201, 138, 75, .1);
  }
  .pu-donem-pop-yil{
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .4rem;
    margin-bottom: .55rem;
  }
  .pu-donem-yil-lbl{
    font-size: .95rem;
    font-weight: 800;
    color: #1c1917;
    letter-spacing: -.02em;
  }
  .pu-donem-nav{
    width: 2rem;
    height: 2rem;
    border-radius: 10px;
    border: 1px solid rgba(201, 138, 75, .22);
    background: #fff7ed;
    color: #9a3412;
    font-size: 1.1rem;
    font-weight: 700;
    line-height: 1;
    cursor: pointer;
  }
  .pu-donem-nav:hover{ background: #ffedd5; }
  .pu-donem-pop-aylar{
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: .35rem;
  }
  .pu-donem-ay{
    min-height: 2.15rem;
    padding: .35rem .2rem;
    border-radius: 10px;
    border: 1px solid transparent;
    background: rgba(15, 23, 42, .03);
    color: #44403c;
    font-size: .78rem;
    font-weight: 700;
    cursor: pointer;
  }
  .pu-donem-ay:hover{ background: #fff7ed; border-color: rgba(201, 138, 75, .25); color: #9a3412; }
  .pu-donem-ay.bugun{ box-shadow: inset 0 0 0 1px rgba(201, 138, 75, .45); }
  .pu-donem-ay.aktif{
    background: linear-gradient(160deg, #c98a4b, #a16207);
    color: #fff;
    border-color: transparent;
  }
  .pu-donem-aksiyon{ display: flex; gap: .4rem; flex-shrink: 0; }
  .pu-export-btn{
    display: inline-flex;
    align-items: center;
    gap: .35rem;
    padding: .42rem .7rem;
    border-radius: 10px;
    border: 1px solid rgba(201, 138, 75, .28);
    background: #fff;
    color: #92400e;
    font-size: .72rem;
    font-weight: 800;
    letter-spacing: .02em;
    cursor: pointer;
    transition: background .15s, border-color .15s, box-shadow .15s;
  }
  .pu-export-btn svg{ width: .9rem; height: .9rem; flex-shrink: 0; }
  .pu-export-btn:hover{
    background: #fff7ed;
    border-color: rgba(201, 138, 75, .45);
    box-shadow: 0 2px 8px rgba(201, 138, 75, .12);
  }
  .pu-bolum-baslik{
    margin: 0;
    font-size: .78rem;
    font-weight: 800;
    letter-spacing: -.01em;
    color: #1c1917;
  }
  .pu-ayar-bolum{ margin-bottom: .95rem; }
  .pu-ayar-bolum .pu-bolum-baslik{ margin-bottom: .5rem; }
  .pu-cari-bolum{
    margin-top: .15rem;
    padding-top: .75rem;
    border-top: 1px solid rgba(201, 138, 75, .14);
  }
  .pu-cari-head{
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: .65rem;
    margin-bottom: .55rem;
  }
  .pu-cari-alt{
    margin: .18rem 0 0;
    font-size: .68rem;
    line-height: 1.35;
    color: #78716c;
    font-weight: 600;
  }
  .pu-cari-ekle{
    display: inline-flex;
    align-items: center;
    gap: .3rem;
    flex-shrink: 0;
    padding: .4rem .65rem;
    border-radius: 10px;
    border: 1px solid rgba(201, 138, 75, .3);
    background: linear-gradient(135deg, #fff7ed, #ffedd5);
    color: #92400e;
    font-size: .7rem;
    font-weight: 800;
    cursor: pointer;
    transition: box-shadow .15s, border-color .15s;
  }
  .pu-cari-ekle svg{ width: .85rem; height: .85rem; }
  .pu-cari-ekle:hover{
    border-color: rgba(180, 83, 9, .45);
    box-shadow: 0 2px 10px rgba(201, 138, 75, .15);
  }
  .pu-cari-liste{
    max-height: 11rem;
    overflow-y: auto;
    font-size: .8rem;
  }
  .pu-cari-bos{
    margin: 0;
    padding: .85rem .75rem;
    text-align: center;
    font-size: .72rem;
    font-weight: 600;
    color: #78716c;
    border-radius: 12px;
    border: 1px dashed rgba(201, 138, 75, .28);
    background: rgba(255, 247, 237, .35);
  }
  .pu-metrik-donem{
    font-size: .58rem;
    font-weight: 700;
    opacity: .7;
    letter-spacing: 0;
    text-transform: none;
    margin-left: .25rem;
  }
  html.theme-dark .pu-donem-card,
  html.theme-mythos .pu-donem-card{
    background: rgba(255,255,255,.04);
    border-color: rgba(255,255,255,.08);
    box-shadow: none;
  }
  html.theme-dark .pu-donem-pop,
  html.theme-mythos .pu-donem-pop{
    background: #1e293b;
    border-color: rgba(251, 191, 36, .22);
    box-shadow: 0 14px 36px rgba(0, 0, 0, .45);
  }
  html.theme-dark .pu-donem-yil-lbl,
  html.theme-mythos .pu-donem-yil-lbl{ color: #f8fafc; }
  html.theme-dark .pu-donem-nav,
  html.theme-mythos .pu-donem-nav{
    background: rgba(251, 191, 36, .1);
    border-color: rgba(251, 191, 36, .28);
    color: #fbbf24;
  }
  html.theme-dark .pu-donem-ay,
  html.theme-mythos .pu-donem-ay{
    background: rgba(255,255,255,.05);
    color: #e2e8f0;
  }
  html.theme-dark .pu-donem-ay:hover,
  html.theme-mythos .pu-donem-ay:hover{
    background: rgba(251, 191, 36, .12);
    color: #fde68a;
  }
  html.theme-dark .pu-donem-btn,
  html.theme-mythos .pu-donem-btn{
    color: #f1f5f9;
  }
  html.theme-dark .pu-export-btn,
  html.theme-mythos .pu-export-btn{
    background: rgba(255,255,255,.05);
    border-color: rgba(251, 191, 36, .28);
    color: #fbbf24;
  }
  html.theme-dark .pu-export-btn:hover,
  html.theme-mythos .pu-export-btn:hover{
    background: rgba(251, 191, 36, .1);
  }
  html.theme-dark .pu-bolum-baslik,
  html.theme-mythos .pu-bolum-baslik{ color: #f1f5f9; }
  html.theme-dark .pu-cari-alt,
  html.theme-mythos .pu-cari-alt,
  html.theme-dark .pu-cari-bos,
  html.theme-mythos .pu-cari-bos{ color: #94a3b8; }
  html.theme-dark .pu-cari-bolum,
  html.theme-mythos .pu-cari-bolum{ border-top-color: rgba(255,255,255,.08); }
  html.theme-dark .pu-cari-ekle,
  html.theme-mythos .pu-cari-ekle{
    background: rgba(251, 191, 36, .1);
    border-color: rgba(251, 191, 36, .3);
    color: #fde68a;
  }
  html.theme-dark .pu-cari-bos,
  html.theme-mythos .pu-cari-bos{
    border-color: rgba(255,255,255,.12);
    background: rgba(255,255,255,.03);
  }
  html.theme-rose .pu-export-btn,
  html.theme-rose .pu-cari-ekle{
    color: #9d174d;
    border-color: rgba(236, 72, 153, .3);
  }
  html.theme-rose .pu-donem-card{
    background: linear-gradient(165deg, #fff 0%, #fdf2f8 100%);
    border-color: rgba(236, 72, 153, .16);
  }
  html.theme-rose .personel-drawer-tab-rail{
    border-color: rgba(236, 72, 153, .16);
    background: linear-gradient(165deg, #fff5f9 0%, #fdf2f8 100%);
  }
  html.theme-rose .personel-drawer-tab.aktif{
    border-color: rgba(236, 72, 153, .35);
    background: linear-gradient(135deg, #fff 0%, #fce7f3 100%);
    color: #9d174d;
  }
  html.theme-rose .personel-drawer-tab.aktif .personel-drawer-tab-ico{
    background: linear-gradient(135deg, #ec4899, #db2777);
  }
  html.theme-rose .personel-drawer-tab.aktif .personel-drawer-tab-alt{ color: #be185d; }
  html.theme-rose .pd-lbl{ color: #be185d; }
  html.theme-dark .personel-drawer-tab-rail,
  html.theme-mythos .personel-drawer-tab-rail{
    background: rgba(255,255,255,.03);
    border-color: rgba(251, 191, 36, .18);
    box-shadow: none;
  }
  html.theme-dark .personel-drawer-tab,
  html.theme-mythos .personel-drawer-tab{ color: #94a3b8; }
  html.theme-dark .personel-drawer-tab.aktif,
  html.theme-mythos .personel-drawer-tab.aktif{
    background: rgba(251, 191, 36, .1);
    border-color: rgba(251, 191, 36, .3);
    color: #fde68a;
    box-shadow: none;
  }
  html.theme-dark .personel-drawer-tab.aktif .personel-drawer-tab-ico,
  html.theme-mythos .personel-drawer-tab.aktif .personel-drawer-tab-ico{
    background: linear-gradient(135deg, #d97706, #b45309);
    color: #fff;
  }
  html.theme-dark .personel-drawer-tab-alt,
  html.theme-mythos .personel-drawer-tab-alt{ color: #64748b; }
  html.theme-dark .personel-drawer-tab.aktif .personel-drawer-tab-alt,
  html.theme-mythos .personel-drawer-tab.aktif .personel-drawer-tab-alt{ color: #fbbf24; }
  html.theme-dark .pd-panel-baslik,
  html.theme-mythos .pd-panel-baslik{ color: #f1f5f9; }
  html.theme-dark .pd-panel-alt,
  html.theme-mythos .pd-panel-alt{ color: #94a3b8; }
  html.theme-dark .pd-lbl,
  html.theme-mythos .pd-lbl{ color: #fbbf24; }
  html.theme-dark .pd-field-card,
  html.theme-mythos .pd-field-card{
    background: rgba(255,255,255,.03);
    border-color: rgba(255,255,255,.08);
    box-shadow: none;
  }
  html.theme-dark .pd-toolbar,
  html.theme-mythos .pd-toolbar{
    background: rgba(255,255,255,.04);
    border-color: rgba(255,255,255,.08);
  }
  .personel-drawer-panel-icerik.hidden{ display: none !important; }
  /* ─── Vardiya / shift board — artisan ───────────────────────────────── */
  .vardiya-board-kart,
  .vardiya-board-govde--sekme{
    border: 1px solid rgba(201, 138, 75, .2);
    border-radius: 16px;
    background: linear-gradient(165deg, #fff 0%, #fffefb 48%, #fffaf3 100%);
    box-shadow: 0 4px 20px rgba(201, 138, 75, .08), inset 0 1px 0 rgba(255,255,255,.95);
    overflow: hidden;
  }
  .vardiya-board-head,
  .vardiya-sekme-head{
    padding: 1rem 1.15rem .7rem;
    border-bottom: 1px solid rgba(201, 138, 75, .12);
  }
  .vardiya-board-eyebrow,
  .vardiya-sekme-eyebrow{
    margin: 0 0 .18rem;
    font-size: .62rem;
    font-weight: 800;
    letter-spacing: .12em;
    text-transform: uppercase;
    color: #b45309;
  }
  .vardiya-board-baslik,
  .vardiya-sekme-baslik{
    margin: 0;
    font-family: var(--rv-font-d, inherit);
    font-size: 1.15rem;
    font-weight: 800;
    letter-spacing: -.02em;
    line-height: 1.2;
    color: #1c1917;
  }
  .vardiya-board-alt,
  .vardiya-sekme-alt{
    margin: .3rem 0 0;
    font-size: .78rem;
    color: #78716c;
    line-height: 1.4;
    max-width: 36rem;
  }
  .vardiya-board-govde{ padding: .7rem .75rem .9rem; }
  .vardiya-board-govde--sekme{ padding: .75rem .65rem 1rem; }
  .vardiya-hafta-aralik{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: .35rem .45rem;
    margin: 0 0 .55rem;
    padding: 0;
    border: none;
    border-radius: 0;
    background: transparent;
    font-size: .72rem;
    font-weight: 650;
    color: #78716c;
  }
  .vardiya-hafta-tarih{
    font-weight: 800;
    font-variant-numeric: tabular-nums;
    color: #57534e;
  }
  .vardiya-hafta-sep{ color: #a8a29e; }
  .vardiya-hafta-not{ color: #92400e; font-weight: 700; }
  .vardiya-tablo-scroll{
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    border-radius: 12px;
    border: 1px solid rgba(201, 138, 75, .14);
    background: #fff;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.9);
    position: relative;
  }
  /* Taşan tablo keşfedilebilirlik: sağda soluk gradyan + "kaydır" ipucu —
   * kullanıcı bir kez kaydırınca JS sınıfı kaldırır. */
  .vardiya-tablo-scroll--tasar::after{
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 28px;
    height: 100%;
    pointer-events: none;
    background: linear-gradient(to right, rgba(255,255,255,0), rgba(255,255,255,.92));
    animation: vardiyaScrollIpucuNabiz 1.6s ease-in-out infinite;
  }
  @keyframes vardiyaScrollIpucuNabiz{
    0%, 100% { opacity: .55; }
    50% { opacity: 1; }
  }
  html.theme-dark .vardiya-tablo-scroll--tasar::after,
  html.theme-mythos .vardiya-tablo-scroll--tasar::after{
    background: linear-gradient(to right, rgba(0,0,0,0), rgba(0,0,0,.55));
  }
  .vardiya-tablo{
    width: 100%;
    min-width: 34rem;
    border-collapse: separate;
    border-spacing: 0;
    font-size: .76rem;
  }
  .vardiya-th{
    position: sticky; top: 0; z-index: 2;
    padding: .55rem .35rem;
    text-align: center;
    font-size: .62rem;
    font-weight: 800;
    letter-spacing: .06em;
    text-transform: uppercase;
    color: #92400e;
    background: linear-gradient(180deg, #fff7ed 0%, #ffedd5 100%);
    border-bottom: 1px solid rgba(201, 138, 75, .18);
  }
  .vardiya-th--ad,
  .vardiya-ad-hucre{
    position: sticky; left: 0; z-index: 3;
    text-align: left;
    min-width: 7.25rem;
    max-width: 9.5rem;
    background: linear-gradient(180deg, #fff7ed 0%, #ffedd5 100%);
    padding: .55rem .55rem;
    border-right: 1px solid rgba(201, 138, 75, .14);
  }
  .vardiya-ad-hucre{
    background: #fffefb;
  }
  .vardiya-th--ad{ z-index: 4; }
  .vardiya-td{
    padding: .45rem .3rem;
    text-align: center;
    vertical-align: middle;
    border-bottom: 1px solid rgba(15, 23, 42, .05);
  }
  .vardiya-satir:last-child .vardiya-td,
  .vardiya-satir:last-child .vardiya-ad-hucre{
    border-bottom: none;
  }
  .vardiya-satir:hover .vardiya-td,
  .vardiya-satir:hover .vardiya-ad-hucre{
    background: rgba(255, 247, 237, .65);
  }
  .vardiya-satir--ben .vardiya-td,
  .vardiya-satir--ben .vardiya-ad-hucre{
    background: rgba(255, 237, 213, .45);
  }
  .vardiya-satir--ben{
    box-shadow: inset 3px 0 0 #d97706;
  }
  .vardiya-satir--ben .vardiya-ad{
    font-weight: 800;
    color: #78350f;
  }
  .vardiya-ad-wrap{
    display: flex;
    align-items: center;
    gap: .55rem;
    min-width: 0;
  }
  .vardiya-avatar{
    flex-shrink: 0;
    width: 2.15rem;
    height: 2.15rem;
    border-radius: 999px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-size: .78rem;
    font-weight: 800;
    box-shadow: 0 2px 6px rgba(180, 83, 9, .25);
    overflow: hidden;
    position: relative;
  }
  .vardiya-avatar img{
    position: absolute; inset: 0;
    width: 100%; height: 100%;
    object-fit: cover;
  }
  .vardiya-ad-metin{
    display: flex;
    flex-direction: column;
    min-width: 0;
    gap: .08rem;
  }
  .vardiya-ad{
    font-weight: 800;
    font-size: .82rem;
    color: #1c1917;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  .vardiya-ben-etiket{
    font-style: normal;
    font-size: .62rem;
    font-weight: 800;
    color: #b45309;
    text-transform: uppercase;
    letter-spacing: .04em;
  }
  .vardiya-unvan{
    font-size: .68rem;
    font-weight: 600;
    color: #a8a29e;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  .vardiya-mod-badge{
    align-self: flex-start;
    font-size: .58rem;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: .05em;
    color: #92400e;
    background: rgba(217, 119, 6, .1);
    border: 1px solid rgba(217, 119, 6, .2);
    padding: .12rem .4rem;
    border-radius: 999px;
  }
  .vardiya-chip-stack{
    display: flex;
    flex-direction: column;
    gap: .2rem;
    align-items: center;
  }
  .vardiya-chip{
    display: inline-block;
    font-size: .7rem;
    font-weight: 750;
    font-variant-numeric: tabular-nums;
    color: #78350f;
    background: linear-gradient(180deg, #fff 0%, #fff7ed 100%);
    border: 1px solid rgba(201, 138, 75, .28);
    border-radius: 999px;
    padding: .22rem .5rem;
    white-space: nowrap;
    box-shadow: 0 1px 3px rgba(201, 138, 75, .1);
  }
  .vardiya-satir--ben .vardiya-chip{
    border-color: rgba(180, 83, 9, .4);
    background: linear-gradient(180deg, #fffbeb 0%, #ffedd5 100%);
    color: #9a3412;
  }
  .vardiya-off{
    display: inline-block;
    font-size: .68rem;
    font-weight: 800;
    color: #57534e;
    letter-spacing: .03em;
    background: #f5f5f4;
    border: 1px solid rgba(15, 23, 42, .12);
    border-radius: 999px;
    padding: .2rem .48rem;
  }
  html.theme-dark .vardiya-off,
  html.theme-mythos .vardiya-off{
    color: #cbd5e1;
    background: rgba(255,255,255,.06);
    border-color: rgba(255,255,255,.12);
  }
  .vardiya-off--izin{
    color: #b45309;
    font-weight: 800;
    background: rgba(245, 158, 11, .12);
    border: 1px solid rgba(245, 158, 11, .28);
    border-radius: 999px;
    padding: .2rem .45rem;
    display: inline-block;
  }
  .vardiya-td--izin{
    background: rgba(245, 158, 11, .06);
  }
  .vardiya-chip--izin{
    border-color: rgba(245, 158, 11, .4) !important;
    background: rgba(255, 247, 237, .95) !important;
    color: #9a3412 !important;
    font-size: .65rem;
  }
  .vardiya-bos{
    padding: 1.5rem 1rem;
    text-align: center;
    font-size: .84rem;
    font-weight: 650;
    color: #a8a29e;
  }
  /* Drawer editor — artisan */
  .pvd-shell{
    padding: .7rem .75rem .8rem;
    border-radius: 14px;
    border: 1px solid rgba(201, 138, 75, .16);
    background: linear-gradient(165deg, #fff 0%, #fffefb 100%);
    box-shadow: 0 2px 10px rgba(201, 138, 75, .06);
  }
  .pd-panel-alt.pvd-not--ozel{ color: #b45309; font-weight: 650; }
  .pd-panel-alt.pvd-not--taslak{ color: #78716c; }
  .pvd-yukleniyor{
    margin: 0;
    padding: .85rem .5rem;
    text-align: center;
    font-size: .74rem;
    font-weight: 600;
    color: #78716c;
  }
  .pvd-salon-don{
    display: flex;
    align-items: center;
    justify-content: center;
    gap: .4rem;
    width: 100%;
    margin-top: .7rem;
    padding: .5rem .75rem;
    border-radius: 10px;
    border: 1px dashed rgba(201, 138, 75, .35);
    background: rgba(255, 247, 237, .45);
    color: #92400e;
    font-size: .74rem;
    font-weight: 750;
    cursor: pointer;
    font-family: inherit;
    transition: background .15s, border-color .15s, box-shadow .15s;
  }
  .pvd-salon-don svg{ width: .9rem; height: .9rem; flex-shrink: 0; }
  .pvd-salon-don:hover{
    background: #fff7ed;
    border-color: rgba(180, 83, 9, .45);
    border-style: solid;
    box-shadow: 0 2px 8px rgba(201, 138, 75, .1);
  }
  .vardiya-edit-liste{ display: flex; flex-direction: column; gap: .5rem; }
  .vardiya-edit-gun{
    border: 1px solid rgba(201, 138, 75, .12);
    border-radius: 12px;
    padding: .6rem .7rem;
    background: rgba(255, 247, 237, .28);
    transition: border-color .15s, background .15s, box-shadow .15s;
  }
  .vardiya-edit-gun.is-acik{
    background: linear-gradient(165deg, #fff 0%, #fffefb 100%);
    border-color: rgba(217, 119, 6, .3);
    box-shadow: 0 2px 10px rgba(217, 119, 6, .08);
  }
  .vardiya-edit-gun-head{
    display: flex; align-items: center; justify-content: space-between; gap: .5rem;
  }
  .vardiya-edit-toggle{
    display: flex; align-items: center; gap: .45rem; cursor: pointer; margin: 0; min-width: 0;
  }
  .vardiya-edit-toggle input{
    accent-color: #d97706;
    width: 1.05rem;
    height: 1.05rem;
    flex-shrink: 0;
  }
  .vardiya-edit-gun-ad{
    font-size: .84rem;
    font-weight: 800;
    color: #1c1917;
    letter-spacing: -.01em;
  }
  .vardiya-edit-durum{
    font-size: .58rem;
    font-weight: 800;
    letter-spacing: .04em;
    text-transform: uppercase;
    padding: .12rem .4rem;
    border-radius: 6px;
    background: rgba(120, 113, 108, .1);
    color: #78716c;
    flex-shrink: 0;
  }
  .vardiya-edit-gun.is-acik .vardiya-edit-durum{
    background: rgba(217, 119, 6, .14);
    color: #b45309;
  }
  .vardiya-edit-gun-body{ margin-top: .5rem; display: flex; flex-direction: column; gap: .4rem; }
  .vardiya-edit-blok{
    display: flex;
    align-items: center;
    gap: .4rem;
    padding: .35rem .45rem;
    border-radius: 10px;
    border: 1px solid rgba(201, 138, 75, .16);
    background: linear-gradient(180deg, #fff7ed 0%, #fff 100%);
  }
  .vardiya-edit-saat{
    width: 4.6rem;
    padding: .38rem .4rem;
    font-size: .82rem;
    font-weight: 750;
    text-align: center;
    border-radius: 8px;
  }
  .vardiya-edit-ayrac{ color: #b45309; font-weight: 800; font-size: .78rem; }
  .vardiya-edit-sil{
    border: 0; background: transparent; color: #a8a29e; cursor: pointer;
    font-size: 1.1rem; line-height: 1; padding: .15rem .35rem; border-radius: .4rem;
    margin-left: auto;
  }
  .vardiya-edit-sil:hover{ color: #e11d48; background: rgba(225,29,72,.08); }
  .vardiya-edit-ekle{
    display: inline-flex;
    align-items: center;
    flex-shrink: 0;
    padding: .32rem .55rem;
    border-radius: 8px;
    border: 1px solid rgba(201, 138, 75, .3);
    background: linear-gradient(135deg, #fff7ed, #ffedd5);
    color: #92400e;
    font-size: .68rem;
    font-weight: 800;
    cursor: pointer;
    font-family: inherit;
    transition: box-shadow .15s, border-color .15s;
  }
  .vardiya-edit-ekle:hover{
    border-color: rgba(180, 83, 9, .45);
    box-shadow: 0 2px 8px rgba(201, 138, 75, .14);
  }
  .vardiya-edit-kapali-yazi{
    margin: 0;
    font-size: .72rem;
    font-weight: 600;
    color: #a8a29e;
    padding: .15rem 0;
  }
  html.theme-rose .vardiya-board-kart,
  html.theme-rose .vardiya-board-govde--sekme{
    border: 1px solid rgba(15,23,42,.14) !important;
    background: #ffffff !important;
    box-shadow: 0 1px 2px rgba(15,23,42,.05), 0 6px 18px rgba(15,23,42,.06) !important;
  }
  html.theme-rose .vardiya-board-eyebrow{ color: var(--rv-text-3); }
  html.theme-rose .vardiya-board-baslik{ color: #500724; }
  html.theme-rose .vardiya-th,
  html.theme-rose .vardiya-th--ad{
    background: #faf7f8 !important;
    color: var(--rv-text-2) !important;
    border-bottom: 1px solid rgba(15,23,42,.1) !important;
  }
  html.theme-rose .vardiya-tablo-scroll{ border-color: rgba(15,23,42,.12) !important; }
  html.theme-rose .vardiya-chip{
    color: #500724;
    border-color: rgba(15,23,42,.14);
    background: #fff;
  }
  html.theme-dark .vardiya-board-kart,
  html.theme-mythos .vardiya-board-kart,
  html.theme-dark .vardiya-board-govde--sekme,
  html.theme-mythos .vardiya-board-govde--sekme{
    background: linear-gradient(165deg, rgba(26,36,56,.98) 0%, rgba(20,28,46,.98) 100%);
    border-color: rgba(251, 191, 36, .18);
    box-shadow: 0 8px 28px rgba(0,0,0,.35);
  }
  html.theme-dark .vardiya-board-head,
  html.theme-mythos .vardiya-board-head{
    border-bottom-color: rgba(255,255,255,.08);
  }
  html.theme-dark .vardiya-board-eyebrow,
  html.theme-mythos .vardiya-board-eyebrow{ color: #fbbf24; }
  html.theme-dark .vardiya-board-baslik,
  html.theme-mythos .vardiya-board-baslik,
  html.theme-dark .vardiya-sekme-baslik,
  html.theme-mythos .vardiya-sekme-baslik,
  html.theme-dark .vardiya-ad,
  html.theme-mythos .vardiya-ad,
  html.theme-dark .vardiya-edit-gun-ad,
  html.theme-mythos .vardiya-edit-gun-ad{
    color: var(--rv-text, #f2f4fb);
  }
  html.theme-dark .vardiya-board-alt,
  html.theme-mythos .vardiya-board-alt{ color: #94a3b8; }
  html.theme-dark .vardiya-hafta-aralik,
  html.theme-mythos .vardiya-hafta-aralik{
    background: transparent;
    border: none;
    color: #94a3b8;
  }
  html.theme-dark .vardiya-hafta-tarih,
  html.theme-mythos .vardiya-hafta-tarih{ color: #e2e8f0; }
  html.theme-dark .vardiya-hafta-not,
  html.theme-mythos .vardiya-hafta-not{ color: #fbbf24; }
  html.theme-dark .vardiya-tablo-scroll,
  html.theme-mythos .vardiya-tablo-scroll{
    background: rgba(0,0,0,.15);
    border-color: rgba(255,255,255,.08);
  }
  html.theme-dark .vardiya-th,
  html.theme-mythos .vardiya-th,
  html.theme-dark .vardiya-th--ad,
  html.theme-mythos .vardiya-th--ad{
    background: linear-gradient(180deg, rgba(251,191,36,.12) 0%, rgba(20,28,46,.98) 100%);
    color: #fbbf24;
    border-bottom-color: rgba(251, 191, 36, .2);
  }
  html.theme-dark .vardiya-ad-hucre,
  html.theme-mythos .vardiya-ad-hucre{
    background: rgba(20,28,46,.98);
    border-right-color: rgba(255,255,255,.08);
  }