/* V1.45.0: tum ekran genisliklerinde ortak - giris/cikis karti, gorunum secimi, koyu tema.
   Koyu tema yalniz bu cihazda secilir (Profilim > Gorunum); varsayilan "Sistem" (telefonun ayari). */

/* ---------- personel ana sayfasi: giris / cikis karti ---------- */
.clock-hero{background:linear-gradient(150deg,#1769ff 0%,#0d4fd1 100%);color:#fff;padding:18px;margin-top:6px}
.clock-hero .ch-top{display:flex;justify-content:space-between;align-items:center;gap:8px;flex-wrap:wrap}
.clock-hero .ch-hi{font-size:16px;font-weight:800}
.clock-hero .ch-date{font-size:12.5px;opacity:.85;font-weight:600}
.clock-hero .ch-time{font-size:52px;font-weight:800;letter-spacing:-1.5px;line-height:1.05;margin-top:10px;
  font-family:inherit;font-variant-numeric:tabular-nums}
.clock-hero .ch-sub{font-size:14px;opacity:.92;margin-top:2px}
.clock-hero .ch-chips{display:flex;gap:6px;flex-wrap:wrap;margin-top:10px}
.clock-hero .ch-chip{display:inline-flex;align-items:center;gap:5px;padding:5px 11px;border-radius:99px;
  background:rgba(255,255,255,.16);font-size:12.5px;font-weight:700}
.clock-hero .ch-actions{display:grid;grid-template-columns:1fr;gap:8px;margin-top:14px}
.clock-hero .ch-actions form{margin:0}
.clock-hero .ch-btn{width:100%;min-height:58px;font-size:17px;border-radius:18px;letter-spacing:.2px}
.clock-hero .ch-actions .ch-primary .ch-btn{background:#fff;color:#0d4fd1;box-shadow:0 6px 16px rgba(5,25,80,.25)}
.clock-hero .ch-actions .ch-primary.ch-out .ch-btn{color:#c0343a}
.clock-hero .ch-actions .ch-secondary .ch-btn{min-height:42px;font-size:14px;background:rgba(255,255,255,.14);color:#fff}
.clock-hero .ch-note{color:rgba(255,255,255,.82);margin-top:10px;font-size:12px}
.clock-hero .ch-geo{background:rgba(255,255,255,.12);border:none;color:#fff;margin-top:10px;font-size:12.5px}
.clock-hero .ch-geo b{color:#fff}

/* ---------- gorunum secimi (Profilim) ---------- */
.seg{display:flex;background:#e9edf4;border-radius:14px;padding:4px;gap:4px;margin-top:10px}
.seg button{flex:1;border:0;background:transparent;padding:10px 0;border-radius:10px;font-size:14px;font-weight:700;color:#55607a}
.seg button.on{background:#fff;color:var(--text);box-shadow:0 1px 3px rgba(17,32,58,.12)}

/* ---------- koyu tema ---------- */
[data-theme="dark"]{color-scheme:dark;--bg:#0b1322;--card:#131d31;--text:#e6ebf5;--muted:#93a0b8;--line:#243251;
  --shadow:0 8px 22px rgba(0,0,0,.35);--m-soft:#1d3463;--blue:#4c8dff;--green:#2fbf7f;--red:#f0646a}
[data-theme="dark"] body{background:var(--bg)!important;color:var(--text)}
[data-theme="dark"] .card,[data-theme="dark"] .modal{background:var(--card);border-color:var(--line);color:var(--text)}
[data-theme="dark"] .clock-hero{background:linear-gradient(150deg,#1b4fc4 0%,#123a94 100%)}
[data-theme="dark"] .header{background:linear-gradient(135deg,#0a1f40,#13408f)}
[data-theme="dark"] .nav,[data-theme="dark"] .h7-actions-menu{background:#0f182b!important;border-color:var(--line)!important}
[data-theme="dark"] .nav>a,[data-theme="dark"] .nav .h7-actions>summary{color:#9aa6bd}
[data-theme="dark"] .nav>a.active{color:#fff}
[data-theme="dark"] .h7-actions-menu a{color:var(--text)}
[data-theme="dark"] .h7-actions-menu a:hover,[data-theme="dark"] .nav a:hover{background:#18243d}
[data-theme="dark"] .field label,[data-theme="dark"] .small,[data-theme="dark"] th{color:var(--muted)}
[data-theme="dark"] .field input,[data-theme="dark"] .field select,[data-theme="dark"] .field textarea,
[data-theme="dark"] input,[data-theme="dark"] select,[data-theme="dark"] textarea{background:#0f1a2e;color:var(--text);border-color:var(--line)}
[data-theme="dark"] .btn-ghost{background:#22304d;color:#d5dcea}
[data-theme="dark"] .note,[data-theme="dark"] .empty{background:#18243d;border-color:var(--line);color:#c9d2e3}
[data-theme="dark"] th,[data-theme="dark"] td{border-color:var(--line)}
[data-theme="dark"] .item{border-color:var(--line)}
[data-theme="dark"] .tab{border-color:var(--line);color:#aab5ca}
[data-theme="dark"] .tab.active{background:#1d3463;color:#9cc0ff}
[data-theme="dark"] a{color:#8fb4ff}
[data-theme="dark"] .btn,[data-theme="dark"] .nav a,[data-theme="dark"] a.card,[data-theme="dark"] .h7-actions-menu a{color:inherit}
[data-theme="dark"] .btn-blue,[data-theme="dark"] .btn-green,[data-theme="dark"] .btn-red{color:#fff}
[data-theme="dark"] .bg,[data-theme="dark"] .g,[data-theme="dark"] .flash.success{background:#123528;color:#7fe0b2;border-color:#1d4a37}
[data-theme="dark"] .bo,[data-theme="dark"] .o{background:#3a2c0f;color:#f5c869;border-color:#4d3a12}
[data-theme="dark"] .br,[data-theme="dark"] .r,[data-theme="dark"] .flash.error{background:#3a1619;color:#ff9aa0;border-color:#512126}
[data-theme="dark"] .bb,[data-theme="dark"] .b,[data-theme="dark"] .flash.info{background:#15284d;color:#9cc0ff;border-color:#20396b}
[data-theme="dark"] .seg{background:#1a2640}
[data-theme="dark"] .seg button{color:#9aa6bd}
[data-theme="dark"] .seg button.on{background:#2a3a5c;color:#fff}
[data-theme="dark"] .brand-logo{background:#fff}
.clock-hero .ch-live::before{content:"";width:8px;height:8px;border-radius:50%;background:#5ef0a6;display:inline-block}
[data-theme="dark"] .v14-blocker{background:var(--card);color:var(--text)}
[data-theme="dark"] .nav>a.active,[data-theme="dark"] .nav>a:active{background:transparent}
[data-theme="dark"] .h7-actions>summary{color:#9aa6bd}
[data-theme="dark"] .stat.g,[data-theme="dark"] .g.stat{background:#123528;border-color:#1d4a37}
[data-theme="dark"] .stat.b,[data-theme="dark"] .b.stat{background:#15284d;border-color:#20396b}
[data-theme="dark"] .stat.o,[data-theme="dark"] .o.stat{background:#3a2c0f;border-color:#4d3a12}
[data-theme="dark"] .stat.r,[data-theme="dark"] .r.stat{background:#3a1619;border-color:#512126}
[data-theme="dark"] .nav .h7-actions>summary{background:transparent!important}
[data-theme="dark"] .nav .h7-actions[open]>summary span{background:#1d2b47;color:#8fb4ff}
/* V1.50.0: sayfa gecisinde ust yukleniyor cizgisi (dokunur dokunmaz baslar) */
#navBar{position:fixed;left:0;top:0;height:3px;width:0;background:var(--blue,#1769ff);z-index:100000;opacity:0;pointer-events:none}
#navBar.go{opacity:1;width:85%;transition:width 2.5s cubic-bezier(.1,.7,.3,1),opacity .1s}
/* V1.51.0: yeni surum seridi */
#pwaUpdate{position:fixed;left:12px;right:12px;bottom:calc(86px + env(safe-area-inset-bottom));z-index:99999;display:flex;align-items:center;justify-content:space-between;gap:10px;
  background:#103465;color:#fff;border-radius:14px;padding:12px 14px;font-weight:700;box-shadow:0 10px 30px rgba(0,0,0,.25);max-width:560px;margin:0 auto}
#pwaUpdate button{background:#fff;color:#103465;border:0;border-radius:10px;padding:9px 14px;font-weight:800;cursor:pointer}
@media (min-width:1024px){#pwaUpdate{bottom:20px}}
/* V1.51.0: cevrimdisi gosterilen son kopya bandi */
#pdksOfflineBand{position:sticky;top:0;z-index:99998;background:#fff4d8;color:#7a5200;border-bottom:1px solid #f0d58c;padding:9px 14px;font-size:13px;font-weight:700;text-align:center}
[data-theme="dark"] #pdksOfflineBand{background:#3a2d0c;color:#ffd98a;border-color:#5a4512}