/* CRAFT Field module (Oct 18 2026, PREVIEW). Square corners, Tesla palette: white / graphite / true blue; red only in the logo.
   Uses the app variables when present (Team/Sub/Client) with Admin-page fallbacks (Office). Chrome 79 safe: no flex gap, no inset,
   no aspect-ratio, glass only inside @supports. */
.cf,.cf *,.cf-hdr,.cf-hdr *,.cf-doc,.cf-doc *{box-sizing:border-box;border-radius:0!important}
.cf{--c-bg:var(--bg,#f4f4f4);--c-card:var(--card,#fff);--c-ink:var(--ink,#171a20);--c-ink2:var(--ink2,#5c5e62);--c-ink3:var(--ink3,#8e8e93);--c-line:var(--line,rgba(23,26,32,.1));--c-blue:var(--blue,#3e6ae1);--c-bluet:var(--bluet,#3e6ae1);--c-blues:var(--blues,rgba(62,106,225,.1));--c-amber:var(--amber,#b7791f);--c-ambers:var(--ambers,rgba(183,121,31,.14));--c-ok:var(--ok,#2e7d4f);--c-crit:var(--crit,#c8102e)}
/* header strip: date · time · weather (+ Field launcher) */
.cf-hdr{display:flex;align-items:center;font:600 10.5px/1.2 "JetBrains Mono",ui-monospace,monospace;letter-spacing:.08em;text-transform:uppercase;color:var(--ink2,#5c5e62);white-space:nowrap;min-width:0}
.cf-hdr .cf-hd{margin-right:10px}.cf-hdr .cf-ht{margin-right:10px;color:var(--ink,#171a20)}.cf-hdr .cf-hw{overflow:hidden;text-overflow:ellipsis;min-width:0}
.cf-hdr .cf-wi{display:inline-block;width:12px;height:12px;vertical-align:-2px;margin-right:4px}
.cf-hdr .cf-go{margin-left:10px;flex:none;border:1px solid var(--blue,#3e6ae1);background:var(--blue,#3e6ae1);color:#fff;font:700 10.5px/1 "JetBrains Mono",monospace;letter-spacing:.14em;padding:6px 9px;cursor:pointer;position:relative}
.cf-hdr .cf-go b{display:inline-block;min-width:15px;padding:2px 3px;margin-left:5px;background:#fff;color:var(--blue,#3e6ae1);font-size:9.5px}
.tm-top{flex-wrap:wrap}.tm-top .cf-hdr{width:100%;flex:0 0 100%;order:9;margin-top:8px;padding-top:7px;border-top:1px solid var(--line,rgba(23,26,32,.08))}
.tm-top .cf-hdr .cf-sp{flex:1 1 auto}
header.mast .cf-hdr{margin:0 12px 0 auto;flex:0 1 auto}
@media (max-width:900px){header.mast .cf-hdr .cf-hd{display:none}}
@media (max-width:620px){header.mast .cf-hdr .cf-hw{display:none}header.mast .cf-hdr{margin-right:6px}}
/* overlay workspace */
.cf-ov{position:fixed;top:0;left:0;right:0;bottom:0;z-index:2147483000;background:var(--c-bg);color:var(--c-ink);font:400 15px/1.4 Saira,system-ui,sans-serif;display:flex;flex-direction:column;-webkit-text-size-adjust:100%}
.cf-ov[hidden]{display:none}
.cf-top{flex:none;display:flex;align-items:center;padding:calc(10px + env(safe-area-inset-top,0px)) 14px 10px;background:var(--c-card);border-bottom:1px solid var(--c-line)}
.cf-top img{height:18px;width:auto;display:block;margin-right:12px}
.cf-top .cf-tt{font:700 11px/1 "JetBrains Mono",monospace;letter-spacing:.18em;text-transform:uppercase;color:var(--c-ink2)}
.cf-top .cf-sp{flex:1 1 auto}.cf-top .cf-hdr{margin-right:10px}
.cf-x{border:1px solid var(--c-line);background:var(--c-card);width:36px;height:36px;font:600 18px/1 Saira,sans-serif;cursor:pointer;color:var(--c-ink)}
.cf-tabs{flex:none;display:flex;overflow-x:auto;-webkit-overflow-scrolling:touch;background:var(--c-card);border-bottom:1px solid var(--c-line);padding:0 8px;scrollbar-width:none}
.cf-tabs::-webkit-scrollbar{display:none}
.cf-tabs button{flex:none;border:0;background:none;padding:12px 11px 10px;font:700 11px/1 "JetBrains Mono",monospace;letter-spacing:.12em;text-transform:uppercase;color:var(--c-ink2);border-bottom:2px solid transparent;cursor:pointer}
.cf-tabs button[aria-selected=true]{color:var(--c-ink);border-bottom-color:var(--c-blue)}
.cf-tabs button b{margin-left:5px;background:var(--c-blue);color:#fff;padding:1px 4px;font-size:9.5px}
.cf-body{flex:1 1 auto;overflow:auto;-webkit-overflow-scrolling:touch;padding:14px 14px calc(30px + env(safe-area-inset-bottom,0px))}
.cf-wrap{max-width:1180px;margin:0 auto}
.cf h2{font:700 13px/1.2 "JetBrains Mono",monospace;letter-spacing:.14em;text-transform:uppercase;margin:4px 0 10px}
.cf h3{font:600 16px/1.25 Saira,sans-serif;margin:0 0 6px}
.cf-card{background:var(--c-card);border:1px solid var(--c-line);padding:12px 14px;margin:0 0 10px}
.cf-row{display:flex;align-items:center;flex-wrap:wrap}.cf-row>*{margin:0 8px 8px 0}.cf-row .cf-sp{flex:1 1 auto;margin:0}
.cf-grid{display:flex;flex-wrap:wrap;margin:0 -5px}.cf-grid>.cf-card{flex:1 1 240px;margin:0 5px 10px}
.cf-k{font:600 10px/1.2 "JetBrains Mono",monospace;letter-spacing:.12em;text-transform:uppercase;color:var(--c-ink2)}
.cf-n{font:600 26px/1.1 Saira,sans-serif}.cf-m{font-family:"JetBrains Mono",monospace;font-size:12px}
.cf-s{font-size:12.5px;color:var(--c-ink2)}.cf-st{font:500 11px/1.35 "JetBrains Mono",monospace;color:var(--c-ink2);margin-top:3px}
.cf-b{display:inline-block;border:1px solid var(--c-line);background:var(--c-card);color:var(--c-ink);padding:9px 12px;font:600 13px/1 Saira,sans-serif;cursor:pointer;text-decoration:none;min-height:38px}
.cf-b.pri{background:var(--c-blue);border-color:var(--c-blue);color:#fff}.cf-b.sm{padding:6px 9px;font-size:12px;min-height:30px}
.cf-b[disabled]{opacity:.45;cursor:not-allowed}
.cf input[type=text],.cf input[type=number],.cf input[type=date],.cf input[type=email],.cf input:not([type]),.cf select,.cf textarea{border:1px solid var(--c-line);background:var(--c-card);color:var(--c-ink);padding:8px 9px;font:400 14px/1.3 Saira,sans-serif;min-height:38px;max-width:100%}
.cf textarea{width:100%;min-height:64px}
.cf label.cf-f{display:block;margin:0 0 8px}.cf label.cf-f>span{display:block;font:600 10px/1.2 "JetBrains Mono",monospace;letter-spacing:.1em;text-transform:uppercase;color:var(--c-ink2);margin-bottom:3px}
.cf label.cf-f input,.cf label.cf-f select{width:100%}
.cf-chip{display:inline-block;padding:3px 6px;font:700 10px/1 "JetBrains Mono",monospace;letter-spacing:.08em;text-transform:uppercase;border:1px solid var(--c-line);color:var(--c-ink2);background:var(--c-card)}
.cf-chip.ok,.cf-chip.verified,.cf-chip.accepted,.cf-chip.delivered{border-color:var(--c-blue);color:var(--c-bluet);background:var(--c-blues)}
.cf-chip.warn,.cf-chip.submitted,.cf-chip.sent,.cf-chip.soon,.cf-chip.due{border-color:var(--c-amber);color:var(--c-amber);background:var(--c-ambers)}
.cf-chip.bad,.cf-chip.missing,.cf-chip.rejected,.cf-chip.overdue,.cf-chip.declined{border-color:var(--c-ink);color:var(--c-ink);background:transparent}
.cf-note{border-left:3px solid var(--c-blue);background:var(--c-blues);padding:8px 10px;font-size:13px;margin:0 0 10px}
.cf-note.warn{border-left-color:var(--c-amber);background:var(--c-ambers)}
.cf-t{width:100%;border-collapse:collapse;font-size:13px;background:var(--c-card)}
.cf-t th{text-align:left;font:600 10px/1.2 "JetBrains Mono",monospace;letter-spacing:.1em;text-transform:uppercase;color:var(--c-ink2);padding:8px 8px;border-bottom:1px solid var(--c-line);white-space:nowrap}
.cf-t td{padding:8px;border-bottom:1px solid var(--c-line);vertical-align:top}.cf-t td.r,.cf-t th.r{text-align:right;white-space:nowrap}
.cf-tw{overflow-x:auto;-webkit-overflow-scrolling:touch;border:1px solid var(--c-line);margin-bottom:10px}
/* checklist */
.cf-ph{border:1px solid var(--c-line);background:var(--c-card);margin-bottom:8px}
.cf-phh{display:flex;align-items:center;width:100%;border:0;background:none;padding:12px 14px;text-align:left;cursor:pointer;color:var(--c-ink)}
.cf-phh .cf-pn{font:600 16px/1.2 Saira,sans-serif;flex:1 1 auto}.cf-phh .cf-chip{margin-left:6px}
.cf-phb{padding:0 14px 12px;border-top:1px solid var(--c-line)}
.cf-it{display:flex;align-items:flex-start;padding:10px 0;border-bottom:1px solid var(--c-line)}
.cf-cb{flex:none;width:30px;height:30px;border:2px solid var(--c-ink3);background:var(--c-card);margin-right:10px;cursor:pointer;position:relative;padding:0}
.cf-cb[aria-checked=true]{background:var(--c-blue);border-color:var(--c-blue)}
.cf-cb[aria-checked=true]:after{content:"";position:absolute;left:8px;top:3px;width:8px;height:15px;border:solid #fff;border-width:0 3px 3px 0;-webkit-transform:rotate(45deg);transform:rotate(45deg)}
.cf-itx{flex:1 1 auto;min-width:0}.cf-itt{font-weight:500}.cf-more{font-size:12px;margin-top:6px}
.cf-ex{margin-top:8px;padding:8px;background:var(--c-bg);border:1px solid var(--c-line)}
.cf-ph-photos{display:flex;flex-wrap:wrap;margin:8px -4px 0}
.cf-ph-photos figure{margin:0 4px 8px;width:calc(50% - 8px);max-width:220px;background:var(--c-bg);border:1px solid var(--c-line)}
.cf-ph-photos img{display:block;width:100%;height:120px;object-fit:cover;background:#ddd}
.cf-ph-photos figcaption{padding:5px 6px;font:500 10px/1.3 "JetBrains Mono",monospace;color:var(--c-ink2)}
.cf-ph-photos figcaption b{color:var(--c-ink);text-transform:uppercase;letter-spacing:.08em}
.cf-file{position:relative;overflow:hidden;display:inline-block}.cf-file input{position:absolute;left:0;top:0;width:100%;height:100%;opacity:0;cursor:pointer}
/* calendar */
.cf-cal{border-collapse:collapse;width:100%;min-width:760px;background:var(--c-card);font-size:12px}
.cf-cal th,.cf-cal td{border:1px solid var(--c-line);padding:6px;vertical-align:top}.cf-cal th{font:600 10px/1.2 "JetBrains Mono",monospace;letter-spacing:.08em;text-transform:uppercase;color:var(--c-ink2);background:var(--c-bg)}
.cf-cal th.p{text-align:left;min-width:160px}.cf-cal td.p{font-weight:600}.cf-cal td.p small{display:block;font-weight:400;color:var(--c-ink2)}
.cf-ev{display:block;border-left:3px solid var(--c-blue);background:var(--c-blues);padding:4px 5px;margin-bottom:4px;line-height:1.25}
.cf-ev.t1099{border-left-color:var(--c-amber);background:var(--c-ambers)}.cf-ev.tSub{border-left-color:var(--c-ink);background:rgba(23,26,32,.06)}
.cf-ev b{display:block;font-size:11.5px}.cf-ev span{font-family:"JetBrains Mono",monospace;font-size:10.5px}
.cf-today{outline:2px solid var(--c-blue);outline-offset:-2px}
.cf-day{border:1px solid var(--c-line);background:var(--c-card);padding:10px 12px;margin-bottom:8px}
/* plans viewer */
.cf-pv{position:relative;height:62vh;min-height:360px;overflow:hidden;background:#d9dadc;border:1px solid var(--c-line);touch-action:none;-webkit-user-select:none;user-select:none;cursor:grab}
.cf-pv.tool{cursor:crosshair}
.cf-pw{position:absolute;left:0;top:0;-webkit-transform-origin:0 0;transform-origin:0 0}
.cf-pw canvas,.cf-pw img{display:block;background:#fff;box-shadow:0 2px 16px rgba(0,0,0,.18)}
.cf-pw svg{position:absolute;left:0;top:0;width:100%;height:100%;overflow:visible}
.cf-tools{display:flex;flex-wrap:wrap;margin-bottom:8px}.cf-tools button{margin:0 6px 6px 0}
.cf-tools button[aria-pressed=true]{background:var(--c-ink);color:var(--c-card);border-color:var(--c-ink)}
.cf-zoom{position:absolute;right:8px;bottom:8px;z-index:3;display:flex;flex-direction:column}.cf-zoom button{width:38px;height:38px;margin-top:4px;border:1px solid var(--c-line);background:var(--c-card);font:600 18px/1 Saira,sans-serif;cursor:pointer;color:var(--c-ink)}
.cf-pinpop{position:absolute;z-index:4;left:8px;top:8px;max-width:300px;background:var(--c-card);border:1px solid var(--c-line);padding:10px;box-shadow:0 6px 20px rgba(0,0,0,.18);font-size:13px}
/* signature pad */
.cf-sig{display:block;width:100%;max-width:520px;height:150px;border:1px dashed var(--c-ink3);background:#fff;touch-action:none}
/* calculator */
.cf-calc .cf-res{font:600 22px/1.2 "JetBrains Mono",monospace;margin:6px 0 2px}
/* crafty */
.cf-chat{max-width:680px}.cf-msg{padding:9px 11px;margin:0 0 8px;border:1px solid var(--c-line);background:var(--c-card);font-size:14px}
.cf-msg.me{background:var(--c-blues);border-color:var(--c-blue);margin-left:48px}.cf-msg.refused{border-left:3px solid var(--c-ink)}
.cf-sugg button{margin:0 6px 6px 0}
.cf-toast{position:fixed;left:50%;bottom:calc(24px + env(safe-area-inset-bottom,0px));-webkit-transform:translateX(-50%);transform:translateX(-50%);z-index:2147483600;background:#171a20;color:#fff;padding:10px 14px;font:500 13px/1.3 Saira,sans-serif;max-width:92vw;box-shadow:0 8px 24px rgba(0,0,0,.3)}
.cf-modal{position:fixed;top:0;left:0;right:0;bottom:0;z-index:2147483100;background:rgba(10,11,13,.55);display:flex;align-items:center;justify-content:center;padding:12px}
.cf-modal>.cf-card{width:100%;max-width:640px;max-height:92vh;overflow:auto;margin:0}
.cf-cam video{display:block;width:100%;max-height:60vh;background:#000}
@supports ((-webkit-backdrop-filter:blur(2px)) or (backdrop-filter:blur(2px))){.cf-top,.cf-tabs{-webkit-backdrop-filter:blur(18px) saturate(1.5);backdrop-filter:blur(18px) saturate(1.5)}}
@media (min-width:900px){.cf-body{padding:18px 22px 40px}.cf-split{display:flex;align-items:flex-start}.cf-split>.cf-l{flex:0 0 300px;margin-right:14px}.cf-split>.cf-r{flex:1 1 auto;min-width:0}}
@media (prefers-reduced-motion:no-preference){.cf-ov{-webkit-animation:cfIn .16s ease-out;animation:cfIn .16s ease-out}@-webkit-keyframes cfIn{from{opacity:0}to{opacity:1}}@keyframes cfIn{from{opacity:0}to{opacity:1}}}

/* ===== ONE print template for every CRAFT document (office invoices, COs, pay apps, POs, lien releases, proposals, WOs, daily
   reports, awards, checks, affidavits + Field NTO / checklist / subcontract). Admin-page look: original logo, faint watermark,
   square corners, graphite rules, true blue accents, no red except the logo. ===== */
html .co-letter,html .cf-doc{position:relative;overflow:hidden;background:#fff!important;color:#171a20!important;border:1px solid #d0d1d2!important;padding:28px 30px!important;font:13.5px/1.5 Saira,system-ui,sans-serif!important;border-radius:0!important}
html .co-letter .cl-lh,html .cf-doc .cl-lh{border-bottom:2px solid #171a20!important;padding:0 0 12px!important;margin-bottom:14px!important}
html .co-letter .cl-lh>div,html .cf-doc .cl-lh>div{font:500 10.5px/1.55 "JetBrains Mono",ui-monospace,monospace!important;letter-spacing:.04em;color:#5c5e62!important}
html .co-letter h2,html .cf-doc h2{font:600 20px/1.25 Saira,sans-serif!important;letter-spacing:.01em;color:#171a20!important;margin:6px 0 10px!important;text-transform:none}
html .co-letter h4,html .cf-doc h4{font:700 10.5px/1.2 "JetBrains Mono",monospace!important;letter-spacing:.14em!important;text-transform:uppercase!important;color:#5c5e62!important;margin:16px 0 5px!important}
html .co-letter .cl-meta,html .cf-doc .cl-meta{display:flex!important;flex-wrap:wrap;border-top:1px solid #d0d1d2;border-left:1px solid #d0d1d2;margin:0 0 14px!important}
html .co-letter .cl-meta>div,html .cf-doc .cl-meta>div{flex:1 1 170px;padding:7px 9px!important;border-right:1px solid #d0d1d2;border-bottom:1px solid #d0d1d2;background:#fff!important;margin:0!important}
html .co-letter .cl-meta small,html .cf-doc .cl-meta small{display:block;font:600 9.5px/1.2 "JetBrains Mono",monospace!important;letter-spacing:.12em;text-transform:uppercase;color:#5c5e62!important;margin-bottom:2px}
html .co-letter .cl-meta b,html .cf-doc .cl-meta b{font-weight:600;color:#171a20!important}
html .co-letter .cl-t th,html .cf-doc .cl-t th{background:#171a20!important;color:#fff!important;font:600 10px/1.2 "JetBrains Mono",monospace!important;letter-spacing:.1em;text-transform:uppercase;padding:7px 8px!important;-webkit-print-color-adjust:exact;print-color-adjust:exact}
html .co-letter .cl-t td,html .cf-doc .cl-t td{border-bottom:1px solid #e3e4e6!important;color:#171a20!important;padding:7px 8px!important}
html .co-letter .cl-t,html .cf-doc .cl-t{width:100%;border-collapse:collapse;margin-top:10px}
html .co-letter .cl-t tfoot td,html .cf-doc .cl-t tfoot td{border-top:2px solid #171a20!important;font-weight:700}
html .co-letter .cl-t tfoot tr:last-child td:last-child,html .cf-doc .cl-t tfoot tr:last-child td:last-child{color:#3e6ae1!important}
html .co-letter .cl-sign>div,html .cf-doc .cl-sign>div{border-top:1px solid #171a20;padding-top:6px}
html .co-letter .cl-ft,html .cf-doc .cl-ft{border-top:1px solid #d0d1d2;margin-top:18px!important;padding-top:8px;font:500 9.5px/1.4 "JetBrains Mono",monospace!important;letter-spacing:.06em;color:#5c5e62!important;text-transform:uppercase}
html .co-letter .cl-wm,html .cf-doc .cl-wm{position:absolute!important;left:50%!important;top:50%!important;width:70%!important;max-width:620px;height:auto!important;-webkit-transform:translate(-50%,-50%) rotate(-24deg)!important;transform:translate(-50%,-50%) rotate(-24deg)!important;opacity:.045!important;-webkit-filter:grayscale(1)!important;filter:grayscale(1)!important;pointer-events:none;z-index:0;-webkit-print-color-adjust:exact;print-color-adjust:exact}
html .co-letter>*:not(.cl-wm),html .cf-doc>*:not(.cl-wm){position:relative;z-index:1}
html .co-letter .cl-stamp,html .cf-doc .cl-stamp{color:rgba(23,26,32,.08)!important;border-color:rgba(23,26,32,.08)!important}
html.co-printing .co-print .cl-stamp{color:rgba(23,26,32,.1)!important}
html .co-letter a,html .cf-doc a{color:#3e6ae1!important}
.cf-doc .cf-counsel{border:2px solid #171a20;padding:8px 10px;margin:0 0 12px;font:700 11px/1.35 "JetBrains Mono",monospace;letter-spacing:.08em;text-transform:uppercase}
.cf-doc .cf-blank{display:inline-block;min-width:180px;border-bottom:1px solid #171a20}
.cf-doc img.cf-sigimg{max-height:60px;display:block}
.cf-docbar{display:flex;flex-wrap:wrap;margin:0 0 10px}.cf-docbar>*{margin:0 8px 8px 0}
#cfPrint{display:none}
@media print{html.cf-printing body>*:not(#cfPrint){display:none!important}html.cf-printing #cfPrint{display:block!important}html.cf-printing .cf-doc{border:0!important;padding:0!important}
 html.cf-printing,html.cf-printing body{background:#fff!important}@page{margin:14mm}}
.cf-top .cf-tt{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0;flex:0 1 auto}
@media (max-width:520px){.cf-top .cf-hdr .cf-hw{display:none}.cf-top .cf-tt{letter-spacing:.1em}}
.cf-top .cf-hdr,.cf-top .cf-x{flex:none}
.cf-row select,.cf-row input[type=text]{width:auto}
@media (max-width:520px){.cf-top .cf-hdr .cf-hd{display:none}.cf-top img{margin-right:8px}.cf-grid:not(.cf-calc)>.cf-card{flex-basis:140px}}
/* Oct 22 demo additions */
.cf-wk{display:flex;flex-wrap:wrap;margin:6px -3px 0}.cf-wk>div{flex:1 1 90px;margin:3px;padding:8px;border:1px solid var(--c-line);background:var(--c-card)}.cf-wk b{display:block;font-size:12px}.cf-wk small{color:var(--c-ink2);font-size:11px}
.cf-gauge{width:160px;display:block;margin:6px 0}.cf-gauge text{font:700 18px "JetBrains Mono",monospace;fill:var(--c-ink)}
.cf-tr{display:flex;align-items:center;margin:0 0 8px}.cf-tr>*{margin-right:8px}.cf-tr .cf-n{width:18px;font-weight:700}.cf-bar{flex:1 1 auto;min-width:0}.cf-bar b{display:block;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cf-bar i{display:block;height:6px;background:var(--c-blue);margin-top:3px}.cf-bar i.lo{background:var(--c-ink)}
.cf-grid3{display:flex;flex-wrap:wrap}.cf-grid3>div{flex:1 1 140px;margin:0 10px 8px 0}
.cf-plans{display:flex;flex-wrap:wrap;margin:0 -5px}.cf-plans>.cf-card{flex:1 1 220px;margin:5px}.cf-plans .cf-hl{border-color:var(--c-blue)}.cf-price{font:700 26px Saira,sans-serif}.cf-price small{font-size:12px;color:var(--c-ink2);margin-left:4px}.cf-plans ul{padding-left:18px}
.cf-modal textarea,.cf-modal select,.cf-modal input[type=text]{width:100%;margin:0 0 10px}
.cf-bgrid{display:flex;flex-wrap:wrap;margin:0 -4px 8px}.cf-sq{flex:0 0 auto;width:118px;height:118px;margin:4px;border:1px solid var(--c-line);font:700 14px/1.2 Saira,sans-serif;cursor:pointer;display:flex;flex-direction:column;justify-content:flex-end;align-items:flex-start;padding:10px;text-align:left;border-radius:0}
.cf-sq.ed{justify-content:space-between}.cf-sq.ed input,.cf-sq.ed select{width:100%;font-size:11px;padding:2px;min-height:0}
.cf-tbl{width:100%;border-collapse:collapse;font-size:13px}.cf-tbl td,.cf-tbl th{border-bottom:1px solid var(--c-line);padding:5px 4px;text-align:left}.cf-tbl s{color:var(--c-ink2);font-size:11px}
.cf-tcard{position:relative;overflow:hidden}.cf-conf{position:absolute;top:0;left:0;right:0;bottom:0;pointer-events:none;overflow:hidden}.cf-conf i{position:absolute;top:-10px;width:6px;height:6px;animation:cfc 1.35s steps(16) forwards}@keyframes cfc{to{transform:translateY(110vh)}}.cf-conf-full{position:fixed!important;inset:0!important;z-index:2147483400;overflow:hidden}
@media (max-width:600px){.cf-sq{width:calc(50% - 8px);height:96px}.cf-lines{font-size:11px}}
.cf-fac .cf-tr .cf-chip{flex:0 0 112px;text-align:center}.cf-tbl+.cf-k{margin-top:12px}
@media (min-width:900px){.cf-split>div{flex:1 1 0;min-width:0}}
.cf-fac .cf-bar b{white-space:normal}
.cf-inbox{background:var(--c-card);border:1px solid var(--c-line)}.cf-ih{display:flex;align-items:center;padding:10px 12px;border-bottom:1px solid var(--c-line)}.cf-ih>*{margin-right:8px}.cf-ih b{font:700 13px/1 "JetBrains Mono",monospace;letter-spacing:.12em;text-transform:uppercase}
.cf-ii{display:flex;align-items:center;flex-wrap:wrap;padding:7px 12px;border-bottom:1px solid var(--c-line)}.cf-ii:last-child{border-bottom:0}.cf-ii>*{margin:2px 8px 2px 0}.cf-ii.hot{box-shadow:inset 3px 0 0 #E31937}
.cf-ity{flex:0 0 120px;font:700 10px/1.2 "JetBrains Mono",monospace;letter-spacing:.08em;text-transform:uppercase;color:var(--c-bluet)}.cf-ix{flex:1 1 200px;min-width:0;text-align:left;background:none;border:0;padding:4px 0;font:500 13px/1.3 Saira,sans-serif;color:var(--c-ink);cursor:pointer}.cf-ix:hover{text-decoration:underline}
.cf-tiles .cf-sq{width:150px;height:150px;font-size:15px}
@media (max-width:600px){.cf-ity{flex-basis:100%}.cf-tiles .cf-sq{width:calc(50% - 8px);height:110px}}
.cf-imore{display:block;width:100%;border:0;border-top:1px solid var(--c-line);background:none;padding:10px;font:700 11px/1 "JetBrains Mono",monospace;letter-spacing:.1em;text-transform:uppercase;color:var(--c-bluet);cursor:pointer}
.cf-ix{border:0!important;box-shadow:none!important}
@media (max-width:600px){.cf-ii .cf-ix{flex-basis:100%}}
.cf-scs{display:flex;flex-wrap:wrap;margin:0 -3px 6px}.cf-scw{display:flex;margin:3px;border:1px solid var(--c-line);background:var(--c-card)}
.cf-sc{border:0;background:none;padding:12px 14px;min-width:112px;text-align:left;font:700 13px/1 Saira,sans-serif;color:var(--c-ink);cursor:pointer}.cf-sc small{margin-left:6px;font:600 10px "JetBrains Mono",monospace;color:var(--c-ink2)}
.cf-pin{border:0;border-left:1px solid var(--c-line);background:none;width:34px;cursor:pointer;color:var(--c-ink2)}.cf-pin.on{color:#fff;background:var(--c-blue)}
.cf-opt{display:block;border:1px solid var(--c-line);padding:10px;margin:0 0 8px;cursor:pointer}
.cf-shr td,.cf-shr th{font-size:11px;text-align:center}.cf-shr td:first-child,.cf-shr th:first-child{text-align:left;white-space:nowrap}
.cf-earn{display:flex;flex-wrap:wrap;margin:0 -5px}.cf-earn>.cf-card{flex:1 1 150px;margin:5px}.cf-earn .cf-ebig{flex:2 1 260px;background:var(--c-blue);color:#fff;border-color:var(--c-blue)}.cf-earn .cf-ebig .cf-k,.cf-earn .cf-ebig .cf-s{color:rgba(255,255,255,.85)}.cf-eamt{font:700 20px Saira,sans-serif}
.cf-ebars{display:flex;align-items:flex-end;height:150px;padding-top:8px}.cf-ebars>div{flex:1 1 0;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;height:100%;margin:0 3px}.cf-ebars i{display:block;width:100%;background:var(--c-ink)}.cf-ebars i.now{background:var(--c-blue)}.cf-ebars small{font:600 9px "JetBrains Mono",monospace;margin-top:3px;color:var(--c-ink2)}
.cf-shr input[type=checkbox]{width:16px;height:16px;margin:0;position:static;display:inline-block;vertical-align:middle}.cf-shr label{display:inline;position:static;margin-left:6px;font:500 12px Saira,sans-serif;text-transform:none;letter-spacing:0;vertical-align:middle}.cf-shr td:first-child{min-width:190px}
.cf-modal .cf-card{max-width:min(720px,94vw)}
/* steering 2 */
html{touch-action:manipulation}.cf-ov,.cf-modal{touch-action:pan-x pan-y}
@media (pointer:coarse){.cf input,.cf select,.cf textarea{font-size:16px}}
.cf [data-lp]{-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}
.cf-lpm{position:fixed;top:0;left:0;right:0;bottom:0;z-index:2147483600;background:rgba(23,26,32,.25)}.cf-lpw{position:absolute;width:208px;background:rgba(255,255,255,.92);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border:1px solid var(--c-line,#d0d1d2);box-shadow:0 10px 30px rgba(0,0,0,.18)}
.cf-lpw button{display:block;width:100%;text-align:left;border:0;border-bottom:1px solid #e2e3e3;background:none;padding:13px 14px;font:600 14px/1 Saira,sans-serif;color:#171a20;cursor:pointer;border-radius:0}.cf-lpw button:hover{background:#eef1fb}.cf-lpw .cf-lpx{color:#5c5e62;border-bottom:0}
.cf-tiles.cf-dm .cf-sq{width:118px;height:118px;font-size:13px}.cf-tiles.cf-ds .cf-sq{width:92px;height:92px;font-size:11.5px;padding:7px}
@media (max-width:600px){.cf-tiles.cf-dm .cf-sq{width:calc(33.33% - 8px);height:96px}.cf-tiles.cf-ds .cf-sq{width:calc(25% - 8px);height:76px;font-size:11px}}
.cf-mute{border:1px solid var(--c-line);background:var(--c-card);color:var(--c-ink2);font:700 10px/1 "JetBrains Mono",monospace;padding:7px 8px;margin-right:6px;cursor:pointer;white-space:nowrap}
.cf-cel{position:fixed;top:0;left:0;right:0;bottom:0;z-index:2147483500;pointer-events:none;overflow:hidden}.cf-cel b{position:absolute;top:-10px;width:8px;height:8px;animation-name:cfc2;animation-timing-function:steps(14);animation-duration:1.15s;animation-fill-mode:forwards}@keyframes cfc2{to{transform:translateY(110vh)}}
.cf-burst{position:absolute;left:50%;top:42%;width:0;height:0}.cf-burst i{position:absolute;left:-60px;top:-60px;width:120px;height:120px;border:3px solid #3E6AE1;border-radius:50%;opacity:0;animation:cfb 1.1s ease-out forwards}.cf-burst i:nth-child(2){animation-delay:.12s;border-color:#171a20}.cf-burst i:nth-child(3){animation-delay:.24s;border-color:#c9ced6}@keyframes cfb{0%{transform:scale(.2);opacity:.9}100%{transform:scale(2.6);opacity:0}}
.cf-celt{position:absolute;left:50%;top:42%;transform:translate(-50%,-50%);background:#171a20;color:#fff;padding:12px 18px;font:700 16px/1 Saira,sans-serif;letter-spacing:.04em;animation:cft 2.4s ease forwards}@keyframes cft{0%{opacity:0;transform:translate(-50%,-30%)}15%{opacity:1;transform:translate(-50%,-50%)}80%{opacity:1}100%{opacity:0}}
.cf-sum{display:flex;flex-wrap:wrap;margin:0 -4px 8px}.cf-sum>div{flex:1 1 100px;margin:4px;border:1px solid var(--c-line);padding:10px}.cf-sum small{display:block;font:700 10px "JetBrains Mono",monospace;text-transform:uppercase;letter-spacing:.08em;color:var(--c-ink2)}.cf-sum b{font:700 20px Saira,sans-serif}
.cf-hol{display:block;font:700 9.5px/1.2 "JetBrains Mono",monospace;color:var(--c-bluet);letter-spacing:.04em;text-transform:none;margin-top:2px}
.cf-mrow{display:flex;justify-content:space-between;align-items:center;width:100%;text-align:left;border:0;border-top:1px solid var(--c-line);background:none;padding:10px 2px;font:500 13px/1.3 Saira,sans-serif;color:var(--c-ink);cursor:pointer}.cf-mrow small{color:var(--c-ink2);margin-left:8px;white-space:nowrap}.cf-mrow.on{background:var(--c-blues)}
.cf-live .cf-price{color:var(--c-bluet)}
/* ===== Oct 23: Office workspaces (left switcher), Live monitor, calendar restyle ===== */
.cf-ov.cfw .cf-tabs{display:none}
.cfw-row{flex:1 1 auto;display:flex;min-height:0}
.cfw-row>.cf-body{flex:1 1 auto;min-width:0}
.cfw-rail{flex:0 0 184px;display:flex;flex-direction:column;overflow-y:auto;background:rgba(255,255,255,.72);border-right:1px solid var(--c-line);padding:10px 8px calc(10px + env(safe-area-inset-bottom,0px))}
@supports ((-webkit-backdrop-filter:blur(2px)) or (backdrop-filter:blur(2px))){.cfw-rail{-webkit-backdrop-filter:blur(18px) saturate(1.5);backdrop-filter:blur(18px) saturate(1.5)}}
.cfw-ws{display:flex;align-items:center;width:100%;margin:0 0 6px;padding:8px;border:1px solid var(--c-line);background:var(--c-card);color:var(--c-ink);cursor:pointer;text-align:left;border-radius:0}
.cfw-ws b{flex:0 0 44px;height:44px;display:flex;align-items:center;justify-content:center;background:#171a20;color:#fff;font:700 11px/1 "JetBrains Mono",monospace;letter-spacing:.08em;margin-right:10px}
.cfw-ws span{font:700 12px/1.2 "JetBrains Mono",monospace;letter-spacing:.06em;text-transform:uppercase}
.cfw-ws.on{border-color:#3E6AE1;box-shadow:inset 3px 0 0 #3E6AE1}
.cfw-ws.on b{background:#3E6AE1}
.cfw-ws.lv b{background:#fff;color:#171a20;border:1px solid #171a20}
.cfw-ws.lv.on b{background:#3E6AE1;color:#fff;border-color:#3E6AE1}
.cfw-ws.sm{padding:5px 8px}
.cfw-ws.sm b{flex-basis:32px;height:28px;font-size:9.5px;background:#5c5e62}
.cfw-gap{flex:1 1 auto;min-height:12px}
.cfw-who{border-top:1px solid var(--c-line);padding-top:8px;display:flex;flex-direction:column;font-size:12px}
.cfw-who>*{margin-bottom:4px}
.cfw-who .cf-chip{align-self:flex-start}
.cfw-who select{width:100%;font-size:12px}
.cfw-crumb{display:flex;align-items:center;max-width:1180px;margin:0 auto 10px}
.cfw-crumb .cf-k{margin-left:10px}
.cfw-crumb[hidden]{display:none}
.cfw-hd{display:flex;align-items:flex-end;flex-wrap:wrap;margin-bottom:12px}
.cfw-hd h2{margin:2px 0 0;font:700 28px/1.1 Saira,sans-serif;letter-spacing:.02em;text-transform:uppercase}
.cfw-hd .cf-s{margin:2px 0 0}
.cfw-hd>.cf-b,.cfw-hd>.cf-chip{margin:4px 0 0 8px}
.cfw-inb{background:var(--c-card);border:1px solid var(--c-line);padding:8px 10px 10px;margin-bottom:12px}
.cfw-inb .cf-row{margin-bottom:6px}
.cfw-inb .cf-row .cf-chip{margin-left:8px}
.cfw-strip{display:flex;overflow-x:auto;-webkit-overflow-scrolling:touch;padding-bottom:4px;scrollbar-width:thin}
.cfw-it{flex:0 0 236px;min-height:118px;margin-right:8px;border:1px solid var(--c-line);background:var(--c-bg);padding:8px 10px;display:flex;flex-direction:column}
.cfw-it.hot{box-shadow:inset 3px 0 0 #E31937}
.cfw-it .cf-ity{flex:none;margin-bottom:4px}
.cfw-it .cf-ix{flex:1 1 auto;font-size:13px}
.cfw-it.clr{flex-basis:320px;min-height:0}
.cfw-ib{display:flex;flex-wrap:wrap;margin-top:6px}
.cfw-ib .cf-b{margin:0 6px 0 0}
.cfw-now{display:flex;flex-wrap:wrap;margin:0 -5px 4px}
.cfw-now>.cfw-crew{flex:2 1 420px;margin:0 5px 10px}
.cfw-side{flex:1 1 300px;display:flex;flex-wrap:wrap;align-content:flex-start}
.cfw-side>.cf-card{flex:1 1 200px;margin:0 5px 10px}
.cfw-kpis{display:flex;flex-wrap:wrap;margin:0 -5px 4px}
.cfw-kpis>.cf-card{flex:1 1 200px;margin:0 5px 10px}
.cfw-kpi.blue{background:#3E6AE1;color:#fff;border-color:#3E6AE1}
.cfw-kpi.blue .cf-k,.cfw-kpi.blue .cf-s{color:rgba(255,255,255,.88)}
.cfw-big{display:flex;align-items:baseline;margin:6px 0 8px}
.cfw-big b{font:700 54px/1 Saira,sans-serif;margin-right:10px}
.cfw-big span{color:var(--c-ink2);font-size:13px}
.cfw-cl{display:flex;flex-wrap:wrap;margin:0 -4px}
.cfw-ci{flex:1 1 260px;display:flex;align-items:center;margin:4px;padding:6px 8px;border:1px solid var(--c-line);background:var(--c-bg)}
.cfw-ci i{flex:0 0 36px;height:36px;display:flex;align-items:center;justify-content:center;background:#c9ced6;color:#171a20;font:700 12px/1 "JetBrains Mono",monospace;font-style:normal;margin-right:10px}
.cfw-ci.on i{background:#3E6AE1;color:#fff}
.cfw-ci div{flex:1 1 auto;min-width:0}
.cfw-ci b{display:block;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cfw-ci span{display:block;font-size:11.5px;color:var(--c-ink2)}
.cfw-ci em{font:600 13px/1 "JetBrains Mono",monospace;font-style:normal;margin-left:8px}
.cfw-scw .cf-row{margin-top:6px!important}
.cfw-tiles .cf-sq small{display:block;margin-bottom:auto;font:700 9.5px/1 "JetBrains Mono",monospace;letter-spacing:.12em;text-transform:uppercase;opacity:.75}
.cfw-rm td,.cfw-rm th{text-align:center}
.cfw-rm td:first-child,.cfw-rm th:first-child,.cfw-rm td:last-child{text-align:left}
/* Office left menu: workspace switcher, hidden items */
.cfw-sw{padding:8px 10px 6px;border-bottom:1px solid var(--c-line,rgba(23,26,32,.1))}
.cfw-swr{display:flex;flex-wrap:wrap;margin-top:5px}
.cfw-swr button{flex:1 0 40px;height:34px;margin:0 4px 4px 0;border:1px solid rgba(23,26,32,.18);background:#fff;color:#171a20;font:700 10.5px/1 "JetBrains Mono",monospace;letter-spacing:.06em;cursor:pointer;border-radius:0}
.cfw-swr button.on{background:#3E6AE1;border-color:#3E6AE1;color:#fff}
html.cfw-on [data-cfw-off]{display:none!important}
html.cfw-sec #b5CrewGate,html.cfw-sec #o17Fp,html.cfw-on #b5Crew{display:none!important}
/* Live monitor */
.cf-ov.cfw-lv .cf-top,.cf-ov.cfw-lv .cfw-rail,.cf-ov.cfw-lv .cfw-crumb{display:none}
.cf-ov.cfw-lv{background:#f4f4f4}
.cf-ov.cfw-lv .cf-wrap{max-width:none}
.lv-top{display:flex;align-items:center;flex-wrap:wrap;margin-bottom:14px}
.lv-top img{height:34px;width:auto;margin-right:16px}
.lv-top b{font:700 20px/1.2 Saira,sans-serif}
.lv-clk{font:600 46px/1 "JetBrains Mono",monospace;margin:0 16px}
.lv-ref{font:600 11px/1.3 "JetBrains Mono",monospace;color:var(--c-ink2);letter-spacing:.06em;text-transform:uppercase;margin-right:10px;max-width:300px}
.lv-top .cf-b{margin-left:6px}
.lv-g{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));grid-gap:12px}
.lv-t{min-width:0;overflow:hidden}
.cfw-ws .cfw-s{display:none}
.lv-t{background:rgba(255,255,255,.86);border:1px solid var(--c-line);padding:16px 18px;min-height:200px;display:flex;flex-direction:column}
.lv-t .cf-k{font-size:13px}
.lv-n{font:700 76px/1 Saira,sans-serif;margin:10px 0 8px;color:#171a20}
.lv-s{font-size:16px;color:var(--c-ink2)}
.lv-l>div{display:flex;align-items:center;font:600 16px/1.3 Saira,sans-serif;padding:4px 0;border-top:1px solid var(--c-line)}
.lv-l>div span{margin-left:auto;padding-left:10px;font:500 13px/1.3 "JetBrains Mono",monospace;color:var(--c-ink2);text-align:right;max-width:60%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.lv-l i{flex:0 0 28px;height:28px;display:flex;align-items:center;justify-content:center;background:#3E6AE1;color:#fff;font:700 11px/1 "JetBrains Mono",monospace;font-style:normal;margin-right:8px}
.lv-crew{grid-row:span 2;background:#171a20;color:#fff;border-color:#171a20}
.lv-crew .cf-k,.lv-crew .lv-l>div span{color:rgba(255,255,255,.75)}
.lv-crew .lv-n{color:#fff}
.lv-crew .lv-l>div{border-top-color:rgba(255,255,255,.14)}
.lv-t.lv-crit{border:2px solid #E31937;box-shadow:inset 6px 0 0 #E31937}
.lv-t.lv-crit .lv-n{color:#E31937}
@media (max-width:760px){
.cfw-rail{flex-basis:64px;padding:8px 6px}
.cfw-ws{flex-direction:column;padding:6px 2px;margin-bottom:6px}
.cfw-ws b{flex:none;width:44px;margin:0 0 4px}
.cfw-ws span{font-size:8.5px;letter-spacing:0;text-align:center;line-height:1.1;word-break:break-word}
.cfw-ws.sm b{width:36px}
.cfw-who{display:none}
.cfw-hd h2{font-size:22px}
.cfw-it{flex-basis:210px}
.cfw-big b{font-size:42px}
.lv-clk{font-size:30px;margin:0 8px}
.lv-n{font-size:56px}
.lv-g{grid-template-columns:minmax(0,1fr)}
.cfw-ws .cfw-l{display:none}
.cfw-ws .cfw-s{display:block;font-size:9px}
.lv-crew{grid-row:auto}
.cf-ov.cfw .cf-body{padding-left:10px;padding-right:10px}
.cfw-tiles .cf-sq{width:calc(50% - 8px)}
}
/* Office calendar restyled to match the Field calendar */
html.cfw-on #craftOffice .u6-month{background:#fff;border:1px solid rgba(23,26,32,.1);gap:0!important;grid-gap:0!important}
html.cfw-on #craftOffice .u6-dow,html.cfw-on #craftOffice .u6-wd{background:#f4f4f4!important;color:#5c5e62!important;font:600 10px/1.2 "JetBrains Mono",monospace!important;letter-spacing:.08em!important;padding:8px 6px!important;border:1px solid rgba(23,26,32,.1)!important}
html.cfw-on #craftOffice .u6-day{border:1px solid rgba(23,26,32,.1)!important;background:#fff!important;box-shadow:none}
html.cfw-on #craftOffice .co-view .u6-month .u6-day.today{box-shadow:inset 0 0 0 2px #3E6AE1!important}
html.cfw-on #craftOffice .co-view .u6-month .u6-day.today .u6-dn{color:#3E6AE1!important}
html.cfw-on #craftOffice .u6-day .u6-dn{font:600 12px/1 "JetBrains Mono",monospace}
html.cfw-on #craftOffice .co-view .u6-month .u6-ci,html.cfw-on #craftOffice .co-view .u6-ci{text-transform:none!important;font:600 11.5px/1.25 Saira,system-ui,sans-serif!important;letter-spacing:0!important;background:rgba(62,106,225,.1)!important;border:0!important;border-left:3px solid #3E6AE1!important;border-radius:0!important;padding:3px 5px!important;margin-bottom:3px;color:#171a20!important}
html.cfw-on #craftOffice .co-view .u6-ci i{display:none!important}
html.cfw-on #craftOffice .co-view .u6-month .u6-ci.u6-k-miss,html.cfw-on #craftOffice .co-view .u6-month .u6-ci.u6-red{border-left-color:#E31937!important;background:rgba(227,25,55,.07)!important}
html.cfw-on #craftOffice .co-view .u6-month .u6-ci.u6-k-insp,html.cfw-on #craftOffice .co-view .u6-month .u6-ci.u6-k-auto,html.cfw-on #craftOffice .co-view .u6-month .u6-ci.u6-amber{border-left-color:#b7791f!important;background:rgba(183,121,31,.12)!important}
html.cfw-on #craftOffice .co-view .u6-month .u6-ci.u6-k-lien,html.cfw-on #craftOffice .co-view .u6-month .u6-ci.u6-k-recv{border-left-color:#171a20!important;background:rgba(23,26,32,.06)!important}
html.cfw-on #craftOffice .u6-more{font:600 10.5px/1.2 "JetBrains Mono",monospace;color:#3E6AE1}
#coModNav .cfw-sw .cfw-swr button{all:unset;box-sizing:border-box;flex:1 0 22px;height:32px;margin:0 3px 3px 0;padding:0 2px;display:flex;align-items:center;justify-content:center;border:1px solid rgba(23,26,32,.18);background:#fff;color:#171a20;font:700 9.5px/1 "JetBrains Mono",monospace;letter-spacing:.02em;cursor:pointer;border-radius:0}
#coModNav .cfw-sw .cfw-swr button.on{background:#3E6AE1;border-color:#3E6AE1;color:#fff}
#coModNav .cfw-sw .cfw-swr button::before,#coModNav .cfw-sw .cfw-swr button::after{content:none!important;display:none!important}
#coModNav .cfw-sw .cf-k{font:600 10px/1.2 "JetBrains Mono",monospace;letter-spacing:.12em;text-transform:uppercase;color:#5c5e62}
.lv-n.sm{font-size:54px;white-space:nowrap}
@media (max-width:760px){.lv-n.sm{font-size:42px}}
/* ===== Oct 23 v2: tiles-first homes, chip strip, auto-fit tiles, builder rooms, integrations ===== */
.cfw-hd.sm{align-items:center;margin-bottom:8px}
.cfw-hd.sm h2{font-size:22px;margin:0 10px 0 0}
.cfw-hd.sm>.cf-b{margin:0 0 0 6px}
.cfw-chips{display:flex;align-items:center;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;margin:0 0 10px;padding:2px 0}
.cfw-chips::-webkit-scrollbar{display:none}
.cfw-cl0{flex:none;font:700 10px/1 "JetBrains Mono",monospace;letter-spacing:.1em;text-transform:uppercase;color:#b7791f;margin-right:8px}
.cfw-cl0.ok{color:#3E6AE1}
.cfw-chip{flex:none;display:flex;align-items:center;height:32px;margin-right:6px;padding:0 4px 0 10px;border:1px solid rgba(23,26,32,.14);background:rgba(255,255,255,.8);color:#171a20;font:600 12px/1 Saira,sans-serif;cursor:pointer;border-radius:0}
.cfw-chip b{margin-left:8px;min-width:22px;height:22px;padding:0 5px;display:flex;align-items:center;justify-content:center;background:#171a20;color:#fff;font:700 11px/1 "JetBrains Mono",monospace}
.cfw-chip.wait b{background:#3E6AE1}
.cfw-chip.hot{box-shadow:inset 3px 0 0 #E31937}
.cfw-tiles-hd{display:flex;align-items:center;margin:2px 0 6px}
.cfw-tiles-hd select{flex:0 0 auto;width:auto;max-width:140px;font-size:12px;margin:0 6px 0 auto;min-height:0;padding:4px}
/* auto-fit tile grid: small on phones (3-4 a row), bigger + more columns on desktop / Tesla; density = override */
.cf-bgrid.cfw-tiles{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-gap:8px;margin:0 0 12px}
.cf-bgrid.cfw-tiles.cf-dm{--cfw-t:clamp(76px,7vw,160px)}
.cf-bgrid.cfw-tiles.cf-ds{--cfw-t:clamp(66px,5.5vw,130px)}
.cfw-tw{position:relative;min-width:0}
.cfw-tiles .cf-sq,.cfw-tiles .cf-sq.ed{width:100%!important;height:var(--cfw-t,clamp(84px,9vw,200px))!important;margin:0!important;font-size:clamp(11.5px,1vw,17px);padding:clamp(6px,.7vw,12px);overflow:hidden;word-break:normal;overflow-wrap:normal;-webkit-hyphens:manual;hyphens:manual}
.cfw-tiles .cf-sq small{font-size:clamp(8px,.6vw,10px)}
.cfw-x{position:absolute;top:0;right:0;width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:#fff;color:#171a20;border:1px solid #171a20;font:700 16px/1 sans-serif;cursor:pointer;z-index:2}
.cfw-add{background:transparent!important;color:#171a20!important;border:1px dashed rgba(23,26,32,.4)!important}
.cfb-done{opacity:.45;cursor:not-allowed;filter:grayscale(1)}
.cfb-btns{margin-bottom:8px}
.cfb-rooms .cfb-fl{display:flex;flex-wrap:wrap;align-items:center;margin:6px 0}
.cfb-fl>.cf-k{flex:0 0 64px}
.cfb-rm{display:inline-flex;margin:3px 6px 3px 0;border:1px solid rgba(23,26,32,.18);background:#fff}
.cfb-rm button{border:0;background:none;padding:6px 9px;font:600 12.5px/1 Saira,sans-serif;cursor:pointer;color:#171a20;border-radius:0}
.cfb-rm .cfb-rx{padding:6px 7px;border-left:1px solid rgba(23,26,32,.12);color:#5c5e62}
.cfb-rm.on{border-color:#3E6AE1;background:rgba(62,106,225,.1)}
.cfb-rm.on button:first-child{color:#3E6AE1}
.cfb-addr>*{margin:3px 6px 3px 0}
.cfb-addr input{width:150px}
.cfb-tbl input.cfb-n{width:70px;padding:3px 5px;min-height:0;font-size:12.5px}
.cfb-tbl input.cfb-n.sm{width:46px}
.cfb-tbl select{font-size:12px;padding:2px;min-height:0}
.cfb-rh td{background:#171a20;color:#fff;font:700 10.5px/1.2 "JetBrains Mono",monospace;letter-spacing:.08em;text-transform:uppercase;padding:6px 8px}
.cfb-sub td{background:#f4f4f4;font-weight:700}
.cfb-bs td{background:rgba(62,106,225,.05)}
.cfb-amt{text-align:right;white-space:nowrap}
.cfb-tot b{font-size:20px}
.cfa-g{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));grid-gap:10px;margin-bottom:12px}
.cfa-c{background:rgba(255,255,255,.86);border:1px solid var(--c-line);padding:12px;display:flex;flex-direction:column}
.cfa-c .cf-row{margin-bottom:6px}
.cfa-c .cf-chip{margin-right:6px}
.cfa-c .cf-b{margin-top:auto;align-self:flex-start}
.cfa-ic{flex:0 0 36px;height:36px;display:flex;align-items:center;justify-content:center;background:#171a20;color:#fff;font:700 12px/1 "JetBrains Mono",monospace;margin-right:10px}
.cfa-r{display:flex;align-items:center;flex-wrap:wrap;padding:6px 0;border-top:1px solid var(--c-line)}
.cfa-r>*{margin-right:8px}
.cfa-r b{font-family:"JetBrains Mono",monospace;font-size:12px;flex:0 0 80px}
@media (max-width:760px){.cf-bgrid.cfw-tiles{grid-gap:6px}.cfw-tiles .cf-sq{font-size:11.5px}.cfw-x{width:24px;height:24px}}
@media (min-width:1600px){.cf-ov .cf-wrap,.cfw-crumb{max-width:1640px}}
/* Oct 23 v3: phones (<600px) — compact tiles: Small = 4 a row, short, smaller text, no mid-word breaks (soft hyphens only) */
@media (max-width:599px){
.cf-bgrid.cfw-tiles.cf-ds{grid-template-columns:repeat(4,minmax(0,1fr));grid-gap:5px}
.cf-bgrid.cfw-tiles.cf-ds .cf-sq{height:62px!important;font-size:10.5px;line-height:1.15;padding:5px 5px 6px;letter-spacing:0}
.cf-bgrid.cfw-tiles.cf-ds .cf-sq small{font-size:7px;letter-spacing:.06em;line-height:1}
.cf-bgrid.cfw-tiles.cf-dm{grid-template-columns:repeat(4,minmax(0,1fr));grid-gap:5px}
.cf-bgrid.cfw-tiles.cf-dm .cf-sq{height:78px!important;font-size:11.5px;line-height:1.15;padding:6px}
.cf-bgrid.cfw-tiles.cf-dm .cf-sq small{font-size:7.5px}
.cf-bgrid.cfw-tiles.cf-dl{grid-template-columns:repeat(3,minmax(0,1fr))}
.cf-bgrid.cfw-tiles.cf-dl .cf-sq{height:96px!important;font-size:12.5px;line-height:1.15}
.cfw-tiles.cf-ds .cfw-x{width:20px;height:20px;font-size:13px}
}
/* Oct 23: sign-in lands straight in the role's workspace; hide the old Office home until the workspace is mounted */
html.cfw-boot #craftOffice .co-app{visibility:hidden!important}
html.cfw-boot body{background:#fff!important}
html.cfw-boot body:after{content:"Opening your workspace\2026";position:fixed;left:0;right:0;top:46%;text-align:center;font:600 11px/1 "JetBrains Mono",monospace;letter-spacing:.14em;text-transform:uppercase;color:#5c5e62;z-index:5}
.cf-ov.cf-nf{-webkit-animation:none!important;animation:none!important}
/* Oct 23 v4: document tile bar (same tile component as builder/workspaces) on every Office document form */
#craftOffice .cfd{margin:6px 0 10px;padding:8px 0 4px;border-top:1px solid rgba(23,26,32,.1);border-bottom:1px solid rgba(23,26,32,.1);font-family:Saira,system-ui,sans-serif;color:#171a20}
#craftOffice .cfd .cfd-hd{display:flex;align-items:center;margin:0 0 6px}
#craftOffice .cfd .cfd-hd .cf-b{margin-left:6px}
#craftOffice .cfd .cf-b{border-radius:0!important;min-height:32px;padding:5px 10px;font:600 12.5px/1 Saira,sans-serif;border:1px solid rgba(23,26,32,.2);background:#fff;color:#171a20;cursor:pointer}
#craftOffice .cfd .cf-b.pri{background:#3E6AE1;border-color:#3E6AE1;color:#fff}
#craftOffice .cfd .cf-bgrid.cfw-tiles{margin:0 0 6px}
#craftOffice .cfd .cf-sq{border-radius:0!important;background:#171a20;color:#fff;border:1px solid #171a20;box-shadow:none;min-height:0;text-align:left;text-transform:none;letter-spacing:0}
#craftOffice .cfd .cf-sq.cfd-bs{background:#c9ccd3;color:#171a20;border-color:#c9ccd3}
#craftOffice .cfd .cf-sq.cfb-done{background:#e6e7ea;color:#8e8e93;border-color:#e6e7ea}
#craftOffice .cfd .cf-sq.cfw-add{background:#fff;color:#171a20;border:1px dashed rgba(23,26,32,.4)}
#craftOffice .cfd .cf-sq small{display:block;margin-bottom:auto;font:600 9px/1.1 "JetBrains Mono",monospace;letter-spacing:.06em;text-transform:uppercase;opacity:.75}
#craftOffice .cfd .cf-sq em{display:block;font:500 10px/1.2 "JetBrains Mono",monospace;font-style:normal;opacity:.8;margin-top:2px}
#craftOffice .cfd .cf-bgrid.cfw-tiles{grid-template-columns:repeat(4,minmax(0,1fr))}
#craftOffice .cfd .cfw-tiles .cf-sq{height:var(--cfw-t,clamp(70px,6.5vw,104px))!important}
#craftOffice .cfd .cfw-tw[draggable=true]{cursor:move}
#craftOffice .cfd .cfd-mv{position:absolute;left:0;bottom:0;display:flex;z-index:2}
#craftOffice .cfd .cfd-mv b{width:24px;height:22px;display:flex;align-items:center;justify-content:center;background:#fff;color:#171a20;border:1px solid #171a20;margin-right:-1px;font:700 13px/1 sans-serif;cursor:pointer}
#craftOffice .cfd .cfd-pop{display:flex;flex-wrap:wrap;align-items:center;padding:8px;margin:0 0 6px;background:#f4f4f4;border:1px solid rgba(23,26,32,.12)}
#craftOffice .cfd .cfd-pop>*,#craftOffice .cfd .cfd-cust>*{margin:3px 6px 3px 0}
#craftOffice .cfd .cfd-pop b{flex:0 0 100%;font:700 10.5px/1.2 "JetBrains Mono",monospace;letter-spacing:.08em;text-transform:uppercase}
#craftOffice .cfd .cfd-cust{display:flex;flex-wrap:wrap;align-items:center;flex:0 0 100%;padding-top:6px;border-top:1px solid rgba(23,26,32,.1)}
#craftOffice .cfd .cfd-pop input,#craftOffice .cfd .cfd-pop select{width:auto;min-height:32px;border-radius:0;padding:4px 6px;font-size:13px;max-width:180px}
#craftOffice .cfd .cfd-pop input[data-dtf=q],#craftOffice .cfd .cfd-pop input[data-dtf=r],#craftOffice .cfd .cfd-pop input[data-dtf=p]{width:70px}
#craftOffice .cfd .cfd-pop .cfd-wide{max-width:none;width:100%}
#craftOffice .cfd-flash{outline:3px solid #3E6AE1!important;outline-offset:2px}
@media (max-width:599px){#craftOffice .cfd .cf-bgrid.cfw-tiles.cf-ds{grid-template-columns:repeat(4,minmax(0,1fr))}#craftOffice .cfd .cfw-tiles.cf-ds .cf-sq{height:60px!important;font-size:10.5px;padding:5px}#craftOffice .cfd .cf-sq em{font-size:8.5px}}
#craftOffice .cfd .cfd-nl{display:block;font:600 12px/1.3 Saira,sans-serif;margin:4px 0 6px}#craftOffice .cfd .cfd-nl small{font-weight:400;color:#5c5e62}#craftOffice .cfd .cfd-nt{display:block;width:100%;margin-top:4px;border-radius:0;border:1px solid rgba(23,26,32,.2);padding:6px;font:400 13px/1.35 Saira,sans-serif;box-sizing:border-box}
#craftOffice .cfd .cf-sq small{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}

/* clean build (HESG): Get started card + tiles */
.cfw-gsc{border-radius:0}
.cfw-gs{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:8px;margin-top:10px}
.cfw-gs .cf-sq{border-radius:0;background:#171a20;color:#fff;width:100%!important;height:auto!important;margin:0!important;min-height:84px;justify-content:flex-end;text-align:left;padding:12px;font-weight:600;line-height:1.25}
.cfw-gs .cf-sq.cfw-gs1{background:#3E6AE1}
.cfw-gs .cf-sq small{display:block;font-weight:400;opacity:.85;font-size:11px;margin-bottom:4px;text-transform:uppercase;letter-spacing:.04em}
@media (max-width:599px){.cfw-gs{grid-template-columns:repeat(2,minmax(0,1fr))}.cfw-gs .cf-sq{min-height:64px;font-size:13px;padding:10px}}

/* Oct 23 v5: document tile bar at the SIDE. Desktop/tablet: sticky left column (collapsible icon rail). Phone: slide-out drawer + left-edge tab. */
#craftOffice .co-sheet.cfd-wide{width:min(980px,100%)}
#craftOffice .cfd-tab{display:none}
@media (min-width:701px){
#craftOffice .cfd-side{display:grid;grid-template-columns:200px minmax(0,1fr);column-gap:18px;align-items:start}
#craftOffice .cfd-side>*{grid-column:2;min-width:0}
#craftOffice .cfd-side>.cfd{grid-column:1;grid-row:1/span 300;position:-webkit-sticky;position:sticky;top:0;align-self:start;max-height:calc(92vh - 24px);overflow:auto;margin:0 0 12px;padding:8px 10px 8px 0;border-top:0;border-bottom:0;border-right:1px solid rgba(23,26,32,.12);background:var(--co-paper,#fff);z-index:3}
#craftOffice .cfd-side>.cfd .cfd-hd{position:-webkit-sticky;position:sticky;top:0;background:var(--co-paper,#fff);z-index:2;padding-bottom:4px;flex-wrap:wrap}
#craftOffice .cfd-side>.cfd .cf-bgrid.cfw-tiles{display:grid;grid-template-columns:1fr;gap:4px}
#craftOffice .cfd-side>.cfd .cfw-tiles .cf-sq{height:52px!important;font-size:12.5px;padding:6px 8px}
#craftOffice .cfd-side>.cfd .cf-sq em{display:inline;margin:0 0 0 4px}
#craftOffice .cfd-side>.cfd .cfd-pop input,#craftOffice .cfd-side>.cfd .cfd-pop select{max-width:100%;width:100%!important}
#craftOffice .cfd-side.cfd-min{grid-template-columns:52px minmax(0,1fr)}
#craftOffice .cfd-side.cfd-min>.cfd{padding-right:6px}
#craftOffice .cfd-rail{display:flex;flex-direction:column}
#craftOffice .cfd-ri{width:44px;height:40px;margin:0 0 4px;border:1px solid #171a20;border-radius:0;background:#171a20;color:#fff;font:700 12px/1 "JetBrains Mono",monospace;letter-spacing:.04em;cursor:pointer}
#craftOffice .cfd-ri.cfd-bs{background:#c9ccd3;color:#171a20;border-color:#c9ccd3}
#craftOffice .cfd-ri.cfb-done{background:#e6e7ea;color:#8e8e93;border-color:#e6e7ea}
#craftOffice .cfd-ri.cfw-add{background:#fff;color:#171a20;border-style:dashed}
#craftOffice .cfd-rhd .cf-b{width:44px;margin:0 0 6px!important}
}
/* Oct 23 v6 (Erik, iPhone): phones <=700px get a BOTTOM SHEET (max 45% height, scrolls inside, safe-area aware) opened by a small
   '+ Add' button docked bottom-left in the save bar. Compact 4-a-row tiles, used add-once basics collapse to one 'Included' chip row.
   Desktop/tablet/Tesla (>=701px) keep the v5 side column above. */
.cfd-fabw,#craftOffice .cfd-bd{display:none}
@media (max-width:700px){
#craftOffice .cfd-side>.cfd{position:fixed;left:0;right:0;top:auto;bottom:0;width:auto;max-height:45vh;max-height:45dvh;margin:0;padding:0 10px calc(10px + env(safe-area-inset-bottom,0px));overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;background:#fff;border:0;border-top:1px solid #171a20;box-shadow:0 -10px 30px rgba(23,26,32,.22);z-index:2147481600;box-sizing:border-box;-webkit-transform:translateY(105%);transform:translateY(105%);transition:transform .2s ease,visibility 0s linear .2s;visibility:hidden}
#craftOffice .cfd-side.cfd-open>.cfd{-webkit-transform:none;transform:none;visibility:visible;transition:transform .2s ease,visibility 0s}
#craftOffice .cfd-side.cfd-open>.cfd-bd{display:block;position:fixed;left:0;right:0;top:0;bottom:0;background:rgba(23,26,32,.18);z-index:2147481590}
#craftOffice .cfd .cfd-grab{position:-webkit-sticky;position:sticky;top:0;height:16px;margin:0 -10px;background:#fff;z-index:3;touch-action:none;cursor:pointer}
#craftOffice .cfd .cfd-grab:before{content:"";position:absolute;left:50%;top:6px;width:36px;height:4px;margin-left:-18px;background:#c9ccd3}
#craftOffice .cfd-side>.cfd .cfd-hd{position:-webkit-sticky;position:sticky;top:16px;background:#fff;z-index:2;margin:0 0 6px;padding:0 0 6px;touch-action:none}
#craftOffice .cfd-side>.cfd .cfd-hd .cf-k{font-size:10px;letter-spacing:.08em;white-space:nowrap}
#craftOffice .cfd-side>.cfd .cfd-hd .cf-b{min-height:30px;padding:4px 10px;margin-left:6px}
#craftOffice .cfd-side>.cfd .cfd-dx{width:34px;padding:0!important;font-size:16px!important}
#craftOffice .cfd-side>.cfd .cf-bgrid.cfw-tiles,#craftOffice .cfd-side>.cfd .cf-bgrid.cfw-tiles.cf-ds,#craftOffice .cfd-side>.cfd .cf-bgrid.cfw-tiles.cf-dm,#craftOffice .cfd-side>.cfd .cf-bgrid.cfw-tiles.cf-dl{display:grid;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:4px;margin:0 0 4px}
#craftOffice .cfd-side>.cfd .cfw-tw{min-width:0;width:auto!important;margin:0!important}
#craftOffice .cfd-side>.cfd .cfw-tiles .cf-sq{width:100%!important;height:64px!important;margin:0!important;padding:5px 6px;display:flex;flex-direction:column;justify-content:flex-start;font:600 11.5px/1.15 Saira,system-ui,sans-serif;overflow:hidden;-webkit-hyphens:none;hyphens:none;word-break:normal;overflow-wrap:normal}
#craftOffice .cfd-side>.cfd .cf-sq small{font-size:7.5px;margin-bottom:auto;letter-spacing:.05em}
#craftOffice .cfd-side>.cfd .cf-sq em{display:block;margin:1px 0 0;font-size:9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#craftOffice .cfd-side>.cfd .cfd-nm{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;max-width:100%}
#craftOffice .cfd-side>.cfd .cfd-inc{display:flex;align-items:center;gap:6px;margin:0 0 6px;padding:6px 8px;background:#f4f4f4;border:1px solid rgba(23,26,32,.08);white-space:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch;font:500 11px/1.2 Saira,system-ui,sans-serif;color:#5c5e62;scrollbar-width:none}
#craftOffice .cfd-side>.cfd .cfd-inc::-webkit-scrollbar{display:none}
#craftOffice .cfd-side>.cfd .cfd-inc b{font:700 9px/1 "JetBrains Mono",monospace;letter-spacing:.08em;text-transform:uppercase;color:#171a20}
#craftOffice .cfd-side>.cfd .cfd-inc b:after{content:":"}
#craftOffice .cfd-side>.cfd .cfd-inc i{font-style:normal;color:#8e8e93}
#craftOffice .cfd-side>.cfd .cfd-pop input,#craftOffice .cfd-side>.cfd .cfd-pop select{max-width:100%;font-size:16px}
#craftOffice .cfd-side>.cfd .cfd-mv b{width:20px;height:20px;font-size:11px}
#craftOffice .cfd-side>.cfd .cfw-x{width:20px;height:20px;line-height:20px;font-size:13px}
#craftOffice .cfd-tab{display:none!important}
#craftOffice .cfd-fabw{display:flex;align-items:flex-end}
#craftOffice .cfd-fabw.cfd-fab-abs{position:absolute;left:0;bottom:14px}
#craftOffice .cfd-fabw.cfd-fab-row{flex:0 0 100%;justify-content:flex-start}
#craftOffice .cfd-fabw.cfd-fab-fix{position:fixed;left:12px;bottom:calc(12px + env(safe-area-inset-bottom,0px));z-index:2147481500}
#craftOffice .cfd-fab{height:40px;margin:0;padding:0 12px;border:1px solid #171a20;border-radius:0;background:#171a20;color:#fff;font:700 12px/1 "JetBrains Mono",monospace;letter-spacing:.04em;white-space:nowrap;box-shadow:0 4px 12px rgba(23,26,32,.22);cursor:pointer}
#craftOffice .cfd-fab[aria-expanded=true]{background:#3E6AE1;border-color:#3E6AE1}
}
@media (max-width:359px){#craftOffice .cfd-side>.cfd .cf-bgrid.cfw-tiles,#craftOffice .cfd-side>.cfd .cf-bgrid.cfw-tiles.cf-ds{grid-template-columns:repeat(3,minmax(0,1fr))!important}}
/* People directory + client price history + See what they see (Oct 23) */
.cfp{display:grid;grid-template-columns:260px minmax(0,1fr);gap:14px;align-items:start}
.cfp-l{position:-webkit-sticky;position:sticky;top:0;background:var(--c-card);border:1px solid var(--c-line);padding:8px;border-radius:0}
.cfp-q{width:100%;box-sizing:border-box;margin:0 0 8px;border-radius:0}
.cfp-f{display:flex;gap:4px;margin:0 0 8px}.cfp-f .cf-b{flex:1 1 0;padding-left:4px;padding-right:4px;border-radius:0}.cfp-f s{text-decoration:none;opacity:.7;font-size:11px}
.cfp-list{max-height:calc(92vh - 170px);overflow:auto}
.cfp-it{display:grid;grid-template-columns:minmax(0,1fr) auto;width:100%;text-align:left;background:none;border:0;border-bottom:1px solid var(--c-line);padding:8px 6px;cursor:pointer;color:var(--c-ink);border-radius:0;font:inherit}
.cfp-it b{font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cfp-it span{grid-column:1;font-size:12px;color:var(--c-ink2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cfp-it i{grid-column:2;grid-row:1/span 2;align-self:center;font-style:normal;font-size:10px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--c-ink2);border:1px solid var(--c-line);padding:1px 5px}
.cfp-it:hover{background:var(--c-blues)}.cfp-it.on{background:var(--c-blues);box-shadow:inset 3px 0 0 var(--c-blue)}
.cfp-card{padding:0;border-radius:0}.cfp-hd{display:flex;align-items:center;gap:12px;padding:14px;border-bottom:1px solid var(--c-line)}
.cfp-av{flex:0 0 44px;height:44px;display:flex;align-items:center;justify-content:center;background:var(--c-ink);color:#fff;font-weight:700;font-size:15px;border-radius:0}
.cfp-nm{flex:1 1 auto;min-width:0;display:flex;flex-direction:column;gap:2px}.cfp-nm b{font-size:17px}
.cfp-hd .cf-b{flex:0 0 auto;border-radius:0}.cfp-hd .cf-b[disabled]{opacity:.45;cursor:not-allowed}
.cfp-nol{margin:0;padding:6px 14px;border-bottom:1px solid var(--c-line)}
.cfp-sec{padding:12px 14px;border-bottom:1px solid var(--c-line)}.cfp-sec:last-child{border-bottom:0}.cfp-sec>.cf-k{margin:0 0 8px}
.cfp-kv{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:8px 14px}.cfp-kv>div{display:flex;flex-direction:column;gap:2px;min-width:0}.cfp-kv b{font-weight:600;font-size:13px;overflow-wrap:anywhere}
.cfp-doc{padding:5px 0;border-bottom:1px solid var(--c-line);margin:0}.cfp-doc:last-child{border-bottom:0}
.cfp-back{margin:0 0 8px}
@media (max-width:899px){.cfp{grid-template-columns:1fr}.cfp-l{position:static}.cfp-list{max-height:none}.cfp.cfp-one .cfp-l{display:none}.cfp-hd{flex-wrap:wrap}.cfp-hd .cf-b{width:100%}}
.cf-modal.cfp-vam>.cf-card{max-width:440px;width:100%;padding:0;display:flex;flex-direction:column;overflow:hidden;border-radius:0}
.cfp-vah{display:flex;align-items:center;gap:8px;padding:8px 10px;background:#171a20;color:#fff}.cfp-vah b{font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}.cfp-vah .cf-b{border-radius:0}
.cfp-ro{flex:0 0 auto;font-size:10px;font-weight:700;letter-spacing:.08em;padding:0 6px;line-height:18px;background:#3E6AE1;color:#fff}
.cfp-vaf{height:min(780px,calc(92vh - 46px));background:#fff}.cfp-vai{width:100%;height:100%;border:0;display:block}
@media (max-width:599px){.cf-modal.cfp-vam{padding:0}.cf-modal.cfp-vam>.cf-card{max-width:none;height:100%;max-height:none}.cfp-vaf{height:auto;flex:1 1 auto}}
.cfp-it.on{background:var(--c-blue);color:#fff;box-shadow:none}.cfp-it.on span{color:rgba(255,255,255,.85)}.cfp-it.on i{color:#fff;border-color:rgba(255,255,255,.55)}
.cfp-vah b{white-space:normal;overflow:visible;line-height:1.25}
/* ===== Oct 23 v7: CAR / TOUCH-SCREEN MODE (html.cfx-car: Tesla UA >700px, or coarse pointer 701-1400px; Office only) =====
   Slim fixed rail (124px) with Back + breadcrumb, big Home, workspaces; long sidebars hidden; bigger type + touch targets. */
#cfxRail{display:none}
html.cfx-car #cfxRail{display:flex;flex-direction:column;position:fixed;left:0;top:0;bottom:0;width:124px;box-sizing:border-box;padding:8px 8px calc(8px + env(safe-area-inset-bottom,0px));overflow-y:auto;overscroll-behavior:contain;background:#fff;border-right:1px solid rgba(23,26,32,.14);z-index:2147483100;font-family:Saira,system-ui,sans-serif;color:#171a20;-webkit-tap-highlight-color:transparent}
html.cfx-car #cfxRail button{-webkit-appearance:none;appearance:none;border-radius:0;cursor:pointer;font-family:inherit}
html.cfx-car .cfx-back{display:flex;align-items:center;justify-content:center;flex:0 0 auto;height:64px;margin:0 0 4px;border:1px solid #171a20;background:#fff;color:#171a20;font:700 15px/1 "JetBrains Mono",monospace;letter-spacing:.04em;text-transform:uppercase}
html.cfx-car .cfx-back svg{width:26px;height:26px;margin-right:6px}
html.cfx-car .cfx-crumb{flex:0 0 auto;margin:0 0 8px;padding:4px 2px 6px;border-bottom:1px solid rgba(23,26,32,.12);font:600 11.5px/1.3 Saira,sans-serif;color:#5c5e62;word-break:normal;overflow-wrap:break-word}
html.cfx-car .cfx-crumb i{font-style:normal;margin:0 3px;color:#8e8e93}
html.cfx-car .cfx-crumb .cur{color:#171a20;font-weight:700}
html.cfx-car .cfx-b{display:flex;flex-direction:column;align-items:center;justify-content:center;flex:0 0 auto;min-height:68px;margin:0 0 6px;padding:6px 4px;border:1px solid rgba(23,26,32,.16);background:#fff;color:#171a20;text-align:center}
html.cfx-car .cfx-b i{display:flex;align-items:center;justify-content:center;width:44px;height:30px;margin-bottom:5px;background:#171a20;color:#fff;font:700 11px/1 "JetBrains Mono",monospace;font-style:normal;letter-spacing:.06em}
html.cfx-car .cfx-b span{font:700 13px/1.15 Saira,sans-serif}
html.cfx-car .cfx-b.on{border-color:#3E6AE1;box-shadow:inset 4px 0 0 #3E6AE1}
html.cfx-car .cfx-b.on i{background:#3E6AE1}
html.cfx-car .cfx-b.lv i{background:#fff;color:#171a20;border:1px solid #171a20}
html.cfx-car .cfx-home{min-height:84px;background:#3E6AE1;border-color:#3E6AE1;color:#fff}
html.cfx-car .cfx-home svg{width:34px;height:34px;margin-bottom:4px}
html.cfx-car .cfx-home span{font-size:16px;letter-spacing:.04em;text-transform:uppercase}
html.cfx-car .cfx-home.on{box-shadow:inset 4px 0 0 #171a20}
html.cfx-car .cfx-as{display:flex;flex-direction:column;margin-top:auto;padding-top:8px;border-top:1px solid rgba(23,26,32,.12);font:600 10px/1.2 "JetBrains Mono",monospace;text-transform:uppercase;letter-spacing:.06em;color:#5c5e62}
html.cfx-car .cfx-as select{margin-top:4px;min-height:44px;border-radius:0;font:500 13px/1.2 Saira,sans-serif;width:100%}
/* hide the long sidebars + the overlay's own rail; shift everything right of the rail */
html.cfx-car #coSb,html.cfx-car #olNav,html.cfx-car .cf-ov .cfw-rail{display:none!important}
html.cfx-car #craftOffice .co-app{padding-left:124px!important}
html.cfx-car.ol-on .pw-root,html.cfx-car.ol-on #coPw .pw-root{left:124px!important}
html.cfx-car .cf-ov{left:124px!important;width:auto!important;right:0!important}
html.cfx-car #craftOffice .co-modal{left:124px!important}
html.cfx-car.ol-on #craftBotFab,html.cfx-car #craftBotFab{left:auto!important;right:14px!important}
/* workspace tiles: big, sized to fit (1050px window ~5 a row, 1280 ~7, Tesla full screen 1920 ~9) */
html.cfx-car .cf-ov .cf-wrap{max-width:none}
html.cfx-car .cf-ov .cf-bgrid.cfw-tiles,html.cfx-car .cf-ov .cf-bgrid.cfw-tiles.cf-dl,html.cfx-car .cf-ov .cf-bgrid.cfw-tiles.cf-dm,html.cfx-car .cf-ov .cf-bgrid.cfw-tiles.cf-ds{--cfw-t:clamp(148px,9.1vw,200px);grid-template-columns:repeat(4,minmax(0,1fr));grid-gap:10px}
html.cfx-car .cf-ov .cfw-tiles .cf-sq,html.cfx-car .cf-ov .cfw-tiles .cf-sq.ed{height:clamp(120px,8vw,170px)!important;font-size:17px!important;line-height:1.2;padding:12px!important}
html.cfx-car .cf-ov .cfw-tiles .cf-sq small{font-size:11px!important;letter-spacing:.08em}
html.cfx-car .cfx-gk{margin:14px 0 8px;font-size:13px}
html.cfx-car .cf-ov{font-size:17px}
html.cfx-car .cf-ov .cfw-hd h2{font-size:34px}
html.cfx-car .cf-ov .cf-b{min-height:52px;padding:10px 18px;font-size:16px}
html.cfx-car .cf-ov .cfw-chip{min-height:52px;font-size:16px}
html.cfx-car .cf-ov .cfw-crumb .cf-b{min-height:56px;font-size:17px}
html.cfx-car .cf-ov .cf-top{min-height:60px}
html.cfx-car .cf-ov .cf-top .cf-mute,html.cfx-car .cf-ov .cf-top [data-a=close]{min-width:56px;min-height:52px;font-size:20px}
html.cfx-car .cf-ov select,html.cfx-car .cf-ov input:not([type=checkbox]):not([type=radio]){min-height:52px;font-size:17px}
/* Office sections (lists) + documents: ~1.2x type, big touch targets */
html.cfx-car #craftOffice .co-view{zoom:1.2}
html.cfx-car #coModal h3{font-size:26px!important}
html.cfx-car #coModal label,html.cfx-car #coModal .co-fields>div>span{font-size:13px!important}
html.cfx-car #coModal input:not([type=checkbox]):not([type=radio]):not([type=file]),html.cfx-car #coModal select{min-height:52px!important;font-size:18px!important}
html.cfx-car #coModal textarea{min-height:96px!important;font-size:18px!important}
html.cfx-car #coModal .co-actions .co-btn,html.cfx-car #coModal .co-actions button{min-height:56px!important;padding:0 22px!important;font-size:16px!important}
html.cfx-car #coModal .co-sheet.cfd-wide{width:min(1180px,100%)}
html.cfx-car #craftOffice .cfd-side{grid-template-columns:236px minmax(0,1fr)}
html.cfx-car #craftOffice .cfd-side>.cfd .cfw-tiles .cf-sq{height:64px!important;font-size:16px!important;padding:8px 10px!important}
html.cfx-car #craftOffice .cfd-side>.cfd .cf-sq small{font-size:10px}
html.cfx-car #craftOffice .cfd-side>.cfd .cf-sq em{font-size:12px}
html.cfx-car #craftOffice .cfd .cf-b{min-height:48px;font-size:15px;padding:8px 14px}
html.cfx-car #craftOffice .cfd-ri{width:56px;height:56px;font-size:14px}
html.cfx-car #craftOffice .cfd-side.cfd-min{grid-template-columns:68px minmax(0,1fr)}
html.cfx-car .cfx-crumb span{display:inline-block;white-space:nowrap;max-width:100%;overflow:hidden;text-overflow:ellipsis;vertical-align:bottom}
html.cfx-car .cf-ov .cfx-secs .cf-sq{background:#171a20;color:#fff;border:1px solid #171a20}
/* Oct 23 v9 (Erik: "same as right boxes, word only"): every rail button = a graphite tile with one white word; active = blue tile */
.cfw-rail .cfw-ws,.cfw-rail .cfw-ws.sm,.cfw-rail .cfw-ws.lv,html.cfx-car #cfxRail .cfx-b,html.cfx-car #cfxRail .cfx-back,html.cfx-car #cfxRail .cfx-home{background:#171a20!important;color:#fff!important;border:1px solid #171a20!important;border-radius:0!important;box-shadow:none!important;display:flex!important;align-items:flex-end!important;justify-content:flex-start!important;text-align:left!important;padding:8px!important;text-transform:none!important}
.cfw-rail .cfw-ws.on,html.cfx-car #cfxRail .cfx-b.on,html.cfx-car #cfxRail .cfx-home.on{background:#3E6AE1!important;border-color:#3E6AE1!important}
.cfw-rail .cfw-ws>b,.cfw-rail .cfw-ws .cfw-l,.cfw-rail .cfw-ws .cfw-s{display:none!important}
.cfw-rail .cfw-ws .cfw-w,html.cfx-car #cfxRail .cfx-b span,html.cfx-car #cfxRail .cfx-back span,html.cfx-car #cfxRail .cfx-home span{display:block!important;color:#fff!important;font:600 14px/1.15 Saira,system-ui,sans-serif!important;letter-spacing:0!important;text-transform:none!important;overflow-wrap:break-word}
html.cfx-car #cfxRail .cfx-b span,html.cfx-car #cfxRail .cfx-back span,html.cfx-car #cfxRail .cfx-home span{font-size:16px!important}
html.cfx-car #cfxRail .cfx-b i,html.cfx-car #cfxRail svg{display:none!important}
.cfw-rail .cfw-ws{min-height:56px}
html:not(#z1):not(#z2):not(#z3) body .cfw-rail .cfw-ws.on,html.cfx-car:not(#z1):not(#z2):not(#z3) body #cfxRail .cfx-b.on,html.cfx-car:not(#z1):not(#z2):not(#z3) body #cfxRail .cfx-home.on{background:#3E6AE1!important;border-color:#3E6AE1!important;color:#fff!important}
.cfw-rail .cfw-ws,.cfw-rail .cfw-ws.sm,.cfw-rail .cfw-ws.lv,html.cfx-car #cfxRail .cfx-b,html.cfx-car #cfxRail .cfx-back,html.cfx-car #cfxRail .cfx-home{flex-direction:column!important;justify-content:flex-end!important;align-items:flex-start!important}
.cfw-rail .cfw-ws .cfw-w,html.cfx-car #cfxRail .cfx-b span,html.cfx-car #cfxRail .cfx-back span,html.cfx-car #cfxRail .cfx-home span{word-break:normal!important;overflow-wrap:normal!important;-webkit-hyphens:none;hyphens:none;max-width:100%}
@media (max-width:760px){.cfw-rail .cfw-ws,.cfw-rail .cfw-ws.sm,.cfw-rail .cfw-ws.lv{padding:6px 5px!important}.cfw-rail .cfw-ws .cfw-w{font-size:12px!important;white-space:nowrap}}
/* ===== Oct 23 v10: colour = meaning (AA: white on #B35C00 4.9:1, on #1F7A44 5.4:1, #5c5e62 on #e6e8eb 5.6:1) ===== */
html body .cf-ov .cfw-tiles .cf-sq:not(.cfw-add){background:#171a20;color:#fff}
html body .cf-ov .cfw-tiles .cf-sq.cfc-act,html:not(#z1):not(#z2):not(#z3) body .cfw-rail .cfw-ws.cfc-act,html.cfx-car:not(#z1):not(#z2):not(#z3) body #cfxRail .cfx-b.cfc-act{background:#B35C00!important;border-color:#B35C00!important;color:#fff!important}
html body .cf-ov .cfw-tiles .cf-sq.cfc-ok,html:not(#z1):not(#z2):not(#z3) body .cfw-rail .cfw-ws.cfc-ok,html.cfx-car:not(#z1):not(#z2):not(#z3) body #cfxRail .cfx-b.cfc-ok{background:#1F7A44!important;border-color:#1F7A44!important;color:#fff!important}
html body .cf-ov .cfw-tiles .cf-sq.cfc-off,html:not(#z1):not(#z2):not(#z3) body .cfw-rail .cfw-ws.cfc-off,.cf-sq.cfc-off{background:#e6e8eb!important;border-color:#e6e8eb!important;color:#5c5e62!important}
.cf-sq.cfc-off small,.cfw-ws.cfc-off span{color:#5c5e62!important}
.cf-sq,.cfw-ws,.cfx-b{position:relative}
.cfc-n{position:absolute;top:6px;right:6px;min-width:22px;height:22px;padding:0 5px;box-sizing:border-box;display:flex;align-items:center;justify-content:center;background:#fff;color:#7a3e00;font:700 12px/1 "JetBrains Mono",monospace;font-style:normal}
.cfw-tiles .cf-sq .cfc-n{top:8px;right:8px;min-width:26px;height:26px;font-size:14px}
.cfw-tiles .cf-sq .cfc-st{display:block;margin-top:4px;font:600 11px/1.2 "JetBrains Mono",monospace;font-style:normal;letter-spacing:.04em;text-transform:uppercase;color:#fff}
.cfc-leg{display:flex;flex-wrap:wrap;align-items:center;gap:4px 12px;margin:-2px 0 8px;font:500 11px/1.3 Saira,system-ui,sans-serif;color:#5c5e62}
.cfc-leg span{display:inline-flex;align-items:center;white-space:nowrap}
.cfc-leg i{width:10px;height:10px;margin-right:5px;display:inline-block}
.cfc-leg i.b{background:#3E6AE1}.cfc-leg i.o{background:#B35C00}.cfc-leg i.g{background:#1F7A44}.cfc-leg i.x{background:#c9ccd3}
.cfc-leg button{margin-left:auto;padding:2px 8px;min-height:24px;border:1px solid rgba(23,26,32,.2);background:#fff;color:#5c5e62;font:600 10px/1 "JetBrains Mono",monospace;text-transform:uppercase;cursor:pointer;border-radius:0}
html.cfx-car .cfc-leg{font-size:14px}html.cfx-car .cfc-leg button{min-height:40px;font-size:12px}
.cfw-chip.wait b{background:#B35C00!important;color:#fff!important}
@media (max-width:700px){.cfw-tiles .cf-sq .cfc-n{top:4px;right:4px;min-width:20px;height:20px;font-size:12px}.cfc-leg{gap:2px 8px;font-size:10.5px}.cfc-leg i{width:8px;height:8px;margin-right:3px}}
.cfw-tiles .cf-sq .cfc-st{position:absolute;top:8px;right:8px;margin:0;padding:3px 6px;background:#fff;color:#1F7A44;font-size:10px}
@media (max-width:700px){.cfw-tiles .cf-sq .cfc-st{top:4px;right:4px;font-size:8.5px;padding:2px 4px}}
/* ===== Oct 23 v11 (Erik: "tesla like only", no orange/green): graphite tiles, blue = here, white count badge = needs you,
   white status line = done/running, light grey = off. ===== */
html body .cf-ov .cfw-tiles .cf-sq.cfc-act,html body .cf-ov .cfw-tiles .cf-sq.cfc-ok,html:not(#z1):not(#z2):not(#z3) body .cfw-rail .cfw-ws.cfc-act,html:not(#z1):not(#z2):not(#z3) body .cfw-rail .cfw-ws.cfc-ok,html.cfx-car:not(#z1):not(#z2):not(#z3) body #cfxRail .cfx-b.cfc-act,html.cfx-car:not(#z1):not(#z2):not(#z3) body #cfxRail .cfx-b.cfc-ok{background:#171a20!important;border-color:#171a20!important;color:#fff!important}
html body .cf-ov .cfw-tiles .cf-sq.cfc-act,html:not(#z1):not(#z2):not(#z3) body .cfw-rail .cfw-ws.cfc-act,html.cfx-car:not(#z1):not(#z2):not(#z3) body #cfxRail .cfx-b.cfc-act{box-shadow:inset 0 3px 0 #3E6AE1!important}
.cfc-n{background:#fff!important;color:#171a20!important}
.cfw-tiles .cf-sq .cfc-st{position:static;display:block;margin-top:3px;padding:0;background:none;color:#fff;font-size:10px;opacity:.85}
html body .cf-ov .cfw-tiles .cf-sq.cfc-off,html:not(#z1):not(#z2):not(#z3) body .cfw-rail .cfw-ws.cfc-off,.cf-sq.cfc-off{background:#E8E8E8!important;border-color:#E8E8E8!important;color:#5c5e62!important}
.cfw-chip{background:#fff!important;color:#171a20!important}
.cfw-chip.wait b,.cfw-chip b{background:#171a20!important;color:#fff!important}
.cfc-leg{display:none!important}
.cfw-cl0,.cfw-cl0.ok{color:#171a20!important}

/* ===== Oct 23 v12: PALETTE C 'Mixed' (Erik locked it). White page, graphite tiles for sections, translucent blue #3E6AE1/.85 = you are here + count badges
   (+ thin blue outline on waiting rail buttons), soft green tint rgba(46,158,91,.18) + #145c34 text = done/running. Red only logo/critical. Supersedes v10/v11 colour rules. ===== */

html:not(#z1):not(#z2):not(#z3):not(#z4) body .cf-ov,html:not(#z1):not(#z2):not(#z3):not(#z4) body .cf-ov .cf-body,html:not(#z1):not(#z2):not(#z3):not(#z4) body #cfxRail,html:not(#z1):not(#z2):not(#z3):not(#z4) body .cf-ov .cfw-rail{background:#ffffff!important}
html:not(#z1):not(#z2):not(#z3):not(#z4) body .cf-ov .cfw-tiles .cf-sq:not(.cfw-add),html:not(#z1):not(#z2):not(#z3):not(#z4) body .cfw-rail .cfw-ws,html:not(#z1):not(#z2):not(#z3):not(#z4) body #cfxRail .cfx-b,html:not(#z1):not(#z2):not(#z3):not(#z4) body #cfxRail .cfx-back,html:not(#z1):not(#z2):not(#z3):not(#z4) body #cfxRail .cfx-home{background:#171a20!important;color:#fff!important;border:1px solid #171a20!important;box-shadow:none!important;}
html:not(#z1):not(#z2):not(#z3):not(#z4) body .cf-ov .cfw-tiles .cf-sq:not(.cfw-add) small,html:not(#z1):not(#z2):not(#z3):not(#z4) body .cf-ov .cfw-tiles .cf-sq:not(.cfw-add) span,html:not(#z1):not(#z2):not(#z3):not(#z4) body .cfw-rail .cfw-ws span,html:not(#z1):not(#z2):not(#z3):not(#z4) body #cfxRail .cfx-b span,html:not(#z1):not(#z2):not(#z3):not(#z4) body #cfxRail .cfx-back span,html:not(#z1):not(#z2):not(#z3):not(#z4) body #cfxRail .cfx-home span{color:#fff!important}
html:not(#z1):not(#z2):not(#z3):not(#z4) body .cfw-rail .cfw-ws.on,html:not(#z1):not(#z2):not(#z3):not(#z4) body #cfxRail .cfx-b.on,html:not(#z1):not(#z2):not(#z3):not(#z4) body #cfxRail .cfx-back.on,html:not(#z1):not(#z2):not(#z3):not(#z4) body #cfxRail .cfx-home.on{background:rgba(62,106,225,.85)!important;border-color:transparent!important;color:#fff!important}html:not(#z1):not(#z2):not(#z3):not(#z4) body .cfw-rail .cfw-ws.on span,html:not(#z1):not(#z2):not(#z3):not(#z4) body #cfxRail .cfx-b.on span,html:not(#z1):not(#z2):not(#z3):not(#z4) body #cfxRail .cfx-back.on span,html:not(#z1):not(#z2):not(#z3):not(#z4) body #cfxRail .cfx-home.on span{color:#fff!important}
html:not(#z1):not(#z2):not(#z3):not(#z4) body .cf-ov .cfw-tiles .cf-sq:not(.cfw-add).cfc-act,html:not(#z1):not(#z2):not(#z3):not(#z4) body .cfw-rail .cfw-ws.cfc-act,html:not(#z1):not(#z2):not(#z3):not(#z4) body #cfxRail .cfx-b.cfc-act,html:not(#z1):not(#z2):not(#z3):not(#z4) body #cfxRail .cfx-back.cfc-act,html:not(#z1):not(#z2):not(#z3):not(#z4) body #cfxRail .cfx-home.cfc-act{box-shadow:inset 0 0 0 2px rgba(62,106,225,.85)!important}
html:not(#z1):not(#z2):not(#z3):not(#z4) body .cfc-n{background:rgba(62,106,225,.85)!important;color:#fff!important;border:0!important}
html:not(#z1):not(#z2):not(#z3):not(#z4) body .cf-ov .cfw-tiles .cf-sq:not(.cfw-add).cfc-ok,html:not(#z1):not(#z2):not(#z3):not(#z4) body .cfw-rail .cfw-ws.cfc-ok,html:not(#z1):not(#z2):not(#z3):not(#z4) body #cfxRail .cfx-b.cfc-ok,html:not(#z1):not(#z2):not(#z3):not(#z4) body #cfxRail .cfx-back.cfc-ok,html:not(#z1):not(#z2):not(#z3):not(#z4) body #cfxRail .cfx-home.cfc-ok{background:rgba(46,158,91,.18)!important;color:#145c34!important;border-color:rgba(46,158,91,.3)!important;}html:not(#z1):not(#z2):not(#z3):not(#z4) body .cf-ov .cfw-tiles .cf-sq:not(.cfw-add).cfc-ok small,html:not(#z1):not(#z2):not(#z3):not(#z4) body .cf-ov .cfw-tiles .cf-sq:not(.cfw-add).cfc-ok span,html:not(#z1):not(#z2):not(#z3):not(#z4) body .cfw-rail .cfw-ws.cfc-ok span,html:not(#z1):not(#z2):not(#z3):not(#z4) body #cfxRail .cfx-b.cfc-ok span,html:not(#z1):not(#z2):not(#z3):not(#z4) body #cfxRail .cfx-back.cfc-ok span,html:not(#z1):not(#z2):not(#z3):not(#z4) body #cfxRail .cfx-home.cfc-ok span{color:#145c34!important}
html:not(#z1):not(#z2):not(#z3):not(#z4) body .cfw-tiles .cf-sq .cfc-st{color:#145c34!important;opacity:1}
html:not(#z1):not(#z2):not(#z3):not(#z4) body .cf-ov .cfw-hd h2,html:not(#z1):not(#z2):not(#z3):not(#z4) body .cf-ov .cf-k{color:#171a20!important}
html:not(#z1):not(#z2):not(#z3):not(#z4) body .cfw-chip{background:#fff!important;color:#171a20!important;}html:not(#z1):not(#z2):not(#z3):not(#z4) body .cfw-chip b{background:rgba(62,106,225,.85)!important;color:#fff!important}
html:not(#z1):not(#z2):not(#z3):not(#z4) body .cf-ov .cfw-tiles .cfw-tw:first-child .cf-sq{background:rgba(62,106,225,.85)!important;border-color:transparent!important} /* current tile */

/* document quick-add side column + phone bottom sheet: graphite tiles, used add-once basics = soft green, + Add button blue when open */
html:not(#z1):not(#z2):not(#z3):not(#z4) body #craftOffice .cfd .cfw-tiles .cf-sq:not(.cfw-add){background:#171a20!important;color:#fff!important;border:1px solid #171a20!important}
html:not(#z1):not(#z2):not(#z3):not(#z4) body #craftOffice .cfd .cfw-tiles .cf-sq.cfb-done{background:rgba(46,158,91,.18)!important;color:#145c34!important;border-color:rgba(46,158,91,.3)!important}html:not(#z1):not(#z2):not(#z3):not(#z4) body #craftOffice .cfd .cfw-tiles .cf-sq.cfb-done small,html:not(#z1):not(#z2):not(#z3):not(#z4) body #craftOffice .cfd .cfw-tiles .cf-sq.cfb-done em{color:#145c34!important}
html:not(#z1):not(#z2):not(#z3):not(#z4) body #craftOffice .cfd-side>.cfd .cfd-inc{background:rgba(46,158,91,.12)!important;color:#145c34!important;border-color:rgba(46,158,91,.3)!important}html:not(#z1):not(#z2):not(#z3):not(#z4) body #craftOffice .cfd-side>.cfd .cfd-inc b{color:#145c34!important}
html:not(#z1):not(#z2):not(#z3):not(#z4) body #craftOffice .cfd-fab[aria-expanded=true],html:not(#z1):not(#z2):not(#z3):not(#z4) body #craftOffice .cfd .cf-b.pri{background:rgba(62,106,225,.85)!important;border-color:transparent!important}
/* chips: white, graphite text, translucent blue count; All clear soft green */
html:not(#z1):not(#z2):not(#z3):not(#z4) body .cfw-chip{background:#fff!important;color:#171a20!important}html:not(#z1):not(#z2):not(#z3):not(#z4) body .cfw-chip b{background:rgba(62,106,225,.85)!important;color:#fff!important}
html:not(#z1):not(#z2):not(#z3):not(#z4) body .cfw-cl0{color:#171a20!important}html:not(#z1):not(#z2):not(#z3):not(#z4) body .cfw-cl0.ok{color:#145c34!important}

/* ===== Oct 24 v13: theme switcher UI + Square-like press (all themes). Default Mixed = C (existing v12). ===== */
.cfw-theme,.cfx-theme{display:flex;flex-wrap:wrap;gap:4px;margin:8px 0 6px;padding-top:8px;border-top:1px solid rgba(23,26,32,.12)}
.cfw-th,#cfxRail .cfw-th{flex:1 1 calc(33.333% - 4px);min-height:32px;padding:5px 3px;border:1px solid rgba(23,26,32,.2);background:#fff;color:#171a20;font:600 10px/1.1 Saira,system-ui,sans-serif;border-radius:0;cursor:pointer;-webkit-appearance:none;appearance:none}
.cfw-th.on,#cfxRail .cfw-th.on{background:rgba(62,106,225,.85)!important;border-color:transparent!important;color:#fff!important}
html.cfx-car #cfxRail .cfw-theme{margin-top:auto;flex:0 0 auto}
html.cfx-car #cfxRail .cfw-th{min-height:44px;font-size:13px}
/* Square-like press — square corners kept */
.cf-ov .cfw-tiles .cf-sq:active,.cfw-rail .cfw-ws:active,#cfxRail .cfx-b:active,#cfxRail .cfx-back:active,#cfxRail .cfx-home:active,.cfw-th:active,#craftOffice .cfd .cfw-tiles .cf-sq:active{
  transform:scale(.97);opacity:.92;transition:transform .08s ease,opacity .08s ease;box-shadow:inset 0 1px 2px rgba(0,0,0,.12)!important}


/* theme: dark */

html[data-craft-theme="dark"]:not(#z1):not(#z2):not(#z3):not(#z4) body .cf-ov,html[data-craft-theme="dark"]:not(#z1):not(#z2):not(#z3):not(#z4) body .cf-ov .cf-body,html[data-craft-theme="dark"]:not(#z1):not(#z2):not(#z3):not(#z4) body #cfxRail,html[data-craft-theme="dark"]:not(#z1):not(#z2):not(#z3):not(#z4) body .cf-ov .cfw-rail{background:#F7F8FA!important}
html[data-craft-theme="dark"]:not(#z1):not(#z2):not(#z3):not(#z4) body .cf-ov .cfw-tiles .cf-sq:not(.cfw-add),html[data-craft-theme="dark"]:not(#z1):not(#z2):not(#z3):not(#z4) body .cfw-rail .cfw-ws,html[data-craft-theme="dark"]:not(#z1):not(#z2):not(#z3):not(#z4) body #cfxRail .cfx-b,html[data-craft-theme="dark"]:not(#z1):not(#z2):not(#z3):not(#z4) body #cfxRail .cfx-back,html[data-craft-theme="dark"]:not(#z1):not(#z2):not(#z3):not(#z4) body #cfxRail .cfx-home{background:#3A3F48!important;color:#fff!important;border:1px solid #3A3F48!important;box-shadow:none!important;}
html[data-craft-theme="dark"]:not(#z1):not(#z2):not(#z3):not(#z4) body .cf-ov .cfw-tiles .cf-sq:not(.cfw-add) small,html[data-craft-theme="dark"]:not(#z1):not(#z2):not(#z3):not(#z4) body .cf-ov .cfw-tiles .cf-sq:not(.cfw-add) span,html[data-craft-theme="dark"]:not(#z1):not(#z2):not(#z3):not(#z4) body .cfw-rail .cfw-ws span,html[data-craft-theme="dark"]:not(#z1):not(#z2):not(#z3):not(#z4) body #cfxRail .cfx-b span,html[data-craft-theme="dark"]:not(#z1):not(#z2):not(#z3):not(#z4) body #cfxRail .cfx-back span,html[data-craft-theme="dark"]:not(#z1):not(#z2):not(#z3):not(#z4) body #cfxRail .cfx-home span{color:rgba(255,255,255,.78)!important}
html[data-craft-theme="dark"]:not(#z1):not(#z2):not(#z3):not(#z4) body .cfw-rail .cfw-ws.on,html[data-craft-theme="dark"]:not(#z1):not(#z2):not(#z3):not(#z4) body #cfxRail .cfx-b.on,html[data-craft-theme="dark"]:not(#z1):not(#z2):not(#z3):not(#z4) body #cfxRail .cfx-back.on,html[data-craft-theme="dark"]:not(#z1):not(#z2):not(#z3):not(#z4) body #cfxRail .cfx-home.on{background:rgba(62,106,225,.85)!important;border-color:transparent!important;color:#fff!important}html[data-craft-theme="dark"]:not(#z1):not(#z2):not(#z3):not(#z4) body .cfw-rail .cfw-ws.on span,html[data-craft-theme="dark"]:not(#z1):not(#z2):not(#z3):not(#z4) body #cfxRail .cfx-b.on span,html[data-craft-theme="dark"]:not(#z1):not(#z2):not(#z3):not(#z4) body #cfxRail .cfx-back.on span,html[data-craft-theme="dark"]:not(#z1):not(#z2):not(#z3):not(#z4) body #cfxRail .cfx-home.on span{color:#fff!important}
html[data-craft-theme="dark"]:not(#z1):not(#z2):not(#z3):not(#z4) body .cf-ov .cfw-tiles .cf-sq:not(.cfw-add).cfc-act,html[data-craft-theme="dark"]:not(#z1):not(#z2):not(#z3):not(#z4) body .cfw-rail .cfw-ws.cfc-act,html[data-craft-theme="dark"]:not(#z1):not(#z2):not(#z3):not(#z4) body #cfxRail .cfx-b.cfc-act,html[data-craft-theme="dark"]:not(#z1):not(#z2):not(#z3):not(#z4) body #cfxRail .cfx-back.cfc-act,html[data-craft-theme="dark"]:not(#z1):not(#z2):not(#z3):not(#z4) body #cfxRail .cfx-home.cfc-act{box-shadow:inset 0 0 0 2px rgba(62,106,225,.85)!important}
html[data-craft-theme="dark"]:not(#z1):not(#z2):not(#z3):not(#z4) body .cfc-n{background:rgba(62,106,225,.85)!important;color:#fff!important}
html[data-craft-theme="dark"]:not(#z1):not(#z2):not(#z3):not(#z4) body .cf-ov .cfw-tiles .cf-sq:not(.cfw-add).cfc-ok,html[data-craft-theme="dark"]:not(#z1):not(#z2):not(#z3):not(#z4) body .cfw-rail .cfw-ws.cfc-ok,html[data-craft-theme="dark"]:not(#z1):not(#z2):not(#z3):not(#z4) body #cfxRail .cfx-b.cfc-ok,html[data-craft-theme="dark"]:not(#z1):not(#z2):not(#z3):not(#z4) body #cfxRail .cfx-back.cfc-ok,html[data-craft-theme="dark"]:not(#z1):not(#z2):not(#z3):not(#z4) body #cfxRail .cfx-home.cfc-ok{background:rgba(46,158,91,.22)!important;color:#145c34!important;border-color:rgba(46,158,91,.35)!important;}html[data-craft-theme="dark"]:not(#z1):not(#z2):not(#z3):not(#z4) body .cf-ov .cfw-tiles .cf-sq:not(.cfw-add).cfc-ok small,html[data-craft-theme="dark"]:not(#z1):not(#z2):not(#z3):not(#z4) body .cf-ov .cfw-tiles .cf-sq:not(.cfw-add).cfc-ok span,html[data-craft-theme="dark"]:not(#z1):not(#z2):not(#z3):not(#z4) body .cfw-rail .cfw-ws.cfc-ok span,html[data-craft-theme="dark"]:not(#z1):not(#z2):not(#z3):not(#z4) body #cfxRail .cfx-b.cfc-ok span,html[data-craft-theme="dark"]:not(#z1):not(#z2):not(#z3):not(#z4) body #cfxRail .cfx-back.cfc-ok span,html[data-craft-theme="dark"]:not(#z1):not(#z2):not(#z3):not(#z4) body #cfxRail .cfx-home.cfc-ok span,html[data-craft-theme="dark"]:not(#z1):not(#z2):not(#z3):not(#z4) body .cfw-tiles .cf-sq .cfc-st{color:#145c34!important}
html[data-craft-theme="dark"]:not(#z1):not(#z2):not(#z3):not(#z4) body .cf-ov .cfw-hd h2,html[data-craft-theme="dark"]:not(#z1):not(#z2):not(#z3):not(#z4) body .cf-ov .cf-k{color:#171a20!important}
html[data-craft-theme="dark"]:not(#z1):not(#z2):not(#z3):not(#z4) body .cfw-chip{background:#fff!important;color:#171a20!important}html[data-craft-theme="dark"]:not(#z1):not(#z2):not(#z3):not(#z4) body .cfw-chip b{background:rgba(62,106,225,.85)!important;color:#fff!important}
html[data-craft-theme="dark"]:not(#z1):not(#z2):not(#z3):not(#z4) body .cf-ov .cfw-tiles .cf-sq:not(.cfw-add):active,html[data-craft-theme="dark"]:not(#z1):not(#z2):not(#z3):not(#z4) body .cfw-rail .cfw-ws:active,html[data-craft-theme="dark"]:not(#z1):not(#z2):not(#z3):not(#z4) body #cfxRail .cfx-b:active,html[data-craft-theme="dark"]:not(#z1):not(#z2):not(#z3):not(#z4) body #cfxRail .cfx-back:active,html[data-craft-theme="dark"]:not(#z1):not(#z2):not(#z3):not(#z4) body #cfxRail .cfx-home:active{transform:scale(.97);opacity:.92;transition:transform .08s ease,opacity .08s ease}
html[data-craft-theme="dark"]:not(#z1):not(#z2):not(#z3):not(#z4) body .cf-ov .cfw-tiles .cfw-tw:first-child .cf-sq{background:rgba(62,106,225,.85)!important;color:#fff!important;border-color:transparent!important}html[data-craft-theme="dark"]:not(#z1):not(#z2):not(#z3):not(#z4) body .cf-ov .cfw-tiles .cfw-tw:first-child .cf-sq small,html[data-craft-theme="dark"]:not(#z1):not(#z2):not(#z3):not(#z4) body .cf-ov .cfw-tiles .cfw-tw:first-child .cf-sq span{color:#fff!important}


/* theme: light */

html[data-craft-theme="light"]:not(#z1):not(#z2):not(#z3):not(#z4) body .cf-ov,html[data-craft-theme="light"]:not(#z1):not(#z2):not(#z3):not(#z4) body .cf-ov .cf-body,html[data-craft-theme="light"]:not(#z1):not(#z2):not(#z3):not(#z4) body #cfxRail,html[data-craft-theme="light"]:not(#z1):not(#z2):not(#z3):not(#z4) body .cf-ov .cfw-rail{background:#FFFFFF!important}
html[data-craft-theme="light"]:not(#z1):not(#z2):not(#z3):not(#z4) body .cf-ov .cfw-tiles .cf-sq:not(.cfw-add),html[data-craft-theme="light"]:not(#z1):not(#z2):not(#z3):not(#z4) body .cfw-rail .cfw-ws,html[data-craft-theme="light"]:not(#z1):not(#z2):not(#z3):not(#z4) body #cfxRail .cfx-b,html[data-craft-theme="light"]:not(#z1):not(#z2):not(#z3):not(#z4) body #cfxRail .cfx-back,html[data-craft-theme="light"]:not(#z1):not(#z2):not(#z3):not(#z4) body #cfxRail .cfx-home{background:#F0F1F3!important;color:#171a20!important;border:1px solid #D0D1D2!important;box-shadow:none!important;}
html[data-craft-theme="light"]:not(#z1):not(#z2):not(#z3):not(#z4) body .cf-ov .cfw-tiles .cf-sq:not(.cfw-add) small,html[data-craft-theme="light"]:not(#z1):not(#z2):not(#z3):not(#z4) body .cf-ov .cfw-tiles .cf-sq:not(.cfw-add) span,html[data-craft-theme="light"]:not(#z1):not(#z2):not(#z3):not(#z4) body .cfw-rail .cfw-ws span,html[data-craft-theme="light"]:not(#z1):not(#z2):not(#z3):not(#z4) body #cfxRail .cfx-b span,html[data-craft-theme="light"]:not(#z1):not(#z2):not(#z3):not(#z4) body #cfxRail .cfx-back span,html[data-craft-theme="light"]:not(#z1):not(#z2):not(#z3):not(#z4) body #cfxRail .cfx-home span{color:#5C5E62!important}
html[data-craft-theme="light"]:not(#z1):not(#z2):not(#z3):not(#z4) body .cfw-rail .cfw-ws.on,html[data-craft-theme="light"]:not(#z1):not(#z2):not(#z3):not(#z4) body #cfxRail .cfx-b.on,html[data-craft-theme="light"]:not(#z1):not(#z2):not(#z3):not(#z4) body #cfxRail .cfx-back.on,html[data-craft-theme="light"]:not(#z1):not(#z2):not(#z3):not(#z4) body #cfxRail .cfx-home.on{background:rgba(62,106,225,.9)!important;border-color:transparent!important;color:#fff!important}html[data-craft-theme="light"]:not(#z1):not(#z2):not(#z3):not(#z4) body .cfw-rail .cfw-ws.on span,html[data-craft-theme="light"]:not(#z1):not(#z2):not(#z3):not(#z4) body #cfxRail .cfx-b.on span,html[data-craft-theme="light"]:not(#z1):not(#z2):not(#z3):not(#z4) body #cfxRail .cfx-back.on span,html[data-craft-theme="light"]:not(#z1):not(#z2):not(#z3):not(#z4) body #cfxRail .cfx-home.on span{color:#fff!important}
html[data-craft-theme="light"]:not(#z1):not(#z2):not(#z3):not(#z4) body .cf-ov .cfw-tiles .cf-sq:not(.cfw-add).cfc-act,html[data-craft-theme="light"]:not(#z1):not(#z2):not(#z3):not(#z4) body .cfw-rail .cfw-ws.cfc-act,html[data-craft-theme="light"]:not(#z1):not(#z2):not(#z3):not(#z4) body #cfxRail .cfx-b.cfc-act,html[data-craft-theme="light"]:not(#z1):not(#z2):not(#z3):not(#z4) body #cfxRail .cfx-back.cfc-act,html[data-craft-theme="light"]:not(#z1):not(#z2):not(#z3):not(#z4) body #cfxRail .cfx-home.cfc-act{box-shadow:inset 0 0 0 2px #3E6AE1!important}
html[data-craft-theme="light"]:not(#z1):not(#z2):not(#z3):not(#z4) body .cfc-n{background:rgba(62,106,225,.9)!important;color:#fff!important}
html[data-craft-theme="light"]:not(#z1):not(#z2):not(#z3):not(#z4) body .cf-ov .cfw-tiles .cf-sq:not(.cfw-add).cfc-ok,html[data-craft-theme="light"]:not(#z1):not(#z2):not(#z3):not(#z4) body .cfw-rail .cfw-ws.cfc-ok,html[data-craft-theme="light"]:not(#z1):not(#z2):not(#z3):not(#z4) body #cfxRail .cfx-b.cfc-ok,html[data-craft-theme="light"]:not(#z1):not(#z2):not(#z3):not(#z4) body #cfxRail .cfx-back.cfc-ok,html[data-craft-theme="light"]:not(#z1):not(#z2):not(#z3):not(#z4) body #cfxRail .cfx-home.cfc-ok{background:rgba(46,158,91,.16)!important;color:#145c34!important;border-color:rgba(46,158,91,.28)!important;}html[data-craft-theme="light"]:not(#z1):not(#z2):not(#z3):not(#z4) body .cf-ov .cfw-tiles .cf-sq:not(.cfw-add).cfc-ok small,html[data-craft-theme="light"]:not(#z1):not(#z2):not(#z3):not(#z4) body .cf-ov .cfw-tiles .cf-sq:not(.cfw-add).cfc-ok span,html[data-craft-theme="light"]:not(#z1):not(#z2):not(#z3):not(#z4) body .cfw-rail .cfw-ws.cfc-ok span,html[data-craft-theme="light"]:not(#z1):not(#z2):not(#z3):not(#z4) body #cfxRail .cfx-b.cfc-ok span,html[data-craft-theme="light"]:not(#z1):not(#z2):not(#z3):not(#z4) body #cfxRail .cfx-back.cfc-ok span,html[data-craft-theme="light"]:not(#z1):not(#z2):not(#z3):not(#z4) body #cfxRail .cfx-home.cfc-ok span,html[data-craft-theme="light"]:not(#z1):not(#z2):not(#z3):not(#z4) body .cfw-tiles .cf-sq .cfc-st{color:#145c34!important}
html[data-craft-theme="light"]:not(#z1):not(#z2):not(#z3):not(#z4) body .cf-ov .cfw-hd h2,html[data-craft-theme="light"]:not(#z1):not(#z2):not(#z3):not(#z4) body .cf-ov .cf-k{color:#171a20!important}
html[data-craft-theme="light"]:not(#z1):not(#z2):not(#z3):not(#z4) body .cfw-chip{background:#fff!important;color:#171a20!important}html[data-craft-theme="light"]:not(#z1):not(#z2):not(#z3):not(#z4) body .cfw-chip b{background:rgba(62,106,225,.9)!important;color:#fff!important}
html[data-craft-theme="light"]:not(#z1):not(#z2):not(#z3):not(#z4) body .cf-ov .cfw-tiles .cf-sq:not(.cfw-add):active,html[data-craft-theme="light"]:not(#z1):not(#z2):not(#z3):not(#z4) body .cfw-rail .cfw-ws:active,html[data-craft-theme="light"]:not(#z1):not(#z2):not(#z3):not(#z4) body #cfxRail .cfx-b:active,html[data-craft-theme="light"]:not(#z1):not(#z2):not(#z3):not(#z4) body #cfxRail .cfx-back:active,html[data-craft-theme="light"]:not(#z1):not(#z2):not(#z3):not(#z4) body #cfxRail .cfx-home:active{transform:scale(.97);opacity:.92;transition:transform .08s ease,opacity .08s ease}
html[data-craft-theme="light"]:not(#z1):not(#z2):not(#z3):not(#z4) body .cf-ov .cfw-tiles .cfw-tw:first-child .cf-sq{background:rgba(62,106,225,.85)!important;color:#fff!important;border-color:transparent!important}html[data-craft-theme="light"]:not(#z1):not(#z2):not(#z3):not(#z4) body .cf-ov .cfw-tiles .cfw-tw:first-child .cf-sq small,html[data-craft-theme="light"]:not(#z1):not(#z2):not(#z3):not(#z4) body .cf-ov .cfw-tiles .cfw-tw:first-child .cf-sq span{color:#fff!important}


/* theme: optional */

html[data-craft-theme="optional"]:not(#z1):not(#z2):not(#z3):not(#z4) body .cf-ov,html[data-craft-theme="optional"]:not(#z1):not(#z2):not(#z3):not(#z4) body .cf-ov .cf-body,html[data-craft-theme="optional"]:not(#z1):not(#z2):not(#z3):not(#z4) body #cfxRail,html[data-craft-theme="optional"]:not(#z1):not(#z2):not(#z3):not(#z4) body .cf-ov .cfw-rail{background:#EEF1F6!important}
html[data-craft-theme="optional"]:not(#z1):not(#z2):not(#z3):not(#z4) body .cf-ov .cfw-tiles .cf-sq:not(.cfw-add),html[data-craft-theme="optional"]:not(#z1):not(#z2):not(#z3):not(#z4) body .cfw-rail .cfw-ws,html[data-craft-theme="optional"]:not(#z1):not(#z2):not(#z3):not(#z4) body #cfxRail .cfx-b,html[data-craft-theme="optional"]:not(#z1):not(#z2):not(#z3):not(#z4) body #cfxRail .cfx-back,html[data-craft-theme="optional"]:not(#z1):not(#z2):not(#z3):not(#z4) body #cfxRail .cfx-home{background:rgba(255,255,255,.78)!important;color:#171a20!important;border:1px solid rgba(23,26,32,.1)!important;box-shadow:none!important;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);}
html[data-craft-theme="optional"]:not(#z1):not(#z2):not(#z3):not(#z4) body .cf-ov .cfw-tiles .cf-sq:not(.cfw-add) small,html[data-craft-theme="optional"]:not(#z1):not(#z2):not(#z3):not(#z4) body .cf-ov .cfw-tiles .cf-sq:not(.cfw-add) span,html[data-craft-theme="optional"]:not(#z1):not(#z2):not(#z3):not(#z4) body .cfw-rail .cfw-ws span,html[data-craft-theme="optional"]:not(#z1):not(#z2):not(#z3):not(#z4) body #cfxRail .cfx-b span,html[data-craft-theme="optional"]:not(#z1):not(#z2):not(#z3):not(#z4) body #cfxRail .cfx-back span,html[data-craft-theme="optional"]:not(#z1):not(#z2):not(#z3):not(#z4) body #cfxRail .cfx-home span{color:#393C41!important}
html[data-craft-theme="optional"]:not(#z1):not(#z2):not(#z3):not(#z4) body .cfw-rail .cfw-ws.on,html[data-craft-theme="optional"]:not(#z1):not(#z2):not(#z3):not(#z4) body #cfxRail .cfx-b.on,html[data-craft-theme="optional"]:not(#z1):not(#z2):not(#z3):not(#z4) body #cfxRail .cfx-back.on,html[data-craft-theme="optional"]:not(#z1):not(#z2):not(#z3):not(#z4) body #cfxRail .cfx-home.on{background:rgba(62,106,225,.8)!important;border-color:transparent!important;color:#fff!important}html[data-craft-theme="optional"]:not(#z1):not(#z2):not(#z3):not(#z4) body .cfw-rail .cfw-ws.on span,html[data-craft-theme="optional"]:not(#z1):not(#z2):not(#z3):not(#z4) body #cfxRail .cfx-b.on span,html[data-craft-theme="optional"]:not(#z1):not(#z2):not(#z3):not(#z4) body #cfxRail .cfx-back.on span,html[data-craft-theme="optional"]:not(#z1):not(#z2):not(#z3):not(#z4) body #cfxRail .cfx-home.on span{color:#fff!important}
html[data-craft-theme="optional"]:not(#z1):not(#z2):not(#z3):not(#z4) body .cf-ov .cfw-tiles .cf-sq:not(.cfw-add).cfc-act,html[data-craft-theme="optional"]:not(#z1):not(#z2):not(#z3):not(#z4) body .cfw-rail .cfw-ws.cfc-act,html[data-craft-theme="optional"]:not(#z1):not(#z2):not(#z3):not(#z4) body #cfxRail .cfx-b.cfc-act,html[data-craft-theme="optional"]:not(#z1):not(#z2):not(#z3):not(#z4) body #cfxRail .cfx-back.cfc-act,html[data-craft-theme="optional"]:not(#z1):not(#z2):not(#z3):not(#z4) body #cfxRail .cfx-home.cfc-act{box-shadow:inset 0 0 0 2px rgba(62,106,225,.7)!important}
html[data-craft-theme="optional"]:not(#z1):not(#z2):not(#z3):not(#z4) body .cfc-n{background:rgba(62,106,225,.85)!important;color:#fff!important}
html[data-craft-theme="optional"]:not(#z1):not(#z2):not(#z3):not(#z4) body .cf-ov .cfw-tiles .cf-sq:not(.cfw-add).cfc-ok,html[data-craft-theme="optional"]:not(#z1):not(#z2):not(#z3):not(#z4) body .cfw-rail .cfw-ws.cfc-ok,html[data-craft-theme="optional"]:not(#z1):not(#z2):not(#z3):not(#z4) body #cfxRail .cfx-b.cfc-ok,html[data-craft-theme="optional"]:not(#z1):not(#z2):not(#z3):not(#z4) body #cfxRail .cfx-back.cfc-ok,html[data-craft-theme="optional"]:not(#z1):not(#z2):not(#z3):not(#z4) body #cfxRail .cfx-home.cfc-ok{background:rgba(46,158,91,.2)!important;color:#145c34!important;border-color:rgba(46,158,91,.3)!important;}html[data-craft-theme="optional"]:not(#z1):not(#z2):not(#z3):not(#z4) body .cf-ov .cfw-tiles .cf-sq:not(.cfw-add).cfc-ok small,html[data-craft-theme="optional"]:not(#z1):not(#z2):not(#z3):not(#z4) body .cf-ov .cfw-tiles .cf-sq:not(.cfw-add).cfc-ok span,html[data-craft-theme="optional"]:not(#z1):not(#z2):not(#z3):not(#z4) body .cfw-rail .cfw-ws.cfc-ok span,html[data-craft-theme="optional"]:not(#z1):not(#z2):not(#z3):not(#z4) body #cfxRail .cfx-b.cfc-ok span,html[data-craft-theme="optional"]:not(#z1):not(#z2):not(#z3):not(#z4) body #cfxRail .cfx-back.cfc-ok span,html[data-craft-theme="optional"]:not(#z1):not(#z2):not(#z3):not(#z4) body #cfxRail .cfx-home.cfc-ok span,html[data-craft-theme="optional"]:not(#z1):not(#z2):not(#z3):not(#z4) body .cfw-tiles .cf-sq .cfc-st{color:#145c34!important}
html[data-craft-theme="optional"]:not(#z1):not(#z2):not(#z3):not(#z4) body .cf-ov .cfw-hd h2,html[data-craft-theme="optional"]:not(#z1):not(#z2):not(#z3):not(#z4) body .cf-ov .cf-k{color:#171a20!important}
html[data-craft-theme="optional"]:not(#z1):not(#z2):not(#z3):not(#z4) body .cfw-chip{background:#fff!important;color:#171a20!important}html[data-craft-theme="optional"]:not(#z1):not(#z2):not(#z3):not(#z4) body .cfw-chip b{background:rgba(62,106,225,.85)!important;color:#fff!important}
html[data-craft-theme="optional"]:not(#z1):not(#z2):not(#z3):not(#z4) body .cf-ov .cfw-tiles .cf-sq:not(.cfw-add):active,html[data-craft-theme="optional"]:not(#z1):not(#z2):not(#z3):not(#z4) body .cfw-rail .cfw-ws:active,html[data-craft-theme="optional"]:not(#z1):not(#z2):not(#z3):not(#z4) body #cfxRail .cfx-b:active,html[data-craft-theme="optional"]:not(#z1):not(#z2):not(#z3):not(#z4) body #cfxRail .cfx-back:active,html[data-craft-theme="optional"]:not(#z1):not(#z2):not(#z3):not(#z4) body #cfxRail .cfx-home:active{transform:scale(.97);opacity:.92;transition:transform .08s ease,opacity .08s ease}
html[data-craft-theme="optional"]:not(#z1):not(#z2):not(#z3):not(#z4) body .cf-ov .cfw-tiles .cfw-tw:first-child .cf-sq{background:rgba(62,106,225,.8)!important;color:#fff!important;border-color:transparent!important}html[data-craft-theme="optional"]:not(#z1):not(#z2):not(#z3):not(#z4) body .cf-ov .cfw-tiles .cfw-tw:first-child .cf-sq small{color:#fff!important}


html[data-craft-theme="dark"]:not(#z1):not(#z2):not(#z3):not(#z4) body #craftOffice .cfd .cfw-tiles .cf-sq:not(.cfw-add){background:#3A3F48!important;border-color:#3A3F48!important;color:#fff!important}
html[data-craft-theme="light"]:not(#z1):not(#z2):not(#z3):not(#z4) body #craftOffice .cfd .cfw-tiles .cf-sq:not(.cfw-add){background:#F0F1F3!important;border-color:#D0D1D2!important;color:#171a20!important}
html[data-craft-theme="light"]:not(#z1):not(#z2):not(#z3):not(#z4) body #craftOffice .cfd .cfw-tiles .cf-sq:not(.cfw-add) small,html[data-craft-theme="light"]:not(#z1):not(#z2):not(#z3):not(#z4) body #craftOffice .cfd .cfw-tiles .cf-sq:not(.cfw-add) em{color:#5C5E62!important}
html[data-craft-theme="optional"]:not(#z1):not(#z2):not(#z3):not(#z4) body #craftOffice .cfd .cfw-tiles .cf-sq:not(.cfw-add){background:rgba(255,255,255,.78)!important;border:1px solid rgba(23,26,32,.1)!important;color:#171a20!important;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}
html[data-craft-theme="optional"]:not(#z1):not(#z2):not(#z3):not(#z4) body #craftOffice .cfd .cfw-tiles .cf-sq:not(.cfw-add) small{color:#393C41!important}


/* v25 theme switcher denser (5 labels: Mixed·Dark·Light·Optional·Track) */
.cfw-theme,.cfx-theme{gap:3px;margin:6px 0 4px;padding-top:6px}
html.cfx-car #cfxRail .cfw-th{min-height:40px;font-size:12px}
/* ===== Oct 24 v25: theme Track — pure black + crimson HUD chrome (CRAFT voice; not Tesla branding) ===== */
/* Tokens (track only): --cf-track-bg #000; --cf-track-red #E10600; --cf-track-red-bright #FF1F1F;
   --cf-track-red-dim #7A1212; --cf-track-ink #000; glow 0 0 8px rgba(225,6,0,.55). No glass/blur/soft shadow. */
html[data-craft-theme="track"]{
  --cf-track-bg:#000000;
  --cf-track-red:#E10600;
  --cf-track-red-bright:#FF1F1F;
  --cf-track-red-dim:#7A1212;
  --cf-track-red-soft:rgba(225,6,0,.45);
  --cf-track-ink:#000000;
  --cf-track-glow:0 0 8px rgba(225,6,0,.55);
}
html[data-craft-theme="track"]:not(#z1):not(#z2):not(#z3):not(#z4) body .cf-ov,
html[data-craft-theme="track"]:not(#z1):not(#z2):not(#z3):not(#z4) body .cf-ov .cf-body,
html[data-craft-theme="track"]:not(#z1):not(#z2):not(#z3):not(#z4) body #cfxRail,
html[data-craft-theme="track"]:not(#z1):not(#z2):not(#z3):not(#z4) body .cf-ov .cfw-rail{
  background:var(--cf-track-bg)!important;color:var(--cf-track-red)!important;
  box-shadow:none!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;
}
/* Inactive panels/buttons: black + thin red outline + red text (square) */
html[data-craft-theme="track"]:not(#z1):not(#z2):not(#z3):not(#z4) body .cf-ov .cfw-tiles .cf-sq:not(.cfw-add),
html[data-craft-theme="track"]:not(#z1):not(#z2):not(#z3):not(#z4) body .cfw-rail .cfw-ws,
html[data-craft-theme="track"]:not(#z1):not(#z2):not(#z3):not(#z4) body #cfxRail .cfx-b,
html[data-craft-theme="track"]:not(#z1):not(#z2):not(#z3):not(#z4) body #cfxRail .cfx-back,
html[data-craft-theme="track"]:not(#z1):not(#z2):not(#z3):not(#z4) body #cfxRail .cfx-home{
  background:#000!important;color:var(--cf-track-red)!important;
  border:1px solid var(--cf-track-red)!important;border-radius:0!important;
  box-shadow:none!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;
}
html[data-craft-theme="track"]:not(#z1):not(#z2):not(#z3):not(#z4) body .cf-ov .cfw-tiles .cf-sq:not(.cfw-add) small,
html[data-craft-theme="track"]:not(#z1):not(#z2):not(#z3):not(#z4) body .cf-ov .cfw-tiles .cf-sq:not(.cfw-add) span,
html[data-craft-theme="track"]:not(#z1):not(#z2):not(#z3):not(#z4) body .cfw-rail .cfw-ws span,
html[data-craft-theme="track"]:not(#z1):not(#z2):not(#z3):not(#z4) body #cfxRail .cfx-b span,
html[data-craft-theme="track"]:not(#z1):not(#z2):not(#z3):not(#z4) body #cfxRail .cfx-back span,
html[data-craft-theme="track"]:not(#z1):not(#z2):not(#z3):not(#z4) body #cfxRail .cfx-home span{
  color:var(--cf-track-red-soft)!important;
}
/* Active = solid bright red bg + black text (harsh invert) + soft glow */
html[data-craft-theme="track"]:not(#z1):not(#z2):not(#z3):not(#z4) body .cfw-rail .cfw-ws.on,
html[data-craft-theme="track"]:not(#z1):not(#z2):not(#z3):not(#z4) body #cfxRail .cfx-b.on,
html[data-craft-theme="track"]:not(#z1):not(#z2):not(#z3):not(#z4) body #cfxRail .cfx-back.on,
html[data-craft-theme="track"]:not(#z1):not(#z2):not(#z3):not(#z4) body #cfxRail .cfx-home.on{
  background:var(--cf-track-red-bright)!important;border-color:var(--cf-track-red-bright)!important;
  color:#000!important;box-shadow:var(--cf-track-glow)!important;
}
html[data-craft-theme="track"]:not(#z1):not(#z2):not(#z3):not(#z4) body .cfw-rail .cfw-ws.on span,
html[data-craft-theme="track"]:not(#z1):not(#z2):not(#z3):not(#z4) body #cfxRail .cfx-b.on span,
html[data-craft-theme="track"]:not(#z1):not(#z2):not(#z3):not(#z4) body #cfxRail .cfx-back.on span,
html[data-craft-theme="track"]:not(#z1):not(#z2):not(#z3):not(#z4) body #cfxRail .cfx-home.on span{
  color:#000!important;
}
/* Keep urgency accents (orange needs-you) — do not flood chrome orange; critical stays red */
html[data-craft-theme="track"]:not(#z1):not(#z2):not(#z3):not(#z4) body .cf-ov .cfw-tiles .cf-sq:not(.cfw-add).cfc-act,
html[data-craft-theme="track"]:not(#z1):not(#z2):not(#z3):not(#z4) body .cfw-rail .cfw-ws.cfc-act,
html[data-craft-theme="track"]:not(#z1):not(#z2):not(#z3):not(#z4) body #cfxRail .cfx-b.cfc-act{
  box-shadow:inset 0 0 0 2px #B35C00!important;
}
html[data-craft-theme="track"]:not(#z1):not(#z2):not(#z3):not(#z4) body .cfc-n{
  background:#B35C00!important;color:#fff!important;
}
/* Done/ok stays green-ish dim; secondary labels dim red */
html[data-craft-theme="track"]:not(#z1):not(#z2):not(#z3):not(#z4) body .cf-ov .cfw-tiles .cf-sq:not(.cfw-add).cfc-ok,
html[data-craft-theme="track"]:not(#z1):not(#z2):not(#z3):not(#z4) body .cfw-rail .cfw-ws.cfc-ok,
html[data-craft-theme="track"]:not(#z1):not(#z2):not(#z3):not(#z4) body #cfxRail .cfx-b.cfc-ok{
  background:#000!important;color:#2E9E5B!important;border-color:rgba(46,158,91,.45)!important;
}
html[data-craft-theme="track"]:not(#z1):not(#z2):not(#z3):not(#z4) body .cf-ov .cfw-hd h2,
html[data-craft-theme="track"]:not(#z1):not(#z2):not(#z3):not(#z4) body .cf-ov .cf-k,
html[data-craft-theme="track"]:not(#z1):not(#z2):not(#z3):not(#z4) body .cf-ov .cf-s,
html[data-craft-theme="track"]:not(#z1):not(#z2):not(#z3):not(#z4) body .cf-ov .cf-note{
  color:var(--cf-track-red)!important;
}
html[data-craft-theme="track"]:not(#z1):not(#z2):not(#z3):not(#z4) body .cfw-chip{
  background:#000!important;color:var(--cf-track-red)!important;border:1px solid var(--cf-track-red)!important;
}
html[data-craft-theme="track"]:not(#z1):not(#z2):not(#z3):not(#z4) body .cfw-chip b{
  background:var(--cf-track-red-bright)!important;color:#000!important;
}
/* Theme switcher chrome under Track */
html[data-craft-theme="track"] .cfw-theme,html[data-craft-theme="track"] .cfx-theme{
  border-top-color:var(--cf-track-red-dim)!important;
}
html[data-craft-theme="track"] .cfw-th,html[data-craft-theme="track"] #cfxRail .cfw-th{
  background:#000!important;color:var(--cf-track-red)!important;border:1px solid var(--cf-track-red)!important;
  border-radius:0!important;font:500 11px/1.1 Saira,"JetBrains Mono",system-ui,sans-serif!important;
}
html[data-craft-theme="track"] .cfw-th.on,html[data-craft-theme="track"] #cfxRail .cfw-th.on{
  background:var(--cf-track-red-bright)!important;border-color:var(--cf-track-red-bright)!important;
  color:#000!important;box-shadow:var(--cf-track-glow)!important;
}
/* Dense bordered empty-fill dashboard panels / cards / modals */
html[data-craft-theme="track"]:not(#z1):not(#z2):not(#z3):not(#z4) body .cf-ov .cf-card,
html[data-craft-theme="track"]:not(#z1):not(#z2):not(#z3):not(#z4) body .cf-ov .cf-modal,
html[data-craft-theme="track"]:not(#z1):not(#z2):not(#z3):not(#z4) body .cf-modal .cf-card,
html[data-craft-theme="track"]:not(#z1):not(#z2):not(#z3):not(#z4) body .cf-ov .cf-body .cf-note,
html[data-craft-theme="track"] .cf-modal,
html[data-craft-theme="track"] .cf-disc{
  background:#000!important;color:var(--cf-track-red)!important;
  border:1px solid var(--cf-track-red)!important;border-radius:0!important;
  box-shadow:none!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;
}
html[data-craft-theme="track"] .cf-b,
html[data-craft-theme="track"] .cf-ov .cf-b{
  background:#000!important;color:var(--cf-track-red)!important;
  border:1px solid var(--cf-track-red)!important;border-radius:0!important;
}
html[data-craft-theme="track"] .cf-b.pri,
html[data-craft-theme="track"] .cf-ov .cf-b.pri,
html[data-craft-theme="track"] .cf-b.on{
  background:var(--cf-track-red-bright)!important;color:#000!important;
  border-color:var(--cf-track-red-bright)!important;box-shadow:var(--cf-track-glow)!important;
}
/* Technical thin sans; mono-ish numbers */
html[data-craft-theme="track"] .cf-ov,
html[data-craft-theme="track"] #cfxRail{
  font-family:Saira,"JetBrains Mono",system-ui,sans-serif!important;
  font-weight:400!important;
  letter-spacing:.02em;
}
html[data-craft-theme="track"] .cf-ov .cf-m,
html[data-craft-theme="track"] .cf-ov .big,
html[data-craft-theme="track"] .cf-ov .mid,
html[data-craft-theme="track"] .cfc-n,
html[data-craft-theme="track"] .cfw-chip b{
  font-family:"JetBrains Mono",ui-monospace,monospace!important;
  font-variant-numeric:tabular-nums;
}
/* Office dashboard tiles under Track */
html[data-craft-theme="track"]:not(#z1):not(#z2):not(#z3):not(#z4) body #craftOffice .cfd .cfw-tiles .cf-sq:not(.cfw-add){
  background:#000!important;border:1px solid var(--cf-track-red)!important;color:var(--cf-track-red)!important;
  box-shadow:none!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;
}
html[data-craft-theme="track"]:not(#z1):not(#z2):not(#z3):not(#z4) body #craftOffice .cfd .cfw-tiles .cf-sq:not(.cfw-add) small,
html[data-craft-theme="track"]:not(#z1):not(#z2):not(#z3):not(#z4) body #craftOffice .cfd .cfw-tiles .cf-sq:not(.cfw-add) em{
  color:var(--cf-track-red-soft)!important;
}
/* Compact 2x2 switcher under Track */
html[data-craft-theme="track"] #coModNav .cfw-sw .cfw-swr.cfw-sqg button,
html[data-craft-theme="track"] .cfw-swr.cfw-sqg .cfw-sq,
html[data-craft-theme="track"] .cfw-swr.cfw-sqg button{
  background:#000!important;color:var(--cf-track-red)!important;border:1px solid var(--cf-track-red)!important;
}
html[data-craft-theme="track"] #coModNav .cfw-sw .cfw-swr.cfw-sqg button.on,
html[data-craft-theme="track"] .cfw-swr.cfw-sqg .cfw-sq.on,
html[data-craft-theme="track"] .cfw-swr.cfw-sqg button.on{
  background:var(--cf-track-red-bright)!important;color:#000!important;border-color:var(--cf-track-red-bright)!important;
  box-shadow:var(--cf-track-glow)!important;
}
/* App return bar + fold rail accents stay readable; chrome red only */
html[data-craft-theme="track"] .cf-app-ret{
  background:#000!important;color:var(--cf-track-red)!important;border-top:1px solid var(--cf-track-red)!important;
}
html[data-craft-theme="track"] .cf-app-ret-b{background:var(--cf-track-red-bright)!important;color:#000!important}
html[data-craft-theme="track"] .cf-app-ret-m{background:#000!important;color:var(--cf-track-red)!important;border:1px solid var(--cf-track-red)!important}
/* PIN / gate pad (office + apps) when Track selected */
html[data-craft-theme="track"] .gate-pad,
html[data-craft-theme="track"] .pad,
html[data-craft-theme="track"] #craftOffice .gate-pad{
  background:#000!important;
}
html[data-craft-theme="track"] .gate-pad button,
html[data-craft-theme="track"] .pad button{
  background:#000!important;color:var(--cf-track-red)!important;
  border:1px solid var(--cf-track-red)!important;border-radius:0!important;
  box-shadow:none!important;font-family:"JetBrains Mono",ui-monospace,monospace!important;
}
html[data-craft-theme="track"] .gate-pad button:active,
html[data-craft-theme="track"] .pad button:active{
  background:var(--cf-track-red-bright)!important;color:#000!important;box-shadow:var(--cf-track-glow)!important;
}
/* Owner / Team / Sub / Client app shell (#tm) under Track */
html[data-craft-theme="track"]{
  background:#000000;
}
html[data-craft-theme="track"] body{
  background:#000000!important;
}
html[data-craft-theme="track"] #tm{
  background:#000!important;color:var(--cf-track-red)!important;min-height:100vh;
}
html[data-craft-theme="track"] #tm .tm-top,
html[data-craft-theme="track"] #tm .nav{
  background:#000!important;color:var(--cf-track-red)!important;
  border-bottom:1px solid var(--cf-track-red)!important;
  -webkit-backdrop-filter:none!important;backdrop-filter:none!important;box-shadow:none!important;
}
html[data-craft-theme="track"] #tm .tm-top .r,
html[data-craft-theme="track"] #tm .k,
html[data-craft-theme="track"] #tm .muted,
html[data-craft-theme="track"] #tm h1,
html[data-craft-theme="track"] #tm h2{
  color:var(--cf-track-red)!important;
}
html[data-craft-theme="track"] #tm .card,
html[data-craft-theme="track"] #tm .tile.t2{
  background:#000!important;color:var(--cf-track-red)!important;
  border:1px solid var(--cf-track-red)!important;
  box-shadow:none!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;
}
html[data-craft-theme="track"] #tm .btn,
html[data-craft-theme="track"] #tm .pad button{
  background:#000!important;color:var(--cf-track-red)!important;
  border:1px solid var(--cf-track-red)!important;
}
html[data-craft-theme="track"] #tm .btn.pri,
html[data-craft-theme="track"] #tm .tile:not(.t2):not(.crit),
html[data-craft-theme="track"] #tm .seg button[aria-selected=true],
html[data-craft-theme="track"] #tm .st.on{
  background:var(--cf-track-red-bright)!important;border-color:var(--cf-track-red-bright)!important;color:#000!important;
  box-shadow:var(--cf-track-glow)!important;
}
html[data-craft-theme="track"] #tm .tile.crit,
html[data-craft-theme="track"] #tm .btn.crit,
html[data-craft-theme="track"] #tm .st.red,
html[data-craft-theme="track"] #tm .crit-t{
  background:var(--cf-track-red)!important;border-color:var(--cf-track-red)!important;color:#fff!important;
}
html[data-craft-theme="track"] #tm .big,
html[data-craft-theme="track"] #tm .mid,
html[data-craft-theme="track"] #tm .dots{
  font-family:"JetBrains Mono",ui-monospace,monospace!important;color:var(--cf-track-red)!important;
}
/* No pastel gradients / soft shadows under Track overlays */
html[data-craft-theme="track"] .cf-ov .cfw-tiles .cf-sq:not(.cfw-add):active,
html[data-craft-theme="track"] .cfw-rail .cfw-ws:active,
html[data-craft-theme="track"] #cfxRail .cfx-b:active{
  transform:scale(.97);opacity:.92;transition:transform .08s ease,opacity .08s ease;
}
/* First tile "you are here" under Track = harsh red invert (not blue) */
html[data-craft-theme="track"]:not(#z1):not(#z2):not(#z3):not(#z4) body .cf-ov .cfw-tiles .cfw-tw:first-child .cf-sq{
  background:var(--cf-track-red-bright)!important;color:#000!important;border-color:var(--cf-track-red-bright)!important;
  box-shadow:var(--cf-track-glow)!important;
}
html[data-craft-theme="track"]:not(#z1):not(#z2):not(#z3):not(#z4) body .cf-ov .cfw-tiles .cfw-tw:first-child .cf-sq small,
html[data-craft-theme="track"]:not(#z1):not(#z2):not(#z3):not(#z4) body .cf-ov .cfw-tiles .cfw-tw:first-child .cf-sq span{
  color:#000!important;
}
/* Ink picker contrast on track */
html[data-craft-theme="track"] .cf-ink[data-ink="#171a20"]{box-shadow:inset 0 0 0 2px var(--cf-track-red)}

/* ===== Oct 24 v14 + v16 confetti fall ===== */
/* cfc keyframes defined once above (110vh). Do not redeclare 260px here. */
.cf-conf i{animation-duration:1.35s!important}
.cf-cel b{animation-duration:1.25s!important}
.cf-conf-full i{animation-name:cfc;animation-timing-function:steps(16);animation-fill-mode:forwards}
/* dropdowns: allow select menus to escape overflow */
#craftOffice .co-modal{z-index:2147483000}
#craftOffice .co-form,#craftOffice .co-fields{overflow:visible}
#craftOffice .co-modal select:focus,#craftOffice .cfd select:focus,.cf-modal select:focus{position:relative;z-index:2147483200}
#craftOffice .cfd-pop{z-index:2147483300;overflow:visible}
.lv-modes{display:flex;flex-wrap:wrap;gap:6px;margin-left:auto}
.lv-tape{overflow:hidden;border:1px solid rgba(23,26,32,.14);background:#fff;margin:0 0 12px}
.lv-tape-track{display:flex;gap:18px;white-space:nowrap;padding:10px 0;animation:lvtape 18s linear infinite;font:600 14px/1 Saira,sans-serif}
.lv-tape-track i{font-style:normal;color:#8e8e93;margin:0 8px}
@keyframes lvtape{from{transform:translateX(0)}to{transform:translateX(-50%)}}
.lv-map-svg{width:100%;max-width:720px;height:auto;border:1px solid rgba(23,26,32,.12);background:#EEF1F6}
.lv-world .lv-globe{position:relative;height:280px;border:1px solid rgba(23,26,32,.12);background:radial-gradient(circle at 40% 35%,#dfe7f5,#b9c7dc 55%,#8e9bb0);overflow:hidden}
.lv-world .lv-globe i{position:absolute;width:8px;height:8px;background:#3E6AE1;border-radius:0;animation:lvpulse 1.6s ease-in-out infinite}
@keyframes lvpulse{0%,100%{opacity:.35;transform:scale(.8)}50%{opacity:1;transform:scale(1.15)}}
.lv-gridlines{position:absolute;inset:0;background:repeating-linear-gradient(0deg,transparent,transparent 18px,rgba(255,255,255,.25) 19px),repeating-linear-gradient(90deg,transparent,transparent 18px,rgba(255,255,255,.25) 19px)}
.cf-inv-split{display:grid;grid-template-columns:1fr 1fr;gap:12px}
@media(max-width:700px){.cf-inv-split{grid-template-columns:1fr}}
.cf-inv-pv{min-height:220px;padding:14px;border:1px solid #d0d1d2}
.cf-estamp{margin-top:12px;padding:8px;border:1px dashed #171a20;display:flex;gap:10px;align-items:center}
.cf-estamp img{height:48px;background:#fff}
html[data-craft-theme=dark] .cf-ink[data-ink="#171a20"],html[data-craft-theme=optional] .cf-ink[data-ink="#171a20"]{box-shadow:inset 0 0 0 2px #fff}


/* ===== Oct 24 v16: PIN pad press = Square-comfortable (matches console blip timing) ===== */
.gate-pad button,.pad button{transition:transform .08s ease,opacity .08s ease,box-shadow .08s ease;border-radius:0;-webkit-tap-highlight-color:transparent}
.gate-pad button:active,.pad button:active{transform:scale(.97);opacity:.92;box-shadow:inset 0 0 0 1px rgba(23,26,32,.18)}
@media (prefers-reduced-motion:reduce){.gate-pad button:active,.pad button:active{transform:none;opacity:1}}

/* Oct 24 v17: sticky App Back / Menu return (all apps) */
.cf-app-ret{position:fixed;z-index:2147483000;left:0;right:0;bottom:0;display:flex;align-items:center;gap:8px;padding:10px 12px calc(10px + env(safe-area-inset-bottom,0px));background:#171a20;color:#fff;font-family:Saira,system-ui,sans-serif;box-sizing:border-box}
.cf-app-ret-b,.cf-app-ret-m{flex:0 0 auto;min-height:44px;padding:0 16px;border:0;border-radius:0;font:600 14px/1 Saira,sans-serif;cursor:pointer;-webkit-tap-highlight-color:transparent}
.cf-app-ret-b{background:#3E6AE1;color:#fff}
.cf-app-ret-m{background:#fff;color:#171a20}
.cf-app-ret-h{flex:1 1 auto;min-width:0;font:400 12px/1.2 Saira,sans-serif;opacity:.75;text-align:right}
.cf-ov .cf-top .cf-appback,.cf-ov .cf-top [data-a=appback],.cf-ov .cf-top [data-a=owback]{min-height:36px;margin-right:6px;border-radius:0}
.cfw-crumb [data-a=appback],.cfw-crumb [data-a=owback]{margin-right:8px;border-radius:0}
html.cfx-car .cf-app-ret{left:124px}
@media (max-width:700px){.cf-app-ret-h{display:none}}

/* ===== Oct 24 v18: compact 2x2 workspace tiles + Crafty logo + soft urgency + See CTA ===== */
#coModNav .cfw-sw .cfw-swr.cfw-sqg,
.cfw-swr.cfw-sqg{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;margin-top:6px;flex-wrap:unset}
#coModNav .cfw-sw .cfw-swr.cfw-sqg button,
.cfw-swr.cfw-sqg .cfw-sq,
.cfw-swr.cfw-sqg button{all:unset;box-sizing:border-box;aspect-ratio:1/1;min-height:52px;display:flex!important;align-items:center;justify-content:center;border:1px solid rgba(23,26,32,.18)!important;background:#fff!important;color:#171a20!important;font:700 12px/1 "JetBrains Mono",monospace!important;letter-spacing:.08em;cursor:pointer;border-radius:0!important;margin:0!important;flex:unset!important;height:auto!important}
#coModNav .cfw-sw .cfw-swr.cfw-sqg button.on,
.cfw-swr.cfw-sqg .cfw-sq.on,
.cfw-swr.cfw-sqg button.on{background:#3E6AE1!important;border-color:#3E6AE1!important;color:#fff!important}
#coModNav .cfw-sw .cfw-swr.cfw-sqg button.sm,
.cfw-swr.cfw-sqg .cfw-sq.sm{min-height:40px;aspect-ratio:auto;font-size:10px!important;letter-spacing:.1em}
@media (max-width:600px){
  #coModNav .cfw-sw .cfw-swr.cfw-sqg button,
  .cfw-swr.cfw-sqg button{min-height:48px;font-size:11px!important}
}
/* demote People group in Omarchy left menu */
#coModNav .mv-grp[data-cfw-people],
#coModNav .mv-grp[data-cfw-off=people],
html.ol-on #coModNav .mv-grp[data-g=people]{display:none!important}

/* Crafty FAB = logo face (not + / bare eyes) */
#craftBotFab.crf-logo,
html #craftBotFab.crf-logo{border-radius:2px!important;display:flex!important;align-items:center;justify-content:center;color:#fff}
#craftBotFab.crf-logo .crf-mark{display:flex;align-items:center;justify-content:center;width:100%;height:100%;pointer-events:none}
#craftBotFab.crf-logo .crf-face{width:30px;height:30px;color:#fff}
#craftBotFab.crf-logo .bot-sq{display:none!important}
html[data-theme=dark] #craftBotFab.crf-logo .crf-face,
html[data-craft-theme=dark] #craftBotFab.crf-logo .crf-face{color:#fff}
/* soft urgency accents — task only, not loud tile fills */
.cf-urg-wait,.cf-chip.cf-urg-wait,em.cfc-n{box-shadow:inset 0 0 0 999px rgba(224,138,30,.12)}
.cf-urg-wait{border-left:3px solid rgba(224,138,30,.55)!important}
.cf-urg-crit,.cf-chip.cf-urg-crit{box-shadow:inset 0 0 0 999px rgba(176,18,27,.08);border-left:3px solid rgba(176,18,27,.35)!important}
.cf-urg-ok{box-shadow:inset 0 0 0 999px rgba(46,158,91,.14)}
.cf-invrow{padding:8px 0;border-bottom:1px solid rgba(23,26,32,.08);align-items:center;gap:8px;flex-wrap:wrap}
.cf-invrow:last-child{border-bottom:0}
.cf-form-tpl{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:10px 0}
.cf-form-tpl .cf-sq{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:4px;min-height:72px;padding:10px;border:1px solid rgba(23,26,32,.16);background:#fff;text-align:left;cursor:pointer;border-radius:0}
.cf-form-tpl .cf-sq b{font:600 14px/1.2 Saira,sans-serif}
.cf-form-tpl .cf-sq span{font:400 11px/1.3 Saira,sans-serif;color:#5c5e62}
.cf-form-pre .cfp-kv{margin-top:6px}
/* See what they see — phone-first, obvious */
.cfp-see{display:flex!important;flex-direction:column;align-items:flex-start!important;gap:2px;min-height:48px;padding:10px 12px!important;width:100%;max-width:100%;margin-top:8px}
.cfp-hd{flex-wrap:wrap}
.cfp-hd .cfp-see{flex:1 1 100%}
.cfp-see b{font:700 14px/1.2 Saira,sans-serif}
.cfp-see span{font:400 11px/1.2 Saira,sans-serif;opacity:.85}
.cfp-seehint{margin:6px 0 0;color:#145c34}
.cfp-it.cfp-cansee{border-left:3px solid rgba(62,106,225,.7)}
.cfp-seetag{margin-left:auto;font:600 9px/1 "JetBrains Mono",monospace!important;letter-spacing:.06em;text-transform:uppercase;color:#3E6AE1;background:rgba(62,106,225,.1);padding:3px 5px}
.crf-ceil{padding:8px 10px;background:rgba(46,158,91,.12);border-left:3px solid rgba(46,158,91,.45);margin:0 0 10px}
.ow-invbar .cf-b{border-radius:0}
@media (min-width:700px){
  .cfp-hd .cfp-see{flex:0 1 auto;width:auto;max-width:220px;margin-top:0}
}

/* ===== Oct 24 v19: smaller tiles + color, twin Back, real map, live ops, shortcuts fill, labor/reports ===== */
/* Workspace 2x2: tighter + color accents (green Erik likes; soft orange/red urgency) */
#coModNav .cfw-sw .cfw-swr.cfw-sqg,
.cfw-swr.cfw-sqg{gap:5px!important;margin-top:4px}
#coModNav .cfw-sw .cfw-swr.cfw-sqg button,
.cfw-swr.cfw-sqg .cfw-sq,
.cfw-swr.cfw-sqg button{min-height:40px!important;aspect-ratio:1/1;font-size:11px!important;letter-spacing:.06em!important;border-width:2px!important}
#coModNav .cfw-sw .cfw-swr.cfw-sqg button.sm,
.cfw-swr.cfw-sqg .cfw-sq.sm{min-height:34px!important;font-size:9.5px!important}
@media (max-width:600px){
  #coModNav .cfw-sw .cfw-swr.cfw-sqg button,
  .cfw-swr.cfw-sqg button{min-height:38px!important;font-size:10.5px!important}
}
.cfw-c-fld{border-color:#2E9E5B!important;box-shadow:inset 0 0 0 999px rgba(46,158,91,.14)!important;color:#145c34!important}
.cfw-c-fld.on,.cfw-swr.cfw-sqg button.cfw-c-fld.on{background:#2E9E5B!important;border-color:#2E9E5B!important;color:#fff!important;box-shadow:none!important}
.cfw-c-sal{border-color:#3E6AE1!important;box-shadow:inset 0 0 0 999px rgba(62,106,225,.12)!important;color:#1e3a8a!important}
.cfw-c-sal.on{background:#3E6AE1!important;border-color:#3E6AE1!important;color:#fff!important;box-shadow:none!important}
.cfw-c-acc{border-color:#1F7A44!important;box-shadow:inset 0 0 0 999px rgba(31,122,68,.12)!important;color:#145c34!important}
.cfw-c-acc.on{background:#1F7A44!important;color:#fff!important;box-shadow:none!important}
.cfw-c-hr{border-color:rgba(224,138,30,.75)!important;box-shadow:inset 0 0 0 999px rgba(224,138,30,.14)!important;color:#8a4b00!important}
.cfw-c-hr.on{background:#E08A1E!important;border-color:#E08A1E!important;color:#fff!important;box-shadow:none!important}
.cfw-c-live{border-color:#2E9E5B!important;background:rgba(46,158,91,.18)!important;color:#145c34!important}
.cfw-c-live.on{background:#145c34!important;color:#fff!important}
.cfw-c-all{border-color:#171a20!important}

/* Invoice Quick Add: smaller squares + color back (desktop side + phone sheet) */
@media (min-width:701px){
  #craftOffice .cfd-side{grid-template-columns:168px minmax(0,1fr)!important;column-gap:14px}
  #craftOffice .cfd-side>.cfd .cf-bgrid.cfw-tiles{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:4px!important}
  #craftOffice .cfd-side>.cfd .cfw-tiles .cf-sq{height:56px!important;min-height:0!important;font-size:11.5px!important;padding:5px 6px!important}
  #craftOffice .cfd-side>.cfd .cf-sq small{font-size:7px!important}
  #craftOffice .cfd-side>.cfd .cf-sq em{font-size:9px!important;display:block;margin:0}
}
@media (max-width:700px){
  #craftOffice .cfd-side>.cfd .cfw-tiles .cf-sq{height:52px!important;font-size:10.5px!important;padding:4px 5px!important}
}
/* color accents by kind — restore green / soft orange / near-transparent red */
#craftOffice .cfd .cf-sq.cfd-lab{background:#145c34!important;border-color:#145c34!important;color:#fff!important}
#craftOffice .cfd .cf-sq.cfd-mat{background:#171a20!important;border-color:#171a20!important;color:#fff!important}
#craftOffice .cfd .cf-sq.cfd-tax{background:#3A3F48!important;border-color:#3A3F48!important;color:#fff!important;box-shadow:inset 0 0 0 999px rgba(224,138,30,.16)}
#craftOffice .cfd .cf-sq.cfd-ret{background:#3A3F48!important;color:#fff!important;box-shadow:inset 0 0 0 999px rgba(176,18,27,.14);border-left:3px solid rgba(176,18,27,.55)!important}
#craftOffice .cfd .cf-sq.cfd-urg{background:#fff!important;color:#171a20!important;border-color:rgba(224,138,30,.55)!important;box-shadow:inset 0 0 0 999px rgba(224,138,30,.12)}
#craftOffice .cfd .cf-sq.cfd-ok{background:#fff!important;color:#145c34!important;border-color:rgba(46,158,91,.45)!important;box-shadow:inset 0 0 0 999px rgba(46,158,91,.1)}
#craftOffice .cfd .cf-sq.cfd-pick{background:#1e3a8a!important;border-color:#1e3a8a!important;color:#fff!important}
#craftOffice .cfd .cf-sq.cfd-bs{background:#c9ccd3!important;color:#171a20!important}

/* Default density bias: keep Small/Medium compact */
.cf-bgrid.cfw-tiles.cf-ds .cf-sq{height:56px!important}
.cf-bgrid.cfw-tiles.cf-dm .cf-sq{height:68px!important}
@media (max-width:599px){
  .cf-bgrid.cfw-tiles.cf-ds .cf-sq{height:54px!important;font-size:10px!important}
  .cf-bgrid.cfw-tiles.cf-dm .cf-sq{height:62px!important}
}

/* Fast toast */
.cf-toast{bottom:calc(18px + env(safe-area-inset-bottom,0px));padding:8px 12px;font-size:12.5px;max-width:88vw;cursor:pointer;animation:cfToastIn .12s ease-out}
@keyframes cfToastIn{from{opacity:0;transform:translate(-50%,8px)}to{opacity:1;transform:translate(-50%,0)}}

/* Twin Back */
.cf-back-bl{position:fixed;z-index:2147483050;left:10px;bottom:calc(12px + env(safe-area-inset-bottom,0px));min-height:44px;padding:0 14px;border:0;background:#3E6AE1;color:#fff;font:700 13px/1 Saira,sans-serif;cursor:pointer;border-radius:0;box-shadow:0 4px 14px rgba(23,26,32,.25)}
.cf-back-tr{margin-left:auto!important;order:5}
.cf-ov .cf-top{display:flex;align-items:center;flex-wrap:wrap;gap:4px}
.cf-ov .cf-top .cf-x{order:6;margin-left:4px}
html.cfx-car .cf-back-bl{left:134px}
@media (min-width:901px){.cf-back-bl{bottom:auto;top:auto}}
/* when return bar present, nudge BL up */
body:has(#cfAppRet) .cf-back-bl{bottom:calc(72px + env(safe-area-inset-bottom,0px))}

/* Shortcuts fill */
.cf-scs-fill{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;margin:8px 0}
.cf-scs-fill .cf-scw{margin:0;width:auto;display:flex;border:1px solid var(--c-line);background:var(--c-card)}
.cf-scs-fill .cf-sc{flex:1;min-height:48px;border:0;background:transparent;font:600 12px/1.2 Saira,sans-serif;cursor:pointer;padding:8px;text-align:left}
.cf-scs-fill .cf-sc-new{background:#145c34;color:#fff;font-weight:700}
.cf-scs-fill .cf-sc-plus{background:#fff;border:1px dashed rgba(23,26,32,.35)!important;color:#171a20;text-align:center;font-size:18px}
.cf-scs-fill .cf-pin{border:0;background:transparent;padding:0 8px;cursor:pointer}
@media (max-width:599px){.cf-scs-fill{grid-template-columns:repeat(4,minmax(0,1fr));gap:4px}.cf-scs-fill .cf-sc{min-height:44px;font-size:11px;padding:6px}}

/* Real map */
.cf-lv-mapel{width:100%;height:min(52vh,420px);min-height:260px;border:1px solid rgba(23,26,32,.14);background:#1a1d24;z-index:1}
.cf-lv-world{height:min(58vh,480px)}
.lv-map-real .leaflet-container{font:12px/1.3 Saira,sans-serif;background:#1a1d24}

/* Live ops */
.cf-ops-list{display:flex;flex-direction:column;gap:0}
.cf-ops-it{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:2px 10px;width:100%;text-align:left;padding:12px 10px;border:0;border-bottom:1px solid rgba(23,26,32,.1);background:none;cursor:pointer;font:inherit;color:inherit;border-radius:0}
.cf-ops-it b{font-size:14px}.cf-ops-it span{grid-column:1;font-size:12px;color:#5c5e62}
.cf-ops-it i{grid-column:1;font-style:normal;font-size:12px;color:#145c34}
.cf-ops-it em{grid-column:2;grid-row:1/span 3;align-self:center;font:700 10px/1 "JetBrains Mono",monospace;letter-spacing:.06em;text-transform:uppercase;color:#3E6AE1;background:rgba(62,106,225,.1);padding:4px 6px}
.cf-ops-it:hover{background:rgba(62,106,225,.06)}

/* Reports / labor tables */
.cf-tbl .num{text-align:right;font-variant-numeric:tabular-nums}
.cf-tot td{border-top:2px solid #171a20;padding-top:8px}
.cf-morph{font-variant-numeric:tabular-nums;transition:opacity .15s}
.cf-perbar{align-items:center}
.ow-opsbar .cf-b{border-radius:0}

/* People jump */
.cfp-jump .cf-b{border-radius:0}

/* v19b: tighter Field left rail + twin Back always reachable */
.cfw-rail .cfw-ws,.cfw-rail .cfw-ws.sm,.cfw-rail .cfw-ws.lv{min-height:44px!important;padding:5px 6px!important}
.cfw-rail .cfw-ws .cfw-w{font-size:12px!important}
@media (max-width:760px){
  .cfw-rail{flex-basis:56px!important;padding:6px 4px!important}
  .cfw-rail .cfw-ws,.cfw-rail .cfw-ws.sm,.cfw-rail .cfw-ws.lv{min-height:40px!important;padding:4px 3px!important;margin-bottom:4px!important}
  .cfw-rail .cfw-ws .cfw-w{font-size:10.5px!important}
}
/* color accents on Field/Sales/Acctg/HR/Live rail words */
.cfw-rail .cfw-ws[data-a=wsgo][data-k*=field],.cfw-rail .cfw-ws.cfw-c-fld{box-shadow:inset 3px 0 0 #2E9E5B!important}
.cfw-rail .cfw-ws.lv,.cfw-rail .cfw-ws[data-k=live]{box-shadow:inset 3px 0 0 #2E9E5B!important;background:#145c34!important;border-color:#145c34!important}
.cfw-rail .cfw-ws[data-k*=acct],.cfw-rail .cfw-ws.cfw-c-acc{box-shadow:inset 3px 0 0 #1F7A44!important}
.cfw-rail .cfw-ws[data-k*=hr],.cfw-rail .cfw-ws.cfw-c-hr{box-shadow:inset 3px 0 0 rgba(224,138,30,.85)!important}
.cfw-rail .cfw-ws[data-k*=sales],.cfw-rail .cfw-ws.cfw-c-sal{box-shadow:inset 3px 0 0 #3E6AE1!important}
/* Leaflet path fix for markers */
.leaflet-default-icon-path{background-image:url(/assets/vendor/leaflet/marker-icon.png)}


/* v20 Audit Defense */
.cf-ad-list{list-style:none;margin:0;padding:0}
.cf-ad-list li{display:flex;gap:10px;align-items:flex-start;padding:8px 0;border-bottom:1px solid rgba(23,26,32,.08)}
.cf-ad-list li b{width:18px;flex:none;color:#1a7f37}
.cf-ad-list li.miss b{color:#a33}
.cf-ad-list li i{display:block;font-style:normal;opacity:.7;font-size:12px;margin-top:2px}
.cf-ad-packs{display:grid;gap:8px}
.cf-ad-pack{text-align:left;padding:12px 14px;border:1px solid rgba(23,26,32,.12);border-radius:12px;background:#fff;cursor:pointer}
.cf-ad-pack span{display:block;font-size:12px;opacity:.7;margin-top:4px}
.cf-ad-pack:hover{border-color:#2563eb}
.cf-ad-tiers .cf-plan.on{border-color:#2563eb;box-shadow:0 0 0 1px #2563eb}
tr.cf-ad-warn td{background:rgba(200,80,40,.08)}


/* ===== Oct 24 v21 fold/Duo dual-pane + keyboard + orientation-respect (t440u) ===== */
html{--cf-kbinset:0px}
/* Keyboard-safe: lift bottom chrome / FAB / twin Back / return bar above OS keyboard */
html.cfx-kb .cf-back-bl,html.cfx-kb-focus .cf-back-bl{bottom:calc(12px + var(--cf-kbinset) + env(safe-area-inset-bottom,0px))!important}
html.cfx-kb .cf-app-ret,html.cfx-kb-focus .cf-app-ret{bottom:var(--cf-kbinset)!important}
html.cfx-kb #craftBotFab,html.cfx-kb-focus #craftBotFab{bottom:calc(18px + var(--cf-kbinset) + env(safe-area-inset-bottom,0px))!important}
html.cfx-kb .cf-toast{bottom:calc(24px + var(--cf-kbinset) + env(safe-area-inset-bottom,0px))!important}
html.cfx-kb .cf-body,html.cfx-kb-focus .cf-body{padding-bottom:calc(28px + var(--cf-kbinset) + env(safe-area-inset-bottom,0px))!important}
html.cfx-kb #craftOffice .cfd-fabw.cfd-fab-fix,html.cfx-kb-focus #craftOffice .cfd-fabw.cfd-fab-form{bottom:calc(12px + var(--cf-kbinset) + env(safe-area-inset-bottom,0px))!important}
/* PIN / gate: keep pad in upper visible half when keyboard open */
html.cfx-kb #craftOffice .gate-pad,html.cfx-kb-focus #craftOffice .gate-pad,
html.cfx-kb #craftOffice .gate,html.cfx-kb-focus #craftOffice .gate{scroll-margin-bottom:calc(var(--cf-kbinset) + 24px)}
html.cfx-kb #craftOffice .co-modal .co-sheet,html.cfx-kb-focus #craftOffice .co-modal .co-sheet{padding-bottom:calc(24px + var(--cf-kbinset))!important;max-height:calc(100dvh - var(--cf-kbinset) - 12px);overflow:auto}

/* Portrait-locked fold (tall CSS): stay upright — NO landscape left rail, NO Tesla mega-tiles, flatten iso calendar */
html.cfx-fold-port #cfxRail{display:none!important}
html.cfx-fold-port #craftOffice .co-app{padding-left:0!important}
html.cfx-fold-port .cf-ov{left:0!important}
html.cfx-fold-port #craftOffice .co-view{zoom:1!important}
html.cfx-fold-port .iso-g,html.cfx-fold .iso-g{transform:none!important;-webkit-transform:none!important;perspective:none!important}
html.cfx-fold-port .iso-w,html.cfx-fold .iso-w{perspective:none!important;padding:8px 0!important;justify-content:stretch!important}
html.cfx-fold-port .iso-g,html.cfx-fold .iso-g{width:100%;grid-template-columns:repeat(7,minmax(0,1fr))!important;gap:4px!important}
html.cfx-fold-port .iso-c,html.cfx-fold .iso-c{height:auto!important;min-height:44px;box-shadow:none!important}

/* Fold landscape dual-pane: persistent left rail + right workspace (keep beauty, tighter density) */
html.cfx-fold.cfx-car #cfxRail,html.cfx-duo #cfxRail{width:112px}
html.cfx-fold.cfx-car #craftOffice .co-app,html.cfx-duo #craftOffice .co-app{padding-left:112px!important}
html.cfx-fold.cfx-car .cf-ov,html.cfx-duo .cf-ov{left:112px!important}
html.cfx-fold.cfx-car.ol-on .pw-root,html.cfx-duo.ol-on .pw-root{left:112px!important}
html.cfx-fold.cfx-car .cf-back-bl,html.cfx-duo .cf-back-bl{left:122px}
/* Dual-pane deep views: body as 2-col when wide */
/* Deep dual-pane: prefer existing .cfp / .cf-split grids; only nudge body scroll under keyboard */
html.cfx-duo .cf-ov.cfx-duo-deep .cf-body{min-height:0;overflow:auto}
html.cfx-duo .cf-ov.cfx-duo-deep .cfp{grid-template-columns:minmax(220px,36%) minmax(0,1fr)!important;max-height:none}
html.cfx-duo .cf-ov.cfx-duo-deep .cfp-list{max-height:min(70vh,calc(100dvh - var(--cf-kbinset,0px) - 180px));overflow:auto}
html.cfx-duo.cfx-kb .cf-ov.cfx-duo-deep .cfp-list,html.cfx-duo.cfx-kb-focus .cf-ov.cfx-duo-deep .cfp-list{max-height:min(42vh,calc(100dvh - var(--cf-kbinset,0px) - 200px))}
html.cfx-duo .cf-ov.cfx-duo-deep .cf-split{display:flex;align-items:flex-start}
/* Fold tiles: Small/Medium density — NOT Tesla chunky */
html.cfx-fold.cfx-car .cf-ov .cf-bgrid.cfw-tiles,
html.cfx-fold.cfx-car .cf-ov .cf-bgrid.cfw-tiles.cf-dl,
html.cfx-fold.cfx-car .cf-ov .cf-bgrid.cfw-tiles.cf-dm,
html.cfx-fold.cfx-car .cf-ov .cf-bgrid.cfw-tiles.cf-ds,
html.cfx-duo .cf-ov .cf-bgrid.cfw-tiles{
  --cfw-t:clamp(72px,7.2vw,112px)!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  grid-gap:6px!important
}
html.cfx-fold.cfx-car .cf-ov .cfw-tiles .cf-sq,
html.cfx-duo .cf-ov .cfw-tiles .cf-sq{
  height:clamp(64px,6.5vw,100px)!important;
  font-size:12.5px!important;
  padding:8px!important;
  line-height:1.15!important
}
html.cfx-fold.cfx-car .cf-ov .cfw-tiles .cf-sq small,
html.cfx-duo .cf-ov .cfw-tiles .cf-sq small{font-size:9px!important}
html.cfx-fold.cfx-car .cf-ov{font-size:15px}
html.cfx-fold.cfx-car .cf-ov .cfw-hd h2{font-size:26px}
html.cfx-fold.cfx-car #craftOffice .co-view{zoom:1!important} /* don't blow up dashboard on fold */

/* Restore left-rail color accents (active + inactive) — beat Mixed v12 specificity */
html.cfx-fold:not(#z1):not(#z2):not(#z3):not(#z4) body #cfxRail .cfx-b.cfx-t-fld,
html.cfx-car.cfx-fold:not(#z1):not(#z2):not(#z3):not(#z4) body #cfxRail .cfx-b.cfx-t-fld{box-shadow:inset 4px 0 0 #2E9E5B!important}
html.cfx-fold:not(#z1):not(#z2):not(#z3):not(#z4) body #cfxRail .cfx-b.cfx-t-sal,
html.cfx-car.cfx-fold:not(#z1):not(#z2):not(#z3):not(#z4) body #cfxRail .cfx-b.cfx-t-sal{box-shadow:inset 4px 0 0 #3E6AE1!important}
html.cfx-fold:not(#z1):not(#z2):not(#z3):not(#z4) body #cfxRail .cfx-b.cfx-t-acc,
html.cfx-car.cfx-fold:not(#z1):not(#z2):not(#z3):not(#z4) body #cfxRail .cfx-b.cfx-t-acc{box-shadow:inset 4px 0 0 #1F7A44!important}
html.cfx-fold:not(#z1):not(#z2):not(#z3):not(#z4) body #cfxRail .cfx-b.cfx-t-hr,
html.cfx-car.cfx-fold:not(#z1):not(#z2):not(#z3):not(#z4) body #cfxRail .cfx-b.cfx-t-hr{box-shadow:inset 4px 0 0 rgba(224,138,30,.9)!important}
html.cfx-fold:not(#z1):not(#z2):not(#z3):not(#z4) body #cfxRail .cfx-b.cfx-t-live,
html.cfx-car.cfx-fold:not(#z1):not(#z2):not(#z3):not(#z4) body #cfxRail .cfx-b.cfx-t-live{box-shadow:inset 4px 0 0 #2E9E5B!important;background:#145c34!important;border-color:#145c34!important}
html.cfx-fold:not(#z1):not(#z2):not(#z3):not(#z4) body #cfxRail .cfx-b.on,
html.cfx-car.cfx-fold:not(#z1):not(#z2):not(#z3):not(#z4) body #cfxRail .cfx-b.on{background:rgba(62,106,225,.85)!important;border-color:transparent!important;box-shadow:inset 4px 0 0 rgba(255,255,255,.55)!important}
/* iPad / non-fold car rail also gets tints when classes present */
html.cfx-car:not(.cfx-fold):not(#z1):not(#z2):not(#z3):not(#z4) body #cfxRail .cfx-b.cfx-t-fld{box-shadow:inset 4px 0 0 #2E9E5B!important}
html.cfx-car:not(.cfx-fold):not(#z1):not(#z2):not(#z3):not(#z4) body #cfxRail .cfx-b.cfx-t-sal{box-shadow:inset 4px 0 0 #3E6AE1!important}
html.cfx-car:not(.cfx-fold):not(#z1):not(#z2):not(#z3):not(#z4) body #cfxRail .cfx-b.cfx-t-acc{box-shadow:inset 4px 0 0 #1F7A44!important}
html.cfx-car:not(.cfx-fold):not(#z1):not(#z2):not(#z3):not(#z4) body #cfxRail .cfx-b.cfx-t-hr{box-shadow:inset 4px 0 0 rgba(224,138,30,.9)!important}
/* also tint overlay rail when fold uses it */
html.cfx-fold .cfw-rail .cfw-ws[data-k*=field],html.cfx-fold .cfw-rail .cfw-ws.cfw-c-fld{box-shadow:inset 3px 0 0 #2E9E5B!important}
html.cfx-fold .cfw-rail .cfw-ws[data-k*=sales],html.cfx-fold .cfw-rail .cfw-ws.cfw-c-sal{box-shadow:inset 3px 0 0 #3E6AE1!important}
html.cfx-fold .cfw-rail .cfw-ws[data-k*=acct],html.cfx-fold .cfw-rail .cfw-ws.cfw-c-acc{box-shadow:inset 3px 0 0 #1F7A44!important}
html.cfx-fold .cfw-rail .cfw-ws[data-k*=hr],html.cfx-fold .cfw-rail .cfw-ws.cfw-c-hr{box-shadow:inset 3px 0 0 rgba(224,138,30,.85)!important}

/* Dedupe: hide crumb Back when twin TR is present */
.cf-ov:has(#cfBackTR) .cfw-crumb > [data-a=appback],
.cf-ov:has(#cfBackTR) .cfw-crumb > [data-a=owback]{display:none!important}
.cf-ov .cf-top [data-a=appback][hidden],.cf-ov .cf-top [data-a=owback][hidden]{display:none!important}

/* iPad / fold Medium density comfort */
@media (min-width:700px) and (max-width:1180px){
  .cf-bgrid.cfw-tiles.cf-ds{grid-template-columns:repeat(4,minmax(0,1fr))!important}
  .cf-bgrid.cfw-tiles.cf-dm{grid-template-columns:repeat(4,minmax(0,1fr))!important}
  .cf-scs-fill{grid-template-columns:repeat(4,minmax(0,1fr))}
}
/* Outer/closed cover (<=700): rail collapses (carDetect already false) — keep phone density */
@media (max-width:700px){
  html.cfx-fold #cfxRail{display:none!important}
}

/* Type-while-see-upper on fold: when keyboard open + duo, keep top pane visible */
html.cfx-duo.cfx-kb .cf-ov.cfx-duo-deep .cf-body,
html.cfx-duo.cfx-kb-focus .cf-ov.cfx-duo-deep .cf-body{
  min-height:0;overflow:auto;padding-bottom:calc(16px + var(--cf-kbinset))!important;
  max-height:calc(100dvh - var(--cf-kbinset,0px) - 72px)
}

/* Tesla (cfx-car without cfx-fold) unchanged — v7 mega tiles stay */


/* ===== Oct 24 v22 paydocs + legal auth + OT policy (t441u) ===== */
.cf-authbox{margin-top:8px}
.cf-authack{line-height:1.35}
.cf-authlog{margin:6px 0 0;padding-left:18px}
.cf-authlog li{margin:4px 0}
.cf-chip.cf-cls{background:rgba(23,26,32,.08);color:#171a20;font-weight:600}
.cf-note.ok{border-left:3px solid #1a7f37;background:rgba(46,158,91,.1);padding:8px 10px;border-radius:8px}
.cf-repper .cf-repbtn.pri,.cf-perbtn.pri{background:rgba(62,106,225,.85)!important;color:#fff!important;border-color:transparent!important}
.cf-replive{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:8px}
.warn-copy{color:#5c5e62;font-style:italic}
.cf-otpolicy-card{border:1px solid rgba(23,26,32,.12)}


/* ===== Oct 24 v23 prevent hub + disclaimers (t442u) ===== */
.cf-disc{margin:8px 0 12px;padding:10px 12px;border-radius:10px;border:1px solid rgba(23,26,32,.12);background:rgba(23,26,32,.04);font-size:12px;line-height:1.45;color:#171a20}
.cf-disc b{font-weight:700}
.cf-disc-auth{font-size:12px}
.cf-authdisc{line-height:1.35}
.cf-prev-tiles{display:grid;gap:8px;margin-top:8px}
.cf-prev-habits li button{margin-left:0}
.cf-prev-gaps{margin-top:10px}
.cf-prev-gaplist{list-style:none;margin:0;padding:0}
.cf-prev-gap{display:grid;grid-template-columns:auto 1fr auto;gap:4px 10px;align-items:start;padding:10px 0;border-bottom:1px solid rgba(23,26,32,.08)}
.cf-prev-gap i{grid-column:2;font-style:normal;opacity:.7;font-size:12px}
.cf-prev-gap button{grid-row:1 / span 2;align-self:center}
.cf-prev-area{display:inline-block;font-size:10px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;padding:2px 6px;border-radius:4px;background:rgba(23,26,32,.08)}
.cf-prev-gap.warn .cf-prev-area{background:rgba(200,80,40,.12);color:#8a3a18}
.cf-prev-gap.info .cf-prev-area{background:rgba(62,106,225,.12);color:#2a4a9e}
.cf-prev-nto ul{line-height:1.5}
.cf-prev-reframe{margin-top:8px;padding-top:8px;border-top:1px solid rgba(23,26,32,.08)}


/* ===== Oct 24 v24 roles-pay rails (t443u) ===== */
.cf-rolelist{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:8px;margin:10px 0}
.cf-rolepick{display:flex;flex-direction:column;align-items:flex-start;gap:4px;text-align:left;padding:12px;border-radius:10px;background:#171a20;color:#fff;border:2px solid transparent;cursor:pointer;min-height:88px}
.cf-rolepick.on{border-color:rgba(62,106,225,.85);box-shadow:0 0 0 1px rgba(62,106,225,.35)}
.cf-rolepick b{font:600 13px/1.2 Saira,system-ui,sans-serif}
.cf-rolepick .cf-s{opacity:.75;font-size:11px}
.cf-rolepick .cf-chip{margin-top:4px}
.cf-role-expect{display:grid;gap:10px;margin-top:10px}
@media(min-width:900px){.cf-role-expect{grid-template-columns:1fr 1fr 1fr}}
.cf-role-ul{margin:6px 0 0;padding-left:18px;line-height:1.45;font-size:13px}
.cf-paydate .cf-price{margin:6px 0}
.cf-ackrow{display:flex;gap:12px;align-items:flex-start;justify-content:space-between;padding:12px 0;border-bottom:1px solid rgba(23,26,32,.08)}
.cf-ackrow .cf-s{margin:4px 0 6px}
.cf-signpad{border:1px solid rgba(23,26,32,.15);border-radius:8px;background:#fff;overflow:hidden}
.cf-signpad canvas{display:block;width:100%;height:120px;touch-action:none}
.cf-chan-zero{border-left:4px solid #B0121B}
.cf-cashgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:8px}
.cf-eptiers .cf-tbl td,.cf-eptiers .cf-tbl th{font-size:12px}
.cf-ackstat{cursor:pointer}


/* ===== Oct 24 v26: Track entrance / boot splash (t446u) ===== */
#cfTrackBoot{position:fixed;inset:0;z-index:2147483640;background:#000;color:#E10600;display:flex;align-items:center;justify-content:center;flex-direction:column;opacity:1;transition:opacity .45s ease;pointer-events:none;-webkit-font-smoothing:antialiased}
#cfTrackBoot.cf-tb-out{opacity:0}
#cfTrackBoot .cf-tb-scan{position:absolute;inset:0;background:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(225,6,0,.035) 2px,rgba(225,6,0,.035) 4px);pointer-events:none;animation:cfTbScan 3.2s linear infinite}
#cfTrackBoot .cf-tb-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(225,6,0,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(225,6,0,.06) 1px,transparent 1px);background-size:48px 48px;opacity:.35;pointer-events:none}
#cfTrackBoot .cf-tb-frame{position:relative;border:1px solid #E10600;padding:26px 36px 22px;min-width:min(78vw,280px);text-align:center;box-shadow:0 0 18px rgba(225,6,0,.4),inset 0 0 24px rgba(225,6,0,.08)}
#cfTrackBoot .cf-tb-frame:before,#cfTrackBoot .cf-tb-frame:after{content:"";position:absolute;width:12px;height:12px;border-color:#FF1F1F;border-style:solid}
#cfTrackBoot .cf-tb-frame:before{left:-1px;top:-1px;border-width:2px 0 0 2px}
#cfTrackBoot .cf-tb-frame:after{right:-1px;bottom:-1px;border-width:0 2px 2px 0}
#cfTrackBoot .cf-tb-word{font:700 28px/1 "Saira Condensed",Saira,sans-serif;letter-spacing:.32em;color:#FF1F1F;text-shadow:0 0 14px rgba(225,6,0,.75);margin:0 0 8px 0;padding-left:.32em}
#cfTrackBoot .cf-tb-sub{font:600 10px/1.2 "JetBrains Mono",ui-monospace,monospace;letter-spacing:.22em;text-transform:uppercase;color:rgba(225,6,0,.7);margin:0}
#cfTrackBoot .cf-tb-bar{margin-top:14px;height:2px;background:#7A1212;overflow:hidden}
#cfTrackBoot .cf-tb-bar>i{display:block;height:100%;width:35%;background:#FF1F1F;box-shadow:0 0 8px rgba(225,6,0,.8);animation:cfTbBar 1.1s ease-in-out infinite}
@keyframes cfTbScan{from{transform:translateY(0)}to{transform:translateY(4px)}}
@keyframes cfTbBar{0%,100%{transform:translateX(-10%)}50%{transform:translateX(190%)}}
@media (prefers-reduced-motion:reduce){#cfTrackBoot .cf-tb-scan,#cfTrackBoot .cf-tb-bar>i{animation:none}}
/* Track-flavored workspace boot (overrides white v23 cfw-boot) */
html.cfw-boot[data-craft-theme="track"] body{background:#000!important}
html.cfw-boot[data-craft-theme="track"] body:after{content:"CRAFT";color:#FF1F1F;letter-spacing:.28em;text-shadow:0 0 12px rgba(225,6,0,.7);font:700 18px/1 "Saira Condensed",Saira,sans-serif}
html.cfw-boot.cf-tb-on body{background:#000!important}
html.cfw-boot.cf-tb-on body:after{content:"CRAFT";color:#FF1F1F;letter-spacing:.28em;text-shadow:0 0 12px rgba(225,6,0,.7);font:700 18px/1 "Saira Condensed",Saira,sans-serif}
/* Brief crimson tick on Mixed/other gates during optional short boot (does not paint whole Mixed black) */
html.cf-tb-tick .gate-pad button.enter,html.cf-tb-tick .pad button.e{box-shadow:0 0 0 1px #E10600,0 0 8px rgba(225,6,0,.35)!important}


/* ===== Oct 24 v26b: Track gate specificity for #craftOffice (PIN entrance) ===== */
html[data-craft-theme="track"] #craftOffice,
html[data-craft-theme="track"] #craftOffice .gate,
html[data-craft-theme="track"] #craftOffice .gate-card{
  background:#000!important;color:#E10600!important;
  box-shadow:none!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;
}
html[data-craft-theme="track"] #craftOffice .gate h1,
html[data-craft-theme="track"] #craftOffice .gate h2,
html[data-craft-theme="track"] #craftOffice .gate .small,
html[data-craft-theme="track"] #craftOffice .gate p,
html[data-craft-theme="track"] #craftOffice .gate-code,
html[data-craft-theme="track"] #craftOffice .gate .co-home{
  color:#E10600!important;border-color:#E10600!important;
}
html[data-craft-theme="track"] #craftOffice .gate-roles button{
  background:#000!important;color:#E10600!important;border:1px solid #E10600!important;border-radius:0!important;
}
html[data-craft-theme="track"] #craftOffice .gate-roles button[aria-pressed="true"]{
  background:#FF1F1F!important;color:#000!important;box-shadow:0 0 8px rgba(225,6,0,.55)!important;
}
html[data-craft-theme="track"] #craftOffice .gate-pad,
html[data-craft-theme="track"] #craftOffice .gate-pad button,
html[data-craft-theme="track"] #craftOffice .gate-pad button.enter,
html[data-craft-theme="track"] #craftOffice .gate-pad button[data-pin]{
  background:#000!important;color:#E10600!important;
  border:1px solid #E10600!important;border-radius:0!important;
  box-shadow:none!important;font-family:"JetBrains Mono",ui-monospace,monospace!important;
}
html[data-craft-theme="track"] #craftOffice .gate-pad button.enter{
  background:#FF1F1F!important;color:#000!important;box-shadow:0 0 8px rgba(225,6,0,.55)!important;
}
html[data-craft-theme="track"] #craftOffice .gate-pad button:active{
  background:#FF1F1F!important;color:#000!important;
}
html[data-craft-theme="track"] body #craftOffice{
  background:#000!important;min-height:100vh;
}


/* ===== Oct 24 v26c: Track gate beats html:root body paper !important ===== */
html[data-craft-theme="track"]:root body,
html[data-craft-theme="track"]:root body #craftOffice,
html[data-craft-theme="track"]:root body #craftOffice .gate,
html[data-craft-theme="track"]:root body #craftOffice .gate-card,
html[data-craft-theme="track"]:root body .gate,
html[data-craft-theme="track"]:root body .gate-card{
  background:#000!important;background-image:none!important;color:#E10600!important;
}
html[data-craft-theme="track"]:root body #craftOffice .gate-pad button,
html[data-craft-theme="track"]:root body #craftOffice .gate-pad button.enter,
html[data-craft-theme="track"]:root body #craftOffice .gate-pad .btn,
html[data-craft-theme="track"]:root body #craftOffice .gate-pad .btn:not(:last-child),
html[data-craft-theme="track"]:root body #craftOffice .gate-pad .btn:last-child{
  background:#000!important;color:#E10600!important;border:1px solid #E10600!important;border-radius:0!important;box-shadow:none!important;
}
html[data-craft-theme="track"]:root body #craftOffice .gate-pad button.enter,
html[data-craft-theme="track"]:root body #craftOffice .gate-pad .btn:last-child{
  background:#FF1F1F!important;color:#000!important;box-shadow:0 0 8px rgba(225,6,0,.55)!important;
}
html[data-craft-theme="track"]:root body #craftOffice .gate-roles button[aria-pressed="true"]{
  background:#FF1F1F!important;color:#000!important;border-color:#FF1F1F!important;
}


/* ===== Oct 25: FULL parallel shortcut boxes — fixed cols, no auto-fill empty holes ===== */
.cf-ov .cf-bgrid.cfw-tiles,
.cf-ov .cf-bgrid.cfw-tiles.cf-ds,
#craftOffice .cfd .cf-bgrid.cfw-tiles.cf-ds,
html.cfx-fold.cfx-car .cf-ov .cf-bgrid.cfw-tiles,
html.cfx-fold.cfx-car .cf-ov .cf-bgrid.cfw-tiles.cf-ds,
html.cfx-duo .cf-ov .cf-bgrid.cfw-tiles,
html.cfx-car .cf-ov .cf-bgrid.cfw-tiles{
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  grid-auto-rows:auto!important
}
.cf-ov .cf-bgrid.cfw-tiles.cf-dm,
#craftOffice .cfd .cf-bgrid.cfw-tiles.cf-dm,
html.cfx-fold.cfx-car .cf-ov .cf-bgrid.cfw-tiles.cf-dm{
  grid-template-columns:repeat(4,minmax(0,1fr))!important
}
.cf-ov .cf-bgrid.cfw-tiles.cf-dl,
#craftOffice .cfd .cf-bgrid.cfw-tiles.cf-dl,
html.cfx-fold.cfx-car .cf-ov .cf-bgrid.cfw-tiles.cf-dl{
  grid-template-columns:repeat(3,minmax(0,1fr))!important
}
@media (min-width:700px){
  .cf-ov .cf-bgrid.cfw-tiles.cf-ds{grid-template-columns:repeat(4,minmax(0,1fr))!important}
  .cf-ov .cf-bgrid.cfw-tiles.cf-dm{grid-template-columns:repeat(4,minmax(0,1fr))!important}
}
@media (min-width:900px){
  .cf-ov .cf-bgrid.cfw-tiles.cf-ds{grid-template-columns:repeat(6,minmax(0,1fr))!important}
  .cf-ov .cf-bgrid.cfw-tiles.cf-dm{grid-template-columns:repeat(5,minmax(0,1fr))!important}
  .cf-ov .cf-bgrid.cfw-tiles.cf-dl{grid-template-columns:repeat(4,minmax(0,1fr))!important}
}
@media (min-width:1100px){
  .cf-ov .cf-bgrid.cfw-tiles.cf-ds{grid-template-columns:repeat(6,minmax(0,1fr))!important}
}
@media (min-width:1200px){
  .cf-ov .cf-bgrid.cfw-tiles.cf-dm{grid-template-columns:repeat(6,minmax(0,1fr))!important}
}
@media (min-width:1400px){
  .cf-ov .cf-bgrid.cfw-tiles.cf-ds{grid-template-columns:repeat(8,minmax(0,1fr))!important}
}
/* pad tiles look like usable dashed quick-access squares */
.cf-ov .cfw-tw.cfw-pad .cf-sq.cfw-add,
#craftOffice .cfw-tw.cfw-pad .cf-sq.cfw-add{
  background:transparent!important;color:#171a20!important;
  border:1px dashed rgba(23,26,32,.4)!important;width:100%;height:100%
}
html[data-craft-theme="dark"] .cf-ov .cfw-tw.cfw-pad .cf-sq.cfw-add,
html[data-craft-theme="dark"] #craftOffice .cfw-tw.cfw-pad .cf-sq.cfw-add{
  color:#EEF0F2!important;border-color:rgba(255,255,255,.28)!important
}
.cf-ov .cfw-tw.cfw-pad .cf-sq.cfw-add.cfd-lab{border-style:solid!important;border-color:#145c34!important;color:#145c34!important}
.cf-ov .cfw-tw.cfw-pad .cf-sq.cfw-add.cfd-ok{border-style:solid!important;border-color:#3E6AE1!important;color:#3E6AE1!important}

/* ===== Oct 25 UX3: Light/Track always visible above bottom chrome ===== */
.cfw-theme,.cfx-theme{display:flex;flex-wrap:nowrap;gap:3px;margin:8px 0 10px;padding-top:8px;padding-bottom:6px;border-top:1px solid rgba(23,26,32,.12)}
.cfw-th,#cfxRail .cfw-th{flex:1 1 0;min-width:0;min-height:34px;padding:6px 2px;font-size:9.5px;line-height:1.1}
html.cfx-car #cfxRail .cfw-theme{margin-top:auto;margin-bottom:calc(10px + env(safe-area-inset-bottom,0px));flex:0 0 auto}
html.cfx-car #cfxRail{padding-bottom:calc(10px + env(safe-area-inset-bottom,0px))}
.cfw-rail{padding-bottom:calc(14px + env(safe-area-inset-bottom,0px))}