/* 1.2.90 b6 — call form & call details. Owned by the b6 helper. */
/* ---------- 🆕 New Call form (Sample A, without the quick problem chips) ---------- */
.b6-form .ctpl-chips{margin-bottom:10px}
.b6v2{display:flex;flex-direction:column}
.b6v2 .b6-lbl{font-size:10.5px;letter-spacing:.08em;margin:10px 0 4px 2px}
.b6v2 .b6-lbl:first-of-type{margin-top:2px}
.b6v2 .field.b6-f{margin:0 0 6px;gap:0;position:relative}
.b6v2 .b6-row{display:flex;gap:6px;align-items:flex-start}
.b6v2 .b6-row>*{min-width:0}
.b6v2 .b6-grow{flex:1}
.b6v2 .b6-in{position:relative;display:flex;align-items:center}
.b6v2 .b6-in>svg{position:absolute;left:11px;top:50%;transform:translateY(-50%);width:16px;height:16px;color:hsl(var(--muted-foreground));pointer-events:none}
.b6v2 .b6-in .input{min-height:40px;height:40px;padding:8px 10px 8px 34px;font-size:14.5px}
html[dir=rtl] .b6v2 .b6-in>svg{left:auto;right:11px} html[dir=rtl] .b6v2 .b6-in .input{padding:8px 34px 8px 10px}
.b6v2 .b6-pre{position:absolute;left:8px;font-size:10.5px;font-weight:800;letter-spacing:.04em;color:hsl(var(--accent-foreground));background:hsl(var(--accent-foreground)/.12);border-radius:6px;padding:2px 5px;pointer-events:none}
.b6v2 .b6-pre.do{color:hsl(var(--muted-foreground));background:hsl(var(--secondary))}
.b6v2 .b6-addr .input{padding-left:46px;padding-right:40px}
html[dir=rtl] .b6v2 .b6-pre{left:auto;right:8px} html[dir=rtl] .b6v2 .b6-addr .input{padding-right:46px;padding-left:40px}
/* saved places (ops.js adds "📍 Saved places" under each address field): a small pin inside the box */
.b6v2 .b6-addr .ops-pl-btn{position:absolute;right:4px;top:4px;height:32px;width:34px;padding:0;margin:0;border:0;border-radius:8px;background:transparent;font-size:0;color:transparent;overflow:hidden;display:flex;align-items:center;justify-content:center}
.b6v2 .b6-addr .ops-pl-btn::before{content:"📍";font-size:15px;color:initial}
html[dir=rtl] .b6v2 .b6-addr .ops-pl-btn{right:auto;left:4px}
.b6v2 .b6-addr .addr-note,.b6v2 .b6-addr .mini{margin-top:3px}
/* caller history: a chip in the phone box; the panel folds behind it */
.b6v2 .b6-hx{position:absolute;right:6px;height:28px;border-radius:999px;padding:0 10px;font-size:11.5px;font-weight:700;color:hsl(var(--accent-foreground));background:hsl(var(--accent-foreground)/.1);border:1px solid hsl(var(--accent-foreground)/.3);white-space:nowrap}
.b6v2 .b6-hx.red{color:#f87171;background:rgba(239,68,68,.12);border-color:rgba(239,68,68,.35)}
.b6v2 .b6-hx.new{color:hsl(var(--muted-foreground));background:transparent;border-color:transparent}
html[dir=rtl] .b6v2 .b6-hx{right:auto;left:6px}
.b6-form .chx-box{display:none}
.b6-form.b6-hx-open .chx-box{display:block;margin:2px 0 6px}
.b6-form .chx-box[hidden]{display:none !important}
/* caller language next to the name */
.b6v2 .b6-lang-in{width:128px;flex-shrink:0;min-height:40px;height:40px;padding:6px 8px;font-size:13.5px}
/* problem search */
.b6v2 .b6-plist{position:absolute;left:0;right:0;top:42px;z-index:30;background:hsl(var(--card));border:1px solid hsl(var(--border));border-radius:10px;box-shadow:0 12px 28px rgba(0,0,0,.45);padding:4px;max-height:260px;overflow-y:auto}
.b6v2 .b6-pi{display:flex;width:100%;align-items:center;justify-content:space-between;gap:8px;text-align:start;padding:9px 10px;border-radius:8px;font-size:14px;color:hsl(var(--foreground))}
.b6v2 .b6-pi.act,.b6v2 .b6-pi:hover{background:hsl(var(--secondary))}
.b6v2 .b6-pi.own{color:hsl(var(--accent-foreground))}
.b6v2 .b6-pi .b6-veh{font-size:12px;opacity:.8}
.b6v2 .b6-pe{padding:8px 10px}
/* car details */
.b6v2 .b6-car{margin:0 0 6px}
.b6-car{display:flex;gap:6px}
.b6-car .input{min-height:38px;height:38px;padding:7px 9px;font-size:13.5px;flex:1;min-width:0}
.b6-car .input[name=carMake]{flex:1.5}.b6-car .input[name=carPlate]{flex:.9;text-transform:uppercase}
.b6-car[hidden]{display:none !important}
/* area codes */
.b6v2 .b6-codes{gap:5px}
.b6v2 .area-opt.b6-code{min-width:40px;height:32px;justify-content:center;padding:0 7px;border-radius:8px;font-size:12.5px;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}
.b6v2 .area-opt.b6-code b{font-size:12.5px;font-weight:800;color:hsl(var(--foreground))}
.b6v2 .area-opt.b6-code.on{background:hsl(var(--primary));border-color:hsl(122 45% 45%)} .b6v2 .area-opt.b6-code.on b{color:#fff}
.b6v2 .b6-hint,.b6v2 .aa-note{font-size:11.5px;color:hsl(var(--muted-foreground));margin:5px 2px 0}
.b6v2 .b6-hint b{color:hsl(var(--foreground));font-weight:600}
/* one segmented priority row */
.b6v2 .b6-seg{display:flex;flex-wrap:nowrap;gap:0;border:1px solid hsl(var(--border));border-radius:10px;overflow:hidden;background:hsl(var(--background))}
.b6v2 .b6-seg .prio{flex:1;min-width:0;border:0;border-radius:0;border-inline-end:1px solid hsl(var(--border));padding:9px 2px;font-size:12.5px;cursor:pointer}
.b6v2 .b6-seg .prio:not(.on){background:transparent;color:hsl(var(--muted-foreground))}
.b6v2 .b6-seg .prio:last-child{border-inline-end:0}
.b6v2 .b6-seg .prio.on{box-shadow:inset 0 0 0 1px currentColor}
/* Needed at / Members needed: one line each */
.b6v2 .na-field,.b6v2 .mv-field{display:grid;grid-template-columns:136px 1fr;align-items:center;gap:6px;margin:6px 0 0}
.b6v2 .na-field>.lbl,.b6v2 .mv-field>.lbl{font-size:12px;letter-spacing:0;text-transform:none;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.b6v2 .na-field>.lbl .mini{display:none}
.b6v2 .na-chips{display:flex;gap:0;border:1px solid hsl(var(--border));border-radius:10px;overflow:hidden;background:hsl(var(--background));flex-wrap:nowrap}
.b6v2 .na-chips .chip{flex:1;justify-content:center;border:0;border-radius:0;border-inline-end:1px solid hsl(var(--border));background:transparent;padding:8px 2px;font-size:12.5px}
.b6v2 .na-chips .chip:last-of-type{border-inline-end:0}
.b6v2 .na-chips .chip.on{background:hsl(var(--accent-foreground)/.12);color:hsl(var(--accent-foreground));box-shadow:inset 0 0 0 1px hsl(var(--accent-foreground)/.7)}
.b6v2 .na-chips .mv-more{width:62px;min-height:34px;height:34px;padding:4px 6px;border:0;border-radius:0}
.b6v2 .na-row,.b6v2 .na-prev,.b6v2 .mv-hint{grid-column:1 / -1}
.b6v2 .na-field .na-row{display:none}
.b6v2 .na-field.b6-na-open .na-row{display:flex}
.b6v2 .mv-hint:empty,.b6v2 .na-prev:empty{display:none}
/* notes: For volunteer / For dispatch only */
.b6v2 .b6-tabs{display:flex;gap:4px;margin:12px 0 5px}
.b6v2 .b6-tab{font-size:12px;font-weight:700;padding:5px 10px;border-radius:8px;color:hsl(var(--muted-foreground));border:1px solid transparent}
.b6v2 .b6-tab.on{color:hsl(var(--foreground));background:hsl(var(--secondary));border-color:hsl(var(--border))}
.b6v2 .b6-dot{display:inline-block;width:6px;height:6px;border-radius:9px;background:hsl(var(--accent-foreground));margin-inline-start:6px;vertical-align:middle}
.b6v2 .b6-dot[hidden]{display:none}
.b6v2 .b6-ta{min-height:58px;font-size:14px;padding:8px 10px}
.b6v2 .b6-ta[name=dispatchNote]{border-color:rgba(245,158,11,.45)}
.b6v2 .vc-field{flex-direction:row;align-items:center;margin:0 0 4px}
.b6v2 .vc-field>.mini.muted{display:none}
.b6-foot{margin-top:12px}
.b6-foot .b6-go{flex:1;display:inline-flex;align-items:center;justify-content:center;gap:6px}
.b6-foot .b6-go svg{width:16px;height:16px}
.b6v2 .form-section{display:none}
/* old form: language + car rows it gets while those switches are On */
.field.b6-car-wrap{margin-bottom:12px}
/* ---------- call card chips ---------- */
.b6-card{display:flex;flex-wrap:wrap;gap:6px;align-items:center;margin-top:6px}
.b6-lang-chip{display:inline-flex;align-items:center;gap:4px;font-size:12px;font-weight:600;border-radius:999px;padding:2px 9px;background:rgba(59,130,246,.12);color:#93c5fd;border:1px solid rgba(59,130,246,.3)}
html.light .b6-lang-chip{color:#1d4ed8;background:#eff6ff}
.b6-car-box{font-size:13px;font-weight:600;border-radius:8px;padding:3px 9px;background:hsl(var(--secondary));color:hsl(var(--foreground))}
.b6-dn-box{width:100%;font-size:13px;border-radius:8px;padding:6px 9px;background:rgba(245,158,11,.1);color:#fcd34d;border:1px solid rgba(245,158,11,.3)}
html.light .b6-dn-box{color:#92400e;background:#fffbeb}
/* ---------- ✋ cover confirm ---------- */
.b6-cc-q{font-size:16px;margin:4px 0 6px}
.b6-cc-foot .btn{flex:1}
body.b6-hold [data-call="take"]{position:relative;overflow:hidden;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;touch-action:manipulation}
body.b6-hold [data-call="take"]::before{content:"👆";margin-inline-end:5px}
body.b6-hold [data-call="take"]::after{content:"";position:absolute;inset:0;background:rgba(255,255,255,.28);transform:scaleX(0);transform-origin:left;pointer-events:none}
html[dir=rtl] body.b6-hold [data-call="take"]::after{transform-origin:right}
body.b6-hold [data-call="take"].b6-holding::after{transform:scaleX(1);transition:transform 1s linear}
/* ---------- 🧾 cleaner call details ---------- */
.b6d{display:flex;flex-direction:column;gap:10px}
.b6d-head{display:flex;gap:12px;align-items:stretch;border:1px solid hsl(var(--border));border-radius:12px;padding:10px;background:hsl(var(--card))}
.b6d-zone{width:58px;flex-shrink:0;border-radius:10px;background:hsl(var(--primary));color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px}
.b6d-zone b{font-size:18px;line-height:1} .b6d-zone span{font-size:11px;opacity:.85;font-weight:700}
.b6d-urgent .b6d-zone{background:#dc2626} .b6d-high .b6d-zone{background:#ea580c} .b6d-dnd .b6d-zone{background:#6d28d9} .b6d-low .b6d-zone{background:#2563eb}
.b6d-ht{min-width:0;flex:1} .b6d-title{font-size:17px;font-weight:800;line-height:1.25;margin-bottom:6px;word-break:break-word}
.b6d-badges{display:flex;flex-wrap:wrap;gap:5px}
.badge.green{background:rgba(16,185,129,.15);color:#34d399}
.b6d-times{display:flex;flex-wrap:wrap;gap:4px 14px;font-size:12px;color:hsl(var(--muted-foreground));padding:0 2px}
.b6d-sec{border:1px solid hsl(var(--border));border-radius:12px;padding:10px 12px;background:hsl(var(--background)/.4)}
.b6d-st{font-size:11px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:hsl(var(--muted-foreground));margin-bottom:6px}
.b6d-addr{display:flex;gap:10px;padding:3px 0;font-size:14px} .b6d-addr+.b6d-addr{border-top:1px dashed hsl(var(--border));padding-top:7px;margin-top:4px}
.b6d-k{width:64px;flex-shrink:0;font-size:12px;color:hsl(var(--muted-foreground));padding-top:1px}
.b6d-v{min-width:0;flex:1} .b6d-v a{color:hsl(var(--foreground));font-weight:600;word-break:break-word}
.b6d-caller{display:flex;align-items:center;gap:8px} .b6d-caller .grow{min-width:0;flex:1}
.b6d-car{display:flex;flex-wrap:wrap;gap:6px 16px;font-size:14px} .b6d-car .b6d-k{width:auto;margin-inline-end:6px}
.b6d-units{display:flex;flex-wrap:wrap;gap:6px} .b6d-unit{font-size:13px;border-radius:8px;padding:3px 9px;background:hsl(var(--secondary))}
.b6d-note{font-size:14px;white-space:pre-wrap;word-break:break-word}
.b6d-sec .b6-dn-box{margin-top:6px}
.b6d-photos{display:flex;flex-wrap:wrap;gap:6px} .b6d-photos img{width:84px;height:84px;object-fit:cover;border-radius:8px}
.b6d-tl summary{cursor:pointer;margin:0;list-style:none} .b6d-tl summary::-webkit-details-marker{display:none} .b6d-tl summary::after{content:" ▾"} .b6d-tl[open] summary::after{content:" ▴"}
.b6d-tl[open] summary{margin-bottom:6px}
.b6d-tlr{display:flex;gap:10px;font-size:13px;padding:3px 0} .b6d-tlr .muted{width:112px;flex-shrink:0}
.b6d-extra:empty{display:none}
.b6d-foot{flex-wrap:wrap}
/* ---------- 🧾 Problems list (portals) ---------- */
.b6-prow{display:flex;align-items:center;gap:8px;padding:9px 0;border-top:1px solid hsl(var(--border))}
.b6-pacts{display:flex;gap:4px} .b6-pacts .iconbtn{width:32px;height:32px}
.b6-pform{display:flex;flex-direction:column;gap:8px;padding:10px;margin:10px 0;border:1px solid hsl(var(--border));border-radius:10px;background:hsl(var(--background)/.5)}
.b6-vchk{display:flex;align-items:center;gap:8px;font-size:14px}
.b6-plist-admin{margin-top:10px}
.modal:has(.b6d) .fx-times{display:none} /* features.js times row: the cleaner header carries the same times */
/* templates row: one compact scrolling line inside the new form */
form:has(.b6v2) .ctpl-chips{padding:0;border:0;background:none;margin:0 0 10px}
form:has(.b6v2) .ctpl-chips .ctpl-row{flex-wrap:nowrap;max-height:none;overflow-x:auto}
form:has(.b6v2) .ctpl-chip{min-height:32px;padding:5px 12px;font-size:13px}
form:has(.b6v2) .ctpl-label{font-size:11px;text-transform:uppercase;letter-spacing:.06em;margin-block-end:4px}