/* Vego · docs.css — Documents: quotation / invoice studio, PDFs, Vegobot drawings, drawing pad. Split from app.css (2.77.8); load order: base, crm, docs, accounts, projects. */
.upzone{position:relative;display:flex;align-items:center;justify-content:center;gap:8px;border:2px dashed var(--line);border-radius:10px;padding:12px;font-weight:600;color:var(--ink2);background:var(--pane);margin-top:8px}
.upzone input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer}
.dropzone,.upzone{border-color:var(--line);border-radius:16px}
.dkind.Site-photo{color:#0F299A}
.dclient{border:0;background:none;padding:0;margin-top:4px;color:var(--brand-fg);font-weight:600;font-size:12.5px;cursor:pointer;text-align:start;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.dmeta{font-size:11.5px;color:var(--muted);margin-top:2px}
.msel{width:100%;margin-top:8px;border:0;background:var(--glass);border-radius:12px;padding:10px;font-weight:600}
.mtotal{margin-top:12px;font-size:15px;background:var(--brand-soft);border-radius:14px;padding:12px 14px}
.dsdraft{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:12px 14px;margin:0 0 14px;border-radius:16px;background:linear-gradient(135deg,#FFF7ED,#FFEDD5);box-shadow:inset 0 0 0 1px #FED7AA}
.dsd-ic svg{width:20px;height:20px}.dsd-t{flex:1;min-width:150px}.dsd-t b{display:block;font-size:14.5px;color:#1F369A}.dsd-t small{font-size:12.5px;color:#1C2E7C;opacity:.85}.dsd-b{display:flex;gap:6px}
.ownfmt{padding:12px;border-radius:16px;background:var(--pane);box-shadow:0 0 0 1px var(--line);margin:0 0 14px}.ofh{display:block;font-size:14.5px}.ofs{display:block;font-size:12px;color:var(--muted);line-height:1.35;margin:2px 0 8px}
.ofrow{display:flex;align-items:center;gap:10px;padding:8px 0;border-top:1px solid var(--line)}.ofth{flex:none;width:40px;height:52px;border-radius:6px;overflow:hidden;background:var(--glass);display:grid;place-items:center;box-shadow:0 0 0 1px var(--line)}.ofth img{width:100%;height:100%;object-fit:cover;object-position:top}.ofth i{font-style:normal;font-weight:800;color:var(--muted)}
.oft{flex:1;min-width:0}.oft b{display:block;font-size:13.5px}.oft small{display:block;font-size:11.5px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ofb{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end}
.svcstat{font-size:11.5px;color:var(--muted);margin:6px 2px 0;line-height:1.5}
.skbody{padding-top:6px!important}
.sktools{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin-bottom:8px}
.sksep{width:1px;height:22px;background:var(--line);margin:0 2px}
.sktool svg{width:18px;height:18px}
.skwrap{border-radius:14px;overflow:hidden;box-shadow:0 0 0 1px var(--line);background:#fff}
.skwrap canvas{display:block;touch-action:none}
.adbody{flex:1;display:flex;flex-direction:column;gap:10px;padding-bottom:10px!important}
.adatt{display:flex;align-items:center;gap:8px;margin-bottom:6px;font-size:13px}
.adatt img{width:44px;height:44px;object-fit:cover;border-radius:8px}
.adatt button{border:0;background:none;font-size:18px;cursor:pointer;color:var(--ink)}
.adprev{background:#fff;border-radius:12px;overflow:auto;box-shadow:0 0 0 1px var(--line)}
.adprev svg{display:block;width:100%;height:auto;min-width:520px}
.adthumb{position:relative;display:inline-flex;align-items:center;gap:6px;margin-inline-end:8px}
.adthumb select{font:inherit;font-size:12px;border-radius:8px;border:1px solid var(--line);padding:4px;background:var(--pane);color:var(--ink)}
.adalt{display:flex;flex-wrap:wrap;gap:14px;margin-top:10px}
.adalt button{border:0;background:none;padding:0;color:var(--muted);font:inherit;font-size:12.5px;text-decoration:underline;cursor:pointer}
.tt-band{inset-inline-start:0;top:0;inset-inline-end:0;height:16%}
.tt-band .tt-w1{inset-inline-start:8%;top:30%;width:34%;height:16%;background:rgba(255,255,255,.95);border-radius:2px}
.tt-band .tt-w2{inset-inline-end:8%;top:30%;width:26%;height:20%;background:rgba(255,255,255,.7);border-radius:2px}
.tt-bar{inset-inline-start:0;top:0;bottom:0;width:4%}
.tt-line{inset-inline-start:8%;inset-inline-end:8%;top:4%;height:10%;border-bottom:2px solid var(--a)}
.tt-line .tt-logo{inset-inline-start:0;top:18%;width:38%;height:34%;background:#22252E;border-radius:2px}
.tt-line .tt-title{inset-inline-end:0;top:18%;width:30%;height:30%;border-radius:2px}
.tt-ctr{inset-inline-start:8%;inset-inline-end:8%;top:4%;height:12%;border-bottom:3px double var(--a)}
.tt-ctr i:first-child{inset-inline-start:32%;width:36%;top:12%;height:26%;background:#22252E;border-radius:2px}
.tt-ctr i:last-child{inset-inline-start:38%;width:24%;top:58%;height:16%;background:var(--a);border-radius:2px}
.tt-boxes{inset-inline-start:8%;inset-inline-end:8%;top:20%;height:11%}
.tt-boxes i{top:0;bottom:0;width:47%;background:#F2F4F8;border-radius:2px}
.tt-boxes i:last-child{inset-inline-end:0}
.rnd .tt-boxes i,.rnd .tt-th,.rnd .tt-tot{border-radius:5px}
.tt-th{inset-inline-start:8%;inset-inline-end:8%;top:35%;height:5%}
.tt-rows{inset-inline-start:8%;inset-inline-end:8%;top:41%;height:26%}
.tt-rows i{inset-inline-start:0;inset-inline-end:0;height:1px;background:#E3E6EC}
.tt-rows i:nth-child(1){top:22%}.tt-rows i:nth-child(2){top:46%}.tt-rows i:nth-child(3){top:70%}.tt-rows i:nth-child(4){top:94%}
.tt-tot{inset-inline-end:8%;width:40%;top:72%;height:5%;border-radius:2px}
.serif .tt-ctr{font-family:Georgia,serif}
.mtlist{display:flex;flex-direction:column;border-radius:14px;overflow:hidden;box-shadow:0 0 0 1px rgba(15,23,42,.08);background:var(--pane)}
.mtrow{display:grid;gap:2px 12px;padding:11px 14px;border-top:1px solid rgba(15,23,42,.06)}
.mtrow:first-child{border-top:0}
.mtm{display:flex;flex-direction:column;gap:2px;min-width:0}
.mtm b{font-size:14px}.mtm span{font-size:12.5px;color:var(--muted)}
.mtm em{font-style:normal;font-size:11px;font-weight:600;color:#1A16B8;background:#EEF1FF;border-radius:999px;padding:1px 8px;align-self:flex-start;margin-top:2px}
.mtq{font-size:17px;font-weight:700;text-align:end;white-space:nowrap}
.mtq small{display:block;font-size:11.5px;font-weight:600;color:var(--muted)}
.mtc{grid-column:1/-1;font-size:12px;color:#4B5468;background:#F6F7FB;border-radius:8px;padding:5px 9px;margin-top:4px}
.mtall{display:flex;align-items:center;gap:10px;padding:10px 14px;margin:0 0 8px;border-radius:12px;background:var(--pane);box-shadow:0 0 0 1px rgba(15,23,42,.08);cursor:pointer}
.mtall input,.mtrow input{width:20px;height:20px;accent-color:#1A16B8;flex:none;margin:0}
.mtall span{margin-inline-start:auto;font-size:12.5px;color:var(--muted)}
.mtrow{grid-template-columns:auto 1fr auto!important;cursor:pointer;align-items:start}
.mtrow input{margin-top:2px}
.mtrow .mtc{grid-column:2/-1!important}
.mtrow:has(input:not(:checked)) .mtm,.mtrow:has(input:not(:checked)) .mtq,.mtrow:has(input:not(:checked)) .mtc{opacity:.4}
.mtpdf{display:inline-flex;align-items:center;gap:7px}
.mtpdf svg{width:17px;height:17px}
.dss-h{display:flex;align-items:center;gap:12px;cursor:pointer}
.dss-h input{width:20px;height:20px;accent-color:#1A16B8;flex:none;margin:0}
.dss-h span{display:flex;flex-direction:column}
.dss-h small,.dss-add small{font-size:12px;color:var(--muted)}
.dss-add{display:flex;align-items:center;gap:12px;margin-top:12px;padding:12px;border-radius:12px;border:1.5px dashed rgba(26,22,184,.35);background:#F5F6FF;cursor:pointer}
.dss-add span:last-child{display:flex;flex-direction:column}
.dss-plus{width:40px;height:40px;flex:none;border-radius:50%;display:grid;place-items:center;font-size:24px;font-weight:600;color:#fff;background:linear-gradient(135deg,#3B5BFF,#1A16B8)}
.dss-img{display:flex;align-items:center;gap:12px;margin-top:12px}
.dss-img img{width:64px;height:64px;object-fit:contain;border-radius:10px;background:#fff;box-shadow:0 0 0 1px rgba(15,23,42,.08)}
.dss-img span{flex:1;font-size:13px;font-weight:600;color:#15803D}
.cc-logo{width:52px;height:52px;border-radius:14px;background:#fff;box-shadow:inset 0 0 0 1px var(--line);display:grid;place-items:center;overflow:hidden;flex:none}
.cc-logo img{max-width:46px;max-height:46px;object-fit:contain}.cc-main{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.cc-main>b{font-size:15.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cc-main>small{font-size:12.5px;color:var(--ink2)}
.cc-ring{position:relative;width:56px;height:56px;flex:none}.cc-ring svg{width:56px;height:56px;display:block}
.cc-ring b{position:absolute;inset:0;place-items:center;font-size:14px;font-weight:800;color:var(--ink)}.cc-ring b small{font-size:9px;font-weight:700;margin-inline-start:1px}
.cc-ring b{display:flex;align-items:center;justify-content:center}
@media (max-width:420px){.cocard .cc-edit{display:none}}
.dsbank{margin-top:12px;padding:12px;border:1px solid var(--line);border-radius:14px;background:var(--card)}.dsbank b{font-size:13.5px}.dsbk-ch{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}.dcbar,.dcup{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin:0 0 10px}.dcup select,.dcup input{height:40px;border:1px solid #D9DEE5;border-radius:11px;background:#fff;padding:0 10px;font:inherit;font-size:13.5px;flex:1;min-width:120px}
.dcdel{flex:none;width:30px;height:30px;border-radius:50%;border:0;background:#F2F3F7;color:#5B6178;font-size:16px;cursor:pointer}
.dexp{font-style:normal;font-size:11px;font-weight:600;border-radius:999px;padding:2px 8px;align-self:flex-start}.dccount{font-style:normal;font-size:10.5px;font-weight:600;background:#DDE6FB!important;color:#2F5BD6;border-radius:99px;padding:0 6px;margin-inline-start:4px}
.airules{margin:0 0 12px;padding:10px 12px;border-radius:14px;background:#EEF4FF}.airules summary{font-weight:600;font-size:13.5px;cursor:pointer}.airules summary em{font-style:normal;font-size:11px;background:#2F5BD6;color:#fff;border-radius:99px;padding:0 6px;margin-inline-start:4px}.airules textarea{width:100%;margin:8px 0;border:1px solid #D9DEE5;border-radius:10px;padding:8px;font:inherit;font-size:13px;box-sizing:border-box}
/* 2.72.2: drawing pad: size form over the drawing, hint line */
.skwrap{position:relative}
.skhint{margin:6px 2px 8px;font-size:12.5px;color:#6E6E73}
.skedit{position:absolute;inset-inline-start:10px;inset-inline-end:10px;top:10px;z-index:5;background:#fff;border-radius:16px;padding:12px;box-shadow:0 14px 34px -12px rgba(11,20,96,.45),0 0 0 1px rgba(11,20,96,.08)}
.skedit[hidden]{display:none}
.skedit .ske-t{display:block;font-size:14px;margin-bottom:8px;color:#1800AD}
.skedit .ske-g{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.skedit .ske-f{display:flex;flex-direction:column;gap:3px;font-size:11.5px;color:#6E6E73}
.skedit .ske-f input,.skedit .ske-f select{height:40px;border-radius:10px;border:1px solid #D9DEEA;padding:0 10px;font:inherit;font-size:15px;color:#0B0D10;background:#fff}
.skedit .ske-wide{grid-column:1/-1}
.skedit .ske-s{display:block;margin-top:6px;font-size:11px;color:#8A8F9E}
.skedit .ske-b{display:flex;gap:8px;align-items:center;margin-top:10px}.adideas{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;max-width:360px}
.adprevb{border:0;background:none;color:var(--brand-fg,#2F4FE0);font:inherit;font-size:13.5px;font-weight:600;cursor:pointer}
.adnote{width:100%;max-width:360px;text-align:start}
.adcomp .adatt{margin:0 0 8px}
.adbar.adbar3{border-top:0;padding:8px 14px calc(14px + env(safe-area-inset-bottom,0px))}
.adcomp3{background:linear-gradient(180deg,#F7F8FA,#F2F4F7);border:2px solid #fff;border-radius:28px;box-shadow:0 22px 40px -22px rgba(15,23,42,.35),0 2px 6px rgba(15,23,42,.04);overflow:visible}
.adcomp3 .adatt{margin:12px 16px 0}
.adcomp3 textarea{display:block;width:100%;min-height:84px;max-height:200px;resize:none;border:0!important;outline:none!important;box-shadow:none!important;background:transparent;font:inherit;font-size:16px;font-weight:500;line-height:1.5;color:#2A3142;padding:16px 20px 12px}
.adcomp3 textarea::placeholder{color:#7A808C;font-weight:500}
.adti{position:relative;width:40px;height:40px;flex:none;display:grid;place-items:center;border-radius:12px;color:#111827;cursor:pointer;overflow:hidden}
.adti:active{background:rgba(15,23,42,.06)}
.adti svg{width:25px;height:25px}
.adti input[type=file]{position:absolute;inset:0;opacity:0;font-size:0;cursor:pointer}
.adsend3:active{transform:scale(.97)}
.adsend3:disabled{opacity:.6}
.adbot .eyes{transform-box:fill-box;transform-origin:center;animation:adbotB 4.2s ease-in-out infinite}
.adshadow{position:absolute;z-index:1;bottom:6px;inset-inline-start:50%;width:70px;height:10px;margin-inline-start:-35px;border-radius:50%;background:radial-gradient(closest-side,rgba(30,90,180,.25),rgba(30,90,180,0));animation:adbotS 3.6s ease-in-out infinite}
.adrip.r3{animation-delay:2s}
@media (prefers-reduced-motion:reduce){.adbot-svg,.adbot .eyes,.adshadow,.adrip{animation:none}.adrip{display:none}}
/* 2.75.3 Vegobot AI header */
.vbot-h{display:inline-flex;align-items:center;gap:8px;font-family:"Saira","Sora",system-ui,sans-serif;font-weight:600;letter-spacing:.01em}
.adbar.adbar3{padding:6px 10px calc(8px + env(safe-area-inset-bottom,0px))!important}
.adcomp3{border-radius:22px!important}
.adcomp3 textarea{min-height:40px!important;max-height:120px!important;font-size:14.5px!important;padding:10px 14px 4px!important}
.adtools3{padding-block:4px 6px!important;padding-inline:10px 8px!important}
.adti{width:34px!important;height:34px!important}
.adti svg{width:21px!important;height:21px!important}
.adsend3 svg{width:19px!important;height:19px!important}
.adprev-ai img{display:block;width:100%;height:auto}
.adalt{display:flex;gap:14px;justify-content:center;margin:6px 0 2px}
.adalt button{border:0;background:none;color:var(--brand-fg,#2F4FE0);font:inherit;font-size:13.5px;font-weight:600;cursor:pointer}
.adattw{position:relative;display:inline-flex}
.adattm{position:absolute;inset-inline-start:0;bottom:44px;z-index:30;display:flex;flex-direction:column;min-width:150px;padding:6px;background:#fff;border-radius:14px;box-shadow:0 8px 28px rgba(15,23,42,.18),0 0 0 1px rgba(15,23,42,.06)}
.adattm[hidden]{display:none}
.adattm label{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:10px;font-size:14px;font-weight:600;color:#1F2633;cursor:pointer}
.adattm label:active{background:#EAF2FF}
.adattm svg{width:20px;height:20px;color:#3461DC;flex:none}
.adlist{display:flex;flex-direction:column;gap:8px;margin-bottom:14px}
.adlrow{display:flex;align-items:center;gap:8px;padding:8px 10px;background:#fff;border-radius:14px;box-shadow:0 0 0 1px rgba(20,24,60,.07)}
.adl-main{flex:1;min-width:0;display:flex;align-items:center;gap:10px;border:0;background:none;padding:0;text-align:start;font:inherit;color:inherit;cursor:pointer}
.adl-ic{width:34px;height:34px;flex:none;border-radius:10px;background:#EAF4FF;object-fit:contain;padding:3px}
.adl-t{min-width:0}.adl-t b{display:block;font-size:13.5px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.adl-t small{display:block;font-size:12px;color:#5B6178}
.adl-acts{display:flex;align-items:center;gap:6px;flex:none}
.adl-del{width:30px;height:30px;border:0;border-radius:9px;background:none;color:#8A90A2;display:grid;place-items:center;cursor:pointer}
.adl-del svg{width:18px;height:18px}.adl-del:active{background:#F1F3F8;color:#B4332B}
.adnudge{position:fixed;inset-inline-start:12px;inset-inline-end:12px;bottom:calc(84px + env(safe-area-inset-bottom));z-index:60;display:flex;align-items:center;gap:8px;padding-block:10px 10px;padding-inline:12px 10px;background:#fff;border-radius:16px;box-shadow:0 10px 30px rgba(15,23,42,.18),0 0 0 1px rgba(15,23,42,.06);max-width:560px;margin:0 auto}
.adnudge>img{width:34px;height:34px;flex:none;border-radius:10px;background:#EAF4FF;object-fit:contain;padding:3px}
.adn-t{flex:1;min-width:0}.adn-t b{display:block;font-size:13.5px}.adn-t small{display:block;font-size:12px;color:#5B6178;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.adn-x{border:0;background:none;font-size:20px;line-height:1;color:#8A90A2;padding:2px 4px;cursor:pointer}
/* 2.76.3: drawing pad toolbar — colour, line and shapes open small menus */
.sktools{position:relative}
.skpopw{position:static;display:inline-flex}
.skpop{position:absolute;top:42px;inset-inline-start:0;z-index:20;display:grid;gap:6px;padding:8px;background:#fff;border-radius:14px;box-shadow:0 12px 30px rgba(15,23,42,.18),0 0 0 1px rgba(15,23,42,.06)}
.skpop[hidden]{display:none}
.skpop-col{grid-template-columns:repeat(6,28px)}
.skpop-col .skcol{width:28px;height:28px}
.skpop-w{grid-template-columns:1fr;min-width:150px}
.skwb small{font-size:12.5px}
.skpop-shape{grid-template-columns:repeat(4,64px)}
.skshb svg{width:22px;height:22px}
.skshb small{font-size:11px}
.skshb .skT{font-size:18px;line-height:22px}
.sktool.sktxt{display:inline-flex;gap:2px;padding-block:0 0;padding-inline:10px 8px;font-size:13px}
.sktool.sktxt svg{width:15px;height:15px}
.skcolb i{display:block;width:18px;height:18px;border-radius:50%;background:var(--c);box-shadow:0 0 0 2px #fff,0 0 0 3px #CBD2DC}
@media (max-width:380px){.skpop-shape{grid-template-columns:repeat(3,64px)}}
.sktools{gap:4px;flex-wrap:nowrap;overflow:visible}
.sktools .sktool{min-width:31px;padding:0 5px}
.sktools .sktool.sktxt{padding-block:0 0;padding-inline:8px 6px}
.sktools .sksep{margin:0 1px}
/* 2.77.1: drawing pad — More menu, Redo, unfinished drawing card */
.skpop-more{inset-inline-start:auto;inset-inline-end:0;grid-template-columns:repeat(3,64px)}
.sktool:disabled{opacity:.35;cursor:default}
.skresume{display:flex;align-items:center;gap:8px;margin:0 0 8px;padding-block:8px 8px;padding-inline:12px 8px;border-radius:14px;background:#EEF2FF;box-shadow:0 0 0 1px #D5DDF8}
.skresume>span{flex:1;min-width:0}.skresume b{display:block;font-size:13.5px}.skresume small{display:block;font-size:12px;color:#5B6178;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sknudge .skn-ic{width:34px;height:34px;flex:none;border-radius:10px;background:#EAF4FF;color:#3461DC;display:grid;place-items:center}
.sknudge .skn-ic svg{width:20px;height:20px}
.adprevpdf{width:40px;height:40px;border-radius:50%;border:0;background:var(--pane);box-shadow:0 0 0 1px var(--line);color:#3461DC;display:grid;place-items:center;cursor:pointer;margin-inline-start:auto;margin-inline-end:6px}
.adprevpdf svg{width:20px;height:20px}
/* ===== 2.79.0 Vegobot hub ===== */
/* Projects home, first card: robot in the rings + Try Vegobot */
.neo-try{border:0;background:none;padding:0;font:inherit;color:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent}
.neo-bot{position:relative;width:120px;height:120px;display:grid;place-items:center}
.neo-bot .nb-svg:not(#_):not(#__){width:92px;height:92px;filter:drop-shadow(0 10px 16px rgba(56,189,248,.35))}
.neo-bot .adrip:not(#_):not(#__){width:84px;height:84px;margin-block:-42px 0;margin-inline:-42px 0;border-color:rgba(125,211,252,.35);background:radial-gradient(circle,rgba(56,189,248,.28),rgba(56,189,248,0) 70%)}
.neo-bot .adshadow{bottom:4px;background:radial-gradient(closest-side,rgba(56,189,248,.35),rgba(56,189,248,0))}
.neo-bot .eyes{transform-box:fill-box;transform-origin:center;animation:nbLook 6s ease-in-out infinite}
@keyframes nbLook{0%,8%{transform:translateX(0) scaleY(1)}16%,30%{transform:translateX(-7px) scaleY(1)}40%,54%{transform:translateX(7px) scaleY(1)}62%,70%{transform:translateX(0) scaleY(1)}73%{transform:translateX(0) scaleY(.12)}76%,100%{transform:translateX(0) scaleY(1)}}
.neo-trylb{margin:-6px auto 0;height:34px;padding:0 18px;border:0;border-radius:999px;background:#3461DC;color:#fff;font:inherit;font-size:13.5px;font-weight:600;letter-spacing:.1px;cursor:pointer;box-shadow:0 8px 20px -8px rgba(52,97,220,.9)}
@media (prefers-reduced-motion:reduce){.neo-bot .eyes{animation:none}}
/* chat header menu button */
#sheet[data-mode="aidraw"] .vbmenub{flex:none;width:36px;height:36px;margin-block:0 0;margin-inline:-6px -4px;border:0;border-radius:12px;background:none;color:#1F2633;display:grid;place-items:center;cursor:pointer}
#sheet[data-mode="aidraw"] .vbmenub svg{width:22px;height:22px}
/* hint bubbles with next-step chips */
.vbacts{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}
#sheet[data-mode="aidraw"] .vbacts .vbbtn:not(#_){height:34px;padding:0 14px;border:0;border-radius:999px;font-size:12.5px;font-weight:600;background:#EEF3FF;color:#1E3A8A;box-shadow:inset 0 0 0 1px rgba(52,97,220,.18);cursor:pointer}
#sheet[data-mode="aidraw"] .vbacts .vbbtn:first-child:not(#_){background:#3461DC;color:#fff;box-shadow:none}
/* ☰ slider */
.vbside{position:absolute;inset:0;z-index:30;pointer-events:none;overflow:hidden;border-radius:inherit}
.vbside.open{pointer-events:auto}
.vbscrim{position:absolute;inset:0;border:0;padding:0;background:rgba(10,18,40,.34);opacity:0;transition:opacity .2s}
.vbside.open .vbscrim{opacity:1}
.vbpanel{position:absolute;top:0;bottom:0;inset-inline-start:0;width:min(84%,330px);display:flex;flex-direction:column;background:linear-gradient(180deg,#FFFFFF 0%,#F6F8FC 100%);border-radius:24px 22px 22px 0;box-shadow:12px 0 40px -12px rgba(15,30,80,.35);transform:translateX(-104%);transition:transform .22s ease;padding-bottom:env(safe-area-inset-bottom,0px)}
.vbside.open .vbpanel{transform:none}
.vbhead{display:flex;align-items:center;justify-content:space-between;padding-block:16px 10px;padding-inline:18px 12px;color:#151B2B}
.vbbrand:not(#_){gap:10px;font-family:"Sora",system-ui,sans-serif;font-weight:700;font-size:23px;letter-spacing:-.02em;color:#151B2B}
.vbbrand .adbot-svg,.vbbrand img,.vbbrand svg{width:32px;height:32px}
.vbhead .close{width:34px;height:34px;border:0;background:none;font-size:24px;color:#1F2633;cursor:pointer}
.vbscroll{flex:1;overflow-y:auto;padding:2px 10px 10px;-webkit-overflow-scrolling:touch}
.vbh{margin:16px 10px 6px;font-family:"Sora",system-ui,sans-serif;font-size:11.5px;font-weight:600;letter-spacing:2.2px;text-transform:uppercase;color:#64748B}
.vbit{position:relative;width:100%;display:flex;align-items:center;gap:14px;padding:5px 8px;margin:1px 0;border:0;border-radius:14px;background:none;font:inherit;font-size:15.5px;color:#151B2B;text-align:start;cursor:pointer}
.vbit:active,.vbit.on{background:#EAF2FE}
.vbit.on{color:#1D6FE8}
.vbit.on::before{content:"";position:absolute;inset-inline-start:-8px;top:6px;bottom:6px;width:4px;border-radius:4px;background:#2F6BF0}
.vbit.on .vbi{background:#DCEAFE;color:#1D6FE8;box-shadow:none}
.vbit .vbt{flex:1;min-width:0}
.vbi{flex:none;width:38px;height:38px;border-radius:12px;display:grid;place-items:center;color:#334155;background:#F1F4F8;box-shadow:inset 0 0 0 1px rgba(15,23,42,.04)}
.vbi svg{width:20px;height:20px}
.vbchev{width:16px;height:16px;color:#9AA1AE;transition:transform .2s}
.vbit[aria-expanded="true"] .vbchev{transform:rotate(90deg)}
.vbsub{display:flex;flex-direction:column;margin-block:2px 4px;margin-inline:42px 0;border-inline-start:1.5px solid #E3E8F2}
.vbproj{border:0;background:none;text-align:start;font:inherit;font-size:13.5px;color:#1F2633;padding:6px 10px;cursor:pointer;border-radius:10px}
.vbproj small{display:block;font-size:11.5px;color:#8A909C}
.vbproj:active{background:#EEF3FF}
.vbempty{font-size:12.5px;color:#8A909C;padding:6px 10px}
.vbline{height:1px;background:#E6EAF2;margin:12px 8px 6px}
.vbpins{display:flex;flex-direction:column;gap:6px}
.vbpins .vbchat:not(#_){border-radius:14px;background:linear-gradient(180deg,#F7FAFF 0%,#F1F6FE 100%);box-shadow:inset 0 0 0 1px #CFDFF6}
.vbpins .vbc-main{padding-block:9px 9px;padding-inline:10px 4px;gap:12px}
.vbpins .vbpin{width:32px;height:32px;border-radius:9px}
.vbpins .vbpin svg{width:17px;height:17px}
.vbpins .vbc-t b{font-size:14.5px}
.vbchat{position:relative;display:flex;align-items:center;border-radius:12px}
.vbchat.cur{background:#F0F3FA}
.vbc-main{flex:1;min-width:0;display:flex;align-items:center;gap:8px;border:0;background:none;font:inherit;text-align:start;padding-block:7px 7px;padding-inline:10px 4px;cursor:pointer;color:#1F2633}
.vbc-t{min-width:0;display:flex;flex-direction:column}
.vbc-t b{font-weight:500;font-size:13.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.vbc-t small{font-size:11px;color:#8A909C}
.vbpin{flex:none;width:22px;height:22px;border-radius:7px;display:grid;place-items:center;color:#fff;background:#3461DC}
.vbpin svg{width:13px;height:13px}
.vbdots{flex:none;width:32px;height:32px;border:0;border-radius:10px;background:none;color:#6B7280;display:grid;place-items:center;cursor:pointer}
.vbdots svg{width:18px;height:18px}
.vbopt{position:absolute;inset-inline-end:6px;top:36px;z-index:3;display:flex;flex-direction:column;min-width:138px;padding:5px;border-radius:14px;background:#fff;box-shadow:0 14px 34px -10px rgba(15,30,80,.35),0 0 0 1px rgba(15,30,80,.06)}
.vbopt button{border:0;background:none;text-align:start;font:inherit;font-size:13.5px;padding:8px 10px;border-radius:9px;color:#1F2633;cursor:pointer}
.vbopt button:active{background:#EEF3FF}
.vbopt .del{color:#C02646}
.vbchat.ren{gap:6px;padding:4px 6px}
.vbchat.ren input{flex:1;min-width:0;height:34px;border:1.5px solid #3461DC;border-radius:10px;padding:0 10px;font:inherit;font-size:13.5px}
.vbfoot{padding:10px 14px 14px;border-top:1px solid #E6EAF2}
.vbnew{width:100%;display:flex;align-items:center;justify-content:center;gap:10px;height:44px;padding:0 20px;border:0;border-radius:14px;background:linear-gradient(90deg,#2F6BF0 0%,#2D8CF0 55%,#22D3EE 100%);color:#fff;font:inherit;font-size:15px;font-weight:600;cursor:pointer;box-shadow:0 10px 22px -12px rgba(47,107,240,.9)}
.vbnew svg{width:20px;height:20px}
/* 2.79.4 Vegobot chat start (owner's design): header ☰ · orb robot · vegobot / subtitle · ⋮ · ×; orb, "Hi name", big question, cards / chips, one-line note */
#sheet[data-mode="aidraw"] .shead .vbav{flex:none;width:40px;height:40px;margin-inline-start:2px;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle at 35% 30%,#4FA8FF 0%,#2F6BF0 55%,#1FB8E8 100%);box-shadow:0 6px 14px -6px rgba(47,107,240,.6)}
#sheet[data-mode="aidraw"] .shead .vbav .vbot-ic{width:28px;height:28px}
#sheet[data-mode="aidraw"] .shead .vbtitle:not(#_){flex:1;min-width:0;margin-block:0 0;margin-inline:8px 0;display:flex;flex-direction:column;line-height:1.15}
#sheet[data-mode="aidraw"] .shead .vbname{font-family:"Sora",system-ui,sans-serif;font-weight:700;font-size:20px;letter-spacing:-.02em;color:#151B2B}
#sheet[data-mode="aidraw"] .shead .vbtitle small{font-size:12.5px;font-weight:400;color:#64748B;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#sheet[data-mode="aidraw"] .vbmore{flex:none;width:36px;height:36px;border:0;border-radius:50%;background:#F1F4F8;color:#334155;display:grid;place-items:center;cursor:pointer;margin-inline-end:4px}
#sheet[data-mode="aidraw"] .vbmore svg{width:18px;height:18px}
#sheet[data-mode="aidraw"] .adhello.v2:not(#_){gap:0;padding:18px 4px 10px;min-height:0;justify-content:flex-start}
#sheet[data-mode="aidraw"] .adhello.v2 .vborb{position:relative;width:118px;height:118px;flex:none;border-radius:50%;display:grid;place-items:center;background:linear-gradient(145deg,#2F80FF 0%,#2563EB 45%,#22D3EE 100%);box-shadow:0 18px 34px -16px rgba(37,99,235,.65),inset 0 2px 6px rgba(255,255,255,.35)}
#sheet[data-mode="aidraw"] .adhello.v2 .vborb .adbot-svg:not(#_){width:86px;height:86px;filter:drop-shadow(0 8px 10px rgba(10,40,90,.25))}
#sheet[data-mode="aidraw"] .adhello.v2 .vborb .adrip:not(#_){inset-inline-start:50%;top:50%;width:118px;height:118px;margin-block:-59px 0;margin-inline:-59px 0;background:none;border-color:rgba(47,107,240,.30)}
#sheet[data-mode="aidraw"] .adhello.v2 .adname{margin:16px 0 0;font-size:15px;color:#64748B}
#sheet[data-mode="aidraw"] .adhello.v2 h4.adhi:not(#_){margin:6px 0 0;font-family:"Sora",system-ui,sans-serif;font-size:24px;font-weight:800;letter-spacing:-.02em;color:#0B1530;line-height:1.2}
#sheet[data-mode="aidraw"] .adhello.v2 p.adhi-s:not(#_){margin:8px 0 0;max-width:340px;font-family:inherit;font-size:14.5px;color:#475569}
#sheet[data-mode="aidraw"] .adhello.v2 .vbcards{display:grid;grid-template-columns:1fr 1fr;gap:10px;width:100%;max-width:420px;margin-top:18px}
#sheet[data-mode="aidraw"] .adhello.v2 .vbcards .vbcard:not(#_){display:flex;flex-direction:column;align-items:flex-start;gap:2px;padding:12px;border:0;border-radius:16px;background:#fff;box-shadow:0 0 0 1px #E6ECF5,0 8px 18px -14px rgba(15,30,80,.35);text-align:start;font:inherit;color:#0B1530;cursor:pointer}
#sheet[data-mode="aidraw"] .adhello.v2 .vbcard:active{box-shadow:0 0 0 1.5px #2F6BF0}
#sheet[data-mode="aidraw"] .vbcard-i{width:52px;height:52px;margin-bottom:8px;border-radius:12px;display:grid;place-items:center;background:#EEF4FC}
#sheet[data-mode="aidraw"] .vbcard-i svg{width:38px;height:38px}
#sheet[data-mode="aidraw"] .vbcard b{font-size:14px;font-weight:700;line-height:1.25}
#sheet[data-mode="aidraw"] .vbcard small{font-size:12.5px;color:#64748B}
#sheet[data-mode="aidraw"] .vbchips{display:flex;flex-wrap:wrap;justify-content:center;gap:6px;margin-top:18px;max-width:390px}
#sheet[data-mode="aidraw"] .vbchip{height:34px;padding:0 13px;border:0;border-radius:999px;background:#fff;box-shadow:0 0 0 1px #D6E2F5;color:#1E3A8A;font:inherit;font-size:13.5px;font-weight:600;cursor:pointer}
#sheet[data-mode="aidraw"] .vbchip:active{background:#EAF2FE}
#sheet[data-mode="aidraw"] .adhello.v2>p.vbdisc:not(#_){display:flex;align-items:center;justify-content:center;gap:7px;margin:16px 0 0;max-width:none;font-size:12.5px;line-height:1.3;color:#64748B}
#sheet[data-mode="aidraw"] .vbdisc .vbot-ic{width:20px;height:20px;flex:none}
#sheet[data-mode="aidraw"] .adhello.v2.sm:not(#_){flex-direction:row;justify-content:flex-start;gap:10px;padding:8px 6px 6px;text-align:start}
#sheet[data-mode="aidraw"] .adhello.v2.sm .vborb{width:46px;height:46px}
#sheet[data-mode="aidraw"] .adhello.v2.sm .vborb .adbot-svg:not(#_){width:34px;height:34px}
#sheet[data-mode="aidraw"] .adhello.v2.sm .vborb .adrip{display:none}
#sheet[data-mode="aidraw"] .adhello.v2.sm h4.adhi:not(#_){margin:0;font-size:15px;font-weight:700}
/* chat options (owner's design): icon squares, red Delete under a line */
.vbopt:not(#_){min-width:220px;padding:8px;border-radius:16px}
.vbopt button:not(#_){display:flex;align-items:center;gap:12px;padding:6px 8px;font-size:14.5px;color:#151B2B}
.vboi{flex:none;width:34px;height:34px;border-radius:10px;display:grid;place-items:center;background:#EEF4FC;color:#1E3A8A}
.vboi svg{width:18px;height:18px}
.vbopt .del:not(#_){color:#B42318}
.vbopt .del .vboi{background:#FDECEC;color:#B42318}
.vboline{display:block;height:1px;margin:4px 6px;background:#EEF1F6}
.vbtopw{position:absolute;top:58px;inset-inline-end:10px;z-index:31}
.vbtopw .vbopt{position:static}
.vbarch .vbt small{margin-inline-start:6px;font-size:12px;color:#94A3B8}
.vbarchl{opacity:.85}
/* 2.79.8 slider: folders, 3 chats, long-press options, Archive with search */
#vb-side [data-lp]{-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}
.vbchat.open{background:#EAF2FE}
.vbchat.mini .vbc-main{padding-block:5px 5px;padding-inline:10px 4px}
.vbchat.mini .vbc-t b{font-size:13.5px;font-weight:500}
.vbchat.mini .vbc-t small{font-size:11px}
.vbfolders:not(#_){margin-block:2px 6px;margin-inline:18px 0;padding-inline-start:10px}
.vbfold{position:relative;border-radius:12px}
.vbfold.open{background:#F3F6FB}
.vbf-main{width:100%;display:flex;align-items:center;gap:10px;padding:6px 6px;border:0;background:none;font:inherit;text-align:start;color:#151B2B;cursor:pointer}
.vbfi,.vbdi{flex:none;width:28px;height:28px;border-radius:9px;display:grid;place-items:center;background:#EEF4FC;color:#1E3A8A}
.vbfi svg,.vbdi svg{width:16px;height:16px}
.vbfoldl{margin-block:0 6px;margin-inline:14px 0;padding-inline-start:8px;border-inline-start:1.5px solid #E3E8F2}
.vbdoc{width:100%;display:flex;align-items:center;gap:10px;padding:5px 6px;border:0;border-radius:10px;background:none;font:inherit;text-align:start;color:#151B2B;cursor:pointer}
.vbdoc:active{background:#EAF2FE}
.vbdoc .vbc-t b{font-size:13.5px;font-weight:500}
.vbdoc .vbc-t small{font-size:11px;color:#8A909C}
.vbnewf{display:inline-flex;align-items:center;gap:6px;height:34px;margin:4px 0 2px;padding:0 12px;border:0;border-radius:999px;background:#EEF4FC;color:#1E3A8A;font:inherit;font-size:13px;font-weight:600;cursor:pointer}
.vbnewf svg{width:16px;height:16px}
.vbarchw{margin-block:2px 8px;margin-inline:8px 0}
.vbsearch{display:flex;align-items:center;gap:8px;height:38px;margin:4px 0 6px;padding:0 12px;border-radius:12px;background:#F1F4F8;color:#64748B}
.vbsearch svg{width:17px;height:17px;flex:none}
.vbsearch input{flex:1;min-width:0;border:0;background:none;font:inherit;font-size:14px;color:#151B2B;outline:none}
.vbh6{margin:8px 4px 2px;font-size:11px;font-weight:600;letter-spacing:1.2px;text-transform:uppercase;color:#94A3B8}
.vbpick{margin:4px 0 10px;padding:10px;border-radius:14px;background:#F5F9FF;box-shadow:inset 0 0 0 1px #CFDFF6}
.vbpick>b{display:block;margin-block:0 6px;margin-inline:4px 0;font-size:13.5px;color:#151B2B}
.vbpick-b{display:flex;gap:8px;margin-top:8px}
/* 2.81.0: Drawing pad Pro (iPad style) */
#sheet[data-mode="sketch"]{height:96vh;max-height:96vh}
@media (min-width:820px){#sheet[data-mode="sketch"]{width:min(1180px,96vw);height:92vh;max-height:92vh}}
#sheet[data-mode="sketch"] .skbody{flex:1;display:flex;flex-direction:column;overflow:hidden;padding:4px 10px 6px!important;min-height:0}
.skstage{position:relative;flex:1;min-height:260px;border-radius:18px;overflow:hidden;background:#E6E9EF;box-shadow:inset 0 0 0 1px rgba(15,23,42,.06)}
.skstage canvas{display:block;touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}
.sktop{position:absolute;inset-inline-start:8px;inset-inline-end:8px;top:8px;display:flex;align-items:center;justify-content:space-between;gap:6px;pointer-events:none;z-index:6}
.sktop>*{pointer-events:auto}
.skgrp{display:inline-flex;gap:2px;padding:3px;border-radius:14px;background:rgba(255,255,255,.92);box-shadow:0 6px 18px -10px rgba(15,23,42,.35),0 0 0 1px rgba(15,23,42,.06);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}
.skstage .sktool{min-width:36px;height:36px;border-radius:11px;border:0;background:transparent;box-shadow:none;color:#1F2633;display:inline-grid;place-items:center;padding:0;cursor:pointer;position:relative}
.skstage .sktool svg{width:20px;height:20px}
.skstage .sktool.on{background:#3461DC;color:#fff}
.skstage .sktool:disabled{opacity:.3;cursor:default}
.skzoom{height:30px;min-width:56px;padding:0 10px;border:0;border-radius:15px;background:rgba(255,255,255,.92);box-shadow:0 6px 18px -10px rgba(15,23,42,.35),0 0 0 1px rgba(15,23,42,.06);font:700 12.5px system-ui,sans-serif;color:#1F2633;cursor:pointer}
.sktot{position:absolute;inset-inline-start:10px;top:54px;z-index:5;max-width:calc(100% - 20px);padding:5px 10px;border-radius:10px;background:rgba(243,245,255,.95);color:#1800AD;font:700 12px system-ui,sans-serif;box-shadow:0 0 0 1px #C9D2F5;pointer-events:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sktot[hidden]{display:none}
.sktools{position:absolute;inset-inline-start:0;inset-inline-end:0;bottom:10px;display:flex;justify-content:center;z-index:6;pointer-events:none;margin:0!important}
.skpal{pointer-events:auto;display:flex;align-items:center;gap:1px;max-width:calc(100% - 12px);padding:4px;border-radius:18px;background:rgba(255,255,255,.94);box-shadow:0 14px 34px -16px rgba(15,23,42,.45),0 0 0 1px rgba(15,23,42,.07);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);overflow-x:auto;scrollbar-width:none}
.skpal::-webkit-scrollbar{display:none}
.skpal .sktool{flex:none;min-width:35px;width:35px}
.skpal .sksep{flex:none;width:1px;height:22px;background:#DDE2EA;margin:0 2px}
.skpal .skwbtn i{display:block;border-radius:50%;background:#1F2633}
.skpal .skwbtn.on i,.skpal .skwbtn:active i{background:#fff}
.skpal .skcolb i{display:block;width:20px;height:20px;border-radius:50%;background:var(--c);box-shadow:0 0 0 2px #fff,0 0 0 3.5px #C3CAD6}
.skvh{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.skstage .skpop{position:absolute;z-index:8;pointer-events:auto;display:grid;gap:6px;padding:10px;background:#fff;border-radius:18px;box-shadow:0 18px 40px -16px rgba(15,23,42,.5),0 0 0 1px rgba(15,23,42,.06)}
.skstage .skpop[hidden]{display:none}
.sktools .skpop{bottom:calc(100% + 8px);left:50%;transform:translateX(-50%);top:auto;right:auto;max-width:calc(100vw - 40px)}
.sktop .skpop{top:46px;inset-inline-end:0;inset-inline-start:auto}
.skpop-t{font-size:13px;color:#1F2633;padding:0 2px}
.skpop-s{font-size:11.5px;color:#6E7486;max-width:240px;line-height:1.35}
.skstage .skpop-col{grid-template-columns:repeat(6,30px);gap:8px}
.skstage .skpop-col .skcol{width:30px;height:30px}
.skcustom{grid-column:1/-1;display:flex;align-items:center;gap:8px;font-size:12.5px;color:#4A5163;cursor:pointer}
.skcustom input{width:34px;height:30px;padding:0;border:0;border-radius:8px;background:none;cursor:pointer}
.skstage .skpop-w{grid-template-columns:1fr;min-width:160px}
.skstage .skpop-shape{grid-template-columns:repeat(4,66px)}
@media (max-width:380px){.skstage .skpop-shape{grid-template-columns:repeat(3,66px)}}
.skstage .skpop-more{grid-template-columns:repeat(4,66px)}
@media (max-width:380px){.skstage .skpop-more{grid-template-columns:repeat(3,66px)}}
.skstage .skshb.on{background:#3461DC;color:#fff}
.skpop-lay{min-width:250px}
.sklay{display:flex;align-items:center;gap:10px;width:100%;padding:8px 10px;border:0;border-radius:12px;background:#F4F6FA;font:inherit;text-align:start;cursor:pointer;color:#1F2633}
.sklay span{flex:1;min-width:0}.sklay b{display:block;font-size:13.5px}.sklay small{display:block;font-size:11.5px;color:#6E7486}
.sklay i{flex:none;width:38px;height:22px;border-radius:11px;background:#C9CFDA;position:relative;transition:background .15s}
.sklay i::after{content:"";position:absolute;top:2px;inset-inline-start:2px;width:18px;height:18px;border-radius:50%;background:#fff;box-shadow:0 1px 3px rgba(0,0,0,.25);transition:left .15s}
.sklay.on i{background:#3461DC}.sklay.on i::after{inset-inline-start:18px}
.skseg{display:flex;gap:4px;padding:3px;border-radius:12px;background:#F0F2F6}
.skseg button{flex:1;height:34px;border:0;border-radius:10px;background:none;font:600 13px system-ui,sans-serif;color:#1F2633;cursor:pointer;padding:0 12px}
.skseg button.on{background:#fff;box-shadow:0 2px 6px -2px rgba(15,23,42,.3);color:#3461DC}
.skop{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;font-size:12.5px;color:#4A5163;min-width:230px}
.skop input{width:100%;accent-color:#3461DC}
.skop output{font-weight:700;color:#1F2633;min-width:36px;text-align:end}
.sksel{position:absolute;z-index:7;display:flex;gap:2px;padding:4px;border-radius:14px;background:#1F2633;box-shadow:0 12px 26px -12px rgba(15,23,42,.6)}
.sksel[hidden]{display:none}
.sksel button{height:32px;padding:0 11px;border:0;border-radius:10px;background:none;color:#fff;font:600 12.5px system-ui,sans-serif;cursor:pointer}
.sksel button:active{background:rgba(255,255,255,.14)}
.sktxtin{position:absolute;z-index:7;width:186px;height:38px;padding:0 10px;border:1.5px solid #3461DC;border-radius:10px;background:#fff;font:600 15px system-ui,sans-serif;box-shadow:0 10px 24px -14px rgba(15,23,42,.5)}
#sheet[data-mode="sketch"] .skhint{margin:5px 4px 4px;font-size:12px;color:#6E7486;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.skfoot{display:flex;gap:8px;align-items:center}
.skfoot #sk-name,.skfoot #fp-name{flex:1;min-width:0;height:40px;border-radius:12px;border:1px solid #D9DEEA;padding:0 12px;font:inherit;font-size:14.5px;background:#fff}
.skai{flex:none;display:flex;align-items:center;gap:8px;height:40px;padding-block:0 0;padding-inline:6px 12px;border:0;border-radius:20px;background:#EEF2FF;color:#1F2633;font:inherit;cursor:pointer;text-align:start}
.skai .vai{width:28px;height:28px;border-radius:50%}
.skai b{display:block;font-size:12.5px;line-height:1.15}.skai small{display:block;font-size:10.5px;color:#5B6178;line-height:1.15;max-width:130px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
@media (max-width:420px){.skai small{display:none}}
#sheet[data-mode="sketch"] .skresume{margin:0 0 6px}
#sheet[data-mode="sketch"] .skedit{top:52px}
:root[data-theme="dark"] .skgrp,:root[data-theme="dark"] .skpal,:root[data-theme="dark"] .skzoom{background:rgba(36,40,50,.94)}
:root[data-theme="dark"] .skstage .sktool,:root[data-theme="dark"] .skzoom{color:#E8EBF2}
:root[data-theme="dark"] .skpal .skwbtn i{background:#E8EBF2}
/* 2.82.0: Floor plan Pro (same iPad-style frame as the Drawing pad Pro) */
#sheet[data-mode="plan"]{height:96vh;max-height:96vh}
@media (min-width:820px){#sheet[data-mode="plan"]{width:min(1180px,96vw);height:92vh;max-height:92vh}}
#sheet[data-mode="plan"] .skbody{flex:1;display:flex;flex-direction:column;overflow:hidden;padding:4px 10px 6px!important;min-height:0}
#sheet[data-mode="plan"] .skhint{margin:5px 4px 4px;font-size:12px;color:#6E7486;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#sheet[data-mode="plan"] .skresume{margin:0 0 6px}
.fpstage{background:#fff}
.fpstage.fpcad{background:#0F1B2D}
.fpstage svg{display:block;width:100%;height:100%;touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}
.fpstage .sktot{top:54px}
.fplive{position:absolute;left:50%;top:54px;transform:translateX(-50%);z-index:6;padding:5px 12px;border-radius:12px;background:#1F2633;color:#fff;font:700 13px system-ui,sans-serif;pointer-events:none;box-shadow:0 8px 20px -10px rgba(15,23,42,.6)}
.fplive[hidden]{display:none}
.fpdone{position:absolute;inset-inline-end:10px;bottom:68px;z-index:7;height:36px;padding:0 18px;border:0;border-radius:18px;background:#3461DC;color:#fff;font:700 13.5px system-ui,sans-serif;box-shadow:0 10px 22px -12px rgba(52,97,220,.8);cursor:pointer}
.fpdone[hidden]{display:none}
.fpcard{position:absolute;inset-inline-start:8px;inset-inline-end:8px;bottom:66px;z-index:7;max-height:46%;overflow:auto;padding:10px 12px 12px;border-radius:18px;background:rgba(255,255,255,.97);box-shadow:0 18px 40px -16px rgba(15,23,42,.5),0 0 0 1px rgba(15,23,42,.07);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}
@media (min-width:820px){.fpcard{inset-inline-start:auto;width:340px}}
.fpcard[hidden]{display:none}
.fpcard-h{display:flex;align-items:center;gap:8px;margin-bottom:8px}
.fpcard-h b{flex:1;font-size:14.5px;color:#1F2633}
.fpcard-h small{font-size:11.5px;color:#B42318}
.fpx{width:30px;height:30px;border:0;border-radius:15px;background:#F0F2F6;color:#4A5163;display:grid;place-items:center;cursor:pointer;padding:0}
.fpx svg{width:15px;height:15px}
.fprow{display:flex;gap:8px;margin-bottom:8px}
.fpin{display:flex;flex-direction:column;gap:3px;flex:1;min-width:0;font-size:11.5px;color:#6E7486}
.fpin.wide{flex:1 1 100%}
.fpin input{height:38px;border-radius:10px;border:1px solid #D9DEEA;padding:0 10px;font:inherit;font-size:15px;color:#1F2633;background:#fff;min-width:0;width:100%}
.fpchips{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:8px}
.fpchips button{height:32px;padding:0 12px;border:0;border-radius:16px;background:#F0F2F6;color:#1F2633;font:600 12.5px system-ui,sans-serif;cursor:pointer}
.fpchips button.on{background:#3461DC;color:#fff}
.fpnote{margin:0 0 8px;font-size:12.5px;color:#4A5163}
.fpacts{display:flex;flex-wrap:wrap;align-items:center;gap:4px}
.fpacts>button:not(.btn){display:flex;flex-direction:column;align-items:center;gap:2px;width:58px;padding:6px 0;border:0;border-radius:12px;background:#F4F6FA;color:#1F2633;cursor:pointer}
.fpacts>button svg{width:18px;height:18px}
.fpacts small{font-size:10.5px}
.fpacts .fpapply{margin-inline-start:auto;height:34px}
.fpstage .skpop-opt{min-width:260px}
.fpstage .skpop-opt .skpop-s{margin-top:2px}
.fppo{height:34px;border:0;border-radius:12px;background:#F0F2F6;font:600 12.5px system-ui,sans-serif;color:#1F2633;cursor:pointer}
.fppo.on{background:#3461DC;color:#fff}
.fpcolauto{grid-column:1/-1;height:30px;border:0;border-radius:15px;background:#F0F2F6;font:600 12px system-ui,sans-serif;cursor:pointer}
.fpcolauto.on{background:#3461DC;color:#fff}
.fpstage .skpop-more.fpmore{width:min(330px,calc(100vw - 40px));max-height:min(70vh,560px);overflow:auto}
.fpstage .skpop-more.fpmore:not([hidden]){display:block}
.fpmore .skpop-t{display:block;margin:6px 0 6px}
.fpgrid{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin-bottom:6px}
.fpgrid .skshb{padding:10px 2px;min-height:44px;justify-content:center}
.fpgrid .skshb small{font-size:11.5px;font-weight:600}
.fpopen{position:relative;overflow:hidden;cursor:pointer}
.fpopen input{position:absolute;inset:0;opacity:0}
.fppdf{margin-top:4px}
.fpstage .skpop-lay{min-width:270px;max-height:60vh;overflow:auto}
.fplayer{display:flex;gap:6px;align-items:center;margin-bottom:6px}
.fplayer .sklay{flex:1}
.fpdot{display:inline-block;width:9px;height:9px;border-radius:50%;margin-inline-end:7px;vertical-align:1px}
.fplock{width:34px;height:34px;flex:none;border:0;border-radius:10px;background:#F4F6FA;color:#6E7486;display:grid;place-items:center;cursor:pointer;padding:0}
.fplock svg{width:16px;height:16px}
.fplock.on{background:#1F2633;color:#fff}
.fplib{position:absolute;inset:0;z-index:9;display:flex;flex-direction:column;background:#F6F8FB}
.fplib[hidden]{display:none}
.fplib-h{display:flex;align-items:center;gap:8px;padding:12px 12px 6px}
.fplib-h b{flex:1;font-size:16px;color:#1F2633}
.fplib-b{flex:1;overflow:auto;padding:4px 12px 16px}
.fplibgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px}
.fplibgrid.sym{grid-template-columns:repeat(auto-fill,minmax(104px,1fr))}
.fplibcard{display:flex;flex-direction:column;gap:3px;padding:8px;border:0;border-radius:14px;background:#fff;box-shadow:0 0 0 1px #E3E8F0;text-align:start;cursor:pointer;color:#1F2633;font:inherit}
.fplibcard b{font-size:12.5px}
.fplibcard small{font-size:11px;color:#6E7486}
.fplibimg{display:grid;place-items:center;height:96px;border-radius:10px;background:#F4F7FB;overflow:hidden}
.fplibgrid.sym .fplibimg{height:72px}
.fplibimg svg{width:100%;height:100%}
.fpcats{margin-bottom:10px}
.fpplans{display:flex;flex-direction:column;gap:8px}
.fpplan{display:flex;align-items:center;gap:10px;padding:10px 12px;border:0;border-radius:14px;background:#fff;box-shadow:0 0 0 1px #E3E8F0;text-align:start;cursor:pointer;font:inherit;color:#1F2633}
.fpplan>span:first-child{width:36px;height:36px;border-radius:10px;background:#EEF2FF;color:#3461DC;display:grid;place-items:center}
.fpplan svg{width:20px;height:20px}
.fpplan b{display:block;font-size:13.5px}.fpplan small{display:block;font-size:11.5px;color:#6E7486}
.fpoff{align-items:flex-end;margin-top:8px}
.fpstage .sktop{z-index:8}
/* 2.83.2: Vegobot drawing defaults */
.vbdefnote{display:flex;flex-direction:column;gap:2px;width:100%;max-width:420px;margin:12px auto 0;padding:10px 14px;border:1px dashed #9DB2E8;border-radius:12px;background:#F4F7FE;text-align:left;font:inherit;color:#213249;cursor:pointer}
.vbdefnote b{font-size:13.5px;color:#3461DC}.vbdefnote small{font-size:12px;color:#5B6B84;line-height:1.35}
.cobtnrow{display:flex;flex-direction:column;gap:2px;width:100%;margin:10px 0 4px;padding:11px 14px;border:1px solid #DCE3EF;border-radius:12px;background:#fff;text-align:left;font:inherit;cursor:pointer}
.cobtnrow b{font-size:14px;color:#213249}.cobtnrow small{font-size:12px;color:#667085}
.vbtop .vbtopnote{display:block;padding:6px 12px 8px;font-size:12px;color:var(--muted);max-width:220px;line-height:1.35}
/* 2.93.3: the "drawing to finish" card hides while a screen is open (it covered the Vegobot message box) */
body:has(#sheet.open) .adnudge{display:none}
/* 2.95.0 Vego CAD systems (js/apps/vegobot/cad/cad-systems.js) */
.vcsbody{padding-bottom:8px}
.vcscats{display:flex;gap:6px;overflow-x:auto;padding:2px 0 10px;scrollbar-width:none}
.vcscats::-webkit-scrollbar{display:none}
.vcscats button{flex:none;border:0;border-radius:999px;padding:7px 14px;background:var(--glass);color:var(--ink2);font-weight:600;font-size:13px}
.vcscats button.on{background:#3461DC;color:#fff}
.vcstpls{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:12px}
.vcstpl{display:flex;flex-direction:column;align-items:flex-start;gap:2px;text-align:start;border:1px solid var(--line);background:var(--pane);border-radius:14px;padding:10px 12px;min-height:58px}
.vcstpl b{font-size:13.5px;color:var(--ink)}
.vcstpl small{font-size:11.5px;color:var(--muted);line-height:1.3}
.vcstpl.on{border-color:#3461DC;box-shadow:inset 0 0 0 1px #3461DC;background:#EEF3FF}
:root[data-theme="dark"] .vcstpl.on{background:#1B2440}
.vcsform .f input.bad{box-shadow:inset 0 0 0 1.5px #C0392B}
.vcsform .fhint{display:block;font-size:11px;color:var(--muted);margin-top:3px}
.vcsprev{margin:14px 0 8px}
.vcssheet{background:#fff;border:1px solid var(--line);border-radius:12px;overflow:hidden;touch-action:pan-x pan-y pinch-zoom}
.vcssheet svg{display:block;width:100%;height:auto}
.vcsprev small{display:block;margin-top:5px;font-size:11.5px;color:var(--muted)}
.vcssum{display:flex;flex-direction:column;gap:2px;margin:6px 0 10px}
.vcsrow{display:flex;justify-content:space-between;gap:10px;font-size:12.5px;padding:5px 0;border-bottom:1px solid var(--line)}
.vcsrow span{color:var(--ink2);min-width:0;overflow:hidden;text-overflow:ellipsis}
.vcsrow b{flex:none;font-weight:600;font-variant-numeric:tabular-nums;color:var(--ink)}
.vcswarn,.vcsbad{margin:6px 0 0;padding:8px 10px;border-radius:10px;font-size:12.5px;background:#EEF3FF;color:#22528F}
.vcsbad{background:#FBECEC;color:#8E2B2B}
.vcssaved{margin:8px 0;border:1px solid var(--line);border-radius:12px;padding:6px 10px}
.vcssaved summary{font-weight:600;font-size:13px;padding:4px 0;cursor:pointer}
.vcsrec{display:flex;flex-direction:column;align-items:flex-start;width:100%;text-align:start;border:0;border-top:1px solid var(--line);background:none;padding:8px 2px}
.vcsrec small{color:var(--muted);font-size:11.5px}
.vcsnote{font-size:11.5px;color:var(--muted);margin:10px 2px 0}
.vcsfoot{flex-wrap:wrap}
.vcsspec{display:flex;flex-direction:column;gap:2px}
.vcsspec .vcsrow{display:flex}
.vcsspec .vcsnote{margin:6px 0 0}
.vcsbtns{display:flex;gap:8px;flex-wrap:wrap;margin-top:8px}
.vcsspec .vcsrow b{text-transform:none;letter-spacing:0}

/* 3.5.0 (owner): drawing pad — a name under every tool, text style bar, fittings in the Shapes menu */
.skpal .sktool,.skgrp .sktool{height:auto;min-height:44px;width:auto;min-width:33px;padding:5px 2px 4px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px}
.skpal .sktool svg,.skgrp .sktool svg{width:20px;height:20px;flex:none}
.sklb{display:block;font-size:9px;font-weight:600;line-height:1;letter-spacing:0;color:#4B5468;white-space:nowrap;max-width:56px;overflow:hidden;text-overflow:ellipsis}
.sktool.on .sklb{color:#fff}
.skpal{overflow-x:auto;scrollbar-width:none}
.skpal .skwbtn,.skpal .skcolb{gap:4px}
.skpop-sub{grid-column:1/-1;margin-top:6px}
.sktbar{position:absolute;z-index:9;display:flex;align-items:center;gap:4px;flex-wrap:wrap;max-width:calc(100% - 8px);padding:5px;border-radius:12px;background:#fff;box-shadow:0 10px 26px -12px rgba(15,23,42,.45),0 0 0 1px rgba(15,23,42,.08)}
.sktb{min-width:34px;height:32px;padding:0 8px;border:1px solid #D9DEE5;border-radius:9px;background:#fff;color:#14215F;font-size:13px;cursor:pointer}
.sktb.on{background:#3461DC;border-color:#3461DC;color:#fff}
.sktsep{width:1px;height:22px;background:#DDE2EA}
.sktz{min-width:22px;text-align:center;font-size:12.5px;color:#3C4250}

/* 4.1.1 (owner): drawing tools drawn as real tools standing in the tray; the chosen one stands up, its tip shows the colour */
.skpal{--tip:#111827;--sk-body:#FBFCFE;--sk-edge:#C9CFDA;--sk-shade:rgba(15,23,42,.06);--sk-shade2:#E3E7EE;--sk-dark:#2B3140;--sk-mark:#5B6474}
.skpal .sktool.skart{background:transparent!important;box-shadow:none;padding:2px 0 4px;min-width:35px;width:35px;min-height:54px;justify-content:flex-end;gap:3px}
.skart-box{display:block;width:26px;height:36px;overflow:hidden;flex:none;border-bottom:1.5px solid var(--sk-edge)}
.skpal .sktool.skart .skart-svg{display:block;width:26px;height:48px;transform:translateY(9px);transition:transform .18s ease;filter:drop-shadow(0 1px 1px rgba(15,23,42,.18))}
.skpal .sktool.skart.on .skart-svg{transform:translateY(0)}
.skpal .sktool.skart .sklb{color:#4B5468;font-size:8px;max-width:40px;letter-spacing:-.1px}
.skpal .sktool.skart.on .sklb{color:#1800AD;font-weight:700}
.skpal .sktool.skart:focus-visible{outline:2px solid #3461DC;outline-offset:1px;border-radius:10px}
.skpal .skcolb i{background:radial-gradient(circle,var(--c) 0 55%,transparent 56%),conic-gradient(#E5383B,#F59E0B,#EAB308,#16A34A,#0EA5E9,#3461DC,#7C3AED,#DB2777,#E5383B);box-shadow:0 0 0 1px rgba(15,23,42,.12)}
@media (prefers-reduced-motion:reduce){.skpal .sktool.skart .skart-svg{transition:none}}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .skpal{--sk-body:#E9ECF2;--sk-edge:#9AA3B2;--sk-dark:#1B2130}:root:not([data-theme="light"]) .skpal .sktool.skart .sklb{color:#C9CFDA}:root:not([data-theme="light"]) .skpal .sktool.skart.on .sklb{color:#9DB4FF}}
:root[data-theme="dark"] .skpal{--sk-body:#E9ECF2;--sk-edge:#9AA3B2;--sk-dark:#1B2130}
:root[data-theme="dark"] .skpal .sktool.skart .sklb{color:#C9CFDA}
:root[data-theme="dark"] .skpal .sktool.skart.on .sklb{color:#9DB4FF}
/* 4.1.1 (owner's picture): tiles, quick colours, card pop-ups with sliders, shape tiles */
.skpal{gap:4px;padding:6px 8px;border-radius:24px}
.skpal .sktool.sktile{min-width:44px;width:44px;min-height:54px;border-radius:14px;background:transparent;justify-content:center;gap:4px;padding:6px 2px 4px}
.skpal .sktool.sktile svg{width:22px;height:22px}
.skpal .sktool.sktile .skT{font:500 22px/22px Georgia,"Times New Roman",serif;color:inherit}
.skpal .sktool.sktile.on{background:#E7EEFF;color:#1800AD}
.skpal .sktool.sktile.on .sklb{color:#1800AD}
.skwico{display:grid;place-items:center;width:22px;height:22px}
.skpal .skwbtn.on i,.skpal .skwbtn:active i{background:#1800AD}
.skquick{display:flex;align-items:center;gap:6px;padding:0 2px}
.skq{width:24px;height:24px;flex:none;border-radius:50%;border:0;background:var(--c);cursor:pointer;box-shadow:inset 0 0 0 1px rgba(0,0,0,.12)}
.skq.on,.skq[aria-pressed="true"]{box-shadow:0 0 0 2px #fff,0 0 0 3.5px var(--c)}
.skq:focus-visible{outline:2px solid #3461DC;outline-offset:2px}
.skstage .skpop{border-radius:20px;padding:14px;box-shadow:0 22px 48px -18px rgba(15,23,42,.45),0 0 0 1px rgba(15,23,42,.06)}
.skstage .skpop-w{min-width:240px;gap:12px}
.skrange{display:flex;flex-direction:column;gap:8px}
.skrt{display:flex;justify-content:space-between;align-items:baseline;font-size:14px;color:#1F2633}
.skrt b{font-weight:500}.skrt output{font-variant-numeric:tabular-nums;color:#4B5468}
.skrange input[type=range]{width:100%;accent-color:#3461DC;height:22px}
.skwbs{display:flex;gap:6px;flex-wrap:wrap}
.skstage .skpop-w .skwb{flex:1;min-width:40px;padding:6px 4px;border-radius:10px}
.skstage .skpop-shape{grid-template-columns:repeat(3,76px);gap:10px}
.skstage .skpop-shape .skshb{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;min-height:76px;border:0;border-radius:14px;background:#F4F6FA;color:#1F2633}
.skstage .skpop-shape .skshb svg{width:26px;height:26px;stroke-width:1.5}
.skstage .skpop-shape .skshb small{font-size:12px;color:#4B5468}
.skstage .skpop-shape .skshb.on{background:#E7EEFF;color:#1800AD}
.skstage .skpop-shape .skpop-sub{grid-column:1/-1;font-size:14px;font-weight:500;margin-top:4px}
@media (max-width:380px){.skstage .skpop-shape{grid-template-columns:repeat(3,68px)}}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .skstage .skpop-shape .skshb{background:#2A2F3A;color:#E8EBF2}:root:not([data-theme="light"]) .skrt{color:#E8EBF2}:root:not([data-theme="light"]) .skpal .sktool.sktile.on{background:#24305A;color:#C9D6FF}}
:root[data-theme="dark"] .skstage .skpop-shape .skshb{background:#2A2F3A;color:#E8EBF2}
:root[data-theme="dark"] .skrt{color:#E8EBF2}
:root[data-theme="dark"] .skpal .sktool.sktile.on{background:#24305A;color:#C9D6FF}
/* 4.1.2: fill row in Shapes; quick colour dots on every screen size (owner) */
.skfillrow{grid-column:1/-1;display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:10px 2px 2px;border-top:1px solid #E6E9EF;font-size:14px;color:#1F2633}
.skfillrow b{font-weight:500}
.skfill{width:26px;height:26px;border-radius:50%;border:0;background:var(--c,#fff);cursor:pointer;box-shadow:inset 0 0 0 1px rgba(0,0,0,.14)}
.skfill.on{box-shadow:0 0 0 2px #fff,0 0 0 3.5px #3461DC}
.skfill-none{background:linear-gradient(135deg,#fff 46%,#E5383B 46% 54%,#fff 54%)}
.skstrokelb{display:inline-flex;align-items:center;gap:8px;margin-inline-start:auto}
.skstroke{width:26px;height:26px;border-radius:50%;background:var(--c,#111827);box-shadow:0 0 0 2px #fff,0 0 0 3px rgba(15,23,42,.18)}
.skquick{gap:5px}
.skq{width:22px;height:22px}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .skfillrow{color:#E8EBF2;border-top-color:#353B48}}
:root[data-theme="dark"] .skfillrow{color:#E8EBF2;border-top-color:#353B48}
.skstage .skpop-shape{max-height:min(62vh,440px);overflow-y:auto;overscroll-behavior:contain}