/* פתיחת יום (תסריט בוקר), שעון נוכחות ויעדים. משתנים מ-app.css, כולל מצב כהה. */
.warnbox{margin:8px 0;padding:10px 12px;border-radius:var(--r2);background:var(--warn-bg);color:var(--warn);font-weight:600;display:flex;gap:8px;align-items:flex-start}
.warnbox svg{flex:none;width:18px;height:18px;margin-top:2px}

/* תסריט בוקר */
.morning{max-width:640px;margin:10px auto 40px}
.mhead{text-align:center;margin-bottom:18px}
.mhead h1{font-size:28px;margin:2px 0 4px}
.msteps{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:12px}
.mstep{display:flex;gap:14px;align-items:flex-start;background:var(--panel);border:1px solid var(--line);border-radius:var(--r);padding:16px;box-shadow:var(--sh)}
.mstep .mn{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;font-weight:800;font-family:var(--fh);flex:none;background:var(--panel2);color:var(--tx2);border:1px solid var(--line)}
.mstep .mn svg{width:18px;height:18px}
.mstep.on{border-color:var(--pur);box-shadow:0 8px 28px rgba(115,56,235,.18)}
.mstep.on .mn{background:var(--pur);color:#fff;border-color:var(--pur)}
.mstep.done .mn{background:var(--ok-bg);color:var(--ok);border-color:transparent}
.mstep.wait{opacity:.6}
.mstep .mb{flex:1;min-width:0}
.mstep .mb>b{font-size:17px;font-family:var(--fh);display:block;margin:4px 0 6px}
.mstep.done .mx{color:var(--tx2)}
.mcheck .check:first-child{border-top:0}
.mcheck .check input{width:22px;height:22px;accent-color:var(--pur)}

/* שעון נוכחות */
.attchip.in{background:var(--ok-bg);border-color:transparent;color:var(--ok)}
.attchip.break{background:var(--warn-bg);border-color:transparent;color:var(--warn)}
.attchip.out{color:var(--tx2)}
.attchip svg{width:16px;height:16px}
.big-state{font-size:20px;font-weight:800;font-family:var(--fh);margin:0 0 12px}
.attnow .big-state{margin:0}
.attnow .row{flex-wrap:wrap;gap:8px}
.side .attmini{margin-top:auto;display:flex;align-items:center;gap:8px;background:rgba(255,255,255,.06);border:0;border-radius:12px;color:#e3dcff;padding:8px 12px;font:inherit;font-size:13.5px;font-weight:700;cursor:pointer;text-align:start;flex:none}
.side .attmini:hover{background:rgba(255,255,255,.12)}
.side .attmini.in svg{color:#6ee7b7} .side .attmini.break svg{color:#fbbf24}
.side .attmini svg{width:16px;height:16px;flex:none}
.side .attmini+.me{margin-top:4px}
tr.bad td{background:var(--bad-bg)}

/* פס יעד יומי בקופה (דודי): עדין, בשורת הכותרת */
.pgoal{flex:1;min-width:0;max-width:520px}
.gbar{display:flex;align-items:center;gap:8px;font-size:13.5px;color:var(--tx2);white-space:nowrap;overflow:hidden}
.gbar svg{width:16px;height:16px;flex:none;color:var(--pur)}
.gbar .gt{overflow:hidden;text-overflow:ellipsis}
.gtrack{position:relative;flex:1;min-width:60px;height:8px;background:var(--panel2);border:1px solid var(--line);border-radius:9px;overflow:hidden}
.gtrack i{display:block;height:100%;background:var(--pur);border-radius:9px}
.gtrack.big{height:12px;margin:6px 0}
.gtrack .mk{position:absolute;top:-2px;bottom:-2px;width:3px;background:var(--tx);opacity:.55;border-radius:2px}
@media (max-width:860px){.pos-top{flex-wrap:wrap}.pgoal{order:9;flex-basis:100%;max-width:none}}

/* יעדים בדף המנהל */
#mgoals h3{display:flex;align-items:center;gap:6px;font-size:16px;margin:0 0 6px}
#mgoals h3 svg{width:17px;height:17px;color:var(--pur)}
.gline{margin:0 0 4px;line-height:1.7}
.gmain{margin-top:6px}
.gmain>div{border:1px solid var(--line);border-radius:var(--r2);padding:12px 14px;background:var(--panel2)}
.gdepts{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:10px}
.gd{border:1px solid var(--line);border-radius:var(--r2);padding:10px 12px}
.gdh{display:flex;align-items:center;gap:6px;flex-wrap:wrap}
.galts{display:flex;flex-direction:column;gap:12px}
.galt{border:1px solid var(--line);border-radius:var(--r);padding:14px}
.galt.on{border-color:var(--ok);box-shadow:0 0 0 2px var(--ok-bg)}
.galt .gid{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;background:var(--pur-soft);color:var(--pur);font-family:var(--fh);font-size:18px;flex:none}
.gwhy{margin:10px 0;padding-inline-start:18px;font-size:13.5px;color:var(--tx2)}
.gwhy li{margin:3px 0}
