
:root{
  --sci-text:#10294d; --sci-muted:#6e7f99; --sci-border:#e1e7ef; --sci-bg:#f7f9fc;
  --sci-red:#ba181c; --sci-shadow:0 8px 26px rgba(15,39,72,.05);
}
.sci-wrap{max-width:1460px;margin:0 auto;padding:34px 28px 50px;font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--sci-text)}
.sci-wrap *{box-sizing:border-box}
.sci-head{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:24px}
.sci-head h1{margin:0 0 7px;font-size:36px;line-height:1.1;font-weight:750;color:var(--sci-text)}
.sci-head p{margin:0;color:var(--sci-muted);font-size:15px}
.sci-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.sci-card,.sci-panel{background:#fff;border:1px solid var(--sci-border);border-radius:14px;box-shadow:var(--sci-shadow)}
.sci-card{padding:20px}
.sci-card-head{display:grid;grid-template-columns:auto 1fr auto;gap:13px;align-items:center;margin-bottom:18px}
.sci-card-head h2,.sci-panel h2{margin:0 0 3px;font-size:18px;font-weight:750;color:var(--sci-text)}
.sci-card-head p,.sci-panel p{margin:0;color:var(--sci-muted);font-size:13px}
.sci-provider-icon{width:46px;height:46px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:800}
.sci-provider-icon--woo{background:#f0ebff;color:#7d4df5}
.sci-provider-icon--vs{background:#eaf2ff;color:#1d6df2}
.sci-provider-icon--fravega{background:#fff2e2;color:#ff8a00}
.sci-provider-icon--wms{background:#eaf8ec;color:#27aa4d}
.sci-status{padding:6px 9px;border-radius:999px;font-size:11px;font-weight:750;white-space:nowrap}
.sci-status--muted{background:#f1f3f6;color:#748196}.sci-status--info{background:#eaf2ff;color:#2869dc}
.sci-fields{display:grid;gap:11px}
.sci-fields label,.sci-search-row label{display:grid;gap:6px;color:#44536b;font-size:12px;font-weight:700}
.sci-fields input,.sci-search-row input,.sci-search-row select{width:100%;min-height:42px;border:1px solid #d7dee8;border-radius:9px;padding:9px 11px;background:#fff;color:#223954;font:inherit;outline:none}
.sci-fields input:focus,.sci-search-row input:focus,.sci-search-row select:focus{border-color:#8ba7d4;box-shadow:0 0 0 3px rgba(64,105,170,.08)}
.sci-two{display:grid;grid-template-columns:1fr 1fr;gap:11px}
.sci-actions{display:flex;gap:9px;margin-top:16px;flex-wrap:wrap}
.sci-btn{min-height:40px;border:0;border-radius:9px;padding:0 14px;background:linear-gradient(135deg,#d92d32,#ba181c);color:#fff!important;font-weight:750;font-size:13px;cursor:pointer;text-decoration:none!important;display:inline-flex;align-items:center;justify-content:center}
.sci-btn:hover{filter:brightness(.98);transform:translateY(-1px)}
.sci-btn--secondary{background:#eef3f8;color:#30445f!important}
.sci-btn--ghost{background:#fff;color:#30445f!important;border:1px solid #dbe2eb}
.sci-result{min-height:20px;margin-top:12px;font-size:12px;font-weight:650}
.sci-result.is-ok{color:#16833e}.sci-result.is-error{color:#ba181c}.sci-result.is-loading{color:#60718a}
.sci-note{margin:12px 0 0!important;padding:11px 12px;border-radius:9px;background:#f7f9fc;color:#687991!important;font-size:12px!important;line-height:1.45}
.sci-alert{padding:14px;border-radius:10px;background:#fff;border:1px solid var(--sci-border)}.sci-alert--error{color:#a5171c;background:#fff0f1;border-color:#ffd5d8}
.sci-panel{padding:20px;margin-bottom:18px}.sci-panel--muted{background:#fbfcfe}
.sci-panel-head{margin-bottom:16px}
.sci-search-row{display:grid;grid-template-columns:220px minmax(240px,1fr) auto;gap:12px;align-items:end}
.sci-grow{min-width:0}
.sci-order-result{margin-top:18px}
.sci-diag-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.sci-diag-box{border:1px solid #e4e9f0;border-radius:11px;padding:15px;background:#fff}
.sci-diag-box h3{margin:0 0 10px;font-size:15px;color:#173354}
.sci-kv{display:grid;grid-template-columns:130px 1fr;gap:7px 10px;font-size:12.5px}.sci-kv b{color:#697993}.sci-kv span{color:#243b59;word-break:break-word}
.sci-not-found{padding:12px;border-radius:9px;background:#fff4e8;color:#9a5b00;font-weight:700;font-size:12px}
.sci-found{padding:10px;border-radius:9px;background:#edf9f0;color:#13733a;font-weight:700;font-size:12px;margin-bottom:10px}
@media(max-width:900px){.sci-grid,.sci-diag-grid{grid-template-columns:1fr}.sci-search-row{grid-template-columns:1fr}.sci-two{grid-template-columns:1fr}.sci-head{flex-direction:column}}
@media(max-width:600px){.sci-wrap{padding:24px 14px 38px}.sci-head h1{font-size:30px}}
