*{box-sizing:border-box}
:root{
	--brand:#1f6feb;--brand-ink:#fff;
	--bg:#f5f6f8;--surface:#fff;--surface2:#f8f9fb;--line:#e3e6eb;--line2:#eef0f3;
	--text:#1c2330;--text2:#4a5363;--muted:#6b7482;--field:#fff;--hover:#f0f2f5;
	--ok-bg:#dcfce7;--ok-fg:#15803d;--bad-bg:#fee2e2;--bad-fg:#b91c1c;
	--info-bg:#dbeafe;--info-fg:#1d4ed8;--warn-bg:#fef3c7;--warn-fg:#b45309;--neu-bg:#e9ecf1;--neu-fg:#4a5363;
	--shadow:0 8px 24px rgba(16,24,40,.14);
}
@media (prefers-color-scheme:dark){
	:root:not([data-theme=light]){
		--bg:#0e1218;--surface:#171c24;--surface2:#1d232c;--line:#2a313c;--line2:#232a34;
		--text:#e8ebf0;--text2:#b8c0cc;--muted:#97a1b0;--field:#11161d;--hover:#212833;
		--ok-bg:rgba(34,197,94,.16);--ok-fg:#6ee7a0;--bad-bg:rgba(239,68,68,.18);--bad-fg:#fca5a5;
		--info-bg:rgba(59,130,246,.2);--info-fg:#93c5fd;--warn-bg:rgba(245,158,11,.18);--warn-fg:#fcd34d;--neu-bg:#262d38;--neu-fg:#b8c0cc;
		--shadow:0 8px 24px rgba(0,0,0,.5);
	}
}
:root[data-theme=dark]{
	--bg:#0e1218;--surface:#171c24;--surface2:#1d232c;--line:#2a313c;--line2:#232a34;
	--text:#e8ebf0;--text2:#b8c0cc;--muted:#97a1b0;--field:#11161d;--hover:#212833;
	--ok-bg:rgba(34,197,94,.16);--ok-fg:#6ee7a0;--bad-bg:rgba(239,68,68,.18);--bad-fg:#fca5a5;
	--info-bg:rgba(59,130,246,.2);--info-fg:#93c5fd;--warn-bg:rgba(245,158,11,.18);--warn-fg:#fcd34d;--neu-bg:#262d38;--neu-fg:#b8c0cc;
	--shadow:0 8px 24px rgba(0,0,0,.5);
}
:root[data-theme=light]{color-scheme:light}
:root[data-theme=dark]{color-scheme:dark}
body{margin:0;background:var(--bg);color:var(--text);font:15px/1.5 -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased}
a{color:var(--brand);text-decoration:none}a:hover{text-decoration:underline}
h1{font-size:24px;margin:0}h2{font-size:18px;margin:0}h3{margin:0 0 12px;font-size:16px}
.muted{color:var(--muted)}.small{font-size:13px}.r{text-align:right}
.ic{flex:none;vertical-align:-3px}
:focus-visible{outline:2px solid var(--brand);outline-offset:2px}

/* ---------- App shell ---------- */
.sqi-app{display:flex;min-height:100vh}
.sqi-side{width:236px;flex:none;background:var(--surface);border-right:1px solid var(--line);padding:18px 12px;display:flex;flex-direction:column;position:sticky;top:0;height:100vh;overflow:auto}
.sqi-brand{display:flex;align-items:center;gap:10px;color:var(--text);font-weight:700;font-size:16px}
.sqi-brand:hover{text-decoration:none}
.sqi-brand img{max-height:36px;max-width:190px;display:block}
.sqi-side .sqi-brand{padding:4px 8px 20px}
.sqi-mark{width:34px;height:34px;border-radius:9px;background:var(--brand);color:var(--brand-ink);display:inline-flex;align-items:center;justify-content:center;font-size:13px;font-weight:700;flex:none}
.sqi-brand-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.sqi-side nav{display:flex;flex-direction:column;gap:2px;flex:1}
.nv{display:flex;align-items:center;gap:11px;padding:10px 12px;border-radius:9px;color:var(--text2);font-weight:500}
.nv:hover{background:var(--hover);text-decoration:none}
.nv.on{background:var(--hover);background:color-mix(in srgb,var(--brand) 13%,var(--surface));color:var(--text)}
.nv.on .ic{color:var(--brand)}
.nv.out{margin-top:8px;color:var(--muted)}
.sqi-content{flex:1;min-width:0}
.sqi-mtop{display:none}
.sqi-searchbar{display:flex;align-items:center;gap:8px;max-width:968px;margin:18px auto 0;width:calc(100% - 32px);background:var(--surface);border:1px solid var(--line);border-radius:10px;padding:0 12px;color:var(--muted)}
.sqi-searchbar input{flex:1;border:0;background:none;padding:11px 0;font:inherit;color:var(--text);outline:none;min-width:0}
.sqi-searchbar:focus-within{border-color:var(--brand)}
.sqi-searchbar kbd{font:12px/1 inherit;border:1px solid var(--line);border-radius:5px;padding:3px 6px;color:var(--muted)}
.sqi-main{max-width:1000px;margin:0 auto;padding:22px 16px 64px}
.sqi-min .sqi-main{max-width:760px}
.sqi-tabbar,.sqi-sheet{display:none}

/* ---------- Page headings, buttons ---------- */
.sqi-h{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:10px;margin:28px 0 12px}
.sqi-h:first-child{margin-top:4px}
.btn,button{font:inherit;cursor:pointer}
.btn,.sqi-toolbar button,.sqi-search button{display:inline-flex;align-items:center;gap:7px;background:var(--surface);border:1px solid var(--line);color:var(--text);border-radius:8px;padding:8px 14px;line-height:1.3;min-height:38px}
.btn:hover{background:var(--hover);text-decoration:none}
.btn.primary,.primary{background:var(--brand);border-color:var(--brand);color:var(--brand-ink)}
.btn.primary:hover,.primary:hover{background:var(--brand);filter:brightness(.92)}
.link-danger{background:none!important;border:0!important;color:var(--bad-fg)!important;padding:8px 4px}
.sqi-actions{margin-bottom:14px;display:flex;flex-wrap:wrap;gap:6px}
.sqi-actions form{margin:0}
.loading{position:relative;color:transparent!important;pointer-events:none}
.loading::after{content:"";position:absolute;inset:0;margin:auto;width:16px;height:16px;border-radius:50%;border:2px solid var(--brand-ink);border-top-color:transparent;animation:sqispin .7s linear infinite}
.btn:not(.primary).loading::after{border-color:var(--text);border-top-color:transparent}
@keyframes sqispin{to{transform:rotate(360deg)}}

/* ---------- Home ---------- */
.sqi-hero{background:var(--surface2);background:color-mix(in srgb,var(--brand) 9%,var(--surface));border:1px solid var(--line);border-color:color-mix(in srgb,var(--brand) 24%,var(--line));border-radius:14px;padding:22px 24px;margin-bottom:16px}
.sqi-hero .date{font-size:13px;color:var(--muted)}
.sqi-hero h1{font-size:26px;margin:2px 0 4px}
.sqi-hero p{margin:0 0 16px;color:var(--text2)}
.sqi-qa{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px}
.sqi-hero .sqi-qa{margin-bottom:0}
.sqi-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;margin-bottom:6px}
.sqi-cards.compact{margin-bottom:14px}
.sqi-card{position:relative;background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:16px}
.sqi-card .top{display:flex;align-items:center;gap:8px;margin-bottom:6px}
.sqi-card .ico{display:inline-flex;width:28px;height:28px;border-radius:8px;align-items:center;justify-content:center;background:var(--info-bg);color:var(--info-fg)}
.sqi-card .ico.good{background:var(--ok-bg);color:var(--ok-fg)}
.sqi-card.warn .ico{background:var(--bad-bg);color:var(--bad-fg)}
.sqi-card .lbl{color:var(--muted);font-size:13px}
.sqi-card .big{font-size:24px;font-weight:700}.sqi-card .big.sm{font-size:17px;padding-top:4px}
.sqi-card .sub{color:var(--muted);font-size:13px;margin-top:2px}
.sqi-card .sub.up{color:var(--ok-fg)}.sqi-card .sub.down{color:var(--bad-fg)}
.sqi-card.warn .big{color:var(--bad-fg)}
.spark{position:absolute;right:14px;bottom:14px;color:var(--brand)}
.sqi-panel{background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:18px;margin-bottom:14px}
.sqi-check .top{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.sqi-check h3{margin:0}
.sqi-check .bar{height:6px;background:var(--line2);border-radius:99px;overflow:hidden;margin-bottom:10px}
.sqi-check .bar i{display:block;height:100%;background:var(--brand);border-radius:99px}
.sqi-check ul{list-style:none;margin:0;padding:0}
.sqi-check li a{display:flex;align-items:center;gap:10px;padding:8px 0;color:var(--text)}
.sqi-check .tick{width:20px;height:20px;border-radius:50%;border:1.5px solid var(--line);display:inline-flex;align-items:center;justify-content:center;flex:none}
.sqi-check li.done a{color:var(--muted);text-decoration:line-through}
.sqi-check li.done .tick{background:var(--ok-fg);border-color:var(--ok-fg);color:#fff}
.sqi-attn{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:12px}
.sqi-attn .sqi-panel{margin:0}.sqi-attn ul{list-style:none;margin:0;padding:0}
.sqi-attn li{display:flex;flex-direction:column;padding:8px 0;border-top:1px solid var(--line2)}
.sqi-attn li:first-child{border-top:0}
.sqi-attn li a{color:var(--text)}
.sqi-feed ul{list-style:none;margin:0;padding:0}
.sqi-feed li a{display:flex;align-items:center;gap:12px;padding:10px 0;border-top:1px solid var(--line2);color:var(--text)}
.sqi-feed li:first-child a{border-top:0}
.sqi-feed li a:hover{text-decoration:none;background:var(--hover);margin:0 -18px;padding-left:18px;padding-right:18px}
.sqi-feed .ico{display:inline-flex;width:30px;height:30px;border-radius:50%;align-items:center;justify-content:center;background:var(--neu-bg);color:var(--neu-fg);flex:none}
.sqi-feed .ico.viewed,.sqi-feed .ico.pdf{background:var(--info-bg);color:var(--info-fg)}
.sqi-feed .ico.paid,.sqi-feed .ico.payment,.sqi-feed .ico.accepted{background:var(--ok-bg);color:var(--ok-fg)}
.sqi-feed .ico.reminder{background:var(--warn-bg);color:var(--warn-fg)}
.sqi-feed .txt{flex:1;min-width:0}.sqi-feed .when{color:var(--muted);font-size:12px;white-space:nowrap}
.sqi-chart svg{width:100%;height:auto;display:block}
.sqi-chart .axis{stroke:var(--line);stroke-width:1}
.sqi-chart .bar{fill:var(--brand)}.sqi-chart .bar:hover{filter:brightness(.9)}
.sqi-chart .val{font-size:11px;fill:var(--text2)}.sqi-chart .lab{font-size:12px;fill:var(--muted)}

/* ---------- Empty states ---------- */
.empty{background:var(--surface);border:1px dashed var(--line);border-radius:12px;padding:24px;text-align:center}
.sqi-empty-state{background:var(--surface);border:1px dashed var(--line);border-radius:14px;padding:36px 20px;text-align:center}
.sqi-empty-state .ico{width:52px;height:52px;border-radius:50%;margin:0 auto 12px;display:flex;align-items:center;justify-content:center;background:var(--hover);background:color-mix(in srgb,var(--brand) 12%,var(--surface));color:var(--brand)}
.sqi-empty-state h3{margin:0 0 4px;font-size:17px}
.sqi-empty-state p{margin:0 auto 14px;max-width:420px;color:var(--muted)}

/* ---------- Tables ---------- */
.sqi-scroll{overflow-x:auto}
.sqi-table{width:100%;border-collapse:collapse;background:var(--surface);border:1px solid var(--line);border-radius:12px}
.sqi-table th{text-align:left;font-size:12px;text-transform:uppercase;letter-spacing:.04em;color:var(--muted);padding:10px 14px;border-bottom:1px solid var(--line);white-space:nowrap}
.sqi-table th.r{text-align:right}
.sqi-table td{padding:11px 14px;border-bottom:1px solid var(--line2);white-space:nowrap}
.sqi-table tbody tr{cursor:pointer}.sqi-table tbody tr:hover{background:var(--surface2)}
.sqi-table tr:last-child td{border-bottom:0}
.sqi-table td.wrap{white-space:normal;min-width:240px}
.sqi-report td,.sqi-report th{white-space:nowrap}
.sqi-report tr.sum td{font-weight:700;border-top:2px solid var(--text);background:var(--surface2)}
.sqi-report tbody tr{cursor:default}.sqi-report tbody tr:hover{background:none}
.sqi-tabs{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:12px}
.sqi-tabs a{padding:6px 13px;border-radius:99px;background:var(--neu-bg);color:var(--text2);font-size:13px}
.sqi-tabs a:hover{text-decoration:none;filter:brightness(.96)}
.sqi-tabs a.on{background:var(--brand);color:var(--brand-ink)}
.sqi-search{display:flex;gap:6px;margin-bottom:12px}
.sqi-search input{flex:1;max-width:320px}
.small-btn{padding:4px 10px;font-size:13px;min-height:0}
.sqi-av{width:52px;height:52px;border-radius:50%;background:var(--brand);color:var(--brand-ink);display:inline-flex;align-items:center;justify-content:center;font-weight:700;font-size:18px;flex:none}
.sqi-av.sm{width:28px;height:28px;font-size:11px;vertical-align:middle}
.sqi-profile{display:flex;align-items:center;gap:14px;margin:4px 0 14px}
.sqi-profile .meta{color:var(--muted);font-size:14px}
.sqi-results{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:10px}
.sqi-results a{display:flex;align-items:center;gap:10px;background:var(--surface);border:1px solid var(--line);border-radius:10px;padding:10px 12px;color:var(--text)}
.sqi-results a:hover{text-decoration:none;background:var(--surface2)}

/* ---------- Status pills ---------- */
.sqi-badge{display:inline-flex;align-items:center;gap:4px;padding:2px 10px 2px 8px;border-radius:99px;font-size:12px;font-weight:600;vertical-align:middle;background:var(--neu-bg);color:var(--neu-fg)}
.sqi-badge .ic{vertical-align:0}
.sqi-b-sent{background:var(--info-bg);color:var(--info-fg)}
.sqi-b-partial{background:var(--warn-bg);color:var(--warn-fg)}
.sqi-b-paid,.sqi-b-accepted,.sqi-b-active{background:var(--ok-bg);color:var(--ok-fg)}
.sqi-b-overdue,.sqi-b-expired,.sqi-b-declined{background:var(--bad-bg);color:var(--bad-fg)}
.sqi-b-void,.sqi-b-paused,.sqi-b-draft{background:var(--neu-bg);color:var(--neu-fg)}

/* ---------- Toasts ---------- */
.sqi-toasts{position:fixed;right:20px;bottom:20px;z-index:80;display:flex;flex-direction:column;gap:8px;max-width:min(420px,calc(100vw - 32px))}
.sqi-toast{display:flex;align-items:center;gap:10px;background:var(--text);color:var(--surface);padding:12px 14px;border-radius:12px;box-shadow:var(--shadow);animation:sqiin .28s ease-out}
.sqi-toast.err{background:var(--bad-fg);color:#fff}
.sqi-toast.win{background:var(--brand);color:var(--brand-ink);animation:sqipop .5s cubic-bezier(.2,1.4,.4,1)}
.sqi-toast .tx{background:none;border:0;color:inherit;opacity:.7;padding:2px;margin-left:auto;display:inline-flex}
.sqi-toast.leaving{opacity:0;transform:translateY(8px);transition:all .25s}
@keyframes sqiin{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
@keyframes sqipop{0%{opacity:0;transform:scale(.8)}100%{opacity:1;transform:none}}
.sqi-flash{padding:10px 14px;border-radius:8px;margin-bottom:14px}
.sqi-flash.ok{background:var(--ok-bg);color:var(--ok-fg)}.sqi-flash.err{background:var(--bad-bg);color:var(--bad-fg)}

/* ---------- Forms ---------- */
.sqi-form label{display:block;font-size:13px;color:var(--text2);margin-bottom:12px;font-weight:500}
.sqi-form input,.sqi-form select,.sqi-form textarea,.sqi-search input{display:block;width:100%;margin-top:4px;padding:9px 11px;border:1px solid var(--line);border-radius:8px;font:inherit;color:var(--text);background:var(--field)}
.sqi-form input:focus,.sqi-form select:focus,.sqi-form textarea:focus{outline:2px solid color-mix(in srgb,var(--brand) 35%,transparent);border-color:var(--brand)}
.sqi-form input[type=color]{width:70px;height:42px;padding:3px;cursor:pointer}
.row2,.row3{display:grid;gap:12px}.row2{grid-template-columns:1fr 1fr}.row3{grid-template-columns:2fr 1fr 1fr}
.row3e{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:10px}
.actions{margin-top:6px}
.check{display:flex!important;gap:8px;align-items:center;font-weight:400!important}
.sqi-form .check input{width:auto;margin:0}
.sqi-send summary{cursor:pointer;font-weight:600}.sqi-send form{margin-top:12px}
.sqi-danger{margin-top:20px}
.sqi-kv{display:grid;gap:8px}.sqi-kv span{display:inline-block;min-width:90px;color:var(--muted);margin-right:8px;vertical-align:top}
.sqi-checks{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:4px 16px;margin-bottom:10px}
.sqi-labels{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:0 14px}
.sqi-tpl{border:1px solid var(--line);border-radius:8px;padding:10px 14px;margin-bottom:8px;background:var(--surface2)}
.sqi-tpl summary{cursor:pointer;font-weight:600}
.sqi-tpl .phs{margin:8px 0;font-size:12px;color:var(--muted)}
.sqi-tpl .phs code{background:var(--neu-bg);border-radius:4px;padding:1px 5px;margin-right:4px;display:inline-block}
.sqi-logo-up{margin-bottom:14px}.sqi-logo-up .lbl{font-size:13px;color:var(--text2);font-weight:500;margin-bottom:6px}
.sqi-logo-up img{max-height:70px;max-width:240px;display:block;margin-bottom:8px;border:1px solid var(--line);border-radius:6px;padding:6px;background:#fff}
.sqi-logo-up .btn{margin-right:4px}
.sqi-paysum{display:flex;flex-wrap:wrap;gap:24px;margin-bottom:12px}
.sqi-paysum span{display:block;font-size:12px;color:var(--muted);text-transform:uppercase;letter-spacing:.04em}
.sqi-paysum .due{font-weight:700;color:var(--bad-fg)}
.sqi-payform{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;align-items:end;margin-top:14px}
.sqi-payform label{margin:0}
.sqi-activity summary{cursor:pointer;font-weight:600}
.sqi-activity ul{list-style:none;margin:12px 0 0;padding:0}
.sqi-activity li{padding:6px 0;border-top:1px solid var(--line2);font-size:14px}
.sqi-activity .when{display:inline-block;min-width:150px;color:var(--muted);font-size:13px}
.sqi-wizard{max-width:720px;margin:0 auto}
.step{font-weight:700;margin-bottom:14px;display:flex;align-items:center;gap:10px}
.step span{display:inline-flex;width:26px;height:26px;border-radius:50%;background:var(--brand);color:var(--brand-ink);align-items:center;justify-content:center;font-size:14px}
.sqi-draft{display:flex;align-items:center;gap:10px;flex-wrap:wrap;background:var(--warn-bg);color:var(--warn-fg);border-radius:10px;padding:10px 14px;margin-bottom:14px}
.sqi-draft .btn{background:var(--surface);color:var(--text)}

/* ---------- Line items ---------- */
.sqi-itempick{display:block;max-width:320px;margin-bottom:10px;font-size:13px;color:var(--text2);font-weight:500}
.sqi-itempick select{display:block;width:100%;margin-top:4px;padding:9px 11px;border:1px solid var(--line);border-radius:8px;font:inherit;color:var(--text);background:var(--field)}
.sqi-items{width:100%;border-collapse:collapse;min-width:640px}
.sqi-items th{font-size:12px;text-align:left;color:var(--muted);padding:4px 6px}
.sqi-items td{padding:4px;vertical-align:top}
.sqi-items td:first-child{width:42%}
.sqi-items textarea,.sqi-items input,.sqi-items select{width:100%;padding:8px;border:1px solid var(--line);border-radius:6px;font:inherit;resize:none;overflow:hidden;background:var(--field);color:var(--text)}
.sqi-items .amt{padding-top:12px;white-space:nowrap}
.sqi-itempick[hidden]{display:none}
.sqi-items td.act{white-space:nowrap}
.sqi-items .iname{margin-bottom:4px;font-weight:600}
.sqi-items .iname.bad{border-color:var(--bad-fg)}
.sqi-items .svitem{background:none;border:1px solid var(--line);border-radius:6px;font:inherit;font-size:12px;color:var(--text2);padding:3px 8px;margin-right:4px;cursor:pointer}
.sqi-items .svitem:hover{background:var(--hover);color:var(--text)}
.sqi-items .rm{background:none;border:0;font-size:20px;color:var(--muted);padding:4px 8px}
.sqi-items .rm:hover{color:var(--bad-fg)}
#sqi-add{margin:8px 0}
.sqi-totals{margin-left:auto;margin-top:16px;min-width:280px;border-collapse:collapse}
.sqi-totals td{padding:5px 0 5px 24px}
.sqi-totals tr.grand td{font-weight:700;border-top:2px solid var(--brand,#1c2330);padding-top:8px}

/* ---------- Printable document (always paper-white) ---------- */
.sqi-doc{--surface:#fff;--text:#1c2330;--text2:#4a5363;--muted:#6b7482;--line:#e3e6eb;--line2:#eef0f3;background:#fff;color:#1c2330;border:1px solid var(--line);border-radius:10px;padding:40px;margin-top:16px}
.sqi-doc-head{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:28px;gap:16px}
.sqi-doc-title{font-size:26px;font-weight:700;letter-spacing:.04em;color:var(--brand,#1c2330)}
.sqi-biz{font-size:20px;font-weight:700}.sqi-logo{max-height:70px;max-width:240px}
.sqi-doc-cols{display:grid;grid-template-columns:1.4fr 1fr 1fr 1.4fr;gap:20px;margin-bottom:28px;font-size:14px}
.sqi-lbl{font-size:11px;text-transform:uppercase;letter-spacing:.05em;color:var(--muted);margin:10px 0 2px}
.sqi-doc-cols>div>.sqi-lbl:first-child{margin-top:0}
.sqi-doc-table{width:100%;border-collapse:collapse;font-size:14px}
.sqi-doc-table th{text-align:left;font-size:12px;border-bottom:2px solid var(--brand,#1c2330);padding:8px 6px}
.sqi-doc-table th.r{text-align:right}
.sqi-doc-table th.r,.sqi-doc-table td.r{white-space:nowrap;padding-left:16px;font-variant-numeric:tabular-nums}
.sqi-doc-table td:first-child,.sqi-doc-table th:first-child{width:100%}
.sqi-totals td.r{white-space:nowrap;font-variant-numeric:tabular-nums}
.sqi-totals td:first-child{white-space:nowrap}
.sqi-doc-table td{padding:10px 6px;border-bottom:1px solid var(--line);vertical-align:top}
.sqi-it-name{font-weight:700}
.sqi-it-desc{font-size:12px;line-height:1.4;color:var(--text2);margin-top:2px;font-weight:400}
.sqi-note{margin-top:24px;font-size:13px}.sqi-terms{color:var(--muted)}
.sqi-footer{margin-top:28px;padding-top:12px;border-top:1px solid var(--line);text-align:center;font-size:12px;color:var(--muted)}
.sqi-public{max-width:860px;margin:0 auto;padding:16px}
.sqi-toolbar{display:flex;gap:8px;justify-content:flex-end;margin-bottom:8px}
.sqi-center{max-width:460px;margin:80px auto;text-align:center;padding:0 16px}

/* ---------- Login ---------- */
.sqi-loginwrap{display:flex;min-height:100vh}
.sqi-lside{flex:1.1;position:relative;background:var(--brand);background-size:cover;background-position:center;color:var(--brand-ink);display:flex;align-items:center;padding:48px}
.sqi-lside .ov{position:absolute;inset:0;background:var(--brand);opacity:.82}
.sqi-lside:not([style]) .ov{opacity:0}
.sqi-lside .inner{position:relative;max-width:420px}
.sqi-lside .tile{display:inline-block;background:#fff;color:#1c2330;border-radius:12px;padding:12px 18px;margin-bottom:28px}
.sqi-lside .tile img{max-height:48px;max-width:220px;display:block}
.sqi-lside .tile .nm{font-weight:700;font-size:18px}
.sqi-lside h2{font-size:34px;line-height:1.15;margin:0 0 10px}
.sqi-lside p{margin:0;font-size:16px;opacity:.92}
.sqi-lform{flex:1;display:flex;align-items:center;justify-content:center;padding:32px 20px;background:var(--surface)}
.sqi-lform .box{width:100%;max-width:340px}
.sqi-lform .mlogo{display:none;margin-bottom:18px}.sqi-lform .mlogo img{max-height:44px;max-width:200px}.sqi-lform .mlogo .nm{font-weight:700;font-size:18px}
.sqi-lform h1{margin-bottom:14px}
.sqi-lform label{display:block;font-size:13px;margin-top:12px;color:var(--text2);font-weight:500}
.sqi-lform input[type=text],.sqi-lform input[type=password]{display:block;width:100%;margin-top:4px;padding:11px 12px;border:1px solid var(--line);border-radius:8px;font:inherit;background:var(--field);color:var(--text)}
.sqi-lform .login-remember label{display:flex;gap:6px;align-items:center;font-weight:400}
.sqi-lform .login-remember input{width:auto;margin:0}
.sqi-lform input[type=submit]{width:100%;margin-top:14px;cursor:pointer;background:var(--brand);color:var(--brand-ink);border:0;border-radius:8px;padding:12px;font:inherit;font-weight:600}
.sqi-lform p.muted{margin-top:16px}

/* ---------- Phone ---------- */
@media (max-width:899px){
	.sqi-side{display:none}
	.sqi-mtop{display:flex;align-items:center;justify-content:space-between;padding:10px 16px;background:var(--surface);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:30}
	.sqi-searchbar{margin-top:12px}.sqi-searchbar kbd{display:none}
	.sqi-main{padding-bottom:110px}
	.sqi-tabbar{display:flex;position:fixed;left:0;right:0;bottom:0;z-index:50;background:var(--surface);border-top:1px solid var(--line);padding:6px 4px calc(6px + env(safe-area-inset-bottom))}
	.sqi-tabbar a,.sqi-tabbar button{flex:1;display:flex;flex-direction:column;align-items:center;gap:2px;padding:6px 2px;color:var(--muted);font-size:11px;background:none;border:0;min-height:48px}
	.sqi-tabbar a:hover{text-decoration:none}
	.sqi-tabbar .on{color:var(--brand)}
	.sqi-sheet{position:fixed;inset:0;z-index:60}
	.sqi-sheet:not([hidden]){display:block}
	.sqi-sheet .sheet-bg{position:absolute;inset:0;background:rgba(0,0,0,.45)}
	.sqi-sheet .sheet-body{position:absolute;left:0;right:0;bottom:0;background:var(--surface);border-radius:16px 16px 0 0;padding:12px 12px calc(76px + env(safe-area-inset-bottom));display:grid;grid-template-columns:1fr 1fr;gap:6px}
	.sqi-sheet .sheet-body a{display:flex;align-items:center;gap:10px;padding:14px;border-radius:10px;background:var(--surface2);color:var(--text);font-weight:500}
	.sqi-toasts{left:16px;right:16px;bottom:84px;max-width:none}
	.row2,.row3,.row3e{grid-template-columns:1fr}
	.sqi-hero{padding:18px}.sqi-hero h1{font-size:22px}
	.sqi-qa .btn{flex:1 1 calc(50% - 8px);justify-content:center}
	.btn,.sqi-search button,button.btn{min-height:44px}
	.sqi-form input,.sqi-form select,.sqi-form textarea{padding:11px 12px;font-size:16px}
	.sqi-doc{padding:20px}.sqi-doc-cols{grid-template-columns:1fr 1fr}
	.sqi-doc-head{flex-direction:column}
	.sqi-loginwrap{flex-direction:column}
	.sqi-lside{display:none}.sqi-lform .mlogo{display:block}
	.sqi-lform{align-items:flex-start;padding-top:56px;min-height:100vh}

	.sqi-table.stack,.sqi-table.stack tbody{display:block;border:0;background:none}
	.sqi-table.stack thead{display:none}
	.sqi-table.stack tr{display:block;background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:6px 14px;margin-bottom:10px}
	.sqi-table.stack td{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:7px 0;border:0;white-space:normal;text-align:right}
	.sqi-table.stack td::before{content:attr(data-label);color:var(--muted);font-size:12px;text-transform:uppercase;letter-spacing:.04em;text-align:left;flex:none}
	.sqi-table.stack td:first-child{font-weight:600}
	.sqi-scroll{overflow:visible}

	.sqi-items{min-width:0}.sqi-items thead{display:none}.sqi-items,.sqi-items tbody{display:block}
	.sqi-items .sqi-row{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:12px;margin-bottom:10px;border:1px solid var(--line);border-radius:12px;position:relative}
	.sqi-items .sqi-row td{display:block;width:auto!important;padding:0}
	.sqi-items .sqi-row td:first-child{grid-column:1/-1}
	.sqi-items .sqi-row td[data-label]::before{content:attr(data-label);display:block;font-size:11px;color:var(--muted);margin-bottom:2px;text-transform:uppercase;letter-spacing:.04em}
	.sqi-items .sqi-row td.amt{padding-top:0;font-weight:700;text-align:left}
	.sqi-items .sqi-row td:last-child{position:absolute;top:4px;right:4px}
	.sqi-totals{min-width:0;width:100%}

	.sqi-doc-form>.actions{position:sticky;bottom:calc(64px + env(safe-area-inset-bottom));background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:10px;display:flex;gap:8px;z-index:20;box-shadow:var(--shadow)}
	.sqi-doc-form>.actions .btn{flex:1;justify-content:center}
}
@media (max-width:640px){
	.sqi-doc{max-width:100%;overflow-wrap:anywhere;word-break:normal}
	.sqi-doc-cols{font-size:13px;gap:14px}
	.sqi-lines,.sqi-lines tbody{display:block;width:100%}
	.sqi-lines thead{display:none}
	.sqi-lines tr{display:flex;flex-wrap:wrap;justify-content:space-between;gap:6px 14px;padding:12px 0;border-bottom:1px solid var(--line)}
	.sqi-lines td{display:block;padding:0;border:0;width:auto;white-space:normal}
	.sqi-lines td:first-child{flex:0 0 100%;width:100%;font-size:14px;line-height:1.45}
	.sqi-lines td.r{padding-left:0;white-space:nowrap;font-size:13px;color:var(--text2)}
	.sqi-lines td.r::before{content:attr(data-label);display:block;font-size:10px;text-transform:uppercase;letter-spacing:.05em;color:var(--muted)}
	.sqi-lines td.r:last-child{margin-left:auto;text-align:right;font-weight:700;color:var(--text)}
	.sqi-totals{width:100%;min-width:0}
	.sqi-totals td{padding-left:0}
	.sqi-totals td:first-child{white-space:normal}
	.sqi-note,.sqi-terms{overflow-wrap:anywhere}
}
@media (max-width:640px){
	.sqi-doc .sqi-ledger,.sqi-doc .sqi-ledger tbody{display:block;width:100%}
	.sqi-doc .sqi-ledger thead{display:none}
	.sqi-doc .sqi-ledger tr{display:flex;flex-wrap:wrap;gap:4px 14px;padding:12px 0;border-bottom:1px solid var(--line)}
	.sqi-doc .sqi-ledger td{display:block;padding:0;border:0;width:auto;white-space:normal}
	.sqi-doc .sqi-ledger td.sqi-ld-date{flex:0 0 100%;font-size:12px;color:var(--muted)}
	.sqi-doc .sqi-ledger td.sqi-ld-desc{flex:0 0 100%;font-size:14px;font-weight:700;line-height:1.4}
	.sqi-doc .sqi-ledger td.sqi-ld-empty{flex:0 0 100%;width:100%}
	.sqi-doc .sqi-ledger td.r{flex:1 1 0;min-width:84px;padding-left:0;white-space:nowrap;font-size:13px;color:var(--text2)}
	.sqi-doc .sqi-ledger td.r:empty{display:none}
	.sqi-doc .sqi-ledger td.r::before,.sqi-doc .sqi-age td::before{content:attr(data-label);display:block;font-size:10px;text-transform:uppercase;letter-spacing:.05em;color:var(--muted);white-space:normal}
	.sqi-doc .sqi-ledger td.r:last-child{text-align:right;font-weight:700;color:var(--text)}
	.sqi-doc .sqi-age,.sqi-doc .sqi-age tbody{display:block;width:100%}
	.sqi-doc .sqi-age thead{display:none}
	.sqi-doc .sqi-age tr{display:grid;grid-template-columns:1fr 1fr;gap:8px}
	.sqi-doc .sqi-age td{display:block;width:auto;padding:10px 12px;border:1px solid var(--line);border-radius:8px;text-align:left;white-space:nowrap}
	.sqi-doc .sqi-age td:last-child{grid-column:1/-1;font-weight:700}
	.sqi-doc .sqi-scroll{overflow:visible}
}
@media print{
	body{background:#fff}.noprint{display:none!important}
	.sqi-public{max-width:none;padding:0}.sqi-doc{border:0;padding:0;margin:0}
}
@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}
/* v1.5 additions */
.sqi-hbtns{display:flex;gap:8px;flex-wrap:wrap}
.sqi-form input[type=file]{padding:10px;background:var(--surface2)}
.btn.danger{background:#c0392b;border-color:#c0392b;color:#fff}
.btn.danger:hover{background:#c0392b;filter:brightness(.92)}
.btn:disabled{opacity:.45;cursor:not-allowed}
.sqi-dz summary{cursor:pointer;font-weight:600;color:var(--bad-fg)}
.sqi-dz[open]{border-color:var(--bad-fg)}
.sqi-dz form{max-width:360px}
/* v1.6 statements */
.sqi-stmt-sum{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:0 0 22px}
.sqi-stmt-sum div{background:#f8f9fb;border:1px solid #e3e6eb;border-radius:8px;padding:10px 12px;font-weight:600}
.sqi-stmt-sum span{display:block;font-size:11px;font-weight:400;text-transform:uppercase;letter-spacing:.05em;color:#6b7482;margin-bottom:2px}
.sqi-stmt-sum .due{border-color:var(--brand,#1c2330)}
.sqi-age{margin-top:22px}
.sqi-periodform{display:flex;gap:10px;align-items:flex-end;flex-wrap:wrap;margin:-2px 0 14px}
.sqi-periodform label{margin:0}.sqi-periodform input{width:auto}
@media (max-width:899px){.sqi-stmt-sum{grid-template-columns:1fr 1fr}.sqi-periodform label{flex:1 1 40%}}
/* v1.7 client IDs + linked client name */
.sqi-code{display:inline-block;font:600 12px/1 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;background:var(--neu-bg);color:var(--neu-fg);border-radius:6px;padding:4px 8px;letter-spacing:.02em;vertical-align:middle;white-space:nowrap}
.sqi-profile h1 .sqi-code{font-size:13px;margin-left:6px}
.sqi-dochead{justify-content:flex-start;gap:10px 12px}
.sqi-clientlink{display:inline-flex;align-items:center;gap:6px;font-size:16px;font-weight:600;padding:5px 11px;border-radius:99px;background:var(--hover);background:color-mix(in srgb,var(--brand) 11%,var(--surface));color:var(--text)}
.sqi-clientlink:hover{text-decoration:none;filter:brightness(.97)}
.sqi-clientlink .ic{color:var(--brand)}
.sqi-table td a[href*="v=client"]{color:var(--text);font-weight:500}

/* Bulk client actions (1.7.1) */
.sqi-sort{color:inherit;text-decoration:none;white-space:nowrap}.sqi-sort:hover{color:var(--text);text-decoration:none}
.sqi-table th.pick,.sqi-table td.pick{width:36px;padding-right:0}
.sqi-pick,.sqi-table th.pick input,.sqi-selmobile input{width:18px;height:18px;margin:0;accent-color:var(--brand);cursor:pointer;vertical-align:middle}
.sqi-table tbody tr.picked{background:var(--surface2)}
.sqi-search select{padding:9px 11px;border:1px solid var(--line);border-radius:8px;font:inherit;color:var(--text);background:var(--field)}
.sqi-selmobile{display:none;align-items:center;gap:8px;margin:0 0 10px;font-size:14px;color:var(--muted)}
.sqi-bulkbar{position:sticky;bottom:16px;z-index:40;display:flex;flex-wrap:wrap;align-items:center;gap:8px;background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:10px 14px;margin:0 0 12px;box-shadow:0 6px 24px rgba(0,0,0,.16)}
.sqi-bulkbar[hidden]{display:none}
.sqi-bulkbar .n{font-weight:600;margin-right:auto}
@media (max-width:899px){
	.sqi-selmobile{display:flex}
	.sqi-bulkbar{bottom:76px;padding:10px}
	.sqi-bulkbar .n{flex:1 0 100%}
	.sqi-bulkbar .btn{flex:1 1 calc(50% - 8px);justify-content:center}
	.sqi-table.stack td.pick{justify-content:flex-start}
	.sqi-table.stack td.pick::before{display:none}
}

/* Leads and pipeline (1.8.0) */
.sqi-seg{display:inline-flex;border:1px solid var(--line);border-radius:8px;overflow:hidden;background:var(--surface)}
.sqi-seg a{padding:8px 14px;color:var(--text2);min-height:38px;display:inline-flex;align-items:center}
.sqi-seg a.on{background:var(--brand);color:var(--brand-ink)}
.sqi-seg a:hover{text-decoration:none}
.lboard{display:flex;gap:12px;overflow-x:auto;padding:2px 2px 14px;margin:0 -2px 6px;align-items:flex-start;-webkit-overflow-scrolling:touch}
.lcol{flex:0 0 248px;background:var(--surface2);border:1px solid var(--line2);border-radius:14px;padding:10px;display:flex;flex-direction:column;gap:8px;transition:background .18s,border-color .18s}
.lcol.over{background:color-mix(in srgb,var(--brand) 10%,var(--surface));border-color:var(--brand)}
.lhead{display:flex;justify-content:space-between;align-items:center;gap:8px;font-weight:600;font-size:14px;padding:2px 4px}
.lhead small{font-weight:400;color:var(--muted);font-size:12px;white-space:nowrap}
.ldot{display:inline-block;width:9px;height:9px;border-radius:50%;margin-right:7px;vertical-align:baseline}
.lbody{display:flex;flex-direction:column;gap:8px;min-height:64px}
.lcard{display:block;background:var(--surface);border:1px solid var(--line);border-radius:11px;padding:11px 12px;color:var(--text);cursor:grab;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;transition:border-color .15s,box-shadow .15s}
.lcard:hover{text-decoration:none;border-color:var(--brand);box-shadow:0 2px 8px rgba(16,24,40,.08)}
.lcard b{display:block;font-weight:600;line-height:1.3}
.lcard .s{display:block;color:var(--muted);font-size:13px;margin-top:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.lcard .v{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-top:8px;font-size:13px}
.lcard .age{color:var(--muted);font-size:12px;display:block}
.lcard .v .age{display:inline}
.ltag{background:var(--neu-bg);color:var(--neu-fg);border-radius:6px;padding:1px 8px;font-size:11px;max-width:110px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.lph{border:1.5px dashed var(--line);border-color:color-mix(in srgb,var(--brand) 55%,var(--line));border-radius:11px;background:color-mix(in srgb,var(--brand) 6%,transparent)}
.lghost{position:fixed;z-index:200;pointer-events:none;margin:0;box-shadow:var(--shadow);transform:rotate(2.5deg) scale(1.03);cursor:grabbing;transition:transform .15s}
.ladd{display:block;text-align:center;color:var(--muted);font-size:13px;padding:6px;border-radius:8px}
.ladd:hover{background:var(--hover);color:var(--text);text-decoration:none}
body.sqi-dragging{cursor:grabbing;user-select:none;-webkit-user-select:none}
@keyframes lpop{0%{transform:scale(.96);box-shadow:0 0 0 0 color-mix(in srgb,var(--ok-fg) 50%,transparent)}60%{transform:scale(1.02);box-shadow:0 0 0 8px transparent}100%{transform:none}}
.lcard.pop{animation:lpop .55s ease-out}
.lpill{display:inline-flex;align-items:center;border-radius:999px;padding:3px 11px;font-size:12px;font-weight:600;background:var(--neu-bg);color:var(--text2);vertical-align:middle;margin-left:6px}
.lpill .ldot{margin-right:6px}
.lstage{max-width:320px}
.ltl{list-style:none;margin:0;padding:0}
.ltl li{display:flex;gap:12px;padding:10px 0;border-bottom:1px solid var(--line2)}
.ltl li:last-child{border-bottom:0}
.ltl .ti{flex:none;width:28px;height:28px;border-radius:50%;background:var(--neu-bg);color:var(--neu-fg);display:flex;align-items:center;justify-content:center}
.ltl .tb{flex:1;min-width:0;overflow-wrap:anywhere}
.ltl .tt{color:var(--muted);font-size:12px;margin-top:2px}
.lsrow{display:grid;grid-template-columns:1fr 56px 130px 72px 96px;gap:8px;align-items:center;margin-bottom:8px}
.lsrow input,.lsrow select{margin-top:0!important}
.lsrow input[type=color]{padding:2px;height:38px}
.lshead{font-size:12px;color:var(--muted);text-transform:uppercase;letter-spacing:.04em}
@media (max-width:899px){
	.lcol{flex-basis:82vw}
	.lsrow{grid-template-columns:1fr 56px;row-gap:6px;padding-bottom:10px;border-bottom:1px solid var(--line2)}
	.lshead{display:none}
}

/* Security: lock warning + passkeys (1.9.0) */
.sqi-lockwarn{position:fixed;left:50%;top:16px;transform:translateX(-50%);z-index:300;background:var(--warn-bg);color:var(--warn-fg);border:1px solid var(--warn-fg);border-radius:10px;padding:10px 16px;font-weight:600;box-shadow:var(--shadow);max-width:calc(100vw - 32px);text-align:center}
.sqi-pkbox{margin:14px 0}
.sqi-pkbox .btn{width:100%;justify-content:center}
.sqi-pkor{display:flex;align-items:center;gap:10px;margin:14px 0;color:var(--muted);font-size:13px}
.sqi-pkor::before,.sqi-pkor::after{content:"";flex:1;height:1px;background:var(--line)}
.sqi-pklist{list-style:none;margin:0 0 12px;padding:0}
.sqi-pklist li{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:10px 0;border-bottom:1px solid var(--line2)}
.sqi-pkadd{display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin-bottom:6px}
.sqi-pkadd input{flex:1 1 220px;max-width:340px;margin-top:0!important}

/* 2.0.0: follow-ups, tags, reasons, automations */
.fu-chip{display:inline-block;border-radius:999px;padding:1px 9px;font-size:11px;font-weight:600;background:var(--neu-bg);color:var(--neu-fg);white-space:nowrap}
.fu-chip.late{background:var(--bad-bg);color:var(--bad-fg)}
.fu-chip.today{background:var(--warn-bg);color:var(--warn-fg)}
.fu-chip.none{background:transparent;color:var(--muted);border:1px dashed var(--line);font-weight:500}
.lchips{display:flex;flex-wrap:wrap;gap:5px;margin-top:8px;align-items:center}
.ltagc{background:var(--info-bg);color:var(--info-fg);border-radius:6px;padding:1px 7px;font-size:11px;white-space:nowrap}
.lwho{margin-left:auto;width:22px;height:22px;border-radius:50%;background:var(--brand);color:var(--brand-ink);display:inline-flex;align-items:center;justify-content:center;font-size:10px;font-weight:700}
.sqi-lfilters{flex-wrap:wrap}
.sqi-fu .fu-row{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:10px 0;border-bottom:1px solid var(--line2);flex-wrap:wrap}
.sqi-fu .fu-row:last-of-type{border-bottom:0}
.sqi-fu .fu-actions{display:flex;gap:6px;flex-wrap:wrap}
.sqi-fu .fu-none{margin-top:10px;padding-top:10px;border-top:1px solid var(--line2);color:var(--warn-fg);font-size:14px}
.sqi-fuform .actions{display:flex;gap:6px;flex-wrap:wrap;align-items:center}
.sqi-reason{position:fixed;inset:0;z-index:250;background:rgba(0,0,0,.45);display:flex;align-items:center;justify-content:center;padding:16px}
.sqi-reason .box{background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:18px;max-width:380px;width:100%;display:flex;flex-direction:column;gap:8px;box-shadow:var(--shadow)}
.sqi-reason .ttl{font-weight:700;margin-bottom:4px}
.sqi-reason .btn{justify-content:center}
.sqi-reason .btn.link{border:0;background:none;color:var(--muted)}
.lrule{display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin-bottom:10px;padding-bottom:10px;border-bottom:1px solid var(--line2)}
.lrule select,.lrule input:not([type=checkbox]){width:auto!important;margin-top:0!important;flex:0 1 auto}
.lrule input[type=number]{width:70px!important}
.lrule input[name="rule_text[]"]{flex:1 1 180px;width:auto!important}

/* WhatsApp (2.1.0) */
.btn.wa{background:#25D366;border-color:#25D366;color:#073b1a;font-weight:600}
.btn.wa:hover{filter:brightness(.95)}
.btn.wa .ic{color:#073b1a}
.sqi-waprompt{display:flex;flex-wrap:wrap;align-items:center;gap:12px;justify-content:space-between;background:var(--ok-bg);color:var(--ok-fg);border:1px solid var(--ok-fg);border-radius:12px;padding:12px 16px;margin:0 0 14px}
.sqi-waprompt .acts{display:flex;gap:8px;flex-wrap:wrap}
.sqi-waprompt .btn:not(.wa){background:var(--surface);color:var(--text)}

/* Notification centre (2.2.0) */
.sqi-bell{position:relative;display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:9px;border:1px solid var(--line);background:var(--surface);color:var(--text2);cursor:pointer;flex:none;margin:4px 0 4px 6px;padding:0}
.sqi-bell:hover{background:var(--hover);color:var(--text)}
.sqi-bell .ic{display:block}
.nbadge{position:absolute;top:-6px;right:-6px;min-width:18px;height:18px;border-radius:9px;background:#d92d20;color:#fff;font-size:11px;font-weight:700;display:flex;align-items:center;justify-content:center;padding:0 5px;line-height:1}
.ndot{position:absolute;top:5px;right:6px;width:9px;height:9px;border-radius:50%;background:var(--brand);border:2px solid var(--surface)}
.nbadge.hide,.ndot.hide{display:none}
.sqi-mtop .sqi-bell{margin:0 0 0 auto}
.sqi-notif{position:fixed;inset:0;z-index:180}
.sqi-notif[hidden]{display:none}
.nbg{position:absolute;inset:0;background:rgba(0,0,0,.35);opacity:0;transition:opacity .26s}
.sqi-notif.open .nbg{opacity:1}
.npanel{position:absolute;top:0;right:0;bottom:0;width:min(400px,100%);background:var(--surface);border-left:1px solid var(--line);box-shadow:var(--shadow);display:flex;flex-direction:column;transform:translateX(102%);transition:transform .28s cubic-bezier(.2,.8,.2,1)}
.sqi-notif.open .npanel{transform:none}
.nhead{display:flex;justify-content:space-between;align-items:center;padding:14px 16px;border-bottom:1px solid var(--line);font-size:16px}
.nx{border:0;background:none;color:var(--muted);cursor:pointer;padding:6px;border-radius:8px;display:inline-flex}
.nx:hover{background:var(--hover);color:var(--text)}
.nscroll{overflow:auto;flex:1;padding:4px 0 24px;-webkit-overflow-scrolling:touch}
.nsec{display:flex;justify-content:space-between;align-items:center;padding:14px 16px 6px;font-size:11px;text-transform:uppercase;letter-spacing:.05em;color:var(--muted)}
.nlink{border:0;background:none;color:var(--brand);cursor:pointer;font-size:12px;text-transform:none;letter-spacing:0;padding:0}
.nitem{display:flex;gap:10px;padding:11px 16px;border-top:1px solid var(--line2);max-height:400px;overflow:hidden;transition:opacity .25s,max-height .28s,padding .28s,border-width .28s}
.nitem.gone{opacity:0;max-height:0!important;padding-top:0;padding-bottom:0;border-top-width:0}
.nic{flex:none;width:30px;height:30px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:var(--neu-bg);color:var(--neu-fg)}
.nic.r{background:var(--bad-bg);color:var(--bad-fg)}
.nic.a{background:var(--warn-bg);color:var(--warn-fg)}
.nic.g{background:var(--ok-bg);color:var(--ok-fg)}
.nic.b{background:var(--info-bg);color:var(--info-fg)}
.nt{flex:1;min-width:0;font-size:14px;line-height:1.4}
.ntitle{display:block;font-weight:600;color:var(--text);overflow-wrap:anywhere}
a.ntitle:hover{color:var(--brand);text-decoration:none}
.nt small{display:block;color:var(--muted);font-size:12.5px;margin-top:1px;overflow-wrap:anywhere}
.nacts{display:flex;gap:6px;flex-wrap:wrap;margin-top:8px}
.nacts .btn{padding:4px 11px;min-height:30px;font-size:13px}
.nmore{padding:8px 16px 4px;font-size:13px}
.nempty{display:block;text-align:center;padding:26px 16px 14px;color:var(--muted);font-size:14px}
.nempty[hidden]{display:none}
.nempty .ic{color:var(--ok-fg);display:block;margin:0 auto 6px}
@media (max-width:899px){
	.sqi-searchbar .sqi-bell{display:none}
	.npanel{width:100%;border-left:0}
}

/* Help + system health (2.3.0) */
.help-item summary{cursor:pointer;list-style-position:inside}
.help-item[hidden],.help-group[hidden]{display:none}
.help-body{margin-top:10px;color:var(--text2)}
.help-body p,.help-body ol,.help-body ul{margin:0 0 8px}
.help-body ol,.help-body ul{padding-left:20px}
.sqi-health .hrow{display:flex;gap:12px;align-items:flex-start;padding:10px 0;border-bottom:1px solid var(--line2)}
.sqi-health .hrow:last-child{border-bottom:0}
.sqi-health .hic{flex:none;width:26px;height:26px;border-radius:50%;display:flex;align-items:center;justify-content:center}
.sqi-health .ok .hic{background:var(--ok-bg);color:var(--ok-fg)}
.sqi-health .warn .hic{background:var(--warn-bg);color:var(--warn-fg)}
.sqi-health .bad .hic{background:var(--bad-bg);color:var(--bad-fg)}
.sqi-health .hrow div{min-width:0;overflow-wrap:anywhere}

/* Team (2.4.0) */
.rolepill{display:inline-block;border-radius:999px;padding:2px 10px;font-size:12px;font-weight:600;white-space:nowrap}
.rolepill.o{background:var(--info-bg);color:var(--info-fg)}
.rolepill.m{background:var(--ok-bg);color:var(--ok-fg)}
.rolepill.s{background:var(--warn-bg);color:var(--warn-fg)}
.rolepill.f{background:var(--bad-bg);color:var(--bad-fg)}
.tmem{display:flex;align-items:center;gap:12px;padding:10px 0;border-bottom:1px solid var(--line2);flex-wrap:wrap}
.tmem:last-child{border-bottom:0}
.tmem .tinfo{flex:1;min-width:180px;overflow-wrap:anywhere}
.tedit{flex:1 0 100%}
.tedit summary{display:inline-flex;list-style:none;cursor:pointer}
.tedit summary::-webkit-details-marker{display:none}
.tedit .tbody{margin-top:10px;padding:12px;background:var(--surface2);border:1px solid var(--line2);border-radius:10px}
.tedit .tact{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}
.trole{display:flex;gap:10px;align-items:flex-start;margin-bottom:10px}
.trole .rolepill{flex:none;min-width:74px;text-align:center}

/* ---------- 2.4.2: sidebar footer, avatars, profile, signature editor, personal look ---------- */
.sqi-side-foot{display:flex;flex-direction:column;gap:2px;border-top:1px solid var(--line);padding-top:8px;margin-top:8px}
.sqi-side-foot .nv.out{margin-top:0}
.sqi-av{overflow:hidden}
.sqi-av.has-img{background:var(--surface2)}
.sqi-av img{width:100%;height:100%;object-fit:cover;display:block;border-radius:50%}
.sqi-av.xs{width:22px;height:22px;font-size:9px;vertical-align:middle}
.sqi-av.lg{width:76px;height:76px;font-size:26px}
.nv .sqi-av.xs{margin:0 -1px}
.sqi-sig-bar{display:flex;flex-wrap:wrap;gap:4px;align-items:center;padding:6px;border:1px solid var(--line);border-bottom:0;border-radius:8px 8px 0 0;background:var(--surface2)}
.sqi-sig-col{display:inline-flex!important;align-items:center;gap:4px;margin:0!important;font-weight:700!important;cursor:pointer}
.sqi-sig-col input[type=color]{width:26px!important;height:26px!important;min-width:0;margin:0!important;padding:1px!important}
.sqi-sig-wrap{position:relative}
.sqi-sig-ed{min-height:110px;padding:14px;border:1px solid var(--line);border-radius:0 0 8px 8px;background:#fff;color:#222;font:14px/1.5 Arial,Helvetica,sans-serif;overflow-wrap:anywhere}
.sqi-sig-ed:focus{outline:2px solid color-mix(in srgb,var(--brand) 35%,transparent);border-color:var(--brand)}
.sqi-sig-ed img{max-width:100%;cursor:pointer}
.sqi-sig-ed img.sqi-sel{outline:2px solid var(--brand);outline-offset:1px}
.sqi-sig-handle{position:absolute;width:14px;height:14px;background:var(--brand);border:2px solid #fff;border-radius:3px;cursor:nwse-resize;touch-action:none;z-index:3}
.sqi-sig-handle[hidden]{display:none}
.sqi-sig-size{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-top:10px;padding:8px 10px;background:var(--surface2);border-radius:8px}
.sqi-sig-size[hidden]{display:none}
.sqi-sig-size input[type=range]{flex:1;min-width:120px;max-width:260px;margin:0}
.sqi-swatches{display:flex;flex-wrap:wrap;gap:6px 14px;margin-bottom:14px}
.sqi-swatches .sw{display:inline-flex!important;align-items:center;gap:6px;margin:0!important;cursor:pointer}
.sqi-swatches .sw input{position:absolute;opacity:0;width:0!important;height:0}
.sqi-swatches .dot{width:22px;height:22px;border-radius:50%;display:inline-block;border:2px solid var(--surface)}
.sqi-swatches .sw input:checked + .dot{box-shadow:0 0 0 2px var(--text)}
.sqi-swatches .sw input:focus-visible + .dot{outline:2px solid var(--brand);outline-offset:2px}
html[data-text=large] body{font-size:17px}
html[data-text=large] .small{font-size:14px}
html[data-density=compact] .sqi-panel{padding:12px;margin-bottom:10px}
html[data-density=compact] .sqi-table td{padding-top:6px;padding-bottom:6px}
html[data-density=compact] .sqi-table th{padding-top:7px;padding-bottom:7px}
html[data-density=compact] .nv{padding:7px 12px}
html[data-density=compact] .sqi-main{padding-top:14px}

/* ---------- 2.4.3: workflow, favourites, notification choices ---------- */
.sqi-checks{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:0 18px}
.sqi-checks .check{margin-bottom:8px}
.sqi-favs{display:flex;flex-direction:column;gap:2px;margin-top:10px;padding-top:8px;border-top:1px solid var(--line)}
.sqi-favs .fv-h{font-size:11px;text-transform:uppercase;letter-spacing:.05em;color:var(--muted);padding:2px 12px 4px}
.nv.fav{padding:7px 12px;font-size:14px}

/* ---------- 2.4.4: sessions and sign-in history ---------- */
.sqi-sess{list-style:none;margin:0;padding:0;border:1px solid var(--line);border-radius:10px}
.sqi-sess li{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap;padding:9px 12px;border-bottom:1px solid var(--line2)}
.sqi-sess li:last-child{border-bottom:0}

/* ---------- 2.5.0: client portal ---------- */
.pt-app{min-height:100vh;display:flex;flex-direction:column;background:var(--bg)}
.pt-top{display:flex;align-items:center;gap:18px;flex-wrap:wrap;padding:10px 20px;background:var(--surface);border-bottom:1px solid var(--line)}
.pt-logo{display:flex;align-items:center;gap:10px;color:var(--text);font-weight:700}.pt-logo:hover{text-decoration:none}
.pt-logo img{max-height:34px;max-width:170px;display:block}
.pt-top nav{display:flex;gap:4px;flex-wrap:wrap}
.pt-top nav a{padding:8px 12px;border-radius:8px;color:var(--text2);font-weight:500}
.pt-top nav a:hover{background:var(--hover);text-decoration:none}
.pt-top nav a.on{background:color-mix(in srgb,var(--brand) 13%,var(--surface));color:var(--text)}
.pt-who{margin-left:auto;display:flex;gap:12px;align-items:center;color:var(--muted);font-size:14px}
.pt-top nav{flex:1;justify-content:center}
.pt-top nav a{display:flex;align-items:center;gap:6px}
.pt-top nav .ic{display:none}
.pt-me{position:relative;margin-left:auto}
.pt-me summary{list-style:none;cursor:pointer;display:flex;align-items:center;gap:8px;padding:3px 8px 3px 3px;border-radius:999px}
.pt-me summary::-webkit-details-marker{display:none}
.pt-me summary:hover{background:var(--hover)}
.pt-av{width:34px;height:34px;border-radius:50%;background:color-mix(in srgb,var(--brand) 16%,var(--surface));color:var(--text);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:13px;flex:none}
.pt-nm{font-size:14px;color:var(--text2);max-width:160px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.pt-menu{position:absolute;right:0;top:calc(100% + 8px);min-width:230px;max-width:calc(100vw - 32px);background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:14px;box-shadow:var(--shadow);z-index:60}
.pt-mname{font-weight:700}
.pt-mmail{color:var(--muted);font-size:13px;margin:2px 0 12px;overflow-wrap:anywhere}
.pt-menu .btn{width:100%;justify-content:center}
@media (max-width:720px){
	.pt-top{flex-wrap:nowrap;padding:10px 16px;gap:12px}
	.pt-nm{display:none}
	.pt-top nav{position:fixed;left:0;right:0;bottom:0;z-index:50;flex:none;background:var(--surface);border-top:1px solid var(--line);padding:6px 4px calc(6px + env(safe-area-inset-bottom));justify-content:space-around;gap:0;flex-wrap:nowrap}
	.pt-top nav a{flex:1 1 0;flex-direction:column;gap:2px;padding:6px 2px;font-size:11px;text-align:center;justify-content:center;border-radius:10px}
	.pt-top nav .ic{display:block;line-height:0}
	.pt-top nav a.on{background:none;color:var(--brand);font-weight:700}
	.pt-main{padding-bottom:104px}
	.pt-foot{margin-bottom:64px}
}
.pt-link{background:none;border:0;color:var(--brand);cursor:pointer;font:inherit;padding:0}
.pt-preview{background:var(--warn-bg);color:var(--warn-fg);padding:8px 20px;font-size:14px;text-align:center}
.pt-main{flex:1;width:100%;max-width:960px;margin:0 auto;padding:24px 16px 48px}
.pt-main h1{font-size:24px;margin:0 0 4px}.pt-main h2{font-size:17px;margin:22px 0 8px}
.pt-sub{color:var(--muted);margin:0 0 16px}
.pt-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:12px}
.pt-stat{background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:14px}
.pt-stat .l{font-size:13px;color:var(--muted)}.pt-stat .n{font-size:24px;font-weight:700;margin-top:2px}
.pt-stat.bad{background:var(--bad-bg);border-color:transparent}.pt-stat.bad .l,.pt-stat.bad .n{color:var(--bad-fg)}
.pt-panel{background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:14px;margin-bottom:12px}
.pt-empty{color:var(--muted);text-align:center;padding:22px}
.pt-list .row{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap;padding:10px 4px;border-bottom:1px solid var(--line2)}
.pt-list .row:last-child{border-bottom:0}
.pt-table{width:100%;border-collapse:collapse}
.pt-table th{text-align:left;font-size:12px;text-transform:uppercase;letter-spacing:.04em;color:var(--muted);padding:10px 14px;border-bottom:1px solid var(--line);white-space:nowrap}
.pt-table td{padding:11px 14px;border-bottom:1px solid var(--line2);white-space:nowrap}
.pt-table th.r,.pt-table td.r{text-align:right}.pt-table tr:last-child td{border-bottom:0}
.pt-btn{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;border-radius:8px;border:1px solid var(--line);background:var(--surface);color:var(--text);font:inherit;font-weight:500;cursor:pointer}
.pt-btn:hover{background:var(--hover);text-decoration:none}
.pt-btn.primary{background:var(--brand);color:var(--brand-ink);border-color:var(--brand)}
.pt-tools{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:14px}
.pt-actions{display:flex;gap:10px;flex-wrap:wrap;align-items:flex-start;margin-top:10px}
.pt-actions textarea{display:block;width:100%;min-width:260px;margin-bottom:8px;padding:9px;border:1px solid var(--line);border-radius:8px;font:inherit;background:var(--field);color:var(--text)}
.pt-actions summary{list-style:none}.pt-actions summary::-webkit-details-marker{display:none}
.pt-flash{padding:10px 14px;border-radius:8px;margin:0 0 14px;font-size:14px}
.pt-flash.ok{background:var(--ok-bg);color:var(--ok-fg)}.pt-flash.err{background:var(--bad-bg);color:var(--bad-fg)}
.pt-foot{text-align:center;color:var(--muted);font-size:13px;padding:18px}
.pt-wrap{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:20px;background:var(--bg)}
.pt-card{background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:26px;width:380px;max-width:100%;text-align:center}
.pt-card h1{font-size:22px;margin:10px 0 6px}
.pt-card .pt-brand{display:flex;justify-content:center}.pt-brand img{max-height:48px;max-width:200px}
.pt-card input[type=email]{display:block;width:100%;margin:0 0 12px;padding:11px;border:1px solid var(--line);border-radius:8px;font:inherit;background:var(--field);color:var(--text)}
.pt-doc{margin-top:6px}
@media print{.pt-top,.pt-tools,.pt-foot,.pt-preview,.pt-panel:not(.pt-doc){display:none!important}}

/* ---------- 2.6.0: e-signature ---------- */
.sqi-signpanel{margin:0 0 14px}
.sqi-signlbl{display:block;font-size:13px;color:var(--text2);font-weight:500;margin:10px 0 4px}
.sqi-signname{display:block;width:100%;padding:10px 12px;border:1px solid var(--line);border-radius:8px;font:inherit;background:var(--field);color:var(--text);margin:0 0 8px}
.sqi-sigprev{min-height:44px;border:1px dashed var(--line);border-radius:8px;padding:6px 14px;margin-bottom:12px;font:italic 26px/1.4 Georgia,"Times New Roman",serif;color:var(--text);overflow-wrap:anywhere}
.sqi-signcheck{display:flex;gap:8px;align-items:flex-start;font-size:14px;margin:0 0 12px;cursor:pointer}
.sqi-signcheck input{margin-top:4px}
.sqi-sigblock{margin-top:18px;border-top:2px solid #ccc;padding-top:12px}
.sqi-sigblock .typed{font:italic 30px/1.3 Georgia,"Times New Roman",serif;color:#111;margin:4px 0 6px}
.sqi-lockpill{display:inline-flex;align-items:center;gap:5px;background:var(--neu-bg);color:var(--neu-fg);border-radius:999px;padding:2px 10px;font-size:12px;font-weight:600;white-space:nowrap}

/* ---------- 2.7.0: projects and time ---------- */
.pj-bar{height:6px;background:var(--line2);border-radius:99px;overflow:hidden;margin-top:5px}
.pj-bar i{display:block;height:100%;border-radius:99px;background:var(--brand)}
.pj-bar i.warn{background:#d97706}.pj-bar i.over{background:#dc2626}
.pj-row{display:flex;gap:10px;flex-wrap:wrap;align-items:center}
.pj-row input:not([type=checkbox]),.pj-row select{flex:1;min-width:140px;margin:0!important;width:auto!important}
.pj-row .check{margin:0!important}
.pj-clock{font-variant-numeric:tabular-nums;font-weight:600}.pj-clock.big{font-size:26px}
.pj-ts .pj-cell{width:58px;text-align:right;padding:6px 8px;border:1px solid var(--line);border-radius:6px;font:inherit;background:var(--field);color:var(--text)}
.pj-ts th.today{color:var(--brand)}
.pj-ts tfoot td{border-top:2px solid var(--line);border-bottom:0}

/* ---------- 2.8.0: settings hub ---------- */
.st-searchwrap{position:relative;margin-bottom:14px;max-width:520px}
.st-search{display:block;width:100%;padding:10px 12px;border:1px solid var(--line);border-radius:10px;font:inherit;background:var(--field);color:var(--text)}
.st-results{position:absolute;left:0;right:0;top:100%;z-index:20;margin-top:4px;background:var(--surface);border:1px solid var(--line);border-radius:10px;box-shadow:var(--shadow);max-height:360px;overflow:auto}
.st-results[hidden]{display:none}
.st-results a{display:flex;flex-direction:column;padding:9px 12px;border-bottom:1px solid var(--line2);color:var(--text)}
.st-results a:hover{background:var(--hover);text-decoration:none}
.st-results a span{font-size:12px;color:var(--muted)}
.st-results .st-none{padding:12px;color:var(--muted);font-size:14px}
.st-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:12px}
.st-card{display:flex;flex-direction:column;gap:3px;background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:14px;color:var(--text)}
.st-card:hover{border-color:var(--brand);text-decoration:none}
.st-card .ic{color:var(--brand);margin-bottom:4px}
.st-card .d{font-size:13px;color:var(--muted)}
.st-card .s{font-size:12px;font-weight:600;margin-top:8px}
.st-card .s.ok{color:var(--ok-fg)}.st-card .s.warn{color:var(--warn-fg)}.st-card .s.mute{color:var(--muted)}
.st-layout{display:grid;grid-template-columns:230px minmax(0,1fr);gap:22px;align-items:start}
.st-nav{position:sticky;top:12px}
.st-nav nav{display:flex;flex-direction:column;gap:2px}
.st-back{display:inline-block;font-size:13px;margin-bottom:10px}
.st-link{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:9px;color:var(--text2);font-weight:500}
.st-link:hover{background:var(--hover);text-decoration:none}
.st-link.on{background:color-mix(in srgb,var(--brand) 13%,var(--surface));color:var(--text)}
.st-sub{display:block;padding:5px 10px 5px 37px;font-size:13px;color:var(--muted)}
.st-sub:hover{color:var(--text);text-decoration:none}
.st-crumb{font-size:13px;color:var(--muted);margin-bottom:2px}
.st-backm{display:none;margin-bottom:8px}
.st-body .sqi-panel{scroll-margin-top:16px}
.st-savebar{position:sticky;bottom:0;z-index:15;display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap;padding:10px 14px;margin-top:10px;background:var(--surface);border:1px solid var(--line);border-radius:12px;box-shadow:var(--shadow)}
.st-savebar[hidden]{display:none}
@media (max-width:899px){
	.st-layout{display:block}
	.st-nav{display:none}
	.st-backm{display:inline-block}
	.st-searchwrap{max-width:none}
}

/* ---------- 2.9.0: tasks ---------- */
.tk-people,.tk-lists{display:flex;gap:6px;flex-wrap:wrap;align-items:center;margin-bottom:10px}
.tk-people a,.tk-lists a{padding:4px 11px;border-radius:999px;color:var(--text2);font-size:13px;border:1px solid transparent}
.tk-people a:hover,.tk-lists a:hover{background:var(--hover);text-decoration:none}
.tk-people a.on,.tk-lists a.on{background:color-mix(in srgb,var(--brand) 13%,var(--surface));color:var(--text);border-color:var(--line)}
.tk-newlist input{padding:5px 10px;border:1px dashed var(--line);border-radius:999px;font:inherit;font-size:13px;background:transparent;color:var(--text);width:130px}
.tk-quick{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:12px}
.tk-quick input[name=tk_title]{flex:1;min-width:220px}
.tk-quick input,.tk-quick select{padding:9px 11px;border:1px solid var(--line);border-radius:8px;font:inherit;background:var(--field);color:var(--text)}
.tk-group{font-size:12px;font-weight:600;letter-spacing:.05em;color:var(--muted);margin:14px 0 6px}
.tk-group.late{color:var(--bad-fg)}
.tk-panel{padding:4px 14px;margin-bottom:6px}
.tk-row{display:flex;gap:12px;align-items:center;padding:10px 0;border-bottom:1px solid var(--line2)}
.tk-row:last-child{border-bottom:0}
.tk-check{width:18px;height:18px;flex:none;accent-color:var(--brand);cursor:pointer}
.tk-main{flex:1;min-width:0}
.tk-title{font-weight:600;color:var(--text);overflow-wrap:anywhere}
.tk-meta{font-size:13px;color:var(--muted);margin-top:2px}
.tk-side{display:flex;gap:8px;align-items:center;flex:none}
.tk-row.done .tk-title{text-decoration:line-through;color:var(--muted);font-weight:500}
.tk-late{padding:8px 4px;font-size:14px}.tk-late a{color:var(--bad-fg);font-weight:600}
.tk-subs{display:grid;gap:6px;margin-bottom:8px}
.tk-sub{display:flex;gap:8px;align-items:center}
.tk-sub input[type=checkbox]{width:18px;height:18px;margin:0;flex:none;accent-color:var(--brand)}
.tk-sub input:not([type=checkbox]){flex:1;margin:0!important}

/* ---------- 2.10.0: calendar ---------- */
.cal-head{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:10px}
.cal-title{margin:0 8px;font-size:17px}
.cal-views{display:flex;gap:4px}
.cal-views .btn.on{background:color-mix(in srgb,var(--brand) 13%,var(--surface));border-color:var(--brand)}
.cal-layers{display:flex;gap:14px;flex-wrap:wrap;align-items:center;margin-bottom:10px;font-size:13px}
.cal-layers .check{margin:0!important;display:flex;gap:5px;align-items:center}
.cal-dot{display:inline-block;width:10px;height:10px;border-radius:50%;background:var(--brand);flex:none}
.cal-dot.k-followup{background:#d97706}.cal-dot.k-invoice{background:#dc2626}.cal-dot.k-quote{background:#7c3aed}
.cal-dow{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:1px;font-size:12px;color:var(--muted);padding:0 2px 4px}
.cal-grid,.cal-week{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:1px;background:var(--line);border:1px solid var(--line);border-radius:10px;overflow:hidden}
.cal-day{background:var(--surface);min-height:104px;padding:4px 5px;cursor:pointer;position:relative}
.cal-week .cal-day{min-height:220px}
.cal-day.other{background:var(--surface2)}.cal-day.other .cal-num{color:var(--muted)}
.cal-day.today{background:color-mix(in srgb,var(--brand) 9%,var(--surface))}
.cal-day.today .cal-num span{background:var(--brand);color:var(--brand-ink);border-radius:999px;padding:0 6px}
.cal-day.over{outline:2px solid var(--brand);outline-offset:-2px;background:color-mix(in srgb,var(--brand) 14%,var(--surface))}
.cal-num{display:flex;justify-content:space-between;align-items:center;font-size:12px;font-weight:600;margin-bottom:3px}
.cal-plus{opacity:0;font-size:15px;line-height:1;color:var(--muted);padding:0 4px}
.cal-day:hover .cal-plus{opacity:1}.cal-plus:hover{text-decoration:none;color:var(--brand)}
.cal-evs{display:flex;flex-direction:column;gap:2px}
.cal-ev{display:block;font-size:11.5px;line-height:1.35;padding:1px 5px;border-radius:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--text);background:color-mix(in srgb,var(--brand) 16%,var(--surface))}
.cal-ev:hover{text-decoration:none;filter:brightness(.96)}
.cal-ev.hi{font-weight:600}
.cal-ev.k-followup{background:var(--warn-bg);color:var(--warn-fg)}
.cal-ev.k-invoice{background:var(--bad-bg);color:var(--bad-fg)}
.cal-ev.k-quote{background:#ede9fe;color:#5b21b6}
.cal-ev[draggable=true]{cursor:grab}
.cal-ev.dragging{opacity:.45}
.cal-more{display:block;font-size:11.5px;color:var(--muted);padding:1px 5px}
.cal-move{padding:5px 8px;border:1px solid var(--line);border-radius:6px;font:inherit;font-size:13px;background:var(--field);color:var(--text)}
.cal-phonenote{display:none}
@media (max-width:760px){
	.cal-month,.cal-week{display:none}
	.cal-phonenote{display:block}
}

/* ---------- 2.11.0: guided setup and help hub ---------- */
.gd-card{display:flex;gap:16px;align-items:flex-start;flex-wrap:wrap;background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:18px;margin-bottom:16px}
.gd-ic{width:46px;height:46px;border-radius:50%;background:color-mix(in srgb,var(--brand) 14%,var(--surface));color:var(--brand);display:flex;align-items:center;justify-content:center;flex:none}
.gd-body{flex:1;min-width:240px}.gd-h{font-size:18px;font-weight:700}
.gd-body p{color:var(--text2);margin:4px 0 12px}
.gd-acts{display:flex;gap:8px;flex-wrap:wrap;align-items:center}
.gd-banner,.gd-mini,.gd-helpcard{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap;padding:10px 14px;border-radius:12px;margin-bottom:14px;font-size:14px;background:color-mix(in srgb,var(--brand) 11%,var(--surface));border:1px solid color-mix(in srgb,var(--brand) 25%,var(--line))}
.gd-helpcard{margin:0 0 14px}
.gd-layout{display:grid;grid-template-columns:230px minmax(0,1fr);gap:22px;align-items:start}
.gd-rail{background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:14px;position:sticky;top:12px}
.gd-rt{font-weight:700;margin-bottom:2px}
.gd-bar{height:6px;background:var(--line2);border-radius:99px;overflow:hidden;margin:8px 0 12px}
.gd-bar i{display:block;height:100%;background:var(--brand);border-radius:99px}
.gd-rail nav{display:flex;flex-direction:column;gap:2px}
.gd-step{display:flex;align-items:center;gap:9px;padding:7px 8px;border-radius:8px;color:var(--text2);font-size:14px}
.gd-step:hover{background:var(--hover);text-decoration:none}
.gd-step.on{background:color-mix(in srgb,var(--brand) 13%,var(--surface));color:var(--text);font-weight:600}
.gd-dot{width:18px;height:18px;border-radius:50%;border:2px solid var(--line);display:inline-flex;align-items:center;justify-content:center;font-size:11px;flex:none;color:#fff}
.gd-dot.done{background:var(--ok-fg);border-color:var(--ok-fg)}.gd-dot.skip{border-color:var(--muted);color:var(--muted)}
.gd-opt{font-size:11px;letter-spacing:.05em;color:var(--muted);padding:12px 8px 4px}
.gd-main{background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:22px}
.gd-intro{color:var(--text2);margin:0 0 14px;font-size:15px}
.gd-tips{background:var(--surface2);border-radius:10px;padding:10px 16px;margin-bottom:16px}
.gd-tips ul{margin:0;padding-left:18px}.gd-tips li{margin:6px 0}
.gd-foot{margin-top:14px;font-size:13px;color:var(--muted)}
.gd-foot form{display:inline}.gd-foot .btn.link{background:none;border:0;padding:0;color:var(--brand);min-height:0}
.gd-card .btn.link{background:none;border:0;color:var(--muted)}
@media (max-width:899px){.gd-layout{display:block}.gd-rail{position:static;margin-bottom:14px}}

/* 2.11.7: wider documents on phones (these come last on purpose so they win over earlier rules) */
@media (max-width:720px){
	.pt-main{padding:24px 12px 104px}
	.pt-foot{margin-bottom:64px}
}
@media (max-width:640px){
	.sqi-public{padding:8px}
	.pt-main .sqi-public{padding:0;margin:0 -4px}
	.sqi-public .sqi-doc{padding:14px}
}

/* 2.11.8: live updates */
.sqi-livebar{position:fixed;top:14px;left:50%;transform:translateX(-50%);z-index:90;display:flex;align-items:center;gap:10px;background:var(--surface);color:var(--text);border:1px solid var(--line);border-radius:999px;padding:6px 8px 6px 16px;box-shadow:var(--shadow)}
.sqi-livebar .btn{min-height:32px;padding:4px 14px}
.sqi-livebar .lx{background:none;border:0;font-size:20px;line-height:1;cursor:pointer;color:var(--muted);padding:0 8px}
.sqi-livenote{position:fixed;right:16px;bottom:16px;z-index:90;background:var(--text);color:var(--surface);padding:6px 14px;border-radius:999px;font-size:13px}
@media (max-width:720px){
	.sqi-livebar{top:auto;bottom:84px;max-width:calc(100vw - 24px)}
	.sqi-livenote{right:12px;bottom:84px}
}

/* 2.11.9: password screens and the show/hide eye */
.sqi-pwwrap{position:relative;display:flow-root}
.sqi-pwwrap input{padding-right:46px!important}
.sqi-eye{position:absolute;right:6px;bottom:5px;width:34px;height:34px;display:flex;align-items:center;justify-content:center;background:none;border:0;border-radius:8px;color:var(--muted);cursor:pointer;padding:0}
.sqi-eye:hover{background:var(--hover)}
.sqi-eye.on{color:var(--brand)}
.sqi-pwbar{height:4px;background:var(--line);border-radius:2px;margin:8px 0 4px;overflow:hidden}
.sqi-pwbar span{display:block;height:4px;width:0;transition:width .2s}

/* 2.11.10: mobile menu settings */
.sqi-sheet .sheet-cust{grid-column:1/-1;justify-content:center;border:1.5px solid var(--brand);color:var(--brand);background:none}
.mm-prev{display:flex;justify-content:space-around;align-items:center;gap:6px;padding:10px 0 2px;text-align:center;font-size:13px}
.mm-prev span{padding:5px 12px;border-radius:8px;background:color-mix(in srgb,var(--brand) 14%,var(--surface))}
.mm-prev .fx{background:none;color:var(--muted)}
.mm-row{display:flex;align-items:center;gap:12px;padding:12px 4px;border-bottom:1px solid var(--line);cursor:pointer;margin:0}
.mm-row:last-child{border-bottom:0}
.mm-row input{width:20px;height:20px;margin:0;flex:none}
.mm-nm{flex:1;font-weight:500}
.mm-no{min-width:24px;height:24px;border-radius:50%;background:var(--brand);color:var(--brand-ink);font-size:12px;display:flex;align-items:center;justify-content:center}
.mm-no:empty{display:none}

/* 2.11.11: profile header (photo, name, buttons) wraps on phones instead of pushing the buttons off screen */
@media (max-width:640px){
	.sqi-profile{flex-wrap:wrap}
	.sqi-profile>.sqi-qa{flex:1 1 100%;margin-top:4px!important}
	.sqi-profile>.sqi-qa .btn{flex:1 1 0;justify-content:center}
}

/* 2.12.1: profit bars, supplier rename */
.sqi-barrow{margin:8px 0}
.sqi-barlbl{display:flex;justify-content:space-between;gap:12px;font-size:13px;margin-bottom:3px}
.sqi-bar{height:8px;border-radius:4px;background:var(--line)}
.sqi-bar i{display:block;height:100%;border-radius:4px;background:var(--brand)}
.sqi-rename summary{cursor:pointer;list-style:none;display:inline-flex}
.sqi-rename summary::-webkit-details-marker{display:none}
.sqi-rename form{display:flex;gap:6px;margin-top:6px;flex-wrap:wrap}
.sqi-rename input{min-width:140px;flex:1}

/* ---------- Free trial (demo) mode, 2.13.0 ---------- */
.sqi-demo{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:9px 16px;background:var(--info-bg);color:var(--info-fg);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:31;font-size:14px}
.sqi-demo.warn{background:var(--warn-bg);color:var(--warn-fg)}
.sqi-demo .sqi-demo-t{flex:1 1 220px;min-width:0}
.sqi-demo .sqi-demo-btn{flex:none;background:var(--surface);color:var(--text);border:1px solid var(--line);border-radius:8px;padding:5px 12px;font-size:13px;text-decoration:none}
.sqi-demo .sqi-demo-btn:hover{background:var(--hover);text-decoration:none}
@media (max-width:899px){.sqi-demo{position:static}}
.sqi-demo-end{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px 16px}
.sqi-demo-end .card{max-width:460px;width:100%;background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:32px 24px;text-align:center}
.sqi-demo-end .ico{color:var(--muted);margin-bottom:8px}
.sqi-demo-end h1{font-size:22px;margin:0 0 8px}
.sqi-demo-end p{color:var(--text2);margin:0 0 14px}
.sqi-demo-end .acts{display:flex;gap:8px;justify-content:center;flex-wrap:wrap;margin:18px 0 12px}
.sqi-demo-end .acts form{margin:0}
.sqi-demo-end .sqi-demo-note{background:var(--ok-bg);color:var(--ok-fg);border-radius:8px;padding:8px 12px;font-size:14px}

/* ---------- Trial welcome and checklist, 2.13.2 ---------- */
.wl-wrap{max-width:640px;margin:0 auto;padding:8px 0 40px}
.wl-card{background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:26px 24px}
.wl-card h1{font-size:22px;margin:0 0 6px}
.wl-hero{text-align:center;padding:40px 24px}
.wl-av{width:56px;height:56px;border-radius:50%;background:var(--brand);color:var(--brand-ink);display:inline-flex;align-items:center;justify-content:center;font-weight:700;font-size:18px;margin-bottom:14px}
.wl-lead{font-size:16px;color:var(--text2);max-width:460px;margin:8px auto 10px;line-height:1.6}
.wl-acts{display:flex;gap:10px;align-items:center;justify-content:center;flex-wrap:wrap;margin-top:18px}
.wl-acts.wl-end{justify-content:space-between}
.wl-skip{margin:10px 0 0}
.wl-prog{height:4px;background:var(--line2);border-radius:2px;margin-bottom:18px;overflow:hidden}
.wl-prog i{display:block;height:100%;background:var(--brand);border-radius:2px}
.wl-two{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:20px;margin-top:6px}
.wl-two2{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px}
.wl-file{position:absolute;width:1px;height:1px;opacity:0;overflow:hidden}
.wl-drop{display:flex;align-items:center;justify-content:center;gap:8px;border:1px dashed var(--line);border-radius:10px;padding:18px 12px;color:var(--text2);cursor:pointer;margin:12px 0 10px;text-align:center}
.wl-drop:hover{background:var(--hover)}
.wl-rm{display:block;margin-bottom:10px}
.wl-sws{display:flex;gap:8px;flex-wrap:wrap;margin:8px 0}
.wl-sw{width:28px;height:28px;border-radius:50%;border:2px solid var(--surface);box-shadow:0 0 0 1px var(--line);cursor:pointer;padding:0}
.wl-own{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--text2)}
.wl-prev{background:var(--surface2);border:1px solid var(--line);border-radius:10px;padding:14px;align-self:start}
.wl-prev-h{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px;gap:8px}
.wl-prev-h img{max-height:34px;max-width:130px;display:block}
.wl-bar{height:6px;border-radius:3px;margin-bottom:10px}
.wl-l{display:block;font-size:13px;color:var(--text2);margin-bottom:12px}
.wl-l input,.wl-l textarea{display:block;width:100%;margin-top:4px}
.wl-opts{display:grid;gap:10px;margin:14px 0 6px}
.wl-opt{display:flex;align-items:center;gap:12px;border:1px solid var(--line);border-radius:10px;padding:12px 14px;cursor:pointer}
.wl-opt:hover{background:var(--hover)}
.wl-tour{background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:16px 18px;margin:0 0 16px}
.wl-th{display:flex;justify-content:space-between;align-items:baseline;gap:8px;margin-bottom:8px;flex-wrap:wrap}
.wl-tt{font-weight:600;font-size:15px}
.wl-it{display:flex;align-items:center;gap:10px;padding:7px 0;border-bottom:1px solid var(--line2);font-size:14px}
.wl-it:last-child{border-bottom:0}
.wl-it.on{color:var(--muted)}
.wl-it.on .ic{color:var(--ok-fg)}
.wl-o{width:18px;height:18px;border-radius:50%;border:2px solid var(--line);flex:none}
.wl-lb{flex:1;min-width:0}
.wl-try{font-size:13px}
.wl-tip{background:var(--info-bg);color:var(--info-fg);border-radius:8px;padding:9px 12px;margin-top:12px;font-size:13px}
.wl-ft{display:flex;gap:12px;justify-content:flex-end;flex-wrap:wrap;margin-top:8px}
@media (max-width:640px){.wl-two,.wl-two2{grid-template-columns:minmax(0,1fr)}.wl-card{padding:20px 16px}.wl-acts.wl-end{flex-direction:column-reverse;align-items:stretch}.wl-acts.wl-end .btn{justify-content:center}}

/* ---------- "New lead" pop-ups (live updates), 2.16.0 ---------- */
.sqi-leadtoasts{position:fixed;top:14px;right:16px;z-index:95;display:flex;flex-direction:column;gap:8px;max-width:min(380px,calc(100vw - 24px))}
.sqi-leadtoast{display:flex;align-items:center;gap:12px;background:var(--surface);color:var(--text);border:1px solid var(--line);border-left:4px solid var(--brand);border-radius:10px;padding:10px 12px;box-shadow:var(--shadow)}
.sqi-leadtoast>div{flex:1;min-width:0}
.sqi-leadtoast strong{display:block;font-size:13px}
.sqi-leadtoast span{display:block;font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.sqi-leadtoast .btn{min-height:32px;padding:4px 14px;flex:none}
.sqi-leadtoast .lx{background:none;border:0;font-size:20px;line-height:1;cursor:pointer;color:var(--muted);padding:0 4px;flex:none}

/* ---------- Lead capture: Check now results, 2.17.0 ---------- */
#sqi-bc-result{margin:0 0 12px}
#sqi-bc-result:empty{display:none}
.sqi-bc-msg{border-radius:10px;padding:10px 14px;font-size:14px;margin:0 0 6px}
.sqi-bc-msg.ok{background:var(--ok-bg);color:var(--ok-fg)}
.sqi-bc-msg.warn{background:var(--warn-bg);color:var(--warn-fg)}
.sqi-bc-msg.bad{background:var(--bad-bg);color:var(--bad-fg)}
.sqi-bc-msg.info{background:var(--neu-bg);color:var(--neu-fg)}
.sqi-card .ico.pur{background:rgba(139,92,246,.16);color:#8b5cf6}
.sqi-card .ico.amb{background:rgba(217,119,6,.16);color:#d97706}
.sqi-card .ico.teal{background:rgba(13,148,136,.16);color:#0d9488}
.sqi-card .ico.pink{background:rgba(219,39,119,.14);color:#db2777}
.sqi-card.warn .ico{background:var(--bad-bg);color:var(--bad-fg)}
.sqi-paysum .due.zero{color:var(--ok-fg)}
.sqi-owe{margin:14px 0 4px;text-align:left}
.sqi-owe-row{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:10px 0;border-top:1px solid var(--line)}
.sqi-owe-row small{color:var(--muted)}
.sqi-owe-pay{display:flex;align-items:center;gap:10px}
.sqi-owe-tot{display:flex;justify-content:space-between;padding:10px 0;border-top:1px solid var(--line);font-weight:600}
.sqi-owe-note{color:var(--muted);font-size:13px}

/* Account menu at the top right (computers) */
.sqi-me{position:relative;flex:none;margin-left:2px}
.sqi-me>summary{list-style:none;display:flex;align-items:center;gap:8px;cursor:pointer;padding:3px 12px 3px 3px;border:1px solid var(--line);border-radius:20px;background:var(--surface);color:var(--text);font-weight:500;font-size:14px}
.sqi-me>summary::-webkit-details-marker{display:none}
.sqi-me>summary:hover,.sqi-me[open]>summary{background:var(--hover)}
.sqi-me-p{position:absolute;right:0;top:calc(100% + 8px);width:290px;background:var(--surface);border:1px solid var(--line);border-radius:12px;box-shadow:var(--shadow);padding:8px;z-index:60;color:var(--text)}
.sqi-me-h{padding:8px 10px 10px;border-bottom:1px solid var(--line);margin-bottom:6px}
.sqi-me-h b{display:block;font-size:14px}.sqi-me-h small{color:var(--muted);font-size:12px}
.sqi-me-st{display:flex;gap:10px;align-items:flex-start;padding:10px;border-radius:9px;margin:4px 0 6px;background:var(--surface2);color:var(--text)}
.sqi-me-st:hover{text-decoration:none;background:var(--hover)}
.sqi-me-st b{display:block;font-size:13px;font-weight:600}.sqi-me-st small{display:block;color:var(--muted);font-size:12px;margin-top:1px}
.sqi-dot{width:10px;height:10px;border-radius:50%;margin-top:5px;flex:none;background:#9ca3af}
.sqi-dot.ok{background:#16a34a;box-shadow:0 0 0 3px rgba(22,163,74,.18)}.sqi-dot.warn{background:#d97706}.sqi-dot.bad{background:#dc2626}
.sqi-me-l{display:block;padding:9px 10px;border-radius:8px;color:var(--text);font-weight:500;font-size:14px}
.sqi-me-l:hover{background:var(--hover);text-decoration:none}
.sqi-me-l.out{color:var(--bad-fg)}
.nv.sqi-acct{display:none}
@media (max-width:899px){.sqi-me{display:none}.nv.sqi-acct{display:flex}}

/* Payments: reversals and refunds stay on the list */
.sqi-pay-gone td{color:var(--muted);text-decoration:line-through}
.sqi-pay-gone td.r:last-child{text-decoration:none}
.sqi-pay-neg td{color:var(--muted);font-style:italic}
.sqi-pay-tag{display:inline-block;margin-left:6px;padding:1px 8px;border-radius:20px;background:#FAD3C0;color:#B8501F;font-size:11px;font-weight:600;font-style:normal;text-decoration:none}
.sqi-revrow[hidden]{display:none !important}
.sqi-revrow td{padding:0 !important;border-top:0 !important}
.sqi-revform{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:10px 16px;align-items:end;margin:6px 0 10px;padding:14px;border:1px solid var(--line);border-radius:10px;background:var(--surface2);text-align:left}
.sqi-revform .wide{grid-column:1/-1}
.sqi-revform label{margin:0}
.sqi-pay .sqi-report td:nth-child(3){overflow-wrap:anywhere;min-width:160px}
.sqi-pay-tag.ok{background:#BFE8D4;color:#1F7A55}
.sqi-pay-tag.bad{background:#FBD5D5;color:#A32D2D}
.sqi-pay-tag.warn{background:#F8E7A8;color:#7A5C00}

/* Public invoice page: the pay buttons stand out, and stack cleanly on a phone */
.sqi-toolbar form button.primary{background:var(--brand);border-color:var(--brand);color:var(--brand-ink);font-weight:600}
@media (max-width:560px){
.sqi-toolbar{flex-wrap:wrap;justify-content:stretch}
.sqi-toolbar>a.btn:not(.primary),.sqi-toolbar>button{flex:1 1 calc(50% - 4px);justify-content:center;text-align:center}
.sqi-toolbar>form{display:block !important;flex:1 1 100%;order:-1}
.sqi-toolbar>a.btn.primary{flex:1 1 100%;order:-1}
.sqi-toolbar>form button,.sqi-toolbar>a.btn.primary{width:100%;justify-content:center;min-height:50px;font-size:17px}
}
.sqi-pnl-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(240px,300px);gap:20px;align-items:end;margin-top:14px}
.sqi-pnl-row>.sqi-pnl{align-self:end}
.sqi-pnl-left{min-width:0}
.sqi-pnl-left>.sqi-note:last-child{margin-bottom:0}
.sqi-pnl{background:rgba(0,0,0,.035);border:1px solid rgba(0,0,0,.08);border-radius:12px;padding:14px}
.sqi-pnl form{display:block !important;margin:0 0 8px}
.sqi-pnl-btn{display:block;width:100%;box-sizing:border-box;background:var(--brand);border:1px solid var(--brand);color:var(--brand-ink);border-radius:8px;padding:13px 10px;margin:0 0 8px;text-align:center;font-size:17px;font-weight:600;font-family:inherit;line-height:1.3;cursor:pointer;text-decoration:none}
.sqi-pnl-btn:hover{filter:brightness(.92)}
.sqi-pnl-logos{display:flex;align-items:center;justify-content:center;gap:14px;margin-top:6px;flex-wrap:wrap}
.sqi-pnl-logos img{display:block;width:auto;max-width:none}
.sqi-pnl-logos .v{height:16px}
.sqi-pnl-logos .m{height:22px}
.sqi-pnl-logos .p{height:24px}
.sqi-pnl-note{margin-top:8px;font-size:11px;color:#6b7570;text-align:center}
@media (max-width:640px){
.sqi-pnl-row{grid-template-columns:minmax(0,1fr)}
}
@media print{
.sqi-pnl{display:none}
.sqi-pnl-row{display:block}
}
.btn.wa{background:#25D366 !important;border-color:#25D366 !important;color:#fff !important;font-weight:600}
.btn.wa .ic,.btn.wa .ic-wa{color:#fff !important;fill:#fff;stroke:none;flex:none}
.btn.wa:hover{filter:brightness(.93)}
.sqi-demo .sqi-demo-link{flex:none;color:inherit;font-size:13px;text-decoration:underline;white-space:nowrap}
.sqi-demo .sqi-demo-x{flex:none;background:none;border:0;color:inherit;font-size:20px;line-height:1;padding:2px 6px;cursor:pointer;opacity:.75}
.sqi-demo .sqi-demo-x:hover{opacity:1}
.rp{min-height:100vh;background:#f4f6f5;color:#1f2a24;font-size:15px;line-height:1.5}
.rp *{box-sizing:border-box}
.rp-center{display:flex;align-items:center;justify-content:center;padding:24px 16px}
.rp-top{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:14px 20px;background:#fff;border-bottom:1px solid #e1e5e3}
.rp-logo{display:flex;align-items:center;gap:12px}
.rp-tag{font-size:12px;color:#6b7570;border-left:1px solid #d5dad7;padding-left:12px}
.rp-out{display:flex;align-items:center;gap:12px;margin:0}
.rp-who{font-size:13px;color:#6b7570}
.rp-link{background:none;border:0;color:#1F7A55;text-decoration:underline;cursor:pointer;font:inherit;padding:0}
.rp-main{max-width:920px;margin:0 auto;padding:22px 16px 40px}
.rp-main h1{font-size:24px;margin:0 0 2px}
.rp-muted{color:#6b7570;margin:0 0 14px}
.rp-small{font-size:12px;margin:8px 0 0}
.rp-card{background:#fff;border:1px solid #e1e5e3;border-radius:14px;padding:16px 18px;min-width:0}
.rp-card h2{font-size:15px;margin:0 0 8px}
.rp-signin{width:100%;max-width:420px}
.rp-signin h1{font-size:20px;margin:14px 0 4px}
.rp-lbl{display:block;font-size:12px;color:#6b7570;margin:12px 0 4px}
.rp-in{width:100%;border:1px solid #d5dad7;border-radius:8px;padding:10px 12px;font:inherit;background:#fff;color:#1f2a24}
.rp-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:#1F7A55;border:1px solid #1F7A55;color:#fff;border-radius:8px;padding:11px 16px;font:inherit;font-weight:600;cursor:pointer;text-decoration:none}
.rp-signin .rp-btn{width:100%;margin-top:14px}
.rp-btn:hover{filter:brightness(.93);color:#fff}
.rp-sm{padding:8px 14px;font-size:14px;flex:none}
.rp-wa{background:#25D366;border-color:#25D366;color:#fff}
.rp-wa .ic{fill:#fff;stroke:none}
.rp-flash{border-radius:10px;padding:10px 12px;margin:10px 0;font-size:14px}
.rp-flash.ok{background:#D8F0E3;color:#0f5a3a}
.rp-flash.err{background:#FDE3E1;color:#8a1f17}
.rp-linkbox{background:#fff;border:1px solid #e1e5e3;border-radius:14px;padding:14px 16px;margin:12px 0}
.rp-lt{font-size:12px;color:#6b7570;margin-bottom:6px}
.rp-lr{display:flex;gap:8px;flex-wrap:wrap;align-items:center}
.rp-lr .rp-in{flex:1 1 260px;min-width:0}
.rp-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px;margin:12px 0}
.rp-stat{border-radius:12px;padding:12px 14px}
.rp-stat small{display:block;color:#3b4a42;font-size:12px}
.rp-stat b{font-size:22px;font-weight:600}
.rp-two{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:12px 0}
.rp-t{width:100%;border-collapse:collapse}
.rp-t td{padding:8px 4px;border-bottom:1px solid #eceeed;font-size:14px;vertical-align:middle}
.rp-t .r{text-align:right;white-space:nowrap}
.rp-t tr:last-child td{border-bottom:0}
.rp-tot td{font-weight:600;border-top:2px solid #1F7A55}
.rp-pill{display:inline-block;border-radius:20px;padding:2px 10px;font-size:12px}
.rp-pill.rp-g{background:#D8F0E3;color:#0f5a3a}
.rp-pill.rp-b{background:#DCEBFA;color:#12507f}
.rp-pill.rp-a{background:#FDE9D3;color:#8a4a0b}
.rp-pill.rp-x{background:#eceeed;color:#555}
.rp-foot{text-align:center;margin-top:22px;font-size:12px;color:#6b7570}
@media (max-width:700px){
.rp-two{grid-template-columns:minmax(0,1fr)}
.rp-top{padding:12px 14px}
.rp-tag{display:none}
}
.rp-nav{display:flex;gap:18px;flex:1 1 auto;justify-content:center}
.rp-nav a{color:#1f2a24;text-decoration:none;padding:4px 0;border-bottom:2px solid transparent;font-size:14px}
.rp-nav a.on{border-bottom-color:#1F7A55;font-weight:600}
.rp-teaser{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin:12px 0}
.rp-h2{font-size:16px;margin:22px 0 8px}
.rp-rules{background:#FFF7E6;border:1px solid #F3DFB2;border-radius:12px;padding:12px 16px;margin:12px 0;font-size:13px}
.rp-rules ul{margin:6px 0 0 18px;padding:0}
.rp-kit{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:12px}
.rp-item{padding:0;overflow:hidden;display:flex;flex-direction:column}
.rp-prev{background:#eef1ef;display:flex;align-items:center;justify-content:center;height:220px;overflow:hidden}
.rp-prev img{max-width:100%;max-height:100%;width:auto;height:auto;display:block}
.rp-doc{font-weight:600;font-size:28px;color:#1F7A55;letter-spacing:.04em}
.rp-ib{padding:12px 14px;display:flex;flex-direction:column;gap:8px;align-items:flex-start}
.rp-ib small{color:#6b7570}
.rp-cap{width:100%;border:1px solid #d5dad7;border-radius:8px;padding:8px 10px;font:inherit;font-size:13px;background:#f8faf9;color:#1f2a24;resize:vertical}
.rp-o{background:#fff;color:#1f2a24;border-color:#d5dad7}
.rp-o:hover{color:#1f2a24}
.rp-new{display:inline-block;background:#D8F0E3;color:#0f5a3a;border-radius:20px;padding:1px 8px;font-size:11px;font-weight:600;margin-left:6px}
@media (max-width:700px){
.rp-nav{order:3;flex:1 1 100%;justify-content:flex-start}
}
.rp-ib{flex-direction:row;flex-wrap:wrap;align-items:center}
.rp-ib>b{flex:0 1 auto}
.rp-ib>small,.rp-ib>.rp-cap{flex:1 1 100%}
.rp-ib>.rp-btn{flex:1 1 calc(50% - 4px)}
.rp-cap{min-height:0}
.rp-gmain{position:relative}
.rp-gmain img{cursor:zoom-in}
.rp-arr{position:absolute;top:50%;transform:translateY(-50%);width:34px;height:34px;border-radius:50%;background:rgba(255,255,255,.92);border:1px solid #cfd6d2;color:#1f2a24;font-size:20px;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0}
.rp-arr.rp-l{left:8px}
.rp-arr.rp-r{right:8px}
.rp-cnt{position:absolute;right:10px;bottom:8px;background:rgba(31,42,36,.75);color:#fff;font-size:11px;border-radius:10px;padding:2px 8px}
.rp-strip{position:relative;display:flex;gap:8px;overflow-x:auto;padding:10px 12px;background:#fff;border-bottom:1px solid #e1e5e3}
.rp-th{flex:none;width:52px;height:65px;border-radius:6px;border:2px solid transparent;background:#eef1ef;padding:0;overflow:hidden;cursor:pointer}
.rp-th.on{border-color:#1F7A55}
.rp-th img{width:100%;height:100%;object-fit:cover;display:block}
.rp-lb{position:fixed;inset:0;z-index:99999;background:rgba(15,22,18,.94);display:flex;align-items:center;justify-content:center}
.rp-lb[hidden]{display:none}
.rp-lb-img{max-width:92vw;max-height:80vh;width:auto;height:auto;display:block;border-radius:6px}
.rp-lb-bar{position:absolute;top:0;left:0;right:0;display:flex;align-items:center;gap:12px;padding:12px 16px;color:#fff}
.rp-lb-cnt{flex:1;font-size:14px}
.rp-lb-x{background:none;border:0;color:#fff;font-size:30px;line-height:1;cursor:pointer;padding:0 6px}
.rp-lb .rp-arr{background:rgba(255,255,255,.18);border-color:rgba(255,255,255,.35);color:#fff}
.sqi-plan-note{display:flex;align-items:center;gap:14px;flex-wrap:wrap;background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:12px 16px;margin:0 0 14px}
.sqi-plan-note .t{flex:1;min-width:220px}
.sqi-plan-note .t b{display:block;font-size:14px;color:var(--text)}
.sqi-plan-note small{display:block;color:var(--muted);font-size:12px}
.sqi-plan-note.at{border-color:var(--warn-fg)}
.sqi-plan .bar,.sqi-plan-note .bar{display:block;height:6px;background:var(--line);border-radius:3px;margin:8px 0 6px;overflow:hidden}
.sqi-plan .bar i,.sqi-plan-note .bar i{display:block;height:6px;background:var(--brand);border-radius:3px}
.sqi-plan-uses{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px;margin:0 0 12px}
.sqi-plan-use{background:var(--surface2);border-radius:10px;padding:10px 12px}
.sqi-plan-use .l{display:block;font-size:12px;color:var(--muted)}
.sqi-plan-use b{display:block;font-size:16px;color:var(--text);margin-top:2px}
.sqi-plan-use small{display:block;color:var(--muted);font-size:12px;margin-top:6px}
.sqi-plan-req{background:var(--info-bg);color:var(--info-fg);border-radius:10px;padding:10px 12px;margin:0 0 12px;font-size:13px}
.sqi-plan-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:10px;margin:0 0 14px}
.sqi-plan-card{border:1px solid var(--line);border-radius:12px;padding:14px;display:flex;flex-direction:column;background:var(--surface)}
.sqi-plan-card.feat{border:2px solid var(--brand);padding:13px}
.sqi-plan-card .n{font-size:15px;font-weight:600;color:var(--text)}
.sqi-plan-card .tag{font-size:11px;font-weight:500;color:var(--brand);margin-left:4px}
.sqi-plan-card .pr{font-size:22px;font-weight:600;color:var(--text);margin:2px 0 8px}
.sqi-plan-card .pr small{font-size:12px;font-weight:400;color:var(--muted)}
.sqi-plan-card ul{list-style:none;margin:0 0 12px;padding:0;flex:1}
.sqi-plan-card li{font-size:13px;color:var(--text2);margin:0 0 4px}
.sqi-plan-card .btn,.sqi-plan-card .sqi-plan-f{width:100%}
.sqi-plan-card .sqi-plan-f .btn{width:100%;justify-content:center}
.sqi-plan-cur{display:block;text-align:center;border:1px solid var(--line);border-radius:8px;padding:8px;font-size:13px;color:var(--muted)}
.sqi-plan-ex{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:0 0 10px;font-size:13px}
.sqi-pnl-alt{display:block;width:100%;margin-top:8px;padding:10px 14px;border:1px solid var(--brand);border-radius:10px;background:#fff;color:var(--brand);font:inherit;font-size:14px;cursor:pointer;text-align:center}
.sqi-pnl-ap{font-size:12px;color:var(--muted);margin-top:6px;line-height:1.45}
.sqi-ppl{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:0 0 12px;font-size:13px;color:var(--text)}
.sqi-ppl[hidden]{display:none}
.sqi-ppl b{font-size:18px;min-width:26px;text-align:center}
.sqi-pm{width:32px;height:32px;border-radius:50%;border:1.5px solid #1F7A55;background:#1F7A55;color:#fff;font-size:20px;line-height:1;padding:0;cursor:pointer;display:inline-flex;align-items:center;justify-content:center}
.sqi-pm:hover{background:#17634a;border-color:#17634a;color:#fff}
.sqi-pm:disabled{background:#e5e9ee;border-color:#e5e9ee;color:#9aa4b2;cursor:default}
.sqi-plan-x{font-size:12px;color:var(--muted);min-height:32px;margin:0 0 6px;line-height:1.4}
.sqi-plan-card .btn:disabled{opacity:.5;cursor:default}
.rp-hib{display:inline-block;vertical-align:middle;margin-right:8px;line-height:0}
.rp-tier-top{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap}
.rp-tier-who{display:flex;align-items:center;gap:10px}
.rp-tier-who b{display:block;font-size:17px;font-weight:600}
.rp-tier-who span{font-size:13px;color:#6b7570}
.rp-tier-pill{background:#1F7A55;color:#fff;border-radius:20px;padding:4px 12px;font-size:12px}
.rp-tier-next{margin:14px 0 4px;font-size:14px}
.rp-bar{height:10px;background:#e1e5ea;border-radius:5px;margin:8px 0 6px}
.rp-bar i{display:block;height:10px;background:#1F7A55;border-radius:5px}
.rp-steps{display:flex;justify-content:space-between;gap:4px;font-size:11px;color:#6b7570;flex-wrap:wrap}
.rp-steps b{color:#1F7A55;font-weight:600}
.rp-team{background:#eaf6ef;border:1px solid #bfe6d3;text-align:center}
.rp-team h2{color:#14573b}
.rp-lad{list-style:none;margin:0;padding:0}
.rp-lad li{display:flex;align-items:center;gap:10px;padding:8px 0;border-bottom:1px solid #eceff2;font-size:14px}
.rp-lad li:last-child{border:0}
.rp-lad .t{flex:1}
.rp-lad small{display:block;font-size:12px;color:#6b7570}
.rp-lad li.lk{color:#9aa4b2}
.rp-lad li.cur{color:#1F7A55;font-weight:600}
.rp-badges{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;margin-top:10px}
.rp-bi img{width:100%;height:auto;border-radius:12px;display:block;border:1px solid #e1e5ea;margin-bottom:6px}
.rp-bi .rp-btn{display:block;text-align:center;margin-top:6px}
.sqi-plan-yr{font-size:12px;color:var(--brand);margin:0 0 8px}
.sqi-plan-bil{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:0 0 12px;font-size:13px;color:var(--text2)}
.sqi-plan-bil .sqi-plan-f{margin:0}
.sqi-plan-hint{background:var(--warn-bg);color:var(--warn-fg);border-radius:8px;padding:8px 12px;font-size:13px;margin:0 0 10px}
.sqi-plan-card .sqi-plan-f{display:flex;flex-direction:column;gap:6px}
.sqi-plan-limit{max-width:460px;margin:40px auto;text-align:center;background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:22px}
.sqi-plan-limit h2{font-size:18px;margin:0 0 8px}
.sqi-plan-limit p{color:var(--muted);font-size:14px;line-height:1.5}
.sqi-plan-limit .btn{width:100%;justify-content:center}
.sqi-plan-pick h3{margin:0 0 6px;font-size:16px}
.sqi-plan-wait{background:var(--surface2);border:1px solid var(--line);border-radius:12px;padding:14px;margin:0 0 14px;text-align:left}
.sqi-plan-wait b{display:block;color:var(--text);margin:0 0 4px}
.sqi-plan-wait p{margin:0 0 10px;font-size:13px;color:var(--muted)}
.sqi-demo-end .sqi-plan-pick{text-align:left;margin:14px 0}
.sqi-demo-end .sqi-plan-grid{grid-template-columns:1fr}
.sqi-demo-end .sqi-plan-card{text-align:left}
.sqi-demo-end .sqi-plan-card .sqi-plan-f{margin:0}
.sqi-demo-end .sqi-plan-wait{text-align:left}
.rp-notes{position:relative;margin:0 0 12px}
.rp-note{display:flex;gap:10px;align-items:flex-start;background:#e7f3ec;border:1px solid #bfe0cd;color:#14573B;border-radius:12px;padding:12px 44px 12px 14px;margin-bottom:8px;font-size:14px;line-height:1.45}
.rp-note b{font-weight:600}
.rp-note div>b:first-child{display:block;font-size:15px}
.rp-note small{display:block;margin-top:2px;font-size:12px;opacity:.75}
.rp-note .dot{width:26px;height:26px;border-radius:50%;flex:none;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:600;color:#fff;background:#1F7A55}
.rp-note.gold{background:#fdf3d6;border-color:#efd88f;color:#6b4e00}
.rp-note.gold .dot{background:#c9961a}
.rp-note-x{position:absolute;top:8px;right:10px;width:30px;height:30px;border:0;background:transparent;color:inherit;font-size:22px;line-height:1;cursor:pointer;opacity:.6;border-radius:8px}
.rp-note-x:hover{opacity:1;background:rgba(0,0,0,.06)}
.rp-notes-sw{display:flex;gap:12px;align-items:center;justify-content:space-between;margin-top:12px}
.rp-signin .rp-logo{justify-content:center;max-width:100%}
.rp-signin .rp-logo .sqibr-hl{font-size:22px}
.rp-signin .rp-logo .sqibr-hl .sqibr-s{white-space:nowrap}
@media (max-width:420px){.rp-signin .rp-logo .sqibr-hl{font-size:18px}}

/* VAT 201 layout and the Accountant role (2.70.0) */
.vbx{display:inline-block;min-width:28px;text-align:center;background:var(--ok-bg);color:var(--ok-fg);border-radius:6px;font-weight:700;font-size:12px;padding:1px 6px;margin:1px 2px 1px 0}
table.vat201{table-layout:fixed;width:100%}
table.vat201 th:nth-child(1),table.vat201 td:nth-child(1){width:128px}
table.vat201 th:nth-child(3),table.vat201 td:nth-child(3){width:150px}
table.vat201 th:nth-child(4),table.vat201 td:nth-child(4){width:130px}
table.vat201 td.vb{white-space:normal}
@media(max-width:700px){table.vat201{table-layout:auto}table.vat201 th:nth-child(n),table.vat201 td:nth-child(n){width:auto}}
table.vat201 tr.vg td{background:var(--hover);color:var(--muted)}
table.vat201 tr.vg .vbx{background:var(--neu-bg);color:var(--neu-fg)}
table.vat201 tr.vt td{font-weight:700}
.sqi-tabs.sub{margin:6px 0 12px}
.rolepill.a{background:var(--neu-bg);color:var(--neu-fg)}

/* Notices: popup, banner and tags (2.72.0). Shared by the dashboard and the partner portal. */
.nt-ban{display:flex;gap:12px;align-items:center;flex-wrap:wrap;padding:10px 16px;font-size:14px;line-height:1.4;border-bottom:1px solid rgba(0,0,0,.08);background:#e7f3ec;color:#14573B}
.nt-ban span{flex:1 1 280px}
.nt-ban a{font-weight:700;color:inherit;text-decoration:underline}
.nt-ban button{border:0;background:none;color:inherit;font:inherit;font-weight:600;cursor:pointer;opacity:.8}
.nt-b-important{background:#fde2e0;color:#a02a20}
.nt-b-maintenance{background:#fef3c7;color:#92400e}
.nt-b-update{background:#dbeafe;color:#1d4ed8}
.nt-b-tip{background:#eceeed;color:#3b4350}
html.nt-lock{overflow:hidden}
.nt-pop{position:fixed;inset:0;z-index:100000;display:flex;align-items:center;justify-content:center;padding:16px}
.nt-pop[hidden]{display:none}
.nt-bg{position:absolute;inset:0;background:rgba(20,30,26,.5)}
.nt-box{position:relative;width:100%;max-width:440px;max-height:calc(100vh - 32px);overflow:auto;background:#fff;color:#1c2b24;border-radius:18px;box-shadow:0 20px 60px rgba(0,0,0,.3)}
.nt-x{position:absolute;right:10px;top:10px;z-index:2;width:30px;height:30px;border:0;border-radius:50%;background:rgba(255,255,255,.85);font-size:20px;line-height:28px;cursor:pointer;color:#1c2b24}
.nt-slide[hidden]{display:none}
.nt-top{height:84px;background:linear-gradient(135deg,#BFE8D4,#C5E0F7)}
.nt-t-important{background:linear-gradient(135deg,#fbd5d1,#fde9d3)}
.nt-t-maintenance{background:linear-gradient(135deg,#fde9b8,#fbd9a8)}
.nt-t-update{background:linear-gradient(135deg,#C5E0F7,#D9D0F5)}
.nt-t-tip{background:linear-gradient(135deg,#e4e8e6,#d6dcd8)}
.nt-body{padding:16px 22px 20px}
.nt-body h2{margin:6px 0 6px;font-size:20px;line-height:1.25;color:#1c2b24}
.nt-body p{margin:0 0 16px;line-height:1.55;color:#4a5b52;font-size:15px}
.nt-tag{display:inline-block;font-size:11px;font-weight:700;border-radius:99px;padding:2px 9px;background:#d9f2e3;color:#14573B}
.nt-tag.nt-important{background:#fde2e0;color:#a02a20}
.nt-tag.nt-update{background:#dbeafe;color:#1d4ed8}
.nt-tag.nt-maintenance{background:#fef3c7;color:#92400e}
.nt-tag.nt-tip{background:#e9ecef;color:#495057}
.nt-act{display:flex;gap:8px;flex-wrap:wrap}
.nt-btn{display:inline-block;border:1px solid #cfd9d3;background:#fff;color:#1c2b24;border-radius:10px;padding:10px 16px;font:inherit;font-weight:600;cursor:pointer;text-decoration:none}
.nt-btn.p{background:#1F7A55;border-color:#1F7A55;color:#fff}
.nt-dots{display:flex;gap:6px;justify-content:center;padding:0 0 16px}
.nt-dots i{width:8px;height:8px;border-radius:50%;background:#cfd9d3;cursor:pointer}
.nt-dots i.on{background:#1F7A55}
.rp-gap{margin:12px 0}
.rp-fg{display:grid;grid-template-columns:1fr 1fr;gap:4px 14px}
.rp-hint{font-size:12px;color:#6b7570;margin-top:4px}
.rp-between{display:flex;justify-content:space-between;align-items:center;gap:8px}
.rp-o{background:#fff;color:#1F7A55}
.rp-o:hover{color:#1F7A55}
.rp-chk{display:flex;gap:8px;align-items:flex-start;font-size:13px;margin:16px 0 12px}
.rp-chk input{margin-top:3px}
.rp-lock{display:flex;gap:10px;background:#f1f4f2;border-radius:8px;padding:10px 12px;font-size:13px;color:#6b7570;margin-top:14px}
.rp-nudge{display:flex;gap:14px;align-items:center;justify-content:space-between;flex-wrap:wrap;background:#FFF4DC;border:1px solid #F0D99A;border-radius:12px;padding:14px 18px;margin:12px 0;color:#7a5a00}
.rp-nudge .rp-btn{color:#fff}
@media (max-width:700px){.rp-fg{grid-template-columns:minmax(0,1fr)}}
.rp-doc{background:#fff;border:1px solid #e1e5e3;border-radius:14px;padding:24px 28px;margin:12px 0;max-height:520px;overflow:auto;font-size:14px}
.rp-doc h3{margin:18px 0 4px;font-size:14px}
.rp-doc p{margin:0 0 8px}
.rp-dt{text-align:center;font-size:19px;font-weight:700;margin:0 0 2px!important}
.rp-ds{text-align:center;color:#6b7570}
.rp-dp{background:#f4f6f5;border-radius:8px;padding:12px 14px;margin:10px 0}
.rp-sig{font:italic 24px/1.3 "Snell Roundhand","Brush Script MT",cursive;padding:8px 12px}

/* The always-on send bar (2.75.0) */
.sqi-sendbar{position:sticky;top:10px;z-index:30;display:flex;gap:8px;align-items:center;flex-wrap:wrap;background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:10px 12px;margin:0 0 14px;box-shadow:0 4px 14px rgba(16,24,40,.08)}
.sqi-sendbar .btn svg,.sqi-sendcell svg{vertical-align:-3px}
.sqi-sendbar .btn.wa,.sqi-sendbar .btn.em,.sqi-stickyact .btn.wa,.sqi-stickyact .btn.em{color:#fff}
.sqi-sendbar .btn.wa,.sqi-stickyact .btn.wa{background:#25a55a;border-color:#25a55a}
.sqi-sendbar .btn.em,.sqi-stickyact .btn.em{background:var(--brand);border-color:var(--brand)}
.sqi-sendbar .btn.off{opacity:.55}
.sqi-sb-last{margin-left:6px}
.sqi-ib{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:9px;border:0;margin-left:4px;color:#fff;cursor:pointer;text-decoration:none}
.sqi-ib.wa{background:#25a55a}
.sqi-ib.em{background:var(--brand)}
.sqi-ib.off{opacity:.45}
.sqi-sendcell{white-space:nowrap}
.sqi-stickyact{position:sticky;bottom:0;z-index:25;background:var(--surface);border-top:1px solid var(--line);padding:12px 4px;margin-top:14px;display:flex;gap:8px;flex-wrap:wrap}
.sqi-send.pop{position:fixed;top:0;right:0;bottom:0;width:min(420px,100vw);z-index:100001;margin:0;border-radius:0;overflow:auto;background:var(--surface);box-shadow:-10px 0 30px rgba(0,0,0,.2);padding:18px}
.sqi-sbbg{position:fixed;inset:0;z-index:100000;background:rgba(20,30,26,.35)}
.sqi-sbbg[hidden]{display:none}
@media (max-width:700px){.sqi-sendbar{top:6px}.sqi-sendbar .btn{flex:1 1 auto;justify-content:center}}

/* ---------- Support session approval and support desk (2.76.0) ---------- */
.sqi-accbar{display:flex;align-items:center;gap:10px;flex-wrap:wrap;background:#1f7a55;color:#fff;padding:9px 16px;font-size:14px}
.sqi-accbar.emerg{background:#b45309}
.sqi-accbar .ic{flex:none}
.sqi-accbar .sp{flex:1}
.sqi-accbar b{font-weight:600}
.sqi-accbar form{margin:0}
.sqi-accbar .btn{background:#fff;color:#1c2330;border-color:#fff;padding:5px 12px;font-size:13px}
.sqi-accbar em{font-size:13px;opacity:.9}
.sqi-accm{position:fixed;inset:0;z-index:9999;background:rgba(14,18,24,.55);display:flex;align-items:center;justify-content:center;padding:16px}
.sqi-accm .box{background:var(--surface);color:var(--text);border-radius:14px;max-width:410px;width:100%;padding:22px;box-shadow:var(--shadow)}
.sqi-accm .hd{display:flex;gap:12px;align-items:center;margin-bottom:12px}
.sqi-accm .hd .ico{width:42px;height:42px;border-radius:10px;background:color-mix(in srgb,#1f7a55 14%,var(--surface));color:#1f7a55;display:flex;align-items:center;justify-content:center;flex:none}
.sqi-accm h2{font-size:17px;margin:0}
.sqi-accm .sub{color:var(--muted);font-size:12px}
.sqi-accm p{margin:0 0 12px;color:var(--text2);font-size:14px;line-height:1.55}
.sqi-accm .note{background:var(--surface2);border-radius:8px;padding:8px 12px;font-size:12px;color:var(--text2);margin-bottom:14px}
.sqi-accm .acts{display:flex;gap:8px}
.sqi-accm .acts .btn{flex:1;padding:12px 14px;font-size:15px;justify-content:center}
.sqi-accm .acts .btn.go{flex:1.3;background:#1f7a55;border-color:#1f7a55;color:#fff;font-weight:600}
.sqi-accm .acts .btn.go:hover{filter:brightness(.92)}
.sqi-accgate .sqi-accform{text-align:left;margin:14px 0 4px}
.sqi-accgate label{display:block;font-size:13px;color:var(--text2);margin:0 0 10px}
.sqi-accgate label select,.sqi-accgate label input[type=text]{display:block;width:100%;margin-top:4px;box-sizing:border-box}
.sqi-accgate .acts{justify-content:center}
.sqi-accgate .ico.spin svg{animation:sqiacc 1.6s linear infinite}
@keyframes sqiacc{to{transform:rotate(360deg)}}
.sqi-accemerg{text-align:left;margin-top:14px;border-top:1px solid var(--line);padding-top:12px}
.sqi-accemerg summary{cursor:pointer;color:var(--bad-fg);font-size:13px}
.sqi-accemerg label.chk{display:flex;gap:8px;align-items:center}
.btn.danger{background:#b42318;border-color:#b42318;color:#fff}
.sqi-sup-badge{margin-left:auto;background:#b42318;color:#fff;font-size:11px;border-radius:99px;padding:1px 7px}
.sqi-sup-hd{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;flex-wrap:wrap;margin-bottom:14px}
.sqi-sup-hd p{margin:4px 0 0}
.card-box{background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:16px 18px;margin:0 0 16px}
.sqi-sup-form label{display:block;font-size:13px;color:var(--text2);margin:0 0 12px}
.sqi-sup-form label input[type=text],.sqi-sup-form label textarea,.sqi-sup-form label select{display:block;width:100%;margin-top:4px;box-sizing:border-box}
.sqi-sup-two{display:grid;grid-template-columns:1fr 1fr;gap:12px}
@media (max-width:640px){.sqi-sup-two{grid-template-columns:1fr}}
.sqi-sup-list{background:var(--surface);border:1px solid var(--line);border-radius:12px;overflow:hidden}
.sqi-sup-row{display:flex;align-items:center;gap:12px;padding:13px 16px;border-top:1px solid var(--line2);color:var(--text)}
.sqi-sup-row:first-child{border-top:0}
.sqi-sup-row:hover{background:var(--hover);text-decoration:none}
.sqi-sup-row .t{flex:1;min-width:0}
.sqi-sup-row .t small{display:block;color:var(--muted);font-size:12px;margin-top:2px}
.sqi-sup-dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:#1f7a55;margin-left:6px}
.sqi-sup-thread{margin:0 0 16px}
.sqi-sup-msg{border:1px solid var(--line);border-radius:12px;padding:12px 14px;margin:0 0 10px;background:var(--surface)}
.sqi-sup-msg.them{background:color-mix(in srgb,#1f7a55 9%,var(--surface));border-color:color-mix(in srgb,#1f7a55 25%,var(--line))}
.sqi-sup-msg .who{color:var(--muted);font-size:12px;margin-bottom:4px}
.sqi-sup-msg .file{margin-top:8px;font-size:13px}
.sqi-sup-solve{margin:6px 0 0}
.sqi-bd{display:inline-block;border-radius:20px;padding:2px 11px;font-size:12px;font-weight:600;white-space:nowrap}
.sqi-bd.tr{background:var(--info-bg);color:var(--info-fg)}
.sqi-bd.sb{background:var(--ok-bg);color:var(--ok-fg)}
.sqi-bd.pa{background:var(--warn-bg);color:var(--warn-fg)}
.sqi-bd.ov{background:var(--bad-bg);color:var(--bad-fg)}
.sqi-bd.en{background:var(--neu-bg);color:var(--neu-fg)}

/* ---------- Four modules in the sidebar (2.77.0) ---------- */
.sqi-modsep{border-top:1px solid var(--line);margin:8px 6px}
.sqi-mod{margin:0 0 2px}
.sqi-mod>summary{list-style:none;display:flex;align-items:center;gap:9px;padding:9px 12px;border-radius:9px;color:var(--text);font-weight:600;font-size:13px;cursor:pointer;user-select:none}
.sqi-mod>summary::-webkit-details-marker{display:none}
.sqi-mod>summary:hover{background:var(--hover)}
.sqi-mod>summary::after{content:"";margin-left:auto;width:6px;height:6px;border-right:2px solid var(--muted);border-bottom:2px solid var(--muted);transform:rotate(-45deg);transition:transform .15s}
.sqi-mod[open]>summary::after{transform:rotate(45deg)}
.sqi-moddot{width:10px;height:10px;border-radius:3px;flex:none}
.sqi-moditems{margin:0 0 4px 16px;padding-left:6px;border-left:2px solid var(--line2);display:flex;flex-direction:column;gap:2px}
.nv.lock{color:var(--muted);opacity:.75}
.nv.lock .ic:last-child{margin-left:auto}

/* ---------- One-time prompts on a quote or paid invoice (2.79.0) ---------- */
.sqi-tip{display:flex;align-items:center;gap:12px;flex-wrap:wrap;background:color-mix(in srgb,#1f7a55 9%,var(--surface));border:1px solid color-mix(in srgb,#1f7a55 28%,var(--line));border-radius:12px;padding:12px 14px;margin:0 0 14px}
.sqi-tip .ico{width:36px;height:36px;border-radius:10px;background:color-mix(in srgb,#1f7a55 16%,var(--surface));color:#1f7a55;display:flex;align-items:center;justify-content:center;flex:none}
.sqi-tip .t{flex:1;min-width:200px}
.sqi-tip .t strong{display:block}
.sqi-tip .t span{color:var(--text2);font-size:13px}
.sqi-tip form{margin:0}

/* ---------- Email sending (2.80.0) ---------- */
.sqi-mailban{display:flex;gap:12px;align-items:center;flex-wrap:wrap;border-radius:12px;padding:12px 14px;margin:0 0 12px}
.sqi-mailban.warn{background:var(--warn-bg);border:1px solid color-mix(in srgb,var(--warn-fg) 30%,var(--line))}
.sqi-mailban.good{background:color-mix(in srgb,#1f7a55 9%,var(--surface));border:1px solid color-mix(in srgb,#1f7a55 28%,var(--line))}
.sqi-mailban .t{flex:1;min-width:220px}
.sqi-mailban form{margin:0}
.sqi-mailprov{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
@media (max-width:760px){.sqi-mailprov{grid-template-columns:1fr 1fr}}
@media (max-width:480px){.sqi-mailprov{grid-template-columns:1fr}}
.sqi-mailprov .pc{display:flex;flex-direction:column;gap:4px;background:var(--surface);border:1px solid var(--line);border-radius:10px;padding:12px;color:var(--text)}
.sqi-mailprov .pc:hover{border-color:#1f7a55;text-decoration:none}
.sqi-mailprov .lg{width:34px;height:34px;border-radius:9px;display:flex;align-items:center;justify-content:center;font-weight:700;color:#fff;margin-bottom:4px}
.sqi-mailtwo{display:grid;grid-template-columns:1fr 1.2fr;gap:14px}
@media (max-width:760px){.sqi-mailtwo{grid-template-columns:1fr}}
.sqi-mailsteps{background:var(--surface2);border-radius:10px;padding:12px 14px}
.sqi-mailsteps ol{margin:8px 0 0;padding-left:18px}
.sqi-mailsteps li{margin:0 0 6px}
.sqi-mailform label{display:block;font-size:13px;color:var(--text2);margin:0 0 10px}
.sqi-mailform label input,.sqi-mailform label select{display:block;width:100%;margin-top:4px;box-sizing:border-box}
.sqi-mailchecks{margin-top:14px;border-top:1px solid var(--line2);padding-top:10px}
.sqi-mailchecks h4{margin:0 0 6px;font-size:14px}
.sqi-mailchk{display:flex;gap:10px;padding:7px 0;align-items:flex-start}
.sqi-mailchk .ic{width:22px;height:22px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex:none;font-size:12px;font-weight:700}
.sqi-mailchk .ic.ok{background:var(--ok-bg);color:var(--ok-fg)}
.sqi-mailchk .ic.wa{background:var(--warn-bg);color:var(--warn-fg)}
.sqi-mailchk .ic.re{background:var(--bad-bg);color:var(--bad-fg)}
.sqi-mailchk .ic.sk{background:var(--neu-bg);color:var(--neu-fg)}
.sqi-mailbar{height:8px;background:var(--neu-bg);border-radius:8px;overflow:hidden;margin:6px 0}
.sqi-mailbar i{display:block;height:100%;background:#1f7a55}

/* ---------- Marketing > Emails: library, editor, automations, campaigns (2.81.0) ---------- */
.sqi-emtabs,.sqi-emfilters{display:flex;gap:6px;flex-wrap:wrap;margin:0 0 12px}
.sqi-emtabs a,.sqi-emfilters a{border:1px solid var(--line);background:var(--surface);border-radius:20px;padding:5px 13px;color:var(--text2);font-size:13px}
.sqi-emtabs a:hover,.sqi-emfilters a:hover{text-decoration:none;background:var(--hover)}
.sqi-emtabs a.on,.sqi-emfilters a.on{background:color-mix(in srgb,#1f7a55 14%,var(--surface));border-color:color-mix(in srgb,#1f7a55 35%,var(--line));color:#1f7a55;font-weight:600}
.sqi-emtabs{border-bottom:1px solid var(--line);padding-bottom:10px}
.sqi-emgrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
@media (max-width:900px){.sqi-emgrid{grid-template-columns:1fr 1fr}}
@media (max-width:560px){.sqi-emgrid{grid-template-columns:1fr}}
.sqi-emcard{background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:10px;display:flex;flex-direction:column;gap:8px}
.sqi-emcard .nm{display:flex;flex-direction:column;gap:4px}
.sqi-emcard .nm a{color:var(--text)}
.sqi-emcard .acts{display:flex;gap:6px;flex-wrap:wrap;margin-top:4px}
.sqi-emcard .acts form{margin:0}
.sqi-emthumb{height:150px;overflow:hidden;border-radius:8px;background:var(--surface2);border:1px solid var(--line2);position:relative}
.sqi-emthumb iframe{width:600px;height:760px;border:0;transform:scale(.3);transform-origin:0 0;pointer-events:none;background:#fff;position:absolute;left:50%;margin-left:-300px;transform-origin:50% 0}
.sqi-emnew{border-style:dashed;justify-content:center}
.sqi-emnew label{display:block;font-size:12px;color:var(--text2)}
.sqi-emnew input,.sqi-emnew select{display:block;width:100%;margin-top:3px;box-sizing:border-box}
.sqi-emrules{background:var(--surface);border:1px solid var(--line);border-radius:12px;margin:0 0 14px}
.sqi-emrules .r{display:grid;grid-template-columns:1.1fr 1.6fr auto auto;gap:12px;align-items:center;padding:12px 14px;border-top:1px solid var(--line2)}
.sqi-emrules .r:first-child{border-top:0}
@media (max-width:760px){.sqi-emrules .r{grid-template-columns:1fr 1fr}}
.sqi-emrow{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}
@media (max-width:900px){.sqi-emrow{grid-template-columns:1fr 1fr}}
.sqi-emrow label,.sqi-emsender label{display:block;font-size:12px;color:var(--text2)}
.sqi-emrow select,.sqi-emrow input,.sqi-emsender select,.sqi-emsender textarea{display:block;width:100%;margin-top:3px;box-sizing:border-box}
.sqi-emsender label{margin:0 0 12px}
.sqi-emtop{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap;margin:0 0 10px}
.sqi-emtop .nm{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.sqi-emtop .nm input{font-size:17px;font-weight:600;min-width:220px}
.sqi-emtop .acts{display:flex;gap:6px;flex-wrap:wrap;align-items:center}
.sqi-emdev{display:inline-flex}
.sqi-emdev .btn{border-radius:0}
.sqi-emdev .btn:first-child{border-radius:8px 0 0 8px}
.sqi-emdev .btn:last-child{border-radius:0 8px 8px 0}
.sqi-emdev .btn.on{background:color-mix(in srgb,#1f7a55 14%,var(--surface));color:#1f7a55;font-weight:600}
.sqi-emsub{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:0 0 12px}
@media (max-width:760px){.sqi-emsub{grid-template-columns:1fr}}
.sqi-emsub label{display:block;font-size:12px;color:var(--text2)}
.sqi-emsub input{display:block;width:100%;margin-top:3px;box-sizing:border-box}
.sqi-emgridx{display:grid;grid-template-columns:200px minmax(0,1fr) 230px;gap:12px;align-items:start}
@media (max-width:1000px){.sqi-emgridx{grid-template-columns:1fr}}
.sqi-emgridx .pal,.sqi-emgridx .pr{background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:12px}
.sqi-emgridx .lbl{font-size:11px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--muted);margin:0 0 6px}
.sqi-emgridx .addrow{display:flex;flex-wrap:wrap;gap:5px}
.sqi-emgridx .addrow .btn{padding:5px 9px;font-size:12px}
.sqi-emgridx .pal label,.sqi-emgridx .pr label.pf{display:block;font-size:12px;color:var(--text2);margin:0 0 8px}
.sqi-emgridx select,.sqi-emgridx input[type=text],.sqi-emgridx textarea{display:block;width:100%;margin-top:3px;box-sizing:border-box}
.sqi-emgridx .layers .ly{display:flex;align-items:center;gap:2px;border:1px solid var(--line2);border-radius:8px;margin:0 0 4px;background:var(--surface)}
.sqi-emgridx .layers .ly.on{border-color:#1f7a55;background:color-mix(in srgb,#1f7a55 9%,var(--surface))}
.sqi-emgridx .layers .nm{flex:1;text-align:left;background:none;border:0;padding:6px 8px;font:inherit;font-size:12px;cursor:pointer;color:var(--text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.sqi-emgridx .layers .ic{background:none;border:0;padding:4px 5px;cursor:pointer;color:var(--muted);font-size:13px}
.sqi-emgridx .layers .ic:hover{color:var(--text)}
.sqi-emgridx .cv{background:var(--surface2);border:1px solid var(--line);border-radius:12px;padding:10px;min-height:520px}
.sqi-emgridx .frame{max-width:600px;margin:0 auto;transition:max-width .2s}
.sqi-emgridx .frame iframe{width:100%;height:640px;border:0;background:#fff;border-radius:8px}
.sqi-emgridx .ptitle{font-weight:600;margin:0 0 8px}
.sqi-emgridx .chips{display:flex;flex-wrap:wrap;gap:5px}
.sqi-emgridx .chip{background:color-mix(in srgb,#1f7a55 12%,var(--surface));color:#1f7a55;border:0;border-radius:6px;padding:3px 8px;font-size:11px;cursor:pointer}
.sqi-emchecks{margin-top:14px}
.sqi-emchecks .chk{display:flex;gap:8px;align-items:flex-start;padding:4px 0;font-size:13px}
.sqi-emchecks .chk .ic{width:20px;height:20px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex:none;font-size:11px;font-weight:700}
.sqi-emchecks .chk.ok .ic{background:var(--ok-bg);color:var(--ok-fg)}
.sqi-emchecks .chk.warn .ic{background:var(--warn-bg);color:var(--warn-fg)}
.sqi-cplock{text-align:center;padding:30px 16px;border:2px dashed var(--line);border-radius:12px;background:var(--surface2)}
.sqi-cplock .ico{color:var(--muted);margin-bottom:6px}
.sqi-cplock p{max-width:520px;margin:6px auto 14px}
.sqi-cplist{background:var(--surface);border:1px solid var(--line);border-radius:12px;overflow:hidden}
.sqi-cplist .r{display:flex;align-items:center;gap:12px;padding:12px 14px;border-top:1px solid var(--line2);color:var(--text)}
.sqi-cplist .r:first-child{border-top:0}
.sqi-cplist .r:hover{background:var(--hover);text-decoration:none}
.sqi-cplist .t{flex:1;min-width:0}
.sqi-cplist .t small{display:block;color:var(--muted);font-size:12px}
.sqi-cplist .n{color:var(--text2);font-size:13px}
.sqi-cpwiz .st{display:inline-flex;width:22px;height:22px;border-radius:50%;background:#1f7a55;color:#fff;align-items:center;justify-content:center;font-size:12px;margin-right:6px}
.sqi-cpwiz .card-box label:not(.seg):not(.check){display:block;font-size:13px;color:var(--text2);margin:0 0 10px}
.sqi-cpwiz .card-box input[type=text],.sqi-cpwiz .card-box select{display:block;width:100%;margin-top:4px;box-sizing:border-box}
.sqi-cpwiz .seg{display:flex;gap:10px;align-items:center;border:1px solid var(--line);border-radius:10px;padding:10px 12px;margin:0 0 8px;cursor:pointer}
.sqi-cpwiz .seg>span:nth-child(2){flex:1}
.sqi-cpwiz .seg small{display:block;color:var(--muted);font-size:12px}
.sqi-cpnums{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:0 0 10px}
@media (max-width:640px){.sqi-cpnums{grid-template-columns:1fr 1fr}}
.sqi-cpnums .card-box{margin:0}
.sqi-cpnums strong{display:block;font-size:22px}
.sqi-cprc>div{display:flex;justify-content:space-between;gap:10px;padding:6px 0;border-top:1px solid var(--line2);font-size:13px}
.sqi-cprc>div:first-child{border-top:0}

/* ---------- Campaigns: build my own group (2.82.0) ---------- */
.sqi-cpcustom{margin:0 0 8px}
.sqi-cpcustom .rules{margin:-2px 0 6px 28px;padding:8px 10px;border:1px dashed var(--line);border-radius:10px;background:var(--surface2)}
.sqi-cpcustom .rw{display:grid;grid-template-columns:1.3fr 1.3fr 1fr;gap:8px;margin:0 0 6px}
.sqi-cpcustom .rw.off .ro,.sqi-cpcustom .rw.off .rv{opacity:.4}
.sqi-cpcustom .rw select,.sqi-cpcustom .rw input{width:100%;box-sizing:border-box;margin:0}
@media (max-width:640px){.sqi-cpcustom .rw{grid-template-columns:1fr}}

/* ---------- Form fields on the newer screens look like the rest of the app (2.82.1) ---------- */
/* A safety net for EVERY page of the app (2.82.2): any text box, drop-down or text area that no other rule styles gets the app look instead of the
   plain browser box. :where() gives this zero weight, so every existing rule (.sqi-form, search bars, tables, the portal) still wins. */
:where(body) :where(input:not([type=checkbox]):not([type=radio]):not([type=file]):not([type=hidden]):not([type=submit]):not([type=button]):not([type=reset]):not([type=range]):not([type=color]):not([type=image]),select,textarea){padding:8px 10px;border:1px solid var(--line);border-radius:8px;font:inherit;color:var(--text);background-color:var(--field);box-sizing:border-box;max-width:100%}
:where(body) :where(input,select,textarea):focus{outline:2px solid color-mix(in srgb,var(--brand) 35%,transparent);border-color:var(--brand)}
:where(body) :where(button:not([class]):not([type=button])){display:inline-flex;align-items:center;gap:7px;background:var(--surface);border:1px solid var(--line);color:var(--text);border-radius:8px;padding:8px 14px;line-height:1.3;min-height:38px}
.sqi-emtop .nm input{font-size:17px;font-weight:600;min-width:220px;width:auto}
.sqi-emtop .nm select{width:auto}
.sqi-emgridx .layers .nm{border:0;background:none;padding:6px 8px}

/* ---------- Marketing > Reputation (2.83.0) ---------- */
.sqi-repstatus{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:0 0 12px}
@media (max-width:860px){.sqi-repstatus{grid-template-columns:1fr}}
.sqi-repstep{display:flex;gap:10px;align-items:center;background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:12px}
.sqi-repstep>div{flex:1;min-width:0}
.sqi-repstep strong{display:block}
.sqi-repstep span:not(.ic){display:block;color:var(--muted);font-size:12px}
.sqi-repstep .ic{width:26px;height:26px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex:none;font-size:13px;font-weight:700}
.sqi-repstep.ok .ic{background:var(--ok-bg);color:var(--ok-fg)}
.sqi-repstep.todo{border-color:color-mix(in srgb,var(--warn-fg) 35%,var(--line))}
.sqi-repstep.todo .ic{background:var(--warn-bg);color:var(--warn-fg)}
.sqi-repstep form{margin:0}
.sqi-repnums{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:0 0 10px}
@media (max-width:640px){.sqi-repnums{grid-template-columns:1fr 1fr}}
.sqi-repnums .card-box{margin:0}
.sqi-repnums strong{display:block;font-size:24px}
.sqi-repro{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;padding:10px 0;border-top:1px solid var(--line2)}
.sqi-repro:first-of-type{border-top:0}
.sqi-repro .t{flex:1;min-width:200px}
.sqi-repro .t strong{display:block}
.sqi-repro .acts{display:flex;gap:6px;flex-wrap:wrap;align-items:center}
.sqi-repro .acts form{margin:0}

/* ---------- Reputation: Google wording (2.83.2) ---------- */
.sqi-repstep .ic.star{background:var(--warn-bg);color:#d97706;font-size:15px}
.sqi-repstep.ok .ic.star{background:var(--warn-bg);color:#d97706}
.sqi-repstep{align-items:flex-start}
.sqi-repstep .links{display:flex;gap:12px;flex-wrap:wrap;margin-top:6px}
.sqi-repstep .links a{color:var(--brand);text-decoration:underline;font-size:12px}
.sqi-reppill{display:inline-flex;align-items:center;gap:6px;background:var(--surface);border:1px solid var(--line);border-radius:20px;padding:3px 10px;font-size:12px;color:var(--text2);margin-top:8px}
.sqi-reppill .star{color:#d97706}