@font-face{font-family:Guard;src:local(Arial)}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:Heebo,Arial,sans-serif;padding-bottom:90px}header{display:flex;align-items:center;gap:24px;padding:18px max(20px,calc((100vw - 1100px)/2));background:var(--panel-b);color:var(--ink);flex-wrap:wrap}header a{color:var(--ink)}a{text-decoration:none;color:var(--accent)}.brand{font-size:25px;font-weight:bold;white-space:nowrap}.brand strong{color:var(--accent)}#identity{flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.langsw{display:inline-flex;align-items:center;justify-content:center;min-width:44px;min-height:36px;padding:0 10px;border:1px solid var(--line);border-radius:9px;color:var(--muted);text-decoration:none;font-size:.78rem;font-weight:600;letter-spacing:.06em}@media(hover:hover) and (pointer:fine){.langsw:hover{color:var(--accent);border-color:var(--accent)}}.statusbar{display:flex;gap:16px;align-items:center;flex-wrap:wrap;background:var(--panel-a);border-bottom:1px solid var(--line);padding:12px max(20px,calc((100vw - 1100px)/2));font-size:14px}main{max-width:1100px;margin:24px auto;padding:0 20px}.pagehead{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:24px}.eyebrow{letter-spacing:3px;color:var(--muted);font-size:12px}h1{font-size:clamp(25px,4vw,36px);margin:8px 0}h2{font-size:22px;margin:0 0 16px}h3{font-size:18px;margin:0 0 10px}p{line-height:1.6}button,.button{font:inherit;padding:11px 16px;background:var(--panel-a);color:var(--ink);border:1px solid var(--line);border-radius:10px;cursor:pointer;display:inline-block;min-height:44px}@media(hover:hover) and (pointer:fine){button:hover,.button:hover{background:var(--panel-b)}button:not(.danger):hover,.button:not(.danger):hover{border-color:var(--line)}}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid var(--accent);outline-offset:2px}button:disabled{opacity:.55;cursor:default}.primary{background:var(--accent);color:var(--ink);border-color:var(--accent)}.danger{background:var(--panel-a);color:var(--bad);border-color:var(--bad)}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.tile{text-align:right;background:var(--panel-a);min-height:145px;padding:22px;border-radius:16px;box-shadow:0 3px 14px #0003}.tile strong{display:block;font-size:21px;margin:10px 0}.tile span{color:var(--muted);font-size:14px}.tile.scan{grid-column:span 2}.card{background:var(--panel-a);border:1px solid var(--line);border-radius:14px;padding:20px;margin-bottom:14px;overflow-wrap:anywhere}.row{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.spread{justify-content:space-between}.muted{color:var(--muted);font-size:14px}.chip{display:inline-block;border-radius:20px;padding:5px 10px;background:var(--chip);color:var(--ink);font-size:13px}.chip.good{background:#34c77b18;color:var(--good)}.chip.warn{background:var(--accent-glow);color:var(--accent)}.filters{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:16px}.filters button[aria-pressed=true]{background:var(--accent);color:var(--ink)}input,textarea,select{font:inherit;border:1px solid var(--line);border-radius:8px;padding:11px;background:var(--panel-a);color:var(--ink);max-width:100%}input[type=search]{width:min(100%,400px)}label{display:block}label input:not([type=checkbox]),label textarea{display:block;width:100%;margin:8px 0 14px}textarea{min-height:90px}.field{border-bottom:1px solid var(--line);padding:12px 0 20px;margin-bottom:12px}.field img,.evidence{max-width:220px;max-height:180px;border-radius:8px;display:block;margin:10px 0}#notice:not(:empty){background:var(--accent-glow);padding:14px;border-radius:10px;margin-bottom:20px}nav{position:fixed;bottom:0;right:0;left:0;background:var(--panel-a);box-shadow:0 -2px 18px #0005;display:flex;justify-content:center;gap:4px;padding:10px;padding-bottom:max(10px,env(safe-area-inset-bottom));z-index:10}nav button{border:0}nav button.active{background:var(--accent);color:var(--bg)}dialog{border:0;border-radius:18px;width:min(680px,calc(100vw - 24px));max-height:90vh;max-height:90dvh;padding:28px;color:var(--ink)}dialog::backdrop{background:#000b}.close{float:left;margin:-10px -10px 10px 10px}summary{cursor:pointer;padding:10px}.empty{text-align:center;padding:48px 20px;color:var(--muted)}.queue-error{border-right:4px solid var(--accent)}.form-actions{position:sticky;bottom:0;background:var(--panel-a);padding:12px 0;display:flex;gap:8px;flex-wrap:wrap}time{direction:ltr;unicode-bidi:isolate}@media(max-width:600px){.grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.tile{padding:16px;min-height:125px}.tile.scan{grid-column:span 2}header{gap:10px 12px;padding:14px 16px}#identity{flex-basis:calc(100% - 200px)}.statusbar{gap:9px;padding:10px 16px}main{padding:0 14px;margin-top:18px}nav button{font-size:13px;padding:10px}.card{padding:16px}dialog{padding:20px}}

/* Same palette and typography as the main Mifkada operations screen. */
.primary,.filters button[aria-pressed=true]{color:var(--bg)}
@media(hover:hover) and (pointer:fine){.primary:hover{background:var(--accent-deep);color:var(--bg)}}
.brand{font-family:"Secular One",Heebo,sans-serif}::selection{background:var(--accent-glow);color:var(--ink)}
.active-summary{border-inline-start:3px solid var(--accent)}progress{accent-color:var(--accent);width:100%;height:12px}.folder-actions{display:flex;gap:6px;margin:8px 0}.account-current{border-color:var(--good)}
.iconbtn{display:inline-flex;align-items:center;gap:8px;padding:9px 14px}.iconbtn[hidden]{display:none}.menu-icon{width:18px;height:18px;flex:none}
@media(prefers-reduced-motion:no-preference){button,.tile{transition:background .15s,border-color .15s}}

.guard-top-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap;max-width:100%}

/* Shared RTL/LTR layout: controls keep their own rows and dialog content never wraps around close. */
[hidden]{display:none!important}
body{line-height:1.55;padding-bottom:calc(100px + env(safe-area-inset-bottom))}
header>*,.statusbar>*,.row>*,.spread>*,.guard-top-actions>*{min-width:0;max-width:100%}
#identity,#siteLabel{overflow-wrap:anywhere}
button,.button,.tile{max-width:100%;white-space:normal;overflow-wrap:anywhere;line-height:1.5;text-align:center}
.tile,button[data-date]{text-align:start}
.tile{display:flex;flex-direction:column;justify-content:center;gap:8px}
.tile strong{margin:0;font-size:clamp(18px,2.2vw,21px);line-height:1.4}
.tile span{line-height:1.6}
/* בעלים 6.10: על כפתור עד שתי מילים — ההסבר של כל אריח עבר ל-title. נשאר רק תא ההודעה של הפנס ("אין פנס במכשיר"), וכשהוא ריק הוא לא תופס מקום */
.tile>span:empty{display:none}
.row,.folder-actions{gap:12px;flex-wrap:wrap}
#content>.row,.work-part>.row,#modalContent>.row,.account-current>.row{margin-block:16px}
#content>input[type=search],.work-part>input[type=search],#patrolReportsList>input[type=search]{margin-block:0 16px}
#activeRound:has(>.card){margin-top:16px}
.card .row+h3,#modalContent>.row+h3{margin-top:24px}
form>label{margin-block:0 18px}
form>label>select{display:block;width:100%;margin-top:8px}
form>label.card{display:flex;align-items:flex-start;gap:12px}
input[type=checkbox]{flex:none;width:20px;height:20px;margin:3px 0;accent-color:var(--accent)}
input[type=file]{white-space:normal;overflow:hidden;width:100%}
label input:not([type=checkbox]),label textarea{margin-bottom:0}
.field .row{margin-block:12px}
.field .button{display:inline-flex;align-items:center;margin:0}
.field img,.evidence{max-width:100%;height:auto;object-fit:contain}
dialog{background:var(--panel-a);border:1px solid var(--line);overflow:auto;max-height:calc(100vh - 24px);max-height:calc(100dvh - 24px);overscroll-behavior:contain}
dialog .close{float:none;display:block;margin:0 0 16px;margin-inline-start:auto;min-width:44px}
#modalContent{clear:both;min-width:0;overflow-wrap:anywhere}
#modalContent h2{line-height:1.45}
.form-actions{position:static;border-top:1px solid var(--line);padding-top:16px;margin-top:16px}
nav{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:4px;max-width:100%;padding-inline:max(8px,calc((100vw - 700px)/2))}
nav button{padding:10px 6px;min-width:0;min-height:48px;line-height:1.35;overflow-wrap:normal}
.queue-error{border-right:0;border-inline-start:4px solid var(--accent)}
@media(max-width:480px){
 .statusbar{gap:12px}.guard-top-actions{width:100%;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
 .guard-top-actions .iconbtn{justify-content:center;padding:10px 8px}
 .grid{grid-template-columns:minmax(0,1fr)}.tile.scan{grid-column:auto}.tile{min-height:108px;padding:18px}
 .row>input[type=search]{flex:1 1 180px;width:100%;min-width:0}
 .row>label{flex:1 1 100%}.row>label select{width:100%;display:block;margin-top:8px}
 .folder-actions>*{flex:1 1 120px}.form-actions>*{flex:1 1 120px}
 /* בטלפון: "שלח" בשורה מלאה ראשונה; טיוטה ו"נקה טופס" חולקים את השנייה — קודם "נקה טופס" נשאר לבד ברוחב מלא, הכפתור הבולט ביותר מתחת לטופס מלא */
 .form-actions>.primary{order:-1;flex-basis:100%}
 dialog{padding:18px}nav button{font-size:12px}
}

/* Keep brand, language and identity in distinct tracks on small screens. */
body>header .langsw{min-height:44px;min-width:48px;white-space:nowrap;flex:none}
@media(max-width:600px){
 body>header{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:center}
 body>header .brand{grid-column:1;grid-row:1;font-size:clamp(21px,6vw,25px)}
 body>header .langsw{grid-column:2;grid-row:1;justify-self:end}
 body>header #identity{grid-column:1/-1;grid-row:2;white-space:normal;overflow-wrap:break-word;line-height:1.5}
 body>header .device-push-controls{grid-column:1/-1;min-width:0}
 body>header .device-push-controls button{font-size:14px}
 .statusbar #siteLabel{flex-basis:100%;line-height:1.5}
}
/* The selected dock item uses a tinted panel, so retain a readable accent foreground. */
body>nav button.active{color:var(--accent);background:var(--accent-glow)}

/* ── הרצועה התחתונה: מצב, דיווחים ממתינים, למפקדה, שפה — ומתחתיה הניווט ── */
nav.bottomdock{position:fixed;bottom:0;right:0;left:0;z-index:10;display:flex;flex-direction:column;gap:0;padding:0;background:var(--panel-a);border:0;box-shadow:none}
.navtabs{order:2;position:relative;display:flex;align-items:stretch;gap:4px;padding:6px max(8px,calc((100vw - 960px)/2)) max(10px,env(safe-area-inset-bottom))}
.navtabs>[data-page],.navtabs>.tohq{flex:1 1 0;min-width:0}
/* השורה העליונה: רק "מחובר" והשם. כל שאר הפריטים — דיווחים ממתינים, שפה, יציאה — כפתורי סרגל באותה שפת
   עיצוב כמו הלשוניות. מה שלא נכנס בשורה אחת עובר ל"עוד" (bar-fit.js), וגם בתוך התפריט אותו עיצוב */
.bottomdock .navtabs>button,.bottomdock .navtabs>a,.bottomdock .navtabs .bar-more-panel>button,.bottomdock .navtabs .bar-more-panel>a{display:flex!important;flex-direction:column!important;align-items:center;justify-content:center;gap:4px;flex:1 1 0;min-width:0;min-height:58px;padding:6px 4px;border:0!important;border-radius:12px;background:transparent!important;color:var(--muted,#b6ada0);font:inherit;font-size:12px;line-height:1.25;text-decoration:none;white-space:normal;text-align:center;cursor:pointer;position:relative}
/* בעלים 5.10: הדף הנוכחי מסומן בצבע האייקון והתווית בלבד — בלי רקע זהב (נראה כ"כפתור לחוץ") */.bottomdock .navtabs>button.active,.bottomdock .navtabs>a.active,.bottomdock .navtabs .bar-more-panel>button.active{color:var(--accent);background:transparent!important}
.bottomdock .navtabs svg{width:24px!important;height:24px!important;flex:0 0 24px;stroke:currentColor;fill:none;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;margin:0!important}
.bottomdock .navtabs .lbl{display:block}
/* בתוך תפריט "עוד": כפתורים ברוחב מלא של תווית, בשורות — לא שורה דחוסה אחת */
.bottomdock .navtabs .bar-more-panel>button,.bottomdock .navtabs .bar-more-panel>a{flex:1 1 128px;max-width:180px}
.navbadge{position:absolute;top:3px;left:50%;margin-left:6px;min-width:18px;height:18px;padding:0 5px;border-radius:9px;background:#c9a468;color:#fff;font-size:11px;font-weight:700;line-height:18px;text-align:center;box-shadow:0 0 0 2px var(--panel-a)}
.navbadge[hidden]{display:none}
/* D34 (אימות 5.10): לשונית מוסתרת בסרגל התחתון נשארת מוסתרת — הכלל display:flex!important של הלשוניות (ספציפיות 0,2,1) גבר על [hidden], וכספים ראו "סיורים", "טפסים ומטלות" ו"היסטוריה" */
.bottomdock .navtabs>[hidden],.bottomdock .navtabs .bar-more-panel>[hidden]{display:none!important}


/* כפתורי הרצועה אינם לשוניות: משאירים להם מסגרת ורקע רגילים */
.bottomdock .statusbar button,.bottomdock .statusbar .button{display:inline-flex;flex-direction:row;align-items:center;gap:6px;min-height:44px;border:1px solid var(--line);background:var(--panel-b);color:var(--ink);text-align:center;white-space:nowrap}
/* בלי סמלי המעטפת ברצועה — באנגלית התוויות ארוכות והשורה חייבת להיכנס ב-390px */
.bottomdock .statusbar .app-icon{display:none}
.bottomdock .statusbar .primary{background:var(--accent);color:var(--bg);border-color:var(--accent)}
/* שורה אחת, נגללת לצדדים במסך צר — כדי שהרצועה לא תגדל ותכסה תוכן */
.bottomdock .statusbar{border:0;background:transparent;padding:5px max(10px,calc((100vw - 700px)/2));gap:8px;font-size:13px;order:1;justify-content:safe center;flex-wrap:nowrap;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:none}
.bottomdock .statusbar::-webkit-scrollbar{display:none}
.bottomdock .statusbar>*{flex:0 0 auto;white-space:nowrap}
.bottomdock .statusbar>*{min-width:0}
.bottomdock #identity{color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:38vw}
.bottomdock #backToPatrolCenter,.bottomdock .langsw{min-height:44px;padding:8px 12px;font-size:13px}
/* "מחובר" עם נקודה בצבע האתר; בלי חיבור — אדומה */
#connection{display:inline-flex;align-items:center;gap:6px;white-space:nowrap}
#connection::before{content:'';width:9px;height:9px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 3px var(--accent-glow);flex:none}
/* המנורה בסוף "מחובר": משמאל בעברית, מימין באנגלית (inline-end) */
#connection::before{order:1}
#connection.offline::before{background:var(--bad);box-shadow:none}
/* הרצועה + הניווט תופסים עד ~200px בטלפון צר — התוכן חייב מרווח כדי שכפתור אחרון לא ייבלע מתחתיהם */
/* app-shell.css מגדיר body.app-guard עם 90px — כאן צריך יותר, ולכן סלקטור חזק יותר */
html body.app-guard,html body{padding-bottom:calc(150px + env(safe-area-inset-bottom))}
@media(max-width:480px){.bottomdock .statusbar{gap:6px;padding:5px 8px;font-size:12px}.bottomdock #identity{display:none}.bottomdock .statusbar button,.bottomdock .statusbar .button,.bottomdock .langsw{padding:6px 9px;font-size:12px}}
/* טלפון צר: שתי שורות במקום גלילה לצדדים (כפתור שנחתך מחוץ למסך גרוע משורה נוספת), בלי סמלי המעטפת */
@media(max-width:360px){.bottomdock .statusbar{flex-wrap:wrap;overflow:visible;justify-content:center;gap:6px 8px;padding:6px 8px;font-size:12px}.bottomdock .statusbar .app-icon{display:none}.bottomdock .statusbar button,.bottomdock .statusbar .button{padding:6px 10px}html body.app-guard,html body{padding-bottom:calc(210px + env(safe-area-inset-bottom))}}

/* "חזרה למרכז הסיורים" כפול ללשונית "ראשי" שמתחתיו — הכפתור נשאר ב-DOM (הקוד מדליק/מכבה אותו) אבל לא מוצג ברצועה */
#backToPatrolCenter{display:none!important}

/* סיורי היום: כרטיס סיור נלחץ כולו ופותח את נקודות הסיור; סיור שלא בוצע */
.card.clickable{cursor:pointer}.card.clickable:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.chip.bad{background:#ff5a5a1f;color:#ff8a80}
/* The active patrol has one primary action; details stay one tap away. */
.patrol-focus{display:flex;flex-direction:column;gap:16px}.patrol-focus h2,.patrol-focus p{margin:0}.patrol-progress{color:var(--accent,#c9a468);font-weight:700}.patrol-focus progress{width:100%;height:8px;accent-color:var(--accent,#c9a468)}.patrol-next{line-height:1.5}.patrol-scan{width:100%;min-height:150px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;font-size:1.4rem;font-weight:700;border-radius:20px}.patrol-scan svg{width:44px;height:44px;fill:none;stroke:currentColor;stroke-width:2}.patrol-secondary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.patrol-secondary button{min-height:52px;padding:10px 6px;line-height:1.4;white-space:normal;overflow-wrap:normal}.patrol-focus button:focus-visible{outline:3px solid var(--accent,#c9a468);outline-offset:3px}@media(max-width:360px){.patrol-secondary{grid-template-columns:1fr 1fr}.patrol-secondary #roundEnd{grid-column:1/-1}.patrol-scan{min-height:130px}}
.patrol-other{margin:16px 0 24px}.patrol-other summary{min-height:44px;cursor:pointer;padding:12px;color:var(--accent,#c9a468)}.patrol-other[open]>:not(summary){margin-top:12px}
/* סיור שממתין לשעת ההתחלה: אפור ולא זמין לביצוע, אבל רשימת הנקודות שלו פתוחה לעיון */
.card.pending{opacity:.62;border-style:dashed}.card.pending .plan-title{color:var(--muted,var(--mf-text-muted,#A39A8C))}
/* סבב פעיל בהיסטוריית הסיורים — המסך החי של חדר הבקרה: כותרת "בסיור עכשיו", מסגרת זהב ונקודה מהבהבת */
.patrol-live-h{margin:4px 0 10px;font-size:1rem;color:var(--accent,#c9a468)}
.card.patrol-live{border-color:var(--accent,#c9a468)}
.live-dot{display:inline-block;width:9px;height:9px;border-radius:50%;background:var(--good,#34c77b);margin-inline-end:8px;vertical-align:middle;animation:live-pulse 1.6s ease-in-out infinite}
@keyframes live-pulse{50%{opacity:.35}}
@media(prefers-reduced-motion:reduce){.live-dot{animation:none}}
/* "התחלה"/"סיום" בנקודות המסלול: p.chip הוא inline-block, אז "התחלה" זרם לצד שדה החיפוש
   (מרווח 0) ונקרא כתווית שלו. שורה משלו, כמו "סיום". */
#modalContent>p.chip{display:table;margin:10px 0}
/* כפתור ✕ של חלונות מרכז הסיורים: ui-buttons.css נותן לו 40px — מתחת למטרת מגע של 44 (בדיקת הפריסה ב-320 תפסה) */
#closeModal{width:44px;height:44px;min-height:44px}
/* כפתורים לא יושבים אחד על השני: כפתור בודד בראש מסך (למשל "+ הוספת מטלה") מקבל רווח
   מהשורה שאחריו, ושורות מסננים מקבלות רווח ביניהן — בכל מסכי מרכז הסיורים */
#content>button,#content>.button,#content>a.button,.work-part>button,.work-part>.button,.work-part>a.button{margin-bottom:12px}
#content>button+.filters,#content>.button+.filters,.work-part>button+.filters,.work-part>.button+.filters,.filters+.filters{margin-top:12px}
.card>button+button,.card>.button+button,.card>button+.button,.card>.row+button,.card>p+button,.card>h3+button,.card>h2+button{margin-top:10px}
details.card+details.card,details+details{margin-top:8px}

/* הלוגו: "מפקדה" בלבן, "גארד" בזהב — כמו בגרסה הקודמת; באנגלית Mifkada Guard באותו עיצוב */
.pagehead .brand{display:inline-flex;gap:.35em;align-items:baseline;font-family:"Secular One",Heebo,Arial,sans-serif;font-size:clamp(24px,6.5vw,30px);line-height:1.1;letter-spacing:.01em;margin-bottom:4px}.pagehead .brand .brand-name{color:var(--ink,#f5f2eb)}.pagehead .brand .brand-guard{color:var(--accent,#c9a468)}html[lang=en] .pagehead .brand{letter-spacing:.01em;text-transform:none;font-size:clamp(20px,5.5vw,26px)}

/* מרכז הסיורים: "עוד" מקפל את הכלים המשניים */
.more-tiles{margin-top:14px}.more-tiles>summary{cursor:pointer;min-height:48px;display:flex;align-items:center;justify-content:center;border:1px solid var(--line,var(--mf-border-subtle,#49413a));border-radius:14px;color:var(--accent,#c9a468);font-weight:700;list-style:none}.more-tiles>summary::-webkit-details-marker{display:none}.more-tiles[open]>summary{margin-bottom:12px}

button.brand{background:none;border:0;padding:0;cursor:pointer;font:inherit;text-align:start}button.brand:focus-visible{outline:3px solid var(--accent,#c9a468);outline-offset:3px;border-radius:6px}.navtabs a.tohq{text-decoration:none}
.navtabs a.tohq{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;border:0;font-size:12px;padding:10px 6px;min-height:48px;line-height:1.35;color:var(--ink);background:transparent;border-radius:12px;text-decoration:none}.navtabs a.tohq .app-icon{width:22px;height:22px}

/* פנס: אייקון דולק/כבוי */
.tile.torch .torch-icon{width:30px;height:30px;color:var(--muted,#9a927f)}.tile.torch .torch-icon .rays{opacity:0}/* בעלים 28.10: פנס דולק — האריח זהב, האייקון (פנס דולק) והטקסט שחורים, לא אפורים */.tile.torch.on{border-color:var(--accent,#c9a468);background:var(--accent,#c9a468);color:#1A1204}.tile.torch.on strong,.tile.torch.on span{color:#1A1204}.tile.torch.on .torch-icon{color:#1A1204}.tile.torch.on .torch-icon .rays{opacity:1}.tile.torch.on .torch-icon .body{fill:#1A1204}

.cp-instructions{margin:4px 0 0;font-size:.85rem;opacity:.85}

/* טפסים ומטלות בדף אחד */
.work-h{margin:18px 0 8px;font-size:1.05rem;color:var(--gold,#c9a468);display:flex;align-items:center;gap:10px}.work-h::after{content:'';flex:1;height:2px;background:var(--gold,#c9a468);opacity:.6;border-radius:2px}.work-part{margin-bottom:6px}#content>.work-h:first-child{margin-top:4px}

/* A flat shared dock surface; overflow is a small menu, never another full-width bar. */
/* התפריט נפתח מעל כל הרצועה, לא רק מעל שורת הכפתורים: .navtabs היה ה-containing block (relative),
   ו-bottom:calc(100% + 10px) הניח אותו על שורת הסטטוס ("מחובר") — 320×19px כיסוי במובייל. static כאן
   (רק בגארד) מעביר את העוגן ל-nav.bottomdock הקבוע; תגי המונה נשארים מעוגנים לכפתור שלהם (relative). */
/* !important: bar-fit.js (שורה 39) כותב position:relative inline לכל סרגל שהוא static — וזה החזיר את התפריט על שורת הסטטוס ב-390/430 */
body.app-guard nav.bottomdock .navtabs{position:static!important}
body.app-guard nav.bottomdock .navtabs>.bar-more-panel{
 display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;
 width:min(320px,calc(100vw - 24px));max-width:calc(100vw - 24px);
 left:12px;right:auto;bottom:calc(100% + 10px);padding:10px;
 background:var(--panel-a);border:0;border-radius:16px;box-shadow:0 8px 28px #0006;
}
body.app-guard nav.bottomdock .navtabs>.bar-more-panel>:is(button,a){
 width:100%;min-width:0;max-width:none;min-height:64px;white-space:normal;overflow-wrap:normal;
}
/* The identity row belongs to the same dock surface as its buttons.
   bar-fit centers it above the first action, clamped inside the viewport. */
body.app-guard nav.bottomdock{background:var(--panel-a);pointer-events:auto;border:0;box-shadow:none}
body.app-guard nav.bottomdock .navtabs{background:transparent}
body.app-guard nav.bottomdock .statusbar{align-self:flex-start;flex:0 0 auto;width:auto;max-width:calc(100% - 16px);margin:0;margin-inline-start:var(--status-inset,8px);padding:7px 4px 0;border:0;border-radius:0;background:transparent;box-shadow:none;overflow:hidden}


/* היסטוריית סיורים בשלושה מקטעים (3.10): בוצעו במלואם (ירוק) · לא בוצעו (כרטיס אדום) · בוצעו חלקית (ענבר) */
.patrol-section{margin-top:22px}.patrol-section-h{margin:4px 0 10px;font-size:1rem;color:var(--accent,#c9a468)}
.patrol-section[data-patrol-section=complete] .patrol-section-h{color:var(--good,#34c77b)}.patrol-section[data-patrol-section=missed] .patrol-section-h{color:var(--bad,#ff5a5a)}
.patrol-card>.row.spread{flex-wrap:nowrap;align-items:flex-start}.patrol-card>.row.spread h3{margin:0;min-width:0}.patrol-card>.row.spread .chip{flex-shrink:0}
.card.patrol-missed{border-color:var(--bad,#ff5a5a);border-inline-start:4px solid var(--bad,#ff5a5a)}
#modalContent .card.patrol-point-missing{border-color:var(--bad,#ff5a5a)}#modalContent .card.patrol-point-missing p{color:var(--bad,#ff8a80)}
/* סיום סיור שממתין לסריקות: הסבב נעול לסריקה, ההודעה בולטת בראש הכרטיס */
.patrol-pending-end{color:var(--accent,#c9a468);font-weight:700}
/* עמדה בטופס הסיור */
#planForm .plan-position select{display:block;width:100%;margin:8px 0 4px}#planForm .plan-position small{display:block;margin-bottom:14px}
/* בורר אתר בראש הדף — מנהל/ת אזור או כללי/ת עם כמה אתרים (guard-app.js mountSitePick) */
/* Safari מתעלם מ-min-height בבורר טבעי (29px, חץ כפול) — appearance:none + חץ משלנו, כמו בורר הלוח */.pagehead .site-pick{flex:0 1 240px;max-width:100%;min-height:44px;appearance:none;-webkit-appearance:none;cursor:pointer;padding-inline:12px 34px;text-overflow:ellipsis;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='m1 1 5 5 5-5' fill='none' stroke='%23c9a468' stroke-width='2'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:left 12px center}html[dir=ltr] .pagehead .site-pick{background-position:right 12px center}.pagehead .site-pick[hidden]{display:none}@media(max-width:420px){.pagehead:has(#sitePick:not([hidden])){flex-wrap:wrap}.pagehead .site-pick{flex-basis:100%}}
/* בעלים 6.10: ראש מרכז הסיורים חוזר לעיצוב הקודם — "מפקדה גארד" גדול ו"מרכז הסיורים" מתחתיו, בגלילה רגילה
   (הגרסה הדביקה והקומפקטית מ-5.10 — לוגו קטן והכותרת לצדו — הוסרה לבקשת הבעלים) */
/* כפתור הסריקה הזהוב חוזר: זו הפעולה הראשית של הדף, לא "כפתור לחוץ" (הוסר בטעות בסבב הסרגלים 5.10) */
.tile.scan{background:var(--accent);color:var(--bg)}.tile.scan span,.tile.scan strong,.tile.scan small,.tile.scan b,.tile.scan svg{color:var(--bg)}
@media(hover:hover) and (pointer:fine){.tile.scan:hover{background:var(--accent-deep);color:var(--bg)}}

/* Identity is part of the connection pill on every viewport, not a second name.
   Keep long names inside the screen while retaining the full text in the title. */
body.app-guard nav.bottomdock #identity{display:none}
body.app-guard nav.bottomdock #connection{display:block;position:relative;min-width:0;max-width:100%;padding-inline-end:17px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
body.app-guard nav.bottomdock #connection::before{position:absolute;inset-inline-end:1px;top:50%;transform:translateY(-50%)}
/* בעלים 6.10: עד 2 מילים על כפתור — המונה (מטלות לפי מצב, טפסים בתיקייה) הוא תג נפרד, לא חלק מהתווית */
.filters button .count,summary .count{opacity:.72;font-variant-numeric:tabular-nums;white-space:nowrap}
/* החלון מקבל את הפוקוס בפתיחה (לא ✕) — בלי מסגרת סביב החלון עצמו */
#modal:focus,#modal:focus-visible{outline:none}
/* בעלים 6.10: האור הצהוב (הנקודה והזוהר שלה) לא נחתך — מקום לזוהר בתוך השורה עצמה (היא חותכת טקסט ארוך ב-…) */
body.app-guard nav.bottomdock .statusbar{padding-top:3px}
body.app-guard nav.bottomdock #connection{padding-block:4px;padding-inline-end:28px}
body.app-guard nav.bottomdock #connection::before{inset-inline-end:10px}
/* בעלים 7.10: "האור הצהוב חייב להיות בדיוק מעל הכפתור" — בסרגל הסיורים הנקודה עוברת לתחילת השורה וממורכזת מעל הכפתור הראשון
   ("מפקדה"): bar-fit.js alignStatus כותב --status-dot = מתחילת השורה עד מרכז הכפתור; הטקסט מתחיל 9px אחרי הנקודה. קופסת השורה
   עדיין מתחילה בקצה הכפתור (--status-inset). גובר כאן על "המנורה בסוף" (inline-end, 5.10) — בסוף שורה רחבה מהכפתור היא לא הייתה
   מעליו באף רוחב. בלי bar-fit: 10px מתחילת השורה (הזוהר בתוך השורה) */
body.app-guard nav.bottomdock #connection{padding-inline-start:calc(var(--status-dot,10px) + 18px);padding-inline-end:4px}
body.app-guard nav.bottomdock #connection::before{inset-inline-end:auto;inset-inline-start:var(--status-dot,10px)}
/* בעלים 19.10: תזכורות משמרת — גוף הודעה / דיווח / מטלה שומר את שורות השרת (\n): תזכורת ערב עם שתי משמרות היא שתי שורות, כמו בתיבת ההודעות של המסך הראשי */
.card.searchable>p:first-of-type{white-space:pre-line}
/* בעלים 21.10 (CLOSE X): בטלפון ה-× של #modal בפינה העליונה בצד הסוף, דביק לראש החלון (נשאר במקום כשהחלון נגלל) — ולא בשורה משלו
   מעל הכותרת: הכותרת הראשונה של התוכן משאירה לו מקום בצד הסוף (ריפוד החלון 20px, ה-× נמשך 16px החוצה → 4px מהקצה; CLOSE 26.10: top:-16px — עם top:0 הדביקות החזירה אותו לקצה התוכן, 21px מהקצה ומתחת לכותרת) */
@media(max-width:620px){#modal{padding:20px}#closeModal{position:sticky;top:-16px;z-index:2;float:none;display:flex;align-items:center;justify-content:center;width:44px;height:44px;min-width:44px;min-height:44px;padding:0;margin:-16px 0 -44px;margin-inline-start:auto;margin-inline-end:-16px}#modalContent>h2:first-child,#modalContent>h3:first-child{padding-inline-end:48px;min-height:44px;box-sizing:border-box}}