/* CYU V1482 — Siyah-altın kurumsal tema (yalnız görünüm).
   index.html içindeki 17 <style> bloğundan SONRA yüklenir. Hiçbir id, onclick, yetki,
   vardiya, prim veya kayıt mantığına dokunmaz. Eski satır içi stiller ve JS'in sonradan
   eklediği stiller (#cyuShiftPdfOverlayCss, #cyuShiftAuditCss) "html body ..." önekiyle
   ezilir. `display` yalnız yeni öğelerde ve açıkça belirtilen yerleşim düzeltmelerinde
   değiştirilir; .access-hidden / [hidden] / v135-hide gizlemeleri korunur. */

/* ============ 1. Tokenlar ============ */
:root{
  --cyu-bg:#080808;
  --cyu-card:#141414;
  --cyu-card2:#1C1C1C;
  --cyu-card3:#242424;
  --cyu-field:#0F0F0F;
  --cyu-gold:#D6A629;
  --cyu-gold-light:#F5CC62;
  --cyu-gold-dim:rgba(214,166,41,.14);
  --cyu-on-gold:#0A0A0A;
  --cyu-text:#FFFFFF;
  --cyu-text2:#E6E6E6;
  --cyu-muted:#A6A6A6;
  --cyu-border:rgba(214,166,41,.25);
  --cyu-border-soft:rgba(255,255,255,.08);
  --cyu-border-field:rgba(255,255,255,.16);
  --cyu-ok:#34D399;
  --cyu-ok-bg:rgba(52,211,153,.12);
  --cyu-ok-line:rgba(52,211,153,.40);
  --cyu-bad:#F87171;
  --cyu-bad-bg:rgba(248,113,113,.12);
  --cyu-bad-line:rgba(248,113,113,.45);
  --cyu-warn:#FF9F43;
  --cyu-warn-bg:rgba(255,159,67,.12);
  --cyu-warn-line:rgba(255,159,67,.45);
  --cyu-info:#7DB4FF;
  --cyu-radius:14px;
  --cyu-radius-sm:10px;
  --cyu-shadow:0 1px 0 rgba(255,255,255,.03) inset,0 8px 24px rgba(0,0,0,.35);
  --cyu-font:"Segoe UI",system-ui,-apple-system,Roboto,Arial,sans-serif;
  --cyu-bottom-nav-h:64px;

  /* Eski değişkenler → tokenlar. "navy" eski temada hem zemin hem başlık/rakam rengiydi;
     metin kullanımları altına, zemin kullanımları aşağıda ayrıca ezilir. */
  --navy:var(--cyu-gold); --navy2:var(--cyu-card2);
  --gold:var(--cyu-gold); --gold2:var(--cyu-gold-light);
  --ink:var(--cyu-text); --muted:var(--cyu-muted);
  --bg:var(--cyu-bg); --paper:var(--cyu-card); --card:var(--cyu-card);
  --line:var(--cyu-border); --soft:var(--cyu-card2);
  --blue:var(--cyu-gold-light); --danger:var(--cyu-bad);
  --nav:var(--cyu-card); --nav2:var(--cyu-card2);
  --cyu-navy:var(--cyu-gold); --cyu-navy2:var(--cyu-card2);
  --cyu-gold2:var(--cyu-gold-light);
  --cyu-cream:var(--cyu-bg); --cyu-paper:var(--cyu-card);
  --cyu-line:var(--cyu-border); --cyu-ink:var(--cyu-text);
  --cyu-blue:var(--cyu-gold-light);
  color-scheme:dark;
}
html body #schedule.cyu-week-skin{
  --board:var(--cyu-bg); --panel:var(--cyu-card); --cell:var(--cyu-card2);
  --line:var(--cyu-border-soft); --text:var(--cyu-text); --muted:var(--cyu-muted);
  --ok:var(--cyu-ok); --bad:var(--cyu-bad); --gold:var(--cyu-gold);
}

/* ============ 2. Temel ============ */
html{background:var(--cyu-bg)!important;color-scheme:dark}
html body,
html body.app-locked,
html body.cyu-on-schedule{
  background:var(--cyu-bg)!important;
  color:var(--cyu-text)!important;
  font-family:var(--cyu-font);
  font-size:15px;
  line-height:1.45;
  -webkit-text-size-adjust:100%;
  text-size-adjust:100%;
}
html body ::selection{background:rgba(214,166,41,.35);color:#fff}
html body a{color:var(--cyu-gold-light)}
html body main h1,html body main h2{color:var(--cyu-gold)!important}
html body main h3,html body main h4{color:var(--cyu-gold)!important}
html body main h5,html body main h6{color:var(--cyu-gold-light)!important}
html body label{color:var(--cyu-muted)!important;font-size:13px}
html body b,html body strong{color:inherit}
html body small{color:inherit}
html body code{background:var(--cyu-card2);color:var(--cyu-gold-light);padding:1px 5px;border-radius:6px}
html body hr{border:0;border-top:1px solid var(--cyu-border)}
html body .personal-only-note,
html body .control-muted,
html body .performance-score-help,
html body .user-card-small,
html body .chart-empty,
html body .empty-rule,
html body .hr-empty,
html body .performance-review-empty{color:var(--cyu-muted)!important}
html body .section-title::before,html body .section-title:before{background:var(--cyu-gold)!important}

/* Kaydırma çubukları: ince, altın */
html body *{scrollbar-color:rgba(214,166,41,.55) transparent;scrollbar-width:thin}
html body *::-webkit-scrollbar{width:8px;height:8px}
html body *::-webkit-scrollbar-track{background:transparent}
html body *::-webkit-scrollbar-thumb{background:rgba(214,166,41,.45);border-radius:99px}

/* ============ 3. Yüzeyler / kartlar ============ */
html body .card,
html body .kpi,
html body .dashboard-unit-card,
html body .dashboard-person-card,
html body .dashboard-manual-card,
html body .dashboard-day-card,
html body .dashboard-extra-card,
html body .person-card,
html body .user-card,
html body .performance-card,
html body .performance-panel,
html body .day,
html body .annual-leave-manager,
html body .v135-section,
html body .v135-kpi,
html body .hr-kpi,
html body .hr-toolbar,
html body .personal-welcome,
html body .rule-row,
html body .natural-preview,
html body .natural-rule-box,
html body .cyu-hour-card,
html body .cyu-audit-card,
html body .performance-review-item,
html body .simple-rule-row,
html body .active-rule-card,
html body .open-slot-row{
  background:var(--cyu-card)!important;
  color:var(--cyu-text)!important;
  border:1px solid var(--cyu-border)!important;
  border-radius:var(--cyu-radius)!important;
  box-shadow:var(--cyu-shadow)!important;
}
html body .card .card,
html body .cyu-chain-block,
html body .cyu-score-block,
html body .annual-leave-item,
html body .user-permission-grid label,
html body .manual-swap-item,
html body .open-slot-cand,
html body .cyu-audit-detail,
html body .cyu-staff-need-details,
html body .shift-hour-form,
html body .performance-notes,
html body .evening-idle-note,
html body .audit-item{
  background:var(--cyu-card2)!important;
  color:var(--cyu-text)!important;
  border-color:var(--cyu-border-soft)!important;
  box-shadow:none!important;
}
html body .user-permission-grid label{color:var(--cyu-text2)!important}
html body .user-permission-grid label:hover{border-color:var(--cyu-gold)!important;background:var(--cyu-card3)!important}
html body .card h2,html body .card h3,
html body .performance-panel-title,
html body .dashboard-card-title,
html body .v135-section h3{color:var(--cyu-gold)!important}
html body .card h3,html body .performance-panel-title{border-left-color:var(--cyu-gold)!important}
html body .cyu-staff-need-details summary{color:var(--cyu-gold-light)!important;min-height:40px;display:flex;align-items:center}

/* Bilgi kutusu */
html body .note{
  background:var(--cyu-card2)!important;
  border:1px solid var(--cyu-border-soft)!important;
  border-left:3px solid var(--cyu-gold)!important;
  color:var(--cyu-text2)!important;
  border-radius:var(--cyu-radius-sm)!important;
}
html body .note b{color:var(--cyu-gold-light)}

/* Rozet / hap */
html body .badge,
html body .rule-badge,
html body .np-chip,
html body .hr-pill,
html body .person-card-status,
html body .person-card-tags span,
html body .cyu-ticket-head span,
html body .dashboard-person-names span,
html body .dashboard-manual-names span,
html body .lock-badge{
  background:var(--cyu-gold-dim)!important;
  color:var(--cyu-gold-light)!important;
  border:1px solid var(--cyu-border)!important;
  border-radius:999px!important;
}

/* ============ 4. Düğmeler ============ */
html body button,
html body .v135-hesabim-btn,
html body label.account-photo-btn,
html body .logo-upload-label{
  background:var(--cyu-card2)!important;
  color:var(--cyu-text)!important;
  -webkit-text-fill-color:currentColor!important;
  border:1px solid rgba(214,166,41,.45)!important;
  border-radius:var(--cyu-radius-sm)!important;
  font-weight:600;
  box-shadow:none!important;
  text-shadow:none!important;
  transform:none!important;
  cursor:pointer;
}
html body button:hover,
html body .v135-hesabim-btn:hover{background:var(--cyu-card3)!important;border-color:var(--cyu-gold)!important;color:#fff!important}
html body button:focus-visible{outline:2px solid var(--cyu-gold-light)!important;outline-offset:2px}
html body button:disabled,html body button[disabled]{opacity:.5!important;cursor:not-allowed}
html body button.on,
html body button.active{
  background:var(--cyu-gold-dim)!important;
  border-color:var(--cyu-gold)!important;
  color:var(--cyu-gold-light)!important;
}
/* Birincil: altın zemin, siyah yazı */
html body button.primary,
html body button[type="submit"],
html body .login-button,
html body .hr-primary,
html body label.account-photo-btn,
html body label.account-photo-btn.primary,
html body #cyuShiftPdfOverlay .cyu-pdf-actions button.primary,
html body .cyu-pdf-actions button.primary{
  background:var(--cyu-gold)!important;
  color:var(--cyu-on-gold)!important;
  -webkit-text-fill-color:var(--cyu-on-gold)!important;
  border:1px solid var(--cyu-gold)!important;
  font-weight:700!important;
}
html body button.primary:hover,
html body button[type="submit"]:hover,
html body .login-button:hover,
html body .hr-primary:hover,
html body label.account-photo-btn:hover{background:var(--cyu-gold-light)!important;border-color:var(--cyu-gold-light)!important;color:var(--cyu-on-gold)!important}
/* Tehlikeli işlem: koyu zemin, kırmızı çerçeve (yalnız görünüm; onclick seçicisi davranışı değiştirmez) */
html body .danger-btn,
html body button[onclick^="rejectLeave"],
html body button[onclick^="deleteLeave"],
html body button[onclick^="rejectRequest"],
html body button[onclick^="removeLeave"],
html body button[onclick^="removeLoginLogo"]{
  background:transparent!important;
  color:var(--cyu-bad)!important;
  -webkit-text-fill-color:var(--cyu-bad)!important;
  border:1px solid var(--cyu-bad-line)!important;
}
html body .danger-btn:hover,
html body button[onclick^="rejectLeave"]:hover,
html body button[onclick^="deleteLeave"]:hover{background:var(--cyu-bad-bg)!important}
html body button[onclick^="approveLeave"],
html body button[onclick^="approveRequest"]{
  background:transparent!important;
  color:var(--cyu-ok)!important;
  -webkit-text-fill-color:var(--cyu-ok)!important;
  border:1px solid var(--cyu-ok-line)!important;
}
html body button[onclick^="approveLeave"]:hover{background:var(--cyu-ok-bg)!important}
html body .cyu-link{background:none!important;border:0!important;color:var(--cyu-gold-light)!important;-webkit-text-fill-color:var(--cyu-gold-light)!important;padding:0!important;min-height:0!important;text-decoration:underline}
html body .logo-upload-label{border-style:dashed!important;color:var(--cyu-gold-light)!important}

/* ============ 5. Form alanları ============ */
html body input:not([type="checkbox"]):not([type="radio"]):not([type="file"]):not([type="range"]):not([type="color"]):not([type="hidden"]),
html body select,
html body textarea{
  background:var(--cyu-field)!important;
  color:var(--cyu-text)!important;
  -webkit-text-fill-color:var(--cyu-text)!important;
  border:1px solid var(--cyu-border-field)!important;
  border-radius:var(--cyu-radius-sm)!important;
  box-shadow:none!important;
  font-size:15px;
  color-scheme:dark;
}
html body input:not([type="checkbox"]):not([type="radio"]):focus,
html body select:focus,
html body textarea:focus{
  outline:none!important;
  border-color:var(--cyu-gold)!important;
  box-shadow:0 0 0 3px rgba(214,166,41,.20)!important;
}
html body input[readonly],html body input:disabled,html body select:disabled,html body textarea:disabled{opacity:.7}
html body input::placeholder,html body textarea::placeholder{color:#7C7C7C!important;-webkit-text-fill-color:#7C7C7C!important;opacity:1}
html body select option,html body select optgroup{background:var(--cyu-card);color:var(--cyu-text)}
html body input[type="checkbox"],html body input[type="radio"]{accent-color:var(--cyu-gold);width:18px;height:18px;min-height:0!important}
html body input[type="date"]::-webkit-calendar-picker-indicator{filter:invert(.75) sepia(1) saturate(4) hue-rotate(5deg)}
html body #manualPersonnel,
html body #manualPersonSelect,
html body select[multiple]{max-width:100%!important}

/* ============ 6. Tablolar ============ */
html body table{
  background:transparent!important;
  color:var(--cyu-text)!important;
  border:1px solid var(--cyu-border)!important;
  border-radius:12px;
  border-collapse:separate;
  border-spacing:0;
}
html body th{
  background:var(--cyu-card2)!important;
  color:var(--cyu-gold)!important;
  font-weight:700!important;
  border-bottom:1px solid rgba(214,166,41,.35)!important;
}
html body td{
  background:var(--cyu-card)!important;
  color:var(--cyu-text)!important;
  border-bottom:1px solid var(--cyu-border-soft)!important;
}
html body tbody tr:nth-child(even) > td{background:var(--cyu-card2)!important}
html body tr:hover > td{background:#262626!important}
html body td small,html body .hr-meta{color:var(--cyu-muted)!important}
html body .hr-table-wrap{background:var(--cyu-card)!important;border:1px solid var(--cyu-border)!important;border-radius:var(--cyu-radius)!important}
html body .hr-table{border:0!important}
html body .hr-table th{color:var(--cyu-gold)!important;background:var(--cyu-card2)!important}
html body .hr-table tr.person-card{background:transparent!important;border:0!important;box-shadow:none!important;border-radius:0!important}
html body .hr-table tr.person-card:hover td{background:#262626!important}
html body .hr-name{color:var(--cyu-gold-light)!important}
html body .hr-balance{color:var(--cyu-text)}

/* Geniş tabloların kendi içinde kaydığını gösteren ipucu (cyu-nav.js işaretler) */
html body [data-cyu-xscroll]{overflow-x:auto!important;-webkit-overflow-scrolling:touch;max-width:100%}
html body [data-cyu-overflow="1"]::before{
  content:"↔ Tümünü görmek için yana kaydırın";
  position:sticky;left:0;display:block;width:max-content;max-width:calc(100vw - 48px);
  margin:0 0 6px;padding:4px 10px;border-radius:999px;
  font-size:12px;font-weight:600;color:var(--cyu-gold-light);
  background:var(--cyu-gold-dim);border:1px solid var(--cyu-border);z-index:3;
}

/* ============ 7. Gezinme: üst çubuk, kenar menü, menü düğmesi ============ */
html body .v135-topbar{
  background:rgba(8,8,8,.94)!important;
  border-bottom:1px solid var(--cyu-border)!important;
  box-shadow:0 6px 18px rgba(0,0,0,.45)!important;
  color:var(--cyu-text)!important;
}
html body .v135-user{
  background:var(--cyu-card)!important;color:var(--cyu-text)!important;
  border:1px solid var(--cyu-border)!important;
  max-width:46vw;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;
  min-height:40px;line-height:20px;box-sizing:border-box;
}
html body .v135-hesabim-btn{color:var(--cyu-gold-light)!important;border-radius:999px!important}
html body .v135-topbar .cyu-comm-bell{
  background:var(--cyu-card)!important;color:var(--cyu-gold)!important;-webkit-text-fill-color:var(--cyu-gold)!important;
  border:1px solid var(--cyu-border)!important;box-shadow:none!important;min-height:44px!important;min-width:44px!important;
}
html body .v135-topbar .cyu-comm-bell:hover{border-color:var(--cyu-gold)!important;background:var(--cyu-card2)!important}
html body .cyu-comm-bell span{background:var(--cyu-gold)!important;color:var(--cyu-on-gold)!important;-webkit-text-fill-color:var(--cyu-on-gold)!important;font-weight:800}
html body .v135-hamb{
  background:var(--cyu-card)!important;color:var(--cyu-gold)!important;-webkit-text-fill-color:var(--cyu-gold)!important;
  border:1px solid var(--cyu-border)!important;box-shadow:none!important;
  min-width:44px;min-height:44px;font-size:20px;line-height:1;
}
html body .v135-sidebar{
  background:#0B0B0B!important;
  border-right:1px solid var(--cyu-border)!important;
  box-shadow:12px 0 30px rgba(0,0,0,.55)!important;
  color:var(--cyu-text)!important;
}
html body .v135-brand{border-bottom:1px solid var(--cyu-border)!important}
html body .v135-brand b{color:var(--cyu-gold)!important;letter-spacing:.04em}
html body .v135-brand span{color:var(--cyu-muted)!important}
html body .v135-logo{background:transparent!important;border:1px solid var(--cyu-border);width:44px!important;height:44px!important}
html body .v135-menu-title{color:var(--cyu-gold)!important;opacity:.85;font-weight:700}
html body .v135-nav button{
  background:transparent!important;color:#D9D9D9!important;-webkit-text-fill-color:#D9D9D9!important;
  border:0!important;min-height:44px;font-size:14px!important;
}
html body .v135-nav button:hover{background:var(--cyu-card2)!important;color:#fff!important;-webkit-text-fill-color:#fff!important}
html body .v135-nav button.active{
  background:var(--cyu-gold-dim)!important;color:var(--cyu-gold-light)!important;-webkit-text-fill-color:var(--cyu-gold-light)!important;
  box-shadow:inset 3px 0 0 var(--cyu-gold)!important;
}
html body .v135-side-bottom{border-top:1px solid var(--cyu-border)!important;background:#0B0B0B}
html body #v135Logout{
  background:transparent!important;color:var(--cyu-bad)!important;-webkit-text-fill-color:var(--cyu-bad)!important;
  border:1px solid var(--cyu-bad-line)!important;min-height:44px;
}
html body .v135-backdrop{background:rgba(0,0,0,.6)!important}
html body .v135-page-head p{color:var(--cyu-muted)!important}
html body .v135-kpi b{color:var(--cyu-gold)!important}
html body .v135-kpi span{color:var(--cyu-muted)!important}

/* Bildirim açılır kutusu */
html body .cyu-comm-drop{
  background:var(--cyu-card)!important;border:1px solid var(--cyu-border)!important;
  box-shadow:0 18px 40px rgba(0,0,0,.6)!important;color:var(--cyu-text)!important;
  max-width:calc(100vw - 16px)!important;
}
html body .cyu-notif{background:var(--cyu-card2)!important;color:var(--cyu-text)!important;border:1px solid transparent!important;min-height:44px}
html body .cyu-notif.unread{background:var(--cyu-gold-dim)!important;border-color:var(--cyu-border)!important}
html body .cyu-notif b{color:var(--cyu-gold-light)}
html body .cyu-notif small{color:var(--cyu-muted)!important}

/* Altın logo (dosya yüklenince cyu-nav.js html'e .cyu-has-gold-logo ekler; özel yüklenen logo etkilenmez) */
html.cyu-has-gold-logo body #loginLogoWrap img[src$="canikli-yusuf-usta-logo.png"],
html.cyu-has-gold-logo body .v135-logo[src$="canikli-yusuf-usta-logo.png"],
html.cyu-has-gold-logo body .header-brand-logo[src$="canikli-yusuf-usta-logo.png"]{
  object-position:-99999px 0!important;
  background:url("assets/cyu-logo-gold-seffaf.png?v=1482t2") center/contain no-repeat!important;
  color:transparent;font-size:0;
}

/* ============ 8. Giriş ekranı ============ */
html body .login-screen{
  background:radial-gradient(ellipse at 50% 0%,rgba(214,166,41,.10),transparent 55%),var(--cyu-bg)!important;
  overflow-y:auto;padding:16px;
}
html body .login-card{
  background:var(--cyu-card)!important;
  border:1px solid var(--cyu-border)!important;
  box-shadow:0 24px 60px rgba(0,0,0,.6)!important;
  color:var(--cyu-text)!important;
  max-height:calc(100dvh - 32px);overflow-y:auto;
}
html body .login-brand{color:var(--cyu-gold)!important;letter-spacing:.08em}
html body .login-subtitle{color:var(--cyu-muted)!important}
html body .login-logo-placeholder{
  background:transparent!important;border:0!important;box-shadow:none!important;
  width:132px!important;height:132px!important;
}
html body .login-card label{color:var(--cyu-text2)!important;font-size:14px}
html body .login-card input:not([type="checkbox"]){min-height:46px;font-size:16px!important}
html body .login-remember{color:var(--cyu-text2)!important}
html body .login-button{min-height:48px;font-size:16px;letter-spacing:.02em}
html body .login-error{color:var(--cyu-bad)!important;font-size:13px}
html body .login-note{background:var(--cyu-card2)!important;color:var(--cyu-muted)!important}

/* ============ 9. Ana sayfa (dashboard) ============ */
html body .dashboard-kpi{
  position:relative;
  background:var(--cyu-card)!important;
  border:1px solid var(--cyu-border)!important;
  border-top:1px solid var(--cyu-border)!important;
  border-radius:var(--cyu-radius)!important;
  box-shadow:var(--cyu-shadow)!important;
  color:var(--cyu-text)!important;
  padding-right:48px;
}
html body .dashboard-kpi b{color:var(--cyu-gold)!important;font-size:30px}
html body .dashboard-kpi span{color:var(--cyu-muted)!important;font-size:13px}
html body button.dashboard-kpi{text-align:left;color:var(--cyu-text)!important}
html body .dashboard-kpi::before{
  content:"";position:absolute;top:14px;right:14px;width:24px;height:24px;
  background:var(--cyu-gold);
  -webkit-mask:var(--cyu-kpi-icon) center/contain no-repeat;mask:var(--cyu-kpi-icon) center/contain no-repeat;
}
html body .dashboard-kpi{--cyu-kpi-icon:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'><path d='M3 3v18h18'/><path d='M7 15l4-4 3 3 5-6'/></svg>")}
html body .dashboard-kpi-total{--cyu-kpi-icon:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'><path d='M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2'/><circle cx='9' cy='7' r='4'/><path d='M23 21v-2a4 4 0 0 0-3-3.87'/><path d='M16 3.13a4 4 0 0 1 0 7.75'/></svg>")}
html body .dashboard-kpi-ok{--cyu-kpi-icon:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'><path d='M16 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2'/><circle cx='8.5' cy='7' r='4'/><polyline points='17 11 19 13 23 9'/></svg>")}
html body .dashboard-kpi-annual{--cyu-kpi-icon:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'><rect x='3' y='4' width='18' height='18' rx='2'/><line x1='16' y1='2' x2='16' y2='6'/><line x1='8' y1='2' x2='8' y2='6'/><line x1='3' y1='10' x2='21' y2='10'/></svg>")}
html body .dashboard-kpi-weekly{--cyu-kpi-icon:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'><circle cx='12' cy='12' r='9'/><polyline points='12 7 12 12 15.5 14'/></svg>")}
html body .dashboard-kpi-absence{--cyu-kpi-icon:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'><rect x='3' y='3' width='18' height='18' rx='3'/><line x1='12' y1='8' x2='12' y2='16'/><line x1='8' y1='12' x2='16' y2='12'/></svg>")}
html body .dashboard-extra-card h3{color:var(--cyu-gold)!important;font-size:13px!important;letter-spacing:.06em}
html body .dashboard-online-num{color:var(--cyu-gold)!important}
html body .dashboard-online-num b{color:var(--cyu-gold)!important}
html body .dashboard-online-num small{color:var(--cyu-muted)!important}
html body .dashboard-top5 li{border-bottom:1px solid var(--cyu-border-soft)!important;color:var(--cyu-text)}
html body .dashboard-poll-q{color:var(--cyu-text2)!important}
html body .dashboard-poll-tally{color:var(--cyu-muted)!important}
html body .dashboard-poll-btns button{min-height:40px}
html body .dashboard-progress{background:var(--cyu-card3)!important}
html body .dashboard-progress i{background:linear-gradient(90deg,#B8891E,var(--cyu-gold-light))!important}
html body .dashboard-unit-main b,html body .dashboard-day-number,html body .dashboard-person-count{color:var(--cyu-gold)!important}
html body .dashboard-unit-main span,html body .dashboard-date,html body .dashboard-day-off{color:var(--cyu-muted)!important}
html body .dashboard-mini-row span{background:var(--cyu-card2)!important;color:var(--cyu-text2)}
html body .dashboard-unit-row{border-bottom-color:var(--cyu-border-soft)!important}

/* ============ 10. Vardiya haftalık panosu ============ */
html body #schedule.cyu-week-skin{color:var(--cyu-text)!important}
html body #schedule.cyu-week-skin .cyu-board-shell{
  background:var(--cyu-card)!important;border:1px solid var(--cyu-border)!important;box-shadow:var(--cyu-shadow)!important;
}
html body #schedule.cyu-week-skin .cyu-board-mark{
  background:var(--cyu-bg)!important;color:var(--cyu-gold)!important;border:1px solid var(--cyu-gold)!important;
}
html body #schedule.cyu-week-skin .cyu-board-kicker{color:var(--cyu-gold)!important}
html body #schedule.cyu-week-skin .cyu-board-tag{color:var(--cyu-muted)!important}
html body #schedule.cyu-week-skin .cyu-board-titleblock h2{color:var(--cyu-gold)!important}
html body #schedule.cyu-week-skin .cyu-board-meta{color:var(--cyu-muted)!important}
html body #schedule.cyu-week-skin .cyu-board-meta b{color:var(--cyu-text)!important}
html body #schedule.cyu-week-skin .cyu-tool{
  background:var(--cyu-card2)!important;color:var(--cyu-text)!important;-webkit-text-fill-color:var(--cyu-text)!important;
  border:1px solid rgba(214,166,41,.45)!important;min-height:40px;
}
html body #schedule.cyu-week-skin .cyu-tool:hover{border-color:var(--cyu-gold)!important;background:var(--cyu-card3)!important}
html body #schedule.cyu-week-skin .cyu-tool-now,
html body #schedule.cyu-week-skin .cyu-tool-pdf{
  background:var(--cyu-gold)!important;border-color:var(--cyu-gold)!important;
  color:var(--cyu-on-gold)!important;-webkit-text-fill-color:var(--cyu-on-gold)!important;font-weight:700!important;
}
html body #schedule.cyu-week-skin .cyu-board-filters{background:var(--cyu-card2)!important;border:1px solid var(--cyu-border-soft)!important}
html body #schedule.cyu-week-skin .cyu-board-filters label{color:var(--cyu-muted)!important}
/* Bilgi kartları: koyu grafit zemin + renkli üst kenar ile tür ayrımı korunur */
html body #schedule.cyu-week-skin .cyu-info-card{
  background:var(--cyu-card2)!important;border:1px solid var(--cyu-border-soft)!important;border-top-width:3px!important;font-size:12px!important;
}
html body #schedule.cyu-week-skin .cyu-info-blue{border-top-color:#7DB4FF!important}
html body #schedule.cyu-week-skin .cyu-info-purple{border-top-color:#C4A5FF!important}
html body #schedule.cyu-week-skin .cyu-info-green{border-top-color:var(--cyu-ok)!important}
html body #schedule.cyu-week-skin .cyu-info-orange{border-top-color:var(--cyu-warn)!important}
html body #schedule.cyu-week-skin .cyu-info-card,
html body #schedule.cyu-week-skin .cyu-info-card *{color:var(--cyu-text2)!important}
html body #schedule.cyu-week-skin .cyu-info-card-h,
html body #schedule.cyu-week-skin .cyu-info-card-h *{color:var(--cyu-gold)!important}
html body #schedule.cyu-week-skin .cyu-info-card #weeklyLeaveList small{font-size:11px!important;color:var(--cyu-muted)!important}
html body #schedule.cyu-week-skin #grid.grid{background:var(--cyu-bg)!important;border:1px solid var(--cyu-border)!important}
html body #schedule.cyu-week-skin .cyu-week-head{
  background:var(--cyu-card2)!important;border:1px solid var(--cyu-border)!important;color:var(--cyu-gold)!important;
}
html body #schedule.cyu-week-skin .cyu-week-head small{color:var(--cyu-muted)!important}
html body #schedule.cyu-week-skin .cyu-time-col{
  background:var(--cyu-card2)!important;color:var(--cyu-gold)!important;border:1px solid var(--cyu-border-soft);
  position:sticky;left:0;z-index:2;
  box-shadow:-10px 0 0 0 var(--cyu-bg),8px 0 10px -6px rgba(0,0,0,.85);
}
html body #schedule.cyu-week-skin .cyu-time-col b{color:var(--cyu-gold)!important}
html body #schedule.cyu-week-skin .cyu-time-col span{color:var(--cyu-muted)!important}
html body #schedule.cyu-week-skin .cyu-cell{background:var(--cyu-card)!important;border:1px solid var(--cyu-border-soft)!important}
html body #schedule.cyu-week-skin .cyu-cell.ok{box-shadow:inset 3px 0 0 var(--cyu-ok)!important}
html body #schedule.cyu-week-skin .cyu-cell.bad{background:#1E0F0F!important;border-color:var(--cyu-bad-line)!important;box-shadow:inset 3px 0 0 var(--cyu-bad)!important}
html body #schedule.cyu-week-skin .shift-slot{background:var(--cyu-card2)!important;border:1px solid var(--cyu-border-soft)!important}
html body #schedule.cyu-week-skin .shift-slot:before{background:var(--cyu-ok)!important}
html body #schedule.cyu-week-skin .shift-slot.missing{background:var(--cyu-bad-bg)!important;border-color:var(--cyu-bad-line)!important}
html body #schedule.cyu-week-skin .shift-slot.missing:before{background:var(--cyu-bad)!important}
html body #schedule.cyu-week-skin .shift-slot.editable:hover{border-color:var(--cyu-gold)!important;background:var(--cyu-gold-dim)!important}
html body #schedule.cyu-week-skin .shift-slot-name{color:var(--cyu-text)!important}
html body #schedule.cyu-week-skin .shift-slot.empty .shift-slot-name{color:#FCA5A5!important}
html body #schedule.cyu-week-skin .shift-staff-meta{color:var(--cyu-muted)!important}
html body #schedule.cyu-week-skin .shift-staff-meta.ok{color:var(--cyu-ok)!important}
html body #schedule.cyu-week-skin .shift-staff-meta.bad{color:#FCA5A5!important}
html body #schedule.cyu-week-skin .cyu-board-foot{color:var(--cyu-muted)!important}
html body #schedule.cyu-week-skin .cyu-dot.ok{background:var(--cyu-ok)!important}
html body #schedule.cyu-week-skin .cyu-dot.bad{background:var(--cyu-bad)!important}
html body #schedule.cyu-week-skin .cyu-dot.info{background:var(--cyu-warn)!important}
html body #schedule.cyu-week-skin .cyu-totals b{color:var(--cyu-text)}
html body #schedule.cyu-week-skin .cyu-totals .ok,html body #schedule.cyu-week-skin .cyu-totals .ok b{color:var(--cyu-ok)!important}
html body #schedule.cyu-week-skin .cyu-totals .bad,html body #schedule.cyu-week-skin .cyu-totals .bad b{color:var(--cyu-bad)!important}
html body .cyu-day-alert{color:var(--cyu-warn)!important}
/* Eski (pano dışı) gün kartı görünümü */
html body .day h3{color:var(--cyu-gold)!important}
html body .day h3 span{color:var(--cyu-muted)!important}
html body .shift,html body .support{background:var(--cyu-card2)!important;border-color:var(--cyu-border-soft)!important;color:var(--cyu-text)!important}
html body .support{border-left-color:var(--cyu-gold)!important}
html body .shift-slot{background:var(--cyu-card2)!important;border-color:var(--cyu-border-soft)!important;color:var(--cyu-text)!important}
html body .shift-slot.missing{background:var(--cyu-bad-bg)!important;border-color:var(--cyu-bad-line)!important}
html body .shift-slot-dept,html body .shift-slot.empty .shift-slot-name{color:var(--cyu-muted)!important}
html body .shift-slot-warn{color:var(--cyu-warn)!important}
html body .shift-staff-meta{color:var(--cyu-muted)!important}
html body .shift-staff-meta.ok{color:var(--cyu-ok)!important}
html body .shift-staff-meta.bad{color:var(--cyu-bad)!important}
html body .missing,html body .leave{color:var(--cyu-bad)!important}

/* Vardiya denetimi (cyu-shift-audit.js sonradan ekler) */
html body .cyu-shift-audit{background:var(--cyu-card)!important;border:1px solid var(--cyu-border)!important;color:var(--cyu-text)!important}
html body .cyu-audit-head h3{color:var(--cyu-gold)!important}
html body .cyu-audit-head span,html body .cyu-audit-empty{color:var(--cyu-muted)!important}
html body .cyu-audit-head select{background:var(--cyu-field)!important;color:var(--cyu-text)!important;border-color:var(--cyu-border-field)!important}
html body .cyu-audit-kpis>div{background:var(--cyu-card2)!important;border-color:var(--cyu-border-soft)!important;color:var(--cyu-text)!important}
html body .cyu-audit-kpis span{color:var(--cyu-muted)!important}
html body .cyu-audit-kpis .good{background:var(--cyu-ok-bg)!important;border-color:var(--cyu-ok-line)!important;color:var(--cyu-ok)!important}
html body .cyu-audit-kpis .alert{background:var(--cyu-bad-bg)!important;border-color:var(--cyu-bad-line)!important;color:#FCA5A5!important}
html body .cyu-audit-missed li{color:#FCA5A5!important}

/* ============ 11. Katmanlar ve pencereler ============ */
/* cyuAsk */
html body .cyu-ask-overlay{background:rgba(0,0,0,.72)!important}
html body .cyu-ask-panel{
  background:var(--cyu-card)!important;color:var(--cyu-text)!important;border:1px solid var(--cyu-border)!important;
  box-shadow:0 24px 60px rgba(0,0,0,.6)!important;max-height:calc(100dvh - 32px);overflow-y:auto;
}
html body .cyu-ask-panel p{color:var(--cyu-text2)!important}
/* İzin penceresi (satır içi stil) */
html body #leaveModal{background:rgba(0,0,0,.72)!important;padding:12px!important}
html body #leaveModal > .card{max-height:calc(100dvh - 24px)!important;max-width:100%!important;border-color:var(--cyu-gold)!important}
html body #leaveModal #leaveModalTitle{color:var(--cyu-gold)!important}
/* Vardiya kişi seçici */
html body .shift-pick-overlay{background:rgba(0,0,0,.72)!important}
html body .shift-pick-modal{
  background:var(--cyu-card)!important;color:var(--cyu-text)!important;border:1px solid var(--cyu-border)!important;
  max-height:min(80dvh,620px)!important;box-shadow:0 24px 60px rgba(0,0,0,.65)!important;
}
html body .shift-pick-head{background:var(--cyu-card2)!important;border-bottom:1px solid var(--cyu-border)!important}
html body .shift-pick-head b{color:var(--cyu-gold)!important}
html body .shift-pick-head h4{color:var(--cyu-text)!important}
html body .shift-pick-item{
  background:var(--cyu-card2)!important;color:var(--cyu-text)!important;-webkit-text-fill-color:var(--cyu-text)!important;
  border:1px solid transparent!important;min-height:48px;
}
html body .shift-pick-item:hover{background:var(--cyu-card3)!important;border-color:var(--cyu-border)!important}
html body .shift-pick-item small{color:var(--cyu-muted)!important;-webkit-text-fill-color:var(--cyu-muted)!important}
html body .shift-pick-item .leave{color:var(--cyu-warn)!important;-webkit-text-fill-color:var(--cyu-warn)!important}
html body .shift-pick-item .intern-plan{color:var(--cyu-gold-light)!important;-webkit-text-fill-color:var(--cyu-gold-light)!important}
html body .shift-pick-empty{background:var(--cyu-bad-bg)!important;color:#FCA5A5!important;-webkit-text-fill-color:#FCA5A5!important}
html body .shift-pick-foot{border-top:1px solid var(--cyu-border)!important}
html body .shift-pick-foot button:not(.primary){background:var(--cyu-card2)!important;color:var(--cyu-text)!important;border:1px solid var(--cyu-border-field)!important}
html body #leaveModal > .card > div[style*="grid-template-columns"] > *{min-width:0}
html body #leaveModal select,html body #leaveModal input,html body #leaveModal textarea{max-width:100%!important;box-sizing:border-box}
html body #leaveModal > .card > div[style*="grid-template-columns"] select,
html body #leaveModal > .card > div[style*="grid-template-columns"] input{width:100%!important}
html body .shift-leave-line{color:var(--cyu-warn)!important}
/* İK çekmecesi */
html body .hr-overlay{background:rgba(0,0,0,.7)!important}
html body .hr-drawer{
  background:var(--cyu-card)!important;color:var(--cyu-text)!important;border-left:1px solid var(--cyu-border)!important;
  box-shadow:-18px 0 50px rgba(0,0,0,.6)!important;max-width:100vw;
}
html body .hr-drawer h2{color:var(--cyu-gold)!important}
html body .intern-week-plan{border-top-color:var(--cyu-border)!important}
html body .intern-week-plan-title{color:var(--cyu-gold-light)!important}
html body .intern-week-plan-row{color:var(--cyu-text2)!important}
/* PDF önizleme katmanı (cyu-shift-hours.js #cyuShiftPdfOverlayCss sonradan ekler) */
html body .cyu-pdf-overlay{background:rgba(0,0,0,.8)!important}
html body .cyu-pdf-panel{
  background:var(--cyu-card)!important;color:var(--cyu-text)!important;border:1px solid var(--cyu-border)!important;
  box-shadow:0 24px 80px rgba(0,0,0,.65)!important;max-width:calc(100vw - 16px)!important;
}
html body .cyu-pdf-actions{background:var(--cyu-card2)!important;border-bottom:1px solid var(--cyu-border)!important;color:var(--cyu-text)!important}
html body .cyu-pdf-actions b{color:var(--cyu-gold)!important}
html body .cyu-pdf-actions button:not(.primary){background:var(--cyu-card)!important;color:var(--cyu-text)!important;border:1px solid rgba(214,166,41,.45)!important}

/* PDF önizleme belgesi: pdfCss() ile aynı siyah-altın renkler */
html body #cyuShiftPdfPreview .pdf-export,
html body #cyuShiftPdfPreview .pdf-doc{background:#080808!important;color:#fff!important}
html body #cyuShiftPdfPreview .pdf-export-header,
html body #cyuShiftPdfPreview .pdf-head{border-bottom:1px solid rgba(214,166,41,.55)!important}
html body #cyuShiftPdfPreview .pdf-head h1,
html body #cyuShiftPdfPreview .pdf-export-titleblock h1,
html body #cyuShiftPdfPreview .pdf-export-mark,
html body #cyuShiftPdfPreview .pdf-meta b{color:#fff!important}
html body #cyuShiftPdfPreview .pdf-head p{color:#D6A629!important}
html body #cyuShiftPdfPreview .pdf-meta span{color:#D6A629!important}
html body #cyuShiftPdfPreview .pdf-export-card{background:#141414!important;border:1px solid rgba(214,166,41,.35)!important}
html body #cyuShiftPdfPreview .pdf-export-card h3{color:#D6A629!important;border:0!important;padding-left:0!important}
html body #cyuShiftPdfPreview .pdf-export-line b{color:#F5CC62!important}
html body #cyuShiftPdfPreview .pdf-grid{background:#080808!important}
html body #cyuShiftPdfPreview .pdf-grid th,
html body #cyuShiftPdfPreview .pdf-grid td{border:1px solid rgba(214,166,41,.35)!important;background:#141414!important;color:#fff!important}
html body #cyuShiftPdfPreview .pdf-grid thead th,
html body #cyuShiftPdfPreview .pdf-grid tbody th{background:#1C1C1C!important;color:#fff!important}
html body #cyuShiftPdfPreview .pdf-grid thead th span{color:#D6A629!important}
html body #cyuShiftPdfPreview .pdf-ok{background:#14532D!important;color:#BBF7D0!important}
html body #cyuShiftPdfPreview .pdf-miss{background:#7F1D1D!important;color:#FECACA!important}
html body #cyuShiftPdfPreview .pdf-empty{color:#A6A6A6!important}
html body #cyuShiftPdfPreview .pdf-leaves{color:#E6E6E6!important}
html body #cyuShiftPdfPreview .pdf-export-footer,
html body #cyuShiftPdfPreview .pdf-export-foot{color:#E6E6E6!important;border-top:1px solid rgba(214,166,41,.45)}
html body #cyuShiftPdfPreview .pdf-export-notes b,
html body #cyuShiftPdfPreview .pdf-export-brand span{color:#D6A629!important}

/* ============ 12. Ekrana özel ============ */
/* İletişim merkezi */
html body .hub-nav button{min-height:42px}
html body .cyu-comm-dash-grid button{background:var(--cyu-card2)!important;color:var(--cyu-text)!important}
html body .cyu-comm-dash-grid b{color:var(--cyu-gold)!important}
html body .cyu-comm-dash-grid span{color:var(--cyu-muted)!important}
html body .cyu-comm-urgent{background:var(--cyu-bad-bg)!important;border-color:var(--cyu-bad-line)!important}
html body .cyu-poll-bar i{background:linear-gradient(90deg,#B8891E,var(--cyu-gold-light))!important}
html body .cyu-chat-list,
html body .cyu-chat-main,
html body .cyu-chat-roster{background:var(--cyu-card)!important;border:1px solid var(--cyu-border)!important;color:var(--cyu-text)!important}
html body .cyu-chat-list button{background:var(--cyu-card2)!important;border:1px solid transparent!important;min-height:44px}
html body .cyu-chat-list button.on{background:var(--cyu-gold-dim)!important;border-color:var(--cyu-gold)!important;color:var(--cyu-gold-light)!important}
html body .cyu-chat-nav-head,html body .cyu-chat-sec{color:var(--cyu-gold)!important}
html body .cyu-chat-head{border-bottom:1px solid var(--cyu-border)!important;color:var(--cyu-gold-light)}
html body .cyu-chat-person{border-bottom:1px solid var(--cyu-border-soft)!important}
html body .cyu-chat-person small,html body .cyu-msg-meta{color:var(--cyu-muted)!important}
html body .cyu-chat-badge{background:var(--cyu-gold)!important;color:var(--cyu-on-gold)!important}
html body .cyu-msg{background:var(--cyu-card2)!important;border:1px solid var(--cyu-border-soft)!important;color:var(--cyu-text)!important}
html body .cyu-msg.manager{background:var(--cyu-gold-dim)!important;border-color:var(--cyu-border)!important}
html body .cyu-chat-compose{border-top:1px solid var(--cyu-border)!important}
html body .cyu-ticket-urgent{background:var(--cyu-bad-bg)!important;border-color:var(--cyu-bad-line)!important}
html body .cyu-answer{background:var(--cyu-card2)!important;border-left:3px solid var(--cyu-gold)!important;color:var(--cyu-text)}
html body .cyu-comm-table th,html body .cyu-comm-table td{border-bottom-color:var(--cyu-border-soft)!important}

/* Performans: kahraman alanı, kartlar, grafik */
html body .performance-hero,
html body .performance-review-hero{
  background:linear-gradient(135deg,#141414 0%,#0B0B0B 100%)!important;
  border:1px solid var(--cyu-border)!important;border-bottom:2px solid var(--cyu-gold)!important;
  color:var(--cyu-text)!important;box-shadow:var(--cyu-shadow)!important;
}
html body .performance-hero h1{color:var(--cyu-gold)!important}
html body .performance-hero p{color:var(--cyu-text2)!important;opacity:1!important}
html body .performance-kicker{color:var(--cyu-gold-light)!important;opacity:.9!important}
html body .performance-avatar{background:var(--cyu-gold-dim)!important;border:2px solid var(--cyu-gold);color:var(--cyu-gold)}
html body .performance-card span{color:var(--cyu-muted)!important}
html body .performance-card strong{color:var(--cyu-gold)!important}
html body .performance-card small,html body .performance-card small span{color:var(--cyu-muted)!important}
html body .performance-card:first-child{border:1px solid var(--cyu-gold)!important}
html body .performance-card:first-child strong{font-size:40px!important;line-height:1.05}
html body .cyu-perf-own{background:var(--cyu-card3);height:6px;border-radius:99px;overflow:hidden;margin-top:8px}
html body .cyu-perf-own i{background:linear-gradient(90deg,#B8891E,var(--cyu-gold-light))!important}
html body .performance-row{border-bottom:1px solid var(--cyu-border-soft)!important}
html body .performance-row span{color:var(--cyu-muted)!important}
html body .performance-row b{color:var(--cyu-gold-light)!important}
html body .performance-chart{color:var(--cyu-gold)!important}
html body .performance-chart .chart-empty{color:var(--cyu-muted)!important}
html body .cyu-perf-hist-labels{color:var(--cyu-muted)!important}
html body .cyu-perf-bar-wrap{background:var(--cyu-card3)!important}
html body .cyu-perf-bar-wrap i{background:linear-gradient(90deg,#8C6A16,var(--cyu-gold-light))!important}
html body .cyu-perf-lb-row.is-me .cyu-perf-name{color:var(--cyu-gold-light)!important}
html body .cyu-perf-medal{color:var(--cyu-gold)}
html body .cyu-duty{color:var(--cyu-gold)!important}
html body .cyu-perf-why,html body .cyu-review-meta span,html body .cyu-review-record small{color:var(--cyu-muted)!important}
html body .cyu-perf-denied{color:var(--cyu-bad)!important}
html body .cyu-perf-subnav button{min-height:42px}
html body .cyu-perf-table th,html body .cyu-perf-table td{border-bottom-color:var(--cyu-border-soft)!important}
html body .cyu-review-record+.cyu-review-record{border-top-color:var(--cyu-border-soft)!important}
html body .performance-score-total{
  background:var(--cyu-card)!important;border:1px solid var(--cyu-gold)!important;color:var(--cyu-text)!important;border-radius:var(--cyu-radius)!important;
}
html body .performance-score-total strong{color:var(--cyu-gold)!important;font-size:44px!important}
html body .performance-review-item strong{color:var(--cyu-gold-light)!important}
html body .performance-review-item small{color:var(--cyu-muted)!important}
html body .cyu-audit-card .cyu-audit-who{color:var(--cyu-gold-light)!important}
html body .cyu-audit-card .cyu-audit-when,html body .cyu-audit-kv span{color:var(--cyu-muted)!important}

/* Hesabım */
html body #account .account-hero h1{color:var(--cyu-gold)!important}
html body #account .account-photo-lg{background:var(--cyu-card2)!important;border-color:var(--cyu-gold)!important;color:var(--cyu-gold)!important}
html body #account .account-dl dt{color:var(--cyu-muted)!important}
html body #account .account-dl dd{color:var(--cyu-text)!important}

/* Personel / İK */
html body .hr-kicker{color:var(--cyu-gold-light)!important}
html body .hr-page-head h1{color:var(--cyu-gold)!important}
html body .hr-page-head p{color:var(--cyu-muted)!important}
html body .hr-kpi{border-top:2px solid var(--cyu-gold)!important}
html body .hr-kpi b{color:var(--cyu-gold)!important}
html body .hr-kpi span{color:var(--cyu-muted)!important}
html body .person-card-number{color:var(--cyu-muted)!important}
html body .person-card-name,html body .user-card-head{color:var(--cyu-gold)!important}
html body .person-card-info{color:var(--cyu-muted)!important}
html body .settings-brand-preview{background:var(--cyu-card2)!important}

/* İzin / kural / vardiya yönetimi */
html body .rule-main small,html body .rule-meta,
html body .simple-rule-main span,html body .simple-rule-main small,
html body .need-row small,html body .open-slot-row .open-slot-why,
html body .cyu-hour-card small{color:var(--cyu-muted)!important}
html body .need-row{border-bottom-color:var(--cyu-border-soft)!important}
html body .shift-hour-sub{border-top-color:var(--cyu-border)!important}
html body .natural-help{color:var(--cyu-muted)!important}
html body .personal-welcome strong{color:var(--cyu-gold)!important}
html body .personal-welcome small{color:var(--cyu-muted)!important}

/* ============ 13. Durum renkleri (onay yeşil, red kırmızı, bekleme amber) ============ */
html body .control-ok,html body .open-slot-row.filled,html body .np-ok,html body .cyu-shift-banner.ok{
  background:var(--cyu-ok-bg)!important;border-color:var(--cyu-ok-line)!important;color:#C9F5E2!important;border-left-color:var(--cyu-ok)!important;
}
html body .control-warn,html body .open-slot-card,html body .np-warn{
  background:var(--cyu-warn-bg)!important;border-color:var(--cyu-warn-line)!important;color:#FFE0C2!important;border-left-color:var(--cyu-warn)!important;
}
html body .control-error,html body .open-slot-card.eksik,html body .cyu-shift-banner.err{
  background:var(--cyu-bad-bg)!important;border-color:var(--cyu-bad-line)!important;color:#FECACA!important;border-left-color:var(--cyu-bad)!important;
}
html body .hr-pill.ok,html body .rule-badge.bound,html body .lock-badge,html body .person-card-status{background:var(--cyu-ok-bg)!important;color:var(--cyu-ok)!important;border-color:var(--cyu-ok-line)!important}
html body .hr-pill.off,html body .unlock-badge{background:var(--cyu-bad-bg)!important;color:var(--cyu-bad)!important;border-color:var(--cyu-bad-line)!important}
html body .hr-pill.warn,html body .rule-badge.custom{background:var(--cyu-warn-bg)!important;color:var(--cyu-warn)!important;border-color:var(--cyu-warn-line)!important}
/* Satır içi durum renkleri (renderRequests, duyurular, form mesajları) */
html body [style*="color:#166534"],html body [style*="color: #166534"],
html body [style*="color:#15803d"],html body [style*="color:#065f46"]{color:var(--cyu-ok)!important}
html body [style*="color:#991b1b"],html body [style*="color: #991b1b"],
html body [style*="color:#b91c1c"],html body [style*="color:#b42318"],html body [style*="color:#dc2626"]{color:var(--cyu-bad)!important}
html body [style*="color:#92400e"],html body [style*="color: #92400e"],
html body [style*="color:#9a3412"],html body [style*="color:#b45309"],html body [style*="color:#d97706"]{color:var(--cyu-warn)!important}
html body [style*="background:#fef2f2"]{background:var(--cyu-bad-bg)!important;border-color:var(--cyu-bad-line)!important}

/* ============ 14. Mobil alt gezinme (cyu-nav.js) ============ */
#cyuBottomNav{display:none}
@media (max-width:899.98px){
  html body #cyuBottomNav{
    display:flex;position:fixed;left:0;right:0;bottom:0;z-index:8400;
    min-height:calc(var(--cyu-bottom-nav-h) + env(safe-area-inset-bottom,0px));
    padding:0 4px env(safe-area-inset-bottom,0px);
    background:rgba(8,8,8,.97);border-top:1px solid var(--cyu-border);
    box-shadow:0 -8px 24px rgba(0,0,0,.5);
  }
  html body #cyuBottomNav[hidden]{display:none!important}
  html body #cyuBottomNav .cyu-bn-item{
    flex:1 1 0;min-width:0;min-height:var(--cyu-bottom-nav-h);margin:0;padding:6px 2px 4px!important;
    display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;
    background:transparent!important;border:0!important;border-radius:0!important;
    color:var(--cyu-muted)!important;-webkit-text-fill-color:var(--cyu-muted)!important;
    font-size:12px!important;font-weight:600;line-height:1.1;position:relative;
  }
  html body #cyuBottomNav .cyu-bn-item[hidden]{display:none!important}
  html body #cyuBottomNav .cyu-bn-item svg{width:24px;height:24px;stroke:currentColor;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
  html body #cyuBottomNav .cyu-bn-item span{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  html body #cyuBottomNav .cyu-bn-item.is-active{color:var(--cyu-gold)!important;-webkit-text-fill-color:var(--cyu-gold)!important}
  html body #cyuBottomNav .cyu-bn-item.is-active::before{
    content:"";position:absolute;top:0;left:22%;right:22%;height:2px;border-radius:0 0 2px 2px;background:var(--cyu-gold);
  }
  html body #cyuBottomNav .cyu-bn-item:focus-visible{outline:2px solid var(--cyu-gold-light)!important;outline-offset:-4px}
  html body.cyu-has-bottom-nav main{padding-bottom:calc(var(--cyu-bottom-nav-h) + 28px + env(safe-area-inset-bottom,0px))!important}
}
@media (max-width:380px){
  html body #cyuBottomNav{padding-left:2px;padding-right:2px}
  html body #cyuBottomNav .cyu-bn-item{font-size:11px!important;letter-spacing:-.015em;padding-left:0!important;padding-right:0!important}
}
@media (max-width:330px){
  html body #cyuBottomNav .cyu-bn-item{font-size:10px!important}
}
html body.app-locked #cyuBottomNav{display:none!important}

/* ============ 15. Duyarlı düzen ============ */
@media (max-width:899.98px){
  html body{font-size:15px}
  html body input:not([type="checkbox"]):not([type="radio"]):not([type="file"]):not([type="range"]):not([type="color"]):not([type="hidden"]),
  html body select,
  html body textarea{font-size:16px!important;min-height:44px}
  html body textarea{min-height:88px}
  html body button,
  html body .v135-hesabim-btn,
  html body label.account-photo-btn{min-height:44px}
  html body .cyu-link{min-height:0}
  html body .bar{gap:10px}
  html body .bar > label{flex:1 1 160px;min-width:0}
  html body .bar > label > input,html body .bar > label > select{width:100%}
  html body .v135-topbar{padding-right:10px!important;gap:6px!important}
  html body #v135TopActions{gap:8px!important;min-width:0}
  html body .v135-user{max-width:38vw;font-size:12px}
  html body .cyu-comm-drop{position:fixed!important;left:8px!important;right:8px!important;top:72px!important;width:auto!important;max-height:calc(100dvh - 160px)!important}
  /* 360 px: üst üste binme ve taşma */
  html body .hr-page-head,html body .hr-head-actions{min-width:0}
  html body .hr-toolbar > *{min-width:0}
  html body .manual-swap-grid{grid-template-columns:1fr!important}
  html body .annual-leave-manager > div[style*="grid-template-columns"]{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  html body .annual-leave-manager > div[style*="grid-template-columns"] > *{min-width:0}
  html body .annual-leave-manager > div[style*="grid-template-columns"] > label > select,
  html body .annual-leave-manager > div[style*="grid-template-columns"] > label > input{width:100%!important;min-width:0!important;box-sizing:border-box}
  html body .annual-leave-manager > div[style*="grid-template-columns"] > button{grid-column:1 / -1}
  html body .open-slot-pick select{min-width:0!important;width:100%}
  html body .performance-hero{gap:12px}
  html body .cyu-chat-shell,html body .cyu-chat-layout{min-height:0}
  html body .cyu-pdf-overlay{padding:8px!important}
  html body .cyu-pdf-panel{width:100%!important;margin:8px auto!important;max-height:calc(100dvh - 16px);overflow:auto!important}
  html body .shift-pick-overlay{padding:10px!important}
  html body .shift-pick-modal{width:100%!important;max-height:calc(100dvh - 20px)!important}
  html body .cyu-ask-overlay{padding:10px!important}
  html body .hr-drawer{width:100vw!important;padding:16px!important}
}
@media (max-width:600px){
  html body #leaveModal > .card > div[style*="grid-template-columns:1fr 1fr"]{grid-template-columns:minmax(0,1fr)!important}
  html body #leaveModal > .card{padding:14px!important}
  html body .annual-leave-manager > div[style*="grid-template-columns"]{grid-template-columns:minmax(0,1fr)!important}
  html body .performance-hero{flex-wrap:wrap}
  html body .performance-card:first-child strong{font-size:34px!important}
  html body .dashboard-kpi b{font-size:26px}
  html body .cyu-audit-kv{grid-template-columns:1fr!important}
  html body #schedule.cyu-week-skin .cyu-board-titleblock{min-width:0!important;flex:1 1 100%!important}
  html body #schedule.cyu-week-skin .cyu-board-brand{min-width:0!important;flex:1 1 100%!important}
  html body #schedule.cyu-week-skin .cyu-board-titleblock h2{overflow-wrap:anywhere}
  html body #schedule.cyu-week-skin .cyu-info-card{font-size:11px!important}
  html body #schedule.cyu-week-skin .cyu-board-toolbar{justify-content:flex-start!important;flex:1 1 100%!important}
  html body .cyu-chat-shell{grid-template-columns:minmax(0,1fr)!important}
  html body .cyu-poll-bar{grid-template-columns:1fr 70px 36px}
}
@media (max-width:420px){
  html body .user-permission-grid{grid-template-columns:1fr!important}
  html body .v135-user{max-width:30vw}
  html body .performance-cards{grid-template-columns:1fr 1fr!important}
}

/* ============ 16. Hareket ve yazdırma ============ */
@media (prefers-reduced-motion:reduce){
  html body *,html body *::before,html body *::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}
}
@media print{
  html body #cyuBottomNav{display:none!important}
  html body .cyu-pdf-overlay{background:#080808!important}
  html body .cyu-pdf-panel{background:#080808!important;border:0!important}
  html body #cyuShiftPdfPreview .pdf-export,
  html body #cyuShiftPdfPreview .pdf-doc{-webkit-print-color-adjust:exact;print-color-adjust:exact}
}