/* Layout: control-room board — hero, stat strip, tabbed views (list, billboard, people, workload, check-in, red list, scorecard, activity), task drawer. Dark-first, red accent, one validated colour per department. */
:root{
  color-scheme:dark;
  --bg:#1D2125; --panel:#22272B; --panel2:#2C333A; --line:#38414A;
  --text:#DEE4EA; --muted:#9FADBC; --accent:#E5383B; --accentInk:#FFFFFF; --accentSoft:rgba(229,56,59,.16);
  --done:#4FC486; --prog:#F0B43C; --blocked:#B67BE8; --over:#FF4D4F; --verify:#5AA9F0; --tg:#38B0E3; --scrim:rgba(3,4,4,.62);
  --d-mkt:#E0508A; --d-ops:#D96C1A; --d-fin:#1FA88F; --d-hr:#B08C12; --d-it:#3F86D9; --dc:var(--muted);
  --display:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue',Arial,sans-serif;
  --body:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue',Arial,sans-serif;
  --mono:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;
}
@media (prefers-color-scheme: light){ :root:not([data-theme="dark"]){
  color-scheme:light; --bg:#F4F5F7; --panel:#FFFFFF; --panel2:#F1F2F4; --line:#DCDFE4;
  --text:#172B4D; --muted:#5E6C84; --accent:#C8202B; --accentInk:#FFFFFF; --accentSoft:rgba(200,32,43,.10);
  --done:#1F8F55; --prog:#B7790B; --blocked:#8248C2; --over:#D11A24; --verify:#1F6FB8; --tg:#1B8CC4; --scrim:rgba(9,30,66,.45);
  --d-mkt:#C7336F; --d-ops:#C4620F; --d-fin:#138C78; --d-hr:#9A7A00; --d-it:#1E6FC0;
}}
:root[data-theme="light"]{
  color-scheme:light; --bg:#F4F5F7; --panel:#FFFFFF; --panel2:#F1F2F4; --line:#DCDFE4;
  --text:#172B4D; --muted:#5E6C84; --accent:#C8202B; --accentInk:#FFFFFF; --accentSoft:rgba(200,32,43,.10);
  --done:#1F8F55; --prog:#B7790B; --blocked:#8248C2; --over:#D11A24; --verify:#1F6FB8; --tg:#1B8CC4; --scrim:rgba(9,30,66,.45);
  --d-mkt:#C7336F; --d-ops:#C4620F; --d-fin:#138C78; --d-hr:#9A7A00; --d-it:#1E6FC0;
}
[data-dept="Marketing"]{--dc:var(--d-mkt)} [data-dept="Operations"]{--dc:var(--d-ops)} [data-dept="Finance"]{--dc:var(--d-fin)} [data-dept="HR & Admin"]{--dc:var(--d-hr)} [data-dept="IT"]{--dc:var(--d-it)}
*{box-sizing:border-box}
html,body{background:var(--bg);color:var(--text)}
body{font-family:var(--body);font-size:14px;line-height:1.45}
body.lock{overflow:hidden}
.wrap{max-width:1180px;margin:0 auto;padding-inline:16px;padding-block:20px 56px;display:flex;flex-direction:column;gap:18px}
button,select,input,textarea{font-family:var(--body);font-size:14px;color:var(--text)}
button:focus-visible,select:focus-visible,input:focus-visible,textarea:focus-visible,a:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}

.hero{position:relative;z-index:5;background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:22px 20px 18px;display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:16px}
.hero::before{content:"";position:absolute;left:0;top:0;bottom:0;width:6px;background:var(--accent);border-radius:14px 0 0 14px}
.eyebrow{font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--accent);font-weight:700}
h1{margin:4px 0 0;font-family:var(--display);font-weight:700;font-size:35px;line-height:1.1;letter-spacing:-.015em;text-wrap:balance}
.hero .sub{color:var(--muted);margin-top:8px;font-size:13px;display:flex;flex-wrap:wrap;gap:6px 12px;align-items:center}
.hero .sub .tm{display:inline-flex;align-items:center;gap:6px}
.sw{width:10px;height:10px;border-radius:3px;background:var(--dc);display:inline-block;flex:0 0 auto}
.hctl{display:flex;flex-wrap:wrap;gap:10px;align-items:center}
.month{display:flex;align-items:center;gap:4px;background:var(--panel2);border:1px solid var(--line);border-radius:10px;padding:4px}
.month button{background:var(--panel);border:0;min-width:36px;min-height:36px;border-radius:8px;cursor:pointer;font-size:18px;color:var(--muted)}
.month button:hover{background:var(--accentSoft);color:var(--text)}
.month b{font-family:var(--display);font-weight:700;font-size:18px;letter-spacing:-.015em;min-width:150px;text-align:center}
select,input[type=text],input[type=password],input[type=tel],input[type=email],input[type=url],input[type=date],input[type=number],textarea{background:var(--panel2);border:1px solid var(--line);border-radius:8px;padding:8px 10px;min-height:38px;max-width:100%}
textarea{min-height:70px;resize:vertical;width:100%}
label.inline{display:flex;align-items:center;gap:8px;color:var(--muted);font-size:13px}
@media (max-width:560px){h1{font-size:34px}.month b{min-width:120px;font-size:19px}}

.stats{display:grid;grid-template-columns:1.6fr repeat(3,minmax(0,1fr));gap:10px}
.stat{background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:12px 14px;display:flex;flex-direction:column;gap:6px;min-width:0}
.stat .k{font-size:12px;text-transform:uppercase;letter-spacing:.1em;color:var(--muted);font-weight:700}
.stat .v{font-family:var(--display);font-weight:700;font-size:29px;line-height:1;font-variant-numeric:tabular-nums}
.stat .s{font-size:12px;color:var(--muted)}
.stat.main .v{font-size:48px;color:var(--accent)}
.stat.over .v{color:var(--over)} .stat.blk .v{color:var(--blocked)}
.bar{height:8px;border-radius:4px;background:var(--panel2);overflow:hidden}
.bar>i{display:block;height:100%;background:var(--accent);border-radius:4px;transition:width .4s}
.group .bar>i,.person .bar>i{background:var(--dc)}
@media (max-width:720px){
  .stats{grid-template-columns:1.25fr repeat(3,minmax(0,1fr));gap:6px}
  .stat,.stat.main{padding:9px 8px;gap:4px;border-radius:10px;min-width:0}
  .stat .k,.stat.main .k{font-size:10px;letter-spacing:.04em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .stat .v{font-size:26px}.stat.main .v{font-size:28px}
  .stat .s{display:none}.stat.main .bar{height:5px}
  .task .t{font-size:16px}.kc .t{font-size:15px}}
.kshort{display:none}
@media (max-width:420px){.kfull{display:none}.kshort{display:inline}.stat .v{font-size:24px}.stat.main .v{font-size:26px}}

.tabs{display:flex;gap:4px;border-bottom:1px solid var(--line);overflow-x:auto}
.tabs button{background:var(--panel2);border:0;border-radius:8px 8px 0 0;border-bottom:3px solid transparent;color:var(--muted);font-weight:700;padding:10px 12px;min-height:44px;cursor:pointer;white-space:nowrap}
.tabs button:hover{color:var(--text);background:color-mix(in srgb,var(--accent) 10%,var(--panel2))}
.tabs button[aria-selected="true"]{color:var(--text);border-bottom-color:var(--accent);background:color-mix(in srgb,var(--accent) 20%,var(--panel2))}
.tabs .cnt{display:inline-block;margin-left:6px;font-size:11px;background:var(--over);color:#fff;border-radius:999px;padding:1px 7px;vertical-align:1px}
.toolbar{display:flex;flex-wrap:wrap;gap:10px;align-items:center}
.toolbar .sp{flex:1}
.btn{background:var(--accent);color:var(--accentInk);border:0;border-radius:8px;font-weight:700;padding:0 16px;min-height:38px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center}
.btn:hover{filter:brightness(1.08)}
.ghost{background:var(--panel2);border:1px solid var(--line);color:var(--text);border-radius:8px;font-weight:600;padding:0 12px;min-height:36px;cursor:pointer;font-size:13px;display:inline-flex;align-items:center;gap:6px;text-decoration:none}
.ghost:hover{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 14%,var(--panel2))}
.ghost.danger{color:var(--over);border-color:var(--over);background:color-mix(in srgb,var(--over) 14%,var(--panel))}
.ghost.ver{color:var(--verify);border-color:var(--verify);background:color-mix(in srgb,var(--verify) 14%,var(--panel))}
.ghost.tg{color:var(--tg);border-color:var(--tg);background:color-mix(in srgb,var(--tg) 14%,var(--panel))}
.ghost.acc{color:var(--done);border-color:var(--done);background:color-mix(in srgb,var(--done) 14%,var(--panel))}
.ghost.danger:hover,.ghost.ver:hover,.ghost.tg:hover,.ghost.acc:hover{filter:brightness(1.12)}
.ghost[disabled]{opacity:.45;cursor:not-allowed}

/* list */
.groups{display:flex;flex-direction:column;gap:16px}
.group{display:flex;flex-direction:column;gap:6px;border:1px solid var(--line);border-top:5px solid var(--dc);border-radius:12px;padding:10px 12px 12px;background:linear-gradient(180deg,color-mix(in srgb,var(--dc) 13%,var(--bg)) 0,var(--bg) 90px)}
.ghead{display:flex;flex-wrap:wrap;align-items:center;gap:8px 14px;padding:2px 0 4px}
.ghead h2{margin:0;font-family:var(--display);font-weight:700;font-size:21px;letter-spacing:-.015em;display:flex;align-items:center;gap:10px}
.ghead h2 .sw{width:14px;height:14px;border-radius:4px}
.ghead .gm{color:var(--muted);font-size:13px;font-variant-numeric:tabular-nums}
.ghead .bar{flex:1 1 120px;max-width:260px;height:6px}
.ghead .sp{flex:1}
.ghead .team{font-size:12px;font-weight:700;color:var(--text);border:1px solid var(--dc);border-radius:999px;padding:2px 10px;white-space:nowrap}
.task{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px 14px;align-items:center;background:var(--panel);border:1px solid var(--line);border-left:5px solid var(--line);border-radius:8px;padding:10px 12px}
[data-s="In progress"]{--st:var(--prog)} [data-s="Blocked"]{--st:var(--blocked)} [data-s="Done"]{--st:var(--done)} [data-s="Verified"]{--st:var(--verify)}
.task[data-s],.kc[data-s]{border-left-color:var(--st,var(--line))}
.task.late,.kc.late{border-left-color:var(--over)}
.task.mine,.kc.mine{box-shadow:inset 0 0 0 1px var(--accent)}
.task .t{font-weight:700;line-height:1.3;font-size:16px;letter-spacing:-.005em}
.task[data-s="Done"] .t,.task[data-s="Verified"] .t{text-decoration:line-through;text-decoration-color:var(--muted);color:var(--muted)}
.meta{display:flex;flex-wrap:wrap;gap:4px 12px;margin-top:4px;font-size:12px;color:var(--muted);align-items:center}
.meta .who{color:var(--dc,var(--accent));font-weight:700}
.kc .row .fn{color:var(--dc);font-weight:700}
.meta .due{font-family:var(--mono);font-size:12px}
.dtag{display:inline-flex;align-items:center;gap:5px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--text)}
.left{font-family:var(--mono);font-weight:600;font-size:12px}
.left.warn{color:var(--prog)} .left.late{color:var(--over)}
.ic{display:inline-flex;align-items:center;gap:4px;font-family:var(--mono);font-size:12px}
.ic.full{color:var(--done)}
.chips{display:inline-flex;flex-wrap:wrap;gap:6px}
.chip{font-size:11px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;padding:1px 7px;border-radius:4px;border:1px solid var(--line);color:var(--muted);white-space:nowrap}
.chip.hi{color:var(--accent);border-color:var(--accent)}
.chip.late{background:var(--over);border-color:var(--over);color:#fff}
.chip.blk{color:var(--blocked);border-color:var(--blocked)}
.chip.car{color:var(--prog);border-color:var(--prog)}
.chip.ver{color:var(--verify);border-color:var(--verify)}
.chip.wait{color:var(--prog);border-color:var(--prog);border-style:dashed}
.chip.rec{color:var(--muted)}
.note{font-size:12px;color:var(--muted);margin-top:4px}
.note b{color:var(--blocked)}
.acts{display:flex;flex-wrap:wrap;gap:8px;align-items:center;justify-content:flex-end}
.acts select{min-height:36px;padding:6px 8px;font-size:13px}
@media (max-width:620px){.task{grid-template-columns:minmax(0,1fr)}.acts{justify-content:flex-start}}

/* billboard */
.kan{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(240px,1fr);gap:10px;overflow-x:auto;padding-bottom:10px;align-items:start}
.col{background:var(--panel);border:1px solid var(--line);border-top:4px solid var(--st,var(--line));border-radius:12px;display:flex;flex-direction:column;min-height:360px;transition:background .15s,border-color .15s}
.col.over{background:var(--accentSoft);border-color:var(--accent)}
.col.nodrop{opacity:.6}
.colh{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:10px 12px 6px}
.colh b{font-family:var(--display);font-weight:700;font-size:16px;letter-spacing:-.015em}
.colh span{font-family:var(--mono);font-size:12px;color:var(--muted)}
.colhint{padding:0 12px 6px;font-size:11px;color:var(--muted)}
.cards{display:flex;flex-direction:column;gap:8px;padding:6px 8px 10px;flex:1}
.kc{background:var(--panel2);border:1px solid var(--line);border-left:4px solid var(--line);border-radius:8px;padding:10px;cursor:grab;display:flex;flex-direction:column;gap:6px;user-select:none;box-shadow:inset 0 3px 0 var(--dc)}
.kc.mine{box-shadow:inset 0 3px 0 var(--dc),inset 0 0 0 1px var(--accent)}
.kc:hover{border-color:var(--accent);border-left-color:var(--st,var(--line))}
.kc.late:hover{border-left-color:var(--over)}
.kc.dragging{opacity:.4}
.kc .t{font-weight:700;line-height:1.3;font-size:15px}
.kc .row{display:flex;flex-wrap:wrap;gap:6px 10px;align-items:center;font-size:12px;color:var(--muted)}
.av{width:24px;height:24px;border-radius:50%;background:var(--dc,var(--accent));color:#fff;display:inline-grid;place-items:center;font-size:10px;font-weight:700;flex:0 0 auto;text-shadow:0 1px 1px rgba(0,0,0,.35)}
.kempty{border:1px dashed var(--line);border-radius:8px;padding:14px;color:var(--muted);font-size:12px;text-align:center}

/* people */
.people{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,320px),1fr));gap:12px;align-items:start}
.person{background:var(--panel);border:1px solid var(--line);border-top:4px solid var(--dc);border-radius:12px;padding:14px;display:flex;flex-direction:column;gap:8px;min-width:0}
.person.me{outline:1px solid var(--accent)}
.phead{display:flex;justify-content:space-between;align-items:flex-start;gap:10px}
.phead b{font-size:15px} .phead .role{font-size:12px;color:var(--muted);display:flex;align-items:center;gap:6px;margin-top:2px}
.ppct{font-family:var(--display);font-weight:700;font-size:24px;line-height:1;color:var(--text);font-variant-numeric:tabular-nums}
.plist{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:4px}
.plist button{all:unset;box-sizing:border-box;width:100%;display:grid;grid-template-columns:10px minmax(0,1fr) auto;gap:8px;align-items:start;font-size:14.5px;padding:6px 8px;border-radius:6px;cursor:pointer;background:var(--panel2)}
.plist button:hover{background:color-mix(in srgb,var(--accent) 14%,var(--panel2))}
.plist button:focus-visible{outline:2px solid var(--accent)}
.dot{width:10px;height:10px;border-radius:50%;background:var(--st,var(--line));margin-top:4px;display:inline-block}
.plist .d{font-family:var(--mono);font-size:11px;color:var(--muted);white-space:nowrap}
.plist .d.late{color:var(--over);font-weight:600}
.plist .done .tt{color:var(--muted);text-decoration:line-through}

/* workload */
.wl{background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:6px 14px 10px}
.wlrow{display:grid;grid-template-columns:minmax(140px,210px) minmax(0,1fr) auto;gap:6px 14px;align-items:center;padding:10px 0;border-top:1px solid var(--line)}
.wlrow:first-of-type{border-top:0}
.wlname{display:flex;flex-direction:column;gap:2px;min-width:0}
.wlname b{font-size:14px;display:flex;align-items:center;gap:8px}
.wlname span{font-size:12px;color:var(--muted)}
.wlbar{display:flex;gap:2px;height:16px;align-items:stretch}
.wlbar i{display:block;min-width:4px;background:var(--st,var(--line))}
.wlbar i:first-child{border-radius:4px 0 0 4px} .wlbar i:last-child{border-radius:0 4px 4px 0} .wlbar i:only-child{border-radius:4px}
.wlbar .zero{font-size:12px;color:var(--muted);align-self:center;white-space:nowrap}
.wlnums{display:flex;gap:10px;font-size:12px;color:var(--muted);font-variant-numeric:tabular-nums;white-space:nowrap;align-items:center}
.wlnums b{color:var(--text);font-size:15px}
.flag{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;border-radius:4px;padding:1px 7px;border:1px solid}
.flag.hot{color:var(--over);border-color:var(--over)} .flag.free{color:var(--done);border-color:var(--done)}
@media (max-width:640px){.wlrow{grid-template-columns:minmax(0,1fr) auto}.wlbar{grid-column:1/-1;grid-row:2}}

/* check-in */
.ckhead{display:flex;flex-wrap:wrap;gap:10px 16px;align-items:center;background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:12px 14px}
.ckhead h2{margin:0;font-family:var(--display);font-weight:700;font-size:19px;letter-spacing:-.015em}
.ckhead .sp{flex:1}
.ckform{background:var(--panel);border:1px solid var(--accent);border-radius:12px;padding:14px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.ckform h3{grid-column:1/-1;margin:0;font-size:15px}
.ckform label{display:flex;flex-direction:column;gap:4px;font-size:12px;color:var(--muted);font-weight:600;min-width:0}
.ckform .frow{grid-column:1/-1}
@media (max-width:700px){.ckform{grid-template-columns:1fr}}
.ckgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,300px),1fr));gap:10px;align-items:start}
.ck{background:var(--panel);border:1px solid var(--line);border-top:4px solid var(--dc);border-radius:12px;padding:12px 14px;display:flex;flex-direction:column;gap:8px;min-width:0}
.ck.missing{background:linear-gradient(180deg,var(--accentSoft),var(--panel) 60px)}
.ck .h{display:flex;justify-content:space-between;gap:8px;align-items:flex-start}
.ck dl{margin:0;display:grid;gap:6px}
.ck dt{font-size:11px;text-transform:uppercase;letter-spacing:.1em;color:var(--muted);font-weight:700}
.ck dd{margin:0;white-space:pre-wrap;word-break:break-word;font-size:13px}
.ck dd.blk{color:var(--blocked)}
.st-ok{color:var(--done);border-color:var(--done)} .st-miss{background:var(--over);color:#fff;border-color:var(--over)} .st-pend{color:var(--prog);border-color:var(--prog)}

/* scorecard */
.tablewrap{overflow-x:auto;border:1px solid var(--line);border-radius:10px;background:var(--panel)}
table{border-collapse:collapse;width:100%;min-width:640px;font-variant-numeric:tabular-nums}
th,td{padding:10px 12px;border-bottom:1px solid var(--line);text-align:left}
th{font-size:11px;text-transform:uppercase;letter-spacing:.1em;color:var(--muted);background:var(--panel2)}
td.n,th.n{text-align:right}
tr.dept td{background:color-mix(in srgb,var(--dc) 14%,var(--panel));font-weight:700}
tr.dept td:first-child{box-shadow:inset 4px 0 0 var(--dc)}
tr:last-child td{border-bottom:0}
.pbar{display:flex;align-items:center;gap:10px;min-width:160px}
.pbar .bar{flex:1;height:8px}
.pbar .bar>i{background:var(--dc)}
.pbar b{width:44px;text-align:right}
.bad{color:var(--over);font-weight:700}

/* activity */
.feed{display:flex;flex-direction:column;gap:2px;background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:6px 14px}
.fday{font-family:var(--display);font-weight:700;font-size:14px;letter-spacing:-.015em;color:var(--muted);padding:10px 0 4px}
.fitem{display:grid;grid-template-columns:52px minmax(0,1fr);gap:10px;padding:7px 0;border-top:1px solid var(--line);font-size:13px}
.fitem time{font-family:var(--mono);font-size:12px;color:var(--muted)}
.fitem b{font-weight:600}
.fitem button{all:unset;cursor:pointer;color:var(--text);background:var(--panel2);border:1px solid var(--line);border-radius:6px;padding:1px 8px;font-size:12px}
.fitem button:hover{border-color:var(--accent)}

/* admin panels */
.panel{background:var(--panel);border:1px solid var(--accent);border-radius:12px;padding:14px 16px;display:flex;flex-direction:column;gap:12px}
.panel h2{margin:0;font-family:var(--display);font-weight:700;font-size:19px;letter-spacing:-.015em}
.tphead{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:8px}
.trow{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr) minmax(0,1.2fr) auto;gap:8px;align-items:center}
.trow input,.trow select{width:100%;min-width:0}
.trow .tacts{display:flex;gap:6px;justify-content:flex-end;align-items:center}
.trow.new{background:var(--accentSoft);border-radius:10px;padding:10px}
.rrow{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1.2fr) minmax(0,1.3fr) minmax(0,.9fr) auto;gap:8px;align-items:center}
.rrow .w{grid-column:1/-2}
.rrow input,.rrow select{width:100%;min-width:0}
.rrow .tacts{display:flex;gap:6px;justify-content:flex-end}
.rrow.new{background:var(--accentSoft);border-radius:10px;padding:10px}
.rbox{border:1px solid var(--line);border-radius:10px;padding:10px;display:flex;flex-direction:column;gap:8px}
.tcount{font-family:var(--mono);font-size:12px;color:var(--muted);white-space:nowrap}
.tlist{display:flex;flex-direction:column;gap:6px}
@media (max-width:640px){.trow{grid-template-columns:1fr 1fr}.trow .tacts{grid-column:1/-1;justify-content:flex-start}.trow>input:first-child{grid-column:1/-1}.rrow{grid-template-columns:1fr 1fr}.rrow>*:first-child,.rrow .w,.rrow .tacts{grid-column:1/-1}.rrow .tacts{justify-content:flex-start}}

/* drawer */
.drawer{position:fixed;inset:0;z-index:20;display:flex;justify-content:flex-end;background:var(--scrim)}
.dpanel{width:min(600px,100%);height:100%;overflow-y:auto;background:var(--bg);border-left:1px solid var(--line);border-top:5px solid var(--dc);padding:calc(env(safe-area-inset-top,0px) + 18px) 18px calc(env(safe-area-inset-bottom,0px) + 28px);display:flex;flex-direction:column;gap:16px}
.dtop{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}
.dtop h2{margin:0;font-family:var(--display);font-weight:700;font-size:22px;line-height:1.05;letter-spacing:-.015em;text-wrap:balance}
.dtop .x{background:var(--panel2);border:1px solid var(--line);border-radius:8px;min-width:40px;min-height:40px;cursor:pointer;font-size:20px;color:var(--muted)}
.dsec{background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:14px;display:flex;flex-direction:column;gap:10px}
.dsec h3{margin:0;font-size:12px;text-transform:uppercase;letter-spacing:.12em;color:var(--muted);font-weight:700;display:flex;justify-content:space-between;gap:8px}
.accbox{border-color:var(--prog);display:flex;flex-direction:row;flex-wrap:wrap;align-items:center;gap:10px}
.accbox p{margin:0;flex:1 1 220px}
.fgrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.fgrid label{display:flex;flex-direction:column;gap:4px;font-size:12px;color:var(--muted);font-weight:600;min-width:0}
.fgrid label>*{width:100%}
.fgrid .w2{grid-column:1/-1}
.frow{display:flex;flex-wrap:wrap;gap:8px;align-items:center;justify-content:flex-end}
.msg{flex:1 1 200px;color:var(--over);font-size:13px;font-weight:600}
@media (max-width:480px){.fgrid{grid-template-columns:1fr}}
.cl{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:4px}
.cl li{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:10px;align-items:center;padding:4px 0}
.cl input[type=checkbox]{width:18px;height:18px;accent-color:var(--done)}
.cl li.ok span{color:var(--muted);text-decoration:line-through}
.cl .rm{background:var(--panel2);border:0;color:var(--muted);cursor:pointer;min-width:32px;min-height:32px;border-radius:6px;font-size:16px}
.cl .rm:hover{color:var(--over)}
.inl{display:flex;gap:8px}
.inl input{flex:1;min-width:0}
.cm{display:flex;flex-direction:column;gap:10px}
.cmi{display:grid;grid-template-columns:28px minmax(0,1fr);gap:10px}
.cmi .av{width:28px;height:28px;font-size:11px;background:var(--accent)}
.cmi .h{font-size:12px;color:var(--muted)} .cmi .h b{color:var(--text);font-weight:600}
.cmi p{margin:2px 0 0;white-space:pre-wrap;word-break:break-word}
.log{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px;font-size:12.5px;color:var(--muted)}
.log b{color:var(--text);font-weight:600}
.log time{font-family:var(--mono);font-size:11px;margin-right:6px}
.hint{font-size:12px;color:var(--muted)}

.empty{background:var(--panel);border:1px dashed var(--line);border-radius:12px;padding:26px 20px;color:var(--muted);text-align:center;line-height:1.6}
.empty b{color:var(--text)}
.legend{display:flex;flex-wrap:wrap;gap:6px 16px;font-size:12px;color:var(--muted)}
.legend span{display:inline-flex;align-items:center;gap:6px}
.legend .dot{margin-top:0}
.addp{display:flex;flex-wrap:wrap;gap:8px;align-items:center;background:var(--panel);border:1px dashed var(--line);border-radius:10px;padding:10px 12px}
.toast{position:fixed;left:50%;transform:translateX(-50%);bottom:calc(env(safe-area-inset-bottom,0px) + 18px);background:var(--text);color:var(--bg);padding:10px 16px;border-radius:8px;font-weight:700;z-index:40;max-width:calc(100% - 32px)}

/* KPIs */
.kbar{display:flex;flex-wrap:wrap;gap:10px 16px;align-items:center;background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:12px 14px}
.kbar h2{margin:0;font-family:var(--display);font-weight:700;font-size:19px;letter-spacing:-.015em}
.kbar .big{font-family:var(--display);font-weight:700;font-size:27px;line-height:1;color:var(--accent);font-variant-numeric:tabular-nums}
.kbar .sp{flex:1}
.kgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,500px),1fr));gap:12px;align-items:start}
.kpi{background:var(--panel);border:1px solid var(--line);border-top:5px solid var(--ks,var(--line));border-radius:12px;padding:14px;display:flex;flex-direction:column;gap:10px;min-width:0}
.kpi[data-k="ok"]{--ks:var(--done)} .kpi[data-k="behind"]{--ks:var(--over)} .kpi[data-k="track"]{--ks:var(--prog)} .kpi[data-k="none"]{--ks:var(--line)}
.khead{display:flex;justify-content:space-between;gap:10px;align-items:flex-start}
.khead h3{margin:0;font-size:17px;font-weight:700}
.khead .own{font-size:12px;color:var(--muted);margin-top:2px}
.kst{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;border-radius:4px;padding:2px 8px;border:1px solid var(--ks);color:var(--ks);white-space:nowrap}
.knum{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap}
.knum b{font-family:var(--display);font-weight:700;font-size:32px;line-height:1;font-variant-numeric:tabular-nums}
.knum span{color:var(--muted);font-size:13px}
.kprog{position:relative;height:12px;border-radius:6px;background:var(--panel2);overflow:visible}
.kprog>i{position:absolute;left:0;top:0;bottom:0;border-radius:6px;background:var(--ks,var(--accent))}
.kprog>u{position:absolute;top:-4px;bottom:-4px;width:2px;background:var(--text);text-decoration:none}
.kout{width:100%;border-collapse:collapse;font-size:13px;min-width:0}
.kout td{padding:6px 4px;border-bottom:1px solid var(--line)}
.kout tr:last-child td{border-bottom:0}
.kout .n{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap;width:1%}
.kout .mb{width:34%}
.mini{height:6px;border-radius:3px;background:var(--panel2);overflow:hidden}
.mini>i{display:block;height:100%;border-radius:3px;background:var(--ks,var(--accent))}
.kform{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;background:var(--panel2);border:1px solid var(--accent);border-radius:10px;padding:10px}
.kform label{display:flex;flex-direction:column;gap:4px;font-size:12px;color:var(--muted);font-weight:600;min-width:0}
.kform label>*{width:100%}
.kform .w2{grid-column:span 2} .kform .w4{grid-column:1/-1}
@media (max-width:560px){.kform{grid-template-columns:1fr 1fr}.kform .w2{grid-column:1/-1}}
.khist{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px;font-size:13px}
.khist li{display:grid;grid-template-columns:62px minmax(0,1fr) auto;gap:8px;align-items:start;border-top:1px solid var(--line);padding-top:6px}
.khist time{font-family:var(--mono);font-size:12px;color:var(--muted)}
.khist .q{font-family:var(--mono);font-weight:700;color:var(--done)}
.tgrid{overflow-x:auto;border:1px solid var(--line);border-radius:10px}
.tgrid table{min-width:720px}
.tgrid input{width:80px;text-align:right}
.owners{display:flex;flex-wrap:wrap;gap:6px}
.owners label{display:inline-flex;align-items:center;gap:5px;font-size:12px;border:1px solid var(--line);border-radius:999px;padding:3px 10px;cursor:pointer}
.owners input{accent-color:var(--accent)}
.krow{display:flex;flex-direction:column;gap:8px;border:1px solid var(--line);border-radius:10px;padding:10px}
.krow .top{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1fr) auto;gap:8px}
@media (max-width:560px){.krow .top{grid-template-columns:1fr}}

.seg{display:inline-flex;border:1px solid var(--line);border-radius:8px;overflow:hidden}
.seg button{background:var(--panel2);border:0;color:var(--muted);font-weight:700;font-size:13px;padding:0 12px;min-height:36px;cursor:pointer}
.seg button[aria-pressed="true"]{background:var(--accent);color:var(--accentInk)}
.kmatrix table{min-width:760px}
.kmatrix th.c,.kmatrix td.c{text-align:center}
.kmatrix td{vertical-align:middle}
.kmatrix .na{color:var(--muted);font-size:12px}
.kcell{background:color-mix(in srgb,var(--ks) 16%,var(--panel));text-align:center;min-width:110px}
.kcell b{font-family:var(--display);font-size:19px;font-weight:700;font-variant-numeric:tabular-nums}
.kcell .of{color:var(--muted);font-size:13px;margin-left:2px;font-variant-numeric:tabular-nums}
.kcell .mini{margin:4px auto 3px;max-width:90px}
.kcell .lab{display:block;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--text)}
.kmatrix .sc b{font-family:var(--display);font-size:19px;font-weight:700;color:var(--ks)}
.kmatrix tr.tot td{background:var(--panel2);font-weight:700;border-top:2px solid var(--line)}
.kmatrix tr.tot td.kcell{background:color-mix(in srgb,var(--ks) 16%,var(--panel2))}
.olink{all:unset;cursor:pointer;font-weight:700;display:inline-flex;align-items:center;gap:8px;background:var(--panel2);border:1px solid var(--line);border-radius:6px;padding:4px 10px}
.olink:hover{color:var(--accent)} .olink:focus-visible{outline:2px solid var(--accent)}
.rk{font-family:var(--mono);font-size:11px;color:var(--muted);min-width:20px}
.osecs{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,520px),1fr));gap:12px;align-items:start}
.osec{background:var(--panel);border:1px solid var(--line);border-top:5px solid var(--ks);border-radius:12px;padding:14px;display:flex;flex-direction:column;gap:4px;scroll-margin-top:16px;min-width:0}
.ohead{display:flex;justify-content:space-between;align-items:flex-start;gap:10px;padding-bottom:6px}
.ohead h3{margin:0;font-family:var(--display);font-weight:700;font-size:21px;letter-spacing:-.015em}
.oscore{font-family:var(--display);font-weight:700;font-size:29px;line-height:1;color:var(--ks);font-variant-numeric:tabular-nums}
.orow{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(80px,1fr) auto auto;gap:6px 12px;align-items:center;padding:10px 0;border-top:1px solid var(--line)}
.orow .on{display:flex;flex-direction:column;min-width:0}
.orow .onum{font-variant-numeric:tabular-nums;white-space:nowrap;color:var(--muted)} .orow .onum b{color:var(--text);font-size:16px}
.orow .oacts{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:6px}
.orow .oacts .ghost{min-height:32px}
.orow .ofull{grid-column:1/-1}
@media (max-width:520px){.orow{grid-template-columns:minmax(0,1fr) auto}.orow .ob{grid-column:1/-1;grid-row:2}}

.btool{display:flex;flex-wrap:wrap;gap:10px;align-items:center}
.btool .sp{flex:1}
.bfilters{display:flex;flex-wrap:wrap;gap:6px;align-items:center}
.bf{display:inline-flex;align-items:center;gap:6px;background:var(--panel2);border:1px solid var(--line);border-radius:999px;padding:0 12px;min-height:34px;font-weight:600;font-size:13px;cursor:pointer;color:var(--text)}
.bf span{font-family:var(--mono);font-size:11px;color:var(--muted);background:var(--panel);border-radius:999px;padding:0 6px}
.bf:hover{border-color:var(--accent)}
.bf[aria-pressed="true"]{background:var(--accent);border-color:var(--accent);color:var(--accentInk)}
.bf[aria-pressed="true"] span{background:rgba(0,0,0,.2);color:var(--accentInk)}
.bf.warn:not([aria-pressed="true"]) span{color:var(--over)}
.lane{border:1px solid var(--line);border-top:4px solid var(--dc);border-radius:12px;padding:10px;background:linear-gradient(180deg,color-mix(in srgb,var(--dc) 10%,var(--bg)) 0,var(--bg) 70px);display:flex;flex-direction:column;gap:8px}
.lhead{display:flex;flex-wrap:wrap;align-items:center;gap:8px 10px}
.lhead b{font-size:15px}
.lanek .col{min-height:0}
.lanek .colh{padding:8px 10px 4px}
.lanek .colh b{font-size:16px}
.age{font-family:var(--mono);font-size:11px;color:var(--muted)}
.age.stuck{color:var(--over);font-weight:700}
.kc:has(.age.stuck){outline:1px dashed var(--over);outline-offset:-1px}

.plist li.phi button{background:color-mix(in srgb,var(--accent) 20%,var(--panel2));box-shadow:inset 3px 0 0 var(--accent);font-weight:600}
.plist li.plo button{opacity:.85}
.plist .pp{display:inline-block;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;border:1px solid var(--line);color:var(--muted);border-radius:4px;padding:0 5px;margin-right:6px;vertical-align:1px}
.plist li.phi .pp{background:var(--accent);border-color:var(--accent);color:var(--accentInk)}
.people.solo{grid-template-columns:minmax(0,760px)}
.people.solo .plist button{font-size:14px;padding:9px 10px}

html,body{margin:0}
body{-webkit-text-size-adjust:100%}
img{max-width:100%}
[hidden]{display:none!important}
:root{padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px)}
.login{position:fixed;inset:0;z-index:50;background:var(--bg);display:grid;place-items:center;padding:16px;overflow:auto}
.lgcard{width:min(420px,100%);background:var(--panel);border:1px solid var(--line);border-top:5px solid var(--accent);border-radius:14px;padding:24px;display:flex;flex-direction:column;gap:12px}
.lgcard label{display:flex;flex-direction:column;gap:4px;font-size:12px;color:var(--muted);font-weight:600}
.lgcard .msg{flex:0 0 auto}.lgcard .msg:empty{display:none}
.lgcard input{min-height:46px}
.lgcard input{font-size:16px}
.whobox{display:flex;flex-wrap:wrap;align-items:center;gap:8px;font-size:13px}
.whobox b{color:var(--text)}
.tmember{display:flex;flex-direction:column;gap:6px;border:1px solid var(--line);border-radius:10px;padding:8px}
.acct{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.acctf{display:flex;flex-wrap:wrap;gap:8px;align-items:center;background:var(--panel2);border:1px solid var(--accent);border-radius:8px;padding:8px}
.acctf input,.acctf select{flex:1 1 150px;min-width:0}
.pwgrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.pwgrid label{display:flex;flex-direction:column;gap:4px;font-size:12px;color:var(--muted);font-weight:600}
@media (max-width:620px){.pwgrid{grid-template-columns:1fr}}

.vlbox{border:1px solid var(--line);border-radius:10px;padding:12px;display:flex;flex-direction:column;gap:10px;background:var(--panel2)}
.vlbox.on{border-color:var(--done)}
.vlurl{display:flex;gap:8px;flex-wrap:wrap}
.vlurl input{flex:1 1 260px;min-width:0;font-family:var(--mono);font-size:12px}

.modal{position:fixed;inset:0;z-index:60;background:var(--scrim);display:grid;place-items:center;padding:16px}
.mcard{width:min(440px,100%);background:var(--panel);border:1px solid var(--line);border-top:5px solid var(--prog);border-radius:14px;padding:20px;display:flex;flex-direction:column;gap:12px}
.mcard h2{margin:0;font-family:var(--display);font-weight:700;font-size:21px}
.mcard p{margin:0;color:var(--muted)}
.sch{display:flex;align-items:baseline;gap:6px 12px;flex-wrap:wrap;margin:0 0 10px}.sch h2{margin:0;font-family:var(--display);font-weight:700;font-size:19px;letter-spacing:-.015em}
.cmcard{border-top-color:var(--accent)}
.cmlist{margin:0;padding:10px 12px 10px 28px;background:var(--panel2);border:1px solid var(--line);border-radius:10px;max-height:220px;overflow:auto;display:flex;flex-direction:column;gap:6px;font-size:14px}
.cmcard .frow{justify-content:flex-end}
.dangerbtn{background:var(--over);border-color:var(--over)}
.mtrow{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}
.mtrow>div{display:flex;flex-direction:column;gap:2px;flex:1 1 240px}
.mcard p b{color:var(--text)}

.ronote{margin:0;padding:8px 10px;border:1px dashed var(--line);border-radius:8px}
.ronote b{color:var(--text)}

body.teammode .stats,body.teammode .tabs,body.teammode .toolbar,body.teammode #view,body.teammode #legend,body.teammode #recPanel{display:none!important}
body.teammode .teamp,body.teammode #teamPanel{border-color:var(--line)}
#teamBtn.on{background:var(--accent);border-color:var(--accent);color:var(--accentInk)}
.roles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.roles>div{background:var(--panel2);border:1px solid var(--line);border-radius:10px;padding:10px 12px;display:flex;flex-direction:column;gap:2px}
.roles b{font-size:14px} .roles span{font-size:12px;color:var(--muted)}
@media (max-width:700px){.roles{grid-template-columns:1fr}}

.themebtn svg{flex:0 0 auto}

.privchk{display:inline-flex;align-items:center;gap:5px;font-size:12px;color:var(--muted);white-space:nowrap;cursor:pointer}
.privchk input{accent-color:var(--accent)}
.rolesel{display:inline-flex;align-items:center;gap:6px;font-size:12px;color:var(--muted);font-weight:600}
.rolesel select{min-height:34px;padding:4px 8px;font-weight:700}

.avimg{width:24px;height:24px;border-radius:50%;object-fit:cover;flex:0 0 auto;display:inline-block;background:var(--panel2);border:1px solid var(--line)}
.av.lg,.avimg.lg{width:44px;height:44px;font-size:15px}
.av.xl,.avimg.xl{width:88px;height:88px;font-size:28px}
.cmi .avimg{width:28px;height:28px}
.pright{display:flex;align-items:center;gap:10px}
.contact{display:flex;flex-wrap:wrap;gap:4px 12px;font-size:12px;color:var(--muted);margin-top:4px}
.contact span{display:inline-flex;align-items:center;gap:4px}
.contact b{color:var(--text);font-weight:600}
.profgrid{display:grid;grid-template-columns:auto minmax(0,1fr);gap:16px;align-items:start}
.photo{display:flex;flex-direction:column;align-items:center;gap:8px}
.photo input[type=file]{display:none}
.pf{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.pf label{display:flex;flex-direction:column;gap:4px;font-size:12px;color:var(--muted);font-weight:600;min-width:0}
.pf .w2{grid-column:1/-1}
@media (max-width:560px){.profgrid{grid-template-columns:1fr}.photo{flex-direction:row}.pf{grid-template-columns:1fr}}
.tmember .mhead{display:flex;align-items:center;gap:10px}
.tmember .mhead b{font-size:15px}
.tmember .mhead .sp{flex:1}

.bdwrap{position:relative;display:inline-flex}
.bdbtn{color:var(--prog);border-color:var(--prog);background:color-mix(in srgb,var(--prog) 16%,var(--panel));font-weight:700;animation:bdpulse 1.6s ease-in-out infinite}
.bdbtn.today{color:var(--accentInk);background:var(--accent);border-color:var(--accent);animation:bdpulse-hot 1s ease-in-out infinite}
.bdbtn svg{flex:0 0 auto}
@keyframes bdpulse{0%,100%{box-shadow:0 0 0 0 color-mix(in srgb,var(--prog) 55%,transparent)}50%{box-shadow:0 0 0 6px transparent;filter:brightness(1.18)}}
@keyframes bdpulse-hot{0%,100%{box-shadow:0 0 0 0 color-mix(in srgb,var(--accent) 60%,transparent);transform:scale(1)}50%{box-shadow:0 0 0 7px transparent;transform:scale(1.05)}}
@media (prefers-reduced-motion:reduce){.bdbtn,.bdbtn.today{animation:none}}
.bdpop{position:absolute;right:0;top:calc(100% + 8px);z-index:40;max-height:min(70vh,520px);overflow-y:auto;width:min(340px,calc(100vw - 32px));background:var(--panel);border:1px solid var(--line);border-top:4px solid var(--prog);border-radius:12px;padding:12px;box-shadow:0 12px 32px rgba(0,0,0,.35);display:flex;flex-direction:column;gap:8px}
.bdpop h3{margin:0;font-family:var(--display);font-weight:700;font-size:18px;letter-spacing:-.015em}
.bdrow{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:10px;align-items:center;padding:8px;border-radius:8px;background:var(--panel2)}
.bdrow.today{background:color-mix(in srgb,var(--accent) 20%,var(--panel2));box-shadow:inset 3px 0 0 var(--accent)}
.bdrow b{display:block;font-size:14px}
.bdrow .when{font-family:var(--mono);font-size:12px;color:var(--muted);text-align:right;white-space:nowrap}
.bdrow.today .when{color:var(--accent);font-weight:700}
@media (max-width:560px){.bdpop{position:fixed;left:16px;right:16px;top:auto;width:auto}}

.evmonth{font-family:var(--display);font-weight:700;font-size:18px;letter-spacing:-.015em;color:var(--muted);padding:10px 2px 2px}
.evlist{display:flex;flex-direction:column;gap:8px}
.evrow{display:grid;grid-template-columns:64px minmax(0,1fr) auto;gap:12px;align-items:center;background:var(--panel);border:1px solid var(--line);border-left:5px solid var(--prog);border-radius:10px;padding:10px 12px}
.evrow.soon{border-left-color:var(--accent);background:color-mix(in srgb,var(--accent) 7%,var(--panel))}
.evdate{display:flex;flex-direction:column;align-items:center;justify-content:center;background:var(--panel2);border:1px solid var(--line);border-radius:10px;padding:6px 0;line-height:1}
.evdate b{font-family:var(--display);font-weight:700;font-size:22px}
.evdate span{font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);font-weight:700;margin-top:2px}
.evtitle{display:flex;flex-wrap:wrap;align-items:center;gap:6px 8px}
.evtitle b{font-size:15px}
.evtasks{display:flex;flex-wrap:wrap;gap:6px;margin-top:6px}
.evt{display:inline-flex;align-items:center;gap:6px;background:var(--panel2);border:1px solid var(--line);border-radius:999px;padding:2px 10px;font-size:12px;cursor:pointer;color:var(--text)}
.evt:hover{border-color:var(--accent)}
.evt .dot{margin-top:0}
.evside{display:flex;flex-direction:column;align-items:flex-end;gap:6px}
.evform{border-color:var(--accent)}
@media (max-width:620px){.evrow{grid-template-columns:52px minmax(0,1fr)}.evside{grid-column:1/-1;flex-direction:row;justify-content:flex-start}}

body.evmode .stats,body.evmode .toolbar,body.evmode #legend,body.evmode #teamPanel,body.evmode #recPanel{display:none!important}
.evpage{display:flex;flex-direction:column;gap:14px;--gold:var(--prog)}
.evhero{position:relative;display:grid;grid-template-columns:minmax(0,1.4fr) minmax(240px,1fr);gap:16px;align-items:stretch;border-radius:16px;padding:20px;border:1px solid color-mix(in srgb,var(--gold) 45%,var(--line));
  background:radial-gradient(120% 140% at 100% 0%,color-mix(in srgb,var(--gold) 26%,transparent) 0,transparent 55%),linear-gradient(135deg,color-mix(in srgb,var(--gold) 10%,var(--panel)),var(--panel))}
.evhero h2{margin:2px 0 6px;font-family:var(--display);font-weight:700;font-size:35px;line-height:1.1;letter-spacing:-.015em}
.evhero p{margin:0 0 12px;max-width:60ch}
.evh-l{display:flex;flex-direction:column;justify-content:center}
.btn.gold{background:var(--gold);color:#1b1206}
.evnext{all:unset;box-sizing:border-box;cursor:pointer;display:flex;flex-direction:column;gap:4px;justify-content:center;background:var(--bg);border:1px solid color-mix(in srgb,var(--gold) 55%,var(--line));border-radius:14px;padding:16px;min-width:0}
.evnext[disabled]{cursor:default}
.evnext:not([disabled]):hover{border-color:var(--gold)}
.evnext:focus-visible{outline:2px solid var(--gold)}
.evnext b{font-size:18px}
.evnext .big{font-family:var(--display);font-weight:700;font-size:37px;line-height:1;color:var(--gold);font-variant-numeric:tabular-nums}
.evowner{display:flex;align-items:center;gap:8px;font-size:13px;margin-top:4px}
.evtiles .rtile{border-top:3px solid var(--gold)}
.evchips{display:flex;flex-wrap:wrap;gap:6px}
.evchip{display:inline-flex;align-items:center;gap:8px;background:var(--panel2);border:1px solid var(--line);border-radius:999px;padding:0 14px;min-height:38px;font-weight:700;font-size:13px;cursor:pointer;color:var(--text)}
.evchip span{font-family:var(--mono);font-size:11px;color:var(--muted);background:var(--panel);border-radius:999px;padding:0 7px}
.evchip:hover{border-color:var(--gold)}
.evchip[aria-pressed="true"]{background:var(--gold);border-color:var(--gold);color:#1b1206}
.evchip[aria-pressed="true"] span{background:rgba(0,0,0,.18);color:#1b1206}
.evstrip{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:6px}
.evm{display:flex;flex-direction:column;align-items:center;gap:2px;padding:8px 0;border-radius:10px;border:1px solid var(--line);background:var(--panel);color:var(--muted);cursor:pointer;font-size:11px;text-transform:uppercase;letter-spacing:.06em;font-weight:700}
.evm b{font-family:var(--display);font-size:16px;color:var(--muted)}
.evm.has{border-color:color-mix(in srgb,var(--gold) 60%,var(--line));background:color-mix(in srgb,var(--gold) 12%,var(--panel));color:var(--text)}
.evm.has b{color:var(--gold)}
.evm[disabled]{cursor:default;opacity:.7}
.evdate i{font-style:normal;font-size:10px;color:var(--muted);text-transform:uppercase;letter-spacing:.06em;margin-top:2px}
.evpage .evrow{border-left-color:var(--gold)}
.evpage .evrow.soon{border-left-color:var(--accent)}
.evpage .evmonth{color:var(--gold)}
.evprog{margin-top:6px;max-width:320px}
.evprog .bar{height:6px}
.evprog .bar>i{background:var(--gold)}
@media (max-width:760px){.evhero{grid-template-columns:1fr}.evhero h2{font-size:34px}.evstrip{grid-template-columns:repeat(6,minmax(0,1fr))}}

/* KPI page */
body.kpimode .stats,body.kpimode .toolbar,body.kpimode #legend,body.kpimode #recPanel{display:none!important}
.kpipage{display:flex;flex-direction:column;gap:14px;--kc:var(--d-fin)}
.kpihero{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:20px;align-items:center;border-radius:16px;padding:20px 22px;border:1px solid color-mix(in srgb,var(--kc) 45%,var(--line));
  background:radial-gradient(110% 150% at 0% 0%,color-mix(in srgb,var(--kc) 22%,transparent) 0,transparent 55%),linear-gradient(135deg,color-mix(in srgb,var(--kc) 8%,var(--panel)),var(--panel))}
.kpihero h2{margin:2px 0 6px;font-family:var(--display);font-weight:700;font-size:35px;line-height:1.1;letter-spacing:-.015em}
.kring{--p:0;width:148px;height:148px;border-radius:50%;background:conic-gradient(var(--kc) calc(var(--p)*1%),color-mix(in srgb,var(--kc) 14%,var(--panel2)) 0);display:grid;place-items:center;position:relative;flex:0 0 auto}
.kring::before{content:"";position:absolute;inset:12px;border-radius:50%;background:var(--panel)}
.kring>div{position:relative;display:flex;flex-direction:column;align-items:center;text-align:center}
.kring b{font-family:var(--display);font-weight:700;font-size:32px;line-height:1;color:var(--kc);font-variant-numeric:tabular-nums}
.kring span{font-size:10px;color:var(--muted);text-transform:uppercase;letter-spacing:.08em;font-weight:700;max-width:90px;margin-top:4px}
.kpipage .rtile{border-top:3px solid var(--kc)}
.kpipage .seg button[aria-pressed="true"]{background:var(--kc);color:var(--bg)}
.kpipage .kmatrix th{background:color-mix(in srgb,var(--kc) 14%,var(--panel2))}
@media (max-width:640px){.kpihero{grid-template-columns:1fr}.kring{width:118px;height:118px;justify-self:start}.kring b{font-size:32px}.kpihero h2{font-size:34px}}

/* Checklist page */
body.clmode .stats,body.clmode .toolbar,body.clmode #legend,body.clmode #recPanel{display:none!important}
.clpage{display:flex;flex-direction:column;gap:14px;--cc:var(--verify)}
.clhero{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:20px;align-items:center;border-radius:16px;padding:20px 22px;border:1px solid color-mix(in srgb,var(--cc) 45%,var(--line));
  background:radial-gradient(110% 150% at 100% 0%,color-mix(in srgb,var(--cc) 22%,transparent) 0,transparent 55%),linear-gradient(135deg,color-mix(in srgb,var(--cc) 8%,var(--panel)),var(--panel))}
.clhero h2{margin:2px 0 6px;font-family:var(--display);font-weight:700;font-size:35px;line-height:1.1;letter-spacing:-.015em}
.clsum{display:grid;grid-template-columns:repeat(3,auto);gap:10px}
.clsum>div{display:flex;flex-direction:column;align-items:center;background:var(--bg);border:1px solid color-mix(in srgb,var(--cc) 40%,var(--line));border-radius:12px;padding:10px 14px;min-width:84px}
.clsum b{font-family:var(--display);font-weight:700;font-size:26px;line-height:1;color:var(--cc);font-variant-numeric:tabular-nums}
.clsum span{font-size:11px;color:var(--muted);text-transform:uppercase;letter-spacing:.06em;font-weight:700;margin-top:4px;text-align:center}
.btn.blue{background:var(--cc,var(--verify));color:var(--bg)}
.cltiles{grid-template-columns:repeat(2,minmax(0,1fr))}
.cltiles .rtile{border-top:3px solid var(--cc)}
.clpage .seg button[aria-pressed="true"]{background:var(--cc);color:var(--bg)}
.clform{border-color:var(--cc)}
.clgroup{display:flex;flex-direction:column;gap:6px;border:1px solid var(--line);border-top:4px solid var(--dc);border-radius:12px;padding:10px 12px;background:var(--bg)}
.clghead{display:flex;align-items:center;gap:8px;padding:2px 0 4px}
.clghead b{font-family:var(--display);font-weight:700;font-size:16px;letter-spacing:-.015em}
.clrow{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:12px;align-items:center;background:var(--panel);border:1px solid var(--line);border-radius:10px;padding:10px 12px}
.clrow.paused{opacity:.6}
.cltitle{display:flex;flex-wrap:wrap;align-items:center;gap:6px 8px}
.cltitle b{font-size:16px}
.chip.cw{color:var(--cc);border-color:var(--cc)} .chip.cm{color:var(--d-hr);border-color:var(--d-hr)}
.clside{display:flex;flex-direction:column;align-items:flex-end;gap:6px}
.clacts{display:flex;gap:6px}
.clstat{display:inline-flex;align-items:center;gap:6px;background:var(--panel2);border:1px solid var(--st,var(--line));border-radius:999px;padding:3px 10px;font-size:12px;font-weight:700;cursor:pointer;color:var(--text)}
.clstat .dot{margin-top:0}
@media (max-width:640px){.clhero{grid-template-columns:1fr}.clhero h2{font-size:34px}.clsum>div{min-width:0;padding:8px 10px}.clrow{grid-template-columns:auto minmax(0,1fr)}.clside{grid-column:1/-1;flex-direction:row;flex-wrap:wrap;align-items:center;justify-content:space-between}.cltiles{grid-template-columns:1fr 1fr}}

/* back to top */
.totop{position:fixed;right:max(16px,env(safe-area-inset-right,0px));bottom:calc(env(safe-area-inset-bottom,0px) + 20px);z-index:30;display:inline-flex;align-items:center;gap:0;height:48px;padding:0 14px;border-radius:999px;
  border:1px solid color-mix(in srgb,var(--text) 14%,transparent);background:color-mix(in srgb,var(--panel) 70%,transparent);-webkit-backdrop-filter:saturate(180%) blur(20px);backdrop-filter:saturate(180%) blur(20px);
  color:var(--text);font:600 14px var(--body);cursor:pointer;box-shadow:0 12px 32px rgba(0,0,0,.28);
  opacity:0;transform:translateY(28px) scale(.9);pointer-events:none;
  transition:opacity .5s cubic-bezier(.25,.1,.25,1),transform .7s cubic-bezier(.2,.9,.2,1),gap .5s cubic-bezier(.2,.9,.2,1),padding .5s cubic-bezier(.2,.9,.2,1),background .3s ease}
.totop.show{opacity:1;transform:none;pointer-events:auto}
.totop span{max-width:0;overflow:hidden;white-space:nowrap;opacity:0;transition:max-width .6s cubic-bezier(.2,.9,.2,1),opacity .4s ease .1s}
.totop.bottom{gap:8px;padding:0 20px 0 16px}
.totop.bottom span{max-width:130px;opacity:1}
.totop:hover{background:color-mix(in srgb,var(--panel2) 85%,transparent)}
.totop svg{flex:0 0 auto;transition:transform .45s cubic-bezier(.2,.9,.2,1)}
.totop:hover svg{transform:translateY(-3px)}
.totop:active{transform:scale(.96)}
.totop:focus-visible{outline:2px solid var(--accent);outline-offset:3px}

/* phone: tab bar becomes a dropdown menu */
  background:color-mix(in srgb,var(--panel) 92%,transparent);-webkit-backdrop-filter:saturate(180%) blur(18px);backdrop-filter:saturate(180%) blur(18px);box-shadow:0 18px 40px rgba(0,0,0,.35);
  transform-origin:top center;animation:ddin .32s cubic-bezier(.2,.9,.2,1)}
@keyframes ddin{from{opacity:0;transform:translateY(-6px) scale(.98)}to{opacity:1;transform:none}}
/* phone: tabs wrap into capsules, all visible without sideways scrolling */
@media (max-width:720px){
  .tabs{flex-wrap:wrap;overflow:visible;gap:6px;border-bottom:0;padding-bottom:2px}
  .tabs button{border-radius:999px;border:1px solid var(--line);border-bottom:1px solid var(--line);min-height:38px;padding:0 14px;font-size:13.5px;background:var(--panel2)}
  .tabs button[aria-selected="true"]{background:var(--accent);border-color:var(--accent);color:var(--accentInk)}
  .tabs button[aria-selected="true"] .cnt{background:var(--accentInk);color:var(--accent)}}

/* ================= phone app shell ================= */
html{-webkit-tap-highlight-color:transparent}
button,a,.kc,select,label{touch-action:manipulation}
.applogo,.acctbtn,.filtbtn,.bnav,.mshort,.lshort{display:none}
.sheet{position:fixed;inset:0;z-index:45}
.sheetbg{position:absolute;inset:0;background:var(--scrim);animation:fadein .25s ease}
.sheetpanel{position:absolute;left:0;right:0;bottom:0;max-height:86vh;overflow:auto;background:var(--panel);border-radius:22px 22px 0 0;border-top:1px solid var(--line);padding:8px 16px calc(22px + env(safe-area-inset-bottom,0px));animation:sheetup .42s cubic-bezier(.2,.9,.2,1)}
@media (min-width:721px){.sheetpanel{left:50%;right:auto;width:min(480px,100%);transform:translateX(-50%);animation:none}}
.grab{width:40px;height:5px;border-radius:3px;background:var(--line);margin:4px auto 12px}
.sheeth{margin:0 0 12px;font-family:var(--display);font-weight:700;font-size:19px;letter-spacing:-.015em}
.sheetgrid{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.sheetgrid button{min-height:54px;border-radius:14px;border:1px solid var(--line);background:var(--panel2);color:var(--text);font:600 15px var(--body);display:flex;align-items:center;justify-content:space-between;gap:6px;padding:0 14px;text-align:left;cursor:pointer}
.sheetgrid button.on{background:var(--accent);color:var(--accentInk);border-color:var(--accent)}
.acctme{display:flex;gap:12px;align-items:center;padding:4px 2px 16px}
.acctme b{display:block;font-size:17px}
.acctlist{display:flex;flex-direction:column;border:1px solid var(--line);border-radius:14px;overflow:hidden}
.acctlist button{display:flex;align-items:center;justify-content:space-between;min-height:54px;text-align:left;padding:0 16px;background:var(--panel2);border:0;border-bottom:1px solid var(--line);color:var(--text);font:600 16px var(--body);cursor:pointer}
.acctlist button:last-child{border-bottom:0}
.acctlist button.danger{color:var(--over)}
@keyframes sheetup{from{transform:translateY(100%)}to{transform:none}}
@keyframes fadein{from{opacity:0}to{opacity:1}}
body.lock .totop,body.sheetopen .totop{opacity:0!important;pointer-events:none!important}
@media (hover:none){
  .tabs button:hover:not([aria-selected="true"]){color:var(--muted);background:var(--panel2)}
  .month button:hover{background:var(--panel);color:var(--muted)}
  .plist button:hover{background:var(--panel2)}
  .ghost:hover,.kc:hover,.bf:hover,.evchip:hover,.evt:hover{border-color:var(--line)}
  .ghost:active,.btn:active,.bnav button:active,.sheetgrid button:active,.acctlist button:active,.kc:active,.task:active,.evchip:active,.bf:active{transform:scale(.97);transition:transform .12s ease}
}
@media (max-width:720px){
  input,select,textarea{font-size:16px!important}
  body::before{content:"";position:fixed;left:0;right:0;top:0;height:env(safe-area-inset-top,0px);background:var(--bg);z-index:16}
  .wrap{padding-block:0 calc(160px + env(safe-area-inset-bottom,0px));gap:12px}
  /* compact sticky app bar */
  .hero{position:sticky;top:env(safe-area-inset-top,0px);z-index:15;margin-inline:-16px;border-radius:0;border-width:0 0 1px;padding:8px 16px;flex-wrap:nowrap;align-items:center;gap:10px;
    background:color-mix(in srgb,var(--bg) 84%,transparent);-webkit-backdrop-filter:saturate(180%) blur(18px);backdrop-filter:saturate(180%) blur(18px)}
  .hero::before{display:none}
  .hero>div:first-child{display:flex;align-items:center;flex:0 0 auto}
  .hero .eyebrow,.hero h1,#teamLine{display:none}
  .applogo{display:grid;place-items:center;width:38px;height:38px;border-radius:10px;background:linear-gradient(180deg,#EC4043,#AA1822);color:#fff;font:800 15px var(--body);letter-spacing:-.02em}
  .hctl{flex:1 1 auto;flex-wrap:nowrap;justify-content:flex-end;min-width:0;gap:8px}
  .month{flex:1 1 auto;min-width:0;justify-content:space-between;padding:2px}
  .month b{min-width:0;font-size:18px;white-space:nowrap}
  .month button{min-width:34px;min-height:34px}
  .mfull{display:none}.mshort{display:inline}
  .whobox{flex-wrap:nowrap;gap:6px}
  #whoLabel,#meName,#themeBtn,#teamBtn,#profBtn,#pwBtn,#logoutBtn{display:none!important}
  .acctbtn{display:inline-grid;place-items:center;width:40px;height:40px;padding:0;border:0;border-radius:50%;background:none;cursor:pointer}
  .acctbtn .av,.acctbtn .avimg{width:36px;height:36px;font-size:13px;box-shadow:0 0 0 2px var(--line)}
  .bdbtn{padding:0 10px;font-size:0;gap:0;min-height:38px}
  .bdbtn svg{width:18px;height:18px}
  .bdpop{position:fixed;left:16px;right:16px;top:calc(env(safe-area-inset-top,0px) + 62px);width:auto}
  /* pages: bottom bar instead of the tab row */
  .tabs{display:none!important}
  .bnav{display:grid;grid-template-columns:repeat(5,1fr);position:fixed;left:0;right:0;bottom:0;z-index:18;padding:6px 6px calc(6px + env(safe-area-inset-bottom,0px));
    background:color-mix(in srgb,var(--panel) 82%,transparent);-webkit-backdrop-filter:saturate(180%) blur(20px);backdrop-filter:saturate(180%) blur(20px);border-top:1px solid var(--line)}
  .bnav button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;min-height:52px;border:0;background:none;color:var(--muted);font:600 11px var(--body);border-radius:12px;position:relative;cursor:pointer;padding:0}
  .bnav button svg{transition:transform .35s cubic-bezier(.2,.9,.2,1)}
  .bnav button[aria-current="page"]{color:var(--accent)}
  .bnav button[aria-current="page"] svg{transform:translateY(-1px) scale(1.08)}
  .bnav .bdot{position:absolute;top:7px;left:calc(50% + 7px);width:9px;height:9px;border-radius:50%;background:var(--over);box-shadow:0 0 0 2px var(--panel)}
  /* filters fold away; actions become compact; add task floats */
  .filtbtn{display:inline-flex}
  .fcnt{font-size:11px;font-weight:700;background:var(--accent);color:var(--accentInk);border-radius:999px;padding:0 7px;margin-left:2px}
  .toolbar{gap:8px}
  .toolbar label.inline{display:none}
  body.showfilt .toolbar label.inline{display:flex;flex:1 1 100%;justify-content:space-between;background:var(--panel);border:1px solid var(--line);border-radius:10px;padding:6px 10px}
  body.showfilt .toolbar label.inline select{flex:1;max-width:65%}
  body.showfilt .filtbtn{border-color:var(--accent)}
  .toolbar .sp{display:none}
  .lfull{display:none}.lshort{display:inline}
  #addBtn{position:fixed;right:16px;bottom:calc(env(safe-area-inset-bottom,0px) + 78px);z-index:17;min-height:52px;padding:0 20px;border-radius:999px;font-size:15px;box-shadow:0 10px 26px color-mix(in srgb,var(--accent) 45%,transparent)}
  .totop{left:16px;right:auto;bottom:calc(env(safe-area-inset-bottom,0px) + 78px)}
  .toast{bottom:calc(env(safe-area-inset-bottom,0px) + 140px)}
  /* task detail slides up as a sheet */
  .drawer{align-items:flex-end}
  .dpanel{height:calc(100% - env(safe-area-inset-top,0px) - 10px);border-left:0;border-radius:20px 20px 0 0;padding-top:0;animation:sheetup .42s cubic-bezier(.2,.9,.2,1)}
  .dtop{position:sticky;top:0;z-index:3;background:var(--bg);padding:18px 0 10px;margin-bottom:-6px}
  .dtop::before{content:"";position:absolute;top:7px;left:50%;width:40px;height:5px;margin-left:-20px;border-radius:3px;background:var(--line)}
  .dtop h2{font-size:24px}
  body.showfilt .toolbar label.inline:has(input[type=checkbox]){justify-content:flex-start;gap:12px;min-height:48px;align-items:center}
  .kan{grid-auto-columns:86%;scroll-snap-type:x mandatory;scroll-padding-inline:0;-webkit-overflow-scrolling:touch}
  .kan>*{scroll-snap-align:start}
}

/* report */
.rp{display:flex;flex-direction:column;gap:14px}
.rphead{display:flex;flex-wrap:wrap;gap:10px 16px;align-items:center;background:var(--panel);border:1px solid var(--line);border-top:5px solid var(--dc);border-radius:12px;padding:14px}
.rphead h2{margin:0;font-family:var(--display);font-weight:700;font-size:24px;line-height:1}
.rphead .sp{flex:1}
.rtiles{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px}
.rtile{background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:12px 14px;display:flex;flex-direction:column;gap:4px}
.rtile .k{font-size:11px;text-transform:uppercase;letter-spacing:.1em;color:var(--muted);font-weight:700}
.rtile .v{font-family:var(--display);font-weight:700;font-size:26px;line-height:1;font-variant-numeric:tabular-nums}
.rtile .s{font-size:12px;color:var(--muted)}
.rtile.good .v{color:var(--done)} .rtile.bad .v{color:var(--over)}
.rsec{background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:14px;display:flex;flex-direction:column;gap:10px}
.rsec h3{margin:0;font-size:12px;text-transform:uppercase;letter-spacing:.12em;color:var(--muted);font-weight:700}
.trend{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;align-items:end;height:150px;padding-top:8px}
.tcol{display:flex;flex-direction:column;align-items:center;gap:6px;height:100%;justify-content:flex-end}
.tcol .tb{width:min(46px,100%);background:var(--dc,var(--accent));border-radius:4px 4px 0 0;min-height:2px}
.tcol .tb.none{background:var(--line)}
.tcol .tv{font-size:12px;font-weight:700;font-variant-numeric:tabular-nums}
.tcol .tm{font-size:11px;color:var(--muted);text-transform:uppercase;letter-spacing:.06em}
.stars{display:flex;gap:4px}
.stars button{background:var(--panel2);border:1px solid var(--line);border-radius:8px;min-width:40px;min-height:40px;font-size:18px;cursor:pointer;color:var(--muted)}
.stars button.on{color:var(--prog);border-color:var(--prog)}

/* ===================== Trello-style refresh ===================== */
:root{--sh1:0 1px 1px rgba(3,4,4,.5),0 0 1px rgba(3,4,4,.5);--sh2:0 8px 16px rgba(3,4,4,.4),0 0 1px rgba(3,4,4,.5);--list:#161A1D;--btn:rgba(161,189,217,.08);--btnh:rgba(166,197,226,.16);--top:#1D2125;--cardh:#282E33;
  --lb-red:#5D1F1A;--lb-redt:#FFD5D2;--lb-yellow:#533F04;--lb-yellowt:#F8E6A0;--lb-orange:#693200;--lb-oranget:#FEDEC8;--lb-purple:#352C63;--lb-purplet:#DFD8FD;--lb-blue:#09326C;--lb-bluet:#CCE0FF;--lb-sky:#164555;--lb-skyt:#C6EDFB;--lb-teal:#1C3329;--lb-tealt:#BAF3DB;
  --due-late:#C9372C;--due-soon:#E2B203;--due-sooni:#1D2125;--due-ok:#1F845A}
@media (prefers-color-scheme: light){:root:not([data-theme="dark"]){--sh1:0 1px 1px rgba(9,30,66,.25),0 0 1px rgba(9,30,66,.31);--sh2:0 8px 16px rgba(9,30,66,.16),0 0 1px rgba(9,30,66,.31);--list:#EBECF0;--btn:rgba(9,30,66,.06);--btnh:rgba(9,30,66,.14);--top:#FFFFFF;--cardh:#F7F8F9;
  --lb-red:#FFD5D2;--lb-redt:#AE2E24;--lb-yellow:#F8E6A0;--lb-yellowt:#7F5F01;--lb-orange:#FEDEC8;--lb-oranget:#A54800;--lb-purple:#DFD8FD;--lb-purplet:#5E4DB2;--lb-blue:#CCE0FF;--lb-bluet:#0055CC;--lb-sky:#C6EDFB;--lb-skyt:#206A83;--lb-teal:#BAF3DB;--lb-tealt:#216E4E;--due-sooni:#172B4D}}
:root[data-theme="light"]{--sh1:0 1px 1px rgba(9,30,66,.25),0 0 1px rgba(9,30,66,.31);--sh2:0 8px 16px rgba(9,30,66,.16),0 0 1px rgba(9,30,66,.31);--list:#EBECF0;--btn:rgba(9,30,66,.06);--btnh:rgba(9,30,66,.14);--top:#FFFFFF;--cardh:#F7F8F9;
  --lb-red:#FFD5D2;--lb-redt:#AE2E24;--lb-yellow:#F8E6A0;--lb-yellowt:#7F5F01;--lb-orange:#FEDEC8;--lb-oranget:#A54800;--lb-purple:#DFD8FD;--lb-purplet:#5E4DB2;--lb-blue:#CCE0FF;--lb-bluet:#0055CC;--lb-sky:#C6EDFB;--lb-skyt:#206A83;--lb-teal:#BAF3DB;--lb-tealt:#216E4E;--due-sooni:#172B4D}
body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;letter-spacing:-.003em}
h1,h2,h3{letter-spacing:-.015em}

/* buttons & inputs */
.btn{border-radius:6px;font-weight:600;min-height:36px;box-shadow:none}
.ghost{background:var(--btn);border:1px solid transparent;border-radius:6px;font-weight:600;color:var(--text);min-height:34px}
.ghost:hover{background:var(--btnh);border-color:transparent}
.ghost.danger,.ghost.tg,.ghost.acc,.ghost.ver{border-color:transparent}
.ghost.danger{background:color-mix(in srgb,var(--over) 14%,transparent)}
.ghost.tg{background:color-mix(in srgb,var(--tg) 14%,transparent)}
.ghost.acc{background:color-mix(in srgb,var(--done) 16%,transparent)}
select,input[type=text],input[type=password],input[type=tel],input[type=email],input[type=url],input[type=date],input[type=number],textarea{background:var(--panel);border:1px solid var(--line);border-radius:6px}
select:hover,input:hover,textarea:hover{border-color:color-mix(in srgb,var(--muted) 55%,var(--line))}
input:focus,select:focus,textarea:focus{border-color:var(--verify);outline:none;box-shadow:0 0 0 1px var(--verify)}

/* surfaces: shadow instead of heavy borders */
.stat,.person,.ck,.tablewrap,.rtile,.rsec,.panel,.wl,.tmember,.rphead{border-color:transparent!important;box-shadow:var(--sh1);border-radius:12px}
.stat{padding:12px 16px;gap:4px}
.stat .k{font-size:11.5px;letter-spacing:.04em;font-weight:600}
.stat .v{font-size:28px;font-weight:700}
.stat.main .v{font-size:34px}
.bar{height:6px;border-radius:99px;background:color-mix(in srgb,var(--muted) 22%,transparent)}
.bar>i{border-radius:99px}
.eyebrow{letter-spacing:.08em;font-size:11.5px}
.chip{border-radius:4px;letter-spacing:.02em;font-size:11px;font-weight:600;text-transform:none;padding:2px 7px}
table th{letter-spacing:.04em}

/* ---------- Home: department lists ---------- */
.groups.board{display:grid;grid-template-columns:repeat(auto-fill,minmax(290px,1fr));gap:14px;align-items:start}
.group.list{background:var(--list);border:0;border-radius:12px;padding:8px 8px 6px;gap:6px;box-shadow:inset 0 3px 0 var(--dc)}
.group.list .ghead{padding:8px 6px 0;gap:8px;flex-wrap:nowrap}
.group.list .ghead h2{font-size:15px;font-weight:700;gap:8px;letter-spacing:-.01em}
.group.list .ghead h2 .sw{width:10px;height:10px;border-radius:3px}
.lcount{font-size:12px;font-weight:600;color:var(--muted);background:var(--btn);border-radius:99px;padding:1px 8px}
.group.list .team{border:0;background:none;color:var(--muted);font-weight:500;padding:0}
.lprog{display:flex;align-items:center;gap:10px;padding:0 6px 4px}
.lprog .bar{flex:1;height:4px}
.lprog .gm{font-size:11.5px;color:var(--muted);white-space:nowrap;font-variant-numeric:tabular-nums}
.cards{display:flex;flex-direction:column;gap:8px}
.addcard{display:flex;align-items:center;gap:6px;width:100%;min-height:36px;padding:0 8px;border:0;border-radius:8px;background:none;color:var(--muted);font-weight:600;cursor:pointer;text-align:left}
.addcard:hover{background:var(--btnh);color:var(--text)}

/* ---------- Trello card ---------- */
.task.card{position:relative;display:flex;flex-direction:column;align-items:stretch;text-align:left;gap:6px;background:var(--panel);border:0;border-radius:8px;padding:10px 12px 8px;box-shadow:var(--sh1);cursor:pointer;transition:background .15s,box-shadow .15s}
.task.card:hover{background:var(--cardh);box-shadow:var(--sh2)}
.task.card:focus-visible{outline:2px solid var(--verify);outline-offset:1px}
.task.card.mine{box-shadow:var(--sh1),inset 3px 0 0 var(--accent)}
.task.card[data-s="Done"],.task.card[data-s="Verified"]{opacity:.78}
.task.card .t{font-size:14.5px;font-weight:600;line-height:1.35;letter-spacing:-.005em;padding-right:4px;overflow-wrap:anywhere}
.labels{display:flex;flex-wrap:wrap;gap:4px}
.lb{display:inline-flex;align-items:center;height:20px;padding:0 8px;border-radius:4px;font-size:11.5px;font-weight:600;line-height:1;white-space:nowrap;background:var(--btnh);color:var(--text)}
.lb.red{background:var(--lb-red);color:var(--lb-redt)}.lb.yellow{background:var(--lb-yellow);color:var(--lb-yellowt)}.lb.orange{background:var(--lb-orange);color:var(--lb-oranget)}
.lb.purple{background:var(--lb-purple);color:var(--lb-purplet)}.lb.blue{background:var(--lb-blue);color:var(--lb-bluet)}.lb.sky{background:var(--lb-sky);color:var(--lb-skyt)}.lb.teal{background:var(--lb-teal);color:var(--lb-tealt)}
.lb.dept{background:color-mix(in srgb,var(--dc) 22%,transparent);color:var(--text)}
.cbadges{display:flex;flex-wrap:wrap;gap:4px 10px;align-items:center;font-size:12px;color:var(--muted)}
.cbadges:empty{display:none}
.bdg{display:inline-flex;align-items:center;gap:4px;font-size:12px;color:var(--muted);white-space:nowrap}
.bdg.due{padding:1px 6px;margin-left:-6px;border-radius:4px;font-weight:500;font-variant-numeric:tabular-nums}
.bdg.due.warn{color:var(--prog);font-weight:600}
.bdg.due.soon{background:var(--due-soon);color:var(--due-sooni);font-weight:600;margin-left:0}
.bdg.due.late{background:var(--due-late);color:#fff;font-weight:600;margin-left:0}
.bdg.due.ok{background:var(--due-ok);color:#fff;margin-left:0}
.cbadges .ic{font-family:var(--body);font-size:12px;color:var(--muted)}
.cbadges .ic.full{color:var(--done)}
.task.card .note{font-size:12.5px;background:color-mix(in srgb,var(--blocked) 12%,transparent);border-radius:6px;padding:6px 8px;margin:0}
.cfoot{display:flex;align-items:center;gap:6px;margin-top:2px}
.cfoot .sp{flex:1}
.cfoot .ghost{min-height:28px;padding:0 10px;font-size:12px}
.stsel{appearance:none;-webkit-appearance:none;min-height:26px!important;height:26px;padding:0 24px 0 9px!important;border-radius:99px!important;border:0!important;font-size:12px!important;font-weight:600;background:var(--btn) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 6'%3E%3Cpath d='M1 1l4 4 4-4' fill='none' stroke='%23889' stroke-width='1.5'/%3E%3C/svg%3E") no-repeat right 9px center/9px 6px!important;color:var(--muted);cursor:pointer;box-shadow:none!important}
.stsel:hover{background-color:var(--btnh)!important}
.task.card[data-s="In progress"] .stsel{color:var(--prog)}.task.card[data-s="Blocked"] .stsel{color:var(--blocked)}.task.card[data-s="Done"] .stsel,.task.card[data-s="Verified"] .stsel{color:var(--done)}
.stsel[disabled]{opacity:1;cursor:default;background-image:none!important;padding-right:9px!important}
.own{display:inline-flex;align-items:center;gap:6px;font-size:12px;color:var(--muted);font-weight:500;min-width:0}
.own span:last-child{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:110px}
.own .av,.own .avimg{width:26px;height:26px;font-size:10.5px}
.cacts{position:absolute;top:6px;right:6px;display:flex;gap:4px;opacity:0;pointer-events:none;transition:opacity .12s}
.task.card:hover .cacts,.task.card:focus-within .cacts,.cacts:has(.armed){opacity:1;pointer-events:auto}
.cib{display:inline-grid;place-items:center;min-width:28px;height:28px;padding:0 6px;border:0;border-radius:6px;background:var(--panel);box-shadow:var(--sh1);color:var(--muted);cursor:pointer;font-size:11.5px;font-weight:700}
.cib:hover{color:var(--text);background:var(--cardh)}
.cib.del:hover,.cib.armed{color:#fff;background:var(--over)}
@media (hover:none){.cacts:not(:has(.armed)){display:none}}

/* ---------- desktop top bar ---------- */
@media (min-width:721px){
  .wrap{max-width:1480px;padding-top:0;gap:18px}
  .hero{position:sticky;top:0;z-index:20;border:0;border-radius:0;background:var(--top);padding:10px 0;min-height:58px;flex-wrap:nowrap;align-items:center;gap:16px;box-shadow:none;clip-path:none}
  html,body{overflow-x:clip}
  .hero::before{display:block!important;content:"";position:absolute;inset:0 -100vmax;width:auto;border-radius:0;background:var(--top);border-bottom:1px solid var(--line);z-index:-1;pointer-events:none}
  .hero>div:first-child{display:grid;grid-template-columns:auto auto;grid-template-rows:auto auto;column-gap:10px;align-items:center;flex:0 0 auto}
  .applogo{display:grid;place-items:center;grid-row:1/3;width:34px;height:34px;border-radius:8px;background:linear-gradient(180deg,#EC4043,#AA1822);color:#fff;font:800 14px var(--body)}
  .hero .eyebrow{font-size:10.5px;letter-spacing:.08em;line-height:1.2}
  .hero h1{margin:0;font-size:16px;line-height:1.2;letter-spacing:-.01em;white-space:nowrap}
  .hctl{flex:1;flex-wrap:nowrap;justify-content:space-between;gap:12px;min-width:0}
  .month{background:var(--btn);border:0;padding:2px;border-radius:8px}
  .month button{background:none;min-width:30px;min-height:30px;border-radius:6px}
  .month button:hover{background:var(--btnh)}
  .month b{font-size:15px;min-width:132px;font-weight:700}
  .whobox{display:flex;align-items:center;gap:6px;flex-wrap:nowrap}
  .whobox .ghost{min-height:32px;padding:0 10px}
  #whoLabel{display:none}
  #meName{font-size:13px;margin-right:4px;white-space:nowrap}
}
/* sidebar */
.side{display:flex;flex-direction:column;gap:10px}
.sidehead,.sidefoot{display:none}
@media (min-width:1024px){
  .wrap{display:grid;grid-template-columns:236px minmax(0,1fr);column-gap:28px;row-gap:0;align-items:start}
  .wrap>*{grid-column:2;margin-bottom:18px;min-width:0}
  .wrap>.hero{grid-column:1/-1;grid-row:1;margin-bottom:22px}
  .wrap>.side{grid-column:1;grid-row:2/span 40;position:sticky;top:80px;margin:0;max-height:calc(100vh - 96px);overflow:auto;padding-bottom:12px}
  .sidehead{display:flex;align-items:center;gap:10px;padding:2px 8px 12px;border-bottom:1px solid var(--line)}
  .sidehead b{display:block;font-size:14px}.sidehead span:not(.wsav){display:block;font-size:12px;color:var(--muted)}
  .wsav{display:grid;place-items:center;width:32px;height:32px;border-radius:6px;background:linear-gradient(135deg,#3F86D9,#6E5DC6);color:#fff;font-weight:800;font-size:12px}
  .side .tabs{flex-direction:column;border:0;gap:2px;overflow:visible;padding:0}
  .side .tabs button{display:flex;align-items:center;gap:10px;width:100%;min-height:36px;padding:0 10px;background:none;border:0;border-radius:6px;color:var(--text);font-weight:500;font-size:14px;text-align:left}
  .side .tabs button .ti{color:var(--muted);flex:0 0 auto}
  .side .tabs button:hover{background:var(--btnh)}
  .side .tabs button[aria-selected="true"]{background:color-mix(in srgb,var(--accent) 14%,transparent);color:var(--accent);font-weight:600}
  .side .tabs button[aria-selected="true"] .ti{color:var(--accent)}
  body.teammode .side .tabs button[aria-selected="true"]{background:none;color:var(--text);font-weight:500}
  .side .tabs .cnt{margin-left:auto}
  .sidefoot{display:flex;flex-direction:column;gap:6px;padding:12px 10px 0;border-top:1px solid var(--line);font-size:12.5px;color:var(--muted)}
  .sidefoot .sfh{color:var(--text);font-size:12px;text-transform:uppercase;letter-spacing:.06em;margin-bottom:2px}
  .sidefoot .tm{display:flex;align-items:center;gap:8px}
  body.teammode .side .tabs{display:flex!important}
  .legend{margin-top:-4px}
}
@media (min-width:721px) and (max-width:1023px){
  .side .tabs{border:0;flex-wrap:wrap;gap:6px;overflow:visible}
  .side .tabs button{display:inline-flex;align-items:center;gap:7px;border-radius:999px;background:var(--btn);border:0;min-height:36px;padding:0 14px;font-weight:600;color:var(--text)}
  .side .tabs button .ti{width:16px;height:16px;color:var(--muted)}
  .side .tabs button:hover{background:var(--btnh)}
  .side .tabs button[aria-selected="true"]{background:var(--accent);color:var(--accentInk)}
  .side .tabs button[aria-selected="true"] .ti{color:var(--accentInk)}
}
@media (max-width:720px){
  .side{display:none}
  .groups.board{grid-template-columns:minmax(0,1fr);gap:12px}
  .task.card .t{font-size:15.5px}
  .hero{background:color-mix(in srgb,var(--top) 86%,transparent)}
  .sheetgrid .ti{width:18px;height:18px;flex:0 0 auto;color:var(--muted)}
  .sheetgrid button{justify-content:flex-start;gap:10px}
  .sheetgrid button.on .ti{color:inherit}
  .sheetgrid .tl{flex:1}
}
/* By Person: Trello-style mini cards */
.person{border-top:0!important;box-shadow:var(--sh1),inset 0 3px 0 var(--dc)!important;padding:14px 14px 12px}
.person.me{outline:0;box-shadow:var(--sh1),inset 0 3px 0 var(--dc),0 0 0 2px var(--accent)!important}
.plist{gap:6px}
.plist button{background:var(--list);padding:8px 10px;border-radius:8px;font-size:14px;font-weight:500;box-shadow:none}
.plist button:hover{background:var(--btnh)}
.plist li.phi button{background:var(--list);box-shadow:inset 3px 0 0 var(--accent);font-weight:600}
.plist .pp{text-transform:none;letter-spacing:0;font-size:11px;font-weight:600;border:0;background:var(--btnh);color:var(--muted);padding:1px 6px}
.plist li.phi .pp{background:var(--lb-red);color:var(--lb-redt)}
.plist .d{font-family:var(--body);font-size:11.5px}
/* touch: no sticky hover on cards */
@media (hover:none){.task.card:hover{background:var(--panel);box-shadow:var(--sh1)}.task.card.mine:hover{box-shadow:var(--sh1),inset 3px 0 0 var(--accent)}}
@media (max-width:720px){.stat .k,.stat.main .k{font-size:10px;letter-spacing:0}}
/* chips & status tags everywhere: calmer */
.chip.st-ok,.chip.st-pend,.chip.st-miss{border-radius:4px}
/* desktop account menu (Trello-style avatar dropdown) */
@media (min-width:721px){
  #meName,#themeBtn,#profBtn,#pwBtn,#logoutBtn{display:none!important}
  .acctbtn{display:inline-grid;place-items:center;width:36px;height:36px;padding:0;border:0;border-radius:50%;background:none;cursor:pointer}
  .acctbtn:hover .av,.acctbtn:hover .avimg{box-shadow:0 0 0 2px var(--verify)}
  .acctbtn .av,.acctbtn .avimg{width:32px;height:32px;font-size:12px;box-shadow:0 0 0 2px var(--line)}
  #acctSheet .sheetbg{background:transparent;animation:none}
  #acctSheet .sheetpanel{transform:none;left:auto;right:max(16px,calc((100vw - 1480px)/2 + 16px));top:62px;bottom:auto;width:320px;max-height:calc(100vh - 80px);border:1px solid var(--line);border-radius:12px;box-shadow:var(--sh2);padding:12px;animation:fadein .15s ease}
  #acctSheet .grab{display:none}
  #acctSheet .acctlist{border:0;border-radius:0;gap:0}
  #acctSheet .acctlist button{min-height:38px;background:none;border:0;border-radius:6px;font-size:14px;font-weight:500;padding:0 10px}
  #acctSheet .acctlist button:hover{background:var(--btnh)}
  #acctSheet .acctme{padding:4px 4px 12px;border-bottom:1px solid var(--line);margin-bottom:6px}
}
/* phone polish */
@media (max-width:720px){
  .stat .k,.stat.main .k{text-transform:none;font-size:11px;letter-spacing:0}
  .kpihero,.clhero{grid-template-columns:minmax(0,1fr) auto;padding:16px;gap:12px}
  .kpihero h2,.clhero h2,.evhero h2{font-size:26px}
  .kpihero p,.clhero p{font-size:13px}
  .kring{width:92px!important;height:92px!important;align-self:start}
  .kring::before{inset:8px}.kring b{font-size:22px!important}.kring span{font-size:8.5px;max-width:64px}
  .evhero{padding:16px;gap:12px}
  .evnext{padding:12px 14px}.evnext .big{font-size:28px}
  .sctab{overflow:visible}
  .sctab{overflow:hidden!important}.sctab table{font-size:13.5px;width:100%;min-width:0}
  .sctab th:nth-child(3),.sctab td:nth-child(3),.sctab th:nth-child(6),.sctab td:nth-child(6){display:none}
  .sctab .pbar .bar{display:none}.sctab .pbar{min-width:0}
  .sctab th,.sctab td{padding-inline:8px}
  .sctab th{font-size:10.5px}
}
@media (min-width:721px){html{scroll-padding-top:76px}}
.ghost.bdbtn,.bdbtn{color:var(--prog);background:color-mix(in srgb,var(--prog) 18%,transparent);border:1px solid color-mix(in srgb,var(--prog) 55%,transparent);font-weight:700;animation:bdpulse 1.6s ease-in-out infinite}
.ghost.bdbtn:hover{background:color-mix(in srgb,var(--prog) 28%,transparent)}
.ghost.bdbtn.today,.bdbtn.today{color:var(--accentInk);background:var(--accent);border-color:var(--accent);animation:bdpulse-hot 1s ease-in-out infinite}
@media (prefers-reduced-motion:reduce){.ghost.bdbtn,.ghost.bdbtn.today{animation:none}}
.pslot{display:inline-flex;align-items:center;gap:8px;flex-wrap:wrap}
.pslot[hidden]{display:none}
/* ===== Events: sub views, panel, year calendar, reports ===== */
.good{color:var(--done)!important}.warn{color:var(--prog)!important}
.evsub{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.evsub .seg,.seg{border:0;background:var(--btn);border-radius:8px;padding:3px;gap:2px}
.seg button{background:none;border-radius:6px;color:var(--muted);font-weight:600;min-height:32px}
.seg button:hover{color:var(--text)}
.seg button[aria-pressed="true"]{background:var(--panel);color:var(--text);box-shadow:var(--sh1)}
.ghost.sm{min-height:28px;padding:0 10px;font-size:12px}
.ghost.on{background:color-mix(in srgb,var(--accent) 14%,transparent);color:var(--accent)}
.evtd{font-size:12px;color:var(--muted);margin-top:4px}
/* panel */
.evpanel{margin:-4px 0 6px;background:var(--panel);border-radius:12px;box-shadow:var(--sh1);overflow:hidden;border-left:4px solid var(--gold,var(--prog))}
.evptabs{display:flex;align-items:center;gap:2px;padding:6px 8px 0;border-bottom:1px solid var(--line);flex-wrap:wrap}
.evptabs button{background:none;border:0;border-bottom:2px solid transparent;padding:10px 12px;font-weight:600;font-size:13.5px;color:var(--muted);cursor:pointer;display:inline-flex;gap:6px;align-items:center}
.evptabs button span{font-size:11.5px;background:var(--btn);border-radius:99px;padding:1px 7px;color:var(--muted)}
.evptabs button[aria-selected="true"]{color:var(--text);border-bottom-color:var(--accent)}
.evptabs .sp{flex:1}.evptabs>.hint{padding:0 6px 6px;font-size:12px}
.todo,.gbody,.rbody{padding:14px 16px;display:flex;flex-direction:column;gap:10px}
.todoh{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.todoh .sp{flex:1}
.tdcount{font-size:12.5px;font-weight:600;color:var(--muted)}
.tdlist{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}
.td{background:var(--list);border-radius:8px;padding:8px 10px}
.tdrow{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.tdchk{display:flex;align-items:center;gap:10px;flex:1 1 220px;min-width:0;cursor:pointer}
.tdchk input{width:18px;height:18px;accent-color:var(--done);flex:0 0 auto}
.tdtext{font-weight:500;overflow-wrap:anywhere}
.td.done .tdtext{text-decoration:line-through;color:var(--muted)}
.tdacts{display:flex;align-items:center;gap:6px;flex-wrap:wrap}
.tdtask{display:inline-flex;align-items:center;gap:6px;border:0;background:var(--panel);box-shadow:var(--sh1);border-radius:99px;padding:3px 10px 3px 3px;font-size:12px;color:var(--text);cursor:pointer}
.tdtask .av,.tdtask .avimg{width:22px;height:22px;font-size:9.5px}
.tdby{font-size:11.5px;color:var(--muted);margin:4px 0 0 28px}
.tdassign{display:flex;flex-wrap:wrap;gap:8px;align-items:flex-end;margin:8px 0 2px 28px;padding:10px;background:var(--panel);border-radius:8px;box-shadow:var(--sh1)}
.tdassign label{display:flex;flex-direction:column;gap:3px;font-size:11.5px;color:var(--muted);font-weight:600}
.tdadd{display:flex;gap:8px}.tdadd input{flex:1;min-width:0}
/* revenue */
.gsum{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.gsum>div{background:var(--list);border-radius:8px;padding:8px 12px;display:flex;flex-direction:column;gap:2px}
.gsum .k,.rview .k,.repnotes .k{font-size:11px;font-weight:600;color:var(--muted);text-transform:uppercase;letter-spacing:.04em}
.gsum b{font-size:20px;font-variant-numeric:tabular-nums}
.gtab{display:flex;flex-direction:column;gap:6px}
.grow{display:grid;grid-template-columns:minmax(110px,1.2fr) 1fr 1fr 56px;gap:8px;align-items:center;background:var(--list);border-radius:8px;padding:6px 10px}
.grow label{display:flex;align-items:center;gap:6px;font-size:11.5px;color:var(--muted);font-weight:600}
.grow input{width:100%;min-width:0}
.gpct{text-align:right;font-weight:700;font-variant-numeric:tabular-nums}.gpct.good{color:var(--done)}.gpct.warn{color:var(--prog)}.gpct.bad{color:var(--over)}
/* report */
.rpsum{display:flex;flex-wrap:wrap;gap:6px 14px}
.stars{color:var(--prog);letter-spacing:1px}
.rform{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.rform label{display:flex;flex-direction:column;gap:4px;font-size:12px;font-weight:600;color:var(--muted)}
.rform .w2{grid-column:1/-1}
.rview{display:flex;flex-direction:column;gap:8px}.rview p{margin:2px 0 0;white-space:pre-wrap}
.repnotes{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:8px;font-size:13px}
.repnotes>div{background:var(--list);border-radius:8px;padding:8px 10px;white-space:pre-wrap}
.pastrow{opacity:.95;border-left-color:var(--muted)!important}
.remrow{border-left-color:var(--verify)!important}
.bellic{display:inline-flex;color:var(--verify)}
.obar{display:grid;grid-template-columns:130px 1fr auto;gap:10px;align-items:center;font-size:13px;padding:4px 0}
.obars{display:flex;flex-direction:column;gap:3px}
.obars i{display:block;height:7px;border-radius:99px;min-width:2px}
.og,.ylegend .lg{background:color-mix(in srgb,var(--muted) 40%,transparent)}.oa,.ylegend .la{background:var(--done)}
.ylegend .lg,.ylegend .la{display:inline-block;width:12px;height:7px;border-radius:99px}
.rsh{margin:0 0 6px;font-size:15px}
/* year calendar */
.yearbar{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.yearbar .sp{flex:1}
.yearbar .month b{min-width:70px;font-size:17px}
.ylegend{display:inline-flex;flex-wrap:wrap;gap:12px;font-size:12px;color:var(--muted)}
.ylegend span{display:inline-flex;align-items:center;gap:6px}
.ylegend b,.ydots b,.dmic b{display:inline-block;width:7px;height:7px;border-radius:50%}
b.e{background:var(--accent)}b.r{background:var(--verify)}
.ylegend .pz{display:inline-block;width:14px;height:10px;border-radius:3px;background:color-mix(in srgb,var(--prog) 22%,transparent)}
.ylegend .tz{display:inline-block;width:12px;height:12px;border-radius:50%;box-shadow:inset 0 0 0 2px var(--accent)}
.yeargrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:12px}
.ymonth{background:var(--panel);border-radius:12px;box-shadow:var(--sh1);padding:10px 10px 12px}
.ymonth.cur{box-shadow:var(--sh1),inset 0 3px 0 var(--accent)}
.ymh{display:flex;align-items:center;gap:8px;padding:2px 4px 8px}.ymh b{font-size:14.5px}
.ydow,.ydays{display:grid;grid-template-columns:repeat(7,1fr);gap:2px}
.ydow span{text-align:center;font-size:10.5px;font-weight:600;color:var(--muted);padding-bottom:4px}
.yd{position:relative;aspect-ratio:1;display:flex;flex-direction:column;align-items:center;justify-content:center;border:0;border-radius:8px;background:none;color:var(--text);font-size:12.5px;font-weight:500;cursor:pointer;padding:0;font-variant-numeric:tabular-nums}
.yd.blank{cursor:default}
.yd:not(.blank):hover{background:var(--btnh)}
.yd.past{color:color-mix(in srgb,var(--muted) 80%,transparent)}
.yd.prep{background:color-mix(in srgb,var(--prog) 16%,transparent)}
.yd.ev{background:color-mix(in srgb,var(--accent) 16%,transparent);font-weight:700;color:var(--text)}
.yd.rem:not(.ev){background:color-mix(in srgb,var(--verify) 16%,transparent);font-weight:700}
.yd.today span{display:grid;place-items:center;width:24px;height:24px;border-radius:50%;box-shadow:inset 0 0 0 2px var(--accent)}
.yd.sel{outline:2px solid var(--verify);outline-offset:-2px}
.ydots{position:absolute;bottom:3px;left:0;right:0;display:flex;justify-content:center;gap:2px}
.ydots b{width:5px;height:5px}
/* day modal */
.daym{z-index:60}
.dmbg{position:absolute;inset:0}
.dmcard{position:relative;border-top:0;box-shadow:var(--sh2);gap:10px;width:min(420px,100%)}
.dmh{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}
.dmh h2{font-size:22px!important}
.dmh .x{background:var(--btn);border:0;border-radius:8px;min-width:36px;min-height:36px;font-size:20px;color:var(--muted);cursor:pointer}
.dmrow{display:flex;align-items:center;gap:10px;background:var(--list);border-radius:8px;padding:8px 10px}
.dmrow .sp{flex:1}.dmic{display:inline-grid;place-items:center;width:18px;color:var(--verify)}
.dmacts{justify-content:flex-start!important;flex-wrap:wrap}
@media (max-width:720px){
  .grow{grid-template-columns:1fr 1fr;row-gap:6px}.grow>b{grid-column:1/-1}.gpct{grid-column:1/-1;text-align:left}
  .gsum b{font-size:17px}
  .rform,.repnotes{grid-template-columns:1fr}
  .tdassign{margin-left:0}
  .yeargrid{grid-template-columns:1fr}
  .yd{font-size:14px}
  .obar{grid-template-columns:96px 1fr}.obar>span{grid-column:1/-1}
  .daym{align-items:flex-end;padding:0}.dmcard{width:100%;border-radius:18px 18px 0 0;padding-bottom:calc(20px + env(safe-area-inset-bottom,0px))}
  .evptabs>.hint{display:none}
}
@media (max-width:720px){.evhero .evh-l>p{display:none}.evsub .seg{width:100%;display:grid;grid-template-columns:repeat(3,1fr)}.evsub .seg button{padding:0 6px;font-size:12.5px}}
.repnotes .k{display:block;margin-bottom:2px}
/* ===== Manage event form ===== */
.mform{padding:0!important;gap:0!important;overflow:hidden}
.mfhead{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;flex-wrap:wrap;padding:18px 20px 14px;border-bottom:1px solid var(--line);background:linear-gradient(180deg,color-mix(in srgb,var(--prog) 10%,transparent),transparent)}
.mfhead h2{margin:2px 0 4px;font-size:24px!important}
.mfacts{display:flex;gap:8px;flex-wrap:wrap}
.mfsec{padding:16px 20px;border-bottom:1px solid var(--line)}
.mfsec h3{display:flex;align-items:center;gap:10px;margin:0 0 12px;font-size:15px}
.mfsec h3 span{display:inline-grid;place-items:center;width:22px;height:22px;border-radius:50%;background:var(--accent);color:var(--accentInk);font-size:12px}
.mfsec textarea{width:100%}
.hint.lbl{display:block;font-weight:600;margin-bottom:6px;font-size:12px}
.mrev{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:8px}
.mrevrow{display:flex;align-items:center;justify-content:space-between;gap:8px;background:var(--list);border-radius:8px;padding:6px 6px 6px 12px;font-size:13px;font-weight:600;color:var(--text)!important}
.mrevrow[hidden]{display:none}
.mrevrow input{width:110px;text-align:right}
.mrevtot{display:flex;flex-direction:column;justify-content:flex-end}.mrevtot b{font-size:22px;color:var(--done);font-variant-numeric:tabular-nums}
.mtdhead,.tdr{display:grid;grid-template-columns:26px minmax(0,1fr) 190px 150px 32px;gap:8px;align-items:center}
.mtdhead{font-size:11px;font-weight:600;color:var(--muted);text-transform:uppercase;letter-spacing:.04em;padding:0 8px 6px}
.mtd{display:flex;flex-direction:column;gap:6px;counter-reset:td}
.tdr{background:var(--list);border-radius:8px;padding:6px 8px;counter-increment:td}
.tdrn::before{content:counter(td);display:inline-grid;place-items:center;width:22px;height:22px;border-radius:50%;background:var(--btnh);font-size:11px;font-weight:700;color:var(--muted)}
.tdr.done .tdrn::before{content:"✓";background:var(--due-ok);color:#fff}
.tdr.done .tdr-text{text-decoration:line-through;color:var(--muted)}
.tdr input,.tdr select{min-width:0;width:100%}
.tdr-lock{display:inline-flex;align-items:center;gap:6px;border:0;background:var(--panel);box-shadow:var(--sh1);border-radius:99px;padding:3px 10px 3px 3px;font-size:12px;color:var(--text);cursor:pointer;min-width:0;overflow:hidden;white-space:nowrap}
.tdr-lock .av,.tdr-lock .avimg{width:22px;height:22px;font-size:9.5px}
.mform .addcard{margin-top:6px}
.mffoot{padding:14px 20px;background:var(--panel2)}
.ghost.acc2{background:color-mix(in srgb,var(--prog) 18%,transparent);color:var(--text)}
.ppltile .avstack{display:flex;align-items:center;margin:4px 0 2px}
.ppltile .avstack>span{margin-right:-8px}
.ppltile .avstack .av,.ppltile .avstack .avimg{width:32px;height:32px;font-size:11px;box-shadow:0 0 0 2px var(--panel)}
.avmore{display:inline-grid;place-items:center;width:32px;height:32px;border-radius:50%;background:var(--btnh);font-size:11px;font-weight:700;box-shadow:0 0 0 2px var(--panel)}
@media (max-width:720px){
  .mfhead,.mfsec,.mffoot{padding-inline:14px}
  .mtdhead{display:none}
  .tdr{grid-template-columns:26px minmax(0,1fr) 32px;row-gap:6px}
  .tdr .tdr-text{grid-column:2/3}.tdr .cib{grid-column:3;grid-row:1}
  .tdr select.tdr-who,.tdr .tdr-lock{grid-column:2/4}
  .tdr input.tdr-due,.tdr span.tdr-due{grid-column:2/4}
  .mrevrow input{width:96px}
}
.pf .mrevrow{flex-direction:row!important;align-items:center!important}
img.applogo{object-fit:cover;background:#000;padding:0}
.lglogo{width:72px;height:72px;border-radius:18px;box-shadow:0 6px 20px rgba(0,0,0,.35)}
/* unified Manage page */
.mfnav{display:flex;gap:4px;flex-wrap:wrap;padding:8px 16px;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:2;background:var(--panel)}
@media (min-width:721px){.mfnav{top:58px}}
.mfnav a{font-size:12.5px;font-weight:600;color:var(--muted);text-decoration:none;padding:6px 10px;border-radius:6px}
.mfnav a:hover{background:var(--btnh);color:var(--text)}
.mfsec{scroll-margin-top:120px}
.mfro{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:8px}
.mfro>div{background:var(--list);border-radius:8px;padding:8px 12px;display:flex;flex-direction:column;gap:3px}
.mfro span{font-size:11px;font-weight:600;color:var(--muted);text-transform:uppercase;letter-spacing:.04em}
.mfro b{display:flex;align-items:center;gap:6px;font-size:14px}.mfro .av{width:22px;height:22px;font-size:9.5px}
.mrevtot{flex-direction:row!important;gap:24px!important;align-items:flex-end}
.mrevtot b.act{color:var(--verify)}
.mrevh,.pf .mrevrow{display:grid!important;grid-template-columns:minmax(110px,1.3fr) 1fr 1fr 56px;gap:8px;align-items:center}
.mrevh{font-size:11px;font-weight:600;color:var(--muted);text-transform:uppercase;letter-spacing:.04em;padding:0 10px 6px}
.mrev{display:flex!important;flex-direction:column;gap:6px}
.pf .mrevrow[hidden]{display:none!important}
.mrevrow{background:var(--list);border-radius:8px;padding:6px 10px}
.mrevrow input{width:100%!important;text-align:right}
.tdsum{font-size:12px;font-weight:600;color:var(--muted);background:var(--btn);border-radius:99px;padding:1px 8px;width:auto!important;height:auto!important;display:inline-block!important}
.mfsec h3 .chip{width:auto;height:auto;display:inline-block;background:none}
.tdrn::before{content:none!important}
.tdrn{display:grid;place-items:center}.tdrn input{width:18px;height:18px;accent-color:var(--done);margin:0}
.mfhead .mfacts #evCancel{min-width:34px;justify-content:center}
@media (max-width:720px){
  .mrevh{display:none}
  .pf .mrevrow{grid-template-columns:1fr 1fr;row-gap:6px}.mrevrow>b{grid-column:1/-1}.mrevrow .gpct{grid-column:1/-1;text-align:left}
  .mrevtot{grid-column:1/-1}
  .mfnav{top:calc(env(safe-area-inset-top,0px) + 56px)}
}
.mfsec h3 .tdsum{background:var(--btn)!important;color:var(--muted)!important;border-radius:99px!important;font-size:12px!important;padding:1px 8px}
.mfsec h3 .chip{border-radius:4px!important;font-size:11px!important;padding:1px 7px;background:none!important}
.mfsec h3 .chip.st-ok{color:var(--done)!important}.mfsec h3 .chip.st-miss{color:var(--over)!important}
/* people involved popovers */
.ppltile{position:relative;overflow:visible}
.ppav{position:relative;border:0;background:none;padding:0;margin-right:-8px;cursor:pointer;border-radius:50%}
.ppav:hover,.ppav.open,.ppav:focus-visible{z-index:5}
.ppav:hover>.av,.ppav:hover>.avimg,.ppav.open>.av,.ppav.open>.avimg{box-shadow:0 0 0 2px var(--accent)!important}
.pptip{display:none;position:absolute;top:calc(100% + 8px);left:50%;transform:translateX(-50%);width:270px;z-index:30;text-align:left;background:var(--panel);color:var(--text);border-radius:10px;box-shadow:var(--sh2);padding:10px 12px;font-size:12.5px;line-height:1.35;cursor:default;flex-direction:column;gap:4px}
.pptip.wide{width:280px}
.pptip::before{content:"";position:absolute;top:-6px;left:50%;margin-left:-6px;border:6px solid transparent;border-top:0;border-bottom-color:var(--panel)}
.pptip>b{font-size:14px}
.pptip .ppl{margin:4px 0 0;display:flex;flex-direction:column;gap:5px}
.pptip .ppli{display:flex;flex-direction:column;gap:1px;padding:5px 8px;background:var(--list);border-radius:6px}
.pptip .ppli em{font-style:normal;font-size:11.5px;color:var(--muted)}
.ppmore{display:flex;flex-direction:column;padding:4px 0;border-bottom:1px solid var(--line)}.ppmore:last-child{border:0}
@media (hover:hover){.ppav:hover>.pptip{display:flex}}
.ppav.open>.pptip{display:flex}
@media (max-width:720px){.pptip{position:fixed;left:16px!important;right:16px;top:auto;bottom:calc(env(safe-area-inset-bottom,0px) + 80px);transform:none;width:auto}.pptip::before{display:none}}
.rcust .rcrow{display:flex;gap:8px}.rcust .rcrow input{width:90px}
/* year calendar: event days in light blue; agenda list */
:root{--evday:#D3E5FF;--evdayt:#0B3D91}
@media (prefers-color-scheme: dark){:root:not([data-theme="light"]){--evday:rgba(87,157,255,.30);--evdayt:#CFE1FF}}
:root[data-theme="dark"]{--evday:rgba(87,157,255,.30);--evdayt:#CFE1FF}
.yd.ev{background:var(--evday)!important;color:var(--evdayt)!important;font-weight:700}
.yd.rem:not(.ev){background:none!important;font-weight:500}
.ydots b.e{background:var(--verify)}
.ylegend b.e{background:var(--evday);width:14px;height:10px;border-radius:3px}
.agenda{background:var(--panel);border-radius:12px;box-shadow:var(--sh1);padding:6px 0 10px;margin-top:4px}
.agh{display:flex;align-items:baseline;justify-content:space-between;gap:10px;padding:12px 18px 6px;flex-wrap:wrap}.agh h3{margin:0;font-size:17px}
.agmonth{padding:14px 18px 6px;font-size:13px;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:.05em}
.agday{display:grid;grid-template-columns:64px minmax(0,1fr);gap:10px;padding:6px 18px;border-top:1px solid color-mix(in srgb,var(--line) 60%,transparent)}
.agd{display:flex;flex-direction:column;align-items:center;padding-top:4px}
.agd b{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;font-size:18px;font-weight:600}
.agd span{font-size:10.5px;font-weight:700;color:var(--muted);letter-spacing:.05em}
.agday.today .agd b{background:var(--verify);color:#fff}.agday.today .agd span{color:var(--verify)}
.agitems{display:flex;flex-direction:column;gap:4px;min-width:0}
.agit{display:flex;align-items:center;gap:10px;width:100%;text-align:left;border:0;border-radius:8px;padding:8px 12px;cursor:pointer;background:var(--evday);color:var(--text);font:inherit}
.agit.rem{background:var(--list)}
.agit:hover:not([disabled]){filter:brightness(.97);box-shadow:var(--sh1)}
.agit[disabled]{cursor:default}
.agdot{flex:0 0 auto;width:10px;height:10px;border-radius:50%;background:var(--verify)}
.agit.rem .agdot{background:var(--prog)}
.agtx{display:flex;flex-direction:column;min-width:0;flex:1}.agtx b{font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.agtx span{font-size:12px;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.agin{flex:0 0 auto;font-size:12px;color:var(--muted);font-weight:600}
@media (max-width:720px){.agday{grid-template-columns:48px minmax(0,1fr);padding:6px 12px}.agh,.agmonth{padding-inline:12px}.agin{display:none}}
.ydots b.r,.ylegend b.r,.dmic{background:var(--prog)}.dmic{background:none;color:var(--prog)}
@media (hover:none){.agit:hover:not([disabled]){filter:none;box-shadow:none}}
/* ===== Settings ===== */
body.setmode .stats,body.setmode .toolbar,body.setmode #legend{display:none!important}
.stpage{display:flex;flex-direction:column;gap:14px}
.sthero h2{margin:2px 0 4px;font-size:28px!important}
.stnav{display:flex;flex-wrap:wrap;gap:6px;position:sticky;top:0;z-index:3;background:var(--bg);padding:6px 0}
@media (min-width:721px){.stnav{top:58px}}
.stnav a{font-size:12.5px;font-weight:600;color:var(--text);text-decoration:none;padding:6px 12px;border-radius:99px;background:var(--btn)}.stnav a:hover{background:var(--btnh)}
.stsec{background:var(--panel);border-radius:12px;box-shadow:var(--sh1);scroll-margin-top:130px;overflow:hidden}
.sthead{display:flex;gap:12px;align-items:flex-start;padding:16px 18px 4px}.sthead h3{margin:0;font-size:16px}.sthead p{margin:3px 0 0}
.stn{display:inline-grid;place-items:center;flex:0 0 auto;width:26px;height:26px;border-radius:50%;background:var(--accent);color:var(--accentInk);font-size:12.5px;font-weight:700}
.stbody{padding:10px 18px 14px 56px}
.stfoot{display:flex;align-items:center;gap:10px;justify-content:flex-end;padding:12px 18px;background:var(--panel2);border-top:1px solid var(--line)}.stfoot .hint{flex:1}
.stlist{display:flex;flex-direction:column;gap:6px;margin-bottom:6px}
.strow{display:flex;align-items:center;gap:6px;flex-wrap:wrap;background:var(--list);border-radius:8px;padding:6px 8px}
.strow input[type=text]{flex:1 1 180px;min-width:0}
.stgrip{display:inline-grid;place-items:center;width:24px;height:24px;border-radius:6px;background:var(--btnh);font-size:11px;font-weight:700;color:var(--muted);flex:0 0 auto}
.strow .cib.armed{background:var(--over);color:#fff;width:auto;padding:0 8px}
.swatches{display:flex;gap:4px;flex-wrap:wrap}
.swatches label{cursor:pointer;display:inline-flex}.swatches input{position:absolute;opacity:0;pointer-events:none}
.swatches i{display:block;width:20px;height:20px;border-radius:50%;background:var(--sw);box-shadow:inset 0 0 0 2px rgba(255,255,255,.35)}
.swatches input:checked+i{box-shadow:0 0 0 2px var(--panel),0 0 0 4px var(--text)}
.swatches input:focus-visible+i{outline:2px solid var(--verify);outline-offset:2px}
.stgrid3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.stgrid3 label{display:flex;flex-direction:column;gap:4px;font-size:12px;font-weight:600;color:var(--muted)}
.sttog{display:flex!important;flex-direction:row!important;align-items:flex-start;gap:10px;background:var(--list);border-radius:8px;padding:10px 12px;cursor:pointer;color:var(--text)!important}
.sttog input{width:18px;height:18px;margin-top:2px;accent-color:var(--done);flex:0 0 auto}.sttog>span{display:flex;flex-direction:column;gap:2px}.sttog b{font-size:13.5px}
.stchecks{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:8px}
.stst{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.stst .sp{flex:1}
.stactions{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:8px}
@media (max-width:720px){.stbody{padding:10px 14px 14px}.sthead{padding:14px 14px 4px}.stfoot{padding:12px 14px}.stgrid3{grid-template-columns:1fr}.stnav{top:calc(env(safe-area-inset-top,0px) + 56px);flex-wrap:nowrap;overflow-x:auto}.stnav a{white-space:nowrap}}
/* ===== Home: compact list + display options ===== */
.task.card.pri{box-shadow:var(--sh1),inset 3px 0 0 var(--over)}
.stchip{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:600;color:var(--muted);background:var(--btn);border-radius:99px;padding:3px 10px}
.stchip[data-s="In progress"]{color:var(--prog)}.stchip[data-s="Blocked"]{color:var(--blocked)}.stchip[data-s="Done"],.stchip[data-s="Verified"]{color:var(--done)}
.homeseg{margin-right:4px}
.lview{display:flex;flex-direction:column;gap:14px}
.lgroup{background:var(--panel);border-radius:12px;box-shadow:var(--sh1),inset 0 3px 0 var(--dc);overflow:hidden}
.lghead{display:flex;align-items:center;gap:10px;padding:12px 16px 8px}.lghead h2{margin:0;font-size:15px!important}.lghead .sw{width:10px;height:10px;border-radius:3px}
.lghead .bar{flex:1;max-width:220px;height:4px;margin-left:8px}.lghead .gm{font-size:12px;color:var(--muted)}.lghead .ghost{margin-left:auto}
.lcols,.task.card.lrow{display:grid;grid-template-columns:132px minmax(0,1fr) 130px 132px 130px 64px;gap:10px;align-items:center;flex-direction:initial}
.lcols{padding:6px 16px;font-size:11px;font-weight:600;color:var(--muted);text-transform:uppercase;letter-spacing:.04em;border-bottom:1px solid var(--line)}
.lrows{display:flex;flex-direction:column}
.task.card.lrow{border-radius:0;box-shadow:none;padding:7px 16px;background:none;border-bottom:1px solid color-mix(in srgb,var(--line) 60%,transparent);gap:10px}
.task.card.lrow:hover{background:var(--cardh);box-shadow:none}
.task.card.lrow.mine{box-shadow:inset 3px 0 0 var(--accent)}
.lrow .t{font-size:14px!important;font-weight:600;display:flex;align-items:center;gap:6px;min-width:0}
.lc-t{min-width:0;display:flex;flex-direction:column;gap:3px}
.lc-t .t{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block!important}
.pflag{display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--over);margin-right:6px;vertical-align:1px}
.labels.sm .lb{height:17px;font-size:10.5px;padding:0 6px}
.lc-o{font-size:12.5px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.lc-d .bdg.due{margin-left:0}
.lc-a{position:relative;display:flex;justify-content:flex-end;gap:4px}
.lrow .cacts{position:static;opacity:0}.lrow:hover .cacts,.lrow:focus-within .cacts{opacity:1}
.movednote{margin:2px 4px}
.hmwrap{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(260px,.8fr);gap:16px;align-items:start}
.hmlay{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:10px}
.hmopt{display:flex;gap:10px;align-items:flex-start;background:var(--list);border-radius:8px;padding:10px 12px;cursor:pointer}
.hmopt input{margin-top:3px;accent-color:var(--accent)}.hmopt>span{display:flex;flex-direction:column}
.stchecks.one{grid-template-columns:1fr 1fr}
.hmprev{position:sticky;top:130px}.hmcard{background:var(--list);border-radius:12px;padding:10px}
.hmcard .task.card{cursor:default}
@media (max-width:1100px){.lcols{display:none}.task.card.lrow{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"t w" "st d";row-gap:4px}.lc-t{grid-area:t}.lc-w{grid-area:w}.lc-st{grid-area:st}.lc-d{grid-area:d;justify-self:end}.lc-o,.lc-a{display:none}}
@media (max-width:720px){.hmwrap{grid-template-columns:1fr}.hmprev{position:static}.stchecks.one,.hmlay{grid-template-columns:1fr}.homeseg button{padding:0 10px}}
.groups.board.mas{display:grid;grid-template-columns:repeat(var(--nc),minmax(0,1fr));gap:14px;align-items:start}
.bcol{display:flex;flex-direction:column;gap:14px;min-width:0}
/* ===== Home by person, colourful toolbar, animated Add ===== */
.gseg{background:linear-gradient(135deg,color-mix(in srgb,#E0508A 16%,transparent),color-mix(in srgb,#3F86D9 16%,transparent))!important}
.gseg button[aria-pressed="true"]{background:linear-gradient(135deg,#E0508A,#7C4DCC)!important;color:#fff!important;box-shadow:0 4px 12px rgba(124,77,204,.35)!important}
.onlyme{background:color-mix(in srgb,#F5A524 22%,transparent)!important;color:var(--text)!important;font-weight:700}
.onlyme.on{background:linear-gradient(135deg,#F5A524,#E5383B)!important;color:#fff!important}
.pick select{border-color:color-mix(in srgb,#7C4DCC 45%,var(--line))!important;background:color-mix(in srgb,#7C4DCC 10%,var(--panel))!important;font-weight:600}
.toolbar label.inline[for="fDept"] select{border-color:color-mix(in srgb,#E0508A 45%,var(--line));background:color-mix(in srgb,#E0508A 8%,var(--panel))}
.toolbar #fOutletWrap select{border-color:color-mix(in srgb,#1FA88F 45%,var(--line));background:color-mix(in srgb,#1FA88F 8%,var(--panel))}
.homeseg{background:color-mix(in srgb,#3F86D9 14%,transparent)!important}.homeseg button[aria-pressed="true"]{background:#3F86D9!important;color:#fff!important}
#tgSummary{background:linear-gradient(135deg,#2AABEE,#1E88D0)!important;color:#fff!important;font-weight:700}
#addBtn{background:linear-gradient(135deg,#F0555A,#C8202B);overflow:hidden;animation:addpulse 2.4s ease-in-out infinite}
@media (min-width:721px){#addBtn{position:relative}}
#addBtn::after{content:"";position:absolute;top:0;left:-60%;width:40%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.45),transparent);transform:skewX(-20deg);animation:addshine 3.2s ease-in-out infinite}
@keyframes addpulse{0%,100%{box-shadow:0 0 0 0 rgba(229,56,59,.55)}50%{box-shadow:0 0 0 8px rgba(229,56,59,0)}}
@keyframes addshine{0%,60%{left:-60%}100%{left:130%}}
@media (prefers-reduced-motion:reduce){#addBtn,#addBtn::after{animation:none}}
.pslot{gap:8px}
.tgbtn{display:inline-flex;align-items:center;gap:6px;border-radius:99px;background:#2AABEE;color:#fff!important;text-decoration:none;padding:5px 8px;font-size:12px;font-weight:700;flex:0 0 auto}
.tgbtn svg{width:14px;height:14px}.tgbtn:hover{filter:brightness(1.08)}
.tgbtn.big{padding:9px 16px;font-size:14px;gap:8px}.tgbtn.big svg{width:17px;height:17px}.tgbtn em{font-style:normal;font-weight:500;opacity:.85;font-size:12px}
.psec .ghead .av,.psec .ghead .avimg{width:30px;height:30px;font-size:11px}
.psec .ghead h2{font-size:14.5px!important}
.pshint{padding:0 6px 4px;font-size:12px}
.lghead .av,.lghead .avimg{width:26px;height:26px;font-size:10px}
.pbanner{display:flex;align-items:center;gap:16px;background:var(--panel);border-radius:14px;box-shadow:var(--sh1),inset 4px 0 0 var(--dc);padding:16px 20px;margin-bottom:14px;flex-wrap:wrap}
.av.xl,.avimg.xl{width:64px;height:64px;font-size:22px}
.pbinfo{flex:1;min-width:0}.pbinfo h2{margin:0 0 2px;font-size:22px!important}.pbinfo .hint{display:flex;align-items:center;gap:6px}
.pbstats{display:flex;flex-wrap:wrap;gap:6px 16px;margin-top:8px;font-size:13px;color:var(--muted)}.pbstats b{color:var(--text);font-size:15px}
@media (max-width:720px){.pslot{flex-wrap:wrap}.gseg{order:-1}.pbanner{padding:14px}.av.xl,.avimg.xl{width:52px;height:52px;font-size:18px}}
.sysrow{display:flex;gap:16px;flex-wrap:wrap;align-items:flex-end}
.sysver{display:flex;flex-direction:column;gap:2px;background:var(--list);border-radius:10px;padding:10px 14px;min-width:200px}.sysver b{font-size:16px}
.sysup{display:flex;gap:8px;flex-wrap:wrap;align-items:center;flex:1}
.sysfile{position:relative;display:inline-flex;align-items:center;gap:8px;background:var(--btn);border-radius:8px;padding:0 12px;min-height:38px;cursor:pointer;font-weight:600;font-size:13px}
.sysfile input{position:absolute;inset:0;opacity:0;cursor:pointer}.sysfile em{font-style:normal;font-weight:500;color:var(--muted);max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#sysPw{flex:1 1 180px}
.sysmsg{margin-top:10px;background:var(--list);border-radius:8px;padding:10px 12px}
.sysbk{display:flex;flex-direction:column;gap:6px}
.strow .ghost.armed{background:var(--over);color:#fff}
/* ===== Online Channel ===== */
.mkpage .seg button[aria-pressed="true"]{background:var(--mk);color:#fff}
body.mkmode .stats,body.mkmode .toolbar,body.mkmode #legend{display:none!important}
.mkpage{display:flex;flex-direction:column;gap:14px;--mk:var(--d-mkt);min-width:0}
.btn.mkbtn{background:var(--mk,var(--d-mkt));color:#fff}.btn.mkok{background:var(--done);color:#fff}
.btn.sm,.ghost.sm{min-height:28px;padding:0 10px;font-size:12px}
.mkhero{position:relative;display:flex;justify-content:space-between;align-items:flex-end;gap:14px;flex-wrap:wrap;background:var(--panel);border-radius:14px;padding:18px 20px 16px 24px;box-shadow:var(--sh1);overflow:hidden}
.mkhero::before{content:"";position:absolute;left:0;top:0;bottom:0;width:6px;background:linear-gradient(180deg,var(--mk),#F0B43C)}
.mkhero h2{margin:2px 0 4px;font-family:var(--display);font-weight:700;font-size:30px;letter-spacing:-.015em;line-height:1.1}.mkhero p{margin:0;max-width:70ch}
.mkeye{color:var(--mk)!important;display:flex;align-items:center;gap:8px}.mkrole{font-size:10.5px;letter-spacing:.06em;background:color-mix(in srgb,var(--mk) 16%,transparent);color:var(--mk);padding:2px 8px;border-radius:99px}
.mkacts{display:flex;gap:8px;flex-wrap:wrap}
.mknav{display:flex;align-items:center;gap:4px;flex-wrap:wrap;position:sticky;top:0;z-index:4;background:var(--bg);padding:6px 0}
@media (min-width:721px){.mknav{top:58px}}
.mknav button{display:inline-flex;align-items:center;gap:6px;border:0;background:var(--btn);color:var(--text);font-weight:600;font-size:12.5px;padding:0 11px;min-height:32px;border-radius:99px;cursor:pointer;white-space:nowrap}
.mknav button:hover{background:var(--btnh)}.mknav button[aria-current="page"]{background:var(--mk);color:#fff}.mknav button[aria-current="page"] .mkcb{box-shadow:0 0 0 1.5px #fff}
.mksep{width:1px;height:20px;background:var(--line);margin:0 4px}
.mkn{display:inline-grid;place-items:center;min-width:18px;height:18px;padding:0 5px;border-radius:99px;background:var(--accent);color:#fff;font-size:10.5px;font-weight:700;font-style:normal}.mkn.bad{background:var(--over)}
.mknav button[aria-current="page"] .mkn{background:#fff;color:var(--mk)}h3 .mkn{background:var(--btnh);color:var(--text)}
.mkcb{display:inline-grid;place-items:center;min-width:18px;height:18px;padding:0 3px;border-radius:5px;background:var(--cc);color:#fff;font-size:9.5px;font-weight:800;letter-spacing:-.02em;flex:0 0 auto;font-style:normal}.mkcb.big{min-width:30px;height:30px;font-size:13px;border-radius:8px}
.mkdemo{display:inline-block;font-size:9.5px;font-weight:800;letter-spacing:.08em;color:#7a4b00;background:#FFD66B;border-radius:4px;padding:1px 5px;margin-left:6px;vertical-align:middle}.mkdemo.sm{margin-left:4px;padding:0 3px}
.mkdemobar{display:flex;align-items:center;gap:10px;flex-wrap:wrap;background:color-mix(in srgb,#FFD66B 16%,var(--panel));border:1px dashed #E0B22E;border-radius:10px;padding:8px 12px;font-size:13px}.mkdemobar .mkdemo{margin:0}.mkdemobar>span:nth-child(2){flex:1 1 240px}.mkdemobar.sm{padding:4px 10px;margin:0 0 8px}
.mkchips .evchip{min-height:34px}.mkchips .evchip[aria-pressed="true"]{background:var(--mk);border-color:var(--mk);color:#fff}.mkchips .evchip[aria-pressed="true"] span{color:#fff}.mkchips .evchip:hover{border-color:var(--mk)}
.mkfbar{display:flex;flex-direction:column;gap:8px}.mkfr{display:flex;flex-wrap:wrap;gap:8px 12px;align-items:flex-end}.mkfl{display:flex;flex-direction:column;gap:3px;font-size:11.5px;font-weight:600;color:var(--muted)}.mkfl select,.mkfl input{min-height:34px;padding:4px 8px}.mkrl{margin-left:auto;align-self:center}
.mkgrp{display:flex;flex-direction:column;gap:8px}.mkh3{margin:4px 0 0;font-size:13px;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);display:flex;gap:10px;align-items:baseline;flex-wrap:wrap}.mkh3 .hint{text-transform:none;letter-spacing:0}
.mktiles{grid-template-columns:repeat(auto-fill,minmax(160px,1fr))}.rtile.mkt .v{font-size:24px}.rtile.na .v{color:var(--muted)}.rtile.warn .v{color:var(--prog)}.rtile .s{min-height:16px}
.mkna{color:var(--muted);font-style:italic}.mklink{background:none;border:0;padding:0;color:var(--verify);font-weight:600;cursor:pointer;font-size:12.5px;text-align:left}.mklink:hover{text-decoration:underline}
.mkdash{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:14px;align-items:start}.mkdl,.mkdr{display:flex;flex-direction:column;gap:14px;min-width:0}
@media (max-width:1100px){.mkdash{grid-template-columns:1fr}}
.mkcard{background:var(--panel);border-radius:12px;box-shadow:var(--sh1);padding:14px 16px;display:flex;flex-direction:column;gap:8px;min-width:0}
.mkch{display:flex;align-items:center;gap:10px;justify-content:space-between;flex-wrap:wrap}.mkch h3{margin:0;font-size:15px;display:flex;align-items:center;gap:8px}
.l-g{--lc:var(--done)}.l-y{--lc:var(--prog)}.l-r{--lc:var(--over)}.l-na{--lc:var(--line)}
.mklegend{display:flex;gap:10px;align-items:center;font-size:11.5px;color:var(--muted);flex-wrap:wrap}.mklegend i{display:inline-block;width:9px;height:9px;border-radius:50%;background:var(--lc);margin-right:-6px}
.mkhrow{display:grid;grid-template-columns:200px minmax(0,1fr);gap:12px;align-items:center;padding:10px 0;border-top:1px solid var(--line)}.mkhrow:first-of-type{border-top:0}
.mkho{display:grid;grid-template-columns:1fr auto;gap:3px 8px;background:none;border:0;text-align:left;cursor:pointer;padding:6px 8px;border-radius:8px;color:var(--text)}.mkho:hover{background:var(--btn)}.mkho .bar,.mkho .hint{grid-column:1/-1}.mkho .bar{height:6px}.mkho .bar i{background:var(--lc)}
.mkhpct{font-family:var(--display);font-weight:800;font-size:20px;color:var(--lc)}.l-na.mkhpct{color:var(--muted)}
.mkhd{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:6px}
.mkhc{display:flex;gap:7px;align-items:flex-start;background:color-mix(in srgb,var(--lc) 12%,var(--panel2));border-radius:8px;padding:7px 8px;min-width:0;cursor:help}.mkhc>i{flex:0 0 auto;width:10px;height:10px;border-radius:50%;background:var(--lc);margin-top:3px}.l-na.mkhc{background:var(--panel2)}.l-na.mkhc>i{background:none;border:2px solid var(--line)}
.mkhc span{display:flex;flex-direction:column;min-width:0}.mkhc b{font-size:12px}.mkhc em{font-style:normal;font-size:11px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
@media (max-width:860px){.mkhrow{grid-template-columns:1fr}.mkhd{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:420px){.mkhd{grid-template-columns:repeat(2,minmax(0,1fr))}}
.mkalerts{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}.mkalerts li{display:flex;gap:8px;align-items:flex-start;background:var(--panel2);border-radius:8px;padding:7px 8px;font-size:12.5px}
.mkalerts li>i{flex:0 0 auto;width:4px;align-self:stretch;border-radius:3px;background:var(--prog)}.mkalerts li.sev-bad>i{background:var(--over)}.mkalerts li.sev-info>i{background:var(--line)}.mkalerts li>div{flex:1;min-width:0}.mkalerts li span .mkcb{margin-right:5px}
.mkqt{width:auto;padding:0 8px;white-space:nowrap;flex:0 0 auto;color:var(--text)}.mkalerts.sm li{font-size:12px;padding:5px 8px}
.mkok{padding:10px;border-radius:8px;background:color-mix(in srgb,var(--done) 12%,var(--panel2));color:var(--done);font-weight:600;font-size:13px}
.mkmini{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:4px}.mkmini button{display:flex;align-items:center;gap:8px;width:100%;background:var(--panel2);border:0;border-radius:8px;padding:7px 8px;text-align:left;cursor:pointer;color:var(--text)}.mkmini button:hover{background:var(--btnh)}
.mkmini span:not(.mkcb):not(.mkst){display:flex;flex-direction:column;min-width:0;flex:1}.mkmini b{font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mkmini em{font-style:normal;font-size:11.5px;color:var(--muted)}
.mkcamp-dot{width:8px;height:8px;border-radius:50%;background:var(--done);flex:0 0 auto}.mktdot{width:8px;height:8px;border-radius:50%;background:var(--prog);flex:0 0 auto}.mktdot.late{background:var(--over)}
.mkst{display:inline-flex;align-items:center;font-size:11px;font-weight:700;border-radius:4px;padding:2px 7px;white-space:nowrap;background:var(--btnh);color:var(--text)}
.mkst.s-idea{background:color-mix(in srgb,#9FADBC 22%,transparent);color:var(--muted)}.mkst.s-draft{background:var(--btnh);color:var(--text)}.mkst.s-pend{background:color-mix(in srgb,var(--prog) 20%,transparent);color:var(--prog)}.mkst.s-ok{background:color-mix(in srgb,var(--done) 18%,transparent);color:var(--done)}.mkst.s-sch{background:color-mix(in srgb,var(--verify) 20%,transparent);color:var(--verify)}.mkst.s-pub{background:var(--done);color:#fff}.mkst.s-bad{background:color-mix(in srgb,var(--over) 18%,transparent);color:var(--over)}.mkst.s-new{background:var(--accent);color:#fff}
.mkpri{font-size:10.5px;font-weight:800;border-radius:4px;padding:1px 6px;margin-right:5px;background:var(--btnh)}.mkpri.p-High{background:color-mix(in srgb,var(--prog) 22%,transparent);color:var(--prog)}.mkpri.p-Urgent{background:var(--over);color:#fff}.mkpri.p-Low{color:var(--muted)}
.mkconn{display:inline-flex;font-size:11px;font-weight:700;border-radius:99px;padding:2px 8px;white-space:nowrap}.mk-man{background:color-mix(in srgb,var(--verify) 16%,transparent);color:var(--verify)}.mk-ok{background:color-mix(in srgb,var(--done) 18%,transparent);color:var(--done)}.mk-warn{background:color-mix(in srgb,var(--prog) 20%,transparent);color:var(--prog)}.mk-bad{background:color-mix(in srgb,var(--over) 18%,transparent);color:var(--over)}.mk-none{background:var(--panel2);color:var(--muted);border:1px dashed var(--line)}
/* channels */
.mkmx{display:grid;grid-template-columns:120px repeat(var(--n),minmax(110px,1fr));gap:4px;overflow-x:auto;padding-bottom:4px}.mkmxh{display:flex;flex-direction:column;align-items:center;gap:3px;font-size:11.5px;padding:4px;text-align:center}.mkmxo{align-self:center;font-size:13px}
.mkmxc{display:flex;flex-direction:column;align-items:center;gap:3px;background:var(--panel2);border:0;border-radius:8px;padding:8px 4px;cursor:pointer;color:var(--text);min-height:54px;justify-content:center}.mkmxc:hover:not([disabled]){background:var(--btnh)}.mkmxc em{font-style:normal;font-size:11px;color:var(--muted);max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mkmxc[disabled]{cursor:default;opacity:.7}
.mktable{display:flex;flex-direction:column;gap:4px;overflow-x:auto}.mktr{display:grid;gap:10px;align-items:center;background:var(--panel2);border:0;border-radius:8px;padding:8px 10px;text-align:left;color:var(--text);font-size:12.5px;cursor:pointer;min-width:0}.mktr:hover{background:var(--btnh)}
.mktr>span{min-width:0;display:flex;flex-wrap:wrap;gap:4px;align-items:center}.mktr em{font-style:normal;color:var(--muted);font-size:11.5px;width:100%}.mkth{background:none!important;cursor:default;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);padding-block:2px}
.mkchtable .mktr{grid-template-columns:110px 130px minmax(0,1.4fr) 130px 90px 140px 70px minmax(0,1fr)}
.mkclip{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:block!important;color:var(--muted)}.mkurl{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mktr .av,.mktr .avimg,.mkown .av,.mkown .avimg{width:20px;height:20px;font-size:9px}
.mkflow b{color:var(--text)}.mkarch{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:10px}.mkarchc{border:1px solid var(--line);border-top:3px solid var(--cc);border-radius:10px;padding:10px;display:flex;flex-direction:column;gap:8px}.mkarchh{display:flex;align-items:center;gap:8px}.mkarchh b{flex:1}
.mkarchs{display:flex;flex-wrap:wrap;gap:4px}.mkarchs .lbl{width:100%;margin:0}.mkpill{font-size:11.5px;background:var(--panel2);border-radius:99px;padding:2px 8px}.mkpill.warn{background:color-mix(in srgb,var(--prog) 18%,transparent);color:var(--prog);font-weight:600}
.mkact{display:inline-flex;align-items:center;gap:6px;font-size:12px;background:var(--panel2);border:1px solid var(--line);border-radius:8px;padding:4px 8px;color:var(--text)}.mkact em{font-style:normal;font-size:10px;font-weight:700;border-radius:4px;padding:0 4px}.mkact.api em{background:color-mix(in srgb,var(--verify) 18%,transparent);color:var(--verify)}.mkact.man em{background:var(--btnh);color:var(--muted)}
button.mkact{cursor:pointer;min-height:32px}button.mkact:hover:not([disabled]){border-color:var(--mk)}
.mkchint{display:flex;gap:12px;align-items:center;background:var(--panel);border-left:4px solid var(--cc);border-radius:10px;padding:10px 14px;box-shadow:var(--sh1)}.mkchint>div{display:flex;flex-direction:column;gap:2px}
.mkocs{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,520px),1fr));gap:14px}.mkoc{border-top:4px solid var(--cc,var(--mk))}
.mkoch{display:flex;justify-content:space-between;gap:10px;align-items:flex-start}.mkoch h3{margin:0;font-size:17px}.mkoch a{color:var(--verify)}
.mkocb{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px}@media (max-width:620px){.mkocb{grid-template-columns:1fr}}
.mkprofh{display:flex;justify-content:space-between;align-items:baseline}.mkprofh b{font-size:18px;color:var(--lc)}.mkprof .bar i{background:var(--lc)}
.mkchk{list-style:none;padding:0;margin:8px 0 0;display:flex;flex-direction:column;gap:3px;font-size:12px}.mkchk li{display:grid;grid-template-columns:16px 1fr auto;gap:6px;align-items:center}.mkchk i{font-style:normal;font-weight:800;text-align:center;border-radius:50%;width:16px;height:16px;font-size:10px;display:grid;place-items:center}
.mkchk li.ok i{background:color-mix(in srgb,var(--done) 20%,transparent);color:var(--done)}.mkchk li.no i{background:color-mix(in srgb,var(--over) 20%,transparent);color:var(--over)}.mkchk li.no span{color:var(--text);font-weight:600}.mkchk li.ok span{color:var(--muted)}.mkchk em{font-style:normal;color:var(--muted);font-size:11px;white-space:nowrap;max-width:140px;overflow:hidden;text-overflow:ellipsis}
.mkmets{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;margin-top:6px}.mkmet{background:var(--panel2);border-radius:8px;padding:6px 8px;display:flex;flex-direction:column;gap:1px}.mkmet span{font-size:11px;color:var(--muted)}.mkmet b{font-size:17px;font-variant-numeric:tabular-nums}.mkmet em{font-style:normal;font-size:10.5px;color:var(--muted)}
.mknodata{display:flex;flex-direction:column;gap:4px;background:var(--panel2);border:1px dashed var(--line);border-radius:8px;padding:14px;margin-top:6px;align-items:flex-start}
.mksub{display:flex;flex-direction:column;gap:6px;border-top:1px solid var(--line);padding-top:8px}.mksub .lbl{margin:0}.mkacts2{display:flex;flex-wrap:wrap;gap:6px}
.mkpipe{display:flex;align-items:center;gap:2px;flex-wrap:wrap}.mkpipe i{font-style:normal;color:var(--muted);font-size:11px}.mkpipe button{display:flex;flex-direction:column;align-items:center;background:var(--panel2);border:0;border-radius:8px;padding:4px 8px;cursor:pointer;color:var(--text);min-width:54px}.mkpipe button:hover{background:var(--btnh)}.mkpipe b{font-size:16px}.mkpipe span{font-size:10.5px;color:var(--muted)}
.mkrevmini{display:flex;gap:14px;align-items:center;flex-wrap:wrap;font-size:12.5px}.mkrevmini .bad{color:var(--over)}
.mkocf{display:flex;flex-wrap:wrap;gap:6px;border-top:1px solid var(--line);padding-top:10px}
/* calendar */
.mkcalbar{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.mkcalbar .sp{flex:1}.mkcalbar select{min-height:34px;padding:4px 8px}.mkmonth b{min-width:190px;font-size:15px}
.mkcal{background:var(--panel);border-radius:12px;box-shadow:var(--sh1);overflow:hidden}.mkcw{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));background:var(--panel2);font-size:11px;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:.06em}.mkcw span{padding:6px 8px}
.mkcg{display:grid;grid-template-columns:repeat(7,minmax(0,1fr))}.mkcd{min-height:112px;border-top:1px solid var(--line);border-left:1px solid var(--line);padding:4px;display:flex;flex-direction:column;gap:3px;min-width:0}.mkcd:nth-child(7n+1){border-left:0}.mkcd.out{background:var(--panel2);opacity:.5}
.mkcd.today{background:color-mix(in srgb,var(--mk) 7%,var(--panel))}.mkcd.today .mkcdn{background:var(--mk);color:#fff}
.mkcdn{display:inline-flex;align-items:center;gap:4px;border:0;background:none;font-weight:700;font-size:12px;color:var(--text);border-radius:6px;padding:1px 6px;cursor:pointer}.mkcdn i{font-style:normal;opacity:0;color:var(--muted)}.mkcd:hover .mkcdn i{opacity:1}span.mkcdn{cursor:default}
.mkci{display:flex;align-items:center;gap:4px;width:100%;min-width:0;border:0;border-left:3px solid var(--cc);background:var(--panel2);border-radius:5px;padding:3px 5px;font-size:11.5px;color:var(--text);cursor:pointer;text-align:left}.mkci:hover{background:var(--btnh)}
.mkci>span{min-width:0;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mkci em{font-style:normal;color:var(--muted);font-size:10.5px;flex:0 0 auto}.mkci small{display:block;color:var(--muted);font-size:11px;overflow:hidden;text-overflow:ellipsis}
.mkcs{flex:0 0 auto;width:8px;height:8px;border-radius:50%;background:var(--muted);display:inline-block}.mkcs.s-Idea{background:transparent;border:1.5px solid var(--muted)}.mkcs.s-Draft{background:var(--muted)}.mkcs.s-PendingApproval{background:var(--prog)}.mkcs.s-Approved{background:var(--done);box-shadow:inset 0 0 0 2px var(--panel2)}.mkcs.s-Scheduled{background:var(--verify)}.mkcs.s-Published{background:var(--done)}.mkcs.s-Rejected{background:var(--over)}
.mkmore{border:0;background:none;color:var(--verify);font-size:11px;font-weight:600;cursor:pointer;text-align:left;padding:0 4px}
.mkweek{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:6px}.mkwd{background:var(--panel);border-radius:10px;box-shadow:var(--sh1);padding:6px;display:flex;flex-direction:column;gap:4px;min-height:200px;min-width:0}.mkwd.today{outline:2px solid var(--mk)}.mkwdh{display:flex;justify-content:space-between;align-items:center;font-size:12px}
.mkweek .mkci,.mkday .mkci,.mkund .mkci{align-items:flex-start}.mkweek .mkci>span,.mkday .mkci>span,.mkund .mkci>span{white-space:normal}
.mkday{display:flex;flex-direction:column;gap:8px}.mkdayi{background:var(--panel);border-radius:10px;box-shadow:var(--sh1);padding:8px}.mkdayi .mkci{font-size:13px;padding:6px 8px}.mkcap{margin:6px 4px 0;color:var(--muted);font-size:12.5px;white-space:pre-wrap}
.mkund{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:6px}
.mkcleg{display:flex;flex-wrap:wrap;gap:6px 12px;font-size:11.5px;color:var(--muted);align-items:center}.mkcleg span{display:inline-flex;align-items:center;gap:5px}.mkcleg .sp{flex:1}
@media (max-width:860px){.mkweek{grid-template-columns:1fr}.mkwd{min-height:0}}
@media (max-width:720px){.mkcd{min-height:64px;padding:2px}.mkci{padding:2px 3px;font-size:10px;border-left-width:2px}.mkci em,.mkci .mkdemo{display:none}.mkcdn{font-size:11px;padding:0 3px}.mkmonth b{min-width:130px}.mkcw span{padding:4px 2px;text-align:center}}
/* reviews */
.mkrtable .mktr{grid-template-columns:90px 64px 100px 84px minmax(0,2.2fr) 58px 110px 90px minmax(0,1fr) 90px 72px}.mkrr.hot{box-shadow:inset 3px 0 0 var(--over)}
.mkrtext{display:block!important;line-height:1.35}.mkstars{color:#F5B400;letter-spacing:-1px;font-size:13px;white-space:nowrap}.mkstars i{font-style:normal;color:var(--line)}
.mkflags{display:flex;flex-wrap:wrap;gap:4px;margin-top:4px}.mkflag{font-style:normal;font-size:10.5px;font-weight:700;border-radius:4px;padding:1px 6px;background:var(--btnh);color:var(--muted)}.mkflag.bad{background:var(--over);color:#fff}.mkflag.warn{background:color-mix(in srgb,var(--prog) 22%,transparent);color:var(--prog)}
.mkrep{display:flex;flex-wrap:wrap;gap:6px;align-items:center;font-size:12.5px}
@media (max-width:1180px){.mkrtable .mkth,.mkchtable .mkth{display:none}.mkrtable .mktr,.mkchtable .mktr{grid-template-columns:repeat(2,minmax(0,1fr));gap:4px 12px;padding:10px 12px}.mkrtable .mktr>span[data-l="Review"],.mkrtable .mktr>span[data-l="Response"],.mkchtable .mktr>span[data-l="Notes"]{grid-column:1/-1}
  .mkrtable .mktr>span::before,.mkchtable .mktr>span::before{content:attr(data-l);font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--muted);width:100%}.mkrtable .mktr>span[data-l="Review"]::before{display:none}}
/* campaigns */
.mkcamps{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,340px),1fr));gap:12px}
.mkcampc{display:flex;flex-direction:column;gap:8px;background:var(--panel);border:0;border-radius:12px;box-shadow:var(--sh1);padding:14px;text-align:left;color:var(--text);cursor:pointer}.mkcampc:hover{background:var(--cardh)}
.mkcamph{display:flex;justify-content:space-between;gap:8px;align-items:flex-start}.mkcamph>div{display:flex;flex-direction:column;gap:2px}.mkcamph b{font-size:15px}.mkobj{margin:0;font-size:12.5px;color:var(--muted)}
.mkcampch{display:flex;gap:6px;align-items:center;flex-wrap:wrap}.mkown{display:inline-flex;align-items:center;gap:5px;font-size:12px}
.mkbud{display:flex;flex-direction:column;gap:4px;font-size:12px;color:var(--muted)}.mkres{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px}.mkres span{background:var(--panel2);border-radius:6px;padding:4px 6px;display:flex;flex-direction:column}.mkres em{font-style:normal;font-size:10.5px;color:var(--muted)}.mkres b{font-size:14px}.mkres .good{color:var(--done)}.mkres .bad{color:var(--over)}
/* tasks */
.mktv{flex-wrap:wrap}.mktv button .mkn{height:16px;font-size:10px}
.mkboard{display:grid;grid-template-columns:repeat(4,minmax(220px,1fr));gap:10px;overflow-x:auto;align-items:start}.mkcol{background:var(--list);border-radius:12px;padding:8px;display:flex;flex-direction:column;gap:6px;min-width:0}.mkcolh{display:flex;justify-content:space-between;align-items:center;padding:2px 4px 4px;font-size:13px}.mkcole{padding:6px}
.mktc{background:var(--panel);border-radius:8px;box-shadow:var(--sh1);display:flex;flex-direction:column}.mktc.late{box-shadow:var(--sh1),inset 3px 0 0 var(--over)}.mktc.urg{box-shadow:var(--sh1),inset 3px 0 0 var(--over)}
.mktcb{display:flex;flex-direction:column;gap:5px;background:none;border:0;text-align:left;padding:9px 10px 4px;cursor:pointer;color:var(--text)}.mktct{font-size:13px;line-height:1.35}.mktcm{display:flex;flex-wrap:wrap;gap:4px 8px;align-items:center;font-size:11.5px;color:var(--muted)}.mktcm .bad{color:var(--over);font-weight:700}
.mktcf{display:flex;justify-content:space-between;align-items:center;gap:6px;padding:4px 10px 8px}.mktsel{min-height:28px!important;padding:2px 6px!important;font-size:12px!important;max-width:130px}
.mktlist{display:flex;flex-direction:column;gap:6px}.mktlist .mktc{flex-direction:row;align-items:center}.mktlist .mktcb{flex:1;padding:8px 10px}.mktlist .mktcf{padding:6px 10px}
@media (max-width:860px){.mkboard{grid-template-columns:repeat(4,minmax(240px,82vw));scroll-snap-type:x mandatory}.mkcol{scroll-snap-align:start}.mktlist .mktc{flex-direction:column;align-items:stretch}}
.mkapl{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}.mkapl li{display:flex;align-items:center;gap:10px;background:var(--panel2);border-radius:8px;padding:8px 10px;flex-wrap:wrap}.mkapl li>div:nth-child(2){flex:1 1 220px;display:flex;flex-direction:column;min-width:0}
.mkapk{font-size:10.5px;font-weight:800;text-transform:uppercase;letter-spacing:.05em;border-radius:4px;padding:2px 7px;background:var(--btnh)}.mkapk.k-content{color:var(--verify)}.mkapk.k-review{color:var(--prog)}.mkapk.k-campaign{color:var(--mk)}.mkapb{display:flex;gap:6px}
/* reports */
.mkrep-t{overflow-x:auto}.mkrep-t table{border-collapse:collapse;width:100%;font-size:12.5px}.mkrep-t th{text-align:left;font-size:11px;text-transform:uppercase;letter-spacing:.05em;color:var(--muted);padding:6px 8px;border-bottom:1px solid var(--line);white-space:nowrap}.mkrep-t td{padding:7px 8px;border-bottom:1px solid var(--line);font-variant-numeric:tabular-nums}.mkrep-t tr:last-child td{border-bottom:0}
@media (max-width:620px){.mkrep-t thead{display:none}.mkrep-t tr{display:grid;grid-template-columns:1fr 1fr;gap:2px 10px;padding:8px 0;border-bottom:1px solid var(--line)}.mkrep-t td{border:0;padding:2px 0;display:flex;flex-direction:column}.mkrep-t td::before{content:attr(data-l);font-size:10px;color:var(--muted);text-transform:uppercase}.mkrep-t td:first-child{grid-column:1/-1;font-weight:700}}
/* settings */
.mkset{display:flex;flex-direction:column;gap:14px}.mkstn{background:var(--mk)}.mkroles{display:flex;flex-direction:column;gap:6px}.mkrl{display:flex;align-items:center;gap:10px;flex-wrap:wrap;background:var(--list);border-radius:8px;padding:6px 10px}.mkrl .mkown{flex:1 1 200px}.mkrl .mkown .hint{margin-left:4px}
.mkro{display:flex;flex-wrap:wrap;gap:4px 10px;width:100%;font-size:12px}.mkro label{display:inline-flex;gap:4px;align-items:center}.mkro[hidden]{display:none}
.mkroleg{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:4px 16px;font-size:12px;color:var(--muted);margin-top:10px}.mkroleg b{color:var(--text)}
.mkrepr{flex-wrap:wrap}.mkrepr textarea{width:100%;min-height:52px}.mktplr .mkt-title{flex:1 1 220px}
/* modal */
.mkmodal{z-index:70;align-items:start;overflow-y:auto;padding:24px 16px}.mkmbg{position:fixed;inset:0}.mkm{position:relative;width:min(760px,100%);border-top-color:var(--mk);padding:0;gap:0;max-height:none}
.mkmh{display:flex;justify-content:space-between;align-items:flex-start;gap:10px;padding:16px 18px 10px;border-bottom:1px solid var(--line)}.mkmh h2{font-size:19px!important}.mkmh>div{display:flex;flex-direction:column;gap:4px}.mkmh .hint{display:flex;gap:6px;align-items:center;flex-wrap:wrap}
.mkmb{padding:14px 18px;display:flex;flex-direction:column;gap:10px}.mkmf{display:flex;gap:8px;align-items:center;flex-wrap:wrap;padding:12px 18px;background:var(--panel2);border-top:1px solid var(--line);border-radius:0 0 14px 14px;position:sticky;bottom:0}.mkmf .sp{flex:1}
.mkdel.armed{background:var(--over);color:#fff}.mkapv{display:flex;align-items:center;gap:6px;min-height:38px;color:var(--text);font-weight:500;font-size:13px}
.mkcapw{display:flex;flex-direction:column;gap:4px}.mkcaph{display:flex;align-items:center;gap:8px;justify-content:space-between;flex-wrap:wrap;font-size:12px;color:var(--muted);font-weight:600}.mkcaph>span{flex:1}.mkcaph select{min-height:30px;padding:2px 6px;font-size:12px}
.mkchecks{display:flex;flex-wrap:wrap;gap:6px 14px}.mkchecks label{display:inline-flex!important;flex-direction:row!important;align-items:center;gap:6px;color:var(--text)!important;font-weight:500!important}
.mkapst{background:var(--panel2);border-radius:8px;padding:8px 10px;font-size:12.5px;display:flex;gap:8px;align-items:center;flex-wrap:wrap}.mkapst.ok{background:color-mix(in srgb,var(--done) 12%,var(--panel2))}.mkapst.no{background:color-mix(in srgb,var(--over) 12%,var(--panel2))}.mkapst a{color:var(--verify)}
.mkapbox{border:1px solid var(--prog);border-radius:10px;padding:10px;display:flex;flex-direction:column;gap:6px;background:color-mix(in srgb,var(--prog) 7%,var(--panel))}
.mklog{display:flex;flex-direction:column;gap:2px;font-size:12px;color:var(--muted)}.mklog em{font-style:normal;font-size:11px}.mklog .lbl{margin:0}
.mkdrow{display:flex;gap:6px}.mkdrow input{flex:1;min-width:0}
/* AI */
.ghost.mkai{border:1px solid color-mix(in srgb,#8B5CF6 45%,transparent);color:#8B5CF6;background:color-mix(in srgb,#8B5CF6 8%,transparent)}.ghost.mkai:hover{background:color-mix(in srgb,#8B5CF6 16%,transparent)}
:root:not([data-theme="light"]) .ghost.mkai{color:#B79CFF}
@media (prefers-color-scheme: light){:root:not([data-theme="dark"]) .ghost.mkai{color:#6D3FD6}}:root[data-theme="light"] .ghost.mkai{color:#6D3FD6}
.mkaibox{border:1px solid color-mix(in srgb,#8B5CF6 45%,var(--line));background:color-mix(in srgb,#8B5CF6 6%,var(--panel));border-radius:10px;padding:10px;display:flex;flex-direction:column;gap:8px;margin-top:6px}
.mkaih{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.mkaih .hint{flex:1}.mkailab{font-size:11px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:#fff;background:#8B5CF6;border-radius:4px;padding:2px 7px}
.mkaio{display:flex;gap:10px;align-items:flex-start;background:var(--panel);border-radius:8px;padding:8px 10px}.mkaio p{margin:0;flex:1;white-space:pre-wrap;font-size:13px}.mkaitext{white-space:pre-wrap;font-size:13px;background:var(--panel);border-radius:8px;padding:10px}
.mkaiload{display:flex;align-items:center;gap:8px;color:var(--muted);font-size:13px}.mkaiload i{width:14px;height:14px;border-radius:50%;border:2px solid #8B5CF6;border-right-color:transparent;animation:mkspin .8s linear infinite}@keyframes mkspin{to{transform:rotate(360deg)}}
@media (max-width:720px){.mkhero{padding:14px 14px 12px 18px}.mkhero h2{font-size:24px}.mkhero p{display:none}.mkacts{width:100%}.mkacts>*{flex:1}
  .mknav{top:calc(env(safe-area-inset-top,0px) + 56px);flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;margin-inline:-16px;padding-inline:16px}.mknav::-webkit-scrollbar{display:none}
  .mkchips{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none}.mkchips .evchip{white-space:nowrap}.mkrl{margin-left:0;width:100%}
  .mkmodal{padding:0}.mkm{min-height:100%;border-radius:0}.mkmf{border-radius:0}.mkm .pf{grid-template-columns:1fr}.mkcalbar .seg{flex:1}.mkcalbar .seg button{flex:1}}
/* marketing fixes */
.mkaio p,.mkm .mkaitext{color:var(--text)}.mkm input[type=time]{background:var(--panel2);border:1px solid var(--line);border-radius:8px;padding:8px 10px;min-height:38px;width:100%}.mkm .pf input[type=date],.mkm .pf input[type=url],.mkm .pf select,.mkm .pf input[type=text],.mkm .pf input[type=number]{width:100%}
.mkcolh .mkn{background:var(--btnh);color:var(--text)}
.mkdemo{align-self:flex-start;flex:0 0 auto;width:max-content}
.mkmini span.mkdemo,.mkmini span.mkcamp-dot,.mkmini span.mktdot{flex:0 0 auto}
.mkclip::before{display:block}.mkhc{cursor:pointer}.mkhc em{white-space:normal}
@media (max-width:720px){.mkcalbar .seg{flex:1 1 100%;display:flex;overflow-x:auto;scrollbar-width:none}.mkcalbar .seg button{flex:1 0 auto;white-space:nowrap}
  .mkhd{grid-template-columns:repeat(3,minmax(0,1fr));gap:4px}.mkhc{padding:6px}.mkhc em{display:none}.mkhc b{font-size:11.5px}
  .mkdemobar{font-size:12px;padding:6px 10px}.mkdemobar>span:nth-child(2){flex:1 1 180px}
  .mkrep-t table,.mkrep-t tbody{display:block}.mkrep-t tr{width:100%}}
/* system menu (logo) + panels as full pages */
#sysBtn{cursor:pointer}#sysBtn:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.syslogo{width:40px;height:40px;border-radius:10px;object-fit:cover;background:#000;flex:0 0 auto}
@media (min-width:721px){#sysSheet .sheetbg{background:transparent;animation:none}#sysSheet .sheetpanel{transform:none;right:auto;left:max(16px,calc((100vw - 1480px)/2 + 16px));top:62px;bottom:auto;width:320px;max-height:calc(100vh - 80px);border:1px solid var(--line);border-radius:12px;box-shadow:var(--sh2);padding:12px;animation:fadein .15s ease}
  #sysSheet .grab{display:none}#sysSheet .acctlist{border:0;border-radius:0}#sysSheet .acctlist button{min-height:44px;background:none;border:0;border-radius:6px;font-size:14px;font-weight:500;padding:4px 10px;flex-direction:column;align-items:flex-start;justify-content:center;gap:0}#sysSheet .acctlist button:hover{background:var(--btnh)}#sysSheet .acctme{padding:4px 4px 12px;border-bottom:1px solid var(--line);margin-bottom:6px}}
#teamBtn{display:none!important}
body.panelmode .stats,body.panelmode .toolbar,body.panelmode #legend,body.panelmode #view,body.panelmode #addBtn,body.teammode #addBtn{display:none!important}
body.panelmode .side .tabs button[aria-selected="true"]{background:none;color:var(--text);font-weight:500}
.pnclose{margin-left:auto}
/* ===== HR / People ===== */
.mkmini span.hrav,.mkmini span.hrst{flex:0 0 auto!important}
body.hrmode .stats,body.hrmode .toolbar,body.hrmode #legend{display:none!important}
.hrpage{--mk:#1FA88F}
.hrpage .mkhero::before{background:linear-gradient(180deg,#1FA88F,#3F86D9)}.hreye{color:#1FA88F!important}.hrrole{background:color-mix(in srgb,#1FA88F 16%,transparent)!important;color:#1FA88F!important}
.btn.hrbtn{background:#1FA88F;color:#fff}.hrstn{background:#1FA88F}
.hrnav button.soon{opacity:.7}.hrnav button em{font-style:normal;font-size:9.5px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;background:var(--btnh);border-radius:4px;padding:0 4px}
.hrst{display:inline-flex;align-items:center;font-size:11px;font-weight:700;border-radius:4px;padding:2px 7px;white-space:nowrap}
.hrst.s-ok{background:color-mix(in srgb,var(--done) 18%,transparent);color:var(--done)}.hrst.s-warn{background:color-mix(in srgb,var(--prog) 20%,transparent);color:var(--prog)}.hrst.s-bad{background:color-mix(in srgb,var(--over) 18%,transparent);color:var(--over)}.hrst.s-leave{background:color-mix(in srgb,var(--blocked) 18%,transparent);color:var(--blocked)}.hrst.s-off{background:var(--btnh);color:var(--muted)}.hrst.s-sch{background:color-mix(in srgb,var(--verify) 18%,transparent);color:var(--verify)}
.warnc{color:var(--prog);font-weight:700}.badc{color:var(--over);font-weight:700}
.hrav{display:inline-grid;place-items:center;width:32px;height:32px;border-radius:50%;background:color-mix(in srgb,#1FA88F 22%,var(--panel2));color:var(--text);font-size:11.5px;font-weight:800;object-fit:cover;flex:0 0 auto}.hrav.sm{width:24px;height:24px;font-size:9.5px}.hrav.lg{width:64px;height:64px;font-size:20px}
.hrtile{border:0;text-align:left;cursor:pointer;color:var(--text);font:inherit}.hrtile:hover{background:var(--cardh)}
.hrbars{display:flex;flex-direction:column;gap:6px}.hrbar{display:grid;grid-template-columns:130px 1fr 34px;gap:10px;align-items:center;font-size:12.5px}.hrbar b{text-align:right;font-variant-numeric:tabular-nums}
.hrbar .bar i.s-ok{background:var(--done)}.hrbar .bar i.s-warn{background:var(--prog)}.hrbar .bar i.s-bad{background:var(--over)}.hrbar .bar i.s-leave{background:var(--blocked)}
.hrqa{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.hrqa button{display:flex;flex-direction:column;align-items:flex-start;gap:4px;background:var(--panel2);border:0;border-radius:10px;padding:12px;cursor:pointer;color:var(--text);font-size:20px;text-align:left}.hrqa button:hover{background:var(--btnh)}.hrqa b{font-size:13px}.hrqa em{font-style:normal;font-size:10px;color:var(--muted);text-transform:uppercase;font-weight:700}
.hrfbar input[type=search]{min-height:34px;padding:4px 10px;flex:1 1 180px;max-width:260px}.hrfbar input[type=date]{min-height:34px;padding:4px 8px}
.hretable .mktr{grid-template-columns:70px 36px minmax(0,1.4fr) minmax(0,1fr) 100px 100px minmax(0,1fr) 96px 70px 110px 120px}.hratable .mktr{grid-template-columns:minmax(150px,1.6fr) 96px 92px 72px 76px 60px 52px 60px 64px 124px}.hratable .hrnm{display:flex;flex-direction:column;min-width:0;line-height:1.25}.hratable .hrnm b{overflow-wrap:anywhere}.hratable .hrpos{font-size:12px;color:var(--muted);font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hratable .hrpos:empty{display:none}.hrdtable .mktr{grid-template-columns:minmax(0,1.5fr) 110px minmax(0,1fr) 110px 70px 110px 130px}.hrmtable .mktr{grid-template-columns:130px minmax(0,1fr) 70px 70px 70px 130px;cursor:default}
.hretable .mktr em,.hratable .mktr em{width:auto}.hrer>span:nth-child(3){flex-direction:column;align-items:flex-start;gap:1px}.hratable .mktr>span:first-child,.hrdtable .mktr>span:first-child{gap:8px;flex-wrap:nowrap}
.hrgeo-dot{display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:5px;vertical-align:middle}.hrgeo-dot.in{background:var(--done)}.hrgeo-dot.out{background:var(--over)}
.hrsum{display:flex;flex-wrap:wrap;gap:6px}.hrsum button{display:inline-flex;align-items:center;gap:8px;background:var(--panel);border:1px solid var(--line);border-radius:99px;padding:4px 10px 4px 5px;cursor:pointer;color:var(--text)}.hrsum button.on{border-color:#1FA88F;box-shadow:0 0 0 1px #1FA88F}.hrsum b{font-variant-numeric:tabular-nums}
@media (max-width:1180px){.hretable .mkth,.hratable .mkth,.hrdtable .mkth,.hrmtable .mkth{display:none}.hretable .mktr,.hratable .mktr,.hrdtable .mktr,.hrmtable .mktr{grid-template-columns:repeat(2,minmax(0,1fr));gap:4px 12px;padding:10px 12px}
  .hretable .mktr>span::before,.hratable .mktr>span::before,.hrdtable .mktr>span::before,.hrmtable .mktr>span::before{content:attr(data-l);font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--muted);width:100%}
  .hratable .mktr>span:first-child::before,.hrdtable .mktr>span:first-child::before,.hretable .mktr>span:nth-child(2)::before,.hretable .mktr>span:nth-child(3)::before{display:none}.hratable .mktr>span:first-child,.hrdtable .mktr>span:first-child{grid-column:1/-1}.hretable .mktr>span:nth-child(2){display:none}.hretable .mktr>span:nth-child(3){grid-column:1/-1;order:-1}}
/* check-in */
.hrci{display:grid;grid-template-columns:minmax(0,440px) minmax(0,1fr);gap:16px;align-items:start}@media (max-width:860px){.hrci{grid-template-columns:1fr}}.hrside{display:flex;flex-direction:column;gap:12px}
.hrcard{background:var(--panel);border-radius:18px;box-shadow:var(--sh1);padding:20px;display:flex;flex-direction:column;gap:16px;border-top:5px solid #1FA88F}
.hrcih{display:flex;justify-content:space-between;align-items:baseline}.hrclock-now{font-family:var(--display);font-size:30px;font-weight:800;font-variant-numeric:tabular-nums}
.hrshift{display:flex;flex-direction:column;align-items:center;gap:2px;text-align:center;background:var(--panel2);border-radius:14px;padding:16px}.hrshift b{font-size:22px;letter-spacing:.02em;text-transform:uppercase}.hrshift strong{font-family:var(--display);font-size:32px;font-weight:800;font-variant-numeric:tabular-nums;margin-top:4px}.hrshift.none b{font-size:16px;text-transform:none}
.hrclock{width:100%;min-height:92px;border:0;border-radius:18px;font:800 26px var(--display);letter-spacing:.08em;color:#fff;cursor:pointer;box-shadow:0 8px 24px rgba(0,0,0,.18);transition:transform .1s}.hrclock:active{transform:scale(.98)}.hrclock[disabled]{opacity:.7;cursor:wait}
.hrclock.in{background:linear-gradient(180deg,#22B573,#159258)}.hrclock.out{background:linear-gradient(180deg,#EC4043,#B7202B)}
.hrdone{display:flex;flex-direction:column;align-items:center;gap:2px;color:var(--done);font-size:18px;font-weight:600;text-align:center}.hrdone b{font-size:22px}.hrdone span{font-size:12.5px;color:var(--muted);font-weight:500}
.hrmsg{border-radius:10px;padding:10px 12px;font-size:13.5px;font-weight:600;text-align:center}.hrmsg.ok{background:color-mix(in srgb,var(--done) 14%,var(--panel2));color:var(--done)}.hrmsg.bad{background:color-mix(in srgb,var(--over) 14%,var(--panel2));color:var(--over)}
.hrgeo{margin:0;text-align:center}
.hrlist{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:4px}.hrlist li{display:flex;align-items:center;gap:10px;background:var(--panel2);border-radius:8px;padding:8px 10px;font-size:13px;flex-wrap:wrap}.hrlist li b{min-width:110px}.hrlist li span{flex:1;color:var(--muted)}.hrlist.big li strong{font-size:16px;font-variant-numeric:tabular-nums}.hrlist li.today{box-shadow:inset 3px 0 0 #1FA88F}
/* roster */
.hrwk{background:var(--panel);border-radius:12px;box-shadow:var(--sh1);overflow-x:auto}.hrwkr{display:grid;grid-template-columns:190px repeat(7,minmax(110px,1fr));border-top:1px solid var(--line);min-width:960px}.hrwkr:first-child{border-top:0}
.hrwkh{background:var(--panel2);font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--muted)}.hrwkh span{padding:8px}.hrwkh span.today{color:#1FA88F}
.hrwkn{display:grid;grid-template-columns:24px 1fr;gap:0 8px;align-items:center;padding:6px 8px;position:sticky;left:0;background:var(--panel);z-index:1}.hrwkn b{font-size:12.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hrwkn em{grid-column:2;font-style:normal;font-size:11px;color:var(--muted)}.hrwkn .hrav{grid-row:1/3}
.hrwkc{border-left:1px solid var(--line);padding:4px;display:flex;flex-direction:column;gap:3px;min-height:48px;position:relative}.hrwkc.today{background:color-mix(in srgb,#1FA88F 6%,var(--panel))}
.hrsh{display:flex;flex-direction:column;align-items:flex-start;gap:0;border:0;border-left:3px solid #1FA88F;background:color-mix(in srgb,#1FA88F 12%,var(--panel2));border-radius:5px;padding:3px 6px;cursor:pointer;color:var(--text);text-align:left;font-size:12px}.hrsh:hover{filter:brightness(1.08)}.hrsh em{font-style:normal;font-size:10.5px;color:var(--muted)}.hrsh small{font-size:10.5px;color:var(--done)}.hrsh.x{opacity:.5;text-decoration:line-through}
.hradd{border:1px dashed var(--line);background:none;border-radius:5px;color:var(--muted);cursor:pointer;min-height:22px;opacity:0;font-weight:700}.hrwkc:hover .hradd,.hradd:focus{opacity:1}@media (hover:none){.hradd{opacity:.6}}
.hrmc{border:0;border-top:1px solid var(--line);border-left:1px solid var(--line);background:var(--panel);text-align:left;cursor:pointer;color:var(--text);align-items:flex-start}.hrmc b{font-size:12px}.hrmc em{font-style:normal;font-size:10.5px;color:var(--muted)}.hrmc:hover{background:var(--cardh)}
.hrrtot{margin:0}.hrtpl{display:flex;flex-wrap:wrap;gap:6px}
/* profile & modals */
.hrph{display:flex;gap:14px;align-items:center}.hrph h3{margin:0 0 2px;font-size:19px}.hrphs{display:flex;gap:6px;flex-wrap:wrap;margin-top:6px}
.hrsec{display:flex;flex-direction:column;gap:8px;border-top:1px solid var(--line);padding-top:12px}.hrsec h4{margin:0;font-size:13px;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);display:flex;gap:8px;align-items:baseline;flex-wrap:wrap}.hrsec h4 .hint{text-transform:none;letter-spacing:0}
.hrsec.lock{background:color-mix(in srgb,var(--prog) 6%,var(--panel));border:1px dashed color-mix(in srgb,var(--prog) 50%,var(--line));border-radius:10px;padding:12px}
.hrgrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 16px}.hrf{display:flex;flex-direction:column;gap:1px;min-width:0}.hrf span{font-size:11px;color:var(--muted);font-weight:600}.hrf b{font-weight:500;font-size:13.5px;overflow-wrap:anywhere}.hrf a{color:var(--verify)}
.hrmini{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:6px}.hrmini span{background:var(--panel2);border-radius:8px;padding:6px 8px;display:flex;flex-direction:column}.hrmini em{font-style:normal;font-size:10.5px;color:var(--muted)}.hrmini b{font-size:16px}@media (max-width:560px){.hrmini{grid-template-columns:repeat(3,minmax(0,1fr))}.hrgrid{grid-template-columns:1fr}}
.hraud{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:4px;font-size:12.5px}.hraud li{background:var(--panel2);border-radius:8px;padding:6px 10px}.hraud em{font-style:normal;color:var(--muted);font-size:11px;margin-left:4px}.hraud li>span{display:block;color:var(--muted);font-size:11.5px;overflow-wrap:anywhere}
.hrcaps{display:grid;grid-template-columns:1fr 1fr;gap:8px}@media (max-width:560px){.hrcaps{grid-template-columns:1fr}}.hrcap{display:flex;flex-direction:column;gap:3px;background:var(--panel2);border-radius:10px;padding:10px;font-size:12px;color:var(--muted)}.hrcap b{color:var(--text);font-size:15px}.hrcap a{color:var(--verify)}.hrcap.none{opacity:.7}
.hrup{cursor:pointer}.hrprof{gap:12px}
.hrlocs{display:flex;flex-direction:column;gap:6px}.hrloc input[type=text]{flex:1 1 120px;min-width:0;max-width:160px}.hrlocn{min-width:110px}
.hrsoon{text-align:left;max-width:640px}
/* employee-only login: just the HR self-service screens */
body.emponly .hctl .month,body.emponly .side .teaml,body.emponly #legend{display:none!important}
body.emponly #addBtn{display:none!important}
/* ===== Hotel PMS ===== */
:root{--pm:#A0701A;--pmc:#1E6FC0;--pmok:#1F8F55;--pmw:#B7790B;--pmb:#D11A24;--pmo:#5E6C84}
@media (prefers-color-scheme: dark){:root:not([data-theme="light"]){--pm:#D9A548;--pmc:#579DFF;--pmok:#4FC486;--pmw:#F0B43C;--pmb:#FF6B6E;--pmo:#9FADBC}}
:root[data-theme="dark"]{--pm:#D9A548;--pmc:#579DFF;--pmok:#4FC486;--pmw:#F0B43C;--pmb:#FF6B6E;--pmo:#9FADBC}
body.pmmode .stats,body.pmmode .toolbar,body.pmmode #legend{display:none!important}
.pmpage,.pmmodal{--mk:var(--pm)}
.pmpage .mkhero::before{background:linear-gradient(180deg,var(--pm),#7A4E12)}
.btn.pmbtn{background:var(--pm);color:#fff}.btn.pmbtn:hover{filter:brightness(1.08)}.stn.pmstn{background:var(--pm)}
.btn.danger{background:var(--over);color:#fff}
.pmbell{position:relative;font-size:16px}.pmbell .mkn{position:absolute;top:-6px;right:-6px}.mkn.pmbad{background:var(--over);color:#fff}
.pmnav .mkn.pmbad{background:var(--over)!important;color:#fff!important}
.pmst{display:inline-flex;align-items:center;font-size:11px;font-weight:700;border-radius:4px;padding:2px 7px;white-space:nowrap;background:var(--btnh);color:var(--text)}
.pmst.s-ok,.pmst.p-ok,.pmst.r-oc{background:color-mix(in srgb,var(--pmok) 18%,transparent);color:var(--pmok)}
.pmst.s-sch,.pmst.r-rs{background:color-mix(in srgb,var(--pmc) 16%,transparent);color:var(--pmc)}
.pmst.s-warn,.pmst.p-warn,.pmst.r-vd{background:color-mix(in srgb,var(--pmw) 20%,transparent);color:var(--pmw)}
.pmst.s-bad,.pmst.p-bad,.pmst.r-oo{background:color-mix(in srgb,var(--pmb) 16%,transparent);color:var(--pmb)}
.pmst.s-done,.pmst.s-off,.pmst.p-off,.pmst.r-vc,.pmst.r-os{background:var(--panel2);color:var(--muted)}
.pmhk{display:inline-flex;align-items:center;gap:4px;font-size:11px;font-weight:700;border-radius:99px;padding:2px 8px;white-space:nowrap}
.pmhk::before{content:"";width:7px;height:7px;border-radius:50%;background:currentColor}
.pmhk.h-clean{color:var(--pmok);background:color-mix(in srgb,var(--pmok) 12%,transparent)}.pmhk.h-inspected{color:var(--pmc);background:color-mix(in srgb,var(--pmc) 12%,transparent)}
.pmhk.h-dirty{color:var(--pmb);background:color-mix(in srgb,var(--pmb) 12%,transparent)}.pmhk.h-cleaning{color:var(--pmw);background:color-mix(in srgb,var(--pmw) 14%,transparent)}.pmhk.h-out{color:var(--muted);background:var(--panel2)}
.pmsrc{display:inline-flex;align-items:center;gap:5px;font-size:11.5px;font-weight:600;white-space:nowrap}.pmsrc::before{content:"";width:8px;height:8px;border-radius:2px;background:var(--sc)}
.pmtile{border:0;text-align:left;font:inherit;color:var(--text)}button.pmtile{cursor:pointer}button.pmtile:hover{background:var(--cardh)}.pmtile{border-top:3px solid var(--pm)}.pmtile.warn .v{color:var(--pmw)}
.pmtiles{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}
.pmdashtop{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.pmseg{width:auto;display:inline-flex}.pmseg button{padding:0 14px}
.pmseg button[aria-pressed="true"]{background:var(--panel);color:var(--text);box-shadow:var(--sh1)}
.pmbanner{display:flex;align-items:center;gap:10px 14px;flex-wrap:wrap;border-radius:10px;padding:10px 14px;font-size:13px}
.pmbanner.warn{background:color-mix(in srgb,var(--pmw) 13%,var(--panel));border:1px solid color-mix(in srgb,var(--pmw) 55%,transparent)}
.pmbanner.bad{background:color-mix(in srgb,var(--pmb) 13%,var(--panel));border:2px solid var(--pmb)}.pmbanner b{white-space:nowrap}.pmbanner span{flex:1;min-width:220px}
.pmfc{display:grid;grid-template-columns:repeat(auto-fit,minmax(18px,1fr));gap:4px;align-items:end;height:170px}
.pmfcd{display:flex;flex-direction:column;align-items:center;gap:3px;height:100%;min-width:0}.pmfcv{font-size:9.5px;color:var(--muted);font-variant-numeric:tabular-nums}
.pmfcb{flex:1;width:100%;background:var(--panel2);border-radius:5px;display:flex;align-items:flex-end;overflow:hidden}.pmfcb i{display:block;width:100%;background:color-mix(in srgb,var(--pm) 55%,var(--panel2));border-radius:5px 5px 0 0}.pmfcb i.md{background:var(--pm)}.pmfcb i.hi{background:var(--pmok)}
.pmfcl{font-size:10px;color:var(--muted);text-align:center;line-height:1.15}.pmfcd.today .pmfcl{color:var(--pm);font-weight:800}
.pmtwo{display:grid;grid-template-columns:1fr 1fr;gap:14px}@media (max-width:900px){.pmtwo{grid-template-columns:1fr}}
.pmalerts{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}.pmalerts button{width:100%;display:flex;flex-direction:column;gap:2px;text-align:left;border:0;border-left:4px solid var(--muted);background:var(--panel2);border-radius:8px;padding:8px 10px;cursor:pointer;color:var(--text)}
.pmalerts button:hover{background:var(--btnh)}.pmalerts span{font-size:12px;color:var(--muted)}.pmalerts .lv-bad button{border-left-color:var(--pmb)}.pmalerts .lv-bad b{color:var(--pmb)}.pmalerts .lv-warn button{border-left-color:var(--pmw)}.pmalerts .lv-info button{border-left-color:var(--pmc)}
.pmbars{display:flex;flex-direction:column;gap:6px}.pmbar{display:grid;grid-template-columns:110px 1fr 40px;gap:8px;align-items:center;font-size:12.5px}.pmbar b{text-align:right;font-variant-numeric:tabular-nums}.pmbar .bar{height:8px;background:var(--panel2);border-radius:99px;overflow:hidden}.pmbar .bar i{display:block;height:100%;border-radius:99px}
.pmrno{display:inline-grid;place-items:center;min-width:42px;height:32px;padding:0 6px;border-radius:8px;background:color-mix(in srgb,var(--pm) 16%,var(--panel2));color:var(--text);font-weight:800;font-variant-numeric:tabular-nums;flex:0 0 auto}.pmrno.none{background:var(--panel2);color:var(--muted)}.pmrno.sm{min-width:34px;height:24px;font-size:12px}
.pmvip{font-style:normal;font-size:10px;font-weight:800;color:#7a4b00;background:#FFD66B;border-radius:4px;padding:1px 5px}
.pmret{color:var(--pmok)}
.pmsearch input{width:100%;min-height:46px;font-size:15px;padding:8px 14px;border-radius:12px}
.pmqa{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px}@media (max-width:900px){.pmqa{grid-template-columns:repeat(3,minmax(0,1fr))}}
.pmqa button{display:flex;flex-direction:column;align-items:center;gap:4px;background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:12px 6px;cursor:pointer;color:var(--text);box-shadow:var(--sh1)}.pmqa button:hover{border-color:var(--pm)}.pmqa span{font-size:20px;line-height:1}.pmqa b{font-size:12.5px;text-align:center}
.pmdeskg{display:grid;grid-template-columns:1fr 1fr;gap:14px}@media (max-width:1000px){.pmdeskg{grid-template-columns:1fr}}
.pmdesk .mkch h3{display:flex;align-items:center;gap:8px}.pmcount{display:inline-grid;place-items:center;min-width:24px;height:22px;border-radius:99px;background:var(--pm);color:#fff;font-size:12px;padding:0 6px}
.pmdrow{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:6px 10px;align-items:center;background:var(--panel2);border-radius:10px;padding:8px}
.pmdmain{display:flex;align-items:center;gap:10px;background:none;border:0;padding:0;text-align:left;cursor:pointer;color:var(--text);min-width:0}.pmdmain>span:last-child{display:flex;flex-direction:column;min-width:0}.pmdmain b{font-size:13.5px}.pmdmain em{font-style:normal;font-size:11.5px;color:var(--muted)}
.pmdmeta{display:flex;gap:6px;align-items:center;flex-wrap:wrap;justify-content:flex-end}.pmdacts{display:flex;gap:6px;justify-content:flex-end;grid-column:2}.pmdrow .pmdmeta{grid-column:2;grid-row:1}.pmdrow .pmdacts{grid-row:2}
@media (max-width:640px){.pmdrow{grid-template-columns:1fr}.pmdrow .pmdmeta,.pmdrow .pmdacts{grid-column:1;grid-row:auto;justify-content:flex-start}}
.pmreq{font-style:italic!important;color:var(--pmw)!important;font-size:12px}
.pmbal{font-size:12px;font-weight:700;color:var(--pmok)}.pmbal.due{color:var(--pmw)}
.pmsum{margin:0}.pmfbar input[type=search]{min-height:34px;padding:4px 10px;flex:1 1 200px;max-width:300px}.pmfbar input[type=date]{min-height:34px;padding:4px 8px}.pmfbar .inline{gap:6px}
.mktr.void{opacity:.55;text-decoration:line-through}.mktr em{font-style:normal;font-size:11px;color:var(--muted)}
.pmltable .mktr{grid-template-columns:90px minmax(0,1.4fr) 60px minmax(0,1fr) 90px 90px 50px 54px 110px 80px 80px 110px}
.pmrtable .mktr{grid-template-columns:90px minmax(0,1.3fr) minmax(0,1fr) minmax(0,1.2fr) 110px 100px 110px}
.pmttable .mktr{grid-template-columns:minmax(0,1.4fr) 60px minmax(0,1fr) 100px 120px 90px 120px}.pmrmtable .mktr{grid-template-columns:70px minmax(0,1fr) minmax(0,1fr) 100px 50px 120px 110px}
.pmgtable .mktr{grid-template-columns:minmax(0,1.6fr) 120px 130px minmax(0,1.2fr) 50px 110px 100px}.pmmtable .mktr{grid-template-columns:90px minmax(0,2fr) 80px 90px 120px 150px 80px}
.pmptable .mktr{grid-template-columns:minmax(0,1.6fr) 100px minmax(0,1fr) 100px 120px 110px minmax(0,1fr)}.pmotable .mktr{grid-template-columns:90px minmax(0,1.2fr) minmax(0,1fr) minmax(0,1.2fr) 100px 130px}
.pmprtable .mktr{grid-template-columns:110px minmax(0,1.6fr) minmax(0,1fr) 80px 70px 80px}.pmatable .mktr{grid-template-columns:minmax(0,1.4fr) minmax(0,1fr) 120px 80px}
.pmwtable .mktr{grid-template-columns:100px 120px minmax(0,1fr) minmax(0,1.2fr) 120px 100px 80px}.pmobtable .mktr{grid-template-columns:90px minmax(0,1fr) minmax(0,1.4fr) 120px 90px 90px 90px}
.pmpytable .mktr{grid-template-columns:110px 90px minmax(0,1fr) 130px 100px 90px minmax(0,1fr)}.pmgstable .mktr{grid-template-columns:90px minmax(0,1fr) minmax(0,1fr) 110px 80px}
.pmrep8 .mktr{grid-template-columns:110px repeat(7,minmax(0,1fr));cursor:default}.pmrep7 .mktr{grid-template-columns:minmax(0,1.3fr) repeat(6,minmax(0,1fr));cursor:default}.pmrep6 .mktr{grid-template-columns:90px 110px minmax(0,1.2fr) minmax(0,1fr) minmax(0,1.3fr) 80px;cursor:default}.pmrep5 .mktr{grid-template-columns:minmax(0,1.4fr) repeat(4,minmax(0,1fr));cursor:default}.pmrep4 .mktr{grid-template-columns:minmax(0,1.4fr) repeat(3,minmax(0,1fr));cursor:default}
.pmtable .mktr>span{display:flex;align-items:center;gap:6px;flex-wrap:wrap;min-width:0}
@media (max-width:1100px){.pmtable .mkth{display:none}.pmtable .mktr{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:4px 12px;padding:10px 12px}.pmtable .mktr>span::before{content:attr(data-l);font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--muted);width:100%}.pmtable .mktr>span:first-child{grid-column:1/-1}.pmtable .mktr>span:first-child::before{display:none}}
/* room rack */
.pmrack{background:var(--panel);border-radius:12px;box-shadow:var(--sh1);overflow:auto;max-height:calc(100vh - 230px);-webkit-overflow-scrolling:touch}
.pmrkin{position:relative}.pmrkh,.pmrkt,.pmrkr{display:grid;grid-template-columns:150px repeat(auto-fill,var(--w))}.pmrkh{position:sticky;top:0;z-index:5;background:var(--panel2)}
.pmrkl{position:sticky;left:0;z-index:4;background:var(--panel);border-right:1px solid var(--line);padding:4px 8px;display:flex;flex-direction:column;justify-content:center;min-width:0}.pmrkh .pmrkl{background:var(--panel2);font-size:11px;font-weight:700;text-transform:uppercase;color:var(--muted);z-index:6}
.pmrkd{width:var(--w);text-align:center;padding:4px 0;border-left:1px solid var(--line);font-size:11px;color:var(--muted);display:flex;flex-direction:column;line-height:1.15}.pmrkd b{font-size:10.5px;text-transform:uppercase}.pmrkd.we{background:color-mix(in srgb,var(--pm) 6%,transparent)}.pmrkd.today{background:var(--pm);color:#fff}
.pmrkt{background:color-mix(in srgb,var(--pm) 8%,var(--panel2));border-top:1px solid var(--line)}.pmrkt .pmrkl{background:color-mix(in srgb,var(--pm) 8%,var(--panel2));font-size:12.5px}
.pmrka{width:var(--w);text-align:center;font-size:11px;font-weight:700;padding:3px 0;border-left:1px solid var(--line);color:var(--pmok);font-variant-numeric:tabular-nums}.pmrka.zero{color:var(--muted)}.pmrka.neg{background:var(--pmb);color:#fff}
.pmrkr{border-top:1px solid var(--line);min-height:40px;position:relative}.pmrkr.drop{background:color-mix(in srgb,var(--pm) 12%,transparent)}.pmrkr.un .pmrkl{font-size:11px;color:var(--muted);font-style:italic}
.pmrkn{display:flex;align-items:center;gap:6px}.pmrkn b{font-size:14px;font-variant-numeric:tabular-nums}.pmrkr .pmrkl em{font-style:normal;font-size:10.5px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pmdot{width:8px;height:8px;border-radius:50%;background:var(--pmok)}.pmdot.h-dirty{background:var(--pmb)}.pmdot.h-cleaning{background:var(--pmw)}.pmdot.h-inspected{background:var(--pmc)}
.pmrkc{position:relative;grid-column:2/-1;height:100%;min-height:40px}.pmcell{position:absolute;top:0;bottom:0;border-left:1px solid var(--line)}.pmcell.today{background:color-mix(in srgb,var(--pm) 7%,transparent)}.pmcell.past{background:color-mix(in srgb,var(--panel2) 50%,transparent)}.pmcell[data-pmcell]{cursor:cell}.pmcell[data-pmcell]:hover{background:color-mix(in srgb,var(--pm) 14%,transparent)}
.pmblk{position:absolute;top:5px;bottom:5px;border-radius:7px;padding:2px 8px;display:flex;flex-direction:column;justify-content:center;overflow:hidden;cursor:pointer;color:#fff;font-size:11.5px;line-height:1.2;box-shadow:0 1px 2px rgba(0,0,0,.2);z-index:2;user-select:none;touch-action:pan-x pan-y}
.pmblk span{font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pmblk em{font-style:normal;font-size:10px;opacity:.85;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pmblk.b-sch{background:var(--pmc)}.pmblk.b-warn{background:var(--pmw)}.pmblk.b-ok{background:var(--pmok)}.pmblk.b-done{background:#8590A2}.pmblk.b-off{background:var(--panel2);color:var(--text);border:1px dashed var(--line)}
.pmblk.due::after{content:"$";position:absolute;right:5px;top:3px;font-weight:900;font-size:10px;background:rgba(0,0,0,.25);border-radius:3px;padding:0 3px}.pmblk.ob{outline:2px solid var(--pmb);outline-offset:1px}.pmblk.demo{background-image:repeating-linear-gradient(135deg,transparent 0 10px,rgba(255,255,255,.08) 10px 20px)}
.pmblk.dragging{opacity:.85;z-index:20;box-shadow:var(--sh2);cursor:grabbing}.pmblk:focus-visible{outline:2px solid var(--text)}
.pmrsz{position:absolute;right:0;top:0;bottom:0;width:8px;cursor:ew-resize}.pmrsz:hover{background:rgba(255,255,255,.3)}
.pmooo{position:absolute;top:3px;bottom:3px;border-radius:6px;background:repeating-linear-gradient(135deg,color-mix(in srgb,var(--pmb) 22%,var(--panel)) 0 8px,color-mix(in srgb,var(--pmb) 10%,var(--panel)) 8px 16px);border:1px solid color-mix(in srgb,var(--pmb) 50%,transparent);display:flex;align-items:center;padding:0 8px;z-index:1;overflow:hidden}.pmooo span{font-size:10.5px;font-weight:800;color:var(--pmb);white-space:nowrap}.pmooo.oos{filter:grayscale(.8)}
.pmleg{display:flex;flex-wrap:wrap;gap:6px 16px;font-size:11.5px;color:var(--muted);align-items:center}.pmleg i{position:static;display:inline-block;width:18px;height:10px;border-radius:3px;vertical-align:middle;margin-right:5px;box-shadow:none}.pmleg .pmblk.due{background:var(--pmc)}.pmleg .pmblk.due::after{display:none}
.pmmc{border:0;border-top:1px solid var(--line);border-left:1px solid var(--line);background:var(--panel);text-align:left;cursor:pointer;color:var(--text);align-items:flex-start;font:inherit}.pmmc:hover{background:var(--cardh)}.pmmc b{font-size:12px}.pmmc em{font-style:normal;font-size:10.5px;color:var(--muted)}.pmmc.past{opacity:.7}.pmev{color:var(--pm)!important;font-weight:700}
.pmocc{display:block;width:100%;height:5px;background:var(--panel2);border-radius:99px;overflow:hidden}.pmocc i{display:block;height:100%;background:color-mix(in srgb,var(--pm) 55%,var(--panel2))}.pmocc.md i{background:var(--pm)}.pmocc.hi i{background:var(--pmok)}
/* rooms */
.pmrsum{display:flex;flex-wrap:wrap;gap:6px}.pmrs{display:inline-flex;align-items:baseline;gap:6px;font-size:12px;background:var(--panel2);border-radius:99px;padding:3px 10px}.pmrs b{font-size:15px}
.pmrgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(118px,1fr));gap:8px}.pmrcard{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:2px;border:0;border-top:4px solid var(--muted);background:var(--panel2);border-radius:10px;padding:8px 10px;text-align:left;cursor:pointer;color:var(--text);font:inherit;min-width:0}
.pmrcard>b{font-size:19px;font-variant-numeric:tabular-nums}.pmrcard>span{font-size:11px;color:var(--muted)}.pmrcard>em{font-style:normal;font-size:11.5px;font-weight:700}.pmrcard small{font-size:10.5px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.pmrcard:hover{background:var(--btnh)}
.pmrcard.r-vc{border-top-color:var(--pmok)}.pmrcard.r-vd{border-top-color:var(--pmw)}.pmrcard.r-oc{border-top-color:var(--pmc)}.pmrcard.r-rs{border-top-color:var(--pm)}.pmrcard.r-oo{border-top-color:var(--pmb);background:color-mix(in srgb,var(--pmb) 8%,var(--panel2))}.pmrcard.r-os{border-top-color:var(--muted)}
.pmrcard.r-vc>em{color:var(--pmok)}.pmrcard.r-vd>em{color:var(--pmw)}.pmrcard.r-oc>em{color:var(--pmc)}.pmrcard.r-rs>em{color:var(--pm)}.pmrcard.r-oo>em{color:var(--pmb)}
.pmrs.r-vc b{color:var(--pmok)}.pmrs.r-vd b{color:var(--pmw)}.pmrs.r-oc b{color:var(--pmc)}.pmrs.r-rs b{color:var(--pm)}.pmrs.r-oo b{color:var(--pmb)}
.pmdem{position:absolute;top:6px;right:6px;font-style:normal;font-size:9px;font-weight:800;background:#FFD66B;color:#7a4b00;border-radius:3px;padding:0 3px}
/* housekeeping — phone first */
.pmhksum{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px}.pmhks{display:flex;flex-direction:column;align-items:center;background:var(--panel);border-radius:10px;padding:8px 4px;box-shadow:var(--sh1);font-size:11.5px;color:var(--muted)}.pmhks b{font-size:22px;color:var(--text);font-variant-numeric:tabular-nums}.pmhks.bad b{color:var(--pmb)}.pmhks.warn b{color:var(--pmw)}.pmhks.ok b{color:var(--pmok)}.pmhks.sch b{color:var(--pmc)}
.pmchips{flex-wrap:nowrap;overflow-x:auto;padding-bottom:2px}.pmchips .evchip{flex:0 0 auto}.pmchips .evchip[aria-pressed="true"]{background:var(--pm);color:#fff;border-color:var(--pm)}.pmchips .evchip[aria-pressed="true"] span{background:rgba(255,255,255,.25);color:#fff}
.pmhkg{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,340px),1fr));gap:10px}
.pmhkc{background:var(--panel);border-radius:14px;box-shadow:var(--sh1);padding:12px;display:flex;flex-direction:column;gap:10px;border-left:5px solid var(--muted)}
.pmhkc.k-departure,.pmhkc.k-checkedout{border-left-color:var(--pmb)}.pmhkc.k-stayover{border-left-color:var(--pmc)}.pmhkc.k-arrival{border-left-color:var(--pm)}.pmhkc.k-vacant{border-left-color:var(--pmok)}.pmhkc.rush{box-shadow:0 0 0 2px var(--pmb)}.pmhkc.ooo{opacity:.75}
.pmhkh{display:grid;grid-template-columns:auto 1fr auto;gap:10px;align-items:center}.pmhkno{font-size:28px;font-weight:800;font-variant-numeric:tabular-nums;line-height:1}.pmhkh>div{display:flex;flex-direction:column;min-width:0}.pmhkk{font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.05em}.pmhkh em{font-style:normal;font-size:11.5px;color:var(--muted)}
.pmhkb{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}.pmhkb button{min-height:48px;border-radius:10px;border:1px solid var(--line);background:var(--panel2);color:var(--text);font-weight:700;font-size:13px;cursor:pointer}
.pmhkb button.on.h-dirty{background:var(--pmb);color:#fff;border-color:var(--pmb)}.pmhkb button.on.h-cleaning{background:var(--pmw);color:#111;border-color:var(--pmw)}.pmhkb button.on.h-clean{background:var(--pmok);color:#fff;border-color:var(--pmok)}.pmhkb button.on.h-inspected{background:var(--pmc);color:#fff;border-color:var(--pmc)}
.pmhkb button:active{transform:scale(.97)}.pmhkf{display:flex;flex-wrap:wrap;gap:6px;align-items:center}.pmhkf select{min-height:34px;padding:2px 6px;max-width:150px}.pmhkt{font-size:11px}
@media (max-width:560px){.pmhksum{grid-template-columns:repeat(3,minmax(0,1fr))}.pmhkb button{min-height:54px;font-size:14px}}
.pmpri{font-size:11px;font-weight:800;border-radius:4px;padding:1px 6px;background:var(--panel2)}.pmpri.p-urgent{background:var(--pmb);color:#fff}.pmpri.p-high{background:color-mix(in srgb,var(--pmw) 25%,transparent);color:var(--pmw)}
/* rates */
.pmrcal{display:flex;flex-direction:column;gap:3px;overflow-x:auto}.pmrch,.pmrcr{display:grid;grid-template-columns:150px repeat(var(--n),minmax(62px,1fr));gap:3px;min-width:calc(150px + var(--n) * 65px)}
.pmrch span{font-size:11px;color:var(--muted);text-align:center;display:flex;flex-direction:column;padding:2px}.pmrch span b{font-size:10px;text-transform:uppercase}.pmrch span.today{color:var(--pm);font-weight:800}.pmrch span.we{background:color-mix(in srgb,var(--pm) 6%,transparent);border-radius:6px}
.pmrcl{display:flex;flex-direction:column;justify-content:center;font-size:12.5px;position:sticky;left:0;background:var(--panel);z-index:1}.pmrcl em{font-style:normal;font-size:11px;color:var(--muted)}
.pmrcc{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;background:var(--panel2);border:0;border-radius:6px;padding:6px 2px;font:inherit;color:var(--text);min-height:46px}button.pmrcc{cursor:pointer}button.pmrcc:hover{background:var(--btnh)}
.pmrcc b{font-size:13px;font-variant-numeric:tabular-nums}.pmrcc em{font-style:normal;font-size:10px;color:var(--pmok)}.pmrcc small{font-size:9.5px;font-weight:700;color:var(--pmw)}.pmrcc.ovr b{color:var(--pm)}.pmrcc.full em{color:var(--muted)}.pmrcc.closed{background:repeating-linear-gradient(135deg,color-mix(in srgb,var(--pmb) 14%,var(--panel2)) 0 6px,var(--panel2) 6px 12px)}.pmrcc.closed em{color:var(--pmb);font-weight:800}
/* channels & booking engine */
.pmchg{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,420px),1fr));gap:12px}.pmchan{border-top:4px solid var(--pm)}.pmchadd{border:2px dashed var(--line);border-radius:12px;background:none;color:var(--muted);font-weight:700;cursor:pointer;min-height:120px}.pmchadd:hover{border-color:var(--pm);color:var(--text)}
.pmflow{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.pmfl{display:flex;flex-direction:column;gap:4px}.pmfl.c{background:var(--pm);color:#fff;border-radius:10px;padding:10px 14px}.pmfl.c span{font-size:12px;opacity:.85}.pmfl span{font-size:12.5px;background:var(--panel2);border-radius:6px;padding:3px 8px}.pmfl.c span{background:none;padding:0}.pmfla{font-size:24px;color:var(--pm);font-weight:800}
.pmlist{margin:0;padding-left:18px;display:flex;flex-direction:column;gap:6px;font-size:13px}
.pmembed{display:flex;flex-direction:column;gap:4px;font-size:12px;color:var(--muted);font-weight:600}.pmembed textarea{font-family:ui-monospace,Menlo,Consolas,monospace;font-size:11.5px}
.pmchk{display:flex;flex-wrap:wrap;gap:6px 14px;font-weight:500;color:var(--text);font-size:13px}.pmchk em{font-style:normal}
.mono{font-family:ui-monospace,Menlo,Consolas,monospace;font-size:12px;background:var(--panel2);border-radius:4px;padding:1px 5px;word-break:break-all}
/* modals */
.pmmodal .mkm.pmwide{width:min(980px,100%)}.pmerr{text-align:left!important;margin-bottom:10px}
.pmrvh{display:flex;flex-wrap:wrap;gap:6px;align-items:center;margin-bottom:6px}.pmrvg{display:grid;grid-template-columns:1fr 1fr;gap:0 18px}@media (max-width:760px){.pmrvg{grid-template-columns:1fr}}
.pmacts{display:flex;flex-wrap:wrap;gap:6px}
.pmfolio{width:100%;border-collapse:collapse;font-size:13px}.pmfolio td{padding:7px 6px;border-bottom:1px solid var(--line);vertical-align:top}.pmfolio td:last-child{text-align:right;white-space:nowrap;font-variant-numeric:tabular-nums}.pmfolio em{font-style:normal;font-size:11.5px;color:var(--muted)}
.pmfolio tr.strike td{opacity:.5;text-decoration:line-through}.pmfolio tr.tot td{font-weight:800;border-top:2px solid var(--text)}.pmfolio tr.pay td{color:var(--pmok)}.pmfolio tr.bal td{font-weight:800;font-size:15px}.pmfolio tr.bal.due td{color:var(--pmw)}
.pmfolio .cib.sm{width:22px;height:22px;font-size:11px;margin-left:4px;vertical-align:middle}
.pmrf{display:grid;grid-template-columns:minmax(0,1fr) 240px;gap:16px;align-items:start}@media (max-width:820px){.pmrf{grid-template-columns:1fr}.pmrfs{order:-1}}
.pmrfm{display:flex;flex-direction:column;gap:6px;min-width:0}.pmrfs{position:sticky;top:0}.pmrfsum{display:flex;flex-direction:column;gap:6px;background:var(--panel2);border-radius:12px;padding:14px;border-top:4px solid var(--pm)}.pmrfsum>b{font-size:28px;font-variant-numeric:tabular-nums}
.pmavail{border-radius:8px;padding:8px 10px;font-size:12.5px;font-weight:600}.pmavail.ok{background:color-mix(in srgb,var(--pmok) 14%,var(--panel));color:var(--pmok)}.pmavail.bad{background:color-mix(in srgb,var(--pmb) 12%,var(--panel));color:var(--pmb)}
.pmgsel{display:flex;flex-wrap:wrap;align-items:center;gap:6px 12px;background:var(--panel2);border-radius:10px;padding:10px 12px}.pmgsel .hint{flex:1}
.pmgm{display:flex;flex-direction:column;gap:4px}.pmgm button{display:flex;flex-direction:column;align-items:flex-start;background:var(--panel2);border:1px solid var(--line);border-radius:8px;padding:6px 10px;text-align:left;cursor:pointer;color:var(--text)}.pmgm button:hover{border-color:var(--pm)}.pmgm em{font-style:normal;font-size:11.5px;color:var(--muted)}
.pmnights summary{cursor:pointer;font-size:12.5px;font-weight:600;margin-top:8px}.pmng{display:grid;grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:6px;margin-top:6px}.pmng label{display:flex;flex-direction:column;gap:2px;font-size:11px;color:var(--muted)}
.pmadd{display:flex;flex-direction:column;gap:6px}.pmadd input{width:60px;min-height:30px}
.pmsteps{list-style:none;margin:0 0 14px;padding:0;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:4px;counter-reset:s}.pmsteps li{display:flex;flex-direction:column;align-items:center;gap:3px;font-size:10.5px;color:var(--muted);text-align:center}.pmsteps span{display:grid;place-items:center;width:26px;height:26px;border-radius:50%;background:var(--panel2);font-weight:800;font-size:12px}
.pmsteps li.on{color:var(--text);font-weight:700}.pmsteps li.on span{background:var(--pm);color:#fff}.pmsteps li.done span{background:var(--pmok);color:#fff}
.pmcard1{display:flex;flex-direction:column;align-items:flex-start;gap:6px;background:var(--panel2);border-radius:12px;padding:14px}.pmbig{font-size:24px;font-weight:800}
.pmrpick{display:grid;grid-template-columns:repeat(auto-fill,minmax(112px,1fr));gap:6px;max-height:340px;overflow:auto}.pmrpick button{display:flex;flex-direction:column;align-items:flex-start;gap:3px;background:var(--panel2);border:2px solid transparent;border-radius:10px;padding:8px;cursor:pointer;color:var(--text);text-align:left}.pmrpick button b{font-size:18px}.pmrpick button span{font-size:11px;color:var(--muted)}.pmrpick button.on{border-color:var(--pm);background:color-mix(in srgb,var(--pm) 12%,var(--panel2))}.pmrpick button.dirty{opacity:.75}
.pmguestrow{display:flex;flex-direction:column;gap:8px;border:1px solid var(--line);border-radius:10px;padding:10px;margin-bottom:8px}
.pmphotos{display:flex;flex-wrap:wrap;gap:8px}.pmph{position:relative;width:120px;height:84px;border-radius:8px;overflow:hidden;background:var(--panel2)}.pmph img{width:100%;height:100%;object-fit:cover}.pmph .cib{position:absolute;top:4px;right:4px;background:rgba(0,0,0,.55);color:#fff}
.pmphadd{display:grid;place-items:center;width:120px;height:84px;border:2px dashed var(--line);border-radius:8px;cursor:pointer;color:var(--muted);font-weight:700;font-size:12.5px;text-align:center}.pmphadd:hover{border-color:var(--pm);color:var(--text)}
.pmmap{display:flex;flex-direction:column;gap:6px}.pmmap>div{display:grid;grid-template-columns:minmax(0,1fr) 1fr 1fr;gap:6px;align-items:center;font-size:13px}@media (max-width:560px){.pmmap>div{grid-template-columns:1fr 1fr}.pmmap>div b{grid-column:1/-1}}
.pmkey{display:flex;flex-wrap:wrap;gap:6px;align-items:center;background:color-mix(in srgb,var(--pmw) 12%,var(--panel2));border-radius:8px;padding:8px}.pmkey input{flex:1;min-width:200px;font-family:ui-monospace,monospace}
ul.pmev{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:4px}.pmev button{width:100%;text-align:left;background:var(--panel2);border:0;border-radius:8px;padding:7px 10px;color:var(--text);font-size:12.5px;cursor:pointer}.pmev li.new button{box-shadow:inset 3px 0 0 var(--pm)}.pmev li.lv-bad button{box-shadow:inset 3px 0 0 var(--pmb)}.pmev em{font-style:normal;color:var(--muted);font-size:11px;margin-left:4px}
.pmpick button{min-height:48px}
.pmswitch{display:flex}.pmswitch button{border:0;background:var(--btn);color:var(--text);font-weight:700;border-radius:99px;padding:8px 14px;cursor:pointer}
.pmempty{max-width:560px;margin:20px auto}
.pmgt{grid-template-columns:repeat(3,minmax(0,1fr))}
@media (max-width:720px){.pmrack{max-height:none}.pmrkh,.pmrkt,.pmrkr{grid-template-columns:96px repeat(auto-fill,var(--w))}.pmrkl{padding:3px 6px}.pmrkr .pmrkl em{display:none}.pmfc{height:130px}.pmsteps li{font-size:0}.pmsteps span{font-size:12px}}
.mkmini .pmrno,.mkmini .pmst,.mkmini .pmhk{flex:0 0 auto!important;display:inline-grid!important}.mkmini .pmst,.mkmini .pmhk{display:inline-flex!important}.mkmini .pmrno{min-width:40px}
body.emponly.pmok .side .tabs button[data-v="pms"]{display:flex!important}
/* ===== v1.6 · Home dashboard, Tasks hub, access, who's online ===== */
body.homemode .stats,body.homemode .toolbar,body.homemode #legend{display:none!important}
#tsSlot{min-width:0}#tsSlot:empty{display:none}.tsnav{--mk:var(--accent);position:static;margin:0 0 2px;padding:0}.tsnav .tsbad{background:var(--over)!important;color:#fff!important}
.dhhero{position:relative;display:flex;justify-content:space-between;align-items:flex-end;gap:14px;flex-wrap:wrap;background:var(--panel);border-radius:14px;padding:18px 20px 16px 24px;box-shadow:var(--sh1);overflow:hidden;margin-bottom:12px}
.dhhero::before{content:"";position:absolute;left:0;top:0;bottom:0;width:6px;background:linear-gradient(180deg,var(--accent),var(--prog))}
.dhhero h2{margin:2px 0 0;font-family:var(--display);font-size:26px;letter-spacing:-.02em}.dhhero p{margin:4px 0 0}
.dhwho{display:flex;flex-direction:column;align-items:flex-end;gap:4px}.dhon{display:flex;flex-wrap:wrap;gap:4px;justify-content:flex-end;max-width:360px}
.dhonp{position:relative;display:inline-flex}.dhonp .ondot{position:absolute;right:-1px;bottom:-1px;box-shadow:0 0 0 2px var(--panel)}
.dhtiles{grid-template-columns:repeat(auto-fill,minmax(170px,1fr));margin-bottom:12px}
.dhtile{border:1px solid var(--line);text-align:left;cursor:pointer;color:var(--text);font:inherit;border-top:3px solid var(--accent)}.dhtile:hover{background:var(--cardh)}
.dhtile.warn .v{color:var(--prog)}.dhtile .v{font-size:24px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.dhgrid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);gap:14px;align-items:start}@media (max-width:980px){.dhgrid{grid-template-columns:1fr}}
.dhcol{display:flex;flex-direction:column;gap:14px;min-width:0}
.dhatt{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}.dhatt button{width:100%;display:flex;flex-direction:column;gap:2px;text-align:left;border:0;border-left:4px solid var(--muted);background:var(--panel2);border-radius:8px;padding:8px 10px;cursor:pointer;color:var(--text);font:inherit}
.dhatt button:hover{background:var(--btnh)}.dhatt b{font-size:13.5px}.dhatt span{font-size:12px;color:var(--muted)}.dhatt .lv-bad button{border-left-color:var(--over)}.dhatt .lv-warn button{border-left-color:var(--prog)}.dhatt .lv-info button{border-left-color:var(--verify)}
.dhbar{display:grid;grid-template-columns:minmax(110px,170px) minmax(0,1fr) 46px;gap:4px 10px;align-items:center;font-size:12.5px;padding:3px 0}.dhbar>b{text-align:right;font-variant-numeric:tabular-nums}.dhbar>em{grid-column:2/-1;font-style:normal;font-size:11px;color:var(--muted);margin-top:-3px}
.dhbl{display:flex;align-items:center;gap:6px;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dhbl .sw{display:inline-block;width:8px;height:8px;border-radius:2px;background:var(--dc,var(--muted))}
.dhbar .bar{height:8px;background:var(--panel2);border-radius:99px;overflow:hidden}.dhbar .bar i{display:block;height:100%;border-radius:99px;background:var(--muted)}.dhbar .bar i.ok{background:var(--done)}.dhbar .bar i.md{background:var(--prog)}.dhbar .bar i.lo{background:var(--over)}
.dhmini{display:grid;grid-template-columns:repeat(auto-fill,minmax(92px,1fr));gap:6px}.dhmini span{display:flex;flex-direction:column;background:var(--panel2);border-radius:8px;padding:8px 10px;font-size:11.5px;color:var(--muted)}.dhmini b{font-size:19px;color:var(--text);font-variant-numeric:tabular-nums}.dhmini .w b{color:var(--prog)}.dhmini .b b{color:var(--over)}
.dhlist{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:4px}.dhlist li{display:grid;grid-template-columns:90px minmax(0,1fr) auto;gap:8px;align-items:center;background:var(--panel2);border-radius:8px;padding:7px 10px;font-size:13px}.dhlist em{font-style:normal;font-size:11.5px;color:var(--muted);text-align:right;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:160px}
.dhci{width:100%;min-height:48px}
/* who's online */
.onwrap{position:relative;display:inline-flex}.onwrap[hidden]{display:none}
.onbtn{display:inline-flex;align-items:center;gap:6px;font-weight:700;color:var(--done);border:1px solid color-mix(in srgb,var(--done) 45%,transparent)!important;background:color-mix(in srgb,var(--done) 12%,transparent)}
.ondot{display:inline-block;width:8px;height:8px;border-radius:50%;background:#22C55E;box-shadow:0 0 0 0 rgba(34,197,94,.5);animation:onpulse 2s infinite}.ondot.idle{background:var(--prog);animation:none}
@keyframes onpulse{0%{box-shadow:0 0 0 0 rgba(34,197,94,.45)}70%{box-shadow:0 0 0 6px rgba(34,197,94,0)}100%{box-shadow:0 0 0 0 rgba(34,197,94,0)}}@media (prefers-reduced-motion:reduce){.ondot{animation:none}}
.onpop{display:none;position:absolute;right:0;top:calc(100% + 8px);z-index:41;width:min(300px,calc(100vw - 32px));max-height:min(70vh,480px);overflow-y:auto;background:var(--panel);border:1px solid var(--line);border-top:4px solid var(--done);border-radius:12px;padding:12px;box-shadow:0 12px 32px rgba(0,0,0,.35);flex-direction:column;gap:6px}
.onwrap:hover .onpop,.onwrap.open .onpop{display:flex}.onwrap:hover .onpop::before{content:"";position:absolute;left:0;right:0;top:-10px;height:10px}
.onpop h3{margin:0 0 2px;font-size:15px;display:flex;align-items:center;gap:8px}.onpop .hint{margin:4px 0 0;font-size:11px}
.onrow{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:8px;align-items:center;padding:6px 8px;border-radius:8px;background:var(--panel2)}.onrow span{display:flex;flex-direction:column;min-width:0}.onrow b{font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.onrow em{font-style:normal;font-size:11px;color:var(--muted)}.onrow small{font-size:11px;color:var(--muted);white-space:nowrap}.onrow small.now{color:var(--done);font-weight:700}
@media (max-width:560px){.onbtn .onl{display:none}.onbtn{padding:0 10px;min-height:38px}.onpop{position:fixed;left:16px;right:16px;top:calc(env(safe-area-inset-top,0px) + 62px);width:auto}}
/* access settings */
.accsec{display:flex;flex-direction:column;gap:6px;padding:10px 0;border-top:1px solid var(--line)}.accsec:first-child{border-top:0;padding-top:0}.accsec h4{margin:0;font-size:14px}.accsec>.hint{margin:0}
.acctab{display:flex;flex-direction:column;gap:4px}.accrow{display:grid;grid-template-columns:minmax(140px,220px) minmax(0,1fr) 34px;gap:8px;align-items:center;background:var(--panel2);border-radius:8px;padding:6px 8px}.accrow.acch{background:none;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);padding-block:0}
.accrow input[type=text]{min-height:34px;padding:4px 8px}.accn{display:flex;align-items:center;gap:6px;font-size:13px}.accn .sw{display:inline-block;width:10px;height:10px;border-radius:3px;background:var(--dc,var(--muted))}
.accmods{display:flex;flex-wrap:wrap;gap:4px}.accmods[hidden]{display:none}.accb{display:inline-flex;align-items:center;gap:5px;font-size:12px;font-weight:600;background:var(--panel);border:1px solid var(--line);border-radius:99px;padding:3px 10px 3px 6px;cursor:pointer;user-select:none}.accb input{margin:0}.accb:has(input:checked){border-color:var(--accent);background:color-mix(in srgb,var(--accent) 12%,var(--panel))}
.accdef{margin-top:6px}
.accpl{display:flex;flex-direction:column;gap:6px}.accp{display:grid;grid-template-columns:minmax(180px,240px) minmax(0,1fr);gap:8px 12px;align-items:center;background:var(--panel2);border-radius:10px;padding:8px 10px}.accp.custom{box-shadow:inset 3px 0 0 var(--accent)}
.accpn{display:flex;align-items:center;gap:8px;min-width:0}.accpn span{display:flex;flex-direction:column;min-width:0}.accpn b{font-size:13.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.accpn em{font-style:normal;font-size:11.5px;color:var(--muted)}
.accpc{display:flex;flex-wrap:wrap;gap:6px;align-items:center}.accpc select{min-height:34px;padding:2px 6px;max-width:220px}.acceff{display:flex;flex-wrap:wrap;gap:4px;align-items:center;width:100%}.acceff em{font-size:11px}
.acchip{display:inline-flex;font-size:11px;font-weight:700;border-radius:4px;padding:2px 7px;background:color-mix(in srgb,var(--verify) 15%,transparent);color:var(--verify)}.acchip.all{background:color-mix(in srgb,var(--done) 16%,transparent);color:var(--done)}
.acchip.m-hotel{background:color-mix(in srgb,#B8892E 18%,transparent);color:#A0701A}.acchip.m-hr{background:color-mix(in srgb,#1FA88F 16%,transparent);color:#138C78}.acchip.m-marketing{background:color-mix(in srgb,var(--d-mkt,#C7336F) 16%,transparent);color:var(--d-mkt,#C7336F)}
@media (max-width:700px){.accrow{grid-template-columns:1fr 34px}.accrow .accmods{grid-column:1/-1;grid-row:2}.accp{grid-template-columns:1fr}}
/* ===== HR phase 3–4 (v1.7): leave, overtime, approvals, training, reports, notifications ===== */
.hrnav .hrbad,.h2seg .hrbad{display:inline-grid;place-items:center;min-width:18px;height:18px;padding:0 5px;border-radius:99px;background:var(--over);color:#fff;font-style:normal;font-size:10.5px;font-weight:800;margin-left:4px}
.hrnav .h2bell{margin-left:auto;position:relative}.hrnav .h2bell .hrbad{position:absolute;top:-4px;right:-6px;margin:0}
.h2sect{margin:18px 0 8px;font-size:15px}.h2h4{margin:14px 0 6px;font-size:13px;color:var(--muted);text-transform:uppercase;letter-spacing:.05em}
/* balances */
.h2bal{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:8px}
.h2b{display:flex;flex-direction:column;gap:1px;background:var(--panel2);border-radius:10px;padding:10px 12px;border-top:3px solid #1FA88F}
.h2b>span{font-size:12px;font-weight:700;color:var(--muted)}.h2b>b{font-size:28px;line-height:1.1;font-variant-numeric:tabular-nums}.h2b>em{font-style:normal;font-size:11.5px;color:var(--muted)}.h2b small{font-size:11px;color:var(--muted)}
.h2b.zero{border-top-color:var(--prog)}.h2b.zero>b{color:var(--prog)}
/* request lists */
.h2req{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}
.h2rq{width:100%;display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:10px;align-items:center;text-align:left;border:0;background:var(--panel2);border-radius:10px;padding:9px 12px;cursor:pointer;color:var(--text);font:inherit}
.h2rq:hover{background:var(--btnh)}.h2ki{font-size:18px;width:28px;text-align:center}
.h2rqm{display:flex;flex-direction:column;gap:2px;min-width:0}.h2rqm>b{font-size:13.5px}.h2rqm>span{font-size:12.5px}.h2rqm>em{font-style:normal;font-size:11.5px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.h2date{display:flex;flex-direction:column;align-items:center;width:42px;background:var(--panel);border-radius:8px;padding:4px 0;font-size:10.5px;text-transform:uppercase;color:var(--muted);font-weight:700}.h2date b{font-size:18px;color:var(--text);line-height:1.1}
.h2det{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}.h2det li{display:flex;align-items:center;gap:10px;justify-content:space-between;background:color-mix(in srgb,var(--prog) 9%,var(--panel2));border-radius:10px;padding:8px 12px;font-size:12.5px}
/* approval cards */
.h2cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:12px;margin:10px 0 14px}
.h2card{display:flex;flex-direction:column;gap:8px;background:var(--panel);border-radius:12px;padding:14px;box-shadow:var(--sh1);border-left:4px solid #1FA88F}
.h2card.k-ot{border-left-color:#3F86D9}.h2card.k-corr{border-left-color:var(--prog)}
.h2card header{display:flex;gap:10px;align-items:center}.h2card header>div{display:flex;flex-direction:column;min-width:0;flex:1}.h2card header b{font-size:14.5px}
.h2kind{font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.04em;color:var(--muted);white-space:nowrap}
.h2what{margin:0;font-size:14px}.h2why{margin:0;font-size:13px;color:var(--muted);font-style:italic}
.h2ctx{margin:0;padding-left:18px;display:flex;flex-direction:column;gap:3px;font-size:12.5px}
.h2card details summary{cursor:pointer;font-size:12px;color:var(--muted)}
.h2acts{display:flex;flex-wrap:wrap;gap:6px;align-items:center;margin-top:auto;padding-top:4px}.h2acts input[type=text]{flex:1 1 100%;min-height:36px;padding:4px 10px}.h2acts label{margin-right:auto}.h2acts>button:first-of-type{margin-left:auto}
.h2card header b+.mkdemo{margin-left:6px}
.h2steps{list-style:none;margin:6px 0 0;padding:0 0 0 14px;border-left:2px solid var(--line);display:flex;flex-direction:column;gap:6px;font-size:12.5px}
.h2steps li{position:relative}.h2steps li::before{content:"";position:absolute;left:-20px;top:4px;width:10px;height:10px;border-radius:50%;background:var(--muted)}
.h2steps li.d-approved::before{background:var(--done)}.h2steps li.d-rejected::before{background:var(--over)}.h2steps li.d-submitted::before{background:#3F86D9}.h2steps li.d-next{color:var(--muted)}.h2steps li.d-next::before{background:var(--panel);border:2px dashed var(--muted);width:6px;height:6px}
.h2steps em{font-style:normal;color:var(--muted);font-size:11.5px}.h2steps li>span:last-child:not(.hint){display:block;color:var(--muted);font-style:italic}
/* forms */
.h2sum{background:var(--panel2);border-radius:10px;padding:8px 12px;font-size:13px;margin-top:8px}.h2sum:empty{display:none}.h2sum p{margin:2px 0}
.h2up{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.h2cs{margin-top:8px}.h2shift{align-self:end;padding-bottom:10px}
.h2docimg{max-width:100%;border-radius:8px;display:block;margin:0 auto}
.h2fix{min-height:26px!important;padding:0 8px!important;font-size:11.5px!important}
/* training */
.h2grp{display:flex;flex-wrap:wrap;gap:6px;align-items:center;margin:6px 0}.h2grp>b{font-size:12px;width:100%;color:var(--muted)}
.h2ck{display:inline-flex;align-items:center;gap:5px;font-size:12px;font-weight:600;background:var(--panel2);border:1px solid var(--line);border-radius:99px;padding:3px 10px 3px 6px;cursor:pointer;user-select:none}.h2ck input{margin:0}.h2ck em{font-style:normal;color:var(--muted);font-weight:400}
.h2ck:has(input:checked){border-color:#1FA88F;background:color-mix(in srgb,#1FA88F 14%,var(--panel))}.h2ck[hidden]{display:none}
.h2pick input[type=search]{width:100%;min-height:34px;padding:4px 10px}.h2pl{display:flex;flex-wrap:wrap;gap:6px;max-height:180px;overflow-y:auto;width:100%}
.h2att{display:flex;flex-direction:column;gap:6px;margin-top:10px}
.h2atr{display:grid;grid-template-columns:minmax(0,1fr) 130px 80px auto auto;gap:8px;align-items:center;background:var(--panel2);border-radius:8px;padding:6px 10px}
.h2atr>span{display:flex;align-items:center;gap:8px;min-width:0}.h2atr>span b{font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.h2atr em{font-style:normal;font-size:11px;color:var(--muted)}
.h2atr select,.h2atr input[type=number]{min-height:34px;padding:2px 6px}
/* reports */
.h2reps{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:8px;margin-bottom:10px}
.h2reps button{display:flex;flex-direction:column;gap:2px;text-align:left;border:1px solid var(--line);background:var(--panel);border-radius:10px;padding:10px 12px;cursor:pointer;color:var(--text);font:inherit}
.h2reps button b{font-size:13.5px}.h2reps button span{font-size:11.5px;color:var(--muted)}.h2reps button[aria-pressed=true]{border-color:#1FA88F;box-shadow:inset 3px 0 0 #1FA88F;background:color-mix(in srgb,#1FA88F 8%,var(--panel))}
.h2repc .mkch{align-items:flex-start;gap:10px;flex-wrap:wrap}
.h2rep{max-height:70vh;overflow:auto}.h2rep table,.h2tbl table{border-collapse:collapse;width:100%;font-size:12.5px}
.h2rep th{position:sticky;top:0;background:var(--panel);z-index:1;text-align:left;font-size:11px;text-transform:uppercase;letter-spacing:.04em;color:var(--muted);padding:6px 8px;border-bottom:2px solid var(--line);white-space:nowrap}
.h2rep td,.h2tbl td{padding:6px 8px;border-bottom:1px solid var(--line);white-space:nowrap}.h2rep .n{text-align:right;font-variant-numeric:tabular-nums}.h2rep tr.tot td{font-weight:800;background:var(--panel2)}
.h2tbl th{text-align:left;font-size:11px;text-transform:uppercase;letter-spacing:.04em;color:var(--muted);padding:6px 8px;border-bottom:2px solid var(--line);white-space:nowrap}
/* notifications */
.h2notif{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}.h2notif button{width:100%;display:flex;gap:10px;align-items:flex-start;text-align:left;border:0;background:var(--panel2);border-radius:10px;padding:10px 12px;cursor:pointer;color:var(--text);font:inherit;font-size:13px}
.h2notif li.new button{box-shadow:inset 3px 0 0 #1FA88F;background:color-mix(in srgb,#1FA88F 9%,var(--panel2))}.h2notif button>span:first-child{font-size:17px}
/* settings */
.h2lt{display:flex;flex-direction:column;gap:6px;margin-bottom:8px}.h2ltr{display:grid;grid-template-columns:minmax(140px,1fr) 90px 100px 80px 120px 34px;gap:8px;align-items:center}
.h2lth{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--muted)}.h2ltr input[type=text],.h2ltr input[type=number]{min-height:34px;padding:4px 8px}
.h2togs{display:flex;flex-direction:column;gap:8px}.h2tog{display:flex;gap:10px;align-items:flex-start;background:var(--panel2);border-radius:10px;padding:10px 12px;cursor:pointer}.h2tog span{display:flex;flex-direction:column}.h2tog em{font-style:normal;font-size:12px;color:var(--muted)}
@media (max-width:700px){
  .h2cards{grid-template-columns:1fr}.h2rq{grid-template-columns:auto minmax(0,1fr);}.h2rq>.hrst{grid-column:2;justify-self:start}
  .h2atr{grid-template-columns:1fr 1fr}.h2atr>span{grid-column:1/-1}
  .h2ltr{grid-template-columns:1fr 1fr;padding:8px;background:var(--panel2);border-radius:8px}.h2ltr .lt-name{grid-column:1/-1}.h2lth{display:none}
  .h2tbl table,.h2tbl tbody,.h2tbl tr{display:block}.h2tbl thead{display:none}.h2tbl tr{display:grid;grid-template-columns:1fr 1fr;gap:2px 10px;padding:8px 0;border-bottom:1px solid var(--line)}.h2tbl td{border:0;padding:2px 0;white-space:normal}
  .h2tbl td::before{content:attr(data-l);display:block;font-size:10px;font-weight:700;text-transform:uppercase;color:var(--muted)}
  .h2det li{flex-direction:column;align-items:flex-start}
}

.h2seg{display:flex;flex-wrap:nowrap;overflow-x:auto;max-width:100%}.h2seg button{white-space:nowrap;display:inline-flex;align-items:center;flex:0 0 auto}
.h2repc .mkcalbar,.hrpage .mkcalbar .seg{flex-wrap:wrap}
/* ===== Marketing · API connections (v1.8) ===== */
.mkcard.mkapitop,.mkapitop{display:flex;flex-direction:row;flex-wrap:wrap;gap:10px;align-items:stretch}.mkapitop>div{display:flex;flex-direction:column;background:var(--panel2);border-radius:10px;padding:10px 14px;min-width:120px}
.mkapitop>div b{font-size:22px;font-variant-numeric:tabular-nums}.mkapitop>div span{font-size:12px;color:var(--muted)}.mkapitop>div.w b{color:var(--prog)}
.mkapitop .mkapisync{flex-direction:row;align-items:center;gap:8px;margin-left:auto;background:none;padding:0}.mkapisync select{min-height:38px}
.mkapiwarn{background:color-mix(in srgb,var(--prog) 10%,var(--panel));border:1px solid color-mix(in srgb,var(--prog) 35%,transparent);border-radius:10px;padding:8px 14px;margin:10px 0;font-size:13px}.mkapiwarn p{margin:4px 0}
.mkapigrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(380px,1fr));gap:14px;margin:12px 0}
.mkapic{border-top:4px solid var(--cc);display:flex;flex-direction:column;gap:8px}.mkapih{display:flex;align-items:center;gap:12px}.mkapih>div{flex:1;min-width:0}.mkapih h3{margin:0}
.mkapil{display:grid;place-items:center;width:38px;height:38px;border-radius:10px;color:#fff;font-weight:900;font-size:19px}.mkapil.g{background:conic-gradient(#EA4335 0 25%,#FBBC05 0 50%,#34A853 0 75%,#4285F4 0)}.mkapil.f{background:#1877F2}
.mkapic p{margin:0;font-size:13px}.mkapierr{color:var(--over);font-weight:600}
.mkapiwhat{margin:0;padding-left:18px;font-size:12.5px;color:var(--muted);display:flex;flex-direction:column;gap:3px}.mkapiwhat b{color:var(--text)}
.mkapiredir{display:flex;flex-wrap:wrap;align-items:center;gap:6px;background:var(--panel2);border-radius:8px;padding:8px 10px}.mkapiredir .hint{width:100%;font-size:11.5px}.mkapiredir input{flex:1 1 220px;min-height:32px;font-family:ui-monospace,Menlo,monospace;font-size:12px;padding:2px 8px}
.mkapiguide{background:var(--panel2);border-radius:10px;padding:8px 12px}.mkapiguide summary{cursor:pointer;font-weight:700;font-size:13px}.mkapiguide ol{margin:8px 0 4px;padding-left:20px;display:flex;flex-direction:column;gap:7px;font-size:12.5px;line-height:1.45}.mkapiguide code{font-size:11.5px;word-break:break-all;background:var(--panel);padding:1px 4px;border-radius:4px}
.mkapit{display:flex;flex-direction:column;gap:6px;overflow-x:auto}
.mkapir{display:grid;grid-template-columns:130px repeat(4,minmax(170px,1fr));gap:8px;align-items:start;background:var(--panel2);border-radius:10px;padding:8px 10px}
.mkapir>span{display:flex;flex-direction:column;gap:4px;min-width:0}.mkapir select,.mkapir input{width:100%;min-height:34px;padding:2px 6px;font-size:12.5px}.mkapir .mkconn{align-self:flex-start}
.mkapih2{background:none;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--muted);padding-block:0}.mkapio{font-size:13.5px;padding-top:8px}
.mkapiev{margin-top:10px}.mkapiev summary{cursor:pointer;font-weight:700;font-size:13px}
.mkapires,.mkapilog{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:4px;font-size:12.5px}
.mkapires li{display:flex;flex-wrap:wrap;gap:4px 10px;background:var(--panel2);border-radius:8px;padding:6px 10px;border-left:3px solid var(--done)}.mkapires li.bad{border-left-color:var(--over)}.mkapires li span{color:var(--muted)}
.mkapilog li{display:grid;grid-template-columns:110px 1fr;gap:10px;padding:4px 0;border-bottom:1px solid var(--line)}.mkapilog em{font-style:normal;color:var(--muted)}.mkapilog li.warn span{color:var(--prog)}.mkapilog li.bad span{color:var(--over)}
.mkapibox{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px;background:color-mix(in srgb,var(--done) 8%,var(--panel2));border-radius:10px;padding:10px 12px;margin-top:10px;font-size:13px}.mkapibox .btn{margin-left:auto}
@media (max-width:760px){.mkapigrid{grid-template-columns:1fr}.mkapir{grid-template-columns:1fr 1fr}.mkapio{grid-column:1/-1;padding-top:0}.mkapih2{display:none}
  .mkapir>span::before{content:attr(data-l);font-size:10px;font-weight:700;text-transform:uppercase;color:var(--muted)}.mkapitop .mkapisync{margin-left:0;width:100%}.mkapitop>div{flex:1 1 40%}}
.h2team{font-style:normal;font-size:10.5px!important;font-weight:700;color:#1F7A6B!important;background:color-mix(in srgb,#1FA88F 14%,transparent);border-radius:4px;padding:1px 6px;width:auto!important}
/* ===== Mobile check-in (v1.8.2) ===== */
.cki{--ckin:#14A37F;--ckout:#E8590C;display:flex;flex-direction:column;gap:12px;max-width:520px;margin:0 auto;width:100%}
.ck-card{background:var(--panel);border-radius:18px;padding:16px;box-shadow:var(--sh1)}
.ck-main{display:flex;flex-direction:column;gap:14px;padding:18px 16px 14px;position:relative;overflow:hidden}
.ck-main::before{content:"";position:absolute;inset:0 0 auto 0;height:120px;background:linear-gradient(160deg,color-mix(in srgb,var(--ckin) 16%,transparent),transparent 70%);pointer-events:none}
.ck-top{display:flex;align-items:center;gap:10px;position:relative}.ck-top .hrav{width:42px;height:42px;font-size:14px}
.ck-top>span:nth-child(2){display:flex;flex-direction:column;line-height:1.2;flex:1;min-width:0}.ck-top em{font-style:normal;font-size:12.5px;color:var(--muted)}.ck-top b{font-size:18px}
.ck-date{font-size:12.5px;font-weight:700;color:var(--muted);background:var(--panel2);border-radius:99px;padding:4px 10px;white-space:nowrap}
.ck-clock{display:flex;align-items:flex-start;justify-content:center;gap:2px;font-variant-numeric:tabular-nums;position:relative}.ck-clock b{font-size:56px;line-height:1;font-weight:800;letter-spacing:-.03em}.ck-clock span{font-size:20px;font-weight:700;color:var(--muted);margin-top:6px}
.ck-shift{background:var(--panel2);border-radius:14px;padding:12px 14px;display:flex;flex-direction:column;gap:6px}
.ck-sh1{display:flex;justify-content:space-between;gap:8px;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--muted)}.ck-sh1 em{font-style:normal;text-transform:none;letter-spacing:0;color:var(--text)}
.ck-times{font-size:28px;font-weight:800;font-variant-numeric:tabular-nums;letter-spacing:-.02em}.ck-times i{font-style:normal;color:var(--muted);margin:0 6px;font-weight:400}
.ck-sh2{display:flex;flex-wrap:wrap;gap:6px 12px;font-size:13px;color:var(--muted)}.ck-none{font-size:17px}.ck-shift p{margin:0;font-size:13px;color:var(--muted)}
.ck-bar{height:6px;border-radius:99px;background:color-mix(in srgb,var(--muted) 18%,transparent);overflow:hidden;margin-top:2px}.ck-bar i{display:block;height:100%;border-radius:99px;background:var(--ckin)}
.ck-loc{display:flex;align-items:center;gap:10px;width:100%;text-align:left;border:0;border-radius:12px;padding:10px 12px;font:inherit;font-size:13.5px;color:var(--text);cursor:pointer;background:var(--panel2)}
.ck-loc>span:first-child{font-size:18px}.ck-loc>span:nth-child(2){flex:1}.ck-loc em{font-style:normal;font-size:11.5px;color:var(--muted);text-decoration:underline}
.ck-loc.ok{background:color-mix(in srgb,var(--ckin) 13%,var(--panel2))}.ck-loc.warn{background:color-mix(in srgb,var(--prog) 15%,var(--panel2))}.ck-loc.bad{background:color-mix(in srgb,var(--over) 14%,var(--panel2))}.ck-loc:disabled{cursor:default}
.ck-act{display:flex;flex-direction:column;align-items:center;gap:10px;padding:6px 0 2px}
.ck-btn{--c:var(--ckin);position:relative;width:min(64vw,220px);aspect-ratio:1;border-radius:50%;border:0;cursor:pointer;color:#fff;font:inherit;background:radial-gradient(circle at 35% 30%,color-mix(in srgb,var(--c) 70%,#fff),var(--c) 60%);box-shadow:0 14px 34px color-mix(in srgb,var(--c) 45%,transparent),inset 0 -6px 14px rgba(0,0,0,.15);touch-action:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;transition:transform .15s}
.ck-btn.out{--c:var(--ckout)}.ck-btn:active,.ck-btn.holding{transform:scale(.96)}.ck-btn:disabled{opacity:.7;cursor:wait}
.ck-btn:focus-visible{outline:4px solid color-mix(in srgb,var(--c) 45%,transparent);outline-offset:6px}
.ck-in{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px}.ck-ic{font-size:30px;line-height:1}.ck-in b{font-size:22px;letter-spacing:.06em}.ck-in em{font-style:normal;font-size:12px;opacity:.9}
.ck-ring{position:absolute;inset:-10px;width:calc(100% + 20px);height:calc(100% + 20px);transform:rotate(-90deg)}.ck-ring circle{fill:none;stroke:var(--c);stroke-width:5;stroke-linecap:round;stroke-dasharray:340;stroke-dashoffset:340;opacity:.9}
.ck-btn.holding .ck-ring circle{animation:ckfill .9s linear forwards}@keyframes ckfill{to{stroke-dashoffset:0}}
.ck-btn:not(:disabled):not(.holding)::after{content:"";position:absolute;inset:0;border-radius:50%;box-shadow:0 0 0 0 color-mix(in srgb,var(--c) 40%,transparent);animation:ckpulse 2.4s infinite}@keyframes ckpulse{0%{box-shadow:0 0 0 0 color-mix(in srgb,var(--c) 40%,transparent)}70%{box-shadow:0 0 0 18px transparent}100%{box-shadow:0 0 0 0 transparent}}
.ck-state{display:flex;align-items:center;gap:8px;font-size:14px;background:color-mix(in srgb,var(--ckin) 12%,var(--panel2));border-radius:99px;padding:6px 14px}.ck-dot{width:9px;height:9px;border-radius:50%;background:var(--ckin);box-shadow:0 0 0 4px color-mix(in srgb,var(--ckin) 25%,transparent)}
.ck-finish{display:flex;flex-direction:column;align-items:center;gap:4px;text-align:center;padding:8px 0}.ck-big{display:grid;place-items:center;width:84px;height:84px;border-radius:50%;background:color-mix(in srgb,var(--ckin) 16%,transparent);color:var(--ckin);font-size:40px;font-weight:900}.ck-finish b{font-size:18px}.ck-finish span{font-variant-numeric:tabular-nums}.ck-finish em{font-style:normal;color:var(--muted);font-size:13px}
.ck-msg{border-radius:12px;padding:10px 12px;font-size:13.5px;background:var(--panel2);text-align:center}.ck-msg.bad{background:color-mix(in srgb,var(--over) 14%,var(--panel2));color:var(--text);font-weight:600}
.ck-tip{margin:0;font-size:12.5px;color:var(--muted);text-align:center}
.ck-done{position:absolute;inset:0;z-index:2;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;text-align:center;padding:20px;background:color-mix(in srgb,var(--panel) 94%,transparent);backdrop-filter:blur(4px);animation:ckin .25s ease-out}
.ck-done svg{width:96px;height:96px}.ck-done circle{fill:color-mix(in srgb,var(--ckin) 16%,transparent);stroke:var(--ckin);stroke-width:2}.ck-done.out circle{fill:color-mix(in srgb,var(--ckout) 14%,transparent);stroke:var(--ckout)}
.ck-done path{fill:none;stroke:var(--ckin);stroke-width:4;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:40;stroke-dashoffset:40;animation:ckdraw .45s .15s ease-out forwards}.ck-done.out path{stroke:var(--ckout)}
.ck-done b{font-size:22px}.ck-done span{color:var(--muted)}.ck-done-x{margin-top:6px;min-width:120px;min-height:44px;border:0;border-radius:99px;background:var(--panel2);font:inherit;font-weight:700;color:var(--text);cursor:pointer}
@keyframes ckdraw{to{stroke-dashoffset:0}}@keyframes ckin{from{opacity:0;transform:scale(.97)}to{opacity:1;transform:none}}
.ck-foot{margin:0;font-size:11.5px;color:var(--muted);text-align:center}
.ck-h{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.ck-h b{font-size:14px}.ck-link{border:0;background:none;color:var(--accent);font:inherit;font-size:12.5px;font-weight:700;cursor:pointer;padding:6px 0}
.ck-week{display:grid;grid-template-columns:repeat(7,1fr);gap:4px}.ck-day{display:flex;flex-direction:column;align-items:center;gap:4px;padding:6px 0;border-radius:10px}.ck-day.today{background:var(--panel2)}
.ck-day em{font-style:normal;font-size:11px;font-weight:700;color:var(--muted)}.ck-day small{font-size:10.5px;color:var(--muted);font-variant-numeric:tabular-nums}
.ck-week i,.ck-legend i{display:inline-block;width:12px;height:12px;border-radius:50%;background:var(--muted);opacity:.35}.cki i.s-ok{background:var(--done);opacity:1}.cki i.s-warn{background:var(--prog);opacity:1}.cki i.s-bad{background:var(--over);opacity:1}.cki i.s-leave{background:var(--blocked);opacity:1}
.ck-legend{display:flex;flex-wrap:wrap;gap:4px 12px;margin-top:10px;font-size:11px;color:var(--muted)}.ck-legend span{display:inline-flex;align-items:center;gap:5px}.ck-legend i{width:8px;height:8px}
.ck-next{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}.ck-next li{display:grid;grid-template-columns:1fr auto;gap:0 10px;background:var(--panel2);border-radius:10px;padding:8px 12px;font-size:13.5px}.ck-next span{font-weight:700;font-variant-numeric:tabular-nums}.ck-next em{font-style:normal;color:var(--muted);font-size:12px}
.ck-links{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.ck-links button{display:flex;flex-direction:column;align-items:center;gap:4px;min-height:64px;justify-content:center;border:0;border-radius:14px;background:var(--panel);box-shadow:var(--sh1);font:inherit;font-size:12px;font-weight:700;color:var(--text);cursor:pointer}.ck-links span{font-size:20px}
.ck-empty{text-align:center;display:flex;flex-direction:column;align-items:center;gap:8px}.ck-empty p{margin:0;color:var(--muted)}.ck-ico{font-size:34px}
@media (prefers-reduced-motion:reduce){.ck-btn::after,.ck-done,.ck-done path{animation:none!important}.ck-done path{stroke-dashoffset:0}}
@media (max-width:560px){.hrpage[data-hrp="checkin"] .hrnav{margin-bottom:4px}.ck-clock b{font-size:50px}}
.ck-msg.warn{background:color-mix(in srgb,var(--prog) 14%,var(--panel2));text-align:left}
/* ===== Payroll & salary history (v1.9) ===== */
.pysteps{list-style:none;margin:6px 0 12px;padding:0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px}
.pysteps li{display:flex;flex-direction:column;gap:2px;background:var(--panel);border-radius:10px;padding:8px 10px;border-top:3px solid var(--line);box-shadow:var(--sh1);min-width:0}
.pysteps i{font-style:normal;display:inline-grid;place-items:center;width:20px;height:20px;border-radius:50%;background:var(--panel2);font-size:11px;font-weight:800}.pysteps b{font-size:12.5px}.pysteps em{font-style:normal;font-size:11px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pysteps li.done{border-top-color:var(--done)}.pysteps li.done i{background:var(--done);color:#fff}.pysteps li.now{border-top-color:#1FA88F;background:color-mix(in srgb,#1FA88F 8%,var(--panel))}.pysteps li.now i{background:#1FA88F;color:#fff}
.pyst{font-size:11.5px;font-weight:800;border-radius:99px;padding:3px 10px;background:var(--panel2)}.pyst.s-1,.pyst.s-2{background:color-mix(in srgb,var(--prog) 18%,transparent);color:var(--prog)}.pyst.s-3,.pyst.s-4{background:color-mix(in srgb,var(--done) 18%,transparent);color:var(--done)}
.pyacts .frow{flex-wrap:wrap;align-items:center;gap:8px}.pyacts input[type=text]{flex:1 1 200px;min-height:36px;padding:4px 10px}.pyacts p{margin:4px 0}.pyret{color:var(--prog);font-weight:600}
.pywarn{list-style:none;margin:10px 0;padding:10px 14px;border-radius:10px;background:color-mix(in srgb,var(--prog) 10%,var(--panel));border:1px solid color-mix(in srgb,var(--prog) 30%,transparent);display:flex;flex-direction:column;gap:4px;font-size:13px}
.pytiles{margin-bottom:10px}.pytable td em{display:block;font-style:normal;font-size:11px;color:var(--muted)}.pytable tbody tr{cursor:pointer}.pytable tbody tr:hover td{background:var(--panel2)}.pytable tr.ex td{opacity:.5}
.pyempty .frow input{min-height:34px;padding:2px 6px}
.pybreak{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:10px 0}.pyb{background:var(--panel2);border-radius:10px;padding:10px 12px;display:flex;flex-direction:column;gap:4px;font-size:12.5px}.pyb>b{font-size:11px;text-transform:uppercase;letter-spacing:.05em;color:var(--muted)}.pyb p{margin:0;display:flex;justify-content:space-between;gap:8px}.pyb p span:last-child{font-variant-numeric:tabular-nums;white-space:nowrap}
.pytot{display:flex;flex-wrap:wrap;gap:10px}.pytot span{flex:1 1 140px;display:flex;flex-direction:column;background:var(--panel2);border-radius:10px;padding:8px 12px;font-size:12px;color:var(--muted)}.pytot b{font-size:18px;color:var(--text);font-variant-numeric:tabular-nums}.pytot .net{background:color-mix(in srgb,#1FA88F 14%,var(--panel2))}
.pyadj{display:grid;grid-template-columns:minmax(0,1fr) 110px 150px 34px;gap:6px;margin-bottom:6px}.pyadj input,.pyadj select{min-height:34px;padding:2px 6px}
.pyhist{margin-top:10px}.pyhh{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px}
.pyline{list-style:none;margin:0;padding:0 0 0 14px;border-left:2px solid var(--line);display:flex;flex-direction:column;gap:8px}
.pyline li{position:relative;display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 10px;font-size:13px}.pyline li::before{content:"";position:absolute;left:-20px;top:5px;width:10px;height:10px;border-radius:50%;background:#1FA88F}.pyline li.fut::before{background:var(--panel);border:2px dashed #1FA88F;width:6px;height:6px}
.pyd{font-size:12px;color:var(--muted);min-width:80px}.pyd em{font-style:normal;color:#1F7A6B;font-weight:700}.pyline b{font-variant-numeric:tabular-nums}.pych{font-size:11.5px;font-weight:800;border-radius:4px;padding:1px 6px}.pych.up{background:color-mix(in srgb,var(--done) 16%,transparent);color:var(--done)}.pych.dn{background:color-mix(in srgb,var(--over) 14%,transparent);color:var(--over)}
.pyr{flex-basis:100%;font-size:12.5px}.pyline li>em{flex-basis:100%;font-style:normal;font-size:11px;color:var(--muted)}
.pyslips{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}.pyslips li{display:grid;grid-template-columns:1fr auto auto;gap:10px;align-items:center;background:var(--panel2);border-radius:10px;padding:8px 12px}.pyslips span{display:flex;flex-direction:column}.pyslips em{font-style:normal;font-size:11.5px;color:var(--muted)}.pynet{font-variant-numeric:tabular-nums}
.pyrow{display:flex;gap:6px}.pyrow input{min-width:0}
@media (max-width:760px){.pysteps{grid-template-columns:repeat(5,minmax(70px,1fr));overflow-x:auto}.pybreak{grid-template-columns:1fr}.pyadj{grid-template-columns:1fr 1fr}.pyadj input.pa-name{grid-column:1/-1}
  .pytable table,.pytable tbody,.pytable tr{display:block}.pytable thead{display:none}.pytable tr{display:grid;grid-template-columns:1fr 1fr;gap:2px 10px;padding:10px 0;border-bottom:1px solid var(--line)}.pytable td{border:0;padding:2px 0;white-space:normal}.pytable td:first-child{grid-column:1/-1}.pytable td.n{text-align:left}.pytable td::before{content:attr(data-l);display:block;font-size:10px;font-weight:700;text-transform:uppercase;color:var(--muted)}}
/* v1.9.1 · due date: plain date, coloured text */
.bdg.due[class*=" s-"]{background:none;margin-left:0;padding:0;font-weight:500;gap:4px}
.bdg.due.s-late{color:var(--over);font-weight:700}
.bdg.due.s-soon{color:var(--prog);font-weight:700}
.bdg.due.s-warn{color:var(--prog);font-weight:600}
.bdg.due.s-done{color:var(--done)}
.bdg.due.s-none{color:var(--muted)}
/* v1.9.1 · row highlight by due state: tint (colour + edge) or edge only */
.task.card.hl-tint.ds-late{background:color-mix(in srgb,var(--over) 14%,var(--panel));box-shadow:inset 3px 0 0 var(--over),var(--sh1)}
.task.card.hl-tint.ds-soon{background:color-mix(in srgb,var(--prog) 17%,var(--panel));box-shadow:inset 3px 0 0 var(--prog),var(--sh1)}
.task.card.hl-tint.ds-warn{background:color-mix(in srgb,var(--prog) 7%,var(--panel));box-shadow:inset 3px 0 0 color-mix(in srgb,var(--prog) 55%,transparent),var(--sh1)}
.task.card.hl-tint.ds-done{background:color-mix(in srgb,var(--done) 8%,var(--panel))}
.task.card.hl-tint.ds-late:hover{background:color-mix(in srgb,var(--over) 20%,var(--panel))}
.task.card.hl-tint.ds-soon:hover{background:color-mix(in srgb,var(--prog) 23%,var(--panel))}
.task.card.hl-tint.ds-warn:hover{background:color-mix(in srgb,var(--prog) 12%,var(--panel))}
.task.card.hl-tint.ds-done:hover{background:color-mix(in srgb,var(--done) 13%,var(--panel))}
.task.card.hl-bar.ds-late{box-shadow:inset 4px 0 0 var(--over),var(--sh1)}
.task.card.hl-bar.ds-soon{box-shadow:inset 4px 0 0 var(--prog),var(--sh1)}
.task.card.hl-bar.ds-warn{box-shadow:inset 4px 0 0 color-mix(in srgb,var(--prog) 55%,transparent),var(--sh1)}
.task.card.hl-bar.ds-done{box-shadow:inset 4px 0 0 var(--done),var(--sh1)}
.task.card.lrow.ds-late,.task.card.crow.ds-late{box-shadow:inset 3px 0 0 var(--over)}
.task.card.lrow.ds-soon,.task.card.crow.ds-soon{box-shadow:inset 3px 0 0 var(--prog)}
.task.card.lrow.ds-warn,.task.card.crow.ds-warn{box-shadow:inset 3px 0 0 color-mix(in srgb,var(--prog) 55%,transparent)}
.task.card.lrow.ds-done,.task.card.crow.ds-done{box-shadow:inset 3px 0 0 var(--done)}
.task.card.lrow.hl-bar.ds-done,.task.card.crow.hl-bar.ds-done,.task.card.lrow.hl-tint.ds-done,.task.card.crow.hl-tint.ds-done{box-shadow:none}
.task.card.ds-done .t{color:var(--muted)}
/* v1.9.1 · Compact layout: numbered rows, task + handler */
.ccols,.task.card.crow{display:grid;grid-template-columns:34px minmax(0,1fr) minmax(110px,210px);gap:12px;align-items:center;flex-direction:initial}
.ccols{padding:6px 16px;font-size:11px;font-weight:600;color:var(--muted);text-transform:uppercase;letter-spacing:.04em;border-bottom:1px solid var(--line)}
.ccols span:first-child{text-align:right}
.crows{display:flex;flex-direction:column}
.task.card.crow{border-radius:0;box-shadow:none;background:none;padding:8px 16px;border-bottom:1px solid color-mix(in srgb,var(--line) 60%,transparent);gap:12px}
.task.card.crow:hover{background:var(--cardh)}
.crow .cn{text-align:right;font-variant-numeric:tabular-nums;color:var(--muted);font-weight:700;font-size:13px}
.crow .ct{font-size:14px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}
.crow .cw{display:flex;align-items:center;gap:7px;font-size:13px;min-width:0;white-space:nowrap}
.crow .cw>span:not(.av){overflow:hidden;text-overflow:ellipsis}.crow .cws{display:none}
.crow.isdone .ct{text-decoration:line-through;color:var(--muted);font-weight:500}
.cview .lghead{padding:10px 16px 6px}
@media (max-width:620px){.ccols,.task.card.crow{grid-template-columns:24px minmax(0,1fr) auto;gap:8px}.task.card.crow{padding:9px 12px}.ccols{padding:6px 12px}.crow .cwl{display:none}.crow .cws{display:inline}}
.hmlay.three{grid-template-columns:repeat(3,1fr)}
.hmsub{margin:12px 0 6px}
@media (max-width:720px){.hmlay.three{grid-template-columns:1fr}}
/* v1.9.1 · System update pop-up */
.supov{position:fixed;inset:0;z-index:9999;background:var(--scrim);display:flex;align-items:center;justify-content:center;padding:16px;animation:fadein .15s}
.supbox{background:var(--panel);color:var(--text);border-radius:14px;box-shadow:0 24px 60px rgba(0,0,0,.35);width:min(430px,100%);padding:24px 22px 18px;text-align:center}
.supic{font-size:40px;line-height:1}.supic.spin{display:inline-block;animation:supspin 2s linear infinite}
.supbox h3{margin:10px 0 4px;font-size:19px}
.supsub{color:var(--muted);font-size:13.5px;margin:0 0 14px;overflow-wrap:anywhere}
.supbox.err h3{color:var(--over)}.supbox.err .supsub{color:var(--text)}
.supsteps{list-style:none;display:flex;justify-content:center;gap:6px;padding:0;margin:0 0 14px;font-size:12px;color:var(--muted)}
.supsteps li{display:flex;align-items:center;gap:5px}.supsteps li:not(:last-child)::after{content:"";width:22px;height:2px;background:var(--line);margin-left:6px}
.supsteps li::before{content:"";width:9px;height:9px;border-radius:50%;background:var(--line)}
.supsteps li.on{color:var(--text);font-weight:700}.supsteps li.on::before{background:var(--accent)}
.supsteps li.ok{color:var(--done)}.supsteps li.ok::before{background:var(--done)}
.supbar{height:10px;border-radius:6px;background:var(--panel2);overflow:hidden;position:relative}
.supbar i{display:block;height:100%;background:var(--accent);border-radius:6px;transition:width .2s}
.supbar.ind i{position:absolute;top:0;left:-40%;width:40%;animation:supind 1.1s ease-in-out infinite}
.suppct{display:flex;justify-content:space-between;font-size:12px;color:var(--muted);margin-top:6px;font-variant-numeric:tabular-nums}.suppct b{color:var(--text)}
.supnote{font-size:12px;color:var(--muted);margin:12px 0 0}
.supfacts{list-style:none;text-align:left;background:var(--panel2);border-radius:8px;padding:8px 12px;margin:0 0 14px;font-size:13px}
.supfacts li{display:flex;justify-content:space-between;gap:12px;padding:3px 0}.supfacts li span{color:var(--muted)}.supfacts li b{text-align:right;overflow-wrap:anywhere}
.supbtns{display:flex;gap:8px;justify-content:center}
@keyframes supind{from{left:-40%}to{left:100%}}
@keyframes supspin{to{transform:rotate(360deg)}}
@media (prefers-reduced-motion:reduce){.supic.spin,.supbar.ind i{animation:none}.supbar.ind i{left:0;width:100%;opacity:.5}}
/* v1.10 · OSNL AI */
body.aimode .stats,body.aimode .toolbar,body.aimode #legend{display:none!important}
.aipage{--mk:#7C5CFF}
.aipage .mkhero::before{background:linear-gradient(180deg,#7C5CFF,#3F86D9)}
.aieye{color:#7C5CFF!important}.airole{background:color-mix(in srgb,#7C5CFF 16%,transparent)!important;color:#7C5CFF!important}
.btn.aibtn{background:#7C5CFF;color:#fff;min-width:110px}.btn.aibtn:disabled{opacity:.55;cursor:default}
.aiprov{display:flex;align-items:center;gap:8px;background:var(--panel2);border:1px solid var(--line);border-radius:10px;padding:8px 12px;font-size:13px}
.aidot{width:9px;height:9px;border-radius:50%;background:var(--muted)}.aidot.ok{background:var(--done);box-shadow:0 0 0 3px color-mix(in srgb,var(--done) 25%,transparent)}.aidot.off{background:var(--over)}
.aigrid{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(300px,1fr);gap:14px;align-items:start}
.aimain,.aiside{display:flex;flex-direction:column;gap:14px;min-width:0}
.aiask textarea{width:100%;min-height:120px;resize:vertical;background:var(--bg);color:var(--text);border:1px solid var(--line);border-radius:10px;padding:12px 14px;font:inherit;font-size:15px;line-height:1.5}
.aiask textarea:focus{outline:2px solid color-mix(in srgb,#7C5CFF 60%,transparent);border-color:transparent}
.aitype{display:flex;align-items:center;gap:8px}.aitype select{min-height:34px}
.aiexs{display:flex;gap:6px;flex-wrap:wrap}
.aiex{background:var(--panel2);border:1px solid var(--line);color:var(--text);border-radius:999px;padding:4px 12px;font:inherit;font-size:12.5px;cursor:pointer}.aiex:hover{border-color:#7C5CFF}
.aisend{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap}
.aitag{display:inline-flex;align-items:center;height:20px;padding:0 8px;border-radius:999px;font-size:11px;font-weight:600;background:color-mix(in srgb,#7C5CFF 16%,transparent);color:#9B85FF;white-space:nowrap}
.aiq{background:var(--panel2);border-radius:8px;padding:8px 12px;font-size:13px;white-space:pre-wrap;overflow-wrap:anywhere}.aiq>.hint{display:block;font-size:11px;margin-bottom:2px}
.aimd{font-size:14.5px;line-height:1.6;overflow-wrap:anywhere}
.aimd h2,.aimd h3,.aimd h4,.aimd h5{margin:14px 0 6px;line-height:1.3}.aimd h2{font-size:18px}.aimd h3{font-size:16px}.aimd h4,.aimd h5{font-size:14.5px}
.aimd>:first-child{margin-top:0}.aimd p{margin:0 0 10px}.aimd ul,.aimd ol{margin:0 0 10px;padding-left:22px}.aimd li{margin:3px 0}.aimd li.sub{margin-left:18px}
.aimd code{background:var(--panel2);border-radius:4px;padding:1px 5px;font-size:.92em}.aimd pre{background:var(--panel2);border-radius:8px;padding:10px 12px;overflow:auto;font-size:13px}
.aimd hr{border:0;border-top:1px solid var(--line);margin:12px 0}
.aitbl{overflow-x:auto;margin:0 0 10px}.aitbl table{border-collapse:collapse;width:100%;font-size:13.5px}.aitbl th,.aitbl td{border:1px solid var(--line);padding:6px 9px;text-align:left;vertical-align:top}.aitbl th{background:var(--panel2);font-weight:600}
.aimeta{font-size:12px;color:var(--muted);border-top:1px solid var(--line);padding-top:8px;font-variant-numeric:tabular-nums}
.aicut{color:var(--prog)!important}
.aithink{display:flex;align-items:center;gap:10px;font-size:14px}.aispin{width:18px;height:18px;border-radius:50%;border:2.5px solid color-mix(in srgb,#7C5CFF 30%,transparent);border-top-color:#7C5CFF;animation:supspin .8s linear infinite}
.aierr p{margin:0;color:var(--text)}.aierr{box-shadow:var(--sh1),inset 3px 0 0 var(--over)}
.aisetup{box-shadow:var(--sh1),inset 3px 0 0 var(--prog)}.aisetup ol{margin:0;padding-left:20px;line-height:1.6;font-size:14px}.aisetup pre{background:var(--panel2);border-radius:8px;padding:8px 12px;margin:6px 0;overflow:auto}.aisetup code{background:var(--panel2);border-radius:4px;padding:1px 5px}
.aiwarn{box-shadow:var(--sh1),inset 3px 0 0 var(--over);font-size:14px;display:block}
.aitiles{grid-template-columns:repeat(auto-fill,minmax(118px,1fr))}.aitiles .rtile{border-top:3px solid #7C5CFF;padding:10px 12px}.aitiles .k{font-size:11.5px;color:var(--muted)}.aitiles .v{font-size:20px;font-weight:700;font-variant-numeric:tabular-nums}.aitiles .s{font-size:11px;color:var(--muted)}
.aibudget{display:flex;align-items:center;gap:10px}.aibudget .bar{flex:1;height:6px;border-radius:4px;background:var(--panel2);overflow:hidden}.aibudget .bar i{display:block;height:100%;background:#7C5CFF}.aibudget .bar i.warm{background:var(--prog)}.aibudget .bar i.hot{background:var(--over)}
.ailims{font-size:12px;line-height:1.5}
.airlist{display:flex;flex-direction:column}
.airow{display:grid;grid-template-columns:auto minmax(0,1fr);grid-template-areas:"tag p" "tag h";column-gap:10px;row-gap:2px;text-align:left;background:none;border:0;border-bottom:1px solid color-mix(in srgb,var(--line) 60%,transparent);padding:8px 4px;color:var(--text);font:inherit;cursor:pointer;align-items:start}
.airow:hover{background:var(--cardh)}.airow .aitag{grid-area:tag;margin-top:1px}.airow .airp{grid-area:p;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.airow .hint{grid-area:h;font-size:11.5px}
.airow.bad .airp{color:var(--muted)}
@media (max-width:980px){.aigrid{grid-template-columns:1fr}}
@media (max-width:620px){.aiprov{width:100%}.aisend .btn{width:100%}}
/* v1.11 · OSNL data picker + preview */
.aidata{border:1px solid var(--line);border-radius:10px;padding:10px 12px;display:flex;flex-direction:column;gap:8px;background:color-mix(in srgb,#7C5CFF 5%,transparent)}
.aidh{display:flex;align-items:center;gap:8px;flex-wrap:wrap;font-size:13.5px}.aidh .sp{flex:1}.aidh .mklink{font-size:12.5px}
.aimods{display:flex;flex-wrap:wrap;gap:6px}
.aimod{border:1px solid var(--line);background:var(--panel);color:var(--muted);border-radius:999px;padding:4px 12px;font:inherit;font-size:12.5px;cursor:pointer}
.aimod[aria-pressed="true"]{background:#7C5CFF;border-color:#7C5CFF;color:#fff;font-weight:600}.aimod[aria-pressed="true"]::before{content:"✓ "}
.aiprow{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.aiprow select,.aiprow input[type=date]{min-height:32px;font-size:13px}
.aichk{display:inline-flex;align-items:center;gap:6px;font-size:12.5px;color:var(--muted);cursor:pointer}.aichk input{accent-color:#7C5CFF}
.aidmeta{border-top:0;padding-top:0}
.aipvbox{width:min(760px,100%);max-height:86vh;display:flex;flex-direction:column;gap:8px;text-align:left}
.aipvjson{flex:1;overflow:auto;background:var(--panel2);border-radius:8px;padding:10px 12px;font-size:12px;line-height:1.45;margin:0;white-space:pre-wrap;overflow-wrap:anywhere;max-height:62vh}
@media (max-width:620px){.aiprow select{flex:1}}
/* v1.12 · loading screen */
.spl{position:fixed;inset:0;z-index:100000;display:flex;align-items:center;justify-content:center;background:var(--bg);color:var(--text);overflow:hidden;transition:opacity .5s ease,visibility .5s ease}
.spl.out{opacity:0;visibility:hidden}.spl.out .spl-core{transform:scale(1.04);filter:blur(2px)}
.spl-bg i{position:absolute;border-radius:50%;filter:blur(70px);opacity:.45;animation:splfloat 9s ease-in-out infinite alternate}
.spl-bg i:nth-child(1){width:46vmax;height:46vmax;left:-12vmax;top:-14vmax;background:radial-gradient(circle,color-mix(in srgb,var(--accent) 70%,transparent),transparent 70%)}
.spl-bg i:nth-child(2){width:40vmax;height:40vmax;right:-14vmax;bottom:-16vmax;background:radial-gradient(circle,color-mix(in srgb,#B8892E 65%,transparent),transparent 70%);animation-delay:-3s}
.spl-bg i:nth-child(3){width:26vmax;height:26vmax;right:12vmax;top:-8vmax;background:radial-gradient(circle,color-mix(in srgb,#7C5CFF 45%,transparent),transparent 70%);animation-delay:-6s;opacity:.3}
.spl-core{position:relative;display:flex;flex-direction:column;align-items:center;text-align:center;padding:24px;transition:transform .5s ease,filter .5s ease;animation:splin .7s cubic-bezier(.2,.8,.2,1) both}
.spl-logo{position:relative;width:132px;height:132px;display:grid;place-items:center;margin-bottom:22px}
.spl-logo img{width:96px;height:96px;border-radius:24px;box-shadow:0 18px 40px rgba(0,0,0,.35);animation:splpulse 2.4s ease-in-out infinite}
.spl-ring{position:absolute;inset:0;border-radius:50%;background:conic-gradient(from 0deg,transparent 0 55%,color-mix(in srgb,var(--accent) 90%,#fff) 75%,#E8C27A 92%,transparent 100%);-webkit-mask:radial-gradient(farthest-side,transparent calc(100% - 3px),#000 calc(100% - 2px));mask:radial-gradient(farthest-side,transparent calc(100% - 3px),#000 calc(100% - 2px));animation:splspin 1.4s linear infinite}
.spl-eye{font-size:11.5px;font-weight:700;letter-spacing:.22em;text-transform:uppercase;color:var(--accent)}
.spl-title{font-family:var(--display);font-size:44px;font-weight:800;letter-spacing:-.02em;line-height:1.05;margin-top:6px}.spl-title span{color:var(--muted);font-weight:600}
.spl-sub{font-size:13px;letter-spacing:.32em;text-transform:uppercase;color:var(--muted);margin-top:6px}
.spl-bar{width:180px;height:3px;border-radius:3px;background:color-mix(in srgb,var(--muted) 22%,transparent);overflow:hidden;margin-top:28px;position:relative}
.spl-bar i{position:absolute;top:0;left:-40%;width:40%;height:100%;border-radius:3px;background:linear-gradient(90deg,transparent,var(--accent),#E8C27A,transparent);animation:splbar 1.3s ease-in-out infinite}
.spl-msg{font-size:12.5px;color:var(--muted);margin-top:12px;min-height:1.4em}
@keyframes splspin{to{transform:rotate(360deg)}}
@keyframes splbar{to{left:100%}}
@keyframes splpulse{0%,100%{transform:scale(1)}50%{transform:scale(1.035)}}
@keyframes splin{from{opacity:0;transform:translateY(10px) scale(.98)}to{opacity:1;transform:none}}
@keyframes splfloat{to{transform:translate(4vmax,3vmax) scale(1.08)}}
@media (prefers-reduced-motion:reduce){.spl-ring,.spl-bar i,.spl-logo img,.spl-bg i{animation:none}.spl-bar i{left:0;width:100%;opacity:.5}}
/* v1.12 · Telegram buttons can be switched off in Settings → Telegram */
body.notgshare .ghost.tg:not([data-tgtest]),body.notgshare #tgSummary,body.notgshare [data-brief="tg"]{display:none!important}
body.notgperson .tgbtn{display:none!important}
.storph{margin-top:12px;border:1px solid color-mix(in srgb,var(--prog) 50%,var(--line));background:color-mix(in srgb,var(--prog) 8%,transparent);border-radius:10px;padding:10px 12px;display:flex;flex-direction:column;gap:8px}
.storph .orow{display:flex;align-items:center;gap:8px;flex-wrap:wrap;font-size:13.5px}.storph .orow b{min-width:120px}.storph select{min-height:32px}
/* v1.13 · Staff app (employee logins) */
html[lang="km"] body{font-family:"Kantumruy Pro",var(--body)}
html[lang="km"] .eapp *{letter-spacing:0!important;text-transform:none!important}html[lang="km"] .eapp{line-height:1.55}
body.eappmode .hero,body.eappmode .side,body.eappmode #bnav,body.eappmode .stats,body.eappmode .toolbar,body.eappmode #legend,body.eappmode #tsSlot,body.eappmode .pmswitch{display:none!important}
body.eappmode .wrap{padding:0!important;max-width:none!important}
body.eappmode main#view,body.eappmode #view{margin:0!important;padding:0!important}
.eapp{--e1:#E5383B;--e2:#B8892E;max-width:560px;margin:0 auto;min-height:100vh;min-height:100dvh;overflow-x:clip;display:flex;flex-direction:column;position:relative}
.eapp>.ebody{flex:1}
.etop{position:sticky;top:0;z-index:30;display:flex;align-items:center;gap:12px;padding:calc(14px + env(safe-area-inset-top,0px)) 16px 22px;color:#fff;
  background:radial-gradient(120% 140% at 0% 0%,#ff5a5f 0%,transparent 55%),linear-gradient(135deg,#C81E3A 0%,#7A1430 55%,#3A0F2A 100%);border-radius:0 0 26px 26px;box-shadow:0 10px 30px rgba(122,20,48,.35);overflow:hidden}
.etop::after{content:"";position:absolute;right:-30px;top:-40px;width:160px;height:160px;border-radius:50%;background:radial-gradient(circle,rgba(232,194,122,.45),transparent 70%);pointer-events:none}
.etop-av{border:0;background:none;padding:0;cursor:pointer;border-radius:50%;box-shadow:0 0 0 3px rgba(255,255,255,.35)}
.eav{width:48px!important;height:48px!important;border-radius:50%;font-size:16px!important;display:grid;place-items:center;object-fit:cover;background:rgba(255,255,255,.18);color:#fff}
.etop-who{flex:1;min-width:0;display:flex;flex-direction:column;line-height:1.2}.etop-who em{font-style:normal;font-size:12.5px;opacity:.85}.etop-who b{font-size:19px;font-weight:800;letter-spacing:-.01em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.etop-who span{font-size:12px;opacity:.8;margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ebell{position:relative;width:46px;height:46px;border-radius:15px;border:0;background:rgba(255,255,255,.16);color:#fff;display:grid;place-items:center;cursor:pointer;backdrop-filter:blur(6px)}
.ebell .eic{width:24px;height:24px}.ebell.has .eic{animation:ering 2.4s ease-in-out infinite;transform-origin:50% 10%}
.ebell i{position:absolute;top:-4px;right:-4px;min-width:20px;height:20px;padding:0 5px;border-radius:10px;background:#FFC53D;color:#3A0F2A;font:800 11px/20px var(--body);font-style:normal;box-shadow:0 0 0 2px #7A1430}
@keyframes ering{0%,88%,100%{transform:rotate(0)}91%{transform:rotate(14deg)}94%{transform:rotate(-12deg)}97%{transform:rotate(6deg)}}
.ebody{padding:0 14px;margin-top:-10px;position:relative;z-index:2;display:flex;flex-direction:column;gap:16px}
.eic{width:22px;height:22px}
.ehero{display:flex;align-items:center;gap:12px;padding:18px;border-radius:22px;color:#fff;box-shadow:0 14px 30px rgba(0,0,0,.18);background:linear-gradient(135deg,#1FA88F,#147A86)}
.ehero.due,.ehero.none{background:linear-gradient(135deg,#3F86D9,#5B4BDB)}.ehero.on{background:linear-gradient(135deg,#F08C2E,#E5383B)}.ehero.done{background:linear-gradient(135deg,#1FA88F,#147A86)}
.ehero-l{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.ehero-date{font-size:12.5px;opacity:.9;text-transform:capitalize}.ehero-clock{font-size:42px;font-weight:800;letter-spacing:-.03em;line-height:1.05;font-variant-numeric:tabular-nums}
.ehero-st{font-size:13.5px;font-weight:600;display:flex;align-items:center;gap:6px}.ehero-sub{font-size:12px;opacity:.85}
.edot{width:9px;height:9px;border-radius:50%;background:#fff;box-shadow:0 0 0 0 rgba(255,255,255,.7);animation:epulse 1.6s infinite}@keyframes epulse{70%{box-shadow:0 0 0 9px rgba(255,255,255,0)}100%{box-shadow:0 0 0 0 rgba(255,255,255,0)}}
.ehero-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;width:92px;height:92px;border-radius:50%;border:0;background:#fff;color:#1d2125;font:700 13px var(--body);cursor:pointer;box-shadow:0 10px 24px rgba(0,0,0,.25),inset 0 -3px 0 rgba(0,0,0,.08)}
.ehero-btn .eic{width:30px;height:30px;color:#E5383B}.ehero.due .ehero-btn .eic,.ehero.none .ehero-btn .eic{color:#3F86D9}.ehero-btn:active{transform:scale(.96)}
.ehero-ok{width:64px;height:64px;border-radius:50%;background:rgba(255,255,255,.22);display:grid;place-items:center;font-size:30px;font-weight:800}
.esec{display:flex;flex-direction:column;gap:10px}.esec>h3,.ecard>h3{margin:0;font-size:16px;font-weight:800;display:flex;align-items:center;gap:8px;letter-spacing:-.01em}
.eh-ic{width:20px;height:20px;color:var(--accent)}.emore{margin-left:auto;border:0;background:var(--panel2);color:var(--text);width:30px;height:30px;border-radius:50%;font-size:20px;line-height:1;cursor:pointer}
.egrid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px 8px;background:var(--panel);border-radius:22px;padding:16px 10px;box-shadow:var(--sh1)}
.eapp-ic{display:flex;flex-direction:column;align-items:center;gap:7px;border:0;background:none;color:var(--text);font:600 12px var(--body);cursor:pointer;padding:0;min-width:0}
.eapp-ic em{font-style:normal;text-align:center;line-height:1.2;max-width:100%;overflow:hidden;text-overflow:ellipsis}
.etile{width:56px;height:56px;border-radius:18px;display:grid;place-items:center;color:#fff;box-shadow:0 8px 16px -6px var(--sh,rgba(0,0,0,.35)),inset 0 1px 0 rgba(255,255,255,.35);transition:transform .15s}
.etile .eic{width:27px;height:27px}.eapp-ic:active .etile{transform:scale(.92)}
.g1{background:linear-gradient(140deg,#34D399,#059669);--sh:rgba(5,150,105,.55)}.g2{background:linear-gradient(140deg,#60A5FA,#2563EB);--sh:rgba(37,99,235,.55)}.g3{background:linear-gradient(140deg,#A78BFA,#7C3AED);--sh:rgba(124,58,237,.55)}
.g4{background:linear-gradient(140deg,#2DD4BF,#0D9488);--sh:rgba(13,148,136,.55)}.g5{background:linear-gradient(140deg,#FDBA74,#EA580C);--sh:rgba(234,88,12,.55)}.g6{background:linear-gradient(140deg,#F9A8D4,#DB2777);--sh:rgba(219,39,119,.55)}
.g7{background:linear-gradient(140deg,#FCD34D,#D97706);--sh:rgba(217,119,6,.55)}.g8{background:linear-gradient(140deg,#818CF8,#4F46E5);--sh:rgba(79,70,229,.55)}.g9{background:linear-gradient(140deg,#F59E0B,#B45309);--sh:rgba(180,83,9,.55)}
.epromos{display:flex;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;padding:2px 2px 8px;margin:0 -14px;padding-left:14px;padding-right:14px;scrollbar-width:none}.epromos::-webkit-scrollbar{display:none}
.epromo{flex:0 0 82%;scroll-snap-align:start;border-radius:20px;overflow:hidden;background:var(--panel);box-shadow:var(--sh1);display:flex;flex-direction:column}
.epromo img{width:100%;height:150px;object-fit:cover;display:block}
.epromo-art{height:110px;display:grid;place-items:center;color:#fff}.epromo-art .eic{width:44px;height:44px;opacity:.9}
.p0 .epromo-art{background:linear-gradient(135deg,#E5383B,#F08C2E)}.p1 .epromo-art{background:linear-gradient(135deg,#7C3AED,#DB2777)}.p2 .epromo-art{background:linear-gradient(135deg,#0D9488,#2563EB)}.p3 .epromo-art{background:linear-gradient(135deg,#B8892E,#7A1430)}
.epromo-tx{padding:12px 14px 14px;display:flex;flex-direction:column;gap:4px}.epromo-tx b{font-size:15.5px}.epromo-dt{font-size:12px;font-weight:700;color:var(--accent)}.epromo-tx p{margin:2px 0 0;font-size:13px;line-height:1.45;color:var(--text)}.epromo-tx p em{font-style:normal;color:var(--muted)}
.eevents,.eanns{display:flex;flex-direction:column;gap:8px}
.eev{display:flex;align-items:center;gap:12px;background:var(--panel);border-radius:16px;padding:10px 12px;box-shadow:var(--sh1)}
.eev-d{width:52px;height:52px;border-radius:14px;display:flex;flex-direction:column;align-items:center;justify-content:center;background:linear-gradient(140deg,#F9A8D4,#DB2777);color:#fff;flex:0 0 auto}.eev-d b{font-size:20px;line-height:1}.eev-d em{font-style:normal;font-size:11px;text-transform:uppercase;font-weight:700;opacity:.9}
.eevents .eev:nth-child(3n+2) .eev-d{background:linear-gradient(140deg,#60A5FA,#2563EB)}.eevents .eev:nth-child(3n) .eev-d{background:linear-gradient(140deg,#FDBA74,#EA580C)}
.eev-t{display:flex;flex-direction:column;min-width:0}.eev-t b{font-size:14.5px}.eev-t em{font-style:normal;font-size:12px;color:var(--muted)}
.eann{background:var(--panel);border-radius:16px;padding:12px 14px;box-shadow:var(--sh1);border-left:4px solid #FFC53D;cursor:default}.eann[data-hrpage]{cursor:pointer}.eann.pin{border-left-color:var(--accent)}
.eann-h{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.eann-h b{font-size:14.5px;flex:1;min-width:60%}.eann p{margin:4px 0;font-size:13.5px;line-height:1.5;white-space:pre-wrap}.eann-m{font-size:11.5px;color:var(--muted)}
.enew,.epin{font-style:normal;font-size:10.5px;font-weight:800;padding:2px 7px;border-radius:999px;background:#FFC53D;color:#3A0F2A}.epin{background:color-mix(in srgb,var(--accent) 18%,transparent);color:var(--accent)}
.eempty{margin:0;padding:14px;border-radius:16px;background:var(--panel);color:var(--muted);font-size:13px;text-align:center}
.ecard{background:var(--panel);border-radius:20px;padding:14px;box-shadow:var(--sh1);display:flex;flex-direction:column;gap:10px}
.elink{align-items:center;text-align:center}.elink span{font-size:34px}.elink p{margin:0;color:var(--muted);font-size:13px}
.esub{display:flex;align-items:center;gap:10px;margin-top:4px}.esub h2{margin:0;font-size:20px;font-weight:800}
.eback{width:38px;height:38px;border-radius:12px;border:0;background:var(--panel);box-shadow:var(--sh1);color:var(--text);font-size:24px;line-height:1;cursor:pointer}
.epage .hrhero,.epage .hrnav{display:none!important}.epage .cki{margin:0}
.eme{display:flex;flex-direction:column;align-items:center;margin-top:-4px}
.eme-photo{display:flex;flex-direction:column;align-items:center;gap:4px;text-align:center;background:var(--panel);border-radius:22px;padding:18px 14px;box-shadow:var(--sh1);width:100%}
.eme-pic{position:relative;cursor:pointer;margin-bottom:6px}.eav-xl{width:104px!important;height:104px!important;border-radius:50%;font-size:32px!important;display:grid;place-items:center;object-fit:cover;box-shadow:0 0 0 4px var(--panel),0 0 0 7px color-mix(in srgb,var(--accent) 60%,#B8892E)}
.eme-cam{position:absolute;right:-2px;bottom:-2px;width:36px;height:36px;border-radius:50%;background:linear-gradient(140deg,#E5383B,#B8892E);color:#fff;display:grid;place-items:center;box-shadow:0 0 0 3px var(--panel)}.eme-cam .eic{width:18px;height:18px}
.eme-photo b{font-size:19px}.eme-photo>span{font-size:13px;color:var(--muted)}.eme-chg{margin-top:6px}
.elang{display:grid;grid-template-columns:1fr 1fr;gap:6px;background:var(--panel2);border-radius:14px;padding:4px}
.elang button{border:0;border-radius:11px;padding:11px;font:700 14px var(--body);background:none;color:var(--muted);cursor:pointer}.elang button[data-elang="km"]{font-family:"Kantumruy Pro",var(--body)}
.elang button[aria-pressed="true"]{background:linear-gradient(135deg,#E5383B,#B8892E);color:#fff;box-shadow:0 6px 14px -6px rgba(229,56,59,.7)}
.edet{display:flex;justify-content:space-between;gap:12px;font-size:13.5px;padding:2px 0}.edet span{color:var(--muted)}
.erow{display:flex;align-items:center;gap:12px;width:100%;border:0;background:none;color:var(--text);font:600 14.5px var(--body);padding:8px 2px;cursor:pointer;text-align:left}
.erow-ic{width:36px;height:36px;border-radius:12px;display:grid;place-items:center;background:var(--panel2);color:var(--accent)}.erow-ic.g7{color:#fff}.erow-ic .eic{width:20px;height:20px}
.erow-l{flex:1}.erow em{font-style:normal;font-size:12.5px;color:var(--muted)}.erow-go{color:var(--muted);font-size:20px}.erow.danger{color:var(--over)}.erow.danger .erow-ic{color:var(--over)}
.eme-ver{text-align:center;font-size:11.5px;color:var(--muted);margin:0}
.etabs{position:sticky;bottom:0;width:100%;z-index:40;margin-top:18px;display:grid;grid-template-columns:repeat(5,1fr);align-items:end;padding:8px 6px calc(8px + env(safe-area-inset-bottom,0px));
  background:color-mix(in srgb,var(--panel) 92%,transparent);backdrop-filter:blur(14px);border-top:1px solid var(--line);border-radius:22px 22px 0 0;box-shadow:0 -8px 24px rgba(0,0,0,.12)}
.etab{display:flex;flex-direction:column;align-items:center;gap:3px;border:0;background:none;color:var(--muted);font:600 11px var(--body);cursor:pointer;padding:4px 0}
.etab .eic{width:24px;height:24px}.etab.on{color:var(--accent)}.etab.on .eic{filter:drop-shadow(0 3px 6px color-mix(in srgb,var(--accent) 50%,transparent))}
.etab-ck{display:flex;flex-direction:column;align-items:center;gap:3px;border:0;background:none;color:var(--text);font:700 11px var(--body);cursor:pointer;margin-top:-30px}
.etab-ck span{width:62px;height:62px;border-radius:50%;display:grid;place-items:center;color:#fff;background:linear-gradient(140deg,#34D399,#059669);box-shadow:0 10px 22px -6px rgba(5,150,105,.75),0 0 0 5px var(--bg)}
.etab-ck span .eic{width:30px;height:30px}.etab-ck em{font-style:normal}.etab-ck.on span{background:linear-gradient(140deg,#F08C2E,#E5383B);box-shadow:0 10px 22px -6px rgba(229,56,59,.75),0 0 0 5px var(--bg)}
.hrann{display:flex;gap:10px;align-items:flex-start;justify-content:space-between;border-top:1px solid var(--line);padding:10px 0}.hrann p{margin:3px 0;font-size:13.5px;white-space:pre-wrap}
.mkstaff{background:color-mix(in srgb,#B8892E 10%,transparent);border:1px dashed color-mix(in srgb,#B8892E 60%,transparent);border-radius:10px;padding:10px 12px;display:flex;flex-direction:column;gap:8px}
.mkstaff img{max-width:220px;border-radius:10px;display:block}.mkstafft{display:flex;align-items:center;gap:8px;font-size:14px}
@media (min-width:900px){.eapp{padding-top:10px}.etop{border-radius:26px;margin:0 10px}.egrid{grid-template-columns:repeat(4,1fr)}.epromo{flex-basis:70%}}
@media (prefers-reduced-motion:reduce){.ebell.has .eic,.edot{animation:none}}
/* v1.14 · Staff app design system (tokens used by every employee screen) */
.happ{--h-bg:#F4F5F7;--h-card:#FFFFFF;--h-ink:#0F1E3D;--h-mute:#5B6478;--h-line:#E3E6EB;--h-brand:#C8102E;--h-brand-s:#FBE8EB;--h-ok:#12805C;--h-ok-s:#E6F4EE;--h-warn:#B45309;--h-warn-s:#FDF1E3;--h-bad:#C81E1E;--h-bad-s:#FCE9E9;--h-info:#1D5FD1;--h-info-s:#E8F0FC;
  --h-r:16px;--h-sh:0 1px 2px rgba(15,30,61,.06),0 1px 1px rgba(15,30,61,.04);--h-gap:14px;
  background:var(--h-bg);color:var(--h-ink);font-size:15px;max-width:560px;margin:0 auto;min-height:100vh;min-height:100dvh;overflow-x:clip;display:flex;flex-direction:column}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .happ{--h-bg:#0F1218;--h-card:#191E27;--h-ink:#E8ECF3;--h-mute:#9AA3B2;--h-line:#272D38;--h-brand:#FF4D5E;--h-brand-s:#3A1A20;--h-ok:#3CCB8A;--h-ok-s:#143527;--h-warn:#F5A524;--h-warn-s:#3A2A12;--h-bad:#FF6B6B;--h-bad-s:#3B1A1A;--h-info:#6EA8FF;--h-info-s:#172A47;--h-sh:none}}
:root[data-theme="dark"] .happ{--h-bg:#0F1218;--h-card:#191E27;--h-ink:#E8ECF3;--h-mute:#9AA3B2;--h-line:#272D38;--h-brand:#FF4D5E;--h-brand-s:#3A1A20;--h-ok:#3CCB8A;--h-ok-s:#143527;--h-warn:#F5A524;--h-warn-s:#3A2A12;--h-bad:#FF6B6B;--h-bad-s:#3B1A1A;--h-info:#6EA8FF;--h-info-s:#172A47;--h-sh:none}
body.eappmode{background:var(--bg)}
.happ .sr{position:absolute;width:1px;height:1px;opacity:0;overflow:hidden}
/* header */
.htop{position:sticky;top:0;z-index:30;display:flex;align-items:center;gap:12px;padding:calc(12px + env(safe-area-inset-top,0px)) 16px 12px;background:color-mix(in srgb,var(--h-bg) 92%,transparent);backdrop-filter:saturate(1.4) blur(12px);border-bottom:1px solid transparent}
.htop-av{border:0;background:none;padding:0;border-radius:50%;cursor:pointer;min-width:44px;min-height:44px}
.hav{width:44px!important;height:44px!important;border-radius:50%;object-fit:cover;display:grid;place-items:center;font-size:15px!important;background:var(--h-brand-s);color:var(--h-brand);box-shadow:0 0 0 2px var(--h-card),0 0 0 3px var(--h-line)}
.htop-who{flex:1;min-width:0;display:flex;flex-direction:column;line-height:1.25}.htop-hi{font-size:12.5px;color:var(--h-mute)}.htop-who b{font-size:17px;font-weight:750;letter-spacing:.01em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.htop-role{font-size:12.5px;color:var(--h-mute);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.hbell{position:relative;width:44px;height:44px;border-radius:50%;border:1px solid var(--h-line);background:var(--h-card);color:var(--h-ink);display:grid;place-items:center;cursor:pointer}
.hbell .eic{width:22px;height:22px}.hbell i{position:absolute;top:-3px;right:-3px;min-width:19px;height:19px;padding:0 5px;border-radius:10px;background:var(--h-brand);color:#fff;font:700 11px/19px var(--body);font-style:normal;box-shadow:0 0 0 2px var(--h-bg)}
.hbody{flex:1;padding:4px 16px 24px;display:flex;flex-direction:column;gap:var(--h-gap)}
/* cards & sections */
.hcard{background:var(--h-card);border:1px solid var(--h-line);border-radius:var(--h-r);box-shadow:var(--h-sh);padding:14px 16px;animation:hin .25s ease both}
.hsec{display:flex;flex-direction:column;gap:8px}.hsec-h{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:28px}
.hsec-h h3{margin:0;font-size:12px;font-weight:750;letter-spacing:.08em;text-transform:uppercase;color:var(--h-mute)}
.hlinkbtn{border:0;background:none;color:var(--h-brand);font:700 12px var(--body);letter-spacing:.04em;cursor:pointer;min-height:36px;padding:0 4px}
.heye{display:block;font-size:11.5px;font-weight:750;letter-spacing:.08em;text-transform:uppercase;color:var(--h-mute)}
.hempty{margin:0;font-size:13.5px;color:var(--h-mute)}.hempty.card{background:var(--h-card);border:1px dashed var(--h-line);border-radius:var(--h-r);padding:14px 16px}
.hok{margin:0;background:var(--h-ok-s);color:var(--h-ok);border-radius:var(--h-r);padding:12px 16px;font-weight:650;font-size:14px}
.hcount{margin:0;font-size:13.5px;color:var(--h-ink)}
.hnote{text-align:center}.hnote p{margin:6px 0 0;color:var(--h-mute);font-size:13.5px}
/* today card */
.htoday{padding:16px;border-left:4px solid var(--h-info)}.htoday.st-working{border-left-color:var(--h-ok)}.htoday.st-late,.htoday.st-missed{border-left-color:var(--h-bad)}.htoday.st-due{border-left-color:var(--h-warn)}.htoday.st-leave{border-left-color:var(--h-ok)}.htoday.st-off,.htoday.st-done{border-left-color:var(--h-line)}
.htoday-top{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;padding-bottom:12px;border-bottom:1px solid var(--h-line)}
.hdate{display:block;font-size:15.5px;font-weight:700;margin-top:2px;text-transform:capitalize}
.hclock{text-align:right;display:flex;flex-direction:column;align-items:flex-end}.hclock b{font-size:30px;font-weight:750;letter-spacing:-.02em;line-height:1;font-variant-numeric:tabular-nums}.hclock span{font-size:11.5px;color:var(--h-mute);margin-top:3px}
.htoday-sh{padding-top:12px;display:flex;flex-direction:column;gap:4px}
.hshift{font-size:24px;font-weight:750;letter-spacing:-.01em;font-variant-numeric:tabular-nums}
.hst{margin:2px 0 0;font-size:14.5px;font-weight:700;display:flex;align-items:center;gap:6px}.hst.ok{color:var(--h-ok)}.hst.warn{color:var(--h-warn)}.hst.bad{color:var(--h-bad)}.hst.info{color:var(--h-info)}.hst.leave{color:var(--h-ok)}
.hmeta{margin:0;font-size:13.5px;color:var(--h-mute);font-variant-numeric:tabular-nums}
.htoday-act{margin-top:14px}
.hbtn{display:inline-flex;align-items:center;justify-content:center;gap:8px;width:100%;min-height:48px;border-radius:12px;border:0;background:var(--h-brand);color:#fff;font:750 14.5px var(--body);letter-spacing:.04em;cursor:pointer;transition:transform .1s,filter .15s}
.hbtn .eic{width:20px;height:20px}.hbtn:active{transform:scale(.98)}.hbtn:hover{filter:brightness(1.05)}
.hbtn.warn{background:var(--h-warn)}.hbtn.bad{background:var(--h-bad)}.hbtn.ghost{background:var(--h-card);color:var(--h-ink);border:1px solid var(--h-line)}
.hbtn.line{background:none;color:var(--h-brand);border:1.5px solid var(--h-brand);margin-top:10px;min-height:44px}
/* stats */
.hstats{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.hstats.h5{grid-template-columns:repeat(3,1fr)}
.hstat{background:var(--h-card);border:1px solid var(--h-line);border-radius:12px;padding:10px;display:flex;flex-direction:column;gap:3px;min-width:0;box-shadow:var(--h-sh)}
.hstat span{font-size:11px;color:var(--h-mute);font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hstat b{font-size:15.5px;font-weight:750;font-variant-numeric:tabular-nums;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hstat small{font-size:11px;font-weight:600;color:var(--h-mute)}
@media (max-width:380px){.hstats.h5{grid-template-columns:repeat(3,1fr)}}
/* quick access */
.hquick{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.hq{display:flex;flex-direction:column;align-items:center;gap:8px;background:var(--h-card);border:1px solid var(--h-line);border-radius:14px;padding:14px 6px 12px;color:var(--h-ink);font:650 13px var(--body);cursor:pointer;min-height:92px;box-shadow:var(--h-sh);transition:transform .1s,border-color .15s}
.hq:active{transform:scale(.97)}@media (hover:hover){.hq:hover{border-color:color-mix(in srgb,var(--h-brand) 40%,var(--h-line))}}
.hq-ic{width:42px;height:42px;border-radius:12px;display:grid;place-items:center}.hq-ic .eic{width:22px;height:22px}
.c1{background:var(--h-brand-s);color:var(--h-brand)}.c2{background:var(--h-info-s);color:var(--h-info)}.c3{background:color-mix(in srgb,var(--h-ink) 8%,var(--h-card));color:var(--h-ink)}.c4{background:var(--h-ok-s);color:var(--h-ok)}.c5{background:var(--h-warn-s);color:var(--h-warn)}.c6{background:color-mix(in srgb,#6D28D9 12%,var(--h-card));color:#6D28D9}
:root[data-theme="dark"] .happ .c6{color:#B794F6}@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .happ .c6{color:#B794F6}}
/* lists */
.hlist{padding:4px 16px}
.hrow{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:11px 0;border-bottom:1px solid var(--h-line);font-size:14px}.hrow:last-of-type{border-bottom:0}.hrow b{font-weight:700;font-variant-numeric:tabular-nums}
.hlist .hbtn.line{margin:10px 0 12px}
.htask{display:flex;align-items:center;gap:12px;width:100%;min-height:48px;border:0;border-bottom:1px solid var(--h-line);background:none;color:var(--h-ink);font:600 14px var(--body);text-align:left;cursor:pointer;padding:8px 0}.htask:last-child{border-bottom:0}
.htask-ic{width:32px;height:32px;border-radius:10px;display:grid;place-items:center;flex:0 0 auto;font-size:15px}.htask.s-warn .htask-ic{background:var(--h-warn-s);color:var(--h-warn)}.htask.s-bad .htask-ic{background:var(--h-bad-s);color:var(--h-bad)}.htask.s-info .htask-ic{background:var(--h-info-s);color:var(--h-info)}
.htask-t{flex:1;min-width:0}.hchev{width:18px;height:18px;color:var(--h-mute);flex:0 0 auto}
.hnews{display:flex;flex-direction:column;gap:3px;width:100%;border:0;border-bottom:1px solid var(--h-line);background:none;color:var(--h-ink);text-align:left;padding:12px 0;font:inherit;cursor:pointer;min-height:48px}.hnews:last-child{border-bottom:0}div.hnews{cursor:default}
.hnews-t{display:flex;align-items:center;gap:8px}.hnews-t b{font-size:14.5px;flex:1;min-width:0}.hnews-m{font-size:12.5px;color:var(--h-mute);line-height:1.4}
.hnew,.hpromo{font-style:normal;font-size:10.5px;font-weight:750;padding:2px 7px;border-radius:999px;background:var(--h-brand);color:#fff;flex:0 0 auto}.hpromo{background:var(--h-warn-s);color:var(--h-warn)}
.hev{display:flex;align-items:center;gap:12px;padding:10px 0;border-bottom:1px solid var(--h-line)}.hev:last-child{border-bottom:0}
.hev-d{width:46px;height:50px;border-radius:12px;background:var(--h-brand-s);color:var(--h-brand);display:flex;flex-direction:column;align-items:center;justify-content:center;flex:0 0 auto}.hev-d b{font-size:18px;line-height:1}.hev-d em{font-style:normal;font-size:10.5px;font-weight:750;text-transform:uppercase}
.hev-t{display:flex;flex-direction:column;min-width:0}.hev-t b{font-size:14.5px}.hev-t em{font-style:normal;font-size:12.5px;color:var(--h-mute)}
.herr{display:flex;flex-direction:column;gap:6px}.herr p{margin:0;color:var(--h-bad);font-weight:600}
/* sub pages */
.hsub{display:flex;align-items:center;gap:10px;margin-top:2px}.hsub h2{margin:0;font-size:19px;font-weight:750}
.hback{width:44px;height:44px;border-radius:12px;border:1px solid var(--h-line);background:var(--h-card);color:var(--h-ink);display:grid;place-items:center;cursor:pointer}.hback .eic{width:20px;height:20px}
.happ .epage .hrhero,.happ .epage .hrnav{display:none!important}
.happ .eann{background:var(--h-card);border:1px solid var(--h-line);border-left:4px solid var(--h-info);box-shadow:var(--h-sh);border-radius:var(--h-r)}.happ .eann.pin{border-left-color:var(--h-brand)}
.happ .enew{background:var(--h-brand);color:#fff}.happ .epin{background:var(--h-brand-s);color:var(--h-brand)}
/* Me */
.hme{display:flex;flex-direction:column;align-items:center;text-align:center;gap:2px;padding:20px 16px}
.hme-pic{position:relative;cursor:pointer;margin-bottom:8px;border-radius:50%}.hme-pic:focus-within{outline:2px solid var(--h-brand);outline-offset:3px}
.hav-xl{width:92px!important;height:92px!important;border-radius:50%;object-fit:cover;display:grid;place-items:center;font-size:28px!important;background:var(--h-brand-s);color:var(--h-brand);box-shadow:0 0 0 3px var(--h-card),0 0 0 4px var(--h-line)}
.hme-cam{position:absolute;right:-2px;bottom:-2px;width:32px;height:32px;border-radius:50%;background:var(--h-brand);color:#fff;display:grid;place-items:center;box-shadow:0 0 0 3px var(--h-card)}.hme-cam .eic{width:16px;height:16px}
.hme-n{font-size:18px}.hme-r{font-size:13.5px;color:var(--h-mute)}
.hrow2{display:flex;align-items:center;gap:12px;width:100%;min-height:52px;border:0;border-bottom:1px solid var(--h-line);background:none;color:var(--h-ink);font:600 14.5px var(--body);text-align:left;cursor:pointer;padding:6px 0}.hrow2:last-child{border-bottom:0}
.hrow2-ic{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;background:color-mix(in srgb,var(--h-ink) 6%,var(--h-card));color:var(--h-ink);flex:0 0 auto}.hrow2-ic .eic{width:18px;height:18px}
.hrow2-l{flex:1}.hrow2 em{font-style:normal;font-size:12.5px;color:var(--h-mute)}.hrow2.danger,.hrow2.danger .hrow2-ic{color:var(--h-bad)}.hrow2.nolink{cursor:default}
.hseg{display:inline-flex;background:color-mix(in srgb,var(--h-ink) 6%,var(--h-card));border-radius:10px;padding:3px;gap:2px}
.hseg button{border:0;background:none;color:var(--h-mute);font:700 13px var(--body);padding:0 12px;min-height:34px;border-radius:8px;cursor:pointer}.hseg button[data-elang="km"]{font-family:"Kantumruy Pro",var(--body)}.hseg button[aria-pressed="true"]{background:var(--h-card);color:var(--h-brand);box-shadow:var(--h-sh)}
.hver{text-align:center;font-size:11.5px;color:var(--h-mute);margin:0}
/* bottom navigation with the check-in button */
.htabs{position:sticky;bottom:0;z-index:40;display:grid;grid-template-columns:repeat(5,1fr);align-items:end;padding:6px 6px calc(6px + env(safe-area-inset-bottom,0px));background:color-mix(in srgb,var(--h-card) 94%,transparent);backdrop-filter:blur(12px);border-top:1px solid var(--h-line)}
.htab{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;min-height:52px;border:0;background:none;color:var(--h-mute);font:600 11px var(--body);cursor:pointer}
.htab .eic{width:23px;height:23px}.htab.on{color:var(--h-brand)}
.hfab{display:flex;flex-direction:column;align-items:center;gap:2px;border:0;background:none;color:var(--h-ink);font:700 11px var(--body);cursor:pointer;margin-top:-22px;min-height:52px}
.hfab-b{width:50px;height:50px;border-radius:50%;display:grid;place-items:center;background:var(--h-brand);color:#fff;box-shadow:0 6px 14px -4px color-mix(in srgb,var(--h-brand) 70%,transparent),0 0 0 4px var(--h-card);transition:transform .12s}
.hfab:active .hfab-b{transform:scale(.94)}.hfab-b .eic{width:24px;height:24px}.hfab em{font-style:normal}
.hfab.on .hfab-b{background:var(--h-ok);box-shadow:0 6px 14px -4px color-mix(in srgb,var(--h-ok) 70%,transparent),0 0 0 4px var(--h-card)}.hfab.on em{color:var(--h-ok)}
.hfab.out .hfab-b{background:var(--h-warn);box-shadow:0 6px 14px -4px color-mix(in srgb,var(--h-warn) 70%,transparent),0 0 0 4px var(--h-card)}.hfab.out em{color:var(--h-warn)}
.hlive{width:14px;height:14px;border-radius:50%;background:#fff;animation:hpulse 1.8s infinite}
@keyframes hpulse{0%{box-shadow:0 0 0 0 rgba(255,255,255,.7)}70%{box-shadow:0 0 0 10px rgba(255,255,255,0)}100%{box-shadow:0 0 0 0 rgba(255,255,255,0)}}
/* skeleton + motion */
.hsk{display:flex;flex-direction:column;gap:10px}.hsk-l,.hsk-c{display:block;height:14px;border-radius:7px;background:linear-gradient(90deg,var(--h-line),color-mix(in srgb,var(--h-line) 40%,var(--h-card)),var(--h-line));background-size:200% 100%;animation:hshim 1.2s linear infinite}.hsk-l:nth-child(2){width:70%}.hsk-l:nth-child(3){width:85%}.hsk-l:nth-child(4){width:50%}.hsk-c{border-radius:50%}
@keyframes hshim{to{background-position:-200% 0}}@keyframes hin{from{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}
@media (prefers-reduced-motion:reduce){.hcard,.hsk-l,.hsk-c,.hlive{animation:none}}
@media (min-width:600px){.happ{border-left:1px solid var(--h-line);border-right:1px solid var(--h-line)}}
html[lang="km"] .happ *{letter-spacing:0!important;text-transform:none!important}
/* v1.15 · leave policy by business unit */
.hpol-top{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:12px}
.hpol-bu{display:flex;flex-direction:column;gap:4px;font-size:12px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--muted)}
.hpol-bu select{min-width:220px;min-height:44px;font-size:15px;font-weight:650;text-transform:none;letter-spacing:0}
.hpol-sum{display:flex;flex-wrap:wrap;gap:12px 24px;align-items:flex-start;justify-content:space-between;border:1px solid var(--line);border-left:4px solid var(--hr,#C8102E);border-radius:12px;padding:14px 16px;margin-bottom:14px;background:var(--card)}
.hpol-sum>div{display:flex;flex-direction:column;gap:2px}.hpol-sum>div b{font-size:17px}.hpol-sum>div em{font-style:normal;color:var(--muted);font-size:13px}
.hpol-k{font-size:11px;font-weight:800;letter-spacing:.08em;color:var(--hr,#C8102E)}
.hpol-sum dl{display:flex;flex-wrap:wrap;gap:10px 24px;margin:0}.hpol-sum dt{font-size:12px;color:var(--muted)}.hpol-sum dd{margin:2px 0 0;font-weight:700}
.hpol-h{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:6px 0 8px}.hpol-h h4{margin:0}
.hpol-t tr.off td{opacity:.6}
.hpol-acts{display:flex;flex-wrap:wrap;gap:8px;margin:10px 0}
.hpol-empty{border:1px dashed var(--line);border-radius:12px;padding:18px;text-align:center;margin-bottom:12px}.hpol-empty .hpol-acts{justify-content:center}
.hpol-map{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:10px}
.hpol-map label{display:flex;flex-direction:column;gap:4px;font-weight:650}.hpol-map label em{font-style:normal;font-weight:400;color:var(--muted);font-size:12px}.hpol-map select{min-height:40px}
.hpol-warn{margin-top:10px}
.hpol-hist{list-style:none;padding:0;margin:0}.hpol-hist>li{border-bottom:1px solid var(--line);padding:8px 0}.hpol-hist ul{margin:4px 0 0;padding-left:18px;font-size:13px}
.hpol-info{display:flex;flex-wrap:wrap;gap:4px 16px;margin:4px 0 10px;font-size:13px;color:var(--muted)}.hpol-info b{color:var(--ink,inherit)}.hpol-info em{font-style:normal}
.hpol-msg{padding:12px 14px;border-radius:10px;background:color-mix(in srgb,#F59E0B 12%,transparent);font-weight:600}
.hpol-prof h4{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap}.hpol-pa{display:flex;gap:6px}
.hpol-tr summary{cursor:pointer;font-weight:650;margin:8px 0}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.happ .hwait{font-style:normal;color:var(--h-warn,#B45309)}.happ .hnote{margin:-4px 0 6px;font-size:12px;color:var(--h-muted,#5B6577)}
.hpol-bal{overflow-x:auto}.hpol-bal table{width:100%;border-collapse:collapse;font-size:14px}
.hpol-bal th{text-align:left;font-size:11px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--muted);padding:8px;border-bottom:1px solid var(--line)}
.hpol-bal td{padding:10px 8px;border-bottom:1px solid var(--line);vertical-align:top}
@media (max-width:640px){.hpol-bal table,.hpol-bal tbody{display:block;min-width:0!important;width:100%}.hpol-bal thead{display:none}
  .hpol-bal tr{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px 12px;padding:12px 0;border-bottom:1px solid var(--line)}
  .hpol-bal td{display:flex;flex-direction:column;gap:2px;padding:0;border:0;min-width:0;overflow-wrap:anywhere}
  .hpol-bal td::before{content:attr(data-l);font-size:11px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--muted)}
  .hpol-bal td:first-child,.hpol-bal td:last-child{grid-column:1/-1}.hpol-bal td:first-child::before{display:none}.hpol-bal td:first-child b{font-size:15px}}
/* v1.16 · Daily Command Center (Head Office staff home) — uses the app's theme tokens */
.cmd{display:flex;flex-direction:column;gap:14px;max-width:1180px;margin:0 auto;padding-bottom:8px}
.cmhead{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;padding:2px 2px 0}
.cmhead-l{display:flex;flex-direction:column;gap:2px;min-width:0}
.cmgreet{font-size:12px;font-weight:800;letter-spacing:.09em;color:var(--accent)}
.cmdate{font-size:17px;font-weight:700;color:var(--text)}
.cmrole{font-size:12.5px;color:var(--muted)}
.cmnet{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:700;padding:5px 10px;border-radius:999px;background:var(--panel2);color:var(--muted);white-space:nowrap}
.cmnet i{width:8px;height:8px;border-radius:50%;background:var(--done)}.cmnet.off i{background:var(--over)}.cmnet.off{color:var(--over)}
.cmgrid{display:grid;grid-template-columns:1fr;gap:14px}.cmcol{display:flex;flex-direction:column;gap:14px;min-width:0}
@media (min-width:1000px){.cmgrid{grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);align-items:start}}
.cmsec{display:flex;flex-direction:column;gap:8px;min-width:0}
.cmsec-h{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:28px}
.cmsec-h h3{margin:0;font-size:12.5px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}
.cmcount{font-size:12px;font-weight:800;letter-spacing:.06em;color:var(--text);background:var(--panel2);border-radius:999px;padding:3px 10px}
.cmlink{background:none;border:0;color:var(--verify);font-weight:700;font-size:13px;cursor:pointer;padding:8px 2px;min-height:36px;align-self:flex-start}
.cmcard{background:var(--panel);border-radius:14px;box-shadow:var(--sh1);padding:14px 16px}
/* attendance */
.cmatt{border-left:4px solid var(--muted)}
.cmatt.st-ok{border-left-color:var(--done)}.cmatt.st-bad{border-left-color:var(--over)}.cmatt.st-done{border-left-color:var(--verify)}.cmatt.st-leave{border-left-color:var(--done)}
.cmatt-row{display:flex;align-items:center;justify-content:space-between;gap:12px}
.cmst{margin:0;font-size:13px;font-weight:800;letter-spacing:.06em;color:var(--text)}
.cmatt.st-ok .cmst{color:var(--done)}.cmatt.st-bad .cmst{color:var(--over)}
.cmbig{font-size:26px;font-weight:800;color:var(--text);line-height:1.15;margin-top:4px;display:flex;flex-direction:column}.cmbig small{font-size:13px;font-weight:600;color:var(--muted)}
.cmmeta{margin:4px 0 0;font-size:13px;color:var(--muted)}.cmmeta b{color:var(--text)}.cmlate{color:var(--over)!important}
.cmbtn{border:0;border-radius:12px;font-weight:800;letter-spacing:.05em;cursor:pointer;min-height:48px;padding:0 18px;font-size:14px;white-space:nowrap;color:#fff;background:var(--accent);transition:transform .08s,filter .15s}
.cmbtn:active{transform:scale(.97)}.cmbtn:hover{filter:brightness(1.08)}
.cmbtn.in{background:var(--accent)}.cmbtn.out{background:var(--prog);color:#1D2125}
.cmbtn.sm{min-height:40px;padding:0 14px;font-size:12.5px;border-radius:10px}
.cmbtn.acc{background:var(--verify);color:#0B1A2B}.cmbtn.ghost{background:var(--panel2);color:var(--text)}
.cmsk{height:64px;border-radius:10px;background:linear-gradient(90deg,var(--panel2),var(--btnh),var(--panel2));background-size:200% 100%;animation:cmsh 1.2s infinite}
@keyframes cmsh{to{background-position:-200% 0}}
/* tasks */
.cmchips{display:flex;flex-wrap:wrap;gap:6px}
.cmchip{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:700;padding:5px 10px;border-radius:999px;background:var(--panel2);color:var(--text);border:0}
.cmchip b{font-weight:800}.cmchip.zero{opacity:.55}.cmchip.k-over:not(.zero){background:color-mix(in srgb,var(--over) 22%,var(--panel2))}
.cmchip.k-ws{cursor:pointer;min-height:36px}
.cmtl{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}
.cmt{background:var(--panel);border-radius:12px;box-shadow:var(--sh1);border-left:4px solid var(--muted);padding:10px 12px;display:flex;flex-direction:column;gap:8px}
.cmt.s-over{border-left-color:var(--over)}.cmt.s-today{border-left-color:#F08A24}.cmt.s-up{border-left-color:var(--prog)}.cmt.s-wait{border-left-color:var(--verify)}
.cmt-main{background:none;border:0;padding:0;text-align:left;color:var(--text);cursor:pointer;display:flex;flex-direction:column;gap:3px;min-width:0}
.cmt-main b{font-size:15px;line-height:1.3}.cmt-main em{font-style:normal;font-size:12.5px;color:var(--muted)}
.cmt-st{font-size:11px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}
.cmt.s-over .cmt-st{color:var(--over)}.cmt.s-today .cmt-st{color:#F08A24}.cmt.s-up .cmt-st{color:var(--prog)}.cmt.s-wait .cmt-st{color:var(--verify)}
.cmt-act{display:flex;gap:8px;flex-wrap:wrap}
.cmmore summary{cursor:pointer;color:var(--verify);font-weight:700;font-size:13px;padding:8px 2px;list-style:none;min-height:36px}.cmmore summary::-webkit-details-marker{display:none}.cmmore[open] summary{margin-bottom:6px}
.cmok{color:var(--done);font-weight:700}
/* needs your action */
.cmtiles{display:grid;grid-template-columns:1fr 1fr;gap:10px}.cmtiles.one{grid-template-columns:1fr}
.cmtile{background:var(--panel);border:1px solid transparent;border-radius:14px;box-shadow:var(--sh1);padding:12px 14px;display:flex;flex-direction:column;align-items:flex-start;gap:2px;cursor:pointer;color:var(--text);text-align:left;min-height:84px}
.cmtile span{font-size:11.5px;font-weight:800;letter-spacing:.08em;color:var(--muted)}.cmtile b{font-size:28px;line-height:1.1}.cmtile em{font-style:normal;font-size:12px;color:var(--muted)}
.cmtile.has b{color:var(--prog)}.cmtile.open{border-color:var(--accent)}
.cmal,.cmann{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}
.cmal button,.cmann button,.cmann summary{width:100%;background:var(--panel);border:0;border-radius:10px;box-shadow:var(--sh1);padding:10px 12px;display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 8px;text-align:left;color:var(--text);cursor:pointer;min-height:44px}
.cmal b,.cmann b{font-size:14px}.cmal em,.cmann em{font-style:normal;font-size:12.5px;color:var(--muted);flex-basis:100%}
.cmann summary{list-style:none}.cmann summary::-webkit-details-marker{display:none}.cmann summary em{flex-basis:auto;margin-left:auto}.cmann p{margin:6px 12px 4px;font-size:13.5px;color:var(--text);white-space:pre-wrap}
.cmnew{font-style:normal;font-size:10.5px;font-weight:800;background:var(--accent);color:#fff;border-radius:999px;padding:2px 7px}
.cmempty{margin:0;font-size:13px;color:var(--muted);background:var(--panel);border-radius:10px;padding:12px 14px}
/* my work */
.cmws-h{display:flex;align-items:center;gap:8px;font-size:13px;letter-spacing:.07em;color:var(--text)}
.cmwgrid{display:grid;grid-template-columns:1fr 1fr;gap:8px}
@media (max-width:360px){.cmwgrid{grid-template-columns:1fr}}
.cmw{background:var(--panel);border:0;border-radius:12px;box-shadow:var(--sh1);padding:10px 12px;display:flex;align-items:center;gap:8px;text-align:left;color:var(--text);cursor:pointer;min-height:56px;min-width:0}
.cmw:hover{background:var(--cardh)}.cmw-t{display:flex;flex-direction:column;gap:2px;flex:1;min-width:0}.cmw-t b{font-size:13.5px}.cmw-t em{font-style:normal;font-size:11.5px;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.cmchev{color:var(--muted);font-size:20px;line-height:1}
.cmbadge{font-style:normal;font-size:11px;font-weight:800;background:var(--over);color:#fff;border-radius:999px;padding:2px 7px}
.cmfocus{width:100%;margin-top:2px;border-left:4px solid var(--prog)}.cmfocus.ok{border-left-color:var(--done)}
.cmalso{align-items:center}
/* performance */
.cmkpis{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
@media (min-width:600px){.cmkpis{grid-template-columns:repeat(4,minmax(0,1fr))}}
.cmkpi{background:var(--panel);border-radius:12px;box-shadow:var(--sh1);padding:10px 12px;display:flex;flex-direction:column;gap:1px;min-width:0}
.cmkpi span{font-size:11px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}.cmkpi b{font-size:22px}.cmkpi em{font-style:normal;font-size:11.5px;color:var(--muted)}
.cmkpi.good b{color:var(--done)}.cmkpi.bad b{color:var(--over)}
.cmworkpage .cmsec{margin-top:4px}
@media (prefers-reduced-motion:reduce){.cmsk{animation:none}.cmbtn{transition:none}}
.cmtr{display:flex;align-items:center;gap:8px}.cmbtn.cmadd{min-height:36px;padding:0 12px;font-size:12px}
/* v1.17 · access overview / IT tools */
.accov{display:flex;flex-direction:column;gap:10px}
.accov-sum{display:flex;flex-wrap:wrap;gap:8px}.accov-sum span{background:var(--panel2);border-radius:10px;padding:8px 12px;display:flex;flex-direction:column;font-size:12px;color:var(--muted);min-width:78px}.accov-sum b{font-size:20px;color:var(--text)}
.accwarn{margin:0;padding:10px 12px;border-radius:10px;background:color-mix(in srgb,var(--prog) 16%,transparent);font-weight:600;font-size:13px}
.accov-acts{display:flex;flex-wrap:wrap;gap:8px}.accov-acts .btn.armed{background:var(--over)}
.accov-t td{vertical-align:top}.accov-t td em{display:block;font-style:normal}.accov-t tr.isadm td:first-child b{color:var(--over)}
.acchip.adm{background:color-mix(in srgb,var(--over) 22%,transparent)!important;color:var(--text)}.acchip.it{background:color-mix(in srgb,var(--verify) 25%,transparent)!important}
.acchip.stf,.acchip.emp,.acchip.none,.acchip.off,.acchip.ok{background:var(--panel2)}.acchip.off{opacity:.75}.acchip.ok{color:var(--done)}
.acrole{display:inline-flex;gap:4px;align-items:baseline;font-size:12px;background:var(--panel2);border-radius:999px;padding:2px 8px;margin:0 4px 4px 0}.acrole em{font-style:normal;color:var(--muted)}
.acctl{display:flex;flex-wrap:wrap;gap:4px 6px;align-items:center;margin-top:4px;font-size:12px}
.accit{display:inline-flex;align-items:center;gap:6px;font-size:12.5px;font-weight:600;white-space:nowrap}
.acclog{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}.acclog>li{background:var(--panel2);border-radius:10px;padding:8px 12px}.acclog>li>div{display:flex;flex-wrap:wrap;gap:4px 10px;align-items:baseline}.acclog ul{margin:4px 0 0;padding-left:18px;font-size:12.5px}
.accov-front summary{cursor:pointer;font-weight:700;margin:6px 0}
.itpw{display:inline-flex;gap:6px}.itpw input{min-width:150px}.itnew{margin-top:12px;display:flex;flex-direction:column;gap:8px}
.itl table{width:100%;border-collapse:collapse;font-size:14px}.itl th{text-align:left;font-size:11px;letter-spacing:.05em;text-transform:uppercase;color:var(--muted);padding:8px;border-bottom:1px solid var(--line)}.itl td{padding:10px 8px;border-bottom:1px solid var(--line);vertical-align:middle}.itl td em{display:block;font-style:normal}.itl td .ghost{margin:2px 4px 2px 0}
@media (max-width:640px){.itl table,.itl tbody{display:block;width:100%}.itl thead{display:none}.itl tr{display:grid;grid-template-columns:1fr 1fr;gap:8px 12px;padding:12px 0;border-bottom:1px solid var(--line)}.itl td{display:block;padding:0;border:0;min-width:0}.itl td:last-child{grid-column:1/-1}}
/* v1.18 · OSNL POS (uses the app's dark/light tokens) */
body.posmode .hero,body.posmode aside.side,body.posmode .toolbar,body.posmode .stats,body.posmode #legend,body.posmode #bnav,body.posmode #addBtn,body.posmode .totop{display:none!important}
body.posmode .wrap{max-width:none;padding:0 0 calc(12px + env(safe-area-inset-bottom));display:block}
body.posmode #view{margin:0}
.posw{min-height:100vh;display:flex;flex-direction:column;background:var(--bg)}
.postop{position:sticky;top:0;z-index:20;display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px;padding:8px 12px;background:var(--panel);border-bottom:1px solid var(--line)}
.posbrand{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.posbrand img{width:30px;height:30px;border-radius:8px}.posbrand b{font-size:15px;letter-spacing:.04em}
.posbrand select{min-height:38px;font-weight:700}.posout{font-weight:700}.posrole{font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.06em;background:var(--panel2);padding:3px 8px;border-radius:99px;color:var(--muted)}
.posshift{font-size:12px;font-weight:700;color:var(--muted)}.posshift.on{color:var(--done)}
.postabs{display:flex;gap:4px;overflow-x:auto;flex:1;scrollbar-width:none}.postabs button{background:none;border:0;color:var(--muted);font-weight:700;padding:10px 12px;border-radius:10px;min-height:42px;white-space:nowrap;cursor:pointer;position:relative}
.postabs button[aria-current]{background:var(--accentSoft);color:var(--text)}.posbad{font-style:normal;font-size:11px;background:var(--over);color:#fff;border-radius:99px;padding:1px 6px;margin-left:4px}
.posexit{margin-left:auto}
.posw>.empty{margin:20px}
.posh{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;margin-bottom:10px}.posh h3,.posh3{margin:0;font-size:13px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}.posh3{margin:16px 0 10px}
/* floor */
.posfloor{display:grid;grid-template-columns:1fr;gap:16px;padding:14px}@media(min-width:1000px){.posfloor{grid-template-columns:minmax(0,2fr) minmax(0,1fr)}}
.postables,.postabsL{display:grid;grid-template-columns:repeat(auto-fill,minmax(118px,1fr));gap:10px}
.postbl{min-height:92px;border-radius:14px;border:1px solid var(--line);background:var(--panel);color:var(--text);display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between;padding:10px 12px;cursor:pointer;text-align:left}
.postbl b{font-size:16px}.postbl span{font-weight:800;color:var(--prog)}.postbl em{font-style:normal;font-size:12px;color:var(--muted)}.postbl.busy{border-color:color-mix(in srgb,var(--prog) 55%,var(--line));background:color-mix(in srgb,var(--prog) 10%,var(--panel))}
.posfloor>section>.ghost{margin-top:10px}
.posrl{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}.posrl button,.posrl li>div{width:100%;display:flex;align-items:baseline;gap:8px;flex-wrap:wrap;background:var(--panel);border:0;border-radius:10px;padding:10px 12px;color:var(--text);text-align:left;cursor:pointer}
.posrl span{font-size:12px;color:var(--muted);flex:1}.posrl em{font-style:normal;font-weight:800}
/* order */
.posorder{display:grid;grid-template-columns:1fr;gap:0;flex:1}@media(min-width:900px){.posorder{grid-template-columns:minmax(0,1.5fr) minmax(340px,1fr);height:calc(100vh - 60px)}.posmenu,.posticket{overflow:auto}}
.posmenu{padding:12px}.posbar{display:flex;gap:8px;margin-bottom:10px}.posbar input{flex:1;min-height:42px}
.poscats{display:flex;gap:6px;overflow-x:auto;padding-bottom:6px;margin-bottom:8px;scrollbar-width:thin}.poscats button{border:1px solid var(--line);background:var(--panel);color:var(--text);border-radius:99px;padding:8px 14px;min-height:40px;font-weight:700;white-space:nowrap;cursor:pointer}.poscats button[aria-pressed="true"]{background:var(--accent);border-color:var(--accent);color:#fff}
.positems{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:8px}
.positem{min-height:84px;border-radius:12px;border:1px solid var(--line);background:var(--panel);color:var(--text);padding:10px;display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between;text-align:left;cursor:pointer}
.positem:active{transform:scale(.97)}.positem b{font-size:14px;line-height:1.25}.positem span{font-weight:800;color:var(--muted)}.positem em{font-style:normal;font-size:11px;color:var(--prog)}.positem.sd{border-color:color-mix(in srgb,var(--prog) 40%,var(--line))}
.posticket{background:var(--panel);border-left:1px solid var(--line);padding:12px 14px;display:flex;flex-direction:column;gap:10px}
@media(max-width:899px){.posticket{border-left:0;border-top:1px solid var(--line);position:sticky;bottom:0;max-height:62vh;overflow:auto;box-shadow:0 -10px 24px rgba(0,0,0,.25)}}
.posth{display:flex;justify-content:space-between;align-items:flex-start;gap:8px}.posth div{display:flex;flex-direction:column}.posth b{font-size:18px}
.posmem{background:color-mix(in srgb,var(--done) 14%,var(--panel2));border-radius:10px;padding:8px 10px;font-size:13px;display:flex;gap:6px;flex-wrap:wrap;align-items:baseline}
.poslines{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}
.posl{display:grid;grid-template-columns:1fr auto auto auto;gap:8px;align-items:center;padding:8px 0;border-bottom:1px solid var(--line)}
.posl-m{display:flex;flex-direction:column;min-width:0}.posl-m em{font-style:normal;font-size:12px;color:var(--muted)}.posstaff{font-size:12px;color:var(--prog);font-weight:700}
.posl.void{opacity:.55}.posl.void b{text-decoration:line-through}.posl.sent .posl-m b::after{content:" ✓";color:var(--done);font-size:12px}
.posl-q{display:flex;align-items:center;gap:6px}.pq{width:36px;height:36px;border-radius:10px;border:1px solid var(--line);background:var(--panel2);color:var(--text);font-size:18px;cursor:pointer}.pqx{background:none;border:0;color:var(--muted);font-size:16px;cursor:pointer;min-width:32px;min-height:36px}
.posl-p{font-weight:800;white-space:nowrap}
.postot{margin:0;display:flex;flex-direction:column;gap:4px}.postot div{display:flex;justify-content:space-between;gap:10px}.postot dt{color:var(--muted)}.postot dd{margin:0;font-weight:700}.postot .big dt{color:var(--text);font-weight:800}.postot .big dd{font-size:24px;font-weight:800;display:flex;flex-direction:column;align-items:flex-end}.postot .big small{font-size:12px;color:var(--muted);font-weight:600}
.posacts{display:flex;flex-wrap:wrap;gap:8px}.posacts button{min-height:46px}.posacts .pay{flex:1 1 100%;min-height:54px;font-size:17px;background:var(--done);color:#062014}
/* kitchen */
.poskds{padding:14px}.poskgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:12px}
.posk{background:var(--panel);border-radius:14px;padding:12px;border-top:4px solid var(--verify);display:flex;flex-direction:column;gap:8px}.posk.late{border-top-color:var(--over)}
.posk header{display:flex;justify-content:space-between}.posk header b{font-size:18px}.posk ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}
.posk li{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.posk li em{font-style:normal;font-size:12px;color:var(--prog);flex-basis:100%}.posk li .ghost{margin-left:auto}
/* members */
.posmembers{display:grid;grid-template-columns:1fr;gap:16px;padding:14px}@media(min-width:1000px){.posmembers{grid-template-columns:minmax(0,1fr) minmax(0,1.2fr)}}
.posmf{display:flex;gap:8px;margin-bottom:10px}.posmf input{flex:1;min-height:44px}
.posmc{display:flex;flex-direction:column;gap:10px}.posmc-card{border-radius:18px;padding:16px;background:linear-gradient(135deg,#127a5b,#0b4f3b);color:#fff;display:flex;flex-direction:column;gap:4px;max-width:420px}.posmc-card.gold{background:linear-gradient(135deg,#d8b35c,#9b7426);color:#1b1407}
.posmc-card>span{font-size:11px;letter-spacing:.08em;text-transform:uppercase;opacity:.85}.posmc-card>b{font-size:20px}.posmc-card>em{font-style:normal;font-family:ui-monospace,Menlo,monospace;opacity:.85}
.posmc-n{display:flex;gap:18px;margin-top:8px}.posmc-n span{display:flex;flex-direction:column;font-weight:800;font-size:18px}.posmc-n small{font-size:11px;font-weight:600;opacity:.8}
.posmc-qr{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.posmc-qr svg{border-radius:8px}
.posmr{width:100%;display:flex;flex-direction:column;align-items:flex-start;gap:2px;background:var(--panel2);border:0;border-radius:10px;padding:10px 12px;margin-bottom:6px;color:var(--text);cursor:pointer;text-align:left}.posmr span{font-size:12px;color:var(--muted)}
/* till, reports, payouts, setup */
.postill,.posrep,.pospay,.possetup{padding:14px;display:flex;flex-direction:column;gap:12px}.postill section{background:var(--panel);border-radius:14px;padding:16px;max-width:720px}
.posz{margin-top:14px}.posz dl{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:8px;margin:0}.posz dl div{background:var(--panel2);border-radius:10px;padding:8px 10px}.posz dt{font-size:12px;color:var(--muted)}.posz dd{margin:0;font-weight:800}.posz .bad dd{color:var(--over)}.posz .ok dd{color:var(--done)}
.posrf{align-items:end}.posk4{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:10px}.posk4 div{background:var(--panel);border-radius:12px;padding:12px}.posk4 span{font-size:12px;color:var(--muted);display:block}.posk4 b{font-size:24px}
.posrg{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:12px}.posrg section{background:var(--panel);border-radius:14px;padding:12px 14px}.posrg h4{margin:10px 0 6px;font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}
.posrv{list-style:none;margin:0;padding:0}.posrv li{display:flex;justify-content:space-between;gap:10px;padding:5px 0;border-bottom:1px solid var(--line);font-size:13.5px}
.posouts{display:flex;flex-direction:column;gap:8px}.posoutr{display:grid;grid-template-columns:minmax(150px,auto) 150px 1fr;gap:8px;align-items:center;background:var(--panel);border-radius:10px;padding:8px 10px}
@media(max-width:700px){.posoutr{grid-template-columns:1fr}}
tr.off td{opacity:.55}
/* modals */
.posmodal .mkm{max-width:620px}.posstaffg{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:8px}.posstaffg button{min-height:64px;border-radius:12px;border:1px solid var(--line);background:var(--panel2);color:var(--text);display:flex;flex-direction:column;align-items:flex-start;padding:10px;cursor:pointer;text-align:left}.posstaffg span{font-size:12px;color:var(--muted)}
.pospaybox{display:flex;flex-direction:column;gap:12px}.posdue{display:flex;flex-direction:column;align-items:center;background:var(--panel2);border-radius:14px;padding:12px}.posdue span{font-size:12px;color:var(--muted)}.posdue b{font-size:34px}.posdue em{font-style:normal;color:var(--muted)}
.posquick{display:flex;flex-wrap:wrap;gap:6px}.poschg{font-size:18px;text-align:center;padding:10px;border-radius:12px;background:color-mix(in srgb,var(--done) 14%,var(--panel2))}.poschg.bad{background:color-mix(in srgb,var(--prog) 18%,var(--panel2))}
.posdone{text-align:center}.posdone>b{font-size:34px;color:var(--done);display:block}
.posmore{display:flex;flex-direction:column;gap:8px}
.posscan{position:fixed;inset:0;z-index:100;background:#000;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px}.posscan video{max-width:100%;max-height:80vh}
.eposbtn{width:100%;display:flex;align-items:center;justify-content:center;gap:8px;min-height:52px;border-radius:14px;border:0;background:var(--h-brand,#C8102E);color:#fff;font-weight:800;font-size:15px;letter-spacing:.04em;cursor:pointer;margin:2px 0 4px}
/* v1.19 · superusers and development mode */
.tabs button.devtab .tl::after{content:"DEV";margin-left:5px;font-size:9px;font-weight:800;letter-spacing:.04em;padding:1px 4px;border-radius:4px;background:var(--prog);color:#fff;vertical-align:1px}
.devbar{display:flex;flex-wrap:wrap;gap:6px 10px;align-items:center;margin:0 0 12px;padding:8px 12px;border-radius:10px;background:color-mix(in srgb,var(--prog) 16%,transparent);font-size:13px}.devbar .ghost{margin-left:auto}
.devlist{display:flex;flex-direction:column;gap:6px;margin-bottom:10px}
.devrow{display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px;background:var(--panel2);border-radius:10px;padding:8px 12px}.devrow .sp{flex:1}.devrow em{font-style:normal}
.devrow .armed,.devadd .armed{background:var(--over)!important;color:#fff!important}
.acchip.devchip{background:color-mix(in srgb,var(--prog) 22%,transparent);color:var(--text)}
.acchip.sup{background:color-mix(in srgb,var(--over) 28%,transparent)!important;color:var(--text)}
.devadd{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.devadd select{min-width:220px;flex:1;max-width:360px}
/* v1.20 · NOX POS complete */
.poslock{min-height:100vh;display:flex;flex-direction:column;align-items:center;padding:16px 16px 32px;background:var(--bg)}
.poslock-h{width:100%;max-width:980px;display:flex;align-items:center;gap:10px;margin-bottom:12px}.poslock-h img{width:40px;height:40px;border-radius:10px}.poslock-h div{display:flex;flex-direction:column}.poslock-h b{font-size:17px}.poslock-h span{font-size:12px;color:var(--muted)}.poslock-h .sp{flex:1}
.poslock-t{font-size:22px;font-weight:800;margin:18px 0 14px}
.poslock-g{width:100%;max-width:980px;display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px}
.poslock-g button{min-height:120px;border-radius:16px;border:1px solid var(--line);background:var(--panel);color:var(--text);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;cursor:pointer;padding:12px}
.poslock-g button:hover,.poslock-g button:focus-visible{border-color:var(--prog)}.poslock-g b{font-size:16px;text-align:center}.poslock-g span{font-size:12px;color:var(--muted);text-transform:uppercase;letter-spacing:.06em;font-weight:700}
.poslock-pin{display:flex;flex-direction:column;align-items:center;gap:12px;margin-top:20px}.poslock-pin p{font-size:18px;margin:0}.poslock-f{max-width:520px;text-align:center;margin-top:24px}
.pospad{display:flex;flex-direction:column;align-items:center;gap:14px}.pospad-d{display:flex;gap:12px}.pospad-d i{width:16px;height:16px;border-radius:50%;border:2px solid var(--muted)}.pospad-d i.on{background:var(--text);border-color:var(--text)}.pospad-d i.opt{opacity:.35}
.pospad-k{display:grid;grid-template-columns:repeat(3,76px);gap:10px}.pospad-k button{height:64px;border-radius:14px;border:1px solid var(--line);background:var(--panel);color:var(--text);font-size:24px;font-weight:700;cursor:pointer}.pospad-k button.ok{background:var(--prog);color:#fff;border-color:transparent;font-size:18px}.pospad-k button:active{transform:scale(.97)}
.posopr{font-weight:800;background:var(--accentSoft);padding:4px 10px;border-radius:99px}.poslockb{min-height:34px}
.postbl.rsv{border-style:dashed;border-color:var(--verify)}.posrsv{color:var(--verify)!important;font-weight:700}.postbl .posmin{font-size:11px;font-weight:800;color:var(--muted);text-transform:uppercase;letter-spacing:.04em}
.posbkstrip{display:flex;flex-wrap:wrap;gap:6px;align-items:center;margin-bottom:12px;padding:8px 10px;border-radius:12px;background:color-mix(in srgb,var(--verify) 12%,var(--panel))}
.pospromo{display:inline-block;font-size:11px;font-weight:700;color:var(--prog);margin-right:6px}
.posl.part{padding-left:18px;opacity:.85}.posl.part b{font-weight:600}
.positem.hh{border-color:color-mix(in srgb,var(--prog) 60%,var(--line))}.positem s{color:var(--muted);font-weight:500;margin-right:4px}
.postot .posminrow dt,.postot .posminrow dd{color:var(--prog);font-weight:700}
.posmgr{display:flex;flex-wrap:wrap;gap:8px;margin:10px 0 16px}.posmgr button{min-height:44px;padding:0 14px;border-radius:10px;border:1px solid var(--line);background:var(--panel2);color:var(--text);font-weight:700;cursor:pointer}.posmgr button[aria-pressed="true"]{border-color:var(--prog);background:var(--accentSoft)}
.poserr{color:var(--over);font-weight:700;margin:6px 0}
.posbook,.posbtl{padding:14px;display:flex;flex-direction:column;gap:16px}.posreq{background:color-mix(in srgb,var(--verify) 10%,var(--panel));border-radius:14px;padding:12px}
.posbkl{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}.posbk{display:grid;grid-template-columns:auto 1fr auto;gap:6px 12px;align-items:center;background:var(--panel);border-radius:12px;padding:10px 12px}
.posbk-t{display:flex;flex-direction:column;min-width:64px}.posbk-t b{font-size:17px}.posbk-t span,.posbk-t em{font-size:12px;color:var(--muted);font-style:normal}.posbk-m{display:flex;flex-direction:column;min-width:0}.posbk-a{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:6px}
.posbk.cancelled,.posbk.declined,.posbk.noshow{opacity:.6}
.posw7{color:var(--prog)}.posbt-a{display:flex;flex-wrap:wrap;gap:4px}.posbt-a .sm{margin:0}
.posbtrow{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:8px 0;border-bottom:1px solid var(--line)}
.possplit{list-style:none;margin:0;padding:0}.possplit li{display:flex;justify-content:space-between;gap:10px;padding:8px 0;border-bottom:1px solid var(--line)}
.posapp{display:flex;flex-direction:column;gap:18px}.posapp section{background:var(--panel);border-radius:14px;padding:12px 14px}.posapp-l{display:flex;gap:16px;align-items:center;flex-wrap:wrap}.posapp-qr{background:#fff;border-radius:12px;padding:8px;line-height:0}
.posmbpimg{max-width:220px;border-radius:10px}.posrv li.off{opacity:.55}
.posoutr .poso-x{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:8px;align-items:center}.posoutr .poso-vip{flex:1;min-width:230px}.posoutr .poso-cover{width:130px}
@media (max-width:640px){.pospad-k{grid-template-columns:repeat(3,64px)}.pospad-k button{height:58px}.poslock-g{grid-template-columns:repeat(2,1fr)}}
.possetup .pf label.inline,.posmodal .pf label.inline{flex-direction:row!important;align-items:center;justify-content:flex-start;gap:8px;text-align:left}
.posmodal .pf label.accb{flex-direction:row!important;align-items:center;gap:6px}
#posBtQ{min-height:42px;border-radius:10px;border:1px solid var(--line);background:var(--panel);color:var(--text);padding:0 12px;min-width:240px;font-size:15px}
.prk[hidden]{display:none!important}
/* v1.21 · menu tablet / phone menu */
.tb{--tb-bg:#0F1114;--tb-card:#191C21;--tb-card2:#22262D;--tb-ink:#F3F4F6;--tb-mut:#9AA3AE;--tb-acc:#E5383B;--tb-gold:#D8B35C;--tb-line:#2A2F37;min-height:100vh;background:var(--tb-bg);color:var(--tb-ink);display:flex;flex-direction:column}
.tb button{font-family:inherit;cursor:pointer}
.tb-h{position:sticky;top:0;z-index:5;display:flex;align-items:center;gap:12px;padding:12px 18px;background:rgba(15,17,20,.94);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}
.tb-brand{display:flex;align-items:center;gap:10px;min-width:0}.tb-brand img{width:44px;height:44px;border-radius:12px}.tb-brand div{display:flex;flex-direction:column}.tb-brand b{font-size:20px;letter-spacing:.02em}.tb-brand span{font-size:12px;color:var(--tb-mut);text-transform:uppercase;letter-spacing:.14em}
.tb-q{flex:1;min-width:0;max-width:420px;margin-left:auto;min-height:46px;border-radius:999px;border:1px solid var(--tb-line);background:var(--tb-card);color:var(--tb-ink);padding:0 18px;font-size:16px}
.tb-lang{min-height:46px;min-width:58px;border-radius:999px;border:1px solid var(--tb-line);background:var(--tb-card);color:var(--tb-ink);font-weight:700;padding:0 14px}
.tb-cats{position:sticky;top:70px;z-index:4;display:flex;gap:8px;overflow-x:auto;padding:4px 18px 12px;background:linear-gradient(var(--tb-bg) 80%,transparent);scrollbar-width:none}.tb-cats::-webkit-scrollbar{display:none}
.tb-cats button{flex:none;min-height:44px;padding:0 18px;border-radius:999px;border:1px solid var(--tb-line);background:var(--tb-card);color:var(--tb-mut);font-weight:700;font-size:15px}.tb-cats button[aria-pressed="true"]{background:var(--tb-ink);color:#111;border-color:var(--tb-ink)}
.tb-body{display:grid;grid-template-columns:1fr;gap:18px;padding:0 18px 110px;flex:1}
.tb-cat{font-size:22px;margin:18px 0 12px;letter-spacing:.01em}.tb-cat:first-child{margin-top:4px}
.tb-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:14px}
.tbc{display:flex;flex-direction:column;text-align:left;border:0;border-radius:18px;overflow:hidden;background:var(--tb-card);color:var(--tb-ink);padding:0;transition:transform .12s}.tbc:active{transform:scale(.98)}
.tbc-img{position:relative;aspect-ratio:4/3;background:linear-gradient(135deg,hsl(var(--h) 45% 32%),hsl(calc(var(--h) + 40) 50% 18%));display:flex;align-items:center;justify-content:center;overflow:hidden}
.tbc-img img{width:100%;height:100%;object-fit:cover;display:block}.tbc-img span{font-size:54px;font-weight:800;color:rgba(255,255,255,.35)}
.tbbadge,.tbso{position:absolute;left:10px;top:10px;font-style:normal;font-size:12px;font-weight:800;padding:5px 10px;border-radius:999px;background:var(--tb-gold);color:#1b1407}.tbso{white-space:nowrap;background:rgba(0,0,0,.75);color:#fff;left:50%;top:50%;transform:translate(-50%,-50%);font-size:15px;padding:8px 16px}
.tbin{position:absolute;right:10px;top:10px;font-style:normal;min-width:30px;height:30px;border-radius:999px;background:var(--tb-acc);color:#fff;font-weight:800;display:flex;align-items:center;justify-content:center}
.tbc-b{padding:12px 14px 14px;display:flex;flex-direction:column;gap:3px;flex:1}.tbc-b b{font-size:17px;line-height:1.25}.tbc-b small{color:var(--tb-mut);font-size:13px}.tbc-b small.kh{font-size:14px}
.tbc-b p{margin:2px 0 6px;color:var(--tb-mut);font-size:13px;line-height:1.35;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.tbp{margin-top:auto;font-weight:800;font-size:17px;color:var(--tb-gold)}.tbp s{color:var(--tb-mut);font-weight:500;font-size:14px}.tbp.big{font-size:24px}.tbp em{font-style:normal;font-size:13px;color:var(--tb-mut);font-weight:600}
.tbc.so{opacity:.5;cursor:not-allowed}
.tb-none,.tb-emp{color:var(--tb-mut);text-align:center;padding:30px 10px}
/* order panel */
.tb-cart{display:none}
.tb-cart-h{display:flex;align-items:center;gap:10px}.tb-cart-h h2{margin:0;font-size:20px;flex:1}
.tb-x{background:none;border:0;color:var(--tb-mut);text-decoration:underline;padding:6px}.tb-close{text-decoration:none;font-size:20px}
.tb-target{width:100%;display:flex;justify-content:space-between;align-items:center;margin:12px 0;min-height:52px;border-radius:14px;border:1px solid var(--tb-line);background:var(--tb-card2);color:var(--tb-ink);font-weight:700;font-size:16px;padding:0 16px}.tb-target.need{border-color:var(--tb-gold);color:var(--tb-gold)}
.tb-lines{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:2px;overflow:auto}
.tb-lines li{display:grid;grid-template-columns:1fr auto auto auto;gap:8px;align-items:center;padding:10px 0;border-bottom:1px solid var(--tb-line)}.tb-lines li>div:first-child{display:flex;flex-direction:column;min-width:0}.tb-lines small{color:var(--tb-mut);font-size:12.5px}.tb-lines li>span{font-weight:700;min-width:62px;text-align:right}
.tb-q2{display:flex;align-items:center;gap:6px}.tb-q2 button{width:38px;height:38px;border-radius:12px;border:1px solid var(--tb-line);background:var(--tb-card2);color:var(--tb-ink);font-size:20px}.tb-q2 b{min-width:22px;text-align:center}
.tb-q2.big{justify-content:center;margin:14px 0}.tb-q2.big button{width:56px;height:56px;font-size:26px}.tb-q2.big b{font-size:26px;min-width:50px}
.tb-rm{background:none;border:0;color:var(--tb-mut);font-size:16px;width:32px;height:32px}
.tb-tot{display:flex;justify-content:space-between;align-items:baseline;margin-top:14px;font-size:16px}.tb-tot b{font-size:24px}.tb-sm{color:var(--tb-mut);font-size:12.5px;margin:4px 0 0}
.tb-send{width:100%;min-height:58px;border:0;border-radius:16px;background:var(--tb-acc);color:#fff;font-size:18px;font-weight:800;margin-top:14px}.tb-send:disabled{opacity:.6}.tb-send.sm{width:auto;min-height:48px;margin:0;padding:0 18px;font-size:16px}
.tb-bar{position:fixed;left:12px;right:12px;bottom:calc(12px + env(safe-area-inset-bottom));z-index:6;display:flex;justify-content:space-between;align-items:center;gap:10px;min-height:60px;border:0;border-radius:18px;background:var(--tb-acc);color:#fff;font-size:17px;padding:0 20px;box-shadow:0 10px 30px rgba(0,0,0,.45)}
.tb.cartopen .tb-cart{display:flex;flex-direction:column;position:fixed;inset:auto 0 0 0;max-height:88vh;z-index:9;background:var(--tb-card);border-radius:22px 22px 0 0;padding:18px 18px calc(18px + env(safe-area-inset-bottom));box-shadow:0 -20px 50px rgba(0,0,0,.6);overflow:auto}
.tb.cartopen .tb-bar{display:none}
@media (min-width:980px){.tb-body{grid-template-columns:minmax(0,1fr) 380px}.tb-cart{display:flex;flex-direction:column;position:sticky;top:134px;align-self:start;max-height:calc(100vh - 150px);background:var(--tb-card);border-radius:20px;padding:18px}
  .tb-close{display:none}.tb-bar{display:none}.tb.cartopen .tb-cart{position:sticky;inset:auto;max-height:calc(100vh - 150px);border-radius:20px;box-shadow:none}.tb-body{padding-bottom:30px}}
@media (max-width:600px){.tb-h{flex-wrap:wrap;padding:10px 12px}.tb-q{order:3;flex-basis:100%;max-width:none}.tb-cats{top:118px;padding:4px 12px 10px}.tb-body{padding:0 12px 100px}.tb-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.tbc-b b{font-size:15px}.tb-brand b{font-size:17px}}
/* dialogs */
.tb-m{position:fixed;inset:0;z-index:20;display:flex;align-items:center;justify-content:center;padding:16px}.tb-mbg{position:absolute;inset:0;background:rgba(0,0,0,.7)}
.tb-mc{position:relative;width:min(640px,100%);max-height:92vh;overflow:auto;background:var(--tb-card);border-radius:22px;color:var(--tb-ink)}
.tb-mx{position:absolute;right:12px;top:12px;z-index:2;width:44px;height:44px;border-radius:999px;border:0;background:rgba(0,0,0,.55);color:#fff;font-size:18px}
.tb-hero{display:block;width:100%;aspect-ratio:16/10;max-height:320px;object-fit:cover}.tb-hero.ph{display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,hsl(var(--h) 45% 32%),hsl(calc(var(--h) + 40) 50% 18%))}.tb-hero.ph span{font-size:90px;font-weight:800;color:rgba(255,255,255,.3)}
.tb-sh{padding:18px 20px 22px}.tb-sh h2{margin:0 0 4px;font-size:26px}.tb-sh h3{margin:18px 0 10px;font-size:15px;color:var(--tb-mut);text-transform:uppercase;letter-spacing:.08em}.tb-sh h3 small{text-transform:none;letter-spacing:0}.tb-sh .kh{font-size:17px;color:var(--tb-mut);margin:0}.tb-d{color:#cdd2d8;font-size:15px;line-height:1.5}
.tb-ch{display:flex;flex-wrap:wrap;gap:8px}.tb-ch button{min-height:48px;padding:0 16px;border-radius:14px;border:1px solid var(--tb-line);background:var(--tb-card2);color:var(--tb-ink);font-weight:600;font-size:15px}.tb-ch button[aria-pressed="true"]{border-color:var(--tb-gold);background:color-mix(in srgb,var(--tb-gold) 20%,var(--tb-card2))}.tb-ch button:disabled{opacity:.45}
.tb-note{display:flex;flex-direction:column;gap:6px;margin-top:16px;font-weight:600;font-size:14px;color:var(--tb-mut)}.tb-note input,.tb-nt input{min-height:50px;border-radius:14px;border:1px solid var(--tb-line);background:var(--tb-card2);color:var(--tb-ink);padding:0 14px;font-size:16px}
.tb-tbls{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:10px}.tb-tbls button{min-height:76px;border-radius:16px;border:1px solid var(--tb-line);background:var(--tb-card2);color:var(--tb-ink);display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:2px;padding:10px 14px;text-align:left}.tb-tbls b{font-size:18px}.tb-tbls span{font-size:12px;color:var(--tb-mut)}.tb-tbls button.busy{border-color:color-mix(in srgb,var(--tb-gold) 60%,var(--tb-line))}
.tb-nt{display:grid;grid-template-columns:1fr 90px auto;gap:8px}
.tb-pinpad{display:flex;justify-content:center;margin-top:18px}.tb-ch.staff button{min-width:120px}
.tb-ok{padding:34px 24px;text-align:center}.tb-okc{width:84px;height:84px;margin:0 auto 12px;border-radius:50%;background:#1f8f5f;color:#fff;font-size:46px;display:flex;align-items:center;justify-content:center}.tb-ok h2{margin:0 0 6px;font-size:26px}.tb-ok p{color:var(--tb-mut);font-size:16px}
/* cashier side */
.possold{margin-top:18px;background:var(--panel);border-radius:14px;padding:12px 14px}.possold .posh input{min-height:40px;border-radius:10px;border:1px solid var(--line);background:var(--panel2);color:var(--text);padding:0 12px;min-width:240px}
.possold-l{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:8px}.possold-l button{display:flex;flex-direction:column;align-items:flex-start;gap:2px;text-align:left;border-radius:12px;border:1px solid var(--line);background:var(--panel2);color:var(--text);padding:10px 12px;cursor:pointer}.possold-l button span{font-size:12px;color:var(--muted)}.possold-l button.on{border-color:var(--over);background:color-mix(in srgb,var(--over) 14%,var(--panel2))}
.posmthumb{width:36px;height:36px;border-radius:8px;object-fit:cover;vertical-align:middle;margin-right:8px}
.posmiimg{max-width:180px;border-radius:10px}
.tb .pospad-k button{font-size:24px;font-weight:700}.tb .pospad-k button.ok{font-size:18px}
/* v1.22 · CEO Home sales */
.dhsales{margin:0 0 16px}.dhst{width:100%;border-collapse:collapse;font-size:14px}.dhst th{text-align:left;font-size:11px;letter-spacing:.05em;text-transform:uppercase;color:var(--muted);padding:6px 8px;border-bottom:1px solid var(--line);white-space:nowrap}
.dhst td{padding:9px 8px;border-bottom:1px solid var(--line);vertical-align:middle}.dhst .r{text-align:right;white-space:nowrap}.dhst em{display:block;font-style:normal;font-size:11.5px;color:var(--muted)}.dhst tfoot td{border-bottom:0;border-top:2px solid var(--line)}
.dhtg{min-width:140px}.dhtg .bar{position:relative;height:8px;border-radius:99px;background:var(--panel2);overflow:visible}.dhtg .bar i{display:block;height:100%;border-radius:99px}.dhtg .bar i.ok{background:var(--done)}.dhtg .bar i.md{background:var(--prog)}.dhtg .bar i.lo{background:var(--over)}
.dhtg .bar u{position:absolute;top:-3px;width:2px;height:14px;background:var(--text);opacity:.5}.dhtg span{font-size:11.5px;color:var(--muted)}
.dhspark{display:inline-flex;align-items:flex-end;gap:2px;height:28px}.dhspark i{width:5px;border-radius:2px;background:color-mix(in srgb,var(--prog) 70%,transparent)}.dhspark i:last-child{background:var(--done)}
@media (max-width:700px){.dhst th:nth-child(6),.dhst td:nth-child(6),.dhst th:nth-child(7),.dhst td:nth-child(7){display:none}}
/* v1.23 · OSNL Finance & Inventory (Zoho-style) */
:root{--fzInc:#1F6FB8;--fzExp:#B7790B;--fzOk:#1F8F55;--fzWarn:#B7790B;--fzBad:#C8202B}
[data-theme="dark"]{--fzInc:#3D8BD4;--fzExp:#BF8219;--fzOk:#4FC486;--fzWarn:#F0B43C;--fzBad:#FF6B6E}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]){--fzInc:#3D8BD4;--fzExp:#BF8219;--fzOk:#4FC486;--fzWarn:#F0B43C;--fzBad:#FF6B6E}}
.fz{display:grid;grid-template-columns:220px minmax(0,1fr);gap:16px;align-items:start;min-width:0}
.fz-nav{position:sticky;top:12px;background:var(--panel);border-radius:12px;box-shadow:var(--sh1);padding:12px 8px;display:flex;flex-direction:column;gap:2px;max-height:calc(100vh - 24px);overflow:auto}
.fz-brand{display:flex;flex-direction:column;padding:2px 10px 10px;border-bottom:1px solid var(--line);margin-bottom:6px}.fz-brand b{font-size:15px}.fz-brand span{font-size:12px;color:var(--muted)}
.fz-ng{display:flex;flex-direction:column;gap:1px;padding:4px 0}.fz-nh{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);padding:8px 10px 4px}
.fz-nb{display:flex;align-items:center;gap:10px;min-height:36px;padding:0 10px;border:0;border-radius:8px;background:none;color:var(--text);font:inherit;font-size:14px;text-align:left;cursor:pointer}
.fz-nb i{font-style:normal;width:18px;text-align:center;opacity:.8}.fz-nb:hover{background:var(--panel2)}.fz-nb[aria-current="page"]{background:var(--accentSoft);color:var(--accent);font-weight:700}
.fz-nb:focus-visible,.fz-tile:focus-visible,.fz-rc:focus-visible,.fz-acc:focus-visible,.fz-t tr[tabindex]:focus-visible{outline:2px solid var(--verify);outline-offset:2px}
.fz-main{min-width:0;display:flex;flex-direction:column;gap:14px}
.fz-h{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;flex-wrap:wrap}.fz-h h2{margin:0;font-size:22px}.fz-h .hint{padding:0;margin:4px 0 0;max-width:720px}
.fz-ha{display:flex;gap:8px;flex-wrap:wrap;align-items:center}
.fz-f{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.fz-f input,.fz-f select{min-height:36px}.fz-f input[type=search]{flex:1 1 220px;max-width:340px}
.fz-il{display:inline-flex;align-items:center;gap:8px;font-size:13px;color:var(--muted);font-weight:600;flex-wrap:wrap}
.fz-tw{max-width:100%}.fz-t{width:100%;border-collapse:collapse;font-size:14px}.fz-t th{font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);text-align:left;padding:10px 12px;border-bottom:1px solid var(--line);white-space:nowrap;font-weight:700}
.fz-t td{padding:10px 12px;border-bottom:1px solid var(--line);vertical-align:top}.fz-t tbody tr:last-child td{border-bottom:0}.fz-t .r{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}
.fz-t tr[data-fzopen],.fz-t tr[data-fzbl],.fz-t tr[data-fzrecipe]{cursor:pointer}.fz-t tbody tr[data-fzopen]:hover,.fz-t tbody tr[data-fzbl]:hover,.fz-t tbody tr[data-fzrecipe]:hover{background:var(--panel2)}
.fz-t tr.off{opacity:.55}.fz-t tfoot td{border-top:1px solid var(--line);border-bottom:0;color:var(--muted)}.fz-t em.hint,.fz-t .hint{padding:0;font-style:normal}
.fz-rt tr.sec td{font-weight:800;padding-top:16px;border-bottom:0}.fz-rt tr.tot td{font-weight:700;border-top:1px solid var(--text)}
.fz-sh{font-size:13px;text-transform:uppercase;letter-spacing:.07em;color:var(--muted);margin:10px 0 2px}
.fzst{display:inline-flex;align-items:center;font-size:12px;font-weight:700;padding:2px 8px;border-radius:99px;background:var(--panel2);color:var(--muted);white-space:nowrap}
.fzst::before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor;margin-right:6px}
.fzst-open,.fzst-approved,.fzst-posted,.fzst-done,.fzst-matched,.fzst-categorized{color:var(--verify)}.fzst-paid,.fzst-billed{color:var(--fzOk)}.fzst-partial,.fzst-submitted,.fzst-pending,.fzst-counting,.fzst-new{color:var(--fzWarn)}
.fzst-overdue,.fzst-rejected{color:var(--fzBad)}.fzst-void,.fzst-cancelled,.fzst-excluded,.fzst-inactive{text-decoration:line-through}
.fzchip{display:inline-block;font-size:11px;font-weight:700;padding:1px 7px;border-radius:99px;background:var(--panel2);color:var(--muted);border:1px solid var(--line);vertical-align:middle}
.fz-empty{background:var(--panel);border-radius:12px;box-shadow:var(--sh1);padding:28px 16px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:10px}.fz-empty p{margin:0}
.fz-pg{display:flex;align-items:center;gap:10px;justify-content:flex-end}
.fz-tiles{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.fz-tile{background:var(--panel);border-radius:12px;box-shadow:var(--sh1);padding:14px 16px;display:flex;flex-direction:column;gap:4px;border:0;text-align:left;color:var(--text);font:inherit}
button.fz-tile{cursor:pointer}button.fz-tile:hover{box-shadow:var(--sh1),0 0 0 1px var(--line)}.fz-tile .k{font-size:11px;text-transform:uppercase;letter-spacing:.1em;color:var(--muted);font-weight:700}
.fz-tile .v{font-size:26px;font-weight:800;font-variant-numeric:tabular-nums;line-height:1.15}.fz-tile .s{font-size:12px;color:var(--muted)}.fz-tile.warn .v{color:var(--fzWarn)}
.neg{color:var(--fzBad)}.pos{color:var(--fzOk)}
.fz-todo{display:flex;gap:8px;flex-wrap:wrap}.fz-tdo{border:1px solid var(--line);background:var(--panel);color:var(--text);border-radius:99px;min-height:36px;padding:0 14px;font:inherit;font-size:13px;cursor:pointer}.fz-tdo b{color:var(--accent)}
.fz-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.fz-card{background:var(--panel);border-radius:12px;box-shadow:var(--sh1);padding:14px 16px;display:flex;flex-direction:column;gap:10px;min-width:0}.fz-card h3{margin:0;font-size:16px}.fz-card h4{margin:6px 0 0;font-size:13px;color:var(--muted)}
.fz-ch{display:flex;justify-content:space-between;align-items:baseline;gap:8px;flex-wrap:wrap}
.fz-link{background:none;border:0;padding:0;color:var(--verify);font:inherit;font-size:13px;font-weight:600;cursor:pointer;text-align:left}.fz-link:hover{text-decoration:underline}
.fz-start{border-left:4px solid var(--accent)}.fz-start ol{margin:0;padding-left:20px;display:flex;flex-direction:column;gap:10px}.fz-start li .btn{margin-left:8px}
.fz-chart{display:flex;align-items:flex-end;gap:10px;height:160px;padding:8px 4px 0;border-bottom:1px solid var(--line)}
.fz-cg{flex:1;display:flex;flex-direction:column;align-items:center;gap:6px;position:relative;outline:0}.fz-bars{display:flex;align-items:flex-end;gap:2px;height:124px}
.fz-bars i{width:14px;border-radius:4px 4px 0 0}.fz-bars i.inc,.sw.inc{background:var(--fzInc)}.fz-bars i.exp,.sw.exp{background:var(--fzExp)}.fz-cl{font-size:11px;color:var(--muted)}
.fz-tip{display:none;position:absolute;bottom:100%;left:50%;transform:translateX(-50%);background:var(--text);color:var(--panel);font-size:12px;padding:8px 10px;border-radius:8px;white-space:nowrap;z-index:5;pointer-events:none;line-height:1.5}
.fz-cg:hover .fz-tip,.fz-cg:focus .fz-tip{display:block}.fz-cg:hover .fz-bars i,.fz-cg:focus .fz-bars i{opacity:.85}
.sw{display:inline-block;width:10px;height:10px;border-radius:3px;margin-right:6px;vertical-align:-1px}.fz-leg{display:flex;gap:16px;font-size:12px;color:var(--muted)}
.fz-bl{list-style:none;margin:0;padding:0;display:flex;flex-direction:column}.fz-bl li{display:flex;justify-content:space-between;gap:10px;padding:8px 0;border-bottom:1px solid var(--line);align-items:baseline}.fz-bl li:last-child{border-bottom:0}
.fz-bl span{display:flex;flex-direction:column;min-width:0}.fz-bl em{font-style:normal;font-size:12px;color:var(--muted)}.fz-bl b{font-variant-numeric:tabular-nums;white-space:nowrap}
.fz-hb{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}.fz-hb li{display:grid;grid-template-columns:minmax(0,1fr) 120px auto;gap:10px;align-items:center;font-size:13px}
.fz-hb i{height:8px;border-radius:0 4px 4px 0;background:var(--fzExp);min-width:2px}.fz-hb b{font-variant-numeric:tabular-nums;text-align:right;min-width:70px}.fz-hb span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.fzpc{font-weight:700;font-size:12px;padding:2px 8px;border-radius:99px;background:var(--panel2);white-space:nowrap}.fzpc.ok{color:var(--fzOk)}.fzpc.md{color:var(--fzWarn)}.fzpc.lo{color:var(--fzBad)}
.fz-rg{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:10px}.fz-rc{background:var(--panel);border:0;border-radius:12px;box-shadow:var(--sh1);padding:12px 14px;text-align:left;color:var(--text);font:inherit;display:flex;flex-direction:column;gap:4px;cursor:pointer}
.fz-rc span{font-size:12px;color:var(--muted)}.fz-rc:hover{box-shadow:var(--sh1),0 0 0 1px var(--verify)}.fz-rep>.hint{padding:0;margin:0 0 6px}
.fz-accts{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:10px}.fz-acc{background:var(--panel);border:1px solid transparent;border-radius:12px;box-shadow:var(--sh1);padding:12px 14px;text-align:left;color:var(--text);font:inherit;display:flex;flex-direction:column;gap:2px;cursor:pointer}
.fz-acc[aria-pressed="true"]{border-color:var(--verify)}.fz-acc b{font-size:20px;font-variant-numeric:tabular-nums}.fz-acc em{font-style:normal;font-size:12px;color:var(--muted)}
.fz-tabs{gap:4px;border-bottom:1px solid var(--line)}.fz-tabs button{border:0;background:none;color:var(--muted);font:inherit;font-weight:600;padding:8px 12px;border-bottom:2px solid transparent;cursor:pointer;min-height:40px}.fz-tabs button[aria-selected="true"]{color:var(--text);border-bottom-color:var(--accent)}
.fz-choice{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.fz-opt{border:1px solid var(--line);background:var(--panel);border-radius:12px;padding:12px 14px;text-align:left;color:var(--text);font:inherit;display:flex;flex-direction:column;gap:4px;cursor:pointer}
.fz-opt span{font-size:13px;color:var(--muted)}.fz-opt[aria-pressed="true"]{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}
.fz-step.on{box-shadow:var(--sh1),0 0 0 2px var(--verify)}.fz-stp{display:grid;grid-template-columns:32px minmax(0,1fr) auto;gap:12px;align-items:center}.fz-stp>div{display:flex;flex-direction:column;gap:2px;min-width:0}.fz-stp .hint{padding:0}
.fz-n{width:32px;height:32px;border-radius:50%;background:var(--panel2);display:flex;align-items:center;justify-content:center;font-weight:800}.fz-res{font-size:13px}
.fz-up{position:relative;cursor:pointer;white-space:nowrap}
.fz-map{display:flex;flex-direction:column;gap:10px;border-top:1px solid var(--line);padding-top:10px}.fz-map .hint{padding:0}
.fz-mapg{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px 12px}.fz-mapg label{display:flex;flex-direction:column;gap:3px;font-size:12px;font-weight:600;color:var(--muted)}.fz-mapg em{font-style:normal;font-weight:400;font-size:11px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.fz-prev{margin:0;padding-left:18px;font-size:13px;color:var(--muted)}
.fz-chips{display:flex;flex-wrap:wrap;gap:4px}.fz-chk{display:inline-flex;align-items:center;gap:4px;font-size:12px;border:1px solid var(--line);border-radius:99px;padding:2px 8px;white-space:nowrap}
.fz-taxes{display:flex;flex-direction:column;gap:6px;align-items:flex-start}.fz-tax{display:flex;gap:6px;align-items:center}.fz-tax input.num{width:70px}
.fz-save{position:sticky;bottom:8px;background:var(--panel);padding:10px;border-radius:12px;box-shadow:var(--sh1)}
.fz-danger{border:1px solid var(--fzBad)}.ghost.danger{color:var(--fzBad)}
.fz-kv1{display:flex;flex-direction:column}.fz-big1{font-size:22px}.fz-ol{margin:0;padding-left:18px}
/* modal */
.fzm{position:fixed;inset:0;z-index:300;display:flex;align-items:center;justify-content:center;padding:16px}.fzm-bg{position:absolute;inset:0;background:rgba(9,30,66,.45)}
.fzm-c{position:relative;background:var(--panel);color:var(--text);border-radius:14px;box-shadow:0 12px 40px rgba(0,0,0,.3);width:min(640px,100%);max-height:calc(100vh - 32px);display:flex;flex-direction:column;min-height:0}
.fzm.wide .fzm-c{width:min(1200px,100%)}.fzm-h{display:flex;justify-content:space-between;align-items:flex-start;gap:10px;padding:16px 18px 10px;border-bottom:1px solid var(--line)}.fzm-h h2{margin:0;font-size:18px}.fzm-h .hint{padding:0;margin:4px 0 0}
.fzm-b{padding:14px 18px;overflow:auto;display:flex;flex-direction:column;gap:12px;min-height:0}.fzm-f{display:flex;gap:8px;justify-content:flex-end;flex-wrap:wrap;padding:12px 18px;border-top:1px solid var(--line)}
.fz-pf3{grid-template-columns:repeat(3,minmax(0,1fr))}.pf label.inline,label.inline{flex-direction:row;align-items:center;gap:8px;font-weight:600;font-size:13px;color:var(--text)}.pf .inline{grid-column:1/-1}
.pf input,.pf select,.pf textarea{min-height:38px}
.fz-lines{display:flex;flex-direction:column;gap:8px;align-items:flex-start;overflow-x:auto}.fz-lt{width:100%;border-collapse:collapse;font-size:13px}.fz-lt th{font-size:11px;text-transform:uppercase;letter-spacing:.05em;color:var(--muted);text-align:left;padding:6px 4px;border-bottom:1px solid var(--line);white-space:nowrap}
.fz-lt td{padding:6px 4px;border-bottom:1px solid var(--line);vertical-align:top}.fz-lt td:first-child{min-width:190px;width:28%}.fz-lt td:first-child select{width:100%}.fz-lt td select{max-width:190px}.fz-lt td:first-child input{margin-top:4px;width:100%}.fz-lt select,.fz-lt input{min-height:34px;max-width:100%}.fz-lt .r{text-align:right;white-space:nowrap;font-variant-numeric:tabular-nums}
input.num{width:90px;text-align:right;font-variant-numeric:tabular-nums}input.num.sm{width:60px}
.fz-tot{display:flex;justify-content:flex-end}.fz-tot dl{display:grid;grid-template-columns:auto auto;gap:4px 24px;margin:0;font-variant-numeric:tabular-nums}.fz-tot dd{margin:0;text-align:right}.fz-tot dd.bad{color:var(--fzBad);font-weight:700}.fz-tot dd.ok{color:var(--fzOk)}
.fz-files{display:flex;flex-direction:column;gap:6px}.fz-lab{font-size:12px;color:var(--muted);font-weight:600}.fz-fl{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.fz-fthumb{display:inline-flex;width:72px;height:72px;border-radius:8px;overflow:hidden;background:var(--panel2);align-items:center;justify-content:center;font-size:12px;color:var(--text);text-decoration:none;border:1px solid var(--line)}.fz-fthumb img{width:100%;height:100%;object-fit:cover}
.fz-pack{display:flex;align-items:center;gap:6px;color:var(--muted)}.fz-pack input:first-child{width:90px}
.fz-vh{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;flex-wrap:wrap}.fz-vh h3{margin:6px 0 0;font-size:18px}.fz-big{font-size:26px;font-weight:800;font-variant-numeric:tabular-nums;display:flex;flex-direction:column;align-items:flex-end}.fz-big span{font-size:13px;color:var(--muted);font-weight:600}
.fz-kv{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:8px 16px;margin:0}.fz-kv dt{font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);font-weight:700}.fz-kv dd{margin:2px 0 0;font-size:14px}
.fz-kv>div{min-width:0}.fz-kv dt,.fz-kv dd{min-width:0;overflow-wrap:anywhere}
.fz-gl summary{cursor:pointer;font-weight:600;color:var(--muted);font-size:13px;padding:4px 0}.fz-hist{margin:4px 0 0;padding-left:18px;font-size:13px}
.fz-pl{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}.fz-pl li{display:flex;justify-content:space-between;gap:10px;align-items:center;padding:8px 10px;background:var(--panel2);border-radius:8px;font-size:14px}
.fz-note{background:var(--panel2);border-radius:8px;padding:8px 10px;margin:0;font-size:13px;white-space:pre-wrap}
.fz-cnt{display:flex;flex-direction:column;max-height:52vh;overflow:auto;border:1px solid var(--line);border-radius:10px}.fz-cr{display:grid;grid-template-columns:minmax(0,1fr) 100px 100px;gap:8px;align-items:center;padding:8px 10px;border-bottom:1px solid var(--line)}
.fz-cr span{display:flex;flex-direction:column;min-width:0}.fz-cr em{font-style:normal;font-size:12px;color:var(--muted)}.fz-cr input.num{width:100%;min-height:40px;font-size:16px}.fz-cr select{min-height:40px}.fz-cs{min-height:38px}
.fz-kv dd .fzst{margin-top:2px}
@media (max-width:1100px){.fz-tiles{grid-template-columns:repeat(2,minmax(0,1fr))}.fz-grid{grid-template-columns:1fr}.fz-mapg{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:900px){.fz{grid-template-columns:minmax(0,1fr)}.fz>*{min-width:0;max-width:100%}.fz-nav{position:static;flex-direction:row;overflow-x:auto;padding:6px;gap:4px;max-height:none;scrollbar-width:none}.fz-nav::-webkit-scrollbar{display:none}
  .fz-brand,.fz-nh{display:none}.fz-ng{flex-direction:row;padding:0;gap:4px}.fz-nb{white-space:nowrap;min-height:38px}.fz-pf3{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:640px){.fz-h h2{font-size:19px}.fz-tile .v{font-size:21px}.fz-choice{grid-template-columns:1fr}.fz-mapg{grid-template-columns:1fr}.fz-pf3{grid-template-columns:1fr}
  .fz-tw{background:none!important;box-shadow:none!important;overflow:visible}.fz-t thead{display:none}.fz-t,.fz-t tbody,.fz-t tr,.fz-t td{display:block;width:100%;min-width:0!important}
  .fz-t tbody tr{background:var(--panel);border-radius:10px;box-shadow:var(--sh1);margin-bottom:8px;padding:6px 10px}.fz-t td{border:0;padding:3px 0;display:flex;justify-content:space-between;gap:10px;text-align:right}
  .fz-t td[data-l]::before{content:attr(data-l);color:var(--muted);font-size:12px;font-weight:600;text-align:left}.fz-t td[data-l=""]::before{content:none}.fz-t tfoot{display:block}.fz-t tfoot tr{display:flex;justify-content:space-between;padding:6px 10px}
  .fz-rt tr.sec{box-shadow:none;background:none;margin:8px 0 0}.fz-rt tr.sec td{display:block;text-align:left}
  .fzm{padding:0;align-items:flex-end}.fzm-c,.fzm.wide .fzm-c{width:100%;max-height:94vh;border-radius:16px 16px 0 0}
  .fz-lt thead{display:none}.fz-lt,.fz-lt tbody,.fz-lt tr,.fz-lt td{display:block;width:100%;min-width:0!important;box-sizing:border-box}.fz-lt tr{border:1px solid var(--line);border-radius:10px;padding:8px;margin-bottom:8px}.fz-lt td{border:0;display:flex;justify-content:space-between;align-items:center;gap:8px;padding:3px 0}
  .fz-lt td[data-l]::before{content:attr(data-l);font-size:12px;color:var(--muted);font-weight:600}.fz-lt td:first-child{flex-direction:column;align-items:stretch}.fz-lt td:first-child::before{content:none}
  .fz-hb li{grid-template-columns:minmax(0,1fr) 60px auto}.fz-stp{grid-template-columns:32px minmax(0,1fr)}.fz-stp .fz-up{grid-column:2}.fz-cr{grid-template-columns:minmax(0,1fr) 84px 84px}}
@media print{.fz-nav,.fz-ha,.fz-f{display:none}}
body.fzmode .toolbar,body.fzmode .stats,body.fzmode #legend,body.fzmode #addBtn{display:none!important}
.fz input[type=search],.fzm input[type=search]{border:1px solid var(--line);border-radius:8px;background:var(--panel);color:var(--text);padding:0 10px;min-height:36px;font:inherit}
/* v1.24 · full-screen modules: the module switcher lives in the header, the month only where it is used */
.mbar{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.mbar .month{margin:0}
body.nomonth .mbar,body.teammode .mbar,body.eappmode .mbar,body.posmode .mbar{display:none!important}
.hero .tabs{display:flex;align-items:center;gap:2px;flex:1 1 auto;min-width:0;overflow-x:auto;scrollbar-width:none;border:0;padding:2px 0;margin:0 6px;flex-wrap:nowrap}
.hero .tabs::-webkit-scrollbar{display:none}
.hero .tabs button{display:inline-flex;align-items:center;gap:7px;flex:0 0 auto;min-height:38px;padding:0 11px;border:0;border-radius:8px;background:none;color:var(--muted);font:inherit;font-size:13.5px;font-weight:600;cursor:pointer;white-space:nowrap;position:relative}
.hero .tabs button[hidden]{display:none}
.hero .tabs button .ti{flex:0 0 auto;width:18px;height:18px}
.hero .tabs button:hover{background:var(--btnh,var(--panel2));color:var(--text)}
.hero .tabs button[aria-selected="true"]{background:color-mix(in srgb,var(--accent) 13%,transparent);color:var(--accent)}
.hero .tabs button:focus-visible{outline:2px solid var(--accent);outline-offset:1px}
.hero .tabs .cnt{margin-left:2px}
body.teammode .hero .tabs{display:flex!important}body.teammode .hero .tabs button[aria-selected="true"]{background:none;color:var(--muted)}
@media (min-width:721px){
  .wrap{max-width:none!important;padding-inline:clamp(12px,2vw,28px)}
  .hero{flex-wrap:nowrap}.hero>div:first-child{flex:0 0 auto}.hctl{flex:0 0 auto!important;justify-content:flex-end!important}
  .mbar{margin-top:-6px}
}
@media (min-width:1024px){
  .wrap{display:flex!important;flex-direction:column;row-gap:0;align-items:stretch!important}
  .wrap>*{grid-column:auto!important}.wrap>.side{display:none!important}
}
@media (max-width:1599px){.hero .eyebrow,.hero h1{display:none!important}.hero>div:first-child{display:flex!important}}
@media (max-width:1699px){.hero .onl{display:none}}
@media (max-width:1699px){.hero .tabs button:not([aria-selected="true"]) .tl{display:none}.hero .tabs button:not([aria-selected="true"]){padding:0 10px}}
@media (max-width:720px){.hero .tabs{display:none!important}.mbar{justify-content:center;margin:6px 0 0}}
/* module pages with their own section menu: menu on the left, like Finance */
@media (min-width:1100px){
  .mkpage:has(>nav.hrnav),.mkpage:has(>nav.pmnav),.mkpage.mkmod{display:grid;grid-template-columns:216px minmax(0,1fr);column-gap:20px;align-items:start}
  .mkpage:has(>nav.hrnav)>*,.mkpage:has(>nav.pmnav)>*,.mkpage.mkmod>*{grid-column:2;min-width:0}
  .mkpage>nav.hrnav,.mkpage>nav.pmnav,.mkpage.mkmod>nav.mknav{grid-column:1!important;grid-row:1/span 60;position:sticky;top:78px;display:flex!important;flex-direction:column;align-items:stretch;flex-wrap:nowrap;gap:2px;background:var(--panel);border-radius:12px;box-shadow:var(--sh1);padding:10px 8px;overflow:visible;max-height:calc(100vh - 96px);overflow-y:auto;margin:0}
  .mkpage>nav.hrnav button,.mkpage>nav.pmnav button,.mkpage.mkmod>nav.mknav button{width:100%;justify-content:flex-start;text-align:left;border-radius:8px;min-height:38px;background:none;border:0;box-shadow:none;padding:0 12px;font-size:14px;font-weight:500;color:var(--text);display:flex;align-items:center;gap:8px}
  .mkpage>nav.hrnav button:hover,.mkpage>nav.pmnav button:hover,.mkpage.mkmod>nav.mknav button:hover{background:var(--panel2)}
  .mkpage>nav.hrnav button[aria-current="page"],.mkpage>nav.pmnav button[aria-current="page"],.mkpage.mkmod>nav.mknav button[aria-current="page"]{background:var(--accentSoft);color:var(--accent);font-weight:700}
  .mkpage>nav.hrnav .hrbad{margin-left:auto}.mkpage>nav.hrnav .h2bell{order:-1;justify-content:flex-start}
}
/* notification centre */
.ntwrap{position:relative;display:inline-flex}
.ntbell{position:relative;min-width:38px;justify-content:center}.ntbell svg{width:18px;height:18px}
.ntbell i{position:absolute;top:-4px;right:-4px;min-width:18px;height:18px;border-radius:99px;background:var(--accent);color:#fff;font:700 11px/18px var(--body,inherit);font-style:normal;padding:0 5px;text-align:center}
.ntbell.ring svg{animation:ntring .9s ease-in-out 2}
@keyframes ntring{0%,100%{transform:rotate(0)}20%{transform:rotate(14deg)}40%{transform:rotate(-12deg)}60%{transform:rotate(8deg)}80%{transform:rotate(-4deg)}}
@media (prefers-reduced-motion:reduce){.ntbell.ring svg{animation:none}}
.ntpop{position:absolute;right:0;top:calc(100% + 8px);width:min(380px,calc(100vw - 24px));max-height:min(70vh,560px);display:flex;flex-direction:column;background:var(--panel);color:var(--text);border-radius:14px;box-shadow:0 12px 40px rgba(0,0,0,.25),var(--sh1);z-index:60;overflow:hidden}
.ntpop[hidden]{display:none}
.nth{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:12px 14px;border-bottom:1px solid var(--line)}.nth b{font-size:15px}
.nth .ghost{min-height:30px;font-size:12px}
.ntl{list-style:none;margin:0;padding:0;overflow:auto}
.ntl li button{display:grid;grid-template-columns:28px minmax(0,1fr) auto;gap:10px;width:100%;text-align:left;border:0;background:none;color:var(--text);font:inherit;padding:10px 14px;border-bottom:1px solid var(--line);cursor:pointer}
.ntl li button:hover{background:var(--panel2)}.ntl li.un button{background:color-mix(in srgb,var(--accent) 6%,transparent)}
.ntl .nti{font-size:18px;line-height:1.2}.ntl b{display:block;font-size:13.5px}.ntl span{display:block;font-size:12.5px;color:var(--muted);margin-top:2px}.ntl em{font-style:normal;font-size:11.5px;color:var(--muted);white-space:nowrap}
.ntl li.un em::after{content:"";display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--accent);margin-left:6px}
.nte{padding:28px 16px;text-align:center;color:var(--muted);font-size:13px}
.ntf{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:8px 14px;border-top:1px solid var(--line);font-size:12px;color:var(--muted)}
@media (max-width:720px){.ntpop{position:fixed;left:12px;right:12px;top:64px;width:auto}}
/* repairs & documents */
.rppage,.lbpage{display:flex;flex-direction:column;gap:14px}
.rpurg{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:700;padding:2px 8px;border-radius:99px;background:var(--panel2);white-space:nowrap}
.rpurg::before{content:"";width:8px;height:8px;border-radius:50%;background:currentColor}
.rpurg.u-Urgent{color:var(--fzBad,#C8202B)}.rpurg.u-High{color:var(--fzWarn,#B7790B)}.rpurg.u-Normal{color:var(--verify)}.rpurg.u-Low{color:var(--muted)}
.rpug{border:0;padding:0;margin:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.rpug legend{font-size:12px;color:var(--muted);font-weight:600;margin-bottom:4px;padding:0}
.rpu{display:flex!important;flex-direction:column!important;gap:2px!important;border:1px solid var(--line);border-radius:10px;padding:10px;cursor:pointer;color:var(--text)!important}
.rpu input{position:absolute;opacity:0;pointer-events:none}.rpu b{font-size:14px}.rpu span{font-size:12px;color:var(--muted);font-weight:400}
.rpu:has(input:checked){border-color:currentColor;box-shadow:0 0 0 1px currentColor}.rpu.u-Urgent:has(input:checked){color:var(--fzBad,#C8202B)!important}.rpu.u-High:has(input:checked){color:var(--fzWarn,#B7790B)!important}.rpu.u-Normal:has(input:checked){color:var(--verify)!important}
.rpu:has(input:focus-visible){outline:2px solid var(--verify);outline-offset:2px}
.rplog{max-height:220px;overflow:auto}.rpc{display:flex;flex-direction:column;gap:4px;font-size:12px;color:var(--muted);font-weight:600}.rpph img{cursor:zoom-in}
.rprow{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:10px;align-items:center;width:100%;text-align:left;border:0;border-bottom:1px solid var(--line);background:none;color:var(--text);font:inherit;padding:12px 4px;cursor:pointer}
.rprow:last-child{border-bottom:0}.rprow b{display:block;font-size:14px}.rprow em{display:block;font-style:normal;font-size:12.5px;color:var(--muted);margin-top:2px}.rprow .rpurg{padding:0;background:none}
.lbic{font-size:18px}.lbpct{display:inline-block;width:60px;height:6px;border-radius:3px;background:var(--panel2);vertical-align:middle;overflow:hidden;margin-right:6px}.lbpct i{display:block;height:100%;background:var(--fzOk,#1F8F55)}
.lbprev{width:100%;height:min(70vh,720px);border:1px solid var(--line);border-radius:10px;background:#fff}.lbimg{max-width:100%;max-height:70vh;border-radius:10px;align-self:center}
.lbrd{display:grid;grid-template-columns:1fr 1fr;gap:12px}.lbh{margin:8px 0 4px;font-size:12px;color:var(--muted)}
.hrradd{display:flex;gap:8px;margin-top:10px;flex-wrap:wrap}.hrradd input{flex:1 1 240px;min-height:36px}.hradm{padding:0;margin:0 0 8px}
.ntcard{padding:0!important}.ntrow{display:grid;grid-template-columns:24px minmax(0,1fr) auto;gap:10px;align-items:start;width:100%;text-align:left;border:0;border-bottom:1px solid var(--line);background:none;color:inherit;font:inherit;padding:12px 14px}
.ntrow.un{background:color-mix(in srgb,var(--accent) 7%,transparent)}.ntrow b{display:block;font-size:14px}.ntrow em{display:block;font-style:normal;font-size:12.5px;opacity:.75;margin-top:2px}.ntrow small{font-size:11.5px;opacity:.7;white-space:nowrap}
@media (max-width:640px){.rpug{grid-template-columns:repeat(2,minmax(0,1fr))}.lbrd{grid-template-columns:1fr}}
.mkpage>nav.hrnav .h2bell::after{content:"HR alerts";font-size:14px}
@media (max-width:1099px){.mkpage>nav.hrnav .h2bell::after{content:none}}
#hrSet .mkroles{display:flex!important;flex-direction:column;gap:6px}
#hrSet .mkroles .hrrl{display:grid!important;grid-template-columns:minmax(150px,1fr) minmax(180px,240px) minmax(0,2.2fr) auto;align-items:center;gap:8px 12px;margin:0!important;width:auto!important;justify-self:stretch!important;padding:8px 10px;border-radius:10px;background:var(--panel2)}
#hrSet .mkroles .hrrl .mkown{display:flex;flex-direction:column;gap:2px;min-width:0}
#hrSet .mkroles .hrrl .mkro{display:flex;flex-wrap:wrap;gap:4px 10px;font-size:12.5px;min-width:0}#hrSet .mkroles .hrrl .mkro[hidden]{display:none}
#hrSet .mkroles .hrrl .mkro label{display:inline-flex;align-items:center;gap:4px;white-space:nowrap}
@media (max-width:820px){#hrSet .mkroles .hrrl{grid-template-columns:minmax(0,1fr) auto}#hrSet .mkroles .hrrl .hrrsel,#hrSet .mkroles .hrrl .mkro{grid-column:1/-1}}
#hrSet .mkroles{align-items:stretch!important}#hrSet .mkroles .hrrl .mkown{justify-self:start;text-align:left;align-items:flex-start}#hrSet .mkroles .hrrl [data-hrrrm]{grid-column:4;justify-self:end}
@media (max-width:820px){#hrSet .mkroles .hrrl [data-hrrrm]{grid-column:2;grid-row:1}}
@media (min-width:721px){.hero .hctl{margin-left:auto!important}}
/* v1.25 · module menu in the header: icon + title on every tab; it moves to its own row when the screen is narrow */
@media (min-width:721px){
  .hero .tabs button:not([aria-selected="true"]) .tl{display:inline!important}
  .hero .tabs button,.hero .tabs button:not([aria-selected="true"]){padding:0 11px}
}
@media (min-width:721px) and (max-width:1499px){
  .hero{flex-wrap:wrap!important;row-gap:6px}
  .hero .tabs{order:9;flex:1 0 100%;margin:0;padding:6px 0 0;border-top:1px solid var(--line,rgba(127,127,127,.18))}
  .hero .tabs button,.hero .tabs button:not([aria-selected="true"]){min-height:36px;padding:0 10px;font-size:13px;gap:6px}
  .hero .tabs button .ti{width:17px;height:17px}
}
@media (min-width:1500px) and (max-width:1799px){.hero .tabs button,.hero .tabs button:not([aria-selected="true"]){padding:0 9px;font-size:13px;gap:6px}}
/* Settings → 🏢 Head Office team */
.linkbtn{background:none;border:0;padding:0;font:inherit;color:var(--accent);text-decoration:underline;cursor:pointer}
.hobox{display:flex;flex-direction:column;gap:14px}
.hoinfo{margin:0}
.hosum{margin:0}
.hoadd{margin:0}
.hogrp{display:flex;flex-direction:column;gap:8px}
.hogrp>h3{margin:6px 0 0;font-size:15px;display:flex;gap:8px;align-items:baseline}
.horow{border:1px solid var(--line,rgba(127,127,127,.2));border-radius:12px;background:var(--panel);padding:10px 12px}
.horow.open{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent) inset}
.hohead{display:grid;grid-template-columns:auto minmax(150px,240px) minmax(0,1fr) auto;gap:12px;align-items:center}
.hon{display:flex;flex-direction:column;gap:2px;min-width:0}.hon>div{display:flex;gap:6px;align-items:center;flex-wrap:wrap}
.hochips{display:flex;flex-wrap:wrap;gap:5px;align-items:center;min-width:0}
.acchip.mod{background:var(--panel2);color:var(--text)}
.hoed{margin-top:12px;padding-top:12px;border-top:1px dashed var(--line,rgba(127,127,127,.25))}
.hoedg{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.hoblk{display:flex;flex-direction:column;gap:8px;min-width:0}.hoblk.w2{grid-column:1/-1}
.hoblk h4{margin:0;font-size:12px;text-transform:uppercase;letter-spacing:.06em;color:var(--muted)}
.hoblk .trow{margin:0}
.hoacc{display:flex;flex-direction:column;gap:10px}
.hobase,.hocharge,.hoouts{display:flex;flex-wrap:wrap;gap:6px 14px;align-items:center}
.hobase .lbl,.hocharge .lbl{flex:0 0 100%}
.hogrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px 12px}
.hogrid label{display:flex;flex-direction:column;gap:4px;font-size:12.5px;color:var(--muted);font-weight:600}
.hogrid select{width:100%}
.hoouts{background:var(--panel2);border-radius:8px;padding:8px 10px}.hoouts label{display:inline-flex;gap:5px;align-items:center;font-size:13px}
.hoall{margin:0;font-weight:600;color:var(--accent)}
.hodanger{border:1px solid color-mix(in srgb,#d33 45%,transparent);border-radius:10px;padding:10px 12px;background:color-mix(in srgb,#d33 5%,transparent)}
.hodelf{display:flex;gap:8px;flex-wrap:wrap}.hodelf input{flex:1 1 220px;min-width:0}
/* Directors & Special Access */
.sptiers{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))!important}
.sph{margin:14px 0 6px;font-size:17px;display:flex;gap:8px;align-items:baseline}
.sprow .mhead{flex-wrap:wrap;gap:8px}
.spch{display:flex;flex-wrap:wrap;gap:6px 14px;align-items:center;margin:-4px 0 10px;padding:8px 12px;background:var(--panel2);border-radius:0 0 10px 10px}
.spadd{display:flex;flex-wrap:wrap;gap:8px;align-items:flex-end;margin-top:8px}.spadd label{display:flex;flex-direction:column;gap:4px;font-size:12.5px;color:var(--muted);font-weight:600;min-width:240px}
@media (max-width:900px){.hohead{grid-template-columns:auto minmax(0,1fr) auto}.hochips{grid-column:1/-1;order:5}.hoedg{grid-template-columns:minmax(0,1fr)}.hogrid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:520px){.hogrid{grid-template-columns:minmax(0,1fr)}}
.hoblk .trow.hoprof{display:grid!important;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr) minmax(0,1.2fr);gap:8px}
.hoprof input,.hoprof select{width:100%;min-width:0}.hoprof .tacts{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:8px;align-items:center;justify-content:flex-start}
.sprow .mhead>div{display:flex;flex-direction:column;gap:2px}
@media (max-width:520px){.hoblk .trow.hoprof{grid-template-columns:minmax(0,1fr)}}
@media (min-width:721px) and (max-width:1299px){.hero .tabs{flex-wrap:wrap;overflow:visible;row-gap:2px}}
.homods{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.homod{display:flex;flex-direction:column;gap:6px;padding:9px 11px;border:1px solid var(--line,rgba(127,127,127,.22));border-radius:10px;background:var(--panel);min-width:0}
.homod.on{border-color:color-mix(in srgb,var(--accent) 55%,transparent);background:color-mix(in srgb,var(--accent) 5%,var(--panel))}
.homodl{display:flex;gap:8px;align-items:center;cursor:pointer;font-size:14px}.homod select{width:100%}
@media (max-width:900px){.homods{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:520px){.homods{grid-template-columns:minmax(0,1fr)}}
/* v1.25.3 · brand: dragon logo + OSTRO NIGHTLIFE OS badge with the Add-task effect, on every screen */
.hero>div:first-child{display:flex!important;align-items:center;gap:10px;min-width:0;flex:0 1 auto}
.hero>div:first-child .eyebrow,.hero>div:first-child h1{display:none!important}
.brand1253{border:0;font-family:inherit;line-height:1;position:relative;overflow:hidden;display:inline-flex;align-items:center;min-height:32px;padding:0 14px;border-radius:999px;background:linear-gradient(135deg,#F0555A,#C8202B);color:#fff;font-weight:800;font-size:13px;letter-spacing:.07em;white-space:nowrap;cursor:pointer;user-select:none;animation:addpulse 2.4s ease-in-out infinite}
.brand1253::after{content:"";position:absolute;top:0;left:-60%;width:40%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.5),transparent);transform:skewX(-20deg);animation:addshine 3.2s ease-in-out infinite}
@media (max-width:520px){.brand1253{font-size:10px;letter-spacing:.01em;padding:0 9px;min-height:26px}.hero>div:first-child{gap:6px;flex:0 0 auto}.hero .applogo{width:34px;height:34px}}
@media (max-width:380px){.hero #onWrap{display:none!important}}
body.notgshare .dtg1253{display:none!important}
@media (prefers-reduced-motion:reduce){.brand1253,.brand1253::after{animation:none}}
@media (max-width:520px){.pbanner{display:grid!important;grid-template-columns:auto minmax(0,1fr);gap:10px 12px;align-items:center}.pbanner .av,.pbanner .avimg{width:48px!important;height:48px!important;font-size:17px!important}.pbinfo{min-width:0}.pbinfo h2{font-size:19px;line-height:1.2;margin:0}.pbinfo .hint{display:block}.pbstats{display:flex;flex-wrap:wrap;gap:4px 12px}.pbacts{grid-column:1/-1}.pbacts>*{width:100%;justify-content:center}}
/* v1.26 · HR: cash advance, warnings, exits, office hours */
.advpage{display:flex;flex-direction:column;gap:14px}
.advc,.warnc{border:1px solid var(--line,rgba(127,127,127,.2));border-radius:12px;padding:12px 14px;margin-top:10px;background:var(--panel);display:flex;flex-direction:column;gap:6px}
.warnc.old{opacity:.6}
.advh{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.advamt{font-size:18px;margin-left:auto}
.advr{margin:0;white-space:pre-wrap}
.advm,.advsteps{display:flex;flex-wrap:wrap;gap:4px 14px;font-size:13px;color:var(--muted)}.advsteps{font-size:12px}
.advm .bad,.advsteps .bad,.exsum .bad{color:#C9372C}
.acchip.adv-pend,.acchip.pend{background:#FFF4DB;color:#8A5A00}.acchip.adv-ok{background:#E3F6EC;color:#1B7A4C}.acchip.adv-bad{background:#FDE7E7;color:#B42318}.acchip.adv-done,.acchip.done{background:#E8EEF9;color:#2C4A86}.acchip.adv-off{background:var(--panel2);color:var(--muted)}
.acchip.wv{background:#EEF2FF;color:#3846A8}.acchip.ww{background:#FFF4DB;color:#8A5A00}.acchip.ws{background:#FFE8D6;color:#A04600}.acchip.wf{background:#FDE7E7;color:#B42318}
.advf,.advdec{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px 12px;margin-top:10px;padding:12px;border-radius:10px;background:var(--panel2)}
.advf label,.advdec label{display:flex;flex-direction:column;gap:4px;font-size:12.5px;color:var(--muted);font-weight:600;min-width:0}
.advf .w2,.advdec .w2,.advf .frow,.advdec .frow{grid-column:1/-1}.advf input,.advf select,.advf textarea,.advdec input,.advdec select{width:100%}
.advf .privchk,.advdec .privchk{flex-direction:row;align-items:center}
.advres summary{cursor:pointer;font-size:13px;color:var(--accent);font-weight:600}
.exsum{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.exsum>div{background:var(--panel2);border-radius:10px;padding:8px 12px;display:flex;flex-direction:column;gap:2px}.exsum span{font-size:12px;color:var(--muted)}.exsum b{font-size:17px}.exsum em{font-size:12px;color:var(--muted);font-style:normal}
.excheck{display:flex;flex-wrap:wrap;gap:6px 16px}
.hofdays{display:flex;flex-wrap:wrap;gap:6px 14px;margin-top:6px}
.hoftbl{display:flex;flex-direction:column;gap:6px;margin-top:6px}.hofr{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:6px 16px;align-items:center;padding:7px 10px;border-radius:8px;background:var(--panel2)}.hofr em{display:block;font-style:normal}
@media (max-width:640px){.advf,.advdec{grid-template-columns:minmax(0,1fr)}.hofr{grid-template-columns:minmax(0,1fr)}.exsum{grid-template-columns:minmax(0,1fr)}.advamt{margin-left:0}}
.h2chips{display:flex;flex-wrap:wrap;gap:6px;margin:8px 0 4px}
.h2chip{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--line,rgba(127,127,127,.25));background:var(--panel);color:var(--text);border-radius:999px;padding:5px 12px;font:inherit;font-size:13px;font-weight:600;cursor:pointer}
.h2chip.on{background:var(--accent);border-color:var(--accent);color:var(--accentInk,#fff)}
.hofdays .privchk,.hofr .privchk,.excheck .privchk,.hocharge .privchk{display:inline-flex!important;flex-direction:row!important;align-items:center;gap:6px}
/* v1.27 · HR menu groups, HR alerts on the right, reviews, traffic light, badges */
.hrng{display:block;margin:12px 12px 4px;font-size:11px;font-weight:700;letter-spacing:.07em;text-transform:uppercase;color:var(--muted)}
.hrng:first-child{margin-top:4px}
@media (max-width:1099px){.hrng{display:none}}
nav.hrnav .h2bell{display:none!important}
.hrhero{position:relative}
.hrbell127{position:absolute;top:14px;right:14px;display:inline-flex;align-items:center;gap:6px;min-height:34px;padding:0 12px;border-radius:999px;font-weight:600}
.hrbell127 .hrbad{position:static;margin-left:2px}
@media (max-width:640px){.hrbell127 span{display:none}.hrbell127{top:10px;right:10px;padding:0 10px}}
.hbadges{display:inline-flex;flex-wrap:wrap;gap:4px;margin-left:6px;vertical-align:middle}
.hbadge{display:inline-flex;align-items:center;gap:2px;font-size:11px;font-weight:800;line-height:1;padding:3px 7px;border-radius:999px;letter-spacing:.02em}
.hbadge.yr{background:linear-gradient(135deg,#F7D774,#D4A017);color:#4A3500}
.hbadge.sss{background:linear-gradient(135deg,#5B8DEF,#3557C9);color:#fff}
.hbadge.tl{background:var(--panel2);color:var(--text)}
.etop-who .hbadges{margin:2px 0 0}
.revc{padding:0;overflow:hidden}.revc.open{border-color:var(--accent)}
.revh{display:flex;flex-wrap:wrap;gap:8px 12px;align-items:center;width:100%;padding:12px 14px;background:none;border:0;text-align:left;font:inherit;color:inherit;cursor:pointer}
.revn{display:flex;flex-direction:column;flex:1 1 220px;min-width:0}.revn em{font-style:normal}.revavg{font-size:16px}
.revf{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px 12px;padding:12px 14px;border-top:1px dashed var(--line,rgba(127,127,127,.25));background:var(--panel2)}
.revf label{display:flex;flex-direction:column;gap:4px;font-size:12.5px;color:var(--muted);font-weight:600;min-width:0}.revf .w2,.revf .frow{grid-column:1/-1}.revf textarea,.revf input,.revf select{width:100%}
.revsc{display:flex;flex-direction:column;gap:6px}.revrow{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:6px;padding:6px 10px;background:var(--panel);border-radius:8px}
.revdots{display:flex;gap:4px}.revdots label{display:inline-flex!important;flex-direction:row!important}.revdots input{position:absolute;opacity:0;width:1px;height:1px}
.revdots i{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;border:1px solid var(--line,rgba(127,127,127,.3));font-style:normal;font-weight:700;color:var(--text);cursor:pointer;background:var(--panel)}
.revdots input:checked+i{background:var(--accent);border-color:var(--accent);color:#fff}.revdots input:focus-visible+i{outline:2px solid var(--accent);outline-offset:2px}
.sc-m{display:inline-flex;align-items:center;gap:6px;margin:0 6px}
.sctbl td b.good{color:#1B7A4C}.sctbl td b.bad{color:#C9372C}.sctbl td em{font-style:normal;color:var(--muted);font-size:12px;display:block}
.sctbl select{min-width:96px}
.scl{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:999px;font-size:14px}.scl.tl-green{background:#E3F6EC}.scl.tl-yellow{background:#FFF4DB}.scl.tl-red{background:#FDE7E7}
@media (max-width:640px){.revf{grid-template-columns:minmax(0,1fr)}.revdots i{width:30px;height:30px}}
/* v1.28 · Hotel front desk, housekeeping, maintenance, go-live */
.fdkpi{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:8px;margin:10px 0}
.fdk{display:flex;flex-direction:column;align-items:flex-start;gap:2px;background:var(--panel);border:1px solid var(--line);border-left:4px solid var(--pmc);border-radius:12px;padding:10px 12px;cursor:pointer;color:var(--text);text-align:left;min-width:0}
.fdk span{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}
.fdk b{font-size:24px;font-weight:800;line-height:1.15}.fdk em{font-style:normal;font-size:11.5px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}
.fdk.warn{border-left-color:var(--pmw)}.fdk.bad{border-left-color:var(--pmb)}.fdk.bad b{color:var(--pmb)}.fdk:hover{background:var(--panel2)}
.fdalerts{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 10px}
.fdal{display:flex;align-items:flex-start;gap:8px;border:1px solid var(--line);border-radius:10px;padding:8px 12px;background:var(--panel);color:var(--text);cursor:pointer;text-align:left;font-size:13px;flex:1 1 260px;max-width:520px}
.fdal i{font-style:normal;font-size:18px;line-height:1.2}.fdal em{display:block;font-style:normal;font-size:11.5px;color:var(--muted)}
.fdal.warn{border-color:color-mix(in srgb,var(--pmw) 55%,var(--line));background:color-mix(in srgb,var(--pmw) 10%,var(--panel))}
.fdal.bad{border-color:color-mix(in srgb,var(--pmb) 55%,var(--line));background:color-mix(in srgb,var(--pmb) 9%,var(--panel))}
.fdqa{margin-bottom:10px}
.fdgrid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);gap:12px;align-items:start}
.fdlist,.fdside{padding:0;overflow:hidden}.fdside{padding:12px;position:sticky;top:70px}
.fdtabs{display:flex;align-items:center;gap:2px;border-bottom:1px solid var(--line);padding:0 8px;overflow-x:auto}
.fdtabs button[role=tab]{background:none;border:0;border-bottom:3px solid transparent;padding:12px 12px 9px;font-weight:600;font-size:14px;color:var(--muted);cursor:pointer;white-space:nowrap;display:flex;gap:6px;align-items:center}
.fdtabs button[role=tab] span{background:var(--panel2);border-radius:99px;padding:1px 8px;font-size:12px;color:var(--text)}
.fdtabs button[aria-selected=true]{color:var(--text);border-bottom-color:var(--pm)}.fdtabs button[aria-selected=true] span{background:var(--pm);color:#fff}
.fdtabs .fdauto{margin-left:auto}.fdtabs button.fd-m{display:none}
.fdrows{padding:4px 0}.fdsub{margin:10px 14px 2px;font-size:12px;text-transform:uppercase;letter-spacing:.05em;color:var(--muted)}.fdsub.bad{color:var(--pmb)}
.fdrow{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:10px;align-items:center;padding:10px 14px;border-bottom:1px solid var(--line)}
.fdrow:last-child{border-bottom:0}.fdrow.late{background:color-mix(in srgb,var(--pmb) 6%,transparent)}
.fdmain{display:flex;gap:12px;align-items:center;background:none;border:0;padding:0;text-align:left;cursor:pointer;color:var(--text);min-width:0}
.fdroom{flex:none;width:52px;height:44px;border-radius:10px;background:var(--panel2);display:grid;place-items:center;font-weight:800;font-size:16px;border:1px solid var(--line)}.fdroom.none{color:var(--muted);border-style:dashed}
.fdwho{display:flex;flex-direction:column;gap:2px;min-width:0}.fdwho b{font-size:14.5px}.fdwho em{font-style:normal;font-size:12px;color:var(--muted);overflow:hidden;text-overflow:ellipsis}
.fdchips{display:flex;flex-wrap:wrap;gap:4px;justify-content:flex-end;max-width:260px}.fdacts{display:flex;gap:6px;justify-content:flex-end}
.fdempty{padding:26px 14px;text-align:center;color:var(--muted)}
.fdbh{margin-bottom:6px}.fdbf{margin-bottom:8px}
.fdboard{display:grid;grid-template-columns:repeat(auto-fill,minmax(92px,1fr));gap:6px}
.fdt{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:1px;border-radius:10px;padding:7px 8px 6px;border:1px solid var(--line);border-top:4px solid var(--muted);background:var(--panel2);cursor:pointer;color:var(--text);text-align:left;min-height:74px;min-width:0}
.fdtn{font-size:18px;font-weight:800;line-height:1.1}.fdts{font-size:10.5px;font-weight:700;text-transform:uppercase;letter-spacing:.03em}
.fdtg{font-size:11px;color:var(--muted);max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.fdti{position:absolute;top:5px;right:6px;display:flex;gap:3px;align-items:center;font-size:12px}
.hkd{display:inline-block;width:9px;height:9px;border-radius:50%;background:var(--pmok)}.hkd.h-dirty{background:var(--pmb)}.hkd.h-cleaning{background:var(--pmw)}.hkd.h-inspected{background:var(--pmc)}
.fdt.t-vc,.lg.t-vc{border-top-color:var(--pmok)}.fdt.t-vc .fdts{color:var(--pmok)}
.fdt.t-vd,.lg.t-vd{border-top-color:var(--pmb)}.fdt.t-vd .fdts{color:var(--pmb)}
.fdt.t-oc,.lg.t-oc{border-top-color:var(--pmc)}.fdt.t-oc{background:color-mix(in srgb,var(--pmc) 9%,var(--panel2))}.fdt.t-oc .fdts{color:var(--pmc)}
.fdt.t-rs,.lg.t-rs{border-top-color:var(--pm)}.fdt.t-rs .fdts{color:var(--pm)}
.fdt.t-oo,.lg.t-oo,.fdt.t-os{border-top-color:#555}.fdt.t-oo,.fdt.t-os{background:repeating-linear-gradient(135deg,var(--panel2),var(--panel2) 6px,color-mix(in srgb,var(--muted) 14%,var(--panel2)) 6px,color-mix(in srgb,var(--muted) 14%,var(--panel2)) 12px)}
.fdt.mt{box-shadow:inset 0 0 0 2px color-mix(in srgb,var(--pmw) 70%,transparent)}
.fdleg{display:flex;flex-wrap:wrap;gap:4px 12px;margin-top:10px;font-size:11.5px;color:var(--muted)}.fdleg span{display:flex;align-items:center;gap:5px}
.lg{display:inline-block;width:14px;height:10px;border-radius:3px;border:1px solid var(--line);border-top-width:4px;background:var(--panel2)}
@media (max-width:1099px){.fdkpi{grid-template-columns:repeat(4,minmax(0,1fr))}.fdgrid{grid-template-columns:1fr}.fdtabs button.fd-m{display:flex}.fdside{position:static;display:none}.fdgrid.fd-t-rooms .fdside{display:block}}
@media (max-width:640px){.fdkpi{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;margin-left:-4px;margin-right:-4px;padding:0 4px 2px}.fdk{flex:0 0 132px;scroll-snap-align:start}
  .fdrow{grid-template-columns:1fr;gap:6px;padding:12px}.fdchips{justify-content:flex-start;max-width:none}.fdacts{justify-content:stretch}.fdacts button{flex:1;min-height:40px}
  .fdal{max-width:none}.fdboard{grid-template-columns:repeat(auto-fill,minmax(76px,1fr))}.fdtn{font-size:16px}.fdtabs button[role=tab]{padding:12px 9px 9px}.fdtabs .fdauto{display:none}}
/* housekeeping */
.hkprog{display:flex;flex-direction:column;gap:6px;background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:12px 14px;margin:6px 0 10px}
.hkprog div{display:flex;justify-content:space-between;gap:8px;flex-wrap:wrap}.hkprog span{color:var(--muted);font-size:13px}
.hkprog i{display:block;height:8px;border-radius:99px;background:linear-gradient(90deg,var(--pmok) var(--p),var(--panel2) var(--p))}.hkprog0{margin:6px 0 10px}
.hkg{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:10px;margin:10px 0}
.hkc{display:flex;flex-direction:column;gap:8px;background:var(--panel);border:1px solid var(--line);border-left:5px solid var(--muted);border-radius:14px;padding:12px}
.hkc.k-departure,.hkc.k-checkedout{border-left-color:var(--pmb)}.hkc.k-stayover{border-left-color:var(--pmc)}.hkc.k-arrival{border-left-color:var(--pm)}.hkc.k-vacant{border-left-color:var(--pmok)}
.hkc.rush{box-shadow:0 0 0 2px color-mix(in srgb,var(--pmb) 45%,transparent)}.hkc.mine{background:color-mix(in srgb,var(--pm) 5%,var(--panel))}.hkc.ooo{opacity:.7}
.hkc-h{display:flex;gap:10px;align-items:center}.hkc-no{font-size:30px;font-weight:800;min-width:56px;line-height:1}
.hkc-t{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.hkc-k{font-size:12px;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.hkc-t em{font-style:normal;font-size:12.5px;color:var(--muted)}
.hkc-note{margin:0;font-size:13px;background:var(--panel2);border-radius:8px;padding:6px 8px}
.hkc-mt{display:block;width:100%;text-align:left;font-size:13px;border:1px solid color-mix(in srgb,var(--pmw) 55%,var(--line));background:color-mix(in srgb,var(--pmw) 10%,var(--panel));border-radius:8px;padding:6px 8px;color:var(--text);cursor:pointer}.hkc-mt em{font-style:normal;color:var(--muted);font-size:11.5px}
.hkc-big{width:100%;min-height:52px;border:0;border-radius:12px;font-size:17px;font-weight:700;color:#fff;cursor:pointer;background:var(--pmw)}
.hkc-big.s-cleaning{background:var(--pmw)}.hkc-big.s-clean{background:var(--pmok)}.hkc-big.s-inspected{background:var(--pmc)}.hkc-big:disabled{opacity:.6}
.hkc-done{display:block;text-align:center;padding:12px;border-radius:12px;background:var(--panel2);font-weight:600;color:var(--pmok)}
.hkc-f{display:flex;flex-wrap:wrap;gap:6px;align-items:center}.hkc-who{font-size:13px;color:var(--muted);margin-right:auto}.hkc-who.me{color:var(--pm);font-weight:700}
.hkc-more summary{cursor:pointer;font-size:12.5px;color:var(--muted)}.hkc-more[open]{display:flex;flex-direction:column;gap:8px}.hkc-more .pmhkf{display:flex;gap:6px;flex-wrap:wrap}
@media (max-width:640px){.hkg{grid-template-columns:1fr}.hkc-f .ghost{flex:1;min-height:40px}}
/* maintenance mode */
.mtopts{display:flex;flex-direction:column;gap:6px}
.mtopt{display:flex;gap:10px;align-items:flex-start;border:1px solid var(--line);border-radius:10px;padding:10px;cursor:pointer}
.mtopt input{margin-top:3px}.mtopt span{display:flex;flex-direction:column;gap:2px}.mtopt em{font-style:normal;font-size:12.5px;color:var(--muted)}
.mtopt:has(input:checked){border-color:var(--pm);background:color-mix(in srgb,var(--pm) 8%,transparent)}
.mtopt.ooo:has(input:checked){border-color:var(--pmb);background:color-mix(in srgb,var(--pmb) 8%,transparent)}
.mtdates{margin-top:8px}.mtmode:not([data-mode=ooo]) .mtdates{display:none}.mthr{margin-top:6px}
/* hotel roles */
.pmrtag{display:inline-block;margin-left:6px;font-size:11px;font-weight:600;padding:1px 7px;border-radius:99px;background:var(--panel2);color:var(--muted)}
.pmrtag.t-hotel{background:color-mix(in srgb,var(--pmok) 15%,var(--panel2));color:var(--pmok)}.pmrtag.t-ho{background:color-mix(in srgb,var(--pmc) 15%,var(--panel2));color:var(--pmc)}
.pmrtag.t-unlinked{background:color-mix(in srgb,var(--pmw) 15%,var(--panel2));color:var(--pmw)}.pmrtag.t-other,.pmrtag.t-nologin{background:color-mix(in srgb,var(--pmb) 14%,var(--panel2));color:var(--pmb)}.pmrnl{margin:8px 0}
.pmaudmore{margin-top:8px}
/* go-live checklist */
.glc{padding:0;margin-bottom:12px;border-left:5px solid var(--pmw)}.glc.ok{border-left-color:var(--pmok)}.glc.bad{border-left-color:var(--pmb)}
.glh{display:flex;align-items:center;gap:12px;width:100%;background:none;border:0;padding:12px 14px;cursor:pointer;color:var(--text);text-align:left}
.glh span:nth-child(2){flex:1;display:flex;flex-direction:column}.glh em{font-style:normal;font-size:12.5px;color:var(--muted)}.glh i{font-style:normal;color:var(--muted)}
.glring{flex:none;width:52px;height:52px;border-radius:50%;display:grid;place-items:center;background:conic-gradient(var(--pmok) var(--p),var(--panel2) 0)}
.glring b{width:40px;height:40px;border-radius:50%;background:var(--panel);display:grid;place-items:center;font-size:12px}
.gll{list-style:none;margin:0;padding:0 14px 10px;display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:6px}
.gll li{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:10px;background:var(--panel2)}
.gll li>i{font-style:normal;flex:none;width:24px;height:24px;border-radius:50%;display:grid;place-items:center;font-weight:800;color:#fff;background:var(--pmok);font-size:13px}
.gll li.s1>i{background:var(--pmw)}.gll li.s0>i{background:var(--pmb)}
.gll li>span{flex:1;display:flex;flex-direction:column;min-width:0}.gll em{font-style:normal;font-size:12px;color:var(--muted)}
@media (max-width:640px){.gll{grid-template-columns:1fr}}
.gll li b{color:var(--text)}
/* v1.29.1 · Hotel roles list */
#pms-roles .mkroles.pmroles{display:flex;flex-direction:column;gap:0;border:1px solid var(--line);border-radius:12px;overflow:hidden;background:var(--panel)}
#pms-roles .pmrg{background:var(--panel2);padding:7px 14px;font-size:11.5px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--muted)}
#pms-roles .pmrl{display:grid;grid-template-columns:minmax(0,1fr) 210px minmax(0,230px);gap:12px;align-items:center;padding:10px 14px;border-top:1px solid var(--line);background:none;border-radius:0;margin:0}
#pms-roles .pmrg+.pmrl{border-top:0}
.pmrn{display:flex;flex-direction:column;min-width:0}.pmrn b{font-size:14.5px}.pmrn em{font-style:normal;font-size:12px;color:var(--muted)}
#pms-roles .pmrl select{width:100%;min-height:40px}
.pmrs{font-size:12.5px}.pmrok{color:var(--pmok);font-weight:600}.pmrbad{color:var(--pmb);font-weight:600}
.pmrwarn{display:flex;flex-wrap:wrap;gap:6px 12px;align-items:center;padding:12px 14px;background:color-mix(in srgb,var(--pmw) 12%,var(--panel));border-bottom:1px solid var(--line);font-size:13.5px}.pmrwarn b{flex-basis:100%}
@media (max-width:760px){#pms-roles .pmrl{grid-template-columns:1fr;gap:6px}.pmrs:empty{display:none}}
#pms-roles .pmrl>div,#pms-roles .pmrs,#pms-roles .pmrs span{background:none!important;border:0!important;padding:0!important;box-shadow:none!important}
.hq.hq-hotel{border:2px solid var(--pm,#A0701A);background:color-mix(in srgb,var(--pm,#A0701A) 8%,var(--panel))}.hq.hq-hotel .hq-l{font-weight:800}
/* v1.29.2 */
#leaveModal{z-index:2147483000!important}
#okPop{position:fixed;inset:0;z-index:2147482000;display:grid;place-items:center;pointer-events:auto;background:rgba(0,0,0,.18);transition:opacity .35s}#okPop.out{opacity:0}
.okpop{display:flex;flex-direction:column;align-items:center;gap:6px;background:var(--panel,#fff);color:var(--text,#111);border-radius:18px;padding:22px 30px;box-shadow:0 18px 50px rgba(0,0,0,.25);min-width:220px;max-width:86vw;text-align:center;animation:okin .25s ease-out}
.okpop i{font-style:normal;width:52px;height:52px;border-radius:50%;display:grid;place-items:center;background:#1F8F55;color:#fff;font-size:28px;font-weight:800}.okpop b{font-size:17px}.okpop span{font-size:13px;color:var(--muted,#666)}
@keyframes okin{from{transform:scale(.85);opacity:0}to{transform:none;opacity:1}}
.htab.hotel{color:var(--pm,#A0701A)}
/* v1.29.3 */
.okpop .okl{font-size:14px;color:var(--text,#111)}.okpop .okl b{font-size:15px;user-select:all}.okpop .btn{margin-top:8px;min-width:120px}
/* v1.29.4 · housekeeping in Khmer */
body.hkkm .pmpage,body.hkkm .pmmodal{font-family:"Kantumruy Pro","Noto Sans Khmer","Khmer Sangam MN","Khmer MN","Khmer OS Battambang","Khmer OS",var(--font,system-ui),sans-serif}
body.hkkm .pmpage *,body.hkkm .pmmodal *{letter-spacing:0!important;text-transform:none!important}
body.hkkm .hkc-k{font-size:13px;line-height:1.5}body.hkkm .hkc-big{font-size:18px;line-height:1.4}body.hkkm .pmhks{line-height:1.5}
.hklang{display:flex;gap:4px;justify-content:flex-end;margin:4px 0 8px}.hklang button{border:1px solid var(--line);background:var(--panel);color:var(--muted);border-radius:99px;padding:5px 12px;font-size:13px;cursor:pointer}.hklang button[aria-pressed=true]{background:var(--pm);border-color:var(--pm);color:#fff;font-weight:700}
/* v1.29.5 · supervisor home */
.sup-tasks{display:flex;flex-direction:column;gap:0;padding:4px 0}
.sup-task{display:flex;gap:10px;align-items:center;padding:12px 14px;border-bottom:1px solid var(--line)}.sup-task:last-child{border-bottom:0}.sup-task.blk{background:color-mix(in srgb,#D11A24 6%,transparent)}
.sup-tt{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.sup-tt b{font-size:15px}.sup-tt span{font-size:12.5px;color:var(--muted)}.sup-tt em{font-style:normal}.sup-tt p{margin:2px 0 0;font-size:13px;color:var(--muted)}
.sup-od{color:#D11A24;font-weight:700}.sup-dt{color:#B7790B;font-weight:700}.sup-pr{color:#D11A24;font-weight:700}
.hbtn.sm{min-height:40px;padding:0 14px;font-size:14px;width:auto;flex:none}.sup-done{background:#1F8F55!important;color:#fff!important}
.sup-cnt{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;padding:12px 12px 4px}.sup-cnt span{display:flex;flex-direction:column;align-items:center;font-size:11.5px;color:var(--muted);background:var(--panel2);border-radius:10px;padding:8px 2px}.sup-cnt b{font-size:22px;color:var(--text)}
.sup-cnt .c-in b{color:#1F8F55}.sup-cnt .c-late b{color:#B7790B}.sup-cnt .c-abs b{color:#D11A24}
.sup-team .hnote{padding:0 14px}.sup-p{display:flex;gap:10px;align-items:center;padding:9px 14px;border-top:1px solid var(--line)}.sup-pn{flex:1;min-width:0;display:flex;flex-direction:column}.sup-pn b{font-size:14px}.sup-pn em{font-style:normal;font-size:12px;color:var(--muted)}
.hrav.hav.sm{width:34px;height:34px;font-size:12px}.sup-b{font-style:normal;background:#D11A24;color:#fff;border-radius:99px;padding:0 6px;font-size:11px;margin-left:4px}
.hrsupck{display:flex;gap:10px;align-items:flex-start;margin-top:12px;padding:12px;border:1px solid var(--line);border-radius:10px;cursor:pointer}.hrsupck input{width:20px;height:20px;margin-top:2px;flex:none}.hrsupck span{display:flex;flex-direction:column;gap:2px}.hrsupck em{font-style:normal;font-size:12.5px;color:var(--muted)}.hrsupck:has(input:checked){border-color:var(--hr,#0F8B7E);background:color-mix(in srgb,var(--hr,#0F8B7E) 8%,transparent)}
/* v1.30 · POS Core */
.posfeat{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:6px 8px;align-items:center;padding-top:8px;margin-top:6px;border-top:1px dashed var(--line)}
.posfeat .accb span{font-size:12.5px}.posfsvc{display:flex;align-items:center;gap:6px;font-size:12.5px;color:var(--muted)}.posfsvc input{width:84px}
.poscc{display:inline-block;font-size:11px;font-weight:700;padding:2px 7px;border-radius:99px;background:color-mix(in srgb,var(--muted) 14%,transparent);color:var(--ink);margin:2px 6px 0 0;border:0;font-family:inherit}
.poscc.c1{background:#E6F4EA;color:#1E6B34}.poscc.c2{background:#FFF1DB;color:#8A4B00}.poscc.c3{background:#F3E8FF;color:#6B2FA6}.poscc.edit{cursor:pointer;border:1px dashed currentColor}
.posst{font-style:normal;font-size:12px;color:var(--muted)}.posst.rd{color:#0A7D3E;font-weight:700}.posst.hd{color:#8A4B00;font-weight:700}.posst.sv{color:var(--muted)}
.posserve1{margin-left:6px;font-size:12px}
.btn.posfire{background:#E8590C;border-color:#E8590C;color:#fff}
.posready{display:flex;flex-wrap:wrap;gap:8px;align-items:center;padding:10px 12px;margin-bottom:12px;border-radius:12px;background:#E6F7EC;border:1px solid #9ED9B3}
.posready>b{color:#0A7D3E}.posready span{display:inline-flex;gap:6px;align-items:center;background:#fff;border-radius:10px;padding:4px 6px 4px 10px;font-size:13px}.posready em{font-style:normal;font-weight:800}
/* kitchen display v2 */
.poskds2{display:flex;flex-direction:column;gap:12px}
.posk2bar{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.posk2bar .poscats{margin:0}.posk2s{margin-left:auto;color:var(--muted);font-size:13px}.posk2s b{color:var(--ink)}
.posk2held{display:flex;flex-wrap:wrap;gap:8px;align-items:center;padding:8px 12px;border-radius:12px;background:#FFF4E5;border:1px solid #FFD8A8}.posk2held>b{color:#8A4B00}.posk2held span{display:inline-flex;gap:6px;align-items:center;background:#fff;border-radius:10px;padding:3px 4px 3px 10px;font-size:13px}
.posk2main{display:grid;grid-template-columns:1fr 240px;gap:12px;align-items:start}
.posk2grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:12px;align-items:start}
.posk2{background:var(--card,#fff);border-radius:14px;border:2px solid #2F9E44;overflow:hidden;display:flex;flex-direction:column}
.posk2.warn{border-color:#F59F00}.posk2.late{border-color:#E03131;animation:posk2p 1.6s ease-in-out infinite}
@keyframes posk2p{50%{box-shadow:0 0 0 4px rgba(224,49,49,.18)}}
.posk2 header{display:flex;justify-content:space-between;gap:8px;padding:10px 12px;background:#2F9E44;color:#fff}.posk2.warn header{background:#F59F00;color:#1a1a1a}.posk2.late header{background:#E03131}
.posk2 header b{font-size:18px;display:block;line-height:1.15}.posk2 header span{font-size:12px;opacity:.92}.posk2 header time{font-size:22px;font-weight:800;font-variant-numeric:tabular-nums}.posk2f{font-weight:800}
.posk2 ul{list-style:none;margin:0;padding:4px 0}.posk2 li button{display:flex;gap:10px;width:100%;text-align:left;background:none;border:0;padding:8px 12px;font:inherit;color:inherit;cursor:pointer;align-items:flex-start;min-height:44px}
.posk2 li button:hover{background:color-mix(in srgb,var(--muted) 8%,transparent)}.posk2 li b{font-size:17px;min-width:30px}.posk2 li span{font-size:16px;font-weight:600;display:flex;flex-direction:column}
.posk2 li em{font-style:normal;font-size:13px;font-weight:600;color:#C2255C}.posk2 li.part span{font-size:14px;font-weight:500}.posk2 li.part{padding-left:18px}
.posk2 li.dn span,.posk2 li.dn b{text-decoration:line-through;opacity:.45}
.posk2 footer{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:8px 12px;border-top:1px solid var(--line)}.posk2 footer .btn{min-width:96px}
.posk2side{background:var(--card,#fff);border:1px solid var(--line);border-radius:14px;padding:10px 12px;position:sticky;top:8px}.posk2side:empty{display:none}
.posk2side h4{margin:4px 0 6px;font-size:13px;text-transform:uppercase;letter-spacing:.04em;color:var(--muted)}.posk2side ul{list-style:none;margin:0 0 10px;padding:0}.posk2side li{display:flex;gap:8px;padding:4px 0;font-size:14px;border-bottom:1px solid var(--line)}.posk2side li b{min-width:26px}
.posk2rec li{justify-content:space-between;font-size:12.5px}
.posw:fullscreen{overflow:auto;background:var(--bg,#f5f5f5);padding:12px}
@media (max-width:760px){.posk2main{grid-template-columns:1fr}.posk2side{position:static}.posk2grid{grid-template-columns:1fr}}
/* tonight */
.postn{display:flex;flex-direction:column;gap:12px}.tnhead{display:flex;justify-content:space-between;align-items:center;gap:8px}.tnhead h3{margin:0}
.tndemo{padding:10px 12px;border-radius:12px;background:#F3E8FF;border:1px solid #D0B3F5;font-size:13.5px}
.tntiles{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px}
.tntile{background:var(--card,#fff);border:1px solid var(--line);border-radius:14px;padding:12px 14px;display:flex;flex-direction:column;gap:2px}.tntile span{font-size:12px;color:var(--muted);text-transform:uppercase;letter-spacing:.04em}.tntile b{font-size:24px;font-variant-numeric:tabular-nums}.tntile em{font-style:normal;font-size:12.5px;color:var(--muted)}.tntile.bad{border-color:#FFA8A8;background:#FFF5F5}.tntile.bad b{color:#C92A2A}
.tngrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:12px;align-items:start}
.tncard{background:var(--card,#fff);border:1px solid var(--line);border-radius:14px;padding:12px 14px}.tncard h4{margin:6px 0 8px;font-size:13px;text-transform:uppercase;letter-spacing:.04em;color:var(--muted)}.tncard h4:first-child{margin-top:0}
.tnbars{display:flex;align-items:flex-end;gap:4px;height:120px;margin-bottom:10px}.tnbars>div{flex:1;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;height:100%;min-width:0}.tnbars i{display:block;width:100%;background:var(--pos,#5F3DC4);border-radius:4px 4px 0 0;min-height:2px}.tnbars span{font-size:10.5px;color:var(--muted);margin-top:3px}.tnbars.wk{height:80px}.tnbars.wk i{background:#94A3B8}.tnbars.wk>div:last-child i{background:var(--pos,#5F3DC4)}
.tntbl{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}.tntbl button{display:grid;grid-template-columns:1fr auto;gap:2px 8px;width:100%;text-align:left;background:color-mix(in srgb,var(--muted) 6%,transparent);border:0;border-radius:10px;padding:8px 10px;font:inherit;color:inherit;cursor:pointer}
.tntbl b{font-size:15px}.tntbl span{font-size:12.5px;color:var(--muted)}.tntbl em{font-style:normal;font-weight:700;grid-row:1;grid-column:2}.tntbl small{grid-column:1/-1;font-size:11.5px;color:var(--muted)}
.tnmin{grid-column:1/-1;display:block;height:6px;border-radius:9px;background:var(--line);overflow:hidden}.tnmin i{display:block;height:100%;background:#2F9E44}
.tnbad{grid-column:1/-1;display:flex;gap:6px;flex-wrap:wrap}.tnbad i{font-style:normal;font-size:11.5px;padding:1px 7px;border-radius:99px;background:#fff}.tnbad i.rd{background:#E6F7EC;color:#0A7D3E;font-weight:700}.tnbad i.hd{background:#FFF1DB;color:#8A4B00}
.tntop{margin:0 0 8px;padding-left:20px}.tntop li{display:flex;gap:8px;padding:3px 0;font-size:14px}.tntop li span{flex:1}.tntop.lady em{font-style:normal;color:#C2255C;font-weight:700;min-width:64px;text-align:right}
.tnacc .big{font-weight:800}.tnpay{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:8px}.tnpay span{display:flex;flex-direction:column;padding:6px 10px;border-radius:10px;background:color-mix(in srgb,var(--muted) 8%,transparent)}.tnpay em{font-style:normal;font-size:11.5px;color:var(--muted)}
/* printers */
.posprf{border:1px solid var(--line);border-radius:14px;padding:12px;margin:10px 0}.posprf h4{margin:0}
.posprl{display:flex;flex-direction:column;gap:8px;margin:10px 0}.posprc{display:flex;justify-content:space-between;gap:10px;align-items:center;flex-wrap:wrap;padding:10px 12px;border:1px solid var(--line);border-radius:12px;background:var(--card,#fff)}
.posprc>div{display:flex;flex-direction:column;gap:2px}.posprc.off{opacity:.6}.posprr{font-size:12.5px}
.posbridge{border:1px solid var(--line);border-radius:12px;padding:10px 12px}.posbridge.ok{border-color:#9ED9B3;background:#F1FBF4}.posbridge.bad{border-color:#FFA8A8;background:#FFF5F5}.posbridge p{margin:0 0 6px}.posbridge ol{margin:0 0 8px;padding-left:20px}
.posjobs{list-style:none;margin:0;padding:0;display:flex;flex-direction:column}.posjobs li{display:grid;grid-template-columns:1fr auto auto;gap:10px;align-items:center;padding:6px 0;border-bottom:1px solid var(--line);font-size:13px}
.posjobs li span{display:flex;flex-direction:column}.posjobs em{font-style:normal;font-size:12px;color:var(--muted)}.posjobs i{font-style:normal;font-size:12px;font-weight:700}.posjobs .s-done i{color:#0A7D3E}.posjobs .s-failed i{color:#C92A2A}.posjobs .s-new i,.posjobs .s-sent i{color:#8A4B00}.posjobs .s-preview i{color:#6B2FA6}
.posprev{margin-top:12px;border:1px solid var(--line);border-radius:12px;padding:10px;background:#f4f4f4}
.pospaper{background:#fff;color:#111;max-width:340px;margin:8px auto;padding:14px 10px;font:12.5px/1.35 ui-monospace,Menlo,Consolas,monospace;box-shadow:0 2px 10px rgba(0,0,0,.12);white-space:pre-wrap;word-break:break-word}
.pospaper .pv-c{text-align:center}.pospaper .pv-r{text-align:right}.pospaper .b{font-weight:800}.pospaper .g{font-size:17px;line-height:1.3}.pospaper .pv-cut{color:#999;font-size:11px}
.posdemo{margin-top:18px;padding:12px;border:1px dashed #B197FC;border-radius:12px;background:#F8F5FF}.posdemo h4{margin-top:0}
@media (prefers-color-scheme:dark){.posready,.posk2held,.tndemo,.posbridge.ok,.posbridge.bad,.posdemo{color:#111}.poscc{color:#111}}
@media (max-width:1700px){.postop .postabs{flex-basis:100%;order:5}}
.poscc,.posprc .acchip,.posfeat .acchip{width:fit-content;align-self:flex-start;flex:none}
.pospaper{max-width:100%;width:fit-content;min-width:32ch;overflow-x:auto;white-space:pre;font-size:12px}

/* v1.31 · Nightlife Card back office */
.nlc{max-width:1280px;margin:0 auto;padding:0 0 40px}
.nlch{display:flex;align-items:center;gap:14px;margin:4px 0 12px}.nlch h2{margin:0;font-size:22px}.nlch .hint{margin:2px 0 0}.nlcact{margin-left:auto;display:flex;gap:8px;flex-wrap:wrap}
.c-noir{--c1:#1B1F29;--c2:#0B0D12;--cx:#C9A24A}.c-gold{--c1:#D9B45A;--c2:#8E6A1F;--cx:#FFF3CF}.c-emerald{--c1:#1E6B57;--c2:#0B3328;--cx:#E9D18F}.c-ruby{--c1:#8E1D2C;--c2:#3D0710;--cx:#F2C46B}.c-royal{--c1:#2A2F7A;--c2:#0F1240;--cx:#E9C774}
.nlcbrand{width:48px;height:48px;border-radius:14px;display:grid;place-items:center;background:linear-gradient(135deg,var(--c1),var(--c2));color:var(--cx);font-size:24px;box-shadow:0 4px 12px rgba(0,0,0,.18);flex:none}
.nlcnav{display:flex;gap:6px;overflow-x:auto;scrollbar-width:none;border-bottom:1px solid var(--line);margin-bottom:14px}
.nlcnav button{background:none;border:0;border-bottom:3px solid transparent;padding:10px 12px;font:inherit;font-weight:600;color:var(--muted);white-space:nowrap;cursor:pointer}.nlcnav button[aria-current]{color:var(--ink);border-bottom-color:#C9A24A}
.nlcdemo{background:#F3E8FF;border:1px solid #D0B3F5;border-radius:12px;padding:9px 12px;font-size:13.5px;color:#3b2063}
.nlctiles{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:10px;margin-bottom:12px}
.nlct{display:flex;flex-direction:column;gap:2px;text-align:left;background:var(--card,#fff);border:1px solid var(--line);border-radius:14px;padding:12px 14px;font:inherit;color:inherit;cursor:pointer}.nlct[disabled]{cursor:default;opacity:1}
.nlct span{font-size:12px;text-transform:uppercase;letter-spacing:.04em;color:var(--muted)}.nlct b{font-size:24px;font-variant-numeric:tabular-nums}.nlct em{font-style:normal;font-size:12.5px;color:var(--muted)}.nlct.good b{color:#0E7A4B}
.nlcgrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:12px;align-items:start}.nlcgrid.two{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));margin:12px 0}
.nlcc{background:var(--card,#fff);border:1px solid var(--line);border-radius:14px;padding:12px 14px}.nlcc h4,.nlcmod h4{margin:4px 0 10px;font-size:13px;text-transform:uppercase;letter-spacing:.04em;color:var(--muted);display:flex;gap:10px;align-items:center}
.nlcbars{display:flex;align-items:flex-end;gap:4px;height:120px}.nlcbars>div{flex:1;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;height:100%;min-width:0}.nlcbars i{display:block;width:100%;min-height:2px;border-radius:4px 4px 0 0;background:linear-gradient(#E7CB7E,#C9A24A)}.nlcbars span{font-size:9.5px;color:var(--muted);margin-top:3px;white-space:nowrap}
.nlcchip{display:inline-block;padding:2px 9px;border-radius:99px;font-size:11.5px;font-weight:700;background:#E9E6DE;color:#3d4250;white-space:nowrap}.nlcchip.t1{background:linear-gradient(135deg,#F3DE9C,#C9A24A);color:#3b2c06}.nlcchip.t2{background:#111;color:#F1D58B}.nlcchip.t3{background:#5B2A86;color:#fff}
.nlctier{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}.nlctier li{display:grid;grid-template-columns:90px 1fr 50px;gap:8px;align-items:center}.nlctier li>i{display:block;height:10px;border-radius:9px;background:var(--line);overflow:hidden}.nlctier li>i>i{display:block;height:100%;background:#C9A24A}.nlctier b{text-align:right}
.nlctbl{width:100%;border-collapse:collapse;font-size:13.5px}.nlctbl th{text-align:left;font-size:12px;color:var(--muted);font-weight:600;padding:4px 0}.nlctbl td{padding:5px 0;border-top:1px solid var(--line)}.nlcpct{display:inline-block;width:70px;height:7px;border-radius:9px;background:var(--line);overflow:hidden;margin-right:6px;vertical-align:middle}.nlcpct i{display:block;height:100%;background:#0E7A4B}
.nlctop{margin:0;padding-left:20px}.nlctop button{display:flex;gap:8px;align-items:center;flex-wrap:wrap;width:100%;text-align:left;background:none;border:0;padding:5px 0;font:inherit;color:inherit;cursor:pointer}.nlctop em{font-style:normal;font-size:12.5px;color:var(--muted);margin-left:auto}
.nlcrw{list-style:none;margin:0;padding:0}.nlcrw li{display:flex;gap:8px;align-items:baseline;padding:5px 0;border-bottom:1px solid var(--line);font-size:14px}.nlcrw li span{flex:1}.nlcrw em{font-style:normal;font-size:12px;color:var(--muted)}
.nlcprog{list-style:none;margin:0 0 10px;padding:0;display:flex;flex-direction:column;gap:6px;font-size:14px}.nlcprog .good{color:#0E7A4B}
.nlcf{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:4px}.nlcf input[type=search]{flex:1;min-width:220px}.nlcmt tr[data-nlcm]{cursor:pointer}.nlcmt tr[data-nlcm]:hover td{background:color-mix(in srgb,#C9A24A 7%,transparent)}.nlcmt td .hint{display:block;font-size:12px}.nlcmt tr.off td{opacity:.55}
.nlcpg{justify-content:center;margin-top:10px}
.nlcmod.wide .mcard{max-width:880px}.nlcmh{display:flex;gap:16px;flex-wrap:wrap;align-items:flex-start}
.nlcmini{position:relative;width:230px;aspect-ratio:1.586;border-radius:14px;background:linear-gradient(135deg,var(--c1),var(--c2));color:var(--cx);padding:12px 14px;display:flex;flex-direction:column;justify-content:flex-end;box-shadow:0 8px 20px rgba(0,0,0,.2);flex:none}
.nlcmini span{position:absolute;top:10px;right:12px;font-weight:800}.nlcmini b{color:#fff}.nlcmini em{font:600 12px ui-monospace,Menlo,monospace;letter-spacing:.1em;font-style:normal}
.nlcmi{flex:1;min-width:220px}.nlcmi p{margin:4px 0}.nlcnote{background:#FFF7E3;border-radius:8px;padding:6px 8px;font-size:13.5px}
.nlcms{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;margin:14px 0}.nlcms div{background:color-mix(in srgb,var(--muted) 8%,transparent);border-radius:10px;padding:8px 10px}.nlcms b{display:block;font-size:16px}.nlcms span{font-size:11.5px;color:var(--muted)}
.nlcbtns{margin:4px 0 10px}.nlcsub{border:1px solid var(--line);border-radius:12px;padding:12px;margin:6px 0 12px}
.nlcpick{background:#F7F0DC;border:1px solid #EAD9A6;border-radius:10px;padding:8px 10px;font-size:13.5px}
.nlcrl,.nlcol,.nlclv{display:flex;flex-direction:column;gap:10px;margin:10px 0}
.nlcr{display:grid;grid-template-columns:56px 2fr 90px 110px auto 30px;gap:8px;align-items:end;background:var(--card,#fff);border:1px solid var(--line);border-radius:12px;padding:10px}.nlcr.off{opacity:.6}
.nlcr label{display:flex;flex-direction:column;gap:3px;font-size:12px;color:var(--muted)}.nlcr label.w2{grid-column:2/5}.nlcr .inline{flex-direction:row;align-items:center;gap:6px}
.nlcr .nr-e,.nlco .no-e{font-size:24px;text-align:center;height:46px;width:56px;padding:0}
.nlco{background:var(--card,#fff);border:1px solid var(--line);border-radius:12px;padding:10px 12px}.nlco.off{background:color-mix(in srgb,var(--muted) 5%,var(--card,#fff))}
.nlco-h{display:flex;gap:8px;align-items:center;margin-bottom:6px}.nlco-h .no-n{flex:1;font-weight:700;font-size:16px}.nlco .accmods{margin-top:6px}
.nlcl{display:grid;grid-template-columns:30px 1.2fr 1fr 1fr 2fr 30px;gap:8px;align-items:end}.nlcl label{display:flex;flex-direction:column;gap:3px;font-size:12px;color:var(--muted)}.nlcl .nlcchip{align-self:center;text-align:center}
.nlcrules{display:grid;grid-template-columns:repeat(auto-fit,minmax(380px,1fr));gap:12px}
.nlccol{display:flex;gap:8px;flex-wrap:wrap;margin-top:8px}.nlcsw input{position:absolute;opacity:0}.nlcsw span{display:flex;flex-direction:column;align-items:center;justify-content:center;width:86px;height:56px;border-radius:10px;background:linear-gradient(135deg,var(--c1),var(--c2));color:var(--cx);font-size:12px;font-weight:700;cursor:pointer;border:3px solid transparent}.nlcsw input:checked+span{border-color:#2F80ED;box-shadow:0 0 0 2px #fff inset}.nlcsw b{font-size:18px}
.nlcsave{position:sticky;bottom:0;display:flex;gap:12px;align-items:center;background:var(--bg,#f5f5f5);padding:12px 0;margin-top:12px;border-top:1px solid var(--line)}
.nlcappq{display:flex;gap:14px;align-items:flex-start}.nlcappq svg{flex:none;border-radius:8px}
.nlcposts{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}.nlcposts button{display:flex;gap:10px;align-items:center;width:100%;text-align:left;background:none;border:1px solid var(--line);border-radius:10px;padding:8px;font:inherit;color:inherit;cursor:pointer}.nlcposts img,.nlcposts i{width:56px;height:42px;object-fit:cover;border-radius:6px;font-style:normal;font-size:24px;display:grid;place-items:center;background:color-mix(in srgb,var(--muted) 8%,transparent);flex:none}.nlcposts .hint{display:block}
.nlcpimg{max-height:140px;border-radius:8px;object-fit:cover}
.pospick{display:flex;gap:8px;align-items:center;flex-wrap:wrap;background:#F7F0DC;border:1px solid #EAD9A6;border-radius:10px;padding:8px 10px;margin:6px 0;font-size:13.5px;color:#3b2c06}.pospick span{flex:1}
.nlcmoved{max-width:560px;margin:20px auto;text-align:center;background:var(--card,#fff);border:1px solid var(--line);border-radius:16px;padding:24px}.nlcmoved b{font-size:18px}
@media (max-width:760px){.nlcr{grid-template-columns:56px 1fr 1fr}.nlcr label.w2{grid-column:1/-1}.nlcl{grid-template-columns:30px 1fr 1fr}.nlcl label:nth-of-type(4){grid-column:1/-1}.nlcms{grid-template-columns:repeat(3,1fr)}.nlcrules{grid-template-columns:1fr}.nlcmini{width:100%}}
body.nlcmode .stats,body.nlcmode .toolbar,body.nlcmode #legend,body.nlcmode #addBtn,body.nlcmode #recPanel{display:none!important}
.nlcc,.nlcgrid>*,.nlctiles>*{min-width:0}.nlcc{overflow-x:auto}
@media (max-width:760px){.nlcgrid,.nlcgrid.two{grid-template-columns:1fr}.nlctiles{grid-template-columns:1fr 1fr}.nlct b{font-size:20px}.nlcbars span{display:none}.nlch{flex-wrap:wrap}.nlcact{margin-left:0}.nlcappq{flex-direction:column}}
.nlctbl{min-width:0!important;table-layout:fixed}.nlctbl th:first-child{width:45%}
.nlcof{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.nlcof label{display:flex;flex-direction:column;gap:3px;font-size:12px;color:var(--muted)}.nlcof .w2{grid-column:span 2}
@media (max-width:760px){.nlcof{grid-template-columns:1fr 1fr}}
.nlcl{grid-template-columns:30px repeat(3,minmax(0,1fr)) 30px;padding-bottom:8px;border-bottom:1px dashed var(--line)}.nlcl label.w2{grid-column:2/5}.nlcl input,.nlcr input,.nlcof input,.nlcof select{min-width:0;width:100%}.nlcl .cib{grid-column:5;grid-row:1}
.nlcr{grid-template-columns:56px minmax(0,2fr) minmax(0,90px) minmax(0,110px) auto 30px}

/* v1.32 · offline till + cash control */
.posoff{grid-column:1/-1;width:100%;padding:8px 14px;font-size:13.5px;display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.posoff.off{background:#2B2D33;color:#fff}.posoff.sync{background:#FFF4D6;color:#6b4e00}.posoff.bad{background:#FDECEC;color:#8a1c1c}
.poscm{margin-top:18px;border-top:1px solid var(--line);padding-top:12px}.poscm h4{margin:0 0 8px}
.poscml{list-style:none;margin:10px 0 0;padding:0}.poscml li{display:grid;grid-template-columns:1fr auto;gap:2px 10px;padding:7px 0;border-bottom:1px solid var(--line);font-size:14px}.poscml em{grid-column:1/-1;font-style:normal;font-size:12.5px;color:var(--muted)}
.posexc{display:flex;flex-direction:column;gap:12px}.posexc h4{margin:6px 0 0}
.posexk{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:8px}.posexk div{background:var(--card,#fff);border:1px solid var(--line);border-radius:12px;padding:10px 12px;display:flex;flex-direction:column}.posexk span{font-size:12.5px;color:var(--muted)}.posexk b{font-size:22px}.posexk em{font-style:normal;font-size:12.5px}

/* v1.33 · KHQR */
.poskqb{margin-left:4px}
.poskqpaid{display:flex;gap:10px;align-items:center;flex-wrap:wrap;background:#E6F7EC;border:1px solid #9ED9B3;color:#0A5B2E;border-radius:10px;padding:8px 12px;margin-bottom:10px}.poskqpaid .btn{margin-left:auto}
.poskqm .mcard{max-width:460px}
.poskq{text-align:center}.poskq-amt{font-size:34px;font-weight:800;letter-spacing:-.02em}
.poskq-qr{display:inline-block;margin:12px auto;padding:12px;background:#fff;border-radius:16px;border:3px solid #E1232E;box-shadow:0 6px 20px rgba(0,0,0,.08)}.poskq-qr svg{display:block;width:min(300px,70vw);height:auto}
.poskq-ok,.poskq-x{width:240px;height:240px;display:grid;place-items:center;font-size:110px;color:#0E7A4B}.poskq-x{color:#999;font-size:80px}
.poskq.paid .poskq-qr,.poskq.used .poskq-qr{border-color:#0E7A4B}.poskq-st{font-size:15px}
.poskqbadge{display:block;font-style:normal;font-size:11px;font-weight:800;color:#0A7D3E;background:#E6F7EC;border-radius:99px;padding:1px 6px;margin:2px auto 0;width:fit-content}
.poskqs{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:12px}.poskqs section{background:var(--card,#fff);border:1px solid var(--line);border-radius:14px;padding:12px 14px}.poskqs section.ok{border-color:#9ED9B3}.poskqs section.bad h4{color:#B42318}.poskqs h4{margin:0 0 8px}

/* v1.34 · guest requests on the POS floor, hostess confirmations, staff app "My drinks" */
.posgq{margin:0 0 14px;border:2px solid #F5A524;border-radius:14px;background:color-mix(in srgb,#F5A524 8%,var(--card,#fff));padding:10px 12px}
.posgq h3{margin:0 0 8px;font-size:15px}.posgq ul{list-style:none;margin:0;padding:0;display:grid;gap:8px;grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}
.posgq li{background:var(--card,#fff);border:1px solid var(--line,#ddd);border-radius:12px;padding:10px;display:flex;flex-direction:column;gap:4px}
.posgq li ul{display:block;padding-left:0}.posgq li ul li{border:0;padding:1px 0;display:block;background:none}.posgq li em{font-style:normal;color:var(--mut,#666);font-size:13px}.posgq li p{margin:2px 0;font-size:14px}
.posgq-h{display:flex;justify-content:space-between;gap:8px;align-items:baseline}.posgq-h b{font-size:17px}.posgq-h span{color:var(--mut,#666);font-size:13px}
.posgq-a{display:flex;gap:6px;flex-wrap:wrap;margin-top:4px}.posgq-order{border-left:4px solid #F5A524!important}.posgq-paid{border-left:4px solid #0E7A4B!important}.posgq-card{border-left:4px solid #C9A24A!important}
.posgqbadge{display:block;font-style:normal;font-size:12px;font-weight:700;background:#F5A524;color:#111;border-radius:999px;padding:1px 8px;margin:2px auto 0;width:max-content;animation:posgqp 1.4s ease-in-out infinite}
@keyframes posgqp{50%{transform:scale(1.08)}}@media (prefers-reduced-motion:reduce){.posgqbadge{animation:none}}
.posok134{font-style:normal;color:#0E7A4B;font-weight:700}.posbad134{font-style:normal;color:#C8313B;font-weight:700}.posgq134{font-style:normal;color:var(--mut,#666)}
.posgqs section{margin-bottom:18px}.posgq-qr{display:flex;gap:14px;align-items:center;flex-wrap:wrap}.posgq-qr svg{width:120px;height:120px;background:#fff;border-radius:8px}
.ehost-card{display:flex;flex-direction:column;align-items:flex-start;gap:2px;width:100%;text-align:left;border:0;cursor:pointer;position:relative}.ehost-big{font-size:18px}.ehost-big b{font-size:26px}
.ehost-pend{position:absolute;top:12px;right:12px;font-style:normal;background:#F5A524;color:#111;border-radius:999px;padding:2px 10px;font-weight:700;font-size:13px}
.ehost-tiles{display:grid;grid-template-columns:repeat(auto-fit,minmax(100px,1fr));gap:8px;margin:8px 0 4px}.ehost-tiles div{background:var(--card,#fff);border-radius:14px;padding:10px;display:flex;flex-direction:column;box-shadow:0 1px 2px rgba(0,0,0,.06)}.ehost-tiles b{font-size:22px}.ehost-tiles span{font-size:12px;color:var(--mut,#666)}
.ehl{list-style:none;margin:0;padding:0}.ehd{padding:10px 12px;border-bottom:1px solid var(--line,#eee);display:flex;flex-direction:column;gap:6px}.ehd:last-child{border-bottom:0}
.ehd>div:first-child{display:grid;grid-template-columns:1fr auto;gap:0 8px}.ehd>div:first-child span{grid-column:1;color:var(--mut,#666);font-size:13px}.ehd>div:first-child em{grid-row:1/3;grid-column:2;font-style:normal;font-weight:700;color:#0E7A4B;align-self:center}
.ehd-a,.ehd-dis{display:flex;gap:8px;flex-wrap:wrap}.ehd-a .hbtn{flex:1;min-height:44px}.ehd-dis input{flex:1 1 100%;min-height:42px;border:1px solid var(--line,#ddd);border-radius:10px;padding:0 10px;background:transparent;color:inherit}
.ehd-s{font-weight:700;color:#0E7A4B;font-size:13px}.ehd-s.bad{color:#C8313B}.ehd.bad{background:color-mix(in srgb,#C8313B 6%,transparent)}
.ehb{list-style:none;margin:0;padding:4px 0}.ehb li{display:flex;align-items:center;gap:10px;padding:8px 12px}.ehb li.me{background:color-mix(in srgb,#C9A24A 16%,transparent);border-radius:10px}.ehb-r{width:28px;text-align:center;font-weight:700}.ehb b{flex:1}.ehb em{font-style:normal;font-weight:700}

/* v1.35 · stock, bottle audit, menu engineering */
.posstk,.posme{padding:4px 0}.posstk .posh{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap}.posstk-b{display:flex;gap:8px}
.posstk-f{display:flex;gap:6px;flex-wrap:wrap;align-items:center;margin:8px 0}.posstk-f input[type=search]{flex:1 1 220px;min-height:40px;border:1px solid var(--line,#ddd);border-radius:10px;padding:0 12px;background:var(--card,#fff);color:inherit}
.posstk-f button{border:1px solid var(--line,#ddd);background:var(--card,#fff);border-radius:999px;padding:6px 14px;font-weight:600;min-height:38px;color:inherit}.posstk-f button.on{background:var(--ink,#1d1f24);color:var(--card,#fff)}
.posstk tr.low td{background:color-mix(in srgb,#F5A524 10%,transparent)}.posstk tr.out td{background:color-mix(in srgb,#C8313B 10%,transparent)}
.posstk-t{font-style:normal;font-size:11px;font-weight:800;background:#F5A524;color:#111;border-radius:6px;padding:1px 6px}.posstk-t.out{background:#C8313B;color:#fff}
.posaud-l{list-style:none;margin:0;padding:0;display:grid;gap:6px}.posaud-l li{display:flex;gap:10px;align-items:flex-end;flex-wrap:wrap;background:var(--card,#fff);border:1px solid var(--line,#ddd);border-radius:12px;padding:8px 12px}
.posaud-l li>div{flex:1 1 200px;display:flex;flex-direction:column}.posaud-l label{display:flex;flex-direction:column;font-size:12px;color:var(--mut,#666);gap:2px}.posaud-l input,.posaud-l select{width:96px;min-height:42px;font-size:17px;border:1px solid var(--line,#ccc);border-radius:10px;padding:0 8px;background:transparent;color:var(--ink,#111)}
.posaudres .posexk>div.bad b{color:#C8313B}.posaudres tr.low td{background:color-mix(in srgb,#C8313B 7%,transparent)}
.posme-m{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:12px 0;position:relative;padding-top:18px}.posme-ax{position:absolute;top:0;left:0;right:0;text-align:center;font-size:12px;color:var(--mut,#666)}
.posme-q{text-align:left;border:2px solid transparent;border-radius:14px;padding:12px;display:flex;flex-direction:column;gap:2px;min-height:96px;cursor:pointer;color:var(--ink,#111)}.posme-q span{font-size:12px;color:var(--mut,#555)}.posme-q em{font-style:normal;font-size:13px;margin-top:4px}
.posme-q.star{background:#E6F4EC}.posme-q.plowhorse{background:#FFF4DA}.posme-q.puzzle{background:#E8EEFB}.posme-q.dog{background:#FBE9EA}.posme-q.on{border-color:var(--ink,#111)}
.posme-nr{width:100%;text-align:left;border:1px dashed var(--line,#bbb);background:transparent;border-radius:12px;padding:10px 12px;color:inherit;cursor:pointer}.posme-nr.on{border-style:solid}
.posme-tip{background:var(--card,#fff);border-left:4px solid #C9A24A;border-radius:8px;padding:10px 12px}
.posme-b{white-space:nowrap;font-size:12px;font-weight:700;border-radius:999px;padding:2px 8px;background:#eee;color:#222}.posme-b.star{background:#E6F4EC;color:#0E5A37}.posme-b.plowhorse{background:#FFF4DA;color:#6b4d00}.posme-b.puzzle{background:#E8EEFB;color:#23408e}.posme-b.dog{background:#FBE9EA;color:#8a1f26}
@media (prefers-color-scheme:dark){.posme-q{color:#111}}
@media (max-width:600px){.posaud-l li>div{flex-basis:100%}}

/* v1.36 · door, gift cards, events, promoters */
.posxn{display:flex;gap:6px;flex-wrap:wrap;margin:4px 0 12px}.posxn button{border:1px solid var(--line,#ddd);background:var(--card,#fff);border-radius:999px;padding:8px 16px;font-weight:700;min-height:42px;color:inherit}.posxn button.on{background:var(--ink,#1d1f24);color:var(--card,#fff)}
.posdoor-f{display:flex;gap:8px;flex-wrap:wrap;margin:8px 0}.posdoor-f input{flex:1 1 240px;min-height:52px;font:600 20px ui-monospace,Menlo,monospace;letter-spacing:.05em;border:2px solid var(--line,#ccc);border-radius:12px;padding:0 14px;background:var(--card,#fff);color:inherit;text-transform:uppercase}
.posdoor-r{border-radius:14px;padding:14px 16px;margin:10px 0;display:flex;flex-direction:column;gap:2px;background:#FBE9EA;color:#7a1c22;border:2px solid #C8313B}.posdoor-r b{font-size:20px}.posdoor-r em{font-style:normal;font-size:13px}
.posdoor-r.ok{background:#E6F4EC;color:#0b4f31;border-color:#0E7A4B}.posdoor-r.date,.posdoor-r.other{background:#FFF4DA;color:#5b4710;border-color:#F5A524}
#pd-cam video{width:100%;max-width:420px;border-radius:12px;background:#000}
.posdoor-e{list-style:none;padding:0;margin:0}.posdoor-e li{display:flex;justify-content:space-between;padding:8px 0;border-bottom:1px solid var(--line,#eee)}
.posgiftc{display:flex;gap:14px;align-items:center;margin:12px 0;padding:12px;border:1px dashed var(--line,#bbb);border-radius:12px}.posgiftc svg{width:120px;height:120px;background:#fff;border-radius:8px}.posgiftc p{margin:4px 0}
.posgift{border-top:1px dashed var(--line,#ccc);margin-top:10px;padding-top:6px}.posgift h4{margin:4px 0}
.pospromo6{border-bottom:1px dashed var(--line,#ccc);padding-bottom:8px;margin-bottom:8px}.pospromo6 h4{margin:0 0 6px}
.posevt>div{display:grid;grid-template-columns:1fr 100px 100px auto;gap:6px;margin:6px 0}.posevt input{min-height:42px;border:1px solid var(--line,#ccc);border-radius:10px;padding:0 10px;background:transparent;color:inherit}
.posevf-a{display:flex;gap:8px;justify-content:flex-end;margin-top:12px}
tr.off td{opacity:.55}

/* v1.37 */
.posper{display:flex;gap:6px;flex-wrap:wrap;margin:0 0 8px}.posper button{border:1px solid var(--line,#ddd);background:var(--card,#fff);border-radius:999px;padding:6px 14px;font-weight:700;min-height:38px;color:inherit}.posper button.on{background:var(--ink,#1d1f24);color:var(--card,#fff)}
.posladyo{margin:14px 0 20px}.posladyo .posh{display:flex;justify-content:space-between;align-items:center;gap:8px;flex-wrap:wrap}.posladyo tr.tot td{border-top:2px solid var(--line,#ccc);font-weight:600}
.posladyq{display:flex;gap:10px;align-items:center;flex-wrap:wrap;border-radius:12px;padding:8px 12px;margin:6px 0;background:#FFF4DA}.posladyq.paid{background:#E6F4EC}.posladyq.rejected,.posladyq.cancelled{background:#F2F2F2}.posladyq span{color:var(--mut,#555);font-size:13px;flex:1}
.posbfl{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:8px}.posbfl button{display:flex;flex-direction:column;align-items:flex-start;gap:2px;border:1.5px solid var(--line,#ddd);background:var(--card,#fff);border-radius:12px;padding:10px 12px;color:inherit;text-align:left;cursor:pointer}.posbfl button span{font-size:12px;color:var(--mut,#666)}.posbfl button em{font-style:normal;font-weight:800}.posbfl button[disabled]{opacity:.5}
.posbfs>div{display:flex;gap:8px;align-items:flex-end;flex-wrap:wrap;margin:6px 0}.posbfs input{min-height:40px;border:1px solid var(--line,#ccc);border-radius:10px;padding:0 10px;background:transparent;color:inherit}.posbfs input[type=number]{width:90px}.posbfs label{display:flex;flex-direction:column;font-size:12px;color:var(--mut,#666)}.posbfs b{min-width:160px}

/* v1.38 · grouped POS tabs, Nightlife Card offers & partners */
.postabs2{order:6;display:flex;gap:6px;flex-wrap:wrap;padding:6px 12px 8px;width:100%;border-top:1px solid var(--line,#eee)}.postabs2 button{border:1px solid var(--line,#ddd);background:var(--card,#fff);border-radius:999px;padding:6px 14px;font-weight:600;min-height:36px;color:inherit;cursor:pointer}.postabs2 button[aria-current="page"]{background:var(--ink,#1d1f24);color:var(--card,#fff);border-color:transparent}
.posgarr{font-size:.75em;opacity:.7}
.nlcoffl{display:grid;gap:10px}.nlcoff{display:flex;flex-wrap:wrap;gap:8px;align-items:flex-end;border:1px solid var(--line,#ddd);border-radius:12px;padding:10px 12px;position:relative}.nlcoff.live{border-color:#0E7A4B;box-shadow:inset 3px 0 0 #0E7A4B}.nlcoff label{display:flex;flex-direction:column;font-size:12px;color:var(--mut,#666)}.nlcoff label.w2{flex:1 1 220px}.nlcoff input{min-height:38px}.nlcoff input[type=number]{width:110px}
.nlctier{display:grid;gap:6px;margin:6px 0}.nlctier>div{display:flex;gap:10px;flex-wrap:wrap}
.nlcpt .frow{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:8px}

/* ===== v1.39 · OSNL POS look: ink header, brass for "this one", green for money in, red only for trouble ===== */
body.posui{--px-ink:#151821;--px-ink2:#232734;--px-inkt:#EDEFF4;--px-inkm:#9AA1B2;--px-brass:#C99A3E;--px-brass2:#E4BC6A;--px-brassS:rgba(201,154,62,.16);--px-go:#168152;--px-go2:#1FA368;--px-stop:#C8372D;--px-r:14px}
body.posui[data-ptheme="day"]{--bg:#ECEEF2;--panel:#FFFFFF;--panel2:#F5F6F9;--line:#DCDFE6;--text:#171A21;--muted:#646B7B;--accent:#151821;--accentInk:#FFFFFF;--accentSoft:rgba(21,24,33,.08);color-scheme:light}
body.posui[data-ptheme="night"]{--bg:#0F1117;--panel:#191C25;--panel2:#20242F;--line:#2B303D;--text:#E9EBF1;--muted:#9097A8;--accent:#C99A3E;--accentInk:#1B1406;--accentSoft:rgba(201,154,62,.16);color-scheme:dark}
body.posui .posw{background:var(--bg);font-variant-numeric:tabular-nums}
body.posui .posw :focus-visible,body.posui .posmodal :focus-visible{outline:2px solid var(--px-brass2);outline-offset:2px}
/* header: one ink row; sections under it (tablet / desktop) or at the bottom (phone) */
body.posui .postop{background:var(--px-ink);color:var(--px-inkt);border-bottom:0;padding:8px 14px 0;gap:6px 10px;box-shadow:0 1px 0 rgba(255,255,255,.04)}
body.posui .posbrand{display:flex;align-items:center;gap:10px;flex:1;min-width:0;flex-wrap:nowrap}
body.posui .posbrand img{width:30px;height:30px;border-radius:8px}body.posui .posbrand>b{color:#fff;letter-spacing:.02em}
body.posui .posbrand select,body.posui .posout{background:var(--px-ink2);color:#fff;border:1px solid #333847;border-radius:10px;min-height:38px;font-weight:700;padding:0 10px;max-width:46vw}
body.posui .posrole{background:transparent;border:1px solid #3A3F4E;color:var(--px-inkm)}
body.posui .posshift{background:transparent;border:0;color:var(--px-inkm);font-weight:600;white-space:nowrap}body.posui .posshift.on{color:#5FD39A}
body.posui .postop>button.ghost,body.posui .postop .poslockb{background:var(--px-ink2);color:#fff;border:1px solid #333847}
.px9dots{margin-left:auto;width:42px;height:38px;border-radius:10px;border:1px solid #333847;background:var(--px-ink2);color:#fff;font-size:20px;line-height:1;cursor:pointer}
.px9more{position:absolute;right:12px;top:54px;z-index:40;width:min(300px,calc(100vw - 24px));background:var(--panel);color:var(--text);border:1px solid var(--line);border-radius:var(--px-r);box-shadow:0 18px 40px rgba(0,0,0,.35);padding:10px;display:flex;flex-direction:column;gap:6px}
.px9more[hidden]{display:none}.px9more>p{margin:2px 4px 4px}
.px9more .posshift.tk,.px9more .ghost{width:100%;justify-content:flex-start;text-align:left;min-height:44px;border-radius:10px;border:1px solid var(--line)!important;background:var(--panel2)!important;color:var(--text)!important;padding:0 12px;font-weight:600}
.px9more .posshift.tk.on{border-color:var(--px-go)!important;color:var(--px-go)!important}
.px9th{display:flex;border:1px solid var(--line);border-radius:10px;overflow:hidden}.px9th button{flex:1;min-height:40px;border:0;background:transparent;color:var(--muted);font-weight:700;cursor:pointer}.px9th button[aria-pressed="true"]{background:var(--px-ink);color:#fff}
body.posui .postabs{gap:2px;padding:0;margin-top:4px}
body.posui .postabs button{color:var(--px-inkm);border-radius:0;padding:12px 14px 13px;display:inline-flex;align-items:center;gap:8px;border-bottom:3px solid transparent;min-height:48px;background:transparent}
body.posui .postabs button[aria-current="page"]{color:#fff;border-bottom-color:var(--px-brass);background:transparent}
body.posui .postabs button:hover{color:#fff}
.px9i{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;flex:none}.px9s{display:none}
body.posui .postabs2{background:var(--panel);border-top:0;border-bottom:1px solid var(--line);margin:0 -14px;padding:8px 14px;width:calc(100% + 28px)}
body.posui .postabs2 button[aria-current="page"]{background:var(--px-ink);color:#fff}
body.posui[data-ptheme="night"] .postabs2 button[aria-current="page"]{background:var(--px-brass);color:#1B1406}
/* surfaces */
body.posui .postbl{border-radius:var(--px-r);min-height:96px;transition:transform .08s}
body.posui .postbl:active,body.posui .positem:active{transform:scale(.98)}
body.posui .postbl.busy{background:linear-gradient(0deg,var(--px-brassS),var(--px-brassS)),var(--panel);border-color:color-mix(in srgb,var(--px-brass) 55%,var(--line));box-shadow:inset 4px 0 0 var(--px-brass)}
body.posui .postbl.busy span{color:var(--text);font-weight:800;font-size:1.05em}
body.posui .positem{border-radius:var(--px-r);min-height:88px}
body.posui .positem b{font-weight:650}
body.posui .poscats button[aria-pressed="true"]{background:var(--px-ink);border-color:var(--px-ink);color:#fff}
body.posui[data-ptheme="night"] .poscats button[aria-pressed="true"]{background:var(--px-brass);border-color:var(--px-brass);color:#1B1406}
body.posui .btn.pay,body.posui .btn.pay:hover{background:var(--px-go);color:#fff;border-radius:12px;min-height:54px;font-size:18px;font-weight:800}
body.posui .postot .big dd{font-size:28px;font-weight:800;letter-spacing:-.01em}
body.posui .posticket{background:var(--panel)}
body.posui .poslines li{border-radius:10px}
body.posui .mcard{border-top-color:var(--px-brass)}
/* tablet portrait and up: menu and bill side by side */
@media (min-width:700px){body.posui .posorder{grid-template-columns:minmax(0,1fr) minmax(300px,380px);height:calc(100vh - 118px)}
  body.posui .posmenu,body.posui .posticket{overflow:auto}body.posui .posticket{position:static;max-height:none;border-top:0;border-left:1px solid var(--line);box-shadow:none}
  .px9cart,.px9tkx{display:none!important}}
@media (min-width:700px) and (max-width:1023px){body.posui .positems{grid-template-columns:repeat(auto-fill,minmax(118px,1fr))}body.posui .posbrand>b{display:none}}
/* phone */
@media (max-width:699px){
  body.posui .postop{padding:8px 10px 0;position:sticky;top:0}
  body.posui .posbrand>b,body.posui .posrole{display:none}
  body.posui .posshift{font-size:0}body.posui .posshift::first-letter{font-size:14px}
  body.posui .postabs{position:fixed;left:0;right:0;bottom:0;z-index:30;background:var(--px-ink);margin:0;padding:4px 4px calc(4px + env(safe-area-inset-bottom));display:flex;justify-content:space-around;overflow:visible;border-top:1px solid #262a36}
  body.posui .postabs button{flex:1;flex-direction:column;gap:3px;padding:6px 2px;min-height:56px;border-bottom:0;border-top:3px solid transparent;font-size:11px;position:relative}
  body.posui .postabs button[aria-current="page"]{border-top-color:var(--px-brass);color:#fff}
  body.posui .postabs .posbad{position:absolute;top:4px;left:calc(50% + 6px)}
  .px9l{display:none}.px9s{display:inline}
  body.posui .postabs2{position:sticky;top:54px;z-index:5;flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;margin:0 -10px;width:calc(100% + 20px)}
  body.posui .posw{padding-bottom:calc(72px + env(safe-area-inset-bottom))}
  body.posui.posord .postabs{display:none}
  body.posui.posord .posw{padding-bottom:calc(84px + env(safe-area-inset-bottom))}
  body.posui .posticket{display:none}
  body.posui .posticket.open{display:flex;position:fixed;inset:0;z-index:60;max-height:none;border:0;border-radius:0;padding:12px 14px calc(16px + env(safe-area-inset-bottom));overflow:auto;animation:px9up .18s ease-out}
  .px9tkx{align-self:center;border:0;background:var(--panel2);color:var(--text);border-radius:999px;padding:6px 16px;font-weight:700;min-height:36px}
  .px9cart{position:fixed;left:0;right:0;bottom:0;z-index:50;display:flex;gap:8px;align-items:center;padding:8px 10px calc(8px + env(safe-area-inset-bottom));background:var(--px-ink);color:#fff;border-top:1px solid #262a36}
  .px9cb{flex:1;display:flex;align-items:center;gap:10px;background:var(--px-ink2);color:#fff;border:1px solid #333847;border-radius:12px;min-height:54px;padding:0 12px;text-align:left;cursor:pointer}
  .px9cb span:nth-child(2){flex:1;display:flex;flex-direction:column;line-height:1.2;min-width:0}.px9cb em{font-style:normal;color:var(--px-inkm);font-size:12px}
  .px9cn{min-width:30px;height:30px;border-radius:9px;background:var(--px-brass);color:#1B1406;display:grid;place-items:center;font-weight:800}
  .px9ct{font-size:18px}.px9cart .btn{min-height:54px;border-radius:12px;padding:0 18px;width:auto;margin:0}
  body.posui .positems{grid-template-columns:repeat(2,minmax(0,1fr))}
  body.posui .postbls,body.posui .postabsL{grid-template-columns:repeat(2,minmax(0,1fr))}
  body.posui .posmodal{align-items:flex-end;padding:0}
  body.posui .posmodal .mcard,body.posui .posmodal .mkm{width:100%;max-width:none;min-height:auto;max-height:94vh;overflow:auto;border-radius:20px 20px 0 0;animation:px9up .18s ease-out}
  .px9more{top:52px}}
@keyframes px9up{from{transform:translateY(24px);opacity:.5}to{transform:none;opacity:1}}
@media (prefers-reduced-motion:reduce){body.posui .posticket.open,body.posui .posmodal .mcard,body.posui .posmodal .mkm{animation:none}body.posui .postbl,body.posui .positem{transition:none}}
/* Home: top 10 sold items */
.dhtop{margin:0 0 16px}.dhtopf{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap}.dhtopr{display:flex;gap:8px;align-items:center}
.dhseg{display:inline-flex;border:1px solid var(--line);border-radius:10px;overflow:hidden;flex-wrap:wrap}.dhseg button{border:0;background:transparent;color:var(--muted);font-weight:600;padding:6px 12px;min-height:34px;cursor:pointer}.dhseg button[aria-pressed="true"]{background:var(--text);color:var(--panel)}
.dhtopr select{min-height:34px;border-radius:10px;border:1px solid var(--line);background:var(--panel);color:var(--text);padding:0 8px}
.dhtopl{list-style:none;margin:6px 0 0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:2px 24px}
.dhtopl li{display:flex;align-items:center;gap:12px;padding:8px 0;border-bottom:1px solid var(--line)}
.dhrk{width:26px;height:26px;border-radius:8px;display:grid;place-items:center;font-weight:800;font-size:13px;background:var(--panel2);color:var(--muted);flex:none}
.dhtopl li:nth-child(-n+3) .dhrk{background:#C99A3E;color:#1B1406}
.dhtn{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.dhtn b{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.dhbar{display:block;height:5px;border-radius:3px;background:var(--panel2);position:relative;overflow:hidden}.dhbar::after{content:"";position:absolute;inset:0 auto 0 0;width:var(--w);background:#C99A3E;border-radius:3px}
.dhtv{text-align:right;display:flex;flex-direction:column;font-variant-numeric:tabular-nums}.dhtv em{font-style:normal;font-size:12px;color:var(--muted)}
/* fixes after the first look */
body.posui .posorder{grid-template-columns:minmax(0,1fr)}
body.posui .posbar{display:flex;gap:8px;min-width:0}body.posui .posbar input{flex:1;min-width:0;width:auto;border-radius:10px;border:1px solid var(--line);background:var(--panel);color:var(--text)}
body.posui .poscats{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none}body.posui .poscats button{flex:none}
body.posui .posready{background:color-mix(in srgb,var(--px-go) 12%,var(--panel));border-color:color-mix(in srgb,var(--px-go) 45%,var(--line));color:var(--text)}
body.posui .posready>b{color:var(--px-go2)}body.posui[data-ptheme="day"] .posready>b{color:var(--px-go)}
body.posui .posready span{background:var(--panel2);color:var(--text);border:1px solid var(--line)}
body.posui .posready span,body.posui .posready em{color:var(--text)}
@media (min-width:700px){body.posui .posorder{grid-template-columns:minmax(0,1fr) minmax(300px,380px)}}
@media (max-width:699px){body.posui .positem{min-height:76px}}
body.posui .posacts{display:grid;grid-template-columns:repeat(auto-fill,minmax(104px,1fr));gap:8px}
body.posui .posacts>button{margin:0;width:100%;min-height:46px;border-radius:12px;padding:0 10px;font-weight:700}
body.posui .posacts>button.ghost,body.posui .posquick>button.ghost{background:var(--panel2);border:1px solid var(--line);color:var(--text)}
body.posui .posacts>button.btn:not(.ghost):not(.pay){background:var(--px-brass);color:#1B1406;border:0}
body.posui .posacts>button.btn.pay{grid-column:1/-1}
body.posui .posquick{display:flex;flex-wrap:wrap;gap:8px}body.posui .posquick>button{min-height:44px;border-radius:12px;padding:0 14px;font-weight:700;margin:0}
@media (max-width:699px){body.posui .posmodal .mfoot .btn,body.posui .posmodal .mkm .btn.pay{flex:1}}
body.posui .posticket [data-pos137="bf"],body.posui .posticket [data-pos="more"]{display:inline-flex;flex-direction:row;align-items:center;gap:4px;white-space:nowrap;min-height:38px;border-radius:10px;padding:0 10px}

/* ===== v1.40 · Front Sale: same ink + brass language as the POS; green means "send it" ===== */
.tb{--tb-bg:#0F1117;--tb-card:#191C25;--tb-card2:#232734;--tb-ink:#EDEFF4;--tb-mut:#9097A8;--tb-acc:#168152;--tb-gold:#C99A3E;--tb-line:#2B303D;font-variant-numeric:tabular-nums}
.tb :focus-visible{outline:2px solid #E4BC6A;outline-offset:2px}
.tb-h{background:#151821;border-bottom:1px solid #232734;padding:10px 16px;min-height:64px}
.tb-brand img{width:38px;height:38px;border-radius:10px}.tb-brand b{font-size:19px;letter-spacing:0}.tb-brand span{text-transform:none;letter-spacing:0;font-size:13px;color:var(--tb-mut);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:46vw}
.tb-q{border-radius:12px;min-height:44px;background:var(--tb-card2);border-color:#333847}
.tb-lang{border-radius:12px;min-height:44px;background:var(--tb-card2);border-color:#333847}
.tb-cats{top:64px;padding:10px 16px;background:var(--tb-bg);border-bottom:1px solid var(--tb-line)}
.tb-cats button{min-height:40px;border-radius:10px;font-size:14px;padding:0 14px}
.tb-cats button[aria-pressed="true"]{background:var(--tb-gold);border-color:var(--tb-gold);color:#1B1406}
.tb-body{padding:0 16px 110px}
.tb-cat{font-size:17px;margin:20px 0 10px;font-weight:750;display:flex;align-items:baseline;gap:8px}.tb-cat small{font-size:12.5px;color:var(--tb-mut);font-weight:500}
/* best sellers: big, fast targets with a rank and price */
.tb-top{margin-bottom:6px}
.tb-topg{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:8px}
.tbt{position:relative;display:flex;align-items:center;gap:10px;min-height:64px;padding:8px 12px 8px 8px;border-radius:14px;border:1px solid color-mix(in srgb,var(--tb-gold) 35%,var(--tb-line));background:linear-gradient(90deg,color-mix(in srgb,var(--tb-gold) 14%,var(--tb-card)),var(--tb-card));color:var(--tb-ink);text-align:left;transition:transform .08s}
.tbt:active{transform:scale(.97)}.tbt.so{opacity:.45;cursor:not-allowed}
.tbt-r{flex:none;width:30px;height:30px;border-radius:9px;display:grid;place-items:center;font-style:normal;font-weight:800;font-size:14px;background:var(--tb-card2);color:var(--tb-mut)}
.tbt:nth-child(-n+3) .tbt-r{background:var(--tb-gold);color:#1B1406}
.tbt-n{flex:1;min-width:0;display:flex;flex-direction:column;line-height:1.25}.tbt-n b{font-size:15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tbt-n em{font-style:normal;font-size:13.5px;color:var(--tb-gold);font-weight:700}
.tbt-plus,.tbt-in{flex:none;width:32px;height:32px;border-radius:50%;display:grid;place-items:center;font-style:normal;font-weight:800}
.tbt-plus{border:1px solid var(--tb-line);color:var(--tb-mut);font-size:20px}.tbt-in{background:var(--tb-acc);color:#fff}
.tbt.hit,.tbcw.hit .tbc{animation:tbhit .45s ease-out}
@keyframes tbhit{0%{box-shadow:0 0 0 0 rgba(31,163,104,.7)}100%{box-shadow:0 0 0 12px rgba(31,163,104,0)}}
/* menu cards: compact; photo only when there is one */
.tb-grid{grid-template-columns:repeat(auto-fill,minmax(168px,1fr));gap:10px}
.tbcw{position:relative;display:flex}.tbcw>.tbc{flex:1;width:100%}
.tbc{border-radius:14px;border:1px solid var(--tb-line);position:relative}
.tbc-img{aspect-ratio:16/10}
.tbc.noimg .tbc-img{position:static;aspect-ratio:auto;height:4px;background:hsl(var(--h) 45% 42%)}.tbc.noimg .tbc-img>span{display:none}
.tbc.noimg .tbbadge{position:static;display:inline-block;margin:10px 12px 0;align-self:flex-start}
.tbc.noimg .tbin{top:12px;right:12px}
.tbc-b{padding:10px 12px 12px}.tbc.noimg .tbc-b{min-height:92px;padding-right:44px}.tbc-b b{font-size:15.5px}
.tbp{font-size:16px}
.tbin{background:var(--tb-acc)}
.tbc-ed{position:absolute;right:6px;bottom:6px;width:36px;height:36px;border-radius:10px;border:1px solid var(--tb-line);background:var(--tb-card2);color:var(--tb-mut);display:grid;place-items:center;padding:0;z-index:1}
.tbc-ed svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.tbcw:not(.noimg) .tbc-ed{bottom:auto;top:6px;left:6px;right:auto;background:rgba(15,17,23,.75);color:#fff;border-color:transparent}
.tbcw[data-tbopt] .tbc::after{content:"⋯";position:absolute;right:12px;bottom:10px;color:var(--tb-mut);font-weight:800}
/* order panel + bar */
.tb-cart{border:1px solid var(--tb-line)}
.tb-send,.tb-bar{background:var(--tb-acc)}
.tb-bar{border-radius:14px;min-height:58px;left:10px;right:10px}
.tb-bar span:first-child b{display:inline-grid;place-items:center;min-width:28px;height:28px;border-radius:8px;background:rgba(255,255,255,.2);margin-right:4px}
.tb-target.need{border-color:var(--tb-gold);color:var(--tb-gold)}
.tb-tbls button{border-radius:12px}
@media (min-width:980px){.tb-cart{top:126px}}
@media (max-width:600px){
  .tb-h{padding:8px 10px;gap:8px}.tb-brand b{font-size:17px}.tb-brand img{width:34px;height:34px}
  .tb-cats{top:112px;padding:8px 10px}
  .tb-body{padding:0 10px 96px}
  .tb-topg{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}
  .tbt{min-height:58px;padding:6px 8px 6px 6px;gap:7px}.tbt-r{width:24px;height:24px;font-size:12px;border-radius:7px}.tbt-n b{font-size:13.5px}.tbt-n em{font-size:12.5px}.tbt-plus,.tbt-in{width:26px;height:26px;font-size:16px}
  .tb-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
  .tbc.noimg .tbc-b{min-height:84px}.tbc-b b{font-size:14.5px}}
@media (prefers-reduced-motion:reduce){.tbt.hit,.tbcw.hit .tbc{animation:none}}
/* POS header: Front Sale button */
.px10fs{display:inline-flex;align-items:center;gap:7px;min-height:38px;padding:0 12px;border-radius:10px;border:0;background:#C99A3E;color:#1B1406;font-weight:800;cursor:pointer;margin-left:auto;white-space:nowrap}
.px10fs+.px9dots{margin-left:0}
@media (max-width:699px){.px10fs{padding:0 10px}.px10fs span{font-size:13px}body.posui .posbrand select,body.posui .posout{max-width:38vw}}
@media (max-width:370px){.px10fs span{display:none}}
@media (max-width:600px){.tb-h>.tb-lang[data-tb="lang"]{margin-left:auto}}

/* ===== v1.41 ===== */
/* second-row tabs: readable in Day and Night (they inherited the header's light text) */
body.posui .postabs2 button{color:var(--text);background:var(--panel2);border:1px solid var(--line);font-weight:650}
body.posui .postabs2 button:hover{border-color:var(--muted)}
body.posui .postabs2 button[aria-current="page"]{background:var(--px-ink);color:#fff;border-color:var(--px-ink)}
body.posui[data-ptheme="night"] .postabs2 button[aria-current="page"]{background:var(--px-brass);color:#1B1406;border-color:var(--px-brass)}
/* report center */
.px11rk{display:flex;gap:6px;overflow-x:auto;scrollbar-width:none;padding:2px 0 12px;margin-bottom:4px;border-bottom:1px solid var(--line)}
.px11rk button{flex:none;min-height:38px;padding:0 14px;border-radius:10px;border:1px solid var(--line);background:var(--panel);color:var(--text);font-weight:650;cursor:pointer}
.px11rk button[aria-pressed="true"]{background:var(--text);color:var(--panel);border-color:var(--text)}
.px11rh{display:flex;justify-content:space-between;align-items:flex-end;gap:12px;flex-wrap:wrap;margin:14px 0 8px}.px11rh h3{margin:0;font-size:18px}.px11rh p{margin:2px 0 0}
.px11ra{display:flex;gap:8px}.px11ra .ghost{min-height:40px}
.px11tw{overflow-x:auto;border:1px solid var(--line);border-radius:12px;background:var(--panel)}
.px11t{width:100%;border-collapse:collapse;font-variant-numeric:tabular-nums;font-size:14px}
.px11t th{position:sticky;top:0;background:var(--panel2);text-align:left;border-bottom:1px solid var(--line);padding:0;white-space:nowrap}
.px11t th button{all:unset;cursor:pointer;display:block;padding:10px 12px;font-size:12.5px;font-weight:700;color:var(--muted)}.px11t th button:focus-visible{outline:2px solid var(--accent)}
.px11t th.r button{text-align:right}.px11t td{padding:9px 12px;border-bottom:1px solid var(--line);white-space:nowrap}.px11t .r{text-align:right}
.px11t tbody tr:hover{background:var(--panel2)}.px11t tfoot td{font-weight:800;border-top:2px solid var(--text);border-bottom:0;background:var(--panel2)}
/* rooms */
.px11room{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:0 0 10px;padding:10px 12px;border-radius:12px;border:1px solid color-mix(in srgb,#8B5CF6 45%,var(--line));background:color-mix(in srgb,#8B5CF6 10%,var(--panel))}
.px11room.stop{border-color:var(--line);background:var(--panel2)}
.px11rt{flex:1;min-width:180px;display:flex;flex-direction:column;line-height:1.3}.px11rt em{font-style:normal;font-weight:700;font-variant-numeric:tabular-nums}.px11rt small{color:var(--muted)}
.px11room .btn.sm,.px11room .ghost.sm{min-height:40px;width:auto;margin:0}
.px11rms{display:flex;flex-direction:column;gap:8px;margin:10px 0}
.px11rm{display:grid;grid-template-columns:110px repeat(6,minmax(0,1fr)) auto;gap:8px;align-items:end;padding:10px;border:1px solid var(--line);border-radius:12px;background:var(--panel)}
.px11rm>b{align-self:center;font-size:16px}.px11rm label{display:flex;flex-direction:column;gap:4px;font-size:12px;color:var(--muted);font-weight:600}
.px11rm input,.px11rm select{min-height:40px;border-radius:9px;border:1px solid var(--line);background:var(--panel2);color:var(--text);padding:0 8px;font-size:15px;width:100%;min-width:0}
@media (max-width:899px){.px11rm{grid-template-columns:repeat(2,minmax(0,1fr))}.px11rm>b{grid-column:1/-1}}
@media (max-width:699px){.px11t td{white-space:normal}.px11ra{width:100%}.px11ra .ghost{flex:1}}
/* older POS pieces use --card / --ink: map them to the POS look tokens so Day and Night both read well */
body.posui[data-ptheme]{--card:var(--panel);--ink:var(--text)}
body.posui .posper button{background:var(--panel2);color:var(--text);border-color:var(--line)}
body.posui .posper button.on{background:var(--text);color:var(--panel);border-color:var(--text)}

/* ===== v1.42 · Bar POS / Restaurant POS ===== */
.pmchip{display:inline-flex;align-items:center;min-height:30px;padding:0 10px;border-radius:999px;font-size:12.5px;font-weight:800;white-space:nowrap;border:1px solid transparent}
.pmchip.pm-bar{background:rgba(201,154,62,.18);color:#E4BC6A;border-color:rgba(201,154,62,.45)}
.pmchip.pm-restaurant{background:rgba(31,163,104,.16);color:#5FD39A;border-color:rgba(31,163,104,.45)}
.pmchip.pm-hotel{background:rgba(96,140,230,.16);color:#9DB8F5;border-color:rgba(96,140,230,.45)}
@media (max-width:699px){.pmchip{display:none}}
.pmgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px;margin-bottom:14px}
.pmgrid.pmtabs{grid-template-columns:repeat(auto-fill,minmax(170px,1fr))}
.pmstats{display:flex;flex-wrap:wrap;gap:6px 16px;padding:10px 14px;margin-bottom:12px;border-radius:12px;background:var(--panel);border:1px solid var(--line);font-size:14px;color:var(--muted)}
.pmstats b{color:var(--text);font-variant-numeric:tabular-nums}
/* bar tiles: who is sitting there and how much they spend */
.pmb{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:2px;min-height:104px;padding:12px 14px;border-radius:14px;border:1px solid var(--line);background:var(--panel);color:var(--text);text-align:left;cursor:pointer;transition:transform .08s}
.pmb:active{transform:scale(.98)}.pmb b{font-size:17px}.pmb i{margin-top:auto;font-style:normal;font-size:12.5px;color:var(--muted)}
.pmb em{font-style:normal;font-size:12.5px;color:var(--muted)}.pmb .pmun{color:#E8A33D;font-weight:700}
.pmb.room{border-style:dashed;border-color:color-mix(in srgb,#8B5CF6 55%,var(--line))}
.pmb.busy{background:linear-gradient(0deg,rgba(201,154,62,.13),rgba(201,154,62,.13)),var(--panel);border:1px solid color-mix(in srgb,#C99A3E 55%,var(--line));box-shadow:inset 4px 0 0 #C99A3E}
.pmb.busy.room{box-shadow:inset 4px 0 0 #8B5CF6;border-color:color-mix(in srgb,#8B5CF6 55%,var(--line));background:linear-gradient(0deg,rgba(139,92,246,.13),rgba(139,92,246,.13)),var(--panel)}
.pmb .pmw{font-size:14px;font-weight:700;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pmb strong{font-size:19px;font-variant-numeric:tabular-nums;margin-top:2px}
.pmmin{display:block;width:100%;height:5px;border-radius:3px;background:var(--panel2);margin-top:6px;overflow:hidden}.pmmin i{display:block;height:100%;width:var(--p);background:#8B5CF6;border-radius:3px}
.pmb small{font-size:11.5px;color:var(--muted)}
.pmquick{display:flex;align-items:center;gap:6px;overflow-x:auto;scrollbar-width:none;padding:2px 0 8px}.pmquick>span{flex:none;font-weight:800;font-size:13px;color:#C99A3E;padding-right:4px}
.pmquick button{flex:none;display:flex;flex-direction:column;align-items:flex-start;min-height:46px;justify-content:center;padding:0 12px;border-radius:10px;border:1px solid color-mix(in srgb,#C99A3E 45%,var(--line));background:color-mix(in srgb,#C99A3E 12%,var(--panel));color:var(--text);font-weight:700;cursor:pointer;line-height:1.2}
.pmquick button em{font-style:normal;font-size:12px;color:#C99A3E}
.pmbacts{grid-column:1/-1;display:flex;gap:8px;flex-wrap:wrap}.pmbacts button{flex:1;min-width:110px;min-height:44px;border-radius:12px;font-weight:700}
/* restaurant: service tabs, sections, status-coloured tables */
.pmsvc{display:flex;gap:6px;margin-bottom:12px;border-bottom:1px solid var(--line)}
.pmsvc button{display:inline-flex;align-items:center;gap:8px;min-height:46px;padding:0 16px;border:0;border-bottom:3px solid transparent;background:none;color:var(--muted);font-weight:750;font-size:15px;cursor:pointer}
.pmsvc button[aria-selected="true"]{color:var(--text);border-bottom-color:#1FA368}.pmsvc i{font-style:normal;min-width:22px;height:22px;border-radius:7px;background:var(--panel2);display:grid;place-items:center;font-size:12px;color:var(--text)}
.pmsecs{display:flex;gap:6px;overflow-x:auto;scrollbar-width:none;margin-bottom:10px}.pmsecs button{flex:none;min-height:38px;padding:0 14px;border-radius:10px;border:1px solid var(--line);background:var(--panel2);color:var(--text);font-weight:650;cursor:pointer}
.pmsecs button[aria-pressed="true"]{background:var(--text);color:var(--panel);border-color:var(--text)}.pmsecs i{font-style:normal;opacity:.7;font-size:12px}
.pmlegend{display:flex;flex-wrap:wrap;gap:6px 14px;font-size:12.5px;color:var(--muted);margin-bottom:10px}.pmlegend span::before{content:"";display:inline-block;width:9px;height:9px;border-radius:3px;margin-right:6px;background:var(--c,#999)}
.st-free{--c:#6B7280}.st-order,.st-seated{--c:#3B82F6}.st-kitchen{--c:#E8A33D}.st-ready{--c:#1FA368}.st-served{--c:#14B8A6}.st-bill{--c:#A855F7}.st-out{--c:#0EA5E9}
.pmr{display:flex;flex-direction:column;align-items:flex-start;gap:4px;min-height:112px;padding:12px 14px;border-radius:14px;border:1px solid var(--line);background:var(--panel);color:var(--text);text-align:left;cursor:pointer}
.pmr b{font-size:18px}.pmr i{margin-top:auto;font-style:normal;color:var(--muted);font-size:13px}
.pmr.busy{border-color:color-mix(in srgb,var(--c) 60%,var(--line));box-shadow:inset 4px 0 0 var(--c);background:linear-gradient(0deg,color-mix(in srgb,var(--c) 10%,transparent),color-mix(in srgb,var(--c) 10%,transparent)),var(--panel)}
.pmr .pmg{position:absolute;right:12px;top:12px;font-size:13px;font-weight:700;color:var(--muted)}.pmr{position:relative}
.pmpill{display:inline-flex;align-items:center;font-style:normal;font-size:12px;font-weight:800;padding:3px 9px;border-radius:999px;background:color-mix(in srgb,var(--c,#888) 20%,transparent);color:color-mix(in srgb,var(--c,#888) 75%,var(--text))}
.pmr.st-ready .pmpill{animation:pmpulse 1.6s ease-in-out infinite}@keyframes pmpulse{50%{box-shadow:0 0 0 4px color-mix(in srgb,var(--c) 25%,transparent)}}
.pmt2{margin-top:auto;display:flex;justify-content:space-between;width:100%;align-items:baseline}.pmt2 strong{font-size:17px;font-variant-numeric:tabular-nums}.pmt2 small{color:var(--muted)}
.pmr.rsv{border-style:dashed}
.pmolist{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:10px;margin-bottom:14px}
.pmo{display:flex;flex-direction:column;align-items:flex-start;gap:3px;padding:12px 14px;border-radius:14px;border:1px solid var(--line);background:var(--panel);color:var(--text);text-align:left;cursor:pointer;box-shadow:inset 4px 0 0 var(--c,transparent)}
.pmo b{font-size:16px}.pmo span{font-size:13px;color:var(--muted)}.pmo strong{font-size:17px;margin-top:4px}.pmo small{color:var(--muted);font-size:12px}.pmaddr{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}
.pmhead{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:2px 0 10px}.pmgb{min-height:34px;border-radius:999px;border:1px solid var(--line);background:var(--panel2);color:var(--text);font-weight:700;padding:0 12px;cursor:pointer}
.pmcust{font-size:13px;color:var(--muted);line-height:1.35}
.pmmodb{margin-left:8px;border:1px dashed var(--line);background:none;color:var(--muted);border-radius:8px;font-size:12px;font-weight:700;padding:2px 8px;cursor:pointer;vertical-align:middle}
.pmnums{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;margin:8px 0 14px}.pmnums.seats{grid-template-columns:repeat(auto-fill,minmax(110px,1fr))}
.pmnums button{min-height:56px;border-radius:12px;border:1px solid var(--line);background:var(--panel2);color:var(--text);font-size:19px;font-weight:800;cursor:pointer}.pmnums.seats button{font-size:15px}
.pmnums button[aria-pressed="true"]{background:var(--text);color:var(--panel)}
.pmmods{display:flex;flex-wrap:wrap;gap:8px;margin:6px 0 14px}.pmmods button{min-height:44px;padding:0 14px;border-radius:12px;border:1px solid var(--line);background:var(--panel2);color:var(--text);font-weight:650;cursor:pointer}
.pmmods button[aria-pressed="true"]{background:#1FA368;border-color:#1FA368;color:#fff}
.pmsetw{display:flex;flex-direction:column;gap:4px;flex:1 1 280px;font-size:12px;color:var(--muted);font-weight:600}.pmsetw input{min-height:38px}
@media (max-width:699px){.pmgrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.pmb,.pmr{min-height:96px;padding:10px 12px}.pmolist{grid-template-columns:1fr}.pmsvc button{flex:1;justify-content:center;padding:0 6px;font-size:14px}.pmnums{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media (prefers-reduced-motion:reduce){.pmr.st-ready .pmpill{animation:none}.pmb{transition:none}}
.posl-m .pmmodb{align-self:flex-start;margin:3px 0 1px}
.pmbacts button{background:var(--panel2)!important;border:1px solid var(--line)!important;color:var(--text)!important}
.pmhead .pmpill{max-width:100%}

/* ===== v1.43 ===== */
.px13nav{display:flex;flex-direction:column;gap:8px;margin-bottom:6px}
.px13seg{display:inline-flex;align-self:flex-start;border:1px solid var(--line);border-radius:12px;overflow:hidden;background:var(--panel2)}
.px13seg button{min-height:42px;padding:0 16px;border:0;background:transparent;color:var(--muted,#667);font-weight:750;cursor:pointer}
.px13seg button[aria-selected="true"]{background:var(--text);color:var(--panel,#fff)}
.pr143{display:flex;flex-direction:column;gap:6px}.pr143 input[type=search]{min-height:40px}
.pr143l{max-height:220px;overflow:auto;border:1px solid var(--line);border-radius:10px;padding:4px;display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:2px}
.pr143l label{display:flex;align-items:center;gap:8px;padding:6px 8px;border-radius:8px;cursor:pointer;font-weight:500}.pr143l label:hover{background:var(--panel2)}.pr143l label[hidden]{display:none}
.pr143l small{color:var(--muted,#888)}
.ev143 .mkm{max-width:520px}
.ckarea{display:flex;flex-direction:column;align-items:center;gap:8px;margin:4px 0 14px;text-align:center}
.ckarea>div{display:flex;flex-wrap:wrap;justify-content:center;gap:8px}
.ckarea button{min-height:46px;padding:0 16px;border-radius:12px;border:1px solid var(--line,#ddd);background:var(--card,#fff);color:inherit;font-weight:700;font-size:15px;cursor:pointer}
.ckarea button[aria-pressed="true"]{background:#168152;border-color:#168152;color:#fff}
.ck-area{display:inline-block;margin-right:8px;padding:2px 10px;border-radius:999px;background:rgba(22,129,82,.14);font-weight:700;font-size:13px}
.hr143g{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:10px;margin:8px 0}.hr143a,.hr143w{display:flex;flex-direction:column;gap:4px;font-weight:600;font-size:13px}.hr143w{max-width:520px;margin-bottom:10px}
.fl143h{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:8px}.fl143m{display:flex;align-items:center;gap:10px}.fl143m b{min-width:140px;text-align:center}
.fl143d{display:flex;flex-wrap:wrap;gap:6px}.fl143d span{padding:3px 8px;border-radius:8px;background:var(--panel2,#f2f3f5);font-size:12.5px}
.pf .pr143l label,.posmodal .pr143l label{display:flex!important;flex-direction:row!important;align-items:center;justify-content:flex-start;gap:10px;min-height:40px;font-weight:550;text-align:left;border:0;background:none}
.pr143l input[type=checkbox]{width:18px;height:18px;min-height:0;margin:0;flex:none}
.pr143l span{display:flex;flex-direction:column;line-height:1.25}
.pr143 input[type=search]{border:1px solid var(--line);border-radius:10px;background:var(--panel2,#f5f6f8);color:var(--text,inherit);padding:0 12px;font-size:15px}
.pf .pr143l label[hidden],.posmodal .pr143l label[hidden]{display:none!important}

/* ===== v1.44 · Nightlife Card back office: bar-lights header ===== */
.nlc44{--n-amber:#F2B43A;--n-neon:#FF4F8B;--n-teal:#37D7C4}
.ni44{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;flex:none}
.nlc44h{position:relative;overflow:hidden;align-items:center;gap:18px;margin:4px 0 14px;padding:22px 22px;border-radius:20px;color:#F5EFE6;
  background:radial-gradient(60% 120% at 0% 0%,rgba(255,79,139,.35),transparent 60%),radial-gradient(50% 120% at 100% 100%,rgba(242,180,58,.28),transparent 60%),linear-gradient(135deg,#1A1124,#0C0910);box-shadow:0 0 0 1px rgba(255,79,139,.25),0 14px 40px rgba(12,9,16,.25)}
.nlc44art{position:relative;width:96px;height:72px;flex:none}
.nlc44art .ni44{position:absolute;width:40px;height:40px;stroke-width:1.5}
.nlc44art .a1{left:0;top:10px;color:var(--n-amber);filter:drop-shadow(0 0 6px rgba(242,180,58,.8))}
.nlc44art .a2{left:30px;top:0;color:var(--n-neon);filter:drop-shadow(0 0 6px rgba(255,79,139,.8))}
.nlc44art .a3{left:58px;top:18px;width:34px;height:34px;color:var(--n-teal);filter:drop-shadow(0 0 6px rgba(55,215,196,.8))}
.nlc44art .a4{left:24px;top:38px;width:30px;height:30px;color:#C9A7FF;filter:drop-shadow(0 0 6px rgba(201,167,255,.7))}
.nlc44t h2{margin:0;font-size:24px;letter-spacing:.01em;color:#fff}.nlc44t p{margin:4px 0 0;color:#BFB4CC;font-size:13.5px}
.nlc44h .nlcact{margin-left:auto;align-items:center}
.nlc44h .nlcact .ghost{background:rgba(255,255,255,.08);color:#F5EFE6;border-color:rgba(255,255,255,.2)}
.nlc44h .nlcact .btn{background:rgba(255,255,255,.14);color:#fff;border:1px solid rgba(255,255,255,.25)}
.nlc44tu{display:inline-flex;align-items:center;gap:12px;min-height:56px;padding:0 20px 0 10px;border:0;border-radius:16px;cursor:pointer;color:#1E1204;text-align:left;
  background:linear-gradient(135deg,#FFC65A 0%,#F2A324 55%,#E07B12 100%);box-shadow:0 0 0 1px rgba(255,210,122,.7),0 8px 26px rgba(242,164,36,.45);transition:transform .08s}
.nlc44tu:active{transform:scale(.97)}.nlc44tu .ni44{width:36px;height:36px;padding:6px;border-radius:11px;background:#1E1204;color:#FFC65A;stroke-width:2.4}
.nlc44tu span{display:flex;flex-direction:column;line-height:1.15}.nlc44tu b{font-size:18px}.nlc44tu em{font-style:normal;font-size:12px;font-weight:600;opacity:.75}
.nlc44nav button{display:inline-flex;align-items:center;gap:7px}.nlc44nav .ni44{width:18px;height:18px;opacity:.8}.nlc44nav button[aria-current="page"] .ni44{color:var(--n-neon);opacity:1}
.nlc44seg,.nlc44kinds{display:flex;gap:6px;flex-wrap:wrap;margin:0 0 12px}
.nlc44seg button,.nlc44kinds button{display:inline-flex;align-items:center;gap:8px;min-height:42px;padding:0 14px;border-radius:12px;border:1px solid var(--line);background:var(--card,#fff);color:inherit;font-weight:700;cursor:pointer}
.nlc44seg button[aria-selected="true"],.nlc44kinds button[aria-selected="true"]{background:#1A1124;color:#fff;border-color:#1A1124;box-shadow:inset 0 -3px 0 var(--n-neon)}
.nlc44seg button[aria-selected="true"] .ni44,.nlc44kinds button[aria-selected="true"] .ni44{color:var(--n-amber)}
.nlc44f{display:flex;flex-wrap:wrap;gap:10px;align-items:flex-end;margin-bottom:12px}.nlc44f label{display:flex;flex-direction:column;gap:3px;font-size:12px;font-weight:600;color:var(--muted,#667)}
.nlc44f select,.nlc44f input{min-height:38px}
.nlc44per{display:inline-flex;border:1px solid var(--line);border-radius:10px;overflow:hidden}.nlc44per button{min-height:38px;padding:0 12px;border:0;background:var(--card,#fff);color:inherit;font-weight:650;cursor:pointer}.nlc44per button[aria-pressed="true"]{background:#1A1124;color:#fff}
.nlc44kpi{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:10px;margin-bottom:12px}
.nlc44kpi>div{padding:12px 14px;border-radius:14px;border:1px solid var(--line);background:var(--card,#fff);display:flex;flex-direction:column;gap:2px}
.nlc44kpi>div.lead{background:linear-gradient(135deg,#1A1124,#2A1530);color:#fff;border-color:transparent;box-shadow:0 0 0 1px rgba(255,79,139,.3)}
.nlc44kpi span{font-size:12.5px;opacity:.75}.nlc44kpi b{font-size:22px;font-variant-numeric:tabular-nums}
.nlc44bars{display:flex;align-items:flex-end;gap:3px;height:130px;padding:8px 4px 22px;margin-bottom:10px;border:1px solid var(--line);border-radius:14px;background:var(--card,#fff);overflow-x:auto}
.nlc44bars span{position:relative;flex:1;min-width:12px;height:100%;display:flex;align-items:flex-end}
.nlc44bars i{display:block;width:100%;height:var(--h);border-radius:5px 5px 2px 2px;background:linear-gradient(180deg,var(--n-amber),var(--n-neon))}
.nlc44bars em{position:absolute;bottom:-18px;left:50%;transform:translateX(-50%);font-style:normal;font-size:10px;color:var(--muted,#777);white-space:nowrap}
.nlc44bars span:not(:nth-child(4n+1)) em{visibility:hidden}
.nlc44th{display:flex;justify-content:space-between;align-items:center;margin:4px 0 8px}
.nlc44q{display:flex;gap:8px}.nlc44q input{flex:1;min-height:44px;font-size:16px}
.nlc44res{display:flex;flex-direction:column;gap:6px;margin-top:10px}.nlc44res button{display:grid;grid-template-columns:1fr auto;gap:2px 12px;text-align:left;padding:10px 12px;border-radius:12px;border:1px solid var(--line);background:var(--card,#fff);color:inherit;cursor:pointer}
.nlc44res button span{grid-column:1;font-size:12.5px;color:var(--muted,#777)}.nlc44res button em{grid-row:1/3;grid-column:2;align-self:center;font-style:normal;font-weight:800}
.nlc44m h2 .ni44{color:var(--n-amber);vertical-align:-3px}
.pos44q{display:flex;gap:8px;flex-wrap:wrap}.pos44q button{min-height:44px;padding:0 16px;border-radius:12px;border:1px solid var(--line);background:var(--panel2,#f4f4f6);color:inherit;font-weight:800;cursor:pointer}
.pos44p{margin:0;font-weight:650;color:#168152}
@media (max-width:699px){.nlc44h{flex-wrap:wrap;padding:16px}.nlc44art{width:70px;height:56px}.nlc44art .ni44{width:30px;height:30px}.nlc44h .nlcact{width:100%;margin-left:0}.nlc44tu{flex:1}}
.os44i{position:fixed;left:10px;right:10px;bottom:calc(12px + env(safe-area-inset-bottom));z-index:900;display:flex;align-items:center;gap:12px;max-width:560px;margin:0 auto;padding:12px;border-radius:16px;background:#151821;color:#EDEFF4;box-shadow:0 16px 40px rgba(0,0,0,.4)}
.os44i img{width:42px;height:42px;border-radius:10px}.os44i>div{flex:1;display:flex;flex-direction:column;gap:2px;font-size:13.5px;line-height:1.3}.os44i span{color:#A9AFBD}
.os44x{background:none;border:0;color:#A9AFBD;font-size:18px;width:36px;height:36px;cursor:pointer}
body.hasbnav .os44i,body.emp .os44i{bottom:calc(84px + env(safe-area-inset-bottom))}

/* ===== v1.45 · roster generator, orange avatars ===== */
span.hrav{background:#F28C28;color:#fff}
.rghead{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin:0 0 12px}.rghead h2{margin:0;font-size:20px}.rghead select{min-height:40px}
.rgrules h4{margin:18px 0 4px}
.rggrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px 18px;align-items:end;margin-bottom:12px}
.rggrid .lbl{display:block;margin-bottom:4px}.rggrid label.inline{display:flex;gap:8px;align-items:center}
.rgpair{display:flex;gap:6px;align-items:center}.rgpair input{min-width:0;flex:1}
.rgneed input[type=number],.rghol input[type=number]{width:64px;text-align:right}
.rgneed select{min-width:150px}.rghol input[type=text]{min-width:160px}.rghol input[type=date]{min-width:140px}
.rgpre{display:flex;flex-wrap:wrap;gap:6px;margin:8px 0}
.rgwrap{overflow-x:auto;-webkit-overflow-scrolling:touch;border:1px solid var(--line);border-radius:12px;margin:8px 0}
.rgtbl{border-collapse:separate;border-spacing:0;font-size:12px;min-width:100%}
.rgtbl th,.rgtbl td{padding:4px 3px;text-align:center;border-bottom:1px solid var(--line);white-space:nowrap;min-width:34px}
.rgtbl thead th{position:sticky;top:0;background:var(--panel2);font-weight:600}.rgtbl thead th b{display:block;font-size:12.5px}.rgtbl thead th em{font-style:normal;font-size:10px;color:var(--muted)}
.rgtbl th.pk{background:color-mix(in srgb,#7A4DE0 18%,var(--panel2))}.rgtbl th.hol{background:color-mix(in srgb,#F28C28 28%,var(--panel2))}
.rgtbl .nm{position:sticky;left:0;z-index:1;background:var(--panel);text-align:left;min-width:150px;max-width:190px;overflow:hidden;text-overflow:ellipsis}.rgtbl thead .nm{z-index:2;background:var(--panel2)}
.rgtbl .nm .hrav{vertical-align:middle;margin-right:4px}
.rgtbl td.w{background:color-mix(in srgb,#1FA88F 14%,transparent);font-variant-numeric:tabular-nums}
.rgtbl td.h{background:color-mix(in srgb,#F28C28 22%,transparent)}
.rgtbl td.o{color:var(--muted)}.rgtbl td.l{background:color-mix(in srgb,#3B82F6 16%,transparent);font-weight:700;font-size:11px}
.rgtbl tr.pos td{background:var(--panel2);font-weight:700;text-align:left;position:static}
.rgtbl tr.cov td{font-weight:700;font-size:11.5px;border-bottom:2px solid var(--line)}
.rgtbl tr.cov td.bad{background:color-mix(in srgb,#D11A24 22%,transparent);color:#D11A24}.rgtbl tr.cov td.ok{color:#1FA88F}
.rgtbl td.r{text-align:right;padding-right:8px}
.badc{color:#D11A24}
@media (max-width:640px){.rghead h2{flex-basis:100%;order:-1}.rgtbl .nm{min-width:120px;max-width:130px}}

/* v1.46 · OSNL AI Help */
.hlpbtn{position:fixed;right:16px;bottom:calc(env(safe-area-inset-bottom,0px) + 140px);z-index:40;display:flex;align-items:center;gap:6px;height:42px;padding:0 14px 0 10px;border-radius:999px;border:1px solid var(--line);background:var(--panel);color:var(--text);font:600 14px/1 inherit;box-shadow:0 8px 22px rgba(0,0,0,.22);cursor:pointer}
.hlpbtn svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;color:var(--accent)}
.hlpbtn:hover{border-color:var(--accent)}.hlpbtn:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.hlpbtn[hidden]{display:none}
@media (max-width:899px){.hlpbtn{width:46px;height:46px;padding:0;justify-content:center;bottom:calc(env(safe-area-inset-bottom,0px) + 140px);right:12px;opacity:.96}.hlpbtn span{display:none}.hlpbtn svg{width:26px;height:26px}}
@media (min-width:900px){.hlpbtn{bottom:24px;right:24px}}
body.posmode .hlpbtn{right:auto;left:16px;bottom:16px}
@media (max-width:899px){body.posmode .hlpbtn{left:10px;bottom:calc(env(safe-area-inset-bottom,0px) + 150px);width:40px;height:40px}body.posmode .hlpbtn svg{width:22px;height:22px}}
.hlpov{align-items:flex-end}
@media (min-width:700px){.hlpov{align-items:center}}
.hlpbox{width:min(620px,100%);max-height:min(86vh,760px);display:flex;flex-direction:column;text-align:left;padding:18px 18px 14px;gap:10px}
.hlphd{display:flex;gap:10px;align-items:flex-start}.hlphd>div{flex:1}.hlphd h3{margin:0 0 2px;font-size:19px}.hlphd .hint{margin:0}
.hlpbody{flex:1;overflow-y:auto;min-height:80px;display:flex;flex-direction:column;gap:14px;overscroll-behavior:contain}
.hlpexs{display:flex;flex-wrap:wrap;gap:8px}
.hlpturn{display:flex;flex-direction:column;gap:6px}
.hlpq{align-self:flex-end;max-width:85%;background:color-mix(in srgb,var(--accent) 14%,var(--panel));border:1px solid color-mix(in srgb,var(--accent) 35%,transparent);padding:8px 12px;border-radius:14px 14px 4px 14px;font-weight:600}
.hlpa{border:1px solid var(--line);border-radius:4px 14px 14px 14px;padding:10px 12px;overflow-wrap:anywhere}
.hlpa .aimd>:first-child{margin-top:0}.hlpa .aimd>:last-child{margin-bottom:0}
.hlpsrcs{display:flex;flex-wrap:wrap;gap:6px;align-items:center;margin-top:8px}
.hlpsrc{font-size:12px;white-space:nowrap;max-width:100%;overflow:hidden;text-overflow:ellipsis;padding:3px 8px;border-radius:999px;border:1px solid var(--line);color:var(--muted)}
.hlpnote{margin:0 0 6px}
.hlpx{border-top:1px solid var(--line);padding:6px 0}.hlpx:first-of-type{border-top:0}.hlpx summary{cursor:pointer;font-weight:600}
.hlpask{display:flex;gap:8px}.hlpask input{flex:1;min-width:0;min-height:44px;font-size:16px}
.hlpfoot{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.hlpfoot .hint{font-size:12px}
@media (max-width:699px){.hlpbox{border-radius:16px 16px 0 0;max-height:92vh;padding-bottom:calc(14px + env(safe-area-inset-bottom,0px))}.hlpov{padding:0}}
@media print{.hlpbtn,.hlpov{display:none!important}}

/* v1.47 · roster export */
.rxcard{margin-bottom:12px}
.rxrow{display:flex;flex-wrap:wrap;gap:10px;align-items:flex-end}
.rxrow label{display:flex;flex-direction:column;gap:4px;min-width:160px}
.rxrow input,.rxrow select{min-height:40px}
.rxcard .hint b{color:var(--text)}
@media (max-width:600px){.rxrow label{flex:1 1 100%}.rxrow .btn{flex:1 1 100%;min-height:44px}}

/* v1.48 · Tasks → Recurring / Carry forward, Settings → Full backup */
.recview{display:block}
.t148h{display:flex;flex-wrap:wrap;gap:6px 12px;align-items:flex-start;justify-content:space-between}.t148h h2{margin:0 0 2px}
.t148a{white-space:nowrap}
.t148list{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:10px;margin-top:8px}
.t148grp{border:1px solid var(--line);border-radius:12px;padding:10px 12px;background:var(--panel)}
.t148grp ul{list-style:none;margin:6px 0 0;padding:0;display:flex;flex-direction:column;gap:6px}
.t148grp li{display:flex;flex-wrap:wrap;gap:4px 8px;align-items:center}.t148grp li .mklink{text-align:left;font-weight:600}
.fbgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:10px;margin-bottom:12px}
.fbk{display:flex;flex-direction:column;gap:2px;border:1px solid var(--line);border-radius:12px;padding:10px 12px}.fbk b{font-size:15px}
.fbform{display:flex;flex-wrap:wrap;gap:10px 14px;align-items:flex-end;margin:6px 0 10px}.fbform .sttog{flex:1 1 100%}
.fbpw{display:flex;flex-direction:column;gap:4px;min-width:220px}.fbpw input{min-height:40px}
.fbdone{border:1px solid color-mix(in srgb,#16A34A 40%,transparent);background:color-mix(in srgb,#16A34A 10%,var(--panel));border-radius:10px;padding:8px 12px;margin-bottom:10px}
@media (max-width:600px){.fbpw{flex:1 1 100%}.fbform .btn{flex:1 1 100%;min-height:44px}}

/* v1.49 · phone not confirmed (POS → Members, Nightlife Card member) + join options */
.mb149{display:flex;flex-wrap:wrap;gap:10px 14px;align-items:center;justify-content:space-between;margin:0 0 12px;padding:12px 14px;border-radius:12px;border:1px solid color-mix(in srgb,#F59E0B 55%,transparent);background:color-mix(in srgb,#F59E0B 12%,var(--panel,#fff));color:var(--text)}
.mb149>div{flex:1 1 260px;display:flex;flex-direction:column;gap:3px}.mb149 span{font-size:13.5px;line-height:1.4}
.nlc149 .sttog{display:flex;gap:10px;align-items:flex-start}.nlc149 .sttog .hint{display:block}
.nlc149 form.pf{display:flex;flex-wrap:wrap;gap:10px;align-items:flex-end}.nlc149 form.pf>label{flex:1 1 100%}.nlc149 form.pf>label:not(.sttog){flex:1 1 260px}
.nlc149 form.pf>button{flex:0 0 auto;width:auto;min-width:120px}

/* v1.50 · Events → Bands */
.bxpage{display:flex;flex-direction:column;gap:12px;margin-top:6px}
.bxtabs{display:flex;gap:6px;flex-wrap:wrap;border-bottom:1px solid var(--line);padding-bottom:8px}
.bxtabs button{border:1px solid var(--line);background:var(--panel);color:var(--text);border-radius:999px;padding:7px 14px;font-weight:600;cursor:pointer}
.bxtabs button[aria-selected="true"]{background:var(--accent);border-color:var(--accent);color:#fff}
.bxbar{display:flex;flex-wrap:wrap;gap:8px 10px;align-items:center}.bxbar .sp{flex:1}
.bxmnav{display:flex;align-items:center;gap:8px}.bxmnav b{min-width:150px;text-align:center}
.bxnote{margin:0;padding:10px 12px;border-radius:10px;background:var(--accentSoft,rgba(0,0,0,.04))}
.bxwk{font-size:12px;font-weight:700;color:var(--muted);margin:12px 0 4px;letter-spacing:.02em}
.bxsched{display:flex;flex-direction:column;gap:6px}
.bxday{display:flex;gap:10px;align-items:stretch;border:1px solid var(--line);border-radius:12px;padding:8px;background:var(--panel)}
.bxday.today{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent) inset}.bxday.past{opacity:.78}
.bxd{width:44px;flex:none;display:flex;flex-direction:column;align-items:center;justify-content:center;border-right:1px solid var(--line)}.bxd b{font-size:20px;line-height:1}.bxd span{font-size:12px;color:var(--muted)}
.bxcells{flex:1;display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:6px}
.bxcell{display:flex;flex-direction:column;gap:3px;align-items:flex-start;text-align:left;border:1px solid var(--line);border-radius:10px;padding:7px 9px;background:var(--bg,transparent);color:var(--text);font:inherit;min-width:0}
button.bxcell{cursor:pointer}button.bxcell:hover{border-color:var(--accent)}
.bxcell.st-cancelled,.bxcell.st-noshow{opacity:.6;text-decoration:line-through}.bxcell.st-played{border-color:color-mix(in srgb,#16A34A 50%,var(--line))}
.bxcell.gen select,.bxcell.edit select,.bxcell.edit input{width:100%;min-height:34px}
.bxcell.edit{grid-column:1/-1;flex-direction:row;flex-wrap:wrap;align-items:center;gap:6px}.bxcell.edit>*{flex:1 1 140px}.bxcell.edit .bxo{flex:0 0 auto}
.bxo{font-size:11px;font-weight:700;color:var(--muted);text-transform:none}
.bxtm{display:flex;gap:4px}.bxtm input{min-width:0;flex:1}
.bxacts{display:flex;gap:6px;flex-wrap:wrap}
.bxchip{display:inline-flex;align-items:center;gap:6px;font-weight:700}.bxchip i{width:10px;height:10px;border-radius:50%;background:var(--bc,#888);flex:none}.bxchip.sm{font-size:13px}.bxchip.none{color:var(--muted);font-weight:500}
.bxsum h3,.bxh3,.bxform h3{margin:14px 0 6px;font-size:16px}
.bxtbl{overflow-x:auto;border:1px solid var(--line);border-radius:12px}.bxtbl table{width:100%;border-collapse:collapse;font-size:14px}.bxtbl th,.bxtbl td{padding:8px 10px;border-bottom:1px solid var(--line);text-align:left;white-space:nowrap}
.bxtbl th .hint{display:block;font-weight:500}.bxtbl tfoot td{font-weight:700;border-bottom:0}
.bxk{display:inline-block;min-width:44px;text-align:center;padding:3px 8px;border-radius:999px;font-weight:700;font-size:13px}
.bxk.ok,.bxpct.ok{background:color-mix(in srgb,#16A34A 16%,transparent);color:#15803D}.bxk.part,.bxpct.part{background:color-mix(in srgb,#F59E0B 18%,transparent);color:#B45309}.bxk.no,.bxpct.no{background:color-mix(in srgb,#DC2626 12%,transparent);color:#B91C1C}
.bxpct{padding:3px 8px;border-radius:999px}
.bxplus{margin-left:4px;width:24px;height:24px;border-radius:50%;border:1px solid var(--line);background:var(--panel);color:var(--text);cursor:pointer;line-height:1}
.bxtrend{display:inline-flex;gap:3px}.bxtrend i{width:12px;height:12px;border-radius:3px;background:#DC2626}.bxtrend i.ok{background:#16A34A}.bxtrend i.part{background:#F59E0B}
.bxlogs{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}.bxlogs li{display:flex;flex-wrap:wrap;gap:4px 10px;align-items:center;border:1px solid var(--line);border-radius:10px;padding:8px 10px}
.bxlt{font-weight:600}.bxln{flex-basis:100%;font-size:13px;color:var(--muted)}
.bxform{border:1px solid var(--line);border-radius:12px;padding:12px 14px;background:var(--panel)}.bxform h3{margin-top:0}
.bxouts{border:0;padding:0;margin:0;display:flex;flex-wrap:wrap;gap:6px 14px}.bxouts legend{font-weight:600;margin-bottom:4px}
.bxcards{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:10px}
.bxcard{border:1px solid var(--line);border-left:5px solid var(--bc,#888);border-radius:12px;padding:12px 14px;background:var(--panel);display:flex;flex-direction:column;gap:6px;align-items:flex-start}.bxcard.off{opacity:.6}
.bxcard header{display:flex;gap:8px;align-items:baseline;flex-wrap:wrap}.bxcard header b{font-size:16px}.bxcard p{margin:0}
.bxstats{display:flex;flex-wrap:wrap;gap:4px 12px;font-size:13px}
.bxnights{display:flex;flex-direction:column;gap:8px}.bxn{display:flex;flex-wrap:wrap;gap:6px 12px;align-items:center;border:1px solid var(--line);border-radius:10px;padding:8px 10px}.bxn>b{min-width:130px}
.bxdows{display:flex;gap:4px;flex-wrap:wrap}.bxdw{display:inline-flex}.bxdw input{position:absolute;opacity:0;pointer-events:none}.bxdw span{padding:5px 9px;border:1px solid var(--line);border-radius:8px;font-size:13px;cursor:pointer}
.bxdw input:checked+span{background:var(--accent);border-color:var(--accent);color:#fff}.bxdw input:focus-visible+span{outline:2px solid var(--accent);outline-offset:2px}
.bxmgrs{display:flex;flex-wrap:wrap;gap:6px 14px}
@media (max-width:600px){.bxday{flex-direction:column}.bxd{flex-direction:row;gap:6px;width:auto;border-right:0;border-bottom:1px solid var(--line);padding-bottom:4px;justify-content:flex-start}.bxcells{grid-template-columns:1fr}.bxmnav b{min-width:0}}
.bxtrend i.na{background:var(--line)}

/* v1.51 · band members from HR; staff app → My band */
.bxmemf{border:0;padding:0;margin:0}.bxmemf legend{font-weight:600;margin-bottom:6px}
.bxemps{display:flex;flex-direction:column;gap:4px;max-height:260px;overflow-y:auto;border:1px solid var(--line);border-radius:10px;padding:6px;margin-top:6px}
.bxemp{display:flex;align-items:center;gap:10px;padding:6px 8px;border-radius:8px;cursor:pointer}.bxemp:hover{background:var(--accentSoft,rgba(0,0,0,.04))}.bxemp[hidden]{display:none}
.bxemp>span:not(.chip){flex:1;display:flex;flex-direction:column}.bxemp .chip{font-size:11px}
.bxmems{display:flex;flex-wrap:wrap;gap:4px}.bxmem{font-size:12.5px;padding:2px 8px;border-radius:999px;background:var(--accentSoft,rgba(0,0,0,.05));border:1px solid var(--line)}.bxmem.nolog{border-style:dashed;color:var(--muted)}
.eband-card{display:flex;align-items:center;gap:12px;width:100%;text-align:left;border:0;font:inherit;color:inherit;cursor:pointer}
.eband-ic{width:44px;height:44px;border-radius:12px;display:grid;place-items:center;background:color-mix(in srgb,#7C3AED 14%,transparent);color:#7C3AED;flex:none}.eband-ic svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.eband-t{flex:1;display:flex;flex-direction:column;gap:2px}.eband-t>span{font-size:13.5px;color:var(--muted)}.eband-go{font-size:26px;color:var(--muted)}
.eband{display:flex;flex-direction:column;gap:12px}
.eb-tabs,.eb-wk{display:flex;flex-wrap:wrap;gap:6px;align-items:center}.eb-tabs button,.eb-wk button{border:1px solid var(--line);background:var(--panel);color:var(--text);border-radius:999px;padding:8px 14px;font-weight:600;min-height:40px}
.eb-tabs button[aria-pressed="true"],.eb-wk button[aria-pressed="true"]{background:#7C3AED;border-color:#7C3AED;color:#fff}.eb-wk span{font-size:13px;color:var(--muted)}
.eb-head{display:flex;flex-direction:column;gap:2px}.eb-head b{font-size:18px}
.eb-tiles{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.eb-tile{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:2px;padding:14px;border-radius:16px;border:1px solid var(--line);background:var(--panel);color:var(--text);font:inherit;text-align:left;min-height:96px;cursor:pointer}
.eb-tile b{font-size:24px}.eb-tile .eb-ic{font-size:22px}.eb-tile i{position:absolute;right:12px;top:10px;font-style:normal;font-weight:800;font-size:18px;width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:var(--accentSoft,rgba(0,0,0,.05))}
.eb-tile.ok{border-color:color-mix(in srgb,#16A34A 55%,transparent);background:color-mix(in srgb,#16A34A 8%,var(--panel))}.eb-tile.ok i{background:#16A34A;color:#fff}
.eb-tile.part{border-color:color-mix(in srgb,#F59E0B 55%,transparent)}.eb-tile.no{border-color:color-mix(in srgb,#DC2626 40%,var(--line))}
.eb-score{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.eb-score b{font-size:20px}.eb-hist{display:inline-flex;gap:4px;margin-left:auto}.eb-hist i{width:14px;height:14px;border-radius:4px;background:#DC2626}.eb-hist i.ok{background:#16A34A}.eb-hist i.part{background:#F59E0B}
.eb-form{display:flex;flex-direction:column;gap:10px}.eb-form h3{margin:0;font-size:17px}.eb-form label{display:flex;flex-direction:column;gap:4px;font-weight:600;font-size:14px}.eb-form input,.eb-form select{min-height:44px;font-size:16px}
.eb-row{display:grid;grid-template-columns:1fr 1.4fr;gap:10px}.eb-acts{display:flex;gap:8px}.eb-acts .hbtn{flex:1}
.eb-logs,.eb-gigs{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}
.eb-logs li{display:flex;flex-wrap:wrap;gap:2px 10px;align-items:center;position:relative;padding-right:36px;border-bottom:1px solid var(--line);padding-bottom:8px}.eb-logs li:last-child{border-bottom:0;padding-bottom:0}
.eb-logs em{flex-basis:100%;font-style:normal;font-size:13px;color:var(--muted)}.eb-del{position:absolute;right:0;top:0;border:0;background:none;color:var(--muted);font-size:16px;min-width:32px;min-height:32px}.eb-del.armed{color:#DC2626;font-size:12px}
.eb-gigs li{display:grid;grid-template-columns:auto 1fr auto;gap:8px;align-items:center}.eb-gigs li.today b{color:#7C3AED}.eb-gigs em{grid-column:1/-1;font-style:normal;font-size:13px;color:var(--muted)}
.bxform .bxemps label.bxemp{display:flex!important;flex-direction:row!important;align-items:center;justify-content:flex-start;text-align:left;gap:10px;margin:0;width:auto;font-weight:400}
.bxform .bxemps label.bxemp[hidden]{display:none!important}
.bxform .bxemps label.bxemp input[type=checkbox]{width:18px;height:18px;flex:0 0 auto;margin:0}
.bxform .bxemps label.bxemp>span:not(.chip){flex:1;display:flex;flex-direction:column;align-items:flex-start;text-align:left}
.bxform .bxemps label.bxemp .chip{flex:0 0 auto}
.bxform #bb-q{width:100%;max-width:420px}

/* ===== v1.52 · Mail (Spark-style team inbox) ===== */
:root{--mlsel:rgba(87,157,255,.16);--mlselb:#579DFF;--mlnote:rgba(240,180,60,.10);--mlnoteb:rgba(240,180,60,.35);--mlgold:#D6A75A;--mlunread:#579DFF}
@media (prefers-color-scheme: light){:root:not([data-theme="dark"]){--mlsel:#E9F2FF;--mlselb:#0C66E4;--mlnote:#FFF7E6;--mlnoteb:#F5D9A8;--mlgold:#9C6F1E;--mlunread:#0C66E4}}
:root[data-theme="light"]{--mlsel:#E9F2FF;--mlselb:#0C66E4;--mlnote:#FFF7E6;--mlnoteb:#F5D9A8;--mlgold:#9C6F1E;--mlunread:#0C66E4}
body.mlmode .stats,body.mlmode .toolbar,body.mlmode #legend{display:none!important}
.mli{flex:0 0 auto;display:block}
.ml{display:grid;grid-template-columns:212px minmax(300px,372px) minmax(0,1fr);height:var(--mlh,calc(100vh - 180px));background:var(--panel);border:1px solid var(--line);border-radius:12px;overflow:hidden;position:relative}
.ml .sp{flex:1}
.ml-wait,.ml-loading{display:flex;align-items:center;justify-content:center;gap:10px;color:var(--muted);padding:48px 16px}
.ml-wait{flex-direction:column}
/* left */
.ml-side{border-right:1px solid var(--line);padding:14px 10px;display:flex;flex-direction:column;gap:4px;overflow-y:auto;background:var(--panel2)}
.ml-new{width:100%;gap:8px;margin-bottom:10px;min-height:40px}
.ml-boxes{display:flex;flex-direction:column;gap:1px}
.ml-boxes button{display:flex;align-items:center;gap:10px;width:100%;background:none;border:0;border-radius:8px;padding:7px 10px;color:var(--text);cursor:pointer;text-align:left;font-size:13.5px;min-height:34px}
.ml-boxes button:hover{background:var(--panel)}
.ml-boxes button[aria-current]{background:var(--mlsel);color:var(--mlselb);font-weight:600}
.ml-boxes button span:not(.ml-dot){flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ml-boxes .mli{color:var(--muted)}.ml-boxes button[aria-current] .mli{color:inherit}
.ml-bn{font-style:normal;font-size:11.5px;font-weight:700;color:var(--muted);min-width:20px;text-align:right}
.ml-bn.hot{background:var(--accent);color:var(--accentInk);border-radius:10px;padding:1px 7px;min-width:0}
.ml-sh{margin:16px 10px 4px;font-size:12px;font-weight:600;color:var(--muted)}
.ml-dot{width:10px;height:10px;border-radius:50%;background:var(--mc,#0C66E4);flex:0 0 auto;display:inline-block}
.ml-dot.all{background:conic-gradient(#B8892E 0 25%,#0C66E4 0 50%,#1F845A 0 75%,#C8202B 0)}
.ml-warn{font-style:normal;background:var(--over);color:#fff;border-radius:50%;width:16px;height:16px;font-size:11px;display:inline-grid;place-items:center;font-weight:700}
.ml-sidefoot{margin-top:auto;padding-top:14px;display:flex;flex-direction:column;gap:2px;border-top:1px solid var(--line)}
.ml-link{background:none;border:0;color:var(--muted);cursor:pointer;display:inline-flex;align-items:center;gap:8px;padding:6px 10px;border-radius:6px;font-size:13px;text-align:left}
.ml-link:hover{color:var(--text);background:var(--panel)}.ml-link.danger{color:var(--over)}
/* middle */
.ml-listp{border-right:1px solid var(--line);display:flex;flex-direction:column;min-height:0;min-width:0}
.ml-lh{display:flex;align-items:center;gap:6px;padding:12px 12px 6px 16px}
.ml-lh h2{margin:0;font-size:18px;font-weight:700;letter-spacing:-.01em;display:flex;align-items:center;gap:8px;min-width:0}
.ml-ib{width:34px;height:34px;display:inline-grid;place-items:center;border:0;background:none;border-radius:8px;color:var(--muted);cursor:pointer;flex:0 0 auto}
.ml-ib:hover{background:var(--panel2);color:var(--text)}
.ml-menu,.ml-newm,.ml-back{display:none!important}
.ml-refresh.spin .mli{animation:supspin 1s linear infinite}
.ml-search{display:flex;align-items:center;gap:8px;margin:2px 12px 4px;padding:0 10px;background:var(--panel2);border:1px solid var(--line);border-radius:8px;color:var(--muted)}
.ml-search input{flex:1;border:0;background:none;min-height:34px;outline:0;min-width:0}
.ml-search:focus-within{border-color:var(--mlselb)}
.ml-syncst{margin:0 16px 6px;font-size:11.5px;color:var(--muted);min-height:15px}
.ml-syncst.err{color:var(--over)}
.ml-rows{flex:1;overflow-y:auto;min-height:0;padding:0 6px 24px}
.ml-sec{margin-top:6px}
.ml-sech{display:flex;align-items:center;gap:7px;margin:8px 10px 4px;font-size:12.5px;font-weight:700;color:var(--muted);min-height:26px}
.ml-sech .ml-un{font-style:normal;background:var(--mlunread);color:#fff;border-radius:9px;padding:0 6px;font-size:11px;line-height:17px}
.ml-mini{border:1px solid var(--line);background:var(--panel);color:var(--text);border-radius:6px;font-size:12px;padding:3px 9px;cursor:pointer;display:inline-flex;align-items:center;gap:5px;font-weight:500;min-height:26px}
.ml-mini:hover{background:var(--panel2)}
.ml-seemore{display:block;margin:2px 10px 6px auto;background:none;border:0;color:var(--mlselb);cursor:pointer;font-size:12.5px;font-weight:600;padding:4px 6px}
.ml-row{position:relative;display:flex;gap:10px;padding:10px 10px 10px 14px;border-radius:10px;cursor:pointer;outline-offset:-2px}
.ml-row:hover{background:var(--panel2)}
.ml-row.sel{background:var(--mlsel)}
.ml-row::before{content:"";position:absolute;left:3px;top:14px;width:6px;height:6px;border-radius:50%;background:transparent}
.ml-row.unread::before{background:var(--mlunread)}
.ml-row.unread .ml-who,.ml-row.unread .ml-r2{font-weight:700;color:var(--text)}
.ml-av{--h:210;width:34px;height:34px;border-radius:50%;flex:0 0 auto;display:inline-grid;place-items:center;background:hsl(var(--h) 45% 46%);color:#fff;font-weight:700;font-size:12.5px;letter-spacing:.02em}
.ml-av.sm{width:30px;height:30px;font-size:11.5px}.ml-av.xs{width:18px;height:18px;font-size:8.5px}
.ml-rm{flex:1;min-width:0;display:flex;flex-direction:column;gap:1px}
.ml-r1{display:flex;align-items:center;gap:6px;min-width:0}
.ml-who{font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}
.ml-r1 time{font-size:12px;color:var(--muted);flex:0 0 auto}
.ml-row.unread .ml-r1 time{color:var(--mlselb);font-weight:600}
.ml-cnt{font-size:11.5px;color:var(--muted);font-weight:600}
.ml-rep{color:var(--muted)}
.ml-r2{font-size:13.5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--text)}
.ml-r3{font-size:12.5px;color:var(--muted);overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;line-height:1.4}
.ml-chips{display:flex;flex-wrap:wrap;gap:4px;margin-top:4px}
.ml-chip{display:inline-flex;align-items:center;gap:4px;font-size:11.5px;color:var(--muted);background:var(--panel2);border:1px solid var(--line);border-radius:10px;padding:0 7px;line-height:18px}
.ml-row.sel .ml-chip{background:var(--panel)}
.ml-chip.ml-acc{border-color:transparent;background:color-mix(in srgb,var(--mc) 16%,transparent);color:var(--text)}
.ml-chip.ml-acc::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--mc)}
.ml-chip.ml-as.me{background:var(--mlsel);color:var(--mlselb);border-color:transparent;font-weight:600}
.ml-chip.ml-wt{color:var(--prog);border-color:color-mix(in srgb,var(--prog) 40%,transparent)}
.ml-chip.ml-wk{color:var(--blocked);border-color:color-mix(in srgb,var(--blocked) 40%,transparent)}
.ml-chip.ml-dn{color:var(--done)}
.ml-hov{position:absolute;right:8px;top:8px;display:none;gap:2px;background:var(--panel);border:1px solid var(--line);border-radius:8px;padding:2px;box-shadow:0 2px 6px rgba(9,30,66,.12)}
.ml-hov button{width:28px;height:28px;border:0;background:none;border-radius:6px;color:var(--muted);cursor:pointer;display:grid;place-items:center}
.ml-hov button:hover{background:var(--panel2);color:var(--text)}
@media (hover:hover){.ml-row:hover .ml-hov{display:flex}}
.ml-row.skel{cursor:default}.ml-row.skel .ml-av{background:var(--panel2)}
.ml-row.skel i{display:block;height:10px;border-radius:5px;background:var(--panel2);margin:4px 0;width:70%}.ml-row.skel i:first-child{width:40%}
.ml-none{display:flex;flex-direction:column;align-items:center;gap:6px;text-align:center;color:var(--muted);padding:56px 24px}
.ml-none b{color:var(--text);font-size:15px}
.ml-more{text-align:center;padding:10px}
.ml-ob{cursor:default}.ml-err{color:var(--over)}
.ml-acctchip{display:inline-flex;align-items:center;gap:5px;font-size:12px;font-weight:600;color:var(--text);background:color-mix(in srgb,var(--mc) 15%,transparent);border-radius:10px;padding:1px 8px;white-space:nowrap}
.ml-acctchip::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--mc)}
/* right */
.ml-read{display:flex;flex-direction:column;min-height:0;min-width:0;position:relative}
#mlReadBody{display:flex;flex-direction:column;min-height:0;flex:1}
.ml-pick{margin:auto;text-align:center;color:var(--muted);padding:32px;display:flex;flex-direction:column;align-items:center;gap:6px}
kbd{font-family:var(--body);font-size:11px;border:1px solid var(--line);border-bottom-width:2px;border-radius:4px;padding:0 5px;background:var(--panel2);color:var(--text)}
.ml-rhead{display:flex;align-items:center;gap:4px;padding:8px 12px;border-bottom:1px solid var(--line);min-height:52px}
.ml-tools{display:flex;align-items:center;gap:2px;flex-wrap:wrap}
.ml-tb{display:inline-flex;align-items:center;gap:6px;border:0;background:none;color:var(--text);border-radius:8px;padding:6px 9px;cursor:pointer;font-size:13px;min-height:34px}
.ml-tb .mli{color:var(--muted)}
.ml-tb:hover{background:var(--panel2)}.ml-tb:hover .mli{color:var(--text)}
.ml-tb.on{background:var(--mlsel);color:var(--mlselb)}.ml-tb.on .mli{color:var(--mlselb)}
.ml-tdone{color:var(--done)}.ml-tdone .mli{color:var(--done)}
.ml-sep{width:1px;height:20px;background:var(--line);margin:0 4px;display:inline-block}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.ml-rscroll{flex:1;overflow-y:auto;min-height:0;padding:18px 24px 32px}
.ml-subj h2{margin:0 0 8px;font-size:21px;line-height:1.25;font-weight:700;letter-spacing:-.015em;overflow-wrap:anywhere}
.ml-meta{display:flex;flex-wrap:wrap;gap:6px;align-items:center;margin-bottom:14px}
.ml-catchip{font-size:12px;color:var(--muted)}
.ml-sumb{margin-left:auto}
.ml-sum{background:color-mix(in srgb,#7C5CFF 9%,var(--panel));border:1px solid color-mix(in srgb,#7C5CFF 30%,transparent);border-radius:10px;padding:10px 14px;margin-bottom:14px;font-size:13.5px;display:flex;flex-direction:column;gap:4px}
.ml-sum b{display:flex;align-items:center;gap:6px;color:#7C5CFF}
/* hotel guest card */
.ml-guest{border:1px solid color-mix(in srgb,var(--mlgold) 45%,var(--line));background:color-mix(in srgb,var(--mlgold) 7%,var(--panel));border-radius:12px;padding:10px 12px;margin-bottom:16px;display:flex;flex-direction:column;gap:6px}
.ml-guest.none{flex-direction:row;align-items:center;gap:8px;color:var(--muted);font-size:13px;padding:8px 12px}
.ml-guest.none .ml-mini{margin-left:auto}
.ml-gh{display:flex;align-items:center;gap:10px}
.ml-gh>div{display:flex;flex-direction:column;min-width:0}
.ml-gh b{font-size:14.5px}
.ml-gn{display:flex;align-items:center;gap:6px;flex-wrap:wrap}
.ml-vip{display:inline-block;font-size:10.5px;font-weight:800;color:#fff;background:var(--mlgold);border-radius:4px;padding:0 5px;vertical-align:2px;letter-spacing:.04em}
.ml-res{display:flex;flex-wrap:wrap;align-items:center;gap:4px 12px;text-align:left;background:var(--panel);border:1px solid var(--line);border-radius:8px;padding:7px 10px;cursor:pointer;color:var(--text);font-size:13px}
.ml-res:hover{border-color:var(--mlgold)}
.ml-res span{color:var(--muted)}
.ml-rst{font-size:11.5px;font-weight:700;border-radius:4px;padding:0 6px;background:var(--panel2);color:var(--text)!important}
.ml-rst.st-confirmed{background:color-mix(in srgb,var(--done) 18%,transparent)}.ml-rst.st-checkedin{background:color-mix(in srgb,var(--verify) 22%,transparent)}.ml-rst.st-cancelled,.ml-rst.st-noshow{background:color-mix(in srgb,var(--over) 16%,transparent)}
.ml-amt{margin-left:auto}.ml-amt em{font-style:normal;color:var(--prog)}
/* messages */
.ml-msgs{display:flex;flex-direction:column;gap:10px}
.ml-msg{border:1px solid var(--line);border-radius:12px;background:var(--panel);overflow:hidden}
.ml-msg.me{border-left:3px solid var(--mlselb)}
.ml-mh{display:flex;align-items:center;gap:10px;width:100%;border:0;background:none;padding:10px 14px;text-align:left;cursor:pointer;color:var(--text)}
.ml-msg.closed .ml-mh:hover{background:var(--panel2)}
.ml-mfrom{flex:1;min-width:0;display:flex;flex-wrap:wrap;align-items:baseline;gap:0 6px}
.ml-mfrom .hint{overflow:hidden;text-overflow:ellipsis}
.ml-mto{flex-basis:100%;font-size:12px;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ml-mh time{font-size:12px;color:var(--muted);white-space:nowrap}
.ml-msnip{flex:1;min-width:0;color:var(--muted);font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ml-frame{display:block;width:calc(100% - 28px);margin:0 14px 12px;border:0;min-height:40px;background:#fff;border-radius:6px;color-scheme:light}
.ml-imgbar{display:flex;align-items:center;gap:8px;margin:0 14px 10px;padding:6px 10px;background:var(--panel2);border-radius:8px;font-size:12.5px;color:var(--muted)}
.ml-imgbar .ml-mini{margin-left:auto}
.ml-atts,.ml-catts{display:flex;flex-wrap:wrap;gap:6px;margin:0 14px 12px}
.ml-catts{margin:6px 0}.ml-catts:empty{display:none}
.ml-att{display:inline-flex;align-items:center;gap:7px;border:1px solid var(--line);background:var(--panel2);border-radius:8px;padding:5px 9px;font-size:12.5px;color:var(--text);cursor:pointer;max-width:100%}
.ml-att span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ml-att i{font-style:normal;color:var(--muted);white-space:nowrap}
.ml-unsub{margin:0 14px 12px;font-size:12px}.ml-unsub a{color:var(--muted)}
.ml-x{border:0;background:none;color:var(--muted);cursor:pointer;border-radius:4px;display:grid;place-items:center;padding:2px}
.ml-x:hover{color:var(--over);background:var(--panel2)}
/* team notes */
.ml-notes{margin-top:16px;background:var(--mlnote);border:1px dashed var(--mlnoteb);border-radius:12px;padding:10px 14px}
.ml-notes h3{margin:0 0 6px;font-size:13px;display:flex;align-items:center;gap:6px;flex-wrap:wrap}
.ml-notes h3 .hint{font-weight:400}
.ml-notes ul{list-style:none;margin:0 0 8px;padding:0;display:flex;flex-direction:column;gap:8px}
.ml-notes li{display:flex;gap:8px;align-items:flex-start;font-size:13px}
.ml-notes li>div{flex:1;min-width:0}.ml-notes li p{margin:2px 0 0;overflow-wrap:anywhere}
.ml-notes li time{font-size:11.5px;color:var(--muted)}
.ml-notes li.sys{font-size:12px;color:var(--muted);font-style:italic}
.ml-noteform{display:flex;gap:6px}
.ml-noteform input{flex:1;min-width:0;border:1px solid var(--mlnoteb);background:var(--panel);border-radius:8px;padding:0 10px;min-height:34px}
.ml-replybar{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}
.ml-replybar button{display:inline-flex;align-items:center;gap:8px;border:1px solid var(--line);background:var(--panel);color:var(--text);border-radius:20px;padding:8px 14px;cursor:pointer;font-size:13.5px}
.ml-replybar button:first-child{flex:1;min-width:200px;color:var(--muted)}
.ml-replybar button:hover{border-color:var(--mlselb);color:var(--text)}
/* composer */
#mlCompWrap:empty{display:none}
#mlCompWrap{border-top:1px solid var(--line);max-height:68%;overflow-y:auto;background:var(--panel);box-shadow:0 -6px 16px rgba(9,30,66,.08)}
.ml-comp{display:flex;flex-direction:column;padding:10px 18px 12px}
.ml-ch{display:flex;align-items:center;gap:8px;min-height:30px}
.ml-ch b{font-size:14px}
.ml-cf{display:flex;align-items:center;gap:8px;border-bottom:1px solid var(--line);min-height:38px;position:relative}
.ml-cf label{width:58px;font-size:12.5px;color:var(--muted);flex:0 0 auto}
.ml-cf input,.ml-cf select{flex:1;min-width:0;border:0;background:none;min-height:36px;outline:0}
.ml-from{display:inline-flex;align-items:center;gap:6px;font-size:13px}
.ml-ctb{display:flex;flex-wrap:wrap;align-items:center;gap:2px;padding:6px 0;border-bottom:1px solid var(--line)}
.ml-ctb button{border:0;background:none;color:var(--text);border-radius:6px;min-width:30px;height:30px;padding:0 7px;cursor:pointer;display:inline-flex;align-items:center;gap:5px;font-size:13px}
.ml-ctb button:hover{background:var(--panel2)}
.ml-aib{color:#7C5CFF!important;font-weight:600}
.ml-airow,.ml-linkrow{display:flex;flex-wrap:wrap;align-items:center;gap:6px;padding:8px 0;border-bottom:1px solid var(--line)}
.ml-airow input,.ml-linkrow input{flex:1;min-width:200px;border:1px solid var(--line);background:var(--panel2);border-radius:8px;padding:0 10px;min-height:34px}
.ml-airow .hint{flex-basis:100%;display:flex;align-items:center;gap:6px}
.ml-body{min-height:150px;padding:12px 2px;outline:0;line-height:1.55;overflow-wrap:anywhere}
.ml-body p{margin:0 0 10px}
.ml-txt{position:relative}
.ml-txt:has(>p:only-child>br:only-child)::before{content:"Write your message…";position:absolute;left:0;top:0;color:var(--muted);pointer-events:none}
.ml-body mark{background:#FFE58F;color:#172B4D;border-radius:3px;padding:0 2px}
.ml-sig{color:var(--muted);border-top:1px dashed var(--line);padding-top:8px;margin-top:14px;font-size:13px}
.ml-quote{margin-top:14px;color:var(--muted);font-size:13px}
.ml-quote blockquote{margin:6px 0;padding-left:12px;border-left:3px solid var(--line);max-height:none}
.ml-quote img{max-width:100%}
.ml-fwda{display:flex;align-items:center;gap:6px;margin:4px 0}
.ml-warnrow{margin:6px 0 0;color:var(--prog);font-size:13px;font-weight:600}
.ml-cfoot{display:flex;flex-wrap:wrap;align-items:center;gap:8px;padding-top:10px}
.ml-cfoot .btn{gap:8px}
.ml-chk{display:inline-flex;align-items:center;gap:6px;font-size:13px;color:var(--text);cursor:pointer}
.ml-float{position:fixed;right:20px;bottom:16px;width:min(620px,calc(100vw - 32px));max-height:min(86vh,760px);overflow-y:auto;background:var(--panel);border:1px solid var(--line);border-radius:14px;box-shadow:0 12px 36px rgba(9,30,66,.28);z-index:900}
.ml-sending{display:flex;align-items:center;gap:10px;padding:16px 18px;font-size:14px}
.ml-sending .ghost{margin-left:auto}
.ml-ac{position:absolute;left:58px;right:0;top:100%;z-index:950;background:var(--panel);border:1px solid var(--line);border-radius:10px;box-shadow:0 8px 24px rgba(9,30,66,.2);padding:4px;display:flex;flex-direction:column}
.ml-ac button{display:flex;align-items:center;gap:8px;border:0;background:none;padding:7px 8px;border-radius:6px;cursor:pointer;text-align:left;color:var(--text);font-size:13px}
.ml-ac button:hover,.ml-ac button:focus{background:var(--mlsel)}
.ml-ac i{font-style:normal;color:var(--muted)}
/* pop-up menus */
.ml-pop{position:fixed;z-index:1000;min-width:220px;max-width:320px;max-height:70vh;overflow-y:auto;background:var(--panel);border:1px solid var(--line);border-radius:10px;box-shadow:0 10px 28px rgba(9,30,66,.25);padding:6px}
.ml-pop button[role=menuitem]{display:flex;align-items:center;gap:9px;width:100%;border:0;background:none;color:var(--text);padding:8px 10px;border-radius:6px;cursor:pointer;text-align:left;font-size:13.5px}
.ml-pop button[role=menuitem]:hover,.ml-pop button[role=menuitem]:focus{background:var(--mlsel)}
.ml-pop button[role=menuitem] span{flex:1}
.ml-pop time{font-size:12px;color:var(--muted)}
.ml-poph{margin:4px 10px 4px;font-size:12px;color:var(--muted);font-weight:600}
.ml-popdt{display:flex;gap:6px;padding:6px;border-top:1px solid var(--line);margin-top:4px}
.ml-popdt input{flex:1;min-width:0;border:1px solid var(--line);background:var(--panel2);border-radius:6px;padding:0 6px;min-height:32px}
/* snackbar */
.ml-snack{position:fixed;left:50%;bottom:24px;transform:translateX(-50%);z-index:1100;background:#172B4D;color:#fff;border-radius:10px;padding:10px 14px;display:flex;align-items:center;gap:14px;box-shadow:0 8px 24px rgba(9,30,66,.3);font-size:13.5px}
.ml-snack[hidden]{display:none}
.ml-snack button{background:none;border:0;color:#85B8FF;font-weight:700;cursor:pointer;font-size:13.5px}
/* modals */
.ml-scrim{position:fixed;inset:0;background:var(--scrim);z-index:1200}
.ml-modal{position:fixed;left:50%;top:50%;transform:translate(-50%,-50%);z-index:1201;width:min(520px,calc(100vw - 24px));max-height:calc(100vh - 32px);overflow-y:auto;background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:16px 20px 18px;box-shadow:0 18px 48px rgba(3,4,4,.4)}
.ml-modal.wide{width:min(720px,calc(100vw - 24px))}
.ml-mh2{display:flex;align-items:center;gap:8px;margin-bottom:8px}.ml-mh2 h2{margin:0;font-size:19px;flex:1}
.ml-form{display:flex;flex-direction:column;gap:10px}
.ml-form label{display:flex;flex-direction:column;gap:4px;font-size:12.5px;font-weight:600;color:var(--muted)}
.ml-form input:not([type=checkbox]):not([type=radio]),.ml-form select,.ml-form textarea{border:1px solid var(--line);background:var(--panel2);border-radius:8px;padding:6px 10px;min-height:36px;font-weight:400;color:var(--text)}
.ml-form .ml-chk{flex-direction:row;font-weight:500;color:var(--text);font-size:13px}
.ml-grid2{display:grid;grid-template-columns:1fr 1fr;gap:10px 14px}
.ml-grid2 .w2{grid-column:1/-1}
.ml-ps span{display:flex;gap:6px}.ml-ps input{width:90px}.ml-ps select{flex:1}
.ml-adv{border:1px solid var(--line);border-radius:10px;padding:8px 12px}
.ml-adv summary{cursor:pointer;font-weight:600;font-size:13px}
.ml-adv>.ml-grid2{margin-top:10px}
.ml-form fieldset{border:1px solid var(--line);border-radius:10px;padding:8px 12px;margin:0}
.ml-form legend{font-size:12.5px;font-weight:600;color:var(--muted);padding:0 4px}
.ml-cols{display:flex;gap:8px;flex-wrap:wrap}
.ml-col{cursor:pointer}.ml-col input{position:absolute;opacity:0}
.ml-col span{display:block;width:26px;height:26px;border-radius:50%;background:var(--mc);border:3px solid var(--panel);box-shadow:0 0 0 1px var(--line)}
.ml-col input:checked+span{box-shadow:0 0 0 2px var(--text)}
.ml-col input:focus-visible+span{outline:2px solid var(--accent);outline-offset:2px}
.ml-team{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:4px 12px}
.ml-test{border-radius:10px;padding:10px 12px;background:var(--panel2);font-size:13px;display:flex;flex-direction:column;gap:4px}
.ml-test p{margin:0}.ml-test .ok{color:var(--done)}.ml-test .bad{color:var(--over)}
.ml-tpls{display:flex;flex-direction:column;gap:4px;margin:8px 0}
.ml-tplrow{display:flex;align-items:center;gap:10px;text-align:left;border:1px solid var(--line);background:var(--panel);border-radius:8px;padding:9px 12px;cursor:pointer;color:var(--text);flex-wrap:wrap}
.ml-tplrow:hover{border-color:var(--mlselb)}
.ml-tplrow span{color:var(--muted);font-size:12.5px;flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ml-tplrow i{font-style:normal;color:var(--muted);font-size:12px}
.ml-tplbody{border:1px solid var(--line);border-radius:8px;padding:10px 12px;background:var(--panel2);font-weight:400;color:var(--text);min-height:160px}
.ml-var{border:1px dashed var(--line);background:var(--panel2);border-radius:5px;font-size:11.5px;padding:0 5px;cursor:pointer;color:var(--text);margin:1px 0}
.ml-keys{display:grid;grid-template-columns:auto 1fr;gap:6px 16px;margin:8px 0 0}.ml-keys dt{text-align:right}.ml-keys dd{margin:0}
/* empty state */
.ml-empty{background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:32px clamp(18px,4vw,48px);max-width:720px;margin:12px auto}
.ml-empty h2{margin:12px 0 6px;font-size:24px;letter-spacing:-.015em}
.ml-empty p{color:var(--muted);max-width:60ch}
.ml-emptyart{width:64px;height:64px;border-radius:16px;display:grid;place-items:center;background:var(--mlsel);color:var(--mlselb)}
.ml-steps{padding-left:20px;line-height:1.6;margin:12px 0 18px}
.ml-steps code,.ml-modal code{background:var(--panel2);border-radius:4px;padding:1px 5px;font-size:12px}
/* the Mail tab badge */
#mlCnt{background:var(--mlunread)}
/* narrower screens: folders collapse, then one pane at a time */
@media (max-width:1180px){.ml{grid-template-columns:64px minmax(280px,340px) minmax(0,1fr)}
  .ml-side{padding:10px 6px;align-items:center}.ml-new{width:44px;padding:0}.ml-new span,.ml-boxes button span:not(.ml-dot),.ml-sh,.ml-sidefoot .ml-link{font-size:0;gap:0}
  .ml-boxes button{justify-content:center;padding:8px;position:relative;width:44px}.ml-bn{position:absolute;top:0;right:0;font-size:10px;min-width:0}.ml-sidefoot{align-items:center}.ml-sidefoot .ml-link{width:40px;justify-content:center}.ml-sidefoot .ml-link .mli{width:18px}
  .ml-tb span:not(.ml-av){display:none}}
@media (max-width:899px){
  .ml{grid-template-columns:1fr;height:var(--mlh,calc(100dvh - 140px));border-radius:0;border-left:0;border-right:0;margin-inline:-16px}
  .ml-side{position:absolute;inset:0 auto 0 0;width:240px;z-index:30;transform:translateX(-102%);transition:transform .18s ease;box-shadow:0 0 30px rgba(9,30,66,.25);align-items:stretch;padding:14px 10px}
  .ml-sideon .ml-side{transform:none}
  .ml-side .ml-new{width:100%}.ml-side .ml-new span,.ml-side .ml-boxes button span:not(.ml-dot),.ml-side .ml-sh,.ml-side .ml-sidefoot .ml-link{font-size:inherit}
  .ml-side .ml-boxes button{justify-content:flex-start;width:100%;padding:7px 10px}.ml-side .ml-bn{position:static;font-size:11.5px}.ml-side .ml-sidefoot{align-items:stretch}.ml-side .ml-sidefoot .ml-link{width:auto;justify-content:flex-start}
  .ml-menu,.ml-newm,.ml-back{display:inline-grid!important}
  .ml-listp{border-right:0}.ml-read{display:none}
  .ml-reading .ml-listp{display:none}.ml-reading .ml-read{display:flex}
  .ml-rscroll{padding:14px 14px 28px}.ml-hov{display:none!important}
  .ml-tools{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none}.ml-sep{display:none}
  #mlCompWrap{max-height:none;position:absolute;inset:0;z-index:20;box-shadow:none}
  .ml-float{inset:0;width:auto;max-height:none;border-radius:0}
  .ml-grid2{grid-template-columns:1fr}
  .ml-res{font-size:12.5px}.ml-amt{margin-left:0}}
@media (prefers-reduced-motion:reduce){.ml-side{transition:none}.ml-refresh.spin .mli{animation:none}}
.ml-form .hint{font-weight:400}

/* 1.53 · POS review */
.pqd{min-width:34px;min-height:34px;border:1px solid var(--line);background:var(--panel);color:var(--muted);border-radius:8px;font-weight:800;cursor:pointer;padding:0 8px}
.pqd:hover{color:var(--text);border-color:var(--accent)}
.pqd.on{background:var(--accent);border-color:var(--accent);color:#fff}
.posl-m em.p153ld{color:var(--done);font-weight:700}
.p153rf{min-width:34px;min-height:34px;border:1px solid var(--line);background:var(--panel);color:var(--text);border-radius:8px;cursor:pointer;margin-left:4px}
.p153rf:hover{border-color:var(--over);color:var(--over)}
.p153till{display:flex;flex-wrap:wrap;gap:8px;margin:10px 0}
button.p153warn{background:var(--over)!important;border-color:var(--over)!important;color:#fff!important}
.p153seg{display:flex;gap:6px;flex-wrap:wrap;grid-column:1/-1}
.p153seg button{flex:1 1 auto;min-height:40px;border:1px solid var(--line);background:var(--panel2);color:var(--text);border-radius:10px;padding:0 12px;cursor:pointer;font-weight:600}
.p153seg button[aria-pressed="true"],.p153seg button.on{background:var(--accent);border-color:var(--accent);color:#fff}
.p153chips{display:flex;flex-wrap:wrap;gap:6px}
.p153chips button{border:1px solid var(--line);background:var(--panel);color:var(--text);border-radius:999px;padding:6px 12px;cursor:pointer;font-size:13px;min-height:34px}
.p153chips button[aria-pressed="true"],.p153chips button.on{background:var(--accent);border-color:var(--accent);color:#fff}
.p153bills{list-style:none;margin:8px 0 0;padding:0;display:flex;flex-direction:column;gap:6px;max-height:52vh;overflow-y:auto}
.p153bills button{display:grid;grid-template-columns:auto 1fr auto;gap:10px;align-items:center;width:100%;text-align:left;background:var(--panel2);border:1px solid var(--line);border-radius:10px;padding:10px 12px;color:var(--text);cursor:pointer;min-height:48px}
.p153bills button:hover{border-color:var(--accent)}
.p153bills span{color:var(--muted);font-size:13px;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.p153find{display:grid;gap:8px}
.p153items{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}
.p153items li{display:flex;align-items:center;justify-content:space-between;gap:10px;background:var(--panel2);border-radius:10px;padding:8px 10px}
.p153items li>span:first-child{display:flex;flex-direction:column;min-width:0}
.p153items em{font-style:normal;font-size:12px;color:var(--muted)}
.p153q{display:inline-flex;align-items:center;gap:6px}
.p153q button{width:36px;height:36px;border-radius:9px;border:1px solid var(--line);background:var(--panel);color:var(--text);font-size:18px;cursor:pointer}
.p153q b{min-width:22px;text-align:center}
.p153meth{border:0;padding:0;margin:0;display:flex;flex-wrap:wrap;gap:6px}
.p153meth legend{font-size:13px;color:var(--muted);margin-bottom:6px;padding:0}
.p153meth label{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--line);border-radius:10px;padding:8px 12px;background:var(--panel);cursor:pointer;min-height:40px}
.p153meth label:has(input:checked){border-color:var(--accent);background:var(--panel2);font-weight:700}
.p153pv{margin:4px 0 0;font-size:15px}
.p153pv b{font-size:20px}
.p153bh{background:var(--panel2);border-radius:12px;padding:10px 12px;margin-bottom:10px}
.p153bh p{margin:2px 0}
.p153rl{margin:6px 0 0;padding-left:18px;font-size:13px;color:var(--over)}
.p153t{width:100%;border-collapse:collapse;font-size:13.5px}
.p153t th,.p153t td{padding:8px 6px;border-bottom:1px solid var(--line);text-align:left;white-space:nowrap}
.p153t th{color:var(--muted);font-weight:600;font-size:12.5px}
.p153t .r{text-align:right;font-variant-numeric:tabular-nums}
.p153t td.bad{color:var(--over);font-weight:700}
.p153t td.ok{color:var(--done)}
.mkmb:has(.p153t){overflow-x:auto}
.p153z h4{margin:14px 0 6px;font-size:13px;color:var(--muted);font-weight:700}
.p153hot{font-weight:700}
@media (max-width:640px){.p153bills button{grid-template-columns:1fr auto}.p153bills span{grid-column:1/-1;order:3}.p153seg button{flex:1 1 40%}}
.p153z .warn dd{color:var(--over)}
.p153z .big{grid-column:span 2}
.p153z .big dd{font-size:18px}
.p153items li.off{opacity:.55}
dl.p153z{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:8px;margin:0}
dl.p153z>div{background:var(--panel2);border-radius:10px;padding:8px 10px;min-width:0}
dl.p153z dt{font-size:12px;color:var(--muted)}
dl.p153z dd{margin:0;font-weight:800;font-variant-numeric:tabular-nums}
dl.p153z .bad dd{color:var(--over)}
dl.p153z .ok dd{color:var(--done)}
.p153tw{overflow-x:auto;max-width:100%}
.p153tw .p153t{min-width:0}

/* 1.54 · options, seats, tips, split evenly */
.p154g{border:0;padding:0;margin:0 0 12px}
.p154g legend{font-weight:700;margin-bottom:6px;padding:0}
.p154g legend .hint{font-weight:400;margin-left:6px}
.p154chips{display:flex;flex-wrap:wrap;gap:6px;align-items:center}
.p154chips button{border:1px solid var(--line);background:var(--panel2);color:var(--text);border-radius:10px;padding:8px 12px;min-height:42px;cursor:pointer;font-weight:600;display:inline-flex;gap:6px;align-items:center}
.p154chips button em{font-style:normal;font-weight:500;color:var(--muted);font-size:12.5px}
.p154chips button[aria-pressed="true"]{background:var(--accent);border-color:var(--accent);color:#fff}
.p154chips button[aria-pressed="true"] em{color:#fff;opacity:.85}
.p154pv{font-size:20px;font-weight:800;margin-right:auto;font-variant-numeric:tabular-nums}
.positem .p154o{color:var(--accent)}
.p154tip{border-top:1px solid var(--line);margin-top:10px;padding-top:10px;display:grid;gap:8px}
.p154tiph{display:flex;gap:10px;align-items:baseline}
.p154tiph span{color:var(--done);font-weight:700}
.p154tipo{display:inline-flex;align-items:center;gap:6px;font-size:13px}
.p154tipo input{width:80px;min-height:40px}
.p154tip .hint{margin:0}
.p154splitb{margin:8px 0 0}
.p154sn{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:10px}
.p154sn b{font-size:20px;min-width:24px;text-align:center}
.p154sh{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}
.p154sh li{display:grid;grid-template-columns:76px 80px 1fr auto;gap:10px;align-items:center;background:var(--panel2);border-radius:10px;padding:8px 10px}
.p154sh li b{font-variant-numeric:tabular-nums}
.p154sh li.paid{opacity:.8}
.p154ok{color:var(--done);font-weight:700}
.p154seats{display:flex;flex-wrap:wrap;gap:4px;align-items:center;margin:6px 0}
.p154seats>span{font-size:12.5px;color:var(--muted);margin-right:2px}
.p154seats button[data-pos154^="seat|"]{min-width:34px;min-height:32px;border:1px solid var(--line);background:var(--panel);color:var(--text);border-radius:8px;cursor:pointer;font-weight:600;padding:0 8px}
.p154seats button[aria-pressed="true"]{background:var(--accent);border-color:var(--accent);color:#fff}
.p154seats [data-pos154="splitseats"]{margin-left:auto}
.p154st{align-self:flex-start;border:1px dashed var(--line);background:none;color:var(--muted);border-radius:6px;font-size:11.5px;padding:1px 6px;cursor:pointer;margin-top:2px}
.p154st.on{border-style:solid;color:var(--text);font-weight:700}
.p154err{display:flex;flex-direction:column;gap:10px;align-items:center}
@media (max-width:640px){.p154sh li{grid-template-columns:1fr auto}.p154sh li .p154chips{grid-column:1/-1}}
.posmodal .btn.pay:disabled,.posmodal .btn:disabled{opacity:.45;cursor:not-allowed;filter:saturate(.6)}
.posl:has(> .pqd){grid-template-columns:1fr auto auto auto auto}
.posl > .pqd{min-width:32px;min-height:32px;padding:0 6px}

/* 1.55 · deposits, customer display, staff limits */
.p155dch{border:1px solid var(--line);background:var(--panel2);color:var(--text);border-radius:999px;padding:5px 11px;font-size:12.5px;font-weight:700;cursor:pointer;min-height:32px}
.p155dch.held{border-color:var(--done);color:var(--done)}
.p155dch.wait{border-color:var(--prog);color:var(--prog)}
.p155dch.refunded,.p155dch.kept{color:var(--muted)}
.p155dpay{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px;background:var(--panel2);border:1px solid var(--done);border-radius:12px;padding:10px 12px;margin-bottom:10px}
.p155dpay span{flex:1 1 220px}
.p155dpay label{display:flex;align-items:center;gap:8px;font-size:13px;margin:0}
.p155dpay input{width:110px}
.p155link{display:flex;gap:8px;align-items:center;margin-top:8px}
.p155link input{flex:1;min-width:0;font-size:13px}
.p155dq{display:flex;justify-content:center;margin:10px 0}
.p155dq svg{border-radius:12px;background:#fff;padding:6px;max-width:100%;height:auto}
.p155on{color:var(--done);font-weight:700}
.p155lim input{width:96px;text-align:right}
.p155lim td,.p155lim th{white-space:nowrap}

/* 1.56 · POS setup wizard */
.wzbanner{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:8px 0 14px;padding:10px 12px;border:1px dashed var(--accent);border-radius:12px;background:var(--panel2)}
.wzhead{display:flex;justify-content:space-between;align-items:flex-end;gap:12px;margin:6px 0 14px}
.wzhead h3{margin:0;font-size:22px;display:flex;align-items:center;gap:8px}
.wzhead .hint{margin:0}
.wzgrid{display:grid;grid-template-columns:230px minmax(0,1fr);gap:18px;align-items:start}
.wzsteps{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:2px;position:sticky;top:10px}
.wzsteps button{display:flex;align-items:center;gap:10px;width:100%;background:none;border:0;border-radius:10px;padding:9px 10px;color:var(--muted);text-align:left;font-size:14px;cursor:pointer;min-height:42px}
.wzsteps button span{flex:0 0 26px;height:26px;border-radius:50%;border:2px solid var(--line);display:flex;align-items:center;justify-content:center;font-weight:800;font-size:12.5px}
.wzsteps li.done button{color:var(--text)}
.wzsteps li.done button span{background:var(--done);border-color:var(--done);color:#fff}
.wzsteps li.on button{background:var(--panel2);color:var(--text);font-weight:700}
.wzsteps li.on button span{border-color:var(--accent);color:var(--accent)}
.wzsteps button:hover{background:var(--panel2)}
.wzbody{background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:18px 20px;min-width:0}
.wzbody>p:first-of-type{margin-top:0}
.wzbody h4{margin:18px 0 8px;font-size:14px}
.wzt{margin:0 0 12px!important;font-size:12.5px!important;color:var(--muted);font-weight:700}
.wzerr{background:color-mix(in srgb,var(--over) 14%,transparent);border:1px solid var(--over);color:var(--text);border-radius:10px;padding:9px 12px}
.wzstart{max-width:760px}
.wzstart h3{margin:4px 0 6px;font-size:22px}
.wzouts{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:10px;margin:14px 0}
.wzoc{display:flex;flex-direction:column;align-items:flex-start;gap:4px;padding:14px;border:1px solid var(--line);border-radius:12px;background:var(--panel);color:var(--text);cursor:pointer;text-align:left;min-height:72px}
.wzoc:hover{border-color:var(--accent)}
.wzoc span{font-size:13px;color:var(--muted)}
.wzoc.live span{color:var(--done);font-weight:700}
.wznew{display:flex;gap:10px;align-items:flex-end;flex-wrap:wrap}
.wznew label{flex:1 1 260px}
.wztypes{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:10px;margin:12px 0 16px}
.wztype{display:flex;flex-direction:column;gap:4px;text-align:left;padding:14px;border:2px solid var(--line);border-radius:14px;background:var(--panel2);color:var(--text);cursor:pointer}
.wztype.on{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 10%,var(--panel2))}
.wztype .wzi{font-size:26px}
.wztype em{font-style:normal;font-size:12.5px;color:var(--muted)}
.wzareas,.wzvip{display:flex;flex-direction:column;gap:8px}
.wzarea{display:flex;flex-wrap:wrap;gap:8px;align-items:flex-end;background:var(--panel2);border-radius:10px;padding:8px 10px}
.wzarea label{display:flex;flex-direction:column;font-size:12.5px;gap:3px;flex:1 1 110px;margin:0}
.wzarea label.wzl{flex:3 1 240px}
.wzprev{font-size:13px;line-height:1.6;color:var(--muted)}
.wzprev b{color:var(--text)}
.wzcards{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:10px;margin:10px 0}
.wzcard{border:1px solid var(--line);border-radius:12px;padding:12px;background:var(--panel2);display:flex;flex-direction:column;gap:6px;align-items:flex-start}
.wzcard p{margin:0}
.wzcard .pf{width:100%}
.wzppl select{min-width:120px}
.wzlist{list-style:none;padding:0;margin:6px 0;display:flex;flex-direction:column;gap:6px}
.wzlist li{display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px;background:var(--panel2);border-radius:10px;padding:8px 10px}
.wzpay{border:0;padding:0;margin:0;display:flex;flex-wrap:wrap;gap:6px 16px}
.wzpay legend{font-size:13px;color:var(--muted);padding:0;margin-bottom:4px}
.wzok{color:var(--done);font-weight:700}
.wzwarn{color:var(--prog);font-weight:700}
.wzcheck{list-style:none;padding:0;margin:10px 0;display:flex;flex-direction:column;gap:6px}
.wzcheck li{display:grid;grid-template-columns:30px 1fr auto;gap:10px;align-items:center;background:var(--panel2);border-radius:10px;padding:9px 12px;border-left:4px solid var(--done)}
.wzcheck li.warn{border-left-color:var(--prog)}
.wzcheck li.fail{border-left-color:var(--over)}
.wzcheck p{margin:2px 0 0;font-size:13px;color:var(--muted)}
.wzci{width:26px;height:26px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:900;color:#fff;background:var(--done)}
.wzcheck .warn .wzci{background:var(--prog)}
.wzcheck .fail .wzci{background:var(--over)}
.wzol{margin:6px 0 12px;padding-left:20px;line-height:1.7}
.wzclr{border:1px solid var(--over);border-radius:12px;padding:10px 12px;margin:10px 0}
.wzfoot{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-top:14px}
.wznav{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-top:20px;padding-top:14px;border-top:1px solid var(--line)}
@media (max-width:820px){.wzgrid{grid-template-columns:1fr}.wzsteps{position:static;flex-direction:row;overflow-x:auto;gap:4px;padding-bottom:4px}.wzsteps button{white-space:nowrap;min-height:38px;padding:6px 10px}.wzbody{padding:14px}.wzcheck li{grid-template-columns:26px 1fr}.wzcheck li button{grid-column:2}}

/* v1.57 · Info Central */
body.infmode .stats,body.infmode .toolbar,body.infmode #legend{display:none!important}
.inf{max-width:1080px;margin:0 auto;padding:4px 0 40px}
.infi{flex:none;vertical-align:-3px}
.inf-wait,.inf-wait2{color:var(--muted);text-align:center;padding:40px 0}.inf-wait2{padding:24px 0}
.inf-head{display:flex;gap:16px;align-items:flex-start;justify-content:space-between;flex-wrap:wrap;margin:6px 0 14px}
.inf-t{display:flex;gap:14px;align-items:flex-start;min-width:0;flex:1 1 380px}
.inf-t h2{margin:0;font-size:22px;letter-spacing:-.01em}.inf-t p{margin:3px 0 0;color:var(--muted);max-width:62ch;font-size:14px;line-height:1.45}
.inf-badge{width:42px;height:42px;border-radius:12px;display:grid;place-items:center;background:color-mix(in srgb,#C9A24A 20%,transparent);color:#C9A24A;flex:none}
.inf-acts,.inf-row{display:flex;gap:8px;flex-wrap:wrap;align-items:center}
.inf-b{display:inline-flex;align-items:center;gap:6px;min-height:36px;padding:0 12px;border-radius:8px;border:1px solid var(--line);background:var(--panel);color:var(--text);font:inherit;font-size:14px;font-weight:600;cursor:pointer}
.inf-b:hover{background:var(--panel2)}.inf-b.sm{min-height:30px;padding:0 9px;font-size:13px}.inf-b.danger{color:var(--over);border-color:color-mix(in srgb,var(--over) 45%,var(--line))}
.inf-b:focus-visible,.inf-sum:focus-visible,.inf-cats button:focus-visible,.inf-tabs button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.inf-tabs{display:flex;gap:2px;border-bottom:1px solid var(--line);margin-bottom:14px;overflow-x:auto}
.inf-tabs button{background:none;border:0;border-bottom:2px solid transparent;color:var(--muted);font:inherit;font-weight:600;padding:9px 12px;cursor:pointer;white-space:nowrap}
.inf-tabs button[aria-selected="true"]{color:var(--text);border-bottom-color:var(--accent)}
.inf-renew{background:color-mix(in srgb,var(--prog) 12%,var(--panel));border:1px solid color-mix(in srgb,var(--prog) 35%,var(--line));border-radius:10px;padding:9px 12px;margin-bottom:12px;font-size:14px}
.inf-renew button{background:none;border:0;color:inherit;text-decoration:underline;cursor:pointer;font:inherit;padding:0 4px}
.inf-bar{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:10px}
.inf-q{flex:1 1 260px;display:flex;align-items:center;gap:8px;background:var(--panel);border:1px solid var(--line);border-radius:9px;padding:0 10px;color:var(--muted)}
.inf-q input{flex:1;background:none;border:0;color:var(--text);font:inherit;min-height:38px;outline:none;min-width:0}
.inf-q:focus-within{border-color:var(--accent)}
.inf-bar select,.inf-pick select{min-height:40px;border-radius:9px;border:1px solid var(--line);background:var(--panel);color:var(--text);font:inherit;padding:0 10px}
.inf-cats{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:14px}
.inf-cats button{border:1px solid var(--line);background:var(--panel);color:var(--text);border-radius:99px;padding:5px 11px;font:inherit;font-size:13px;cursor:pointer}
.inf-cats button span{color:var(--muted);margin-left:3px}.inf-cats button[aria-pressed="true"]{background:var(--text);color:var(--bg);border-color:var(--text)}.inf-cats button[aria-pressed="true"] span{color:inherit;opacity:.7}
.inf-grp{margin-bottom:18px}.inf-grp h3{font-size:14px;margin:0 0 6px;color:var(--muted);font-weight:700}.inf-grp h3 span{font-weight:500}
.inf-ul{list-style:none;margin:0;padding:0;border:1px solid var(--line);border-radius:12px;overflow:hidden;background:var(--panel)}
.inf-it+.inf-it{border-top:1px solid var(--line)}.inf-it.on{background:var(--panel2)}
.inf-sum{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1.4fr) auto;gap:12px;align-items:center;width:100%;text-align:left;background:none;border:0;color:var(--text);font:inherit;padding:11px 14px;cursor:pointer}
.inf-tt{font-weight:650;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.inf-sens{color:var(--over);font-style:normal;font-size:10px;vertical-align:2px}
.inf-sub{display:flex;gap:8px;color:var(--muted);font-size:13px;min-width:0;overflow:hidden;white-space:nowrap}.inf-sub span{overflow:hidden;text-overflow:ellipsis}
.inf-sub b{font-weight:600;color:var(--text);background:var(--panel2);border-radius:5px;padding:0 6px;flex:none}
.inf-it.on .inf-sub b{background:var(--panel)}
.inf-meta{display:flex;gap:8px;align-items:center;color:var(--muted);font-size:12px;justify-self:end}.inf-meta em{font-style:normal;max-width:220px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.inf-det{padding:2px 14px 14px}
.inf-det dl{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:10px 18px;margin:0 0 10px}
.inf-kv{min-width:0}.inf-kv.wide{grid-column:1/-1}.inf-kv dt{font-size:12px;color:var(--muted);margin-bottom:2px}.inf-kv dd{margin:0;display:flex;gap:6px;align-items:center;flex-wrap:wrap;overflow-wrap:anywhere}
.inf-kv code{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:14px;background:var(--bg);border:1px solid var(--line);border-radius:6px;padding:3px 8px;overflow-wrap:anywhere}
.inf-secret code{letter-spacing:.04em;min-width:120px}
.inf-kv a{color:var(--verify)}.inf-notes{white-space:pre-wrap;line-height:1.45}
.inf-foot{font-size:12px;color:var(--muted);margin:0 0 10px}.inf-tag{display:inline-block;border:1px solid var(--line);border-radius:5px;padding:0 6px;margin-right:4px}
.inf-none{color:var(--muted);padding:18px 0}
.inf-empty{background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:30px clamp(18px,4vw,44px);max-width:680px;margin:10px auto;text-align:left}
.inf-empty h3{margin:12px 0 6px;font-size:20px}.inf-empty p{color:var(--muted);line-height:1.5;max-width:60ch}
.inf-emptyart{width:56px;height:56px;border-radius:14px;display:grid;place-items:center;background:color-mix(in srgb,#C9A24A 18%,transparent);color:#C9A24A}.inf-emptyart.ok{background:color-mix(in srgb,var(--done) 18%,transparent);color:var(--done)}
.inf-ov{position:fixed;inset:0;background:var(--scrim);z-index:900;display:grid;place-items:center;padding:16px;overflow:auto}
.inf-dlg{background:var(--panel);color:var(--text);border:1px solid var(--line);border-radius:14px;width:min(720px,100%);max-height:calc(100vh - 32px);display:flex;flex-direction:column;box-shadow:0 20px 60px rgba(0,0,0,.4)}
.inf-dlg.wide{width:min(1000px,100%)}
.inf-dlg header,.inf-dlg footer{display:flex;align-items:center;gap:8px;padding:12px 16px;border-bottom:1px solid var(--line)}.inf-dlg footer{border-bottom:0;border-top:1px solid var(--line)}.inf-dlg footer span{flex:1}
.inf-dlg h3{margin:0;font-size:17px;flex:1}
.inf-x{background:none;border:0;color:var(--muted);cursor:pointer;padding:6px;border-radius:6px;display:grid;place-items:center}.inf-x:hover{background:var(--panel2);color:var(--text)}
.inf-form{display:grid;grid-template-columns:1fr 1fr;gap:12px 14px;padding:14px 16px;overflow:auto}.inf-form1{padding:14px 16px;overflow:auto}
.inf-form .w2{grid-column:1/-1}
.inf-form label,.inf-set label{display:flex;flex-direction:column;gap:4px;font-size:13px;color:var(--muted);font-weight:600}
.inf-form input:not([type=checkbox]):not([type=radio]),.inf-form select,.inf-form textarea,.inf-set input[type=number],.inf-fr input:not([type=checkbox]){background:var(--bg);border:1px solid var(--line);border-radius:8px;color:var(--text);font:inherit;font-weight:400;min-height:38px;padding:6px 10px;min-width:0}
.inf-form textarea{resize:vertical}
.inf-pw{display:flex;gap:6px}.inf-pw input{flex:1}
.inf-fs{border:1px solid var(--line);border-radius:10px;padding:10px 12px;margin:0;display:flex;flex-direction:column;gap:8px}
.inf-fs legend{font-size:13px;font-weight:700;padding:0 4px}.inf-fs legend small{font-weight:400;color:var(--muted)}
.inf-fr{display:grid;grid-template-columns:1fr 1.4fr auto auto;gap:6px;align-items:center}.inf-fr .fs{flex-direction:row!important;align-items:center;gap:4px;font-weight:500!important}
.inf-aud{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.inf-form .inf-radio,.inf-set .inf-radio{flex-direction:row;align-items:flex-start;gap:8px;border:1px solid var(--line);border-radius:9px;padding:8px 10px;color:var(--text);font-weight:400;cursor:pointer}
.inf-radio span{display:flex;flex-direction:column;gap:2px}.inf-radio small{color:var(--muted)}.inf-radio:has(input:checked){border-color:var(--accent);background:var(--accentSoft)}
.inf-radio input{margin-top:3px}
.inf-cust{display:flex;flex-direction:column;gap:6px}.inf-cust p{margin:6px 0 0;font-size:12px;font-weight:700;color:var(--muted)}.inf-cust small{color:var(--muted)}
.inf-chk{display:flex;flex-wrap:wrap;gap:6px}.inf-chk.ppl{max-height:180px;overflow:auto}
.inf-chk label{flex-direction:row!important;align-items:center;gap:6px;border:1px solid var(--line);border-radius:7px;padding:4px 9px;color:var(--text)!important;font-weight:500!important;font-size:13px}
.inf-drop{display:flex;flex-direction:column;gap:12px;align-items:flex-start}.inf-drop p{margin:0;line-height:1.5;max-width:70ch}
.inf-warn{background:color-mix(in srgb,var(--prog) 12%,transparent);border-left:3px solid var(--prog);padding:9px 12px;border-radius:0 8px 8px 0;font-size:13px;line-height:1.5;margin:10px 0 0}
.inf-note{color:var(--muted);font-size:14px;line-height:1.5;max-width:75ch}
.inf-impw{overflow-x:auto}
.inf-imp,.inf-tbl{width:100%;border-collapse:collapse;font-size:13px}
.inf-imp th,.inf-imp td,.inf-tbl th,.inf-tbl td{border-bottom:1px solid var(--line);padding:8px 6px;text-align:left;vertical-align:top}
.inf-imp th,.inf-tbl th{color:var(--muted);font-weight:600}
.inf-imp small{display:block;color:var(--muted);max-width:280px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.inf-imp select{background:var(--bg);border:1px solid var(--line);border-radius:7px;color:var(--text);font:inherit;min-height:32px;max-width:170px}
.inf-imp details summary{cursor:pointer;color:var(--muted);font-size:12px}.inf-imp details small{white-space:normal}
.inf-hsum{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:6px}.inf-hsum div{background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:12px 16px;min-width:200px}
.inf-hsum b{font-size:26px;display:block;color:var(--over)}.inf-hsum span{color:var(--muted);font-size:13px}
.inf-hl{list-style:none;margin:0;padding:0;border:1px solid var(--line);border-radius:12px;overflow:hidden;background:var(--panel)}
.inf-hl li+li{border-top:1px solid var(--line)}
.inf-hl button{width:100%;text-align:left;background:none;border:0;color:var(--text);font:inherit;padding:10px 14px;cursor:pointer;display:flex;flex-wrap:wrap;gap:4px 8px;align-items:baseline}
.inf-hl button:hover{background:var(--panel2)}.inf-hl small{color:var(--muted)}.inf-hl span{flex-basis:100%;color:var(--muted);font-size:13px}
.inf-pick{display:flex;gap:8px;align-items:center;margin:8px 0 12px;font-weight:600}
.inf-acchd{margin-bottom:8px}.inf-lk{background:none;border:0;color:var(--verify);cursor:pointer;font:inherit;padding:0;text-align:left}
.inf-set{display:flex;flex-direction:column;gap:14px;max-width:720px;align-items:flex-start}.inf-set .inf-fs{width:100%}
@media (max-width:700px){
  .inf-sum{grid-template-columns:1fr;gap:3px}.inf-meta{justify-self:start}
  .inf-form,.inf-aud{grid-template-columns:1fr}
  .inf-fr{grid-template-columns:1fr 1fr;}.inf-fr .fs{grid-column:1}.inf-det dl{grid-template-columns:1fr}
  .inf-ov{padding:0;place-items:stretch}.inf-dlg{border-radius:0;max-height:100vh;height:100%}
}
@media print{.inf{display:none}}

/* v1.57.1 · HR & Admin task type */
.kindw{display:flex;flex-direction:column;gap:6px}.kindw .klab{font-size:12px;font-weight:600;color:var(--muted)}
.kindw .kseg{display:flex;gap:8px;flex-wrap:wrap}
.kindw .kopt{display:flex;align-items:center;gap:6px;border:1px solid var(--line);border-radius:8px;padding:7px 12px;cursor:pointer;font-weight:600;flex-direction:row}
.kindw .kopt:has(input:checked){border-color:var(--d-hr);background:color-mix(in srgb,var(--d-hr) 14%,transparent)}
.chip.kad{color:var(--d-hr);border-color:color-mix(in srgb,var(--d-hr) 45%,var(--line))}
.chip.kmt{color:#D96C1A;border-color:color-mix(in srgb,#D96C1A 45%,var(--line))}
.lb.kad{background:color-mix(in srgb,var(--d-hr) 20%,transparent);color:var(--text)}
.fgrid .kindw label.kopt{flex-direction:row;align-items:center;white-space:nowrap;color:var(--text);font-size:14px;padding:8px 14px}
.fgrid .kindw .kopt input{width:auto;min-height:0;height:auto;margin:0;padding:0;flex:none;accent-color:var(--d-hr)}

/* v1.58 · outlet check-in code, undo check-out */
.ck-codebtn{display:block;margin:10px auto 0;background:none;border:0;color:var(--muted);font:inherit;font-size:14px;text-decoration:underline;cursor:pointer;padding:8px}
.ck-code{margin:12px 0 0;padding:12px 14px;border:1px solid var(--line);border-radius:12px;background:var(--panel2);display:flex;flex-direction:column;gap:8px;text-align:left}
.ck-code label{font-weight:700;font-size:14px}.ck-code em{font-style:normal;color:var(--muted);font-size:13px}
.ck-code-r{display:flex;gap:8px}.ck-code-r input{flex:1;min-width:0;font:700 24px/1 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.15em;text-align:center;padding:10px;border-radius:10px;border:1px solid var(--line);background:var(--bg);color:var(--text)}
.ck-code.ok{flex-direction:row;align-items:center;justify-content:space-between;border-color:color-mix(in srgb,var(--done) 50%,var(--line));background:color-mix(in srgb,var(--done) 12%,var(--panel))}
.ck-code.ok b{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.08em}
.ck-undo{margin:12px 0 0;display:flex;align-items:center;justify-content:center;gap:10px;flex-wrap:wrap;padding:10px;border-radius:12px;background:color-mix(in srgb,var(--prog) 12%,var(--panel2))}
.ck-undo em{font-style:normal;color:var(--muted);font-size:13px}
.hck-set .hck-s{display:flex;flex-wrap:wrap;gap:8px 14px;align-items:center;justify-content:space-between;padding:10px 0;border-bottom:1px solid var(--line)}
.hck-s>div:first-child{display:flex;flex-direction:column}.hck-s span{color:var(--muted);font-size:13px}.hck-sa{display:flex;gap:6px;flex-wrap:wrap}
.hck-qrbox{flex-basis:100%;display:flex;gap:14px;align-items:center;flex-wrap:wrap}.hck-qrbox svg{background:#fff;border-radius:10px;padding:6px}.hck-qrbox p{max-width:52ch;margin:0}
.hck-add{display:flex;gap:10px;align-items:flex-end;flex-wrap:wrap;margin:12px 0}.hck-add label{display:flex;flex-direction:column;gap:4px;font-size:13px;color:var(--muted)}
.hck-cfg{display:flex;flex-direction:column;gap:10px;align-items:flex-start;border-top:1px solid var(--line);padding-top:12px}.hck-cfg .seg{display:flex;gap:6px;flex-wrap:wrap}.hck-cfg .seg label{border:1px solid var(--line);border-radius:8px;padding:6px 10px;display:flex;gap:6px;align-items:center}
.hck-ppl{display:flex;flex-wrap:wrap;gap:6px;max-height:220px;overflow:auto}.hck-ppl label{border:1px solid var(--line);border-radius:7px;padding:4px 8px;font-size:13px;display:flex;gap:6px;align-items:center}.hck-ppl em{color:var(--muted);font-style:normal}
.hck-un input{width:64px}
/* v1.58 · Assets & checks */
.ast{display:flex;flex-direction:column;gap:12px}
.ast-warn{border:1px solid color-mix(in srgb,var(--prog) 50%,var(--line));background:color-mix(in srgb,var(--prog) 12%,var(--panel));border-radius:10px;padding:10px 12px;line-height:1.6}
.ast-lk,.ast-gone{background:none;border:0;color:inherit;text-decoration:underline;cursor:pointer;font:inherit;padding:0 4px}.ast-gone{text-decoration:none;font-style:normal;font-size:11px;background:color-mix(in srgb,var(--over) 22%,transparent);border-radius:5px;padding:1px 6px}
.ast-tabs{display:flex;gap:2px;border-bottom:1px solid var(--line);overflow-x:auto}.ast-tabs button{background:none;border:0;border-bottom:2px solid transparent;color:var(--muted);font:inherit;font-weight:600;padding:9px 12px;cursor:pointer;white-space:nowrap}.ast-tabs button[aria-selected="true"]{color:var(--text);border-bottom-color:var(--accent)}
.ast-bar{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.ast-bar select,.ast-q input{min-height:38px;border-radius:8px;border:1px solid var(--line);background:var(--panel);color:var(--text);font:inherit;padding:0 10px}.ast-q{flex:1 1 220px;display:flex}.ast-q input{flex:1;min-width:0}
.ast-sum{margin:0}
.ast-list{border:1px solid var(--line);border-radius:12px;overflow:hidden;background:var(--panel)}
.ast-it+.ast-it{border-top:1px solid var(--line)}.ast-it.on{background:var(--panel2)}
.ast-sum{all:unset}.ast-it .ast-sum{display:grid;grid-template-columns:28px minmax(0,1.4fr) minmax(0,1fr) minmax(0,1fr) auto;gap:10px;align-items:center;width:100%;box-sizing:border-box;padding:10px 12px;cursor:pointer}
.ast-it .ast-sum:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}
.ast-e{font-size:20px;text-align:center}.ast-n{display:flex;flex-direction:column;min-width:0}.ast-n b,.ast-w,.ast-h{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ast-n em,.ast-w{color:var(--muted);font-style:normal;font-size:13px}
.ast-st{font-size:12px;font-weight:600;border-radius:99px;padding:3px 9px;white-space:nowrap;border:1px solid var(--line)}.ast-st.with{color:var(--verify)}.ast-st.s-repair{color:var(--prog)}.ast-st.s-lost{color:var(--over)}.ast-st.s-retired{color:var(--muted)}
.ast-det{padding:4px 12px 14px 50px}.ast-det dl{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:8px 16px;margin:0 0 10px}.ast-det dt{font-size:12px;color:var(--muted)}.ast-det dd{margin:0}
.ast-acts{display:flex;gap:8px;flex-wrap:wrap}.ast-hist{list-style:none;margin:10px 0 0;padding:0;font-size:13px;color:var(--muted)}.ast-hist li{padding:3px 0}.ast-hist time{color:var(--text);margin-right:6px}.ast-hist em{font-style:normal}
.ast-empty,.ast-none{color:var(--muted)}.ast-empty{background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:22px}.ast-empty h3{color:var(--text);margin:0 0 6px}.ast-empty p{max-width:64ch;line-height:1.5}
.ast-ppl{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:10px}.ast-pc{background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:12px}.ast-pc.gone{border-color:color-mix(in srgb,var(--over) 45%,var(--line))}
.ast-pc h3{margin:0 0 8px;font-size:15px;display:flex;gap:8px;align-items:baseline;flex-wrap:wrap}.ast-pc h3 em{font-style:normal;color:var(--muted);font-weight:400;font-size:13px}
.ast-pc ul{list-style:none;margin:0;padding:0}.ast-pc li{display:flex;gap:6px;align-items:center;padding:4px 0;flex-wrap:wrap}.ast-pc li em{color:var(--muted);font-style:normal}.ast-pc li .ghost{margin-left:auto}
.ast-cond{border:0;padding:0;margin:8px 0;display:flex;gap:8px;flex-wrap:wrap}.ast-cond legend{font-size:13px;color:var(--muted);margin-bottom:4px}.ast-cond label{border:1px solid var(--line);border-radius:8px;padding:6px 12px;display:flex;gap:6px;align-items:center;cursor:pointer}
.inf-form1 label{display:flex;flex-direction:column;gap:4px;font-size:13px;color:var(--muted);font-weight:600;margin:8px 0}.inf-form1 select,.inf-form1 input:not([type=radio]){min-height:38px;border-radius:8px;border:1px solid var(--line);background:var(--bg);color:var(--text);font:inherit;padding:0 10px}
.ast-cond label{flex-direction:row!important;color:var(--text)!important;font-weight:500!important;margin:0!important}
.inf-form .ast-chk{flex-direction:row;align-items:center;gap:8px;color:var(--text)}
.ast-chks{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:10px}
.ast-cc{display:flex;flex-direction:column;gap:6px;align-items:flex-start;text-align:left;background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:12px 14px;color:var(--text);font:inherit;cursor:pointer}
.ast-cc.done{border-color:color-mix(in srgb,var(--done) 55%,var(--line))}.ast-cc span{color:var(--muted);font-size:13px}.ast-cc em{font-style:normal;font-size:13px}
.ast-pb{display:block;width:100%;height:6px;border-radius:99px;background:var(--panel2);overflow:hidden}.ast-pb i{display:block;height:100%;background:var(--done)}.ast-pb.big{width:160px;height:8px}
.ast-cfg{display:flex;gap:14px;align-items:center;flex-wrap:wrap;color:var(--muted);font-size:13px}.ast-cfg input[type=number]{width:56px}
.ast-chkh{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.ast-chkh h3{margin:0;font-size:17px}
.ast-grp h4{margin:12px 0 6px;font-size:13px;color:var(--muted)}
.ast-cr{background:var(--panel);border:1px solid var(--line);border-radius:10px;padding:10px 12px;margin-bottom:6px;display:flex;flex-wrap:wrap;gap:8px 14px;align-items:center;justify-content:space-between}
.ast-cr.r-ok{border-left:4px solid var(--done)}.ast-cr.r-issue{border-left:4px solid var(--prog)}.ast-cr.r-missing{border-left:4px solid var(--over)}
.ast-ci{display:flex;gap:10px;align-items:center;min-width:0}.ast-ci>span:last-child{display:flex;flex-direction:column}.ast-ci em,.ast-ci small{color:var(--muted);font-style:normal;font-size:13px}
.ast-cb{display:flex;gap:6px}.ast-cb button{min-height:40px;min-width:76px;border-radius:8px;border:1px solid var(--line);background:var(--panel2);color:var(--text);font:inherit;font-weight:700;cursor:pointer}
.ast-cb button[aria-pressed="true"]:nth-child(1){background:var(--done);color:#08130c;border-color:var(--done)}.ast-cb button[aria-pressed="true"]:nth-child(2){background:var(--prog);color:#1c1300;border-color:var(--prog)}.ast-cb button[aria-pressed="true"]:nth-child(3){background:var(--over);color:#fff;border-color:var(--over)}
.ast-pf{flex-basis:100%;display:flex;gap:8px;align-items:center;flex-wrap:wrap}.ast-pf input[name=note]{flex:1 1 240px;min-height:38px;border-radius:8px;border:1px solid var(--line);background:var(--bg);color:var(--text);font:inherit;padding:0 10px}.ast-pf label{display:flex;gap:6px;align-items:center;font-size:13px}
.ast-mine ul{list-style:none;margin:0;padding:0}.ast-mine li{display:flex;gap:12px;align-items:center;padding:10px 0;border-bottom:1px solid var(--line)}.ast-mine li>span:nth-child(2){flex:1;display:flex;flex-direction:column}.ast-mine em,.ast-mine small{color:var(--muted);font-style:normal;font-size:13px}.ast-ok{color:var(--done);font-weight:600;font-size:13px}
.ast-exit .ast-ex{padding:8px 0;border-bottom:1px solid var(--line)}.ast-exit ul{margin:4px 0 0;padding-left:18px;color:var(--muted)}.ast-exit em{color:var(--muted);font-style:normal}
@media (max-width:700px){.ast-it .ast-sum{grid-template-columns:28px minmax(0,1fr) auto}.ast-w,.ast-h{grid-column:2}.ast-it .ast-st{grid-column:3;grid-row:1}.ast-det{padding-left:12px}.ast-cb{width:100%}.ast-cb button{flex:1}}

/* v1.59 · menu groups */
.tabs>button.ngm{display:none}
.tabs .ngbtn{display:inline-flex;align-items:center;gap:6px}.tabs .ngbtn .ngcar{opacity:.7;transition:transform .15s}.tabs .ngbtn[aria-expanded="true"] .ngcar{transform:rotate(180deg)}
.ngmenu{position:absolute;z-index:950;min-width:230px;background:var(--panel);border:1px solid var(--line);border-radius:12px;box-shadow:0 14px 40px rgba(0,0,0,.28);padding:6px;display:flex;flex-direction:column}
.ngmenu button{display:flex;align-items:center;gap:10px;background:none;border:0;border-radius:8px;color:var(--text);font:inherit;font-weight:600;padding:10px 12px;cursor:pointer;text-align:left}
.ngmenu button:hover,.ngmenu button:focus-visible{background:var(--panel2);outline:none}.ngmenu button.on{background:var(--accentSoft)}
.ngmenu .cnt{margin-left:auto;font-size:11px;background:var(--over);color:#fff;border-radius:99px;padding:1px 7px}.ngmenu .cnt[hidden]{display:none}
.ngsub{display:flex;gap:6px;align-items:center;flex-wrap:wrap;margin:0 0 12px}.ngsub-g{font-size:12px;font-weight:700;color:var(--muted);margin-right:4px}
.ngsub button{border:1px solid var(--line);background:var(--panel);color:var(--text);border-radius:99px;padding:6px 14px;font:inherit;font-size:13.5px;font-weight:600;cursor:pointer}
.ngsub button[aria-current="page"]{background:var(--accent);border-color:var(--accent);color:var(--accentInk)}.ngsub button i{font-style:normal;margin-left:6px;background:var(--over);color:#fff;border-radius:99px;padding:0 6px;font-size:11px}
@media (max-width:760px){.tabs .ngbtn{display:none}}
/* v1.59 · requests */
.rq,.nt{display:flex;flex-direction:column;gap:12px;max-width:1080px;margin:0 auto}
.rq-h{display:flex;gap:14px;justify-content:space-between;align-items:flex-start;flex-wrap:wrap}.rq-h h2{margin:0;font-size:22px}.rq-h p{margin:4px 0 0;max-width:68ch}
.rq-tabs{display:flex;gap:2px;align-items:center;border-bottom:1px solid var(--line);flex-wrap:wrap}.rq-tabs button{background:none;border:0;border-bottom:2px solid transparent;color:var(--muted);font:inherit;font-weight:600;padding:9px 12px;cursor:pointer}
.rq-tabs button[aria-selected="true"]{color:var(--text);border-bottom-color:var(--accent)}.rq-tabs button i{font-style:normal;margin-left:6px;background:var(--over);color:#fff;border-radius:99px;padding:0 6px;font-size:11px}
.rq-tabs select{margin-left:auto;min-height:34px;border-radius:8px;border:1px solid var(--line);background:var(--panel);color:var(--text);font:inherit}
.rq-list,.nt-list{display:flex;flex-direction:column;gap:8px}
.rq-it{background:var(--panel);border:1px solid var(--line);border-radius:12px}.rq-it.on{border-color:color-mix(in srgb,var(--accent) 45%,var(--line))}.rq-it.urg{border-left:4px solid var(--over)}
.rq-sum{all:unset;box-sizing:border-box;width:100%;display:grid;grid-template-columns:66px minmax(0,1fr) auto auto;gap:12px;align-items:center;padding:12px 14px;cursor:pointer}.rq-sum:focus-visible{outline:2px solid var(--accent);outline-offset:-2px;border-radius:12px}
.rq-no{font:600 12px ui-monospace,SFMono-Regular,Menlo,monospace;color:var(--muted)}.rq-t{display:flex;flex-direction:column;min-width:0}.rq-t b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rq-t em{font-style:normal;color:var(--muted);font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.rq-amt{font-weight:700;font-variant-numeric:tabular-nums}
.rq-st{font-size:12px;font-weight:700;border-radius:99px;padding:3px 10px;white-space:nowrap;border:1px solid var(--line)}.rq-st.s-pending{color:var(--prog)}.rq-st.s-info{color:var(--verify)}.rq-st.s-approved,.rq-st.s-done{color:var(--done)}.rq-st.s-rejected{color:var(--over)}.rq-st.s-cancelled{color:var(--muted)}
.rq-det{padding:0 14px 14px 92px}.rq-det dl{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:8px 16px;margin:0 0 10px}.rq-det dt{font-size:12px;color:var(--muted)}.rq-det dd{margin:0}
.rq-txt{white-space:pre-wrap;line-height:1.5;margin:0 0 10px}
.rq-tl{list-style:none;margin:0 0 12px;padding:0 0 0 14px;border-left:2px solid var(--line);display:flex;flex-direction:column;gap:8px}.rq-tl li{display:flex;flex-direction:column;font-size:14px}.rq-tl time{font-size:12px;color:var(--muted)}.rq-tl q{display:block;quotes:none;color:var(--muted);margin-top:2px;white-space:pre-wrap}
.rq-acts,.nt-row{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.btn.ok{background:var(--done);color:#08130c}.btn.danger{background:var(--over)}
.rq-af{display:flex;flex-direction:column;gap:8px;background:var(--panel2);border-radius:10px;padding:12px}.rq-af label{display:flex;flex-direction:column;gap:4px;font-size:13px;color:var(--muted);font-weight:600}
.rq-af textarea,.rq-af select,.rq-af input{border-radius:8px;border:1px solid var(--line);background:var(--bg);color:var(--text);font:inherit;padding:8px 10px}.rq-afb{display:flex;gap:8px;justify-content:flex-end}
.rq-none{color:var(--muted);padding:12px 0}.rq-amtin{display:flex;gap:6px}.rq-amtin input{flex:1;min-width:0}
.rq-cfg{display:flex;flex-direction:column;gap:10px;align-items:flex-start}.rq-cfg h3{margin:0}
/* v1.59 · notes */
.nt-new{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end;max-width:620px}
.nt-c{background:var(--panel);border:1px solid var(--line);border-left:4px solid var(--line);border-radius:12px}
.nt-c.t-meeting{border-left-color:var(--verify)}.nt-c.t-outlet{border-left-color:var(--d-ops)}.nt-c.t-feedback{border-left-color:var(--d-mkt)}.nt-c.t-incident{border-left-color:var(--over)}.nt-c.t-idea{border-left-color:var(--prog)}
.nt-sum{all:unset;box-sizing:border-box;width:100%;display:flex;gap:12px;padding:12px 14px;cursor:pointer}.nt-sum:focus-visible{outline:2px solid var(--accent);outline-offset:-2px;border-radius:12px}
.nt-ty{font-size:22px;line-height:1}.nt-m{display:flex;flex-direction:column;gap:3px;min-width:0;flex:1}.nt-m em{font-style:normal;color:var(--muted);font-size:13px}.nt-pre{color:var(--muted);font-size:14px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.nt-bs{display:flex;gap:6px;flex-wrap:wrap;margin-top:2px}.nt-b{font-size:12px;border:1px solid var(--line);border-radius:99px;padding:1px 8px;color:var(--muted)}
.nt-b.s-positive{color:var(--done)}.nt-b.s-negative,.nt-b.sev-high,.nt-b.s-open{color:var(--over)}.nt-b.sev-medium{color:var(--prog)}.nt-b.vis{color:var(--verify)}
.nt-det{padding:0 14px 14px 48px}.nt-det h4{margin:10px 0 4px;font-size:13px;color:var(--muted)}
.nt-acts{list-style:none;margin:0;padding:0}.nt-acts li{display:flex;gap:10px;align-items:center;justify-content:space-between;padding:6px 0;border-bottom:1px solid var(--line);flex-wrap:wrap}.nt-acts em{font-style:normal;color:var(--done);font-size:13px}
.nt-cm{list-style:none;margin:10px 0 0;padding:0}.nt-cm li{padding:6px 0;border-top:1px solid var(--line)}.nt-cm time{color:var(--muted);font-size:12px}.nt-cm p{margin:2px 0 0;white-space:pre-wrap}
.nt-cf{display:flex;gap:8px;margin:8px 0}.nt-cf input{flex:1;min-height:36px;border-radius:8px;border:1px solid var(--line);background:var(--bg);color:var(--text);font:inherit;padding:0 10px}
.nt-ar{display:grid;grid-template-columns:1fr 160px 150px;gap:6px;margin-bottom:6px}.nt-ar input,.nt-ar select{min-height:36px;border-radius:8px;border:1px solid var(--line);background:var(--bg);color:var(--text);font:inherit;padding:0 8px;min-width:0}
.ghost.on{background:var(--accentSoft)}
.nt-ai{background:linear-gradient(135deg,color-mix(in srgb,var(--verify) 12%,var(--panel)),var(--panel));border:1px solid var(--line);border-radius:12px;padding:10px 14px}.nt-ai summary{cursor:pointer;font-weight:700}
.nt-aif{display:flex;gap:10px;align-items:flex-end;flex-wrap:wrap;margin-top:10px}.nt-aif label{display:flex;flex-direction:column;gap:4px;font-size:13px;color:var(--muted);font-weight:600}.nt-aif .w{flex:1 1 360px}
.nt-aif textarea,.nt-aif select{border-radius:8px;border:1px solid var(--line);background:var(--bg);color:var(--text);font:inherit;padding:8px 10px}
.nt-aio{margin-top:12px;background:var(--panel);border:1px solid var(--line);border-radius:10px;padding:12px 16px;line-height:1.55}
@media (max-width:700px){.rq-sum{grid-template-columns:1fr auto}.rq-no{display:none}.rq-amt{grid-column:1}.rq-det,.nt-det{padding-left:14px}.nt-ar{grid-template-columns:1fr 1fr}.nt-ar .aT{grid-column:1/-1}.nt-new{justify-content:flex-start}}
/* v1.59 · HR menu folds */
.hrnav159 .hrng2{display:flex;flex-direction:column}
.hrnav159 .hrng-h{display:flex;align-items:center;gap:6px;width:100%;background:none;border:0;color:var(--muted);font:inherit;font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;padding:10px 12px 6px;cursor:pointer;text-align:left}
.hrnav159 .hrng-h span{flex:1}.hrnav159 .hrng-h svg{transition:transform .15s}.hrnav159 .hrng-h[aria-expanded="true"] svg{transform:rotate(90deg)}.hrnav159 .hrng-h:hover{color:var(--text)}
.hrnav159 .hrng-b{display:flex;flex-direction:column}.hrnav159 .hrng-b[hidden]{display:none}

/* v1.60 · frontline duties and daily report */
.ck-tabs{margin:0 0 14px}
.dt{display:flex;flex-direction:column;gap:12px;max-width:1080px}
.dt-bar{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.dt-bar select,.dt-bar input[type=date]{min-height:38px;border-radius:8px;border:1px solid var(--line);background:var(--panel);color:var(--text);font:inherit;padding:0 10px}
.dt-sum{display:flex;gap:16px;align-items:center;flex-wrap:wrap;background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:12px 16px}.dt-sum b{font-size:24px;display:block}.dt-sum span{color:var(--muted);font-size:13px}
.dt-pb{display:block;height:8px;border-radius:99px;background:var(--panel2);overflow:hidden;flex:1;min-width:120px}.dt-pb i{display:block;height:100%;background:var(--done);transition:width .3s}.dt-pb.big{max-width:320px}
.dt-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:10px}
.dt-card{background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:12px 14px}.dt-card.ok{border-color:color-mix(in srgb,var(--done) 55%,var(--line))}
.dt-card header{display:flex;justify-content:space-between;gap:8px}.dt-card header span{font-weight:700;color:var(--muted)}.dt-card .hint{margin:4px 0 8px}
.dt-card ul{list-style:none;margin:0;padding:0}.dt-card li{display:flex;gap:8px;align-items:flex-start;padding:5px 0;border-top:1px solid var(--line);flex-wrap:wrap}.dt-card li>span{flex:1;min-width:0}.dt-card li em{font-style:normal;color:var(--muted);font-size:12px}.dt-card li small{color:var(--done);font-size:12px}
.dt-mini{width:22px;height:22px;border-radius:6px;border:1.5px solid var(--line);background:var(--bg);color:var(--done);font-weight:800;display:grid;place-items:center;flex:none;padding:0;cursor:pointer;font-size:13px}.dt-card li.on .dt-mini{background:var(--done);border-color:var(--done);color:#08130c}
.dt-plan{display:flex;flex-direction:column;gap:12px}.dt-tools{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.dt-copy{display:flex;gap:6px;align-items:center;font-size:13px;color:var(--muted)}.dt-copy select{min-height:32px;border-radius:8px;border:1px solid var(--line);background:var(--panel);color:var(--text)}
.dt-pc{background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:12px 14px;display:flex;flex-direction:column;gap:10px}
.dt-pc header{display:flex;gap:8px;align-items:center}.dt-pc .gN{flex:1;font:inherit;font-weight:700;font-size:16px;min-height:38px;border-radius:8px;border:1px solid var(--line);background:var(--bg);color:var(--text);padding:0 10px}
.dt-who{display:flex;flex-direction:column;gap:6px}
.dt-ir{display:grid;grid-template-columns:minmax(0,1fr) 130px auto auto;gap:6px;align-items:center;margin-bottom:6px}
.dt-ir input.iT,.dt-ir select{min-height:36px;border-radius:8px;border:1px solid var(--line);background:var(--bg);color:var(--text);font:inherit;padding:0 8px;min-width:0}
.dt-days{display:flex;gap:2px}.dt-days label{position:relative;cursor:pointer}.dt-days input{position:absolute;opacity:0;inset:0}.dt-days span{display:grid;place-items:center;width:26px;height:30px;border-radius:6px;border:1px solid var(--line);font-size:12px;font-weight:700;color:var(--muted)}
.dt-days input:checked+span{background:var(--accent);border-color:var(--accent);color:var(--accentInk)}.dt-days input:focus-visible+span{outline:2px solid var(--accent);outline-offset:1px}
.dt-save{display:flex;justify-content:space-between;align-items:center;gap:10px;position:sticky;bottom:0;background:var(--bg);padding:10px 0}
/* staff */
.dt-mine{display:flex;flex-direction:column;gap:8px}.dt-mh{display:flex;justify-content:space-between;align-items:baseline}.dt-mh b{font-size:16px}.dt-mh span{font-weight:800;color:var(--muted)}
.dt-g h4{margin:10px 0 2px;font-size:14px}.dt-g h4 em{font-style:normal;font-weight:400;color:var(--muted);font-size:12px}.dt-w{margin:8px 0 4px;font-size:11px;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:.05em}
.dt-it{display:flex;align-items:center;gap:12px;width:100%;text-align:left;background:var(--panel2);border:1px solid var(--line);border-radius:12px;padding:12px;margin:0 0 6px;color:var(--text);font:inherit;cursor:pointer;min-height:52px}
.dt-it .dt-box{width:28px;height:28px;border-radius:8px;border:2px solid var(--line);display:grid;place-items:center;font-weight:900;flex:none;color:#08130c}.dt-it.on{background:color-mix(in srgb,var(--done) 14%,var(--panel2));border-color:color-mix(in srgb,var(--done) 45%,var(--line))}.dt-it.on .dt-box{background:var(--done);border-color:var(--done)}
.dt-it .dt-tx{flex:1}.dt-it.on .dt-tx{text-decoration:line-through;color:var(--muted)}.dt-it em{font-style:normal;color:var(--muted);font-size:12px}.dt-it small{color:var(--done);font-size:12px;white-space:nowrap}
.dt-rc{display:flex;flex-direction:column;gap:6px}.dt-rcb{display:flex;gap:10px;align-items:center;width:100%;background:color-mix(in srgb,var(--prog) 14%,var(--panel2));border:1px solid var(--line);border-radius:12px;padding:12px;color:var(--text);font:inherit;text-align:left;cursor:pointer}.dt-rcb.sent{background:var(--panel2)}
.dt-rcb>span:nth-child(2){flex:1;display:flex;flex-direction:column}.dt-rcb em{font-style:normal;color:var(--muted);font-size:13px}
/* daily report */
.dr-seg{align-self:flex-start}
.dr-f{display:flex;flex-direction:column;gap:12px}.dr-part{background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:14px 16px;display:flex;flex-direction:column;gap:10px}
.dr-part h3{margin:0;font-size:17px;display:flex;gap:10px;align-items:center}.dr-part h3 span{display:grid;place-items:center;width:26px;height:26px;border-radius:50%;background:var(--accent);color:var(--accentInk);font-size:14px}
.dr-part h4{margin:6px 0 0;font-size:13px;color:var(--muted)}
.dr-part label{display:flex;flex-direction:column;gap:4px;font-size:13px;color:var(--muted);font-weight:600}.dr-part textarea{border-radius:8px;border:1px solid var(--line);background:var(--bg);color:var(--text);font:inherit;padding:8px 10px;resize:vertical}
.dr-r{display:grid;grid-template-columns:minmax(0,2fr) 80px minmax(0,1.4fr);gap:6px;margin-bottom:6px}.dr-r.p{grid-template-columns:minmax(0,2fr) minmax(0,1fr) 110px auto}
.dr-r input,.dr-r select{min-height:38px;border-radius:8px;border:1px solid var(--line);background:var(--bg);color:var(--text);font:inherit;padding:0 8px;min-width:0}.dr-r input[readonly]{opacity:.7}
.dr-grid-w{overflow-x:auto}.dr-grid{border-collapse:collapse;font-size:13px;min-width:600px}.dr-grid th,.dr-grid td{padding:6px 8px;border-bottom:1px solid var(--line);text-align:center;white-space:nowrap}.dr-grid th[scope=row]{text-align:left}
.dr-cell{display:inline-grid;place-items:center;min-width:40px;height:28px;border-radius:8px;font-weight:800;border:1px solid var(--line);background:var(--panel)}.dr-cell.ok{color:var(--done);cursor:pointer;font:inherit;font-weight:800}.dr-cell.ok.on{outline:2px solid var(--accent)}.dr-cell.miss{color:var(--over)}.dr-cell.wait{color:var(--muted)}
.dr-list{display:flex;flex-direction:column;gap:6px}.dr-li{display:flex;flex-direction:column;gap:2px;text-align:left;background:var(--panel);border:1px solid var(--line);border-radius:10px;padding:10px 12px;color:var(--text);font:inherit;cursor:pointer}.dr-li span{color:var(--muted)}.dr-li em{font-style:normal;font-size:12px;color:var(--muted)}
.dr-view{background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:14px 16px}.dr-view header{display:flex;gap:10px;align-items:baseline;flex-wrap:wrap}.dr-view header h3{margin:0}.dr-view header .inf-x{margin-left:auto}.dr-view h4{margin:12px 0 4px;color:var(--muted);font-size:13px}
@media (max-width:700px){.dt-ir{grid-template-columns:1fr auto}.dt-ir .iT{grid-column:1/-1}.dr-r,.dr-r.p{grid-template-columns:1fr 1fr}.dr-r .mI,.dr-r .pP{grid-column:1/-1}}
.dr-f .dt-save,.eapp .dt-save{position:static;background:none}

/* v1.61 · Settings → Menu */
.mn{display:flex;flex-direction:column;gap:10px}.mn-list{display:flex;flex-direction:column;gap:6px;max-width:760px;padding:6px;border-radius:12px}
.mn-list.over{outline:2px dashed var(--accent);outline-offset:2px}
.mn-row{display:flex;align-items:center;gap:8px;background:var(--panel);border:1px solid var(--line);border-radius:10px;padding:6px 8px;flex-wrap:wrap}
.mn-row.dragging,.mn-gh.dragging{opacity:.45}.mn-row.over{box-shadow:inset 0 3px 0 var(--accent)}
.mn-h{cursor:grab;color:var(--muted);font-size:18px;padding:0 4px;user-select:none}.mn-h.off{cursor:default;opacity:.3}
.mn-ic{display:grid;place-items:center;width:24px;color:var(--muted)}
.mn-name{flex:1 1 180px;min-width:0;min-height:34px;border-radius:8px;border:1px solid var(--line);background:var(--bg);color:var(--text);font:inherit;font-weight:600;padding:0 10px}
.mn-where,.mn-gi{min-height:34px;border-radius:8px;border:1px solid var(--line);background:var(--bg);color:var(--text);font:inherit;font-size:13px}
.mn-g{border:1.5px solid color-mix(in srgb,var(--accent) 40%,var(--line));border-radius:12px;background:color-mix(in srgb,var(--accent) 6%,var(--panel))}.mn-g.over{outline:2px dashed var(--accent)}
.mn-gh{display:flex;align-items:center;gap:8px;padding:8px;flex-wrap:wrap;cursor:grab}.mn-gn{font-weight:800}
.mn-gb{display:flex;flex-direction:column;gap:6px;padding:0 8px 8px 30px;min-height:40px}.mn-gb.over{outline:2px dashed var(--accent);outline-offset:-4px;border-radius:10px}
.mn-empty{margin:6px 0}.mn-acts{display:flex;gap:8px;flex-wrap:wrap}
@media (max-width:640px){.mn-gb{padding-left:8px}.mn-name{flex-basis:100%}}

/* v1.62 · Customers & Partners */
.crm{display:flex;flex-direction:column;gap:12px;max-width:1180px}
.crm-sum{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:8px}.crm-sum>div{background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:10px 14px}.crm-sum b{display:block;font-size:24px;line-height:1.2}.crm-sum span{color:var(--muted);font-size:13px}
.crm-tw{overflow-x:auto;border:1px solid var(--line);border-radius:12px;background:var(--panel)}
.crm-t{width:100%;border-collapse:collapse;font-size:14px}.crm-t th{text-align:left;font-size:12px;color:var(--muted);font-weight:700;padding:8px 10px;border-bottom:1px solid var(--line);white-space:nowrap;background:var(--panel2)}
.crm-t td{padding:8px 10px;border-top:1px solid var(--line);vertical-align:top}.crm-t tr.on>td{background:color-mix(in srgb,var(--accent) 8%,transparent)}.crm-t tr.off{opacity:.55}
.crm-t select{min-height:32px;border-radius:8px;border:1px solid var(--line);background:var(--bg);color:var(--text);font:inherit;max-width:180px}
.crm-t details summary{cursor:pointer;color:var(--muted);font-size:12px}.crm-t details ul{margin:4px 0 0;padding-left:16px;font-size:12px;color:var(--muted)}
.crm-n{display:flex;flex-direction:column;align-items:flex-start;background:none;border:0;padding:0;color:var(--text);font:inherit;text-align:left;cursor:pointer}.crm-n em,.crm-sub{font-style:normal;color:var(--muted);font-size:12px;display:block}
.crm-n:hover b{text-decoration:underline}.crm-n:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:4px}
.crm-src{display:inline-block;font-size:12px;white-space:nowrap;margin:0 6px 2px 0}
.crm-dd{display:flex;flex-direction:column;gap:10px}.crm-dd dl{display:flex;flex-wrap:wrap;gap:6px 22px;margin:0}.crm-dd dt{font-size:11px;color:var(--muted)}.crm-dd dd{margin:0;font-weight:600}
.crm-ef{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1.6fr) minmax(0,1fr) auto;gap:8px;align-items:end}.crm-ef label{display:flex;flex-direction:column;gap:3px;font-size:12px;color:var(--muted)}
.crm-ef input,.crm-ef select{min-height:36px;border-radius:8px;border:1px solid var(--line);background:var(--bg);color:var(--text);font:inherit;padding:0 8px;min-width:0}
.crm-log{list-style:none;margin:0;padding:8px 12px;background:var(--panel);border:1px solid var(--line);border-radius:10px;font-size:13px;max-height:220px;overflow:auto}.crm-log li{padding:3px 0}
.crm-h3{margin:10px 0 0;font-size:15px}
.crm-cfg{display:flex;flex-wrap:wrap;gap:8px 16px;align-items:center;background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:10px 14px;font-size:13px}.crm-cfg input[type=number]{width:70px;min-height:32px;border-radius:8px;border:1px solid var(--line);background:var(--bg);color:var(--text);font:inherit;padding:0 6px}
/* staff: my bookings */
.crm-mine{display:flex;flex-direction:column;gap:12px}.crm-mh>div b{display:block;font-size:28px;line-height:1.2}.crm-mh>div span{color:var(--muted);font-size:13px}
.crm-bf{display:flex;flex-direction:column;gap:10px;margin-top:8px}.crm-bf label{display:flex;flex-direction:column;gap:4px;font-size:13px;color:var(--muted)}.crm-bf .m2{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.crm-bf input,.crm-bf select{min-height:44px;border-radius:10px;border:1px solid var(--line);background:var(--bg);color:var(--text);font:inherit;font-size:16px;padding:0 10px;min-width:0}
.crm-bfb{display:flex;justify-content:flex-end;gap:8px}
.crm-ml{list-style:none;margin:0;padding:0}.crm-ml li{display:flex;justify-content:space-between;gap:10px;padding:10px 0;border-top:1px solid var(--line)}.crm-ml li:first-child{border-top:0}
.crm-ml li>span:first-child{display:flex;flex-direction:column;min-width:0}.crm-ml em{font-style:normal;color:var(--muted);font-size:12px}.crm-ms{text-align:right;font-size:13px;display:flex;flex-direction:column;align-items:flex-end}.crm-ms b{color:var(--done)}
@media (max-width:760px){.crm-ef{grid-template-columns:1fr}.crm-t{font-size:13px}}

/* v1.63 · Help in the top bar */
.hlptop{display:inline-flex;align-items:center;gap:5px;min-height:38px;padding:0 10px;border-radius:10px;font-weight:600;font-size:13px}
.hlptop svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round}
@media (max-width:760px){.hlptop span{display:none}.hlptop{padding:0 8px}}
/* v1.63 · Settings sections fold */
.stfall{display:flex;gap:6px;justify-content:flex-end;margin:0 0 6px}
.stpage .sthead[data-stf]{cursor:pointer;position:relative;padding-right:64px}
.stpage .sthead[data-stf]:hover h3{text-decoration:underline;text-underline-offset:3px}
.stfbtn{position:absolute;right:14px;top:50%;transform:translateY(-50%);width:34px;height:34px;border-radius:9px;border:1px solid var(--line);background:var(--panel);color:var(--text);display:grid;place-items:center;cursor:pointer;padding:0}
.stfbtn svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;transition:transform .15s;transform:rotate(180deg)}
.stfold .stfbtn svg{transform:none}
.stfbtn:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.stsec.stfold>.stbody,.stsec.stfold>.stfoot{display:none}
.stsec.stfold>.sthead{padding-bottom:16px}
.stsec.stfold .sthead .hint{display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}
@media (prefers-reduced-motion:reduce){.stfbtn svg{transition:none}}
/* v1.63 · Mail: the "saved but not connected" line */
.ml-test .warn{color:var(--warn,#B65C02);font-weight:600}
/* phones: the brand name shortens so the bell, Help and the rest fit */
@media (max-width:760px){.hero div:has(>.brand1253){flex:0 1 auto!important;min-width:0!important}.hero .brand1253{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.whobox{gap:5px}}
@media (max-width:400px){.whobox .onwrap{display:none!important}}
@media (max-width:380px){.whobox{gap:3px}.hlptop{padding:0 6px;min-height:36px}.hctl .ntbell{min-width:34px;padding:0 6px}}

/* v1.64 · Telegram check */
.tgd{display:flex;flex-direction:column;gap:8px;margin-top:4px}
.tgd-steps{list-style:none;margin:0;padding:10px 12px;border:1px solid var(--line);border-radius:10px;background:var(--bg);display:flex;flex-direction:column;gap:6px;font-size:14px}
.tgd-steps li{display:flex;gap:8px;align-items:flex-start}.tgd-steps li>span{font-weight:800;width:16px;flex:none}.tgd-steps li.ok>span{color:var(--done)}.tgd-steps li.bad{color:var(--over)}.tgd-steps li.bad>span{color:var(--over)}
.tgd-ok{color:var(--done);font-weight:700;margin:0}.tgd-bad{color:var(--over);font-weight:600;margin:0}
.tgd-g{display:flex;flex-direction:column;gap:6px;border:1px solid var(--line);border-radius:10px;padding:10px 12px}.tgd-gr{display:flex;justify-content:space-between;gap:10px;align-items:center;border-top:1px solid var(--line);padding-top:6px}.tgd-gr span{display:flex;flex-direction:column}.tgd-gr em{font-style:normal;color:var(--muted);font-size:12px}
.tgd-log summary{cursor:pointer;font-weight:600;font-size:13px}.tgd-log ul{list-style:none;margin:6px 0 0;padding:0;font-size:13px;max-height:260px;overflow:auto}.tgd-log li{padding:4px 0;border-top:1px solid var(--line)}.tgd-log li.bad{color:var(--over)}.tgd-log time{color:var(--muted);margin-right:4px}.tgd-log em{display:block;font-style:normal;font-size:12px}
.chip.st-bad{background:color-mix(in srgb,var(--over) 16%,transparent);color:var(--over)}
/* v1.64 · membership type */
.mbt{display:inline-block;font-size:11px;font-weight:700;padding:2px 8px;border-radius:99px;vertical-align:middle;background:var(--panel2);color:var(--text);border:1px solid var(--line)}
.mbt.sm{font-size:10px;padding:1px 6px}
.mbt-staff{background:color-mix(in srgb,#0C66E4 14%,transparent);color:#0C66E4;border-color:color-mix(in srgb,#0C66E4 35%,transparent)}
.mbt-partner{background:color-mix(in srgb,#8F5BD6 14%,transparent);color:#8F5BD6;border-color:color-mix(in srgb,#8F5BD6 35%,transparent)}
.mbt-comp{background:color-mix(in srgb,#B8892E 16%,transparent);color:#9A6F1E;border-color:color-mix(in srgb,#B8892E 40%,transparent)}

.rq-cfgd{padding:0}.rq-cfgd>summary{cursor:pointer;padding:12px 16px;list-style:revert}.rq-cfgd[open]>summary{border-bottom:1px solid var(--line)}.rq-cfgd .rq-cfg{border:0;box-shadow:none;margin:0;padding:12px 16px}
/* v1.65.1 · dropping onto the middle of a module makes a group */
.mn-row.grp{box-shadow:none!important;outline:2px dashed var(--accent);outline-offset:-2px;background:color-mix(in srgb,var(--accent) 10%,var(--panel));position:relative}
.mn-row.grp::after{content:"Make a group";position:absolute;right:10px;top:50%;transform:translateY(-50%);font-size:11px;font-weight:700;color:var(--accent);background:var(--panel);padding:2px 8px;border-radius:99px;border:1px solid var(--accent);pointer-events:none}

/* v1.65.2 · HR left menu: main categories stand out from the pages inside them */
@media (min-width:1100px){
  .hrnav159{gap:2px}
  .mkpage>nav.hrnav.hrnav159 .hrng-h{color:var(--text);font-size:12px;font-weight:800;letter-spacing:.06em;background:color-mix(in srgb,var(--text) 6%,var(--panel));border-radius:9px;padding:10px 12px;margin-top:6px}
  .mkpage>nav.hrnav.hrnav159 .hrng2:first-child .hrng-h{margin-top:0}
  .mkpage>nav.hrnav.hrnav159 .hrng-h:hover{background:color-mix(in srgb,var(--accent) 10%,var(--panel2))}
  .mkpage>nav.hrnav.hrnav159 .hrng-h[aria-expanded="true"]{background:color-mix(in srgb,var(--accent) 12%,var(--panel2));color:var(--accent)}
  .mkpage>nav.hrnav.hrnav159 .hrng-h:focus-visible{outline:2px solid var(--accent);outline-offset:1px}
  .mkpage>nav.hrnav.hrnav159 .hrng-b{margin:4px 0 4px 14px;padding-left:8px;border-left:2px solid color-mix(in srgb,var(--accent) 25%,var(--line))}
  .mkpage>nav.hrnav.hrnav159 .hrng-b>button{font-size:14px;font-weight:500;color:var(--muted);padding-top:7px;padding-bottom:7px}
  .mkpage>nav.hrnav.hrnav159 .hrng-b>button[aria-current="page"]{color:var(--accent);font-weight:700}
}
/* Settings next to HR alerts */
.hrtopr{position:absolute;top:14px;right:14px;display:inline-flex;gap:8px;align-items:center;z-index:1}
.hrtopr .hrbell127{position:static}
.hrset165{display:inline-flex;align-items:center;gap:6px;min-height:34px;padding:0 12px;border-radius:999px;font-weight:600}
.hrset165[aria-current="page"]{background:var(--accentSoft);color:var(--accent)}
@media (max-width:640px){.hrtopr{top:10px;right:10px;gap:6px}.hrset165 span{display:none}.hrset165{padding:0 10px}}

/* v1.65.3 · folding motion */
.mkpage>nav.hrnav.hrnav159 .hrng-h svg{transition:transform .26s cubic-bezier(.2,.75,.25,1)}
.mkpage>nav.hrnav.hrnav159 .hrng-h{transition:background-color .2s,color .2s}
.stfbtn svg{transition:transform .28s cubic-bezier(.2,.75,.25,1)!important}
.rq-cfgd>summary{transition:background-color .2s}
.rq-cfgd>summary::marker{content:""}
.rq-cfgd>summary::before{content:"";display:inline-block;width:8px;height:8px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(-45deg);margin:0 10px 2px 2px;transition:transform .26s cubic-bezier(.2,.75,.25,1)}
.rq-cfgd[open]>summary::before{transform:rotate(45deg)}
/* top-bar group menus open with a short drop */
.ngmenu{animation:ngDrop .18s cubic-bezier(.2,.75,.25,1);transform-origin:top left}
@keyframes ngDrop{from{opacity:0;transform:translateY(-6px) scale(.98)}to{opacity:1;transform:none}}
.ngbtn .ngcar{transition:transform .22s}
.ngbtn[aria-expanded="true"] .ngcar{transform:rotate(180deg)}
@media (prefers-reduced-motion:reduce){.ngmenu{animation:none}.mkpage>nav.hrnav.hrnav159 .hrng-h svg,.stfbtn svg,.rq-cfgd>summary::before,.ngbtn .ngcar{transition:none!important}}

/* v1.65.4 · Help thinking state */
.hlpwait .hlpq{animation:hlpUp .25s ease-out}
.hlpload{display:flex;flex-direction:column;gap:10px;background:linear-gradient(180deg,color-mix(in srgb,var(--accent) 5%,var(--panel)),var(--panel));animation:hlpUp .3s .05s ease-out backwards}
.hlpwhead{display:flex;align-items:center;gap:10px}
.hlpdots{display:inline-flex;gap:4px;padding:6px 9px;border-radius:99px;background:color-mix(in srgb,var(--accent) 12%,var(--panel))}
.hlpdots i{width:7px;height:7px;border-radius:50%;background:var(--accent);animation:hlpDot 1.1s infinite ease-in-out}
.hlpdots i:nth-child(2){animation-delay:.15s}.hlpdots i:nth-child(3){animation-delay:.3s}
.hlpstep{font-size:14px;font-weight:600;color:var(--muted)}
.hlpstep.in{animation:hlpUp .3s ease-out}
.hlpsk{display:flex;flex-direction:column;gap:7px}
.hlpsk b{display:block;height:10px;border-radius:6px;background:linear-gradient(90deg,var(--line) 0%,color-mix(in srgb,var(--accent) 18%,var(--line)) 40%,var(--line) 80%);background-size:300% 100%;animation:hlpShim 1.4s infinite linear}
.hlpsk b:nth-child(1){width:92%}.hlpsk b:nth-child(2){width:78%;animation-delay:.12s}.hlpsk b:nth-child(3){width:55%;animation-delay:.24s}
.hlpturn.fresh .hlpa{animation:hlpUp .35s ease-out}
@keyframes hlpDot{0%,80%,100%{transform:translateY(0);opacity:.45}40%{transform:translateY(-5px);opacity:1}}
@keyframes hlpShim{0%{background-position:100% 0}100%{background-position:-100% 0}}
@keyframes hlpUp{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
@media (prefers-reduced-motion:reduce){.hlpdots i,.hlpsk b,.hlpload,.hlpwait .hlpq,.hlpstep.in,.hlpturn.fresh .hlpa{animation:none}}
.hlpbody:has(.hlpwait) .hlpexs{display:none}

/* v1.67 · Mail Shield */
.msh{margin:8px 0 10px;border-radius:12px;padding:12px 14px;border:1px solid;display:flex;flex-direction:column;gap:8px}
.msh-bad{background:color-mix(in srgb,var(--over) 10%,var(--panel));border-color:color-mix(in srgb,var(--over) 45%,transparent)}
.msh-warn{background:color-mix(in srgb,#E2A100 12%,var(--panel));border-color:color-mix(in srgb,#E2A100 50%,transparent)}
.msh-h{display:flex;gap:10px;align-items:flex-start}.msh-ic{font-size:20px;line-height:1.2}
.msh-bad b{color:var(--over)}.msh ul{margin:6px 0 4px;padding-left:18px;font-size:14px}.msh li{margin:2px 0}.msh .hint{margin:2px 0 0}
.msh-acts{display:flex;gap:8px;flex-wrap:wrap}.msh-acts .ghostish{opacity:.85}
.msh-ai{border-top:1px dashed var(--line);padding-top:8px;font-size:14px}.msh-ai p{margin:3px 0}.msh-ai.busy{display:flex;align-items:center;gap:8px;color:var(--muted);font-weight:600}
.msh-v{font-weight:800}.msh-v.bad{color:var(--over)}.msh-v.warn{color:#B07B00}.msh-v.ok{color:var(--done)}
.msh-quiet{margin:4px 0 8px;font-size:13px}.msh-quiet .msh-ai{border:1px solid var(--line);border-radius:10px;padding:8px 12px}
.msh-lk{padding:4px 2px 10px}.msh-host{font-size:20px;font-weight:800;margin:2px 0;word-break:break-all}.msh-url{font-size:12px;color:var(--muted);word-break:break-all;margin:0 0 10px}
.ml-att.msh-att-bad{border-color:var(--over)!important;color:var(--over);text-decoration:line-through;opacity:.8}.ml-att.msh-att-bad::before{content:"⛔ "}
.ml-att.msh-att-warn{border-color:#E2A100!important}.ml-att.msh-att-warn::before{content:"⚠️ "}.ml-att.msh-arm{background:color-mix(in srgb,#E2A100 15%,var(--panel))}
.msh-log{margin:6px 0 0;padding-left:18px;font-size:13px}

/* v1.68 · Gmail-style mail */
.ml-tools{flex:1;min-width:0}
.ml-tsp{flex:1}
.ml-tb.ml-tlab span:not(.ml-av){display:inline}
.ml-tb.ml-tgood{color:var(--done);font-weight:600;border:1px solid color-mix(in srgb,var(--done) 40%,transparent)}.ml-tb.ml-tgood .mli{color:var(--done)}
.ml-tb.ml-tdel:hover,.ml-tb.ml-tdel:hover .mli{color:#E5484D}
.ml-tb.ml-tspam:hover,.ml-tb.ml-tspam:hover .mli{color:#D97706}
.ml-tb[title]{position:relative}
/* Spam / Trash banner */
.ml-band{display:flex;align-items:center;gap:12px;border:1px solid var(--line);background:var(--panel2);border-radius:10px;padding:10px 12px;margin:0 0 14px;font-size:13px}
.ml-band>div{flex:1;display:flex;flex-direction:column;gap:2px;min-width:0}.ml-band span{color:var(--muted)}
.ml-band>.mli{color:var(--muted);flex:0 0 auto}
.ml-bspam{background:color-mix(in srgb,#D97706 9%,var(--panel));border-color:color-mix(in srgb,#D97706 35%,transparent)}.ml-bspam>.mli{color:#D97706}
.ml-mini.ml-good{color:var(--done);border-color:color-mix(in srgb,var(--done) 45%,transparent);font-weight:600}
/* AI chips and results */
.ml-aichips{display:inline-flex;flex-wrap:wrap;gap:6px;margin-left:auto}
.ml-aic{color:#7C5CFF;border-color:color-mix(in srgb,#7C5CFF 35%,transparent)}.ml-aic:hover{background:color-mix(in srgb,#7C5CFF 9%,var(--panel))}
.ml-aioff{margin-left:auto;display:inline-flex;align-items:center;gap:4px;font-size:12px;color:var(--muted)}
.ml-tr b{justify-content:flex-start}.ml-tr b .ml-x{margin-left:auto;border:0;background:none;color:var(--muted);cursor:pointer;border-radius:6px;width:24px;height:24px;display:grid;place-items:center}
.ml-trtx p{margin:0 0 8px}.ml-trtx mark{background:none;color:inherit}
.ml-sugg{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:0 0 14px}
.ml-chipbtn{display:inline-flex;align-items:center;gap:6px;border:1px solid color-mix(in srgb,#7C5CFF 40%,var(--line));background:var(--panel);color:var(--text);border-radius:18px;padding:7px 14px;cursor:pointer;font-size:13.5px}
.ml-chipbtn .mli{color:#7C5CFF}.ml-chipbtn:hover{background:color-mix(in srgb,#7C5CFF 9%,var(--panel))}
.ml-sugg .hint{flex-basis:100%}
/* list: ticks and bulk bar */
.ml-ck{position:relative;flex:0 0 auto;display:inline-grid;align-self:flex-start;width:34px;height:34px;cursor:pointer;border-radius:50%}
.ml-ck>i{position:absolute;inset:0;display:none;place-items:center;border-radius:50%;background:var(--panel);box-shadow:inset 0 0 0 1.5px var(--line)}
.ml-ck>i::after{content:"";position:absolute;width:15px;height:15px;border-radius:4px;border:1.5px solid var(--muted)}
.ml-ck>i .mli{display:none}
@media (hover:hover){.ml-row:hover .ml-ck>i,.ml-ck:focus-visible>i{display:grid}}
.ml-ck.on>i{display:grid;background:var(--mlselb);box-shadow:none}.ml-ck.on>i::after{display:none}.ml-ck.on>i .mli{display:block;color:#fff;stroke-width:2.6}
.ml-row.mlck,.ml-row.mlck:hover{background:var(--mlsel)}
.ml-bulk .ml-tb span:not(.ml-av){display:none}
.ml-bulk{display:flex;align-items:center;gap:4px;margin:0 8px 6px;padding:4px 6px;border-radius:10px;background:var(--mlsel);font-size:13px;flex-wrap:wrap}
.ml-bulk b{margin-left:4px}
.ml-ck2{width:20px;height:20px;border-radius:5px;border:1.5px solid var(--muted);background:var(--panel);display:grid;place-items:center;cursor:pointer;padding:0;color:#fff}
.ml-ck2.on{background:var(--mlselb);border-color:var(--mlselb)}.ml-ck2 .mli{color:#fff;stroke-width:2.6}
.ml-hov{top:50%;transform:translateY(-50%)}
/* composer: bigger, Gmail-like window */
.ml-float{display:flex;flex-direction:column;width:min(720px,calc(100vw - 32px));height:min(680px,calc(100vh - 32px));max-height:none;overflow:hidden;border-radius:12px 12px 10px 10px;right:24px;bottom:0;border-bottom-left-radius:0;border-bottom-right-radius:0}
.ml-float .ml-comp{flex:1;min-height:0;padding:0 16px 12px;overflow-y:auto}
.ml-float .ml-ch{position:sticky;top:0;z-index:2;margin:0 -16px;padding:4px 6px 4px 16px;min-height:42px;background:var(--panel2);border-bottom:1px solid var(--line)}
.ml-float .ml-ch b{font-size:14.5px}
.ml-float .ml-body{flex:1 0 auto;min-height:260px;font-size:14.5px}
.ml-float .ml-cfoot{position:sticky;bottom:-12px;background:var(--panel);margin:0 -16px -12px;padding:10px 16px 12px;border-top:1px solid var(--line)}
.ml-float.full{inset:4vh 6vw;width:auto;height:auto;border-radius:12px;box-shadow:0 0 0 100vmax rgba(9,30,66,.45),0 16px 48px rgba(9,30,66,.35)}
.ml-float.full .ml-body{min-height:40vh}
.ml-float.mini{height:auto;width:min(320px,calc(100vw - 32px))}
.ml-float.mini .ml-comp>*:not(.ml-ch){display:none}.ml-float.mini .ml-ch{cursor:pointer;border-bottom:0}.ml-float.mini .ml-cfullb{display:none}
.ml-float.mini .ml-comp{padding-bottom:0}
.ml-comp.inline .ml-body{min-height:220px;font-size:14.5px}
.ml-ctb .ml-refb{color:#7C5CFF!important}
.ml-airow{padding:10px;margin:8px 0;border:1px solid color-mix(in srgb,#7C5CFF 35%,transparent);background:color-mix(in srgb,#7C5CFF 6%,var(--panel));border-radius:10px}
@media (max-width:899px){.ml-float,.ml-float.full{inset:0;width:auto;height:auto;border-radius:0;box-shadow:none}.ml-float.mini{inset:auto 0 0 0;height:auto}.ml-cfullb{display:none!important}
  .ml-tools .ml-tsp,.ml-tools [data-ml^="reply"],.ml-tools [data-ml^="fwd"],.ml-tools [data-ml="waiting"]{display:none}}
@media (max-width:1700px){.ml-tools .ml-tb:not(.ml-tdone):not(.ml-tspam):not(.ml-tdel):not(.ml-tlab):not(.on) span:not(.ml-av){display:none}}
.ml-ch .sp{flex:1}
.ml-snack{left:24px;transform:none;max-width:calc(100vw - 48px)}

/* v1.69 · Roster month as the Excel roster */
.rgx-all{display:flex;flex-direction:column;gap:14px;margin-top:6px}
.rgx-scroll{overflow:auto;max-height:78vh;border:1px solid #C9CED6;border-radius:10px;background:#fff;color:#172B4D}
.rgx{border-collapse:separate;border-spacing:0;font:11px/1.25 Calibri,"Segoe UI",Arial,sans-serif;min-width:100%}
.rgx th{text-transform:none;letter-spacing:normal}
.rgx th,.rgx td{border-right:1px solid #C9CED6;border-bottom:1px solid #C9CED6;padding:3px 5px;white-space:nowrap;height:20px}
.rgx .rgx-t{background:#1F2A44;color:#fff;font-size:15px;font-weight:700;text-align:left;height:32px;padding:0}
.rgx .rgx-t span{position:sticky;left:12px;display:inline-block;padding:0 12px}
.rgx .rgx-sub td{font-style:italic;color:#5E6C84;font-size:10.5px;background:#fff;border-right:0}
.rgx .rgx-h th{background:#22304A;color:#fff;font-weight:700;text-align:center;position:sticky;top:0;z-index:2}
.rgx .rgx-h+.rgx-h th{top:21px}
.rgx .rgx-h th.dh{min-width:26px;width:26px;padding:3px 0}
.rgx .rgx-h th.pk{background:#F8C99B;color:#7A3E00}.rgx .rgx-h th.hol{background:#F39C12;color:#fff}
.rgx .rgx-h th.rgtd{box-shadow:inset 0 -3px 0 #E5484D}
.rgx .rgx-h th.th-tot{background:#16A34A;white-space:normal;min-width:44px;max-width:56px}
.rgx .rgx-h th.c0,.rgx td.c0{position:sticky;left:0;z-index:3;width:26px;min-width:26px;text-align:center}
.rgx .rgx-h th.c1,.rgx td.c1{position:sticky;left:26px;z-index:3;min-width:150px;max-width:190px;text-align:left;box-shadow:2px 0 0 #C9CED6}
.rgx td.c0,.rgx td.c1{background:#fff;z-index:1}
.rgx td.c1{font-weight:700;overflow:hidden;text-overflow:ellipsis}.rgx td.c1.m{font-weight:400;font-style:italic;color:#8590A2}
.rgx td.c2{min-width:96px}.rgx td.c3{min-width:70px}.rgx td.c7{min-width:80px}.rgx td.cc{text-align:center}
.rgx-sec td{color:#fff;font-weight:700;font-size:11.5px;height:22px;letter-spacing:.02em}
.rgx-sec td{position:sticky;left:0}
.rgx-sec.s0 td{background:#2563EB}.rgx-sec.s1 td{background:#7C3AED}.rgx-sec.s2 td{background:#EA580C}.rgx-sec.s3 td{background:#0D9488}.rgx-sec.s4 td{background:#DB2777}.rgx-sec.s5 td{background:#4B5563}.rgx-sec.s6 td{background:#0891B2}.rgx-sec.s7 td{background:#65A30D}
.rgx td.d{text-align:center;padding:0;width:26px;min-width:26px;font-size:10px;background:#fff}
.rgx td.d>button{all:unset;display:block;width:100%;height:20px;line-height:20px;text-align:center;cursor:pointer;font:inherit;color:inherit}
.rgx td.d>button:hover{outline:2px solid #0C66E4;outline-offset:-2px}
.rgx td.d>button:focus-visible{outline:2px solid #0C66E4;outline-offset:-2px}
.rgx td.pk{background:#FCE4CC}.rgx td.hol{background:#F39C12}.rgx td.d.rgtd{box-shadow:inset 2px 0 0 #E5484D,inset -2px 0 0 #E5484D}
.rgx td.alt{font-style:italic;color:#5E6C84;font-size:9.5px}
.rgx td.off{background:#FDE2E2;color:#DC2626;font-weight:700}.rgx td.ph{background:#BBF7D0;color:#166534;font-weight:700}.rgx td.lv{background:#DBEAFE;color:#1D4ED8;font-weight:700}.rgx td.na{background:#E5E7EB}
.rgx td.tt{text-align:center;font-weight:700}.rgx td.tt.g{background:#ECFDF3;color:#166534}.rgx td.tt.bad{background:#FDE2E2;color:#DC2626}
.rgx-sum td{background:#1F2A44;color:#fff;font-weight:700;text-align:center}.rgx-duty td{background:#15803D;color:#fff;font-weight:700;text-align:center}
.rgx-sum td:first-child,.rgx-duty td:first-child{text-align:right;position:sticky;left:0;z-index:1;padding-right:10px}
.rgx-none{text-align:center;color:#5E6C84;padding:18px!important}
.rgx-leg{display:flex;flex-wrap:wrap;gap:8px 18px;align-items:center;font-size:12.5px;color:var(--text)}
.rgx-leg span{display:inline-flex;align-items:center;gap:6px}
.rgx-leg i.d{display:inline-grid;place-items:center;width:28px;height:18px;border:1px solid #C9CED6;font:700 10px Calibri,Arial,sans-serif;font-style:normal;background:#fff;color:#172B4D}
.rgx-leg i.off{background:#FDE2E2;color:#DC2626}.rgx-leg i.ph{background:#BBF7D0;color:#166534}.rgx-leg i.lv{background:#DBEAFE;color:#1D4ED8}.rgx-leg i.pk{background:#FCE4CC}.rgx-leg i.hol{background:#F39C12}.rgx-leg i.alt{font-style:italic;font-weight:400;color:#5E6C84}
.rgx-leg .hint{flex-basis:100%}
.rgx-wait{display:flex;align-items:center;gap:10px;padding:30px;color:var(--muted)}
/* phone Home: Compact + Only me on one line; no Department / Person switch */
@media (max-width:699px){
  #pSlot .gseg,#pSlot .pick{display:none!important}
  #pSlot{display:inline-flex;align-items:center;flex:0 0 auto}
  #homeSeg{flex:0 1 auto}#homeSeg button{padding:6px 9px;font-size:13px}
  #pSlot .onlyme{white-space:nowrap;padding:6px 10px;font-size:13px}
}
/* HR Settings fold, like Settings */
.sthead[data-hrf]{cursor:pointer;position:relative;padding-right:64px}
.sthead[data-hrf]:hover h3{text-decoration:underline;text-underline-offset:3px}
.hrfall{margin:0 0 8px}
.hrs-hck .hck-set{border:0;padding:0;margin:0;background:none;box-shadow:none}.hrs-hck .hck-set>.mkch{display:none}

/* v1.69.1 · phone: logo only in the top bar; no second "+ Add task" in the person card (the round button stays) */
@media (max-width:699px){.hero .brand1253{display:none!important}.pbanner .pbacts [data-addfor]{display:none!important}}

/* v1.70 · SMS settings */
.sms170-st{border-radius:8px;padding:8px 12px;font-size:13px;margin:6px 0 10px;background:var(--panel2)}
.sms170-st.ok{background:color-mix(in srgb,var(--done) 12%,var(--panel));color:var(--text)}
.sms170-k{display:grid;grid-template-columns:1fr 1fr;gap:10px}.sms170-k[hidden]{display:none}
@media (max-width:640px){.sms170-k{grid-template-columns:1fr}}
.sms170-b{display:flex;gap:8px;align-items:center}
.sms170-log ul{list-style:none;margin:6px 0 0;padding:0;font-size:12.5px}.sms170-log li{display:grid;grid-template-columns:110px 110px 1fr 1.4fr;gap:8px;padding:4px 0;border-bottom:1px solid var(--line)}
.sms170-log li.bad em{color:#DC2626}
#sms170T{display:flex;flex-wrap:wrap;align-items:flex-end;gap:10px}#sms170T label{flex:1;min-width:200px}#sms170T button{flex:0 0 auto;min-height:40px}

/* v1.71 · Marketing settings fold · scheduled backup */
.sthead[data-mkf]{cursor:pointer;position:relative;padding-right:64px}.sthead[data-mkf]:hover h3{text-decoration:underline;text-underline-offset:3px}
.mkfall{margin:0 0 8px}
.fbs{margin-top:18px;padding-top:16px;border-top:1px solid var(--line)}.fbs h4{margin:0 0 4px;font-size:15px}
.fbs-st{border-radius:8px;padding:8px 12px;font-size:13px;margin:8px 0 12px;background:var(--panel2)}.fbs-st.on{background:color-mix(in srgb,var(--done) 12%,var(--panel))}
.fbs-f .fbs-sub{display:flex;flex-wrap:wrap;gap:10px;align-items:flex-end}.fbs-f .fbs-sub[hidden],.fbs-f label[hidden]{display:none}.fbs-sub label{flex:1;min-width:200px}
.fbs-chats{display:flex;flex-wrap:wrap;gap:6px;flex-basis:100%}
.fbs-b{display:flex;gap:8px;align-items:center}
.fbs-run{display:flex;flex-wrap:wrap;gap:10px;align-items:flex-end;margin:14px 0 6px}.fbs-run label{flex:0 1 260px}
.fbs-kept{list-style:none;margin:6px 0;padding:0}.fbs-kept li{display:flex;gap:12px;align-items:center;padding:6px 0;border-bottom:1px solid var(--line);font-size:13px}.fbs-kept li b{flex:1;overflow-wrap:anywhere}
.fbs-log ul{list-style:none;margin:6px 0 0;padding:0;font-size:12.5px}.fbs-log li{display:grid;grid-template-columns:110px 140px 90px 1fr;gap:8px;padding:4px 0;border-bottom:1px solid var(--line)}.fbs-log li.bad em{color:#DC2626}
@media (max-width:640px){.fbs-log li{grid-template-columns:1fr 1fr}}

/* v1.72 · notification sounds */
.nts-l{display:flex;flex-direction:column;gap:6px}
.nts-r{display:grid;grid-template-columns:1fr minmax(180px,260px) auto;gap:10px;align-items:center;padding:8px 10px;border:1px solid var(--line);border-radius:10px;background:var(--panel)}
.nts-r>div{display:flex;flex-direction:column;gap:2px;min-width:0}
@media (max-width:640px){.nts-r{grid-template-columns:1fr auto}.nts-r select{grid-column:1/-1;grid-row:2}}
.ntsm{position:fixed;inset:0;z-index:1500;display:grid;place-items:center}.ntsm[hidden]{display:none}
.ntsm-bg{position:absolute;inset:0;background:var(--scrim,rgba(9,30,66,.45))}
.ntsm-card{position:relative;background:var(--panel);color:var(--text);border-radius:14px;box-shadow:0 16px 48px rgba(9,30,66,.35);width:min(560px,calc(100vw - 24px));max-height:calc(100vh - 40px);overflow:auto;padding:16px 18px}
.ntsm-h{display:flex;align-items:center;justify-content:space-between}.ntsm-h h3{margin:0;font-size:17px}
.ntsm-vol{display:flex;align-items:center;gap:10px;margin:10px 0;font-size:13px}.ntsm-vol input{flex:1}
.ntsm-l{display:flex;flex-direction:column;gap:6px}
.ntsm-r{display:grid;grid-template-columns:1fr 170px 34px;gap:8px;align-items:center;padding:6px 0;border-bottom:1px solid var(--line)}
.ntsm-r>div{display:flex;flex-direction:column;min-width:0}.ntsm-r b{font-size:13.5px}
@media (max-width:480px){.ntsm-r{grid-template-columns:1fr 34px}.ntsm-r select{grid-column:1/-1;grid-row:2}}

/* v1.73 · CRM */
.crm-badge{display:inline-grid;place-items:center;min-width:18px;height:18px;padding:0 5px;border-radius:9px;background:#E5484D;color:#fff;font-size:11px;font-weight:700;margin-left:4px}
.crm360{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:18px}
@media (max-width:900px){.crm360{grid-template-columns:1fr}}
.crm360 h4{margin:12px 0 6px;font-size:13px;color:var(--muted)}
.crm360-b{display:flex;flex-wrap:wrap;gap:6px;margin:8px 0}
.crm-card{display:flex;flex-wrap:wrap;gap:6px 14px;align-items:center;padding:8px 12px;border-radius:10px;background:linear-gradient(135deg,color-mix(in srgb,#B8892E 16%,var(--panel)),var(--panel));border:1px solid color-mix(in srgb,#B8892E 35%,var(--line));font-size:13px}
.crm-card b{font-size:15px}
.crm-tl{list-style:none;margin:0;padding:0;border-left:2px solid var(--line);margin-left:10px}
.crm-tl li{display:grid;grid-template-columns:26px 1fr auto;gap:8px;align-items:start;padding:6px 0 6px 0;margin-left:-14px;font-size:13px}
.crm-tli{width:26px;height:26px;border-radius:50%;display:grid;place-items:center;background:var(--panel);border:1px solid var(--line);font-size:13px}
.crm-tl li>div{display:flex;flex-direction:column;min-width:0}.crm-tl li>div span{color:var(--muted);font-size:12px}
.crm-tl li em{font-style:normal;color:var(--muted);font-size:12px;white-space:nowrap}
.crm-tl .t-bill .crm-tli{background:color-mix(in srgb,var(--done) 14%,var(--panel))}.crm-tl .t-hotel .crm-tli{background:color-mix(in srgb,#0C66E4 12%,var(--panel))}.crm-tl .t-card .crm-tli{background:color-mix(in srgb,#B8892E 16%,var(--panel))}
.crm-fuf{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:10px;border:1px solid var(--line);border-radius:10px;background:var(--panel2);margin:6px 0}
.crm-fuf .w2{grid-column:1/-1}.crm-fuf label{display:flex;flex-direction:column;gap:3px;font-size:12.5px}.crm-fuf div.w2{display:flex;gap:6px}
.crm-sg{margin-bottom:18px}.crm-sg h3,.crm-fuh h3{margin:8px 0 4px;font-size:16px}
.crm-sgl{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:8px;margin-top:8px}
.crm-sgc{display:grid;grid-template-columns:32px 1fr;gap:8px;padding:10px;border:1px solid var(--line);border-radius:10px;background:var(--panel)}
.crm-sgc.on{display:block}.crm-sgi{font-size:20px}
.crm-sgc>div{display:flex;flex-direction:column;gap:2px;min-width:0;font-size:13px}.crm-sgc>div span{color:var(--text)}.crm-sgc>div em{font-style:normal;color:var(--muted);font-size:12px}
.crm-sgb{grid-column:1/-1;flex-direction:row!important;gap:6px!important}
.crm-fuh{display:flex;align-items:center;justify-content:space-between;gap:10px}
.crm-fut td{vertical-align:top}.crm-fut td b,.crm-fut td a,.crm-fut td .hint{display:block}.crm-fut tr.late td:first-child{color:#DC2626;font-weight:600}.crm-fut tr.today td:first-child{font-weight:700}
.crm-fua{white-space:nowrap}.crm-fua .btn,.crm-fua .ghost{margin-right:4px}.crm-fud{display:flex;gap:6px}.crm-fud input{min-width:200px}
.crm-done ul{margin:6px 0;padding-left:18px;font-size:13px}
.crm-cpnew{display:flex;flex-direction:column;gap:6px;padding:12px;border:1px dashed var(--line);border-radius:12px;margin-bottom:16px}
.crm-cp{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:14px;border:1px solid var(--line);border-radius:12px;background:var(--panel);margin-bottom:16px}
.crm-cp .w2{grid-column:1/-1}.crm-cp label{display:flex;flex-direction:column;gap:4px;font-size:13px}.crm-cp textarea{font:inherit}
.crm-cph{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between}.crm-cph h3{margin:0;font-size:16px}
.crm-chs{border:0;padding:0;margin:0;display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.crm-chs legend{font-size:13px;margin-bottom:4px}
@media (max-width:700px){.crm-chs{grid-template-columns:1fr}.crm-cp{grid-template-columns:1fr}}
.crm-ch{flex-direction:row!important;align-items:flex-start;gap:8px!important;padding:10px;border:1px solid var(--line);border-radius:10px;cursor:pointer}.crm-ch>span{display:flex;flex-direction:column}.crm-ch.off{opacity:.55;cursor:not-allowed}
.crm-ch:has(input:checked){border-color:var(--accent);background:color-mix(in srgb,var(--accent) 8%,var(--panel))}
.crm-cpb{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.crm-cpb input{flex:0 1 220px}
.crm-prev{grid-column:1/-1;display:flex;flex-direction:column;gap:4px;padding:10px 12px;border-radius:10px;background:var(--panel2);font-size:13px}
.crm-prev blockquote{margin:6px 0 0;padding:8px 12px;border-left:3px solid var(--accent);background:var(--panel);white-space:pre-wrap;display:flex;flex-direction:column;gap:4px}
.crm-run{padding:10px 12px;border-radius:10px;background:color-mix(in srgb,var(--done) 10%,var(--panel));border:1px solid var(--line);margin-bottom:14px;font-size:13px}
.crm-bar{height:6px;border-radius:3px;background:var(--panel2);margin-top:6px;overflow:hidden}.crm-bar i{display:block;height:100%;background:var(--done);transition:width .3s}
.crm-cptx{display:block;color:var(--muted);font-size:12px;max-width:520px}
.crm-cp input:not([type=radio]),.crm-cp select,.crm-cp textarea,.crm-fuf input,.crm-fuf select,.crm-fud input{border:1px solid var(--line);background:var(--panel);color:var(--text);border-radius:8px;padding:8px 10px;min-height:38px;font:inherit}
.crm-cp input:focus,.crm-cp textarea:focus,.crm-cp select:focus{outline:2px solid var(--accent);outline-offset:0}

/* v1.74 · Marketing → Publisher */
.pbwrap{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:14px;align-items:start}
@media (max-width:1100px){.pbwrap{grid-template-columns:1fr}}
.pbhd{display:flex;align-items:baseline;gap:10px}.pbhd h3{margin:0;font-size:16px}
.pbprof{display:flex;flex-direction:column;gap:6px;max-height:260px;overflow:auto;padding:2px}
.pbrow{display:grid;grid-template-columns:120px minmax(0,1fr);gap:8px;align-items:center}
.pbout{font-size:12.5px;font-weight:700;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.pbchips{display:flex;flex-wrap:wrap;gap:6px}
.pbchip{display:inline-flex;align-items:center;gap:6px;border:1.5px solid var(--line);background:var(--panel2);color:var(--text);border-radius:99px;padding:4px 10px 4px 5px;font-size:12.5px;cursor:pointer}
.pbchip i{font-style:normal;font-size:10px;color:var(--muted);font-weight:600}
.pbchip.on{border-color:var(--mk);background:color-mix(in srgb,var(--mk) 12%,var(--panel));font-weight:600}
.pbchip:focus-visible,.pbtab:focus-visible,.pbd:focus-visible{outline:2px solid var(--mk);outline-offset:2px}
.pbgrid{display:grid;grid-template-columns:minmax(0,1fr) 250px;gap:14px;align-items:start}
@media (max-width:760px){.pbgrid{grid-template-columns:1fr}.pbright{display:none}.pbrow{grid-template-columns:1fr}}
.pbleft{display:flex;flex-direction:column;gap:8px;min-width:0}
.pbfl{display:flex;flex-direction:column;gap:4px;font-size:12px;font-weight:600;color:var(--muted)}
.pbfl textarea,.pbfl input,.pbfl select,.pbpl textarea,.pbmrow input{font:inherit;font-size:14px;color:var(--text);background:var(--panel);border:1px solid var(--line);border-radius:10px;padding:9px 11px;width:100%;box-sizing:border-box}
#pbCap{min-height:130px;resize:vertical;line-height:1.5}
.pbtools{display:flex;flex-wrap:wrap;gap:8px;align-items:center;font-size:12.5px}.pbtools .sp,.pbfoot .sp{flex:1}
.pbcnts{display:flex;gap:10px;flex-wrap:wrap}
.pbcnt{display:inline-flex;align-items:center;gap:4px;font-size:11.5px;color:var(--muted);font-variant-numeric:tabular-nums}.pbcnt.over{color:var(--bad,#c62828);font-weight:700}
.pbper{display:flex;flex-direction:column;gap:6px;border-left:3px solid color-mix(in srgb,var(--mk) 40%,transparent);padding-left:10px}
.pbpl{display:flex;flex-direction:column;gap:3px;font-size:12px;color:var(--muted)}
.pbmrow{display:flex;gap:8px;align-items:center}.pbmrow input{flex:1}
.pbup{cursor:pointer;white-space:nowrap;display:inline-flex;align-items:center}
.pbmedia{display:flex;gap:10px;align-items:flex-end}.pbmedia img{max-width:160px;max-height:120px;border-radius:8px;object-fit:cover;border:1px solid var(--line)}
.pbmedia.bad img{display:none}.pbmedia.bad::before{content:"This photo link doesn't open. Check it is a public https link.";font-size:12px;color:var(--bad,#c62828)}
.pbwarn{color:var(--bad,#c62828)!important}
.pbmeta{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:8px}
.pbai{display:flex;flex-direction:column;gap:6px;background:var(--panel2);border-radius:10px;padding:8px 10px}
.pbaio{display:flex;gap:10px;align-items:flex-start;justify-content:space-between;border-bottom:1px solid var(--line);padding-bottom:6px}.pbaio p{margin:0;font-size:13px;white-space:pre-wrap}
.pbpvh{font-size:11.5px;font-weight:700;color:var(--muted);margin-bottom:4px}
.pbpv{background:var(--panel);border:1px solid var(--line);border-radius:12px;overflow:hidden;font-size:13px}
.pbpv header{display:flex;gap:8px;align-items:center;padding:8px 10px}.pbpv header small{display:block;color:var(--muted);font-size:11px}
.pbav{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:var(--mk);color:#fff;font-weight:800}
.pv-instagram .pbav{background:linear-gradient(45deg,#F58529,#DD2A7B,#8134AF)}
.pbpv p{margin:0;padding:0 10px 10px;line-height:1.45;word-break:break-word;max-height:220px;overflow:hidden}
.pbpv img{display:block;width:100%;max-height:250px;object-fit:cover}
.pbtag{color:var(--verify)}
.pbfoot{display:flex;flex-wrap:wrap;gap:8px;align-items:center;border-top:1px solid var(--line);padding-top:10px}
.pbmodes{display:flex;flex-wrap:wrap;gap:4px;background:var(--panel2);border-radius:10px;padding:3px}
.pbmode{font-size:12.5px;padding:6px 10px;border-radius:8px;cursor:pointer;color:var(--muted)}.pbmode input{position:absolute;opacity:0;pointer-events:none}
.pbmode.on{background:var(--panel);color:var(--text);font-weight:700;box-shadow:var(--sh1)}
.pbmode:focus-within{outline:2px solid var(--mk)}
#pbWhen{font:inherit;padding:7px 9px;border:1px solid var(--line);border-radius:8px;background:var(--panel);color:var(--text)}
.pbtabs{display:flex;flex-wrap:wrap;gap:4px;align-items:center;border-bottom:1px solid var(--line);padding-bottom:6px}.pbtabs .sp{flex:1}
.pbtab{background:none;border:0;padding:6px 10px;border-radius:8px;cursor:pointer;color:var(--muted);font-size:13px;display:inline-flex;gap:5px;align-items:center}
.pbtab.on{color:var(--text);font-weight:700;background:var(--panel2)}
.mkn.pbbad{background:var(--bad,#c62828);color:#fff}
.pblist{display:flex;flex-direction:column;gap:2px;max-height:72vh;overflow:auto}
.pbday{margin:10px 0 4px;font-size:12.5px;color:var(--muted)}
.pbit{display:grid;grid-template-columns:62px auto minmax(0,1fr);gap:10px;padding:9px 6px;border-radius:10px;border:1px solid transparent;align-items:start}
.pbit:hover{background:var(--panel2)}.pbit.bad{border-color:color-mix(in srgb,var(--bad,#c62828) 50%,transparent)}.pbit.warn{border-color:color-mix(in srgb,#E0B22E 60%,transparent)}
.pbtm{font-size:12.5px;font-weight:700;font-variant-numeric:tabular-nums;padding-top:2px}
.pbth{width:54px;height:54px;object-fit:cover;border-radius:8px}
.pbit:not(:has(.pbth)){grid-template-columns:62px minmax(0,1fr)}
.pbtx{min-width:0;display:flex;flex-direction:column;gap:4px}.pbtx p{margin:0;font-size:13px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.pbtx .err{color:var(--bad,#c62828);font-size:12px}
.pbwho{display:flex;gap:6px;align-items:center;flex-wrap:wrap;font-size:12.5px}
.pbst{font-size:10.5px;font-weight:700;border-radius:99px;padding:1px 7px;background:var(--panel2);color:var(--muted)}
.pbst.s-Scheduled,.pbst.s-Approved{background:color-mix(in srgb,var(--mk) 14%,transparent);color:var(--mk)}
.pbst.s-Posted,.pbst.s-Postedbyhand,.pbst.s-Published{background:color-mix(in srgb,var(--done) 18%,transparent);color:var(--done)}
.pbst.s-Notsent,.pbst.s-Rejected{background:color-mix(in srgb,var(--bad,#c62828) 15%,transparent);color:var(--bad,#c62828)}
.pbst.s-Retrying,.pbst.s-Remindersent,.pbst.s-PendingApproval{background:color-mix(in srgb,#E0B22E 22%,transparent);color:#8a6200}
.pbacts{display:flex;flex-wrap:wrap;gap:4px}.pbacts .sm{font-size:11.5px;padding:3px 8px}
.pbit .pbacts{opacity:.85}.pbit:hover .pbacts,.pbit:focus-within .pbacts{opacity:1}
.btnlike{text-decoration:none;display:inline-flex;align-items:center}
.pbrun{margin:6px 0 0;font-size:11.5px}.pbrun code{font-size:11px}
.pbtimes{display:flex;flex-direction:column;gap:8px}
.pbtrow{display:flex;flex-direction:column;gap:6px;padding:8px;border:1px solid var(--line);border-radius:10px}.pbtrow.inh{opacity:.85;flex-direction:row;align-items:center;justify-content:space-between}
.pbtl{font-size:13px;display:flex;gap:6px;align-items:center}
.pbdays{display:flex;gap:3px;flex-wrap:wrap}
.pbd{border:1px solid var(--line);background:var(--panel);color:var(--muted);border-radius:7px;padding:3px 7px;font-size:11.5px;cursor:pointer}.pbd.on{background:var(--mk);border-color:var(--mk);color:#fff}
.pbts{display:flex;gap:6px;flex-wrap:wrap;align-items:center}
.pbtc{display:inline-flex;align-items:center;gap:3px;background:var(--panel2);border-radius:99px;padding:2px 4px 2px 9px;font-size:12.5px;font-variant-numeric:tabular-nums}
.pbtc button{border:0;background:none;color:var(--muted);cursor:pointer;font-size:14px;line-height:1;padding:0 4px}
.pbts input[type=time]{font:inherit;font-size:12.5px;padding:3px 6px;border:1px solid var(--line);border-radius:7px;background:var(--panel);color:var(--text)}
@media (max-width:640px){.pbmeta{grid-template-columns:1fr}.pbit{grid-template-columns:52px minmax(0,1fr)}.pbth{display:none}.pbmodes{width:100%}.pbmode{flex:1;text-align:center}}
.pbacts .sm,.pbacts button,.pbacts a{width:auto!important;flex:0 0 auto!important;min-height:30px}

/* v1.75 · Investor Portal admin + Music */
.ivadm,.muwrap{display:flex;flex-direction:column;gap:14px}
.ivhero{background:var(--panel);border-radius:14px;box-shadow:var(--sh1);padding:18px 20px;display:flex;flex-direction:column;gap:8px}
.ivhero h2{margin:0;font-size:22px}.ivlink{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.ivlink code{background:var(--panel2);padding:4px 8px;border-radius:6px;font-size:13px;word-break:break-all}
.ivtabs{display:flex;gap:4px;flex-wrap:wrap}.ivtabs button{background:none;border:0;padding:7px 12px;border-radius:8px;cursor:pointer;color:var(--muted);font-size:13.5px;display:inline-flex;gap:5px;align-items:center}.ivtabs button.on{background:var(--panel);color:var(--text);font-weight:700;box-shadow:var(--sh1)}
.ivcard{background:var(--panel);border-radius:12px;box-shadow:var(--sh1);padding:14px 16px;display:flex;flex-direction:column;gap:10px;min-width:0}
.ivcard h3{margin:0;font-size:15px}.ivch{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.ivch .sp,.ivacts .sp{flex:1}
.ivform label{display:flex;flex-direction:column;gap:4px;font-size:12px;font-weight:600;color:var(--muted)}.ivform label.inline{flex-direction:row;align-items:center;gap:6px;font-weight:500;color:var(--text)}
.ivform input:not([type=checkbox]):not([type=file]),.ivform select,.ivform textarea,.mulib input,.mulib select,.muplan select,.muprof input,.muprof select{font:inherit;font-size:14px;color:var(--text);background:var(--panel);border:1px solid var(--line);border-radius:8px;padding:7px 9px;width:100%;box-sizing:border-box}
.ivform fieldset{border:1px solid var(--line);border-radius:10px;display:flex;flex-direction:column;gap:6px;padding:8px 10px}.ivform legend{font-size:12px;font-weight:600;color:var(--muted);padding:0 4px}
.ivgrid,.mugrid2{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:10px}
.ivacts{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.ivsx{overflow-x:auto}.ivtbl{border-collapse:collapse;width:100%;font-size:13px}.ivtbl th,.ivtbl td{padding:7px 8px;border-bottom:1px solid var(--line);text-align:left;vertical-align:middle}.ivtbl th{font-size:11.5px;color:var(--muted);font-weight:600}.ivtbl .r{text-align:right;font-variant-numeric:tabular-nums}.ivtbl tr.off{opacity:.55}
.ivtemp{border:2px solid var(--done)}.ivtemp code{font-size:16px;font-weight:700;background:var(--panel2);padding:3px 8px;border-radius:6px;user-select:all}
.ivfigs{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px}.ivfigs div{background:var(--panel2);border-radius:10px;padding:10px 12px;display:flex;flex-direction:column;gap:2px}.ivfigs b{font-size:20px;font-variant-numeric:tabular-nums}.ivfigs small{color:var(--muted)}
.ivml{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:6px}.ivml button{border:1px solid var(--line);background:var(--panel2);border-radius:10px;padding:7px 10px;cursor:pointer;display:flex;gap:8px;align-items:center;color:var(--text)}.ivml button.on{border-color:var(--accent)}
.ivpub,.ivdraft{font-size:11px;font-weight:700;border-radius:99px;padding:1px 8px}.ivpub{background:color-mix(in srgb,var(--done) 18%,transparent);color:var(--done)}.ivdraft{background:var(--panel2);color:var(--muted)}
.ivlog{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px;font-size:13px}
.mugrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:14px}
.mucard{gap:10px}.munow{display:flex;gap:10px;align-items:center}.munow img,.muart{width:48px;height:48px;border-radius:8px;object-fit:cover;flex:0 0 48px;display:grid;place-items:center;background:var(--panel2);font-size:22px}.munow div{display:flex;flex-direction:column;min-width:0}.munow b{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mupl{margin:0;display:flex;flex-direction:column;gap:2px}.mustat.warn{font-size:11px;font-weight:700;color:#8a6200;background:color-mix(in srgb,#E0B22E 22%,transparent);border-radius:99px;padding:1px 8px}
.muctl,.muhold{display:flex;gap:6px;flex-wrap:wrap;align-items:center}.muhold select{font:inherit;font-size:13px;padding:5px 7px;border:1px solid var(--line);border-radius:8px;background:var(--panel);color:var(--text);max-width:100%}.muvol input{width:110px}
.muplan{display:flex;flex-direction:column;background:var(--panel);border-radius:12px;box-shadow:var(--sh1);padding:6px 12px}
.murow{display:grid;grid-template-columns:56px 60px minmax(160px,280px) minmax(0,1fr);gap:10px;align-items:center;padding:6px 0;border-bottom:1px solid var(--line)}.murow:last-child{border-bottom:0}.murow.cur{background:color-mix(in srgb,var(--mk) 8%,transparent);border-radius:8px}
.muh{font-weight:700;font-variant-numeric:tabular-nums}.muen{color:var(--mk);letter-spacing:1px;font-size:12px}
.musteps{margin:0;padding-left:20px;display:flex;flex-direction:column;gap:6px}
@media (max-width:640px){.murow{grid-template-columns:48px 1fr;}.murow .muen{display:none}.murow>.hint{grid-column:2}}
body.ivmode .stats,body.ivmode .toolbar,body.ivmode #legend{display:none!important}

.ngmenu .ngsep{height:1px;background:var(--line);margin:4px 6px}
.ngmenu [data-mkgo]{display:flex;flex-direction:column;align-items:flex-start;gap:1px}
.ngmenu [data-mkgo] small{font-size:11px;font-weight:400}

.hl .hlw{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}
.hl .hlw li{padding:8px 12px;border-radius:9px;font-size:13.5px;border-left:4px solid var(--line);background:var(--panel2)}
.hl .hl-bad{border-left-color:var(--bad,#c62828)!important;background:color-mix(in srgb,var(--bad,#c62828) 8%,var(--panel))!important}
.hl .hl-warn{border-left-color:#E0B22E!important;background:color-mix(in srgb,#E0B22E 12%,var(--panel))!important}
.hl .hl-ok{border-left-color:var(--done)!important}
.hl h4{margin:12px 0 6px;font-size:13px}
.hlbars{display:flex;align-items:flex-end;gap:2px;height:52px;margin-top:10px}.hlbars i{flex:1;background:var(--accent);opacity:.75;border-radius:2px 2px 0 0;min-width:2px}
.hlkv{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:8px}.hlkv div{background:var(--panel2);border-radius:9px;padding:8px 10px;display:flex;flex-direction:column;gap:2px;min-width:0}.hlkv b{font-size:13.5px;word-break:break-word}
.hlpre{white-space:pre-wrap;font-size:11.5px;max-height:320px;overflow:auto;background:var(--panel2);padding:10px;border-radius:8px}
#hlBox.busy{opacity:.6}

.mt .mtrow{display:flex;align-items:center;gap:10px;padding:10px 4px;border-bottom:1px solid var(--line)}.mt .mtrow:last-child{border-bottom:0}
.mt .mtl{flex:1;display:flex;flex-direction:column;gap:2px;min-width:0}.mt .mtwho{font-size:12px;color:#8a6200}
.mt .mtrow.on{background:color-mix(in srgb,#E0B22E 10%,transparent);border-radius:8px}
.mtst{font-size:11px;font-weight:700;border-radius:99px;padding:2px 9px}.mtst.l{background:color-mix(in srgb,var(--done) 16%,transparent);color:var(--done)}.mtst.p{background:color-mix(in srgb,#E0B22E 25%,transparent);color:#8a6200}
.mtbar{background:color-mix(in srgb,#E0B22E 16%,var(--panel));border:1px solid #E0B22E;border-radius:10px;padding:8px 12px;margin:0 0 12px;font-size:13px;display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.mtscreen{max-width:460px;margin:12vh auto;text-align:center;background:var(--panel);border-radius:16px;box-shadow:var(--sh1);padding:32px 24px}.mtscreen h2{margin:8px 0}.mtic{font-size:42px}
body.mtmode .stats,body.mtmode .toolbar,body.mtmode #legend{display:none!important}

/* v1.78 · Nightlife Card import */
.nli{display:grid;gap:12px}.nlih{display:flex;gap:12px;align-items:flex-start;justify-content:space-between;flex-wrap:wrap}.nlih h3{margin:0 0 2px}
.nlil{margin:0;padding-left:18px;display:grid;gap:4px;font-size:13px}.nliup{justify-self:start;cursor:pointer}
.nlierr{color:var(--over);font-weight:600;margin:0}
.nlis{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:8px}.nlis>div{background:var(--panel2);border-radius:10px;padding:8px 10px;display:grid;gap:2px}.nlis b{font-size:18px;font-variant-numeric:tabular-nums}
.nlit{display:flex;flex-wrap:wrap;gap:6px 14px;align-items:center}.nlitc{display:inline-flex;gap:6px;align-items:center;font-size:13px}
.nlif{display:flex;flex-wrap:wrap;gap:6px}.nlif .chip{border:1px solid var(--line);background:var(--panel);color:var(--text);border-radius:999px;padding:4px 10px;font-size:12px;cursor:pointer}.nlif .chip.on{background:var(--accent);border-color:var(--accent);color:#fff}
.nlitw{overflow-x:auto;max-height:60vh;overflow-y:auto;border:1px solid var(--line);border-radius:10px}
.nlitb{width:100%;border-collapse:collapse;font-size:12.5px}.nlitb th{position:sticky;top:0;background:var(--panel2);text-align:left;padding:6px 8px;font-weight:600;white-space:nowrap}.nlitb td{padding:6px 8px;border-top:1px solid var(--line);vertical-align:top}.nlitb .r{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}.nlitb tr.off td{opacity:.45}
.nlia{display:inline-block;border-radius:999px;padding:1px 8px;font-size:11.5px;font-weight:600;border:1px solid var(--line)}.nlia.ok{color:var(--done);border-color:currentColor}.nlia.up{color:var(--prog);border-color:currentColor}.nlia.sk{color:var(--muted)}
.nliw{color:var(--over);font-size:11.5px}.nlib{display:flex;gap:12px;align-items:center;flex-wrap:wrap}
.mbt-vip{background:color-mix(in srgb,#C24A6B 14%,transparent);color:#B03A5B;border-color:color-mix(in srgb,#C24A6B 38%,transparent)}

.pf label.nlcchk{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:8px;grid-column:1/-1;text-align:left;font-weight:500}.pf label.nlcchk input{width:auto;margin:0}

.posorder [data-posvoid^="p182"],.posorder .pql[data-lid^="p182"]{opacity:.55}

.p183subs{display:flex;gap:6px;flex-wrap:wrap;margin:6px 0 8px}
.p183subs button{min-height:36px;padding:0 12px;border-radius:999px;border:1px dashed var(--line);background:transparent;color:var(--muted);font-weight:600;font-size:13px}
.p183subs button i{font-style:normal;opacity:.6;font-weight:500;margin-left:2px}
.p183subs button[aria-pressed="true"]{border-style:solid;border-color:var(--accent);color:var(--text);background:color-mix(in srgb,var(--accent) 14%,transparent)}
.p183subs.tb{min-height:0!important;height:auto!important;display:flex;align-items:center;flex-direction:row;flex-wrap:wrap;gap:8px;margin:4px 0 14px;padding:0}
.p183subs.tb button{flex:none;width:auto;height:40px;min-height:40px;max-height:40px;aspect-ratio:auto;display:inline-flex;align-items:center;gap:4px;padding:0 14px;border-radius:999px;border:1px dashed;background:transparent;font-size:14px;color:var(--tb-mut,var(--muted));border-color:var(--tb-line,var(--line))}
.p183subs.tb button[aria-pressed="true"]{border-style:solid;color:var(--tb-gold,var(--accent));border-color:var(--tb-gold,var(--accent));background:transparent}
@media (max-width:600px){.p183subs.tb{flex-wrap:nowrap;overflow-x:auto}}

.p184h{flex-wrap:wrap;gap:8px}.p184tools{display:flex;flex-wrap:wrap;gap:6px}
.p184sum{display:flex;flex-wrap:wrap;gap:6px 16px;align-items:center;margin:6px 0 10px;font-size:13px}
.p184sum button{background:none;border:0;padding:4px 0;color:var(--muted);cursor:pointer;font:inherit}.p184sum button[aria-pressed="true"]{color:var(--text);text-decoration:underline}
.p184sum b.bad{color:var(--over)}
.p184f{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:10px}.p184f input{flex:1 1 220px;min-width:0}.p184f select{flex:0 1 220px}
.p184t code{font-size:12px;background:var(--panel2);padding:1px 6px;border-radius:5px}
.p184no{color:var(--over);font-size:12px}.p184ok{color:var(--done);font-size:12.5px}
.p184t td.r,.p184t th.r{text-align:right;font-variant-numeric:tabular-nums}
fieldset.p184stk{border:1px solid var(--line);border-radius:10px;padding:10px 12px;display:grid;grid-template-columns:1fr 1fr;gap:8px 12px;margin:4px 0}
fieldset.p184stk legend{font-weight:700;padding:0 6px}fieldset.p184stk .w2{grid-column:1/-1}
@media(max-width:600px){fieldset.p184stk{grid-template-columns:1fr}}
.p184cats{display:grid;gap:10px}.p184cat{border:1px solid var(--line);border-radius:10px;padding:10px 12px}.p184cat>label{display:grid;gap:4px;font-weight:600}
.p184subs{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}.p184subs label{display:grid;gap:2px;font-size:13px}.p184subs input{max-width:180px}

/* v1.85 · delivery apps, waste, tax invoice, re-order */
.p185chk{display:flex!important;flex-wrap:wrap;align-items:center;gap:8px;font-weight:600;margin:6px 0}
.p185chk input{width:20px;height:20px;flex:0 0 auto;margin:0}
.p185chk .hint{flex-basis:100%;font-weight:400}
.p185pay{border:2px solid var(--accent,#2f6fed);border-radius:12px;padding:12px 14px;margin:0 0 14px;background:color-mix(in srgb,var(--accent,#2f6fed) 7%,transparent)}
.p185pay p{margin:0 0 8px}.p185pay .btn{width:100%;min-height:52px;font-size:1.05em}.p185pay .hint{margin:8px 0 0}
.p185set{display:grid;grid-template-columns:minmax(0,1fr);gap:14px;max-width:880px}
.p185card{min-width:0;overflow-wrap:anywhere;border:1px solid var(--line,#ddd);border-radius:12px;padding:14px 16px;background:var(--card,transparent)}
.p185card h3{margin:0 0 6px}
.p185rows{display:grid;gap:8px;margin:10px 0}
.p185row{display:flex;flex-wrap:wrap;gap:10px;align-items:flex-end}
.p185row label{display:flex;flex-direction:column;gap:4px;min-width:120px;flex:1}
.p185row label.w2{flex:2;min-width:220px}
.p185row label.p185on{flex:0 0 auto;flex-direction:row;align-items:center;min-width:0;min-height:40px}
.p185btns{display:flex;gap:8px;flex-wrap:wrap}
.p185ov{z-index:9000}
.p185wide{max-width:min(980px,96vw)!important;width:100%}
.p185v{margin:16px 0 6px;font-size:1em}
.p185q{width:72px}
.p185ok{border-left:4px solid #2e9b5a;padding:8px 12px;margin:0 0 12px;background:color-mix(in srgb,#2e9b5a 9%,transparent);border-radius:6px}
@media (max-width:600px){.p185row label{min-width:100%}.p185row label.p185on{min-width:0}}

/* v1.86 · staff allowance */
.n186p{border:1px solid var(--line,#ddd);border-radius:12px;padding:14px 16px;margin:0 0 14px;display:grid;gap:12px}
.n186h h3{margin:0 0 4px}.n186h p{margin:0;max-width:72ch}
.n186s{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.n186s div{display:flex;flex-direction:column;gap:2px}.n186s b{font-size:1.25em}.n186s span{font-size:.85em;opacity:.75}
.n186f{display:flex;flex-wrap:wrap;gap:10px;align-items:flex-end}
.n186f label{display:flex;flex-direction:column;gap:4px;min-width:200px}
.n186m{margin-top:10px;padding-top:10px;border-top:1px dashed var(--line,#ccc)}
.n186m p{margin:0 0 6px}
.n186bar{height:8px;border-radius:4px;background:color-mix(in srgb,currentColor 12%,transparent);overflow:hidden;margin:6px 0}
.n186bar i{display:block;height:100%;background:var(--accent,#c9a14a);border-radius:4px}
.n186e{display:flex;flex-wrap:wrap;gap:8px;align-items:flex-end;margin-top:6px}
.n186e label{display:flex;flex-direction:column;gap:4px}.n186e input{width:130px}.n186e .hint{flex-basis:100%;margin:0}
@media (max-width:600px){.n186s{grid-template-columns:repeat(2,minmax(0,1fr))}.n186f label{min-width:100%}}

/* v1.88 · allowance in HR */
.n188 .n188f{margin-top:8px}.n188 #n188-st{margin:8px 0}
.n186p tr.off td{opacity:.55}

.n1881{border-color:#d9a400}
/* v1.89 */
@media (max-width:900px){#toTop,.totop{display:none!important}}
.hbell.hbook{margin-right:8px}
.h189s{display:flex;align-items:center;gap:12px;width:100%;text-align:left;border:1px solid var(--line,#ddd);border-radius:12px;padding:10px 14px;margin:0 0 14px;background:var(--card,#fff);color:inherit;cursor:pointer;flex-wrap:wrap}
.h189s.has{border-color:#d9a400;background:color-mix(in srgb,#d9a400 8%,var(--card,#fff))}
.h189s span{flex:1;min-width:180px;opacity:.85}.h189s em{font-style:normal;font-weight:700}
.h189ov{z-index:9000}.h189l{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.h189l button{display:grid;gap:3px;width:100%;text-align:left;border:1px solid var(--line,#ddd);border-left-width:4px;border-radius:10px;padding:10px 12px;background:transparent;color:inherit;cursor:pointer}
.h189l .lv-bad button{border-left-color:#d23}.h189l .lv-warn button{border-left-color:#d9a400}.h189l .lv-info button{border-left-color:#3a7bd5}
.h189l b{display:flex;gap:8px;align-items:center}.h189n{display:inline-grid;place-items:center;min-width:24px;height:24px;border-radius:12px;background:var(--accent,#c22);color:#fff;font-size:.85em;padding:0 6px}
.h189l span{opacity:.8;font-size:.92em}.h189l em{font-style:normal;font-size:.85em;opacity:.7}

/* v1.92 · HQ Planner */
.hqptabs{display:flex;gap:6px;margin:0 0 14px;border-bottom:1px solid var(--line)}
.hqptabs button{background:none;border:0;border-bottom:2px solid transparent;padding:9px 12px;font:inherit;font-weight:600;color:var(--muted);cursor:pointer}
.hqptabs button[aria-selected="true"]{color:var(--text);border-bottom-color:var(--accent)}
.hqpk{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:14px 0}
.hqpk button{display:flex;flex-direction:column;align-items:flex-start;gap:3px;text-align:left;padding:12px 14px;border:1px solid var(--line);border-radius:12px;background:var(--panel);color:var(--text);font:inherit;cursor:pointer}
.hqpk button span{font-size:20px;line-height:1}.hqpk button b{font-size:14px}.hqpk button em{font-style:normal;font-size:12px;color:var(--muted);line-height:1.35}
.hqpk button[aria-selected="true"]{border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent);background:var(--accentSoft)}
.hqpk button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.hqpf{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.hqpf .w2{grid-column:1/-1}.hqpf textarea{width:100%;resize:vertical}
.hqpgo{display:flex;align-items:center;gap:12px;margin-top:12px;flex-wrap:wrap}
.hqpres .aimd{max-width:78ch}
.hqpacts{margin-top:16px;padding-top:12px;border-top:1px solid var(--line)}.hqpacts h4{margin:0 0 8px}
.hqpact{display:flex;gap:10px;align-items:flex-start;padding:6px 0}.hqpact span{display:flex;flex-direction:column}.hqpact em{font-style:normal;font-size:12px;color:var(--muted)}
.hqpbar{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:14px}
.hqplist ul{list-style:none;margin:0;padding:0}.hqplist li button{display:flex;gap:10px;align-items:baseline;width:100%;text-align:left;background:none;border:0;border-bottom:1px solid var(--line);padding:9px 2px;font:inherit;color:var(--text);cursor:pointer}
.hqplist li button b{flex:1}.hqplist li button em{font-style:normal;font-size:12px;color:var(--muted);white-space:nowrap}
.hqpteam{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:4px 14px;margin:6px 0 10px}
@media (max-width:900px){.hqpk{grid-template-columns:repeat(2,minmax(0,1fr))}.hqpf{grid-template-columns:1fr}}

/* v1.93 · mobile */
.m193err{max-width:520px;margin:24px auto;text-align:center}.m193err .btn{margin-top:8px}
/* Notes */
.nt193-h{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:12px}.nt193-h h2{margin:0}.nt193-h .hint{margin:4px 0 0}
.nt193-add{white-space:nowrap}
.nt193-sheet{background:var(--panel);border:1px solid var(--line);border-radius:16px;padding:14px;margin:0 0 14px;box-shadow:0 10px 30px rgba(0,0,0,.08)}
.nt193-sh{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}
.nt193-pick{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}
.nt193-pick button{display:flex;flex-direction:column;align-items:flex-start;gap:2px;text-align:left;padding:12px;border-radius:12px;border:1px solid var(--line);border-top:4px solid var(--line);background:var(--bg);color:var(--text);font:inherit;cursor:pointer;min-height:96px}
.nt193-pick button i{font-style:normal;font-size:22px;line-height:1.2}.nt193-pick button b{font-size:14px}.nt193-pick button em{font-style:normal;font-size:12px;color:var(--muted);line-height:1.3}
.nt193-pick .t-meeting{border-top-color:var(--verify)}.nt193-pick .t-outlet{border-top-color:var(--d-ops)}.nt193-pick .t-feedback{border-top-color:var(--d-mkt)}.nt193-pick .t-incident{border-top-color:var(--over)}.nt193-pick .t-idea{border-top-color:var(--prog)}
.nt193-f{display:flex;gap:8px;margin:0 0 10px}.nt193-f input{flex:1;min-width:0}.nt193-f input,.nt193-f select{min-height:42px;border-radius:10px;border:1px solid var(--line);background:var(--panel);color:var(--text);font:inherit;padding:0 12px}
.nt193-f select{max-width:42%}
.nt193-ty{display:flex;gap:6px;overflow-x:auto;scrollbar-width:none;padding:2px 0 10px;margin-bottom:4px}.nt193-ty::-webkit-scrollbar{display:none}
.nt193-ty button{flex:0 0 auto;border:1px solid var(--line);background:var(--panel);color:var(--text);border-radius:99px;padding:7px 12px;font:inherit;font-size:13.5px;font-weight:600;cursor:pointer;white-space:nowrap}
.nt193-ty button span{color:var(--muted);font-weight:500;margin-left:2px}.nt193-ty button[aria-pressed="true"]{background:var(--text);color:var(--panel);border-color:var(--text)}.nt193-ty button[aria-pressed="true"] span{color:inherit;opacity:.75}
.nt193-empty{background:var(--panel);border:1px dashed var(--line);border-radius:16px;padding:16px}.nt193-empty p{margin:0 0 12px}
.nt193 .nt-c{margin-bottom:10px}
/* Daily report: big buttons */
.dr193-big{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:6px 0 4px}
.dr193-big button{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:4px;text-align:left;padding:16px 14px;min-height:118px;border-radius:16px;border:1.5px solid var(--line);background:var(--panel);color:var(--text);font:inherit;cursor:pointer;box-shadow:0 2px 8px rgba(0,0,0,.05)}
.dr193-big button i{font-style:normal;font-size:30px;line-height:1}.dr193-big button b{font-size:16px;line-height:1.25}.dr193-big button em{font-style:normal;font-size:12.5px;color:var(--muted);line-height:1.3}
.dr193-big .m{border-color:color-mix(in srgb,var(--prog) 45%,var(--line))}.dr193-big .p{border-color:color-mix(in srgb,var(--over) 45%,var(--line))}
.dr193-big .m.on{background:color-mix(in srgb,var(--prog) 10%,var(--panel));border-color:var(--prog)}.dr193-big .p.on{background:color-mix(in srgb,var(--over) 9%,var(--panel));border-color:var(--over)}
.dr193-big button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.dr193-n{position:absolute;top:10px;right:10px;min-width:24px;height:24px;border-radius:99px;background:var(--accent);color:var(--accentInk);font-size:12.5px;font-weight:700;display:grid;place-items:center;padding:0 6px}
.dr193-ed{margin-top:12px;padding:12px;border-radius:14px;background:var(--panel2)}.dr193-ed h4{margin:0 0 2px}.dr193-ed .hint{margin:0 0 10px}
.dr193-ed .dr-r{background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:8px;margin-bottom:8px}
.dr193-more{width:100%;min-height:46px;border-radius:12px;font-weight:700}
/* HR menu on phones */
.hrm193{display:none}
@media (max-width:900px){
  .hrm193{display:block;margin:0 0 14px}.hrnav.hrnav159{display:none!important}
  .hrm193-g,.hrm193-p{display:flex;gap:6px;overflow-x:auto;scrollbar-width:none;padding:2px 0}.hrm193-g::-webkit-scrollbar,.hrm193-p::-webkit-scrollbar{display:none}
  .hrm193-g button{flex:0 0 auto;background:none;border:0;border-bottom:2px solid transparent;padding:8px 10px;font:inherit;font-size:12.5px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--muted);white-space:nowrap;position:relative}
  .hrm193-g button[aria-selected="true"]{color:var(--text);border-bottom-color:var(--accent)}
  .hrm193-g .dot{position:absolute;top:6px;right:2px;width:7px;height:7px;border-radius:99px;background:var(--over)}
  .hrm193-g{border-bottom:1px solid var(--line);margin-bottom:8px}
  .hrm193-p button{flex:0 0 auto;border:1px solid var(--line);background:var(--panel);color:var(--text);border-radius:99px;padding:8px 14px;font:inherit;font-size:14px;font-weight:600;white-space:nowrap}
  .hrm193-p button[aria-current="page"]{background:#1F9E86;border-color:#1F9E86;color:#fff}
  .hrm193-p button i{font-style:normal;margin-left:6px;background:var(--over);color:#fff;border-radius:99px;padding:0 6px;font-size:11px}
}
/* phones: one-line rows that scroll sideways instead of wrapping onto 2–3 lines */
@media (max-width:700px){
  .ngsub,.rq-tabs{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch;mask-image:linear-gradient(90deg,#000 88%,transparent)}
  .ngsub::-webkit-scrollbar,.rq-tabs::-webkit-scrollbar{display:none}
  .ngsub button,.rq-tabs button{flex:0 0 auto;white-space:nowrap}
  .nt193-pick{grid-template-columns:1fr 1fr}.nt193-pick button:last-child{grid-column:1/-1;min-height:72px}
  .nt193-h{align-items:center}.nt193-h .hint{font-size:12.5px}
  .dr193-ed .dr-r{grid-template-columns:1fr 1fr}.dr193-ed .dr-r .mI,.dr193-ed .dr-r .pP{grid-column:1/-1}
  .dr193-ed .dr-r input,.dr193-ed .dr-r select{min-height:46px}
  /* iOS zooms into inputs smaller than 16px */
  #view input:not([type=checkbox]):not([type=radio]),#view select,#view textarea{font-size:16px}
}
@media (max-width:700px){.dr .dt-save{flex-direction:column;align-items:stretch;gap:8px}.dr .dt-save .btn{width:100%;min-height:52px;font-size:17px;border-radius:14px}}
.nt193-quick{display:flex;flex-wrap:wrap;gap:6px;justify-content:flex-end;max-width:60%}.nt193-add{display:none}
@media (max-width:700px){.nt193-quick{display:none}.nt193-add{display:inline-flex}}

/* v1.95 · person picker on phones */
.pp195{display:none}
@media (max-width:900px){
  #pSlot .pp195{display:inline-flex;align-items:center;gap:4px;max-width:58vw;white-space:nowrap;padding:7px 12px;font-weight:700;border:1px solid color-mix(in srgb,#7C4DCC 45%,var(--line));background:color-mix(in srgb,#7C4DCC 10%,var(--panel));border-radius:12px}
  #pSlot .pp195 span{overflow:hidden;text-overflow:ellipsis}
}
.pp195-ov{position:fixed;inset:0;z-index:1200;display:flex;align-items:flex-end;justify-content:center}
.pp195-bg{position:absolute;inset:0;background:rgba(0,0,0,.4)}
.pp195-box{position:relative;width:100%;max-width:520px;max-height:82vh;display:flex;flex-direction:column;background:var(--panel);border-radius:18px 18px 0 0;padding:14px 14px calc(14px + env(safe-area-inset-bottom));box-shadow:0 -10px 30px rgba(0,0,0,.2)}
.pp195-h{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.pp195-h b{font-size:17px}
#pp195q{min-height:44px;border-radius:12px;border:1px solid var(--line);background:var(--bg);color:var(--text);font:inherit;font-size:16px;padding:0 12px;margin-bottom:8px}
.pp195-l{overflow-y:auto;-webkit-overflow-scrolling:touch}
.pp195-l h4{margin:12px 4px 4px;font-size:12px;color:var(--muted);text-transform:uppercase;letter-spacing:.06em}
.pp195-r{display:flex;align-items:center;gap:12px;width:100%;text-align:left;background:none;border:0;border-radius:12px;padding:9px 8px;font:inherit;color:var(--text);cursor:pointer;min-height:52px}
.pp195-r.on{background:var(--accentSoft)}.pp195-r:active{background:var(--panel2)}
.pp195-n{flex:1;display:flex;flex-direction:column;min-width:0}.pp195-n b{font-size:15px}.pp195-n em{font-style:normal;font-size:12.5px;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.pp195-c{min-width:26px;height:24px;border-radius:99px;background:var(--panel2);color:var(--text);font-size:12.5px;font-weight:700;display:grid;place-items:center;padding:0 7px}
.pp195-r i{font-style:normal;color:var(--accent);font-weight:800}
.pp195-all{display:grid;place-items:center;font-size:16px}
@media (min-width:901px){.pp195-ov{align-items:center}.pp195-box{border-radius:18px}}

/* v1.96 */
.qk196{display:none}
@media (max-width:900px){.whobox .qk196:not([hidden]){display:inline-flex}.whobox .qk196.on{color:var(--accent);background:var(--accentSoft)}}
.lt196b{display:inline-block;vertical-align:middle;width:46px;height:6px;border-radius:99px;background:color-mix(in srgb,var(--prog) 18%,var(--panel2));overflow:hidden;margin:0 6px 0 2px}
.lt196b i{display:block;height:100%;border-radius:99px;background:linear-gradient(90deg,var(--prog),color-mix(in srgb,var(--prog) 70%,#22c55e))}
.lt196b.big{width:100%;max-width:260px;height:10px}
.chip.lt196c{display:inline-flex;align-items:center;gap:0;border-color:color-mix(in srgb,var(--prog) 50%,var(--line))}.chip.lt196c b{font-size:11.5px}
.lt196m{font-size:11.5px;color:var(--prog);margin-right:4px}
.lt196chk{display:flex;gap:10px;align-items:flex-start;padding:10px 12px;border:1px dashed color-mix(in srgb,var(--prog) 55%,var(--line));border-radius:12px;background:color-mix(in srgb,var(--prog) 6%,transparent)}
.lt196chk input{margin-top:3px;width:18px;height:18px}.lt196chk span{display:flex;flex-direction:column;gap:2px}.lt196chk em{font-style:normal;font-size:12.5px;color:var(--muted);font-weight:400}
.lt196p{display:flex;flex-direction:column;gap:6px}.lt196p input[type=range]{width:100%;accent-color:var(--prog)}.lt196p #e-progv{font-size:18px;color:var(--prog)}
.lt196q{display:flex;gap:6px;flex-wrap:wrap}
.rcv196{border:1px solid var(--line);border-radius:12px;padding:12px;background:var(--panel2)}.rcv196 p{margin:8px 0 0}.rcv196-r{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.rcv196-a{display:flex;gap:8px;margin-top:10px;flex-wrap:wrap}
.lt196row{display:flex;align-items:center;gap:8px;margin-top:6px}.lt196row b{font-size:13px;color:var(--prog)}
.lt196big{font-size:15px;margin:4px 0 8px}.lt196big b{font-size:28px;color:var(--prog)}
#lt196r{width:100%;accent-color:var(--prog);height:32px}
.lt196ov .lt196q{margin:8px 0 12px}.lt196ov .lt196q button{flex:1;min-height:44px}
.lt196note{display:flex;flex-direction:column;gap:4px;font-weight:600;margin-bottom:12px}.lt196note input{min-height:44px;border-radius:10px;border:1px solid var(--line);background:var(--bg);color:var(--text);font:inherit;font-size:16px;padding:0 12px}
.lt196act{display:flex;gap:8px}.lt196act button{flex:1;min-height:48px}
#dForm .lt196chk{flex-direction:row;align-items:flex-start}

/* v1.97 · personal Home, requests on Home and in notifications */
body.homemode .mbar,body.homemode #tsSlot{display:none!important}
.my197{display:grid;grid-template-columns:1.5fr repeat(3,minmax(0,1fr));gap:6px;margin:0 0 10px}
.my197>div{background:var(--panel2);border-radius:10px;padding:8px 10px;display:flex;flex-direction:column;gap:1px;min-width:0}
.my197 b{font-size:22px;line-height:1.1;font-variant-numeric:tabular-nums}
.my197 span{font-size:12px;color:var(--muted);font-weight:600}
.my197 em{font-style:normal;font-size:11px;color:var(--muted)}
.my197 .bar{display:block;height:4px;border-radius:2px;background:var(--line);overflow:hidden;margin:3px 0 1px}.my197 .bar i{display:block;height:100%;background:var(--accent)}
.my197 .o b{color:var(--over)}.my197 .k b{color:#7c3aed}
.my197s .mkch,.rq197 .mkch{gap:8px}.my197r{display:inline-flex;align-items:center;gap:6px}.my197r .ghost.sm{min-height:32px;padding:0 10px;font-size:13px}
.my197s,.rq197{margin-bottom:12px}
.rq197l b{font-weight:700}
.cmsec .my197{margin:0 0 10px}
.nt197{margin:0 0 8px;padding:8px;border-radius:10px;background:var(--accentSoft)}
.nt197h{display:flex;justify-content:space-between;align-items:baseline;margin:0 2px 6px}.nt197h span{font-size:12px;color:var(--muted)}
.nt197 .dhatt button{background:var(--panel)}
.nt197all{border:0;background:none;color:var(--accent);font:inherit;font-weight:600;padding:6px 2px 0;cursor:pointer}
#bnReq{background:var(--accent)}
@media (max-width:420px){.my197{gap:4px}.my197>div{padding:7px 8px}.my197 b{font-size:19px}}

/* v1.98 · sign-out, request inbox, morning briefing, menu avatars, HR Me */
.lo198{position:fixed;inset:0;z-index:99999;display:grid;place-items:center;background:rgba(10,16,30,.55);backdrop-filter:blur(2px)}
.lo198>div{display:flex;align-items:center;gap:12px;background:var(--panel,#fff);color:var(--text,#111);padding:16px 22px;border-radius:14px;box-shadow:0 10px 40px rgba(0,0,0,.25)}
.lo198-s{width:20px;height:20px;border-radius:50%;border:3px solid var(--line,#ddd);border-top-color:var(--accent,#c22);animation:lo198 .8s linear infinite}
@keyframes lo198{to{transform:rotate(360deg)}}

/* Request inbox: ink panel with brass accents, so it never blends in with the other Home cards */
.rq198{--i1:#16233f;--i2:#1f2f52;--i3:#2a3d66;--br:#d9b25f;--tx:#f4f1ea;--mu:#a9b4ca;--ok:#3ccb8a;
  background:linear-gradient(160deg,var(--i1),#0f1a31);color:var(--tx);border-radius:18px;padding:16px 16px 14px;margin:0 0 14px;box-shadow:0 8px 28px rgba(15,26,49,.28);position:relative;overflow:hidden}
.rq198::before{content:"";position:absolute;inset:0 0 auto 0;height:3px;background:linear-gradient(90deg,var(--br),transparent 70%)}
.rq198-h{display:flex;justify-content:space-between;align-items:flex-start;gap:10px;margin-bottom:6px}
.rq198-k{font-size:12px;font-weight:700;color:var(--br);letter-spacing:.04em}
.rq198-h h3{margin:2px 0 0;font-size:20px;line-height:1.2;color:var(--tx)}
.rq198-h p{margin:3px 0 0;color:var(--mu);font-size:13px;font-variant-numeric:tabular-nums}
.rq198-all{flex:none;border:1px solid rgba(217,178,95,.45);background:transparent;color:var(--br);border-radius:999px;padding:7px 12px;font:inherit;font-size:13px;font-weight:700;cursor:pointer}
.rq198-g{margin:14px 0 8px;font-size:13px;font-weight:700;color:var(--mu);display:flex;align-items:center;gap:6px}
.rq198-g span{display:inline-grid;place-items:center;min-width:20px;height:20px;padding:0 6px;border-radius:10px;background:var(--i3);color:var(--tx);font-size:12px}
.rq198-l,.rq198-o{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.rq198-t{background:var(--i2);border-radius:14px;padding:12px;border:1px solid rgba(255,255,255,.06);transition:opacity .3s,transform .3s}
.rq198-t.urg{border-color:rgba(255,107,107,.55);box-shadow:inset 3px 0 0 #ff6b6b}
.rq198-t.gone{opacity:.25;transform:scale(.98)}
.rq198-top{display:flex;gap:10px;align-items:flex-start}
.rq198 .rq198-av{flex:none;width:38px;height:38px;border-radius:50%;font-size:14px;display:inline-grid;place-items:center;object-fit:cover;box-shadow:0 0 0 2px rgba(217,178,95,.5)}
.rq198 .rq198-av.sm{width:30px;height:30px;font-size:12px}
.rq198-m{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px}
.rq198-m b{font-size:15.5px;line-height:1.3;color:var(--tx)}
.rq198-m span{font-size:12.5px;color:var(--mu);line-height:1.4}
.rq198-u{font-style:normal;font-size:10.5px;font-weight:800;letter-spacing:.05em;background:#ff6b6b;color:#2a0b0b;border-radius:5px;padding:1px 5px;margin-right:6px;vertical-align:2px}
.rq198-a{flex:none;font-style:normal;font-weight:800;font-size:17px;color:var(--br);font-variant-numeric:tabular-nums;white-space:nowrap}
.rq198-n{margin:8px 0 0 48px;font-size:13px;color:var(--tx);background:rgba(217,178,95,.12);border-radius:8px;padding:6px 9px;line-height:1.4}.rq198-n.q{background:rgba(255,255,255,.07)}
.rq198-b{display:flex;gap:8px;margin:10px 0 0 48px;flex-wrap:wrap}
.rq198-b button{min-height:38px;border-radius:10px;padding:0 12px;font:inherit;font-size:13.5px;font-weight:700;cursor:pointer;border:1px solid rgba(255,255,255,.16);background:rgba(255,255,255,.06);color:var(--tx)}
.rq198-b .rq198-ok{background:var(--ok);border-color:var(--ok);color:#06281a;min-width:118px}
.rq198-b .rq198-ok.arm{background:#ffd166;border-color:#ffd166;color:#2a1c00}
.rq198-b button:focus-visible,.rq198-all:focus-visible,.rq198-o button:focus-visible{outline:2px solid var(--br);outline-offset:2px}
.rq198-o button{width:100%;display:flex;align-items:center;gap:10px;text-align:left;background:rgba(255,255,255,.04);border:1px dashed rgba(255,255,255,.14);border-radius:12px;padding:9px 10px;color:var(--tx);font:inherit;cursor:pointer}
.rq198-o span{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.rq198-o b{font-size:14px}.rq198-o em{font-style:normal;font-size:12px;color:var(--mu)}.rq198-o i{font-style:normal;font-weight:700;color:var(--br);font-size:13px}
.rq198-z{margin:8px 0 2px;color:var(--mu);font-size:14px}
.cmsec .rq198,.dhcol .rq198{margin-top:0}
@media (max-width:420px){.rq198{padding:14px 12px 12px;border-radius:16px}.rq198-n,.rq198-b{margin-left:0}.rq198-h h3{font-size:18px}}

/* Morning briefing */
.br198{position:fixed;inset:0;z-index:20000;display:flex;align-items:center;justify-content:center;padding:16px}
.br198-bg{position:absolute;inset:0;background:rgba(10,16,30,.55)}
.br198-p{position:relative;width:min(520px,100%);max-height:calc(100dvh - 32px);overflow:auto;background:var(--panel,#fff);color:var(--text,#111);border-radius:20px;box-shadow:0 20px 60px rgba(0,0,0,.35);animation:br198in .28s ease-out}
@keyframes br198in{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}
@media (prefers-reduced-motion:reduce){.br198-p{animation:none}}
.br198-p header{display:flex;gap:12px;align-items:flex-start;padding:20px 18px 14px;background:linear-gradient(135deg,#fff3d6,#ffe0b8);color:#3a2408;border-radius:20px 20px 0 0}
.br198-sun{font-size:30px;line-height:1}.br198-p header div{flex:1}.br198-p header h2{margin:2px 0;font-size:22px;color:#2b1a05}.br198-p header p{margin:0;font-size:13.5px;color:#6b4a1c}
.br198-x{border:0;background:rgba(0,0,0,.08);color:#3a2408;width:34px;height:34px;border-radius:10px;font-size:16px;cursor:pointer;flex:none}
.br198-l{list-style:none;margin:0;padding:12px 14px;display:grid;gap:8px}
.br198-l button{width:100%;display:flex;align-items:center;gap:12px;text-align:left;border:1px solid var(--line,#ddd);border-left-width:4px;border-radius:12px;padding:11px 12px;background:var(--panel,#fff);color:inherit;font:inherit;cursor:pointer}
.br198-l .lv-bad button{border-left-color:var(--over,#d23)}.br198-l .lv-warn button{border-left-color:#d9a400}.br198-l .lv-info button{border-left-color:#3a7bd5}
.br198-l li{min-width:0}.br198-l button{min-width:0;max-width:100%;overflow:hidden}.br198-l i{font-style:normal;font-size:20px;flex:none;width:26px;text-align:center}
.br198-l span{flex:1;min-width:0;overflow:hidden;display:flex;flex-direction:column;gap:2px}.br198-l b{font-size:15px;line-height:1.3}.br198-l em{font-style:normal;font-size:12.5px;color:var(--muted,#667);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.br198-l svg{flex:none;color:var(--muted,#889)}
.br198-z{padding:18px;margin:0;font-size:15px}
.br198-p footer{padding:4px 14px 16px;display:flex;justify-content:flex-end}
.br198-ok{min-height:44px;min-width:120px;border:0;border-radius:12px;background:var(--accent,#c22);color:#fff;font:inherit;font-weight:700;cursor:pointer}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .br198-p header{background:linear-gradient(135deg,#3b2a10,#4a3112);color:#ffe7bf}:root:not([data-theme="light"]) .br198-p header h2{color:#fff1d6}:root:not([data-theme="light"]) .br198-p header p{color:#f0cf9a}:root:not([data-theme="light"]) .br198-x{color:#ffe7bf;background:rgba(255,255,255,.1)}}
:root[data-theme="dark"] .br198-p header{background:linear-gradient(135deg,#3b2a10,#4a3112);color:#ffe7bf}:root[data-theme="dark"] .br198-p header h2{color:#fff1d6}:root[data-theme="dark"] .br198-p header p{color:#f0cf9a}:root[data-theme="dark"] .br198-x{color:#ffe7bf;background:rgba(255,255,255,.1)}

/* Menu items without a photo get an avatar (initials on the category colour) */
.tbc.noimg .tbc-img{position:relative;aspect-ratio:auto;height:58px;justify-content:flex-start;padding:0 10px;background:linear-gradient(135deg,hsl(var(--h) 45% 34%),hsl(calc(var(--h) + 40) 50% 20%))}
.tbc.noimg .tbc-img>span{display:grid;place-items:center;width:40px;height:40px;border-radius:12px;background:rgba(255,255,255,.16);border:1px solid rgba(255,255,255,.28);font-size:16px;font-weight:800;color:#fff;letter-spacing:.02em}
.tbc.noimg .tbbadge{position:absolute;margin:0;left:60px;top:50%;transform:translateY(-50%);max-width:calc(100% - 110px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.tbc.noimg .tbin{top:14px;right:10px}
.tbc.noimg .tbc-b{min-height:0}
@media (max-width:600px){.tbc.noimg .tbc-b{min-height:0}}
.positem.p198{position:relative;padding-right:48px}
.positem.p198::before{content:attr(data-ini);position:absolute;top:9px;right:9px;width:32px;height:32px;border-radius:9px;display:grid;place-items:center;font-size:12.5px;font-weight:800;color:#fff;background:linear-gradient(135deg,hsl(var(--h) 45% 38%),hsl(calc(var(--h) + 40) 50% 24%))}
.positem.p198 .p198i{position:absolute;top:9px;right:9px;width:32px;height:32px;border-radius:9px;object-fit:cover}
.positem.p198.hasimg::before{content:none}
.posmthumb.ph198{display:inline-grid;place-items:center;vertical-align:middle;color:#fff;font-weight:800;font-size:11px;background:linear-gradient(135deg,hsl(var(--h) 45% 38%),hsl(calc(var(--h) + 40) 50% 24%))}
.posmthumb.ph198::before{content:attr(data-ini)}

/* HR "Me" avatar next to Settings */
.me198{display:inline-flex;align-items:center;gap:6px;padding:3px 10px 3px 3px!important;border-radius:999px!important}
.me198 .me198av{width:30px;height:30px;border-radius:50%;font-size:12px;display:inline-grid;place-items:center;object-fit:cover;margin:0}
.me198[aria-current="page"]{box-shadow:0 0 0 2px var(--accent)}
.me198 span:not(.me198av){font-weight:700;font-size:13px}
@media (max-width:600px){.me198>span:not(.me198av){display:none}.me198{padding:3px!important}}

/* v1.99 · foldable Request inbox */
.rq199-hd{flex:1;min-width:0;cursor:pointer}
.rq199-r{display:flex;align-items:center;gap:6px;flex:none}
.rq199-t{width:36px;height:36px;border-radius:50%;border:1px solid rgba(217,178,95,.45);background:transparent;color:var(--br);display:grid;place-items:center;cursor:pointer;padding:0}
.rq199-t svg,.rq199-gb svg{transition:transform .2s}
.rq198.f199 .rq199-t svg{transform:rotate(-90deg)}
.rq198.f199>:not(header){display:none!important}
.rq198.f199 .rq198-h{margin-bottom:0}
.rq198.f199{padding-bottom:14px}
.rq199-gb{all:unset;display:flex;align-items:center;gap:6px;width:100%;cursor:pointer;color:inherit;font:inherit;padding:4px 0}
.rq199-gb svg{margin-left:auto;color:var(--mu)}
.rq199-gb[aria-expanded="false"] svg{transform:rotate(-90deg)}
.rq199-gb:focus-visible,.rq199-t:focus-visible{outline:2px solid var(--br);outline-offset:2px}
@media (prefers-reduced-motion:reduce){.rq199-t svg,.rq199-gb svg{transition:none}}

/* v1.99.1 · computers: the module menu always sits on its own row under the top bar, so the last module is never cut off */
@media (min-width:721px){
  .hero{flex-wrap:wrap!important;row-gap:6px}
  .hero>div:first-child{flex:0 1 auto;min-width:0}
  .hero .hctl{margin-left:auto}
  .hero .tabs{order:9;flex:1 0 100%;width:100%;max-width:none;margin:0;padding:6px 0 0;border-top:1px solid var(--line,rgba(127,127,127,.18));flex-wrap:wrap;overflow:visible;row-gap:4px}
  .hero .tabs button:not([hidden]){flex:0 0 auto}
  .hero .tabs button:not([aria-selected="true"]) .tl{display:inline!important}
}
/* Home greeting: no "Online now" label, just the avatars */
.dhwho{gap:0}

/* v2.0 · Special access on the person's card */
.sp200{display:grid;gap:6px;margin:10px 0 4px;padding:10px 12px;border:1px solid var(--line);border-radius:12px;background:var(--panel2)}
.sp200 .lbl{font-weight:700}
.sp200i{display:flex;gap:10px;align-items:flex-start;cursor:pointer;padding:4px 0}
.sp200i input{margin-top:3px;width:18px;height:18px;flex:none}
.sp200i span{display:flex;flex-direction:column;gap:1px}.sp200i b{font-size:14px}.sp200i em{font-style:normal;font-size:12.5px;color:var(--muted)}
.tip200{margin:0 0 12px;padding:10px 12px;border-radius:10px;background:var(--accentSoft,rgba(200,30,40,.08));font-size:13.5px;line-height:1.5}
.tip200 .linkbtn{border:0;background:none;padding:0;color:var(--accent);font:inherit;font-weight:700;text-decoration:underline;cursor:pointer}

/* v2.1 · Nightlife Card */
.nlc210x{border:1px solid var(--line);border-radius:10px;padding:8px 12px 10px;display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px}
.nlc210x legend{font-weight:700;padding:0 4px}.nlc210x input[type=number]{width:84px}.nlc210x .hint{flex-basis:100%;margin:2px 0 0}
.nlc210row{display:flex;gap:6px;align-items:center;flex-wrap:wrap}.nlc210row input{width:84px}
.nlc210lots{margin:10px 0;padding:10px 12px;border-radius:10px;background:var(--panel2)}
.nlc210lots ul{list-style:none;margin:6px 0 0;padding:0;display:grid;gap:4px}.nlc210lots li{display:flex;gap:10px;align-items:baseline}.nlc210lots li span{flex:1}.nlc210lots em{font-style:normal;color:var(--muted);font-size:12.5px}
.nlc210del{margin-top:14px;border:1px solid color-mix(in srgb,var(--over,#c22) 40%,var(--line));border-radius:10px;padding:8px 12px}
.nlc210del summary{cursor:pointer;color:var(--over,#c22);font-weight:700}

/* v2.1.1 · monthly allowances / deductions rows */
.rec211{display:flex;flex-direction:column;gap:6px}
.rec211-h{font-weight:600;font-size:13px}
.rec211-l{display:grid;gap:6px}
.rec211-r{display:grid;grid-template-columns:minmax(0,1fr) 100px 170px 36px;gap:6px;align-items:center}
.rec211-r.bad input{border-color:var(--over,#c22);box-shadow:0 0 0 1px var(--over,#c22)}
.rec211-err{margin:0;color:var(--over,#c22)!important;font-weight:600;font-size:13px}
.rec211 [data-rec211add]{align-self:flex-start}
@media (max-width:560px){.rec211-r{grid-template-columns:96px minmax(0,1fr) 36px;padding-bottom:6px;border-bottom:1px dashed var(--line)}.rec211-r .r-n{grid-column:1/-1}.rec211-r .r-a,.rec211-r .r-k,.rec211-r .cib{width:100%;min-width:0}}

/* v2.2 · Licences & Subscriptions */
.lic{display:flex;flex-direction:column;gap:12px}
.lic-hero{display:flex;justify-content:space-between;align-items:flex-end;gap:12px;flex-wrap:wrap}
.lic-tiles{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.lic-t{display:flex;flex-direction:column;gap:2px;padding:12px 14px;border-radius:12px;background:var(--panel);border:1px solid var(--line);text-align:left;font:inherit;color:var(--text)}
button.lic-t{cursor:pointer}.lic-t b{font-size:22px;font-variant-numeric:tabular-nums}.lic-t span{font-size:12.5px;color:var(--muted)}
.lic-t.bad{border-color:var(--over);box-shadow:inset 3px 0 0 var(--over)}.lic-t.bad b{color:var(--over)}.lic-t.warn{border-color:#d9a400;box-shadow:inset 3px 0 0 #d9a400}
.lic-f{display:flex;flex-direction:column;gap:8px}
.lic-chips{display:flex;gap:6px;overflow-x:auto;scrollbar-width:none;padding-bottom:2px}.lic-chips::-webkit-scrollbar{display:none}
.lic-chips button{flex:none;min-height:34px;padding:0 12px;border-radius:999px;border:1px solid var(--line);background:var(--panel);color:var(--text);font:inherit;font-size:13px;cursor:pointer}
.lic-chips button[aria-pressed="true"]{background:var(--accentSoft);border-color:var(--accent);color:var(--accent);font-weight:700}
.lic-fr{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.lic-fr input[type=search]{flex:1 1 220px;min-width:0;min-height:38px;padding:0 12px;border:1px solid var(--line);border-radius:10px;background:var(--panel);color:var(--text)}.lic-fr select{min-height:38px}
.lic-tbl tr.lic-r{cursor:pointer}.lic-tbl td em{display:block;font-style:normal;font-size:12px;color:var(--muted)}
.lic-tbl tr.s-overdue td:first-child{box-shadow:inset 3px 0 0 var(--over)}.lic-tbl tr.s-due td:first-child{box-shadow:inset 3px 0 0 #d9a400}.lic-tbl tr.s-cancelled{opacity:.55}
.lic-b{display:inline-block;font-size:11.5px;font-weight:700;padding:2px 8px;border-radius:999px;background:var(--panel2);color:var(--muted);white-space:nowrap}
.lic-b.bad{background:color-mix(in srgb,var(--over) 14%,transparent);color:var(--over)}.lic-b.warn{background:color-mix(in srgb,#d9a400 18%,transparent);color:#8a6400}.lic-b.ok{color:var(--good,#1f8a55)}.lic-b.off{text-decoration:line-through}
.lic-auto,.lic-req{display:inline-block;font-size:11px;font-weight:700;padding:1px 6px;border-radius:6px;border:1px solid var(--line);color:var(--muted)}
.lic-miss{color:var(--over);font-weight:600}
.lic-empty{padding:18px;border:1px dashed var(--line);border-radius:12px;background:var(--panel)}
.lic-m .mkm{max-width:640px}
.lic-dl{display:flex;justify-content:space-between;gap:12px;padding:7px 0;border-bottom:1px solid var(--line)}.lic-dl span{color:var(--muted)}.lic-dl b{text-align:right}
.lic-top{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:8px}.lic-notes{white-space:pre-wrap;background:var(--panel2);padding:8px 10px;border-radius:8px}
.lic-hist{list-style:none;margin:0;padding:0;display:grid;gap:6px}.lic-hist li{display:flex;flex-direction:column;gap:1px}.lic-hist span{font-size:12.5px;color:var(--muted)}
.lic-cost-in{display:flex;gap:6px}.lic-cost-in input{flex:1;min-width:0}.lic-cost-in select{width:84px}
.lic-autock{align-self:end;padding-bottom:10px}
@media (max-width:720px){.lic-tiles{grid-template-columns:repeat(2,minmax(0,1fr))}.lic-t b{font-size:19px}}

/* v2.2.1 · special case + shift pay */
.x221{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 14px;padding-top:8px;border-top:1px dashed var(--line)}
.x221 label.x221ck{grid-column:1/-1;display:flex!important;flex-direction:row!important;font-weight:400;gap:10px;align-items:flex-start;cursor:pointer}.x221ck input{margin-top:3px;width:18px;height:18px;flex:none}.x221ck span{display:flex;flex-direction:column;gap:2px}.x221ck b{font-weight:700;color:var(--text)}.x221ck em{font-weight:400;font-style:normal;font-size:12.5px;color:var(--muted)}
.x221b{grid-column:1/-1;display:flex;flex-direction:column;gap:6px}.x221b.dim{opacity:.55}
.x221h{font-weight:600;font-size:13px}
.x221r{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.x221r.bad input{border-color:var(--over,#c22);box-shadow:0 0 0 1px var(--over,#c22)}
.x221err{margin:0;color:var(--over,#c22)!important;font-weight:600;font-size:13px}
@media (max-width:560px){.x221{grid-template-columns:1fr}}

/* v2.2.3 */
.hrpage[data-hrp="lic"] .lic-hero{background:none!important;border:0!important;box-shadow:none!important;padding:0!important;margin:0 0 10px!important;min-height:0;display:flex;justify-content:flex-end}
.hrpage[data-hrp="lic"] .lic-hero::before,.hrpage[data-hrp="lic"] .lic-hero::after{display:none!important}
.hrpage[data-hrp="lic"] .lic-hero>div{display:none}
.st223sub{margin-top:22px;padding-top:16px;border-top:1px solid var(--line,#e3e6ec)}
.st223sub>.h2h4{margin-top:0}
.stbody .st223foot{display:flex;justify-content:flex-end;align-items:center;gap:10px;margin-top:12px;padding:0;border:0;background:none}
.sup223{margin-top:22px;padding-top:16px;border-top:1px solid var(--line,#e3e6ec)}
details.hraud223>summary{cursor:pointer;list-style:none;display:flex;align-items:center;gap:8px}
details.hraud223>summary::-webkit-details-marker{display:none}
details.hraud223>summary h4{margin:0}
details.hraud223>summary::after{content:"";width:8px;height:8px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(-45deg);margin-left:auto;transition:transform .15s;opacity:.6}
details.hraud223[open]>summary::after{transform:rotate(45deg)}
details.hraud223[open]>summary{margin-bottom:8px}
.n223msg{margin:6px 0 10px;padding:9px 12px;border-radius:8px;font-weight:600;font-size:.92em;line-height:1.4}
.n223msg.ok{background:#e7f6ec;color:#17643a;border:1px solid #b8e2c6}
.n223msg.bad{background:#fdecec;color:#a11d1d;border:1px solid #f3c1c1}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .n223msg.ok{background:#12301f;color:#9fe0b6;border-color:#24563a}:root:not([data-theme="light"]) .n223msg.bad{background:#3a1717;color:#f4b4b4;border-color:#6b2a2a}}
:root[data-theme="dark"] .n223msg.ok{background:#12301f;color:#9fe0b6;border-color:#24563a}
:root[data-theme="dark"] .n223msg.bad{background:#3a1717;color:#f4b4b4;border-color:#6b2a2a}

/* v2.3 · Nightlife Card → Certified partners */
.cp{display:grid;gap:14px}
.cp-warn{margin:0;padding:10px 14px;border-radius:12px;background:#FFF4DC;color:#7A5200;border:1px solid #F1D08A}
.cp-warn .linkbtn{background:none;border:0;padding:0;font:inherit;font-weight:700;color:inherit;text-decoration:underline;cursor:pointer}
.cp-tiles{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:10px}
.cp-t{display:grid;gap:2px;background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:12px 14px}
.cp-t span{font-size:12px;font-weight:600;color:var(--muted)}.cp-t b{font-size:22px;font-variant-numeric:tabular-nums}.cp-t em{font-style:normal;font-size:12px;color:var(--muted)}
.cp-portal{display:flex;align-items:center;gap:12px;flex-wrap:wrap;background:var(--panel);border:1px dashed var(--line);border-radius:14px;padding:12px 14px}
.cp-portal>div{display:grid;flex:1;min-width:220px}.cp-portal code{font-size:13px;padding:6px 10px;border-radius:8px;background:var(--panel2);word-break:break-all}
.cp-tabs{display:flex;gap:6px;border-bottom:1px solid var(--line);overflow-x:auto}
.cp-tabs button{border:0;background:none;padding:10px 14px;font:inherit;font-weight:600;color:var(--muted);border-bottom:2px solid transparent;margin-bottom:-1px;white-space:nowrap;cursor:pointer}
.cp-tabs button[aria-selected="true"]{color:var(--text);border-bottom-color:var(--accent)}
.cp-bar{display:flex;align-items:flex-start;gap:12px;justify-content:space-between;flex-wrap:wrap}.cp-bar .hint{margin:0;max-width:640px}
.cp-list{display:grid;gap:8px}
.cp-row{display:flex;align-items:center;gap:12px;text-align:left;width:100%;background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:12px 14px;font:inherit;color:inherit;cursor:pointer}
.cp-row:hover{border-color:var(--accent)}
.cp-ic{flex:none;width:40px;height:40px;border-radius:12px;display:grid;place-items:center;background:var(--panel2)}.cp-ic svg{width:22px;height:22px}
.cp-n{flex:1;min-width:0;display:grid}.cp-n em,.cp-r em{font-style:normal;font-size:12px;color:var(--muted)}
.cp-r{display:grid;justify-items:end;gap:4px;text-align:right}
.cp-chip{display:inline-block;font-size:12px;font-weight:700;padding:3px 10px;border-radius:999px;background:var(--panel2);color:var(--muted);white-space:nowrap}
.cp-chip.ok{background:#DDF3E8;color:#0E6B42}.cp-chip.wait{background:#FFF1D6;color:#8A5A00}.cp-chip.bad{background:#FDE4E4;color:#A02828}.cp-chip.off{background:var(--panel2);color:var(--muted)}
.cp-empty{display:grid;justify-items:start;gap:6px;padding:18px;border:1px dashed var(--line);border-radius:14px}
.cp-filt{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.cp-filt label{display:flex;align-items:center;gap:6px;font-size:13px}
.cp-rf{display:flex;gap:6px}.cp-rf input{min-width:140px}
.cp-card{background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:16px}.cp-card h3{margin:0 0 8px}
.cp-our{border:1px solid var(--line);border-radius:12px;padding:10px 12px;margin:10px 0}.cp-our legend{padding:0 6px}.cp-show{display:flex;align-items:center;gap:6px}
.cp-m .mkm{max-width:760px}.cp-form{margin-bottom:6px}
.cp-logins{margin-top:16px;padding-top:14px;border-top:1px solid var(--line)}.cp-logins h3{margin:0 0 4px;font-size:16px}
.cp-ul{list-style:none;padding:0;margin:10px 0;display:grid;gap:8px}.cp-ul li{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap;padding:8px 10px;border:1px solid var(--line);border-radius:10px}
.cp-ua{display:flex;gap:6px}
.cp-add{display:grid;grid-template-columns:1fr 1fr auto auto;gap:8px;margin-top:8px}
.cp-pw{display:grid;gap:4px;padding:12px 14px;border-radius:12px;background:#E9F7EF;color:#0E4D31;border:1px solid #A9DDBF;margin:10px 0}.cp-pw code{font-size:14px;font-weight:700;padding:1px 6px;border-radius:6px;background:rgba(255,255,255,.7)}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .cp-pw{background:#12301f;color:#BFEBD2;border-color:#24563a}:root:not([data-theme="light"]) .cp-pw code{background:rgba(0,0,0,.3)}:root:not([data-theme="light"]) .cp-warn{background:#3a2c0f;color:#F4D58C;border-color:#6b5420}
  :root:not([data-theme="light"]) .cp-chip.ok{background:#12301f;color:#9fe0b6}:root:not([data-theme="light"]) .cp-chip.wait{background:#3a2c0f;color:#F4D58C}:root:not([data-theme="light"]) .cp-chip.bad{background:#3a1717;color:#f4b4b4}}
:root[data-theme="dark"] .cp-pw{background:#12301f;color:#BFEBD2;border-color:#24563a}:root[data-theme="dark"] .cp-warn{background:#3a2c0f;color:#F4D58C;border-color:#6b5420}
:root[data-theme="dark"] .cp-chip.ok{background:#12301f;color:#9fe0b6}:root[data-theme="dark"] .cp-chip.wait{background:#3a2c0f;color:#F4D58C}:root[data-theme="dark"] .cp-chip.bad{background:#3a1717;color:#f4b4b4}
@media (max-width:640px){.cp-add{grid-template-columns:1fr 1fr}.cp-r{display:none}}

/* v2.3.2 · messages always show above dialogs (they were hidden behind them) */
.toast{z-index:2147483600!important}
body:has(.modal:not([hidden])) .toast{top:calc(env(safe-area-inset-top,0px) + 16px);bottom:auto!important;box-shadow:0 10px 30px rgba(0,0,0,.35)}
/* Nightlife Card → Clean up old balances */
.cl-bar{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;padding:10px 14px;margin:0 0 10px;border:1px dashed var(--line);border-radius:12px}
.cl-bar .hint{margin:0}
#nlcCl .mkm{max-width:980px}
.cl-f{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:10px;align-items:end}
.cl-f label{display:grid;gap:4px;font-size:13px;font-weight:600}.cl-f .hint{font-weight:400}
.cl-ck{display:flex!important;align-items:center;gap:8px;font-weight:600}
.cl-sum{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:10px 12px;border-radius:10px;background:var(--panel2)}
.cl-t{max-height:46vh;overflow:auto}.cl-t td:first-child{width:34px}
.cl-act{display:grid;gap:10px;padding-top:6px;border-top:1px solid var(--line)}
.cl-act fieldset{border:0;padding:0;margin:0;display:grid;gap:8px}.cl-act legend{font-weight:700;margin-bottom:6px}
.cl-rad{display:flex;gap:10px;align-items:flex-start;padding:10px 12px;border:1px solid var(--line);border-radius:12px;cursor:pointer}
.cl-rad span{display:grid}.cl-rad em{font-style:normal;font-size:13px;color:var(--muted)}
.cl-rad:has(input:checked){border-color:var(--accent);background:var(--panel2)}
.cl-act>label{display:grid;gap:4px;font-size:13px;font-weight:600;max-width:460px}
.cl-done{display:grid;gap:6px;padding:14px;border-radius:12px;background:#E9F7EF;color:#0E4D31;border:1px solid #A9DDBF}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .cl-done{background:#12301f;color:#BFEBD2;border-color:#24563a}}
:root[data-theme="dark"] .cl-done{background:#12301f;color:#BFEBD2;border-color:#24563a}

/* v2.4 · Licences documents */
.lic-files{margin-top:14px}.lic-files h4{margin:0 0 6px}
.lic-files ul{list-style:none;padding:0;margin:0 0 8px;display:grid;gap:8px}
.lic-files li{display:flex;align-items:center;gap:10px;padding:8px;border:1px solid var(--line);border-radius:10px}
.lic-files li>span{flex:1;min-width:0;display:grid}.lic-files li>span a{color:inherit;text-decoration:none}.lic-files li b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lic-files em{font-style:normal;font-size:12px;color:var(--muted)}
.lic-th{flex:none;width:52px;height:52px;border-radius:8px;overflow:hidden;display:grid;place-items:center;background:var(--panel2);font-weight:800;font-size:12px;color:#B42318;text-decoration:none}.lic-th img{width:100%;height:100%;object-fit:cover}
.lic-up{display:inline-flex;align-items:center;gap:6px;cursor:pointer;border:1px dashed var(--line);border-radius:10px;padding:8px 12px;font-weight:600}
/* v2.4 · HR profile photo, double size */
.hrph .hrav.lg{width:128px;height:128px;font-size:40px;border-radius:24px;cursor:zoom-in;box-shadow:0 4px 14px rgba(0,0,0,.12)}
.hrph{align-items:center;gap:18px}
@media (max-width:520px){.hrph .hrav.lg{width:112px;height:112px}}
.phbox{position:fixed;inset:0;z-index:2147483000;background:rgba(5,8,14,.86);display:grid;place-items:center;padding:20px;cursor:zoom-out}
.phbox img{max-width:min(92vw,720px);max-height:86vh;border-radius:16px;box-shadow:0 20px 60px rgba(0,0,0,.5)}
.phbox .cib{position:absolute;top:16px;right:16px;background:#fff;color:#111}
/* v2.4 · Channex card */
.cxc{border-left:5px solid var(--muted);margin-bottom:14px}.cxc.ok{border-left-color:var(--pmok)}.cxc.warn{border-left-color:var(--pmw)}.cxc.bad{border-left-color:var(--pmb)}
.cxsteps{margin:4px 0 12px;padding-left:22px;display:grid;gap:8px;font-size:14px}.cxsteps li.ok::marker{color:var(--pmok)}
.cxkey{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.4fr) auto;gap:8px;align-items:end;margin:8px 0 4px}.cxkey label{display:grid;gap:4px;font-size:13px;font-weight:600}
.cxerr{color:var(--pmb);font-weight:600;margin:6px 0 10px}
.cxrev{margin:12px 0;padding:12px;border-radius:12px;border:1px solid var(--pmw);background:color-mix(in srgb,var(--pmw) 8%,var(--panel))}.cxrev h4{margin:0 0 8px}
.cxrv{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:6px 0;border-top:1px solid var(--line)}.cxrv>span{flex:1;min-width:200px;display:grid}.cxrv em{font-style:normal;font-size:12.5px;color:var(--muted)}
.cxdoc{list-style:none;padding:0;margin:10px 0;display:grid;gap:6px}.cxdoc li{display:flex;gap:10px;align-items:flex-start}.cxdoc i{font-style:normal;width:22px;height:22px;border-radius:50%;display:grid;place-items:center;font-size:12px;flex:none;background:var(--pmok);color:#fff}.cxdoc li.bad i{background:var(--pmb)}.cxdoc span{display:grid}.cxdoc em{font-style:normal;font-size:12.5px;color:var(--muted)}
.cxtypes,.cxmore{margin-top:10px}.cxtypes summary,.cxmore summary{cursor:pointer;color:var(--muted);font-size:13px;font-weight:600}
.cxrec{display:flex;gap:8px;align-items:end;flex-wrap:wrap;margin:10px 0}.cxrec label{display:grid;gap:4px;font-size:13px}
.btnlike{display:inline-flex;align-items:center;text-decoration:none}
.cxline{margin:0 0 10px}
@media (max-width:640px){.cxkey{grid-template-columns:1fr}}
/* v2.4 · Hotel → Night audit */
.pmahist .mktr{display:grid;grid-template-columns:minmax(0,1.3fr) repeat(6,minmax(0,1fr)) minmax(0,1.2fr);gap:8px;align-items:center}
.pma-h{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:2px 0 12px}.pma-h label{display:flex;align-items:center;gap:8px;font-weight:600}.pma-h select{width:auto;min-width:170px}
.pma-done{color:#0f7a4e;font-weight:600;font-size:13px;background:color-mix(in srgb,#16a34a 12%,transparent);padding:4px 10px;border-radius:999px}
.pma-k{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px;margin-bottom:12px}
.pma-k>div{background:var(--panel);border-radius:12px;box-shadow:var(--sh1);padding:12px 14px;display:flex;flex-direction:column;gap:2px;min-width:0}
.pma-k span{font-size:12px;color:var(--muted);font-weight:600}.pma-k b{font-size:22px;line-height:1.2;font-variant-numeric:tabular-nums}.pma-k em{font-style:normal;font-size:12px;color:var(--muted)}
.pma-g{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:10px;margin-bottom:10px}
.pma-s h3{margin:0;font-size:15px;display:flex;align-items:center;gap:8px}.pma-n{display:inline-grid;place-items:center;min-width:22px;height:22px;padding:0 6px;border-radius:999px;background:var(--panel2);font-size:12px}
.pma-s.ok{opacity:.85}.pma-s.ok .hint{color:#0f7a4e}
.pma-s.warn{border-left:4px solid #d97706}.pma-s.warn .pma-n{background:#d97706;color:#fff}
.pma-s.bad{border-left:4px solid #dc2626}.pma-s.bad .pma-n{background:#dc2626;color:#fff}
.pma-l{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}.pma-l li{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.pma-r{flex:1 1 220px;min-width:0;display:grid;grid-template-columns:auto 1fr;gap:0 8px;text-align:left;background:var(--panel2);border:0;border-radius:8px;padding:8px 10px;cursor:pointer;color:var(--text);font:inherit}
.pma-r:hover{background:color-mix(in srgb,var(--pm,#8a5a00) 10%,var(--panel2))}.pma-r b{font-variant-numeric:tabular-nums}.pma-r em{grid-column:1/-1;font-style:normal;font-size:12px;color:var(--muted)}
.pma-ns{display:flex;align-items:center;gap:6px;font-size:13px;font-weight:600;white-space:nowrap}.pma-bal{color:#b45309;font-variant-numeric:tabular-nums}
.pma-pay{display:flex;flex-wrap:wrap;gap:8px}.pma-pay>div{background:var(--panel2);border-radius:8px;padding:8px 12px;display:flex;gap:10px;align-items:baseline}.pma-pay span{color:var(--muted);font-size:13px}
.pma-close{margin:10px 0;border:2px solid color-mix(in srgb,var(--pm,#8a5a00) 40%,transparent)}
.pmahist,.pma-close+section,.pma-g+section{margin-bottom:10px}
@media (max-width:760px){.pmahist .mktr{grid-template-columns:repeat(2,minmax(0,1fr))}.pma-g{grid-template-columns:1fr}.pma-k b{font-size:19px}}
/* v2.4 · Hotel → Rates → Smart pricing */
.sp2{margin-bottom:12px}.sp2.on{border-left:4px solid #16a34a}.sp2 h3{margin:0;font-size:15px}.sp2 summary{cursor:pointer;font-weight:600;font-size:13px;padding:2px 0}
.sp2 details[open]>summary{margin-bottom:8px}.sp2rules{display:flex;flex-direction:column;gap:6px;margin:8px 0}
.sp2r{display:flex;align-items:center;gap:6px;flex-wrap:wrap;font-size:13px;margin:4px 0}.sp2r input[type=number]{width:72px;padding:6px 8px}
.sp2prev{background:var(--panel2);border-radius:10px;padding:10px 12px;margin-top:8px;font-size:13px}.sp2prev ul,.sp2last ul{margin:6px 0 0;padding-left:18px}.sp2prev em,.sp2last em{color:var(--muted);font-style:normal}
.sp2last{margin-top:8px;font-size:13px}
/* v2.4 · morning report preview */
.flashbox{position:fixed;inset:0;z-index:2147482000;background:rgba(5,8,14,.6);display:grid;place-items:center;padding:16px}
.flashbox>div{background:var(--panel);border-radius:14px;box-shadow:0 20px 60px rgba(0,0,0,.35);padding:16px;width:min(560px,100%);max-height:88vh;overflow:auto}
.flashbox pre{white-space:pre-wrap;font:14px/1.5 inherit;font-family:inherit;background:var(--panel2);border-radius:10px;padding:12px;margin:10px 0}

/* v2.5 · POS → Door: guest list and door count */
.gld{margin-top:18px;border-top:1px solid var(--line);padding-top:14px}
.gl-h{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:10px}.gl-h h3{margin:0;font-size:17px;flex:1 1 auto}
.gl-h .month{display:flex;align-items:center;gap:6px}.gl-h .month button{min-width:34px;min-height:34px;border-radius:8px;border:1px solid var(--line);background:var(--panel);color:var(--text);font-size:18px;cursor:pointer}
.gl-t{display:grid;grid-template-columns:1.3fr repeat(3,minmax(0,1fr)) 1.6fr;gap:8px;margin-bottom:12px}
.gl-t>div{background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:10px 12px;display:flex;flex-direction:column;gap:2px;min-width:0}
.gl-t b{font-size:22px;line-height:1.15;font-variant-numeric:tabular-nums}.gl-t b small{font-size:14px;color:var(--muted);font-weight:600}.gl-t span{font-size:12px;color:var(--muted);font-weight:600}
.gl-big{background:var(--text)!important;border-color:var(--text)!important}.gl-big b{font-size:34px;color:var(--bg)}.gl-big span{color:color-mix(in srgb,var(--bg) 75%,transparent)!important}
.gl-wb{display:flex;gap:6px;margin-top:6px;flex-wrap:wrap}.gl-wb button{min-width:44px;min-height:40px;font-size:15px}
.gl-s{display:flex;gap:8px;align-items:center;margin-bottom:8px}.gl-s input{flex:1 1 auto;min-height:42px;font-size:16px}
.gl-add{background:var(--panel2);border-radius:12px;padding:12px;display:flex;flex-direction:column;gap:8px;margin-bottom:10px}.gl-add label{display:flex;flex-direction:column;gap:4px;font-size:13px;font-weight:600}.gl-add textarea{font:inherit;font-size:15px}
.gl5l{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}
.gl5l li{display:flex;align-items:center;gap:10px;flex-wrap:wrap;background:var(--panel);border:1px solid var(--line);border-left:4px solid var(--line);border-radius:10px;padding:8px 10px}
.gl5l li.part{border-left-color:#d97706}.gl5l li.in{border-left-color:#16a34a;opacity:.72}
.gln{flex:1 1 200px;min-width:0;display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 8px}.gln b{font-size:16px}.gln .hint{flex-basis:100%;font-size:12px}
.glp{font-weight:700;font-size:13px;background:var(--panel2);border-radius:999px;padding:1px 8px}
.gla{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.gla button{min-height:40px}.gl5c{font-variant-numeric:tabular-nums;font-weight:700;min-width:38px;text-align:center}
.gl5l li.in .gl5c{color:#15803d}.glrm.armed{background:#fee2e2;color:#991b1b}
.gl-bk{list-style:none;margin:6px 0;padding:0;display:flex;flex-direction:column;gap:4px}.gl-bk li{display:grid;grid-template-columns:52px 1fr auto;gap:8px;align-items:baseline;font-size:14px;padding:6px 2px;border-bottom:1px solid var(--line)}
.gl-bk li em{font-style:normal;font-size:12px;color:var(--muted);font-weight:600}.gl-bk li.seated em{color:#15803d}
@media (max-width:760px){.gl-t{grid-template-columns:repeat(2,minmax(0,1fr))}.gl-big{grid-column:1/-1;flex-direction:row!important;align-items:baseline;gap:10px!important}.gl-walk{grid-column:1/-1}}
/* v2.5 · POS → Promoters: login panel */
.prmlog{background:var(--panel2);border-radius:12px;padding:12px 14px;margin:10px 0;display:flex;flex-direction:column;gap:8px}.prmlog h3{margin:0;font-size:15px}
.prm-pw{background:var(--panel);border:2px solid #16a34a;border-radius:10px;padding:10px 12px}.prm-pw p{margin:0 0 6px;font-weight:600}
.prm-pw dl{display:grid;grid-template-columns:auto 1fr;gap:4px 12px;margin:0 0 8px}.prm-pw dt{color:var(--muted);font-size:13px}.prm-pw dd{margin:0;word-break:break-all}
.prmlog .frow{justify-content:flex-start;align-items:center;gap:8px}

/* v2.5.1 · rate plan selector, Channex certification box */
.pm251sel{width:auto;min-width:150px;padding:6px 10px;border-radius:8px}
.cx251{margin-top:10px}.cx251 summary{cursor:pointer;font-weight:600;font-size:13px}.cx251 h4{margin:12px 0 4px;font-size:14px}
.cx251p{display:flex;flex-wrap:wrap;gap:6px 16px;margin:6px 0 8px}
.cx251o{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:8px 14px}.cx251o label{display:flex;flex-direction:column;gap:4px;font-size:13px;font-weight:600}
.cx251t{list-style:none;margin:6px 0;padding:0;display:flex;flex-direction:column;gap:4px}.cx251t li{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap;font-size:13px;background:var(--panel2);border-radius:8px;padding:6px 10px}.cx251t code{word-break:break-all}

/* v2.5.2 · private mailboxes */
.ml-lock{font-style:normal;font-size:11px;margin-left:4px;opacity:.8}.ml-priv{background:color-mix(in srgb,var(--verify,#2563eb) 10%,transparent);border-radius:8px;padding:8px 10px}
.ml-tplrow .ml-dot{flex:0 0 10px;width:10px;height:10px;border-radius:50%}

/* ===================== v2.5.3 · OSNL AI in the top bar ===================== */
.tabs [data-v="ai"]{display:none!important}
.aitop{display:inline-flex;align-items:center;gap:6px;font-weight:700}.aitop[hidden]{display:none}.aitop svg{color:#8B5CF6}.aitop[aria-current="page"]{background:color-mix(in srgb,#8B5CF6 18%,transparent)}
@media (max-width:900px){.aitop span{display:none}.aitop{padding:6px 8px}}
/* ===================== v2.5.3 · Mail in the style of Outlook (Fluent) ===================== */
.ml{--ok-canvas:#1F1F1F;--ok-pane:#292929;--ok-side:#242424;--ok-line:#3D3D3D;--ok-text:#F5F5F5;--ok-sub:#ADADAD;--ok-brand:#479EF5;--ok-brandbg:#115EA3;--ok-sel:#1F3A57;--ok-hov:#333333;--ok-card:#2E2E2E}
@media (prefers-color-scheme:light){:root:not([data-theme="dark"]) .ml{--ok-canvas:#F5F5F5;--ok-pane:#FFFFFF;--ok-side:#F7F7F7;--ok-line:#E0E0E0;--ok-text:#242424;--ok-sub:#616161;--ok-brand:#0F6CBD;--ok-brandbg:#0F6CBD;--ok-sel:#CFE4FA;--ok-hov:#F0F0F0;--ok-card:#FFFFFF}}
:root[data-theme="light"] .ml{--ok-canvas:#F5F5F5;--ok-pane:#FFFFFF;--ok-side:#F7F7F7;--ok-line:#E0E0E0;--ok-text:#242424;--ok-sub:#616161;--ok-brand:#0F6CBD;--ok-brandbg:#0F6CBD;--ok-sel:#CFE4FA;--ok-hov:#F0F0F0;--ok-card:#FFFFFF}
.ml{font-family:"Segoe UI Variable Text","Segoe UI",-apple-system,BlinkMacSystemFont,Roboto,"Noto Sans Khmer",sans-serif;grid-template-rows:auto minmax(0,1fr);background:var(--ok-pane);border-color:var(--ok-line);border-radius:8px;color:var(--ok-text)}
.olk-bar{grid-column:1/-1;display:flex;align-items:center;gap:4px;padding:6px 10px;background:var(--ok-pane);border-bottom:1px solid var(--ok-line);min-height:48px;overflow-x:auto;scrollbar-width:thin}
.olk-new{display:inline-flex;align-items:center;gap:8px;background:var(--ok-brandbg);color:#fff;border:0;border-radius:4px;padding:0 14px;height:34px;font:600 14px/1 inherit;font-family:inherit;cursor:pointer;flex:none}
.olk-new:hover{filter:brightness(1.08)}.olk-div{width:1px;height:24px;background:var(--ok-line);margin:0 6px;flex:none}
.olk-bar .ml-tools{display:flex;align-items:center;gap:2px;flex:1;min-width:0;flex-wrap:nowrap;border:0;padding:0;background:none}
.olk-bar .ml-tb{display:inline-flex;align-items:center;gap:6px;height:34px;padding:0 9px;border-radius:4px;border:0;background:none;color:var(--ok-text);font:400 13.5px/1 inherit;font-family:inherit;white-space:nowrap;cursor:pointer}
.olk-bar .ml-tb:hover{background:var(--ok-hov)}.olk-bar .ml-tb svg{color:var(--ok-brand)}.olk-bar .ml-tb.on{background:var(--ok-sel)}
.olk-bar .ml-tdel svg,.olk-bar .ml-tspam svg{color:#D13438}.olk-bar .ml-sep{width:1px;height:22px;background:var(--ok-line);margin:0 4px;flex:none}
.olk-bar .ml-tsp{flex:1}.olk-off .ml-tb{opacity:.42;cursor:default}.olk-off .ml-tb:hover{background:none}
@media (min-width:901px){.ml .ml-rhead .ml-tools,.ml .ml-side .ml-new{display:none}.ml .ml-rhead{min-height:0;padding:0;border:0}}
@media (max-width:900px){.olk-bar{display:none}.ml{grid-template-rows:minmax(0,1fr)}}
/* folder pane */
.ml .ml-side{background:var(--ok-side);border-right:1px solid var(--ok-line);padding:10px 8px;gap:2px}
.ml .ml-sh{font:600 12px/1.3 inherit;font-family:inherit;color:var(--ok-sub);margin:10px 10px 4px;text-transform:none;letter-spacing:0}
.ml .ml-boxes button{border-radius:4px;color:var(--ok-text);font-size:14px;min-height:34px;padding:0 10px;gap:10px}
.ml .ml-boxes button:hover{background:var(--ok-hov)}
.ml .ml-boxes button[aria-current]{background:var(--ok-sel);font-weight:600;color:var(--ok-text);box-shadow:inset 3px 0 0 var(--ok-brand)}
.ml .ml-boxes svg{color:var(--ok-sub)}.ml .ml-boxes button[aria-current] svg{color:var(--ok-brand)}
.ml .ml-bn{background:none;color:var(--ok-brand);font-weight:700;font-style:normal}
/* message list */
.ml .ml-listp{background:var(--ok-pane);border-right:1px solid var(--ok-line)}
.ml .ml-lh h2{font:600 18px/1.25 inherit;font-family:inherit;color:var(--ok-text)}
.ml .ml-search{border-radius:4px;background:var(--ok-canvas);border:1px solid transparent}.ml .ml-search:focus-within{border-color:var(--ok-brand);background:var(--ok-pane)}
.olk-tabs{display:flex;gap:18px;padding:2px 14px 0;border-bottom:1px solid var(--ok-line);position:sticky;top:0;background:var(--ok-pane);z-index:1}
.olk-tabs button{background:none;border:0;padding:8px 0 9px;font:400 14px/1 inherit;font-family:inherit;color:var(--ok-sub);cursor:pointer;border-bottom:2px solid transparent;margin-bottom:-1px;display:inline-flex;align-items:center;gap:6px}
.olk-tabs button[aria-selected="true"]{color:var(--ok-text);font-weight:600;border-bottom-color:var(--ok-brand)}
.olk-tabs i{font-style:normal;font-size:12px;font-weight:700;color:var(--ok-brand)}
.ml .ml-row{border-bottom:1px solid var(--ok-line);border-radius:0;margin:0;padding:10px 12px 10px 14px;background:var(--ok-pane);position:relative;box-shadow:none}
.ml .ml-row:hover{background:var(--ok-hov)}
.ml .ml-row.sel{background:var(--ok-sel)}
.ml .ml-row.unread::before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--ok-brand)}
.ml .ml-row .ml-who{font-weight:400;color:var(--ok-text);font-size:14px}.ml .ml-row.unread .ml-who{font-weight:700}
.ml .ml-row .ml-r2{color:var(--ok-text);font-size:13.5px}.ml .ml-row.unread .ml-r2{color:var(--ok-brand);font-weight:600}
.ml .ml-row .ml-r3{color:var(--ok-sub);font-size:13px}.ml .ml-row time{color:var(--ok-sub);font-size:12px}.ml .ml-row.unread time{color:var(--ok-brand);font-weight:600}
.ml .ml-sec .ml-sech{color:var(--ok-sub)}
/* reading pane */
.ml .ml-read{background:var(--ok-canvas)}
.ml .ml-subj h2{font:600 20px/1.3 inherit;font-family:inherit;color:var(--ok-text)}
.ml .ml-msg{background:var(--ok-card);border:1px solid var(--ok-line);border-radius:8px;box-shadow:0 1px 2px rgba(0,0,0,.08)}
.ml .ml-msg .ml-mh b{font-weight:600}.ml .ml-mto,.ml .ml-msg time{color:var(--ok-sub)}
.ml .ml-replybar button{border-radius:4px;border:1px solid var(--ok-line);background:var(--ok-card);color:var(--ok-text)}
.ml .ml-replybar button:hover{background:var(--ok-hov)}.ml .ml-replybar svg{color:var(--ok-brand)}
.ml .ml-pick{color:var(--ok-sub)}
.ml .ml-row.unread::before{left:0;top:0;bottom:0;width:3px;height:auto;border-radius:0}
@media (min-width:901px){.ml .olk-bar .ml-tools .ml-tb span:not(.ml-av){display:inline!important}.ml .olk-bar .ml-tools .ml-tb .sr{display:none}}
@media (min-width:901px) and (max-width:1365px){.ml .olk-bar .ml-tools .ml-tb[data-ml="unread"] span,.ml .olk-bar .ml-tools .ml-tb[data-ml="snooze"] span,.ml .olk-bar .ml-tools .ml-tb[data-ml="waiting"] span,.ml .olk-bar .ml-tools .ml-tb[data-ml="pin"] span{display:none!important}}

/* v2.5.6 · Nightlife Card dashboard: new members */
.nlc256{margin:0 0 12px}
.nlc256hd{display:flex;align-items:baseline;justify-content:space-between;gap:12px;flex-wrap:wrap}.nlc256hd h4{margin-bottom:6px}
.nlc256k{display:flex;gap:14px;flex-wrap:wrap;font-size:13px;color:var(--muted)}.nlc256k b{color:var(--text);font-size:16px;font-variant-numeric:tabular-nums}.nlc256k .linkbtn{font-size:13px;color:#b45309}.nlc256k .linkbtn b{color:#b45309}
.nlc256l{list-style:none;margin:6px 0 0;padding:0;display:flex;flex-direction:column}
.nlc256l li+li{border-top:1px solid var(--line)}
.nlc256r{width:100%;display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1.4fr) auto;gap:4px 14px;align-items:center;text-align:left;background:none;border:0;padding:9px 4px;color:var(--text);font:inherit;cursor:pointer;border-radius:8px}
.nlc256r:hover{background:var(--panel2)}.nlc256r:focus-visible{outline:2px solid var(--accent,#2563eb);outline-offset:1px}
.nlc256n{display:flex;flex-direction:column;min-width:0}.nlc256n b{font-size:15px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.nlc256n em{font-style:normal;font-size:12px;color:var(--muted);font-variant-numeric:tabular-nums}
.nlc256h{font-size:13px;color:var(--muted);min-width:0}.nlc256p{font-style:normal;font-size:11.5px;font-weight:600;color:#b45309;background:color-mix(in srgb,#f59e0b 16%,transparent);border-radius:999px;padding:1px 8px;margin-left:4px;white-space:nowrap}
.nlc256r time{font-size:12px;color:var(--muted);white-space:nowrap;font-variant-numeric:tabular-nums}
.nlc256o{display:flex;flex-wrap:wrap;gap:8px 18px;align-items:center;margin-top:10px;padding-top:10px;border-top:1px solid var(--line);font-size:13px}
@media (max-width:640px){.nlc256r{grid-template-columns:minmax(0,1fr) auto}.nlc256h{grid-column:1/-1;grid-row:2}}
.nlcc,.nlct{background:var(--panel)}   /* dark mode: Nightlife Card boxes were white */

/* v2.6.0 · Nightlife Card → Reports → Monthly settlement */
.n260{display:flex;flex-direction:column;gap:12px;margin-top:12px}
.n260hd{display:flex;flex-wrap:wrap;gap:12px 20px;align-items:flex-end}.n260hd label{display:flex;flex-direction:column;gap:4px;font-size:13px;font-weight:600}
.n260hd .month{display:flex;align-items:center;gap:8px;margin-right:auto}.n260hd .month b{font-size:18px;min-width:150px;text-align:center}.n260hd .month button{min-width:38px;min-height:38px;border-radius:8px;border:1px solid var(--line);background:var(--panel);color:var(--text);font-size:18px;cursor:pointer}
.n260g{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:12px}
.n260t{width:100%;border-collapse:collapse;font-size:14px}.n260t td,.n260t th{padding:7px 6px;border-bottom:1px solid var(--line);text-align:right;font-variant-numeric:tabular-nums}.n260t td:first-child,.n260t th:first-child{text-align:left}
.n260t th{font-size:12px;color:var(--muted);font-weight:600;vertical-align:bottom}.n260t th span{display:block;font-weight:500;font-size:11px}
.n260t tfoot td,.n260b td{font-weight:700}.n260t .hint{font-size:12px}
.n260x{overflow-x:auto}.n260w{min-width:520px}
.n260sum{border-left:4px solid #16a34a}
.n260owe{list-style:none;margin:0 0 8px;padding:0}.n260owe li{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.6fr) auto;gap:4px 14px;align-items:baseline;padding:8px 2px;border-bottom:1px solid var(--line)}.n260owe li span:first-child{font-weight:600}.n260owe b{font-size:17px;font-variant-numeric:tabular-nums}
.n260in{width:110px;text-align:right}
.n260bar{display:block;height:8px;border-radius:99px;background:var(--panel2);min-width:80px;overflow:hidden}.n260bar>i{display:block;height:100%;background:#16a34a}.n260bar>i.over{background:#dc2626}
@media (max-width:760px){.n260g{grid-template-columns:1fr}.n260owe li{grid-template-columns:minmax(0,1fr) auto}.n260owe li .hint{grid-column:1/-1;grid-row:2}}
.n260 .n260t{min-width:0}.n260 .n260t.n260w{min-width:520px}

.p267q{width:100%;margin:0 0 10px;padding:10px 12px;font-size:16px;border:1px solid var(--line);border-radius:10px;background:var(--panel);color:var(--ink)}.p267w{margin:0 0 8px}
.posfloor.p268{grid-template-columns:1fr!important}
.p268pb{display:inline-flex;align-items:center;gap:6px;margin-left:auto;padding:6px 12px;border-radius:999px;border:1px solid var(--line);background:transparent;color:var(--text);font:inherit;font-size:13px;cursor:pointer}.p268pb:hover{border-color:var(--accent,#d4a24c)}
.p268top{display:flex;justify-content:flex-end;margin-bottom:8px}
.p268pd .posrecent{padding:0;border:0;background:none}.p268pd .posrecent .posh{display:none}.p268pd .posrl{max-height:65vh;overflow:auto}
.pmgrid.p268ctr{position:relative;padding-top:26px;grid-template-columns:repeat(auto-fill,minmax(118px,1fr))}
.pmgrid.p268ctr::before{content:"";position:absolute;left:0;right:0;top:0;height:14px;border-radius:7px;background:linear-gradient(180deg,#8a6236,#5b3d1f);box-shadow:0 3px 8px rgba(0,0,0,.35)}
.pmgrid.p268ctr .pmb{border-radius:12px 12px 48px 48px;min-height:112px;align-items:center;text-align:center}
.pmgrid.p268rooms{grid-template-columns:repeat(auto-fill,minmax(230px,1fr))}.pmgrid.p268rooms .pmb{min-height:130px;border-width:2px}
.pmgrid.p268tbl .pmb{border-radius:22px}
.p268h{display:inline-flex;align-items:center;gap:6px;height:38px;padding:0 14px;margin-right:8px;border-radius:10px;border:1px solid var(--line);background:transparent;color:var(--text);font:inherit;font-weight:600;cursor:pointer}
body.posui #hlpBtn{display:none!important}
.p268ao{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;margin:0 0 10px;padding:8px 12px;border:1px dashed var(--line);border-radius:10px;font-size:13px}
@media (max-width:699px){.p268h span{display:none}.p268h{flex:0 0 auto;width:36px;height:36px;padding:0;justify-content:center;margin-right:4px}.postop #posOutSel{min-width:0;max-width:96px}.pmgrid.p268ctr{grid-template-columns:repeat(3,minmax(0,1fr))}.pmgrid.p268rooms{grid-template-columns:1fr}}
.p267q{color:var(--text)}

.p269drag{cursor:grabbing;user-select:none}.p269drag button{pointer-events:none}
.p269lock{margin:6px 0;padding:6px 10px;border-radius:8px;background:rgba(212,162,76,.14);color:var(--text);font-size:13px}
.pmb.p269empty{border-style:dashed}

.positem.p198.p271::before{content:none}
.p271av{position:absolute;top:9px;right:9px;width:34px;height:34px;border-radius:10px;display:grid;place-items:center;background:linear-gradient(135deg,hsl(var(--h) 45% 38%),hsl(calc(var(--h) + 40) 50% 24%));pointer-events:none}
.p271s{width:62%;height:62%;fill:none;stroke:#fff;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.tbc-img>span.p271t{width:52px;height:52px;border-radius:14px}.tbc-img>span.p271t .p271s{width:70%;height:70%}
.posmthumb.ph198.p271::before{content:none}.posmthumb.ph198.p271 .p271s{width:72%;height:72%}
.p271dd{display:none}
@media (max-width:820px){
  .px13nav .poscats{display:none!important}
  .p271dd{display:flex;align-items:center;gap:8px;margin:0 0 8px;font-size:13px;font-weight:600;color:var(--muted,#999)}
  .p271dd select{flex:1;min-height:44px;padding:0 12px;border-radius:12px;border:1px solid var(--line,#444);background:var(--panel,#1b1d24);color:var(--text,#eee);font:inherit;font-size:16px;font-weight:700}
  .tb .p271dd{margin:8px 12px}
}
.tb.p271first .tb-m{background:var(--tb-bg,#0f1015)}.tb.p271first .tb-mbg{background:var(--tb-bg,#0f1015)}.tb.p271first .tb-mc{width:min(900px,100%)}
.p271h{margin:0 0 10px;opacity:.8}
.p271x{float:right}

.p272ic{display:flex!important;flex-wrap:nowrap;overflow-x:auto;gap:8px;padding:4px 2px 8px;scrollbar-width:none}.p272ic::-webkit-scrollbar{display:none}
.p272ic>button{flex:0 0 auto;display:flex!important;flex-direction:column;align-items:center;justify-content:flex-start;gap:6px;width:84px;min-height:0!important;padding:8px 4px 6px!important;border-radius:16px!important;border:1px solid transparent!important;background:transparent!important;color:var(--text,inherit);font-size:12px!important;font-weight:700;line-height:1.2;white-space:normal!important;text-align:center;cursor:pointer}
.p272ic>button .p272l{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;max-width:100%}
.p272ic>button i{font-style:normal;font-size:11px;font-weight:600;opacity:.7}
.p272i{display:grid;place-items:center;width:52px;height:52px;border-radius:16px;background:linear-gradient(135deg,hsl(var(--h) 45% 36%),hsl(calc(var(--h) + 40) 50% 22%));box-shadow:0 2px 6px rgba(0,0,0,.25);transition:transform .12s}
.p272i svg{width:58%;height:58%;fill:none;stroke:#fff;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.p272ic>button[aria-pressed="true"]{color:var(--tb-ink,var(--text,#fff))!important;background:color-mix(in srgb,var(--accent,#d4a24c) 16%,transparent)!important;border-color:var(--accent,#d4a24c)!important}
.p272ic>button[aria-pressed="true"] .p272i{transform:scale(1.06);box-shadow:0 0 0 2px var(--accent,#d4a24c)}
.p183subs.p272ic>button{width:72px;font-size:11.5px!important}.p183subs.p272ic .p272i{width:40px;height:40px;border-radius:12px}
.tb-cats.p272ic{padding:8px 12px}
@media (max-width:820px){.p272ic>button{width:74px}.p272i{width:48px;height:48px}.p183subs.p272ic .p272i{width:38px;height:38px}}
@media (prefers-reduced-motion:reduce){.p272i{transition:none}}

/* v2.7.3 · Front Sale: type icons (Bottle / Shot / Case…) full size with their names */
.p183subs.tb.p272ic{flex-wrap:nowrap!important;overflow-x:auto;margin:4px 0 12px;padding:4px 2px 6px}
.p183subs.tb.p272ic>button{height:auto!important;max-height:none!important;min-height:0!important;width:76px;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:flex-start!important;gap:5px!important;padding:8px 4px 6px!important;border:1px solid transparent!important;border-radius:16px!important;background:transparent!important;color:var(--tb-ink,var(--text))!important;font-size:12px!important;font-weight:700;line-height:1.2;white-space:normal!important}
.p183subs.tb.p272ic>button i{display:block;margin:0;font-size:11px;opacity:.7}
.p183subs.tb.p272ic>button[aria-pressed="true"]{border-color:var(--tb-gold,var(--accent))!important;background:color-mix(in srgb,var(--tb-gold,#d4a24c) 16%,transparent)!important}
.p183subs.p272ic>button .p272l{color:inherit}

.p274v .p272i{background:linear-gradient(135deg,#e0a83a,#b8641f)!important}.p274v.of .p272i{background:linear-gradient(135deg,#d0457a,#7b2e9e)!important}
.tbc.noimg .tbbadge{white-space:normal!important;display:-webkit-box!important;-webkit-line-clamp:2;-webkit-box-orient:vertical;line-height:1.15;font-size:11px;padding:4px 9px;max-width:calc(100% - 72px)!important}

body.posui .px9more .posshift{font-size:15px!important}
.pr275{display:flex;gap:10px;align-items:flex-start;margin:4px 0}.pr275 input{width:20px;height:20px;flex:0 0 auto;margin-top:2px}

/* v2.7.6 · ⋯ icon sheet */
.px9more.p276{width:min(380px,calc(100vw - 24px));padding:12px;gap:10px}
.p276h{display:flex;flex-direction:column;align-items:center;gap:8px;margin:0 0 2px}.p276h i{display:none;width:40px;height:5px;border-radius:9px;background:var(--line)}.p276h b{font-size:13px;color:var(--muted);font-weight:700;align-self:flex-start}
.p276g{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.px9more .p276t{position:relative;display:flex!important;flex-direction:column;align-items:center!important;justify-content:flex-start!important;gap:7px;min-height:96px!important;height:auto!important;padding:12px 6px 10px!important;border-radius:16px!important;text-align:center!important;font-size:12.5px!important;font-weight:700;line-height:1.2;white-space:normal}
.p276i{display:grid;place-items:center;width:42px;height:42px;border-radius:13px;background:color-mix(in srgb,var(--accent,#d4a24c) 16%,transparent);color:var(--accent,#d4a24c)}
.p276i svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.p276s{position:absolute;top:7px;right:7px;font-style:normal;font-size:10px;font-weight:800;padding:2px 6px;border-radius:99px;background:var(--line);color:var(--muted)}
.px9more .p276t.p276on .p276s{background:var(--px-go,#2e9b5a);color:#fff}.px9more .p276t.p276on .p276i{background:color-mix(in srgb,var(--px-go,#2e9b5a) 18%,transparent);color:var(--px-go,#2e9b5a)}
.px9more .p276t.posexit{flex-direction:row;justify-content:center!important;min-height:48px!important;width:100%}.px9more .p276t.posexit .p276i{width:30px;height:30px;background:transparent;color:var(--muted)}
.p276bg{display:none}
@media (max-width:700px){
  .px9more.p276{position:fixed!important;left:0!important;right:0!important;top:auto!important;bottom:0;width:auto!important;max-height:82vh;overflow:auto;border-radius:22px 22px 0 0!important;padding:10px 16px calc(18px + env(safe-area-inset-bottom))!important;z-index:1001;animation:p276up .22s ease-out}
  .p276h i{display:block}.p276bg{display:block;position:fixed;inset:0;background:rgba(0,0,0,.55);z-index:1000}
  body.posui .postop .posbrand .posshift:not(.tk),body.posui .postop .posrole{display:none!important}
}
@keyframes p276up{from{transform:translateY(40px);opacity:.4}to{transform:none;opacity:1}}
@media (prefers-reduced-motion:reduce){.px9more.p276{animation:none}}

/* v2.7.7 · Front Sale labels readable in every theme */
.tb .p272ic>button,.tb .p272ic>button .p272l{color:var(--tb-ink)!important}
.tb .p272ic>button i{color:var(--tb-mut)!important;opacity:1}
/* drink pictures */
.p277a{display:block;width:100%;height:100%;filter:drop-shadow(0 6px 10px rgba(0,0,0,.35))}
.tbc.noimg .tbc-img.p277{height:128px!important;justify-content:center!important;padding:0!important;background:radial-gradient(120% 90% at 50% 20%,hsl(var(--h) 45% 40%),hsl(calc(var(--h) + 30) 45% 16%))!important}
.tbc-img.p277 .p277w{display:block;width:92px;height:92px;transition:transform .25s ease}
.tbcw:hover .tbc-img.p277 .p277w,.tbc:active .tbc-img.p277 .p277w{transform:scale(1.06) rotate(-3deg)}
.tbc.noimg .tbc-img.p277 .tbbadge{position:absolute!important;left:8px!important;top:8px!important;transform:none!important;max-width:calc(100% - 16px)!important;margin:0}
.tbc-img.p277 .tbso{left:8px;top:8px}
.tbc.noimg .tbc-b{padding-top:10px}
.positem.p271 .p271av.p277{background:radial-gradient(circle at 50% 30%,hsl(var(--h) 45% 40%),hsl(calc(var(--h) + 30) 45% 18%));width:44px;height:44px;border-radius:12px;top:8px;right:8px;padding:3px}

.p277s{display:block;width:34px;height:34px;flex:0 0 auto;border-radius:10px;padding:2px;background:radial-gradient(circle at 50% 30%,hsl(var(--h) 45% 40%),hsl(calc(var(--h) + 30) 45% 18%))}
/* smooth changes */
.p277in{animation:p277in .24s ease-out}
@keyframes p277in{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
.tbc,.positem,.p272ic>button,.pmb{transition:transform .12s ease,background-color .2s ease,border-color .2s ease,box-shadow .2s ease}
.positem:active,.pmb:active{transform:scale(.97)}
@media (max-width:600px){.tbc.noimg .tbc-img.p277{height:112px!important}.tbc-img.p277 .p277w{width:80px;height:80px}}
@media (prefers-reduced-motion:reduce){.p277in{animation:none}.tbc-img.p277 .p277w{transition:none}}
.tbc.noimg .tbc-img.p277>span.p277w{display:block!important;width:96px!important;height:96px!important;background:none!important;border:0!important;border-radius:0!important;padding:0}
@media (max-width:600px){.tbc.noimg .tbc-img.p277>span.p277w{width:84px!important;height:84px!important}}
.positem.p271 .p271av.p277{width:40px;height:40px}.positem.p271{padding-right:54px}
/* header is always dark: Help stays readable in day mode */
.postop .p268h{color:#fff!important;border-color:#333847!important;background:transparent!important}

.p278r{display:flex;align-items:center;gap:10px;width:100%;margin:8px 0 0;padding:10px 12px;border-radius:14px;border:1px dashed var(--tb-line);background:transparent;color:var(--tb-ink);text-align:left;font:inherit;cursor:pointer;transition:background-color .2s ease,border-color .2s ease}
.p278r.on{border-style:solid;border-color:var(--tb-gold);background:color-mix(in srgb,var(--tb-gold) 10%,transparent);cursor:default}
.p278ic{display:grid;place-items:center;width:34px;height:34px;flex:0 0 auto;border-radius:10px;background:color-mix(in srgb,var(--tb-gold) 18%,transparent);color:var(--tb-gold);font-size:17px}
.p278n{display:flex;flex-direction:column;min-width:0;flex:1}.p278n b{font-size:15px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.p278n small{color:var(--tb-mut);font-size:12.5px}
.p278go{color:var(--tb-mut);font-size:20px}.p278x{width:34px;height:34px;border-radius:10px;border:1px solid var(--tb-line);background:var(--tb-card2);color:var(--tb-mut);cursor:pointer}
.p278h{color:var(--tb-mut);margin:0 0 12px;font-size:14px}
.p278l{display:flex;flex-direction:column;gap:8px;margin-top:12px}.p278l button{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:14px;border:1px solid var(--tb-line);background:var(--tb-card2);color:var(--tb-ink);text-align:left;font:inherit;cursor:pointer}
.p278m .tb-mc{animation:p276up .2s ease-out}

/* flashing Happy hour tag above the icon */
.p272ic.p279row{padding-top:16px!important}
.p274v.hh{position:relative;overflow:visible}
.p279t{position:absolute;top:-12px;left:50%;transform:translateX(-50%);z-index:2;white-space:nowrap;font-style:normal;font-size:10.5px;font-weight:800;letter-spacing:.01em;padding:3px 8px;border-radius:999px;color:#1b1407;background:linear-gradient(90deg,#ffd166,#ff8a3d);box-shadow:0 0 0 0 rgba(255,138,61,.6);animation:p279f 1.1s ease-in-out infinite}
@keyframes p279f{0%,100%{opacity:1;box-shadow:0 0 0 0 rgba(255,138,61,.55);transform:translateX(-50%) scale(1)}50%{opacity:.55;box-shadow:0 0 0 6px rgba(255,138,61,0);transform:translateX(-50%) scale(1.06)}}
.p274v.hh .p272i{animation:p279g 2.2s ease-in-out infinite}
@keyframes p279g{0%,100%{box-shadow:0 2px 6px rgba(0,0,0,.25)}50%{box-shadow:0 0 14px 3px rgba(255,170,60,.55)}}
/* Ready to serve: one card per bill, big Served button */
body.posui .posready{flex-direction:column;align-items:stretch;gap:10px;padding:12px;border-width:2px;animation:p279r 1.6s ease-in-out infinite}
@keyframes p279r{0%,100%{box-shadow:0 0 0 0 color-mix(in srgb,var(--px-go,#2e9b5a) 45%,transparent)}50%{box-shadow:0 0 0 6px color-mix(in srgb,var(--px-go,#2e9b5a) 0%,transparent)}}
body.posui .posready>b{font-size:16px;display:flex;align-items:center;gap:8px}
body.posui .posready>b::first-letter{display:inline-block}
body.posui .posready span{display:grid!important;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:6px 12px;padding:12px 12px 12px 14px!important;border-radius:14px!important;font-size:14px!important;animation:p279in .3s ease-out}
body.posui .posready span em{grid-column:1;font-size:18px;font-weight:800;line-height:1.1}
body.posui .posready span button{grid-column:2;grid-row:1/span 2;min-height:56px!important;min-width:132px;padding:0 20px!important;border-radius:14px!important;font-size:17px!important;font-weight:800!important;background:var(--px-go,#2e9b5a)!important;border-color:var(--px-go,#2e9b5a)!important;color:#fff!important;transition:transform .12s ease,filter .2s ease}
body.posui .posready span button::before{content:"✓ "}
body.posui .posready span button:active{transform:scale(.95)}
body.posui .posready span button:hover{filter:brightness(1.08)}
@keyframes p279in{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
@media (max-width:600px){body.posui .posready span{grid-template-columns:1fr}body.posui .posready span button{grid-column:1;grid-row:auto;width:100%}}
@media (prefers-reduced-motion:reduce){.p279t,.p274v.hh .p272i,body.posui .posready,body.posui .posready span{animation:none}}

.p280{display:flex;flex-direction:column;gap:8px;margin:8px 0 0}
.p280g{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px 10px 8px 12px;border-radius:14px;border:1px solid var(--tb-line);background:var(--tb-card2)}
.p280k{font-weight:700;font-size:15px}.p280s{display:flex;align-items:center;gap:10px}.p280s b{min-width:26px;text-align:center;font-size:18px}
.p280s button{width:40px;height:40px;border-radius:12px;border:1px solid var(--tb-line);background:var(--tb-card);color:var(--tb-ink);font-size:20px;font-weight:700;cursor:pointer;transition:transform .1s ease}.p280s button:active{transform:scale(.92)}.p280s button:disabled{opacity:.35}
.p280c{display:flex;align-items:center;gap:10px;width:100%;padding:10px 12px;border-radius:14px;border:1px dashed var(--tb-line);background:transparent;color:var(--tb-ink);text-align:left;font:inherit;cursor:pointer}
.p280c.on{border-style:solid;border-color:var(--tb-gold);background:color-mix(in srgb,var(--tb-gold) 10%,transparent);cursor:default}
.p280b{font-style:normal;font-size:12px;font-weight:800;padding:3px 8px;border-radius:99px;background:color-mix(in srgb,#7bc043 22%,transparent);color:#a6e07a;white-space:nowrap}
.p280use{border-color:var(--tb-gold)!important}
.p278r{display:none!important}

/* category banners on the Happy hour / Offers page */
.positems.p281hh{align-items:start}
.p281sec,.tb-menu.p281hh h2.tb-cat.p281b{grid-column:1/-1;display:flex;align-items:center;gap:12px;margin:10px 0 2px;padding:10px 14px;border-radius:16px;color:#fff;font-size:17px;font-weight:800;letter-spacing:.01em;
  background:linear-gradient(100deg,hsl(var(--h) 50% 30%),hsl(calc(var(--h) + 35) 55% 18%) 70%,transparent);box-shadow:inset 0 0 0 1px hsl(var(--h) 45% 40% / .5);animation:p277in .3s ease-out}
.p281sec em,.tb-menu.p281hh h2.tb-cat.p281b em{margin-left:auto;font-style:normal;font-size:12px;font-weight:800;padding:3px 9px;border-radius:99px;background:rgba(255,255,255,.18)}
.p281i .p272i{width:36px;height:36px;border-radius:11px;box-shadow:0 0 0 2px rgba(255,255,255,.25)}
.tb-menu.p281hh h2.tb-cat.p281b{margin:16px 0 10px}
/* happy hour items zoom in and out */
@keyframes p281z{0%,100%{transform:scale(1)}50%{transform:scale(1.035)}}
@keyframes p281zi{0%,100%{transform:scale(1) rotate(0)}50%{transform:scale(1.14) rotate(-4deg)}}
.positems.p281hh .positem:active,.tb-menu.p281hh .tbcw:active{animation-play-state:paused}
@media (prefers-reduced-motion:reduce){.positems.p281hh .positem,.tb-menu.p281hh .tbcw,.positems.p281hh .p271av,.tb-menu.p281hh .p277w{animation:none!important}}
.p281del{border:1px solid #c0392b!important;color:#e57373!important;background:transparent!important}.p281del.armed{background:#c0392b!important;color:#fff!important}

/* v2.8.2 · the Happy hour page stays still; happy hour items zoom inside their own category */
.positem.p282z{border-color:#e0a83a!important;box-shadow:0 0 0 1px #e0a83a66,0 6px 18px -6px #ff9f3a88}
.tbcw.p282z .tbc{border-color:#e0a83a!important;box-shadow:0 0 0 1px #e0a83a66,0 8px 22px -8px #ff9f3a99}
.positem.p282z:active,.tbcw.p282z:active{animation-play-state:paused}
@media (prefers-reduced-motion:reduce){.positem.p282z,.tbcw.p282z,.p282z .p271av,.p282z .p277w,.p282z img{animation:none!important}}
/* customer strip above the menu (phones and tablets) */
.p282bar{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:0 0 12px;padding:8px;border-radius:16px;background:var(--tb-card2,#232734);border:1px solid var(--tb-line,#2B303D)}
.p282bar button{font:inherit;cursor:pointer}
.p282t{border:0;background:none;color:var(--tb-ink,#fff);font-weight:800;font-size:15px;padding:6px 8px;min-height:40px}
.p282g{display:inline-flex;align-items:center;gap:6px;color:var(--tb-ink,#fff)}
.p282g button{width:36px;height:36px;border-radius:10px;border:1px solid var(--tb-line,#2B303D);background:var(--tb-card,#191C25);color:var(--tb-ink,#fff);font-size:18px;font-weight:800}.p282g button[disabled]{opacity:.35}
.p282g b{min-width:20px;text-align:center}
.p282c{margin-left:auto;display:inline-flex;align-items:center;gap:8px;min-height:40px;padding:0 14px;border-radius:12px;border:1px dashed var(--tb-gold,#D8B35C);background:transparent;color:var(--tb-gold,#D8B35C);font-weight:800}
.p282c small{font-weight:600;color:var(--tb-mut,#9AA3AE)}
.p282c.on{border-style:solid;background:color-mix(in srgb,var(--tb-gold,#D8B35C) 14%,transparent);color:var(--tb-ink,#fff)}
.p282c.on button{border:0;background:none;color:var(--tb-mut,#9AA3AE);font-size:15px;padding:4px}
@media (min-width:980px){.p282bar{display:none}}
@media (max-width:480px){.p282c{margin-left:0;flex:1 1 100%;justify-content:center}}

/* v2.8.3 · report menu: every report visible (wraps instead of hiding off-screen) */
.px11rk{flex-wrap:wrap!important;overflow:visible!important;row-gap:8px;padding-left:14px!important;padding-right:14px!important}
.px11rk button{min-height:36px}
@media (max-width:700px){.px11rk{gap:6px}.px11rk button{flex:1 1 auto;min-height:38px;padding:0 10px;font-size:13px}}
/* lady drinks, lady charge, barfine and lady pay: one colourful group */
.px11rk .p283c{border:0!important;color:#fff!important;font-weight:800;box-shadow:inset 0 0 0 1px rgba(255,255,255,.18)}
.px11rk .p283-lady{background:linear-gradient(135deg,#d6336c,#9c1f5a)!important}
.px11rk .p283-ladycharge{background:linear-gradient(135deg,#9b4dff,#5b23b8)!important}
.px11rk .p283-barfine{background:linear-gradient(135deg,#ff7a45,#c2410c)!important}
.px11rk .p283-pay{background:linear-gradient(135deg,#1fa971,#0f6b47)!important}
.px11rk .p283c[aria-pressed="true"]{box-shadow:0 0 0 3px var(--px-brass,#d8b35c),0 4px 14px rgba(0,0,0,.3)!important}
.px11rk .p283-pay{margin-right:10px}
.p283rk{margin:10px 0 6px}
/* the Dashboard row wraps on phones */
@media (max-width:600px){body.posui .postabs2{flex-wrap:wrap;overflow:visible}}
/* barfine: outlet switch */
.p283seg{display:inline-flex;flex-wrap:wrap;gap:6px;margin:4px 0 10px}
.p283seg button{min-height:38px;padding:0 16px;border-radius:999px;border:1px solid var(--line);background:var(--panel);color:var(--text);font-weight:800;cursor:pointer}
.p283seg button[aria-selected="true"]{background:var(--px-brass,#d8b35c);border-color:var(--px-brass,#d8b35c);color:#1b1406}
.p283seg i{font-style:normal;font-weight:700;opacity:.7;font-size:12px}

/* v2.8.4 · Front Sale categories: all visible, wrapped in rows, no sideways scrolling */
.tb nav.tb-cats.p272ic{flex-wrap:wrap!important;overflow:visible!important;position:static!important;gap:6px 4px;justify-content:flex-start}
.tb nav.tb-cats.p272ic>button{width:84px}
@media (max-width:700px){.tb nav.tb-cats.p272ic{display:grid!important;grid-template-columns:repeat(auto-fill,minmax(72px,1fr));gap:4px}
  .tb nav.tb-cats.p272ic>button{width:auto;padding:6px 2px 4px!important;font-size:11.5px!important}
  .tb nav.tb-cats.p272ic .p272i{width:44px;height:44px;border-radius:14px}}
/* table + customer strip sits under the search box */
.tb .p284bar{margin:8px 12px 4px}

/* v2.8.5 · go-live clear test data */
.gl285 .ivcard{margin-top:14px}
.gl285l{display:flex;flex-direction:column;gap:8px}
.gl285o{display:flex;gap:10px;align-items:flex-start;padding:10px 12px;border:1px solid var(--line);border-radius:12px;margin:6px 0;cursor:pointer}
.gl285o input{margin-top:3px;width:18px;height:18px}
.gl285o span{display:flex;flex-direction:column;gap:2px}.gl285o small{color:var(--muted)}
.gl285go{background:#c0392b!important;border-color:#c0392b!important;color:#fff!important;margin-top:8px}
.gl285ok{margin:14px 0;padding:12px 16px;border-radius:12px;background:color-mix(in srgb,#1fa971 18%,transparent);border:1px solid #1fa971}
.gl285ok ul{margin:6px 0;padding-left:18px}

/* v2.8.6 · owner dashboard */
.od286cta{display:flex;align-items:center;gap:14px;width:100%;margin:0 0 14px;padding:14px 18px;border-radius:16px;border:1px solid color-mix(in srgb,#C99A3E 45%,var(--line));background:color-mix(in srgb,#C99A3E 10%,var(--panel));color:var(--text);text-align:left;cursor:pointer;font:inherit}
.od286cta>span:nth-child(2){flex:1;display:flex;flex-direction:column;gap:2px}.od286cta b{font-size:16px}.od286cta small{color:var(--muted)}.od286sun{font-size:26px}
.od286{max-width:1240px;margin:0 auto;padding:6px 4px 40px;display:flex;flex-direction:column;gap:18px}
.od286h{display:flex;justify-content:space-between;align-items:flex-end;gap:12px;flex-wrap:wrap}.od286h h2{margin:0;font-size:28px}.od286h p{margin:4px 0 0;color:var(--muted)}
.od286g{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
@media (max-width:900px){.od286g{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:520px){.od286g{grid-template-columns:1fr}}
.od286t{--fc:#8A90A0;padding:16px 18px;border-radius:16px;border:1px solid var(--line);background:var(--panel);display:flex;flex-direction:column;gap:4px}
.od286t .od286tl{display:flex;align-items:center;gap:8px;font-weight:700;color:var(--muted);font-size:14px}
.od286dot{width:10px;height:10px;border-radius:50%;background:var(--fc);flex:none}
.od286tv{font-size:32px;font-weight:800;letter-spacing:-.01em;line-height:1.15}
.od286ts{font-size:14px;color:var(--text)}.od286th{font-size:12px;color:var(--muted)}
.f-good{--fc:#17845A}.f-watch{--fc:#D99A1E}.f-bad{--fc:#C23B3B}.f-none{--fc:#8A90A0}
.od286t.f-bad{border-color:color-mix(in srgb,#C23B3B 55%,var(--line));background:color-mix(in srgb,#C23B3B 7%,var(--panel))}
.od286t.f-watch{border-color:color-mix(in srgb,#D99A1E 50%,var(--line))}
.od286a{padding:14px 18px;border-radius:16px;border:1px solid var(--line);background:var(--panel)}.od286a h3{margin:0 0 8px;font-size:17px}.od286a.ok h3{margin:0;color:#17845A}
.od286a ul{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:6px}
.od286a li{display:flex;flex-wrap:wrap;gap:6px;align-items:baseline;padding-left:18px;position:relative}.od286a li::before{content:"";position:absolute;left:0;top:7px;width:10px;height:10px;border-radius:50%;background:var(--fc)}
.od286a li span{color:var(--muted);font-size:14px}
.od286o h3,.od286l h3,.od286q h3{margin:0 0 8px;font-size:17px}
.od286tw{overflow-x:auto;border:1px solid var(--line);border-radius:14px;background:var(--panel)}
.od286tw table{width:100%;border-collapse:collapse;min-width:860px}
.od286tw th,.od286tw td{padding:10px 12px;text-align:left;border-bottom:1px solid var(--line);vertical-align:top}
.od286tw thead th{font-size:12px;color:var(--muted);font-weight:700}
.od286tw tbody th{font-size:15px;text-transform:none;letter-spacing:0;color:var(--text);background:transparent}.od286tw small{display:block;color:var(--muted);font-size:12px;font-weight:500;margin-top:2px}
.od286tw td b{display:inline-flex;align-items:center;gap:6px;font-size:15px}.od286tw td b::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--fc)}
.od286spc{color:#C99A3E}.od286sp{display:block}
.od286lg{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:12px}
.od286lg>div{padding:12px 14px;border:1px solid var(--line);border-radius:14px;background:var(--panel)}.od286lg h4{margin:0 0 6px}
.od286lg ul{margin:0;padding:0;list-style:none}.od286lg li{display:flex;justify-content:space-between;gap:8px;padding:4px 0;border-bottom:1px dashed var(--line);font-size:14px}.od286lg li:last-child{border:0}
.od286q>div{display:flex;flex-wrap:wrap;gap:8px}
@media (max-width:700px){.od286tw table{min-width:0}.od286tw thead{display:none}.od286tw tr{display:block;border-bottom:1px solid var(--line);padding:6px 0}.od286tw th,.od286tw td{display:block;border:0;padding:4px 12px}
  .od286tw td::before{content:attr(data-l);display:block;font-size:11px;color:var(--muted);font-weight:700}.od286h h2{font-size:24px}.od286tv{font-size:28px}}

body.od286on #view{max-width:none}
.od286tw thead th{text-transform:none;letter-spacing:0}

/* v2.8.7 · restaurant areas */
.ar287bar{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin:4px 0 10px}
.ar287a{display:inline-flex;align-items:center;gap:8px;padding:6px 10px;border:1px solid var(--line);border-radius:12px;background:var(--panel);font-size:13px}
.ar287a b{font-size:14px}.ar287a small{color:var(--muted)}.ar287a em{font-style:normal;font-weight:700;color:#C23B3B}
.ar287a.off{border-color:color-mix(in srgb,#C23B3B 50%,var(--line));background:color-mix(in srgb,#C23B3B 8%,var(--panel))}
.ar287btns{margin-left:auto;display:flex;gap:6px}.ar287btns .on{background:var(--accent,#C99A3E);color:#1b1406;border-color:var(--accent,#C99A3E)}
.ar287w{display:block;font-size:11.5px;font-weight:700;color:var(--muted);margin-top:2px}
.ar287f{display:block;margin-top:4px;padding:2px 6px;border-radius:8px;background:#C23B3B;color:#fff;font-size:11.5px;font-weight:800}
.ar287pill{display:inline-block;margin-top:4px;padding:2px 8px;border-radius:99px;font-size:11.5px;font-weight:800;font-style:normal;background:var(--line);color:var(--text)}
.ar287pill.closed{background:#5D6475;color:#fff}.ar287pill.dirty{background:#D99A1E;color:#1b1406}
[data-postable].ar287closed,[data-tbtable].ar287closed{opacity:.55;filter:grayscale(.6)}
[data-postable].ar287dirty,[data-tbtable].ar287dirty{border-color:#D99A1E!important;background:color-mix(in srgb,#D99A1E 14%,var(--panel))!important}
.ar287cl{display:block;margin-top:6px;padding:4px 8px;border-radius:8px;background:#D99A1E;color:#1b1406;font-size:12px;font-weight:800;cursor:pointer}
.pmr.st-fired,.pmlegend .st-fired::before{--stc:#D9682B}
.pmr.st-fired{border-color:#D9682B!important;background:color-mix(in srgb,#D9682B 14%,var(--panel))!important}
.pmlegend .st-fired::before,.pmlegend .st-dirty::before{content:"";display:inline-block;width:10px;height:10px;border-radius:3px;margin-right:6px;vertical-align:-1px}
.pmlegend .st-fired::before{background:#D9682B}.pmlegend .st-dirty::before{background:#D99A1E}
/* Front Sale tables */
.ar287fsb{display:flex;flex-wrap:wrap;gap:6px;margin:4px 0 10px}
.ar287fsb button{min-height:36px;padding:0 14px;border-radius:99px;border:1px solid var(--tb-line,#2B303D);background:var(--tb-card,#191C25);color:var(--tb-ink,#fff);font-weight:700;cursor:pointer}
.ar287fsb button[aria-pressed="true"]{background:var(--tb-gold,#D8B35C);border-color:var(--tb-gold,#D8B35C);color:#1b1406}
[data-tbtable].s287-order,[data-tbtable].s287-seated{border-color:#2D6CA8!important}
[data-tbtable].s287-kitchen{border-color:#C99A3E!important}[data-tbtable].s287-fired{border-color:#D9682B!important}
[data-tbtable].s287-ready{border-color:#17845A!important}[data-tbtable].s287-served{border-color:#8A90A0!important}[data-tbtable].s287-bill{border-color:#7A45C9!important}
.ar287pill.s287-order,.ar287pill.s287-seated{background:#2D6CA8;color:#fff}.ar287pill.s287-kitchen{background:#C99A3E;color:#1b1406}.ar287pill.s287-fired{background:#D9682B;color:#fff}
.ar287pill.s287-ready{background:#17845A;color:#fff}.ar287pill.s287-served{background:#5D6475;color:#fff}.ar287pill.s287-bill{background:#7A45C9;color:#fff}
/* course reminder */
.ar287fw{display:inline-block;margin-right:8px;padding:4px 10px;border-radius:8px;background:#C23B3B;color:#fff;font-weight:800;font-size:13px}
.ar287kw{font-style:normal;font-size:12px;color:var(--muted);margin:0 6px}.ar287kw.late{color:#C23B3B;font-weight:800}
/* allergens */
.ar287tg{display:inline-block;margin-left:6px;font-size:13px;letter-spacing:1px;font-weight:700}
.ar287chips{display:flex;flex-wrap:wrap;gap:6px}
.ar287chips label,.ar287chips button{display:inline-flex;align-items:center;gap:6px;min-height:36px;padding:0 12px;border-radius:99px;border:1px solid var(--line);background:var(--panel);color:var(--text);font-weight:600;cursor:pointer;font-size:13px}
.ar287chips label input{width:16px;height:16px;margin:0}.ar287chips .on{border-color:var(--accent,#C99A3E);background:color-mix(in srgb,var(--accent,#C99A3E) 16%,var(--panel))}
.ar287chips small{color:var(--muted);font-weight:500}
/* areas modal */
#ar287m{position:fixed;inset:0;z-index:300;display:flex;align-items:flex-start;justify-content:center;overflow:auto;padding:30px 12px}
.ar287bg{position:fixed;inset:0;background:rgba(10,12,18,.55)}
.ar287card{position:relative;width:min(760px,100%);background:var(--panel,#fff);color:var(--text);border-radius:18px;padding:18px 20px;box-shadow:0 20px 60px rgba(0,0,0,.35)}
.ar287card header{display:flex;justify-content:space-between;align-items:center}.ar287card h2{margin:0;font-size:20px}
.ar287ms{border-top:1px solid var(--line);padding:12px 0;display:flex;flex-direction:column;gap:8px}.ar287ms h3{margin:0;font-size:17px}.ar287ms h3 small{color:var(--muted);font-weight:500;font-size:13px}
.ar287lbl{font-size:12px;font-weight:700;color:var(--muted)}
.ar287row{display:flex;flex-wrap:wrap;gap:12px;align-items:center}.ar287row label{display:flex;flex-direction:column;gap:2px;font-size:12px;font-weight:700;color:var(--muted)}
.ar287row input[type=number]{width:70px;margin:0 6px}
.ar287card footer{display:flex;justify-content:flex-end;gap:8px;border-top:1px solid var(--line);padding-top:12px}
.ar287mi{margin-top:4px}

/* v2.8.8 · restaurant colours: orange, black and white */
body.posui.rest288{--px-ink:#000000;--px-ink2:#1C1C1C;--px-inkt:#FFFFFF;--px-inkm:#B0B0B0;--px-brass:#F97316;--px-brass2:#FB923C;--px-brassS:rgba(249,115,22,.16);--px-go:#EA580C;--px-go2:#F97316}
body.posui.rest288[data-ptheme="night"]{--bg:#000000;--panel:#121212;--panel2:#1C1C1C;--line:#2C2C2C;--text:#FFFFFF;--muted:#B0B0B0;--accent:#F97316;--accentInk:#000000;--accentSoft:rgba(249,115,22,.16)}
body.posui.rest288[data-ptheme="day"]{--bg:#F4F4F4;--panel:#FFFFFF;--panel2:#FAFAFA;--line:#DDDDDD;--text:#000000;--muted:#555555;--accent:#000000;--accentInk:#FFFFFF;--accentSoft:rgba(0,0,0,.07)}
body.posui.rest288 .tb{--tb-bg:#000000;--tb-card:#121212;--tb-card2:#1C1C1C;--tb-ink:#FFFFFF;--tb-mut:#B0B0B0;--tb-acc:#EA580C;--tb-gold:#F97316;--tb-line:#2C2C2C}
body.posui.rest288[data-ptheme="night"] .postabs2 button[aria-current="page"],body.posui.rest288[data-ptheme="night"] .poscats button[aria-pressed="true"]{color:#000}
/* member app admin: extra venues */
.cp-our legend{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.cp-our legend .cp-show{display:inline-flex;align-items:center;gap:8px}
.cp-our .cp288n{font-weight:700;width:min(280px,60vw);min-height:38px;padding:0 10px;border:1px solid var(--line);border-radius:8px;background:var(--panel);color:var(--text);font-size:15px}
body.posui.rest288 .px10fs{background:#F97316;color:#000}
body.posui.rest288 .pmsvc button[aria-selected="true"]{border-bottom-color:#F97316}
body.posui.rest288 .pmchip.pm-restaurant{background:rgba(249,115,22,.16);color:#FB923C;border-color:rgba(249,115,22,.45)}
body.posui.rest288 .pmb.busy{background:linear-gradient(0deg,rgba(249,115,22,.13),rgba(249,115,22,.13)),var(--panel);border-color:color-mix(in srgb,#F97316 55%,var(--line));box-shadow:inset 4px 0 0 #F97316}
body.posui.rest288 .pmquick>span,body.posui.rest288 .pmquick button em{color:#FB923C}
/* Front Sale: New bill row fits a phone */
.tb-nt{grid-template-columns:minmax(0,1fr) 68px auto}.tb-nt input{min-width:0;width:100%}

/* v2.8.9 · Restaurant AI */
.ai289w{display:flex;flex-direction:column;gap:8px;margin:10px 0}
.ai289up{display:flex;flex-direction:column;gap:6px;padding:10px 12px;border:1px dashed color-mix(in srgb,var(--accent,#C99A3E) 55%,var(--line));border-radius:12px;background:color-mix(in srgb,var(--accent,#C99A3E) 6%,var(--panel))}
.ai289up.fav{border-style:solid}
.ai289h{font-size:12.5px;font-weight:800;color:var(--muted)}
.ai289cs{display:flex;flex-wrap:wrap;gap:6px;align-items:center}
.ai289c{display:inline-flex;flex-direction:column;align-items:flex-start;gap:1px;min-height:44px;padding:6px 12px;border-radius:10px;border:1px solid var(--line);background:var(--panel);color:var(--text);cursor:pointer;text-align:left;font:inherit}
.ai289c b{font-size:13.5px}.ai289c em{font-style:normal;font-size:11.5px;color:var(--muted)}
.ai289c:hover,.ai289c:focus-visible{border-color:var(--accent,#C99A3E)}
.ai289c.hot{border-color:color-mix(in srgb,#F97316 60%,var(--line));background:color-mix(in srgb,#F97316 10%,var(--panel))}
.ai289else{font-size:12px;color:var(--muted);padding:0 4px}
.ai289bar{display:flex;flex-direction:column;gap:8px;margin:0 0 10px}
.ai289row{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.ai289tn{margin-left:auto}
.ai289push{display:flex;flex-wrap:wrap;gap:6px;align-items:center}.ai289push>b{font-size:13px;margin-right:4px}
.ai289slow{display:flex;flex-wrap:wrap;gap:10px;align-items:center;justify-content:space-between;padding:10px 12px;border-radius:12px;border:1px solid color-mix(in srgb,#C23B3B 45%,var(--line));background:color-mix(in srgb,#C23B3B 9%,var(--panel));margin:0}
.ai289sb{display:flex;gap:6px}
.ai289b{display:inline-block;margin-top:4px;padding:1px 7px;border-radius:99px;background:#F97316;color:#000;font-size:11px;font-weight:800;font-style:normal}
.ai289hot{box-shadow:inset 0 0 0 2px #F97316}
.ai289fs{margin:0 0 12px}.ai289fs .ai289c{background:var(--tb-card,#191C25);color:var(--tb-ink,#fff);border-color:var(--tb-line,#2B303D)}.ai289fs .ai289c em{color:var(--tb-mut,#9AA3AE)}.ai289fs .ai289push>b{color:var(--tb-ink,#fff)}
.tb .ai289up{background:var(--tb-card2,#232734);border-color:var(--tb-line,#2B303D)}.tb .ai289h{color:var(--tb-mut,#9AA3AE)}.tb .ai289c{background:var(--tb-card,#191C25);color:var(--tb-ink,#fff);border-color:var(--tb-line,#2B303D)}.tb .ai289c em{color:var(--tb-mut,#9AA3AE)}
#ai289m{position:fixed;inset:0;z-index:300;display:flex;align-items:flex-start;justify-content:center;overflow:auto;padding:30px 12px}
.ai289card{width:min(820px,100%)}
.ai289ck{display:flex;gap:8px;align-items:center;font-size:14px}.ai289ck input{width:18px;height:18px;margin:0}
.ai289in{display:inline-flex;align-items:center;gap:6px;color:var(--text)}.ai289in input{width:80px}
.ai289pl,.ai289ov,.ai289q{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}
.ai289pl li{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.ai289pl li b{min-width:140px}.ai289pl li input{flex:1;min-width:180px}
.ai289ov li{display:flex;flex-direction:column;gap:4px;padding:8px 10px;border:1px solid var(--line);border-radius:10px}
.ai289q li{font-size:13px}.ai289q em{font-style:normal;color:var(--muted);margin-right:4px}
.ai289f{display:flex;justify-content:flex-end}
.positem .ai289b,.tb .ai289b{display:inline-block!important;position:static!important;width:auto!important;height:auto!important;margin-top:4px!important;padding:1px 8px!important;border-radius:99px!important;background:#F97316!important;color:#000!important;font-size:11px!important;line-height:1.5!important;font-weight:800!important;opacity:1!important;white-space:nowrap}

/* v2.9.0 · one OSNL AI button on phones (the 2.5.3 top-bar button stays) */
.whobox #aiTop:not([hidden]) ~ .qk196[data-v="ai"]{display:none!important}
/* v2.9.0 · System menu */
#sysBody .acctlist.sm290l{display:flex;flex-direction:column;gap:14px;border:0;background:none;padding:0;margin:0}
#sysBody .sm290s{display:flex;flex-direction:column;gap:6px}
#sysBody .sm290s h3{margin:0 4px;font-size:13px;font-weight:700;color:var(--muted);letter-spacing:0}
#sysBody .sm290b{display:flex;flex-direction:column;border:1px solid var(--line);border-radius:16px;overflow:hidden;background:var(--panel)}
#sysBody .acctlist.sm290l > .sm290{border:1px solid var(--line);border-radius:14px;background:var(--panel)}
#sysBody button.sm290{display:flex!important;flex-direction:row!important;align-items:center!important;justify-content:flex-start!important;gap:12px!important;width:100%;min-height:62px;margin:0!important;padding:10px 14px!important;border:0;border-radius:0;background:transparent;color:var(--text);text-align:left!important;font:inherit;cursor:pointer}
#sysBody .sm290b > button.sm290 + button.sm290{border-top:1px solid var(--line)}
#sysBody button.sm290:hover,#sysBody button.sm290:focus-visible{background:color-mix(in srgb,var(--accent) 7%,var(--panel))}
#sysBody .sm290i{flex:none;display:grid;place-items:center;width:40px;height:40px;border-radius:12px;background:color-mix(in srgb,var(--accent) 10%,var(--panel2,var(--panel)));font-size:20px;line-height:1}
#sysBody .sm290t{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}
#sysBody .sm290t b{font-size:16px;font-weight:700;line-height:1.25;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#sysBody .sm290t small{font-size:13px;line-height:1.35;color:var(--muted);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
#sysBody .sm290c{flex:none;font-size:22px;color:var(--muted);line-height:1}
#sysBody .sm290 .mt-dot,#sysBody .sm290 .sm290t i{font-style:normal}
@media (min-width:721px){#sysBody button.sm290{min-height:50px;padding:8px 12px!important}#sysBody .sm290i{width:34px;height:34px;font-size:17px;border-radius:10px}#sysBody .sm290t b{font-size:14.5px}#sysBody .sm290t small{font-size:12.5px;-webkit-line-clamp:1}}

/* v2.9.2 · search suggestions */
.sg292w{position:relative}
.sg292{position:absolute;left:0;right:0;top:calc(100% + 6px);z-index:60;display:flex;flex-direction:column;gap:2px;padding:6px;border-radius:14px;border:1px solid var(--tb-line,var(--line));background:var(--tb-card,var(--panel));color:var(--tb-ink,var(--text));box-shadow:0 16px 40px rgba(0,0,0,.35);max-height:min(60vh,430px);overflow:auto;text-align:left}
.sg292i{display:grid;grid-template-columns:minmax(0,1fr) auto auto 30px;align-items:center;gap:10px;width:100%;min-height:52px;padding:6px 10px;border:0;border-radius:10px;background:transparent;color:inherit;font:inherit;text-align:left;cursor:pointer}
.sg292i.on,.sg292i:hover{background:color-mix(in srgb,var(--tb-gold,var(--accent,#C99A3E)) 16%,transparent)}
.sg292i[aria-disabled="true"]{opacity:.5}
.sg292n{min-width:0;display:flex;flex-direction:column;font-size:15px}.sg292nm{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sg292n b{color:var(--tb-gold,var(--accent,#C99A3E));font-weight:800}.sg292n small{font-size:12px;color:var(--tb-mut,var(--muted))}
.sg292c{font-size:12px;color:var(--tb-mut,var(--muted));white-space:nowrap}
.sg292p{font-weight:800;font-variant-numeric:tabular-nums;white-space:nowrap}
.sg292a{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:var(--tb-gold,var(--accent,#C99A3E));color:#1b1406;font-weight:800}
.sg292t,.sg292k,.sg292e{margin:2px 8px;font-size:12px;color:var(--tb-mut,var(--muted))}.sg292e{margin:10px;font-size:14px}
@media (max-width:640px){.sg292c{display:none}.sg292i{grid-template-columns:minmax(0,1fr) auto 30px}}
/* v2.9.2 · Lady pay: same frame as the other reports */
body.posui #view .posw > .poslady.lp292{padding:6px 14px 14px}
#view .posw > .px11rk.p283rk{margin-top:0}

/* v2.9.3 */
.pin293{display:block;margin-top:4px;font-size:12.5px;font-weight:500;color:var(--muted);line-height:1.4}.pin293.ok{color:var(--good,#1D7A4C)}.pin293.bad{color:var(--warn,#B4561C)}.pin293 a{color:inherit;text-decoration:underline}
body.lang1 .tb [data-tb="lang"],body.lang1 .tb small.kh,body.lang1 .tb p.kh,body.lang1 .tb .tbc-b small.kh,body.lang1 .sg292n small,body.lang1 #view .positem .kh,body.lang1 #view .positem small.kh{display:none!important}

/* v2.9.8 happy price per item */
#posPromoF .pr298n,#posPromoF .pr298p{display:none}
#posPromoF[data-k="price"] .pr143l{grid-template-columns:1fr;max-height:340px}
#posPromoF[data-k="price"] .pr143l label{display:grid!important;grid-template-columns:22px minmax(0,1fr) 72px 104px;gap:10px;align-items:center;flex-direction:row}
#posPromoF[data-k="price"] .pr298n{display:block;text-align:right;font-style:normal;color:var(--muted,#888);font-variant-numeric:tabular-nums;font-size:13px}
#posPromoF[data-k="price"] .pr298p{display:flex!important;flex-direction:row!important;align-items:center;justify-content:flex-end;gap:4px;color:var(--muted,#888);margin:0}
#posPromoF .pr298i{width:84px!important;flex:0 0 84px;margin:0!important;min-height:38px;text-align:right;font-variant-numeric:tabular-nums}
#posPromoF[data-k="price"] .pr143l label:has(.pr-itc:checked){background:color-mix(in srgb,var(--ok,#1a8f5a) 10%,transparent)}
#posPromoF .pr298h{display:none}#posPromoF[data-k="price"] .pr298h{display:block}

/* v2.9.9 category banners stay still (they faded in again on every refresh) */
.p281sec,.tb-menu.p281hh h2.tb-cat.p281b{animation:none!important}
.cu299s{display:flex;gap:8px;flex-wrap:wrap}.cu299s button{min-height:44px;padding:0 16px;border-radius:12px;border:1px solid var(--line);background:var(--panel2);color:inherit;font-weight:700;cursor:pointer}
.cu299s button[aria-checked="true"]{background:var(--text);color:var(--panel,#fff);border-color:var(--text)}
body.posui .posticket .cu299b{display:inline-flex;flex-direction:row;align-items:center;gap:4px;white-space:nowrap;min-height:38px;border-radius:10px;padding:0 10px}
.st299{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin:6px 0 10px;padding:10px 12px;border:1px solid var(--line);border-radius:12px;background:var(--panel2)}

/* v2.10.0 · compact Front Sale menu: smaller pictures, slimmer banners, more items per row */
.tb .tb-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))!important;gap:8px!important}
.tb .tbc{border-radius:12px!important}
.tb .tbc:not(.noimg) .tbc-img{aspect-ratio:auto!important;height:82px!important}
.tb .tbc:not(.noimg) .tbc-img img{object-fit:contain!important;background:rgba(0,0,0,.25)}
.tb .tbc.noimg .tbc-img.p277{height:82px!important}
.tb .tbc.noimg .tbc-img.p277>span.p277w,.tb .tbc-img.p277 .p277w{width:58px!important;height:58px!important}
.tb .tbc-b{padding:7px 10px 9px!important;gap:1px!important}
.tb .tbc-b b{font-size:14.5px!important;line-height:1.2!important}
.tb .tbc-b small{font-size:11.5px!important}
.tb .tbc-b p{margin:1px 0 3px!important;font-size:11.5px!important;-webkit-line-clamp:1!important}
.tb .tbc-b .tbp{font-size:15px}
.tb .tbbadge{font-size:10.5px!important;padding:3px 7px!important;top:6px!important;left:6px!important}
.tb-menu h2.tb-cat{margin:12px 0 6px!important;font-size:15px!important}
.tb-menu.p281hh h2.tb-cat.p281b{margin:10px 0 6px!important;padding:6px 10px!important;font-size:15px!important;border-radius:12px!important;gap:8px!important}
.tb-menu.p281hh h2.tb-cat.p281b .p272i{width:26px!important;height:26px!important;border-radius:8px!important}
.tb-menu.p281hh h2.tb-cat.p281b em{font-size:11px!important;padding:2px 8px!important}
@media (max-width:600px){.tb .tb-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.tb .tbc:not(.noimg) .tbc-img,.tb .tbc.noimg .tbc-img.p277{height:84px!important}}

/* v2.10.1 · bill header buttons and close buttons are big, app-like */
body.posui .posticket .posth{display:flex!important;flex-wrap:wrap;gap:8px;align-items:stretch}
body.posui .posticket .posth>div:first-child{flex:1 1 100%;min-width:0}
body.posui .posticket .posth>button{flex:1 1 0;min-width:0;min-height:54px!important;display:inline-flex!important;align-items:center;justify-content:center;gap:6px;padding:0 10px!important;font-size:16px!important;font-weight:750!important;border-radius:14px!important;border:1px solid var(--line)!important;background:var(--panel2)!important;color:var(--text)!important;white-space:nowrap}
body.posui .posticket .posth>button:active{transform:scale(.97)}
.mkmh .cib,.posmodal .cib,.tbm .cib{min-width:46px!important;width:46px;height:46px!important;border-radius:14px!important;font-size:20px!important;font-weight:700;color:var(--text)!important;background:var(--panel2)!important;border:1px solid var(--line)!important;flex:0 0 auto}

/* v2.10.3 Bookings tile stands out */
.hquick .hq.hq-book{border-color:color-mix(in srgb,#e0a83a 55%,var(--h-line,#333))!important;background:linear-gradient(160deg,color-mix(in srgb,#e0a83a 16%,var(--h-card,#1b1f27)),var(--h-card,#1b1f27))!important}
.hquick .hq.hq-book .hq-ic{background:color-mix(in srgb,#e0a83a 26%,transparent)!important;color:#f3c25b!important}

/* v2.11.0 Buffer + Telegram cards */
.mkapil.bf{background:#2C4BFF}.mkapil.tg{background:#229ED9;font-size:17px}
.bfl{display:flex;flex-direction:column;gap:6px;margin-top:4px}.bfh{display:flex;align-items:center;justify-content:space-between;gap:8px}
.bfr{display:grid;grid-template-columns:minmax(0,1fr) minmax(140px,220px);gap:10px;align-items:center;padding:8px 0;border-top:1px solid var(--line)}
.bfn{display:flex;align-items:center;gap:8px;min-width:0;flex-wrap:wrap}.bfn img{width:28px;height:28px;border-radius:50%;object-fit:cover}.bfn em{font-style:normal;color:var(--muted);font-size:12.5px;display:inline-flex;align-items:center;gap:4px}
.tgr{display:flex;flex-direction:column;gap:6px}.tgr label{display:grid;grid-template-columns:minmax(90px,140px) minmax(0,1fr) auto;gap:8px;align-items:center}.tgr label span{font-weight:700}
@media (max-width:560px){.bfr,.tgr label{grid-template-columns:1fr}}

/* v2.11.2 unit price × quantity under the line total */
.posl-p .pl2120{display:block;font-size:11.5px;font-weight:500;line-height:1.2;color:var(--muted);white-space:nowrap}
.tb-lp{display:flex;flex-direction:column;align-items:flex-end;line-height:1.2}.tb-lp small{font-size:11.5px;font-weight:500;color:var(--tb-mut);white-space:nowrap}
/* v2.11.2 Front Sale day look */
body.fs2120day .tb,body.posui.rest288.fs2120day .tb{--tb-bg:#F3F4F7;--tb-card:#FFFFFF;--tb-card2:#ECEEF2;--tb-ink:#12151C;--tb-mut:#5B6271;--tb-line:#DADEE6;color-scheme:light}
body.posui.rest288.fs2120day .tb{--tb-gold:#C2410C}
.fs2120day .tb .tbc{box-shadow:0 1px 2px rgba(18,21,28,.06)}
.tb-th2120 i{font-style:normal}
body.fs2120day .tb .tb-h{background:rgba(255,255,255,.96);border-bottom:1px solid var(--tb-line)}
/* v2.11.2 Pay with */
.pm2120{margin:4px 0 12px}.pm2120h{display:block;font-size:12.5px;font-weight:700;color:var(--muted);margin:0 0 6px}
.pm2120g{display:grid;grid-template-columns:repeat(auto-fit,minmax(118px,1fr));gap:8px}
.pm2120b{min-height:62px;padding:8px 10px;border-radius:14px;border:1.5px solid var(--line);background:var(--panel2);color:var(--text);text-align:left;cursor:pointer;display:flex;flex-direction:column;justify-content:center;gap:2px}
.pm2120b b{font-size:15px}.pm2120b small{font-size:11.5px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pm2120b.on{border-color:var(--accent);background:var(--accentSoft,rgba(201,154,62,.16))}.pm2120b:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.pc2120{border:1.5px dashed var(--accent);border-radius:14px;padding:12px 14px;margin:12px 0}.pc2120 h4{margin:0 0 8px}
/* v2.11.2 Credit list */
.cr2120pb.late{border-color:#D9534F}.cr2120pb em{font-style:normal;color:#E5484D;font-weight:800}
.cr2120s{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:10px}.cr2120s>div{background:var(--panel2);border:1px solid var(--line);border-radius:12px;padding:10px 12px}.cr2120s span{display:block;font-size:12px;color:var(--muted)}.cr2120s b{font-size:19px}.cr2120s .late b{color:#E5484D}
.cr2120o{display:flex;gap:14px;flex-wrap:wrap;margin:0 0 10px}
.cr2120l{list-style:none;margin:0;padding:0;display:grid;gap:10px}.cr2120c{border:1px solid var(--line);border-radius:14px;padding:12px 14px;background:var(--panel)}.cr2120c.late{border-color:#D9534F}.cr2120c.done{opacity:.75}
.cr2120t{display:flex;justify-content:space-between;gap:12px}.cr2120t small{display:block;color:var(--muted);font-size:12px;margin-top:2px}.cr2120a{text-align:right;white-space:nowrap}.cr2120a b{font-size:18px}.cr2120a em{font-style:normal;color:#E5484D;font-weight:700}
.cr2120h{list-style:none;margin:8px 0 0;padding:0;font-size:12.5px;color:var(--muted)}.cr2120h li.wo{color:#E5484D}
.cr2120f{display:flex;gap:8px;margin-top:10px;flex-wrap:wrap}.cr2120p{margin-top:10px;border-top:1px dashed var(--line);padding-top:10px}
/* v2.11.2 member send login */
.nl2120g{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:8px;margin:10px 0}
.nl2120b{min-height:60px;text-align:left;padding:8px 12px;border-radius:12px;border:1px solid var(--line);background:var(--panel2);color:var(--text);display:flex;flex-direction:column;gap:2px;cursor:pointer}.nl2120b small{color:var(--muted);font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.nl2120b:disabled{opacity:.5;cursor:not-allowed}
.nl2120pin{border:1.5px dashed var(--accent,#C99A3E);border-radius:14px;padding:14px;margin:10px 0;text-align:center}.nl2120pin span,.nl2120pin small{display:block;color:var(--muted);font-size:12.5px}.nl2120pin b{display:block;font-size:40px;letter-spacing:12px;margin:6px 0}
.nl2120ok{color:var(--done,#17845A);font-weight:700}.nl2120l{margin:4px 0 8px;padding-left:18px;font-size:12.5px;color:var(--muted)}
/* v2.11.2 Head Office in Settings */
.ho2120bc{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:4px 0 12px;font-size:13.5px;color:var(--muted)}.ho2120bc b{color:var(--text)}
.stnav a.st2120ho{font-weight:700}
/* v2.11.2 employee list: photo cards on phones and tablets */
@media (max-width:1180px){
  .mktable.hretable .mktr.hrer{grid-template-columns:52px minmax(0,1fr) auto;gap:3px 12px;align-items:center;padding:12px 14px;text-align:left}
  .mktable.hretable .mktr.hrer>span{min-width:0;order:0}
  .mktable.hretable .mktr.hrer>span::before{display:none!important}
  .mktable.hretable .mktr.hrer>span:nth-child(1),.mktable.hretable .mktr.hrer>span:nth-child(5),.mktable.hretable .mktr.hrer>span:nth-child(7),.mktable.hretable .mktr.hrer>span:nth-child(9){display:none}
  .mktable.hretable .mktr.hrer>span:nth-child(2){display:flex;grid-column:1;grid-row:1/span 3;align-self:start}
  .mktable.hretable .mktr.hrer>span:nth-child(2) .hrav{width:48px;height:48px;min-width:48px;border-radius:50%;object-fit:cover;font-size:16px;display:inline-flex;align-items:center;justify-content:center}
  .mktable.hretable .mktr.hrer>span:nth-child(3){grid-column:2/-1;grid-row:1;font-size:15.5px}
  .mktable.hretable .mktr.hrer>span:nth-child(4){grid-column:2;grid-row:2;font-size:13.5px}
  .mktable.hretable .mktr.hrer>span:nth-child(8){grid-column:3;grid-row:2;justify-self:end}
  .mktable.hretable .mktr.hrer>span:nth-child(6){grid-column:2;grid-row:3;font-size:13px;color:var(--muted)}
  .mktable.hretable .mktr.hrer>span:nth-child(11){grid-column:3;grid-row:3;justify-self:end;font-size:12.5px}
  .mktable.hretable .mktr.hrer>span:nth-child(10){grid-column:2/-1;grid-row:4;font-size:12.5px;color:var(--muted)}
}
@media (max-width:700px){
  .hrfbar{display:grid!important;grid-template-columns:1fr 1fr;gap:8px}.hrfbar>#hrQ{grid-column:1/-1;width:100%}.hrfbar>select{width:100%;min-width:0}.hrfbar>.sp{display:none}
}
/* v2.11.2 phones: bigger tap targets, readable badges, no zoom when typing */
@media (max-width:700px){
  button.sm,a.sm,.btn.sm,.ghost.sm{min-height:36px}
  .cib{min-width:36px;min-height:36px}
  .fz-link,.mklink,.linkbtn,.ast-lk{display:inline-flex;align-items:center;min-height:32px}
  .pbchip,.pbtab,.aiex{min-height:36px}
  .mkdemo,.mkrole,.mkn.pmbad,.h2team,.mkapk,.mkpri,.mkflag{font-size:11px}
  input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=color]):not([type=file]),select,textarea{font-size:16px}
  .nl-ln,.nl-lp,.nr-n,.nr-d{min-height:38px}
}
@media (max-width:1180px){.mktable.hretable .mktr.hrer>span:nth-child(3) b{margin-right:6px}.mktable.hretable .mktr.hrer>span:nth-child(3) em,.mktable.hretable .mktr.hrer>span:nth-child(3) .mkdemo{display:inline-flex!important;width:auto!important;margin:2px 6px 0 0;vertical-align:middle}}
@media (max-width:700px){.hrfbar>#hrQ{width:100%!important;max-width:none!important}}
@media (max-width:1180px){.mktable.hretable .mktr.hrer>span:nth-child(3){display:flex!important;flex-direction:row!important;flex-wrap:wrap;align-items:center;gap:4px 6px}.mktable.hretable .mktr.hrer>span:nth-child(3)>b{flex:0 0 100%}.mktable.hretable .mktr.hrer>span:nth-child(3)>*:not(b){flex:0 0 auto}}

/* v2.11.3 Outlet Reports */
.or2113tabs{display:flex;gap:6px;margin:6px 0 14px;flex-wrap:wrap}.or2113tabs button{border:1px solid var(--line);background:var(--panel);color:var(--text);border-radius:999px;padding:9px 16px;font-weight:700;cursor:pointer;min-height:40px}
.or2113tabs button[aria-selected="true"]{background:var(--accent);border-color:var(--accent);color:#fff}
.dr2113t{display:grid;grid-template-columns:1.6fr repeat(3,1fr);gap:8px;margin:6px 0}.dr2113t>div{background:var(--panel2,#F3F4F7);border:1px solid var(--line);border-radius:12px;padding:10px 12px;display:flex;flex-direction:column;gap:2px}
.dr2113t span{font-size:12px;color:var(--muted)}.dr2113t b{font-size:18px}.dr2113t .big b{font-size:24px}.dr2113t small{color:var(--muted);font-size:12px}.dr2113t em{font-style:normal;font-size:12.5px;font-weight:700}.dr2113t em.up{color:var(--done,#17845A)}.dr2113t em.down{color:#C2305F}
@media (max-width:700px){.dr2113t{grid-template-columns:1fr 1fr}.dr2113t .big{grid-column:1/-1}}
.dr2113st{display:inline-block;font-size:12px;font-weight:700;border-radius:999px;padding:2px 9px;margin-left:4px;background:#EEF0F4;color:#3A4252}.dr2113st.s-ok{background:#E3F4EA;color:#17845A}.dr2113st.s-go{background:#E6EEF8;color:#2D6CA8}.dr2113st.s-bad{background:#FBE7EC;color:#C2305F}.dr2113st.s-wait{background:#FBF2E1;color:#946A1A}.dr2113st.s-off{opacity:.6}
.dr2113rd{border:1px solid var(--line);border-radius:12px;padding:10px 12px;margin:8px 0;width:100%}.dr2113rd>summary{cursor:pointer;min-height:32px;display:flex;align-items:center;gap:6px;flex-wrap:wrap}
.dr2113g{margin:8px 0 0 4px;border-left:3px solid var(--line);padding-left:10px}.dr2113g>summary{cursor:pointer;font-weight:700;min-height:32px;display:flex;align-items:center;gap:8px}.dr2113gl{display:flex;flex-wrap:wrap;gap:6px 16px;padding:6px 0}.dr2113gl label{min-height:32px;display:inline-flex;align-items:center;gap:6px}
/* v2.11.3 HR & Admin two columns */
.ha2113{display:grid;grid-template-columns:1fr 1fr;gap:16px;align-items:start}
.ha2113c{background:var(--panel2,#F3F4F7);border:1px solid var(--line);border-top:4px solid #2D6CA8;border-radius:14px;padding:12px 12px 8px}.ha2113c.k-maint{border-top-color:#D9682B}
.ha2113h{display:flex;align-items:center;gap:8px}.ha2113h h2{font-size:18px;margin:0}.ha2113c .cards{display:grid;gap:8px;margin-top:8px}
@media (max-width:800px){.ha2113{grid-template-columns:1fr}}
/* v2.11.3 weekly review */
.wr2113seg{margin:0 0 12px}.wr2113nav{display:flex;align-items:center;gap:10px;margin:4px 0}
.wr2113t .mktr{grid-template-columns:minmax(0,1.6fr) repeat(4,minmax(0,.7fr)) minmax(0,1fr) minmax(0,1fr);text-align:left;width:100%;background:none;border:0;border-bottom:1px solid var(--line);cursor:pointer;font:inherit;color:inherit}
.wr2113t .mktr.on{background:var(--panel2,#F3F4F7)}
.wr2113d{margin-top:14px;background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:14px}.wr2113d h3{display:flex;align-items:center;gap:8px;margin:0 0 8px}
.wr2113g{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.wr2113g ul,.wr2113days{margin:4px 0;padding-left:18px}.wr2113days{list-style:none;padding:0}.wr2113days li{display:flex;flex-direction:column;gap:2px;padding:6px 0;border-bottom:1px dashed var(--line)}
@media (max-width:800px){.wr2113g{grid-template-columns:1fr}.wr2113t .mkth{display:none}.wr2113t .mktr{grid-template-columns:1fr 1fr}}
/* v2.11.3 check-out wrap-up */
.co2113 .mkm{max-width:640px}.co2113s{margin-bottom:14px}.co2113s h3{font-size:16px;margin:0 0 6px}
.co2113r{display:flex;gap:10px;align-items:flex-start;padding:8px 10px;border:1px solid var(--line);border-radius:10px;margin:6px 0;cursor:pointer}.co2113r input{width:20px;height:20px;margin-top:2px;flex:0 0 auto}.co2113r span{display:flex;flex-direction:column}.co2113r em{font-style:normal;font-size:12.5px;color:var(--muted)}.co2113r i.bad{font-style:normal;color:#C2305F}
.co2113own-h{font-weight:700;font-size:13px;margin:10px 0 4px}.co2113own{display:grid;grid-template-columns:1fr 150px;gap:8px;margin-bottom:6px}.co2113n{display:block}.co2113n textarea{width:100%}
@media (max-width:520px){.co2113own{grid-template-columns:1fr}}
/* v2.11.3 notification center: compact requests block */
.nt197{padding:6px 8px}.nt197h{margin:0 2px 4px}.nt2113l{margin:0;display:grid;gap:4px}.nt2113l li{margin:0}
.nt2113l button{padding:6px 10px!important}.nt2113l button b{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:13.5px}.nt2113l button span{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:12px}
.nt2113more>summary{cursor:pointer;font-size:12.5px;font-weight:700;color:var(--accent);padding:4px 2px;list-style:none}.nt2113more>summary::-webkit-details-marker{display:none}.nt2113more[open]>summary{margin-bottom:4px}
/* v2.11.3 done tasks fold away */
.dn2113{margin-top:6px;border-top:1px dashed var(--line);padding-top:4px}.dn2113>summary{cursor:pointer;list-style:none;display:flex;align-items:center;gap:6px;min-height:36px;font-weight:700;font-size:13px;color:var(--done,#17845A)}.dn2113>summary::-webkit-details-marker{display:none}
.dn2113>summary::before{content:"▸";display:inline-block;transition:transform .15s}.dn2113[open]>summary::before{transform:rotate(90deg)}.dn2113 .cards{display:grid;gap:8px;margin-top:6px}
/* v2.11.3 phones: windows never grow wider than the screen; wide tables scroll inside or become cards */
.mcard,.mkm{min-width:0;max-width:100%}.mkmb,.mkmb>*{min-width:0;max-width:100%}.mkrep-t,.tablewrap{max-width:100%;overflow-x:auto}
@media (max-width:700px){
  .modal .mcard,.mkmodal .mkm{width:100%!important;max-width:100vw!important}
  .nlcmh{flex-direction:column;gap:12px}.nlcmini{width:100%;max-width:340px;height:auto}.nlcmi{min-width:0;width:100%}
  .nlcms{grid-template-columns:1fr 1fr!important}.nlcms div:last-child:nth-child(odd){grid-column:1/-1}
  .nlcbtns{flex-wrap:wrap}.nlcbtns>button{flex:1 1 calc(50% - 8px)}
  .nlcgrid.two{grid-template-columns:1fr!important}
  .nlcmod .h2tbl table,.nlcmod .h2tbl tbody,.nlcmod .h2tbl tr,.nlcmod .h2tbl td{display:block;min-width:0!important;width:auto}
  .nlcmod .h2tbl thead{display:none}.nlcmod .h2tbl tr{border:1px solid var(--line);border-radius:10px;padding:8px 10px;margin:6px 0}
  .nlcmod .h2tbl td{border:0!important;padding:2px 0!important;display:flex;justify-content:space-between;gap:10px;text-align:right}.nlcmod .h2tbl td:empty{display:none}
  .nlcmod .h2tbl td::before{content:attr(data-l);color:var(--muted);font-size:12px;text-align:left}
}

/* v2.11.4 Outlet Reports page */
.or4{max-width:1180px}
.or4h{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:10px}.or4h h2{margin:0 0 2px}.or4h .hint{margin:0}
.or4day{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:6px 0 12px}.or4day b{font-size:18px}
.or4arr{width:40px;height:40px;border-radius:999px;border:1px solid var(--line);background:var(--panel);color:var(--text);font-size:22px;line-height:1;cursor:pointer}.or4arr:disabled{opacity:.35;cursor:default}
.or4now{font-size:12px;font-weight:700;border-radius:999px;padding:3px 10px;background:var(--accent);color:#fff}
.or4sum{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;margin-bottom:14px}.or4sum>div{border:1px solid var(--line);border-radius:12px;padding:10px 12px;background:var(--panel);display:flex;flex-direction:column;gap:2px}
.or4sum span{font-size:12px;color:var(--muted)}.or4sum b{font-size:20px}.or4sum .bad b{color:#C2305F}.or4sum .warn b{color:#B86E00}
.or4g{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:10px}
.or4c{display:flex;flex-direction:column;gap:6px;text-align:left;font:inherit;color:var(--text);background:var(--panel);border:1px solid var(--line);border-left:5px solid var(--line);border-radius:14px;padding:12px 14px;min-width:0}
button.or4c{cursor:pointer}button.or4c:hover{border-color:var(--accent)}button.or4c:focus-visible{outline:3px solid var(--accent);outline-offset:2px}
.or4c.sent{border-left-color:var(--done,#17845A)}.or4c.miss{border-left-color:#C2305F;background:var(--panel2,#F7F7F9)}.or4c.wait{border-left-color:#B86E00}.or4c.on{box-shadow:0 0 0 2px var(--accent)}
.or4ct{display:flex;align-items:center;justify-content:space-between;gap:8px}.or4ct h3{margin:0;font-size:16px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.or4st{font-size:12px;font-weight:700;border-radius:999px;padding:2px 9px;white-space:nowrap;background:#FBE7EC;color:#C2305F}.or4c.wait .or4st{background:#FFF1DC;color:#9A5B00}.or4st.ok{background:#E3F4EA;color:#17845A}
.or4sl{display:flex;align-items:baseline;gap:8px;flex-wrap:wrap}.or4sl b{font-size:22px}.or4sl em{font-style:normal;font-size:12.5px;font-weight:700}.or4sl em.up{color:var(--done,#17845A)}.or4sl em.down{color:#C2305F}.or4sl small{color:var(--muted);font-size:12px;width:100%}
.or4by{margin:0;font-size:13px;color:var(--muted)}.or4sn{margin:0;font-size:13.5px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.or4c .muted,.or4sl.muted{color:var(--muted)}
.or4fl{display:flex;flex-wrap:wrap;gap:5px}.or4f{font-size:12px;font-weight:700;border-radius:999px;padding:2px 9px;background:#EEF0F4;color:#3A4252}.or4f.bad{background:#FBE7EC;color:#C2305F}.or4f.warn{background:#FFF1DC;color:#9A5B00}.or4f.ok{background:#E3F4EA;color:#17845A}
#or4v{margin-top:14px;scroll-margin-top:70px}
.or4wk,.or4cfg{margin-top:16px;border:1px solid var(--line);border-radius:12px;padding:10px 12px;background:var(--panel)}.or4wk>summary,.or4cfg>summary{cursor:pointer;font-weight:700;min-height:32px;display:flex;align-items:center}
.or4cfg .dr-cfg{margin-top:8px}
@media (max-width:700px){.or4sum{grid-template-columns:repeat(2,1fr)}.or4sum>div:first-child{grid-column:1/-1}.or4g{grid-template-columns:1fr}.or4h>.btn,.or4h>.ghost{width:100%}}
.or4of{border:0;padding:0;margin:6px 0;display:flex;flex-wrap:wrap;gap:6px 16px;width:100%}.or4of legend{font-weight:700;margin-bottom:4px;padding:0}.or4of label{min-height:32px;display:inline-flex;align-items:center;gap:6px}

/* v2.12.0 · step bar */
.fl2120{margin:4px 0 10px}.fl2120 ol{list-style:none;margin:0;padding:0;display:flex;gap:0;counter-reset:s}
.fl2120 li{flex:1;min-width:0;display:flex;flex-direction:column;align-items:center;gap:3px;position:relative;font-size:11.5px;color:var(--muted);text-align:center}
.fl2120 li::before{content:"";position:absolute;top:10px;left:-50%;width:100%;height:3px;background:var(--line);z-index:0}.fl2120 li:first-child::before{display:none}
.fl2120 li.done::before,.fl2120 li.cur::before{background:#17845A}
.fl2120 li i{position:relative;z-index:1;width:22px;height:22px;border-radius:50%;border:2px solid var(--line);background:var(--panel);display:flex;align-items:center;justify-content:center;font-style:normal;font-size:12px;font-weight:800;color:#fff}
.fl2120 li.done i{background:#17845A;border-color:#17845A}
.fl2120 li.cur i{border-color:#2D6CA8;background:#2D6CA8;box-shadow:0 0 0 4px rgba(45,108,168,.18)}
.fl2120.t-wait li.cur i{border-color:#B86E00;background:#B86E00;box-shadow:0 0 0 4px rgba(184,110,0,.18)}
.fl2120.t-ok li.cur i{border-color:#17845A;background:#17845A;box-shadow:0 0 0 4px rgba(23,132,90,.18)}
.fl2120.t-bad li.cur i{border-color:#C2305F;background:#C2305F;box-shadow:0 0 0 4px rgba(194,48,95,.18)}
.fl2120.t-off li.cur i{border-color:#8A90A0;background:#8A90A0}
.fl2120 li.cur span{color:var(--text);font-weight:700}.fl2120 span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}
.fl2120>p{margin:6px 0 0;font-size:13px;font-weight:600}.fl2120.t-bad>p{color:#C2305F}.fl2120.t-wait>p{color:#9A5B00}.fl2120.t-ok>p{color:#17845A}
.fl2120.sm{margin:6px 0 0}.fl2120.sm li{font-size:10.5px}.fl2120.sm li i{width:16px;height:16px;font-size:9px}.fl2120.sm li::before{top:7px;height:2px}.fl2120.sm>p{font-size:12px;margin-top:4px}
.fl2120c{display:inline-block;font-size:12px;font-weight:700;border-radius:999px;padding:2px 9px;background:#E6EEF8;color:#2D6CA8;white-space:nowrap}.fl2120c.t-wait{background:#FFF1DC;color:#9A5B00}.fl2120c.t-ok{background:#E3F4EA;color:#17845A}.fl2120c.t-bad{background:#FBE7EC;color:#C2305F}.fl2120c.t-off{background:#EEF0F4;color:#5A6172}
/* the one modal */
body.q2120on{overflow:hidden}
.q2120{position:fixed;inset:0;z-index:9000;display:flex;align-items:center;justify-content:center;padding:16px}.q2120bg{position:absolute;inset:0;background:rgba(15,20,30,.5)}
.q2120c{position:relative;background:var(--panel);color:var(--text);border-radius:18px;width:min(560px,100%);max-height:calc(100vh - 32px);display:flex;flex-direction:column;box-shadow:0 20px 60px rgba(0,0,0,.3);min-width:0}
.q2120c header{display:flex;align-items:center;justify-content:space-between;padding:16px 18px 8px}.q2120c h2{margin:0;font-size:19px}
.q2120b{padding:4px 18px 10px;overflow:auto;display:flex;flex-direction:column;gap:10px}.q2120b label{display:flex;flex-direction:column;gap:4px;font-weight:600;font-size:13.5px;min-width:0}
.q2120b input:not([type=radio]):not([type=checkbox]),.q2120b select,.q2120b textarea{font:inherit;font-size:16px;padding:10px 12px;border:1px solid var(--line);border-radius:10px;background:var(--bg,#fff);color:var(--text);width:100%;min-width:0;box-sizing:border-box}
.q2120b label.ast-chk{flex-direction:row;align-items:center;gap:8px}
.q2120lead{margin:0;color:var(--muted);font-size:13.5px}.linkbtn{border:0;background:none;color:var(--accent);font:inherit;font-weight:700;padding:0;cursor:pointer;text-decoration:underline}
.q2120u{border:0;padding:0;margin:0;display:grid;grid-template-columns:1fr 1fr;gap:6px}.q2120u legend{font-weight:600;font-size:13.5px;margin-bottom:4px;padding:0}
.q2120u label{flex-direction:row!important;align-items:flex-start;gap:8px;border:1px solid var(--line);border-radius:10px;padding:8px 10px;cursor:pointer;font-weight:400!important}.q2120u label b{display:block}.q2120u label span{display:block;font-size:12px;color:var(--muted)}
.q2120u label:has(input:checked){border-color:var(--accent);box-shadow:0 0 0 2px var(--accent) inset}.q2120u .u-Urgent b{color:#C2305F}
.q2120ph{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.q2120ph img{width:64px;height:64px;object-fit:cover;border-radius:8px}.q2120ph label{flex-direction:row}
.q2120it{display:flex;flex-direction:column;gap:6px}.q2120it .lab{font-weight:600;font-size:13.5px}.q2120r{display:grid;grid-template-columns:2fr .8fr 1.4fr;gap:6px}
.q2120two{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.q2120c footer{display:flex;justify-content:flex-end;gap:8px;padding:12px 18px 16px;border-top:1px solid var(--line)}
@media (max-width:600px){.q2120{padding:0;align-items:flex-end}.q2120c{border-radius:18px 18px 0 0;max-height:94vh}.q2120u{grid-template-columns:1fr}.q2120two{grid-template-columns:1fr}.q2120r{grid-template-columns:1.6fr .9fr}.q2120r input:nth-child(3){grid-column:1/-1}.q2120c footer .btn{flex:1}}
/* staff app actions + My items */
.act2120{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px;margin:0 0 14px}
.act2120 button{display:flex;flex-direction:column;align-items:flex-start;gap:2px;text-align:left;border:0;border-radius:16px;padding:14px;cursor:pointer;font:inherit;color:#fff;min-height:96px;box-shadow:0 2px 8px rgba(0,0,0,.08)}
.act2120 button>span{font-size:26px;line-height:1}.act2120 button b{font-size:16px;margin-top:6px}.act2120 button small{font-size:12.5px;opacity:.92}
.act2120 .a1{background:#C2305F}.act2120 .a2{background:#2D6CA8}.act2120 .a3.due{background:#B86E00}.act2120 .a3.ok{background:#17845A}
.act2120 button:focus-visible{outline:3px solid var(--text);outline-offset:2px}
.my2120r{display:flex;gap:10px;align-items:flex-start;width:100%;text-align:left;border:0;background:none;padding:12px 4px;border-bottom:1px solid var(--line);cursor:pointer;font:inherit;color:var(--text)}.my2120r:last-child{border-bottom:0}
.my2120r .ic{font-size:20px;line-height:1.2}.my2120r .tx{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.my2120r .tx>b{font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.my2120r .tx>em{font-style:normal;font-size:12px;color:var(--muted)}
.my2120act{border-left:4px solid #17845A}.my2120c{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:8px 0;border-top:1px solid var(--line);flex-wrap:wrap}.my2120c:first-of-type{border-top:0}.my2120c .b{display:flex;gap:6px}
.my2120h{text-align:center;margin:12px 0}
/* repairs, requests, daily report */
.rp2120c{margin-top:8px}.rq2120it{width:100%;border-collapse:collapse;margin:6px 0 10px;font-size:13.5px}.rq2120it th,.rq2120it td{border-bottom:1px solid var(--line);padding:6px 8px;text-align:left}.rq2120it th{font-size:12px;color:var(--muted)}
.rq-st.s-bought{background:#E6EEF8;color:#2D6CA8}.rq-st.s-received{background:#E3F4EA;color:#17845A}.rq-st.s-moved{background:#EEF0F4;color:#5A6172}
.tb2120{display:flex;align-items:center;gap:10px;width:100%;text-align:left;border:1px solid #B86E00;background:#FFF7EA;color:#5C3A00;border-radius:12px;padding:10px 14px;margin:0 0 12px;cursor:pointer;font:inherit}.tb2120>span{font-size:20px}.tb2120 em{margin-left:auto;font-style:normal;font-weight:700}
.dr2120b{display:flex;gap:8px;flex-wrap:wrap;margin:6px 0}.dr2120ul{list-style:none;margin:6px 0 0;padding:0;display:flex;flex-direction:column;gap:6px}
.dr2120i{display:flex;align-items:center;gap:10px;width:100%;text-align:left;border:1px solid var(--line);background:var(--panel);border-radius:10px;padding:8px 10px;cursor:pointer;font:inherit;color:var(--text)}.dr2120i>span:nth-child(2){flex:1;min-width:0;display:flex;flex-direction:column}.dr2120i em{font-style:normal;font-size:12px;color:var(--muted)}
.dr2120old{margin:8px 0;border:1px dashed var(--line);border-radius:10px;padding:6px 10px}.dr2120old>summary{cursor:pointer;font-size:13px;color:var(--muted)}
.or4open{display:flex;flex-wrap:wrap;gap:5px;align-items:center;border-top:1px dashed var(--line);padding-top:6px;margin-top:2px}.or4open small{font-size:11px;color:var(--muted);margin-right:2px}
.nm2120s{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin:0 0 10px;padding:10px 12px;border-radius:12px;background:#FFF7EA;border:1px solid #F0D9AE}.nm2120s>span{font-weight:800;font-size:13px;color:#5C3A00;margin-right:4px}
.nm2120{border:1px solid #E2C48A;background:#fff;color:#5C3A00;border-radius:999px;padding:7px 14px;font:inherit;font-size:13.5px;cursor:pointer;min-height:36px}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .tb2120,:root:not([data-theme="light"]) .nm2120s{background:#3a2a10;color:#FFE2B0;border-color:#6b4b1a}:root:not([data-theme="light"]) .nm2120{background:transparent;color:#FFE2B0}:root:not([data-theme="light"]) .nm2120s>span{color:#FFE2B0}}
:root[data-theme="dark"] .tb2120,:root[data-theme="dark"] .nm2120s{background:#3a2a10;color:#FFE2B0;border-color:#6b4b1a}:root[data-theme="dark"] .nm2120{background:transparent;color:#FFE2B0}:root[data-theme="dark"] .nm2120s>span{color:#FFE2B0}

/* v2.12.2 staff by employment type */
.et2122{margin-bottom:14px}.et2122g{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.et2122o{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:8px;margin-top:8px}
.et2122c{border:1px solid var(--line);border-radius:14px;background:var(--panel);min-width:0}.et2122c>summary{list-style:none;cursor:pointer;display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto;column-gap:10px;padding:12px 14px;align-items:baseline}.et2122c>summary::-webkit-details-marker{display:none}
.et2122c .n{grid-row:1/3;font-size:34px;font-weight:800;line-height:1}.et2122c .l{font-weight:700}.et2122c .p{font-size:12px;color:var(--muted)}
.et2122c.k-fulltime{border-left:5px solid #2D6CA8}.et2122c.k-parttime{border-left:5px solid #B86E00}.et2122c.k-freelance{border-left:5px solid #7A4FC2}
.et2122o .et2122c .n{font-size:22px}
.et2122c ul{list-style:none;margin:0;padding:0 8px 8px;max-height:280px;overflow:auto}.et2122c li button{display:flex;gap:8px;align-items:center;width:100%;text-align:left;border:0;background:none;padding:6px;border-radius:8px;cursor:pointer;font:inherit;color:var(--text)}.et2122c li button:hover{background:var(--panel2,#F3F4F7)}
.et2122c li span{display:flex;flex-direction:column;min-width:0}.et2122c li em{font-style:normal;font-size:12px;color:var(--muted)}
.et2122c[open]{grid-column:1/-1}
@media (max-width:600px){.et2122g{grid-template-columns:1fr 1fr 1fr;gap:6px}.et2122c>summary{grid-template-columns:1fr;padding:10px}.et2122c .n{grid-row:auto;font-size:26px}}

/* v2.13.0 incentives */
.inc-h{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:12px}.inc-h .sp{flex:1}.inc-mo{display:flex;align-items:center;gap:6px}.inc-mo b{font-size:17px;min-width:130px;text-align:center}
.inc-st{font-size:12.5px;font-weight:700;border-radius:999px;padding:4px 10px;background:#EEF0F4}.inc-st.ok{background:#E3F4EA;color:#17845A}.inc-st.wait{background:#FFF1DC;color:#9A5B00}.inc-st.go{background:#E6EEF8;color:#2D6CA8}
.inc-tiles{margin-bottom:12px}.inc-list{display:flex;flex-direction:column;gap:8px}
.inc-o{border:1px solid var(--line);border-left:5px solid var(--line);border-radius:14px;background:var(--panel)}.inc-o.won{border-left-color:#17845A}
.inc-oh{display:grid;grid-template-columns:minmax(150px,1.1fr) 2fr 90px 120px;gap:14px;align-items:center;width:100%;text-align:left;border:0;background:none;padding:12px 14px;cursor:pointer;font:inherit;color:var(--text)}
.inc-oh>span{display:flex;flex-direction:column;gap:3px;min-width:0}.inc-oh em{font-style:normal;font-size:12px;color:var(--muted)}.inc-oh .kp,.inc-oh .am{text-align:right;align-items:flex-end}.inc-oh .am b{font-size:18px}
.inc-bar{position:relative;height:12px;border-radius:999px;background:var(--panel2,#EEF0F4);margin:14px 0 4px}.inc-bar>i{position:absolute;left:0;top:0;bottom:0;border-radius:999px;background:#2D6CA8}.inc-bar>i.ok{background:#17845A}
.inc-bar>span{position:absolute;top:-4px;bottom:-4px;width:2px;background:var(--text);opacity:.55}.inc-bar>span em{position:absolute;top:-15px;left:50%;transform:translateX(-50%);font-size:10px;font-style:normal;color:var(--muted);white-space:nowrap}
.inc-bar>b.exp{position:absolute;top:-3px;bottom:-3px;width:3px;border-radius:2px;background:#B86E00}
.inc-ob{padding:0 14px 14px}.inc-calc{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:10px}.inc-calc>span{display:flex;flex-direction:column;border:1px solid var(--line);border-radius:10px;padding:8px 12px;font-size:13px}.inc-calc b{font-size:16px}.inc-calc em{font-style:normal;font-size:11.5px;color:var(--muted)}
.inc-kpis{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:10px}.inc-kpis span{font-size:12.5px;border-radius:999px;padding:3px 10px;background:#EEF0F4}.inc-kpis .ok{background:#E3F4EA;color:#17845A}.inc-kpis .go{background:#FFF1DC;color:#9A5B00}.inc-kpis .bad{background:#FBE7EC;color:#C2305F}
.inc-t td.n,.inc-t th.n{text-align:right}.inc-foot{margin-top:14px}
.inc-set{margin-bottom:14px;display:flex;flex-direction:column;gap:12px}.inc-set fieldset{border:1px solid var(--line);border-radius:12px;padding:10px 14px;display:flex;flex-direction:column;gap:8px}.inc-set legend{font-weight:800;padding:0 4px}
.inc-set label.inline{display:inline-flex;align-items:center;gap:6px;margin-right:14px}.inc-set input[type=number]{padding:6px 8px;border:1px solid var(--line);border-radius:8px;font:inherit}
.inc-fx{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:8px}.inc-fx label{display:flex;flex-direction:column;font-size:13px;gap:3px}
.inc-tiers{display:flex;flex-direction:column;gap:6px}.inc-tiers input{width:80px}.inc-chk{display:flex;flex-wrap:wrap;gap:6px 16px}.inc-chk label{display:inline-flex;gap:6px;align-items:center;min-height:30px}
.inc-set textarea{width:100%;font:inherit;border:1px solid var(--line);border-radius:8px;padding:8px;box-sizing:border-box}.inc-sb{display:flex;justify-content:flex-end;gap:8px}
@media (max-width:760px){.inc-oh{grid-template-columns:1fr auto;gap:8px}.inc-oh .gl{grid-column:1/-1;order:3}.inc-oh .kp{display:none}.inc-h .sp{display:none}}
/* staff card */
.inc-me{border-left:5px solid #B86E00}.inc-meh{display:flex;align-items:center;gap:10px}.inc-meh>span{font-size:26px}.inc-meh div{flex:1;display:flex;flex-direction:column}.inc-meh em{font-style:normal;font-size:12px;color:var(--muted)}.inc-meh strong{font-size:24px}
.inc-msg{margin:6px 0 4px;font-weight:600;font-size:13.5px}.inc-mes{display:flex;flex-wrap:wrap;gap:6px 14px;font-size:13px}.inc-mes em{font-style:normal;color:var(--muted)}
@media (max-width:600px){.inc-bar>span:not(:last-of-type) em{display:none}}

/* v2.14.0 Director's inbox */
.ib-hb{display:flex;gap:8px;flex-wrap:wrap}.ib-back{margin-bottom:8px}
.ib-st{display:flex;flex-wrap:wrap;align-items:center;gap:6px 8px;padding:10px 14px;border-radius:12px;border:1px solid #F0D9AE;background:#FFF7EA;color:#5C3A00;margin:0 0 14px;font-size:14.5px}.ib-st.all{border-color:#BFE3CE;background:#EEF8F2;color:#17845A}
.ib-need{margin-bottom:18px}.ib-nh{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;margin-bottom:8px}.ib-nh h3{margin:0;font-size:18px}.ib-c{display:inline-block;min-width:24px;text-align:center;border-radius:999px;background:#C2305F;color:#fff;font-size:13px;padding:1px 7px;margin-left:4px;vertical-align:2px}
.ib-list{list-style:none;margin:0;padding:0;border:1px solid var(--line);border-radius:14px;background:var(--panel);overflow:hidden}
.ib-n{display:grid;grid-template-columns:28px 1fr auto;gap:10px;align-items:center;padding:12px 14px;border-top:1px solid var(--line)}.ib-n:first-child{border-top:0}
.ib-n .ic{font-size:18px;text-align:center}.ib-n .tx{min-width:0}.ib-n p{margin:0;font-size:14.5px}.ib-n em{font-style:normal;font-size:13px;color:var(--muted);display:block;margin-top:2px;overflow-wrap:anywhere}.ib-n .bad{color:#C2305F}
.ib-n .ac{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end}.ib-n.k-complaint{border-left:4px solid #C2305F}.ib-n.k-issue{border-left:4px solid #B86E00}
.ib-rf{display:flex;gap:6px;margin-top:8px;flex-wrap:wrap}.ib-rf input{flex:1;min-width:180px;font:inherit;font-size:16px;padding:8px 10px;border:1px solid var(--line);border-radius:10px;background:var(--bg,#fff);color:var(--text)}
.ib-none{padding:18px;border:1px dashed var(--line);border-radius:14px;text-align:center;color:var(--muted)}
.ib-all h3{margin:0 0 8px;font-size:18px}.ib-tw{border:1px solid var(--line);border-radius:14px;overflow:auto;background:var(--panel)}
.ib-t{width:100%;border-collapse:collapse;font-size:14px}.ib-t th,.ib-t td{padding:10px 12px;border-top:1px solid var(--line);text-align:left;vertical-align:top}.ib-t thead th{border-top:0;font-size:12px;color:var(--muted);font-weight:700}.ib-t .n{text-align:right}
.ib-t tr.on>*{background:var(--panel2,#F3F4F7)}.ib-t tr.miss th button{color:var(--muted)}
.ib-ob{border:0;background:none;font:inherit;font-weight:800;color:var(--text);cursor:pointer;padding:0;text-align:left}.ib-ob:not([disabled]):hover{text-decoration:underline}.ib-ob[disabled]{cursor:default}
.ib-ok{color:#17845A;font-weight:700}.ib-miss{color:#C2305F;font-weight:700}.ib-f{display:inline-block;font-size:12px;font-weight:700;border-radius:999px;padding:2px 8px;margin:0 4px 2px 0;background:#EEF0F4;color:#3A4252}.ib-f.bad{background:#FBE7EC;color:#C2305F}.ib-f.warn{background:#FFF1DC;color:#9A5B00}
.ib-sn{font-size:12.5px;color:var(--muted);margin-top:3px}.ib-rep td{padding:0 10px 12px}
@media (max-width:700px){.ib-n{grid-template-columns:24px 1fr}.ib-n .ac{grid-column:1/-1;justify-content:flex-start}
 .ib-t thead{display:none}.ib-t tr{display:block;border-top:1px solid var(--line);padding:8px 12px}.ib-t th,.ib-t td{display:block;border:0;padding:3px 0}.ib-t td[data-l]::before{content:attr(data-l) ": ";color:var(--muted);font-size:12px}.ib-t .n{text-align:left}.ib-rep td{padding:0}.ib-rep td::before{display:none}}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .ib-st{background:#3a2a10;color:#FFE2B0;border-color:#6b4b1a}:root:not([data-theme="light"]) .ib-st.all{background:#0f3324;color:#9fe0bf;border-color:#1e5a3f}}
:root[data-theme="dark"] .ib-st{background:#3a2a10;color:#FFE2B0;border-color:#6b4b1a}:root[data-theme="dark"] .ib-st.all{background:#0f3324;color:#9fe0bf;border-color:#1e5a3f}
.ib-t tbody th{font-size:14.5px;background:none;color:var(--text);text-transform:none;letter-spacing:0}

/* v2.15.0 Help me write */
#hmwBtn{position:fixed;z-index:9500;width:28px;height:28px;border-radius:999px;border:1px solid #D9C6F5;background:linear-gradient(135deg,#F4EDFF,#FFF);box-shadow:0 2px 8px rgba(80,40,160,.18);cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0;font-size:14px;line-height:1}
#hmwBtn:hover,#hmwBtn:focus-visible{outline:2px solid #7A4FC2;outline-offset:1px}#hmwBtn[hidden]{display:none}
#hmwPop{position:fixed;z-index:9600;width:min(420px,calc(100vw - 24px))}#hmwPop[hidden]{display:none}
#hmwPop .hmw-bg{display:none}
#hmwPop .hmw-c0{background:var(--panel);color:var(--text);border:1px solid var(--line);border-radius:16px;box-shadow:0 18px 50px rgba(0,0,0,.25);padding:14px;display:flex;flex-direction:column;gap:10px;max-height:min(70vh,560px);overflow:auto}
#hmwPop h3{margin:0;font-size:16px}.hmw-l{display:flex;flex-direction:column;gap:4px}
.hmw-l button{display:flex;align-items:center;gap:10px;text-align:left;border:1px solid var(--line);background:var(--panel);color:var(--text);border-radius:10px;padding:10px 12px;font:inherit;font-size:14.5px;cursor:pointer;min-height:44px}
.hmw-l button:hover:not([disabled]){border-color:#7A4FC2;background:#F7F2FF}.hmw-l button[disabled]{opacity:.45;cursor:default}.hmw-l button span{width:22px;text-align:center}
.hmw-f{display:flex;gap:6px;align-items:center;justify-content:flex-end;flex-wrap:wrap}.hmw-f .hint{margin-right:auto}
.hmw-r{white-space:pre-wrap;border:1px solid #D9C6F5;background:#FAF7FF;border-radius:10px;padding:10px 12px;font-size:14.5px;max-height:300px;overflow:auto;color:#1d1b24}
.hmw-t{display:grid;grid-template-columns:auto 1fr;gap:4px 10px;margin:0;border:1px solid #D9C6F5;background:#FAF7FF;border-radius:10px;padding:10px 12px;color:#1d1b24}.hmw-t dt{font-size:12px;color:#6b6478}.hmw-t dd{margin:0;font-weight:600}
.hmw-wait{display:flex;align-items:center;gap:10px;margin:8px 0}.hmw-dot{width:14px;height:14px;border-radius:50%;background:#7A4FC2;animation:hmwp 1s ease-in-out infinite}@keyframes hmwp{50%{opacity:.25;transform:scale(.7)}}
.hmw-c{display:flex;align-items:center;gap:8px}.hmw-pp{display:flex;flex-wrap:wrap;gap:4px 14px;max-height:200px;overflow:auto}.hmw-pp label{display:inline-flex;gap:6px;align-items:center;min-height:30px;font-size:13.5px}
@media (max-width:639px){#hmwPop{inset:0;width:auto;display:flex;align-items:flex-end}#hmwPop .hmw-bg{display:block;position:absolute;inset:0;background:rgba(15,20,30,.45)}#hmwPop .hmw-c0{position:relative;width:100%;border-radius:18px 18px 0 0;max-height:80vh}}
@media (prefers-reduced-motion:reduce){.hmw-dot{animation:none}}

/* v2.16.0 done tasks fold in List / Compact views */
.dn216{border-top:1px solid var(--line)}
.dn216>summary{cursor:pointer;list-style:none;display:flex;align-items:center;gap:8px;min-height:44px;padding:8px 16px;font-weight:700;font-size:13.5px;color:var(--done,#17845A);user-select:none}
.dn216>summary::-webkit-details-marker{display:none}
.dn216>summary:hover{background:color-mix(in srgb,var(--done,#17845A) 6%,transparent)}
.dn216>summary:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}
.dn216c{width:8px;height:8px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(-45deg);transition:transform .15s;margin-right:2px}
.dn216[open]>summary .dn216c{transform:rotate(45deg)}
.dn216n{font-size:12px;font-weight:700;padding:1px 8px;border-radius:999px;background:color-mix(in srgb,var(--done,#17845A) 12%,transparent)}
@media (prefers-reduced-motion:reduce){.dn216c{transition:none}}

/* v2.17.0 employee profile: traffic light, work schedule, warnings */
.tl217{display:inline-flex;align-items:center;gap:5px;min-height:28px;padding:2px 10px;border-radius:999px;border:1px solid var(--line);background:var(--panel2);font-size:12.5px;font-weight:600;color:var(--ink,inherit);cursor:pointer}
.tl217 b{font-size:14px}.tl217 span{color:var(--muted);font-weight:500}
.tl217.tl-green{background:color-mix(in srgb,#17845A 14%,var(--panel));border-color:color-mix(in srgb,#17845A 40%,var(--line))}
.tl217.tl-yellow{background:color-mix(in srgb,#D99A0B 16%,var(--panel));border-color:color-mix(in srgb,#D99A0B 45%,var(--line))}
.tl217.tl-red{background:color-mix(in srgb,#D33 14%,var(--panel));border-color:color-mix(in srgb,#D33 45%,var(--line))}
.tl217.tl-none{color:var(--muted);font-weight:500}
.tl217:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.tl217p{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 16px;background:var(--panel2);border-radius:10px;padding:10px 12px;margin-top:8px}
.tl217p>p{grid-column:1/-1;margin:0}
.tl217m h5{margin:0 0 6px;font-size:13px;display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.tl217m ul{list-style:none;margin:0;padding:0;display:grid;gap:4px}
.tl217m li{display:grid;grid-template-columns:110px auto 1fr;gap:8px;align-items:baseline;font-size:12.5px}
.tl217m li em{font-style:normal}.tl217m li b em{color:var(--muted);font-weight:500}
.hw217>summary{list-style:none;cursor:pointer;display:flex;align-items:baseline;gap:10px;flex-wrap:wrap;min-height:28px}
.hw217>summary::-webkit-details-marker{display:none}
.hw217>summary h4::before{content:"";display:inline-block;width:7px;height:7px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(-45deg);margin-right:6px;transition:transform .15s;position:relative;top:-1px}
.hw217[open]>summary h4::before{transform:rotate(45deg)}
.hw217s{font-size:13px;color:var(--ink,inherit);font-weight:500}
.hw217[open]>summary .hw217s{color:var(--muted)}
.hw217wn.has>summary .hw217s{color:var(--bad,#C62828);font-weight:600}
.hw217w{list-style:none;margin:2px 0 0;padding:0;display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:4px}
.hw217w li{display:flex;flex-direction:column;gap:2px;padding:6px 6px;border-radius:8px;background:var(--panel2);min-width:0}
.hw217w li span{font-size:11px;color:var(--muted);font-weight:600}.hw217w li span em{font-style:normal;font-weight:500}
.hw217w li b{font-size:12px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.hw217w li.off b{color:var(--muted);font-weight:500}.hw217w li.lv b{color:var(--prog,#6B4FD8)}
.hw217w li.today{outline:2px solid var(--accent);outline-offset:-2px}
.hw217old>summary{cursor:pointer;font-size:12.5px;font-weight:600;color:var(--muted);padding:4px 0}
.hw217off{display:flex;flex-wrap:wrap;gap:6px 14px;border:0;padding:0;margin:0}.hw217off legend{font-size:12px;font-weight:600;color:var(--muted);margin-bottom:4px;padding:0}
.hw217off label{display:inline-flex;align-items:center;gap:5px;font-weight:500}
@media (max-width:700px){.tl217p{grid-template-columns:minmax(0,1fr)}.hw217w{grid-template-columns:repeat(4,minmax(0,1fr))}.tl217m li{grid-template-columns:96px auto 1fr}}
@media (prefers-reduced-motion:reduce){.hw217>summary h4::before{transition:none}}
.hrph .hbadge.tl{display:none}   /* the live chip replaces the saved badge on the profile */

/* v2.17.1 payroll hours vs roster */
.hw217gap{grid-column:1/-1;display:flex;flex-wrap:wrap;align-items:center;gap:6px 12px;padding:10px 12px;border-radius:10px;background:color-mix(in srgb,#D99A0B 12%,var(--panel));border:1px solid color-mix(in srgb,#D99A0B 45%,var(--line));font-size:13px}
.hw217gap b{flex:1 1 100%;font-weight:600}.hw217gap span{flex:1 1 260px;color:var(--muted)}
.hw217s.bad{color:var(--bad,#C62828)}

/* v2.17.2 hours quick pick */
.hw172q{display:flex;flex-wrap:wrap;gap:6px;margin:4px 0 2px}.hw172q .sm{min-height:32px}
.pf .hw217off label,.hw217off label{display:inline-flex!important;flex-direction:row!important;align-items:center;gap:6px;min-height:36px;padding:4px 10px;border:1px solid var(--line);border-radius:999px;font-weight:600;font-size:13px;margin:0}
.hw217off label input{width:auto;margin:0}
.hw217off label:has(input:checked){background:color-mix(in srgb,var(--accent) 12%,var(--panel));border-color:var(--accent)}

.brk173{display:flex;flex-wrap:wrap;align-items:center;gap:6px 12px;padding:10px 12px;border-radius:10px;background:var(--panel2);font-size:13px}.brk173 .hint{flex:1 1 100%}
/* v2.18 Hotel Manager: Today + daily report */
.hm218{display:flex;flex-direction:column;gap:14px}
.hm-tonight{background:var(--panel);border-radius:14px;padding:16px 18px;box-shadow:var(--sh1)}
.hm-tonight h3,.hm-card h3{margin:0 0 10px;font-size:15px;display:flex;align-items:baseline;gap:8px;flex-wrap:wrap}
.hm-bigs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.hm-big{display:flex;flex-direction:column;gap:2px;min-width:0}.hm-big span{font-size:12px;color:var(--muted);font-weight:600}.hm-big b{font-size:28px;line-height:1.1;font-variant-numeric:tabular-nums}.hm-big small{font-size:12px;color:var(--muted)}
.hm-big em,.hm-repf em{font-style:normal;font-size:12px;font-weight:600}.hm-big em.up{color:var(--done,#17845A)}.hm-big em.down{color:var(--bad,#C62828)}
.hm-moves{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.hm-mv{display:flex;flex-direction:column;align-items:flex-start;gap:4px;text-align:left;background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:12px 14px;cursor:pointer;color:inherit;font:inherit;min-width:0}
.hm-mv:hover{border-color:var(--accent)}.hm-mv:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.hm-mvk{font-size:12px;color:var(--muted);font-weight:600}.hm-mv b{font-size:24px;line-height:1.1}.hm-mv small{font-size:12px;color:var(--muted)}
.hm-bar{display:block;width:100%;height:6px;border-radius:99px;background:var(--panel2);overflow:hidden}.hm-bar i{display:block;height:100%;background:var(--accent);border-radius:99px}
.hm-bar i.hi{background:var(--done,#17845A)}.hm-bar i.lo{background:#D99A0B}
.hm-cols{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:14px}
.hm-card{background:var(--panel);border-radius:14px;padding:14px 16px;box-shadow:var(--sh1);display:flex;flex-direction:column;gap:8px;min-width:0}
.hm-n{font-size:12px;background:var(--bad,#C62828);color:#fff;border-radius:99px;padding:1px 8px}
.hm-needs ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column}
.hm-needs li{display:grid;grid-template-columns:22px minmax(0,1fr) auto;gap:8px;align-items:center;padding:8px 0;border-top:1px solid var(--line)}.hm-needs li:first-child{border-top:0}
.hm-needs li b{display:block;font-size:13.5px}.hm-needs li small{display:block;color:var(--muted);font-size:12px}
.hm-needs li.lv-bad b{color:var(--bad,#C62828)}
.hm-ok{color:var(--done,#17845A);font-weight:600;margin:0}
.hm-hk{display:flex;height:14px;border-radius:99px;overflow:hidden;background:var(--panel2)}
.hm-hk i,.hm-leg i{display:inline-block}.hk-dirty{background:#C62828}.hk-cleaning{background:#D99A0B}.hk-clean{background:#2E7D5B}.hk-inspected{background:#1F5FA8}
.hm-leg{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:6px 14px;font-size:12.5px}.hm-leg i{width:10px;height:10px;border-radius:3px;margin-right:5px}
.hm-fc{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}
.hm-fc li{display:grid;grid-template-columns:92px minmax(0,1fr) 40px auto;gap:8px;align-items:center;font-size:12.5px}.hm-fc li small{color:var(--muted);white-space:nowrap}
.hm-card>.ghost.sm,.hm-card>.btn{align-self:flex-start}
.hm-nums{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.hm-nums>div{background:var(--panel2);border-radius:10px;padding:8px 10px;display:flex;flex-direction:column;min-width:0}.hm-nums span{font-size:11.5px;color:var(--muted);font-weight:600}.hm-nums b{font-size:18px}.hm-nums small{font-size:11.5px;color:var(--muted);overflow-wrap:anywhere}
.hm-flags{list-style:none;margin:6px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:6px}.hm-flags li{font-size:12px;padding:3px 10px;border-radius:99px;background:var(--panel2)}.hm-flags li.warn{background:color-mix(in srgb,#D99A0B 16%,var(--panel))}.hm-flags li.bad{background:color-mix(in srgb,#C62828 14%,var(--panel))}
.hm-warn{margin:4px 0 0;font-size:13px;color:#9a6700}
.hm-chips{display:flex;flex-wrap:wrap;gap:8px}.hm-chip{display:inline-flex!important;flex-direction:row!important;align-items:center;gap:6px;min-height:40px;padding:6px 14px;border:1px solid var(--line);border-radius:99px;font-weight:600;cursor:pointer}
.hm-chip:has(input:checked){border-color:var(--accent);background:color-mix(in srgb,var(--accent) 12%,var(--panel))}.hm-chip input{margin:0;width:auto}
.hm-f{display:flex;flex-direction:column;gap:3px}.hm-f>span{font-weight:700;font-size:13.5px}.hm-f>small{color:var(--muted);font-size:12px}.hm-f textarea{width:100%}
.hm-cash{border:1px solid var(--line);border-radius:12px;padding:10px 12px;display:flex;flex-wrap:wrap;gap:8px}.hm-cash legend{font-weight:700;font-size:13.5px;padding:0 4px}
.hm-diff{display:grid;grid-template-columns:160px minmax(0,1fr);gap:8px;width:100%}.hm-diff label{display:flex;flex-direction:column;font-size:12px;gap:2px}
.hm-repf .frow{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}
.hm-home .hm-hrow{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.hm-hrow>div{display:flex;flex-direction:column;background:var(--panel2);border-radius:10px;padding:8px 10px;min-width:0}
.hm-hrow span{font-size:11.5px;color:var(--muted);font-weight:600}.hm-hrow b{font-size:20px}.hm-hrow b.bad{color:var(--bad,#C62828)}.hm-hrow small{font-size:11.5px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
@media (max-width:760px){.hm-bigs{grid-template-columns:repeat(2,minmax(0,1fr))}.hm-big b{font-size:24px}.hm-moves{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.hm-mv{padding:10px}.hm-mv b{font-size:20px}.hm-cols{grid-template-columns:minmax(0,1fr)}.hm-nums{grid-template-columns:repeat(2,minmax(0,1fr))}.hm-home .hm-hrow{grid-template-columns:repeat(2,minmax(0,1fr))}.hm-diff{grid-template-columns:minmax(0,1fr)}}
.hm-homewrap{max-width:1100px;margin:0 auto 14px;padding:0 4px}.hm-homewrap .cmsec-h{display:flex;align-items:center;justify-content:space-between;gap:8px}.hm-homewrap .hm-home{background:var(--panel);border-radius:14px;padding:12px 14px;box-shadow:var(--sh1)}

.psh218 .psh218to{display:flex;flex-wrap:wrap;gap:6px 16px;border:0;padding:0;margin:0}.psh218 .psh218to legend{font-weight:600;font-size:12px;color:var(--muted);padding:0;margin-bottom:4px}.psh218 .psh218to label{display:inline-flex!important;flex-direction:row!important;align-items:center;gap:6px}.psh218log ul{margin:6px 0 0;padding-left:18px;font-size:13px}.psh218log li{margin:4px 0}
/* v2.18.1 Hotel Manager Home — Apple-style widgets */
.hx{--hx-r:22px;--hx-gap:16px;--blue:#0A84FF;--green:#30D158;--teal:#40C8E0;--indigo:#5E5CE6;--orange:#FF9F0A;--red:#FF453A;--purple:#BF5AF2;--gray:#8E8E93;
  max-width:1180px;margin:0 auto;padding:8px 20px 40px;font-family:-apple-system,BlinkMacSystemFont,"SF Pro Text","SF Pro Display",Inter,"Segoe UI",Roboto,sans-serif;color:var(--text);-webkit-font-smoothing:antialiased}
@media (prefers-color-scheme: light){:root:not([data-theme="dark"]) .hx{--blue:#007AFF;--green:#34C759;--teal:#30B0C7;--indigo:#5856D6;--orange:#FF9500;--red:#FF3B30;--purple:#AF52DE}}
:root[data-theme="light"] .hx{--blue:#007AFF;--green:#34C759;--teal:#30B0C7;--indigo:#5856D6;--orange:#FF9500;--red:#FF3B30;--purple:#AF52DE}
.hx-hd{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin:12px 0 20px}
.hx-eyebrow{margin:0;font-size:13px;font-weight:600;letter-spacing:.02em;color:var(--muted);text-transform:uppercase}
.hx-hd h1{margin:2px 0 4px;font-size:34px;line-height:1.12;font-weight:700;letter-spacing:-.02em}
.hx-sub{margin:0;font-size:17px;color:var(--muted)}
.hx-btn{appearance:none;border:0;border-radius:999px;padding:10px 18px;min-height:44px;font:600 15px/1 inherit;background:color-mix(in srgb,var(--blue) 14%,transparent);color:var(--blue);cursor:pointer;white-space:nowrap}
.hx-btn.pri{background:var(--blue);color:#fff;margin-top:auto;align-self:flex-start}
.hx-btn:focus-visible,.hx-link:focus-visible,.hx-row:focus-visible,.hx-mini:focus-visible{outline:3px solid color-mix(in srgb,var(--blue) 55%,transparent);outline-offset:2px}
.hx-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--hx-gap)}
.hx-w{background:var(--panel);border-radius:var(--hx-r);padding:18px 20px;display:flex;flex-direction:column;gap:10px;min-width:0;box-shadow:0 1px 2px rgba(0,0,0,.06),0 8px 24px rgba(0,0,0,.06);border:1px solid color-mix(in srgb,var(--line) 60%,transparent)}
.hx-w h2{margin:0;font-size:17px;font-weight:600;letter-spacing:-.01em;display:flex;align-items:center;gap:8px}
.hx-tonight{grid-column:span 2}.hx-needs{grid-column:span 2;grid-row:span 2}.hx-guests{grid-column:span 2}
.hx-hk,.hx-rep{grid-column:span 1}.hx-arr,.hx-week,.hx-month{grid-column:span 2}
.hx-tn{display:flex;align-items:center;gap:22px}
.hx-ringbox{position:relative;width:132px;height:132px;flex:none}.hx-ringv{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center}
.hx-ringv b{font-size:30px;font-weight:700;letter-spacing:-.02em;font-variant-numeric:tabular-nums}.hx-ringv small{font-size:13px;color:var(--muted)}
.hx-ring .hx-rt{fill:none;stroke:color-mix(in srgb,currentColor 14%,transparent)}.hx-ring .hx-rv{fill:none;stroke:currentColor;stroke-linecap:round;transition:stroke-dasharray .6s ease}
.hx-ring.blue{color:var(--blue)}.hx-ring.green{color:var(--green)}.hx-ring.teal{color:var(--teal)}.hx-ring.indigo{color:var(--indigo)}
.hx-kv{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 18px;margin:0;flex:1}.hx-kv.one{grid-template-columns:repeat(2,minmax(0,1fr))}
.hx-kv dt{font-size:13px;color:var(--muted);font-weight:500}.hx-kv dd{margin:2px 0 0;font-size:20px;font-weight:600;font-variant-numeric:tabular-nums;letter-spacing:-.01em}.hx-kv dd.lg{font-size:24px}
.hx-kv dd small{font-size:13px;color:var(--muted);font-weight:500}
.hx-up,.hx-dn{font-size:12px;font-weight:600;margin-left:4px;white-space:nowrap}.hx-up{color:var(--green)}.hx-dn{color:var(--red)}
.hx-foot{margin:auto 0 0;font-size:12.5px;color:var(--muted)}
.hx-badge{min-width:22px;height:22px;padding:0 7px;border-radius:999px;background:var(--red);color:#fff;font-size:13px;display:inline-flex;align-items:center;justify-content:center}.hx-badge.ok{background:var(--green)}
.hx-count{font-size:15px;color:var(--muted);font-weight:500}
.hx-list{list-style:none;margin:0 -8px;padding:0}
.hx-row{display:flex;align-items:center;gap:12px;width:100%;padding:10px 8px;border:0;background:none;color:inherit;font:inherit;text-align:left;border-radius:12px;cursor:pointer;min-height:52px}
.hx-row:hover{background:color-mix(in srgb,var(--text) 5%,transparent)}
.hx-list li+li .hx-row{box-shadow:inset 0 1px 0 color-mix(in srgb,var(--line) 70%,transparent);border-radius:0}
.hx-sq{width:30px;height:30px;border-radius:8px;display:flex;align-items:center;justify-content:center;flex:none;color:#fff}
.hx-sq.red{background:var(--red)}.hx-sq.orange{background:var(--orange)}.hx-sq.blue{background:var(--blue)}.hx-sq.teal{background:var(--teal)}.hx-sq.gray{background:var(--gray)}.hx-sq.purple{background:var(--purple)}.hx-sq.indigo{background:var(--indigo)}.hx-sq.green{background:var(--green)}
.hx-ic{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.hx-lt{flex:1;min-width:0;display:flex;flex-direction:column}.hx-lt b{font-size:15px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hx-lt small{font-size:13px;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.hx-chev{width:16px;height:16px;color:color-mix(in srgb,var(--muted) 70%,transparent);flex:none}
.hx-empty{margin:auto 0;display:flex;align-items:center;gap:8px;color:var(--muted);font-size:15px}.hx-okic{color:var(--green);width:22px;height:22px}
.hx-link{appearance:none;border:0;background:none;color:var(--blue);font:500 15px/1.2 inherit;padding:6px 0;cursor:pointer;align-self:flex-start;margin-top:auto}
.hx-tri{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.hx-mini{position:relative;display:flex;flex-direction:column;align-items:center;gap:4px;border:0;background:color-mix(in srgb,var(--text) 4%,transparent);border-radius:16px;padding:12px 6px;color:inherit;font:inherit;cursor:pointer}
.hx-mini b{position:absolute;top:30px;font-size:17px;font-weight:700;font-variant-numeric:tabular-nums}.hx-mini b small{font-size:12px;color:var(--muted);font-weight:500}.hx-mini span{font-size:13px;color:var(--muted);font-weight:500}
.hx-note{margin:0;display:flex;align-items:center;gap:6px;font-size:13.5px;color:var(--muted)}.hx-note.warn{color:var(--orange)}.hx-ni{width:16px;height:16px}
.hx-big{font-size:28px;font-weight:700;letter-spacing:-.02em;margin:0;font-variant-numeric:tabular-nums}.hx-big small{font-size:15px;color:var(--muted);font-weight:500;letter-spacing:0}
.hx-seg{display:flex;height:10px;border-radius:999px;overflow:hidden;gap:2px;background:color-mix(in srgb,var(--text) 8%,transparent)}
.k-dirty{background:var(--red)}.k-cleaning{background:var(--orange)}.k-clean{background:var(--green)}.k-inspected{background:var(--blue)}
.hx-legend{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px 10px;font-size:13px;color:var(--muted)}
.hx-legend li{display:flex;align-items:center;gap:6px}.hx-legend li i{width:8px;height:8px;border-radius:50%}.hx-legend b{margin-left:auto;color:var(--text);font-weight:600}
.hx-rep.done .hx-check{width:40px;height:40px;border-radius:50%;background:var(--green);color:#fff;display:flex;align-items:center;justify-content:center;font-size:22px;font-weight:700}
.hx-rep p{margin:0}.hx-sub2{font-size:13.5px;color:var(--muted)}
.hx-people{list-style:none;margin:0;padding:0;display:flex;flex-direction:column}
.hx-people li{display:flex;align-items:center;gap:12px;padding:9px 0}.hx-people li+li{box-shadow:inset 0 1px 0 color-mix(in srgb,var(--line) 70%,transparent)}
.hx-av{width:36px;height:36px;border-radius:50%;background:color-mix(in srgb,var(--indigo) 18%,transparent);color:var(--indigo);font-weight:700;font-size:13px;display:flex;align-items:center;justify-content:center;flex:none}
.hx-tag{font-size:12.5px;font-weight:600;padding:4px 10px;border-radius:999px;background:color-mix(in srgb,var(--text) 7%,transparent);white-space:nowrap}.hx-tag.g{background:color-mix(in srgb,var(--green) 18%,transparent);color:var(--green)}.hx-tag.o{background:color-mix(in srgb,var(--orange) 18%,transparent);color:var(--orange)}
.hx-red{color:var(--red)}
.hx-bars{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:6px;height:130px;align-items:end}
.hx-bar{display:flex;flex-direction:column;align-items:center;gap:4px;height:100%}.hx-bv{font-size:11px;color:var(--muted);font-variant-numeric:tabular-nums}
.hx-bt{flex:1;width:100%;max-width:26px;border-radius:7px;background:color-mix(in srgb,var(--text) 7%,transparent);display:flex;align-items:flex-end;overflow:hidden}
.hx-bt i{display:block;width:100%;background:var(--blue);border-radius:7px}.hx-bt i.hi{background:var(--green)}.hx-bt i.lo{background:color-mix(in srgb,var(--blue) 45%,transparent)}
.hx-bl{font-size:11.5px;color:var(--muted);font-weight:500}.hx-bar.now .hx-bl{color:var(--blue);font-weight:700}
.hx-sec{font-size:22px;font-weight:700;letter-spacing:-.01em;margin:30px 0 12px}
.hx-day{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:var(--hx-gap)}.hx-col{display:flex;flex-direction:column;gap:var(--hx-gap);min-width:0}
.hx-day .cmcard,.hx-day .cmsec>div{border-radius:18px}
@media (max-width:1000px){.hx-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hx-needs{grid-row:auto}.hx-hk,.hx-rep{grid-column:span 1}}
@media (max-width:640px){.hx{padding:4px 14px 30px}.hx-hd{flex-direction:column;align-items:flex-start}.hx-hd h1{font-size:28px}.hx-grid{grid-template-columns:minmax(0,1fr);gap:12px}.hx-w{grid-column:auto!important}.hx-tn{gap:14px}.hx-ringbox{width:112px;height:112px}.hx-ringbox svg{width:112px;height:112px}.hx-kv dd{font-size:18px}.hx-day{grid-template-columns:minmax(0,1fr)}}
@media (prefers-reduced-motion:reduce){.hx-ring .hx-rv{transition:none}}

/* v2.18.2 HR Manager Home — same Apple-style family as the Hotel Manager Home */
.hx{--yellow:#FFD60A}
@media (prefers-color-scheme: light){:root:not([data-theme="dark"]) .hx{--yellow:#FFCC00}}
:root[data-theme="light"] .hx{--yellow:#FFCC00}
.hx-hdb{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.hx-sw{display:inline-flex;padding:3px;border-radius:999px;background:color-mix(in srgb,var(--text) 8%,transparent)}
.hx-sw button{appearance:none;border:0;background:none;color:var(--muted);font:600 14px/1 inherit;padding:9px 16px;min-height:38px;border-radius:999px;cursor:pointer}
.hx-sw button[aria-pressed="true"]{background:var(--panel);color:var(--text);box-shadow:0 1px 3px rgba(0,0,0,.12)}
.hx-sw button:focus-visible{outline:3px solid color-mix(in srgb,var(--blue) 55%,transparent);outline-offset:1px}
.hy-today,.hy-week,.hy-iss,.hy-soon{grid-column:span 2}.hy-team,.hy-away,.hy-light,.hy-pay{grid-column:span 1}
.hx-ring.orange{color:var(--orange)}.hx-ring.red{color:var(--red)}
.hx-kv dd.hx-o{color:var(--orange)}.hx-kv dd.hx-red{color:var(--red)}
.hy-c-blue{background:var(--blue)}.hy-c-teal{background:var(--teal)}.hy-c-indigo{background:var(--indigo)}.hy-c-orange{background:var(--orange)}.hy-c-purple{background:var(--purple)}.hy-c-gray{background:var(--gray)}.hy-c-green{background:var(--green)}.hy-c-red{background:var(--red)}.hy-c-yellow{background:var(--yellow)}
.hx-legend.one{grid-template-columns:minmax(0,1fr)}
.hy-mini{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}
.hy-mini li{display:flex;align-items:center;gap:10px;min-width:0}
.hy .hrav.sm{width:36px;height:36px;flex:none;border-radius:50%;font-size:13px}
.hy .hx-row .hrav.sm{width:34px;height:34px}
.hy-wk{display:flex;align-items:flex-end;justify-content:space-between;gap:10px;flex-wrap:wrap}
.hy-lg{display:flex;gap:12px}
.hy-st{flex-direction:column-reverse}.hy-st i{border-radius:0!important;flex:none}
.hy-st i:last-child{border-radius:7px 7px 0 0!important}
.hy-lights{display:flex;flex-direction:column;gap:8px;margin:2px 0}
.hy-li{display:flex;align-items:center;gap:10px;font-size:15px}.hy-li b{margin-left:auto;font-size:20px;font-weight:700;font-variant-numeric:tabular-nums}
.hy-dot{width:14px;height:14px;border-radius:50%;flex:none}.hy-dot.green{background:var(--green);box-shadow:0 0 0 4px color-mix(in srgb,var(--green) 20%,transparent)}.hy-dot.yellow{background:var(--yellow);box-shadow:0 0 0 4px color-mix(in srgb,var(--yellow) 22%,transparent)}.hy-dot.red{background:var(--red);box-shadow:0 0 0 4px color-mix(in srgb,var(--red) 20%,transparent)}
.hy-pay.done .hx-big{color:var(--green)}
.hx-tag.r{background:color-mix(in srgb,var(--red) 16%,transparent);color:var(--red)}
.hy-soon .hx-people li{gap:12px}
@media (max-width:1000px){.hy-team,.hy-away,.hy-light,.hy-pay{grid-column:span 1}.hy-today,.hy-week,.hy-iss,.hy-soon{grid-column:span 2}}
@media (max-width:640px){.hx-hdb{width:100%;justify-content:space-between}}
.hx-bt.hy-st i.hy-c-green{background:var(--green)}.hx-bt.hy-st i.hy-c-orange{background:var(--orange)}.hx-bt.hy-st i.hy-c-red{background:var(--red)}

/* v2.18.3 · HR on phones: buttons instead of sideways scrolling, iOS-style lists and widgets */
.hratable .hrmob{display:none}
.hrsum .hrs-work .hrst{font-weight:800}
@media (max-width:640px){
  /* section tabs → a 3-column segmented grid */
  .hrpage .hrm193-g{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;overflow:visible!important;padding:4px;border:0!important;border-radius:14px;background:color-mix(in srgb,var(--text) 7%,transparent);margin-bottom:10px}
  .hrpage .hrm193-g button{white-space:normal;text-transform:none;letter-spacing:0;font-size:13px;font-weight:600;line-height:1.2;padding:9px 4px;min-height:42px;border:0!important;border-radius:10px;color:var(--muted);text-align:center}
  .hrpage .hrm193-g button[aria-selected="true"]{background:var(--panel);color:var(--text);box-shadow:0 1px 3px rgba(0,0,0,.14)}
  .hrpage .hrm193-g .dot{top:5px;right:6px}
  /* pages of a section and outlet filter → wrapping buttons */
  .hrpage .hrm193-p,.hrpage .hrchips,.hrpage .h2seg{flex-wrap:wrap!important;overflow:visible!important}
  .hrpage .hrm193-p button{padding:8px 13px;font-size:14px;min-height:38px}
  .hrpage .hrchips{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}
  .hrpage .hrchips .evchip{justify-content:space-between;min-height:40px;border-radius:12px;font-size:14px;padding:6px 12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .hrpage .hrchips .evchip:first-child{grid-column:1/-1;justify-content:center}
  .hrpage .pysteps{flex-wrap:wrap}
  /* dashboard tiles → iOS widgets */
  .hrpage .mktiles{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px}
  .hrpage .hrtile{border-radius:18px!important;padding:13px 14px!important;gap:2px;min-height:0;border-top:0!important}
  .hrpage .hrtile .k{text-transform:none;letter-spacing:0;font-size:13px;font-weight:600;color:var(--muted)}
  .hrpage .hrtile .v{font-size:30px!important;letter-spacing:-.02em;margin:4px 0 2px}
  .hrpage .hrtile .s{font-size:12px;line-height:1.3}
  .hrpage .mktiles>.hrtile:last-child:nth-child(odd){grid-column:1/-1}
  /* tables with labelled cells → stacked rows */
  .hrpage .mkrep-t:has(td[data-l]){overflow:visible}
  .hrpage .mkrep-t:has(td[data-l]) table,.hrpage .mkrep-t:has(td[data-l]) tbody{display:block;width:100%;min-width:0!important}
  .hrpage .mkrep-t:has(td[data-l]) thead{display:none}
  .hrpage .mkrep-t:has(td[data-l]) tr{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px 10px;padding:12px 2px;border-bottom:1px solid var(--line)}
  .hrpage .mkrep-t:has(td[data-l]) tr:last-child{border-bottom:0}
  .hrpage .mkrep-t:has(td[data-l]) td{display:flex;flex-direction:column;align-items:flex-start;gap:1px;padding:0!important;border:0!important;text-align:left!important;min-width:0;font-size:15px;font-weight:600;font-variant-numeric:tabular-nums}
  .hrpage .mkrep-t:has(td[data-l]) td::before{content:attr(data-l);font-size:11.5px;font-weight:500;color:var(--muted);letter-spacing:0;text-transform:none}
  .hrpage .mkrep-t:has(td[data-l]) td:first-child{grid-column:1/-1;font-size:16px}
  .hrpage .mkrep-t:has(td[data-l]) td:first-child::before{display:none}
  /* attendance: filters */
  .hrpage .hrfbar .mkmonth{grid-column:1/-1;display:flex;justify-content:space-between;align-items:center;width:100%}
  .hrpage .hrfbar label.inline{grid-column:1/-1;font-size:14px}
  .hrpage .hrfbar select,.hrpage .hrfbar input{min-height:42px;border-radius:12px;font-size:15px}
  .hrpage .hrsum{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}
  .hrpage .hrsum button{flex-direction:column-reverse;justify-content:flex-end;align-items:flex-start;gap:4px;border-radius:14px;padding:8px 8px 9px;min-width:0}
  .hrpage .hrsum button b{font-size:20px;line-height:1}
  .hrpage .hrsum .hrst{white-space:normal;font-size:10.5px;line-height:1.15;padding:2px 6px;max-width:100%}
  /* attendance: inset grouped list, one compact row per person */
  .hrpage .hratable{background:var(--panel);border-radius:16px;overflow:hidden;box-shadow:0 1px 2px rgba(0,0,0,.06)}
  .hrpage .hratable .mktr.hrar{display:grid!important;grid-template-columns:minmax(0,1fr) auto;gap:4px 10px;padding:11px 14px!important;border:0!important;border-radius:0!important;margin:0!important;background:none;box-shadow:inset 0 -1px 0 color-mix(in srgb,var(--line) 80%,transparent)!important}
  .hrpage .hratable .mktr.hrar:last-child{box-shadow:none!important}
  .hrpage .hratable .mktr.hrar:active{background:color-mix(in srgb,var(--text) 6%,transparent)}
  .hrpage .hratable .mktr.hrar>span{display:none}
  .hrpage .hratable .mktr.hrar>span::before{display:none!important}
  .hrpage .hratable .mktr.hrar>span:first-child{display:flex;grid-column:1;align-items:center;gap:10px;min-width:0}
  .hrpage .hratable .mktr.hrar>span[data-l="Status"]{display:flex;grid-column:2;grid-row:1;align-items:center;gap:4px;justify-self:end}
  .hrpage .hratable .mktr.hrar>.hrmob{display:flex;flex-direction:column;align-items:flex-start;text-align:left;gap:5px;grid-column:1/-1;padding-left:46px;min-width:0}
  .hrpage .hratable .hrav.sm{width:36px;height:36px;flex:none}
  .hrpage .hratable .hrnm b{font-size:16px;font-weight:600}
  .hrpage .hratable .hrpos{font-size:13px}
  .hrmob small{font-size:13px;color:var(--muted)}
  .hrmob .hm-row{display:flex;flex-wrap:wrap;justify-content:flex-start;gap:6px}
  .hrpage .hratable .mktr.hrar{text-align:left}
  .hrmob em{font-style:normal;font-size:12.5px;font-weight:600;padding:3px 8px;border-radius:999px;background:color-mix(in srgb,var(--text) 6%,transparent);color:var(--text)}
  .hrmob em.o{background:color-mix(in srgb,#FF9500 18%,transparent);color:#C76A00}
  .hrmob em.b{background:color-mix(in srgb,#007AFF 15%,transparent);color:#0062CC}
  :root[data-theme="dark"] .hrmob em.o{color:#FFB340}:root[data-theme="dark"] .hrmob em.b{color:#64A8FF}
}
@media (max-width:640px) and (prefers-color-scheme:dark){:root:not([data-theme="light"]) .hrmob em.o{color:#FFB340}:root:not([data-theme="light"]) .hrmob em.b{color:#64A8FF}}
/* the warning-card style was also catching the orange "late" text in tables */
span.warnc,td.warnc,small.warnc{border:0;border-radius:0;padding:0;margin:0;background:none;gap:0}
span.warnc,small.warnc{display:inline}
.mktr>span.warnc{display:flex;flex-direction:row;align-items:center}
td.warnc{display:table-cell}

/* v2.18.4 · HR section menu on phones: iOS-style icon grid */
.hrm193-g .hrg-ic{display:none}
@media (max-width:640px){
  .hrpage .hrm193-g{--b:#007AFF;--g:#34C759;--o:#FF9500;--t:#30B0C7;--i:#5856D6;--y:#8E8E93;--r:#FF3B30;--p:#AF52DE;
    display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px 4px;padding:14px 6px 12px;border-radius:20px;background:var(--panel);box-shadow:0 1px 2px rgba(0,0,0,.05),0 6px 18px rgba(0,0,0,.05);border:0!important;margin-bottom:12px}
  :root[data-theme="dark"] .hrpage .hrm193-g{--b:#0A84FF;--g:#30D158;--o:#FF9F0A;--t:#40C8E0;--i:#5E5CE6;--y:#98989D;--r:#FF453A;--p:#BF5AF2}
  .hrpage .hrm193-g button{display:flex!important;flex-direction:column;align-items:center;gap:6px;padding:2px 0!important;min-height:0!important;background:none!important;box-shadow:none!important;border:0!important;border-radius:0!important;color:var(--text)!important;font-size:11.5px!important;font-weight:500!important;line-height:1.2;text-transform:none;letter-spacing:0;white-space:normal;text-align:center;position:relative;cursor:pointer;-webkit-tap-highlight-color:transparent}
  .hrpage .hrm193-g .hrg-ic{display:flex;width:48px;height:48px;border-radius:14px;align-items:center;justify-content:center;color:#fff;transition:transform .15s ease,box-shadow .15s ease}
  .hrpage .hrm193-g .hrg-ic svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
  .hrpage .hrm193-g .c-blue{background:var(--b)}.hrpage .hrm193-g .c-green{background:var(--g)}.hrpage .hrm193-g .c-orange{background:var(--o)}.hrpage .hrm193-g .c-teal{background:var(--t)}
  .hrpage .hrm193-g .c-indigo{background:var(--i)}.hrpage .hrm193-g .c-gray{background:var(--y)}.hrpage .hrm193-g .c-red{background:var(--r)}.hrpage .hrm193-g .c-purple{background:var(--p)}
  .hrpage .hrm193-g .hrg-l{max-width:76px;color:var(--muted)}
  .hrpage .hrm193-g button[aria-selected="true"] .hrg-l{color:var(--text);font-weight:700}
  .hrpage .hrm193-g button[aria-selected="true"] .hrg-ic{box-shadow:0 0 0 3px var(--panel),0 0 0 5px currentColor;color:#fff}
  .hrpage .hrm193-g button[aria-selected="true"] .hrg-ic.c-blue{color:var(--b)}.hrpage .hrm193-g button[aria-selected="true"] .hrg-ic.c-green{color:var(--g)}.hrpage .hrm193-g button[aria-selected="true"] .hrg-ic.c-orange{color:var(--o)}.hrpage .hrm193-g button[aria-selected="true"] .hrg-ic.c-teal{color:var(--t)}.hrpage .hrm193-g button[aria-selected="true"] .hrg-ic.c-indigo{color:var(--i)}.hrpage .hrm193-g button[aria-selected="true"] .hrg-ic.c-gray{color:var(--y)}.hrpage .hrm193-g button[aria-selected="true"] .hrg-ic.c-red{color:var(--r)}.hrpage .hrm193-g button[aria-selected="true"] .hrg-ic.c-purple{color:var(--p)}
  .hrpage .hrm193-g button[aria-selected="true"] .hrg-ic svg{stroke:#fff}
  .hrpage .hrm193-g button:active .hrg-ic{transform:scale(.92)}
  .hrpage .hrm193-g button:focus-visible{outline:none}.hrpage .hrm193-g button:focus-visible .hrg-ic{outline:3px solid color-mix(in srgb,var(--b) 60%,transparent);outline-offset:3px}
  .hrpage .hrm193-g .dot{top:-2px!important;right:calc(50% - 30px)!important;width:12px!important;height:12px!important;border:2px solid var(--panel);background:var(--r)!important}
}
@media (max-width:640px) and (prefers-color-scheme:dark){:root:not([data-theme="light"]) .hrpage .hrm193-g{--b:#0A84FF;--g:#30D158;--o:#FF9F0A;--t:#40C8E0;--i:#5E5CE6;--y:#98989D;--r:#FF453A;--p:#BF5AF2}}
@media (prefers-reduced-motion:reduce){.hrpage .hrm193-g .hrg-ic{transition:none}}

/* v2.18.5 · Phone menus for every module: iOS icon grid (main sections) + wrapping buttons (sub-pages, filters) */
.mg-ic,.mg-more{display:none}
@media (max-width:640px){
  .mg-grid{--b:#007AFF;--g:#34C759;--o:#FF9500;--t:#30B0C7;--i:#5856D6;--y:#8E8E93;--r:#FF3B30;--p:#AF52DE;--k:#FF2D55;--w:#FFCC00;--n:#A2845E;
    display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:12px 4px!important;padding:14px 6px 12px!important;margin:0 0 12px!important;
    border-radius:20px!important;background:var(--panel)!important;box-shadow:0 1px 2px rgba(0,0,0,.05),0 6px 18px rgba(0,0,0,.05)!important;border:0!important;
    overflow:visible!important;position:static!important;width:auto!important;height:auto!important;max-height:none!important;flex-wrap:wrap}
  :root[data-theme="dark"] .mg-grid{--b:#0A84FF;--g:#30D158;--o:#FF9F0A;--t:#40C8E0;--i:#5E5CE6;--y:#98989D;--r:#FF453A;--p:#BF5AF2;--k:#FF375F;--w:#FFD60A;--n:#AC8E68}
  .mg-grid .fz-ng{display:contents!important}.mg-grid .fz-brand,.mg-grid .fz-nh,.mg-grid .ngsub-g,.mg-grid .mksep,.mg-grid>i:not(.mg-ic){display:none!important}
  .mg-grid .mg-it{display:flex!important;flex-direction:column;align-items:center;justify-content:flex-start;gap:6px;padding:2px 0!important;margin:0!important;min-height:0!important;min-width:0!important;width:auto!important;
    background:none!important;box-shadow:none!important;border:0!important;border-radius:0!important;color:var(--muted)!important;font-size:11.5px!important;font-weight:500!important;line-height:1.2!important;
    text-transform:none!important;letter-spacing:0!important;white-space:normal!important;text-align:center!important;text-decoration:none!important;position:relative;cursor:pointer;-webkit-tap-highlight-color:transparent;flex:none!important}
  .mg-grid .mg-it::before,.mg-grid .mg-it::after{display:none!important}
  .mg-grid .mg-it>span:not(.mg-ic){display:block;max-width:80px;overflow-wrap:anywhere}
  .mg-grid .mg-it>i[aria-hidden],.mg-grid .mg-it>.mkcb{display:none!important}
  .mg-grid .mg-ic{display:flex;width:48px;height:48px;flex:none;border-radius:14px;align-items:center;justify-content:center;color:#fff;transition:transform .15s ease}
  .mg-grid .mg-ic svg{width:24px;height:24px;fill:none;stroke:#fff;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
  .mg-grid .mg-ic b{font-size:20px;font-weight:700;color:#fff}
  .mg-grid .c-blue{background:var(--b)}.mg-grid .c-green{background:var(--g)}.mg-grid .c-orange{background:var(--o)}.mg-grid .c-teal{background:var(--t)}.mg-grid .c-indigo{background:var(--i)}.mg-grid .c-gray{background:var(--y)}
  .mg-grid .c-red{background:var(--r)}.mg-grid .c-purple{background:var(--p)}.mg-grid .c-pink{background:var(--k)}.mg-grid .c-yellow{background:var(--w)}.mg-grid .c-brown{background:var(--n)}
  .mg-grid .mg-it[aria-current="page"],.mg-grid .mg-it[aria-selected="true"]{color:var(--text)!important;font-weight:700!important}
  .mg-grid .mg-it[aria-current="page"] .mg-ic,.mg-grid .mg-it[aria-selected="true"] .mg-ic{box-shadow:0 0 0 3px var(--panel),0 0 0 5px var(--b)}
  .mg-grid .mg-it:active .mg-ic{transform:scale(.92)}
  .mg-grid .mg-it:focus-visible{outline:none}.mg-grid .mg-it:focus-visible .mg-ic{outline:3px solid color-mix(in srgb,var(--b) 60%,transparent);outline-offset:3px}
  /* count badges sit on the icon corner */
  .mg-grid .mg-it>i:not([aria-hidden]),.mg-grid .mg-it>b.mkn,.mg-grid .mg-it>.mkn,.mg-grid .mg-it>em{position:absolute!important;top:-5px;left:calc(50% + 14px);min-width:20px;height:20px;padding:0 5px!important;margin:0!important;border-radius:999px;
    background:var(--r)!important;color:#fff!important;font:700 11px/20px -apple-system,BlinkMacSystemFont,sans-serif!important;font-style:normal!important;text-align:center;border:2px solid var(--panel);box-sizing:content-box}
  .mg-grid .mg-hide{display:none!important}
  .mg-grid .mg-more{display:flex!important}.mg-grid .mg-more small{font-weight:600;color:var(--muted);font-size:11px}
  /* sub-pages and filters → buttons that wrap */
  .mg-wrap{flex-wrap:wrap!important;overflow:visible!important;row-gap:8px!important;scroll-snap-type:none!important;mask-image:none!important;-webkit-mask-image:none!important}
  .mg-wrap>button,.mg-wrap>a{flex:0 0 auto!important;white-space:nowrap}
  .mg-wrap .mksep{display:none!important}
}
@media (max-width:640px) and (prefers-color-scheme:dark){:root:not([data-theme="light"]) .mg-grid{--b:#0A84FF;--g:#30D158;--o:#FF9F0A;--t:#40C8E0;--i:#5E5CE6;--y:#98989D;--r:#FF453A;--p:#BF5AF2;--k:#FF375F;--w:#FFD60A;--n:#AC8E68}}
@media (prefers-reduced-motion:reduce){.mg-grid .mg-ic{transition:none}}

/* v2.18.6 · Birthday desk (CRM) + team birthdays in the top bar */
#bdPop .bdlist{display:flex;flex-direction:column;gap:6px;max-height:min(60vh,520px);overflow:auto;margin:0 0 10px}
#bdPop img.bd-av.lg{width:40px;height:40px;border-radius:50%;object-fit:cover}
#bdPop .bd-desk{width:100%;margin:2px 0 6px;justify-content:center}
.bd{--bd-g:#34C759;--bd-o:#FF9500;--bd-p:#AF52DE;--bd-b:#007AFF;--bd-r:#FF3B30;display:flex;flex-direction:column;gap:14px;margin-top:12px}
:root[data-theme="dark"] .bd{--bd-g:#30D158;--bd-o:#FF9F0A;--bd-p:#BF5AF2;--bd-b:#0A84FF;--bd-r:#FF453A}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .bd{--bd-g:#30D158;--bd-o:#FF9F0A;--bd-p:#BF5AF2;--bd-b:#0A84FF;--bd-r:#FF453A}}
.bd-seg{display:flex;flex-wrap:wrap;gap:4px;padding:4px;border-radius:14px;background:color-mix(in srgb,var(--text) 7%,transparent);width:fit-content;max-width:100%}
.bd-seg button{appearance:none;border:0;background:none;color:var(--muted);font:600 14px/1 inherit;padding:9px 14px;border-radius:10px;cursor:pointer;display:inline-flex;align-items:center;gap:7px;min-height:38px}
.bd-seg button span{font-size:12px;font-weight:700;padding:2px 7px;border-radius:999px;background:color-mix(in srgb,var(--text) 9%,transparent);color:var(--text)}
.bd-seg button[aria-pressed="true"]{background:var(--panel);color:var(--text);box-shadow:0 1px 3px rgba(0,0,0,.14)}
.bd-seg.sm button{padding:7px 12px;min-height:34px}
.bd-f{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.bd-f select,.bd-f input{min-height:40px;border-radius:12px}.bd-f input{flex:1 1 200px;max-width:320px}
.bd-sum{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.bd-sum>div{background:var(--panel);border-radius:16px;padding:12px 14px;display:flex;flex-direction:column;box-shadow:0 1px 2px rgba(0,0,0,.05)}
.bd-sum b{font-size:26px;font-weight:700;letter-spacing:-.02em;font-variant-numeric:tabular-nums}.bd-sum span{font-size:13px;color:var(--muted)}.bd-sum .ok b{color:var(--bd-g)}
.bd-bulk{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:14px 16px;border-radius:16px;background:color-mix(in srgb,var(--bd-p) 12%,var(--panel));border:1px solid color-mix(in srgb,var(--bd-p) 30%,transparent)}
.bd-bulk>div{display:flex;flex-direction:column;gap:2px;min-width:0}
.bd-g h4{margin:6px 0 8px;font-size:15px;font-weight:700}
.bd-list{list-style:none;margin:0;padding:0;background:var(--panel);border-radius:16px;overflow:hidden;box-shadow:0 1px 2px rgba(0,0,0,.05)}
.bd-r{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:12px;align-items:start;padding:12px 14px}
.bd-r+.bd-r{box-shadow:inset 0 1px 0 color-mix(in srgb,var(--line) 80%,transparent)}
.bd-r.today{background:color-mix(in srgb,var(--bd-o) 8%,transparent)}
.bd-av{width:44px;height:44px;border-radius:50%;flex:none;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:15px;object-fit:cover;background:color-mix(in srgb,var(--bd-p) 18%,transparent);color:var(--bd-p)}
.bd-m{display:flex;flex-direction:column;gap:3px;min-width:0}.bd-m small{font-size:13px;color:var(--muted)}.bd-m small a{color:var(--bd-b)}
.bd-n{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.bd-n b{font-size:16px;font-weight:600}
.bd-k{font-size:11.5px;font-weight:700;padding:2px 8px;border-radius:999px}.bd-k.s{background:color-mix(in srgb,var(--bd-b) 14%,transparent);color:var(--bd-b)}.bd-k.c{background:color-mix(in srgb,var(--bd-p) 14%,transparent);color:var(--bd-p)}
.bd-k.v{background:color-mix(in srgb,var(--bd-o) 18%,transparent);color:var(--bd-o)}.bd-k.x{background:color-mix(in srgb,var(--bd-r) 14%,transparent);color:var(--bd-r)}
.bd-dl{display:flex;flex-wrap:wrap;gap:6px;margin-top:3px}
.bd-done{display:inline-flex;align-items:center;gap:5px;font-size:12.5px;font-weight:600;padding:3px 4px 3px 10px;border-radius:999px;background:color-mix(in srgb,var(--bd-g) 15%,transparent);color:var(--bd-g)}
.bd-done em{font-style:normal;font-weight:500;color:var(--muted)}.bd-done button{appearance:none;border:0;background:none;color:var(--muted);cursor:pointer;font-size:11px;padding:2px 6px;border-radius:999px}
.bd-a{display:flex;flex-direction:column;align-items:flex-end;gap:8px}.bd-when{font-size:12.5px;font-weight:700;color:var(--muted);white-space:nowrap}.bd-r.today .bd-when{color:var(--bd-o)}
.bd-b{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end}
.bd-mf{display:flex;flex-wrap:wrap;gap:6px;margin-top:6px}.bd-mf select,.bd-mf input{min-height:36px;border-radius:10px}.bd-mf input{flex:1 1 180px}
.bd-pm{position:fixed;inset:0;z-index:1200;background:rgba(0,0,0,.55);display:flex;align-items:center;justify-content:center;padding:16px}
.bd-pc{background:var(--panel);border-radius:22px;padding:16px;width:min(460px,100%);max-height:100%;overflow:auto;display:flex;flex-direction:column;gap:12px;box-shadow:0 20px 60px rgba(0,0,0,.35)}
.bd-ph{display:flex;justify-content:space-between;align-items:center;gap:10px}
.bd-pv{border-radius:14px;overflow:hidden;background:color-mix(in srgb,var(--text) 6%,transparent);aspect-ratio:4/5;display:flex;align-items:center;justify-content:center}.bd-pv img{width:100%;height:100%;object-fit:cover;display:block}
.bd-pt{display:flex;gap:6px;flex-wrap:wrap}.bd-pt button{appearance:none;border:1px solid var(--line);background:var(--panel);color:var(--text);border-radius:999px;padding:7px 14px;font:600 13px/1 inherit;cursor:pointer}
.bd-pt button[aria-pressed="true"]{border-color:var(--bd-p);box-shadow:0 0 0 1px var(--bd-p)}
.bd-pl{display:flex;flex-direction:column;gap:4px;font-size:13px;color:var(--muted)}.bd-pl input{min-height:40px;border-radius:12px}
.bd-pb{display:flex;gap:8px;flex-wrap:wrap}
@media (max-width:640px){.bd-sum{grid-template-columns:repeat(2,minmax(0,1fr))}.bd-seg{width:100%}.bd-seg button{flex:1 1 auto;justify-content:center;padding:9px 8px}
  .bd-r{grid-template-columns:auto minmax(0,1fr)}.bd-a{grid-column:1/-1;flex-direction:row;justify-content:space-between;align-items:center;padding-left:56px}.bd-f input{max-width:none}}
.bd-more{align-self:center}
#bdPop .bd-av.lg{width:40px;height:40px;font-size:14px}

/* v2.18.7 · HR → Recently deleted */
.tr-l{list-style:none;margin:10px 0 0;padding:0;display:flex;flex-direction:column;gap:8px}
.tr-c{border-radius:14px;background:var(--panel2,color-mix(in srgb,var(--text) 4%,transparent));padding:12px 14px}
.tr-c.open{box-shadow:0 0 0 2px color-mix(in srgb,#1FA88F 60%,transparent)}
.tr-r{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:12px;align-items:start}
.tr-m{display:flex;flex-direction:column;gap:2px;min-width:0}.tr-m b{font-size:15.5px}.tr-m small{font-size:12.5px;color:var(--muted)}
.tr-tags{display:flex;flex-wrap:wrap;gap:5px;margin-top:5px}.tr-t{font-size:11.5px;font-weight:600;padding:2px 8px;border-radius:999px;background:color-mix(in srgb,var(--text) 8%,transparent)}
.tr-t.g{background:color-mix(in srgb,#34C759 16%,transparent);color:#1E8E3E}.tr-t.o{background:color-mix(in srgb,#FF9500 16%,transparent);color:#B86E00}
:root[data-theme="dark"] .tr-t.g{color:#5DDB7C}:root[data-theme="dark"] .tr-t.o{color:#FFB340}
.tr-a{display:flex;flex-direction:column;gap:6px;align-items:flex-end}
.tr-f{display:flex;flex-direction:column;gap:10px;margin-top:12px;padding-top:12px;border-top:1px solid var(--line)}.tr-f p{margin:0}.tr-f label:not(.inline){display:flex;flex-direction:column;gap:4px;max-width:320px}
@media (max-width:640px){.tr-r{grid-template-columns:auto minmax(0,1fr)}.tr-a{grid-column:1/-1;flex-direction:row;justify-content:flex-end}}
.tr .bd-av{background:color-mix(in srgb,#AF52DE 18%,transparent);color:#AF52DE;width:44px;height:44px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700}

/* v2.18.8 · colourful Bookings tile on the staff app */
.hquick .hq.hq-book{background:linear-gradient(145deg,#FF9F0A 0%,#FF375F 100%)!important;border-color:transparent!important;color:#fff!important;box-shadow:0 6px 18px rgba(255,80,60,.35)!important}
.hquick .hq.hq-book .hq-ic{background:rgba(255,255,255,.22)!important;color:#fff!important}
.hquick .hq.hq-book .hq-l{color:#fff!important;font-weight:800}
.hquick .hq.hq-book:active{transform:scale(.97)}
.my2120r .tx em .by{font-style:normal;font-weight:600}

/* v2.18.9 · staff app check-in: one header, no repeated greeting */
.happ[data-ep="checkin"] .hsub{display:none}
.happ .ck-top>.hrav,.happ .ck-top>span:nth-child(2){display:none}
.happ .ck-top{justify-content:center;margin-bottom:2px}
.happ .ck-top .ck-date{position:static;font-size:13px;font-weight:700;letter-spacing:.02em}
.happ .ck-main{padding-top:18px}

/* v2.19.2 · daily report reminder after check-out; single-outlet report form */
.dr219{position:fixed;inset:0;z-index:1300;display:flex;align-items:flex-end;justify-content:center}
.dr219b{position:absolute;inset:0;background:rgba(0,0,0,.45)}
.dr219c{position:relative;background:var(--h-card,var(--panel));color:var(--h-ink,var(--text));width:min(480px,100%);border-radius:22px 22px 0 0;padding:22px 20px calc(20px + env(safe-area-inset-bottom));display:flex;flex-direction:column;gap:10px;box-shadow:0 -10px 40px rgba(0,0,0,.25);animation:dr219u .25s ease}
@media (min-width:641px){.dr219{align-items:center}.dr219c{border-radius:22px}}
.dr219i{width:52px;height:52px;border-radius:16px;background:linear-gradient(145deg,#5856D6,#AF52DE);display:flex;align-items:center;justify-content:center;font-size:26px}
.dr219c h3{margin:2px 0 0;font-size:20px}.dr219c p{margin:0 0 6px;color:var(--h-mute,var(--muted));line-height:1.45}
.dr219c .btn{min-height:48px;font-size:16px;justify-content:center}.dr219c .ghost{min-height:44px;justify-content:center}
@keyframes dr219u{from{transform:translateY(30px);opacity:0}to{transform:none;opacity:1}}
@media (prefers-reduced-motion:reduce){.dr219c{animation:none}}
.q2120fix{display:flex;align-items:center;gap:8px;padding:10px 12px;border-radius:12px;background:color-mix(in srgb,var(--text) 6%,transparent);font-weight:700}

/* v2.19.3 · Birthday desk redesign */
.bd2{gap:18px}
.bd2-bar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px}
.bd2-fr{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.bd2-fr select,.bd2-fr input{min-height:40px;border-radius:12px}.bd2-fr input{width:230px}
.bd2-hero{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;padding:18px 20px;border-radius:20px;color:#fff;background:linear-gradient(120deg,#5856D6 0%,#AF52DE 55%,#FF2D55 100%);box-shadow:0 10px 30px rgba(175,82,222,.28)}
.bd2-hl{display:flex;align-items:center;gap:16px;min-width:0}.bd2-hl>div{display:flex;flex-direction:column;gap:2px;min-width:0}
.bd2-hl b{font-size:26px;font-weight:800;letter-spacing:-.02em;line-height:1.1}.bd2-hl span{font-size:14px;opacity:.9}.bd2-hl .bd2-prog{font-weight:700;opacity:1}
.bd2-ring{width:64px;height:64px;flex:none}.bd2-ring circle{fill:none;stroke-width:7}.bd2-ring .t{stroke:rgba(255,255,255,.28)}.bd2-ring .v{stroke:#fff;stroke-linecap:round;transition:stroke-dasharray .5s ease}
.bd2-offer{appearance:none;border:0;display:flex;align-items:center;gap:12px;padding:12px 16px;border-radius:16px;background:rgba(255,255,255,.18);color:#fff;cursor:pointer;text-align:left;font:inherit;backdrop-filter:blur(6px)}
.bd2-offer:hover{background:rgba(255,255,255,.26)}.bd2-offer>span:first-child{font-size:26px}.bd2-offer b{display:block;font-size:15px}.bd2-offer small{opacity:.9;font-size:12.5px}
.bd2-sec{display:flex;flex-direction:column;gap:10px}
.bd2-sec h3{margin:0;font-size:17px;font-weight:700;display:flex;align-items:center;gap:8px}.bd2-cnt{font-size:12px;font-weight:700;padding:2px 8px;border-radius:999px;background:color-mix(in srgb,#FF9500 18%,transparent);color:#C76A00}.bd2-in{font-size:13px;font-weight:500;color:var(--muted)}
.bd2-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:12px}
.bd2-card{background:var(--panel);border-radius:18px;padding:16px;display:flex;flex-direction:column;gap:12px;box-shadow:0 1px 2px rgba(0,0,0,.05),0 6px 18px rgba(0,0,0,.05);border:1px solid color-mix(in srgb,#FF9500 22%,transparent);position:relative}
.bd2-card.done{border-color:color-mix(in srgb,#34C759 30%,transparent)}
.bd2-ct{display:flex;gap:12px;align-items:flex-start}
.bd-av.xl{width:60px;height:60px;font-size:20px;box-shadow:0 0 0 3px var(--panel),0 0 0 5px #FF9500}.bd2-card.done .bd-av.xl{box-shadow:0 0 0 3px var(--panel),0 0 0 5px #34C759}
.bd2-cn{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px}.bd2-cn b{font-size:17px;font-weight:700;line-height:1.2}.bd2-cn small{font-size:13px;color:var(--muted)}
.bd2-chips{display:flex;gap:5px;flex-wrap:wrap}
.bd2-age{display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:46px;padding:5px 6px;border-radius:12px;background:color-mix(in srgb,#FF9500 14%,transparent);color:#C76A00;font-weight:800;font-size:16px;line-height:1}.bd2-age i{font-style:normal;font-size:15px;margin-bottom:3px}
.bd2-st{display:flex;flex-wrap:wrap;gap:6px}
.bd2-todo{font-size:12.5px;font-weight:700;color:#C76A00;background:color-mix(in srgb,#FF9500 12%,transparent);padding:3px 10px;border-radius:999px}
.bd2-ok{display:inline-flex;align-items:center;gap:5px;font-size:12.5px;font-weight:700;padding:3px 4px 3px 10px;border-radius:999px;background:color-mix(in srgb,#34C759 15%,transparent);color:#1E8E3E}
.bd2-ok em{font-style:normal;font-weight:500;color:var(--muted)}.bd2-ok button{appearance:none;border:0;background:none;color:var(--muted);cursor:pointer;font-size:11px;padding:2px 6px;border-radius:999px}.bd2-ok button:hover{background:color-mix(in srgb,var(--text) 10%,transparent)}
.bd2-acts{display:grid;grid-auto-flow:column;grid-auto-columns:1fr;gap:6px}
.bd2-b{appearance:none;border:0;display:flex;align-items:center;justify-content:center;gap:6px;min-height:40px;padding:6px 10px;border-radius:12px;background:color-mix(in srgb,var(--text) 6%,transparent);color:var(--text);font:600 13.5px/1 inherit;cursor:pointer;text-decoration:none;white-space:nowrap}
.bd2-b:hover{background:color-mix(in srgb,var(--text) 11%,transparent)}.bd2-b.pri{background:linear-gradient(135deg,#FF9500,#FF2D55);color:#fff}.bd2-b.pri:hover{filter:brightness(1.05)}
.bd2-b:focus-visible{outline:3px solid color-mix(in srgb,#AF52DE 55%,transparent);outline-offset:2px}
.bd2-list{list-style:none;margin:0;padding:0;background:var(--panel);border-radius:18px;overflow:hidden;box-shadow:0 1px 2px rgba(0,0,0,.05)}
.bd2-r{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:12px;align-items:center;padding:12px 16px}
.bd2-r+.bd2-r{box-shadow:inset 0 1px 0 color-mix(in srgb,var(--line) 80%,transparent)}
.bd2-m{display:flex;flex-direction:column;gap:3px;min-width:0}.bd2-n{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.bd2-n b{font-size:15.5px;font-weight:600}.bd2-m small{font-size:13px;color:var(--muted)}
.bd2-r .bd2-st:has(.bd2-todo){display:none}
.bd2-acts.sm{grid-auto-columns:auto}.bd2-acts.sm .bd2-b{min-height:36px;padding:6px 10px}
.bd2-mf{display:flex;flex-wrap:wrap;gap:6px}.bd2-mf select,.bd2-mf input{min-height:38px;border-radius:10px}.bd2-mf input{flex:1 1 160px}.bd2-mfb{display:flex;gap:6px;margin-left:auto}
.bd2-empty{display:flex;flex-direction:column;align-items:center;gap:4px;padding:36px 16px;border-radius:18px;background:var(--panel);text-align:center}.bd2-empty span{font-size:34px}.bd2-empty small{color:var(--muted)}
.bd2-foot{margin:0;font-size:12.5px;color:var(--muted)}
:root[data-theme="dark"] .bd2-ok{color:#5DDB7C}:root[data-theme="dark"] .bd2-todo,:root[data-theme="dark"] .bd2-age,:root[data-theme="dark"] .bd2-cnt{color:#FFB340}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .bd2-ok{color:#5DDB7C}:root:not([data-theme="light"]) .bd2-todo,:root:not([data-theme="light"]) .bd2-age,:root:not([data-theme="light"]) .bd2-cnt{color:#FFB340}}
@media (max-width:900px){.bd2-acts.sm .bd2-bl{display:none}}
@media (max-width:640px){.bd2-bar{flex-direction:column;align-items:stretch}.bd2-fr{display:grid;grid-template-columns:1fr 1fr}.bd2-fr .bd-seg{grid-column:1/-1}.bd2-fr input{width:auto}
  .bd2-hero{padding:16px}.bd2-hl b{font-size:22px}.bd2-offer{width:100%}
  .bd2-cards{grid-template-columns:minmax(0,1fr)}
  .bd2-r{grid-template-columns:auto minmax(0,1fr);align-items:start}.bd2-r .bd2-acts{grid-column:1/-1;padding-left:52px}.bd2-acts.sm{grid-auto-columns:1fr}.bd2-acts.sm .bd2-bl{display:inline}}
@media (prefers-reduced-motion:reduce){.bd2-ring .v{transition:none}}
@media (max-width:640px){.bd2 .bd-seg{width:auto;max-width:100%;box-sizing:border-box}.bd2-fr .bd-seg{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}.bd2-fr .bd-seg button{justify-content:center;padding:8px 4px}.bd2-fr select,.bd2-fr input{min-width:0;width:100%;box-sizing:border-box}}

/* v2.20.0 Marketing Hub + Promotions — same Apple-style family as the Hotel and HR homes */
.mh,.pr{--pink:#FF375F}
@media (prefers-color-scheme: light){:root:not([data-theme="dark"]) .mh,:root:not([data-theme="dark"]) .pr{--pink:#FF2D55}}
:root[data-theme="light"] .mh,:root[data-theme="light"] .pr{--pink:#FF2D55}
.mh .hx-btn .hx-ic,.pr .hx-btn .hx-ic,.pr .hx-link .hx-ic{width:17px;height:17px;vertical-align:-3px;margin-right:2px}
.mh-ai{background:linear-gradient(135deg,var(--purple),var(--blue));color:#fff}
.mh-ai:disabled{opacity:.7;cursor:progress}
.mh-sp{color:var(--purple);width:18px;height:18px}
/* section icons */
.mh-tiles{display:grid;grid-template-columns:repeat(auto-fill,minmax(98px,1fr));gap:4px;background:var(--panel);border-radius:var(--hx-r);padding:12px 10px;margin:0 0 var(--hx-gap);box-shadow:0 1px 2px rgba(0,0,0,.06),0 8px 24px rgba(0,0,0,.06);border:1px solid color-mix(in srgb,var(--line) 60%,transparent)}
.mh-tile{appearance:none;border:0;background:none;color:inherit;font:inherit;display:flex;flex-direction:column;align-items:center;gap:5px;padding:10px 4px 8px;border-radius:16px;cursor:pointer;min-width:0}
.mh-tile:hover{background:color-mix(in srgb,var(--text) 5%,transparent)}
.mh-tile:focus-visible,.pr-card:focus-visible,.pr-crumb:focus-visible,.pr-chk label:focus-within{outline:3px solid color-mix(in srgb,var(--blue) 55%,transparent);outline-offset:2px}
.mh-app{width:56px;height:56px;border-radius:15px;display:flex;align-items:center;justify-content:center;color:#fff;box-shadow:0 1px 1px rgba(0,0,0,.08),0 4px 10px rgba(0,0,0,.12);background:var(--gray)}
.mh-app .hx-ic{width:28px;height:28px;stroke-width:1.9}
.mh-app.pink{background:linear-gradient(160deg,color-mix(in srgb,var(--pink) 70%,#fff),var(--pink))}.mh-app.orange{background:linear-gradient(160deg,color-mix(in srgb,var(--orange) 70%,#fff),var(--orange))}
.mh-app.teal{background:linear-gradient(160deg,color-mix(in srgb,var(--teal) 70%,#fff),var(--teal))}.mh-app.yellow{background:linear-gradient(160deg,color-mix(in srgb,var(--yellow) 70%,#fff),var(--yellow));color:#5c4400}
.mh-app.blue{background:linear-gradient(160deg,color-mix(in srgb,var(--blue) 70%,#fff),var(--blue))}.mh-app.indigo{background:linear-gradient(160deg,color-mix(in srgb,var(--indigo) 70%,#fff),var(--indigo))}
.mh-app.purple{background:linear-gradient(160deg,color-mix(in srgb,var(--purple) 70%,#fff),var(--purple))}.mh-app.green{background:linear-gradient(160deg,color-mix(in srgb,var(--green) 70%,#fff),var(--green))}
.mh-app.red{background:linear-gradient(160deg,color-mix(in srgb,var(--red) 70%,#fff),var(--red))}.mh-app.gray{background:linear-gradient(160deg,color-mix(in srgb,var(--gray) 70%,#fff),var(--gray))}
.mh-tl{font-size:13.5px;font-weight:600;line-height:1.2}
.mh-tile small{font-size:11.5px;color:var(--muted);text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}
/* widgets */
.mh-week,.mh-need,.mh-live{grid-column:span 2}.mh-mem,.mh-reach,.mh-rate{grid-column:span 1}.mh-rev{grid-column:span 3}
.hx-sq.mh-pink{background:var(--pink)}.hx-sq.mh-yellow{background:var(--yellow);color:#5c4400}.hx-sq.mh-orange{background:var(--orange)}.hx-sq.mh-blue{background:var(--blue)}.hx-sq.mh-green{background:var(--green)}.hx-sq.mh-red{background:var(--red)}.hx-sq.mh-gray{background:var(--gray)}
.mh-when{font-size:13px;color:var(--muted);font-weight:500;white-space:nowrap}
.mh-num{display:flex;flex-direction:column;align-items:flex-end;font-size:13px;white-space:nowrap}.mh-num b{font-size:15px;font-variant-numeric:tabular-nums}
.mh-delta{margin:0;font-size:13px;color:var(--muted);display:flex;gap:4px;align-items:center;flex-wrap:wrap}.mh-delta .hx-up,.mh-delta .hx-dn{margin-left:0;font-weight:600}
.mh .hx-row .pr-pill,.mh .hx-row .mh-num{flex:none}
/* stage pills */
.pr-pill{font-size:12px;font-weight:600;padding:4px 10px;border-radius:999px;white-space:nowrap;background:color-mix(in srgb,var(--gray) 16%,transparent);color:var(--muted);display:inline-flex;align-items:center}
.pr-pill.indigo{background:color-mix(in srgb,var(--indigo) 16%,transparent);color:var(--indigo)}.pr-pill.orange{background:color-mix(in srgb,var(--orange) 18%,transparent);color:var(--orange)}
.pr-pill.blue{background:color-mix(in srgb,var(--blue) 15%,transparent);color:var(--blue)}.pr-pill.green{background:color-mix(in srgb,var(--green) 18%,transparent);color:var(--green)}
.pr-pill.red{background:color-mix(in srgb,var(--red) 15%,transparent);color:var(--red)}
/* promotions list */
.pr-crumb{appearance:none;border:0;background:none;color:var(--blue);font:500 15px/1.2 inherit;padding:4px 0;margin:0 0 2px -4px;display:inline-flex;align-items:center;gap:2px;cursor:pointer;min-height:36px;border-radius:8px}
.pr-crumb .hx-ic{width:20px;height:20px}
.pr-filt{margin:0 0 16px;flex-wrap:wrap}.pr-filt button span{margin-left:6px;font-size:12px;color:var(--muted);font-weight:500}
.pr-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(290px,1fr));gap:var(--hx-gap)}
.pr-card{appearance:none;text-align:left;font:inherit;color:inherit;cursor:pointer;background:var(--panel);border-radius:var(--hx-r);padding:18px 20px;display:flex;flex-direction:column;gap:7px;min-width:0;box-shadow:0 1px 2px rgba(0,0,0,.06),0 8px 24px rgba(0,0,0,.06);border:1px solid color-mix(in srgb,var(--line) 60%,transparent);transition:transform .15s ease}
.pr-card:hover{transform:translateY(-1px)}
.pr-ct{display:flex;gap:6px;flex-wrap:wrap}
.pr-name{font-size:19px;font-weight:700;letter-spacing:-.01em;line-height:1.25}
.pr-meta{font-size:13.5px;color:var(--muted)}
.pr-offer{font-size:14.5px;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.pr-prog{display:block;height:6px;border-radius:999px;background:color-mix(in srgb,var(--text) 8%,transparent);overflow:hidden;margin-top:4px}.pr-prog i{display:block;height:100%;background:var(--green);border-radius:inherit}
.pr-ps{font-size:12.5px;color:var(--muted)}
.pr-empty{grid-column:1/-1;text-align:center;padding:44px 20px;display:flex;flex-direction:column;align-items:center;gap:8px;background:var(--panel);border-radius:var(--hx-r);border:1px dashed color-mix(in srgb,var(--line) 90%,transparent)}
.pr-empty h2{margin:4px 0 0;font-size:19px}.pr-empty p{margin:0 0 8px;color:var(--muted);max-width:42ch}.pr-eic{width:40px;height:40px;color:var(--purple)}
/* forms */
.pr label{display:flex;flex-direction:column;gap:5px;font-size:13px;font-weight:600;color:var(--muted);min-width:0}
.pr input:not([type=checkbox]),.pr select,.pr textarea{font:400 15px/1.35 -apple-system,BlinkMacSystemFont,"SF Pro Text",Inter,"Segoe UI",Roboto,sans-serif;color:var(--text);background:color-mix(in srgb,var(--text) 4%,var(--panel));border:1px solid color-mix(in srgb,var(--line) 85%,transparent);border-radius:10px;padding:9px 12px;min-height:44px;width:100%;box-sizing:border-box}
.pr textarea{resize:vertical;min-height:72px}
.pr input:focus,.pr select:focus,.pr textarea:focus{outline:none;border-color:var(--blue);box-shadow:0 0 0 3px color-mix(in srgb,var(--blue) 25%,transparent)}
.pr-ro{font-size:15px;font-weight:400;color:var(--text);white-space:pre-wrap;line-height:1.4}
/* ideas */
.pr-ideas{display:grid;grid-template-columns:minmax(280px,370px) minmax(0,1fr);gap:var(--hx-gap);align-items:start}
.pr-brief{display:grid;grid-template-columns:1fr 1fr;gap:12px}.pr-brief h2,.pr-brief .w2,.pr-go{grid-column:1/-1}
.pr-ires{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:var(--hx-gap)}
.pr-ie{min-height:220px;justify-content:center}
.pr-idea h3{margin:0;font-size:19px;letter-spacing:-.01em}.pr-hook{margin:0;font-size:15px;color:var(--muted);line-height:1.4}
.pr-dl{display:grid;grid-template-columns:auto minmax(0,1fr);gap:6px 12px;margin:0;font-size:14px;line-height:1.4}.pr-dl dt{color:var(--muted);font-weight:600}.pr-dl dd{margin:0}
.pr-chips{display:flex;flex-wrap:wrap;gap:6px;margin:0}.pr-chips span{font-size:12.5px;font-weight:500;padding:4px 10px;border-radius:999px;background:color-mix(in srgb,var(--blue) 12%,transparent);color:var(--blue)}
.pr-idea .hx-btn{margin-top:auto;align-self:flex-start}
/* detail */
.pr-det .hx-hd{align-items:flex-start}
.pr-flow{list-style:none;display:flex;gap:4px;padding:0;margin:0 0 16px;overflow-x:auto}
.pr-flow li{flex:1;min-width:86px;font-size:12px;font-weight:600;color:var(--muted);padding-top:8px;border-top:4px solid color-mix(in srgb,var(--text) 10%,transparent)}
.pr-flow li.done{border-color:var(--green);color:var(--text)}.pr-flow li.on{border-color:var(--blue);color:var(--blue)}
.pr-note{display:flex;gap:10px;align-items:flex-start;padding:12px 14px;border-radius:14px;background:color-mix(in srgb,var(--red) 10%,transparent);margin:0 0 16px;font-size:14.5px;line-height:1.4}.pr-note.o{background:color-mix(in srgb,var(--orange) 12%,transparent)}.pr-note .hx-ic{flex:none;margin-top:1px}
.pr-cols{display:grid;grid-template-columns:minmax(0,1fr) 350px;gap:var(--hx-gap);align-items:start}
.pr-main,.pr-side{display:flex;flex-direction:column;gap:var(--hx-gap);min-width:0}
.pr-f{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.pr-f .w2{grid-column:span 2}.pr-f .w3{grid-column:1/-1}
.pr-chk{display:flex;flex-wrap:wrap;gap:8px}
.pr-chk label{position:relative;flex-direction:row;align-items:center;padding:8px 14px;border-radius:999px;border:1px solid color-mix(in srgb,var(--line) 90%,transparent);font-size:14px;font-weight:500;color:var(--text);cursor:pointer;min-height:40px}
.pr-chk label.on{background:color-mix(in srgb,var(--blue) 14%,transparent);border-color:color-mix(in srgb,var(--blue) 60%,transparent);color:var(--blue)}
.pr-chk input{position:absolute;opacity:0;width:1px;height:1px;pointer-events:none}
.pr-tks,.pr-tls,.pr-kps{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}
.pr-tk{display:grid;grid-template-columns:minmax(0,1fr) 170px 150px 40px;gap:8px;align-items:center}
.pr-tk.made{grid-template-columns:minmax(0,1fr) auto;padding:6px 0;border-bottom:1px solid color-mix(in srgb,var(--line) 60%,transparent)}
.pr-tt{display:flex;flex-direction:column;min-width:0}.pr-tt b{font-size:15px;font-weight:600}.pr-tt small{color:var(--muted);font-size:13px}
.pr-tn{grid-column:1/-1;font-size:12.5px;color:var(--muted);margin-top:-2px}
.pr-tl{display:grid;grid-template-columns:150px minmax(0,1fr) 40px;gap:8px;align-items:center}.pr-tl.ro{grid-template-columns:72px minmax(0,1fr);font-size:14.5px}.pr-tl.ro b{font-weight:600}
.pr-kp{display:grid;grid-template-columns:minmax(0,1fr) 150px 40px;gap:8px;align-items:center}.pr-kp.ro{display:flex;justify-content:space-between;font-size:14.5px}
.pr-x{appearance:none;border:0;background:none;color:var(--muted);width:40px;height:40px;border-radius:10px;cursor:pointer;display:flex;align-items:center;justify-content:center}.pr-x:hover{color:var(--red);background:color-mix(in srgb,var(--red) 10%,transparent)}
.pr-acts{gap:10px}.pr-acts .hx-btn{width:100%}
.pr .pr-pri{background:var(--blue);color:#fff}
.pr .hx-btn:disabled{opacity:.6;cursor:default}
.pr-cancel{color:var(--red)!important;align-self:center!important;margin-top:0!important}
.pr-sb{display:flex;flex-direction:column;gap:8px}.pr-sb div{display:flex;gap:12px;align-items:center}.pr-sb .hx-btn{width:auto}.pr-sb .hx-link{margin:0}
.pr-plan{border:2px solid color-mix(in srgb,var(--purple) 45%,transparent)}
.pr-plan h4,.pr-rv h4{margin:6px 0 0;font-size:12.5px;color:var(--muted);font-weight:600}
.pr-plan p,.pr-plan ul,.pr-rv ul,.pr-rv p{margin:0;font-size:14px;line-height:1.45}.pr-plan ul,.pr-rv ul{padding-left:18px}.pr-plan li small{color:var(--muted)}
.pr-pa{display:flex;gap:14px;align-items:center;margin-top:8px}.pr-pa .hx-link{margin:0}
.pr-kv{display:grid;grid-template-columns:1fr 1fr;gap:12px}.pr-kv small{display:block;font-size:12.5px;color:var(--muted)}.pr-kv b{font-size:20px;font-weight:700;font-variant-numeric:tabular-nums}
.pr-rin{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.pr-rin .w3{grid-column:1/-1}.pr-rin .hx-link{grid-column:1/-1}
.pr-rv{padding-top:12px;border-top:1px solid color-mix(in srgb,var(--line) 70%,transparent)}.pr-rv:first-of-type{border-top:0;padding-top:0}
.pr-rv header{display:flex;gap:8px;align-items:center;justify-content:space-between;margin-bottom:6px}.pr-rv header small{color:var(--muted);font-size:12.5px}
.pr-log{font-size:13.5px;background:var(--panel);border-radius:var(--hx-r);padding:6px 18px;border:1px solid color-mix(in srgb,var(--line) 60%,transparent)}
.pr-log summary{cursor:pointer;color:var(--muted);font-weight:600;padding:10px 0;min-height:24px}.pr-log ul{list-style:none;padding:0 0 12px;margin:0;display:flex;flex-direction:column;gap:6px}.pr-log small{color:var(--muted)}
@media (max-width:1000px){.pr-cols,.pr-ideas{grid-template-columns:minmax(0,1fr)}.mh-live,.mh-rev{grid-column:span 2}.mh-rate{grid-column:span 2}}
@media (max-width:640px){
  .mh-tiles{grid-template-columns:repeat(4,minmax(0,1fr));padding:10px 4px;gap:2px}.mh-app{width:52px;height:52px;border-radius:14px}.mh-app .hx-ic{width:26px;height:26px}.mh-tile small{display:none}.mh-tl{font-size:12px}
  .mh .hx-hdb,.pr .hx-hdb{width:100%}.mh .hx-hdb .hx-btn,.pr .hx-hdb .hx-btn{flex:1;justify-content:center}
  .pr-f{grid-template-columns:1fr 1fr}.pr-f .w2,.pr-f label:first-child{grid-column:1/-1}
  .pr-brief{grid-template-columns:1fr}
  .pr-tk{grid-template-columns:minmax(0,1fr) minmax(0,1fr) 40px;padding-bottom:8px;border-bottom:1px solid color-mix(in srgb,var(--line) 60%,transparent)}.pr-tk input[data-prt$=":title"]{grid-column:1/3;grid-row:1}.pr-tk .pr-x{grid-column:3;grid-row:1}.pr-tk select{grid-column:1;grid-row:2}.pr-tk input[type=date]{grid-column:2/4;grid-row:2}.pr-tk .pr-tn{grid-row:3}
  .pr-tl{grid-template-columns:minmax(0,1fr) 40px}.pr-tl input[data-prl$=":what"]{grid-column:1/-1;grid-row:2}
  .pr-tk.made{grid-template-columns:minmax(0,1fr) auto}.pr-kp{grid-template-columns:minmax(0,1fr) 100px 40px}
  .pr-rin{grid-template-columns:1fr 1fr}
  .pr-grid{grid-template-columns:minmax(0,1fr)}
}
@media (prefers-reduced-motion:reduce){.pr-card{transition:none}.pr-card:hover{transform:none}}

/* the Dashboard has its own section icons */
body:has(.mh) .ngsub{display:none!important}

/* v2.20.1 menu preview and grouped Settings links */
.mnp{max-width:760px;border:1px solid var(--line);border-radius:14px;padding:12px 14px;background:var(--panel)}
.mnp-h{display:flex;gap:10px;align-items:baseline;flex-wrap:wrap;margin-bottom:10px}.mnp-h b{font-size:14px}
.mnp-bar{display:flex;flex-wrap:wrap;gap:4px 2px;align-items:flex-start}
.mnp-c{display:inline-flex;align-items:center;gap:6px;padding:7px 10px;border-radius:10px;font-size:14px;font-weight:600;color:var(--text);white-space:nowrap}
.mnp-g{background:color-mix(in srgb,var(--text) 5%,transparent)}.mnp-c small{font-size:10px;color:var(--muted)}
.mnp-i{display:inline-flex;color:var(--muted)}.mnp-i svg{width:16px;height:16px}
.mnp-bar{border-bottom:1px solid var(--line);padding-bottom:8px}
.mnp-in{display:grid;grid-template-columns:auto 1fr;gap:4px 14px;margin:10px 0 0;font-size:13px}.mnp-in dt{font-weight:700}.mnp-in dd{margin:0;color:var(--muted)}
.mnp-sugg{font-weight:700}.mnp-note{max-width:760px}
.stnav.st201{flex-direction:column;align-items:stretch;gap:6px;position:static}
.st201g{display:flex;flex-wrap:wrap;gap:6px;align-items:center}
.st201l{font-size:11.5px;font-weight:700;color:var(--muted);width:92px;flex:none}
@media (max-width:900px){.st201l{width:auto;flex-basis:100%}}

/* v2.21.0 Operations Hub */
.oh-pulse{grid-column:span 4}.oh-need,.oh-week,.oh-brief,.oh-weekly,.oh-load{grid-column:span 2}.oh-mon,.oh-kpi{grid-column:span 1}
.oh-pl{list-style:none;margin:0 -8px;padding:0;display:flex;flex-direction:column}
.oh-pl li+li .oh-pr{box-shadow:inset 0 1px 0 color-mix(in srgb,var(--line) 70%,transparent)}
.oh-pr{display:grid;grid-template-columns:18px minmax(0,1.4fr) minmax(110px,.8fr) minmax(0,1.2fr);gap:12px;align-items:center;width:100%;padding:10px 8px;border:0;background:none;color:inherit;font:inherit;text-align:left;cursor:pointer;border-radius:12px;min-height:56px}
.oh-pr:hover{background:color-mix(in srgb,var(--text) 5%,transparent)}
.oh-po,.oh-ps{display:flex;flex-direction:column;min-width:0}.oh-po b{font-size:15px}.oh-po small,.oh-ps small{font-size:12.5px;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.oh-ps b{font-size:15px;font-variant-numeric:tabular-nums}.oh-ps .hx-up,.oh-ps .hx-dn{margin-left:0;font-size:12px}
.oh-pk{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end}
.oh .hy-dot{width:12px;height:12px;border-radius:50%;display:block}
.oh-ring{width:104px;height:104px}
.oh-kv{display:grid;grid-template-columns:auto auto;gap:4px 14px;margin:0;align-content:center}.oh-kv dt{color:var(--muted);font-size:14px}.oh-kv dd{margin:0;font-size:20px;font-weight:700;font-variant-numeric:tabular-nums}
.oh-h4{margin:6px 0 2px;font-size:12.5px;color:var(--muted);font-weight:600;display:flex;align-items:center;gap:6px}.oh-h4.r{color:var(--red)}.oh-h4.o{color:var(--orange)}.oh-h4.g{color:var(--green)}
.oh-ul{margin:0;padding-left:18px;font-size:14px;line-height:1.45;display:flex;flex-direction:column;gap:2px}.oh-ul small{color:var(--muted)}
.oh-kr{list-style:none;padding:0}.oh-kr li{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:0 8px}.oh-kr li span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.oh-kr small{grid-column:1/-1;color:var(--muted);font-size:12px}
.oh-lnk{appearance:none;border:0;background:none;padding:0;color:var(--blue);font:inherit;text-align:left;cursor:pointer}
.oh-head{margin:0;font-size:16px;font-weight:600;line-height:1.35}
.oh-foot{margin:4px 0 0;font-size:12px;color:var(--muted)}
.oh-sgl{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}
.oh-sg{border:1px solid color-mix(in srgb,var(--line) 80%,transparent);border-radius:14px;padding:10px 12px;display:flex;flex-direction:column;gap:8px}
.oh-sg.done{opacity:.75;border-style:dashed}
.oh-sgt{display:flex;flex-direction:column}.oh-sgt b{font-size:14.5px}.oh-sgt small{font-size:12.5px;color:var(--muted)}
.oh-sga{display:grid;grid-template-columns:minmax(0,1fr) 140px auto auto;gap:8px;align-items:center}
.oh-sga select,.oh-sga input{font:400 14px/1.3 inherit;color:var(--text);background:color-mix(in srgb,var(--text) 4%,var(--panel));border:1px solid color-mix(in srgb,var(--line) 85%,transparent);border-radius:10px;padding:8px 10px;min-height:40px;min-width:0;width:100%;box-sizing:border-box}
.oh .oh-mk{background:var(--blue);color:#fff;min-height:40px;padding:8px 14px}.oh-sga .hx-link{margin:0}
.oh-ld{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}
.oh-ld li{display:grid;grid-template-columns:minmax(0,150px) minmax(0,1fr) auto;gap:10px;align-items:center}
.oh-ln{display:flex;flex-direction:column;min-width:0}.oh-ln b{font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.oh-ln small{font-size:12px;color:var(--muted)}
.oh-bar{position:relative;height:10px;border-radius:999px;background:color-mix(in srgb,var(--text) 8%,transparent);overflow:hidden}
.oh-bar i{position:absolute;left:0;top:0;bottom:0;background:var(--blue);border-radius:inherit}.oh-bar i.late{background:var(--red)}
.oh-lv{font-size:14px;font-weight:700;font-variant-numeric:tabular-nums;white-space:nowrap}.oh-lv em{font-style:normal;font-weight:600;color:var(--red);font-size:12px}
.oh-act{grid-template-columns:32px minmax(0,1fr) 160px 150px!important}
.oh-mkc{display:flex;align-items:center;justify-content:center}.oh-mkc input{width:20px;height:20px;min-height:0!important;accent-color:var(--blue)}
/* phone "More" sheet in groups */
.sheetgrid.ms-grouped .ms-g{grid-column:1/-1;margin:10px 2px 0;font-size:12.5px;font-weight:700;color:var(--muted)}
.sheetgrid.ms-grouped .ms-g:first-child{margin-top:0}
@media (max-width:1000px){.oh-pulse{grid-column:span 2}.oh-need,.oh-week,.oh-brief,.oh-weekly,.oh-load{grid-column:span 2}.oh-mon,.oh-kpi{grid-column:span 1}}
@media (max-width:640px){
  .oh-pr{grid-template-columns:14px minmax(0,1fr) auto;row-gap:6px}.oh-pk{grid-column:2/-1;justify-content:flex-start}
  .oh-sga{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.oh-sga .oh-mk{grid-column:1}.oh-sga .hx-link{grid-column:2;justify-self:start}
  .oh-ld li{grid-template-columns:minmax(0,110px) minmax(0,1fr) auto}
  .oh-act{grid-template-columns:32px minmax(0,1fr)!important}.oh-act select{grid-column:2}.oh-act input[type=date]{grid-column:2}
  .oh-meet .hx-hdb{width:100%}
}
.oh-stk{list-style:none;padding:0;gap:6px}.oh-stk li{display:flex;flex-direction:column}

/* v2.21.1 module bar: same place, same icons on every page of a group */
.mb{--blue:#0A84FF;--green:#30D158;--teal:#40C8E0;--indigo:#5E5CE6;--orange:#FF9F0A;--red:#FF453A;--purple:#BF5AF2;--gray:#8E8E93;--pink:#FF375F;--yellow:#FFD60A;--brown:#AC8E68;
  display:flex;align-items:center;gap:6px 10px;flex-wrap:wrap;margin:0 0 14px;font-family:-apple-system,BlinkMacSystemFont,"SF Pro Text",Inter,"Segoe UI",Roboto,sans-serif}
@media (prefers-color-scheme: light){:root:not([data-theme="dark"]) .mb{--blue:#007AFF;--green:#34C759;--teal:#30B0C7;--indigo:#5856D6;--orange:#FF9500;--red:#FF3B30;--purple:#AF52DE;--pink:#FF2D55;--yellow:#FFCC00;--brown:#A2845E}}
:root[data-theme="light"] .mb{--blue:#007AFF;--green:#34C759;--teal:#30B0C7;--indigo:#5856D6;--orange:#FF9500;--red:#FF3B30;--purple:#AF52DE;--pink:#FF2D55;--yellow:#FFCC00;--brown:#A2845E}
.mb-sq{width:24px;height:24px;border-radius:7px;display:inline-flex;align-items:center;justify-content:center;flex:none;color:#fff;background:var(--gray)}
.mb-sq svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.mb-sq.c-red{background:var(--red)}.mb-sq.c-indigo{background:var(--indigo)}.mb-sq.c-orange{background:var(--orange)}.mb-sq.c-blue{background:var(--blue)}.mb-sq.c-yellow{background:var(--yellow);color:#5c4400}.mb-sq.c-pink{background:var(--pink)}
.mb-sq.c-teal{background:var(--teal)}.mb-sq.c-green{background:var(--green)}.mb-sq.c-purple{background:var(--purple)}.mb-sq.c-brown{background:var(--brown)}.mb-sq.c-ink{background:var(--text);color:var(--bg)}
.mb-home{appearance:none;border:0;background:none;color:var(--text);font:inherit;display:inline-flex;align-items:center;gap:8px;padding:6px 4px;border-radius:10px;cursor:pointer;min-height:40px}
.mb-home b{font-size:15px;font-weight:700}.mb-home:hover{background:color-mix(in srgb,var(--text) 6%,transparent)}
.mb-crumb,.mb-now{display:none}
.mb-tabs{display:flex;flex-wrap:wrap;gap:4px;padding:4px;border-radius:14px;background:color-mix(in srgb,var(--text) 6%,transparent)}
.mb-tabs button{appearance:none;border:0;background:none;color:var(--text);font:600 14px/1 inherit;display:inline-flex;align-items:center;gap:8px;padding:6px 12px 6px 6px;border-radius:10px;cursor:pointer;min-height:38px;white-space:nowrap;transition:background .15s ease,box-shadow .15s ease}
.mb-tabs button:hover{background:color-mix(in srgb,var(--panel) 70%,transparent)}
.mb-tabs button[aria-current="page"]{background:var(--panel);box-shadow:0 1px 3px rgba(0,0,0,.12),0 0 0 1px color-mix(in srgb,var(--line) 60%,transparent)}
.mb-tabs button:not([aria-current]) .mb-sq{opacity:.88}
.mb-n{font-style:normal;font-size:11.5px;font-weight:700;background:var(--red);color:#fff;border-radius:99px;padding:2px 7px;margin-left:-2px}
.mb-sw{display:none}
.mb button:focus-visible{outline:3px solid color-mix(in srgb,var(--blue) 55%,transparent);outline-offset:1px}
/* second level (Board · Red List · Checklist …): quieter underline tabs, so the two levels never look alike */
.tsnav{gap:2px!important;border-bottom:1px solid var(--line);padding-bottom:0!important;margin-bottom:10px!important}
.tsnav button{background:none!important;border-radius:0!important;border-bottom:2px solid transparent!important;min-height:38px;padding:0 12px!important;font-size:13.5px!important;color:var(--muted)!important}
.tsnav button[aria-current="page"]{color:var(--text)!important;border-bottom-color:var(--accent)!important}
/* page changes */
@keyframes vtIn{from{opacity:0;transform:translateX(16px)}to{opacity:1;transform:none}}
@keyframes vtBack{from{opacity:0;transform:translateX(-16px)}to{opacity:1;transform:none}}
#view.vt-in>:not(.mb){animation:vtIn .24s cubic-bezier(.2,.8,.2,1)}
#view.vt-back>:not(.mb){animation:vtBack .24s cubic-bezier(.2,.8,.2,1)}
/* the Hubs line up with every other page */
.hx.mh{max-width:none;margin:0;padding-left:0;padding-right:0}
body:has(.mh) .mb{margin-bottom:6px}
/* Sections sheet (phone) */
.mb-sheet{position:fixed;inset:0;z-index:300}
.mb-bg{position:absolute;inset:0;background:rgba(0,0,0,.35);opacity:0;transition:opacity .2s ease}
.mb-panel{position:absolute;left:0;right:0;bottom:0;background:var(--panel);border-radius:22px 22px 0 0;padding:8px 14px calc(18px + env(safe-area-inset-bottom,0px));transform:translateY(100%);transition:transform .26s cubic-bezier(.2,.8,.2,1);max-height:80vh;overflow:auto}
.mb-sheet.open .mb-bg{opacity:1}.mb-sheet.open .mb-panel{transform:none}
.mb-panel h3{margin:6px 6px 10px;font-size:18px}.mb-panel .grab{width:40px;height:5px;border-radius:3px;background:var(--line);margin:4px auto 6px}
.mb-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:4px}
.mb-grid .mh-tile.on{background:color-mix(in srgb,var(--text) 7%,transparent)}
@media (max-width:640px){
  .mb{gap:6px;margin:0 0 10px;flex-wrap:nowrap;min-height:44px}
  .mb-tabs{display:none}.mb-sw{display:inline-flex;align-items:center;gap:6px;margin-left:auto;appearance:none;border:0;border-radius:999px;background:color-mix(in srgb,var(--text) 7%,transparent);color:var(--text);font:600 14px/1 inherit;padding:8px 12px;min-height:40px;cursor:pointer}
  .mb-sw .hx-ic{width:16px;height:16px}
  .mb-home{color:var(--blue);padding:6px 2px;gap:4px}.mb-home .mb-sq{display:none}.mb-home b{font-size:15px;font-weight:600}.mb-home::before{content:"‹";font-size:24px;line-height:1;margin-top:-3px}
  .mb-crumb{display:none}.mb-now{display:inline-flex;align-items:center;gap:8px;min-width:0;flex:1;justify-content:center}.mb-now b{font-size:16px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .mb.mb-onhub{display:none}
  .tsnav{flex-wrap:wrap}
}
@media (prefers-reduced-motion:reduce){#view.vt-in>:not(.mb),#view.vt-back>:not(.mb){animation:none}.mb-panel,.mb-bg{transition:none}}

/* v2.22.0 Finance Hub; the module bar no longer repeats the group name on a computer (the top bar already shows it) */
@media (min-width:641px){.mb-home{display:none}}
.fh-money,.fh-need,.fh-br,.fh-mon,.fh-ai{grid-column:span 2}.fh-top,.fh-stock{grid-column:span 1}
.fh-kv{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 18px;margin:0}
.fh-kv div{display:flex;flex-direction:column;gap:2px;min-width:0}.fh-kv dt{font-size:13px;color:var(--muted)}.fh-kv dd{margin:0;font-size:24px;font-weight:700;letter-spacing:-.02em;font-variant-numeric:tabular-nums}.fh-kv small{font-size:12.5px;color:var(--muted)}.fh-kv small.hx-red{color:var(--red)}
.fh-sales{display:flex;flex-direction:column;gap:6px;padding-top:10px;border-top:1px solid color-mix(in srgb,var(--line) 70%,transparent)}
.fh-sl{display:flex;justify-content:space-between;gap:10px;font-size:14px;flex-wrap:wrap}.fh-sl span{font-variant-numeric:tabular-nums;color:var(--muted)}
.fh-pb{position:relative;display:block;height:10px;border-radius:999px;background:color-mix(in srgb,var(--text) 8%,transparent)}.fh-pb i{position:absolute;left:0;top:0;bottom:0;border-radius:inherit}.fh-pb i.ok{background:var(--green)}.fh-pb i.lo{background:var(--orange)}
.fh-pb em{position:absolute;top:-3px;bottom:-3px;width:2px;background:var(--text);opacity:.55;border-radius:1px}
.fh-sales small{font-size:12.5px;color:var(--muted)}
.fh-warn{margin:0;display:flex;gap:8px;align-items:flex-start;font-size:13.5px;color:var(--orange);background:color-mix(in srgb,var(--orange) 10%,transparent);padding:10px 12px;border-radius:12px}.fh-warn .hx-ic{flex:none;width:16px;height:16px;margin-top:2px}
.fh-t{width:100%;border-collapse:collapse;font-size:14px;font-variant-numeric:tabular-nums}.fh-t th{text-align:right;font-size:12px;color:var(--muted);font-weight:600;padding:4px 6px}.fh-t th:first-child,.fh-t td:first-child{text-align:left}
.fh-t td{text-align:right;padding:8px 6px;border-top:1px solid color-mix(in srgb,var(--line) 60%,transparent)}.fh-t td.hx-red{color:var(--red)}.fh-t td.fh-g{color:var(--green);font-weight:600}
.fh-bars{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;height:150px;align-items:end}
.fh-bc{display:flex;flex-direction:column;align-items:center;gap:6px;height:100%}.fh-bc small{font-size:11.5px;color:var(--muted)}
.fh-bp{flex:1;width:100%;display:flex;align-items:flex-end;justify-content:center;gap:3px}.fh-bp i{width:min(14px,40%);border-radius:5px 5px 2px 2px;min-height:2px}
.fh-bp i.in,.fh-lg i.in{background:var(--blue)}.fh-bp i.ex,.fh-lg i.ex{background:var(--orange)}
.fh-lg{display:flex;gap:14px}.fh-lg i{display:inline-block;width:10px;height:10px;border-radius:3px;margin-right:6px}
.fh-tl{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}.fh-tl li{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:4px 8px;font-size:14px}.fh-tl span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.fh-tl b{font-variant-numeric:tabular-nums}
.fh-tl i{grid-column:1/-1;height:6px;border-radius:999px;background:var(--orange);opacity:.85}
@media (max-width:1000px){.fh-top,.fh-stock{grid-column:span 1}}
@media (max-width:640px){.fh-kv dd{font-size:20px}.fh-t{font-size:13px}}
.fh .fh-t{min-width:0!important;width:100%;table-layout:fixed}.fh .fh-t th,.fh .fh-t td{white-space:normal;min-width:0!important;overflow-wrap:anywhere}.fh .fh-t th:first-child,.fh .fh-t td:first-child{width:38%}
.mh{--brown:#AC8E68}.mh-app.brown{background:linear-gradient(160deg,color-mix(in srgb,var(--brown) 70%,#fff),var(--brown))}

/* v2.23.0 outlet menus + partner orders */
.sm-sheet{position:fixed;inset:0;z-index:320}
.sm-bg{position:absolute;inset:0;background:rgba(0,0,0,.4);opacity:0;transition:opacity .2s}
.sm-panel{position:absolute;left:50%;top:4vh;bottom:4vh;width:min(720px,94vw);transform:translate(-50%,12px);opacity:0;transition:transform .24s cubic-bezier(.2,.8,.2,1),opacity .2s;background:var(--panel);border-radius:22px;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 20px 60px rgba(0,0,0,.3)}
.sm-sheet.open .sm-bg{opacity:1}.sm-sheet.open .sm-panel{transform:translate(-50%,0);opacity:1}
.sm-h{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;padding:18px 20px 8px}.sm-h h2{margin:0;font-size:24px}.sm-h p{margin:2px 0 0;color:var(--muted);font-size:14px}
.sm-x{appearance:none;border:0;background:color-mix(in srgb,var(--text) 8%,transparent);color:var(--text);width:40px;height:40px;border-radius:50%;font-size:16px;cursor:pointer}
.sm-outs,.sm-cats{display:flex;gap:6px;flex-wrap:wrap}.sm-outs{padding:0 20px 8px}
.sm-outs button,.sm-cats button{appearance:none;border:1px solid var(--line);background:var(--panel);color:var(--text);border-radius:999px;padding:7px 13px;min-height:38px;font:600 13.5px/1 -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,system-ui,sans-serif;cursor:pointer}
.sm-outs button[aria-checked="true"],.sm-cats button[aria-pressed="true"]{background:var(--text);color:var(--panel);border-color:var(--text)}
.sm-tools{padding:0 20px 10px;display:flex;flex-direction:column;gap:8px;border-bottom:1px solid var(--line)}
.sm-tools input{font:400 15px -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,system-ui,sans-serif;color:var(--text);background:color-mix(in srgb,var(--text) 5%,var(--panel));border:1px solid var(--line);border-radius:12px;padding:10px 12px;min-height:44px}
.sm-cats{flex-wrap:nowrap;overflow-x:auto;padding-bottom:2px;scrollbar-width:none}.sm-cats button{flex:none}
.sm-body{flex:1;overflow:auto;padding:6px 20px 24px}.sm-body h3{font-size:13px;color:var(--muted);margin:16px 0 8px;font-weight:700}
.sm-it{display:grid;grid-template-columns:56px minmax(0,1fr) auto;gap:12px;align-items:center;padding:8px 0;border-bottom:1px solid color-mix(in srgb,var(--line) 60%,transparent)}
.sm-it img,.sm-ph{width:56px;height:56px;border-radius:12px;object-fit:cover;background:color-mix(in srgb,var(--text) 6%,transparent);display:flex;align-items:center;justify-content:center;font-weight:800;color:var(--muted)}
.sm-it.out{opacity:.55}.sm-t{display:flex;flex-direction:column;min-width:0}.sm-t b{font-size:15px}.sm-t small{color:var(--muted);font-size:12.5px}.sm-t span{font-size:12.5px;color:var(--muted);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.sm-so,.sm-hh{font-style:normal;font-size:11.5px;font-weight:700;align-self:flex-start;margin-top:3px;padding:2px 8px;border-radius:999px}.sm-so{background:color-mix(in srgb,#ff3b30 14%,transparent);color:#ff3b30}.sm-hh{background:color-mix(in srgb,#ff9500 16%,transparent);color:#c76a00}
.sm-p{display:flex;flex-direction:column;align-items:flex-end}.sm-p b{font-size:15px;font-variant-numeric:tabular-nums}.sm-p s{font-size:12px;color:var(--muted)}
.sm-empty{color:var(--muted);text-align:center;padding:40px 0}
@media (max-width:640px){.sm-panel{left:0;right:0;top:auto;bottom:0;width:auto;height:88vh;transform:translateY(100%);border-radius:22px 22px 0 0}.sm-sheet.open .sm-panel{transform:none}}
@media (prefers-reduced-motion:reduce){.sm-panel,.sm-bg{transition:none}}
.po-list,.po-part{grid-column:span 2}.po-cfg{grid-column:1/-1}
.po-ol{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}
.po-o{border:1px solid color-mix(in srgb,var(--line) 80%,transparent);border-radius:14px;padding:10px 12px;display:flex;flex-direction:column;gap:4px}
.po-ot{display:flex;justify-content:space-between;gap:8px;align-items:center}.po-ot b{font-size:15px}
.po-om,.po-oi,.po-on,.po-hint{margin:0;font-size:13px;color:var(--muted)}.po-oi{color:var(--text)}.po-hint{color:var(--orange)}
.po .po-ow{align-self:flex-start;background:var(--indigo);color:#fff;min-height:38px;padding:8px 14px;margin-top:4px}
.po-nx{display:block;color:var(--muted);font-size:11.5px}.po-t small{color:var(--muted)}
.po-f{display:flex;flex-direction:column;gap:14px;max-width:760px}.po-f fieldset{border:0;padding:0;margin:0;display:flex;flex-direction:column;gap:8px}.po-f legend{font-weight:700;font-size:14px;margin-bottom:4px}
.po-chk{flex-direction:row!important;align-items:center;gap:10px!important;color:var(--text)!important;font-size:15px!important}.po-chk input{width:20px!important;height:20px;min-height:0!important}
.po-tiers{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}.po-tiers li{display:flex;align-items:center;gap:8px;flex-wrap:wrap;font-size:14px}
.po-in{display:inline-flex;align-items:center;gap:4px}.po-in input{width:96px!important}
.po-g3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
@media (max-width:640px){.po-g3{grid-template-columns:1fr}}
.po .fh-t{min-width:0!important;width:100%;table-layout:fixed}.po .fh-t th,.po .fh-t td{white-space:normal;min-width:0!important;overflow-wrap:anywhere}.po .fh-t th:first-child,.po .fh-t td:first-child{width:40%}

/* v2.24.0 bar → restaurant food orders */
.xo-tabs{display:flex;gap:4px;margin:0 20px 10px;padding:3px;border-radius:12px;background:color-mix(in srgb,var(--text) 6%,transparent)}
.xo-tabs button{flex:1;appearance:none;border:0;background:none;color:var(--text);border-radius:9px;min-height:38px;font:600 14px/1 -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,system-ui,sans-serif;cursor:pointer}
.xo-tabs button[aria-selected="true"]{background:var(--panel);box-shadow:0 1px 3px rgba(0,0,0,.15)}
.xo-tabs i{font-style:normal;display:inline-block;min-width:20px;padding:2px 6px;border-radius:999px;background:var(--orange,#ea580c);color:#fff;font-size:12px;margin-left:4px}
.xo-tip{margin:0 20px 8px;font-size:13.5px;color:var(--muted)}.xo-tip .hx-link{padding:0;min-height:0;font-size:13.5px}
.xo-add,.xo-q button{appearance:none;border:1px solid var(--green,#16a34a);background:none;color:var(--green,#16a34a);border-radius:999px;min-height:34px;padding:4px 12px;font:700 13px/1 -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,system-ui,sans-serif;cursor:pointer;margin-top:4px}
.xo-q{display:inline-flex;align-items:center;gap:8px;margin-top:4px}.xo-q button{width:34px;padding:0;font-size:17px;margin:0;background:var(--green,#16a34a);color:#fff}.xo-q b{min-width:16px;text-align:center}
.xo-bar{border-top:1px solid var(--line);padding:10px 20px calc(12px + env(safe-area-inset-bottom));display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 10px;background:var(--panel)}
.xo-bar label{display:flex;flex-direction:column;gap:4px;font-size:12.5px;color:var(--muted);min-width:0}
.xo-bar select,.xo-bar input{font:400 15px -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,system-ui,sans-serif;color:var(--text);background:color-mix(in srgb,var(--text) 5%,var(--panel));border:1px solid var(--line);border-radius:10px;padding:8px 10px;min-height:42px;min-width:0;width:100%}
.xo-send{grid-column:1/-1;min-height:46px;justify-content:center}.xo-send:disabled{opacity:.5;cursor:not-allowed}
.xo-fine{grid-column:1/-1;margin:0;font-size:12px;color:var(--muted);text-align:center}
.xo-list ul{list-style:none;margin:8px 0 0;padding:0;display:flex;flex-direction:column;gap:10px}
.xo-o{border:1px solid color-mix(in srgb,var(--line) 80%,transparent);border-radius:14px;padding:10px 12px;display:flex;flex-direction:column;gap:4px}
.xo-ot{display:flex;justify-content:space-between;gap:8px;align-items:center}.xo-ot b{font-size:15px}
.xo-om,.xo-oi{margin:0;font-size:13px;color:var(--muted)}.xo-oi{color:var(--text)}.xo-oa{display:flex;gap:8px;flex-wrap:wrap}.xo-oa:empty{display:none}.xo-oa .hx-btn{min-height:38px}
.pr-pill.served{background:color-mix(in srgb,var(--green,#16a34a) 16%,transparent);color:var(--green,#16a34a)}
.xo-pt{margin:0 0 14px}
.xo-stmt{grid-column:span 2}.xo-m{display:flex;align-items:center;gap:8px;font-size:14px;margin:0 0 10px}.xo-m select{min-height:38px;border-radius:10px;border:1px solid var(--line);background:var(--panel);color:var(--text);padding:4px 8px}
.xo-stmt tfoot td{font-weight:700;border-top:2px solid var(--line)}
@media (max-width:640px){.xo-bar{grid-template-columns:1fr}.xo-stmt{grid-column:auto}}
.po .po-ot{flex-wrap:wrap}.po .po-ot b{min-width:0;overflow-wrap:anywhere}
.xo-ot{flex-wrap:wrap}

/* v2.25.0 cleaner POS order screen */
/* header: Pay is the only filled button; outlet and status read as plain text */
.posw .postop .px10fs{background:transparent!important;color:var(--text)!important;border:1px solid var(--line)!important;box-shadow:none!important}
.posw .postop .px10fs svg{color:var(--accent,#d4a24c)}
.posw .postop .pmchip{background:transparent!important;border:0!important;padding:0 4px!important;font-size:12.5px!important;opacity:.75}
.posw .postop .posrole{font-size:11px!important;opacity:.7}
/* one category bar: small chips in a single scrolling line */
.posorder .posmenu .poscats.p272ic{gap:6px;padding:2px 2px 6px!important;margin:0!important}
.posorder .posmenu .poscats.p272ic>button{flex-direction:row!important;width:auto!important;min-height:40px!important;padding:4px 14px 4px 5px!important;gap:8px!important;border-radius:999px!important;border:1px solid var(--line)!important;background:var(--panel)!important;font-size:14px!important;font-weight:650!important;white-space:nowrap}
.posorder .posmenu .poscats.p272ic>button .p272l{-webkit-line-clamp:1;white-space:nowrap}
.posorder .posmenu .poscats.p272ic .p272i{width:30px;height:30px;border-radius:999px;box-shadow:none}
.posorder .posmenu .poscats.p272ic>button[aria-pressed="true"]{background:var(--text)!important;color:var(--panel)!important;border-color:var(--text)!important}
.posorder .posmenu .poscats.p272ic>button[aria-pressed="true"] .p272i{transform:none;box-shadow:none}
.p225star{background:linear-gradient(135deg,#e7b43c,#b9741d)!important;color:#fff;font-size:15px}
/* sub-categories: a thin text row */
.posorder .posmenu .p183subs.p272ic{gap:4px;padding:0 2px 8px!important;margin:0!important}
.posorder .posmenu .p183subs.p272ic>button{flex-direction:row!important;width:auto!important;min-height:32px!important;padding:3px 12px!important;gap:6px!important;border-radius:999px!important;border:0!important;background:transparent!important;font-size:13px!important;font-weight:600!important;color:var(--muted)!important}
.posorder .posmenu .p183subs.p272ic .p272i{display:none}
.posorder .posmenu .p183subs.p272ic>button i{opacity:.65;font-size:12px}
.posorder .posmenu .p183subs.p272ic>button[aria-pressed="true"]{background:color-mix(in srgb,var(--text) 10%,transparent)!important;color:var(--text)!important}
.posorder .posmenu .posbar{margin-bottom:8px}
/* item tiles: same size, name on 2 lines, price in one place, small picture */
.posorder .positems{grid-template-columns:repeat(auto-fill,minmax(132px,1fr))!important;gap:8px!important;align-content:start}
.posorder .positem.p225t{position:relative;min-height:0!important;height:88px;padding:9px 46px 9px 11px!important;justify-content:space-between;gap:2px;overflow:hidden}
.posorder .positem.p225t b{font-size:14px!important;line-height:1.22!important;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;width:100%}
.posorder .positem.p225t>span:not(.p271av){font-size:15px;font-weight:800;color:var(--text);font-variant-numeric:tabular-nums;margin-top:auto}
.posorder .positem.p225t .p271av,.posorder .positem.p271.p225t .p271av.p277{top:8px!important;right:8px!important;width:32px!important;height:32px!important;border-radius:9px!important}
.posorder .positem.p225t .p198i{top:8px;right:8px;width:32px;height:32px}
.posorder .positem.p225t::before{top:8px;right:8px;width:30px;height:30px}
.p225pk{position:absolute;right:8px;bottom:8px;font-style:normal;font-size:11px;font-weight:700;padding:2px 7px;border-radius:999px;background:color-mix(in srgb,var(--accent,#d4a24c) 20%,transparent);color:var(--text)}
.posorder .positem.p225t em{font-size:11px;line-height:1.1}
/* bill panel: header · add row · lines (most room) · totals · actions */
.posticket .posth{gap:8px;align-items:flex-start}
.p225add{display:flex;gap:6px;flex-wrap:wrap;margin:2px 0 8px}
.p225add>button{flex:1 1 0;min-width:0;min-height:40px!important;padding:6px 8px!important;font-size:13.5px!important;font-weight:650;border-radius:999px!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;border:1px dashed color-mix(in srgb,var(--text) 30%,transparent)!important;background:transparent!important;color:var(--text)!important}
.posticket .p269lock{margin:6px 0 4px!important;padding:4px 10px!important;font-size:12.5px!important;border-radius:999px!important;display:inline-block;width:auto!important}
.posticket .poslines .pospromo{font-size:11.5px}
.posacts.p225acts{display:flex!important;flex-direction:column;gap:8px;grid-template-columns:none!important}
.p225sec{display:flex;gap:6px}
.p225sec>.p225s,.p225mw{flex:1 1 0;min-width:0}
.p225sec .p225s{display:flex!important;flex-direction:column;align-items:center;justify-content:center;gap:2px;min-height:54px!important;padding:5px 2px!important;border-radius:12px!important;width:100%;background:color-mix(in srgb,var(--text) 6%,transparent)!important;border:1px solid var(--line)!important;color:var(--text)!important}
.p225i{font-size:17px;line-height:1}.p225l{font-size:10.5px;letter-spacing:-.1px;font-weight:650;line-height:1.1;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.p225sec .p225s[aria-expanded="true"]{border-color:var(--accent,#d4a24c)!important}
.p225mw{position:relative;display:flex}
.p225pop{position:absolute;right:0;bottom:calc(100% + 6px);z-index:30;min-width:220px;display:flex;flex-direction:column;gap:2px;padding:6px;border-radius:14px;background:var(--panel);border:1px solid var(--line);box-shadow:0 12px 32px rgba(0,0,0,.35)}
.p225pop[hidden]{display:none}
.p225pop .p225pi{justify-content:flex-start;text-align:left;min-height:44px!important;padding:8px 12px!important;border:0!important;border-radius:10px!important;font-size:14.5px!important;font-weight:600;width:100%}
.p225pop .p225pi:hover,.p225pop .p225pi:focus-visible{background:color-mix(in srgb,var(--text) 8%,transparent)!important}
.p225pri{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.6fr);gap:8px}
.p225pri.one{grid-template-columns:1fr}
.p225pri>button{min-height:56px!important;font-size:17px!important;font-weight:750!important;border-radius:14px!important;margin:0!important;width:100%}
.p225pri>.btn:not(.pay){background:var(--text)!important;color:var(--panel)!important}
@media (max-width:699px){.p225add>button{font-size:13px!important}.p225sec>.p225s,.p225mw{min-width:64px}}
.p225sec .p225s,.p225sec>.p225mw{min-width:0!important;max-width:none!important}
.p225acts,.p225sec,.p225pri{width:100%;max-width:100%;box-sizing:border-box}
.posticket .p269lock{max-width:100%;box-sizing:border-box;white-space:normal}

/* v2.25.1 sub-category side bar */
.posorder .p2251b{display:grid;grid-template-columns:132px minmax(0,1fr);gap:10px;align-items:start}
.posorder .posmenu .p183subs.p272ic.p2251r{flex-direction:column!important;flex-wrap:nowrap!important;overflow:visible;gap:4px;padding:2px 0!important;position:sticky;top:6px;border-right:1px solid var(--line);padding-right:8px!important}
.posorder .posmenu .p183subs.p272ic.p2251r>button{width:100%!important;justify-content:space-between!important;min-height:46px!important;padding:6px 12px!important;border-radius:12px!important;font-size:14px!important;text-align:left;white-space:normal}
.posorder .posmenu .p183subs.p272ic.p2251r>button .p272l{-webkit-line-clamp:2;white-space:normal;text-align:left}
.posorder .posmenu .p183subs.p272ic.p2251r>button[aria-pressed="true"]{background:var(--text)!important;color:var(--panel)!important}
.posorder .posmenu .p183subs.p272ic.p2251r>button[aria-pressed="true"] i{color:var(--panel)}
@media (max-width:699px){.posorder .p2251b{display:block}.posorder .posmenu .p183subs.p272ic.p2251r{flex-direction:row!important;overflow-x:auto;position:static;border-right:0;padding:0 2px 8px!important}.posorder .posmenu .p183subs.p272ic.p2251r>button{width:auto!important;min-height:32px!important;padding:3px 12px!important;border-radius:999px!important;font-size:13px!important}}

/* v2.26.0 · POS: Apple-style look */
body.posui[data-ptheme="day"]{--bg:#F2F2F7;--panel:#FFFFFF;--panel2:#F2F2F7;--line:rgba(60,60,67,.16);--text:#1C1C1E;--muted:rgba(60,60,67,.62);--tint:#007AFF;--tintSoft:rgba(0,122,255,.12);--fill:rgba(120,120,128,.12);--fill2:rgba(120,120,128,.20);--go:#248A3D;--bar:rgba(249,249,251,.86);--barS:#F9F9FB;--sh:0 1px 2px rgba(0,0,0,.06),0 1px 1px rgba(0,0,0,.03)}
body.posui[data-ptheme="night"]{--bg:#000000;--panel:#1C1C1E;--panel2:#2C2C2E;--line:rgba(84,84,88,.55);--text:#FFFFFF;--muted:rgba(235,235,245,.6);--tint:#0A84FF;--tintSoft:rgba(10,132,255,.2);--fill:rgba(118,118,128,.24);--fill2:rgba(118,118,128,.36);--go:#30A14E;--bar:rgba(22,22,24,.86);--barS:#161618;--sh:none}
body.posui .posw{font-family:-apple-system,BlinkMacSystemFont,"SF Pro Text","SF Pro Display","Helvetica Neue",system-ui,sans-serif;-webkit-font-smoothing:antialiased;letter-spacing:-.01em}
body.posui .posw :focus-visible{outline:2px solid var(--tint)!important;outline-offset:2px}
/* ---------- header: title + subtitle on the left, actions on the right, segmented sections below ---------- */
body.posui .postop.p226top{display:grid!important;grid-template-columns:minmax(0,1fr) auto auto;grid-template-areas:"brand fs dots" "tabs tabs tabs";align-items:center;gap:8px 10px;padding:10px 16px 10px!important;background:var(--barS)!important;color:var(--text)!important;border-bottom:1px solid var(--line)!important;box-shadow:none!important}
body.posui .p226top .posbrand{grid-area:brand;display:grid!important;grid-template-columns:auto minmax(0,1fr);grid-template-rows:auto auto;column-gap:10px;row-gap:0;align-items:center;min-width:0}
body.posui .p226top .posbrand img{grid-row:1/3;width:36px;height:36px;border-radius:9px}
body.posui .p226top .posbrand>b{display:none}
body.posui .p226top .posbrand select,body.posui .p226top .posbrand .posout{grid-column:2;justify-self:start;background:transparent!important;border:0!important;color:var(--text)!important;font-weight:700!important;font-size:20px!important;line-height:1.15!important;letter-spacing:-.02em;padding:0 22px 0 0!important;min-height:0!important;max-width:100%!important;-webkit-appearance:none;appearance:none;background-image:linear-gradient(45deg,transparent 50%,var(--tint) 50%),linear-gradient(135deg,var(--tint) 50%,transparent 50%)!important;background-position:calc(100% - 9px) 55%,calc(100% - 4px) 55%!important;background-size:5px 5px,5px 5px!important;background-repeat:no-repeat!important;cursor:pointer}
body.posui .p226top .posbrand .posout{background-image:none!important;padding:0!important;cursor:default}
body.posui .p226sub{grid-column:2;display:flex;align-items:center;gap:8px;min-width:0;font-size:13px;color:var(--muted);white-space:nowrap;overflow:hidden}
body.posui .p226sub .pmchip,body.posui .p226sub .posrole,body.posui .p226sub .posshift{display:inline!important;background:none!important;border:0!important;padding:0!important;margin:0!important;font-weight:500!important;font-size:13px!important;line-height:1.3!important;color:var(--muted)!important;text-transform:none!important;letter-spacing:0!important;opacity:1!important;min-height:0!important}
body.posui .p226sub>*+*::before{content:"·";margin-right:8px;color:var(--muted)}
body.posui .p226sub .posshift.on{color:var(--go)!important}
body.posui .p226top .px10fs{grid-area:fs;min-height:36px;padding:0 16px;border-radius:999px!important;background:var(--tintSoft)!important;color:var(--tint)!important;border:0!important;font-weight:600!important;font-size:15px!important;line-height:1!important;margin:0!important}
body.posui .p226top .px10fs svg{color:var(--tint)!important}
body.posui .p226top .px9dots{grid-area:dots;width:36px;height:36px;border-radius:50%;border:0!important;background:var(--fill)!important;color:var(--tint)!important;font-size:18px;margin:0!important}
body.posui .p226top>.p268h{display:none!important}
body.posui .p226top .postabs{grid-area:tabs;display:flex;gap:2px;padding:2px!important;margin:0!important;border-radius:10px;background:var(--fill);overflow-x:auto;scrollbar-width:none;justify-self:start;max-width:100%}
body.posui .p226top .postabs button{flex:0 0 auto;min-height:32px!important;padding:5px 14px!important;border:0!important;border-radius:8px!important;color:var(--text)!important;font-weight:500!important;font-size:14px!important;line-height:1!important;background:transparent!important;gap:6px}
body.posui .p226top .postabs button svg{width:16px;height:16px;opacity:.8}
body.posui .p226top .postabs button[aria-current="page"]{background:var(--panel)!important;font-weight:600!important;box-shadow:0 3px 8px rgba(0,0,0,.12),0 1px 1px rgba(0,0,0,.04)}
body.posui[data-ptheme="night"] .p226top .postabs button[aria-current="page"]{background:#636366!important}
body.posui .p226top .posbad{background:#FF3B30!important;color:#fff!important}
body.posui .p226top .px9more{border-radius:14px;border:0;box-shadow:0 10px 40px rgba(0,0,0,.25);background:var(--panel)}
body.posui .px9more .p226help .p276i{font-weight:700;font-size:18px}
/* ---------- order screen: categories on the left, search + sub-categories on top of the items ---------- */
body.posui .posorder{background:var(--bg)}
body.posui .posorder .posmenu{padding:0!important}
.posorder .p226m{display:grid;grid-template-columns:200px minmax(0,1fr);min-height:100%;align-items:start}
.posorder .p226side{position:sticky;top:0;align-self:start;max-height:calc(100vh - 120px);overflow-y:auto;padding:12px 10px 20px;border-right:1px solid var(--line);background:var(--panel);min-height:calc(100vh - 120px);box-sizing:border-box}
.posorder .p226back{display:flex!important;align-items:center;gap:4px;width:100%;min-height:36px!important;padding:4px 8px!important;margin:0 0 8px;border:0!important;background:transparent!important;color:var(--tint)!important;font-weight:400!important;font-size:17px!important;line-height:1!important;justify-content:flex-start}
.posorder .p226back span{font-size:26px;line-height:0;margin-top:-2px}
.posorder .posmenu .poscats.p272ic.p226cats{display:flex!important;flex-direction:column!important;flex-wrap:nowrap!important;overflow:visible!important;gap:2px!important;padding:0!important;margin:0!important}
.posorder .posmenu .poscats.p272ic.p226cats>button{width:100%!important;flex-direction:row!important;justify-content:flex-start!important;align-items:center!important;gap:12px!important;min-height:44px!important;padding:6px 10px!important;border-radius:10px!important;border:0!important;background:transparent!important;color:var(--text)!important;font-weight:500!important;font-size:16px!important;line-height:1.2!important;text-align:left;white-space:normal}
.posorder .posmenu .poscats.p272ic.p226cats>button .p272i{width:29px;height:29px;flex:0 0 29px;border-radius:7px;box-shadow:none;transform:none}
.posorder .posmenu .poscats.p272ic.p226cats>button .p272i svg{width:62%;height:62%}
.posorder .posmenu .poscats.p272ic.p226cats>button .p272l{-webkit-line-clamp:2;white-space:normal;text-align:left;color:inherit}
.posorder .posmenu .poscats.p272ic.p226cats>button:hover{background:var(--fill)!important}
.posorder .posmenu .poscats.p272ic.p226cats>button[aria-pressed="true"]{background:var(--tint)!important;color:#fff!important}
.posorder .posmenu .poscats.p272ic.p226cats>button[aria-pressed="true"] .p272i{box-shadow:0 0 0 1.5px rgba(255,255,255,.7)}
.posorder .p226main{padding:12px 14px 24px;min-width:0}
.posorder .p226main .posbar{margin:0 0 10px!important;padding:0!important}
.posorder .p226main #posQ{width:100%;min-height:38px!important;border-radius:10px!important;border:0!important;background:var(--fill)!important;color:var(--text)!important;font-weight:400!important;font-size:17px!important;line-height:1.2!important;padding:0 12px 0 34px!important;background-image:radial-gradient(circle at 15px 17px,transparent 5.5px,var(--muted) 6px,var(--muted) 7.4px,transparent 7.8px),linear-gradient(45deg,transparent 47%,var(--muted) 47%,var(--muted) 60%,transparent 60%)!important;background-size:auto,6px 6px!important;background-position:0 0,20px 21px!important;background-repeat:no-repeat!important}
.posorder .p226main #posQ::placeholder{color:var(--muted)}
/* sub-categories: an Apple segmented control */
.posorder .posmenu .p183subs.p272ic.p226subs{display:inline-flex!important;flex-direction:row!important;flex-wrap:nowrap!important;max-width:100%;overflow-x:auto;gap:2px!important;padding:2px!important;margin:0 0 12px!important;border-radius:9px;background:var(--fill);border:0!important;position:static}
.posorder .posmenu .p183subs.p272ic.p226subs>button{width:auto!important;min-height:30px!important;padding:4px 14px!important;border-radius:7px!important;border:0!important;background:transparent!important;color:var(--text)!important;font-weight:500!important;font-size:13.5px!important;line-height:1!important;gap:6px!important;flex-direction:row!important;white-space:nowrap}
.posorder .posmenu .p183subs.p272ic.p226subs>button i{font-style:normal;font-size:12px;color:var(--muted);opacity:1}
.posorder .posmenu .p183subs.p272ic.p226subs>button[aria-pressed="true"]{background:var(--panel)!important;font-weight:600!important;box-shadow:0 3px 8px rgba(0,0,0,.12),0 1px 1px rgba(0,0,0,.04)}
body.posui[data-ptheme="night"] .posorder .posmenu .p183subs.p272ic.p226subs>button[aria-pressed="true"]{background:#636366!important}
.posorder .posmenu .p183subs.p272ic.p226subs .p272i{display:none}
/* item tiles: white cards, soft shadow */
body.posui .posorder .positem.p225t{border:0!important;border-radius:14px!important;background:var(--panel)!important;box-shadow:var(--sh);height:92px}
body.posui[data-ptheme="night"] .posorder .positem.p225t{background:var(--panel)!important}
body.posui .posorder .positem.p225t b{font-weight:600!important;font-size:15px!important;letter-spacing:-.01em}
body.posui .posorder .positem.p225t>span:not(.p271av){font-weight:600;font-size:15px;color:var(--text)}
.posorder .p225pk{background:var(--fill)!important;color:var(--muted)!important;font-weight:600}
/* ---------- bill panel ---------- */
body.posui .posticket{background:var(--panel)!important;border-left:1px solid var(--line)}
body.posui .posticket .posth b{font-weight:700;font-size:22px;line-height:1.15;letter-spacing:-.02em}
body.posui .posticket .posth .hint{color:var(--muted);font-size:13px}
.p225add>button{border:0!important;background:var(--fill)!important;color:var(--tint)!important;border-radius:10px!important;font-weight:600!important}
body.posui .posticket .poslines .posl{border-color:var(--line)!important}
body.posui .posticket .pq,body.posui .posticket .pqd{background:var(--fill)!important;border:0!important;color:var(--tint)!important;border-radius:8px!important}
body.posui .posticket .pqx{color:var(--muted)!important}
.p225sec .p225s{background:var(--fill)!important;border:0!important;color:var(--tint)!important}
.p225sec .p225s .p225l{color:var(--text)}
.p225sec .p225s[aria-expanded="true"]{background:var(--tintSoft)!important}
.p225pop{border:0;border-radius:14px;box-shadow:0 10px 40px rgba(0,0,0,.25)}
.p225pop .p225pi{color:var(--text)!important;background:transparent!important}
.p225pri>.btn:not(.pay){background:var(--fill)!important;color:var(--tint)!important}
body.posui .p225pri>.btn.pay{background:var(--go)!important;color:#fff!important;border:0!important}
body.posui .posticket .p269lock{background:var(--fill)!important;color:var(--muted)!important;border:0!important}
/* ---------- phone ---------- */
@media (max-width:699px){
  body.posui .postop.p226top{grid-template-columns:minmax(0,1fr) auto auto;grid-template-areas:"brand fs dots";padding:8px 12px!important}
  body.posui .p226top .posbrand img{width:30px;height:30px}
  body.posui .p226top .posbrand select,body.posui .p226top .posbrand .posout{font-size:17px!important}
  body.posui .p226sub{font-size:12px}
  body.posui .p226top .postabs{position:fixed!important;left:0;right:0;bottom:0;z-index:30;border-radius:0;background:var(--bar)!important;-webkit-backdrop-filter:saturate(180%) blur(20px);backdrop-filter:saturate(180%) blur(20px);border-top:1px solid var(--line);padding:4px 4px calc(4px + env(safe-area-inset-bottom))!important;justify-content:space-around}
  body.posui .p226top .postabs button{flex:1;flex-direction:column;gap:2px;min-height:50px!important;padding:4px 2px!important;font-size:10.5px!important;color:var(--muted)!important;border-radius:0!important;box-shadow:none!important;background:transparent!important}
  body.posui .p226top .postabs button svg{width:22px;height:22px;opacity:1}
  body.posui .p226top .postabs button[aria-current="page"]{color:var(--tint)!important;background:transparent!important}
  .posorder .p226m{display:block}
  .posorder .p226side{position:static;max-height:none;min-height:0;padding:8px 12px 0;border-right:0;background:transparent;display:flex;align-items:center;gap:6px}
  .posorder .p226back{width:auto!important;margin:0!important;flex:0 0 auto}
  .posorder .posmenu .poscats.p272ic.p226cats{flex-direction:row!important;overflow-x:auto!important;gap:6px!important;scrollbar-width:none}
  .posorder .posmenu .poscats.p272ic.p226cats>button{width:auto!important;flex:0 0 auto!important;min-height:36px!important;padding:3px 12px 3px 4px!important;border-radius:999px!important;background:var(--fill)!important;font-size:14px!important;gap:6px!important;white-space:nowrap}
  .posorder .posmenu .poscats.p272ic.p226cats>button .p272i{width:28px;height:28px;flex-basis:28px;border-radius:999px}
  .posorder .p226main{padding:10px 12px 90px}
}
@media (max-width:699px){body.posui.posord .p226top .postabs{display:none!important}}
/* tiles: the name uses the full width; picture and pack size sit on the price line */
body.posui .posorder .positem.p225t{padding:10px 11px 9px!important}
body.posui .posorder .positem.p225t .p271av,body.posui .posorder .positem.p271.p225t .p271av.p277{top:auto!important;bottom:7px!important;right:8px!important;width:28px!important;height:28px!important;border-radius:8px!important;padding:2px!important}
body.posui .posorder .positem.p225t .p198i{top:auto;bottom:7px;right:8px;width:28px;height:28px}
body.posui .posorder .positem.p225t::before{top:auto!important;bottom:7px!important;right:8px!important;width:28px!important;height:28px!important}
body.posui .posorder .positem.p225t .p225pk{right:42px;bottom:10px}
.p226pk{display:inline-block;margin-left:6px;padding:1px 7px;border-radius:999px;background:var(--fill);color:var(--muted);font-size:11.5px;font-weight:600;vertical-align:1px;white-space:nowrap}
/* phone tab bar full width; cart bar in the light look */
@media (max-width:699px){body.posui .p226top .postabs{width:100vw!important;max-width:none!important;justify-self:auto}
  body.posui .px9cart{background:var(--bar)!important;color:var(--text)!important;-webkit-backdrop-filter:saturate(180%) blur(20px);backdrop-filter:saturate(180%) blur(20px);border-top:1px solid var(--line)!important}
  body.posui .px9cart .px9cb{background:var(--panel)!important;color:var(--text)!important;border:0!important;box-shadow:var(--sh)}
  body.posui .px9cart .px9cb em{color:var(--muted)!important}
  body.posui .px9cart .px9cn{background:var(--tint)!important;color:#fff!important}
  body.posui .px9cart .btn{background:var(--tint)!important;color:#fff!important;border:0!important}
  body.posui .px9tkx{background:var(--fill)!important;color:var(--tint)!important;border:0!important}}
/* floor: white cards; open bills keep a blue edge instead of gold */
body.posui .postbl{border:0!important;background:var(--panel)!important;box-shadow:var(--sh);border-radius:14px!important}
body.posui[data-ptheme="night"] .postbl{background:var(--panel2)!important}
body.posui .postbl.busy{background:var(--panel)!important;box-shadow:inset 4px 0 0 var(--tint),var(--sh)!important}
body.posui[data-ptheme="night"] .postbl.busy{background:var(--panel2)!important}
body.posui .postbl.rsv{box-shadow:inset 0 0 0 1.5px var(--line),var(--sh)!important}
body.posui .postbl em{color:var(--muted)!important}
body.posui .posw .btn:not(.pay):not(.ghost){border-radius:12px}
/* tiles: at least 160px wide so name, price, pack and picture never overlap */
body.posui .posorder .positems{grid-template-columns:repeat(auto-fill,minmax(160px,1fr))!important}
/* narrow tablets (portrait): categories become a row of chips on top, like the phone */
@media (min-width:700px) and (max-width:699px){
  .posorder .p226m{display:block}
  .posorder .p226side{position:static;max-height:none;min-height:0;padding:10px 14px 0;border-right:0;background:transparent;display:flex;align-items:center;gap:6px}
  .posorder .p226back{width:auto!important;margin:0!important;flex:0 0 auto}
  .posorder .posmenu .poscats.p272ic.p226cats{flex-direction:row!important;overflow-x:auto!important;gap:6px!important;scrollbar-width:none}
  .posorder .posmenu .poscats.p272ic.p226cats>button{width:auto!important;flex:0 0 auto!important;min-height:38px!important;padding:3px 14px 3px 4px!important;border-radius:999px!important;background:var(--fill)!important;font-size:15px!important;gap:8px!important;white-space:nowrap}
  .posorder .posmenu .poscats.p272ic.p226cats>button .p272i{width:30px;height:30px;flex-basis:30px;border-radius:999px}
  body.posui .posorder .positems{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))!important}}

/* ===================== v2.27.0 · App styles · POS side bar buttons · Front Sale = table order screen · extra table ===================== */
/* ---------- POS: category side bar as buttons (every style) ---------- */
.posorder .p226side,.tb.p227tb .p226side{background:var(--bg)!important}
.posorder .posmenu .poscats.p272ic.p226cats>button,.tb.p227tb .tb-cats.p272ic.p226cats>button{background:var(--panel)!important;box-shadow:var(--sh),inset 0 0 0 1px var(--line)!important;min-height:52px!important;margin:0 0 6px!important;border-radius:12px!important;font-weight:600!important}
.posorder .posmenu .poscats.p272ic.p226cats>button:hover,.tb.p227tb .tb-cats.p272ic.p226cats>button:hover{background:var(--panel2)!important}
.posorder .posmenu .poscats.p272ic.p226cats>button[aria-pressed="true"],.tb.p227tb .tb-cats.p272ic.p226cats>button[aria-pressed="true"]{background:var(--tint)!important;color:#fff!important;box-shadow:0 2px 8px color-mix(in srgb,var(--tint) 35%,transparent)!important}
.posorder .posmenu .poscats.p272ic.p226cats>button[aria-pressed="true"] .p272l,.tb.p227tb .tb-cats.p272ic.p226cats>button[aria-pressed="true"] .p272l{color:#fff!important}
/* ---------- extra table tile on the floor ---------- */
body.posui .p227add{border:1.5px dashed color-mix(in srgb,var(--tint,#007AFF) 55%,transparent)!important;background:transparent!important;box-shadow:none!important;color:var(--tint,#007AFF)!important;align-items:center!important;justify-content:center!important;text-align:center;gap:4px}
body.posui .p227add b{font-size:16px;color:var(--tint,#007AFF)}body.posui .p227add em{color:var(--muted)!important;font-size:12px}
/* ---------- sheets (App style, Add table) ---------- */
.u227{position:fixed;inset:0;z-index:400;font-family:var(--ui227f,inherit)}
.u227bg{position:absolute;inset:0;background:rgba(0,0,0,.42);opacity:0;transition:opacity .2s}
.u227p{position:absolute;left:50%;top:6vh;width:min(720px,94vw);max-height:88vh;display:flex;flex-direction:column;transform:translate(-50%,12px);opacity:0;transition:transform .24s cubic-bezier(.2,.8,.2,1),opacity .2s;background:var(--panel);color:var(--text);border-radius:var(--u-r,18px);box-shadow:0 24px 70px rgba(0,0,0,.35);overflow:hidden;margin:0}
.u227.open .u227bg{opacity:1}.u227.open .u227p{transform:translate(-50%,0);opacity:1}
.u227p>header{display:flex;justify-content:space-between;gap:12px;align-items:flex-start;padding:18px 20px 10px;border-bottom:1px solid var(--line)}
.u227p h2{margin:0;font-size:22px}.u227p header p{margin:4px 0 0;color:var(--muted);font-size:14px}
.u227x{appearance:none;border:0;width:38px;height:38px;border-radius:50%;background:color-mix(in srgb,var(--text) 8%,transparent);color:var(--text);font-size:15px;cursor:pointer;flex:none}
.u227b{overflow:auto;padding:14px 20px 22px;display:flex;flex-direction:column;gap:16px}
.u227b h3{margin:0 0 8px;font-size:15px}.u227b h4{margin:12px 0 6px;font-size:14px}.u227b h4 small{font-weight:400;color:var(--muted)}
.u227h{font-size:13px!important;text-transform:none;color:var(--muted);margin:0!important}
.u227row{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:8px}
.u227row>button{appearance:none;display:flex;flex-direction:column;align-items:flex-start;gap:2px;padding:10px;border-radius:14px;border:1.5px solid var(--line);background:var(--panel);color:var(--text);cursor:pointer;text-align:left;font:inherit}
.u227row>button[aria-checked="true"]{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 22%,transparent)}
.u227row>button b{font-size:14px;margin-top:6px}.u227row>button small{font-size:12px;color:var(--muted)}
.u227def{margin:6px 0 0;font-size:13px;color:var(--muted)}.u227def .hx-link{padding:0;min-height:0;font-size:13px}
.u227org{border-top:1px solid var(--line);padding-top:14px}
.u227mini{display:block;width:100%;height:58px;border-radius:10px;position:relative;overflow:hidden}
.u227mini i,.u227mini b,.u227mini em,.u227mini u{position:absolute;display:block}
.u227m-apple{background:#F2F2F7}.u227m-apple i{left:8px;top:8px;right:8px;height:14px;border-radius:7px;background:#E3E3E8}.u227m-apple b{left:8px;top:28px;width:46%;height:22px;border-radius:9px;background:#fff;box-shadow:0 1px 3px rgba(0,0,0,.12)}.u227m-apple em{right:8px;top:30px;width:34%;height:18px;border-radius:9px;background:#007AFF}
.u227m-ms{background:#F5F5F5}.u227m-ms i{left:0;top:0;bottom:0;width:22%;background:#EBEBEB}.u227m-ms b{left:28%;top:10px;width:36%;height:3px;background:#0F6CBD}.u227m-ms em{left:28%;top:22px;right:8px;height:26px;border-radius:4px;background:#fff;border:1px solid #E0E0E0}.u227m-ms u{right:12px;top:30px;width:24%;height:10px;border-radius:2px;background:#0F6CBD}
.u227m-google{background:#F8FAFD}.u227m-google i{left:8px;top:8px;width:36%;height:16px;border-radius:999px;background:#C2E7FF}.u227m-google b{left:8px;top:30px;right:8px;height:20px;border-radius:12px;background:#F0F4F9}.u227m-google em{right:14px;top:33px;width:30%;height:14px;border-radius:999px;background:#0B57D0}
.u227m-classic{background:#1A1D24}.u227m-classic i{left:8px;top:8px;width:30%;height:12px;border-radius:6px;background:#C8202B}.u227m-classic b{left:8px;top:28px;right:8px;height:22px;border-radius:12px;background:#262A33;border:1px solid #3A3F4B}
.p227f{display:flex;flex-direction:column;gap:6px;font-size:13.5px;color:var(--muted)}.p227f input{min-height:46px;font-size:17px;padding:0 12px;border-radius:10px;border:1px solid var(--line);background:var(--panel2,var(--panel));color:var(--text)}
.p227fa{display:flex;gap:8px;justify-content:flex-end}.p227fa>button{min-height:46px;padding:0 18px;border-radius:12px}
.p227xt .u227p{width:min(440px,94vw)}
@media (max-width:640px){.u227p{left:0;right:0;top:auto;bottom:0;width:auto;max-height:92vh;transform:translateY(100%);border-radius:20px 20px 0 0}.u227.open .u227p{transform:none}.u227row{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (prefers-reduced-motion:reduce){.u227p,.u227bg{transition:none}}
.tg227h{margin:16px 0 6px;font-size:14px}
.p227tg{background:var(--panel);border-radius:14px;padding:14px 16px;margin:0 0 14px;box-shadow:var(--sh,none);border:1px solid var(--line)}.p227tg h3{margin:0 0 4px}.p227tg .btn{margin-top:10px}
.p227st{margin-top:8px}

/* ---------- Front Sale: the same layout as the table order screen ---------- */
body.posui .tb.p227tb{--tb-bg:var(--bg);--tb-card:var(--panel);--tb-card2:var(--panel2);--tb-ink:var(--text);--tb-mut:var(--muted);--tb-acc:var(--go);--tb-gold:var(--text);--tb-line:var(--line);font-family:var(--ui227f,-apple-system,BlinkMacSystemFont,"SF Pro Text","Helvetica Neue",system-ui,sans-serif);letter-spacing:-.01em;background:var(--bg)}
body.posui .tb.p227tb .tb-h{background:var(--barS)!important;border-bottom:1px solid var(--line)!important;color:var(--text)}
body.posui .tb.p227tb .tb-brand b{font-size:20px;letter-spacing:-.02em}body.posui .tb.p227tb .tb-brand span{color:var(--muted)}
body.posui .tb.p227tb .tb-h .tb-lang{border-radius:999px!important;border:0!important;background:var(--fill)!important;color:var(--tint)!important;font-weight:600}
body.posui .tb.p227tb .p282bar{background:var(--bg)!important;border-bottom:1px solid var(--line)}
body.posui .tb.p227tb .tb-body{display:grid!important;grid-template-columns:200px minmax(0,1fr) minmax(300px,360px)!important;gap:0!important;padding:0!important;align-items:start}
body.posui .tb.p227tb .p226side{position:sticky;top:0;align-self:start;max-height:calc(100vh - 140px);overflow-y:auto;padding:12px 10px 20px;border-right:1px solid var(--line);min-height:calc(100vh - 140px);box-sizing:border-box}
body.posui .tb.p227tb .tb-cats.p272ic.p226cats{display:flex!important;flex-direction:column!important;flex-wrap:nowrap!important;overflow:visible!important;gap:0!important;padding:0!important;margin:0!important;border:0!important;background:transparent!important;position:static!important}
body.posui .tb.p227tb .tb-cats.p272ic.p226cats>button{width:100%!important;flex-direction:row!important;justify-content:flex-start!important;align-items:center!important;gap:12px!important;padding:6px 10px!important;border:0!important;color:var(--text)!important;font-size:16px!important;text-align:left;white-space:normal;height:auto!important}
body.posui .tb.p227tb .tb-cats.p272ic.p226cats>button .p272i{width:29px;height:29px;flex:0 0 29px;border-radius:7px;box-shadow:none;transform:none}
body.posui .tb.p227tb .tb-cats.p272ic.p226cats>button .p272l{-webkit-line-clamp:2;white-space:normal;text-align:left;color:inherit!important;font-size:16px}
body.posui .tb.p227tb .tb-menu{padding:12px 14px 24px;min-width:0}
body.posui .tb.p227tb .p227bar{margin:0 0 10px;padding:0}
body.posui .tb.p227tb #tbQ{width:100%;max-width:none;min-height:38px!important;border-radius:10px!important;border:0!important;background:var(--fill)!important;color:var(--text)!important;font-size:17px!important;padding:0 12px!important}
body.posui .tb.p227tb .p183subs.p272ic.p226subs{display:inline-flex!important;flex-direction:row!important;flex-wrap:nowrap!important;max-width:100%;overflow-x:auto;gap:2px!important;padding:2px!important;margin:0 0 12px!important;border-radius:9px;background:var(--fill)!important;border:0!important}
body.posui .tb.p227tb .p183subs.p272ic.p226subs>button{width:auto!important;min-height:30px!important;height:auto!important;padding:4px 14px!important;border-radius:7px!important;border:0!important;background:transparent!important;color:var(--text)!important;font-size:13.5px!important;font-weight:500!important;gap:6px!important;flex-direction:row!important;white-space:nowrap}
body.posui .tb.p227tb .p183subs.p272ic.p226subs>button .p272i{display:none}
body.posui .tb.p227tb .p183subs.p272ic.p226subs>button i{display:inline!important;margin:0!important;font-style:normal;font-size:12px;color:var(--muted)!important}
body.posui .tb.p227tb .p183subs.p272ic.p226subs>button[aria-pressed="true"]{background:var(--panel)!important;font-weight:600!important;box-shadow:0 3px 8px rgba(0,0,0,.12)}
body.posui .tb.p227tb .tb-grid{display:grid!important;grid-template-columns:repeat(auto-fill,minmax(160px,1fr))!important;gap:8px!important}
body.posui .tb.p227tb .tbcw .tbc.p227t{position:relative;height:92px;border-radius:14px!important;background:var(--panel)!important;box-shadow:var(--sh);overflow:hidden}
body.posui .tb.p227tb .tbcw .tbc.p227t .tbc-img{position:absolute!important;right:8px!important;bottom:7px!important;width:28px!important;height:28px!important;border-radius:8px!important;padding:2px!important;overflow:hidden;aspect-ratio:auto!important;background:radial-gradient(circle at 50% 30%,hsl(var(--h) 45% 40%),hsl(calc(var(--h) + 30) 45% 18%))!important;display:grid!important;place-items:center}
body.posui .tb.p227tb .tbcw .tbc.p227t .tbc-img .p277w,body.posui .tb.p227tb .tbcw .tbc.p227t .tbc-img>span.p277w{width:24px!important;height:24px!important}
body.posui .tb.p227tb .tbcw .tbc.p227t .tbc-img img{border-radius:6px}
body.posui .tb.p227tb .tbcw .tbc.p227t .tbbadge{display:none!important}
body.posui .tb.p227tb .tbcw .tbc.p227t .tbc-b{padding:10px 11px 9px!important;min-height:0!important;height:100%;gap:2px}
body.posui .tb.p227tb .tbcw .tbc.p227t .tbc-b b{font-size:15px!important;font-weight:600;line-height:1.22;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;padding-right:22px}
body.posui .tb.p227tb .tbcw .tbc.p227t .tbc-b p,body.posui .tb.p227tb .tbcw .tbc.p227t .tbc-b small{display:none}
body.posui .tb.p227tb .tbcw .tbc.p227t .tbp{font-size:15px!important;font-weight:600;color:var(--text)!important}
body.posui .tb.p227tb .tbcw .tbc.p227t .p225pk{right:42px;bottom:10px;background:var(--fill)!important;color:var(--muted)!important}
body.posui .tb.p227tb .tbcw .tbc-ed{top:6px!important;right:6px!important;bottom:auto!important;left:auto!important;width:26px;height:26px;min-height:0;border-radius:8px;border:0!important;background:var(--fill)!important;color:var(--tint)!important;padding:0;display:grid;place-items:center}
body.posui .tb.p227tb .tbcw .tbc-ed svg{width:14px;height:14px}
body.posui .tb.p227tb .tb-cart{background:var(--panel)!important;border-left:1px solid var(--line);border-radius:0!important;top:0!important;max-height:none!important;min-height:calc(100vh - 140px)}
body.posui .tb.p227tb .tb-send{background:var(--go)!important;color:#fff!important;border-radius:14px!important}
body.posui .tb.p227tb .tb-target,body.posui .tb.p227tb .p280g,body.posui .tb.p227tb .p280c{background:var(--fill)!important;border:0!important;border-radius:12px!important}
body.posui .tb.p227tb .tb-lines li{border-color:var(--line)!important}
body.posui .tb.p227tb .tb-q2 button{background:var(--fill)!important;border:0!important;color:var(--tint)!important;border-radius:8px!important}
@media (max-width:1000px){body.posui .tb.p227tb .tb-body{grid-template-columns:minmax(0,1fr) minmax(280px,330px)!important}
  body.posui .tb.p227tb .p226side{grid-column:1/-1;position:static;max-height:none;min-height:0;border-right:0;padding:10px 14px 0}
  body.posui .tb.p227tb .tb-cats.p272ic.p226cats{flex-direction:row!important;overflow-x:auto!important;gap:6px!important;scrollbar-width:none}
  body.posui .tb.p227tb .tb-cats.p272ic.p226cats>button{width:auto!important;flex:0 0 auto!important;min-height:38px!important;padding:3px 14px 3px 4px!important;border-radius:999px!important;font-size:15px!important;gap:8px!important;white-space:nowrap;margin:0!important}
  body.posui .tb.p227tb .tb-cats.p272ic.p226cats>button .p272i{width:30px;height:30px;flex-basis:30px;border-radius:999px}
  body.posui .tb.p227tb .tb-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))!important}}
@media (max-width:979px){body.posui .tb.p227tb .tb-body{display:block!important}body.posui .tb.p227tb .tb-cart{min-height:0;border-left:0}}
@media (max-width:600px){body.posui .tb.p227tb .tb-menu{padding:10px 12px 100px}body.posui .tb.p227tb .tb-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}}

/* ===================== Styles for the Head Office and Staff apps ===================== */
:root[data-ui]{--body:var(--ui227f);--display:var(--ui227f)}
:root[data-ui="apple"]{color-scheme:light;--bg:#F2F2F7;--panel:#FFFFFF;--panel2:#F2F2F7;--line:#D1D1D6;--text:#1C1C1E;--muted:#6C6C70;--accent:#007AFF;--accentInk:#FFFFFF;--accentSoft:rgba(0,122,255,.12);--done:#248A3D;--prog:#C93400;--over:#D70015;--verify:#0071E3;--u-r:14px;--u-rb:10px;--u-ri:10px;--u-sh:0 1px 3px rgba(0,0,0,.06),0 1px 1px rgba(0,0,0,.04);--u-fill:rgba(118,118,128,.12);--u-bd:transparent}
:root[data-ui="ms"]{color-scheme:light;--bg:#F5F5F5;--panel:#FFFFFF;--panel2:#FAFAFA;--line:#E0E0E0;--text:#242424;--muted:#616161;--accent:#0F6CBD;--accentInk:#FFFFFF;--accentSoft:#EBF3FC;--done:#107C10;--prog:#BC4B09;--over:#C50F1F;--verify:#0F6CBD;--u-r:8px;--u-rb:4px;--u-ri:4px;--u-sh:0 2px 4px rgba(0,0,0,.14),0 0 2px rgba(0,0,0,.12);--u-fill:#F0F0F0;--u-bd:#E0E0E0}
:root[data-ui="google"]{color-scheme:light;--bg:#F8FAFD;--panel:#FFFFFF;--panel2:#F0F4F9;--line:#C4C7C5;--text:#1F1F1F;--muted:#444746;--accent:#0B57D0;--accentInk:#FFFFFF;--accentSoft:#D3E3FD;--done:#146C2E;--prog:#8E4E00;--over:#B3261E;--verify:#0B57D0;--u-r:16px;--u-rb:999px;--u-ri:8px;--u-sh:none;--u-fill:#E9EEF6;--u-bd:transparent}
@media (prefers-color-scheme:dark){
:root[data-ui="apple"]:not([data-theme="light"]){color-scheme:dark;--bg:#000000;--panel:#1C1C1E;--panel2:#2C2C2E;--line:#38383A;--text:#FFFFFF;--muted:#98989F;--accent:#0A84FF;--accentInk:#FFFFFF;--accentSoft:rgba(10,132,255,.22);--done:#30D158;--prog:#FF9F0A;--over:#FF453A;--verify:#64D2FF;--u-sh:none;--u-fill:rgba(118,118,128,.24)}
:root[data-ui="ms"]:not([data-theme="light"]){color-scheme:dark;--bg:#1F1F1F;--panel:#292929;--panel2:#333333;--line:#3D3D3D;--text:#FFFFFF;--muted:#ADADAD;--accent:#479EF5;--accentInk:#0A1A2E;--accentSoft:rgba(71,158,245,.18);--done:#54B054;--prog:#F7A65C;--over:#F1707B;--verify:#479EF5;--u-sh:0 2px 4px rgba(0,0,0,.4);--u-fill:#383838;--u-bd:#3D3D3D}
:root[data-ui="google"]:not([data-theme="light"]){color-scheme:dark;--bg:#131314;--panel:#1E1F20;--panel2:#282A2C;--line:#444746;--text:#E3E3E3;--muted:#C4C7C5;--accent:#A8C7FA;--accentInk:#062E6F;--accentSoft:#004A77;--done:#6DD58C;--prog:#FFB870;--over:#F2B8B5;--verify:#A8C7FA;--u-fill:#333537}}
:root[data-ui="apple"][data-theme="dark"]{color-scheme:dark;--bg:#000000;--panel:#1C1C1E;--panel2:#2C2C2E;--line:#38383A;--text:#FFFFFF;--muted:#98989F;--accent:#0A84FF;--accentInk:#FFFFFF;--accentSoft:rgba(10,132,255,.22);--done:#30D158;--prog:#FF9F0A;--over:#FF453A;--verify:#64D2FF;--u-sh:none;--u-fill:rgba(118,118,128,.24)}
:root[data-ui="ms"][data-theme="dark"]{color-scheme:dark;--bg:#1F1F1F;--panel:#292929;--panel2:#333333;--line:#3D3D3D;--text:#FFFFFF;--muted:#ADADAD;--accent:#479EF5;--accentInk:#0A1A2E;--accentSoft:rgba(71,158,245,.18);--done:#54B054;--prog:#F7A65C;--over:#F1707B;--verify:#479EF5;--u-sh:0 2px 4px rgba(0,0,0,.4);--u-fill:#383838;--u-bd:#3D3D3D}
:root[data-ui="google"][data-theme="dark"]{color-scheme:dark;--bg:#131314;--panel:#1E1F20;--panel2:#282A2C;--line:#444746;--text:#E3E3E3;--muted:#C4C7C5;--accent:#A8C7FA;--accentInk:#062E6F;--accentSoft:#004A77;--done:#6DD58C;--prog:#FFB870;--over:#F2B8B5;--verify:#A8C7FA;--u-fill:#333537}
:root[data-ui] body{font-family:var(--ui227f);-webkit-font-smoothing:antialiased}
:root[data-ui] :is(button,input,select,textarea){font-family:var(--ui227f)}
/* shapes */
:root[data-ui] :is(.btn,.hx-btn,.ghost:not(.cib),.acctbtn+.x){border-radius:var(--u-rb)}
:root[data-ui] :is(input:not([type="checkbox"]):not([type="radio"]):not([type="range"]),select,textarea){border-radius:var(--u-ri)}
:root[data-ui] :is(.hx-w,.mkcard,.hrsec,.rsec,.ivcard,.fz-card,.mh-tiles,.hero,.card,.ecard,.stsec,.dsec){border-radius:var(--u-r)!important}
:root[data-ui] :is(.hx-w,.mkcard,.hrsec,.ivcard,.fz-card,.mh-tiles,.stsec){box-shadow:var(--u-sh);border-color:var(--u-bd)!important}
:root[data-ui] .hero{border-color:var(--u-bd)!important;box-shadow:var(--u-sh)}
:root[data-ui] .hero::before{display:none}
:root[data-ui] .btn:not(.pay):not(.danger){background:var(--accent);color:var(--accentInk);border-color:var(--accent)}
/* top navigation */
:root[data-ui] .hero .tabs>button{border-radius:var(--u-rb)}
:root[data-ui="apple"] .hero .tabs>button[aria-selected="true"]{background:var(--u-fill)!important;color:var(--text)!important}
:root[data-ui="ms"] .hero .tabs>button{border-radius:4px;position:relative}
:root[data-ui="ms"] .hero .tabs>button[aria-selected="true"]{background:transparent!important;color:var(--text)!important;font-weight:600;box-shadow:inset 0 -3px 0 var(--accent)}
:root[data-ui="google"] .hero .tabs>button{border-radius:999px}
:root[data-ui="google"] .hero .tabs>button[aria-selected="true"]{background:var(--accentSoft)!important;color:var(--text)!important;font-weight:600}
/* module bar (Hub · Tasks · KPIs …) */
:root[data-ui="apple"] .mb .mb-tabs{background:var(--u-fill);border-radius:10px;padding:2px}
:root[data-ui="apple"] .mb .mb-tabs button[aria-current="page"]{background:var(--panel)!important;box-shadow:0 3px 8px rgba(0,0,0,.12),0 1px 1px rgba(0,0,0,.04);border-radius:8px}
:root[data-ui="ms"] .mb .mb-tabs{background:transparent;border-bottom:1px solid var(--line);border-radius:0}
:root[data-ui="ms"] .mb .mb-tabs button{border-radius:4px}
:root[data-ui="ms"] .mb .mb-tabs button[aria-current="page"]{background:transparent!important;box-shadow:inset 0 -3px 0 var(--accent);font-weight:600}
:root[data-ui="google"] .mb .mb-tabs{background:transparent}
:root[data-ui="google"] .mb .mb-tabs button{border-radius:999px}
:root[data-ui="google"] .mb .mb-tabs button[aria-current="page"]{background:var(--accentSoft)!important;font-weight:600}
/* hub tiles */
:root[data-ui="ms"] .mh-app{border-radius:8px!important}:root[data-ui="google"] .mh-app{border-radius:16px!important}:root[data-ui="apple"] .mh-app{border-radius:14px!important}
/* phone bottom bar */
:root[data-ui] .bnav{background:color-mix(in srgb,var(--panel) 88%,transparent);-webkit-backdrop-filter:saturate(180%) blur(20px);backdrop-filter:saturate(180%) blur(20px);border-top:1px solid var(--line)}
:root[data-ui] .bnav button[aria-current="page"]{color:var(--accent)!important}
:root[data-ui="google"] .bnav button[aria-current="page"] svg{background:var(--accentSoft);border-radius:999px;padding:3px 14px;box-sizing:content-box}
:root[data-ui="ms"] .bnav button[aria-current="page"]{box-shadow:inset 0 3px 0 var(--accent)}
:root[data-ui] .eyebrow{letter-spacing:.02em;text-transform:none;font-size:13px}

/* ===================== Styles for the POS and Front Sale ===================== */
html[data-ui] body.posui .posw,html[data-ui] body.posui .tb{font-family:var(--ui227f)}
html[data-ui="apple"] body.posui[data-ptheme="day"]{--bg:#F2F2F7;--panel:#FFFFFF;--panel2:#F2F2F7;--line:rgba(60,60,67,.16);--text:#1C1C1E;--muted:rgba(60,60,67,.62);--tint:#007AFF;--tintSoft:rgba(0,122,255,.12);--fill:rgba(120,120,128,.12);--fill2:rgba(120,120,128,.20);--go:#248A3D;--bar:rgba(249,249,251,.86);--barS:#F9F9FB;--sh:0 1px 2px rgba(0,0,0,.06),0 1px 1px rgba(0,0,0,.03);--accent:#007AFF;--accentSoft:rgba(0,122,255,.12)}
html[data-ui="apple"] body.posui[data-ptheme="night"]{--bg:#000000;--panel:#1C1C1E;--panel2:#2C2C2E;--line:rgba(84,84,88,.55);--text:#FFFFFF;--muted:rgba(235,235,245,.6);--tint:#0A84FF;--tintSoft:rgba(10,132,255,.2);--fill:rgba(118,118,128,.24);--fill2:rgba(118,118,128,.36);--go:#30A14E;--bar:rgba(22,22,24,.86);--barS:#161618;--sh:none;--accent:#0A84FF;--accentSoft:rgba(10,132,255,.2)}
html[data-ui="ms"] body.posui[data-ptheme="day"]{--bg:#F5F5F5;--panel:#FFFFFF;--panel2:#FAFAFA;--line:#E0E0E0;--text:#242424;--muted:#616161;--tint:#0F6CBD;--tintSoft:#EBF3FC;--fill:#F0F0F0;--fill2:#E0E0E0;--go:#107C10;--bar:#FFFFFF;--barS:#FFFFFF;--sh:0 2px 4px rgba(0,0,0,.14),0 0 2px rgba(0,0,0,.12);--accent:#0F6CBD;--accentSoft:#EBF3FC}
html[data-ui="ms"] body.posui[data-ptheme="night"]{--bg:#1F1F1F;--panel:#292929;--panel2:#333333;--line:#3D3D3D;--text:#FFFFFF;--muted:#ADADAD;--tint:#479EF5;--tintSoft:rgba(71,158,245,.18);--fill:#383838;--fill2:#454545;--go:#107C10;--bar:#292929;--barS:#292929;--sh:0 2px 4px rgba(0,0,0,.4);--accent:#479EF5;--accentSoft:rgba(71,158,245,.18)}
html[data-ui="google"] body.posui[data-ptheme="day"]{--bg:#F8FAFD;--panel:#FFFFFF;--panel2:#F0F4F9;--line:#C4C7C5;--text:#1F1F1F;--muted:#444746;--tint:#0B57D0;--tintSoft:#D3E3FD;--fill:#E9EEF6;--fill2:#DDE3EA;--go:#146C2E;--bar:#F0F4F9;--barS:#F0F4F9;--sh:none;--accent:#0B57D0;--accentSoft:#D3E3FD}
html[data-ui="google"] body.posui[data-ptheme="night"]{--bg:#131314;--panel:#1E1F20;--panel2:#282A2C;--line:#444746;--text:#E3E3E3;--muted:#C4C7C5;--tint:#A8C7FA;--tintSoft:#004A77;--fill:#333537;--fill2:#3C3F42;--go:#1E8E3E;--bar:#1E1F20;--barS:#1E1F20;--sh:none;--accent:#A8C7FA;--accentSoft:#004A77}
/* Microsoft (Fluent): small corners, stroke + shadow, underline for the selected tab, accent bar on the selected category */
html[data-ui="ms"] body.posui .p226top .postabs{background:transparent!important;border-radius:0;padding:0!important;border-bottom:1px solid var(--line)}
html[data-ui="ms"] body.posui .p226top .postabs button{border-radius:4px!important}
html[data-ui="ms"] body.posui .p226top .postabs button[aria-current="page"]{background:transparent!important;box-shadow:inset 0 -3px 0 var(--tint)!important}
html[data-ui="ms"] body.posui .p226top .px10fs{border-radius:4px!important;background:var(--tint)!important;color:#fff!important}html[data-ui="ms"] body.posui .p226top .px10fs svg{color:#fff!important}
html[data-ui="ms"] body.posui .p226top .px9dots{border-radius:4px}
html[data-ui="ms"] body.posui .posorder .posmenu .poscats.p272ic.p226cats>button,html[data-ui="ms"] body.posui .tb.p227tb .tb-cats.p272ic.p226cats>button{border-radius:4px!important}
html[data-ui="ms"] body.posui .posorder .posmenu .poscats.p272ic.p226cats>button[aria-pressed="true"],html[data-ui="ms"] body.posui .tb.p227tb .tb-cats.p272ic.p226cats>button[aria-pressed="true"]{background:var(--tintSoft)!important;color:var(--text)!important;box-shadow:inset 3px 0 0 var(--tint),inset 0 0 0 1px var(--line)!important}
html[data-ui="ms"] body.posui .posorder .posmenu .poscats.p272ic.p226cats>button[aria-pressed="true"] .p272l,html[data-ui="ms"] body.posui .tb.p227tb .tb-cats.p272ic.p226cats>button[aria-pressed="true"] .p272l{color:var(--text)!important;font-weight:600}
html[data-ui="ms"] body.posui .posorder .posmenu .p183subs.p272ic.p226subs,html[data-ui="ms"] body.posui .tb.p227tb .p183subs.p272ic.p226subs{background:transparent!important;border-radius:0;border-bottom:1px solid var(--line)!important;padding:0!important}
html[data-ui="ms"] body.posui .posorder .posmenu .p183subs.p272ic.p226subs>button[aria-pressed="true"],html[data-ui="ms"] body.posui .tb.p227tb .p183subs.p272ic.p226subs>button[aria-pressed="true"]{background:transparent!important;box-shadow:inset 0 -3px 0 var(--tint)!important}
html[data-ui="ms"] body.posui .posorder .p226main #posQ,html[data-ui="ms"] body.posui .tb.p227tb #tbQ{border-radius:4px!important;background-color:var(--panel)!important;box-shadow:inset 0 0 0 1px var(--line),inset 0 -1px 0 #616161!important}
html[data-ui="ms"] body.posui .posorder .positem.p225t,html[data-ui="ms"] body.posui .tb.p227tb .tbcw .tbc.p227t{border-radius:8px!important;box-shadow:var(--sh),inset 0 0 0 1px var(--line)!important}
html[data-ui="ms"] body.posui :is(.p225sec .p225s,.p225add>button,.p225pri>button,.posticket .pq,.posticket .pqd,.tb.p227tb .tb-send,.tb.p227tb .tb-target,.tb.p227tb .p280g,.tb.p227tb .p280c){border-radius:4px!important}
html[data-ui="ms"] body.posui .postbl{border-radius:8px!important;box-shadow:var(--sh),inset 0 0 0 1px var(--line)!important}
html[data-ui="ms"] body.posui .postbl.busy{box-shadow:inset 4px 0 0 var(--tint),var(--sh),inset 0 0 0 1px var(--line)!important}
/* Google (Material 3): pills, tonal surfaces, no shadows */
html[data-ui="google"] body.posui .p226top .postabs{background:transparent!important;padding:0!important;gap:6px!important}
html[data-ui="google"] body.posui .p226top .postabs button{border-radius:999px!important;border:1px solid var(--line)!important}
html[data-ui="google"] body.posui .p226top .postabs button[aria-current="page"]{background:var(--tintSoft)!important;border-color:transparent!important;box-shadow:none!important}
html[data-ui="google"] body.posui .p226top .px10fs{background:var(--tint)!important;color:var(--panel)!important}html[data-ui="google"] body.posui .p226top .px10fs svg{color:var(--panel)!important}
html[data-ui="google"] body.posui .posorder .p226side,html[data-ui="google"] body.posui .tb.p227tb .p226side{background:var(--panel2)!important;border-right:0!important}
html[data-ui="google"] body.posui .posorder .posmenu .poscats.p272ic.p226cats>button,html[data-ui="google"] body.posui .tb.p227tb .tb-cats.p272ic.p226cats>button{border-radius:999px!important;box-shadow:none!important;background:var(--panel)!important}
html[data-ui="google"] body.posui .posorder .posmenu .poscats.p272ic.p226cats>button[aria-pressed="true"],html[data-ui="google"] body.posui .tb.p227tb .tb-cats.p272ic.p226cats>button[aria-pressed="true"]{background:var(--tintSoft)!important;color:var(--text)!important;box-shadow:none!important}
html[data-ui="google"] body.posui .posorder .posmenu .poscats.p272ic.p226cats>button[aria-pressed="true"] .p272l,html[data-ui="google"] body.posui .tb.p227tb .tb-cats.p272ic.p226cats>button[aria-pressed="true"] .p272l{color:var(--text)!important;font-weight:700}
html[data-ui="google"] body.posui .posorder .posmenu .p183subs.p272ic.p226subs,html[data-ui="google"] body.posui .tb.p227tb .p183subs.p272ic.p226subs{background:transparent!important;border-radius:999px;box-shadow:inset 0 0 0 1px var(--line);padding:0!important;gap:0!important;overflow:hidden}
html[data-ui="google"] body.posui .posorder .posmenu .p183subs.p272ic.p226subs>button,html[data-ui="google"] body.posui .tb.p227tb .p183subs.p272ic.p226subs>button{border-radius:0!important;min-height:36px!important;padding:4px 16px!important;box-shadow:inset -1px 0 0 var(--line)!important}
html[data-ui="google"] body.posui .posorder .posmenu .p183subs.p272ic.p226subs>button[aria-pressed="true"],html[data-ui="google"] body.posui .tb.p227tb .p183subs.p272ic.p226subs>button[aria-pressed="true"]{background:var(--tintSoft)!important;box-shadow:inset -1px 0 0 var(--line)!important}
html[data-ui="google"] body.posui .posorder .posmenu .p183subs.p272ic.p226subs>button[aria-pressed="true"]::before,html[data-ui="google"] body.posui .tb.p227tb .p183subs.p272ic.p226subs>button[aria-pressed="true"]::before{content:"✓";font-weight:700;margin-right:2px}
html[data-ui="google"] body.posui .posorder .p226main #posQ,html[data-ui="google"] body.posui .tb.p227tb #tbQ{border-radius:999px!important;min-height:46px!important;background-color:var(--panel2)!important}
html[data-ui="google"] body.posui .posorder .positem.p225t,html[data-ui="google"] body.posui .tb.p227tb .tbcw .tbc.p227t{border-radius:16px!important;background:var(--panel2)!important;box-shadow:none!important}
html[data-ui="google"] body.posui :is(.p225sec .p225s,.p225add>button,.posticket .pq,.posticket .pqd){border-radius:16px!important}
html[data-ui="google"] body.posui :is(.p225pri>button,.tb.p227tb .tb-send){border-radius:999px!important}
html[data-ui="google"] body.posui .p225pri>.btn:not(.pay){background:var(--tintSoft)!important;color:var(--text)!important}
html[data-ui="google"] body.posui .postbl{border-radius:16px!important;background:var(--panel2)!important;box-shadow:none!important}
html[data-ui="google"] body.posui .postbl.busy{background:var(--tintSoft)!important;box-shadow:none!important}
html[data-ui="google"] body.posui .postbl.busy :is(b,span,em){color:var(--text)!important}
:root[data-ui] .hero .tabs>button[aria-selected="true"] .tl{color:inherit!important}
:root[data-ui="ms"] .hero .tabs>button[aria-selected="true"]{color:var(--accent)!important}
:root[data-ui="apple"] .hero{background:color-mix(in srgb,var(--panel) 92%,transparent)}
:root[data-ui="google"] .hero{background:var(--bg);box-shadow:none}
:root[data-ui="ms"] .hero{border-radius:0!important;border-left:0!important;border-right:0!important;border-top:0!important;box-shadow:0 1px 2px rgba(0,0,0,.08)}
/* Staff app (front service) */
:root[data-ui="apple"] .happ{--h-bg:#F2F2F7;--h-card:#FFFFFF;--h-ink:#1C1C1E;--h-mute:#6C6C70;--h-line:transparent;--h-brand:#007AFF;--h-brand-s:rgba(0,122,255,.12);--h-ok:#248A3D;--h-ok-s:rgba(52,199,89,.15);--h-warn:#C93400;--h-warn-s:rgba(255,149,0,.15);--h-bad:#D70015;--h-bad-s:rgba(255,59,48,.12);--h-info:#007AFF;--h-info-s:rgba(0,122,255,.12);--h-sh:0 1px 3px rgba(0,0,0,.06);--h-r:14px}
:root[data-ui="ms"] .happ{--h-bg:#F5F5F5;--h-card:#FFFFFF;--h-ink:#242424;--h-mute:#616161;--h-line:#E0E0E0;--h-brand:#0F6CBD;--h-brand-s:#EBF3FC;--h-ok:#107C10;--h-ok-s:#F1FAF1;--h-warn:#BC4B09;--h-warn-s:#FDF6F3;--h-bad:#C50F1F;--h-bad-s:#FDF3F4;--h-info:#0F6CBD;--h-info-s:#EBF3FC;--h-sh:0 2px 4px rgba(0,0,0,.14),0 0 2px rgba(0,0,0,.12);--h-r:8px}
:root[data-ui="google"] .happ{--h-bg:#F8FAFD;--h-card:#F0F4F9;--h-ink:#1F1F1F;--h-mute:#444746;--h-line:transparent;--h-brand:#0B57D0;--h-brand-s:#D3E3FD;--h-ok:#146C2E;--h-ok-s:#C4EED0;--h-warn:#8E4E00;--h-warn-s:#FFDDB3;--h-bad:#B3261E;--h-bad-s:#F9DEDC;--h-info:#0B57D0;--h-info-s:#D3E3FD;--h-sh:none;--h-r:20px}
@media (prefers-color-scheme:dark){
:root[data-ui="apple"]:not([data-theme="light"]) .happ{--h-bg:#000;--h-card:#1C1C1E;--h-ink:#FFF;--h-mute:#98989F;--h-line:transparent;--h-brand:#0A84FF;--h-brand-s:rgba(10,132,255,.22);--h-ok:#30D158;--h-ok-s:rgba(48,209,88,.18);--h-warn:#FF9F0A;--h-warn-s:rgba(255,159,10,.18);--h-bad:#FF453A;--h-bad-s:rgba(255,69,58,.18);--h-info:#64D2FF;--h-info-s:rgba(100,210,255,.15);--h-sh:none}
:root[data-ui="ms"]:not([data-theme="light"]) .happ{--h-bg:#1F1F1F;--h-card:#292929;--h-ink:#FFF;--h-mute:#ADADAD;--h-line:#3D3D3D;--h-brand:#479EF5;--h-brand-s:rgba(71,158,245,.18);--h-ok:#54B054;--h-ok-s:#052505;--h-warn:#F7A65C;--h-warn-s:#411200;--h-bad:#F1707B;--h-bad-s:#3B0509;--h-info:#479EF5;--h-info-s:#082338;--h-sh:0 2px 4px rgba(0,0,0,.4)}
:root[data-ui="google"]:not([data-theme="light"]) .happ{--h-bg:#131314;--h-card:#1E1F20;--h-ink:#E3E3E3;--h-mute:#C4C7C5;--h-line:transparent;--h-brand:#A8C7FA;--h-brand-s:#004A77;--h-ok:#6DD58C;--h-ok-s:#0F5223;--h-warn:#FFB870;--h-warn-s:#653E00;--h-bad:#F2B8B5;--h-bad-s:#8C1D18;--h-info:#A8C7FA;--h-info-s:#004A77;--h-sh:none}}
:root[data-ui="apple"][data-theme="dark"] .happ{--h-bg:#000;--h-card:#1C1C1E;--h-ink:#FFF;--h-mute:#98989F;--h-line:transparent;--h-brand:#0A84FF;--h-brand-s:rgba(10,132,255,.22);--h-ok:#30D158;--h-ok-s:rgba(48,209,88,.18);--h-warn:#FF9F0A;--h-warn-s:rgba(255,159,10,.18);--h-bad:#FF453A;--h-bad-s:rgba(255,69,58,.18);--h-info:#64D2FF;--h-info-s:rgba(100,210,255,.15);--h-sh:none}
:root[data-ui="ms"][data-theme="dark"] .happ{--h-bg:#1F1F1F;--h-card:#292929;--h-ink:#FFF;--h-mute:#ADADAD;--h-line:#3D3D3D;--h-brand:#479EF5;--h-brand-s:rgba(71,158,245,.18);--h-ok:#54B054;--h-ok-s:#052505;--h-warn:#F7A65C;--h-warn-s:#411200;--h-bad:#F1707B;--h-bad-s:#3B0509;--h-info:#479EF5;--h-info-s:#082338;--h-sh:0 2px 4px rgba(0,0,0,.4)}
:root[data-ui="google"][data-theme="dark"] .happ{--h-bg:#131314;--h-card:#1E1F20;--h-ink:#E3E3E3;--h-mute:#C4C7C5;--h-line:transparent;--h-brand:#A8C7FA;--h-brand-s:#004A77;--h-ok:#6DD58C;--h-ok-s:#0F5223;--h-warn:#FFB870;--h-warn-s:#653E00;--h-bad:#F2B8B5;--h-bad-s:#8C1D18;--h-info:#A8C7FA;--h-info-s:#004A77;--h-sh:none}
:root[data-ui] .happ .hbtn{letter-spacing:0;font-family:var(--ui227f)}
:root[data-ui="apple"] .happ .hbtn{border-radius:12px}
:root[data-ui="ms"] .happ .hbtn{border-radius:4px;font-weight:600}
:root[data-ui="google"] .happ .hbtn{border-radius:999px;font-weight:600}
:root[data-ui="google"][data-theme="dark"] .happ .hbtn:not(.ghost),:root[data-ui="google"] .happ .hbtn:not(.ghost){color:var(--h-bg)}
:root[data-ui="google"]:not([data-theme="dark"]) .happ .hbtn:not(.ghost){color:#fff}
@media (prefers-color-scheme:dark){:root[data-ui="google"]:not([data-theme="light"]) .happ .hbtn:not(.ghost){color:#062E6F}}
:root[data-ui] .happ .hsec-h{letter-spacing:0;text-transform:none;font-size:15px}
:root[data-ui="apple"] .happ .hsec-h{color:var(--h-mute);font-weight:600}
:root[data-ui="ms"] .happ .htoday::before,:root[data-ui="apple"] .happ .htoday::before,:root[data-ui="google"] .happ .htoday::before{border-radius:var(--h-r) 0 0 var(--h-r)}
:root[data-ui] .happ .hbtn.ghost{background:var(--h-brand-s)!important;color:var(--h-brand)!important;border:0!important}

/* v2.28.0 · Telegram icon · Hiring · daily report Telegram */
.tg228{display:inline-flex;align-items:center;gap:5px;vertical-align:middle;margin-left:6px;text-decoration:none;color:#229ED9;font-weight:600;font-size:13px;border-radius:999px;line-height:1}
.tg228 svg{width:20px;height:20px;flex:none;transition:transform .12s}.tg228:hover svg{transform:scale(1.12)}
.tg228:focus-visible{outline:2px solid #229ED9;outline-offset:2px}
.tg228t{margin-left:0}.tg228t span{color:var(--text)}
.hrwkn .tg228 svg{width:16px;height:16px}.hrwkn .tg228{margin-left:4px}
.hj .hx-hd{flex-wrap:wrap}.hj-last{margin:-6px 0 12px}
.hj-n{display:inline-block;min-width:22px;padding:1px 8px;border-radius:999px;background:var(--panel2);font-size:13px;color:var(--muted);vertical-align:2px}
.hj-s{margin-bottom:16px}.hj-sl{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}
.hj-sl li{display:flex;gap:12px;justify-content:space-between;align-items:flex-start;border:1px solid var(--line);border-radius:12px;padding:10px 12px;flex-wrap:wrap}
.hj-sl li p{margin:3px 0 2px;font-size:14px}.hj-sa{display:flex;gap:6px;flex-wrap:wrap}
.hj-o>h2,.hj-x>h2{font-size:18px;margin:6px 0 10px}
.hj-j{background:var(--panel);border:1px solid var(--line);border-radius:14px;margin:0 0 10px;overflow:hidden}
.hj-j.urgent{border-left:4px solid var(--over)}
.hj-jh{display:flex;align-items:center;gap:10px;justify-content:space-between;padding:10px 14px;flex-wrap:wrap}
.hj-jt{appearance:none;border:0;background:none;color:var(--text);text-align:left;display:flex;flex-direction:column;gap:2px;cursor:pointer;padding:0;font:inherit;min-width:0;flex:1}
.hj-jt b{font-size:16px}.hj-jt span{font-size:13px;color:var(--muted)}
.hj-jc{display:flex;gap:6px;flex-wrap:wrap;align-items:center}.hj-cnt{font-size:12px;color:var(--muted);background:var(--panel2);padding:2px 8px;border-radius:999px}
.hj-jb{padding:0 14px 14px;border-top:1px solid var(--line)}
.hj-why{margin:10px 0 6px;font-size:14px}
.hj-cl{list-style:none;margin:10px 0;padding:0;display:flex;flex-direction:column;gap:8px}
.hj-c{border:1px solid var(--line);border-radius:12px;padding:10px 12px;display:flex;flex-direction:column;gap:4px}
.hj-ct{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.hj-ct b{font-size:15px}
.hj-sc{color:#E0A100;letter-spacing:1px;font-size:13px}
.hj-cm,.hj-cn,.hj-off{margin:0;font-size:13px;color:var(--muted)}.hj-cn{color:var(--text)}.hj-cn small{color:var(--muted)}
.hj-os.approved{color:var(--done)}.hj-os.rejected{color:var(--over)}.hj-off.ok{color:var(--done);font-weight:600}
.hj-ca,.hj-ja{display:flex;gap:6px;flex-wrap:wrap;margin-top:4px}
.hj-url{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.hj-url code{background:var(--panel2);padding:6px 10px;border-radius:8px;font-size:13px;overflow-wrap:anywhere}
.hj-x{margin-top:10px}
.hj-f{gap:12px}.hj-g2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.hj-g3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.hj-f select,.hj-f textarea,.hj-f input[type="date"],.hj-f input[type="datetime-local"]{min-height:46px;font-size:16px;padding:8px 12px;border-radius:10px;border:1px solid var(--line);background:var(--panel2,var(--panel));color:var(--text);font-family:inherit}
.hj-f textarea{min-height:0;resize:vertical}
.hj-st{grid-template-columns:repeat(4,minmax(0,1fr))!important}.hj-sto{display:flex;align-items:center;gap:6px;border:1.5px solid var(--line);border-radius:12px;padding:10px;cursor:pointer;font-weight:600}
.hj-sto:has(input:checked){border-color:var(--accent);background:var(--accentSoft)}
.hj-nl{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:6px;font-size:13.5px;max-height:200px;overflow:auto}
.hj-login{background:var(--panel2);border-radius:12px;padding:10px 14px}.hj-login code{font-size:16px;font-weight:700;user-select:all}
@media (max-width:640px){.hj-g2,.hj-g3{grid-template-columns:1fr}.hj-st{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
.drt{display:flex;flex-direction:column;gap:14px;padding:6px 2px}.drt fieldset{border:0;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}.drt legend{font-weight:700;font-size:15px;margin-bottom:4px}
.drt-time{display:flex;align-items:center;gap:8px;font-size:14px}.drt-time input{min-height:40px;border-radius:10px;border:1px solid var(--line);background:var(--panel);color:var(--text);padding:0 10px}
.drt-parts{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:6px}.drt-p{display:flex;gap:8px;align-items:center;font-size:14px}
.drt-t{width:100%;font:13.5px/1.45 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;border-radius:10px;border:1px solid var(--line);background:var(--panel2,var(--panel));color:var(--text);padding:10px}
.drt-chips{display:flex;gap:4px;flex-wrap:wrap}.drt-chip{appearance:none;border:1px solid var(--line);background:var(--panel);color:var(--accent);border-radius:999px;padding:3px 9px;font:600 12px ui-monospace,Menlo,monospace;cursor:pointer}
.drt-po summary{cursor:pointer;color:var(--accent);font-weight:600;font-size:14px}.drt-por{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) 110px;gap:6px;align-items:center;margin-top:6px}
.drt-por input,.drt input[name="chat"],.drt input[name="thread"]{min-height:40px;border-radius:10px;border:1px solid var(--line);background:var(--panel);color:var(--text);padding:0 10px}
.drt-pv{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.drt-pv h4{margin:0 0 6px}.drt-pv pre{white-space:pre-wrap;margin:0 0 6px;background:var(--panel2);border-radius:12px;padding:12px;font:13.5px/1.45 -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;max-height:360px;overflow:auto}
@media (max-width:700px){.drt-pv{grid-template-columns:1fr}.drt-por{grid-template-columns:1fr}}
.hj-sl li small{display:block;margin-top:2px}
.drt-save{display:flex;justify-content:flex-start}.drt-save .btn{min-height:46px;padding:0 22px;border-radius:12px}.drt-up{align-self:flex-start}
.drt [data-drtdef]{align-self:flex-start;color:var(--accent);background:none;border:0;padding:0;font-weight:600;cursor:pointer}
.hx.hj{max-width:none!important;margin-left:0!important;margin-right:0!important;padding-left:0;padding-right:0}.hj .hj-hd{margin-bottom:6px}

/* ===== v2.29.0 · steadier screens ===== */
/* page switches: fade only — nothing slides, so headers, tab bars and sheets stay still */
@keyframes vt229{from{opacity:.35}to{opacity:1}}
#view.vt-in>:not(.mb),#view.vt-back>:not(.mb){animation:vt229 .16s ease-out}
/* staff app: header and tab bar never move; only the page body fades in when the page changes */
body.eappmode #view.vt-in>*,body.eappmode #view.vt-back>*{animation:none}
.happ .hcard,.happ .hsec{animation:none}
.happ .hbody.e229in{animation:vt229 .16s ease-out}
html{scrollbar-gutter:stable}
@media (prefers-reduced-motion:reduce){#view.vt-in>*,#view.vt-back>*,.happ .hbody.e229in{animation:none}}
.act2120 .a4{background:linear-gradient(145deg,#FF9F0A 0%,#FF375F 100%)}

/* ===== v2.30.0 · picture menu tiles ===== */
#view .m230g{display:grid!important;grid-template-columns:repeat(auto-fill,minmax(156px,1fr))!important;gap:12px!important;align-items:stretch!important}
#view .m230g>.tbcw{position:relative;display:block!important;min-width:0;height:auto!important}
#view .m230g .m230t{--m230ink:var(--text,var(--tb-ink,#1d1d1f));display:flex!important;flex-direction:column!important;align-items:stretch!important;justify-content:flex-start!important;gap:0!important;
  position:relative!important;width:100%!important;height:100%!important;min-height:0!important;max-height:none!important;padding:0!important;margin:0!important;overflow:hidden!important;text-align:left!important;
  border:0!important;border-radius:16px!important;background:var(--panel,var(--tb-card,#fff))!important;color:var(--m230ink)!important;box-shadow:0 1px 2px rgba(0,0,0,.08),0 0 0 1px color-mix(in srgb,var(--m230ink) 9%,transparent)!important;transition:transform .1s ease!important;cursor:pointer}
#view .m230g .m230t:active{transform:scale(.97)}
#view .m230g .m230t::before,#view .m230g .m230t::after{display:none!important}
/* the picture: same square for every item */
#view .m230g .m230i{position:relative;display:block;width:100%;aspect-ratio:1/1;flex:0 0 auto;overflow:hidden;background:radial-gradient(120% 95% at 50% 18%,hsl(var(--h) 38% 46%),hsl(calc(var(--h) + 30) 42% 18%))}
#view .m230g .m230i>img{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;max-width:none!important;object-fit:cover!important;border-radius:0!important;margin:0!important;padding:0!important;background:none!important;box-shadow:none!important;transform:none!important}
#view .m230g .m230i.fit{background:radial-gradient(110% 90% at 50% 30%,#fff,#e9ece8)}
#view .m230g .m230i.fit>img{object-fit:contain!important;inset:6% 6% 10%!important;width:88%!important;height:84%!important;filter:drop-shadow(0 6px 8px rgba(0,0,0,.18))}
#view .m230g .m230i .m230a{position:absolute!important;inset:14% 14% 18%!important;width:auto!important;height:auto!important;display:grid!important;place-items:center;background:none!important;box-shadow:none!important;border:0!important;margin:0!important;padding:0!important;transform:none!important;border-radius:0!important}
#view .m230g .m230i .m230a svg{width:100%!important;height:100%!important;filter:drop-shadow(0 8px 10px rgba(0,0,0,.35))}
#view .m230g .m230ini{position:absolute;inset:0;display:grid;place-items:center;color:#fff;font-size:40px;font-weight:800;letter-spacing:.02em;opacity:.9}
/* round dark-green price on the corner */
#view .m230g .m230p{position:absolute;right:8px;bottom:8px;z-index:2;display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:56px;height:56px;padding:0 9px;box-sizing:border-box;
  border-radius:28px;background:#14532D;color:#fff;border:2.5px solid rgba(255,255,255,.92);box-shadow:0 4px 12px rgba(0,0,0,.28);line-height:1;white-space:nowrap}
#view .m230g .m230p b{font-size:16px;font-weight:800;font-variant-numeric:tabular-nums;letter-spacing:-.01em;color:#fff!important}
#view .m230g .m230p s{font-size:10.5px;font-weight:600;opacity:.8;margin-bottom:2px;color:#fff!important}
#view .m230g .m230p.deal{background:#0F3F22}
/* name under the picture */
#view .m230g .m230t>b,#view .m230g .m230t .tbc-b{display:block!important;margin:0!important;padding:9px 11px 0!important;position:static!important;background:none!important}
#view .m230g .m230t>b,#view .m230g .m230t .tbc-b>b{font-size:15px!important;font-weight:650!important;line-height:1.25!important;color:var(--m230ink)!important;display:-webkit-box!important;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;white-space:normal!important;text-align:left!important;margin:0!important}
#view .m230g .m230t .tbc-b{padding-bottom:11px!important}
#view .m230g .m230t .tbc-b small,#view .m230g .m230t .tbc-b p{display:block;margin:2px 0 0!important;font-size:12.5px!important;color:var(--muted,var(--tb-mut,#6e6e73))!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#view .m230g .m230t>.p225pk{position:static!important;align-self:flex-start;margin:5px 11px 0!important;font-size:11.5px!important;font-style:normal;padding:2px 8px!important;border-radius:99px;background:color-mix(in srgb,var(--m230ink) 8%,transparent)!important;color:var(--muted,#6e6e73)!important}
#view .m230g .m230t>:last-child:not(.m230i){margin-bottom:11px!important}
/* badges on the picture */
#view .m230g .m230b{position:absolute!important;left:8px;top:8px;right:auto;bottom:auto;z-index:2;max-width:calc(100% - 16px);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-style:normal;font-size:11.5px!important;font-weight:800;padding:3px 8px!important;border-radius:99px;background:#F3CF74!important;color:#2A1D05!important;margin:0!important}
#view .m230g .m230n{position:absolute!important;left:8px;bottom:8px;top:auto;right:auto;z-index:2;min-width:28px;height:28px;display:grid;place-items:center;border-radius:14px;background:var(--tint,#0A84FF)!important;color:#fff!important;font-style:normal;font-weight:800;font-size:14px;box-shadow:0 2px 6px rgba(0,0,0,.25)}
#view .m230g .tbcw .tbc-ed{position:absolute!important;top:8px!important;right:8px!important;left:auto!important;bottom:auto!important;z-index:3;width:34px!important;height:34px!important;min-height:0!important;padding:0!important;border-radius:17px!important;border:0!important;display:grid!important;place-items:center;background:rgba(255,255,255,.9)!important;color:#1d1d1f!important;box-shadow:0 2px 6px rgba(0,0,0,.2)!important}
#view .m230g .tbcw .tbc-ed svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:2}
/* sold out */
#view .m230g .m230t.so .m230i>img,#view .m230g .m230t[aria-disabled="true"] .m230i>img{filter:grayscale(1) brightness(.75)}
#view .m230g .m230t.so .m230p,#view .m230g .m230t[aria-disabled="true"] .m230p{background:#555}
@media (max-width:640px){#view .m230g{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}#view .m230g .m230p{min-width:52px;height:52px;border-radius:26px}#view .m230g .m230p b{font-size:15px}}
@media (min-width:1500px){#view .m230g{grid-template-columns:repeat(auto-fill,minmax(176px,1fr))!important}}
/* the name takes the spare height, so the picture always starts at the top of the tile */
#view .m230g .m230t>b,#view .m230g .m230t .tbc-b{flex:1 1 auto!important}
#view .m230g .m230t .tbc-b>b{width:auto!important;max-width:none!important;padding:0!important}
#view .m230g .m230t .tbc-b{width:auto!important;max-width:none!important;align-self:stretch!important}

/* ===== v2.31.0 · Settings icons ===== */
.stpage{--b:#007AFF;--g:#34C759;--o:#FF9500;--t:#30B0C7;--i:#5856D6;--y:#8E8E93;--r:#FF3B30;--p:#AF52DE;--k:#FF2D55;--w:#FFCC00;--n:#A2845E}
:root[data-theme="dark"] .stpage{--b:#0A84FF;--g:#30D158;--o:#FF9F0A;--t:#40C8E0;--i:#5E5CE6;--y:#98989D;--r:#FF453A;--p:#BF5AF2;--k:#FF375F;--w:#FFD60A;--n:#AC8E68}
.stpage :is(.st231ic,.st231n).c-blue{background:var(--b)}.stpage :is(.st231ic,.st231n).c-green{background:var(--g)}.stpage :is(.st231ic,.st231n).c-orange{background:var(--o)}.stpage :is(.st231ic,.st231n).c-teal{background:var(--t)}
.stpage :is(.st231ic,.st231n).c-indigo{background:var(--i)}.stpage :is(.st231ic,.st231n).c-gray{background:var(--y)}.stpage :is(.st231ic,.st231n).c-red{background:var(--r)}.stpage :is(.st231ic,.st231n).c-purple{background:var(--p)}
.stpage :is(.st231ic,.st231n).c-pink{background:var(--k)}.stpage :is(.st231ic,.st231n).c-yellow{background:var(--w)}.stpage :is(.st231ic,.st231n).c-brown{background:var(--n)}
.stpage :is(.st231ic,.st231n) svg{fill:none;stroke:#fff;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.stpage :is(.st231ic,.st231n) b{color:#fff;font-weight:700}
/* section headers: an app icon instead of a number */
.stpage .stn.st231n{width:36px;height:36px;border-radius:10px!important;display:inline-grid;place-items:center;color:#fff;flex:0 0 36px}
.stpage .stn.st231n svg{width:20px;height:20px}
:root[data-ui="ms"] .stpage .stn.st231n{border-radius:6px!important}:root[data-ui="google"] .stpage .stn.st231n{border-radius:50%!important}
/* computer: the section list as icon tiles, grouped */
@media (min-width:641px){
  .stnav.st231{background:var(--panel);border:1px solid var(--u-bd,var(--line));border-radius:var(--u-r,16px);box-shadow:var(--u-sh,none);padding:14px 16px;gap:4px!important;position:static}
  .stnav.st231 .st201g{gap:4px 6px;align-items:flex-start;padding:6px 0;border-top:1px solid color-mix(in srgb,var(--line) 70%,transparent)}
  .stnav.st231 .st201g:first-child{border-top:0}
  .stnav.st231 .st201l{padding-top:16px;font-size:12px;width:104px}
  .stnav.st231 a.st231it{display:flex;flex-direction:column;align-items:center;gap:6px;width:96px;padding:6px 2px 4px;border-radius:12px;background:transparent!important;font-size:12.5px;font-weight:600;line-height:1.2;text-align:center;color:var(--text)}
  .stnav.st231 a.st231it:hover{background:color-mix(in srgb,var(--text) 6%,transparent)!important}
  .stnav.st231 a.st231it:hover .st231ic{transform:translateY(-1px)}
  .stnav.st231 a.st231it:focus-visible{outline:3px solid color-mix(in srgb,var(--accent) 55%,transparent);outline-offset:1px}
  .stnav.st231 .st231ic{width:46px;height:46px;border-radius:12px;display:grid;place-items:center;flex:none;transition:transform .12s ease;box-shadow:0 1px 2px rgba(0,0,0,.12)}
  .stnav.st231 .st231ic svg{width:23px;height:23px}
  .stnav.st231 .st231t{display:block;max-width:92px;overflow-wrap:anywhere}
  :root[data-ui="ms"] .stnav.st231 .st231ic{border-radius:6px}:root[data-ui="google"] .stnav.st231 .st231ic{border-radius:50%}:root[data-ui="ms"] .stnav.st231 a.st231it{border-radius:4px}
}
@media (max-width:900px) and (min-width:641px){.stnav.st231 .st201l{width:auto;flex-basis:100%;padding-top:4px}}
/* Investor Portal in the Finance menu */
.ngmenu .iv231{display:flex;flex-direction:column;align-items:flex-start;gap:1px}.ngmenu .iv231 small{font-size:11px;font-weight:400}

/* ===== v2.32.0 ===== */
.p232l{list-style:none;margin:6px 0 10px;padding:0;display:grid;gap:6px}
.p232l li{display:flex;align-items:center;gap:10px;padding:8px 12px;border:1px solid var(--line);border-radius:12px;background:var(--panel2)}
.p232l li span{color:var(--muted)}.p232l li button{margin-left:auto}
.p232f{align-items:end}
.posstaffg .p232fr{font-weight:700;color:var(--accent)}
/* picture tiles in the outlet Menu / food orders sheet */
#smSheet.sm232 .sm-body section{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px;align-items:stretch;margin-bottom:16px}
#smSheet.sm232 .sm-body section>h3{grid-column:1/-1;margin:6px 0 0}
#smSheet.sm232 .sm-it{display:flex!important;flex-direction:column!important;align-items:stretch!important;gap:0!important;padding:0!important;border:0!important;border-radius:16px;overflow:hidden;background:var(--panel2,var(--panel));box-shadow:0 1px 2px rgba(0,0,0,.08),0 0 0 1px color-mix(in srgb,var(--text) 9%,transparent);min-width:0}
#smSheet.sm232 .sm232i{position:relative;display:block;width:100%;aspect-ratio:1/1;overflow:hidden;background:radial-gradient(120% 95% at 50% 18%,#3f6b4f,#173222)}
#smSheet.sm232 .sm232i>img{position:absolute;inset:0;width:100%!important;height:100%!important;max-width:none!important;object-fit:cover;border-radius:0!important;margin:0!important}
#smSheet.sm232 .sm232i.fit{background:radial-gradient(110% 90% at 50% 30%,#fff,#e9ece8)}
#smSheet.sm232 .sm232i.fit>img{object-fit:contain;inset:6% 6% 10%;width:88%!important;height:84%!important}
#smSheet.sm232 .sm232i .sm-ph{position:absolute!important;inset:0!important;width:auto!important;height:auto!important;display:grid!important;place-items:center;font-size:44px!important;font-weight:800;color:#fff!important;background:none!important;border-radius:0!important;margin:0!important}
#smSheet.sm232 .m230p{position:absolute;right:8px;bottom:8px;z-index:2;display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:54px;height:54px;padding:0 8px;box-sizing:border-box;border-radius:27px;background:#14532D;color:#fff;border:2.5px solid rgba(255,255,255,.92);box-shadow:0 4px 12px rgba(0,0,0,.28);line-height:1;white-space:nowrap}
#smSheet.sm232 .m230p b{font-size:15px;font-weight:800;color:#fff}#smSheet.sm232 .m230p s{font-size:10px;opacity:.8;margin-bottom:2px;color:#fff}
#smSheet.sm232 .sm232b{position:absolute;left:8px;top:8px;z-index:2;font-style:normal;font-size:11.5px;font-weight:800;padding:3px 8px;border-radius:99px;background:#F3CF74;color:#2A1D05}
#smSheet.sm232 .sm232b.sm-so{background:#3b1717;color:#F5B3B3}
#smSheet.sm232 .sm-it.out .sm232i>img{filter:grayscale(1) brightness(.75)}
#smSheet.sm232 .sm-t{padding:9px 11px 0;flex:1 1 auto;min-width:0}
#smSheet.sm232 .sm-t b{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:15px;line-height:1.25}
#smSheet.sm232 .sm-t small,#smSheet.sm232 .sm-t span{display:block;font-size:12.5px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#smSheet.sm232 .sm-p{padding:8px 11px 11px;display:flex;justify-content:stretch;min-height:0}
#smSheet.sm232 .sm-p:empty{display:none}
#smSheet.sm232 .sm-p .xo-add{width:100%;min-height:40px}
#smSheet.sm232 .sm-p .xo-q{width:100%;justify-content:space-between;margin:0}
#smSheet.sm232 .sm-p .xo-q button{width:40px;height:40px}
@media (max-width:640px){#smSheet.sm232 .sm-body section{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}}

/* ===== v2.33.0 · POS Dashboard ===== */
.p233{--b:#007AFF;--g:#34C759;--o:#FF9500;--t:#30B0C7;--i:#5856D6;--y:#8E8E93;--r:#FF3B30;--p:#AF52DE;--k:#FF2D55;--n:#A2845E}
.p233 .p233h{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin:0 0 12px}.p233 .p233h h2{margin:0 0 2px}
.p233 h3{margin:22px 0 10px;font-size:17px}
.p233k{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px}
.p233k>div{background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:12px 14px;display:flex;flex-direction:column;gap:2px}
.p233k span{font-size:12.5px;color:var(--muted)}.p233k b{font-size:22px;font-variant-numeric:tabular-nums}.p233 .w{color:var(--red,#d70015)}
.p233g{display:grid;grid-template-columns:repeat(auto-fill,minmax(290px,1fr));gap:12px}
.p233o{background:var(--panel);border:1px solid var(--line);border-radius:16px;padding:14px;display:flex;flex-direction:column;gap:10px}
.p233o header{display:flex;justify-content:space-between;gap:8px;align-items:flex-start}.p233o header b{font-size:17px;display:block}.p233o header span{font-size:12.5px;color:var(--muted)}
.p233o header em{font-style:normal;font-size:12px;font-weight:700;padding:3px 9px;border-radius:99px;background:var(--panel2);color:var(--muted);white-space:nowrap}.p233o header em.on{background:color-mix(in srgb,#34C759 18%,transparent);color:#1f8a3b}
.p233o dl{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;margin:0}.p233o dl div{min-width:0}.p233o dt{font-size:11.5px;color:var(--muted)}.p233o dd{margin:0;font-weight:700;font-variant-numeric:tabular-nums}.p233o dd small{display:block;font-weight:500;color:var(--muted);font-size:11.5px}
.p233w{list-style:none;margin:0;padding:8px 10px;border-radius:10px;background:color-mix(in srgb,#FF9500 10%,transparent);font-size:13px;display:grid;gap:3px}
.p233ok{margin:0;font-size:13px;color:#1f8a3b;font-weight:600}
.p233a{display:flex;flex-wrap:wrap;gap:6px;margin-top:auto}
.p233tg{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:8px}
.p233t{display:flex;align-items:center;gap:12px;text-align:left;padding:10px 12px;border:1px solid var(--line);border-radius:14px;background:var(--panel);color:var(--text);cursor:pointer;font:inherit}
.p233t:hover{background:var(--panel2)}.p233t b{display:block;font-size:14.5px}.p233t small{display:block;font-size:12px;color:var(--muted)}
.p233ic{width:40px;height:40px;flex:0 0 40px;border-radius:11px;display:grid;place-items:center}.p233ic svg{width:21px;height:21px;fill:none;stroke:#fff;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.p233ic.c-blue{background:var(--b)}.p233ic.c-green{background:var(--g)}.p233ic.c-orange{background:var(--o)}.p233ic.c-teal{background:var(--t)}.p233ic.c-indigo{background:var(--i)}.p233ic.c-red{background:var(--r)}.p233ic.c-purple{background:var(--p)}.p233ic.c-pink{background:var(--k)}.p233ic.c-brown{background:var(--n)}
:root[data-ui="google"] .p233ic{border-radius:50%}:root[data-ui="ms"] .p233ic{border-radius:6px}
.p233c{list-style:none;margin:0;padding:0;display:grid;gap:6px}.p233c li{display:flex;align-items:center;gap:10px;padding:8px 12px;border:1px solid var(--line);border-radius:12px;background:var(--panel)}.p233c li span{flex:1;font-size:13.5px}.p233c li b{min-width:110px}
.p233back{margin:0 0 8px}
@media (max-width:640px){.p233o dl{grid-template-columns:repeat(2,minmax(0,1fr))}.p233c li{flex-wrap:wrap}.p233c li b{min-width:0}}
/* Sell to other outlets */
.xo233r{border-top:1px solid var(--line);padding:14px 0 6px}.xo233r h3{display:flex;align-items:baseline;gap:8px;flex-wrap:wrap;margin:0 0 8px}.xo233n{margin-left:auto;font-size:13px;font-weight:600;color:var(--muted)}
.xo233r fieldset{border:0;padding:0;margin:0 0 10px}.xo233r legend{font-weight:700;font-size:13px;margin-bottom:6px}
.xo233r details{margin:8px 0 12px}.xo233r summary{cursor:pointer;font-weight:600}.xo233r details input[type=search]{width:100%;margin:8px 0}
.xo233i{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:6px;max-height:360px;overflow:auto}
.xo233i label{display:grid;grid-template-columns:auto 1fr;gap:0 8px;align-items:center;padding:6px 10px;border:1px solid var(--line);border-radius:10px;opacity:.55}.xo233i label.on{opacity:1}
.xo233i small{grid-column:2;font-size:12px;color:var(--muted)}
.sm233n{margin:4px 0 10px;padding:10px 12px;border-radius:12px;background:color-mix(in srgb,#FF9500 12%,transparent);font-weight:600}
/* Price check */
.pc233{margin:0 0 14px}.pc233h{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}.pc233h h3{margin:0 0 2px}
.pc233k{display:flex;gap:8px;flex-wrap:wrap;margin:10px 0}.pc233k button{display:flex;flex-direction:column;align-items:flex-start;min-width:120px;padding:8px 12px;border:1px solid var(--line);border-radius:12px;background:var(--panel);color:var(--text);cursor:pointer;font:inherit}
.pc233k button[aria-pressed="true"]{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}.pc233k b{font-size:20px}.pc233k span{font-size:12px;color:var(--muted)}.pc233k .w,.pc233t .w{color:var(--red,#d70015);font-weight:700}
.pc233s{margin:6px 0 10px;padding:10px 12px;border-radius:12px;background:color-mix(in srgb,var(--accent) 9%,transparent)}
.pc233t{overflow-x:auto}.pc233t table{width:100%;border-collapse:collapse;font-size:13.5px}.pc233t th{text-align:left;font-size:12px;color:var(--muted);font-weight:600;padding:6px 8px;border-bottom:1px solid var(--line)}
.pc233t td{padding:8px;border-bottom:1px solid color-mix(in srgb,var(--line) 60%,transparent);vertical-align:top}.pc233t .r{text-align:right;white-space:nowrap}.pc233t small{display:block;color:var(--muted);font-size:12px;white-space:normal;max-width:360px}
.pc233f{font-style:normal;font-weight:700}.pc233f.high,.pc233f.jump{color:#C93400}.pc233ok{color:#1f8a3b;font-weight:700;white-space:nowrap}
.pc233tg{margin-top:12px}.pc233tg summary{cursor:pointer;font-weight:600}.pc233tgi{display:flex;flex-wrap:wrap;gap:10px;margin:8px 0}.pc233tgi label{display:flex;align-items:center;gap:6px;font-size:13px}.pc233tgi input{width:64px}
.xo233{grid-column:1/-1}
.xo233r .po-g3{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px;align-items:end}

/* ===== v2.34.0 · POS Dashboard shell ===== */
.bo234{max-width:1400px;margin:0 auto;padding:0 0 30px}
.bo234h{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:10px 4px 14px;border-bottom:1px solid var(--line);margin-bottom:14px}
.bo234t{display:flex;align-items:center;gap:10px}.bo234t img{width:40px;height:40px;border-radius:10px}.bo234t b{display:block;font-size:20px}.bo234t span{font-size:13px;color:var(--muted)}
.bo234a{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.bo234o{display:flex;align-items:center;gap:6px;font-size:13px;color:var(--muted)}.bo234o select{min-height:36px;border-radius:10px;font-weight:600}
.bo234 .p233>.p233h h2{display:none}
.bo234 .p233back{display:none}
.bo234p{display:flex;align-items:center;gap:6px;flex-wrap:wrap;justify-content:flex-end}
.bo234p>span{font-size:12px;font-weight:700;color:var(--muted);margin-right:2px}
.bo234p button{display:inline-flex;align-items:center;gap:7px;min-height:40px;padding:0 12px 0 10px;border-radius:12px;border:1px solid var(--line);background:var(--panel);color:var(--text);font:inherit;font-size:14px;cursor:pointer;box-shadow:0 1px 2px rgba(0,0,0,.06)}
.bo234p button:hover{border-color:var(--accent)}.bo234p button b{font-weight:700}.bo234p button small{font-size:11.5px;color:var(--muted)}.bo234p button em{font-style:normal;color:var(--accent);font-weight:800}
.bo234p i{width:9px;height:9px;border-radius:50%;background:#C7C7CC}.bo234p i.on{background:#34C759;box-shadow:0 0 0 3px color-mix(in srgb,#34C759 25%,transparent)}
@media (max-width:640px){.bo234p{justify-content:flex-start}.bo234p>span{width:100%}}

/* ===== v2.35.0 ===== */
.p235h{display:flex;justify-content:space-between;gap:12px;align-items:flex-start;margin:6px 0 10px}.p235h h3{margin:0 0 4px}.p235h .hint{max-width:780px}
.p235bulk{cursor:pointer;white-space:nowrap}
.p235tools{display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin:0 0 10px}.p235tools input[type=search]{flex:1;min-width:180px}
.p235l{list-style:none;margin:0;padding:0;display:grid;gap:6px}
.p235l li{display:flex;align-items:center;gap:12px;padding:8px 10px;border:1px solid var(--line);border-radius:14px;background:var(--panel)}
.p235th{width:56px;height:56px;flex:0 0 56px;border-radius:12px;overflow:hidden;display:grid;place-items:center;background:var(--panel2)}.p235th img{width:100%;height:100%;object-fit:cover}
.p235th.ph{background:radial-gradient(120% 95% at 50% 18%,hsl(var(--h) 38% 46%),hsl(calc(var(--h) + 30) 42% 18%));color:#fff;font-weight:800}
.p235n{min-width:0;flex:1}.p235n b{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.p235n small{color:var(--muted);font-size:12px}
.p235a{display:flex;gap:6px;align-items:center;flex:2;min-width:0}.p235a input{flex:1;min-width:120px}.p235a a{text-decoration:none;white-space:nowrap}.p235f{cursor:pointer}
@media (max-width:760px){.p235l li{flex-wrap:wrap}.p235a{flex-basis:100%;flex-wrap:wrap}}
.p235b{border:1.5px dashed var(--accent);border-radius:14px;padding:12px 14px;margin:0 0 12px}.p235b h4{margin:0 0 4px}.p235b ul{list-style:none;margin:8px 0;padding:0;display:grid;gap:6px;max-height:420px;overflow:auto}
.p235b li{display:grid;grid-template-columns:48px 1fr minmax(160px,260px);gap:10px;align-items:center}.p235b li img{width:48px;height:48px;object-fit:cover;border-radius:8px}.p235b li em{font-style:normal;color:var(--muted);font-size:12px}
.p235bf{display:flex;gap:8px}
/* food orders timeline */
.x235m{margin:4px 0}.x235h{margin:0 0 4px;font-size:13px;color:var(--muted);display:flex;flex-wrap:wrap;gap:6px;align-items:center}
.x235t{font-weight:700;font-size:12.5px;padding:2px 8px;border-radius:99px;background:color-mix(in srgb,var(--accent,#0A84FF) 12%,transparent);color:var(--text)}
.x235t.late{background:color-mix(in srgb,#FF3B30 16%,transparent);color:#C41E1E}.x235t.done{background:color-mix(in srgb,#34C759 16%,transparent);color:#1f7a37}
.x235s{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:4px 14px;font-size:12.5px}.x235s li span{margin-right:3px}.x235s b{font-weight:700}
/* bill view */
.bv235 .mkm{max-width:560px}.bv235l{list-style:none;margin:0 0 10px;padding:0}
.bv235l li{display:flex;gap:10px;align-items:flex-start;padding:9px 0;border-bottom:1px solid color-mix(in srgb,var(--line) 70%,transparent)}
.bv235l .q{font-weight:800;min-width:30px}.bv235l li div{flex:1;min-width:0}.bv235l small{display:block;color:var(--muted);font-size:12px}.bv235l em{font-style:normal;font-weight:700;white-space:nowrap}
.bv235l li.void{opacity:.55}.bv235l li.void b,.bv235l li.void em{text-decoration:line-through}
.bv235t,.bv235p{display:grid;gap:4px;margin:0 0 10px}.bv235t div,.bv235p div{display:flex;justify-content:space-between;gap:10px;font-size:14px}.bv235t .tot{font-size:18px;border-top:1px solid var(--line);padding-top:6px}
.bv235p h4{margin:6px 0 2px}.bv235a{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}.bv235cr{margin:0 0 10px;padding:8px 12px;border-radius:12px;background:color-mix(in srgb,#FF9500 12%,transparent)}
.xo-bar .xo-send{min-height:52px;font-size:16px}

/* ===== v2.36.0 ===== */
.f236c{display:grid;gap:6px;margin:0 0 10px}
.f236r{display:flex;gap:6px;flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;padding-bottom:2px}.f236r::-webkit-scrollbar{display:none}.f236r button{flex:none;white-space:nowrap}
.f236r button{display:inline-flex;align-items:center;gap:6px;min-height:38px;padding:0 14px;border-radius:999px;border:1px solid var(--line);background:var(--panel);color:var(--text);font:inherit;font-weight:600;font-size:14px;cursor:pointer}
.f236r button i{font-style:normal;font-size:12px;color:var(--muted);font-weight:600}
.f236r button[aria-pressed="true"]{background:var(--tint,var(--accent));border-color:var(--tint,var(--accent));color:#fff}.f236r button[aria-pressed="true"] i{color:#fff;opacity:.85}
.posbfl .f236h,.posstaffg .f236h,.tb-ch .f236h{display:none!important}
/* the food order "Send food" button stands out once dishes are added */
.xo-bar .xo-send:not(:disabled){background:linear-gradient(135deg,#FF9F0A 0%,#FF375F 100%)!important;color:#fff!important;border:0!important;box-shadow:0 8px 20px rgba(255,80,60,.35)!important;font-weight:800!important}
.xo-bar .xo-send:not(:disabled):active{transform:scale(.98)}
.xo-bar .xo-send:disabled{opacity:.6}
/* phones: the bill's back button sits below the status bar, and again at the bottom */
@media (max-width:699px){.posticket.open{padding-top:calc(env(safe-area-inset-top,0px) + 6px)!important}
  .posticket.open .px9tkx{min-height:44px;padding:0 20px;font-size:15px}
  .posticket .p236back{display:block;width:100%;margin:14px 0 calc(16px + env(safe-area-inset-bottom,0px));min-height:48px;border-radius:14px}}

/* v2.37.0 check-in status + breaks */
.c237{display:inline-flex;flex-direction:column;align-items:center;gap:2px;padding:6px 14px;border-radius:999px;font-size:14px;line-height:1.2;margin-top:6px}
.c237 b{font-weight:800}.c237 small{font-size:11px;opacity:.8;font-weight:500}
.c237-ok{background:#DCFCE7;color:#14532D}.c237-bad{background:#FEE2E2;color:#991B1B}.c237-warn{background:#FEF3C7;color:#92400E}.c237-info{background:#DBEAFE;color:#1E3A8A}.c237-off{background:#F1F5F9;color:#334155}
.c237row{display:flex;justify-content:center;margin:4px 0 2px}.ck-done .c237{margin:8px auto 2px}
.b237{display:flex;align-items:center;gap:10px;margin:10px 0;padding:10px 12px;border-radius:14px;background:#F8FAFC;border:1px solid #E2E8F0;text-align:left}
.b237i{font-size:22px}.b237t{flex:1;min-width:0;display:flex;flex-direction:column;gap:1px}.b237t>b{font-size:14px}.b237t span{font-size:12.5px;color:#475569}.b237t em{color:#B91C1C;font-style:normal;font-weight:700}
.b237.on{background:#FFFBEB;border-color:#FCD34D}.b237.over{background:#FEF2F2;border-color:#FCA5A5}.b237.over .b237t span>b{color:#B91C1C}
.b237btn{flex:none;border:0;border-radius:12px;padding:10px 14px;font-weight:800;font-size:14px;background:#14532D;color:#fff;min-height:44px;cursor:pointer}
.b237btn.end{background:#B45309}.b237btn:disabled{opacity:.6}
.b237-h{margin:10px 0 0}
.b237c{display:inline-block;font-size:11px;color:#475569;white-space:nowrap}.b237c.on{color:#B45309;font-weight:700}.b237c.over{color:#B91C1C;font-weight:700}
.sup-brk{font-size:11px;font-weight:700;color:#B45309;background:#FEF3C7;border-radius:999px;padding:2px 8px;margin-right:4px;white-space:nowrap}
.c237wrap{display:grid;gap:12px;margin:0 0 12px}.c237al{border-left:4px solid #F59E0B}.c237al h3 .hrbad{margin-left:6px}.c237also{margin:8px 0 0;font-size:13px}

/* v2.37.1 chips wrap (all visible, nothing to scroll), main button on the POS Dashboard */
.f236r{flex-wrap:wrap!important;overflow:visible!important}
.f236r button{min-height:36px;padding:0 12px;font-size:13.5px;transition:none}
.f237bar{padding-bottom:6px;border-bottom:1px dashed var(--line)}.f237l{display:inline-flex;align-items:center;font-size:16px;padding:0 2px}
.posbfl,.posstaffg{overflow-anchor:none}
.bo237home{flex:none;border:1px solid var(--line,#CBD5E1);background:var(--panel,#fff);color:var(--text,#0F172A);border-radius:999px;padding:8px 14px;font:inherit;font-weight:800;font-size:14px;min-height:40px;cursor:pointer;margin-right:4px}

/* v2.38.0 Chairman view + Shares & valuation */
.c238{grid-column:1/-1;margin:0 0 18px;display:grid;gap:14px}
.c238h{display:flex;flex-wrap:wrap;gap:10px;align-items:flex-end;justify-content:space-between}.c238h h2{margin:0;font-size:22px}.c238h p{margin:2px 0 0}
.c238a{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.c238a select{min-height:38px;border-radius:10px;border:1px solid var(--line);padding:0 10px;background:var(--panel);color:var(--text);font:inherit}
.c238ks{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px}
.c238k{background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:12px 14px;display:flex;flex-direction:column;gap:2px;min-width:0}
.c238k span{font-size:12.5px;color:var(--muted);font-weight:600}.c238k b{font-size:24px;font-variant-numeric:tabular-nums;letter-spacing:-.01em}.c238k small{font-size:12px;color:var(--muted)}.c238k.neg b{color:#B91C1C}
.c238sc{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:10px}
.c238g{background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:12px 14px}.c238g h3{margin:0 0 6px;font-size:14px}
.c238g ul{list-style:none;margin:0;padding:0;display:grid;gap:2px}
.c238g li{display:grid;grid-template-columns:12px 1fr auto;gap:2px 8px;align-items:center;padding:6px 0;border-top:1px solid var(--line)}.c238g li:first-child{border-top:0}
.c238g li i{width:10px;height:10px;border-radius:50%;background:#94A3B8}.c238g li.st-ok i{background:#16A34A}.c238g li.st-warn i{background:#F59E0B}.c238g li.st-bad i{background:#DC2626}
.c238g li span{font-size:13.5px}.c238g li b{font-variant-numeric:tabular-nums;font-size:14px}.c238g li.st-bad b{color:#B91C1C}
.c238g li small{grid-column:2/4;font-size:11.5px;color:var(--muted);line-height:1.3}
.c238grid{margin:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:14px}.c238ai{grid-column:1/-1}.c238o,.c238f{grid-column:1/-1}.c238sx{overflow-x:auto}.c238neg td:first-child{color:#B91C1C}
.c238pb{display:inline-block;width:70px;height:7px;border-radius:4px;background:var(--line);vertical-align:middle;overflow:hidden}.c238pb i{display:block;height:100%;background:#14532D}
.c238cs,.c238ts{width:100%;height:120px;display:block;margin:6px 0}.c238cs rect{fill:#14532D}.c238cs rect.neg,.c238ts rect.neg{fill:#DC2626}.c238cs .ax,.c238ts .ax{stroke:var(--line);stroke-width:.3}
.c238ts rect.rv{fill:#94A3B8}.c238ts rect.eb{fill:#14532D}.c238tl{display:grid;grid-template-columns:repeat(12,1fr);font-size:10.5px;color:var(--muted);text-align:center}
.c238lr,.c238le{display:inline-block;width:10px;height:10px;border-radius:2px;background:#94A3B8;margin-right:4px}.c238le{background:#14532D}
.c238f td small{white-space:nowrap}
.c238vf h3{margin:18px 0 6px}.c238vf h3:first-child{margin-top:0}.c238vf h4{margin:14px 0 6px}
.c238in input,.c238in select{width:100%;min-width:90px;min-height:36px}.c238mu{grid-template-columns:repeat(3,minmax(0,1fr))}
.c238tags{margin-top:14px}.c238tags summary{cursor:pointer;font-weight:700}
.c238mf{margin-top:8px}
@media (max-width:640px){.c238k b{font-size:20px}.c238mu{grid-template-columns:1fr 1fr 1fr}}
.fh .c238sx .fh-t,.c238sx table{min-width:620px!important;table-layout:auto}
@media (max-width:640px){.c238sc{grid-template-columns:1fr}.c238ks{grid-template-columns:1fr 1fr}.c238h h2{font-size:19px}}
.c238sx th,.c238sx td{white-space:nowrap}

/* v2.40.0 */
.f240c{margin:0 0 14px}.f240c h4{margin:14px 0 6px}.f240c h4:first-child{margin-top:0}
.f240tiles{margin:10px 0}
.f240rates{display:flex;flex-wrap:wrap;gap:6px;margin:4px 0 8px}.f240rate{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--line);border-radius:999px;padding:3px 4px 3px 10px;font-size:13px}
.f240cats{display:flex;flex-wrap:wrap;gap:4px 14px;margin:4px 0 10px}.f240ck{font-size:13.5px}
.f240short td{background:color-mix(in srgb,#F59E0B 10%,transparent)}
.f240reqs{display:grid;gap:10px}.f240req{border:1px solid var(--line);border-radius:12px;padding:10px 12px}.f240req header{display:flex;flex-wrap:wrap;gap:6px 10px;align-items:center}.f240req ul{margin:6px 0;padding-left:18px}.f240req .num{width:80px}
.f240req.st-sent{opacity:.8}.f240req.st-rejected,.f240req.st-cancelled{opacity:.55}
.f240y{width:64px}.f240mh{margin:14px 0 6px}

/* v2.40.1 CRM tabs as buttons (same look as the birthday period buttons) */
.crm>.rq-tabs{display:flex;flex-wrap:wrap;gap:4px;padding:4px;border:0;border-radius:14px;background:color-mix(in srgb,var(--text) 7%,transparent);width:fit-content;max-width:100%;box-sizing:border-box;overflow:visible;mask-image:none;-webkit-mask-image:none;margin:4px 0 6px}
.crm>.rq-tabs button{appearance:none;border:0;border-radius:10px;background:none;color:var(--muted);font:inherit;font-size:14px;font-weight:600;line-height:1.1;padding:9px 14px;min-height:38px;display:inline-flex;align-items:center;justify-content:center;gap:6px;white-space:nowrap;cursor:pointer}
.crm>.rq-tabs button:hover{color:var(--text)}
.crm>.rq-tabs button[aria-selected="true"]{background:var(--panel);color:var(--text);box-shadow:0 1px 3px rgba(0,0,0,.14)}
.crm>.rq-tabs button:focus-visible{outline:2px solid var(--accent);outline-offset:1px}
.crm>.rq-tabs .crm-badge{margin-left:0}
@media (max-width:700px){
  .crm>.rq-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));width:100%}
  .crm>.rq-tabs button{padding:9px 6px;font-size:13.5px;white-space:normal;text-align:center}
}

/* v2.40.2 More sheet app grid */
#moreSheet .ag-s{position:sticky;top:-1px;z-index:2;background:var(--panel);padding:2px 0 8px;margin:0 0 2px}
#moreSheet .ag-q-w{display:flex;align-items:center;gap:8px;background:color-mix(in srgb,var(--text) 7%,transparent);border-radius:12px;padding:0 12px;color:var(--muted)}
#moreSheet .ag-q{flex:1;min-width:0;border:0;background:none;color:var(--text);font:inherit;font-size:16px;height:42px;outline:none;box-shadow:none;padding:0}
#moreSheet .ag-q-w:focus-within{box-shadow:0 0 0 2px var(--accent)}
#moreSheet .ag-none{margin:16px 4px;color:var(--muted);font-size:14px;text-align:center}
#moreGrid.ag{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px 6px}
#moreGrid.ag .ag-h{grid-column:1/-1;margin:12px 4px -4px;font-size:13px;font-weight:700;color:var(--muted)}
#moreGrid.ag .ag-h:first-child{margin-top:2px}
#moreGrid.ag .ag-i{min-height:0;height:auto;border:0;background:none;padding:2px 0;border-radius:12px;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:6px;color:var(--text);text-align:center;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;box-shadow:none}
#moreGrid.ag .ag-i[hidden]{display:none}
#moreGrid.ag .ag-sq{position:relative;width:54px;height:54px;border-radius:15px;display:flex;align-items:center;justify-content:center;background:color-mix(in srgb,var(--agc) 15%,var(--panel));color:var(--agc)}
#moreGrid.ag .ag-sq .ti{width:26px;height:26px;color:inherit}
#moreGrid.ag .ag-n{position:absolute;top:-5px;right:-7px;min-width:20px;height:20px;padding:0 6px;box-sizing:border-box;border-radius:99px;background:#e5484d;color:#fff;font-size:11.5px;font-weight:700;line-height:20px;text-align:center;border:2px solid var(--panel)}
#moreGrid.ag .tl{flex:0 0 auto;font-size:12px;font-weight:600;line-height:1.2;max-width:100%;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:anywhere}
#moreGrid.ag .ag-i.on .ag-sq{background:var(--agc);color:#fff}
#moreGrid.ag .ag-i.on .tl{color:var(--agc)}
#moreGrid.ag .ag-i:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
#moreGrid.ag .ag-i:active .ag-sq{transform:scale(.94);transition:transform .1s ease}
@media (prefers-reduced-motion:reduce){#moreGrid.ag .ag-i:active .ag-sq{transform:none}}

/* v2.40.3 More sheet: no title, no search */
#moreSheet .sheeth,#moreSheet .ag-s,#moreSheet .ag-none{display:none!important}
#moreSheet .sheetpanel{min-height:0!important}
#moreGrid.ag{margin-top:4px}

/* v2.41.0 More menu styles: list + pinned/folding; App style previews */
.mm241{margin-top:18px}
.mm241 h3{margin:0 0 2px}
.mm241 .u227row{grid-template-columns:repeat(3,minmax(0,1fr))}
@media (max-width:420px){.mm241 .u227row{grid-template-columns:repeat(2,minmax(0,1fr))}}
.mm241m{display:block;width:100%;height:58px;border-radius:10px;background:color-mix(in srgb,var(--text) 6%,transparent);padding:7px;box-sizing:border-box;overflow:hidden}
.mm241m i{display:block;width:12px;height:12px;border-radius:4px;background:color-mix(in srgb,var(--accent) 45%,var(--panel))}
.mm241m-grid{display:grid;grid-template-columns:repeat(4,12px);justify-content:space-around;align-content:space-around}
.mm241m s,.mm241m span{display:flex;align-items:center;gap:6px;text-decoration:none}
.mm241m s{margin-bottom:3px}
.mm241m u{display:block;height:5px;flex:1;border-radius:3px;background:color-mix(in srgb,var(--text) 22%,transparent);text-decoration:none}
.mm241m-list i{width:9px;height:9px;border-radius:3px}
.mm241m-pin span{justify-content:space-around;margin-bottom:6px}
.mm241m-pin s i{width:9px;height:9px;border-radius:3px}
/* compact list */
#moreGrid.ag.ml{display:block;padding:0 16px}
#moreGrid.ag.ml .ag-h{display:block;height:auto;line-height:1.3}
#moreGrid.ag.ml .ag-i{width:100%;box-sizing:border-box;display:flex}
#moreGrid.ag.ml .ag-i[hidden]{display:none}
#moreGrid.ag.ml .ag-h{margin:14px 4px 4px}
#moreGrid.ag.ml .ag-i{position:relative;flex-direction:row;align-items:center;gap:12px;padding:8px 4px;min-height:50px;border-radius:0;border-bottom:1px solid var(--line);text-align:left}
#moreGrid.ag.ml .ag-sq{position:static;width:34px;height:34px;border-radius:9px;flex:0 0 auto}
#moreGrid.ag.ml .ag-sq .ti{width:20px;height:20px}
#moreGrid.ag.ml .tl{font-size:15.5px;font-weight:500;-webkit-line-clamp:1}
#moreGrid.ag.ml .ag-n{top:50%;right:6px;transform:translateY(-50%);border:0}
#moreGrid.ag.ml .ag-i.on{background:color-mix(in srgb,var(--agc,var(--accent)) 8%,transparent)}
#moreGrid.ag.ml .ag-i.on .ag-sq{background:var(--agc);color:#fff}
/* pinned + folding */
#moreGrid.ag.pc{display:block}
#moreGrid.pc .pc-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px 6px}
#moreGrid.pc .pc-pin{padding:2px 0 14px;margin-bottom:4px;border-bottom:1px solid var(--line)}
#moreGrid.pc .pc-ph{display:flex;align-items:center;justify-content:space-between;margin:0 4px 10px;font-size:13px;font-weight:700;color:var(--muted)}
#moreGrid.pc .pc-edit{border:0;background:none;color:var(--accent);font:inherit;font-size:14px;font-weight:600;padding:6px 4px;cursor:pointer}
#moreGrid.pc .pc-empty{grid-column:1/-1;margin:0 4px;font-size:13.5px;color:var(--muted)}
#moreGrid.pc .pc-g{border-bottom:1px solid var(--line)}
#moreGrid.pc .pc-g:last-child{border-bottom:0}
#moreGrid.pc .pc-gh{width:100%;display:flex;align-items:center;gap:12px;border:0;background:none;color:var(--text);font:inherit;padding:10px 4px;min-height:56px;cursor:pointer;text-align:left;-webkit-tap-highlight-color:transparent}
#moreGrid.pc .pc-gi{width:36px;height:36px;border-radius:10px;flex:0 0 auto;display:flex;align-items:center;justify-content:center;background:color-mix(in srgb,var(--agc) 15%,var(--panel));color:var(--agc)}
#moreGrid.pc .pc-gi svg{width:20px;height:20px}
#moreGrid.pc .pc-gn{font-size:16px;font-weight:600}
#moreGrid.pc .pc-gm{margin-left:auto;font-size:13px;color:var(--muted)}
#moreGrid.pc .pc-gb{min-width:22px;height:22px;padding:0 7px;box-sizing:border-box;border-radius:99px;background:#e5484d;color:#fff;font-size:12px;line-height:22px;text-align:center}
#moreGrid.pc .pc-ch{color:var(--muted);transition:transform .18s ease;flex:0 0 auto}
#moreGrid.pc .pc-g.open .pc-ch{transform:rotate(90deg)}
#moreGrid.pc .pc-g>.pc-grid{display:none;padding:4px 0 16px}
#moreGrid.pc .pc-g.open>.pc-grid{display:grid}
#moreGrid.pc-editing .ag-i .ag-sq::after{content:"";position:absolute;left:-6px;top:-6px;width:20px;height:20px;border-radius:99px;border:2px solid var(--panel);background:#8e8e93 center/12px no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 5v14M5 12h14' stroke='white' stroke-width='3' stroke-linecap='round'/%3E%3C/svg%3E")}
#moreGrid.pc-editing .ag-i.pinned .ag-sq::after{background-color:var(--agc);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M5 12l5 5 9-10' fill='none' stroke='white' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")}
#moreGrid.pc-editing .pc-pin .ag-i .ag-sq::after{background-color:#e5484d;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M6 12h12' stroke='white' stroke-width='3' stroke-linecap='round'/%3E%3C/svg%3E")}
#moreGrid.pc-editing .ag-i .ag-n{display:none}
@media (prefers-reduced-motion:reduce){#moreGrid.pc .pc-ch{transition:none}}

/* v2.41.1 Checklist (Routines) header on a phone: text full width, the three numbers in a row under it */
@media (max-width:700px){
  .clhero{display:grid;grid-template-columns:minmax(0,1fr)!important;gap:14px}
  .clhero>div:first-child{min-width:0}
  .clhero .eyebrow{white-space:normal}
  .clhero .hint{max-width:none!important}
  .clhero #clNew{width:100%;min-height:44px}
  .clhero .clsum{grid-template-columns:repeat(3,minmax(0,1fr));width:100%}
  .clhero .clsum>div{min-width:0;padding:10px 6px}
  .clhero .clsum span{letter-spacing:.02em;font-size:10.5px;line-height:1.2}
}

/* v2.41.2 phone layout fixes from the full mobile check */
@media (max-width:640px){
  /* Tasks → Team Workload: name on top, numbers wrap, bar full width */
  .wlrow{grid-template-columns:minmax(0,1fr)!important;gap:6px!important}
  .wlname{flex-direction:row;flex-wrap:wrap;align-items:baseline;gap:2px 8px}
  .wlnums{flex-wrap:wrap;white-space:normal;gap:4px 10px}
  .wlbar{grid-column:1/-1;grid-row:auto;max-width:100%;overflow:hidden}
  /* Tasks: Overdue / Blocked tiles show the full word */
  .stats .stat .k{white-space:normal;overflow:visible;text-overflow:clip;letter-spacing:0;line-height:1.15}
  /* Nightlife Card → Rewards: one reward per card, fields in rows */
  .nlcr{grid-template-columns:56px minmax(0,1fr) minmax(0,1fr)!important;align-items:end}
  .nlcr>label:nth-of-type(1){grid-column:2/4}
  .nlcr>label:nth-of-type(2){grid-column:1/3}
  .nlcr>label:nth-of-type(3){grid-column:3/4}
  .nlcr label.w2{grid-column:1/4!important}
  .nlcr>label.inline{grid-column:1/3}
  .nlcr>.cib{grid-column:3/4;justify-self:end}
  .nlcr input{min-width:0;width:100%;box-sizing:border-box}
  .nlcr .nr-e{width:56px}
  /* Finance tables: column titles never break in the middle of a word */
  .fh .fh-t th,.po .fh-t th{overflow-wrap:normal;word-break:normal;hyphens:none}
  /* Finance settings: tax rows wrap */
  .fz-tax{flex-wrap:wrap}
  /* POS header: shorter sub line on a phone (outlet type and shift only) */
  body.posui .p226sub .posrole{display:none!important}
  /* Help bubble: the Head Office app has Help (?) in the top bar, so no floating bubble over the page */
  body:not(.eappmode) .hlpbtn{display:none!important}
  body.eappmode .hlpbtn{width:38px!important;height:38px!important;right:10px!important;left:auto!important;bottom:calc(env(safe-area-inset-bottom,0px) + 92px)!important;opacity:.9}
  body.eappmode .hlpbtn svg{width:20px!important;height:20px!important}
}

/* v2.41.3 report month inside the report card */
body.rp2413 .mbar{display:none!important}
.rp2413m{display:inline-flex;align-items:center;gap:4px;font-weight:700;font-size:14px;margin:0 0 2px -6px}
.rp2413m button{appearance:none;border:0;background:color-mix(in srgb,currentColor 10%,transparent);color:inherit;width:30px;height:30px;border-radius:99px;font:inherit;font-size:18px;line-height:1;cursor:pointer;display:inline-flex;align-items:center;justify-content:center}
.rp2413m button:focus-visible{outline:2px solid currentColor;outline-offset:1px}
.rp2413m span{padding:0 4px}

/* v2.42.0 Outlet Reports */
.o2{max-width:1180px;--o2bad:#d93b3b;--o2warn:#c77700;--o2ok:#1e8e5a}
.o2-h{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin:0 0 10px}
.o2-h h2{margin:0;font-size:26px;line-height:1.15}
.o2-h .hint{margin:4px 0 0}
.o2-menu{position:relative}
.o2-pop{position:absolute;right:0;top:calc(100% + 6px);z-index:30;min-width:220px;background:var(--panel);border:1px solid var(--line);border-radius:12px;box-shadow:0 12px 30px rgba(0,0,0,.16);padding:6px;display:flex;flex-direction:column}
.o2-pop button{appearance:none;border:0;background:none;color:var(--text);font:inherit;font-size:14.5px;text-align:left;padding:11px 12px;border-radius:8px;cursor:pointer}
.o2-pop button:hover{background:var(--panel2,rgba(0,0,0,.05))}
.o2-days{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 12px}
.o2-day{appearance:none;border:1px solid var(--line);background:var(--panel);color:var(--text);font:inherit;font-size:14px;font-weight:600;padding:8px 14px;border-radius:99px;cursor:pointer;min-height:38px}
.o2-day.on{background:var(--text);color:var(--bg,#fff);border-color:var(--text)}
.o2-pick{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--line);background:var(--panel);border-radius:99px;padding:0 6px 0 12px;min-height:38px;font-size:14px;cursor:pointer}
.o2-pick input{border:0;background:none;color:var(--text);font:inherit;font-size:14px;width:130px;min-height:34px}
.o2-prog{display:flex;align-items:center;gap:12px;flex-wrap:wrap;background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:12px 14px;margin:0 0 12px;font-size:14px}
.o2-bar{flex:1;min-width:80px;height:8px;border-radius:99px;background:color-mix(in srgb,var(--text) 9%,transparent);overflow:hidden}
.o2-bar i{display:block;height:100%;background:var(--o2ok);border-radius:99px}
.o2-open b{color:var(--o2bad)}
.o2-clear{color:var(--o2ok);font-weight:600}
.o2-card{background:var(--panel);border:1px solid var(--line);border-radius:16px;padding:14px 16px;margin:0 0 12px}
.o2-card.has{border-left:4px solid var(--o2bad)}
.o2-ch{display:flex;align-items:center;justify-content:space-between;gap:10px}
.o2-ch h3{margin:0;font-size:18px}
.o2-pill{font-size:12px;font-weight:700;padding:4px 10px;border-radius:99px;white-space:nowrap}
.o2-pill.bad{background:color-mix(in srgb,var(--o2bad) 14%,transparent);color:var(--o2bad)}
.o2-pill.ok{background:color-mix(in srgb,var(--o2ok) 14%,transparent);color:var(--o2ok)}
.o2-pill.new{background:color-mix(in srgb,var(--accent) 12%,transparent);color:var(--accent)}
.o2-pill.miss{background:color-mix(in srgb,var(--text) 8%,transparent);color:var(--muted)}
.o2-by{display:block;font-size:12.5px;color:var(--muted);margin:2px 0 0}
.o2-nums{display:flex;flex-wrap:wrap;gap:4px 16px;margin:10px 0 4px;font-size:13px;color:var(--muted)}
.o2-n b{color:var(--text);font-size:15px}
.o2-n.up b{color:var(--o2ok)}.o2-n.down b{color:var(--o2bad)}
.o2-list{list-style:none;margin:8px 0 0;padding:0}
.o2-it{display:flex;gap:10px;padding:12px 0;border-top:1px solid var(--line)}
.o2-dot{width:10px;height:10px;border-radius:99px;margin-top:6px;flex:0 0 auto;background:var(--o2warn)}
.o2-it.k-bad .o2-dot{background:var(--o2bad)}
.o2-it.done .o2-dot{background:color-mix(in srgb,var(--text) 22%,transparent)}
.o2-tx{flex:1;min-width:0}
.o2-tx>p{margin:0;font-size:15px;line-height:1.45;overflow-wrap:anywhere}
.o2-it.done .o2-tx>p{color:var(--muted);font-size:14px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.o2-done{margin:4px 0 0;font-size:13px;color:var(--o2ok)}
.o2-done .linkbtn{font-size:13px}
.o2-acts,.o2-foot,.o2-fb{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}
.o2-b{appearance:none;border:1px solid var(--line);background:var(--panel2,var(--panel));color:var(--text);font:inherit;font-size:14px;font-weight:600;padding:8px 14px;border-radius:10px;min-height:38px;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;gap:6px}
.o2-b.pri{background:var(--accent);border-color:var(--accent);color:var(--accentInk,#fff)}
.o2-b:focus-visible,.o2-day:focus-visible,.o2-chip:focus-visible,.o2-si:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.o2-form{margin-top:10px;display:flex;flex-direction:column;gap:8px}
.o2-form textarea{width:100%;box-sizing:border-box;font:inherit;font-size:15px;border:1px solid var(--line);border-radius:10px;padding:10px;background:var(--bg,var(--panel));color:var(--text);resize:vertical}
.o2-chips{display:flex;flex-wrap:wrap;gap:6px}
.o2-chip{appearance:none;border:1px solid var(--line);background:var(--panel);color:var(--text);font:inherit;font-size:13px;padding:6px 11px;border-radius:99px;cursor:pointer}
.o2-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:8px}
.o2-row label{display:flex;flex-direction:column;gap:4px;font-size:12.5px;color:var(--muted)}
.o2-row select,.o2-row input{font:inherit;font-size:15px;min-height:40px;border:1px solid var(--line);border-radius:10px;padding:0 8px;background:var(--bg,var(--panel));color:var(--text);min-width:0}
.o2-quiet{margin:10px 0 0;font-size:14px;color:var(--muted)}
.o2-auto{margin:10px 0 0;font-size:13px;color:var(--o2ok)}
.o2-ops{margin:8px 0 0;font-size:13.5px;color:var(--muted);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.o2-full{margin-top:12px;padding-top:12px;border-top:1px dashed var(--line)}
.o2-miss{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;border:1px dashed var(--line);border-radius:14px;padding:12px 14px;margin:0 0 12px;font-size:14px}
.o2-req{appearance:none;width:100%;display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap;border:0;background:color-mix(in srgb,var(--accent) 9%,var(--panel));color:var(--text);font:inherit;font-size:14.5px;padding:14px 16px;border-radius:14px;margin:0 0 12px;cursor:pointer;text-align:left}
.o2-req span:last-child{color:var(--accent);font-weight:700}
.o2-fol h3{font-size:15px;margin:6px 0 8px;color:var(--muted)}
.o2-card.miss{border-style:dashed}
/* computer: outlets on the left, the report on the right */
.o2.wide .o2-two{display:grid;grid-template-columns:280px minmax(0,1fr);gap:14px;align-items:start;margin:0 0 12px}
.o2-side{display:flex;flex-direction:column;gap:6px;position:sticky;top:12px}
.o2-si{appearance:none;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:4px 8px;align-items:center;text-align:left;border:1px solid var(--line);background:var(--panel);color:var(--text);font:inherit;padding:12px;border-radius:12px;cursor:pointer}
.o2-si b{font-size:15px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.o2-si small{grid-column:1/-1;font-size:12.5px;color:var(--muted)}
.o2-si.on{border-color:var(--accent);box-shadow:0 0 0 2px color-mix(in srgb,var(--accent) 25%,transparent)}
.o2-si.miss b{color:var(--muted)}
.o2.wide .o2-pane .o2-card{margin:0}
@media (max-width:640px){.o2-h h2{font-size:24px}.o2-card{padding:12px 14px}.o2-pick input{width:118px}}
.o2-full [data-drop]{display:none!important}

/* v2.43.0 Operations desk */
.dk{--dkbad:#d93b3b;--dkwarn:#c77700;--dkok:#1e8e5a;--dkblue:#2563c9;--dkpur:#6c4fd1;width:100%;max-width:none}
.dk-h{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin:0 0 12px}
.dk-h h2{margin:0;font-size:26px;line-height:1.15}.dk-h .hint{margin:4px 0 0}
.dk-menu{position:relative}
.dk-pop{position:absolute;right:0;top:calc(100% + 6px);z-index:40;min-width:230px;background:var(--panel);border:1px solid var(--line);border-radius:12px;box-shadow:0 12px 30px rgba(0,0,0,.16);padding:6px;display:flex;flex-direction:column}
.dk-pop button{appearance:none;border:0;background:none;color:var(--text);font:inherit;font-size:14.5px;text-align:left;padding:11px 12px;border-radius:8px;cursor:pointer}
.dk-pop button:hover{background:color-mix(in srgb,var(--text) 6%,transparent)}
.dk-seg{display:inline-flex;gap:4px;padding:4px;border-radius:12px;background:color-mix(in srgb,var(--text) 7%,transparent);margin:0 0 14px;max-width:100%;flex-wrap:wrap}
.dk-seg button{appearance:none;border:0;background:none;color:var(--muted);font:inherit;font-size:14px;font-weight:600;padding:8px 16px;border-radius:9px;cursor:pointer;min-height:38px}
.dk-seg button[aria-selected="true"]{background:var(--panel);color:var(--text);box-shadow:0 1px 3px rgba(0,0,0,.14)}
.dk-kpis{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;margin:0 0 14px}
.dk-k{appearance:none;display:flex;flex-direction:column;align-items:flex-start;gap:2px;border:1px solid var(--line);background:var(--panel);color:var(--text);font:inherit;border-radius:14px;padding:12px 14px;text-align:left;cursor:pointer;min-width:0}
.dk-k b{font-size:26px;line-height:1.05;font-variant-numeric:tabular-nums}
.dk-k span{font-size:12.5px;color:var(--muted);line-height:1.25}
.dk-k.bad b{color:var(--dkbad)}.dk-k.warn b{color:var(--dkwarn)}.dk-k.pur b{color:var(--dkpur)}
.dk-k.on{border-color:var(--text);box-shadow:inset 0 0 0 1px var(--text)}
.dk-kpis.sm .dk-k{cursor:default;padding:10px 12px}.dk-kpis.sm .dk-k b{font-size:22px}
.dk-two{display:grid;grid-template-columns:minmax(0,1fr) minmax(300px,380px);gap:16px;align-items:start}
.dk-two>.dk-sec:last-child{position:sticky;top:12px}
.dk-sec{background:var(--panel);border:1px solid var(--line);border-radius:16px;padding:14px 16px;margin:0 0 14px;min-width:0}
.dk-sh{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;margin:0 0 10px}
.dk-sh h3{margin:0;font-size:17px}
.dk-c{font-size:12px;font-weight:700;color:var(--muted);background:color-mix(in srgb,var(--text) 8%,transparent);padding:2px 8px;border-radius:99px;margin-left:4px;vertical-align:2px}
.dk-days{display:flex;flex-wrap:wrap;gap:6px}
.dk-day{appearance:none;border:1px solid var(--line);background:var(--panel);color:var(--text);font:inherit;font-size:13px;font-weight:600;padding:6px 12px;border-radius:99px;cursor:pointer;min-height:34px}
.dk-day.on{background:var(--text);color:var(--bg,#fff);border-color:var(--text)}
.dk-pick{display:inline-flex;align-items:center;gap:4px;border:1px solid var(--line);border-radius:99px;padding:0 4px 0 10px;min-height:34px;font-size:13px}
.dk-pick input{border:0;background:none;color:var(--text);font:inherit;font-size:13px;width:118px;min-height:30px}
.dk-ocs{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:8px;margin:0 0 10px}
.dk-two .dk-ocs{grid-template-columns:1fr}
.dk-oc{appearance:none;display:flex;flex-direction:column;align-items:stretch;gap:3px;text-align:left;border:1px solid var(--line);background:var(--bg,var(--panel));color:var(--text);font:inherit;border-radius:12px;padding:10px 12px;cursor:pointer;min-width:0}
.dk-oc.hot{border-left:4px solid var(--dkbad)}
.dk-oc.miss{cursor:default;border-style:dashed;color:var(--muted)}
.dk-och{display:flex;align-items:center;justify-content:space-between;gap:8px}
.dk-oc h4{margin:0;font-size:15px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.dk-oc p{margin:0;font-size:12.5px;color:var(--muted)}
.dk-sales{color:var(--text)!important;font-weight:600}
.dk-sales .up,.dk-wt .up{color:var(--dkok)}.dk-sales .down,.dk-wt .down{color:var(--dkbad)}
.dk-tags{display:flex;flex-wrap:wrap;gap:4px;margin-top:3px}
.dk-tag{display:inline-block;font-size:11.5px;font-weight:700;padding:2px 8px;border-radius:99px;white-space:nowrap;margin-right:4px}
.dk-tag.bad{background:color-mix(in srgb,var(--dkbad) 13%,transparent);color:var(--dkbad)}
.dk-tag.warn{background:color-mix(in srgb,var(--dkwarn) 15%,transparent);color:var(--dkwarn)}
.dk-tag.ok{background:color-mix(in srgb,var(--dkok) 14%,transparent);color:var(--dkok)}
.dk-tag.blue{background:color-mix(in srgb,var(--dkblue) 13%,transparent);color:var(--dkblue)}
.dk-tag.pur{background:color-mix(in srgb,var(--dkpur) 13%,transparent);color:var(--dkpur)}
.dk-tag.mute{background:color-mix(in srgb,var(--text) 8%,transparent);color:var(--muted)}
.dk-flt{display:flex;flex-wrap:wrap;align-items:center;gap:8px}
.dk-flt select{font:inherit;font-size:14px;min-height:38px;border:1px solid var(--line);border-radius:10px;padding:0 8px;background:var(--panel);color:var(--text);max-width:100%}
.dk-tabs{display:flex;flex-wrap:wrap;gap:4px;border-bottom:1px solid var(--line);margin:0 0 4px}
.dk-tabs button{appearance:none;border:0;border-bottom:2px solid transparent;background:none;color:var(--muted);font:inherit;font-size:14px;font-weight:600;padding:8px 10px;cursor:pointer}
.dk-tabs button[aria-selected="true"]{color:var(--text);border-bottom-color:var(--text)}
.dk-tabs i{font-style:normal;font-size:11.5px;background:color-mix(in srgb,var(--text) 9%,transparent);padding:1px 7px;border-radius:99px;margin-left:3px}
.dk-list{list-style:none;margin:0;padding:0}
.dk-it{padding:12px 0;border-bottom:1px solid var(--line)}
.dk-it:last-child{border-bottom:0}
.dk-ih{display:flex;align-items:center;flex-wrap:wrap;gap:4px 6px}
.dk-out{font-size:14.5px;margin-right:4px}
.dk-age{margin-left:auto;font-size:12px;color:var(--muted)}
.dk-txt{margin:6px 0 2px;font-size:15px;line-height:1.45;overflow-wrap:anywhere;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.dk-txt.open{-webkit-line-clamp:unset;display:block}
.dk-meta{margin:0;font-size:12.5px;color:var(--muted)}
.dk-late{color:var(--dkbad);font-weight:700}
.dk-it.st-resolved .dk-txt{color:var(--muted)}
.dk-acts,.dk-fb{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}
.dk-b{appearance:none;border:1px solid var(--line);background:var(--panel);color:var(--text);font:inherit;font-size:13.5px;font-weight:600;padding:7px 12px;border-radius:10px;min-height:36px;cursor:pointer;display:inline-flex;align-items:center;gap:5px;text-decoration:none}
.dk-b.pri{background:var(--text);border-color:var(--text);color:var(--bg,#fff)}
.dk-b.ai{border-color:color-mix(in srgb,var(--dkpur) 45%,var(--line));color:var(--dkpur)}
.dk-b:focus-visible,.dk-k:focus-visible,.dk-oc:focus-visible,.dk-day:focus-visible,.dk-rr:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.dk-more{appearance:none;border:0;background:none;color:var(--muted);font:inherit;font-size:12.5px;padding:6px 0 0;cursor:pointer;text-decoration:underline;text-underline-offset:2px}
.dk-hw{margin-top:6px;padding:8px 10px;border-radius:10px;background:color-mix(in srgb,var(--text) 4%,transparent)}
.dk-hist{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px;font-size:13px}
.dk-hist li{display:grid;grid-template-columns:120px minmax(0,1fr);gap:8px}
.dk-ht{color:var(--muted);font-size:12px}
.dk-none{margin:0;font-size:13px;color:var(--muted)}
.dk-ai1{margin:6px 0 0;font-size:13px;color:var(--dkpur)}
.dk-form{margin-top:8px;display:flex;flex-direction:column;gap:8px}
.dk-form textarea{width:100%;box-sizing:border-box;font:inherit;font-size:15px;border:1px solid var(--line);border-radius:10px;padding:9px 10px;background:var(--bg,var(--panel));color:var(--text);resize:vertical}
.dk-row3{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1.2fr) minmax(0,1fr);gap:8px}
.dk-row3 label{display:flex;flex-direction:column;gap:4px;font-size:12.5px;color:var(--muted)}
.dk-row3 select,.dk-row3 input{font:inherit;font-size:14.5px;min-height:40px;border:1px solid var(--line);border-radius:10px;padding:0 8px;background:var(--bg,var(--panel));color:var(--text);min-width:0}
.dk-chips{display:flex;flex-wrap:wrap;gap:6px}
.dk-chip{appearance:none;border:1px solid var(--line);background:var(--panel);color:var(--text);font:inherit;font-size:13px;padding:6px 11px;border-radius:99px;cursor:pointer}
.dk-empty{margin:14px 0;font-size:14px;color:var(--muted)}
.dk-aib{border:1px solid color-mix(in srgb,var(--dkpur) 35%,var(--line));background:color-mix(in srgb,var(--dkpur) 6%,var(--panel));border-radius:12px;padding:10px 12px;margin:10px 0}
.dk-aib h3{margin:0 0 4px;font-size:15px}.dk-aib h3 small{font-weight:500;color:var(--muted)}
.dk-aib ul,.dk-week ul{margin:2px 0 6px;padding-left:18px;font-size:14px}
.dk-aih{font-size:15px;font-weight:600;margin:4px 0 8px}
.dk-aik{margin:6px 0 2px;font-size:12px;font-weight:700;color:var(--muted)}
.dk-dh{margin:14px 0 6px;font-size:13px;color:var(--muted)}
.dk-rl{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}
.dk-rr{appearance:none;width:100%;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:4px 10px;align-items:center;border:1px solid var(--line);background:var(--bg,var(--panel));color:var(--text);font:inherit;text-align:left;padding:10px 12px;border-radius:12px;cursor:pointer}
.dk-rn{display:flex;flex-direction:column;min-width:0}.dk-rn b{font-size:15px}.dk-rn small{font-size:12.5px;color:var(--muted)}
.dk-rt{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:2px}
.dk-ro{grid-column:1/-1;font-size:13px;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.dk-week h3{margin:0;font-size:19px}.dk-week h4{margin:16px 0 6px;font-size:15px}
.dk-wg{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:10px}
.dk-wl{list-style:none;padding:0!important;margin:0}
.dk-wl li{display:flex;flex-direction:column;gap:2px;padding:8px 0;border-bottom:1px solid var(--line);font-size:14px}
.dk-wl small{color:var(--muted);font-size:12.5px}
.dk-tw{overflow-x:auto}
.dk-wt{width:100%;border-collapse:collapse;font-size:13.5px;min-width:620px}
.dk-wt th,.dk-wt td{padding:7px 8px;border-bottom:1px solid var(--line);text-align:right;white-space:nowrap}
.dk-wt th:first-child,.dk-wt thead th:first-child{text-align:left}
.dk-wt thead th{font-size:12px;color:var(--muted);font-weight:700}
.dk-dw{position:fixed;inset:0;z-index:60;display:flex;justify-content:flex-end}
.dk-dwbg{position:absolute;inset:0;background:rgba(0,0,0,.38)}
.dk-dwp{position:relative;width:min(760px,100%);height:100%;overflow:auto;background:var(--bg,var(--panel));padding:16px 18px 40px;box-shadow:-12px 0 30px rgba(0,0,0,.2)}
.dk-dwh{display:flex;justify-content:space-between;align-items:flex-start;gap:10px;position:sticky;top:-16px;background:var(--bg,var(--panel));padding:6px 0 10px;z-index:2}
.dk-dwh h3{margin:0;font-size:20px}
.dk-x{appearance:none;border:1px solid var(--line);background:var(--panel);color:var(--text);width:40px;height:40px;border-radius:99px;font-size:16px;cursor:pointer}
.dk-dwp h4{margin:16px 0 6px;font-size:14px;color:var(--muted)}
.dk-cm{list-style:none;margin:0;padding:0}.dk-cm li{padding:8px 0;border-bottom:1px solid var(--line);font-size:14px}.dk-cm p{margin:2px 0 0}
.dk-full [data-drop]{display:none!important}
@media (max-width:1100px){.dk-kpis{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:999px){.dk-two{display:block}}
@media (max-width:640px){
  .dk-h h2{font-size:24px}.dk-sec{padding:12px;border-radius:14px}
  .dk-kpis{gap:6px}.dk-k{padding:10px}.dk-k b{font-size:22px}.dk-k span{font-size:11.5px}
  .dk-ocs{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:8px;padding-bottom:4px;margin:0 -12px 10px;padding-left:12px;padding-right:12px;scrollbar-width:none}
  .dk-ocs::-webkit-scrollbar{display:none}
  .dk-ocs .dk-oc{flex:0 0 72%;scroll-snap-align:start}
  .dk-row3{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.dk-row3 label:first-child{grid-column:1/-1}
  .dk-hist li{grid-template-columns:1fr;gap:0}
  .dk-dwp{padding:12px 14px 40px}
  .dk-tabs{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none}.dk-tabs::-webkit-scrollbar{display:none}.dk-tabs button{flex:0 0 auto;white-space:nowrap}
  .dk-seg{display:flex}.dk-seg button{flex:1 1 auto;padding:8px 8px}
}

/* v2.43.1 */
.nb243{margin:0 0 10px}
.nb243 button{appearance:none;display:inline-flex;align-items:center;gap:4px;border:1px solid var(--line);background:var(--panel);color:var(--accent);font:inherit;font-size:14px;font-weight:600;padding:7px 14px 7px 10px;border-radius:99px;cursor:pointer;min-height:36px;box-shadow:0 1px 2px rgba(0,0,0,.05)}
.nb243 button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.rq243b{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:8px 0;padding:8px 10px;border-radius:10px;background:color-mix(in srgb,var(--text) 5%,transparent);font-size:14px}
.rq243b select{font:inherit;font-size:14px;min-height:36px;border:1px solid var(--line);border-radius:8px;padding:0 6px;background:var(--panel);color:var(--text)}
.rq243o{margin:0 0 8px;padding:8px 10px;border-radius:10px;background:color-mix(in srgb,var(--accent) 8%,transparent);font-size:14px}
.rq243none{color:#c77700;font-weight:600}
#rqOut{margin-left:auto;min-height:34px;border-radius:8px;border:1px solid var(--line);background:var(--panel);color:var(--text);font:inherit}
#rqOut+#rqSt{margin-left:6px}

/* v2.44.0 Requests desk */
.rqd{--rbad:#d93b3b;--rwarn:#c77700;--rok:#1e8e5a;--rpur:#6c4fd1;--rblue:#2563c9;max-width:none}
.rqd-tabs{display:inline-flex;gap:4px;padding:4px;border-radius:12px;background:color-mix(in srgb,var(--text) 7%,transparent);margin:0 0 12px;flex-wrap:wrap}
.rqd-tabs button{appearance:none;border:0;background:none;color:var(--muted);font:inherit;font-size:14px;font-weight:600;padding:8px 16px;border-radius:9px;cursor:pointer;min-height:38px}
.rqd-tabs button[aria-selected="true"]{background:var(--panel);color:var(--text);box-shadow:0 1px 3px rgba(0,0,0,.14)}
.rqd-flt{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin:0 0 12px}
.rqd-flt select,.rqd-flt input{font:inherit;font-size:14px;min-height:38px;border:1px solid var(--line);border-radius:10px;padding:0 10px;background:var(--panel);color:var(--text);max-width:100%}
.rqd-flt input{flex:1;min-width:160px}
.rqd .rqd-flt #rqOut{margin:0}
.rqd-kpis{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:8px;margin:0 0 14px}
.rqd-k{appearance:none;display:flex;flex-direction:column;align-items:flex-start;gap:2px;border:1px solid var(--line);background:var(--panel);color:var(--text);font:inherit;border-radius:14px;padding:11px 12px;text-align:left;cursor:pointer;min-width:0}
.rqd-k b{font-size:24px;line-height:1.05;font-variant-numeric:tabular-nums}.rqd-k span{font-size:12.5px;color:var(--muted);line-height:1.25}
.rqd-k.bad b{color:var(--rbad)}.rqd-k.warn b{color:var(--rwarn)}.rqd-k.pur b{color:var(--rpur)}.rqd-k.sp{cursor:default}
.rqd-k.on{border-color:var(--text);box-shadow:inset 0 0 0 1px var(--text)}
.rqd-lanes{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;align-items:start}
.rqd-lane{background:color-mix(in srgb,var(--text) 4%,var(--panel));border:1px solid var(--line);border-radius:16px;padding:10px;min-width:0}
.rqd-lane.wide{max-width:900px}
.rqd-lane>header{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap;margin:2px 4px 8px}
.rqd-lane h3{margin:0;font-size:15px}
.rqd-n{font-size:12px;font-weight:700;color:var(--muted);background:color-mix(in srgb,var(--text) 9%,transparent);padding:1px 8px;border-radius:99px;margin-left:4px}
.rqd-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}
.rqd-c{position:relative;background:var(--panel);border:1px solid var(--line);border-radius:12px}
.rqd-c.urg{border-left:4px solid var(--rbad)}.rqd-c.on{border-color:var(--accent)}
.rqd-cb{appearance:none;width:100%;display:flex;flex-direction:column;gap:4px;border:0;background:none;color:var(--text);font:inherit;text-align:left;padding:10px 12px;cursor:pointer;border-radius:12px}
.rqd-ck{position:absolute;right:8px;top:8px;z-index:1}.rqd-ck input{width:20px;height:20px}
.rqd-c:has(.rqd-ck) .rqd-cb{padding-right:36px}
.rqd-ct{display:flex;flex-wrap:wrap;gap:4px;align-items:center}
.rqd-ty{font-size:12px;color:var(--muted)}
.rqd-cb b{font-size:14.5px;line-height:1.35;overflow-wrap:anywhere}
.rqd-cm{font-size:12.5px;color:var(--muted)}.rqd-cm b{color:var(--text)}
.rqd-cw{font-size:12.5px}
.rqd-warn{color:var(--rwarn);font-weight:600}
.rqd-tag{font-size:11px;font-weight:700;padding:1px 7px;border-radius:99px;white-space:nowrap}
.rqd-tag.bad{background:color-mix(in srgb,var(--rbad) 13%,transparent);color:var(--rbad)}
.rqd-tag.warn{background:color-mix(in srgb,var(--rwarn) 15%,transparent);color:var(--rwarn)}
.rqd-tag.pur{background:color-mix(in srgb,var(--rpur) 13%,transparent);color:var(--rpur)}
.rqd-tag.ceo{background:var(--text);color:var(--bg,#fff)}
.rqd-tag.ord{background:color-mix(in srgb,var(--rblue) 13%,transparent);color:var(--rblue)}
.rqd-none{margin:8px 4px;font-size:13.5px;color:var(--muted)}
.rqd-seg{display:flex;gap:4px;overflow-x:auto;scrollbar-width:none;margin:0 0 10px}.rqd-seg::-webkit-scrollbar{display:none}
.rqd-seg button{flex:0 0 auto;appearance:none;border:1px solid var(--line);background:var(--panel);color:var(--text);font:inherit;font-size:13.5px;font-weight:600;padding:8px 12px;border-radius:99px;cursor:pointer;white-space:nowrap}
.rqd-seg button[aria-selected="true"]{background:var(--text);color:var(--bg,#fff);border-color:var(--text)}
.rqd-seg i{font-style:normal;opacity:.75;margin-left:3px}
.rqd-dw{position:fixed;inset:0;z-index:60;display:flex;justify-content:flex-end}
.rqd-dwbg{position:absolute;inset:0;background:rgba(0,0,0,.38)}
.rqd-dwp{position:relative;width:min(720px,100%);height:100%;overflow:auto;background:var(--bg,var(--panel));padding:14px 18px 60px;box-shadow:-12px 0 30px rgba(0,0,0,.2)}
.rqd-dwh{display:flex;justify-content:space-between;align-items:flex-start;gap:10px;margin:0 0 10px}
.rqd-dwh h3{margin:2px 0;font-size:19px;line-height:1.3}
.rqd-x{appearance:none;border:1px solid var(--line);background:var(--panel);color:var(--text);width:40px;height:40px;border-radius:99px;font-size:16px;cursor:pointer;flex:0 0 auto}
.rqd-cells{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:8px;margin:8px 0}
.rqd-cells>div{display:flex;flex-direction:column;gap:2px;border:1px solid var(--line);background:var(--panel);border-radius:10px;padding:8px 10px}
.rqd-cells span{font-size:12px;color:var(--muted)}.rqd-cells b{font-size:16px}.rqd-cells small{font-size:11.5px;color:var(--muted)}
.rqd-dup{margin:6px 0;padding:8px 10px;border-radius:10px;background:color-mix(in srgb,var(--rwarn) 12%,transparent);font-size:13.5px}
.rqd-lim{margin:6px 0;padding:8px 10px;border-radius:10px;background:color-mix(in srgb,var(--text) 7%,transparent);font-size:13.5px}
.rqd-disc{margin:6px 0;padding:8px 10px;border-radius:10px;background:color-mix(in srgb,var(--rpur) 10%,transparent);font-size:13.5px}
.rqd-ai{margin:8px 0;padding:10px 12px;border-radius:12px;border:1px solid color-mix(in srgb,var(--rpur) 35%,var(--line));background:color-mix(in srgb,var(--rpur) 6%,var(--panel));font-size:14px}
.rqd-ai p{margin:2px 0}.rqd-ai ul{margin:4px 0 6px;padding-left:18px}
.rqd-aib{margin:6px 0}
.rqd-extra{display:flex;flex-wrap:wrap;gap:6px;margin:8px 0}
.rqd-chg{margin:8px 0;padding:10px 12px;border:1px solid var(--line);border-radius:12px;background:var(--panel);display:flex;flex-direction:column;gap:8px}
.rqd-chg h4{margin:0;font-size:14.5px}
.rqd-chgr{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:8px}
.rqd-chg label{display:flex;flex-direction:column;gap:4px;font-size:12.5px;color:var(--muted)}
.rqd-chg input,.rqd-chg textarea{font:inherit;font-size:15px;border:1px solid var(--line);border-radius:10px;padding:8px 10px;background:var(--bg,var(--panel));color:var(--text);min-width:0}
.rqd-fb{display:flex;gap:6px;flex-wrap:wrap}
.rqd-draft{margin-top:6px}
.rqd-dwp .rq-det{border:0;padding:0;margin-top:8px}
@media (max-width:1200px){.rqd-kpis{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media (max-width:640px){.rqd-kpis{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.rqd-k{padding:9px 10px}.rqd-k b{font-size:21px}.rqd-dwp{padding:12px 14px 60px}.rqd-tabs{display:flex}.rqd-tabs button{flex:1 1 auto}}
.rqd-cfg{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:8px;margin:10px 0}
.rqd-cfg label{display:flex;flex-direction:column;gap:4px;font-size:13px;color:var(--muted)}
.rqd-cfg select,.rqd-cfg input{font:inherit;font-size:14px;min-height:38px;border:1px solid var(--line);border-radius:10px;padding:0 8px;background:var(--panel);color:var(--text)}
.rqd-cfg .hint{grid-column:1/-1;margin:0}

/* v2.44.1 · Requests list */
.rq.rql{max-width:none}
.rq.rql .rql-bar>.rq-tabs{display:flex;flex-wrap:wrap;gap:6px;border:0;padding:0;overflow:visible;mask-image:none;-webkit-mask-image:none}
.rq.rql .rql-bar>.rq-tabs button{border:1px solid var(--line);border-radius:99px;background:var(--panel);color:var(--muted);padding:7px 14px;min-height:36px;display:inline-flex;align-items:center;justify-content:center;gap:6px;font-size:14px}
.rq.rql .rql-bar>.rq-tabs button:hover{color:var(--text);border-color:color-mix(in srgb,var(--text) 30%,var(--line))}
.rq.rql .rql-bar>.rq-tabs button[aria-selected="true"]{background:var(--text);border-color:var(--text);color:var(--panel)}
.rq.rql .rql-bar>.rq-tabs button i{margin-left:0}
.rql-bar{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}
.rql-f{display:flex;gap:8px;flex-wrap:nowrap;flex:0 0 auto;margin-left:auto}
.rql-f #rqOut,.rql-f #rqOut+#rqSt,.rql-f #rqSt{margin:0}
.rql-f select{min-height:38px;border-radius:10px;border:1px solid var(--line);background:var(--panel);color:var(--text);font:inherit;padding:0 10px;flex:0 1 200px;min-width:0;box-sizing:border-box;margin:0}
@media (max-width:720px){
  .rq.rql .rql-bar>.rq-tabs{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));width:100%}
  .rq.rql .rql-bar>.rq-tabs button{padding:7px 4px;font-size:13px;white-space:normal!important;text-align:center;line-height:1.15;border-radius:12px}
  .rql-bar{display:flex;flex-direction:column;align-items:stretch}
  .rql-f{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);margin-left:0}
  .rql-f select{width:100%}
  .rql .rq-sum{grid-template-columns:minmax(0,1fr) auto;row-gap:6px}
  .rql .rq-t{grid-column:1/-1}
  .rql .rq-t em{white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
}
/* v2.44.1 · small Back button on the top row */
#view>.nb243{display:none!important}
.hero .nb244.nb244{appearance:none;border:1px solid var(--line);background:var(--panel);color:var(--text);font:inherit;font-size:13px;font-weight:600;line-height:1;border-radius:99px;padding:0 11px 0 7px;height:30px;min-height:30px;display:inline-flex;align-items:center;gap:2px;cursor:pointer;white-space:nowrap;flex:0 0 auto;align-self:center;box-shadow:none;margin:0 6px 0 0}
.hero .nb244.nb244[hidden]{display:none}
.hero .nb244.nb244 svg{width:15px;height:15px;flex:0 0 auto}
.hero .nb244.nb244:hover{border-color:var(--accent);color:var(--accent);background:var(--panel)}
.hero .nb244.nb244:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.hero .nb244.ph.nb244{margin:0 0 0 6px;width:34px;height:34px;min-height:34px;padding:0;justify-content:center;border-radius:50%;box-shadow:0 1px 2px rgba(0,0,0,.08)}
.hero .nb244.ph.nb244 span{display:none}
.hero .nb244.ph.nb244 svg{width:18px;height:18px;margin-left:-1px}

/* v2.44.2 · People header on a phone: the title gets its own full-width line under the HR alerts / Me / Settings buttons */
@media (max-width:720px){
  .hrpage .mkhero.hrhero>div:first-child{flex:1 1 100%;width:100%;max-width:100%;min-width:0;padding-right:0}
  .hrpage .mkhero.hrhero .hreye{min-height:38px;display:flex;align-items:center;flex-wrap:wrap;gap:4px 6px;padding-right:150px;box-sizing:border-box}
  .hrpage .mkhero.hrhero>div:first-child h2{white-space:normal;overflow:visible;overflow-wrap:break-word;max-width:100%;margin-top:6px}
}

/* v2.45.0 · Payroll: pay runs board */
.p5{display:flex;flex-direction:column;gap:14px;min-width:0}
.p5head{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.p5head .mkmonth{width:auto;min-width:240px;flex:0 1 300px;background:color-mix(in srgb,var(--text) 6%,transparent);border-radius:12px;padding:4px}
.p5head .mkmonth button{appearance:none;border:0;background:none;color:var(--text);font-size:20px;line-height:1;width:36px;height:34px;border-radius:9px;cursor:pointer}
.p5head .mkmonth button:hover{background:var(--panel)}
.p5head .mkmonth b{font-size:15px}
.p5sched{display:flex;flex-wrap:wrap;gap:6px;align-items:center}
.p5sched span{font-size:12.5px;font-weight:600;border:1px solid var(--line);background:var(--panel);border-radius:99px;padding:4px 10px;color:var(--text)}
.p5sched span.off{color:var(--muted);border-style:dashed}
.p5sched .linkbtn{font-size:12.5px}
.p5tiles{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:10px}
.p5tiles>div{background:var(--panel);border-radius:12px;box-shadow:var(--sh1);padding:12px 14px;display:flex;flex-direction:column;gap:2px;min-width:0}
.p5tiles em{font-style:normal;font-size:12px;color:var(--muted);font-weight:600}
.p5tiles b{font-size:21px;letter-spacing:-.01em;font-variant-numeric:tabular-nums}
.p5tiles span{font-size:12px;color:var(--muted)}
.p5sec{display:flex;flex-direction:column;gap:10px}
.p5sh{display:flex;align-items:flex-end;justify-content:space-between;gap:10px;flex-wrap:wrap}
.p5sh h3{margin:0;font-size:16px}
.p5sh .hint{margin:2px 0 0;max-width:72ch}
.p5grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:10px}
.p5card{appearance:none;text-align:left;font:inherit;color:var(--text);background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:12px 14px;display:flex;flex-direction:column;gap:6px;min-width:0;cursor:pointer;box-shadow:var(--sh1)}
.p5card:hover{border-color:color-mix(in srgb,#1FA88F 55%,var(--line))}
.p5card:focus-visible{outline:2px solid #1FA88F;outline-offset:2px}
.p5card.p5gh{cursor:default;box-shadow:none;background:transparent;border-style:dashed;text-align:left;align-items:stretch}
.p5card.p5gh .ghost.sm{align-self:flex-start}
.p5ct{display:flex;align-items:center;justify-content:space-between;gap:8px}
.p5ct b{font-size:15px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.p5none{font-size:11.5px;font-weight:700;color:var(--muted)}
.p5cm{font-size:12.5px;color:var(--muted)}
.p5cn{display:flex;align-items:baseline;justify-content:space-between;gap:8px}
.p5cn b{font-size:18px;font-variant-numeric:tabular-nums}
.p5cn em{font-style:normal;font-size:12px;color:var(--muted)}
.p5dots{display:flex;gap:4px}
.p5dots i{flex:1;height:4px;border-radius:2px;background:color-mix(in srgb,var(--text) 12%,transparent)}
.p5dots i.d{background:#1FA88F}
.p5dots i.n{background:color-mix(in srgb,#1FA88F 45%,transparent)}
.p5form h3{margin:0;font-size:16px}
.p5fg{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:10px}
.p5fg label{display:flex;flex-direction:column;gap:4px;font-size:13px;font-weight:600;min-width:0}
.p5fg select,.p5fg input{min-height:38px;box-sizing:border-box;width:100%}
.p5form .p5r{display:none}
.p5form.p5custom .p5r{display:flex}
.p5bar{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.p5bt{display:flex;align-items:center;gap:8px;min-width:0;flex-wrap:wrap}
.p5bt h3{margin:0;font-size:17px}
.p5bar .danger{color:var(--over,#d93b3b)}
.p5notes{margin:0;padding:10px 14px 10px 30px;background:color-mix(in srgb,#1FA88F 8%,var(--panel));border:1px solid color-mix(in srgb,#1FA88F 30%,var(--line));border-radius:12px;font-size:13px;display:flex;flex-direction:column;gap:4px}
.p5bo table{width:100%}
.p5set .inline{grid-column:1/-1}
.p5on{margin:-2px 0 8px;font-weight:600}
@media (max-width:720px){
  .p5head .mkmonth{flex:1 1 100%;min-width:0}
  .p5head .btn{flex:1 1 100%}
  .p5grid{grid-template-columns:1fr}
  .p5tiles{grid-template-columns:1fr 1fr}
  .p5tiles b{font-size:18px}
  .p5bar .p5bt{flex:1 1 100%}
  .p5bar>.ghost.sm:first-child{order:-2}
  .p5bar .p5bt h3{font-size:16px}
}
/* v2.45 steady first load */
.c238:has(.c238wait){min-height:calc(100vh - 120px)}
.c238wait{display:none}
@keyframes vt229{from{opacity:.7}to{opacity:1}}
/* v2.45 fix: initials in the big profile picture were stuck in the corner */
.hrph span.hrav{display:inline-flex!important;align-items:center;justify-content:center;line-height:1}

/* v2.46.0 · Telegram messages */
#st-notify .stfoot{display:none}
.tg6{display:flex;flex-direction:column;gap:10px}
.tg6all{border:1px solid var(--line);border-radius:12px;padding:10px 12px;background:color-mix(in srgb,#2AABEE 7%,var(--panel))}
.tg6g.off{opacity:.45;pointer-events:none}
.tg6warn{list-style:none;margin:0}
.tg6log summary{cursor:pointer;font-weight:700;font-size:13.5px}
.tg6log ul{list-style:none;margin:8px 0 0;padding:0;display:flex;flex-direction:column;gap:4px}
.tg6log li{display:grid;grid-template-columns:18px minmax(0,1fr);gap:0 6px;font-size:12.5px}
.tg6log li span{grid-row:1/3;font-weight:800}
.tg6log li.ok span{color:var(--done,#1e8e5a)}
.tg6log li.bad span{color:var(--over,#d93b3b)}
.tg6log li b{font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.tg6log li em{font-style:normal;color:var(--muted)}
/* staff: connect Telegram */
.tgs{border:1px solid color-mix(in srgb,#2AABEE 40%,var(--line));background:color-mix(in srgb,#2AABEE 8%,var(--panel));border-radius:12px;padding:10px 12px;margin:6px 0 10px;display:flex;flex-direction:column;gap:6px}
.tgs .hint{margin:0}
.tgs.on{flex-direction:row;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}
.tgsh{margin:2px 0 8px}
/* payroll run panels */
.hp6rv .mkch,.hp6sl .mkch,.hp6bk .mkch{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.hp6rv h3,.hp6sl h3,.hp6bk h3,.hp6lab h3,.hp6gov h3{margin:0;font-size:16px}
.hp6fl{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}
.hp6fl li button{all:unset;box-sizing:border-box;width:100%;cursor:pointer;display:grid;grid-template-columns:minmax(120px,200px) minmax(90px,140px) minmax(0,1fr);gap:4px 10px;align-items:baseline;padding:8px 10px;border-radius:10px;border:1px solid var(--line);background:var(--panel)}
.hp6fl li button:hover{border-color:color-mix(in srgb,#1FA88F 55%,var(--line))}
.hp6fl li button:focus-visible{outline:2px solid #1FA88F;outline-offset:1px}
.hp6fl li.lv2 button{border-left:4px solid var(--over,#d93b3b)}
.hp6fl li.lv1 button{border-left:4px solid #E3A008}
.hp6fl em{font-style:normal;color:var(--muted);font-size:12.5px}
.hp6fl span{font-size:13.5px}
.hp6ok{margin:0;color:var(--done,#1e8e5a);font-weight:600}
.hp6ai{border-radius:12px;padding:10px 12px;background:color-mix(in srgb,#7C5CFF 9%,var(--panel));border:1px solid color-mix(in srgb,#7C5CFF 30%,var(--line))}
.hp6ai.ok{background:color-mix(in srgb,#1FA88F 9%,var(--panel));border-color:color-mix(in srgb,#1FA88F 30%,var(--line))}
.hp6ai p{margin:0 0 4px}
.hp6ai ul{margin:4px 0 0;padding-left:18px}
.hp6ot tr.warn td{background:color-mix(in srgb,#E3A008 10%,transparent)}
.hp6ot em,.hp6lab em{display:block;font-style:normal;font-size:12px;color:var(--muted)}
.hp6sl p{margin:0}
.hp6sl b.bad,.hp6lab b.bad{color:var(--over,#d93b3b)}
.hp6bf{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:6px 12px;align-items:center;border:1px solid var(--line);border-radius:12px;padding:10px 12px}
.hp6bf>div{display:flex;flex-direction:column;gap:2px;min-width:0}
.hp6bf span{font-size:13px}
.hp6bf em{font-style:normal;font-size:12px;color:var(--muted)}
.hp6bf .pywarn{grid-column:1/-1;margin:0}
.hp6bo ul{margin:4px 0 0;padding-left:18px;font-size:13px}
.p5bar .ghost.sm.on{background:var(--text);color:var(--panel)}
.hp6lab tr.tot td{border-top:2px solid var(--line)}
.hp6gov .frow{flex-wrap:wrap;gap:6px}
@media (max-width:720px){
  .hp6fl li button{grid-template-columns:minmax(0,1fr) auto}
  .hp6fl li button span{grid-column:1/-1}
  .hp6bf{grid-template-columns:1fr}
  .hp6bf .btn{justify-self:start}
}

/* v2.46.1 · Outlet Reports header: Send a report + ⋯ */
.dk-acts{display:flex;align-items:center;gap:8px;flex:none}
.dk-acts .btn.sm{white-space:nowrap}
@media (max-width:600px){.dk-h{flex-wrap:wrap;gap:10px}.dk-acts{width:100%;justify-content:space-between}}

/* v2.46.3 · the update window stays on top of the birthday and other pop-ups */
.supov{z-index:2147481000}
.supbtns button[disabled]{opacity:.7;cursor:progress}

/* v2.47.0 · Head Office Top 3, My dashboard, HQ Scorecard */
body.hq7lock{overflow:hidden}
.hq7gate{position:fixed;inset:0;z-index:2147480000;background:color-mix(in srgb,var(--bg) 70%,rgba(8,12,22,.75));backdrop-filter:blur(3px);display:flex;align-items:center;justify-content:center;padding:16px}
.hq7box{background:var(--panel,#fff);color:var(--text);width:min(620px,100%);max-height:calc(100dvh - 32px);display:flex;flex-direction:column;border-radius:18px;box-shadow:0 20px 60px rgba(0,0,0,.3);overflow:hidden}
.hq7h{display:flex;gap:14px;align-items:flex-start;padding:20px 22px 8px}.hq7h h2{margin:0 0 4px;font-size:21px}.hq7k{font-size:30px;line-height:1}
.hq7c{padding:4px 22px 10px;font-size:14px}
.hq7list{overflow:auto;padding:0 22px;display:flex;flex-direction:column;gap:6px;min-height:80px}
.hq7r{display:flex;gap:10px;align-items:flex-start;padding:10px 12px;border:1px solid var(--line);border-radius:12px;cursor:pointer}
.hq7r input{margin-top:3px;width:18px;height:18px;flex:none}.hq7r span{display:flex;flex-direction:column;gap:2px;min-width:0}.hq7r b{font-weight:600;overflow-wrap:anywhere}.hq7r em{font-style:normal;font-size:12.5px;color:var(--muted)}
.hq7r.on{border-color:var(--accent,#c22);background:color-mix(in srgb,var(--accent,#c22) 8%,transparent)}.hq7r.dis{opacity:.55;cursor:default}.hq7s{font-style:normal;color:var(--accent,#c22)}
.hq7add{padding:10px 22px 0}.hq7add p{margin:0 0 6px}
.hq7f{display:flex;justify-content:space-between;gap:10px;padding:14px 22px 18px;border-top:1px solid var(--line);margin-top:12px}
.hq7card .hq7pb{height:8px;border-radius:5px;background:var(--line);overflow:hidden;margin:6px 0 4px}.hq7card .hq7pb i{display:block;height:100%;background:#2e9d5b;border-radius:5px}
.hq7pt{margin:0 0 6px;font-size:13px}.hq7ol{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:6px}.hq7ol li{display:flex;gap:8px;align-items:baseline;flex-wrap:wrap}
.hq7ol li.done .linkbtn{text-decoration:line-through;opacity:.7}.hq7cf{margin-top:10px}
.hq7dash{display:flex;flex-direction:column;gap:14px;margin-bottom:18px}.hq7dh .cmgreet{display:block;font-size:12px;letter-spacing:.06em;color:var(--muted)}.hq7dh b{font-size:22px}
.hq7tiles{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.hq7g{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:14px}.hq7g>.mkcard{margin:0}
.hq7ul{margin:0;padding-left:18px;display:flex;flex-direction:column;gap:4px}
.hq7parts{display:flex;flex-direction:column;gap:10px}.hq7parts>div{display:grid;grid-template-columns:150px 1fr auto auto;gap:4px 10px;align-items:center}.hq7parts>div>em{grid-column:2/-1;font-style:normal}
.hq7bar{display:block;height:8px;border-radius:5px;background:var(--line);overflow:hidden}.hq7bar i{display:block;height:100%}.hq7bar i.g{background:#2e9d5b}.hq7bar i.y{background:#e0a800}.hq7bar i.r{background:#d64545}
.hq7wu .hq7wr{display:flex;flex-direction:column;gap:6px;padding:8px 0;border-bottom:1px solid var(--line)}.hq7wu .hq7wr:last-child{border-bottom:0}.hq7wu .hq7wr>span{display:flex;flex-wrap:wrap;gap:6px}
.hq7chip{border:1px solid var(--line);background:transparent;color:inherit;border-radius:999px;padding:5px 10px;font:inherit;font-size:13px;cursor:pointer}.hq7chip.on{border-color:var(--accent,#c22);background:color-mix(in srgb,var(--accent,#c22) 12%,transparent);font-weight:600}
.hq7cont{font-style:normal;font-size:12px;color:#2e7d4f;font-weight:600}
.hq7seg{margin:0 0 12px}.hq7sw{display:inline-flex;gap:6px;flex-wrap:wrap;align-items:center}.hq7sw select{max-width:240px}
.hq7stars{display:inline-flex;gap:2px}.hq7stars button{border:0;background:none;font-size:20px;line-height:1;color:var(--line);cursor:pointer;padding:2px}.hq7stars button.on{color:#e0a800}
@media (max-width:700px){.hq7tiles{grid-template-columns:repeat(2,minmax(0,1fr))}.hq7g{grid-template-columns:minmax(0,1fr)}.hq7parts>div{grid-template-columns:110px 1fr auto auto}.hq7h{padding:16px 16px 6px}.hq7c,.hq7list,.hq7add{padding-left:16px;padding-right:16px}.hq7f{padding:12px 16px 16px}}

/* v2.47.2 · Front Sale mixer choice */
.tb247 button[aria-pressed="true"]{border-color:#2e9d5b;background:color-mix(in srgb,#2e9d5b 18%,transparent);font-weight:700}
.tb247r{font-weight:500;opacity:.75}

/* v2.47.4 · long POS windows (Edit item…) and the check-out wrap-up scroll inside, with Save always visible */
.posmodal .mkm,.co2113 .mkm{max-height:calc(100dvh - 32px);display:flex;flex-direction:column;overflow:hidden}
.posmodal .mkm>.mkmb,.co2113 .mkm>.mkmb{overflow:auto;flex:1 1 auto;min-height:0;overscroll-behavior:contain}
.posmodal .mkm>.mkmh,.posmodal .mkm>.mkmf,.co2113 .mkm>.mkmh,.co2113 .mkm>.mkmf{flex:none}

/* 2.47.6 POS Dashboard header + setup nav: app theme, tidy */
.bo234 .bo234h{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"nav nav" "title act";align-items:center;gap:12px 16px;padding:12px 16px 14px;margin:4px 14px 14px;background:var(--panel);border:1px solid var(--line);border-radius:18px;box-shadow:0 1px 2px rgba(15,23,42,.05)}
.bo234 .bo247nav{grid-area:nav;display:flex;gap:8px;flex-wrap:wrap;padding-bottom:12px;border-bottom:1px solid var(--line)}
.bo234 .bo247nav button{flex:none;min-height:38px;padding:0 14px;border-radius:999px;border:1px solid transparent;background:var(--accentSoft,var(--panel2));color:var(--accent);font:inherit;font-size:14px;font-weight:750;cursor:pointer;box-shadow:none}
.bo234 .bo247nav button:hover{border-color:var(--accent)}
.bo234 .bo247nav button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.bo234 .bo234t{grid-area:title;min-width:0;display:flex;align-items:center;gap:12px}
.bo234 .bo234t img{width:44px;height:44px;border-radius:12px;flex:none}
.bo234 .bo234t b{display:block;font-size:20px;line-height:1.2}
.bo234 .bo234t span{display:block;font-size:13px;color:var(--muted);margin-top:2px}
.bo234 .bo234a{grid-area:act;display:flex;align-items:center;justify-content:flex-end;gap:10px;flex-wrap:wrap}
.bo234 .bo234a .bo234o{gap:8px;font-size:13px;font-weight:600;color:var(--muted)}
.bo234 .bo234a .bo234o select{min-height:40px;min-width:150px;padding:0 12px;border-radius:12px;border:1px solid var(--line);background:var(--panel2);color:var(--text);font-weight:700}
.bo234 .bo234a .btn{min-height:40px;padding:0 16px;border-radius:12px;margin-left:0;font-weight:750}
/* setup nav card */
.bo234 .possetup>.px13nav{gap:10px;padding:10px;margin:0 0 12px;background:var(--panel);border:1px solid var(--line);border-radius:18px}
.bo234 .px13nav .px13seg{gap:4px;padding:4px;border:0;border-radius:14px;background:var(--panel2)}
.bo234 .px13nav .px13seg button{min-height:38px;padding:0 16px;border-radius:10px;color:var(--muted);font-weight:750}
.bo234 .px13nav .px13seg button[aria-selected="true"]{background:var(--accent);color:var(--accentInk,#fff)}
.bo234 .px13nav .poscats{gap:6px;padding:0 0 2px}
.bo234 .px13nav .poscats button{min-height:36px;padding:0 14px;border:1px solid transparent;background:var(--panel2);color:var(--text);font-weight:650}
.bo234 .px13nav .poscats button:hover{border-color:var(--line)}
.bo234 .px13nav .poscats button[aria-pressed="true"]{background:var(--accentSoft,var(--panel2));border-color:var(--accent);color:var(--accent)}
.bo234 .px13nav .p271dd{margin:0}
.bo234 .possetup>.wzbanner{margin:0 0 14px;border:1px solid var(--line);background:var(--accentSoft,var(--panel2))}
/* till setup outside the dashboard: theme colour, not black */
.px13seg button[aria-selected="true"]{background:var(--accent);color:var(--accentInk,#fff)}
@media (max-width:640px){
 .bo234 .bo234h{grid-template-columns:minmax(0,1fr);grid-template-areas:"nav" "title" "act";padding:10px 12px 12px;gap:10px}
 .bo234 .bo247nav button{flex:1}
 .bo234 .bo234t b{font-size:18px}
 .bo234 .bo234a{justify-content:stretch}
 .bo234 .bo234a .bo234o{flex:1 1 100%}
 .bo234 .bo234a .bo234o select{flex:1;min-width:0}
 .bo234 .bo234a .btn{flex:1 1 100%}
 .bo234 .px13nav .px13seg{display:flex;align-self:stretch}
 .bo234 .px13nav .px13seg button{flex:1;padding:0 8px}
}

/* 2.47.7 Main next to Open POS on the dashboard; Telegram tab */
.bo234 .bo234h.bo247d{grid-template-areas:"title act"}
.bo234 .bo234a .bo247main{flex:none;min-height:40px;padding:0 14px;border-radius:999px;border:1px solid transparent;background:var(--accentSoft,var(--panel2));color:var(--accent);font:inherit;font-size:14px;font-weight:750;cursor:pointer}
.bo234 .bo234a .bo247main:hover{border-color:var(--accent)}
.possetup>.p227tg{margin-top:4px}
@media (max-width:640px){
 .bo234 .bo234h.bo247d{grid-template-areas:"title" "act"}
 .bo234 .bo234a .bo247main{flex:1 1 100%}
 .bo234 .bo234a .bo234p{flex:1 1 100%}
 .bo234 .px13nav .px13seg button{padding:0 4px;font-size:13px;white-space:nowrap;letter-spacing:-.1px}
}

/* ===== 2.48.0 · Service plans · Tableware · New Food & Drink ===== */
.inf-dlg footer.inf-ft{border-bottom:0;border-top:1px solid var(--line);flex-wrap:wrap}
.inf-ft>span{flex:1}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
/* service plans */
.sv8{display:flex;flex-direction:column;gap:12px;margin-top:12px}
.sv8bar{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.sv8bar select{min-height:38px;border-radius:10px}
.sv8bar .btn{margin-left:auto}
.sv8sum{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
.sv8sum>div{background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:10px 12px;display:flex;flex-direction:column}
.sv8sum b{font-size:22px;line-height:1.1}
.sv8sum span{font-size:12px;color:var(--muted)}
.sv8sum .bad b{color:var(--over)}
.sv8sum .warn b{color:var(--prog,#B7790B)}
.sv8h{margin:6px 0 0;font-size:14px;display:flex;gap:6px;align-items:center}
.sv8h span{font-size:12px;color:var(--muted);font-weight:600}
.sv8list{display:flex;flex-direction:column;gap:6px}
.sv8it{background:var(--panel);border:1px solid var(--line);border-radius:12px;overflow:hidden}
.sv8it.st-late,.sv8it.st-today{border-left:4px solid var(--over)}
.sv8it.st-soon{border-left:4px solid var(--prog,#E8A33D)}
.sv8sum2{all:unset;box-sizing:border-box;display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:10px;align-items:center;width:100%;padding:10px 12px;cursor:pointer}
.sv8sum2:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}
.sv8n b{display:block}
.sv8n em{font-style:normal;font-size:12.5px;color:var(--muted)}
.sv8d{display:flex;flex-direction:column;align-items:flex-end;gap:3px;text-align:right}
.sv8d small{font-size:12px;color:var(--muted)}
.sv8c,.tw8c{display:inline-block;border-radius:999px;padding:2px 9px;font-size:12px;font-weight:700;white-space:nowrap}
.sv8c.late,.tw8c.bad{background:color-mix(in srgb,var(--over) 16%,transparent);color:var(--over)}
.sv8c.soon,.tw8c.wait{background:color-mix(in srgb,#E8A33D 20%,transparent);color:#9A5B00}
.sv8c.ok,.tw8c.ok{background:color-mix(in srgb,#2E9E5B 16%,transparent);color:#1E7A45}
.sv8c.off,.tw8c.off{background:var(--panel2);color:var(--muted)}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .sv8c.soon,:root:not([data-theme="light"]) .tw8c.wait{color:#F2B95E}:root:not([data-theme="light"]) .sv8c.ok,:root:not([data-theme="light"]) .tw8c.ok{color:#6DD58C}}
:root[data-theme="dark"] .sv8c.soon,:root[data-theme="dark"] .tw8c.wait{color:#F2B95E}:root[data-theme="dark"] .sv8c.ok,:root[data-theme="dark"] .tw8c.ok{color:#6DD58C}
.sv8task{margin:0;padding:0 12px 10px 48px;font-size:12.5px;color:var(--muted)}
.sv8det{padding:0 12px 12px 48px;font-size:13.5px}
.sv8det p{margin:0 0 6px}
.sv8tpl{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}
.sv8set{background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:10px 12px}
.sv8set summary{cursor:pointer;font-weight:700}
.sv8set label{display:flex;margin:8px 0}
.sv8ev2{display:flex;gap:6px;align-items:center}
.sv8ev2 input{width:90px}
.sv8eq{border:1px solid var(--line);border-radius:10px;padding:8px 10px;display:flex;flex-direction:column;gap:4px;max-height:200px;overflow:auto}
.sv8eq em{font-style:normal;color:var(--muted)}
.sv8mini{margin:0 0 6px;font-size:13px;color:var(--muted);flex-basis:100%}
.sv8cal{background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:10px}
.sv8calh{display:flex;align-items:center;justify-content:center;gap:12px;margin-bottom:8px}
.sv8grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:4px}
.sv8wd{font-size:11.5px;color:var(--muted);text-align:center;font-weight:700}
.sv8cd{min-height:78px;border:1px solid var(--line);border-radius:8px;padding:4px;display:flex;flex-direction:column;gap:3px;background:var(--panel2);min-width:0}
.sv8cd.x{background:none;border-color:transparent}
.sv8cd.td{border-color:var(--accent)}
.sv8cd>b{font-size:12px}
.sv8ev{all:unset;box-sizing:border-box;font-size:11.5px;line-height:1.25;background:var(--panel);border-radius:6px;padding:3px 5px;cursor:pointer;overflow:hidden;text-overflow:ellipsis;border-left:3px solid var(--accent)}
.sv8ev small{display:block;color:var(--muted);font-size:10.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sv8ev.st-late,.sv8ev.st-today{border-left-color:var(--over)}
.sv8ev.st-soon{border-left-color:#E8A33D}
@media (max-width:640px){.sv8sum{grid-template-columns:repeat(2,minmax(0,1fr))}.sv8sum2{grid-template-columns:auto minmax(0,1fr)}.sv8d{grid-column:2;align-items:flex-start;flex-direction:row;flex-wrap:wrap}.sv8task,.sv8det{padding-left:12px}.sv8cd{min-height:54px}.sv8ev small{display:none}.sv8bar .btn{margin-left:0}}
/* tableware */
.tw8,.fb8{display:flex;flex-direction:column;gap:12px;max-width:1200px;margin:0 auto;width:100%}
.tw8h{display:flex;justify-content:space-between;align-items:flex-end;gap:12px;flex-wrap:wrap}
.tw8h h1{margin:0;font-size:24px}
.tw8h p{margin:4px 0 0}
.tw8f{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.tw8f select,.tw8f input{min-height:40px;border-radius:10px}
.tw8t{overflow-x:auto;flex-wrap:nowrap}
.tw8t button{white-space:nowrap}
.tw8w{overflow-x:auto;background:var(--panel);border:1px solid var(--line);border-radius:12px}
.tw8tbl{width:100%;border-collapse:collapse;font-size:14px}
.tw8tbl th,.tw8tbl td{padding:8px 10px;border-bottom:1px solid var(--line);text-align:left;vertical-align:middle}
.tw8tbl thead th{font-size:12px;color:var(--muted);font-weight:700;background:var(--panel2)}
.tw8tbl tbody tr:last-child>*{border-bottom:0}
.tw8tbl tfoot th,.tw8tbl tfoot td{border-top:2px solid var(--line);border-bottom:0}
.tw8tbl .n{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}
.tw8tbl th small,.tw8tbl td small{display:block;font-size:11.5px;color:var(--muted);font-weight:400}
.tw8tbl tr.off{opacity:.55}
.tw8tbl em{font-style:normal;color:var(--muted);font-size:12px}
.tw8tbl .bad{color:var(--over);font-weight:700}
.tw8tbl .warn{color:#B7790B;font-weight:700}
.tw8tbl .ok{color:#1E7A45;font-weight:700}
.tw8lk{all:unset;cursor:pointer;color:var(--accent);font-weight:700}
.tw8lk:focus-visible{outline:2px solid var(--accent)}
.tw8how{background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:12px 16px}
.tw8how h3{margin:0 0 6px;font-size:15px}
.tw8how ol{margin:0;padding-left:20px;display:flex;flex-direction:column;gap:6px;font-size:14px;line-height:1.45}
.tw8bar{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.tw8bar .hint{margin-left:auto}
.tw8a{margin:4px 0 0;font-size:15px}
.tw8warn{margin:0;padding:8px 12px;border-radius:10px;background:color-mix(in srgb,#E8A33D 16%,var(--panel));border:1px solid color-mix(in srgb,#E8A33D 45%,var(--line));font-size:13.5px}
.tw8note{margin:0;padding:8px 12px;border-radius:10px;background:var(--accentSoft,var(--panel2));font-size:13.5px}
.tw8two{display:grid;grid-template-columns:3fr 2fr;gap:12px;align-items:start}
.tw8box{background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:12px;display:flex;flex-direction:column;gap:8px}
.tw8box h3{margin:0;font-size:15px}
.tw8add{display:flex;flex-wrap:wrap;gap:6px;align-items:center}
.tw8add select,.tw8add input{min-height:38px;border-radius:9px;min-width:0}
.tw8add select{flex:2 1 150px}
.tw8add input[type=number]{width:72px;flex:none}
.tw8add input[type=date]{flex:1 1 130px}
.tw8add input:not([type]),.tw8add input[name=note]{flex:2 1 140px}
.tw8add .tw8bill{flex-basis:100%}
.tw8ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column}
.tw8ul li{display:grid;grid-template-columns:minmax(0,1fr) auto auto;grid-template-areas:"b n x" "s s x";gap:0 8px;align-items:center;padding:7px 0;border-bottom:1px solid var(--line)}
.tw8ul li:last-child{border-bottom:0}
.tw8ul li>b{grid-area:b}
.tw8ul li>span:not(.n){grid-area:s;font-size:12.5px;color:var(--muted)}
.tw8ul li>.n{grid-area:n;font-variant-numeric:tabular-nums}
.tw8ul li>.inf-x,.tw8ul li>span:last-child:empty{grid-area:x}
.tw8ul em{font-style:normal}
.tw8cs{display:flex;justify-content:space-between;align-items:center;gap:8px;flex-wrap:wrap}
.tw8cnt{display:flex;flex-direction:column;gap:8px}
.tw8cg{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:6px}
.tw8cg label{display:flex;align-items:center;justify-content:space-between;gap:8px;background:var(--panel);border:1px solid var(--line);border-radius:10px;padding:6px 8px 6px 12px}
.tw8cg label span{display:flex;flex-direction:column;font-weight:600;font-size:14px}
.tw8cg small{font-weight:400;color:var(--muted);font-size:11.5px}
.tw8cg input{width:84px;min-height:42px;font-size:18px;text-align:right;border-radius:8px;font-variant-numeric:tabular-nums}
.tw8act{display:flex;gap:8px;align-items:center;justify-content:flex-end;flex-wrap:wrap;margin-top:6px}
.tw8act label{display:flex;align-items:center;gap:6px;font-size:13px}
.tw8act input:not([type=month]){min-height:38px;flex:1 1 180px;max-width:320px}
.tw8pools{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.tw8pools>div{background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:10px 12px}
.tw8pools h4{margin:0 0 6px}
.tw8pools dl{margin:0;display:flex;flex-direction:column;gap:3px;font-size:13px}
.tw8pools dl div{display:flex;justify-content:space-between;gap:8px}
.tw8pools dt{color:var(--muted)}
.tw8pools dd{margin:0;font-variant-numeric:tabular-nums}
.tw8pools .t{border-top:1px solid var(--line);padding-top:4px;font-weight:700}
.tw8pools .t dt{color:var(--text)}
.tw8amt{width:88px;text-align:right;min-height:36px}
.tw8ded{display:flex;flex-direction:column;gap:10px}
.tw8set{background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:14px 16px;display:flex;flex-direction:column;gap:10px;max-width:720px}
.tw8set h3{margin:0}
.tw8set label{display:flex;flex-direction:column;gap:4px;font-size:14px;font-weight:600}
.tw8set label.ast-chk{flex-direction:row;font-weight:400}
.tw8set .sv8ev2{font-weight:400}
.tw8set .btn{align-self:flex-start}
.tw8pre{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:10px}
.tw8pre fieldset{border:1px solid var(--line);border-radius:10px;padding:6px 10px;display:flex;flex-direction:column;gap:4px}
.tw8pre legend{font-weight:700;font-size:13px}
.tw8pre em{font-style:normal;color:var(--muted);font-size:12px}
.tw8dr .tw8ul{margin-bottom:8px}
@media (max-width:760px){.tw8two,.tw8pools{grid-template-columns:1fr}.tw8cg{grid-template-columns:1fr}.tw8act{justify-content:stretch}.tw8act .btn,.tw8act .ghost{flex:1 1 auto}}
/* new food & drink */
.fb8board{display:grid;grid-template-columns:repeat(6,minmax(170px,1fr));gap:10px;overflow-x:auto;padding-bottom:4px}
.fb8col{background:var(--panel2);border-radius:12px;padding:8px;display:flex;flex-direction:column;gap:8px;min-width:0}
.fb8col h3{margin:2px 4px;font-size:13px;display:flex;justify-content:space-between;color:var(--muted)}
.fb8col h3 span{background:var(--panel);border-radius:99px;padding:0 8px;font-size:12px}
.fb8col.c-approval h3{color:#9A5B00}
.fb8col.c-launched h3{color:#1E7A45}
.fb8card{all:unset;box-sizing:border-box;cursor:pointer;background:var(--panel);border:1px solid var(--line);border-radius:10px;overflow:hidden;display:flex;flex-direction:column}
.fb8card:hover{border-color:var(--accent)}
.fb8card:focus-visible{outline:2px solid var(--accent)}
.fb8card img,.fb8card .fb8ph{width:100%;aspect-ratio:16/9;object-fit:cover;display:grid;place-items:center;background:var(--panel2);font-size:28px}
.fb8ct{padding:8px 10px;display:flex;flex-direction:column;gap:2px;min-width:0}
.fb8ct b{font-size:14px;line-height:1.25}
.fb8ct em{font-style:normal;font-size:11.5px;color:var(--muted)}
.fb8ct small{font-size:11.5px;color:var(--muted)}
.fb8cm{display:flex;gap:4px;align-items:center;flex-wrap:wrap;font-size:13px;font-weight:600}
.fb8s{color:#B7790B;font-weight:700;font-size:12.5px}
.fb8none{margin:4px;color:var(--muted);font-size:13px}
.fb8cfg{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin-top:8px}
.fb8cfg label{display:flex;align-items:center;gap:6px;margin:0}
.fb8cfg input{width:70px}
.fb8dlg{width:min(980px,100%)}
.fb8dlg header p{margin:2px 0 0}
.fb8dlg header>div{flex:1;min-width:0}
.fb8dlg header h3{margin:0}
.fb8body{overflow:auto;padding:12px 16px;display:flex;flex-direction:column;gap:12px}
.fb8step{list-style:none;margin:0;padding:0;display:flex;gap:4px;overflow-x:auto}
.fb8step li{flex:1 1 0;min-width:84px;text-align:center;font-size:11.5px;font-weight:600;color:var(--muted);padding:6px 4px;border-radius:8px;background:var(--panel2);white-space:nowrap}
.fb8step li.done{background:var(--accentSoft,var(--panel2));color:var(--accent)}
.fb8step li.now{background:var(--accent);color:var(--accentInk,#fff)}
.fb8sec{border:1px solid var(--line);border-radius:12px;padding:10px 12px;display:flex;flex-direction:column;gap:8px}
.fb8sec h4{margin:0;font-size:14px;display:flex;gap:8px;align-items:center}
.fb8grid{display:grid;grid-template-columns:1fr 1fr;gap:8px 12px}
.fb8grid label{display:flex;flex-direction:column;gap:4px;font-size:13px;font-weight:600}
.fb8grid .w2{grid-column:1/-1}
.fb8grid select[multiple]{min-height:80px}
.fb8rows{display:flex;flex-direction:column;gap:6px}
.fb8r{display:grid;grid-template-columns:minmax(0,3fr) 80px 70px 100px auto;gap:6px;align-items:center}
.fb8r input{min-height:38px;min-width:0}
.fb8r input[readonly]{background:var(--panel2);color:var(--muted)}
.fb8cost{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px}
.fb8cost>div{background:var(--panel2);border-radius:10px;padding:8px 10px;display:flex;flex-direction:column;gap:2px}
.fb8cost span{font-size:11.5px;color:var(--muted)}
.fb8cost b{font-size:16px;font-variant-numeric:tabular-nums}
.fb8cost small{font-size:11px;color:var(--muted)}
.fb8ph2{display:flex;gap:8px;flex-wrap:wrap}
.fb8ph2 figure{margin:0;position:relative}
.fb8ph2 img{width:140px;height:105px;object-fit:cover;border-radius:10px;display:block}
.fb8ph2 .inf-x{position:absolute;top:4px;right:4px;background:var(--panel)}
.fb8up{width:140px;height:105px;border:2px dashed var(--line);border-radius:10px;display:grid;place-items:center;cursor:pointer;color:var(--accent);font-weight:700}
.fb8up.busy{opacity:.5;pointer-events:none}
.fb8up:focus-within{outline:2px solid var(--accent)}
.fb8t{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}
.fb8t li{background:var(--panel2);border-radius:10px;padding:8px 10px;font-size:13px}
.fb8t li span{color:#B7790B;margin-left:6px}
.fb8t p{margin:4px 0 0}
.fb8taste{display:flex;gap:8px;align-items:flex-end;flex-wrap:wrap}
.fb8taste label{display:flex;flex-direction:column;font-size:12px;gap:2px}
.fb8taste input{flex:1 1 200px;min-height:38px}
.fb8launch{border-color:var(--accent)}
.fb8log summary{cursor:pointer;color:var(--muted);font-size:13px}
.fb8log ul{list-style:none;padding:0;margin:6px 0 0;font-size:12.5px;color:var(--muted);display:flex;flex-direction:column;gap:3px}
.fb8log time{color:var(--text);margin-right:6px}
.fb8ask{flex:1 1 220px;min-height:38px}
@media (max-width:760px){.fb8board{grid-template-columns:1fr;overflow:visible}.fb8col{min-height:0}.fb8grid{grid-template-columns:1fr}.fb8r{grid-template-columns:minmax(0,1fr) 64px 56px auto;grid-template-areas:"n n n x" "q u c c"}.fb8r .rN{grid-area:n}.fb8r .rQ{grid-area:q}.fb8r .rU{grid-area:u}.fb8r .rC{grid-area:c}.fb8r .inf-x{grid-area:x}.fb8cost{grid-template-columns:repeat(2,minmax(0,1fr))}.tw8h h1{font-size:20px}}
:is(.tw8,.fb8,.sv8,.tw8dr,.inf-dlg) :is(input:not([type]),input[type=search],input[type=month]){background:var(--panel);color:var(--text);border:1px solid var(--line);border-radius:8px;padding:8px 10px;min-height:38px;font:inherit;max-width:100%;box-sizing:border-box}
.tw8tbl tbody th,.tw8tbl tfoot th{background:none;text-transform:none;letter-spacing:0;font-size:14px;color:var(--text);font-weight:600}
.tw8tbl tfoot th{font-weight:700}
.sv8n b{color:var(--text)}
.tw8pools .none{color:var(--muted);font-size:12.5px;margin:4px 0 0}
.tw8 .tw8t{flex-wrap:nowrap}
@media (max-width:760px){.fb8col:has(.fb8none){display:none}.fb8board{gap:8px}}
.tw8add .tw8bill:not([hidden]){display:flex;flex-direction:row;align-items:center;gap:8px;flex-basis:100%;margin:0;font-size:13.5px;font-weight:600;color:var(--text)}
.tw8add .tw8bill input{width:18px;height:18px;min-height:0;padding:0;flex:none}
.tw8dradd [data-tw8dradd]{min-height:38px}

/* 2.49 · Music from YouTube */
.mu9pl{display:flex;flex-direction:column}
.mu9pr{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:8px 0;border-bottom:1px solid var(--line)}
.mu9pr .sp{flex:1}
.mu9link{display:flex;gap:8px;flex-wrap:wrap;align-items:center;padding:8px 0 12px}
.mu9link input{flex:1 1 280px;min-height:38px;font-family:ui-monospace,monospace;font-size:12.5px;background:var(--panel2);border:1px solid var(--line);border-radius:8px;padding:6px 10px;color:var(--text)}
.mu9link .hint{flex-basis:100%;margin:0}
.mu9imp{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:8px;max-height:420px;overflow:auto;margin:8px 0}
.mu9it{display:flex;gap:10px;align-items:center;border:1px solid var(--line);border-radius:10px;padding:6px 8px;background:var(--panel);cursor:pointer}
.mu9it img{border-radius:6px;object-fit:cover;flex:none}
.mu9it span{display:flex;flex-direction:column;min-width:0}
.mu9it b{font-size:13.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mu9it em{font-style:normal;font-size:12px;color:var(--muted)}
.mu9it input{flex:none}
.mustat.ok{font-size:11px;font-weight:700;color:#1E7A45;background:color-mix(in srgb,#2E9E5B 16%,transparent);border-radius:99px;padding:1px 8px}

/* 2.49.1 · Music focus mode + mobile fixes */
.mu9h{display:flex;align-items:center;gap:12px;flex-wrap:wrap;background:var(--panel);border:1px solid var(--line);border-radius:16px;padding:12px 14px;margin-bottom:12px}
.mu9h>div{flex:1;min-width:0}
.mu9h h2{margin:0;font-size:22px}
.mu9h p{margin:2px 0 0}
.mu9h .ghost{flex:none}
.mkpage[data-mkp=music] .pbtabs{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;gap:2px}
.mkpage[data-mkp=music] .pbtabs::-webkit-scrollbar{display:none}
.mkpage[data-mkp=music] .pbtab{white-space:nowrap;flex:none}
.mkpage[data-mkp=music] label.inline{display:flex!important;flex-direction:row!important;align-items:center;justify-content:flex-start;gap:8px;flex:0 1 auto;width:auto;background:none;border:0;padding:4px 0;font-size:14px;font-weight:600;color:var(--text);text-align:left;grid-column:auto}
.mkpage[data-mkp=music] label.inline input[type=checkbox]{flex:none;margin:0}
.mkpage[data-mkp=music] .muprof .mkfr{align-items:center}
.mkpage[data-mkp=music] .muvol input[type=range]{flex:1;min-width:120px}
@media (max-width:640px){
 .mkpage[data-mkp=music] .muprof .mkfr{flex-direction:column;align-items:stretch;gap:4px}
 .mkpage[data-mkp=music] .muprof .mkfr .sp{display:none}
 .mkpage[data-mkp=music] .muprof .mkfr .btn{width:100%;margin-top:6px;min-height:42px}
 .mkpage[data-mkp=music] .muctl{display:flex;flex-wrap:wrap;gap:6px}
 .mkpage[data-mkp=music] .muvol{flex:1 1 100%}
 .mu9h h2{font-size:20px}
}
.mkpage[data-mkp=music] label.inline input[type=checkbox]{width:20px!important;height:20px!important;min-width:20px;min-height:0!important;flex:0 0 20px!important;padding:0}
.mkpage[data-mkp=music] .muprof label.inline{flex:0 0 auto}

/* 2.49.2 · Online Channel focus header */
.mk9f{display:grid;grid-template-columns:auto minmax(0,1fr) auto;grid-template-areas:"back title acts";align-items:center;gap:8px 14px;background:var(--panel);border:1px solid var(--line);border-radius:16px;padding:12px 14px;margin-bottom:12px}
.mk9back{grid-area:back;white-space:nowrap}
.mk9t{grid-area:title;min-width:0}
.mk9t h2{margin:0;font-size:22px;line-height:1.2}
.mk9t p{margin:2px 0 0;font-size:13px}
.mk9a{grid-area:acts;display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end}
@media (max-width:760px){
 .mk9f{grid-template-columns:minmax(0,1fr);grid-template-areas:"back" "title" "acts";gap:8px}
 .mk9back{justify-self:start}
 .mk9t h2{font-size:20px}
 .mk9t p{display:none}
 .mk9a{justify-content:stretch}
 .mk9a>*{flex:1 1 auto}
}

/* 2.49.3 · Command Center app icons */
.mk9tiles{margin:0 0 14px}
.mk9tile{position:relative}
.mk9b{font-weight:800;font-size:20px;letter-spacing:-.5px;color:#fff;font-family:system-ui,-apple-system,"Segoe UI",Roboto,sans-serif}
.mk9n{position:absolute;top:4px;left:calc(50% + 16px);min-width:20px;height:20px;padding:0 6px;border-radius:99px;background:var(--over,#E5484D);color:#fff;font-size:11.5px;font-weight:800;display:grid;place-items:center;box-shadow:0 0 0 2px var(--panel)}
.mk9tile .mh-tl{text-align:center;line-height:1.2}
.mk9tiles{--blue:#0A84FF;--green:#30C85A;--teal:#30B0C7;--indigo:#5856D6;--orange:#FF9500;--red:#FF3B30;--purple:#AF52DE;--pink:#FF2D55;--yellow:#FFCC00;--gray:#8E8E93}
.mk9tiles .mh-app .hx-ic{width:28px;height:28px;stroke-width:1.9;color:#fff}
.mk9tiles .mh-app.yellow .hx-ic{color:#5c4400}

/* 2.49.4 · Same design everywhere */
/* page tabs with icons on PC (like Nightlife Card) */
@media (min-width:641px){
 .x9nav{display:flex!important;flex-wrap:nowrap!important;gap:4px!important;overflow-x:auto;scrollbar-width:none;border:0!important;border-bottom:1px solid var(--line)!important;border-radius:0!important;background:none!important;padding:0!important;margin:0 0 14px!important;box-shadow:none!important;width:auto!important;
  --b:#007AFF;--g:#34C759;--o:#FF9500;--t:#30B0C7;--i:#5856D6;--y:#8E8E93;--r:#FF3B30;--p:#AF52DE;--k:#FF2D55;--w:#E0A800}
 .x9nav::-webkit-scrollbar{display:none}
 .x9nav>.mg-it{display:inline-flex!important;align-items:center;gap:7px;background:none!important;border:0!important;border-bottom:3px solid transparent!important;border-radius:0!important;box-shadow:none!important;padding:10px 12px!important;margin:0!important;font:inherit;font-weight:600!important;color:var(--muted)!important;white-space:nowrap;cursor:pointer;flex:0 0 auto!important;min-height:0!important;height:auto!important}
 .x9nav>.mg-it[aria-current="page"],.x9nav>.mg-it[aria-selected="true"],.x9nav>.mg-it[aria-pressed="true"]{color:var(--text)!important;border-bottom-color:var(--accent,#C9A24A)!important}
 .x9nav>.mg-it:hover{color:var(--text)!important}
 .x9nav .mg-ic{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:7px;color:#fff;flex:none}
 .x9nav .mg-ic svg{width:14px;height:14px;fill:none;stroke:#fff;stroke-width:2.1;stroke-linecap:round;stroke-linejoin:round}
 .x9nav .c-blue{background:var(--b)}.x9nav .c-green{background:var(--g)}.x9nav .c-orange{background:var(--o)}.x9nav .c-teal{background:var(--t)}.x9nav .c-indigo{background:var(--i)}.x9nav .c-gray{background:var(--y)}
 .x9nav .c-red{background:var(--r)}.x9nav .c-purple{background:var(--p)}.x9nav .c-pink{background:var(--k)}.x9nav .c-yellow{background:var(--w)}
 .evsub .x9nav{display:flex!important}
}
@media (max-width:640px){
 .x9nav.mg-grid{margin:0 0 12px!important}
 .x9nav .mg-it[aria-current="page"],.x9nav .mg-it[aria-selected="true"],.x9nav .mg-it[aria-pressed="true"]{color:var(--text)!important;font-weight:700!important}
 .x9nav .mg-it[aria-current="page"] .mg-ic,.x9nav .mg-it[aria-selected="true"] .mg-ic,.x9nav .mg-it[aria-pressed="true"] .mg-ic{box-shadow:0 0 0 3px var(--panel),0 0 0 5px currentColor}
 .x9nav .mg-it .tsbad,.x9nav .mg-it .mkn{position:absolute!important;top:-5px;left:calc(50% + 14px)}
 /* short view switches and remaining sub-page rows: one row that scrolls */
 .mg-wrap,.rqd-tabs,.dk-seg,.hqptabs,.xo-pt,.kpihero .seg{display:flex!important;flex-wrap:nowrap!important;overflow-x:auto!important;scrollbar-width:none;max-width:100%;-webkit-overflow-scrolling:touch}
 .mg-wrap::-webkit-scrollbar,.rqd-tabs::-webkit-scrollbar,.dk-seg::-webkit-scrollbar,.hqptabs::-webkit-scrollbar,.xo-pt::-webkit-scrollbar{display:none}
 .mg-wrap>button,.mg-wrap>a,.rqd-tabs>button,.dk-seg>button,.hqptabs>button,.xo-pt>button,.kpihero .seg>button{flex:0 0 auto!important;white-space:nowrap}
 .rqd-tabs>button,.kpihero .seg>button{flex:1 0 auto!important}
 /* bigger tap targets for event prep tasks */
 .evt{min-height:36px;padding:4px 12px;font-size:13px}
 .evtasks{gap:8px}
}
/* Promotions: the module bar already leads back to Marketing */
.pr .pr-crumb{display:none}
/* Notes uses the full page width like the other pages */
.nt,.nt.nt193{max-width:none}
/* one standard header card for every function page (hubs and Nightlife Card keep their own) */
.rq-h,.nt193-h,.dk-h,.tw8h,.hx.po>.hx-hd,.hx.pr>.hx-hd,.hx.po .hx-hd,.hx.pr .hx-hd,.inf-head{background:var(--panel);border:1px solid var(--line);border-radius:16px;padding:12px 16px;margin:0 0 12px;box-shadow:none;align-items:center}
.rq-h h1,.rq-h h2,.nt193-h h1,.nt193-h h2,.dk-h h1,.dk-h h2,.tw8h h1,.tw8h h2,.hx.po .hx-hd h1,.hx.pr .hx-hd h1,.inf-head h1,.inf-head h2{margin:0;font-size:22px;line-height:1.2;font-family:inherit;letter-spacing:0}
.rq-h p,.nt193-h p,.dk-h p,.tw8h p,.hx.po .hx-hd p,.hx.pr .hx-hd p,.inf-head p{margin:2px 0 0;font-size:13px}
.evhero,.kpihero{background:var(--panel)!important;background-image:none!important;border:1px solid var(--line)!important;padding:14px 16px!important;box-shadow:none!important;gap:14px!important;align-items:center!important}
.evhero::before,.evhero::after,.kpihero::before,.kpihero::after{display:none!important}
.evhero h2,.kpihero h2{font-family:inherit!important;font-size:22px!important;line-height:1.2!important;letter-spacing:0!important;margin:0 0 4px!important}
.evhero .evh-l>.eyebrow,.kpihero>div:first-child>.eyebrow{display:none}
.evhero p,.kpihero p{font-size:13px;margin:0 0 10px}
.kpihero .kring{width:96px;height:96px}.kpihero .kring b{font-size:24px}
@media (max-width:640px){
 .rq-h,.nt193-h,.dk-h,.tw8h,.hx.po .hx-hd,.hx.pr .hx-hd,.inf-head{padding:12px 14px}
 .rq-h h1,.rq-h h2,.nt193-h h1,.nt193-h h2,.dk-h h1,.dk-h h2,.tw8h h1,.tw8h h2,.hx.po .hx-hd h1,.hx.pr .hx-hd h1,.inf-head h1,.inf-head h2,.evhero h2,.kpihero h2{font-size:20px!important}
 .kpihero .kring{width:84px;height:84px}
}
/* masks and the Tableware table on phone */
.x9nav{-webkit-mask-image:none!important;mask-image:none!important}
.tw8w{position:relative;max-width:100%}

/* 2.49.5 · The last big banners become the standard header card */
.mkhero,.sthero{background:var(--panel);border:1px solid var(--line);border-radius:16px;padding:12px 16px!important;box-shadow:none;align-items:center}
.mkhero::before{display:none!important}
.mkhero h2,.sthero h2{font-family:inherit!important;font-size:22px!important;line-height:1.2!important;letter-spacing:0!important;margin:2px 0 2px!important}
.mkhero p,.sthero p{font-size:13px}
.mkhero .eyebrow,.sthero .eyebrow{text-transform:none!important;letter-spacing:0!important;font-size:12px!important;font-weight:600!important;color:var(--muted)!important}
.sthero{margin-bottom:12px}
@media (max-width:720px){.mkhero{padding:12px 14px!important}.mkhero h2,.sthero h2{font-size:20px!important}}
/* links inside lists are easier to tap on the phone */
@media (max-width:640px){.oh-lnk,.tw8lk{min-height:32px;display:inline-flex;align-items:center}}

/* 2.49.6 · HR header: the HR alerts / Me / Settings row no longer covers the action buttons */
@media (min-width:641px){.mkhero.hrhero{display:grid!important;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"t top" "t acts";gap:8px 14px;align-items:center}.mkhero.hrhero>div:first-child{grid-area:t;min-width:0}.mkhero.hrhero>.hrtopr{grid-area:top;position:static;justify-self:end}.mkhero.hrhero>.mkacts{grid-area:acts;justify-self:end;width:auto}}

/* 2.50.0 · Late notices */
.ck-late{display:flex;align-items:center;gap:10px;width:100%;margin:10px 0 0;padding:12px 14px;border-radius:14px;border:1px dashed color-mix(in srgb,#E8A33D 70%,var(--line));background:color-mix(in srgb,#E8A33D 10%,var(--panel));color:var(--text);font:inherit;font-weight:600;text-align:left;cursor:pointer;min-height:44px}
.ck-late>span:first-child{font-size:20px}
.ck-late.wait{border-style:solid}
.ck-late.ok{border-style:solid;border-color:color-mix(in srgb,#1FA88F 60%,var(--line));background:color-mix(in srgb,#1FA88F 10%,var(--panel))}
.h2card.k-late{border-left-color:#E8A33D}

/* 2.50.1 · Food / Drinks switch on the order screen */
.fd251{display:grid;grid-template-columns:1fr 1fr;gap:4px;padding:4px;border-radius:12px;background:color-mix(in srgb,var(--text) 7%,transparent);margin:0 0 8px}
.fd251>button{display:flex;align-items:center;justify-content:center;gap:6px;min-height:40px;border:0;border-radius:9px;background:transparent;color:var(--muted);font:inherit;font-weight:700;font-size:15px;cursor:pointer}
.fd251>button i{font-style:normal;font-size:12px;font-weight:600;opacity:.7}
.fd251>button[aria-pressed="true"]{background:var(--panel);color:var(--text);box-shadow:0 1px 2px rgba(0,0,0,.12)}
.fd251.fd251t{margin:8px 16px;max-width:420px}
.p226side>.fd251{margin:6px 0 8px}
.p226side>.fd251>button{min-height:36px;font-size:14px;padding:0 4px;white-space:nowrap}
@media (max-width:760px){.p226side:has(>.fd251){flex-wrap:wrap!important}.p226side>.fd251{flex:1 1 auto;margin:0 0 0 6px}.p226side>.poscats{flex:1 1 100%!important;min-width:0}}

/* 2.51.0 · F&B Requests */
.dr5{display:flex;flex-direction:column;gap:12px;min-width:0;max-width:100%}.dr5>*{min-width:0;max-width:100%}
.dr5chips{display:flex;gap:6px;flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none}
.dr5chips>button{flex:0 0 auto;border:1px solid var(--line);background:var(--panel);color:var(--text);border-radius:999px;padding:7px 14px;font:inherit;font-size:14px;cursor:pointer;white-space:nowrap}
.dr5chips>button[aria-pressed="true"]{background:var(--text);color:var(--panel);border-color:var(--text)}
.dr5rows{display:flex;flex-direction:column;gap:8px}
.dr5row{display:grid;grid-template-columns:minmax(160px,2.2fr) 90px 110px minmax(150px,1.6fr) minmax(120px,1.2fr) 80px 36px;gap:8px;align-items:end;padding:8px 0;border-bottom:1px solid var(--line)}
.dr5row label{display:flex;flex-direction:column;gap:3px;margin:0;min-width:0}.dr5row label>span{font-size:11.5px;color:var(--muted)}
.dr5row input,.dr5row select{width:100%;min-width:0}
.dr5c-e{font-variant-numeric:tabular-nums;color:var(--muted);font-size:13px;padding-bottom:10px;display:flex;flex-direction:column}
.dr5x{align-self:center}
.dr5note{display:flex;flex-direction:column;gap:4px;margin-top:10px}
.dr5tot{margin:10px 0 0}.dr5st{margin:0 0 8px}
.dr5acts{display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin-top:12px}.dr5acts .sp{flex:1}
.dr5tbl{display:flex;flex-direction:column;border:1px solid var(--line);border-radius:12px;overflow:hidden}
.dr5th,.dr5tr{display:grid;grid-template-columns:minmax(0,2fr) 100px 110px minmax(0,1.3fr) 90px;gap:8px;align-items:center;padding:8px 12px}
.dr5tbl.mk .dr5th,.dr5tbl.mk .dr5tr{grid-template-columns:minmax(0,1.6fr) 100px minmax(0,2fr) 100px 110px}
.dr5th{background:var(--panel2);font-size:12px;font-weight:700;color:var(--muted)}
.dr5tr{border-top:1px solid var(--line)}.dr5tr small{display:block;color:var(--muted);font-size:12px}.dr5tr input{width:100%}
.dr5for{display:flex;flex-wrap:wrap;gap:4px}.dr5for i{font-style:normal;font-size:12px;background:var(--panel2);border-radius:6px;padding:2px 6px}
.dr5list{list-style:none;margin:0;padding:0}.dr5list li{border-top:1px solid var(--line)}.dr5list li:first-child{border-top:0}
.dr5list li>button,.dr5list li{display:flex;align-items:center;gap:10px;width:100%;padding:9px 0;background:none;border:0;color:inherit;font:inherit;text-align:left}
.dr5list li>button{cursor:pointer}.dr5list li>button>span:not(.hrst),.dr5list li>span:not(.hrst){display:flex;flex-direction:column;flex:1;min-width:0}.dr5list li span>span{color:var(--muted);font-size:13px}.dr5list .hrst{flex:0 0 auto}
.dr5bar{display:flex;gap:8px;align-items:end}.dr5bar label{display:flex;flex-direction:column;gap:3px}
.dr5grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:12px}
.dr5miss{border-color:color-mix(in srgb,#E8A33D 60%,var(--line));background:color-mix(in srgb,#E8A33D 10%,var(--panel))}
.dr5buy{display:flex;flex-wrap:wrap;gap:6px 16px;border:1px solid var(--line);border-radius:12px;padding:10px 12px}
@media (max-width:760px){
 .dr5row{grid-template-columns:1fr 1fr 1fr;grid-template-areas:"n n x" "q u e" "t t t" "o o o"}
 .dr5c-n{grid-area:n}.dr5c-q{grid-area:q}.dr5c-u{grid-area:u}.dr5c-t{grid-area:t}.dr5c-o{grid-area:o}.dr5c-e{grid-area:e;padding-bottom:12px}.dr5x{grid-area:x;justify-self:end}
 .dr5th{display:none}
 .dr5tr,.dr5tbl.mk .dr5tr{grid-template-columns:1fr 1fr;gap:6px 10px}
 .dr5tr>span:first-child,.dr5tbl.mk .dr5tr>span:nth-child(3){grid-column:1/-1}
 .dr5acts .btn,.dr5acts .ghost{flex:1 1 auto}.dr5acts .sp{display:none}
}

/* 2.51.1 · Attendance range + foldable people lists */
.hrr-mode{margin:0 0 10px;width:max-content;max-width:100%}
.hrr-bar{align-items:end;flex-wrap:wrap}.hrr-bar label{display:flex;flex-direction:column;gap:2px;font-size:12px;color:var(--muted)}
.hrr-q{display:flex;gap:6px;flex-wrap:wrap}
.hrr-top{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:6px 0 8px}.hrr-h{margin:0;flex:1 1 auto}
.hrr-t .mktr{grid-template-columns:110px minmax(140px,1.6fr) minmax(90px,1fr) 100px 80px 80px 80px 70px 130px}
.hrr-t.emp .mktr{grid-template-columns:minmax(180px,2fr) minmax(90px,1fr) 70px 70px 60px 80px 70px 60px 70px 80px}
.hrrow.on{background:var(--panel2)}
.hrr-days{display:flex;flex-direction:column;border-bottom:1px solid var(--line);background:var(--panel2);padding:4px 12px 8px 56px}
.hrr-day{display:flex;align-items:center;gap:10px;padding:7px 0;border:0;border-top:1px solid var(--line);background:none;color:inherit;font:inherit;text-align:left;cursor:pointer}.hrr-day:first-child{border-top:0}
.hrr-day b{min-width:110px}.hrr-day>span:not(.hrst){flex:1;color:var(--muted);font-size:13px}.hrr-day>.hrst{flex:0 0 auto}
.fz-fold>summary,.dr5fold>summary{cursor:pointer;list-style:none;display:flex;align-items:center;gap:10px;flex-wrap:wrap}.fz-fold>summary::-webkit-details-marker,.dr5fold>summary::-webkit-details-marker{display:none}
.fz-fold>summary::after,.dr5fold>summary::after{content:"▾";margin-left:auto;color:var(--muted);transition:transform .15s}.fz-fold[open]>summary::after,.dr5fold[open]>summary::after{transform:rotate(180deg)}
.fz-fold>summary h3{margin:0}.dr5fold{border:1px solid var(--line);border-radius:12px;padding:10px 12px}.dr5fold .dr5buy{border:0;padding:10px 0 0}
@media (max-width:760px){.hrr-days{padding-left:12px}.hrr-day{flex-wrap:wrap}.hrr-day b{min-width:0}}

/* v2.52.0 · Settings → Menu: directors / Head Office staff */
.mn252-who{margin:0 0 8px;width:max-content;max-width:100%}
.mn252-h{margin:0 0 12px}
.mn252-h button{margin-left:6px;vertical-align:baseline}

/* v2.53.0 · job roles and special assignments */
.ac253job{display:flex;flex-wrap:wrap;align-items:flex-end;gap:6px 12px}
.ac253job label{display:flex;flex-direction:column;gap:4px;font-weight:600;min-width:min(100%,280px)}
.ac253job .hint{flex:1 1 220px}
fieldset.ac253m{border:0;padding:0;margin:0;min-width:0}
fieldset.ac253m[disabled] .homods{opacity:.72}
.ac253c{background:var(--accent-soft,#e8f0fb)}
details.ac253{border:1px solid var(--line,#dde3ea);border-radius:12px;padding:10px 14px;margin:0 0 14px;background:var(--card,#fff)}
details.ac253>summary{cursor:pointer;display:flex;flex-wrap:wrap;gap:4px 10px;align-items:baseline}
.ac253list{display:flex;flex-direction:column;gap:12px;margin:10px 0}
.ac253j{border:1px solid var(--line,#dde3ea);border-radius:10px;padding:10px 12px}
.ac253jh{display:flex;gap:10px;align-items:center;margin-bottom:8px}
.ac253jh input{flex:1;min-width:0;font-weight:600}
.ac253mods{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:6px 10px}
.ac253mo{display:flex;flex-wrap:wrap;align-items:center;gap:6px;padding:6px 8px;border-radius:8px;background:var(--soft,#f4f6f8)}
.ac253mo select{flex:1 1 120px;min-width:0}
.ac253mo:not(.on) select{display:none}
.ac253sps{display:flex;flex-wrap:wrap;gap:6px 14px;margin-top:8px;align-items:center}
.ac253sps .hint{flex-basis:100%}
.ac253sp{display:inline-flex;gap:6px;align-items:center}
.ac253l{margin-left:8px;font-size:.85em;white-space:nowrap}
details.ac253j>summary{cursor:pointer;display:flex;flex-wrap:wrap;gap:2px 10px;align-items:baseline;list-style-position:outside}
details.ac253j[open]>summary{margin-bottom:8px}
details.ac253j>summary .hint{flex:1 1 260px}

.m254e{margin-top:12px;font-size:12px;word-break:break-word;user-select:text}
/* v2.55.0 · delivery brands */
.p255row{display:flex;flex-wrap:wrap;gap:8px 16px;align-items:center;margin-top:8px}
.p255k{display:flex;align-items:center;gap:8px}
.p255k select{min-width:0;max-width:100%}
.p255note{margin:6px 0 10px}
.p255h{display:flex;flex-wrap:wrap;gap:8px 16px;align-items:flex-end;margin-bottom:12px}
.p255h label{display:flex;flex-direction:column;gap:4px;font-weight:600}
.p255h .hint{flex:1 1 260px;margin:0}
.p255card{margin:0 0 16px}
.p255card h3{margin:0 0 8px}
.p255tot td{border-top:2px solid var(--line,#dde3ea)}
.p255cmp{margin-top:8px}
.p255tw{overflow-x:auto;-webkit-overflow-scrolling:touch;border:1px solid var(--line,#dde3ea);border-radius:10px}
.p255t{width:100%;min-width:560px;border-collapse:collapse}
.p255t th,.p255t td{padding:8px 10px;border-bottom:1px solid var(--line,#dde3ea);text-align:left;white-space:nowrap}
.p255t th{font-size:12px;color:var(--muted,#667085);font-weight:600}
.p255t .r{text-align:right}
.p255t tr:last-child td{border-bottom:0}

/* v2.56.0 · PDF viewer and document previews */
html.pdfv-on,html.pdfv-on body{overflow:hidden}
.pdfv{position:fixed;inset:0;z-index:1000;display:flex;flex-direction:column;background:#2A2F35;color:#EEF1F4}
.pdfv-h{display:flex;align-items:center;gap:8px;padding:calc(env(safe-area-inset-top,0px) + 8px) 10px 8px;background:#1B1F23;border-bottom:1px solid #3A4149;flex-wrap:wrap}
.pdfv-t{flex:1 1 160px;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:15px}
.pdfv-b{min-width:40px;height:40px;padding:0 12px;border-radius:8px;border:1px solid #47505A;background:#2C333A;color:#EEF1F4;font:inherit;font-weight:700;cursor:pointer}
.pdfv-b:hover{background:#38414A}.pdfv-b:focus-visible,.pdfv-in:focus-visible{outline:2px solid #5AA9F0;outline-offset:2px}
.pdfv-x{font-size:18px;padding:0}
.pdfv-zm{display:inline-flex;gap:4px}.pdfv-fit{min-width:56px}
.pdfv-pg{display:inline-flex;align-items:center;gap:6px;font-variant-numeric:tabular-nums;color:#B8C2CC}
.pdfv .pdfv-in{width:58px!important;height:36px!important;min-height:0!important;padding:0 4px!important;margin:0!important;border-radius:8px!important;border:1px solid #47505A!important;background:#2C333A!important;color:#EEF1F4!important;-webkit-text-fill-color:#EEF1F4;text-align:center;font:inherit;font-size:16px!important;font-weight:700;box-shadow:none!important;-moz-appearance:textfield}
.pdfv .pdfv-in::-webkit-inner-spin-button,.pdfv .pdfv-in::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}
.pdfv-s{flex:1;overflow:auto;-webkit-overflow-scrolling:touch;padding:12px 12px calc(env(safe-area-inset-bottom,0px) + 24px);outline:none}
.pdfv-pages{display:flex;flex-direction:column;align-items:center;gap:12px;min-width:min-content}
.pdfv-p{background:#fff;box-shadow:0 2px 10px rgba(0,0,0,.35);flex:none;position:relative}
.pdfv-p canvas{display:block;width:100%;height:100%}
.pdfv-msg{margin:18vh auto 0;max-width:420px;text-align:center;font-size:16px;color:#B8C2CC}.pdfv-msg.bad{color:#FFB3B3}
@media (max-width:560px){.pdfv-t{flex-basis:calc(100% - 52px);order:-1}.pdfv-dl span{display:none}.pdfv-pg{margin-right:auto}}
.lbpv{display:flex;flex-direction:column;gap:0;width:100%;max-width:560px;align-self:center;padding:0;border:1px solid var(--line);border-radius:12px;background:var(--panel2);color:var(--text);cursor:pointer;overflow:hidden;font:inherit;text-align:left}
.lbpv:hover{border-color:var(--muted)}.lbpv:focus-visible{outline:2px solid var(--verify);outline-offset:2px}
.lbpv-c{display:block;max-height:46vh;overflow:hidden;background:#fff;min-height:160px;position:relative}
.lbpv-c canvas,.lbpv-c img{display:block;width:100%;height:auto}
.lbpv-sk{position:absolute;inset:0;background:linear-gradient(90deg,#eceef1 0,#f7f8f9 50%,#eceef1 100%);background-size:200% 100%;animation:lbpvsk 1.2s linear infinite}
@keyframes lbpvsk{to{background-position:-200% 0}}
@media (prefers-reduced-motion:reduce){.lbpv-sk{animation:none}}
.lbpv-l{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:10px 14px;border-top:1px solid var(--line)}
.lbpv-l em{font-style:normal;color:var(--muted);font-size:13px}
.lbpv-bad .lbpv-c{display:none}
.lbnopv{display:flex;gap:14px;align-items:flex-start;padding:16px;border:1px dashed var(--line);border-radius:12px;background:var(--panel2)}
.lbnopv-i{font-size:34px;line-height:1}.lbnopv .hint{margin:6px 0 8px}
.lbpvh{margin:6px 0 0}

/* v2.57.0 */
.mh-tile.mh257x{display:none!important}
.p257fd{margin:0 0 10px;display:flex;gap:6px;flex-wrap:wrap}
.p257fd i{font-style:normal;opacity:.7;margin-left:4px}
.pm257c{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.pm257c:not(.on){opacity:.85;border-style:dashed}
.pm257n{display:block;font-size:12px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%;opacity:.9}
.sp257{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:12px;padding-top:12px;border-top:1px solid var(--line)}
.sp257 label{display:flex;flex-direction:column;gap:4px;font-weight:600;font-size:14px}
.sp257 .hint{grid-column:1/-1;margin:0}
@media (max-width:560px){.sp257{grid-template-columns:1fr}}
.hh257n{background:rgba(240,180,60,.14);border-left:3px solid var(--prog);padding:8px 10px;border-radius:6px}
.pm257on{display:flex;flex-direction:column;gap:4px;font-weight:600;margin-bottom:10px}

/* v2.58.0 */
html.f258-on,html.f258-on body{overflow:hidden}
.f258{position:fixed;inset:0;z-index:900;background:var(--scrim);display:flex;justify-content:center;align-items:flex-start;padding:24px 12px;overflow:auto}
.f258-p{background:var(--bg);color:var(--text);width:min(1100px,100%);border-radius:16px;border:1px solid var(--line);box-shadow:0 20px 60px rgba(0,0,0,.35);margin:auto 0}
.f258-h{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 20px 6px}.f258-h h2{margin:0;font-size:20px}
.f258-tabs{display:flex;gap:6px;flex-wrap:wrap;padding:6px 20px 10px;border-bottom:1px solid var(--line)}
.f258-tabs button{border:1px solid var(--line);background:var(--panel);color:var(--text);border-radius:999px;padding:7px 14px;font:inherit;font-weight:600;cursor:pointer}
.f258-tabs button[aria-selected="true"]{background:var(--text);color:var(--bg);border-color:var(--text)}
.f258-b{padding:16px 20px 24px;display:flex;flex-direction:column;gap:14px}
.f258-hint{color:var(--muted);font-size:14px;margin:0;line-height:1.45}.f258-empty{color:var(--muted);text-align:center;padding:30px}
.f258-card{background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:14px 16px}.f258-card h3{margin:0 0 10px;font-size:16px}.f258-card h4{margin:12px 0 6px;font-size:14px}
.f258-g{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:10px}.f258-g label,.f258-range label{display:flex;flex-direction:column;gap:4px;font-weight:600;font-size:13px}.f258-g .w2{grid-column:1/-1}
.f258-banks{list-style:none;margin:0 0 8px;padding:0;display:flex;flex-direction:column;gap:6px}.f258-banks li{display:grid;grid-template-columns:minmax(120px,200px) 1fr auto;gap:8px;align-items:center}
.f258-f{display:flex;justify-content:flex-end;gap:8px;flex-wrap:wrap}
.f258-kpi{display:flex;gap:12px;flex-wrap:wrap}.f258-kpi div{background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:12px 16px;display:flex;flex-direction:column}.f258-kpi span{color:var(--muted);font-size:13px}.f258-kpi b{font-size:22px}
.f258-t{width:100%;border-collapse:collapse;font-size:14px}.f258-t th,.f258-t td{padding:9px 8px;border-bottom:1px solid var(--line);text-align:left;vertical-align:middle}.f258-t .r{text-align:right;font-variant-numeric:tabular-nums}
.f258-t tr.f258-v td{background:rgba(79,196,134,.08)}.f258-act{white-space:nowrap;text-align:right}
.f258-ok{color:var(--done);font-weight:700}.f258-bad{color:var(--over);font-weight:700}.f258-due{color:var(--verify)}.f258-neg{color:var(--prog)}
.f258-settle{background:var(--panel);border:2px solid var(--verify);border-radius:12px;padding:14px 16px;display:flex;flex-direction:column;gap:10px}.f258-settle h3{margin:0}
.f258-range{display:flex;gap:10px;align-items:flex-end;flex-wrap:wrap}
.f258-list{margin:0;padding-left:18px;display:flex;flex-direction:column;gap:4px;font-size:14px}.f258-list em{color:var(--muted);font-style:normal}
.p258ncb b{color:var(--prog)}
@media (max-width:700px){.f258{padding:0}.f258-p{border-radius:0;min-height:100%}.f258-t thead{display:none}.f258-t tr{display:block;border-bottom:1px solid var(--line);padding:6px 0}.f258-t td{display:flex;justify-content:space-between;gap:10px;border:0;padding:4px 4px}.f258-t td[data-l]::before{content:attr(data-l);color:var(--muted);font-weight:600}.f258-t .r{text-align:right}.f258-banks li{grid-template-columns:1fr auto}.f258-banks li select{grid-column:1/-1}}
.f258-banks li.f258-hint{display:block}.f258-sub{display:block;font-size:12px;color:var(--muted);font-weight:400}

/* v2.59.0 */
.p259{border:1px dashed var(--line);border-radius:10px;padding:10px 12px;display:flex;flex-direction:column;gap:10px}
.p259o{display:flex;flex-wrap:wrap;gap:6px 14px;align-items:center}.p259o>span{font-weight:600;font-size:13px;margin-right:4px}
.h259h{margin:14px 0 6px;font-size:14px}.h259m{margin:0;padding-left:18px;font-size:14px}
.p259c{display:inline-flex;align-items:center;gap:6px;font-weight:600;font-size:14px;padding:6px 10px;border:1px solid var(--line);border-radius:999px;background:var(--panel)}.p259c input{margin:0}

/* v2.60.0 */
.f260r{cursor:pointer}.f260r:hover,.f260r:focus-visible{background:var(--panel2,rgba(127,127,127,.08))}
.f260b{border:1px solid var(--line);border-radius:12px;padding:12px 14px;margin:12px 0;background:var(--panel)}
.f260b>header{display:flex;justify-content:space-between;align-items:flex-start;gap:10px}.f260b h3{margin:0;font-size:16px}
.f260kv{display:grid;grid-template-columns:auto 1fr;gap:4px 14px;margin:10px 0;font-size:14px}.f260kv>span{color:var(--muted)}
.f260who{display:flex;flex-wrap:wrap;gap:6px}
.f260bk{table-layout:auto}.f260bk td{min-width:0}
@media (max-width:700px){.tablewrap .f258-t{min-width:0}.f260bk td{flex-wrap:wrap}.f260bk td>b{flex:1;min-width:0;text-align:right;overflow-wrap:anywhere}.f260bk td small{flex-basis:100%;text-align:right}.f260bk select{max-width:60%}.f260who{flex-basis:100%}.f260kv{grid-template-columns:auto 1fr}}

/* v2.61.0 */
.sw261m{display:flex;flex-direction:column;gap:6px}.pf .sw261c,.sw261c{display:flex;flex-direction:row;justify-content:flex-start;text-align:left;align-items:center;gap:8px;font-weight:600;padding:8px 10px;border:1px solid var(--line);border-radius:10px;background:var(--panel)}.sw261c input{margin:0}
.sw261top .sw261btns{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:8px}
.opk-l{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:14px}.opk-r{display:flex;flex-direction:column;gap:6px;align-items:flex-start}.opk-r>.opk-h,.opk-r>.opk-bar,.opk-r>.opk-f,.opk-r>.opk-hist{align-self:stretch}
.opk-h{display:flex;justify-content:space-between;gap:10px;align-items:baseline}.opk-h span{color:var(--muted);font-variant-numeric:tabular-nums;font-size:14px}
.opk-bar{position:relative;height:8px;border-radius:99px;background:var(--line)}.opk-bar i{position:absolute;inset:0 auto 0 0;border-radius:99px;background:var(--prog)}.opk-bar i.ok{background:var(--done)}.opk-bar i.low{background:var(--over)}.opk-bar em{position:absolute;top:-3px;width:2px;height:14px;background:var(--text);opacity:.6}
.opk-f,.oa-f{display:grid;grid-template-columns:1fr 1fr;gap:10px;background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:12px}.opk-f label,.oa-f label{display:flex;flex-direction:column;gap:4px;font-weight:600;font-size:13px}.opk-f .w2,.oa-f .w2{grid-column:1/-1}
.oa-f{grid-template-columns:1fr}.oa-f label.inline{flex-direction:row;align-items:center;gap:8px}
.opk-ph{position:relative;flex-direction:row!important;align-items:center;gap:10px!important;border:1px dashed var(--line);border-radius:10px;padding:10px;cursor:pointer}.opk-ph img{width:56px;height:56px;object-fit:cover;border-radius:8px}.opk-ph input{position:absolute;inset:0;opacity:0;cursor:pointer}
.opk-hist{font-size:14px}.opk-hist summary{cursor:pointer;color:var(--muted)}.opk-hist ul{margin:6px 0 0;padding-left:18px;display:flex;flex-direction:column;gap:4px}.opk-hist li span{margin-right:8px}
.oa-l{display:flex;flex-direction:column;gap:12px}.oa-c{border:1px solid var(--line);border-radius:12px;padding:12px 14px;display:flex;flex-direction:column;gap:8px;background:var(--panel)}.oa-c.late{border-color:var(--over)}
.oa-h{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.oa-h b{font-size:16px;margin-right:auto}.oa-m{color:var(--muted);font-size:13px}.oa-p{margin:0}
.oa-th img{width:48px;height:48px;object-fit:cover;border-radius:8px;border:1px solid var(--line)}
.oa-ln{display:grid;grid-template-columns:2fr 1fr 1fr auto auto;gap:6px;align-items:center}.oa-ph{position:relative;width:44px;height:44px;border:1px dashed var(--line);border-radius:8px;display:flex!important;align-items:center;justify-content:center;cursor:pointer;overflow:hidden}.oa-ph img{width:100%;height:100%;object-fit:cover}.oa-ph input{position:absolute;inset:0;opacity:0;cursor:pointer}
.oa-sum{margin:0;font-size:14px}
@media (max-width:600px){.opk-f{grid-template-columns:1fr}.oa-ln{grid-template-columns:1fr 1fr auto auto}.oa-ln input[type=text]{grid-column:1/-1}}
.oa-rl{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}.oa-rl li{display:grid;grid-template-columns:1fr auto auto;gap:10px;align-items:center;border-top:1px solid var(--line);padding-top:6px}.oa-rl li select{grid-column:1/-1}
.oa-w{display:flex;flex-direction:column}.oa-w em{font-style:normal;color:var(--muted);font-size:12px}.oa-rl b{font-variant-numeric:tabular-nums}.oa-np{color:var(--muted);font-size:12px}
.oa-tot{margin:0;display:flex;flex-direction:column;gap:2px;border-top:2px solid var(--line);padding-top:6px}.oa-tot div{display:flex;justify-content:space-between;gap:10px}.oa-tot dt{color:var(--muted)}.oa-tot dd{margin:0;font-weight:700;font-variant-numeric:tabular-nums}

/* v2.61.3 */
.hf2613>summary{list-style:none;cursor:pointer}.hf2613>summary::-webkit-details-marker{display:none}
.hf2613r{display:flex;align-items:center;gap:8px}.hf2613c{width:9px;height:9px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg);margin:0 4px 4px;opacity:.6;transition:transform .2s}
.hf2613:not([open])>summary .hf2613c{transform:rotate(-45deg);margin-bottom:0}
@media (prefers-reduced-motion:reduce){.hf2613c{transition:none}}
.k2613s{font-size:13px}

/* v2.61.4 · supervisor Today card */
.htoday.h2614{padding:14px 16px}
.htoday.h2614 .htoday-top{align-items:center;padding-bottom:8px}
.htoday.h2614 .htoday-top .heye,.htoday.h2614 .hclock span{display:none}
.htoday.h2614 .hdate{margin:0;font-size:15px}
.htoday.h2614 .hclock b{font-size:22px}
.htoday.h2614 .htoday-sh{padding-top:10px}
.htoday.h2614 .htoday-sh:has(>.hshift){display:grid;grid-template-columns:1fr auto;align-items:center;column-gap:10px;row-gap:4px}
.htoday.h2614 .htoday-sh:has(>.hshift)>*{grid-column:1/-1}
.htoday.h2614 .htoday-sh>.heye{display:none}
.htoday.h2614 .htoday-sh:has(>.hshift)>.hshift{grid-column:1;font-size:22px;line-height:1.15}
.htoday.h2614 .htoday-sh:has(>.hshift)>.hst{grid-column:2;margin:0;font-size:13.5px;justify-self:end}
.htoday.h2614 .htoday-sh:has(>.hshift)>.hmeta{font-size:13px;grid-column:1}
.htoday.h2614 .htoday-sh:has(>.hshift)>.c237row{grid-column:2;justify-self:end;margin:0}
.htoday.h2614 .c237row .c237{margin:0;transform:scale(.85);transform-origin:right center}
.htoday.h2614 .b237{margin:6px 0 0;padding:7px 10px;border-radius:12px}
.htoday.h2614 .b237i{font-size:18px}
.htoday.h2614 .htoday-act{margin-top:10px}
.htoday.h2614 .htoday-act .hbtn{min-height:46px}
/* Submit Daily Report: as bold as Check out */
.dt2614{display:flex;flex-direction:column;gap:8px;margin-top:8px}
.dt2614b{display:flex;align-items:center;gap:12px;width:100%;min-height:52px;padding:8px 14px;border:0;border-radius:12px;cursor:pointer;text-align:left;color:#fff;font:inherit;background:linear-gradient(120deg,#7C3AED 0%,#C026D3 55%,#DB2777 100%);box-shadow:0 6px 18px rgba(192,38,211,.28)}
.dt2614b:active{transform:scale(.99)}.dt2614b:focus-visible{outline:3px solid #F0ABFC;outline-offset:2px}
.dt2614i{font-size:20px;line-height:1}.dt2614t{flex:1;display:flex;flex-direction:column;min-width:0}.dt2614t b{font-size:15px;font-weight:800;letter-spacing:.02em}.dt2614t em{font-style:normal;font-size:12.5px;opacity:.9}
.dt2614g{font-size:24px;opacity:.85}
.dt2614b.sent{background:linear-gradient(120deg,#15803D,#16A34A);box-shadow:none}
.htoday .dt2614{margin-top:10px}
/* the break line reads in dark mode */
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .b237{background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.12)}:root:not([data-theme="light"]) .b237t span{color:#CBD5E1}:root:not([data-theme="light"]) .b237t>b{color:#F8FAFC}:root:not([data-theme="light"]) .b237.on{background:rgba(252,211,77,.12);border-color:rgba(252,211,77,.4)}:root:not([data-theme="light"]) .b237.over{background:rgba(248,113,113,.12);border-color:rgba(248,113,113,.45)}}
:root[data-theme="dark"] .b237{background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.12)}:root[data-theme="dark"] .b237t span{color:#CBD5E1}:root[data-theme="dark"] .b237t>b{color:#F8FAFC}

/* v2.61.5 · KPIs in the staff app (inset grouped list, colour per KPI) */
.opk2-top{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:2px 2px 12px}.opk2-top>div:first-child{display:flex;flex-direction:column;gap:2px;min-width:0}.opk2-top b{font-size:20px;font-weight:800}.opk2-top span{font-size:13px;color:var(--h-mute,var(--muted))}
.opk2-score{flex:0 0 auto;display:flex;flex-direction:column;align-items:center;justify-content:center;width:64px;height:64px;border-radius:18px;background:linear-gradient(140deg,#34C759,#30B0C7);color:#fff;box-shadow:0 6px 16px rgba(48,176,199,.3)}.opk2-score b{font-size:19px;line-height:1}.opk2-score span{font-size:11px;color:#fff!important;opacity:.9}
.opk2-h{margin:18px 4px 8px;font-size:13px;font-weight:600;color:var(--h-mute,var(--muted));text-transform:none;letter-spacing:0}
.opk2-list{list-style:none;margin:0;padding:0;border-radius:16px;overflow:hidden;background:var(--h-card,var(--panel));border:1px solid var(--h-line,var(--line))}
.opk2-r{--k:#0A84FF;--k2:#5E5CE6;padding:14px 14px 12px;display:flex;flex-direction:column;gap:10px}.opk2-r+.opk2-r{border-top:1px solid var(--h-line,var(--line))}
.opk2-r.c-teal{--k:#30B0C7;--k2:#34C759}.opk2-r.c-indigo{--k:#5E5CE6;--k2:#BF5AF2}.opk2-r.c-orange{--k:#FF9F0A;--k2:#FF375F}.opk2-r.c-pink{--k:#FF375F;--k2:#FF9F0A}.opk2-r.c-green{--k:#34C759;--k2:#30D158}.opk2-r.c-blue{--k:#0A84FF;--k2:#5AC8FA}
.opk2-l{display:flex;align-items:center;gap:12px}
.opk2-ic{flex:0 0 auto;width:44px;height:44px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:22px;background:linear-gradient(140deg,var(--k),var(--k2));box-shadow:0 4px 12px color-mix(in srgb,var(--k) 35%,transparent)}
.opk2-m{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px}.opk2-m>b{font-size:16px;font-weight:700}.opk2-m>span{font-size:13px;color:var(--h-mute,var(--muted))}.opk2-m>span strong{color:var(--k);font-size:15px}
.opk2-bar{position:relative;height:7px;border-radius:99px;background:color-mix(in srgb,var(--k) 16%,transparent);margin-top:4px}.opk2-bar i{position:absolute;inset:0 auto 0 0;border-radius:99px;background:linear-gradient(90deg,var(--k),var(--k2))}.opk2-bar em{position:absolute;top:-3px;width:2px;height:13px;border-radius:2px;background:var(--h-text,var(--text));opacity:.45}
.opk2-add{flex:0 0 auto;border:0;border-radius:999px;padding:9px 16px;font:700 14px/1 inherit;font-family:inherit;color:#fff;background:linear-gradient(140deg,var(--k),var(--k2));cursor:pointer;min-height:38px}.opk2-add:active{transform:scale(.97)}.opk2-add:focus-visible,.opk2-go:focus-visible{outline:3px solid color-mix(in srgb,var(--k) 55%,transparent);outline-offset:2px}
.opk2-f{display:flex;flex-direction:column;gap:10px;padding:12px;border-radius:14px;background:color-mix(in srgb,var(--k) 9%,transparent);border:1px solid color-mix(in srgb,var(--k) 30%,transparent)}
.opk2-f label{display:flex;flex-direction:column;gap:4px;font-weight:600;font-size:13px}.opk2-g{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px}.opk2-f input{min-width:0;width:100%;box-sizing:border-box}
.opk2-ph{position:relative;flex-direction:row!important;align-items:center;gap:12px!important;padding:10px;border-radius:12px;border:1.5px dashed color-mix(in srgb,var(--k) 55%,transparent);cursor:pointer}.opk2-ph img{width:52px;height:52px;object-fit:cover;border-radius:10px}.opk2-ph input{position:absolute;inset:0;opacity:0;cursor:pointer}.opk2-cam{width:44px;height:44px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:22px;background:color-mix(in srgb,var(--k) 18%,transparent)}
.opk2-fa{display:flex;gap:10px}.opk2-x{flex:1;min-height:44px;border-radius:12px;border:1px solid var(--h-line,var(--line));background:transparent;color:inherit;font:inherit;font-weight:600;cursor:pointer}.opk2-go{flex:2;min-height:44px;border-radius:12px;border:0;color:#fff;font:inherit;font-weight:800;font-size:15px;cursor:pointer;background:linear-gradient(140deg,var(--k),var(--k2))}
.opk2-hist{font-size:13px}.opk2-hist summary{cursor:pointer;color:var(--h-mute,var(--muted));list-style:none}.opk2-hist summary::-webkit-details-marker{display:none}.opk2-hist summary::before{content:"›";display:inline-block;margin-right:6px;transition:transform .2s}.opk2-hist[open] summary::before{transform:rotate(90deg)}
.opk2-hist ul{margin:8px 0 0;padding:0;list-style:none;display:flex;flex-direction:column;gap:6px}.opk2-hist li{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.opk2-hist li span{flex:1;min-width:0}.opk2-hist li b{color:var(--k)}
.opk2-card{border-radius:16px;background:var(--h-card,var(--panel));border:1px solid var(--h-line,var(--line));padding:16px}.opk2-empty{margin:0}
.inc-meh div{min-width:0}.inc-meh strong{flex:0 0 auto;white-space:nowrap}
@media (prefers-reduced-motion:reduce){.opk2-hist summary::before{transition:none}}

/* ===================== v2.62.0 · Staff app — Apple style ===================== */
.happ.ios262.ios262{
  --i-bg:#F2F2F7;--i-card:#FFFFFF;--i-card2:#F2F2F7;--i-fill:rgba(118,118,128,.12);--i-fill2:rgba(118,118,128,.08);--i-sep:rgba(60,60,67,.18);
  --i-label:#000000;--i-label2:rgba(60,60,67,.62);--i-label3:rgba(60,60,67,.3);
  --i-blue:#007AFF;--i-green:#34C759;--i-red:#FF3B30;--i-orange:#FF9500;--i-yellow:#FFCC00;--i-indigo:#5856D6;--i-purple:#AF52DE;--i-pink:#FF2D55;--i-teal:#30B0C7;--i-gray:#8E8E93;--i-mint:#00C7BE;
  --i-bar:rgba(249,249,249,.82);
  --h-bg:var(--i-bg);--h-card:var(--i-card);--h-ink:var(--i-label);--h-mute:var(--i-label2);--h-line:var(--i-sep);--h-brand:var(--i-blue);--h-brand-s:rgba(0,122,255,.12);
  --h-ok:#248A3D;--h-ok-s:rgba(52,199,89,.16);--h-warn:#C93400;--h-warn-s:rgba(255,149,0,.16);--h-bad:#D70015;--h-bad-s:rgba(255,59,48,.13);--h-info:var(--i-blue);--h-info-s:rgba(0,122,255,.12);
  --h-r:14px;--h-sh:none;--h-gap:22px;
  --panel:var(--i-card);--panel2:var(--i-card2);--line:var(--i-sep);--text:var(--i-label);--muted:var(--i-label2);--accent:var(--i-blue);--accentInk:#fff;--accentSoft:rgba(0,122,255,.12);
  --body:-apple-system,BlinkMacSystemFont,"SF Pro Text","SF Pro Display","Helvetica Neue",system-ui,"Noto Sans Khmer",sans-serif;--display:var(--body);
  font-family:var(--body);background:var(--i-bg);color:var(--i-label);-webkit-font-smoothing:antialiased;letter-spacing:-.01em}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .happ.ios262.ios262{--i-bg:#000000;--i-card:#1C1C1E;--i-card2:#2C2C2E;--i-fill:rgba(118,118,128,.24);--i-fill2:rgba(118,118,128,.16);--i-sep:rgba(84,84,88,.55);--i-label:#FFFFFF;--i-label2:rgba(235,235,245,.62);--i-label3:rgba(235,235,245,.3);
  --i-blue:#0A84FF;--i-green:#30D158;--i-red:#FF453A;--i-orange:#FF9F0A;--i-yellow:#FFD60A;--i-indigo:#5E5CE6;--i-purple:#BF5AF2;--i-pink:#FF375F;--i-teal:#40C8E0;--i-gray:#8E8E93;--i-mint:#63E6E2;--i-bar:rgba(22,22,23,.8);
  --h-ok:#30D158;--h-ok-s:rgba(48,209,88,.18);--h-warn:#FF9F0A;--h-warn-s:rgba(255,159,10,.18);--h-bad:#FF453A;--h-bad-s:rgba(255,69,58,.18);--h-brand-s:rgba(10,132,255,.2);--h-info-s:rgba(10,132,255,.2);--accentSoft:rgba(10,132,255,.2)}}
:root[data-theme="dark"] .happ.ios262.ios262{--i-bg:#000000;--i-card:#1C1C1E;--i-card2:#2C2C2E;--i-fill:rgba(118,118,128,.24);--i-fill2:rgba(118,118,128,.16);--i-sep:rgba(84,84,88,.55);--i-label:#FFFFFF;--i-label2:rgba(235,235,245,.62);--i-label3:rgba(235,235,245,.3);
  --i-blue:#0A84FF;--i-green:#30D158;--i-red:#FF453A;--i-orange:#FF9F0A;--i-yellow:#FFD60A;--i-indigo:#5E5CE6;--i-purple:#BF5AF2;--i-pink:#FF375F;--i-teal:#40C8E0;--i-bar:rgba(22,22,23,.8);
  --h-ok:#30D158;--h-ok-s:rgba(48,209,88,.18);--h-warn:#FF9F0A;--h-warn-s:rgba(255,159,10,.18);--h-bad:#FF453A;--h-bad-s:rgba(255,69,58,.18);--h-brand-s:rgba(10,132,255,.2);--h-info-s:rgba(10,132,255,.2);--accentSoft:rgba(10,132,255,.2)}
.happ.ios262 button,.happ.ios262 input,.happ.ios262 select,.happ.ios262 textarea{font-family:var(--body)}

/* navigation bar (top) */
.happ.ios262 .htop{background:var(--i-bar);-webkit-backdrop-filter:saturate(180%) blur(20px);backdrop-filter:saturate(180%) blur(20px);border-bottom:.5px solid var(--i-sep);padding-bottom:10px}
.happ.ios262 .htop-hi{font-size:13px;color:var(--i-label2);font-weight:400}
.happ.ios262 .htop-who b{font-size:20px;font-weight:700;letter-spacing:-.02em}
.happ.ios262 .htop-role{font-size:13px;color:var(--i-label2)}
.happ.ios262 .hbell{width:36px;height:36px;border-radius:50%;border:0;background:var(--i-fill);color:var(--i-blue);box-shadow:none}
.happ.ios262 .hbell i{background:var(--i-red);box-shadow:0 0 0 2px var(--i-bg)}

/* tab bar (bottom) */
.happ.ios262 .htabs{background:var(--i-bar);-webkit-backdrop-filter:saturate(180%) blur(20px);backdrop-filter:saturate(180%) blur(20px);border-top:.5px solid var(--i-sep);box-shadow:none;padding-top:4px;align-items:center}
.happ.ios262 .htab{color:var(--i-gray);font:500 10px var(--body);letter-spacing:.01em;gap:3px;min-height:48px}
.happ.ios262 .htab .eic{width:26px;height:26px}
.happ.ios262 .htab.on{color:var(--i-blue)}
.happ.ios262 .hfab{margin-top:0;min-height:48px;font:500 10px var(--body);color:var(--i-gray);gap:3px}
.happ.ios262 .hfab-b{width:32px;height:32px;box-shadow:none!important;background:var(--i-blue)}
.happ.ios262 .hfab-b .eic{width:18px;height:18px}
.happ.ios262 .hfab.on .hfab-b{background:var(--i-green)}.happ.ios262 .hfab.on em{color:var(--i-green)}
.happ.ios262 .hfab.out .hfab-b{background:var(--i-orange)}.happ.ios262 .hfab.out em{color:var(--i-orange)}
.happ.ios262 .hlive{width:10px;height:10px}

/* page layout and section titles (Health / App Store style) */
.happ.ios262 .hbody{padding:8px 16px 28px;gap:var(--h-gap)}
.happ.ios262 .hsec{gap:8px}
.happ.ios262 .hsec-h{min-height:30px;align-items:flex-end;padding:0 2px}
.happ.ios262 .hsec-h h3{font-size:20px;font-weight:700;letter-spacing:-.02em;text-transform:none;color:var(--i-label)}
.happ.ios262 .hlinkbtn{font:400 15px var(--body);letter-spacing:0;color:var(--i-blue);text-transform:none}
.happ.ios262 .heye{font-size:12px;font-weight:600;letter-spacing:.02em;color:var(--i-label2)}
.happ.ios262 .hint{color:var(--i-label2)}

/* cards and lists: inset grouped */
.happ.ios262 .hcard,.happ.ios262 .mkcard,.happ.ios262 .ecard,.happ.ios262 .esec{background:var(--i-card);border:0!important;border-radius:14px;box-shadow:none}
.happ.ios262 .mkcard{padding:14px 16px}
.happ.ios262 .mkch h3,.happ.ios262 .hcard h3{font-size:17px;font-weight:600;letter-spacing:-.02em}
.happ.ios262 .hrow,.happ.ios262 .hrow2,.happ.ios262 .hnews,.happ.ios262 .hrlist li,.happ.ios262 .h2req li{border-color:var(--i-sep)}
.happ.ios262 .hrow2{min-height:46px;font:400 17px var(--body);letter-spacing:-.02em;padding:7px 0}
.happ.ios262 .hrow2-ic{width:30px;height:30px;border-radius:7px;color:#fff;background:var(--i-gray)}
.happ.ios262 .hrow2-ic .eic{width:17px;height:17px}
.happ.ios262 .hrow2:nth-child(8n+1) .hrow2-ic{background:var(--i-blue)}.happ.ios262 .hrow2:nth-child(8n+2) .hrow2-ic{background:var(--i-green)}.happ.ios262 .hrow2:nth-child(8n+3) .hrow2-ic{background:var(--i-orange)}.happ.ios262 .hrow2:nth-child(8n+4) .hrow2-ic{background:var(--i-indigo)}
.happ.ios262 .hrow2:nth-child(8n+5) .hrow2-ic{background:var(--i-pink)}.happ.ios262 .hrow2:nth-child(8n+6) .hrow2-ic{background:var(--i-teal)}.happ.ios262 .hrow2:nth-child(8n+7) .hrow2-ic{background:var(--i-purple)}.happ.ios262 .hrow2:nth-child(8n+8) .hrow2-ic{background:var(--i-red)}
.happ.ios262 .hchev{color:var(--i-label3)}

/* app-icon grid (quick access, supervisor tools) */
.happ.ios262 .hquick{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px 6px}
.happ.ios262 .hquick .hq{background:none!important;border:0!important;box-shadow:none!important;padding:0;gap:6px;font:400 12px var(--body);letter-spacing:0;color:var(--i-label)!important;min-height:0}
.happ.ios262 .hquick .hq-ic{width:58px;height:58px;border-radius:14px;color:#fff!important;box-shadow:0 1px 2px rgba(0,0,0,.12)}
.happ.ios262 .hquick .hq-ic .eic{width:28px;height:28px}
.happ.ios262 .hquick .hq-l{line-height:1.2;text-align:center;font-weight:500}
.happ.ios262 .hquick .hq-ic.c1{background:linear-gradient(180deg,#FFB340,var(--i-orange))!important}
.happ.ios262 .hquick .hq-ic.c2{background:linear-gradient(180deg,#5AC8FA,var(--i-blue))!important}
.happ.ios262 .hquick .hq-ic.c3{background:linear-gradient(180deg,#5BE07F,var(--i-green))!important}
.happ.ios262 .hquick .hq-ic.c4{background:linear-gradient(180deg,#7D7AFF,var(--i-indigo))!important}
.happ.ios262 .hquick .hq-ic.c5{background:linear-gradient(180deg,#FF6482,var(--i-pink))!important}
.happ.ios262 .hquick .hq-ic.c6{background:linear-gradient(180deg,#DA8FFF,var(--i-purple))!important}
.happ.ios262 .hquick .hq.hq-book .hq-ic{background:linear-gradient(180deg,#FF6E66,var(--i-red))!important}
.happ.ios262 .hquick .hq.hq-hotel .hq-ic{background:linear-gradient(180deg,#E3B566,#A0701A)!important}
.happ.ios262 .hquick .hq .sup-b{position:absolute;top:-6px;left:calc(50% + 18px);margin:0;min-width:20px;height:20px;line-height:20px;text-align:center;padding:0 6px;background:var(--i-red);box-shadow:0 0 0 2px var(--i-bg)}
.happ.ios262 .hquick .hq{position:relative}

/* action widgets (Report a problem, Request, Tonight's report, Bookings) */
.happ.ios262 .act2120{gap:10px}
.happ.ios262 .act2120 button{border-radius:22px;min-height:88px;padding:14px 14px 12px;box-shadow:none}
.happ.ios262 .act2120 button b{font-size:16px;font-weight:600;letter-spacing:-.02em}
.happ.ios262 .act2120 .a1{background:linear-gradient(160deg,#FF6482,var(--i-pink))}
.happ.ios262 .act2120 .a2{background:linear-gradient(160deg,#5AC8FA,var(--i-blue))}
.happ.ios262 .act2120 .a3.due{background:linear-gradient(160deg,#FFB340,var(--i-orange))}
.happ.ios262 .act2120 .a3.ok{background:linear-gradient(160deg,#5BE07F,var(--i-green))}

/* Today card */
.happ.ios262 .htoday,.happ.ios262 .htoday.st-working,.happ.ios262 .htoday.st-late,.happ.ios262 .htoday.st-missed,.happ.ios262 .htoday.st-due,.happ.ios262 .htoday.st-leave{border-left:0!important}
.happ.ios262 .htoday::before{display:none!important}
.happ.ios262 .htoday-top{border-bottom:.5px solid var(--i-sep)}
.happ.ios262 .hshift{font-weight:700;letter-spacing:-.03em}
.happ.ios262 .hst{font-weight:600}

/* buttons */
.happ.ios262 .hbtn,.happ.ios262 .btn,.happ.ios262 .hrbtn{border-radius:12px;font:600 17px var(--body);letter-spacing:-.02em;text-transform:none;box-shadow:none;border:0;min-height:50px}
.happ.ios262 .hbtn,.happ.ios262 .btn{background:var(--i-blue);color:#fff}
.happ.ios262 .hbtn.warn{background:var(--i-orange)}.happ.ios262 .hbtn.bad{background:var(--i-red)}
.happ.ios262 .hbtn.ghost,.happ.ios262 .ghost{background:var(--i-fill);color:var(--i-blue);border:0;box-shadow:none}
.happ.ios262 .ghost.sm,.happ.ios262 .btn.sm{min-height:34px;font-size:15px;border-radius:999px;padding:0 14px}
.happ.ios262 .mklink{color:var(--i-blue)}
.happ.ios262 .dt2614b{border-radius:12px;min-height:56px;box-shadow:none;background:linear-gradient(160deg,#7D7AFF,var(--i-indigo))}
.happ.ios262 .dt2614b.sent{background:linear-gradient(160deg,#5BE07F,var(--i-green))}
.happ.ios262 .b237{background:var(--i-fill2)!important;border:0!important;border-radius:12px}
.happ.ios262 .b237t span{color:var(--i-label2)!important}.happ.ios262 .b237t>b{color:var(--i-label)!important}
.happ.ios262 .b237btn{border-radius:999px;background:var(--i-green);color:#fff;border:0;font:600 15px var(--body);min-height:36px;padding:0 16px}
.happ.ios262 .b237btn.end{background:var(--i-orange)}

/* back + large title on inner pages */
.happ.ios262 .hsub{flex-direction:column;align-items:flex-start;gap:2px;margin-top:0}
.happ.ios262 .hback{width:auto;height:32px;border:0;background:none;color:var(--i-blue);padding:0 4px 0 0;margin-left:-6px;display:flex;align-items:center;gap:2px}
.happ.ios262 .hback .eic{width:24px;height:24px}
.happ.ios262 .hback::after{content:attr(aria-label);font:400 17px var(--body);letter-spacing:-.02em}
.happ.ios262 .hsub h2{font-size:30px;font-weight:700;letter-spacing:-.03em;line-height:1.1}

/* forms: filled fields, segmented controls */
.happ.ios262 input[type=text],.happ.ios262 input[type=number],.happ.ios262 input[type=date],.happ.ios262 input[type=time],.happ.ios262 input[type=tel],.happ.ios262 input[type=email],.happ.ios262 input[type=url],.happ.ios262 input[type=search],.happ.ios262 input:not([type]),.happ.ios262 select,.happ.ios262 textarea{
  background:var(--i-fill2);border:0;border-radius:10px;min-height:44px;font-size:17px;color:var(--i-label);box-shadow:none;padding:0 12px;letter-spacing:-.01em}
.happ.ios262 textarea{padding:10px 12px}
.happ.ios262 input:focus-visible,.happ.ios262 select:focus-visible,.happ.ios262 textarea:focus-visible{outline:2px solid var(--i-blue);outline-offset:0}
.happ.ios262 label{color:var(--i-label2)}
.happ.ios262 .seg,.happ.ios262 .hseg{background:var(--i-fill);border:0;border-radius:9px;padding:2px;gap:0}
.happ.ios262 .seg button,.happ.ios262 .hseg button{background:none;border:0;border-radius:7px;color:var(--i-label);font:500 13px var(--body);min-height:30px}
.happ.ios262 .seg button[aria-pressed="true"],.happ.ios262 .hseg button[aria-pressed="true"],.happ.ios262 .hseg button.on{background:var(--i-card);color:var(--i-label);box-shadow:0 3px 8px rgba(0,0,0,.12),0 3px 1px rgba(0,0,0,.04)}
:root[data-theme="dark"] .happ.ios262 .seg button[aria-pressed="true"]{background:#636366}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .happ.ios262 .seg button[aria-pressed="true"],:root:not([data-theme="light"]) .happ.ios262 .hseg button[aria-pressed="true"]{background:#636366}}

/* status capsules */
.happ.ios262 .hrst,.happ.ios262 .chip,.happ.ios262 .mkpill{border-radius:999px;font-weight:600}

/* sheets / modals look like iOS sheets */
.happ.ios262 ~ .modal .mcard,.happ.ios262 .modal .mcard{border-radius:14px}
.hrmodal .mkmh h2{letter-spacing:-.02em}

/* KPIs page and others already in this style keep their colours */
.happ.ios262 .opk2-list{border:0}.happ.ios262 .opk2-card{border:0}

@media (prefers-reduced-motion:reduce){.happ.ios262 *{transition:none!important}}

.happ.ios262 .hstat{border:0;background:var(--i-card);border-radius:12px}
.happ.ios262 .hshift{white-space:nowrap}
.happ.ios262 .htoday.h2614 .hmeta{min-width:0}

/* ===================== v2.62.1 · Supervisor roster on the phone ===================== */
.r262{--r-b:var(--i-blue,#007AFF);--r-card:var(--i-card,var(--panel));--r-l2:var(--i-label2,var(--muted));--r-sep:var(--i-sep,var(--line));--r-fill:var(--i-fill,rgba(118,118,128,.12));display:block;padding-bottom:24px}
.r262 button{font:inherit;color:inherit}
.r262-outs{display:flex;gap:6px;overflow-x:auto;padding:2px 0 10px;scrollbar-width:none}
.r262-outs::-webkit-scrollbar{display:none}
.r262-outs button{flex:none;border:0;border-radius:999px;padding:7px 14px;background:var(--r-fill);font-size:15px;font-weight:500}
.r262-outs button[aria-pressed="true"]{background:var(--r-b);color:#fff}
.r262-top{display:flex;align-items:center;gap:8px;margin:2px 0 10px}
.r262-top>div{flex:1;min-width:0}
.r262-top h2{margin:0;font-size:22px;font-weight:700;letter-spacing:-.02em;line-height:1.2}
.r262-top>div>span{font-size:13px;color:var(--r-l2)}
.r262-tdy{border:0;background:none;color:var(--r-b)!important;font-size:17px;padding:6px 4px}
.r262-ic{width:34px;height:34px;border-radius:50%;border:0;background:var(--r-fill);color:var(--r-b)!important;font-size:22px;line-height:1;display:grid;place-items:center;padding:0}
.r262-add{background:var(--r-b);color:#fff!important;font-size:24px;font-weight:400}
.r262-wk{display:flex;align-items:stretch;gap:2px;background:var(--r-card);border-radius:14px;padding:8px 4px}
.r262-arr{flex:none;width:22px;border:0;background:none;color:var(--r-b)!important;font-size:24px;padding:0}
.r262-d{flex:1;min-width:0;border:0;background:none;display:flex;flex-direction:column;align-items:center;gap:3px;padding:2px 0}
.r262-d span{font-size:11px;font-weight:600;color:var(--r-l2);text-transform:uppercase}
.r262-d b{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;font-size:17px;font-weight:500}
.r262-d.tdy b{color:var(--i-red,#FF3B30)}
.r262-d.sel b{background:var(--i-label,#000);color:var(--r-card)}
.r262-d.sel.tdy b{background:var(--i-red,#FF3B30);color:#fff}
.r262-d i{font-style:normal;font-size:11px;font-weight:600;color:var(--r-l2);min-height:13px}
.r262-date{margin:16px 4px 6px;font-size:13px;color:var(--r-l2);font-weight:500}
.r262-sum{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);background:var(--r-card);border-radius:14px;padding:10px 4px}
.r262-sum span{display:flex;flex-direction:column;align-items:center;font-size:12px;color:var(--r-l2);border-left:.5px solid var(--r-sep)}
.r262-sum span:first-child{border-left:0}
.r262-sum b{font-size:20px;font-weight:600;color:var(--i-label,var(--text))}
.r262-h{margin:20px 16px 6px!important;font-size:13px!important;font-weight:500!important;color:var(--r-l2)!important;text-transform:uppercase;letter-spacing:.02em}
.r262-list{background:var(--r-card);border-radius:14px;overflow:hidden}
.r262-row{width:100%;display:flex;align-items:center;gap:12px;border:0;background:none;padding:10px 14px;text-align:left;position:relative;min-height:58px}
.r262-row+.r262-row::before{content:"";position:absolute;top:0;left:62px;right:0;border-top:.5px solid var(--r-sep)}
.r262-row:active{background:var(--r-fill)}
.r262-row[disabled]{opacity:1;cursor:default}
.r262-row.ro:active{background:none}
.r262-row .hrav{width:36px;height:36px;flex:none;font-size:13px}
.r262-n{flex:1;min-width:0;display:flex;flex-direction:column}
.r262-n b{font-size:16px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.r262-n em{font-style:normal;font-size:13px;color:var(--r-l2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.r262-r{flex:none;display:flex;flex-direction:column;align-items:flex-end;gap:2px}
.r262-r strong{font-size:15px;font-weight:600;font-variant-numeric:tabular-nums}
.r262-s{font-size:12px;font-weight:600;font-variant-numeric:tabular-nums}
.r262-s.g{color:var(--h-ok,#248A3D)}.r262-s.o{color:var(--h-warn,#C93400)}.r262-s.r{color:var(--h-bad,#D70015)}.r262-s.p{color:var(--i-purple,#AF52DE)}.r262-s.n{color:var(--r-l2)}
.r262-plus{color:var(--r-b);font-size:22px;line-height:1}
.r262-r:has(.r262-plus){flex-direction:row;align-items:center;gap:10px}
.r262-empty{background:var(--r-card);border-radius:14px;padding:22px 16px;text-align:center;margin-top:20px;display:flex;flex-direction:column;gap:4px}
.r262-empty span{font-size:14px;color:var(--r-l2)}
.r262-off{margin-top:20px}
.r262-off summary{list-style:none;cursor:pointer;margin:0 16px 6px;font-size:13px;font-weight:500;color:var(--r-l2);text-transform:uppercase;display:flex;align-items:center;gap:6px}
.r262-off summary::-webkit-details-marker{display:none}
.r262-off summary::after{content:"›";margin-left:auto;font-size:18px;transition:transform .2s}
.r262-off[open] summary::after{transform:rotate(90deg)}
.r262-off summary span{background:var(--r-fill);border-radius:999px;padding:0 7px;font-size:12px}
.r262-ov{position:fixed;inset:0;background:rgba(0,0,0,.35);z-index:900}
.r262-sheet{position:fixed;left:8px;right:8px;bottom:calc(8px + env(safe-area-inset-bottom));z-index:901;display:flex;flex-direction:column;gap:8px;max-width:520px;margin:0 auto;animation:r262up .22s ease-out}
.r262-sg{background:var(--r-card);border-radius:14px;overflow:hidden}
.r262-sg button{width:100%;border:0;background:none;padding:16px;font-size:17px;color:var(--r-b)!important;display:flex;flex-direction:column;align-items:center;gap:2px}
.r262-sg button+button{border-top:.5px solid var(--r-sep)}
.r262-sg small{font-size:12px;color:var(--r-l2)}
.r262-cancel{border:0;border-radius:14px;background:var(--r-card);padding:16px;font-size:17px;font-weight:600;color:var(--r-b)!important}
@keyframes r262up{from{transform:translateY(30px);opacity:0}to{transform:none;opacity:1}}
@media (prefers-reduced-motion:reduce){.r262-sheet{animation:none}}
.r262 .rx-card,.r262>section{margin-bottom:12px}

/* ===================== v2.62.2 · Team attendance & Approvals on the phone ===================== */
.p262-pills{display:flex;gap:6px;overflow-x:auto;margin:14px -16px 0;padding:0 16px 2px;scrollbar-width:none}
.p262-pills::-webkit-scrollbar{display:none}
.p262-pills button{flex:none;border:0;border-radius:999px;padding:7px 13px;background:var(--r-fill);font-size:15px;font-weight:500;display:inline-flex;align-items:center;gap:6px;white-space:nowrap}
.p262-pills button i{font-style:normal;font-size:12px;font-weight:700;min-width:20px;height:20px;border-radius:10px;padding:0 6px;display:inline-grid;place-items:center;background:var(--i-red,#FF3B30);color:#fff}
.p262-pills button[aria-pressed="true"]{background:var(--i-label,#000);color:var(--r-card)!important}
.p262-pills button[aria-pressed="true"] i{background:var(--r-card);color:var(--i-label,#000)}
/* attendance */
.p262-day{display:flex;align-items:center;background:var(--r-card);border-radius:14px;padding:6px 4px}
.p262-day .r262-arr{width:40px;height:44px;font-size:28px}
.p262-day .r262-arr[disabled]{opacity:.25}
.p262-dl{flex:1;min-width:0;display:flex;flex-direction:column;align-items:center;position:relative;cursor:pointer}
.p262-dl b{font-size:17px;font-weight:600}
.p262-dl span{font-size:13px;color:var(--r-l2)}
.p262-dl input{position:absolute;inset:0;opacity:0;width:100%;height:100%;cursor:pointer;border:0}
.p262-today{display:block;margin:8px auto 0;border:0;background:none;color:var(--r-b)!important;font-size:15px}
.p262-tiles{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-top:12px}
.p262-tile{border:0;border-radius:14px;background:var(--r-card);padding:10px 4px;display:flex;flex-direction:column;align-items:center;gap:2px}
.p262-tile b{font-size:24px;font-weight:700;font-variant-numeric:tabular-nums}
.p262-tile span{font-size:12px;color:var(--r-l2);font-weight:500;white-space:nowrap}
.p262-tile.g b{color:var(--i-green,#34C759)}.p262-tile.o b{color:var(--i-orange,#FF9500)}.p262-tile.r b{color:var(--i-red,#FF3B30)}.p262-tile.n b{color:var(--i-label,var(--text))}
.p262-tile[aria-pressed="true"]{box-shadow:inset 0 0 0 2px var(--r-b)}
.p262-q{margin-top:12px}
.p262-q input{width:100%;border:0;border-radius:10px;background:var(--r-fill);padding:9px 12px;font-size:17px;color:inherit}
.p262 .r262-list{margin-top:12px}
.p262-t{font-size:12px;color:var(--r-l2);font-variant-numeric:tabular-nums}
.p262-ns{color:var(--r-l2);font-weight:500!important}
.p262-foot{margin:10px 16px 0;font-size:13px;color:var(--r-l2)}
/* approvals */
.p262-done{background:var(--r-card);border-radius:14px;padding:24px 16px;margin-top:14px;display:flex;flex-direction:column;align-items:center;gap:4px;text-align:center}
.p262-done span{width:44px;height:44px;border-radius:50%;background:var(--i-green,#34C759);color:#fff;display:grid;place-items:center;font-size:24px;font-weight:700;margin-bottom:6px}
.p262-done b{font-size:17px;font-weight:600}
.p262-done em{font-style:normal;font-size:14px;color:var(--r-l2)}
.p262-card{background:var(--r-card);border-radius:14px;padding:14px;margin-top:10px;display:flex;flex-direction:column;gap:8px}
.p262-card header{display:flex;align-items:center;gap:10px}
.p262-card header .hrav{width:36px;height:36px;flex:none}
.p262-card header div{flex:1;min-width:0;display:flex;flex-direction:column}
.p262-card header b{font-size:16px;font-weight:600}
.p262-card header span{font-size:13px;color:var(--r-l2)}
.p262-k{font-style:normal;font-size:12px;font-weight:600;border-radius:999px;padding:4px 9px;background:var(--r-fill);white-space:nowrap}
.k-leave .p262-k{background:rgba(52,199,89,.16);color:var(--h-ok,#248A3D)}.k-ot .p262-k{background:rgba(0,122,255,.14);color:var(--r-b)}.k-corr .p262-k{background:rgba(255,149,0,.16);color:var(--h-warn,#C93400)}.k-late .p262-k{background:rgba(255,59,48,.13);color:var(--h-bad,#D70015)}
.p262-what{margin:0;font-size:15px}
.p262-why{margin:0;font-size:14px;color:var(--r-l2);font-style:italic}
.p262-ctx{margin:0;padding:0;list-style:none;font-size:13px;color:var(--r-l2);display:flex;flex-direction:column;gap:2px}
.p262-card>input{border:0;border-radius:10px;background:var(--r-fill);padding:10px 12px;font-size:16px;color:inherit;width:100%}
.p262-cs{display:flex;align-items:center;gap:8px;font-size:14px;color:var(--r-l2)}
.p262-acts{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.p262-acts button{border:0;border-radius:12px;padding:12px;font-size:16px;font-weight:600}
.p262-no{background:rgba(255,59,48,.13);color:var(--i-red,#FF3B30)!important}
.p262-yes{background:var(--i-green,#34C759);color:#fff!important}
.p262-hist{border:0;background:none;color:var(--r-b)!important;font-size:14px;padding:2px 0;align-self:flex-start}
.p262-rq .r262-n em{white-space:normal}
.p262-rq .r262-r{flex-direction:row;align-items:center;gap:6px}
.p262-rr{font-size:12px!important}
.p262-chev{color:var(--i-label3,rgba(60,60,67,.3));font-size:20px}
.r262-s.b{color:var(--r-b)}
.p262-dl b{color:var(--i-label,var(--text))}
.p262-fl{display:flex;align-items:center;justify-content:space-between;margin:12px 4px 0;font-size:14px;color:var(--r-l2)}
.p262-fl b{color:var(--i-label,var(--text))}
.p262-fl button{border:0;background:none;color:var(--r-b)!important;font-size:15px;padding:4px}

/* ===================== v2.62.3 · My team today — foldable list ===================== */
.sup263{margin-top:4px}
.sup263>summary{list-style:none;cursor:pointer;display:flex;align-items:center;gap:8px;padding:12px 2px 4px;border-top:.5px solid var(--h-line,var(--line));color:var(--h-brand,var(--accent));font-size:16px;font-weight:500}
.sup263>summary::-webkit-details-marker{display:none}
.sup263>summary b{font-size:12px;font-weight:700;border-radius:999px;padding:1px 8px;background:var(--h-brand-s,rgba(0,122,255,.12))}
.sup263>summary i{margin-left:auto;width:8px;height:8px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg);margin-bottom:4px;transition:transform .2s}
.sup263[open]>summary i{transform:rotate(-135deg);margin-bottom:-2px}
.sup263 .s-hide,.sup263[open] .s-show{display:none}
.sup263[open] .s-hide{display:inline}
.sup263[open]>summary{margin-bottom:4px}
@media (prefers-reduced-motion:reduce){.sup263>summary i{transition:none}}

/* ===================== v2.62.4 · odd last quick-action widget fills the row ===================== */
.act2120>button:last-child:nth-child(odd){grid-column:1/-1}

/* ===================== v2.63.0 · Home: Needs you, one action grid, compact summary ===================== */
.h63-need .hsec-h{align-items:center}
.h63-cnt{min-width:22px;height:22px;border-radius:11px;padding:0 7px;display:inline-grid;place-items:center;background:var(--i-red,#FF3B30);color:#fff;font-size:13px;font-weight:700;margin-right:auto;margin-left:8px}
.h63-list{padding:0!important;overflow:hidden}
.h63-r{width:100%;display:flex;align-items:center;gap:12px;border:0;background:none;color:inherit;font:inherit;text-align:left;padding:12px 14px;min-height:52px;position:relative;cursor:pointer;list-style:none}
.h63-r::-webkit-details-marker{display:none}
.h63-list>*+*{border-top:.5px solid var(--h-line,var(--line))}
.h63-r:active{background:var(--i-fill2,rgba(118,118,128,.08))}
.h63-ic{width:30px;height:30px;flex:none;border-radius:8px;display:grid;place-items:center;font-size:16px;background:var(--h-info-s,rgba(0,122,255,.12))}
.s-warn>.h63-ic,.s-warn>summary .h63-ic{background:var(--h-warn-s,rgba(255,149,0,.16))}
.s-bad>.h63-ic,.s-bad>summary .h63-ic{background:var(--h-bad-s,rgba(255,59,48,.13))}
.h63-t{flex:1;min-width:0;display:flex;flex-direction:column;font-size:16px;font-weight:500;line-height:1.3}
.h63-t em{font-style:normal;font-size:13px;font-weight:600;color:var(--h-bad,#D70015)}
.h63-n{min-width:22px;height:22px;border-radius:11px;padding:0 7px;display:grid;place-items:center;font-size:13px;font-weight:700;background:var(--h-warn-s,rgba(255,149,0,.16));color:var(--h-warn,#C93400)}
.h63-ch{width:8px;height:8px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(-45deg);opacity:.35;flex:none;margin-right:2px;transition:transform .2s}
.h63-d[open]>summary .h63-ch{transform:rotate(45deg)}
.h63-in{padding:0 12px 12px}
.h63-in .sup-tasks,.h63-in .hcard{margin:0;padding:0;background:none;box-shadow:none}
.h63-in .my2120c{padding:8px 0}
.h63-in .my2120c+.my2120c{border-top:.5px solid var(--h-line,var(--line))}
.h63-items .hcard,.h63-items{margin-top:0}
.h63-items>.h63-r{background:var(--h-card,var(--panel));border-radius:var(--h-r,14px)}
.hquick .h63-hide{display:none}
.h63-more{margin-left:auto}
/* month summary in one row */
.h63-month .hstats.h5{grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:0!important;background:var(--h-card,var(--panel));border-radius:var(--h-r,14px);padding:10px 2px}
.h63-month .hstat{background:none!important;border:0!important;padding:2px 4px!important;text-align:center;display:flex;flex-direction:column;align-items:center;gap:2px;border-left:.5px solid var(--h-line,var(--line))!important;border-radius:0!important}
.h63-month .hstat:first-child{border-left:0!important}
.h63-month .hstat span{font-size:11px!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}
.h63-month .hstat b{font-size:18px!important}
.h63-month .hstat small{display:none}
@media (prefers-reduced-motion:reduce){.h63-ch{transition:none}}
.h63-t em.g{color:var(--h-mute,var(--muted));font-weight:500}
.happ.ios262 .hquick .hq-book .hq-l{color:var(--i-label,var(--text))!important}

/* ===================== v2.63.1 · Menu / food orders sheet on the phone ===================== */
.xo263-empty>*:not(.xo263-h){display:none!important}
.xo263-h{margin:0;font-size:14px;color:var(--muted);text-align:center;grid-column:1/-1}
.xo263-n{appearance:none;border:0;background:none;color:#007AFF;font:600 15px -apple-system,BlinkMacSystemFont,system-ui,sans-serif;text-align:left;padding:2px 0;cursor:pointer;grid-column:1/-1}
.sm263pr{display:none}
@media (max-width:640px){
  #smSheet .sm-panel{height:92vh}
  #smSheet .sm-h{padding:14px 16px 6px}
  #smSheet .sm-h h2{font-size:22px}
  #smSheet .sm-x{width:32px;height:32px;font-size:14px}
  #smSheet .xo-tabs{margin:0 16px 8px!important}
  #smSheet .xo-tabs button{min-height:32px}
  #smSheet .sm-outs{padding:0 16px 8px;flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none}
  #smSheet .sm-outs::-webkit-scrollbar{display:none}
  #smSheet .sm-outs button,#smSheet .sm-cats button{min-height:32px;padding:6px 12px;font-size:13.5px;flex:none;white-space:nowrap}
  #smSheet .sm-tools{padding:0 16px 8px;gap:8px}
  #smSheet .sm-tools input{min-height:38px;padding:8px 12px;border-radius:10px;border:0;background:color-mix(in srgb,var(--text) 8%,transparent)}
  #smSheet .sm-body{padding:4px 16px 16px}
  /* list rows instead of big square tiles */
  #smSheet.sm232 .sm-body section{display:block!important;margin:0 0 6px}
  #smSheet.sm232 .sm-body section>h3{margin:14px 0 4px}
  #smSheet.sm232 .sm-it{display:grid!important;grid-template-columns:60px minmax(0,1fr) auto!important;align-items:center!important;gap:12px!important;padding:8px 0!important;border-radius:0!important;background:none!important;box-shadow:none!important;border-bottom:.5px solid color-mix(in srgb,var(--line) 70%,transparent)!important;overflow:visible}
  #smSheet.sm232 .sm232i{width:60px!important;height:60px;aspect-ratio:auto;border-radius:12px}
  #smSheet.sm232 .sm232i .sm-ph{font-size:24px!important}
  #smSheet.sm232 .m230p,#smSheet.sm232 .sm232b.sm-hh{display:none!important}
  #smSheet.sm232 .sm232b.sm-so{top:auto;bottom:3px;left:3px;right:3px;font-size:10px;padding:1px 4px;text-align:center}
  #smSheet.sm232 .sm-t{padding:0!important}
  #smSheet.sm232 .sm-t b{font-size:16px;-webkit-line-clamp:2}
  .sm263pr{display:flex;gap:6px;align-items:baseline;margin-top:2px;font-size:15px;font-weight:700;color:var(--text);font-variant-numeric:tabular-nums}
  .sm263pr b{font-weight:700}.sm263pr s{font-size:12px;color:var(--muted);font-weight:500}.sm263pr.deal b{color:#c76a00}
  #smSheet.sm232 .sm-p{padding:0!important}
  #smSheet.sm232 .sm-p .xo-add{width:auto;min-height:34px;padding:4px 14px;margin:0}
  #smSheet.sm232 .sm-p .xo-q{width:auto;gap:6px}
  #smSheet.sm232 .sm-p .xo-q button{width:32px;height:32px}
  #smSheet .xo-bar{padding:10px 16px calc(10px + env(safe-area-inset-bottom));gap:8px}
  #smSheet .xo-bar label{font-size:12px}
  #smSheet .xo-send{min-height:48px;border-radius:12px;font-size:16px}
  #smSheet .xo-fine{font-size:11.5px}
}
.xo-bar .xo-send{background:#16a34a!important;color:#fff!important;border:0!important;font-weight:700}
.xo-bar .xo-send:disabled{opacity:.4}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .xo263-n{color:#0A84FF}}
:root[data-theme="dark"] .xo263-n{color:#0A84FF}

/* ===================== v2.63.2 · staff app: top gap, Back button, transitions ===================== */
/* the iPhone status-bar space was added twice (page + top bar) */
:root:has(.happ){padding-top:0!important}
body:has(.happ)::before{display:none}
.happ.ios262 .htop{padding-top:calc(6px + env(safe-area-inset-top,0px))!important}
/* colourful Back button */
.happ.ios262 .hsub .hback{height:34px;margin:2px 0 6px;padding:0 14px 0 8px;border-radius:999px;background:linear-gradient(135deg,#0A84FF,#5E5CE6);color:#fff!important;box-shadow:0 4px 14px rgba(10,132,255,.35);gap:2px;transition:transform .15s ease,box-shadow .15s ease}
.happ.ios262 .hsub .hback .eic{width:20px;height:20px;stroke-width:2.4}
.happ.ios262 .hsub .hback::after{font:600 15px var(--body);letter-spacing:-.01em}
.happ.ios262 .hsub .hback:active{transform:scale(.94);box-shadow:0 2px 8px rgba(10,132,255,.3)}
/* page changes */
@keyframes h64fwd{from{opacity:0;transform:translateX(28px)}to{opacity:1;transform:none}}
@keyframes h64back{from{opacity:0;transform:translateX(-28px)}to{opacity:1;transform:none}}
@keyframes h64fade{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
@keyframes h64pop{from{opacity:0;transform:translateY(24px) scale(.98)}to{opacity:1;transform:none}}
@keyframes h64bg{from{opacity:0}to{opacity:1}}
.happ .hbody.hbody.h64-fwd{animation:h64fwd .26s cubic-bezier(.2,.8,.2,1)}
.happ .hbody.hbody.h64-back{animation:h64back .26s cubic-bezier(.2,.8,.2,1)}
.happ .hbody.hbody.h64-fade{animation:h64fade .22s ease-out}
.h64-pop .mcard{animation:h64pop .28s cubic-bezier(.2,.8,.2,1)}
.h64-pop .mkmbg{animation:h64bg .2s ease-out}
/* every tap gives a little press feedback */
.happ button,.happ summary,.happ [role="button"]{-webkit-tap-highlight-color:transparent}
.happ :is(.hq,.htab,.hfab,.hbtn,.h63-r,.r262-row,.p262-tile,.hlinkbtn,.dt2614 a,.dt2614 button,.p262-acts button,.r262-ic,.r262-d,.sup263>summary,.hrow2,.hnews,.htask){transition:transform .14s ease,opacity .14s ease,background-color .2s ease}
.happ :is(.hq,.htab,.hfab,.hbtn,.p262-tile,.p262-acts button,.r262-ic,.r262-d):active{transform:scale(.95)}
.happ :is(.h63-r,.r262-row,.hrow2,.hnews,.htask,.sup263>summary):active{opacity:.7}
details[open]>.h63-in,.sup263[open]>.sup-p,.hf2613[open]>.hcard,.r262-off[open]>.r262-list{animation:h64fade .2s ease-out}
@media (prefers-reduced-motion:reduce){.hbody.h64-fwd,.hbody.h64-back,.hbody.h64-fade,.h64-pop .mcard,.h64-pop .mkmbg,details[open]>*{animation:none!important}.happ *:active{transform:none!important}}

/* ===================== v2.64.0 · Inventory ===================== */
.fzst-transit{background:color-mix(in srgb,#ff9500 18%,transparent);color:#b25f00}
.fz264r{border:1px solid color-mix(in srgb,#ff9500 45%,var(--line));background:color-mix(in srgb,#ff9500 7%,var(--panel));border-radius:14px;padding:12px 14px;margin:0 0 14px}
.fz264r.done{border-color:color-mix(in srgb,#34c759 40%,var(--line));background:color-mix(in srgb,#34c759 6%,var(--panel))}
.fz264r h3{margin:0 0 4px;font-size:16px}
.fz264r input.num{width:90px;text-align:right}
.fz264n{display:flex;flex-direction:column;gap:4px;margin-top:10px;font-size:13px;color:var(--muted)}
.fz264n input{min-height:40px}
.fz264a{display:flex;justify-content:flex-end;margin-top:10px}
.fz264a .btn{min-height:44px;padding:0 18px}
.fz264now{display:flex;gap:8px;align-items:center;margin:10px 0 2px;font-size:14px}
.fz264w{margin:8px 0 0;font-weight:600;color:#b25f00}
td.neg{color:#d70015}

/* ===================== v2.65.0 · Inventory by outlet ===================== */
.iv5-tabs{display:flex;gap:6px;flex-wrap:wrap;align-items:center;margin:4px 0 10px}
.iv5-tabs button{border:1px solid var(--line);background:var(--panel);color:var(--text);border-radius:999px;padding:7px 14px;font:600 14px/1 -apple-system,BlinkMacSystemFont,system-ui,sans-serif;cursor:pointer}
.iv5-tabs button i{font-style:normal;font-weight:500;color:var(--muted);margin-left:2px}
.iv5-tabs button[aria-selected="true"]{background:var(--text);color:var(--panel);border-color:var(--text)}
.iv5-tabs button[aria-selected="true"] i{color:inherit;opacity:.75}
.iv5-lnk{border:0!important;background:none!important;color:var(--accent)!important;padding:6px!important}
.iv5-outs{display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin:0 0 10px}
.iv5-outs select,.iv5-outs input[type=search]{min-height:40px;border-radius:10px;border:1px solid var(--line);background:var(--panel);color:var(--text);padding:6px 10px;font-size:15px}
.iv5-outs input[type=search]{flex:1;min-width:200px}
.iv5-qf{display:flex;gap:6px;flex-wrap:wrap;margin:0 0 10px}
.iv5-qf button{border:1px solid var(--line);background:var(--panel);color:var(--text);border-radius:10px;padding:6px 10px;font:500 13px/1.2 -apple-system,BlinkMacSystemFont,system-ui,sans-serif;cursor:pointer}
.iv5-qf button i{font-style:normal;font-weight:700;margin-left:4px}
.iv5-qf button[aria-pressed="true"]{background:color-mix(in srgb,var(--accent) 14%,var(--panel));border-color:var(--accent)}
.iv5-qf .q-neg i,.iv5-qf .q-low i{color:#c0392b}
.iv5-sum{margin:0 0 6px}
.iv5-th{border:0;background:none;padding:0;font:inherit;color:inherit;text-transform:inherit;letter-spacing:inherit;cursor:pointer;white-space:nowrap}
.iv5-t td.low,.iv5-mx td.low{color:#b25f00;font-weight:700}
.iv5-t td.neg,.iv5-mx td.neg{color:#d70015;font-weight:700}
.iv5-t td.slow{color:var(--muted)}
.iv5-t td.old{color:#b25f00}
.iv5-t tr.off td{opacity:.55}
.iv5-t td small,.iv5-mx td small{color:var(--muted);font-size:11.5px;margin-left:2px}
.iv5-fx{display:block;font-style:normal;font-size:11.5px;color:#b25f00}
.iv5-ck{width:34px}
.iv5-ck input{width:18px;height:18px}
.iv5-acts{white-space:nowrap;text-align:right}
.iv5-acts button{border:1px solid var(--line);background:var(--panel);border-radius:8px;min-width:34px;height:32px;margin-left:4px;cursor:pointer;font-size:15px}
.iv5-acts button:hover{border-color:var(--accent)}
.iv5-bulk{display:flex;flex-wrap:wrap;gap:8px 12px;align-items:flex-end;position:sticky;top:0;z-index:5;background:color-mix(in srgb,var(--accent) 8%,var(--panel));border:1px solid color-mix(in srgb,var(--accent) 40%,var(--line));border-radius:14px;padding:10px 12px;margin:0 0 10px}
.iv5-bulk label{display:flex;flex-direction:column;gap:3px;font-size:12px;color:var(--muted)}
.iv5-bulk label.inline{flex-direction:row;align-items:center;gap:6px;font-size:13px;color:var(--text)}
.iv5-bulk input,.iv5-bulk select{min-height:36px;border-radius:8px;border:1px solid var(--line);background:var(--panel);color:var(--text);padding:4px 8px;max-width:170px}
.iv5-bulk .num{max-width:80px}
.iv5-types{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:8px}
.iv5-types label{display:flex;justify-content:space-between;align-items:center;gap:8px;border:1px solid var(--line);border-radius:10px;padding:6px 10px}
.iv5-sku{width:150px;font-family:ui-monospace,Menlo,monospace}
/* outlet dashboard */
.iv5-og{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:12px}
.iv5-oc{border:1px solid var(--line);border-radius:16px;background:var(--panel);padding:12px 14px;display:flex;flex-direction:column;gap:10px}
.iv5-oc.t-store{border-top:4px solid #8e8e93}.iv5-oc.t-bar{border-top:4px solid #af52de}.iv5-oc.t-kitchen{border-top:4px solid #ff9500}
.iv5-och{display:flex;justify-content:space-between;align-items:flex-start;gap:10px;border:0;background:none;padding:0;text-align:left;color:inherit;cursor:pointer;font:inherit}
.iv5-och span{display:flex;flex-direction:column}.iv5-och b{font-size:16px}.iv5-och em{font-style:normal;font-size:12.5px;color:var(--muted)}
.iv5-och strong{font-size:20px;font-variant-numeric:tabular-nums}
.iv5-ochips{display:flex;flex-wrap:wrap;gap:6px}
.iv5-ochips button{border:0;border-radius:999px;padding:4px 10px;font:600 12.5px/1.3 -apple-system,BlinkMacSystemFont,system-ui,sans-serif;background:color-mix(in srgb,var(--text) 7%,transparent);color:var(--text);cursor:pointer}
.iv5-ochips .w{background:color-mix(in srgb,#ff9500 18%,transparent);color:#b25f00}.iv5-ochips .b{background:color-mix(in srgb,#ff3b30 15%,transparent);color:#c0392b}
.iv5-okv{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin:0}
.iv5-okv dt{font-size:11.5px;color:var(--muted)}.iv5-okv dd{margin:0;font-weight:700}.iv5-okv dd small{font-weight:500;color:var(--muted)}
.iv5-okv .w{color:#b25f00}.iv5-okv .b{color:#c0392b}
.iv5-oa{display:flex;justify-content:flex-end}
/* count sheets */
.iv5-st td small{display:block;color:var(--muted);font-size:11.5px}
.iv5-st tr.done{background:color-mix(in srgb,#34c759 8%,transparent)}
.iv5-st tr.hit{outline:2px solid var(--accent)}
.iv5-cin{white-space:nowrap}
.iv5-cin input.num{width:90px;text-align:right;min-height:40px;font-size:16px}
.iv5-w input{width:56px;min-height:38px;text-align:right;font-size:15px}
.iv5-wb{border:1px solid var(--line);background:var(--panel);border-radius:8px;height:38px;min-width:38px;margin-left:6px;cursor:pointer}
.iv5-wb.on{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 12%,var(--panel))}
.iv5-shelf{width:64px;min-height:34px}
.iv5-cbar{position:sticky;bottom:0;display:flex;align-items:center;gap:8px;flex-wrap:wrap;background:var(--panel);border-top:1px solid var(--line);padding:10px 4px calc(10px + env(safe-area-inset-bottom));margin-top:10px;z-index:4}
.iv5-scan{position:fixed;inset:0;z-index:2000;background:#000;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;color:#fff}
.iv5-scan video{width:min(92vw,520px);border-radius:16px}
/* expiry */
.iv5-ea{border:1px solid var(--line);border-radius:14px;padding:10px 14px;margin:0 0 12px;background:var(--panel)}
.iv5-ea summary{cursor:pointer;font-weight:600;color:var(--accent)}
.iv5-eh.b{color:#c0392b}.iv5-eh.w{color:#b25f00}
@media (max-width:700px){.iv5-outs input[type=search]{min-width:0;width:100%}.iv5-bulk label{flex:1 1 40%}.iv5-bulk input,.iv5-bulk select{max-width:none;width:100%}}
.iv5-t td[data-l="SKU"],.iv5-mx td[data-l="SKU"]{white-space:nowrap;font-variant-numeric:tabular-nums}
@media (max-width:700px){
  .iv5-st thead{display:none}
  .iv5-st tbody tr{display:grid!important;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"item cnt" "meta cnt";gap:2px 10px;align-items:center;padding:10px 12px!important;border-radius:12px;margin-bottom:6px}
  .iv5-st td{display:block!important;padding:0!important;border:0!important}
  .iv5-st td::before{display:none!important}
  .iv5-st td[data-l="Item"]{grid-area:item}.iv5-st td[data-l="Counted"]{grid-area:cnt}
  .iv5-st td[data-l="Shelf"]{grid-area:meta;font-size:12px}.iv5-st td[data-l="Unit"]{display:none!important}
  .iv5-st td[data-l="Item"] b{font-size:15px}
  .iv5-st td[data-l="Counted"]{display:flex!important;align-items:center;justify-content:flex-end}
}
@media (max-width:700px){.iv5-st td[data-l="Item"],.iv5-st td:first-child{text-align:left!important;justify-content:flex-start}
.iv5-outs{display:grid!important;grid-template-columns:1fr auto;gap:8px}.iv5-outs input[type=search]{grid-column:1/-1;width:100%!important;min-width:0}}

/* ===================== v2.66.0 · item import, POS price per outlet ===================== */
.iv6{display:grid;gap:12px;max-width:1100px}
.iv6-step h3{display:flex;align-items:center;gap:10px;margin:0 0 6px}
.iv6-n{width:26px;height:26px;border-radius:13px;display:inline-grid;place-items:center;background:#1F4E79;color:#fff;font-size:14px;font-weight:700;flex:none}
.iv6-btns{display:flex;flex-wrap:wrap;gap:8px;margin:6px 0}
.iv6-rules{margin:4px 0 0;padding-left:20px;line-height:1.6}
.iv6-file{display:inline-flex;align-items:center;cursor:pointer}
.iv6-err{color:var(--bad,#C62828);font-size:13px;margin:4px 0 0}
.iv6-warn{color:#9A5B00;font-size:13px;margin:2px 0 0}
.iv6-sum{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 10px}
.iv6-chip{border:1px solid var(--line);background:var(--panel);color:var(--text);border-radius:16px;padding:5px 12px;font:inherit;font-size:13px;cursor:pointer}
.iv6-chip b{margin-left:4px}
.iv6-chip[aria-pressed="true"]{background:#1F4E79;border-color:#1F4E79;color:#fff}
.iv6-chip.k-error b{color:#C62828}.iv6-chip.k-error[aria-pressed="true"] b{color:#fff}
.iv6-act{display:inline-block;padding:1px 8px;border-radius:10px;font-size:12px;font-weight:700}
.iv6-act.a-new{background:#E3F4E8;color:#1B6B34}.iv6-act.a-update{background:#E4EEF9;color:#1F4E79}.iv6-act.a-same{background:var(--panel2,#f1f1f1);color:var(--muted)}.iv6-act.a-error{background:#FDE7E7;color:#B42318}
.iv6-t tr.a-error td{background:rgba(255,59,48,.04)}
.iv6-go{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin-top:10px}
.iv6-done{border-left:4px solid #1B6B34}
.iv6-pp{display:flex;flex-wrap:wrap;align-items:flex-end;gap:8px 12px;margin:8px 0}
.iv6-pp>span{width:100%;font-weight:600;font-size:13px}
.iv6-ppl{display:flex;flex-direction:column;gap:3px;font-size:13px;min-width:120px}
.iv6-ppl input{width:120px}
@media (max-width:700px){.iv6-btns .btn,.iv6-btns .ghost{flex:1 1 100%}.iv6-ppl{flex:1 1 45%}.iv6-ppl input{width:100%}}
.iv6-file{max-width:max-content;width:auto}
@media (max-width:700px){.iv6-file{max-width:none;width:100%;justify-content:center}}

/* ===================== v2.67.0 · linked POS items ===================== */
.lk7-note{display:flex;flex-direction:column;gap:2px;padding:10px 12px;border-radius:10px;background:#E4EEF9;color:#1F3A5A;font-size:13px;line-height:1.4}
.lk7-note b{font-size:14px}
#posMiF input[readonly]{background:var(--panel2,#f2f2f2);color:var(--muted)}

/* ===================== v2.68.0 · control pages ===================== */
.c8{display:grid;gap:12px;max-width:1200px}
.c8-bar{display:flex;flex-wrap:wrap;align-items:center;gap:8px}
.c8-bar select,.c8-bar input[type=search]{min-width:0}
.c8-tabs{display:inline-flex;background:var(--panel2,#eef0f3);border-radius:10px;padding:3px;gap:2px}
.c8-tabs button{border:0;background:none;padding:6px 12px;border-radius:8px;font:inherit;font-size:13px;color:var(--text);cursor:pointer}
.c8-tabs button[aria-selected="true"]{background:var(--panel,#fff);font-weight:700;box-shadow:0 1px 2px rgba(0,0,0,.08)}
.c8-bad{color:#B42318!important}.c8-ok{color:#1B6B34!important}
small.c8-bad,small.c8-ok{display:block;font-size:11px}
.c8-note{margin:0;padding:10px 12px;border-radius:10px;background:#E4EEF9;color:#1F3A5A}
.c8-warn{margin:0;padding:8px 12px;border-radius:10px;background:#FFF4E5;color:#8A4B00;font-size:13px}
.c8-go{display:flex;flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:10px;margin-top:10px}
.c8-go .hint{margin-right:auto}
.c8-spot{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:8px;margin:8px 0}
.c8-sr{display:grid;grid-template-columns:1fr 90px auto;align-items:center;gap:8px;padding:8px 10px;border:1px solid var(--line);border-radius:10px;background:var(--panel)}
.c8-sr span{display:flex;flex-direction:column;min-width:0}.c8-sr small{color:var(--muted);font-size:11px}.c8-sr em{font-style:normal;color:var(--muted);font-size:12px}
.c8-sr input{width:90px;text-align:right;font-size:16px}
.c8-pick{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:4px 12px;max-height:420px;overflow:auto;margin-top:8px}
.c8-pk{display:flex;gap:6px;align-items:center;font-size:13px}
.c8-res h3{margin-top:0}
.c8-det td{background:var(--panel2,#f6f7f9)}
.c8-st{display:inline-block;padding:2px 8px;border-radius:10px;font-size:12px;font-weight:600;background:#FDE7E7;color:#B42318;margin:1px 0}
.c8-st.s-used,.c8-st.s-ok{background:#E3F4E8;color:#1B6B34}.c8-st.s-open{background:#E4EEF9;color:#1F4E79}.c8-st.s-void{background:var(--panel2,#eee);color:var(--muted)}
.c8-st.s-khqr,.c8-st.s-card{background:#FFF4E5;color:#8A4B00}
.c8-rd ul{margin:6px 0;padding-left:18px}.c8-rd .c8-bar{margin-top:8px}
.c8-void{margin-top:8px;color:#B42318}
.c8-rl select,.c8-rl input{width:100%}
.c8-tiles{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
.c8-tile{background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:10px 12px;display:flex;flex-direction:column;gap:2px}
.c8-tile b{font-size:20px}.c8-tile span{font-size:12px;color:var(--muted)}
.c8-tile.bad{border-color:#F3B4AE;background:#FFF5F4}.c8-tile.bad b{color:#B42318}.c8-tile.warn b{color:#8A4B00}.c8-tile.ok b{color:#1B6B34}
.c8-flag td{background:rgba(255,149,0,.05)}
.c8-chart{margin:0}.c8-chart figcaption{font-weight:600;margin-bottom:6px;font-size:13px}
.c8-chart svg{display:block;overflow:visible}
.c8-bg{fill:#1F4E79}.c8-bl{fill:#C62828}.c8-zero{stroke:var(--line,#ccc);stroke-width:1;vector-effect:non-scaling-stroke}.c8-min{stroke:#C62828;stroke-dasharray:4 3;stroke-width:1;vector-effect:non-scaling-stroke}
.c8-ax{font-size:9px;fill:var(--muted,#777)}
.c8-fct td,.c8-fct th{white-space:nowrap;font-variant-numeric:tabular-nums}.c8-fct td:first-child,.c8-opl td:first-child{position:sticky;left:0;background:var(--panel);z-index:1;white-space:nowrap}
.c8-b td{font-weight:700}.c8-net td{border-top:2px solid var(--line)}
.c8-opl td,.c8-opl th{white-space:nowrap;font-variant-numeric:tabular-nums}.c8-opl small{color:var(--muted)}
.c8-man{display:grid;grid-template-columns:150px 1fr 140px auto;gap:6px;margin:4px 0}
.c8-set h3{margin-top:0}
.c268-open{margin:6px 0;padding:8px 10px;border-radius:10px;background:#FFF4E5;font-size:13px}
@media (max-width:700px){.c8-tiles{grid-template-columns:repeat(2,minmax(0,1fr))}.c8-spot{grid-template-columns:1fr}.c8-sr{grid-template-columns:1fr 80px auto}.c8-sr input{width:80px}
  .c8-man{grid-template-columns:1fr 1fr}.c8-fcw table,.c8-oplw table{display:table}.c8-fcw thead,.c8-oplw thead{display:table-header-group}.c8-fcw tr,.c8-oplw tr{display:table-row}.c8-fcw td,.c8-fcw th,.c8-oplw td,.c8-oplw th{display:table-cell}.c8-fcw td::before,.c8-oplw td::before{content:none!important}}
.c8-cols{position:relative;display:grid;grid-template-columns:repeat(13,minmax(0,1fr));gap:6px;height:180px;align-items:end}
.c8-col{display:flex;flex-direction:column;align-items:stretch;height:100%;min-width:0}
.c8-colv{flex:1;display:flex;align-items:flex-end;height:86%}
.c8-colb{display:block;width:100%;background:#1F4E79;border-radius:4px 4px 0 0}.c8-colb.low{background:#C62828}.c8-colb.neg{background:#C62828;opacity:.7}
.c8-col small{font-size:10px;color:var(--muted);text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;height:22px;line-height:22px}
.c8-minl{position:absolute;left:0;right:0;border-top:1.5px dashed #C62828;pointer-events:none}
@media (max-width:700px){.c8-cols{gap:2px;height:150px}.c8-col small{font-size:8px}}

/* ===================== v2.68.1 · employee search in HR forms ===================== */
.hr268{display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px;margin:4px 0 6px}
.hr268-q{flex:1 1 200px;min-width:0}
.hr268-o{font-size:12px;color:var(--muted);white-space:nowrap}
.hr268-all{display:inline-flex;align-items:center;gap:4px;font-size:12px;font-weight:500;white-space:nowrap}
.hrmodal .hr268 + select{width:100%}

/* ===================== v2.69.2 · welcome poster ===================== */
.wp269{z-index:4000}
.wp269 .wp-card{max-width:980px;width:calc(100vw - 32px)}
.wp-body{display:grid;grid-template-columns:minmax(0,420px) 1fr;gap:18px;padding:14px 18px 18px;align-items:start}
.wp-cv{width:100%;height:auto;border-radius:10px;box-shadow:0 2px 12px rgba(0,0,0,.18);background:#eee}
.wp-side{display:flex;flex-direction:column;gap:12px}.wp-side label{display:flex;flex-direction:column;gap:4px;font-size:13px;font-weight:600}.wp-side label.inline{flex-direction:row;align-items:center;gap:8px;font-weight:500}
.wp-side textarea{font:inherit;font-weight:400}
.wp-btns{display:flex;flex-wrap:wrap;gap:8px}.wp-tg{background:#229ED9!important;border-color:#229ED9!important;color:#fff!important}
.wp-warn{margin:0;padding:8px 10px;border-radius:8px;background:#FFF4E5;color:#8A4B00;font-size:13px}
@media (max-width:760px){.wp-body{grid-template-columns:1fr}.wp-cv{max-width:420px;margin:0 auto}}
.hr268-all{display:inline-flex!important;flex-direction:row!important;align-items:center}

/* ===================== v2.69.3 · iPhone safe area for full-screen panels, save sheet ===================== */
@media (max-width:720px){.modal.mkmodal{padding-top:env(safe-area-inset-top,0px)}.modal.mkmodal>.mkm{min-height:calc(100% - env(safe-area-inset-top,0px))}
  .modal:not(.mkmodal){padding-top:max(16px,env(safe-area-inset-top,0px))}}
.osdl{position:fixed;inset:0;z-index:9000;background:rgba(0,0,0,.55);display:flex;align-items:flex-end;justify-content:center;padding:env(safe-area-inset-top,0px) 0 0}
.osdl-card{width:100%;max-width:520px;max-height:100%;overflow:auto;background:var(--panel,#fff);color:var(--text,#111);border-radius:18px 18px 0 0;padding:14px 16px calc(16px + env(safe-area-inset-bottom,0px));display:flex;flex-direction:column;gap:10px}
.osdl-h{display:flex;align-items:center;gap:10px}.osdl-h b{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.osdl-x{width:40px;height:40px;border-radius:20px;border:0;background:var(--panel2,#eee);font-size:18px;color:inherit}
.osdl-img{width:100%;max-height:60vh;object-fit:contain;border-radius:10px;background:#f3f3f3;-webkit-touch-callout:default}
.osdl-hint{margin:0;font-size:14px;color:var(--muted,#666)}
.osdl-go{height:48px;border:0;border-radius:12px;background:#1f6fd1;color:#fff;font:600 16px system-ui}
.osdl-open{height:44px;border:0;border-radius:12px;background:var(--panel2,#eee);color:inherit;font:600 15px system-ui}

/* v2.69.4 */
li.rq198-t[data-rq198id]{cursor:pointer}li.rq198-t[data-rq198id]:focus-visible{outline:2px solid #5b9cff;outline-offset:2px}
li.rq198-t[data-rq198id] .rq198-top::after{content:"›";margin-left:auto;align-self:center;font-size:26px;line-height:1;opacity:.45;padding-left:6px}

/* v2.69.5 · Head Office daily report */
.hd269nav{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:0 0 12px}
.hd269date{position:relative;display:inline-flex;align-items:baseline;gap:6px;padding:6px 12px;border:1px solid var(--line,#d9dee7);border-radius:10px;cursor:pointer;background:var(--card,#fff)}
.hd269date span{color:var(--muted,#5e6c84);font-size:13px}.hd269date input{position:absolute;inset:0;opacity:0;width:100%;cursor:pointer}
.hd269sum{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:0 0 12px}
.hd269big{background:var(--card,#fff);border:1px solid var(--line,#e3e7ee);border-radius:12px;padding:10px 14px}
.hd269big b{display:block;font-size:26px;line-height:1.1}.hd269big b span{font-size:15px;color:var(--muted,#5e6c84);font-weight:600}.hd269big em{font-style:normal;color:var(--muted,#5e6c84);font-size:13px}
.hd269bar{display:flex;gap:10px;align-items:center;justify-content:space-between;flex-wrap:wrap;margin:0 0 10px}
.hd269chips{display:flex;gap:6px;flex-wrap:wrap}.hd269tools{display:flex;gap:6px;align-items:center}
.hd269chip{border:1px solid var(--line,#d9dee7);background:var(--card,#fff);border-radius:999px;padding:5px 11px;font-size:13px;cursor:pointer;color:inherit;white-space:nowrap}
.hd269chip b{margin-left:3px}.hd269chip.bad b{color:#dc2626}.hd269chip[aria-pressed="true"]{background:#1f2a44;color:#fff;border-color:#1f2a44}.hd269chip[aria-pressed="true"] b{color:#fff}
.hd269t{border:1px solid var(--line,#e3e7ee);border-radius:12px;overflow:hidden;background:var(--card,#fff)}
.hd269tr{display:grid;grid-template-columns:minmax(150px,1.5fr) minmax(96px,.9fr) 104px 52px 92px 48px minmax(120px,1.3fr) minmax(140px,1.5fr);gap:10px;align-items:center;width:100%;padding:9px 12px;border:0;border-top:1px solid var(--line,#eef1f5);background:none;text-align:left;font:inherit;color:inherit;cursor:pointer}
.hd269th{font-size:12px;font-weight:700;color:var(--muted,#5e6c84);cursor:default;border-top:0;background:var(--soft,#f6f8fb)}
button.hd269tr:hover{background:var(--soft,#f6f8fb)}button.hd269tr.flag{box-shadow:inset 3px 0 0 #dc2626}.hd269tr.isoff,.hd269card.isoff{opacity:.55}
.hd269tr>span{min-width:0;display:flex;align-items:center;gap:6px;flex-wrap:wrap}
.hd269nm{display:flex;flex-direction:column;min-width:0}.hd269nm em{font-style:normal;font-size:12px;color:var(--muted,#5e6c84)}
.hd269clip{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:13px}
.hd269ok{color:#16a34a;font-weight:600}.hd269st.off{color:var(--muted,#5e6c84)}.hd269io{font-variant-numeric:tabular-nums}
.hd269dots{display:inline-flex;gap:3px}.hd269dots i{width:10px;height:10px;border-radius:50%;border:2px solid #94a3b8;display:inline-block}.hd269dots i.on{background:#16a34a;border-color:#16a34a}.hd269dots i.late{border-color:#dc2626}
.hd269cards{display:none}
.hd269card{display:flex;flex-direction:column;gap:8px;width:100%;text-align:left;font:inherit;color:inherit;background:var(--card,#fff);border:1px solid var(--line,#e3e7ee);border-radius:14px;padding:12px 14px;cursor:pointer}
.hd269card.flag{border-left:4px solid #dc2626}.hd269ch{display:flex;align-items:center;gap:8px}.hd269cw{margin-left:auto;font-size:13px;white-space:nowrap}
.hd269cs{display:flex;flex-wrap:wrap;gap:6px 14px;font-size:13px}.hd269cs>span{display:inline-flex;align-items:center;gap:4px}
.hd269cl{font-size:13px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.hd269ms{margin:0 0 14px}.hd269ms h3{font-size:15px;margin:0 0 6px}.hd269ms ul{margin:0;padding-left:18px}.hd269ms li{margin:3px 0}.hd269note{white-space:pre-wrap;background:#fef2f2;border-radius:8px;padding:8px 10px;margin:0 0 6px}
@media (max-width:720px){
  .hd269t{display:none}.hd269cards{display:flex;flex-direction:column;gap:8px}
  .hd269sum{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.hd269big{padding:8px 12px}.hd269big b{font-size:22px}
  .hd269chips{flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch;margin:0 -16px;padding:0 16px 4px;width:calc(100% + 32px)}
  .hd269bar{flex-direction:column;align-items:stretch}.hd269tools select{flex:1}
}
body.hd269on .wrap>section.stats,body.hd269on .wrap>.toolbar{display:none!important}
.hd269,.hd269 *{text-transform:none;letter-spacing:normal}
.hd269m .mkm{display:flex;flex-direction:column;max-height:calc(100vh - 48px);overflow:hidden}.hd269m .mkmb{flex:1 1 auto;min-height:0;overflow-y:auto;-webkit-overflow-scrolling:touch}.hd269m .mkmf{flex:0 0 auto}
@media (max-width:720px){.hd269m .mkm{max-height:none}}

/* v2.69.6 · request drawer below the iPhone clock bar; close button always reachable */
.rqd-dw .rqd-dwp{padding-top:calc(env(safe-area-inset-top,0px) + 12px);padding-bottom:calc(env(safe-area-inset-bottom,0px) + 60px)}
.rqd-dw .rqd-dwh{position:sticky;top:calc(-12px - env(safe-area-inset-top,0px));z-index:2;background:var(--bg,var(--panel));margin:calc(-12px - env(safe-area-inset-top,0px)) -14px 10px;padding:calc(12px + env(safe-area-inset-top,0px)) 14px 8px}
.rqd-dw .rqd-x{width:44px;height:44px;font-size:18px}

/* v2.69.7 · keep panels below the iPhone clock bar (the app adds these classes only when something tappable is under it) */
:root{--os270st:env(safe-area-inset-top,0px)}
.os270s{padding-top:calc(var(--os270st) + var(--os270o,0px))!important}
.os270t{top:calc(var(--os270st) + var(--os270o,0px))!important}
.os270k{top:calc(var(--os270st) + var(--os270o,0px))!important}
.os270m{margin-top:calc(var(--os270st) + var(--os270o,0px))!important}
/* the two report drawers: space for the clock bar from the start */
.dk-dw,.rqd-dw{padding-top:var(--os270st)}
.rqd-dw .rqd-dwp{padding-top:12px}.rqd-dw .rqd-dwh{top:-12px;margin:-12px -14px 10px;padding:12px 14px 8px}

/* v2.69.8 · Today report person panel */
.hd8 .mkm{width:min(860px,96vw);max-width:none}
.hd8h{align-items:flex-start;gap:12px}
.hd8 .mkmh .hd8who{display:flex!important;flex-direction:row;gap:12px;align-items:center;min-width:0}
.hd8who>:first-child{transform:scale(1.35);transform-origin:left center;margin-right:8px}
.hd8who .av,.hd8who img,.hd8who>span:first-child{flex:0 0 auto}
.hd8who h2{margin:0;font-size:20px;line-height:1.2}
.hd8who p{margin:2px 0 0;color:var(--muted,#5e6c84);font-size:13px}
.hd8pills{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}
.hd8pill{display:inline-flex;align-items:center;gap:4px;font-size:12px;font-weight:600;padding:3px 9px;border-radius:999px;background:#eef1f5;color:#334155}
.hd8pill.good{background:#e7f6ec;color:#15803d}.hd8pill.bad{background:#fdeaea;color:#b91c1c}.hd8pill.mute{background:#eef1f5;color:#64748b}
.hd8b{display:flex;flex-direction:column;gap:12px;background:var(--soft,#f5f7fa)}
.hd8kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
.hd8k{background:var(--card,#fff);border:1px solid var(--line,#e5e9f0);border-radius:12px;padding:8px 10px;text-align:center}
.hd8k b{display:block;font-size:22px;line-height:1.1;font-variant-numeric:tabular-nums}.hd8k span{font-size:12px;color:var(--muted,#5e6c84)}
.hd8k.good b{color:#15803d}.hd8k.bad b{color:#b91c1c}
.hd8tiles{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;background:var(--line,#e5e9f0);border:1px solid var(--line,#e5e9f0);border-radius:12px;overflow:hidden}
.hd8tile{background:var(--card,#fff);padding:8px 10px}.hd8tile span{display:block;font-size:11px;color:var(--muted,#5e6c84)}.hd8tile b{font-size:15px;font-variant-numeric:tabular-nums;white-space:nowrap}
.hd8tile.bad b{color:#b91c1c}
.hd8grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;align-items:start}
.hd8wide{grid-column:1/-1}
.hd8card{background:var(--card,#fff);border:1px solid var(--line,#e5e9f0);border-radius:14px;padding:10px 12px;min-width:0}
.hd8card header{display:flex;align-items:center;justify-content:space-between;margin:0 0 6px}
.hd8card h3{margin:0;font-size:14px;font-weight:700}
.hd8n{font-size:12px;font-weight:700;background:#eef1f5;color:#475569;border-radius:999px;padding:1px 8px;min-width:22px;text-align:center}
.hd8list{list-style:none;margin:0;padding:0}
.hd8list li+li{border-top:1px solid var(--line,#eef1f5)}
.hd8row{display:flex;align-items:flex-start;gap:9px;width:100%;padding:8px 2px;background:none;border:0;font:inherit;color:inherit;text-align:left;cursor:pointer;border-radius:8px}
div.hd8row{cursor:default}button.hd8row:hover{background:var(--soft,#f5f7fa)}
.hd8ic{flex:0 0 20px;height:20px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-size:11px;font-weight:800;margin-top:1px;background:#eef1f5;color:#475569}
.hd8ic.k-done{background:#e7f6ec;color:#15803d}.hd8ic.k-next{background:#e8f0fe;color:#1d4ed8}.hd8ic.k-top{background:#f3e8ff;color:#7e22ce}.hd8ic.k-late,.hd8ic.k-miss{background:#fdeaea;color:#b91c1c}
.hd8tt{flex:1;min-width:0;font-size:14px;line-height:1.35;font-weight:500;text-decoration:none;color:var(--text,#172b4d);overflow-wrap:anywhere}
.hd8due{flex:0 0 auto;font-size:12px;color:var(--muted,#5e6c84);background:#f1f3f6;border-radius:6px;padding:2px 6px;margin-top:1px;white-space:nowrap}
.hd8due.bad{background:#fdeaea;color:#b91c1c}
.hd8empty{margin:2px 0 4px;font-size:13px;color:var(--muted,#8590a2)}
.hd8note{margin:0 0 4px;color:#7c2d12;white-space:pre-wrap;font-size:14px;line-height:1.45}
.hd8card.k-stuck{border-color:#fed7aa;background:#fff7ed}
@media (max-width:720px){
  .hd8 .mkm{width:100%}
  .hd8grid{grid-template-columns:1fr}
  .hd8tiles{grid-template-columns:repeat(2,minmax(0,1fr))}
  .hd8kpis{gap:6px}.hd8k{padding:7px 4px}.hd8k b{font-size:19px}
  .hd8who h2{font-size:18px}
}

/* v2.70.0 · daily close: lady pay & barfine */
.lp7bar{display:flex;flex-wrap:wrap;gap:10px 18px;align-items:center;justify-content:space-between;margin:4px 0 10px}
.lp7mode{display:flex;align-items:center;gap:8px;font-size:14px}.lp7mode .seg button{padding:6px 12px}
.lp7sum{display:flex;flex-wrap:wrap;gap:6px}.lp7sum span{background:var(--card,#fff);border:1px solid var(--line,#e5e9f0);border-radius:999px;padding:4px 11px;font-size:13px;color:var(--muted,#5e6c84)}
.lp7sum span b{color:var(--text,#172b4d);margin-right:3px}.lp7sum span.warn{border-color:#f5c26b;background:#fff8eb}
.lp7cl td small{display:block;font-size:11.5px;color:var(--muted,#5e6c84)}
.lp7cell{display:flex;flex-direction:column;align-items:flex-start;background:none;border:0;padding:0;font:inherit;color:inherit;cursor:pointer;text-align:left}
.lp7cell:hover b{text-decoration:underline}
.lp7send{margin:4px 0 2px;white-space:nowrap}
.lp7c{display:inline-block;margin:3px 4px 0 0;font-size:11.5px;font-weight:600;padding:2px 8px;border-radius:999px;background:#eef1f5;color:#475569;white-space:nowrap}
.lp7c.ok{background:#e7f6ec;color:#15803d}.lp7c.wait{background:#fff4dc;color:#a15c00}.lp7c.bad{background:#fdeaea;color:#b91c1c}.lp7c.mute{background:#eef1f5;color:#64748b}
.lp7chk{font:inherit;font-size:12.5px;padding:5px 10px;border-radius:8px;border:1px solid var(--line,#d9dee7);background:var(--card,#fff);cursor:pointer;white-space:nowrap}
.lp7chk.on{background:#e7f6ec;border-color:#b7e2c4;color:#15803d;font-weight:600}
tr.lp7ck td{background:color-mix(in srgb,#16a34a 4%,transparent)}
.lp7m .mkm{width:min(760px,96vw)}.lp7t td small{font-size:12px}.lp7done td{color:var(--muted,#5e6c84)}
.lp7req{margin:0;padding-left:18px}.lp7req li{margin:4px 0}.lp7note{display:block;margin-top:12px}.lp7note input{width:100%;margin-top:4px}
.bf7{margin:0 0 14px}.bf7h{display:flex;gap:12px;justify-content:space-between;align-items:flex-start}.bf7h h3{margin:0 0 4px}
.bf7l{list-style:none;margin:8px 0 0;padding:0}.bf7r{display:flex;flex-wrap:wrap;gap:8px 12px;align-items:center;justify-content:space-between;padding:10px 0;border-top:1px solid var(--line,#eef1f5)}
.bf7i{display:flex;flex-direction:column;min-width:0}.bf7i span{font-size:13px;color:var(--muted,#5e6c84)}.bf7i em{font-size:12px;font-style:normal}
.bf7b,.bf7rj{display:flex;gap:6px;align-items:center;flex-wrap:wrap}.bf7rj input{min-width:220px}
.bf7d summary{cursor:pointer;margin-top:10px;font-size:13px;color:var(--muted,#5e6c84)}
@media (max-width:720px){.lp7bar{flex-direction:column;align-items:stretch}.bf7h{flex-direction:column}.bf7rj input{min-width:0;flex:1}}
.lp7cl td[data-l="Night"]{white-space:nowrap}

.lp7cards{display:none}
@media (max-width:720px){
  .lp7cl,.lp7cl+*{}.tablewrap:has(> .lp7cl){display:none}
  .lp7cards{display:flex;flex-direction:column;gap:8px}
  .lp7card{background:var(--card,#fff);border:1px solid var(--line,#e5e9f0);border-radius:14px;padding:10px 12px}
  .lp7card.flag{border-left:4px solid #f59e0b}.lp7card.done{border-left:4px solid #16a34a}
  .lp7card header{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:6px}.lp7card header b{font-size:15px}
  .lp7nums{display:flex;flex-wrap:wrap;gap:4px 14px;font-size:13px}.lp7nums em{font-style:normal;color:var(--muted,#5e6c84);margin-right:4px}.lp7nums i{font-style:normal}
  .lp7flags{display:flex;flex-wrap:wrap;gap:4px;margin-top:6px}
  .lp7act{display:flex;flex-wrap:wrap;gap:8px 16px;align-items:flex-start;margin-top:8px;padding-top:8px;border-top:1px solid var(--line,#eef1f5)}
  .lp7lady{display:flex;flex-wrap:wrap;align-items:center;gap:4px 8px}.lp7lady .lp7cell{flex-direction:row;gap:6px;align-items:baseline}.lp7bfm{display:flex;flex-wrap:wrap;gap:4px;align-items:center}
}
.lp7card,.lp7card *{text-transform:none;letter-spacing:normal}
@media (max-width:720px){.lp7lady .lp7cell b{font-size:15px}.lp7lady .lp7cell small{font-size:12.5px}.lp7c{font-size:12px}}

/* v2.71.0 · Lady pay sheet */
.ls7h h2{margin:0 0 4px}.ls7bar{display:flex;flex-wrap:wrap;gap:8px 12px;align-items:flex-end;margin:10px 0}.ls7bar label{display:flex;flex-direction:column;font-size:12px;color:var(--muted,#5e6c84);gap:3px}
.ls7w{overflow-x:auto;border:1px solid var(--line,#d9dee7);border-radius:10px;background:var(--card,#fff)}
.ls7t{border-collapse:collapse;width:100%;font-size:13px;font-variant-numeric:tabular-nums}
.ls7t th,.ls7t td{border:1px solid var(--line,#e3e7ee);padding:5px 7px;white-space:nowrap}.ls7t th{background:#eef1f7;font-size:11.5px;font-weight:700;color:#334155}
.ls7t th.g-ld{background:#e8eefc}.ls7t th.g-lc{background:#fbe9f1}.ls7t th.g-ac{background:#fff3df}
.ls7t td.r,.ls7t th.r{text-align:right}.ls7t td.b{font-weight:700}.ls7t td.z{color:#cbd2dc}.ls7t tfoot td{background:#f6f8fb;font-weight:700}
.ls7t .ls7nm{position:sticky;left:0;background:var(--card,#fff);z-index:1;min-width:150px}.ls7t th.ls7nm{background:#eef1f7}.ls7t td.ls7nm small{display:block;font-size:11px;font-weight:400}
.ls7t tr.ls7off td{opacity:.4;text-decoration:line-through}.ls7pk{text-align:center}
.ls7sum{display:flex;flex-wrap:wrap;gap:6px 18px;align-items:baseline;justify-content:flex-end;margin:10px 2px;font-size:14px}.ls7sum b{font-size:16px}
.ls7go{display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end;margin:8px 0 4px}.ls7go input{flex:1;min-width:200px;max-width:420px}
.ls7lh{margin:22px 0 6px;font-size:15px}.ls7list{list-style:none;margin:0;padding:0}.ls7list li{border-top:1px solid var(--line,#eef1f5)}
.ls7list li>button{display:flex;width:100%;justify-content:space-between;gap:10px;align-items:center;padding:9px 4px;background:none;border:0;font:inherit;color:inherit;text-align:left;cursor:pointer}.ls7list li>button:hover{background:var(--soft,#f5f7fa)}
.ls7list li span{display:flex;flex-direction:column}.ls7list li span.r{align-items:flex-end}.ls7list small{font-size:12px;color:var(--muted,#5e6c84)}
.ls7m .mkm{width:min(1100px,97vw)}.ls7log summary{cursor:pointer;margin-top:10px;font-size:13px;color:var(--muted,#5e6c84)}.ls7log ul{margin:6px 0 0;padding-left:18px;font-size:13px}
.ls7fin{margin:0 0 12px}.ls7fin h3{margin:0 0 4px}
@media (max-width:720px){.ls7t{font-size:12px}.ls7t th,.ls7t td{padding:4px 5px}.ls7t .ls7nm{min-width:110px}.ls7sum{justify-content:flex-start}.ls7go input{max-width:none}}
/* the sheet always looks like paper (light), also in the dark POS */
.ls7w{background:#fff;border-color:#d9dee7;color:#172b4d}.ls7t td{background:#fff;color:#172b4d;border-color:#e3e7ee}.ls7t th{color:#334155;border-color:#d9dee7}
.ls7t td.z{color:#cbd2dc}.ls7t tfoot td{background:#eef1f7;color:#172b4d}.ls7t .ls7nm{background:#fff}.ls7t th.ls7nm{background:#eef1f7}.ls7t td.ls7nm small.hint{color:#64748b}
/* v2.71.1 · lady pay: summary cards, per-lady rows, line detail */
.ls7cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:4px 0 10px}
.ls7card{background:#fff;color:#172b4d;border:1px solid #e3e7ee;border-radius:12px;padding:9px 12px;display:flex;flex-direction:column}
.ls7card span{font-size:12px;color:#5e6c84}.ls7card b{font-size:22px;line-height:1.15}.ls7card em{font-style:normal;font-size:13px;color:#334155;font-weight:600}
.ls7card.k-ld{border-top:3px solid #3b6fd8}.ls7card.k-lc{border-top:3px solid #d0457c}.ls7card.k-ac{border-top:3px solid #e08a12}.ls7card.k-t{border-top:3px solid #16a34a;background:#f3fbf5}
.ls7t th.g-t{background:#e7f6ec}.ls7t td.m{color:#334155}.ls7t td.ls7cd{font-weight:600;color:#475569}
.ls7who{background:none;border:0;padding:0;font:inherit;color:#172b4d;cursor:pointer;display:inline-flex;gap:6px;align-items:baseline;text-align:left}.ls7who span{color:#94a3b8;font-size:11px}.ls7who:hover b{text-decoration:underline}
.ls7t td.ls7nm small{display:block;font-size:11px;color:#64748b;font-weight:400}
.ls7t tr.open>td{background:#f6f9ff}.ls7det>td{background:#f8fafc;padding:6px 10px 10px}
.ls7dt{width:100%;border-collapse:collapse;font-size:12px}.ls7dt th,.ls7dt td{border:0;border-bottom:1px solid #e9edf2;padding:4px 6px;background:transparent;white-space:nowrap}.ls7dt th{color:#64748b;font-weight:600;background:transparent}.ls7dt td.r,.ls7dt th.r{text-align:right}.ls7dsp td{color:#94a3b8}
.ls7ty{font-size:11px;font-weight:600;padding:1px 7px;border-radius:999px}.ls7ty.t-ld{background:#e8eefc;color:#2546a8}.ls7ty.t-lc{background:#fbe9f1;color:#a3245a}.ls7ty.t-ac{background:#fff3df;color:#9a5a00}
.ls7tip,.ls7rate{margin:6px 2px}
@media (max-width:720px){.ls7cards{grid-template-columns:repeat(2,minmax(0,1fr))}.ls7card b{font-size:19px}}
.ls7ml{display:none}
@media (max-width:720px){
  .ls7w{display:none}.ls7ml{display:flex;flex-direction:column;gap:8px}
  .ls7mc{background:#fff;color:#172b4d;border:1px solid #e3e7ee;border-radius:14px;padding:10px 12px}
  .ls7mc header{display:flex;align-items:center;gap:8px}.ls7mc header .ls7who{flex:1;min-width:0;flex-wrap:wrap}.ls7mcd{font-size:12px;font-weight:700;color:#475569;background:#eef1f5;border-radius:6px;padding:1px 6px}
  .ls7mc header strong{display:flex;flex-direction:column;align-items:flex-end;font-size:16px}.ls7mc header strong small{font-size:11.5px;color:#64748b;font-weight:600}
  .ls7mts{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}.ls7mt{display:flex;align-items:baseline;gap:5px;border-radius:10px;padding:4px 9px;font-size:13px}.ls7mt em{font-style:normal;font-size:11.5px}.ls7mt i{font-style:normal;font-weight:600}
  .ls7mt.t-ld{background:#e8eefc;color:#2546a8}.ls7mt.t-lc{background:#fbe9f1;color:#a3245a}.ls7mt.t-ac{background:#fff3df;color:#9a5a00}
  .ls7mmeta{margin:6px 0 0;font-size:12px;color:#64748b}
  .ls7ml-l{list-style:none;margin:8px 0 0;padding:0;border-top:1px solid #eef1f5}.ls7ml-l li{display:flex;justify-content:space-between;gap:10px;padding:7px 0;border-bottom:1px solid #f1f3f6;font-size:13px}.ls7ml-l small{display:block;font-size:11.5px;color:#64748b}.ls7ml-l .r{text-align:right;display:flex;flex-direction:column;align-items:flex-end;gap:2px;white-space:nowrap}
  .ls7mtot{display:flex;align-items:baseline;gap:8px;justify-content:flex-end;background:#f3fbf5;border:1px solid #cfe9d7;border-radius:12px;padding:10px 12px;color:#172b4d}.ls7mtot b{font-size:18px}.ls7mtot small{color:#64748b}
  .ls7mc.ls7off{opacity:.5}
}

/* v2.72.0 · list filters */
.mf272{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin:0 0 12px}
.mf272t{display:inline-flex;flex-wrap:wrap;gap:4px;padding:3px;border-radius:12px;background:color-mix(in srgb,var(--text,#172b4d) 6%,transparent)}
.mf272t button{appearance:none;border:0;background:none;color:var(--muted,#5e6c84);font:inherit;font-size:13.5px;font-weight:600;padding:6px 12px;border-radius:9px;cursor:pointer;white-space:nowrap}
.mf272t button i{font-style:normal;font-weight:500;opacity:.7;margin-left:2px}
.mf272t button[aria-pressed="true"]{background:var(--panel,#fff);color:var(--text,#172b4d);box-shadow:0 1px 3px rgba(0,0,0,.14)}
.mf272 select,.mf272 input[type=search]{font:inherit;font-size:14px;min-height:38px;border:1px solid var(--line,#d9dee7);border-radius:10px;padding:0 10px;background:var(--panel,#fff);color:var(--text,#172b4d);max-width:100%}
.mf272 input[type=search]{flex:1;min-width:180px}
@media (max-width:720px){.mf272{gap:6px}.mf272t{width:100%;overflow-x:auto;flex-wrap:nowrap}.mf272 select{flex:1 1 45%;min-width:0}.mf272 input[type=search]{flex:1 1 100%}}
.p184f select#p184s{font:inherit;font-size:14px;min-height:38px;border:1px solid var(--line,#d9dee7);border-radius:10px;padding:0 10px;background:var(--panel,#fff);color:var(--text,#172b4d)}
@media (max-width:720px){.p184f{flex-wrap:wrap}.p184f select{flex:1 1 45%;min-width:0}}

/* v2.73.0 · Tables & areas */
.ta273h{display:flex;justify-content:space-between;gap:12px;align-items:flex-start;flex-wrap:wrap;margin:6px 0 6px}.ta273h h3{margin:0 0 4px}.ta273h select{min-height:40px;border-radius:10px;padding:0 10px;font:inherit}
.ta273sum{margin:4px 0 12px;color:var(--muted,#5e6c84)}.ta273sum b{color:var(--text,#172b4d)}
.ta273g{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:12px}
.ta273c{background:var(--panel,#fff);border:1px solid var(--line,#e3e7ee);border-radius:16px;padding:12px 14px;border-top:4px solid var(--ta,#3b82f6)}
.ta273c.k0{--ta:#3b82f6}.ta273c.k1{--ta:#16a34a}.ta273c.k2{--ta:#f59e0b}.ta273c.k3{--ta:#a855f7}.ta273c.k4{--ta:#ec4899}.ta273c.k5{--ta:#0ea5e9}
.ta273c header{display:flex;align-items:center;gap:8px;margin-bottom:10px}.ta273i{font-size:20px}.ta273n{flex:1;min-width:0;font:inherit;font-weight:700;font-size:16px;border:1px solid transparent;border-radius:8px;padding:4px 6px;background:transparent;color:inherit}.ta273n:hover,.ta273n:focus{border-color:var(--line,#d9dee7);background:var(--bg,#f6f8fb)}
.ta273c header em{font-style:normal;font-size:12.5px;color:var(--muted,#5e6c84);white-space:nowrap}.ta273x{width:32px;height:32px}
.ta273t{display:flex;flex-wrap:wrap;gap:6px;min-height:40px}
.ta273tb{min-width:48px;height:40px;padding:0 10px;border-radius:10px;border:1.5px solid color-mix(in srgb,var(--ta) 45%,transparent);background:color-mix(in srgb,var(--ta) 10%,var(--panel,#fff));color:var(--text,#172b4d);font:inherit;font-weight:700;cursor:pointer}
.ta273tb.on{background:var(--ta);color:#fff;border-color:var(--ta)}
.ta273mv{display:flex;flex-wrap:wrap;gap:6px;align-items:center;margin-top:10px;padding:8px;background:var(--bg,#f6f8fb);border-radius:10px;font-size:13px}
.ta273add{display:flex;gap:6px;margin-top:10px}.ta273add input{flex:1;min-width:0;min-height:38px;border:1px solid var(--line,#d9dee7);border-radius:10px;padding:0 10px;font:inherit}
.ta273f{display:flex;gap:8px;align-items:center;margin-top:14px}.ta273f .sp{flex:1}
/* lady sharing ticks */
.p273l{display:flex;flex-wrap:wrap;gap:8px;margin:8px 0}.p273o{display:inline-flex;align-items:center;gap:8px;border:1.5px solid var(--line,#d9dee7);border-radius:12px;padding:8px 12px;cursor:pointer;font-weight:600;background:var(--panel,#fff)}
.p273o.on{border-color:#2563eb;background:#eef4ff;color:#1d4ed8}.p273o input{width:18px;height:18px}
@media (max-width:720px){.ta273g{grid-template-columns:1fr}.ta273h select{width:100%}}

/* v2.74 cost % */
.cp274{border:1px solid var(--line);border-radius:12px;padding:12px 14px;margin:0 0 14px;background:var(--panel2)}
.cp274 h4{margin:0 0 4px;font-size:15px}.cp274 .hint{margin:0 0 8px}
.cp274r{display:flex;align-items:flex-end;gap:12px;flex-wrap:wrap}.cp274r label{display:flex;flex-direction:column;gap:4px;font-size:13px}
.cp274r input{width:110px;font-size:16px}.cp274e{font-size:13px;color:var(--muted);padding-bottom:10px}
.cp274a{display:flex;gap:8px;align-items:flex-start;margin:10px 0 0;font-size:13px}
.cp274b{display:flex;gap:8px;margin-top:10px;flex-wrap:wrap}.cp274o{margin:10px 0 0!important;font-size:12px}
.fzchip.cp274c{background:color-mix(in srgb,var(--accent,#2b7) 14%,transparent)}

/* v2.75 */
.wz275{margin-top:8px}.wz275 label{max-width:520px}
.po275w{margin:10px 0 0;padding:8px 12px;border-radius:10px;background:var(--panel2)}
@media (max-width:600px){.postop .px10fs span{display:none}.postop .px10fs{padding-inline:12px}}

/* v2.77 quick categories */
.poscats .vc277{position:relative}
.poscats .vc277 .vc277i{display:inline-grid;place-items:center;font-size:18px}
.poscats .hh277 .vc277i{background:#f6c343!important;color:#5a3d00}
.poscats .sd277 .vc277i{background:#f3a6c8!important;color:#5a0f33}
.poscats .vc277 .vc277n{font-style:normal;font-size:11px;font-weight:700;margin-left:auto;padding:1px 7px;border-radius:999px;background:color-mix(in srgb,var(--text) 12%,transparent)}

/* v2.78 promotion item search: hidden rows really hide */
#posPromoF .pr143l label[hidden]{display:none!important}
#pr278e{margin:4px 0 0}

/* v2.79 per-outlet badges */
.l279b,.th279b{display:flex;flex-wrap:wrap;gap:6px 12px;align-items:baseline;margin:10px 0 14px;padding:10px 14px;border-radius:12px;font-size:13.5px;border:1px solid var(--line)}
.th279b{font-size:13px;margin:0 0 12px}
.l279b.bar,.th279b.bar{background:color-mix(in srgb,#8b5cf6 14%,transparent)}
.l279b.rest,.th279b.rest{background:color-mix(in srgb,#2f9e5b 14%,transparent)}
.ta279o{font-size:15px;padding:6px 12px;border-radius:999px;border:1px solid var(--line)}
.hr279 input{max-width:130px}

/* ===================== v2.80 · Windows 11 style for the POS Dashboard and its settings ===================== */
body[data-p279]{--w-font:"Segoe UI Variable Text","Segoe UI",system-ui,-apple-system,"Helvetica Neue",Arial,sans-serif}
body[data-p279="all"],body[data-p279="rest"]{--w-bg:#f3f3f3;--w-card:#fbfbfb;--w-card2:#f5f5f5;--w-stroke:#e5e5e5;--w-text:#1b1b1b;--w-sub:#616161;--w-ctrl:#ffffff;--w-ctrlb:#d6d6d6;--w-ctrlbb:#8a8a8a;--w-hover:rgba(0,0,0,.04);--w-sel:rgba(0,0,0,.06);--w-shadow:0 1px 2px rgba(0,0,0,.05);color-scheme:light}
body[data-p279="all"]{--w-acc:#005fb8;--w-on:#ffffff;--w-accsoft:rgba(0,95,184,.10)}
body[data-p279="rest"]{--w-acc:#107c41;--w-on:#ffffff;--w-accsoft:rgba(16,124,65,.10)}
body[data-p279="bar"]{--w-bg:#1c1c1c;--w-card:#2b2b2b;--w-card2:#323232;--w-stroke:#3a3a3a;--w-text:#ffffff;--w-sub:#c5c5c5;--w-ctrl:#2d2d2d;--w-ctrlb:#3f3f3f;--w-ctrlbb:#9e9e9e;--w-hover:rgba(255,255,255,.05);--w-sel:rgba(255,255,255,.08);--w-shadow:0 1px 2px rgba(0,0,0,.3);--w-acc:#b39dff;--w-on:#1a1033;--w-accsoft:rgba(179,157,255,.16);color-scheme:dark}
/* the app's own colours follow */
body[data-p279]{--panel:var(--w-card);--panel2:var(--w-card2);--text:var(--w-text);--muted:var(--w-sub);--line:var(--w-stroke);--accent:var(--w-acc);--tint:var(--w-acc);--tintSoft:var(--w-accsoft);--fill:var(--w-card2);--brand:var(--w-acc)}
body[data-p279],body[data-p279] #view,body[data-p279] #view .posw{background:var(--w-bg)!important;color:var(--w-text)!important;font-family:var(--w-font)}
body[data-p279] #view :is(input,select,textarea,button){font-family:var(--w-font)}
/* cards */
body[data-p279] #view .possetup :is(section,article,.p233o,.p233k>div,.ta273c,.fz-card,.wzcard,.p233h,.mcard),body[data-p279] #view .p233>header{background:var(--w-card)!important;color:var(--w-text)!important;border:1px solid var(--w-stroke)!important;border-radius:8px!important;box-shadow:var(--w-shadow)!important}
body[data-p279] #view .possetup :is(section,article) :is(section,article){background:transparent!important;border:0!important;box-shadow:none!important;padding-left:0;padding-right:0}
body[data-p279] #view .possetup .w11main>section,body[data-p279] #view .possetup .w11main>div>section{padding:16px 20px;margin:0 0 12px}
/* controls */
body[data-p279] #view .possetup :is(input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file]),select,textarea){background:var(--w-ctrl)!important;color:var(--w-text)!important;border:1px solid var(--w-ctrlb)!important;border-bottom-color:var(--w-ctrlbb)!important;border-radius:4px!important;min-height:34px;box-shadow:none!important;padding:5px 10px}
body[data-p279] #view .possetup :is(input,select,textarea)::placeholder{color:var(--w-sub)!important;opacity:.8}
body[data-p279] #view .possetup :is(input,select,textarea):focus{outline:none!important;border-bottom:2px solid var(--w-acc)!important;padding-bottom:4px}
body[data-p279] #view .possetup :is(input[type=checkbox],input[type=radio]){accent-color:var(--w-acc);width:18px;height:18px}
body[data-p279] #view .possetup :is(.btn,button.btn){background:var(--w-acc)!important;color:var(--w-on)!important;border:1px solid transparent!important;border-radius:4px!important;font-weight:600;box-shadow:none!important}
body[data-p279] #view .possetup :is(.btn,button.btn):hover{filter:brightness(1.06)}
body[data-p279] #view .possetup button.ghost:not(.w11i):not(.w11gh){background:var(--w-ctrl)!important;color:var(--w-text)!important;border:1px solid var(--w-ctrlb)!important;border-radius:4px!important;box-shadow:none!important}
body[data-p279] #view .possetup button.ghost.danger{color:#c42b1c!important}
body[data-p279="bar"] #view .possetup button.ghost.danger{color:#ff99a4!important}
body[data-p279] #view .possetup label.accb,body[data-p279] #view .possetup .accb{background:var(--w-card2)!important;border:1px solid var(--w-stroke)!important;border-radius:4px!important;color:var(--w-text)!important}
body[data-p279] #view .possetup :is(.hint,small,em.hint){color:var(--w-sub)!important}
body[data-p279] #view .possetup :is(h2,h3,h4){color:var(--w-text)!important;font-weight:600;letter-spacing:0}
body[data-p279] #view .possetup table{color:var(--w-text)}
body[data-p279] #view .possetup :is(th){color:var(--w-sub)!important;background:transparent!important;border-color:var(--w-stroke)!important}
body[data-p279] #view .possetup :is(td){border-color:var(--w-stroke)!important}
body[data-p279] #view .possetup tr:hover td{background:var(--w-hover)}
body[data-p279] #view .possetup .p273o{background:var(--w-card2)!important;color:var(--w-text)!important;border:1px solid var(--w-stroke)!important;border-radius:4px!important}
body[data-p279] #view .possetup .p273o.on{border-color:var(--w-acc)!important;background:var(--w-accsoft)!important}
body[data-p279] #view .possetup .p273o span{color:inherit!important}
/* the settings layout: navigation pane + page */
.w11{display:grid;grid-template-columns:268px minmax(0,1fr);gap:28px;align-items:start;margin-top:8px}
.w11nav{position:sticky;top:12px;display:flex;flex-direction:column;gap:10px}
.w11o{display:flex;gap:12px;align-items:center;padding:6px 8px 10px}
.w11o b{display:block;font-size:16px;font-weight:600}.w11o small{display:block;color:var(--w-sub,#666);font-size:12.5px;margin-top:2px}
.w11oi{display:grid;place-items:center;width:44px;height:44px;border-radius:50%;font-size:22px;background:var(--w-accsoft,#eee)}
.w11sel{display:none}
.w11list{display:flex;flex-direction:column;gap:2px}
.w11gh,.w11i{display:flex;align-items:center;gap:12px;width:100%;text-align:left;background:transparent!important;border:0!important;box-shadow:none!important;color:var(--w-text,#1b1b1b)!important;border-radius:4px!important;padding:9px 12px!important;min-height:40px;font-size:14px;cursor:pointer;position:relative}
.w11gh{font-weight:600}
.w11gh:hover,.w11i:hover{background:var(--w-hover)!important}
.w11i{padding-left:22px!important;font-weight:400}
.w11i.on{background:var(--w-sel)!important;font-weight:600}
.w11i.on::before{content:"";position:absolute;left:4px;top:50%;width:3px;height:16px;margin-top:-8px;border-radius:2px;background:var(--w-acc)}
.w11ic{width:22px;text-align:center;font-size:16px;flex:0 0 22px}
.w11gl{flex:1}
.w11chev{width:8px;height:8px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:rotate(45deg);margin-right:4px;transition:transform .15s;opacity:.7}
.w11g.open .w11chev{transform:rotate(-135deg);margin-top:6px}
.w11gi[hidden]{display:none}
.w11main{min-width:0}
.w11h{margin:2px 0 18px}.w11h p{margin:0 0 2px;color:var(--w-sub,#666);font-size:13px}.w11h h2{margin:0;font-size:28px;font-weight:600;line-height:1.2}
.w11wz{margin:4px 0 12px}
.possetup.w11p>.l279b,.w11main .l279b{border-radius:8px}
.w11main .l279b{background:var(--w-accsoft)!important;border:1px solid var(--w-stroke)!important}
@media (max-width:900px){
  .w11{grid-template-columns:1fr;gap:12px}
  .w11nav{position:static}
  .w11list{display:none}
  .w11sel{display:flex;flex-direction:column;gap:4px;font-size:12.5px;color:var(--w-sub,#666)}
  .w11sel select{font-size:16px;min-height:42px}
  .w11h h2{font-size:24px}
}
/* page content spacing */
.w11main>section,.w11main>div:not(.l279b):not(.w11wz)>section{margin:0 0 12px}
body[data-p279] #view .possetup .w11main>section{padding:16px 20px}
.l279b,.th279b{height:auto!important;min-height:0!important;overflow:visible!important;max-height:none!important}
.w11main>.l279b{margin:0 0 14px}
.w11main>h4,.w11main>h3{margin:18px 0 8px}
/* Outlets & features: one outlet = one card, tidy grid */
body[data-p279] #view .possetup .posoutr{background:var(--w-card)!important;border:1px solid var(--w-stroke)!important;border-radius:8px!important;padding:14px 16px!important;margin:0 0 12px!important;display:grid!important;grid-template-columns:minmax(160px,220px) 180px minmax(0,1fr);gap:10px 12px;align-items:center}
.posoutr>.poso-x,.posoutr>.posfeat{grid-column:1/-1}
.posoutr .poso-x{display:grid!important;grid-template-columns:minmax(0,1fr) 140px auto;gap:10px;align-items:center}
.posoutr .posfeat{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px 12px;align-items:end;border-top:1px solid var(--w-stroke,#e5e5e5);padding-top:12px;margin-top:2px}
.posoutr .posfeat>.hint:first-child,.posoutr .posfeat>.acchip{grid-column:1/-1;font-weight:600;color:var(--w-text)!important;font-size:13px}
.posoutr .posfeat>label.accb{margin:0!important;min-height:36px;display:flex!important;align-items:center;gap:8px;padding:6px 10px!important}
.posoutr .posfeat>label:not(.accb){display:flex!important;flex-direction:column;gap:4px;font-size:12.5px;color:var(--w-sub)}
.posoutr .posfeat>label.pmsetw{grid-column:span 2}
.posoutr .posfeat>label :is(input,select){width:100%;max-width:none!important}
@media (max-width:1100px){body[data-p279] #view .possetup .posoutr{grid-template-columns:1fr 1fr}.posoutr .posfeat{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:600px){body[data-p279] #view .possetup .posoutr{grid-template-columns:1fr}.posoutr .poso-x{grid-template-columns:1fr}.posoutr .posfeat{grid-template-columns:1fr}.posoutr .posfeat>label.pmsetw{grid-column:auto}}
body[data-p279] #view .possetup [hidden]{display:none!important}
.posoutr .posfeat>label.inline{flex-direction:row!important;align-items:center;grid-column:span 2;gap:8px}
body[data-p279] #view .p233>header{padding:10px 14px!important}
/* the outlet badge row is gone: the outlet shows in the navigation pane */
.th279b{display:none!important}

/* v2.80.1: bar uses the same light look as the restaurant; dark green highlights; header tinted per type */
body[data-p279="bar"]{--w-bg:#f3f3f3;--w-card:#fbfbfb;--w-card2:#f5f5f5;--w-stroke:#e5e5e5;--w-text:#1b1b1b;--w-sub:#616161;--w-ctrl:#ffffff;--w-ctrlb:#d6d6d6;--w-ctrlbb:#8a8a8a;--w-hover:rgba(0,0,0,.04);--w-sel:rgba(0,0,0,.06);--w-shadow:0 1px 2px rgba(0,0,0,.05);color-scheme:light}
body[data-p279="bar"],body[data-p279="rest"]{--w-acc:#14532d;--w-on:#ffffff;--w-accsoft:rgba(20,83,45,.10)}
body[data-p279="bar"] #view .possetup button.ghost.danger{color:#c42b1c!important}
/* header: same row, same style; a light tint tells bar and restaurant apart */
body[data-p279] #view .bo234h{border-radius:8px!important;border:1px solid var(--w-stroke)!important;box-shadow:var(--w-shadow)!important}
body[data-p279="rest"] #view .bo234h{background:#eef6f0!important}
body[data-p279="bar"] #view .bo234h{background:#f1eef8!important}
body[data-p279] #view .bo234h .bo234a{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
body[data-p279] #view .bo234h :is(.hd281d,.bo234a select,.bo234a .btn){min-height:36px!important;height:36px;border-radius:4px!important;font-size:14px!important;font-weight:600;padding:0 14px!important;box-shadow:none!important}
body[data-p279] #view .bo234h .hd281d{background:var(--w-ctrl)!important;color:var(--w-text)!important;border:1px solid var(--w-ctrlb)!important;cursor:pointer}
body[data-p279] #view .bo234h .bo234a select{background:var(--w-ctrl)!important;color:var(--w-text)!important;border:1px solid var(--w-ctrlb)!important;border-bottom-color:var(--w-ctrlbb)!important}
body[data-p279] #view .bo234h .bo234a .btn{background:var(--w-acc)!important;color:#fff!important;border:1px solid transparent!important}
body[data-p279] #view .bo234h .bo234o{display:flex;align-items:center;gap:8px;color:var(--w-sub);font-size:13px;font-weight:600}
/* navigation: the two main groups in dark green */
.w11gh{background:#14532d!important;color:#fff!important;margin-top:6px}
.w11gh:hover{background:#1b6b3a!important}
.w11gh .w11chev{opacity:1}
.w11i.on{background:rgba(20,83,45,.12)!important;color:#14532d!important}
.w11i.on::before{background:#14532d!important}
.w11oi{background:rgba(20,83,45,.12)!important}
body[data-p279="bar"] .w11oi{background:rgba(124,92,255,.14)!important}

/* v2.80.2 sub-categories as buttons, per app style (Apple default · Microsoft Fluent · Google Material) */
html body.posui.posui.posui .posorder .posmenu .p183subs.p272ic.p226subs,html body.posui.posui.posui .tb.p227tb .p183subs.p272ic.p226subs{display:flex!important;flex-wrap:nowrap!important;gap:8px!important;padding:2px 2px 4px!important;margin:0 0 12px!important;background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important;overflow-x:auto;max-width:100%}
html body.posui.posui.posui .posorder .posmenu .p183subs.p272ic.p226subs>button,html body.posui.posui.posui .tb.p227tb .p183subs.p272ic.p226subs>button{flex:0 0 auto!important;width:auto!important;height:auto!important;min-height:38px!important;padding:6px 16px!important;border-radius:10px!important;border:0!important;background:var(--fill)!important;color:var(--text)!important;font-size:14px!important;font-weight:600!important;line-height:1.1!important;box-shadow:none!important;cursor:pointer;transition:background .15s,color .15s,box-shadow .15s}
html body.posui.posui.posui .posorder .posmenu .p183subs.p272ic.p226subs>button i,html body.posui.posui.posui .tb.p227tb .p183subs.p272ic.p226subs>button i{color:inherit!important;opacity:.6;font-weight:600;font-size:12px}
html body.posui.posui.posui .posorder .posmenu .p183subs.p272ic.p226subs>button:hover,html body.posui.posui.posui .tb.p227tb .p183subs.p272ic.p226subs>button:hover{background:var(--fill2,var(--fill))!important}
html body.posui.posui.posui .posorder .posmenu .p183subs.p272ic.p226subs>button[aria-pressed="true"],html body.posui.posui.posui .tb.p227tb .p183subs.p272ic.p226subs>button[aria-pressed="true"]{background:var(--tint)!important;color:#fff!important;box-shadow:0 2px 6px color-mix(in srgb,var(--tint) 35%,transparent)!important}
html body.posui.posui.posui .posorder .posmenu .p183subs.p272ic.p226subs>button[aria-pressed="true"] i,html body.posui.posui.posui .tb.p227tb .p183subs.p272ic.p226subs>button[aria-pressed="true"] i{opacity:.85}
html[data-ui="ms"] body.posui.posui.posui .posorder .posmenu .p183subs.p272ic.p226subs>button,html[data-ui="ms"] body.posui.posui.posui .tb.p227tb .p183subs.p272ic.p226subs>button{border-radius:4px!important;background:var(--panel)!important;box-shadow:inset 0 0 0 1px var(--line),0 1px 2px rgba(0,0,0,.08)!important}
html[data-ui="ms"] body.posui.posui.posui .posorder .posmenu .p183subs.p272ic.p226subs>button:hover,html[data-ui="ms"] body.posui.posui.posui .tb.p227tb .p183subs.p272ic.p226subs>button:hover{background:var(--panel2)!important}
html[data-ui="ms"] body.posui.posui.posui .posorder .posmenu .p183subs.p272ic.p226subs>button[aria-pressed="true"],html[data-ui="ms"] body.posui.posui.posui .tb.p227tb .p183subs.p272ic.p226subs>button[aria-pressed="true"]{background:var(--tint)!important;color:#fff!important;box-shadow:0 2px 4px rgba(0,0,0,.18)!important}
html[data-ui="google"] body.posui.posui.posui .posorder .posmenu .p183subs.p272ic.p226subs>button,html[data-ui="google"] body.posui.posui.posui .tb.p227tb .p183subs.p272ic.p226subs>button{border-radius:8px!important;background:transparent!important;color:var(--muted)!important;box-shadow:inset 0 0 0 1px var(--line)!important}
html[data-ui="google"] body.posui.posui.posui .posorder .posmenu .p183subs.p272ic.p226subs>button:hover,html[data-ui="google"] body.posui.posui.posui .tb.p227tb .p183subs.p272ic.p226subs>button:hover{background:color-mix(in srgb,var(--text) 6%,transparent)!important}
html[data-ui="google"] body.posui.posui.posui .posorder .posmenu .p183subs.p272ic.p226subs>button[aria-pressed="true"],html[data-ui="google"] body.posui.posui.posui .tb.p227tb .p183subs.p272ic.p226subs>button[aria-pressed="true"]{background:var(--tintSoft)!important;color:var(--text)!important;box-shadow:none!important}
html[data-ui="google"] body.posui.posui.posui .posorder .posmenu .p183subs.p272ic.p226subs>button[aria-pressed="true"]::before,html[data-ui="google"] body.posui.posui.posui .tb.p227tb .p183subs.p272ic.p226subs>button[aria-pressed="true"]::before{content:"✓";font-weight:800;margin-right:6px}

/* v2.80.2 Food / Drinks switch: colourful */
.fd251{background:transparent!important;padding:0!important;gap:8px!important}
.fd251>button{border-radius:12px;font-weight:800!important;transition:transform .12s,box-shadow .15s,background .15s}
.fd251>button[data-fd251="food"]{background:#FFEDD5!important;color:#C2410C!important;border:1px solid #FDBA74!important}
.fd251>button[data-fd251="drink"]{background:#E0F2FE!important;color:#0369A1!important;border:1px solid #7DD3FC!important}
.fd251>button[data-fd251="food"][aria-pressed="true"]{background:linear-gradient(135deg,#FB923C,#EA580C)!important;color:#fff!important;border-color:#EA580C!important;box-shadow:0 3px 10px rgba(234,88,12,.4)!important}
.fd251>button[data-fd251="drink"][aria-pressed="true"]{background:linear-gradient(135deg,#38BDF8,#2563EB)!important;color:#fff!important;border-color:#2563EB!important;box-shadow:0 3px 10px rgba(37,99,235,.4)!important}
.fd251>button:active{transform:scale(.97)}
html[data-ui="ms"] .fd251>button{border-radius:4px}
html[data-ui="google"] .fd251>button{border-radius:999px}
body[data-ptheme="night"] .fd251>button[data-fd251="food"]:not([aria-pressed="true"]){background:rgba(251,146,60,.16)!important;color:#FDBA74!important;border-color:rgba(251,146,60,.4)!important}
body[data-ptheme="night"] .fd251>button[data-fd251="drink"]:not([aria-pressed="true"]){background:rgba(56,189,248,.16)!important;color:#7DD3FC!important;border-color:rgba(56,189,248,.4)!important}

/* v2.80.2 ⏰ Happy Hour: live animation + hours */
html body.posui.posui.posui .posorder .posmenu .poscats.p272ic.p226cats>button.hh282[data-hh277]{background:linear-gradient(110deg,#FFF7D6 0%,#FFE08A 35%,#FFF7D6 55%,#FFE08A 100%)!important;background-size:250% 100%!important;animation:hh282s 3.2s linear infinite;border:1px solid #F5C542!important;color:#5a3d00!important;overflow:hidden;box-shadow:none!important}
html body.posui.posui.posui .posorder .posmenu .poscats.p272ic.p226cats>button.hh282[data-hh277][aria-pressed="true"]{background:linear-gradient(110deg,#F59E0B 0%,#FBBF24 35%,#F59E0B 55%,#FBBF24 100%)!important;background-size:250% 100%!important;color:#3b2500!important;box-shadow:0 0 0 2px #F59E0B,0 4px 14px rgba(245,158,11,.45)!important}
.poscats .hh282 .vc277i{animation:hh282w 2.4s ease-in-out infinite;transform-origin:50% 60%}
.poscats .hh282 .p272l{display:flex;flex-direction:column;align-items:inherit;line-height:1.15}
.hh282t{display:inline-flex;align-items:center;gap:4px;font-size:10.5px;font-weight:700;opacity:.9;white-space:nowrap}
.hh282d{width:7px;height:7px;border-radius:50%;background:#16A34A;box-shadow:0 0 0 0 rgba(22,163,74,.6);animation:hh282p 1.6s ease-out infinite}
@keyframes hh282s{from{background-position:100% 0}to{background-position:-150% 0}}
@keyframes hh282w{0%,70%,100%{transform:rotate(0)}76%{transform:rotate(-14deg)}82%{transform:rotate(12deg)}88%{transform:rotate(-8deg)}94%{transform:rotate(5deg)}}
@keyframes hh282p{0%{box-shadow:0 0 0 0 rgba(22,163,74,.6)}80%,100%{box-shadow:0 0 0 7px rgba(22,163,74,0)}}
@media (prefers-reduced-motion:reduce){.poscats .hh282,.poscats .hh282 .vc277i,.hh282d{animation:none!important}}

/* v2.81 go-live clean-up */
.gl281{max-width:880px;margin:0 auto}
.gl281h{display:flex;gap:14px;align-items:flex-start;margin:4px 0 16px}
.gl281h h2{margin:0 0 2px}
.gl281c{background:var(--panel);border:1px solid var(--line);border-radius:var(--u-r,12px);padding:16px 18px;margin:0 0 14px;box-shadow:var(--u-sh,none)}
.gl281ct{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:0 0 6px}
.gl281ct h3{margin:0;font-size:17px;flex:1 1 auto}
.gl281s{font-size:12.5px;font-weight:700;padding:3px 10px;border-radius:999px;background:var(--panel2);color:var(--muted)}
.gl281s.soon{background:#FEF3C7;color:#92400E}.gl281s.live{background:#DCFCE7;color:#166534}.gl281s.off{background:#FEE2E2;color:#991B1B}
.gl281row{display:flex;gap:12px;align-items:flex-end;flex-wrap:wrap;margin:10px 0}
.gl281row label{display:flex;flex-direction:column;gap:4px;font-size:13px;font-weight:600;color:var(--muted)}
.gl281row label small{font-weight:500;font-size:11.5px}
.gl281row input{min-height:40px;padding:6px 10px;border:1px solid var(--line);border-radius:var(--u-ri,8px);background:var(--panel);color:var(--text);font:inherit}
.gl281l{margin:8px 0 0;padding-left:20px;color:var(--muted);font-size:13.5px;line-height:1.55}
.gl281g{margin:12px 0 0}
.gl281g h4{margin:0 0 6px;font-size:14px}
.gl281i{display:flex;align-items:center;gap:12px;padding:10px 12px;border:1px solid var(--line);border-radius:var(--u-ri,8px);margin:0 0 6px;cursor:pointer;background:var(--panel)}
.gl281i:has(input:checked){border-color:#DC2626;background:color-mix(in srgb,#DC2626 6%,var(--panel))}
.gl281i input{width:20px;height:20px;flex:none;accent-color:#DC2626}
.gl281i>span{flex:1 1 auto;display:flex;flex-direction:column;gap:2px}
.gl281i small{color:var(--muted);font-size:12px}
.gl281i em{font-style:normal;font-weight:800;font-variant-numeric:tabular-nums;min-width:48px;text-align:right}
.gl281i.zero{opacity:.55;cursor:default}
.gl281keep{font-size:13px;color:var(--muted);background:var(--panel2);border-radius:var(--u-ri,8px);padding:10px 12px;margin:12px 0 0}
.gl281go{margin:14px 0 0;padding:12px 14px;border:1px dashed #DC2626;border-radius:var(--u-ri,8px)}
.gl281go p{margin:0;font-size:13px;color:var(--muted)}
html body #view .possetup.gl281 .gl281go button.btn.gl281x{background:#DC2626!important;border-color:#DC2626!important;color:#fff!important}
.gl281e{color:#B91C1C!important;font-weight:700;margin:0 0 6px!important}
html body #view .possetup.gl281 .gl281go button.btn.gl281x:disabled{opacity:.45}
@media (max-width:600px){.gl281h{flex-direction:column}.gl281row>label{flex:1 1 100%}.gl281row input{width:100%}.gl281row .btn{width:100%}}
/* once the go-live date is set: no demo loading anywhere; once live: no per-outlet test reset */
html[data-golive] [data-posdemo="seed"],html[data-golive] [data-posdemo="reload"],html[data-golive] [data-hrdemo="seed"],html[data-golive] [data-mkdemo="seed"],html[data-golive] [data-pmdemo="seed"]{display:none!important}
html[data-golive] .posdemo:not(:has([data-posdemo="clear"])){display:none!important}
html[data-golivelive] [data-pos="testreset"]{display:none!important}

/* v2.82 sub-categories: colourful buttons that wrap (no sideways scrolling) */
html body.posui.posui.posui .posorder .posmenu .p183subs.p272ic.p226subs,html body.posui.posui.posui .tb.p227tb .p183subs.p272ic.p226subs,body.posui .p183subs{flex-wrap:wrap!important;overflow:visible!important;row-gap:8px!important}
.p183subs>button{--c:#14532d}
.p183subs>button:nth-child(8n+2){--c:#2563EB}.p183subs>button:nth-child(8n+3){--c:#EA580C}.p183subs>button:nth-child(8n+4){--c:#9333EA}.p183subs>button:nth-child(8n+5){--c:#0891B2}
.p183subs>button:nth-child(8n+6){--c:#DB2777}.p183subs>button:nth-child(8n+7){--c:#CA8A04}.p183subs>button:nth-child(8n+8){--c:#16A34A}.p183subs>button:nth-child(8n+9){--c:#DC2626}
html:is([data-ui],:not([data-ui])) body.posui.posui.posui .posorder .posmenu .p183subs.p272ic.p226subs>button,html:is([data-ui],:not([data-ui])) body.posui.posui.posui .tb.p227tb .p183subs.p272ic.p226subs>button{background:color-mix(in srgb,var(--c) 11%,var(--panel))!important;color:color-mix(in srgb,var(--c) 82%,var(--text))!important;box-shadow:inset 0 0 0 1.5px color-mix(in srgb,var(--c) 40%,transparent)!important}
html:is([data-ui],:not([data-ui])) body.posui.posui.posui .posorder .posmenu .p183subs.p272ic.p226subs>button:hover,html:is([data-ui],:not([data-ui])) body.posui.posui.posui .tb.p227tb .p183subs.p272ic.p226subs>button:hover{background:color-mix(in srgb,var(--c) 20%,var(--panel))!important}
html:is([data-ui],:not([data-ui])) body.posui.posui.posui .posorder .posmenu .p183subs.p272ic.p226subs>button[aria-pressed="true"],html:is([data-ui],:not([data-ui])) body.posui.posui.posui .tb.p227tb .p183subs.p272ic.p226subs>button[aria-pressed="true"]{background:var(--c)!important;color:#fff!important;box-shadow:0 3px 10px color-mix(in srgb,var(--c) 40%,transparent)!important}
html:is([data-ui],:not([data-ui])) body.posui.posui.posui .posorder .posmenu .p183subs.p272ic.p226subs>button[aria-pressed="true"] i,html:is([data-ui],:not([data-ui])) body.posui.posui.posui .tb.p227tb .p183subs.p272ic.p226subs>button[aria-pressed="true"] i{color:#fff!important;opacity:.85}
html[data-ui="ms"] body.posui.posui.posui .posorder .posmenu .p183subs.p272ic.p226subs>button,html[data-ui="ms"] body.posui.posui.posui .tb.p227tb .p183subs.p272ic.p226subs>button{border-radius:4px!important}
html[data-ui="google"] body.posui.posui.posui .posorder .posmenu .p183subs.p272ic.p226subs>button,html[data-ui="google"] body.posui.posui.posui .tb.p227tb .p183subs.p272ic.p226subs>button{border-radius:999px!important}
body[data-ptheme="night"] .p183subs>button{--panel:#1c1c1e}
@media (max-width:600px){html body.posui.posui.posui .posorder .posmenu .p183subs.p272ic.p226subs>button,html:is([data-ui],:not([data-ui])) body.posui.posui.posui .tb.p227tb .p183subs.p272ic.p226subs>button{padding:6px 12px!important;font-size:13.5px!important;min-height:36px!important}}

/* v2.82 floor and Front Sale: tables grouped by area */
.pm282{display:flex;flex-direction:column;gap:6px}
.pm282h{display:flex;align-items:baseline;gap:10px;margin:14px 0 4px;font-size:15px;font-weight:800;color:var(--text)}
.pm282h:first-child{margin-top:4px}
.pm282h>span{display:inline-flex;align-items:center;gap:8px}
.pm282h>span::before{content:"";width:10px;height:10px;border-radius:3px;background:var(--a,#14532d)}
.pm282h i{font-style:normal;font-size:12.5px;font-weight:600;color:var(--muted)}
.pm282h.k0{--a:#14532d}.pm282h.k1{--a:#EA580C}.pm282h.k2{--a:#2563EB}.pm282h.k3{--a:#9333EA}.pm282h.k4{--a:#0891B2}.pm282h.k5{--a:#DB2777}
.tb .pm282h{color:inherit}

/* v2.82 Outlets & features: tables are edited in Tables & areas */
[data-poso] .poso-tables,[data-poso] label.pmsetw:has(> .posf-sections){display:none!important}
.pm282sum{display:flex;align-items:center;gap:10px;flex-wrap:wrap;grid-column:1/-1;width:100%;margin:8px 0 2px;padding:10px 12px;border-radius:var(--u-ri,10px);background:color-mix(in srgb,#14532d 7%,var(--panel,#fff));font-size:13.5px}
.pm282sum>span:nth-child(2){flex:1 1 220px}
.pm282ic{font-size:18px}

/* v2.82 category order in Menu & prices → Categories */
.co282s{margin:0 0 16px}
.co282s h3{margin:0 0 4px;font-size:15px}
.co282l{list-style:none;margin:8px 0 0;padding:0;display:flex;flex-direction:column;gap:6px;counter-reset:co}
.co282l li{display:flex;align-items:center;gap:8px;padding:6px 8px 6px 10px;border:1px solid var(--line);border-radius:var(--u-ri,10px);background:var(--panel);counter-increment:co}
.co282l li::before{content:counter(co);min-width:18px;font-weight:800;color:var(--muted);font-variant-numeric:tabular-nums}
.co282l li b{flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.co282k{display:inline-grid;place-items:center;width:28px;height:28px;border-radius:8px;font-size:15px}
.co282k.food{background:#FFEDD5}.co282k.drink{background:#E0F2FE}
.co282l .cib{width:36px;height:36px;font-size:16px;font-weight:800;flex:none}
.co282f{animation:co282f .6s ease}
@keyframes co282f{from{background:color-mix(in srgb,#F59E0B 28%,var(--panel))}to{background:var(--panel)}}
@media (prefers-reduced-motion:reduce){.co282f{animation:none}}

/* v2.82 Front Sale staff-drink picker, same as Table mode */
.tb282st{margin:10px 0}
.tb282st h3{margin:0 0 4px}
.tb282st .posstaffg{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:8px;margin:8px 0}
.tb282st .posstaffg>button{display:flex;flex-direction:column;align-items:flex-start;gap:2px;min-height:56px;padding:10px 12px;border-radius:var(--u-ri,12px);border:1px solid var(--line,#ddd);background:var(--panel,#fff);color:var(--text,#111);text-align:left;cursor:pointer}
.tb282st .posstaffg>button span{font-size:12px;color:var(--muted,#666)}
.tb282st .posstaffg>button[aria-pressed="true"]{border-color:#DB2777;background:color-mix(in srgb,#DB2777 12%,var(--panel,#fff));box-shadow:0 0 0 2px #DB2777}
.tb282st .tb282no{width:100%;min-height:44px}
.tb282st .tb282no[aria-pressed="true"]{box-shadow:0 0 0 2px var(--line,#999)}

/* v2.82 Front Sale: Happy Hour button animated like Table mode */
html body.posui.posui.posui .tb.p227tb .tb-cats.p272ic.p226cats>button.hh282[data-tb282],html body.posui.posui.posui .tb .tb-cats>button.hh282[data-tb282]{background:linear-gradient(110deg,#FFF7D6 0%,#FFE08A 35%,#FFF7D6 55%,#FFE08A 100%)!important;background-size:250% 100%!important;animation:hh282s 3.2s linear infinite;border:1px solid #F5C542!important;color:#5a3d00!important;box-shadow:none!important}
html body.posui.posui.posui .tb.p227tb .tb-cats.p272ic.p226cats>button.hh282[data-tb282][aria-pressed="true"],html body.posui.posui.posui .tb .tb-cats>button.hh282[data-tb282][aria-pressed="true"]{background:linear-gradient(110deg,#F59E0B 0%,#FBBF24 35%,#F59E0B 55%,#FBBF24 100%)!important;background-size:250% 100%!important;color:#3b2500!important;box-shadow:0 0 0 2px #F59E0B,0 4px 14px rgba(245,158,11,.45)!important}
.tb .tb-cats>button.hh282 .vc277i{animation:hh282w 2.4s ease-in-out infinite;transform-origin:50% 60%}
.tb .tb-cats>button.vc277 .p272l{white-space:normal!important;overflow:visible!important;text-overflow:clip!important;display:flex;flex-direction:column;line-height:1.15}
@media (prefers-reduced-motion:reduce){.tb .tb-cats>button.hh282,.tb .tb-cats>button.hh282 .vc277i{animation:none!important}}

/* v2.82 phones and tablets: the category row wraps instead of scrolling sideways */
@media (max-width:820px){
  html:is([data-ui],:not([data-ui])) body.posui.posui.posui .posorder .posmenu .poscats.p272ic.p226cats,html:is([data-ui],:not([data-ui])) body.posui.posui.posui .tb .tb-cats{flex-wrap:wrap!important;overflow:visible!important;row-gap:8px!important;column-gap:8px!important;max-height:none!important}
  html:is([data-ui],:not([data-ui])) body.posui.posui.posui .posorder .posmenu .poscats.p272ic.p226cats>button,html:is([data-ui],:not([data-ui])) body.posui.posui.posui .tb .tb-cats>button{flex:0 1 auto!important;max-width:100%}
}

/* v2.83 area chip on bills and kitchen / bar tickets */
.a283{display:inline-flex;align-items:center;gap:3px;margin-left:8px;padding:2px 9px;border-radius:999px;font-style:normal;font-size:12.5px;font-weight:800;letter-spacing:.01em;color:#fff;background:var(--a,#14532d);vertical-align:middle;white-space:nowrap}
.a283.k0{--a:#14532d}.a283.k1{--a:#EA580C}.a283.k2{--a:#2563EB}.a283.k3{--a:#9333EA}.a283.k4{--a:#0891B2}.a283.k5{--a:#DB2777}
.posk2.a283t header b{font-size:1.15em}
.posk2 header .a283{font-size:14px;padding:3px 10px}
html[data-ui="ms"] .a283{border-radius:4px}
html[data-ui="google"] .a283{border-radius:8px}

/* v2.83 menu export / corrections */
.m283b{border-color:#14532d!important;color:#14532d!important}
.m283f{display:flex;flex-direction:column;gap:6px;margin:10px 0;font-weight:600}
.m283f input{min-height:44px}
.m283e{color:#B91C1C;font-weight:600}
.m283ok{padding:10px 12px;border-radius:10px;background:#DCFCE7;color:#166534;font-weight:700;margin:8px 0}
.m283sum{display:flex;flex-wrap:wrap;gap:8px;margin:10px 0}
.m283sum span{padding:6px 12px;border-radius:999px;background:var(--panel2,#f3f4f6);font-size:13px}
.m283sum span.w{background:#FEF3C7;color:#92400E}
.m283by{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 10px}
.m283by span{font-size:12.5px;padding:3px 9px;border-radius:999px;background:color-mix(in srgb,#14532d 10%,transparent);color:#14532d}
.m283l{display:flex;flex-direction:column;gap:6px;max-height:48vh;overflow:auto;padding-right:4px}
.m283r{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 10px;padding:8px 10px;border:1px solid var(--line,#e5e7eb);border-radius:var(--u-ri,10px);background:var(--panel,#fff)}
.m283r>b{font-size:14px}.m283r>small{color:var(--muted);font-size:12px}
.m283c{flex:1 1 100%;font-size:13px}
.m283c em{font-style:normal;font-weight:700;color:var(--muted);margin-right:4px}
.m283c s{color:#B91C1C}.m283c b{color:#166534}

/* v2.84 bigger Request and course buttons on bill lines (easy to touch) */
body.posui .posticket .pmmodb,body.posui .posticket .poscc.edit{display:inline-flex!important;align-items:center;justify-content:center;gap:4px;min-height:40px!important;min-width:96px;padding:0 14px!important;margin:6px 6px 2px 0!important;font-size:14px!important;font-weight:800!important;border-radius:var(--u-ri,10px)!important;border:2px solid transparent!important;cursor:pointer;touch-action:manipulation}
body.posui .posticket .pmmodb{background:#FFEDD5!important;color:#9A3412!important;border-color:#FDBA74!important}
body.posui .posticket .pmmodb:active{transform:scale(.97)}
body.posui .posticket .poscc.edit{background:color-mix(in srgb,var(--tint,#2563EB) 10%,var(--panel))!important;color:var(--text)!important;border-color:color-mix(in srgb,var(--tint,#2563EB) 35%,transparent)!important;border-style:dashed!important}
html[data-ui="google"] body.posui .posticket .pmmodb,html[data-ui="google"] body.posui .posticket .poscc.edit{border-radius:999px!important}
html[data-ui="ms"] body.posui .posticket .pmmodb,html[data-ui="ms"] body.posui .posticket .poscc.edit{border-radius:4px!important}
body[data-ptheme="night"] .posticket .pmmodb{background:rgba(251,146,60,.18)!important;color:#FDBA74!important;border-color:rgba(251,146,60,.45)!important}

/* v2.84 Running bills */
.rb284md .mcard{width:min(1100px,96vw)!important;max-width:none!important;max-height:92vh;overflow:auto;position:relative;padding:18px 20px!important}
.rb284c{position:absolute;top:12px;right:12px}
.rb284h{display:flex;align-items:flex-end;gap:12px;flex-wrap:wrap;margin:0 40px 12px 0}
.rb284h>div{flex:1 1 260px}.rb284h h2{margin:0}
.rb284o{display:flex;flex-direction:column;gap:4px;font-size:12px;font-weight:700;color:var(--muted)}
.rb284o select{min-height:40px;padding:0 10px;border-radius:var(--u-ri,8px);border:1px solid var(--line);background:var(--panel);color:var(--text);font:inherit;font-weight:600}
.rb284k{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:8px;margin:0 0 12px}
.rb284k>div{padding:10px 12px;border-radius:var(--u-r,12px);background:var(--panel2,#f3f4f6);display:flex;flex-direction:column;gap:2px}
.rb284k>div:first-child{background:#14532d;color:#fff}.rb284k>div:first-child span,.rb284k>div:first-child small{color:#d1fae5}
.rb284k span{font-size:12px;font-weight:700;color:var(--muted)}.rb284k b{font-size:22px;font-variant-numeric:tabular-nums}.rb284k small{font-size:12px}
.rb284k>div.warn{background:#FFEDD5}.rb284k>div.warn b{color:#C2410C}
.rb284a{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 12px}
.rb284a button{min-height:40px;padding:0 14px;border-radius:999px;border:1.5px solid var(--line);background:var(--panel);color:var(--text);font:inherit;font-weight:700;cursor:pointer}
.rb284a button i{font-style:normal;opacity:.6;margin-left:4px}
.rb284a button[aria-pressed="true"]{background:#14532d;border-color:#14532d;color:#fff}
.rb284a button.k1[aria-pressed="true"]{background:#EA580C;border-color:#EA580C}.rb284a button.k2[aria-pressed="true"]{background:#2563EB;border-color:#2563EB}.rb284a button.k3[aria-pressed="true"]{background:#9333EA;border-color:#9333EA}
.rb284g{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:10px}
.rb284r{position:relative;border:1px solid var(--line);border-left:5px solid #16A34A;border-radius:var(--u-r,12px);background:var(--panel);overflow:hidden}
.rb284r.mid{border-left-color:#F59E0B}.rb284r.old{border-left-color:#DC2626}
.rb284m{display:grid;grid-template-columns:1fr auto;grid-template-areas:"w t" "i i" "s s";gap:6px 10px;width:100%;padding:12px 44px 12px 14px;border:0;background:transparent;color:inherit;font:inherit;text-align:left;cursor:pointer}
.rb284m:hover{background:color-mix(in srgb,var(--text) 4%,transparent)}
.rb284w{grid-area:w;display:flex;align-items:center;flex-wrap:wrap;gap:4px}.rb284w b{font-size:18px}
.rb284w .a283{margin-left:6px}
.rb284t{grid-area:t;font-size:20px;font-variant-numeric:tabular-nums;align-self:center}
.rb284i{grid-area:i;display:flex;flex-wrap:wrap;gap:4px 12px;font-size:13px;color:var(--muted)}
.rb284s{grid-area:s;display:flex;flex-wrap:wrap;gap:6px}
.rb284s em{font-style:normal;font-size:12px;font-weight:700;padding:3px 9px;border-radius:999px;background:var(--panel2,#f3f4f6)}
.rb284st.st-order{background:#DBEAFE!important;color:#1D4ED8}.rb284st.st-kitchen{background:#FEF3C7!important;color:#92400E}.rb284st.st-ready{background:#DCFCE7!important;color:#166534}.rb284st.st-bill{background:#EDE9FE!important;color:#6D28D9}
.rb284u{background:#FFEDD5!important;color:#C2410C}
.rb284x{position:absolute;top:8px;right:8px;width:36px;height:36px;border-radius:50%;border:1px solid var(--line);background:var(--panel);color:var(--text);font-size:14px;cursor:pointer}
.rb284l{list-style:none;margin:0;padding:6px 14px 12px;border-top:1px dashed var(--line);display:flex;flex-direction:column;gap:4px;font-size:13.5px}
.rb284l li{display:grid;grid-template-columns:34px 1fr auto;gap:6px}.rb284l li.un{color:#C2410C}.rb284l small{color:var(--muted)}.rb284l small.un{color:#C2410C;font-weight:700}
.rb284e{grid-column:1/-1;text-align:center;color:var(--muted);padding:30px 0}
.rb284b{font-style:normal;white-space:nowrap}
@media (max-width:600px){.rb284md .mcard{width:100vw!important;max-height:100vh;border-radius:0!important;padding:14px!important}.rb284g{grid-template-columns:1fr}.rb284k b{font-size:18px}}
body.posui .posticket .pmmodb,body.posui .posticket .poscc.edit{white-space:nowrap!important;line-height:1!important}
body.posui .posticket .posth .a283{align-self:flex-start;width:auto;margin:4px 0 2px}
#view .postabs .rb284b{background:#14532d!important;color:#fff!important;border-radius:999px;padding:1px 8px;margin-left:6px;font-size:11.5px;font-weight:800}
.rb284md .mcard,.rb284md .rb284,.rb284r{box-sizing:border-box;min-width:0}
.rb284g>*{min-width:0}
@media (max-width:600px){.rb284md .mcard{margin:0!important;left:0;right:0;inset:auto}.rb284md{padding:0!important}.rb284md .rb284h{margin-right:44px}}

/* v2.85 Quick requests */
.pmmods.rq285f button[aria-pressed="true"]{background:#EA580C!important;border-color:#EA580C!important;color:#fff!important}
.pmmods.rq285d button[aria-pressed="true"]{background:#0369A1!important;border-color:#0369A1!important;color:#fff!important}
.pmmods.rq285f button{border-color:#FDBA74}.pmmods.rq285d button{border-color:#7DD3FC}
body.posui .posticket .pmmodb.rq285b{background:#E0F2FE!important;color:#0369A1!important;border-color:#7DD3FC!important}
.rq285tb{margin:10px 0}.rq285tb h3{margin:0 0 6px}
.rq285tb .pmmods{display:flex;flex-wrap:wrap;gap:8px}
.rq285tb .pmmods button{min-height:42px;padding:0 14px;border-radius:var(--u-ri,10px);border:1.5px solid var(--line);background:var(--panel);color:var(--text);font:inherit;font-weight:700;cursor:pointer}
.rq285{max-width:980px;margin:0 auto}
.rq285g{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:14px}
.rq285c{background:var(--panel);border:1px solid var(--line);border-top:4px solid #EA580C;border-radius:var(--u-r,12px);padding:14px 16px;box-shadow:var(--u-sh,none)}
.rq285c.drink{border-top-color:#0369A1}
.rq285c header{display:flex;gap:10px;align-items:flex-start;margin:0 0 10px}.rq285c h3{margin:0}.rq285c .hint{margin:2px 0 0}
.rq285i{display:inline-grid;place-items:center;width:40px;height:40px;border-radius:10px;font-size:20px;background:#FFEDD5;flex:none}.rq285c.drink .rq285i{background:#E0F2FE}
.rq285l{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 12px}
.rq285x{display:inline-flex;align-items:center;gap:2px;padding:4px 4px 4px 12px;border-radius:999px;background:color-mix(in srgb,#EA580C 10%,var(--panel));border:1px solid color-mix(in srgb,#EA580C 35%,transparent)}
.rq285c.drink .rq285x{background:color-mix(in srgb,#0369A1 10%,var(--panel));border-color:color-mix(in srgb,#0369A1 35%,transparent)}
.rq285x b{font-size:14px;margin-right:4px}.rq285x .cib{width:28px;height:28px;font-size:13px}
.rq285a{display:flex;gap:8px;flex-wrap:wrap}.rq285a input{flex:1 1 180px;min-height:40px;padding:0 12px;border:1px solid var(--line);border-radius:var(--u-ri,8px);background:var(--panel);color:var(--text);font:inherit}
.rq285on{display:flex;gap:12px;align-items:flex-start;margin:14px 0;padding:12px 14px;border-radius:var(--u-r,12px);background:var(--panel2,#f3f4f6);cursor:pointer}
.rq285on input{width:22px;height:22px;margin-top:2px;accent-color:#0369A1}.rq285on span{display:flex;flex-direction:column;gap:2px}.rq285on small{color:var(--muted)}
.rq285s{display:flex;gap:12px;align-items:center}
[data-poso] label.pmsetw:has(> .posf-mods){display:none!important}
.rq285n{grid-column:1/-1;width:100%;display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:6px 0 2px;padding:8px 12px;border-radius:var(--u-ri,10px);background:color-mix(in srgb,#EA580C 7%,var(--panel,#fff));font-size:13.5px}

/* v2.86 Front Sale table picker */
.fs286md .mcard{width:min(1000px,96vw)!important}
.fs286 header{margin:0 44px 12px 0}.fs286 header h2{margin:0}
.fs286s{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:10px;margin:0 0 14px}
.fs286w{display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto;column-gap:10px;align-items:center;text-align:left;min-height:64px;padding:10px 14px;border-radius:var(--u-r,12px);border:2px solid #EA580C;background:color-mix(in srgb,#EA580C 8%,var(--panel));color:var(--text);font:inherit;cursor:pointer}
.fs286w span{grid-row:1/3;font-size:26px}.fs286w b{font-size:16px}.fs286w small{color:var(--muted)}
.fs286g{display:grid;grid-template-columns:repeat(auto-fill,minmax(118px,1fr));gap:8px;margin:0 0 6px}
.fs286t{display:flex;flex-direction:column;align-items:flex-start;gap:2px;min-height:78px;padding:10px 12px;border-radius:var(--u-r,12px);border:1.5px solid var(--line);background:var(--panel);color:var(--text);font:inherit;text-align:left;cursor:pointer}
.fs286t b{font-size:18px}.fs286t span{font-size:12.5px;color:var(--muted)}.fs286t em{font-style:normal;font-size:12px;font-weight:800;color:#166534;margin-top:auto}
.fs286t.busy{border-color:#2563EB;background:color-mix(in srgb,#2563EB 8%,var(--panel))}.fs286t.busy em{color:#1D4ED8}.fs286t.busy span{color:var(--text);font-weight:700}
.fs286t:active,.fs286w:active{transform:scale(.98)}
.fs286x{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:16px 0 0;padding-top:12px;border-top:1px dashed var(--line)}
html[data-ui="ms"] .fs286t,html[data-ui="ms"] .fs286w{border-radius:4px}

/* v2.87 compact Tables header: one toolbar */
.fl287{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px;margin:6px 0 10px}
.fl287l{flex:1 1 360px;min-width:0}.fl287r{display:flex;flex-wrap:wrap;gap:6px;align-items:center;justify-content:flex-end}
.fl287 .pmsecs{margin:0!important;display:flex;flex-wrap:wrap;gap:6px}
.fl287 .pmsecs button{min-height:38px!important;padding:0 14px!important;font-size:14px!important}
.fl287r>button,.fl287r .p268pb{min-height:36px!important;padding:0 12px!important;font-size:13px!important;margin:0!important;border-radius:999px!important;white-space:nowrap}
html[data-ui="ms"] .fl287r>button,html[data-ui="ms"] .fl287r .p268pb{border-radius:4px!important}
.fl287s.on{background:#14532d!important;color:#fff!important}.fl287s i{font-style:normal;background:#DC2626;color:#fff;border-radius:999px;padding:0 6px;margin-left:4px;font-size:11px}
.fl287 .pmlegend.fl287g{flex:1 1 100%;margin:0!important;padding:0!important;gap:4px 12px!important;font-size:12px!important;opacity:.85}
.posfloor .ar287bar{margin:0 0 10px!important}
.posfloor .ai289bar:empty{display:none}
.posfloor .pmsvc{margin-bottom:4px!important}
@media (max-width:700px){.fl287l{flex-basis:100%}.fl287r{justify-content:flex-start}}

/* v2.87 Takeaway & delivery switch */
.sv287{display:flex;flex-direction:column;gap:10px;border-top-color:#0891B2!important}
.sv287r{display:flex;align-items:center;gap:12px;padding:12px;border-radius:var(--u-ri,10px);background:var(--panel2,#f3f4f6);cursor:pointer}
.sv287r input{width:22px;height:22px;accent-color:#14532d;flex:none}
.sv287i{font-size:26px}.sv287r>span:nth-of-type(2){display:flex;flex-direction:column;flex:1}.sv287r small{color:var(--muted)}
.sv287r em{font-style:normal;font-weight:800;font-size:12px;padding:3px 10px;border-radius:999px;background:#E5E7EB;color:#374151}.sv287r em.on{background:#DCFCE7;color:#166534}
.sv287o{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:0 0 10px;padding:8px 10px;border-radius:var(--u-ri,10px);background:#FFEDD5}
.sv287o .pmo{min-height:36px}
@media (max-width:700px){.rb287t{display:none}#view .postabs .rb284b{padding:0 6px!important}.fl287s{font-size:0!important}.fl287s::before{content:"👥 Waiters";font-size:13px}}

/* v2.88 mixers take stock */
.mx288h{margin:4px 0}
.mx288l{display:flex;flex-direction:column;gap:6px;margin:8px 0}
.mx288r{display:grid;grid-template-columns:minmax(90px,1fr) minmax(160px,2.4fr) 140px;gap:8px;align-items:center;padding:8px 10px;border-radius:var(--u-ri,10px);border:1px solid var(--line);border-left:4px solid #16A34A;background:var(--panel)}
.mx288r.no{border-left-color:#F59E0B}
.mx288r select,.mx288q input{min-height:40px;border-radius:var(--u-ri,8px);border:1px solid var(--line);background:var(--panel);color:var(--text);font:inherit;padding:0 8px;width:100%;box-sizing:border-box}
.mx288q{display:flex;align-items:center;gap:6px}.mx288q input{width:70px}.mx288q span{font-size:12px;color:var(--muted)}
.mx288w{margin:10px 0;padding:10px 12px;border-radius:var(--u-ri,10px);background:#FFEDD5;color:#7C2D12}.mx288w p{margin:4px 0}
.mx288g{color:#166534;font-weight:700}
@media (max-width:600px){.mx288r{grid-template-columns:1fr}}

/* v2.89 settings pages that were not in the Windows 11 layout */
.w11main .p255h{display:flex;flex-wrap:wrap;align-items:flex-end;gap:12px;margin:0 0 12px}
.w11main .p255h label{display:flex;flex-direction:column;gap:4px;font-weight:700;font-size:13px}
.w11main .p255h .hint{flex:1 1 300px;margin:0}
.w11main>.empty,.w11main .p185set>section,.w11main>section.p227tg{border-radius:var(--u-r,12px)}
.w11main>section.p227tg{margin-top:12px}

/* v2.89 Glass / Bottle switch */
.sv289{display:inline-grid;grid-template-columns:1fr 1fr;gap:6px;margin:0 0 10px;min-width:min(360px,100%)}
.sv289 button{display:flex;align-items:center;justify-content:center;gap:6px;min-height:46px;padding:0 18px;border-radius:var(--u-ri,12px);border:2px solid #92400E33;background:#FEF3C7;color:#92400E;font:inherit;font-size:16px;font-weight:800;cursor:pointer}
.sv289 button i{font-style:normal;font-size:12px;opacity:.75}
.sv289 button[data-sv289="bottle"]{background:#EDE9FE;color:#5B21B6;border-color:#5B21B633}
.sv289 button[data-sv289="glass"][aria-pressed="true"]{background:linear-gradient(135deg,#F59E0B,#B45309);color:#fff;border-color:#B45309;box-shadow:0 3px 10px rgba(180,83,9,.35)}
.sv289 button[data-sv289="bottle"][aria-pressed="true"]{background:linear-gradient(135deg,#8B5CF6,#5B21B6);color:#fff;border-color:#5B21B6;box-shadow:0 3px 10px rgba(91,33,182,.35)}
html[data-ui="google"] .sv289 button{border-radius:999px}html[data-ui="ms"] .sv289 button{border-radius:4px}
.tb-menu>.sv289{margin:10px 12px}
/* extra mixers with a bottle */
.rx289{margin:12px 0 0;padding:12px;border-radius:var(--u-r,12px);background:var(--panel2,#f3f4f6)}
.rx289 h4{margin:0 0 8px}.rx289 h4 small{font-weight:500;color:var(--muted)}
.rx289g{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:8px}
.rx289i{display:flex;flex-direction:column;gap:4px;padding:8px 10px;border-radius:var(--u-ri,10px);border:1px solid var(--line);background:var(--panel)}
.rx289i.on{border-color:#0369A1;box-shadow:0 0 0 1px #0369A1}.rx289i span{font-size:12px;color:var(--muted)}
.rx289q{display:flex;align-items:center;gap:8px}.rx289q em{font-style:normal;font-weight:800;min-width:18px;text-align:center}.rx289q .cib{width:36px;height:36px;font-size:18px}
.rx289t{margin:8px 0 0;font-weight:800;color:#0369A1}
/* settings */
.sv289c{display:flex;flex-wrap:wrap;gap:6px;margin:8px 0}
.sv289c button{min-height:36px;padding:0 12px;border-radius:999px;border:1.5px solid var(--line);background:var(--panel);color:var(--text);font:inherit;font-weight:700;cursor:pointer}
.sv289c button.on{background:#B45309;border-color:#B45309;color:#fff}
.sv289f{display:flex;flex-wrap:wrap;gap:12px}.sv289f label{display:flex;flex-direction:column;gap:4px;font-weight:700;font-size:13px}
.sv289f input,.sv289f select{min-height:40px;border-radius:var(--u-ri,8px);border:1px solid var(--line);background:var(--panel);color:var(--text);font:inherit;padding:0 10px}

/* v2.90 · outlet QR */
.posgq li.gq290c{border-left:4px solid var(--accent,#f08a24)}
.gq290who{margin:4px 0;display:flex;flex-wrap:wrap;gap:6px;align-items:center}
.gq290who em{opacity:.8}
.gq290ar{font-style:normal;padding:1px 8px;border-radius:999px;background:rgba(31,107,74,.16);font-size:12px;font-weight:600}
.gq290m .mkm{max-width:640px}
.gq290i{margin:0 0 10px;padding-left:18px}
.gq290g{margin:10px 0}.gq290g h3{margin:0 0 6px;font-size:14px;opacity:.85}
.gq290g.hit{padding:8px;border-radius:12px;background:rgba(31,107,74,.10)}
.gq290tt{display:grid;grid-template-columns:repeat(auto-fill,minmax(86px,1fr));gap:8px}
.gq290t{min-height:58px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;border-radius:12px;border:1.5px solid rgba(127,127,127,.3);background:transparent;color:inherit;font:inherit;cursor:pointer}
.gq290t b{font-size:17px}.gq290t small{font-size:11px;opacity:.75}
.gq290t.busy{border-color:#f08a24;background:rgba(240,138,36,.10)}
.gq290t:hover,.gq290t:focus-visible{border-color:#1f6b4a;outline:none;box-shadow:0 0 0 3px rgba(31,107,74,.25)}
html[data-ui="apple"] .gq290t{border-radius:14px}html[data-ui="microsoft"] .gq290t{border-radius:4px}html[data-ui="google"] .gq290t{border-radius:16px}
.gq290row{display:flex;gap:16px;align-items:flex-start;flex-wrap:wrap}.gq290q svg{width:132px;height:132px;background:#fff;border-radius:10px;padding:4px}

/* v2.91 · mixer tiles */
.mx291{margin:6px 0 12px}
.mx291h{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px;margin-bottom:10px}.mx291h b{font-size:15px}.mx291h small{opacity:.75;font-size:12.5px}
.mx291d{display:inline-flex;gap:5px}.mx291d i{width:12px;height:12px;border-radius:50%;border:2px solid #1f6b4a;transition:background .15s}.mx291d i.on{background:#1f6b4a}
.mx291g{display:grid;grid-template-columns:repeat(auto-fill,minmax(104px,1fr));gap:10px}
.mx291t{position:relative}
.mx291b{width:100%;min-height:96px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;padding:10px 6px;border-radius:16px;border:1.5px solid rgba(127,127,127,.28);background:rgba(127,127,127,.06);color:inherit;font:inherit;cursor:pointer;transition:transform .1s,border-color .15s,background .15s}
.mx291b:active{transform:scale(.96)}.mx291b span{font-size:26px;line-height:1}.mx291b b{font-size:13.5px;text-align:center;line-height:1.2}.mx291b small{font-size:11.5px;opacity:.7}
.mx291b i{position:absolute;top:6px;right:6px;min-width:24px;height:24px;border-radius:999px;background:#f08a24;color:#fff;font-style:normal;font-weight:800;font-size:13px;display:grid;place-items:center;padding:0 6px}
.mx291t.on .mx291b{border-color:#1f6b4a;background:rgba(31,107,74,.14)}
.mx291m{position:absolute;top:6px;left:6px;width:28px;height:28px;border-radius:50%;border:0;background:rgba(0,0,0,.55);color:#fff;font-size:18px;line-height:1;cursor:pointer}
.mx291t em{display:block;text-align:center;font-style:normal;font-size:11px;font-weight:700;color:#f08a24;margin-top:3px}
.mx291b:focus-visible,.mx291m:focus-visible{outline:none;box-shadow:0 0 0 3px rgba(240,138,36,.45)}
html[data-ui="microsoft"] .mx291b{border-radius:6px}html[data-ui="google"] .mx291b{border-radius:20px}
.mx291w .mkm{max-width:640px}
.tb-m .mx291g{grid-template-columns:repeat(auto-fill,minmax(96px,1fr))}
.mx291b:disabled{opacity:.4;cursor:not-allowed}

/* v2.92 · events & nights */
.ev292bar{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 10px}
.ev292chip{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:8px 14px;border-radius:14px;color:#fff;background:linear-gradient(120deg,var(--k),color-mix(in srgb,var(--k) 50%,#000))}
.ev292chip span{font-size:20px}.ev292chip small{opacity:.9}.ev292chip em{font-style:normal;font-size:12.5px;background:rgba(255,255,255,.18);padding:2px 8px;border-radius:8px}
.ev292o{display:flex;flex-wrap:wrap;gap:6px;margin:4px 0 12px}.ev292o button{min-height:38px;padding:4px 14px;border-radius:999px;border:1px solid var(--line,rgba(127,127,127,.3));background:transparent;color:inherit;font:inherit;font-weight:600;cursor:pointer}
.ev292o button[aria-selected="true"]{background:#1f6b4a;border-color:#1f6b4a;color:#fff}
.ev292week{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:6px;margin:0 0 14px}
.ev292wd{display:flex;flex-direction:column;gap:4px;padding:8px;border-radius:12px;background:rgba(127,127,127,.08);min-height:70px}.ev292wd>b{font-size:12px;opacity:.7}
.ev292wd span{font-size:12px;font-weight:600;padding:3px 6px;border-radius:8px;background:color-mix(in srgb,var(--k) 22%,transparent);border-left:3px solid var(--k)}
.ev292c{border:1px solid var(--line,rgba(127,127,127,.3));border-left:5px solid var(--k);border-radius:16px;padding:12px 14px;margin:0 0 12px}
.ev292c.off{opacity:.6}
.ev292c header{display:flex;align-items:center;gap:10px}.ev292i{font-size:28px}.ev292c header input[type=text]{flex:1;font-size:17px;font-weight:700;min-height:40px}
.ev292on{display:flex;align-items:center;gap:6px;font-weight:600}
.ev292row{display:flex;flex-wrap:wrap;gap:6px;margin:10px 0 0}
.ev292row button{min-height:36px;padding:4px 12px;border-radius:999px;border:1px solid var(--line,rgba(127,127,127,.3));background:transparent;color:inherit;font:inherit;font-size:13px;cursor:pointer}
.ev292row button[aria-pressed="true"]{background:var(--k,#1f6b4a);border-color:var(--k,#1f6b4a);color:#fff}
.ev292days button{min-width:52px}.ev292days button[aria-pressed="true"]{background:#e8771a;border-color:#e8771a}
.ev292g{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:10px}.ev292g label{display:flex;flex-direction:column;gap:4px;font-size:13px;font-weight:600}.ev292g .w2{grid-column:1/-1}
.ev292p{display:flex;gap:12px;align-items:center;margin-top:10px}.ev292p img,.ev292ph{width:84px;height:84px;border-radius:12px;object-fit:cover}.ev292ph{display:grid;place-items:center;font-size:36px;background:color-mix(in srgb,var(--k) 25%,transparent)}
.ev292up{cursor:pointer;display:inline-flex;align-items:center;min-height:34px;padding:4px 14px;border-radius:999px;border:1.5px solid #1f6b4a;color:inherit;font-weight:600;opacity:1;background:transparent}
.ev292add{display:flex;flex-wrap:wrap;gap:6px;align-items:center;margin:6px 0 14px}
html[data-ui="microsoft"] .ev292c,html[data-ui="microsoft"] .ev292chip{border-radius:6px}html[data-ui="google"] .ev292c{border-radius:24px}
@media (max-width:720px){.ev292week{grid-template-columns:repeat(4,minmax(0,1fr))}.ev292g{grid-template-columns:1fr}}

/* v2.93 · sales ideas */
.nd293p{margin:0 0 12px;padding:10px 12px;border-radius:16px;border:1px solid rgba(240,138,36,.45);background:linear-gradient(180deg,rgba(240,138,36,.10),rgba(240,138,36,.03))}
.nd293p header{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.nd293p h3{margin:0;font-size:15px;flex:1}.nd293p h3 small{opacity:.7;font-weight:500;margin-left:6px}
.nd293p ul{list-style:none;margin:8px 0 0;padding:0;display:grid;gap:6px}
.nd293p li{display:flex;flex-wrap:wrap;align-items:center;gap:8px;padding:8px 10px;border-radius:12px;background:var(--card,rgba(127,127,127,.08))}
.nd293p li.p5{box-shadow:inset 3px 0 0 #e5484d}.nd293p li.p4{box-shadow:inset 3px 0 0 #f08a24}.nd293p li.p3{box-shadow:inset 3px 0 0 #1f6b4a}
.nd293tb{min-width:38px;text-align:center;padding:2px 8px;border-radius:8px;background:#1f6b4a;color:#fff;font-size:13px}
.nd293i{font-size:18px}.nd293t{flex:1;min-width:160px;font-size:13.5px}
.nd293a{display:flex;gap:6px}
.nd293b{display:inline-block;vertical-align:middle;margin-left:6px;font-style:normal;font-size:15px;line-height:1;padding:3px 5px;border-radius:999px;background:rgba(240,138,36,.22)}
.nd293bill{display:grid;gap:6px;margin:8px 0}
.nd293bill>div{display:flex;flex-wrap:wrap;align-items:center;gap:8px;padding:8px 10px;border-radius:12px;background:rgba(240,138,36,.10);border:1px solid rgba(240,138,36,.35)}
.nd293d{display:flex;gap:6px;margin-bottom:12px}.nd293d button{min-height:36px;padding:4px 14px;border-radius:999px;border:1px solid rgba(127,127,127,.35);background:transparent;color:inherit;font:inherit;font-weight:600;cursor:pointer}.nd293d button[aria-selected="true"]{background:#1f6b4a;border-color:#1f6b4a;color:#fff}
.nd293k{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.nd293k div{padding:12px;border-radius:14px;background:rgba(127,127,127,.08);text-align:center}.nd293k b{display:block;font-size:24px}.nd293k small{opacity:.7}
.nd293tbl{width:100%;border-collapse:collapse;font-size:14px}.nd293tbl th,.nd293tbl td{padding:6px 8px;text-align:left;border-bottom:1px solid rgba(127,127,127,.2)}.nd293tbl td:not(:first-child),.nd293tbl th:not(:first-child){text-align:right}
.nd293kinds{display:flex;flex-wrap:wrap;gap:6px}.nd293kinds span{padding:4px 10px;border-radius:999px;background:rgba(127,127,127,.12);font-size:13px}
.nd293pl{list-style:none;padding:0;margin:0 0 10px;display:grid;gap:6px}.nd293pl li{display:flex;gap:8px;align-items:center}.nd293pl li b{min-width:140px}.nd293pl input{flex:1}
.nd293row{display:flex;gap:8px}.nd293row select{flex:1}
html[data-ui="microsoft"] .nd293p,html[data-ui="microsoft"] .nd293p li{border-radius:6px}

/* v2.95 · phones */
.rb295 b{margin:0 2px}
.fl295s{display:none}
.fl287s::before{content:none!important}.fl287s{font-size:13px!important}
.ph295old{opacity:.75}
@media (max-width:700px){
  .fl287{gap:8px}
  .fl287 .pmsecs{gap:6px!important}.fl287 .pmsecs button{min-height:34px!important;padding:0 12px!important;font-size:13px!important}
  .fl287r{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px!important;width:100%}
  .fl287r>button,.fl287r .p268pb{min-height:44px!important;padding:4px 6px!important;font-size:12px!important;line-height:1.2!important;white-space:normal!important;text-align:center;justify-content:center;border-radius:12px!important}
  .fl287r>.rb295,.fl287r>[data-p268="paid"]{grid-column:1/-1;font-size:13px!important;justify-content:flex-start;text-align:left}
  .fl287r>.rb295{background:#14532d!important;color:#fff!important;border-color:#14532d!important}
  .fl287r .cr2120pb,.fl287r .ai289tn{white-space:nowrap!important}
  .fl295w{display:none}.fl295s{display:inline}
  .fl287 .pmlegend.fl287g{font-size:11px!important}
  .cat295t{display:flex;align-items:center;gap:10px;width:100%;min-height:48px;padding:6px 12px 6px 6px;margin:0 0 8px;border-radius:14px;border:1.5px solid #e8771a;background:var(--card,#fff);color:inherit;font:inherit;font-weight:700;font-size:15px;cursor:pointer}
  .cat295t .p272i{width:34px;height:34px;border-radius:50%}.cat295t .p272l{flex:1;text-align:left}
  .cat295n{margin-left:auto;font-size:12px;font-weight:600;opacity:.75;white-space:nowrap}.cat295n i{font-style:normal}
  #view .p226side .poscats.cat295.shut{display:none!important}
  #view .p226side .poscats.cat295:not(.shut){display:grid!important;grid-template-columns:1fr 1fr;gap:6px!important;margin-bottom:10px}
  #view .p226side .poscats.cat295:not(.shut) button{min-height:40px!important;padding:4px 8px 4px 4px!important;font-size:12.5px!important;margin:0!important;width:auto!important}
  #view .p226side .poscats.cat295:not(.shut) .p272i{width:26px!important;height:26px!important}
  .positems.ph295in{animation:g294in .32s cubic-bezier(.2,.7,.2,1)}
}
@keyframes g294in{from{opacity:.25;transform:translateY(10px)}to{opacity:1;transform:none}}

/* v2.96 · Sales ideas settings */
.nd296{display:grid;gap:12px;max-width:860px}
.nd296hero{display:flex;flex-wrap:wrap;gap:12px;align-items:center;justify-content:space-between;padding:16px;border-radius:18px;background:linear-gradient(120deg,rgba(240,138,36,.16),rgba(31,107,74,.12));border:1px solid rgba(240,138,36,.35)}
.nd296hero h3{margin:0 0 4px}.nd296hero p{margin:0;max-width:560px;font-size:14px;line-height:1.45}
.nd296c{padding:14px 16px;border-radius:16px;border:1px solid var(--line,rgba(127,127,127,.25))}.nd296c h4{margin:0 0 10px}
.nd296c[aria-disabled="true"]{opacity:.5}
.nd296how{margin:0;padding-left:20px;display:grid;gap:6px;font-size:14px;line-height:1.4}
.nd296r{display:grid;gap:8px}
.nd296i{display:flex;flex-wrap:wrap;align-items:center;gap:10px;padding:8px 10px;border-radius:12px;background:rgba(127,127,127,.06)}.nd296i.on{background:rgba(31,107,74,.10)}
.nd296ic{font-size:22px;width:30px;text-align:center}
.nd296sw{display:flex;align-items:center;gap:10px;cursor:pointer;flex:1;min-width:220px}.nd296sw input{position:absolute;opacity:0;width:1px;height:1px}
.nd296sw small{display:block;opacity:.75;font-size:12.5px;font-weight:400}
.nd296k{flex:none;position:relative;width:46px;height:28px;border-radius:999px;background:rgba(127,127,127,.35);transition:background .2s}
.nd296k::after{content:"";position:absolute;top:3px;left:3px;width:22px;height:22px;border-radius:50%;background:#fff;box-shadow:0 1px 3px rgba(0,0,0,.3);transition:transform .2s}
.nd296sw input:checked+.nd296k{background:#1f6b4a}.nd296sw input:checked+.nd296k::after{transform:translateX(18px)}
.nd296sw input:focus-visible+.nd296k{box-shadow:0 0 0 3px rgba(240,138,36,.5)}
.nd296m{display:inline-flex;align-items:center;gap:6px;font-size:13px}.nd296m input{width:72px}
html[data-ui="microsoft"] .nd296k{border-radius:4px}html[data-ui="microsoft"] .nd296k::after{border-radius:2px}
.nd296ab{margin:6px 0}
.nd296ai{margin:6px 0 8px;padding:10px 12px;border-radius:14px;border:1px solid rgba(123,77,255,.4);background:rgba(123,77,255,.08)}
.nd296say{margin:0 0 8px;font-size:15px;font-style:italic}
.nd296its{display:grid;gap:6px;margin-bottom:8px}.nd296its span{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.nd296its small{opacity:.75}.nd296its .btn{margin-left:auto}
@media (prefers-reduced-motion:reduce){.nd296k,.nd296k::after{transition:none}}

/* v2.98 */
.mx298{display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:14px;border:1px solid var(--line,rgba(127,127,127,.25));background:rgba(31,107,74,.07);margin:4px 0 10px;grid-column:1/-1}
.mx298>span{font-size:24px}.mx298 div{flex:1;display:flex;flex-direction:column;gap:2px;min-width:0}.mx298 small{opacity:.75;overflow:hidden;text-overflow:ellipsis}
.an298fly{position:fixed;z-index:9999;pointer-events:none;border-radius:16px;overflow:hidden;background:var(--card,#fff);box-shadow:0 14px 34px rgba(0,0,0,.35);display:grid;place-items:center}
.an298fly img{width:100%;height:100%;object-fit:cover}.an298fly svg{width:80%;height:80%}
.an298new{animation:an298n .9s ease-out}
@keyframes an298n{0%{background:rgba(240,138,36,.45);transform:scale(1.03)}40%{transform:scale(1)}100%{background:transparent}}
.an298bump{animation:an298b .42s cubic-bezier(.3,1.6,.5,1)}
@keyframes an298b{0%{transform:scale(1)}35%{transform:scale(1.08)}100%{transform:scale(1)}}
@media (prefers-reduced-motion:reduce){.an298new,.an298bump{animation:none}}

/* v2.99 · event budget and proposals */
.evbsum{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:8px;margin:0 0 12px}
.evbsum>div{padding:10px 12px;border-radius:14px;background:rgba(127,127,127,.08);display:flex;flex-direction:column;gap:2px}.evbsum span{font-size:12px;opacity:.75}.evbsum b{font-size:18px}.evbsum small{font-size:11.5px;opacity:.7}
.evbsum .c{box-shadow:inset 3px 0 0 #e5484d}.evbsum .i{box-shadow:inset 3px 0 0 #f08a24}.evbsum .r{box-shadow:inset 3px 0 0 #2f7bff}.evbsum .p.good{background:rgba(31,107,74,.14)}.evbsum .p.bad{background:rgba(229,72,77,.12)}
.ebrh,.ebr{display:grid;grid-template-columns:minmax(150px,1.1fr) minmax(140px,1.6fr) 100px 100px 34px;gap:6px;align-items:center}
.ebrh{font-size:12px;opacity:.7;margin-bottom:4px}.ebr{margin-bottom:6px}.ebr.inc .ebr-c{color:#c2410c;font-weight:600}
.evbadd{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.evpl{display:grid;gap:6px;margin-bottom:10px}
.evpr{display:flex;flex-wrap:wrap;align-items:center;gap:8px;padding:8px 10px;border-radius:12px;background:rgba(127,127,127,.07);border-left:4px solid #94a3b8}
.evpr b{min-width:140px}.evpr small{flex:1;opacity:.75}.evpr.st-sent{border-color:#2f7bff}.evpr.st-accepted{border-color:#1f6b4a;background:rgba(31,107,74,.10)}.evpr.st-declined{border-color:#e5484d;opacity:.75}
.evpgo{margin-top:4px}
#evpm .evpbg{position:fixed;inset:0;background:rgba(0,0,0,.45);z-index:80}
#evpm .evpc{position:fixed;z-index:81;left:50%;top:50%;transform:translate(-50%,-50%);width:min(860px,calc(100vw - 24px));max-height:calc(100vh - 40px);display:flex;flex-direction:column;border-radius:20px;background:var(--card,#fff);color:var(--ink,#111);box-shadow:0 30px 80px rgba(0,0,0,.4);overflow:hidden;border-top:4px solid #f08a24}
#evpm header{display:flex;justify-content:space-between;gap:12px;padding:16px 18px 8px}#evpm header h2{margin:0}
#evpm .evpb{padding:6px 18px 12px;overflow:auto}#evpm footer{display:flex;justify-content:flex-end;flex-wrap:wrap;gap:8px;padding:12px 18px;border-top:1px solid rgba(127,127,127,.2)}
.evpg{display:grid;grid-template-columns:1fr 1fr;gap:10px}.evpg label,.evpf{display:flex;flex-direction:column;gap:4px;font-size:13px;font-weight:600}.evpg .w2{grid-column:1/-1}.evpck{flex-direction:row!important;align-items:center;gap:8px!important}
.evpf textarea{font:14px/1.5 inherit;min-height:360px}
.evpdoc{font-size:14.5px;line-height:1.55}.evpdoc h2,.evpdoc h3{color:#14532d}.evperr{color:#e5484d;font-weight:600}
.bs299{margin:0 0 8px;padding:8px 12px;border-radius:12px;background:linear-gradient(90deg,rgba(31,107,74,.16),rgba(240,138,36,.12));font-size:13.5px}
@media (max-width:700px){.ebrh{display:none}.ebr{grid-template-columns:1fr 1fr;padding:8px;border-radius:12px;background:rgba(127,127,127,.06)}.ebr .ebr-n{grid-column:1/-1;grid-row:2}.ebr .cib{justify-self:end}.evpg{grid-template-columns:1fr}}

.hrsupk{display:flex;flex-direction:column;gap:4px;font-size:13px;font-weight:600;margin:6px 0 0 30px;max-width:380px}
/* v3.0 · checklist sheet */
#ck300 .ck300bg{position:fixed;inset:0;background:rgba(0,0,0,.5);z-index:90}
#ck300 .ck300c{position:fixed;z-index:91;left:50%;bottom:0;transform:translateX(-50%);width:min(560px,100vw);max-height:88vh;display:flex;flex-direction:column;border-radius:24px 24px 0 0;background:var(--card,#fff);color:var(--ink,#111);box-shadow:0 -20px 60px rgba(0,0,0,.35);animation:ck300u .25s ease-out;padding-bottom:env(safe-area-inset-bottom)}
@keyframes ck300u{from{transform:translate(-50%,40px);opacity:.4}to{transform:translate(-50%,0);opacity:1}}
#ck300 header{display:flex;gap:12px;align-items:center;padding:18px 18px 10px}#ck300 header h2{margin:0;font-size:20px}#ck300 header p{margin:2px 0 0;font-size:13.5px;opacity:.75}.ck300ic{font-size:34px}
.ck300p{height:6px;margin:0 18px 6px;border-radius:99px;background:rgba(127,127,127,.2);overflow:hidden}.ck300p i{display:block;height:100%;background:linear-gradient(90deg,#1f6b4a,#3fa36b);transition:width .3s}
.ck300l{overflow:auto;padding:4px 18px 10px}.ck300l h4{margin:12px 0 6px;font-size:13px;opacity:.7}
.ck300i{display:flex;align-items:center;gap:12px;min-height:52px;padding:8px 12px;margin-bottom:6px;border-radius:14px;background:rgba(127,127,127,.07);cursor:pointer;font-size:15px}
.ck300i input{position:absolute;opacity:0;width:1px;height:1px}.ck300b{flex:none;width:26px;height:26px;border-radius:50%;border:2px solid rgba(127,127,127,.55);display:grid;place-items:center;transition:all .15s}
.ck300i.on{background:rgba(31,107,74,.12)}.ck300i.on .ck300b{background:#1f6b4a;border-color:#1f6b4a}.ck300i.on .ck300b::after{content:"✓";color:#fff;font-weight:800;font-size:15px}.ck300i.on span:last-child{text-decoration:line-through;opacity:.7}
.ck300i em{font-style:normal;font-size:11.5px;opacity:.65;margin-left:4px}.ck300i input:focus-visible+.ck300b{box-shadow:0 0 0 3px rgba(240,138,36,.5)}
#ck300 footer{display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end;padding:12px 18px 16px;border-top:1px solid rgba(127,127,127,.2)}#ck300 footer .btn{min-height:48px;padding:0 20px;font-size:15px}
.ck300why{flex:1 1 100%;display:flex;flex-direction:column;gap:4px;font-size:13px;font-weight:600}
html[data-ui="microsoft"] #ck300 .ck300c{border-radius:8px 8px 0 0}html[data-ui="microsoft"] .ck300b{border-radius:4px}
@media (prefers-reduced-motion:reduce){#ck300 .ck300c{animation:none}}
.hr300a{display:flex;flex-direction:column;gap:6px;margin-top:6px}.hr300l{display:flex;flex-wrap:wrap;gap:6px 14px}.hr300l label{display:inline-flex;align-items:center;gap:6px;font-weight:600}

/* v3.1 · bookings */
.bk301tabs,.bk301seg{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 12px}
.bk301tabs button,.bk301seg button{min-height:40px;padding:6px 14px;border-radius:999px;border:1px solid var(--line,rgba(127,127,127,.3));background:var(--card,#fff);color:inherit;font:inherit;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;gap:6px}
.bk301tabs button[aria-selected=true]{background:#14532d;border-color:#14532d;color:#fff}.bk301seg button[aria-selected=true]{background:#ea7317;border-color:#ea7317;color:#fff}
.bk301seg i{font-style:normal;font-size:12px;padding:0 7px;border-radius:999px;background:rgba(127,127,127,.18)}.bk301seg button[aria-selected=true] i{background:rgba(255,255,255,.25)}
.bk301flt{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:10px}.bk301flt input{flex:1;min-width:160px}
.bk301h{margin:16px 0 8px;font-size:15px}.bk301h small{font-weight:500;opacity:.7;margin-left:6px}
.bk301g{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:10px}
.bk301c{display:flex;gap:12px;padding:12px;border-radius:16px;border:1px solid var(--line,rgba(127,127,127,.25));border-left:5px solid var(--s);background:var(--card,#fff)}
.bk301d{flex:none;width:58px;text-align:center;display:flex;flex-direction:column;align-items:center;padding:6px 0;border-radius:12px;background:rgba(127,127,127,.07)}.bk301d b{font-size:22px;line-height:1}.bk301d small{font-size:11px;text-transform:uppercase;opacity:.7}.bk301d em{font-style:normal;font-size:12px;font-weight:700;margin-top:4px;color:#ea7317}
.bk301m{flex:1;min-width:0}.bk301m p{margin:3px 0;font-size:13.5px}.bk301t{display:flex;flex-wrap:wrap;align-items:center;gap:6px}.bk301t b{font-size:16px}
.bk301s{font-size:11.5px;font-weight:700;padding:1px 8px;border-radius:999px;color:#fff;background:var(--s)}.bk301mb{font-size:11.5px;font-weight:700;color:#b7791f}
.bk301x{display:flex;flex-wrap:wrap;gap:4px 12px;opacity:.85}.bk301x a{color:inherit}.bk301n{font-style:italic;opacity:.85}
.bk301a{display:flex;flex-wrap:wrap;gap:6px;margin-top:6px}.bk301f{display:flex;flex-wrap:wrap;align-items:flex-end;gap:8px;margin-top:8px;padding:8px;border-radius:12px;background:rgba(127,127,127,.07)}.bk301f label{display:flex;flex-direction:column;gap:4px;font-size:12.5px;font-weight:600;flex:1;min-width:160px}
.bk301ks{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:8px;margin-bottom:12px}.bk301k{padding:12px;border-radius:14px;background:var(--card,#fff);border:1px solid var(--line,rgba(127,127,127,.2));display:flex;flex-direction:column;gap:2px}.bk301k span{font-size:12px;opacity:.7}.bk301k b{font-size:22px}.bk301k small{font-size:12px;opacity:.7}
.bk301tbl{width:100%;border-collapse:collapse;font-size:13.5px;margin-bottom:12px}.bk301tbl th,.bk301tbl td{padding:7px 8px;border-bottom:1px solid rgba(127,127,127,.2);text-align:right}.bk301tbl th:first-child,.bk301tbl td:first-child{text-align:left}.bk301tbl th{font-size:12px;opacity:.75}
.bk301two{display:grid;grid-template-columns:1fr 1fr;gap:16px}.bk301w{display:flex;align-items:flex-end;gap:8px;height:160px;padding:8px;border-radius:14px;background:rgba(127,127,127,.06)}.bk301w div{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;height:100%;gap:2px}.bk301w i{display:block;width:100%;min-height:3px;border-radius:6px 6px 2px 2px;background:linear-gradient(180deg,#ea7317,#14532d)}.bk301w b{font-size:12px}.bk301w span{font-size:11px;opacity:.7}
.bk301share{display:flex;flex-wrap:wrap;gap:20px;align-items:flex-start}.bk301qr svg{width:180px;height:180px;background:#fff;border-radius:14px;padding:6px}.bk301share>div:last-child{flex:1;min-width:280px}
.bk301links{display:grid;gap:6px;margin:10px 0}.bk301links div{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.bk301links b{min-width:110px}.bk301links code{flex:1;min-width:200px;font-size:12px;padding:6px 8px;border-radius:8px;background:rgba(127,127,127,.1);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
@media (max-width:700px){.bk301g{grid-template-columns:1fr}.bk301two{grid-template-columns:1fr}.bk301tbl{font-size:12px}.bk301tbl th:nth-child(n+6),.bk301tbl td:nth-child(n+6){display:none}}

/* v3.1.1 Bookings tile */
.mh-tile[data-mht="bookings"] small{white-space:nowrap}

/* v3.1.2 · Bookings header, view switch, list, calendar */
.bk312hd{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:10px;margin:4px 0 14px}
.bk312hd h1{margin:0;font-size:28px;letter-spacing:-.02em}.bk312hd p{margin:2px 0 0;opacity:.8}.bk312rq{color:#ea7317}
.bk312top{display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:space-between;gap:8px}
.bk312vw{display:inline-flex;gap:2px;padding:3px;border-radius:12px;background:rgba(127,127,127,.12);margin-bottom:12px}
.bk312vw button{appearance:none;border:0;background:none;color:inherit;font:inherit;font-weight:600;font-size:13.5px;min-height:36px;padding:4px 12px;border-radius:9px;cursor:pointer;display:inline-flex;align-items:center;gap:6px}
.bk312vw button[aria-checked=true]{background:var(--panel,#fff);box-shadow:0 1px 3px rgba(0,0,0,.14)}
.bk312rg{display:flex;flex-wrap:wrap;align-items:flex-end;gap:10px;margin:-4px 0 10px}.bk312rg label{display:flex;flex-direction:column;gap:3px;font-size:12.5px;font-weight:600}
.bk312chip{display:flex;align-items:center;gap:10px;flex-wrap:wrap;font-weight:600;margin:4px 0 8px}
.bk312sum{margin:6px 0;font-size:13px;opacity:.75}
.bk312tw{overflow-x:auto;border-radius:14px;border:1px solid var(--line,rgba(127,127,127,.22));background:var(--card,#fff)}
.bk312tb{width:100%;border-collapse:collapse;font-size:13.5px}
.bk312tb th{position:sticky;top:0;background:var(--card,#fff);text-align:left;font-size:12px;font-weight:600;opacity:.75;padding:9px 10px;border-bottom:1px solid rgba(127,127,127,.25);white-space:nowrap}
.bk312tb td{padding:8px 10px;border-bottom:1px solid rgba(127,127,127,.14);vertical-align:top}
.bk312tb tr>td:first-child{box-shadow:inset 4px 0 0 var(--s);white-space:nowrap}.bk312tb td small{display:block;opacity:.7;font-size:12px}
.bk312tb .n{text-align:right}.bk312tb a{color:inherit;white-space:nowrap}.bk312ac{white-space:nowrap}.bk312ac .btn,.bk312ac .ghost{margin:0 4px 0 0}
.bk312tb tbody tr:hover{background:rgba(127,127,127,.05)}.bk312op>td{padding:8px;background:rgba(127,127,127,.05)}
.bk312cal{max-width:980px}.bk312cm{display:flex;align-items:center;gap:12px;margin-bottom:8px}.bk312cm b{font-size:17px;min-width:160px;text-align:center}
.bk312wk,.bk312grid{display:grid;grid-template-columns:repeat(7,1fr);gap:6px}.bk312wk span{font-size:12px;font-weight:600;opacity:.6;text-align:center}
.bk312d{appearance:none;font:inherit;color:inherit;min-height:84px;padding:6px 8px;border-radius:12px;border:1px solid var(--line,rgba(127,127,127,.2));background:var(--card,#fff);display:flex;flex-direction:column;align-items:flex-start;gap:3px;text-align:left;cursor:pointer}
.bk312d:disabled{cursor:default;opacity:.55}.bk312d.has{border-color:rgba(31,107,74,.45)}.bk312d.has:hover{background:rgba(31,107,74,.06)}
.bk312d.tod{outline:2px solid #ea7317;outline-offset:-1px}.bk312d b{font-size:15px}.bk312n{font-size:12px;font-weight:600}
.bk312dots{display:flex;gap:4px;flex-wrap:wrap}.bk312dots i{font-style:normal;font-size:11px;font-weight:700;padding:0 6px;border-radius:999px;color:#fff}.bk312dots .ok{background:#1f6b4a}.bk312dots .rq{background:#ea7317}
@media (max-width:700px){.bk312hd h1{font-size:24px}.bk312vw{width:100%}.bk312vw button{flex:1;justify-content:center}
  .bk312d{min-height:58px;padding:4px}.bk312n{font-size:10.5px}.bk312dots i{font-size:10px;padding:0 4px}.bk312wk,.bk312grid{gap:3px}
  .bk312tb th:nth-child(4),.bk312tb td:nth-child(4),.bk312tb th:nth-child(7),.bk312tb td:nth-child(7),.bk312tb th:nth-child(9),.bk312tb td:nth-child(9){display:none}}
:root[data-ui="apple"] .bk312vw{border-radius:9px;padding:2px}:root[data-ui="apple"] .bk312vw button{border-radius:7px}
:root[data-ui="google"] .bk312vw{border-radius:999px}:root[data-ui="google"] .bk312vw button{border-radius:999px}:root[data-ui="google"] .bk312vw button[aria-checked=true]{background:#c2e7d0;box-shadow:none}
:root[data-ui="ms"] .bk312vw,:root[data-ui="microsoft"] .bk312vw{border-radius:6px}:root[data-ui="ms"] .bk312vw button,:root[data-ui="microsoft"] .bk312vw button{border-radius:4px}
.bk312bill{font-size:13.5px}.bk312bill .ok,.bk312tb .ok{color:#1f6b4a;font-weight:700;font-size:12px}.bk312bill .op,.bk312tb .op{color:#ea7317;font-weight:700;font-size:12px}
.bk312ch{display:flex;flex-wrap:wrap;align-items:flex-end;gap:10px;margin-bottom:12px}.bk312ch label{display:flex;flex-direction:column;gap:3px;font-size:12.5px;font-weight:600}.bk312ch .btn{margin-left:auto}
.bk312who{appearance:none;border:0;background:none;padding:0;font:inherit;font-weight:700;color:inherit;cursor:pointer;text-align:left}.bk312who:hover{text-decoration:underline}
.bk312tb tr.on{background:rgba(234,115,23,.08)}.bk312sp input{width:72px;margin:0 4px}
@media (max-width:700px){.bk312ch .btn{margin-left:0;width:100%}}
.bk312ft{display:none}
@media (max-width:700px){
  .bk301tabs,.bk301seg{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch;margin-left:-16px;margin-right:-16px;padding:0 16px}
  .bk301tabs::-webkit-scrollbar,.bk301seg::-webkit-scrollbar{display:none}.bk301tabs button,.bk301seg button{flex:none;white-space:nowrap}
  .bk312top{flex-direction:column;align-items:stretch;gap:0}
  .bk312ft{display:inline-flex;margin:0 0 8px}.bk312ft i{font-style:normal;font-size:11px;padding:0 6px;border-radius:999px;background:#ea7317;color:#fff}
  .bk301flt select{display:none}.bk301flt.open select{display:block;flex:1 1 45%}
}

/* v3.1.3 night deals */
.nd313{margin-top:12px;padding:12px;border-radius:14px;border:1px dashed color-mix(in srgb,var(--k,#ea7317) 55%,transparent);background:color-mix(in srgb,var(--k,#ea7317) 6%,transparent)}
.nd313h{display:flex;flex-wrap:wrap;align-items:baseline;gap:8px;margin-bottom:8px}.nd313h b{font-size:15px}
.nd313t{display:inline-flex;flex-wrap:wrap;gap:2px;padding:3px;border-radius:12px;background:rgba(127,127,127,.12);margin-bottom:10px}
.nd313t button{appearance:none;border:0;background:none;color:inherit;font:inherit;font-weight:600;font-size:13.5px;min-height:36px;padding:4px 12px;border-radius:9px;cursor:pointer}
.nd313t button[aria-checked=true]{background:var(--panel,#fff);box-shadow:0 1px 3px rgba(0,0,0,.14);color:var(--k,#ea7317)}
.nd313g{display:flex;flex-wrap:wrap;gap:10px;align-items:flex-end}.nd313g>label{display:flex;flex-direction:column;gap:3px;font-size:12.5px;font-weight:600}.nd313g>label small{font-weight:400;opacity:.7}
.nd313g input[type=number]{width:120px}.nd313m{flex-direction:row!important;align-items:flex-start;gap:8px!important;max-width:360px}.nd313m span{display:flex;flex-direction:column}.nd313m small{font-weight:400;opacity:.75}
.nd313c{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}.nd313c button{min-height:34px;padding:4px 12px;border-radius:999px;border:1px solid var(--line,rgba(127,127,127,.3));background:var(--card,#fff);color:inherit;font:inherit;font-size:13px;cursor:pointer}
.nd313c button[aria-pressed=true]{background:var(--k,#1f6b4a);border-color:var(--k,#1f6b4a);color:#fff}
.nd313i{margin-top:10px;display:flex;flex-wrap:wrap;gap:8px;align-items:center}.nd313i input[type=search]{flex:1;min-width:180px}
.nd313il{flex-basis:100%;display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:4px;max-height:220px;overflow:auto;padding:4px;border-radius:10px;background:var(--card,#fff)}
.nd313il label{display:flex;align-items:center;gap:6px;font-size:13px;padding:4px 6px;border-radius:8px}.nd313il label:hover{background:rgba(127,127,127,.08)}.nd313il small{margin-left:auto;opacity:.6;font-size:11px}
.nd313p{margin:10px 0 0;font-size:13.5px}.nd313r{display:flex;flex-wrap:wrap;gap:6px 16px;margin-top:10px;padding-top:8px;border-top:1px solid rgba(127,127,127,.2);font-size:13px}.nd313r small{opacity:.7}
.nd313tag{font-size:11.5px;font-weight:700;padding:1px 8px;border-radius:999px;background:rgba(234,115,23,.14);color:#c25e0f}
.nd313bar{display:flex;align-items:center;gap:10px;margin:6px 0;padding:8px 10px;border-radius:12px;background:color-mix(in srgb,var(--k) 12%,transparent);border:1px solid color-mix(in srgb,var(--k) 40%,transparent)}
.nd313bar>span:first-child{font-size:20px}.nd313bar>span:nth-child(2){flex:1;min-width:0;display:flex;flex-direction:column}.nd313bar small{opacity:.8;font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.nd313bar .btn{background:var(--k);border-color:var(--k);color:#fff}.nd313ok{color:var(--k);font-size:13px;white-space:nowrap}
.nd313bar.on{animation:nd313pop .35s ease}@keyframes nd313pop{0%{transform:scale(.97)}60%{transform:scale(1.02)}100%{transform:none}}
@media (prefers-reduced-motion:reduce){.nd313bar.on{animation:none}}
:root[data-ui="google"] .nd313t,:root[data-ui="google"] .nd313t button{border-radius:999px}:root[data-ui="ms"] .nd313t,:root[data-ui="microsoft"] .nd313t{border-radius:6px}:root[data-ui="ms"] .nd313t button,:root[data-ui="microsoft"] .nd313t button{border-radius:4px}

/* v3.2.0 · Telegram groups */
.tg320g{margin:0 0 16px;padding:14px;border-radius:14px;border:1px solid var(--line,rgba(127,127,127,.25));background:var(--card,#fff)}
.tg320gh{display:flex;flex-wrap:wrap;gap:10px;align-items:flex-start;justify-content:space-between}.tg320gh h4{margin:0 0 2px}.tg320gh p{margin:0;max-width:640px}
.tg320list{list-style:none;margin:10px 0 0;padding:0;display:grid;gap:6px}.tg320list li{display:flex;flex-wrap:wrap;align-items:center;gap:8px;padding:6px 8px;border-radius:10px;background:rgba(127,127,127,.06)}
.tg320list input{flex:0 1 220px;min-width:140px}.tg320list small{opacity:.65;font-size:12px}.tg320list .sp{flex:1}
.tg320dot{width:10px;height:10px;border-radius:50%;background:#2aabee}.tg320dot.main{background:#1f6b4a}
.tg320found{display:grid;gap:6px;margin-top:10px;padding:8px;border-radius:10px;border:1px dashed rgba(42,171,238,.5)}.tg320found div{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.tg320found small{opacity:.65;flex:1}
.tg320man{margin-top:10px}.tg320man summary{cursor:pointer;font-weight:600;font-size:13px}
.tg320row{display:flex;flex-direction:column;gap:4px}.tg320to{display:flex;flex-wrap:wrap;align-items:center;gap:4px;margin:0 0 6px 30px}.tg320to>span{font-size:11.5px;opacity:.6;margin-right:2px}
.tg320to button{min-height:28px;padding:2px 10px;border-radius:999px;border:1px solid var(--line,rgba(127,127,127,.3));background:var(--card,#fff);color:inherit;font:inherit;font-size:12px;cursor:pointer}
.tg320to button[aria-pressed=true]{background:#2aabee;border-color:#2aabee;color:#fff}
/* kitchen times */
.k320t{display:grid;grid-template-columns:1fr 1fr;gap:12px}.k320box{padding:12px;border-radius:14px;border:1px solid var(--line,rgba(127,127,127,.22));background:var(--card,#fff)}.k320box h4{margin:0 0 8px}
.k320r{display:flex;align-items:center;gap:8px;padding:6px 0;border-bottom:1px solid rgba(127,127,127,.12)}.k320r>span{flex:1;display:flex;flex-direction:column}.k320r>span small{opacity:.65;font-size:12px;font-weight:400}
.k320r input{width:76px;text-align:right}.k320r>small{opacity:.6;width:28px}.k320def{background:rgba(31,107,74,.06);border-radius:10px;padding:8px}
.k320f{display:flex;flex-wrap:wrap;align-items:flex-end;gap:10px;margin-bottom:12px}.k320f label{display:flex;flex-direction:column;gap:3px;font-size:12.5px;font-weight:600}
.k320seg{display:inline-flex;gap:2px;padding:3px;border-radius:12px;background:rgba(127,127,127,.12)}.k320seg button{appearance:none;border:0;background:none;color:inherit;font:inherit;font-weight:600;font-size:13.5px;min-height:36px;padding:4px 12px;border-radius:9px;cursor:pointer}
.k320seg button[aria-checked=true]{background:var(--panel,#fff);box-shadow:0 1px 3px rgba(0,0,0,.14)}
.bk301k.good b{color:#1f6b4a}.bk301k.bad b{color:#d93025}
.k320h{display:flex;align-items:flex-end;gap:6px;height:180px;padding:10px;border-radius:14px;background:rgba(127,127,127,.06);overflow-x:auto;margin-bottom:12px}
.k320h>div{flex:1 0 34px;display:flex;flex-direction:column;align-items:center;gap:2px;height:100%;justify-content:flex-end}
.k320hb{flex:1;width:70%;display:flex;flex-direction:column-reverse;justify-content:flex-start}.k320hb i{display:block;width:100%}.k320hb .ok{background:#1f6b4a;border-radius:0 0 4px 4px}.k320hb .late{background:#ea7317;border-radius:4px 4px 0 0}
.k320h b{font-size:11.5px}.k320h small{font-size:11px;opacity:.65}.bk312tb tr.k320bad td:first-child{box-shadow:inset 4px 0 0 #d93025}
@media (max-width:760px){.k320t{grid-template-columns:1fr}}
/* kitchen screen timer */
.posk2.k320{position:relative;overflow:hidden}.posk2.k320::before{content:"";position:absolute;left:0;top:0;height:4px;width:var(--k320p,0%);background:#1f6b4a;transition:width 1s linear}
.posk2.k320.warn::before{background:#ea7317}.posk2.k320.late::before{width:100%;background:#E03131}
.posk2.k320 header time{font-variant-numeric:tabular-nums;font-size:1.25em;font-weight:800}
.k320ov{display:block;font-size:12px;font-weight:700;opacity:.85;width:100%}.posk2.k320.late .k320ov{opacity:1}
.posk2.k320.warn{border-color:#ea7317}.posk2.k320.warn header{background:color-mix(in srgb,#ea7317 22%,transparent)}
.posk2.k320.late header{animation:k320blink 1s steps(1,end) infinite}
@keyframes k320blink{0%{background:#E03131;color:#fff}50%{background:#7a0f0f;color:#fff}}
@media (prefers-reduced-motion:reduce){.posk2.k320.late header{animation:none;background:#E03131;color:#fff}}
/* hotel shift report */
.hs320{display:grid;gap:12px}.hs320top{display:flex;flex-wrap:wrap;align-items:center;gap:10px}
.hs320seg{display:inline-flex;gap:2px;padding:3px;border-radius:12px;background:rgba(127,127,127,.12)}.hs320seg button{appearance:none;border:0;background:none;color:inherit;font:inherit;font-weight:600;min-height:40px;padding:4px 14px;border-radius:9px;cursor:pointer;display:flex;flex-direction:column;align-items:center;line-height:1.15}
.hs320seg button small{font-weight:400;font-size:11px;opacity:.7}.hs320seg button[aria-checked=true]{background:var(--panel,#fff);box-shadow:0 1px 3px rgba(0,0,0,.14);color:#1f6b4a}
.hs320st{font-size:12px;font-weight:700;padding:3px 10px;border-radius:999px;background:rgba(127,127,127,.15)}.hs320st.good{background:rgba(31,107,74,.15);color:#1f6b4a}.hs320st.warn{background:rgba(234,115,23,.15);color:#b85a0e}.hs320st.bad{background:rgba(217,48,37,.14);color:#c5221f}
.hs320wait,.hs320prev,.hs320ret{display:flex;flex-wrap:wrap;align-items:center;gap:10px;padding:10px 12px;border-radius:12px}.hs320wait{background:rgba(31,107,74,.1);border:1px solid rgba(31,107,74,.35)}.hs320wait span,.hs320prev span{flex:1;min-width:200px}
.hs320prev{background:rgba(234,115,23,.08);border:1px solid rgba(234,115,23,.3)}.hs320ret{background:rgba(217,48,37,.08);border:1px solid rgba(217,48,37,.35)}
.hs320cols{display:grid;grid-template-columns:minmax(260px,340px) 1fr;gap:12px;align-items:start}.hs320nums{position:sticky;top:12px}
.hs320n{display:grid;grid-template-columns:1fr 1fr;gap:8px}.hs320n>div{padding:8px 10px;border-radius:12px;background:rgba(127,127,127,.07);display:flex;flex-direction:column}.hs320n span{font-size:12px;opacity:.7}.hs320n b{font-size:20px}.hs320n small{font-size:11.5px;opacity:.7}
.hs320pay{list-style:none;padding:0;margin:10px 0 0}.hs320pay li{display:flex;justify-content:space-between;padding:4px 0;border-bottom:1px solid rgba(127,127,127,.15)}
.hs320form{display:grid;gap:12px}.hs320form .hm-card{display:grid;gap:10px}.hs320form label{display:flex;flex-direction:column;gap:4px;font-size:13px;font-weight:600}
.hs320form input,.hs320form select,.hs320form textarea{font-size:16px;min-height:44px}
.hs320cash{display:grid;gap:4px;padding:10px;border-radius:12px;background:rgba(127,127,127,.06)}.hs320cash>div{display:flex;justify-content:space-between;font-size:14px}.hs320cash .eq{border-top:1px solid rgba(127,127,127,.3);padding-top:4px;font-weight:700}
.hs320big input{font-size:24px!important;font-weight:700;min-height:54px}
.hs320diff{margin:0;font-weight:700}.hs320diff.good{color:#1f6b4a}.hs320diff.bad{color:#d93025}
.hs320ck{flex-direction:row!important;align-items:flex-start;gap:10px!important}.hs320ck input{width:22px;height:22px;min-height:0;margin-top:2px}.hs320ck span{display:flex;flex-direction:column}.hs320ck small{font-weight:400;opacity:.7}
.hs320iss{display:grid;grid-template-columns:80px 1fr 1fr auto;gap:6px;margin-bottom:6px}
.hs320send{position:sticky;bottom:0;z-index:5;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px;padding:10px 12px;border-radius:14px;background:var(--panel,#fff);box-shadow:0 -2px 12px rgba(0,0,0,.08)}
.hs320send .btn{min-height:48px;padding:0 22px;font-size:16px}
.hs320mgr h3,.hs320inrep h3{margin:0 0 8px}.hs320grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:10px}
.hs320c{padding:12px;border-radius:14px;border:1px solid var(--line,rgba(127,127,127,.22));border-left:5px solid #1f6b4a;background:var(--card,#fff);display:grid;gap:4px}.hs320c.diff{border-left-color:#d93025}
.hs320c header{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.hs320c header span:first-of-type{opacity:.7;flex:1}.hs320c p{margin:0;font-size:13.5px}
.hs320il{margin:2px 0;padding-left:18px;font-size:13px}.hs320rv{font-style:italic;opacity:.85}
.hs320ra{display:flex;flex-wrap:wrap;gap:6px;margin-top:6px}.hs320ra input{flex:1;min-width:160px}
.hs320miss{margin:6px 0 0;color:#b85a0e;font-weight:600}.hs320cfg{margin-top:12px}.hs320cfg summary{cursor:pointer;font-weight:600}
@media (max-width:760px){.hs320cols{grid-template-columns:1fr}.hs320nums{position:static}.hs320iss{grid-template-columns:70px 1fr auto}.hs320iss [data-i=action]{grid-column:1/-1;grid-row:2}.hs320seg{width:100%}.hs320seg button{flex:1}.hs320send{margin:0 -4px;bottom:calc(84px + env(safe-area-inset-bottom,0px))}.hs320send .btn{width:100%}}
:root[data-ui="google"] .hs320seg,:root[data-ui="google"] .hs320seg button,:root[data-ui="google"] .k320seg,:root[data-ui="google"] .k320seg button{border-radius:999px}
:root[data-ui="ms"] .hs320seg,:root[data-ui="microsoft"] .hs320seg,:root[data-ui="ms"] .k320seg,:root[data-ui="microsoft"] .k320seg{border-radius:6px}:root[data-ui="ms"] .hs320seg button,:root[data-ui="microsoft"] .hs320seg button,:root[data-ui="ms"] .k320seg button,:root[data-ui="microsoft"] .k320seg button{border-radius:4px}

/* v3.2.1 · POS promotions portal */
.pp321top{display:inline-flex;gap:2px;padding:3px;border-radius:12px;background:rgba(127,127,127,.12);margin:0 0 12px}
.pp321top button{appearance:none;border:0;background:none;color:inherit;font:inherit;font-weight:600;font-size:14px;min-height:40px;padding:4px 16px;border-radius:9px;cursor:pointer;display:inline-flex;align-items:center;gap:6px}
.pp321top button[aria-selected=true]{background:var(--panel,#fff);box-shadow:0 1px 3px rgba(0,0,0,.14);color:#1f6b4a}.pp321top i{font-style:normal;font-size:11.5px;padding:1px 7px;border-radius:999px;background:#1f6b4a;color:#fff}
.pp321bar{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px}
.pp321grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:12px}
.pp321c{display:flex;flex-direction:column;gap:4px;padding:14px;border-radius:16px;background:var(--card,#fff);border:1px solid var(--line,rgba(127,127,127,.22))}
.pp321c.live{border-color:rgba(31,107,74,.55);box-shadow:0 0 0 3px rgba(31,107,74,.08)}.pp321c.off{opacity:.62}
.pp321c header{display:flex;align-items:center;gap:6px}.pp321c .sp,.pp321form .sp{flex:1}.pp321c h3{margin:6px 0 0;font-size:17px}
.pp321k{font-size:11.5px;font-weight:700;padding:2px 9px;border-radius:999px;color:#fff;background:#e84d8a}.pp321k.c-orange{background:#ea7317}.pp321k.c-purple{background:#7b4dff}.pp321k.c-blue{background:#2f7bff}
.pp321v{margin:0;font-size:20px;font-weight:800;color:#1f6b4a}.pp321w{margin:0;font-size:13px;opacity:.85}
.pp321c footer{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin-top:8px;padding-top:8px;border-top:1px solid rgba(127,127,127,.15)}.pp321live{color:#1f6b4a;font-weight:700;font-size:13px}
.pp321sw{position:relative;display:inline-block;width:44px;height:26px;cursor:pointer}.pp321sw input{position:absolute;opacity:0;inset:0;margin:0;cursor:pointer}
.pp321sw span{position:absolute;inset:0;border-radius:999px;background:rgba(127,127,127,.35);transition:background .2s}.pp321sw span::after{content:"";position:absolute;top:3px;left:3px;width:20px;height:20px;border-radius:50%;background:#fff;box-shadow:0 1px 2px rgba(0,0,0,.3);transition:transform .2s}
.pp321sw input:checked+span{background:#1f6b4a}.pp321sw input:checked+span::after{transform:translateX(18px)}.pp321sw input:focus-visible+span{outline:2px solid #ea7317;outline-offset:2px}
.pp321log{margin-top:16px}.pp321log summary{cursor:pointer;font-weight:600}.pp321log ul{margin:8px 0 0;padding-left:18px;font-size:13px}.pp321log em{opacity:.6;font-style:normal;margin-left:6px}
.pp321form{display:grid;gap:14px;max-width:860px;padding:16px;border-radius:16px;background:var(--card,#fff);border:1px solid var(--line,rgba(127,127,127,.22))}
.pp321form header h2{margin:0}.pp321l{display:flex;flex-direction:column;gap:6px;font-size:13px;font-weight:600}.pp321l input[type=text],.pp321l input[type=search]{min-height:44px;font-size:16px}
.pp321g{display:flex;flex-wrap:wrap;gap:12px;align-items:flex-end}.pp321g>label{display:flex;flex-direction:column;gap:4px;font-size:13px;font-weight:600}.pp321g input[type=number]{width:130px;min-height:40px}
.pp321ck{flex-direction:row!important;align-items:center;gap:6px!important}.pp321ck input{width:20px;height:20px}
.pp321prev{margin:0;padding:10px 12px;border-radius:12px;background:rgba(31,107,74,.08);font-size:13.5px}
.pp321form footer{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.pp321form footer .btn{min-height:44px;padding:0 22px}
@media (max-width:700px){.pp321top{display:flex}.pp321top button{flex:1;justify-content:center}.pp321bar .hx-sw{overflow-x:auto;flex-wrap:nowrap;max-width:100%}.pp321form{padding:12px}.pp321form footer .btn{flex:1}}
:root[data-ui="google"] .pp321top,:root[data-ui="google"] .pp321top button{border-radius:999px}:root[data-ui="ms"] .pp321top,:root[data-ui="microsoft"] .pp321top{border-radius:6px}:root[data-ui="ms"] .pp321top button,:root[data-ui="microsoft"] .pp321top button{border-radius:4px}
.pp321form .nd313il label{flex-direction:row!important;align-items:center;text-align:left;justify-content:flex-start;font-weight:500}.pp321form .nd313il input{width:18px;height:18px;flex:none}
.pp321bar .hx-sw button span{margin-left:6px;font-size:11.5px;padding:0 6px;border-radius:999px;background:rgba(127,127,127,.18)}

/* v3.2.2 Lady Night at the till */
.nd322sum{flex-basis:100%;font-size:12.5px;font-weight:700;color:var(--k);padding-left:30px}
.nd313bar{flex-wrap:wrap}
.nd322new{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:-2px 0 8px;padding:8px 10px;border-radius:12px;background:rgba(234,115,23,.12);border:1px dashed rgba(234,115,23,.55);font-size:13px}.nd322new span{flex:1;min-width:180px}
.nd322f{display:inline-block;margin-top:2px;font-size:12px;font-weight:800;color:#2fa36b;background:rgba(47,163,107,.14);padding:1px 8px;border-radius:999px}
.nd322sheet{position:fixed;inset:0;z-index:400;display:flex;align-items:flex-end;justify-content:center}
.nd322bg{position:absolute;inset:0;background:rgba(0,0,0,.45)}
.nd322p{position:relative;width:min(560px,100%);max-height:86vh;overflow:auto;margin:0 0 0;padding:18px;border-radius:20px 20px 0 0;background:var(--panel,#fff);color:var(--text,#111);display:grid;gap:10px;box-shadow:0 -8px 30px rgba(0,0,0,.25)}
@media (min-width:760px){.nd322sheet{align-items:center}.nd322p{border-radius:20px}}
.nd322p h3{margin:0}.nd322l{display:grid;gap:6px}.nd322l label{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:12px;background:rgba(127,127,127,.08);cursor:pointer;min-height:52px}
.nd322l input{width:22px;height:22px;flex:none}.nd322l span{display:flex;flex-direction:column}.nd322l small{opacity:.7;font-size:12px}
.nd322a{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.nd322a .sp{flex:1}.nd322a .btn{min-height:44px;padding:0 18px}

.nd323p{display:flex;flex-wrap:wrap;align-items:center;gap:6px 14px;margin:10px 0 0;font-size:13px}.nd323p>span{font-weight:700}.nd323p label{display:inline-flex;align-items:center;gap:6px;font-weight:600;min-height:36px;cursor:pointer}.nd323p input{width:18px;height:18px}

/* v3.2.4 offline */
.poff324na{font-size:12.5px;font-weight:700;opacity:.75;white-space:nowrap}
.poff324{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin:0 0 12px;padding:10px 14px;border-radius:14px;border:1px solid var(--line,rgba(127,127,127,.25));background:var(--card,#fff)}
.poff324>div{flex:1;min-width:220px;display:flex;flex-wrap:wrap;gap:4px 10px;align-items:baseline}.poff324 span{font-size:13px;opacity:.8}
.poff324.ok{border-color:rgba(31,107,74,.4)}.poff324.ok b{color:#1f8a55}.poff324.off{border-color:rgba(234,115,23,.55);background:rgba(234,115,23,.08)}.poff324.off b{color:#ea7317}
.poff324.sync b{color:#2f7bff}.poff324.bad{border-color:rgba(217,48,37,.5);background:rgba(217,48,37,.06)}.poff324.bad b{color:#d93025}

/* v3.2.5 fix a double import */
.dup325b{border-color:rgba(234,115,23,.6)!important;color:#ea7317!important}
.dup325l{display:flex;flex-direction:column;gap:8px;margin:10px 0}
.dup325r{display:flex;gap:10px;align-items:flex-start;padding:10px 12px;border:1px solid var(--line,rgba(127,127,127,.25));border-radius:12px;cursor:pointer}
.dup325r.on{border-color:#c0392b;background:rgba(192,57,43,.06)}.dup325r input{margin-top:3px;width:18px;height:18px;flex:none}
.dup325r>div{display:flex;flex-direction:column;gap:3px;min-width:0}.dup325r small{opacity:.75;line-height:1.35}.dup325r small.w{color:#ea7317;opacity:1}
.dup325h{display:flex;flex-wrap:wrap;gap:6px 10px;align-items:baseline}.dup325h em{font-style:normal;font-size:12px;font-weight:700;padding:1px 8px;border-radius:99px}
.dup325h em.cp{background:rgba(192,57,43,.12);color:#c0392b}.dup325h em.og{background:rgba(31,107,74,.14);color:#1f8a55}
.dup325s{display:flex;flex-wrap:wrap;gap:6px 16px;padding:10px 12px;border-radius:12px;background:var(--soft,rgba(127,127,127,.08));font-size:14px}
.dup325s b.bad{color:#c0392b}.dup325s b.good{color:#1f8a55}
.dup325w{color:#ea7317;font-size:13px}.dup325ok{padding:12px 14px;border-radius:12px;background:rgba(31,107,74,.1);margin-bottom:8px}
.dup325arm{background:#c0392b!important;border-color:#c0392b!important;color:#fff!important}

/* v3.2.6 Channex OTA connections + certification */
.cx326l{display:flex;flex-direction:column;gap:6px;margin:8px 0}.cx326r{display:flex;align-items:center;gap:10px;padding:8px 12px;border:1px solid var(--line,rgba(127,127,127,.25));border-radius:12px}
.cx326r>span{flex:1;min-width:0;display:flex;flex-direction:column}.cx326r em{font-style:normal;font-size:12.5px;opacity:.75}.cx326r.on{border-color:rgba(31,107,74,.45)}
.cx326st{font-style:normal;font-size:12px;font-weight:700;padding:2px 9px;border-radius:99px;background:rgba(127,127,127,.15)}.cx326st.ok{background:rgba(31,107,74,.15);color:#1f8a55}.cx326del{color:#c0392b}
.cx326w{margin-top:10px;padding:12px 14px;border-radius:14px;border:1px solid rgba(234,115,23,.5);background:rgba(234,115,23,.05)}.cx326wh{display:flex;align-items:center;gap:10px;margin-bottom:6px}
.cx326codes{display:flex;flex-wrap:wrap;gap:8px;margin:8px 0}.cx326fs{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:10px;margin:8px 0}.cx326fs label{display:flex;flex-direction:column;gap:4px;font-size:13px}
.cx326map{display:flex;flex-direction:column;gap:6px;margin:8px 0}.cx326mr{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.cx326mr>span{flex:1;min-width:180px;display:flex;flex-direction:column}.cx326mr em{font-style:normal;font-size:12.5px;opacity:.75}.cx326mr select{min-width:220px;max-width:100%}
.cx326warn{color:#ea7317;font-size:13px}
.cx326ts{display:flex;flex-direction:column;gap:6px;margin-top:8px}.cx326t{padding:8px 12px;border:1px solid var(--line,rgba(127,127,127,.25));border-radius:12px}.cx326t.cur{border-color:#ea7317;background:rgba(234,115,23,.07)}.cx326t.has{border-color:rgba(31,107,74,.45)}
.cx326th{display:flex;align-items:center;gap:10px}.cx326th>b{width:26px;height:26px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;background:rgba(127,127,127,.15);font-size:13px;flex:none}.cx326th>span{flex:1}
.cx326txt{width:100%;min-height:120px;font-family:ui-monospace,monospace;font-size:12px;margin-top:6px}
@media (max-width:640px){.cx326r{flex-wrap:wrap}.cx326mr select{min-width:0;width:100%}}

/* v3.2.7 Orders · stock search · link import */
.or327h{display:flex;flex-wrap:wrap;gap:8px 12px;align-items:center;margin:0 0 12px}
.or327tabs{display:flex;gap:4px;padding:4px;border-radius:12px;background:var(--panel2,rgba(127,127,127,.12))}.or327tabs button{border:0;background:transparent;padding:8px 14px;border-radius:9px;font-weight:600;cursor:pointer;color:inherit}
.or327tabs button[aria-selected="true"]{background:var(--panel,#fff);box-shadow:0 1px 3px rgba(0,0,0,.12)}.or327n{font-style:normal;font-size:11.5px;padding:1px 7px;border-radius:99px;background:rgba(127,127,127,.18);margin-left:4px}
.or327n.open{background:rgba(234,115,23,.18);color:#c45d00}.or327n.paid{background:rgba(31,107,74,.18);color:#1f8a55}.or327n.void{background:rgba(192,57,43,.14);color:#c0392b}
.or327day{display:flex;align-items:center;gap:4px}.or327arr{width:32px;height:32px;border-radius:8px;border:1px solid var(--line,rgba(127,127,127,.3));background:transparent;cursor:pointer;color:inherit}.or327q{min-width:220px;flex:1}
.or327g{display:flex;flex-direction:column;gap:6px}.or327r{display:grid;grid-template-columns:1fr auto auto;gap:4px 14px;align-items:center;padding:10px 14px;border-radius:12px;border:1px solid var(--line,rgba(127,127,127,.25));background:var(--panel,#fff)}
.or327m{display:flex;flex-direction:column;gap:2px;min-width:0}.or327id{font-family:ui-monospace,monospace;font-size:13.5px}.or327w{font-weight:600}.or327i{font-size:12.5px;opacity:.8}.or327t{font-size:17px;font-variant-numeric:tabular-nums}
.or327st{font-style:normal;font-size:12px;font-weight:700;padding:2px 9px;border-radius:99px;background:rgba(127,127,127,.15)}.or327st.open{background:rgba(234,115,23,.15);color:#c45d00}.or327st.paid{background:rgba(31,107,74,.15);color:#1f8a55}.or327st.void{background:rgba(192,57,43,.12);color:#c0392b}
.or327r.void .or327t,.or327r.void .or327w{text-decoration:line-through;opacity:.6}
.or327a{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:6px;align-items:center}.or327a:empty{display:none}
.or327k div small{display:block;font-size:11.5px;opacity:.7}
@media (max-width:700px){.or327r{grid-template-columns:1fr auto}.or327st{grid-row:2}.or327q{min-width:0;width:100%}}
.sk327{position:relative;width:100%}.sk327i{width:100%}.sk327sel{display:none!important}
.sk327l{position:absolute;left:0;right:0;top:100%;z-index:30;max-height:280px;overflow:auto;background:var(--panel,#fff);border:1px solid var(--line,rgba(127,127,127,.3));border-radius:10px;box-shadow:0 8px 24px rgba(0,0,0,.14);padding:4px;display:flex;flex-direction:column}
.sk327o{text-align:left;border:0;background:transparent;padding:8px 10px;border-radius:7px;cursor:pointer;color:inherit;font-size:13.5px}.sk327o:hover,.sk327o:focus{background:rgba(31,107,74,.12);outline:none}.sk327o.on{font-weight:700}.sk327o.none{opacity:.7}
.lk327b{margin-left:6px}.m283r.error small,.m283r.skip small{color:#c0392b}
.roll327{display:block;width:100%;margin-top:4px}
.or327tabs{overflow-x:auto;flex-wrap:nowrap;max-width:100%;scrollbar-width:none}.or327tabs button{white-space:nowrap}
.or327k div.warn span,.or327k div.warn small{color:#c45d00;opacity:1}
@media (max-width:700px){.or327st{grid-row:auto;grid-column:1;justify-self:start;margin-top:2px}.or327r{grid-template-columns:1fr auto;align-items:start}.or327t{grid-row:1}.or327day{width:100%}}
@media (max-width:700px){.or327r{grid-template-columns:1fr auto}.or327m{grid-column:1;grid-row:1}.or327t{grid-column:2;grid-row:1;align-self:start}.or327st{grid-column:1;grid-row:2}.or327a{grid-row:3}.or327tabs button{padding:7px 9px;font-size:13px}.or327tabs{flex:1}}

/* v3.2.8 tablet PIN first */
.tbs328{min-height:100vh;display:flex;flex-direction:column;background:var(--bg,#0f1015);color:var(--text,#fff)}
.tbs328b{flex:1;display:flex;flex-direction:column;align-items:center;padding:28px 20px 40px;gap:10px;text-align:center}.tbs328b h2{font-size:26px;margin:6px 0 0;letter-spacing:-.01em}
.tbs328g{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;width:min(900px,100%);margin-top:12px}.tbs328g>.tbs328p{width:150px}
.tbs328p{display:flex;flex-direction:column;align-items:center;gap:6px;padding:18px 10px 14px;border-radius:18px;border:1px solid var(--line,rgba(127,127,127,.25));background:var(--panel,#1b1d24);color:inherit;cursor:pointer;min-height:132px}
.tbs328p:active{transform:scale(.97)}.tbs328p b{font-size:16px;line-height:1.2}.tbs328p small{font-size:12.5px;opacity:.7}
.tbs328av{width:56px;height:56px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-weight:700;font-size:20px;background:linear-gradient(135deg,#1f6b4a,#123d2b);color:#fff;flex:none}
.tbs328av.big{width:76px;height:76px;font-size:26px}.tbs328av.sm{width:28px;height:28px;font-size:12px}
.tbs328pin{display:flex;flex-direction:column;align-items:center;gap:10px;position:relative;width:min(360px,100%)}.tbs328me{display:flex;flex-direction:column;align-items:center;gap:4px}.tbs328me b{font-size:20px}.tbs328me small{opacity:.7}
.tbs328back{position:absolute;left:0;top:0;width:44px;height:44px;border-radius:50%;border:0;background:var(--fill,rgba(127,127,127,.15));color:inherit;font-size:26px;cursor:pointer}
.tbs328pad{width:100%}.tbs328ask{justify-content:center;margin-top:10px}
.tbs328me-chip{display:inline-flex;align-items:center;gap:8px;margin-left:auto;padding:5px 12px 5px 5px;border-radius:999px;border:1px solid var(--line,rgba(127,127,127,.3));background:var(--fill,rgba(127,127,127,.12));color:inherit;cursor:pointer;font-size:14px}
.tbs328me-chip span:last-child{color:#ea7317;font-weight:700}
.tbs328warn{display:flex;flex-direction:column;gap:4px;padding:10px 14px;border-radius:12px;background:rgba(234,115,23,.10);border:1px solid rgba(234,115,23,.45);margin:10px 0}.tbs328warn.ok{background:rgba(31,107,74,.10);border-color:rgba(31,107,74,.4)}
.tbs328warn span{font-size:13.5px}.tbs328cfg{margin-top:14px}

/* v3.2.9 permissions · discount buttons · kitchen display */
.perm329,.disc329{margin-top:18px}.perm329 td.c,.perm329 th.c{text-align:center;width:90px}.perm329 input[type=checkbox]{width:20px;height:20px}
.disc329l{display:flex;flex-direction:column;gap:6px;margin:8px 0}.disc329r{display:grid;grid-template-columns:minmax(0,1fr) 110px 100px auto;gap:6px;align-items:center}.dc329pin{font-size:13px;white-space:nowrap}
.dc329b{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:6px}.dc329{display:flex;flex-direction:column;align-items:flex-start;gap:2px;min-width:110px;padding:10px 14px;border-radius:14px;border:1px solid rgba(31,107,74,.45);background:rgba(31,107,74,.10);color:inherit;cursor:pointer;text-align:left}
.dc329 b{font-size:20px;color:#1f8a55}.dc329 span{font-size:12.5px;opacity:.8}.dc329:active{transform:scale(.97)}
form.dc329only>label:not(.w2),form.dc329only>label.w2,form.dc329only>button.btn{display:none}
.posr-st{margin-top:6px;display:block}.posr-st[hidden]{display:none}
body.kds329 #view nav.postabs,body.kds329 #view .posshift,body.kds329 #view .postop .poso,body.kds329 .px9bar,body.kds329 #view .fl287,body.kds329 .mbar,body.kds329 #view [data-postab]{display:none!important}
.kds329h{display:flex;flex-wrap:wrap;align-items:baseline;gap:6px 14px;padding:10px 16px;border-radius:12px;margin:8px 0;background:rgba(31,107,74,.12);border:1px solid rgba(31,107,74,.4)}.kds329h b{font-size:17px}
@media (max-width:600px){.disc329r{grid-template-columns:1fr 80px 80px}.dc329pin{grid-column:1/-1}}
body.kds329 #view [data-pos="tabview"],body.kds329 #view .px9dots{display:none!important}

/* v3.3.0 · "No order yet" tables stand out in orange */
.st-seated{--c:#F08A24}
.pmr.busy.st-seated{border-style:dashed}
.pmr.busy.st-seated .pmpill{background:#F08A24;color:#fff}
.s287-seated{border-color:#F08A24!important}
em.ar287pill.s287-seated{background:#F08A24;color:#fff}
.pmlegend .st-seated:before{background:#F08A24}
/* v3.3.0 · 4-digit PIN pad: no OK key */
.pospad .pin330sp{display:block}
.pospad.pin330unk .pospad-d:after{content:"Longer PIN? Keep typing, then OK";display:block;width:100%;font-size:11px;color:var(--muted);text-align:center;margin-top:4px}
.pospad.pin330unk .pospad-d{flex-wrap:wrap}
/* v3.3.0 · Setup → Printers: where each area prints */
.pa330{margin-top:18px}
.pa330t{overflow-x:auto;border:1px solid var(--line);border-radius:12px}
.pa330t table{width:100%;border-collapse:collapse;font-size:13.5px}
.pa330t th,.pa330t td{padding:8px 10px;text-align:left;vertical-align:top;border-top:1px solid var(--line)}
.pa330t thead th{border-top:0;font-size:12px;color:var(--muted);font-weight:600;background:color-mix(in srgb,var(--line) 35%,transparent)}
.pa330t tbody th small{display:block;color:var(--muted);font-weight:400}
.pa330p{display:inline-block;margin:0 4px 4px 0;padding:2px 8px;border-radius:99px;background:color-mix(in srgb,#1f6b4a 14%,transparent);color:var(--fg,inherit);font-weight:600;font-size:12.5px}
.pa330n{color:var(--muted);font-size:12.5px}
.pa330x{display:block;color:#b45309;font-size:11.5px}
tr.pa330e td{border-top:0;padding-top:0;padding-bottom:12px}
.pa330l{font-size:12px;color:var(--muted);margin-right:6px}
.pa330c{margin:2px 6px 2px 0;padding:6px 10px;min-height:36px;border-radius:99px;border:1px solid var(--line);background:transparent;color:inherit;font:inherit;font-size:13px;cursor:pointer}
.pa330c small{color:var(--muted)}
.pa330c.on{background:#1f6b4a;border-color:#1f6b4a;color:#fff}.pa330c.on small{color:#d7eadf}
.pa330c:focus-visible,.qr330s:focus-visible{outline:2px solid #F08A24;outline-offset:2px}
tr.pa330o th,tr.pa330o td{background:color-mix(in srgb,var(--line) 20%,transparent)}
@media (max-width:640px){.pa330t thead{display:none}.pa330t tr{display:block;border-top:1px solid var(--line)}.pa330t tbody th,.pa330t td{display:block;border:0;padding:6px 12px}.pa330t td[data-l]:before{display:inline-block;min-width:76px;color:var(--muted);font-size:12px}
  .pa330t td[data-l="receipt"]:before{content:"🧾 Bills"}.pa330t td[data-l="kitchen"]:before{content:"🍳 Kitchen"}.pa330t td[data-l="bar"]:before{content:"🍸 Bar"}}
/* v3.3.0 · table QR card colour */
.qr330pick{display:inline-flex;gap:6px;margin:0 8px 6px 0;vertical-align:middle}
.qr330s{padding:6px 12px;min-height:36px;border-radius:99px;border:2px solid transparent;font:inherit;font-size:13px;font-weight:600;cursor:pointer}
.qr330-green{background:#0F3D2E;color:#fff}.qr330-orange{background:#F08A24;color:#0F3D2E}
.qr330s[aria-pressed="true"]{border-color:var(--fg,#111);box-shadow:0 0 0 2px var(--bg,#fff) inset}
.qr330s[aria-pressed="true"]:after{content:" ✓"}
.pa330t th,.pa330t td{text-transform:none;letter-spacing:normal;background:transparent}
.pa330t thead th{text-transform:none}
.pa330t tbody tr:nth-child(n) td,.pa330t tbody tr:nth-child(n) th{background:transparent}
.pa330t tbody tr.pa330o td,.pa330t tbody tr.pa330o th{background:color-mix(in srgb,var(--line) 22%,transparent)}
.pa330t tbody th b{font-size:14px}
.pa330t .pa330l{color:#6b7280;font-weight:600}
.pa330t tr.pa330e td{background:transparent!important}
.pa330p{white-space:nowrap}
.pa330c.on small{color:#e6f2ea}

/* v3.3.1 · kitchen screen: Accept, then Ready */
.posk2.k331new{outline:3px solid #F08A24;outline-offset:-3px}
.posk2.k331new header{background:color-mix(in srgb,#F08A24 18%,transparent)}
.k331wait,.k331cook{font-style:normal;font-weight:700;font-size:12.5px;padding:2px 8px;border-radius:99px;margin-right:6px;white-space:nowrap}
.k331wait{background:#F08A24;color:#fff}
.k331cook{background:color-mix(in srgb,#1f6b4a 22%,transparent);color:inherit}
.btn.k331acc{background:#F08A24;border-color:#F08A24;color:#fff;min-height:44px;padding:0 18px;font-size:15px}
.k331w{color:#F08A24}
.k331ks{margin-top:8px}
.k331cfg{margin-top:18px}
.dev331{margin-top:18px}
.dev331l{list-style:none;margin:6px 0 10px;padding:0;display:grid;gap:6px}
.dev331l li{display:flex;justify-content:space-between;gap:10px;padding:8px 12px;border:1px solid var(--line);border-radius:10px}
.dev331l li span{color:var(--muted);font-size:13px}
.k331bar{padding:6px 12px;font-weight:700;font-size:13.5px}
.k331bar.new{background:#F08A24;color:#fff}
.k331bar.go{background:color-mix(in srgb,#1f6b4a 30%,transparent)}
.posk2 .btn.k331acc,.btn.sm.k331acc{background:#F08A24!important;border-color:#F08A24!important;color:#fff!important}
.k331cfg label,.dev331 label,.dev331 .pf label{color:inherit!important}
.dev331l li span{color:inherit;opacity:.7}
.dev331l li b{color:inherit}

/* v3.3.2 · POS staff grouped */
.stf332g{margin:16px 0 4px}
.stf332h{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:0 0 6px;font-size:16px;font-weight:700;color:inherit}
.stf332h.sm{font-size:14.5px;margin-top:10px}
.stf332h i{font-style:normal;font-size:12px;font-weight:700;padding:1px 8px;border-radius:99px;background:color-mix(in srgb,#1f6b4a 16%,transparent);color:inherit}
.stf332h em{font-style:normal;font-size:12px;font-weight:700;padding:1px 8px;border-radius:99px;background:#F08A24;color:#fff}
.stf332h small{flex-basis:100%;font-weight:400;font-size:12.5px;opacity:.7;margin-left:30px}
details.stf332g>summary{cursor:pointer;list-style:none;padding:10px 12px;border:1px solid var(--line);border-radius:12px;min-height:44px}
details.stf332g>summary::-webkit-details-marker{display:none}
details.stf332g>summary:before{content:"›";display:inline-block;width:14px;font-size:18px;transition:transform .15s}
details.stf332g[open]>summary:before{transform:rotate(90deg)}
details.stf332g[open]>summary{border-bottom-left-radius:0;border-bottom-right-radius:0;margin-bottom:6px}
.stf332also{font-size:12px;opacity:.65;margin-left:6px;white-space:nowrap}
.stf332pins{margin:8px 0 14px}
@media (prefers-reduced-motion:reduce){details.stf332g>summary:before{transition:none}}
.dev332r{flex-wrap:wrap;align-items:center}
.dev332r>div:first-child{display:flex;flex-direction:column;gap:2px;min-width:0}
.dev332r .dev332u{font-size:12.5px;opacity:.75}
.dev332r code,.dev332kv code{font-size:13px;padding:1px 6px;border-radius:6px;background:color-mix(in srgb,var(--line) 45%,transparent)}
.dev332cred{margin:10px 0;padding:12px 14px;border-radius:12px;border:2px solid #F08A24;background:color-mix(in srgb,#F08A24 10%,transparent)}
.dev332kv{display:grid;grid-template-columns:auto 1fr;gap:6px 12px;margin:8px 0;align-items:center}
.dev332kv code{font-size:16px;font-weight:700;letter-spacing:.03em;justify-self:start;user-select:all}
.dev332add{margin:14px 0 6px;font-size:14px}
/* v3.3.2 · menu numbers */
.positem,[data-tbitem]{position:relative}
.mn332{position:absolute;top:6px;left:6px;z-index:2;font-style:normal;font-size:11.5px;font-weight:800;line-height:1;padding:3px 6px;border-radius:7px;background:#0F3D2E;color:#fff;box-shadow:0 1px 2px rgba(0,0,0,.25);letter-spacing:.02em;pointer-events:none}
.mn332.l{position:static;display:inline-block;margin-right:6px;vertical-align:middle;box-shadow:none}
.mn332bar{display:flex;flex-wrap:wrap;gap:8px;align-items:center;justify-content:space-between;width:100%;padding:8px 12px;margin:0 0 8px;border-radius:12px;background:color-mix(in srgb,#F08A24 12%,transparent);border:1px solid color-mix(in srgb,#F08A24 40%,transparent);font-size:13.5px}
/* v3.3.2 · 10" tablet in portrait (768–900 px): keep the Settings sidebar instead of the Section dropdown */
@media (min-width:761px) and (max-width:900px){
  .w11{grid-template-columns:212px minmax(0,1fr)!important;gap:16px!important}
  .w11nav{position:sticky!important;top:12px}
  .w11list{display:flex!important}
  .w11sel{display:none!important}
  .w11o small{font-size:11.5px}
  .w11h h2{font-size:24px}
}
/* POS Dashboard header: the title never squeezes on tablets */
@media (max-width:1024px){
  .bo234h{grid-template-columns:minmax(0,1fr)!important;grid-template-areas:"nav" "title" "act"!important}
  .bo234t b{white-space:nowrap}
}
/* staff tables fit the content column on tablets */
.stf332t table{width:100%;table-layout:fixed}
.stf332t th:nth-child(1){width:34%}.stf332t th:nth-child(2){width:38%}
.stf332t select{width:100%;max-width:240px}
.stf332t .accmods{display:flex;flex-wrap:wrap;gap:4px}
.stf332t .accb span{white-space:normal;word-break:break-word}
.stf332t td{overflow-wrap:anywhere}
.mkrep-t.stf332t{overflow-x:visible}
.mkrep-t.stf332t table{min-width:0!important}
.stf332t th:nth-child(1){width:32%}.stf332t th:nth-child(2){width:40%}.stf332t th:nth-child(3){width:28%}
@media (max-width:1024px){.stf332t td,.stf332t th{padding-left:8px!important;padding-right:8px!important}.stf332t .accb{padding:4px 6px}}

/* v3.3.3 · order code on tiles: room for codes like BB01 */
.mn332{max-width:calc(100% - 12px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

/* v3.3.4 · code badge on Front Sale dish cards */
.tbc-img{position:relative}
.tbc .mn332{top:8px;left:8px}
.tbc-ed .mn332{display:none}
/* ===== v3.3.4 · sign-in screens: photos, a grid that fits phone, tablet and PC ===== */
.f334{position:relative;display:grid;place-items:center;width:72px;height:72px;border-radius:50%;overflow:hidden;flex:none;background:linear-gradient(135deg,#1f6b4a,#0F3D2E);color:#fff;box-shadow:0 0 0 3px color-mix(in srgb,#F08A24 0%,transparent),0 2px 8px rgba(0,0,0,.25)}
.f334 i{font-style:normal;font-weight:800;font-size:24px;letter-spacing:.02em}
.f334 img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:1}
.f334.big{width:104px;height:104px;margin:0 auto 10px;box-shadow:0 0 0 4px #F08A24,0 4px 14px rgba(0,0,0,.3)}.f334.big i{font-size:34px}
.u334lock .poslock-g,.u334lock .tbs328g{display:grid!important;grid-template-columns:repeat(auto-fill,minmax(140px,1fr))!important;gap:14px!important;width:100%;max-width:1080px;margin:0 auto!important;padding:0 4px}
button.u334{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:flex-start!important;gap:8px!important;padding:16px 10px 14px!important;min-height:0!important;height:auto!important;border-radius:18px!important;text-align:center!important;cursor:pointer}
button.u334 b{font-size:15px;line-height:1.2;overflow-wrap:anywhere}
button.u334 span:not(.f334){font-size:12px;opacity:.7}
button.u334:hover .f334,button.u334:focus-visible .f334{box-shadow:0 0 0 3px #F08A24,0 2px 8px rgba(0,0,0,.25)}
button.u334:focus-visible{outline:3px solid #F08A24;outline-offset:2px}
@media (max-width:600px){.u334lock .poslock-g,.u334lock .tbs328g{grid-template-columns:repeat(auto-fill,minmax(104px,1fr))!important;gap:10px!important}.f334{width:56px;height:56px}.f334 i{font-size:19px}button.u334{padding:12px 6px!important}button.u334 b{font-size:13.5px}}
@media (min-width:1280px){.u334lock .poslock-g,.u334lock .tbs328g{grid-template-columns:repeat(auto-fill,minmax(160px,1fr))!important}.f334{width:88px;height:88px}}
/* ===== v3.3.4 · Front Sale tablet floor ===== */
body.tb334on .tb .tb-cats,body.tb334on .tb .tb-body,body.tb334on .tb .tb-menu,body.tb334on .tb .tb-cart,body.tb334on .tb .tb-q,body.tb334on .tb .p227side,body.tb334on .tb>nav,body.tb334on .tb>main,body.tb334on .tb>aside{display:none!important}
.tb334f{padding:10px 14px 24px;overflow:auto;-webkit-overflow-scrolling:touch}
.tb334bar{display:flex;flex-wrap:wrap;gap:8px;align-items:center;justify-content:space-between;margin-bottom:6px}
.tb334secs{display:flex;flex-wrap:wrap;gap:6px}
.tb334secs button,.tb334tab{min-height:38px;padding:0 14px;border-radius:999px;border:1px solid var(--line,#ddd);background:var(--panel,#fff);color:inherit;font:inherit;font-weight:700;font-size:14px;cursor:pointer}
.tb334secs button[aria-pressed="true"]{background:#0F3D2E;border-color:#0F3D2E;color:#fff}
.tb334secs i{font-style:normal;font-weight:600;opacity:.7;font-size:12px}
.tb334tab{background:#F08A24;border-color:#F08A24;color:#fff}
.tb334leg{display:flex;flex-wrap:wrap;gap:4px 14px;font-size:12.5px;opacity:.8;margin:4px 0 8px}
.tb334leg span:before{content:"";display:inline-block;width:9px;height:9px;border-radius:3px;margin-right:6px;background:var(--c)}
.tb334g{margin:14px 0 8px;font-size:16px}.tb334g small{font-weight:500;opacity:.65;font-size:12.5px;margin-left:6px}
.tb334grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px}
.tb334t{--c:#6B7280;display:flex;flex-direction:column;align-items:stretch;gap:6px;text-align:left;min-height:118px;padding:12px;border-radius:16px;border:2px solid color-mix(in srgb,var(--c) 55%,transparent);background:color-mix(in srgb,var(--c) 10%,var(--panel,#fff));color:inherit;font:inherit;cursor:pointer}
.tb334t:focus-visible{outline:3px solid #F08A24;outline-offset:2px}
.tb334h{display:flex;justify-content:space-between;align-items:baseline}.tb334h b{font-size:20px}.tb334h small{font-size:12.5px;opacity:.75}
.tb334t em{align-self:flex-start;font-style:normal;font-weight:700;font-size:12.5px;padding:3px 10px;border-radius:999px;background:color-mix(in srgb,var(--c) 22%,transparent);color:color-mix(in srgb,var(--c) 80%,var(--text,#111))}
.tb334m{display:flex;justify-content:space-between;align-items:baseline}.tb334m strong{font-size:18px}.tb334m small{font-size:12px;opacity:.7}
.tb334w{font-size:12.5px;opacity:.8}.tb334free{margin-top:auto;font-size:13px;opacity:.6}
.s-free{--c:#6B7280}.s-seated{--c:#F08A24}.s-order{--c:#3B82F6}.s-kitchen{--c:#D97706}.s-ready{--c:#16A34A}.s-served{--c:#14B8A6}.s-bill{--c:#8B5CF6}
.tb334t.s-seated{border-style:dashed}.tb334t.s-seated em{background:#F08A24;color:#fff}
.tb334t.s-free{background:var(--panel,#fff);border-color:var(--line,#ddd)}
.tb334note{margin:0 0 8px;padding:8px 12px;border-radius:12px;background:color-mix(in srgb,#F08A24 14%,transparent);font-weight:600;font-size:13.5px}
.tb334back{flex:none;min-height:38px;padding:0 14px;border-radius:999px;border:0;background:#0F3D2E;color:#fff;font:inherit;font-weight:700;cursor:pointer;margin-right:8px}
@media (max-width:600px){.tb334grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr))}.tb334t{min-height:104px}}
/* ===== v3.3.4 · slim headers: till and tablet ===== */
@media (min-width:900px){
  body.posui .p226top{grid-template-columns:auto minmax(0,1fr) auto auto!important;grid-template-areas:"brand tabs fs dots"!important;padding:6px 12px!important;gap:6px 12px!important;align-items:center!important}
  body.posui .p226top .posbrand img{width:32px!important;height:32px!important}
  body.posui .p226top .posbrand select,body.posui .p226top .posbrand .posout{font-size:15px!important;min-height:30px!important}
  body.posui .p226top .p226sub{font-size:11.5px!important}
  body.posui .p226top .postabs{justify-self:center!important}
  body.posui .p226top .postabs button{min-height:36px!important;padding:0 11px!important;font-size:13.5px!important}
  body.posui .p226top .px10fs,body.posui .p226top .px9dots{min-height:36px!important;height:36px!important}
}
body.posui .ev292bar{margin:6px 12px 0!important}
body.posui .ev292chip{padding:4px 12px!important;border-radius:999px!important;flex-wrap:nowrap!important;white-space:nowrap;overflow:hidden;font-size:13px}
body.posui .ev292chip span{font-size:15px!important}body.posui .ev292chip b{font-size:14px}body.posui .ev292chip em{font-size:12px;overflow:hidden;text-overflow:ellipsis}
body.posui .posfloor{padding-top:8px!important}
body.posui .posfloor .fl287{margin:0 0 6px!important;gap:6px 8px!important;align-items:center}
body.posui .posfloor .fl287l{flex:0 1 auto!important;display:flex;flex-wrap:wrap;gap:6px;align-items:center}
body.posui .posfloor .fl287l .pmsvc{margin:0!important;display:inline-flex;gap:4px}
body.posui .posfloor .fl287l .pmsvc button,body.posui .posfloor .fl287 .pmsecs button,body.posui .posfloor .fl287r>button{min-height:34px!important;padding:0 11px!important;font-size:13px!important}
body.posui .posfloor .fl287r{flex:1 1 auto;justify-content:flex-end}
body.posui .posfloor .fl287 .fl287g{flex-basis:100%;margin:0!important;font-size:12px}
.tb .tb-h{min-height:0}
@media (min-width:900px){.tb .tb-h{padding-top:6px!important;padding-bottom:6px!important}}
body.tb334on .tb .tb-m{display:none!important}
button.u334{width:100%!important;min-width:0!important;max-width:none!important;box-sizing:border-box}
.u334lock .tbs328g,.u334lock .poslock-g{box-sizing:border-box}
@media (min-width:900px) and (max-width:1366px){
  body.posui .p226top .posbrand{max-width:300px}
  body.posui .p226top .p226sub{overflow:hidden;text-overflow:ellipsis}
  body.posui .p226top .postabs button{padding:0 8px!important;font-size:13px!important;gap:5px!important}
  body.posui .p226top .postabs button svg{width:15px;height:15px}
  body.posui .p226top .px10fs span{display:none}
  body.posui .p226top .px10fs{padding:0 10px!important;min-width:40px}
}

/* ===== v3.3.5 · slimmer order list on the till ===== */
html body .posw .posticket .posth>div{display:flex!important;flex-wrap:wrap;align-items:center;gap:4px 8px}
html body .posw .posticket .posth>div>b{font-size:20px;line-height:1.1}
html body .posw .posticket .posth .hint{flex-basis:100%;font-size:12px;margin:0}
html body .posw .posticket .posth{padding-bottom:4px!important;margin-bottom:4px!important}
html body .posw .posticket .nd293bill{margin:4px 0!important}
html body .posw .posticket .nd293bill .p1{padding:6px 10px!important;gap:6px 8px!important;align-items:center!important;min-height:0!important}
html body .posw .posticket .nd293bill .nd293t{font-size:12.5px!important;line-height:1.25;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
html body .posw .posticket .nd293bill button{min-height:28px!important;padding:0 10px!important;font-size:12px!important}
html body .posw .posticket .nd296w,html body .posw .posticket .p225add{display:inline-flex!important;vertical-align:middle;margin:2px 6px 2px 0!important;padding:0!important}
html body .posw .posticket .nd296w button,html body .posw .posticket .p225add button{min-height:30px!important;padding:0 10px!important;font-size:12.5px!important;width:auto!important}
html body .posw .posticket .pmhead{display:flex!important;flex-wrap:wrap;gap:5px!important;margin:4px 0!important;align-items:center}
html body .posw .posticket .pmhead .pmpill,html body .posw .posticket .pmhead .pmgb{min-height:30px!important;padding:3px 10px!important;font-size:12.5px!important;line-height:1.2}
html body .posw .posticket .pm335m{border-style:solid!important;color:#F08A24!important;border-color:color-mix(in srgb,#F08A24 55%,transparent)!important}
html body .posw .posticket .nd313bar{padding:6px 10px!important;margin:4px 0!important;gap:8px!important;min-height:0!important}
html body .posw .posticket .nd313bar small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}
html body .posw .posticket .nd313bar button{min-height:28px!important;padding:0 12px!important;font-size:12px!important}
html body .posw .posticket .p154seats{margin:4px 0!important;gap:4px!important}
html body .posw .posticket .p154seats button{min-height:28px!important;min-width:30px;padding:0 9px!important;font-size:12.5px!important}
/* each line: name and its small chips on the left, quantity · price · % · ✕ on the right — two short rows at most */
.posticket .poslines .posl{display:grid!important;grid-template-columns:minmax(0,1fr) auto auto auto auto!important;align-items:center!important;gap:4px 6px!important;padding:6px 0!important;min-height:0!important}
html body .posw .posticket .poslines .posl-m{display:flex!important;flex-wrap:wrap!important;align-items:center!important;gap:3px 5px!important;min-width:0}
html body .posw .posticket .poslines .posl-m>b{flex-basis:100%;font-size:14px;line-height:1.2}
html body .posw .posticket .poslines .posl-m>button,html body .posw .posticket .poslines .posl-m .p154st,html body .posw .posticket .poslines .posl-m .poscc{min-height:22px!important;height:22px;padding:0 7px!important;font-size:11px!important;border-radius:999px!important;line-height:20px;margin:0!important;border-width:1px!important}
html body .posw .posticket .poslines .posl-m .pospromo{font-size:11px}
html body .posw .posticket .poslines .posl-q{gap:3px!important}
html body .posw .posticket .poslines .posl-q .pq{min-width:30px!important;min-height:30px!important;width:30px;height:30px;padding:0!important}
html body .posw .posticket .poslines .posl-p{font-size:14px;text-align:right}
html body .posw .posticket .poslines .pqd,html body .posw .posticket .poslines .pqx{min-width:28px!important;min-height:28px!important;width:28px;height:28px;padding:0!important}
html body .posw .posticket .postot{margin:6px 0!important}
html body .posw .posticket .postot>div{padding:2px 0!important}
html body .posw .posticket .postot .big dt{font-size:16px!important}
html body .posw .posticket .postot .big dd{font-size:26px!important;line-height:1.1}
@media (max-width:420px){.posticket .poslines .posl{grid-template-columns:minmax(0,1fr) auto auto!important}html body .posw .posticket .poslines .pqd{display:none}}

html body .posw .posticket .posth>div{display:flex!important;flex-direction:row!important;justify-content:flex-start!important;text-align:left!important}
html body .posw .posticket .posth>div>*{margin:0!important}
html body .posw .posticket .p225add button,html body .posw .posticket .nd296w button{display:inline-flex!important;width:auto!important;flex:none!important}
html body .posw .posticket .nd293bill .p1{display:flex!important;flex-wrap:nowrap!important}
html body .posw .posticket .nd293bill .nd293a{display:flex!important;gap:4px;flex:none;margin:0!important}
html body .posw .posticket .poslines .posl-m{align-items:center!important;justify-content:flex-start!important;text-align:left!important}
html body .posw .posticket .poslines .posl-m>b{text-align:left!important}
html body .posw .posticket .poslines .posl-m>*{width:auto!important;max-width:none!important}
html body .posw .posticket .poslines .posl-m{flex-direction:row!important}
html body .posw .posticket .nd293bill .p1{flex-wrap:wrap!important}
html body .posw .posticket .nd293bill .nd293t{flex:1 1 150px!important;min-width:0}
html body .posw .posticket .nd296w{display:flex!important;flex-wrap:wrap;gap:6px;margin:4px 0!important}
html body .posw .posticket .p225add.u335gone{display:none!important}
/* name + controls on the first row, the small chips across the full width under it */
html body .posw .posticket .poslines .posl-m{display:contents!important}
html body .posw .posticket .poslines .posl-m>b{grid-column:1;grid-row:1;align-self:center}
html body .posw .posticket .poslines .posl-m>.u335c{grid-column:1/-1;grid-row:2;display:flex;flex-wrap:wrap;gap:4px 5px;align-items:center}
html body .posw .posticket .poslines .posl-m>.u335c>*{width:auto!important;max-width:none!important;flex:none!important;margin:0!important}
html body .posw .posticket .poslines .posl-m>.u335c>button,html body .posw .posticket .poslines .posl-m>.u335c .poscc,html body .posw .posticket .poslines .posl-m>.u335c .p154st{min-height:22px!important;height:22px;padding:0 8px!important;font-size:11px!important;border-radius:999px!important;line-height:20px;border-width:1px!important}
html body .posw .posticket .poslines .posl-q,html body .posw .posticket .poslines .posl-p,html body .posw .posticket .poslines .pqd,html body .posw .posticket .poslines .pqx{grid-row:1}

/* ===== v3.4.0 · settings pages ===== */
.b340{margin:6px 0 18px;padding:12px 14px;border:1px solid var(--line);border-radius:14px}
.b340f{display:flex!important;flex-wrap:wrap;align-items:flex-end;gap:10px}
.b340in{display:flex;align-items:center;gap:8px}.b340in input{width:90px}
.s340{display:flex;flex-direction:column;gap:8px;margin-top:18px}
.s340r{display:flex!important;align-items:center;gap:12px;padding:10px 12px;border:1px solid var(--line);border-radius:12px;color:inherit!important}
.s340r>span{flex:1;display:flex;flex-direction:column;gap:2px}.s340r small{opacity:.7;font-size:12.5px}
.s340r input[type=number]{width:64px;min-height:30px;padding:2px 6px;display:inline-block}
.s340 .btn{align-self:flex-start}
/* Cash Register under the logo */
.cr340{position:relative;display:inline-grid;place-items:center;padding:0;border:0;background:transparent;cursor:pointer;border-radius:10px;flex:none;line-height:0}
.cr340 img{display:block}
.cr340 i{position:absolute;right:-6px;bottom:-6px;font-style:normal;font-size:12px;line-height:1;background:#F08A24;border-radius:999px;padding:3px;box-shadow:0 0 0 2px var(--panel,#fff)}
.cr340.on{box-shadow:0 0 0 2px #F08A24}
.cr340:focus-visible{outline:3px solid #F08A24;outline-offset:2px}
/* smooth page change */
@keyframes v340in{from{opacity:.0;transform:translateY(4px)}to{opacity:1;transform:none}}
.v340in{animation:v340in .18s ease-out}
@media (prefers-reduced-motion:reduce){.v340in{animation:none}}
.cr340s{margin-top:14px;display:flex;flex-direction:column;gap:8px}
.cr340s>button{align-self:flex-start}
.cr340t{overflow-x:auto;border:1px solid var(--line);border-radius:12px}
.cr340t table{width:100%;border-collapse:collapse;font-size:12.5px}
.cr340t th,.cr340t td{padding:7px 9px;border-top:1px solid var(--line);text-align:left;white-space:nowrap}
.cr340t thead th{border-top:0;font-size:11.5px;opacity:.7}
.cr340t .n{text-align:right}.cr340t .bad{color:#e5484d;font-weight:700}
body.posui .p226top .cr340{width:32px;height:32px;grid-row:1/3}
body.posui .p226top .cr340 img{width:32px!important;height:32px!important}

/* v3.4.1 Running bills views */
.rb341{display:inline-flex;align-self:flex-end;padding:3px;gap:2px;border-radius:12px;background:var(--panel2,#f1f2f0);border:1px solid var(--line)}
.rb341 button{display:inline-flex;align-items:center;gap:6px;min-height:36px;padding:0 12px;border:0;border-radius:9px;background:transparent;color:var(--muted);font:inherit;font-size:13.5px;font-weight:700;cursor:pointer;transition:background .15s,color .15s}
.rb284h>.rb341{flex:0 0 auto}
.rb341 button[aria-checked="true"]{background:#14532d;color:#fff;box-shadow:0 1px 3px rgba(0,0,0,.18)}
.rb341 button:focus-visible{outline:2px solid #F08A24;outline-offset:1px}
.rb284k>div.warn span{color:#9A3412!important}
/* List: one line per bill */
.rb284g.rb341-list{grid-template-columns:1fr;gap:6px}
.rb341-list .rb284m{grid-template-columns:minmax(150px,1.1fr) minmax(0,2.4fr) minmax(0,1.6fr) auto;grid-template-areas:"w i s t";align-items:center;padding:10px 48px 10px 14px}
.rb341-list .rb284w b{font-size:16px}.rb341-list .rb284t{font-size:18px}
.rb341-list .rb284x{top:50%;transform:translateY(-50%)}
@media (max-width:820px){.rb341-list .rb284m{grid-template-columns:1fr auto;grid-template-areas:"w t" "i i" "s s"}.rb341-list .rb284x{top:8px;transform:none}}
/* Compact: small tiles, the essentials only */
.rb284g.rb341-compact{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:8px}
.rb341-compact .rb284r{border-left-width:4px}
.rb341-compact .rb284m{grid-template-columns:1fr;grid-template-areas:"w" "t" "i";gap:2px;padding:10px 12px}
.rb341-compact .rb284w b{font-size:16px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}
.rb341-compact .rb284w .a283{display:none}
.rb341-compact .rb284t{font-size:17px;align-self:start}
.rb341-compact .rb284i{font-size:12px}.rb341-compact .rb284i>span:not(:nth-child(2)){display:none}
.rb341-compact .rb284s,.rb341-compact .rb284x,.rb341-compact .rb284l{display:none}
@media (max-width:600px){.rb341 .rb341l{display:none}.rb341 button{padding:0 12px;font-size:16px}.rb284g.rb341-compact{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* v3.4.2 owner & admin logins */
.lg342{margin-top:22px;padding-top:16px;border-top:1px solid var(--line)}
.lg342 h4{margin:0 0 4px}
.lg342l{list-style:none;margin:10px 0 0;padding:0;display:flex;flex-direction:column;gap:8px}
.lg342r{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:10px 12px;border:1px solid var(--line);border-radius:12px;background:color-mix(in srgb,currentColor 3%,transparent);color:inherit}
.lg342r>div:nth-child(2){flex:1 1 220px;display:flex;flex-direction:column;gap:2px;min-width:0}
.lg342r small{font-weight:600;opacity:.6}
.lg342i{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;background:color-mix(in srgb,#14532d 14%,transparent);font-size:17px;flex:none}
.lg342k{align-self:flex-start;font-size:11.5px;font-weight:700;padding:1px 8px;border-radius:999px;background:color-mix(in srgb,var(--line) 50%,transparent)}
.lg342k.k-super{background:#F08A24;color:#fff}.lg342k.k-admin{background:#14532d;color:#fff}
.lg342r code{font-size:13px;padding:1px 6px;border-radius:6px;background:color-mix(in srgb,var(--line) 45%,transparent)}
.lg342why{font-size:12.5px}
/* v3.4.2 Cash Register is back in Manage: the logo is just the logo */
.cr340 i{display:none}
/* v3.4.2 the Manage / Guests sub-tabs get their own full row, so the main tabs are never cut off (iPad and PC) */
#view .p226top>.postabs2{grid-column:1/-1;min-width:0;max-width:100%;overflow-x:auto;justify-self:start;scrollbar-width:none}
#view .p226top>.postabs2::-webkit-scrollbar{display:none}

/* v3.4.3 Front Sale floor for everyone: the ← POS button sits with the area chips */
.tb343x{margin-right:8px}

/* ===================== v3.5.0 · One look for the whole POS (front + settings) · Apple / Microsoft / Google tokens · motion ===================== */
/* ---------- 1) style tokens for the POS (front, settings, dashboard, reports, tablet, lock screens) ---------- */
html[data-ui="apple"] body.posui{--u-r:14px;--u-rb:10px;--u-ri:10px;--u-rs:9px;--u-rc:12px;--u-sh:0 1px 3px rgba(0,0,0,.08),0 1px 1px rgba(0,0,0,.04);--u-shm:0 18px 50px rgba(0,0,0,.28);--u-bd:transparent;--u-seg:var(--fill);--u-ease:cubic-bezier(.2,.8,.2,1);--u-dur:280ms;--u-blur:saturate(180%) blur(20px)}
html[data-ui="ms"] body.posui{--u-r:8px;--u-rb:4px;--u-ri:4px;--u-rs:4px;--u-rc:6px;--u-sh:0 2px 4px rgba(0,0,0,.14),0 0 2px rgba(0,0,0,.12);--u-shm:0 8px 16px rgba(0,0,0,.28),0 0 2px rgba(0,0,0,.2);--u-bd:var(--line);--u-seg:transparent;--u-ease:cubic-bezier(0,0,0,1);--u-dur:240ms;--u-blur:none}
html[data-ui="google"] body.posui{--u-r:16px;--u-rb:999px;--u-ri:8px;--u-rs:999px;--u-rc:12px;--u-sh:none;--u-shm:0 6px 24px rgba(0,0,0,.3);--u-bd:transparent;--u-seg:var(--panel2);--u-ease:cubic-bezier(.2,0,0,1);--u-dur:220ms;--u-blur:none}
html[data-ui] body.posui{--tint2:var(--tint)}
:root[data-ui]{--ui227f:system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif}
/* ---------- 2) settings & dashboard follow the same style and the same light/dark as the POS front ---------- */
html[data-ui="apple"] body.posui[data-p279][data-ptheme="day"]{--w-bg:#F2F2F7;--w-card:#FFFFFF;--w-card2:#F2F2F7;--w-stroke:rgba(60,60,67,.16);--w-text:#1C1C1E;--w-sub:rgba(60,60,67,.62);--w-ctrl:#FFFFFF;--w-ctrlb:rgba(60,60,67,.22);--w-ctrlbb:rgba(60,60,67,.22);--w-hover:rgba(120,120,128,.1);--w-sel:rgba(120,120,128,.16);--w-shadow:var(--u-sh);--w-acc:#007AFF;--w-on:#fff;--w-accsoft:rgba(0,122,255,.12);color-scheme:light}
html[data-ui="apple"] body.posui[data-p279][data-ptheme="night"]{--w-bg:#000;--w-card:#1C1C1E;--w-card2:#2C2C2E;--w-stroke:rgba(84,84,88,.55);--w-text:#FFFFFF;--w-sub:rgba(235,235,245,.6);--w-ctrl:#2C2C2E;--w-ctrlb:rgba(84,84,88,.6);--w-ctrlbb:rgba(84,84,88,.6);--w-hover:rgba(118,118,128,.18);--w-sel:rgba(118,118,128,.28);--w-shadow:none;--w-acc:#0A84FF;--w-on:#fff;--w-accsoft:rgba(10,132,255,.22);color-scheme:dark}
html[data-ui="ms"] body.posui[data-p279][data-ptheme="day"]{--w-bg:#F3F3F3;--w-card:#FBFBFB;--w-card2:#F5F5F5;--w-stroke:#E5E5E5;--w-text:#1B1B1B;--w-sub:#616161;--w-ctrl:#FFFFFF;--w-ctrlb:#D6D6D6;--w-ctrlbb:#8A8A8A;--w-hover:rgba(0,0,0,.04);--w-sel:rgba(0,0,0,.06);--w-shadow:0 1px 2px rgba(0,0,0,.05);--w-acc:#0F6CBD;--w-on:#fff;--w-accsoft:rgba(15,108,189,.1);color-scheme:light}
html[data-ui="ms"] body.posui[data-p279][data-ptheme="night"]{--w-bg:#1F1F1F;--w-card:#292929;--w-card2:#333333;--w-stroke:#3D3D3D;--w-text:#FFFFFF;--w-sub:#ADADAD;--w-ctrl:#2D2D2D;--w-ctrlb:#3F3F3F;--w-ctrlbb:#9E9E9E;--w-hover:rgba(255,255,255,.05);--w-sel:rgba(255,255,255,.08);--w-shadow:0 1px 2px rgba(0,0,0,.3);--w-acc:#479EF5;--w-on:#0A1A2E;--w-accsoft:rgba(71,158,245,.18);color-scheme:dark}
html[data-ui="google"] body.posui[data-p279][data-ptheme="day"]{--w-bg:#F8FAFD;--w-card:#FFFFFF;--w-card2:#F0F4F9;--w-stroke:#C4C7C5;--w-text:#1F1F1F;--w-sub:#444746;--w-ctrl:#FFFFFF;--w-ctrlb:#C4C7C5;--w-ctrlbb:#C4C7C5;--w-hover:rgba(0,0,0,.05);--w-sel:#D3E3FD;--w-shadow:none;--w-acc:#0B57D0;--w-on:#fff;--w-accsoft:#D3E3FD;color-scheme:light}
html[data-ui="google"] body.posui[data-p279][data-ptheme="night"]{--w-bg:#131314;--w-card:#1E1F20;--w-card2:#282A2C;--w-stroke:#444746;--w-text:#E3E3E3;--w-sub:#C4C7C5;--w-ctrl:#282A2C;--w-ctrlb:#444746;--w-ctrlbb:#444746;--w-hover:rgba(255,255,255,.06);--w-sel:#004A77;--w-shadow:none;--w-acc:#A8C7FA;--w-on:#062E6F;--w-accsoft:#004A77;color-scheme:dark}
html[data-ui] body.posui[data-p279]{--w-font:var(--ui227f)}
/* the old Windows-only corners and the hard-coded green give way to the style's tokens */
html[data-ui] body.posui[data-p279] #view .possetup :is(section,article,.p233o,.p233k>div,.ta273c,.fz-card,.wzcard,.p233h,.mcard),html[data-ui] body.posui[data-p279] #view .p233>header{border-radius:var(--u-r)!important;box-shadow:var(--u-sh)!important;border-color:var(--u-bd)!important}
html[data-ui="ms"] body.posui[data-p279] #view .possetup :is(section,article,.p233o,.mcard),html[data-ui="ms"] body.posui[data-p279] #view .p233>header{border-color:var(--w-stroke)!important}
html[data-ui] body.posui[data-p279] #view .possetup :is(input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file]),select,textarea){border-radius:var(--u-ri)!important}
html[data-ui] body.posui[data-p279] #view .possetup :is(.btn,button.btn),html[data-ui] body.posui[data-p279] #view .possetup button.ghost:not(.w11i):not(.w11gh),html[data-ui] body.posui[data-p279] #view .possetup .accb,html[data-ui] body.posui[data-p279] #view .possetup .p273o{border-radius:var(--u-rb)!important}
html[data-ui] body.posui[data-p279] #view .possetup .accb{border-radius:var(--u-rc)!important}
html[data-ui] body.posui .w11gh{background:var(--w-acc)!important;color:var(--w-on)!important;border-radius:var(--u-rb)!important}
html[data-ui] body.posui .w11gh:hover{filter:brightness(1.08)}
html[data-ui] body.posui .w11i{border-radius:var(--u-rb)!important}
html[data-ui] body.posui .w11i.on{background:var(--w-accsoft)!important;color:var(--w-text)!important}
html[data-ui] body.posui .w11i.on::before{background:var(--w-acc)!important}
html[data-ui="apple"] body.posui .w11i.on::before{display:none}
html[data-ui="apple"] body.posui .w11i.on{background:var(--w-sel)!important;font-weight:600}
html[data-ui="google"] body.posui .w11i.on::before{display:none}
html[data-ui="google"] body.posui .w11i.on{background:var(--w-accsoft)!important}
html[data-ui="apple"] body.posui .w11list{background:var(--w-card);border-radius:var(--u-r);padding:6px;box-shadow:var(--u-sh)}
html[data-ui="apple"] body.posui .w11gh{background:transparent!important;color:var(--w-sub)!important;font-size:12.5px;text-transform:uppercase;letter-spacing:.04em;margin-top:10px;min-height:30px!important}
html[data-ui="apple"] body.posui .w11gh .w11ic{opacity:.8}
html[data-ui="apple"] body.posui .w11gh:hover{background:var(--w-hover)!important;filter:none}
html[data-ui] body.posui[data-p279] #view .possetup .l279b,html[data-ui] body.posui .possetup.w11p>.l279b{border-radius:var(--u-r)!important}
html[data-ui] body.posui[data-p279] #view .bo234h{border-radius:var(--u-r)!important;box-shadow:var(--u-sh)!important;background:var(--w-card)!important;border:1px solid var(--u-bd)!important;color:var(--w-text)!important}
html[data-ui] body.posui[data-p279] #view .bo234h :is(h1,h2,b,.bo234t){color:var(--w-text)!important}
html[data-ui="ms"] body.posui[data-p279] #view .bo234h{border-color:var(--w-stroke)!important}
html[data-ui] body.posui #view .possetup :is(.p233t,.p233o,li.li,div.div,.p233k>div,.poff324,.stf332g,.lg342,.snd340,.dev332cred,.k331cfg,.mn332bar,.bo234h){border-radius:var(--u-r)!important}
html[data-ui] body.posui #view .possetup .p233w{border-radius:var(--u-ri)!important}
html[data-ui] body.posui[data-p279] #view .possetup .p233ic{border-radius:var(--u-rc)!important}
html[data-ui="ms"] body.posui[data-p279] #view .possetup .p233ic{border-radius:4px!important}
/* ---------- 3) the same component families everywhere (front pages, bills, kitchen, cash register, tablet, lock screens) ---------- */
/* cards & panels */
html[data-ui] body.posui :is(.rb284r,.tb334t,.u334,.lg342r,.dev332r,.rb284k>div,.cr340t,.posk2,.posk2side,.possold,.cr340s,.nd293p,li.p1,div.p1,.pmr,.positem,.postbl,.mcard,.poslock-h,.tbs328g>button,.tbs328me,.kds331c,.p283c,.or327card,.rpt-card,.posw main>section,.posw .section,.posw .posbox,.pm2120b){border-radius:var(--u-r)!important}
html[data-ui] body.posui :is(.rb284r,.tb334t,.u334,.lg342r,.dev332r,.posk2,.posk2side,.possold,.mcard){box-shadow:var(--u-sh)}
html[data-ui="ms"] body.posui :is(.rb284r,.tb334t,.u334,.lg342r,.dev332r,.posk2,.posk2side,.possold){border:1px solid var(--line)!important}
html[data-ui="ms"] body.posui .rb284r{border-left-width:4px!important}
html[data-ui="google"] body.posui :is(.rb284r,.tb334t,.u334,.lg342r,.dev332r,.posk2,.posk2side,.possold,.rb284k>div){background:var(--panel2)!important;border-color:transparent!important;box-shadow:none!important}
html[data-ui="google"] body.posui .rb284r{border-left:5px solid #16A34A!important}html[data-ui="google"] body.posui .rb284r.mid{border-left-color:#F59E0B!important}html[data-ui="google"] body.posui .rb284r.old{border-left-color:#DC2626!important}
/* buttons */
html[data-ui] body.posui :is(.btn,.ghost:not(.cib):not(.px9dots),.pqd,.w11gh,.w11i,.tb334tab,.tb334back,.tb-send,.tb-target,.pospad button,.tbs328pad button,.posready,.p1 button,.dev332 .frow button,.lg342r .frow button,.posw .frow>button,.cr340s>button,.rb284x,.posshift,.pmb){border-radius:var(--u-rb)!important}
html[data-ui] body.posui :is(.rb284x,.px9dots){border-radius:50%!important}
html[data-ui="ms"] body.posui :is(.ghost:not(.cib),.tb334tab,.tb334back){box-shadow:inset 0 0 0 1px var(--line)}
html[data-ui="ms"] body.posui :is(.btn){box-shadow:inset 0 -1px 0 rgba(0,0,0,.25)}
/* inputs */
html[data-ui] body.posui .posw :is(input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file]),select,textarea),html[data-ui] body.posui .tb :is(input,select),html[data-ui] body.posui .pospin{border-radius:var(--u-ri)!important}
html[data-ui="apple"] body.posui .posw :is(input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file]),select,textarea){background-color:var(--fill)!important;border-color:transparent!important}
html[data-ui="apple"] body.posui .posw :is(input,select,textarea):focus{outline:2px solid var(--tint)!important;outline-offset:1px;border-color:transparent!important}
html[data-ui="ms"] body.posui .posw :is(input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file]),select,textarea){background-color:var(--panel)!important;border:1px solid var(--line)!important;border-bottom-color:var(--muted)!important}
html[data-ui="ms"] body.posui .posw :is(input,select,textarea):focus{outline:none!important;border-bottom:2px solid var(--tint)!important}
/* chips, segmented controls and tab rows: one rule set for every row of choices in the POS */
html[data-ui] body.posui :is(.rb284a,.tb334secs,.rb341,.px9th,.or327tabs,.postabs2,.posw .mb-tabs,.tbs328k,.p226top .postabs){border-radius:var(--u-rs)!important}
html[data-ui] body.posui :is(.rb284a,.tb334secs,.postabs2) button,html[data-ui] body.posui :is(.rb341,.px9th,.or327tabs) button{border-radius:var(--u-rs)!important}
html[data-ui="apple"] body.posui :is(.rb284a,.tb334secs,.postabs2){background:var(--fill);padding:3px;gap:2px;border:0!important;display:inline-flex;flex-wrap:wrap;max-width:100%}
html[data-ui="apple"] body.posui :is(.rb284a,.tb334secs,.postabs2) button{background:transparent!important;border:0!important;color:var(--text)!important;min-height:36px;font-weight:600;box-shadow:none!important}
html[data-ui="apple"] body.posui :is(.rb284a,.tb334secs,.postabs2) button:is([aria-pressed="true"],[aria-current="page"]){background:var(--panel)!important;color:var(--text)!important;box-shadow:0 2px 6px rgba(0,0,0,.14)!important}
html[data-ui="apple"] body.posui :is(.rb284a,.tb334secs,.postabs2) button:is([aria-pressed="true"],[aria-current="page"]) i{opacity:.7}
html[data-ui="apple"] body.posui :is(.rb341,.px9th,.or327tabs){background:var(--fill)!important;border:0!important;padding:3px!important}
html[data-ui="apple"] body.posui :is(.rb341,.px9th,.or327tabs) button:is([aria-checked="true"],[aria-pressed="true"],[aria-selected="true"]){background:var(--panel)!important;color:var(--text)!important;box-shadow:0 2px 6px rgba(0,0,0,.14)!important}
html[data-ui="ms"] body.posui :is(.rb284a,.tb334secs,.postabs2,.rb341,.px9th,.or327tabs){background:transparent!important;border:0!important;border-bottom:1px solid var(--line)!important;border-radius:0!important;padding:0 0 2px!important;gap:2px}
html[data-ui="ms"] body.posui :is(.rb284a,.tb334secs,.postabs2,.rb341,.px9th,.or327tabs) button{background:transparent!important;border:0!important;border-radius:4px 4px 0 0!important;color:var(--muted)!important;box-shadow:none!important;min-height:38px}
html[data-ui="ms"] body.posui :is(.rb284a,.tb334secs,.postabs2,.rb341,.px9th,.or327tabs) button:hover{background:var(--fill)!important}
html[data-ui="ms"] body.posui :is(.rb284a,.tb334secs,.postabs2,.rb341,.px9th,.or327tabs) button:is([aria-pressed="true"],[aria-current="page"],[aria-checked="true"],[aria-selected="true"]){background:transparent!important;color:var(--text)!important;box-shadow:inset 0 -3px 0 var(--tint)!important;font-weight:600}
html[data-ui="google"] body.posui :is(.rb284a,.tb334secs,.postabs2){background:transparent!important;border:0!important;gap:8px;padding:0!important}
html[data-ui="google"] body.posui :is(.rb284a,.tb334secs,.postabs2) button{background:transparent!important;border:1px solid var(--line)!important;color:var(--text)!important;box-shadow:none!important}
html[data-ui="google"] body.posui :is(.rb284a,.tb334secs,.postabs2) button:is([aria-pressed="true"],[aria-current="page"]){background:var(--tintSoft)!important;border-color:transparent!important;color:var(--text)!important}
html[data-ui="google"] body.posui :is(.rb341,.px9th,.or327tabs){background:transparent!important;border:1px solid var(--line)!important;padding:0!important;overflow:hidden}
html[data-ui="google"] body.posui :is(.rb341,.px9th,.or327tabs) button{border-radius:0!important}
html[data-ui="google"] body.posui :is(.rb341,.px9th,.or327tabs) button:is([aria-checked="true"],[aria-pressed="true"],[aria-selected="true"]){background:var(--tintSoft)!important;color:var(--text)!important;box-shadow:none!important}
/* header bar: Apple = translucent, Microsoft = flat with a hairline, Google = tonal */
html[data-ui="apple"] body.posui .p226top{background:color-mix(in srgb,var(--panel) 78%,transparent)!important;-webkit-backdrop-filter:var(--u-blur);backdrop-filter:var(--u-blur);border-bottom:1px solid var(--line)!important;box-shadow:none!important}
html[data-ui="ms"] body.posui .p226top{background:var(--panel)!important;border-bottom:1px solid var(--line)!important;box-shadow:none!important}
html[data-ui="google"] body.posui .p226top{background:var(--panel2)!important;border-bottom:0!important;box-shadow:none!important}
html[data-ui] body.posui .p226top .postabs2{border-top:0!important}
/* modals and sheets */
html[data-ui] body.posui .mcard{border-top-width:1px!important;border-color:var(--u-bd)!important;box-shadow:var(--u-shm)!important}
html[data-ui="ms"] body.posui .mcard{border-color:var(--line)!important}
html[data-ui="google"] body.posui .mcard{background:var(--panel2)!important;border:0!important;border-radius:28px!important}
/* tables (data) */
html[data-ui] body.posui :is(.cr340t,.stf332t,.mkrep-t,.h2tbl){border-radius:var(--u-r)!important;overflow:hidden}
html[data-ui="ms"] body.posui :is(.cr340t,.mkrep-t) thead th{background:var(--panel2)!important;font-weight:600}
/* lock screens & tablet */
html[data-ui="apple"] body.posui :is(.u334,.tbs328g>button){border:0!important;background:var(--panel)!important}
html[data-ui="ms"] body.posui :is(.u334,.tbs328g>button){border:1px solid var(--line)!important}
html[data-ui] body.posui :is(.f334,.tbs328av){border-radius:50%!important}
/* badges and pills keep their shape in every style (status is read by colour, not corner) */
html[data-ui] body.posui :is(.pmpill,.nd293b,.a283,.lg342k,.rb284s em,.posbad,.rb284b,.em,em.em){border-radius:999px!important}
/* stragglers: plain buttons, sections and tiles that still had their own corners */
html[data-ui] body.posui .posw button:not(.pmgb):not(.p154st):not(.bo237home):not(.px9dots):not(.rb284x):not(.cib):not(.pmr):not(.positem):not(.tb334t):not(.u334):not(.p233t):not(.tbs328g>button):not([class*="pill"]):not(.a283):not(.pmpill){border-radius:var(--u-rb)!important}
html[data-ui] body.posui .posw :is(.pmr,.positem,.tb334t,.u334,.p233t){border-radius:var(--u-r)!important}
html[data-ui] body.posui .posw :is(section,.tncard,.tntile,.posdue,.poschg,.fd251,.mx298,.p268ao,.posl,.bo234h,.possetup li.li,.possetup div.div,.posw>div.div,.cib.mkx){border-radius:var(--u-r)!important}
html[data-ui] body.posui .posw .cib{border-radius:var(--u-rb)!important}
html[data-ui] body.posui .posw :is(.pmgb,.p154st,.bo237home,.pmpill,.a283,.ev292chip){border-radius:999px!important}
html[data-ui] body.posui #view .positems .positem.p198,html[data-ui] body.posui #view .positems .positem{border-radius:var(--u-r)!important}
html[data-ui] body.posui #view :is(.modal,.mkmodal) button:not(.px9dots):not(.pmgb):not([class*="pill"]){border-radius:var(--u-rb)!important}
html[data-ui] body.posui #view :is(.modal,.mkmodal) :is(.posdue,.poschg,.pospaybox>div,.posk4>div){border-radius:var(--u-r)!important}
html[data-ui] body.posui #view .posrep .posk4>div{border-radius:var(--u-r)!important}
html[data-ui] body.posui #view .p233w li{border-radius:0!important}
html[data-ui] body.posui #view .bo234h :is(button,.btn,.ghost){border-radius:var(--u-rb)!important}
html[data-ui] body.posui #view .bo234h select{border-radius:var(--u-ri)!important}
html[data-ui] body.posui #view .possetup.p233 li:not(.p233w li){border-radius:var(--u-ri)!important}
/* ---------- 4) motion ---------- */
html[data-ui] body.posui :is(button,.ghost,.btn,.pmr,.positem,.tb334t,.u334,.w11i,.w11gh,.rb284m,.p233t){transition:background-color .18s var(--u-ease),color .18s var(--u-ease),box-shadow .18s var(--u-ease),border-color .18s var(--u-ease),transform .12s var(--u-ease),opacity .18s var(--u-ease)}
@media (prefers-reduced-motion:no-preference){
html[data-ui] body.posui:not(.m35off) :is(.btn,.ghost:not(.cib),.pmr,.positem,.tb334t,.u334,.p233t,.tbs328g>button,.pospad button,.tbs328pad button,.w11i,.rb284a button,.tb334secs button,.postabs button,.postabs2 button):active{transform:scale(.97)}
html[data-ui="apple"] body.posui:not(.m35off) :is(.ghost:not(.cib),.w11i,.postabs button,.postabs2 button,.rb284m):active{opacity:.6;transform:none}
html[data-ui] body.posui:not(.m35off) .m35in{animation:m35in var(--u-dur) var(--u-ease) both}
html[data-ui="ms"] body.posui:not(.m35off) .m35in{animation-name:m35inMs}
html[data-ui="google"] body.posui:not(.m35off) .m35in{animation-name:m35inG}
html[data-ui] body.posui:not(.m35off) .modal .mcard,html[data-ui] body.posui:not(.m35off) .mkmodal .mcard{animation:m35pop calc(var(--u-dur) + 40ms) var(--u-ease) both}
html[data-ui="ms"] body.posui:not(.m35off) .modal .mcard,html[data-ui="ms"] body.posui:not(.m35off) .mkmodal .mcard{animation-name:m35popMs}
html[data-ui] body.posui:not(.m35off) :is(.modal,.mkmodal){animation:m35fade 180ms ease-out both}
html[data-ui] body.posui:not(.m35off) .toast{animation:m35toast 260ms var(--u-ease) both}
html[data-ui] body.posui.m35lite{--u-dur:140ms}
html[data-ui] body.posui.m35lite .m35in{animation-name:m35fade}
}
@keyframes m35in{from{opacity:0;transform:translateY(8px) scale(.985)}to{opacity:1;transform:none}}
@keyframes m35inMs{from{opacity:0;transform:translateY(22px)}to{opacity:1;transform:none}}
@keyframes m35inG{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}
@keyframes m35pop{from{opacity:0;transform:scale(.94) translateY(6px)}to{opacity:1;transform:none}}
@keyframes m35popMs{from{opacity:0;transform:scale(.9)}to{opacity:1;transform:none}}
@keyframes m35fade{from{opacity:0}to{opacity:1}}
@keyframes m35toast{from{opacity:0;transform:translate(-50%,12px)}to{opacity:1;transform:translate(-50%,0)}}
/* loading: a thin progress line at the top while the POS talks to the server, and shimmering placeholders */
.m35bar{position:fixed;left:0;top:0;height:3px;width:0;z-index:2147483000;background:var(--tint,#0A84FF);border-radius:0 2px 2px 0;opacity:0;pointer-events:none;transition:width .4s var(--u-ease,ease),opacity .3s}
.m35bar.on{opacity:1}
html[data-ui="ms"] .m35bar{height:3px}
@media (prefers-reduced-motion:no-preference){
html[data-ui] body.posui:not(.m35off) .m35sk{position:relative;overflow:hidden;color:transparent!important;background:var(--fill,rgba(127,127,127,.15))!important;border-radius:var(--u-ri,8px);min-height:1.2em}
html[data-ui] body.posui:not(.m35off) .m35sk::after{content:"";position:absolute;inset:0;transform:translateX(-100%);background:linear-gradient(90deg,transparent,rgba(255,255,255,.14),transparent);animation:m35sh 1.2s infinite}
}
@keyframes m35sh{to{transform:translateX(100%)}}
@media (prefers-reduced-motion:reduce){.m35in,.modal .mcard,.toast{animation:none!important}}
/* ---------- 5) App style dialog: Motion row ---------- */
.u227mo{display:flex;gap:8px;flex-wrap:wrap;margin:6px 0 2px}
.u227mo button{min-height:40px;padding:0 16px;border-radius:999px;border:1.5px solid var(--line);background:var(--panel);color:var(--text);font:inherit;font-weight:700;cursor:pointer}
.u227mo button[aria-checked="true"]{background:var(--accent,#0F3D2E);border-color:var(--accent,#0F3D2E);color:var(--accentInk,#fff)}
.u227who{font-size:12.5px;color:var(--muted);margin:0 0 8px}

/* v3.5.1 Fresh start */
.fs351{border:2px solid color-mix(in srgb,#F08A24 55%,transparent)!important}
.fs351.off{border-color:var(--line)!important;opacity:.85}
.fs351g{margin:14px 0 0;padding-top:12px;border-top:1px solid var(--line)}
.fs351g h4{margin:0 0 8px;font-size:14px}
.fs351ol{display:flex;flex-wrap:wrap;gap:8px}
.fs351o{display:flex;gap:10px;align-items:flex-start;padding:8px 10px;border:1px solid var(--line);border-radius:var(--u-rc,12px);cursor:pointer;margin:0 0 6px}
.fs351o input{margin-top:3px;width:18px;height:18px;flex:none}
.fs351o small{display:block;opacity:.75;font-size:12.5px;margin-top:2px}
.fs351o.sub{margin-left:28px}
.fs351n{font-size:13px;opacity:.8;margin:6px 0 2px}
.fs351seg{display:flex;flex-wrap:wrap;gap:6px;align-items:center;margin:0 0 4px}
.fs351seg>span{font-weight:700;font-size:13.5px;margin-right:6px}
.fs351seg button{min-height:36px;padding:0 12px;border-radius:var(--u-rs,999px);border:1px solid var(--line);background:transparent;color:inherit;font:inherit;font-size:13px;font-weight:600;cursor:pointer}
.fs351seg button[aria-checked="true"]{background:#0F3D2E;border-color:#0F3D2E;color:#fff}
.fs351go{margin-top:14px;padding:12px 14px;border-radius:var(--u-r,14px);background:color-mix(in srgb,#F08A24 10%,transparent)}
.fs351go .gl281row{align-items:flex-end;flex-wrap:wrap}
.fs351x,html[data-ui] body.posui #view .possetup .fs351 .btn.fs351x{background:#F08A24!important;border-color:#F08A24!important;color:#1a1206!important;font-weight:800}
.fs351x:disabled{opacity:.45}
.fs351ok{margin:10px 0;padding:12px 14px;border-radius:var(--u-r,14px);background:color-mix(in srgb,#16A34A 14%,transparent);border:1px solid color-mix(in srgb,#16A34A 40%,transparent)}

/* v3.5.2 Front Sale sign-in: Sign out this device, readable title in every theme */
.tbs328 .tb-h{display:flex;align-items:center;justify-content:space-between;gap:12px}
.tbs352out{flex:none;min-height:38px;padding:0 14px;border-radius:var(--u-rb,999px);border:1px solid rgba(255,255,255,.28);background:rgba(255,255,255,.08);color:#fff;font:inherit;font-size:13.5px;font-weight:700;cursor:pointer}
.tbs352out.armed{background:#F08A24;border-color:#F08A24;color:#1a1206}
.tbs328 .tb-h .tb-brand b{color:#fff!important}
.tbs328 .tb-h .tb-brand span{color:rgba(255,255,255,.75)!important}

/* v3.5.3 Wi-Fi on the bill */
.wifi353b .pf{margin:8px 0}
.wifi353b .pf input{min-width:200px}
.wifi353w{display:flex;flex-wrap:wrap;gap:8px;margin:4px 0 8px}
.wifi353on{margin:4px 0}
.wifi353pv{display:flex;gap:12px;align-items:center;margin:8px 0;padding:10px 12px;border:1px dashed var(--line);border-radius:var(--u-ri,10px)}
.wifi353pv>span{font-size:11.5px;font-weight:700;opacity:.6}
.wifi353pv p{margin:0;font-family:ui-monospace,Menlo,Consolas,monospace;font-size:13px;text-align:center;flex:1}

/* v3.5.4 Inventory fresh start · Opening stock import */
.fs354i{border-color:color-mix(in srgb,#0F3D2E 45%,var(--line))}
.os354{border:2px solid color-mix(in srgb,#0F3D2E 50%,transparent)!important}
.os354in{flex-wrap:wrap;align-items:flex-end}
.os354f{position:relative;min-width:220px}
.os354f input[type=file]{position:absolute;inset:0;opacity:0;cursor:pointer;width:100%;height:100%}
.os354f span{display:flex;align-items:center;min-height:42px;padding:0 14px;border:1.5px dashed color-mix(in srgb,#0F3D2E 60%,var(--line));border-radius:var(--u-ri,10px);font-weight:600;font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:320px}
.os354f:focus-within span{outline:2px solid #F08A24;outline-offset:2px}
.os354sum{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin:14px 0 4px}
.os354sum>span{padding:6px 12px;border-radius:999px;background:color-mix(in srgb,var(--line) 55%,transparent);font-size:13.5px}
.os354sum>span.ok{background:color-mix(in srgb,#16A34A 16%,transparent)}
.os354sum>span.nw{background:color-mix(in srgb,#F08A24 18%,transparent)}
.os354sum>span.er{background:color-mix(in srgb,#DC2626 18%,transparent)}
.os354sum>span.hint{background:none;padding-left:2px}
.os354map{margin:12px 0 0;padding-top:12px;border-top:1px solid var(--line);display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:10px}
.os354map h4{grid-column:1/-1;margin:0;font-size:14px}
.os354map label{display:flex;flex-direction:column;gap:4px;font-weight:700;font-size:13.5px}
.os354map small{font-weight:500;opacity:.7}
.os354locs{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:10px;margin:12px 0}
.os354loc{display:flex;flex-direction:column;gap:2px;padding:12px 14px;border-radius:var(--u-rc,12px);background:color-mix(in srgb,#0F3D2E 9%,transparent);border:1px solid color-mix(in srgb,#0F3D2E 25%,transparent)}
.os354loc span{font-size:13.5px;font-variant-numeric:tabular-nums}
.os354loc em{font-style:normal;font-size:12.5px;opacity:.75}
.os354rows{margin:6px 0 12px}
.os354rows summary{cursor:pointer;font-weight:700;font-size:14px;display:flex;align-items:center;gap:10px;flex-wrap:wrap;min-height:40px}
.os354tbl{max-height:360px;overflow:auto;border:1px solid var(--line);border-radius:var(--u-rc,12px);font-size:13px}
.os354tbl>div{display:grid;grid-template-columns:64px minmax(140px,2fr) 100px minmax(110px,1fr) minmax(140px,2fr);gap:8px;padding:7px 10px;border-bottom:1px solid var(--line);align-items:start}
.os354tbl>div.h{position:sticky;top:0;background:var(--card,var(--bg));font-weight:700;z-index:1}
.os354tbl small{display:block;opacity:.65;font-size:11.5px}
.os354tbl i{font-style:normal;display:inline-block;width:18px;font-weight:800}
.os354tbl .s-new i{color:#F08A24}.os354tbl .s-match i{color:#16A34A}.os354tbl .s-error{background:color-mix(in srgb,#DC2626 9%,transparent)}.os354tbl .s-error i{color:#DC2626}.os354tbl .s-skip{opacity:.6}
.os354go,html[data-ui] body.posui #view .possetup .os354 .btn.os354go{background:#0F3D2E!important;border-color:#0F3D2E!important;color:#fff!important;font-weight:800}
.os354go.arm,html[data-ui] body.posui #view .possetup .os354 .btn.os354go.arm{background:#F08A24!important;border-color:#F08A24!important;color:#1a1206!important}
.os354r{margin:6px 0;padding-left:18px;font-size:13.5px}
.os354log{margin-top:12px;padding-top:10px;border-top:1px solid var(--line)}
.os354log h4{margin:0 0 6px;font-size:13.5px}
.os354log ul{margin:0;padding-left:18px;font-size:13px}
.os354log small{opacity:.65}
@media (max-width:640px){.os354tbl>div{grid-template-columns:52px 1fr 80px}.os354tbl>div>span:nth-child(4),.os354tbl>div>span:nth-child(5){grid-column:2/-1;font-size:12px;opacity:.8}}

/* v3.5.5 Recover item costs */
.cr355{display:flex;gap:14px;align-items:center;justify-content:space-between;flex-wrap:wrap;margin:12px 0;padding:12px 14px;border-radius:var(--u-r,14px);background:color-mix(in srgb,#F08A24 12%,transparent);border:1px solid color-mix(in srgb,#F08A24 45%,transparent)}
.cr355>div{flex:1 1 320px}
.cr355 .hint{margin:4px 0 0}
.cr355go,html[data-ui] body.posui #view .possetup .os354 .btn.cr355go{background:#0F3D2E!important;border-color:#0F3D2E!important;color:#fff!important;font-weight:800;white-space:nowrap}
.cr355go.arm,html[data-ui] body.posui #view .possetup .os354 .btn.cr355go.arm{background:#F08A24!important;border-color:#F08A24!important;color:#1a1206!important}

/* v3.5.8 cost review */
.cr358{align-items:flex-start}
.cr358b{display:flex;gap:8px;flex-wrap:wrap;align-items:center}
.cr358n{background:color-mix(in srgb,var(--line) 35%,transparent);border-color:var(--line)}
.cr358tbl{flex:1 1 100%;max-height:420px;overflow:auto;border:1px solid var(--line);border-radius:var(--u-rc,12px);font-size:13px;background:var(--card,var(--bg))}
.cr358tbl>*{display:grid;grid-template-columns:34px minmax(150px,2fr) 90px 90px minmax(140px,1.4fr) minmax(130px,1.2fr);gap:8px;padding:8px 10px;border-bottom:1px solid var(--line);align-items:start;cursor:pointer;font-variant-numeric:tabular-nums}
.cr358tbl>.h{position:sticky;top:0;z-index:1;background:var(--card,var(--bg));font-weight:700;cursor:default}
.cr358tbl small{display:block;opacity:.65;font-size:11.5px}
.cr358tbl input{width:18px;height:18px}
.cr358tbl .up b{color:#16A34A}.cr358tbl .dn b{color:#DC2626}
@media (max-width:640px){.cr358tbl>*{grid-template-columns:28px 1fr 1fr;row-gap:4px}
  .cr358tbl>*>span:nth-child(2){grid-column:2/-1}
  .cr358tbl>*>span:nth-child(3),.cr358tbl>*>span:nth-child(4){display:none}
  .cr358tbl>*>span:nth-child(5){grid-column:2}.cr358tbl>*>span:nth-child(6){grid-column:3;text-align:right}
  .cr358tbl>.h>span:nth-child(5),.cr358tbl>.h>span:nth-child(6){display:none}}

/* v3.5.9 · cards follow the theme everywhere (Bookings and others were white in dark mode) */
body{--card:var(--panel,#fff)}
/* v3.5.9 · till header in one row: logo · outlet · who · Lock · shift */
body.posui #view .p226top .posbrand{display:flex!important;flex-wrap:nowrap;align-items:center;gap:8px;max-width:none!important;min-width:0}
body.posui #view .p226top .posbrand img{grid-row:auto!important;width:32px!important;height:32px!important;flex:none}
body.posui #view .p226top .posbrand .posout,body.posui #view .p226top .posbrand select{flex:none;font-size:17px!important;min-height:0!important;white-space:nowrap}
body.posui #view .p226top .posbrand .posopr{flex:0 1 auto;min-width:0;max-width:240px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding:6px 12px;border-radius:999px;line-height:1.2}
body.posui #view .p226top .posbrand .poslockb{flex:none;min-height:36px;padding:0 12px;white-space:nowrap}
body.posui #view .p226top .posbrand .posrole{flex:none;white-space:nowrap}
body.posui #view .p226top .posbrand .p226sub{display:inline-flex!important;flex:none;align-items:center;gap:6px;white-space:nowrap;margin:0!important;overflow:visible}
body.posui #view .p226top .posbrand .p226sub .pmchip{display:none!important}
body.posui #view .p226top .posbrand .p226sub>.pmchip+*::before{content:none}
@media (max-width:560px){body.posui #view .p226top .posbrand .posopr{max-width:130px}body.posui #view .p226top .posbrand .p226sub .posshift:not(.on){display:none}}

/* v3.6.0 Live tonight */
.od360{margin:0 0 18px;padding:16px;border-radius:var(--u-r,18px);background:var(--card,var(--panel));border:1px solid var(--line);box-shadow:var(--u-sh,none)}
.od360h{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;margin:0 0 10px}
.od360h h3{margin:0;font-size:17px;display:flex;align-items:center;gap:8px}
.od360p{width:10px;height:10px;border-radius:50%;background:#16A34A;box-shadow:0 0 0 0 rgba(22,163,74,.6);animation:od360p 2s infinite}
@keyframes od360p{70%{box-shadow:0 0 0 8px rgba(22,163,74,0)}100%{box-shadow:0 0 0 0 rgba(22,163,74,0)}}
@media (prefers-reduced-motion:reduce){.od360p{animation:none}}
.od360hero{display:grid;grid-template-columns:minmax(220px,1fr) 2fr;gap:14px;align-items:center;padding:14px;border-radius:var(--u-rc,14px);background:linear-gradient(135deg,#0F3D2E,#145A40);color:#fff}
.od360big>span{font-size:13px;opacity:.85}.od360big>b{display:block;font-size:40px;line-height:1.05;letter-spacing:-.02em;font-variant-numeric:tabular-nums;margin:2px 0 4px}
.od360big .hint{color:rgba(255,255,255,.75);display:block;margin-top:4px;font-size:12px}
.od360c{display:inline-flex;gap:6px;align-items:baseline;font-weight:800;font-size:14px}.od360c small{font-weight:500;opacity:.8}
.od360c.up{color:#4ADE80}.od360c.dn{color:#F08A24}
.od360k{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:0}
.od360k>div{padding:10px;border-radius:12px;background:rgba(255,255,255,.1)}
.od360k dt{font-size:12px;opacity:.8}.od360k dd{margin:2px 0 0;font-size:20px;font-weight:800;font-variant-numeric:tabular-nums}
.od360k dd small{display:block;font-size:11.5px;font-weight:500;opacity:.75}
.od360g{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:12px;margin:12px 0 0}
.od360o{padding:14px;border-radius:var(--u-rc,14px);border:1px solid var(--line);background:var(--card,var(--panel));position:relative}
.od360o.off{opacity:.7}.od360o.al{border-color:#DC2626;box-shadow:0 0 0 1px #DC2626 inset}
.od360o header{display:flex;justify-content:space-between;align-items:center;gap:8px}
.od360s{font-size:12px;font-weight:700;padding:3px 9px;border-radius:999px;background:color-mix(in srgb,var(--line) 60%,transparent)}
.od360o.on .od360s{background:color-mix(in srgb,#16A34A 18%,transparent);color:#16A34A}
.od360v{font-size:28px;font-weight:800;letter-spacing:-.02em;font-variant-numeric:tabular-nums;margin:6px 0 2px}
.od360o .od360c.up{color:#16A34A}.od360o .od360c.dn{color:#C2410C}
.od360a{margin:8px 0 0;padding:6px 10px;border-radius:10px;background:color-mix(in srgb,#DC2626 14%,transparent);color:#DC2626;font-weight:700;font-size:13px}
.od360k.sm{grid-template-columns:repeat(2,minmax(0,1fr));margin-top:10px}
.od360k.sm>div{background:color-mix(in srgb,var(--line) 40%,transparent);padding:8px}
.od360k.sm dd{font-size:16px}
.od360l{margin:8px 0 0;font-size:12.5px;opacity:.85}.od360l.bad{color:#DC2626;opacity:1;font-weight:700}
.od360lk{display:flex;flex-direction:column;gap:2px;margin:12px 0 0;padding:10px 14px;border-radius:12px;background:color-mix(in srgb,#F08A24 12%,transparent);border:1px solid color-mix(in srgb,#F08A24 40%,transparent);font-size:13.5px}
.od360lk.bad{background:color-mix(in srgb,#DC2626 12%,transparent);border-color:color-mix(in srgb,#DC2626 45%,transparent)}
.od360pm{display:flex;flex-wrap:wrap;gap:6px 14px;align-items:center;margin:10px 0 0;font-size:13px}
.od360pm b{font-variant-numeric:tabular-nums}
@media (max-width:760px){.od360{padding:12px}.od360hero{grid-template-columns:1fr}.od360k{grid-template-columns:repeat(2,minmax(0,1fr))}.od360big>b{font-size:36px}}
.od360o.od360mini{padding:10px 14px;height:auto;overflow:visible;background:var(--card,var(--panel));border-radius:var(--u-rc,14px)}.od360o.od360mini p{margin:4px 0 0}

/* v3.6.1 recipe restore */
.rc361{background:color-mix(in srgb,#0F3D2E 10%,transparent);border-color:color-mix(in srgb,#0F3D2E 40%,transparent)}
.rc361l{flex:1 1 100%;max-height:320px;overflow:auto;margin:0;padding:8px 12px 8px 28px;border:1px solid var(--line);border-radius:var(--u-rc,12px);background:var(--card,var(--panel));font-size:13px}
.rc361l li{margin:0 0 6px}.rc361x{color:#C2410C}

/* v3.6.2 owner dashboard round 2 */
.od362{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:12px;margin:12px 0 0}
.od362c{padding:14px;border-radius:var(--u-rc,14px);border:1px solid var(--line);background:var(--card,var(--panel));min-width:0}
.od362c h4{margin:0 0 10px;font-size:14.5px;display:flex;flex-wrap:wrap;gap:6px;align-items:baseline}
.od362c h4 small{font-weight:500}
.od362hc{grid-column:1/-1}
.od362lg{border-bottom:2px dashed var(--muted,#888)}
.od362m{display:flex;height:14px;border-radius:999px;overflow:hidden;background:var(--line)}
.od362m span,.od362ml i{background:#888}.m-drinks{background:#145A40!important}.m-bottles{background:#F08A24!important}.m-food{background:#6B8E7F!important}.m-lady{background:#C026D3!important}
.od362ml{list-style:none;margin:10px 0 0;padding:0;display:grid;gap:6px}
.od362ml li{display:grid;grid-template-columns:12px 1fr auto;gap:2px 8px;align-items:center;font-size:13.5px}
.od362ml i{width:12px;height:12px;border-radius:3px}.od362ml b{font-variant-numeric:tabular-nums}
.od362ml small{grid-column:2/-1;opacity:.7;font-size:12px}
.od362t{margin:0;padding:0;list-style:none;display:grid;gap:6px;font-size:13.5px}
.od362t li{display:grid;grid-template-columns:22px 1fr auto auto;gap:8px;align-items:baseline}
.od362t span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.od362t small{opacity:.7}.od362t b{font-variant-numeric:tabular-nums}
.od362ld{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:0 0 6px}
.od362ld>div{padding:10px;border-radius:12px;background:color-mix(in srgb,var(--line) 40%,transparent)}
.od362ld dt{font-size:12px;opacity:.8}.od362ld dd{margin:2px 0 0;font-size:18px;font-weight:800;font-variant-numeric:tabular-nums}.od362ld dd small{display:block;font-size:11.5px;font-weight:500;opacity:.75}
.od362mv{display:flex;flex-wrap:wrap;gap:8px 18px;margin:0 0 10px}
.od362mv span{display:block;font-size:12px;opacity:.75}.od362mv b{font-size:20px;font-variant-numeric:tabular-nums}
.od362bar{height:10px;border-radius:999px;background:var(--line);overflow:hidden}
.od362bar span{display:block;height:100%;background:#16A34A}.od362bar span.watch{background:#F08A24}.od362bar span.bad{background:#DC2626}
/* v3.6.2 · Fresh start: the "items, contacts and recipes" tick only before go-live */
.fs351.fs362live .fs351o.sub{display:none!important}
.od362h{display:flex;align-items:stretch;gap:6px;height:170px;overflow-x:auto;padding-top:4px}
.od362col{flex:1 0 34px;max-width:72px;display:flex;flex-direction:column;align-items:center;gap:4px}
.od362pl{position:relative;flex:1;width:100%;display:flex;flex-direction:column;justify-content:flex-end;align-items:center}
.od362bb{display:block;width:70%;min-height:2px;border-radius:6px 6px 2px 2px;background:#145A40}
.od362col.now .od362bb{background:#F08A24}
.od362v{font-size:10.5px;font-weight:700;white-space:nowrap;font-variant-numeric:tabular-nums;margin-bottom:2px}
.od362lw{position:absolute;left:8%;right:8%;height:0;border-top:2px dashed var(--muted,#888)}
.od362x{font-size:11px;opacity:.7;font-variant-numeric:tabular-nums}
.od362col.now .od362x{opacity:1;font-weight:800;color:#F08A24}
.od362t i{font-style:normal;font-weight:800;opacity:.6}

/* v3.6.3 empty bills */
#view .p363seat{border-style:dashed!important;border-width:2px!important;background:transparent!important;box-shadow:none!important}
#view .p363seat .p363n{display:block;font-style:normal;font-size:12px;font-weight:700;opacity:.75;margin-top:2px}

/* v3.6.4 cash registers */
.reg364c{flex:none;min-height:32px;padding:0 12px;border-radius:999px;border:1px solid color-mix(in srgb,#16A34A 45%,transparent);background:color-mix(in srgb,#16A34A 14%,transparent);color:inherit;font:inherit;font-size:13px;font-weight:700;white-space:nowrap;cursor:pointer}
.reg364c.none{border-color:#F08A24;background:color-mix(in srgb,#F08A24 18%,transparent)}
.reg364m{position:fixed;inset:0;z-index:9999;display:grid;place-items:center;padding:16px;background:rgba(0,0,0,.55)}
.reg364b{width:min(460px,100%);padding:20px;border-radius:var(--u-r,18px);background:var(--card,var(--panel,#1E1F20));color:var(--text,inherit);box-shadow:0 20px 50px rgba(0,0,0,.4)}
.reg364b h3{margin:0 0 6px}
.reg364l{display:grid;gap:10px;margin:14px 0}
.reg364l button{min-height:56px;border-radius:14px;border:2px solid var(--line);background:transparent;color:inherit;font:inherit;font-size:18px;cursor:pointer}
.reg364l button.on{border-color:#0F3D2E;background:color-mix(in srgb,#0F3D2E 30%,transparent)}
.reg364e{margin:8px 0;padding-left:22px;display:grid;gap:8px}
.reg364e li{display:flex;gap:8px;align-items:center}.reg364e input{flex:1;min-height:40px}
.p226sub>.reg364c::before,.posbrand .reg364c::before{content:none!important;margin:0!important}

/* v3.6.5 friends at one table */
.p154seats button small{font-weight:500;opacity:.85;margin-left:3px;max-width:80px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:inline-block;vertical-align:bottom}
.p365w{border-color:color-mix(in srgb,#F08A24 55%,var(--line))!important;color:var(--text)!important}
.p365gl{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}
.p365gl>li{border:1px solid var(--line);border-radius:var(--u-rc,12px);padding:10px 12px;background:var(--panel)}
.p365gl>li.paid{background:color-mix(in srgb,#16A34A 10%,var(--panel));border-color:color-mix(in srgb,#16A34A 40%,var(--line))}
.p365gh{display:flex;justify-content:space-between;align-items:baseline;gap:10px}
.p365gh b{font-size:15.5px}
.p365amt{font-size:18px;font-weight:800;font-variant-numeric:tabular-nums;color:var(--text)}
.p365it{font-size:12.5px;color:var(--muted);margin:3px 0 8px;line-height:1.45}
.p365it i{font-style:normal;color:#F08A24;font-weight:600}
.p365ac{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.p365nm{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:10px}
.p365nm label{display:flex;flex-direction:column;gap:4px;font-weight:700;font-size:13px}
.p365wc{flex-wrap:wrap}
.p365pb{border-color:color-mix(in srgb,#0F3D2E 55%,var(--line))!important}

/* v3.6.6 nights & month close */
.n366tag{display:inline-block;padding:2px 9px;border-radius:999px;font-size:12px;font-weight:700;background:color-mix(in srgb,var(--line) 60%,transparent)}
.n366tag.ok{background:color-mix(in srgb,#16A34A 16%,transparent);color:color-mix(in srgb,#16A34A 75%,var(--text))}
.n366tag.bad{background:color-mix(in srgb,#F08A24 20%,transparent);color:color-mix(in srgb,#F08A24 70%,var(--text))}
.n366tag.now{background:color-mix(in srgb,#0F3D2E 18%,transparent)}
.n366mon{display:flex;flex-wrap:wrap;gap:4px}
.n366mc{display:inline-block;padding:2px 8px;border-radius:8px;font-size:12px;border:1px solid var(--line);white-space:nowrap}
.n366mc.ok{border-color:color-mix(in srgb,#16A34A 45%,var(--line))}
.n366g h3 small{font-weight:500;opacity:.7;font-size:12.5px}
.n366big{display:flex;justify-content:space-between;align-items:baseline;margin:4px 0 8px}
.n366big b{font-size:22px;font-variant-numeric:tabular-nums}
.n366nl{list-style:none;margin:0 0 10px;padding:0;max-height:280px;overflow:auto;display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:4px 14px}
.n366nl li{display:flex;justify-content:space-between;align-items:center;font-size:13.5px;min-height:34px;border-bottom:1px dashed var(--line)}
.n366nl label{display:flex;align-items:center;gap:8px;cursor:pointer}
.n366fee{font-size:13px;margin:6px 0 0;color:var(--muted)}
.n366ck{list-style:none;margin:10px 0;padding:0;display:flex;flex-direction:column;gap:8px}
.n366ck li{display:flex;gap:12px;align-items:center;padding:12px 14px;border:1px solid var(--line);border-radius:var(--u-rc,12px);background:var(--panel)}
.n366ck li>div{flex:1;display:flex;flex-direction:column;gap:2px}
.n366ck li small{color:var(--muted);font-size:12.5px}
.n366ck li i{flex:none;width:28px;height:28px;border-radius:50%;display:grid;place-items:center;font-style:normal;font-weight:800;color:#fff;background:#16A34A}
.n366ck li.bad i{background:#F08A24}
.n366lk{padding:12px 14px;border-radius:var(--u-rc,12px);background:color-mix(in srgb,#0F3D2E 14%,transparent);font-weight:600}
.n366arm{background:#F08A24!important;border-color:#F08A24!important;color:#1a1206!important}
.n366pl .tablewrap{margin-top:6px}
.n366tot td{border-top:2px solid var(--line)}

/* v3.6.7 OSNL Auditor */
.au367 .f258-h{gap:10px}
.au367ai{margin-left:auto;font-size:12px;padding:3px 10px;border-radius:999px;border:1px solid var(--line);color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:46vw}
.au367ai.on{border-color:color-mix(in srgb,#0F3D2E 55%,var(--line));color:var(--text)}
.au367top{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px}
.au367top>div{display:flex;flex-direction:column}
.au367k{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:14px}
.au367k>div{padding:12px 14px;border-radius:var(--u-rc,12px);border:1px solid var(--line);background:var(--panel);display:flex;flex-direction:column}
.au367k b{font-size:26px;font-variant-numeric:tabular-nums;line-height:1.1}
.au367k span{font-size:12.5px;color:var(--muted)}
.au367k .hi{border-color:color-mix(in srgb,#DC2626 45%,var(--line))}.au367k .md{border-color:color-mix(in srgb,#F08A24 50%,var(--line))}.au367k .ok{border-color:color-mix(in srgb,#16A34A 45%,var(--line))}
.au367brief{padding:14px 16px;border-radius:var(--u-rc,12px);background:color-mix(in srgb,#0F3D2E 10%,var(--panel));border:1px solid color-mix(in srgb,#0F3D2E 35%,var(--line));margin-bottom:14px;line-height:1.55}
.au367brief h3{margin:0 0 6px;font-size:15px}
.au367h3{font-size:15px;margin:6px 0 8px}
.au367f{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}
.au367f li{padding:10px 12px;border-radius:var(--u-rc,12px);border:1px solid var(--line);border-left-width:4px;background:var(--panel)}
.au367f li.s-high{border-left-color:#DC2626}.au367f li.s-med{border-left-color:#F08A24}.au367f li.s-low{border-left-color:var(--line)}
.au367fh{display:flex;align-items:baseline;gap:8px;flex-wrap:wrap}
.au367fh em{font-style:normal;font-size:11.5px;padding:1px 8px;border-radius:999px;background:color-mix(in srgb,var(--line) 60%,transparent)}
.au367fh em.sys{background:color-mix(in srgb,#DC2626 18%,transparent)}
.au367f p{margin:4px 0 0;font-size:13.5px}
.au367fix{color:color-mix(in srgb,#0F3D2E 60%,var(--text));font-weight:600}
.au367clean{padding:14px;border-radius:var(--u-rc,12px);background:color-mix(in srgb,#16A34A 12%,transparent);font-weight:600}
.au367pass{display:flex;flex-wrap:wrap;gap:6px;margin:12px 0}
.au367pass span{font-size:12.5px;padding:3px 10px;border-radius:999px;background:color-mix(in srgb,#16A34A 12%,transparent)}
.au367cfg{margin-top:14px}.au367cfg summary{cursor:pointer;font-weight:700;min-height:36px;display:flex;align-items:center}
.au367log{display:flex;flex-direction:column;gap:10px;max-height:min(56vh,560px);overflow:auto;padding:4px 2px 10px}
.au367m{max-width:88%;padding:10px 14px;border-radius:16px;line-height:1.5;font-size:14px}
.au367m.me{align-self:flex-end;background:#0F3D2E;color:#fff;border-bottom-right-radius:4px}
.au367m.ai{align-self:flex-start;background:var(--panel);border:1px solid var(--line);border-bottom-left-radius:4px}
.au367m small{display:block;margin-top:6px;font-size:11.5px;color:var(--muted)}
.au367ex{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}
.au367qf{display:flex;gap:8px;align-items:flex-end;margin-top:8px}
.au367qf textarea{flex:1;min-height:46px;resize:vertical;padding:10px 12px;border-radius:12px;border:1px solid var(--line);background:var(--bg);color:var(--text);font:inherit}
.au367dots{color:var(--muted)}
.au367t{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}
.au367t li{display:flex;gap:12px;align-items:center;padding:8px 12px;border-radius:12px;border:1px solid var(--line);background:var(--panel)}
.au367t li>div:last-child{display:flex;flex-direction:column}.au367t small{color:var(--muted);font-size:12.5px}
.au367sc{flex:none;width:44px;height:44px;border-radius:50%;display:grid;place-items:center;font-weight:800;color:#fff;font-variant-numeric:tabular-nums}
.au367sc.g{background:#16A34A}.au367sc.m{background:#F08A24}.au367sc.b{background:#DC2626}
.au367s{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:10px 14px;margin:0 0 12px;border-radius:var(--u-rc,12px);border:1px solid color-mix(in srgb,#0F3D2E 40%,var(--line));background:color-mix(in srgb,#0F3D2E 9%,var(--panel))}
.au367s>span{flex:1;min-width:200px;font-size:14px}
.au367s.hi{border-color:color-mix(in srgb,#DC2626 45%,var(--line))}
@media (max-width:640px){.au367k b{font-size:21px}.au367m{max-width:96%}}

/* v3.6.8 Auditor round 2 */
.au368chip{font-size:12.5px;margin-top:6px!important;color:var(--muted)}
.au368l .au367fh em.bk{background:color-mix(in srgb,#DC2626 20%,transparent)}.au368l .au367fh em.od{background:color-mix(in srgb,#F08A24 22%,transparent)}.au368l .au367fh em.ok{background:color-mix(in srgb,#16A34A 18%,transparent)}
.au368l li.t-verified,.au368l li.t-closed{opacity:.75}
.au368row{display:flex;flex-wrap:wrap;gap:8px;align-items:flex-end;margin-top:8px}
.au368row label{display:flex;flex-direction:column;gap:3px;font-size:12px;font-weight:700}
.au368row select,.au368row input[type=date]{min-height:36px}
.au368row input[type=text]{flex:1;min-width:180px;min-height:36px;padding:0 10px;border-radius:10px;border:1px solid var(--line);background:var(--bg);color:var(--text)}
.au368h{margin-top:6px;font-size:12.5px}.au368h summary{cursor:pointer;color:var(--muted)}.au368h ul{margin:4px 0 0;padding-left:16px}
.au368esc{padding:12px 14px;border-radius:var(--u-rc,12px);border:1px solid color-mix(in srgb,#DC2626 45%,var(--line));background:color-mix(in srgb,#DC2626 8%,var(--panel));margin-bottom:12px}
.au368esc h3{margin:0 0 6px;font-size:15px}.au368esc ul{margin:0;padding-left:18px;font-size:13.5px}
.au368p{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}
.au368p>li{padding:12px 14px;border-radius:var(--u-rc,12px);border:1px solid var(--line);background:var(--panel)}
.au368p>li.l-high{border-color:color-mix(in srgb,#DC2626 45%,var(--line))}
.au368ph{display:flex;gap:12px;align-items:center;margin-bottom:6px}.au368ph>div:last-child{display:flex;flex-direction:column}.au368ph small{color:var(--muted)}
.au368p>li>ul{margin:0;padding-left:18px;font-size:13.5px}.au368p>li>ul small{display:block;color:var(--muted);font-size:12px;margin:2px 0 6px}
.au368pack h3{margin:6px 0 10px}
.au368g{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:10px;margin-top:10px}
.au368g section{padding:12px 14px;border-radius:var(--u-rc,12px);border:1px solid var(--line);background:var(--panel)}
.au368g h4{margin:0 0 6px}.au368g ol,.au368g ul{margin:0;padding-left:18px;font-size:13.5px}.au368g small{display:block;color:var(--muted)}
.au368fab{position:fixed;left:16px;bottom:calc(16px + env(safe-area-inset-bottom));z-index:60;padding:10px 16px;border-radius:999px;border:0;background:#0F3D2E;color:#fff;font-weight:700;box-shadow:0 6px 18px rgba(0,0,0,.25);cursor:pointer}
.au368fab:focus-visible{outline:3px solid #F08A24;outline-offset:2px}

/* v3.6.9 Head Office work at the outlet */
.rp369l .my2120r{opacity:.92}
.rp369h{margin:6px 12px 10px;font-size:12.5px}
.rp369why{min-height:38px;padding:0 10px;border-radius:10px;border:1px solid var(--line);background:var(--bg);color:var(--text);min-width:200px;flex:1}

/* v3.7.0 · POS header: real buttons; solid bar under the iPad status bar in full screen */
html[data-ui] body.posui .posw .postop .postabs{gap:6px!important;padding:4px!important;overflow-x:auto!important;scrollbar-width:none;min-width:0}
html[data-ui] body.posui .posw .postop .postabs::-webkit-scrollbar{display:none}
html[data-ui] body.posui .posw .postop .postabs button{min-height:46px!important;height:auto!important;padding:0 14px!important;white-space:nowrap!important;flex:none!important;font-size:15px!important;font-weight:700!important;border-radius:12px!important;
  background:color-mix(in srgb,var(--text,#fff) 7%,transparent)!important;border:1px solid color-mix(in srgb,var(--text,#fff) 12%,transparent)!important;box-shadow:none!important;text-shadow:none!important;gap:8px!important}
html[data-ui] body.posui .posw .postop .postabs button[aria-selected="true"],html[data-ui] body.posui .posw .postop .postabs button.on,html[data-ui] body.posui .posw .postop .postabs button[aria-current="page"]{background:#0F3D2E!important;border-color:#0F3D2E!important;color:#fff!important}
html[data-ui] body.posui .posw .postop .postabs button svg{width:18px!important;height:18px!important}
html[data-ui] body.posui .posw .postop>button,html[data-ui] body.posui .posw .postop .reg364c,html[data-ui] body.posui .posw .postop [class*="lock"],html[data-ui] body.posui .posw .postop [data-pos="lock"]{min-height:44px!important;font-size:15px!important;padding-left:14px!important;padding-right:14px!important;border-radius:12px!important;text-shadow:none!important}
html[data-ui] body.posui .posw .postop *{text-shadow:none!important}
html:has(body.posui),body.posui{background:var(--bg,#0B0A08)}
@media (display-mode: standalone),(display-mode: fullscreen){
  html[data-ui] body.posui .posw .postop{background:var(--panel,#1c1c1e)!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;box-shadow:0 1px 0 var(--line)!important}
  body.posui::after{content:"";position:fixed;left:0;right:0;top:0;height:env(safe-area-inset-top,0px);background:var(--panel,#1c1c1e);z-index:2147483000;pointer-events:none}
}
@media (max-width:1400px){html[data-ui] body.posui .posw .postop .postabs button{padding:0 11px!important;font-size:14px!important;gap:6px!important}}
@media (max-width:1100px){html[data-ui] body.posui .posw .postop .postabs button{padding:0 10px!important;font-size:13.5px!important}}

/* v3.7.1 POS: specials row, badges, bigger tiles for small categories */
.p371b{position:absolute;top:6px;right:6px;z-index:3;min-width:24px;height:24px;padding:0 6px;border-radius:12px;display:inline-grid;place-items:center;font-size:12px;font-weight:800;background:linear-gradient(90deg,#f3cf74,#d9a440);color:#1b1407;box-shadow:0 2px 6px rgba(0,0,0,.3)}
.p371b.sp{background:#F08A24;color:#1a0d02}.p371b.nw{background:#e8f5ee;color:#0F3D2E;font-size:10.5px}
[data-positem],.tbc-img{position:relative}
.p371row{display:flex;gap:8px;align-items:center;overflow-x:auto;padding:6px 2px 10px;scrollbar-width:none}.p371row::-webkit-scrollbar{display:none}
.p371h{flex:none;font-weight:800;font-size:14px;padding-right:4px}
.p371c{flex:none;position:relative;display:flex;align-items:center;gap:8px;min-height:56px;padding:4px 12px 4px 4px;border-radius:14px;border:1.5px solid color-mix(in srgb,#F08A24 55%,var(--line));background:color-mix(in srgb,#F08A24 8%,var(--panel));color:var(--text);cursor:pointer;text-align:left}
.p371c img{width:48px;height:48px;border-radius:10px;object-fit:cover}.p371c span{display:flex;flex-direction:column}.p371c b{font-size:13.5px;max-width:150px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.p371c em{font-style:normal;font-size:12.5px;color:var(--muted)}
.p371c .p371b{position:static;margin-left:4px;height:22px}
html body #view .positems.p371n1,html body #view .tb-grid.p371n1,html body .posw .positems.p371n1,html body .posw .tb-grid.p371n1,html[data-ui] body.posui .posw .positems.p371n1{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))!important}
html body #view .positems.p371n2,html body #view .tb-grid.p371n2,html body .posw .positems.p371n2,html body .posw .tb-grid.p371n2,html[data-ui] body.posui .posw .positems.p371n2{grid-template-columns:repeat(auto-fill,minmax(220px,1fr))!important}
.positems.p371n1 img,.tb-grid.p371n1 img,.positems.p371n2 img,.tb-grid.p371n2 img{object-fit:cover}
.tb-grid.p371n1 .tbc-img,.positems.p371n1 .hasimg img{min-height:180px}
.tb-grid.p371n2 .tbc-img,.positems.p371n2 .hasimg img{min-height:140px}
.p371mi .p371ck,.p371mi .p371sp{display:flex;flex-wrap:wrap;gap:8px 14px;align-items:center;margin:6px 0}
.p371mi label{display:inline-flex;align-items:center;gap:6px;font-weight:600}.p371d{padding:4px 8px;border:1px solid var(--line);border-radius:999px}
.p371sp label:not(.p371d){flex-direction:column;align-items:flex-start;font-size:12.5px}.p371w{display:flex!important;flex-direction:column;align-items:stretch!important;margin-top:6px}
.p371q{display:block;font-size:12.5px;margin:4px 0}.p371q.bad{color:#DC2626;font-weight:700}.p371q.meh{color:#F08A24;font-weight:600}.p371q.ok{color:#16A34A;font-weight:700}
.p371od ol{margin:6px 0 0;padding-left:18px}.p371od li{margin:2px 0}

/* v3.7.2 HR posters, overtime % */
.wp372f{padding:10px 12px;border:1.5px dashed color-mix(in srgb,#F08A24 60%,var(--line,#ccc));border-radius:12px}
.wp372f input{margin-top:6px}
.h2otp{font-weight:700}

/* v3.7.3 AI DJ autopilot */
.dj373hero{background:linear-gradient(135deg,#0F3D2E 0%,#17553F 100%);color:#fff;border:0}
.dj373hero .hint{color:rgba(255,255,255,.78)}
.dj373hh{display:flex;align-items:flex-start;gap:14px}
.dj373hh>div{flex:1;min-width:0}.dj373hh h3{margin:0 0 4px;color:#fff;font-size:20px}
.dj373logo{width:46px;height:46px;border-radius:14px;background:#F08A24;display:grid;place-items:center;font-size:24px;flex:none;box-shadow:0 4px 14px rgba(240,138,36,.4)}
.dj373m{display:flex;flex-wrap:wrap;gap:6px;align-items:center;margin-top:10px}
.dj373chip{font-size:12px;font-weight:600;border-radius:99px;padding:3px 10px;background:color-mix(in srgb,var(--ink,#222) 8%,transparent)}
.dj373hero .dj373chip{background:rgba(255,255,255,.14);color:#fff}
.dj373chip.ok{background:color-mix(in srgb,#2E9E5B 18%,transparent);color:#1E7A45}.dj373hero .dj373chip.ok{background:rgba(46,158,91,.35);color:#fff}
.dj373chip.warn{background:color-mix(in srgb,#E0B22E 24%,transparent);color:#8a6200}.dj373hero .dj373chip.warn{background:rgba(240,138,36,.32);color:#fff}
.dj373chip.hot{background:color-mix(in srgb,#F08A24 26%,transparent)}.dj373chip.calm{background:color-mix(in srgb,#3B82C4 24%,transparent)}
.dj373c .dj373chip.ok,.dj373c .dj373chip.warn{color:inherit}.dj373c .dj373chip.ok::before{content:"";display:inline-block;width:7px;height:7px;border-radius:50%;background:#2E9E5B;margin-right:6px;vertical-align:1px}.dj373c .dj373chip.warn::before{content:"";display:inline-block;width:7px;height:7px;border-radius:50%;background:#F08A24;margin-right:6px;vertical-align:1px}
.dj373sw{appearance:none;border:0;width:51px;height:31px;border-radius:99px;background:#C9CED3;position:relative;cursor:pointer;flex:none;transition:background .2s;padding:0}
.dj373sw i{position:absolute;top:2px;left:2px;width:27px;height:27px;border-radius:50%;background:#fff;box-shadow:0 2px 5px rgba(0,0,0,.25);transition:transform .2s}
.dj373sw.on{background:#F08A24}.dj373sw.on i{transform:translateX(20px)}
.dj373sw:focus-visible{outline:3px solid #F08A24;outline-offset:2px}
.dj373sw.big{transform:scale(1.1);transform-origin:right top}.dj373hero .dj373sw:not(.on){background:rgba(255,255,255,.3)}
.dj373grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,420px),1fr));gap:14px;margin:14px 0}
.dj373c{display:flex;flex-direction:column;gap:12px}.dj373c.off{opacity:.75}
.dj373h{display:flex;align-items:flex-start;gap:10px}.dj373h>div{flex:1;min-width:0}.dj373h h3{margin:0}
.dj373now{border-radius:16px;padding:14px;background:color-mix(in srgb,#0F3D2E 7%,transparent);border-left:5px solid #0F3D2E}
.dj373now.idle,.dj373now.off{border-left-color:#9AA3AB}
.dj373now.e1{border-left-color:#3B82C4}.dj373now.e2{border-left-color:#2E9E5B}.dj373now.e3{border-left-color:#C9A227}.dj373now.e4{border-left-color:#F08A24}.dj373now.e5{border-left-color:#D9473B}
.dj373now>b{display:block;font-size:17px}
.dj373nt{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 10px}.dj373nt .hint{width:100%;font-size:12px;text-transform:none}
.dj373nt b{font-size:20px;line-height:1.2}
.dj373e{display:inline-flex;gap:3px;align-items:flex-end}.dj373e i{width:5px;border-radius:2px;background:color-mix(in srgb,var(--ink,#222) 15%,transparent)}
.dj373e i:nth-child(1){height:6px}.dj373e i:nth-child(2){height:9px}.dj373e i:nth-child(3){height:12px}.dj373e i:nth-child(4){height:15px}.dj373e i:nth-child(5){height:18px}.dj373e i.on{background:#F08A24}
.dj373pl{margin:6px 0 0;font-weight:600}.dj373why{margin:2px 0 0;color:var(--mut,#5c6670)}
.dj373tl{display:flex;gap:3px;border-radius:12px;overflow-x:auto;min-height:58px;scrollbar-width:none}
.dj373seg{min-width:66px;padding:6px 7px;display:flex;flex-direction:column;gap:1px;font-size:11px;line-height:1.25;background:color-mix(in srgb,var(--ink,#222) 6%,transparent);position:relative}
.dj373seg b,.dj373seg span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dj373seg em{font-style:normal;opacity:.7;margin-top:auto}
.dj373seg.e1{background:color-mix(in srgb,#3B82C4 16%,transparent)}.dj373seg.e2{background:color-mix(in srgb,#2E9E5B 16%,transparent)}.dj373seg.e3{background:color-mix(in srgb,#C9A227 20%,transparent)}.dj373seg.e4{background:color-mix(in srgb,#F08A24 22%,transparent)}.dj373seg.e5{background:color-mix(in srgb,#D9473B 20%,transparent)}
.dj373seg.cur{box-shadow:inset 0 -4px 0 #F08A24,inset 0 0 0 1.5px #F08A24;font-weight:600}.dj373seg.cur em{opacity:1;color:#F08A24;font-weight:800}
.dj373why2{margin:0;padding-left:18px;font-size:12.5px;color:var(--mut,#5c6670)}.dj373why2:empty{display:none}
.dj373plan{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.dj373plan p{margin:0;flex:1;min-width:200px}
.dj373hist summary,.dj373set summary{cursor:pointer;font-weight:600;font-size:13px;padding:4px 0}
.dj373hist ol{list-style:none;margin:6px 0 0;padding:0;display:grid;gap:6px}
.dj373hist li{display:grid;grid-template-columns:46px 1fr;gap:0 8px;font-size:13px}.dj373hist time{grid-row:span 2;font-variant-numeric:tabular-nums;color:var(--mut,#5c6670)}
.dj373set .mkfr{align-items:flex-end;gap:12px;margin-top:8px}
.dj373sty{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}
.dj373st{display:flex;flex-direction:column;padding:8px 12px;border-radius:12px;border-left:4px solid #9AA3AB;background:color-mix(in srgb,var(--ink,#222) 5%,transparent);font-size:13px}
.dj373st em{font-style:normal;font-size:11.5px;color:var(--mut,#5c6670)}
.dj373st.e1{border-left-color:#3B82C4}.dj373st.e2{border-left-color:#2E9E5B}.dj373st.e3{border-left-color:#C9A227}.dj373st.e4{border-left-color:#F08A24}.dj373st.e5{border-left-color:#D9473B}
.dj373st.miss{outline:1.5px dashed #F08A24}
.dj373bad{margin-top:10px}
.dj373rh{margin:12px 0 6px}
.dj373rt{width:100%;border-collapse:collapse;font-size:13px}.dj373rt th,.dj373rt td{padding:6px 8px;border-bottom:1px solid var(--line,#e3e6e8);text-align:left}.dj373rt .num{text-align:right;font-variant-numeric:tabular-nums}
.dj373rt tr.best td{font-weight:700;background:color-mix(in srgb,#F08A24 9%,transparent)}
@media (max-width:600px){.dj373tl{flex-wrap:wrap;gap:4px;border-radius:10px}.dj373seg{flex:1 1 45%!important;border-radius:8px}.dj373hh h3{font-size:18px}.dj373logo{width:40px;height:40px;font-size:20px}}
@media (prefers-reduced-motion:reduce){.dj373sw,.dj373sw i{transition:none}}

/* v3.7.5 AI briefs */
.dj375b{display:flex;flex-direction:column;gap:6px;margin-top:10px}
.dj375b textarea{width:100%;min-height:110px;resize:vertical;font:inherit;line-height:1.45;padding:10px 12px;border-radius:12px}
.dj375bf{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.dj375bf .hint{flex:1;min-width:180px}
.dj375draft{display:inline-block;width:fit-content;align-self:flex-start;font-size:11px;font-weight:700;color:#A3520A;background:color-mix(in srgb,#F08A24 20%,transparent);border-radius:99px;padding:1px 8px;margin-left:6px}
.dj375g summary{cursor:pointer;list-style:none;display:flex;align-items:center;gap:8px;flex-wrap:wrap}.dj375g summary::-webkit-details-marker{display:none}
.dj375g summary::before{content:"✨";font-size:16px}

/* v3.7.6 re-plan preview */
.dj376{border:1.5px solid #F08A24;border-radius:16px;padding:12px 14px;display:flex;flex-direction:column;gap:8px;background:color-mix(in srgb,#F08A24 7%,transparent)}
.dj376 p{margin:0}.dj376h{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 10px}
.dj376tl .dj373seg.past{opacity:.38}.dj376tl .dj373seg.chg{outline:2px dashed #F08A24;outline-offset:-2px}
.dj376now s{opacity:.65}.dj376a{display:flex;flex-wrap:wrap;gap:8px}

/* v3.8.0 Outlet Reports tracker & issues */
.or380bar0{display:flex;flex-wrap:wrap;gap:10px;align-items:center;justify-content:space-between;margin-bottom:12px}
.or380sw{display:inline-flex;max-width:100%;overflow-x:auto;scrollbar-width:none;background:color-mix(in srgb,var(--ink,#222) 7%,transparent);border-radius:12px;padding:3px;gap:2px}
.or380sw button{border:0;background:transparent;padding:7px 12px;border-radius:9px;font:inherit;font-weight:600;font-size:13px;display:flex;gap:6px;align-items:center;cursor:pointer;color:inherit}
.or380sw button[aria-pressed="true"]{background:var(--card,#fff);box-shadow:0 1px 4px rgba(0,0,0,.12);color:#0F3D2E}
@media (prefers-color-scheme:dark){.or380sw button[aria-pressed="true"]{color:#F08A24}}
.or380days{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:10px}
.or380cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,250px),1fr));gap:12px;margin-top:10px}
.or380c{border-radius:16px;padding:14px;background:var(--card,#fff);border:1px solid var(--line,#e3e6e8);border-left:5px solid #9AA3AB;display:flex;flex-direction:column;gap:8px}
.or380c.ok{border-left-color:#2E9E5B}.or380c.warn{border-left-color:#E0A21B}.or380c.bad{border-left-color:#D9473B}
.or380c header{display:flex;justify-content:space-between;align-items:flex-start;gap:8px}.or380c h4{margin:0}.or380c p{margin:0}
.or380c footer{display:flex;flex-wrap:wrap;gap:4px 12px;font-size:12px;color:var(--mut,#5c6670)}
.or380p{display:inline-flex;gap:5px;align-items:center;font-size:12px;font-weight:700;padding:3px 9px;border-radius:99px;white-space:nowrap}
.or380p.ok{background:color-mix(in srgb,#2E9E5B 18%,transparent);color:#1E7A45}.or380p.warn{background:color-mix(in srgb,#E0A21B 22%,transparent);color:#8a6200}.or380p.bad{background:color-mix(in srgb,#D9473B 18%,transparent);color:#A3291F}.or380p.mute{background:color-mix(in srgb,var(--ink,#222) 8%,transparent)}
.or380tags{display:flex;flex-wrap:wrap;gap:4px}.or380streak{color:#F08A24;font-weight:700}
.or380tw{overflow-x:auto}.or380t{width:100%;border-collapse:collapse;font-size:13px}.or380t th,.or380t td{padding:7px 8px;border-bottom:1px solid var(--line,#e3e6e8);text-align:left;white-space:nowrap}.or380t .num{text-align:right}
.or380t.cmp th,.or380t.cmp td{text-align:center;padding:5px 4px}.or380t.cmp th:first-child{text-align:left}.or380t.cmp small{display:block;font-weight:400;opacity:.6}
.or380i{font-weight:800}.or380i.ok{color:#2E9E5B}.or380i.warn{color:#E0A21B}.or380i.bad{color:#D9473B}.or380i.mute{opacity:.5}.or380i button{border:0;background:none;font:inherit;color:inherit;cursor:pointer}
.or380calh{display:flex;align-items:center;justify-content:center;gap:14px;margin-bottom:8px}
.or380cal{display:grid;grid-template-columns:repeat(7,1fr);gap:4px}.or380wd{font-size:11px;font-weight:700;text-align:center;opacity:.6}
.or380cd{min-height:74px;border-radius:10px;border:1px solid var(--line,#e3e6e8);background:var(--card,#fff);padding:5px;display:flex;flex-direction:column;align-items:flex-start;gap:4px;font:inherit;cursor:pointer;color:inherit}
.or380cd.pad{border:0;background:none}.or380cd:disabled{opacity:.35;cursor:default}.or380cd.now{outline:2px solid #F08A24}.or380cd .n{font-weight:700;font-size:13px}
.or380cd .dots{display:flex;flex-wrap:wrap;gap:2px}.or380cd .dots i,.or380leg i{font-style:normal;font-size:9px;font-weight:800;border-radius:5px;padding:1px 3px;color:#fff}
.or380cd .dots i.ok,.or380leg i.ok{background:#2E9E5B}.or380cd .dots i.warn,.or380leg i.warn{background:#E0A21B}.or380cd .dots i.bad,.or380leg i.bad{background:#D9473B}.or380cd .dots i.mute,.or380leg i.mute{background:#9AA3AB}
.or380bar{display:inline-block;width:60px;height:6px;border-radius:9px;background:color-mix(in srgb,var(--ink,#222) 10%,transparent);vertical-align:middle;overflow:hidden}.or380bar i{display:block;height:100%;background:#2E9E5B}
.or380cfg{margin-top:12px}.or380cfg summary{cursor:pointer;font-weight:600}.or380cfg .mkfr{margin:10px 0;gap:10px;flex-wrap:wrap}
.or380is{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.or380it{border:1px solid var(--line,#e3e6e8);border-radius:14px;padding:12px 14px;background:var(--card,#fff);display:flex;flex-direction:column;gap:8px}
.or380it.over{border-color:#D9473B;box-shadow:inset 4px 0 0 #D9473B}.or380it.closed{opacity:.72}
.or380ih{display:flex;flex-wrap:wrap;align-items:center;gap:6px}.or380tx{margin:0}
.or380steps{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:0}
.or380steps li{position:relative;flex:1 1 110px;padding:6px 8px 6px 18px;font-size:12px;border-top:3px solid color-mix(in srgb,var(--ink,#222) 12%,transparent);color:var(--mut,#5c6670)}
.or380steps li::before{content:"";position:absolute;left:4px;top:9px;width:9px;height:9px;border-radius:50%;background:color-mix(in srgb,var(--ink,#222) 22%,transparent)}
.or380steps li.done{border-top-color:#2E9E5B;color:inherit}.or380steps li.done::before{background:#2E9E5B}
.or380steps li b{display:block;font-size:12px}.or380steps li span{display:block}
.or380sla{font-size:12.5px;font-weight:600}.or380sla.bad{color:#D9473B}
.or380a{display:flex;flex-wrap:wrap;gap:8px}
@media (max-width:600px){.or380cd{min-height:56px}.or380cd .dots i{font-size:8px}.or380steps li{flex-basis:45%}}
.or380rh{font-weight:700}
.or380t thead th{text-transform:none;letter-spacing:0;font-size:12px}

.h2otr{min-width:220px;font:inherit;padding:6px 10px;border-radius:10px}
.h2auto{font-size:12px;font-weight:700;color:#A3520A;background:color-mix(in srgb,#F08A24 18%,transparent);border-radius:99px;padding:1px 8px}

/* v3.8.2 Head Office Me */
.me382{max-width:760px;margin:0 auto;display:flex;flex-direction:column;gap:18px;padding-bottom:20px}
.me382h{display:flex;align-items:center;gap:14px;padding:16px;border-radius:20px;background:linear-gradient(135deg,#0F3D2E,#17553F);color:#fff}
.me382h .hint{color:rgba(255,255,255,.78)}.me382h>div{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.me382h b{font-size:20px}
.me382h .hrav,.me382h img{width:56px;height:56px;border-radius:50%;flex:none;object-fit:cover}
.me382st{font-size:12px;font-weight:700;padding:4px 10px;border-radius:99px;background:rgba(255,255,255,.16);white-space:nowrap}.me382st.on{background:#F08A24}
.me382q{grid-template-columns:repeat(auto-fill,minmax(92px,1fr))!important}
.me382q .hq{position:relative;display:flex;flex-direction:column;align-items:center;gap:6px;padding:12px 6px;border:0;border-radius:16px;background:var(--card,#fff);cursor:pointer;font:inherit;color:inherit}
.me382q .hq:focus-visible{outline:3px solid #F08A24}.me382q .hq-l{font-size:12.5px;font-weight:600;text-align:center}
.me382n{position:absolute;top:6px;right:12px;min-width:18px;height:18px;border-radius:9px;background:#D9473B;color:#fff;font-size:11px;font-style:normal;font-weight:700;display:grid;place-items:center;padding:0 4px}
.me382row{display:flex;align-items:center;gap:12px;width:100%;text-align:left;padding:12px 14px;border-radius:14px;border:0;background:color-mix(in srgb,#F08A24 10%,transparent);font:inherit;color:inherit;cursor:pointer;margin-bottom:8px}
.me382row span:first-of-type{flex:1;display:flex;flex-direction:column}.me382row em{font-style:normal;font-size:12px;opacity:.7}
.me382q .hq-ic{width:48px;height:48px;border-radius:14px;color:#fff;box-shadow:0 3px 10px rgba(0,0,0,.18)}
.me382q .hq-ic .eic{width:24px;height:24px;stroke:#fff}
.me382q .hq-ic.c1{background:linear-gradient(135deg,#F7A64B,#F08A24)}.me382q .hq-ic.c2{background:linear-gradient(135deg,#4C9BE8,#2563C9)}.me382q .hq-ic.c3{background:linear-gradient(135deg,#2FC4B2,#13897C)}
.me382q .hq-ic.c4{background:linear-gradient(135deg,#3DBE73,#1E7A45)}.me382q .hq-ic.c5{background:linear-gradient(135deg,#9B7BF0,#6A45D8)}.me382q .hq-ic.c6{background:linear-gradient(135deg,#F06B8F,#D63864)}
.me382 .hsec-h h3{font-size:12px;letter-spacing:.06em;opacity:.7}

/* v3.8.3 Purchasing */
.dr383urg{margin:0 0 10px;padding:10px 12px;border-radius:12px;background:color-mix(in srgb,#D9473B 14%,transparent)}
.dr383urgt{display:inline-block;margin:10px 0 0 14px;font-size:12px;font-weight:800;color:#fff;background:#D9473B;border-radius:99px;padding:2px 10px}
.dr383bud{display:flex;flex-direction:column;gap:5px;margin:8px 0;font-size:13px}.dr383bud i{display:block;height:8px;border-radius:9px;background:color-mix(in srgb,var(--ink,#222) 10%,transparent);position:relative;overflow:hidden}
.dr383bud i::after{content:"";position:absolute;inset:0 auto 0 0;width:var(--p);background:#2E9E5B;border-radius:9px}.dr383bud.near i::after{background:#E0A21B}.dr383bud.over i::after{background:#D9473B;width:100%}.dr383bud.over b{color:#D9473B}
.dr383warn{margin:6px 0;color:#A3291F;font-weight:600;font-size:13px}
.dr383prog{position:relative;display:grid;grid-template-columns:repeat(3,1fr);gap:8px;padding:14px;border-radius:18px;background:linear-gradient(135deg,#0F3D2E,#17553F);color:#fff;margin-bottom:12px;overflow:hidden}
.dr383prog div{display:flex;flex-direction:column}.dr383prog b{font-size:20px}.dr383prog span{font-size:12px;opacity:.8}.dr383prog i{position:absolute;left:0;bottom:0;height:5px;width:var(--p);background:#F08A24}
.dr383list{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.dr383it{display:flex;flex-direction:column;gap:8px;padding:12px;border-radius:14px;border:1px solid var(--line,#e3e6e8)}.dr383it.ok{background:color-mix(in srgb,#2E9E5B 10%,transparent);border-color:color-mix(in srgb,#2E9E5B 45%,transparent)}
.dr383n{display:flex;flex-direction:column;gap:2px}.dr383n b{font-size:16px}.dr383n span,.dr383n em{font-size:12.5px;opacity:.75;font-style:normal}
.dr383in{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:8px;align-items:end;min-width:0}.dr383in label{display:flex;flex-direction:column;gap:3px;font-size:12px}.dr383in label.w{grid-column:1/-1}
.dr383in input{font-size:16px;padding:10px;border-radius:10px;width:100%;box-sizing:border-box;min-width:0}.dr383ok{grid-column:1/-1;min-height:46px;font-size:15px}
@media (min-width:760px){.dr383in{grid-template-columns:110px 120px 1fr auto}.dr383in label.w{grid-column:auto}.dr383ok{grid-column:auto}}
.dr383set{margin:10px 0 0;font-size:13px}.dr383set.ok{color:#1E7A45}
.dr383so{display:grid;grid-template-columns:2fr .8fr .8fr 1fr;gap:8px;align-items:end;padding:10px 0;border-bottom:1px solid var(--line,#e3e6e8)}.dr383so label{display:flex;flex-direction:column;gap:3px;font-size:12px}
.dr383so .dr383days{grid-column:1/-2;display:flex;gap:4px;flex-wrap:wrap}.dr383days button{border:1px solid var(--line,#ccd);background:transparent;border-radius:99px;padding:5px 9px;font:inherit;font-size:12px;cursor:pointer;color:inherit}
.dr383days button[aria-pressed=true]{background:#0F3D2E;color:#fff;border-color:#0F3D2E}
@media (max-width:600px){.dr383so{grid-template-columns:1fr 1fr}.dr383so label.n{grid-column:1/-1}}
.dr383prl{list-style:none;margin:0;padding:0;display:grid;gap:8px}.dr383pr{display:flex;justify-content:space-between;gap:10px;align-items:center;padding:10px 0;border-bottom:1px solid var(--line,#e3e6e8)}
.dr383prn{display:flex;flex-direction:column;gap:2px;min-width:0}.dr383prn span{font-size:12.5px;opacity:.85}.dr383qs{opacity:.7!important}.dr383chp{color:#1E7A45;font-weight:700;opacity:1!important}
.dr383sp{color:#F08A24;flex:none}.okc{color:#1E7A45}.warnc{color:#8a6200}.badc{color:#D9473B}
.dr383brow{display:flex;flex-direction:column;gap:2px;padding:6px 0}
.dr383it{min-width:0;box-sizing:border-box}.dr383st{min-width:0}
@media (min-width:760px){.dr383in{grid-template-columns:110px 120px minmax(0,1fr) auto}}

/* v3.8.4 Nightlife Card fresh start */
.fs384w{display:grid;gap:12px}
.fs384b{display:grid;gap:2px;padding:12px 14px;border-radius:12px;background:color-mix(in srgb,#0F3D2E 9%,transparent);border:1px solid color-mix(in srgb,#0F3D2E 25%,transparent)}
.fs384b.warn{background:color-mix(in srgb,#F08A24 12%,transparent);border-color:color-mix(in srgb,#F08A24 40%,transparent)}
.fs384b.ok{background:color-mix(in srgb,#1f9d55 12%,transparent);border-color:color-mix(in srgb,#1f9d55 40%,transparent)}
.fs384b span{font-size:.9em;opacity:.85}
.fs384c h3{margin:0 0 10px;font-size:1.02rem}
.fs384g{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:8px;margin-bottom:10px}
.fs384t{display:grid;gap:2px;padding:10px 12px;border-radius:12px;border:1px solid var(--line);min-width:0}
.fs384t span{font-size:.8em;opacity:.7}.fs384t b{font-size:1.15rem;font-variant-numeric:tabular-nums}.fs384t em{font-style:normal;font-size:.78em;opacity:.65}
.fs384tb{width:100%;border-collapse:collapse;font-size:.9em;margin:4px 0 8px}
.fs384tb th,.fs384tb td{padding:6px 8px;border-bottom:1px solid var(--line);text-align:left}.fs384tb .r{text-align:right;font-variant-numeric:tabular-nums}
.fs384st{list-style:none;margin:0;padding:0;display:grid;gap:4px}
.fs384s{display:grid;grid-template-columns:32px minmax(0,1fr);gap:10px;padding:10px 6px;border-radius:12px;opacity:.6}
.fs384s.on,.fs384s.done{opacity:1}.fs384s.on{background:color-mix(in srgb,#F08A24 8%,transparent)}
.fs384s h4{margin:4px 0}
.fs384n{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;font-weight:800;background:var(--line);font-size:.85em}
.fs384s.on .fs384n{background:#F08A24;color:#fff}.fs384s.done .fs384n{background:#0F3D2E;color:#fff}
.fs384cf{display:flex;gap:8px;flex-wrap:wrap;margin-top:8px}.fs384cf input{flex:1 1 180px;min-width:0;min-height:40px;letter-spacing:.04em}
.fs384chk{display:flex;gap:8px;align-items:center;margin:6px 0}
.fs384ok{color:#1f9d55;font-weight:700}
.fs384rec{display:grid;gap:4px;margin-bottom:8px}
.fs384r{display:grid;grid-template-columns:minmax(0,1fr) auto 24px;gap:8px;align-items:center;padding:8px 10px;border-radius:10px;border:1px solid var(--line)}
.fs384r b{font-variant-numeric:tabular-nums}.fs384r em{font-style:normal;font-weight:800;text-align:center}.fs384r .ok{color:#1f9d55}.fs384r .bad{color:#d4472b}
.fs384z{border-left:4px solid #F08A24}
.fs384cf .btn.danger{background:#c0392b;border-color:#c0392b;color:#fff}

/* v3.8.5 Finance opening balances */
.ob5{display:grid;gap:12px;max-width:860px}
.ob5b{display:grid;gap:2px;padding:12px 14px;border-radius:12px;background:color-mix(in srgb,#F08A24 10%,transparent);border:1px solid color-mix(in srgb,#F08A24 35%,transparent)}
.ob5b.ok{background:color-mix(in srgb,#0F3D2E 12%,transparent);border-color:color-mix(in srgb,#0F3D2E 40%,transparent)}
.ob5b span{font-size:.9em;opacity:.85}
.ob5s h3{margin:0 0 4px}
.ob5g{display:grid;gap:4px;margin-top:10px}.ob5gt{font-size:.8em;font-weight:700;opacity:.65}
.ob5r{display:grid;grid-template-columns:minmax(0,1fr) minmax(110px,170px);gap:10px;align-items:center;padding:8px 10px;border:1px solid var(--line);border-radius:10px}
.ob5r span{display:grid;min-width:0}.ob5r em{font-style:normal;font-size:.8em;opacity:.65;overflow-wrap:anywhere}
.ob5r input{width:100%;min-height:38px;text-align:right;font-variant-numeric:tabular-nums}
.ob5r strong{text-align:right;font-variant-numeric:tabular-nums}.ob5r strong small{display:block;font-size:.72em;font-weight:500;opacity:.6}
.ob5r.lock{background:color-mix(in srgb,#0F3D2E 6%,transparent)}
.ob5r.big{border-color:#F08A24}.ob5r.big strong{font-size:1.15rem}
.ob5t{display:grid;gap:6px;position:sticky;bottom:8px;z-index:5;background:var(--card,var(--bg,#fff));box-shadow:0 6px 24px rgba(0,0,0,.18)}
.ob5date{display:grid;grid-template-columns:minmax(0,1fr) minmax(140px,190px);gap:10px;align-items:center}.ob5date span{display:grid}.ob5date em{font-style:normal;font-size:.8em;opacity:.65}
.ob5w{margin:10px 0 0;padding-left:18px;color:#b45309}.ob5w li{margin:4px 0}
.ob5ok{color:#1f9d55;font-weight:700;margin:0}
.ob5up{cursor:pointer;display:inline-flex;align-items:center}
@media (max-width:600px){.ob5r,.ob5date{grid-template-columns:minmax(0,1fr) 120px}.ob5t{position:static;box-shadow:none}.ob5r.big{grid-template-columns:1fr}.ob5r.big strong{text-align:left}}

/* v3.8.6 Go-live wizard */
.gl386{max-width:940px;margin:0 auto;display:grid;gap:14px;padding-bottom:40px}
.gl386h{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.gl386h h2{margin:0 0 2px;font-size:1.6rem}
.gl386dates{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:10px}
.gl386dates label{display:grid;grid-template-columns:minmax(0,1fr) minmax(130px,170px);gap:10px;align-items:center;padding:12px 14px;border:1px solid var(--line);border-radius:14px;background:var(--card,transparent)}
.gl386dates span{display:grid;font-weight:700}.gl386dates em{font-style:normal;font-weight:400;font-size:.8em;opacity:.65}.gl386dates input{width:100%;min-height:40px}
.gl386tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;padding:4px;border-radius:14px;background:color-mix(in srgb,#0F3D2E 10%,transparent)}
.gl386tabs button{display:flex;align-items:center;justify-content:center;gap:8px;min-height:46px;border:0;border-radius:11px;background:transparent;color:inherit;font-weight:700;cursor:pointer}
.gl386tabs button span{width:24px;height:24px;border-radius:50%;display:grid;place-items:center;font-size:.8em;background:var(--line)}
.gl386tabs button.ok span{background:#0F3D2E;color:#fff}.gl386tabs button.on span{background:#F08A24;color:#fff}
.gl386tabs button[aria-selected="true"]{background:var(--card,#fff);box-shadow:0 1px 4px rgba(0,0,0,.15);color:inherit}
.gl386steps{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.gl386s{border:1px solid var(--line);border-radius:14px;background:var(--card,transparent);overflow:hidden}
.gl386s.open{border-color:#F08A24}
.gl386sh{width:100%;display:grid;grid-template-columns:34px minmax(0,1fr) 20px;gap:12px;align-items:center;padding:12px 14px;border:0;background:transparent;color:inherit;text-align:left;cursor:pointer;min-height:58px}
.gl386n{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;font-weight:800;background:var(--line)}
.gl386s.ok .gl386n{background:#0F3D2E;color:#fff}.gl386s.att .gl386n{background:#F08A24;color:#fff}
.gl386st{display:grid;min-width:0}.gl386st em{font-style:normal;font-size:.85em;opacity:.7;overflow-wrap:anywhere}
.gl386chev{font-size:1.3em;opacity:.5;transition:transform .2s}.gl386s.open .gl386chev{transform:rotate(90deg)}
.gl386b{padding:0 14px 14px 60px;display:grid;gap:10px;min-width:0}
.gl386b .gl281c{margin:0;border-radius:12px}
.gl386 .fs351seg,.gl386 .fs351seg+.fs351n{display:none!important}
.gl386chk{list-style:none;margin:0;padding:0;display:grid;gap:6px}
.gl386chk li{display:grid;grid-template-columns:22px minmax(0,1fr) auto;gap:10px;align-items:center;padding:8px 10px;border:1px solid var(--line);border-radius:10px}
.gl386chk li div{display:grid}.gl386chk em{font-style:normal;font-size:.85em;opacity:.7}
.gl386chk li.ok>span{color:#1f9d55}.gl386chk li.att>span{color:#d97706}
.gl386loc{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:6px}
.gl386loc>div{display:grid;padding:8px 10px;border:1px solid var(--line);border-radius:10px}.gl386loc span{font-size:.85em;opacity:.75}.gl386loc>div.ok{border-color:color-mix(in srgb,#1f9d55 50%,transparent)}
.gl386tiles{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:10px}
.gl386tile{display:grid;gap:4px;padding:14px;border-radius:14px;border:1px solid var(--line);background:var(--card,transparent)}
.gl386tile b{font-size:1.4rem;font-variant-numeric:tabular-nums}.gl386tile em{font-style:normal;font-size:.82em;opacity:.7}
.gl386tile.ok{border-color:color-mix(in srgb,#1f9d55 45%,transparent)}.gl386tile.att{border-color:#F08A24}
.gl386np{display:grid;gap:6px}.gl386np h4{margin:6px 0}.gl386np>div{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:8px 10px;border:1px solid var(--line);border-radius:10px}
.gl386ok{color:#1f9d55;font-weight:700;margin:0}
.gl386note{padding:12px 14px;border-radius:12px;background:color-mix(in srgb,#F08A24 12%,transparent);border:1px solid color-mix(in srgb,#F08A24 40%,transparent)}
.gl386log summary{cursor:pointer;font-weight:700}.gl386log ul{margin:8px 0;padding-left:18px;font-size:.88em;opacity:.8}
.gl386b .fz-h{margin-top:0}.gl386b .ob5{max-width:none}
@media (max-width:600px){.gl386b{padding:0 12px 12px}.gl386dates label{grid-template-columns:minmax(0,1fr) 140px}.gl386tabs button{flex-direction:column;gap:2px;font-size:.85em}}
@media print{body *{visibility:hidden}.gl386,.gl386 *{visibility:visible}.gl386{position:absolute;left:0;top:0;width:100%}.gl386 button{display:none}}

/* v3.8.7 takeaway & delivery, Bar Partners, rounds, split by quantity, promo sub-categories */
.fl387{margin-top:2px}.fl387 .pmsvc{margin:0!important;border:0}
.bp387f{display:grid;grid-template-columns:1fr 1fr;gap:12px}.bp387f>.w2{grid-column:1/-1}
.bp387seg{display:grid;grid-template-columns:repeat(auto-fit,minmax(0,1fr));gap:4px;padding:4px;border-radius:12px;background:color-mix(in srgb,var(--text,#888) 10%,transparent)}
.bp387seg button{min-height:44px;border:0;border-radius:9px;background:transparent;color:inherit;font-weight:700;cursor:pointer;font-size:15px}
.bp387seg button[aria-checked="true"]{background:var(--panel,#fff);box-shadow:0 1px 4px rgba(0,0,0,.2)}
.bp387via{display:flex;flex-wrap:wrap;gap:6px;align-items:center}.bp387via .hint{margin-right:4px}
.bp387via button{min-height:36px;padding:0 12px;border-radius:999px;border:1px solid var(--line);background:transparent;color:inherit;cursor:pointer;font-weight:600}
.bp387via button[aria-checked="true"]{background:#0F3D2E;border-color:#0F3D2E;color:#fff}
.bp387list input{width:100%;min-height:42px}
.bp387l{display:grid;gap:6px;max-height:42vh;overflow:auto;margin-top:8px}
.bp387l button{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:2px 10px;text-align:left;padding:10px 12px;border-radius:12px;border:1px solid var(--line);background:var(--panel,transparent);color:inherit;cursor:pointer;min-height:56px}
.bp387l button span{grid-column:1;font-size:.85em;opacity:.75}.bp387l button em{grid-column:2;grid-row:1/3;align-self:center;font-style:normal;font-size:.8em;opacity:.75;text-align:right}
.bp387l button:hover,.bp387l button:focus-visible{border-color:#F08A24}
.bp387pick{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:12px;border-radius:12px;border:1.5px solid #F08A24;background:color-mix(in srgb,#F08A24 8%,transparent)}.bp387pick div{display:grid}
.bp387go{min-height:50px;font-size:16px}
.pmolist{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:10px}
.bp387c{display:flex;flex-wrap:wrap;gap:4px;margin:2px 0}.bp387c i{font-style:normal;font-size:12px;padding:1px 8px;border-radius:999px;background:color-mix(in srgb,var(--text,#888) 12%,transparent)}
.bp387c i.bp387p{background:color-mix(in srgb,#F08A24 20%,transparent);font-weight:700}
.bp387t{display:inline-flex;flex-direction:column;padding:4px 10px;border-radius:10px;background:color-mix(in srgb,#F08A24 16%,transparent);font-weight:700;font-size:13px}.bp387t small{font-weight:400;opacity:.75}
html body.tk387 .p154seats,html body.tk387 button.nd296ab.nd296ab,html body.tk387 .nd296ai.nd296ai{display:none!important}
li.g387s{cursor:pointer}li.g387s .g387r{margin-left:6px;border:0;border-radius:999px;padding:1px 8px;font-size:11.5px;font-weight:700;background:color-mix(in srgb,#0F3D2E 18%,transparent);color:inherit;cursor:pointer}
li.g387m{padding-left:14px!important;opacity:.9;border-left:3px solid color-mix(in srgb,#0F3D2E 35%,transparent)}
.g387n{display:block;font-size:11.5px;opacity:.65;font-weight:400}
.sq387{display:inline-flex;align-items:center;gap:6px;margin-left:8px}.sq387 button{width:32px;height:32px;border-radius:8px;border:1px solid var(--line);background:transparent;color:inherit;font-size:18px;cursor:pointer}.sq387 b{min-width:18px;text-align:center}
.sq387c{border-style:solid!important;color:inherit!important}
.sc387{display:grid;gap:6px;margin-top:4px}.sc387r{display:flex;flex-wrap:wrap;gap:6px;align-items:center}.sc387r>b{min-width:70px;font-size:13px}
.sc387b{min-height:34px;padding:0 12px;border-radius:999px;border:1px solid var(--line);background:transparent;color:inherit;cursor:pointer;font-size:13px}
.sc387b[aria-pressed="true"]{background:#0F3D2E;border-color:#0F3D2E;color:#fff}
@media (max-width:600px){.bp387f{grid-template-columns:1fr}.pmolist{grid-template-columns:1fr}}
.bp387vh{display:flex;flex-wrap:wrap;gap:3px;margin-top:3px}.bp387vh i{font-style:normal;font-size:11.5px;padding:0 6px;border-radius:999px;background:color-mix(in srgb,var(--text,#888) 12%,transparent)}
.bp387st{margin-top:12px;border:1.5px solid #F08A24}.bp387sh{display:flex;justify-content:space-between;gap:10px;align-items:flex-start}.bp387sh h4{margin:0}
.bp387txt{white-space:pre-wrap;font:inherit;font-size:13px;padding:10px 12px;border-radius:10px;background:color-mix(in srgb,var(--text,#888) 8%,transparent);margin:10px 0}
.bp387sa{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.bp387un{margin-top:12px}.bp387un ul{list-style:none;margin:8px 0 0;padding:0;display:grid;gap:6px}.bp387un li{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:8px 10px;border:1px solid var(--line);border-radius:10px}
@media print{body.bp387pr *{visibility:hidden}body.bp387pr .bp387st,body.bp387pr .bp387st *{visibility:visible}body.bp387pr .bp387st{position:absolute;left:0;top:0;width:100%}body.bp387pr .bp387st button{display:none}}

/* v3.8.8 calmer screen changes */
.m388keep,.m388keep .mcard,.m388keep .mkm,.m388keep .mkmbg,.m388keep .mcard *{animation:none!important}
#view .posfloor.p277in,#view .possetup.p277in{animation:none!important}
.bp387l button em{white-space:nowrap}

/* v3.8.9 phone lookup, waiters add Bar Partners */
.lk389{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;padding:10px 12px;border-radius:12px;margin-top:2px}
.lk389.p{background:color-mix(in srgb,#F08A24 14%,transparent);border:1px solid color-mix(in srgb,#F08A24 45%,transparent)}
.lk389.m{width:100%;flex-wrap:nowrap;text-align:left;color:inherit;font:inherit;background:color-mix(in srgb,#0F3D2E 14%,transparent);border:1px solid color-mix(in srgb,#0F3D2E 45%,transparent);cursor:pointer}
.lk389t{display:grid;gap:2px;min-width:0}.lk389t small{opacity:.75;font-weight:400}
.lk389sw{flex:0 0 auto;width:46px;height:28px;border-radius:14px;background:#888;position:relative;transition:background .2s}.lk389sw::after{content:"";position:absolute;top:3px;left:3px;width:22px;height:22px;border-radius:50%;background:#fff;transition:transform .2s}
.lk389.m[aria-checked="true"] .lk389sw{background:#1f9d55}.lk389.m[aria-checked="true"] .lk389sw::after{transform:translateX(18px)}
.lk389l{margin:4px 2px 0}
.bp389s{display:flex;gap:8px}.bp389s input{flex:1;min-width:0}
.bp389n{display:grid;gap:10px;padding:12px;border-radius:12px;border:1.5px dashed #F08A24}.bp389n h4{margin:0}.bp389n label{display:grid;gap:4px}.bp389n input{width:100%;min-height:42px}
.bp389a{display:flex;justify-content:flex-end;gap:8px}

/* v3.9.0 collapsed rounds really hidden */
.poslines li.g387m[hidden]{display:none!important}

/* v3.9.1 · Bookings on the Front Sale tablet */
.tb391btn{position:relative;display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:0 16px;margin-right:8px;border-radius:12px;border:1px solid color-mix(in srgb,#2E9E6B 55%,var(--tb-line,#333));background:color-mix(in srgb,#0F3D2E 70%,var(--tb-card,#191C25));color:#fff;font:inherit;font-weight:800;cursor:pointer}
.tb391btn i{font-style:normal;min-width:22px;height:22px;padding:0 6px;border-radius:11px;display:grid;place-items:center;font-size:12px;background:#F08A24;color:#1b1406}
.tb391btn i.calm{background:rgba(255,255,255,.18);color:#fff}
.tb391btn.hot{box-shadow:0 0 0 0 rgba(240,138,36,.6);animation:tb391p 2s ease-out infinite}
@keyframes tb391p{0%{box-shadow:0 0 0 0 rgba(240,138,36,.55)}70%{box-shadow:0 0 0 10px rgba(240,138,36,0)}100%{box-shadow:0 0 0 0 rgba(240,138,36,0)}}
.tb391rsv{display:block;margin-top:6px;padding:3px 8px;border-radius:8px;background:color-mix(in srgb,#2E9E6B 30%,transparent);border:1px dashed #2E9E6B;color:var(--tb-ink,#fff);font-style:normal;font-size:12px;font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.tb391bg{position:fixed;inset:0;z-index:60;background:rgba(4,8,6,.55);backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);animation:tb391f .22s ease-out both}
.tb391{position:fixed;z-index:61;top:50%;left:50%;translate:-50% -50%;width:min(94vw,720px);max-height:min(90vh,900px);display:flex;flex-direction:column;border-radius:24px;background:var(--tb-bg,#111);color:var(--tb-ink,#fff);border:1px solid var(--tb-line,#333);box-shadow:0 30px 80px -20px rgba(0,0,0,.7);overflow:hidden;animation:tb391in .38s cubic-bezier(.2,1.2,.35,1) both}
.tb391.keep,.tb391bg.keep{animation:none}
@keyframes tb391in{from{opacity:0;scale:.9}to{opacity:1;scale:1}}
@keyframes tb391f{from{opacity:0}to{opacity:1}}
.tb391h{display:flex;align-items:center;gap:10px;padding:16px 16px 10px;border-bottom:1px solid var(--tb-line,#333);background:linear-gradient(135deg,#0F3D2E,color-mix(in srgb,#0F3D2E 40%,var(--tb-bg,#111)))}
.tb391h h2{margin:0;flex:1;font-size:20px;color:#fff}
.tb391new{min-height:42px;padding:0 14px;border-radius:12px;border:0;background:#F08A24;color:#1b1406;font:inherit;font-weight:800;cursor:pointer}
.tb391x{width:42px;height:42px;border-radius:50%;border:1px solid rgba(255,255,255,.25);background:rgba(0,0,0,.25);color:#fff;font-size:16px;cursor:pointer}
.tb391seg{display:flex;gap:6px;padding:10px 16px;border-bottom:1px solid var(--tb-line,#333)}
.tb391seg button{flex:1;min-height:42px;border-radius:12px;border:1px solid var(--tb-line,#333);background:var(--tb-card,#191C25);color:var(--tb-ink,#fff);font:inherit;font-weight:700;display:flex;align-items:center;justify-content:center;gap:6px;cursor:pointer}
.tb391seg button[aria-selected="true"]{background:#0F3D2E;border-color:#2E9E6B;color:#fff}
.tb391seg i{font-style:normal;min-width:20px;height:20px;padding:0 6px;border-radius:10px;display:grid;place-items:center;font-size:11.5px;background:rgba(255,255,255,.16)}
.tb391seg i.hot{background:#F08A24;color:#1b1406}
.tb391body{overflow:auto;padding:12px 16px 18px;-webkit-overflow-scrolling:touch}
.tb391e{margin:24px 8px;text-align:center;color:var(--tb-mut,#9aa)}
.tb391err{margin:10px 16px 0;padding:8px 12px;border-radius:10px;background:color-mix(in srgb,#C23B3B 25%,transparent);color:#fff}
.tb391l{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.tb391c{display:grid;grid-template-columns:70px minmax(0,1fr) auto;gap:12px;align-items:center;padding:12px;border-radius:16px;border:1px solid var(--tb-line,#333);background:var(--tb-card,#191C25);border-left:5px solid #8A90A0}
.tb391c.s-requested{border-left-color:#F08A24}.tb391c.s-confirmed{border-left-color:#2E9E6B}.tb391c.s-seated{border-left-color:#2D6CA8;opacity:.8}
.tb391c.on{border-color:#F08A24}
.tb391t{display:grid;text-align:center}.tb391t b{font-size:20px}.tb391t small{font-size:12px;color:var(--tb-mut,#9aa)}
.tb391m{display:grid;gap:4px;min-width:0}.tb391m>b{font-size:16.5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.tb391chips{display:flex;flex-wrap:wrap;gap:4px}.tb391chips i{font-style:normal;font-size:12px;font-weight:700;padding:2px 8px;border-radius:8px;background:rgba(255,255,255,.08)}.tb391chips i.src{color:var(--tb-mut,#9aa)}
.tb391ph{font-size:13.5px;color:#7CC8A0;text-decoration:none;font-weight:700}
.tb391n{color:var(--tb-mut,#9aa);font-style:italic}
.tb391a{display:flex;flex-direction:column;gap:6px}
.tb391go,.tb391gh,.tb391no{min-height:42px;padding:0 14px;border-radius:12px;font:inherit;font-weight:800;cursor:pointer;white-space:nowrap}
.tb391go{border:0;background:#2E9E6B;color:#fff}.tb391go:disabled{opacity:.5}
.tb391gh{border:1px solid var(--tb-line,#444);background:transparent;color:var(--tb-ink,#fff)}
.tb391no{border:0;background:#C23B3B;color:#fff}
.tb391st{font-weight:800;color:#7FB2E5;font-size:13px}
.tb391more{grid-column:1/-1;display:grid;gap:10px;padding-top:10px;border-top:1px dashed var(--tb-line,#333)}
.tb391more p{margin:0;font-weight:700}.tb391more label,.tb391form label{display:grid;gap:4px;font-size:13px;font-weight:700;color:var(--tb-mut,#bbb)}
.tb391more input,.tb391form input{min-height:46px;padding:0 12px;border-radius:12px;border:1px solid var(--tb-line,#444);background:var(--tb-bg,#111);color:var(--tb-ink,#fff);font:inherit;font-size:16px}
.tb391row{display:flex;gap:8px;justify-content:flex-end;flex-wrap:wrap}
.tb391tb{display:flex;flex-wrap:wrap;gap:6px}
.tb391tb button{min-width:58px;min-height:44px;padding:0 10px;border-radius:12px;border:1px solid var(--tb-line,#444);background:var(--tb-bg,#111);color:var(--tb-ink,#fff);font:inherit;font-weight:800;display:grid;place-items:center;line-height:1.05;cursor:pointer}
.tb391tb button small{font-size:10px;font-weight:600;color:#E0A05A}
.tb391tb button[aria-checked="true"]{background:#2E9E6B;border-color:#2E9E6B;color:#fff}
.tb391form h3{margin:2px 0 12px}.tb391g{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.tb391lbl{margin:14px 0 6px;font-weight:700;font-size:13px;color:var(--tb-mut,#bbb)}
.tb391form .tb391row{margin-top:16px}
@media (max-width:560px){.tb391c{grid-template-columns:56px minmax(0,1fr)}.tb391a{grid-column:1/-1;flex-direction:row;flex-wrap:wrap}.tb391g{grid-template-columns:1fr}}
@media (prefers-reduced-motion:reduce){.tb391,.tb391bg,.tb391btn.hot{animation:none}}
.tb391wrap{display:inline-flex;align-items:center;gap:0;flex-wrap:wrap;justify-content:flex-end}

/* v3.9.2 suggestion chips: name and price only */
.ai289c>:not(b):not(em){display:none!important}
.ai289c b{overflow:hidden;text-overflow:ellipsis}

/* v3.9.3 customer types */
.ct393s,.ct393tb{display:flex;align-items:center;gap:10px;margin:8px 0 4px;padding:8px 10px;border-radius:14px;border:1px dashed color-mix(in srgb,#F08A24 55%,var(--line,#333));background:color-mix(in srgb,#F08A24 7%,transparent)}
.ct393q{flex:0 0 auto;font-size:12.5px;font-weight:800;color:var(--muted,#9aa)}
.ct393row{display:flex;gap:6px;overflow-x:auto;scrollbar-width:none;padding:2px}.ct393row::-webkit-scrollbar{display:none}
.ct393b{flex:0 0 auto;display:inline-flex;align-items:center;gap:6px;min-height:38px;padding:0 12px;border-radius:999px;border:1px solid var(--line,#3a3f4a);background:var(--panel,#1b1f27);color:var(--text,#fff);font:inherit;font-size:13.5px;font-weight:700;white-space:nowrap;cursor:pointer;transition:background .15s,border-color .15s}
.ct393b span{font-size:16px;line-height:1}
.ct393b:hover{border-color:#2E9E6B}
.ct393b.on{background:#0F3D2E;border-color:#2E9E6B;color:#fff;box-shadow:inset 0 0 0 1px #2E9E6B}
.ct393b.find{border-style:dashed}
.ct393b:focus-visible{outline:3px solid #F08A24;outline-offset:2px}
.pmgb.ct393c.on{border-color:#2E9E6B;background:color-mix(in srgb,#0F3D2E 70%,transparent);color:#fff}
.ct393m .ct393g{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:14px}
.ct393sw{margin-bottom:12px}.ct393sw>label{display:block;font-size:13px;font-weight:700;margin-bottom:4px;color:var(--muted,#9aa)}
.ct393box{position:relative}
.ct393box input{width:100%;min-height:46px;padding:0 14px;border-radius:12px;font-size:16px}
.ct393res{position:absolute;z-index:5;left:0;right:0;top:calc(100% + 4px);margin:0;padding:6px;list-style:none;max-height:300px;overflow:auto;border-radius:14px;border:1px solid var(--line,#3a3f4a);background:var(--panel,#1b1f27);box-shadow:0 18px 40px -12px rgba(0,0,0,.6);animation:ct393dd .16s ease-out}
@keyframes ct393dd{from{opacity:0;translate:0 -4px}to{opacity:1;translate:0 0}}
.ct393res li{display:grid;grid-template-columns:28px minmax(0,1fr) auto;gap:10px;align-items:center;padding:9px 10px;border-radius:10px;cursor:pointer}
.ct393res li[aria-selected="true"],.ct393res li:hover{background:color-mix(in srgb,#2E9E6B 22%,transparent)}
.ct393ri{font-size:18px;text-align:center}.ct393rt{display:grid;min-width:0}.ct393rt b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ct393rt small{font-size:12px;color:var(--muted,#9aa);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ct393res em{font-style:normal;font-size:12px;font-weight:700;padding:2px 8px;border-radius:8px;background:rgba(255,255,255,.08);white-space:nowrap}
.ct393mb{display:inline-block;font-size:13px;font-weight:700;color:#7CC8A0}
.ct393ed{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.ct393ed li{display:grid;grid-template-columns:56px minmax(0,1fr) auto auto auto auto;gap:6px;align-items:center}
.ct393ed li.off input[type=text]{opacity:.5}
.ct393ed input[type=text]{min-height:42px;padding:0 10px;border-radius:10px}.ct393ed .ico{text-align:center;font-size:18px}
.ct393on{display:flex;align-items:center;gap:4px;font-size:13px;font-weight:700;white-space:nowrap}
.ct393ea{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}
.ct393tb{margin:6px 12px 2px}
@media (max-width:560px){.ct393s{flex-direction:column;align-items:stretch}.ct393ed li{grid-template-columns:48px minmax(0,1fr) auto auto}.ct393ed li .ghost.sm[data-ct393^="up"],.ct393ed li .ghost.sm[data-ct393^="down"]{display:none}}
@media (prefers-reduced-motion:reduce){.ct393res{animation:none}}
/* all types visible at a glance: wrap, no sideways scrolling */
.ct393s,.ct393tb{flex-direction:column;align-items:stretch;gap:6px}
.ct393row{flex-wrap:wrap;overflow:visible}
.ct393s .ct393b{min-height:36px;padding:0 10px;font-size:13px}
.ct393m .mkmb{min-height:300px}

/* v3.9.4 item names stand out in the order list */
.poslines .posl-m>b{display:inline-block;max-width:100%;font-size:15.5px;font-weight:800;line-height:1.25;padding:3px 10px;border-radius:9px;background:color-mix(in srgb,#2E9E6B 16%,transparent);border:1px solid color-mix(in srgb,#2E9E6B 55%,transparent);color:var(--text,#fff);overflow-wrap:anywhere}
.poslines li.void .posl-m>b,.poslines li.posl.part .posl-m>b{background:none;border-color:transparent;padding:0;font-weight:600}
/* phone order panel: its own scroll, page behind locked, actions pinned */
.posticket.open{overscroll-behavior:contain;-webkit-overflow-scrolling:touch}
html.pt394lock,html.pt394lock body{overflow:hidden;overscroll-behavior:none}
.posticket.open .posacts{position:sticky;bottom:0;z-index:4;margin-top:8px;padding:10px 0 calc(8px + env(safe-area-inset-bottom));background:var(--panel,#1b1f27);box-shadow:0 -14px 18px -12px rgba(0,0,0,.6)}
/* + Request categories */
.rq394{margin-top:18px;padding-top:14px;border-top:1px solid var(--line,#333)}.rq394 h4{margin:0 0 4px}
.rq394l{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}
.rq394l label{display:inline-flex;align-items:center;gap:6px;min-height:40px;padding:0 12px;border-radius:999px;border:1px solid var(--line,#3a3f4a);font-weight:700;cursor:pointer}
.rq394l label.on{border-color:#F08A24;background:color-mix(in srgb,#F08A24 14%,transparent)}
.lk394 .lk394l{display:flex;flex-wrap:wrap;gap:8px;margin:6px 0}.lk394 label{display:inline-flex;align-items:center;gap:6px;font-weight:700}
html:has(#view .posticket.open),html:has(#view .posticket.open) body{overflow:hidden;overscroll-behavior:none}
.poslines .posl-m>b{width:fit-content;align-self:flex-start}
/* Send / Pay pinned at the bottom of the order panel on every screen size */
.posticket .posacts{position:sticky;bottom:0;z-index:4;background:var(--panel,#1b1f27);box-shadow:0 -14px 18px -12px rgba(0,0,0,.55),0 40px 0 0 var(--panel,#1b1f27)}
@media (min-width:900px){body.posmode .posorder>.posticket:not(.open){max-height:calc(100vh - 140px);max-height:calc(100dvh - 140px);overflow-y:auto;overscroll-behavior:contain}}
.poslines .posl-m>b{justify-self:start}
.posticket.open{padding-bottom:0}
.posticket.open .posacts{box-shadow:0 -14px 18px -12px rgba(0,0,0,.6),0 40px 0 0 var(--panel,#1b1f27)}

/* v3.9.5 several bills on one table */
.mb395b{display:inline-block;margin-top:6px;padding:2px 8px;border-radius:8px;background:#F08A24;color:#1b1406;font-style:normal;font-size:11.5px;font-weight:800;white-space:nowrap}
.mb395t{box-shadow:inset 0 0 0 2px #F08A24}
.mb395pill{border-color:#F08A24!important;color:#F5A54E!important}
.mb395n{border-style:dashed!important}
.mb395l{display:grid;gap:8px}
.mb395r{display:grid;grid-template-columns:48px minmax(0,1fr) auto;gap:12px;align-items:center;width:100%;padding:12px;border-radius:14px;border:1px solid var(--line,#3a3f4a);background:var(--panel,#1b1f27);color:var(--text,#fff);font:inherit;text-align:left;cursor:pointer;transition:border-color .15s,background .15s}
.mb395r:hover,.mb395r.on{border-color:#2E9E6B;background:color-mix(in srgb,#2E9E6B 12%,var(--panel,#1b1f27))}
.mb395p{width:44px;height:44px;border-radius:10px;display:grid;place-items:center;border:2px solid #2E9E6B;color:#7CC8A0;font-size:18px;font-weight:800}
.mb395m{display:grid;gap:2px;min-width:0}.mb395m b{font-size:15.5px}.mb395m small{color:var(--muted,#9aa);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.mb395a{font-size:16px;white-space:nowrap}
.mb395nb{margin-top:14px;padding-top:12px;border-top:1px solid var(--line,#333)}.mb395nb h4{margin:0 0 6px}.mb395nb .lbl{margin:10px 0 6px;font-weight:700;font-size:13px}
.mb395px{display:grid;grid-template-columns:repeat(9,minmax(0,1fr));gap:6px}
.mb395px button{min-height:46px;border-radius:12px;border:1px solid var(--line,#3a3f4a);background:var(--panel,#1b1f27);color:var(--text,#fff);font:inherit;font-size:17px;font-weight:800;cursor:pointer}
.mb395px button[aria-checked="true"]{background:#0F3D2E;border-color:#2E9E6B;color:#fff}
.mb395tnew{margin-top:12px;width:100%;min-height:48px}
.p282c.mb395tb2.on{border-color:#F08A24;color:#F5A54E}
@media (max-width:480px){.mb395px{grid-template-columns:repeat(5,minmax(0,1fr))}}

.lt396t{display:inline-flex;align-items:center;gap:8px;font-weight:700;margin:6px 0}.lt396t input{min-height:40px;border-radius:10px;padding:0 10px}

/* v3.9.7 POS photos fade in */
img.p397{opacity:0;transition:opacity .24s ease-out}
img.p397.ld{opacity:1}
img.p397.now{transition:none}
.p397p{background-image:linear-gradient(100deg,rgba(255,255,255,0) 30%,rgba(255,255,255,.09) 50%,rgba(255,255,255,0) 70%)!important;background-size:220% 100%!important;background-repeat:no-repeat!important;animation:p397sh 1.3s linear infinite}
@keyframes p397sh{from{background-position:130% 0}to{background-position:-30% 0}}
@media (prefers-reduced-motion:reduce){img.p397{transition:none}.p397p{animation:none}}

/* v3.9.8 · overnight 23 Oct: easier to read in light and dark (follows the device setting or the forced theme) */
@media (prefers-color-scheme:dark){
:root:not([data-theme="light"]) .av{background:color-mix(in srgb,var(--dc,var(--accent)) 55%,#0b0f14)}
:root:not([data-theme="light"]) .pmbtn, :root:not([data-theme="light"]) .pmseg button[aria-pressed="true"], :root:not([data-theme="light"]) .pmseg button.on, :root:not([data-theme="light"]) .pmseg button[aria-selected="true"]{background:#A0701A}
:root:not([data-theme="light"]) .btn.mkok, :root:not([data-theme="light"]) .mkst.s-pub{background:#1F8F55;color:#fff}
:root:not([data-theme="light"]) .scl.tl-green{background:color-mix(in srgb,#17845A 22%,var(--panel))}
:root:not([data-theme="light"]) .scl.tl-yellow{background:color-mix(in srgb,#D99A0B 22%,var(--panel))}
:root:not([data-theme="light"]) .scl.tl-red{background:color-mix(in srgb,#D33 20%,var(--panel))}
}
:root[data-theme="dark"] .av{background:color-mix(in srgb,var(--dc,var(--accent)) 55%,#0b0f14)}
:root[data-theme="dark"] .pmbtn, :root[data-theme="dark"] .pmseg button[aria-pressed="true"], :root[data-theme="dark"] .pmseg button.on, :root:not([data-theme="light"]) .pmseg button[aria-selected="true"]{background:#A0701A}
:root[data-theme="dark"] .btn.mkok, :root[data-theme="dark"] .mkst.s-pub{background:#1F8F55;color:#fff}
:root[data-theme="dark"] .scl.tl-green{background:color-mix(in srgb,#17845A 22%,var(--panel))}
:root[data-theme="dark"] .scl.tl-yellow{background:color-mix(in srgb,#D99A0B 22%,var(--panel))}
:root[data-theme="dark"] .scl.tl-red{background:color-mix(in srgb,#D33 20%,var(--panel))}
@media (prefers-color-scheme:light){
:root:not([data-theme="dark"]) .pr-pill.orange, :root:not([data-theme="dark"]) .oh-h4.o{color:#B25000}
:root:not([data-theme="dark"]) .pr-pill.green, :root:not([data-theme="dark"]) .oh-h4.g, :root:not([data-theme="dark"]) .hx-up{color:#1E7A35}
:root:not([data-theme="dark"]) .dj373chip.ok{color:#14532D;background:color-mix(in srgb,#2E9E5B 18%,#fff)}
:root:not([data-theme="dark"]) .mkstars{color:#C98700}
:root:not([data-theme="dark"]) .mkstars i{color:#B9C0C8}
}
:root[data-theme="light"] .pr-pill.orange, :root[data-theme="light"] .oh-h4.o{color:#B25000}
:root[data-theme="light"] .pr-pill.green, :root[data-theme="light"] .oh-h4.g, :root[data-theme="light"] .hx-up{color:#1E7A35}
:root[data-theme="light"] .dj373chip.ok{color:#14532D;background:color-mix(in srgb,#2E9E5B 18%,#fff)}
:root[data-theme="light"] .mkstars{color:#C98700}
:root[data-theme="light"] .mkstars i{color:#B9C0C8}
/* POS top bar: on tablets and laptops the tabs use their short names, so every tab fits on one row */
@media (min-width:761px) and (max-width:1500px){html body.posui #view .postop .postabs .px9l{display:none!important}html body.posui #view .postop .postabs .px9s{display:inline!important}html body.posui #view .postop .postabs button{padding:0 8px!important;gap:5px!important}html body.posui #view .postop .posbrand .posrole{display:none!important}}
@media (min-width:761px) and (max-width:1280px){html body.posui #view .postop .posbrand .p226sub{display:none!important}}
@media (min-width:761px) and (max-width:1100px){html body.posui #view .postop .postabs .px9i{display:none!important}}

/* v4.0.0 · hide order panel, View order pill, slim deal line, AI/Custom in More */
html body .posw .posticket .posth{position:relative}
html body .posw .posticket .posth .f400hb{position:absolute;top:2px;right:0;min-height:30px!important;height:30px!important;padding:0 12px!important;border-radius:999px!important;border:1px solid var(--line)!important;background:var(--panel2)!important;color:var(--text)!important;font-size:12.5px!important;font-weight:700;cursor:pointer;margin:0!important;width:auto!important;line-height:1}
html body .posw .posticket .posth .f400hb:hover{border-color:#F08A24}
html body .posw .posticket .posth .f400hb:focus-visible,.px9cart .px9cb:focus-visible{outline:2px solid #F08A24;outline-offset:2px}
@media (max-width:699px){html body .posw .posticket .posth .f400hb{display:none!important}}
.px9cart .f400v{display:none}
@media (min-width:700px){
  body.f400h.posui .posorder{grid-template-columns:minmax(0,1fr)!important}
  body.f400h.posui .posorder>.posticket{display:none!important}
  html body.f400h.posui .px9cart{position:fixed!important;display:flex!important;left:auto!important;right:18px!important;width:max-content!important;bottom:calc(18px + env(safe-area-inset-bottom));border-radius:18px;border:1px solid rgba(240,138,36,.55)!important;background:#0F3D2E!important;color:#fff!important;padding:6px!important;box-shadow:0 10px 30px rgba(0,0,0,.28);animation:f400pill .22s ease-out;z-index:60;max-width:calc(100vw - 36px)}
  html body.f400h.posui .px9cart .px9cb{display:flex!important;align-items:center!important;gap:12px!important;padding:0 16px!important;background:rgba(255,255,255,.08)!important;color:#fff!important;border:0!important;min-height:50px;flex:none;box-shadow:none!important}
  body.f400h.posui .px9cart .px9cb em{color:rgba(255,255,255,.75)!important}
  html body.f400h.posui .px9cart .px9cn{display:none!important}
  html body.f400h.posui .px9cart .px9ct{color:#F08A24!important;font-size:18px}
  body.f400h.posui .px9cart .f400v{display:inline;font-weight:800;white-space:nowrap}
  body.f400h.posui .px9cart .px9cb>span:not(.px9cn):not(.f400v) b{display:none}
  body.f400h.posui .px9cart .btn{min-height:50px}
  body.f400h.posui .posmenu{padding-bottom:84px}
  body.posui .posorder>.posticket.f400in{animation:f400in .24s ease-out}
}
@keyframes f400pill{from{opacity:0;transform:translateY(10px) scale(.97)}to{opacity:1;transform:none}}
@keyframes f400in{from{opacity:0;transform:translateX(18px)}to{opacity:1;transform:none}}
@media (prefers-reduced-motion:reduce){body.f400h.posui .px9cart,body.posui .posorder>.posticket.f400in{animation:none}}
/* slim deal line */
html body .posw .posticket:not(.f400o) .nd293bill{display:none!important}
html body .posw .posticket .f400d{display:flex;align-items:center;gap:8px;width:100%;min-height:34px;margin:4px 0!important;padding:0 10px;border-radius:10px;border:1px solid rgba(240,138,36,.45);background:rgba(240,138,36,.10);color:var(--text);font-size:12.5px;text-align:left;cursor:pointer}
html body .posw .posticket .f400d .f400dt{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:600}
html body .posw .posticket .f400d .f400dn{font-weight:800;color:#F08A24}
html body .posw .posticket .f400d .f400dc{color:var(--muted)}
html body .posw .posticket.f400o .nd293bill{animation:f400in .2s ease-out}
/* AI idea + Custom live in ⋯ More */
html body .posw .posticket.f400a .nd296w{display:none!important}

/* v4.1.0 · pay together, move to busy table, fresh start real-record check */
.pt401l,.mv401l{display:grid;gap:8px}
.pt401r{display:flex;align-items:center;gap:12px;padding:10px 12px;border:1px solid var(--line);border-radius:12px;background:var(--panel);cursor:pointer;min-height:56px}
.pt401r.on{border-color:#F08A24;box-shadow:0 0 0 1px #F08A24 inset}
.pt401r input{width:22px;height:22px;accent-color:#F08A24;flex:none;margin:0}
.pt401r .mb395m{flex:1;min-width:0}
.pt401t{display:flex;justify-content:space-between;align-items:baseline;margin-top:12px;padding:10px 12px;border-radius:12px;background:#0F3D2E;color:#fff}
.pt401t b{font-size:22px;color:#F08A24}
.mkmf .pt401b{border-color:rgba(240,138,36,.6)!important}
.mv401h{margin:16px 0 2px}
.pmnums.seats.mv401 button{display:flex;flex-direction:column;align-items:center;justify-content:center;border-style:dashed;border-color:rgba(240,138,36,.7)}
.pmnums.seats.mv401 button small{font-size:11px;color:var(--muted);font-weight:600}
.mv401o{display:flex;align-items:center;gap:12px;width:100%;text-align:left;padding:12px 14px;border:1px solid var(--line);border-radius:12px;background:var(--panel);color:var(--text);min-height:60px;cursor:pointer}
.mv401o:hover,.mv401o:focus-visible{border-color:#F08A24}
.mv401o>span:first-child{font-size:20px;width:28px;text-align:center;flex:none}
.mv401o b{display:block}.mv401o small{color:var(--muted)}
.fs401{margin:12px 0;padding:12px 14px;border-radius:12px;border:1px solid #d33;background:rgba(221,51,51,.08)}
.fs401>b{color:#d33}.fs401 p{margin:6px 0}
.fs401 label{display:flex;flex-direction:column;gap:6px;font-size:13px}
.fs401 input{max-width:260px}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .fs401>b{color:#ff8a80}}
:root[data-theme="dark"] .fs401>b{color:#ff8a80}

/* v4.2.0 · one-row order lines; tap the name for more */
html body .posw .posticket .poslines>li.posl.k420x:not(.k420o) .u335c>:not(.pmmodb),
html body .posw .posticket .poslines>li.posl.k420x:not(.k420o) .pqd,
html body .posw .posticket .poslines>li.posl.k420x:not(.k420o) .pqx,
html body .posw .posticket .poslines>li.posl.k420x:not(.k420o) .pl2120{display:none!important}
html body .posw .posticket .poslines>li.posl.k420x .posl-m>b{cursor:pointer;-webkit-tap-highlight-color:transparent}
html body .posw .posticket .poslines>li.posl.k420x .posl-m>b::after{content:" ›";color:var(--muted);font-weight:600;display:inline-block;transition:transform .15s ease}
html body .posw .posticket .poslines>li.posl.k420o .posl-m>b::after{transform:rotate(90deg)}
html body .posw .posticket .poslines>li.posl.k420o{background:rgba(240,138,36,.07);border-radius:10px;box-shadow:inset 3px 0 0 #F08A24}
html body .posw .posticket .poslines>li.posl .posl-m>b:focus-visible{outline:2px solid #F08A24;outline-offset:2px;border-radius:4px}
@media (prefers-reduced-motion:reduce){html body .posw .posticket .poslines>li.posl.k420x .posl-m>b::after{transition:none}}
/* Member lives in ⋯ More and Add customer; New bill moves up next to Add customer */
html body .posw .posticket .pmhead [data-pos="member"]{display:none!important}
html body .posw .posticket .poslines>li.posl.k420x:not(.k420o) .u335c:not(:has(.pmmodb)){display:none!important}

/* v4.2.1 · Added pop-up, Custom in the header row */
#k421p{position:fixed;left:50%;bottom:calc(96px + env(safe-area-inset-bottom));transform:translate(-50%,12px);z-index:9998;display:flex;align-items:center;gap:10px;max-width:min(92vw,420px);padding:10px 16px 10px 10px;border-radius:16px;background:#0F3D2E;color:#fff;border:1px solid rgba(240,138,36,.6);box-shadow:0 12px 30px rgba(0,0,0,.35);opacity:0;pointer-events:none;transition:opacity .16s ease,transform .16s ease}
#k421p.on{opacity:1;transform:translate(-50%,0)}
#k421p .k421i{width:30px;height:30px;border-radius:50%;background:#F08A24;color:#1B1406;display:grid;place-items:center;font-weight:900;flex:none}
#k421p b{display:block;font-size:15px}
#k421p small{display:block;color:rgba(255,255,255,.8);font-size:12.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:330px}
@media (min-width:700px){#k421p{left:calc(50% - 190px)}body.f400h #k421p{left:50%}}
@media (prefers-reduced-motion:reduce){#k421p{transition:none}}
html body .posw .posticket .pmhead .k421c{display:inline-flex!important;width:auto!important}

/* v4.3.0 · slim header while taking an order (iPad / computer) */
.k430s{display:none}
@media (min-width:700px){
  body.posui.posord .k430s{display:flex;align-items:center;gap:8px;margin-left:auto;min-width:0}
  body.k430.posui .mb,body.k430.posui nav.mb{display:none!important}
  html body.k430.posui .posw .postop{padding:4px 12px!important;min-height:0!important;flex-wrap:nowrap!important;align-items:center!important}
  html body.k430.posui .posw .postop nav.postabs,html body.k430.posui .posw .postop .p226sub,html body.k430.posui .posw .postop .px10fs,html body.k430.posui .posw .postop .posbrand>b{display:none!important}
  html body.k430.posui .posw .postop .posbrand{gap:8px}
  html body.k430.posui .posw .postop .posbrand img{width:28px;height:28px}
  html body.k430.posui .posw .postop .px9dots{min-height:36px!important;height:36px}
  html body.k430.posui .posorder{height:calc(100vh - 46px)!important;height:calc(100dvh - 46px)!important}
  html body.k430.posmode .posorder>.posticket:not(.open){max-height:calc(100vh - 46px)!important;max-height:calc(100dvh - 46px)!important}
  html body.k430.posui .posorder .p226side{max-height:calc(100vh - 46px)!important;max-height:calc(100dvh - 46px)!important;min-height:calc(100vh - 46px)!important;min-height:calc(100dvh - 46px)!important}
  .k430w{font-size:15px;color:var(--px-inkt,var(--text));padding:0 4px;white-space:nowrap}
  .k430c,.k430x{min-height:34px;padding:0 12px;border-radius:999px;border:1px solid var(--line);background:var(--panel2,rgba(255,255,255,.06));color:var(--text);font-weight:700;font-size:13px;white-space:nowrap;cursor:pointer;width:auto}
  .k430c i{font-style:normal;display:inline-grid;place-items:center;min-width:20px;height:20px;padding:0 5px;margin-left:2px;border-radius:999px;background:#E5484D;color:#fff;font-size:11.5px}
  .k430x{border-color:rgba(240,138,36,.55)}
  .k430c:focus-visible,.k430x:focus-visible{outline:2px solid #F08A24;outline-offset:2px}
}

/* v4.4.0 · guests + customer in one dialog / one button */
.k440m .k440h{margin:14px 0 6px;font-size:14px}.k440m .k440h:first-child{margin-top:0}.k440h small{font-weight:500;color:var(--muted);margin-left:6px}
.mkm .k440h{margin:4px 0 6px;font-size:14px}
.pmnums.k440n{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}
.pmnums.k440n button{min-height:48px;font-size:18px;font-weight:800}
.pmnums.k440n button.on,.pmnums.k440n button[aria-pressed="true"]{background:#0F3D2E!important;color:#fff!important;border-color:#F08A24!important;box-shadow:inset 0 0 0 1px #F08A24}
.k440o{margin-top:8px}
.k440nm{margin-top:4px}
html body .posw .posticket .pmhead [data-pos142="guests"],html body .posw .posticket .pmhead .ct393c{display:none!important}
html body .posw .posticket .pmhead .k440b{display:inline-block!important;max-width:calc(100% - 210px)!important;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;vertical-align:middle}
html body .posw .posticket .pmhead .k440b,html body .posw .posticket .pmhead .k421c,html body .posw .posticket .pmhead .mb395n{padding:3px 9px!important}
html body .posw .posticket .pmhead .k440br{flex-basis:100%;height:0;margin:0;padding:0}

/* v4.5.0 · ‹ Tables is a real button · Guests glows when a booking waits */
html body.posui .posmenu .p226back{display:flex!important;align-items:center;justify-content:center;gap:6px;width:100%;min-height:44px!important;height:auto!important;margin:0 0 8px!important;padding:0 14px!important;border-radius:12px!important;background:var(--panel2,rgba(255,255,255,.08))!important;border:1px solid var(--line)!important;color:var(--text)!important;font-weight:800!important;font-size:15px!important;text-decoration:none!important;box-shadow:0 1px 2px rgba(0,0,0,.18)}
html body.posui .posmenu .p226back:hover{border-color:#F08A24!important}
html body.posui .posmenu .p226back:focus-visible{outline:2px solid #F08A24;outline-offset:2px}
html body.posui .posmenu .p226back span{font-size:18px;line-height:1}
@keyframes k450p{0%,100%{box-shadow:0 0 0 0 rgba(229,72,77,.0)}50%{box-shadow:0 0 0 4px rgba(229,72,77,.35)}}
nav.postabs [data-pos138^="guests|"].k450hot{animation:k450p 2s ease-in-out infinite}
@media (prefers-reduced-motion:reduce){nav.postabs [data-pos138^="guests|"].k450hot{animation:none}}

/* v4.5.2 · Chef's picks category */
.poscats .cp452 .vc277i,.tb-cats .cp452 .vc277i{background:#0F3D2E!important;color:#F08A24!important}
html body.posui.posui.posui .posorder .posmenu .poscats.p272ic.p226cats>button.cp452{background:linear-gradient(135deg,#0F3D2E 0%,#16573f 100%)!important;border:1px solid rgba(240,138,36,.75)!important;color:#fff!important}
html body.posui.posui.posui .posorder .posmenu .poscats.p272ic.p226cats>button.cp452 .p272l{color:#fff!important}
html body.posui.posui.posui .posorder .posmenu .poscats.p272ic.p226cats>button.cp452 .vc277n{background:#F08A24!important;color:#1B1406!important}
html body.posui.posui.posui .posorder .posmenu .poscats.p272ic.p226cats>button.cp452[aria-pressed="true"]{box-shadow:0 0 0 2px #F08A24,0 4px 14px rgba(240,138,36,.4)!important}
.tb-cats .cp452{background:linear-gradient(135deg,#0F3D2E,#16573f)!important;border-color:rgba(240,138,36,.75)!important;color:#fff!important}
/* the old picks strip inside the menu is replaced by the category */
.posorder .posmenu .p371row,.tb .p371row{display:none!important}
html body .tb button.vc277.cp452,html body.posui .tb button.vc277.cp452{background:linear-gradient(135deg,#0F3D2E 0%,#16573f 100%)!important;border:1px solid rgba(240,138,36,.75)!important;color:#fff!important}
html body .tb button.vc277.cp452 .p272l,html body .tb button.vc277.cp452 span{color:#fff!important}
html body .tb button.vc277.cp452 .vc277n{background:#F08A24!important;color:#1B1406!important;opacity:1!important}
html body .tb button.vc277.cp452[aria-pressed="true"]{box-shadow:0 0 0 2px #F08A24!important}
html:is([data-ui],:not([data-ui])) body button.vc277.cp452.cp452.cp452[data-tb282],html:is([data-ui],:not([data-ui])) body.posui.posui.posui button.vc277.cp452.cp452[data-tb282]{background:linear-gradient(135deg,#0F3D2E 0%,#16573f 100%)!important;border:1px solid rgba(240,138,36,.75)!important;color:#fff!important}
html:is([data-ui],:not([data-ui])) body button.vc277.cp452.cp452.cp452[data-tb282] .p272l{color:#fff!important}
html:is([data-ui],:not([data-ui])) body button.vc277.cp452.cp452.cp452[data-tb282] .vc277n{background:#F08A24!important;color:#1B1406!important;opacity:1!important}

/* v4.6.0 · lady codes, share the menu */
.posstaffg button .lc455{display:inline-grid;place-items:center;min-width:34px;height:26px;padding:0 7px;margin-right:6px;border-radius:8px;background:#0F3D2E;color:#fff;font-style:normal;font-weight:800;font-size:13.5px;border:1px solid rgba(240,138,36,.7);vertical-align:middle}
.posstaffg button.lc455x{outline:2px solid #F08A24;outline-offset:2px}
.posstaffg button[hidden]{display:none!important}
input.lc455q{width:100%;min-height:44px;margin:0 0 10px;font-size:17px;border-radius:12px}
.lc455ed{display:grid;gap:8px}
.lc455ed label{display:flex;align-items:center;gap:10px;padding:8px 10px;border:1px solid var(--line);border-radius:12px;background:var(--panel)}
.lc455ed label>span{flex:1;min-width:0}.lc455ed label b{display:block}.lc455ed label small{color:var(--muted)}
.lc455ed input{width:90px;text-align:center;font-weight:800;font-size:17px}
.postop .posbrand img.k456l{cursor:pointer;border-radius:10px;transition:transform .12s ease}
.postop .posbrand img.k456l:hover{transform:scale(1.06)}
.postop .posbrand img.k456l:focus-visible{outline:2px solid #F08A24;outline-offset:2px}
.k456u{padding:10px 12px;border-radius:12px;background:var(--panel2,rgba(127,127,127,.12));font-size:13px;word-break:break-all;color:var(--muted);margin-bottom:12px}
.k456b{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:10px}
.k456x{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;min-height:86px;border-radius:16px;border:1px solid var(--line);background:var(--panel);color:var(--text);cursor:pointer;font-size:14px}
.k456x span{font-size:26px}
.k456x.tg{background:#229ED9;border-color:#229ED9;color:#fff}
.k456x:focus-visible{outline:2px solid #F08A24;outline-offset:2px}
@media (prefers-reduced-motion:reduce){.postop .posbrand img.k456l{transition:none}}
/* the lady's name (and code) stays visible on a closed one-row line */
html body .posw .posticket .poslines>li.posl.k420x:not(.k420o) .u335c:has(.posstaff){display:flex!important;flex-wrap:wrap;gap:4px;margin:2px 0 0!important}
html body .posw .posticket .poslines>li.posl.k420x:not(.k420o) .u335c>.posstaff{display:inline-flex!important}

/* ===================== v4.7.0 · outlet sheet ===================== */
.k470t{cursor:pointer}
.posbrand .posout.k470t::after,.tb-h .tb-brand span::after{content:" ⌄";opacity:.6;font-weight:700}
.k470,.k470 *{touch-action:manipulation}
.k470{overscroll-behavior:contain;position:fixed;inset:0;z-index:9600;display:flex;align-items:flex-start;justify-content:center;padding:64px 16px 16px}
.k470bg{position:absolute;inset:0;background:rgba(0,0,0,.45);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);animation:k470f .18s ease}
.k470p{position:relative;width:min(420px,100%);max-height:calc(100vh - 80px);overflow:auto;background:var(--panel,#fff);color:var(--text,#111);border:1px solid var(--line,#ddd);border-radius:18px;box-shadow:0 18px 50px rgba(0,0,0,.35);padding:14px 16px 16px;animation:k470u .2s cubic-bezier(.2,.8,.2,1)}
@keyframes k470f{from{opacity:0}}@keyframes k470u{from{opacity:0;transform:translateY(-8px) scale(.98)}}
@media (prefers-reduced-motion:reduce){.k470bg,.k470p{animation:none}}
.k470p header{display:flex;align-items:center;gap:12px;margin-bottom:6px}
.k470p header img{width:44px;height:44px;border-radius:12px}
.k470p header>div{flex:1;min-width:0}
.k470p h2{margin:0;font-size:19px;font-weight:800;line-height:1.2}
.k470p header p{margin:2px 0 0;font-size:13px;color:var(--muted,#666)}
.k470x{width:36px;height:36px;border-radius:50%;border:0;background:var(--panel2,#eee);color:inherit;font-size:15px;cursor:pointer}
.k470p section{border-top:1px solid var(--line,#ddd);padding-top:12px;margin-top:12px}
.k470p h3{margin:0 0 8px;font-size:13px;font-weight:700;color:var(--muted,#666)}
.k470h{margin:0 0 8px;font-size:13px;color:var(--muted,#666)}
.k470seg{display:grid;grid-auto-flow:column;grid-auto-columns:1fr;gap:4px;padding:4px;border-radius:12px;background:var(--panel2,#eee)}
.k470seg button{min-height:40px;border:0;border-radius:9px;background:transparent;color:inherit;font:inherit;font-weight:650;font-size:14px;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:6px}
.k470seg button[aria-checked="true"]{background:#0F3D2E;color:#fff;box-shadow:0 1px 3px rgba(0,0,0,.25),inset 0 -2px 0 #F08A24}
.k470seg button:focus-visible,.k470x:focus-visible,.k470t:focus-visible{outline:2px solid #F08A24;outline-offset:2px}
.k470p .k456u{margin:0 0 10px}

/* ===================== v4.7.0 · areas in green (POS + Front Sale tablet) ===================== */
:root body #view .pmsecs.pmsecs button[type],:root body .tb334bar .tb334secs.tb334secs button[type]{background:#0F3D2E!important;border:1px solid #0F3D2E!important;color:#fff!important;box-shadow:none!important}
:root body #view .pmsecs.pmsecs button[type] i,:root body .tb334bar .tb334secs.tb334secs button[type] i{color:rgba(255,255,255,.78)!important;opacity:1!important}
:root body #view .pmsecs.pmsecs button[type][aria-pressed="true"],:root body .tb334bar .tb334secs.tb334secs button[type][aria-pressed="true"]{background:#17573F!important;border-color:#F08A24!important;box-shadow:inset 0 0 0 1px #F08A24,0 2px 8px rgba(15,61,46,.35)!important}
@media (hover:hover){:root body #view .pmsecs.pmsecs button[type]:hover,:root body .tb334bar .tb334secs.tb334secs button[type]:hover{background:#155139!important}}
.pm282h>span{background:#0F3D2E;color:#fff;padding:3px 12px 3px 10px;border-radius:999px}
.pm282h>span::before{background:#F08A24!important;border-radius:50%;width:8px;height:8px}
.tb334g .k470a{display:inline-block;background:#0F3D2E;color:#fff;padding:3px 12px;border-radius:999px}

/* ===================== v4.8.0 · Guest QR category layout picker ===================== */
.p480g{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px;margin:8px 0 10px}
.p480o{position:relative;display:flex;flex-direction:column;gap:4px;padding:10px;border-radius:14px;border:1.5px solid var(--line);background:var(--panel);cursor:pointer}
.p480o input{position:absolute;opacity:0;pointer-events:none}
.p480o.on{border-color:#F08A24;box-shadow:0 0 0 2px rgba(240,138,36,.25)}
.p480o:has(input:focus-visible){outline:2px solid #F08A24;outline-offset:2px}
.p480o b{font-size:14px}.p480o small{font-size:12px;color:var(--muted);line-height:1.3}
.p480p{display:flex;flex-direction:column;gap:4px;height:62px;padding:8px;border-radius:10px;background:#0F3D2E;overflow:hidden;margin-bottom:4px}
.p480m{display:flex;flex-wrap:wrap;gap:4px}
.p480m i{display:block;height:9px;border-radius:999px;background:rgba(255,255,255,.55)}
.p480m.mt{display:grid;grid-template-columns:1fr 1fr;gap:4px;height:100%}
.p480m.mt i{width:auto!important;height:auto;border-radius:6px;background:linear-gradient(135deg,#F08A24,#7a3d0c)}
.p480m.mt i:nth-child(2){background:linear-gradient(135deg,#2f8a63,#123524)}.p480m.mt i:nth-child(3){background:linear-gradient(135deg,#9a3b5d,#3a1424)}
.p480m.mb{flex-wrap:nowrap;align-items:center;padding-bottom:5px;border-bottom:1px solid rgba(255,255,255,.25)}
.p480m.mb b{color:#fff;font-size:10px;line-height:1}.p480m.mb i:first-of-type{background:#F08A24}
.p480m.mg2{display:grid;grid-template-columns:1fr 1fr;gap:4px}.p480m.mg2 i{width:auto!important;height:12px;border-radius:3px;background:rgba(255,255,255,.2)}
.p480m.mg{flex-wrap:nowrap}.p480m.mg b{flex:1;height:22px;border-radius:6px;border:1px solid rgba(255,255,255,.4)}.p480m.mg b.on{background:rgba(255,255,255,.2);border-color:#F08A24}
.p480m.mb2{border:0}

/* v4.8.1 main cashier switch on the device card */
.dev481{display:flex;align-items:flex-start;gap:10px;margin-top:8px;padding:8px 10px;border-radius:12px;border:1px solid var(--line);background:var(--panel2);cursor:pointer;max-width:520px}
.dev481.on{border-color:#0F3D2E;background:color-mix(in srgb,#0F3D2E 12%,var(--panel))}
.dev481 input{position:absolute;opacity:0;width:1px;height:1px}
.dev481t{flex:none;position:relative;width:42px;height:24px;border-radius:999px;background:#9aa0a6;transition:background .15s;margin-top:1px}
.dev481t::after{content:"";position:absolute;top:2px;left:2px;width:20px;height:20px;border-radius:50%;background:#fff;box-shadow:0 1px 3px rgba(0,0,0,.3);transition:transform .15s}
.dev481 input:checked+.dev481t{background:#0F3D2E}
.dev481 input:checked+.dev481t::after{transform:translateX(18px)}
.dev481 input:focus-visible+.dev481t{outline:2px solid #F08A24;outline-offset:2px}
.dev481 b{display:block;font-size:13.5px}.dev481 small{display:block;font-size:12px;color:var(--muted)}
@media (prefers-reduced-motion:reduce){.dev481t,.dev481t::after{transition:none}}

/* ===================== v4.8.2 · Front Sale on an iPad held upright (601–979 pt): menu + order side by side ===================== */
body.tb334on .tb>.fd251{display:none!important}   /* Food / Drinks only while ordering, not on the tables screen */
/* v4.8.3: the 4.8.2 upright layout is replaced by the one-layout rules below */

/* ===================== v4.8.3 · One POS layout on every iPad: categories on the left, dishes in a grid, the order behind "View order" ===================== */
/* ---- Front Sale tablet (any iPad or PC) ---- */
@media (min-width:601px){
  html:is([data-ui],:not([data-ui])) body.posui.posui.posui.posui .tb.p227tb .tb-body{display:grid!important;grid-template-columns:200px minmax(0,1fr)!important;grid-template-areas:none!important;grid-template-rows:auto!important;gap:0!important;padding:0!important;align-items:start}
  html:is([data-ui],:not([data-ui])) body.posui.posui.posui.posui .tb.p227tb .tb-body>.p226side{grid-column:1!important;grid-row:1!important;grid-area:auto!important;position:sticky!important;top:var(--k483h,70px)!important;max-height:calc(100vh - var(--k483h,70px))!important;overflow-y:auto!important;overflow-x:hidden!important;display:flex!important;flex-direction:column!important;gap:8px!important;padding:12px 10px 90px!important;border:0!important;border-right:1px solid var(--line)!important;border-radius:0!important;background:transparent!important;min-width:0}
  html:is([data-ui],:not([data-ui])) body.posui.posui.posui.posui .tb.p227tb .tb-body>.tb-menu{grid-column:2!important;grid-row:1!important;grid-area:auto!important;min-width:0;padding:12px 12px 96px!important}
  html:is([data-ui],:not([data-ui])) body.posui.posui.posui.posui .tb.p227tb .p226side .p282bar{display:none!important}
  html:is([data-ui],:not([data-ui])) body.posui.posui.posui.posui .tb.p227tb .p226side .fd251{display:grid!important;grid-template-columns:1fr 1fr;gap:6px;margin:0!important;max-width:none}
  html:is([data-ui],:not([data-ui])) body.posui.posui.posui.posui .tb.p227tb .p226side .tb-cats.tb-cats.p226cats{display:flex!important;flex-direction:column!important;flex-wrap:nowrap!important;overflow:visible!important;gap:6px!important;padding:0!important;margin:0!important;position:static!important;max-height:none!important;background:transparent!important}
  html:is([data-ui],:not([data-ui])) body.posui.posui.posui.posui .tb.p227tb .p226side .tb-cats.tb-cats.p226cats>*{width:100%!important;max-width:none!important;flex:0 0 auto!important;white-space:normal!important;justify-content:flex-start;text-align:left}
  /* the order: hidden until "View order", then it slides in from the right */
  html:is([data-ui],:not([data-ui])) body.posui.posui.posui.posui .tb.p227tb .tb-body>.tb-cart{display:none!important}
  html:is([data-ui],:not([data-ui])) body.posui.posui.posui.posui .tb.p227tb.cartopen .tb-body>.tb-cart{display:flex!important;flex-direction:column;grid-area:auto!important;position:fixed!important;inset:0 0 0 auto!important;top:0!important;right:0!important;bottom:0!important;left:auto!important;width:min(420px,92vw)!important;max-height:none!important;min-height:0!important;overflow-y:auto!important;z-index:81!important;margin:0!important;padding:18px 18px calc(18px + env(safe-area-inset-bottom))!important;border-radius:22px 0 0 22px!important;border:0!important;border-left:1px solid var(--line)!important;background:var(--panel)!important;box-shadow:-24px 0 60px rgba(0,0,0,.45)!important;animation:k483in .22s cubic-bezier(.2,.8,.2,1)}
  html:is([data-ui],:not([data-ui])) body.posui.posui.posui.posui .tb.p227tb .tb-cart .tb-close{display:inline-flex!important}
  .k483bg{position:fixed;inset:0;z-index:80;background:rgba(0,0,0,.42);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);animation:k483f .18s ease;border:0;padding:0;margin:0;cursor:default}
  /* the View order pill (same look as the cashier till) */
  html:is([data-ui],:not([data-ui])) body.posui.posui.posui.posui .tb.p227tb .tb-bar{display:flex!important;align-items:center;gap:14px;position:fixed!important;left:auto!important;right:18px!important;bottom:calc(18px + env(safe-area-inset-bottom))!important;width:auto!important;max-width:calc(100vw - 36px);min-height:58px;padding:0 20px!important;border-radius:18px!important;border:1px solid rgba(240,138,36,.6)!important;background:#0F3D2E!important;color:#fff!important;font:inherit;font-size:16px;font-weight:700;box-shadow:0 10px 30px rgba(0,0,0,.35)!important;z-index:60;cursor:pointer}
  html:is([data-ui],:not([data-ui])) body.posui.posui.posui.posui .tb.p227tb .tb-bar>b:last-child{color:#F08A24;font-size:18px}
  html:is([data-ui],:not([data-ui])) body.posui.posui.posui.posui .tb.p227tb.cartopen .tb-bar{display:none!important}
  .tb .tb-bar.k483e span{font-weight:800}
  /* guest type inside the order panel */
  .tb-cart .ct393tb{margin:8px 0!important}
  .tb-cart .ct393tb .ct393row{flex-wrap:wrap!important;overflow:visible!important}
}
/* ---- Cashier till on an iPad held upright (700–1099): sidebar always, the order slides in ---- */
@media (min-width:700px) and (max-width:1099px){
  body.posui .posorder>.posticket.k483s{display:block!important;position:fixed!important;top:0!important;right:0!important;bottom:0!important;left:auto!important;width:min(420px,92vw)!important;max-height:none!important;height:100vh!important;overflow-y:auto!important;z-index:81!important;border-radius:22px 0 0 22px!important;box-shadow:-24px 0 60px rgba(0,0,0,.45)!important;animation:k483in .22s cubic-bezier(.2,.8,.2,1)}
  body.k483o.posui .posorder{grid-template-columns:minmax(0,1fr)!important}
  body.k483o.posui .px9cart{display:none!important}
}
@keyframes k483in{from{transform:translateX(30px);opacity:0}to{transform:none;opacity:1}}
@keyframes k483f{from{opacity:0}}
@media (prefers-reduced-motion:reduce){.k483bg,body.posui .posorder>.posticket.k483s,html body .tb.p227tb.cartopen .tb-cart{animation:none!important}}

/* v4.8.4 · no dropdown arrow: the outlet name only shares the menu */
.posbrand .posout.k470t::after,.tb-h .tb-brand span::after{content:none!important}
.k470p section:first-of-type{border-top:0;padding-top:4px}
/* v4.8.4 · Front Sale pop-ups (table picker, dish options, sent) always above the slide-in order */
@media (min-width:601px){html body .tb .tb-m{z-index:95!important}}

/* v4.9.0 tablet screen choice */
.tbs328cfg .tb490{display:flex;flex-direction:column;gap:4px;margin-bottom:6px}
.tbs328cfg .tb490 small{font-weight:400}

/* v4.9.1 · the slide-in order sits UNDER every pop-up (Add customer, Discount, Split, Move, Bill, More, Pay…) */
@media (min-width:700px) and (max-width:1099px){
  html body.posui .posorder>.posticket.k483s{z-index:44!important}
  html body #k483bgpos{z-index:43!important}
}
/* v4.9.1 · screen look button (top right) */
#view .postop .k491th{grid-area:dots;justify-self:end;align-self:center;display:inline-flex;align-items:center;gap:6px;min-height:38px;padding:0 14px;border-radius:999px;border:1px solid var(--line);background:var(--panel2);color:var(--text);font:inherit;font-size:14px;font-weight:700;white-space:nowrap;cursor:pointer}
#view .postop .k491th i{font-style:normal}
#view .postop .k491th:focus-visible{outline:2px solid #F08A24;outline-offset:2px}

/* v4.9.2 · promotion editor: From / To fit the window on iPad and phone */
label:has(> #pr-f),label:has(> #pr-t){min-width:0!important}
#pr-f,#pr-t{min-width:0!important;width:100%!important;max-width:100%!important;box-sizing:border-box!important}
.k492s{margin:0!important;font-size:13.5px}
.k492s b{color:inherit}
/* offers-only button */
.poscats button.hh277.k492o .vc277i{background:#F3A6C8!important;color:#5a0f33!important}

/* v5.0.0 · Bar Partner order link window */
.pl500{position:fixed;inset:0;z-index:9600;display:flex;align-items:center;justify-content:center;padding:16px}
.pl500bg{position:absolute;inset:0;background:rgba(0,0,0,.45);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}
.pl500p{position:relative;width:min(460px,100%);max-height:calc(100vh - 32px);overflow:auto;background:var(--panel,#fff);color:var(--text,#111);border:1px solid var(--line,#ddd);border-radius:18px;padding:16px;box-shadow:0 18px 50px rgba(0,0,0,.35)}
.pl500p header{display:flex;gap:12px;align-items:flex-start;margin-bottom:10px}.pl500p header>div{flex:1}
.pl500p h2{margin:0;font-size:18px}.pl500p header p{margin:4px 0 0;font-size:13px;color:var(--muted,#666)}
.pl500x{width:36px;height:36px;border-radius:50%;border:0;background:var(--panel2,#eee);color:inherit;cursor:pointer}
.pl500q{display:flex;flex-direction:column;align-items:center;gap:10px;margin-bottom:10px}
.pl500q svg{width:150px;height:150px;background:#fff;border-radius:12px;padding:6px}
.pl500q .k456u{width:100%}
.pl500b{margin-left:8px;min-height:28px;padding:0 10px;border-radius:999px;border:1px solid #0F3D2E;background:transparent;color:inherit;font-size:12px;font-weight:700;cursor:pointer;white-space:nowrap}
.pl500b:hover{background:#0F3D2E;color:#fff}

/* v5.0.1 Order food on bar bills */
.p225sec .xo501 .p225i{color:#F08A24}

/* v5.1.0 For bars */
.pmsvc .xb510t.hot i{background:#F08A24;color:#111}
.xb510l{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(280px,100%),1fr));gap:12px;margin:8px 0 18px}
.xb510c{background:var(--card,#1c1c1e);border:1px solid rgba(127,127,127,.25);border-left:4px solid #F08A24;border-radius:14px;padding:12px 14px;display:flex;flex-direction:column;gap:8px;min-width:0}
.xb510c.st-onway{border-left-color:#0A84FF}.xb510c.st-served{border-left-color:#30D158;opacity:.75}
.xb510c header{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:6px 8px}.xb510c header b{font-size:1.02rem;min-width:0;overflow-wrap:anywhere}.xb510c header .pmpill{white-space:nowrap}
.xb510c ul{margin:0;padding:0;list-style:none;display:grid;gap:3px}.xb510c li small{opacity:.7}
.xb510n{margin:0;padding:6px 8px;border-radius:8px;background:rgba(240,138,36,.12)}
.xb510m{margin:0;font-size:.82rem;opacity:.75}
.xb510a{display:flex;gap:8px;flex-wrap:wrap}.xb510a button{flex:1 1 auto;min-height:44px;border-radius:10px}
.xb510a .btn{background:#0F3D2E;color:#fff;border-color:#0F3D2E}
@media (max-width:600px){.pmsvc{overflow-x:auto;scrollbar-width:none}.pmsvc>button{white-space:nowrap;flex:0 0 auto}.xb510c{max-width:100%}}
.posfloor>section:has(.pmsvc){min-width:0;max-width:100%}

/* v5.1.1 · small tablets and narrow tills */
@media (max-width:899px){
  html body #view .positems.p371n1,html body #view .tb-grid.p371n1,html body .posw .positems.p371n1,html body .posw .tb-grid.p371n1,html[data-ui] body.posui .posw .positems.p371n1{grid-template-columns:repeat(auto-fill,minmax(200px,1fr))!important}
  html body #view .positems.p371n2,html body #view .tb-grid.p371n2,html body .posw .positems.p371n2,html body .posw .tb-grid.p371n2,html[data-ui] body.posui .posw .positems.p371n2{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))!important}
  .positems.p371n1 .hasimg img,.tb-grid.p371n1 .tbc-img{min-height:0!important}
  body.posui #view .postop .posbrand{min-width:0;flex:1 1 auto;overflow:hidden}
  body.posui #view .postop .posbrand .p226sub{display:none!important}
  body.posui #view .postop .posbrand .posopr{min-width:0;max-width:150px;flex:0 1 auto;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  body.posui #view .postop .posbrand .posout{flex:0 0 auto;max-width:150px;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
}
@media (max-width:519px){
  body.posui #view .postop .posbrand .posopr{display:none!important}
  body.posui #view .postop .posbrand .poslockb{flex:0 0 auto}
}
/* the bill pill: a space between the table and the item count */
body.posui .px9cart .px9cb>span>b{margin-right:6px}

/* v5.2.0 */
.bo520fo{min-height:40px;padding:0 14px;border-radius:12px;border:1px solid rgba(240,138,36,.55);background:rgba(240,138,36,.12);color:inherit;font:inherit;font-weight:700;cursor:pointer;white-space:nowrap}
.bo520back{margin:0 0 6px}


/* v5.3.0 Sales Hub */
.sh .sh-tonight{background:linear-gradient(135deg,#0F3D2E,#145a43);color:#fff;border-radius:22px;padding:18px 18px 16px;margin:0 0 16px;box-shadow:0 10px 30px rgba(15,61,46,.25)}
.sh .sh-tt{display:flex;flex-wrap:wrap;gap:12px 24px;justify-content:space-between;align-items:flex-start}
.sh .sh-tt h2{margin:0;font-size:13px;font-weight:700;opacity:.8}
.sh .sh-hero{font-size:40px;font-weight:800;letter-spacing:-.02em;line-height:1.1}.sh .sh-hero small{font-size:15px;font-weight:600;opacity:.8}
.sh .sh-tonight .hx-sub2{color:rgba(255,255,255,.8);margin:6px 0 0}
.sh .sh-bar{height:8px;border-radius:99px;background:rgba(127,127,127,.25);overflow:hidden;margin:8px 0 4px}.sh .sh-bar i{display:block;height:100%;border-radius:inherit;background:#F08A24;transition:width .4s}.sh .sh-bar.done i{background:#30D158}
.sh .sh-tonight>.sh-tt .sh-bar{max-width:520px;background:rgba(255,255,255,.2)}
.sh .sh-pr{display:flex;flex-wrap:wrap;gap:6px;max-width:520px}
.sh .sh-ocs{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(230px,100%),1fr));gap:10px;margin-top:14px}
.sh .sh-oc{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.14);border-radius:16px;padding:12px 14px;min-width:0}
.sh .sh-oc header{display:flex;justify-content:space-between;gap:8px;align-items:center}.sh .sh-oc header b{font-size:15px}
.sh .sh-sh{font-size:11px;padding:2px 8px;border-radius:99px;background:rgba(255,255,255,.12)}.sh .sh-sh.on{background:rgba(48,209,88,.22);color:#7ff0a0}
.sh .sh-big{font-size:24px;font-weight:800;margin-top:4px}.sh .sh-big small{font-size:12px;font-weight:600;opacity:.75}
.sh .sh-oc .sh-bar{background:rgba(255,255,255,.18)}
.sh .sh-tl,.sh .sh-nt{display:block;font-size:12px;opacity:.85}.sh .sh-nt{opacity:.55}
.sh .sh-oc dl{margin:8px 0 0;display:grid;gap:3px;font-size:12.5px}.sh .sh-oc dl div{display:flex;justify-content:space-between;gap:8px}.sh .sh-oc dt{opacity:.7}.sh .sh-oc dd{margin:0;text-align:right}
.sh .sh-chip{display:inline-flex;align-items:center;gap:4px;padding:5px 10px;border-radius:99px;font-size:12.5px;background:rgba(240,138,36,.16);color:inherit}
.sh .sh-tonight .sh-chip{background:rgba(255,255,255,.14)}
.sh .sh-wide{grid-column:1/-1}
.sh .sh-lb{list-style:none;margin:8px 0;padding:0;display:grid;gap:4px}.sh .sh-lb li{display:flex;align-items:center;gap:10px;padding:8px 6px;border-radius:12px}.sh .sh-lb li:nth-child(-n+3){background:rgba(240,138,36,.08)}
.sh .sh-rk{width:28px;text-align:center;font-weight:800;font-size:16px}.sh .sh-v{margin-left:auto;font-variant-numeric:tabular-nums}
.sh .sh-month{font:inherit;font-size:14px;padding:2px 6px;border-radius:8px;border:1px solid var(--line,rgba(127,127,127,.3));background:transparent;color:inherit}
.sh .sh-tot{font-size:26px;font-weight:800;display:flex;flex-wrap:wrap;align-items:baseline;gap:6px 12px}.sh .sh-tot small{font-size:13px;font-weight:600;opacity:.7}
.sh .sh-ck{display:flex;flex-wrap:wrap;gap:6px;margin:8px 0 10px}
.sh .sh-tbl{display:grid;font-size:13px;overflow-x:auto}.sh .sh-tbl>div{display:grid;grid-template-columns:minmax(120px,1.4fr) minmax(110px,1.2fr) minmax(80px,.8fr) minmax(90px,.8fr) minmax(60px,.5fr);gap:8px;padding:7px 4px;border-bottom:1px solid var(--line,rgba(127,127,127,.18));min-width:520px}
.sh .sh-th{font-size:11.5px;font-weight:700;opacity:.65}
.sh .sh-rs{list-style:none;margin:6px 0;padding:0;display:grid;gap:8px}.sh .sh-rs li{display:grid;grid-template-columns:minmax(80px,1fr) 2fr auto auto;gap:8px;align-items:center;font-size:13px}
.sh .sh-rb{position:relative;height:16px}.sh .sh-rb i,.sh .sh-rb em{position:absolute;left:0;border-radius:6px}.sh .sh-rb i{top:0;height:10px;background:#0F3D2E}.sh .sh-rb em{bottom:0;height:4px;background:rgba(240,138,36,.7)}
.sh .sh-h3{font-size:13px;margin:14px 0 6px;opacity:.75}
.sh .sh-top{margin:0;padding-left:20px;display:grid;gap:4px;font-size:13px}.sh .sh-top li span{font-weight:600}.sh .sh-top li small{opacity:.65;margin:0 8px}.sh .sh-top li b{float:right}
.sh .sh-pl{list-style:none;margin:8px 0;padding:0;display:grid;gap:8px}.sh .sh-pl li{display:flex;flex-wrap:wrap;align-items:center;gap:8px;padding:10px;border-radius:12px;background:rgba(127,127,127,.08)}.sh .sh-pl li>div{flex:1 1 200px;min-width:0}.sh .sh-pl small{display:block;opacity:.75}
.sh .sh-gap{font-weight:800;color:#e8771a}
.sh-modal{position:fixed;inset:0;z-index:70;display:grid;place-items:center;padding:16px}.sh-mbg{position:absolute;inset:0;background:rgba(0,0,0,.5)}
.sh-mp{position:relative;width:min(640px,100%);max-height:calc(100vh - 32px);overflow:auto;background:var(--card,#fff);color:inherit;border-radius:22px;padding:18px;box-shadow:0 30px 80px rgba(0,0,0,.4)}
.sh-mp header{display:flex;justify-content:space-between;align-items:center}.sh-mp h2{display:flex;gap:8px;align-items:center;margin:0}.sh-x{width:40px;height:40px;border-radius:50%;border:0;background:rgba(127,127,127,.15);color:inherit;cursor:pointer}
.sh-te{border-top:1px solid var(--line,rgba(127,127,127,.2));padding:12px 0}.sh-te h3{margin:0 0 6px;font-size:15px}
.sh-td{display:flex;align-items:center;gap:6px;font-weight:600}.sh-td input{width:140px}
.sh-tw{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:6px;margin-top:8px}.sh-tw label{display:grid;gap:2px;font-size:11.5px;opacity:.85}.sh-tw input,.sh-td input{min-height:40px;padding:6px 8px;border-radius:10px;border:1px solid var(--line,rgba(127,127,127,.3));background:transparent;color:inherit;font:inherit;min-width:0}
@media (max-width:560px){.sh-tw{grid-template-columns:repeat(4,minmax(0,1fr))}.sh .sh-hero{font-size:32px}}
.sh-mp footer{display:flex;justify-content:flex-end;gap:8px;padding-top:10px;position:sticky;bottom:-18px;background:inherit;padding-bottom:4px}
/* till target chip */
.sh530tg{position:relative;display:inline-flex;align-items:center;min-height:30px;padding:0 10px;border-radius:99px;background:rgba(240,138,36,.14);border:1px solid rgba(240,138,36,.45);font-size:12px;font-weight:700;overflow:hidden;white-space:nowrap;flex:0 1 auto;min-width:0;margin:0 6px}
.sh530tg i{position:absolute;left:0;top:0;bottom:0;background:rgba(240,138,36,.28);z-index:0}.sh530tg span{position:relative;z-index:1;overflow:hidden;text-overflow:ellipsis}
.sh530tg.done{background:rgba(48,209,88,.16);border-color:rgba(48,209,88,.5)}.sh530tg.done i{background:rgba(48,209,88,.25)}
@media (max-width:519px){.sh530tg{display:none}}
@media (prefers-reduced-motion:reduce){.sh .sh-bar i{transition:none}}
:is(html,body) body .hx.mh.sh .hx-grid,html body #view .hx.sh>.hx-grid{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(min(400px,100%),1fr))!important;gap:14px!important;align-items:start}
.sh .hx-grid>section{min-width:0}
.sh .sh-lb li .hx-lt{min-width:0;flex:1 1 auto}.sh .sh-lb li .hx-lt small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.sh530tg{max-width:240px}

.sh .sh-lb li{overflow:hidden;min-width:0}.sh .sh-lb{min-width:0;width:100%}

/* v5.3.1 · one header for Sales pages */
#view .sh531h{display:flex!important;align-items:center!important;flex-wrap:wrap;gap:10px 14px!important;margin:0 0 16px!important;padding:0!important;background:none!important;border:0!important;box-shadow:none!important;border-radius:0!important;min-height:56px;position:static!important}
#view .sh531h::before,#view .sh531h::after{display:none!important}
#view .sh531h .sh531i{width:48px!important;height:48px!important;border-radius:14px!important;flex:0 0 auto;display:grid!important;place-items:center;margin:0!important}
#view .sh531h .sh531i .hx-ic{width:26px;height:26px}
#view .sh531h .sh531t{min-width:0;flex:1 1 220px}
#view .sh531h :is(h1,h2){font-size:28px!important;font-weight:800!important;line-height:1.15!important;margin:0!important;letter-spacing:-.01em;color:inherit!important}
#view .sh531h .sh531t p,#view .sh531h .sh531t .hx-sub{margin:2px 0 0!important;font-size:14px!important;opacity:.72;color:inherit!important;max-width:760px}
#view .sh531h .sh531a,#view .sh531h .hx-hdb,#view .sh531h .nlcact,#view .sh531h .bo234a{margin-left:auto!important;display:flex;flex-wrap:wrap;gap:8px;align-items:center;justify-content:flex-end}
#view .sh531h .bo234t{display:flex;align-items:center;gap:14px;flex:1 1 260px;min-width:0}
/* POS Dashboard inside the app frame */
body.sh531dash #view .posw.bo234{padding:0!important;margin:0!important;max-width:none!important;background:none!important}
body.sh531dash #view .bo237home,body.sh531dash #view .bo247main{display:none!important}
body.sh531dash #view .bo234h .bo234a{gap:6px}
/* Nightlife Card: same gutter as the other pages */
#view .nlc.nlc44{padding-left:0!important;padding-right:0!important;margin-left:0!important;margin-right:0!important;max-width:none!important}
#view .nlc44 .nlc44h.sh531h .nlc44tu{min-height:44px}
/* phone: the Sales bar shows on the Hub too, so nothing moves when you switch */
@media (max-width:640px){nav.mb.mb-onhub[aria-label="Sales"]{display:flex!important}nav.mb.mb-onhub[aria-label="Sales"] .mb-home{visibility:hidden}}
/* leaderboard: the chosen period is a clear pill */
.sh .sh531sw button[aria-pressed="true"]{background:#0F3D2E!important;color:#fff!important;box-shadow:0 1px 3px rgba(0,0,0,.25)}
body.sh531dash .hero~* .stats,body.sh531dash .stats,body.sh531dash .toolbar,body.sh531dash #legend,body.sh531dash #addBtn,body.sh531dash .totop{display:none!important}
#view .sh531h .sh531i{color:#fff!important;box-shadow:inset 0 0 0 .5px rgba(255,255,255,.15)}
#view .sh531h .sh531i svg{stroke:currentColor;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
#view .sh531h .sh531i.ink{background:linear-gradient(160deg,#5b616d,#2c3038)!important}
#view .sh531h .sh531i.green{background:linear-gradient(160deg,#34c759,#1d8f40)!important}
#view .sh531h .sh531i.orange{background:linear-gradient(160deg,#ffae3d,#F08A24)!important}
#view .sh531h .sh531i.purple{background:linear-gradient(160deg,#c56ef5,#8a3fd1)!important}
@media (max-width:640px){
  #view .sh531h{flex-direction:row!important;align-items:center!important;text-align:left!important;justify-content:flex-start!important;min-height:0}
  #view .sh531h :is(h1,h2){font-size:24px!important}
  #view .sh531h .sh531i{width:42px!important;height:42px!important;border-radius:12px!important}
  #view .sh531h .sh531a,#view .sh531h .hx-hdb,#view .sh531h .nlcact,#view .sh531h .bo234a{margin-left:0!important;width:100%;justify-content:flex-start}
  #view .sh531h .sh531a>*,#view .sh531h .hx-hdb>*{flex:1 1 0}
}
body.sh531dash #view .bo234>.possetup{padding-left:0!important;padding-right:0!important}

/* v5.4.0 · ordering food from the menu sheet */
#smSheet .sm-it{align-items:center}
#smSheet .sm-it .xo-add,#smSheet .xo-add.xo-add{min-width:48px!important;min-height:44px!important;border-radius:22px;font-size:15px;font-weight:800;padding:0 14px;background:#0F3D2E;color:#fff;border:0}
#smSheet .xo-q{display:inline-flex;align-items:center;gap:8px}
#smSheet .xo-q.xo-q button{width:40px!important;height:40px!important;border-radius:50%;font-size:20px;font-weight:700;border:1px solid rgba(127,127,127,.35);background:rgba(127,127,127,.12);color:inherit}
#smSheet .xo-q b{min-width:18px;text-align:center;font-size:16px}
#smSheet .xo-bar.xo540{position:sticky;bottom:0;z-index:3;padding:10px 14px calc(10px + env(safe-area-inset-bottom));background:var(--card,#fff);border-top:1px solid rgba(127,127,127,.2)}
#smSheet .xo-bar.xo540:not(.open)>*:not(.xo540p){display:none!important}
#smSheet .xo-bar.xo540.open .xo540p{display:none}
#smSheet .xo540p{display:flex;align-items:center;gap:12px;width:100%;min-height:54px;border:0;border-radius:16px;padding:0 16px;background:#F08A24;color:#111;font:inherit;font-size:16px;font-weight:800;cursor:pointer;box-shadow:0 8px 20px rgba(240,138,36,.35)}
#smSheet .xo540p:disabled{background:rgba(127,127,127,.18);color:inherit;box-shadow:none;font-weight:600;opacity:.8}
#smSheet .xo540n{min-width:30px;height:30px;border-radius:15px;background:#111;color:#fff;display:grid;place-items:center;font-size:14px}
#smSheet .xo540p:disabled .xo540n{background:rgba(127,127,127,.4)}
#smSheet .xo540t{flex:1;text-align:left}
#smSheet .xo-bar.xo540.open{display:flex;flex-direction:column;gap:10px;max-height:78vh;overflow-y:auto;box-shadow:0 -18px 40px rgba(0,0,0,.35);border-radius:22px 22px 0 0}
#smSheet .xo540h{display:flex;justify-content:space-between;align-items:center;gap:10px}.xo540h b{font-size:17px}
#smSheet .xo540x{min-height:40px;padding:0 14px;border-radius:12px;border:0;background:rgba(127,127,127,.15);color:inherit;font:inherit;font-weight:700}
#smSheet .xo540l{list-style:none;margin:0;padding:0;display:grid;gap:6px}
#smSheet .xo540l li{display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:10px;padding:8px 10px;border-radius:12px;background:rgba(127,127,127,.08)}
#smSheet .xo540c{min-width:64px;text-align:right}
#smSheet .xo-bar.xo540.open label{display:grid;gap:4px;font-weight:600}
#smSheet .xo-bar.xo540.open select,#smSheet .xo-bar.xo540.open input{min-height:46px;font-size:16px;border-radius:12px}
#smSheet .xo-bar.xo540.open .xo-send{min-height:54px;font-size:17px;border-radius:16px}
.xs540sw{display:inline-flex;align-items:center;gap:8px;margin-left:10px;font-size:14px;font-weight:700;padding:4px 10px;border-radius:99px;background:rgba(48,209,88,.12)}
.xs540sw input{width:20px;height:20px;accent-color:#0F3D2E}
@media (max-width:640px){#smSheet .sm-it img,#smSheet .sm-it .sm-ph{width:72px!important;height:72px!important;border-radius:14px!important}}
#view .sh531h .sh531i.teal{background:linear-gradient(160deg,#4fd1e0,#1593a6)!important}

/* v5.5.0 · staff ordering: grid with + on the photo */
#smSheet .sm-panel.xo550:not(.xo550list) .sm-body section{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-bottom:6px}
@media (min-width:600px){#smSheet .sm-panel.xo550:not(.xo550list) .sm-body section{grid-template-columns:repeat(3,minmax(0,1fr))}}
#smSheet .sm-panel.xo550:not(.xo550list) .sm-body section>h3{grid-column:1/-1;margin:10px 2px 0}
#smSheet .sm-panel.xo550:not(.xo550list) .sm-it{position:relative;display:flex!important;flex-direction:column;align-items:stretch!important;gap:0!important;padding:0!important;border:1px solid rgba(127,127,127,.22);border-radius:18px;overflow:hidden;background:var(--card,#fff);container-type:inline-size}
#smSheet .sm-panel.xo550:not(.xo550list) .sm-it.in{border-color:#F08A24;box-shadow:0 0 0 1px #F08A24}
#smSheet .sm-panel.xo550:not(.xo550list) .sm-it>img,#smSheet .sm-panel.xo550:not(.xo550list) .sm-it>.sm-ph{width:100%!important;height:auto!important;aspect-ratio:1/1;border-radius:0!important;object-fit:cover;margin:0!important;display:grid;place-items:center;font-size:30px}
#smSheet .sm-panel.xo550:not(.xo550list) .sm-t{padding:10px 12px 0;min-width:0}
#smSheet .sm-panel.xo550:not(.xo550list) .sm-t b{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:15px;line-height:1.25}
#smSheet .sm-panel.xo550:not(.xo550list) .sm-t>span{display:none}
#smSheet .sm-panel.xo550:not(.xo550list) .sm-p{padding:4px 12px 12px;display:flex;align-items:center;gap:6px;justify-content:flex-start}
#smSheet .sm-panel.xo550:not(.xo550list) .sm-p>b{color:#F08A24;font-size:15px}
#smSheet .sm-panel.xo550:not(.xo550list) .sm-it .xo-add{position:absolute;right:8px;top:calc(100cqw - 54px);width:46px!important;min-width:46px!important;height:46px!important;min-height:46px!important;border-radius:50%!important;padding:0!important;font-size:0!important;background:#17573F!important;box-shadow:0 4px 14px rgba(0,0,0,.35)}
#smSheet .sm-panel.xo550:not(.xo550list) .sm-it .xo-add::before{content:"+";font-size:28px;font-weight:500;color:#fff;line-height:46px}
#smSheet .sm-panel.xo550:not(.xo550list) .sm-it .xo-q{position:absolute;right:8px;top:calc(100cqw - 52px);background:#0F3D2E;border-radius:99px;padding:3px;gap:4px;box-shadow:0 4px 14px rgba(0,0,0,.35)}
#smSheet .sm-panel.xo550:not(.xo550list) .sm-it .xo-q button{width:38px!important;height:38px!important;border:0!important;background:rgba(255,255,255,.16)!important;color:#fff!important}
#smSheet .sm-panel.xo550:not(.xo550list) .sm-it .xo-q b{color:#fff}
#smSheet .xo550q{display:none}
#smSheet .sm-panel.xo550:not(.xo550list) .xo550q{display:grid;position:absolute;top:8px;left:8px;z-index:2;min-width:28px;height:28px;padding:0 8px;border-radius:14px;background:#F08A24;color:#111;font-weight:800;place-items:center;font-size:14px}
#smSheet .xo550row{display:flex;gap:8px}#smSheet .xo550row #smQ{flex:1;min-width:0}
#smSheet .xo550v{width:44px;height:44px;flex:0 0 44px;border-radius:12px;border:1px solid rgba(127,127,127,.3);background:transparent;color:inherit;display:grid;place-items:center}
#smSheet .xo550v svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
/* v5.5.0 · coloured headers on the Sales pages (same height and place on every page) */
#view .sh>.sh531h,#view .sh531h.bo234h,#view .po .sh531h,#view .sp540 .sh531h,#view .nlc44 .nlc44h.sh531h{color:#fff!important;border-radius:22px!important;padding:18px 20px!important;min-height:104px;position:relative!important;overflow:hidden!important;box-shadow:0 10px 28px rgba(0,0,0,.18)!important}
#view .sh>.sh531h{background:linear-gradient(135deg,#0b2a20,#0F3D2E 55%,#1a5a43)!important}
#view .sh531h.bo234h{background:linear-gradient(135deg,#14532d,#1f8a4c)!important}
#view .po .sh531h{background:linear-gradient(135deg,#c2410c,#F08A24)!important}
#view .sp540 .sh531h{background:linear-gradient(135deg,#0e5f6a,#1aa3b3)!important}
#view .nlc44 .nlc44h.sh531h{background:radial-gradient(120% 140% at 85% 20%,rgba(255,99,180,.45),transparent 55%),linear-gradient(135deg,#3b0f63,#7b2cbf)!important}
#view :is(.sh>.sh531h,.sh531h.bo234h,.po .sh531h,.sp540 .sh531h,.nlc44h.sh531h)::after{display:block!important;content:"";position:absolute;right:-50px;top:-60px;width:220px;height:220px;border-radius:50%;background:radial-gradient(rgba(255,255,255,.16),transparent 70%);pointer-events:none}
#view :is(.sh>.sh531h,.sh531h.bo234h,.po .sh531h,.sp540 .sh531h,.nlc44h.sh531h) .sh531i{background:rgba(255,255,255,.18)!important;box-shadow:inset 0 0 0 1px rgba(255,255,255,.22)!important}
#view :is(.sh>.sh531h,.sh531h.bo234h,.po .sh531h,.sp540 .sh531h,.nlc44h.sh531h) .sh531t p{opacity:.85!important}
#view :is(.sh>.sh531h,.sh531h.bo234h,.po .sh531h,.sp540 .sh531h,.nlc44h.sh531h)>*{position:relative;z-index:1}
#view .sh550art{position:absolute!important;right:220px;top:50%;transform:translateY(-50%);display:flex;gap:14px;opacity:.55;z-index:0!important;pointer-events:none}
#view .sh550art svg{width:34px;height:34px}
@media (max-width:900px){#view .sh550art{display:none}}
#view .sh531h.bo234h .bo234a{z-index:1}
@media (max-width:640px){#view :is(.sh>.sh531h,.sh531h.bo234h,.po .sh531h,.sp540 .sh531h,.nlc44h.sh531h){padding:14px!important;border-radius:18px!important;min-height:0}}
/* staff grid · the real markup: span.sm232i (photo + price badge) · .sm-t · .sm-p */
#smSheet .sm-panel.xo550:not(.xo550list) .sm-body section{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important}
@media (min-width:600px){#smSheet .sm-panel.xo550:not(.xo550list) .sm-body section{grid-template-columns:repeat(3,minmax(0,1fr))!important}}
#smSheet .sm-panel.xo550:not(.xo550list) .sm-it{display:flex!important;flex-direction:column!important;grid-template-columns:none!important;min-height:0!important}
#smSheet .sm-panel.xo550:not(.xo550list) .sm-it>.sm232i{position:relative;display:block!important;width:100%!important;height:auto!important;aspect-ratio:1/1;margin:0!important;border-radius:0!important;overflow:hidden;flex:0 0 auto}
#smSheet .sm-panel.xo550:not(.xo550list) .sm-it>.sm232i>img,#smSheet .sm-panel.xo550:not(.xo550list) .sm-it>.sm232i>.sm-ph{width:100%!important;height:100%!important;border-radius:0!important;object-fit:cover;display:grid;place-items:center;font-size:34px;margin:0!important}
#smSheet .sm-panel.xo550:not(.xo550list) .sm-it>.sm232i .m230p{display:none!important}
#smSheet .sm-panel.xo550:not(.xo550list) .sm-t .sm263pr{display:block!important;margin-top:2px}
#smSheet .sm-panel.xo550:not(.xo550list) .sm-t .sm263pr b{color:#F08A24}
#smSheet .sm-panel.xo550:not(.xo550list) .sm-t{padding:10px 12px 12px!important}
#smSheet .sm-panel.xo550:not(.xo550list) .sm-p{padding:0!important;position:static!important}
#smSheet .sm-panel.xo550:not(.xo550list) .sm-p>b,#smSheet .sm-panel.xo550:not(.xo550list) .sm-p>s{display:none}

/* v5.6.0 · dialogs that fit: Clean up old balances, New member */
.mkm .pf>*,.mkm .cl-f>*{min-width:0}
.mkm input[type=date],.mkm input[type=time],.mkm input[type=month]{min-width:0!important;max-width:100%!important;width:100%!important;box-sizing:border-box;display:block;-webkit-appearance:none;appearance:none;min-height:44px}
#nlcCl .cl-f{grid-template-columns:repeat(2,minmax(0,1fr))!important;align-items:start!important;gap:14px!important}
#nlcCl .cl-f label{display:flex!important;flex-direction:column;gap:6px;min-width:0;font-size:14px}
#nlcCl .cl-f :is(input,select){width:100%;min-width:0;min-height:44px;box-sizing:border-box}
#nlcCl .cl-f .cl-ck{grid-column:1/-1;flex-direction:row!important;align-items:center}
#nlcCl .cl-f .cl-ck input{width:22px;min-height:22px}
#nlcCl .cl-f>button,#nlcCl .cl-f .btn{grid-column:1/-1}
@media (min-width:900px){#nlcCl .cl-f{grid-template-columns:repeat(3,minmax(0,1fr))!important}}
/* PIN field */
.nl560pf{display:flex!important;flex-direction:column;gap:6px}
.nl560pr{display:flex;gap:8px}.nl560pr input{flex:1;min-width:0;font-size:20px!important;letter-spacing:6px;font-weight:700;text-align:center}
/* send step */
.nl560m{position:fixed;inset:0;z-index:80;display:grid;place-items:center;padding:16px}
.nl560bg{position:absolute;inset:0;background:rgba(0,0,0,.55)}
.nl560p{position:relative;width:min(520px,100%);max-height:calc(100vh - 32px);overflow:auto;background:var(--card,#fff);color:inherit;border-radius:24px;padding:22px;box-shadow:0 30px 80px rgba(0,0,0,.45);text-align:center}
.nl560ok{width:56px;height:56px;border-radius:50%;background:#30D158;color:#fff;font-size:30px;font-weight:800;display:grid;place-items:center;margin:0 auto 8px}
.nl560p h2{margin:0;font-size:22px}
.nl560box{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:14px 0;text-align:left}.nl560box>div{background:rgba(127,127,127,.1);border-radius:14px;padding:10px 12px;min-width:0}.nl560box .w2{grid-column:1/-1}
.nl560box span{display:block;font-size:12px;opacity:.7}.nl560box b{display:block;overflow-wrap:anywhere}.nl560pin{font-size:26px;letter-spacing:8px}
.nl560g{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:10px}
.nl560b{display:flex;flex-direction:column;align-items:flex-start;gap:2px;padding:14px;border-radius:16px;border:1px solid rgba(127,127,127,.25);background:rgba(127,127,127,.06);color:inherit;text-decoration:none;font:inherit;text-align:left;cursor:pointer;min-height:64px}
.nl560b b{font-size:16px}.nl560b small{opacity:.7;font-size:12.5px;overflow-wrap:anywhere}
.nl560b.tg{border-color:#2AABEE;background:rgba(42,171,238,.1)}.nl560b.sms{border-color:#30D158;background:rgba(48,209,88,.1)}.nl560b.em{border-color:#F08A24;background:rgba(240,138,36,.1)}
.nl560b.off{opacity:.45}
.nl560f{margin-top:16px}.nl560f .btn{width:100%;min-height:48px}
/* Partners search */
.sp560s{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin:0 0 12px}
.sp560q{flex:1 1 260px;display:flex;align-items:center;gap:8px;min-height:44px;padding:0 12px;border-radius:12px;border:1px solid var(--line,rgba(127,127,127,.3));background:var(--card,transparent)}
.sp560q svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;opacity:.6}
.sp560q input{flex:1;min-width:0;border:0;background:transparent;color:inherit;font:inherit;font-size:16px;outline:0;min-height:42px}
.sp560t{display:flex;gap:4px;padding:3px;border-radius:12px;background:rgba(127,127,127,.12)}
.sp560t button{min-height:38px;padding:0 12px;border:0;border-radius:9px;background:transparent;color:inherit;font:inherit;font-weight:600}
.sp560t button[aria-pressed=true]{background:#0F3D2E;color:#fff}

.fs571a{margin-top:8px;color:#b42318!important;border-color:rgba(180,35,24,.35)!important}
/* v5.7.2 · header buttons clear of the art */
.sh550:has(.nlcact [data-nlc="new"]) .sh550art,.sh550:has(.nlcact [data-nlci]) .sh550art{display:none!important}
.sh550 .nlcact{display:flex;flex-wrap:wrap;gap:8px;align-items:center;justify-content:flex-end;position:relative;z-index:2}
.sh550 .nlcact .ghost.sm{background:rgba(255,255,255,.16)!important;color:#fff!important;border:1px solid rgba(255,255,255,.38)!important}
.sh550 .nlcact .ghost.sm:hover{background:rgba(255,255,255,.26)!important}
.sh550 .nlcact .btn.sm[data-nlc="new"]{background:#fff!important;color:#4a1a78!important;border:0!important;font-weight:800}
/* v5.7.2 · New member as big as Top up; one sign-in screen */
.sh550 .nlcact .nlc44tu.nl572new{background:linear-gradient(135deg,#FFFFFF 0%,#F1E8FB 100%)!important;color:#3B1366!important;box-shadow:0 0 0 1px rgba(255,255,255,.7),0 8px 26px rgba(40,10,70,.35)!important;flex:0 0 auto}
.nlc44tu.nl572new .ni44{background:#4A1A78!important;color:#fff!important;fill:none;stroke:currentColor}
.nl572gw{display:flex;flex-direction:column;align-items:flex-start;gap:2px;width:100%;margin:4px 0 10px;padding:14px 16px;border-radius:14px;border:0;text-align:left;cursor:pointer;background:#0F3D2E;color:#fff;position:relative}
.nl572gw b{font-size:17px}.nl572gw small{font-size:13px;opacity:.85}
.nl572gw.sent{background:#E3F2EA;color:#0F3D2E}.nl572gw.off,.nl572gw.wait{background:#F3F1EC;color:#5B635E;cursor:default}
.nl572gw:disabled{opacity:.7}
.nl572ok{position:absolute;right:12px;top:10px;font-style:normal;font-weight:800;font-size:12px;color:#0F7A43}
.nl560b{position:relative}
.nl572mk{display:flex;flex-direction:column;align-items:flex-start;gap:2px;width:100%;margin:10px 0;padding:14px 16px;border-radius:14px;border:0;cursor:pointer;background:#0F3D2E;color:#fff;text-align:left}
.nl572mk b{font-size:17px}.nl572mk small{font-size:13px;opacity:.85}.nl572mk:disabled{opacity:.6}
/* v5.7.3 · Block card confirmation */
.nl573m{position:fixed;inset:0;z-index:90;display:grid;place-items:center;padding:16px}
.nl573bg{position:absolute;inset:0;background:rgba(10,14,12,.55);backdrop-filter:blur(3px)}
.nl573p{position:relative;width:min(420px,100%);background:var(--card,#fff);color:var(--text,#17221C);border-radius:22px;padding:26px 24px 20px;text-align:center;box-shadow:0 30px 80px rgba(0,0,0,.35)}
.nl573i{font-size:40px;line-height:1;margin-bottom:8px}.nl573p h2{font-size:21px;margin:0 0 8px}.nl573p p{margin:6px 0;font-size:15px;line-height:1.45}
.nl573f{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:16px}.nl573f button{min-height:46px;font-size:16px}
.nl573old{margin-top:14px}
/* v5.8.0 · Top up in Guests, Who brought them?, Partners tabs */
html body #view nav.postabs2 button.tu580,html body nav.postabs2 button.tu580{margin-left:auto!important;padding:0 14px!important;background:linear-gradient(135deg,#FFC65A,#F2A324 55%,#E07B12)!important;color:#1E1204!important;font-weight:800!important;border-radius:10px!important}
.ref580c.none{border-style:dashed!important;opacity:.9}
.ref580c.promoter{background:#3B1F5E!important;color:#E9DBFF!important;border-color:#7A4FB3!important}
.ref580c.partner{background:#0F3D2E!important;color:#CFF3DF!important;border-color:#2E8A62!important}
.ref580m{width:min(560px,96vw)}
.ref580seg{display:grid;grid-template-columns:1fr 1fr;gap:6px;padding:4px;border-radius:14px;background:color-mix(in srgb,var(--text) 7%,transparent);margin:2px 0 12px}
.ref580seg>button{display:flex;flex-direction:column;align-items:center;gap:2px;min-height:58px;border:0;border-radius:11px;background:transparent;color:var(--muted);font:inherit;font-weight:800;font-size:16px;cursor:pointer}
.ref580seg>button small{font-weight:600;font-size:12px;opacity:.8}
.ref580seg>button[aria-selected="true"]{background:var(--panel);color:var(--text);box-shadow:0 1px 3px rgba(0,0,0,.18)}
.ref580q{width:100%;min-height:44px;font-size:16px;margin-bottom:10px}
.ref580l{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:8px;max-height:46vh;overflow:auto}
.ref580i{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:2px;text-align:left;min-height:56px;padding:10px 12px;border-radius:12px;border:1px solid var(--line);background:var(--panel);color:var(--text);cursor:pointer}
.ref580i b{font-size:15px}.ref580i span{font-size:12.5px;color:var(--muted)}.ref580i.on{border-color:#F08A24;box-shadow:0 0 0 2px rgba(240,138,36,.35)}
.ref580i i{position:absolute;right:10px;top:8px;font-style:normal;font-weight:800;color:#F08A24}
.ref580cur{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:12px;margin-bottom:12px}
.ref580cur>span{font-size:24px}.ref580cur>div{flex:1;display:flex;flex-direction:column}.ref580cur small{font-size:12px;opacity:.8}.ref580cur b{font-size:16px}
.ref580cur.promoter{background:#3B1F5E;color:#F1E8FF}.ref580cur.partner{background:#0F3D2E;color:#E3F7EC}
.pt580seg{display:grid;grid-template-columns:1fr 1fr;gap:6px;padding:4px;border-radius:14px;background:color-mix(in srgb,var(--text) 7%,transparent);margin:12px 0}
.pt580seg>button{display:flex;flex-direction:column;align-items:center;gap:2px;min-height:56px;border:0;border-radius:11px;background:transparent;color:var(--muted);font:inherit;font-weight:800;font-size:16px;cursor:pointer}
.pt580seg>button small{font-weight:600;font-size:12px;opacity:.8}
.pt580seg>button[aria-selected="true"]{background:var(--panel);color:var(--text);box-shadow:0 1px 3px rgba(0,0,0,.18)}
/* v5.8.1 · phones: Nightlife Card members, CRM, Online */
.mk581sw{display:none}
@media (max-width:640px){
 .mk581sw{display:inline}
 .mkmx{grid-template-columns:96px repeat(var(--n),minmax(92px,1fr))!important}
 /* Nightlife Card members: one compact row each */
 .nlcmt{overflow:visible!important;min-width:0!important}
 .nlcmt table,.nlcmt tbody{display:block!important;width:100%!important;min-width:0!important;max-width:100%!important}
 .nlcmt tr{width:100%!important;min-width:0!important;box-sizing:border-box}
 .nlcmt thead{display:none!important}
 .nlcmt tr{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;gap:2px 12px!important;align-items:center!important;padding:10px 4px!important;border-bottom:1px solid var(--line)!important;cursor:pointer}
 .nlcmt td{display:block!important;padding:0!important;border:0!important;min-width:0}
 .nlcmt td::before{display:none!important;content:none!important}
 .nlcmt td[data-l="Member"]{grid-column:1;grid-row:1}
 .nlcmt td[data-l="Member"] b{display:block;font-size:15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
 .nlcmt td[data-l="Member"] .hint{display:block;font-size:12.5px}
 .nlcmt td[data-l="Membership type"]{grid-column:1;grid-row:2}
 .nlcmt td[data-l="Membership type"] *{font-size:11.5px!important;padding:1px 8px!important;width:auto!important;display:inline-block!important}
 .nlcmt td[data-l="Balance"]{grid-column:2;grid-row:1;text-align:right;font-weight:800;font-size:15px}
 .nlcmt td[data-l="Level"]{grid-column:2;grid-row:2;justify-self:end}
 .nlcmt td[data-l="Level"] *{font-size:11.5px!important;padding:1px 8px!important}
 .nlcmt td[data-l="Stars"],.nlcmt td[data-l="Visits"],.nlcmt td[data-l="Last visit"],.nlcmt td[data-l="Joined"]{display:none!important}
 /* CRM customers */
 .crm-tw{overflow:visible!important}
 .crm581c tr,.crm581s tr,.crm581b tr{width:100%!important;box-sizing:border-box}
 /* Nightlife Card: header buttons share the width; filters in a tidy grid */
 .sh550 .nlcact{width:100%}
 .sh550 .nlcact .nlc44tu{flex:1 1 calc(50% - 4px)!important;min-width:0}
 .sh550 .nlcact .ghost.sm{flex:1 1 calc(50% - 4px)!important;min-height:38px}
 .sh550 .nlcact .nlc44tu{padding:8px 10px!important;gap:8px!important}
 .sh550 .nlcact .nlc44tu b{font-size:14.5px!important;white-space:nowrap}
 .sh550 .nlcact .nlc44tu em{font-size:11px!important;white-space:nowrap}
 .sh550 .nlcact .nlc44tu .ni44{width:30px!important;height:30px!important;padding:5px!important;flex:0 0 auto}
 .nlcf>#nlcQ{min-height:44px;font-size:16px}
 .nlcf{display:grid!important;grid-template-columns:1fr 1fr!important;gap:8px!important}
 .nlcf>*{min-width:0!important;width:100%!important;margin:0!important}
 .nlcf>#nlcQ,.nlcf>input[type=search],.nlcf>input:first-child{grid-column:1/-1}
 .crm581c,.crm581c tbody,.crm581s,.crm581s tbody,.crm581b,.crm581b tbody{display:block!important;width:100%!important;min-width:0!important}
 .crm581c thead,.crm581s thead,.crm581b thead{display:none!important}
 .crm581c tr{display:grid!important;grid-template-columns:28px minmax(0,1fr) auto!important;gap:2px 10px;align-items:start;padding:9px 2px;border-bottom:1px solid var(--line)}
 .crm581c td{display:block;padding:0!important;border:0!important;min-width:0}
 .crm581c td:nth-child(1){grid-column:1;grid-row:1/3;padding-top:2px!important}
 .crm581c td:nth-child(2){grid-column:2;grid-row:1}
 .crm581c td:nth-child(2) .crm-n{text-align:left;padding:0;width:100%}
 .crm581c td:nth-child(2) b{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
 .crm581c td:nth-child(2) em{display:block;font-size:12px}
 .crm581c td:nth-child(3){grid-column:2;grid-row:2;font-size:12px}
 .crm581c td:nth-child(5){grid-column:3;grid-row:1;text-align:right;font-weight:700}
 .crm581c td:nth-child(7){grid-column:3;grid-row:2;text-align:right;font-size:12px;color:var(--muted)}
 .crm581c td:nth-child(4),.crm581c td:nth-child(6){display:none!important}
 .crm581c tr.crm-det{display:block!important}.crm581c tr.crm-det td{display:block!important}.crm581c tr.crm-det td:first-child{display:none!important}
 .crm581more{width:100%;margin:10px 0;min-height:44px}
 /* CRM booking commission: staff and bookings as short cards */
 .crm581s tr,.crm581b tr{display:grid!important;grid-template-columns:1fr 1fr!important;gap:4px 10px;padding:10px 2px;border-bottom:1px solid var(--line)}
 .crm581s td,.crm581b td{display:block;padding:0!important;border:0!important;min-width:0;font-size:13px}
 .crm581s td:nth-child(1){grid-column:1/-1}
 .crm581s td:nth-child(2)::before{content:"Bills ";color:var(--muted)}
 .crm581s td:nth-child(3)::before{content:"Sales ";color:var(--muted)}
 .crm581s td:nth-child(4)::before{content:"Commission ";color:var(--muted)}
 .crm581s td:nth-child(5){grid-column:1/-1;font-size:12px;color:var(--muted)}
 .crm581b td:nth-child(1){font-weight:700}.crm581b td:nth-child(2){text-align:right;color:var(--muted)}
 .crm581b td:nth-child(5){grid-column:1/-1}.crm581b td:nth-child(5) select{width:100%;min-height:40px}
}
/* v5.8.2 · Staff allowances on phones */
@media (max-width:640px){
 .n582a,.n582b{overflow:visible!important;min-width:0!important}
 .n582a table,.n582a tbody,.n582b table,.n582b tbody{display:block!important;width:100%!important;min-width:0!important}
 .n582a thead,.n582b thead{display:none!important}
 .n582a tr,.n582b tr{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;gap:2px 12px!important;align-items:center!important;padding:10px 2px!important;border-bottom:1px solid var(--line)!important;width:100%!important;box-sizing:border-box}
 .n582a td,.n582b td{display:block!important;padding:0!important;border:0!important;min-width:0;text-align:left}
 .n582a td::before,.n582b td::before{display:none!important;content:none!important}
 .n582a td[data-l="Employee"]{grid-column:1;grid-row:1}
 .n582a td[data-l="Employee"] b{font-size:15px}
 .n582a td[data-l="Employee"] .hint{display:block;font-size:12.5px;margin:0}
 .n582a td[data-l="Outlet"]{grid-column:1;grid-row:2;font-size:12.5px;color:var(--muted)}
 .n582a td[data-l="Card"]{grid-column:1;grid-row:3;font-size:12.5px}
 .n582a td[data-l="Left"]{grid-column:2;grid-row:1;text-align:right!important;font-weight:800;font-size:15px}
 .n582a td[data-l="Left"]::after{content:" left";font-weight:600;font-size:12px;color:var(--muted)}
 .n582a td[data-l="Amount"]{grid-column:2;grid-row:2;text-align:right!important;font-size:12.5px;color:var(--muted)}
 .n582a td[data-l="Amount"]::before{display:inline!important;content:"of "!important;font-size:12.5px;text-transform:none!important;font-weight:400!important;color:var(--muted)}
 .n582a td[data-l="Repeats"]{grid-column:2;grid-row:3;text-align:right!important;font-size:12px;color:var(--muted);white-space:nowrap}
 .n582b td[data-l="Card"]{grid-column:1;grid-row:1}
 .n582b td[data-l="Employee"]{grid-column:1;grid-row:2;font-size:12.5px}
 .n582b td[data-l="Left"]{grid-column:2;grid-row:1;text-align:right!important;font-weight:800}
 .n582b td[data-l="Left"]::after{content:" left";font-weight:600;font-size:12px;color:var(--muted)}
 .n582b td[data-l="Amount"]{grid-column:2;grid-row:2;text-align:right!important;font-size:12.5px;color:var(--muted)}
}
/* v5.8.3 · instant search */
#view .nlcmt tbody tr.is583top td{background:color-mix(in srgb,#F08A24 12%,transparent)}
#view .nlcmt tbody tr.is583top{box-shadow:inset 3px 0 0 #F08A24}
.nlc44res button.is583top{box-shadow:inset 3px 0 0 #F08A24;background:color-mix(in srgb,#F08A24 10%,var(--panel))}
.is583h{margin:4px 0 8px}
@media (max-width:640px){#n44TuF button[type=submit]{display:none}#n44TuF input{width:100%;min-height:46px;font-size:16px}}
/* v5.8.4 · phones: wide tables as cards */
@media (max-width:639px){
#view :is(div,section,form):has(> table.m584){overflow:visible!important;max-width:100%}
#view table.m584{min-width:0!important;width:100%!important;display:block;border:0!important;background:none!important;box-shadow:none!important}
#view table.m584 thead{display:none!important}
#view table.m584 :is(tbody,tfoot){display:block}
#view table.m584 tr{display:block!important;background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:8px 14px;margin:0 0 10px;height:auto!important}
#view table.m584 tfoot tr{background:var(--panel2)}
#view table.m584 tr>:is(td,th){display:flex!important;flex-direction:row!important;justify-content:space-between!important;align-items:center!important;gap:12px;padding:7px 0!important;border:0!important;border-top:1px solid color-mix(in srgb,var(--line) 60%,transparent)!important;text-align:right!important;white-space:normal!important;min-width:0!important;width:auto!important;max-width:none!important;position:static!important;background:none!important;font-size:15px;overflow-wrap:anywhere}
#view table.m584 tr>:is(td,th)::before{content:attr(data-l584);flex:0 1 auto;max-width:55%;text-align:left;color:var(--muted);font-size:13px!important;font-weight:600;text-transform:none!important;letter-spacing:0!important}
#view table.m584 tr>:is(td,th).m584n::before{display:none}
#view table.m584 tr>:is(td,th).m584n:empty{display:none!important}
#view table.m584 tr>:first-child{display:block!important;text-align:left!important;font-weight:700;font-size:16px;border-top:0!important;padding:6px 0 8px!important}
#view table.m584 tr>:first-child::before{display:none}
#view table.m584 tr>.m584w{display:block!important;text-align:left!important}
#view table.m584 tr>.m584w::before{display:none}
#view table.m584 :is(input,select){max-width:9em;min-height:40px;font-size:16px}
#view table.m584 td>:is(.btn,button){min-height:40px}
}
/* v5.8.5 · phone till: tables first */
@media (max-width:640px){
/* the tab bar really sits at the bottom (a blurred header made Android pin it to the top) */
body.posmode header.postop,body.posui header.postop,header.postop.p226top{-webkit-backdrop-filter:none!important;backdrop-filter:none!important;background:var(--bg)!important}
html body.ph585 nav.postabs,html[data-ui] body.ph585.posui .p226top nav.postabs{-webkit-backdrop-filter:saturate(1.8) blur(20px);backdrop-filter:saturate(1.8) blur(20px);background:color-mix(in srgb,var(--panel) 88%,transparent)!important;border-top:1px solid var(--line)!important;box-shadow:none!important;padding:4px 4px calc(4px + env(safe-area-inset-bottom))!important;gap:0!important}
html body.ph585 nav.postabs > button,html[data-ui] body.ph585.posui:not(.m35off) nav.postabs > button,html[data-ui] body.ph585.posui .p226top nav.postabs > button{background:transparent!important;border:0!important;box-shadow:none!important;color:var(--muted)!important;flex:1 1 0!important;min-width:0!important;padding:4px 2px!important;display:flex!important;flex-direction:column!important;align-items:center!important;gap:2px!important;border-radius:12px!important;position:relative}
body.ph585 nav.postabs > button .px9i{width:30px!important;height:22px!important;padding:2px 0;border-radius:11px;stroke:currentColor;transition:background-color .2s}
body.ph585 nav.postabs > button .px9s{font-size:11px!important;font-weight:600!important;color:inherit!important;letter-spacing:0!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}
html body.ph585 nav.postabs > button[aria-current="page"],html[data-ui] body.ph585.posui .p226top nav.postabs > button[aria-current="page"]{color:var(--ph585a)!important;background:transparent!important}
body.ph585 nav.postabs > button[aria-current="page"] .px9i{background:color-mix(in srgb,var(--ph585a) 16%,transparent);width:52px!important}
body.ph585 nav.postabs .posbad{position:absolute!important;top:0!important;left:calc(50% + 6px)!important;right:auto!important;font-size:10px!important;min-width:18px;height:16px;line-height:16px!important;padding:0 4px!important}
body.ph585 header.postop .px10fs{background:var(--panel2)!important;color:var(--text)!important;border:0!important;box-shadow:none!important}
/* tonight's event: one slim line in our colours */
body.ph585 .ev292bar{margin:6px 12px 0!important;padding:0!important}
body.ph585 .ev292chip{background:#0F3D2E!important;color:#fff!important;min-height:34px!important;padding:4px 6px 4px 10px!important;border-radius:12px!important;gap:6px!important;flex-wrap:nowrap!important;overflow:hidden;box-shadow:none!important}
body.ph585 .ev292chip b{font-size:14px!important;white-space:nowrap}
body.ph585 .ev292chip small{display:none!important}
body.ph585 .ev292chip em{background:#F08A24!important;color:#1b1206!important;font-size:12px!important;font-weight:700;padding:3px 8px!important;border-radius:9px!important;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-left:auto}
/* sales ideas: chip in the row; list opens on tap */
body.ph585 .nd293p.ph585f{display:none!important}
body.ph585 .nd293p{margin:8px 12px 0!important;border-radius:14px!important}
body.ph585 .nd293p > header .nd293s{display:none!important}
body.ph585 .ph585row .ph585idea[aria-pressed="true"]{background:#0F3D2E!important;color:#fff!important;border-color:#0F3D2E!important}
body.ph585 .ph585row .ph585idea i{font-style:normal;font-size:12px;opacity:.75}
/* service tabs + one chip row + one stats line */
body.ph585 .posfloor .fl287{display:flex!important;flex-direction:column!important;align-items:stretch!important;gap:8px!important;margin:0 0 6px!important;min-width:0;max-width:100%}
body.ph585 .posfloor .fl287l{display:flex!important;flex-direction:column!important;align-items:stretch!important;gap:8px!important;min-width:0;width:100%!important;max-width:100%}
body.ph585 .posfloor .pmsvc{margin:0!important;width:100%!important;min-width:0;overflow-x:auto;scrollbar-width:none;justify-content:flex-start!important}
body.ph585 .posfloor .pmsvc::-webkit-scrollbar{display:none}
body.ph585 .posfloor .pmsvc > button{flex:1 1 auto!important;min-width:0!important;white-space:nowrap}
body.ph585 .ph585row{display:flex!important;min-width:0;width:calc(100% + 28px)!important;max-width:none!important;box-sizing:border-box;flex:none!important;grid-column:1/-1;gap:8px;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:none;margin:0 -14px;padding:2px 14px;scroll-padding:14px;-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 12px,#000 calc(100% - 24px),transparent);mask-image:linear-gradient(90deg,transparent 0,#000 12px,#000 calc(100% - 24px),transparent)}
body.ph585 .ph585row::-webkit-scrollbar{display:none}
body.ph585 .ph585row .pmsecs{display:contents!important}
body.ph585 .ph585row > button,body.ph585 .ph585row .pmsecs > button{flex:0 0 auto!important;width:auto!important;max-width:none!important;min-width:0!important;height:36px!important;min-height:36px!important;padding:0 14px!important;margin:0!important;border-radius:18px!important;white-space:nowrap!important;font-size:14px!important;display:inline-flex!important;align-items:center;gap:6px;overflow:visible!important;text-overflow:clip!important}
body.ph585 .ph585row > button:not([aria-pressed="true"]):not(.pmsecs button){background:var(--panel)!important;color:var(--text)!important;border:1px solid var(--line)!important;box-shadow:none!important}
body.ph585 .ph585row .ph585my[aria-pressed="true"]{background:#F08A24!important;color:#1b1206!important;border-color:#F08A24!important}
body.ph585 .ph585row .ph585my i{font-style:normal;font-size:12px;opacity:.75}
body.ph585 .posfloor .fl287r.ph585stats{display:flex!important;flex-direction:row!important;flex-wrap:nowrap!important;width:100%!important;min-width:0;margin:0!important;gap:0!important;border:1px solid var(--line);border-radius:14px;overflow:hidden;background:var(--panel)}
body.ph585 .fl287r.ph585stats > button{flex:1 1 0!important;min-width:0!important;width:auto!important;min-height:44px!important;height:auto!important;margin:0!important;border:0!important;border-radius:0!important;background:transparent!important;color:var(--text)!important;box-shadow:none!important;padding:6px 10px!important;font-size:14px!important;justify-content:flex-start!important;text-align:left!important;display:flex!important;align-items:center;gap:6px;flex-wrap:wrap;line-height:1.2}
body.ph585 .fl287r.ph585stats > button + button{border-left:1px solid var(--line)!important}
body.ph585 .fl287r.ph585stats > button small{font-size:13px;color:var(--muted);font-weight:600;width:100%;padding-left:24px}
body.ph585 .fl287r.ph585stats > button.rb295{background:color-mix(in srgb,#0F3D2E 8%,transparent)!important}
body.ph585 .posfloor .pmlegend{display:none!important}
body.ph585 .posfloor{padding-bottom:calc(84px + env(safe-area-inset-bottom))!important}
/* tables open too long */
body.ph585 .ph585old{display:flex;align-items:center;gap:8px;width:100%;text-align:left;margin:2px 0 6px;padding:6px 12px;border-radius:14px;border:1px solid color-mix(in srgb,#F08A24 55%,var(--line));background:color-mix(in srgb,#F08A24 12%,var(--panel));color:var(--text);min-height:44px;font:inherit}
body.ph585 .ph585old .ph585oi{font-size:18px;color:#F08A24}
body.ph585 .ph585old span:nth-child(2){display:block;min-width:0;flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
body.ph585 .ph585old b{font-size:14.5px}
body.ph585 .ph585old small{font-size:13px;color:var(--muted);font-weight:600}
body.ph585 .ph585old em{font-style:normal;font-size:13px;font-weight:700;color:#C25E00;white-space:nowrap}
body.ph585 .ph585none{margin:6px 2px 10px;color:var(--muted);font-size:14px}
/* tables: 3 per row, compact */
body.ph585 .posfloor .pm282h{margin:10px 0 6px!important;min-height:28px}
body.ph585 .posfloor .pmgrid.rest{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:8px!important}
body.ph585 .posfloor .pmgrid.rest .pmr{min-height:86px!important;padding:8px 8px 7px!important;border-radius:14px!important;gap:2px!important;font-size:12px}
body.ph585 .posfloor .pmgrid.rest .pmr > b{font-size:17px!important;line-height:1.15}
body.ph585 .posfloor .pmgrid.rest .pmr .pmg{top:8px!important;right:7px!important;font-size:11px!important}
body.ph585 .posfloor .pmgrid.rest .pmr .pmpill{font-size:10.5px!important;padding:1px 6px!important;margin:2px 0 0!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}
body.ph585 .posfloor .pmgrid.rest .pmr .p363n{font-size:11px!important;margin:2px 0 0!important;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}
body.ph585 .posfloor .pmgrid.rest .pmr .pmt2{display:flex!important;flex-direction:column!important;align-items:flex-start!important;gap:0!important;margin-top:auto!important;width:100%}
body.ph585 .posfloor .pmgrid.rest .pmr .pmt2 strong{font-size:15px!important;line-height:1.2}
body.ph585 .posfloor .pmgrid.rest .pmr .pmt2 small{font-size:11px!important;color:var(--muted)}
body.ph585 .posfloor .pmgrid.rest .pmr .ar287w{font-size:11px!important;position:static!important;margin:1px 0 0!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%;color:var(--muted)}
body.ph585 .posfloor .pmgrid.rest .pmr .ar287f{font-size:10.5px!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}
body.ph585 .posfloor .pmgrid.rest .pmr .nd293b{position:absolute!important;top:auto!important;bottom:6px!important;right:6px!important;left:auto!important;font-size:12px!important;width:auto!important;height:auto!important;background:none!important;padding:0!important;margin:0!important}
body.ph585 .posfloor .pmgrid.rest .pmr:not(.busy):not(.p363seat):not(.ar287closed):not(.ar287dirty):not(.rsv){min-height:56px!important;justify-content:center;background:transparent!important;border:1px dashed color-mix(in srgb,var(--line) 90%,var(--muted))!important;box-shadow:none!important}
body.ph585 .posfloor .pmgrid.rest .pmr:not(.busy):not(.p363seat):not(.ar287closed):not(.ar287dirty):not(.rsv) > i{display:none!important}
body.ph585 .posfloor .pmgrid.rest .pmr:not(.busy):not(.p363seat):not(.ar287closed):not(.ar287dirty):not(.rsv) > b{font-size:16px!important;color:var(--muted)}
body.ph585 .posfloor .pmr.ph585st{outline:2px solid #F08A24;outline-offset:-2px}
body.ph585 .posfloor .pmr.ph585st .pmt2 small{color:#C25E00!important;font-weight:700}
body.ph585 .posfloor .ph585hide{display:none!important}
body.ph585 .posfloor .pmr.ph585fl{animation:ph585fl 1.2s ease 2}
@keyframes ph585fl{50%{box-shadow:0 0 0 6px color-mix(in srgb,#F08A24 45%,transparent)}}
@media (prefers-reduced-motion:reduce){body.ph585 .posfloor .pmr.ph585fl{animation:none}}
}
/* v5.8.5 · promoters editor + shortcut cards (all sizes) */
.pt585k{display:inline-grid;place-items:center;width:28px;height:28px;margin-right:6px;border-radius:9px;background:color-mix(in srgb,#0F3D2E 10%,var(--panel2));font-size:15px;vertical-align:middle}
.pt580p .frow{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.pt580p .frow .sp{flex:1}
.pt585odd{display:grid;gap:6px;margin:0 0 12px;padding:12px 14px;border-radius:14px;border:1px solid color-mix(in srgb,#F08A24 55%,var(--line));background:color-mix(in srgb,#F08A24 10%,var(--panel))}
.pt585odd span{color:var(--muted);font-size:14px}.pt585odd .btn{justify-self:start}
.pt585m .mkm{max-width:620px}
.pt585g{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.pt585g label{display:flex;flex-direction:column;gap:4px;font-size:13px;font-weight:600;color:var(--muted)}
.pt585g :is(input,select,textarea){font-size:16px;min-height:44px}
.pt585g .w2{grid-column:1/-1}
.pt585o{border:1px solid var(--line);border-radius:12px;padding:8px 12px;display:flex;flex-wrap:wrap;gap:6px 16px}
.pt585o label{flex-direction:row;align-items:center;gap:6px;color:var(--text);font-weight:500;min-height:36px}
.pt585o input{min-height:0!important;width:20px;height:20px}
.pt585lk{display:flex;gap:8px;flex-wrap:wrap}
@media (max-width:560px){.pt585g{grid-template-columns:1fr}}
.pt585go{display:flex;align-items:center;gap:16px;flex-wrap:wrap;padding:18px;border:1px solid var(--line);border-radius:16px;background:var(--panel);margin:8px 0}
.pt585gi{font-size:30px;width:56px;height:56px;border-radius:16px;display:grid;place-items:center;background:color-mix(in srgb,#0F3D2E 12%,var(--panel2))}
.pt585go > div:not(.pt585gb){flex:1;min-width:220px}.pt585go h3{margin:0 0 4px;font-size:17px}.pt585go p{margin:0;color:var(--muted)}
.pt585gb{display:flex;gap:8px;flex-wrap:wrap}
/* v5.8.6 · every POS tab looks the same on a phone */
/* kitchen / bar tickets: dark text on the light "new" header (it was white on cream) */
.posk2:not(.late) > header,.posk2:not(.late) > header :is(b,span,time,.k320ov){color:var(--text)!important}
.posk2:not(.late) > header .k320ov{color:var(--muted)!important}
@media (max-width:640px){
/* sub-tabs (Guests, Manage…): one row you swipe, pills like the Tables chips */
body.ph585 nav.postabs2{display:flex!important;flex-wrap:nowrap!important;gap:8px!important;overflow-x:auto!important;scrollbar-width:none;background:transparent!important;border:0!important;box-shadow:none!important;border-radius:0!important;margin:4px 0 0!important;padding:6px 0 8px!important;width:100%!important;max-width:100%!important;box-sizing:border-box!important;-webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 24px),transparent);mask-image:linear-gradient(90deg,#000 calc(100% - 24px),transparent)}
body.ph585 nav.postabs2::-webkit-scrollbar{display:none}
html body.ph585 nav.postabs2 > button,html[data-ui] body.ph585.posui nav.postabs2 > button,html[data-ui] body.ph585.posui:not(.m35off) nav.postabs2 > button{flex:0 0 auto!important;width:auto!important;min-width:0!important;height:38px!important;min-height:38px!important;margin:0!important;padding:0 14px!important;border-radius:19px!important;white-space:nowrap!important;font-size:14.5px!important;font-weight:600!important;background:var(--panel)!important;color:var(--text)!important;border:1px solid var(--line)!important;box-shadow:none!important;display:inline-flex!important;align-items:center;gap:6px}
html body.ph585 nav.postabs2 > button[aria-current="page"],html[data-ui] body.ph585.posui nav.postabs2 > button[aria-current="page"],html[data-ui] body.ph585.posui .p226top nav.postabs2 > button[aria-current="page"]{background:var(--ph585a,#0F3D2E)!important;border-color:var(--ph585a,#0F3D2E)!important;color:#fff!important}
body.ph585 nav.postabs2 > button.tu580{background:#F08A24!important;border-color:#F08A24!important;color:#1b1206!important;order:-1}
body.ph585 header.postop{padding-bottom:0!important}
/* page body: same side margins everywhere, room for the bottom bar */
body.ph585 .posw > :last-child:not(.postop):not(nav){padding-bottom:calc(84px + env(safe-area-inset-bottom))!important}
/* Orders (kitchen & bar screen) */
body.ph585 .poskds2{padding-left:12px!important;padding-right:12px!important}
/* inputs you can see on light backgrounds */
body.ph585 #view :is(#posShiftF,#posMFind) :is(input,select,textarea){background:var(--panel2)!important;border:1px solid var(--line)!important;border-radius:12px!important;min-height:46px;font-size:16px!important;padding:0 12px!important;width:100%;box-sizing:border-box}
body.ph585 .posk2bar{display:flex!important;flex-wrap:wrap!important;gap:8px!important;align-items:center;padding:8px 0!important;margin:0!important}
body.ph585 .posk2bar .poscats{display:flex!important;flex-wrap:nowrap!important;gap:8px!important;width:100%;overflow-x:auto;scrollbar-width:none;margin:0!important}
body.ph585 .posk2bar .poscats > button{flex:1 1 0!important;height:38px!important;min-height:38px!important;border-radius:19px!important;white-space:nowrap;font-size:14.5px!important;padding:0 12px!important}
body.ph585 .posk2bar .posk2s{order:3;width:100%;text-align:left!important;font-size:13.5px!important;color:var(--muted);margin:0!important}
body.ph585 .posk2bar > .ghost{flex:1 1 0;min-height:38px!important;height:38px!important;border-radius:19px!important;font-size:13.5px!important;white-space:nowrap;padding:0 10px!important;margin:0!important}
body.ph585 .posk2bar [data-pos130="kfs"]{display:none!important}
body.ph585 .posk2grid{gap:10px!important}
body.ph585 .posk2{border-radius:16px!important}
body.ph585 .posk2 > header{padding:10px 12px!important}
body.ph585 .posk2 > ul li button{min-height:44px}
body.ph585 .posk2 > footer{padding:8px 12px!important}
/* Manage → Cash Register */
body.ph585 .postill > section{border-radius:16px!important}
body.ph585 .postill .postf{display:grid!important;grid-template-columns:1fr 1fr!important;gap:10px 12px!important}
body.ph585 .postill .postf label{min-width:0}
body.ph585 .postill .postf label:nth-child(3),body.ph585 .postill .postf .w2,body.ph585 .postill .postf > button{grid-column:1/-1}
body.ph585 .postill .postf > button{min-height:50px;font-size:16px!important;border-radius:14px!important}
body.ph585 .poscm .frow{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:8px!important;justify-content:stretch!important}
body.ph585 .poscm .frow > button{width:100%!important;min-height:64px!important;margin:0!important;padding:8px 4px!important;border-radius:14px!important;font-size:13px!important;line-height:1.25;white-space:normal!important;display:flex!important;flex-direction:column;align-items:center;justify-content:center;gap:2px;text-align:center}
body.ph585 .p153till{display:grid!important;grid-template-columns:1fr!important;gap:0!important;margin-top:12px!important;border:1px solid var(--line);border-radius:14px;overflow:hidden;background:var(--panel)}
body.ph585 .p153till > button{width:100%!important;margin:0!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;min-height:50px!important;justify-content:flex-start!important;text-align:left!important;padding:0 14px!important;font-size:15px!important;display:flex!important;align-items:center;gap:8px}
body.ph585 .p153till > button + button{border-top:1px solid var(--line)!important}
body.ph585 .p153till > button::after{content:"›";margin-left:auto;color:var(--muted);font-size:20px}
body.ph585 .cr340s > button{width:100%;min-height:46px;border-radius:14px!important;justify-content:flex-start}
/* Guests → Members */
body.ph585 .posmembers .posh{align-items:center!important;margin-bottom:10px!important}
body.ph585 .posmembers .posh h3{text-transform:none!important;letter-spacing:0!important;font-size:20px!important;color:var(--text)!important}
body.ph585 .posmembers .posh .btn{min-height:40px;border-radius:20px!important;padding:0 16px!important}
body.ph585 .posmf{display:flex!important;gap:8px!important}
body.ph585 .posmf input{flex:1;min-width:0;min-height:48px!important;font-size:16px!important;border-radius:14px!important}
body.ph585 .posmf .btn{min-height:48px!important;border-radius:14px!important}
}
/* v5.8.7 · CEO Assistant */
.ce587hero{padding:16px;border:1px solid var(--line);border-radius:18px;background:linear-gradient(135deg,color-mix(in srgb,#0F3D2E 12%,var(--panel)),var(--panel));margin:0 0 14px}
.ce587hero h3{margin:0 0 4px;font-size:20px}.ce587hero > p{margin:0 0 12px;color:var(--muted);font-size:14px}
.ce587f{display:flex;gap:8px;align-items:stretch}.ce587f textarea{flex:1;min-width:0;min-height:52px;font-size:16px;border-radius:14px;padding:10px 12px;resize:vertical;background:var(--panel2);border:1px solid var(--line);color:var(--text)}
.ce587f .btn{min-width:72px;border-radius:14px;background:#0F3D2E!important;border-color:#0F3D2E!important;color:#fff!important}
.ce587chips{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;margin-top:10px;padding-bottom:2px}.ce587chips::-webkit-scrollbar{display:none}
.ce587chip{flex:0 0 auto;min-height:40px;padding:0 14px;border-radius:20px;border:1px solid var(--line);background:var(--panel);color:var(--text);font:inherit;font-size:14px;font-weight:600;white-space:nowrap;cursor:pointer}
.ce587chip:hover{border-color:#F08A24}.ce587chip:disabled{opacity:.6}
.ce587log{max-height:none!important}
.ce587card{display:flex;align-items:center;gap:12px;padding:12px 14px;margin:8px 0;border-radius:16px;border:1px solid color-mix(in srgb,#F08A24 50%,var(--line));background:color-mix(in srgb,#F08A24 8%,var(--panel))}
.ce587card > div{flex:1;min-width:0}.ce587card b{display:block}.ce587card small{color:var(--muted)}
.ce587ri{font-size:22px;width:40px;height:40px;border-radius:12px;display:grid;place-items:center;background:color-mix(in srgb,#0F3D2E 12%,var(--panel2));flex:none}
.ce587rec{list-style:none;margin:0;padding:0;border:1px solid var(--line);border-radius:16px;overflow:hidden;background:var(--panel)}
.ce587rec li + li{border-top:1px solid var(--line)}
.ce587rec button{display:flex;align-items:center;gap:12px;width:100%;min-height:58px;padding:8px 14px;background:none;border:0;color:var(--text);font:inherit;text-align:left;cursor:pointer}
.ce587rec button > span:nth-child(2){flex:1;min-width:0;display:flex;flex-direction:column}.ce587rec small{color:var(--muted);font-size:12.5px}.ce587rec em{font-style:normal;color:var(--muted);font-size:20px}
/* viewer */
html.ce587on,html.ce587on body{overflow:hidden}
.ce587v{position:fixed;inset:0;z-index:10050;background:#0B0F0D;color:#fff;display:flex;flex-direction:column;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)}
.ce587vh{display:flex;align-items:center;gap:10px;padding:10px 14px}.ce587vh b{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}.ce587vh .sp{flex:1}
.ce587vh .cib{background:#ffffff1a!important;color:#fff!important}.ce587vh .ghost{color:#fff!important;border-color:#ffffff40!important;background:#ffffff14!important}
.ce587vh .btn{background:#F08A24!important;border-color:#F08A24!important;color:#1b1206!important}
.ce587stage{flex:1;min-height:0;position:relative;overflow:hidden;margin:0 12px}
.ce587fit{transform-origin:0 0;position:absolute;left:0;top:0}
.ce587nav{display:flex;align-items:center;justify-content:center;gap:18px;padding:8px}.ce587nav .ghost{min-width:56px;min-height:44px;font-size:24px;color:#fff!important;border-color:#ffffff40!important;background:#ffffff14!important}
.ce587dots{display:flex;justify-content:center;gap:6px;padding:0 0 12px;flex-wrap:wrap}.ce587dots button{width:8px;height:8px;border-radius:4px;border:0;background:#ffffff40;padding:0;cursor:pointer}.ce587dots button.on{width:22px;background:#F08A24}
/* a slide: 1280 x 720, brand look in every app style */
.ce587s{width:1280px;height:720px;box-sizing:border-box;background:#FFFFFF;color:#14211B;border-radius:18px;overflow:hidden;position:relative;display:flex;flex-direction:column;font-family:-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif}
.ce587s > header{background:#0F3D2E;color:#fff;padding:34px 56px 26px;display:flex;align-items:baseline;gap:18px;border-bottom:6px solid #F08A24}
.ce587s > header h2{margin:0;font-size:40px;line-height:1.1;font-weight:800;letter-spacing:-.5px}.ce587s > header span{font-size:22px;opacity:.8}
.ce587sb{flex:1;min-height:0;padding:28px 56px 12px;overflow:hidden}
.ce587s > footer{display:flex;justify-content:space-between;padding:10px 56px 18px;font-size:15px;color:#6B7A72}
.ce587s.t-title{background:#0F3D2E;color:#fff;justify-content:center;padding:0 96px}
.ce587s.t-title .ce587brand{font-size:18px;letter-spacing:3px;color:#F08A24;font-weight:800;margin-bottom:22px}
.ce587s.t-title h1{font-size:76px;line-height:1.02;margin:0 0 18px;font-weight:800;letter-spacing:-1.5px}
.ce587s.t-title .ce587sub{font-size:30px;margin:0 0 8px;opacity:.92}.ce587s.t-title .ce587note{font-size:22px;opacity:.7;margin:0}
.ce587s.t-title .ce587bar{position:absolute;left:96px;bottom:84px;width:160px;height:10px;border-radius:5px;background:#F08A24}
.ce587bars{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:12px}
.ce587bars li{display:grid;grid-template-columns:290px 1fr 400px;gap:18px;align-items:center;font-size:21px}
.ce587bars .l{font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ce587bars .b{height:30px;background:#EEF2EF;border-radius:8px;overflow:hidden}.ce587bars .b i{display:block;height:100%;background:linear-gradient(90deg,#0F3D2E,#1E6B50);border-radius:8px}
.ce587bars li:first-child .b i{background:linear-gradient(90deg,#F08A24,#F5A85A)}
.ce587bars .v{font-variant-numeric:tabular-nums;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.15}.ce587bars .v small{display:block;color:#6B7A72;font-size:15px}
.ce587bars em{font-style:normal;font-weight:800;font-size:18px;padding:2px 8px;border-radius:10px}.ce587bars em.up{color:#0B6B3A;background:#E2F4EA}.ce587bars em.down{color:#B42318;background:#FDE8E6}
.ce587t{width:100%;border-collapse:collapse;font-size:21px}.ce587t th{text-align:left;color:#6B7A72;font-weight:700;font-size:17px;text-transform:uppercase;letter-spacing:.5px;padding:8px 10px;border-bottom:2px solid #0F3D2E}
.ce587t td{padding:9px 10px;border-bottom:1px solid #E4E9E6}.ce587t tr:first-child td{font-weight:800}
.ce587cards{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.ce587cards.n1{grid-template-columns:1fr}.ce587cards.n5,.ce587cards.n6{grid-template-columns:repeat(3,1fr)}
.ce587c{position:relative;border-radius:16px;padding:18px 20px;background:#F6F8F7;border:2px solid #E4E9E6;display:flex;flex-direction:column;gap:6px}
.ce587c b{font-size:25px;line-height:1.2;padding-right:110px}.ce587c p{margin:0;font-size:19px;line-height:1.35;color:#2B3A33}.ce587c small{font-size:17px;color:#6B7A72}.ce587c .why{font-weight:700;color:#14211B}
.ce587c .tag{position:absolute;top:16px;right:16px;font-size:15px;font-weight:800;letter-spacing:1px;padding:4px 10px;border-radius:10px;background:#0F3D2E;color:#fff}
.ce587c.tone-keep,.ce587c.tone-up{border-color:#2E9E62;background:#EEF8F2}.ce587c.tone-keep .tag{background:#2E9E62}
.ce587c.tone-change{border-color:#F08A24;background:#FFF5EB}.ce587c.tone-change .tag{background:#F08A24;color:#1b1206}
.ce587c.tone-stop,.ce587c.tone-down{border-color:#D92D20;background:#FEF1F0}.ce587c.tone-stop .tag{background:#D92D20}
.ce587c.tone-night{border-color:#0F3D2E}.ce587c.tone-deal .tag,.ce587c.tone-night .tag{background:#F08A24;color:#1b1206}
.ce587wk{display:grid;grid-template-columns:repeat(7,1fr);gap:18px;height:440px;align-items:end}
.ce587wk > div{display:flex;flex-direction:column;align-items:center;gap:8px;height:100%}.ce587wk .b{flex:1;width:70%;display:flex;align-items:flex-end;background:#F2F5F3;border-radius:10px}
.ce587wk .b i{display:block;width:100%;background:#0F3D2E;border-radius:10px}.ce587wk .b i.p{background:#F08A24}.ce587wk .v{font-size:19px;font-weight:700}.ce587wk .l{font-size:20px;font-weight:700}
.ce587hint{font-size:21px;margin:16px 0 0;font-weight:600;color:#14211B}
.ce587k{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:20px}.ce587k > div{border-radius:20px;padding:30px;text-align:center;background:#F6F8F7;border:2px solid #E4E9E6}
.ce587k b{display:block;font-size:96px;line-height:1}.ce587k span{font-size:26px;font-weight:700}
.ce587k .tone-keep{border-color:#2E9E62;color:#0B6B3A}.ce587k .tone-change{border-color:#F08A24;color:#B35A0B}.ce587k .tone-stop{border-color:#D92D20;color:#B42318}
.ce587body{font-size:28px;line-height:1.4;max-width:1000px}
.ce587md{font-size:24px;line-height:1.45}.ce587md ul{margin:0;padding-left:28px}.ce587md li{margin:0 0 10px}
/* print: every slide on its own landscape page */
#ce587print{display:none}
@media print{
  @page{size:13.333in 7.5in;margin:0}
  html.ce587printing body > *:not(#ce587print){display:none!important}
  html.ce587printing #ce587print{display:block}
  html.ce587printing #ce587print .ce587s{border-radius:0;width:13.333in;height:7.5in;page-break-after:always;break-after:page;-webkit-print-color-adjust:exact;print-color-adjust:exact;zoom:.997}
  html.ce587printing #ce587print .ce587s:last-child{page-break-after:auto;break-after:auto}
}
@media (max-width:640px){.ce587f{flex-direction:column}.ce587f .btn{min-height:46px}.ce587vh{gap:6px;padding:8px 10px}.ce587vh b{font-size:14px;flex:1}.ce587vh .sp{display:none}.ce587vh :is(.btn,.ghost){white-space:nowrap;padding:0 10px!important;min-height:36px}.ce587vh .ce587l{display:none}}
.ce587rot{display:none;text-align:center;color:#ffffffa0;font-size:13px;padding:0 0 6px}
@media (orientation:portrait) and (max-width:640px){.ce587rot{display:block}}
/* v5.8.8 · sheets used by HR, goals and leave edit */
.x588{position:fixed;inset:0;z-index:10040;display:flex;align-items:center;justify-content:center;padding:16px}
.x588bg{position:absolute;inset:0;background:rgba(0,0,0,.45)}
.x588p{position:relative;background:var(--panel);color:var(--text);border-radius:20px;border:1px solid var(--line);box-shadow:0 20px 60px rgba(0,0,0,.35);width:min(560px,100%);max-height:calc(100dvh - 32px);overflow:auto;padding:18px 20px}
.x588.gl588 .x588p{width:min(860px,100%)}
.x588h{display:flex;align-items:flex-start;gap:12px;margin:0 0 12px}.x588h > div{flex:1}.x588h h3{margin:0 0 4px;font-size:19px}.x588h p{margin:0}
.x588a{display:flex;gap:8px;justify-content:flex-end;align-items:center;flex-wrap:wrap;margin-top:14px}.x588a .hint{margin-right:auto}.x588a :is(.btn,.ghost){min-height:44px}
.x588i{font-size:34px;width:60px;height:60px;border-radius:18px;display:grid;place-items:center;background:color-mix(in srgb,#F08A24 16%,var(--panel2));margin:0 0 10px}
.x588.ot588 h3{margin:0 0 6px}.x588.ot588 p{margin:0;color:var(--muted)}
.x588f{display:grid;grid-template-columns:1fr 1fr;gap:12px}.x588f .w2{grid-column:1/-1}.x588f label{display:flex;flex-direction:column;gap:4px;font-size:13px;font-weight:600;color:var(--muted)}
.x588f :is(input,select){min-height:44px;font-size:16px;background:var(--panel2);border:1px solid var(--line);border-radius:12px;padding:0 10px;color:var(--text)}
@media (max-width:640px){.x588{align-items:flex-end;padding:0}.x588p{border-radius:20px 20px 0 0;width:100%;max-height:92dvh;padding:16px 16px calc(16px + env(safe-area-inset-bottom))}.x588f{grid-template-columns:1fr}.x588a{position:sticky;bottom:-16px;background:var(--panel);padding:10px 0}}
/* leave edit button in Approvals */
.lv588e{display:block;margin:8px 0 0;padding:8px 0;min-height:40px;background:none;border:0;color:var(--accent,#0F3D2E);font:inherit;font-size:14px;font-weight:600;cursor:pointer;text-align:left}.lv588e:hover{text-decoration:underline}
/* reviews */
.rv588s{padding:10px 12px;border-radius:12px;background:var(--panel2);font-size:14px}
.rv588{border:2px solid #0F3D2E;border-radius:16px;padding:14px;background:color-mix(in srgb,#0F3D2E 6%,var(--panel))}.rv588 h4{margin:0 0 10px}
.rv588g{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.rv588g .w2{grid-column:1/-1}.rv588g label{display:flex;flex-direction:column;gap:4px;font-size:13px;font-weight:600;color:var(--muted)}
.rv588g :is(input,select){min-height:44px;font-size:16px}@media (max-width:640px){.rv588g{grid-template-columns:1fr}}
.rv588 .danger{color:#D92D20!important;border-color:#D92D20!important}
.rv588w{display:flex;flex-direction:column;gap:8px;padding:12px;border-radius:12px;background:color-mix(in srgb,#F08A24 12%,var(--panel));border:1px solid color-mix(in srgb,#F08A24 50%,var(--line))}
/* goals */
.gl588bar{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:12px 16px;margin:0 0 14px;border-radius:16px;border:1px solid color-mix(in srgb,#F08A24 50%,var(--line));background:color-mix(in srgb,#F08A24 9%,var(--panel))}.gl588bar span{flex:1;min-width:200px}
.gl588nav{display:flex;align-items:center;justify-content:center;gap:16px;margin:0 0 12px}.gl588nav b{font-size:18px;min-width:160px;text-align:center}.gl588nav .ghost{min-width:44px;min-height:44px;font-size:20px}
.gl588tools{display:flex;gap:10px;flex-wrap:wrap;align-items:center;margin:0 0 10px}.gl588pct{display:inline-flex;align-items:center;gap:6px;font-size:14px}.gl588pct input{width:70px;min-height:38px;text-align:right;background:var(--panel2);border:1px solid var(--line);border-radius:10px;color:var(--text);padding:0 8px;font-size:16px}
.gl588tw{overflow-x:auto}.gl588t{width:100%;border-collapse:collapse;font-size:15px}.gl588t :is(th,td){padding:9px 10px;border-bottom:1px solid var(--line);text-align:right;white-space:nowrap}.gl588t :is(th:first-child){text-align:left}
.gl588t thead th{font-size:12.5px;color:var(--muted);font-weight:700}.gl588t tfoot :is(th,td){font-weight:800;border-bottom:0}.gl588t small{display:block;color:var(--muted);font-size:12px}.gl588t small.ok{color:#2E9E62}
.gl588in{display:inline-flex;align-items:center;gap:4px}.gl588in input{width:130px;min-height:42px;text-align:right;font-size:16px;font-weight:700;background:var(--panel2);border:1px solid var(--line);border-radius:10px;color:var(--text);padding:0 10px}
@media (max-width:640px){.gl588t thead{display:none}.gl588t,.gl588t tbody,.gl588t tfoot{display:block;min-width:0!important;width:100%!important}.gl588t tr{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:2px 10px;padding:10px 0;border-bottom:1px solid var(--line)}.gl588t :is(th,td){border:0;padding:2px 0;text-align:left;white-space:normal;background:none}
  .gl588t tr > :nth-child(2){grid-row:1/3;grid-column:2;align-self:center}.gl588t tr > :nth-child(n+3){font-size:13px;color:var(--muted)}.gl588t tbody tr > :nth-child(3)::before{content:"Last month ";}.gl588t tbody tr > :nth-child(4)::before{content:"Last year ";}.gl588t tbody tr > :nth-child(5)::before{content:"So far ";}.gl588in input{width:120px}}
/* join */
.jn588l{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}
.jn588l li{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:12px;border:1px solid var(--line);border-radius:16px;background:var(--panel2)}
.jn588l li > div:not(.jn588a){flex:1;min-width:200px;display:flex;flex-direction:column}.jn588l small{color:var(--muted);font-size:12.5px}
.jn588ph{width:52px;height:52px;border-radius:14px;overflow:hidden;display:grid;place-items:center;background:var(--panel);font-size:24px;flex:none}.jn588ph img{width:100%;height:100%;object-fit:cover}
.jn588a{display:flex;gap:6px;flex-wrap:wrap}.jn588a :is(.btn,.ghost){min-height:40px}
.jn588qr{display:flex;justify-content:center;padding:12px;background:#fff;border-radius:16px;margin:0 auto 10px;width:fit-content}.jn588u{word-break:break-all;text-align:center;font-size:13px;color:var(--muted)}
.jn588img{width:100%;border-radius:14px;background:#000}

/* v5.9.1 Sales Hub · CEO pulse */
.s591 .s591-nav{margin:0 0 14px}
.s591 .s591-nav button{min-width:96px}
.s591-kpis{display:grid;grid-template-columns:1.25fr repeat(4,minmax(0,1fr));gap:12px;margin:0 0 14px}
.s591-k{background:var(--panel);border-radius:18px;padding:14px 16px;display:flex;flex-direction:column;gap:6px;min-width:0;border:1px solid color-mix(in srgb,var(--line) 60%,transparent);box-shadow:0 1px 2px rgba(0,0,0,.05),0 6px 18px rgba(0,0,0,.05)}
.s591-k .s591-kl{display:flex;align-items:center;gap:6px;font:600 13px/1.2 inherit;color:var(--muted)}
.s591-k .s591-kl .hx-ic{width:16px;height:16px}
.s591-kb{font-size:28px;font-weight:800;letter-spacing:-.02em;line-height:1.1;font-variant-numeric:tabular-nums}
.s591-k small{color:var(--muted);font-size:12.5px;line-height:1.35}
.s591-k.s591-hero{background:linear-gradient(140deg,#0F3D2E,#17604a);color:#fff;border-color:transparent;box-shadow:0 10px 28px rgba(15,61,46,.28)}
.s591-k.s591-hero .s591-kl,.s591-k.s591-hero small{color:rgba(255,255,255,.82)}
.s591-k.s591-hero .s591-kb{font-size:34px}
.s591-k.s591-hero .s591-dl.up{background:rgba(255,255,255,.16);color:#9ff0c8}
.s591-k.s591-hero .s591-dl.dn{background:rgba(255,255,255,.16);color:#ffc28a}
.s591-k.sk span,.s591-k.sk b,.s591-k.sk small{display:block;height:12px;border-radius:6px;background:color-mix(in srgb,var(--text) 8%,transparent)}
.s591-k.sk b{height:28px;width:70%}
.s591-dl{display:inline-flex;align-items:center;gap:4px;font:700 12.5px/1 inherit;padding:4px 8px;border-radius:999px;white-space:nowrap}
.s591-dl small{font-weight:500;opacity:.85}
.s591-dl.up{background:color-mix(in srgb,var(--green) 15%,transparent);color:color-mix(in srgb,var(--green) 85%,var(--text))}
.s591-dl.dn{background:color-mix(in srgb,#F08A24 18%,transparent);color:color-mix(in srgb,#F08A24 80%,var(--text))}
.s591-dl.flat{color:var(--muted);padding-left:0}
.s591-ok{color:var(--green)}.s591-warn{color:#F08A24}
.s591-meter{position:relative;height:8px;border-radius:99px;background:color-mix(in srgb,var(--text) 9%,transparent);margin:2px 0}
.s591-meter i{display:block;height:100%;border-radius:99px;background:linear-gradient(90deg,var(--green),#2fae7a)}
.s591-meter em{position:absolute;top:-4px;width:2px;height:16px;background:#F08A24;border-radius:2px}
.s591-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;align-items:start;margin:0 0 14px}
.s591-grid>.s591-wide,.s591-grid>.s591-wide2{grid-column:span 2!important}
.s591-grid>.s591-full{grid-column:1/-1!important}
.s591-grid h2 small{font-weight:500}
.s591-h2r{margin-left:auto;display:inline-flex;align-items:center;gap:8px;font-size:15px}
.s591-grid h2{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.s591-ol{list-style:none;margin:0;padding:0;display:flex;flex-direction:column}
.s591-orow{appearance:none;border:0;background:none;color:inherit;font:inherit;text-align:left;width:100%;display:grid;grid-template-columns:28px minmax(120px,1.2fr) minmax(140px,1.4fr) 112px 96px 82px;align-items:center;gap:12px;padding:10px 6px;border-radius:12px;cursor:pointer;min-height:60px}
.s591-ol li+li .s591-orow{box-shadow:inset 0 1px 0 color-mix(in srgb,var(--line) 70%,transparent);border-radius:0}
.s591-orow:hover{background:color-mix(in srgb,var(--text) 4%,transparent)}
.s591-orow:focus-visible{outline:3px solid color-mix(in srgb,var(--blue) 55%,transparent)}
.s591-rk{width:26px;height:26px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font:700 13px/1 inherit;background:color-mix(in srgb,var(--text) 8%,transparent)}
.s591-ol li:first-child .s591-rk{background:#F08A24;color:#fff}
.s591-on,.s591-ogn,.s591-tn{display:flex;flex-direction:column;gap:3px;min-width:0}
.s591-on small,.s591-ogn small,.s591-tn small{color:var(--muted);font-size:12.5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.s591-ogn{flex-direction:row;align-items:baseline;justify-content:space-between;gap:8px}
.s591-og{display:flex;flex-direction:column;gap:6px;min-width:0}
.s591-bar{height:6px;border-radius:99px;background:color-mix(in srgb,var(--text) 9%,transparent);overflow:hidden}
.s591-bar i{display:block;height:100%;border-radius:99px}
.s591-live{display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--muted);margin-right:6px;vertical-align:1px;opacity:.6}
.s591-live.on{background:#22c55e;opacity:1;box-shadow:0 0 0 3px color-mix(in srgb,#22c55e 25%,transparent)}
.s591-pace{font:700 12.5px/1 inherit;padding:6px 8px;border-radius:999px;text-align:center;background:color-mix(in srgb,var(--text) 7%,transparent);color:var(--muted)}
.s591-pace.ok{background:color-mix(in srgb,var(--green) 15%,transparent);color:color-mix(in srgb,var(--green) 85%,var(--text))}
.s591-pace.mid{background:color-mix(in srgb,#F08A24 18%,transparent);color:color-mix(in srgb,#F08A24 85%,var(--text))}
.s591-pace.low{background:color-mix(in srgb,var(--red) 15%,transparent);color:color-mix(in srgb,var(--red) 85%,var(--text))}
.s591-tn{text-align:right;align-items:flex-end}
.s591-spk{display:block}
.s591-chart{width:100%;height:auto;display:block}
.s591-gl{stroke:color-mix(in srgb,var(--line) 80%,transparent);stroke-width:1}
.s591-ax{fill:var(--muted);font-size:11px}
.s591-leg{list-style:none;margin:4px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:6px 16px;font-size:13px}
.s591-leg i{display:inline-block;width:10px;height:10px;border-radius:3px;margin-right:6px}
.s591-leg b{margin-left:4px;font-variant-numeric:tabular-nums}
.s591-mv{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.s591-mv h3{font-size:14px;margin:4px 0 8px;display:flex;align-items:center;gap:6px}
.s591-mv h3 small{color:var(--muted);font-weight:500}
.s591-mv h3 .hx-ic{width:16px;height:16px}
.s591-g{color:var(--green)}.s591-r{color:#F08A24}
.s591-il{list-style:none;margin:0 0 10px;padding:0;display:flex;flex-direction:column}
.s591-il li{display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:8px;padding:8px 0;box-shadow:inset 0 -1px 0 color-mix(in srgb,var(--line) 60%,transparent);font-size:14px}
.s591-il li span:first-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.s591-il b{font-variant-numeric:tabular-nums}
.s591-pv{display:flex;gap:6px;flex-wrap:wrap;margin:0 0 8px}
.s591-pill{display:inline-flex;gap:4px;align-items:center;font:600 12.5px/1 inherit;padding:5px 9px;border-radius:999px;background:color-mix(in srgb,var(--text) 8%,transparent)}
.s591-pill.ok{background:color-mix(in srgb,var(--green) 15%,transparent);color:color-mix(in srgb,var(--green) 85%,var(--text))}
.s591-pill.mid{background:color-mix(in srgb,#F08A24 18%,transparent);color:color-mix(in srgb,#F08A24 85%,var(--text))}
.s591-pill.low{background:color-mix(in srgb,var(--red) 15%,transparent);color:color-mix(in srgb,var(--red) 85%,var(--text))}
.s591-pl{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}
.s591-pl li{display:flex;gap:8px;align-items:flex-start;font-size:13.5px}
.s591-pl li>span:last-child{display:flex;flex-direction:column;min-width:0}
.s591-pl small{color:var(--muted)}
.s591-all{align-self:flex-start}
.s591-tiles{grid-template-columns:repeat(7,minmax(0,1fr))}
.s591-more{grid-template-columns:repeat(auto-fill,minmax(98px,1fr))}
.mh-app.gray{background:linear-gradient(160deg,color-mix(in srgb,var(--gray) 70%,#fff),var(--gray))}
/* leaderboard + commission pages */
.s591-ctl{gap:12px;margin:0 0 14px}
.s591-chips{display:flex;gap:6px;flex-wrap:wrap}
.s591-chips button{appearance:none;border:1px solid color-mix(in srgb,var(--line) 90%,transparent);background:none;color:var(--text);font:600 14px/1 inherit;padding:9px 14px;min-height:38px;border-radius:999px;cursor:pointer}
.s591-chips button.on{background:#0F3D2E;border-color:#0F3D2E;color:#fff}
.s591-chips button:focus-visible{outline:3px solid color-mix(in srgb,var(--blue) 55%,transparent);outline-offset:1px}
.s591-dates,.s591-row{display:flex;gap:10px;flex-wrap:wrap;align-items:flex-end}
.s591-dates label,.s591-sel{display:flex;flex-direction:column;gap:4px;font-size:12.5px;color:var(--muted);font-weight:600}
.s591-dates input,.s591-sel select{font:500 15px/1.2 inherit;padding:9px 10px;min-height:40px;border-radius:10px;border:1px solid var(--line);background:var(--panel);color:var(--text)}
.s591-row .hx-btn{margin-left:auto}
.s591-row .hx-btn .hx-ic,.s591-ct .hx-btn .hx-ic{width:16px;height:16px;vertical-align:-3px}
.s591-sum{margin:0}
.s591-podium{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;align-items:end;max-width:640px;margin:8px auto 6px;width:100%}
.s591-pod{position:relative;display:flex;flex-direction:column;align-items:center;gap:4px;text-align:center;min-width:0;padding:12px 8px 0}
.s591-pod b{font-size:14px;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.s591-pv2{font-weight:800;font-size:17px;font-variant-numeric:tabular-nums}
.s591-medal{font-size:22px;line-height:1;margin-top:-16px}
.s591-step{display:flex;align-items:flex-start;justify-content:center;width:100%;font:800 22px/1 inherit;font-style:normal;color:#fff;border-radius:12px 12px 4px 4px;padding-top:10px;margin-top:6px;background:linear-gradient(180deg,#17604a,#0F3D2E)}
.s591-pod.p1 .s591-step{height:84px;background:linear-gradient(180deg,#F5A04A,#F08A24)}
.s591-pod.p2 .s591-step{height:60px}
.s591-pod.p3 .s591-step{height:44px}
.s591-av{width:56px;height:56px;border-radius:50%;object-fit:cover;display:inline-flex;align-items:center;justify-content:center;font:700 18px/1 inherit;background:color-mix(in srgb,var(--green) 18%,var(--panel));color:color-mix(in srgb,var(--green) 80%,var(--text));flex:none;box-shadow:0 0 0 3px var(--panel),0 0 0 5px color-mix(in srgb,var(--line) 80%,transparent)}
.s591-pod.p1 .s591-av{width:72px;height:72px;font-size:22px;box-shadow:0 0 0 3px var(--panel),0 0 0 5px #F08A24}
.s591-av.sm{width:36px;height:36px;font-size:13px;box-shadow:none}
.s591-lb{list-style:none;margin:6px 0 0;padding:0;display:flex;flex-direction:column}
.s591-lb li{display:grid;grid-template-columns:28px 36px minmax(0,1fr) auto auto;align-items:center;gap:10px;padding:10px 4px;box-shadow:inset 0 -1px 0 color-mix(in srgb,var(--line) 60%,transparent)}
.s591-lb li.top .s591-rk{background:#F08A24;color:#fff}
.s591-lb .hx-lt{display:flex;flex-direction:column;min-width:0}
.s591-lb .hx-lt small{color:var(--muted);font-size:12.5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.s591-v{font-variant-numeric:tabular-nums;min-width:64px;text-align:right}
.s591-mvb{font:700 12px/1 inherit;padding:4px 7px;border-radius:999px;white-space:nowrap}
.s591-mvb.up{background:color-mix(in srgb,var(--green) 15%,transparent);color:color-mix(in srgb,var(--green) 85%,var(--text))}
.s591-mvb.dn{background:color-mix(in srgb,#F08A24 18%,transparent);color:color-mix(in srgb,#F08A24 85%,var(--text))}
.s591-mvb.eq{color:var(--muted)}
.s591-mvb.new{background:color-mix(in srgb,var(--blue) 15%,transparent);color:color-mix(in srgb,var(--blue) 85%,var(--text))}
.s591-ct{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;flex-wrap:wrap}
.s591-ct>div{display:flex;flex-direction:column;gap:2px}
.s591-ct small{color:var(--muted);font-size:13px}
.s591-ct b{font-size:32px;font-weight:800;letter-spacing:-.02em;font-variant-numeric:tabular-nums}
@media (max-width:1100px){.s591-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.s591-k.s591-hero{grid-column:span 2}.s591-grid{grid-template-columns:minmax(0,1fr)}.s591-grid>.s591-wide,.s591-grid>.s591-wide2,.s591-grid>.s591-full{grid-column:auto!important}.s591-tiles{grid-template-columns:repeat(7,minmax(0,1fr))}}
@media (max-width:760px){
  .s591-kpis{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:10px;margin:0 -14px 14px;padding:2px 14px 6px;scroll-padding-inline:14px;scrollbar-width:none}
  .s591-kpis::-webkit-scrollbar{display:none}
  .s591-k{flex:0 0 78%;scroll-snap-align:start}
  .s591-k.s591-hero{flex-basis:84%}
  .s591-orow{grid-template-columns:26px minmax(0,1fr) auto;grid-template-areas:"rk on tn" "rk og og" "rk pace spk";row-gap:8px}
  .s591-orow .s591-rk{grid-area:rk;align-self:start}.s591-on{grid-area:on}.s591-tn{grid-area:tn}.s591-og{grid-area:og}.s591-pace{grid-area:pace;justify-self:start}.s591-spk{grid-area:spk;justify-self:end}
  .s591-mv{grid-template-columns:minmax(0,1fr);gap:8px}
  .s591-tiles{grid-template-columns:repeat(4,minmax(0,1fr))}
  .s591 .s591-nav{display:flex;width:100%}.s591 .s591-nav button{flex:1;min-width:0;padding:9px 6px}
  .s591-row .hx-btn{margin-left:0;width:100%}
  .s591-sel{flex:1;min-width:140px}
  .s591-lb li{grid-template-columns:24px 32px minmax(0,1fr) auto;row-gap:2px}
  .s591-lb li .s591-mvb{grid-column:4;grid-row:2;justify-self:end}
  .s591-lb li .s591-v{grid-column:4;grid-row:1}
  .s591-lb li .hx-lt,.s591-lb li .s591-rk,.s591-lb li .s591-av{grid-row:1/3}
  .s591-av.sm{width:32px;height:32px}
  .s591-av{width:48px;height:48px}.s591-pod.p1 .s591-av{width:60px;height:60px}
  .s591-pv2{font-size:15px}
  .s591-ct .hx-btn{width:100%}
  .s591-h2r{margin-left:0;width:100%}
  .s591-ax{font-size:19px}.s591-chart polyline{stroke-width:3.2}
}
.s591h .hx-btn:not(.mh-ai){color:#fff;background:rgba(255,255,255,.14);border-color:rgba(255,255,255,.22)}
.s591-pace{white-space:nowrap}

/* v5.9.3 menu browser: search with suggestions, colourful categories */
.msb-qw{position:relative;display:flex;align-items:center;flex:1;min-width:0}
.msb-qw>input{flex:1;min-width:0;padding-right:40px!important}
.msb-qw>input::-webkit-search-cancel-button{-webkit-appearance:none;display:none}
.msb-x{position:absolute;right:6px;top:50%;transform:translateY(-50%);width:30px;height:30px;border-radius:50%;border:0;background:color-mix(in srgb,var(--msb-ink) 14%,transparent);color:var(--msb-ink);font-size:13px;line-height:1;display:grid;place-items:center;cursor:pointer}
.msb-x[hidden]{display:none}
.msb-cats{position:relative;display:flex;align-items:center;gap:8px;margin-top:8px;min-width:0}
.msb-cats.msb-dim{opacity:.45}
.msb-dd{flex:none;display:inline-flex;align-items:center;gap:6px;height:38px;max-width:46%;padding:0 10px 0 11px;border:0;border-radius:12px;background:var(--msbc);color:#fff;font:700 14px/1 inherit;cursor:pointer;box-shadow:0 2px 6px color-mix(in srgb,var(--msbc) 35%,transparent);transition:background .2s}
.msb-dd span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}
.msb-dd svg{width:17px;height:17px;flex:none;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
.msb-dd[aria-expanded="true"] .msb-car{transform:rotate(180deg)}
.msb-chips{display:flex;gap:6px;overflow-x:auto;scrollbar-width:none;flex:1;min-width:0;padding:2px 0;-webkit-mask-image:linear-gradient(90deg,#000 88%,transparent);mask-image:linear-gradient(90deg,#000 88%,transparent)}
.msb-chips::-webkit-scrollbar{display:none}
.msb-chip{flex:none;height:36px;padding:0 14px;border:0;border-radius:999px;background:color-mix(in srgb,var(--msbc) 15%,transparent);color:color-mix(in srgb,var(--msbc) 78%,var(--msb-ink));font:700 14px/1 inherit;white-space:nowrap;cursor:pointer;transition:background .2s,color .2s}
.msb-chip.on{background:var(--msbc);color:#fff}
.msb-chip:focus-visible,.msb-dd:focus-visible,.msb-ddp button:focus-visible,.msb-o:focus-visible{outline:3px solid color-mix(in srgb,var(--msbc,#1C7ED6) 50%,transparent);outline-offset:2px}
.msb-ddp{position:absolute;left:0;right:0;top:calc(100% + 6px);z-index:30;display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:8px;padding:10px;border-radius:16px;background:var(--msb-card);box-shadow:0 12px 40px rgba(0,0,0,.25);border:1px solid var(--msb-line);max-height:min(60vh,420px);overflow:auto;animation:msbIn .16s ease-out}
.msb-ddp button{display:flex;flex-direction:column;align-items:flex-start;gap:2px;min-height:56px;padding:10px 12px;border:0;border-radius:12px;background:color-mix(in srgb,var(--msbc) 14%,transparent);color:var(--msb-ink);text-align:left;cursor:pointer;border-left:5px solid var(--msbc)}
.msb-ddp button b{font-size:14.5px;color:color-mix(in srgb,var(--msbc) 70%,var(--msb-ink))}
.msb-ddp button small{font-size:12px;color:var(--msb-mut)}
.msb-ddp button.on{background:var(--msbc)}.msb-ddp button.on b,.msb-ddp button.on small{color:#fff}
@keyframes msbIn{from{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}
.msb-h{display:flex!important;align-items:center;gap:8px;scroll-margin-top:120px}
.msb-h::before{content:"";width:6px;height:1.15em;border-radius:3px;background:var(--msbc);flex:none}
.msb-none{text-align:center;color:var(--msb-mut);padding:32px 12px;margin:0}
.msb-none button{margin-top:10px;border:0;border-radius:999px;padding:9px 16px;background:color-mix(in srgb,var(--msb-ink) 10%,transparent);color:var(--msb-ink);font:600 14px/1 inherit;cursor:pointer}
[hidden].msb-h,section[hidden],.msb-host [hidden]{display:none!important}
.msb-flash{animation:msbFlash 1.6s ease-out}
@keyframes msbFlash{0%,30%{box-shadow:0 0 0 4px #F08A24;border-radius:14px}100%{box-shadow:0 0 0 0 transparent}}
.msb-sug{position:fixed;z-index:1000;background:var(--msb-card);color:var(--msb-ink);border:1px solid var(--msb-line);border-radius:16px;box-shadow:0 16px 48px rgba(0,0,0,.28);overflow:auto;padding:6px;animation:msbIn .14s ease-out;font:15px/1.35 -apple-system,BlinkMacSystemFont,"SF Pro Text","Segoe UI",Roboto,"Noto Sans Khmer",system-ui,sans-serif}
.msb-sug[hidden]{display:none}
.msb-sh{font-size:12px;font-weight:700;color:var(--msb-mut);padding:6px 10px 4px}
.msb-o{display:grid;grid-template-columns:42px minmax(0,1fr) auto;align-items:center;gap:10px;width:100%;min-height:52px;padding:5px 8px;border:0;border-radius:12px;background:none;color:inherit;text-align:left;cursor:pointer;font:inherit}
.msb-o:hover,.msb-o.on{background:color-mix(in srgb,var(--msb-ink) 7%,transparent)}
.msb-o img,.msb-oi{width:42px;height:42px;border-radius:10px;object-fit:cover;background:color-mix(in srgb,var(--msb-ink) 8%,transparent)}
.msb-oi{display:grid;place-items:center;font-weight:800;color:#fff;background:var(--msbc)}
.msb-ot{display:flex;flex-direction:column;min-width:0}
.msb-ot b{font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.msb-ot mark{background:color-mix(in srgb,#F08A24 30%,transparent);color:inherit;border-radius:3px;padding:0 1px}
.msb-ot small{display:flex;align-items:center;gap:5px;font-size:12px;color:var(--msb-mut)}
.msb-ot small i{width:8px;height:8px;border-radius:50%;flex:none}
.msb-o em{font-style:normal;font-weight:700;font-variant-numeric:tabular-nums;color:#E07A12}
.msb-r{grid-template-columns:24px minmax(0,1fr);min-height:42px}
.msb-r svg{width:18px;height:18px;fill:none;stroke:var(--msb-mut);stroke-width:1.8;stroke-linecap:round;justify-self:center}
.msb-g{grid-template-columns:24px minmax(0,1fr)}
.msb-g svg{width:16px;height:16px;fill:none;stroke:var(--msb-mut);stroke-width:2;stroke-linecap:round;justify-self:center}
@media (prefers-reduced-motion:reduce){.msb-ddp,.msb-sug,.msb-flash{animation:none}}
/* v5.9.3 */
:root{--msb-card:var(--panel);--msb-ink:var(--text);--msb-mut:var(--muted);--msb-line:var(--line)}
#smSheet .sm593hd{flex:none;background:linear-gradient(160deg,#0F3D2E,#145a43);color:#fff;border-radius:0 0 22px 22px;padding:0 0 12px;margin:0 0 4px}
#smSheet .sm593hd .sm-h{padding:16px 18px 8px!important}
#smSheet .sm593org{display:block;font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:#FFB15E;font-weight:700;margin-bottom:2px}
#smSheet .sm593hd .sm-h h2{color:#fff;font-size:22px!important}
#smSheet .sm593hd .sm-h p{color:rgba(255,255,255,.78)!important}
#smSheet .sm593hd .sm-x{background:rgba(255,255,255,.14)!important;color:#fff!important}
#smSheet .sm593hd .xo-tabs{background:rgba(0,0,0,.22)!important;margin:0 16px 10px!important}
#smSheet .sm593hd .xo-tabs button{color:rgba(255,255,255,.88)!important;font-weight:700!important}
#smSheet .sm593hd .xo-tabs button[aria-selected="true"]{background:#fff!important;color:#0F3D2E!important}
#smSheet .sm593hd .sm-outs{padding:0 16px!important;flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none}
#smSheet .sm593hd .sm-outs::-webkit-scrollbar{display:none}
#smSheet .sm593hd .sm-outs button{flex:none;border:0!important;background:rgba(255,255,255,.12)!important;color:#fff!important;font-weight:700}
#smSheet .sm593hd .sm-outs button[aria-checked="true"]{background:#fff!important;color:#0F3D2E!important}
#smSheet .sm593hd .xo-tip{color:rgba(255,255,255,.82)!important;margin:8px 18px 0!important}
#smSheet .sm593hd .xo-tip .hx-link{color:#FFB15E!important}
#smSheet .sm-tools{border-bottom:0!important;padding:8px 16px 10px!important}
#smSheet .sm-tools input#smQ{min-height:44px;border-radius:12px;font-size:16px!important}
#smSheet .sm-body{padding-top:0!important}
#smSheet .sm-body h3.msb-h{font-size:17px!important;color:var(--text)!important;margin:16px 0 8px!important}
#smSheet.sm232 .sm-body .sm-it[hidden],#smSheet .sm-body .sm-it[hidden],#smSheet .sm-body>section[hidden]{display:none!important}
#smSheet .sm-it.msb-flash{border-radius:14px}
.pt593st{display:inline-block;margin:0 6px 0 2px;font-size:12.5px;color:var(--muted);white-space:nowrap}
#smSheet .sm-panel.sm593c .sm593hd .sm-h p,#smSheet .sm-panel.sm593c .sm593hd .xo-tip,#smSheet .sm-panel.sm593c .sm593org{display:none!important}
#smSheet .sm-panel.sm593c .sm593hd .sm-h{padding:10px 18px 6px!important}
#smSheet .sm593hd .sm-h p,#smSheet .sm593hd .xo-tip{transition:opacity .2s}
/* v5.9.4 night check fixes */
@media (min-width:641px) and (max-width:1023px){header nav.tabs{flex-wrap:nowrap!important}header nav.tabs>button{padding:0 7px!important;gap:4px!important}header nav.tabs .ngcar{display:none!important}}
.posfloor>section,.posfloor.p268>section{min-width:0;max-width:100%}
.posfloor .pmstats{max-width:100%;overflow-x:auto;scrollbar-width:none}.posfloor .pmstats::-webkit-scrollbar{display:none}
.posfloor .posh,.posfloor .ai289slow,.posfloor .ai289bar{max-width:100%;min-width:0;flex-wrap:wrap}
.bk312top .bk301seg,.bk301seg{min-width:0;max-width:100%;flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none}.bk301seg::-webkit-scrollbar{display:none}.bk301seg button{flex:none}
@media (min-width:900px) and (max-width:1320px){.pmltable{overflow-x:auto}.pmltable .mktr{grid-template-columns:90px minmax(120px,1.4fr) 60px minmax(90px,1fr) 90px 90px 50px 54px 110px 80px 80px 110px;min-width:1080px}}
.dr5bar label{display:flex;flex-direction:column;gap:6px;font-weight:600;font-size:13px;color:var(--muted);max-width:520px}
.dr5bar input{font:400 16px/1.2 inherit;color:var(--text);background:var(--panel);border:1px solid var(--line);border-radius:12px;min-height:44px;padding:0 14px;width:100%;box-sizing:border-box}
.dr5bar input:focus{outline:3px solid color-mix(in srgb,var(--blue,#1C7ED6) 35%,transparent);border-color:var(--blue,#1C7ED6)}
.bk301 input[type="search"],.bk301 input[type="text"]{font:400 16px/1.2 inherit;color:var(--text);background:var(--panel);border:1px solid var(--line);border-radius:12px;min-height:44px;padding:0 14px;box-sizing:border-box}

/* v5.9.5 POS reports */
#view .px11rk.r595old{display:none!important}
.r595{display:flex;flex-direction:column;gap:10px;margin:2px 0 12px}
.r595top{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.r595per{flex:1 1 auto;min-width:0}
.r595per .posper{display:flex!important;gap:6px;flex-wrap:nowrap!important;overflow-x:auto;scrollbar-width:none;margin:0!important;padding:2px 0}
.r595per .posper::-webkit-scrollbar{display:none}
.r595per .posper button{flex:none;min-height:40px;padding:0 14px;border-radius:999px;border:1px solid var(--line);background:var(--panel);color:var(--text);font-weight:650;white-space:nowrap}
.r595per .posper button.on{background:#0F3D2E;border-color:#0F3D2E;color:#fff}
.r595dates{flex:none;min-height:40px;padding:0 14px;border-radius:999px;border:1px dashed color-mix(in srgb,var(--text) 35%,transparent);background:none;color:var(--text);font-weight:650;white-space:nowrap;cursor:pointer}
.r595dates.on{border-style:solid;border-color:#F08A24;color:#C2410C;background:color-mix(in srgb,#F08A24 10%,transparent)}
.r595f #posRepF{margin:0!important}
.r595f #posRepF.r595hide{display:none!important}
.r595bar{display:flex;gap:8px;align-items:stretch}
.r595cur{flex:1 1 auto;min-width:0;display:flex;align-items:center;gap:12px;min-height:56px;padding:6px 12px 6px 8px;border-radius:16px;border:0;background:color-mix(in srgb,var(--g) 12%,var(--panel));color:var(--text);text-align:left;cursor:pointer;box-shadow:inset 0 0 0 1.5px color-mix(in srgb,var(--g) 45%,transparent)}
.r595cur .r595i{background:var(--g);color:#fff}
.r595cur svg{width:20px;height:20px;margin-left:auto;flex:none;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
.r595cur[aria-expanded="true"] svg{transform:rotate(180deg)}
.r595i{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;font-size:19px;flex:none;background:color-mix(in srgb,var(--g) 14%,transparent)}
.r595t{display:flex;flex-direction:column;min-width:0;line-height:1.25}
.r595t b{font-size:16px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.r595t small{font-size:12px;color:var(--muted);font-weight:600}
.r595cur .r595t small{color:color-mix(in srgb,var(--g) 75%,var(--text))}
.r595find{flex:none;display:flex;align-items:center;gap:8px;padding:0 14px;border-radius:16px;border:1px solid var(--line);background:var(--panel);color:var(--muted);font:600 14px/1 inherit;cursor:pointer}
.r595find svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round}
.r595pin{flex:none;width:40px;min-height:40px;border:0;border-radius:12px;background:none;color:var(--muted);font-size:20px;cursor:pointer}
.r595pin.big{width:52px;border:1px solid var(--line);background:var(--panel);border-radius:16px}
.r595pin.on{color:#F08A24}
.r595quick{display:flex;gap:6px;overflow-x:auto;scrollbar-width:none}
.r595quick::-webkit-scrollbar{display:none}
.r595quick button{flex:none;min-height:36px;padding:0 12px;border-radius:999px;border:0;background:color-mix(in srgb,var(--g) 13%,transparent);color:color-mix(in srgb,var(--g) 75%,var(--text));font:650 13.5px/1 inherit;white-space:nowrap;cursor:pointer}
.r595panel{border-radius:18px;background:var(--panel);border:1px solid var(--line);box-shadow:0 16px 48px rgba(0,0,0,.18);padding:12px;animation:r595in .16s ease-out}
@keyframes r595in{from{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}
.r595ph{display:flex;gap:8px;margin-bottom:10px}
.r595ph input{flex:1;min-width:0;min-height:44px;border-radius:12px;border:1px solid var(--line);background:color-mix(in srgb,var(--text) 5%,transparent);color:var(--text);font:400 16px/1.2 inherit;padding:0 14px}
.r595x{width:44px;min-height:44px;border:0;border-radius:12px;background:color-mix(in srgb,var(--text) 8%,transparent);color:var(--text);cursor:pointer}
.r595grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:12px}
.r595grp h4{display:flex;align-items:center;gap:8px;margin:2px 4px 6px;font-size:13px;letter-spacing:.02em;color:var(--g)}
.r595grp ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:4px;border-left:4px solid var(--g);padding-left:8px}
.r595grp li{display:flex;align-items:center;gap:4px}
.r595e{flex:1;min-width:0;display:flex;align-items:center;gap:10px;min-height:52px;padding:4px 8px 4px 4px;border:0;border-radius:12px;background:none;color:var(--text);text-align:left;cursor:pointer}
.r595e:hover,.r595e:focus-visible{background:color-mix(in srgb,var(--g) 10%,transparent)}
.r595e .r595i{width:36px;height:36px;font-size:17px}
.r595e .r595t b{font-size:14.5px;white-space:normal}
.r595parts{display:flex;gap:4px;padding:3px;border-radius:12px;background:color-mix(in srgb,var(--g) 10%,transparent);overflow-x:auto;scrollbar-width:none;align-self:flex-start;max-width:100%}
.r595parts button{flex:none;min-height:38px;padding:0 14px;border:0;border-radius:9px;background:none;color:var(--text);font:650 14px/1 inherit;cursor:pointer;white-space:nowrap}
.r595parts button[aria-selected="true"]{background:var(--g);color:#fff}
.r595gl{display:grid;grid-template-columns:1.3fr repeat(5,minmax(0,1fr));gap:10px}
.r595k{display:flex;flex-direction:column;align-items:flex-start;gap:4px;min-height:96px;padding:12px 14px;border-radius:16px;border:1px solid color-mix(in srgb,var(--line) 70%,transparent);background:var(--panel);color:var(--text);text-align:left;cursor:pointer;min-width:0}
.r595k span{font-size:12.5px;font-weight:650;color:var(--muted)}
.r595k b{font-size:22px;font-weight:800;letter-spacing:-.01em;font-variant-numeric:tabular-nums}
.r595k small{font-size:12px;color:var(--muted);line-height:1.3}
.r595k em{font-style:normal;font-weight:800;padding:1px 6px;border-radius:999px}
.r595k em.up{background:color-mix(in srgb,#2F9E44 16%,transparent);color:#2F9E44}.r595k em.dn{background:color-mix(in srgb,#F08A24 18%,transparent);color:#D9480F}
.r595k.r595hero{background:linear-gradient(140deg,#0F3D2E,#17604a);color:#fff;border-color:transparent}
.r595k.r595hero span,.r595k.r595hero small{color:rgba(255,255,255,.82)}.r595k.r595hero b{font-size:26px}
.r595k.r595hero em.up{background:rgba(255,255,255,.16);color:#9ff0c8}.r595k.r595hero em.dn{background:rgba(255,255,255,.16);color:#ffc28a}
.r595k.warn{border-color:color-mix(in srgb,#E03131 45%,transparent);background:color-mix(in srgb,#E03131 7%,var(--panel))}.r595k.warn b{color:#E03131}
.r595k.sk{min-height:96px;background:color-mix(in srgb,var(--text) 6%,transparent);border:0;cursor:default}
.r595gl.busy{grid-template-columns:repeat(4,minmax(0,1fr))}
@media (max-width:1100px){.r595gl{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:640px){
  .r595find span{display:none}.r595find{padding:0 12px}
  .r595gl{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;gap:8px;margin:0 -2px;padding:0 2px 4px}
  .r595gl::-webkit-scrollbar{display:none}
  .r595k{flex:0 0 44%;scroll-snap-align:start;min-height:88px}.r595k.r595hero{flex-basis:62%}
  .r595grid{grid-template-columns:minmax(0,1fr)}
  .r595panel{padding:10px}
  .r595f #posRepF{display:grid;grid-template-columns:1fr 1fr;gap:8px}
}
.px11ra .ghost{white-space:nowrap}
.r595sacts{margin:0 0 8px!important}
.r595{padding-inline:8px}
#view .posk4.r595dup{display:none!important}
.r595tg{color:#229ED9;font-size:18px}
@media (max-width:640px){.r595{padding-inline:14px}}

/* v5.9.6 Bar Partners: duplicates, merge, delete */
.bp596dup{margin:10px 0 12px;padding:12px 14px;border-radius:16px;border:1px solid color-mix(in srgb,#F08A24 45%,transparent);background:color-mix(in srgb,#F08A24 8%,var(--panel))}
.bp596dh{display:flex;gap:10px;align-items:flex-start}.bp596dh>span{font-size:20px;line-height:1.2}.bp596dh p{margin:2px 0 0}
.bp596dup ul{list-style:none;margin:10px 0 0;padding:0;display:flex;flex-direction:column;gap:6px}
.bp596dup li{display:flex;align-items:center;gap:10px;flex-wrap:wrap;justify-content:space-between;padding:8px 10px;border-radius:12px;background:var(--panel);border:1px solid var(--line)}
.bp596pair{display:flex;flex-direction:column;gap:4px;min-width:0;flex:1 1 260px}.bp596r{display:flex;align-items:baseline;gap:8px;min-width:0}.bp596r small{flex:none;width:38px;font-size:11px;font-weight:800;color:var(--muted)}.bp596r:last-of-type small{color:#2F9E44}
.bp596pair em{align-self:flex-start}
.bp596pair em{font-style:normal;font-size:12px;font-weight:700;padding:2px 8px;border-radius:999px;background:color-mix(in srgb,#F08A24 16%,transparent);color:#C2410C}
.bp596dup li .btn{min-height:40px;white-space:nowrap}
.bp596 h4{margin-top:0}
.bp596m{display:flex;gap:10px;align-items:flex-end;flex-wrap:wrap;margin:8px 0 14px}
.bp596m label{flex:1 1 280px;display:flex;flex-direction:column;gap:4px;min-width:0}
.bp596m select{min-height:44px;max-width:100%}
.bp596m .btn{min-height:44px}
.bp596d{display:flex;gap:10px;align-items:center;flex-wrap:wrap;padding-top:12px;border-top:1px solid var(--line)}
.bp596del{min-height:40px;color:#C92A2A!important;border-color:color-mix(in srgb,#C92A2A 40%,transparent)!important}
.bp596arm{background:#C92A2A!important;color:#fff!important;border-color:#C92A2A!important}
.bp596m .btn.bp596arm{background:#F08A24!important;border-color:#F08A24!important}
@media (max-width:640px){.bp596dup li .btn,.bp596m .btn,.bp596del{width:100%}}

/* v5.9.8 monthly perks */
.pk598h{display:flex;gap:12px;align-items:flex-start;justify-content:space-between;flex-wrap:wrap;margin-bottom:12px}.pk598h h3{margin:0 0 4px}.pk598h p{margin:0;max-width:720px}
.pk598g{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:12px}
.pk598c{border:1px solid var(--line);border-radius:18px;background:var(--panel);padding:14px 16px;display:flex;flex-direction:column;gap:10px;border-top:4px solid #F08A24}
.pk598c.off{opacity:.65;border-top-color:var(--line)}
.pk598c header{display:flex;justify-content:space-between;gap:8px}.pk598c header b{font-size:17px;display:block}.pk598c header .hint{font-size:12.5px}
.pk598off{font-style:normal;font-size:12px;font-weight:700;padding:2px 8px;border-radius:999px;background:color-mix(in srgb,var(--text) 10%,transparent);align-self:flex-start}
.pk598n{display:flex;align-items:baseline;gap:8px}.pk598n b{font-size:30px;font-weight:800;color:#0F3D2E;font-variant-numeric:tabular-nums}.pk598n span{color:var(--muted);font-weight:600}
[data-theme=dark] .pk598n b,.posw .pk598n b,#pk598s .pk598n b{color:#F08A24}
.pk598n.big b{font-size:40px}
.pk598bar{height:8px;border-radius:99px;background:color-mix(in srgb,var(--text) 10%,transparent);overflow:hidden}.pk598bar i{display:block;height:100%;background:#2F9E44;border-radius:99px}.pk598bar.warn i{background:#F08A24}.pk598bar.out i{background:#E03131}
.pk598i{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:4px;font-size:14px}
.pk598a{display:flex;gap:6px;flex-wrap:wrap}.pk598a .ghost{min-height:36px}.pk598del{color:#C92A2A!important}
.pk598l{list-style:none;margin:0;padding:8px 0 0;border-top:1px solid var(--line);display:flex;flex-direction:column;gap:6px;font-size:13px}.pk598l li{display:grid;grid-template-columns:1fr auto;gap:2px 8px}.pk598l li .hint{grid-column:1/-1}
.pk598it{display:flex;gap:8px;align-items:center;margin:6px 0}.pk598it select{flex:1;min-width:0;min-height:44px}.pk598per{display:flex;align-items:center;gap:6px;white-space:nowrap;font-size:13px}.pk598per input{width:72px;min-height:44px}
.pk598o{display:flex;flex-wrap:wrap;gap:6px 14px;margin:6px 0}.pk598o label{display:flex;align-items:center;gap:6px;min-height:36px}
.pk598chips{display:inline-flex;gap:6px;flex-wrap:wrap;margin:0 6px}
.pk598chip{min-height:34px;padding:0 12px;border-radius:999px;border:1px solid color-mix(in srgb,#F08A24 60%,transparent);background:color-mix(in srgb,#F08A24 16%,transparent);color:inherit;font:650 13px/1 inherit;cursor:pointer;white-space:nowrap}
.pk598chip b{color:#F08A24}.pk598chip.out{opacity:.6;border-style:dashed}
#pk598s{position:fixed;inset:0;z-index:9990;display:flex;align-items:flex-end;justify-content:center}
.pk598bg{position:absolute;inset:0;background:rgba(0,0,0,.45)}
.pk598sh{position:relative;width:min(520px,100%);max-height:88vh;overflow:auto;background:var(--panel,#fff);color:var(--text,#1c2420);border-radius:22px 22px 0 0;padding:18px 18px calc(18px + env(safe-area-inset-bottom));box-shadow:0 -12px 40px rgba(0,0,0,.3);display:flex;flex-direction:column;gap:12px;animation:pk598up .18s ease-out}
@media (min-width:700px){#pk598s{align-items:center}.pk598sh{border-radius:22px}}
@keyframes pk598up{from{transform:translateY(16px);opacity:0}to{transform:none;opacity:1}}
@media (prefers-reduced-motion:reduce){.pk598sh{animation:none}}
.pk598sh header{display:flex;justify-content:space-between;gap:10px}.pk598sh h3{margin:0;font-size:20px}.pk598sh header p{margin:2px 0 0}
.pk598x{width:44px;height:44px;border-radius:50%;border:0;background:color-mix(in srgb,var(--text,#000) 8%,transparent);color:inherit;font-size:16px;cursor:pointer;flex:none}
.pk598pick{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}
.pk598pick li{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 12px;border-radius:14px;border:1px solid var(--line,#dde3df)}
.pk598pick li>div:first-child{display:flex;flex-direction:column;min-width:0}.pk598pick .hint{font-size:12.5px}
.pk598q{display:flex;gap:6px;flex:none}.pk598q button{min-width:52px;min-height:44px;border:0;border-radius:12px;background:#0F3D2E;color:#fff;font:800 16px/1 inherit;cursor:pointer}
.pk598none{font-size:12.5px;font-weight:700;color:#E03131;flex:none}
.pk598f .pf{min-width:0}.pk598f .pf>*{min-width:0}
.pk598it{flex-wrap:wrap}.pk598it select{flex:1 1 260px;width:100%;max-width:100%}
.pk598o label,.pk598f .pk598o label{display:inline-flex!important;flex-direction:row!important;align-items:center;gap:8px;font-weight:600}
.pk598per{flex-direction:row!important}
@media (max-width:640px){.pk598f .pf{display:flex!important;flex-direction:column}.pk598it select{flex-basis:100%}}

/* v6.0.0 Bar Partner orders on the POS */
.bp599{margin:0 0 14px;padding:12px;border-radius:20px;background:linear-gradient(135deg,#0F3D2E,#17604a);color:#fff;box-shadow:0 10px 30px rgba(15,61,46,.35)}
.bp599 h3{margin:2px 4px 10px;font-size:17px;display:flex;align-items:center;gap:8px;color:#fff}.bp599 h3 span{min-width:26px;height:26px;padding:0 8px;border-radius:13px;background:#F08A24;color:#1a0d02;display:inline-grid;place-items:center;font-size:14px}
.bp599>ul{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:10px}
.bp599c{background:#FFF8F0;color:#1c2420;border-radius:16px;overflow:hidden;border:2px solid #F08A24;display:flex;flex-direction:column}
.bp599c.late{border-color:#E03131;animation:bp599p 1.6s ease-in-out infinite}
@keyframes bp599p{50%{box-shadow:0 0 0 6px rgba(224,49,49,.25)}}
@media (prefers-reduced-motion:reduce){.bp599c.late{animation:none}}
.bp599top{display:flex;justify-content:space-between;align-items:center;padding:7px 12px;background:#F08A24;color:#1a0d02;font-weight:800;font-size:13px;letter-spacing:.02em}
.bp599c.late .bp599top{background:#E03131;color:#fff}
.bp599who{padding:10px 12px 4px;display:flex;flex-direction:column;gap:6px}.bp599who b{font-size:20px;line-height:1.2}
.bp599chips{display:flex;flex-wrap:wrap;gap:6px}.bp599chips i{font-style:normal;font-size:12.5px;font-weight:700;padding:3px 9px;border-radius:999px;background:#0F3D2E;color:#fff}
.bp599addr{margin:2px 12px;font-size:13.5px;color:#3b4642}
.bp599items{list-style:none;margin:6px 12px;padding:8px 0 0;border-top:1px dashed #e7cfb2;display:flex;flex-direction:column;gap:3px;font-size:15px}.bp599items em{color:#7a5a2e;font-style:normal}
.bp599note{margin:4px 12px;font-size:13.5px;font-style:italic;color:#7a5a2e}
.bp599foot{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:10px 12px;flex-wrap:wrap}.bp599tot{font-size:22px;font-variant-numeric:tabular-nums}
.bp599act{display:flex;gap:8px;flex-wrap:wrap}.bp599act .ghost{min-height:44px;color:#1c2420!important;border-color:#d8c3a8!important;background:#fff!important}
.bp599ok{min-height:44px;background:#0F3D2E!important;border-color:#0F3D2E!important;color:#fff!important;font-weight:800}
.bp599hint{margin:0 12px 10px;font-size:12px;color:#6b5a45}
.bp599ban{position:sticky;top:0;z-index:30;width:100%;display:flex;justify-content:space-between;align-items:center;gap:10px;min-height:52px;margin:0 0 10px;padding:8px 16px;border:0;border-radius:14px;background:#F08A24;color:#1a0d02;font:800 16px/1.2 inherit;cursor:pointer;box-shadow:0 6px 18px rgba(240,138,36,.35)}
.bp599ban em{font-style:normal;padding:6px 12px;border-radius:10px;background:#0F3D2E;color:#fff;font-size:14px}
.bp599ban.late{background:#E03131;color:#fff}
.bp599ban.fresh{animation:bp599b .5s ease-in-out 4}
@keyframes bp599b{50%{transform:scale(1.015)}}
@media (prefers-reduced-motion:reduce){.bp599ban.fresh{animation:none}}
@media (max-width:640px){.bp599>ul{grid-template-columns:1fr}.bp599act{width:100%}.bp599act .bp599ok{flex:1}}

/* v6.0.1 · Takeaway & Delivery views + order sheet */
.sv601v{display:inline-flex;gap:2px;padding:3px;border-radius:12px;background:var(--panel2);border:1px solid var(--line);margin-left:auto;margin-right:8px}
.sv601v button{display:inline-flex;align-items:center;gap:6px;min-height:36px;padding:0 12px;border:0;border-radius:9px;background:transparent;color:var(--muted);font-weight:700;cursor:pointer}
.sv601v button span{font-size:16px}.sv601v button em{font-style:normal;font-size:13px}
.sv601v button[aria-pressed="true"]{background:#0F3D2E;color:#fff}
.sv601L .st-new,.sv601L .st-order{--c:#868e96}.sv601L .st-kitchen{--c:#F08A24}.sv601L .st-ready{--c:#2F9E44}.sv601L .st-out{--c:#1C7ED6}.sv601L .st-done{--c:#AE3EC9}
.sv601L>[role=button]{cursor:pointer;border:1px solid var(--line);background:var(--panel);color:var(--text);box-shadow:inset 4px 0 0 var(--c);text-align:left}
.sv601L>[role=button]:hover{border-color:color-mix(in srgb,var(--c) 50%,var(--line))}
.sv601L>[role=button]:focus-visible{outline:3px solid #F08A24;outline-offset:2px}
.sv601s{white-space:nowrap;display:inline-flex;align-self:flex-start;font-size:12px;font-weight:800;padding:3px 9px;border-radius:999px;background:color-mix(in srgb,var(--c) 18%,transparent);color:color-mix(in srgb,var(--c) 75%,var(--text))}
.sv601p{font-style:normal;font-size:12px;font-weight:800;color:#F08A24}
.sv601late{color:#E03131!important;font-weight:800}
.sv601d{display:flex;gap:4px;width:100%}.sv601d i{flex:1;height:4px;border-radius:2px;background:var(--line)}.sv601d i.on{background:var(--c)}
/* cards */
.pmolist.sv601-card{grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}
.sv601k{display:flex;flex-direction:column;gap:7px;padding:14px 14px 12px 16px;border-radius:16px}
.sv601kh{display:flex;justify-content:space-between;gap:8px;width:100%}.sv601kh b{font-size:17px}.sv601kh small{color:var(--muted);white-space:nowrap}
.sv601ad{font-size:13px;color:var(--muted)}.sv601it{margin:0;font-size:13.5px;line-height:1.4}
.sv601kf{display:flex;align-items:center;justify-content:space-between;gap:8px;width:100%;margin-top:4px;padding-top:8px;border-top:1px dashed var(--line)}.sv601kf strong{font-size:18px}
.sv601kf .btn,.sv601r .btn{min-height:40px;padding:0 14px;font-size:14px}
/* compact */
.pmolist.sv601-compact{grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:8px}
.sv601c{display:flex;flex-direction:column;gap:6px;padding:10px 12px;border-radius:12px;min-height:96px}.sv601c b{font-size:15px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}
.sv601cf{display:flex;justify-content:space-between;align-items:baseline;width:100%;margin-top:auto}.sv601cf small{color:var(--muted)}
/* list */
.pmolist.sv601-list{display:flex;flex-direction:column;gap:0;border:1px solid var(--line);border-radius:14px;overflow:hidden}
.sv601r{display:grid;grid-template-columns:minmax(140px,1.4fr) minmax(120px,1fr) 70px 90px 80px auto;align-items:center;gap:10px;padding:8px 12px 8px 16px;border:0!important;border-bottom:1px solid var(--line)!important;border-radius:0;min-height:56px}
.sv601r:last-child{border-bottom:0!important}.sv601n{display:flex;flex-direction:column;min-width:0}.sv601n b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.sv601m,.sv601t{font-size:13px;color:var(--muted)}.sv601r strong{text-align:right}.sv601r .sv601s{justify-self:start}.sv601a{justify-self:end}
@media (max-width:760px){.sv601r{grid-template-columns:1fr auto;grid-auto-rows:auto}.sv601r .sv601m,.sv601r .sv601t{display:none}.sv601r .sv601s{grid-column:1}.sv601r strong{grid-row:1;grid-column:2}.sv601a{grid-row:3;grid-column:1/-1;justify-self:stretch}.sv601a .btn{width:100%}
  .sv601v button em{display:none}.sv601v{margin-right:6px}.pmolist.sv601-compact{grid-template-columns:repeat(2,minmax(0,1fr))}.pmolist.sv601-card{grid-template-columns:1fr}}
/* order sheet */
.sv601m .mkm{max-width:560px}
.sv601step{display:flex;list-style:none;margin:0 0 14px;padding:0;gap:0}
.sv601step li{flex:1;display:flex;flex-direction:column;align-items:center;gap:5px;font-size:12px;font-weight:700;color:var(--muted);position:relative;text-align:center}
.sv601step li::before{content:"";position:absolute;top:14px;left:-50%;width:100%;height:3px;background:var(--line);z-index:0}.sv601step li:first-child::before{display:none}
.sv601step li.done::before,.sv601step li.on::before{background:#2F9E44}
.sv601step i{position:relative;z-index:1;display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:var(--panel2);border:2px solid var(--line);font-style:normal;font-weight:800}
.sv601step li.done i{background:#2F9E44;border-color:#2F9E44;color:#fff}.sv601step li.on{color:var(--text)}.sv601step li.on i{background:#F08A24;border-color:#F08A24;color:#fff;box-shadow:0 0 0 4px color-mix(in srgb,#F08A24 25%,transparent)}
.sv601who{display:flex;flex-direction:column;gap:4px;padding:10px 12px;border-radius:12px;background:var(--panel2);font-size:14px;margin-bottom:12px}.sv601who a{color:#F08A24;font-weight:800;text-decoration:none}
.sv601li{list-style:none;margin:0;padding:0}.sv601li li{display:grid;grid-template-columns:34px 1fr auto 70px;gap:8px;align-items:center;padding:9px 0;border-bottom:1px solid var(--line)}
.sv601li span small{display:block;color:var(--muted);font-size:12px}.sv601li strong{text-align:right}
.sv601li em{font-style:normal;font-size:12px;font-weight:800;padding:2px 8px;border-radius:999px;background:var(--panel2)}.sv601li em.ok{color:#2F9E44}.sv601li em.ck{color:#F08A24}.sv601li em.ns{color:#E03131}
.sv601tot{display:flex;justify-content:space-between;padding:12px 0 4px;font-size:18px;font-weight:800}
.sv601rd{display:flex;flex-direction:column;gap:6px;margin-top:10px;font-weight:700;font-size:13px}.sv601rd input{min-height:44px}
.sv601f{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.sv601f .btn,.sv601f .ghost{min-height:46px}.sv601bk{margin-right:auto}
@media (max-width:520px){.sv601f>*{flex:1 1 100%}.sv601bk{order:3}}

.sv601L .btn.pay{font-size:15px;min-height:42px;padding:0 16px}.sv601n .sv601p{white-space:nowrap}
.sv601c{min-width:0}.sv601c .sv601s{display:block;max-width:100%;overflow:hidden;text-overflow:ellipsis}

/* v6.0.2 · Partners & Promoters filters */
.pf602{display:flex;flex-direction:column;gap:10px;margin:10px 0 12px;min-width:0;max-width:100%}
.pf602q{width:100%}
.pf602r{display:flex;flex-wrap:wrap;align-items:center;gap:10px}
.pf602s{display:inline-flex;align-items:center;gap:8px;font-weight:700;font-size:13px;color:var(--muted)}
.pf602s select{min-height:40px;border-radius:10px;padding:0 10px;font-weight:700;color:var(--text);background:var(--panel);border:1px solid var(--line)}
.pf602seg{display:inline-flex;gap:2px;padding:3px;border-radius:12px;background:var(--panel2);border:1px solid var(--line)}
.pf602seg button{min-height:34px;padding:0 14px;border:0;border-radius:9px;background:transparent;color:var(--muted);font-weight:700;cursor:pointer}
.pf602seg button[aria-pressed="true"]{background:#0F3D2E;color:#fff}
.pf602c{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;padding-bottom:2px}.pf602c::-webkit-scrollbar{display:none}
.pf602c button{flex:none;display:inline-flex;align-items:center;gap:7px;min-height:36px;padding:0 12px;border-radius:999px;border:1px solid var(--line);background:var(--panel);color:var(--text);font-weight:700;font-size:13px;cursor:pointer}
.pf602c button i{font-style:normal;font-size:12px;min-width:20px;padding:1px 6px;border-radius:999px;background:var(--panel2);color:var(--muted);text-align:center}
.pf602c button[aria-pressed="true"]{background:#F08A24;border-color:#F08A24;color:#111}.pf602c button[aria-pressed="true"] i{background:rgba(0,0,0,.15);color:#111}
.pf602c button:focus-visible,.pf602seg button:focus-visible{outline:3px solid #F08A24;outline-offset:2px}
.pf602sum{margin:0;font-size:13px;color:var(--muted)}.pf602sum b{color:var(--text)}
.pf602 .linkb,.nlcpt .empty .linkb{border:0;background:none;color:#F08A24;font-weight:800;cursor:pointer;padding:0}
.pf602new{display:inline-block;margin-left:6px;font-style:normal;font-size:10.5px;font-weight:800;letter-spacing:.02em;padding:2px 7px;border-radius:999px;background:#0F3D2E;color:#fff;vertical-align:middle}
.sl602b{white-space:nowrap}
/* v6.0.2 · Send their link */
.sl602m .nl560p{max-width:560px}
.sl602pw{margin:8px 0 2px}
.sl602lang{display:inline-flex;gap:2px;padding:3px;margin:10px 0 6px;border-radius:12px;background:var(--panel2,#f1f3f2);border:1px solid var(--line,#ddd)}
.sl602lang button{min-height:34px;padding:0 12px;border:0;border-radius:9px;background:transparent;font-weight:700;color:inherit;cursor:pointer}
.sl602lang button[aria-pressed="true"]{background:#0F3D2E;color:#fff}
.sl602msg{text-align:left;white-space:pre-wrap;word-break:break-word;max-height:190px;overflow:auto;margin:0 0 10px;padding:12px 14px;border-radius:12px;background:var(--panel2,#f4f6f5);border:1px solid var(--line,#ddd);font:13.5px/1.5 inherit;font-family:inherit}
.sl602h{margin-top:12px;font-size:13px}.sl602last{margin:4px 0 0;padding-left:18px;color:var(--muted)}.sl602never{margin:4px 0 0}
.sl602f{display:flex;align-items:center;gap:8px}.sl602f .sp{flex:1}
.sl602hd{display:flex;align-items:center;justify-content:space-between;gap:8px}
@media (max-width:600px){.pf602r{gap:8px}.pf602s span{display:none}.pf602s,.pf602s select{flex:1;width:100%}.pf602seg{width:100%}.pf602seg button{flex:1}}
.sl602m .nl560box,.sl602h{text-align:left}

/* v6.0.4 · Partners search suggestions */
.pf604 .pf604o{display:flex;align-items:center;gap:12px}
.pf604i{flex:none;display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:#0F3D2E;color:#fff;font-weight:800}
.pf604o .msb-ot{flex:1;min-width:0}.pf604o .msb-ot small{display:block;color:var(--muted);font-size:12.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pf604o em{font-style:normal;font-weight:800;font-size:13px;color:var(--muted)}

/* v6.1.0 · Company & modules */
#tv610 .tv610m0{position:fixed;inset:0;z-index:4000;display:grid;place-items:center;padding:16px}
#tv610 .tv610bg{position:absolute;inset:0;background:rgba(6,16,12,.55);backdrop-filter:blur(3px)}
#tv610 .tv610c{position:relative;width:min(720px,100%);max-height:calc(100vh - 32px);overflow:auto;background:var(--panel);color:var(--text);border-radius:20px;border:1px solid var(--line);box-shadow:0 24px 60px rgba(0,0,0,.3);padding:20px}
#tv610 header{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}#tv610 h2{margin:0;font-size:22px}
.tv610t{display:flex;gap:4px;padding:4px;margin:14px 0;border-radius:12px;background:var(--panel2);border:1px solid var(--line)}
.tv610t button{flex:1;min-height:40px;border:0;border-radius:9px;background:transparent;color:var(--muted);font-weight:750;cursor:pointer}.tv610t button[aria-selected="true"]{background:#0F3D2E;color:#fff}
.tv610p{display:flex;gap:16px;align-items:center;margin-bottom:10px}.tv610p p{margin:4px 0 0}
.tv610ring{flex:none;width:76px;height:76px;border-radius:50%;display:grid;place-content:center;text-align:center;background:conic-gradient(#F08A24 var(--p),var(--line) 0);position:relative}
.tv610ring::before{content:"";position:absolute;inset:7px;border-radius:50%;background:var(--panel)}.tv610ring b,.tv610ring small{position:relative;line-height:1.1}.tv610ring b{font-size:18px}.tv610ring small{font-size:11px;color:var(--muted)}
.tv610l{list-style:none;margin:0;padding:0}.tv610l li{display:flex;gap:12px;align-items:flex-start;padding:12px 0;border-bottom:1px solid var(--line)}.tv610l li:last-child{border:0}
.tv610l li>i{flex:none;width:24px;height:24px;border-radius:50%;border:2px solid var(--line);display:grid;place-items:center;font-style:normal;font-weight:900;font-size:13px}
.tv610l li.ok>i{background:#2F9E44;border-color:#2F9E44;color:#fff}.tv610l li.ok b{color:var(--muted);text-decoration:line-through}
.tv610l li>div{flex:1}.tv610l small{display:block;color:var(--muted);font-size:13px;margin-top:2px}
.tv610g{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:10px}
.tv610m{display:flex;align-items:center;gap:12px;text-align:left;padding:12px 14px;border-radius:14px;border:2px solid var(--line);background:var(--panel);color:var(--text);cursor:pointer;font:inherit}
.tv610m>span{font-size:22px}.tv610m>div{flex:1;min-width:0}.tv610m small{display:block;color:var(--muted);font-size:12.5px}
.tv610m.on{border-color:#F08A24}.tv610m.lock{cursor:default}
.tv610sw{flex:none;width:44px;height:26px;border-radius:13px;background:var(--line);position:relative;transition:.2s}.tv610sw::after{content:"";position:absolute;top:3px;left:3px;width:20px;height:20px;border-radius:50%;background:#fff;box-shadow:0 1px 3px rgba(0,0,0,.25);transition:.2s}
.tv610m.on .tv610sw{background:#0F3D2E}.tv610m.on .tv610sw::after{left:21px}
.tv610m:focus-visible,.tv610t button:focus-visible{outline:3px solid #F08A24;outline-offset:2px}
.tv610f{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:14px}
.tv610co{display:grid;grid-template-columns:1fr 1fr;gap:12px}
@media (max-width:640px){.tv610g,.tv610co{grid-template-columns:1fr}#tv610 .tv610c{padding:16px;border-radius:18px}}
@media (prefers-reduced-motion:reduce){.tv610sw,.tv610sw::after{transition:none}}

/* v6.1.1 · night check fixes */
/* Food orders: "Outlet menus" readable on the orange header */
.hx-hdb .hx-btn[data-smenu]{background:rgba(255,255,255,.22)!important;color:#fff!important;box-shadow:inset 0 0 0 1px rgba(255,255,255,.35)}
.hx-hdb .hx-btn[data-smenu] svg{color:#fff}
/* POS → Manage → Menu: room at the edges, visible date and category boxes, quadrants that follow the theme */
.posme{padding:12px 16px 16px}
.posme input,.posme select{min-height:44px;border:1px solid var(--line,#ccc)!important;border-radius:10px;background:color-mix(in srgb,var(--text,#111) 5%,var(--panel,#fff))!important;color:var(--text,#111);padding:0 12px;box-sizing:border-box}
.posme label{display:flex;flex-direction:column;gap:4px;font-weight:650}
.posme .posme-q{color:var(--text,#111)}.posme .posme-q span{color:var(--muted,#666)}
.posme .posme-q.star{background:color-mix(in srgb,#2F9E44 16%,var(--panel,#fff))}
.posme .posme-q.plowhorse{background:color-mix(in srgb,#E8A317 18%,var(--panel,#fff))}
.posme .posme-q.puzzle{background:color-mix(in srgb,#3B6FE0 16%,var(--panel,#fff))}
.posme .posme-q.dog{background:color-mix(in srgb,#D93636 15%,var(--panel,#fff))}
.posme .posme-q.on{border-color:var(--text,#111)}
/* Nightlife Card → Rewards: name and description boxes look like the others */
.nlcr input.nr-n,.nlcr input.nr-d{min-height:44px;border:1px solid var(--line)!important;border-radius:10px;padding:0 12px;background:var(--panel);color:var(--text);font:inherit;width:100%;box-sizing:border-box}
.nlcr input.nr-n:focus,.nlcr input.nr-d:focus{outline:2px solid #F08A24;outline-offset:1px}
/* POS outlet settings: the green header kept its white title but lost its green (pale lavender / mint behind white text) */
body[data-p279] #view .sh531h.bo234h,html[data-ui] body[data-p279] #view .sh531h.bo234h,html[data-ui] body.posui[data-p279] #view .sh531h.bo234h{background:linear-gradient(135deg,#14532d,#1f8a4c)!important;color:#fff!important;border-color:transparent!important}
body[data-p279] #view .sh531h.bo234h label.bo234o,#view .sh531h.bo234h label.bo234o{color:rgba(255,255,255,.9)!important}

/* v6.1.2 · deep night check: the selected food category on the order screen was white text on white */
.posorder .posmenu .poscats.p272ic.p226cats>button[aria-pressed="true"]{background:#0F3D2E!important;color:#fff!important;font-weight:700!important}
.posorder .posmenu .poscats.p272ic.p226cats>button[aria-pressed="true"] .p272l{color:#fff!important}
/* POS settings on phones: Tables & areas and Discount buttons stay inside the screen */
@media (max-width:600px){
  .ta273g{grid-template-columns:minmax(0,1fr)!important}
  .ta273c{min-width:0;max-width:100%}
  .disc329r{grid-template-columns:minmax(0,1fr) minmax(64px,80px) minmax(64px,80px)!important}
  .disc329r>*{min-width:0}
}

/* v6.2.0 · Tevoda OS edition: Tevoda green and orange instead of the OSNL red */
html[data-tved="tevoda"] .brand1253{background:linear-gradient(135deg,#1F6B4E,#0F3D2E)!important;box-shadow:0 0 0 1px rgba(240,138,36,.55),0 4px 14px rgba(15,61,46,.35)!important}
html[data-tved="tevoda"] .lgcard{border-top-color:#0F3D2E!important}
html[data-tved="tevoda"] .lgcard .eyebrow{color:#C66A12!important}
html[data-tved="tevoda"] #lgBtn{background:#0F3D2E!important;border-color:#0F3D2E!important;color:#fff!important}
html[data-tved="tevoda"] #lgBtn:hover{background:#14523E!important}

/* v6.3.0 · Tevoda HQ subscription (client edition) */
#tv630lock{position:fixed;inset:0;z-index:9000;display:grid;place-items:center;padding:24px;background:linear-gradient(160deg,#0F3D2E 0%,#0A2A20 65%);color:#fff}
#tv630lock .tv630lc{width:min(440px,100%);text-align:center;display:flex;flex-direction:column;align-items:center;gap:10px}
#tv630lock img{border-radius:16px;box-shadow:0 10px 30px rgba(0,0,0,.35)}
#tv630lock h2{margin:8px 0 0;font-size:24px;line-height:1.2;color:#fff}
#tv630lock p{margin:0;color:#D6E5DD;line-height:1.5}
#tv630lock .hint{color:#A9C2B6}
.tv630la{display:flex;gap:10px;flex-wrap:wrap;justify-content:center;margin-top:8px}
#tv630lock .btn{background:#F08A24;color:#231300;border-color:#F08A24}
#tv630lock .ghost{background:rgba(255,255,255,.1);color:#fff;border-color:rgba(255,255,255,.25)}
#tv630lock .tv630out{margin-top:18px;background:none;border:0;text-decoration:underline;color:#D6E5DD}
body.tv630locked{overflow:hidden}
#tv630bar{position:fixed;left:50%;bottom:calc(16px + env(safe-area-inset-bottom));transform:translateX(-50%);z-index:800;display:flex;align-items:stretch;max-width:min(680px,calc(100vw - 24px));border-radius:14px;background:#0F3D2E;color:#fff;box-shadow:0 12px 34px rgba(0,0,0,.28);overflow:hidden}
#tv630bar.bad{background:#7A1F17}
#tv630bar .tv630bm{display:flex;gap:10px;align-items:center;text-align:left;padding:10px 6px 10px 16px;background:none;border:0;color:inherit;cursor:pointer;min-width:0;font:inherit}
#tv630bar .tv630bm b{flex:none;background:#F08A24;color:#231300;border-radius:999px;padding:2px 10px;font-size:12.5px}
#tv630bar .tv630bm span{font-size:13.5px;line-height:1.35;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
#tv630bar .tv630bx{flex:none;width:42px;background:none;border:0;color:#fff;opacity:.8;cursor:pointer;font-size:15px}
.tv630h{display:flex;gap:14px;padding:16px 18px;border-radius:14px;background:#0F3D2E;color:#fff;margin-bottom:14px}
.tv630h h3{margin:6px 0 2px;font-size:20px;line-height:1.2;color:#fff}
.tv630h p{margin:0;color:#D6E5DD;font-size:14px}.tv630h p b{color:#fff}
.tv630h .tv630m{margin-top:8px;color:#fff;font-weight:600}
.tv630p{display:inline-block;padding:2px 10px;border-radius:999px;background:#F08A24;color:#231300;font-weight:800;font-size:12px}
.tv630-grace,.tv630-expired,.tv630-suspended,.tv630-cancelled,.tv630-revoked{background:#7A1F17}
.tv630us{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-bottom:6px}
.tv630u{padding:10px 12px;border:1px solid var(--line,#ddd);border-radius:12px;background:var(--panel,#fff)}
.tv630u div{display:flex;justify-content:space-between;gap:8px;font-size:13.5px}.tv630u span{color:var(--muted,#666)}
.tv630u i{display:block;height:6px;border-radius:6px;background:var(--panel2,#eef1ef);margin-top:8px;overflow:hidden}
.tv630u em{display:block;height:100%;background:#0F3D2E;border-radius:6px}
.tv630u.over em{background:#F08A24}.tv630u.over span{color:#B3261E;font-weight:700}
.tv630t{margin:18px 0 8px;font-size:15px}
.tv630ok{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:12px 14px;border:1px solid var(--line,#ddd);border-radius:12px}
.tv630ok b{color:#1E7A4F}.tv630ok .hint{flex:1;min-width:160px}
.tv630up1{padding:14px;border-radius:12px;border:1.5px solid #F08A24;background:rgba(240,138,36,.08)}
.tv630uh{display:flex;flex-direction:column;gap:2px;margin-bottom:6px}.tv630uh b{font-size:16px}
.tv630n{font-size:13.5px;line-height:1.5;max-height:200px;overflow:auto;background:var(--panel,#fff);padding:10px 12px;border-radius:10px;border:1px solid var(--line,#ddd)}
.tv630iw{display:flex;gap:8px;flex-wrap:wrap;margin-top:8px}.tv630iw input{flex:1;min-width:160px;min-height:42px}
.tv630sw{display:flex;gap:10px;align-items:flex-start;margin-top:12px;cursor:pointer}
.tv630sw input{width:20px;height:20px;accent-color:#0F3D2E;margin-top:2px;flex:none}.tv630sw span{display:flex;flex-direction:column}.tv630sw small{color:var(--muted,#666)}
.tv630f input{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;letter-spacing:.02em}
.tv610m.tv630no{opacity:.55;cursor:not-allowed}
.tv630nip{display:inline-block;margin-left:4px;padding:1px 8px;border-radius:999px;background:rgba(240,138,36,.16);color:#9A4D06;font-weight:700;font-size:11.5px}
@media (max-width:600px){.tv630us{grid-template-columns:minmax(0,1fr)}#tv630bar{left:12px;right:12px;transform:none;max-width:none}}
@media (prefers-color-scheme:dark){.tv630nip{color:#F5B36B}}
.tv630n h5{margin:8px 0 4px;font-size:14px}.tv630n h5:first-child{margin-top:0}.tv630n p{margin:4px 0}.tv630n ul{margin:4px 0;padding-left:20px}

/* v6.3.2 · kitchen item code, lady codes first */
.p632c{display:inline-block;margin-right:6px;padding:1px 7px;border-radius:7px;background:#0F3D2E;color:#fff;font-style:normal;font-weight:800;letter-spacing:.02em;font-size:.92em;vertical-align:1px}
.posstaffg.lc632>button{align-items:flex-start}
.posstaffg.lc632>button .lc455{font-size:22px;height:38px;min-width:54px;margin:0 0 4px;border-radius:10px}
.l632t{display:flex;gap:10px;align-items:flex-start;margin:10px 0 0;padding:10px 12px;border:1px solid var(--line);border-radius:12px;background:var(--panel);cursor:pointer}
.l632t input{width:20px;height:20px;accent-color:#0F3D2E;flex:none;margin-top:2px}.l632t span{display:flex;flex-direction:column}.l632t small{color:var(--muted)}

/* v6.4.0 · module versions in Subscription */
.m640l{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:6px}
.m640r{display:flex;align-items:center;gap:8px;padding:8px 12px;border:1px solid var(--line,#ddd);border-radius:10px;background:var(--panel,#fff);font-size:14px}
.m640n{flex:1;min-width:0;display:flex;flex-direction:column;align-items:flex-start;gap:3px}.m640n b{font-weight:600}
.m640v{font-variant-numeric:tabular-nums;color:var(--muted,#666);font-weight:700}
.m640h{font-size:11.5px;font-weight:800;padding:2px 8px;border-radius:999px;background:rgba(240,138,36,.16);color:#9A4D06}
/* v6.4.1 night UI check */

/* v6.4.1 · night check: search, time and date-time boxes look like every other box (they had the browser's plain grey box with an inset border) */
:where(input[type=search],input[type=time],input[type=datetime-local],input[type=month],input[type=week]){background:var(--panel);color:var(--text);border:1px solid var(--line);border-radius:8px;padding:8px 10px;min-height:38px;max-width:100%;box-shadow:none;-webkit-appearance:none;appearance:none}
:where(input[type=time],input[type=datetime-local],input[type=month],input[type=week]){-webkit-appearance:auto;appearance:auto}
:where(input[type=search]):focus-visible,:where(input[type=time]):focus-visible{outline:2px solid var(--accent);outline-offset:1px}
/* v6.4.1 · AI DJ card: status chips stay readable on the green card in light mode */
:root:not(#x641) .dj373hero .dj373chip.warn{color:#FFE7CC;background:rgba(240,138,36,.34)}
:root:not(#x641) .dj373hero .dj373chip.ok{color:#fff;background:rgba(46,158,91,.42)}
@media (min-width:700px){.tw8tbl:has([data-tw8edit]){table-layout:fixed}.tw8tbl:has([data-tw8edit]) thead th:nth-child(1){width:26%}.tw8tbl:has([data-tw8edit]) thead th:nth-child(2){width:22%}.tw8tbl:has([data-tw8edit]) thead th:nth-child(3){width:10%}.tw8tbl:has([data-tw8edit]) thead th:nth-child(4),.tw8tbl:has([data-tw8edit]) thead th:nth-child(5){width:15%}.tw8tbl:has([data-tw8edit]) thead th:nth-child(6){width:12%}}
:where(input[type=month]){min-width:150px}
:where(input[type=checkbox],input[type=radio]){accent-color:var(--accent)}
:root:not(#x641) .kpihero .kring span{font-size:8px;letter-spacing:.02em;max-width:70px;line-height:1.15}
:root:not(#x641) .l632t>span{flex:1 1 auto;min-width:0;width:auto}:root:not(#x641) .l632t b{white-space:normal}
/* v6.4.2 · Paid bills by date · Nightlife Card picker */
.p642bar{display:flex;flex-wrap:wrap;align-items:flex-end;gap:8px 12px;margin:0 0 10px}
.p642d{display:flex;flex-direction:column;gap:4px;font-size:12px;color:var(--muted);font-weight:600}
.p642d input{min-width:160px;min-height:40px}
.p642s{flex:1 1 100%;margin:0}
.p268pd .p642l{margin:0;padding:0;border:0;background:none;box-shadow:none}
.p268pd .p642l .posrl{display:flex;flex-direction:column;gap:6px;margin:0;padding:0;list-style:none}
.p268pd .p642l .posrl>li{display:flex;flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:6px;padding:0 0 6px;border-bottom:1px solid var(--line);min-width:0}
.p268pd .p642l .posrl>li>button[data-posprint]{flex:1 1 220px;width:auto;min-width:0;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:4px 10px;text-align:left;background:none;border:0;padding:8px 4px;min-height:44px;color:var(--text);cursor:pointer;border-radius:8px}
.p268pd .p642l .posrl>li>button[data-posprint]:hover{background:var(--panel2)}
.p268pd .p642l .posrl>li>button[data-posprint] span{color:var(--muted);font-size:12.5px;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.p268pd .p642l .posrl>li>button[data-posprint] em{font-style:normal;font-weight:700;font-variant-numeric:tabular-nums}
:root:not(#x642) .p268pd .p642l .posrl>li>button:not([data-posprint]){flex:0 0 auto;width:auto;min-width:40px;min-height:36px;padding:4px 12px;font-size:12.5px;margin:0;border:1px solid var(--line);border-radius:8px;background:var(--panel2);color:var(--text)}
.p268pd .mkmb{overflow-x:hidden}
.p642mb{display:flex;flex-direction:column;gap:6px}
.p642q{display:flex;gap:6px;margin-top:4px}.p642q input{flex:1 1 auto;min-width:0}
.p642ml{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:4px;max-height:220px;overflow:auto}
.p642ml button{width:100%;display:flex;justify-content:space-between;gap:10px;align-items:center;text-align:left;padding:10px 12px;min-height:44px;border:1px solid var(--line);border-radius:10px;background:var(--panel);color:var(--text);cursor:pointer}
.p642ml button span{color:var(--muted);font-size:12.5px;white-space:nowrap}
.p642ml button:disabled{opacity:.5;cursor:not-allowed}
.p642pick{display:flex;align-items:center;gap:10px;padding:10px 12px;border:1px solid color-mix(in srgb,#F08A24 55%,var(--line));border-radius:12px;background:color-mix(in srgb,#F08A24 10%,var(--panel))}
.p642pick>span:nth-child(2){flex:1;min-width:0;display:flex;flex-direction:column}.p642pick em{font-style:normal;color:var(--muted);font-size:12.5px}
.p642av{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:#0F3D2E;color:#F08A24;font-weight:700;flex:none}
.p642pin input{max-width:180px;letter-spacing:.3em}
/* v6.4.3 · accountant correction */
.ac643 .mcard{max-width:720px}
.ac643s{display:grid;grid-template-columns:minmax(150px,1fr) minmax(150px,1fr);gap:10px;align-items:end;margin-bottom:6px}
.ac643s .ac643qw{grid-column:1/-1}
.ac643s label{display:flex;flex-direction:column;gap:4px;font-size:12px;font-weight:600;color:var(--muted)}
.ac643l{list-style:none;margin:6px 0 0;padding:0;display:flex;flex-direction:column;gap:6px}
.ac643l button{width:100%;display:grid;grid-template-columns:1fr auto;gap:4px 12px;align-items:center;text-align:left;padding:10px 12px;min-height:48px;border:1px solid var(--line);border-radius:12px;background:var(--panel);color:var(--text);cursor:pointer}
.ac643l button:hover{border-color:color-mix(in srgb,#F08A24 55%,var(--line))}
.ac643l em{font-style:normal;color:var(--muted);font-size:12.5px}
.ac643l .ac643p{grid-column:1;display:flex;flex-wrap:wrap;gap:4px}.ac643l .ac643t{grid-column:2;grid-row:1/span 2;font-variant-numeric:tabular-nums}
.ac643chip{display:inline-block;font-size:12px;font-weight:600;padding:2px 8px;border-radius:999px;background:var(--panel2);color:var(--text);border:1px solid var(--line)}
.ac643chip.credit{background:color-mix(in srgb,#F08A24 16%,var(--panel));border-color:color-mix(in srgb,#F08A24 45%,var(--line))}
.ac643chip.member{background:color-mix(in srgb,#0F3D2E 22%,var(--panel));border-color:color-mix(in srgb,#2f9e5b 45%,var(--line))}
.ac643bh{padding:12px 14px;border:1px solid var(--line);border-radius:12px;background:var(--panel2);margin-bottom:12px}
.ac643bh p{margin:2px 0}.ac643big{font-size:24px;font-weight:800;font-variant-numeric:tabular-nums}
.ac643warn{padding:10px 12px;border-radius:10px;background:color-mix(in srgb,#F08A24 14%,var(--panel));border:1px solid color-mix(in srgb,#F08A24 45%,var(--line));color:var(--text);margin:8px 0}
.ac643done{text-align:center;padding:10px 0}.ac643done>b{font-size:20px;display:block;margin-bottom:6px}
.ac643lk{margin:6px 0 0}
.ac643fx{list-style:none;margin:6px 0 0;padding:0;font-size:13px;display:flex;flex-direction:column;gap:4px}.ac643fx em{font-style:normal;color:var(--muted)}
@media (max-width:560px){.ac643s{grid-template-columns:1fr 1fr}}
/* v6.4.4 · searchable long dropdowns */
.ss644{position:fixed;z-index:10050;display:flex;flex-direction:column;background:var(--panel);color:var(--text);border:1px solid var(--line);border-radius:12px;box-shadow:0 12px 32px rgba(0,0,0,.22),0 2px 6px rgba(0,0,0,.12);overflow:hidden}
.ss644h{display:flex;align-items:center;gap:8px;padding:8px 10px;border-bottom:1px solid var(--line)}
.ss644h svg{width:18px;height:18px;flex:none;fill:none;stroke:var(--muted);stroke-width:2;stroke-linecap:round}
.ss644 .ss644q{flex:1;min-width:0;border:0!important;background:transparent!important;box-shadow:none!important;outline:none!important;font-size:15px;padding:6px 2px;min-height:34px;color:var(--text)}
.ss644l{list-style:none;margin:0;padding:4px;overflow-y:auto;flex:1 1 auto;min-height:0}
.ss644l button{width:100%;display:flex;align-items:center;gap:8px;text-align:left;padding:8px 10px;min-height:36px;border:0;border-radius:8px;background:none;color:var(--text);font-size:14px;cursor:pointer}
.ss644l button .t{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ss644l button small{color:var(--muted);font-size:12px;flex:none}
.ss644l button.on{background:color-mix(in srgb,var(--accent) 14%,var(--panel))}
.ss644l button.cur{font-weight:700}.ss644l button .ck{color:var(--accent);font-weight:700;flex:none}
.ss644l button:disabled{opacity:.45;cursor:not-allowed}
.ss644l mark{background:color-mix(in srgb,#F08A24 30%,transparent);color:inherit;border-radius:3px;padding:0 1px}
.ss644l em{font-style:normal;color:var(--muted)}
.ss644e{padding:14px 12px;color:var(--muted);font-size:13px}
.ss644n{margin:0;padding:6px 12px;border-top:1px solid var(--line);font-size:12px;color:var(--muted)}
html[data-ui="ms"] .ss644{border-radius:6px}html[data-ui="ms"] .ss644l button{border-radius:4px}
html[data-ui="google"] .ss644{border-radius:16px}html[data-ui="google"] .ss644l button{border-radius:999px}
/* v6.4.5 · kitchen photo + Khmer · incoming call card */
.poskds2 button[data-poskl].k645p{display:flex;align-items:center;gap:10px}
.poskds2 .k645i{width:56px;height:56px;border-radius:10px;object-fit:cover;flex:none;background:var(--panel2)}
.poskds2 .k645n{display:inline}
.poskds2 .k645kh{display:block;font-size:.95em;font-weight:700;line-height:1.35;color:var(--text);font-family:"Noto Sans Khmer","Khmer OS Battambang","Khmer OS",system-ui,sans-serif}
.poskds2 .k645kh.big{font-size:1.15em}
.poskds2 .p632c{font-size:1.05em;padding:2px 8px;border-radius:6px;background:#0F3D2E;color:#fff;font-style:normal;font-weight:800;margin-right:6px;letter-spacing:.02em}
.k645ctl{display:inline-flex;gap:6px;flex-wrap:wrap}
.k645pop{position:fixed;z-index:10040;width:min(360px,calc(100vw - 16px));background:var(--panel);color:var(--text);border:1px solid var(--line);border-radius:14px;box-shadow:0 12px 32px rgba(0,0,0,.25);padding:12px 14px}
.k645pop h4{margin:6px 0 4px;font-size:14px}.k645pop .hint{margin:0 0 8px}.k645row{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 8px}
#ic645{position:fixed;top:max(10px,env(safe-area-inset-top));left:50%;transform:translateX(-50%);z-index:10030;width:min(560px,calc(100vw - 16px));pointer-events:none}
.ic645c{pointer-events:auto;background:#0F3D2E;color:#fff;border-radius:20px;padding:12px 14px 12px;box-shadow:0 18px 44px rgba(0,0,0,.38),0 0 0 2px rgba(240,138,36,.85);animation:ic645in .28s ease-out}
.ic645c.bp{background:linear-gradient(135deg,#0F3D2E,#17604a)}
@keyframes ic645in{from{transform:translateY(-24px);opacity:0}to{transform:none;opacity:1}}
.ic645top{display:flex;align-items:center;gap:12px}
.ic645av{width:46px;height:46px;border-radius:50%;display:grid;place-items:center;background:#F08A24;color:#1a0d02;font-size:22px;flex:none;animation:ic645ring 1.4s ease-in-out infinite}
@keyframes ic645ring{0%,100%{box-shadow:0 0 0 0 rgba(240,138,36,.6)}50%{box-shadow:0 0 0 10px rgba(240,138,36,0)}}
.ic645t{flex:1;min-width:0;display:flex;flex-direction:column}.ic645t b{font-size:17px;line-height:1.25}.ic645t span{font-size:13px;opacity:.85;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ic645more{flex:none;border:0;border-radius:999px;background:rgba(255,255,255,.16);color:#fff;font-weight:700;padding:6px 12px;min-height:34px;cursor:pointer}
.ic645d{margin:10px 0 0;padding:8px 10px;border-radius:12px;background:rgba(255,255,255,.1);max-height:40vh;overflow:auto}
.ic645d ul{margin:0;padding:0 0 0 2px;list-style:none}.ic645d li{padding:3px 0;font-size:15px}.ic645d em{opacity:.85}.ic645d p{margin:4px 0 0;font-size:14px}
.ic645a{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px;justify-content:flex-end}
.ic645a button{min-height:44px;padding:8px 16px;border-radius:12px;font-weight:700;font-size:15px;cursor:pointer}
:root:not(#x645) #ic645 .ic645a .ghost{background:rgba(255,255,255,.14)!important;color:#fff!important;border:0!important;box-shadow:none!important}
:root:not(#x645) #ic645 .ic645a .btn,:root:not(#x645) #ic645 .ic645a .ic645ok{background:#F08A24!important;color:#1a0d02!important;border:0!important;box-shadow:none!important}
html[data-ui="ms"] .ic645c{border-radius:8px}html[data-ui="ms"] .ic645a button{border-radius:4px}
html[data-ui="google"] .ic645c{border-radius:28px}html[data-ui="google"] .ic645a button{border-radius:999px}
@media (max-width:520px){.ic645a button{flex:1 1 auto}}
/* v6.4.6 · automatic updates from Tevoda HQ */
.osu646{margin:0 0 16px;padding:14px 16px;border:1px solid var(--line);border-radius:14px;background:var(--panel)}
.osu646h{display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:space-between;gap:8px 16px}.osu646h h3{margin:0 0 6px;font-size:16px}
.osu646auto{max-width:360px}
.osu646st{display:flex;gap:10px;align-items:flex-start;margin:6px 0}.osu646st>div{display:flex;flex-direction:column}
.osu646dot{width:10px;height:10px;border-radius:50%;margin-top:6px;flex:none;background:#2f9e5b}.osu646dot.bad{background:#d64545}
.osu646up{display:flex;flex-direction:column;padding:10px 12px;border-radius:10px;margin:8px 0;background:color-mix(in srgb,#F08A24 14%,var(--panel));border:1px solid color-mix(in srgb,#F08A24 45%,var(--line))}
.osu646f{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:10px;margin:8px 0}.osu646f label{display:flex;flex-direction:column;gap:4px;font-size:12px;font-weight:600;color:var(--muted)}
.osu646b{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin:8px 0 4px;grid-column:1/-1}.osu646b input{max-width:200px}
.osu646m{margin:6px 0;font-weight:600}
/* v6.4.7 · order panel buttons stay above the iPad home bar */
body.posui .posticket .posacts{padding-bottom:max(6px,env(safe-area-inset-bottom))}
body.posui .posticket{padding-bottom:max(12px,env(safe-area-inset-bottom))}
/* v6.4.8 · kitchen tickets as sticky notes */
body.k648 .poskds2 .posk2grid{display:grid!important;grid-template-columns:repeat(auto-fill,minmax(310px,1fr))!important;gap:22px 18px!important;align-items:start;padding:10px 4px 18px}
body.k648 .poskds2 article.posk2:not(.k651d){--note:#FFEB8A;--ink:#20190a;--soft:#5b4f2a;position:relative;background:var(--note)!important;color:var(--ink)!important;border:0!important;outline:0!important;border-radius:3px 3px 3px 22px!important;box-shadow:0 14px 22px -10px rgba(0,0,0,.55),0 2px 4px rgba(0,0,0,.25)!important;padding:18px 14px 12px!important;transform:rotate(-.6deg);overflow:visible!important;margin-top:6px}
body.k648 .poskds2 article.posk2:not(.k651d):nth-child(even){transform:rotate(.5deg)}
body.k648 .poskds2 article.posk2:not(.k651d) header::before{content:"";position:absolute;top:-11px;left:50%;width:92px;height:24px;transform:translateX(-50%) rotate(-2deg);background:rgba(255,255,255,.6);box-shadow:0 1px 3px rgba(0,0,0,.18);border-radius:2px;pointer-events:none}
body.k648 .poskds2 article.posk2:not(.k651d).k320::before{height:5px;border-radius:3px 0 0 0;opacity:.9}
body.k648 .poskds2 article.posk2:not(.k651d)::after{content:"";position:absolute;right:0;bottom:0;width:26px;height:26px;background:linear-gradient(135deg,rgba(0,0,0,.14) 0 50%,transparent 50%);border-radius:0 0 3px 0;pointer-events:none}
body.k648 .poskds2 article.posk2:not(.k651d).k331new{--note:#FFE066}
body.k648 .poskds2 article.posk2:not(.k651d).warn{--note:#FFC97A}
body.k648 .poskds2 article.posk2:not(.k651d).late{--note:#FFB3A3}
body.k648 .poskds2 article.posk2:not(.k651d) *{color:inherit}
body.k648 .poskds2 article.posk2:not(.k651d) header{position:relative;background:transparent!important;color:var(--ink)!important;border:0!important;padding:0 0 8px!important;margin:0!important;display:flex;align-items:flex-start;justify-content:space-between;gap:8px;box-shadow:none!important}
body.k648 .poskds2 article.posk2:not(.k651d) header>div{display:flex;flex-wrap:wrap;align-items:center;gap:4px 8px;min-width:0}
body.k648 .poskds2 article.posk2:not(.k651d) header b{font-size:30px;font-weight:900;line-height:1;letter-spacing:-.01em;color:var(--ink)!important}
body.k648 .poskds2 article.posk2:not(.k651d) header span,body.k648 .poskds2 article.posk2:not(.k651d) header i{font-size:13px;color:var(--soft)!important;font-style:normal;background:transparent!important;border:0!important;padding:0!important}
body.k648 .poskds2 article.posk2:not(.k651d) header>div>span{flex-basis:100%}
body.k648 .poskds2 article.posk2:not(.k651d) header time{flex:none;font-size:20px;font-weight:900;color:#fff!important;background:#0F3D2E!important;border-radius:999px;padding:4px 12px;line-height:1.2;font-variant-numeric:tabular-nums}
body.k648 .poskds2 article.posk2:not(.k651d).warn header time{background:#B4560A!important}
body.k648 .poskds2 article.posk2:not(.k651d).late header time{background:#C62828!important}
body.k648 .poskds2 article.posk2:not(.k651d) .k320ov{display:none!important}
body.k648 .poskds2 article.posk2:not(.k651d).late .k320ov{display:inline-block!important;position:absolute;top:-20px;right:14px;width:auto!important;font-size:13px!important;font-weight:800;color:#fff!important;background:#C62828!important;border-radius:999px;padding:3px 10px!important;box-shadow:0 2px 6px rgba(0,0,0,.3);transform:rotate(-4deg);opacity:1!important;z-index:2}
body.k648 .poskds2 article.posk2:not(.k651d) header{animation:none!important}
body.k648 .poskds2 article.posk2:not(.k651d) .k331bar{background:rgba(0,0,0,.08)!important;color:var(--ink)!important;border-radius:10px;padding:6px 10px!important;margin:0 0 8px!important;font-size:14px;font-weight:700;border:0!important}
body.k648 .poskds2 article.posk2:not(.k651d) .k331bar.new{background:#F08A24!important;color:#1a0d02!important}
body.k648 .poskds2 article.posk2:not(.k651d) ul{margin:0!important;padding:0!important;list-style:none;display:flex;flex-direction:column;gap:8px}
body.k648 .poskds2 article.posk2:not(.k651d) ul li{border:0!important;background:transparent!important;padding:0!important}
body.k648 .poskds2 article.posk2:not(.k651d) ul li>button{width:100%;display:flex!important;align-items:center;gap:12px;background:rgba(255,255,255,.45)!important;border:0!important;border-radius:12px!important;padding:8px!important;color:var(--ink)!important;text-align:left;min-height:64px;box-shadow:none!important}
body.k648 .poskds2 article.posk2:not(.k651d) ul li.dn>button{opacity:.55}body.k648 .poskds2 article.posk2:not(.k651d) ul li.dn .k645n{text-decoration:line-through}
body.k648 .poskds2 article.posk2:not(.k651d) ul li.part>button{min-height:0;padding:2px 8px 2px 24px!important;background:transparent!important;font-size:15px}
body.k648 .poskds2 .k645i{width:118px!important;height:118px!important;border-radius:12px!important;object-fit:cover;flex:none;box-shadow:0 2px 6px rgba(0,0,0,.25);background:#fff}
body.k648 .poskds2 article.posk2:not(.k651d) ul li>button>b{font-size:30px;font-weight:900;min-width:52px;color:var(--ink)!important;flex:none}
body.k648 .poskds2 article.posk2:not(.k651d) ul li>button>span{display:flex;flex-direction:column;gap:3px;min-width:0;font-size:20px;font-weight:800;line-height:1.2}
body.k648 .poskds2 article.posk2:not(.k651d) .p632c{align-self:flex-start;font-size:15px!important;padding:2px 9px!important;border-radius:6px!important;background:#0F3D2E!important;color:#fff!important;font-style:normal;font-weight:800;margin:0!important}
body.k648 .poskds2 article.posk2:not(.k651d) .k645kh{font-size:20px!important;font-weight:700;color:var(--ink)!important}
body.k648 .poskds2 article.posk2:not(.k651d) .k645kh.big{font-size:24px!important}
body.k648 .poskds2 article.posk2:not(.k651d) em{font-style:normal;font-size:15px;font-weight:800;color:#8a1c1c!important;background:rgba(255,255,255,.6);border-radius:6px;padding:1px 6px;align-self:flex-start}
body.k648 .poskds2 article.posk2:not(.k651d) footer{background:transparent!important;border:0!important;border-top:1px dashed rgba(0,0,0,.25)!important;padding:8px 0 0!important;margin-top:10px;display:flex;align-items:center;justify-content:space-between;gap:8px}
body.k648 .poskds2 article.posk2:not(.k651d) footer .hint{color:var(--soft)!important;font-size:13px}
body.k648 .poskds2 article.posk2:not(.k651d) footer .btn,body.k648 .poskds2 article.posk2:not(.k651d) footer button{min-height:48px;padding:8px 18px!important;font-size:17px;font-weight:800;border-radius:12px!important}
body.k648 .poskds2 article.posk2:not(.k651d) footer .k331acc{background:#F08A24!important;color:#1a0d02!important;border:0!important}
@media (max-width:520px){body.k648 .poskds2 .k645i{width:92px!important;height:92px!important}body.k648 .poskds2 article.posk2:not(.k651d) ul li>button>b{font-size:24px;min-width:40px}}
/* v6.4.8 · table bill window */
.modal.tp648{display:flex!important;align-items:center!important;justify-content:center!important}
.tp648 .mcard{width:min(560px,calc(100vw - 24px));margin:auto!important;max-height:calc(100dvh - 32px);display:flex;flex-direction:column}.tp648 .mkmb{overflow:auto;min-height:0}
.tp648 h2{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.tp648tag{font-size:12px;font-weight:700;padding:2px 8px;border-radius:999px;background:color-mix(in srgb,#F08A24 22%,var(--panel));color:var(--text)}
.tp648l{list-style:none;margin:0;padding:0;display:flex;flex-direction:column}
.tp648l li{display:grid;grid-template-columns:auto 1fr auto auto;gap:4px 10px;align-items:center;padding:9px 2px;border-bottom:1px solid var(--line)}
.tp648l li>b{font-size:16px;min-width:30px}.tp648l li>span{min-width:0;display:flex;flex-direction:column;font-weight:600}.tp648l li em{font-style:normal;font-size:12.5px;color:var(--muted);font-weight:500}
.tp648l li>strong{font-variant-numeric:tabular-nums}
.tp648l li.pt{grid-template-columns:1fr;padding:2px 2px 6px 40px;border-bottom:0;color:var(--muted);font-size:13px;margin-top:-6px}
.tp648l li.un{background:color-mix(in srgb,#F08A24 10%,transparent)}
.tp648s{font-style:normal;font-size:11.5px;font-weight:700;padding:2px 8px;border-radius:999px;white-space:nowrap}
.tp648s.ns{background:#F08A24;color:#1a0d02}.tp648s.ck{background:color-mix(in srgb,var(--muted) 20%,transparent);color:var(--text)}.tp648s.rd{background:#2f9e5b;color:#fff}.tp648s.sv{background:color-mix(in srgb,#2f9e5b 18%,transparent);color:var(--text)}
.tp648t{margin-top:10px;display:flex;flex-direction:column;gap:4px}.tp648t>div{display:flex;justify-content:space-between;gap:8px;font-variant-numeric:tabular-nums}
.tp648t .big{font-size:20px;font-weight:800;padding-top:6px;border-top:1px solid var(--line);margin-top:4px}.tp648t .big small{display:block;text-align:right;font-size:12px;font-weight:500;color:var(--muted)}
.tp648a{display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end}.tp648a button{min-height:46px;font-weight:700;flex:1 1 auto}.tp648a .ghost{background:var(--panel2)!important;border:1px solid var(--line)!important;border-radius:12px}
.tp648a .tp648pay{flex:1 1 160px;background:#2f9e5b!important;color:#fff!important;border:0!important;font-size:17px}
@media (max-width:520px){.tp648a button{flex:1 1 calc(50% - 8px)}.tp648a .tp648pay{flex-basis:100%}}

/* v6.5.0 · Telegram grid and preview */
.tg650bar{display:flex;flex-wrap:wrap;align-items:center;gap:10px 16px;margin:14px 0 8px}
.tg650seg,.ref650tabs,.ref650per{display:inline-flex;gap:4px;padding:4px;border-radius:12px;background:var(--bg2,rgba(127,127,127,.1));border:1px solid var(--line,rgba(127,127,127,.2))}
.tg650seg button,.ref650tabs button,.ref650per button{font:inherit;font-weight:650;font-size:13.5px;border:0;border-radius:9px;min-height:36px;padding:0 14px;background:transparent;color:var(--mut,inherit);cursor:pointer;white-space:nowrap}
.tg650seg button[aria-selected=true],.ref650tabs button[aria-selected=true],.ref650per button[aria-checked=true]{background:var(--card,#fff);color:var(--ink,inherit);box-shadow:0 1px 3px rgba(0,0,0,.14)}
.tg650style{display:flex;align-items:center;gap:8px;font-size:13.5px;font-weight:600;margin-left:auto}.tg650style select{min-height:36px;width:auto}
.tg650g{--cw:86px;display:grid;grid-template-columns:minmax(220px,1fr) 58px repeat(var(--n),var(--cw)) 44px;align-items:center;border:1px solid var(--line,rgba(127,127,127,.2));border-radius:14px;overflow:hidden;background:var(--card,transparent)}
.tg650hd,.tg650r{display:contents}
.tg650hd>span{position:sticky;top:0;z-index:1;padding:10px 8px;font-size:12px;font-weight:700;color:var(--mut,#666);background:var(--bg2,rgba(127,127,127,.08));border-bottom:1px solid var(--line,rgba(127,127,127,.2));text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.tg650hd>span:first-child{text-align:left;padding-left:14px}
.tg650cat{grid-column:1/-1;margin:0;padding:12px 14px 6px;font-size:12px;letter-spacing:.02em;color:#F08A24;font-weight:800}
.tg650r>*{padding:8px;border-bottom:1px solid var(--line,rgba(127,127,127,.12));min-height:56px;display:flex;align-items:center}
.tg650n{gap:10px;padding-left:14px!important}.tg650n b{display:block;font-size:14px}.tg650n small{display:block;color:var(--mut,#666);font-size:12px;line-height:1.3}
.tg650i{flex:none;width:34px;height:34px;border-radius:10px;display:grid;place-items:center;font-size:18px;background:rgba(15,61,46,.08)}
.tg650r.off .tg650n{opacity:.55}.tg650r.off .tg650c{opacity:.35}
.tg650sw{justify-content:center;cursor:pointer;position:relative}.tg650sw input{position:absolute;opacity:0;width:44px;height:28px;margin:0;cursor:pointer}
.tg650sw i{width:42px;height:26px;border-radius:13px;background:rgba(127,127,127,.35);position:relative;transition:background .2s}
.tg650sw i::after{content:"";position:absolute;top:3px;left:3px;width:20px;height:20px;border-radius:50%;background:#fff;box-shadow:0 1px 3px rgba(0,0,0,.3);transition:left .2s}
.tg650sw input:checked+i{background:#0F3D2E}.tg650sw input:checked+i::after{left:19px}.tg650sw input:focus-visible+i{outline:3px solid rgba(240,138,36,.6);outline-offset:2px}
.tg650c{display:contents!important}
.tg650x{justify-content:center;cursor:pointer;padding:8px;border-bottom:1px solid var(--line,rgba(127,127,127,.12));min-height:56px;display:flex;align-items:center}
.tg650x input{width:22px;height:22px;margin:0;accent-color:#F08A24;cursor:pointer}.tg650x span{display:none}
.tg650pv{justify-content:center;min-width:40px;border-bottom:1px solid var(--line,rgba(127,127,127,.12))!important;border-radius:0!important;border-top:0!important;border-left:0!important;border-right:0!important;background:transparent}
.tg650tip{margin-top:10px}
.tg650more{margin-top:14px}.tg650more summary{cursor:pointer;font-weight:650;padding:6px 0}
.tg650dirty{color:#D9731A!important;font-weight:650}
.tg650gc{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:12px;margin-top:14px}
.tg650gcard{border:1px solid var(--line,rgba(127,127,127,.2));border-radius:14px;padding:14px;background:var(--card,transparent)}
.tg650gcard header{display:flex;justify-content:space-between;gap:8px;margin-bottom:8px}.tg650gk{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:10px}
.tg650gk span{font-size:12.5px;padding:4px 9px;border-radius:999px;background:rgba(15,61,46,.08)}
@media (max-width:760px){
  .tg650g{display:block;border:0;background:transparent}
  .tg650hd{display:none}
  .tg650cat{padding:14px 2px 6px}
  .tg650r{display:grid;grid-template-columns:1fr 54px 40px;gap:0 4px;border:1px solid var(--line,rgba(127,127,127,.2));border-radius:14px;margin-bottom:8px;background:var(--card,transparent);overflow:hidden}
  .tg650r>*{border-bottom:0;min-height:48px}.tg650n{grid-column:1;padding-left:12px!important}.tg650sw{grid-column:2}.tg650pv{grid-column:3;border:0!important}
  .tg650c{display:flex!important;grid-column:1/-1;flex-wrap:wrap;gap:6px;padding:0 12px 12px!important;min-height:0!important}
  .tg650x{min-height:36px;border:1px solid var(--line,rgba(127,127,127,.3));border-radius:999px;padding:0 12px 0 8px;gap:6px}
  .tg650x span{display:inline;font-size:13px;font-weight:600}.tg650x input{width:18px;height:18px}
  .tg650x:has(input:checked){border-color:#F08A24;background:rgba(240,138,36,.12)}
  .tg650style{margin-left:0}
}
#tg650m .modal{z-index:9000}
.tg650pm .mcard{max-width:520px}
.tg650chat{background:linear-gradient(160deg,#8FB89A,#C9DCB9);border-radius:14px;padding:18px 14px;margin-bottom:10px}
.tg650bub{position:relative;max-width:420px;background:#fff;color:#111;border-radius:16px 16px 16px 4px;padding:10px 12px 22px;box-shadow:0 1px 2px rgba(0,0,0,.18);font:15px/1.42 -apple-system,"Segoe UI",Roboto,sans-serif}
.tg650bot{display:block;font-style:normal;font-weight:700;color:#0F3D2E;font-size:13px;margin-bottom:2px}
.tg650txt{white-space:pre-wrap;word-break:break-word}.tg650txt a{color:#2481CC}
.tg650t{position:absolute;right:10px;bottom:5px;font-size:11px;color:#6B8F71}
@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .tg650chat{background:linear-gradient(160deg,#1B2A22,#24382C)}:root:not([data-theme=light]) .tg650bub{background:#182533;color:#F1F4F2}:root:not([data-theme=light]) .tg650bot{color:#F08A24}}
html[data-theme=dark] .tg650chat{background:linear-gradient(160deg,#1B2A22,#24382C)}html[data-theme=dark] .tg650bub{background:#182533;color:#F1F4F2}html[data-theme=dark] .tg650bot{color:#F08A24}
html[data-theme=dark] .tg650i,html[data-theme=dark] .tg650gk span{background:rgba(255,255,255,.08)}html[data-theme=dark] .tg650sw input:checked+i{background:#F08A24}

/* v6.5.0 · Hotel referral commission */
.ref650ci{margin-top:16px;padding:14px;border-radius:14px;border:1px dashed rgba(240,138,36,.6);background:rgba(240,138,36,.06)}
.ref650ci h4{margin:0 0 10px;font-size:15px}.ref650ci h4 .hint{font-weight:500;font-size:12.5px}
.ref650find{display:flex;flex-direction:column;gap:8px}.ref650find>input{min-height:44px}
.ref650l{display:flex;flex-direction:column;gap:6px}
.ref650it,.ref650sel,.ref650who{display:flex;align-items:center;gap:12px;text-align:left;font:inherit;color:inherit;background:var(--card,#fff);border:1px solid var(--line,rgba(127,127,127,.25));border-radius:12px;padding:8px 12px;min-height:52px}
.ref650it{cursor:pointer}.ref650it:hover,.ref650it:focus-visible{border-color:#F08A24}
.ref650it b,.ref650sel b,.ref650who b{display:block}.ref650it small,.ref650sel small,.ref650who small{display:block;color:var(--mut,#666);font-size:12.5px}
.ref650sel>span:nth-child(2),.ref650who>span:nth-child(2){flex:1;min-width:0}
.ref650sel.big{padding:12px}.ref650amt{display:flex;flex-direction:column;align-items:flex-end;gap:4px}.ref650amt b{font-size:18px}
.ref650av{flex:none;width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:#0F3D2E;color:#fff;font-size:18px}
.ref650new .pf{margin-bottom:8px}
.ref650k{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:4px 0 14px}
.ref650k>div{border-radius:14px;padding:12px 14px;background:var(--card,#fff);border:1px solid var(--line,rgba(127,127,127,.2))}
.ref650k>div:first-child{background:#0F3D2E;color:#fff;border-color:#0F3D2E}.ref650k>div:first-child span{color:#CFE3D8}
.ref650k span{display:block;font-size:12.5px;color:var(--mut,#666);font-weight:600}.ref650k b{font-size:22px;font-variant-numeric:tabular-nums}
.ref650bar{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin-bottom:14px}
.ref650tabs .mkn{font-style:normal;margin-left:4px}
.ref650cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:12px}
.ref650card{border:1px solid var(--line,rgba(127,127,127,.2));border-radius:16px;padding:14px;background:var(--card,#fff);display:flex;flex-direction:column;gap:10px}
.ref650card header{display:flex;gap:12px;align-items:center}.ref650card header b{display:block;font-size:15.5px}.ref650card header small{display:block;color:var(--mut,#666);font-size:12.5px}
.ref650card dl{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin:0}.ref650card dt{font-size:11.5px;color:var(--mut,#666)}.ref650card dd{margin:0;font-weight:700;font-variant-numeric:tabular-nums}
.ref650card footer{display:flex;align-items:center;gap:8px;flex-wrap:wrap;border-top:1px solid var(--line,rgba(127,127,127,.15));padding-top:10px}.ref650card footer .sp{flex:1}
.ref650card.wait{border-color:rgba(240,138,36,.6)}.ref650due{color:#D9731A;font-size:16px}
.ref650tw{overflow-x:auto;border:1px solid var(--line,rgba(127,127,127,.2));border-radius:14px}
.ref650t{width:100%;border-collapse:collapse;font-size:14px}.ref650t th{text-align:left;font-size:12px;color:var(--mut,#666);padding:10px;background:var(--bg2,rgba(127,127,127,.06))}
.ref650t td{padding:10px;border-top:1px solid var(--line,rgba(127,127,127,.12));vertical-align:top}.ref650t small{display:block;color:var(--mut,#666);font-size:12px}.ref650t .r{text-align:right;font-variant-numeric:tabular-nums}
.ref650h{margin:16px 0 8px}.ref650hist{list-style:none;margin:0;padding:0}.ref650hist li{display:flex;gap:10px;align-items:baseline;padding:8px 0;border-bottom:1px solid var(--line,rgba(127,127,127,.12));flex-wrap:wrap}.ref650hist em{font-style:normal;color:var(--mut,#666);font-size:12.5px}
.ref650pls{display:flex;flex-direction:column;gap:6px;margin:12px 0}
.ref650pl{display:flex;align-items:center;gap:10px;padding:10px 12px;border:1px solid var(--line,rgba(127,127,127,.2));border-radius:12px;cursor:pointer}.ref650pl input{width:20px;height:20px;accent-color:#F08A24}
.ref650pl>span{flex:1}.ref650pl small{display:block;color:var(--mut,#666);font-size:12.5px}.ref650pl.dis{opacity:.55;cursor:default}
.ref650m{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:8px 0 12px}
.ref650m>button,.ref650m>label{font:inherit;text-align:left;color:inherit;background:var(--card,#fff);border:2px solid var(--line,rgba(127,127,127,.25));border-radius:14px;padding:12px;cursor:pointer;display:flex;flex-direction:column;gap:3px;min-height:44px}
.ref650m>button[aria-checked=true],.ref650m>label:has(input:checked){border-color:#F08A24;background:rgba(240,138,36,.08)}
.ref650m small{color:var(--mut,#666);font-size:12.5px}.ref650m.sm>label input{position:absolute;opacity:0;pointer-events:none}
.ref650rates{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:10px;margin:12px 0}
.ref650rates label{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px 12px;border:1px solid var(--line,rgba(127,127,127,.2));border-radius:12px;font-weight:600}
.ref650in{display:flex;align-items:center;gap:4px}.ref650in i{font-style:normal;color:var(--mut,#666)}.ref650in input{width:90px;text-align:right}
.ref650rep{display:flex;align-items:center;gap:8px;flex-wrap:wrap;font-size:14px}.ref650rep input{width:80px}
.ref650rv .frow{margin-top:8px}
@media (max-width:700px){.ref650k{grid-template-columns:1fr 1fr}.ref650m{grid-template-columns:1fr}.ref650bar{flex-direction:column;align-items:stretch}.ref650tabs,.ref650per{overflow-x:auto}.ref650card dl{grid-template-columns:repeat(2,1fr)}}
html[data-theme=dark] .ref650av{background:#F08A24;color:#111}html[data-theme=dark] .ref650k>div:first-child{background:#14523E;border-color:#14523E}
.hqk650l{list-style:none;margin:8px 0 12px;padding:0}.hqk650l li{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:8px 0;border-bottom:1px solid var(--line,rgba(127,127,127,.15))}.hqk650l code{font-size:12.5px;letter-spacing:.04em}
/* v6.5.2 · night UI check: readable text on dark mode accents */
:root[data-theme="dark"] :is(.btn.pmbtn,.pmcount,.pmrkd.today,.pmpage .evchip[aria-pressed="true"],.pmfl.c,.pmsteps li.on span,.fdtabs button[aria-selected=true] span,.hklang button[aria-pressed=true],.pmblk.b-warn,.hkc-big){color:#17130a!important}
:root[data-theme="dark"] .pmblk.b-warn em,:root[data-theme="dark"] .pmblk.b-warn span{color:#17130a!important}
:root[data-theme="dark"] .pmpage .evchip[aria-pressed="true"] span{color:#17130a!important;background:rgba(0,0,0,.14)!important}
:root[data-theme="dark"] .pp321top button[aria-selected=true]{color:#6FD39F}
:root[data-theme="dark"] .or380p.ok{color:#6FD39F}:root[data-theme="dark"] .or380p.warn{color:#F5C452}:root[data-theme="dark"] .or380p.bad{color:#FF8A80}
.dk-pick input{width:136px}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) :is(.btn.pmbtn,.pmcount,.pmrkd.today,.pmpage .evchip[aria-pressed="true"],.pmfl.c,.pmsteps li.on span,.fdtabs button[aria-selected=true] span,.hklang button[aria-pressed=true],.pmblk.b-warn,.hkc-big){color:#17130a!important}:root:not([data-theme="light"]) .pmblk.b-warn em,:root:not([data-theme="light"]) .pmblk.b-warn span{color:#17130a!important}:root:not([data-theme="light"]) .pmpage .evchip[aria-pressed="true"] span{color:#17130a!important;background:rgba(0,0,0,.14)!important}:root:not([data-theme="light"]) .pp321top button[aria-selected=true]{color:#6FD39F}:root:not([data-theme="light"]) .or380p.ok{color:#6FD39F}:root:not([data-theme="light"]) .or380p.warn{color:#F5C452}:root:not([data-theme="light"]) .or380p.bad{color:#FF8A80}}
/* v6.5.3 · Nightlife Card balance in the pay window */
.nb653{margin:10px 0;padding:12px 14px;border-radius:12px;border:1px solid rgba(240,138,36,.55);background:rgba(240,138,36,.1);display:flex;flex-direction:column;gap:6px}
.nb653.bad{border-color:rgba(217,54,54,.6);background:rgba(217,54,54,.1)}
.nb653.info{border-color:var(--line,rgba(127,127,127,.3));background:rgba(127,127,127,.08)}
.nb653.top{border-color:rgba(15,61,46,.5);background:rgba(15,61,46,.08)}
.nb653>b{font-size:14.5px}.nb653>span{font-size:14px}
.nb653b{display:flex;flex-wrap:wrap;gap:8px;margin-top:2px}.nb653b button{min-height:40px}
.nb653 .pf{margin:4px 0}
:root[data-theme="dark"] .nb653.top{border-color:rgba(111,211,159,.5);background:rgba(111,211,159,.08)}
/* v6.5.5 · Bar Partners card list */
.bp655k{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;margin:6px 0 12px}
.bp655k>div,.bp655k>button{border-radius:14px;padding:10px 14px;background:var(--panel,#fff);border:1px solid var(--line,rgba(127,127,127,.2));text-align:left;font:inherit;color:inherit;display:flex;flex-direction:column;gap:2px;min-height:64px}
.bp655k span{font-size:12.5px;font-weight:600;color:var(--muted,#667)}.bp655k b{font-size:21px;font-variant-numeric:tabular-nums}
.bp655k>div:first-child{background:#0F3D2E;border-color:#0F3D2E;color:#fff}.bp655k>div:first-child span{color:#CFE3D8}
.bp655k>button{cursor:pointer}.bp655k>button.warn{border-color:#F08A24;background:rgba(240,138,36,.12)}.bp655k>button.warn b{color:#C46A10}
.bp655l{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:12px;margin-top:8px}
.bp655c{background:var(--panel,#fff);border:1px solid var(--line,rgba(127,127,127,.2));border-radius:16px;padding:14px;display:flex;flex-direction:column;gap:10px;min-width:0}
.bp655c.warn{border-left:4px solid #F08A24}.bp655c.off{opacity:.6}
.bp655c header{display:flex;justify-content:space-between;align-items:flex-start;gap:10px}
.bp655n{min-width:0;display:flex;flex-wrap:wrap;align-items:center;gap:4px 8px}.bp655n b{font-size:16.5px;letter-spacing:.01em}.bp655n small{flex-basis:100%;color:var(--muted,#667);font-size:12.5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.bp655new{font-style:normal;font-size:11px;font-weight:800;padding:2px 8px;border-radius:999px;background:#0F3D2E;color:#fff}.bp655stop{font-style:normal;font-size:11px;font-weight:700;padding:2px 8px;border-radius:999px;background:rgba(127,127,127,.18)}
.bp655act{display:flex;gap:6px;flex:none}
.bp655s{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;padding:10px 0;border-top:1px solid var(--line,rgba(127,127,127,.15));border-bottom:1px solid var(--line,rgba(127,127,127,.15))}
.bp655s>div{display:flex;flex-direction:column;gap:2px;min-width:0}.bp655s span{font-size:11.5px;color:var(--muted,#667);font-weight:600}.bp655s b{font-size:16px;font-variant-numeric:tabular-nums}.bp655s small{font-size:11.5px;color:var(--muted,#667);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.bp655due{color:#C46A10}.bp655none{color:var(--muted,#888);font-weight:600!important;font-size:14px!important}
.bp655i{display:flex;flex-wrap:wrap;gap:6px}.bp655chip{font:inherit;font-size:12.5px;font-weight:650;border:1px solid rgba(240,138,36,.55);background:rgba(240,138,36,.1);color:#9A5208;border-radius:999px;padding:4px 10px;min-height:32px;cursor:pointer}
.bp655chip.dup{border-color:rgba(217,54,54,.5);background:rgba(217,54,54,.08);color:#A3291F}
.bp655c footer{display:flex;align-items:center;flex-wrap:wrap;gap:8px}.bp655c footer .sp{flex:1}.bp655ok{color:#1E7A45;font-weight:700;font-size:13px}.bp655wait{font-weight:700;font-size:13px}
@media (max-width:760px){.bp655k{grid-template-columns:1fr 1fr}.bp655k>button{grid-column:1/-1}.bp655l{grid-template-columns:1fr}.bp655s{grid-template-columns:1fr 1fr}.bp655c header{flex-direction:column}.bp655act{width:100%}.bp655act button{flex:1}}
:root[data-theme="dark"] .bp655chip{color:#F5C452}:root[data-theme="dark"] .bp655chip.dup{color:#FF8A80}:root[data-theme="dark"] .bp655due,:root[data-theme="dark"] .bp655k>button.warn b{color:#F5A55A}:root[data-theme="dark"] .bp655ok{color:#6FD39F}:root[data-theme="dark"] .bp655new{background:#F08A24;color:#111}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .bp655chip{color:#F5C452}:root:not([data-theme="light"]) .bp655chip.dup{color:#FF8A80}:root:not([data-theme="light"]) .bp655due{color:#F5A55A}:root:not([data-theme="light"]) .bp655ok{color:#6FD39F}}
.bp655c b,.bp655k b{color:var(--text,inherit)}.bp655k>div:first-child b{color:#fff}.bp655c b.bp655due{color:#C46A10}.bp655c b.bp655none{color:var(--muted,#888)}
.bp655s{grid-template-columns:repeat(auto-fit,minmax(120px,1fr))!important}.bp655s span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
:root[data-theme="dark"] .bp655c b.bp655due{color:#F5A55A}
/* v6.5.6 · Bar Partners view switcher: Card / Compact / List */
.bp656bar{display:flex;justify-content:flex-end;margin:4px 0 8px}
.bp656seg{display:inline-flex;gap:3px;padding:3px;border-radius:12px;background:var(--panel2,rgba(127,127,127,.1));border:1px solid var(--line,rgba(127,127,127,.2))}
.bp656seg button{font:inherit;font-size:13.5px;font-weight:650;border:0;border-radius:9px;min-height:36px;padding:0 12px;background:transparent;color:var(--muted,inherit);cursor:pointer;white-space:nowrap}
.bp656seg button[aria-checked=true]{background:#0F3D2E;color:#fff}
.bp656l{display:flex;flex-direction:column;border:1px solid var(--line,rgba(127,127,127,.2));border-radius:14px;overflow:hidden;background:var(--panel,#fff)}
.bp656r{display:grid;grid-template-columns:minmax(160px,2fr) repeat(4,minmax(70px,1fr)) 52px auto;align-items:center;gap:8px;padding:8px 12px;border-top:1px solid var(--line,rgba(127,127,127,.12));min-height:56px}
.bp656r:first-child{border-top:0}.bp656r.off{opacity:.55}
.bp656n{min-width:0}.bp656n b{display:block;font-size:14.5px;color:var(--text,inherit)}.bp656n small{display:block;font-size:12px;color:var(--muted,#667);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.bp656v{display:flex;flex-direction:column;min-width:0}.bp656v span{font-size:11px;color:var(--muted,#667);font-weight:600}.bp656v b{font-size:14px;font-variant-numeric:tabular-nums;color:var(--text,inherit)}
.bp656w{font:inherit;font-size:12.5px;font-weight:750;border:1px solid rgba(240,138,36,.55);background:rgba(240,138,36,.12);color:#9A5208;border-radius:999px;min-height:32px;padding:0 9px;cursor:pointer}
.bp656w.dup{border-color:rgba(217,54,54,.5);background:rgba(217,54,54,.08);color:#A3291F}
.bp656ok{color:#1E7A45;font-weight:800;text-align:center}
.bp656a{display:flex;gap:6px;justify-content:flex-end;align-items:center}
.bp656tw{overflow-x:auto;border:1px solid var(--line,rgba(127,127,127,.2));border-radius:14px;background:var(--panel,#fff)}
.bp656t{width:100%;border-collapse:collapse;font-size:13.5px}.bp656t th{text-align:left;font-size:11.5px;color:var(--muted,#667);padding:10px;white-space:nowrap;background:var(--panel2,rgba(127,127,127,.06))}
.bp656t td{padding:8px 10px;border-top:1px solid var(--line,rgba(127,127,127,.12));vertical-align:middle;white-space:nowrap}.bp656t .r{text-align:right;font-variant-numeric:tabular-nums}.bp656t tr.off{opacity:.55}
.bp656t td b{color:var(--text,inherit)}.bp656t .bp655chip{min-height:28px;padding:2px 8px;font-size:12px}.bp656ta{display:flex;gap:6px;align-items:center}
@media (max-width:760px){.bp656bar{justify-content:stretch}.bp656seg{width:100%}.bp656seg button{flex:1}
  .bp656r{grid-template-columns:1fr auto;grid-template-areas:"n w" "s s" "a a";row-gap:6px}.bp656n{grid-area:n}.bp656w,.bp656ok{grid-area:w}
  .bp656r .bp656v{display:inline-flex;flex-direction:row;gap:4px;align-items:baseline}.bp656r>.bp656v{grid-column:1/-1}
  .bp656r{grid-template-areas:none;grid-template-columns:repeat(4,1fr)}.bp656n{grid-column:1/4}.bp656w,.bp656r>.bp656ok{grid-column:4;justify-self:end}.bp656r>.bp656v{grid-column:auto;flex-direction:column;gap:0}.bp656a{grid-column:1/-1}}
:root[data-theme="dark"] .bp656w{color:#F5C452}:root[data-theme="dark"] .bp656w.dup{color:#FF8A80}:root[data-theme="dark"] .bp656ok{color:#6FD39F}:root[data-theme="dark"] .bp656seg button[aria-checked=true]{background:#F08A24;color:#111}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .bp656w{color:#F5C452}:root:not([data-theme="light"]) .bp656ok{color:#6FD39F}}
.bp656o{color:var(--text,inherit)!important;opacity:.85}.bp656o b{font-size:12.5px!important}
.bp656sb{margin-top:14px;border:1px solid var(--line,rgba(127,127,127,.2));border-radius:14px;padding:10px 14px;background:var(--panel,#fff)}
.bp656sb summary{cursor:pointer;font-weight:700;min-height:32px;display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.bp656sr{display:flex;flex-direction:column;gap:8px;margin:8px 0}.bp656sr>div{display:grid;grid-template-columns:140px 1fr 44px;gap:8px;align-items:end}
.bp656sr label{display:flex;flex-direction:column;gap:4px;font-size:12.5px;font-weight:600}
@media (max-width:760px){.bp656sr>div{grid-template-columns:1fr 1fr 44px}}
.bp656sr label{min-width:0}.bp656sr input,.bp656sr select{width:100%;min-width:0;box-sizing:border-box}
@media (max-width:760px){.bp656sr>div{grid-template-columns:92px minmax(0,1fr) 44px}}
/* v6.6.1 · fa661 · report drill-down, market purchases to check */
.fz-rt tbody tr.fa661dr{cursor:pointer;transition:background .12s}
.fz-rt tbody tr.fa661dr:hover{background:var(--panel2)}
.fz-rt tbody tr.fa661dr:focus-visible{outline:2px solid var(--accent,#F08A24);outline-offset:-2px}
.fz-rt tbody tr.fa661dr>td:last-child::after{content:"›";display:inline-block;margin-left:8px;font-weight:800;color:var(--muted)}
.fa661h{margin:0 0 6px}
.fa661bar{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin:0 0 8px}
.fa661bk{min-height:44px;font-weight:700}
.fa661chip{background:color-mix(in srgb,#F08A24 16%,transparent);color:#B85E00;border-color:color-mix(in srgb,#F08A24 45%,var(--line))}
:root[data-theme="dark"] .fa661chip{color:#FFB366}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .fa661chip{color:#FFB366}}
.fa661mkr{display:flex;flex-wrap:wrap;gap:10px;align-items:flex-end;justify-content:space-between;margin-top:8px}
.fa661mkr label{display:flex;flex-direction:column;gap:4px;font-size:12px;font-weight:600;color:var(--muted);flex:1 1 200px;min-width:0}
.fa661mkr select{min-height:44px;width:100%}
.fa661mkr .btn{min-height:44px;flex:0 1 auto;white-space:normal;text-align:center}
.fa661lb{margin:0 0 10px}
.fa661fb{min-height:44px;padding:0 14px;border-radius:99px;border:1px solid color-mix(in srgb,#F08A24 45%,var(--line));background:color-mix(in srgb,#F08A24 10%,var(--panel));color:var(--text);font:inherit;font-weight:700;cursor:pointer;max-width:100%;text-align:left}
.fa661fb.on{background:#F08A24;color:#111;border-color:#F08A24}
@media (max-width:640px){
  .fz-rt tbody tr.fa661dr{position:relative;padding-right:30px;min-height:44px}
  .fz-rt tbody tr.fa661dr>td:last-child::after{content:none}
  .fz-rt tbody tr.fa661dr::after{content:"›";position:absolute;right:12px;top:50%;transform:translateY(-50%);font-size:22px;font-weight:700;color:var(--muted)}
  .fa661mkr .btn{width:100%}
}

/* ===== v6.6.1 · pb661 · Custom at every outlet · credit when closing the till · Accountant fix ===== */
html body .posw .posticket .pb661q{display:flex!important;flex-wrap:wrap;align-items:center;gap:6px;margin:2px 0 8px!important;padding:0!important}
html body .posw .posticket .pb661q .pmgb,html body .posw .posticket .pmhead .pb661c{display:inline-flex!important;align-items:center;gap:4px;width:auto!important;flex:none!important;white-space:nowrap;min-height:34px!important;padding:3px 12px!important;font-size:12.5px!important;line-height:1.2;border-radius:999px!important}
@media (max-width:699px){html body .posw .posticket .pb661q .pmgb,html body .posw .posticket .pmhead .pb661c{min-height:44px!important;padding:4px 14px!important;font-size:14px!important}}
.pb661cr{border:1px solid color-mix(in srgb,#F08A24 55%,var(--line));background:color-mix(in srgb,#F08A24 9%,var(--panel));border-radius:14px;padding:12px 14px;margin:10px 0;display:flex;flex-direction:column;gap:8px}
.pb661cr h4{margin:0;font-size:15px}.pb661cr p{margin:0}
.pb661crw{padding:8px 10px;border-radius:10px;background:var(--panel);border-left:4px solid #F08A24}
.pb661crl{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:4px}
.pb661crl li{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:6px 0;border-bottom:1px dashed var(--line)}
.pb661crl li>div{display:flex;flex-direction:column;min-width:0}.pb661crl li span{font-size:12.5px;color:var(--muted);overflow-wrap:anywhere}.pb661crl em{font-style:normal;font-weight:700;white-space:nowrap}
.pb661crt,.pb661crc{display:flex;justify-content:space-between;gap:10px;font-weight:700}.pb661crc{font-weight:600}
.pb661m{z-index:1000!important}
.pb661m .mkm{max-width:640px}
.pb661f{display:flex;gap:8px}.pb661f input{flex:1;min-width:0;min-height:44px}
.pb661l{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}
.pb661l button{width:100%;display:flex;justify-content:space-between;align-items:center;gap:10px;text-align:left;min-height:52px;padding:8px 12px;border-radius:12px;border:1px solid var(--line);background:var(--panel2);color:var(--text);cursor:pointer}
.pb661l button div{display:flex;flex-direction:column;min-width:0}.pb661l span,.pb661l small{color:var(--muted);font-size:12.5px;overflow-wrap:anywhere}.pb661l em{font-style:normal;font-weight:700;white-space:nowrap}
.pb661tabs{display:flex;flex-wrap:wrap;gap:6px}
.pb661tabs button{flex:1 1 auto;min-height:44px;border-radius:10px;border:1px solid var(--line);background:var(--panel2);color:var(--text);font-weight:600;padding:0 12px;cursor:pointer}
.pb661tabs button[aria-selected="true"]{background:var(--accent);color:var(--accentInk,#fff);border-color:var(--accent)}
.pb661now{border:1px solid var(--line);border-radius:12px;padding:8px 12px;display:flex;flex-direction:column;gap:4px}
.pb661now h4{margin:0 0 2px}.pb661now>div{display:flex;justify-content:space-between;gap:10px}.pb661now>div.lk{color:var(--muted)}.pb661now small{color:var(--muted)}
.pb661rows{display:flex;flex-direction:column;gap:8px}
.pb661m .pb661row{display:flex;flex-wrap:wrap;gap:8px;align-items:flex-end;padding:10px;border:1px solid var(--line);border-radius:12px;background:var(--panel2)}
.pb661m .pb661row label{flex:1 1 150px;width:auto!important;margin:0!important}.pb661m .pb661row label,.pb661rs{display:flex;flex-direction:column;gap:4px;font-size:12.5px;min-width:0}
.pb661row select,.pb661row input,.pb661rs input,.pb661inv input{min-height:44px;width:100%;min-width:0;box-sizing:border-box}
.pb661m .pb661row .pb661rm{flex:0 0 44px;width:44px!important;min-height:44px;padding:0!important}
.pb661sum{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap}.pb661sum .ghost{min-height:44px}
.pb661left{font-weight:700}.pb661left.bad{color:#c0392b}.pb661left.ok{color:#1e8e3e}
.pb661warn{padding:10px 12px;border-radius:10px;background:color-mix(in srgb,#F08A24 12%,var(--panel));border-left:4px solid #F08A24;margin:0}
.pb661act{display:flex;justify-content:flex-end}.pb661act .btn{min-height:44px}
.pb661ch{display:flex;flex-wrap:wrap;gap:6px}.pb661ch button{min-height:40px}
.pb661h{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}.pb661h li{display:flex;flex-direction:column;gap:2px;padding:8px 10px;border:1px solid var(--line);border-radius:10px}.pb661h span{overflow-wrap:anywhere}.pb661h small{color:var(--muted)}
.pb661note{font-size:12px}
.pb661bar{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:10px 0}.pb661bar .btn{min-height:44px}
@media (max-width:560px){.pb661m .pb661row label{flex:1 1 120px}.pb661tabs button{flex:1 1 30%;font-size:13px;padding:0 6px}}

/* 6.6.1 · fr661: F&B Requests — many requests a day, purchase orders you can see */
.fr661h{gap:10px;flex-wrap:wrap}.fr661h h3{flex:1 1 auto;min-width:0}.fr661h .btn{min-height:44px;flex:0 0 auto}
.fr661d{margin:14px 0 2px;font-size:12.5px;font-weight:700;letter-spacing:.02em;text-transform:uppercase;color:var(--muted)}
.fr661ul li>button{min-height:52px;border-radius:10px;padding:9px 6px}.fr661ul li>button:hover{background:var(--panel2)}
.fr661t{display:flex;flex-direction:column;flex:1;min-width:0}.fr661t b{overflow-wrap:anywhere}
.dr5list li>button>span.fr661r{display:flex;flex-direction:row;align-items:center;gap:6px;flex:0 0 auto;flex-wrap:wrap;justify-content:flex-end}
.fr661b{font-size:12px;font-weight:700;border-radius:999px;padding:2px 8px;background:color-mix(in srgb,var(--accent,#F08A24) 16%,var(--panel));color:var(--text);border:1px solid color-mix(in srgb,var(--accent,#F08A24) 45%,var(--line));white-space:nowrap}
.fr661e{margin:10px 0 4px;color:var(--muted)}
.fr661no{font-weight:800}.dr5ed .mkch h3 .fr661no{display:block;font-size:1.15em;margin-bottom:2px}
.fr661lab{margin:0 0 -4px;font-size:12.5px;font-weight:600;color:var(--muted)}
.fr661hide{display:none}
.fr661bk{display:flex}.fr661bk .ghost{min-height:44px}
.fr661lock{align-items:center}.fr661lock .hint{margin:0;flex:1 1 220px}
.fr661del{color:var(--bad,#C0392B)}
.fr661links{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}
.fr661lk{display:flex;align-items:center;gap:6px;flex-wrap:wrap;width:100%;min-height:44px;padding:8px 12px;border:1px solid var(--line);border-radius:12px;background:var(--panel);color:var(--text);font:inherit;text-align:left;box-sizing:border-box}
button.fr661lk{cursor:pointer}button.fr661lk:hover{background:var(--panel2)}.fr661lk i{margin-left:auto;font-style:normal;color:var(--muted);font-size:18px}
.fr661ps{font-size:12px;font-weight:700;border-radius:999px;padding:2px 8px;background:var(--panel2);color:var(--muted)}
.fr661ps.s-approved,.fr661ps.s-billed{background:color-mix(in srgb,#2E9E5B 16%,var(--panel));color:var(--text)}
.fr661ps.s-pending{background:color-mix(in srgb,#E8A33D 20%,var(--panel));color:var(--text)}
.fr661w{margin:10px 0 0;padding:10px 12px;border-radius:12px;border:1px solid color-mix(in srgb,#E8A33D 55%,var(--line));background:color-mix(in srgb,#E8A33D 10%,var(--panel))}
@media (max-width:760px){.fr661h .btn{flex:1 1 100%}.fr661lock .btn{flex:1 1 100%}}

/* ===== v6.6.2 · gd662a · 🏟️ Game Day ===== */
.gd662{display:flex;flex-direction:column;gap:12px;min-width:0;max-width:1100px}
.gd662 .mkcard{min-width:0}
.gd662chips{display:flex;gap:6px;flex-wrap:wrap}.gd662chips button{min-height:44px;padding:0 14px;border-radius:99px;border:1px solid var(--line);background:var(--panel2);color:var(--text);font:inherit;font-weight:600;cursor:pointer}
.gd662chips button[aria-pressed="true"]{background:var(--accent);color:var(--accentInk);border-color:var(--accent)}.gd662chips small{opacity:.7;font-weight:500}
.gd662t button{min-height:44px}
.gd662bar{display:flex;gap:8px;flex-wrap:wrap;align-items:flex-end}.gd662bar .btn,.gd662bar .ghost{min-height:44px}
.gd662fx{display:flex;gap:6px;flex-wrap:wrap;align-items:center;min-width:0}.gd662fx input,.gd662fx select{min-height:44px;max-width:100%}
.gd662note{margin:0}.gd662csv{display:flex;flex-direction:column;gap:6px}.gd662csv textarea{width:100%;box-sizing:border-box;font:inherit}
.gd662d{margin:10px 0 4px;font-size:13px;color:var(--muted);text-transform:uppercase;letter-spacing:.03em}
.gd662list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}.gd662list li{display:flex;gap:6px;align-items:stretch;flex-wrap:wrap;min-width:0}
.gd662row{flex:1 1 260px;min-width:0;display:flex;gap:12px;align-items:center;text-align:left;background:var(--panel2);border:1px solid var(--line);border-radius:10px;padding:10px 12px;min-height:56px;color:var(--text);font:inherit;cursor:pointer}
.gd662row.live{border-color:var(--over);box-shadow:inset 3px 0 0 var(--over)}
.gd662tm{display:flex;flex-direction:column;align-items:center;min-width:46px}.gd662tm b{font-size:16px}.gd662tm small{color:var(--muted);font-size:11px}
.gd662mt{flex:1;min-width:0;display:flex;flex-direction:column}.gd662mt b{overflow-wrap:anywhere}.gd662mt small{color:var(--muted);font-size:12px;overflow-wrap:anywhere}
.gd662tags{display:flex;gap:4px;flex-wrap:wrap;justify-content:flex-end}
.gd662star{min-height:44px}
.gd662scr{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}
.gd662scr>li{display:grid;grid-template-columns:minmax(110px,180px) 1fr;gap:10px;align-items:start;border-top:1px solid var(--line);padding-top:8px;min-width:0}
.gd662sn{display:flex;flex-direction:column}.gd662sn small{color:var(--muted);font-size:12px}
.gd662sl{display:flex;flex-direction:column;gap:6px;min-width:0}
.gd662slot,.gd662cl li{display:flex;gap:10px;align-items:center;justify-content:space-between;background:var(--panel2);border-radius:10px;padding:8px 10px;min-width:0}
.gd662slot>span,.gd662cl li>span{min-width:0;display:flex;flex-direction:column;overflow-wrap:anywhere}.gd662slot small,.gd662cl small{color:var(--muted);font-size:12px}
.gd662slot.ok,.gd662cl li.ok{box-shadow:inset 3px 0 0 var(--done)}
.gd662tick{min-height:48px!important;min-width:96px;justify-content:center;flex:0 0 auto}
.gd662cl{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}
.gd662bk{display:flex}.gd662bk .ghost{min-height:44px}
.gd662hd{gap:12px}.gd662hl{display:flex;gap:12px;align-items:flex-start;min-width:0}.gd662hl h3{margin:0;font-size:20px;overflow-wrap:anywhere}.gd662hl p{margin:2px 0 6px}.gd662hl>div{min-width:0}
.gd662big{font-size:34px;line-height:1}
.gd662acts{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.gd662acts .btn,.gd662acts .ghost{min-height:44px}
.gd662del{color:var(--over)!important}
.gd662warn{margin:0;padding:10px 12px;border-radius:10px;background:var(--accentSoft);color:var(--text);border:1px solid var(--over)}
.gd662plan{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}
.gd662plan li{display:grid;grid-template-columns:minmax(100px,1fr) minmax(0,2fr) auto;gap:8px;align-items:center;min-width:0}
.gd662plan li>span{display:flex;flex-direction:column;min-width:0}.gd662plan small{color:var(--muted);font-size:12px}
.gd662plan select{min-height:44px;min-width:0;width:100%}.gd662plan.ro li{grid-template-columns:1fr 2fr}
.gd662snd{display:inline-flex;gap:6px;align-items:center;min-height:44px;white-space:nowrap}
.gd662pr{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:4px}.gd662pr li{display:flex;gap:12px;flex-wrap:wrap;align-items:center;justify-content:space-between;min-height:44px;border-bottom:1px solid var(--line)}
.gd662pr label{display:inline-flex;gap:8px;align-items:center;min-height:44px}.gd662only{color:var(--muted);font-size:13px}
.gd662bl{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:4px}.gd662bl li{display:flex;gap:6px;align-items:center;flex-wrap:wrap;min-height:40px;border-bottom:1px solid var(--line)}
.gd662fg{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:10px}
.gd662fg label{display:flex;flex-direction:column;gap:4px;font-size:13px;font-weight:600;min-width:0}.gd662fg input,.gd662fg select{min-height:44px;min-width:0;width:100%;box-sizing:border-box}
.gd662fg .gd662w{grid-column:1/-1}.gd662fg small{font-weight:400}
.gd662ck{flex-direction:row!important;align-items:center;gap:8px!important;min-height:44px}
.gd662sw{font-size:15px}
.gd662ed{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}
.gd662er{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1.2fr) 84px minmax(0,1.2fr) 44px;gap:6px;align-items:center}
.gd662er[data-gd662row="sources"]{grid-template-columns:minmax(0,2fr) 84px minmax(0,3fr) 44px}
.gd662er input,.gd662er select{min-height:44px;min-width:0;width:100%;box-sizing:border-box}.gd662er .ghost{min-height:44px;justify-content:center}
.gd662save{position:sticky;bottom:8px;z-index:2}
.gd662tw{overflow-x:auto;max-width:100%;-webkit-overflow-scrolling:touch}
.gd662tb{width:100%;border-collapse:collapse;font-size:13px}.gd662tb th,.gd662tb td{padding:8px 6px;border-bottom:1px solid var(--line);text-align:left;vertical-align:top}.gd662tb th{color:var(--muted);font-weight:600;white-space:nowrap}
.gd662tb .n{text-align:right;white-space:nowrap}.gd662tb small{display:block;color:var(--muted);font-size:11px}.gd662top{min-width:140px}
.gd662up{color:var(--done)}.gd662dn{color:var(--over)}
.gd662rep .gd662bar label{display:flex;flex-direction:column;font-size:12px;gap:2px}.gd662rep input{min-height:44px}
.gd662home{display:flex;align-items:center;gap:12px;width:100%;box-sizing:border-box;text-align:left;margin:10px 0;padding:12px 14px;min-height:56px;border-radius:12px;border:1px solid var(--line);background:var(--panel);color:var(--text);font:inherit;cursor:pointer;box-shadow:var(--sh1)}
.gd662hi{font-size:26px}.gd662ht{flex:1;min-width:0;display:flex;flex-direction:column}.gd662ht small{color:var(--muted);overflow-wrap:anywhere}.gd662home>i{font-style:normal;font-size:22px;color:var(--muted)}
.gd662evb{margin-left:6px}
.gd662strip{display:flex;gap:8px;align-items:center;flex-wrap:wrap;width:100%;box-sizing:border-box;min-height:44px;padding:6px 14px;border:0;border-bottom:1px solid var(--line);background:var(--panel2);color:var(--text);font:inherit;font-size:14px;cursor:pointer;text-align:left}
.gd662strip b{overflow-wrap:anywhere}.gd662lv{font-style:normal;background:var(--over);color:#fff;border-radius:4px;padding:1px 6px;font-size:11px;font-weight:800}
.gd662tg{color:var(--accent)}
.gd662pop{position:fixed;inset:0;z-index:9999;background:var(--scrim);display:flex;align-items:flex-end;justify-content:center}
.gd662pp{background:var(--panel);color:var(--text);width:100%;max-width:520px;max-height:85vh;overflow:auto;border-radius:16px 16px 0 0;padding:16px;box-sizing:border-box;display:flex;flex-direction:column;gap:10px}
@media (min-width:700px){.gd662pop{align-items:center}.gd662pp{border-radius:16px}}
.gd662ph{display:flex;justify-content:space-between;align-items:center}.gd662ph h3{margin:0}.gd662ph .ghost{min-height:44px;min-width:44px;justify-content:center}
.gd662pp ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}.gd662pp li{display:flex;flex-direction:column;gap:2px;padding:10px;border-radius:10px;background:var(--panel2)}
.gd662pp li span,.gd662pp li small{color:var(--muted);font-size:13px}.gd662pp .gd662pd{color:var(--prog);font-weight:600}.gd662pp .btn{min-height:44px;justify-content:center}
@media (max-width:640px){
  .gd662scr>li{grid-template-columns:1fr}
  .gd662plan li{grid-template-columns:1fr auto}.gd662plan li>span{grid-column:1/-1}
  .gd662er,.gd662er[data-gd662row="sources"]{grid-template-columns:1fr 1fr}.gd662er [data-f="name"]{grid-column:1/-1}
  .gd662tick{min-width:84px}
}
/* phone: the 5 Game Day tabs scroll sideways inside their bar, never cut off */
.gd662t{overflow-x:auto!important;overflow-y:hidden;flex-wrap:nowrap!important;scrollbar-width:none;-webkit-overflow-scrolling:touch;scroll-snap-type:x proximity;max-width:100%}
.gd662t::-webkit-scrollbar{display:none}.gd662t button{flex:0 0 auto;white-space:nowrap;scroll-snap-align:start}
@media (max-width:480px){.gd662t button{padding-left:10px!important;padding-right:10px!important}}

/* ===== v6.6.2 · gd662b · Game Day → Display & PC ===== */
.gd662b{display:flex;flex-direction:column;gap:14px;min-width:0}
.gd662b code{font-size:12.5px;overflow-wrap:anywhere;word-break:break-all;background:var(--panel2);border:1px solid var(--line);border-radius:6px;padding:2px 6px}
.gd662berr{color:var(--bad,#c0392b);font-weight:600;margin:0}
.gd662bst{display:flex;flex-direction:column;gap:2px;padding:12px 14px;border-radius:12px;border:1px solid var(--line);background:var(--panel2)}
.gd662bst b{font-size:15px}.gd662bst span{font-size:13px;color:var(--muted)}
.gd662bst.ok{border-color:color-mix(in srgb,#1f9d55 50%,var(--line));background:color-mix(in srgb,#1f9d55 9%,var(--panel))}
.gd662bst.bad{border-color:color-mix(in srgb,#E5383B 60%,var(--line));background:color-mix(in srgb,#E5383B 10%,var(--panel))}
.gd662bsec{display:flex;flex-direction:column;gap:10px;padding:14px;border:1px solid var(--line);border-radius:14px;background:var(--panel);min-width:0}
.gd662bsec h3{margin:0;font-size:16px}.gd662bsec>p{margin:0}
.gd662brow{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.gd662b .btn,.gd662b button.ghost,.gd662b .gd662ba{min-height:44px}
.gd662b .gd662ba{display:inline-flex;align-items:center;text-decoration:none;padding:0 12px;border:1px solid var(--line);border-radius:8px;color:var(--text)}
.gd662bml,.gd662bdl{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}
.gd662bml li{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px;padding:10px 12px;border:1px solid var(--line);border-radius:12px;background:var(--panel2)}
.gd662bml li.live{border-color:#F08A24;box-shadow:inset 4px 0 0 #F08A24}
.gd662bmt{flex:1 1 220px;display:flex;flex-direction:column;min-width:0}.gd662bmt b{overflow-wrap:anywhere}
.gd662blive{font-style:normal;font-weight:800;color:#fff;background:#E5383B;border-radius:6px;padding:0 6px}
.gd662bsc{display:flex;align-items:center;gap:4px;flex-wrap:wrap}
.gd662bsc button.ghost{min-width:44px;font-size:20px;font-weight:800;padding:0}
.gd662bsc output{min-width:34px;text-align:center;font-size:22px;font-weight:800;font-variant-numeric:tabular-nums}
.gd662bsc select,.gd662bsc input{min-height:44px}.gd662bmin{width:64px}
.gd662blay{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.gd662blay button{display:flex;flex-direction:column;align-items:flex-start;gap:3px;text-align:left;min-height:64px;padding:10px 12px;border-radius:12px;border:1px solid var(--line);background:var(--panel2);color:var(--text);cursor:pointer}
.gd662blay button span{font-size:12px;color:var(--muted)}
.gd662blay button[aria-checked="true"]{border-color:#F08A24;box-shadow:0 0 0 2px #F08A24 inset;background:color-mix(in srgb,#F08A24 10%,var(--panel2))}
.gd662bsch{position:relative;aspect-ratio:16/9;max-width:420px;width:100%;border-radius:10px;overflow:hidden;background:#000;border:1px solid var(--line);font-size:12px;font-weight:700;color:#fff}
.gd662bsch .g{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:repeating-linear-gradient(135deg,#1d2a24 0 12px,#17221d 12px 24px);color:#cfe3d9}
.gd662bsch .p{position:absolute;display:flex;align-items:center;justify-content:center;text-align:center;padding:6px;background:#0F3D2E;border:2px solid #F08A24}
.gd662bsch.side .p{top:0;bottom:0;width:var(--w)}.gd662bsch.side.r .p{right:0}.gd662bsch.side.l .p{left:0}
.gd662bsch.side.r .g{right:var(--w)}.gd662bsch.side.l .g{left:var(--w)}
.gd662bsch.ticker .p{left:0;right:0;bottom:0;height:16%}.gd662bsch.ticker .g{bottom:16%}
.gd662bsch.full .p{inset:0}.gd662bsch.full .g{display:none}
.gd662bpf{align-items:end}.gd662bpf .gd662bfull{grid-column:1/-1}.gd662bpf input,.gd662bpf select{min-height:44px}
.gd662bck{flex-direction:row!important;align-items:center;gap:8px!important;min-height:44px}.gd662bck input{width:22px;height:22px;min-height:0!important}
.gd662bseg{display:flex;flex-wrap:wrap}.gd662bseg button{min-height:44px;flex:1 1 auto}
.gd662bpvh{display:flex;gap:8px;align-items:baseline;flex-wrap:wrap}
.gd662bpv{position:relative;width:100%;max-width:640px;overflow:hidden;border-radius:10px;border:1px solid var(--line);background:#000}
.gd662bpv iframe{position:absolute;left:0;top:0;border:0;transform-origin:0 0;pointer-events:none}
.gd662bdl li{display:flex;flex-wrap:wrap;align-items:center;gap:8px;padding:10px 12px;border:1px solid var(--line);border-radius:12px;background:var(--panel2)}
.gd662bdl li>div:first-child{flex:1 1 180px;display:flex;flex-direction:column;min-width:0}.gd662bdl select{min-height:44px;max-width:100%}
.gd662burl,.gd662bnew,.gd662bkey{flex:1 1 100%;display:flex;flex-direction:column;gap:8px;min-width:0}
.gd662bnew,.gd662bkey{padding:12px 14px;border-radius:12px;border:1px solid #F08A24;background:color-mix(in srgb,#F08A24 9%,var(--panel))}.gd662bnew p,.gd662bkey p{margin:0}
.gd662bkey code{font-size:20px;font-weight:800;letter-spacing:.04em;padding:8px 10px;user-select:all}
.gd662bqr{background:#fff;border-radius:10px;padding:6px;align-self:flex-start;line-height:0}.gd662bqr svg{width:150px;height:150px}
.gd662bf{display:flex;flex-wrap:wrap;gap:8px;align-items:flex-end}.gd662bf label{flex:1 1 200px;display:flex;flex-direction:column;gap:4px;font-size:12px;color:var(--muted);font-weight:600}.gd662bf input{min-height:44px}
.gd662btest{display:flex;flex-wrap:wrap;align-items:flex-end;gap:8px;padding:10px 12px;border-radius:12px;background:var(--panel2);border:1px solid var(--line)}
.gd662btest label{display:flex;flex-direction:column;gap:4px;font-size:12px;color:var(--muted);font-weight:600}.gd662btest input{width:84px;min-height:44px}.gd662btest select{min-height:44px}.gd662btest>span{padding-bottom:12px;font-weight:800}.gd662btest>b{align-self:center}
.gd662bhow summary{cursor:pointer;font-weight:700;min-height:44px;display:flex;align-items:center}.gd662bhow ol{margin:4px 0 0;padding-left:20px;display:flex;flex-direction:column;gap:8px}.gd662bhow li{line-height:1.5}
.gd662bcl{display:flex;flex-direction:column;gap:6px}.gd662bcl ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:4px}
.gd662bcl li{display:flex;flex-wrap:wrap;justify-content:space-between;gap:4px 10px;font-size:13px;padding:6px 0;border-bottom:1px dashed var(--line)}.gd662bcl em{font-style:normal;font-weight:700}
.gd662bcl li.ok em{color:#1f9d55}.gd662bcl li.fail em{color:#E5383B}.gd662bcl li.pending em,.gd662bcl li.sent em{color:#F08A24}
.gd662bcard{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px;margin:14px 0;padding:14px 16px;border:1px solid var(--line);border-left:5px solid #F08A24;border-radius:14px;background:var(--panel)}
.gd662bcard>div{display:flex;flex-direction:column;gap:2px;min-width:0;flex:1 1 220px}.gd662bcard b{font-size:16px}.gd662bcard .btn{min-height:44px}
.gd662bm{z-index:1000!important}.gd662bm .mkm{max-width:860px}
@media (max-width:699px){.gd662blay{grid-template-columns:1fr}.gd662bpf{grid-template-columns:1fr}.gd662bsec{padding:12px}}
/* ===== v6.6.3 · tv663 · Game Day → 📺 TVs and 📡 IPTV channels ===== */
.tv663p,.tv663c{display:flex;flex-direction:column;gap:12px;min-width:0}
.tv663p h4,.tv663c h4{margin:4px 0 0;font-size:15px}
.tv663p code,.tv663c code{font-size:12.5px;overflow-wrap:anywhere;word-break:break-all;background:var(--panel2);border:1px solid var(--line);border-radius:6px;padding:2px 6px}
.tv663p button,.tv663c button,.tv663p select,.tv663c select,.tv663c input[type=text],.tv663c input[type=url],.tv663c input[type=search]{min-height:44px}
.tv663bt{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.tv663snd{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;padding:10px 12px;border-radius:12px;background:var(--panel2);border:1px solid var(--line)}
.tv663snd small{color:var(--muted)}
.tv663l,.tv663dl,.tv663il,.tv663kl{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px;min-width:0}
.tv663s{display:flex;flex-direction:column;gap:8px;padding:12px;border:1px solid var(--line);border-radius:14px;background:var(--panel2);min-width:0}
.tv663sh{display:flex;gap:10px;align-items:flex-start;min-width:0}
.tv663sn{display:flex;flex-direction:column;gap:2px;min-width:0;flex:1}.tv663sn b{font-size:15px;overflow-wrap:anywhere}.tv663sn>span{overflow-wrap:anywhere}.tv663sn small{color:var(--muted)}
.tv663dot{flex:none;width:14px;height:14px;border-radius:50%;margin-top:4px;background:#9AA5A0;box-shadow:0 0 0 3px color-mix(in srgb,#9AA5A0 25%,transparent)}
.tv663dot.ok{background:#1f9d55;box-shadow:0 0 0 3px color-mix(in srgb,#1f9d55 25%,transparent)}.tv663dot.warn{background:#F08A24;box-shadow:0 0 0 3px color-mix(in srgb,#F08A24 25%,transparent)}.tv663dot.bad{background:#E5383B;box-shadow:0 0 0 3px color-mix(in srgb,#E5383B 25%,transparent)}
.tv663st.bad{color:#E5383B!important;font-weight:700}.tv663st.ok{color:#1f9d55!important}
.tv663warn{margin:0;padding:8px 10px;border-radius:10px;border:1px solid color-mix(in srgb,#E5383B 55%,var(--line));background:color-mix(in srgb,#E5383B 9%,var(--panel));font-size:13.5px}
.tv663pk,.tv663set{display:flex;flex-wrap:wrap;gap:10px;align-items:flex-end;padding:10px;border-radius:12px;background:var(--panel);border:1px solid var(--line)}
.tv663pk label,.tv663set>label,.tv663row label,.tv663w{display:flex;flex-direction:column;gap:4px;font-size:12px;color:var(--muted);font-weight:600;flex:1 1 220px;min-width:0}
.tv663pk select,.tv663set select{width:100%;max-width:100%}
.tv663ck{flex-direction:row!important;align-items:center;gap:8px!important;min-height:44px}.tv663ck input{width:22px;height:22px}
.tv663set input[type=range]{width:100%;min-height:44px}
.tv663dev{flex:1 1 100%;display:flex;flex-direction:column;gap:8px;min-width:0}.tv663dev p{margin:0}
.tv663qr{background:#fff;border-radius:10px;padding:6px;align-self:flex-start;line-height:0}.tv663qr svg{width:150px;height:150px}
.tv663del{color:#E5383B}
.tv663pc{display:flex;flex-direction:column;gap:10px;padding-top:6px;border-top:1px solid var(--line);min-width:0}
.tv663pcs{margin:0;font-weight:700}.tv663pcs.bad{color:#E5383B}.tv663pcs.ok{color:#1f9d55}
.tv663key{display:flex;flex-direction:column;gap:8px;padding:12px;border-radius:12px;border:1px solid #F08A24;background:color-mix(in srgb,#F08A24 9%,var(--panel))}.tv663key p{margin:0}.tv663key code{font-size:19px;font-weight:800;padding:8px 10px;user-select:all}
.tv663dl li{display:flex;flex-wrap:wrap;align-items:center;gap:8px;padding:10px 12px;border:1px solid var(--line);border-radius:12px;background:var(--panel2)}
.tv663dl li>div{flex:1 1 200px;display:flex;flex-direction:column;min-width:0}.tv663dl small{color:var(--muted)}.tv663dl select{flex:1 1 150px;max-width:100%}
.tv663rl ul{list-style:none;margin:6px 0 0;padding:0;display:flex;flex-direction:column;gap:4px}.tv663rl li{display:flex;flex-wrap:wrap;justify-content:space-between;gap:4px 10px;font-size:13px;padding:6px 0;border-bottom:1px dashed var(--line)}.tv663rl em{color:#E5383B;font-style:normal}
.tv663how summary{cursor:pointer;font-weight:700;min-height:44px;display:flex;align-items:center}.tv663how ol{margin:4px 0 0;padding-left:20px;display:flex;flex-direction:column;gap:8px}.tv663how li{line-height:1.5}
.tv663imp,.tv663pick{display:flex;flex-direction:column;gap:10px;min-width:0}.tv663imp p{margin:0}
.tv663row{display:flex;flex-wrap:wrap;gap:8px;align-items:flex-end;min-width:0}.tv663row .hint{flex:1 1 220px;min-width:0}
.tv663w textarea{width:100%;min-height:110px;font-family:ui-monospace,Menlo,Consolas,monospace;font-size:12.5px}
.tv663pick{padding:10px;border-radius:12px;border:1px solid #F08A24;background:color-mix(in srgb,#F08A24 5%,var(--panel))}
.tv663il{max-height:420px;overflow:auto;overscroll-behavior:contain}
.tv663il label{display:flex;align-items:center;gap:10px;min-height:48px;padding:4px 6px;border-radius:10px;cursor:pointer}.tv663il label:hover{background:var(--panel2)}
.tv663il input{width:22px;height:22px;flex:none}.tv663il span{display:flex;flex-direction:column;min-width:0}.tv663il b{overflow-wrap:anywhere}.tv663il small{color:var(--muted);overflow-wrap:anywhere}
.tv663il img,.tv663kl img,.tv663nl{width:40px;height:40px;object-fit:contain;border-radius:8px;background:#000;flex:none;display:inline-flex;align-items:center;justify-content:center}
.tv663kl li{display:flex;flex-wrap:wrap;align-items:center;gap:8px 10px;padding:8px 10px;border:1px solid var(--line);border-radius:12px;background:var(--panel2)}
.tv663kn{flex:1 1 200px;display:flex;flex-direction:column;gap:3px;min-width:0}.tv663kn input{width:100%}.tv663kn small{color:var(--muted);overflow-wrap:anywhere}
.tv663kl .tv663bt button{min-width:44px}
.tv663t.ok{color:#1f9d55!important;font-weight:700}.tv663t.bad{color:#E5383B!important;font-weight:700}
.tv663h4{margin:6px 0 0}
@media (max-width:699px){.tv663s{padding:10px}.tv663bt>button{flex:1 1 auto}.tv663pk,.tv663set{padding:8px}}
.tv663pc1{display:flex;flex-direction:column;gap:8px;padding:10px 12px;border:1px solid var(--line);border-radius:14px;background:var(--panel2);min-width:0}.tv663pc1 .tv663dl li{background:var(--panel)}
/* 6.6.4 hidden room types in the Channex card */
.hd664{margin-top:8px;padding-top:8px;border-top:1px solid var(--line,rgba(127,127,127,.25))}
.hd664 .ezr{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:44px}
.hd664 .hd664rm{min-height:36px}
/* 6.6.5 re-link */
.hd665{margin-top:8px;padding-top:8px;border-top:1px solid var(--line,rgba(127,127,127,.25));display:flex;flex-wrap:wrap;align-items:center;gap:8px}
.hd665 .hint{flex:1 1 260px;margin:0}
.hd665 button{min-height:36px}
/* v6.6.8 · HR new-shift question, review list, P&L and Night hours */
.h668ask{margin:10px 0;padding:14px;border-radius:14px;background:color-mix(in srgb,#F08A24 14%,var(--card,var(--panel)));border:1px solid color-mix(in srgb,#F08A24 45%,transparent);color:var(--ink,inherit)}
.h668ask p{margin:0 0 10px;font-weight:600;line-height:1.4}
.h668b{display:flex;gap:8px;flex-wrap:wrap}.h668b button{min-height:44px;padding:0 16px;border-radius:12px;font-weight:700}
.h668go{background:#0F3D2E;color:#fff;border:0}.h668go.out{background:#B7202B}
.h668r{margin:0 0 12px;padding:10px 14px;border-radius:14px;border:1px solid color-mix(in srgb,#F08A24 45%,transparent);background:var(--card,var(--panel))}
.h668r summary{cursor:pointer;font-weight:700;min-height:32px;display:flex;align-items:center}
.h668r ul{list-style:none;margin:8px 0 0;padding:0;display:grid;gap:8px}
.h668r li{display:flex;gap:10px;justify-content:space-between;align-items:center;flex-wrap:wrap;padding:8px 0;border-top:1px solid var(--line)}
.h668ok{display:flex;gap:6px;flex:1 1 240px;max-width:420px}.h668ok input{flex:1;min-width:0;min-height:40px}.h668ok button{min-height:40px;white-space:nowrap}
.od668n{all:unset;cursor:pointer;border-radius:6px;padding:1px 3px;margin:-1px -3px;font:inherit;color:inherit;text-decoration:underline dotted color-mix(in srgb,currentColor 40%,transparent);text-underline-offset:3px}
.od668n:hover{background:color-mix(in srgb,#F08A24 14%,transparent)}.od668n:focus-visible,.od668lk:focus-visible{outline:2px solid #F08A24;outline-offset:2px}
.od668n.big{text-decoration:none}.od668lk{cursor:pointer}.od668lk:hover{background:color-mix(in srgb,#F08A24 8%,transparent);border-radius:8px}
.od668nh{opacity:.7;font-weight:500}
.od668s{display:grid;gap:6px}.od668h{all:unset;cursor:pointer;display:flex;justify-content:space-between;gap:8px;font-weight:700;font-size:14.5px;min-height:32px;align-items:center}
.od668h em{font-style:normal;font-weight:600;color:#F08A24;font-size:13px}.od668t{display:flex;gap:10px;align-items:baseline;flex-wrap:wrap}.od668t b{font-size:22px;font-variant-numeric:tabular-nums}
.od668b{display:grid;grid-template-columns:repeat(12,1fr);gap:3px;height:var(--h,46px);align-items:end}
.od668b i{position:relative;height:100%;display:flex;align-items:flex-end;border-radius:4px;background:color-mix(in srgb,var(--line) 45%,transparent)}
.od668b i b{display:block;width:100%;border-radius:4px;background:#F08A24;min-height:2px}
.od668b i u{position:absolute;left:-1px;right:-1px;height:0;border-top:2px solid #0F3D2E;text-decoration:none}
:root[data-theme="dark"] .od668b i u,:root[data-theme="dark"] .od668k .k2{border-top-color:#9FE3C2}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .od668b i u,:root:not([data-theme="light"]) .od668k .k2{border-top-color:#9FE3C2}}
.od668x{display:flex;justify-content:space-between;font-size:11px;opacity:.7}
.od668k{display:flex;gap:6px;align-items:center;margin:0}.od668k i{display:inline-block;width:12px;height:8px;border-radius:2px}.od668k .k1{background:#F08A24}.od668k .k2{height:0;border-top:2px solid #0F3D2E;margin-left:8px}
.od668m{position:fixed;inset:0;z-index:2000;background:rgba(0,0,0,.45);display:flex;justify-content:center;align-items:flex-end}
@media (min-width:700px){.od668m{align-items:center}}
.od668p{background:var(--bg,var(--panel));color:var(--ink,inherit);width:min(900px,100%);max-height:92vh;overflow:auto;border-radius:18px 18px 0 0;padding:12px 16px calc(16px + env(safe-area-inset-bottom))}
@media (min-width:700px){.od668p{border-radius:18px}}
.od668mh{display:flex;align-items:center;gap:10px;position:sticky;top:-12px;background:inherit;padding:6px 0;z-index:1}.od668mh>b{flex:1;font-size:17px}
.od668mh button{min-width:44px;min-height:44px}.od668nav{display:flex;align-items:center;gap:4px;font-weight:600}
.od668g{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:10px;margin:10px 0}
.od668o{padding:12px;border-radius:14px;border:1px solid var(--line);background:var(--card,var(--panel));display:grid;gap:6px;min-width:0}.od668o.tot{margin-top:6px}
.od668o header{display:flex;justify-content:space-between;gap:8px;font-size:15px}.od668o p{margin:0}
/* v6.7.0 · OSNL AI */
.ac670on #aiTop,.ac670on .qk196[data-v="ai"]{display:none!important}
.ac670{max-width:1100px;margin:0 auto;padding:0 0 24px}
.ac-hero{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;flex-wrap:wrap;padding:18px 20px;border-radius:var(--u-rc,18px);background:linear-gradient(135deg,#0F3D2E,#145440);color:#fff;margin:0 0 12px}
.ac-hero h2{margin:0;font-size:24px;color:#fff}.ac-hero .hint{color:rgba(255,255,255,.82);margin:4px 0 0}.ac-hero .chip{background:rgba(255,255,255,.14);color:#fff;border-color:rgba(255,255,255,.3)}
.ac-tabs{display:flex;gap:6px;overflow-x:auto;scrollbar-width:none;margin:0 0 12px;padding:2px}
.ac-tabs button{flex:none;min-height:40px;padding:0 14px;border-radius:999px;border:1px solid var(--line);background:var(--card,var(--panel));color:inherit;font-weight:600;cursor:pointer}
.ac-tabs button[aria-selected="true"]{background:#0F3D2E;color:#fff;border-color:#0F3D2E}
:root[data-theme="dark"] .ac-tabs button[aria-selected="true"]{background:#F08A24;border-color:#F08A24;color:#111}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .ac-tabs button[aria-selected="true"]{background:#F08A24;border-color:#F08A24;color:#111}}
.ac-body{display:grid;gap:12px}
.ac-chat{display:grid;gap:10px}
.ac-msgs{display:flex;flex-direction:column;gap:10px;max-height:min(62vh,640px);overflow:auto;padding:4px 2px}
.ac-msg{display:flex;gap:8px;align-items:flex-start}.ac-msg.me{justify-content:flex-end}
.ac-av{flex:none;width:32px;height:32px;border-radius:50%;display:grid;place-items:center;background:#0F3D2E;color:#fff}
.ac-bub{max-width:min(720px,88%);padding:10px 14px;border-radius:16px;background:var(--card,var(--panel));border:1px solid var(--line);line-height:1.45;overflow-wrap:anywhere}
.ac-msg.me .ac-bub{background:#0F3D2E;color:#fff;border-color:#0F3D2E}
.ac-tl{display:block;margin-top:6px;font-size:12px}
.ac-dots{display:inline-flex;gap:3px;vertical-align:middle}.ac-dots i{width:6px;height:6px;border-radius:50%;background:#F08A24;animation:acd 1s infinite}.ac-dots i:nth-child(2){animation-delay:.15s}.ac-dots i:nth-child(3){animation-delay:.3s}
@keyframes acd{0%,100%{opacity:.25}50%{opacity:1}}@media (prefers-reduced-motion:reduce){.ac-dots i{animation:none}}
.ac-chips{display:flex;gap:6px;overflow-x:auto;scrollbar-width:none;padding:2px}.ac-chips .chip{flex:none;cursor:pointer;min-height:34px;white-space:nowrap}.ac-chips .chip.on{background:#F08A24;color:#111;border-color:#F08A24}
.ac-in{display:flex;gap:8px;align-items:flex-end}.ac-in textarea{flex:1;min-width:0;min-height:48px;resize:vertical;border-radius:14px;padding:10px 12px}.ac-in .btn{min-height:48px;padding:0 20px}
.ac-clear{justify-self:start}
.ac-empty{padding:22px;border-radius:16px;border:1px dashed var(--line);text-align:center}.ac-empty p{margin:6px auto 0;max-width:560px}
.ac-card{display:flex;gap:12px;align-items:flex-start;margin-top:8px;padding:10px;border-radius:14px;border:1px solid var(--line);background:color-mix(in srgb,#F08A24 6%,var(--card,var(--panel)));color:var(--ink,inherit)}
.ac-card.wait{background:color-mix(in srgb,#F08A24 14%,var(--card,var(--panel)))}.ac-card b{display:block}.ac-card .hint{display:block}
.ac-qr{flex:none;background:#fff;padding:4px;border-radius:10px;line-height:0}.ac-ic{font-size:22px;flex:none}
.ac-url{display:block;font-size:12px;overflow-wrap:anywhere;margin:2px 0}
.ac-acts{display:flex;gap:6px;flex-wrap:wrap;align-items:center;margin-top:6px}.ac-acts .btn,.ac-acts .ghost{min-height:40px}
.ac-list{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.ac-list>li{display:flex;gap:10px;justify-content:space-between;align-items:flex-start;flex-wrap:wrap;padding:12px;border-radius:14px;border:1px solid var(--line);background:var(--card,var(--panel))}
.ac-list>li>div:first-child{flex:1 1 280px;min-width:0}.ac-list b{display:block}.ac-list .chip{margin-bottom:4px}
.ac-cap{margin:8px 0 0;padding:8px 12px;border-left:3px solid #F08A24;background:color-mix(in srgb,var(--line) 30%,transparent);border-radius:0 10px 10px 0;font-size:14px}
.ac-lg{align-items:center}.ac-st{flex:none;width:28px;height:28px;border-radius:50%;display:grid;place-items:center;font-weight:700;background:color-mix(in srgb,var(--line) 50%,transparent)}
.ac-lg.done .ac-st,.ac-lg.approved .ac-st{background:#0F3D2E;color:#fff}.ac-lg.failed .ac-st{background:#B7202B;color:#fff}.ac-lg.pending .ac-st{background:#F08A24;color:#111}
.ac-gtop{display:flex;justify-content:space-between;align-items:center;gap:8px;flex-wrap:wrap}.ac-gtop h3{margin:0}
.ac-goals{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:10px}
.ac-goal{padding:14px;border-radius:16px;border:1px solid var(--line);background:var(--card,var(--panel));display:grid;gap:6px}
.ac-gh{display:flex;justify-content:space-between;gap:6px;align-items:center}.ac-gv b{font-size:26px;font-variant-numeric:tabular-nums;margin-right:6px}
.ac-goal.on .chip{background:#0F3D2E;color:#fff}.ac-goal.near .chip{background:#F08A24;color:#111}.ac-goal.off .chip{background:#B7202B;color:#fff}
.ac-bar{position:relative;height:10px;border-radius:6px;background:color-mix(in srgb,var(--line) 60%,transparent)}.ac-bar i{display:block;height:100%;border-radius:6px;background:#F08A24}.ac-goal.on .ac-bar i{background:#159258}
.ac-bar u{position:absolute;top:-4px;bottom:-4px;width:2px;background:var(--ink,#111);text-decoration:none}
.ac-rep,.ac-sec,.ac-gset{padding:14px 16px;border-radius:16px;border:1px solid var(--line);background:var(--card,var(--panel))}.ac-rep h3,.ac-sec h3{margin:0 0 6px}
.ac-night{list-style:none;padding:0;margin:8px 0;display:flex;flex-wrap:wrap;gap:6px}.ac-night li{padding:6px 10px;border-radius:10px;border:1px solid var(--line)}.ac-night li.low{border-color:#B7202B}
.ac-gset summary{cursor:pointer;font-weight:700;min-height:32px}
.ac-md{display:grid;gap:12px}.ac-mdf{align-items:end}
.ac-prev{width:100%;height:min(80vh,900px);border:1px solid var(--line);border-radius:14px;background:#8a8f94}
.ac-pt h3{margin:4px 0 8px}
.ac-set{display:grid;gap:12px}.ac-pick{display:flex;flex-wrap:wrap;gap:6px;margin-top:6px}
.ac-ck{display:inline-flex;gap:6px;align-items:center;min-height:40px;padding:0 12px;border-radius:999px;border:1px solid var(--line);cursor:pointer}.ac-ck:has(input:checked){border-color:#F08A24;background:color-mix(in srgb,#F08A24 12%,transparent)}
.ac-modes{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:10px;margin:8px 0 12px}.ac-mode{padding:10px 12px;border-radius:14px;border:1px solid var(--line);display:grid;gap:6px}
.ac-seg{display:inline-flex;border:1px solid var(--line);border-radius:12px;overflow:hidden;width:max-content}.ac-seg label{cursor:pointer}.ac-seg input{position:absolute;opacity:0;pointer-events:none}
.ac-seg span{display:inline-flex;align-items:center;min-height:40px;padding:0 14px;font-weight:600}.ac-seg input:checked+span{background:#0F3D2E;color:#fff}.ac-seg input:focus-visible+span{outline:2px solid #F08A24;outline-offset:-2px}
.ac-pbs{display:grid;gap:4px;margin:6px 0 12px}.ac-savebar{position:sticky;bottom:calc(8px + env(safe-area-inset-bottom));justify-content:flex-end}
@media (max-width:640px){.ac-hero{padding:14px}.ac-hero h2{font-size:20px}.ac-bub{max-width:92%}.ac-in{position:sticky;bottom:calc(64px + env(safe-area-inset-bottom));background:var(--bg);padding:6px 0}}
/* v6.7.2 · POS Menu Designer */
.md672{display:grid;grid-template-columns:minmax(300px,420px) 1fr;gap:14px;padding:12px;align-items:start}
@media (max-width:900px){.md672{grid-template-columns:1fr}}
.md-ctl{display:grid;gap:10px;padding:14px;border-radius:var(--u-rc,16px);border:1px solid var(--line);background:var(--card,var(--panel));min-width:0}
.md-ctl h4{margin:6px 0 0;font-size:14px}.md-ctl label{display:grid;gap:4px;font-size:13px;font-weight:600;min-width:0}.md-ctl select,.md-ctl input[type=text]{min-height:42px;width:100%}
.md-row2{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.md-tpls{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}@media (max-width:420px){.md-tpls{grid-template-columns:repeat(2,1fr)}}
.md-tp{cursor:pointer;display:grid!important;gap:4px;padding:4px;border-radius:12px;border:2px solid transparent;text-align:center}.md-tp input{position:absolute;opacity:0;pointer-events:none}
.md-tp.on,.md-tp:has(input:checked){border-color:#F08A24}.md-tp:has(input:focus-visible){outline:2px solid #F08A24;outline-offset:2px}
.md-sw{position:relative;display:grid;place-items:center;height:54px;border-radius:9px;font:700 18px Georgia,serif;border:1px solid var(--line)}.md-sw i{position:absolute;left:6px;right:6px;bottom:6px;height:4px;border-radius:2px}
.md-tp b{font-size:11.5px;font-weight:600;line-height:1.2}
.md-acc{display:flex;gap:6px;align-items:center}.md-acc input[type=color]{width:48px;height:42px;padding:2px;border-radius:10px}
.md-seg{display:inline-flex;border:1px solid var(--line);border-radius:12px;overflow:hidden;margin-top:4px}.md-seg label{cursor:pointer}.md-seg input{position:absolute;opacity:0;pointer-events:none}
.md-seg span{display:inline-flex;align-items:center;justify-content:center;min-width:44px;min-height:42px;font-weight:700}.md-seg input:checked+span{background:#0F3D2E;color:#fff}.md-seg input:focus-visible+span{outline:2px solid #F08A24;outline-offset:-2px}
.md-cks{display:flex;flex-wrap:wrap;gap:6px}.md-ck{display:inline-flex!important;grid-auto-flow:column;gap:6px!important;align-items:center;min-height:40px;padding:0 12px;border-radius:999px;border:1px solid var(--line);cursor:pointer}.md-ck:has(input:checked){border-color:#F08A24;background:color-mix(in srgb,#F08A24 12%,transparent)}
.md-cats{list-style:none;margin:0;padding:0;display:grid;gap:6px;max-height:min(52vh,560px);overflow:auto}
.md-cat{border:1px solid var(--line);border-radius:12px;padding:6px 8px}.md-cat:not(.on){opacity:.7}
.md-ch{display:flex;justify-content:space-between;align-items:center;gap:6px}.md-ch label{display:flex!important;gap:8px;align-items:center;min-height:40px}.md-mv{display:flex;gap:4px}.md-mv button{min-width:40px;min-height:40px;padding:0 8px}
.md-its{list-style:none;margin:4px 0 2px;padding:0 0 0 26px;display:grid;gap:2px}.md-its label{display:flex!important;gap:8px;align-items:center;font-weight:500;min-height:36px}.md-its em{margin-left:auto;font-style:normal;opacity:.75}
.md-save{display:flex;gap:6px;flex-wrap:wrap}.md-save input{flex:1 1 200px}.md-save button{min-height:42px}
.md-out{display:grid;gap:10px;min-width:0}.md-acts{display:flex;gap:6px;flex-wrap:wrap;align-items:center}.md-acts button{min-height:44px}
.md-prev{width:100%;border:1px solid var(--line);border-radius:14px;background:#8a8f94}
.md-hub{display:flex;gap:12px;align-items:center;width:100%;margin:0 0 12px;padding:12px 14px;border-radius:var(--u-rc,16px);border:1px solid var(--line);background:linear-gradient(135deg,color-mix(in srgb,#0F3D2E 10%,var(--card,var(--panel))),var(--card,var(--panel)));color:inherit;text-align:left;cursor:pointer;min-height:56px}
.md-hub>span:first-child{font-size:24px}.md-hub b{display:block}.md-hub small{opacity:.75}.md-hub em{margin-left:auto;font-style:normal;font-size:22px;color:#F08A24}
.md-pw{position:relative;height:min(82vh,1000px)}.md-pw .md-prev{position:absolute;inset:0;height:100%}.md-prev.back{visibility:hidden}
.md-grip{cursor:grab;touch-action:none;user-select:none;display:inline-grid;place-items:center;min-width:32px;min-height:40px;font-weight:700;opacity:.6}.md-cat.drag{opacity:.9;box-shadow:0 8px 22px rgba(0,0,0,.25);border-color:#F08A24;background:var(--card,var(--panel))}
.md-ch label{flex:1;min-width:0}.md-st{margin-left:auto}
/* v6.7.3 · Menu Designer: AI, pages, featured */
.md-aibtn{display:flex;gap:10px;align-items:center;width:100%;padding:10px 12px;border-radius:14px;border:1px solid color-mix(in srgb,#F08A24 50%,var(--line));background:linear-gradient(135deg,color-mix(in srgb,#F08A24 14%,var(--card,var(--panel))),var(--card,var(--panel)));color:inherit;text-align:left;cursor:pointer;min-height:52px}
.md-aibtn>span:first-child{font-size:22px}.md-aibtn b{display:block}.md-aibtn small{opacity:.75}
.md-ai{display:grid;gap:8px;padding:12px;border-radius:14px;border:1px solid #F08A24;background:color-mix(in srgb,#F08A24 8%,var(--card,var(--panel)))}
.md-aih{display:flex;justify-content:space-between;align-items:center}.md-aih button{min-width:40px;min-height:40px}.md-ai textarea{width:100%;min-height:72px;border-radius:12px;padding:8px 10px}
.md-aires{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}@media (max-width:520px){.md-aires{grid-template-columns:1fr}}
.md-aic{display:grid;gap:4px;font-size:12.5px}.md-aic button{min-height:40px}
.md-ait{position:relative;height:190px;overflow:hidden;border-radius:10px;border:1px solid var(--line);background:#8a8f94}.md-ait iframe{position:absolute;left:0;top:0;width:400%;height:400%;transform:scale(.25);transform-origin:0 0;border:0;pointer-events:none}
.md-aid{display:grid;gap:6px}.md-aidl{display:flex!important;gap:8px;align-items:flex-start;font-weight:500!important}.md-aidl em{display:block;font-style:normal;opacity:.8}
.md-star{min-width:40px;min-height:36px;padding:0 6px;font-size:18px;line-height:1}.md-star.on{color:#F08A24}
.md-brkb{min-height:40px;padding:0 8px;font-size:12px}.md-brkb.on{background:#0F3D2E;color:#fff}
.md-its li{display:flex;align-items:center;gap:4px}.md-its li label{flex:1}.md-fh{align-self:end}
/* v6.7.4 · POS → 🎤 KTV */
.kt674{padding:12px;display:grid;gap:12px;max-width:1100px}
.kt-tabs{display:flex;gap:8px;overflow-x:auto;padding:2px}.kt-tab{flex:none;display:grid;text-align:left;gap:2px;min-height:56px;padding:8px 14px;border-radius:14px;border:1px solid var(--line);background:var(--card,var(--panel));color:inherit;cursor:pointer;font-weight:700}
.kt-tab small{font-weight:500;opacity:.75}.kt-tab.on{border-color:#F08A24;box-shadow:0 0 0 2px color-mix(in srgb,#F08A24 40%,transparent)}
.kt-dot{display:inline-block;width:9px;height:9px;border-radius:50%;background:#9aa3b2;margin-right:6px;vertical-align:middle}.kt-dot.ok{background:#22B573}
.kt-now{display:flex;gap:14px;align-items:center;flex-wrap:wrap;padding:14px 16px;border-radius:16px;background:linear-gradient(135deg,#0F3D2E,#145440);color:#fff}.kt-now.idle{background:var(--card,var(--panel));color:inherit;border:1px solid var(--line)}
.kt-now>div{flex:1;min-width:200px}.kt-now small{display:block;color:#F08A24;font-weight:700;text-transform:uppercase;letter-spacing:.06em;font-size:12px}.kt-now b{display:block;font-size:20px}.kt-mic{font-size:30px}
.kt-ctl{display:flex;gap:6px;flex-wrap:wrap}.kt-ctl button{min-height:44px;min-width:44px}.kt-now .ghost{background:rgba(255,255,255,.14);color:#fff;border-color:transparent}
.kt-list{list-style:none;margin:0;padding:0;display:grid;gap:6px}.kt-r{display:flex;gap:10px;align-items:center;flex-wrap:wrap;padding:10px 12px;border-radius:14px;border:1px solid var(--line);background:var(--card,var(--panel))}
.kt-r>div{flex:1 1 220px;min-width:0}.kt-r b{display:block}.kt-r span{display:block;opacity:.85}.kt-r em{display:block;font-style:normal;color:#C2410C}.kt-r small{opacity:.7}
.kt-n{flex:none;width:30px;height:30px;border-radius:50%;display:grid;place-items:center;font-weight:800;background:color-mix(in srgb,#F08A24 18%,transparent)}
.kt-a{display:flex!important;gap:4px;align-items:center;flex-wrap:wrap}.kt-a button,.kt-a select{min-height:40px;min-width:40px}
.kt-find input{width:100%;min-height:44px}.kt-res{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:6px;margin-top:6px}.kt-res button{display:grid;text-align:left;padding:8px 12px;border-radius:12px;border:1px solid var(--line);background:var(--card,var(--panel));color:inherit;min-height:48px;cursor:pointer}.kt-res span{opacity:.75;font-size:13px}
.kt-addf{align-items:end}.kt-set{padding:12px 14px;border-radius:16px;border:1px solid var(--line);background:var(--card,var(--panel))}.kt-set summary{cursor:pointer;font-weight:700;min-height:36px;display:flex;align-items:center}
.kt-langs{display:flex;flex-wrap:wrap;gap:6px;margin-top:4px}.kt-ck{display:inline-flex!important;gap:6px;align-items:center;min-height:40px;padding:0 12px;border-radius:999px;border:1px solid var(--line);cursor:pointer}.kt-ck:has(input:checked){border-color:#F08A24}
.kt-link{width:100%;margin-top:6px;font-size:12px}.kt-lib input{min-height:38px;margin:2px 4px 2px 0;max-width:100%}

/* v6.7.5 · 🎟 Big-game tables (Game Day) */
.tx675 .tx-st{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:6px 0 10px}
.tx675 .tx-st div{padding:10px;border-radius:12px;background:var(--bg2,rgba(127,127,127,.08));text-align:center}
.tx675 .tx-st b{display:block;font-size:22px;line-height:1.1}.tx675 .tx-st small{font-size:12px;color:var(--muted,#667)}
.tx675 .tx-ln{display:grid;gap:4px;font-size:13px;margin:8px 0}.tx675 .tx-ln input{width:100%;min-height:44px;font-size:14px}
@media (max-width:520px){.tx675 .tx-st{grid-template-columns:repeat(2,minmax(0,1fr))}}
/* v6.7.5 · ⭐ Stars (Server of the night) */
.sv675{display:grid;grid-template-columns:minmax(0,1fr);gap:12px;max-width:980px;min-width:0}.sv675 .sv-card{min-width:0;overflow-x:auto}
.sv675 .sv-hero{display:grid;gap:2px;padding:18px 20px;border-radius:18px;background:linear-gradient(135deg,#0F3D2E,#145a41);color:#fff}
.sv675 .sv-hero small{color:#F08A24;font-weight:700}.sv675 .sv-hero b{font-size:28px;line-height:1.15}.sv675 .sv-hero span{opacity:.85}
.sv675 .sv-pod{list-style:none;margin:0;padding:0;display:grid;gap:6px}
.sv675 .sv-pod li{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:14px;background:var(--card,#fff);border:1px solid var(--line,rgba(127,127,127,.25))}
.sv675 .sv-pod li.win{border-color:#F08A24;box-shadow:0 0 0 2px rgba(240,138,36,.25)}
.sv675 .sv-av{flex:none;width:42px;height:42px;border-radius:50%;display:grid;place-items:center;font-weight:800;background:#0F3D2E;color:#fff}.sv675 .win .sv-av{background:#F08A24;color:#111;font-size:20px}
.sv675 .sv-pod div{flex:1;min-width:0}.sv675 .sv-pod small{display:block;color:var(--muted,#667);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sv675 .sv-bar{display:block;height:6px;border-radius:3px;background:rgba(127,127,127,.18);margin-top:6px;overflow:hidden}.sv675 .sv-bar i{display:block;height:100%;background:#F08A24;border-radius:3px}
.sv675 .sv-pod em{font-style:normal;font-weight:800;font-size:22px;text-align:center;min-width:48px}.sv675 .sv-pod em small{font-size:11px;font-weight:600}
.sv675 .sv-card{padding:14px 16px;border-radius:16px;background:var(--card,#fff);border:1px solid var(--line,rgba(127,127,127,.25))}
.sv675 .sv-card h3{margin:0 0 6px;font-size:17px}.sv675 .sv-h{display:flex;justify-content:space-between;gap:8px;flex-wrap:wrap;align-items:center}
.sv675 .sv-mo{display:flex;gap:6px}.sv675 .sv-mo button{min-height:36px;padding:0 12px;border-radius:999px;border:1px solid var(--line,rgba(127,127,127,.35));background:transparent;color:inherit;font:inherit;cursor:pointer}.sv675 .sv-mo button.on{background:#0F3D2E;border-color:#0F3D2E;color:#fff}
.sv675 .sv-t{width:100%;border-collapse:collapse;margin:6px 0 10px}.sv675 .sv-t th,.sv675 .sv-t td{padding:8px 6px;border-bottom:1px solid var(--line,rgba(127,127,127,.2));text-align:left}.sv675 .sv-t th:not(:first-child),.sv675 .sv-t td:not(:first-child){text-align:right}
.sv675 .sv-ok{color:#178a4c;font-weight:700}
.sv675 .sv-n{list-style:none;margin:0;padding:0;display:grid;gap:8px}.sv675 .sv-n small{display:block;color:var(--muted,#667)}
.sv675 .sv-set summary{cursor:pointer;font-weight:700;min-height:32px}.sv675 .sv-set form{display:grid;gap:10px;margin-top:10px}.sv675 .sv-set label{display:grid;gap:4px}
.sv675 .sv-ck{display:flex!important;align-items:center;gap:8px}.sv675 .sv-g{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.sv675 .sv-e small{color:var(--muted,#667)}
@media (max-width:600px){.sv675 .sv-g{grid-template-columns:1fr}.sv675 .sv-hero b{font-size:24px}}

/* v6.7.6 · 🎱 Pool (POS) */
.pl676{display:grid;grid-template-columns:minmax(0,1fr);gap:12px;max-width:1100px;min-width:0}
.pl676 .pl-hero{display:grid;gap:2px;padding:18px 20px;border-radius:18px;background:linear-gradient(135deg,#0F3D2E,#145a41);color:#fff}.pl676 .pl-hero small{color:#F08A24;font-weight:700}.pl676 .pl-hero b{font-size:26px;line-height:1.15}.pl676 .pl-hero span{opacity:.85}
.pl676 .pl-cs{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:10px}
.pl676 .pl-c{display:grid;gap:8px;align-content:start;padding:14px;border-radius:16px;background:var(--card,#fff);border:1px solid var(--line,rgba(127,127,127,.25));min-width:0}.pl676 .pl-c.on{border:2px solid #F08A24}
.pl676 .pl-th{display:flex;justify-content:space-between;align-items:center;gap:8px}.pl676 .pl-th b{font-size:18px}
.pl676 .pl-pill{padding:4px 10px;border-radius:999px;font-size:13px;font-weight:700}.pl676 .pl-pill.free{background:rgba(23,138,76,.15);color:#178a4c}.pl676 .pl-pill.busy{background:#F08A24;color:#111}
.pl676 .pl-tm b{display:block;font-size:30px;line-height:1.1}.pl676 .pl-tm span,.pl676 .pl-who{color:var(--muted,#667)}.pl676 .pl-who{margin:0}
.pl676 .pl-bk{margin:0;font-size:14px;color:var(--muted,#667)}.pl676 .pl-bk.soon{color:#b45309;font-weight:700}
.pl676 .pl-a{display:flex;flex-wrap:wrap;gap:6px}.pl676 .pl-a button{min-height:44px}
.pl676 .pl-f{display:grid;gap:8px}.pl676 .pl-f label{display:grid;gap:4px;font-size:13px}.pl676 .pl-g2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.pl676 .pl-g3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.pl676 .pl-s{padding:14px 16px;border-radius:16px;background:var(--card,#fff);border:1px solid var(--line,rgba(127,127,127,.25));min-width:0}.pl676 .pl-s h3{margin:0 0 8px;font-size:17px}.pl676 .pl-h{display:flex;justify-content:space-between;align-items:center;gap:8px;flex-wrap:wrap}
.pl676 .pl-q{list-style:none;margin:0;padding:0;display:grid;gap:6px}.pl676 .pl-q li{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:8px 10px;border-radius:12px;border:1px solid var(--line,rgba(127,127,127,.2))}.pl676 .pl-q li.called{border-color:#F08A24;background:rgba(240,138,36,.08)}
.pl676 .pl-q li>div{flex:1;min-width:160px}.pl676 .pl-q small{display:block;color:var(--muted,#667)}.pl676 .pl-n{flex:none;width:32px;height:32px;border-radius:50%;display:grid;place-items:center;font-weight:800;background:#0F3D2E;color:#fff}
.pl676 .pl-addf{margin:0 0 10px;padding:10px;border-radius:12px;background:rgba(127,127,127,.06)}
.pl676 .pl-set summary{cursor:pointer;font-weight:700;min-height:32px}.pl676 .pl-set form{display:grid;gap:12px;margin-top:10px}.pl676 .pl-set label{display:grid;gap:4px}.pl676 .pl-ck{display:flex!important;align-items:center;gap:8px}
.pl676 fieldset{border:1px solid var(--line,rgba(127,127,127,.25));border-radius:12px;padding:10px;display:grid;gap:8px;min-width:0}.pl676 legend{font-weight:700;padding:0 4px}
@media (max-width:640px){.pl676 .pl-g3{grid-template-columns:1fr 1fr}.pl676 .pl-hero b{font-size:22px}}

/* v6.7.7 */
.md-back{display:flex;align-items:center;gap:12px;margin:0 0 12px}.md-back button{min-height:44px}.md-back b{font-size:17px}
/* v6.7.9 room rack */
.rk9bar{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:0 0 8px}
.rk9chips{display:flex;gap:6px;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch;max-width:100%}
.rk9chips::-webkit-scrollbar{display:none}
.rk9c{display:inline-flex;align-items:center;gap:6px;min-height:36px;padding:4px 12px 4px 6px;border-radius:999px;border:1px solid var(--line);background:var(--panel);color:var(--text);font:inherit;font-size:13px;white-space:nowrap;cursor:pointer}
.rk9c b{min-width:24px;height:24px;padding:0 6px;border-radius:999px;display:inline-grid;place-items:center;font-size:12px;font-variant-numeric:tabular-nums;background:var(--panel2);color:var(--text)}
.rk9c-vacant b{background:color-mix(in srgb,var(--pmok) 18%,transparent);color:var(--pmok)}
.rk9c-occupied b{background:color-mix(in srgb,var(--pmc) 18%,transparent);color:var(--pmc)}
.rk9c-reserved b{background:color-mix(in srgb,var(--pm) 22%,transparent);color:var(--text)}
.rk9c-blocked b{background:color-mix(in srgb,var(--pmb) 16%,transparent);color:var(--pmb)}
.rk9c-dueout b{background:color-mix(in srgb,var(--pmw) 22%,transparent);color:var(--text)}
.rk9c-dirty b{background:color-mix(in srgb,#8B5E34 22%,transparent);color:var(--text)}
.rk9c[aria-pressed="true"]{background:var(--pm);border-color:var(--pm);color:#fff}
.rk9c[aria-pressed="true"] b{background:rgba(255,255,255,.25);color:#fff}
.rk9auto{white-space:nowrap}
.rk9warns{display:flex;gap:6px;flex-wrap:wrap;margin:0 0 8px}
.rk9w{border:1px solid var(--line);background:var(--panel);color:var(--text);border-radius:10px;padding:6px 10px;font:inherit;font-size:12.5px;cursor:pointer;text-align:left;min-height:36px}
.rk9w.warn{border-color:color-mix(in srgb,var(--pmw) 60%,var(--line));background:color-mix(in srgb,var(--pmw) 10%,var(--panel))}
.rk9w.bad{border-color:var(--pmb);background:color-mix(in srgb,var(--pmb) 10%,var(--panel));color:var(--pmb);font-weight:700}
.rk9hide{display:none!important}
.pmrkt .pmrkl .rk9sub{font-style:normal;font-size:10px;color:var(--muted);font-weight:400}
.rk9a{display:flex;flex-direction:column;align-items:center;gap:1px;padding:3px 0 2px}
.rk9a b{font-size:11px}
.rk9p{border:0;background:transparent;color:var(--muted);font:inherit;font-size:10.5px;font-weight:600;padding:1px 4px;border-radius:5px;cursor:pointer;font-variant-numeric:tabular-nums}
.rk9p:not([disabled]):hover,.rk9p:focus-visible{background:var(--panel);color:var(--text);outline:1px solid var(--pm)}
.rk9p.ovr{color:var(--pm);font-weight:800}
.rk9p.closed{color:var(--pmb)}
.rk9p[disabled]{cursor:default}
.rk9tot{position:sticky;bottom:0;z-index:5;border-top:2px solid var(--pm)}
.rk9tot .pmrkl{font-size:12.5px}
.rk9t{display:flex;flex-direction:column;align-items:center;color:var(--text)}
.rk9t small{font-size:10px;font-weight:600;color:var(--muted)}
.rk9t.md small{color:var(--pmw)}.rk9t.hi small{color:var(--pmok)}
.rk9t.today{background:color-mix(in srgb,var(--pm) 14%,transparent)}
.pmblk.rk9s{box-shadow:inset 4px 0 0 var(--sc),0 1px 2px rgba(0,0,0,.2);padding-left:10px}
.rk9b{display:inline-block;background:var(--sc);color:#fff;font-style:normal;font-size:9px;font-weight:800;line-height:14px;border-radius:4px;padding:0 3px;margin-right:4px;vertical-align:1px;box-shadow:0 0 0 1px rgba(255,255,255,.55)}
.pmleg .rk9b{margin-right:2px}
.pmblk.rk9late{outline:2px dashed var(--pmw);outline-offset:1px;animation:rk9pulse 1.6s ease-in-out infinite}
.pmblk.rk9noci{background-image:repeating-linear-gradient(135deg,transparent 0 8px,rgba(255,255,255,.18) 8px 16px)}
@keyframes rk9pulse{50%{outline-color:transparent}}
@media (prefers-reduced-motion:reduce){.pmblk.rk9late{animation:none}}
.pmrkr.rk9dirty .pmrkl{box-shadow:inset 3px 0 0 #B7790B;background:color-mix(in srgb,var(--pmw) 12%,var(--panel))}
.rk9sel{position:absolute;top:5px;bottom:5px;border-radius:7px;background:color-mix(in srgb,var(--pm) 28%,transparent);border:2px dashed var(--pm);z-index:3;pointer-events:none;display:grid;place-items:center;font-size:11px;font-weight:700;color:var(--text);font-style:normal}
.rk9pop{position:fixed;z-index:200;background:var(--panel);color:var(--text);border-radius:14px;box-shadow:0 12px 32px rgba(0,0,0,.28);border:1px solid var(--line);border-top:4px solid var(--sc);padding:12px 14px;font-size:13px}
.rk9ph{display:flex;align-items:center;gap:8px}.rk9ph b{font-size:15px;flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.rk9x{border:0;background:var(--panel2);color:var(--text);width:30px;height:30px;border-radius:50%;cursor:pointer;font-size:13px}
.rk9pm{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin:6px 0 8px}.rk9pm em{font-style:normal;color:var(--muted);font-size:12px}
.rk9pg{display:grid;grid-template-columns:auto 1fr;gap:4px 12px}.rk9pg span{color:var(--muted)}.rk9pg b{font-weight:600}
.rk9rq{margin:8px 0 0;color:var(--muted);font-size:12px;line-height:1.35}
.rk9pa{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}.rk9pa>*{min-height:36px}
.rk9pa .btnlink{display:inline-flex;align-items:center;text-decoration:none}
.rk9plan .rk9pl{display:flex;flex-direction:column;gap:4px;margin:6px 0 10px}
.rk9pr{display:grid;grid-template-columns:80px 1.4fr 1fr 1.2fr auto;gap:8px;align-items:center;padding:6px 8px;border-radius:8px;background:var(--panel2);font-size:13px}
.rk9pr.no{opacity:.75}.rk9pr.no .rk9to{color:var(--pmb)}
.rk9to{color:var(--pmok);white-space:nowrap}
@media (max-width:700px){.rk9pr{grid-template-columns:1fr auto}.rk9pr>span{display:none}}
/* v6.8.0 hotel full screen */
body.pmmode.pmfull .hero,body.pmmode.pmfull .mbar,body.pmmode.pmfull #bnav,body.pmmode.pmfull #addBtn,body.pmmode.pmfull .totop,body.pmmode.pmfull aside.side,body.pmmode.pmfull #tsSlot{display:none!important}
body.pmmode.pmfull .wrap{max-width:none;padding-inline:16px;padding-block:0 calc(24px + env(safe-area-inset-bottom,0px))}
body.pmmode.pmfull #view{margin:0}
.pf8bar{position:sticky;top:0;z-index:30;display:flex;align-items:center;gap:10px;margin:0 -16px 14px;padding:calc(8px + env(safe-area-inset-top,0px)) 16px 8px;min-height:56px;background:var(--pmbar,#0F3D2E);color:#fff;box-shadow:0 1px 0 rgba(0,0,0,.18)}
.pf8bar button{font:inherit;color:inherit;cursor:pointer}
.pf8apps{display:inline-flex;align-items:center;gap:6px;min-height:40px;padding:0 12px;border-radius:10px;border:1px solid rgba(255,255,255,.25);background:rgba(255,255,255,.08);font-weight:600;font-size:14px}
.pf8apps:hover{background:rgba(255,255,255,.16)}
.pf8brand{display:flex;align-items:center;gap:10px;flex:1;min-width:0}
.pf8brand svg{flex:none;color:var(--pmacc,#F08A24)}
.pf8brand span{display:flex;flex-direction:column;min-width:0;line-height:1.2}
.pf8brand b{font-size:15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;letter-spacing:.01em}
.pf8brand em{font-style:normal;font-size:12px;opacity:.75;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pf8day{font-size:13px;font-weight:600;padding:6px 10px;border-radius:999px;background:rgba(255,255,255,.1);white-space:nowrap}
.pf8btn{width:40px;height:40px;display:grid;place-items:center;border-radius:10px;border:0;background:rgba(255,255,255,.08)}
.pf8btn:hover{background:rgba(255,255,255,.18)}
.pf8me{border:0;background:none;padding:0;width:40px;height:40px;display:grid;place-items:center;border-radius:50%}
.pf8me .av,.pf8me .avimg{width:34px;height:34px;border-radius:50%}
.pf8bar :focus-visible{outline:2px solid var(--pmacc,#F08A24);outline-offset:2px}
@media (min-width:1100px){body.pmfull .mkpage>nav.pmnav{top:72px}}
@media (max-width:720px){.pf8bar{gap:8px;margin:0 -16px 10px}.pf8apps span,.pf8day{display:none}.pf8apps{width:40px;padding:0;justify-content:center}}
/* app styles: the bar follows the chosen look */
html[data-ui="apple"] .pf8bar{background:color-mix(in srgb,var(--panel) 82%,transparent);color:var(--text);-webkit-backdrop-filter:saturate(180%) blur(20px);backdrop-filter:saturate(180%) blur(20px);box-shadow:0 1px 0 var(--line)}
html[data-ui="apple"] .pf8bar .pf8apps{border-color:var(--line);background:var(--panel2)}
html[data-ui="apple"] .pf8bar .pf8btn,html[data-ui="apple"] .pf8bar .pf8day{background:var(--panel2)}
html[data-ui="ms"] .pf8bar{border-radius:0;min-height:48px}
html[data-ui="google"] .pf8bar{box-shadow:0 2px 6px rgba(0,0,0,.18)}
/* v6.8.1 rack polish */
.rk8col{display:inline-flex}.rk8col button{min-height:36px}
.pmblk.rk8cc{background:var(--sc)!important;color:#fff}
.pmblk.rk8cc.rk8dk{color:#17130a}.pmblk.rk8cc.rk8dk em{opacity:.8}
.pmblk.rk8cc.b-ok>span::before{content:"✓ ";font-weight:900}
.pmblk.rk8cc.b-done{opacity:.6}
.pmblk.rk8cc.b-warn{outline:2px solid var(--pmw);outline-offset:-2px}
.pmblk.rk8cc .rk9b{display:none}
/* v6.8.2 room rack fills the screen */
.pmrack .pmblk{font-size:clamp(11.5px,calc(var(--w,52px)*.16),13.5px)}
.pmrkd{font-size:clamp(11px,calc(var(--w,52px)*.15),13px)}
#pmRack .pmrkr{overflow-x:clip}
/* v6.8.3 short stays */
.ss3strip .ss3list{display:flex;flex-direction:column;gap:6px}
.ss3row{display:grid;grid-template-columns:56px minmax(0,1fr) auto auto;gap:10px;align-items:center;padding:8px 10px;border-radius:10px;background:var(--panel2);border-left:4px solid var(--pmok)}
.ss3row.soon{border-left-color:var(--pmw);background:color-mix(in srgb,var(--pmw) 10%,var(--panel2))}
.ss3row.late{border-left-color:var(--pmb);background:color-mix(in srgb,var(--pmb) 10%,var(--panel2))}
.ss3rm{font-size:20px;font-variant-numeric:tabular-nums}
.ss3g{display:flex;flex-direction:column;min-width:0}.ss3g b{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ss3g em{font-style:normal;font-size:12px;color:var(--muted)}
.ss3t{font-weight:800;font-variant-numeric:tabular-nums;white-space:nowrap}.ss3row.late .ss3t{color:var(--pmb)}.ss3row.soon .ss3t{color:var(--pmw)}
.ss3a{display:flex;gap:6px}.ss3a button{min-height:38px;min-width:48px}
@media (max-width:640px){.ss3row{grid-template-columns:48px minmax(0,1fr) auto}.ss3a{grid-column:1/-1;justify-content:flex-end}}
.ss3type{margin:0 0 12px}.ss3th{display:flex;justify-content:space-between;gap:8px;margin:0 0 6px;font-size:13px}.ss3th span{color:var(--muted)}
.ss3hrs{display:flex;align-items:center;gap:8px;padding:10px 12px;border-radius:12px;background:var(--panel2);margin:6px 0 12px}
.ss3hrs button{width:40px;height:40px;font-size:20px;padding:0}.ss3hrs b{min-width:44px;text-align:center;font-size:16px}.ss3tot b{font-size:18px}
.ss3f{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:10px}.ss3f label{display:flex;flex-direction:column;gap:4px;font-size:13px}
.pmblk.ss3blk{background-image:repeating-linear-gradient(90deg,transparent 0 10px,rgba(255,255,255,.12) 10px 12px)}
.pmblk.ss3blk em{font-weight:700;opacity:1}
.pmblk.ss3late{outline:2px solid var(--pmb);outline-offset:1px}
.ss3badge{display:inline-block;margin-top:4px;font-size:11.5px;font-weight:700;padding:2px 8px;border-radius:999px;background:color-mix(in srgb,var(--pmok) 18%,transparent);color:var(--text)}
.ss3badge.soon{background:color-mix(in srgb,var(--pmw) 25%,transparent)}.ss3badge.late{background:var(--pmb);color:#fff}
.ss3cg{display:flex;flex-wrap:wrap;gap:12px;margin:10px 0}.ss3cg label{display:flex;flex-direction:column;gap:4px;font-size:13px}
.ss3ct{display:flex;flex-direction:column;gap:6px}.ss3cr{display:grid;grid-template-columns:minmax(0,1.4fr) 1fr 1fr;gap:10px;align-items:center}
.ss3cr.hd{font-size:12px;color:var(--muted);font-weight:600}.ss3cr input{width:100%}
.ss3cr .sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
/* v6.8.4 ID scan */
.ids4{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px;margin:0 0 12px;padding:12px;border-radius:12px;border:1px dashed var(--pm);background:color-mix(in srgb,var(--pm) 6%,transparent)}
.ids4btn{position:relative;display:inline-flex;align-items:center;gap:6px;min-height:44px;cursor:pointer}
.ids4btn input{position:absolute;inset:0;opacity:0;cursor:pointer;width:100%}
.ids4btn.busy{opacity:.7;cursor:progress}
.ids4m{flex-basis:100%;margin:0;font-size:13px;font-weight:600}.ids4m.ok{color:var(--pmok)}.ids4m.bad{color:var(--pmb)}
/* v6.8.6 hotel settings fold */
.pf6bar{display:flex;gap:8px;justify-content:flex-end;margin:0 0 8px}
.stsec.pf6fold>.sthead{cursor:pointer;position:relative;padding-right:48px;padding-bottom:14px;user-select:none}
.stsec.pf6fold>.sthead::after{content:"";position:absolute;right:20px;top:50%;width:9px;height:9px;border-right:2px solid var(--muted);border-bottom:2px solid var(--muted);transform:translateY(-70%) rotate(45deg);transition:transform .15s}
.stsec.pf6fold.open>.sthead::after{transform:translateY(-30%) rotate(-135deg)}
.stsec.pf6fold>.sthead:hover{background:var(--panel2)}
.stsec.pf6fold>.sthead:focus-visible{outline:2px solid var(--pm);outline-offset:-2px}
.stsec.pf6fold:not(.open)>.stbody,.stsec.pf6fold:not(.open)>.stfoot{display:none}
@media (prefers-reduced-motion:reduce){.stsec.pf6fold>.sthead::after{transition:none}}
/* v6.8.7 hotel on phones */
.pf8bar{top:env(safe-area-inset-top,0px);padding-top:8px}
.pf8mebtn{min-height:40px;min-width:44px;padding:0 12px;border-radius:999px;border:1px solid rgba(255,255,255,.35);background:rgba(255,255,255,.1);font-weight:800;letter-spacing:.04em}
html[data-ui="apple"] .pf8mebtn{border-color:var(--line);background:var(--panel2)}
.rk7fbtn{display:none}
@media (max-width:720px){
  /* header actions: New reservation on its own row, the rest share the next row */
  .pmhero .mkacts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr)) auto;gap:8px;width:100%}
  .pmhero .mkacts>[data-pmnew="res"]{grid-column:1/-1}
  .pmhero .mkacts>*{min-height:44px;white-space:nowrap;padding-inline:8px;justify-content:center}
  .pmhero .mkacts>[data-pmnotif]{min-width:48px}
  /* room rack filters fold away */
  .rk7fbtn{display:inline-flex}
  .pmfbar:not(.rk7open) #pmRkStart,.pmfbar:not(.rk7open) #pmRkType,.pmfbar:not(.rk7open) #pmRkFloor,.pmfbar:not(.rk7open) #pmRkSrc,.pmfbar:not(.rk7open) #pmRkSt{display:none!important}
  .rk9bar{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;margin-inline:-16px;padding-inline:16px}.rk9bar::-webkit-scrollbar{display:none}
  .rk9chips{flex-wrap:nowrap}.rk8col,.rk9auto{flex:none}
  .rk9warns{flex-direction:column}.rk9w{width:100%}
  /* reservation list: compact cards */
  .pmltable .mktr.mkth{display:none!important}
  .pmltable .mktr:not(.mkth){display:flex!important;flex-wrap:wrap;align-items:baseline;gap:2px 8px;padding:12px 14px!important}
  .pmltable .mktr:not(.mkth)>span{display:inline!important;width:auto!important;min-width:0;padding:0!important;border:0!important;font-size:13px;color:var(--muted)}
  .pmltable .mktr:not(.mkth)>span::before{display:none!important}
  .pmltable .mktr:not(.mkth)>span:nth-child(1){order:1;font-size:12px}
  .pmltable .mktr:not(.mkth)>span:nth-child(12){order:2;margin-left:auto}
  .pmltable .mktr:not(.mkth)>span:nth-child(2){order:3;flex-basis:100%;font-size:16px;font-weight:700;color:var(--text)}
  .pmltable .mktr:not(.mkth)>span:nth-child(3){order:4;color:var(--text);font-weight:700}
  .pmltable .mktr:not(.mkth)>span:nth-child(3)::after{content:" ·";font-weight:400;color:var(--muted)}
  .pmltable .mktr:not(.mkth)>span:nth-child(4){order:5}
  .pmltable .mktr:not(.mkth)>span:nth-child(5){order:6;flex-basis:auto;height:auto;color:var(--text)}
  .pmltable .mktr:not(.mkth)>span:nth-child(5)::after{content:" →"}
  .pmltable .mktr:not(.mkth)>span:nth-child(6){order:7;color:var(--text)}
  .pmltable .mktr:not(.mkth)>span:nth-child(7){order:8}.pmltable .mktr>span:nth-child(7)::after{content:" n"}
  .pmltable .mktr:not(.mkth)>span:nth-child(8){order:9}.pmltable .mktr>span:nth-child(8)::after{content:" pax"}
  .pmltable .mktr:not(.mkth)>span:nth-child(9){order:10;flex-basis:100%;margin-top:4px}
  .pmltable .mktr:not(.mkth)>span:nth-child(10){order:11;color:var(--text)}.pmltable .mktr>span:nth-child(10)::before{content:"Total "!important;display:inline!important;font-size:12px;text-transform:none;letter-spacing:0;font-weight:400;width:auto}
  .pmltable .mktr:not(.mkth)>span:nth-child(11){order:12;margin-left:auto;font-weight:700}.pmltable .mktr>span:nth-child(11)::before{content:"Balance "!important;display:inline!important;font-size:12px;text-transform:none;letter-spacing:0;font-weight:400;width:auto}
}
@media (max-width:720px){
  .cxkey{grid-template-columns:minmax(0,1fr)!important}.cxkey>*{min-width:0}.cxkey select,.cxkey input,.cxkey button{max-width:100%;width:100%}
  .pmpage button:not(.rk9p):not(.pmblk):not(.pmcell):not(.rk9x){min-height:40px}
  .rk9p{min-height:26px;padding:2px 6px}
}
/* v6.8.9 calendar page */
.cp9nt{display:none}
@media (min-width:721px){
  .pmpage.cp9{row-gap:10px;gap:10px}
  .pmpage.cp9 .pmhero{padding:8px 12px 8px 12px;align-items:center;flex-wrap:nowrap;min-height:0}
  .pmpage.cp9 .pmhero .eyebrow,.pmpage.cp9 .pmhero .hint{display:none}
  .pmpage.cp9 .pmhero h2{font-size:18px;margin:0}
  .pmpage.cp9 .pmhero>div:first-of-type{flex:1;min-width:0}
  .pmpage.cp9 .pmhero .mkacts{width:auto;flex-wrap:nowrap}
  .pmpage.cp9 .pmhero .mkacts>*{min-height:36px}
  .cp9nt{display:inline-flex;align-items:center;gap:6px;min-height:36px;margin-right:10px;font-weight:600}
  .pmpage.cp9 .pmfbar{gap:6px;margin:0;align-items:center}
  .pmpage.cp9 .pmfbar select,.pmpage.cp9 .pmfbar input,.pmpage.cp9 .pmfbar button,.pmpage.cp9 .pmfbar .seg button{min-height:34px;font-size:13px}
  .pmpage.cp9 .rk9bar{margin:0;gap:6px}
  .pmpage.cp9 .rk9c{min-height:32px;font-size:12.5px;padding:2px 10px 2px 4px}.pmpage.cp9 .rk9c b{min-width:22px;height:22px;font-size:11.5px}
  .pmpage.cp9 .rk8col button,.pmpage.cp9 .rk9auto{min-height:32px}
  .cp9w{display:flex;gap:6px;flex-wrap:wrap}.cp9w .rk9w{min-height:32px;padding:4px 10px;font-size:12px}
  .pmpage.cp9 .pmrack{max-height:none}
  .pmpage.cp9 .pmleg{margin-top:6px}
  .pmpage.cp9 .ss3strip{padding:8px 12px}
}
@media (min-width:1100px){
  .pmpage.cp9c{grid-template-columns:minmax(0,1fr)!important}
  .pmpage.cp9c>*{grid-column:1/-1!important}
  .pmpage.cp9c>nav.pmnav{display:none!important}
}
@media (max-width:1099px){.cp9nt{display:none!important}}
/* v6.9.0 incoming booking banner */
.ib0{position:fixed;z-index:400;top:calc(env(safe-area-inset-top,0px) + 64px);right:16px;width:min(380px,calc(100vw - 32px));display:flex;flex-direction:column;gap:8px}
.ib0card{display:grid;grid-template-columns:40px minmax(0,1fr) 32px;gap:10px;align-items:start;background:var(--panel);color:var(--text);border:1px solid var(--line);border-left:5px solid var(--pmok);border-radius:14px;padding:12px;box-shadow:0 14px 34px rgba(0,0,0,.28);animation:ib0in .35s cubic-bezier(.2,.9,.3,1.2)}
.ib0card.k-otacancel,.ib0card.k-cancel{border-left-color:var(--pmb)}.ib0card.k-overbook{border-left-color:var(--pmb);background:color-mix(in srgb,var(--pmb) 8%,var(--panel))}
.ib0card.k-web{border-left-color:#8A5CF6}
.ib0ic{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;font-size:20px;background:var(--panel2)}
.ib0tx{display:flex;flex-direction:column;gap:2px;min-width:0;font-size:13px}.ib0tx>b{font-size:15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ib0tx>span{color:var(--muted)}
.ib0hd{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin-bottom:2px}.ib0hd em{font-style:normal;font-weight:800;font-size:12px;letter-spacing:.02em;color:var(--pmok)}
.ib0card.k-otacancel .ib0hd em,.ib0card.k-cancel .ib0hd em,.ib0card.k-overbook .ib0hd em{color:var(--pmb)}
.ib0code{font-size:11.5px;color:var(--muted)}
.ib0a{display:flex;gap:6px;margin-top:8px}.ib0a:empty{display:none}.ib0a button{min-height:36px}
.ib0x{border:0;background:var(--panel2);color:var(--text);width:32px;height:32px;border-radius:50%;cursor:pointer}
.ib0foot{display:flex;justify-content:flex-end;align-items:center;gap:6px;font-size:12px;color:var(--muted)}.ib0foot span{margin-right:auto}
.ib0foot button{background:var(--panel);box-shadow:0 4px 12px rgba(0,0,0,.15)}
@keyframes ib0in{from{opacity:0;transform:translateY(-12px) scale(.98)}to{opacity:1;transform:none}}
@media (prefers-reduced-motion:reduce){.ib0card{animation:none}}
@media (max-width:720px){.ib0{left:12px;right:12px;width:auto;top:calc(env(safe-area-inset-top,0px) + 60px)}}
/* v6.9.1 new bookings */
.fdtabs button.nb1hot span{background:var(--pmok);color:#fff}
.nb1h{margin:8px 14px 4px}
.nb1row .fdchips{flex-wrap:wrap;gap:6px}
.nb1row.nb1x{opacity:.6}.nb1row.nb1x .fdwho b{text-decoration:line-through}
.nb1q{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:0 0 8px}
.nb1chip{display:inline-flex;align-items:center;gap:8px;min-height:38px;padding:4px 12px;border-radius:999px;border:1px solid var(--line);background:var(--panel);color:var(--text);font:inherit;font-weight:600;cursor:pointer}
.nb1chip span{background:var(--panel2);border-radius:99px;padding:1px 8px;font-size:12px}
.nb1chip[aria-pressed="true"]{background:var(--pm);border-color:var(--pm);color:#fff}.nb1chip[aria-pressed="true"] span{background:rgba(255,255,255,.25);color:#fff}
.nb1bell{width:100%;margin:0 0 12px;min-height:44px}
/* v6.9.2 check-in ID scan */
.ci2scan{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:6px 0}
.ci2btn{position:relative;display:inline-flex;align-items:center;gap:6px;min-height:40px;cursor:pointer;border:1px dashed var(--pm)!important}
.ci2btn input{position:absolute;inset:0;opacity:0;cursor:pointer;width:100%}
.ci2btn.busy{opacity:.6;cursor:progress}
.ci2m{font-size:12.5px;font-weight:600}.ci2m.ok{color:var(--pmok)}.ci2m.bad{color:var(--pmb)}
/* v6.9.3 self check-in kiosk */
body.kioskmode .hero,body.kioskmode #bnav,body.kioskmode .mbar,body.kioskmode .hlpbtn,body.kioskmode aside.side,body.kioskmode #ib0,body.kioskmode .pf8bar{display:none!important}
body.kioskmode .wrap{max-width:none!important;padding:0!important}
body.kioskmode{background:#0F3D2E}
.ks-wrap{min-height:100vh;min-height:100dvh;display:flex;flex-direction:column;background:radial-gradient(120% 80% at 50% 0%,#17543f 0%,#0F3D2E 55%,#0a2b20 100%);color:#fff;padding:calc(env(safe-area-inset-top,0px) + 18px) 24px calc(env(safe-area-inset-bottom,0px) + 14px);font-size:18px}
.ks-lang{display:flex;justify-content:flex-end;gap:8px}
.ks-lang button{min-height:44px;padding:0 16px;border-radius:999px;border:1px solid rgba(255,255,255,.3);background:transparent;color:#fff;font:inherit;font-size:15px;cursor:pointer}
.ks-lang button[aria-pressed="true"]{background:#F08A24;border-color:#F08A24;color:#1a1206;font-weight:700}
.ks-main{flex:1;width:100%;max-width:760px;margin:0 auto;display:flex;flex-direction:column;justify-content:center;gap:18px;padding:24px 0}
.ks-hero{text-align:center}.ks-logo{width:84px;height:84px;margin:0 auto 10px;border-radius:24px;display:grid;place-items:center;font-size:44px;background:rgba(240,138,36,.16);color:#F08A24}
.ks-hero h1{font-size:clamp(40px,7vw,64px);margin:0;letter-spacing:-.01em}.ks-hero p{margin:4px 0;font-size:20px;opacity:.9}.ks-sub{opacity:.75!important;font-size:18px}
.ks-main h2{font-size:clamp(26px,4vw,36px);margin:0;text-align:center}
.ks-find{display:flex;gap:10px;flex-wrap:wrap}
.ks-find input,.ks-fields input,.ks-signl input,.ks-pin input{flex:1 1 280px;min-height:64px;border-radius:16px;border:2px solid rgba(255,255,255,.25);background:rgba(255,255,255,.95);color:#10261d;font:inherit;font-size:22px;padding:0 18px}
.ks-btn{min-height:64px;padding:0 28px;border-radius:16px;border:0;background:#F08A24;color:#1a1206;font:inherit;font-size:21px;font-weight:800;cursor:pointer}
.ks-btn[disabled]{opacity:.6}
.ks-ghost{min-height:56px;padding:0 20px;border-radius:14px;border:1px solid rgba(255,255,255,.3);background:transparent;color:#fff;font:inherit;font-size:18px;cursor:pointer}
.ks-row{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap}
.ks-err{background:rgba(209,26,36,.18);border:1px solid rgba(255,107,110,.6);color:#ffd9da;border-radius:12px;padding:12px 16px;margin:0;font-size:17px}
.ks-msg{margin:0;font-weight:700;color:#bff0d2;text-align:center}
.ks-list{display:flex;flex-direction:column;gap:12px}
.ks-card{display:grid;grid-template-columns:1fr auto;gap:2px 12px;text-align:left;padding:18px 20px;border-radius:18px;border:1px solid rgba(255,255,255,.2);background:rgba(255,255,255,.07);color:#fff;font:inherit;cursor:pointer}
.ks-card b{font-size:24px}.ks-card span{opacity:.85}.ks-card em{font-style:normal;opacity:.6;font-size:14px}.ks-yes{grid-column:2;grid-row:1/span 4;align-self:center;color:#F08A24;font-weight:800;opacity:1!important}
.ks-scan{position:relative;display:flex;flex-direction:column;align-items:center;gap:6px;padding:24px;border-radius:20px;border:2px dashed #F08A24;background:rgba(240,138,36,.08);cursor:pointer;text-align:center}
.ks-scan input{position:absolute;inset:0;opacity:0;cursor:pointer}.ks-cam{font-size:44px}.ks-scan b{font-size:22px}.ks-scan span:last-child{opacity:.75;font-size:15px}
.ks-fields{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:12px}.ks-fields label,.ks-signl{display:flex;flex-direction:column;gap:6px;font-size:16px;opacity:.95}
.ks-rules{background:rgba(255,255,255,.08);border-radius:16px;padding:18px 20px;line-height:1.55;max-height:38vh;overflow:auto}
.ks-agree{display:flex;align-items:center;gap:12px;font-size:20px;font-weight:700}.ks-agree input{width:30px;height:30px;accent-color:#F08A24}
.ks-done{text-align:center;display:flex;flex-direction:column;align-items:center;gap:6px}.ks-tick{width:90px;height:90px;border-radius:50%;display:grid;place-items:center;background:#1F8F55;font-size:50px;font-weight:900}
.ks-done>span{opacity:.75;margin-top:10px}.ks-room{font-size:clamp(72px,14vw,120px);font-weight:900;line-height:1;color:#F08A24;font-variant-numeric:tabular-nums}
.ks-key{font-size:22px;font-weight:700}.ks-pay{font-size:22px;font-weight:800;color:#ffd08a}.ks-paid{color:#bff0d2}
.ks-foot{display:flex;justify-content:space-between;align-items:center;opacity:.7;font-size:15px}
.ks-exit{width:48px;height:48px;border-radius:50%;border:0;background:rgba(255,255,255,.08);color:#fff;font-size:22px;cursor:pointer}
.ks-pin{position:fixed;inset:0;background:rgba(0,0,0,.6);display:grid;place-items:center;z-index:500}.ks-pin>div{background:#0F3D2E;border:1px solid rgba(255,255,255,.2);border-radius:20px;padding:24px;width:min(420px,90vw);display:flex;flex-direction:column;gap:12px}
.ks-setup p,.ks-setup li{line-height:1.5}
@media (prefers-reduced-motion:no-preference){.ks-main{animation:ksIn .3s ease-out}}@keyframes ksIn{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
.ks-fields input,.ks-signl input,.ks-pin input{flex:none;height:64px;width:100%;box-sizing:border-box}
/* v6.9.4 hotel on the owner dashboard */
.hd4card{background:var(--panel);border-radius:16px;box-shadow:var(--sh1);padding:16px 18px;margin:0 0 16px;border-top:4px solid var(--pm,#F08A24)}
.hd4h{display:flex;justify-content:space-between;align-items:flex-start;gap:10px}.hd4h h3{margin:0;font-size:18px}.hd4ey{font-size:12px;font-weight:700;color:var(--muted)}
.hd4g{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:10px;margin:12px 0}
.hd4t{background:var(--panel2);border-radius:12px;padding:12px 14px;display:flex;flex-direction:column;gap:2px}.hd4t span{font-size:12px;color:var(--muted);font-weight:600}.hd4t b{font-size:24px;font-variant-numeric:tabular-nums}.hd4t em{font-style:normal;font-size:12.5px;color:var(--muted)}
.hd4d{font-size:12px;font-weight:700}.hd4d.up{color:var(--pmok,#1F8F55)}.hd4d.dn{color:var(--pmb,#D11A24)}
.hd4mix{display:flex;flex-wrap:wrap;gap:6px;align-items:center;font-size:12.5px}.hd4mix>span{color:var(--muted);margin-right:4px}.hd4mix i{font-style:normal;display:inline-flex;align-items:center;gap:4px;padding:3px 8px;border-radius:999px;background:var(--panel2)}
/* v6.9.5 AI revenue coach, hotel bar mail / info */
.ac5{margin:0 0 14px;padding:14px 16px;border-left:4px solid var(--pm,#F08A24)}
.ac5h{display:flex;align-items:center;gap:12px;justify-content:space-between}
.ac5t{all:unset;cursor:pointer;display:flex;gap:10px;align-items:flex-start;min-width:0;flex:1}.ac5t:focus-visible{outline:2px solid var(--pm,#F08A24);outline-offset:3px;border-radius:8px}
.ac5ic{font-size:20px;line-height:1.2}.ac5t span:last-child{display:flex;flex-direction:column;min-width:0}.ac5t b{font-size:15px}.ac5t em{font-style:normal;font-size:13px;color:var(--muted);overflow-wrap:anywhere}
.ac5l{list-style:none;margin:12px 0 0;padding:0;display:grid;gap:10px;grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}
.ac5l>li{background:var(--panel2);border-radius:12px;padding:12px 14px;display:flex;flex-direction:column;gap:6px}
.ac5a{display:flex;flex-direction:column;gap:4px}.ac5a b{font-size:14.5px}.ac5l p{margin:0;font-size:13px;color:var(--muted)}.ac5l ul{margin:0;padding-left:18px;font-size:13px}
.ac5ar{align-self:flex-start;font-size:11.5px;font-weight:700;padding:2px 8px;border-radius:999px;background:var(--panel);}
.ac5ar.a-price{color:#B25E09}.ac5ar.a-ota{color:#0C66E4}.ac5ar.a-direct{color:var(--pmok,#1F8F55)}.ac5ar.a-upsell{color:#8F5BD6}
.ac5f{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-top:auto;flex-wrap:wrap}.ac5f em{font-style:normal;font-size:12.5px;font-weight:600}
.ac5n{margin:10px 0 0;font-size:12px;color:var(--muted)}.ac5e{margin:8px 0 0;color:var(--pmb,#D11A24);font-size:13px}
.hd5b{position:relative}.hd5n{position:absolute;top:2px;right:0;font-style:normal;background:var(--pm,#F08A24);color:#fff;font-size:10.5px;font-weight:700;min-width:17px;height:17px;line-height:17px;border-radius:9px;padding:0 4px;text-align:center}
@media (max-width:560px){.ac5h{flex-wrap:wrap}.ac5h>.sm{width:100%;min-height:40px}}
/* v6.9.6 room assignment */
.ra6{margin:0 0 14px}.ra6l{display:grid;gap:8px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));margin:8px 0}
.ra6o{display:flex;gap:10px;align-items:flex-start;padding:12px 14px;border-radius:12px;background:var(--panel2);cursor:pointer;border:2px solid transparent;min-height:44px}
.ra6o.on{border-color:var(--pm,#F08A24)}.ra6o input{margin-top:3px;accent-color:var(--pm,#F08A24)}.ra6o span{display:flex;flex-direction:column;gap:2px}.ra6o em{font-style:normal;font-size:12.5px;color:var(--muted)}
.ra6m{font-weight:600;margin:6px 0 0}
/* v6.9.7 guest messages & reviews */
.gm7{display:flex;flex-direction:column;gap:12px}
.gm7top{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap}
.gm7tabs{display:flex;gap:6px;background:var(--panel2);padding:4px;border-radius:12px}
.gm7tabs button{border:0;background:none;padding:8px 14px;border-radius:9px;font-weight:600;color:var(--muted);min-height:40px;display:flex;gap:6px;align-items:center;cursor:pointer}
.gm7tabs button[aria-selected="true"]{background:var(--panel);color:var(--text);box-shadow:var(--sh1)}
.gm7tabs i{font-style:normal;background:var(--pm,#F08A24);color:#fff;border-radius:9px;padding:0 6px;font-size:11.5px;line-height:18px}
.gm7note{margin:0;padding:10px 14px;border-radius:10px;background:var(--panel2);font-size:13.5px}.gm7note.bad{color:var(--pmb,#D11A24)}
.gm7split{display:grid;grid-template-columns:minmax(260px,340px) minmax(0,1fr);gap:12px;min-height:420px}
.gm7list{list-style:none;margin:0;padding:6px;background:var(--panel);border-radius:14px;box-shadow:var(--sh1);overflow:auto;max-height:68vh}
.gm7row{all:unset;box-sizing:border-box;width:100%;display:grid;grid-template-columns:auto 1fr;column-gap:8px;row-gap:2px;padding:10px;border-radius:10px;cursor:pointer;min-height:44px}
.gm7row:hover,.gm7row.on{background:var(--panel2)}.gm7row:focus-visible{outline:2px solid var(--pm,#F08A24)}
.gm7row>.pmsrc,.gm7row>span:first-child{grid-row:1/span 3}
.gm7r1{display:flex;justify-content:space-between;gap:6px;min-width:0}.gm7r1 b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.gm7r1 time{font-size:11.5px;color:var(--muted);flex:none}
.gm7r2{font-size:13px;color:var(--muted);overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.gm7r3{font-size:11.5px;color:var(--muted)}
.gm7row.unread .gm7r1 b{font-weight:800}.gm7row.unread{box-shadow:inset 3px 0 0 var(--pm,#F08A24)}
.gm7w{font-style:normal;color:var(--pm,#F08A24);font-weight:700}
.gm7empty{display:flex;align-items:center;justify-content:center;background:var(--panel);border-radius:14px;box-shadow:var(--sh1);color:var(--muted)}
.gm7conv{display:flex;flex-direction:column;background:var(--panel);border-radius:14px;box-shadow:var(--sh1);min-width:0;max-height:68vh}
.gm7conv header{display:flex;align-items:center;gap:10px;padding:12px 14px;border-bottom:1px solid var(--line,rgba(127,127,127,.18))}.gm7conv header>div{flex:1;display:flex;flex-direction:column;min-width:0}.gm7conv header em{font-style:normal;font-size:12.5px;color:var(--muted)}
.gm7back{display:none}
.gm7msgs{flex:1;overflow:auto;padding:14px;display:flex;flex-direction:column;gap:8px}
.gm7m{max-width:78%;align-self:flex-start;background:var(--panel2);border-radius:14px 14px 14px 4px;padding:8px 12px}.gm7m p{margin:0;white-space:pre-wrap;overflow-wrap:anywhere}.gm7m time{display:block;font-size:11px;color:var(--muted);margin-top:3px}
.gm7m.property{align-self:flex-end;background:var(--pm,#F08A24);color:#fff;border-radius:14px 14px 4px 14px}.gm7m.property time{color:rgba(255,255,255,.85)}
.gm7m.system{align-self:center;background:none;font-size:12.5px;color:var(--muted)}
.gm7comp{display:flex;flex-direction:column;gap:8px;padding:12px 14px;border-top:1px solid var(--line,rgba(127,127,127,.18))}
.gm7comp textarea{width:100%;box-sizing:border-box;resize:vertical;min-height:72px;border-radius:10px;padding:10px;font:inherit;background:var(--panel2);color:var(--text);border:1px solid var(--line,rgba(127,127,127,.25))}
.gm7acts{display:flex;justify-content:flex-end;gap:8px;flex-wrap:wrap}.gm7acts button{min-height:40px}
.gm7rsum{display:flex;gap:12px;flex-wrap:wrap}.gm7rsum>div{background:var(--panel);border-radius:14px;box-shadow:var(--sh1);padding:12px 16px;display:flex;align-items:baseline;gap:8px}.gm7rsum b{font-size:24px}.gm7rsum span{color:var(--muted);font-size:13px}
.gm7revs{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.gm7rev{background:var(--panel);border-radius:14px;box-shadow:var(--sh1);overflow:hidden}.gm7rev.done{opacity:.92}
.gm7rh{display:flex;align-items:center;gap:8px;padding:12px 14px 0;flex-wrap:wrap}.gm7rh time{margin-left:auto;font-size:12px;color:var(--muted)}
.gm7rev h4{margin:8px 14px 0;font-size:14.5px}.gm7rt{margin:6px 14px 10px;white-space:pre-wrap;overflow-wrap:anywhere}
.gm7sc{font-weight:800;padding:2px 8px;border-radius:8px;font-size:13px}.gm7sc small{font-weight:600;opacity:.75}.gm7sc.good{background:rgba(31,143,85,.14);color:var(--pmok,#1F8F55)}.gm7sc.mid{background:rgba(240,138,36,.16);color:#B25E09}.gm7sc.bad{background:rgba(209,26,36,.12);color:var(--pmb,#D11A24)}
.gm7rep{margin:0 14px 12px;padding:10px 12px;border-left:3px solid var(--pm,#F08A24);background:var(--panel2);border-radius:8px}.gm7rep span{font-size:12px;color:var(--muted);font-weight:600}.gm7rep p{margin:4px 0 0;white-space:pre-wrap}
.gm7foot{margin:0}
@media (max-width:760px){.gm7split{grid-template-columns:1fr}.gm7split.has .gm7list{display:none}.gm7split:not(.has) .gm7conv,.gm7split:not(.has) .gm7empty{display:none}.gm7back{display:inline-flex}.gm7conv,.gm7list{max-height:none}.gm7m{max-width:88%}}
/* v6.9.8 upsells */
.up8{margin:12px 0;padding:12px 14px;border-radius:14px;background:linear-gradient(135deg,rgba(240,138,36,.10),rgba(240,138,36,.03));border:1px solid rgba(240,138,36,.35)}
.up8 h4,.up8 h3{margin:0 0 8px;font-size:14.5px}.up8l{display:grid;gap:8px}
.up8o{display:flex;align-items:center;gap:10px;background:var(--panel);border-radius:10px;padding:8px 10px;min-height:44px}
.up8i{font-size:20px}.up8t{flex:1;display:flex;flex-direction:column;min-width:0}.up8t em{font-style:normal;font-size:12.5px;color:var(--muted)}
.up8f{margin-top:4px;min-height:34px;border-radius:8px;padding:0 8px;border:1px solid var(--line,rgba(127,127,127,.3));background:var(--panel2);color:var(--text);font:inherit;font-size:13px}
.up8b{white-space:nowrap;font-weight:700;min-height:40px}
.up8g{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:10px;margin:10px 0}.up8g label{display:flex;flex-direction:column;gap:4px;font-size:13px}
.up8g input{min-height:40px;border-radius:8px;padding:0 10px;border:1px solid var(--line,rgba(127,127,127,.3));background:var(--panel2);color:var(--text);font:inherit}
.up8set{margin:0 0 14px}
.ks-up8{margin:0 0 16px;background:rgba(255,255,255,.08);border-color:rgba(240,138,36,.6)}.ks-up8 .up8o{background:rgba(255,255,255,.95);color:#10241b}.ks-up8 .up8t em{color:#4b5d55}.ks-up8 .up8b{min-height:56px;font-size:18px}.ks-up8 h3{font-size:22px}
/* v6.9.9 price autopilot */
.ap9{margin:0 0 14px}.ap9g{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:10px;align-items:end;margin:8px 0}
.ap9g label{display:flex;flex-direction:column;gap:4px;font-size:13px}.ap9g label.inline{flex-direction:row;align-items:center;min-height:40px}
.ap9g input[type=number],.ap9g select{min-height:40px;border-radius:8px;padding:0 10px;border:1px solid var(--line,rgba(127,127,127,.3));background:var(--panel2);color:var(--text);font:inherit}
.ap9pv,.ap9last{margin-top:10px;background:var(--panel2);border-radius:12px;padding:10px 12px}.ap9last summary{cursor:pointer;font-weight:600;min-height:32px;display:flex;align-items:center}
.ap9t{overflow-x:auto;margin:8px 0}.ap9t table{width:100%;border-collapse:collapse;font-size:13px;min-width:460px}.ap9t th,.ap9t td{text-align:left;padding:6px 8px;border-bottom:1px solid var(--line,rgba(127,127,127,.15))}.ap9t th{color:var(--muted);font-weight:600}
.ap9t s{color:var(--muted)}.ap9t b.up{color:var(--pmok,#1F8F55)}.ap9t b.dn{color:var(--pmb,#D11A24)}
/* v7.0.0 regulars, loyalty, no-show risk */
.ly7{background:var(--panel2);border-radius:12px;padding:10px 12px;margin:10px 0;display:flex;flex-direction:column;gap:8px}
.ly7h{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.ly7h input{flex:1;min-width:160px;min-height:40px;border-radius:10px;padding:0 12px;border:1px solid var(--line,rgba(127,127,127,.3));background:var(--panel);color:var(--text);font:inherit}
.ly7chips{display:flex;flex-wrap:wrap;gap:6px}.ly7c{display:flex;flex-direction:column;align-items:flex-start;padding:6px 12px;border-radius:12px;border:1px solid var(--line,rgba(127,127,127,.25));background:var(--panel);color:var(--text);cursor:pointer;min-height:44px;font:inherit}.ly7c em{font-style:normal;font-size:12px;color:var(--muted)}
.ly7sel{display:flex;justify-content:space-between;align-items:center;gap:8px;background:var(--panel);border-radius:10px;padding:8px 10px}.ly7sel span{display:flex;flex-direction:column}.ly7sel em{font-style:normal;font-size:12.5px;color:var(--muted)}
.ly7st{display:flex;align-items:center;gap:5px;flex-wrap:wrap}.ly7st i{width:22px;height:22px;border-radius:50%;border:2px dashed var(--muted);display:inline-flex;align-items:center;justify-content:center;font-style:normal;font-size:12px}.ly7st i.on{background:var(--pm,#F08A24);border:2px solid var(--pm,#F08A24)}.ly7st i.gift{border-style:solid}.ly7st span{font-size:13px;margin-left:4px}
.ly7free{font-weight:700;color:var(--pmok,#1F8F55)}.ly7set{margin:0 0 14px}
.nr7{display:inline-flex;align-items:center;font-size:11px;font-weight:700;padding:1px 7px;border-radius:999px;vertical-align:middle;font-style:normal}
.nr7.high{background:rgba(209,26,36,.13);color:var(--pmb,#D11A24)}.nr7.med{background:rgba(240,138,36,.16);color:#B25E09}.nr7.low{background:rgba(31,143,85,.13);color:var(--pmok,#1F8F55)}
.nr7box{display:flex;flex-direction:column;gap:2px;padding:10px 12px;border-radius:12px;margin:0 0 12px;border-left:4px solid}.nr7box span{font-size:13px}.nr7box em{font-style:normal;font-size:13px;font-weight:600}
.nr7box.high{background:rgba(209,26,36,.08);border-color:var(--pmb,#D11A24)}.nr7box.med{background:rgba(240,138,36,.09);border-color:var(--pm,#F08A24)}.nr7box.low{background:rgba(31,143,85,.07);border-color:var(--pmok,#1F8F55)}
/* v7.0.1 */
.sysunsck{display:flex;gap:10px;align-items:flex-start;padding:10px 12px;border-radius:12px;background:var(--panel2);min-height:44px;cursor:pointer;flex-basis:100%}
.sysunsck input{margin-top:3px;width:18px;height:18px;accent-color:var(--brand,#F08A24)}.sysunsck span{display:flex;flex-direction:column}.sysunsck em{font-style:normal;font-size:12.5px;color:var(--muted)}
.ss8 .ss3list{display:grid!important;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:8px}
.ss8 .ss3row{grid-template-columns:auto minmax(0,1fr)!important;grid-template-areas:"rm t" "g g" "a a";row-gap:4px;padding:10px 12px}
.ss8 .ss3rm{grid-area:rm;font-size:26px;line-height:1}.ss8 .ss3t{grid-area:t;justify-self:end;align-self:center}
.ss8 .ss3g{grid-area:g;min-width:0}.ss8 .ss3g b{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px}.ss8 .ss3g em{display:none}
.ss8 .ss3a{grid-area:a;display:flex;gap:6px;justify-content:flex-end}.ss8 .ss3a .sm{min-height:36px;flex:1}
.ss8 .mkch{margin-bottom:8px}
/* v7.0.2 mobile check fixes */
@media (max-width:720px){
  /* the page's own main action (+ Room, Report a problem, Change prices, Add an OTA booking) gets its own row like New reservation */
  body.pm9 .pmhero .mkacts>.btn.pmbtn:first-child{grid-column:1/-1;white-space:normal}
  body.pm9 .pmhero .mkacts>[data-pmnew="ota"]{font-size:14px}
}
/* upsell rows never push the price button out of a narrow dialog */
body.pm9 .up8o{flex-wrap:wrap}body.pm9 .up8t{flex:1 1 160px;min-width:0}body.pm9 .up8f{width:100%;min-width:0;box-sizing:border-box}
body.pm9 .up8b{margin-left:auto;min-width:72px}
/* finger-sized buttons on phones and tablets */
@media (pointer:coarse),(max-width:900px){
  body.pm9.pmmode main button.sm,body.pm9.pmmode main .btn.sm,body.pm9.pmmode main .ghost.sm{min-height:40px}
  body.pm9.pmmode .pmsync button,body.pm9.pmmode .pmsync .btn{min-height:40px}
}
/* v7.0.3 paperless registration */
.rg3{margin:12px 0;padding:12px 14px;border-radius:14px;background:var(--panel2)}.rg3 h4{margin:0 0 8px}
.rg3rules{font-size:13px;max-height:120px;overflow:auto;padding:8px 10px;background:var(--panel);border-radius:10px;margin-bottom:8px}
.rg3ag{min-height:40px;font-weight:600}
.rg3padw{position:relative;margin:8px 0}.rg3pad{width:100%;height:150px;background:#fff;border:2px dashed #9aa5a0;border-radius:12px;touch-action:none;display:block;cursor:crosshair}
.rg3hint{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;color:#9aa5a0;font-size:22px;pointer-events:none;font-style:italic}
.rg3pg{display:flex;flex-direction:column;gap:12px}.rg3bar{display:flex;flex-wrap:wrap;gap:10px;align-items:center}.rg3bar label{display:flex;gap:8px;align-items:center;font-weight:600}
.rg3bar input[type=date]{min-height:40px;border-radius:10px;padding:0 10px;border:1px solid var(--line,rgba(127,127,127,.3));background:var(--panel2);color:var(--text);font:inherit}
.rg3t{overflow-x:auto}.rg3t table{width:100%;border-collapse:collapse;font-size:13.5px;min-width:640px}.rg3t th,.rg3t td{padding:8px;border-bottom:1px solid var(--line,rgba(127,127,127,.15));text-align:left}.rg3t th{color:var(--muted);font-weight:600}.rg3t tr.ok td{opacity:.7}
.rg3l{display:flex;flex-direction:column;gap:4px;margin:10px 0;font-size:13px}.rg3l textarea,.rg3l input{border-radius:10px;padding:8px 10px;border:1px solid var(--line,rgba(127,127,127,.3));background:var(--panel2);color:var(--text);font:inherit}
/* v7.0.4 Telegram booking */
.tb4bot{display:flex;gap:16px;align-items:center;flex-wrap:wrap;background:var(--panel2);border-radius:14px;padding:12px}.tb4qr{width:120px;background:#fff;border-radius:12px;padding:6px}.tb4qr svg{width:100%;height:auto;display:block}
.tb4steps{margin:0 0 8px;padding-left:20px;font-size:13.5px}#tb4set .frow input[type=password]{flex:1;min-width:220px;min-height:40px;border-radius:10px;padding:0 12px;border:1px solid var(--line,rgba(127,127,127,.3));background:var(--panel2);color:var(--text);font:inherit}
.tb4hold{display:flex;flex-direction:column;gap:6px;padding:12px 14px;border-radius:12px;margin:0 0 12px;background:rgba(36,129,204,.10);border-left:4px solid #2481cc}.tb4hold span{font-size:13px}.tb4hold .btn{align-self:flex-start;min-height:44px}
.up8g label.inline{flex-direction:row!important;align-items:center;gap:10px;min-height:44px;text-align:left}
/* v7.0.6 · core 1.4.4 focus ring after a jump · bottom sheets on phones */
@keyframes ff706k{0%{box-shadow:0 0 0 0 color-mix(in srgb,var(--pm,var(--accent)) 55%,transparent)}100%{box-shadow:0 0 0 14px transparent}}
body.ff706 .ff706p{animation:ff706k 1.1s ease-out 1}
@media (prefers-reduced-motion:reduce){body.ff706 .ff706p{animation:none;outline:2px solid var(--pm,var(--accent));outline-offset:2px}}
@keyframes ff706up{from{transform:translateY(32px);opacity:.4}to{transform:none;opacity:1}}
@media (max-width:720px){
  body.ff706 .mkmodal{align-items:flex-end;padding:0;overflow:hidden}
  body.ff706 .mkmodal .mkmbg{background:rgba(0,0,0,.38)}
  body.ff706 .mkmodal .mkm{display:flex;flex-direction:column;min-height:0;max-height:94dvh;overflow:auto;border-radius:22px 22px 0 0;border-top:0;animation:ff706up .22s cubic-bezier(.2,.8,.2,1)}
  body.ff706 .mkmodal .mkmh{position:sticky;top:0;z-index:2;background:var(--panel);padding-top:24px;border-radius:22px 22px 0 0}
  body.ff706 .mkmodal .mkmh::before{content:"";position:absolute;top:8px;left:50%;width:38px;height:5px;border-radius:3px;background:var(--line);transform:translateX(-50%)}
  body.ff706 .mkmodal .mkmb{flex:1 1 auto;min-height:0}
  body.ff706 .mkmodal .mkmf{padding-bottom:calc(12px + env(safe-area-inset-bottom,0px))}
  body.ff706 .mkmodal .mkmh .cib{width:38px;min-width:38px!important;height:38px!important;border-radius:50%!important;border:0!important;background:var(--u-fill,var(--panel2))!important;font-size:15px!important}
}
@media (max-width:720px) and (prefers-reduced-motion:reduce){body.ff706 .mkmodal .mkm{animation:none}}
body.posui.ff706 .posmodal{overflow:auto}

/* hotel 1.5.3 · modern phone front desk */
.pm16i{display:grid;place-items:center}
body.pm16 .pmqa .pm16i{width:42px;height:42px;border-radius:14px;background:color-mix(in srgb,var(--pm) 14%,transparent);color:var(--pm);font-size:0}
body.pm16 .pmqa button{border-radius:16px;gap:8px;padding:12px 6px}
.pm16q{display:block;position:sticky;top:-14px;z-index:1;background:var(--panel);padding:2px 0 8px;margin-top:-4px}
.pm16q input{width:100%;min-height:44px;border-radius:12px;border:1px solid var(--line);background:var(--u-fill,var(--panel2));padding:0 14px;font-size:16px}
.pm16gh{margin:10px 2px 4px;font-size:13px;font-weight:700;color:var(--muted);display:flex;gap:6px;align-items:center}.pm16gh span{flex:0 0 auto!important;display:inline-block!important;font-weight:600;background:var(--panel2);border-radius:99px;padding:0 7px;font-size:12px}
.pm16pick button{display:grid!important;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px}
.pm16pick button>span:nth-child(2){display:flex;flex-direction:column;min-width:0}.pm16pick em{font-style:normal;font-size:12px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mkmini .pm16bal{flex:0 0 auto!important;font-weight:700;font-size:13px;color:var(--pmok)}.pm16bal.due{color:var(--pmb)}
@media (max-width:640px){
  body.pm16 .fdqa{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
  body.pm16 .fdqa button[data-pmqa="res"],body.pm16 .fdqa button[data-pmqa="walkin"]{display:none}
  body.pm16 .pmqa button{border:0;background:var(--panel);box-shadow:var(--u-sh,0 1px 2px rgba(0,0,0,.06));padding:12px 2px 10px;min-height:86px}
  body.pm16 .pmqa button b{font-size:12px;font-weight:600;line-height:1.2;text-align:center}
  body.pm16 .pmqa button:active{transform:scale(.97)}
  /* summary cards */
  body.pm16 .fdk{border:0;border-radius:16px;background:var(--panel);box-shadow:var(--u-sh,0 1px 2px rgba(0,0,0,.06));flex:0 0 118px;padding:12px 14px;position:relative}
  body.pm16 .fdk span{text-transform:none;letter-spacing:0;font-size:12.5px}
  body.pm16 .fdk b{font-size:26px}
  body.pm16 .fdk.warn::after,body.pm16 .fdk.bad::after{content:"";position:absolute;top:12px;right:12px;width:8px;height:8px;border-radius:50%;background:var(--pmw)}body.pm16 .fdk.bad::after{background:var(--pmb)}
  /* alerts */
  body.pm16 .fdal{border:0;border-radius:16px;padding:12px 40px 12px 12px;align-items:center;gap:12px;position:relative;min-height:60px}
  body.pm16 .fdal i{width:38px;height:38px;flex:none;border-radius:12px;display:grid;place-items:center;font-size:19px;background:var(--panel)}
  body.pm16 .fdal b{font-size:15px}body.pm16 .fdal em{font-size:12.5px;margin-top:1px}
  body.pm16 .fdal::after{content:"›";position:absolute;right:14px;top:50%;transform:translateY(-52%);font-size:24px;color:var(--muted)}
  body.pm16 .fdal.bad{background:color-mix(in srgb,var(--pmb) 11%,var(--panel))}body.pm16 .fdal.warn{background:color-mix(in srgb,var(--pmw) 13%,var(--panel))}
  /* list with pill tabs that stay on top while scrolling */
  body.pm16 .fdlist{overflow:visible;border-radius:20px}
  body.pm16 .fdtabs{position:sticky;top:calc(env(safe-area-inset-top,0px) + 56px);z-index:6;background:var(--panel);border-bottom:0;padding:8px;gap:6px;border-radius:20px 20px 0 0;scrollbar-width:none;box-shadow:0 1px 0 var(--line)}
  body.pm16 .fdtabs::-webkit-scrollbar{display:none}
  body.pm16 .fdtabs button[role=tab]{border:0;border-radius:99px;padding:8px 14px;min-height:38px;background:var(--u-fill,var(--panel2));color:var(--text);font-size:14px}
  body.pm16 .fdtabs button[role=tab] span{background:color-mix(in srgb,var(--text) 10%,transparent);font-size:11.5px;padding:0 7px}
  body.pm16 .fdtabs button[aria-selected=true]{background:var(--pm);color:#fff}
  body.pm16 .fdtabs button[aria-selected=true] span{background:rgba(255,255,255,.25);color:#fff}
  body.pm16 .fdsub{margin:14px 16px 2px;font-size:13px;text-transform:none;letter-spacing:0}
  /* guest rows as cards */
  body.pm16 .fdrows{padding:6px 8px 8px;display:flex;flex-direction:column;gap:8px}
  body.pm16 .fdrow{border:0;border-radius:16px;background:var(--panel2);padding:12px;gap:10px}
  body.pm16 .fdrow.late{background:color-mix(in srgb,var(--pmb) 8%,var(--panel2))}
  body.pm16 .fdmain{gap:12px}
  body.pm16 .fdroom{width:50px;height:50px;border-radius:14px;border:0;background:color-mix(in srgb,var(--pm) 15%,var(--panel));color:var(--pm);font-size:17px}
  body.pm16 .fdroom.none{background:var(--panel);color:var(--muted);border:1.5px dashed var(--line)}
  body.pm16 .fdwho b{font-size:16px}
  body.pm16 .fdacts{display:flex;gap:8px}
  body.pm16 .fdacts button{min-height:44px;border-radius:12px;font-weight:600;font-size:14.5px}
  body.pm16 .fdacts .ghost{border:0;background:var(--panel)}
  body.pm16 .fdrow.late [data-pmci]{background:color-mix(in srgb,var(--pmok) 15%,var(--panel));color:var(--pmok)}
  body.pm16 .fdrow.late [data-pmns]{background:color-mix(in srgb,var(--pmb) 13%,var(--panel));color:var(--pmb)}
  body.pm16 .fdempty{border-radius:16px}
  body.pm16 .pmdesk .mkch,body.pm16 .fdside{border-radius:20px}
}
:root[data-theme="dark"] body.pm16 .fdtabs button[aria-selected=true],:root[data-theme="dark"] body.pm16 .fdtabs button[aria-selected=true] span{color:#17130a}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) body.pm16 .fdtabs button[aria-selected=true],:root:not([data-theme="light"]) body.pm16 .fdtabs button[aria-selected=true] span{color:#17130a}}
/* v7.1.2 · hotel 1.5.9 venue settings · core 1.4.5 motion */
.v12{border:1px solid var(--line);border-radius:14px;padding:12px;margin:10px 0;display:flex;flex-direction:column;gap:8px}.v12h{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap}
.v12ph{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.v12ph span{position:relative}.v12ph img{width:96px;height:72px;object-fit:cover;border-radius:10px;display:block;background:var(--panel2)}.v12ph .cib{position:absolute;top:4px;right:4px;min-width:26px;height:26px}
.v12add{display:inline-flex;align-items:center;min-height:44px;cursor:pointer}.v12sp{display:flex;flex-wrap:wrap;gap:12px;align-items:end;margin-top:8px}
@keyframes vtpage{from{opacity:0;transform:translateY(8px)}}@keyframes vtpop{from{opacity:0;transform:translateY(14px) scale(.985)}}@keyframes vtfade{from{opacity:0}}
body.vt713 #view.vtp{animation:vtpage .42s cubic-bezier(.2,.7,.2,1)}
body.vt713 .mkmodal .mkm{animation:none}
body.vt713 .mkmodal.ffa .mkmbg{animation:vtfade .28s ease}
body.vt713 .mkmodal .mkm.ffa{animation:vtpop .36s cubic-bezier(.2,.7,.2,1)}
@media (max-width:720px){body.vt713.ff706 .mkmodal .mkm.ffa{animation:ff706up .32s cubic-bezier(.2,.8,.2,1)}}
body.vt713 .btn,body.vt713 .ghost,body.vt713 .evchip,body.vt713 .pmqa button,body.vt713 .fdrow,body.vt713 .fdk{transition:background-color .2s,box-shadow .2s,transform .25s cubic-bezier(.2,.7,.2,1),opacity .2s}
@media (prefers-reduced-motion:reduce){body.vt713 #view.vtp,body.vt713 .mkmodal .mkm.ffa,body.vt713 .mkmodal.ffa .mkmbg{animation:none}}
/* v7.1.5 · core 1.4.6 · icon rail for the Hotel and HR menus (PC) */
nav.rl715n .rli{display:none}
nav.rl715n .rlpin{display:none}
@media (min-width:1100px){
  body.rl715 nav.rl715n .rli{display:inline-grid;place-items:center;flex:0 0 22px;width:22px;height:22px;font-style:normal}
  body.rl715 nav.rl715n .rli svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
  body.rl715 nav.rl715n .rlt{width:22px;height:22px;border-radius:7px;background:color-mix(in srgb,currentColor 12%,transparent);font-size:11.5px;font-weight:800;line-height:1}
  body.rl715 .mkpage>nav.rl715n .rlpin{display:flex;color:var(--muted)}
  body.rl715 .mkpage>nav.rl715n .rlpin[aria-pressed="true"]{color:var(--accent)}
  body.rl715 .mkpage>nav.rl715n .rlpin+*{margin-top:4px}
  body.rl715 .mkpage>nav.rl715n button .rll{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  /* collapsed: 64 px rail, the page gets the room */
  body.rl715:not(.rlpin) .mkpage:has(>nav.rl715n){grid-template-columns:64px minmax(0,1fr)!important}
  body.rl715:not(.rlpin) .mkpage>nav.rl715n{width:64px;min-width:64px;padding:10px 8px!important;overflow-x:hidden!important;z-index:45;scrollbar-width:none;
    transition:width .32s cubic-bezier(.2,.8,.2,1),box-shadow .32s cubic-bezier(.2,.8,.2,1)}
  body.rl715:not(.rlpin) .mkpage>nav.rl715n::-webkit-scrollbar{display:none}
  body.rl715:not(.rlpin) .mkpage>nav.rl715n.rlnt{transition:none!important}
  body.rl715:not(.rlpin) .mkpage>nav.rl715n button{position:relative;min-height:42px;padding:0 0 0 13px!important;gap:12px!important;justify-content:flex-start!important;white-space:nowrap;overflow:visible}
  body.rl715:not(.rlpin) .mkpage>nav.rl715n button .rll{opacity:0;transition:opacity .18s ease}
  body.rl715:not(.rlpin) .mkpage>nav.rl715n button :is(.mkn,.hrbad){position:absolute;left:30px;top:4px;min-width:16px;height:16px;padding:0 4px;font-size:9.5px;line-height:16px;margin:0!important;box-shadow:0 0 0 2px var(--panel)}
  /* HR groups: every page is one tap away; the group names show when the menu opens */
  body.rl715:not(.rlpin) .mkpage>nav.rl715n .hrng-b[hidden]{display:flex!important}
  body.rl715:not(.rlpin) .mkpage>nav.rl715n .hrng-b{margin:0!important;padding:0!important;border:0!important}
  body.rl715:not(.rlpin) .mkpage>nav.rl715n .hrng-h{pointer-events:none;height:0;min-height:0!important;padding:0 10px!important;margin:6px 4px!important;overflow:hidden;background:none!important;border-top:1px solid var(--line)!important;border-radius:0!important;opacity:1;transition:height .25s ease,padding .25s ease}
  body.rl715:not(.rlpin) .mkpage>nav.rl715n .hrng2:first-child .hrng-h{border-top:0!important;margin-top:0!important}
  body.rl715:not(.rlpin) .mkpage>nav.rl715n .hrng-h svg{display:none}
  body.rl715:not(.rlpin) .mkpage>nav.rl715n .hrng-b>button{color:var(--text)}
  body.rl715:not(.rlpin) .mkpage>nav.rl715n .hrng-b>button[aria-current="page"]{color:var(--accent)}
}
@media (min-width:1100px) and (hover:hover) and (pointer:fine){
  body.rl715:not(.rlpin) .mkpage>nav.rl715n:is(:hover,.rlx,:has(:focus-visible)){width:244px;box-shadow:0 18px 50px rgba(0,0,0,.22),var(--sh1)}
  body.rl715:not(.rlpin) .mkpage>nav.rl715n:is(:hover,.rlx,:has(:focus-visible)) button .rll{opacity:1;transition-delay:.06s}
  body.rl715:not(.rlpin) .mkpage>nav.rl715n:is(:hover,.rlx,:has(:focus-visible)) button :is(.mkn,.hrbad){position:static;margin-left:auto!important;margin-right:10px!important;height:18px;min-width:18px;font-size:10.5px;box-shadow:none}
  body.rl715:not(.rlpin) .mkpage>nav.rl715n:is(:hover,.rlx,:has(:focus-visible)) .hrng-h{height:auto;padding:12px 12px 4px!important;margin:4px 0 0!important;border-top:0!important;color:var(--muted)!important;font-size:11px!important}
}
@media (min-width:1100px) and (prefers-reduced-motion:reduce){body.rl715 .mkpage>nav.rl715n,body.rl715 .mkpage>nav.rl715n *{transition:none!important}}

/* v7.1.5 · hotel 1.6.2 · Scan ID in New reservation / Walk-in */
.rs715{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px;margin:0 0 12px;padding:12px;border-radius:12px;background:color-mix(in srgb,var(--accent) 7%,var(--panel));border:1px dashed color-mix(in srgb,var(--accent) 35%,var(--line))}
.rs715b{position:relative;overflow:hidden;cursor:pointer;display:inline-flex;align-items:center;gap:8px;min-height:44px}
.rs715b input{position:absolute;inset:0;opacity:0;cursor:pointer;font-size:0}
.rs715b i{font-style:normal}.rs715b.busy{opacity:.7;pointer-events:none}
.rs715 .hint{flex:1 1 180px}
.rs715m{flex:1 0 100%;margin:0;font-size:13.5px;font-weight:600}.rs715m.ok{color:var(--ok,#1a7f45)}.rs715m.bad{color:var(--over,#c62828)}
.rs715g{flex:1 0 100%;margin:0;font-size:13px;color:var(--muted)}.rs715g b{color:var(--text);margin-right:6px}

/* v7.1.5 · core 1.4.6 · System → Storage */
.st715{margin-top:20px;padding-top:18px;border-top:1px solid var(--line)}.st715 h3{margin:0;font-size:17px}.st715h{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:12px}
.st715p{font-size:12.5px;font-weight:700;padding:4px 10px;border-radius:99px;background:var(--panel2)}
.st715p.ok{color:var(--ok,#1a7f45)}.st715p.warn{color:#b26a00}.st715p.bad{color:var(--over,#c62828)}
.st715bar{height:12px;border-radius:99px;background:var(--panel2);overflow:hidden}
.st715bar i{display:block;height:100%;width:var(--w);border-radius:inherit;background:var(--accent);transition:width .6s cubic-bezier(.2,.8,.2,1)}
.st715bar.warn i{background:#e69500}.st715bar.bad i{background:var(--over,#c62828)}
.st715sum{margin:8px 0 14px;font-size:13.5px;color:var(--muted)}.st715sum b{color:var(--text)}
.st715l{list-style:none;margin:0 0 14px;padding:0;display:grid;gap:2px}
.st715l li{display:grid;grid-template-columns:minmax(120px,190px) minmax(40px,1fr) 76px 92px;align-items:center;gap:10px;padding:6px 0;border-bottom:1px solid var(--line);font-size:13.5px}
.st715l li:last-child{border-bottom:0}
.st715l li i{height:6px;border-radius:99px;background:linear-gradient(90deg,var(--accent) var(--w),var(--panel2) var(--w))}
.st715l li b{text-align:right;font-variant-numeric:tabular-nums}.st715l li em{font-style:normal;color:var(--muted);font-size:12px;text-align:right}
.st715a,.st715c{display:flex;flex-wrap:wrap;align-items:center;gap:10px}
.st715c{margin-top:14px;padding-top:12px;border-top:1px solid var(--line)}.st715c label:not(.inline){display:flex;align-items:center;gap:8px;font-size:13.5px}
.st715m{margin:10px 0 0;font-size:13.5px;font-weight:600}.st715m.ok{color:var(--ok,#1a7f45)}.st715m.bad{color:var(--over,#c62828)}
.st715u{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px;margin-top:10px;padding:10px 12px;border-radius:10px;background:var(--panel2);font-size:13.5px}
.st715s{margin-top:12px;font-size:13.5px}.st715s summary{cursor:pointer;font-weight:600}.st715w{margin:8px 0 0;padding-left:18px;color:var(--muted);display:grid;gap:4px}
.st715last{margin:10px 0 0}
@media (max-width:640px){.st715l li{grid-template-columns:minmax(0,1fr) 70px;row-gap:4px}.st715l li i{grid-column:1/-1;grid-row:2}.st715l li em{display:none}}

/* v7.1.5 · hotel 1.6.2 · Housekeeping language in the profile menu */
.hk715l{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin:4px 0 12px;padding:12px 14px;border-radius:14px;background:var(--panel2)}
.hk715l b{display:block;font-size:15px}.hk715l .hint{font-size:12.5px}
.hk715l .hklang{display:inline-flex;gap:0;padding:3px;border-radius:99px;background:var(--panel);margin:0}
.hk715l .hklang button{min-height:40px;min-width:76px;border:0;border-radius:99px;background:none;color:var(--text);font:inherit;font-weight:600;font-size:15px;cursor:pointer}
.hk715l .hklang button[aria-pressed="true"]{background:var(--accent);color:#fff}
/* Khmer: bigger, easier to read on a phone */
body.hk715.hkkm .pmpage{font-size:16px}
body.hk715.hkkm .pmpage :is(.hint,p.hint,.hkprog0){font-size:15px!important;line-height:1.6}
body.hk715.hkkm .pmpage .eyebrow{font-size:14px!important}
body.hk715.hkkm .pmpage .pmhk h2,body.hk715.hkkm .pmhero h2{font-size:24px!important;line-height:1.45}
body.hk715.hkkm .pmpage .mg-it span{font-size:15px!important;line-height:1.45}
body.hk715.hkkm .pmpage .pmhks{font-size:15px!important;line-height:1.5}
body.hk715.hkkm .pmpage .pmhks b{font-size:26px!important}
body.hk715.hkkm .pmpage :is(.evchip,.evchip span){font-size:16px!important}
body.hk715.hkkm .pmpage .evchip{min-height:46px}
body.hk715.hkkm .pmpage select{font-size:17px!important;min-height:46px}
body.hk715.hkkm .pmpage :is(.hkc-k,.hkc-k b){font-size:16.5px!important;line-height:1.55}
body.hk715.hkkm .pmpage .hkc-t em{font-size:15px!important;line-height:1.55}
body.hk715.hkkm .pmpage .pmhk{font-size:14px!important}
body.hk715.hkkm .pmpage .hkc-big{font-size:21px!important;min-height:58px;line-height:1.4}
body.hk715.hkkm .pmpage :is(.hkc-who,.hkc-f .ghost.sm,.hkc-more summary,.hkc-mt){font-size:15.5px!important;line-height:1.5}
body.hk715.hkkm .pmpage .hkc-f .ghost.sm{min-height:46px}
body.hk715.hkkm .pmpage .hkc-mt em{font-size:14px!important}
body.hk715.hkkm .pmpage .pmhkb button{font-size:16px!important;min-height:46px}
body.hk715.hkkm .pmpage .hkprog :is(b,span){font-size:16px!important}
body.hk715.hkkm .pmmodal :is(label,input,select,textarea,button,.hint,p){font-size:16px!important;line-height:1.55}
body.hk715.hkkm .pmmodal h3{font-size:20px!important}
/* v7.1.6 · core 1.4.7 · calm page changes: content fades, menu and header stay still */
body.vt713 #view.vtp{animation:none}
/* v7.1.6 · hotel 1.6.3 · grouped hotel menu */
nav.pmnav .nv716h{display:none}
@media (min-width:1100px){
  .mkpage>nav.pmnav .nv716h{display:block;flex:0 0 auto;line-height:1.3;font-size:11px;font-weight:700;letter-spacing:.04em;color:var(--muted);padding:12px 12px 4px;white-space:nowrap;overflow:hidden}
  .mkpage>nav.pmnav .nv716h:empty{padding:0;margin:8px 10px;border-top:1px solid var(--line)}
  .mkpage>nav.pmnav .nv716h.first{padding-top:4px}
  body.rl715:not(.rlpin) .mkpage>nav.rl715n .nv716h{height:0;padding:0 10px!important;margin:6px 4px;border-top:1px solid var(--line);color:transparent;transition:height .25s ease,padding .25s ease,color .2s}
  body.rl715:not(.rlpin) .mkpage>nav.rl715n .nv716h.first{border-top:0;margin:2px 4px}
}
@media (min-width:1100px) and (hover:hover) and (pointer:fine){
  body.rl715:not(.rlpin) .mkpage>nav.rl715n:is(:hover,.rlx,:has(:focus-visible)) .nv716h:not(:empty){height:auto;padding:12px 12px 4px!important;margin:4px 0 0;border-top:0;color:var(--muted)}
}
.nv716seg{display:inline-flex;justify-self:start;align-self:start;width:max-content;gap:2px;padding:3px;border-radius:12px;background:var(--panel2);margin:0 0 14px;max-width:100%}
.nv716seg button{min-height:38px;padding:0 16px;border:0;border-radius:9px;background:none;color:var(--muted);font:inherit;font-size:14px;font-weight:600;cursor:pointer;white-space:nowrap}
.nv716seg button[aria-selected="true"]{background:var(--panel);color:var(--text);box-shadow:var(--sh1)}
.nv716back{margin:0 0 12px;justify-self:start}
.nv716set h3{margin:0 0 12px}
.nv716tiles{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:10px}
.nv716tile{display:flex;align-items:center;gap:12px;text-align:left;padding:14px;border-radius:12px;border:1px solid var(--line);background:var(--panel);color:var(--text);font:inherit;cursor:pointer;min-height:64px}
.nv716tile:hover{background:var(--panel2)}
.nv716tile .rli{display:inline-grid!important;place-items:center;flex:0 0 36px;width:36px;height:36px;border-radius:10px;background:color-mix(in srgb,var(--accent) 12%,transparent);color:var(--accent)}
.nv716tile .rli svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.nv716tile span{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.nv716tile b{font-size:15px}.nv716tile em{font-style:normal;font-size:12.5px;color:var(--muted);line-height:1.4}
.nv716tile>i{font-style:normal;color:var(--muted);font-size:20px}
/* v7.1.6 · Storage in its own Settings section */
.stsec .st715{margin-top:0;padding-top:0;border-top:0}
/* v7.1.7 · hotel 1.6.4 · walk-in prices and the breakfast list */
.wi717{display:flex;margin:0 0 10px;align-items:center;flex-wrap:wrap;gap:6px;padding:4px;border-radius:12px;background:var(--panel2)}
.wi717>span{flex:1 0 100%;font-size:12px;font-weight:700;color:var(--muted);padding:2px 8px 0}
.wi717 button{flex:1 1 0;min-height:42px;border:0;border-radius:9px;background:none;color:var(--text);font:inherit;font-weight:600;cursor:pointer}
.wi717 button[aria-pressed="true"]{background:var(--panel);color:var(--accent);box-shadow:var(--sh1)}
.wi717c{margin-top:14px}.wi717h{display:flex;align-items:baseline;justify-content:space-between;gap:10px;flex-wrap:wrap}.wi717h h3{margin:0}.wi717h b{font-size:15px}
.wi717l{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0 6px}
.wi717l span{display:inline-flex;align-items:center;gap:6px;padding:6px 10px;border-radius:10px;background:var(--panel2);font-size:13px}
.wi717l span b{font-size:15px}.wi717l span.out{opacity:.6}
.wi717k{align-items:flex-start!important}.wi717k span{display:flex;flex-direction:column;gap:2px}.wi717k em{font-style:normal}
/* v7.1.8 · registration card inside the app */
.rc718{position:fixed;inset:0;z-index:95;display:flex;flex-direction:column;background:var(--bg,#f2f2f7)}
.rc718 header{display:flex;align-items:center;gap:12px;padding:max(10px,env(safe-area-inset-top)) 16px 10px;background:var(--panel);box-shadow:var(--sh1)}
.rc718 header b{flex:1;text-align:center;font-size:16px}
.rc718 header button{min-height:44px}
.rc718 iframe{flex:1;width:100%;border:0;background:#fff}
/* v7.1.9 · Pay now */
.tv719{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin:14px 0;padding:14px 16px;border-radius:14px;background:color-mix(in srgb,var(--accent) 10%,var(--panel));border:1px solid color-mix(in srgb,var(--accent) 30%,var(--line))}
.tv719>div:first-child{display:flex;flex-direction:column;gap:2px;min-width:0;flex:1 1 220px}.tv719 b{font-size:15px}
.tv719a{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.tv719a .btn,.tv719l .btn{min-height:44px;display:inline-flex;align-items:center;text-decoration:none}
#tv630bar .tv719b{margin-left:auto;min-height:34px;display:inline-flex;align-items:center;text-decoration:none;white-space:nowrap}
/* v7.1.9 · card payments in POS Settings */
.pc719 .accmods{margin:8px 0 12px}
/* v7.1.9 · staff app menu in the Bar Partner style */
.sm719 .sm-panel.s7{background:#F4F1EA;color:#1D2420;padding:0;display:flex;flex-direction:column;overflow:hidden}
.s7h{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:calc(14px + env(safe-area-inset-top,0px)) 18px 16px;background:linear-gradient(135deg,#0F3D2E,#1B5E44);color:#fff;border-radius:0 0 22px 22px}
.s7h small{display:block;font-size:11px;font-weight:800;letter-spacing:.06em;color:#F6B26B}.s7h h2{margin:2px 0 0;font-size:21px;color:#fff}
.s7x{width:40px;height:40px;border-radius:50%;border:0;background:rgba(255,255,255,.16);color:#fff;font-size:16px;cursor:pointer;flex:none}
.s7outs{display:flex;gap:8px;overflow-x:auto;padding:12px 14px 0;scrollbar-width:none}.s7outs::-webkit-scrollbar{display:none}
.s7outs button{flex:none;min-height:40px;padding:0 16px;border-radius:999px;border:1px solid #D9D3C7;background:#fff;color:#1D2420;font:inherit;font-weight:700;cursor:pointer}
.s7outs button[aria-checked="true"]{background:#0F3D2E;border-color:#0F3D2E;color:#fff}
.s7tools{position:sticky;top:0;z-index:2;background:#F4F1EA;padding:12px 14px 8px}
.s7q{display:flex;align-items:center;gap:10px;background:#fff;border:1px solid #E1DBCF;border-radius:16px;padding:0 14px;min-height:48px}
.s7q svg{width:20px;height:20px;fill:none;stroke:#5F6B64;stroke-width:2;stroke-linecap:round;flex:none}.s7q input{flex:1;min-width:0;border:0;background:none;font:inherit;font-size:16px;outline:none;color:#1D2420}
.s7cats{display:flex;gap:8px;overflow-x:auto;margin-top:10px;scrollbar-width:none}.s7cats::-webkit-scrollbar{display:none}
.s7cats button{flex:none;min-height:38px;padding:0 15px;border-radius:999px;border:0;background:color-mix(in srgb,var(--h) 16%,#fff);color:var(--h);font:inherit;font-weight:600;font-size:15px;cursor:pointer}
.s7cats button[aria-pressed="true"]{background:var(--h);color:#fff}
.s7body{flex:1;overflow-y:auto;padding:4px 14px calc(24px + env(safe-area-inset-bottom,0px))}
.s7body section h3{display:flex;align-items:center;gap:10px;margin:18px 2px 10px;font-size:19px;color:#1D2420}.s7body section h3::before{content:"";width:5px;height:20px;border-radius:3px;background:var(--h)}
.s7g{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
@media (min-width:700px){.s7g{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (min-width:1000px){.s7g{grid-template-columns:repeat(4,minmax(0,1fr))}}
.s7c{background:#fff;border-radius:18px;overflow:hidden;border:1px solid #E6E0D4;display:flex;flex-direction:column}.s7c.out{opacity:.55}
.s7p{position:relative;aspect-ratio:1/1;background:#EFEAE0;display:grid;place-items:center}.s7p img{width:100%;height:100%;object-fit:cover}.s7p span{font-size:36px;opacity:.7}
.s7so,.s7hh{position:absolute;left:8px;top:8px;font-style:normal;font-size:11.5px;font-weight:800;padding:3px 9px;border-radius:999px;background:#C92A2A;color:#fff}.s7hh{background:#F08A24}
.s7t{display:flex;flex-direction:column;gap:2px;padding:10px 12px 12px}.s7t b{font-size:15px;line-height:1.3}.s7t small{color:#6B746F;font-size:12.5px}
.s7pr{color:#E8590C;font-weight:800;font-size:16px;margin-top:2px}.s7pr s{color:#9AA19C;font-weight:500;font-size:13px}
/* the 🍽 Food card on the staff app home */
.sm719f{margin:0 0 14px;padding:14px;border-radius:20px;background:linear-gradient(135deg,#F08A24,#E8590C);color:#fff;box-shadow:0 10px 28px rgba(232,89,12,.28)}
.sm719fh{display:flex;align-items:center;gap:12px}.sm719fi{font-size:30px;width:48px;height:48px;border-radius:14px;background:rgba(255,255,255,.2);display:grid;place-items:center}
.sm719fh b{display:block;font-size:19px}.sm719fh span{font-size:13px;opacity:.92}
.sm719fo{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:10px;margin-top:12px}
.sm719fo button{display:flex;flex-direction:column;align-items:flex-start;gap:2px;min-height:64px;padding:10px 14px;border-radius:14px;border:0;background:#fff;color:#1D2420;font:inherit;text-align:left;cursor:pointer}
.sm719fo button b{font-size:16px}.sm719fo button span{font-size:12.5px;color:#E8590C;font-weight:700}
/* v7.2.0 · hotel 1.6.7 · calendar view options */
.cv720o{display:flex;align-items:center;flex-wrap:wrap;gap:8px 10px;margin:0 0 12px}
.cv720l{font-size:12px;font-weight:700;color:var(--muted);margin-left:4px}
.cv720o .seg button{min-height:36px}
body:has(.cv720o) #pmRkDays{display:none!important}
.pmblk.cv720b{background:var(--cv)!important;border-color:color-mix(in srgb,var(--cv) 70%,#000)!important;color:#fff!important}
.pmblk.cv720b span,.pmblk.cv720b em{color:#fff!important}
.pmleg i.pmblk.cv720b{display:inline-block;width:22px;height:12px;border-radius:4px;vertical-align:middle;margin-right:6px;position:static}
.cv720leg{margin-bottom:4px}
.pmrkt.cv720f .pmrkl{display:flex;align-items:baseline;gap:8px}.pmrkt.cv720f .pmrkl em{font-style:normal;font-size:12px;color:var(--muted)}
/* List view */
.cv720free{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:0 0 12px}
.cv720free>span:not(.hint){display:inline-flex;align-items:baseline;gap:6px;padding:6px 12px;border-radius:999px;background:var(--panel);box-shadow:var(--sh1);font-size:13px}
.cv720free>span b{font-size:16px;color:var(--ok,#2F9E44)}.cv720free>span.zero b{color:var(--over,#C92A2A)}
.cv720cols{display:grid;gap:14px;grid-template-columns:repeat(auto-fit,minmax(min(100%,340px),1fr));align-items:start}
.cv720sec h3{display:flex;align-items:center;gap:8px;margin:0 0 8px}
.cv720r{display:grid;grid-template-columns:54px minmax(0,1fr);gap:4px 12px;width:100%;text-align:left;border:0;border-top:1px solid var(--line);background:none;color:var(--text);font:inherit;padding:10px 2px;cursor:pointer;align-items:center}
.cv720r:first-of-type{border-top:0}.cv720r:hover{background:var(--panel2)}
.cv720rm{grid-row:span 2;display:grid;place-items:center;height:46px;border-radius:12px;background:var(--panel2);font-weight:800;font-size:17px}.cv720rm.un{color:var(--muted)}
.cv720g{display:flex;flex-direction:column;min-width:0}.cv720g b{font-size:15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cv720g em{font-style:normal;font-size:12.5px;color:var(--muted)}
.cv720m{display:flex;flex-wrap:wrap;gap:6px}.cv720m i{font-style:normal;font-size:11.5px;font-weight:700;padding:2px 8px;border-radius:999px;background:var(--panel2)}
.cv720src{background:color-mix(in srgb,var(--cv) 14%,transparent)!important;color:var(--cv)}
.cv720due{background:color-mix(in srgb,var(--over,#C92A2A) 14%,transparent)!important;color:var(--over,#C92A2A)}
.cv720bar #cv720date{max-width:170px}
@media (max-width:700px){.cv720o{gap:6px}.cv720o .seg{flex:1 1 100%}.cv720o .seg button{flex:1}.cv720l{margin:4px 0 0}}
body:has(.cv720o) .rk8col{display:none!important}

/* ===================== v7.2.1 · ✦ AI coworker ===================== */
.cw7spark{display:inline-grid;place-items:center;color:var(--accent);font-size:18px;line-height:1}
#hlpBtn.cw7btn .cw7spark{font-size:20px}
#hlpBtn.cw7btn{border-color:color-mix(in srgb,var(--accent) 45%,var(--line))}
.hlpbtn.cw7btn span:not(.cw7spark){display:none}
.cw721{position:fixed;inset:0;z-index:1200;pointer-events:none}
.cw721 .cw7bg{position:absolute;inset:0;background:rgba(0,0,0,.28);opacity:0;transition:opacity .2s ease;pointer-events:auto}
.cw721 .cw7p{position:absolute;top:0;right:0;bottom:0;width:min(460px,100vw);display:flex;flex-direction:column;background:var(--panel);color:var(--text);border-left:1px solid var(--line);box-shadow:-18px 0 40px rgba(0,0,0,.22);transform:translateX(24px);opacity:0;transition:transform .22s cubic-bezier(.2,.8,.2,1),opacity .2s ease;pointer-events:auto;padding-bottom:env(safe-area-inset-bottom,0px)}
.cw721.in .cw7p{transform:none;opacity:1}
@media (min-width:1100px){.cw721 .cw7bg{display:none}}
@media (max-width:1099px){.cw721.in .cw7bg{opacity:1}}
@media (prefers-reduced-motion:reduce){.cw721 .cw7p,.cw721 .cw7bg{transition:none}}
.cw7h{display:flex;align-items:center;gap:10px;padding:calc(env(safe-area-inset-top,0px) + 12px) 12px 10px 16px;border-bottom:1px solid var(--line)}
.cw7h .cw7spark{width:34px;height:34px;border-radius:10px;background:#0F3D2E;color:#F08A24;font-size:20px;flex:none}
.cw7h>div{flex:1;min-width:0}.cw7h h2{margin:0;font-size:17px}
.cw7seen{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:12px}
.cw7h .cib{min-width:40px;min-height:40px}
.cw7warn{margin:8px 16px 0}
.cw7tabs{display:flex;gap:4px;padding:8px 12px 0;border-bottom:1px solid var(--line)}
.cw7tabs button{flex:1;min-height:40px;border:0;background:none;color:var(--muted);font:600 14px/1 inherit;border-bottom:2px solid transparent;cursor:pointer}
.cw7tabs button[aria-selected="true"]{color:var(--text);border-bottom-color:var(--accent)}
.cw7b{flex:1;min-height:0;display:flex;flex-direction:column;overflow:auto;padding:12px 14px}
.cw7msgs{flex:1;min-height:120px;overflow:auto;display:flex;flex-direction:column;gap:10px;padding-bottom:6px}
.cw7b .cw7msgs .ac-bub{max-width:100%}
.cw7av{background:#0F3D2E!important;color:#F08A24!important;font-size:15px}
.cw7empty{padding:18px 4px}.cw7empty b{font-size:16px}
.cw7jb{display:inline-block;font-size:11px;font-weight:700;padding:2px 8px;border-radius:999px;background:var(--accent);color:#fff;margin-bottom:4px}
.cw7chips{display:flex;gap:6px;overflow-x:auto;padding:8px 0;scrollbar-width:none}.cw7chips::-webkit-scrollbar{display:none}
.cw7chips .chip{white-space:nowrap;flex:none;min-height:34px}
.cw7in{display:flex;flex-direction:column;gap:6px;border:1px solid var(--line);border-radius:14px;padding:8px;background:var(--bg)}
.cw7in textarea,.cw7in input{border:0;background:transparent;resize:none;font:15px/1.4 inherit;color:var(--text);outline:none;min-height:24px}
.cw7bar{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.cw7bar .sp{flex:1}
.cw7sw,.cw7mic{min-height:36px;padding:0 10px;border-radius:999px;border:1px solid var(--line);background:var(--panel);color:var(--muted);font:600 13px/1 inherit;cursor:pointer}
.cw7sw.on{background:color-mix(in srgb,var(--accent) 16%,var(--panel));border-color:var(--accent);color:var(--text)}
.cw7mic{width:40px;padding:0;font-size:16px}.cw7mic.on{background:#C92A2A;border-color:#C92A2A;color:#fff;animation:cw7pulse 1.2s infinite}
@keyframes cw7pulse{50%{box-shadow:0 0 0 6px rgba(201,42,42,.18)}}
#cw7Lang{min-height:36px;border-radius:999px;border:1px solid var(--line);background:var(--panel);color:var(--text);padding:0 8px;font:600 13px inherit}
.cw7clear{align-self:center;margin-top:6px}
.cw7madd{flex-direction:row;align-items:center;margin:8px 0}.cw7madd input{flex:1}
.cw7s{margin:6px 0 14px}.cw7s h3{font-size:14px;margin:0 0 6px;display:flex;gap:6px;align-items:center}
.cw7s p{margin:4px 0}.cw7adv{margin-top:8px;padding:10px 12px;border-radius:12px;background:var(--bg)}
.cw7rej{display:flex;gap:6px;margin-top:8px;flex-wrap:wrap}.cw7rej input{flex:1;min-width:160px;min-height:38px;border:1px solid var(--line);border-radius:10px;padding:0 10px;background:var(--bg);color:var(--text)}
.cw7jbody{padding:8px 0}
.cw7pg{max-width:860px}
/* table and chart answers */
.cw7t{margin-top:10px;border:1px solid var(--line);border-radius:12px;overflow:hidden;background:var(--panel)}
.cw7th{display:flex;flex-wrap:wrap;gap:6px;align-items:center;justify-content:space-between;padding:8px 10px;background:color-mix(in srgb,#0F3D2E 8%,var(--panel))}
.cw7th b{font-size:13px}.cw7ta{display:flex;gap:4px;flex-wrap:wrap}.cw7ta .sm{min-height:32px;padding:0 10px;font-size:12px}
.cw7tw{overflow:auto;max-height:360px}
.cw7t table{border-collapse:collapse;width:100%;font-size:12.5px}
.cw7t th{position:sticky;top:0;background:#0F3D2E;color:#fff;text-align:left;font-weight:600;white-space:nowrap;padding:6px 8px}
.cw7t td{padding:6px 8px;border-top:1px solid var(--line);white-space:nowrap;max-width:240px;overflow:hidden;text-overflow:ellipsis}
.cw7t tr[data-cw7res]{cursor:pointer}.cw7t tr[data-cw7res]:hover td,.cw7t tr[data-cw7res]:focus td{background:color-mix(in srgb,var(--accent) 10%,transparent)}
.cw7t>.hint{padding:6px 10px;margin:0}
.cw7c{margin:10px 0 0;padding:10px;border:1px solid var(--line);border-radius:12px}
.cw7c figcaption{font-size:12px;font-weight:600;margin-bottom:6px}
.cw7c svg{width:100%;height:130px;display:block}.cw7c rect{fill:#F08A24}.cw7c text{font-size:7px;fill:var(--muted)}
.cw7draft{white-space:pre-wrap;margin:6px 0;padding:10px;border-radius:10px;background:var(--bg);font-size:14px}
@media (max-width:700px){.cw721 .cw7p{width:100vw;border-left:0}.cw7tw{max-height:300px}}
html[data-ui="ms"] .cw7in,html[data-ui="microsoft"] .cw7in,html[data-ui="ms"] .cw7t{border-radius:4px}
html[data-ui="google"] .cw7in{border-radius:24px}
html[data-ui="apple"] .cw721 .cw7p{background:color-mix(in srgb,var(--panel) 92%,transparent);backdrop-filter:saturate(1.6) blur(20px);-webkit-backdrop-filter:saturate(1.6) blur(20px)}
.cw7s details summary{display:flex;flex-wrap:wrap;gap:6px;align-items:center;cursor:pointer;list-style:none;min-height:40px}.cw7s details summary::-webkit-details-marker{display:none}.cw7s details summary::before{content:'›';color:var(--muted);font-size:18px;transition:transform .15s}.cw7s details[open] summary::before{transform:rotate(90deg)}
#cw7Lang{max-width:76px}
@media (max-width:700px){.cw7bar{flex-wrap:nowrap}.cw7bar .btn{padding:0 14px}.cw7sw{padding:0 8px}}
/* v7.2.2 · Rescue page check */
.rp722{display:grid;gap:8px;margin-top:14px;padding:14px;border:1px solid var(--line);border-radius:14px;background:var(--panel)}
.rp722>div:first-child{display:flex;flex-direction:column;gap:2px}
.rp722res{display:flex;flex-direction:column;gap:4px}
.rp722ok{color:#2F9E44;font-weight:700}.rp722bad{color:#C92A2A;font-weight:700}
.rp722why{font-size:13px;word-break:break-word;padding:8px 10px;border-radius:10px;background:color-mix(in srgb,#C92A2A 8%,var(--panel))}
.rp722a{display:flex;gap:8px;flex-wrap:wrap}.rp722a .btn,.rp722a .ghost{min-height:40px;display:inline-flex;align-items:center}
#hlpBtn[data-cw7] .cw7spark{display:inline-grid!important;color:var(--accent);font-size:18px}
/* ===================== v7.2.5 · Calendar: compact, eZee-style ===================== */
body.cz725 .pmpage .cz7hide{display:none!important}
body.cz725 .pmpage>.mkdemobar{display:none!important}
.cz7bar{position:sticky;top:0;z-index:30;display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:6px 8px;margin:0 0 6px;background:var(--panel);border:1px solid var(--line);border-radius:14px;box-shadow:var(--sh1)}
.cz7l,.cz7r{display:flex;align-items:center;gap:6px;flex-wrap:wrap;min-width:0}.cz7r{margin-left:auto}
.cz7bar .seg{min-height:36px}.cz7bar .seg button{min-height:32px;padding:0 10px;font-size:13px}
.cz7bar .mkmonth{min-height:36px}.cz7bar .mkmonth b{font-size:14px;white-space:nowrap}
.cz7bar .ghost,.cz7bar .btn{min-height:36px;padding:0 12px;font-size:13.5px}
.cz7bar .mkmonth{position:relative}.cz7bar input.cz7date{position:absolute;left:50%;bottom:0;width:1px;height:1px;opacity:0;pointer-events:none;border:0;padding:0}
.cz7pick{cursor:pointer;border-radius:8px;padding:2px 6px}.cz7pick:hover,.cz7pick:focus-visible{background:color-mix(in srgb,var(--accent) 12%,transparent);outline:none}.cz7pick::after{content:' ▾';font-size:10px;color:var(--muted)}
.cz7bar .cp9nt span{display:none}
.cz7wrap{position:relative}
.cz7btn.on{border-color:var(--accent);color:var(--text)}
.cz7n{display:inline-grid;place-items:center;min-width:18px;height:18px;border-radius:9px;background:var(--accent);color:#fff;font:700 11px/1 inherit;font-style:normal}
.cz7pop{display:none;position:absolute;top:calc(100% + 6px);left:0;z-index:40;min-width:260px;padding:12px;border:1px solid var(--line);border-radius:14px;background:var(--panel);box-shadow:0 14px 34px rgba(0,0,0,.22);gap:10px}
.cz7pop.open{display:grid}
.cz7fl{display:grid;gap:4px;font-size:12px;font-weight:600;color:var(--muted)}.cz7fl select{min-height:38px;width:100%}
.cz7vl{display:grid;gap:4px}.cz7vl>span{font-size:12px;font-weight:600;color:var(--muted)}.cz7vl .seg{width:max-content}
.cz7row{min-height:0!important;padding:0 2px 6px!important;margin:0!important;gap:6px!important}
body.cz725 .cz7row .rk9c,body.cz725 .cz7row .rk9w,body.cz725 .cz7row .rk9auto{min-height:30px;padding:0 10px;font-size:12.5px}
.cz7warn{min-height:30px;padding:0 10px;border-radius:999px;border:1px solid color-mix(in srgb,#E8590C 45%,var(--line));background:color-mix(in srgb,#E8590C 10%,var(--panel));color:var(--text);font:600 12.5px/1 inherit;cursor:pointer;white-space:nowrap}
.cz7warn.bad{border-color:color-mix(in srgb,#C92A2A 50%,var(--line));background:color-mix(in srgb,#C92A2A 10%,var(--panel))}
body.cz725 .pmbanner.cz7ban{display:none}body.cz725 .pmbanner.cz7ban.cz7show{display:flex;margin:0 0 6px}
body.cz725 .pmpage{padding-top:6px}
body.cz725 #pmRack{border-radius:12px}
/* compact rows */
body.cz725c .pmrkr,body.cz725c .pmrkc{min-height:30px!important}
body.cz725c .pmrkr .pmrkl{flex-direction:row!important;align-items:center!important;gap:6px!important;padding:0 8px!important}
body.cz725c .pmrkr .pmrkl em{font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
body.cz725c .pmblk{top:3px!important;bottom:3px!important;padding:0 6px!important;flex-direction:row!important;align-items:center;gap:4px;font-size:12px!important}
body.cz725c .pmblk>em{display:none}
body.cz725c .pmblk>span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
body.cz725c .pmrkt .pmrka{padding:1px 0}body.cz725c .pmrkt .pmrkl{padding:2px 8px}
body.cz725c .pmrkh .pmrkd{padding:3px 0}
.cz7ic{font-style:normal;font-size:11px;margin-right:2px}
/* focus mode: no app bars */
body.cz725fs .pf8bar,body.cz725fs #bnav,body.cz725fs .mbar,body.cz725fs header.top{display:none!important}
body.cz725fs #view{padding-top:8px}
@media (max-width:1600px){.cz7fsb span,.cz7lng{display:none}}
@media (max-width:1320px){.cz7bar .seg button{padding:0 8px}.cz7bar{gap:6px}}
.cz7row{flex-wrap:nowrap!important;overflow-x:auto;scrollbar-width:none}.cz7row::-webkit-scrollbar{display:none}.cz7row>*{flex:none}
@media (max-width:700px){.cz7bar{border-radius:12px;padding:6px}.cz7r{margin-left:0;width:100%;overflow-x:auto;flex-wrap:nowrap}.cz7l{width:100%}
  .cz7pop{position:fixed;left:8px;right:8px;top:auto;bottom:calc(env(safe-area-inset-bottom,0px) + 70px);min-width:0}.cz7fsb span{display:none}.cz7bar .mkmonth b{font-size:13px}}
html[data-ui="google"] .cz7bar{border-radius:20px}html[data-ui="ms"] .cz7bar,html[data-ui="microsoft"] .cz7bar{border-radius:6px}
html[data-ui="apple"] .cz7bar{background:color-mix(in srgb,var(--panel) 88%,transparent);backdrop-filter:saturate(1.6) blur(18px);-webkit-backdrop-filter:saturate(1.6) blur(18px)}
@media (max-width:700px){body.cz725:not(.cz7nav) .pmpage>.pmnav{display:none!important}.cz7navb{min-width:40px}}
/* v7.2.6 · Night summary */
.ns7cta{margin-left:auto}
.ns726{position:fixed;inset:0;z-index:1100;background:rgba(0,0,0,.4);display:flex;justify-content:center;overflow:auto;padding:24px 12px}
.ns7p{width:min(1100px,100%);height:max-content;background:var(--bg);border-radius:18px;padding:18px;box-shadow:0 20px 50px rgba(0,0,0,.3)}
.ns7h{display:flex;flex-wrap:wrap;gap:12px;align-items:flex-start;justify-content:space-between;padding:14px 16px;border-radius:14px;background:#0F3D2E;color:#fff}
.ns7h .hint{color:rgba(255,255,255,.75)}.ns7h h2{margin:2px 0 4px;font-size:22px}.ns7ey{font-size:12px;font-weight:700;color:#F08A24}
.ns7nav{display:flex;gap:6px;align-items:center;flex-wrap:wrap}.ns7nav .ghost,.ns7nav .cib{min-height:38px;background:rgba(255,255,255,.12);color:#fff;border-color:transparent}
.ns7nav input{min-height:38px;border-radius:10px;border:0;padding:0 8px}
.ns7tiles{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:10px;margin:12px 0}
.ns7t{padding:12px 14px;border-radius:14px;background:var(--panel);border:1px solid var(--line);display:grid;gap:2px}.ns7t span{font-size:12px;color:var(--muted);font-weight:600}.ns7t b{font-size:22px}.ns7t em{font-style:normal;font-size:12.5px;color:var(--muted)}
.ns7t:first-child{background:color-mix(in srgb,#F08A24 12%,var(--panel));border-color:color-mix(in srgb,#F08A24 40%,var(--line))}
.ns7chg{font-weight:700;font-size:12px}.ns7chg.up{color:#2F9E44}.ns7chg.dn{color:#C92A2A}
.ns7s{margin:12px 0;padding:12px 14px;border-radius:14px;background:var(--panel);border:1px solid var(--line)}.ns7s h3{margin:0 0 8px;font-size:15px}
.ns7tw{overflow:auto}.ns7s table{width:100%;border-collapse:collapse;font-size:13px}.ns7s th{text-align:left;font-size:12px;color:var(--muted);padding:6px 8px;border-bottom:1px solid var(--line);white-space:nowrap}.ns7s td{padding:7px 8px;border-bottom:1px solid var(--line);white-space:nowrap}
.ns7s .n{text-align:right}.ns7s tfoot td{border-top:2px solid #0F3D2E;font-weight:600}.ns7hot td{background:color-mix(in srgb,#0F3D2E 6%,transparent)}
.ns7open{font-size:11px;font-weight:700;color:#C92A2A}
.ns7two{display:grid;grid-template-columns:2fr 1fr;gap:12px}.ns7two .ns7s{margin:0}
.ns7bars{width:100%;height:150px}.ns7bars rect{fill:#F08A24}.ns7bars text{font-size:9px;fill:var(--muted)}
.ns7pay,.ns7top{list-style:none;margin:0;padding:0;display:grid;gap:4px}.ns7pay li,.ns7top li{display:flex;justify-content:space-between;gap:10px;padding:6px 0;border-bottom:1px solid var(--line);font-size:13.5px}.ns7top{counter-reset:t}.ns7top em{font-style:normal;color:var(--muted);font-size:12px}
@media (max-width:760px){.ns7two{grid-template-columns:1fr}.ns726{padding:0}.ns7p{border-radius:0;min-height:100%}}
html.ns7print body>*:not(#ns726){display:none!important}html.ns7print .ns726{position:static;background:#fff;padding:0}html.ns7print .ns7p{box-shadow:none;width:100%}html.ns7print .ns7nav{display:none}
@media print{html.ns7print *{-webkit-print-color-adjust:exact;print-color-adjust:exact}}
/* v7.2.6 · hotel night-check fixes */
.hs320form .hm-card,.hs320cols>*{min-width:0}
.hs320form .hm-card{grid-template-columns:minmax(0,1fr)}.hs320form select,.hs320form input:not([type=checkbox]):not([type=radio]){max-width:100%;min-width:0;width:100%}
.hs320grid{grid-template-columns:repeat(auto-fill,minmax(min(320px,100%),1fr))}
.pf8bar .pf8ask{min-height:40px;padding:0 12px;border-radius:12px;background:rgba(255,255,255,.12);color:#fff;border:0;display:inline-flex;align-items:center;gap:6px;font-weight:600}
.pf8bar .pf8ask .cw7spark{color:#F08A24}
@media (max-width:700px){.pf8bar .pf8ask span:not(.cw7spark){display:none}.pf8bar .pf8ask{padding:0 10px}}
.mh-app.gray{background:linear-gradient(160deg,#8E8E93,#636366)}
body.cz725 .cz7fp select{display:block!important}
@media (max-width:700px){.cz7bar .cz7lbl{display:none}.cz7bar .cz7btn[data-cz7=f],.cz7bar .cz7btn[data-cz7=v]{min-width:40px;padding:0 10px}}

/* ===================== v7.3.0 · hotel ideas from Cloudbeds + ⌘K search ===================== */
.hx7sh{position:fixed;inset:0;z-index:1250;display:grid;place-items:center;padding:16px}
.hx7sh .hx7bg,.hx7k .hx7bg{position:absolute;inset:0;background:rgba(0,0,0,.4)}
.hx7p{position:relative;width:min(560px,100%);max-height:calc(100vh - 32px);display:flex;flex-direction:column;background:var(--panel);color:var(--text);border:1px solid var(--line);border-radius:18px;box-shadow:0 24px 60px rgba(0,0,0,.3);overflow:hidden}
.hx7p.wide{width:min(820px,100%)}
.hx7p header{display:flex;align-items:center;gap:10px;padding:14px 12px 10px 18px;border-bottom:1px solid var(--line)}.hx7p header h2{flex:1;margin:0;font-size:17px;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.hx7p .hx7b{padding:14px 18px;overflow:auto;flex:1;min-height:0}
.hx7p footer{display:flex;flex-wrap:wrap;gap:8px;align-items:center;padding:12px 18px calc(12px + env(safe-area-inset-bottom,0px));border-top:1px solid var(--line)}.hx7p footer .sp{flex:1}
@media (max-width:700px){.hx7sh{padding:0;place-items:end stretch}.hx7p,.hx7p.wide{width:100%;max-height:92vh;border-radius:18px 18px 0 0}}
.hx7f{display:flex;flex-direction:column;gap:4px;font-size:13px;color:var(--muted);margin:0 0 10px;min-width:0}
.hx7f input,.hx7f select,.hx7f textarea,.hx7cr input,.hx7cr select,.hx7gr input,#hx7Rl{font:inherit;font-size:15px;color:var(--text);background:var(--bg);border:1px solid var(--line);border-radius:10px;min-height:42px;padding:6px 10px;width:100%}
#hx7Rl{min-height:90px;margin-bottom:6px}
.hx7g2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 12px}@media (max-width:520px){.hx7g2{grid-template-columns:minmax(0,1fr)}}
.hx7chips{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 10px}.hx7chips .chip{min-height:36px}
.hx7col{display:inline-flex;align-items:center;gap:6px;padding:6px 10px;border-radius:999px;border:1px solid var(--line);cursor:pointer;font-size:13px;min-height:36px}
.hx7col input{margin:0}.hx7col span{text-transform:capitalize}
.hx7h4{margin:12px 0 8px;font-size:14px;display:flex;gap:8px;align-items:baseline}
.hx7link{margin-top:8px;padding:12px;border-radius:14px;background:color-mix(in srgb,#0F3D2E 7%,var(--panel));border:1px solid var(--line)}
.hx7share{display:flex;flex-wrap:wrap;gap:6px}.hx7share a{display:inline-flex;align-items:center;text-decoration:none;min-height:40px}
/* colours of notes */
.c-orange{--nc:#F08A24}.c-red{--nc:#D64545}.c-blue{--nc:#2F7DD1}.c-green{--nc:#2E8B57}.c-gray{--nc:#7A8580}
.hx7col.c-orange,.hx7col.c-red,.hx7col.c-blue,.hx7col.c-green,.hx7col.c-gray{border-color:var(--nc)}
/* calendar notes row and pins */
.pmrkr.hx7nr{background:color-mix(in srgb,#F08A24 6%,var(--panel))}.hx7nr .pmrkl{display:flex;align-items:center;justify-content:space-between;gap:4px}
.hx7nr .pmcell{cursor:copy}.hx7nadd{min-width:28px!important;min-height:28px!important;padding:0}
.hx7pin{position:absolute;height:18px;padding:0 6px;border:0;border-radius:6px;background:color-mix(in srgb,var(--nc) 22%,var(--panel));border-left:3px solid var(--nc);color:var(--text);font:600 11px/18px inherit;text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;cursor:pointer;z-index:2}
.hx7pin.done{opacity:.5;text-decoration:line-through}
.hx7pin.inl{position:static;display:inline-block;height:auto;min-height:32px;line-height:1.3;padding:6px 10px;max-width:100%;font-size:13px;white-space:normal}
.hx7rpin{position:absolute;top:1px;width:18px;height:18px;padding:0;border:0;background:none;font-size:11px;line-height:18px;cursor:pointer;z-index:3;filter:drop-shadow(0 1px 1px rgba(0,0,0,.25))}
.pmblk.hx7pc::after{content:"✓";position:absolute;right:4px;top:2px;font-size:10px;font-weight:800;color:#fff;background:#2E8B57;border-radius:50%;width:14px;height:14px;line-height:14px;text-align:center}
.pmblk.hx7grp{box-shadow:inset 0 -3px 0 #2F7DD1}
.hx7deskn{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 10px}
.hx7gp{cursor:pointer;border:0}
/* Today: notes card */
.hx7today{margin:0 0 14px;padding:14px 16px;border-radius:16px;background:var(--panel);border:1px solid var(--line)}
.hx7th{display:flex;align-items:center;justify-content:space-between;gap:8px}.hx7th h3{margin:0;font-size:15px}
.hx7today ul{list-style:none;margin:8px 0 0;padding:0;display:flex;flex-direction:column;gap:4px}
.hx7today li{display:flex;align-items:center;gap:8px}.hx7today li.done .hx7nl span{text-decoration:line-through;opacity:.6}
.hx7chk{width:28px;height:28px;flex:none;border-radius:50%;border:2px solid var(--line);background:var(--bg);color:#fff;font-weight:800;cursor:pointer}.hx7today li.done .hx7chk{background:#2E8B57;border-color:#2E8B57}
.hx7nl{flex:1;display:flex;align-items:center;gap:8px;min-height:40px;border:0;background:none;color:var(--text);text-align:left;font:inherit;cursor:pointer;padding:0;min-width:0}
.hx7nl span{flex:1;min-width:0}.hx7nl em{font-size:12px;color:var(--muted);font-style:normal}
.hx7dot{width:10px;height:10px;border-radius:50%;background:var(--nc);flex:none}
/* guest lifetime value */
.hx7ltv{margin:0 0 14px;padding:14px;border-radius:16px;background:linear-gradient(135deg,#0F3D2E,#17543F);color:#fff}
.hx7ltv .hint{color:rgba(255,255,255,.75)}
.hx7lt span{display:block;font-size:12px;opacity:.8}.hx7lt b{font-size:28px;line-height:1.1}.hx7lt em{font-style:normal;font-size:12px;opacity:.75;margin-left:8px}
.hx7ls{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:10px}.hx7ls>div{background:rgba(255,255,255,.08);border-radius:12px;padding:8px 10px;min-width:0}
.hx7ls span{display:block;font-size:11px;opacity:.75}.hx7ls b{display:block;font-size:16px;color:#F08A24}.hx7ls em{display:block;font-style:normal;font-size:11px;opacity:.8;overflow-wrap:anywhere}
@media (max-width:560px){.hx7ls{grid-template-columns:minmax(0,1fr)}}
.hx7dup{margin-top:10px;padding:10px;border-radius:12px;background:rgba(240,138,36,.16)}.hx7dr{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:6px;margin-top:6px}
.hx7dr em{font-style:normal;font-size:12px;opacity:.85}.hx7dr .ghost{color:#fff;border-color:rgba(255,255,255,.4)}
/* pace */
.hx7pts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:0 0 12px}.hx7pts.sm{grid-template-columns:repeat(3,minmax(0,1fr))}
@media (max-width:820px){.hx7pts{grid-template-columns:repeat(2,minmax(0,1fr))}}
.hx7pt{padding:12px 14px;border-radius:14px;background:var(--panel);border:1px solid var(--line);min-width:0}.hx7pt span{display:block;font-size:12px;color:var(--muted)}.hx7pt b{display:block;font-size:22px}.hx7pt em{display:block;font-style:normal;font-size:12px;color:var(--muted)}
.hx7tip{margin:0 0 12px;padding:10px 14px;border-radius:12px;background:color-mix(in srgb,#F08A24 12%,var(--panel));border:1px solid color-mix(in srgb,#F08A24 35%,var(--line))}
.hx7chart{margin:0 0 14px;padding:12px;border-radius:14px;border:1px solid var(--line);background:var(--panel)}
.hx7chart svg{width:100%;height:200px;display:block;overflow:visible}.hx7chart rect.nw{fill:#F08A24}.hx7chart path{fill:none;stroke-width:2.2;vector-effect:non-scaling-stroke}
.hx7chart path.ly{stroke:#0F3D2E}.hx7chart path.lf{stroke:var(--muted);stroke-dasharray:4 4}.hx7chart text{font-size:9px;fill:var(--muted)}
html[data-theme="dark"] .hx7chart path.ly,.dark .hx7chart path.ly{stroke:#7FD1AE}
.hx7chart figcaption{display:flex;flex-wrap:wrap;gap:14px;font-size:12px;margin-top:8px}.hx7chart figcaption i{display:inline-block;width:14px;height:4px;border-radius:2px;margin-right:6px;vertical-align:middle}
.hx7chart i.nw{background:#F08A24;height:10px}.hx7chart i.ly{background:#0F3D2E}.hx7chart i.lf{background:var(--muted)}
/* groups */
.hx7gl{display:flex;flex-direction:column;gap:8px;margin-bottom:10px}.hx7gr{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,.6fr) minmax(0,1fr);gap:8px;align-items:end}
.hx7gr>span{font-weight:600;padding-bottom:10px}.hx7gr label{display:flex;flex-direction:column;gap:4px;font-size:12px;color:var(--muted)}
@media (max-width:520px){.hx7gr{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.hx7gr>span{grid-column:1/-1;padding:0}}
/* spaces timeline */
.hx7sp{overflow:auto;border:1px solid var(--line);border-radius:14px;background:var(--panel);margin:0 0 14px;-webkit-overflow-scrolling:touch}
.hx7sr{display:flex;border-top:1px solid var(--line);min-height:52px}.hx7sr.hx7shd{border-top:0;min-height:32px;position:sticky;top:0;background:var(--panel);z-index:4}
.hx7sl{position:sticky;left:0;z-index:3;width:150px;flex:none;padding:8px 10px;background:var(--panel);border-right:1px solid var(--line);display:flex;flex-direction:column;justify-content:center;min-width:0}
.hx7sl b{font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hx7sl em{font-style:normal;font-size:11px;color:var(--muted)}
.hx7st{position:relative;flex:none}.hx7shd .hx7st span{position:absolute;top:8px;font-size:11px;color:var(--muted);padding-left:4px;border-left:1px solid var(--line);height:24px}
.hx7st i{position:absolute;top:0;bottom:0;border-left:1px dashed color-mix(in srgb,var(--line) 70%,transparent);cursor:copy}
.hx7st i:nth-child(odd){border-left-style:solid}
.hx7st i:hover{background:color-mix(in srgb,#F08A24 10%,transparent)}
.hx7sb{position:absolute;top:6px;bottom:6px;z-index:2;border:0;border-radius:8px;padding:2px 8px;text-align:left;color:#fff;background:#0F3D2E;cursor:pointer;overflow:hidden;display:flex;flex-direction:column;justify-content:center;font:inherit}
.hx7sb b{font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hx7sb em{font-size:10.5px;font-style:normal;opacity:.85;white-space:nowrap}
.hx7sb.st-pending{background:#F08A24}.hx7sb.st-arrived{background:#2E8B57}.hx7sb.st-done{background:#7A8580}
.hx7cfg{display:flex;flex-direction:column;gap:10px}.hx7cr{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;padding:10px;border:1px solid var(--line);border-radius:12px}
.hx7cr label{display:flex;flex-direction:column;gap:4px;font-size:12px;color:var(--muted);min-width:0}@media (max-width:620px){.hx7cr{grid-template-columns:repeat(2,minmax(0,1fr))}}
/* ⌘K search */
.hx7k{position:fixed;inset:0;z-index:1300;display:flex;justify-content:center;align-items:flex-start;padding:min(12vh,90px) 16px 16px}
.hx7kp{position:relative;width:min(640px,100%);max-height:calc(100vh - 120px);display:flex;flex-direction:column;background:var(--panel);color:var(--text);border:1px solid var(--line);border-radius:18px;box-shadow:0 30px 80px rgba(0,0,0,.35);overflow:hidden}
.hx7kin{display:flex;align-items:center;gap:10px;padding:10px 14px;border-bottom:1px solid var(--line)}.hx7kin>span{font-size:22px;color:var(--muted)}
.hx7kin input{flex:1;min-width:0;border:0;background:transparent;color:var(--text);font:17px/1.4 inherit;min-height:44px;outline:none}
.hx7kin kbd{font:600 11px inherit;color:var(--muted);border:1px solid var(--line);border-radius:6px;padding:2px 6px}
.hx7kr{overflow:auto;padding:6px 8px 10px}.hx7kr>.hint{padding:14px 10px;margin:0}
.hx7kg h3{margin:10px 8px 4px;font-size:11px;font-weight:700;color:var(--muted);letter-spacing:.03em}
.hx7ki{display:flex;align-items:center;gap:10px;width:100%;min-height:48px;padding:6px 10px;border:0;border-radius:10px;background:none;color:var(--text);text-align:left;font:inherit;cursor:pointer}
.hx7ki.on,.hx7ki:hover{background:color-mix(in srgb,#F08A24 14%,transparent)}
.hx7ki>span:last-child{display:flex;flex-direction:column;min-width:0}.hx7ki b{font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hx7ki em{font-style:normal;font-size:12px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.hx7kc{width:32px;height:32px;flex:none;border-radius:9px;display:grid;place-items:center;background:color-mix(in srgb,#0F3D2E 10%,var(--bg))}
@media (max-width:700px){.hx7k{padding:calc(env(safe-area-inset-top,0px) + 8px) 8px 8px}.hx7kp{max-height:calc(100vh - 24px)}}
.hx7kbtn{display:inline-grid;place-items:center;min-width:40px;min-height:40px;margin-right:6px;border-radius:12px;border:1px solid color-mix(in srgb,currentColor 25%,transparent);background:color-mix(in srgb,currentColor 8%,transparent);color:inherit;cursor:pointer;flex:none}.hx7kbtn span{font-size:19px;line-height:1}
html[data-ui="ms"] .hx7p,html[data-ui="microsoft"] .hx7p,html[data-ui="ms"] .hx7kp,html[data-ui="microsoft"] .hx7kp{border-radius:8px}
html[data-ui="google"] .hx7p,html[data-ui="google"] .hx7kp{border-radius:28px}html[data-ui="google"] .hx7p footer .btn{border-radius:999px}
html[data-ui="apple"] .hx7kp,html[data-ui="apple"] .hx7p{background:color-mix(in srgb,var(--panel) 92%,transparent);backdrop-filter:saturate(1.6) blur(24px);-webkit-backdrop-filter:saturate(1.6) blur(24px)}
@media (prefers-reduced-motion:no-preference){.hx7kp,.hx7p{animation:hx7in .16s cubic-bezier(.2,.8,.2,1)}@keyframes hx7in{from{opacity:0;transform:translateY(8px) scale(.99)}}}
.hx7ln{align-items:center;margin:8px 0 10px}
@media (min-width:701px){.hx7gtbl .mktr{grid-template-columns:minmax(0,1.6fr) 170px 60px minmax(0,1fr) 100px 100px}
.hx7ptbl .mktr{grid-template-columns:minmax(0,1.4fr) repeat(5,minmax(0,1fr)) 100px}
.hx7sptbl .mktr{grid-template-columns:110px minmax(0,1fr) minmax(0,1.4fr) 60px 80px 130px 90px}
.hx7grtbl .mktr{grid-template-columns:110px minmax(0,1.2fr) minmax(0,1.2fr) 120px 90px}}

/* ===================== v7.3.1 · System menu groups · hub left menu ===================== */
#sysBody .sm731pb{border-top:1px solid var(--line);background:color-mix(in srgb,var(--text) 3%,var(--panel))}
#sysBody .sm731pb>button.sm290{padding-left:28px!important;min-height:56px}
#sysBody .sm731pb>button.sm290+button.sm290{border-top:1px solid var(--line)}
#sysBody .sm731pt .sm290c{transition:transform .15s}#sysBody .sm731pt[aria-expanded="true"] .sm290c{transform:rotate(90deg)}
#sysBody .sm290b>.sm731p+button.sm290,#sysBody .sm290b>button.sm290+.sm731p{border-top:1px solid var(--line)}
@media (min-width:1100px){
  .hs731v{display:grid!important;row-gap:0;--mk:var(--accent)}
  .hs731v>header.hero{grid-column:1/-1!important}
  .hs731v>nav.hs731nav{grid-row:2/span 60!important}
  .hs731v>nav.hs731nav{margin-bottom:0}
  .hs731v>nav.hs731nav .rli svg.hx-ic{width:20px;height:20px}
  .hs731v>nav.hs731nav .nv716h{font-size:11px;font-weight:700;color:var(--muted);padding:12px 12px 4px}
  .hs731v>nav.hs731nav .nv716h.first{padding-top:4px}
  body.hs731 .mb .mb-tabs,body.hs731 .mb .mb-sw{display:none!important}
}
@media (min-width:1100px) and (prefers-reduced-motion:reduce){.hs731v>nav.hs731nav,.hs731v>nav.hs731nav *{transition:none!important}}

/* ===================== v7.3.2 · module settings ===================== */
.ms732g{padding:0 16px 16px;display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:8px}
.ms732b{display:flex;align-items:center;gap:12px;min-height:60px;padding:10px 12px;border:1px solid var(--line);border-radius:14px;background:var(--panel);color:var(--text);text-align:left;font:inherit;cursor:pointer}
.ms732b:hover,.ms732b:focus-visible{background:color-mix(in srgb,var(--accent) 7%,var(--panel))}
.ms732b>span:nth-child(2){flex:1;min-width:0;display:flex;flex-direction:column}.ms732b small{color:var(--muted);font-size:12.5px}
.ms732i{width:38px;height:38px;flex:none;display:grid;place-items:center;border-radius:11px;background:color-mix(in srgb,var(--accent) 10%,var(--panel));font-size:19px}
.ms732sh{position:fixed;inset:0;z-index:1250;display:grid;place-items:center;padding:16px}
.ms732bg{position:absolute;inset:0;background:rgba(0,0,0,.4)}
.ms732p{position:relative;width:min(640px,100%);max-height:calc(100vh - 32px);display:flex;flex-direction:column;background:var(--bg);color:var(--text);border:1px solid var(--line);border-radius:18px;box-shadow:0 24px 60px rgba(0,0,0,.3);overflow:hidden}
.ms732p header{display:flex;align-items:center;gap:10px;padding:14px 12px 10px 18px;background:var(--panel);border-bottom:1px solid var(--line)}.ms732p header h2{flex:1;margin:0;font-size:17px}
.ms732b2{overflow:auto;padding:12px}.ms732b2 .stsec{margin:0}
@media (max-width:700px){.ms732sh{padding:0;place-items:end stretch}.ms732p{width:100%;max-height:92vh;border-radius:18px 18px 0 0}}
html[data-ui="ms"] .ms732p,html[data-ui="microsoft"] .ms732p{border-radius:8px}html[data-ui="google"] .ms732p{border-radius:28px}

/* ===================== v7.3.3 · hotel 1.8.1 · booking colours on the calendar ===================== */
body.hc733{--hcC:#2FA84F;--hcP:#F08A24;--hcI:#E5569B;--hcO:#4FB8F0;--hcX:#8A9199}
body.hc733 .pmblk.b-sch{background:var(--hcC)!important;color:#fff}
body.hc733 .pmblk.b-warn{background:var(--hcP)!important}
body.hc733 .pmblk.b-ok{background:var(--hcI)!important;color:#fff}
body.hc733 .pmblk.b-done{background:var(--hcO)!important}
body.hc733 .pmblk.b-done span,body.hc733 .pmblk.b-done em{color:#062436!important}
body.hc733 .pmblk.due:not(.cv720b){background:linear-gradient(90deg,#111 0 6px,#C62828 6px)!important;color:#fff}
body.hc733 .pmblk.due:not(.cv720b) span,body.hc733 .pmblk.due:not(.cv720b) em{color:#fff!important}
body.hc733 .pmblk.due::after{background:#111;color:#fff}
body.hc733 .pmleg .pmblk.due{background:linear-gradient(90deg,#111 0 5px,#C62828 5px)!important}
body.hc733 .pmooo{background:repeating-linear-gradient(135deg,color-mix(in srgb,var(--hcX) 34%,var(--panel)) 0 8px,color-mix(in srgb,var(--hcX) 18%,var(--panel)) 8px 16px)!important;border:1px solid color-mix(in srgb,var(--hcX) 55%,transparent)}
body.hc733 .pmooo span{color:color-mix(in srgb,var(--hcX) 60%,var(--text))!important}
body.hc733 .pmst.s-sch{background:color-mix(in srgb,var(--hcC) 18%,transparent);color:color-mix(in srgb,var(--hcC) 80%,var(--text))}
body.hc733 .pmst.s-warn{background:color-mix(in srgb,var(--hcP) 22%,transparent);color:color-mix(in srgb,var(--hcP) 75%,var(--text))}
body.hc733 .pmst.s-ok{background:color-mix(in srgb,var(--hcI) 18%,transparent);color:color-mix(in srgb,var(--hcI) 80%,var(--text))}
body.hc733 .pmst.s-done{background:color-mix(in srgb,var(--hcO) 20%,transparent);color:color-mix(in srgb,var(--hcO) 60%,var(--text))}

/* ===================== v7.3.4 · money owed by the OTA ===================== */
.vc7ban{display:flex;align-items:center;gap:12px;margin:0 0 12px;padding:12px 14px;border-radius:14px;border:1px solid color-mix(in srgb,#F08A24 45%,var(--line));background:color-mix(in srgb,#F08A24 10%,var(--panel))}
.vc7ban.late{border-color:color-mix(in srgb,#C62828 55%,var(--line));background:color-mix(in srgb,#C62828 10%,var(--panel))}
.vc7ban.ok{border-color:color-mix(in srgb,#2FA84F 45%,var(--line));background:color-mix(in srgb,#2FA84F 9%,var(--panel))}
.vc7ban>div{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.vc7ban span{font-size:13px;color:var(--muted)}.vc7i{font-size:22px;color:inherit!important}
@media (max-width:560px){.vc7ban{flex-wrap:wrap}.vc7ban .btn{width:100%}}
.pmblk.vc7b::before{content:"💳";position:absolute;right:4px;top:50%;transform:translateY(-50%);font-size:11px;line-height:1;filter:drop-shadow(0 1px 1px rgba(0,0,0,.3))}
.pmblk.vc7b.due::before{right:22px}
.pmblk.vc7now{box-shadow:inset 0 0 0 2px #F08A24}
.vc7today{margin:0 0 14px;padding:14px 16px;border-radius:16px;background:var(--panel);border:1px solid color-mix(in srgb,#F08A24 40%,var(--line))}
.vc7today h3{margin:0 0 8px;font-size:15px}.vc7today ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}
.vc7today li{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.vc7today li.late .vc7l em{color:#C62828;font-weight:600}
.vc7l{flex:1;min-width:200px;display:flex;flex-direction:column;align-items:flex-start;gap:2px;min-height:44px;border:0;background:none;color:var(--text);text-align:left;font:inherit;cursor:pointer;padding:0}
.vc7l em{font-style:normal;font-size:12.5px;color:var(--muted)}

/* ===================== v7.3.6 · hubs full screen · calendar without booking buttons · maintenance filter ===================== */
body.hubfull .hero,body.hubfull .mbar,body.hubfull #bnav,body.hubfull .totop{display:none!important}
body.hubfull .wrap{max-width:none;padding-inline:16px;padding-block:0 calc(24px + env(safe-area-inset-bottom,0px))}
@media (min-width:1100px){.hs731v>header.hf7bar{grid-column:1/-1!important;grid-row:1}}
.hf7bar .pf8brand svg{fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.hf7bar .hf7bell{position:relative}.hf7bar .hf7bell .mkn{position:absolute;top:-4px;right:-6px;min-width:18px;height:18px;padding:0 4px;border-radius:9px;background:#C62828;color:#fff;font:700 10.5px/18px inherit;font-style:normal}
body.hc736 .pmpage[data-pmp="cal"] :is([data-pmnew="res"],[data-pmnew="walkin"],[data-ss3="new"],[data-wi717]){display:none!important}
.mt736seg i{font-style:normal;opacity:.7;font-size:.9em;margin-left:2px}
@media (max-width:720px){.hf7bar [data-pf8fs]{display:none}.hf7bar .pf8brand{min-width:0;flex:1}.hf7bar .pf8brand span{min-width:0;overflow:hidden}.hf7bar .pf8brand b,.hf7bar .pf8brand em{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block}}

/* ===================== v7.3.7 · compact hubs · People / OSNL AI / Mail full screen ===================== */
body.hf737.hubfull .mh .hx-hd{margin:4px 0 14px;align-items:center;flex-direction:row;flex-wrap:wrap;gap:10px 16px}
body.hf737.hubfull .mh .hx-hd .hx-eyebrow{display:none}
body.hf737.hubfull .mh .hx-hd h1{font-size:24px;margin:0;line-height:1.2}
body.hf737.hubfull .mh .hx-hd .hx-sub{font-size:14px;margin:2px 0 0}
@media (min-width:1100px){body.hf737.hubfull.hs731 .mh nav.mh-tiles:not(.s591-tiles){display:none!important}}
@media (max-width:700px){body.hf737.hubfull .mh .hx-hd{flex-direction:column;align-items:stretch}}
body.hf737.hubfull.hf737one #view{margin-top:0}

/* ===================== v7.3.8 · Back · one menu ===================== */
.pf8bar .hb738{flex:none;color:inherit;cursor:pointer;display:inline-flex;align-items:center;gap:4px;min-height:40px;padding:0 12px 0 8px;border-radius:12px;border:0;background:rgba(255,255,255,.12);font-weight:600}
html[data-ui="apple"] .pf8bar .hb738{background:var(--panel2)}
@media (max-width:720px){.pf8bar .hb738{padding:0 8px}.pf8bar .hb738 span{display:none}}
@media (min-width:1100px){body.hs738fz .fz{grid-template-columns:minmax(0,1fr)!important}body.hs738fz .fz>nav.fz-nav{display:none!important}
  .hs731nav .rle{font-size:16px;line-height:22px;text-align:center;font-style:normal}
  .hs731nav .hs738up{color:var(--accent)!important;font-weight:600}}

/* ===================== v7.3.9 · top bar stays on top ===================== */
body.sb739 header.pf8bar{top:0!important;z-index:60;padding-top:calc(8px + env(safe-area-inset-top,0px))!important}
html[data-ui="apple"] body.sb739 header.pf8bar{background:color-mix(in srgb,var(--panel) 94%,transparent)}
body.sb739 :is(.cz7bar,.iv5-bulk,.bp599ban,.dtop,.htop,#view .mknav:not(.hs731nav):not(.pmnav):not(.hrnav)){top:var(--hf8h,64px)!important}
body.sb739 .fdtabs{top:calc(var(--hf8h,64px) + 0px)!important}
@media (min-width:1100px){body.sb739 :is(.mkpage>nav.pmnav,.mkpage>nav.hrnav,.hs731v>nav.hs731nav){top:calc(var(--hf8h,64px) + 14px)!important;max-height:calc(100vh - var(--hf8h,64px) - 28px);overflow-y:auto}}

/* ===================== v7.4.1 · Chairman & Investors ===================== */
.ci741c .ci741h{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px}.ci741c h2{margin:0}
.ci741ks{grid-template-columns:repeat(3,minmax(0,1fr))!important}@media (max-width:700px){.ci741ks{grid-template-columns:minmax(0,1fr)!important}}
.ivadm.ci741 [data-c238="cfg"]{display:none}
.ivadm.ci741 .c238{margin-top:12px}
.ci741hero{padding-bottom:12px}
.ivadm.ci741 .hx-btn.mh-ai{background:linear-gradient(135deg,var(--purple),var(--blue))!important;color:#fff!important;border-color:transparent!important}

/* ===================== v7.4.2 · Extend stay · OTA booking summary ===================== */
.xs7ban{display:flex;align-items:center;gap:12px;margin:0 0 12px;padding:12px 14px;border-radius:14px;background:color-mix(in srgb,var(--text,#111) 4%,transparent);border:1px solid var(--line,rgba(0,0,0,.12))}
.xs7ban>span{font-size:22px;line-height:1}.xs7ban>div{flex:1;min-width:0;display:grid;gap:2px}.xs7ban>div span{color:var(--muted);font-size:13px}
.xs7ban.xs7now{background:color-mix(in srgb,#F08A24 14%,var(--card,#fff));border-color:#F08A24}
.xs7b{display:grid;gap:12px}.xs7b .xs7n{font-size:22px}
.xs7w{margin:0;padding:10px 12px;border-radius:12px;background:color-mix(in srgb,#F08A24 14%,transparent);font-size:14px}
.xs7p{border:0;margin:0;padding:0;display:grid;gap:8px}.xs7p legend{font-weight:600;margin-bottom:6px;padding:0}
.xs7o{display:flex;align-items:center;gap:12px;padding:12px 14px;border:1px solid var(--line,#ddd);border-radius:14px;cursor:pointer;min-height:48px}
.xs7o.on{border-color:var(--accent,#0F3D2E);box-shadow:0 0 0 2px color-mix(in srgb,var(--accent,#0F3D2E) 30%,transparent)}
.xs7o input[type=radio]{accent-color:var(--accent,#0F3D2E);width:20px;height:20px;flex:none}.xs7o>span{flex:1;display:grid;min-width:0}.xs7o em{font-style:normal;color:var(--muted);font-size:13px}
.xs7o strong{font-size:17px}.xs7o input[type=number]{width:110px;min-height:40px}
.xs7sum{padding:12px 14px;border-radius:14px;background:color-mix(in srgb,var(--text,#111) 5%,transparent)}.xs7sum>div{display:flex;justify-content:space-between;align-items:baseline;gap:8px}.xs7sum .xs7t{font-size:20px}.xs7sum p{margin:6px 0 0;font-size:13px;color:var(--muted)}
.xs7cfg select,.xs7cfg input{min-height:36px}.xs7cfg input{width:64px}

/* ===================== v7.4.3 · unmapped OTA rooms · free rooms for overbookings ===================== */
.um7ban{display:flex;gap:12px;align-items:flex-start;margin:0 0 12px;padding:14px 16px;border-radius:14px;background:color-mix(in srgb,#E5484D 10%,var(--card,#fff));border:1px solid color-mix(in srgb,#E5484D 45%,transparent)}
.um7ban>span{font-size:22px;line-height:1.1;color:#E5484D}.um7ban>div{flex:1;min-width:0}.um7ban p{margin:6px 0}.um7ban .frow{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}
.um7over{margin:0 0 12px;padding:12px 14px;border-radius:14px;border:1px solid color-mix(in srgb,#E5484D 45%,transparent);background:color-mix(in srgb,#E5484D 7%,var(--card,#fff))}
.um7over p{margin:8px 0 0}
.um7rooms{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:8px;margin-top:10px}
.um7room{display:grid;gap:2px;text-align:left;padding:10px 12px;min-height:64px;border-radius:12px;border:1px solid var(--line,#ddd);background:var(--card,#fff);color:inherit;cursor:pointer;font:inherit}
.um7room:hover,.um7room:focus-visible{border-color:var(--accent,#0F3D2E);outline:none;box-shadow:0 0 0 2px color-mix(in srgb,var(--accent,#0F3D2E) 30%,transparent)}
.um7room b{font-size:18px}.um7room span{font-size:13px}.um7room em{font-style:normal;font-size:12px;color:var(--muted)}

/* ===================== v7.4.4 · night check fixes ===================== */
.nh7ban{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:0 0 10px;padding:8px 12px;border-radius:12px;background:color-mix(in srgb,#E5484D 10%,var(--card,#fff));border:1px solid color-mix(in srgb,#E5484D 40%,transparent)}
.nh7ban>span[aria-hidden]{color:#E5484D;font-size:18px}.nh7ban .hint{flex:1;min-width:120px}
.nh7warn{margin:0 0 10px;padding:10px 12px;border-radius:12px;background:color-mix(in srgb,#F08A24 14%,transparent);font-size:14px}
:root[data-theme="dark"] body.pm16 .fdtabs button[role="tab"][aria-selected="true"]{color:var(--text)}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) body.pm16 .fdtabs button[role="tab"][aria-selected="true"]{color:var(--text)}}

/* ===================== v7.4.5 · night check 2 ===================== */
@media (max-width:760px){body:has(#addBtn:not([hidden])) #view{padding-bottom:96px}}

/* ===================== v7.4.6 · HR attendance: approved overtime · Edit before approve ===================== */
.ed7ot{display:inline-flex;align-items:center;gap:4px;margin:2px 4px 0 0;padding:2px 8px;border-radius:999px;font-size:12px;font-weight:600;white-space:nowrap}
.ed7ot.ok{background:color-mix(in srgb,#2FA84F 16%,transparent);color:#1E7A39}.ed7ot.pe{background:color-mix(in srgb,#F08A24 18%,transparent);color:#9A5308}
:root[data-theme="dark"] .ed7ot.ok{color:#7FD99A}:root[data-theme="dark"] .ed7ot.pe{color:#F7B675}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .ed7ot.ok{color:#7FD99A}:root:not([data-theme="light"]) .ed7ot.pe{color:#F7B675}}
.hrnm .ed7ot{display:flex;width:max-content}
.ed7sum{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin:8px 0 10px;padding:10px 14px;border-radius:12px;background:color-mix(in srgb,#2FA84F 8%,var(--card,#fff));border:1px solid color-mix(in srgb,#2FA84F 25%,transparent);font-size:14px}
.ed7sum .mklink{margin-left:auto}
[data-l="Overtime"] .ed7ot{padding:1px 6px;margin:0}

/* ===================== v7.4.7 · Nightlife Card reports ===================== */
.px11t th.r{text-align:right}.px11t th.r button{display:block;width:100%;box-sizing:border-box;text-align:right!important}
.nr7kpi>div small.nr7d{font-size:12px;font-weight:600;opacity:.9}.nr7d.up{color:#2FA84F}.nr7d.down{color:#E5484D}.nr7kpi>div.lead .nr7d.up{color:#7FE3A0}.nr7kpi>div.lead .nr7d.down{color:#FF9AA0}
.nr7bars{display:flex;align-items:flex-end;gap:3px;height:160px;padding:26px 6px 24px;margin:0 0 4px;border:1px solid var(--line);border-radius:14px;background:var(--card,var(--panel));overflow-x:auto;overflow-y:visible}
.nr7b{all:unset;position:relative;flex:1;min-width:14px;height:100%;display:flex;align-items:flex-end;cursor:pointer}
.nr7bars.dense .nr7b{min-width:8px}
.nr7b i{display:block;width:100%;height:var(--h);min-height:0;border-radius:5px 5px 2px 2px;background:color-mix(in srgb,var(--text,#111) 32%,transparent);transition:filter .15s}
.nr7b.we i{background:#F08A24}.nr7b.zero i{height:3px;background:var(--line,#ddd)}
.nr7b:hover i,.nr7b:focus-visible i,.nr7b.on i{filter:brightness(1.15)}.nr7b:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:4px}
.nr7b em{position:absolute;bottom:-20px;left:50%;transform:translateX(-50%);font-style:normal;font-size:10px;color:var(--muted,#777);white-space:nowrap}
.nr7tip{position:absolute;bottom:calc(var(--h) + 6px);left:50%;transform:translateX(-50%);display:none;flex-direction:column;align-items:center;padding:5px 8px;border-radius:8px;background:var(--text,#111);color:var(--panel,#fff);font-size:11px;white-space:nowrap;z-index:2;pointer-events:none}
.nr7tip b{font-size:13px}.nr7b:hover .nr7tip,.nr7b:focus-visible .nr7tip,.nr7b.on .nr7tip{display:flex}
.nr7leg{margin:4px 0 12px;font-size:12.5px}
tr.nr7row{cursor:pointer}tr.nr7row:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}tr.nr7row td:first-child b{color:#0F3D2E;text-decoration:underline;text-decoration-color:color-mix(in srgb,currentColor 35%,transparent);text-underline-offset:3px}
:root[data-theme="dark"] tr.nr7row td:first-child b{color:#7FD9A8}
.nr7grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:12px;margin-top:12px}
.nr7card{padding:14px 16px;border:1px solid var(--line);border-radius:14px;background:var(--card,var(--panel))}.nr7card h4{margin:0 0 10px}
.nr7week{display:grid;grid-template-columns:repeat(7,1fr);gap:6px;align-items:end;height:150px}
.nr7week>div{display:flex;flex-direction:column;align-items:center;justify-content:flex-end;height:100%;gap:3px;font-size:11px}
.nr7week span{display:block;width:70%;height:var(--h);min-height:3px;border-radius:5px 5px 2px 2px;background:color-mix(in srgb,var(--text,#111) 32%,transparent)}.nr7week .we span{background:#F08A24}
.nr7week b{font-size:11px;font-variant-numeric:tabular-nums}.nr7week em{font-style:normal;color:var(--muted)}
.nr7top{list-style:none;margin:0 0 10px;padding:0;display:grid;gap:4px;counter-reset:t}
.nr7top li button{all:unset;box-sizing:border-box;width:100%;display:grid;grid-template-columns:28px 1fr auto;grid-template-rows:auto auto;column-gap:8px;padding:8px 10px;border-radius:10px;cursor:pointer;counter-increment:t}
.nr7top li button::before{content:counter(t);grid-row:1/3;align-self:center;width:24px;height:24px;border-radius:50%;display:grid;place-items:center;background:var(--panel2);font-size:12px;font-weight:700}
.nr7top li:first-child button::before{background:#F08A24;color:#111}
.nr7top li button:hover,.nr7top li button:focus-visible{background:var(--panel2)}.nr7top span{grid-column:2;font-size:12px;color:var(--muted)}.nr7top em{grid-column:3;grid-row:1/3;align-self:center;font-style:normal;font-weight:800;font-variant-numeric:tabular-nums}
.nr7stars{margin:10px 0 0}
.nr7segs{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 6px}.nr7segs button{appearance:none;border:1px solid var(--line);background:var(--card,var(--panel));color:inherit;border-radius:999px;padding:8px 14px;min-height:40px;font:inherit;font-weight:600;cursor:pointer}
.nr7segs button b{margin-left:4px;padding:1px 7px;border-radius:999px;background:var(--panel2);font-size:12px}.nr7segs button[aria-pressed="true"]{background:#0F3D2E;color:#fff;border-color:transparent}.nr7segs button[aria-pressed="true"] b{background:#F08A24;color:#111}
.nr7seghint{margin:0 0 12px}
.x588.nr7psheet .x588p{max-width:760px;width:min(760px,100%)}
.nr7pk{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:8px;margin:4px 0 10px}.nr7pk>div{padding:10px 12px;border:1px solid var(--line);border-radius:12px;display:flex;flex-direction:column;gap:2px}
.nr7pk>div.lead{background:#0F3D2E;color:#fff;border-color:transparent}.nr7pk span{font-size:12px;opacity:.75}.nr7pk b{font-size:19px;font-variant-numeric:tabular-nums}.nr7pk small{font-size:11.5px;opacity:.8}
.nr7h4{margin:14px 0 8px}.nr7po{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:8px}
.nr7po>div{position:relative;display:grid;grid-template-columns:1fr auto;gap:2px 8px;padding:10px 12px;border:1px solid var(--line);border-radius:12px;overflow:hidden}
.nr7po em{font-style:normal;font-weight:800}.nr7po span{grid-column:1/-1;font-size:12px;color:var(--muted)}.nr7po i{position:absolute;left:0;bottom:0;height:3px;width:var(--w);background:#F08A24}
.nr7tl section{margin:0 0 10px}.nr7tl h5{margin:0 0 4px;font-size:12.5px;color:var(--muted);text-transform:none}
.nr7tx{display:grid;grid-template-columns:44px 1fr auto;gap:8px;padding:8px 0;border-bottom:1px solid var(--line);font-size:14px}.nr7tx p{margin:3px 0 0;font-size:13px;color:var(--muted)}.nr7tx small{display:block;font-size:12px;color:var(--muted)}
.nr7tt{font-variant-numeric:tabular-nums;color:var(--muted)}.nr7tx em{font-style:normal;font-weight:800;font-variant-numeric:tabular-nums;white-space:nowrap}.nr7tx em.pos{color:#2FA84F}
.nr7pa{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-top:12px}.nr7pa a{display:inline-flex;align-items:center;min-height:40px;padding:0 14px;border-radius:10px;text-decoration:none;border:1px solid var(--line);color:inherit}.nr7pa .sp{flex:1}
.nr7b:nth-last-child(-n+3) .nr7tip{left:auto;right:0;transform:none}.nr7b:nth-child(-n+3) .nr7tip{left:0;transform:none}
/* v7.4.8 · card reports: level filter, Print / PDF and Excel buttons */
.nr8x{display:inline-flex;gap:6px;flex-wrap:wrap;justify-content:flex-end}
.nr8x .nr8csv{opacity:.8}
.nlc44f.nr8bf{margin-top:10px}
.nr8lvb{display:inline-block;padding:1px 8px;border-radius:999px;background:color-mix(in srgb,#F08A24 18%,transparent);color:inherit;font-weight:600}
@media (max-width:600px){.nlc44th:has(.nr8x){flex-wrap:wrap;gap:8px}.nr8x{width:100%;justify-content:flex-start}.nr8x button{min-height:40px}}
/* v7.4.9 · card reports: membership type, Compact / List / Cards, by hour */
.nr9i{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex:0 0 auto;vertical-align:-3px}
.nr8x button{display:inline-flex;align-items:center;gap:6px}
.nlc44th:has(.nr9vs){flex-wrap:wrap;gap:8px}
.nlc44th:has(.nr9vs)>.hint{flex:1 1 260px;min-width:0}
.nr9vs{display:inline-flex;padding:3px;border-radius:10px;background:var(--panel2);border:1px solid var(--line);gap:2px}
.nr9vs button{appearance:none;border:0;background:none;color:var(--muted);font:inherit;font-size:13px;font-weight:600;border-radius:8px;min-height:34px;padding:0 10px;display:inline-flex;align-items:center;gap:6px;cursor:pointer}
.nr9vs button[aria-pressed=true]{background:var(--panel);color:var(--text);box-shadow:0 1px 3px rgba(0,0,0,.12)}
.nr9vs button[aria-pressed=true] .nr9i{color:#F08A24}
/* compact */
.nr9c .px11t{font-size:13px}.nr9c .px11t td{padding:5px 10px}.nr9c .px11t th button{padding:7px 10px;font-size:11.5px}
.nr9c .px11t td,.nr9c .px11t th{white-space:nowrap!important}
@media (max-width:699px){.nr9c .px11t{min-width:560px}}
/* list */
.nr9list{border:1px solid var(--line);border-radius:14px;background:var(--panel);overflow:hidden}
.nr9li{appearance:none;width:100%;display:flex;align-items:center;gap:12px;padding:11px 14px;border:0;border-bottom:1px solid var(--line);background:none;color:inherit;font:inherit;text-align:left}
button.nr9li{cursor:pointer}button.nr9li:hover{background:var(--panel2)}
.nr9li:last-child{border-bottom:0}
.nr9lt{flex:1;min-width:0}.nr9lt>b{display:block;font-size:15px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.nr9ls{display:flex;flex-wrap:wrap;gap:2px 12px;margin-top:2px;font-size:12.5px;color:var(--muted)}.nr9ls em{font-style:normal;opacity:.8}
.nr9li>strong{font-size:16px;font-variant-numeric:tabular-nums;white-space:nowrap}
.nr9ch{color:var(--muted);font-size:20px;line-height:1}
.nr9bar{display:block;height:4px;border-radius:2px;margin-top:6px;width:var(--w);min-width:2px;background:#0F3D2E}
:root[data-theme=dark] .nr9bar{background:#3FA37E}
@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .nr9bar{background:#3FA37E}}
.nr9tot{background:var(--panel2)}.nr9tot>strong{color:#F08A24}
/* cards */
.nr9cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:10px}
.nr9card{appearance:none;display:flex;flex-direction:column;gap:8px;padding:14px;border:1px solid var(--line);border-radius:14px;background:var(--panel);color:inherit;font:inherit;text-align:left;min-width:0}
button.nr9card{cursor:pointer}button.nr9card:hover{border-color:#F08A24}
.nr9ch2{display:flex;justify-content:space-between;gap:8px}.nr9ch2 b{font-size:15px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.nr9ch2 span{color:var(--muted)}
.nr9big span{display:block;font-size:11.5px;color:var(--muted)}.nr9big strong{font-size:22px;font-variant-numeric:tabular-nums}
.nr9card dl{margin:0;display:grid;grid-template-columns:1fr 1fr;gap:6px 10px}.nr9card dl div{min-width:0}
.nr9card dt{font-size:11px;color:var(--muted)}.nr9card dd{margin:0;font-size:13.5px;font-weight:600;font-variant-numeric:tabular-nums;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.nr9card.nr9tot{background:#0F3D2E;color:#fff;border-color:#0F3D2E}.nr9card.nr9tot dt,.nr9card.nr9tot .nr9big span{color:rgba(255,255,255,.75)}.nr9card.nr9tot strong{color:#F8B26A}
@media (max-width:520px){.nr9cards{grid-template-columns:1fr}.nr9vs span{display:none}.nr9vs button{min-width:44px;justify-content:center}}
/* overview: by type */
.nr9tl{display:flex;flex-direction:column;gap:4px}
.nr9tl button{appearance:none;display:grid;grid-template-columns:1fr auto;gap:0 10px;padding:8px 10px;border:0;border-radius:10px;background:none;color:inherit;font:inherit;text-align:left;cursor:pointer}
.nr9tl button:hover{background:var(--panel2)}.nr9tl b{font-size:14px}.nr9tl span{grid-column:1;font-size:12px;color:var(--muted)}
.nr9tl em{grid-column:2;grid-row:1/3;align-self:center;font-style:normal;font-weight:700;font-variant-numeric:tabular-nums;text-align:right}.nr9tl em small{display:block;font-weight:500;color:var(--muted)}
.nr9tl i{grid-column:1/3;height:4px;border-radius:2px;margin-top:5px;width:var(--w);min-width:2px;background:#F08A24}
.nr9tb{background:color-mix(in srgb,#0F3D2E 18%,transparent)}
/* filter bar */
.nlc44f label.nr9ty select,.nlc44f label.nr8lv select{min-width:140px}
.nlc44f>label{flex:1 1 150px;max-width:280px}.nlc44f>label select,.nlc44f>label input{width:100%}
@media (max-width:520px){.nlc44f>label{flex:1 1 140px;max-width:none}}
/* v7.5.0 · Nightlife Card settings: not saved yet */
.ns10bar{position:sticky;top:8px;z-index:20;display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:10px 0 14px;padding:12px 14px;border-radius:14px;background:color-mix(in srgb,#F08A24 14%,var(--panel));border:1px solid color-mix(in srgb,#F08A24 55%,transparent);box-shadow:0 6px 18px rgba(0,0,0,.10)}
.ns10bar>div{flex:1 1 260px;min-width:0}.ns10bar b{display:block;font-size:15px}.ns10bar span{font-size:13px;color:var(--muted)}
.ns10i{flex:0 0 auto;width:26px;height:26px;border-radius:50%;display:grid;place-items:center;background:#F08A24;color:#111!important;font-weight:800;font-size:15px!important}
.ns10bar .btn,.ns10bar .ghost{min-height:40px}
[data-ns10dirty]{position:relative}
[data-ns10dirty]::after{content:"";position:absolute;top:6px;right:4px;width:8px;height:8px;border-radius:50%;background:#F08A24;box-shadow:0 0 0 2px var(--panel)}
@media (max-width:520px){.ns10bar .btn,.ns10bar .ghost{flex:1 1 140px}}
/* Star Days header on phones: the name shrinks instead of pushing Live and ✕ off the screen */
.nlco-h .no-n{min-width:0;width:auto}.nlco-h .no-e{flex:0 0 52px;min-width:0}
@media (max-width:520px){.nlco-h{flex-wrap:wrap}.nlco-h .no-n{flex:1 1 160px}}
/* v7.5.1 · hotel room moves */
.rm8step{margin:0 0 16px}.rm8step h4{display:flex;align-items:center;gap:8px;margin:0 0 8px;font-size:15px;flex-wrap:wrap}
.rm8step h4 i{font-style:normal;width:22px;height:22px;border-radius:50%;display:grid;place-items:center;background:#0F3D2E;color:#fff;font-size:12px}
.rm8types{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:8px}
.rm8t{appearance:none;text-align:left;display:flex;flex-direction:column;gap:3px;padding:10px 12px;border:1px solid var(--line);border-radius:14px;background:var(--panel);color:inherit;font:inherit;cursor:pointer;position:relative;min-width:0}
.rm8t b{font-size:14.5px;line-height:1.25}.rm8t em{font-style:normal;font-size:12px;color:var(--muted)}.rm8t em .hot{color:#C2410C;font-weight:700}
.rm8t strong{font-size:18px;font-variant-numeric:tabular-nums}.rm8t strong small{font-size:11px;font-weight:500;color:var(--muted)}
.rm8t.on{border-color:#F08A24;box-shadow:0 0 0 2px color-mix(in srgb,#F08A24 45%,transparent)}.rm8t.off{opacity:.5;cursor:not-allowed}
.rm8tag{align-self:flex-start;font-size:10.5px;font-weight:700;padding:1px 8px;border-radius:999px;background:var(--panel2);color:var(--muted)}
.rm8tag.up{background:color-mix(in srgb,#F08A24 20%,transparent);color:#9A4A00}.rm8tag.down{background:color-mix(in srgb,#64748B 18%,transparent)}.rm8tag.cur{background:#0F3D2E;color:#fff}
:root[data-theme=dark] .rm8tag.up{color:#FBBF77}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .rm8tag.up{color:#FBBF77}}
.rm8d{font-size:12px;font-weight:700;font-variant-numeric:tabular-nums}.rm8d.up{color:#C2410C}.rm8d.down{color:#15803D}
:root[data-theme=dark] .rm8d.up,:root[data-theme=dark] .rm8t em .hot{color:#FBBF77}
.rm8hot{font-style:normal;font-size:10.5px;background:#F08A24;color:#111;border-radius:6px;padding:0 5px}
.rm8why{font-size:11.5px;color:#B91C1C}
.rm8rooms{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:8px}
.rm8r{appearance:none;text-align:left;display:flex;flex-direction:column;gap:4px;padding:10px;border:1px solid var(--line);border-radius:12px;background:var(--panel);color:inherit;font:inherit;cursor:pointer;min-height:44px;min-width:0}
.rm8r b{font-size:17px}.rm8r em{font-style:normal;font-size:11.5px;color:var(--muted);overflow:hidden;text-overflow:ellipsis}
.rm8r.on{border-color:#F08A24;box-shadow:0 0 0 2px color-mix(in srgb,#F08A24 45%,transparent);background:color-mix(in srgb,#F08A24 7%,var(--panel))}
.rm8r.off{opacity:.55;cursor:not-allowed}.rm8r.blk{background:repeating-linear-gradient(135deg,var(--panel),var(--panel) 6px,var(--panel2) 6px,var(--panel2) 12px)}
.rm8price{display:flex;flex-direction:column;gap:6px;margin:6px 0 10px}
.rm8pr{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:9px 12px;border:1px solid var(--line);border-radius:12px;cursor:pointer;font-size:14px}
.rm8pr.on{border-color:#0F3D2E;background:color-mix(in srgb,#0F3D2E 7%,var(--panel))}.rm8pr input[type=number]{width:110px;min-height:34px}
.rm8chips{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:8px}
.rm8chips button{appearance:none;border:1px solid var(--line);background:var(--panel);color:inherit;font:inherit;font-size:13px;border-radius:999px;padding:6px 12px;min-height:36px;cursor:pointer}
.rm8chips button[aria-pressed=true]{background:#0F3D2E;color:#fff;border-color:#0F3D2E}
.rm8nt{display:flex;flex-direction:column;gap:3px;font-size:12px;color:var(--muted)}.rm8nt input{min-height:38px}
.rm8date{display:flex;flex-direction:column;gap:3px;font-size:12px;color:var(--muted);max-width:240px;margin-top:8px}
.rm8when{margin-bottom:4px}.rm8dates{margin-top:8px}
.rm8note{font-size:13px;padding:9px 12px;border-radius:10px;background:var(--panel2);margin:8px 0}.rm8note.warn{background:color-mix(in srgb,#F08A24 14%,var(--panel));border:1px solid color-mix(in srgb,#F08A24 45%,transparent)}
.rm8free{color:#C2410C;font-weight:600}
.rm8sum td:first-child{color:var(--muted);width:110px}
.rm8pin{border:1px solid color-mix(in srgb,#0F3D2E 40%,var(--line));border-radius:14px;padding:12px 14px;margin:12px 0;background:color-mix(in srgb,#0F3D2E 5%,var(--panel))}
.rm8pin h4{margin:0 0 4px}.rm8pin input[type=password]{letter-spacing:.4em;font-size:18px;max-width:140px}
.rm8seg{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:10px 12px;border-radius:12px;background:color-mix(in srgb,#0F3D2E 10%,var(--panel));margin-bottom:14px}
.rm8seg>div{flex:1 1 220px}.rm8seg b{display:block}.rm8seg span{font-size:12.5px;color:var(--muted)}
.rm8today{display:grid;gap:10px;margin:0 0 14px}
.rm8card{border:1px solid var(--line);border-radius:14px;background:var(--panel);padding:12px 14px;margin:0 0 12px}.rm8today .rm8card{margin:0}
.rm8card h4{margin:0 0 6px;font-size:15px}.rm8card.warn{border-color:color-mix(in srgb,#F08A24 55%,transparent);background:color-mix(in srgb,#F08A24 8%,var(--panel))}
.rm8card.sug{border-color:color-mix(in srgb,#0F3D2E 45%,var(--line))}
.rm8row{display:flex;align-items:center;gap:10px;padding:7px 0;border-top:1px solid var(--line)}.rm8row:first-of-type{border-top:0}
.rm8row>div{flex:1;min-width:0}.rm8row b{display:block;font-size:14px}.rm8row span{font-size:12.5px;color:var(--muted)}
.rm8selbar{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:0 0 10px;padding:10px 12px;border-radius:12px;background:color-mix(in srgb,#F08A24 12%,var(--panel));border:1px solid color-mix(in srgb,#F08A24 45%,transparent);position:sticky;top:6px;z-index:15}
.rm8selbar.off{background:none;border:0;padding:0;position:static}
.pmblk.rm8pick{cursor:copy}.pmblk.rm8on{outline:3px solid #F08A24;outline-offset:1px;z-index:3}
.pmblk.rm8part{background-image:repeating-linear-gradient(135deg,transparent 0 8px,rgba(255,255,255,.18) 8px 16px)}
.rm8bt tr.bad td{opacity:.7}
.rm8rules td{vertical-align:middle}.rm8rules select{min-height:36px;max-width:100%}
@media (max-width:520px){.rm8types{grid-template-columns:1fr 1fr}.rm8rooms{grid-template-columns:repeat(3,1fr)}.rm8t strong{font-size:16px}}
body.rm8selmode #rk9pop{display:none!important}
/* v7.5.2 · hotel: mapping alert, problem rooms, calmer booking screen */
.hm9map{display:flex;align-items:flex-start;gap:12px;padding:12px 14px;border-radius:14px;margin:0 0 12px;border:1px solid var(--line);background:var(--panel)}
.hm9map>div{flex:1;min-width:0}.hm9map b{display:block;font-size:15px}.hm9map p{margin:4px 0;font-size:13.5px}.hm9map .hint{display:block;margin-top:4px}
.hm9map.bad{background:color-mix(in srgb,#DC2626 10%,var(--panel));border-color:color-mix(in srgb,#DC2626 55%,transparent)}
.hm9map.warn{background:color-mix(in srgb,#F08A24 10%,var(--panel));border-color:color-mix(in srgb,#F08A24 50%,transparent)}
.hm9map.ok .hm9ic{background:#0F3D2E;color:#fff}
.hm9ic{flex:0 0 auto;width:30px;height:30px;border-radius:50%;display:grid;place-items:center;font-size:15px;background:var(--panel2)}
.hm9prob{border:1px solid color-mix(in srgb,#F08A24 45%,transparent);border-radius:14px;padding:12px 14px;margin:0 0 12px;background:var(--panel)}
.hm9prob h4{margin:0 0 6px;font-size:15px}.hm9row{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:8px 0;border-top:1px solid var(--line)}.hm9row:first-of-type{border-top:0}
.hm9row>div{flex:1 1 240px;min-width:0}.hm9row b{display:block;font-size:14px}.hm9row span{font-size:12.5px;color:var(--muted)}.hm9req{font-style:normal;color:#C2410C;font-weight:600}
/* booking screen */
details.up9off{padding:0;margin:12px 0}
details.up9off>summary{list-style:none;display:flex;align-items:center;gap:10px;cursor:pointer;padding:12px 14px;min-height:44px}
details.up9off>summary::-webkit-details-marker,details.up9fol>summary::-webkit-details-marker{display:none}
details.up9off>summary span{font-weight:700}details.up9off>summary em{font-style:normal;font-size:13px;color:var(--muted);flex:1}
details.up9off[open]>summary{border-bottom:1px solid color-mix(in srgb,#F08A24 30%,transparent)}
details.up9off .up8l{padding:8px 10px 10px;display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:6px}
details.up9off .up8o{margin:0}
.up9chev{width:9px;height:9px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg);margin:0 4px 4px auto;opacity:.6;transition:transform .15s;flex:0 0 auto}
details[open]>summary .up9chev{transform:rotate(-135deg);margin-bottom:-2px}
details.up9fol>summary{list-style:none;display:flex;align-items:center;gap:12px;flex-wrap:wrap;cursor:pointer;min-height:44px}
details.up9fol>summary h4{margin:0}
.up9ft{display:flex;gap:14px;flex-wrap:wrap;font-size:13px;color:var(--muted);flex:1;justify-content:flex-end}.up9ft b{color:var(--text);font-variant-numeric:tabular-nums}
.up9ft .due b{color:#DC2626}.up9ft .ok b{color:#15803D}.up9ft .due{font-weight:600}
.up9tax{margin:6px 0}
.hrsec.up9ref{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.hrsec.up9ref>h4{margin:0}.hrsec.up9ref .frow{flex:1;margin:0;justify-content:flex-end}
.up9acts{position:relative}.up9more{position:relative;display:inline-block}
.up9menu{display:none;position:absolute;bottom:calc(100% + 6px);right:0;z-index:30;flex-direction:column;align-items:stretch;gap:2px;min-width:230px;padding:6px;border-radius:14px;background:var(--panel);border:1px solid var(--line);box-shadow:0 12px 32px rgba(0,0,0,.22)}
.up9more.open .up9menu{display:flex}.up9menu button{justify-content:flex-start;text-align:left;width:100%;min-height:42px;border-radius:10px}
@media (max-width:600px){.up9menu{left:auto;right:0}.up9ft{justify-content:flex-start;width:100%}}
@media (max-width:600px){.up9menu{position:fixed;left:12px;right:12px;bottom:calc(12px + env(safe-area-inset-bottom));top:auto;max-height:60vh;overflow:auto;min-width:0;z-index:2147483000}}
/* v7.5.3 · in-app folio */
.pv753{position:fixed;inset:0;z-index:2147482000;display:flex;flex-direction:column;background:var(--bg,#f3f4f6)}
.pv753bar{display:flex;align-items:center;gap:8px;padding:10px max(12px,env(safe-area-inset-left));padding-top:max(10px,env(safe-area-inset-top));background:#0F3D2E;color:#fff}
.pv753bar b{font-size:15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}
.pv753bar button{appearance:none;border:0;border-radius:999px;min-height:40px;padding:0 16px;font:inherit;font-weight:600;cursor:pointer}
.pv753b{background:rgba(255,255,255,.14);color:#fff}.pv753p{background:#F08A24;color:#111}
.pv753body{flex:1;overflow:auto;-webkit-overflow-scrolling:touch;padding:16px;display:flex;justify-content:center}
.pv753body iframe{width:min(860px,100%);height:100%;min-height:70vh;border:0;border-radius:12px;background:#fff;box-shadow:0 8px 30px rgba(0,0,0,.15)}
body.pv753on{overflow:hidden}
@media (max-width:600px){.pv753body{padding:0}.pv753body iframe{border-radius:0;width:100%}.pv753bar b{display:none}}
@media print{.pv753{display:none}}
.pv753bar .sp{flex:1}
/* v7.5.4 · simple room moves */
.rs8h{display:flex;align-items:baseline;gap:8px;margin:14px 0 8px}.rs8h:first-child{margin-top:0}.rs8h b{font-size:15px}
.rs8price{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.rs8p{appearance:none;display:flex;flex-direction:column;align-items:flex-start;gap:2px;padding:12px 14px;min-height:56px;border:1px solid var(--line);border-radius:14px;background:var(--panel);color:inherit;font:inherit;text-align:left;cursor:pointer}
.rs8p b{font-size:16px}.rs8p span{font-size:12.5px;color:var(--muted)}
.rs8p.on{border-color:#0F3D2E;box-shadow:0 0 0 2px color-mix(in srgb,#0F3D2E 40%,transparent);background:color-mix(in srgb,#0F3D2E 7%,var(--panel))}
.rs8other{margin-top:6px}.rs8fee{display:flex;flex-direction:column;gap:3px;font-size:12px;color:var(--muted);max-width:200px;margin-top:8px}
.rs8opt{border:1px solid var(--line);border-radius:12px;padding:10px 12px;margin-bottom:12px;display:flex;flex-direction:column;gap:6px;background:var(--panel2)}
.rs8opt label{display:flex;flex-direction:column;gap:3px;font-size:12px;color:var(--muted);max-width:260px}
.rs8links{display:flex;gap:12px;flex-wrap:wrap}.rs8links .mklink{font-size:13px}
.rs8set .rs8row{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.rs8set label{display:flex;align-items:center;gap:8px;flex-wrap:wrap;font-weight:600;font-size:14px}
.rs8pct{display:inline-flex;align-items:center;gap:4px}.rs8pct input{width:76px;min-height:40px;text-align:center}
@media (max-width:600px){.rs8price{grid-template-columns:1fr}.rs8links{width:100%;justify-content:space-between}}
/* v7.5.6 · HR overtime break, filters, rules, payroll hours */
.rb9b{display:inline-block;margin-left:4px;padding:0 8px;border-radius:999px;font-size:12px;background:color-mix(in srgb,#F08A24 14%,transparent);color:inherit;white-space:nowrap}
.rb9b.can{cursor:pointer;text-decoration:underline dotted}
.rb9sum{margin:4px 0 0}
.rb9opts{display:flex;flex-direction:column;gap:6px;margin:8px 0}
.rb9opts button{appearance:none;text-align:left;padding:12px 14px;min-height:44px;border:1px solid var(--line);border-radius:12px;background:var(--panel);color:inherit;font:inherit;cursor:pointer}
.rb9opts button.on{border-color:#0F3D2E;box-shadow:0 0 0 2px color-mix(in srgb,#0F3D2E 40%,transparent)}.rb9opts small{color:var(--muted);margin-left:6px}
.rb9bar{display:flex;flex-wrap:wrap;gap:8px;align-items:flex-end;margin:10px 0 6px}
.rb9bar label{display:flex;flex-direction:column;gap:3px;font-size:12px;font-weight:600;color:var(--muted);flex:1 1 140px;max-width:220px}
.rb9bar select,.rb9bar input{min-height:38px;width:100%}
.rb9tot{display:flex;flex-wrap:wrap;gap:6px 14px;font-size:13px;color:var(--muted);margin:0 0 10px;padding:8px 12px;border-radius:10px;background:var(--panel2)}.rb9tot b{color:var(--text)}
.rb9set .rb9rules{display:flex;flex-direction:column;gap:6px;margin:8px 0}
.rb9rule{display:flex;align-items:center;gap:8px;flex-wrap:nowrap;font-size:14px;white-space:nowrap}.rb9rh{margin:6px 0 0}.rb9rule input{width:70px;min-height:38px;text-align:center}.rb9rule select{min-height:38px}
.rb9from{display:flex;flex-direction:column;gap:3px;font-size:12px;color:var(--muted);max-width:220px;margin:6px 0}
.rb9set hr{border:0;border-top:1px solid var(--line);margin:14px 0}
.rb9late{margin-top:6px}
.rb9hrs{display:block;font-size:11.5px;color:var(--muted);font-weight:500;margin-top:2px}
/* v7.5.7 · payroll made easier */
.py7card,.py7att{border-left:4px solid var(--line);color:var(--text)}
.py7card.py7ok,.py7att.py7ok{border-left-color:#1f9d55}.py7card.py7bad{border-left-color:#d64545}.py7card.py7warn,.py7att{border-left-color:#F08A24}
.py7h{display:flex;align-items:center;gap:12px}
.py7ic{flex:0 0 36px;height:36px;border-radius:50%;display:grid;place-items:center;font-weight:700;background:var(--panel2);font-size:16px}
.py7card.py7ok .py7ic,.py7att.py7ok .py7ic{background:color-mix(in srgb,#1f9d55 16%,transparent);color:#1f9d55}
.py7card.py7bad .py7ic{background:color-mix(in srgb,#d64545 14%,transparent);color:#d64545}
.py7card.py7warn .py7ic{background:color-mix(in srgb,#F08A24 16%,transparent);color:#c46a0c}
.py7ht{flex:1;min-width:0}.py7ht h3{margin:0;font-size:16px}.py7ht p{margin:2px 0 0;color:var(--muted);font-size:13px}
.py7chips{display:flex;flex-wrap:wrap;gap:6px;margin-top:12px}
.py7chip{appearance:none;display:inline-flex;align-items:center;gap:6px;min-height:36px;padding:4px 12px;border-radius:999px;border:1px solid var(--line);background:var(--panel);color:inherit;font:inherit;font-size:13px;cursor:pointer}
.py7chip b{min-width:20px;padding:0 6px;border-radius:999px;background:var(--panel2);text-align:center}
.py7chip.py7blk b{background:#d64545;color:#fff}
.py7outs{display:flex;flex-direction:column;gap:6px;margin-top:12px}
.py7o{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:12px;background:var(--panel2)}
.py7od{flex:0 0 22px;height:22px;border-radius:50%;border:2px solid var(--line);display:grid;place-items:center;font-size:12px;font-weight:700}
.py7o.py7ok .py7od{background:#1f9d55;border-color:#1f9d55;color:#fff}
.py7on{flex:1;min-width:0;display:flex;flex-direction:column}.py7on em{font-style:normal;font-size:12px;color:var(--muted)}
.py7card .py7outs{flex-direction:row;flex-wrap:wrap}.py7card .py7o{flex:1 1 200px}
.py7strip{display:flex;flex-wrap:wrap;align-items:center;gap:6px 14px;margin:0 0 12px;padding:10px 14px;border-radius:12px;background:var(--panel2);font-size:14px}
.py7strip.warn{background:color-mix(in srgb,#F08A24 12%,var(--panel))}
.py7list h4{margin:16px 0 6px;font-size:14px;display:flex;align-items:center;gap:6px}
.py7n{padding:0 8px;border-radius:999px;background:var(--panel2);font-size:12px}
.py7list ul{list-style:none;margin:0;padding:0;border-radius:12px;overflow:hidden;border:1px solid var(--line)}
.py7list li+li{border-top:1px solid var(--line)}
.py7list li button{appearance:none;width:100%;display:flex;align-items:center;gap:10px;min-height:52px;padding:8px 12px;border:0;background:var(--panel);color:inherit;font:inherit;text-align:left;cursor:pointer}
.py7list li button:hover{background:var(--panel2)}
.py7lt{flex:1;min-width:0;display:flex;flex-direction:column}.py7lt span{font-size:13px;color:var(--muted)}
.py7list li em{font-style:normal;font-size:12px;color:var(--muted);white-space:nowrap}.py7list li i{font-style:normal;color:var(--muted);font-size:18px}
.py7none{padding:24px;text-align:center;font-weight:600;color:#1f9d55}
.py7gl{margin:8px 0;padding-left:18px;line-height:1.9}
.py7lock{display:flex;gap:8px;align-items:flex-start;margin:0 0 12px;padding:10px 14px;border-radius:12px;background:color-mix(in srgb,#0F3D2E 10%,var(--panel));font-size:14px}
.x588.py7wide .x588p{width:min(1100px,96vw);max-width:96vw}
.py7ob{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin:8px 0}
.py7ob input[type=search]{min-height:38px;flex:1 1 200px;max-width:320px}
.py7up{display:inline-flex;align-items:center;cursor:pointer}
.py7grid{display:flex;flex-direction:column;border:1px solid var(--line);border-radius:12px;overflow:auto;max-height:58vh}
.py7gh,.py7gr{display:grid;grid-template-columns:minmax(170px,1.6fr) repeat(var(--py7c),minmax(78px,1fr));gap:6px;align-items:center;padding:6px 10px}
.py7gh{position:sticky;top:0;z-index:1;background:var(--panel2);font-size:12px;font-weight:700}
.py7gh em{display:block;font-style:normal;font-weight:400;color:var(--muted)}
.py7gr+.py7gr{border-top:1px solid var(--line)}
.py7gn{display:flex;flex-direction:column;min-width:0}.py7gn b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.py7gn em{font-style:normal;font-size:12px;color:var(--muted)}
.py7gr label{display:block;margin:0}.py7gr label em{display:none}
.py7gr input{width:100%;min-height:38px;text-align:right}
.py7of{margin-top:10px}
.py7wi{margin:10px 0;padding:12px 14px;border-radius:12px;background:var(--panel2)}
.py7wi p{margin:6px 0 0}
.py7wl{list-style:none;margin:8px 0 0;padding:0}.py7wl li{display:flex;justify-content:space-between;gap:10px;padding:5px 0;border-top:1px solid var(--line);font-size:14px}.py7wl em{font-style:normal;color:var(--muted);font-size:12px}
@media (max-width:700px){
  .py7h{flex-wrap:wrap}.py7ht{flex:1 1 calc(100% - 52px)}.py7h>button{margin-left:48px}
  .py7gh{display:none}
  .py7gr{grid-template-columns:repeat(3,1fr);padding:10px}
  .py7gn{grid-column:1/-1}
  .py7gr label em{display:block;font-style:normal;font-size:11px;color:var(--muted);margin-bottom:2px}
  .py7grid{max-height:none;overflow:visible}
  .py7list li em{display:none}
}
.py7of{position:sticky;bottom:0;z-index:2;background:var(--panel);padding:10px 0 4px}
.py7wih{display:flex;align-items:center;justify-content:space-between;gap:10px}
.py7set hr{border:0;border-top:1px solid var(--line);margin:14px 0}
.py7set .pf{display:flex;flex-wrap:wrap;gap:8px 16px;align-items:flex-end;margin:6px 0}.py7set .pf>label:not(.inline){display:flex;flex-direction:column;gap:3px;font-size:12px;color:var(--muted);max-width:320px}
/* v7.5.8 · wrong item or quantity */
.wi8h{margin:16px 0 6px;font-size:14px}
.wi8l{list-style:none;margin:0;padding:0;border:1px solid var(--line);border-radius:12px;overflow:hidden}
.wi8l li{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px;padding:10px 12px;background:var(--panel)}
.wi8l li+li{border-top:1px solid var(--line)}
.wi8l li.on{background:color-mix(in srgb,#F08A24 10%,var(--panel))}
.wi8n{flex:1 1 160px;min-width:0;display:flex;flex-direction:column}.wi8n em{font-style:normal;font-size:12px;color:var(--muted)}
.wi8s{display:inline-flex;align-items:center;border:1px solid var(--line);border-radius:999px;overflow:hidden}
.wi8s button{appearance:none;width:44px;height:40px;border:0;background:var(--panel2);color:inherit;font:inherit;font-size:20px;cursor:pointer}
.wi8s button:disabled{opacity:.35;cursor:default}
.wi8s b{min-width:34px;text-align:center}
.wi8rs{flex-basis:100%;font-size:13px;margin:0}
.wi8sum{margin:10px 0 0;font-size:16px}.wi8sum span{color:var(--muted)}
.wi8opts{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.wi8o{appearance:none;display:flex;flex-direction:column;gap:4px;text-align:left;padding:12px 14px;min-height:72px;border:1.5px solid var(--line);border-radius:14px;background:var(--panel);color:inherit;font:inherit;cursor:pointer}
.wi8o span{font-size:12.5px;color:var(--muted)}
.wi8o.on{border-color:#0F3D2E;box-shadow:0 0 0 2px color-mix(in srgb,#0F3D2E 35%,transparent)}
.wi8o:disabled{opacity:.6;cursor:default}
.wi8lab{margin:12px 0 6px;font-size:13px;font-weight:600}
.wi8ch{margin:0}
.wi8r{display:flex;flex-direction:column;gap:4px;margin-top:10px;font-size:12px;font-weight:600;color:var(--muted)}.wi8r input{min-height:40px}
.wi8ph{display:flex;align-items:center;gap:10px;margin-top:10px;padding:10px 12px;border:1px dashed var(--line);border-radius:12px;cursor:pointer;font-size:13px}
.wi8ph img{width:56px;height:56px;object-fit:cover;border-radius:8px}
.wi8done p{margin:6px 0}
@media (max-width:560px){.wi8opts{grid-template-columns:1fr}}
/* v7.5.9 · check this bill */
.x588.bc9x .x588p{width:min(720px,96vw);max-width:96vw}
.bc9q{display:flex;flex-direction:column;gap:6px;margin:10px 0;font-size:13px;font-weight:600}
.bc9q span{display:flex;gap:8px;flex-wrap:wrap}.bc9q input{flex:1 1 220px;min-height:42px}
.bc9ai{margin:6px 0 12px;padding:14px 16px;border-radius:14px;background:color-mix(in srgb,#0F3D2E 9%,var(--panel));border:1px solid color-mix(in srgb,#0F3D2E 25%,var(--line));line-height:1.55;font-size:14.5px}
.bc9ai b{display:inline-block;margin-top:6px}.bc9ai .hint{margin:10px 0 0}
.bc9err{padding:10px 12px;border-radius:12px;background:color-mix(in srgb,#F08A24 14%,var(--panel))}
.bc9h{margin:14px 0 6px;font-size:14px}
.bc9f{margin:0;padding-left:20px;line-height:1.6}
.bc9ok{color:#1f9d55;font-weight:600}
.bc9u{list-style:none;margin:0;padding:0}.bc9u li{display:flex;flex-wrap:wrap;justify-content:space-between;gap:4px 12px;padding:6px 0;border-top:1px solid var(--line);font-size:14px}.bc9u span{color:var(--muted)}.bc9u span b{color:var(--text)}
.bc9r{list-style:none;margin:0;padding:0;border:1px solid var(--line);border-radius:12px;overflow:hidden}
.bc9r li{display:flex;gap:12px;padding:8px 12px;background:var(--panel);font-size:14px}.bc9r li+li{border-top:1px solid var(--line)}
.bc9r time{flex:0 0 46px;font-variant-numeric:tabular-nums;color:var(--muted);font-weight:600}
.bc9r li .bc9rt{display:flex;flex-direction:column;min-width:0}.bc9r em{font-style:normal;font-size:12px;color:var(--muted)}
.bc9r li.void{opacity:.6}.bc9r li.void b{text-decoration:line-through}
.bc9fx{margin-top:14px;flex-wrap:wrap}
/* v7.6.0 · AI keys, models and budget · OSNL AI modes */
.ai7now{display:flex;flex-wrap:wrap;align-items:center;gap:6px 12px;padding:10px 14px;border-radius:12px;background:var(--panel2);margin-bottom:12px}
.ai7now.on{background:color-mix(in srgb,#0F3D2E 10%,var(--panel))}.ai7now.on b{color:#1f7a4d}.ai7now span{color:var(--muted);font-size:13px}
.ai7h{margin:16px 0 6px;font-size:14px}
.ai7m label .hint{font-size:11.5px}
.ai7rm{display:inline-block;margin-top:4px;font-size:12.5px}
.ai7bud{display:flex;align-items:center;flex-wrap:wrap;gap:6px 10px;margin:4px 0 10px}.ai7bud b{font-size:20px}.ai7bud span{color:var(--muted)}
.ai7bud .bar{flex:1 1 160px;height:8px;border-radius:6px;background:var(--panel2);overflow:hidden}.ai7bud .bar i{display:block;height:100%;background:#0F3D2E}.ai7bud .bar i.mid{background:#F08A24}.ai7bud .bar i.hi{background:#d64545}
.ai7t td .hint{font-size:11.5px}
.ai7modes{display:flex;gap:6px;overflow-x:auto;padding:8px 12px;border-bottom:1px solid var(--line);scrollbar-width:none}
.ai7modes::-webkit-scrollbar{display:none}
.ai7modes button{appearance:none;flex:0 0 auto;min-height:34px;padding:4px 12px;border-radius:999px;border:1px solid var(--line);background:var(--panel);color:inherit;font:inherit;font-size:13px;cursor:pointer;white-space:nowrap}
.ai7modes button[aria-current]{background:#0F3D2E;border-color:#0F3D2E;color:#fff}
/* v7.6.1 · business day and shifts · language pill · room rack scrolling */
.hk761p{display:inline-flex;float:right;margin:0 0 8px 8px;border:1px solid var(--line);border-radius:999px;overflow:hidden;background:var(--panel)}
.hk761p button{appearance:none;min-height:36px;min-width:52px;padding:0 12px;border:0;background:transparent;color:inherit;font:inherit;font-weight:600;cursor:pointer}
.hk761p button[aria-pressed="true"]{background:#0F3D2E;color:#fff}
/* room rack: in full screen the toolbar sits at the very top (under the iPad / iPhone status bar), the dates stay right under it */
body.cz725fs.cz725fs .cz7bar.cz7bar.cz7bar.cz7bar.cz7bar,body.cz725fs.cz725fs #view .cz7bar.cz7bar.cz7bar.cz7bar.cz7bar{top:env(safe-area-inset-top,0px)!important}
body.cz725fs::before{content:"";position:fixed;left:0;right:0;top:0;height:env(safe-area-inset-top,0px);background:var(--bg);z-index:31}
.pmrack .pmrkh{top:var(--rk761,0px)}
.hs7rows{display:flex;flex-direction:column;gap:8px;margin:10px 0}
.hs7row{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.hs7row input[type=text]{flex:1 1 160px;max-width:260px;min-height:40px}.hs7row input[type=time]{min-height:40px;width:130px}
.hs7n{flex:0 0 28px;height:28px;border-radius:50%;display:grid;place-items:center;background:var(--panel2);font-weight:700;font-size:13px}
.hs7prev{margin:12px 0 0;padding:10px 14px;border-radius:12px;background:color-mix(in srgb,#0F3D2E 8%,var(--panel))}
.hs7prev ul{margin:6px 0 0;padding-left:18px;line-height:1.7}.hs7prev em{color:var(--muted);font-style:normal}
.hs7bad{color:#d64545;font-weight:600}
.hs7head{display:flex;align-items:flex-start;gap:10px;justify-content:space-between;flex-wrap:wrap;margin-bottom:8px}.hs7head p{margin:0;flex:1 1 300px}
.hs7t tr.hs7sub td{background:var(--panel2)}
.hs7t tr.hs7tot td{font-weight:700;border-top:2px solid #0F3D2E}
/* v7.6.2 · no blank band above the module header on iPad / iPhone apps: the page already leaves room for the status bar,
   so the header no longer adds the same space again inside itself (it still fills the status bar when you scroll) */
body.sb739 header.pf8bar{margin-top:calc(-1 * env(safe-area-inset-top,0px))}
/* iPad and small laptops: when the calendar toolbar wraps, the 🔔 and ⤢ stay in the top-right corner instead of taking a line of their own */
@media (min-width:701px) and (max-width:1320px){.cz7bar{position:sticky;padding-right:104px!important}.cz7bar>.cz7r{position:absolute;right:8px;top:6px;margin-left:0!important}}
/* v7.6.3 · housekeeping: stayover service */
.hk7s{color:#1f7a4d;font-weight:700}.hk7f{color:#c46a0c;font-weight:700}
.hk7skip{display:flex;flex-wrap:wrap;align-items:center;gap:4px 10px;padding:12px 14px;border-radius:14px;background:var(--panel2)}
.hk7skip b{font-size:15px}.hk7skip span{color:var(--muted);font-size:13px;flex:1 1 160px}
.hk7nd{background:color-mix(in srgb,#0F3D2E 7%,var(--panel))}
.hk7opts{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:10px 0}
.hk7o{appearance:none;display:flex;flex-direction:column;gap:4px;text-align:left;padding:16px;min-height:84px;border:1.5px solid var(--line);border-radius:16px;background:var(--panel);color:inherit;font:inherit;cursor:pointer}
.hk7o b{font-size:16px}.hk7o span{color:var(--muted);font-size:13px}
.hk7cfg{display:flex;flex-direction:column;gap:4px;margin:10px 0 6px;font-size:13px;font-weight:600;max-width:420px}.hk7cfg .hint{font-weight:400}
@media (max-width:520px){.hk7opts{grid-template-columns:1fr}}
@media (max-width:600px){.hkc-f [data-hk7^="skip"]{flex:1 1 100%;justify-content:center}}
/* v7.6.4 · full screen room rack: side menu starts at the top · profile and system menus open below the top bar */
body.cz725fs.cz725fs.sb739 :is(.mkpage>nav.pmnav,.mkpage>nav.hrnav,.hs731v>nav.hs731nav){top:calc(env(safe-area-inset-top,0px) + 0px)!important;max-height:calc(100vh - env(safe-area-inset-top,0px) - 14px)}
@media (min-width:721px){
  #acctSheet .sheetpanel,#sysSheet .sheetpanel{top:calc(var(--hf8h,56px) + 6px);max-height:calc(100vh - var(--hf8h,56px) - 20px);overflow-y:auto}
  #acctSheet,#sysSheet{z-index:65}
}
/* v7.6.5 · owner dashboard: Last night by outlet, hotel in Live now */
.od765{margin:0 0 18px;padding:16px;border-radius:16px;background:var(--panel);border:1px solid var(--line)}
.od765hero{display:flex;flex-wrap:wrap;align-items:flex-end;gap:6px 18px;margin:6px 0 12px}
.od765hero>div{display:flex;flex-direction:column;gap:2px}.od765hero>div>span{color:var(--muted);font-size:13px}.od765hero b{font-size:30px;line-height:1.1}
.od765hero p{margin:0;flex:1 1 280px}
.od765t td small.od765s,.od765s{display:block;font-size:12px;color:var(--muted);font-weight:400}
.od765h{white-space:nowrap;font-variant-numeric:tabular-nums}
.od765t tr.od765hot td{background:color-mix(in srgb,#0F3D2E 7%,var(--panel))}
.od765t tr.od765z td{color:var(--muted)}
.od765hc{border-color:color-mix(in srgb,#0F3D2E 35%,var(--line))}
.od765hc .od360s{background:color-mix(in srgb,#0F3D2E 14%,var(--panel));color:#1f7a4d}
.od765line{display:flex;flex-wrap:wrap;align-items:center;gap:8px 18px;margin:0 0 16px;padding:12px 16px;border-radius:14px;background:var(--panel);border:1px solid var(--line)}
.od765line>span{color:var(--muted)}.od765line>span b{color:var(--ink,inherit)}.od765line .sp{flex:1}
@media (max-width:700px){.od765h{white-space:normal}.od765hero b{font-size:26px}}
/* v7.6.6 · OSNL AI full screen, Claude-style chat */
body.ac766fs header.top,body.ac766fs .pf8bar,body.ac766fs header.pf8bar,body.ac766fs #bnav,body.ac766fs .mbar,body.ac766fs .ntbar{display:none!important}
body.ac766fs #view{padding:0!important;max-width:none!important}
body.ac766fs #hlpBtn,body.ac766fs .cw7fab{display:none!important}
.a7>.a7side,.a7>.a7main{align-self:stretch}
.a7{position:fixed;inset:0;z-index:30;display:flex;background:var(--bg);color:var(--text);padding-top:env(safe-area-inset-top,0px);font-size:16px}
.a7side{width:272px;flex:0 0 272px;display:flex;flex-direction:column;gap:8px;padding:12px 10px calc(12px + env(safe-area-inset-bottom,0px));background:var(--panel2);border-right:1px solid var(--line);min-height:0}
.a7:not(.a7open) .a7side{display:none}
.a7sh{display:flex;align-items:center;justify-content:space-between;gap:6px}
.a7back,.a7ic,.a7tool,.a7hl,.a7hx,.a7new{appearance:none;border:0;background:transparent;color:inherit;font:inherit;cursor:pointer;border-radius:10px}
.a7back{padding:8px 10px;font-weight:600}.a7back:hover,.a7ic:hover,.a7tool:hover,.a7hl:hover{background:color-mix(in srgb,var(--text) 7%,transparent)}
.a7ic{min-width:40px;min-height:40px;padding:0 10px;font-size:18px}.a7ic.a7txtb{font-size:14px;font-weight:600;border:1px solid var(--line)}
.a7new{display:flex;align-items:center;gap:8px;min-height:44px;padding:0 14px;font-weight:600;background:var(--panel);border:1px solid var(--line);box-shadow:0 1px 2px rgba(0,0,0,.05)}
.a7new:hover{border-color:#F08A24}
.a7search{min-height:38px;border-radius:10px;border:1px solid var(--line);background:var(--panel);padding:0 12px;color:inherit;font:inherit;font-size:14px}
.a7hist{flex:1;overflow-y:auto;min-height:0;display:flex;flex-direction:column;gap:10px;padding:4px 0}
.a7gl{margin:6px 8px 2px;font-size:12px;font-weight:600;color:var(--muted)}
.a7h{display:flex;align-items:center;border-radius:10px}.a7h.a7on{background:color-mix(in srgb,var(--text) 9%,transparent)}
.a7hl{flex:1;min-width:0;text-align:left;padding:8px 10px;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.a7hx{opacity:0;width:32px;height:32px;font-size:13px;color:var(--muted)}.a7h:hover .a7hx,.a7h.a7on .a7hx,.a7hx:focus{opacity:1}
@media (hover:none){.a7hx{opacity:.6}}
.a7tools{display:flex;flex-direction:column;gap:2px;border-top:1px solid var(--line);padding-top:8px}
.a7tool{text-align:left;padding:8px 10px;font-size:14px}.a7tool.a7on{background:color-mix(in srgb,#0F3D2E 14%,transparent);font-weight:600}
.a7hint{font-size:12.5px;color:var(--muted);margin:0}
.a7scrim{display:none}
.a7main{flex:1;min-width:0;display:flex;flex-direction:column;min-height:0}
.a7top{display:flex;align-items:center;gap:8px;min-height:56px;padding:6px 14px}
.a7title{font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:60vw}.a7top .sp{flex:1}
.a7ready{font-size:12px;font-weight:600;padding:4px 10px;border-radius:999px;background:var(--panel2);color:var(--muted)}.a7ready.ok{color:#1f7a4d;background:color-mix(in srgb,#2E9E5B 14%,var(--panel))}
.a7chat{flex:1;min-height:0;display:flex;flex-direction:column}
.a7msgs{flex:1;overflow-y:auto;min-height:0;padding:12px 18px 8px;scroll-behavior:smooth}
.a7col{max-width:768px;margin:0 auto;display:flex;flex-direction:column;gap:22px;padding-bottom:12px}
.a7m.me{display:flex;justify-content:flex-end}
.a7b{max-width:80%;background:color-mix(in srgb,var(--text) 7%,var(--panel));padding:10px 16px;border-radius:18px 18px 4px 18px;line-height:1.55;overflow-wrap:anywhere;animation:a7up .25s ease}
.a7m.ai{display:flex;gap:14px;align-items:flex-start}
.a7av{flex:0 0 32px;height:32px;border-radius:50%;display:grid;place-items:center;background:#0F3D2E;color:#F08A24;font-size:16px}
.a7av.spin{animation:a7spin 1.6s linear infinite}
.a7t{flex:1;min-width:0;line-height:1.7;overflow-wrap:anywhere}
.a7txt a{color:#0b6bcb}
.a7w{opacity:0;animation:a7fade .32s ease forwards}
.a7late{opacity:0;animation:a7fade .35s ease forwards}
.a7cards{margin-top:10px;display:flex;flex-direction:column;gap:10px}
.a7acts{display:flex;align-items:center;gap:10px;margin-top:6px}
.a7acts button{appearance:none;border:0;background:transparent;color:var(--muted);font:inherit;font-size:13px;padding:4px 8px;border-radius:8px;cursor:pointer}.a7acts button:hover{background:color-mix(in srgb,var(--text) 7%,transparent);color:inherit}
.a7think{font-weight:500;padding-top:4px;background:linear-gradient(90deg,var(--muted) 0%,var(--text) 40%,var(--muted) 80%);background-size:200% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:a7shine 1.6s linear infinite}
.a7foot{padding:6px 18px calc(12px + env(safe-area-inset-bottom,0px))}
.a7in{max-width:768px;margin:0 auto;background:var(--panel);border:1px solid var(--line);border-radius:22px;padding:12px 12px 8px 16px;box-shadow:0 4px 24px rgba(0,0,0,.06);transition:border-color .15s,box-shadow .15s}
.a7in:focus-within{border-color:color-mix(in srgb,#F08A24 60%,var(--line));box-shadow:0 6px 28px rgba(0,0,0,.09)}
.a7in textarea{display:block;width:100%;border:0;outline:0;resize:none;background:transparent;color:inherit;font:inherit;font-size:16px;line-height:1.5;min-height:28px;max-height:220px;padding:2px 0}
.a7inbar{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:6px}
.a7send{width:38px;height:38px;border-radius:12px;border:0;background:#F08A24;color:#14241D;font-size:20px;font-weight:700;cursor:pointer;transition:transform .12s}
.a7send:hover{transform:translateY(-1px)}.a7send:disabled{background:var(--line);color:var(--muted);cursor:default;transform:none}
.a7note{text-align:center;margin-top:6px}
.a7empty{flex:1;display:flex;flex-direction:column;justify-content:center;gap:18px;padding:20px 18px 40px;max-width:760px;width:100%;margin:0 auto;animation:a7up .35s ease}
.a7hello{display:flex;align-items:center;justify-content:center;gap:14px}
.a7hello h1{margin:0;font-family:Georgia,"Times New Roman",serif;font-weight:400;font-size:40px;letter-spacing:-.01em}
.a7spark{color:#F08A24;font-size:34px;animation:a7spin 8s linear infinite}
.a7chips{display:flex;flex-wrap:wrap;gap:8px;justify-content:center}
.a7chips button{appearance:none;border:1px solid var(--line);background:var(--panel);color:inherit;font:inherit;font-size:13.5px;padding:8px 14px;border-radius:999px;cursor:pointer;max-width:100%;text-align:left}
.a7chips button:hover{border-color:#F08A24}
.a7empty .a7in{width:100%}
.a7pane{flex:1;overflow-y:auto;min-height:0;padding:8px 18px 24px}.a7panein{max-width:1100px;margin:0 auto}
@keyframes a7fade{from{opacity:0;filter:blur(2px)}to{opacity:1;filter:none}}
@keyframes a7up{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
@keyframes a7spin{to{transform:rotate(360deg)}}
@keyframes a7shine{from{background-position:200% 0}to{background-position:-200% 0}}
@media (prefers-reduced-motion:reduce){.a7w,.a7late{animation:none;opacity:1}.a7av.spin,.a7spark,.a7think{animation:none}}
@media (max-width:899px){
  .a7side{position:fixed;left:0;top:0;bottom:0;z-index:2;width:min(300px,86vw);padding-top:calc(12px + env(safe-area-inset-top,0px));transform:translateX(-102%);transition:transform .22s ease;display:flex!important}
  .a7.a7open .a7side{transform:none;box-shadow:0 0 40px rgba(0,0,0,.25)}
  .a7.a7open .a7scrim{display:block;position:fixed;inset:0;z-index:1;background:rgba(0,0,0,.35)}
  .a7hello h1{font-size:30px}.a7inbar .a7hint{display:none}.a7b{max-width:88%}
  .a7title{max-width:50vw}
}
/* v7.6.8 · update progress · kiosk walk-ins · hotel staff logins · promoter sign-up · search pill · Tevoda mark */
.up768steps{list-style:none;margin:14px 0 4px;padding:0;display:flex;flex-direction:column;gap:6px;text-align:left}
.up768steps li{display:flex;align-items:center;gap:10px;font-size:14px;color:var(--muted)}
.up768steps li::before{content:"";flex:0 0 18px;height:18px;border-radius:50%;border:2px solid var(--line);box-sizing:border-box}
.up768steps li.on{color:var(--text);font-weight:600}.up768steps li.on::before{border-color:#F08A24;border-top-color:transparent;animation:a7spin .9s linear infinite}
.up768steps li.ok{color:var(--text)}.up768steps li.ok::before{content:"✓";display:grid;place-items:center;font-size:11px;color:#fff;background:#1f7a4d;border-color:#1f7a4d}
.up768bar i{transition:width .8s ease}.up768new{margin:4px 0 0;font-size:13px;color:var(--muted)}.up768lock{margin:6px 0 2px}
.me768{display:flex;flex-wrap:wrap;align-items:flex-end;gap:8px}.me768 label{flex:1 1 240px}.me768 .hint{flex:1 1 100%}
/* kiosk */
.ks-alt{margin-top:18px;appearance:none;border:2px solid currentColor;background:transparent;color:inherit;font:inherit;font-size:20px;font-weight:600;padding:16px 22px;border-radius:18px;cursor:pointer;opacity:.9}
.ks768opts{display:flex;flex-wrap:wrap;gap:16px 28px;justify-content:center;margin:6px 0 16px}.ks768opts>div{display:flex;align-items:center;gap:10px}.ks768opts span{font-size:18px;opacity:.8}
.ks768seg{display:flex;gap:6px}.ks768seg button{appearance:none;min-width:52px;min-height:52px;border-radius:14px;border:2px solid color-mix(in srgb,currentColor 30%,transparent);background:transparent;color:inherit;font:inherit;font-size:20px;font-weight:700;cursor:pointer}
.ks768seg button[aria-pressed="true"]{background:#F08A24;border-color:#F08A24;color:#14241D}
.ks768list{display:flex;flex-direction:column;gap:12px;width:100%;max-width:820px;margin:0 auto 14px}
.ks768r{appearance:none;display:grid;grid-template-columns:120px 1fr auto;align-items:center;gap:16px;text-align:left;padding:12px;border-radius:20px;border:2px solid color-mix(in srgb,currentColor 18%,transparent);background:color-mix(in srgb,currentColor 5%,transparent);color:inherit;font:inherit;cursor:pointer}
.ks768r:active{transform:scale(.99)}.ks768r img,.ks768ph{width:120px;height:86px;border-radius:14px;object-fit:cover;display:grid;place-items:center;font-size:34px;background:color-mix(in srgb,currentColor 8%,transparent)}
.ks768i{display:flex;flex-direction:column;gap:3px}.ks768i b{font-size:22px}.ks768i em{font-style:normal;opacity:.75}.ks768i small{opacity:.7}
.ks768off{align-self:flex-start;background:#F08A24;color:#14241D;font-weight:700;font-size:14px;padding:3px 10px;border-radius:999px}
.ks768p{display:flex;flex-direction:column;align-items:flex-end;gap:2px}.ks768p b{font-size:28px}.ks768p s{opacity:.6}.ks768p small{opacity:.7}
.ks768tax{font-size:15px}.ks768t{font-size:40px!important}
@media (max-width:640px){.ks768r{grid-template-columns:80px 1fr;}.ks768r img,.ks768ph{width:80px;height:64px}.ks768p{grid-column:2;align-items:flex-start}}
/* hotel staff logins */
.hm768 summary{display:flex;flex-wrap:wrap;align-items:center;gap:6px 12px;cursor:pointer;list-style:none;min-height:40px}.hm768 summary::-webkit-details-marker{display:none}.hm768 summary::after{content:"›";margin-left:auto;font-size:22px;transition:transform .2s}.hm768 details[open] summary::after{transform:rotate(90deg)}
.hm768list{display:flex;flex-direction:column;border:1px solid var(--line);border-radius:12px;overflow:hidden}
.hm768row{display:grid;grid-template-columns:minmax(0,1fr) 180px auto;align-items:center;gap:8px 12px;padding:10px 12px;border-top:1px solid var(--line)}.hm768row:first-child{border-top:0}
.hm768n{display:flex;flex-direction:column;min-width:0}.hm768n em{font-style:normal;font-size:12.5px;color:var(--muted)}
.hm768a{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end}
.hm768f,.hm768ok{grid-column:1/-1;display:flex;flex-wrap:wrap;align-items:flex-end;gap:8px 12px;padding:10px;border-radius:10px;background:var(--panel2)}.hm768f label{flex:1 1 160px}
.hm768ok{flex-direction:column;align-items:flex-start;background:color-mix(in srgb,#2E9E5B 12%,var(--panel))}.hm768ok code{font-size:15px;font-weight:700;padding:2px 6px;border-radius:6px;background:var(--panel)}
@media (max-width:700px){.hm768row{grid-template-columns:1fr}.hm768a{justify-content:flex-start}}
/* promoters */
.pr768bar{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:0 0 10px}.pr768cnt{font-size:13px;font-weight:700;color:#14241D;background:#F08A24;border-radius:999px;padding:3px 10px}
.pr768apps{border:1px solid color-mix(in srgb,#F08A24 50%,var(--line));border-radius:14px;padding:12px;margin:0 0 12px;background:color-mix(in srgb,#F08A24 6%,var(--panel))}.pr768apps h3{margin:0 0 8px;font-size:15px}
.pr768a{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px 12px;padding:10px 0;border-top:1px solid var(--line)}.pr768a:first-of-type{border-top:0}.pr768a>div:first-child{display:flex;flex-direction:column;min-width:0;flex:1 1 260px}.pr768a em{font-size:13px}
.pr768lk{display:grid;grid-template-columns:auto 1fr;gap:16px;align-items:start}.pr768qr{background:#fff;padding:10px;border-radius:12px;line-height:0}.pr768qr svg{width:180px;height:180px}.pr768lk input{width:100%;margin-bottom:8px}
@media (max-width:640px){.pr768lk{grid-template-columns:1fr}.pr768qr{justify-self:center}}
.pr768rules{display:flex;flex-direction:column;gap:12px;max-height:60vh;overflow:auto}.pr768o{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:8px 12px;border:1px solid var(--line);border-radius:12px;padding:10px 12px}.pr768o legend{padding:0 6px}.pr768o .w2{grid-column:1/-1}.pr768o>label{display:flex!important;flex-direction:column;justify-content:flex-end;gap:4px;margin:0;font-size:13px}.pr768o>label>input,.pr768o>label>select{width:100%;min-width:0;margin:0}.pr768o{grid-template-columns:repeat(auto-fit,minmax(130px,1fr));align-items:end}
.pr768fol{font-weight:400}
/* search pill */
.hx7kbtn.v768s{display:inline-flex;align-items:center;gap:8px;padding:0 10px 0 12px;min-width:200px;justify-content:flex-start;border-radius:999px;font:inherit;font-size:14px;color:var(--muted,inherit)}
.hx7kbtn.v768s svg{flex:none;color:var(--text,inherit)}.hx7kbtn.v768s .v768st{flex:1;text-align:left}
.hx7kbtn.v768s .v768k{font:600 11.5px/1 -apple-system,"Segoe UI",sans-serif;padding:4px 6px;border-radius:6px;border:1px solid color-mix(in srgb,currentColor 25%,transparent);opacity:.8}
html[data-ui="ms"] .hx7kbtn.v768s,html[data-ui="microsoft"] .hx7kbtn.v768s{border-radius:6px;border-bottom-width:2px}
html[data-ui="google"] .hx7kbtn.v768s{border:0;background:color-mix(in srgb,currentColor 9%,transparent)}
@media (max-width:1100px){.hx7kbtn.v768s{min-width:0}.hx7kbtn.v768s .v768k{display:none}}
@media (max-width:760px){.hx7kbtn.v768s{min-width:40px;width:40px;padding:0;justify-content:center}.hx7kbtn.v768s .v768st{display:none}}
/* the Tevoda mark for the AI */
html.v768m .cw7spark{font-size:0!important;color:transparent!important;width:22px;height:22px;background:url(icons/tv-mark-64.png) center/contain no-repeat!important}
html.v768m .cw7h .cw7spark{width:34px;height:34px;background:url(icons/tv-mark-64.png) center/70% no-repeat,#fff!important;border:1px solid var(--line)}
html.v768m .a7av{font-size:0;color:transparent;background:url(icons/tv-mark-64.png) center/66% no-repeat,var(--panel);border:1px solid var(--line)}
html.v768m .a7av.spin{animation:v768pulse 1.2s ease-in-out infinite}
html.v768m .a7spark{font-size:0;width:44px;height:44px;background:url(icons/tv-mark-128.png) center/contain no-repeat;animation:none}
html.v768m .a7empty .a7spark{animation:v768pulse 3s ease-in-out infinite}
@keyframes v768pulse{0%,100%{transform:scale(1);opacity:1}50%{transform:scale(1.12);opacity:.75}}
@media (prefers-reduced-motion:reduce){html.v768m .a7av.spin,html.v768m .a7empty .a7spark{animation:none}}
/* v7.6.9 · left early */
.v769le{margin-left:6px}
.hratable [data-l="Status"]{flex-wrap:wrap;gap:4px}
.v769e{display:block;color:var(--prog);font-size:12px;font-weight:600;margin-top:2px}
.v769 .mkch{margin-bottom:6px}.v769 h4{margin:0}
.v769t{margin:0 0 8px;font-weight:600;color:var(--prog)}
.v769l{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px;max-height:320px;overflow:auto}
.v769l li{display:grid;grid-template-columns:96px 1fr auto;gap:10px;align-items:center;padding:8px 10px;border:1px solid var(--line);border-radius:10px;background:var(--panel)}
.v769s{color:var(--muted);font-size:13px;min-width:0}
.v769c{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end}
@media (max-width:600px){.v769l li{grid-template-columns:1fr auto}.v769l li .v769s{grid-column:1/-1;order:3}}
/* v7.7.0 · OSNL AI panel and full screen */
:root{--v770mk:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAIAAAACACAIAAABMXPacAAAigUlEQVR42u19aZhU1bX2u/Y+p+bq6uqJuRuwGVVAkEEZ1ESNMXrFaHKDA9Eg0WhiNDcm1+Rm8LtPvhhvlOQaoyYh1ymaOKGIQ6IIqIAiIqBMDcjQ0N3QU3XNdc7Ze90fp0DG7uZ7Uk23X+9fRT10Pefsd6/5XWtT3x/G0btO3hK9W9ALQC8AvasXgF4AelcvAL0A9K5eAE5gSXHkh14AunS1pqE0lEZrugcDYPTQ53Y0vneuumKsBvDsWvHwCmnIXgC6SvO0pvH989RdlynOAcC4IUoI3LtERgNQulcFFf7sF/kwa7xWWaQspCyoLGaN10U+OBq9NqCwiwAwpIBHQhAIIEAQPBKSAAb1AlDQxYAUaMviufWCBUwJU4IFnlsv2rIwBLgXgIILAYEZy7YJVtiXoH0JYoW3tgnOC0hPe50eVw8gIOPg3dvsD2pp3jIJ4PZz1IRBPOU3pt/olYBCO20CzWl8e5qqKuE7FxluHHDnIqOqhG+ZplrSMEQvAIVUPmkb1WX804vUf7xs1MYo4EHAg9oY/eRl42cXqaFlnLFB1AtAgZ6VkMrhnkvVpgb640pRGmRHwdEoDfIfVopNDXTPpSqZg+gFoEDxVyyDfzlNf2mM/u4C49NjznnhuG2Bccnp+tJTdSzTk7JDoqcYXqURMDHvcvXnFWLFDiryQR8wuJpR5MPyHfTnlWLe5SpgQuke4xCJnnL8W1K443Mq6OGfvWZE/EemHJRGxI+fv2aEvXzH51RLqscIgegRqj9p4fT+fMfn1A9fMpqS8Moj3U0GvBJNSfzgJeOOz6vT+3PK6hnGQPQI5yfnYN5MZ+VOemK1KAkcO+fjaEQDeGK1WLmD7pvpZJ2e4Q6J7u/4t6Qx6ww9vZpvX2B4OsreegzcvsCYUc1fO0P3iLBAdHPV72iUBPBflzm/XSo/3Eshz6e29+ilGSEPPtxLv10qf32ZEw3A0d3dGIjurPpzDhpiuOsix1b0y8Uy6u843a80on78crG0Fe66yGmIIed0a2Mgum/Qa6EyyjfN0FefqW9fIJM5GLLjVA8DhkQyh9sXGNecqW+aoSujnLa6rz0wuqnbk8MXRur5VznhED7aSYu3irC3s9UupRH2YvFWsbWRHrzKSSQx50nj75tFyNue+uqVgMOOv2ZcPUGH/WhtxYgKHtWHM3ZnNYkgZGyM6sMjyrm1FWE/rpqgFXdTIRDdUwIyNhI5QCJajLo41beRR3Y21cyAR6I+TnVxihYDEvEssnY3tQTdTgWZEvsS+Pok/dUz9KPviIAXz68Te+Mo9ndWBTHDY2BvG+5cJL88VqdzmDVBL9umn/hA9AnDVr0AtLv7jUlcMlrPv9b+P4uMn70mIz6cPUQX++GcSHrH0Sj2I57F3L8abVnsalXzZ9uxjPnKJlEe6l4YiO5VbElhxin83FznvteNX7wuK4thSmQsGhhhu9ORLRFsBwMjnLJgSlQW4xevy/teN56b68wYys2p7hWdie6z+60ZjBvAi2605y8XP1oky4KwFQRhZwv1CbMhwdxZFWRIVIR5V4sQBFuhLIgfLZLzl4tFN9njBnBrphthILrJ7sezqC7j1262X1gvbn3eKAmC+VMORNpGvyK2VcdCQARboX8RZ2y0ZSEFGGBGSRC3Pm+8uF68drNdXcbxbHfBQHSHfEPSQt8i/OMWe8UnYs5TRpHvYKEFzDAEdreKgZET8OEHRHh3qzBEXmjcvyzy4RtPGSs/Ef+4xe4bRtLqFlkKcdJ3P2OjyIu/32x/0kSzHjX8JgQdpm0MieYUNFAeYlu1Z4oJsBXKQ6wZzSkcyhZlhiD4Tcx61Pikif5+sx32ImOffAzESc/2mAKLbrRTOcz8oykFTHFUvMoAsCdGlVFWGu0joDUqo1wbo09P/iGpOlNACFz+JzNl4eUbbVOc/EyROFmxriA4GlpjwQ122IuLHzJtDa8BxccIrEyJhjh5JaL+9gigrvfpldiXIPNYgZtieA1YChc/ZIZ9eP4GW2k4GoJOWpwsuv7UA7Ac2AoZG09+3aku54seNOI5+M3jhlpEUBr1CaoqYec4ppgIjkJlCdcnqJ3Eg9Lwm4jncNHvzWHl/ORsJ2PDVrCcTx/vMwuAIKRtMKOqhKXAn2c5U4fqCx8w6+MU8rQX6OaD2xiFvRz0QB/rf2qNoAdFXt4bI0+7PqvSCHlQH8cXHjCnnaL//DVHCFSVMDMyXZ6xMLo4wzOqgn97hTOsjONZCnr44gfNbU1U7O+YWU6ErI3mNFVGedM+8osjza+lcEoZN6cp68BndhA0uBz3mia6+EFzwRz7vdvtiI+3NtGtzxlb9pPf7Lq8aZdKgGb84ktq4ilsClSW84YGsa6eIv5O8fqZ4ZHY3UplQfYYxyrKGygL8u7WDo7/EQZjXT1taBBV5WwKTDyFf/El1cUpa9GVxJ6wF0NKWWWhGFYGIyq4IgTL6WySRwgkc0jmMCDCh/4VAZaD/hFO5CiZgxCdfSTLQUUIIys4l4FiqCyGlnDI26W0ItHFvP43aogkAiY8Qby1nfYnYXY+z8wwBHa1iv5FfISmFoT+Rby7lQ4GX515JDf3t2QbeYMImBAG3tgq4gfi58+gCiLgsVXScbC2jhauET991TjRlgpDojUDW6FPOJ+ZcHMP7j9bMzihVj0CmPGnd+XTq8TavWRbeGxVV/tBoiuNcNbB7Il6ayOd/RvPz1+T0QD/P4iSINTGaFCUD6UmDirm2hgJQufxJELWQWWU/SZf/6Rx7gPm1iaaPVFnuzY06zobkHVQGcVVE9T9b0spOJahPmH2GZ3VGIfqjf1JkgIlgXyfcEkAUmB/kjqvzVy31WNgRAV/VC+iAWjG796WV01Qg4qRdT5zNkAKxLO4bqJqy9CC9SLqR1sGLSmqjHLuxClszKhro8ooa4ZmVEa5ro1OCEgiWApj++tdrdSWATOKfHh+vWjL0nWTlGsGPjsAuDmyaAA3nKX+sFK49HFDYmcLVYTYc6JCwDAl6too7GVBEISwl+viZHa6YOCGFENLmYDtTeQz82miWAZ/WCnmTlFRP9rP+vUwAIRAWxZXjtFBDx5bLSM+KA0pkMghkaNBEbbUiQmBe35rY3RetT53mK6NkX0iv6A0inwYXMLr6sTBoEExIj489r4MeXHFWN2W7aw72wMA0AyPgW9PV0+tkXti8Br5IokpsbOF+kVYihMTAlekZo3Xv5qp7rlM/esZ2ur0gSWCozGmv97SSDnn011mhtfAnhieXCO/PV15jC4KhkUXaP9EFhcM19Vl/NByETyE3Ok2vWRsDCjizos8AY5GxIevT9S2BcfGnCm6JJCvrLnd2+15YjZGVXAqhz0x8h6u/TQj6MHDK8SwMr5guE50iSXoCglQGt+doV7bLDY0UOAQANzAameLGFjMRJ3t8mXAEMjaWFdHZgCGB0u2Um0r2rJoSSNl5dPLUhz5e67iKguiIswf1wvfUWdcMwIefFxPr20Wt85QXTP4QIam3VnYtjoLEwbxT7+gvvOc0ZA4kl8lBZJZ9C1iZrRlqMM6LQGGgKMRy2DJNhEy0JigN7eK0/vzhIE8tIyDJrIOtaSRseGROLqUP2GQ/rheZJxjn24CNKMuTj++QL2+RdS6UtJzs6FuBvSWaWp1LS3fQcX+Y1S7hMCuVhpSyvVxQruRlBSwFVpT6FeEK8fpi0fpYeU8MMIXjTmE6OPQ3lZatZte/Ei8USNa0oj4IAgMZG2cMZD3Jag5ddx0qWaEvHhnB31QS7dMV9c+YYQLzCg1Ct3WO7wcM0/X1z9luN8csb8HEjI0pJTLQ2hKwTxOcsIQaMui2Icffl5dP1lX9dEA4nHa0EA7WkQsA0Eo9mNwCY+o4Msn6MsnqE214o8rxROrZU7DlBgQ4YDJ6/aK9pPV7kP+91vyT19zhpejLg7vCTrK3QUASUjmMPcstSdGr2wURb7jlFwYAHa3UlVU70+KYwqBFGhOY9oQvm+mc1qV1ll6YbV8eq34cK9oTCLrQHN+bIrPRL8injCQvzpOf/F0fd9XncvH6DsWGlv206i+/O5O0aHH5TqpL28Ue9to7hR1x0syYMLhnmYD6EDC/eGvOvcuNVbsoHbY4YZEPEuVUU5blDmquU4KtKRx/UT96DVO/zJ+4yP5jb8ZD7wjtzSSreAzEfQi5EHQA5dR0ZqhdXX03HqxYgeNLMWUYXrmKG07WFwj0jZ1xrExBGJZCKLvzFCPr5aWKmB2SBSO5dmcwlUTFDOeWnP8439ACJixJ0aDS7SjDwupDIGWFL45RT/wNcdr4J5Xja88YqzdS1E/SoMwBBJZNCaxL4F9CTSmkLTgMVAeQpEPS7eKi/9g/v5No6wYd31JjR+ITrZOKo2ID0+tEWBcNV41p2DKniYBiRz6FeF3V6hH3peu/mnflEmBeJaGlHI8SwezQ26gcOmp+sFZDjO+86zx6yUy4kfAhK3QmkbQi/ED+cIRfNFIPXUIDyuHIdGYoJYMPBIhL3IO3v5E9Any+Eq+cKR+a5vY1UodFizdA9SURNiH6yfpFz6SsUyhMPjnj6txK+8/OE99c5oq8uCih80Paino6QAAIuRsDCnlIh+v3St8JnCgYvX6zdaAMvz788Z9S0WfcB7doAdzpqirJ+gR/RjykJ+2aO1e+p9V8i+rhbuPQ0q4Nka3n6O+9wVn/U7xxYdNpfN+UYcO9JmD+NWb7HgOD78j/2uJDBSgVvxPlgBBSFsYO4Dnz3IkYHiQztJLG0TY1/Ghc4VgaCm3pslR+WTR3Zc400fpJ1bK/3hVloVAQCyD0/ryX2Y7V01RZQGs30MvfyRe/Vgu3yZ2NJLPwGmV+oun8ZkD9LJtIpaltEWWxpJtYlJ/TBmuc1l6vUYE23UuCZASsTS+d56eOIQNxnnV/OpmsSdGnn92WGAUwv7aCo6CBoSBvkXcP8IZm5SGRwJ0XCTchux9CRpcwhsaKOdgchV/baLe2yj+8x9GwIQgtGVwxkB+5jq7TylWbxd3vSZW14p4ltzdFISIH+eeou/6ovrcqfx8kXPlI0Z9nIIeWA5+8qqcNETfNE099aGoj9Mxs7CuD2opSEb/CPcLszCgc3A0bFWQiVz/ZAlw24P2ttG+BF0wWr9TQz9+2RhcwpVR1kA8S7aGFMfNXBoC8RxVl3FLmtqyuPN8deZQfd8b8uVNIupHxkZZCM9e7wyqwHOrMPsv5kf7fIaURV4d9uqQl9wxHWv30ksbxGkVmFitx/fjZ9ZKpRHwYHsTVUUwdaRuitObW8URLcfuI1kKAPoX86l9uSSAVzaJkaU8sBTff9F4o0Z0qEi7hRF2GSJLttFXxuhXNoq/rRGJHKUsGhTlwSXs6hnLORIGl6zoZupDXgRMaKb/+heHFf1goZFzyJCIZ/GrS5zzTtWvr6fLHyuWxKcV740YiRarqNUKJLNWziGfiZAXsQy9slGcO4QnVutMjhbXiKAHtkJLhq6eoKNePLPuU7vhPkbOgSRURXl0X/Z7sL2JdraIbY1UWYK+IdzwV8OtmvWYQCzgQdZBeQheDzwGmtNoTIpoAENK9aBibkjQrlbK2vBICAEBWAqWgs+Ez0BtjKrL9MRB6FPKr62TO1uoyIdUDmP681fO0LE4bn0xfHGft28f9kyVv1YQNsQGbfNe4Sk/a+mW3GubpddA2IuWNH78svHCN+25U9Tj78tYBkEPNjbQljo6fQCfUsZb9pHfA0ch58BvYkQF9w1zwsKGBtGahhDwm/B6UBFC1kHA06PiAJepkLHg97BmYoYp4DURz+KDWvHhXuEzMLlKn9qXTYmcg7Yciv0YN4AlIaeQsdGUoi+NVgys2UOWyrPYLxiuA0H12OrwafIfT0362amhLSY5Es6k0i1fD991Y/U//jrX85uZlquvi/1YvoPe2iL6lvG0oTplwWugMYWVu4T08ug+3JKB5cCUOLUvT6rSXgMf7hVrakU8B68JU4AZmsnv4YwFWxWKvVsoCWBG2qag6X4EHxi4akhkbKyro6CHqkp4cpXeHaORFfzLS1VZkDc10E1PG9uaaE8b9SsCAZ80k9suYAhMGKTB5uY9TT8Y9kjS8aeUxyDFQEoFWFlNax+PesZdN71ofZ16eKUsD8FReGMrnT8G4wfy3z5Eysb4gTztFJ3L0H9+SVkOtjSSK46rdwu3ocwNEQ5p6+CgibRNhcsFicIxsdI2gp4jHQe3UcJnwlbYtI/e+UT4Ddx3mTMgwpaNcUP4Rxco9wjnHABoTkEQNMNrYEBEZ3O+Ct44INCSVR6DlOsyCijDMKXTsujdGtvxfXmM45HQDCGws4UIGBhhU8Jy8B8XqhED2LLRr4jvnen4DLyzQ2zal09piKM8NAKCHqSsAmakRYESQQykcgh4+JihPzPIhUGjKUVCwE0BKSu/WQS4k2k0ExH4wHxiW5OPUoL4iIydZvgN3tOczlkU9sF0ASBk7XyuyXXPBkZYWxCErAVToDGV33o6jnMsCH4Ppy1wwYbCFqwixpSyKHCsY3UoM8dnYE8MH+4R/iA0QxpYtFHkHDAjnnWNObtbmVNoSlHAqyyzX9aRdLhKJqKMI5WnX8DrNMTJJVe5JUYAKQtgZB0s2iCEAc3wBbF8h2iIw2ccm+x+UFgDHqQsAlNPK0kS0lZertux1Rkbwyv410vEc++LYJAXrBH3LpURHzTDUmBgaCnczIHlYMVOKWVmcOXoZY1jK7ytDpuKhWLhsFnhbV3WOLaqapSQ2ZW7pNvfqjSGlDIDe2JkKUR8+PUSuWCNCAb5hQ/Ezc92TIwUBL+BpAUQ9yQAGCBw0gXgOC/pFsuGlXO/In6jRj61RgiJtA2loRnFfjQmQYwpVdoQUIyAB8+sFS0xXHmm3hr+zoKdp0dkS7GZKDYTEdmyYOfpW4u+c+UE3RzD8+tl0APFMAQmVzEBH9WTWyV2NDI2hMTj74t9CXjbzcoxIAR8JtIWToTz2D28ICK4np95rAKIyBfLuDTI7+4UYS/XtZGVobOruCSAZA6j+/Lft8jZE/U51fqUMq6NUdCDbU30s1fN+2dZd15Scv/SX9y9a/lg82MAu+zTSgZNvfNcGfDk/u0ZzydNKAkiZaG6DOdU69YYra4VARM5B6VBnDWYrQzVxSnoPa7y+ZQBJuA1kMwVsIPMKBwbLpUjrzteng/LPtLB3Q/w+7uFIWAIbG+mDfU0tpJH9+UVO6gixG9uFa9uErOnqjmT9fcXyqAHxX48skp4Dc8vL7H+/WLa03z+jpYLAFxWwgNKU1ZGff8Zz+MfiIgfAJI5zJmiIkX8+HK5oxllwXxNbXC5XrtbbG8m11Nq5/k1w5TwSE5ZBezgEwWVAFPyETSIvN4v57Igv18rXPKIyxz9+2YhDL54lHbTBrbCH1fKZIrmnK3OH85NKUiBIh8eXC7O/73n6VXC5MT0yrbplW0GJ/72njj/954HV4iID1KgKYXzh/M3zlbJJD20QropTL+BK8YqMvDKJpHMddwp7zpOpkS6kBMwjQJFAa6SMSRMiYwNiPyXmQOaZ9VuYRwoAGuG38SLH4vvnktXjtXLttP2Jgp7sWYP3fem/Omlzu+udK74s7GlkUoDKAlgXR3NecqoCBvlQWagKUX7EjAESgIgQnMaIyv4gSudgJ/vWmh8uIfKQkjmMKY/zxqvrQwtrhFuT5kUAB9HuRO0hilhSKTsY9AJursRdgGQBI+RJ/LTAatbGuT3d+fPPh/CiFpfRy+uF/3L9awz9I4WMiQiPsxbJheslkP68tPXORMH8b4EXH8mGkAqh5pG2tpIyRxKAoj4YGvsS2DiIH76OmdwX17wvvzNW7LYDwBpG/9yqg6F+eUNwlGYPlRH/Ww5+fQnHSdY8RosCRmLOizgdD8VBKRzJAhuB8ChZ//9Q87+EY2o//2WjCfowtF6/ACOZ2FIeCS+9YyxcI2o7s8vzbX//fPKI7E/iVgGjnZ1NDSjLYP9SUjCbeeol+ba1f154QfiW88aLjcrlsHZg/nG6SqRpLsXy3X11JCgoaU8qVIPLGbNyDngo2BgzrvRBZ35V5CasEuALQni2jP102tlY4ocjWGu3j+w+0cLjc/A9maK+nDuaD2uLz+3XmYdeA04Gi98JLwCM6r5vNH60pHcJwxDEBGIyBAoCfDovrh6gr77UjVrivIKmrdY3vaC4eY8MjZCHjx2tTOogue9bjyzVkT9aEnT3jbKOuhfhMGl7DWQtMgdayYEyOUxagyI4Joz9aOrZFPqxLo/TrIN4AP1dK2hGakcxg/kYj+vOlzz4FhchFc2ialDxOTh+qGvOLP/YuQc+ExYCj9aJBfX0G3n6M+N0D/8ogMgl6Z4Fo5G2ItQiEGAoiUbxX1L5Bs1YmAxbIVkDprx4FecsUP0so3y10ul2xXr1uZa09SYRMRHg6J85kAdy9LuVmrLQIp8hKwZWiOWhaQeFQe47VdVUfZ6MG0ox7Mo9vPq2mNoHhw1/BnAtX8xX77RvuQM/Wft3PS0Ec+iyIeSAJZuE+98IiZW8gUj9MRB3D/CIS9Lwr4Erdol1uylN2vEu7vIBbI8xKbgDQ3if2Y5l5yha/aKm56RbgiiOZ+dNQQMibSNj+vJb9LAYh7TT2ds1MaoMUkAzhumPSaqinlnC3nNgvDj/vmsCJePfv5w/di1jgD8Pry0Tsx+0vAZ7e2+Wwsb1YcJ+GAPjenPf53tDOnH72wW310gN9RTNACPAUchmcuXbgJmXkdnbCRzyDkwJcJeGBKWg6Ykrhyn/+1cdWY176inf33U2LKfwsehJ7mDMm0FQ6BfEVcWcyJHc6aoa6boTAYauPZxY3GNCPv++Tf1iUIoIM2YM0UH/VAKuSw+P1xXl3XcBiMFiv1cn6BoAJv308z5xgfbadpI9Y9v2bfOUERodF0gP/qEEfLkE67xLLRG2Is+YRT7YSnsT4AIt5+nfvNl58xq/d5Wmjnf2LKf2iGHMYMArwFB2NtGS7YLQ+Kq8TqbgdII+nHDFK25IJ5ooWyA+6oOQx74jE4MbwDgDhMLe1Ebo8vmmz+5UN04Vd1zpTN7op7/rnx1s9gbg6Phxs9uf4ul4ej8lwOL+Zozec5kdVqV5hz99V350Aq5vZlKAuiwi8bVMK5b1ZxCMgfTgKPyj9djbIDbQPHAcjm9WheHAIm/rBAbG+h4c//z02gcVIQ4liGlYcr8UBlb4XsvyJc+Fj8835k+gudV2T9upbc/Ee/tpK1N1JSklJWvP5cFubqczx7MM07RJcUMprc3y18tlm/U0PnD9dBS1LVRJ7sBNSNgoqaRFm0UV52l/QqxJH6/XBbomr6CXOTm0spG9eHT+vH5w/XkKp5xv+nSDvj4NeSJg/TWJmrLfMqfdakS8Sw8EudW66sm6M8P05GDw+McsiwA8HgAI/9lcyst3iqe/lAs3SYslWfsjh2gV+4UnW+Bcuc6vXWr/d5OeqNGfFRHm/dTITgpBbxJzx1HFs8h4sPmO61n18lbn5cVoWMLgRsJj+6j3Qj5aNugGYksAAwuwfiBetwAHlbO5SF2x+m2pLEvSdsaad1eWlsndreCgLAPAtBA1saICg54+MM9ojOsUENgfxL3f9n58lg96v964jmEvfAWrGevgFcZEsEj0ZTEl8fox2Y70+aZHzcc4xy5rNDqcvZIbGg4LnPWzdtkHWTsfNslgJEVzIyN+8gdlyVdLomRjyo+bQ1zcNZgvb2Z9ic6UESu7J7Wj9+5zZ79mPH8elEWgqXQ84ryrk3LOSj249n1YlkN3TvTaccGlAR4fxLtzDpRGorhMRANoCyIsBem+LQpo9iPsiCK/Xn7cZi3wxACGxrEiPJO9cM6Gvdd5iytEc+uE8V+uPVR9NwuSTfH8P2FxuTBfPUE3XrUvS5KI+R1I+eOuyeY4Y7Z04dkMQ9+qfQxNst1CmIZ7EvS6D7tTUYwBFrTuGaCnlTFdyyUPrMrhtaILujSDnqwvo7mLZF3X+qUBnFoQOBmjcpDHM9S4chPblqtppHCPq4IH7sn2W1iLQ3il5c685bK9XWFsronp084GsA9b0qXmRPLQNJhXkdpgBuTeS1fOEkUwMYGMbKC6VjOmCTEMvjJhY7l4J43u+56etE147Lc6dA/WGjcOE1NrOTEgSs33VGHpkRrhgp6H7Z7t0xLGk0pGlVxpCIShEQOkyr5m9P0HS8a8exxmzV76rgaVwieWSeW1dC9l+Wtsat/yoKcyJFV+HvXXEW0ZT9F/Hz0FGRH496ZedsbDaBr2uS7dGIW8zGsMTNKgyi4/jlEEAjYtE+MrGBCnm3l3hV3mO3lz+LIsoPW+DdL5d2XOqUhZG0EvfAa3JIurP45QhE1p9CSoREVnLMhBXIK5SHcfakzb0nX2d6TM7TPvWXtV4ul5eCnF6rGJPUJc8amXBfe++iOpdmyj6IBLguyZsTS+MmFKufgV2926q64HgyAewDbsvjBQmPuVDV1iCZgTwyG6FKpd8sSNftFdRm3pDBtKM+dqu5YaCSynborrmcP73Zn7D23Xry6QSy8yb7/Sqd/JM9k7spz4DPQkECxH2/eYj87x351g3hunegy1/Mkj693R+gWeVHixeRT+OcXqVgGmnHMYn0hjr878CZl4Yaz9NkjuMSHIi+KfCdh908CAO6sVClQGWUQ7AxmVOvbztG2QlMKGgWEwd16DTSlYCt8d4b+3HBtpQFCZTSfJur6SwQKO7CpnUtjGuJ01lDen6CFH4ubp6nrJmtb4eM60ZqB10CHIxDdGwVKAwDgOlEdbr3SaM3AZ+Abk9Wj16iLRuonPxARH2ymHy2S6+rIZ6Dr75osYDq6/e1L5tA3DAC7WjGkBDdNVXPOUvEsfrtUPrFatqQR8cMjofRxazg5B8PKGMDWJjreSB+XeGoptGVQEsC1E9Wt56giL/70rnx4udjRQlVRANiXQNDbpY7ASQbAjf7dG+28BjIOElkMLMaNZ6sbz1YZh+5fJh5dJZtSx4WhQwCIIAmWg7YsykP4+iT17RnaZ/DDy+UfVsg9bSjywWfkO9FMedIuWj1pABxkZLr9YpKQdRDPon8RbjhLfWuaUpp+97b4n/fk/gSKfPnrZQ7ucjsAuL+Wc9CWRd8w5kxRN09TIHrwbTH/PVkfz2+9+2sHn+GkbcJJBOBoPNyNi2dREcY3JqtbpitJ9Pt3xJ/elfVxRA6BwQVgeDkDqGnMA3AokAMimHuWummqthTf/5Z8dJXcnzzsF7rLW3cfAA5THQptGZSFcN0k9e0ZymfgoeXyj4eoDgZyDqqiDGBXK3kNEPKX4FZFceNUNfcsFc/Rfy8TT7zfsUXpBaAD43nNRHXbOTrk5fnvyoeWy50tCHiQc3DuKQxg6XbyGkhbGFqKm6ep6yer5hTNWyqfWiPaMp/WKRndcXVTAA6FwVaIZVHsw1UT9G3nqtIgP/KefHSV+M50ddnpGsCLH4nfvS2vn6xnT1b1bXTvEvnMWpHMIeKHKbrv1vcAAA6DQaMtg5AXXxmnbz9HDYhwwAvb9WEMpC3sbqV7l8jn14mMjYg/7/gzuvvqAQAchEEIaI3mNMqCWH6rPaCYXUfWI7E7RlN/a7amURKAECcnqfDZuVO+fb5pRQhKI2lBHmCgCIl0DswoCx3GCOoFoCAwMJCy8MgqKTwI+xH2Q3jwyPvS5YkyetgyetoD55Op898VGdu4cpwG8Oxa8eQHIuztYWe/h9mAo8MFl8jOB4YNM/fE9+iBEnCwsljsz2+6mxntoaunAnCYseWe+xI9zQh/9lYvAL0A9ALQu3oB6AWgd/UC8P/n+l/9kStYo3Pk7AAAAABJRU5ErkJggg==)}
html.v770.v770 .v770mk,html.v770.v770 .cw7spark,html.v770.v770 .cw7h .cw7spark,html.v770.v770 .a7av,html.v770.v770 .a7spark,html.v770.v770 .ac-av.cw7av{background:var(--v770mk) center/cover no-repeat!important;color:transparent!important;font-size:0!important;border:0!important;animation:none}
html.v770 .v770mk,html.v770 .cw7spark{display:inline-block;flex:none;border-radius:28%}
html.v770 #hlpBtn .cw7spark{width:22px;height:22px;border-radius:7px}
html.v770 .a7av,html.v770 .ac-av.cw7av{border-radius:9px}
html.v770 .a7av.spin{animation:v770beat 1.1s ease-in-out infinite!important}
@keyframes v770beat{0%,100%{transform:scale(1);opacity:1}50%{transform:scale(.88);opacity:.75}}
@media (prefers-reduced-motion:reduce){html.v770 .a7av.spin{animation:none!important}}
/* search in the top bar: icon only */
html.v770 .hx7kbtn.v768s{min-width:40px!important;width:40px;padding:0;justify-content:center}
html.v770 .hx7kbtn.v768s .v768st,html.v770 .hx7kbtn.v768s .v768k{display:none}
/* the panel */
.cw721 .cw7p.v770p{width:min(440px,100vw)}
.v770p .cw7h{display:flex;align-items:center;gap:12px;padding:calc(env(safe-area-inset-top,0px) + 12px) 10px 12px 16px;border-bottom:0}
.v770p .cw7h .cw7spark{width:38px;height:38px;border-radius:11px}
.v770ht{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px}.v770ht h2{margin:0;font-size:17px;line-height:1.2;letter-spacing:-.01em}
.v770sub{display:flex;align-items:center;gap:8px;min-width:0}.v770sub .cw7seen{display:block;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:12px}
.v770model{display:inline-flex;align-items:center;gap:5px;flex:none;font-weight:600;font-size:11.5px;line-height:1;padding:4px 8px;border-radius:999px;background:color-mix(in srgb,#0F3D2E 9%,transparent);color:var(--text);white-space:nowrap}
.v770model i{width:6px;height:6px;border-radius:50%;background:#2F9E44}
.v770ib{width:38px;height:38px;flex:none;display:inline-grid;place-items:center;border:0;border-radius:50%;background:transparent;color:var(--muted);cursor:pointer}
.v770ib:hover,.v770ib:focus-visible{background:color-mix(in srgb,currentColor 12%,transparent);color:var(--text)}
.v770ib.v770cl{background:color-mix(in srgb,currentColor 9%,transparent);color:var(--text)}
.v770use{margin:0 16px 8px;padding:9px 12px;border-radius:12px;background:var(--bg);display:flex;flex-direction:column;gap:6px}
.v770use.v770use0{padding:6px 12px}
.v770ut{display:flex;align-items:baseline;gap:6px}.v770ut b{font-size:15px}.v770ut .sp{flex:1}
.v770us{font-size:11.5px}
.v770lnk{border:0;background:none;color:var(--accent);font-weight:600;font-size:12.5px;line-height:1;cursor:pointer;padding:4px 2px;min-height:28px}
.v770bar{display:block;height:5px;border-radius:99px;background:color-mix(in srgb,currentColor 12%,transparent);overflow:hidden}.v770bar i{display:block;height:100%;border-radius:99px;background:#0F3D2E}
.v770bar i.mid{background:#F08A24}.v770bar i.hi{background:#C92A2A}
html[data-theme="dark"] .v770bar i{background:#3FA07A}
.v770p .ai7modes{padding:2px 16px 10px;border-bottom:0;gap:6px}
.v770p .ai7modes button{min-height:32px;padding:0 12px;border-radius:999px;border:1px solid var(--line);background:transparent;color:var(--muted);font-weight:600;font-size:13px;line-height:1;white-space:nowrap}
.v770p .ai7modes button[aria-current="true"]{background:#0F3D2E;border-color:#0F3D2E;color:#fff}
.v770p .cw7tabs{padding:0 12px}.v770p .cw7tabs button{min-height:38px;font-size:13.5px}
.v770p .cw7b{padding:12px 16px calc(env(safe-area-inset-bottom,0px) + 12px)}
.v770e{display:flex;flex-direction:column;align-items:center;text-align:center;gap:8px;padding:28px 10px 8px}
.v770e .v770big{width:56px;height:56px;border-radius:16px;margin-bottom:4px}
.v770e b{font-size:20px;letter-spacing:-.01em}.v770e p{margin:0;max-width:330px;font-size:13px;line-height:1.45}
.v770emp .cw7chips{flex-direction:column;overflow:visible;gap:6px;padding:4px 0 10px}
.v770emp .cw7chips .chip{white-space:normal;text-align:left;justify-content:flex-start;min-height:42px;padding:8px 14px;border-radius:12px;border:1px solid var(--line);background:var(--panel);font-weight:500}
.v770has .cw7chips .chip{min-height:30px;font-size:12.5px;padding:0 10px}
.v770p .cw7in{border-radius:18px;padding:10px 10px 8px 14px;background:var(--panel);box-shadow:0 1px 2px rgba(0,0,0,.06),0 6px 18px rgba(0,0,0,.06)}
.v770p .cw7in:focus-within{border-color:color-mix(in srgb,#0F3D2E 45%,var(--line))}
.v770p .cw7in textarea{font-size:15px}
.v770p .cw7bar{gap:6px;flex-wrap:nowrap}
.v770p .cw7sw,.v770p .cw7mic,.v770p #cw7Lang{min-height:32px;font-size:12.5px;padding:0 10px;border-radius:999px}
.v770p #cw7Lang{border:1px solid var(--line);background:var(--panel);color:var(--muted)}
.v770p .cw7mic{width:34px;padding:0}
.v770send{width:38px;height:38px;flex:none;display:inline-grid;place-items:center;border:0;border-radius:50%;background:#F08A24;color:#fff;cursor:pointer}
.v770send:disabled{background:color-mix(in srgb,currentColor 18%,transparent);color:var(--muted);cursor:default}
.v770send:not(:disabled):hover{filter:brightness(1.06)}
@media (max-width:420px){.v770p .cw7sw{padding:0 8px}}
/* app styles */
html[data-ui="ms"] .v770p .cw7in,html[data-ui="microsoft"] .v770p .cw7in{border-radius:8px;border-bottom:2px solid #0F3D2E}
html[data-ui="ms"] .v770send,html[data-ui="microsoft"] .v770send{border-radius:6px}
html[data-ui="ms"] .v770p .ai7modes button,html[data-ui="microsoft"] .v770p .ai7modes button,html[data-ui="ms"] .v770model,html[data-ui="microsoft"] .v770model{border-radius:4px}
html[data-ui="ms"] .v770use,html[data-ui="microsoft"] .v770use{border-radius:6px}
html[data-ui="google"] .v770p .cw7in{border:0;border-radius:28px;background:color-mix(in srgb,currentColor 7%,var(--panel));box-shadow:none}
html[data-ui="google"] .v770send{border-radius:16px}
html[data-ui="google"] .v770use{border-radius:16px;background:color-mix(in srgb,#0F3D2E 7%,var(--panel))}
/* full screen */
.v770nrow{display:flex;gap:8px;align-items:stretch}.v770nrow .a7new{flex:1;min-width:0}
.v770nrow .v770sb{width:44px;min-height:44px;flex:none;display:inline-grid;place-items:center;border:1px solid var(--line);border-radius:12px;background:var(--panel);color:var(--text)}
.v770nrow .v770sb.a7on{background:color-mix(in srgb,#0F3D2E 10%,var(--panel));border-color:color-mix(in srgb,#0F3D2E 35%,var(--line))}
.a7search.v770sin{margin-top:8px}
.a7top .v770model{margin-left:8px}
.a7top .v770close{width:38px;height:38px;display:inline-grid;place-items:center;border-radius:50%;margin-left:4px}
.v770side{display:flex;flex-direction:column;gap:6px;width:100%;margin-top:8px;padding:10px 12px;border:0;border-radius:10px;background:color-mix(in srgb,currentColor 6%,transparent);color:var(--muted);font-weight:600;font-size:12px;line-height:1.2;text-align:left;cursor:pointer}
.v770pane{max-width:860px}
.v770tiles{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:10px;margin-bottom:12px}
.v770tile{display:flex;flex-direction:column;gap:5px;padding:14px;border:1px solid var(--line);border-radius:14px;background:var(--panel)}.v770tile b{font-size:20px;letter-spacing:-.01em}
.v770t{margin:8px 0}
@media (max-width:600px){.a7top .v770model{display:none}}
.v770p .cw7in textarea{border:0!important;box-shadow:none!important;background:transparent!important;padding:2px 0!important;min-height:44px}
.v770p .cw7sw.on{background:color-mix(in srgb,#0F3D2E 12%,var(--panel));border-color:#0F3D2E;color:var(--text)}
.v770lnk{color:#0F3D2E}
html[data-theme="dark"] .v770lnk{color:#6FCF97}html[data-theme="dark"] .v770p .cw7sw.on{border-color:#3FA07A;background:color-mix(in srgb,#3FA07A 18%,var(--panel))}
html[data-theme="dark"] .v770p .ai7modes button[aria-current="true"]{background:#1F6B4F;border-color:#1F6B4F}
html[data-theme="dark"] .v770model{background:color-mix(in srgb,#fff 9%,transparent)}
@media (max-width:600px){.a7top .a7ready{display:none}.a7top .a7txtb{white-space:nowrap}}
/* v7.7.1 · deductions per outlet */
.rb771{margin:14px 0 6px;padding-top:12px;border-top:1px solid var(--line)}.rb771 h4{margin:0 0 4px;font-size:15px}
.rb771t{display:flex;flex-direction:column;gap:8px;margin-top:8px}
.rb771r{display:grid;grid-template-columns:minmax(150px,1fr) 170px;gap:8px 12px;align-items:center;padding:10px 12px;border:1px solid var(--line);border-radius:12px;background:var(--panel)}
.rb771n{display:flex;flex-direction:column;gap:2px;min-width:0}.rb771s{font-size:12.5px}
.rb771r>select{min-height:40px}
.rb771own{display:none;grid-column:1/-1;flex-wrap:wrap;gap:8px 16px;align-items:center;padding-top:8px;border-top:1px dashed var(--line)}
.rb771r.rb771on .rb771own{display:flex}
.rb771own label:not(.inline){display:flex;align-items:center;gap:6px;font-size:13px}.rb771own select{min-height:36px}
@media (max-width:600px){.rb771r{grid-template-columns:1fr}.rb771r>select{width:100%}}
/* v7.7.2 · OSNL AI button, panel, phone, voice, search close */
html.v772 #hlpBtn[data-v772]{position:relative;width:40px;min-width:40px;height:40px;min-height:40px;padding:0!important;display:inline-grid!important;place-items:center;border-radius:50%;background:transparent!important;border:0!important;box-shadow:none!important;gap:0}
html.v772 #hlpBtn[data-v772]:hover,html.v772 #hlpBtn[data-v772]:focus-visible{background:color-mix(in srgb,currentColor 10%,transparent)!important}
html.v772.v772 #hlpBtn[data-v772] .cw7spark{width:30px!important;height:30px!important;border-radius:9px!important;display:block}
html[data-ui="ms"] #hlpBtn[data-v772],html[data-ui="microsoft"] #hlpBtn[data-v772]{border-radius:6px}
html[data-ui="google"] #hlpBtn[data-v772] .cw7spark{border-radius:50%!important}
.v772sr{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.v772dot{display:none}
html.v772 #hlpBtn .v772dot:not([hidden]){display:block;position:absolute;top:1px;right:-1px;min-width:17px;height:17px;padding:0 4px;border-radius:99px;background:#C92A2A;color:#fff;font-size:10px;font-weight:700;line-height:17px;text-align:center;box-shadow:0 0 0 2px var(--panel,#fff)}
html.v772 #hlpBtn[data-v772busy] .cw7spark{animation:v770beat 1.1s ease-in-out infinite!important}
@media (prefers-reduced-motion:reduce){html.v772 #hlpBtn[data-v772busy] .cw7spark{animation:none!important}}
/* panel */
.v772use{display:flex;align-items:center;gap:8px;margin:0 16px 8px;padding:8px 12px;min-height:38px;border:0;border-radius:12px;background:var(--bg);color:var(--text);font:inherit;font-size:13px;text-align:left;cursor:pointer;width:calc(100% - 32px)}
.v772use b{font-size:14px}.v772use .v770bar{flex:1;min-width:40px}.v772use .sp{flex:1}.v772chev{color:var(--muted);font-size:18px;line-height:1}
.v772sk{display:block;height:38px;background:linear-gradient(90deg,var(--bg) 0%,color-mix(in srgb,currentColor 6%,var(--bg)) 50%,var(--bg) 100%);background-size:200% 100%;animation:v772sk 1.2s linear infinite}
@keyframes v772sk{from{background-position:200% 0}to{background-position:-200% 0}}
.v770ib.on{background:color-mix(in srgb,currentColor 12%,transparent);color:var(--text)}
.v772menu{position:absolute;top:calc(env(safe-area-inset-top,0px) + 58px);right:54px;z-index:6;min-width:230px;display:flex;flex-direction:column;padding:6px;background:var(--panel);border:1px solid var(--line);border-radius:14px;box-shadow:0 14px 36px rgba(0,0,0,.2)}
.v772menu button{min-height:42px;padding:0 12px;border:0;border-radius:10px;background:none;color:var(--text);font:inherit;font-size:14px;text-align:left;cursor:pointer}
.v772menu button:hover,.v772menu button:focus-visible{background:var(--bg)}
html[data-ui="ms"] .v772menu,html[data-ui="microsoft"] .v772menu{border-radius:8px}html[data-ui="ms"] .v772menu button,html[data-ui="microsoft"] .v772menu button{border-radius:4px}
.v770p .cw7b{overflow-y:auto}
.v770emp .cw7msgs{flex:none;min-height:0;overflow:visible}
.v770p .cw7in{position:sticky;bottom:0;margin-top:auto;z-index:2}
.v770emp .cw7chips{padding-bottom:12px}
.v770p .cw7mic{display:inline-grid;place-items:center}
.cw7mic.on,.a7mic.on{background:#C92A2A!important;border-color:#C92A2A!important;color:#fff!important;animation:cw7pulse 1.2s infinite}
/* full screen */
.a7mic{width:38px;height:38px;flex:none;display:inline-grid;place-items:center;margin-right:6px;border:1px solid var(--line);border-radius:50%;background:transparent;color:var(--muted);cursor:pointer}
.a7mic:hover{color:var(--text);background:color-mix(in srgb,currentColor 8%,transparent)}
.a7inbar .a7hint{flex:1}
.v772m{font-weight:600;color:var(--text)}
@media (pointer:coarse){html.v772 .a7{top:var(--v772vt,0px);bottom:auto;height:var(--v772vh,100dvh)}html.v772 .cw721 .cw7p{top:var(--v772vt,0px);bottom:auto;height:var(--v772vh,100dvh)}}
@media (max-width:600px){
  .a7chips{flex-wrap:nowrap!important;overflow-x:auto;justify-content:flex-start!important;padding-bottom:4px;scrollbar-width:none;width:100%}.a7chips::-webkit-scrollbar{display:none}
  .a7chips button{flex:none;white-space:nowrap;font-size:13px}
  .a7hello h1{font-size:24px!important}.a7empty{padding-left:14px!important;padding-right:14px!important}
  .a7inbar .a7hint{display:none}.a7inbar{justify-content:flex-end}}
/* search: Close on touch screens, Esc on keyboards */
.v772kx{width:38px;height:38px;flex:none;display:inline-grid;place-items:center;border:0;border-radius:50%;background:color-mix(in srgb,currentColor 9%,transparent);color:inherit;cursor:pointer;margin-left:6px}
@media (hover:none),(pointer:coarse){.hx7kin kbd.v772esc{display:none}}
/* v7.7.3 · late and early check */
.v773rule{margin:0 0 8px;padding:8px 10px;border-radius:10px;background:var(--bg);font-size:13px;line-height:1.4}
.v773stale{margin:0 0 8px;padding:8px 10px;border-radius:10px;background:color-mix(in srgb,#C92A2A 10%,var(--panel));border:1px solid color-mix(in srgb,#C92A2A 35%,transparent);font-size:13px;line-height:1.4}
.v773l li{grid-template-columns:96px 1fr minmax(180px,auto)}
.v773c{display:flex;flex-direction:column;gap:6px;align-items:flex-end}
.v773t{display:flex;flex-direction:column;align-items:flex-end;gap:2px;text-align:right}.v773t em{font-style:normal;font-size:11.5px;color:var(--muted);max-width:240px}.v773t em.v773d{color:var(--text);font-weight:600}
.v773n{margin:8px 0 0;padding-left:18px;font-size:12.5px;color:var(--muted)}
.v773card{padding:0;overflow:hidden;margin-bottom:12px}
.v773h{display:flex;align-items:center;gap:12px;width:100%;min-height:56px;padding:12px 16px;border:0;background:none;color:var(--text);font:inherit;text-align:left;cursor:pointer}
.v773h>span:nth-child(2){flex:1;display:flex;flex-direction:column;gap:2px}.v773h em{font-style:normal;font-size:13px;color:var(--muted)}.v773w{color:#C92A2A}
.v773ic{width:36px;height:36px;display:inline-grid;place-items:center;border-radius:10px;background:color-mix(in srgb,#F08A24 16%,var(--panel));font-size:18px}.v773ch{color:var(--muted)}
.v773b{padding:0 16px 14px}
.v773rows{display:flex;flex-direction:column;gap:6px;max-height:520px;overflow:auto}
.v773r{display:grid;grid-template-columns:minmax(140px,1.2fr) minmax(120px,1fr) minmax(160px,1.3fr);gap:10px;align-items:center;padding:10px 12px;border:1px solid var(--line);border-radius:12px;background:var(--panel);color:var(--text);font:inherit;font-size:13px;text-align:left;cursor:pointer}
.v773r:hover{border-color:color-mix(in srgb,#0F3D2E 40%,var(--line))}.v773r.st{border-color:color-mix(in srgb,#C92A2A 45%,var(--line))}
.v773nm{display:flex;flex-direction:column;gap:2px}.v773nm em{font-style:normal;color:var(--muted);font-size:12px}
.v773s{display:flex;flex-direction:column;align-items:flex-start;gap:3px}.v773s em{font-style:normal;color:var(--muted);font-size:12px}
@media (max-width:600px){.v773r{grid-template-columns:1fr}.v773l li{grid-template-columns:1fr}.v773c,.v773t{align-items:flex-start;text-align:left}}
/* v7.7.4 · HR phase 1 */
.v774card .mkch{flex-wrap:wrap;gap:4px 12px}
.v774gl{display:flex;flex-direction:column;gap:4px;margin:6px 0 14px;overflow-x:auto}
.v774g{display:grid;grid-template-columns:minmax(120px,1.4fr) 70px 90px minmax(140px,1.6fr) 90px;gap:8px;align-items:center;padding:8px 12px;border:1px solid var(--line);border-radius:10px;background:var(--panel);color:var(--text);font:inherit;font-size:13px;text-align:left;cursor:pointer;min-width:540px}
.v774g.on{border-color:#0F3D2E;box-shadow:inset 3px 0 0 #F08A24}.v774gh{background:none;border:0;cursor:default;color:var(--muted);font-size:12px;padding-top:0;padding-bottom:0}.v774gh b{font-weight:600}
.v774tabs{display:flex;overflow-x:auto;max-width:100%;scrollbar-width:none;margin-bottom:10px}.v774tabs::-webkit-scrollbar{display:none}.v774tabs button{flex:none;white-space:nowrap}
.v774f{align-items:end}.v774f label .hint{display:block;font-size:11.5px;margin-top:3px}
.v774own{display:none;flex-wrap:wrap;gap:8px 16px;align-items:center;padding:10px 12px;border:1px dashed var(--line);border-radius:10px}.v774own.on{display:flex}
.v774np{display:none!important}.v774np.on{display:flex!important;flex-direction:column}
.v774ex{margin-top:14px;padding-top:12px;border-top:1px solid var(--line)}.v774exb label{display:flex;flex-direction:column;gap:4px;max-width:420px;font-size:13px}
.v774sum{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:10px 0}.v774sum span{display:flex;flex-direction:column;gap:2px;padding:10px 12px;border-radius:12px;background:var(--bg)}.v774sum em{font-style:normal;font-size:12px;color:var(--muted)}.v774sum b{font-size:18px}.v774sum i{font-style:normal;font-size:12px;color:var(--muted)}
.v774hide{display:none!important}.v774moved{margin:10px 0}
.v774chk{padding:0;overflow:hidden;margin-bottom:12px}.v774chk.bad{border-left:4px solid #F08A24}.v774chk.ok{border-left:4px solid #2F9E44}
.v774cc{display:flex;flex-wrap:wrap;gap:6px;padding:0 16px 12px}.v774c{display:inline-flex;gap:6px;align-items:center;padding:4px 10px;border-radius:999px;background:var(--bg);font-size:12.5px}
.v774cl{padding:0 16px 14px}.v774cg h4{margin:8px 0 6px;font-size:13px}.v774cg{margin-bottom:6px}
.v774ci{display:inline-flex;gap:8px;align-items:center;margin:0 6px 6px 0;padding:6px 10px;min-height:36px;border:1px solid var(--line);border-radius:10px;background:var(--panel);color:var(--text);font:inherit;font-size:13px;cursor:pointer}.v774ci span{color:var(--muted);font-size:12px}
.v774dry .v773h{cursor:default}.v774dt{display:flex;flex-wrap:wrap;gap:8px 18px;margin-bottom:8px;font-size:13.5px}.v774up{color:#2F9E44}.v774dn{color:#C92A2A}
.v774at{display:inline-block;margin-left:4px;padding:1px 6px;border-radius:6px;background:color-mix(in srgb,#F08A24 16%,transparent);font-size:11px;font-weight:600}
@media (max-width:600px){.v774sum{grid-template-columns:1fr}}
/* v7.7.5 · HR phases 2 and 3 */
.v775lab .mkch{flex-wrap:wrap;gap:4px 12px}.v775lab .ok,.v775c.ok b,.v775lp.ok{color:#2F9E44}.v775lab .mid,.v775c.mid b,.v775lp.mid{color:#C77700}.v775lab .hi,.v775c.hi b,.v775lp.hi{color:#C92A2A}
.v775lw{overflow-x:auto;display:flex;flex-direction:column;gap:6px;padding-bottom:4px}
.v775lr{display:grid;grid-template-columns:150px repeat(var(--v775n,8),minmax(92px,1fr));gap:6px;min-width:calc(150px + var(--v775n,8) * 98px)}
.v775lh span{font-size:12px;color:var(--muted);text-align:center}.v775lh span:first-child{text-align:left}.v775lh .today{color:var(--text);font-weight:700}
.v775o{display:flex;flex-direction:column;gap:3px;justify-content:center}.v775o em{font-style:normal;font-size:12px;color:var(--muted)}.v775tg{display:flex;align-items:center;gap:4px;font-size:12px;color:var(--muted)}.v775tg input{width:52px;min-height:30px;padding:2px 6px}
.v775c{display:flex;flex-direction:column;gap:1px;padding:8px;border-radius:10px;background:var(--bg);text-align:center;font-size:12px}.v775c b{font-size:15px}.v775c i{font-style:normal}.v775c em{font-style:normal;color:var(--muted);font-size:11px}
.v775c.ok{box-shadow:inset 0 -3px 0 #2F9E44}.v775c.mid{box-shadow:inset 0 -3px 0 #F08A24}.v775c.hi{box-shadow:inset 0 -3px 0 #C92A2A}.v775t{background:color-mix(in srgb,#0F3D2E 7%,var(--bg))}
.v775of{margin-bottom:10px;padding:12px;border:1px dashed var(--line);border-radius:12px}
.v775ol{display:flex;flex-direction:column;gap:8px}.v775os{display:flex;flex-wrap:wrap;gap:8px 14px;align-items:center;justify-content:space-between;padding:10px 12px;border:1px solid var(--line);border-radius:12px;background:var(--panel)}
.v775oh{display:flex;flex-direction:column;gap:2px}.v775oh span{font-size:13px;color:var(--muted)}.v775cl{display:flex;flex-wrap:wrap;gap:6px;align-items:center}.v775who{display:inline-flex;gap:6px;align-items:center;padding:4px 4px 4px 10px;border-radius:999px;background:var(--bg)}.v775x{color:var(--muted)}
.v775st .v775cl .btn{min-height:44px}
.v775tgrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:10px}
.v775to{border:1px solid var(--line);border-radius:14px;padding:12px;background:var(--panel)}.v775toh{display:flex;justify-content:space-between;align-items:center;gap:8px}.v775lp{font-weight:700;font-size:13px}
.v775cnt{display:flex;flex-wrap:wrap;gap:4px;margin:6px 0}.v775pp{list-style:none;margin:6px 0 0;padding:0;display:flex;flex-direction:column;gap:4px;max-height:300px;overflow:auto}
.v775pp li{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:6px 0;border-top:1px solid var(--line)}.v775pp li span:first-child{display:flex;flex-direction:column;min-width:0}.v775pp em{font-style:normal;font-size:12px;color:var(--muted)}
.v775dh{display:flex;align-items:center;justify-content:space-between}.v775dv{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}.v775dv li{display:grid;grid-template-columns:minmax(140px,1fr) 1fr auto;gap:8px;align-items:center;padding:8px 10px;border-radius:10px;background:var(--bg);font-size:13px}.v775dv li span:nth-child(2){color:var(--muted)}
.v775dl{display:flex;flex-direction:column;gap:6px}.v775dr{display:grid;grid-template-columns:1.3fr 1fr 150px 1fr;gap:6px}.v775dr>*{min-height:40px;min-width:0}
.v775cw{display:flex;flex-direction:column;gap:6px}.v775cp{border:1px solid var(--line);border-radius:12px;padding:8px 12px;background:var(--panel)}.v775cp summary{display:flex;gap:10px;align-items:baseline;cursor:pointer;min-height:36px;flex-wrap:wrap}
.v775cx{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding-top:8px}.v775cx>div{display:flex;flex-direction:column;gap:4px}.v775cx em{font-style:normal;font-weight:600;font-size:13px}.v775mp{margin:12px 0 4px}
.v775pt{display:flex;flex-direction:column;gap:2px;margin:4px 0 8px}.v775pt b{font-size:28px;letter-spacing:-.01em}.v775pt span{color:var(--muted);font-size:13px}
.v775pi{list-style:none;margin:8px 0 0;padding:0}.v775pi li{display:flex;justify-content:space-between;gap:10px;padding:6px 0;border-top:1px solid var(--line);font-size:13px}.v775pi .neg{color:#C92A2A}
@media (max-width:600px){.v775dr{grid-template-columns:1fr 1fr}.v775dv li{grid-template-columns:1fr auto}.v775dv li span:nth-child(2){grid-column:1/-1;order:3}.v775cx{grid-template-columns:1fr}.v775tgrid{grid-template-columns:1fr}}
/* v7.7.7 · Home for owners */
.hm7hero{display:flex;flex-direction:column;gap:10px;margin:0 0 14px;padding:16px 18px;border-radius:20px;background:linear-gradient(135deg,#0F3D2E,#145A43);color:#fff;box-shadow:0 10px 30px rgba(15,61,46,.25)}
.hm7hero.day{background:linear-gradient(135deg,#1B4F3C,#2C6E52)}
.hm7top{display:flex;justify-content:space-between;align-items:center;gap:8px;width:100%;padding:0;border:0;background:none;color:inherit;font:inherit;font-size:14px;font-weight:600;cursor:pointer;text-align:left}
.hm7go{font-weight:600;font-size:13px;color:#F8B26A;white-space:nowrap}
.hm7big{display:flex;flex-wrap:wrap;align-items:baseline;gap:6px 10px}.hm7big b{font-size:38px;line-height:1.05;letter-spacing:-.02em}.hm7big>span{flex-basis:100%;font-size:13px;opacity:.8}
.hm7chg{font-weight:700;font-size:14px;padding:2px 8px;border-radius:999px;background:rgba(255,255,255,.14)}.hm7chg.up{color:#8BE3A9}.hm7chg.dn{color:#FFB4A9}
.hm7stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:8px}.hm7stats span{display:flex;flex-direction:column;gap:1px;padding:8px 10px;border-radius:12px;background:rgba(255,255,255,.09)}.hm7stats b{font-size:18px}.hm7stats em{font-style:normal;font-size:12px;opacity:.8}
.hm7stats .warn b{color:#F8B26A}
.hm7out{list-style:none;margin:0;padding:0;display:flex;flex-direction:column}.hm7out li{display:grid;grid-template-columns:1fr auto auto 76px;gap:8px;align-items:center;padding:7px 0;border-top:1px solid rgba(255,255,255,.12);font-size:14px}
.hm7out li span{font-weight:700}.hm7out li em{font-style:normal;font-size:12px;opacity:.75;text-align:right}.hm7out .hm7chg{font-size:11.5px;padding:1px 6px}
.hm7ev{margin:0;font-size:13px;padding:8px 10px;border-radius:10px;background:rgba(240,138,36,.18);color:#FFD8B0}
.hm7sk .hm7big{height:46px;border-radius:10px;background:rgba(255,255,255,.08)}
.hm7needs{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.hm7n{min-height:38px;padding:0 14px;border-radius:999px;border:1px solid rgba(255,255,255,.22);background:rgba(255,255,255,.08);color:inherit;font:inherit;font-size:13px;font-weight:600;cursor:pointer}
.hm7g .dhon{display:none!important}
.hm7chips{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}.hm7c{display:inline-flex;align-items:center;gap:6px;min-height:32px;padding:0 12px;border-radius:999px;border:1px solid var(--line);background:var(--panel);color:var(--text);font:inherit;font-size:13px;font-weight:600;cursor:pointer}
.hm7dot{width:8px;height:8px;border-radius:50%;background:#2F9E44}
html[data-ui="ms"] .hm7hero,html[data-ui="microsoft"] .hm7hero{border-radius:8px}html[data-ui="google"] .hm7hero{border-radius:28px}
@media (max-width:700px){html.hm777 #onBtn,html.hm777 #bdBtn,html.hm777 .whobox [title="Notes"],html.hm777 .whobox [aria-label="Notes"]{display:none!important}
  .hm7hero{padding:14px;border-radius:18px}.hm7big b{font-size:32px}.hm7out li{grid-template-columns:1fr auto auto;}.hm7out li em{display:none}
  .hm7g{padding-top:14px!important;padding-bottom:14px!important}.hm7g h2,.hm7g h1{font-size:24px!important}}
/* OSNL AI panel: wide answers (tables) stay inside the phone */
#cw721 .cw7msgs{overflow-x:hidden}
#cw721 .cw7msgs .ac-msg{max-width:100%;min-width:0}
#cw721 .cw7msgs .ac-bub{min-width:0;max-width:100%;overflow-wrap:anywhere;box-sizing:border-box}
#cw721 .cw7msgs .ac-msg.agent{display:grid;grid-template-columns:auto minmax(0,1fr);gap:8px;align-items:start}
#cw721 .cw7t{max-width:100%}#cw721 .cw7tw{max-width:100%;overflow:auto}
.a7t{min-width:0}.a7cards{max-width:100%;overflow:hidden}.a7cards .cw7tw{overflow:auto}
/* v7.7.8 · business day label */
.p778r{display:inline-block;margin-left:6px;font-size:12px;font-weight:500;color:var(--muted);letter-spacing:0}
/* v7.7.8 · OSNL AI like Claude */
html.ai778{--cl8-ink:var(--text);--cl8-mut:var(--muted);--cl8-ln:var(--line);--cl8-u:color-mix(in srgb,var(--text) 7%,var(--panel));--cl8-send:#F08A24;--cl8-r:24px;--cl8-serif:"Iowan Old Style","Palatino Linotype","Book Antiqua",Georgia,"Times New Roman",serif}
html.ai778[data-ui="ms"],html.ai778[data-ui="microsoft"]{--cl8-r:10px}
html.ai778[data-ui="google"]{--cl8-r:28px}
/* panel */
html.ai778 .cw7p.cl8p{display:flex;flex-direction:column;padding:0;gap:0;overflow:hidden;background:var(--panel)}
html.ai778 .cl8h{position:relative;display:flex;align-items:center;gap:4px;min-height:54px;padding:6px 8px 6px 14px;border-bottom:1px solid transparent;flex:none}
html.ai778 .cl8p.has .cl8h{border-bottom-color:var(--cl8-ln)}
html.ai778 .cl8hm{width:24px;height:24px;margin-right:6px}
html.ai778 .cl8ht{display:flex;flex-direction:column;min-width:0;flex:1}
html.ai778 .cl8ht h2{margin:0;font-size:16px;font-weight:650;line-height:1.2;color:var(--cl8-ink)}
html.ai778 .cl8ht span{font-size:12px;color:var(--cl8-mut);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
html.ai778 .cl8ib{position:relative;display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;flex:none;border:0;border-radius:12px;background:transparent;color:var(--cl8-ink);cursor:pointer}
html.ai778 .cl8ib:hover,html.ai778 .cl8ib.on{background:var(--cl8-u)}
html.ai778 .cl8ib:focus-visible,html.ai778 .cl8a:focus-visible,html.ai778 .cl8send:focus-visible,html.ai778 .cl8plus:focus-visible{outline:2px solid var(--cl8-send);outline-offset:1px}
html.ai778 .cl8dot{position:absolute;top:8px;right:8px;width:8px;height:8px;border-radius:50%;background:var(--cl8-send);box-shadow:0 0 0 2px var(--panel)}
html.ai778 .cl8warn{margin:8px 14px 0;padding:8px 12px;border-radius:12px;background:color-mix(in srgb,#C0392B 10%,var(--panel));color:#B3261E;font-size:13px}
html.ai778 .cl8b{flex:1;min-height:0;display:flex;flex-direction:column;padding:0!important;overflow:hidden}
html.ai778 .cl8pane{flex:1;overflow:auto;padding:12px 16px 20px;-webkit-overflow-scrolling:touch}
/* menus */
html.ai778 .cl8menu{position:absolute;z-index:30;min-width:240px;max-width:min(320px,calc(100vw - 24px));padding:6px;border-radius:16px;background:var(--panel);border:1px solid var(--cl8-ln);box-shadow:0 12px 40px rgba(0,0,0,.18);display:flex;flex-direction:column;gap:2px;animation:cl8pop .14s ease-out}
html.ai778 .cl8mm{top:50px;right:8px}
html.ai778 .cl8pm{bottom:calc(100% + 8px);left:0}
html.ai778 .cl8menu button{display:flex;align-items:center;gap:10px;width:100%;min-height:44px;padding:8px 10px;border:0;border-radius:10px;background:transparent;color:var(--cl8-ink);font:inherit;font-size:14px;text-align:left;cursor:pointer}
html.ai778 .cl8menu button:hover{background:var(--cl8-u)}
html.ai778 .cl8menu button>span:first-child{width:22px;text-align:center;flex:none}
html.ai778 .cl8menu button>span:nth-child(2){flex:1;display:flex;flex-direction:column}
html.ai778 .cl8menu b{font-weight:600}html.ai778 .cl8menu small{color:var(--cl8-mut);font-size:12px}
html.ai778 .cl8menu svg{color:var(--cl8-send)}
@keyframes cl8pop{from{opacity:0;transform:translateY(4px) scale(.98)}to{opacity:1;transform:none}}
/* conversation */
html.ai778 .cl8c{position:relative;flex:1;min-height:0;display:flex;flex-direction:column}
html.ai778 .cl8scroll{flex:1;min-height:0;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;overscroll-behavior:contain}
html.ai778 .cl8col{max-width:760px;margin:0 auto;padding:18px 16px 8px;display:flex;flex-direction:column;gap:18px}
html.ai778 .cl8m{display:flex;flex-direction:column;min-width:0}
html.ai778 .cl8m.me{align-items:flex-end}
html.ai778 .cl8u{max-width:86%;padding:10px 15px;border-radius:20px;background:var(--cl8-u);color:var(--cl8-ink);font-size:15px;line-height:1.5;white-space:normal;overflow-wrap:anywhere}
html.ai778[data-ui="ms"] .cl8u,html.ai778[data-ui="microsoft"] .cl8u{border-radius:10px}
html.ai778 .cl8job{font-size:11.5px;font-weight:600;color:var(--cl8-mut);margin:0 6px 4px}
html.ai778 .cl8txt{color:var(--cl8-ink);font-size:15.5px;line-height:1.62;overflow-wrap:anywhere}
html.ai778 .cl8txt>*{margin:0 0 .7em}html.ai778 .cl8txt>*:last-child{margin-bottom:0}
html.ai778 .cl8txt h3{font-size:18px;font-weight:650;margin:1em 0 .4em;line-height:1.3}html.ai778 .cl8txt h4{font-size:16.5px;font-weight:650;margin:.9em 0 .35em}html.ai778 .cl8txt h5,html.ai778 .cl8txt h6{font-size:15.5px;font-weight:650;margin:.8em 0 .3em}
html.ai778 .cl8txt>h3:first-child,html.ai778 .cl8txt>h4:first-child{margin-top:0}
html.ai778 .cl8txt ul,html.ai778 .cl8txt ol{padding-left:1.4em}html.ai778 .cl8txt li{margin:.25em 0}html.ai778 .cl8txt li::marker{color:var(--cl8-mut)}
html.ai778 .cl8txt .cl8sub{display:inline-block;padding-left:.6em;color:var(--cl8-ink)}
html.ai778 .cl8txt code{padding:.1em .38em;border-radius:6px;background:var(--cl8-u);font:13.5px/1.4 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}
html.ai778 .cl8txt .cl8pre{margin:.4em 0 .8em;padding:12px 14px;border-radius:12px;background:#0F1A16;color:#E6EFEA;overflow:auto;font:13px/1.55 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}
html.ai778 .cl8txt .cl8pre code{padding:0;background:none;color:inherit}
html.ai778 .cl8txt blockquote{margin:.4em 0 .8em;padding:2px 0 2px 14px;border-left:3px solid var(--cl8-ln);color:var(--cl8-mut)}
html.ai778 .cl8txt hr{border:0;border-top:1px solid var(--cl8-ln);margin:1em 0}
html.ai778 .cl8txt a{color:inherit;text-decoration:underline;text-decoration-color:color-mix(in srgb,var(--cl8-send) 70%,transparent);text-underline-offset:2px}
html.ai778 .cl8tw{max-width:100%;overflow-x:auto;margin:.3em 0 .9em;border:1px solid var(--cl8-ln);border-radius:12px;-webkit-overflow-scrolling:touch}
html.ai778 .cl8tw table{border-collapse:collapse;width:100%;font-size:13.5px;line-height:1.45}
html.ai778 .cl8tw th{background:var(--cl8-u);font-weight:600;text-align:left;white-space:nowrap}
html.ai778 .cl8tw th,html.ai778 .cl8tw td{padding:7px 11px;border-bottom:1px solid var(--cl8-ln);vertical-align:top}
html.ai778 .cl8tw tr:last-child td{border-bottom:0}
html.ai778 .cl8cards{margin-top:10px;display:flex;flex-direction:column;gap:8px;min-width:0}
html.ai778 .cl8cards>*{max-width:100%;min-width:0}
html.ai778 .cl8m.err .cl8txt{color:#B3261E}
html.ai778 .cl8stopped{margin:0;font-size:14px;color:var(--cl8-mut);font-style:italic}
/* tools used */
html.ai778 .cl8tl{margin:0 0 8px;font-size:13px;color:var(--cl8-mut)}
html.ai778 .cl8tl summary{display:inline-flex;align-items:center;gap:6px;min-height:28px;padding:2px 10px 2px 8px;border-radius:999px;border:1px solid var(--cl8-ln);cursor:pointer;list-style:none;user-select:none}
html.ai778 .cl8tl summary::-webkit-details-marker{display:none}
html.ai778 .cl8tl summary svg:first-child{color:#2F9E44}html.ai778 .cl8tl summary svg:last-child{transition:transform .15s}html.ai778 .cl8tl[open] summary svg:last-child{transform:rotate(90deg)}
html.ai778 .cl8tl ul{margin:6px 0 0;padding:0 0 0 22px}html.ai778 .cl8tl li{margin:2px 0}
/* actions under a message */
html.ai778 .cl8acts{display:flex;align-items:center;gap:2px;margin-top:6px;min-height:32px}
html.ai778 .cl8a{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-width:32px;height:32px;padding:0 6px;border:0;border-radius:8px;background:transparent;color:var(--cl8-mut);font:inherit;font-size:13px;cursor:pointer}
html.ai778 .cl8a:hover{background:var(--cl8-u);color:var(--cl8-ink)}html.ai778 .cl8a.done{color:#2F9E44}
html.ai778 .cl8end{width:22px;height:22px;margin-left:auto;opacity:.95}
@media (hover:hover){html.ai778 .cl8m.me .cl8ua{opacity:0;transition:opacity .15s}html.ai778 .cl8m.me:hover .cl8ua,html.ai778 .cl8m.me .cl8ua:focus-within{opacity:1}
  html.ai778 .cl8m.ai:not(:last-of-type) .cl8acts{opacity:0;transition:opacity .15s}html.ai778 .cl8m.ai:hover .cl8acts,html.ai778 .cl8m.ai .cl8acts:focus-within{opacity:1}}
/* writing */
html.ai778 .cl8rev .cl8cards,html.ai778 .cl8rev .cl8acts,html.ai778 .cl8rev .cl8tl{opacity:0}
html.ai778 .cl8m.ai:not(.cl8rev) .cl8cards{animation:cl8in .3s ease-out}
@keyframes cl8in{from{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}
html.ai778 .cl8work{flex-direction:row;align-items:center;gap:10px;min-height:32px}
html.ai778 .cl8spin{width:24px;height:24px;flex:none;animation:cl8spin 1.6s cubic-bezier(.5,.1,.5,.9) infinite}
@keyframes cl8spin{0%{transform:rotate(0) scale(1)}50%{transform:rotate(180deg) scale(.86)}100%{transform:rotate(360deg) scale(1)}}
html.ai778 .cl8shim{font-size:14.5px;font-weight:500;color:transparent;background:linear-gradient(90deg,var(--cl8-mut) 0%,var(--cl8-mut) 35%,var(--cl8-ink) 50%,var(--cl8-mut) 65%,var(--cl8-mut) 100%);background-size:250% 100%;-webkit-background-clip:text;background-clip:text;animation:cl8shim 1.8s linear infinite}
@keyframes cl8shim{from{background-position:100% 0}to{background-position:-150% 0}}
@media (prefers-reduced-motion:reduce){html.ai778 .cl8spin,html.ai778 .cl8shim{animation:none}html.ai778 .cl8shim{color:var(--cl8-mut)}}
/* composer */
html.ai778 .cl8foot{flex:none;padding:6px 12px calc(10px + env(safe-area-inset-bottom));background:linear-gradient(to bottom,transparent,var(--panel) 14px)}
html.ai778 .cl8fcol{max-width:760px;margin:0 auto}
html.ai778 .cl8in{position:relative;display:flex;flex-direction:column;gap:2px;padding:10px 10px 8px 14px;border:1px solid var(--cl8-ln);border-radius:var(--cl8-r);background:var(--panel);box-shadow:0 2px 14px rgba(0,0,0,.06);transition:border-color .15s,box-shadow .15s}
html.ai778 .cl8in:focus-within{border-color:color-mix(in srgb,var(--cl8-ink) 28%,var(--cl8-ln));box-shadow:0 4px 20px rgba(0,0,0,.09)}
html.ai778 .cl8in textarea{width:100%;min-height:26px;max-height:220px;margin:0;padding:4px 2px;border:0!important;outline:0;background:transparent!important;box-shadow:none!important;color:var(--cl8-ink);font:inherit;font-size:16px;line-height:1.5;resize:none;overflow-y:auto}
html.ai778 .cl8in textarea::placeholder{color:var(--cl8-mut)}
html.ai778 .cl8bar{display:flex;align-items:center;gap:6px;min-height:36px}
html.ai778 .cl8bar .sp{flex:1}
html.ai778 .cl8plus{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;flex:none;border:1px solid var(--cl8-ln);border-radius:50%;background:transparent;color:var(--cl8-ink);cursor:pointer}
html.ai778 .cl8plus:hover,html.ai778 .cl8plus.on{background:var(--cl8-u)}
html.ai778 .cl8pill{display:inline-flex;align-items:center;gap:6px;height:30px;padding:0 10px;border:1px solid var(--cl8-ln);border-radius:999px;background:transparent;color:var(--cl8-mut);font:inherit;font-size:12.5px;font-weight:600;cursor:pointer;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}
html.ai778 .cl8pill.on{color:#0F3D2E;border-color:color-mix(in srgb,#0F3D2E 30%,transparent);background:color-mix(in srgb,#0F3D2E 9%,transparent)}
html.ai778 .cl8model{font-size:12.5px;color:var(--cl8-mut);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:42%}
html.ai778 .cl8send{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;flex:none;border:0;border-radius:12px;background:var(--cl8-send);color:#fff;cursor:pointer;transition:opacity .15s,transform .1s}
html.ai778[data-ui="google"] .cl8send{border-radius:50%}
html.ai778 .cl8in:not(.has) .cl8send:not(.stop){opacity:.38}
html.ai778 .cl8send:active{transform:scale(.94)}
html.ai778 .cl8send.stop{background:var(--cl8-ink);color:var(--panel);border-radius:50%}
html.ai778 .cl8note{margin:6px 0 0;text-align:center;font-size:11.5px;color:var(--cl8-mut)}
html.ai778 .cl8down{position:absolute;left:50%;bottom:calc(118px + env(safe-area-inset-bottom));transform:translateX(-50%);z-index:5;display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;border:1px solid var(--cl8-ln);border-radius:50%;background:var(--panel);color:var(--cl8-ink);box-shadow:0 4px 14px rgba(0,0,0,.14);cursor:pointer}
html.ai778 .cl8down[hidden]{display:none}
/* empty state */
html.ai778 .cl8empty{justify-content:center;padding:18px 16px calc(18px + env(safe-area-inset-bottom));gap:16px;overflow-y:auto}
html.ai778 .cl8empty>*{width:100%;max-width:680px;margin-left:auto;margin-right:auto}
html.ai778 .cl8hello{display:flex;align-items:center;justify-content:center;gap:12px}
html.ai778 .cl8big{width:36px;height:36px;flex:none}
html.ai778 .cl8hello h1{margin:0;font-family:var(--cl8-serif);font-weight:400;font-size:28px;line-height:1.2;letter-spacing:-.01em;color:var(--cl8-ink);text-align:center}
html.ai778 .cl8empty.pg .cl8hello h1{font-size:clamp(28px,4vw,40px)}html.ai778 .cl8empty.pg .cl8big{width:44px;height:44px}
html.ai778 .cl8empty .cl8in textarea{min-height:52px}
html.ai778 .cl8chips{display:flex;flex-wrap:wrap;justify-content:center;gap:8px}
html.ai778 .cl8chips button{min-height:36px;padding:6px 14px;border:1px solid var(--cl8-ln);border-radius:999px;background:transparent;color:var(--cl8-ink);font:inherit;font-size:13.5px;cursor:pointer;text-align:left}
html.ai778 .cl8chips button:hover{background:var(--cl8-u)}
html.ai778[data-ui="ms"] .cl8chips button,html.ai778[data-ui="microsoft"] .cl8chips button{border-radius:8px}
/* full screen */
html.ai778 .a7main>.cl8c{flex:1;min-height:0}
html.ai778 .a7main .v770model{display:none}
html.ai778 .a7main .cl8foot{background:linear-gradient(to bottom,transparent,var(--bg,var(--panel)) 14px)}
html.ai778 .cl8c.pg .cl8txt{font-size:16px}
/* dark */
html.ai778[data-theme="dark"] .cl8pill.on,html.ai778.dark .cl8pill.on{color:#9FE0BF;border-color:rgba(159,224,191,.35);background:rgba(159,224,191,.1)}
html.ai778[data-theme="dark"] .cl8m.err .cl8txt,html.ai778.dark .cl8m.err .cl8txt{color:#FFB4A9}
/* phone: the panel is the whole screen, like the Claude app */
@media (max-width:700px){html.ai778 .cw7p.cl8p{inset:0!important;width:100%!important;max-width:none!important;height:var(--v772vh,100dvh)!important;top:var(--v772vt,0)!important;border-radius:0!important;padding-top:env(safe-area-inset-top)!important}
  html.ai778 .cl8col{padding:14px 14px 6px;gap:16px}
  html.ai778 .cl8u{max-width:88%}
  html.ai778 .cl8hello h1{font-size:25px}
  html.ai778 .cl8chips{flex-wrap:nowrap;justify-content:flex-start;overflow-x:auto;scrollbar-width:none;margin:0 -16px;padding:0 16px;width:auto;max-width:none}
  html.ai778 .cl8chips::-webkit-scrollbar{display:none}html.ai778 .cl8chips button{white-space:nowrap;flex:none}
  html.ai778 .cl8foot{padding:4px 10px calc(8px + env(safe-area-inset-bottom))}
  html.ai778 .cl8note{display:none}html.ai778 .cl8empty .cl8note{display:block}
  html.ai778 .cl8down{bottom:calc(96px + env(safe-area-inset-bottom))}
  html.ai778 .cl8model{max-width:34%}}
html.ai778 #hmwBtn[data-for="acQ"],html.ai778 #hmwBtn[data-for="cw7Q"]{display:none!important}
html.ai778 body.ac766fs #hlpBtn{visibility:hidden}
html.ai778 .cl8tw th{text-transform:none;letter-spacing:0;font-size:13px;color:var(--cl8-ink)}
html.ai778 .cl8end{order:-1;margin:0 4px 0 2px}
@media (max-width:700px){html.ai778 .cl8p .cl8model{display:none}}
/* v7.8.1 · Last night | Live now */
.o781{display:flex;flex-direction:column;gap:12px;margin:0 0 16px;padding:16px;border-radius:20px;background:linear-gradient(135deg,#0F3D2E,#145A43);color:#fff;box-shadow:0 10px 30px rgba(15,61,46,.22)}
.o781g2{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.o781c{display:flex;flex-direction:column;gap:6px;padding:14px 16px;border-radius:16px;background:rgba(255,255,255,.08);min-width:0}
.o781c header{display:flex;justify-content:space-between;align-items:baseline;gap:8px;font-size:14px;font-weight:650}.o781c header em{font-style:normal;font-weight:500;font-size:12px;opacity:.75;white-space:nowrap}
.o781dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:#4ADE80;margin-right:7px;box-shadow:0 0 0 0 rgba(74,222,128,.6);animation:o781pulse 2s infinite}
@keyframes o781pulse{70%{box-shadow:0 0 0 7px rgba(74,222,128,0)}100%{box-shadow:0 0 0 0 rgba(74,222,128,0)}}
@media (prefers-reduced-motion:reduce){.o781dot{animation:none}}
.o781v{font-size:34px;line-height:1.1;letter-spacing:-.02em}
.o781cmp{display:flex;flex-wrap:wrap;align-items:center;gap:6px;font-size:12.5px}.o781cmp small{opacity:.78}
.o781p{font-style:normal;font-weight:700;font-size:12px;padding:1px 7px;border-radius:999px;background:rgba(255,255,255,.12);white-space:nowrap}.o781p.up{color:#8BE3A9}.o781p.dn{color:#FFB4A9}.o781p:empty{background:none;padding:0}
.o781r{list-style:none;margin:4px 0 0;padding:0}.o781r li{display:grid;grid-template-columns:1fr auto 64px;gap:8px;align-items:center;padding:7px 0;border-top:1px solid rgba(255,255,255,.12);font-size:14px}
.o781n{display:flex;flex-direction:column;min-width:0;font-weight:600}.o781n small{font-weight:400;font-size:11.5px;opacity:.72;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.o781r li>.o781p{justify-self:end}
.o781m{padding:12px 16px;border-radius:16px;background:rgba(255,255,255,.08)}.o781mh{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 12px;font-size:13.5px}.o781mh>b{font-size:14px}.o781fc{margin-left:auto;opacity:.75;font-size:12.5px}
.o781bar{position:relative;height:10px;margin-top:9px;border-radius:999px;background:rgba(255,255,255,.14);overflow:visible}.o781bar i{position:absolute;inset:0 auto 0 0;border-radius:999px;background:#F08A24}.o781m.m-ok .o781bar i{background:#4ADE80}.o781m.m-bad .o781bar i{background:#FF8A7A}
.o781bar s{position:absolute;top:-4px;bottom:-4px;width:2px;background:#fff;opacity:.85;border-radius:2px}
.o781w{margin:6px 0 0;font-size:12.5px;color:#FFD8B0}.o781w .linkbtn{color:#fff;text-decoration:underline;background:none;border:0;font:inherit;cursor:pointer;padding:0}
.o781go{align-self:flex-end;border:0;background:none;color:#F8B26A;font:inherit;font-size:13px;font-weight:650;cursor:pointer;padding:0}
.o781sk{height:120px;border-radius:12px;background:rgba(255,255,255,.07)}
html[data-ui="ms"] .o781,html[data-ui="microsoft"] .o781{border-radius:8px}html[data-ui="ms"] .o781c,html[data-ui="microsoft"] .o781c,html[data-ui="ms"] .o781m,html[data-ui="microsoft"] .o781m{border-radius:6px}html[data-ui="google"] .o781{border-radius:28px}
/* Home order and density */
body.o781h #view>.hm7hero{display:none!important}
body.o781h #view>.o781greet{padding:4px 2px 10px!important;margin:0!important;background:none!important;border:0!important;box-shadow:none!important}
body.o781h #view>.o781greet::before,body.o781h #view>.o781greet::after{display:none!important}
body.o781h #view>.o781greet h2{font-size:22px;margin:0}body.o781h #view>.o781greet .eyebrow{font-size:11px}body.o781h #view>.o781greet .dhwho{display:none}
body.o781h #view>.o781my .my197{gap:8px}body.o781h #view>.o781my .my197>div{padding:8px 10px}
.o781today{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;align-items:start}.o781today>section{margin:0!important}
/* Owner dashboard: More detail */
details.o781more{margin-top:14px;border:1px solid var(--line);border-radius:16px;background:var(--panel)}
details.o781more>summary{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 12px;padding:14px 16px;cursor:pointer;list-style:none}details.o781more>summary::-webkit-details-marker{display:none}
details.o781more>summary::before{content:"›";display:inline-block;transition:transform .15s;font-weight:700}details.o781more[open]>summary::before{transform:rotate(90deg)}
details.o781more>summary span{color:var(--muted);font-size:12.5px}details.o781more>*:not(summary){margin-inline:12px}details.o781more[open]{padding-bottom:12px}
@media (max-width:860px){.o781g2,.o781today{grid-template-columns:1fr}.o781v{font-size:30px}.o781{padding:12px;border-radius:18px}}
/* HR personal report */
.h782{border:1px solid var(--line);border-radius:14px;padding:12px 14px;margin-bottom:12px}
.h782h{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.h782h h4{margin:0;flex:1}.h782h select{min-height:36px}
.h782 h5{margin:14px 0 6px;font-size:13px;color:var(--muted);text-transform:none;letter-spacing:0}
.h782ts{display:grid;grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:6px}.h782t{padding:8px 10px;border-radius:10px;background:var(--panel2)}.h782t b{display:block;font-size:18px}.h782t span{font-size:11.5px;color:var(--muted)}
.h782t.warn b{color:#B76E00}.h782t.bad b{color:#C0392B}.h782t.ok b{color:#2F9E44}
.h782d{width:100%;border-collapse:collapse;margin-top:8px;font-size:13px}.h782d th,.h782d td{padding:6px 8px;border-bottom:1px solid var(--line);text-align:left}.h782d th{color:var(--muted);font-weight:600;font-size:12px}
.h782l{margin:0;padding-left:18px;font-size:13.5px}.h782l li{margin:3px 0}.h782l em{font-style:normal;color:var(--muted)}.h782l small{display:block;color:var(--muted)}
.h782job{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:8px;margin:10px 0 0}.h782job dt{font-size:11.5px;color:var(--muted)}.h782job dd{margin:0;font-weight:600;font-size:13.5px}.h782job .bad dd{color:#C0392B}.h782job small{display:block;font-weight:400;color:var(--muted)}
.h782tl{margin:0;font-size:13.5px}.h782tl span{color:var(--muted)}
@media (max-width:600px){.h782d{display:block;overflow-x:auto}}
/* Traffic light points */
.h782w{margin-top:12px}.h782w h5{margin:12px 0 6px}.h782wg{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:8px;align-items:end}.h782tot{margin:0;font-size:13px}
/* Documents & expiry removed: hide the document part of "What each position needs" */
html.h782on .v775cx>div:first-child{display:none}
/* v7.8.2 · POS settings pages */
.p782{max-width:900px}.p782back{margin:0 0 10px}.p782h h2{margin:0 0 4px}.p782h{margin-bottom:14px}
.p782o{margin-bottom:12px}.p782l{list-style:none;margin:0;padding:0}.p782l li{display:flex;align-items:center;gap:12px;padding:12px 0;border-top:1px solid var(--line)}.p782l li:first-child{border-top:0}
.p782t{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.p782t b{font-size:15px}.p782t small{color:var(--muted);font-size:12.5px}.p782t .p782r{color:var(--text);opacity:.8}
.p782a{display:flex;align-items:center;gap:8px;flex:none}
.p782sw{position:relative;width:52px;height:32px;border-radius:999px;border:0;background:color-mix(in srgb,var(--text) 18%,var(--panel));cursor:pointer;flex:none;transition:background .2s}
.p782sw i{position:absolute;top:3px;left:3px;width:26px;height:26px;border-radius:50%;background:#fff;box-shadow:0 1px 4px rgba(0,0,0,.25);transition:transform .2s}
.p782sw.on{background:#2F9E44}.p782sw.on i{transform:translateX(20px)}.p782sw:disabled{opacity:.5;cursor:default}
html[data-ui="ms"] .p782sw,html[data-ui="microsoft"] .p782sw{width:44px;height:22px}html[data-ui="ms"] .p782sw i,html[data-ui="microsoft"] .p782sw i{width:14px;height:14px;top:4px;left:4px}html[data-ui="ms"] .p782sw.on i,html[data-ui="microsoft"] .p782sw.on i{transform:translateX(22px)}html[data-ui="ms"] .p782sw.on,html[data-ui="microsoft"] .p782sw.on{background:#0F3D2E}
/* POS Dashboard: big buttons, compact outlets */
.p782q{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin:0 0 16px}
.p782q button{display:flex;flex-direction:column;align-items:flex-start;gap:2px;min-height:86px;padding:12px 14px;border:1px solid var(--line);border-radius:16px;background:var(--panel);color:var(--text);font:inherit;text-align:left;cursor:pointer;box-shadow:0 1px 2px rgba(0,0,0,.04)}
.p782q button:first-child{background:#0F3D2E;color:#fff;border-color:#0F3D2E}.p782q button:first-child small{color:rgba(255,255,255,.75)}
.p782q .p782qi{font-size:22px;line-height:1;margin-bottom:6px}.p782q b{font-size:14.5px}.p782q small{font-size:12px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}
.p782q button:active{transform:scale(.98)}
html[data-ui="ms"] .p782q button,html[data-ui="microsoft"] .p782q button{border-radius:6px}html[data-ui="google"] .p782q button{border-radius:22px}
details.p782fix{margin:8px 0 4px;border-radius:12px;background:color-mix(in srgb,#F08A24 10%,var(--panel))}
details.p782fix>summary{padding:8px 12px;font-size:13px;font-weight:650;color:#B5600B;cursor:pointer;list-style:none}details.p782fix>summary::-webkit-details-marker{display:none}
details.p782fix ul.p233w{margin:0;padding:0 12px 10px}
/* hotel: money received */
.hp782{display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:10px;margin:0 0 12px}
.hp782>div{display:flex;flex-direction:column;gap:2px;padding:12px 14px;border-radius:14px;background:var(--panel);border:1px solid var(--line)}
.hp782>div.main{background:#0F3D2E;color:#fff;border-color:#0F3D2E}.hp782>div.main em{color:rgba(255,255,255,.75)}
.hp782 span{font-size:12.5px;font-weight:600;opacity:.85}.hp782 b{font-size:24px;line-height:1.15}.hp782 em{font-style:normal;font-size:12px;color:var(--muted)}.hp782>div.w b{color:#B5600B}
/* Home: light green Request inbox, today on Coming up */
body.c782 .rq198{--i1:#E8F5EC;--i2:#FFFFFF;--i3:#D3EBDB;--br:#1E7A4F;--tx:#0F3D2E;--mu:#4D6B5D;background:var(--i1);border:1px solid #CFE7D8;box-shadow:0 4px 16px rgba(15,61,46,.08)}
body.c782 .rq198 .rq198-all{border-color:rgba(30,122,79,.4)}
body.c782 .rq198 .rq198-t{border-color:rgba(15,61,46,.08)}
html[data-theme="dark"] body.c782 .rq198{--i1:#123528;--i2:#18402F;--i3:#21513D;--br:#8BE3A9;--tx:#E9F6EE;--mu:#A7C6B6;border-color:#21513D}
.c782tdy{margin:-2px 0 8px;padding:6px 10px;border-radius:10px;background:color-mix(in srgb,#0F3D2E 8%,var(--panel));font-size:13px}.c782tdy b{color:#1E7A4F}
/* back to Apps: no fade on Home, cards keep their height while numbers load */
body.c782.o781h #view>*{animation:none!important}
body.c782 .o781sk{height:150px}
/* phone */
@media (max-width:700px){
  .p782q{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.p782q button{min-height:76px;padding:10px 12px}.p782q button:first-child{grid-column:1/-1;min-height:64px;flex-direction:row;align-items:center;gap:10px}.p782q button:first-child .p782qi{margin:0}
  .p233 .p233g{grid-template-columns:1fr!important;gap:10px}.p233 article.p233o{padding:12px!important}
  .p233 article.p233o dl{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:6px!important}
  .p233 .p233a{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.p233 .p233a>button{min-height:42px;width:100%;margin:0}
  .p233 .p233tg{display:flex!important;flex-direction:column;gap:0!important;border:1px solid var(--line);border-radius:14px;overflow:hidden;background:var(--panel)}
  .p233 .p233tg>.p233t{border:0!important;border-radius:0!important;border-top:1px solid var(--line)!important;min-height:56px;box-shadow:none!important;margin:0!important}.p233 .p233tg>.p233t:first-child{border-top:0!important}
  .p233 .p233k{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .hp782{grid-template-columns:1fr}.p782l li{flex-wrap:wrap}.p782a{margin-left:auto}}

/* v7.8.4 · Daily sale report */
.p782q:has(>button:nth-child(6)){grid-template-columns:repeat(6,minmax(0,1fr))}
.sr784{max-width:980px}
.sr784bar{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:0 0 14px}
.sr784bar input[type=date]{min-height:40px;padding:6px 10px;border:1px solid var(--line);border-radius:10px;background:var(--panel);color:var(--text);font:inherit}
.sr784 .sr784bar .ghost{min-width:44px;min-height:44px}
.sr784wd{color:var(--muted);font-size:13px}
.sr784st2{margin-left:auto;padding:5px 12px;border-radius:999px;font-size:12.5px;font-weight:600;background:rgba(240,138,36,.14);color:#B45F0C}
.sr784st2.sub{background:rgba(15,61,46,.12);color:#0F3D2E}
.sr784sum{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:0 0 16px}
.sr784sum>div{padding:12px 14px;border:1px solid var(--line);border-radius:16px;background:var(--panel)}
.sr784sum small{display:block;color:var(--muted);font-size:12px}.sr784sum b{font-size:21px;font-variant-numeric:tabular-nums}
.sr784sum>div.ok{border-color:#2E8B57}.sr784sum>div.ok b{color:#2E8B57}.sr784sum>div.bad{border-color:#D9534F}.sr784sum>div.bad b{color:#D9534F}
.sr784o{border:1px solid var(--line);border-radius:16px;background:var(--panel);padding:12px 14px;margin:0 0 12px}
.sr784o>header{display:flex;justify-content:space-between;align-items:baseline;gap:10px;margin:0 0 6px}.sr784o h3{margin:0;font-size:15.5px}.sr784o>header b{font-size:16px;font-variant-numeric:tabular-nums}
.sr784r{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr) minmax(0,1.1fr) minmax(0,1fr);gap:10px;align-items:center;padding:7px 0;border-top:1px solid var(--line)}
.sr784hd{border-top:0;color:var(--muted);font-size:11.5px;font-weight:600;padding-bottom:2px}
.sr784r small{display:block;color:var(--muted);font-size:11.5px}.sr784r .n{text-align:right;font-variant-numeric:tabular-nums}.sr784hd span:not(:first-child){text-align:right}
.sr784st{font-weight:600}
.sr784 input.sr784in{width:100%;height:44px;min-height:44px;padding:6px 10px;border:1px solid var(--line);border-radius:10px;background:var(--bg,transparent);color:var(--text);font:inherit;text-align:right;font-variant-numeric:tabular-nums;box-sizing:border-box}
.sr784in:focus{outline:2px solid #F08A24;outline-offset:1px}
.sr784d{font-weight:600}.sr784d.ok{color:#2E8B57}.sr784d.neg{color:#D9534F}.sr784d.pos{color:#B45F0C}
.sr784open{margin:6px 0 0;font-size:12.5px;color:#B45F0C}.sr784det{margin:6px 0 0;font-size:12px;color:var(--muted)}
.sr784grand{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:12px 16px;border-radius:14px;background:#F08A24;color:#fff;font-weight:700;margin:4px 0 14px}.sr784grand b{font-size:19px;font-variant-numeric:tabular-nums}
.sr784note{display:flex;flex-direction:column;gap:4px;margin:0 0 12px}.sr784note span{font-size:12.5px;color:var(--muted)}
.sr784note textarea,.sr784note input{width:100%;box-sizing:border-box;padding:8px 10px;border:1px solid var(--line);border-radius:10px;background:var(--panel);color:var(--text);font:inherit}
.sr784act{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 14px}.sr784 .sr784act button{min-height:44px;height:auto}
.sr784cfg{margin-top:6px}.sr784cr{display:grid;grid-template-columns:minmax(0,1fr) repeat(3,minmax(0,1.3fr));gap:8px;align-items:center;padding:8px 0;border-top:1px solid var(--line)}
.sr784cs{display:grid;grid-template-columns:1fr 1fr 1fr;gap:4px}.sr784cs input{min-width:0;min-height:36px;padding:4px 6px;border:1px solid var(--line);border-radius:8px;background:var(--panel);color:var(--text);font:inherit;font-size:12.5px}
.o784p{margin-left:6px;font-size:11px;font-weight:500;opacity:.7}
html[data-ui="ms"] .sr784o,html[data-ui="microsoft"] .sr784o,html[data-ui="ms"] .sr784sum>div,html[data-ui="microsoft"] .sr784sum>div{border-radius:6px}
html[data-ui="google"] .sr784o,html[data-ui="google"] .sr784sum>div{border-radius:22px}
@media (max-width:760px){
  .p782q:has(>button:nth-child(6)){grid-template-columns:repeat(2,minmax(0,1fr))}.p782q button:nth-child(6):last-child{grid-column:1/-1}
  .sr784sum{grid-template-columns:1fr 1fr}.sr784sum>div:last-child{grid-column:1/-1}
  .sr784r{grid-template-columns:minmax(0,1fr) minmax(0,1fr);row-gap:4px}.sr784hd{display:none}
  .sr784r>span:first-child{grid-column:1/-1}.sr784r>span:nth-child(2)::before{content:"System ";color:var(--muted);font-size:11.5px;font-weight:400}
  .sr784r>span:nth-child(4){grid-column:1/-1}
  .sr784st2{margin-left:0}
  .sr784cr{grid-template-columns:1fr}
}
.sr784 .p782back{width:auto;display:inline-flex}

/* v7.8.5 · Cashier portal */
.g785{max-width:1000px;margin:0 auto;padding:4px 0 40px}
.g785h{display:flex;justify-content:space-between;align-items:flex-end;gap:12px;padding:18px 20px;border-radius:20px;background:#0F3D2E;color:#fff;margin:0 0 14px}
.g785h h1{margin:0;font-size:24px;color:#fff}.g785h p{margin:4px 0 0;color:rgba(255,255,255,.78);font-size:13.5px}
.g785seg{display:flex;gap:4px;padding:4px;border-radius:14px;background:var(--line);margin:0 0 14px;overflow-x:auto}
.g785seg button{flex:1;min-height:40px;border:0;border-radius:10px;background:transparent;color:var(--text);font:inherit;font-weight:600;white-space:nowrap;padding:0 14px;cursor:pointer}
.g785seg button.on{background:var(--panel);box-shadow:0 1px 3px rgba(0,0,0,.12);color:#0F3D2E}
.g785bar{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:0 0 12px}
.g785bar .ghost{min-width:44px;min-height:44px}.g785bar input[type=date]{min-height:44px;padding:6px 10px;border:1px solid var(--line);border-radius:12px;background:var(--panel);color:var(--text);font:inherit}
.g785wd{color:var(--muted);font-size:13px}.g785st{margin-left:auto;padding:5px 12px;border-radius:999px;font-size:12.5px;font-weight:600;background:rgba(240,138,36,.14);color:#B45F0C}.g785st.sub{background:rgba(15,61,46,.12);color:#0F3D2E}
.g785k{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:0 0 14px}
.g785k>div{padding:12px 14px;border:1px solid var(--line);border-radius:16px;background:var(--panel)}.g785k small{display:block;color:var(--muted);font-size:12px}.g785k b{font-size:20px;font-variant-numeric:tabular-nums}
.g785k>div.ok{border-color:#2E8B57}.g785k>div.ok b{color:#2E8B57}.g785k>div.bad{border-color:#D9534F}.g785k>div.bad b{color:#D9534F}
.g785o{border:1px solid var(--line);border-radius:18px;background:var(--panel);padding:12px 14px;margin:0 0 12px}
.g785o>header{display:flex;justify-content:space-between;align-items:baseline;gap:10px;margin:0 0 8px}.g785o h2{margin:0;font-size:16.5px}.g785o>header b{font-size:16px;font-variant-numeric:tabular-nums}.g785o>header small{color:var(--muted)}
.g785reg{margin:10px 0 4px;font-size:13px;color:var(--muted);font-weight:600}
.g785r{border-top:1px solid var(--line)}.g785r>summary{list-style:none;display:grid;grid-template-columns:minmax(0,1.2fr) auto minmax(0,1.3fr);gap:10px;align-items:center;padding:10px 0;cursor:pointer;min-height:44px}
.g785r>summary::-webkit-details-marker{display:none}.g785s small,.g785m small{display:block;color:var(--muted);font-size:11.5px;font-weight:400}.g785m{text-align:right}.g785m b{font-variant-numeric:tabular-nums}
.g785chips{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:4px}
.g785c{padding:3px 9px;border-radius:999px;font-size:12px;font-weight:600;background:var(--line);color:var(--text)}.g785c.ok{background:rgba(46,139,87,.14);color:#2E8B57}.g785c.bad{background:rgba(217,83,79,.13);color:#C9302C}.g785c.todo{background:rgba(240,138,36,.16);color:#B45F0C}.g785c.rcv{background:rgba(15,61,46,.12);color:#0F3D2E}.g785c.none{opacity:.6;font-weight:500}
.g785b{padding:4px 0 14px}
.g785cam{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;min-height:64px;padding:12px;border:2px dashed rgba(240,138,36,.6);border-radius:16px;background:rgba(240,138,36,.06);cursor:pointer;text-align:center;margin:0 0 10px}
.g785cam span{font-weight:700;color:#B45F0C}.g785cam small{color:var(--muted);font-size:12px}
.g785ph{display:block;margin:0 0 10px}.g785ph img{max-width:100%;max-height:260px;border-radius:12px;border:1px solid var(--line);object-fit:contain;background:#fff}
.g785f{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:0 0 10px}.g785f label{display:flex;flex-direction:column;gap:3px;min-width:0}.g785f label.w{grid-column:span 2}
.g785f span{font-size:12px;color:var(--muted)}.g785 .g785f input{width:100%;box-sizing:border-box;height:44px;padding:6px 10px;border:1px solid var(--line);border-radius:12px;background:var(--bg,var(--panel));color:var(--text);font:inherit;font-variant-numeric:tabular-nums}
.g785 .g785f input:focus{outline:2px solid #F08A24;outline-offset:1px}
.g785cmp{width:100%;border-collapse:collapse;font-size:13px;margin:0 0 8px}.g785cmp th{font-size:11.5px;color:var(--muted);font-weight:600;text-align:right;padding:4px 6px}.g785cmp th:first-child,.g785cmp td:first-child{text-align:left}.g785cmp td{padding:5px 6px;border-top:1px solid var(--line);text-align:right;font-variant-numeric:tabular-nums}
.g785cmp td.ok{color:#2E8B57;font-weight:600}.g785cmp td.bad{color:#C9302C;font-weight:600}
.g785x{margin:4px 0;font-size:12px;color:var(--muted)}.g785w{margin:4px 0 8px;font-size:12.5px;color:#B45F0C}.g785till{margin:4px 0 8px;padding-left:18px;font-size:12.5px;color:var(--muted)}
.g785a{display:flex;flex-wrap:wrap;gap:8px;margin:6px 0 12px}.g785 .g785a button,.g785 .g785a a{min-height:44px}
.g785rb{border-color:#0F3D2E!important;color:#0F3D2E!important}
.g785grand{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:12px 16px;border-radius:16px;background:#F08A24;color:#fff;font-weight:700;margin:4px 0 14px}.g785grand small{display:block;font-weight:500;opacity:.85;font-size:12px}.g785grand b{font-size:20px;font-variant-numeric:tabular-nums}
.g785note{display:flex;flex-direction:column;gap:4px;margin:0 0 10px}.g785note span{font-size:12.5px;color:var(--muted)}.g785note textarea,.g785note input{width:100%;box-sizing:border-box;padding:8px 10px;border:1px solid var(--line);border-radius:12px;background:var(--panel);color:var(--text);font:inherit;min-height:44px}
.g785hold{display:flex;justify-content:space-between;align-items:center;gap:14px;flex-wrap:wrap;padding:18px 20px;border-radius:20px;background:linear-gradient(135deg,#0F3D2E,#17573F);color:#fff;margin:0 0 12px}
.g785hold small{display:block;opacity:.8;font-size:12.5px}.g785hold b{font-size:30px;font-variant-numeric:tabular-nums;margin-right:10px}.g785hold span{font-size:16px;font-weight:600;opacity:.9}.g785hold p{margin:0;max-width:420px;font-size:13.5px;opacity:.9}
.g785hold.due{background:linear-gradient(135deg,#7A2E0B,#B45F0C)}
.g785list{list-style:none;margin:0;padding:0}.g785list li{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:9px 0;border-top:1px solid var(--line);min-height:44px}.g785list li:first-child{border-top:0}.g785list small{display:block;color:var(--muted);font-size:12px}
.g785gc{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:6px;margin:6px 0}.g785gc label{display:flex;align-items:center;gap:8px;min-height:40px;padding:0 10px;border:1px solid var(--line);border-radius:10px}
.g785home{border-radius:20px;padding:16px 18px;margin:0 0 14px;background:linear-gradient(135deg,#0F3D2E,#17573F);color:#fff}
.g785home>header{display:flex;justify-content:space-between;align-items:center;gap:10px}.g785home h2{margin:2px 0 0;font-size:19px;color:#fff}.g785home header small{opacity:.8}
.g785home .btn{background:#F08A24;border-color:#F08A24;color:#fff;min-height:44px;padding:0 20px}
.g785steps{list-style:none;margin:12px 0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
.g785steps li{display:flex;gap:8px;align-items:flex-start;padding:10px;border-radius:14px;background:rgba(255,255,255,.08)}.g785steps i{flex:0 0 22px;height:22px;border-radius:50%;border:2px solid rgba(255,255,255,.55);display:grid;place-items:center;font-style:normal;font-size:12px;font-weight:800}
.g785steps li.ok i{background:#F08A24;border-color:#F08A24}.g785steps b{display:block;font-size:13.5px}.g785steps small{opacity:.8;font-size:12px}
.g785hk{display:flex;gap:18px}.g785hk small{display:block;opacity:.75;font-size:12px}.g785hk b{font-size:20px;font-variant-numeric:tabular-nums}
html[data-ui="ms"] .g785o,html[data-ui="microsoft"] .g785o,html[data-ui="ms"] .g785k>div,html[data-ui="microsoft"] .g785k>div,html[data-ui="ms"] .g785h,html[data-ui="microsoft"] .g785h,html[data-ui="ms"] .g785home,html[data-ui="microsoft"] .g785home{border-radius:6px}
html[data-ui="google"] .g785o,html[data-ui="google"] .g785k>div{border-radius:24px}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .g785seg button.on{color:#F08A24}}
html[data-theme="dark"] .g785seg button.on{color:#F08A24}
@media (max-width:760px){
  .g785h{padding:14px 16px;border-radius:16px}.g785h h1{font-size:20px}
  .g785k{grid-template-columns:1fr 1fr}.g785st{margin-left:0}
  .g785r>summary{grid-template-columns:minmax(0,1fr) auto}.g785chips{grid-column:1/-1;justify-content:flex-start}
  .g785f{grid-template-columns:1fr 1fr}.g785f label.w{grid-column:1/-1}
  .g785steps{grid-template-columns:1fr 1fr}
  .g785hold b{font-size:26px}
}

/* v7.8.6 · accountant check */
.g786n{display:inline-grid;place-items:center;min-width:18px;height:18px;padding:0 5px;border-radius:9px;background:#D9534F;color:#fff;font-style:normal;font-size:11px;margin-left:4px}
.g785st.ver{background:rgba(46,139,87,.16);color:#2E8B57}
.g786top{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;padding:16px 18px;border-radius:18px;background:var(--panel);border:1px solid var(--line);margin:0 0 12px}
.g786top small{color:var(--muted);font-size:12px}.g786top b{display:block;font-size:22px}.g786top p{margin:2px 0 0;color:var(--muted);font-size:13px}
.g786top.verified{border-color:#2E8B57;background:rgba(46,139,87,.07)}.g786top.submitted{border-color:#F08A24}
.g786aib{min-height:44px;background:#0F3D2E!important;border-color:#0F3D2E!important;color:#fff!important}
.g786sum{padding:12px 14px;border-radius:14px;background:rgba(240,138,36,.08);border:1px solid rgba(240,138,36,.35);margin:0 0 12px;font-size:14px}
.g786t{font-size:14px;margin:14px 0 8px;color:#C9302C}
.g786r{border:1px solid var(--line);border-left:4px solid #D9534F;border-radius:14px;background:var(--panel);padding:12px 14px;margin:0 0 10px}
.g786r.ok{border-left-color:#2E8B57}.g786r.noted{border-left-color:#F08A24}
.g786r header{display:flex;justify-content:space-between;gap:10px;align-items:baseline}.g786d{font-weight:700;font-variant-numeric:tabular-nums}.g786d.bad{color:#C9302C}.g786d.ok{color:#2E8B57}
.g786m{margin:4px 0;color:var(--muted);font-size:13px}.g786h{margin:6px 0;padding-left:18px;font-size:13px}.g786h li{margin:2px 0}
.g786ai{margin:8px 0;padding:10px 12px;border-radius:12px;background:rgba(15,61,46,.06)}.g786ai p{margin:4px 0 0;font-size:13.5px}
.g786c{display:inline-block;padding:2px 8px;border-radius:999px;font-size:11.5px;font-weight:700;background:rgba(15,61,46,.12);color:#0F3D2E}.g786c.low{background:rgba(240,138,36,.16);color:#B45F0C}.g786c.high{background:rgba(46,139,87,.16);color:#2E8B57}
.g786ac{margin:8px 0 0;font-size:13px;font-weight:600}
.g786a{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}.g786a input{flex:1;min-width:180px;min-height:44px;padding:6px 10px;border:1px solid var(--line);border-radius:12px;background:var(--panel);color:var(--text);font:inherit}.g786a button{min-height:44px}
.g786okl{border:1px solid var(--line);border-radius:14px;background:var(--panel);padding:10px 14px;margin:0 0 12px}.g786okl summary{cursor:pointer;font-weight:600;color:#2E8B57;min-height:28px}
.g786okl ul{list-style:none;margin:8px 0 0;padding:0}.g786okl li{display:flex;justify-content:space-between;gap:10px;padding:6px 0;border-top:1px solid var(--line);font-size:13px}
.g786tol{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:8px 0;font-size:13px;color:var(--muted)}.g786tol input{width:80px;min-height:36px;padding:4px 8px;border:1px solid var(--line);border-radius:10px;background:var(--panel);color:var(--text);font:inherit}
/* v7.8.6 · CEO Home */
body.c786h #view>.o781today{display:none}
.c786ind{margin:0 0 14px}
.c786pay{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 10px}.c786pay span{padding:8px 12px;border-radius:999px;background:var(--panel);border:1px solid var(--line);font-size:13px}.c786pay b{font-variant-numeric:tabular-nums}
.c786g{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px}
.c786t{display:flex;flex-direction:column;align-items:flex-start;gap:2px;min-height:112px;padding:12px 14px;border:1px solid var(--line);border-radius:18px;background:var(--panel);color:var(--text);font:inherit;text-align:left;cursor:pointer;position:relative}
.c786t:active{transform:scale(.98)}.c786ti{font-size:20px;line-height:1;margin-bottom:4px}.c786tk{font-size:12.5px;color:var(--muted);font-weight:600}.c786tv{font-size:22px;font-variant-numeric:tabular-nums}.c786t small{font-size:12px;color:var(--muted)}
.c786t.up{border-color:rgba(46,139,87,.45)}.c786t.up small{color:#2E8B57}.c786t.dn{border-color:rgba(217,83,79,.5)}.c786t.dn small{color:#C9302C}
.c786t::after{content:"›";position:absolute;right:12px;top:10px;color:var(--muted);font-size:18px}
.c786row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:0 0 14px}
.c786c{border:1px solid var(--line);border-radius:18px;background:var(--panel);padding:14px 16px;min-width:0}
.c786c>header{display:flex;justify-content:space-between;align-items:center;gap:8px;margin:0 0 8px}.c786c h3{margin:0;font-size:15.5px}
.c786big b{font-size:26px;font-variant-numeric:tabular-nums;margin-right:6px}.c786big small{color:var(--muted)}
.c786l{list-style:none;margin:8px 0 0;padding:0}.c786l li{display:flex;justify-content:space-between;gap:10px;padding:7px 0;border-top:1px solid var(--line);font-size:13.5px}.c786l li span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.c786l b{white-space:nowrap;font-variant-numeric:tabular-nums}
.c786l small{color:var(--muted);font-weight:400}.c786c .up{color:#2E8B57}.c786c .dn{color:#C9302C}.c786e{color:var(--muted);font-size:13.5px;margin:4px 0}
.c786bar{height:6px;border-radius:3px;background:var(--line);overflow:hidden;margin:6px 0}.c786bar i{display:block;height:100%;background:#F08A24}
.c786t3{list-style:none;margin:4px 0 0;padding:0;max-height:260px;overflow:auto}.c786t3>li{border-top:1px solid var(--line)}.c786t3 summary{display:flex;justify-content:space-between;gap:8px;padding:7px 0;cursor:pointer;font-size:13.5px;min-height:28px}
.c786t3 ol{list-style:none;margin:0 0 6px;padding:0 0 0 4px;font-size:13px}.c786t3 ol li{padding:2px 0}.c786t3 ol li.done{opacity:.7}
html[data-ui="ms"] .c786t,html[data-ui="microsoft"] .c786t,html[data-ui="ms"] .c786c,html[data-ui="microsoft"] .c786c{border-radius:6px}
html[data-ui="google"] .c786t,html[data-ui="google"] .c786c{border-radius:24px}
@media (max-width:1100px){.c786g{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:760px){.c786g{grid-template-columns:1fr 1fr;gap:8px}.c786t{min-height:100px;padding:10px 12px}.c786tv{font-size:19px}.c786row{grid-template-columns:1fr}.c786pay span{font-size:12.5px;padding:6px 10px}}
@media (max-width:420px){.g785seg button{padding:0 8px;font-size:13px}}

/* v7.8.7 · Paid bills / Credit like Running bills · Business hours */
.r787{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 10px}.r787 button{min-height:40px;padding:0 14px;border-radius:999px;border:1px solid var(--line);background:var(--panel);color:var(--text);font:inherit;font-weight:600;cursor:pointer}
.r787 button[aria-pressed="true"]{background:#0F3D2E;border-color:#0F3D2E;color:#fff}
.r787p{display:flex;flex-wrap:wrap;align-items:flex-end;gap:8px;margin:0 0 10px}.r787p label{display:flex;flex-direction:column;gap:3px;font-size:12px;color:var(--muted)}.r787p input{min-height:40px;padding:4px 8px;border:1px solid var(--line);border-radius:10px;background:var(--panel);color:var(--text);font:inherit;font-size:16px}.r787p .btn{min-height:40px}
.pb787q{display:flex;gap:8px;margin:0 0 10px}.pb787q input{flex:1;min-width:0;min-height:42px;padding:6px 12px;border:1px solid var(--line);border-radius:12px;background:var(--panel);color:var(--text);font:inherit;font-size:16px}.pb787q button{min-height:42px}
.pb787pay{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 10px}.pb787pay span{padding:5px 10px;border-radius:999px;background:var(--panel2,rgba(0,0,0,.04));font-size:12.5px}
.pb787m{background:rgba(15,61,46,.1);color:#0F3D2E}.pb787r.ref{opacity:.85}.pb787mo{display:flex;justify-content:center;margin:10px 0}
.rb284k>div.warn b{color:#C9302C}
.cr787 .cr787all{margin-left:auto}.cr787st button[aria-pressed="true"]{background:#F08A24;border-color:#F08A24}
.bh787c{margin:0 0 12px}.bh787c h3{margin:0 0 8px}.bh787d{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.bh787d select{min-height:40px;padding:4px 10px;border:1px solid var(--line);border-radius:10px;background:var(--panel);color:var(--text);font:inherit}
.bh787h{display:flex;flex-wrap:wrap;gap:10px;margin:0 0 6px}.bh787h label{display:flex;flex-direction:column;gap:3px;font-size:12px;color:var(--muted)}
.bh787 input{min-height:40px;padding:4px 8px;border:1px solid var(--line);border-radius:10px;background:var(--panel);color:var(--text);font:inherit;min-width:0}
.bh787l{margin:8px 0 4px;font-weight:600;font-size:13px}.bh787l small{font-weight:400;color:var(--muted)}
.bh787sl{display:grid;gap:6px}.bh787s{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr) minmax(0,1fr);gap:6px;align-items:center}.bh787e{font-size:12.5px;color:var(--muted)}
.c787g{padding:8px 0 4px}.c787g span{display:block;font-size:12.5px;color:var(--muted)}.c787g b{font-size:24px;margin-right:6px}.c787g small{color:var(--muted)}.c787g.up b{color:#2E8B57}.c787g.dn b{color:#C9302C}
.c787tdy{margin:0 0 6px;font-weight:700;color:#0F3D2E;font-size:13.5px}
html[data-theme="dark"] .c787tdy{color:#F08A24}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .c787tdy{color:#F08A24}}
/* Cashier portal tabs: a 2 × 2 grid on phones (nothing hidden) */
@media (max-width:560px){.g785seg{display:grid;grid-template-columns:1fr 1fr;overflow:visible}.g785seg button{white-space:normal;line-height:1.2;min-height:44px}}
@media (max-width:560px){.bh787s{grid-template-columns:1fr 1fr}.bh787s input:first-child{grid-column:1/-1}}

/* v7.8.8 · invoice scan · help per screen · View as */
.iv788{margin:0 0 12px}.iv788cam{display:flex;flex-direction:column;align-items:center;gap:2px;padding:12px;border:2px dashed rgba(240,138,36,.6);border-radius:14px;background:rgba(240,138,36,.06);cursor:pointer;text-align:center}
.iv788cam span{font-weight:700;color:#B45F0C}.iv788cam small{color:var(--muted);font-size:12px}.iv788m{margin:6px 0 0;font-size:13px}.iv788m.bad{color:#C9302C}
.h788{margin:0 0 12px;padding:12px 14px;border-radius:14px;background:rgba(15,61,46,.06);border:1px solid rgba(15,61,46,.15)}.h788 h4{margin:0 0 6px;font-size:14.5px}.h788 ol{margin:0;padding-left:20px;font-size:13.5px}.h788 ol li{margin:3px 0}.h788q{margin-top:8px}
.h788s{background:rgba(240,138,36,.07);border-color:rgba(240,138,36,.3)}.h788b{display:flex;flex-wrap:wrap;gap:6px}.sys788{list-style:none;margin:8px 0 0;padding:0;font-size:13px}.sys788 li{padding:4px 0}.sys788 li.no{color:#B45F0C}
.tip788{position:fixed;left:50%;bottom:calc(84px + env(safe-area-inset-bottom));transform:translateX(-50%);z-index:900;display:flex;align-items:center;gap:10px;max-width:min(560px,calc(100vw - 32px));padding:10px 12px 10px 16px;border-radius:16px;background:#0F3D2E;color:#fff;box-shadow:0 10px 30px rgba(0,0,0,.25);font-size:14px}
.tip788 .btn{background:#F08A24;border-color:#F08A24;color:#fff;white-space:nowrap}.tip788 .cib{color:#fff;background:transparent}
.va788bar{position:fixed;top:0;left:0;right:0;z-index:2000;display:flex;align-items:center;justify-content:center;gap:12px;flex-wrap:wrap;padding:8px 12px;padding-top:calc(8px + env(safe-area-inset-top));background:#F08A24;color:#fff;font-size:14px;box-shadow:0 2px 10px rgba(0,0,0,.2)}
.va788bar .btn{background:#0F3D2E;border-color:#0F3D2E;color:#fff}body.va788on{padding-top:48px}
.va788box{max-width:520px}.va788q{width:100%;box-sizing:border-box;min-height:44px;margin:8px 0;padding:8px 12px;border:1px solid var(--line);border-radius:12px;background:var(--panel);color:var(--text);font:inherit;font-size:16px}
.va788l{list-style:none;margin:0;padding:0;max-height:60vh;overflow:auto}.va788l button{display:flex;flex-direction:column;align-items:flex-start;width:100%;min-height:48px;padding:8px 10px;border:0;border-bottom:1px solid var(--line);background:transparent;color:var(--text);font:inherit;text-align:left;cursor:pointer}.va788l small{color:var(--muted)}
.va788chip{display:flex;justify-content:flex-end;margin:0 0 8px}
.h788w{padding:10px 14px 0;max-height:46vh;overflow:auto}

/* v7.8.9 */
.sk789w{display:flex;justify-content:space-between;align-items:center;gap:8px;width:100%;margin-top:10px;padding:10px 12px;border:0;border-radius:12px;background:rgba(240,138,36,.18);color:#FFD9B0;font:inherit;font-weight:600;text-align:left;cursor:pointer}.sk789w span{color:#F08A24}
.o781r li.o789z{opacity:.55}
.sk789{border-color:rgba(240,138,36,.6)}.sk789l{list-style:none;margin:0;padding:0}.sk789l>li{padding:6px 0;border-top:1px solid var(--line)}.sk789l ul{list-style:none;margin:4px 0 0;padding:0 0 0 10px}.sk789l ul li{display:flex;justify-content:space-between;gap:8px;font-size:13px;padding:2px 0}
.k789bar{display:flex;justify-content:flex-end;margin:0 0 6px}.k789bar .k789b{min-height:36px;padding:0 14px;border-radius:999px;border:1px dashed var(--line);background:var(--panel);color:var(--text);font:inherit;font-weight:600}
.k789b{border-style:dashed!important}.k789b[aria-pressed="true"]{background:#F08A24!important;border-color:#F08A24!important;color:#fff!important;border-style:solid!important}
body.k789busy .pmgrid .pmr:not(.busy):not(.rsv){display:none}
.pmgrid{align-items:start}
.px9cb .px9cn{flex:0 0 auto!important;width:auto!important;min-width:34px;padding:0 9px}
.k789need{cursor:pointer;text-decoration:underline;text-decoration-color:rgba(255,255,255,.4);text-underline-offset:3px}
.sh531a .mh-ai{background:#F08A24!important;border-color:#F08A24!important;color:#fff!important;background-image:none!important}
@media (max-width:760px){
  body.k789ord nav.mb{display:none}
  body.k789ord #view .posorder .m230i,body.k789ord .posorder .m230i{aspect-ratio:4/3!important;height:auto!important}
  .tb334secs{flex-wrap:wrap;overflow:visible!important}
  .sh531t h1{display:none}.sh531h{padding-top:12px!important;padding-bottom:12px!important}
  .s591-kpis{display:grid!important;grid-template-columns:1fr 1fr;overflow:visible!important;width:auto!important}.s591-kpis>.s591-k{width:auto!important;min-width:0!important}.s591-kpis>.s591-hero{grid-column:1/-1}
}
/* v7.8.9 fixes */
.h789{margin:0}.h789>summary{cursor:pointer;list-style:none;padding:10px 12px;border-radius:12px;background:rgba(15,61,46,.06);font-weight:600;font-size:14px}.h789>summary::-webkit-details-marker{display:none}.h789[open]>summary{margin-bottom:8px}
.h788w{max-height:none}.h789[open] .h788{max-height:44vh;overflow:auto}
.sys788{max-height:40vh;overflow:auto}.sys789{margin:4px 0 2px;padding-left:18px}.sys789 li{padding:1px 0}
.va788bar{gap:10px;padding:6px 12px;padding-top:calc(6px + env(safe-area-inset-top));font-size:13.5px;flex-wrap:nowrap}.va788bar span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.va788bar .btn{background:#0F3D2E!important;border-color:#0F3D2E!important;color:#fff!important;min-height:34px;flex:0 0 auto}
body.va788on{padding-top:var(--va788h,44px)}body.va788on .ib0{top:calc(var(--va788h,44px) + 60px)}
.ib0foot{padding:6px;border-radius:14px;background:var(--panel);box-shadow:0 6px 18px rgba(0,0,0,.18)}.ib0foot button{box-shadow:none}

/* v7.9.0 · pro-rating */
.pr790b{margin:8px 0 10px;padding:10px 14px;border-radius:12px;background:rgba(240,138,36,.12);border:1px solid rgba(240,138,36,.45);font-size:13.5px}
#ps-pr790{width:100%;min-height:40px}

/* ===================== v7.9.1 · core 1.8.0 · phone shell: bottom bar on every screen, slim top bar · pos 1.6.4 · Tables toolbar ===================== */
@media (max-width:720px){
  /* the bottom bar stays on inside modules too (not in the POS till, the hotel front desk, kiosks or full-screen views) */
  body.bb791.hubfull:not(.posmode):not(.pmfull):not(.kioskmode):not(.eappmode):not(.k789ord):not(.cz725fs):not(.ac766fs):not(.sheetopen) #bnav.bb791bar,
  body.bb791.g785mode:not(.posmode):not(.kioskmode) #bnav.bb791bar{display:grid!important}
  body.bb791 #bnav.bb791bar{z-index:40;gap:0;padding-inline:4px}
  body.bb791 #bnav.bb791bar button{min-width:0;min-height:52px}
  body.bb791 #bnav.bb791bar button>span{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:0 2px}
  body.bb791 #bnav .bb791n{position:absolute;top:4px;left:calc(50% + 4px);min-width:18px;height:18px;padding:0 5px;border-radius:999px;background:#FF3B30;color:#fff;font:700 11px/18px var(--body);font-style:normal;text-align:center;box-shadow:0 0 0 2px var(--panel)}
  body.bb791 #bnav .bb791n[hidden]{display:none}
  /* room for the bar: nothing hides under it */
  body.bb791.bb791bn .wrap{padding-bottom:calc(96px + env(safe-area-inset-bottom,0px))!important}
  body.bb791.bb791bn.hubfull .totop{display:none!important}
  /* the floating + button sits just above the bar, the list scrolls clear of it */
  body.bb791.bb791bn #addBtn{bottom:calc(76px + env(safe-area-inset-bottom,0px))!important;right:14px!important;left:auto!important;box-shadow:0 6px 20px rgba(0,0,0,.25)}
  body.bb791.bb791bn:has(#addBtn:not([hidden])) #view{padding-bottom:64px}
  body.bb791.bb791bn .os44i{bottom:calc(84px + env(safe-area-inset-bottom,0px))}
  /* slim top bar: Back · title · AI · you (Apps is Home in the bar, the bell is Inbox, search is in Menu) */
  body.bb791 header.pf8bar.hf7bar .pf8apps,body.bb791 header.pf8bar.hf7bar .hf7bell,body.bb791 header.pf8bar.hf7bar #hx7KBtn,body.bb791 header.pf8bar.hf7bar [data-pf8fs]{display:none!important}
  body.bb791 header.pf8bar.hf7bar{transition:transform .25s ease;will-change:transform}
  body.bb791.bb791up header.pf8bar.hf7bar{transform:translateY(-110%)}
  body.bb791.bb791up{--hf8h:0px}
  body.bb791 header.pf8bar .pf8brand.bb791t{flex:1 1 auto;min-width:0;display:flex;align-items:center;gap:8px;border:0;background:none;color:inherit;font:inherit;text-align:left;padding:4px 6px;margin:0;border-radius:12px;min-height:44px;cursor:pointer}
  body.bb791 header.pf8bar .pf8brand.bb791t>span{min-width:0;overflow:hidden}
  body.bb791 header.pf8bar .pf8brand.bb791t b,body.bb791 header.pf8bar .pf8brand.bb791t em{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  body.bb791 header.pf8bar .pf8brand.bb791t .bb791cv{flex:none;opacity:.75}
  body.bb791 header.pf8bar .pf8brand.bb791t:active{background:rgba(255,255,255,.12)}
  /* the module row (‹ Operations · page · Sections) is replaced by the title above */
  body.bb791.hubfull nav.mb,body.bb791.hubfull nav.mb.mb-onhub[aria-label]{display:none!important}
  /* sections: one row you swipe instead of a big icon block */
  body.bb791 .mg-grid{display:flex!important;flex-wrap:nowrap!important;gap:8px!important;overflow-x:auto!important;overflow-y:hidden!important;padding:2px 2px 8px!important;margin:0 -16px 10px!important;padding-inline:16px!important;
    background:none!important;box-shadow:none!important;border-radius:0!important;scrollbar-width:none;-webkit-overflow-scrolling:touch;scroll-snap-type:x proximity;scroll-padding-inline:16px}
  body.bb791 .mg-grid::-webkit-scrollbar{display:none}
  body.bb791 .mg-grid .mg-it{flex-direction:row!important;gap:8px!important;padding:4px 14px 4px 4px!important;min-height:44px!important;border-radius:999px!important;background:var(--panel)!important;
    box-shadow:0 0 0 1px var(--line) inset!important;font-size:13px!important;font-weight:600!important;color:var(--text)!important;white-space:nowrap!important;scroll-snap-align:start}
  body.bb791 .mg-grid .mg-it>span:not(.mg-ic){max-width:none;overflow-wrap:normal}
  body.bb791 .mg-grid .mg-ic{width:34px!important;height:34px!important;border-radius:999px!important}
  body.bb791 .mg-grid .mg-ic svg{width:18px!important;height:18px!important}
  body.bb791 .mg-grid .mg-it[aria-current="page"],body.bb791 .mg-grid .mg-it[aria-selected="true"]{box-shadow:0 0 0 2px var(--accent) inset!important}
  /* People: its sections are the same swipe row */
  body.bb791 .hrpage .hrm193-g{display:flex!important;flex-wrap:nowrap!important;grid-template-columns:none!important;overflow-x:auto!important;gap:8px!important;background:none!important;box-shadow:none!important;border:0!important;border-radius:0!important;
    padding:2px 16px 8px!important;margin:0 -16px 10px!important;scroll-padding-inline:16px;scrollbar-width:none}
  body.bb791 .hrpage .hrm193-g button{flex:none!important;display:flex!important;flex-direction:row!important;align-items:center!important;gap:8px!important;width:auto!important;min-height:44px!important;padding:4px 14px 4px 4px!important;
    border-radius:999px!important;background:var(--panel)!important;box-shadow:0 0 0 1px var(--line) inset!important;white-space:nowrap!important;font-size:13px!important;font-weight:600!important;color:var(--text)!important;text-transform:none!important}
  body.bb791 .hrpage .hrm193-g button .hrg-ic{width:34px!important;height:34px!important;border-radius:999px!important;margin:0!important;flex:none}
  body.bb791 .hrpage .hrm193-g button .hrg-ic svg{width:18px!important;height:18px!important}
  body.bb791 .hrpage .hrm193-g button .hrg-l{white-space:nowrap!important;font-size:13px!important}
  body.bb791 .hrpage .hrm193-g button[aria-selected="true"]{box-shadow:0 0 0 2px var(--accent) inset!important;outline:0!important}
  /* first-visit tip: full width above the bottom bar */
  body.bb791 .tip788{left:12px;right:12px;transform:none;max-width:none;bottom:calc(84px + env(safe-area-inset-bottom,0px))}
  body.bb791 .tip788>span{flex:1 1 auto;min-width:0}
  /* notifications from the Inbox tab: a panel above the bottom bar */
  body.bb791 #ntPop.bb791pop{position:fixed;left:10px;right:10px;top:auto;bottom:calc(76px + env(safe-area-inset-bottom,0px));width:auto;max-height:min(70vh,560px);z-index:80}
}
@media (min-width:721px){#ntPop.bb791pop{position:fixed;right:16px;top:64px;z-index:80}}

/* POS Tables: stats, Paid today, Credit, Tonight, Waiters, Busy only and + New bill in one row; no empty Open bills block */
.fl287.pt791{display:flex;align-items:center;flex-wrap:wrap;gap:8px 12px;margin:0 0 10px}
.fl287.pt791>.fl287l{flex:1 1 auto;min-width:0;display:flex;align-items:center;flex-wrap:wrap;gap:8px}
.fl287.pt791>.fl287r{flex:0 1 auto;display:flex;align-items:center;flex-wrap:wrap;justify-content:flex-end;gap:8px;margin-left:auto}
.fl287.pt791 .pmstats.pt791s{margin:0;padding:6px 12px;border-radius:12px;min-height:40px;display:flex;align-items:center;flex-wrap:wrap;gap:4px 14px;box-shadow:none}
.fl287.pt791 .pmstats.pt791s>*{margin:0}
.fl287.pt791 .k789b{min-height:36px}
.fl287.pt791 .pt791n{min-height:36px;white-space:nowrap}
@media (max-width:720px){.fl287.pt791>.fl287r{justify-content:flex-start;margin-left:0}.fl287.pt791 .pmstats.pt791s{width:100%}}

/* ===================== v7.9.2 · hr 1.2.5 · My pay so far: full width, normal text ===================== */
#view section.v775pay.hp792{width:auto;max-width:none;flex:none;grid-column:1/-1;opacity:1;color:var(--text);margin:0 0 14px}
#view section.v775pay.hp792 .v775pt b{color:var(--text)}
#view section.v775pay.hp792 summary{color:var(--accent);font-weight:600;cursor:pointer;min-height:44px;display:flex;align-items:center}

/* ===================== v7.9.6 · core 1.8.2 · phone review fixes ===================== */
@media (max-width:720px){
  /* chip rows (sub-pages, outlets, filters): one row you swipe, never 2–3 wrapped lines */
  body.pr796 .mg-wrap,body.pr796 .hrpage .hrm193-p,body.pr796 .hrpage .hrchips,body.pr796 .hrpage .h2seg{flex-wrap:nowrap!important;overflow-x:auto!important;overflow-y:hidden!important;row-gap:0!important;
    scrollbar-width:none;-webkit-overflow-scrolling:touch;margin-inline:-16px!important;padding-inline:16px!important;scroll-padding-inline:16px;max-width:none!important}
  body.pr796 .mg-wrap::-webkit-scrollbar,body.pr796 .hrpage .hrm193-p::-webkit-scrollbar,body.pr796 .hrpage .hrchips::-webkit-scrollbar{display:none}
  body.pr796 .mg-wrap>*,body.pr796 .hrpage .hrm193-p>button,body.pr796 .hrpage .hrchips>*{flex:0 0 auto!important;width:auto!important;grid-column:auto!important;white-space:nowrap!important}
  body.pr796 .hrpage .hrchips,body.pr796 .hrpage .hrm193-p{display:flex!important}
  body.pr796 .hrpage .hrchips .evchip{min-height:40px;padding:0 14px!important}
  /* HR: the "join with ID card" box is one line when nobody is waiting */
  body.pr796 .jn588:not(:has(li)) .hint,body.pr796 .jn588:not(:has(li)) p{display:none!important}
  body.pr796 .jn588:not(:has(li)){display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;padding:10px 14px!important}
  body.pr796 .jn588:not(:has(li)) h3,body.pr796 .jn588:not(:has(li)) h4{margin:0!important;font-size:15px}
  /* HR list filters: compact 2 × 2 */
  body.pr796 .hrpage .hrfbar select{min-height:40px;font-size:14px}
  /* Menu: 5 apps a row so most of it fits on one screen */
  body.pr796 #moreGrid.ag{grid-template-columns:repeat(5,minmax(0,1fr));gap:10px 4px}
  body.pr796 #moreGrid.ag .ag-i{font-size:11.5px;line-height:1.2}
  body.pr796 #moreSheet .sheetpanel{overscroll-behavior:contain;-webkit-overflow-scrolling:touch;touch-action:pan-y}
}
@media (max-width:720px){
  /* Hotel on phones: the same slim top bar and the app's bottom bar as every other module */
  body.pr796.bb791.pmmode:not(.kioskmode):not(.posmode):not(.sheetopen) #bnav.bb791bar{display:grid!important}
  body.pr796.bb791.pmmode .wrap{padding-bottom:calc(96px + env(safe-area-inset-bottom,0px))!important}
  body.pr796.bb791 header.pf8bar .pf8apps,body.pr796.bb791 header.pf8bar [data-pf8fs]{display:none!important}
  body.pr796.bb791 header.pf8bar .pf8brand{flex:1 1 auto;min-width:0}
  body.pr796.bb791 header.pf8bar{transition:transform .25s ease}
  body.pr796.bb791.bb791up header.pf8bar{transform:translateY(-110%)}
}
@media (max-width:360px){body.pr796 #moreGrid.ag{grid-template-columns:repeat(4,minmax(0,1fr))}}

/* ===================== v8.0.1 · core 1.8.4 · tasks 1.0.3 ===================== */
/* Menu as a list: every app shows (the Mail page's .ml style no longer cuts it at one screen) */
#moreGrid.ag.ml{height:auto!important;overflow:visible!important;border:0!important;background:none!important;margin-inline:0!important;border-radius:0!important;grid-template-columns:none!important}
@media (max-width:720px){
  /* the bell is back in a module's top bar; its list opens right under the bar */
  body.bb801 header.pf8bar.hf7bar .hf7bell{display:inline-flex!important}
  body.bb801 #ntPop.bb801top{top:calc(var(--hf8h,56px) + env(safe-area-inset-top,0px) + 6px)!important;bottom:auto!important;max-height:min(70vh,560px)}
  /* Search everything: a full-screen page above the keyboard, no blur (smooth on iPhone) */
  body.bb801 .hx7k.hx7m{inset:auto 0 auto 0;top:var(--hx7vt,0px);height:var(--hx7vh,100dvh);padding:0;align-items:stretch}
  body.bb801 .hx7k.hx7m .hx7bg{display:none}
  body.bb801 .hx7k.hx7m .hx7kp{width:100%;height:100%;max-height:none;border:0;border-radius:0;box-shadow:none;animation:none;background:var(--panel)!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;padding-top:env(safe-area-inset-top,0px)}
  body.bb801 .hx7k.hx7m .hx7kin{gap:8px;padding:8px 10px;border-bottom:1px solid var(--line)}
  body.bb801 .hx7k.hx7m .hx7kin>span{display:flex;align-items:center;justify-content:center;width:20px;color:var(--muted);font-size:0}
  body.bb801 .hx7k.hx7m .hx7kin input{font-size:17px!important;line-height:1.3;min-height:44px;padding:0 12px;border-radius:12px;background:var(--panel2,rgba(127,127,127,.12));-webkit-appearance:none;appearance:none}
  body.bb801 .hx7k.hx7m .hx7kr{flex:1;min-height:0;overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain}
  body.bb801.hx7kopen{overflow:hidden}
  /* Tasks on a phone */
  body.tk801 section.stats{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:8px!important}
  body.tk801 section.stats .stat{min-width:0;grid-column:auto!important;padding:10px 10px 9px!important;border-radius:14px}
  body.tk801 section.stats .stat .k{font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  body.tk801 section.stats .stat.main .kfull{display:none}body.tk801 section.stats .stat.main .kshort{display:inline!important}
  body.tk801 section.stats .stat .v{font-size:26px!important;line-height:1.15}
  body.tk801 section.stats .stat .s{display:none}
  body.tk801 section.stats .stat .bar{margin-top:4px}
  body.tk801 .wrap>.toolbar{flex-wrap:nowrap!important;overflow-x:auto;gap:8px!important;scrollbar-width:none;margin-inline:-16px;padding:2px 16px 6px;-webkit-overflow-scrolling:touch}
  body.tk801 .wrap>.toolbar::-webkit-scrollbar{display:none}
  body.tk801 .wrap>.toolbar>*,body.tk801 .wrap>.toolbar .pslot>*,body.tk801 #homeSeg,body.tk801 #pSlot{flex:none!important}
  body.tk801 .wrap>.toolbar .pslot:not([hidden]){display:flex;align-items:center;gap:8px;flex:none}
  body.tk801 .wrap>.toolbar .seg button{min-height:38px;padding:0 12px;white-space:nowrap}
  body.tk801 .wrap>.toolbar .ghost{min-height:38px;white-space:nowrap}
  body.tk801 .onlyme.on{background:color-mix(in srgb,var(--accent) 13%,var(--panel))!important;background-image:none!important;color:var(--accent)!important;border:1px solid color-mix(in srgb,var(--accent) 45%,transparent)!important;box-shadow:none!important;font-weight:700}
  body.tk801 .pbanner{padding:12px 14px!important;gap:12px!important;align-items:center;border-radius:16px}
  body.tk801 .pbanner .av.xl{width:44px!important;height:44px!important;font-size:15px!important;flex:none}
  body.tk801 .pbanner h2{font-size:18px!important;line-height:1.2;margin:0}
  body.tk801 .pbanner .pbstats{margin-top:2px}
  body.tk801 .pbanner .pbacts{display:none}
  body.tk801 main>.empty,body.tk801 #view>.empty{padding:18px 14px!important;font-size:14px}
  body.tk801 #addBtn{animation:none!important;box-shadow:0 6px 18px rgba(0,0,0,.22)!important}
  /* selected page pill: a clear tinted pill, not a ring hidden behind the icon */
  body.bb801 .mg-grid .mg-it[aria-current="page"],body.bb801 .mg-grid .mg-it[aria-selected="true"]{box-shadow:none!important;outline:2px solid var(--accent);outline-offset:-2px;background:color-mix(in srgb,var(--accent) 10%,var(--panel))!important}
}

/* ===================== v8.0.2 · core 1.8.5 · tasks 1.0.4 ===================== */
@media (prefers-reduced-motion:no-preference){
  body.c802 #view.fd802{animation:fd802 .22s ease-out both}
  @keyframes fd802{from{opacity:0}to{opacity:1}}
}
/* Tasks on a phone: no blank band between the list and the colour key; room for + Add task is at the end of the page */
@media (max-width:720px){
  body.tk802.bb791.bb791bn:has(#addBtn:not([hidden])) #view{padding-bottom:0!important}
  body.tk802.bb791.bb791bn:has(#addBtn:not([hidden])) .wrap{padding-bottom:calc(150px + env(safe-area-inset-bottom,0px))!important}
  body.tk802 #view>.empty{margin-bottom:0}
  body.tk802 .wrap>.legend{margin-top:12px}
}
.hx7kr .sr802busy{padding:8px 16px;margin:0}

/* ===================== v8.0.3 · core 1.8.6 ===================== */
@media (max-width:720px){
  /* bottom bar: no grey strip under it on iPhone */
  body.c803 #bnav{background:var(--panel)!important}
  body.c803 #bnav::after{content:"";position:absolute;left:0;right:0;top:100%;height:160px;background:var(--panel);pointer-events:none}
  html:has(body.c803.bb791bn){background:var(--panel)}
  /* OSNL AI on a phone: plain (no blur) so it scrolls and types smoothly */
  body.c803 .cw721 .cw7p{-webkit-backdrop-filter:none!important;backdrop-filter:none!important;background:var(--panel)!important;transition:opacity .15s ease!important;transform:none!important}
  body.c803 .cw721 .cw7bg{-webkit-backdrop-filter:none!important;backdrop-filter:none!important}
}
/* OSNL AI: no "How this screen works" strip; no focus box on the title */
body.c803 .cw721 .h788w{display:none!important}
body.c803 .cl8ht h2:focus,body.c803 .cl8ht h2:focus-visible,body.c803 #cw7T:focus{outline:none!important;box-shadow:none!important}
/* recent chats */
.cl803r{width:100%;max-width:640px;margin:18px auto 0;display:flex;flex-direction:column;text-align:left}
.cl803hd{display:flex;align-items:center;justify-content:space-between;margin:0 4px 6px}
.cl803h{margin:0;font-size:13px;font-weight:700;color:var(--muted)}
.cl803all{border:0;background:none;color:var(--accent);font:600 13px var(--body,inherit);padding:6px 4px;min-height:36px;cursor:pointer}
.cl803i{display:flex;align-items:center;gap:12px;width:100%;min-height:48px;padding:10px 12px;border:0;border-top:1px solid var(--line);background:none;color:var(--text);font:inherit;text-align:left;cursor:pointer;border-radius:0}
.cl803i:first-of-type{border-top:0}
.cl803i:hover,.cl803i:focus-visible{background:color-mix(in srgb,var(--accent) 7%,transparent)}
.cl803t{flex:1;min-width:0;font-size:15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cl803a{flex:none;font-size:12.5px;color:var(--muted)}
.cl803e{margin:4px;color:var(--muted);font-size:13px}

/* ===================== v8.0.7 · core 1.8.8 · OSNL AI on a phone ===================== */
/* full height unless the keyboard is up */
@media (pointer:coarse){html.v772:not(.kb807) body.ai807 .a7{top:0!important;bottom:0!important;height:auto!important}}
@media (max-width:720px){
  body.ai807 .a7{overscroll-behavior:none}
  /* top bar: ☰ · title (and model) · new chat · close, like an app */
  body.ai807 .a7top{display:grid!important;grid-template-columns:44px minmax(0,1fr) auto auto;align-items:center;gap:2px;min-height:52px;padding:4px 6px!important;border-bottom:1px solid var(--line);background:var(--bg)}
  body.ai807 .a7top .sp,body.ai807 .a7top .a7ready{display:none!important}
  body.ai807 .a7top .a7ic{width:44px;height:44px;min-width:44px;border-radius:12px;font-size:20px;display:inline-flex;align-items:center;justify-content:center}
  body.ai807 .a7top .a7ic:active{background:color-mix(in srgb,var(--text) 8%,transparent)}
  body.ai807 .a7title{display:block!important;min-width:0;text-align:center;font-size:16px;font-weight:700;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  body.ai807 .a7title .ai807m{display:block;font-size:11.5px;font-weight:500;color:var(--muted);max-width:100%;overflow:hidden;text-overflow:ellipsis}
  body.ai807 .a7 .cl8bar .cl8model{display:none!important}
  /* messages: readable, your words in a bubble, big touch targets */
  body.ai807 .a7 .cl8scroll{padding-bottom:8px;scroll-padding-bottom:12px}
  body.ai807 .a7 .cl8m{padding-inline:16px!important}
  body.ai807 .a7 .cl8m.me .cl8u{max-width:84%;margin-left:auto;padding:10px 14px;border-radius:20px 20px 6px 20px;background:color-mix(in srgb,var(--accent) 14%,var(--panel));font-size:16px;line-height:1.45}
  body.ai807 .a7 .cl8txt{font-size:16px!important;line-height:1.6}
  body.ai807 .a7 .cl8acts .cl8a{min-width:40px;min-height:40px}
  /* composer: one slim pill pinned to the bottom, above the home bar */
  body.ai807 .a7 .cl8foot{padding:6px 10px calc(8px + env(safe-area-inset-bottom,0px))!important;background:var(--bg)!important;border-top:1px solid var(--line)}
  html.kb807 body.ai807 .a7 .cl8foot{padding-bottom:8px!important}
  body.ai807 .a7 .cl8c:not(.cl8empty) .cl8in{flex-direction:row;align-items:flex-end;gap:6px;padding:5px 5px 5px 6px;border-radius:24px;box-shadow:none}
  body.ai807 .a7 .cl8c:not(.cl8empty) .cl8in .cl8bar{display:contents}
  body.ai807 .a7 .cl8c:not(.cl8empty) .cl8in .cl8bar .sp{display:none}
  body.ai807 .a7 .cl8c:not(.cl8empty) .cl8in .cl8plus{order:-1;flex:none;width:36px;height:36px}
  body.ai807 .a7 .cl8c:not(.cl8empty) .cl8in textarea{order:0;flex:1;min-width:0;min-height:36px;padding:7px 4px;font-size:16px!important;line-height:1.35}
  body.ai807 .a7 .cl8c:not(.cl8empty) .cl8in .cl8send{order:1;flex:none;width:36px;height:36px;border-radius:50%}
  body.ai807 .a7 .cl8in textarea{font-size:16px!important}
  /* suggestions: one row you swipe */
  body.ai807 .a7 .cl8chips{flex-wrap:nowrap!important;overflow-x:auto;scrollbar-width:none;padding-inline:16px;scroll-padding-inline:16px}
  body.ai807 .a7 .cl8chips::-webkit-scrollbar{display:none}
  body.ai807 .a7 .cl8chips>*{flex:none}
  /* jump to the latest message */
  body.ai807 .a7 .cl8down{bottom:calc(78px + env(safe-area-inset-bottom,0px))!important;width:40px;height:40px;border-radius:50%;box-shadow:0 4px 14px rgba(0,0,0,.18)}
  body.ai807 .a7.a7open .cl8down{display:none!important}
  /* chats drawer: full height, big rows */
  body.ai807 .a7side .a7hl{min-height:44px;font-size:15px}
  body.ai807 .a7side .a7new{min-height:44px;font-size:15px}
}

/* ===================== v8.1.0 · hr 1.3.0 ===================== */
.h810mv{display:inline-flex;align-items:center;gap:2px;padding:2px;border-radius:12px;background:var(--panel2,rgba(127,127,127,.1))}
.h810mv .h810b{width:36px;height:36px;border:0;border-radius:10px;background:none;color:var(--text);font-size:20px;line-height:1;cursor:pointer}
.h810mv .h810b:hover:not(:disabled){background:var(--panel)}
.h810mv .h810b:disabled{opacity:.3;cursor:default}
.h810mv .h810l{min-width:128px;text-align:center;font-size:14px;font-weight:700;white-space:nowrap}
.h782h{display:flex;align-items:center;flex-wrap:wrap;gap:8px}
.h810mv.big{display:flex;justify-content:space-between;margin:0 16px 8px}
.h810mv.big .h810b{width:44px;height:44px}
.h810mv.big .h810l{font-size:16px}
.h810v{position:fixed;inset:0;z-index:1200;background:rgba(0,0,0,.45);display:flex;align-items:stretch;justify-content:center;padding:max(16px,env(safe-area-inset-top)) 16px 16px}
.h810vp{width:min(860px,100%);display:flex;flex-direction:column;background:var(--panel);color:var(--text);border-radius:18px;overflow:hidden;box-shadow:0 20px 60px rgba(0,0,0,.35)}
.h810vh{display:flex;align-items:center;gap:10px;padding:12px 14px;border-bottom:1px solid var(--line)}
.h810vt{flex:1;min-width:0;display:flex;flex-direction:column}.h810vt b{font-size:17px}.h810vt span{font-size:13px;color:var(--muted)}
.h810x{width:40px;height:40px;border:0;border-radius:12px;background:var(--panel2,rgba(127,127,127,.12));color:var(--text);font-size:16px;cursor:pointer}
.h810vb{flex:1;min-height:0;overflow-y:auto;padding:4px 16px calc(16px + env(safe-area-inset-bottom));-webkit-overflow-scrolling:touch;overscroll-behavior:contain}
body.h810open{overflow:hidden}
@media (max-width:720px){.h810v{padding:0}.h810vp{border-radius:0;width:100%}.h810vh{padding-top:calc(10px + env(safe-area-inset-top))}}
.h810tabs{display:inline-flex;gap:4px;padding:3px;margin:0 0 10px;border-radius:12px;background:var(--panel2,rgba(127,127,127,.1))}
.h810tabs button{min-height:38px;padding:0 14px;border:0;border-radius:9px;background:none;color:var(--muted);font:600 14px var(--body,inherit);cursor:pointer;display:inline-flex;align-items:center;gap:6px}
.h810tabs button span{min-width:22px;padding:1px 7px;border-radius:999px;background:rgba(127,127,127,.18);font-size:12px}
.h810tabs button[aria-selected="true"]{background:var(--panel);color:var(--text);box-shadow:0 1px 3px rgba(0,0,0,.12)}

/* ===================== v8.2.0 · inv 1.2.0 · Purchasing hub ===================== */
.pu8 .rq-h{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;flex-wrap:wrap}
.pu8ha{display:flex;gap:8px;flex-wrap:wrap}
.pu8st{display:flex;gap:6px;overflow-x:auto;scrollbar-width:none;padding:2px 0 8px}.pu8st::-webkit-scrollbar{display:none}
.pu8st button{flex:none;min-height:36px;padding:0 12px;border:1px solid var(--line);border-radius:999px;background:var(--panel);color:var(--text);font:600 13px var(--body,inherit);cursor:pointer;display:inline-flex;align-items:center;gap:6px;white-space:nowrap}
.pu8st button span{min-width:20px;padding:0 6px;border-radius:999px;background:rgba(127,127,127,.16);font-size:12px}
.pu8st button[aria-pressed="true"]{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent) inset;color:var(--accent)}
.pu8bar{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:4px 0 10px}.pu8bar input[type=search]{flex:1 1 220px;min-height:40px}
.pu8list{display:flex;flex-direction:column;gap:8px}
.pu8r{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,1.6fr) auto auto;align-items:center;gap:6px 12px;width:100%;padding:12px 14px;border:1px solid var(--line);border-radius:14px;background:var(--panel);color:var(--text);font:inherit;text-align:left;cursor:pointer}
.pu8r:hover{border-color:color-mix(in srgb,var(--accent) 40%,var(--line))}
.pu8n{display:flex;flex-direction:column;min-width:0}.pu8n em{font-style:normal;color:var(--muted);font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pu8m{color:var(--muted);font-size:13px;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pu8a{font-variant-numeric:tabular-nums;font-weight:700;white-space:nowrap}
.pu8f{grid-column:1/-1;font-size:12.5px;color:#B45309;background:color-mix(in srgb,#F59E0B 14%,transparent);border-radius:8px;padding:4px 8px;justify-self:start}
@media (max-width:720px){.pu8r{grid-template-columns:minmax(0,1fr) auto}.pu8m{grid-column:1/-1;order:3}}
.pu8form{max-width:900px}.pu8lines{display:flex;flex-direction:column;gap:6px}
.pu8lh,.pu8l{display:grid;grid-template-columns:minmax(0,2.2fr) 80px 100px minmax(0,1.4fr) 40px;gap:6px;align-items:center}.pu8lh{font-size:12px;color:var(--muted)}
@media (max-width:720px){.pu8lh{display:none}.pu8l{grid-template-columns:1fr 1fr 40px;padding:8px;border:1px solid var(--line);border-radius:12px}.pu8l input[data-pu8nl$="|desc"],.pu8l select{grid-column:1/-1}}
.pu8tot{text-align:right;margin:6px 0 0}
.pu8warn{padding:10px 12px;border-radius:12px;background:color-mix(in srgb,#F59E0B 16%,var(--panel));font-weight:600}.pu8ok{padding:10px 12px;border-radius:12px;background:color-mix(in srgb,#22C55E 14%,var(--panel));font-weight:600}
.pu8c{padding:12px 14px;border:1px solid var(--line);border-left:4px solid var(--line);border-radius:14px;background:var(--panel)}.pu8c.flag{border-left-color:#F59E0B}.pu8c.ok{border-left-color:#22C55E}.pu8c.done{opacity:.8;border-left-color:#22C55E}
.pu8ch{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:10px;align-items:baseline}.pu8ch span{color:var(--muted);font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.pu8fl{margin:6px 0;padding:0;list-style:none;font-size:13.5px;color:#B45309}.pu8okl{margin:6px 0;color:#15803D;font-size:13.5px}.pu8note{flex:1 1 160px;min-height:36px}
.pu8tw{overflow-x:auto;border:1px solid var(--line);border-radius:14px;background:var(--panel)}
.pu8tb{width:100%;border-collapse:collapse;font-size:14px}.pu8tb th{position:sticky;top:0;background:var(--panel2,var(--panel));text-align:left;font-size:12px;color:var(--muted);padding:8px 10px;white-space:nowrap}
.pu8tb td{padding:8px 10px;border-top:1px solid var(--line);vertical-align:top}.pu8tb td small{display:block;color:var(--muted);font-size:12px}.pu8tb td small.bad{color:#DC2626}.pu8tb td small.ok{color:#15803D}
.pu8tb tr.over td{background:color-mix(in srgb,#EF4444 6%,transparent)}.pu8tb input[type=number]{width:96px;min-height:34px}.pu8tb select{max-width:180px;min-height:34px}
.pu8rt td:not(:first-child),.pu8rt th:not(:first-child){text-align:center}.pu8ck{display:inline-flex;min-width:44px;min-height:40px;align-items:center;justify-content:center}.pu8ck input{width:20px;height:20px}
.pu8big{display:flex;align-items:baseline;gap:12px;flex-wrap:wrap;margin:6px 0 14px}.pu8big b{font-size:32px}.pu8big span{color:var(--muted)}.pu8big em{font-style:normal;font-weight:600}.pu8big em.bad{color:#DC2626}.pu8big em.ok{color:#15803D}
.pu8grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:12px}
.pu8sp{padding:12px 14px;border:1px solid var(--line);border-radius:14px;background:var(--panel)}.pu8sp h3{margin:0 0 8px;font-size:15px}
.pu8sr{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:2px 10px;padding:6px 0;border-top:1px solid var(--line)}.pu8sr:first-of-type{border-top:0}.pu8sr span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.pu8sr .pu8bg{grid-column:1/-1;height:6px;border-radius:99px;background:rgba(127,127,127,.18);overflow:hidden}.pu8bg i{display:block;height:100%;background:#22C55E}.pu8bg i.near{background:#F59E0B}.pu8bg i.over{background:#EF4444}.pu8sr small{grid-column:1/-1;color:var(--muted);font-size:12px}
.pu8bud{margin-top:14px}.pu8bud summary{cursor:pointer;font-weight:600;padding:8px 0}
@media (max-width:720px){.pu8form.pf{grid-template-columns:minmax(0,1fr)}.pu8form .w2{grid-column:1/-1}.pu8form input,.pu8form select{width:100%;min-width:0;box-sizing:border-box}.pu8 .rq-tabs{overflow-x:auto;flex-wrap:nowrap;scrollbar-width:none}.pu8 .rq-tabs::-webkit-scrollbar{display:none}.pu8 .rq-tabs button{flex:none}}

/* 8.2.1 · the full logo on the sign-in screen */
.lgcard .lglogo.lgword{width:auto!important;height:auto!important;max-width:min(240px,70%)!important;max-height:104px!important;border-radius:0!important;box-shadow:none!important;background:none!important;object-fit:contain;display:block;margin:0 0 14px}
/* 8.2.2 · POS Dashboard pages: one "‹ POS Dashboard" (in the header); readable comparison on the Net sales tile */
.p822 .possetup>.p782back,.p822 .possetup>.p233back,.p822 .possetup .w11wz>[data-p233="dash"],.p822 .gl281h>[data-p233="dash"]{display:none!important}
.r595k.r595hero small,.r595k.r595hero small *,body #view .possetup button.r595k.r595hero small,body #view .possetup button.r595k.r595hero small *{color:#fff!important;opacity:1!important}
.r595k.r595hero em.up{background:#c9f7df!important;color:#0F3D2E!important;font-weight:700}.r595k.r595hero em.dn{background:#ffe0c2!important;color:#7a3300!important;font-weight:700}
.r595k.r595hero em{padding:1px 7px;border-radius:999px;font-style:normal}
/* ===================== 8.3.0 · POS Dashboard: Tonight · Reports · Menu · Settings ===================== */
.pd830{display:flex;flex-direction:column;gap:14px;padding-bottom:24px}
.pd830h{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:16px 18px;border-radius:20px;background:linear-gradient(135deg,#0F3D2E 0%,#17604a 100%);color:#fff;box-shadow:0 6px 20px rgba(15,61,46,.18)}
.pd830t{display:flex;align-items:center;gap:12px;min-width:0}
.pd830i{width:44px;height:44px;border-radius:12px;background:rgba(255,255,255,.14);display:grid;place-items:center;flex:none}.pd830i svg{width:24px;height:24px;stroke:#fff;fill:none}
.pd830t h1{margin:0;font-size:24px;line-height:1.15;color:#fff;letter-spacing:-.01em}.pd830t p{margin:2px 0 0;font-size:13px;color:rgba(255,255,255,.88)}
.pd830a{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.pd830h .pd830sel select{min-height:40px;border-radius:10px;border:1px solid rgba(255,255,255,.35);background:rgba(255,255,255,.12);color:#fff;padding:0 10px;font:inherit;font-weight:600}
.pd830h .pd830sel select option{color:#111}
.pd830sel{display:inline-flex;align-items:center;gap:6px}.pd830sel .sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.pd830h .pd830rl{min-width:40px;min-height:40px;color:#fff!important;border-color:rgba(255,255,255,.35)!important;background:transparent!important}
.pd830open{position:relative}.pd830open>summary{list-style:none;cursor:pointer;min-height:40px;display:inline-flex;align-items:center;background:#F08A24!important;color:#1b1003!important;border:0!important;font-weight:700;padding:0 16px;border-radius:10px}
.pd830open>summary::-webkit-details-marker{display:none}.pd830open>summary::after{content:"▾";margin-left:6px;font-size:11px}
.pd830menu{position:absolute;right:0;top:calc(100% + 6px);z-index:40;min-width:220px;background:var(--panel);color:var(--text);border:1px solid var(--line);border-radius:14px;padding:6px;box-shadow:0 12px 32px rgba(0,0,0,.22)}
.pd830menu button{display:flex;align-items:center;gap:10px;width:100%;min-height:44px;padding:0 12px;border:0;background:none;color:var(--text);font:inherit;border-radius:10px;cursor:pointer;text-align:left}
.pd830menu button:hover{background:rgba(127,127,127,.12)}.pd830menu b{flex:1}.pd830menu small{color:var(--muted)}
.pd830menu i{width:8px;height:8px;border-radius:50%;background:#9aa0a6}.pd830menu i.on{background:#22a06b}
/* tabs: Apple segmented (default), Microsoft underline, Google pill chips */
.pd830tabs{display:flex;gap:2px;padding:3px;border-radius:12px;background:rgba(118,118,128,.14);width:max-content;max-width:100%;overflow-x:auto;scrollbar-width:none}
.pd830tabs::-webkit-scrollbar{display:none}
.pd830tabs button{min-height:40px;min-width:96px;padding:0 18px;border:0;border-radius:9px;background:none;color:var(--text);font:inherit;font-weight:600;cursor:pointer;transition:background .2s,box-shadow .2s;white-space:nowrap}
.pd830tabs button.on{background:var(--panel);box-shadow:0 1px 4px rgba(0,0,0,.14)}
html[data-ui="ms"] .pd830tabs,html[data-ui="microsoft"] .pd830tabs{background:none;border-bottom:1px solid var(--line);border-radius:0;padding:0;width:100%;gap:4px}
html[data-ui="ms"] .pd830tabs button,html[data-ui="microsoft"] .pd830tabs button{border-radius:4px 4px 0 0;min-width:0;position:relative}
html[data-ui="ms"] .pd830tabs button.on,html[data-ui="microsoft"] .pd830tabs button.on{background:none;box-shadow:none;color:#0F3D2E}
html[data-theme="dark"] .pd830tabs button.on{color:var(--text)}
html[data-ui="ms"] .pd830tabs button.on::after,html[data-ui="microsoft"] .pd830tabs button.on::after{content:"";position:absolute;left:16px;right:16px;bottom:-1px;height:3px;border-radius:2px;background:#F08A24}
html[data-ui="google"] .pd830tabs{background:none;padding:0;gap:8px}
html[data-ui="google"] .pd830tabs button{border-radius:999px;border:1px solid var(--line);min-width:0}
html[data-ui="google"] .pd830tabs button.on{background:#0F3D2E;color:#fff;border-color:#0F3D2E;box-shadow:none}
html[data-ui="ms"] .pd830h,html[data-ui="microsoft"] .pd830h{border-radius:8px}html[data-ui="google"] .pd830h{border-radius:28px;box-shadow:none}
.pd830cr{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.pd830cr>b{font-size:17px}.pd830cr .pd830sel select{min-height:40px;border-radius:10px;border:1px solid var(--line);background:var(--panel);color:var(--text);padding:0 10px;font:inherit}
.pd830b [data-p233="dash"],.pd830b .p782back,.pd830b .p233back,.pd830b .w11wz:empty{display:none!important}
/* Tonight */
.pd830n{display:flex;flex-direction:column;gap:14px}
.pd830ks{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px}
.pd830k{display:flex;flex-direction:column;gap:4px;text-align:left;padding:14px;border-radius:16px;background:var(--panel);border:1px solid var(--line);color:var(--text);font:inherit;min-height:96px}
button.pd830k{cursor:pointer}.pd830k>span{font-size:13px;color:var(--muted);font-weight:600}.pd830k>b{font-size:24px;line-height:1.1;font-variant-numeric:tabular-nums}.pd830k small{font-size:12px;color:var(--muted)}
.pd830k.pd830hero{grid-column:span 2;background:linear-gradient(140deg,#0F3D2E,#17604a);border-color:transparent;color:#fff}
.pd830k.pd830hero>span,.pd830k.pd830hero small{color:#fff!important}.pd830k.pd830hero>b{font-size:34px}
.pd830k.warn{border-color:#F08A24;box-shadow:inset 3px 0 0 #F08A24}
.pd830dl em{font-style:normal;font-weight:700;padding:1px 7px;border-radius:999px;margin-right:4px}
.pd830dl em.up{background:#d8f5e6;color:#0b5a3a}.pd830dl em.dn{background:#ffe3c9;color:#7a3300}
.pd830k.pd830hero .pd830dl em.up{background:#c9f7df;color:#0F3D2E}
.pd830row{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(0,1fr);gap:12px;align-items:start}
.pd830card{background:var(--panel);border:1px solid var(--line);border-radius:16px;padding:14px}
.pd830card>header{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:8px}.pd830card h3{margin:0;font-size:16px}
.pd830lg{margin:0;font-size:12px;color:var(--muted);display:flex;align-items:center;gap:6px}.pd830lg i{width:10px;height:10px;border-radius:3px;display:inline-block}
.pd830lg i.tn,.pd830cv rect.tn{fill:#F08A24;background:#F08A24}.pd830lg i.lw,.pd830cv rect.lw{fill:rgba(15,61,46,.18);background:rgba(15,61,46,.18)}
html[data-theme="dark"] .pd830cv rect.lw,html[data-theme="dark"] .pd830lg i.lw{fill:rgba(255,255,255,.18);background:rgba(255,255,255,.18)}
.pd830cv rect.tn.now{fill:#d96f0a}
.pd830cv{height:170px;border-bottom:1px solid var(--line)}.pd830hx{position:relative;height:18px;font-size:11px;color:var(--muted)}.pd830hx span{position:absolute;transform:translateX(-50%);top:3px}
.pd830fixes h3 small{font-size:12px;background:#F08A24;color:#1b1003;border-radius:999px;padding:1px 8px;margin-left:6px;vertical-align:2px}
.pd830fixes ul{list-style:none;margin:0;padding:0;max-height:260px;overflow:auto}
.pd830fixes li{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:2px 8px;padding:8px 0;border-top:1px solid var(--line);align-items:center}
.pd830fo{grid-column:1;font-size:12px;color:var(--muted);font-weight:600}.pd830ft{grid-column:1;font-size:14px}.pd830fixes li button{grid-column:2;grid-row:1/3;min-height:36px}
.pd830fixes.ok p{margin:0;color:#22a06b;font-weight:600}
.pd830sh2{font-size:18px;margin:6px 0 0}
.pd830og{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:12px}
.pd830o{display:flex;flex-direction:column;gap:10px}.pd830o header{margin:0}.pd830o header span{display:block;font-size:12px;color:var(--muted)}
.pd830sh{font-style:normal;font-size:12px;font-weight:600;padding:3px 9px;border-radius:999px;background:rgba(118,118,128,.14);color:var(--muted);white-space:nowrap}.pd830sh.on{background:#d8f5e6;color:#0b5a3a}
.pd830big{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap}.pd830big>b{font-size:26px;font-variant-numeric:tabular-nums}
.pd830o dl{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;margin:0}.pd830o dt{font-size:11px;color:var(--muted)}.pd830o dd{margin:0;font-weight:700;font-variant-numeric:tabular-nums}.pd830o dd.w{color:#c25e00}
.pd830top{margin:0;display:flex;flex-wrap:wrap;gap:6px;align-items:center;font-size:13px}.pd830top span{color:var(--muted);font-size:12px}.pd830top b{font-weight:600;background:rgba(240,138,36,.12);border-radius:8px;padding:2px 8px}
.pd830oa{display:flex;flex-wrap:wrap;gap:6px;align-items:center}.pd830oa button{min-height:40px}.pd830fx{color:#c25e00!important;border-color:#F08A24!important}.pd830ok{font-size:13px;color:#22a06b;font-weight:600}
/* Settings tab: grouped list */
.pd830s{display:flex;flex-direction:column;gap:16px}.pd830lead{margin:0}
.pd830grp h3{display:flex;align-items:center;gap:8px;margin:0 0 6px 4px;font-size:13px;color:var(--muted);font-weight:700}.pd830grp h3 svg{width:16px;height:16px;stroke:currentColor;fill:none}
.pd830list{display:flex;flex-direction:column;background:var(--panel);border:1px solid var(--line);border-radius:14px;overflow:hidden}
.pd830r{display:flex;align-items:center;gap:12px;min-height:56px;padding:8px 14px;border:0;border-top:1px solid var(--line);background:none;color:var(--text);font:inherit;text-align:left;cursor:pointer;width:100%}
.pd830r:first-child{border-top:0}.pd830r:hover{background:rgba(127,127,127,.08)}.pd830r>span:not(.p233ic){flex:1;display:flex;flex-direction:column;min-width:0}.pd830r small{color:var(--muted);font-size:12px}
.pd830r .p782qi{font-size:20px}.pd830chev{font-style:normal;color:var(--muted);font-size:20px}
html[data-ui="ms"] .pd830list,html[data-ui="microsoft"] .pd830list,html[data-ui="ms"] .pd830card,html[data-ui="microsoft"] .pd830card,html[data-ui="ms"] .pd830k,html[data-ui="microsoft"] .pd830k{border-radius:8px}
html[data-ui="google"] .pd830card,html[data-ui="google"] .pd830k,html[data-ui="google"] .pd830list{border-color:transparent;background:color-mix(in srgb,var(--panel) 88%,#0F3D2E 12%);border-radius:24px}
html[data-ui="google"] .pd830k.pd830hero{background:#0F3D2E}
@media (max-width:900px){.pd830row{grid-template-columns:minmax(0,1fr)}}
@media (max-width:600px){.pd830h{padding:14px;border-radius:16px}.pd830t h1{font-size:20px}.pd830a{width:100%}.pd830a .pd830sel{flex:1}.pd830a .pd830sel select{width:100%}
  .pd830tabs{width:100%}.pd830tabs button{flex:1;min-width:0;padding:0 8px}.pd830k.pd830hero{grid-column:1/-1}.pd830ks{grid-template-columns:repeat(2,minmax(0,1fr))}.pd830og{grid-template-columns:minmax(0,1fr)}
  .pd830o dl{grid-template-columns:repeat(2,minmax(0,1fr))}.pd830menu{right:auto;left:0}}
@media (prefers-reduced-motion:reduce){.pd830tabs button{transition:none}}
.pd830s{--b:#007AFF;--g:#34C759;--o:#FF9500;--t:#30B0C7;--i:#5856D6;--y:#8E8E93;--r:#FF3B30;--p:#AF52DE;--k:#FF2D55;--w:#FFCC00;--n:#A2845E}
html[data-theme="dark"] .pd830s{--b:#0A84FF;--g:#30D158;--o:#FF9F0A;--t:#40C8E0;--i:#5E5CE6;--y:#98989D;--r:#FF453A;--p:#BF5AF2;--k:#FF375F;--w:#FFD60A;--n:#AC8E68}
.pd830r .p233ic{width:34px;height:34px;flex:0 0 34px;border-radius:9px}.pd830r .p233ic.c-pink{background:var(--k)}.pd830r .p233ic.c-purple{background:var(--p)}.pd830r .p233ic.c-brown{background:var(--n)}
.pd830grp{background:none!important;border:0!important;padding:0!important;box-shadow:none!important}
/* 8.3.1 · Finance reports: portal (search, favourites), P&L comparison, Prime cost, Budget vs actual, Cash flow */
.fr831srch{margin:4px 0 14px}.fr831srch input{width:100%;max-width:520px;min-height:44px;border-radius:12px;border:1px solid var(--line);background:var(--panel);color:var(--text);padding:0 14px;font:inherit;font-size:16px}
.fr831c2{position:relative;display:flex}.fr831c2>.fz-rc{flex:1;padding-right:44px}
.fr831st{position:absolute;top:6px;right:6px;width:36px;height:36px;border:0;border-radius:10px;background:none;color:var(--muted);font-size:20px;cursor:pointer;line-height:1}
.fr831st.on{color:#F08A24}.fr831st:hover{background:rgba(127,127,127,.12)}
.fr831new{font-style:normal;font-size:11px;font-weight:700;background:#F08A24;color:#1b1003;border-radius:999px;padding:1px 7px;margin-left:4px;vertical-align:2px}
.fr831ks{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:10px;margin:8px 0 14px}
.fr831k{display:flex;flex-direction:column;gap:3px;padding:12px 14px;border-radius:14px;background:var(--panel);border:1px solid var(--line)}
.fr831k>span{font-size:13px;color:var(--muted);font-weight:600}.fr831k>b{font-size:22px;font-variant-numeric:tabular-nums}.fr831k small{font-size:12px;color:var(--muted)}
.fr831k.fr831hero{background:linear-gradient(140deg,#0F3D2E,#17604a);border-color:transparent}.fr831k.fr831hero>span,.fr831k.fr831hero>b,.fr831k.fr831hero small{color:#fff!important}
.fr831k.up>b{color:#1f8a5b}.fr831k.dn>b{color:#c25e00}
.fr831t tr.fr831sh th{text-align:left;font-size:13px;color:var(--muted);padding-top:14px;background:none}
.fr831t tr.fr831tot td{font-weight:700;border-top:1px solid var(--line)}.fr831t tr.fr831key td{font-weight:800;background:rgba(15,61,46,.06)}
html[data-theme="dark"] .fr831t tr.fr831key td{background:rgba(255,255,255,.06)}
.fr831t .fr831pc{color:var(--muted)}.fr831up{color:#1f8a5b!important}.fr831dn{color:#c25e00!important}
html[data-theme="dark"] .fr831up,html[data-theme="dark"] .fr831k.up>b{color:#5fd39a!important}html[data-theme="dark"] .fr831dn,html[data-theme="dark"] .fr831k.dn>b{color:#ffab5e!important}
.fr831c{display:inline-block;font-size:12px;font-weight:700;border-radius:999px;padding:1px 8px;margin-left:6px}.fr831c.ok{background:#d8f5e6;color:#0b5a3a}.fr831c.md{background:#fff0d6;color:#7a4b00}.fr831c.hi{background:#ffe0d6;color:#9a2a00}
.fr831pr{display:flex;align-items:center;gap:4px}.fr831bar{position:relative;height:8px;border-radius:4px;background:rgba(127,127,127,.15);margin-top:6px;display:flex;overflow:hidden;min-width:120px}
.fr831bar i{display:block;height:100%}.fr831bar i.c,.fr831lg i.c{background:#F08A24}.fr831bar i.s,.fr831lg i.s{background:#0F3D2E}html[data-theme="dark"] .fr831bar i.s,html[data-theme="dark"] .fr831lg i.s{background:#5fd39a}
.fr831bar em{position:absolute;top:-2px;bottom:-2px;width:2px;background:var(--text);opacity:.6}
.fr831lg i{display:inline-block;width:10px;height:10px;border-radius:3px;margin:0 4px 0 8px;vertical-align:-1px}
.fr831note{padding:12px 14px;border-radius:12px;background:rgba(240,138,36,.12);border:1px solid rgba(240,138,36,.4);margin:6px 0 12px}
.fr831ed{margin:8px 0 14px}.fr831eda{display:flex;gap:6px;flex-wrap:wrap}
.fr831eg{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:6px 16px}.fr831eg h4{grid-column:1/-1;margin:10px 0 0;font-size:13px;color:var(--muted)}
.fr831eg label{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:6px 0;border-bottom:1px solid var(--line)}.fr831eg label span{display:flex;flex-direction:column;min-width:0;font-size:14px}.fr831eg small{color:var(--muted);font-size:12px}
.fr831eg input{width:120px;min-height:40px;text-align:right;border-radius:10px;border:1px solid var(--line);background:var(--panel);color:var(--text);padding:0 10px;font:inherit}
.fr831cf{margin-bottom:12px}.fr831cf .fz-ch b{font-size:18px}
@media (max-width:600px){.fr831ks{grid-template-columns:repeat(2,minmax(0,1fr))}.fr831eg input{width:100px}.fr831bar{min-width:0}}
/* ===================== 8.4.0 · one app frame (sidebar + top bar) · POS reports · Night close ===================== */
:root{--sh840w:240px;--sh840h:60px}
body.sh840.sh840c{--sh840w:76px}
@media (max-width:900px){body.sh840 .wrap{padding-left:16px!important;padding-right:16px!important}#sh840t{padding:0 12px 0 14px}}
html body.sh840 header.hero,html body.sh840 header.pf8bar,html body.sh840 .wrap nav.mknav,html body.sh840 nav.mknav.rl715n{display:none!important}
body.sh840 .wrap{margin-left:var(--sh840w)!important;padding:calc(var(--sh840h) + 18px) 24px 28px!important;max-width:none!important;width:auto!important;display:block!important;box-sizing:border-box}
body.sh840 .wrap>main#view{margin:0!important;max-width:none!important;width:auto!important;padding-left:0!important;padding-right:0!important}
#sh840s{position:fixed;left:0;top:0;bottom:0;width:var(--sh840w);z-index:70;background:var(--panel,#fff);border-right:1px solid var(--line,#e3e5e1);display:flex;flex-direction:column;padding:10px 10px 12px;box-sizing:border-box;overflow:hidden auto;scrollbar-width:thin}
.sh840top{display:flex;align-items:center;gap:4px;padding:2px 0 10px;min-height:44px}
.sh840logo{flex:1;min-width:0;display:flex;align-items:center;gap:10px;border:0;background:none;color:var(--text);font:inherit;padding:4px 6px;border-radius:12px;cursor:pointer;text-align:left}
.sh840logo img{width:34px;height:34px;border-radius:10px;flex:none;object-fit:cover}.sh840logo b{font-size:13px;letter-spacing:.02em;line-height:1.2;display:block;white-space:normal}
.sh840tg{width:36px;height:36px;border:0;border-radius:10px;background:none;color:var(--muted);display:grid;place-items:center;cursor:pointer;flex:none}.sh840tg:hover,.sh840logo:hover{background:rgba(127,127,127,.1)}
.sh840nav{display:flex;flex-direction:column;gap:2px;flex:1}
.sh840m{display:flex;align-items:center;gap:12px;min-height:44px;padding:0 12px;border:0;border-radius:12px;background:none;color:var(--text);font:inherit;font-size:14.5px;font-weight:500;cursor:pointer;text-align:left;width:100%}
.sh840m:hover{background:rgba(127,127,127,.08)}.sh840m.on{background:rgba(15,61,46,.1);color:#0F3D2E;font-weight:700}
html[data-theme="dark"] .sh840m.on{background:rgba(95,211,154,.14);color:#8ee6bb}
.sh840mi{width:22px;height:22px;display:grid;place-items:center;flex:none}.sh840mi svg{width:21px;height:21px}.sh840mi svg:not([fill]){fill:none}.sh840ml{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sh840subs{display:flex;flex-direction:column;gap:1px;margin:2px 0 6px}
.sh840sub{position:relative;display:flex;align-items:center;gap:8px;min-height:36px;padding:0 10px 0 46px;border:0;border-radius:10px;background:none;color:var(--muted);font:inherit;font-size:13.5px;cursor:pointer;text-align:left;width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sh840sub:hover{background:rgba(127,127,127,.08);color:var(--text)}.sh840sub.on{color:var(--text);font-weight:700}.sh840sub.on::before{content:"";position:absolute;left:34px;top:9px;bottom:9px;width:3px;border-radius:2px;background:#F08A24}
.sh840h{margin:8px 0 2px 46px;font-size:11px;font-weight:700;color:var(--muted);text-transform:none;letter-spacing:.02em}
.sh840me{display:flex;align-items:center;gap:10px;padding:8px;border:0;border-radius:14px;background:rgba(127,127,127,.08);color:var(--text);font:inherit;cursor:pointer;text-align:left;margin-top:10px}
.sh840me .av{width:34px;height:34px;flex:none}.sh840me b{display:block;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:150px}.sh840me small{display:block;font-size:11.5px;color:var(--muted)}
/* narrow menu: icons only, with names on hover */
body.sh840c .sh840logo span,body.sh840c .sh840ml,body.sh840c .sh840h,body.sh840c .sh840me span{display:none}
body.sh840c .sh840top{flex-direction:column;gap:6px}body.sh840c .sh840logo{flex:none;padding:2px}body.sh840c .sh840m{justify-content:center;padding:0}
body.sh840c .sh840sub{justify-content:center;padding:0;min-height:38px;font-size:12px}body.sh840c .sh840sub.on{background:rgba(240,138,36,.14)}body.sh840c .sh840sub.on::before{left:2px}
body.sh840c .sh840sub i.rli{font-style:normal;font-size:17px}body.sh840c .sh840me{justify-content:center;padding:6px;background:none}
.sh840hr{display:block;height:1px;background:var(--line);margin:4px 12px}
/* the top bar: back arrow (only inside a page) + page name, then search, AI, business day, bell */
#sh840t{position:fixed;top:0;left:var(--sh840w);right:0;height:var(--sh840h);z-index:69;display:flex;align-items:center;gap:10px;padding:0 20px 0 22px;box-sizing:border-box;background:color-mix(in srgb,var(--bg,#f3f4f2) 86%,transparent);backdrop-filter:saturate(1.6) blur(14px);-webkit-backdrop-filter:saturate(1.6) blur(14px);border-bottom:1px solid var(--line,#e3e5e1)}
.sh840tt{margin:0;font-size:19px;font-weight:700;letter-spacing:-.01em;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}
.sh840g{flex:1}
.sh840bk{width:40px;height:40px;flex:none;border:0;border-radius:12px;background:rgba(127,127,127,.12);color:var(--text);display:grid;place-items:center;cursor:pointer}.sh840bk:hover{background:rgba(127,127,127,.2)}
.sh840q{display:flex;align-items:center;gap:8px;width:min(320px,28vw);height:40px;border:0;border-radius:12px;background:rgba(127,127,127,.12);color:var(--muted);font:inherit;font-size:14px;padding:0 12px;cursor:text}
.sh840q span{flex:1;text-align:left;white-space:nowrap;overflow:hidden}.sh840q kbd{font:inherit;font-size:11px;border:1px solid var(--line);border-radius:6px;padding:1px 6px;background:var(--panel)}
.sh840i{position:relative;width:40px;height:40px;flex:none;border:0;border-radius:12px;background:none;color:var(--text);display:grid;place-items:center;cursor:pointer}.sh840i:hover{background:rgba(127,127,127,.12)}
.sh840ai{background:linear-gradient(135deg,#1877F2,#5aa2ff);color:#fff}.sh840ai:hover{background:linear-gradient(135deg,#1466d6,#4a92f0)}
.sh840n{position:absolute;top:2px;right:0;min-width:18px;height:18px;padding:0 4px;border-radius:9px;background:#C62828;color:#fff;font:700 10.5px/18px inherit;font-style:normal;box-sizing:border-box}
.sh840day{font-size:13px;font-weight:600;padding:0 12px;height:36px;display:inline-flex;align-items:center;border-radius:12px;background:rgba(127,127,127,.12);white-space:nowrap}
@media (max-width:1100px){.sh840q span,.sh840q kbd{display:none}.sh840q{width:40px;padding:0;justify-content:center}.sh840day{display:none}}
/* Microsoft: square, thin lines, accent bar · Google: pills, tonal */
html[data-ui="ms"] #sh840s,html[data-ui="microsoft"] #sh840s{background:color-mix(in srgb,var(--panel,#fff) 92%,#888 8%)}
html[data-ui="ms"] .sh840m,html[data-ui="microsoft"] .sh840m,html[data-ui="ms"] .sh840sub,html[data-ui="microsoft"] .sh840sub,html[data-ui="ms"] .sh840bk,html[data-ui="microsoft"] .sh840bk,html[data-ui="ms"] .sh840q,html[data-ui="microsoft"] .sh840q,html[data-ui="ms"] .sh840i,html[data-ui="microsoft"] .sh840i{border-radius:6px}
html[data-ui="ms"] .sh840m.on,html[data-ui="microsoft"] .sh840m.on{position:relative;background:rgba(127,127,127,.12)}
html[data-ui="ms"] .sh840m.on::before,html[data-ui="microsoft"] .sh840m.on::before{content:"";position:absolute;left:0;top:12px;bottom:12px;width:3px;border-radius:2px;background:#F08A24}
html[data-ui="google"] .sh840m,html[data-ui="google"] .sh840sub,html[data-ui="google"] .sh840q,html[data-ui="google"] .sh840day{border-radius:999px}html[data-ui="google"] .sh840bk,html[data-ui="google"] .sh840i{border-radius:50%}
html[data-ui="google"] .sh840m.on{background:#c9ecd9;color:#0F3D2E}html[data-theme="dark"][data-ui="google"] .sh840m.on{background:#1f4d3c;color:#c9f7df}
html[data-ui="google"] #sh840s{border-right:0;background:color-mix(in srgb,var(--panel,#fff) 90%,#0F3D2E 10%)}
/* wide menu: the app's page tabs (Hub, POS, Food orders…) are in the menu, so the bar at the top of the page goes */
body.sh840.sh840g #view nav.mb{display:none!important}
/* the page's own "‹ …" button moves into the top bar */
[data-sh840hid]{display:none!important}
/* phones: back arrow at the start of the top bar */
.sh840pb{display:inline-flex;align-items:center;gap:2px;border:0;background:none;color:#0F3D2E;font:inherit;font-size:16px;font-weight:600;padding:0 6px 0 0;min-height:44px;max-width:46vw;flex:none;cursor:pointer}
.sh840pb span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}html[data-theme="dark"] .sh840pb{color:#8ee6bb}
body:has(#sh840pb) header.pf8bar .pf8brand,body:has(#sh840pb) header.pf8bar .pf8apps,body:has(#sh840pb) header.pf8bar .hb738{display:none!important}
@media print{#sh840s,#sh840t{display:none!important}body.sh840 .wrap{margin:0!important;padding:0!important}}

/* POS reports: use the whole width; tables scroll sideways inside their box; readable ▲ % on Net sales */
.p782.r782{max-width:none!important}
.px11tw{overflow-x:auto;-webkit-overflow-scrolling:touch}
body #view .possetup button.r595k.r595hero small em.up,body #view button.r595k.r595hero small em.up{background:#c9f7df!important;color:#0F3D2E!important;opacity:1!important}
body #view .possetup button.r595k.r595hero small em.dn,body #view button.r595k.r595hero small em.dn{background:#ffe0c2!important;color:#7a3300!important;opacity:1!important}

/* Night close */
.nc840{display:flex;flex-direction:column;gap:14px}
.nc840h{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;flex-wrap:wrap}.nc840h h2{margin:0;font-size:26px;letter-spacing:-.01em}.nc840h .hint{margin:2px 0 0}
.nc840nav{display:flex;align-items:center;gap:6px;font-weight:600}.nc840nav button{min-width:40px;min-height:40px}
.nc840ha{display:flex;align-items:center;gap:8px}.nc840go{background:#F08A24!important;color:#1b1003!important;border:0!important;min-height:44px;font-weight:700;padding:0 18px}
.nc840cl{font-weight:700;color:#1f8a5b;background:#d8f5e6;border-radius:999px;padding:6px 12px}html[data-theme="dark"] .nc840cl{background:#173f2f;color:#8ee6bb}
.nc840ks{display:grid;grid-template-columns:1.3fr 1fr 1fr 1fr;gap:10px}
.nc840k{display:flex;flex-direction:column;gap:3px;padding:14px 16px;border-radius:16px;background:var(--panel);border:1px solid var(--line)}
.nc840k>span{font-size:13px;color:var(--muted);font-weight:600}.nc840k>b{font-size:26px;font-variant-numeric:tabular-nums}.nc840k small{font-size:12.5px;color:var(--muted)}
.nc840k.nc840hero{background:linear-gradient(140deg,#0F3D2E,#17604a);border-color:transparent}.nc840k.nc840hero>span,.nc840k.nc840hero>b,.nc840k.nc840hero small{color:#fff!important}
.nc840k em{font-style:normal;font-weight:700;border-radius:999px;padding:1px 7px;margin-right:4px}.nc840k em.up{background:#c9f7df;color:#0F3D2E}.nc840k em.dn{background:#ffe0c2;color:#7a3300}
.nc840k.warn{border-color:#F08A24;box-shadow:inset 3px 0 0 #F08A24}.nc840k.warn>b{color:#c25e00}html[data-theme="dark"] .nc840k.warn>b{color:#ffab5e}
.nc840row{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:12px;align-items:start}
.nc840card{background:var(--panel);border:1px solid var(--line);border-radius:16px;padding:14px 16px}.nc840card h3{margin:0 0 6px;font-size:16px}
.nc840l{list-style:none;margin:0;padding:0}
.nc840s{display:grid;grid-template-columns:30px minmax(0,1fr) auto;gap:4px 12px;align-items:center;padding:11px 0;border-top:1px solid var(--line)}.nc840s:first-child{border-top:0}
.nc840d{width:26px;height:26px;border-radius:50%;display:grid;place-items:center;font-size:13px;font-weight:800}.nc840d.ok{background:#d8f5e6;color:#0b5a3a}.nc840d.wn{background:#ffe9d1;color:#9a4a00}
.nc840st b{display:block;font-size:14.5px}.nc840st small{display:block;font-size:12.5px;color:var(--muted);margin-top:1px}
.nc840sa{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end}.nc840sa button{min-height:38px}
.nc840f,.nc840x{grid-column:2/-1}.nc840f textarea{width:100%;box-sizing:border-box;border-radius:10px;border:1px solid var(--line);background:var(--bg);color:var(--text);font:inherit;padding:8px 10px}.nc840f div{display:flex;gap:6px;margin-top:6px}
.nc840x ul{list-style:none;margin:6px 0 0;padding:0;max-height:340px;overflow:auto}.nc840x li{border-top:1px solid var(--line)}.nc840x li.done{opacity:.7}
.nc840x label{display:grid;grid-template-columns:24px minmax(0,1fr) auto;gap:8px;align-items:center;padding:8px 0;cursor:pointer;font-size:13.5px}.nc840x input{width:20px;height:20px}
.nc840x small{display:block;color:var(--muted);font-size:12px}.nc840x em{font-style:normal;font-weight:700;font-variant-numeric:tabular-nums}
.nc840lib{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.nc840lib button{display:flex;align-items:center;gap:10px;padding:9px 10px;border:0;border-radius:12px;background:rgba(127,127,127,.08);color:var(--text);font:inherit;text-align:left;cursor:pointer;min-height:52px}
.nc840lib button:hover{background:rgba(127,127,127,.15)}.nc840lib i{width:32px;height:32px;flex:none;border-radius:9px;display:grid;place-items:center;font-style:normal;color:#fff;font-size:15px}
.nc840lib b{display:block;font-size:13.5px}.nc840lib small{display:block;color:var(--muted);font-size:11.5px}
.nc840oh{margin-top:14px!important}.nc840o{list-style:none;margin:0;padding:0}.nc840o li{display:flex;justify-content:space-between;gap:8px;padding:8px 0;border-top:1px solid var(--line)}
.nc840o small{display:block;color:var(--muted);font-size:12px}.nc840o em{color:#c25e00;font-style:normal;font-weight:700}.nc840on{text-align:right;font-weight:700;font-variant-numeric:tabular-nums}
@media (max-width:1000px){.nc840ks{grid-template-columns:repeat(2,minmax(0,1fr))}.nc840row{grid-template-columns:minmax(0,1fr)}}
@media (max-width:600px){.nc840s{grid-template-columns:30px minmax(0,1fr)}.nc840sa{grid-column:2;justify-content:flex-start}.nc840lib{grid-template-columns:minmax(0,1fr)}.nc840h h2{font-size:22px}}

/* Tonight tiles: one row on a wide screen, two rows otherwise (the menu takes some width now) */
.pd830n{container-type:inline-size}
@container (min-width:1040px){.pd830ks{grid-template-columns:minmax(0,1.6fr) repeat(5,minmax(0,1fr))!important}.pd830k.pd830hero{grid-column:auto!important}}
@container (min-width:601px) and (max-width:1039px){.pd830ks{grid-template-columns:repeat(4,minmax(0,1fr))!important}}
body #view .possetup .nc840k.nc840hero small,body #view .possetup .nc840k.nc840hero small *,body #view .possetup .pd830k.pd830hero small{color:#fff!important;opacity:1!important}
body #view .possetup .nc840k.nc840hero small em.up{color:#0F3D2E!important}body #view .possetup .nc840k.nc840hero small em.dn{color:#7a3300!important}
/* ===================== 8.4.1 · the app frame, redesigned ===================== */
body.sh841{--sh841s:88px}
/* menu: a labelled rail on iPad, names on a big screen */
body.sh841 #sh840s{padding:10px 8px 10px;gap:6px;align-items:stretch;border-right:1px solid var(--line);background:var(--panel)}
body.sh841 #sh840s.rail{width:88px}body.sh841 #sh840s.wide{width:236px;padding:12px 12px 12px}
.sh841logo{display:flex;align-items:center;gap:10px;border:0;background:none;color:var(--text);font:inherit;padding:6px;border-radius:14px;cursor:pointer;justify-content:center;margin-bottom:4px}
#sh840s.wide .sh841logo{justify-content:flex-start}.sh841logo img{width:40px;height:40px;border-radius:11px;flex:none}.sh841logo b{font-size:13.5px;letter-spacing:.03em;line-height:1.2;text-align:left}
.sh841logo:hover{background:rgba(127,127,127,.08)}
.sh841nav{display:flex;flex-direction:column;gap:2px;flex:1;overflow:auto;scrollbar-width:none}.sh841nav::-webkit-scrollbar{display:none}
.sh841m{border:0;background:none;color:var(--muted);font:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent}
#sh840s.rail .sh841m{display:flex;flex-direction:column;align-items:center;gap:4px;padding:6px 0 7px;min-height:58px}
#sh840s.rail .sh841mi{width:56px;height:32px;border-radius:16px;display:grid;place-items:center;transition:background .18s}
#sh840s.rail .sh841ml{font-size:11px;font-weight:600;line-height:1.15;text-align:center;max-width:80px;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
#sh840s.rail .sh841m:hover .sh841mi{background:rgba(127,127,127,.1)}
#sh840s.rail .sh841m.on{color:var(--text)}#sh840s.rail .sh841m.on .sh841mi{background:#0F3D2E;color:#fff}
#sh840s.wide .sh841m{display:flex;align-items:center;gap:12px;min-height:44px;padding:0 12px;border-radius:12px;color:var(--text);font-size:14.5px;font-weight:500;text-align:left}
#sh840s.wide .sh841m:hover{background:rgba(127,127,127,.08)}#sh840s.wide .sh841m.on{background:#0F3D2E;color:#fff;font-weight:700}
.sh841mi svg{width:21px;height:21px}.sh841mi svg:not([fill]){fill:none}#sh840s.wide .sh841mi{width:22px;display:grid;place-items:center;flex:none}
html[data-theme="dark"] #sh840s .sh841m.on .sh841mi,html[data-theme="dark"] #sh840s.wide .sh841m.on{background:#1f6b50}
.sh841foot{display:flex;flex-direction:column;gap:6px;align-items:center}#sh840s.wide .sh841foot{align-items:stretch}
.sh841tg{width:40px;height:32px;border:0;border-radius:10px;background:none;color:var(--muted);display:grid;place-items:center;cursor:pointer}.sh841tg:hover{background:rgba(127,127,127,.1)}#sh840s.wide .sh841tg{align-self:flex-end}
.sh841me{display:flex;align-items:center;gap:10px;border:0;background:none;color:var(--text);font:inherit;padding:6px;border-radius:14px;cursor:pointer;text-align:left}.sh841me:hover{background:rgba(127,127,127,.08)}
.sh841me .av{width:36px;height:36px;flex:none}.sh841me b{display:block;font-size:13px;max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sh841me small{display:block;font-size:11.5px;color:var(--muted)}
/* section panel (Finance → Invoices, Bills, Banking…) */
#sh841p{position:fixed;top:0;bottom:0;left:var(--sh841s);width:calc(var(--sh840w) - var(--sh841s));z-index:68;box-sizing:border-box;padding:16px 10px 16px;overflow:auto;background:color-mix(in srgb,var(--bg) 70%,var(--panel));border-right:1px solid var(--line);scrollbar-width:thin}
body.sh840c #sh841p{left:88px}body:not(.sh840c) #sh841p{left:236px}
.sh841pt{margin:4px 8px 10px;font-size:17px;font-weight:800;color:var(--text)}.sh841ph{margin:12px 8px 4px;font-size:11.5px;font-weight:700;color:var(--muted)}
.sh841ps{display:flex;align-items:center;gap:10px;width:100%;min-height:38px;padding:0 10px;border:0;border-radius:10px;background:none;color:var(--text);font:inherit;font-size:13.5px;text-align:left;cursor:pointer}
.sh841ps:hover{background:rgba(127,127,127,.1)}.sh841ps.on{background:var(--panel);font-weight:700;box-shadow:0 1px 3px rgba(0,0,0,.08),inset 3px 0 0 #F08A24}
.sh841pi{width:20px;display:grid;place-items:center;flex:none}.sh841pi i{font-style:normal;font-size:15px}
/* top bar: back + page name, or the app's pages as tabs; then search, Ask AI, bell */
body.sh841 #sh840t{gap:10px;padding:0 16px 0 18px;background:color-mix(in srgb,var(--bg) 88%,transparent)}
.sh841l{flex:1;min-width:0;display:flex;align-items:center;gap:10px}
.sh841tt{margin:0;font-size:20px;font-weight:800;letter-spacing:-.015em;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}
body.sh841 .sh840bk{width:auto;padding:0 12px 0 6px;gap:2px;display:inline-flex;align-items:center;font:inherit;font-size:14.5px;font-weight:600;color:#0F3D2E;background:rgba(15,61,46,.08);max-width:220px}
body.sh841 .sh840bk span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}html[data-theme="dark"] body.sh841 .sh840bk{color:#8ee6bb;background:rgba(142,230,187,.1)}
.sh841tb{display:flex;gap:2px;padding:3px;border-radius:12px;background:rgba(118,118,128,.14);min-width:0;overflow:hidden;flex:0 1 auto}
.sh841tb button{flex:none;min-height:36px;padding:0 14px;border:0;border-radius:9px;background:none;color:var(--text);font:inherit;font-size:14px;font-weight:600;cursor:pointer;white-space:nowrap}
.sh841tb button.on{background:var(--panel);box-shadow:0 1px 4px rgba(0,0,0,.14)}
.sh841more{position:relative;flex:none}.sh841more>summary{list-style:none;min-height:36px;padding:0 12px;border-radius:10px;display:inline-flex;align-items:center;font-weight:600;font-size:14px;cursor:pointer;color:var(--text)}
.sh841more>summary::-webkit-details-marker{display:none}.sh841more>summary::after{content:"▾";margin-left:5px;font-size:11px}.sh841more>summary:hover{background:rgba(127,127,127,.12)}
.sh841mm{position:absolute;left:0;top:calc(100% + 6px);min-width:200px;padding:6px;border-radius:14px;background:var(--panel);border:1px solid var(--line);box-shadow:0 12px 32px rgba(0,0,0,.2);z-index:80;display:flex;flex-direction:column}
.sh841mm button{min-height:42px;padding:0 12px;border:0;border-radius:9px;background:none;color:var(--text);font:inherit;font-size:14px;text-align:left;cursor:pointer}.sh841mm button:hover{background:rgba(127,127,127,.1)}
.sh841q{display:flex;align-items:center;gap:8px;width:210px;height:40px;flex:none;border:1px solid var(--line);border-radius:12px;background:var(--panel);color:var(--muted);font:inherit;font-size:14px;padding:0 10px 0 12px;cursor:text}
.sh841q span{flex:1;text-align:left}.sh841q kbd{font:inherit;font-size:11px;border:1px solid var(--line);border-radius:6px;padding:1px 6px}
.sh841ai{display:inline-flex;align-items:center;gap:6px;height:40px;flex:none;padding:0 14px;border:0;border-radius:12px;background:#0F3D2E;color:#fff;font:inherit;font-size:14px;font-weight:700;cursor:pointer}
.sh841ai svg{color:#F08A24}.sh841ai:hover{background:#17604a}
.sh841i{position:relative;width:40px;height:40px;flex:none;border:0;border-radius:12px;background:none;color:var(--text);display:grid;place-items:center;cursor:pointer}.sh841i:hover{background:rgba(127,127,127,.12)}
@media (max-width:1180px){.sh841q{width:40px;padding:0;justify-content:center;border-color:transparent;background:none;color:var(--text)}.sh841q span,.sh841q kbd{display:none}.sh841fs{display:none}}
@media (max-width:900px){.sh841ai span{display:none}.sh841ai{width:40px;padding:0;justify-content:center}}
/* the app's page tabs now live in the top bar */
body.sh841tabs #view nav.mb{display:none!important}
/* Microsoft: square, thin, underline tabs · Google: pills, tonal */
html[data-ui="ms"] .sh841tb,html[data-ui="microsoft"] .sh841tb{background:none;padding:0;gap:4px;border-radius:0}
html[data-ui="ms"] .sh841tb button,html[data-ui="microsoft"] .sh841tb button{border-radius:4px;position:relative}
html[data-ui="ms"] .sh841tb button.on,html[data-ui="microsoft"] .sh841tb button.on{background:none;box-shadow:none}
html[data-ui="ms"] .sh841tb button.on::after,html[data-ui="microsoft"] .sh841tb button.on::after{content:"";position:absolute;left:12px;right:12px;bottom:-1px;height:3px;border-radius:2px;background:#F08A24}
html[data-ui="ms"] #sh840s.rail .sh841mi,html[data-ui="microsoft"] #sh840s.rail .sh841mi,html[data-ui="ms"] .sh841q,html[data-ui="microsoft"] .sh841q,html[data-ui="ms"] .sh841ai,html[data-ui="microsoft"] .sh841ai{border-radius:6px}
html[data-ui="ms"] #sh840s.wide .sh841m,html[data-ui="microsoft"] #sh840s.wide .sh841m{border-radius:6px}
html[data-ui="google"] .sh841tb{background:none;padding:0;gap:6px}html[data-ui="google"] .sh841tb button{border-radius:999px;border:1px solid var(--line)}
html[data-ui="google"] .sh841tb button.on{background:#0F3D2E;color:#fff;border-color:#0F3D2E;box-shadow:none}
html[data-ui="google"] .sh841q,html[data-ui="google"] .sh841ai{border-radius:999px}html[data-ui="google"] #sh840s{border-right:0;background:color-mix(in srgb,var(--panel) 88%,#0F3D2E 12%)}
html[data-ui="google"] #sh840s.rail .sh841m.on .sh841mi{background:#c9ecd9;color:#0F3D2E}html[data-ui="google"] #sh840s.wide .sh841m.on{background:#c9ecd9;color:#0F3D2E}

#sh840s.rail .sh841m{min-height:54px;padding:5px 0 6px}
/* Tonight: tiles in even rows; "Needs attention" full width when there is no chart yet */
@container (min-width:601px) and (max-width:1039px){.pd830ks{grid-template-columns:repeat(3,minmax(0,1fr))!important}.pd830k.pd830hero{grid-column:auto!important}}
.pd830row:not(:has(.pd830cv)){grid-template-columns:minmax(0,1fr)!important}
/* ===================== 8.4.2 · one place per level ===================== */
body.sh841 #view .sh842h{background:none!important;color:var(--text)!important;box-shadow:none!important;border:0!important;border-radius:0!important;padding:0!important;margin:0 0 14px!important;min-height:0!important;display:flex!important;flex-wrap:wrap;align-items:center;gap:8px 10px;position:relative}
body.sh841 #view .sh842h::before,body.sh841 #view .sh842h::after{display:none!important}
body.sh841 #view .sh842h h1,body.sh841 #view .sh842h h2,body.sh841 #view .sh842h .sh531i,body.sh841 #view .sh842h .pd830i,body.sh841 #view .sh842h .hx-hd-ic,body.sh841 #view .sh842h>.mh-app{display:none!important}
body.sh841 #view .sh842h .sh842seg{order:-1;flex:0 1 auto;min-width:0;margin-right:auto}
body.sh841 #view .sh842h .sh842seg>*{margin:0!important}
body.sh841 #view .sh842h>div:not(.sh842seg):not([class*="a"]),body.sh841 #view .sh842h .sh531t,body.sh841 #view .sh842h .pd830t{display:contents!important}
body.sh841 #view .sh842h p,body.sh841 #view .sh842h .pd830t p,body.sh841 #view .sh842h .sh531t p{order:99;flex-basis:100%;margin:0!important;font-size:13px!important;color:var(--muted)!important;opacity:1!important}
body.sh841 #view .sh842h p *{color:inherit!important}
body.sh841 #view .sh842h .sh842a{margin-left:auto!important;display:flex!important;align-items:center;gap:8px;flex-wrap:wrap;order:2}
body.sh841 #view .sh842h .pd830t>div,body.sh841 #view .sh842h .sh531t,body.sh841 #view .sh842h .pd830t{display:contents!important}
/* buttons that were white on green */
body.sh841 #view .sh842h button.ghost,body.sh841 #view .sh842h .pd830rl,body.sh841 #view .sh842h .hx-btn:not(.pri):not(.or){background:var(--panel)!important;color:var(--text)!important;border:1px solid var(--line)!important;box-shadow:none!important}
body.sh841 #view .sh842h .pd830sel select{background:var(--panel)!important;color:var(--text)!important;border:1px solid var(--line)!important}
body.sh841 #view .sh842h .pd830sel select option{color:var(--text)}
body.sh841 #view .sh842h button{min-height:38px}
/* a heading that only repeats the tab */
body.sh841 #view .sh842x{display:none!important}
/* no sections: the line of facts sits on the left of the same row as the buttons */
body.sh841 #view .sh842h:not(:has(.sh842seg)) p{order:1!important;flex:1 1 220px!important;flex-basis:auto}
/* ===================== 8.4.3 · phone bottom bars: each tab is a small coloured app icon; the open one is bright and lifted ===================== */
@media (max-width:760px){
  :is(html[data-ui],html) body.ab843 .posw .postop nav.postabs,body.ab843 #bnav{min-height:86px!important;padding-top:8px!important;padding-bottom:calc(10px + env(safe-area-inset-bottom))!important;align-items:start!important;background:color-mix(in srgb,var(--panel,#fff) 92%,transparent)!important;-webkit-backdrop-filter:saturate(1.6) blur(16px);backdrop-filter:saturate(1.6) blur(16px);border-top:1px solid var(--line)!important}
  :is(html[data-ui],html) body.ab843 .posw .postop nav.postabs>button,body.ab843 #bnav>button{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:flex-start!important;gap:5px!important;min-height:66px!important;padding:0!important;background:none!important;border:0!important;box-shadow:none!important;color:var(--muted)!important;font-size:11px!important;font-weight:600!important;position:relative;-webkit-tap-highlight-color:transparent}
  :is(html[data-ui],html) body.ab843 .posw .postop nav.postabs>button::before,:is(html[data-ui],html) body.ab843 .posw .postop nav.postabs>button::after,body.ab843 #bnav>button::before,body.ab843 #bnav>button::after{display:none!important}
  :is(html[data-ui],html) body.ab843 .posw .postop nav.postabs>button>svg,body.ab843 #bnav>button>svg{width:42px!important;height:42px!important;padding:10px!important;box-sizing:border-box!important;border-radius:12px!important;color:#fff!important;stroke:#fff;background:var(--ab843,#5b6460)!important;opacity:.5;filter:saturate(.55);transition:transform .18s,opacity .18s,box-shadow .18s;flex:none}
  :is(html[data-ui],html) body.ab843 .posw .postop nav.postabs>button[aria-current="page"],:is(html[data-ui],html) body.ab843 .posw .postop nav.postabs>button[aria-selected="true"],:is(html[data-ui],html) body.ab843 .posw .postop nav.postabs>button.on,body.ab843 #bnav>button[aria-current="page"],body.ab843 #bnav>button.on{color:var(--text)!important;font-weight:800!important}
  :is(html[data-ui],html) body.ab843 .posw .postop nav.postabs>button[aria-current="page"]>svg,:is(html[data-ui],html) body.ab843 .posw .postop nav.postabs>button[aria-selected="true"]>svg,:is(html[data-ui],html) body.ab843 .posw .postop nav.postabs>button.on>svg,body.ab843 #bnav>button[aria-current="page"]>svg,body.ab843 #bnav>button.on>svg{opacity:1;filter:none;transform:translateY(-2px);box-shadow:0 5px 12px rgba(0,0,0,.2)}
  :is(html[data-ui],html) body.ab843 .posw .postop nav.postabs>button:active>svg,body.ab843 #bnav>button:active>svg{transform:scale(.92)}
  :is(html[data-ui],html) body.ab843 .posw .postop nav.postabs .px9l{display:none!important}:is(html[data-ui],html) body.ab843 .posw .postop nav.postabs .px9s{display:block!important}
  :is(html[data-ui],html) body.ab843 .posw .postop nav.postabs>button>span,body.ab843 #bnav>button>span{line-height:1.1;white-space:nowrap}
  /* colours: POS */
  :is(html[data-ui],html) body.ab843 .posw .postop nav.postabs>[data-postab="floor"]{--ab843:#0F3D2E}:is(html[data-ui],html) body.ab843 .posw .postop nav.postabs>[data-postab="kitchen"]{--ab843:#F08A24}
  :is(html[data-ui],html) body.ab843 .posw .postop nav.postabs>[data-pos138^="guests"]{--ab843:#1877F2}:is(html[data-ui],html) body.ab843 .posw .postop nav.postabs>[data-pos138^="manage"]{--ab843:#8E5CD9}:is(html[data-ui],html) body.ab843 .posw .postop nav.postabs>[data-postab="setup"]{--ab843:#5b6460}
  :is(html[data-ui],html) body.ab843 .posw .postop nav.postabs>button:not([data-postab="floor"]):not([data-postab="kitchen"]):not([data-pos138]):not([data-postab="setup"]){--ab843:#C9962B}
  /* colours: main bar */
  body.ab843 #bnav>[data-bb791="home"]{--ab843:#0F3D2E}body.ab843 #bnav>[data-bb791="tasks"]{--ab843:#E5484D}body.ab843 #bnav>[data-bb791="sales"]{--ab843:#F08A24}
  body.ab843 #bnav>[data-bb791="mk"]{--ab843:#8E5CD9}body.ab843 #bnav>#moreBtn{--ab843:#5b6460}body.ab843 #bnav>button:not([data-bb791]):not(#moreBtn):nth-child(5n+1){--ab843:#0F3D2E}body.ab843 #bnav>button:not([data-bb791]):not(#moreBtn):nth-child(5n+2){--ab843:#E5484D}body.ab843 #bnav>button:not([data-bb791]):not(#moreBtn):nth-child(5n+3){--ab843:#F08A24}body.ab843 #bnav>button:not([data-bb791]):not(#moreBtn):nth-child(5n+4){--ab843:#8E5CD9}body.ab843 #bnav>button:not([data-bb791]):not(#moreBtn):nth-child(5n){--ab843:#1877F2}
  body.ab843 #bnav>button[aria-selected="true"],body.ab843 #bnav>button.act{color:var(--text)!important;font-weight:800!important}body.ab843 #bnav>button[aria-selected="true"]>svg,body.ab843 #bnav>button.act>svg{opacity:1;filter:none;transform:translateY(-2px);box-shadow:0 5px 12px rgba(0,0,0,.2)}
  html[data-theme="dark"] body.ab843 #bnav>[data-bb791="home"],html[data-theme="dark"] :is(html[data-ui],html) body.ab843 .posw .postop nav.postabs>[data-postab="floor"]{--ab843:#1f6b50}
  /* counts on the icon corner */
  body.ab843 #bnav .bdot{position:absolute!important;top:-3px!important;left:calc(50% + 12px)!important;right:auto!important}
  :is(html[data-ui],html) body.ab843 .posw .postop nav.postabs>button .badge,:is(html[data-ui],html) body.ab843 .posw .postop nav.postabs>button .px9n,:is(html[data-ui],html) body.ab843 .posw .postop nav.postabs>button i[class*="n"]{position:absolute;top:-4px;left:calc(50% + 10px)}
  /* the AI button sits above the taller POS bar */
  body.ab843.posui>#hlpBtn{position:fixed!important;top:auto!important;left:12px!important;bottom:calc(98px + env(safe-area-inset-bottom))!important}
  /* nothing hides under the taller bar */
  body.ab843:has(nav.postabs) #view{padding-bottom:calc(100px + env(safe-area-inset-bottom))!important}
  body.ab843.bb791bn .wrap{padding-bottom:calc(100px + env(safe-area-inset-bottom))!important}
}
@media (max-width:760px) and (prefers-reduced-motion:reduce){:is(html[data-ui],html) body.ab843 .posw .postop nav.postabs>button>svg,body.ab843 #bnav>button>svg{transition:none}}
@media (max-width:760px){html[data-theme="dark"] body.ab843 #bnav>button>svg,html[data-theme="dark"] body.ab843 .posw .postop nav.postabs>button>svg{opacity:.72;filter:saturate(.7)}}
/* ===================== 8.4.4 · phone tab bars, Apple style ===================== */
@media (max-width:760px){
  /* the glass bar floats just above the bottom edge (the app's own rules still decide when each bar shows) */
  :is(html[data-ui],html) body.ab844 .posw .postop nav.postabs{display:grid!important}
  body.ab844.posmode #bnav,body.ab844.posui #bnav{display:none!important}
  :is(html[data-ui],html) body.ab844 #bnav,:is(html[data-ui],html) body.ab844 .posw .postop nav.postabs{position:fixed!important;left:10px!important;right:10px!important;bottom:calc(8px + env(safe-area-inset-bottom))!important;top:auto!important;width:auto!important;height:64px!important;min-height:64px!important;margin:0!important;padding:0!important;
    border-radius:32px!important;border:0!important;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);grid-template-columns:none!important;align-items:center!important;gap:0!important;overflow:visible!important;z-index:60!important;
    background:color-mix(in srgb,var(--panel,#fff) 74%,transparent)!important;-webkit-backdrop-filter:saturate(1.8) blur(24px)!important;backdrop-filter:saturate(1.8) blur(24px)!important;box-shadow:0 8px 28px rgba(0,0,0,.16),inset 0 0 0 .5px rgba(0,0,0,.08)!important}
  html[data-theme="dark"] body.ab844 #bnav,html[data-theme="dark"] body.ab844 .posw .postop nav.postabs{background:rgba(40,40,42,.72)!important;box-shadow:0 8px 28px rgba(0,0,0,.55),inset 0 0 0 .5px rgba(255,255,255,.14)!important}
  body.ab844 #bnav::after,body.ab844 #bnav::before{display:none!important}
  :is(html[data-ui],html) body.ab844 #bnav>button,:is(html[data-ui],html) body.ab844 .posw .postop nav.postabs>button{position:relative;z-index:2;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:2px!important;height:64px!important;min-height:0!important;padding:0!important;margin:0!important;
    background:none!important;border:0!important;box-shadow:none!important;color:var(--muted)!important;font-size:10px!important;font-weight:600!important;letter-spacing:.01em;transition:color .25s ease;-webkit-tap-highlight-color:transparent}
  :is(html[data-ui],html) body.ab844 #bnav>button>svg,:is(html[data-ui],html) body.ab844 .posw .postop nav.postabs>button>svg{display:none!important}
  body.ab844 #bnav>button::before,body.ab844 #bnav>button::after,body.ab844 .posw .postop nav.postabs>button::before,body.ab844 .posw .postop nav.postabs>button::after{display:none!important}
  body.ab844 .ab844i{position:relative;width:26px;height:26px;display:block;flex:none;font-weight:inherit}
  body.ab844 .ab844i svg{position:absolute;inset:0;width:26px!important;height:26px!important;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;transition:opacity .25s ease;padding:0!important;background:none!important;border-radius:0!important;box-shadow:none!important;opacity:1;filter:none!important}
  :is(html[data-ui],html) body.ab844 .posw .postop nav.postabs>button .ab844i svg,:is(html[data-ui],html) body.ab844 #bnav>button .ab844i svg{width:26px!important;height:26px!important;fill:none!important;stroke:currentColor!important}
  body.ab844 .ab844i svg .ff{fill:currentColor!important;stroke:none!important}body.ab844 .ab844i svg .fc{stroke:var(--panel,#fff);stroke-width:2.1}
  html[data-theme="dark"] body.ab844 .ab844i svg .fc{stroke:#1c1c1e}
  body.ab844 .ab844i svg.f{opacity:0!important}
  body.ab844 :is(#bnav,nav.postabs)>button:is([aria-current="page"],[aria-selected="true"],.on,.act){color:#0F3D2E!important}
  html[data-theme="dark"] body.ab844 :is(#bnav,nav.postabs)>button:is([aria-current="page"],[aria-selected="true"],.on,.act){color:#F08A24!important}
  body.ab844 :is(#bnav,nav.postabs)>button:is([aria-current="page"],[aria-selected="true"],.on,.act) .ab844i svg.o{opacity:0!important}
  body.ab844 :is(#bnav,nav.postabs)>button:is([aria-current="page"],[aria-selected="true"],.on,.act) .ab844i svg.f{opacity:1!important}
  body.ab844 nav.postabs .px9l{display:none!important}body.ab844 nav.postabs .px9s{display:block!important}
  body.ab844 :is(#bnav,nav.postabs)>button>span:not(.ab844i){line-height:1.1;white-space:nowrap}
  /* the bubble */
  body.ab844 .ab844b{position:absolute;z-index:1;left:0;top:6px;height:52px;border-radius:26px;pointer-events:none;transition:transform .48s cubic-bezier(.3,1.45,.45,1),width .3s ease,opacity .25s ease;
    background:radial-gradient(120% 90% at 50% 10%,rgba(15,61,46,.16),rgba(15,61,46,.06) 60%);box-shadow:inset 0 0 0 .6px rgba(15,61,46,.18)}
  html[data-theme="dark"] body.ab844 .ab844b{background:radial-gradient(120% 90% at 50% 10%,rgba(255,255,255,.22),rgba(255,255,255,.07) 60%);box-shadow:inset 0 0 0 .6px rgba(255,255,255,.28)}
  body.ab844 .ab844b.go{animation:ab844sq .48s cubic-bezier(.3,1.3,.45,1)}
  @keyframes ab844sq{0%{scale:1 1}35%{scale:1.28 .86}70%{scale:.94 1.06}100%{scale:1 1}}
  body.ab844 .ab844pop .ab844i{animation:ab844pop .42s cubic-bezier(.3,1.6,.45,1)}@keyframes ab844pop{0%{transform:scale(.82)}60%{transform:scale(1.16)}100%{transform:scale(1)}}
  /* counts on the icon corner */
  body.ab844 #bnav .bdot,body.ab844 #bnav .bb791n{position:absolute!important;top:7px!important;left:calc(50% + 8px)!important;right:auto!important}
  /* page fades */
  body.ab844 #view{transition:opacity .13s ease}body.ab844 #view.ab844out{opacity:0}
  body.ab844 #view.ab844in{animation:ab844in .3s ease}@keyframes ab844in{from{opacity:0}to{opacity:1}}
  /* nothing hides under the bar; the page always fills the screen */
  html{min-height:100%}body.ab844{min-height:100vh;min-height:100lvh}
  body.ab844.bb791bn .wrap,body.ab844:has(nav.postabs) #view{padding-bottom:calc(92px + env(safe-area-inset-bottom))!important}
  body.ab844.posui>#hlpBtn{position:fixed!important;top:auto!important;left:12px!important;bottom:calc(84px + env(safe-area-inset-bottom))!important}
}
@media (max-width:760px) and (prefers-reduced-motion:reduce){body.ab844 .ab844b,body.ab844 .ab844i svg,body.ab844 #view{transition:none!important;animation:none!important}}
/* 8.4.5 · the screen tips pop-up is gone (the steps stay in Help / OSNL AI) */
body.c845 #tip788{display:none!important}
/* ===== 8.5.0 Help centre inside OSNL AI ===== */
:is(#cw721,#hc850p) .hc850t{display:flex;align-items:center;gap:4px;margin:2px 14px 6px;padding:3px;border-radius:11px;background:color-mix(in srgb,var(--text,#16201B) 7%,transparent)}
:is(#cw721,#hc850p) .hc850t button{flex:1;min-height:34px;border:0;border-radius:8px;background:transparent;color:var(--muted,#6B746F);font:600 14px/1 inherit;font-family:inherit;cursor:pointer;transition:background .2s,color .2s}
:is(#cw721,#hc850p) .hc850t button.on{background:var(--card,#fff);color:var(--text,#16201B);box-shadow:0 1px 3px rgba(0,0,0,.14)}
:is(#cw721,#hc850p) .hc850t .hc850bk{flex:0 0 34px;font-size:22px;color:var(--accent,#F08A24)!important}
html[data-ui="ms"] :is(#cw721,#hc850p) .hc850t,html[data-ui="microsoft"] :is(#cw721,#hc850p) .hc850t{background:transparent;border-bottom:1px solid var(--line,#E2E5E1);border-radius:0;padding:0}
html[data-ui="ms"] :is(#cw721,#hc850p) .hc850t button,html[data-ui="microsoft"] :is(#cw721,#hc850p) .hc850t button{border-radius:0;box-shadow:none!important;border-bottom:2px solid transparent}
html[data-ui="ms"] :is(#cw721,#hc850p) .hc850t button.on,html[data-ui="microsoft"] :is(#cw721,#hc850p) .hc850t button.on{background:transparent;border-bottom-color:var(--accent,#F08A24)}
html[data-ui="google"] :is(#cw721,#hc850p) .hc850t{background:transparent;gap:8px}
html[data-ui="google"] :is(#cw721,#hc850p) .hc850t button{border-radius:99px;border:1px solid var(--line,#E2E5E1)}
html[data-ui="google"] :is(#cw721,#hc850p) .hc850t button.on{background:color-mix(in srgb,var(--brand,#0F3D2E) 16%,transparent);border-color:transparent;box-shadow:none}
:is(#cw721,#hc850p) .hc850b{flex:1;min-height:0;overflow:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;animation:hc850in .22s ease}
@keyframes hc850in{from{opacity:0}to{opacity:1}}
@media (prefers-reduced-motion:reduce){:is(#cw721,#hc850p) .hc850b{animation:none}}
:is(#cw721,#hc850p) .hc850pad{padding:4px 14px 24px}
:is(#cw721,#hc850p) .hc850lead{margin:4px 2px 10px;color:var(--muted,#6B746F);font-size:13.5px}
:is(#cw721,#hc850p) .hc850s{display:flex;align-items:center;gap:8px;height:42px;margin:4px 0 12px;padding:0 12px;border-radius:12px;background:var(--card,#fff);border:1px solid var(--line,#E2E5E1)}
:is(#cw721,#hc850p) .hc850s input{flex:1;min-width:0;height:40px;border:0!important;background:transparent!important;box-shadow:none!important;outline:0;font-size:15px;color:var(--text,#16201B);padding:0}
:is(#cw721,#hc850p) .hc850here{display:block;width:100%;text-align:left;border:0;border-radius:16px;padding:12px 14px;margin:0 0 4px;background:linear-gradient(140deg,#0F3D2E,#17604a);color:#fff;cursor:pointer;font-family:inherit}
:is(#cw721,#hc850p) .hc850here small{display:block;opacity:.85;font-size:12px;color:#fff}:is(#cw721,#hc850p) .hc850here b{font-size:15px;color:#fff}
:is(#cw721,#hc850p) .hc850h{margin:16px 2px 8px;font-size:13px;font-weight:700;color:var(--muted,#6B746F)}
:is(#cw721,#hc850p) .hc850g{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
:is(#cw721,#hc850p) .hc850g button{display:flex;flex-direction:column;align-items:center;gap:6px;min-height:96px;padding:12px 6px;border-radius:16px;border:1px solid var(--line,#E2E5E1);background:var(--card,#fff);color:var(--text,#16201B);font:700 12.5px/1.2 inherit;font-family:inherit;text-align:center;cursor:pointer;transition:transform .15s}
:is(#cw721,#hc850p) .hc850g button:active{transform:scale(.96)}
:is(#cw721,#hc850p) .hc850g small{font-weight:500;color:var(--muted,#6B746F);font-size:11px}
:is(#cw721,#hc850p) .hc850ic{width:40px;height:40px;flex:0 0 40px;border-radius:12px;display:grid;place-items:center;color:#fff;font-style:normal;font-size:19px;font-weight:800}
:is(#cw721,#hc850p) .hc850list{background:var(--card,#fff);border:1px solid var(--line,#E2E5E1);border-radius:16px;overflow:hidden}
:is(#cw721,#hc850p) .hc850list button{display:flex;align-items:center;gap:10px;width:100%;min-height:48px;padding:10px 14px;border:0;border-top:1px solid var(--line,#ECEEEA);background:transparent;color:var(--text,#16201B);text-align:left;font:500 14.5px/1.3 inherit;font-family:inherit;cursor:pointer}
:is(#cw721,#hc850p) .hc850list button:first-child{border-top:0}
:is(#cw721,#hc850p) .hc850list button:hover{background:color-mix(in srgb,var(--text,#16201B) 4%,transparent)}
:is(#cw721,#hc850p) .hc850list span{flex:1;min-width:0}:is(#cw721,#hc850p) .hc850list b{font-weight:600;display:block}
:is(#cw721,#hc850p) .hc850list small{display:block;color:var(--muted,#6B746F);font-size:12px;margin-top:2px}
:is(#cw721,#hc850p) .hc850list em{font-style:normal;color:var(--muted,#6B746F);font-size:18px}
:is(#cw721,#hc850p) .hc850mh{display:flex;align-items:center;gap:12px;margin:6px 0 4px}
:is(#cw721,#hc850p) .hc850mh>div{flex:1;min-width:0}:is(#cw721,#hc850p) .hc850mh h3{margin:0;font-size:20px}:is(#cw721,#hc850p) .hc850mh small{color:var(--muted,#6B746F)}
:is(#cw721,#hc850p) .hc850foot{margin:16px 2px 0;font-size:12px}
:is(#cw721,#hc850p) .hc850a{font-size:14.5px;line-height:1.55;color:var(--text,#16201B)}
:is(#cw721,#hc850p) .hc850a h3{font-size:21px;line-height:1.25;margin:8px 0 8px}
:is(#cw721,#hc850p) .hc850tag{display:inline-block;font-size:11.5px;font-weight:700;border-radius:99px;padding:2px 9px;background:color-mix(in srgb,var(--brand,#0F3D2E) 14%,transparent);color:var(--brand,#0F3D2E)}
html[data-theme="dark"] :is(#cw721,#hc850p) .hc850tag,body.dark :is(#cw721,#hc850p) .hc850tag{color:#8ee6bb}
:is(#cw721,#hc850p) .hc850md h4{margin:14px 0 4px;font-size:15px}:is(#cw721,#hc850p) .hc850md p{margin:6px 0}:is(#cw721,#hc850p) .hc850md ol,:is(#cw721,#hc850p) .hc850md ul{padding-left:20px;margin:6px 0}:is(#cw721,#hc850p) .hc850md li{margin:5px 0}:is(#cw721,#hc850p) .hc850md li.sub{margin-left:16px;list-style:circle}
:is(#cw721,#hc850p) .hc850md code{font-size:13px;padding:1px 5px;border-radius:5px;background:color-mix(in srgb,var(--text,#16201B) 8%,transparent)}
:is(#cw721,#hc850p) .hc850aa{display:flex;flex-wrap:wrap;gap:10px;margin:18px 0 6px;position:sticky;bottom:0;padding:10px 0;background:linear-gradient(transparent,var(--bg,#F2F3F1) 30%)}
:is(#cw721,#hc850p) .hc850aa button{min-height:46px}
:is(#cw721,#hc850p) .hc850ask{flex:1;border-radius:23px!important;background:#0F3D2E!important;color:#fff!important;border:0!important;font-weight:700}
:is(#cw721,#hc850p) .hc850ask span{color:#F08A24}
/* phones: the AI button is a labelled pill */
@media (max-width:760px){
  html body.hc850 #hlpBtn#hlpBtn{width:auto!important;min-width:0!important;height:36px!important;min-height:36px!important;padding:0 13px 0 11px!important;border-radius:18px!important;background:#0F3D2E!important;color:#fff!important;border:0!important;display:inline-flex!important;align-items:center;gap:5px;box-shadow:0 2px 8px rgba(0,0,0,.18)!important}
  html body.hc850 #hlpBtn#hlpBtn>*:not(.v772dot){display:none!important}
  html body.hc850 #hlpBtn#hlpBtn::before{content:"✦";color:#F08A24;font-size:15px;line-height:1}
  html body.hc850 #hlpBtn#hlpBtn::after{content:"Ask AI";font:700 14px/1 Inter,system-ui,sans-serif;color:#fff;white-space:nowrap}
  html body.hc850 #hlpBtn#hlpBtn .v772dot{top:-5px!important;right:-5px!important}
  html body.hc850 #aiTop#aiTop:not([hidden]){height:36px;min-height:36px;padding:0 13px 0 11px;border-radius:18px;background:#0F3D2E!important;color:#fff!important;border:0!important;display:inline-flex;align-items:center;gap:5px}
  html body.hc850 #aiTop#aiTop svg{display:none}html body.hc850 #aiTop#aiTop::before{content:"✦";color:#F08A24;font-size:15px}
  html body.hc850 #aiTop#aiTop span{display:inline!important;font-weight:700;color:#fff}html body.hc850 #aiTop#aiTop span::before{content:"Ask AI";}html body.hc850 #aiTop#aiTop span{font-size:0}html body.hc850 #aiTop#aiTop span::before{font-size:14px}
  html[data-ui="ms"] body.hc850 #hlpBtn#hlpBtn,html[data-ui="microsoft"] body.hc850 #hlpBtn#hlpBtn,html[data-ui="ms"] body.hc850 #aiTop,html[data-ui="microsoft"] body.hc850 #aiTop{border-radius:6px!important}
}
:is(#cw721,#hc850p) .hc850meta{margin:2px 0!important;font-size:13px;color:var(--muted,#6B746F)}:is(#cw721,#hc850p) .hc850meta b{color:var(--text,#16201B);margin-right:4px}
:is(#cw721,#hc850p) .hc850tip{margin:12px 0!important;padding:10px 12px;border-radius:12px;background:color-mix(in srgb,#F08A24 12%,transparent);font-size:13.5px}
#hc850p{position:fixed;inset:0;z-index:9000}
#hc850p .hc850bg{position:absolute;inset:0;background:rgba(0,0,0,.35);opacity:0;transition:opacity .2s}
#hc850p .hc850sh{position:absolute;top:0;right:0;bottom:0;width:min(440px,100%);display:flex;flex-direction:column;background:var(--bg,#F2F3F1);color:var(--text,#16201B);box-shadow:-10px 0 30px rgba(0,0,0,.2);opacity:0;transform:translateX(16px);transition:opacity .2s,transform .2s;padding-top:env(safe-area-inset-top)}
#hc850p.in .hc850bg{opacity:1}#hc850p.in .hc850sh{opacity:1;transform:none}
#hc850p header{display:flex;align-items:center;gap:10px;padding:12px 14px 4px}#hc850p header h2{flex:1;margin:0;font-size:20px}
#hc850p .hc850xb{width:40px;height:40px;border-radius:50%;border:0;background:color-mix(in srgb,var(--text,#16201B) 8%,transparent);color:var(--text,#16201B);font-size:16px;cursor:pointer}
#hc850p .hc850b{padding-bottom:env(safe-area-inset-bottom)}
#hc850btn{display:inline-flex;align-items:center;gap:5px;height:36px;padding:0 13px 0 9px;border:0;border-radius:18px;background:#0F3D2E;color:#fff;font:700 14px/1 inherit;font-family:inherit;cursor:pointer;flex:none;box-shadow:0 2px 8px rgba(0,0,0,.18)}
#hc850btn span{display:grid;place-items:center;width:20px;height:20px;border-radius:50%;background:#F08A24;color:#fff;font-size:13px;font-weight:800}
html[data-ui="ms"] #hc850btn,html[data-ui="microsoft"] #hc850btn{border-radius:6px}
@media (max-width:760px){#hc850p .hc850sh{width:100%}}
@media (prefers-reduced-motion:reduce){#hc850p .hc850bg,#hc850p .hc850sh{transition:none}}
/* ===== 8.5.1 · core 2.1.1: iPad full screen respects the clock bar; classic colours in every style ===== */
/* 1 · the frame grows by the clock-bar height instead of letting an old helper push its buttons down */
body.c851 #sh840t{height:calc(var(--sh840h,60px) + env(safe-area-inset-top,0px))!important;padding-top:env(safe-area-inset-top,0px)!important}
body.c851 #sh840s{padding-top:calc(10px + env(safe-area-inset-top,0px))!important}
body.c851 #sh841p{padding-top:calc(16px + env(safe-area-inset-top,0px))!important;scrollbar-width:none}
body.c851 #sh841p::-webkit-scrollbar{display:none}
body.c851 :is(#sh840t,#sh840s,#sh841p) .os270m,body.c851 :is(#sh840t,#sh840s,#sh841p).os270m{margin-top:var(--os270o,0px)!important}
body.c851 :is(#sh840t,#sh840s,#sh841p) .os270s{padding-top:var(--os270o,0px)!important}
body.c851 :is(#sh840t,#sh840s,#sh841p) :is(.os270t,.os270k){top:var(--os270o,0px)!important}
body.c851 :is(#sh840s,#sh841p){bottom:calc(-1 * env(safe-area-inset-bottom,0px))!important;padding-bottom:calc(12px + env(safe-area-inset-bottom,0px))!important}
/* the bell's count sits beside the bell, not on it */
body.c851 .sh841i .sh840n{top:-3px;right:-5px;box-shadow:0 0 0 2px var(--bg,#000)}
/* 2 · classic colours in the Apple, Microsoft and Google styles: green on white, orange on black */
html[data-ui] body.c851:not(.posui){--accent:#0F3D2E;--accentInk:#FFFFFF;--accentSoft:rgba(15,61,46,.12);--c851l:#0F3D2E}
html:not([data-ui]) body.c851{--c851l:#0F3D2E}
@media (prefers-color-scheme:dark){html[data-ui]:not([data-theme="light"]) body.c851:not(.posui){--accent:#F08A24;--accentInk:#FFFFFF;--accentSoft:rgba(240,138,36,.2);--c851l:#F5A54A}html:not([data-ui]):not([data-theme="light"]) body.c851{--c851l:#F5A54A}}
html[data-theme="dark"] body.c851:not(.posui){--c851l:#F5A54A}
html[data-ui][data-theme="dark"] body.c851:not(.posui){--accent:#F08A24;--accentInk:#FFFFFF;--accentSoft:rgba(240,138,36,.2)}
body.c851 .hx-link,body.c851 .hx .hx-link,body.c851 .mkcard a.mklink{color:var(--c851l)!important}
body.c851 .ci741h .hx-btn{background:transparent!important;color:var(--c851l)!important;border:1px solid color-mix(in srgb,var(--c851l) 45%,transparent)!important}
/* 3 · Finance hub: space under the Chairman card, notes when the books are behind */
body.f851 .ci741c{margin-bottom:var(--hx-gap,16px)!important}
body.f851 .f851note{margin:10px 0 0;padding:10px 12px;border-radius:12px;background:color-mix(in srgb,#F08A24 12%,transparent);font-size:13.5px;line-height:1.4;color:var(--text)}
body.f851 .f851note button{margin-left:6px;border:0;background:none;padding:0;color:var(--c851l);font:inherit;font-weight:700;cursor:pointer}
body.f851 .f851asof{margin:-4px 0 10px;font-size:12.5px;color:var(--muted)}
/* 4 · People: Tonight cards show every row whole */
body.h851 .v775pp{max-height:none!important;overflow:visible!important}
body.h851 .v775to.h851cut .v775pp li:nth-child(n+7){display:none}
body.h851 .h851more{margin-top:6px;min-height:36px;width:100%;border:1px solid var(--line);border-radius:10px;background:transparent;color:var(--text);font:600 13px/1 inherit;font-family:inherit;cursor:pointer}
body.h851 .v775toh{flex-wrap:wrap}
/* HR check: red only for what stops payroll, orange for the rest */
body.h851 .v774c.w851{background:color-mix(in srgb,#F08A24 16%,transparent)!important;color:#C96A0C!important;border-color:transparent!important}
html[data-theme="dark"] body.h851 .v774c.w851{color:#F5A54A!important}
@media (prefers-color-scheme:dark){html:not([data-theme="light"]) body.h851 .v774c.w851{color:#F5A54A!important}}
/* 5 · Tasks: one calm toolbar, one orange main button */
body.t851 .homeseg,body.t851 .gseg{background:color-mix(in srgb,var(--text) 7%,transparent)!important;background-image:none!important}
body.t851 .homeseg button[aria-pressed="true"],body.t851 .gseg button[aria-pressed="true"]{background:#0F3D2E!important;background-image:none!important;color:#fff!important;box-shadow:none!important}
body.t851 .toolbar select{background:var(--panel)!important;border-color:var(--line)!important;color:var(--text)!important}
body.t851 .onlyme,body.t851 .onlyme.on{background:color-mix(in srgb,#0F3D2E 22%,var(--panel))!important;background-image:none!important;color:var(--text)!important;border:1px solid color-mix(in srgb,#2BA36B 45%,transparent)!important}
body.t851 #tgSummary,body.t851 .toolbar .ghost.tg{background:transparent!important;background-image:none!important;color:var(--text)!important;border:1px solid var(--line)!important}
body.t851 #addBtn{background:#F08A24!important;background-image:none!important;color:#fff!important;animation:none!important;box-shadow:none!important;outline:0}
body.t851 #addBtn::after{display:none}
body.t851 #view .btn.sm[data-addperson],body.t851 #view .pbanner .btn.sm{background:transparent!important;color:var(--text)!important;border:1px solid var(--line)!important}
body.t851 .stat.main .v{color:var(--text)!important}
body.t851 .stat.main .bar i{background:#2BA36B!important}
body.t851 .stat.blk .v{color:#F08A24!important}
body.t851 #legend{margin-top:14px}
body.t851 .task.card.lrow .lc-t,body.t851 .task.card.lrow .lc-t *{white-space:normal!important;text-overflow:clip!important}
body.t851 .task.card.lrow .lc-t b,body.t851 .task.card.lrow .lc-t .tt{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
body.c851 button.mklink,body.c851 .mkcard .mklink{color:var(--c851l)!important}
body.f851 .fh-bp i.in,body.f851 .fh-lg i.in{background:#2BA36B!important}
html[data-ui="google"][data-theme="dark"] body.c851 :is(.sh840m.on,#sh840s.rail .sh841m.on .sh841mi){background:#1f6b50!important;color:#fff!important}
@media (prefers-color-scheme:dark){html[data-ui="google"]:not([data-theme="light"]) body.c851 :is(.sh840m.on,#sh840s.rail .sh841m.on .sh841mi){background:#1f6b50!important;color:#fff!important}}
body.t851{--blocked:#E8821C}
body.t851 .stat.over.z851 .v{color:var(--muted)!important}
body.c851 .hx-hdb .hx-btn:not(.mh-ai){background:color-mix(in srgb,var(--text) 8%,transparent)!important;color:var(--text)!important;border-color:transparent!important}
/* ===== 8.6.0 · core 2.2.0: one sidebar that goes into the app ===== */
body.sh860 #sh840s{width:var(--sh840w)!important;top:0!important;bottom:auto!important;height:max(100%,100lvh)!important;padding:calc(10px + env(safe-area-inset-top,0px)) 10px calc(12px + env(safe-area-inset-bottom,0px))!important;display:flex;flex-direction:column;gap:2px}
body.sh860.sh860hide #sh840s{display:none!important}
body.sh860 #sh840t{left:var(--sh840w)!important}
body.sh860 #sh841p{display:none!important}
body.sh860 .sh860back{display:flex;align-items:center;gap:4px;align-self:flex-start;border:0;background:none;color:var(--c851l,#F08A24);font:600 14.5px/1 inherit;font-family:inherit;padding:8px 10px 8px 6px;min-height:40px;border-radius:10px;cursor:pointer;margin-top:2px}
body.sh860 .sh860back:hover{background:rgba(127,127,127,.1)}
body.sh860 #sh840s .sh860hd{background:none!important;color:var(--text)!important;min-height:0!important;cursor:default;display:flex;align-items:center;gap:10px;padding:2px 10px 10px}
body.sh860 .sh860hd b{font-size:21px;font-weight:800;letter-spacing:-.01em;color:var(--text)}
body.sh860 .sh860hd .sh860ci{width:32px;height:32px;border-radius:9px;background:var(--c);color:#fff;display:grid;place-items:center;flex:none}
body.sh860 .sh860hd .sh860ci svg{width:19px;height:19px}
body.sh860 .sh860nav{flex:1;min-height:0;overflow:auto;display:flex;flex-direction:column;gap:1px;scrollbar-width:none;padding-bottom:10px}
body.sh860 .sh860nav::-webkit-scrollbar{display:none}
body.sh860 .sh860p{display:flex;align-items:center;min-height:42px;padding:0 12px;border:0;background:none;border-radius:11px;color:var(--text);font:600 14.5px/1.2 inherit;font-family:inherit;text-align:left;cursor:pointer;flex:none;transition:background .18s}
body.sh860 .sh860p:hover,body.sh860 .sh860s:hover{background:rgba(127,127,127,.09)}
body.sh860 .sh860p.on,body.sh860 .sh860s.on{background:color-mix(in srgb,var(--c) 20%,transparent);color:var(--text);font-weight:700;box-shadow:inset 3px 0 0 var(--c)}
body.sh860 .sh860subs{display:flex;flex-direction:column;gap:1px;margin:2px 0 6px}
body.sh860 .sh860g{margin:10px 12px 3px 14px;font-size:11.5px;font-weight:700;color:var(--muted)}
body.sh860 .sh860s{display:flex;align-items:center;gap:10px;min-height:40px;padding:0 12px 0 14px;border:0;background:none;border-radius:10px;color:var(--text);font:500 14px/1.2 inherit;font-family:inherit;text-align:left;cursor:pointer;flex:none;transition:background .18s}
body.sh860 .sh860si{width:18px;display:grid;place-items:center;flex:none;color:var(--muted)}
body.sh860 .sh860si svg{width:17px;height:17px}
body.sh860 .sh860s.on .sh860si{color:var(--c)}
/* the app list: the open app in its own colour */
body.sh860 #sh840s .sh860apps .sh841m{position:relative}
body.sh860 #sh840s .sh860apps .sh841m.on{background:color-mix(in srgb,var(--c) 18%,transparent)!important;color:var(--text)!important}
body.sh860 #sh840s .sh860apps .sh841m .sh860ci{width:30px!important;height:30px;border-radius:8px;display:grid;place-items:center;transition:background .2s,color .2s}
body.sh860 #sh840s .sh860apps .sh841m.on .sh860ci{background:var(--c)!important;color:#fff!important}
body.sh860 .sh860go{margin-left:auto;font-size:20px;line-height:1;padding:4px 6px;color:var(--muted)}
body.sh860 .sh860tg{margin-right:2px}
body.sh860 #sh840t .sh841l{display:flex;align-items:center;gap:6px;min-width:0}
/* OSNL AI (full page) sits inside the frame, not under it */
body.sh860 .a7:not([hidden]){left:var(--sh840w)!important;top:calc(var(--sh840h,60px) + env(safe-area-inset-top,0px))!important;right:0!important;bottom:0!important;width:auto!important;height:auto!important;padding-top:0!important}
/* ===== the phone bar: the open app in its own colour; app changes cross-fade ===== */
html body.ab860 #bnav>button.ab860on,html body.ab860 #bnav>button.ab860on *{color:var(--ab860c)!important}
html body.ab860 #bnav>.ab844b{background:color-mix(in srgb,var(--ab860c) 22%,transparent)!important;box-shadow:inset 0 0 0 .6px color-mix(in srgb,var(--ab860c) 40%,transparent)!important}
::view-transition-old(root),::view-transition-new(root){animation-duration:.2s}
@keyframes ab860f{from{opacity:.55}to{opacity:1}}
#view.ab860in{animation:ab860f .22s ease}
@media (prefers-reduced-motion:reduce){#view.ab860in{animation:none}}
body.sh860 .a7 .a7side,body.sh860 .a7 .a7scrim{display:none!important}
body.sh860 .sh860aib{display:flex;gap:6px;margin:2px 0 4px}
body.sh860 .sh860aib .sh860s{flex:1;justify-content:center;border:1px solid var(--line);padding:0 8px;font-weight:600}
body.sh860 .sh860aib .sh860new{flex:1.4}
/* module pages whose own page rail is now in the sidebar use the full width */
body.sh860 :is(.mkpage,.hs731v){grid-template-columns:minmax(0,1fr)!important}
body.sh860 :is(.mkpage,.hs731v)>nav:is(.mknav,.pmnav,.hrnav,.hs731nav){display:none!important}
body.sh860 :is(.mkpage,.hs731v)>*{grid-column:1/-1!important}
/* page changes: a soft fade, never from blank */
body.c860 #view.vtp{animation:ab860f .22s ease!important}
@media (prefers-reduced-motion:reduce){body.c860 #view.vtp{animation:none!important}}
html body.ab860.ab860 #bnav#bnav>button.ab860on.ab860on,html body.ab860.ab860 #bnav#bnav>button.ab860on.ab860on *{color:var(--ab860c)!important}
html body.ab860.ab860 #bnav#bnav>.ab844b{background:color-mix(in srgb,var(--ab860c) 22%,transparent)!important}
/* one soft fade only (several old page fades stacked up and started from blank, which made the screen flicker) */
body.c860 #view.fd802{animation:ab860f .2s ease both!important}
body.c860 #view:is(.vt-in,.vt-back)>*{animation:none!important}
@media (prefers-reduced-motion:reduce){body.c860 #view.fd802{animation:none!important}}
body.sh860 #sh840t .sh860tb{display:none!important}
body.sh860 #view nav.mb{display:none!important}
html body.sh860 #sh840s .sh860hd .sh860ci,html body.sh860 #sh840s .sh860apps .sh841m.on .sh860ci{background:var(--c)!important;color:#fff!important}
html body.sh860 #sh840s .sh860apps .sh841m:not(.on) .sh860ci{background:none!important}
body.sh860 .sh860none{margin:2px 14px 6px;font-size:12.5px;color:var(--muted)}
body.sh860 .sh860aib .sh860srch{flex:0 0 44px!important}
body.sh860 .sh860nav{-webkit-mask-image:linear-gradient(#000 calc(100% - 18px),transparent);mask-image:linear-gradient(#000 calc(100% - 18px),transparent)}
/* ===== 8.7.0 · core 2.3.0: slim app rail + page tabs ===== */
body.sh870 #sh840s.sh870r{width:84px!important;padding:calc(10px + env(safe-area-inset-top,0px)) 6px calc(10px + env(safe-area-inset-bottom,0px))!important;align-items:stretch}
body.sh870 #sh840s .sh841logo{justify-content:center;margin-bottom:6px}
body.sh870 #sh840s .sh841logo img{width:40px;height:40px}
body.sh870 #sh840s .sh841nav{gap:2px}
body.sh870 #sh840s.rail .sh841m{display:flex;flex-direction:column;align-items:center;gap:3px;padding:5px 0 6px;min-height:56px;color:var(--muted);border-radius:12px}
body.sh870 #sh840s.rail .sh841m .sh860ci{width:44px;height:30px;border-radius:15px;display:grid;place-items:center;background:none!important;color:var(--muted)!important;transition:background .2s,color .2s}
body.sh870 #sh840s.rail .sh841m:hover .sh860ci{background:rgba(127,127,127,.12)!important}
html body.sh870 #sh840s.rail .sh841m.on .sh860ci{background:var(--c)!important;color:#fff!important}
body.sh870 #sh840s.rail .sh841m.on{color:var(--text)!important;font-weight:700;background:none!important}
body.sh870 #sh840s.rail .sh841ml{font-size:10.5px;font-weight:600;line-height:1.15;text-align:center;max-width:78px}
body.sh870 #sh840s .sh841foot{display:flex;flex-direction:column;align-items:center;gap:6px;padding-top:6px;border-top:1px solid var(--line)}
body.sh870 #sh840s .sh841foot .sh870set{width:100%}
body.sh870 #sh840s .sh841me{padding:4px;justify-content:center}
/* the tab row under the top bar */
body.sh870 #sh870tb{position:fixed;z-index:68;left:84px;right:0;top:calc(var(--sh840h,60px) + env(safe-area-inset-top,0px));height:54px;display:flex;align-items:center;gap:8px;padding:0 20px 0 22px;box-sizing:border-box;background:color-mix(in srgb,var(--bg) 92%,transparent);backdrop-filter:saturate(1.6) blur(14px);-webkit-backdrop-filter:saturate(1.6) blur(14px);border-bottom:1px solid var(--line)}
body.sh870 #sh870tb[hidden]{display:none}
body.sh870 .sh870pills{display:flex;gap:6px;flex:1;min-width:0;overflow:hidden;align-items:center}
body.sh870 .sh870p,body.sh870 .sh870more>summary{flex:none;height:36px;padding:0 15px;border-radius:18px;border:0;background:color-mix(in srgb,var(--text) 8%,transparent);color:var(--text);font:600 14px/36px inherit;font-family:inherit;white-space:nowrap;cursor:pointer;transition:background .18s,color .18s;list-style:none}
body.sh870 .sh870more>summary::-webkit-details-marker{display:none}
body.sh870 .sh870p:hover,body.sh870 .sh870more>summary:hover{background:color-mix(in srgb,var(--text) 13%,transparent)}
body.sh870 .sh870p.on,body.sh870 .sh870more.on>summary{background:var(--c);color:#fff}
body.sh870 .sh870more{position:relative;flex:none}
body.sh870 .sh870mm{position:absolute;top:44px;left:0;min-width:230px;max-height:min(70vh,560px);overflow:auto;padding:6px;border-radius:14px;background:var(--panel);border:1px solid var(--line);box-shadow:0 12px 32px rgba(0,0,0,.28);display:flex;flex-direction:column;gap:1px;z-index:5}
body.sh870 .sh870mm .sh870p{height:40px;border-radius:10px;background:none;text-align:left;line-height:40px;padding:0 12px}
body.sh870 .sh870mm .sh870p.on{background:color-mix(in srgb,var(--c) 20%,transparent);color:var(--text)}
body.sh870 .sh870mh{margin:8px 12px 2px;font-size:11.5px;font-weight:700;color:var(--muted)}
body.sh870 .sh870seg{flex:none;display:flex;gap:2px;padding:3px;border-radius:12px;background:color-mix(in srgb,var(--text) 8%,transparent)}
body.sh870 .sh870seg button{height:30px;padding:0 12px;border:0;border-radius:9px;background:none;color:var(--muted);font:600 13px/30px inherit;font-family:inherit;white-space:nowrap;cursor:pointer}
body.sh870 .sh870seg button.on{background:var(--panel);color:var(--text);box-shadow:0 1px 3px rgba(0,0,0,.18)}
html[data-ui="ms"] body.sh870 :is(.sh870p,.sh870more>summary),html[data-ui="microsoft"] body.sh870 :is(.sh870p,.sh870more>summary){border-radius:6px}
html[data-ui="ms"] body.sh870 .sh870seg,html[data-ui="microsoft"] body.sh870 .sh870seg{border-radius:6px}
body.sh870 .sh870hid,body.sh870 .sh842seg:has(.sh870hid){display:none!important}
/* content starts under the tab row */
body.sh870.sh870tabs.sh840 .wrap{padding-top:calc(var(--sh840h,60px) + 72px)!important}
html body.sh870 #view .a7.a7:not([hidden]){left:84px!important;top:calc(var(--sh840h,60px) + env(safe-area-inset-top,0px))!important;right:0!important;bottom:0!important;width:auto!important;height:auto!important}
html body.sh870.sh870tabs #view .a7.a7:not([hidden]){top:calc(var(--sh840h,60px) + 54px + env(safe-area-inset-top,0px))!important}
/* OSNL AI: its chat list stays beside the chat; its tools are tabs now */
body.sh870 .a7 .a7side{display:flex!important;flex-direction:column!important;width:260px;flex:none;position:relative!important;inset:auto!important;transform:none!important;height:auto!important;padding-top:10px!important}
body.sh870 .a7 .a7side :is(.a7sh,.a7tools){display:none!important}
/* menus from the rail open above it, beside it */
body.sh870 .sheet{z-index:400}
body.sh870 #sysSheet .sheetpanel{left:92px!important;top:calc(62px + env(safe-area-inset-top,0px))!important;max-height:calc(100vh - 74px - env(safe-area-inset-top,0px))!important;overflow:auto!important}
/* phone header: the page's name only */
html body .pf8brand em.ph870x{display:none!important}
body.sh870 .sh870more{display:flex;align-items:center;align-self:center}
body.sh870 .sh870more>summary{display:block}
body.sh870.sh870tabs .hrpage>.hrm193{display:none!important}
/* POS screens keep their own light/dark: the frame follows them */
body.sh870:is(.posui,.sh531dash) :is(#sh840t,#sh870tb){background:var(--panel,#fff)!important;color:var(--text)!important;border-color:var(--line)!important}
body.sh870:is(.posui,.sh531dash) #sh840t :is(.sh841tt,.sh841i,.sh840bk){color:var(--text)!important}

/* ===================== v8.8.0 · core 2.4.0 · New design: every module full screen, classic colours, module bar on phone and iPad portrait ===================== */
body.nd880{--nd8g:#0F3D2E;--nd8gi:#FFFFFF;--nd8o:#F08A24;--nd8oi:#1C1206;--nd8sel:var(--c851l,#0F3D2E)}
html[data-theme="dark"] body.nd880{--nd8g:#1F6B50;--nd8sel:#F5A54A}
@media (prefers-color-scheme:dark){html:not([data-theme="light"]) body.nd880{--nd8g:#1F6B50;--nd8sel:#F5A54A}}
/* classic accent everywhere outside the POS till (no red main buttons) */
body.nd880:not(.posui){--accent:#0F3D2E;--accentInk:#FFFFFF;--accentSoft:rgba(15,61,46,.12)}
html[data-theme="dark"] body.nd880:not(.posui){--accent:#F08A24;--accentSoft:rgba(240,138,36,.2)}
@media (prefers-color-scheme:dark){html:not([data-theme="light"]) body.nd880:not(.posui){--accent:#F08A24;--accentSoft:rgba(240,138,36,.2)}}
/* Hotel keeps its pages; its gold and blue become the classic green */
body.nd880{--pm:var(--nd8g);--pmc:var(--nd8sel)}
body.nd880 .pmhero .btn.pmbtn[style*="--pm"],body.nd880 .mkhero .pmbtn.pri{background:var(--nd8o)!important;color:var(--nd8oi)!important;border-color:var(--nd8o)!important}
/* AI buttons: no purple-blue gradient */
body.nd880 .hx-btn.mh-ai{background:var(--nd8g)!important;background-image:none!important;color:var(--nd8gi)!important;border:0!important}
body.nd880 .hx-btn.mh-ai:hover{filter:brightness(1.08)}
/* links take the brand colour, never blue */
body.nd880 :is(.s591-all,.fz-link,.hx-link,a.mklink,button.mklink){color:var(--nd8sel)!important}
body.nd880 #view a[href]:not(.btn):not([class*="btn"]){color:var(--nd8sel)}
/* one title per screen: the page heading that repeats the top bar goes */
body.nd880:is(.hubfull,.pmfull) :is(.hx-hd h1,.hx-hd .sh531t>h1,.hx-hd .sh531t h1,.pd830t>h1,.pd830t h1,.rq-h>h2,.nlc44t>h2,.nlc44t h2,.pmhero h2){display:none!important}
body.nd880.hubfull .hx-hd{margin-top:2px}
/* no rainbow app grid inside a module: the left menu (or the module bar) has the same pages */
body.nd880.hubfull .mh nav.mh-tiles:not(.s591-tiles){display:none!important}
/* top bar: Search and Ask AI in the same calm style as the other buttons */
body.nd880 header.pf8bar #hx7KBtn{background:rgba(255,255,255,.08)!important;color:#fff!important;border:0!important;box-shadow:none!important}
body.nd880 header.pf8bar #hx7KBtn svg{stroke:currentColor;color:#fff}
body.nd880 header.pf8bar #hlpBtn{width:auto!important;min-width:44px;padding:0 12px!important;border-radius:12px;background:rgba(240,138,36,.18)!important;color:#FFD2A3!important;border:0!important;display:inline-flex!important;flex-direction:row!important;align-items:center;justify-content:center;gap:6px;font-weight:650;font-size:14px;white-space:nowrap}
body.nd880 header.pf8bar #hlpBtn{font-size:0!important}
body.nd880 header.pf8bar #hlpBtn>*{display:none!important}
body.nd880 header.pf8bar #hlpBtn::before,body.nd880 header.pf8bar #hlpBtn::after{font-size:14px}
body.nd880 header.pf8bar #hlpBtn::before{content:"✦";font-size:15px;line-height:1}
body.nd880 header.pf8bar #hlpBtn::after{content:"Ask AI"}
body.nd880 header.pf8bar #hlpBtn:hover{background:rgba(240,138,36,.28)!important}
/* the menu's selected item in the brand colour */
body.nd880 .mkpage>nav.rl715n button[aria-current="page"],body.nd880 .mkpage>nav.hs731nav button[aria-current="page"]{color:var(--nd8sel)!important}
body.nd880 .mkpage>nav:is(.rl715n,.hs731nav) button[aria-current="page"]{background:color-mix(in srgb,var(--nd8sel) 12%,transparent)!important}
body.nd880 .mkpage>nav.rl715n .rlpin[aria-pressed="true"]{color:var(--muted)!important}
body.nd880 nav.hs731nav .nv716h.nd880sh{border-top:1px solid var(--line);margin:8px 6px 4px;padding:0!important;height:0}

/* ---------- module bar: phone and iPad portrait ---------- */
#nd880bar{display:none}
@media (max-width:1099px){
  body.nd880.nd880pb #nd880bar{display:grid;grid-template-columns:repeat(var(--nd880n,5),minmax(0,1fr));position:fixed;left:10px;right:10px;bottom:calc(10px + env(safe-area-inset-bottom,0px));z-index:40;
    padding:4px;border-radius:22px;background:color-mix(in srgb,var(--panel) 92%,transparent);-webkit-backdrop-filter:saturate(1.4) blur(18px);backdrop-filter:saturate(1.4) blur(18px);
    border:1px solid var(--line);box-shadow:0 10px 30px rgba(0,0,0,.18)}
  body.nd880.nd880pb #nd880bar>button{min-width:0;min-height:54px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;border:0;background:none;border-radius:16px;color:var(--muted);font:600 11px/1.1 var(--body,inherit);padding:0 2px;cursor:pointer}
  body.nd880.nd880pb #nd880bar>button>span{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  body.nd880.nd880pb #nd880bar>button svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
  body.nd880.nd880pb #nd880bar>button.on{color:var(--text);background:color-mix(in srgb,var(--nd8sel) 12%,transparent)}
  body.nd880.nd880pb #nd880bar>button.on svg{color:var(--nd8sel)}
  html[data-ui="google"] body.nd880.nd880pb #nd880bar>button.on{background:none}
  html[data-ui="google"] body.nd880.nd880pb #nd880bar>button.on svg{background:color-mix(in srgb,var(--nd8sel) 18%,transparent);border-radius:999px;padding:3px 14px;box-sizing:content-box;margin:-3px 0}
  html[data-ui="ms"] body.nd880.nd880pb #nd880bar,html[data-ui="microsoft"] body.nd880.nd880pb #nd880bar{border-radius:10px}
  /* the app bar and the old section row step aside while a module is open */
  html body.nd880.nd880pb #bnav#bnav,html body.nd880.nd880pb #bnav#bnav.bb791bar{display:none!important}
  body.nd880.nd880pb nav.mb,body.nd880.nd880pb .wrap>aside.side,body.nd880.nd880pb.nd880one .mkpage>nav:is(.pmnav,.hrnav),body.nd880.nd880pb.nd880one .hrm193{display:none!important}
  body.nd880.nd880pb.nd880one .mkpage{grid-template-columns:minmax(0,1fr)!important;display:block}
  body.nd880.nd880pb .wrap>main{margin-top:14px}
  body.nd880.nd880pb .wrap{padding-bottom:calc(96px + env(safe-area-inset-bottom,0px))!important}
  body.nd880.nd880pb #addBtn{bottom:calc(84px + env(safe-area-inset-bottom,0px))!important}
  body.nd880.nd880pb .totop{display:none!important}
  /* Apps and the bell stay in the top bar, the same top bar as the computer */
  body.nd880.nd880pb header.pf8bar .pf8apps,body.nd880.nd880pb header.pf8bar.hf7bar .hf7bell{display:inline-flex!important}
}
@media (max-width:720px){
  body.nd880.nd880pb header.pf8bar .pf8apps>span,body.nd880.nd880pb header.pf8bar .hb738>span{display:none!important}
  body.nd880.nd880pb header.pf8bar .pf8apps,body.nd880.nd880pb header.pf8bar .hb738{min-width:44px;min-height:44px;padding:0!important;justify-content:center}
  body.nd880 header.pf8bar #hlpBtn{min-height:44px!important;height:44px!important}
  body.nd880 header.pf8bar #hlpBtn{padding:0!important;width:44px!important;min-width:44px!important}
  html body.nd880 header.pf8bar #hlpBtn#hlpBtn::after{content:none!important;display:none!important}
  body.nd880.nd880pb header.pf8bar.hf7bar .pf8brand>svg,body.nd880.nd880pb header.pf8bar.hf7bar .pf8brand.bb791t>svg:first-child{display:none!important}
  body.nd880.nd880pb header.pf8bar.hf7bar{gap:4px!important;padding-inline:6px!important}
}
/* the More sheet: every page of the module, and its Settings */
.nd880sh{position:fixed;inset:0;z-index:1250;display:grid;place-items:end stretch}
.nd880bg{position:absolute;inset:0;background:rgba(0,0,0,.42)}
.nd880p{position:relative;max-height:88vh;display:flex;flex-direction:column;background:var(--panel);color:var(--text);border-radius:22px 22px 0 0;box-shadow:0 -10px 40px rgba(0,0,0,.25);padding-bottom:env(safe-area-inset-bottom,0px);animation:nd880up .24s ease}
@media (min-width:721px){.nd880sh{place-items:center}.nd880p{width:min(560px,calc(100% - 32px));border-radius:20px;max-height:80vh;animation:nd880pop .18s ease}.nd880grab{display:none}}
.nd880grab{width:40px;height:5px;border-radius:3px;background:var(--line);margin:8px auto 0}
.nd880p header{display:flex;align-items:center;gap:8px;padding:10px 12px 10px 18px;border-bottom:1px solid var(--line)}
.nd880p header h2{flex:1;margin:0;font-size:17px}
.nd880b{overflow:auto;padding:6px 10px 14px}
.nd880b h3{margin:12px 8px 4px;font-size:12px;font-weight:650;color:var(--muted)}
.nd880b h3:empty{margin:8px 8px;border-top:1px solid var(--line)}
.nd880i{display:flex;align-items:center;gap:14px;width:100%;min-height:48px;padding:0 10px;border:0;background:none;border-radius:12px;color:var(--text);font:inherit;font-size:15px;text-align:left;cursor:pointer}
.nd880i svg{width:22px;height:22px;flex:none;color:var(--muted);fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.nd880i:hover{background:color-mix(in srgb,var(--text) 6%,transparent)}
.nd880i.on{background:color-mix(in srgb,var(--nd8sel,#0F3D2E) 12%,transparent);font-weight:650}
.nd880i.on svg{color:var(--nd8sel,#0F3D2E)}
html[data-ui="ms"] .nd880p,html[data-ui="microsoft"] .nd880p{border-radius:8px 8px 0 0}
html[data-ui="google"] .nd880i{border-radius:999px}
@keyframes nd880up{from{transform:translateY(30px);opacity:.6}to{transform:none;opacity:1}}
@keyframes nd880pop{from{transform:scale(.98);opacity:.6}to{transform:none;opacity:1}}
@media (prefers-reduced-motion:reduce){.nd880p{animation:none}}

/* 8.8.0 review fixes: People's teal and the leaderboard's blue become classic; rail-style icons in the bar */
body.nd880 .btn.hrbtn,body.nd880 .hrbtn{background:var(--accent);color:var(--accentInk,#fff)}
body.nd880 .hx-btn.s591-all{background:var(--accentSoft)!important}
body.nd880 #nd880bar .rli,body.nd880 .nd880i .rli{display:inline-grid;place-items:center;width:22px;height:22px;font-style:normal}
body.nd880 #nd880bar .rli svg,body.nd880 .nd880i .rli svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
body.nd880 #nd880bar .rlt,body.nd880 .nd880i .rlt{border-radius:7px;background:color-mix(in srgb,currentColor 12%,transparent);font-size:11.5px;font-weight:800}
body.nd880 #nd880bar>button.on .rli{color:var(--nd8sel)}

/* ===================== v8.9.0 · core 2.5.0 · New design, part 2 ===================== */
/* Home: the company pill in classic green, Ask AI as a calm pill */
body.nd890 header.hero .brand1253{background:linear-gradient(135deg,#1F6B50,#0F3D2E)!important;color:#fff!important;animation:none!important;box-shadow:none!important}
body.nd890 header.hero .brand1253::before,body.nd890 header.hero .brand1253::after{animation:none!important;box-shadow:none!important;display:none!important}
body.nd890 header.hero #hlpBtn{font-size:0!important;display:inline-flex!important;align-items:center;justify-content:center;gap:6px;min-height:40px;padding:0 14px!important;border-radius:12px;background:rgba(240,138,36,.14)!important;color:#9A4F00!important;border:0!important;width:auto!important}
body.nd890 header.hero #hlpBtn>*{display:none!important}
body.nd890 header.hero #hlpBtn::before{content:"✦";font-size:15px;line-height:1}
body.nd890 header.hero #hlpBtn::after{content:"Ask AI";font-size:14px;font-weight:650}
html[data-theme="dark"] body.nd890 header.hero #hlpBtn{color:#F5A54A!important;background:rgba(240,138,36,.18)!important}
@media (prefers-color-scheme:dark){html:not([data-theme="light"]) body.nd890 header.hero #hlpBtn{color:#F5A54A!important;background:rgba(240,138,36,.18)!important}}
@media (max-width:720px){html body.nd890 header.hero #hlpBtn#hlpBtn{padding:0!important;width:44px!important;min-width:44px!important;max-width:44px!important;height:44px!important;background:rgba(240,138,36,.14)!important;color:#9A4F00!important}html body.nd890 header.hero #hlpBtn#hlpBtn::after{content:none!important;display:none!important}}
/* one calm tint for section icons (no rainbow) */
body.nd890:not(.posui) :is(.mg-ic,.st231ic,.st231n)[class*="c-"]{background:color-mix(in srgb,var(--nd8g,#0F3D2E) 13%,var(--panel,#fff))!important;color:var(--nd8sel,#0F3D2E)!important}
body.nd890:not(.posui) :is(.mg-ic,.st231ic,.st231n)[class*="c-"] svg{stroke:currentColor!important;color:inherit}
body.nd890:not(.posui) .mg-it[aria-current="page"] .mg-ic[class*="c-"],body.nd890:not(.posui) .mg-it.on .mg-ic[class*="c-"]{background:var(--nd8g,#0F3D2E)!important;color:#fff!important;box-shadow:none!important;outline:0!important}
body.nd890:not(.posui) .mg-ic[class*="c-"]{box-shadow:none!important}
html[data-theme="dark"] body.nd890:not(.posui) :is(.mg-ic,.st231ic,.st231n)[class*="c-"]:not(.x){background:color-mix(in srgb,#1F6B50 45%,var(--panel,#111))!important;color:#BFE6D2!important}
@media (prefers-color-scheme:dark){html:not([data-theme="light"]) body.nd890:not(.posui) :is(.mg-ic,.st231ic,.st231n)[class*="c-"]:not(.x){background:color-mix(in srgb,#1F6B50 45%,var(--panel,#111))!important;color:#BFE6D2!important}}
/* Master settings: one title, Modules row */
body.nd890 #view .nd890h{display:none!important}
body.nd890 #view .stfall>button{min-height:44px;padding:0 16px}
body.nd890 #view .sthead .stfbtn{min-width:44px;min-height:44px}
/* phone and iPad: 44 px tap targets inside pages */
@media (max-width:1099px){
  body.nd890:not(.posui):not(.posmode) #view :is(.btn,button.ghost,.seg>button,.inf-cats>button,.nv716seg>button,.hx-sw>button,.fz-nb,.stfbtn){min-height:44px}
  body.nd890:not(.posui):not(.posmode) #view :is(.hx-link,.fz-link,.ast-lk){min-height:44px;display:inline-flex;align-items:center}
  body.nd890:not(.posui):not(.posmode) #view .f851note button{min-height:0;padding:12px 2px;margin:-12px 0}
  body.nd890:not(.posui):not(.posmode) :is(#view,.wrap) :is(.linkbtn,.onbtn,.h189s){min-height:44px}
  body.nd890:not(.posui):not(.posmode) :is(#view,.wrap) .linkbtn{display:inline-flex;align-items:center}
  body.nd890:not(.posui):not(.posmode) .wrap :is(.rqi-all,.rqi-fold,[data-rqall],[data-rqfold]){min-height:44px}
  body.nd890:not(.posui):not(.posmode) header.pf8bar :is(button,.pf8btn,.pf8me,.hlptop){min-height:44px}
  body.nd890:not(.posui):not(.posmode) header.hero :is(nav.tabs>button,.ntbell,.hx7kbtn,.onbtn,.acctbtn,#hlpBtn){min-height:44px}
}

/* ===================== v8.9.1 · Nightlife features switch ===================== */
body.nl891off :is([data-postab="payouts"],[data-pos136="xs|promo"],[data-pos141="rk|lady"],[data-pos141="rk|ladycharge"],[data-pos141="rk|barfine"],[data-pos141="rk|rooms"],[data-possec="lady"],[data-possec="barfine"],[data-possec="rooms"],[data-p233="sec|lady"],[data-nc840="rep|lady"],[data-nc840="rep|barfine"],.ref580c,button[data-v="spart"],button[data-v="porders"],[data-nlcsec="partners"]){display:none!important}
body.nl891off :is(label,.posf-row,div):has(>input.posf-ladyDrinks,>input.posf-barfine,>input.posf-rooms),body.nl891off label:has(>#ps-comm){display:none!important}
.nl891{margin:0 0 14px;padding:14px 16px;background:var(--panel);border:1px solid var(--line);border-radius:16px;box-shadow:0 1px 2px rgba(0,0,0,.05)}
.nl891r{display:flex;align-items:center;gap:14px}
.nl891r>div{flex:1;min-width:0}
.nl891 h3{margin:0 0 4px;font-size:16px}
.nl891 .hint{margin:0}
.sw891{flex:none;width:52px;height:32px;min-height:32px;border-radius:999px;border:0;background:#9AA7A1;position:relative;cursor:pointer;transition:background .15s}
.sw891::after{content:"";position:absolute;top:3px;left:3px;width:26px;height:26px;border-radius:50%;background:#fff;box-shadow:0 1px 3px rgba(0,0,0,.3);transition:transform .15s}
.sw891[aria-checked="true"]{background:#0F3D2E}
.sw891[aria-checked="true"]::after{transform:translateX(20px)}
html[data-theme="dark"] .sw891[aria-checked="true"]{background:#F08A24}
@media (prefers-color-scheme:dark){html:not([data-theme="light"]) .sw891[aria-checked="true"]{background:#F08A24}}
@media (max-width:1099px){.sw891{min-height:44px;height:44px;width:64px}.sw891::after{top:4px;left:4px;width:36px;height:36px}.sw891[aria-checked="true"]::after{transform:translateX(20px)}}
@media (prefers-reduced-motion:reduce){.sw891,.sw891::after{transition:none}}

/* ===================== v8.9.2 · Design fixes after 8.9.1 ===================== */
body.fx892:not(.posui) .p233ic[class*="c-"],body.fx892:not(.posui) .ms732i{background:color-mix(in srgb,var(--nd8g,#0F3D2E) 13%,var(--panel,#fff))!important;color:var(--nd8sel,#0F3D2E)!important;box-shadow:none!important}
body.fx892:not(.posui) .p233ic[class*="c-"] svg{stroke:currentColor!important}
html[data-theme="dark"] body.fx892:not(.posui) :is(.p233ic[class*="c-"],.ms732i){background:color-mix(in srgb,#1F6B50 45%,var(--panel,#111))!important;color:#BFE6D2!important}
@media (prefers-color-scheme:dark){html:not([data-theme="light"]) body.fx892:not(.posui) :is(.p233ic[class*="c-"],.ms732i){background:color-mix(in srgb,#1F6B50 45%,var(--panel,#111))!important;color:#BFE6D2!important}}
@media (max-width:720px){
  body.fx892 #view nav.pd830tabs{justify-content:flex-start;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch;scroll-snap-type:x proximity;gap:4px}
  body.fx892 #view nav.pd830tabs::-webkit-scrollbar{display:none}
  body.fx892 #view nav.pd830tabs>button{flex:none;padding:0 16px;white-space:nowrap;min-height:44px;scroll-snap-align:start}
}
@media (max-width:1099px){
  body.fx892 #view nav.pd830tabs>button{min-height:44px}
  body.fx892:not(.posui):not(.posmode) .wrap :is(.hm7c,.rq198-all,.rq199-t,.brand1253){min-height:44px}
  body.fx892:not(.posui):not(.posmode) .wrap button.mklink{min-height:44px;display:inline-flex;align-items:center;padding:0 6px}
  html body.fx892:not(.posui):not(.posmode) header.pf8bar #hlpBtn#hlpBtn.pf8ask{min-height:44px!important;min-width:44px!important;height:44px!important}
  body.fx892:not(.posui):not(.posmode) .wrap .rq199-t{min-width:44px}
}

body.fx892 .ms732i svg{width:22px;height:22px}

/* ===================== v9.0.0 · Roles inside each module ===================== */
.rl900ov{margin:0 0 14px}
.rl900ov .hint{margin:0 0 10px}
.rl900g{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:8px}
.rl900b{display:flex;align-items:center;gap:10px;min-height:48px;padding:0 14px;border-radius:12px;border:1px solid var(--line);background:var(--panel);color:var(--text);font:inherit;font-weight:600;cursor:pointer;text-align:left}
.rl900b:hover{background:color-mix(in srgb,var(--nd8g,#0F3D2E) 8%,var(--panel))}
.rl900b svg{width:22px;height:22px;flex:none;fill:none;stroke:var(--nd8sel,#0F3D2E);stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
html[data-ui="google"] .rl900b{border-radius:999px}
html:is([data-ui="ms"],[data-ui="microsoft"]) .rl900b{border-radius:6px}
.rli svg{fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.rl900hl{animation:rl900hl 2s ease}
@keyframes rl900hl{0%,40%{box-shadow:0 0 0 3px color-mix(in srgb,#F08A24 55%,transparent)}100%{box-shadow:0 0 0 0 transparent}}
@media (prefers-reduced-motion:reduce){.rl900hl{animation:none}}

/* ===================== v9.1.2 · Pop-ups above the module bar and menu ===================== */
html body.fx912 #view.fd802{animation-fill-mode:backwards!important}
body.fx912 #nd880bar#nd880bar{transition:transform .22s ease,visibility 0s linear 0s}
body.fx912.fx912m #nd880bar#nd880bar{transform:translateY(130%)!important;visibility:hidden!important;pointer-events:none!important;transition:transform .2s ease,visibility 0s linear .2s}
@media (prefers-reduced-motion:reduce){body.fx912 #nd880bar#nd880bar{transition:none!important}}
html.mo-off body.fx912 #nd880bar#nd880bar{transition:none!important}
body.fx912.fx912m .wrap>nav.hs731nav,body.fx912.fx912m .mkpage>nav{z-index:0!important}

/* ===================== v9.2.1 · hotel 1.9.11 · Hotel: readable selected chips in dark mode =====================
   6.5.2 made text dark on Hotel's old amber; since 8.8.0 those backgrounds are the classic green, so the text must be white. */
:root[data-theme="dark"] body.fx921.nd880 :is(.pmcount,.pmrkd.today,.pmpage .evchip[aria-pressed="true"],.pmpage .evchip[aria-pressed="true"] span,.fdtabs button[aria-selected=true] span){color:var(--nd8gi,#fff)!important}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) body.fx921.nd880 :is(.pmcount,.pmrkd.today,.pmpage .evchip[aria-pressed="true"],.pmpage .evchip[aria-pressed="true"] span,.fdtabs button[aria-selected=true] span){color:var(--nd8gi,#fff)!important}}

/* ===================== v9.2.2 · core 2.6.5 · No flicker: only one page-change fade (the content fade in v9.2.2 JS) ===================== */
html body.fx922 #view.fd802,html body.fx922 #view.ab860in,html body.fx922 #view.ab844in{animation:none!important}
html body.fx922 #view.vt-in>*,html body.fx922 #view.vt-back>*{animation:none!important}
html body.fx922.ab844 #view{transition:none!important}html body.fx922.ab844 #view.ab844out{opacity:1!important}

/* ===================== v9.2.3 · core 2.6.6 · Top bar and bottom bar (owner's mock-up, 8 Nov) =====================
   Top bar: solid, one family of round buttons (search, bell, AI, you), the count inside the bell, "AI" as a word.
   Bottom bars (main bar, module bar, POS tabs): 94% solid, classic green pill for the page you are on, counts not dots.
   Home: the "online" and "birthdays" chips are gone. Microsoft style keeps squarer corners. */
body.fx923{--f9s:#FFFFFF;--f9line:#E3E8E5;--f9b:#EEF2F0;--f9t:#111614;--f9g:#0F3D2E;--f9bar:rgba(255,255,255,.94);--f9in:#2D3833;--f9r:999px;--f9br:26px}
html[data-theme="dark"] body.fx923{--f9s:#141B18;--f9line:#25302B;--f9b:#222C28;--f9t:#EEF3F0;--f9g:#1F6B50;--f9bar:rgba(24,32,29,.95);--f9in:#C9D4CF}
@media (prefers-color-scheme:dark){html:not([data-theme="light"]) body.fx923{--f9s:#141B18;--f9line:#25302B;--f9b:#222C28;--f9t:#EEF3F0;--f9g:#1F6B50;--f9bar:rgba(24,32,29,.95);--f9in:#C9D4CF}}
html[data-ui="ms"] body.fx923,html[data-ui="microsoft"] body.fx923{--f9r:8px;--f9br:12px}
/* top bar buttons: one family */
:is(html[data-ui],html) body.fx923 :is(header #ntBell#ntBell#ntBell,header #hx7KBtn#hx7KBtn#hx7KBtn,header #hlpBtn#hlpBtn#hlpBtn,header #onBtn#onBtn#onBtn){width:40px!important;height:40px!important;min-width:40px!important;min-height:40px!important;max-width:40px!important;padding:0!important;margin:0!important;border:0!important;border-radius:var(--f9r)!important;background:var(--f9b)!important;color:var(--f9t)!important;box-shadow:none!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;position:relative!important;flex:0 0 auto!important}
:is(html[data-ui],html) body.fx923 header #hlpBtn#hlpBtn#hlpBtn{font-size:0!important;line-height:0!important;gap:0!important;animation:none!important}
:is(html[data-ui],html) body.fx923 header #hlpBtn#hlpBtn#hlpBtn>*{display:none!important}
:is(html[data-ui],html) body.fx923 header #hlpBtn#hlpBtn#hlpBtn::before{display:none!important}
:is(html[data-ui],html) body.fx923 header #hlpBtn#hlpBtn#hlpBtn::after{content:"AI"!important;display:block!important;position:static!important;font:700 14px/1 var(--body,Inter,system-ui,sans-serif)!important;letter-spacing:.02em!important;color:var(--f9t)!important;background:none!important;width:auto!important;height:auto!important;inset:auto!important;animation:none!important;opacity:1!important}
:is(html[data-ui],html) body.fx923 header #ntBell#ntBell#ntBell svg,:is(html[data-ui],html) body.fx923 header #hx7KBtn#hx7KBtn#hx7KBtn svg{width:20px!important;height:20px!important;color:var(--f9t)!important}
:is(html[data-ui],html) body.fx923 header #hx7KBtn#hx7KBtn#hx7KBtn>:not(svg){display:none!important}
:is(html[data-ui],html) body.fx923 :is(header #acctBtn#acctBtn#acctBtn){width:40px!important;height:40px!important;min-width:40px!important;min-height:40px!important;border-radius:var(--f9r)!important;box-shadow:none!important;border:0!important;outline:0}
:is(html[data-ui],html) body.fx923 header #ntCnt#ntCnt#ntCnt{position:absolute!important;top:1px!important;right:1px!important;left:auto!important;min-width:18px!important;height:18px!important;box-sizing:border-box!important;padding:0 5px!important;border-radius:9px!important;background:#F08A24!important;color:#1C1206!important;font:800 11px/18px var(--body,Inter,system-ui,sans-serif)!important;text-align:center!important;border:2px solid var(--f9s)!important;transform:none!important;margin:0!important}
@media (max-width:1099px){:is(html[data-ui],html) body.fx923 :is(header #ntBell#ntBell#ntBell,header #hx7KBtn#hx7KBtn#hx7KBtn,header #hlpBtn#hlpBtn#hlpBtn,header #onBtn#onBtn#onBtn,header #acctBtn#acctBtn#acctBtn){width:44px!important;height:44px!important;min-width:44px!important;min-height:44px!important;max-width:44px!important}}
/* top bar surface: solid, the page starts below it */
@media (max-width:1099px){
  :is(html[data-ui],html) body.fx923 header.hero{background:var(--f9s)!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;border:0!important;border-bottom:1px solid var(--f9line)!important;border-radius:0!important;box-shadow:none!important;margin-left:0!important;margin-right:0!important;padding-top:max(8px,env(safe-area-inset-top,0px))!important}
  :is(html[data-ui],html) body.fx923 header.pf8bar{background:var(--f9s)!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;box-shadow:none!important;border-bottom:1px solid var(--f9line)!important}
  body.fx923 .fx923t{display:flex;flex-direction:column;min-width:0;margin-left:10px;color:var(--f9t)}
  body.fx923 .fx923t b{font-size:15px;line-height:18px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:42vw}
  body.fx923 .fx923t small{font-size:12px;line-height:16px;color:var(--muted)}
}
body.fx923 .fx923t{display:none}
@media (max-width:720px){body.fx923 header.hero>div:first-child{display:flex;align-items:center;min-width:0}body.fx923 header.hero .fx923t{display:flex}}
/* Home: no "online" / "birthdays" chips under the greeting */
body.fx923 #view .dhhero .dhwho,body.fx923 #view .o781greet .dhwho,body.fx923 #view .dhhero .hm7chips,body.fx923 #view .o781greet .hm7chips{display:none!important}
/* bottom bars */
:is(html[data-ui],html) body.fx923 #bnav#bnav.bb791bar,:is(html[data-ui],html) body.fx923.ab844 .posw .postop nav.postabs,:is(html[data-ui],html) body.fx923.nd880.nd880pb #nd880bar#nd880bar{background:var(--f9bar)!important;-webkit-backdrop-filter:blur(18px) saturate(1.3)!important;backdrop-filter:blur(18px) saturate(1.3)!important;border:1px solid var(--f9line)!important;border-radius:var(--f9br)!important;box-shadow:0 8px 24px rgba(15,61,46,.14)!important}
html[data-theme="dark"] body.fx923 :is(#bnav#bnav.bb791bar,#nd880bar#nd880bar){box-shadow:0 8px 24px rgba(0,0,0,.45)!important}
:is(html[data-ui],html) body.fx923 #bnav#bnav>button,:is(html[data-ui],html) body.fx923.nd880.nd880pb #nd880bar#nd880bar>button,:is(html[data-ui],html) body.fx923.ab844 .posw .postop nav.postabs>button{color:var(--f9in)!important}
:is(html[data-ui],html) body.fx923 #bnav#bnav>button *,:is(html[data-ui],html) body.fx923.nd880.nd880pb #nd880bar#nd880bar>button *{color:inherit!important}
/* the page you are on: classic green pill, white icon and label */
:is(html[data-ui],html) body.fx923 #bnav#bnav>.ab844b,:is(html[data-ui],html) body.fx923.ab844 .posw .postop nav.postabs>.ab844b{background:var(--f9g)!important;box-shadow:none!important;border-radius:calc(var(--f9br) - 6px)!important}
:is(html[data-ui],html) body.fx923 #bnav#bnav>button.ab860on,:is(html[data-ui],html) body.fx923 #bnav#bnav>button[aria-current="page"],:is(html[data-ui],html) body.fx923.ab844 .posw .postop nav.postabs>button.ab844on,:is(html[data-ui],html) body.fx923.ab844 .posw .postop nav.postabs>button[aria-selected="true"]{color:#FFFFFF!important}
:is(html[data-ui],html) body.fx923 #bnav#bnav>button.ab860on *,:is(html[data-ui],html) body.fx923 #bnav#bnav>button[aria-current="page"] *{color:#FFFFFF!important}
body.fx923:not(.ab844) #bnav#bnav>button[aria-current="page"]{background:var(--f9g)!important;border-radius:calc(var(--f9br) - 6px)!important}
:is(html[data-ui],html) body.fx923.nd880.nd880pb #nd880bar#nd880bar>button.on{background:var(--f9g)!important;color:#FFFFFF!important;border-radius:calc(var(--f9br) - 6px)!important}
:is(html[data-ui],html) body.fx923.nd880.nd880pb #nd880bar#nd880bar>button.on *,:is(html[data-ui],html) body.fx923.nd880.nd880pb #nd880bar#nd880bar>button.on svg{color:#FFFFFF!important;background:none!important}
/* counts instead of red dots */
:is(html[data-ui],html) body.fx923 #bnav#bnav .bdot:not([hidden]),:is(html[data-ui],html) body.fx923 #bnav#bnav .bb791n:not([hidden]){position:absolute!important;top:4px!important;left:calc(50% + 6px)!important;right:auto!important;width:auto!important;min-width:18px!important;height:18px!important;box-sizing:border-box!important;padding:0 5px!important;border-radius:9px!important;background:#F08A24!important;color:#1C1206!important;font:800 10px/18px var(--body,Inter,system-ui,sans-serif)!important;font-style:normal!important;text-align:center!important;border:0!important;z-index:3!important}
body.fx923 #bnav #moreDot{display:none!important}
/* phone top bar: the title takes the room that is left, the buttons never cover it */
@media (max-width:1099px){
  html body.fx923 header.hero{align-items:center!important;gap:8px!important}
  html body.fx923 header.hero>div:first-child{flex:1 1 auto!important;min-width:0!important;overflow:hidden}
  html body.fx923 header.hero>.hctl{flex:0 0 auto!important;display:flex!important;align-items:center!important;gap:6px!important;margin-left:auto!important}
  html body.fx923 header.hero .fx923t b{max-width:none}
  /* inside a module: the same light bar, dark text, the same round buttons */
  html body.fx923 header.pf8bar,html body.fx923 header.pf8bar .pf8brand,html body.fx923 header.pf8bar .pf8brand *{color:var(--f9t)!important}
  html body.fx923 header.pf8bar :is(.pf8apps,.hb738,.pf8btn){background:var(--f9b)!important;color:var(--f9t)!important;border:0!important;border-radius:var(--f9r)!important;box-shadow:none!important}
  html body.fx923 header.pf8bar :is(.pf8apps,.hb738,.pf8btn) *{color:var(--f9t)!important}
  html body.fx923 header.pf8bar .pf8me{background:none!important}
}
/* the older per-tab colours (8.6.0) give way to the classic green pill with white text */
html body.fx923 #bnav#bnav,html body.fx923 .posw .postop nav.postabs{--ab860c:#FFFFFF!important}
/* review fixes: POS tabs on the phone, the Notes and online buttons, desktop module bar, room for the company name */
:is(html[data-ui],html) body.fx923.ab844 .posw .postop nav.postabs>button:is([aria-selected="true"],[aria-current="page"],[aria-current="true"],.ab844on),
:is(html[data-ui],html) body.fx923.ab844 .posw .postop nav.postabs>button:is([aria-selected="true"],[aria-current="page"],[aria-current="true"],.ab844on) *{color:#FFFFFF!important;stroke:currentColor}
:is(html[data-ui],html) body.fx923 header.hero .hctl .qk196.qk196{width:40px!important;height:40px!important;min-width:40px!important;padding:0!important;border:0!important;border-radius:var(--f9r)!important;background:var(--f9b)!important;color:var(--f9t)!important;box-shadow:none!important;display:inline-flex!important;align-items:center!important;justify-content:center!important}
@media (max-width:1099px){:is(html[data-ui],html) body.fx923 header.hero .hctl .qk196.qk196{width:44px!important;height:44px!important;min-width:44px!important}}
:is(html[data-ui],html) body.fx923 header #onBtn#onBtn#onBtn{overflow:hidden!important;font-size:12px!important;gap:3px!important;white-space:nowrap!important}
@media (max-width:720px){:is(html[data-ui],html) body.fx923 header.hero #onBtn#onBtn#onBtn,:is(html[data-ui],html) body.fx923 header.hero .hctl .qk196.qk196{display:none!important}}
@media (min-width:1100px){
  :is(html[data-ui],html) body.fx923 header.pf8bar :is(header #hx7KBtn#hx7KBtn#hx7KBtn,header #hlpBtn#hlpBtn#hlpBtn){background:rgba(255,255,255,.12)!important;color:#FFFFFF!important}
  :is(html[data-ui],html) body.fx923 header.pf8bar #hlpBtn#hlpBtn#hlpBtn::after,:is(html[data-ui],html) body.fx923 header.pf8bar #hx7KBtn#hx7KBtn#hx7KBtn svg{color:#FFFFFF!important}
}

/* ===================== v9.2.4 · core 2.6.7 · Bars sit flush: no band above the top bar, nothing below the bottom bar =====================
   Owner's iPhone screenshots (8 Nov): 9.2.3 added the iPhone safe area inside the top bar a second time (white band), the floating
   bottom bar left the page visible underneath it, and the sliding green pill could go missing (white "Home" on white).
   Now the top bar has a plain 8 px top, the bottom bars are docked to the screen edge (full width, solid, filling the home-bar
   area, rounded only on top) and the page you are on is the button itself in green. */
@media (max-width:1099px){
  :is(html[data-ui],html) body.fx924 header.hero{padding-top:8px!important}
  :is(html[data-ui],html) body.fx924 #bnav#bnav#bnav.bb791bar,
  :is(html[data-ui],html) body.fx924.ab844 .posw .postop nav.postabs.postabs,
  :is(html[data-ui],html) body.fx924.nd880.nd880pb #nd880bar#nd880bar#nd880bar{
    position:fixed!important;left:0!important;right:0!important;bottom:0!important;top:auto!important;width:auto!important;max-width:none!important;margin:0!important;
    height:auto!important;min-height:0!important;box-sizing:border-box!important;
    padding:6px max(8px,env(safe-area-inset-left,0px)) calc(6px + env(safe-area-inset-bottom,0px)) max(8px,env(safe-area-inset-right,0px))!important;
    background:var(--f9s)!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;
    border:0!important;border-top:1px solid var(--f9line)!important;border-radius:var(--f9br) var(--f9br) 0 0!important;
    box-shadow:0 -6px 18px rgba(15,61,46,.08)!important;transform:none!important}
  html[data-theme="dark"] body.fx924 :is(#bnav#bnav#bnav.bb791bar,#nd880bar#nd880bar#nd880bar){box-shadow:0 -6px 18px rgba(0,0,0,.4)!important}
  /* the page you are on: the button itself is green (no separate sliding layer that can go missing) */
  :is(html[data-ui],html) body.fx924 #bnav#bnav#bnav>.ab844b,:is(html[data-ui],html) body.fx924.ab844 .posw .postop nav.postabs.postabs>.ab844b{display:none!important}
  :is(html[data-ui],html) body.fx924 #bnav#bnav#bnav>button:is(.ab860on,[aria-current="page"]),
  :is(html[data-ui],html) body.fx924.ab844 .posw .postop nav.postabs.postabs>button:is([aria-selected="true"],[aria-current="page"],[aria-current="true"],.ab844on){
    background:var(--f9g)!important;color:#FFFFFF!important;border-radius:calc(var(--f9br) - 6px)!important}
  :is(html[data-ui],html) body.fx924 #bnav#bnav#bnav>button:is(.ab860on,[aria-current="page"]) *,
  :is(html[data-ui],html) body.fx924.ab844 .posw .postop nav.postabs.postabs>button:is([aria-selected="true"],[aria-current="page"],[aria-current="true"],.ab844on) *{color:#FFFFFF!important}
  :is(html[data-ui],html) body.fx924 #bnav#bnav#bnav>button,:is(html[data-ui],html) body.fx924.nd880.nd880pb #nd880bar#nd880bar#nd880bar>button{min-height:52px!important}
}

:root{--osnl-css:1;--osnl-cssv:"9.2.4"}