/* InstrumStroi.kg — seller cabinet styles (loaded after main.css) */
.au{max-width:420px;margin:0 auto}
.gr{animation:spin 2.4s linear infinite}
body.sel header,body.sel footer,body.sel nav.tb{display:none}
body.sel{padding-bottom:0}
.sbar{display:flex;align-items:center;gap:var(--s1);flex-wrap:wrap;margin-bottom:var(--s2)}
.sbar b{font-size:18px}
.sbar .sp{margin-right:auto}
.stabs{display:flex;gap:var(--s1);overflow-x:auto;margin-bottom:var(--s3)}
.slay{display:grid;grid-template-columns:230px minmax(0,1fr);gap:var(--s3);align-items:start}
.side{position:sticky;top:var(--s2);background:var(--cd);border:1px solid var(--br);border-radius:var(--r);padding:var(--s1);display:flex;flex-direction:column;gap:2px}
.sb0{padding:12px;display:flex;flex-direction:column;border-bottom:1px solid var(--br);margin-bottom:6px}
.si{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:10px;text-align:left;color:var(--tx)}
.si:hover{background:var(--soft)}
.si.on{background:var(--ac);color:#fff}
.kp{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:var(--s2);margin-bottom:var(--s2)}
.kp .box h2{margin:4px 0 0}
.chart{display:flex;align-items:flex-end;gap:6px;height:170px}
.cbar{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;height:100%;font-size:10px;color:var(--mu);min-width:0}
.cbar i{width:100%;background:var(--ac);border-radius:4px 4px 0 0;display:block;min-height:4px;transform-origin:bottom;animation:grow .6s cubic-bezier(.2,.7,.2,1) both}
.gr{display:grid;grid-template-columns:48px minmax(0,1fr) 120px 110px 110px auto 36px;gap:12px;align-items:center;padding:10px 0;border-bottom:1px solid var(--br)}
.gp{width:48px;height:60px;border-radius:8px;min-height:0}
.gr label{display:grid;gap:2px;font-size:12px;color:var(--mu)}
.gt input[type=number]{height:38px;border:1px solid var(--br);border-radius:8px;padding:0 8px;background:var(--cd);color:var(--tx);width:100%}
.gr .cl{display:flex;gap:6px;align-items:center;font-size:13px;color:var(--tx)}
.ans{background:var(--soft);border-left:3px solid var(--ac);border-radius:8px;padding:8px 12px;margin-top:8px;font-size:14px}
.rp{display:flex;gap:8px;margin-top:8px;align-items:flex-start}
.rp textarea{flex:1;border:1px solid var(--br);border-radius:10px;padding:8px;background:var(--cd);color:var(--tx);font:inherit;resize:vertical;min-width:0}
.tw{overflow-x:auto;border:1px solid var(--br);border-radius:var(--r);background:var(--cd)}
.tbl{width:100%;min-width:780px;border-collapse:collapse;margin:0}
.tbl th{position:sticky;top:0;background:var(--cd);text-align:left;font-size:12px;color:var(--mu);font-weight:600;padding:10px 12px;border-bottom:1px solid var(--br);white-space:nowrap}
.tbl td{padding:8px 12px;border-bottom:1px solid var(--br);vertical-align:middle}
.tbl td:first-child{color:inherit}
.tbl tr:hover td{background:var(--bg)}
.tbl tr[hidden]{display:none}
.tbl input[type=number]{width:100px;height:36px;border:1px solid var(--br);border-radius:8px;padding:0 8px;background:var(--cd);color:var(--tx)}
.tbl .gp{width:40px;height:52px;border-radius:6px}
.tg{position:relative;width:48px;height:28px;flex:none}
.tg input{opacity:0;position:absolute;inset:0;margin:0;cursor:pointer;z-index:1;width:100%;height:100%}
.tg i{position:absolute;inset:0;background:var(--br);border-radius:14px;transition:background .25s}
.tg i:after{content:"";position:absolute;top:3px;left:3px;width:22px;height:22px;border-radius:50%;background:#fff;transition:transform .25s}
.tg input:checked+i{background:var(--ac)}
.tg input:checked+i:after{transform:translateX(20px)}
.t2{display:flex;gap:16px;flex-wrap:wrap;align-items:flex-start;margin-top:12px}
#qrb{background:#fff;padding:8px;border-radius:12px;width:176px;height:176px;flex:none}
#qrb svg{width:100%;height:100%;display:block}
#qrb svg path{fill:#111}
.qr-fallback{margin:0;padding:8px;color:#222;background:#fff;border-radius:8px;font-size:13px;line-height:1.4}
.key{display:block;background:var(--bg);padding:8px 12px;border-radius:8px;letter-spacing:.12em;font-size:15px;word-break:break-all;margin:6px 0}
.dv{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:10px 0;border-bottom:1px solid var(--br)}
.dv:last-of-type{border-bottom:0}
.cur{display:inline-block;background:var(--soft);color:var(--ac);font-size:12px;font-weight:600;border-radius:8px;padding:1px 8px;margin-left:6px}
.stp2{display:flex;gap:8px;margin-bottom:var(--s2);overflow-x:auto}
.stp2 button{display:flex;align-items:center;gap:8px;padding:8px 12px;border:1px solid var(--br);border-radius:12px;background:var(--cd);white-space:nowrap;color:var(--mu)}
.stp2 button.on{border-color:var(--ac);color:var(--tx);background:var(--soft)}
.stp2 i{width:22px;height:22px;border-radius:50%;background:var(--br);display:flex;align-items:center;justify-content:center;font-style:normal;font-size:12px;font-weight:700;color:var(--tx)}
.stp2 .on i{background:var(--ac);color:#fff}
.stp2 .done i{background:#1a9d55;color:#fff}
.wn{display:flex;justify-content:space-between;gap:8px;margin-top:var(--s2)}
.dz{border:2px dashed var(--br);border-radius:14px;padding:20px;text-align:center;cursor:pointer;transition:border-color .2s,background .2s;color:var(--mu)}
.dz.over,.dz:hover{border-color:var(--ac);background:var(--soft)}
.dz svg{color:var(--ac)}
.dz input[type=file]{display:none}
.mg{display:grid;grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:8px;margin-top:8px}
.mi{position:relative;aspect-ratio:3/4;border-radius:10px;overflow:hidden;border:2px solid var(--br);background:var(--bg)}
.mi.main{border-color:var(--ac)}
.mi .mp{position:absolute;inset:0;background-size:cover;background-position:center;display:flex;align-items:center;justify-content:center;font-size:11px;color:var(--mu);text-align:center;padding:4px}
.mi button{position:absolute;top:4px;right:4px;width:24px;height:24px;border-radius:50%;background:rgba(0,0,0,.65);color:#fff;font-size:16px;line-height:1}
.mi .mk{position:absolute;left:4px;bottom:4px;background:var(--ac);color:#fff;font-size:11px;padding:1px 6px;border-radius:6px}
.mi .mk2{position:absolute;left:4px;bottom:4px;background:rgba(0,0,0,.65);color:#fff;font-size:11px;padding:1px 6px;border-radius:6px}
.vi{display:flex;align-items:center;gap:8px;padding:8px 10px;border:1px solid var(--br);border-radius:10px;margin-top:8px}
.vi span{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.vi button{color:#c0392b;font-size:18px}
.lr{display:flex;gap:8px;margin-top:8px}
.lr input{flex:1;min-width:0}
.idb{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:12px;border:1px solid var(--br);border-radius:12px}
.idb>div{display:flex;flex-direction:column;gap:2px;min-width:0}
.idb b{overflow-wrap:anywhere}
.bcv{grid-column:1/-1;background:#fff;padding:8px;border-radius:8px;text-align:center}
.bcv svg{max-width:260px;width:100%;height:auto}
.lk2{text-align:left;font-weight:700;color:var(--tx)}
.lk2:hover{color:var(--ac)}
.ia{display:flex;gap:4px}
.ia button{width:34px;height:34px;border-radius:8px;display:flex;align-items:center;justify-content:center;color:var(--mu)}
.ia button:hover{background:var(--soft);color:var(--ac)}
.ia .dn:hover{color:#c0392b}
.sx{font-size:12px;color:var(--mu);font-family:ui-monospace,Menlo,monospace}
.sx{white-space:nowrap}
.tbl td{padding:8px 10px}
.tbl input[type=number]{width:88px}
.lk2{font-size:14px}
.bcv{align-items:center}
.gis .gt{display:flex;gap:12px;align-items:center}