#cat-shards{--sm-ok:#3ddc97;--sm-warn:#f5c451;--sm-bad:#ff6b7a;--sm-info:#5aa9ff;--sm-stop:#6b7185;--sm-orange:#ff9f4a;--sm-q:#4b5170;--sm-r:10px;}
.sm{display:flex;flex-direction:column;gap:14px;min-width:0;}
.sm *,.sm *::before,.sm *::after{box-sizing:border-box;}
.sm button,.sm input,.sm select{font-family:inherit;}

.sm-head{display:flex;flex-wrap:wrap;align-items:center;gap:10px;}
.sm-title{font-size:17px;font-weight:700;letter-spacing:.2px;margin-right:2px;}
.sm-spacer{flex:1 1 auto;}
.sm-live{display:inline-flex;align-items:center;gap:7px;height:26px;padding:0 10px;font-size:11px;font-weight:600;color:var(--t3);border:1px solid var(--line2);border-radius:999px;background:var(--layer0);}
.sm-live i{width:7px;height:7px;border-radius:50%;background:var(--sm-stop);}
.sm-live.live i{background:var(--sm-ok);box-shadow:0 0 0 3px rgba(61,220,151,.18);}
.sm-live.polling i{background:var(--sm-warn);}
.sm-live.offline i{background:var(--sm-bad);}
.sm-tools{display:flex;flex-wrap:wrap;align-items:center;gap:8px;}

.sm-btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:34px;padding:0 14px;border:1px solid var(--line2);border-radius:var(--sm-r);background:var(--layer2);color:var(--t1);font-size:12px;font-weight:600;line-height:1;text-align:center;white-space:nowrap;cursor:pointer;transition:background .12s,border-color .12s,transform .05s;}
.sm-btn:hover:not(:disabled){background:var(--layer3);}
.sm-btn:active:not(:disabled){transform:translateY(1px);}
.sm-btn:focus-visible,.sm-tile:focus-visible,.sm-stat:focus-visible{outline:2px solid var(--acc);outline-offset:1px;}
.sm-btn:disabled{opacity:.38;cursor:not-allowed;}
.sm-btn svg{flex:none;width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;display:block;}
.sm-btn.sm{min-height:30px;padding:0 10px;font-size:11.5px;gap:6px;}
.sm-btn.sm svg{width:13px;height:13px;}
.sm-btn.primary{background:var(--acc-g);border-color:transparent;color:#fff;}
.sm-btn.primary:hover:not(:disabled){filter:brightness(1.1);background:var(--acc-g);}
.sm-btn.warn{background:rgba(245,196,81,.12);border-color:rgba(245,196,81,.35);color:#f7d98b;}
.sm-btn.danger{background:rgba(255,107,122,.13);border-color:rgba(255,107,122,.38);color:#ffb3bb;}
.sm-btn.ghost{background:transparent;}
select.sm-btn{padding:0 28px 0 12px;appearance:none;-webkit-appearance:none;background-image:linear-gradient(45deg,transparent 50%,var(--t3) 50%),linear-gradient(135deg,var(--t3) 50%,transparent 50%);background-position:calc(100% - 15px) 50%,calc(100% - 10px) 50%;background-size:5px 5px,5px 5px;background-repeat:no-repeat;}

.sm-seg{display:inline-flex;border:1px solid var(--line2);border-radius:var(--sm-r);overflow:hidden;background:var(--layer0);}
.sm-seg button{min-height:32px;min-width:38px;padding:0 12px;background:transparent;border:0;color:var(--t3);font-size:11.5px;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;line-height:1;}
.sm-seg button+button{border-left:1px solid var(--line2);}
.sm-seg button.on{background:var(--layer3);color:var(--t1);}

.sm-crumbs{display:flex;align-items:center;flex-wrap:wrap;gap:4px;font-size:12px;color:var(--t4);min-height:24px;}
.sm-crumbs button{background:none;border:0;color:var(--acc);cursor:pointer;font-size:12px;padding:3px 6px;border-radius:6px;line-height:1;}
.sm-crumbs button:hover{background:var(--layer2);}
.sm-crumbs b{color:var(--t1);font-weight:600;padding:3px 4px;}

.sm-toolbar{display:flex;flex-direction:column;gap:10px;}
.sm-search{width:100%;min-height:38px;background:var(--layer0);border:1px solid var(--line2);color:var(--t1);border-radius:var(--sm-r);padding:0 12px;font-family:var(--mono);font-size:12.5px;}
.sm-search:focus{outline:2px solid var(--acc2);outline-offset:0;border-color:transparent;}
.sm-chips{display:flex;flex-wrap:wrap;gap:6px;align-items:center;}
.sm-chipbtn{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:30px;padding:0 11px;border-radius:999px;border:1px solid var(--line2);background:var(--layer0);color:var(--t2);font-size:11.5px;font-weight:600;cursor:pointer;line-height:1;}
.sm-chipbtn i{width:8px;height:8px;border-radius:50%;background:var(--cc);display:block;}
.sm-chipbtn b{font-family:var(--mono);font-weight:600;color:var(--t1);}
.sm-chipbtn:hover{background:var(--layer2);}
.sm-chipbtn.on{border-color:var(--cc);background:var(--layer2);color:var(--t1);}
.sm-chipbtn.h-healthy{--cc:var(--sm-ok);} .sm-chipbtn.h-degraded{--cc:var(--sm-warn);} .sm-chipbtn.h-dead{--cc:var(--sm-bad);} .sm-chipbtn.h-stopped{--cc:var(--sm-stop);} .sm-chipbtn.h-transitioning{--cc:var(--sm-info);}
.sm-hint{font-size:11px;color:var(--t4);line-height:1.5;}
.sm-hint code{font-family:var(--mono);color:var(--t3);}

.sm-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;}
.sm-kpi{background:var(--layer0);border:1px solid var(--line2);border-radius:var(--sm-r);padding:9px 12px;display:flex;flex-direction:column;gap:3px;min-width:0;}
.sm-kpi b{font-family:var(--mono);font-size:18px;font-weight:600;line-height:1.1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.sm-kpi b small{font-size:11px;color:var(--t4);margin-left:2px;}
.sm-kpi span{font-size:10px;text-transform:uppercase;letter-spacing:.7px;color:var(--t4);}

.sm-cgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,330px),1fr));gap:12px;}
.sm-card{background:var(--layer0);border:1px solid var(--line2);border-radius:14px;padding:14px;display:flex;flex-direction:column;gap:12px;min-width:0;}
.sm-card.offline{border-color:rgba(255,107,122,.45);}
.sm-card-h{display:flex;align-items:center;gap:8px;flex-wrap:wrap;}
.sm-card-h h3{margin:0;font-size:14.5px;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%;}
.sm-dot{width:9px;height:9px;border-radius:50%;display:inline-block;flex:none;background:var(--sm-stop);}
.sm-dot.on{background:var(--sm-ok);box-shadow:0 0 0 3px rgba(61,220,151,.15);} .sm-dot.off{background:var(--sm-bad);}
.sm-chip{display:inline-flex;align-items:center;height:20px;font-family:var(--mono);font-size:10.5px;background:var(--layer2);border:1px solid var(--line2);border-radius:6px;padding:0 7px;color:var(--t2);white-space:nowrap;line-height:1;}
.sm-chip.range{color:var(--acc);} .sm-chip.self{color:var(--sm-ok);} .sm-chip.planned{color:var(--sm-warn);}
.sm-hbar{display:flex;height:8px;border-radius:999px;overflow:hidden;background:var(--layer2);gap:2px;}
.sm-hbar i{display:block;height:100%;background:var(--c);min-width:3px;}
.sm-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px 8px;}
.sm-stats div{display:flex;flex-direction:column;gap:2px;font-size:10px;text-transform:uppercase;letter-spacing:.6px;color:var(--t4);min-width:0;}
.sm-stats b{font-family:var(--mono);font-size:12.5px;font-weight:500;color:var(--t1);text-transform:none;letter-spacing:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.sm-strip{display:flex;flex-wrap:wrap;gap:3px;}
.sm-strip i{width:10px;height:10px;border-radius:3px;display:block;background:var(--c);}
.sm-strip i.deg{box-shadow:0 0 0 1.5px var(--sm-warn);}
.sm-card-f{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:auto;}
.sm-card-f .open{grid-column:1/-1;}

.sm-racks{display:flex;flex-direction:column;gap:12px;}
.sm-rack{background:var(--layer0);border:1px solid var(--line2);border-radius:14px;overflow:hidden;}
.sm-rack-h{display:flex;flex-wrap:wrap;align-items:center;gap:8px;padding:10px 12px;border-bottom:1px solid var(--line2);background:var(--layer1);}
.sm-rack-h h3{margin:0;font-size:14px;font-weight:700;}
.sm-rack-b{padding:12px;display:flex;flex-direction:column;gap:10px;}
.sm-row{display:grid;grid-template-columns:58px minmax(0,1fr);gap:10px;align-items:start;}
.sm-row-l{font-family:var(--mono);font-size:10px;color:var(--t4);padding-top:9px;text-align:right;white-space:nowrap;}
.sm-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(var(--tile,140px),1fr));gap:8px;}
.sm-grid.s{--tile:100px;} .sm-grid.m{--tile:140px;} .sm-grid.l{--tile:184px;}

.sm-tile{position:relative;background:var(--layer1);border:1px solid var(--line2);border-left:4px solid var(--c,var(--sm-stop));border-radius:10px;padding:8px 9px 8px 10px;display:flex;flex-direction:column;gap:4px;cursor:pointer;min-height:70px;min-width:0;transition:background .12s,border-color .12s;-webkit-tap-highlight-color:transparent;user-select:none;}
.sm-tile:hover{background:var(--layer2);}
.sm-tile.sel{outline:2px solid var(--acc2);background:var(--layer2);}
.sm-tile .top{display:flex;align-items:baseline;gap:7px;padding-right:20px;}
.sm-tile .uid{font-family:var(--mono);font-size:14.5px;font-weight:600;letter-spacing:.5px;color:var(--t1);line-height:1.1;}
.sm-tile .num{font-family:var(--mono);font-size:10px;color:var(--t4);}
.sm-tile .st{display:flex;align-items:center;gap:6px;font-size:10px;line-height:1;color:var(--c);text-transform:uppercase;letter-spacing:.6px;font-weight:700;}
.sm-tile .st i{width:6px;height:6px;border-radius:50%;background:var(--c);display:block;}
.sm-tile .mx{display:flex;flex-wrap:wrap;gap:2px 9px;font-family:var(--mono);font-size:10.5px;color:var(--t3);line-height:1.4;}
.sm-grid.s .mx .x-more{display:none;}
.sm-tile .sel-box{position:absolute;top:6px;right:6px;width:16px;height:16px;margin:0;accent-color:var(--acc2);cursor:pointer;opacity:.3;}
.sm-tile:hover .sel-box,.sm-tile.sel .sel-box{opacity:1;}
.sm-tile .acts{display:none;position:absolute;right:5px;bottom:5px;gap:4px;}
.sm-tile:hover .acts,.sm-tile:focus-within .acts{display:flex;}
.sm-tile .acts button{width:26px;height:24px;border-radius:6px;background:var(--layer3);border:1px solid var(--line2);color:var(--t2);cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0;}
.sm-tile .acts button:hover{background:var(--acc-g);color:#fff;border-color:transparent;}
.sm-tile .acts svg{width:12px;height:12px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;display:block;}
.sm-tile .flag{position:absolute;top:6px;right:28px;font-size:9px;font-weight:700;font-family:var(--mono);padding:2px 5px;border-radius:4px;line-height:1;}
.sm-tile.h-degraded{border-color:var(--sm-warn);border-left-color:var(--sm-warn);box-shadow:inset 0 0 0 1px rgba(245,196,81,.22);}
.sm-tile.h-degraded .flag{background:rgba(245,196,81,.18);color:var(--sm-warn);}
.sm-tile.h-dead{background:repeating-linear-gradient(135deg,rgba(255,107,122,.10) 0 6px,transparent 6px 12px),var(--layer1);border-color:rgba(255,107,122,.5);border-left-color:var(--sm-bad);}
.sm-tile.h-dead .flag{background:rgba(255,107,122,.2);color:var(--sm-bad);}
.sm-tile.h-stopped{opacity:.75;}
.sm-tile.dash .flag{background:rgba(90,169,255,.2);color:var(--sm-info);}
.sm-tile.st-queued{background:repeating-linear-gradient(135deg,rgba(75,81,112,.25) 0 5px,transparent 5px 10px),var(--layer1);}

.sm-c-ready{--c:var(--sm-ok);} .sm-c-starting,.sm-c-reconnecting{--c:var(--sm-warn);} .sm-c-restarting{--c:var(--sm-info);}
.sm-c-stopping{--c:var(--sm-orange);} .sm-c-stopped{--c:var(--sm-stop);} .sm-c-crashed,.sm-c-offline{--c:var(--sm-bad);} .sm-c-queued{--c:var(--sm-q);}

.sm-detail{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:12px;}
.sm-panel{background:var(--layer0);border:1px solid var(--line2);border-radius:14px;padding:14px;display:flex;flex-direction:column;gap:12px;min-width:0;}
.sm-panel h4{margin:0;font-size:10.5px;text-transform:uppercase;letter-spacing:.8px;color:var(--t4);font-weight:700;}
.sm-id{display:flex;align-items:center;gap:10px;flex-wrap:wrap;}
.sm-id .uid{font-family:var(--mono);font-size:28px;font-weight:700;letter-spacing:1px;line-height:1;}
.sm-badge{display:inline-flex;align-items:center;gap:7px;height:24px;border:1px solid var(--c);color:var(--c);border-radius:999px;padding:0 11px;font-size:10.5px;text-transform:uppercase;letter-spacing:.7px;font-weight:700;line-height:1;}
.sm-badge i{width:7px;height:7px;border-radius:50%;background:var(--c);display:block;}
.sm-reasons{font-size:12px;color:var(--sm-warn);background:rgba(245,196,81,.08);border:1px solid rgba(245,196,81,.25);border-radius:8px;padding:7px 10px;}
.sm-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;}
.sm-m{background:var(--layer1);border:1px solid var(--line2);border-radius:10px;padding:9px 10px;display:flex;flex-direction:column;gap:4px;min-width:0;}
.sm-m span{font-size:10px;text-transform:uppercase;letter-spacing:.7px;color:var(--t4);}
.sm-m b{font-family:var(--mono);font-size:16px;font-weight:600;line-height:1.1;}
.sm-m svg{width:100%;height:30px;display:block;}
.sm-m polyline{fill:none;stroke:var(--acc);stroke-width:1.6;vector-effect:non-scaling-stroke;}
.sm-acts{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:8px;}
.sm-kv{display:grid;grid-template-columns:auto minmax(0,1fr);gap:6px 16px;font-size:12px;margin:0;}
.sm-kv dt{color:var(--t4);} .sm-kv dd{margin:0;font-family:var(--mono);color:var(--t1);word-break:break-word;}
.sm-logbar{display:flex;flex-wrap:wrap;gap:8px;align-items:center;}
.sm-logbar .sm-search{flex:1 1 160px;width:auto;min-height:34px;}
.sm-check{display:inline-flex;align-items:center;gap:6px;font-size:11.5px;color:var(--t3);min-height:34px;cursor:pointer;}
.sm-check input{accent-color:var(--acc2);width:15px;height:15px;margin:0;}
.sm-log{background:#0b0c11;border:1px solid var(--line2);border-radius:10px;height:340px;overflow:auto;font-family:var(--mono);font-size:11px;line-height:1.55;padding:9px 10px;white-space:pre-wrap;word-break:break-word;overscroll-behavior:contain;}
.sm-log .l-WARN{color:var(--sm-warn);} .sm-log .l-ERROR,.sm-log .l-FATAL{color:var(--sm-bad);} .sm-log .l-DEBUG{color:var(--t4);} .sm-log .ts{color:var(--t4);}
.sm-hist{display:flex;flex-direction:column;gap:4px;font-size:11px;font-family:var(--mono);max-height:160px;overflow:auto;}
.sm-hist .ok{color:var(--sm-ok);} .sm-hist .err{color:var(--sm-bad);} .sm-hist .pend{color:var(--sm-warn);}

.sm-bulk{position:sticky;bottom:12px;z-index:30;display:none;align-items:center;gap:8px;flex-wrap:wrap;background:var(--layer2);border:1px solid var(--acc2);border-radius:14px;padding:9px 12px;box-shadow:0 10px 30px rgba(0,0,0,.55);}
.sm-bulk.on{display:flex;}
.sm-bulk b{font-size:12px;margin-right:4px;}
.sm-menu{position:fixed;z-index:1000;min-width:220px;max-width:calc(100vw - 16px);background:var(--layer2);border:1px solid var(--line2);border-radius:12px;padding:6px;box-shadow:0 12px 34px rgba(0,0,0,.6);}
.sm-menu .hd{padding:6px 10px;font-size:10.5px;color:var(--t4);font-family:var(--mono);}
.sm-menu button{display:flex;width:100%;align-items:center;gap:10px;min-height:36px;background:none;border:0;color:var(--t1);padding:0 10px;border-radius:8px;font-size:12.5px;cursor:pointer;text-align:left;line-height:1;}
.sm-menu button svg{width:14px;height:14px;flex:none;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;}
.sm-menu button:hover:not(:disabled){background:var(--layer3);}
.sm-menu button:disabled{opacity:.35;cursor:not-allowed;}
.sm-menu button.danger{color:#ffb3bb;}
.sm-menu hr{border:0;border-top:1px solid var(--line2);margin:4px 0;}
.sm-modal-bg{position:fixed;inset:0;background:rgba(5,6,10,.72);z-index:1100;display:flex;align-items:center;justify-content:center;padding:16px;}
.sm-modal{background:var(--layer1);border:1px solid var(--line2);border-radius:16px;max-width:480px;width:100%;max-height:calc(100vh - 32px);overflow:auto;padding:18px;display:flex;flex-direction:column;gap:12px;}
.sm-modal h3{margin:0;font-size:16px;}
.sm-modal p{margin:0;font-size:12.5px;color:var(--t2);line-height:1.55;}
.sm-modal .warn{color:var(--sm-warn);}
.sm-modal .ids{font-family:var(--mono);font-size:11px;color:var(--t3);display:flex;flex-wrap:wrap;gap:5px;}
.sm-modal .ids span{background:var(--layer2);border-radius:5px;padding:2px 6px;}
.sm-modal input[type=text]{min-height:38px;background:var(--layer0);border:1px solid var(--line2);color:var(--t1);border-radius:10px;padding:0 12px;font-family:var(--mono);}
.sm-modal label{font-size:12px;color:var(--t2);display:flex;gap:8px;align-items:center;}
.sm-modal .f{display:flex;gap:8px;justify-content:flex-end;}
.sm-toasts{position:fixed;right:16px;bottom:16px;z-index:1200;display:flex;flex-direction:column;gap:8px;max-width:min(340px,calc(100vw - 32px));}
.sm-toast{background:var(--layer2);border:1px solid var(--line2);border-left:4px solid var(--acc2);border-radius:12px;padding:10px 13px;font-size:12px;line-height:1.4;box-shadow:0 8px 26px rgba(0,0,0,.5);}
.sm-toast.ok{border-left-color:var(--sm-ok);} .sm-toast.err{border-left-color:var(--sm-bad);} .sm-toast.warn{border-left-color:var(--sm-warn);}
.sm-empty{padding:34px 16px;text-align:center;color:var(--t4);border:1px dashed var(--line2);border-radius:14px;font-size:13px;line-height:1.6;}

@media (hover:none){.sm-tile .acts{display:flex;}.sm-tile .sel-box{opacity:.7;}.sm-tile .mx{padding-right:0;}.sm-tile{padding-bottom:34px;}}
@media (max-width:980px){.sm-detail{grid-template-columns:1fr;}}
@media (max-width:720px){
  .sm{gap:12px;}
  .sm-head{gap:8px;}
  .sm-title{font-size:16px;width:100%;order:-1;}
  .sm-spacer{display:none;}
  .sm-tools{width:100%;}
  .sm-tools .sm-btn{flex:1 1 auto;}
  .sm-kpis{grid-template-columns:repeat(2,minmax(0,1fr));}
  .sm-stats{grid-template-columns:repeat(2,minmax(0,1fr));}
  .sm-row{grid-template-columns:1fr;gap:4px;}
  .sm-row-l{text-align:left;padding:0;}
  .sm-grid.s{--tile:104px;} .sm-grid.m{--tile:148px;} .sm-grid.l{--tile:210px;}
  .sm-card-f{grid-template-columns:repeat(2,minmax(0,1fr));}
  .sm-card-f .open{grid-column:1/-1;}
  .sm-rack-h .sm-spacer{display:block;flex-basis:100%;height:0;}
  .sm-acts{grid-template-columns:repeat(2,minmax(0,1fr));}
  .sm-metrics{gap:6px;}
  .sm-m b{font-size:14px;}
  .sm-log{height:260px;}
  .sm-bulk{position:fixed;left:8px;right:8px;bottom:8px;overflow-x:auto;flex-wrap:nowrap;border-radius:14px;}
  .sm-bulk .sm-btn{flex:none;}
  .sm-toasts{left:12px;right:12px;bottom:72px;max-width:none;}
  .sm-modal-bg{align-items:flex-end;padding:0;}
  .sm-modal{max-width:none;border-radius:18px 18px 0 0;}
}
@media (pointer:coarse){.sm-btn{min-height:40px;}.sm-btn.sm{min-height:36px;}.sm-chipbtn{min-height:36px;}.sm-seg button{min-height:38px;}.sm-menu button{min-height:44px;}}
@media (prefers-reduced-motion:reduce){.sm *{transition:none!important;}}

#smCfg{display:flex;flex-direction:column;gap:12px;min-width:0;}
.sm-panel h4 small{font-size:10px;font-weight:500;text-transform:none;letter-spacing:0;color:var(--t4);margin-left:6px;}
.sm-how{background:var(--layer0);border:1px solid var(--line2);border-radius:14px;padding:0;}
.sm-how summary{cursor:pointer;padding:13px 14px;font-weight:700;font-size:13.5px;list-style:none;display:flex;align-items:center;gap:8px;}
.sm-how summary::-webkit-details-marker{display:none;}
.sm-how summary::before{content:"";width:7px;height:7px;border-right:2px solid var(--t3);border-bottom:2px solid var(--t3);transform:rotate(-45deg);transition:transform .15s;}
.sm-how[open] summary::before{transform:rotate(45deg);}
.sm-how-body{padding:0 14px 14px;display:flex;flex-direction:column;gap:6px;font-size:12.5px;line-height:1.6;color:var(--t2);}
.sm-how-body h5{margin:10px 0 0;font-size:11px;text-transform:uppercase;letter-spacing:.8px;color:var(--t4);}
.sm-how-body p{margin:0;} .sm-how-body ul{margin:0;padding-left:18px;display:flex;flex-direction:column;gap:3px;}
.sm-how-body code,.sm-panel code,.sm-hint code{font-family:var(--mono);font-size:11.5px;background:var(--layer2);border-radius:5px;padding:1px 6px;color:var(--t1);}
.sm-legend{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:6px 12px;font-size:12px;}
.sm-legend span{display:flex;align-items:center;gap:8px;}
.sm-legend i{width:10px;height:10px;border-radius:3px;background:var(--c);display:block;flex:none;}
.sm-envrow{display:flex;gap:12px;align-items:flex-start;justify-content:space-between;padding:8px 0;border-top:1px solid var(--line2);}
.sm-envrow:first-of-type{border-top:0;}
.sm-envrow b{font-size:12.5px;} .sm-envrow p{margin:3px 0 0;font-size:11.5px;color:var(--t4);line-height:1.5;}
.sm-envrow code{flex:none;max-width:45%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.sm-cfgrow{display:grid;grid-template-columns:minmax(0,1fr) 230px;gap:14px;padding:12px 0;border-top:1px solid var(--line2);align-items:start;}
.sm-cfgrow.changed{background:linear-gradient(90deg,rgba(90,169,255,.08),transparent);box-shadow:inset 3px 0 0 var(--sm-info);padding-left:10px;}
.sm-cfgl label{font-size:13px;font-weight:600;display:block;} .sm-cfgl p{margin:4px 0 0;font-size:11.5px;color:var(--t4);line-height:1.55;}
.sm-cfgi{display:flex;flex-direction:column;gap:6px;}
.sm-inputwrap{display:flex;align-items:center;gap:8px;}
.sm-inputwrap input,.sm-toprow input{width:100%;min-height:38px;background:var(--layer1);border:1px solid var(--line2);color:var(--t1);border-radius:10px;padding:0 12px;font-family:var(--mono);font-size:13px;}
.sm-inputwrap input:focus,.sm-toprow input:focus{outline:2px solid var(--acc2);border-color:transparent;}
.sm-inputwrap span{font-size:12px;color:var(--t3);min-width:22px;}
.sm-cfgd{font-size:11px;color:var(--t4);display:flex;align-items:center;gap:8px;flex-wrap:wrap;}
.sm-link{background:none;border:0;color:var(--acc);cursor:pointer;font-size:11px;padding:2px 0;}
.sm-link:hover{text-decoration:underline;}
.sm-toptable{display:flex;flex-direction:column;gap:8px;}
.sm-tophead,.sm-toprow{display:grid;grid-template-columns:120px minmax(0,1.2fr) minmax(0,1fr) 110px 42px;gap:8px;align-items:center;}
.sm-tophead span{font-size:10px;text-transform:uppercase;letter-spacing:.7px;color:var(--t4);}
.sm-toprow .sm-btn{padding:0;width:42px;}
.sm-savebar{position:sticky;bottom:10px;z-index:20;background:var(--layer2);border:1px solid var(--line2);border-radius:14px;padding:10px 12px;display:flex;flex-direction:column;gap:8px;box-shadow:0 8px 26px rgba(0,0,0,.45);}
.sm-saverow{display:flex;flex-wrap:wrap;align-items:center;gap:8px;}
.sm-reasons.err{color:#ffb3bb;background:rgba(255,107,122,.09);border-color:rgba(255,107,122,.35);}
.sm-reasons.ok{color:#9be8c4;background:rgba(61,220,151,.08);border-color:rgba(61,220,151,.3);}
@media (max-width:720px){
  .sm-cfgrow{grid-template-columns:1fr;gap:8px;}
  .sm-tophead{display:none;}
  .sm-toprow{grid-template-columns:1fr 1fr;}
  .sm-toprow .sm-btn{width:100%;grid-column:1/-1;}
  .sm-envrow{flex-direction:column;gap:6px;} .sm-envrow code{max-width:100%;}
  .sm-saverow .sm-btn{flex:1 1 auto;} .sm-saverow .sm-spacer{display:none;}
  .sm-savebar{bottom:6px;}
}