:root{box-sizing:border-box;--sat:env(safe-area-inset-top,0px);--sab:env(safe-area-inset-bottom,0px)}
*{box-sizing:border-box}
html,body{height:100%}
body{margin:0;background:var(--bg);color:var(--tx);font:14px/1.45 system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;padding-top:var(--sat);-webkit-tap-highlight-color:transparent}
button,input,select,textarea{font:inherit;color:inherit}
header{position:sticky;top:var(--sat);z-index:5;background:var(--card);border-bottom:1px solid var(--bd);padding:10px 14px;display:flex;flex-wrap:wrap;align-items:center}
h1{font-size:17px;margin:0;margin-right:auto}
.role{font-size:12px;padding:3px 9px;border-radius:99px;background:var(--ac2);color:var(--ac)}
nav{display:flex;flex-wrap:wrap;width:100%}
nav button,.btn{border:1px solid var(--bd);background:var(--card);padding:7px 12px;cursor:pointer}
nav button.on,.btn.pri{background:var(--ac);border-color:var(--ac);color:#fff}
.btn.sm{padding:4px 10px;font-size:12px}
.btn.red{color:var(--red)}
.btn:disabled{opacity:.5}
.ic{margin-right:5px}
main{padding:14px;margin:auto}
.card{background:var(--card);border-radius:12px}
.card.alert{border-color:var(--red)}
.card.me{border-color:var(--ac)}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(165px,1fr))}
.row{display:flex;flex-wrap:wrap;align-items:center}
.col{display:flex;flex-direction:column}
.mu{color:var(--mu);font-size:12px}
.nm{font-weight:600}
.warn{color:#d97706}
.rd{color:var(--red);font-weight:600}
.sum{display:flex;flex-wrap:wrap;margin-bottom:12px}
.sum .card{flex:1}
.sum b{font-size:22px;display:block}
.dot{display:inline-block;width:9px;height:9px;border-radius:50%;margin-right:5px}
.chip{font-size:11px;padding:1px 7px;border-radius:99px;background:var(--ac2);color:var(--ac)}
.bar{background:var(--bd);border-radius:9px;overflow:hidden;margin:5px 0}
.bar i{display:block;height:100%;background:var(--ac)}
input,select,textarea{background:var(--bg);border:1px solid var(--bd);padding:7px 10px}
input[type=text],input[type=email],input[type=password],textarea{flex:1;min-width:140px}
table{width:100%;border-collapse:collapse}
th,td{padding:7px 8px;border-bottom:1px solid var(--bd);text-align:right}
th:first-child,td:first-child{text-align:left}
th{color:var(--mu);font-size:12px}
.wrap{overflow-x:auto}
canvas{display:block}
.auth{max-width:380px;margin:8vh auto;padding:0 16px}
.auth .card{padding:18px}
.auth h1{text-align:center;margin-bottom:14px}
.sheet{position:fixed;inset:0;background:#0007;z-index:20;display:flex;align-items:flex-end;justify-content:center}
.sheet>div{background:var(--card);width:min(560px,100%);max-height:82vh;overflow:auto;padding:16px calc(16px) calc(16px + var(--sab))}
.mi{display:inline-block;width:44px;flex:none}
#toast{position:fixed;left:50%;transform:translateX(-50%);bottom:calc(84px + var(--sab));background:#111;color:#fff;padding:9px 14px;display:none;z-index:50;max-width:92vw}
@media (max-width:700px){
main{padding:10px 10px calc(80px + var(--sab))}
h1 small{display:none}
nav{position:fixed;left:0;right:0;bottom:0;z-index:9;background:var(--card);border-top:1px solid var(--bd);padding:6px 4px calc(6px + var(--sab));flex-wrap:nowrap;width:auto}
nav button{border:0;background:none;display:flex;flex-direction:column;align-items:center}
nav button.on{background:var(--ac2);color:var(--ac)}
.ic{margin:0;font-size:19px}
.lt{font-size:10px;white-space:nowrap}
.btn{padding:10px 14px}
.btn.sm{padding:7px 11px}
nav .nb{position:absolute;top:0;right:12%;margin:0}
}
.av{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;color:#fff;font-weight:700;font-size:14px;flex:none;margin-right:2px}
.pre{white-space:pre-wrap;word-break:break-word;margin:4px 0}
.mu2{font-size:13px;opacity:.85}
.ell{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.grow{flex:1;min-width:0;cursor:pointer}
a{color:var(--ac)}
.btn{text-decoration:none;display:inline-block}
a.btn{color:inherit}
.bdg{display:inline-block;min-width:18px;padding:0 5px;border-radius:99px;background:var(--red);color:#fff;font-size:11px;font-weight:700;text-align:center;line-height:18px}
nav button{position:relative}
nav .nb{margin-left:5px}
.bell{position:relative}
.subtabs{display:flex;overflow-x:auto;margin-bottom:12px;padding-bottom:2px}
.subtabs button{border:1px solid var(--bd);background:var(--card);white-space:nowrap;cursor:pointer}
.subtabs button.on{background:var(--ac);border-color:var(--ac);color:#fff}
.card.pin{border-color:#d9a21b;background:linear-gradient(0deg,var(--card),var(--card)) padding-box}
.card.nt{cursor:pointer}
.card.nt.unread{border-color:var(--ac);background:var(--ac2)}
.nico{font-size:20px;line-height:1}
.attbar .chips,.chips{display:flex;flex-wrap:wrap;gap:6px;margin-top:6px}
.achip{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--bd);background:var(--bg);border-radius:8px;padding:4px 8px;font-size:13px;max-width:100%}
.achip .x{border:0;background:none;color:var(--red);cursor:pointer;font-size:14px}
.achip.big{display:flex;margin-top:6px;padding:6px 8px}
.atts{margin-top:6px}
.thumbs{display:flex;flex-wrap:wrap;gap:6px}
.thumb{position:relative;width:104px;height:104px;border-radius:8px;overflow:hidden;background:var(--bd)}
.thumb img{width:100%;height:100%;object-fit:cover;cursor:zoom-in;display:block}
.thumb .sh{position:absolute;right:4px;bottom:4px;border:0;border-radius:99px;background:#000a;color:#fff;width:26px;height:26px;cursor:pointer}
.lightbox{position:fixed;inset:0;background:#000d;z-index:60;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:10px}
.lightbox img{max-width:96vw;max-height:80vh;object-fit:contain}
.lbtop{display:flex;gap:10px;align-items:center;color:#fff;width:min(96vw,900px);justify-content:space-between;padding-bottom:8px}
.cal{display:grid;grid-template-columns:repeat(7,1fr);gap:3px}
.ch{text-align:center;color:var(--mu);font-size:12px;padding:2px 0}
.cd{background:var(--card);border:1px solid var(--bd);min-height:50px;padding:4px;font-size:13px;cursor:pointer}
.cd.out{opacity:.4}
.cd.today{border-color:var(--ac);font-weight:700}
.cd.sel{background:var(--ac2);border-color:var(--ac)}
.dots{display:flex;gap:3px;margin-top:3px}
.dots i,.mu i{display:inline-block;width:7px;height:7px;border-radius:50%}
.d1{background:#2563eb}
.d2{background:#e0922e}
.d3{background:#dc2626}
.thread{display:flex;flex-direction:column;gap:8px;height:min(82vh,640px)}
.msgs{flex:1;overflow:auto;display:flex;flex-direction:column;gap:6px;padding:4px}
.mb{max-width:82%;background:var(--bg);border:1px solid var(--bd);border-radius:12px;padding:6px 10px;align-self:flex-start}
.mb.me{align-self:flex-end;background:var(--ac2);border-color:var(--ac)}
details summary{cursor:pointer}
.card.bosscard{border-color:#d9a21b}
.av.boss{background:#e0a824!important;color:#3a2a00;box-shadow:0 0 0 2px #f6c33a}
.chip.boss{background:#f6c33a;color:#3a2a00;font-weight:700}
@media (prefers-color-scheme:dark){
:root:not([data-theme="light"]) .card.bosscard{background:linear-gradient(135deg,#5a4308,#7a5a0c);border-color:#f6c33a;color:#fff3c4}
:root:not([data-theme="light"]) .card.bosscard .mu{color:#e8d49a}
}
:root[data-theme="dark"] .card.bosscard .mu{color:#e8d49a}
.seg{display:inline-flex;border:1px solid var(--bd);border-radius:99px;overflow:hidden;margin:0 0 10px}
.seg button{border:0;background:var(--card);padding:7px 14px;cursor:pointer}
.seg button.on{background:var(--ac);color:#fff}
.fthumb{width:48px;height:48px;object-fit:cover;border-radius:8px;cursor:zoom-in;background:var(--bd);flex:none}
.mods{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:10px;align-items:start}
.card.mod>.row{cursor:pointer}
.card.mod.off{opacity:.62;background:repeating-linear-gradient(45deg,var(--card),var(--card) 8px,var(--bg) 8px,var(--bg) 16px)}
.modbody{margin-top:8px;border-top:1px dashed var(--bd);padding-top:8px}
.modbody ul{margin:4px 0 6px;padding-left:20px}
code{background:var(--bg);border:1px solid var(--bd);border-radius:6px;padding:0 5px;font-size:12px}
.sw{position:relative;display:inline-block;width:42px;height:24px;flex:none}
.sw input{opacity:0;width:0;height:0;position:absolute}
.sw i{position:absolute;inset:0;background:var(--bd);border-radius:99px;transition:.2s}
.sw i:before{content:"";position:absolute;left:3px;top:3px;width:18px;height:18px;border-radius:50%;background:#fff;transition:.2s}
.sw input:checked+i{background:var(--ok)}
.sw input:checked+i:before{transform:translateX(18px)}
.tdetail{background:var(--bg);border:1px solid var(--bd);border-radius:10px;padding:8px;margin:6px 0}
.dn{text-decoration:line-through;opacity:.6}
.cmt{border-top:1px solid var(--bd);padding:6px 0}
.cmt.me{background:linear-gradient(90deg,transparent,var(--ac2))}
table.att{font-size:12px;min-width:max-content}
table.att th,table.att td{padding:3px 4px;text-align:center}
table.att th:first-child,table.att td:first-child{text-align:left;position:sticky;left:0;background:var(--card);white-space:nowrap}
.ac{min-width:20px}
.ac.ok{color:var(--ok);font-weight:700}
.ac.late{color:#e0922e}
.ac.ab{color:var(--red)}
.ac.lv{background:#fde68a55}
.ac.off{color:var(--mu);background:var(--bg)}
.ac.fut{color:var(--mu)}
.sheet.top{align-items:flex-start;padding-top:calc(var(--sat) + 10px)}
.sheet.top>div{border-radius:14px;max-height:80vh}
.sr .srow{margin-bottom:4px;cursor:pointer}
.sr .srow:hover{border-color:var(--ac)}
.cfg{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:8px 0;border-top:1px dashed var(--bd)}
.cfg>div:first-child{flex:1;min-width:0}
.cfg>div:last-child{flex:none}
.themes{display:flex;gap:8px;flex-wrap:wrap}
.theme{display:flex;align-items:center;gap:6px;border:2px solid var(--bd);background:var(--card);border-radius:10px;padding:6px 10px;cursor:pointer}
.theme.on{border-color:var(--ac);background:var(--ac2)}
.theme i{width:18px;height:18px;border-radius:5px;display:inline-block;border:1px solid #0003}
.ac.hol{background:#c4b5fd44}
.cd.hol{background:#c4b5fd33}
@media print{
header,nav,#toast,.subtabs,.btn,.seg,#demobar{display:none!important}
main{padding:0!important}
.card{break-inside:avoid;border:1px solid #999!important}
body{background:#fff!important;color:#000!important}
}
.pjs{display:flex;gap:10px;overflow-x:auto;padding-bottom:6px;margin-bottom:10px}
.card.pj{flex:none;cursor:pointer}
.card.pj.sel{background:var(--ac2)}
.pdot{display:inline-block;width:9px;height:9px;border-radius:50%;margin-right:5px}
.d5{background:#ec4899}
.kan{display:grid;grid-template-columns:repeat(3,minmax(250px,1fr));gap:10px;overflow-x:auto;align-items:start}
.kcol{background:var(--bg);border:1px solid var(--bd);padding:8px}
.kh{font-weight:700;margin-bottom:6px}
.bars{display:flex;gap:4px;align-items:flex-end;height:120px;margin-top:8px}
.bcol{flex:1;height:100%;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;gap:2px;position:relative}
.bcol i{display:block;width:100%;background:var(--ac);border-radius:3px 3px 0 0;min-height:1px}
.bcol span{font-size:10px;color:var(--mu)}
.bars.two .bcol{flex-direction:row;align-items:flex-end;flex-wrap:wrap;justify-content:center}
.bars.two .bcol i{width:42%}
.bars.two .bcol span{width:100%;text-align:center}
table.heat{border-collapse:separate;border-spacing:2px;font-size:11px}
table.heat th{font-weight:500;color:var(--mu);padding:0 2px}
table.heat td{width:22px;height:20px;border-radius:3px;background:var(--bd)}
.zoomwrap{position:relative}
.zoomwrap.zoomed{cursor:grab}
.zbtn{position:absolute;right:8px;bottom:8px;display:flex;flex-direction:column}
.zbtn button{border:1px solid var(--bd);background:var(--card);font-size:17px;cursor:pointer;opacity:.9}
.legend{display:flex;flex-wrap:wrap;gap:12px;margin:8px 0;font-size:13px}
.legend span{display:inline-flex;align-items:center}
.tour{max-width:420px;text-align:center;padding:22px}
.tico{font-size:54px;line-height:1}
.tour h2{margin:8px 0}
.tour p{color:var(--mu);line-height:1.5}
.dots2{display:flex;gap:6px;justify-content:center;margin:12px 0}
.dots2 i{width:8px;height:8px;border-radius:50%;background:var(--bd)}
.dots2 i.on{background:var(--ac);width:20px;border-radius:99px}
#printsheet{position:fixed;inset:0;background:#fff;color:#111;z-index:9999;overflow:auto;padding:24px 28px}
.ps-bar{display:flex;gap:8px;margin-bottom:14px}
#printsheet h1{margin:0}
#printsheet h2{margin:2px 0 4px;font-weight:600}
.ps-sum{display:flex;gap:14px;margin:14px 0}
.ps-sum div{flex:1;border:1px solid #ccc;border-radius:10px;padding:10px;text-align:center}
.ps-sum b{display:block;font-size:22px}
table.ps-t{border-collapse:collapse;width:100%;font-size:12.5px}
table.ps-t th,table.ps-t td{border:1px solid #bbb;padding:5px 7px;text-align:center}
table.ps-t td:first-child,table.ps-t td:nth-child(2){text-align:left}
table.ps-t th{background:#eef2f7}
@media print{
body.printing>*:not(#printsheet){display:none!important}
body.printing #printsheet{position:static;padding:0}
.ps-bar{display:none}
}
.dplan{display:flex;flex-direction:column;gap:6px;overflow-x:auto;padding-bottom:4px}
.drow{display:flex;gap:4px;align-items:stretch;min-width:max-content}
.aisle{width:14px;flex:none}
.dcell{width:78px;min-height:46px;border:1px solid var(--bd);background:var(--bg);border-radius:8px;padding:3px 4px;cursor:pointer;text-align:left;display:flex;flex-direction:column;font-size:11px;color:var(--tx)}
.dcell i{font-style:normal;font-weight:700;font-size:10px;color:var(--mu)}
.dcell span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.dcell.occ{background:var(--ac2);border-color:var(--ac)}
.dcell.sel{outline:3px solid #f59e0b;background:#fde68a}
:root{--sal:env(safe-area-inset-left,0px);--sar:env(safe-area-inset-right,0px)}
html{text-size-adjust:100%}
button,.btn,summary,label,select{touch-action:manipulation}
header,main{padding-left:calc(14px + var(--sal));padding-right:calc(14px + var(--sar))}
.sheet>div{max-height:calc(100dvh - var(--sat) - 12px);overscroll-behavior:contain}
.subtabs{-webkit-overflow-scrolling:touch}
.subtabs::-webkit-scrollbar{display:none}
.cvw{overflow-x:auto;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain}
.zoomwrap.zoomed{touch-action:none}
.zbtn{right:calc(8px + var(--sar))}
.ofc,.o-side,.o-main{display:block}
@media (max-width:700px),(orientation:landscape) and (max-height:540px){
.ofc{display:flex;flex-direction:column}
.o-side,.o-main{display:contents}
.o-seg{order:0}
.o-sum{order:1}
.o-view{order:2}
.o-quick{order:3}
.o-pin{order:4}
.o-act{order:5}
.o-seg .seg{margin-bottom:8px}
.sum{display:flex!important;flex-wrap:nowrap!important;gap:6px;overflow-x:auto;padding-bottom:2px;scrollbar-width:none;margin-bottom:8px}
.sum::-webkit-scrollbar{display:none}
.sum .card{flex:1 0 62px;min-width:0;padding:6px 4px;font-size:11.5px;text-align:center}
.sum .card b{display:block;font-size:19px}
.role{max-width:36vw;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
header{gap:6px}
h1{min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:15px}
h1 small{display:none}
.kan{scroll-snap-type:x mandatory}
.kcol{scroll-snap-align:start}
input,select,textarea{font-size:16px}
.card{padding:10px}
}
@media (max-width:700px) and (orientation:portrait){
h1{flex:1 1 100%}
header{padding-top:6px;padding-bottom:6px}
}
@media (orientation:landscape) and (max-height:540px){
header{padding:4px calc(10px + var(--sar)) 4px calc(72px + var(--sal));min-height:0}
h1{flex:1 1 0;font-size:14px}
nav{position:fixed;left:0;right:auto;top:0;bottom:0;width:calc(64px + var(--sal));flex-direction:column;flex-wrap:nowrap;gap:2px;overflow-y:auto;scrollbar-width:none;padding:calc(var(--sat) + 4px) 3px calc(var(--sab) + 4px) calc(var(--sal) + 3px);background:var(--card);border-right:1px solid var(--bd);border-top:0;z-index:9}
nav::-webkit-scrollbar{display:none}
nav button{flex:0 0 auto;width:100%;min-height:50px;border:0;background:none;padding:4px 0;display:flex;flex-direction:column;align-items:center;justify-content:center;border-radius:10px;position:relative}
nav button.on{background:var(--ac2);color:var(--ac)}
.ic{margin:0;font-size:19px}
.lt{font-size:9.5px;white-space:nowrap}
nav .nb{position:absolute;top:1px;right:5px;margin:0}
main{padding:8px calc(10px + var(--sar)) calc(14px + var(--sab)) calc(72px + var(--sal))}
#toast{bottom:calc(12px + var(--sab));left:calc(50% + 32px)}
.sheet{align-items:center}
.sheet>div{border-radius:16px;width:min(640px,calc(100% - 96px));max-height:calc(100dvh - var(--sat) - var(--sab) - 16px)}
.sheet.top{align-items:flex-start;padding-top:calc(var(--sat) + 6px)}
.btn{padding:7px 12px}
.sum{margin-bottom:6px}
.sum .card{display:flex;align-items:center;justify-content:center;gap:6px;padding:4px 6px;flex:1 0 auto}
.sum .card b{display:inline;font-size:16px}
}
@media (pointer:coarse){
.btn.sm{min-height:38px;padding:8px 12px}
.btn{min-height:40px}
.subtabs button{min-height:38px}
input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=color]),select{min-height:42px}
input[type=checkbox],input[type=radio]{width:20px;height:20px}
.zbtn button{width:44px;height:44px;font-size:20px}
.dcell{min-height:54px;width:72px}
.seg button{padding:9px 16px}
}
@media (min-width:701px) and (max-width:1100px){
.grid{grid-template-columns:repeat(auto-fill,minmax(210px,1fr))}
.mods{grid-template-columns:repeat(2,1fr)}
}
.rhead,.rrow{display:grid;grid-template-columns:26px minmax(150px,1.6fr) 78px minmax(110px,1fr) 62px 104px minmax(90px,.9fr) 34px;gap:4px;align-items:center}
.rhead{font-size:11px;color:var(--mu);padding:0 0 3px;border-bottom:1px solid var(--bd);margin-bottom:4px}
.rrow{margin-bottom:3px}
.rrow input,.rrow select{width:100%;min-width:0;padding:5px 6px;font-size:13px}
.rrow .rn{color:var(--mu);font-size:11px;text-align:center}
.rrow.ok .rst{color:var(--ok)}
.rst{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px}
@media (max-width:700px){
.rhead{display:none}
.rrow{grid-template-columns:26px 1fr 1fr;padding:6px 0;border-top:1px dashed var(--bd)}
.rrow>:nth-child(2){grid-column:2/4}
.rrow .rst{grid-column:2/3}
.rrow .btn{grid-column:3/4;justify-self:end}
}
select,input,textarea{max-width:100%;min-width:0}
select{text-overflow:ellipsis}
.row>select,.row>input:not([type=checkbox]):not([type=radio]):not([type=color]){min-width:0}
.row>label.mu{flex:1 1 150px;min-width:0;max-width:100%}
.row>label.mu select,.row>label.mu input:not([type=checkbox]){width:100%}
.stn{display:grid;grid-template-columns:auto 1fr;gap:12px;align-items:start}
.stn.two{grid-template-columns:minmax(0,1.3fr) minmax(0,1fr)}
.stcol{min-width:0}
.qrbox{background:#fff;padding:8px;border-radius:12px;display:inline-block;line-height:0;margin:8px 0}
.qrbox svg{width:min(280px,70vw);height:auto}
@media (max-width:700px){
.stn,.stn.two{grid-template-columns:1fr}
}
.mic{display:block;margin:2px 0 8px auto;border:1px solid var(--bd);background:var(--card);color:var(--tx);border-radius:99px;padding:4px 12px;font-size:12px;cursor:pointer}
.mic.rec{background:#fee2e2;border-color:#ef4444;color:#b91c1c}
.offbar{background:#fee2e2;color:#991b1b;padding:6px 12px;text-align:center;font-size:13px;position:sticky;top:0;z-index:60}
pre.code{background:#0f172a;color:#e2e8f0;padding:10px;border-radius:8px;overflow:auto;font-size:12px;max-width:100%;white-space:pre;margin:6px 0}
.scan{max-width:420px;text-align:center}
.scan video{width:100%;border-radius:12px;background:#000;margin:8px 0}
.cardin{width:110px}
.fab{position:fixed;right:calc(14px + var(--sar));bottom:calc(14px + var(--sab));z-index:15;width:48px;height:48px;border-radius:50%;border:0;background:var(--ac);color:#fff;font-size:22px;box-shadow:0 4px 14px #0004;cursor:pointer}
@media (max-width:700px) and (orientation:portrait){
.fab{bottom:calc(78px + var(--sab))}
}
body.tvon{overflow:hidden}
body.tvon #demobar{display:none}
.tv{position:fixed;inset:0;background:#0b1220;display:flex;align-items:center;justify-content:center;z-index:100}
.tv canvas{max-width:100vw;max-height:calc(100vh - 52px);width:auto;height:auto;margin-bottom:52px}
.tvbar{position:fixed;left:0;right:0;bottom:0;height:48px;display:flex;gap:18px;align-items:center;padding:0 16px;background:rgba(0,0,0,.78);color:#fff;font-size:15px;white-space:nowrap}
.tvbar .tvan{flex:1;min-width:0}
.tvx{margin-left:auto;background:#fff2;border:0;color:#fff;border-radius:8px;padding:6px 12px;cursor:pointer}
code{overflow-wrap:anywhere;word-break:break-all}
.subtabs button[data-a="pjfilter"]{max-width:260px;overflow:hidden;text-overflow:ellipsis}
.card.pj{min-width:230px;max-width:300px}
.subtabs button{flex:0 0 auto}
input[type=range]{-webkit-appearance:none;appearance:none;height:26px;padding:0;margin:0;border:0;background:transparent;cursor:pointer;--pct:0%;min-height:0;touch-action:pan-y}
input[type=range]::-webkit-slider-runnable-track{height:8px;border-radius:99px;background:linear-gradient(to right,var(--ac) var(--pct),var(--bd) var(--pct));box-shadow:inset 0 1px 2px #0002}
input[type=range]::-moz-range-track{height:8px;border-radius:99px;background:var(--bd);box-shadow:inset 0 1px 2px #0002}
input[type=range]::-moz-range-progress{height:8px;border-radius:99px;background:var(--ac)}
input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:24px;height:24px;margin-top:-8px;border-radius:50%;background:#fff;border:4px solid var(--ac);box-shadow:0 2px 8px #0003;transition:transform .12s,box-shadow .12s}
input[type=range]::-moz-range-thumb{width:16px;height:16px;border-radius:50%;background:#fff;border:4px solid var(--ac);box-shadow:0 2px 8px #0003}
input[type=range]:hover::-webkit-slider-thumb{transform:scale(1.1)}
input[type=range]:active::-webkit-slider-thumb{transform:scale(1.2);box-shadow:0 0 0 7px var(--ac2),0 2px 8px #0003}
input[type=range]:focus{outline:none}
input[type=range]:focus-visible::-webkit-slider-thumb{box-shadow:0 0 0 5px var(--ac2),0 2px 8px #0003}
input[type=range]:disabled{cursor:default;opacity:.5}
input[type=range]:disabled::-webkit-slider-thumb{border-color:var(--mu);box-shadow:none;transform:none}
input[type=range].hue::-webkit-slider-runnable-track{background:linear-gradient(to right,hsl(0,70%,52%),hsl(60,70%,52%),hsl(120,70%,45%),hsl(180,70%,45%),hsl(240,70%,58%),hsl(300,70%,52%),hsl(359,70%,52%))}
input[type=range].hue::-moz-range-track{background:linear-gradient(to right,hsl(0,70%,52%),hsl(60,70%,52%),hsl(120,70%,45%),hsl(180,70%,45%),hsl(240,70%,58%),hsl(300,70%,52%),hsl(359,70%,52%))}
input[type=range].hue::-moz-range-progress{background:transparent}
.rv{min-width:42px;text-align:right;font-variant-numeric:tabular-nums;color:var(--ac)}
@media (pointer:coarse){
input[type=range]{height:34px}
input[type=range]::-webkit-slider-thumb{width:28px;height:28px;margin-top:-10px}
}
*{scrollbar-width:thin;scrollbar-color:var(--bd) transparent}
::-webkit-scrollbar{width:10px;height:10px}
::-webkit-scrollbar-track{background:transparent}
::-webkit-scrollbar-thumb{background:var(--bd);border-radius:99px;border:3px solid transparent;background-clip:content-box}
::-webkit-scrollbar-thumb:hover{background:var(--mu);background-clip:content-box;border:3px solid transparent}
::-webkit-scrollbar-corner{background:transparent}
.o-view,.o-main,.office,.zoomwrap{min-width:0;max-width:100%}
.office .zoomwrap{width:100%;overflow:hidden}
.office .zoomwrap.zoomed{touch-action:none;cursor:grab}
.office .zoomwrap canvas{display:block;width:100%;height:auto;max-width:100%;user-select:none;-webkit-user-select:none;-webkit-user-drag:none}
.office .zbtn{position:absolute;display:flex;flex-direction:column}
.office .zbtn button{touch-action:manipulation}
.office-gesture{font-size:12px;text-align:center;margin:6px 0 10px}
@media(min-width:701px){
.office-gesture{display:none}
}
.avprev, #cv, .office canvas{image-rendering:auto!important}
.v5-architecture{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin:12px 0 5px;padding:12px;border:1px solid #d9e3e9;border-radius:12px;background:linear-gradient(145deg,#f9fbfd,#edf3f6);color:#273e50}
.v5-architecture strong{grid-column:1/-1;font-size:12px;letter-spacing:.02em}
.v5-architecture label{display:flex;flex-direction:column;gap:5px;font-size:11px;font-weight:650}
.v5-architecture select{max-width:100%;min-width:0;border:1px solid #c9d5df;border-radius:8px;padding:7px 5px;background:#fff;color:#243746;font-size:12px}
.v6-design-home.v16-tools{position:fixed!important;left:auto!important;right:18px!important;top:76px!important;bottom:auto!important;transform:none!important;width:min(390px,calc(100vw - 24px))!important;max-width:none!important;max-height:calc(100dvh - 96px)!important;overflow-y:auto!important;display:flex!important;flex-direction:column!important;align-items:stretch!important;gap:10px!important;padding:18px!important;border-radius:20px!important;background:#fdfefe!important;box-shadow:0 22px 70px #0d294245!important;z-index:1100!important}
.v6-design-title{display:flex;flex-direction:column;gap:4px}
.v6-design-title strong{font-size:18px;color:#183449}
.v6-design-title small,.v6-design-tip{font-size:12px;color:#64788a;line-height:1.55}
.v6-design-section{font-size:12px;font-weight:800;color:#32637b;border-bottom:1px solid #e4ebf0;padding-bottom:6px}
.v6-design-home .v5-architecture{margin:0;background:#f5f8fa}
.v6-floor-selectors{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.v6-floor-selectors label{display:flex;flex-direction:column;gap:5px;font-size:12px;font-weight:650;color:#344d60}
.v6-floor-selectors select{width:100%;min-width:0;padding:9px 6px;border:1px solid #d4e0e7;border-radius:9px;background:white;color:#203d50}
.v6-design-actions{display:flex;gap:8px}
.v6-design-actions button{flex:1;padding:11px;border:1px solid #d7e2e8;border-radius:10px;background:#f1f5f8;color:#284459;font-weight:700;cursor:pointer}
.v6-design-actions .v16-save{background:#117c77;color:white;border-color:#117c77}
.v6-design-home .v5-architecture select:focus-visible,.v6-design-home select:focus-visible,.v6-design-actions button:focus-visible{outline:2px solid #319bca;outline-offset:2px}
@media(max-width:600px){
.v6-design-home.v16-tools{top:auto!important;bottom:10px!important;right:8px!important;left:8px!important;width:auto!important;max-height:78dvh!important;padding:14px!important}
}
.v6-design-home.v16-tools{box-sizing:border-box!important;overscroll-behavior:contain!important;scrollbar-gutter:stable;line-height:1.45!important;min-width:0!important}
.v6-design-home .v6-design-title{position:sticky;top:-18px;background:#fdfefe;padding:5px 0 12px;z-index:2;border-bottom:1px solid #e5edf2}
.v6-design-home select{box-sizing:border-box;width:100%;font:inherit;min-height:38px;appearance:auto}
.v6-design-home .v5-architecture{min-width:0;grid-template-columns:repeat(2,minmax(0,1fr))}
.v6-design-home .v5-architecture label{min-width:0;overflow:hidden}
.v6-design-home .v6-design-actions{position:sticky;bottom:-18px;background:#fdfefe;padding:12px 0 3px;z-index:2;border-top:1px solid #e5edf2}
.v6-design-home .v16-save.is-dirty{box-shadow:0 0 0 3px rgba(17,124,119,.14)}
.v7-floor-hint{font-size:12px;color:#64788a;margin:7px 0}
@media(max-width:600px){
.v6-design-home.v16-tools{max-height:min(76dvh,680px)!important}
.v6-design-home .v6-design-title{top:-14px}
.v6-design-home .v6-design-actions{bottom:-14px}
}
@media(max-width:370px){
.v6-floor-selectors,.v6-design-home .v5-architecture{grid-template-columns:1fr!important}
}
.v8-editor.v6-design-home.v16-tools{font-family:inherit!important;background:#fff!important;border:1px solid #dce6ed!important;box-shadow:0 24px 80px rgba(19,40,60,.24)!important;border-radius:20px!important;padding:18px!important;gap:14px!important;color:#1b3347!important}
.v8-editor .v6-design-title{position:sticky;top:-18px;display:flex;align-items:flex-start;padding:8px 36px 14px 0;background:#fff;z-index:3}
.v8-editor .v6-design-title strong{font-size:19px;letter-spacing:-.02em}
.v8-editor .v6-design-title small{font-size:12px;line-height:1.5}
.v8-editor .v8-close{position:absolute;right:0;top:2px;width:30px;height:30px;border:1px solid #dbe5eb;border-radius:9px;background:#f6f9fb;color:#345;font-size:22px;cursor:pointer}
.v8-editor .v6-design-section{font-size:11px;letter-spacing:.055em;text-transform:uppercase;color:#52738b;padding-bottom:9px}
.v8-editor .v5-architecture,.v8-editor .v6-floor-selectors{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.v8-editor .v5-architecture{border:0;background:#f5f8fb;border-radius:14px;padding:12px}
.v8-editor label{font-size:12px!important;line-height:1.4;color:#344d60}
.v8-editor select{border-radius:10px!important;border:1px solid #cddde6!important;min-height:42px!important;background:#fff!important;padding:8px!important;color:#1b3347!important}
.v8-editor .v8-focus{background:#e9f6f3;padding:8px;border-radius:12px;outline:2px solid #44a99b}
.v8-editor .v8-changed select{border-color:#158b7c!important;box-shadow:0 0 0 2px #d5f2e9}
.v8-editor .v6-design-actions{position:sticky;bottom:-18px;padding:14px 0 4px;background:white;z-index:3}
.v8-editor .v6-design-actions button{min-height:44px}
@media(max-width:390px){
.v8-editor .v5-architecture,.v8-editor .v6-floor-selectors{grid-template-columns:1fr!important}
}
.team-legend-collapse{margin:8px 0 12px;border:1px solid rgba(128,148,174,.28);border-radius:12px;background:var(--card,#fff);max-width:100%}
.team-legend-collapse>summary{display:flex;align-items:center;list-style:none;padding:10px 13px;font-weight:650;font-size:13px;user-select:none;min-height:42px}
.team-legend-collapse>summary::-webkit-details-marker{display:none}
.team-legend-count{margin-left:auto;font-size:12px;font-weight:500;opacity:.65}
.team-legend-arrow{font-size:17px;transition:transform .2s}
.team-legend-collapse[open] .team-legend-arrow{transform:rotate(180deg)}
.team-legend-items{display:flex;flex-wrap:wrap;margin:0;border-top:1px solid rgba(128,148,174,.18)}
.team-legend-items>span{display:inline-flex;gap:5px;align-items:center;max-width:100%;overflow-wrap:anywhere}
@media(max-width:600px){
.team-legend-collapse{margin:6px 0 10px}
.team-legend-items{gap:9px;flex-direction:column;align-items:flex-start}
.team-legend-collapse>summary{padding:9px 11px}
}
body{background:var(--bg)}
header{background:var(--card);border-bottom:1px solid var(--bd);gap:10px;padding:12px 18px}
header h1{font-size:clamp(15px,1.5vw,19px);line-height:1.3}
main{padding:20px clamp(12px,2.4vw,30px) 28px}
h3{letter-spacing:-.018em;margin:20px 0 10px}
.card{border-radius:16px;box-shadow:0 4px 18px #1d34500a;min-width:0}
.card:hover{box-shadow:0 7px 24px #1d345012}
.card.alert{border-color:var(--red)}
.sum{gap:12px}
.sum .card{min-width:105px;padding:12px 14px;text-align:left}
.sum b{font-size:clamp(20px,2.2vw,27px)}
nav{gap:7px}
nav button,.btn,.subtabs button,.seg button{transition:background-color .18s,border-color .18s,box-shadow .18s,transform .18s}
nav button,.btn{border-radius:11px;border-color:var(--bd);font-weight:600}
nav button:hover,.btn:not(:disabled):hover,.subtabs button:hover{border-color:var(--ac);box-shadow:0 3px 12px #285ca51a}
nav button.on,.btn.pri{box-shadow:0 3px 10px #2563b82b}
.subtabs{gap:8px;padding:2px 1px 9px;scrollbar-width:thin}
.subtabs button{border-radius:11px;padding:8px 13px;font-weight:600}
input,select,textarea{border-color:var(--bd);background:var(--card);outline:none}
input:focus-visible,select:focus-visible,textarea:focus-visible,button:focus-visible{outline:2px solid var(--ac);outline-offset:2px}
.row{gap:9px}
.col{gap:10px}
.chip,.role{font-weight:650;border-radius:999px}
.bar{height:7px}
.office{isolation:isolate}
.zbtn button{border-radius:10px!important}
table{font-variant-numeric:tabular-nums}
th{font-weight:700;background:var(--bg)}
td,th{padding:10px 11px}
tr:hover td{background:color-mix(in srgb,var(--ac2) 28%,transparent)}
.modbody{border-top-color:var(--bd)}
.card.mod{border-radius:16px}
@media(max-width:700px){
header{box-shadow:none}
header h1{font-size:15px;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
main{padding:12px 10px calc(88px + var(--sab));max-width:100vw}
.grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.mods{grid-template-columns:1fr}
.sum{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.sum .card{min-width:0;padding:10px}
.sum b{font-size:21px}
.row>.btn{white-space:normal;overflow-wrap:anywhere}
nav{padding:6px 5px calc(7px + var(--sab))}
nav .lt{line-height:1.2}
.subtabs{margin-bottom:9px}
h3{margin:14px 0 8px}
}
@media(max-width:360px){
.grid{grid-template-columns:1fr}
.sum{grid-template-columns:repeat(2,minmax(0,1fr))}
nav .lt{font-size:9px}
}
@media(orientation:landscape) and (max-height:540px){
main{padding-bottom:15px}
nav{box-shadow:3px 0 15px #15283a12}
}
@media(prefers-reduced-motion:reduce){
.btn,nav button,.subtabs button,.card{transition:none!important}
}
body{min-width:0}
main,section,.card,.modbody,.row,.grid{min-width:0}
img,video,canvas{max-width:100%}
.office .zoomwrap{overscroll-behavior:contain}
@media(max-width:700px){
header{flex-wrap:wrap}
header h1{font-size:14px}
main{padding:10px 9px calc(84px + env(safe-area-inset-bottom,0px))}
.card{min-width:0;box-sizing:border-box}
.grid,.sum{grid-template-columns:repeat(2,minmax(0,1fr))}
.mods{grid-template-columns:minmax(0,1fr)}
.row{align-items:center}
.subtabs{display:flex;overscroll-behavior-x:contain}
.subtabs button{font-size:12px}
nav{display:flex;justify-content:space-around;max-width:100vw;box-sizing:border-box}
nav button{line-height:1.2}
nav .lt{white-space:nowrap}
.office,.zoomwrap{width:100%;max-width:100%;box-sizing:border-box}
.zbtn{gap:5px}
.zbtn button{min-width:40px;min-height:40px}
table{max-width:100%}
input,select,textarea{max-width:100%;box-sizing:border-box}
}
@media(max-width:380px){
.grid{grid-template-columns:minmax(0,1fr)}
.sum{grid-template-columns:repeat(2,minmax(0,1fr))}
header h1{font-size:13px}
}
:root{--bg:#f2f5f7;--card:#ffffff;--tx:#1a3041;--mu:#718494;--bd:#dce5eb;--ac:#266d88;--ac2:#e8f4f6;--ok:#198273;--red:#c75962;--sab:env(safe-area-inset-bottom,0px)}
:root[data-theme="dark"]{--bg:#0d1924;--card:#172a38;--tx:#f1f6f8;--mu:#a5b8c5;--bd:#344959;--ac:#76bfcf;--ac2:#1e414c}
@media(prefers-color-scheme:dark){
:root:not([data-theme="light"]){--bg:#0d1924;--card:#172a38;--tx:#f1f6f8;--mu:#a5b8c5;--bd:#344959;--ac:#76bfcf;--ac2:#1e414c}
}
html{scroll-behavior:smooth}
body{background:var(--bg);color:var(--tx);-webkit-font-smoothing:antialiased}
header{background:var(--card);border-bottom:1px solid var(--bd);box-shadow:0 5px 26px #0a30400c;padding:14px clamp(12px,2.5vw,28px)}
header h1{font-weight:800;letter-spacing:-.04em}
main{max-width:1480px;margin-inline:auto;padding:22px clamp(12px,2.5vw,32px) 34px}
h2,h3{letter-spacing:-.025em;color:var(--tx)}
h3{font-size:16px;font-weight:750}
.card{background:var(--card);border-radius:18px;box-shadow:0 7px 26px #19394c0b;padding:17px}
@media(hover:hover){
.card:hover{border-color:color-mix(in srgb,var(--ac) 28%,var(--bd));box-shadow:0 12px 34px #183d5018}
}
.card.bosscard{background:linear-gradient(135deg,#f6f1e6,#e9dbc0);border:1px solid #d9c8a8;color:#3b352e}
.card.bosscard .mu{color:#756c5f}
:root[data-theme="dark"] .card.bosscard{background:linear-gradient(135deg,#423a2d,#584b36);border-color:#796b50;color:#f9f1e2}
.btn,nav button,.subtabs button,.seg button{border-radius:12px;font-weight:650;transition:background .2s,border-color .2s,transform .15s,box-shadow .2s}
.btn.pri,nav button.on,.subtabs button.on{background:var(--ac);color:#fff;border-color:var(--ac);box-shadow:0 5px 14px #266d8828}
.btn:active,nav button:active{transform:scale(.98)}
input,select,textarea{background:var(--card);color:var(--tx);border:1px solid var(--bd);min-height:40px;max-width:100%;box-sizing:border-box}
.zoomwrap{border-radius:inherit}
.office canvas{display:block;image-rendering:auto}
.zbtn{z-index:3;gap:7px}
.zbtn button{width:42px;height:42px;min-width:42px;min-height:42px;border-radius:12px;background:var(--card);box-shadow:0 4px 14px #14394b20}
.sum .card{border-radius:16px;background:var(--card)}
.chip,.achip,.role{border-radius:999px}
.cd{border-radius:11px}
.cd.today{box-shadow:inset 0 0 0 1px var(--ac)}
.kcol{border-radius:16px}
.sheet>div{border-radius:20px}
button,a,[role="button"]{-webkit-tap-highlight-color:transparent}
button:focus-visible,a:focus-visible{outline:3px solid var(--ac);outline-offset:2px}
@media(max-width:700px){
html,body{max-width:100%;overflow-x:clip}
header h1{font-size:14px;letter-spacing:-.025em}
main{padding:12px 10px calc(96px + var(--sab));width:100%;box-sizing:border-box}
.card{padding:13px}
.grid,.sum{gap:9px;grid-template-columns:repeat(2,minmax(0,1fr))}
.mods{grid-template-columns:minmax(0,1fr)}
.row{flex-wrap:wrap;gap:8px}
.row>*{min-width:0;max-width:100%}
.subtabs{overflow-x:auto;flex-wrap:nowrap;scrollbar-width:none;gap:6px;padding:3px 1px 9px}
.subtabs::-webkit-scrollbar{display:none}
.subtabs button{white-space:nowrap;flex:0 0 auto;padding:10px 12px}
nav{gap:3px;padding:7px 6px calc(8px + var(--sab));background:var(--card);border-top:1px solid var(--bd);box-shadow:0 -8px 30px #142b3c16}
nav button{min-width:0;flex:1 1 0;padding:8px 2px;min-height:51px;border-radius:12px}
nav .lt{font-size:10px;letter-spacing:-.025em}
.zoomwrap{max-width:100%}
.zbtn{right:9px;bottom:9px}
.zbtn button{width:44px;height:44px}
.kan,.pjs{scroll-snap-type:x proximity}
.kcol,.card.pj{scroll-snap-align:start}
input,select,textarea{font-size:16px;min-height:44px}
.btn{min-height:40px}
.sheet>div{max-width:100vw;max-height:calc(100dvh - 20px);overflow-y:auto}
}
@media(max-width:380px){
.grid{grid-template-columns:minmax(0,1fr)}
.sum{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(prefers-reduced-motion:reduce){
*,*::before,*::after{scroll-behavior:auto!important;transition:none!important}
}
:root{--season-accent:#527fa2;--season-soft:#e9f1f7;--season-glow:rgba(82,127,162,.13)}
:root[data-office-theme="tet"]{--season-accent:#ba333a;--season-soft:#fff0e3;--season-glow:rgba(205,53,61,.16)}
:root[data-office-theme="spring"]{--season-accent:#3c9070;--season-soft:#edf9ef;--season-glow:rgba(60,144,112,.14)}
:root[data-office-theme="summer"]{--season-accent:#198bb0;--season-soft:#e6f8fc;--season-glow:rgba(25,139,176,.15)}
:root[data-office-theme="autumn"]{--season-accent:#ad704b;--season-soft:#fff3e7;--season-glow:rgba(173,112,75,.16)}
:root[data-office-theme="xmas"]{--season-accent:#247f65;--season-soft:#ecf7f2;--season-glow:rgba(36,127,101,.15)}
:root[data-office-theme="midautumn"]{--season-accent:#7c5ba6;--season-soft:#f3eefd;--season-glow:rgba(124,91,166,.16)}
:root[data-office-theme="national"]{--season-accent:#bc3540;--season-soft:#fff1e7;--season-glow:rgba(188,53,64,.15)}
:root[data-office-theme="green"]{--season-accent:#4f8a62;--season-soft:#edf6ee}
:root[data-office-theme="rose"]{--season-accent:#9a5a78;--season-soft:#fff0f5}
:root[data-office-theme="night"]{--season-accent:#7183c2;--season-soft:#eef0fc}
:root[data-office-theme] .themes{display:grid;grid-template-columns:repeat(auto-fit,minmax(135px,1fr));gap:9px}
:root[data-office-theme] .themes .theme{min-height:58px;border-radius:14px;transition:transform .18s ease,box-shadow .18s ease}
:root[data-office-theme] .themes .theme:active{transform:scale(.98)}
:root[data-office-theme] .themes .theme.on{outline:2px solid var(--season-accent);outline-offset:1px;box-shadow:0 6px 20px var(--season-glow)}
:root[data-office-theme] .card.pin{border-top:3px solid var(--season-accent)}
@media(max-width:600px){
:root[data-office-theme] .themes{grid-template-columns:repeat(2,minmax(0,1fr))}
:root[data-office-theme] .themes .theme{min-height:64px;font-size:12px}
}
@media(prefers-reduced-motion:reduce){
:root[data-office-theme] .themes .theme{transition:none}
}
:root[data-theme="light"] .card{color:var(--tx);background:var(--card);border-color:var(--bd)}
:root[data-theme="light"] input,:root[data-theme="light"] select,:root[data-theme="light"] textarea{background:#fff;color:#213747;border-color:#cddbe3}
:root[data-theme="light"] nav button:not(.on),:root[data-theme="light"] .btn:not(.pri){background:#fff;color:#26465a;border-color:#d3e0e7}
:root[data-theme="light"] .mu{color:#607889}
.office{position:relative}
.v15-floor-picker{position:absolute;z-index:16;transform:translate(-50%,-50%);width:min(350px,calc(100% - 20px));max-height:min(410px,75vh);overflow:auto;background:#fdfefd;color:#223948;border:1px solid #d5e2e7;border-radius:18px;box-shadow:0 16px 48px #142a3b4d;padding:12px;touch-action:pan-y;font:12px/1.4 Inter,system-ui,sans-serif}
.v15-floor-head{display:flex;justify-content:space-between;align-items:center;font-weight:750;font-size:14px;margin-bottom:10px}
.v15-floor-head button{border:0;background:#eaf0f4;border-radius:50%;width:28px;height:28px;color:#29465b;font-size:20px;cursor:pointer}
.v15-floor-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
.v15-floor-item{border:1px solid #d9e2e7;background:#fff;border-radius:10px;padding:5px;display:flex;flex-direction:column;align-items:center;gap:4px;color:#344c5d;font-size:10px;cursor:pointer;min-width:0}
.v15-floor-item.chosen{outline:2px solid #277a9d;background:#e8f5f8}
.v15-floor-swatch{display:block;width:100%;height:43px;border-radius:6px;background-color:#d9c5a3;background-image:repeating-linear-gradient(90deg,#97775b44 0 1px,transparent 1px 16px),repeating-linear-gradient(0deg,#92745333 0 1px,transparent 1px 25px)}
.v15-floor-swatch[data-floor="walnut"]{background-color:#765442}
.v15-floor-swatch[data-floor="herringbone"]{background-color:#c0a07c;background-image:repeating-linear-gradient(45deg,#755f4d66 0 1px,transparent 1px 17px),repeating-linear-gradient(-45deg,#755f4d55 0 1px,transparent 1px 17px)}
.v15-floor-swatch[data-floor="marble"]{background-color:#f0efed;background-image:repeating-linear-gradient(145deg,transparent 0 14px,#a8b0ae66 15px,transparent 17px)}
.v15-floor-swatch[data-floor="blackmarble"]{background-color:#343b41;background-image:repeating-linear-gradient(145deg,transparent 0 14px,#e1b67d77 15px,transparent 17px)}
.v15-floor-swatch[data-floor^="terrazzo"]{background-color:#e2d4c1;background-image:radial-gradient(#8b8076 2px,transparent 3px),radial-gradient(#bca185 3px,transparent 4px);background-size:18px 19px,29px 27px}
.v15-floor-swatch[data-floor="terrazzoGrey"]{background-color:#adb6b6}
.v15-floor-swatch[data-floor="concrete"]{background-color:#b9bfbd;background-image:radial-gradient(#8b959155 1px,transparent 2px);background-size:8px 8px}
.v15-floor-swatch[data-floor^="carpet"]{background-color:#79848b;background-image:repeating-linear-gradient(90deg,#fff2 0 1px,transparent 1px 4px)}
.v15-floor-swatch[data-floor="carpetBlue"]{background-color:#4c6a7d}
.v15-floor-swatch[data-floor="terracotta"]{background-color:#ba7857;background-image:linear-gradient(90deg,#fff5 1px,transparent 1px),linear-gradient(#fff5 1px,transparent 1px);background-size:22px 22px}
.v15-floor-swatch[data-floor="slate"]{background-color:#59656c;background-image:linear-gradient(90deg,#fff3 1px,transparent 1px),linear-gradient(#fff3 1px,transparent 1px);background-size:28px 28px}
.v15-floor-swatch[data-floor="hex"]{background-color:#e2ded5;background-image:repeating-linear-gradient(60deg,transparent 0 12px,#7775 13px,transparent 14px),repeating-linear-gradient(-60deg,transparent 0 12px,#7775 13px,transparent 14px)}
.v15-floor-swatch[data-floor="travertine"]{background-color:#d4c5ad;background-image:repeating-linear-gradient(0deg,transparent 0 7px,#856f5544 8px,transparent 9px)}
.v15-floor-swatch[data-floor="bamboo"]{background-color:#cdbb86}
.v15-floor-note{font-size:10px;color:#647b89;margin-top:9px;text-align:center}
@media(max-width:540px){
.v15-floor-picker{position:fixed;left:50%!important;top:auto!important;bottom:calc(80px + env(safe-area-inset-bottom,0px));transform:translateX(-50%);max-height:55dvh;width:calc(100vw - 24px)}
.v15-floor-swatch{height:38px}
}
.v16-tools{position:absolute;transform:translate(-50%,calc(-100% - 12px));display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:5px;padding:6px;max-width:min(390px,calc(100% - 14px));background:#fff;color:#203547;border:1px solid #d9e4eb;border-radius:16px;font:12px/1.3 system-ui,sans-serif}
.v16-tools>button{width:36px;height:36px;min-width:36px;border:0;border-radius:11px;background:#f1f5f8;color:#26445b;font-size:21px;display:grid;place-items:center;cursor:pointer;touch-action:manipulation}
.v16-tools>button:hover,.v16-tools>button:focus-visible{background:#dcecf5;outline:2px solid #75a9c6}
.v16-tools>button.v16-save{background:#0c786d;color:#fff;font-weight:800}
.v16-tools.v16-moving{border-color:#3185ae;box-shadow:0 0 0 3px #a7d9ee,0 14px 38px #172d4350}
.v16-person{width:min(220px,70vw);background:white;color:#203547;border:1px solid #b9ceda;border-radius:9px;padding:9px}
.v16-floor-title{flex-basis:100%;font-weight:750;padding:4px 6px;color:#234154}
.v16-floor-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;width:min(350px,75vw);max-height:min(300px,50dvh);overflow-y:auto}
.v16-material{min-width:0;display:flex;flex-direction:column;align-items:center;gap:3px;background:#fff;border:1px solid #dce5eb;border-radius:9px;padding:4px;color:#32495a;cursor:pointer}
.v16-material .v15-floor-swatch{height:38px;width:100%;min-width:46px}
.v16-material small{font-size:9px;line-height:1.1;min-height:22px}
.v16-material.on{border-color:#148e9c;box-shadow:inset 0 0 0 1px #148e9c;background:#edf9f9}
@media(max-width:600px){
.v16-tools{position:fixed;left:50%!important;top:auto!important;bottom:calc(76px + env(safe-area-inset-bottom,0px));transform:translateX(-50%);width:max-content;padding:7px}
.v16-tools>button{width:42px;height:42px;min-width:42px}
.v16-floor-grid{width:calc(100vw - 64px);max-height:43dvh}
}
:root[data-theme="light"] .subtabs button:not(.on),:root[data-theme="light"] .card,:root[data-theme="light"] .modal,:root[data-theme="light"] dialog{color:var(--tx)}
:root[data-theme="light"] input::placeholder,:root[data-theme="light"] textarea::placeholder{color:#7c8f9e}
.v16-tools{backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-color:#c5d5df;box-shadow:0 12px 34px rgba(20,40,58,.22)}
.v16-tools>button{transition:background .15s ease,transform .15s ease}
.v16-tools>button:active{transform:scale(.94)}
.v16-material:focus-visible{outline:2px solid #147caa;outline-offset:2px}
.v16-tools{isolation:isolate}
.v16-tools .v16-person{max-width:180px;min-height:34px;border-radius:9px;border:1px solid #bccfda;padding:4px 8px;background:white;color:#22384a}
@media(max-width:600px){
.v16-tools{max-height:55dvh;overflow:auto;overscroll-behavior:contain}
.v16-tools>button{flex-shrink:0}
.v16-floor-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
}
.office .zoomwrap .office-edit-toggle{position:absolute;left:10px;bottom:10px;border:1px solid #c4d8e2;background:#fff;color:#25465c;border-radius:999px;padding:9px 13px;font:600 12px system-ui;box-shadow:0 5px 18px #20354b25;cursor:pointer;touch-action:manipulation}
.office .zoomwrap .office-edit-toggle.active{background:#176d85;color:white;border-color:#176d85}
@media(max-width:600px){
.office .zoomwrap .office-edit-toggle{left:8px;bottom:8px;font-size:11px;padding:8px 10px}
}
:root[data-theme="light"]{color-scheme:light!important;--bg:#f4f7fb!important;--card:#fff!important;--tx:#1b2f40!important;--mu:#5d7183!important;--bd:#dbe5ed!important;--ac:#246c88!important;--ac2:#e8f4f8!important;background:#f4f7fb!important;color:#1b2f40!important}
:root[data-theme="light"] body,:root[data-theme="light"] main{background:#f4f7fb!important;color:#1b2f40!important}
:root[data-theme="light"] header,:root[data-theme="light"] nav,:root[data-theme="light"] .card,:root[data-theme="light"] .sheet>div,:root[data-theme="light"] .subtabs button:not(.on),:root[data-theme="light"] .seg button:not(.on){background:#fff!important;color:#1b2f40!important;border-color:#dbe5ed!important}
:root[data-theme="light"] .card.bosscard{background:linear-gradient(135deg,#fff7e9,#f1e4cb)!important;color:#3b352e!important}
:root[data-theme="light"] .card.bosscard .mu{color:#716554!important}
:root[data-theme="light"] .btn:not(.pri),:root[data-theme="light"] nav button:not(.on),:root[data-theme="light"] input,:root[data-theme="light"] textarea,:root[data-theme="light"] select,:root[data-theme="light"] .cd,:root[data-theme="light"] .mb,:root[data-theme="light"] .tdetail{background:#fff!important;color:#1b2f40!important;border-color:#dbe5ed!important}
:root[data-theme="light"] nav button.on,:root[data-theme="light"] .btn.pri,:root[data-theme="light"] .subtabs button.on{background:var(--ac)!important;color:#fff!important}
:root[data-theme="light"] .mu,:root[data-theme="light"] th{color:#5d7183!important}
:root[data-theme="light"] .office,:root[data-theme="light"] .office .zoomwrap{background:#eaf1f5!important;border-color:#cbdde7!important}
:root[data-theme="light"] .sheet{background:rgba(18,32,45,.38)}
.office .zoomwrap .office-edit-toggle{z-index:50;min-height:40px}
.v16-tools{z-index:60;max-height:min(360px,75vh);overflow-y:auto}
@media(max-width:600px){
.v16-tools{max-width:calc(100% - 16px)}
}
.office-editor-toolbar{display:flex;justify-content:flex-start;align-items:center;position:relative;z-index:2}
.office-editor-toolbar .office-edit-toggle{position:static!important;visibility:visible!important;opacity:1!important;border:1px solid #b8cbd8;background:#fff;color:#19415b;font-weight:700;cursor:pointer;box-shadow:0 2px 9px #20354b22}
.office-editor-toolbar .office-edit-toggle.active{background:#176d85;color:#fff;border-color:#176d85}
:root[data-theme="dark"] .office-editor-toolbar .office-edit-toggle{background:#233342;color:#f0f6fb;border-color:#526577}
:root[data-theme="dark"] .office-editor-toolbar .office-edit-toggle.active{background:#176d85;color:#fff}
.office-editor-toolbar{min-height:0!important;padding:4px 0 7px!important;gap:4px!important}
.office-editor-toolbar .office-edit-toggle{width:32px!important;height:32px!important;min-width:32px!important;min-height:32px!important;padding:0!important;border-radius:9px!important;font-size:19px!important;line-height:1!important;display:inline-flex!important;align-items:center!important;justify-content:center!important}
.office .zbtn button{min-height:29px!important;padding:0!important;font-size:15px!important;line-height:1!important}
@media(max-width:600px){
.office .zbtn button{width:28px!important;height:28px!important;min-width:28px!important;min-height:28px!important;font-size:14px!important}
}
.office .zbtn .office-edit-toggle{position:static!important;display:grid!important;place-items:center!important;transform:none!important;opacity:1!important;width:29px!important;height:29px!important;min-width:29px!important;min-height:29px!important;padding:0!important;border-radius:8px!important;font-size:17px!important;line-height:1!important;background:var(--card)!important;color:var(--tx)!important;border:1px solid var(--bd)!important;box-shadow:0 2px 8px #0002!important;cursor:pointer!important}
.office .zbtn .office-edit-toggle.active{background:#187d91!important;color:#fff!important;border-color:#187d91!important}
.office .v16-tools{left:50%!important;top:auto!important;bottom:12px!important;transform:translateX(-50%)!important;max-width:calc(100% - 20px)!important;max-height:min(62vh,350px)!important;overflow-y:auto!important}
.office .v16-tools.v16-moving{bottom:58px!important}
.v21-editor-floating.v16-tools{left:50%!important;top:auto!important;z-index:1001!important;max-height:min(68dvh,440px)!important;overflow-y:auto!important;overscroll-behavior:contain;touch-action:pan-y;box-shadow:0 18px 60px rgba(0,0,0,.30)!important}
.roster-status-filters{display:grid!important;grid-template-columns:repeat(6,minmax(0,1fr))!important;gap:4px!important;width:100%!important;min-width:0!important;overflow:visible!important}
.roster-status-filters>button{min-width:0!important;max-width:100%!important;width:100%!important;padding:6px 2px!important;font-size:clamp(9px,2.5vw,12px)!important;line-height:1.2!important;white-space:nowrap!important;text-align:center!important;overflow:hidden!important;text-overflow:clip!important}
@media(max-width:380px){
.roster-status-filters{grid-template-columns:repeat(3,minmax(0,1fr))!important}
.roster-status-filters>button{font-size:12px!important;padding:7px 3px!important}
}
@media(max-width:600px){
.v21-editor-floating.v16-tools>button{width:36px!important;height:36px!important;min-width:36px!important}
}
.v21-editor-floating.v16-tools{position:fixed!important;bottom:auto!important;right:auto!important;transform:none!important;max-width:calc(100vw - 16px)!important;max-height:min(65dvh,420px)!important;box-sizing:border-box!important}
.v21-editor-floating.v16-tools.v16-moving{bottom:auto!important}
@media(max-width:600px){
.v21-editor-floating.v16-tools{max-height:min(56dvh,380px)!important;padding:6px!important}
.v21-editor-floating .v16-floor-grid{max-height:36dvh!important;overflow-y:auto!important}
}
.v21-editor-floating.v16-tools.v21-drag-dock{position:fixed!important;left:50%!important;top:calc(12px + env(safe-area-inset-top,0px))!important;bottom:auto!important;transform:translateX(-50%)!important;max-width:calc(100vw - 20px)!important;padding:5px!important;opacity:.94!important;pointer-events:none!important}
.v21-editor-floating.v16-tools.v21-drag-dock>*{pointer-events:auto!important}
.v21-editor-floating .v21-snap-on{background:#197a93!important;color:white!important;outline:2px solid #64b7cb!important}
.office canvas{user-select:none;-webkit-user-select:none}
body > .v8-editor.v6-design-home.v16-tools.v21-editor-floating{position:fixed!important;inset:50% auto auto 50%!important;left:50%!important;top:50%!important;right:auto!important;bottom:auto!important;transform:translate(-50%,-50%)!important;width:min(640px,calc(100vw - 32px))!important;min-width:0!important;max-width:calc(100vw - 32px)!important;height:auto!important;max-height:min(86dvh,820px)!important;padding:22px!important;display:flex!important;flex-direction:column!important;align-items:stretch!important;justify-content:flex-start!important;flex-wrap:nowrap!important;overflow-x:hidden!important;overflow-y:auto!important;z-index:9999!important;box-sizing:border-box!important;opacity:1!important;pointer-events:auto!important}
body > .v8-editor .v6-design-title,body > .v8-editor .v6-design-actions{flex:0 0 auto!important}
body > .v8-editor .v5-architecture,body > .v8-editor .v6-floor-selectors{width:100%!important;box-sizing:border-box!important}
@media(max-width:600px){
body > .v8-editor.v6-design-home.v16-tools.v21-editor-floating{width:calc(100vw - 20px)!important;max-width:calc(100vw - 20px)!important;max-height:88dvh!important;padding:16px!important;gap:12px!important}
}
body>.v10-editor.v16-tools{position:fixed!important;inset:50% auto auto 50%!important;transform:translate(-50%,-50%)!important;width:min(700px,calc(100vw - 28px))!important;max-width:calc(100vw - 28px)!important;max-height:min(88dvh,820px)!important;display:flex!important;flex-direction:column!important;align-items:stretch!important;flex-wrap:nowrap!important;padding:24px!important;border:1px solid rgba(189,205,216,.9)!important;border-radius:24px!important;background:linear-gradient(150deg,#fff 0%,#f6f9fc 100%)!important;box-shadow:0 32px 100px #071c3660,0 0 0 999vmax #07182c80!important;z-index:99999!important;color:#203448!important;box-sizing:border-box!important;font-family:system-ui,-apple-system,"Segoe UI",sans-serif!important}
.v10-editor .v6-design-title{position:relative!important;top:auto!important;background:transparent!important;padding:0 48px 14px 0!important;flex-shrink:0!important}
.v10-editor .v6-design-title small{color:#647a8d!important}
.v10-editor .v8-close{width:38px!important;height:38px!important;right:0!important;top:0!important;border-radius:12px!important}
.v10-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px;padding:5px;background:#e9eff5;border-radius:14px;flex-shrink:0}
.v10-tabs button{min-width:0;border:0;border-radius:10px;padding:11px 6px;background:transparent;color:#536b7e;font-weight:750;font-size:12px;cursor:pointer;transition:background .18s,box-shadow .18s,color .18s}
.v10-tabs button.selected{background:white;color:#087d81;box-shadow:0 2px 9px #0b32401c}
.v10-editor .v10-group{display:none;flex:1 1 auto;overscroll-behavior:contain;padding:3px 2px 12px}
.v10-editor[data-tab=architecture] [data-group=architecture],.v10-editor[data-tab=floors] [data-group=floors],.v10-editor[data-tab=furniture] [data-group=furniture]{display:block}
.v10-editor .v6-design-section{margin:3px 0 13px;color:#658196!important;letter-spacing:.08em!important}
.v10-editor .v5-architecture,.v10-editor .v6-floor-selectors{grid-template-columns:repeat(2,minmax(0,1fr))}
.v10-editor label{display:flex;flex-direction:column;gap:7px;padding:12px!important;border:1px solid #e2eaf1;border-radius:14px;background:#fff!important;font-size:12px!important;font-weight:700!important;box-shadow:0 2px 8px #1838500b}
.v10-editor select{width:100%!important;min-height:43px!important;border-radius:10px!important;border:1px solid #d3e1e9!important;background:#f8fbfd!important;padding:8px 10px!important;color:#233d52!important;font-size:13px!important}
.v10-editor select:focus-visible,.v10-editor button:focus-visible{outline:3px solid #55b4ba!important;outline-offset:2px!important}
.v10-editor .v6-design-actions{display:flex!important;flex-shrink:0!important;padding:14px 0 0!important;border-top:1px solid #dfe8f0!important}
.v10-editor .v6-design-actions button{min-height:46px!important}
.v10-editor .v16-save{background:linear-gradient(120deg,#087c84,#1167a0)!important;color:#fff!important;border:0!important;box-shadow:0 5px 16px #097d8636!important}
.v10-editor .v6-design-tip{background:#eef7f8;border:1px solid #d4e8e9;padding:16px;border-radius:14px;color:#39596a;font-size:13px;line-height:1.7}
@media(max-width:600px){
body>.v10-editor.v16-tools{width:calc(100vw - 16px)!important;max-width:calc(100vw - 16px)!important;max-height:92dvh!important;padding:15px!important;gap:12px!important;border-radius:19px!important}
.v10-editor .v5-architecture,.v10-editor .v6-floor-selectors{grid-template-columns:1fr!important;gap:8px}
.v10-tabs button{font-size:11px;padding:10px 3px}
.v10-editor label{padding:9px!important}
}
@media(prefers-reduced-motion:reduce){
.v10-editor *{transition:none!important;scroll-behavior:auto!important}
}
body>.v10-editor.v16-tools{max-height:calc(100dvh - 32px)!important;overflow:hidden!important;gap:12px!important}
.v10-editor .v10-group{min-height:0!important;max-height:calc(100dvh - 285px)!important}
.v10-editor .v6-design-actions{margin-top:auto!important;position:sticky!important;bottom:0!important;background:#f8fbfd!important;z-index:2!important}
.v10-editor label.v8-changed{border-color:#0a8995!important;box-shadow:0 0 0 2px #0a89951c!important}
@media(max-width:600px){
body>.v10-editor.v16-tools{max-height:calc(100dvh - 16px)!important}
.v10-editor .v10-group{max-height:calc(100dvh - 255px)!important}
}
@media(max-width:700px){
body>.v10-editor.v16-tools{position:fixed!important;inset:auto 0 0 0!important;transform:none!important;width:100%!important;max-width:100%!important;height:min(88dvh,760px)!important;max-height:88dvh!important;padding:16px 16px max(12px,env(safe-area-inset-bottom))!important;margin:0!important;border-radius:22px 22px 0 0!important;overflow:hidden!important;display:flex!important;flex-direction:column!important;gap:10px!important;box-shadow:0 -20px 75px #081b3550,0 0 0 100vmax #07182c80!important}
body>.v10-editor .v6-design-title{flex:0 0 auto!important;padding-bottom:10px!important}
body>.v10-editor .v10-tabs{flex:0 0 auto!important}
body>.v10-editor .v10-group{min-height:0!important;flex:1 1 auto!important;overflow-y:auto!important;overflow-x:hidden!important;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;touch-action:pan-y;padding:5px 2px 16px!important}
body>.v10-editor .v6-design-actions{position:relative!important;inset:auto!important;transform:none!important;flex:0 0 auto!important;margin:0!important;padding:12px 0 0!important;background:#fff!important;box-shadow:0 -8px 18px #fff!important;display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;gap:10px!important}
body>.v10-editor .v6-design-actions button{min-height:48px!important;padding:10px 18px!important;touch-action:manipulation}
body>.v10-editor select{font-size:16px!important;min-height:48px!important;touch-action:manipulation}
body>.v10-editor .v5-architecture,body>.v10-editor .v6-floor-selectors{grid-template-columns:1fr!important}
body>.v10-editor .v10-tabs button{min-height:43px!important;line-height:1.2!important}
}
@media(max-width:380px){
body>.v10-editor.v16-tools{padding-inline:10px!important}
.v10-editor .v10-tabs button{font-size:10px!important}
}
:root{--v55-edge:rgba(185,205,225,.23);--v55-glass:rgba(255,255,255,.075)}
#app button{box-shadow:inset 0 1px rgba(255,255,255,.13),0 3px 12px rgba(5,18,35,.13)}
#app button:hover:not(:disabled){filter:brightness(1.055)}
@media(prefers-reduced-motion:reduce){
#app button{transition:none!important}
}
:root{--ui-card-radius:16px;--ui-card-gap:12px;--ui-touch:44px;--ui-stroke:rgba(126,151,178,.25)}
*,*::before,*::after{box-sizing:border-box}
html{overflow-x:clip;-webkit-text-size-adjust:100%}
body{max-width:100%;overflow-x:clip}
:where(.card,.bosscard,.sheet,.sum,.team-legend-collapse){min-width:0;max-width:100%;border-radius:var(--ui-card-radius);overflow-wrap:anywhere}
:where(.card,.bosscard,.sheet){box-shadow:0 5px 18px rgba(18,43,68,.07)}
:where(.card,.bosscard,.sheet,.team-legend-collapse) :where(h1,h2,h3,h4,p,span,strong,small){overflow-wrap:anywhere}
:where(.row,.rrow,.srow,.rhead,.top,.o-main,.o-view){min-width:0;max-width:100%}
:where(.row,.rrow,.srow,.rhead) > *{min-width:0}
:where(input,textarea,select){max-width:100%;min-width:0}
:where(button,input,select,textarea){font-family:inherit}
:where(button,[role="button"],summary){touch-action:manipulation}
:where(button,a,input,select,textarea,summary):focus-visible{outline:2px solid #3991df;outline-offset:2px}
.team-legend-collapse{border-color:var(--ui-stroke);box-shadow:0 3px 12px rgba(22,48,72,.06)}
.team-legend-collapse>summary{min-height:var(--ui-touch);gap:10px;line-height:1.4}
.team-legend-items{align-items:center;gap:9px;padding:12px}
.team-legend-items>span{min-height:30px;padding:5px 9px;border:1px solid var(--ui-stroke);border-radius:9px;line-height:1.35;white-space:normal}
.office.cvw{width:100%;max-width:100%}
.office .zoomwrap{max-width:100%;min-width:0}
.office .zbtn{max-width:calc(100% - 16px)}
.v10-editor.v6-design-home.v16-tools{max-width:calc(100vw - 16px)!important}
.v10-editor :where(.v10-tabs,.v6-floor-selectors,.v5-architecture,.v6-design-actions){min-width:0;max-width:100%}
.v10-editor :where(label,button,select){overflow-wrap:anywhere}
@media(max-width:700px){
:root{--ui-card-radius:13px;--ui-card-gap:9px}
body{min-width:0}
:where(.card,.bosscard,.sheet,.sum){max-width:100%;min-width:0}
:where(.two,.grid,.cards){min-width:0;max-width:100%}
:where(.two){grid-template-columns:minmax(0,1fr)!important}
:where(.row,.rrow,.srow){flex-wrap:wrap;gap:8px}
:where(.btn,button){max-width:100%}
:where(input,select,textarea){font-size:16px}
.team-legend-collapse{margin:7px 0 11px}
.team-legend-collapse>summary{padding:10px 12px;font-size:13px}
.team-legend-items{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));padding:10px}
.team-legend-items>span{width:100%;min-width:0;min-height:36px;font-size:12px;align-items:center}
.office .zbtn button{min-height:44px}
.v10-editor.v6-design-home.v16-tools{left:8px!important;right:8px!important;width:auto!important;max-width:none!important;max-height:calc(100dvh - 24px)!important;overscroll-behavior:contain;padding:12px!important}
.v10-editor .v5-architecture,.v10-editor .v6-floor-selectors{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important}
.v10-editor .v6-design-actions button{min-height:44px}
}
@media(max-width:390px){
.team-legend-items{grid-template-columns:minmax(0,1fr)}
.v10-editor .v5-architecture,.v10-editor .v6-floor-selectors{grid-template-columns:minmax(0,1fr)!important}
.v10-editor .v10-tabs{max-width:100%;overflow-x:auto;overscroll-behavior-x:contain}
}
@media(hover:none){
.team-legend-collapse>summary,.office .zbtn button{min-height:44px}
}
@media(prefers-reduced-motion:reduce){
.team-legend-arrow{transition:none}
}
header nav button .ic{display:inline-flex;align-items:center;justify-content:center;line-height:1;min-width:22px}
header nav button .ic svg{width:20px;height:20px;display:block;flex:none}
header nav button{transition:background-color .15s ease,border-color .15s ease,color .15s ease}
header nav button:focus-visible{outline:2px solid #60a5fa;outline-offset:2px}
@media(max-width:600px){
header nav button .ic svg{width:19px;height:19px}
header nav button .ic{min-width:20px}
}
@media(prefers-reduced-motion:reduce){
header nav button{transition:none}
}
.office-bottom-toolbar{display:flex;align-items:flex-start;gap:10px;width:100%;min-width:0;margin:8px 0 12px}
.office-bottom-toolbar>.team-legend-collapse{flex:1 1 auto;min-width:0;margin:0!important}
.office-bottom-toolbar>.zbtn,.office .office-bottom-toolbar>.zbtn{position:static!important;inset:auto!important;left:auto!important;right:auto!important;top:auto!important;bottom:auto!important;transform:none!important;display:flex!important;flex-direction:row!important;flex-wrap:nowrap;align-items:center!important;justify-content:center;gap:5px!important;flex:0 0 auto;padding:5px!important;margin:0!important;z-index:auto!important;max-width:none!important}
.office-bottom-toolbar>.zbtn button,.office-bottom-toolbar>.zbtn .office-edit-toggle,.office-bottom-toolbar>.zbtn .office-edit-toggle.active{position:static!important;display:grid!important;place-items:center!important;box-sizing:border-box!important;width:36px!important;min-width:36px!important;height:36px!important;min-height:36px!important;padding:0!important;font-size:18px!important;line-height:1!important;touch-action:manipulation!important}
@media(max-width:600px){
.office-bottom-toolbar{gap:6px;align-items:center}
.office-bottom-toolbar>.team-legend-collapse>summary{padding:8px!important;gap:5px;font-size:12px}
.office-bottom-toolbar>.zbtn{gap:3px!important;padding:3px!important}
.office-bottom-toolbar>.zbtn button,.office-bottom-toolbar>.zbtn .office-edit-toggle,.office-bottom-toolbar>.zbtn .office-edit-toggle.active{width:30px!important;min-width:30px!important;height:36px!important;min-height:36px!important;font-size:17px!important}
}
@media(max-width:370px){
.office-bottom-toolbar{flex-wrap:wrap}
.office-bottom-toolbar>.team-legend-collapse{flex-basis:100%}
.office-bottom-toolbar>.zbtn{margin-left:auto!important}
}
.office-bottom-toolbar .office-edit-toggle{display:grid!important;visibility:visible!important;opacity:1!important;position:static!important;flex:0 0 auto!important}
.office-bottom-toolbar .zbtn{display:flex!important;align-items:center!important;flex-direction:row!important}
.ui-line-icon{display:inline-block;vertical-align:-.2em;flex:none;stroke:currentColor}
.subtabs button,.btn{align-items:center}
.subtabs .ui-line-icon,.btn .ui-line-icon{margin-right:4px}
.ui-icon-v89{display:inline-flex;vertical-align:-.15em;align-items:center;justify-content:center;width:1.05em;height:1.05em;flex:none;color:inherit;line-height:1;margin-inline-end:.15em}
.ui-icon-v89 svg{display:block;width:100%;height:100%;overflow:visible}
.zoomwrap{overflow:hidden;touch-action:none;overscroll-behavior:contain}
.zoomwrap canvas{transform-origin:top left;backface-visibility:hidden}
.station-v91{grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);align-items:start;gap:14px;width:100%;max-width:100%}
.station-v91 .station-panel{min-width:0;max-width:100%;overflow:hidden;box-sizing:border-box}
.station-heading{margin:0 0 10px;font-size:1.05rem;line-height:1.35;overflow-wrap:normal;word-break:normal}
.station-total{display:inline-flex;min-width:1.7em;justify-content:center;padding:2px 7px;border-radius:999px;background:var(--bg2,#eef2f7);font-size:.85em}
.station-qr-wrap{display:flex;justify-content:center;max-width:100%;overflow:hidden}
.station-v91 .qrbox{display:block;box-sizing:border-box}
.station-v91 .qrbox svg{width:min(280px,100%)}
.station-countdown{text-align:center;margin:4px 0 12px}
.station-help{line-height:1.55;overflow-wrap:break-word}
.station-actions{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.station-actions select{flex:1 1 170px;min-width:0;max-width:100%}
.station-actions .btn{white-space:normal;min-height:38px}
.station-list{display:flex;flex-direction:column;gap:7px;max-height:60vh;overflow-y:auto;overflow-x:hidden;min-width:0}
.station-entry{display:grid;grid-template-columns:52px minmax(0,1fr) auto;align-items:center;gap:8px;min-width:0;padding:10px 9px;border:1px solid var(--line,#e3e8ef);border-radius:10px}
.station-time{font-weight:700;font-variant-numeric:tabular-nums;white-space:nowrap}
.station-person{min-width:0;overflow-wrap:anywhere;line-height:1.35}
.station-method{max-width:105px;padding:4px 7px;border-radius:8px;background:var(--bg2,#eef2f7);font-size:.78rem;line-height:1.25;text-align:center;overflow-wrap:break-word}
.station-empty{padding:18px 8px;text-align:center}
@media(max-width:760px){
.station-v91,.stn.two.station-v91{grid-template-columns:minmax(0,1fr);gap:10px}
.station-v91 .station-panel{padding:12px}
.station-list{max-height:none}
.station-entry{grid-template-columns:46px minmax(0,1fr) auto;gap:6px;padding:9px 7px}
.station-method{max-width:82px;font-size:.73rem}
.station-actions select{flex-basis:100%}
.station-actions .btn{flex:1 1 0}
.station-v91 .qrbox svg{width:min(260px,100%)}
}
@media(max-width:360px){
.station-entry{grid-template-columns:44px minmax(0,1fr);gap:5px}
.station-method{grid-column:2;justify-self:start;max-width:100%}
.station-heading{font-size:1rem}
}
.stn.two.station-v91{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;gap:16px!important;align-items:start;width:100%;min-width:0;max-width:100%;box-sizing:border-box}
.stn.two.station-v91>.station-panel{min-width:0!important;width:100%;max-width:100%;box-sizing:border-box;overflow:visible!important;padding:16px}
.station-v91 .station-heading{display:flex;flex-wrap:wrap;align-items:center;gap:8px;white-space:normal!important;word-break:normal!important;overflow-wrap:break-word;font-size:1.1rem}
.station-v91 .station-qr-wrap,.station-v91 .qrbox{max-width:100%;min-width:0;box-sizing:border-box}
.station-v91 .qrbox{width:max-content;max-width:100%;margin:10px auto;padding:10px;overflow:hidden}
.station-v91 .qrbox svg{display:block;width:min(280px,100%)!important;max-width:100%;height:auto!important}
.station-v91 .station-actions{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:9px;width:100%;min-width:0}
.station-v91 .station-actions select{grid-column:1/-1;width:100%;min-width:0;max-width:100%;box-sizing:border-box}
.station-v91 .station-actions button{width:100%;min-width:0;white-space:normal;overflow-wrap:break-word;min-height:42px}
.station-v91 .station-list{width:100%;min-width:0;max-width:100%;overflow-x:hidden;overflow-y:auto;max-height:min(65vh,680px);box-sizing:border-box}
.station-v91 .station-entry{display:grid;grid-template-columns:52px minmax(0,1fr) auto;gap:10px;align-items:center;min-width:0;max-width:100%;box-sizing:border-box}
.station-v91 .station-person{min-width:0;overflow-wrap:break-word;word-break:normal;line-height:1.4}
.station-v91 .station-method{min-width:0}
@media(max-width:800px){
.stn.two.station-v91{grid-template-columns:minmax(0,1fr)!important;gap:12px!important}
.stn.two.station-v91>.station-panel{padding:14px}
.station-v91 .station-list{max-height:55vh}
.station-v91 .station-qr-wrap svg{width:min(260px,100%)!important}
}
@media(max-width:400px){
.station-v91 .station-entry{grid-template-columns:48px minmax(0,1fr);gap:5px 8px}
.station-v91 .station-method{grid-column:2;justify-self:start;max-width:100%}
.station-v91 .station-actions{grid-template-columns:1fr}
.station-v91 .station-actions select{grid-column:1}
.station-v91 .station-heading{font-size:1rem}
}
.office-bottom-toolbar .zbtn button[data-a="zoom"][data-i="1"] .zoom-plus-v92{display:inline-flex;align-items:center;justify-content:center;font:700 27px/1 system-ui,sans-serif;width:100%;height:100%;color:inherit}
.office-bottom-toolbar .zbtn button[data-a="zoom"][data-i="1"]{font-family:system-ui,sans-serif}
@media(max-width:600px){
.office-bottom-toolbar .zbtn button[data-a="zoom"][data-i="1"] .zoom-plus-v92{font-size:25px}
}
.office-bottom-toolbar .zbtn button[data-a="zoom"][data-i="1"]{display:grid!important;place-items:center!important;padding:0!important;line-height:0!important}
.office-bottom-toolbar .zbtn button[data-a="zoom"][data-i="1"] .zoom-plus-v94{display:block!important;width:24px!important;height:24px!important;flex:none!important;margin:0!important;vertical-align:middle!important;pointer-events:none}
@media(max-width:600px){
.office-bottom-toolbar .zbtn button[data-a="zoom"][data-i="1"] .zoom-plus-v94{width:22px!important;height:22px!important}
}
.office .zoomwrap.v99-gesturing canvas,
.zoomwrap.v99-gesturing canvas{filter:none!important;transition:none!important;animation:none!important;backface-visibility:hidden;-webkit-backface-visibility:hidden}
.office .zoomwrap{touch-action:none!important}
.station-v91 .station-heading{color:var(--tx,#1e293b)!important}
.station-v91 .station-total{display:inline-flex!important;align-items:center;justify-content:center;min-width:2.1em;min-height:28px;padding:3px 10px;border-radius:999px;background:#dbeafe!important;color:#173d80!important;-webkit-text-fill-color:#173d80!important;border:1px solid #9fc1f7!important;opacity:1!important;font-weight:800!important;text-shadow:none!important;box-shadow:none!important;line-height:1.3}
.station-v91 .station-method{display:inline-flex!important;align-items:center;justify-content:center;padding:4px 8px;min-height:25px;max-width:100%;background:#e6f5ee!important;color:#13583b!important;-webkit-text-fill-color:#13583b!important;border:1px solid #a8ddc2!important;font-weight:700!important;opacity:1!important;text-shadow:none!important;box-shadow:none!important;white-space:normal;overflow-wrap:break-word}
.station-v91 .station-time{color:var(--tx,#1e293b)!important;-webkit-text-fill-color:var(--tx,#1e293b)!important}
:root[data-theme="dark"] .station-v91 .station-total{background:#1d365b!important;color:#e3f0ff!important;-webkit-text-fill-color:#e3f0ff!important;border-color:#547bb5!important}
:root[data-theme="dark"] .station-v91 .station-method{background:#153d34!important;color:#d5fae7!important;-webkit-text-fill-color:#d5fae7!important;border-color:#397a64!important}
@media(prefers-color-scheme:dark){
:root:not([data-theme="light"]) .station-v91 .station-total{background:#1d365b!important;color:#e3f0ff!important;-webkit-text-fill-color:#e3f0ff!important;border-color:#547bb5!important}
:root:not([data-theme="light"]) .station-v91 .station-method{background:#153d34!important;color:#d5fae7!important;-webkit-text-fill-color:#d5fae7!important;border-color:#397a64!important}
}
:root{--v112-ink:#172b45;--v112-brand:#2765b0;--v112-focus:#6ba6f2;--v112-radius:16px;--v112-shadow:0 10px 30px rgba(20,44,74,.075),0 1px 3px rgba(20,44,74,.045)}
body{font-family:Inter,"Segoe UI",Roboto,Arial,sans-serif;letter-spacing:-.008em}
#app{min-height:100dvh}
#app>header{background:linear-gradient(135deg,rgba(255,255,255,.97),rgba(245,249,255,.96));border-bottom:1px solid rgba(116,148,186,.22);box-shadow:0 4px 22px rgba(22,47,77,.055);padding:12px clamp(12px,2.3vw,32px);gap:12px}
#app>header h1{font-size:clamp(15px,1.25vw,20px);line-height:1.35;font-weight:750;letter-spacing:-.03em}
#app>header .role{border-radius:999px;padding:6px 11px;background:rgba(39,101,176,.08);font-size:12px;font-weight:650}
#app>header nav{gap:5px}
#app>header nav button{border-radius:11px;min-height:38px;transition:background-color .18s ease,box-shadow .18s ease,transform .18s ease}
#app>header nav button.on{background:linear-gradient(135deg,#2d6fbe,#215a9c)!important;color:white!important;box-shadow:0 3px 9px rgba(39,101,176,.2)}
#app>header nav button:not(.on):hover{background:rgba(39,101,176,.08);transform:translateY(-1px)}
#app>main{width:min(100%,1600px);margin-inline:auto;padding:clamp(12px,2vw,28px)}
#app>main>.row:first-child{margin-bottom:14px}
.card{border-radius:var(--v112-radius);border:1px solid rgba(123,152,183,.20);box-shadow:var(--v112-shadow);transition:box-shadow .18s ease,border-color .18s ease}
.card:hover{border-color:rgba(85,139,201,.35)}
.card b{letter-spacing:-.014em}
.btn,button{font-family:inherit}
.btn{border-radius:10px;font-weight:600;transition:filter .15s ease,transform .15s ease}
.btn:hover{filter:brightness(1.045)}
.btn:active{transform:translateY(1px)}
.btn.pri{background:linear-gradient(135deg,#327acb,#235b9f);border-color:#235b9f;color:white}
.btn:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--v112-focus);outline-offset:2px}
input,select,textarea{border-radius:10px;transition:border-color .16s ease,box-shadow .16s ease}
input:focus,select:focus,textarea:focus{border-color:#6a9cd6;box-shadow:0 0 0 3px rgba(64,131,207,.11)}
.seg,.subtabs{gap:7px}
.seg button,.subtabs button{border-radius:10px;font-weight:600}
.seg button.on,.subtabs button.on{box-shadow:0 2px 6px rgba(30,79,137,.14)}
.office{border:1px solid rgba(92,133,180,.28);border-radius:18px;overflow:hidden;box-shadow:0 12px 36px rgba(24,55,89,.1),0 1px 3px rgba(24,55,89,.06);background:linear-gradient(145deg,#e8f1fb,#f6f9fd)}
.office canvas{max-width:none}
.grid{gap:12px}
.grid>.card{min-width:0}
.sum .card{background:linear-gradient(155deg,var(--card),var(--bg))}
.sum b{font-weight:800;letter-spacing:-.035em}
.sheet{backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px)}
.sheet>div{border:1px solid rgba(115,151,193,.2);box-shadow:0 -12px 45px rgba(15,35,62,.18)}
#toast{border-radius:12px;box-shadow:0 8px 25px rgba(0,0,0,.2)}
@media(prefers-color-scheme:dark){
#app>header{background:linear-gradient(135deg,rgba(28,42,61,.98),rgba(20,32,48,.98));border-bottom-color:rgba(142,170,202,.18)}
#app>header .role{background:rgba(110,166,232,.15)}
.card{border-color:rgba(151,177,204,.18)}
.card:hover{border-color:rgba(131,180,234,.4)}
.office{background:linear-gradient(145deg,#1d2c3c,#263a50)}
}
@media(max-width:700px){
#app>header{padding:9px 12px;gap:8px}
#app>header h1{font-size:14px;line-height:1.35}
#app>main{padding:12px 10px calc(84px + var(--sab,0px))}
#app>header nav{background:var(--card);border-top:1px solid rgba(117,151,190,.22);padding:7px 6px calc(7px + var(--sab,0px));gap:4px;box-shadow:0 -5px 24px rgba(22,45,75,.09)}
#app>header nav button{min-height:48px;border-radius:11px;padding:5px 1px}
#app>header nav button .lt{font-size:10px;font-weight:650}
.card{border-radius:14px}
.office{border-radius:14px}
.grid{gap:9px}
.sheet>div{border-radius:22px 22px 0 0}
}
@media(prefers-reduced-motion:reduce){
.card,.btn,#app>header nav button,input,select,textarea{transition:none!important}
}
.office canvas{transform-origin:0 0;backface-visibility:hidden}
@media(pointer:coarse){
.office{overscroll-behavior:auto}
.office canvas{will-change:auto}
.office.v99-gesturing canvas{transition:none!important}
}
#srch.sheet.top{position:fixed!important;inset:0!important;z-index:9999!important;display:flex!important;align-items:flex-start!important;justify-content:center!important;padding:clamp(12px,4vh,44px) 12px max(12px,env(safe-area-inset-bottom))!important;background:rgba(10,24,42,.52)!important;overflow-y:auto!important;overscroll-behavior:contain}
#srch.sheet.top>div{box-sizing:border-box!important;width:min(100%,660px)!important;max-height:min(82dvh,760px)!important;min-height:0!important;overflow:hidden!important;display:flex!important;flex-direction:column!important;gap:10px!important;border-radius:18px!important;background:var(--card,#fff)!important;box-shadow:0 22px 70px rgba(6,23,45,.32)!important;padding:16px!important}
#srch .row{flex-shrink:0!important;align-items:center!important;gap:8px!important}
#srch #sq{min-width:0!important;flex:1 1 auto!important;box-sizing:border-box!important;height:44px!important;font-size:16px!important;padding:10px 12px!important}
#srch #sx{flex:0 0 auto!important;min-height:40px!important}
#srch #sr{min-height:0!important;overflow-y:auto!important;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;padding:2px 2px 8px!important}
#srch #sr .srow{cursor:pointer!important;display:block!important;padding:11px 12px!important;margin:5px 0!important;overflow:hidden!important;white-space:normal!important}
#srch #sr .srow b{overflow-wrap:anywhere}
#srch #sr .srow:hover{border-color:rgba(62,131,205,.48)}
@media(max-width:700px){
#srch.sheet.top{padding:env(safe-area-inset-top,12px) 8px env(safe-area-inset-bottom,12px)!important}
#srch.sheet.top>div{width:100%!important;max-height:calc(100dvh - 24px - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px))!important;padding:12px!important;border-radius:14px!important}
#srch #sq{font-size:16px!important}
}
.office.cvw, .office.cvw:focus-within{box-sizing:border-box!important;border-radius:14px!important;overflow:hidden!important;isolation:isolate;background-clip:padding-box}
.office.cvw::before,.office.cvw::after{content:none!important;display:none!important;box-shadow:none!important}
.office.cvw > .zoomwrap,.office.cvw .zoomwrap{overflow:hidden!important;border-radius:12px!important;background-clip:padding-box}
.office.cvw .zoomwrap canvas{display:block;border:0!important;box-shadow:none!important}
.ofc .o-sum .sum.office-status-summary{display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:10px!important;align-items:stretch;margin:0!important;width:100%}
.ofc .office-status-summary .office-status-item{--status-color:#8794a5;position:relative;box-sizing:border-box;min-width:0;padding:13px 15px 12px;border:1px solid rgba(110,137,165,.17);border-radius:15px;background:linear-gradient(150deg,rgba(255,255,255,.96),rgba(246,249,252,.93));box-shadow:0 2px 8px rgba(28,57,85,.035);display:flex;flex-direction:column;gap:7px;overflow:hidden;color:#34485c}
.ofc .office-status-work{--status-color:#22a365!important}
.ofc .office-status-break{--status-color:#e3a02d!important}
.ofc .office-status-meeting{--status-color:#8b5cf6!important}
.ofc .office-status-idle{--status-color:#61758e!important}
.ofc .office-status-offline{--status-color:#a1acba!important}
.ofc .office-status-top{display:flex;align-items:center;gap:8px;min-height:29px}
.ofc .office-status-dot{width:7px;height:7px;flex:none;border-radius:50%;background:var(--status-color);box-shadow:0 0 0 3px color-mix(in srgb,var(--status-color) 12%,transparent)}
.ofc .office-status-number{font-size:26px;line-height:1;letter-spacing:-.045em;font-weight:750;color:#263b50;font-variant-numeric:tabular-nums}
.ofc .office-status-label{font-size:12px;line-height:1.25;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#6b7d90}
@media(max-width:700px){
.ofc .o-sum .sum.office-status-summary{gap:6px!important}
.ofc .office-status-summary .office-status-item{border-radius:12px;padding:10px 6px 9px;gap:6px;min-height:68px;align-items:center;text-align:center}
.ofc .office-status-top{gap:5px;min-height:24px;justify-content:center}
.ofc .office-status-dot{width:6px;height:6px;box-shadow:none}
.ofc .office-status-number{font-size:22px;letter-spacing:-.035em}
.ofc .office-status-label{font-size:11px;max-width:100%;font-weight:600}
}
@media(max-width:370px){
.ofc .o-sum .sum.office-status-summary{gap:4px!important}
.ofc .office-status-summary .office-status-item{padding:9px 3px}
.ofc .office-status-number{font-size:20px}
.ofc .office-status-label{font-size:10px}
}
@media(prefers-reduced-motion:no-preference){
.ofc .office-status-summary .office-status-item{transition:border-color .18s,box-shadow .18s}
.ofc .office-status-summary .office-status-item:hover{border-color:rgba(110,137,165,.3);box-shadow:0 4px 12px rgba(28,57,85,.065)}
}
:root[data-theme="dark"] .ofc .office-status-summary .office-status-item{background:linear-gradient(150deg,#1e3046 0%,#18283c 100%)!important;border-color:#354a62!important;color:#e7eef8!important;box-shadow:0 2px 9px rgba(0,0,0,.17)!important}
:root[data-theme="dark"] .ofc .office-status-summary .office-status-number{color:#f1f6ff!important;-webkit-text-fill-color:#f1f6ff!important}
:root[data-theme="dark"] .ofc .office-status-summary .office-status-label{color:#b6c6d8!important;-webkit-text-fill-color:#b6c6d8!important}
:root[data-theme="dark"] .ofc .office-status-summary .office-status-dot{box-shadow:0 0 0 3px color-mix(in srgb,var(--status-color) 18%,transparent)}
@media(prefers-color-scheme:dark){
:root:not([data-theme="light"]):not([data-theme="dark"]) .ofc .office-status-summary .office-status-item{background:linear-gradient(150deg,#1e3046 0%,#18283c 100%)!important;border-color:#354a62!important;color:#e7eef8!important;box-shadow:0 2px 9px rgba(0,0,0,.17)!important}
:root:not([data-theme="light"]):not([data-theme="dark"]) .ofc .office-status-summary .office-status-number{color:#f1f6ff!important;-webkit-text-fill-color:#f1f6ff!important}
:root:not([data-theme="light"]):not([data-theme="dark"]) .ofc .office-status-summary .office-status-label{color:#b6c6d8!important;-webkit-text-fill-color:#b6c6d8!important}
}
header .header-status-control{position:relative;flex:0 0 auto;min-width:0;z-index:12}
header .header-status-trigger{list-style:none;display:flex;align-items:center;justify-content:center;gap:6px;min-height:34px;padding:5px 10px;border:1px solid var(--bd,#d9e2eb);border-radius:10px;background:var(--card,#fff);font-size:12px;font-weight:650;line-height:1.2;cursor:pointer;white-space:nowrap;max-width:140px}
header .header-status-trigger::-webkit-details-marker{display:none}
header .header-status-dot{display:inline-block;flex:none;width:8px;height:8px;border-radius:50%}
header .header-status-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
header .header-status-menu{position:absolute;right:0;top:calc(100% + 7px);width:154px;max-width:calc(100vw - 24px);padding:5px;border-radius:12px;background:var(--card,#fff);border:1px solid var(--bd,#d9e2eb);box-shadow:0 10px 26px #102a3d25;display:grid;gap:3px;z-index:30}
header .header-status-option{display:flex;align-items:center;gap:9px;text-align:left;width:100%;min-height:36px;padding:7px 10px;border:0;border-radius:8px;background:transparent;font:inherit;font-size:13px;cursor:pointer;color:inherit}
header .header-status-option:hover,header .header-status-option.selected{background:color-mix(in srgb,var(--accent,#24738c) 11%,transparent)}
header .header-status-trigger:focus-visible,header .header-status-option:focus-visible{outline:2px solid var(--accent,#24738c);outline-offset:2px}
@media(max-width:700px){
header{display:flex;align-items:center;gap:6px;padding:8px 10px;row-gap:7px}
header h1{flex:1 1 46%;font-size:clamp(13px,3.4vw,16px);line-height:1.25;min-width:105px;margin:0}
header .role{flex:0 1 auto;max-width:36%;font-size:clamp(10px,2.7vw,12px);padding:5px 7px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
header .header-status-control{order:3;margin-left:auto}
header .header-status-trigger{font-size:11px;min-height:32px;max-width:116px;padding:5px 7px}
header .header-logout{order:4;font-size:11px;min-height:32px;padding:5px 8px}
header .bell{order:3}
header>button[data-a="search"]{order:2}
header nav{order:10}
.quick-status-actions{display:none!important}
.card.me{font-size:13px;line-height:1.5}
.card.me>.mu{font-size:12px}
button,.btn{letter-spacing:0}
}
@media(max-width:390px){
header h1{flex-basis:43%;font-size:13px}
header .role{max-width:35%;font-size:10px}
header .header-status-trigger{max-width:100px}
header .header-logout{padding:5px 6px}
}
@media(min-width:701px){
header .header-status-control{display:block!important;position:relative;z-index:120}
header .header-status-trigger{min-width:112px;max-width:170px}
header .header-status-menu{z-index:130}
}
@media (max-width:700px){
header .header-status-control,header .header-logout{flex:0 0 100px!important;width:100px!important;min-width:0!important;max-width:100px!important;margin:0!important;align-self:center!important;box-sizing:border-box!important}
header .header-status-trigger,header .header-logout{height:36px!important;min-height:36px!important;max-height:36px!important;width:100%!important;max-width:none!important;box-sizing:border-box!important;display:flex!important;align-items:center!important;justify-content:center!important;padding:0 7px!important;border-radius:10px!important;font-size:12px!important;font-weight:650!important;line-height:1!important;white-space:nowrap!important}
header .header-status-trigger{gap:4px!important}
header .header-status-label{min-width:0;flex:0 1 auto}
}
@media (max-width:390px){
header .header-status-control,header .header-logout{flex-basis:88px!important;width:88px!important;max-width:88px!important}
header .header-status-trigger,header .header-logout{font-size:11px!important;padding:0 4px!important}
}
.ofc .o-sum{margin-bottom:14px!important}
.ofc .o-main .o-seg{margin-bottom:10px!important}
.ofc .o-main .o-view{margin-top:8px!important}
@media(max-width:700px){
.ofc .o-main .o-view,.ofc .o-view{margin-top:0!important}
}
@media(max-width:390px){
.ofc .o-sum{margin-bottom:7px!important}
}
.ofc .o-main .o-seg{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:8px!important;min-width:0!important;width:100%!important;box-sizing:border-box!important;margin:0 0 10px!important}
.ofc .o-seg>.seg{display:flex!important;align-items:center!important;flex:0 1 auto!important;min-width:0!important;margin:0!important;border-radius:11px!important;overflow:hidden!important}
.ofc .o-seg>.seg button{display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:5px!important;white-space:nowrap!important;min-width:0!important;line-height:1.2!important}
.ofc .o-seg>.zbtn{display:flex!important;flex:0 0 auto!important;flex-direction:row!important;align-items:center!important;position:static!important;inset:auto!important;transform:none!important;gap:5px!important;margin:0!important;padding:0!important;z-index:2!important}
.ofc .o-seg>.zbtn>button,.ofc .o-seg>.zbtn>.office-edit-toggle{position:static!important;place-items:center!important;flex:0 0 auto!important;box-sizing:border-box!important;border-radius:9px!important;padding:0!important;margin:0!important;box-shadow:none!important;line-height:1!important}
.ofc .o-seg>.zbtn .zoom-plus-v94{display:block!important;width:19px!important;height:19px!important;pointer-events:none}
@media(min-width:701px){
.ofc .o-seg>.seg button{padding:9px 14px!important;font-size:13px!important}
.ofc .o-seg>.zbtn>button,.ofc .o-seg>.zbtn>.office-edit-toggle{width:36px!important;height:36px!important;min-width:36px!important;min-height:36px!important;font-size:18px!important}
}
@media(max-width:700px){
.ofc{row-gap:0!important}
.ofc .o-main .o-seg,.ofc .o-seg{gap:5px!important;margin-bottom:8px!important}
.ofc .o-seg>.seg{flex:1 1 auto!important}
.ofc .o-seg>.seg button{flex:1 1 auto!important;padding:7px 5px!important;font-size:clamp(10px,2.75vw,12px)!important;min-height:33px!important}
.ofc .o-seg>.seg .ui-line-icon{width:13px!important;height:13px!important;flex:none!important}
.ofc .o-seg>.zbtn{gap:3px!important}
.ofc .o-seg>.zbtn>button,.ofc .o-seg>.zbtn>.office-edit-toggle{width:31px!important;height:33px!important;min-width:31px!important;min-height:33px!important;font-size:16px!important}
.ofc .o-seg>.zbtn .zoom-plus-v94{width:17px!important;height:17px!important}
.ofc .o-sum{margin-bottom:9px!important}
.ofc .o-view{margin-top:0!important}
.ofc .o-quick,.ofc .o-pin,.ofc .o-act{margin-top:8px!important}
}
@media(max-width:380px){
.ofc .o-seg>.seg button{padding:6px 3px!important;font-size:10px!important;gap:3px!important}
.ofc .o-seg>.zbtn>button,.ofc .o-seg>.zbtn>.office-edit-toggle{width:28px!important;min-width:28px!important;height:32px!important;min-height:32px!important}
.ofc .o-seg>.zbtn{gap:2px!important}
}
.task-create-form .task-create-tools .attbar{margin:0;min-width:0}
.task-create-form .task-create-tools .attbar>.row{display:flex;align-items:center;gap:6px;flex-wrap:wrap}
.task-create-form .task-create-tools .attbar>.row>.mic{position:static;margin:0;display:inline-flex;align-items:center;justify-content:center;white-space:nowrap;min-height:36px;padding:7px 10px;max-width:none}
@media(max-width:700px){
.task-create-form{gap:9px!important}
.task-create-form .task-create-fields{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:8px;align-items:stretch}
.task-create-form .task-create-fields #tt,.task-create-form .task-create-fields #ta{grid-column:1/-1;width:100%;min-width:0}
.task-create-form .task-create-fields #tp,.task-create-form .task-create-fields #td,.task-create-form .task-create-fields #tpj{width:100%;min-width:0;max-width:100%}
.task-create-form .task-create-fields #tpj{grid-column:1/-1}
.task-create-form #tx{width:100%;min-width:0;box-sizing:border-box}
.task-create-form .task-create-tools .attbar>.row{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:5px}
.task-create-form .task-create-tools .attbar>.row>button{width:100%;min-width:0;max-width:none;padding:8px 2px;white-space:nowrap;font-size:clamp(10px,2.8vw,13px);min-height:38px;line-height:1.2}
.task-create-form .task-create-tools .attbar>.row>.mic{padding:8px 2px;font-size:clamp(10px,2.8vw,13px)}
.task-create-form .task-create-submit{width:100%}
}
@media(max-width:700px){
body[data-active-tab="tasks"] #app,
 body[data-active-tab="board"] #app,
 body[data-active-tab="cal"] #app{--form-gap:8px}
body:is([data-active-tab="tasks"],[data-active-tab="board"],[data-active-tab="cal"]) #app .subtabs{margin-top:6px!important;margin-bottom:8px!important;gap:5px!important}
body:is([data-active-tab="tasks"],[data-active-tab="board"],[data-active-tab="cal"]) #app .seg{margin-top:6px!important;margin-bottom:8px!important}
body:is([data-active-tab="tasks"],[data-active-tab="board"],[data-active-tab="cal"]) #app .card :is(input,select,textarea){min-width:0;max-width:100%;box-sizing:border-box}
body:is([data-active-tab="tasks"],[data-active-tab="board"],[data-active-tab="cal"]) #app .attbar>.row{grid-template-columns:repeat(4,minmax(0,1fr))}
body:is([data-active-tab="tasks"],[data-active-tab="board"],[data-active-tab="cal"]) #app .attbar>.row>button{font-size:clamp(10px,2.8vw,13px)}
body:is([data-active-tab="tasks"],[data-active-tab="board"],[data-active-tab="cal"]) #app .attbar{margin-top:2px!important;margin-bottom:3px!important}
body:is([data-active-tab="tasks"],[data-active-tab="board"],[data-active-tab="cal"]) #app textarea:is(#an-b,#ux,#ev-x,#tx){width:100%;min-height:64px;resize:vertical}
body:is([data-active-tab="tasks"],[data-active-tab="board"],[data-active-tab="cal"]) #app .card.col>button.btn.pri{width:100%}
body[data-active-tab="cal"] #app #ev-d,body[data-active-tab="cal"] #app #ev-h{flex:1 1 125px}
body[data-active-tab="cal"] #app #ev-r{flex:1 1 125px}
}
@media (max-width:700px){
body:is([data-active-tab="tasks"],[data-active-tab="board"],[data-active-tab="cal"]) #app{--form-gap:8px;min-width:0}
body:is([data-active-tab="tasks"],[data-active-tab="board"],[data-active-tab="cal"]) #app :is(.card,.col,.row,.grid){min-width:0}
body:is([data-active-tab="tasks"],[data-active-tab="board"],[data-active-tab="cal"]) #app .card{padding:clamp(9px,2.6vw,13px);margin-bottom:8px!important}
body:is([data-active-tab="tasks"],[data-active-tab="board"],[data-active-tab="cal"]) #app .card.col{gap:8px!important}
body:is([data-active-tab="tasks"],[data-active-tab="board"],[data-active-tab="cal"]) #app .card>.row{gap:7px;row-gap:8px;flex-wrap:wrap}
body:is([data-active-tab="tasks"],[data-active-tab="board"],[data-active-tab="cal"]) #app :is(.subtabs,.seg){margin-block:5px 8px!important;gap:5px!important}
body:is([data-active-tab="tasks"],[data-active-tab="board"],[data-active-tab="cal"]) #app :is(input,select,textarea){max-width:100%;min-width:0;box-sizing:border-box}
body:is([data-active-tab="tasks"],[data-active-tab="board"],[data-active-tab="cal"]) #app textarea{line-height:1.45}
body:is([data-active-tab="tasks"],[data-active-tab="board"],[data-active-tab="cal"]) #app .attbar{margin-block:3px!important;min-width:0;width:100%}
body:is([data-active-tab="tasks"],[data-active-tab="board"],[data-active-tab="cal"]) #app .attbar>.row{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr));gap:5px!important;align-items:stretch}
body:is([data-active-tab="tasks"],[data-active-tab="board"],[data-active-tab="cal"]) #app .attbar>.row>button{position:static!important;display:flex;justify-content:center;align-items:center;min-width:0;max-width:none;width:100%;min-height:38px;padding:7px 2px!important;margin:0!important;font-size:clamp(10px,2.8vw,13px);line-height:1.2;white-space:nowrap}
body[data-active-tab="tasks"] #app .task-create-form{gap:8px!important}
body[data-active-tab="tasks"] #app .task-create-fields{gap:7px!important}
body[data-active-tab="tasks"] #app .task-create-submit{width:100%}
body[data-active-tab="cal"] #app :is(#ev-d,#ev-h,#ev-r){flex:1 1 130px;max-width:100%}
}
@media(max-width:360px){
body:is([data-active-tab="tasks"],[data-active-tab="board"],[data-active-tab="cal"]) #app .attbar>.row>button{font-size:10px;letter-spacing:-.1px}
}
@media (max-width:700px) and (orientation:portrait){
main:has(.ofc){padding-top:5px!important;padding-bottom:calc(82px + var(--sab,0px))!important}
.ofc{gap:0!important}
.ofc .o-view{margin:0!important;padding:0!important}
.ofc .o-view .office.cvw{margin:0!important;border-radius:12px!important}
.ofc .office-gesture{padding:0 3px!important;font-size:11px!important;line-height:1.3!important;letter-spacing:-.12px}
.ofc .office-bottom-toolbar{padding:0!important}
.ofc .office-bottom-toolbar :is(.card,.row){margin-top:0!important;margin-bottom:0!important}
.ofc .office-mobile-help{margin:4px 0 9px!important;border:1px solid var(--bd,#d9e2eb);border-radius:11px;background:var(--card,#fff);overflow:hidden}
.ofc .office-mobile-help>summary{display:flex;align-items:center;min-height:38px;padding:8px 12px;font-size:12px;font-weight:600;cursor:pointer;list-style:none}
.ofc .office-mobile-help>summary::-webkit-details-marker{display:none}
.ofc .office-mobile-help>summary:after{content:"⌄";margin-left:auto;font-size:17px;opacity:.75}
.ofc .office-mobile-help[open]>summary:after{transform:rotate(180deg)}
.ofc .office-mobile-help>p{margin:0!important;padding:0 12px 11px!important;font-size:12px!important;line-height:1.5!important;overflow-wrap:anywhere}
.ofc .o-quick{margin:0!important;padding:0!important}
.ofc .o-quick>.card.me>div[style*="margin:6px"]{overflow-wrap:anywhere}
.ofc .o-quick>.card.me>.row:not(.quick-status-actions){display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch}
.ofc .o-quick>.card.me>.row:not(.quick-status-actions)>button{width:100%!important;min-width:0!important;margin:0!important;display:flex;align-items:center;justify-content:center;gap:5px}
.ofc .o-quick>.card.me>.row:not(.quick-status-actions)>button:last-child:nth-child(3){grid-column:1/-1}
.ofc .o-pin{margin:0!important}
.ofc .o-act{margin:0!important}
}
@media(min-width:701px){
.ofc .office-mobile-help{display:none}
}
@media(max-width:700px){
.ofc .o-quick>.mytask-card{padding:13px!important;border-radius:15px!important}
.ofc .mytask-card>.mu{font-size:12px;line-height:1.4}
.ofc .mytask-card>.row.mytask-primary-actions{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important;margin:12px 0 8px!important;align-items:stretch!important}
.ofc .mytask-card .mytask-primary-actions>button{width:100%!important;min-width:0!important;min-height:44px!important;margin:0!important;padding:9px 6px!important;display:flex!important;justify-content:center!important;align-items:center!important;gap:7px!important;border-radius:11px!important;font-size:13px!important;font-weight:650!important;white-space:nowrap!important;line-height:1.2!important}
.ofc .mytask-card .mytask-primary-actions>button:nth-child(3){grid-column:1/-1!important;min-height:40px!important}
.ofc .mytask-card .mytask-primary-actions>button svg{flex:0 0 17px}
.ofc .mytask-card>.row.mytask-focus-actions{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important;margin:8px 0 0!important}
.ofc .mytask-card .mytask-focus-actions>button{width:100%!important;min-width:0!important;min-height:42px!important;padding:8px 5px!important;margin:0!important;border-radius:10px!important;font-size:12px!important;display:flex!important;align-items:center!important;justify-content:center!important;white-space:normal!important;text-align:center!important}
.ofc .mytask-card>.row.mytask-focus-active{display:flex!important;flex-wrap:wrap!important;align-items:center!important;gap:8px!important;margin:9px 0 0!important}
.ofc .mytask-card .mytask-focus-active>button{margin-left:auto!important;min-height:38px!important}
.ofc .mytask-card>.row.quick-status-actions{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:5px!important;margin-top:10px!important}
.ofc .mytask-card .quick-status-actions>button{min-width:0!important;width:100%!important;padding:6px 2px!important;min-height:35px!important;margin:0!important;font-size:clamp(10px,2.65vw,12px)!important;white-space:nowrap!important}
}
@media(max-width:350px){
.ofc .mytask-card .mytask-primary-actions>button{font-size:12px!important;gap:4px!important}
}
@media (min-width:1000px) and (min-height:580px){
main:has(.ofc){width:fit-content!important;max-width:100%!important;margin-left:auto!important;margin-right:auto!important}
.ofc{grid-template-columns:minmax(0,max-content) clamp(260px,23vw,340px)!important;gap:14px!important;justify-content:center!important;align-items:start!important;width:fit-content!important;max-width:100%!important;margin-inline:auto!important}
.ofc>.o-main{grid-area:map!important;min-width:0!important;width:fit-content!important;max-width:calc(100vw - clamp(260px,23vw,340px) - 50px)!important}
.ofc>.o-side{grid-area:sidebar!important;width:100%!important;box-sizing:border-box!important}
.ofc .o-main .o-seg,.ofc .o-main .o-view{width:100%!important;box-sizing:border-box!important}
.ofc .o-main .office.cvw{display:block!important;width:fit-content!important;max-width:100%!important;padding:0!important;margin:0!important;overflow:hidden!important;background:transparent!important}
.ofc .o-main .office .zoomwrap:not(.zoomed){display:block!important;width:fit-content!important;max-width:100%!important;padding:0!important;margin:0!important;background:transparent!important}
.ofc .o-main .office .zoomwrap:not(.zoomed)>canvas{display:block!important;width:auto!important;height:auto!important;max-height:calc(100dvh - 205px)!important;max-width:calc(100vw - clamp(260px,23vw,340px) - 50px)!important;margin:0!important;object-fit:contain!important;box-shadow:none!important}
.ofc .o-main .office .zoomwrap.zoomed{width:100%!important}
}
.dm-compose-row{width:100%}
.dm-compose-row .dm-voice-button,.dm-compose-row button[data-a="sendmsg"]{display:inline-flex!important;align-items:center;justify-content:center;min-height:40px;min-width:96px;max-width:100%;flex:1 1 0;position:static!important;visibility:visible!important;opacity:1!important;margin:0!important;white-space:nowrap}
.dm-compose-row .dm-voice-button{order:1}
.dm-compose-row button[data-a="sendmsg"]{order:2}
@media(max-width:420px){
.dm-compose-row{gap:7px!important}
.dm-compose-row .dm-voice-button,.dm-compose-row button[data-a="sendmsg"]{min-height:44px}
}
@media (max-width:700px){
.ofc .team-legend-collapse > summary,
  .ofc .office-mobile-help > summary,
  .ofc .o-act > details > summary{font-size:12px!important;line-height:1.45!important;letter-spacing:0!important;min-height:40px!important;box-sizing:border-box!important;padding:9px 12px!important}
.ofc .team-legend-collapse > summary{font-weight:400!important}
.ofc .office-mobile-help > summary{font-weight:400!important}
.ofc .o-act > details > summary,
  .ofc .o-act > details > summary b{font-size:12px!important;font-weight:700!important}
.ofc .team-legend-collapse > summary .team-legend-count{font-size:11px!important;font-weight:400!important}
}
.dm-compose-row{display:flex!important;flex-wrap:wrap!important;gap:8px!important;align-items:stretch!important;min-width:0}
.dm-compose-row #mx{flex:1 1 100%!important;width:100%!important;min-width:0!important;max-width:100%!important;box-sizing:border-box}
.dm-compose-row>.dm-voice-button,.dm-compose-row>button[data-a="sendmsg"]{display:inline-flex!important;align-items:center!important;justify-content:center!important;flex:1 1 calc(50% - 4px)!important;min-width:0!important;min-height:44px!important;max-width:none!important;position:static!important;visibility:visible!important;opacity:1!important;margin:0!important;white-space:nowrap!important}
.dm-compose-row>.dm-voice-button{order:1}
.dm-compose-row>button[data-a="sendmsg"]{order:2}
.thread .dm-compose-v238{display:flex;flex-direction:column;gap:7px;min-width:0;margin-top:8px}
.thread .dm-compose-v238 #mx{display:block;box-sizing:border-box;width:100%;max-width:100%;min-width:0;min-height:56px;max-height:150px;padding:10px 12px;resize:vertical;border-radius:13px;line-height:1.4}
.thread .dm-actions-v238{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:5px;align-items:stretch;min-width:0;width:100%}
.thread .dm-actions-v238>.attbar,.thread .dm-actions-v238>.attbar>.row{display:contents!important}
.thread .dm-actions-v238 :is(.btn,.mic){display:flex!important;align-items:center!important;justify-content:center!important;gap:3px!important;box-sizing:border-box!important;min-width:0!important;width:100%!important;max-width:100%!important;min-height:40px!important;height:auto!important;padding:7px 3px!important;margin:0!important;position:static!important;visibility:visible!important;opacity:1!important;flex:none!important;white-space:nowrap!important;line-height:1.2!important;font-size:clamp(10px,2.7vw,12px)!important;border-radius:10px!important}
.thread .dm-actions-v238>.dm-send-v238{font-weight:700!important}
.thread .dm-actions-v238>.attbar>.chips{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:5px;min-width:0}
@media(max-width:360px){
.thread .dm-actions-v238{gap:3px}
.thread .dm-actions-v238 :is(.btn,.mic){font-size:10px!important;padding:7px 1px!important}
}
.thread .dm-compose-v239{display:block!important;min-width:0;margin-top:8px}
.thread .dm-actions-v239{display:flex!important;width:100%!important;min-width:0!important}
.thread .dm-actions-v239 :is(.btn,.mic){display:inline-flex!important;align-items:center!important;justify-content:center!important;flex:0 0 32px!important;width:32px!important;min-width:32px!important;max-width:32px!important;height:38px!important;min-height:38px!important;padding:0!important;margin:0!important;border-radius:10px!important;font-size:18px!important;line-height:1!important;white-space:nowrap!important;position:static!important;visibility:visible!important;opacity:1!important}
.thread .dm-actions-v239 #mx{display:block!important;max-height:110px!important;margin:0!important;font-size:14px!important;line-height:20px!important;resize:none!important;box-sizing:border-box!important}
.thread .dm-actions-v239>.dm-send-v238{font-size:21px!important}
.thread .dm-actions-v239>.attbar>.chips{display:flex!important;flex-wrap:wrap!important;gap:5px!important;min-width:0!important}
@media(max-width:400px){
.thread .dm-actions-v239{gap:3px!important}
.thread .dm-actions-v239 :is(.btn,.mic){flex-basis:29px!important;width:29px!important;min-width:29px!important;max-width:29px!important;height:36px!important;min-height:36px!important;font-size:16px!important}
.thread .dm-actions-v239>.dm-send-v238{flex-basis:34px!important;width:34px!important;min-width:34px!important;max-width:34px!important}
.thread .dm-actions-v239 #mx{min-width:65px!important;height:36px!important;min-height:36px!important;padding:7px!important}
}
.thread .dm-actions-v239{flex-wrap:nowrap!important;gap:6px!important;align-items:center!important}
.thread .dm-actions-v239>.attbar{display:contents!important}
.thread .dm-actions-v239>.attbar>.row{display:contents!important}
.thread .dm-actions-v239 :is(button[data-a="pickfile"],button[data-a="pickimg"],button[data-a="addlink"],.dm-voice-button){display:inline-flex!important;align-items:center!important;justify-content:center!important;flex:0 0 34px!important;width:34px!important;min-width:34px!important;max-width:34px!important;height:38px!important;min-height:38px!important;padding:0!important;margin:0!important;background:transparent!important;border:0!important;box-shadow:none!important;color:var(--tx,#64748b)!important;border-radius:11px!important;line-height:1!important}
.thread .dm-actions-v239 :is(button[data-a="pickfile"],button[data-a="pickimg"],button[data-a="addlink"],.dm-voice-button):is(:hover,:focus-visible){background:var(--card,#e9eff5)!important;outline-offset:2px}
.thread .dm-actions-v239 button svg{display:block!important;width:19px!important;height:19px!important;flex-shrink:0;pointer-events:none}
.thread .dm-actions-v239 #mx{flex:1 1 0!important;min-width:0!important;width:0!important;max-width:none!important;height:40px!important;min-height:40px!important;border-radius:18px!important;padding:9px 12px!important}
.thread .dm-actions-v239>.dm-send-v238{flex:0 0 40px!important;width:40px!important;min-width:40px!important;max-width:40px!important;height:40px!important;min-height:40px!important;border-radius:13px!important;padding:0!important;box-shadow:none!important}
.thread .dm-actions-v239>.dm-send-v238 svg{width:19px!important;height:19px!important}
.thread .dm-actions-v239>.attbar>.chips{position:relative;flex:1 0 100%!important;order:10!important}
@media(max-width:380px){
.thread .dm-actions-v239{gap:3px!important}
.thread .dm-actions-v239 :is(button[data-a="pickfile"],button[data-a="pickimg"],button[data-a="addlink"],.dm-voice-button){flex-basis:29px!important;width:29px!important;min-width:29px!important;max-width:29px!important}
.thread .dm-actions-v239>.dm-send-v238{flex-basis:36px!important;width:36px!important;min-width:36px!important;max-width:36px!important}
.thread .dm-actions-v239 #mx{padding:8px!important}
}
@media (max-width:700px) and (orientation:portrait){
.ofc .o-side{margin:0!important;padding:0!important}
.ofc .o-act,.ofc .o-pin,.ofc .o-quick,.ofc .o-sum{margin:0!important;padding:0!important;min-width:0}
.ofc .o-act>details,.ofc .team-legend-collapse{border-radius:10px!important}
.ofc .o-act>details>summary,.ofc .team-legend-collapse>summary{min-height:34px!important;padding:6px 10px!important;font-size:12px!important;line-height:1.35!important}
.ofc .o-pin .card{margin:0 0 5px!important;padding:9px 10px!important;border-radius:10px!important}
.ofc .o-quick>.card.me{padding:9px 10px!important;margin:0 0 5px!important;border-radius:11px!important}
.ofc .o-quick>.card.me>div[style*="margin:6px"]{margin:5px 0!important;line-height:1.35!important;font-size:12px!important}
.ofc .o-quick>.card.me>.row:not(.quick-status-actions){gap:5px!important;margin:5px 0!important}
.ofc .o-quick>.card.me>.row:not(.quick-status-actions)>button{min-height:37px!important;padding:6px 5px!important;font-size:12px!important}
.ofc .o-quick>.card.me .quick-status-actions{gap:4px!important;margin-top:5px!important}
.ofc .o-quick>.card.me .quick-status-actions>button{min-height:33px!important;padding:5px 4px!important;font-size:11px!important}
.ofc .o-sum .sum{margin:0!important;gap:5px!important;padding:6px!important}
.ofc .o-sum .office-status-item{min-width:0!important;padding:6px 4px!important}
.ofc .o-seg{margin:4px 0!important;padding:0!important}
}
@media (max-width:700px) and (orientation:portrait){
.ofc .o-main .o-seg,.ofc .o-seg{margin:6px 0 9px!important}
.ofc .o-sum{margin-bottom:10px!important}
.ofc .o-main .o-view,.ofc .o-view{margin-top:0!important;margin-bottom:8px!important}
.ofc .office-bottom-toolbar{margin:7px 0 8px!important}
.ofc .office-gesture{margin:7px 0 9px!important}
.ofc .o-side{gap:9px!important}
.ofc .o-pin .card,.ofc .o-quick>.card.me{margin:0!important}
.ofc .o-act>details,.ofc .team-legend-collapse{margin:0!important}
}
@media (max-width:700px) and (orientation:portrait){
.ofc .o-act>details:not([open])>summary{min-height:26px!important;padding:2px 10px!important;line-height:1.3!important;font-size:12px!important;box-sizing:border-box!important}
.ofc .o-act>details:not([open])>summary b{font-size:12px!important}
}
.ofc .o-seg>.zbtn>button,.ofc .o-seg>.zbtn>.office-edit-toggle{display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:0!important;vertical-align:middle!important;transition:background .16s ease,border-color .16s ease,color .16s ease!important;border:1px solid #cbd8e3!important;background:#f8fafc!important;color:#35526b!important}
.ofc .o-seg>.zbtn .office-control-icon{display:block!important;width:19px!important;height:19px!important;min-width:19px!important;min-height:19px!important;flex:none!important;pointer-events:none!important;stroke:currentColor!important;overflow:visible!important}
.ofc .o-seg>.zbtn>button:hover{background:#e7f1fa!important;border-color:#a9c4d9!important}
.ofc .o-seg>.zbtn>.office-edit-toggle.active{background:#dbeafe!important;color:#1d4e89!important;border-color:#93b9e3!important}
@media(max-width:700px){
.ofc .o-seg>.zbtn .office-control-icon{width:17px!important;height:17px!important;min-width:17px!important;min-height:17px!important}
}
.attendance-scroll-v250{display:block;width:100%;max-width:100%;min-width:0;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain;isolation:isolate;padding:0!important}
.attendance-scroll-v250 table.att{width:max-content;min-width:100%;border-collapse:separate;border-spacing:0;table-layout:auto}
.attendance-scroll-v250 table.att th,.attendance-scroll-v250 table.att td{box-sizing:border-box;white-space:nowrap;vertical-align:middle}
.attendance-scroll-v250 table.att th:first-child,.attendance-scroll-v250 table.att td:first-child{min-width:130px;max-width:190px;overflow:hidden;text-overflow:ellipsis;background:var(--card,#fff);z-index:2;box-shadow:2px 0 5px -3px rgba(20,40,60,.28)}
.attendance-scroll-v250 table.att th:first-child{z-index:3}
@media(max-width:767px){
.attendance-scroll-v250 table.att th:first-child,.attendance-scroll-v250 table.att td:first-child{position:static!important;left:auto!important;z-index:auto!important;box-shadow:none!important;min-width:116px;max-width:160px}
.attendance-scroll-v250 table.att th,.attendance-scroll-v250 table.att td{padding:7px 6px!important}
}
body>.v10-editor.v6-design-home.office-editor-preview{display:none!important;visibility:hidden!important;pointer-events:none!important}
#office-preview-dock{position:fixed!important;z-index:100010!important;bottom:calc(72px + env(safe-area-inset-bottom,0px))!important;left:50%!important;right:auto!important;transform:translateX(-50%)!important;display:flex!important;flex-wrap:wrap!important;justify-content:center!important;gap:6px!important;padding:7px!important;max-width:calc(100vw - 16px)!important;box-sizing:border-box!important;background:#fff!important;border:1px solid #c9d9e6!important;border-radius:14px!important;box-shadow:0 4px 18px #17334b38!important}
#office-preview-dock button{min-height:40px!important;padding:8px 10px!important;border-radius:9px!important;border:1px solid #c9d9e6!important;background:#f1f7fa!important;color:#1a536a!important;font:600 12px system-ui,sans-serif!important;white-space:nowrap!important}
#office-preview-dock button:nth-child(2){background:#137c8b!important;color:white!important;border-color:#137c8b!important}
@media(max-width:700px){
body>.v10-editor.v6-design-home.v16-tools.v21-editor-floating.v8-editor:not(.office-editor-preview){position:fixed!important;inset:auto 6px max(7px,env(safe-area-inset-bottom,0px)) 6px!important;transform:none!important;width:auto!important;max-width:none!important;height:min(39dvh,330px)!important;min-height:185px!important;max-height:calc(100dvh - 110px)!important;padding:9px 10px!important;display:flex!important;flex-direction:column!important;gap:5px!important;overflow:hidden!important;box-shadow:0 7px 24px #17334b40!important;border-radius:15px!important}
body>.v10-editor.v6-design-home>.v6-design-title small{display:none!important}
body>.v10-editor.v6-design-home>.v6-design-title strong{white-space:nowrap!important}
body>.v10-editor.v6-design-home .v251-preview-toggle{position:absolute!important;top:0!important;right:36px!important;height:30px!important;min-height:30px!important;padding:4px 7px!important;font-size:11px!important;border-radius:8px!important}
body>.v10-editor.v6-design-home>.v10-tabs{min-height:0!important}
body>.v10-editor.v6-design-home select{height:36px!important}
}
:root[data-theme="dark"]{color-scheme:dark;--office-ui-surface:#1e293b;--office-ui-raised:#26364c;--office-ui-input:#101e31;--office-ui-line:#40536b;--office-ui-text:#e2e8f0;--office-ui-muted:#a6b6c9;--office-ui-hover:#304660;--office-ui-active:#1b4164}
@media(prefers-color-scheme:dark){
:root:not([data-theme="light"]){color-scheme:dark;--office-ui-surface:#1e293b;--office-ui-raised:#26364c;--office-ui-input:#101e31;--office-ui-line:#40536b;--office-ui-text:#e2e8f0;--office-ui-muted:#a6b6c9;--office-ui-hover:#304660;--office-ui-active:#1b4164}
}
:root[data-theme="dark"] .ofc .o-seg>.zbtn>button,
:root[data-theme="dark"] .ofc .o-seg>.zbtn>.office-edit-toggle{background:var(--office-ui-raised,#26364c)!important;color:var(--office-ui-text,#e2e8f0)!important;border-color:var(--office-ui-line,#40536b)!important;box-shadow:none!important}
:root[data-theme="dark"] .ofc .o-seg>.zbtn>button:hover{background:var(--office-ui-hover,#304660)!important;border-color:#6a87a5!important}
:root[data-theme="dark"] .ofc .o-seg>.zbtn>.office-edit-toggle.active{background:var(--office-ui-active,#1b4164)!important;color:#b8ddff!important;border-color:#537eab!important}
:root[data-theme="dark"] .v8-editor.v6-design-home.v16-tools,
:root[data-theme="dark"] body>.v10-editor.v6-design-home:not(.office-editor-preview){background:var(--office-ui-surface,#1e293b)!important;border-color:var(--office-ui-line,#40536b)!important;color:var(--office-ui-text,#e2e8f0)!important}
:root[data-theme="dark"] .v6-design-home .v6-design-title,
:root[data-theme="dark"] .v8-editor .v6-design-title,
:root[data-theme="dark"] .v6-design-home .v6-design-actions,
:root[data-theme="dark"] .v8-editor .v6-design-actions{background:var(--office-ui-surface,#1e293b)!important;border-color:var(--office-ui-line,#40536b)!important}
:root[data-theme="dark"] .v6-design-home .v6-design-title strong{color:var(--office-ui-text,#e2e8f0)!important}
:root[data-theme="dark"] .v6-design-home .v6-design-title small,
:root[data-theme="dark"] .v6-design-home .v6-design-tip{color:var(--office-ui-muted,#a6b6c9)!important}
:root[data-theme="dark"] .v8-editor .v5-architecture,
:root[data-theme="dark"] .v6-design-home .v5-architecture{background:var(--office-ui-raised,#26364c)!important;border-color:var(--office-ui-line,#40536b)!important}
:root[data-theme="dark"] .v8-editor select,
:root[data-theme="dark"] .v5-architecture select,
:root[data-theme="dark"] .v6-design-home input:not([type="range"]):not([type="checkbox"]),
:root[data-theme="dark"] .v6-design-home textarea{background:var(--office-ui-input,#101e31)!important;color:var(--office-ui-text,#e2e8f0)!important;border-color:var(--office-ui-line,#40536b)!important}
:root[data-theme="dark"] .v8-editor .v8-close,
:root[data-theme="dark"] .v6-design-home button:not(.pri):not(.on){background:var(--office-ui-raised,#26364c)!important;color:var(--office-ui-text,#e2e8f0)!important;border-color:var(--office-ui-line,#40536b)!important}
:root[data-theme="dark"] .v8-editor .v8-focus{background:#173c41!important;outline-color:#2b8f8a!important}
:root[data-theme="dark"] #office-preview-dock{background:var(--office-ui-surface,#1e293b)!important;border-color:var(--office-ui-line,#40536b)!important}
:root[data-theme="dark"] #office-preview-dock button:not(:nth-child(2)){background:var(--office-ui-raised,#26364c)!important;color:var(--office-ui-text,#e2e8f0)!important;border-color:var(--office-ui-line,#40536b)!important}
:root[data-theme="dark"] .team-legend-collapse{background:var(--office-ui-surface,#1e293b)!important;border-color:var(--office-ui-line,#40536b)!important;color:var(--office-ui-text,#e2e8f0)!important}
:root[data-theme="dark"] .v6-design-home label{color:var(--office-ui-text,#e2e8f0)!important}
@media(prefers-color-scheme:dark){
:root:not([data-theme="light"]) .ofc .o-seg>.zbtn>button,
:root:not([data-theme="light"]) .ofc .o-seg>.zbtn>.office-edit-toggle{background:var(--office-ui-raised,#26364c)!important;color:var(--office-ui-text,#e2e8f0)!important;border-color:var(--office-ui-line,#40536b)!important;box-shadow:none!important}
:root:not([data-theme="light"]) .ofc .o-seg>.zbtn>button:hover{background:var(--office-ui-hover,#304660)!important;border-color:#6a87a5!important}
:root:not([data-theme="light"]) .ofc .o-seg>.zbtn>.office-edit-toggle.active{background:var(--office-ui-active,#1b4164)!important;color:#b8ddff!important;border-color:#537eab!important}
:root:not([data-theme="light"]) .v8-editor.v6-design-home.v16-tools,
:root:not([data-theme="light"]) body>.v10-editor.v6-design-home:not(.office-editor-preview){background:var(--office-ui-surface,#1e293b)!important;border-color:var(--office-ui-line,#40536b)!important;color:var(--office-ui-text,#e2e8f0)!important}
:root:not([data-theme="light"]) .v6-design-home .v6-design-title,
:root:not([data-theme="light"]) .v8-editor .v6-design-title,
:root:not([data-theme="light"]) .v6-design-home .v6-design-actions,
:root:not([data-theme="light"]) .v8-editor .v6-design-actions{background:var(--office-ui-surface,#1e293b)!important;border-color:var(--office-ui-line,#40536b)!important}
:root:not([data-theme="light"]) .v6-design-home .v6-design-title strong{color:var(--office-ui-text,#e2e8f0)!important}
:root:not([data-theme="light"]) .v6-design-home .v6-design-title small,
:root:not([data-theme="light"]) .v6-design-home .v6-design-tip{color:var(--office-ui-muted,#a6b6c9)!important}
:root:not([data-theme="light"]) .v8-editor .v5-architecture,
:root:not([data-theme="light"]) .v6-design-home .v5-architecture{background:var(--office-ui-raised,#26364c)!important;border-color:var(--office-ui-line,#40536b)!important}
:root:not([data-theme="light"]) .v8-editor select,
:root:not([data-theme="light"]) .v5-architecture select,
:root:not([data-theme="light"]) .v6-design-home input:not([type="range"]):not([type="checkbox"]),
:root:not([data-theme="light"]) .v6-design-home textarea{background:var(--office-ui-input,#101e31)!important;color:var(--office-ui-text,#e2e8f0)!important;border-color:var(--office-ui-line,#40536b)!important}
:root:not([data-theme="light"]) .v8-editor .v8-close,
:root:not([data-theme="light"]) .v6-design-home button:not(.pri):not(.on){background:var(--office-ui-raised,#26364c)!important;color:var(--office-ui-text,#e2e8f0)!important;border-color:var(--office-ui-line,#40536b)!important}
:root:not([data-theme="light"]) .v8-editor .v8-focus{background:#173c41!important;outline-color:#2b8f8a!important}
:root:not([data-theme="light"]) #office-preview-dock{background:var(--office-ui-surface,#1e293b)!important;border-color:var(--office-ui-line,#40536b)!important}
:root:not([data-theme="light"]) #office-preview-dock button:not(:nth-child(2)){background:var(--office-ui-raised,#26364c)!important;color:var(--office-ui-text,#e2e8f0)!important;border-color:var(--office-ui-line,#40536b)!important}
:root:not([data-theme="light"]) .team-legend-collapse{background:var(--office-ui-surface,#1e293b)!important;border-color:var(--office-ui-line,#40536b)!important;color:var(--office-ui-text,#e2e8f0)!important}
:root:not([data-theme="light"]) .v6-design-home label{color:var(--office-ui-text,#e2e8f0)!important}
}
body>.v10-editor.v16-tools.v6-design-home{width:min(342px,calc(100vw - 24px))!important;max-width:342px!important;padding:13px!important;gap:8px!important;backdrop-filter:blur(18px)}
.v10-editor .v6-design-title small{font-size:10px!important}
.v10-editor .v10-tabs{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:3px!important}
.v10-editor .v10-tabs button{font-size:10px!important;min-width:0!important;padding:8px 3px!important;white-space:normal!important;line-height:1.25!important}
.v10-editor .v5-architecture,.v10-editor .v6-floor-selectors{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:7px!important;padding:0!important;margin:0!important;background:transparent!important;border:0!important}
.v10-editor .v5-architecture label,.v10-editor .v6-floor-selectors label{font-size:10px!important;gap:4px!important;min-width:0!important}
.v10-editor .v5-architecture select,.v10-editor .v6-floor-selectors select{font-size:11px!important;padding:6px 5px!important;min-height:30px!important;border-radius:7px!important}
.v10-editor .v6-design-section{font-size:11px!important;padding:0 0 6px!important}
.v10-editor .v10-group{max-height:min(38vh,280px)!important;overflow-y:auto!important}
.v10-editor .v6-design-actions{padding-top:8px!important}
.v10-editor .v6-design-actions button{padding:9px!important;font-size:11px!important}
@media(max-width:600px){
body>.v10-editor.v16-tools.v6-design-home{width:auto!important;max-width:none!important;left:8px!important;right:8px!important;bottom:8px!important;top:auto!important;max-height:55dvh!important}
.v10-editor .v10-group{max-height:24dvh!important}
}
:root{--v53-ink:#14283e;--v53-blue:#4177d7;--v53-line:rgba(116,150,186,.24);--v53-shadow:0 22px 65px rgba(8,30,60,.18)}
.office.cvw{position:relative!important;isolation:isolate;transform:translateZ(0)}
.office .zoomwrap canvas{transition:filter .25s ease}
.office .zbtn{gap:8px!important;right:12px!important;bottom:12px!important;z-index:5!important}
.office .zbtn button{width:42px!important;height:42px!important;min-width:42px!important;backdrop-filter:blur(12px);transition:background .2s,transform .2s,box-shadow .2s}
.office .zbtn button:hover{transform:translateY(-2px)}
body>.v10-editor.v16-tools.v6-design-home{color:var(--v53-ink)!important}
.v10-editor .v6-design-title{padding-bottom:10px!important;border-bottom:1px solid #e4edf5!important}
.v10-editor .v6-design-title strong{font-size:16px!important;font-weight:800!important;letter-spacing:-.45px!important;color:#163451!important}
.v10-editor .v10-tabs{padding:4px!important}
.v10-editor .v10-tabs button{border-radius:9px!important;transition:background .18s,color .18s,box-shadow .18s!important}
.v10-editor .v5-architecture label,.v10-editor .v6-floor-selectors label{padding:8px!important}
.v10-editor select,.v10-editor input,.v10-editor button{accent-color:#4177d7}
.v10-editor select:focus-visible,.v10-editor input:focus-visible,.v10-editor button:focus-visible,.office button:focus-visible{outline:2px solid #4d8ae6!important;outline-offset:2px!important}
.v10-editor .v6-design-actions button{border-radius:11px!important;transition:transform .15s,box-shadow .15s!important}
.v10-editor .v6-design-actions button:hover{transform:translateY(-1px)}
.v10-editor .v10-group{scrollbar-width:thin;scrollbar-color:#c2d4e8 transparent}
.office-gesture{color:#64809b!important;font-weight:500;letter-spacing:.1px}
@media(max-width:700px){
.office .zbtn{right:8px!important;bottom:8px!important;gap:5px!important}
.office .zbtn button{width:38px!important;height:38px!important;min-width:38px!important;border-radius:11px!important}
body>.v10-editor.v16-tools.v6-design-home{box-shadow:0 12px 36px #102f4d35!important}
}
@media(prefers-reduced-motion:reduce){
.office .zoomwrap canvas,.office .zbtn button,.v10-editor button{transition:none!important}
}
.office .zoomwrap{position:relative!important;isolation:isolate}
.office .zoomwrap canvas{position:relative;z-index:1}
.office .zoomwrap .zbtn{position:absolute!important;left:12px!important;right:auto!important;top:9%!important;bottom:auto!important;z-index:150!important;display:flex!important;flex-direction:row!important;align-items:center!important;gap:4px!important;transform:none!important;pointer-events:auto!important}
.office .zoomwrap .zbtn button,.office .zoomwrap .zbtn .office-edit-toggle,.office .zoomwrap .zbtn .office-edit-toggle.active{position:static!important;box-sizing:border-box!important;width:26px!important;height:26px!important;min-width:26px!important;min-height:26px!important;padding:0!important;display:grid!important;place-items:center!important;border-radius:7px!important;border:1px solid #b9cbd8!important;background:#f8fbfd!important;color:#25465c!important;box-shadow:0 2px 6px #172d4230!important;opacity:1!important;font-size:14px!important;font-weight:600!important;line-height:1!important;cursor:pointer!important;pointer-events:auto!important;touch-action:manipulation!important}
.office .zoomwrap .zbtn button:hover,.office .zoomwrap .zbtn .office-edit-toggle:hover{background:#eaf2f7!important}
.office .zoomwrap .zbtn .office-edit-toggle.active{outline:2px solid #3985ad!important;outline-offset:1px!important}
@media(max-width:600px){
.office .zoomwrap .zbtn{left:8px!important;top:9%!important;gap:3px!important}
.office .zoomwrap .zbtn button,.office .zoomwrap .zbtn .office-edit-toggle,.office .zoomwrap .zbtn .office-edit-toggle.active{width:25px!important;height:25px!important;min-width:25px!important;min-height:25px!important;font-size:13px!important}
}
:root{--v54-shadow:0 18px 50px rgba(20,37,58,.13);--v54-stroke:rgba(133,155,179,.28)}
#app canvas{image-rendering:auto;backface-visibility:hidden}
#app button,#app select,#app input{transition:background-color .18s ease,border-color .18s ease,box-shadow .18s ease,transform .18s ease}
#app button:not(:disabled):active{transform:scale(.975)}
@media(prefers-reduced-motion:reduce){
#app button,#app select,#app input{transition:none!important}
}
:root{--v68-ink:#17304b;--v68-accent:#3376d4;--v68-line:#d7e4f1}
.office.cvw{overflow:hidden;border:1px solid #b9cde2!important;border-radius:25px!important;background:#e9f2fb!important}
.office .zbtn{padding:5px!important;border:1px solid #d1e0ef!important;border-radius:17px!important;background:#f8fbffdf!important;backdrop-filter:blur(16px)}
.office .zbtn button{border-radius:12px!important;background:linear-gradient(155deg,#fff,#edf5ff)!important;border:1px solid #c9dced!important;color:#214f80!important;box-shadow:0 2px 6px #204c7920,inset 0 1px #fff!important}
.office .zbtn button:hover{background:linear-gradient(155deg,#fff,#e0eeff)!important;box-shadow:0 5px 14px #204c7930!important}
body>.v10-editor.v16-tools.v6-design-home{border:1px solid #c5d8eb!important;border-radius:23px!important;background:linear-gradient(155deg,#fff,#f1f7fe)!important;box-shadow:0 20px 60px #12375c36!important}
.v10-editor .v10-tabs{background:#e6f0fa!important;border:1px solid #d1e2f3!important;border-radius:14px!important}
.v10-editor .v10-tabs button.selected{background:#fff!important;color:#205da8!important;box-shadow:0 2px 8px #163f6c20!important}
.v10-editor .v5-architecture label,.v10-editor .v6-floor-selectors label{border:1px solid #d6e4f1!important;border-radius:13px!important;background:linear-gradient(145deg,#fff,#f3f8ff)!important;box-shadow:inset 0 1px #fff!important}
.v10-editor button,.v10-editor select,.v10-editor input{transition:border-color .18s,box-shadow .18s,background .18s!important}
.v10-editor button:focus-visible,.office button:focus-visible{outline:2px solid #4287e7!important;outline-offset:2px}
@media(max-width:700px){
.office .zbtn{padding:3px!important;border-radius:12px!important}
body>.v10-editor.v16-tools.v6-design-home{border-radius:16px!important}
}
@media(prefers-reduced-motion:reduce){
.v10-editor button,.v10-editor select,.v10-editor input{transition:none!important}
}
:root{--gp-border:rgba(112,146,181,.28);--gp-shadow:0 8px 24px rgba(21,51,82,.10);--gp-highlight:rgba(255,255,255,.82)}
.office.cvw{position:relative;box-shadow:0 1px 0 rgba(255,255,255,.95) inset,0 12px 30px rgba(27,61,96,.15),0 30px 75px rgba(18,46,80,.16)!important}
.office.cvw::after{position:absolute;inset:0;pointer-events:none;border-radius:inherit;z-index:2}
.office .zoomwrap{background:radial-gradient(ellipse at 20% 8%,rgba(255,255,255,.95),transparent 58%),radial-gradient(ellipse at 85% 80%,rgba(159,199,231,.40),transparent 64%),linear-gradient(135deg,#e8f4fe,#d9e8f6)!important}
.office .zoomwrap canvas{image-rendering:auto!important;filter:saturate(1.075) contrast(1.035)!important}
:where(.card,.bosscard,.sheet,.sum,.team-legend-collapse){border-color:var(--gp-border);box-shadow:var(--gp-shadow)}
:where(.card,.bosscard,.sheet){background-image:linear-gradient(148deg,rgba(255,255,255,.095),transparent 60%)}
:where(.card,.bosscard,.sheet,.team-legend-collapse) :where(button,select,input){transition:background-color .16s ease,border-color .16s ease,box-shadow .16s ease}
:where(.card,.bosscard,.sheet,.team-legend-collapse) :where(button,select,input):focus-visible{outline:2px solid #3b82d7;outline-offset:2px}
.team-legend-collapse{border:1px solid var(--gp-border);overflow:hidden}
.team-legend-collapse>summary{cursor:pointer;letter-spacing:.005em}
.team-legend-items>span{box-shadow:inset 0 1px rgba(255,255,255,.75),0 2px 5px rgba(26,58,92,.06)}
.office .zbtn{box-shadow:0 10px 28px rgba(23,60,97,.20),inset 0 1px rgba(255,255,255,.88)!important}
.office .zbtn button:active{transform:translateY(1px)}
@media(hover:hover){
.office .zbtn button:hover{filter:brightness(1.035)}
}
@media(max-width:700px){
.office.cvw{border-radius:14px!important;box-shadow:0 5px 16px rgba(20,53,86,.14)!important}
.office .zoomwrap canvas{filter:saturate(1.045) contrast(1.02)!important}
:where(.card,.bosscard,.sheet,.sum,.team-legend-collapse){box-shadow:0 3px 12px rgba(21,51,82,.075)}
.office .zbtn{backdrop-filter:none!important}
.team-legend-items{gap:7px}
}
@media(prefers-reduced-motion:reduce){
.office .zbtn button,:where(.card,.bosscard,.sheet) button{transition:none!important}
}
.report-v72 .report-period-v72{display:flex;flex-wrap:wrap;align-items:center;gap:7px}
.report-v72 .report-period-v72>button{flex:0 0 auto;white-space:nowrap}
.report-v72 .report-period-v72>b{white-space:normal;overflow-wrap:normal;word-break:normal;min-width:90px}
.report-v72 .report-summary-v72{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;overflow:visible!important}
.report-v72 .report-summary-v72>.card{display:flex;flex-direction:column;justify-content:center;align-items:center;min-width:0!important;padding:10px 7px;line-height:1.4;text-align:center;white-space:normal;word-break:normal;overflow-wrap:normal}
.report-v72 .report-summary-v72>.card b{font-size:clamp(16px,4vw,22px);display:block;white-space:nowrap}
.report-v72 .report-table-v72 th:first-child,.report-v72 .report-table-v72 td:first-child{background:var(--card,#fff)}
.report-v72 .report-table-v72 th:first-child{z-index:2}
@media(max-width:600px){
.report-v72 .report-summary-v72{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}
.report-v72 .report-summary-v72>.card:last-child{grid-column:1/-1}
.report-v72 .report-period-v72>b{flex:1 1 120px;text-align:center}
.report-v72 .report-table-v72{min-width:680px}
}
@media(max-width:350px){
.report-v72 .report-summary-v72{grid-template-columns:minmax(0,1fr)}
.report-v72 .report-summary-v72>.card:last-child{grid-column:auto}
}
.report-v72{min-width:0!important;width:100%;max-width:100%;overflow:visible}
.report-v72 .report-table-scroll-v72{box-sizing:border-box;display:block;position:relative;width:100%;max-width:100%;min-width:0;overflow-x:auto!important;overflow-y:hidden!important;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;touch-action:pan-x pan-y;padding:0!important;isolation:isolate}
.report-v72 .report-table-v72{width:max-content!important;min-width:100%!important;max-width:none!important;table-layout:auto!important;border-collapse:separate!important;border-spacing:0;margin:0}
.report-v72 .report-table-v72 th,.report-v72 .report-table-v72 td{box-sizing:border-box;white-space:nowrap!important;word-break:normal!important;overflow-wrap:normal!important;vertical-align:middle;min-width:70px;padding:10px 12px;background:var(--card,#fff);border-bottom:1px solid var(--bd,#ddd)}
.report-v72 .report-table-v72 th:first-child,.report-v72 .report-table-v72 td:first-child{position:static!important;left:auto!important;z-index:auto!important;box-shadow:none!important;min-width:155px;text-align:left}
.report-v72 .report-table-v72 th:nth-child(3),.report-v72 .report-table-v72 td:nth-child(3){min-width:100px}
.report-v72 .report-table-v72 .bar{min-width:75px}
@media(max-width:600px){
.report-v72 .report-table-scroll-v72{border-radius:12px}
.report-v72 .report-table-v72 th,.report-v72 .report-table-v72 td{padding:9px 10px}
}
.office.cvw,
.office.cvw:focus-within{border:2px solid #b9cde2!important;box-shadow:0 12px 30px rgba(27,61,96,.15),0 30px 75px rgba(18,46,80,.16)!important}
.office.cvw::after{content:none!important;box-shadow:none!important}
@media (min-width:1000px) and (min-height:580px){
main:has(.ofc){max-width:1660px;width:100%;box-sizing:border-box}
.ofc{display:grid!important;grid-template-columns:minmax(0,1fr) clamp(260px,23vw,340px);grid-template-areas:"map sidebar";align-items:start;column-gap:16px}
.ofc > .o-main{grid-area:map;min-width:0;display:block}
.ofc > .o-side{grid-area:sidebar;min-width:0;display:flex;flex-direction:column;gap:10px;position:sticky;top:12px;max-height:calc(100dvh - 110px);overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin}
.ofc .o-side > *{min-width:0;margin:0}
.ofc .o-side .o-act{order:0}
.ofc .o-side .o-quick{order:1}
.ofc .o-side .o-sum{order:2}
.ofc .o-side .o-pin{order:3}
.ofc .o-side .office-status-summary{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}
.ofc .o-side .office-status-item{min-width:0}
.ofc .o-main .o-view{min-width:0}
.ofc .o-main .office.cvw{background:var(--bg,#111827);width:100%}
.ofc .o-main .office .zoomwrap{display:flex;align-items:flex-start;justify-content:center;max-width:100%;background:var(--bg,#111827)}
.ofc .o-main .office .zoomwrap:not(.zoomed) canvas{width:auto!important;height:auto!important;max-width:100%!important;max-height:calc(100dvh - 205px)!important;object-fit:contain}
.ofc .o-main .office .zoomwrap.zoomed{display:block}
.ofc .o-main .office .zoomwrap.zoomed canvas{max-height:none!important}
}
@media (min-width:1000px) and (min-height:580px){
.ofc .o-side .o-sum{min-width:0;width:100%}
.ofc .o-side .o-sum .sum.office-status-summary{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important;width:100%;margin:0!important;align-items:stretch}
.ofc .o-side .office-status-summary .office-status-item{box-sizing:border-box;min-width:0;min-height:67px;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;padding:11px 13px!important;gap:5px!important;border-radius:13px;overflow:visible}
.ofc .o-side .office-status-summary .office-status-top{display:flex;align-items:center;gap:8px;min-height:25px}
.ofc .o-side .office-status-summary .office-status-number{font-size:23px;line-height:1.1;letter-spacing:-.025em}
.ofc .o-side .office-status-summary .office-status-label{display:block;max-width:100%;font-size:12px;line-height:1.35;white-space:normal;overflow:visible;text-overflow:clip;overflow-wrap:break-word;word-break:normal}
.ofc .o-side .office-status-summary .office-status-item:last-child:nth-child(odd){grid-column:1/-1;min-height:56px;flex-direction:row;align-items:center;justify-content:space-between;padding-inline:16px!important}
.ofc .o-side .office-status-summary .office-status-item:last-child:nth-child(odd) .office-status-label{order:-1;font-size:13px;font-weight:650}
}
@media (min-width:1000px) and (min-height:580px){
.ofc .o-main .office.cvw,
  .ofc .o-main .office .zoomwrap:not(.zoomed){background-color:#d8e2df!important;background-image:linear-gradient(180deg,
      #c3d9d1 0%, #d5e3da 19%,
      #e8e8df 25%, #e7e6dd 72%,
      #b7c9c7 78%, #829bab 100%)!important}
.ofc .o-main .office.cvw{border-color:rgba(95,130,150,.18)!important;overflow:hidden}
.ofc .o-main .office .zoomwrap:not(.zoomed) canvas{position:relative;z-index:1;box-shadow:-12px 0 30px -22px rgba(43,69,81,.26),
                 12px 0 30px -22px rgba(43,69,81,.26)}
}
@media (max-width:700px){
body > .v10-editor.v6-design-home.v16-tools.v21-editor-floating.v8-editor{position:fixed!important;inset:auto 0 0 0!important;top:auto!important;bottom:0!important;left:0!important;right:0!important;transform:none!important;width:100%!important;min-width:0!important;max-width:100%!important;height:min(82dvh,720px)!important;max-height:calc(100dvh - 12px)!important;padding:14px 14px max(12px,env(safe-area-inset-bottom,0px))!important;margin:0!important;box-sizing:border-box!important;border-radius:20px 20px 0 0!important;display:flex!important;flex-direction:column!important;flex-wrap:nowrap!important;align-items:stretch!important;justify-content:flex-start!important;gap:9px!important;overflow:hidden!important;overscroll-behavior:contain!important;z-index:99999!important}
body > .v10-editor.v6-design-home > .v6-design-title{order:0!important;position:relative!important;inset:auto!important;flex:0 0 auto!important;margin:0!important;padding:0 44px 9px 0!important;min-height:38px!important;background:transparent!important;z-index:1!important}
body > .v10-editor.v6-design-home > .v6-design-title strong{font-size:16px!important;line-height:1.3!important}
body > .v10-editor.v6-design-home > .v6-design-title small{font-size:10px!important;line-height:1.3!important}
body > .v10-editor.v6-design-home > .v10-tabs{order:1!important;position:relative!important;inset:auto!important;transform:none!important;flex:0 0 auto!important;display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;width:100%!important;margin:0!important;padding:4px!important;z-index:1!important}
body > .v10-editor.v6-design-home > .v10-tabs button{min-height:39px!important;padding:7px 3px!important;font-size:11px!important}
body > .v10-editor.v6-design-home > .v10-group{order:2!important;position:relative!important;inset:auto!important;transform:none!important;flex:1 1 0%!important;min-height:0!important;max-height:none!important;overflow-y:auto!important;overflow-x:hidden!important;overscroll-behavior:contain!important;-webkit-overflow-scrolling:touch!important;touch-action:pan-y!important;margin:0!important;padding:4px 2px 12px!important}
body > .v10-editor.v6-design-home > .v10-group:not([data-group]){display:none!important}
body > .v10-editor.v6-design-home > .v6-design-actions{order:3!important;position:relative!important;inset:auto!important;transform:none!important;flex:0 0 auto!important;display:grid!important;grid-template-columns:minmax(0,1fr) minmax(88px,.34fr)!important;width:100%!important;min-height:0!important;margin:0!important;padding:10px 0 0!important;border-top:1px solid #dfe8f0!important;background:#fff!important;box-shadow:none!important;gap:9px!important;z-index:2!important}
body > .v10-editor.v6-design-home > .v6-design-actions button{min-width:0!important;min-height:44px!important;height:44px!important;margin:0!important;padding:9px 8px!important;font-size:12px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important}
body > .v10-editor.v6-design-home .v5-architecture,
 body > .v10-editor.v6-design-home .v6-floor-selectors{grid-template-columns:1fr!important;gap:7px!important}
body > .v10-editor.v6-design-home label{padding:9px!important;margin:0!important}
body > .v10-editor.v6-design-home select{min-height:42px!important;font-size:16px!important}
}
@media(max-width:390px){
body > .v10-editor.v6-design-home.v16-tools.v21-editor-floating.v8-editor{height:min(84dvh,690px)!important;padding-inline:10px!important}
}
@media(max-height:600px) and (max-width:700px){
body > .v10-editor.v6-design-home.v16-tools.v21-editor-floating.v8-editor{height:calc(100dvh - 6px)!important}
}
#ped-bar{position:fixed;z-index:100005;left:8px;right:8px;bottom:calc(72px + env(safe-area-inset-bottom,0px));margin-inline:auto;max-width:620px;box-sizing:border-box;display:flex;flex-direction:column;gap:6px;padding:8px;border-radius:18px;background:var(--office-ui-surface,rgba(255,255,255,.97));color:var(--office-ui-text,#1b3347);border:1px solid var(--office-ui-line,#c9d9e6);box-shadow:0 10px 32px rgba(18,40,62,.24);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);font:12px/1.3 system-ui,-apple-system,"Segoe UI",sans-serif}
#ped-bar[hidden]{display:none!important}
#ped-bar.is-dirty{border-color:#0c786d;box-shadow:0 0 0 2px rgba(12,120,109,.22),0 10px 32px rgba(18,40,62,.24)}
#ped-bar .ped-msg{display:flex;align-items:baseline;gap:8px;min-width:0;padding:0 2px}
#ped-bar .ped-msg b{white-space:nowrap;font-size:13px}
#ped-bar .ped-msg span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--office-ui-muted,#5d7488)}
#ped-bar .ped-btns{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px}
#ped-bar .ped-btns button{min-height:46px;padding:4px 2px;border-radius:12px;border:1px solid var(--office-ui-line,#cfdde8);background:var(--office-ui-raised,#f1f6fa);color:inherit;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;cursor:pointer;touch-action:manipulation;transition:transform .12s ease,background .15s ease}
#ped-bar .ped-btns button em{font-style:normal;font-size:18px;line-height:1}
#ped-bar .ped-btns button i{font-style:normal;font-size:10px;font-weight:700;line-height:1.1;white-space:nowrap}
#ped-bar .ped-btns button:active:not(:disabled){transform:scale(.95)}
#ped-bar .ped-btns button:disabled{opacity:.4;cursor:default}
#ped-bar .ped-btns .ped-save{background:#0c786d;border-color:#0c786d;color:#fff}
#ped-bar .ped-btns button:focus-visible{outline:2px solid #2563eb;outline-offset:2px}
@media (min-width:900px){
#ped-bar{bottom:16px}
}
#ped-pop{position:fixed;z-index:100006;box-sizing:border-box;width:min(318px,calc(100vw - 16px));max-height:min(60vh,420px);overflow:auto;overscroll-behavior:contain;padding:10px;border-radius:16px;background:var(--office-ui-surface,#fff);color:var(--office-ui-text,#1b3347);border:1px solid var(--office-ui-line,#c9d9e6);box-shadow:0 14px 40px rgba(18,40,62,.3);font:12px/1.35 system-ui,-apple-system,"Segoe UI",sans-serif;transition:opacity .15s ease}
#ped-pop.ped-dragging{opacity:0;pointer-events:none}
#ped-pop .ped-head{display:flex;align-items:center;gap:8px;margin-bottom:8px}
#ped-pop .ped-head b{font-size:14px;white-space:nowrap}
#ped-pop .ped-head span{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--office-ui-muted,#5d7488)}
#ped-pop .ped-x{width:30px;height:30px;border-radius:9px;border:0;background:var(--office-ui-raised,#eef3f7);color:inherit;font-size:18px;line-height:1;cursor:pointer}
#ped-pop .ped-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(64px,1fr));gap:6px}
#ped-pop .ped-chip{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;min-height:56px;padding:6px 2px;border-radius:12px;border:1px solid var(--office-ui-line,#d3e0ea);background:var(--office-ui-raised,#f1f6fa);color:inherit;font:700 11px/1.15 system-ui,sans-serif;cursor:pointer;touch-action:manipulation}
#ped-pop .ped-chip span{font-size:21px;line-height:1}
#ped-pop .ped-chip:active:not(:disabled){transform:scale(.95)}
#ped-pop .ped-chip:disabled{opacity:.42;cursor:default}
#ped-pop .ped-note{margin:8px 2px 0;font-size:11px;color:var(--office-ui-muted,#5d7488)}
#ped-pop .ped-done{display:block;width:100%;margin-top:8px;min-height:42px;border-radius:11px;border:0;background:#0c786d;color:#fff;font:700 13px system-ui,sans-serif;cursor:pointer}
#ped-pop .ped-pick-top{display:flex;align-items:center;gap:8px;margin-bottom:6px}
#ped-pop .ped-back{border:0;background:transparent;color:#2563eb;font:700 12px system-ui,sans-serif;padding:6px 4px;cursor:pointer;white-space:nowrap}
#ped-pop .ped-sub{font-size:11px;color:var(--office-ui-muted,#5d7488)}
#ped-pop .ped-search{box-sizing:border-box;width:100%;min-height:38px;margin-bottom:6px;padding:6px 10px;border-radius:10px;border:1px solid var(--office-ui-line,#c5d5e0);background:var(--office-ui-input,#fff);color:inherit;font:16px system-ui,sans-serif}
#ped-pop .ped-list{display:flex;flex-direction:column;gap:4px;max-height:220px;overflow:auto;overscroll-behavior:contain}
#ped-pop .ped-item{display:flex;align-items:center;gap:9px;min-height:46px;padding:5px 8px;border-radius:11px;border:1px solid var(--office-ui-line,#dbe6ee);background:var(--office-ui-raised,#f7fafc);color:inherit;text-align:left;cursor:pointer}
#ped-pop .ped-item i{flex:0 0 30px;height:30px;border-radius:50%;display:grid;place-items:center;background:#dbeafe;color:#1d4ed8;font:800 13px system-ui,sans-serif;font-style:normal}
#ped-pop .ped-item span{display:flex;flex-direction:column;min-width:0}
#ped-pop .ped-item b{font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#ped-pop .ped-item small{font-size:10.5px;color:var(--office-ui-muted,#5d7488)}
#ped-pop button:focus-visible,#ped-pop input:focus-visible{outline:2px solid #2563eb;outline-offset:2px}
body > .v10-editor.v6-design-home.v16-tools.v21-editor-floating.v8-editor:not(.office-editor-preview){position:fixed!important;inset:auto 8px calc(142px + env(safe-area-inset-bottom,0px)) 8px!important;top:auto!important;transform:none!important;width:auto!important;max-width:620px!important;margin-inline:auto!important;height:min(34dvh,300px)!important;min-height:170px!important;max-height:calc(100dvh - 200px)!important;border-radius:18px!important;padding:10px 12px!important;box-shadow:0 14px 40px rgba(18,40,62,.3)!important}
@media (min-width:900px){
body > .v10-editor.v6-design-home.v16-tools.v21-editor-floating.v8-editor:not(.office-editor-preview){inset:auto 16px 92px auto!important;width:380px!important;max-width:380px!important;height:min(52dvh,430px)!important;margin-inline:0!important}
}
@media (prefers-reduced-motion:reduce){
#ped-pop,#ped-bar .ped-btns button{transition:none}
}
#ped-pop .ped-chip:hover:not(:disabled),#ped-pop .ped-item:hover,#ped-bar .ped-btns button:hover:not(:disabled){filter:brightness(1.07)}
:root[data-theme="dark"] body > .v10-editor.v6-design-home.v16-tools.v21-editor-floating.v8-editor:not(.office-editor-preview){background:var(--office-ui-surface,#1e293b)!important;border-color:var(--office-ui-line,#40536b)!important;color:var(--office-ui-text,#e2e8f0)!important;color-scheme:dark;box-shadow:0 16px 44px rgba(0,0,0,.55)!important}
:root[data-theme="dark"] body > .v10-editor.v6-design-home.v16-tools.v21-editor-floating.v8-editor .v10-tabs{background:var(--office-ui-input,#101e31)!important;border-color:var(--office-ui-line,#40536b)!important}
:root[data-theme="dark"] body > .v10-editor.v6-design-home.v16-tools.v21-editor-floating.v8-editor .v10-tabs button{background:transparent!important;color:var(--office-ui-muted,#a6b6c9)!important;border:0!important;box-shadow:none!important}
:root[data-theme="dark"] body > .v10-editor.v6-design-home.v16-tools.v21-editor-floating.v8-editor .v10-tabs button.selected{background:var(--office-ui-active,#1b4164)!important;color:#cfe6ff!important;box-shadow:inset 0 0 0 1px #537eab!important}
:root[data-theme="dark"] body > .v10-editor.v6-design-home.v16-tools.v21-editor-floating.v8-editor .v10-group{color:var(--office-ui-text,#e2e8f0)}
:root[data-theme="dark"] body > .v10-editor.v6-design-home.v16-tools.v21-editor-floating.v8-editor .v6-design-section{color:var(--office-ui-muted,#a6b6c9)!important;border-color:var(--office-ui-line,#40536b)!important}
:root[data-theme="dark"] body > .v10-editor.v6-design-home.v16-tools.v21-editor-floating.v8-editor .v5-architecture label,:root[data-theme="dark"] body > .v10-editor.v6-design-home.v16-tools.v21-editor-floating.v8-editor .v6-floor-selectors label{background:var(--office-ui-raised,#26364c)!important;border-color:var(--office-ui-line,#40536b)!important;color:var(--office-ui-text,#e2e8f0)!important;box-shadow:none!important}
:root[data-theme="dark"] body > .v10-editor.v6-design-home.v16-tools.v21-editor-floating.v8-editor label.v8-changed{border-color:#2dd4bf!important;box-shadow:0 0 0 2px rgba(45,212,191,.2)!important}
:root[data-theme="dark"] body > .v10-editor.v6-design-home.v16-tools.v21-editor-floating.v8-editor .v8-focus{background:#173c41!important;outline-color:#2b8f8a!important}
:root[data-theme="dark"] body > .v10-editor.v6-design-home.v16-tools.v21-editor-floating.v8-editor .v6-design-tip{background:var(--office-ui-raised,#26364c)!important;border-color:var(--office-ui-line,#40536b)!important;color:var(--office-ui-muted,#a6b6c9)!important}
:root[data-theme="dark"] body > .v10-editor.v6-design-home.v16-tools.v21-editor-floating.v8-editor .v8-close{background:var(--office-ui-raised,#26364c)!important;color:var(--office-ui-text,#e2e8f0)!important;border-color:var(--office-ui-line,#40536b)!important}
:root[data-theme="dark"] body > .v10-editor.v6-design-home.v16-tools.v21-editor-floating.v8-editor .v6-design-actions .v16-save{background:#0c786d!important;border-color:#0c786d!important;color:#fff!important}
:root[data-theme="dark"] body > .v10-editor.v6-design-home.v16-tools.v21-editor-floating.v8-editor .v6-design-actions .v16-save:disabled{opacity:.5}
:root[data-theme="dark"] #ped-bar,:root[data-theme="dark"] #ped-pop{color-scheme:dark}
:root[data-theme="dark"] #ped-bar{box-shadow:0 10px 32px rgba(0,0,0,.55)}
:root[data-theme="dark"] #ped-bar.is-dirty{border-color:#2dd4bf;box-shadow:0 0 0 2px rgba(45,212,191,.28),0 10px 32px rgba(0,0,0,.55)}
:root[data-theme="dark"] #ped-bar .ped-btns .ped-save{background:#0f8f81;border-color:#0f8f81}
:root[data-theme="dark"] #ped-pop{box-shadow:0 14px 40px rgba(0,0,0,.6)}
:root[data-theme="dark"] #ped-pop .ped-item i{background:rgba(96,165,250,.22);color:#a5cdff}
:root[data-theme="dark"] #ped-pop .ped-back{color:#8bbcff}
:root[data-theme="dark"] #ped-pop .ped-done{background:#0f8f81}
:root[data-theme="dark"] #ped-bar .ped-btns button:focus-visible,:root[data-theme="dark"] #ped-pop button:focus-visible,:root[data-theme="dark"] #ped-pop input:focus-visible{outline-color:#8bbcff}
@media (prefers-color-scheme:dark){
:root:not([data-theme="light"]) body > .v10-editor.v6-design-home.v16-tools.v21-editor-floating.v8-editor:not(.office-editor-preview){background:var(--office-ui-surface,#1e293b)!important;border-color:var(--office-ui-line,#40536b)!important;color:var(--office-ui-text,#e2e8f0)!important;color-scheme:dark;box-shadow:0 16px 44px rgba(0,0,0,.55)!important}
:root:not([data-theme="light"]) body > .v10-editor.v6-design-home.v16-tools.v21-editor-floating.v8-editor .v10-tabs{background:var(--office-ui-input,#101e31)!important;border-color:var(--office-ui-line,#40536b)!important}
:root:not([data-theme="light"]) body > .v10-editor.v6-design-home.v16-tools.v21-editor-floating.v8-editor .v10-tabs button{background:transparent!important;color:var(--office-ui-muted,#a6b6c9)!important;border:0!important;box-shadow:none!important}
:root:not([data-theme="light"]) body > .v10-editor.v6-design-home.v16-tools.v21-editor-floating.v8-editor .v10-tabs button.selected{background:var(--office-ui-active,#1b4164)!important;color:#cfe6ff!important;box-shadow:inset 0 0 0 1px #537eab!important}
:root:not([data-theme="light"]) body > .v10-editor.v6-design-home.v16-tools.v21-editor-floating.v8-editor .v10-group{color:var(--office-ui-text,#e2e8f0)}
:root:not([data-theme="light"]) body > .v10-editor.v6-design-home.v16-tools.v21-editor-floating.v8-editor .v6-design-section{color:var(--office-ui-muted,#a6b6c9)!important;border-color:var(--office-ui-line,#40536b)!important}
:root:not([data-theme="light"]) body > .v10-editor.v6-design-home.v16-tools.v21-editor-floating.v8-editor .v5-architecture label,:root:not([data-theme="light"]) body > .v10-editor.v6-design-home.v16-tools.v21-editor-floating.v8-editor .v6-floor-selectors label{background:var(--office-ui-raised,#26364c)!important;border-color:var(--office-ui-line,#40536b)!important;color:var(--office-ui-text,#e2e8f0)!important;box-shadow:none!important}
:root:not([data-theme="light"]) body > .v10-editor.v6-design-home.v16-tools.v21-editor-floating.v8-editor label.v8-changed{border-color:#2dd4bf!important;box-shadow:0 0 0 2px rgba(45,212,191,.2)!important}
:root:not([data-theme="light"]) body > .v10-editor.v6-design-home.v16-tools.v21-editor-floating.v8-editor .v8-focus{background:#173c41!important;outline-color:#2b8f8a!important}
:root:not([data-theme="light"]) body > .v10-editor.v6-design-home.v16-tools.v21-editor-floating.v8-editor .v6-design-tip{background:var(--office-ui-raised,#26364c)!important;border-color:var(--office-ui-line,#40536b)!important;color:var(--office-ui-muted,#a6b6c9)!important}
:root:not([data-theme="light"]) body > .v10-editor.v6-design-home.v16-tools.v21-editor-floating.v8-editor .v8-close{background:var(--office-ui-raised,#26364c)!important;color:var(--office-ui-text,#e2e8f0)!important;border-color:var(--office-ui-line,#40536b)!important}
:root:not([data-theme="light"]) body > .v10-editor.v6-design-home.v16-tools.v21-editor-floating.v8-editor .v6-design-actions .v16-save{background:#0c786d!important;border-color:#0c786d!important;color:#fff!important}
:root:not([data-theme="light"]) body > .v10-editor.v6-design-home.v16-tools.v21-editor-floating.v8-editor .v6-design-actions .v16-save:disabled{opacity:.5}
:root:not([data-theme="light"]) #ped-bar,:root:not([data-theme="light"]) #ped-pop{color-scheme:dark}
:root:not([data-theme="light"]) #ped-bar{box-shadow:0 10px 32px rgba(0,0,0,.55)}
:root:not([data-theme="light"]) #ped-bar.is-dirty{border-color:#2dd4bf;box-shadow:0 0 0 2px rgba(45,212,191,.28),0 10px 32px rgba(0,0,0,.55)}
:root:not([data-theme="light"]) #ped-bar .ped-btns .ped-save{background:#0f8f81;border-color:#0f8f81}
:root:not([data-theme="light"]) #ped-pop{box-shadow:0 14px 40px rgba(0,0,0,.6)}
:root:not([data-theme="light"]) #ped-pop .ped-item i{background:rgba(96,165,250,.22);color:#a5cdff}
:root:not([data-theme="light"]) #ped-pop .ped-back{color:#8bbcff}
:root:not([data-theme="light"]) #ped-pop .ped-done{background:#0f8f81}
:root:not([data-theme="light"]) #ped-bar .ped-btns button:focus-visible,:root:not([data-theme="light"]) #ped-pop button:focus-visible,:root:not([data-theme="light"]) #ped-pop input:focus-visible{outline-color:#8bbcff}
}

/* ===== Báo cáo tuần: đính kèm biên bản / ảnh ===== */
.wr-att{margin-top:8px;display:flex;flex-direction:column;gap:8px}
.wr-attbtn{display:flex;flex-wrap:wrap;gap:8px}
.wr-attbtn .btn{min-height:40px}
.wr-thumbs{display:flex;flex-wrap:wrap;gap:8px}
.wr-th{position:relative;width:84px;height:84px;border-radius:10px;overflow:hidden;border:1px solid var(--bd);background:var(--bg)}
.wr-th img{width:100%;height:100%;object-fit:cover;cursor:pointer;display:block}
.wr-th .x{position:absolute;top:3px;right:3px;width:24px;height:24px;border:0;border-radius:50%;background:rgba(0,0,0,.62);color:#fff;font-size:13px;line-height:24px;padding:0;cursor:pointer}
.wr-doc{display:flex;align-items:center;gap:8px;border:1px solid var(--bd);background:var(--bg);border-radius:10px;padding:8px 10px;font-size:13px}
.wr-doc .grow{flex:1;min-width:0;cursor:pointer;overflow-wrap:anywhere}
.wr-doc .x{border:0;background:none;color:var(--red);cursor:pointer;font-size:15px;min-width:32px;min-height:32px}

/* Báo cáo tuần: không dùng nút "Nói" */
.wr-row .mic,.wr-sec .mic{display:none!important}

/* Nhắn tin: không dùng nút "Nói" */
.dm-voice-button,.thread .mic,.dm-compose-v238 .mic{display:none!important}

/* ===== Báo cáo tuần: thẻ nhân viên ===== */
.wr-list .wr-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(290px,1fr));gap:12px;margin-top:10px}
.wr-list .wr-pc{--ac:#94a3b8;--acbg:#eef2f6;position:relative;display:flex;flex-direction:column;gap:12px;padding:14px 14px 12px 18px;border:1px solid var(--bd,#e5eaf0);border-radius:14px;background:var(--card,var(--bg,#fff));box-shadow:0 1px 2px rgba(15,23,42,.05);overflow:hidden;transition:box-shadow .15s,transform .15s}
.wr-list .wr-pc::before{content:"";position:absolute;left:0;top:0;bottom:0;width:5px;background:var(--ac)}
.wr-list .wr-pc:hover{box-shadow:0 6px 16px rgba(15,23,42,.10);transform:translateY(-1px)}
.wr-list .wr-pc.ok{--ac:#16a34a;--acbg:#dcfce7}.wr-list .wr-pc.draft{--ac:#d97706;--acbg:#fef3c7}
.wr-list .wr-pc-top{display:flex;align-items:center;gap:12px;min-width:0}
.wr-list .wr-av{flex:none;width:44px;height:44px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:15px;letter-spacing:.5px;color:var(--ac);background:var(--acbg);border:2px solid var(--ac)}
.wr-list .wr-who{flex:1;min-width:0}
.wr-list .wr-who b{display:block;font-size:15px;line-height:1.25;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.wr-list .wr-who .mu{font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.wr-list .wr-pc-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;min-height:46px;align-items:center}
.wr-list .wr-pc-stats>.mu{grid-column:1/-1;font-size:12.5px}
.wr-list .wr-ct{display:flex;flex-direction:column;align-items:center;gap:1px;padding:7px 4px;border-radius:10px;background:var(--acbg)}
.wr-list .wr-ct b{font-size:18px;line-height:1.1;color:var(--ac)}
.wr-list .wr-ct small{font-size:11px;color:#64748b}
.wr-list .wr-ct.z{background:#f3f5f8}.wr-list .wr-ct.z b{color:#94a3b8}
.wr-list .wr-pc-foot{display:flex;align-items:center;justify-content:space-between;gap:8px;padding-top:10px;border-top:1px solid var(--bd,#e5eaf0);min-height:34px}
.wr-list .wr-pc-foot .wr-rem{font-size:12px;min-width:0}
.wr-list .wr-pc-foot .wr-act{display:flex;gap:6px;margin-left:auto}
@media(max-width:520px){.wr-list .wr-grid{grid-template-columns:1fr}}