/* Bureo Docs (S429 viewer · S430 styles · S431 smart links), app/m1-docs.js. A Doc opens in the shell's EXISTING work panel
   (phone: the existing sheet); nothing in the layout moves. Thin dc-* layer on shell / kit tokens only. Body 16px, nothing < 12px.
   The Doc's own look (Bureo style or the company's brand kit) comes in as --dc-* variables on .dc-doc (set by the renderer). */

/* the Doc takes the work panel: the open view's sections step aside while it shows */
html.dc-on #main>section:not(.dc-sec),html.dc-on #app>.foot,html.dc-on #app>.made-si{display:none!important}
html.b-m1 #main>section.dc-sec{background:none;box-shadow:none;border-radius:0}
.dc-orb{width:var(--s);height:var(--s);border-radius:50%;display:inline-grid;place-items:center;flex:none;background:radial-gradient(circle at 32% 28%,#fff 0,transparent 62%),var(--t);color:var(--g);box-shadow:inset 0 0 0 1px rgba(20,22,30,.04)}

.dc-live{display:inline-block;position:relative;width:7px;height:7px;border-radius:50%;background:var(--k-ok);flex:none}
.dc-live::after{content:"";position:absolute;inset:-3px;border-radius:50%;border:1px solid var(--k-ok);opacity:.35}
.dc-frz{display:inline-block;width:7px;height:7px;border-radius:2px;background:var(--k-text-3);flex:none}
.dc-pill{display:inline-flex;align-items:center;gap:6px;padding:3px 10px 3px 8px;border-radius:var(--k-r-pill);background:var(--ka-card);box-shadow:0 0 0 1px var(--ka-soft);color:var(--k-text);font-weight:500;font-size:var(--k-t-cap)}
.dc-pill::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--k-warn-ink,#9A5B00)}

/* the Doc page */
.dc-sec{display:flex;flex-direction:column;gap:20px;padding:4px 4px 0;font-family:var(--k-font);color:var(--k-text);font-size:var(--k-t-base);line-height:var(--k-lh-base,1.6)}
html.b-m1-wide .dc-sec{max-width:880px;margin:0 auto;width:100%}
.dc-bar{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.dc-sp{flex:1}
.dc-b{cursor:pointer;color:var(--k-text);border-color:var(--ka-soft);background:var(--ka-card);gap:7px;padding:7px 14px 7px 12px}
.dc-b svg{color:var(--k-text-2);flex:none}
.dc-b[aria-pressed="true"],.dc-b[aria-expanded="true"]{background:var(--ka-soft)}
html.b-m1 .dc-sec .k-btn.dc-ink,.dc-sec .k-btn.dc-ink{background:var(--k-text);color:var(--ka-card);border-color:transparent}.k-btn.dc-ink svg{color:currentColor}
.dc-exw{position:relative;display:inline-flex}
html.b-m1 .dc-menu.m1-menu,.dc-menu.m1-menu{position:absolute;top:calc(100% + 8px);bottom:auto;left:0;width:250px;min-width:250px;z-index:20}
.dc-menu .m1-mi{gap:12px;display:flex;align-items:center;width:100%;text-align:left}
.dc-menu .m1-mi small{margin-left:auto;color:var(--k-text-3);font-size:var(--k-t-cap)}
.dc-fmt{width:32px;height:32px;border-radius:9px;display:grid;place-items:center;background:var(--ka-pill);color:var(--k-text);font:700 12px/1 var(--k-mono);flex:none!important}
.dc-ico{width:36px;height:36px;flex:none}
.dc-ico[aria-expanded="true"]{background:var(--ka-soft)}
.dc-sty{display:inline-flex;align-items:center;gap:6px;font-size:var(--k-t-sm);color:var(--k-text-2)}

/* three calm numbers: big light numerals, no boxes */
.dc-nums{display:grid;grid-template-columns:repeat(var(--n,3),minmax(0,1fr));gap:16px;padding:6px 6px 0}
.dc-nums b{display:block;font-size:38px;line-height:1.05;font-weight:300;letter-spacing:-.03em;font-variant-numeric:tabular-nums;font-family:var(--dc-head-font,var(--k-font));overflow-wrap:anywhere}
.dc-nums span{display:block;margin-top:8px;font-size:var(--k-t-sm);color:var(--k-text-2)}
.dc-card.k-card2{padding:18px 20px 16px;gap:10px;border-radius:var(--k-r-lg)}
.dc-card .k-c2h{padding-right:0}.dc-card .k-c2h>b{white-space:nowrap}
.dc-cbars.k-cbars{height:130px;gap:10px;padding-top:14px}
.dc-cbars .k-bx{background:var(--dc-chart,var(--k-text))}
.dc-cbars .k-bx.k-hi{background:var(--dc-accent,var(--k-accent))}
.dc-cbars .k-bx.k-fc{background:repeating-linear-gradient(135deg,var(--ka-soft) 0 2px,transparent 2px 7px);box-shadow:inset 0 0 0 1px var(--ka-soft)}
.dc-cb small{font-family:var(--k-font);font-size:var(--k-t-cap)}
.k-lgd i.dc-lg-ink{background:var(--dc-chart,var(--k-text))}
.k-lgd i.dc-lg-hi{background:var(--dc-accent,var(--k-accent))}

/* the table: whitespace, not lines; tabular numerals; sticky header under the panel head */
.dc-tcard.k-card2{padding:16px 8px 8px}
.dc-tth{display:flex;align-items:center;gap:16px;padding:2px 12px 10px}.dc-tth b{font-weight:500;font-size:var(--k-t-md)}
.dc-tbl{width:100%;border-collapse:separate;border-spacing:0;font-variant-numeric:tabular-nums}
.dc-tbl th{position:sticky;top:var(--dc-top,0px);z-index:2;background:var(--ka-card);text-align:left;font-weight:500;font-size:var(--k-t-cap);color:var(--k-text-3);padding:10px 12px;box-shadow:0 1px 0 var(--ka-soft);border:0}
.dc-tbl td{background:none;padding:13px 12px;vertical-align:top;font-size:var(--k-t-base);border:0}
.dc-tbl tbody tr:first-child td{padding-top:16px}
.dc-tbl .dc-r{text-align:right;white-space:nowrap}
.dc-tbl .dc-n{width:28px;color:var(--k-text-3);font-size:var(--k-t-sm)}
.dc-tbl td b{font-weight:500}
.dc-tbl tfoot td{font-weight:500;box-shadow:inset 0 1px 0 var(--ka-soft)}
.dc-d{font-size:var(--k-t-sm)}.dc-up{color:var(--k-ok-ink)}.dc-dn{color:var(--k-warn-ink)}
.dc-tag{display:inline-block;padding:1px 8px;border-radius:var(--k-r-pill);background:var(--ka-pill);font-size:var(--k-t-cap);color:var(--k-text-2)}
.dc-tag.is-warn{color:var(--k-warn-ink)}

/* edit by typing: the editable parts get a quiet outline; the bar shows Save / Cancel */
.dc-sec.is-edit [data-dc-ed]{outline:1px dashed var(--ka-soft);outline-offset:3px;border-radius:6px;cursor:text}
.dc-sec.is-edit [data-dc-ed]:focus{outline:2px solid var(--k-text);background:var(--ka-card)}
.dc-editbar{display:flex;align-items:center;gap:10px;padding:10px 14px;border-radius:var(--k-r-lg);background:var(--ka-card);box-shadow:0 0 0 1px var(--ka-soft);font-size:var(--k-t-sm);color:var(--k-text-2)}
.dc-editbar .dc-sp{flex:1}

/* one preview → one OK (whole-table edits; OWNER RULE: approve once, never one cell at a time) */
.dc-prev.k-card2{padding:18px 20px;gap:12px;border-radius:var(--k-r-lg);box-shadow:0 0 0 2px var(--k-text)}
.dc-prev h4{margin:0;font-size:var(--k-t-md);font-weight:600}
.dc-prev p{margin:0;color:var(--k-text-2);font-size:var(--k-t-sm)}
.dc-prev .dc-tbl td{padding:9px 10px;font-size:var(--k-t-sm)}
.dc-prev .dc-tbl th{position:static}
.dc-prev input[type=checkbox]{accent-color:var(--k-text);width:18px;height:18px}
.dc-old{color:var(--k-text-3);text-decoration:line-through}
.dc-new{font-weight:600}
.dc-prev .dc-bar{margin-top:4px}
.dc-hash{font:12px/1.4 var(--k-mono);color:var(--k-text-3)}

/* Ask about this Doc: the shell's composer pill, docked at the panel's foot */
.dc-askw{position:sticky;bottom:0;z-index:4;margin:6px -6px 0;padding:16px 6px 14px;background:linear-gradient(to bottom,transparent,var(--k-work,#F6F5F3) 40%)}
.dc-ask.k-pillc{max-width:none;margin:0 auto;padding:5px 5px 5px 8px;display:flex;align-items:center;gap:8px}
.dc-ask input{flex:1;min-width:0;border:0;background:none;font:inherit;font-size:var(--k-t-base);color:var(--k-text);outline:none}
.dc-ask input::placeholder{color:var(--k-text-3)}

/* reading layout */
.dc-read{max-width:680px}
.dc-sec h3.dc-h{margin:12px 6px -8px;font-size:22px;font-weight:400;letter-spacing:-.01em;font-family:var(--dc-head-font,var(--k-font))}
.dc-sec p.dc-p{margin:0 6px;font-size:var(--k-t-base);line-height:1.7}
.dc-cap{font-size:var(--k-t-cap);margin:-12px 6px 0;color:var(--k-text-3)}
.dc-sum h4{margin:2px 0 4px}
.dc-sum ul{margin:0;padding:0 0 0 2px;list-style:none;display:grid;gap:10px}
.dc-sum li{position:relative;padding-left:20px;line-height:1.6;font-size:var(--k-t-base)}
.dc-sum li::before{content:"";position:absolute;left:3px;top:.68em;width:6px;height:6px;border-radius:50%;background:var(--dc-chart,var(--k-text))}
.dc-cite{display:inline-grid;place-items:center;min-width:18px;height:18px;padding:0 4px;margin-left:3px;border-radius:var(--k-r-pill);background:var(--ka-pill);color:var(--k-text-2);font:500 12px/1 var(--k-font);vertical-align:.5em;box-shadow:0 0 0 1px var(--ka-soft)}
.dc-src{margin:-4px 6px 0;padding:0;list-style:none;counter-reset:s;display:grid;gap:10px}
.dc-src li{counter-increment:s;display:flex;align-items:baseline;gap:12px;font-size:var(--k-t-sm);color:var(--k-text-2)}
.dc-src li::before{content:counter(s);display:inline-grid;place-items:center;min-width:22px;height:22px;border-radius:50%;background:var(--ka-card);box-shadow:0 0 0 1px var(--ka-soft);color:var(--k-text);font-size:12px;font-weight:500;flex:none}
.dc-src span{flex:1}.dc-src em{font-style:normal;font-size:var(--k-t-cap);color:var(--k-text-3)}

/* S430 — the paper: letterhead, cover and legal page in the Doc's style (Bureo or the brand kit) */
.dc-paper{background:#fff;color:#16171A;border-radius:var(--k-r-md);padding:48px 56px 44px;box-shadow:0 1px 2px rgba(20,22,30,.06),0 24px 60px -34px rgba(20,22,30,.4);font-size:var(--k-t-base);line-height:1.7;font-family:var(--dc-font,var(--k-font))}
.dc-lh{display:flex;align-items:center;gap:12px;padding-bottom:18px;margin-bottom:26px;border-bottom:2px solid var(--dc-rule,#0B0B0C)}
.dc-lh .dc-logo{width:34px;height:34px;flex:none}
.dc-lh b{font-weight:600;font-size:var(--k-t-md);color:var(--dc-ink,#0B0B0C);font-family:var(--dc-head-font,inherit)}
.dc-lh small{margin-left:auto;font-size:var(--k-t-cap);color:#6B7076;text-align:right;line-height:1.4}
.dc-pk{margin:0;font-size:var(--k-t-cap);letter-spacing:.08em;text-transform:uppercase;color:#6B7076;font-weight:600}
.dc-paper .dc-ph{margin:8px 0 26px;font-size:28px;font-weight:300;letter-spacing:-.02em;line-height:1.2;color:var(--dc-ink,#0B0B0C);font-family:var(--dc-head-font,inherit)}
.dc-art{margin:0 0 18px}
.dc-art h4{display:flex;align-items:baseline;gap:12px;margin:0 0 4px;font-size:var(--k-t-base);font-weight:600}
.dc-art h4 span{font-weight:400;color:#6B7076;font-variant-numeric:tabular-nums;min-width:12px}
.dc-art p{margin:0 0 0 24px;color:#26272B}
.dc-fld{background:#F1F2F4;color:inherit;padding:0 3px;border-radius:3px;border-bottom:1.5px dashed #8E9298;font-weight:500}   /* neutral: the one lime is the "n to confirm" chip */
.dc-signs{display:grid;grid-template-columns:1fr 1fr;gap:48px;margin-top:40px}
.dc-signs div{display:flex;flex-direction:column;gap:4px}
.dc-signs span{font-size:var(--k-t-cap);text-transform:uppercase;letter-spacing:.08em;color:#6B7076;font-weight:600}
.dc-signs i{height:44px;border-bottom:1px solid #D3D6DA}
.dc-signs b{font-weight:500;font-size:var(--k-t-sm)}.dc-signs small{color:#6B7076;font-size:var(--k-t-cap)}
.dc-foot{margin-top:34px;padding-top:12px;border-top:1px solid #E4E6E9;font-size:var(--k-t-cap);color:#6B7076;display:flex;gap:12px;flex-wrap:wrap}
.dc-foot .dc-lock{display:inline-flex;align-items:center;gap:4px}

/* deck: the slide large, a slim filmstrip; the slide master follows the Doc's style */
.dc-slide{container-type:inline-size;aspect-ratio:16/9;width:100%;background:#fff;color:#0B0B0C;border-radius:var(--k-r-lg);overflow:hidden;position:relative;box-shadow:0 1px 2px rgba(20,22,30,.06),0 24px 60px -30px rgba(20,22,30,.45)}
.dc-s{position:absolute;inset:0;padding:7cqw 8cqw;display:flex;flex-direction:column;font-family:var(--dc-font,var(--k-font))}
.dc-s .dc-sh1{margin:auto 0 2.4cqw;font-size:7.2cqw;font-weight:300;line-height:1.02;letter-spacing:-.035em;color:var(--dc-ink,#0B0B0C);font-family:var(--dc-head-font,inherit)}
.dc-s .dc-sh2{margin:0 0 4cqw;font-size:4.6cqw;font-weight:400;letter-spacing:-.02em;color:var(--dc-ink,#0B0B0C);font-family:var(--dc-head-font,inherit)}
.dc-s p{margin:0;font-size:1.9cqw;color:#5E636A}
.dc-s ul{margin:0;padding:0;list-style:none;display:grid;gap:2.2cqw}
.dc-s li{font-size:2.6cqw;padding-left:3cqw;position:relative;color:#26272B}
.dc-s li::before{content:"";position:absolute;left:0;top:.55em;width:1cqw;height:1cqw;border-radius:50%;background:var(--dc-ink,#0B0B0C)}
.dc-stripe{position:absolute;left:0;top:0;bottom:0;width:1.4cqw;background:var(--dc-accent,#D8F500)}
.dc-slogo{display:flex;align-items:center;gap:1.4cqw;font-size:1.9cqw}.dc-slogo .dc-logo{width:3.6cqw;height:3.6cqw}.dc-slogo b{font-weight:500}
.dc-s3{display:grid;grid-template-columns:repeat(3,1fr);gap:3cqw}
.dc-s3 b{display:block;font-size:6cqw;font-weight:300;letter-spacing:-.035em;line-height:1;font-variant-numeric:tabular-nums;color:var(--dc-ink,#0B0B0C)}
.dc-s3 span{display:block;margin-top:1.2cqw;font-size:2.2cqw;color:#5E636A}
.dc-sbars{flex:1;display:flex;gap:2cqw;align-items:stretch;margin-top:3.4cqw;min-height:0}
.dc-sb{flex:1;display:flex;flex-direction:column;gap:.8cqw}.dc-sb small{font-size:1.9cqw;color:#6B7076;text-align:center}
.dc-sbp{flex:1;display:flex;align-items:flex-end;gap:.6cqw;padding:0 2.2cqw}
.dc-sbx{flex:1;height:var(--h);border-radius:1cqw;background:var(--dc-ink,#0B0B0C)}
.dc-sbx.is-hi{background:var(--dc-accent,#D8F500)}
.dc-sbx.is-ly{background:repeating-linear-gradient(135deg,#D3D6DA 0 2px,transparent 2px 7px);box-shadow:inset 0 0 0 1px #D3D6DA}
.dc-slg{display:flex;align-items:center;gap:1cqw;margin-top:1.6cqw!important;font-size:1.8cqw!important}
.dc-slg i{width:1.4cqw;height:1.4cqw;border-radius:.4cqw;background:var(--dc-accent,#D8F500);display:inline-block}.dc-slg i.is-ly{margin-left:2cqw;background:repeating-linear-gradient(135deg,#D3D6DA 0 1px,transparent 1px 4px);box-shadow:inset 0 0 0 1px #D3D6DA}
.dc-s3w{padding-top:5.5cqw;padding-bottom:5cqw}.dc-s3w .dc-sh2{margin-bottom:2.6cqw}
.dc-s .dc-big{font-size:5cqw;color:var(--dc-ink,#0B0B0C);font-weight:300;letter-spacing:-.03em;margin:-1cqw 0 4cqw;line-height:1.1}
.dc-sno{position:absolute;right:3cqw;bottom:2.4cqw;font-size:1.5cqw;color:#8E9298}
.dc-capl{display:flex;align-items:center;justify-content:space-between;margin:-8px 4px 0;font-size:var(--k-t-sm);color:var(--k-text-2)}
.dc-nav{display:flex;gap:6px}
.dc-film{display:grid;grid-template-columns:repeat(var(--n,6),minmax(0,1fr));gap:8px;padding:2px}
.dc-tb{border:0;background:none;padding:0;cursor:pointer;display:flex;flex-direction:column;gap:5px;align-items:center;color:var(--k-text-3)}
.dc-tb .dc-slide{border-radius:8px;box-shadow:0 0 0 1px var(--ka-soft);pointer-events:none}
.dc-tb.is-cur .dc-slide{box-shadow:0 0 0 2px var(--k-text)}
.dc-tb>small{font-size:12px}.dc-tb.is-cur>small{color:var(--k-text);font-weight:500}
.dc-present{position:fixed;inset:0;z-index:1000;background:#0B0B0C;display:grid;place-items:center;padding:48px 64px 96px}
.dc-present>.dc-slide{width:min(100%,calc((100vh - 160px)*16/9));border-radius:16px}
.dc-pbar{position:absolute;left:50%;bottom:28px;transform:translateX(-50%);display:flex;align-items:center;gap:12px;padding:6px 8px;border-radius:var(--k-r-pill);background:rgba(255,255,255,.08);color:#C9CCD1;font:500 13px/1 var(--k-font)}
.dc-pbar .k-ibc{background:rgba(255,255,255,.08);border-color:transparent;color:#fff}

/* S430 — style: Bureo vs the brand kit, side by side */
.dc-styles{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.dc-stc{border:0;font:inherit;text-align:left;cursor:pointer;display:flex;flex-direction:column;gap:10px;padding:12px;border-radius:var(--k-r-lg);background:var(--ka-card);box-shadow:0 0 0 1px var(--ka-soft);color:var(--k-text)}
.dc-stc[aria-pressed="true"]{box-shadow:0 0 0 2px var(--k-text)}
.dc-stc .dc-paper{padding:16px 18px;font-size:12px;line-height:1.5;box-shadow:0 0 0 1px #ECEDEF;pointer-events:none}
.dc-stc .dc-lh{padding-bottom:8px;margin-bottom:10px}.dc-stc .dc-lh .dc-logo{width:20px;height:20px}.dc-stc .dc-lh b{font-size:12px}.dc-stc .dc-lh small{display:none}
.dc-stc .dc-paper .dc-ph{font-size:17px;margin:2px 0 8px}
.dc-stc .dc-sw{display:flex;gap:4px;margin-top:8px}.dc-sw i{width:22px;height:8px;border-radius:3px}
.dc-stc>b{font-weight:500;font-size:var(--k-t-sm)}.dc-stc>small{font-size:var(--k-t-cap);color:var(--k-text-3);margin-top:-8px}
.dc-kit{display:grid;grid-template-columns:auto 1fr;gap:6px 16px;font-size:var(--k-t-sm);margin:0}
.dc-kit dt{color:var(--k-text-3)}.dc-kit dd{margin:0;display:flex;align-items:center;gap:6px;flex-wrap:wrap}
.dc-kit i{width:14px;height:14px;border-radius:4px;display:inline-block;box-shadow:inset 0 0 0 1px rgba(0,0,0,.08)}

/* S431 — share: who has it, smart links and what they read */
.dc-share.k-card2{padding:18px 20px;gap:14px;border-radius:var(--k-r-lg)}
.dc-share h4{margin:0;font-size:var(--k-t-md);font-weight:600}
.dc-rows{display:grid;gap:2px;margin:0;padding:0;list-style:none}
.dc-rows li{display:flex;align-items:center;gap:12px;padding:10px 4px;border-radius:12px;font-size:var(--k-t-base)}
.dc-rows li+li{box-shadow:inset 0 1px 0 var(--ka-soft)}
.dc-rows .dc-who{flex:1;min-width:0;display:flex;flex-direction:column}
.dc-rows .dc-who small{font-size:var(--k-t-cap);color:var(--k-text-3)}
.dc-rows .dc-r{margin-left:auto;text-align:right;font-variant-numeric:tabular-nums;font-size:var(--k-t-sm);color:var(--k-text-2)}
.dc-av{width:32px;height:32px;border-radius:50%;display:grid;place-items:center;background:var(--ka-pill);font-size:12px;font-weight:600;flex:none}
.dc-url{display:flex;align-items:center;gap:8px;padding:10px 12px;border-radius:var(--k-r-md);background:var(--ka-pill);font:13px/1.3 var(--k-mono);overflow:hidden}
.dc-url span{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.dc-now{display:inline-flex;align-items:center;gap:6px;font-size:var(--k-t-cap);color:var(--k-ok-ink)}
.dc-now::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--k-ok)}
.dc-pages{display:flex;align-items:flex-end;gap:4px;height:56px}
.dc-pages i{flex:1;height:var(--h);border-radius:4px 4px 2px 2px;background:var(--k-text);min-height:3px}
.dc-pages i.is-hi{background:var(--k-accent)}
.dc-note{font-size:var(--k-t-cap);color:var(--k-text-3);margin:0}
.dc-opts{display:flex;flex-wrap:wrap;gap:8px}
.dc-opt{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:var(--k-r-pill);background:var(--ka-card);box-shadow:0 0 0 1px var(--ka-soft);font-size:var(--k-t-sm)}
.dc-bundle{display:grid;gap:6px;padding:12px 14px;border-radius:var(--k-r-md);background:var(--ka-pill);font-size:var(--k-t-sm)}
.dc-bundle b{font-weight:600}
.dc-bundle ol{margin:0;padding-left:20px;display:grid;gap:4px}
.dc-rows .dc-ico{width:32px;height:32px}
.dc-sendf{display:grid;gap:10px}
.dc-sendf label{display:grid;gap:4px;font-size:var(--k-t-sm);color:var(--k-text-2)}

/* the Doc card in the chat: one line, the card, Open */
html.b-m1 #agThread .ag-card.dc-cc{padding:12px}
.dc-cc{display:block}
.dc-ccr{display:flex;align-items:center;gap:14px}
.dc-cct{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}
.dc-cct b{font-weight:500;font-size:var(--k-t-base);line-height:1.3}
.dc-cct small{font-size:var(--k-t-cap);color:var(--k-text-3)}
.k-btn.dc-open{gap:6px;background:var(--ka-card);border-color:var(--ka-soft);color:var(--k-text);cursor:pointer;padding:6px 8px 6px 14px}
.dc-open>span{display:grid;place-items:center;width:22px;height:22px;border-radius:50%;background:var(--k-text);color:var(--ka-card)}

/* print / PDF: the Doc alone, in its style */
@media print{
  html.dc-on body *{visibility:hidden}
  html.dc-on .dc-sec,html.dc-on .dc-sec *{visibility:visible}
  html.dc-on .dc-sec{position:absolute;inset:0 auto auto 0;width:100%}
  .dc-bar,.dc-askw,.dc-editbar{display:none!important}
}

/* phone: the sheet; icon-only actions except Send */
@media (max-width:860px){
  .dc-sec{gap:18px;padding:2px 2px 0}
  .dc-bar{gap:6px}.dc-bar .dc-b>span{display:none}.dc-bar .dc-b{padding:8px 10px}.dc-bar .dc-ink>span{display:inline}.dc-bar .dc-ink{padding:8px 14px 8px 12px}
  .dc-nums{gap:10px;padding:0 4px}.dc-nums b{font-size:27px}.dc-nums span{font-size:var(--k-t-cap);margin-top:6px}
  .dc-cbars.k-cbars{height:120px;gap:6px}
  .k-lgd{flex-wrap:wrap;row-gap:4px}.dc-card .k-c2h{flex-wrap:wrap}
  .dc-tth{padding:2px 8px 8px}
  .dc-tbl .dc-hide{display:none}
  .dc-tbl td{padding:12px 8px}.dc-tbl th{padding:8px}
  .dc-paper{padding:28px 22px 26px}
  .dc-paper .dc-ph{font-size:23px}
  .dc-art p{margin-left:0}
  .dc-signs{gap:20px}
  .dc-film{grid-template-columns:repeat(var(--n,6),76px);overflow-x:auto;scrollbar-width:none;margin:0 -2px}
  .dc-styles{grid-template-columns:1fr}
  html.b-m1 .dc-menu.m1-menu{left:0;right:auto;width:240px;min-width:240px}
  .dc-askw{display:none}
  .dc-nums b{font-size:24px;white-space:nowrap}
}

/* dark: chart ink follows the theme (a brand ink is too dark on a dark card); the paper and the slides stay white */
html[data-theme="dark"] .dc-sec .dc-doc{--dc-chart:var(--k-text)!important}

}
.dc-pill{gap:6px}.dc-pill::before{background:var(--k-accent)}
.dc-pill.is-ok::before{background:var(--k-ok)}
.dc-cnt{margin-left:6px;padding:2px 8px;border-radius:var(--k-r-pill);background:var(--k-accent);color:var(--k-accent-ink);font-size:12px;font-weight:600}
/* chart pairs: this year solid, last year hatched */
.dc-pair{display:flex;align-items:flex-end;gap:3px;height:100%;width:100%}
.dc-pair .k-bx{flex:1;height:var(--h);border-radius:7px}
.dc-cbars:not(.dc-pairs) .dc-pair{gap:0}
/* table: key, mix bar, # column, sort switch */
.dc-tt{flex:1;min-width:0;display:flex;flex-direction:column;gap:6px}
.dc-key{display:flex;gap:14px;font-size:var(--k-t-cap);color:var(--k-text-3);white-space:nowrap;flex-wrap:wrap}.dc-key span{display:inline-flex;align-items:center;gap:6px}.dc-key i{width:10px;height:4px;border-radius:2px}
.dc-thm{font-weight:400}
.dc-sort.k-segp.k-sm{width:200px;flex:none}
.dc-mix{display:flex;gap:2px;width:132px;height:4px;margin-top:9px}.dc-mix i{display:block;border-radius:2px;min-width:3px}
.dc-m0{background:var(--k-text)}.dc-m1{background:var(--k-text-3);opacity:.7}.dc-m2{background:var(--ka-soft)}
.dc-tbl td.dc-n{padding-top:15px}
.dc-det,.dc-chv{display:none}
/* legal: the agent's margin note */
.dc-noted{position:relative}
.dc-mnote{margin:10px 0 4px 24px;max-width:420px;display:flex;gap:10px;padding:12px 14px;border-radius:16px 16px 16px 4px;background:var(--ka-card);box-shadow:0 0 0 1px var(--ka-soft),0 14px 34px -18px rgba(20,22,30,.4);font-size:var(--k-t-cap);line-height:1.45;color:var(--k-text)}
.dc-mnote b{display:block;font-weight:600;margin-bottom:2px}.dc-mnote p{margin:0!important;color:var(--k-text-2)}
.dc-paper{padding:56px 60px 52px}
@media (max-width:860px){
  .dc-sort.k-segp.k-sm{display:none}
  .dc-chv{display:inline-grid;vertical-align:-2px;margin-left:6px;color:var(--k-text-3)}
  .dc-tbl tr.is-open td{background:var(--ka-pill)!important}
  .dc-tbl tr.is-open td:first-child{border-radius:14px 0 0 14px}.dc-tbl tr.is-open td:last-child{border-radius:0 14px 14px 0}
  .dc-tbl tr.is-open .dc-det{display:grid;grid-template-columns:1fr 1fr;gap:10px 14px;margin-top:12px}
  .dc-det span{display:flex;flex-direction:column;font-size:var(--k-t-md);font-variant-numeric:tabular-nums}.dc-det em{font-style:normal;font-size:var(--k-t-cap);color:var(--k-text-3)}
  .dc-mnote{margin:8px 0 4px;max-width:none}
  .dc-paper{padding:30px 22px 28px}
  .dc-cnt{display:none}
}

/* the Export menu also holds Freeze / Make live and Style (review fix b) */
.dc-msep{border:0;border-top:1px solid var(--ka-soft);margin:6px 8px}
.dc-menu .dc-fmt svg{display:block}
/* a draft: one quiet dot before "Draft · needs your OK" on the shell's grey line */
html.dc-on.dc-draft #m1WorkHead .m1-wtitle small::before{content:"";display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--k-ok,#1E9E5A);margin-right:7px;vertical-align:1px}
.dc-paper .dc-mnote{background:#fff;color:#16171A;box-shadow:0 0 0 1px #E4E6E9,0 14px 34px -18px rgba(20,22,30,.35)}.dc-paper .dc-mnote p{color:#5E636A}
/* review fix (d): the open slide's mini-labels and footnotes never under 12px on desk (thumbnails stay pictures) */
@media (min-width:861px){
  .dc-sec :not(.dc-tb)>.dc-slide .dc-s p,.dc-sec :not(.dc-tb)>.dc-slide .dc-sb small,.dc-sec :not(.dc-tb)>.dc-slide .dc-slg,.dc-sec :not(.dc-tb)>.dc-slide .dc-slogo,.dc-sec :not(.dc-tb)>.dc-slide .dc-s3 span,.dc-sec :not(.dc-tb)>.dc-slide .dc-sno{font-size:max(12px,1.9cqw)!important}
}
/* review 2: a long locale keeps Send on the first row (icons only for the secondary actions, set in paint()) */
.dc-bar.dc-tight .dc-b:not(.dc-ink)>span{display:none}.dc-bar.dc-tight .dc-b:not(.dc-ink){padding:8px 10px}
@media (max-width:860px){
  /* the e-signature pill fits the gutter in every locale */
  .dc-bar .dc-ink{max-width:100%;min-width:0}.dc-bar .dc-ink>span:not(.dc-cnt){overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}
  /* share rows: the reading bars give way to the name on a phone */
  .dc-rows .dc-pages{display:none}.dc-rows li{gap:10px}
  /* the slide strip scrolls: a soft fade says there is more */
  .dc-film{-webkit-mask-image:linear-gradient(to right,#000 82%,transparent);mask-image:linear-gradient(to right,#000 82%,transparent)}
}
.dc-tbl thead th:nth-child(2){white-space:nowrap}   /* "Cliente · cobrado / pendiente" on one line */