/* From the LeadGlue software design kit (18 Sep 2026), unchanged apart from
   the asset URLs: the kit served them from /design/, the app serves
   everything in public/ at the root, and the 1.7MB sculpture PNG was
   re-encoded to a 70KB JPEG. Loads AFTER styles.css, which it overrides
   by being later rather than by out-specifying anything. Application
   markup, scripts and behaviour are untouched by this file. */
/* LeadGlue / Atelier — operational workspaces.
   Presentation only. All selectors address the existing engine DOM.
   Loaded after the original stylesheet and the shared theme tokens.
   Keep original display/hidden states, action hooks and responsive shell. */

/* The queue and the execution panel are two sides of one workspace. */
.queuecard { border-color:var(--card-line,var(--line)); border-radius:12px; }
.queuecard .card-hd { padding:18px 20px; }
.queuecard .filterbar { padding:14px 16px; gap:12px; background:var(--surface); }
.queuecard .seg { padding:3px; border:1px solid var(--line); border-radius:8px; background:var(--surface-2); }
.queuecard .seg button { border-radius:5px; padding:8px; font-size:12px; }
.queuecard .seg button[aria-selected="true"] { box-shadow:0 1px 3px #0512220c; }
.queuecard .seg.small button b { border-radius:4px; }
.filtermeta select { border-radius:7px; height:36px; background:var(--surface); border-color:var(--line); }
.qsearch { padding:0 16px 14px; gap:8px; }
.qsearch .qsi { left:28px; }
.qsearch input { height:40px; border-radius:8px; background:var(--surface-2); border:1px solid var(--line); }
.qsearch select { height:40px; border-radius:8px; border:1px solid var(--line); }
.qrow { padding:16px 18px; gap:12px; border-bottom-color:var(--line); transition:background .16s ease,border-color .16s ease; }
.qrow:hover { --row-bg:var(--surface-2); background:var(--surface-2); }
.qrow.sel { --row-bg:var(--surface-2); background:var(--surface-2); border-left-color:var(--lime); box-shadow:inset 0 -1px 0 var(--line); }
.qrow.sel .n { color:var(--ink); }
.qrow.sel .p,.qrow.sel .qwhen { color:var(--ink-3); }
.qrow.sel .qwhen.late { color:var(--danger); }
.qrow.sel .avatar { background:var(--lime-soft); color:var(--lime-ink); }
.qrow.sel.late { border-left-color:var(--danger); }
.qmain .n { font-size:14px; font-weight:600; letter-spacing:-.12px; }
.qmain .m { font-size:12px; line-height:1.5; margin-top:4px; }
.qrow .avatar { border-radius:10px; border-color:var(--line); }
.qrow .tag { font-size:10px; letter-spacing:.02em; border-radius:4px; }
.qmore { padding:14px 18px; font-size:12px; letter-spacing:.02em; background:var(--surface); }
.qmore:hover { background:var(--surface-2); }
.leadside { gap:18px; }
.lead { padding:24px; }
.lhead { gap:16px; }
.lhead .lname { font-family:var(--display,"Manrope","Schibsted Grotesk",sans-serif); font-size:28px; line-height:1.2; font-weight:600; letter-spacing:-.9px; }
.lhead .avatar { border-radius:12px; }
.lmeta { font-size:13px; line-height:1.55; gap:6px 10px; }
.lhact { gap:9px; }
.editbtn { border-radius:7px; font-size:12px; }
.temp,.stagechip { border-radius:5px; font-size:11px; padding:5px 9px; font-weight:600; }
.quote { border-radius:8px; border-left-width:2px; padding:15px 17px; line-height:1.65; }
.quote .src { font-size:11px; letter-spacing:.015em; }
.clock { border-radius:10px; padding:18px 20px; margin-top:18px; }
.clock:not(.late):not(.book) { background:var(--surface-2); border-color:var(--line); }
.clock.late { padding:15px 18px; border:1px solid var(--line); border-left:2px solid var(--danger); border-radius:7px; background:color-mix(in srgb,var(--danger) 4%,var(--surface)); animation:none; box-shadow:none; }
.clock.late .val { font-size:32px; font-weight:550; }
.clock.late .att b { font-size:18px; }
.clock .lbl { font-size:11px; letter-spacing:.035em; }
.clock .val { font-family:var(--display,"Manrope","Schibsted Grotesk",sans-serif); font-size:36px; line-height:1.2; font-weight:550; letter-spacing:-1.5px; font-variant-numeric:tabular-nums; }
.clock .att { font-size:11px; }
.clock .att b { font-size:21px; font-weight:550; margin-bottom:4px; }
.rungs { gap:5px; margin-top:13px; }
.rung { height:3px; border-radius:1px; }
.chase { gap:8px; margin-top:16px; }
.chase div { font-size:12px; line-height:1.5; }
.chase .t { font-variant-numeric:tabular-nums; }
.acts { gap:10px; margin-top:22px; }
.act { height:52px; border-radius:8px; font-size:14px; font-weight:600; }
.act-call { background:var(--lime); color:var(--on-accent,#102007); box-shadow:0 1px 2px #05122212; }
.act-call:hover { box-shadow:0 3px 12px #05122212; }
.act-sms { border-width:1px; }
.subacts { gap:8px; margin-top:10px; }
.subacts .sub { border-radius:7px; padding:10px; font-size:12px; line-height:1.4; }
.lead .subacts:not(.one) { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:8px; }
.lead .subacts:not(.one) .sub { min-width:0; min-height:39px; padding:9px 10px; background:var(--surface); border-color:var(--line); font-weight:500; }
.lead .subacts:not(.one) .sub:hover { background:var(--surface-2); border-color:var(--line-2); }
.lead .subacts:not(.one) .sub.wa { color:var(--good); }
.lead .subacts.one .sub { min-height:39px; padding:10px 14px; border-radius:6px; }
.lead .subacts.one [data-log] { background:var(--design-navy,#051222); color:#edf3ef; border:1px solid var(--design-navy,#051222); font-weight:550; }
.lead .subacts.one [data-log] svg { color:var(--design-lime,#8dd11d); }
.lead .subacts.one [data-log]:hover { background:#102b3b; border-color:#102b3b; }
.lead .subacts.one [data-propfor] { background:var(--surface); color:var(--ink-2); border:1px solid var(--line); justify-content:flex-start; font-weight:500; }
.lead .subacts.one [data-propfor]:hover { background:var(--surface-2); border-color:var(--line-2); }
.lead .subacts.one [data-more] { background:transparent; color:var(--ink-3); border-color:transparent; min-height:32px; padding-block:7px; font-size:11px; }
.lead .subacts.one [data-more]:hover { background:var(--surface-2); color:var(--ink); }
.nudgebtn { border-radius:8px; border-width:1px; font-size:13px; }
.book { border-radius:9px; padding:16px 18px; }
.book .h { font-size:11px; letter-spacing:.025em; }
.book .w { margin-top:5px; font-size:16px; }
.book .a { font-size:13px; margin-top:5px; }
.book .links { gap:8px; }
.book .links .sub { border-radius:7px; font-size:12px; }
.leadnav { gap:5px; }
.leadnav button { border-radius:6px; background:var(--surface); border-color:var(--line); }
.leadnav .cnt { font-size:11px; min-width:45px; }
.tl { margin-top:25px; padding-top:7px; }
.tl>summary { padding:11px 0; }
.tl .h { font-size:13px; font-weight:600; }
.tl .cnt { font-size:11px; }
.tlrow { gap:13px; padding-bottom:19px; }
.tlbadge { width:29px; height:29px; border-radius:8px; }
.tlbody .l1 { font-size:13px; }
.tlbody .l2 { font-size:13px; line-height:1.6; margin-top:4px; }
.tlbody .l3 { font-size:11px; margin-top:5px; }
.ldshow { border-radius:9px; padding:16px 17px 12px; }
.ldhd { font-size:10px; letter-spacing:.09em; margin-bottom:9px; }
.ldshow dl { gap:10px 18px; }
.ldshow dt { font-size:11px; margin-bottom:3px; }
.ldshow dd { font-size:13px; }

/* Alerts retain their wording, urgency and every action in a compact strip. */
.main .alert:not(.iconbtn) { min-height:40px; margin:0 0 -6px; padding:9px 14px; border:1px solid var(--line); border-left:2px solid var(--line-2); border-radius:6px; gap:10px; box-shadow:none; background:var(--surface); }
.main .alert.red:not(.iconbtn) { background:color-mix(in srgb,var(--danger) 3%,var(--surface)); border-left-color:var(--danger); }
.main .alert.amber:not(.iconbtn) { background:color-mix(in srgb,var(--warn) 3%,var(--surface)); border-left-color:var(--warn); }
.main .alert.info:not(.iconbtn) { background:color-mix(in srgb,var(--info) 3%,var(--surface)); border-left-color:var(--info); }
.main .alert:not(.iconbtn) .dot { width:5px; height:5px; flex:0 0 5px; padding:0; color:inherit; animation:none; }
.main .alert:not(.iconbtn) b { font-size:12px; font-weight:600; line-height:1.5; }
.main .alert:not(.iconbtn) span:not(.dot) { font-size:12px; line-height:1.5; color:var(--ink-3); }
.main .alert:not(.iconbtn) .go { font-size:11px; font-weight:600; text-decoration:none; padding:4px 0; }
.main .alert:not(.iconbtn) .go:hover { text-decoration:underline; text-underline-offset:3px; }
.main .alert:not(.iconbtn) .go.quiet { color:var(--ink-3); opacity:1; font-weight:400; }

/* Cold-calling pool, hand-out bar, contact drawer and execution sheet. */
[data-dataview],[data-datastatus] { border-radius:5px; height:31px; font-size:11px; }
.datastatus { gap:6px; margin-top:-3px; padding-bottom:17px; }
#dataSearch { height:37px; border-radius:6px; border:1px solid var(--line); background:var(--surface-2); font-size:12px; }
.card-hd [data-act="datacall"] { background:var(--lime); border-color:var(--lime); color:var(--on-accent,#14280b); font-weight:600; }
.databulk { margin:0 20px 16px; gap:12px; padding:12px 15px; border:1px solid var(--line); border-left:2px solid var(--lime); border-radius:7px; background:var(--surface-2); }
.databulk b { font-size:12px; font-weight:600; }
.databulk select { min-height:36px; border-radius:6px; font-size:12px; border-width:1px; background:var(--surface); }
.databulk .sub { flex:0 0 auto; border-radius:6px; font-size:11px; padding:9px 13px; background:var(--surface); }
.databulk [data-act="databulk"] { background:var(--design-navy,#051222); color:#eef4ee; border-color:var(--design-navy,#051222); }
.main .tscroll .datatable .datacheck { width:40px; padding-right:0; }
.datatable .datacheck input { width:16px; height:16px; margin:0; accent-color:var(--accent-solid); }
.dataphone a { font-size:13px; font-variant-numeric:tabular-nums; }
.dataphone a:hover { color:var(--accent-link); text-decoration:underline; text-underline-offset:3px; }
.dataacts .iconbtn { width:31px; height:31px; border-radius:6px; border:1px solid var(--line); background:var(--surface); margin-left:5px; }
.dataacts .iconbtn:hover { border-color:var(--lime); background:var(--lime-soft); color:var(--lime-ink); }
.sheet .outcomes { gap:8px; }
.sheet .outcome { border-radius:6px; border-width:1px; padding:10px 12px; font-size:12px; background:var(--surface); transition:background .15s,border-color .15s; }
.sheet .outcome:hover { background:var(--surface-2); border-color:var(--line-2); }
.sheet .outcome[aria-pressed="true"] { background:var(--lime-soft); color:var(--lime-ink); border-color:var(--lime); }
.datanote { padding:13px 15px; border-radius:7px; border-color:var(--line); font-size:12px; line-height:1.7; color:var(--ink-2); }
.datahist { gap:0; border:1px solid var(--line); border-radius:8px; overflow:hidden; }
.datahrow { padding:13px 15px; border:0; border-bottom:1px solid var(--line); border-radius:0; background:var(--surface); font-size:12px; column-gap:18px; }
.datahrow:last-child { border-bottom:0; }
.datahrow span { font-size:10px; padding-top:2px; }
.datahrow b { font-size:12px; font-weight:600; }
.datahrow small { font-size:11px; line-height:1.6; margin-top:3px; }
.dataedit { border-top:1px solid var(--line); margin-top:20px; padding-top:5px; }
.dataedit summary { font-size:12px; color:var(--ink-2); margin-top:10px; padding:5px 0; }
.callcard { padding:25px 20px 20px; border-radius:10px; border:1px solid var(--design-navy,#051222); background:var(--design-navy,#051222); color:#edf3f1; }
.callcard small { font-size:10px; letter-spacing:.09em; color:#96aab8; }
.sheet .callcard h3 { color:#edf3f1; padding-right:0; margin:14px 0 7px; font-size:21px; letter-spacing:-.65px; }
.callcard .callnum { color:#edf3f1; font-family:var(--display,"Manrope",sans-serif); font-size:29px; font-weight:500; line-height:1.3; letter-spacing:-.65px; font-variant-numeric:tabular-nums; }
.callcard .callnum:hover { color:var(--design-lime,#8dd11d); }
.callcard p { font-size:12px; color:#9eb1bd; line-height:1.65; }
.callcard .datanote { margin-top:15px; background:#ffffff06; border-color:#ffffff16; color:#d3dee3; font-size:12px; text-align:left; }
.callcard .lsactions { gap:7px; margin-top:19px; }
.callcard .lsact { border-radius:6px; padding:9px 12px; font-size:11px; border:1px solid #ffffff25; background:#ffffff05; color:#d5e0e4; }
.callcard .lsact.go { background:var(--lime); border-color:var(--lime); color:var(--on-accent,#14280b); }
.callcard .lsact:hover { border-color:var(--lime); }
.datafile { border-radius:8px; border-style:dashed; padding:20px; font-size:12px; }

/* Tasks and contacts: quiet information, unmistakable state. */
.taskrow { gap:14px; padding:18px 20px; align-items:flex-start; transition:background .15s ease; }
.taskrow:hover { background:var(--surface-2); }
.tcheck { width:23px; height:23px; border-width:1px; border-radius:6px; margin-top:0; }
.tcheck:hover { background:var(--lime-soft); }
.taskrow.done .tcheck { background:var(--lime); border-color:var(--lime); color:var(--on-accent,#102007); }
.tt { font-size:14px; font-weight:600; letter-spacing:-.12px; line-height:1.4; }
.tn { font-size:13px; margin-top:5px; line-height:1.55; }
.tm { font-size:11px; margin-top:8px; line-height:1.65; }
.tdue { font-variant-numeric:tabular-nums; font-weight:600; }
#contactSearch { border-radius:8px; font-size:13px; background:var(--surface-2); border:1px solid var(--line); padding:12px 14px; }
#contactList .qrow { align-items:center; gap:16px; padding:17px 22px; }
#contactList .qrow .avatar { width:38px; height:38px; border-radius:10px; font-size:12px; }
#contactList .qmain .n { font-size:14px; }
#contactList .qmain .m { font-size:12px; margin-top:4px; }
#contactList .chip { border-radius:5px; font-size:11px; }

/* Calendar keeps its seven-column grid and all existing event actions. */
.calviews { gap:3px; padding:3px; margin-right:8px; border:1px solid var(--line); border-radius:7px; background:var(--surface-2); }
.calviews .btn-quiet,.calviews button.chip { border-radius:5px; min-width:48px; height:30px; font-size:11px; box-shadow:none; }
.calgrid-hd { padding:15px 20px; gap:9px; background:var(--surface); }
.calgrid-hd h3 { font-family:var(--display,"Manrope","Schibsted Grotesk",sans-serif); font-size:17px; font-weight:600; letter-spacing:-.35px; }
.calgrid-hd .btn-quiet { height:32px; border-radius:6px; font-size:11px; padding:0 10px; }
.callegend { font-size:10px; letter-spacing:.02em; gap:5px; }
.callegend i { width:7px; height:7px; border-radius:2px; }
.calhd { padding:12px; font-size:10px; letter-spacing:.08em; font-weight:600; color:var(--ink-3); background:var(--surface-2); }
.calcell { min-height:122px; padding:8px; gap:5px; }
.calcell.out { opacity:1; color:var(--ink-4); background:var(--surface-2); }
.calcell.out .caldn { opacity:.55; }
.calcell.today { background:color-mix(in srgb,var(--lime) 7%,var(--surface)); }
.caldn { font-size:11px; line-height:1.8; padding:1px 4px; }
.calcell.today .caldn { color:var(--ink); font-weight:700; }
.calcell.today .caldn::after { content:""; display:inline-block; width:4px; height:4px; margin:0 0 2px 6px; border-radius:50%; background:var(--lime); }
.calgrid.week .calcell { min-height:320px; }
.calit { border-radius:4px; border-left-width:2px; padding:6px; gap:5px; font-size:11px; line-height:1.45; }
.calit .t { font-size:10px; }
.calit .n { font-weight:500; }
.calit.appt:not(.red):not(.amber) { border-left-color:var(--lime); background:var(--lime-soft); color:var(--lime-ink); }
.calmore { font-size:10px; padding:5px 6px; color:var(--ink-3); }
.calday { font-size:10px; letter-spacing:.075em; font-weight:600; padding:13px 20px; background:var(--surface-2); }
.calrow { padding:17px 20px; gap:18px; border-left-width:2px; }
.caltime { font-variant-numeric:tabular-nums; }
.caltime b { font-size:13px; font-weight:600; }
.caltime small { font-size:10px; margin-top:4px; }
.calmain .n { font-size:13px; }
.calmain .m { font-size:11px; margin-top:4px; }

/* One table rhythm across staff, source reports and operational exports. */
.main .tscroll table { font-size:13px; }
.main .tscroll th { padding:14px 20px; font-size:10px; font-weight:600; letter-spacing:.075em; text-transform:uppercase; color:var(--ink-3); background:var(--surface-2); }
.main .tscroll td { padding:16px 20px; border-bottom-color:var(--line); }
.main .tscroll td.num,.main .tscroll th.num { font-variant-numeric:tabular-nums; }
.main .tscroll tbody tr { transition:background .15s ease; }
.main .tscroll tbody tr:hover { background:var(--surface-2); }
.main .tscroll .chip { border-radius:5px; font-size:10px; font-weight:600; padding:5px 8px; }
.main .tscroll .sub { border-radius:6px; font-size:11px; }
.staffrow .avatar { border-radius:7px; }
.teamstrip { gap:12px; padding:20px; background:var(--surface); }
.teamcard { border-radius:9px; border-width:1px; padding:15px 17px; min-width:185px; background:var(--surface-2); }
.teamcard b { font-family:var(--display,"Manrope","Schibsted Grotesk",sans-serif); font-size:14px; font-weight:600; letter-spacing:-.2px; }
.teamcard small { font-size:11px; margin-top:6px; }
.teamcard.add { font-size:12px; background:var(--surface); }
.roles { padding:20px; gap:14px; }
.rolecard { border-radius:10px; border-width:1px; padding:19px; gap:7px; transition:background .15s ease,border-color .15s ease; }
.rolecard:hover { background:var(--surface-2); }
.rolecard b { font-size:15px; letter-spacing:-.2px; font-weight:600; }
.rolecard small { font-size:12px; line-height:1.65; }
.rolemeta { font-size:11px; margin-top:6px; }
.tgsum { gap:12px; }
.tgsum>div { border-radius:8px; padding:15px; }
.tgsum small { font-size:11px; }
.tgsum b { font-family:var(--display,"Manrope","Schibsted Grotesk",sans-serif); font-size:25px; letter-spacing:-.75px; font-variant-numeric:tabular-nums; margin-top:7px; }
.typefixed { border-radius:8px; font-size:13px; }
.attsteps { gap:10px; }
.attstep { border-radius:9px; border-width:1px; padding:15px; }
.attstep .attic { border-radius:8px; }
.attstep b { font-size:13px; }
.attstep small { font-size:11px; line-height:1.5; }
.attmonth { font-size:13px; font-weight:600; }
.atttrack th.attday { padding:10px 5px; }
.atttrack td.attcell { padding:12px 5px; }
.atttrack td.attname { padding:14px 20px; }
.attentry { border-radius:9px; padding:10px; gap:15px; }
.attentry img { border-radius:7px; }

/* Settings retains every group and permission-dependent tile. */
.shub { padding:4px 24px 28px; }
.shub-me { padding:21px 0 24px; gap:15px; }
.shub-me b { font-family:var(--display,"Manrope","Schibsted Grotesk",sans-serif); font-size:18px; font-weight:600; letter-spacing:-.45px; }
.shub-me small { font-size:12px; margin-top:5px; }
.shub-me .avatar { border-radius:10px; }
.sgroup { padding:25px 0 5px; }
.sgroup-hd { font-size:10px; font-weight:600; letter-spacing:.1em; margin-bottom:14px; gap:16px; }
.stiles { gap:12px; }
.stile { padding:17px 16px; border-radius:10px; border-width:1px; box-shadow:none; gap:13px; transition:border-color .17s ease,background .17s ease; }
.stile:hover { background:var(--surface-2); border-color:var(--line-2); box-shadow:none; transform:none; }
.stile:focus-visible { outline:2px solid var(--lime); outline-offset:3px; }
.stile b { font-size:13px; font-weight:600; letter-spacing:-.1px; }
.stile small { font-size:11px; line-height:1.55; margin-top:4px; }
.stile>svg { width:14px; height:14px; }
.stic { width:36px; height:36px; border-radius:9px; box-shadow:none; border:1px solid var(--line); }
.stic svg { width:19px; height:19px; stroke-width:1.65; }
.stic.t1,.stic.t2,.stic.t3,.stic.t4,.stic.t5,.stic.t6,.stic.t7,.stic.t8 { background:var(--surface-2); color:var(--ink-2); }
.stile:hover .stic:not(.logo) { border-color:var(--lime); background:var(--lime-soft); color:var(--lime-ink); }
.spage { padding-top:6px; }
.switches { gap:10px; }
.switchrow { border-width:1px; border-radius:8px; padding:15px 16px; background:var(--surface); }
.switchrow b { font-size:13px; font-weight:600; }
.switchrow small { font-size:11px; line-height:1.6; margin-top:4px; }
.switchrow input { width:18px; height:18px; accent-color:var(--accent-solid); }
.brandrow { gap:18px; }
.brandprev { border-radius:9px; }
.colorpick { border-radius:9px; border-width:1px; padding:12px; }
.colorpick input[type="color"] { border-radius:6px; }
.colorpick b { font-size:13px; }
.colorpick small { font-size:11px; margin-top:4px; }
.chan { border-radius:9px; }
.themeopts .opt { border-radius:8px; }

/* Reports retain their exact values, chart heights and calculated widths. */
.stats .stat { padding:23px 24px; }
.stat .k { font-size:11px; color:var(--ink-3); }
.stat .v { font-family:var(--display,"Manrope","Schibsted Grotesk",sans-serif); font-size:34px; font-weight:550; letter-spacing:-1.2px; font-variant-numeric:tabular-nums; margin-top:10px; }
.stat .s { font-size:11px; margin-top:8px; line-height:1.5; }
.funnel { gap:8px; padding:25px 24px; }
.fstep .fb { border-radius:4px 4px 0 0; }
.fstep .fn { font-family:var(--display,"Manrope","Schibsted Grotesk",sans-serif); font-size:22px; font-weight:600; letter-spacing:-.5px; }
.fstep .fl { font-size:11px; line-height:1.5; margin-top:3px; }
.bar { height:4px; border-radius:2px; }
.bar i { border-radius:2px; }
.lbcol { padding:20px 22px 14px; }
.lbhd { margin-bottom:14px; gap:5px; }
.lbhd b { font-size:13px; font-weight:600; }
.lbhd small { font-size:11px; }
.lbrow { padding:12px 0; gap:11px; }
.lbwho { font-size:12px; }
.lbval b { font-family:var(--display,"Manrope","Schibsted Grotesk",sans-serif); font-size:18px; font-weight:600; }
.lbval small { font-size:10px; margin-top:4px; }
.medal { width:24px; height:24px; border-radius:7px; font-size:10px; }
.lbteamhd { padding:18px 22px 0; }
.lbteamhd b { font-size:14px; }

/* Sheets are shared by every editor and destructive confirmation. */
.veil { background:rgba(3,12,24,.64); backdrop-filter:blur(7px); -webkit-backdrop-filter:blur(7px); }
.sheet { border-radius:12px 12px 0 0; border-color:var(--line); padding:26px; max-height:92vh; max-height:92dvh; box-shadow:0 25px 90px -25px #020b1766; }
.sheet h3 { font-family:var(--display,"Manrope","Schibsted Grotesk",sans-serif); font-size:23px; font-weight:600; letter-spacing:-.65px; line-height:1.3; padding-right:30px; }
.sheet .lede { font-size:13px; line-height:1.65; margin-top:8px; margin-bottom:22px; }
.sheetx { width:32px; height:32px; border-radius:7px; top:-14px; margin:-9px -9px 0 0; box-shadow:0 0 0 1px var(--line); background:var(--surface); }
.sheet .grip { width:32px; height:3px; margin:-12px auto 19px; background:var(--line-2); }
.sheet .field { margin-bottom:17px; }
.sheet .field label,.sheet .flabel,.spage .flabel { font-size:11px; font-weight:600; color:var(--ink-2); letter-spacing:.01em; }
.sheet .flabel { margin:22px 0 9px; }
.sheet input:not([type="checkbox"]):not([type="radio"]):not([type="color"]):not([type="range"]),
.sheet select,.sheet textarea,.spage input:not([type="checkbox"]):not([type="radio"]):not([type="color"]):not([type="range"]),
.spage select,.spage textarea { border-width:1px; border-color:var(--line-2); border-radius:7px; background:var(--surface); font-size:13px; padding:12px 13px; line-height:1.5; }
.sheet input:focus,.sheet select:focus,.sheet textarea:focus,
.spage input:focus,.spage select:focus,.spage textarea:focus { border-color:var(--lime); box-shadow:0 0 0 3px color-mix(in srgb,var(--lime) 12%,transparent); }
.sheet textarea { min-height:112px; line-height:1.65; }
.sheet .row2 { gap:12px; }
.sheet .phonewrap .pcc { border-right-width:0; border-radius:7px 0 0 7px; background:var(--surface-2); }
.sheet .phonewrap input { border-radius:0 7px 7px 0; }
.sheet .moneywrap span { border-width:1px; border-right-width:0; border-radius:7px 0 0 7px; }
.sheet .moneywrap input { border-radius:0 7px 7px 0; }
.sheet .opts { gap:9px; }
.sheet .opt { border-width:1px; border-radius:8px; padding:14px; font-size:13px; background:var(--surface); }
.sheet .opt:hover { background:var(--surface-2); }
.sheet .opt[aria-pressed="true"],.sheet .stagepick .opt.on { background:var(--lime-soft); border-color:var(--lime); }
.sheet .opt small { font-size:11px; line-height:1.5; }
.sheet .stagepick { gap:9px; }
.sheet .quickdates { gap:6px; }
.sheet .quickdates button { padding:8px 10px; border-radius:6px; font-size:11px; }
.sheet .foot { margin-top:26px; padding-top:19px; border-top:1px solid var(--line); gap:10px; }
.sheet .btn { border-radius:7px; min-height:44px; font-size:13px; }
.sheet .btn-go:not(.danger) { background:var(--lime); color:var(--on-accent,#102007); box-shadow:0 1px 2px #0512220c; }
.sheet .btn-x,.sheet .btn-del { border-width:1px; }
.sheet .btn-quiet,.sheet .sub { border-radius:7px; font-size:12px; }
.sheet .err,.sheet .ok,.sheet .callout { border-radius:7px; font-size:12px; line-height:1.6; }
.sheet .ldetails { border-radius:9px; border-width:1px; }
.sheet .ldetails summary { padding:14px; font-size:12px; }
.sheet .lddgrid { gap:5px 12px; }
.sheet .dictate { gap:9px; }
.sheet .mic { padding:10px 12px; border-radius:7px; font-size:12px; }
.sheet .mnote { font-size:11px; line-height:1.6; }
.sheet .delalso { font-size:12px; line-height:1.75; }
.empty { padding:50px 24px; }
.empty .ic { border-radius:12px; width:50px; height:50px; }
.empty .big { font-family:var(--display,"Manrope","Schibsted Grotesk",sans-serif); font-size:19px; font-weight:600; letter-spacing:-.4px; }
.empty p { font-size:13px; line-height:1.7; }
.hintbox { font-size:12px; line-height:1.75; padding:18px 22px; }

/* Theme preference and agency colors are inherited, never reset here. */
:root[data-theme="dark"] .calcell.today { background:color-mix(in srgb,var(--lime) 8%,var(--surface)); }
:root[data-theme="dark"] .veil { background:rgba(1,6,13,.76); }
:root[data-theme="dark"] .stic { background:var(--surface-2); color:var(--ink-2); }
@media(prefers-color-scheme:dark) {
  :root:not([data-theme="light"]) .calcell.today { background:color-mix(in srgb,var(--lime) 8%,var(--surface)); }
  :root:not([data-theme="light"]) .veil { background:rgba(1,6,13,.76); }
  :root:not([data-theme="light"]) .stic { background:var(--surface-2); color:var(--ink-2); }
}
@media(min-width:700px) { .sheet { border-radius:12px; } }
@media(max-width:1019px) {
  .lead { padding:21px; }
  .lhead .lname { font-size:26px; }
  .calcell { min-height:103px; padding:6px; }
  .calgrid.week .calcell { min-height:270px; }
  .roles { grid-template-columns:repeat(auto-fill,minmax(230px,1fr)); }
  .main .alert:not(.iconbtn) { flex-wrap:wrap; gap:4px 10px; }
  .main .alert:not(.iconbtn) b { flex:0 1 auto; }
  .main .alert:not(.iconbtn) span:not(.dot) { flex:1 1 320px; }
  .main .alert:not(.iconbtn) .go { margin-left:15px; }
  .main .alert:not(.iconbtn) .go.quiet+.go { margin-left:5px; }
}
@media(max-width:760px) {
  .calhd { padding:9px 6px; font-size:9px; letter-spacing:.02em; }
  .calcell { min-height:82px; padding:4px; }
  .calgrid.week .calcell { min-height:240px; }
  .calit { padding:4px; font-size:10px; }
  .calgrid-hd { padding:13px 12px; gap:5px; }
  .calgrid-hd h3 { font-size:14px; }
}
@media(max-width:640px) {
  .queuecard .card-hd { padding:16px; }
  .queuecard .filterbar { padding:12px; }
  .qrow { padding:15px; }
  .lead { padding:18px; }
  .lhead { gap:11px; }
  .lhead .lname { font-size:24px; letter-spacing:-.7px; }
  .lmeta { font-size:12px; gap:5px 8px; }
  .clock { padding:16px; }
  .clock .val { font-size:31px; }
  .act { min-height:48px; font-size:13px; }
  .subacts .sub { min-width:100px; min-height:43px; }
  .lead .subacts:not(.one) { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .lead .subacts:not(.one) .sub { min-height:42px; }
  .main .alert:not(.iconbtn) { padding:10px 12px; margin-bottom:-4px; align-items:flex-start; }
  .main .alert:not(.iconbtn) .dot { margin-top:6px; }
  .main .alert:not(.iconbtn) b { flex:1 1 calc(100% - 20px); }
  .main .alert:not(.iconbtn) span:not(.dot) { flex:1 1 100%; padding-left:15px; font-size:11px; }
  .main .alert:not(.iconbtn) .go { margin-left:15px; font-size:11px; }
  .databulk { margin:0 15px 15px; gap:9px; }
  .databulk select { flex:1 1 160px; min-width:0; }
  #dataSearch { font-size:16px; }
  .callcard { padding:22px 15px 18px; }
  .callcard .callnum { font-size:25px; }
  .callcard .lsact { min-height:40px; }
  .datahrow { padding:12px; column-gap:12px; }
  .sheet .outcome { min-height:40px; }
  .taskrow { padding:16px; gap:11px; }
  .tcheck { width:24px; height:24px; }
  .tt { font-size:13px; }
  #contactSearch { font-size:16px; }
  #contactList .qrow { padding:16px; gap:11px; }
  #contactList .qrow .avatar { width:33px; height:33px; }
  .calviews { margin-right:4px; }
  .calviews .btn-quiet,.calviews button.chip { min-width:40px; }
  .calrow { padding:15px; gap:12px; }
  .calday { padding:11px 15px; }
  .main .tscroll th { padding:12px 15px; }
  .main .tscroll td { padding:14px 15px; }
  .teamstrip { padding:16px; gap:9px; }
  .teamcard { min-width:150px; flex:1 1 150px; padding:13px; }
  .roles { padding:16px; gap:10px; }
  .rolecard { padding:16px; }
  .shub { padding:2px 17px 22px; }
  .shub-me { padding:18px 0; }
  .shub-me b { font-size:16px; }
  .sgroup { padding-top:22px; }
  .stile { padding:16px 14px; }
  .switchrow { padding:13px; }
  .stats .stat { padding:20px 17px; }
  .stat .v { font-size:30px; }
  .funnel { gap:5px; padding:22px 17px; }
  .fstep .fl { font-size:10px; }
  .lbcol { padding:17px; }
  .sheet { padding:23px 19px calc(23px + env(safe-area-inset-bottom)); }
  .sheet h3 { font-size:21px; }
  .sheet .lede { font-size:13px; }
  .sheet input:not([type="checkbox"]):not([type="radio"]):not([type="color"]):not([type="range"]),
  .sheet select,.sheet textarea,.spage input:not([type="checkbox"]):not([type="radio"]):not([type="color"]):not([type="range"]),
  .spage select,.spage textarea { font-size:16px; }
  .sheet .foot { gap:8px; }
  .sheet .foot .btn-x { flex-basis:95px; }
  .sheet .opts.trio .opt { padding:14px 5px; font-size:12px; }
  .sheet .opts.trio .opt small { font-size:10px; }
  .hintbox { padding:16px; }
}
@media(prefers-reduced-motion:reduce) {
  .qrow,.taskrow,.main .tscroll tbody tr,.stile,.rolecard { transition:none; }
}