#wrap.tr{height:calc(100vh - 150px);min-height:600px}
#wrap .panel{position:absolute;z-index:5;background:#fff;border-radius:12px;box-shadow:0 6px 24px #0003;font-size:13px;overflow:auto}
#wrap .panel.hidden{display:none}
#wrap .ph{display:flex;justify-content:space-between;align-items:center;padding:8px 10px;font-weight:800;font-size:15px;border-bottom:1px solid #eee;position:sticky;top:0;background:#fff;z-index:2}
#wrap .x{border:0;background:#f1f5f9;border-radius:50%;width:28px;height:28px;font-size:18px;cursor:pointer}
#left{left:8px;top:44px;width:250px;max-height:calc(100% - 56px)}#left .pb{padding:8px 10px}
.tbtn{position:absolute;left:8px;top:8px;z-index:6;border:0;border-radius:8px;background:#111827;color:#fff;font-weight:700;padding:6px 10px;cursor:pointer}
.lbl{font-weight:700;margin:10px 0 4px;color:#334155}.seg{display:flex;flex-wrap:wrap;gap:4px}.seg button,.chips button{border:1px solid #cbd5e1;background:#fff;border-radius:14px;padding:3px 8px;font-size:12px;cursor:pointer}.seg button.on,.chips button.on{background:#0d9488;color:#fff;border-color:#0d9488}
.chips{display:flex;flex-wrap:wrap;gap:4px}#legend2,#left .legend{display:flex;flex-wrap:wrap;gap:4px;margin:6px 0;font-size:11px}#legend2 span{padding:2px 6px;border-radius:4px}#left .legend{margin:6px 0}
.row2{display:flex;justify-content:space-between;align-items:center;margin-top:6px}.dual{display:flex;flex-direction:column}.dual input{width:100%}.tog{display:flex;gap:6px;align-items:center;margin-top:6px}.muted{color:#64748b}.link{border:0;background:none;color:#0d9488;cursor:pointer;font-weight:700}
#left .ctl{margin:0;flex-direction:column;gap:4px}#left .ctl input{width:100%}#umsg{color:#b91c1c;font-size:12px}#typeSel{width:100%;padding:4px}
#grid{left:50%;transform:translateX(-50%);bottom:8px;max-width:min(760px,calc(100% - 16px));max-height:58%}
.gsub{padding:4px 10px;color:#475569;font-size:12px}#grid .gw{padding:0 8px;overflow:auto;max-height:none}
.ug{border-collapse:separate;border-spacing:2px;font-size:11px}.ug th{position:sticky;top:0;background:#fff;font-weight:600;padding:2px;vertical-align:bottom;line-height:1.2}.ug th i{display:block;font-style:normal;color:#475569;font-size:10px;white-space:nowrap}
.ug th.fl{position:sticky;left:0;z-index:1;background:#fff;text-align:right}.ug td{padding:0}.ug td.void{background:#f8fafc}
.ub{border:1px solid #0002;border-radius:4px;font-size:10px;padding:2px 3px;cursor:pointer;min-width:46px;font-variant-numeric:tabular-nums}.ub.dim{opacity:.45}.ub.on{outline:3px solid #d6337a;outline-offset:0}
#right{right:8px;top:8px;width:300px;max-height:calc(100% - 16px)}#uBody{padding:8px 10px}
.uask{display:flex;align-items:center;gap:8px;margin:8px 10px;padding:8px;border-radius:10px;background:#f0fdfa}.utx{flex:1}.ul1{font-weight:700}.utel{color:#0f172a;font-weight:700}
.uwa{display:flex;align-items:center;gap:4px;background:#25d366;color:#fff;border-radius:18px;padding:6px 10px;text-decoration:none;font-weight:700}.uwa svg{width:18px;height:18px}
.face{background:#f8fafc;border-radius:8px;padding:6px 8px;margin-bottom:6px}.hot{color:#c2410c}.cool{color:#0369a1}.warn{color:#92400e;font-weight:700}
.vph{margin:6px 0}.vph img{width:100%;border-radius:8px;display:block}.vph figcaption{font-size:11px;color:#64748b}
.ut{width:100%;border-collapse:collapse}.ut td{padding:3px 0;border-bottom:1px solid #f1f5f9;vertical-align:top}.ut td:first-child{color:#64748b;width:84px}
.fnav{display:flex;gap:6px;margin:8px 0}.fnav button{flex:1;padding:6px;border:1px solid #cbd5e1;border-radius:8px;background:#fff;cursor:pointer}
#wrap #sunlbl{left:auto;right:8px;bottom:auto;top:44px}#wrap .cmp{right:auto;left:110px}
@media(max-width:760px){#wrap.tr{height:calc(100vh - 120px)}#left{width:calc(100% - 16px)}#right{left:8px;right:8px;width:auto;top:auto;bottom:8px;max-height:60%;z-index:7}#grid{max-height:50%}}

.fplan{margin:8px 0}.fplan img{width:100%;border:1px solid #e2e8f0;border-radius:8px;cursor:zoom-in;background:#fff}.fplan figcaption{font-size:11px;color:#64748b}
#plb{position:fixed;inset:0;z-index:99999;background:#000c;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:12px;cursor:zoom-out}#plb img{max-width:100%;max-height:88vh;background:#fff;border-radius:8px}#plb div{color:#fff;font-size:13px;margin-top:8px;text-align:center}

.simhide{display:none!important}#simBar2{position:absolute;left:8px;right:8px;bottom:8px;z-index:8;background:#111827e6;color:#fff;border-radius:10px;padding:8px 10px;display:flex;gap:10px;align-items:center;justify-content:space-between;font-size:13px}#simBar2.hidden{display:none}#simBar2 small{color:#cbd5e1}#simBar2 button{border:0;border-radius:8px;background:#fff;color:#111;font-weight:700;padding:8px 12px;cursor:pointer;white-space:nowrap}
.seev{width:100%;margin:2px 0 8px;padding:9px;border:0;border-radius:8px;background:#d6337a;color:#fff;font-weight:700;cursor:pointer}

.pc{margin-top:6px;border-top:1px dashed #cbd5e1;padding-top:4px;font-size:12px}.pc .pro{color:#166534}.pc .con{color:#9a3412}.faces small.pc2{display:block;font-size:12px;margin-top:2px}