:root{color-scheme:dark;--bg:#0E0E10;--panel:#18181B;--gold:#c9a468;--text:#f4f0e8}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:17px/1.6 Arial,sans-serif}header,main{max-width:1000px;margin:auto;padding:20px}header{display:flex;flex-wrap:wrap;align-items:center;gap:18px}h1{font-size:26px;flex:1}h2{font-size:22px}h3,p{overflow-wrap:anywhere}button,a.button,header a{border:1px solid var(--gold);border-radius:14px;min-height:48px;padding:12px 18px;background:var(--gold);color:var(--mf-on-accent,#0E0E10);font:inherit;font-weight:bold;text-decoration:none;cursor:pointer;white-space:normal;overflow-wrap:anywhere}button:disabled{opacity:.5;cursor:default}input,select,textarea{width:100%;min-height:48px;background:var(--mf-ground-page,#0E0E10);color:var(--text);border:1px solid var(--mf-border-input,#807466);border-radius:10px;padding:10px;font:inherit;max-width:100%}textarea{min-height:110px}label{display:block;margin:12px 0}section,.entry{background:var(--panel);border:1px solid var(--mf-border-subtle,#49413a);border-radius:20px;padding:20px;margin:18px 0}.row{display:flex;flex-wrap:wrap;align-items:center;gap:12px}.row>*{max-width:100%}.row h3{flex:1;min-width:130px}.timer{font-size:clamp(32px,8vw,60px);font-variant-numeric:tabular-nums;color:var(--gold)}.muted{color:#c1bab0}.badge{color:var(--gold)}#notice:not(:empty){padding:12px 16px;border:0;border-radius:14px;background:#ffffff0d}dialog{background:var(--panel);color:var(--text);border:1px solid var(--gold);border-radius:20px;padding:22px;width:min(580px,calc(100% - 24px));max-height:90dvh;overflow:auto}dialog::backdrop{background:#000a}dialog video{width:100%;max-height:45dvh;object-fit:cover;border-radius:12px}.error{color:#ffb6a9}.entry{padding:16px}button.secondary{background:transparent;color:var(--gold)}[hidden]{display:none!important}:focus-visible{outline:3px solid #fff;outline-offset:3px}@media(max-width:400px){header,main{padding:12px}section{padding:14px}.row>button{flex:1 1 135px}header h1{flex-basis:100%;margin:0}}

.attendance-tile{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;width:100%;min-height:142px;padding:24px;border-radius:22px;background:linear-gradient(145deg,#d6b37c,#b78f51);box-shadow:0 6px 20px #0003}.attendance-tile strong{font-size:22px}.attendance-tile span{font-size:15px;font-weight:normal}.attendance-tile .tile-symbol{font-size:34px;line-height:1}.location-card{padding:14px;border:1px solid #62523c;border-radius:16px;margin:18px 0}#savePoint{width:100%}#pointForm .row button{flex:1 1 160px}

.clock-screen{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:24px;text-align:center;min-height:min(62dvh,600px);padding:32px 20px;border:0;background:transparent;box-shadow:none}.clock-greeting{font-size:clamp(1.6rem,5vw,2.3rem);font-weight:750}.clock-action.attendance-tile{width:min(100%,440px);min-height:240px;padding:28px 22px;border-radius:30px;background:linear-gradient(145deg,#e9b36b,#b97c35);color:var(--mf-on-accent,#161311);border:1px solid #edbd7f;box-shadow:0 12px 35px #c78a3326;display:flex;flex-direction:column;gap:18px;align-items:center;justify-content:center}.clock-action strong{font-size:clamp(1.3rem,4.8vw,1.8rem);line-height:1.5;max-width:340px}.clock-action-label{font-size:.9rem;font-weight:700}.clock-qr-icon{font-size:2.8rem;line-height:1}.clock-time{display:grid;gap:8px;color:#edab58}.clock-time .timer{font-size:clamp(3rem,13vw,4.8rem);font-variant-numeric:tabular-nums;line-height:1.15;color:#edab58;font-weight:700;direction:ltr}.clock-action>.app-icon{display:none}.clock-screen~section{scroll-margin-bottom:100px}@media(max-height:500px){.clock-screen{min-height:0;gap:12px;padding:14px}.clock-action.attendance-tile{min-height:140px;padding:16px;gap:8px}.clock-qr-icon{display:none}}

svg.clock-qr-icon{width:50px;height:50px;flex-shrink:0}

.attendance-scanner{border-radius:28px;padding:20px}.attendance-scanner h2{font-size:1.15rem;flex:1}.attendance-scanner video{margin-top:16px;aspect-ratio:1;object-fit:cover;border:2px solid #d3a165;border-radius:22px}.attendance-scanner [role=status]{text-align:center;font-size:.95rem}.attendance-scanner [data-close]{background:transparent;color:var(--gold);font-size:.85rem}

/* The clock action is the page heading. Keep the original language/push hosts
   out of the layout; the language control moves into the shared bottom dock. */
body.standalone-workflow.clock-attendance>header{display:none!important}
.clock-attendance #notice:empty{display:none}

.clock-wait{max-width:440px;margin:0;line-height:1.7;color:var(--gold)}.clock-action:disabled{opacity:1;background:var(--mf-input,#282523);color:#c1b4a3;border-color:#625340;box-shadow:none;cursor:not-allowed}

.attendance-camera-frame{position:relative;overflow:hidden;border-radius:18px;background:var(--mf-well,#000);aspect-ratio:1}.attendance-camera-frame video{width:100%;height:100%;object-fit:contain;display:block}.attendance-camera-frame::after{content:"";position:absolute;inset:15%;border:3px solid #c9a468;border-radius:18px;pointer-events:none;box-shadow:0 0 0 100px #0003}.attendance-scanner [role=status]{line-height:1.5}.attendance-scanner button{min-height:44px}.attendance-scanner button:focus-visible{outline:3px solid #edcf99;outline-offset:3px}

/* הדפסת דוח השעות האישי (ILM): רק התוכן, על לבן */
@media print{nav,#appDock,header button,.mifkada-language-switch,#mifkadaLanguageBar,button,dialog{display:none!important}body{background:#fff;color:#000}main{max-width:none}}

/* ═══ החתמה באתר — עיצוב (בעל האתר, 30-Sep): חץ הבחירה רחוק מהמסגרת, פלוס אחד מתחת לטקסט, כפתורים שזזים ═══ */
select{appearance:none;-webkit-appearance:none;padding-inline-end:52px;cursor:pointer;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23c9a468' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'><path d='m6 9 6 6 6-6'/></svg>");background-repeat:no-repeat;background-position:left 18px center;background-size:16px 16px;transition:border-color .18s ease,box-shadow .18s ease}
[dir=ltr] select,html[lang=en] select{background-position:right 18px center}
select:hover{border-color:var(--gold)}
select:focus-visible{outline:none;border-color:var(--gold);box-shadow:0 0 0 3px #c9a46840}
label>select{margin-top:6px}
.attendance-tile{gap:6px;padding:26px 24px 22px;border:1px solid #e3c48f;box-shadow:0 8px 24px #0004,inset 0 1px 0 #fff3;transition:transform .16s cubic-bezier(.2,.8,.2,1),box-shadow .2s ease,filter .2s ease}
.attendance-tile strong{font-size:23px;letter-spacing:.01em}
.attendance-tile span{opacity:.88}
.attendance-tile .tile-symbol{margin-top:10px;width:54px;height:54px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-size:36px;line-height:1;font-weight:400;background:#0E0E101f;border:1.5px solid #0E0E103d;color:var(--mf-on-accent,#0E0E10);transition:transform .22s cubic-bezier(.2,.8,.2,1),background-color .2s ease}
@media(hover:hover) and (pointer:fine){.attendance-tile:hover{transform:translateY(-3px);box-shadow:0 16px 34px #0006,0 0 0 1px #f0d9ad,inset 0 1px 0 #fff4;filter:brightness(1.04)}.attendance-tile:hover .tile-symbol{transform:rotate(90deg) scale(1.08);background:#0E0E102e}}
.attendance-tile:active{filter:brightness(.97);transition-duration:.06s}
#points{display:grid;gap:12px;margin-top:14px}
#points article{display:flex;flex-wrap:wrap;align-items:center;gap:12px 18px;border:1px solid var(--mf-border-subtle,#49413a);border-radius:18px;padding:16px 18px;background:#ffffff08;transition:transform .16s cubic-bezier(.2,.8,.2,1),border-color .18s ease,box-shadow .2s ease}
@media(hover:hover) and (pointer:fine){#points article:hover{transform:translateY(-2px);border-color:#8f7a56;box-shadow:0 10px 24px #0004}}
#points article h3,#points article strong{margin:0;font-size:1.1rem;flex:1 1 220px}
#points article p{margin:0;flex:1 1 220px;color:#cfc4b2;font-size:.95rem}
#points article button{flex:0 0 auto;min-height:46px;padding:10px 18px;border-radius:14px;display:inline-flex;align-items:center;gap:8px;transition:transform .14s cubic-bezier(.2,.8,.2,1),box-shadow .18s ease,filter .18s ease,background-color .18s ease}
@media(hover:hover) and (pointer:fine){#points article button:hover{transform:translateY(-2px);box-shadow:0 8px 18px #c9a46833}#points article button.secondary:hover{background:#c9a46814}}
#points article button:active{transition-duration:.06s}
@media(min-width:700px){#points article{display:grid;grid-template-columns:minmax(150px,1fr) minmax(170px,1.3fr) auto auto;align-items:center}#points article h3,#points article strong,#points article p{flex:none}}
@media(max-width:699px){#points article{display:grid;grid-template-columns:1fr;padding:14px}#points article button{width:100%;justify-content:center}}
@media(prefers-reduced-motion:reduce){.attendance-tile,.attendance-tile .tile-symbol,#points article,#points article button{transition:none!important;transform:none!important}}

/* בקשות לתיקון שעות */
.corr-sub{margin:18px 0 8px;font-size:1.05rem;color:var(--gold)}
.corr-form{background:#ffffff08;border:1px solid var(--mf-border-subtle,#49413a);border-radius:18px;padding:16px;margin:14px 0}.corr-form h3{margin:0 0 4px}.corr-form .row label{flex:1 1 140px;margin:6px 0}.corr-form textarea{min-height:70px}
.corr-meta{color:#cfc4b2;font-size:.92rem;margin:4px 0}
.corr{margin:10px 0;padding:14px 16px;transition:transform .16s cubic-bezier(.2,.8,.2,1),border-color .18s ease}.corr-head{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap}.corr-head h3{margin:0;font-size:1.05rem}
.corr .chip{padding:4px 12px;border-radius:999px;font-size:.8rem;border:1px solid var(--mf-border-input,#807466);white-space:nowrap}.corr .chip.ok{color:#9fd8a6;border-color:#9fd8a6}.corr .chip.warn{color:var(--gold);border-color:var(--gold)}.corr .chip.bad{color:#ff9aa4;border-color:#ff9aa4}
.corr-hours{margin:8px 0 2px}.corr-actions{margin-top:10px}.corr-actions button{flex:1 1 150px;min-height:46px}
.corr-history{margin:10px 0}.corr-history summary{cursor:pointer;color:var(--gold);padding:8px 0}
@media(hover:hover) and (pointer:fine){.corr:hover{transform:translateY(-2px);border-color:#8f7a56}}

/* דיאלוגים של המסך: כותרת + × עגול, לחיצה על הרקע סוגרת, שני כפתורים באותו גודל */
dialog.att-dialog{padding:0}dialog.att-dialog>*{padding:0 22px}dialog.att-dialog>.dialog-head{padding:18px 22px 6px;align-items:center;justify-content:space-between;flex-wrap:nowrap}dialog.att-dialog>.dialog-head h2{margin:0;flex:1 1 auto}
dialog.att-dialog>.dialog-head [data-close]{flex:0 0 40px;width:40px;height:40px;min-height:40px;padding:0;border-radius:50%;font-size:24px;line-height:1;display:inline-flex;align-items:center;justify-content:center;background:transparent;color:var(--gold)}
dialog.att-dialog>form,dialog.att-dialog>div:not(.dialog-head){padding-bottom:20px}
dialog.att-dialog .location-card .row>button{flex:1 1 0;min-width:0;min-height:52px;display:inline-flex;align-items:center;justify-content:center;text-align:center}
dialog.att-dialog .location-card .row{align-items:stretch}

/* שכר בזמן אמת מתחת לשעון ו"היום" אחרי יציאה (בעלים 5.10) */
.clock-earn{font-size:clamp(1.05rem,4.2vw,1.4rem);font-weight:700;color:var(--gold);font-variant-numeric:tabular-nums;line-height:1.4}.clock-today{display:grid;gap:4px;justify-items:center;padding:14px 20px;border:1px solid var(--mf-border-subtle,#49413a);border-radius:18px;background:#ffffff08;width:min(100%,440px)}.clock-today .today-label{font-size:.95rem;color:#cfc4b2}.clock-today .today-hours{font-size:clamp(1.8rem,8vw,2.6rem);font-variant-numeric:tabular-nums;color:#edab58;line-height:1.2}.clock-today .today-pay{font-weight:700;color:var(--gold);font-variant-numeric:tabular-nums}.clock-today .today-auto{font-size:.88rem;color:#cfc4b2}

/* Completed-month PDF reports live under My hours, away from the clock action. */
#history .hours-report-entry{display:flex;align-items:center;justify-content:center;gap:12px;min-height:62px;padding:15px 18px;margin:18px 0 22px;border-radius:16px;background:var(--gold);color:var(--bg);font-weight:bold;text-decoration:none;line-height:1.5;text-align:center}#history .hours-report-entry svg{width:26px;height:26px;flex:0 0 26px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}#history .hours-report-entry span{min-width:0;overflow-wrap:anywhere}

/* ═══ Attendance stream C (6-Oct): states A–F, busy, failures, a11y. No frame, outline or halo on any button (owner rule);
   the busy tile keeps its colour (not the disabled grey); every row of actions pads and wraps at 320 px. ═══ */
.visually-hidden{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0 0 0 0)!important;clip-path:inset(50%)!important;white-space:nowrap!important;border:0!important}
.clock-hello{margin:0;font-size:1.05rem;font-weight:600;color:#d8cfc1}
.clock-screen .clock-wait{margin:0}
.clock-action.is-busy{cursor:progress;filter:saturate(.8) brightness(.96)}
.clock-action.is-busy .clock-qr-icon{opacity:.6}
.clock-fix{min-height:48px;padding:12px 24px;border:0;border-radius:14px;background:#ffffff0f;color:var(--gold)}
.clock-attendance #notice{display:flex;flex-wrap:wrap;align-items:center;gap:10px 16px;line-height:1.5}
.clock-attendance #notice.ok{color:#cdeccf}.clock-attendance #notice.error{color:#ffd2c9}
.clock-attendance #notice .notice-action{min-height:44px;padding:8px 18px;border:0;border-radius:12px;box-shadow:none}
.attendance-scanner .scan-msg{margin:12px 0 0}.attendance-scanner .scan-msg.error{color:#ffd2c9}
.attendance-scanner .scan-hint{margin:6px 0 0;text-align:center;font-size:.9rem;color:#cfc4b2}
.attendance-scanner .scan-actions{gap:12px;padding:14px 0 6px}.attendance-scanner .scan-actions:empty{display:none}
.attendance-scanner .scan-actions button,.attendance-scanner button.torch{flex:1 1 140px;min-height:48px;border:0;box-shadow:none}
.attendance-scanner button.torch{width:100%;margin-top:12px}
.attendance-camera-frame[hidden]{display:none!important}
.clock-action[data-quiet-focus]:focus,.clock-action[data-quiet-focus]:focus-visible{outline-color:transparent!important;outline-style:none!important}
/* בעלים 6.10: קובייה למצב היום וקובייה נפרדת למחר — מילוי עדין, בלי מסגרת */
.clock-screen .clock-box{width:min(100%,440px);box-sizing:border-box;margin:0;padding:14px 18px;border-radius:18px;background:#ffffff0d;text-align:center;line-height:1.6}
.clock-screen .clock-tomorrow{color:#d8cfc1;font-variant-numeric:tabular-nums}
.clock-screen .clock-tomorrow span{display:block;font-size:.85em;color:var(--gold);font-weight:600;margin-bottom:2px}
.clock-screen .clock-hello{font-size:1.15rem}
/* בעלים 19.10: החתמות v2 — the late banner (a status, no close control: the reminders cannot be silenced on the site), the open line,
   the pending report, the system exit and the two report dialogs. Fills, never frames; gold tint, no orange; ≤ 2 words per button. */
.clock-screen .clock-late{width:min(100%,440px);box-sizing:border-box;display:grid;gap:4px;padding:14px 18px;border:0;border-radius:18px;background:#c9a4681f;color:#f1e3c8;text-align:center;line-height:1.55}
.clock-screen .clock-late strong{font-size:1.02rem;color:var(--gold)}
.clock-screen .clock-late span{font-size:.95rem;color:#e9dcc6}
.clock-screen .clock-line{margin:0;max-width:440px;color:#d8cfc1;line-height:1.6}
.clock-screen .clock-claim{margin:0;display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:6px 10px;max-width:440px;line-height:1.6;color:#e6dfd3}
.clock-screen .clock-chip{padding:3px 12px;border-radius:999px;background:#c9a46826;color:var(--gold);font-weight:700;font-size:.9rem;white-space:nowrap}
.clock-screen .clock-claim-done{color:#e6dfd3;font-variant-numeric:tabular-nums}
.clock-screen .clock-autoend{display:grid;gap:10px;justify-items:center;color:#e6dfd3;font-variant-numeric:tabular-nums}
.clock-screen .clock-autoend .clock-fix{margin:0}
dialog.att-claim .claim-form{display:grid;gap:12px}
dialog.att-claim .claim-form p{margin:0;line-height:1.6}
dialog.att-claim .claim-note{color:var(--gold);font-weight:600}
dialog.att-claim .claim-range{font-size:.88rem;color:#cfc4b2;font-variant-numeric:tabular-nums}
dialog.att-claim .claim-chips{display:flex;flex-wrap:wrap;gap:6px}
dialog.att-claim button.claim-chip{min-height:44px;padding:6px 14px;border:0;border-radius:999px;background:#ffffff12;color:#e6dfd3;font-weight:600;font-size:.9rem;white-space:nowrap;box-shadow:none}
dialog.att-claim button.claim-chip.on{background:#c9a46826;color:var(--gold)}
dialog.att-claim .claim-err{color:#ffd2c9;min-height:0}dialog.att-claim .claim-err:empty{display:none}
dialog.att-claim .claim-acts{display:flex;flex-wrap:wrap;gap:10px}dialog.att-claim .claim-acts button{flex:1 1 140px;min-height:48px;border:0;box-shadow:none;white-space:nowrap}
dialog.att-claim textarea{min-height:72px}