#page-swms.swx-page{--swx-green:#079978;--swx-deep:#083f3a;--swx-ink:#102f3a;--swx-muted:#647b83;--swx-line:#dce8e5;--swx-soft:#f2f8f6;background:#f6f9f8;padding:18px 20px 32px}
.swx-hero{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:14px;padding:2px 2px 0}.swx-kicker{font-size:10px;font-weight:900;letter-spacing:.13em;text-transform:uppercase;color:#087d68}.swx-hero h1{font-size:27px;line-height:1.12;margin:5px 0 5px;color:#082d39}.swx-hero p{font-size:12px;color:var(--swx-muted);margin:0;max-width:720px;line-height:1.45}.swx-hero-actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.swx-btn{border:1px solid #cdddda;background:#fff;color:#163e49;border-radius:9px;padding:9px 13px;font-size:11px;font-weight:850;cursor:pointer;display:inline-flex;align-items:center;gap:6px}.swx-btn:hover{border-color:#78b9aa;color:#00755f}.swx-btn.primary{background:linear-gradient(135deg,#08a17e,#087b65);border-color:#087b65;color:#fff;box-shadow:0 7px 18px rgba(8,123,101,.18)}.swx-btn.dark{background:#0b3c36;border-color:#0b3c36;color:#fff}.swx-btn.danger{color:#b52f2b;border-color:#efc3c0;background:#fff8f7}.swx-btn.compact{padding:6px 9px;border-radius:7px}
.swx-tabs{display:flex;gap:3px;overflow-x:auto;background:#fff;border:1px solid var(--swx-line);border-radius:12px;padding:5px;margin-bottom:13px;scrollbar-width:thin}.swx-tabs button{border:0;background:transparent;color:#647a82;border-radius:8px;padding:9px 13px;font-size:11px;font-weight:800;white-space:nowrap;cursor:pointer}.swx-tabs button.active{background:#e6f5f1;color:#00745f;font-size:13px;font-weight:950;box-shadow:inset 0 -2px #079978}.swx-tabs button i{margin-right:5px}
.swx-view{display:none}.swx-view.active{display:block}.swx-grid{display:grid;gap:11px}.swx-grid.metrics{grid-template-columns:repeat(5,minmax(0,1fr));margin-bottom:12px}.swx-grid.two{grid-template-columns:1.2fr .8fr}.swx-metric,.swx-panel{background:#fff;border:1px solid var(--swx-line);border-radius:13px}.swx-metric{padding:13px;min-height:96px;position:relative;overflow:hidden}.swx-metric:after{content:"";position:absolute;width:62px;height:62px;border-radius:50%;right:-20px;bottom:-28px;background:#e4f4ef}.swx-metric i{width:31px;height:31px;border-radius:9px;background:#e1f4ee;color:#07876e;display:flex;align-items:center;justify-content:center;font-size:17px;margin-bottom:8px}.swx-metric b{display:block;font-size:24px;line-height:1;color:var(--swx-ink)}.swx-metric span{display:block;font-size:9px;text-transform:uppercase;letter-spacing:.04em;color:#667d85;font-weight:850;margin-top:5px}.swx-panel{padding:14px}.swx-panel-head{display:flex;justify-content:space-between;align-items:flex-start;gap:10px;margin-bottom:10px}.swx-panel-head h3{font-size:14px;color:var(--swx-ink);margin:0}.swx-panel-head p{font-size:10px;color:var(--swx-muted);margin:3px 0 0}.swx-list{display:flex;flex-direction:column}.swx-row{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;padding:10px 0;border-bottom:1px solid #edf2f1}.swx-row:last-child{border-bottom:0}.swx-row strong{display:block;font-size:11px;color:#163b47}.swx-row small{display:block;font-size:10px;color:#71858c;margin-top:3px}.swx-empty{text-align:center;padding:42px 18px;border:1px dashed #b9cfca;border-radius:11px;color:#72858c;background:#fbfdfc}.swx-empty i{display:block;font-size:31px;color:#78b8a9;margin-bottom:8px}.swx-empty strong{display:block;color:#244b55;font-size:13px;margin-bottom:4px}.swx-pill{display:inline-flex;align-items:center;gap:4px;border-radius:99px;padding:4px 8px;font-size:9px;font-weight:850;background:#edf2f1;color:#597079;white-space:nowrap}.swx-pill.green{background:#e3f5e9;color:#207641}.swx-pill.amber{background:#fff1d8;color:#a05d00}.swx-pill.red{background:#ffe8e6;color:#b72e29}.swx-pill.blue{background:#e8f0fe;color:#2365b4}
.swx-register-tools{display:grid;grid-template-columns:minmax(220px,1.4fr) repeat(3,minmax(130px,.55fr)) auto;gap:8px;align-items:end;background:#fff;border:1px solid var(--swx-line);border-radius:12px;padding:11px;margin-bottom:12px}.swx-register-tools label{display:block;font-size:9px;color:#5c7580;font-weight:850;text-transform:uppercase;margin:0 0 4px}.swx-register-tools input,.swx-register-tools select,.swx-drawer input,.swx-drawer select,.swx-drawer textarea,.swx-enhance input,.swx-enhance select,.swx-enhance textarea{width:100%;border:1px solid #d6e2df;border-radius:8px;background:#fff;padding:9px 10px;font-size:11px;color:#173b46;outline:none}.swx-register-tools input:focus,.swx-register-tools select:focus,.swx-drawer input:focus,.swx-drawer select:focus,.swx-drawer textarea:focus,.swx-enhance input:focus,.swx-enhance select:focus,.swx-enhance textarea:focus{border-color:#26a68a;box-shadow:0 0 0 3px rgba(38,166,138,.11)}
#page-swms.swx-page #swms-list-view>.card{display:none}#page-swms.swx-page #swms-list-view .data-table{background:#fff;border-radius:12px}#page-swms.swx-page #swms-list-view .data-table thead{background:#eaf6f2}
.swx-readiness{display:grid;grid-template-columns:minmax(0,1.3fr) repeat(4,minmax(95px,.45fr));gap:8px;align-items:center;background:#fff;border:1px solid var(--swx-line);border-radius:12px;padding:10px 12px;margin-bottom:12px}.swx-readiness h3{font-size:13px;margin:0;color:#153c47}.swx-readiness p{font-size:9px;color:#6b8188;margin:3px 0 0}.swx-ready-item{border-left:1px solid #e6eeec;padding-left:10px}.swx-ready-item small{display:block;color:#71868d;font-size:8px;text-transform:uppercase;font-weight:800}.swx-ready-item b{display:block;color:#173e49;font-size:11px;margin-top:2px}.swx-enhance{margin-bottom:14px}.swx-enhance-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.swx-field label{display:block;font-size:10px;font-weight:800;color:#536e77;margin:0 0 5px}.swx-field.full{grid-column:1/-1}.swx-field.two{grid-column:span 2}.swx-step-meta{display:grid;grid-template-columns:1fr 1fr;gap:5px;margin-top:6px}.swx-step-meta input,.swx-step-meta select{font-size:10px!important;padding:6px!important}.swx-related{margin-top:14px}.swx-related-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.swx-related-card{border:1px solid #dfeae7;border-radius:10px;padding:10px;background:#fff}.swx-related-card i{color:#07866e;font-size:16px}.swx-related-card b{display:block;font-size:18px;color:#163a45;margin-top:7px}.swx-related-card span{font-size:9px;color:#6b8188}
.swx-drawer-bg{display:none;position:fixed;inset:0;background:rgba(5,27,34,.52);z-index:1900;justify-content:flex-end}.swx-drawer-bg.open{display:flex}.swx-drawer{width:min(600px,100%);height:100%;background:#f7faf9;display:flex;flex-direction:column;box-shadow:-10px 0 30px rgba(0,0,0,.2)}.swx-drawer-head{background:linear-gradient(135deg,#0b433c,#07836c);color:#fff;padding:17px 19px;display:flex;justify-content:space-between;gap:10px}.swx-drawer-head h2{font-size:18px;margin:2px 0}.swx-drawer-head span{font-size:9px;text-transform:uppercase;letter-spacing:.1em;color:#c8ebe3;font-weight:850}.swx-drawer-body{flex:1;overflow:auto;padding:16px 18px}.swx-drawer-foot{background:#fff;border-top:1px solid var(--swx-line);padding:12px 18px;display:flex;justify-content:flex-end;gap:8px}.swx-form{display:grid;grid-template-columns:1fr 1fr;gap:10px}.swx-drawer textarea{min-height:80px;resize:vertical}.swx-note{padding:10px 12px;border-radius:9px;background:#edf5fb;border-left:3px solid #3477bc;color:#456775;font-size:10px;line-height:1.45;margin-bottom:12px}.swx-warning{background:#fff4df;border-left-color:#df9200;color:#795a1f}
@media(max-width:1100px){.swx-grid.metrics{grid-template-columns:repeat(3,1fr)}.swx-register-tools{grid-template-columns:repeat(2,minmax(0,1fr))}.swx-grid.two{grid-template-columns:1fr}.swx-related-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:720px){#page-swms.swx-page{padding:10px}.swx-hero{flex-direction:column}.swx-hero-actions{justify-content:flex-start}.swx-grid.metrics{grid-template-columns:repeat(2,1fr)}.swx-register-tools,.swx-enhance-grid,.swx-form{grid-template-columns:1fr}.swx-field.two,.swx-field.full{grid-column:auto}.swx-readiness{grid-template-columns:1fr 1fr}.swx-readiness>div:first-child{grid-column:1/-1}.swx-ready-item{border-left:0;border-top:1px solid #e6eeec;padding:8px 0 0}.swx-tabs button.active{font-size:12px}.swx-related-grid{grid-template-columns:1fr 1fr}}