.sov-page{--sov-ink:#082f3b;--sov-muted:#617982;--sov-line:#d9e5e2;--sov-soft:#f5faf8}
.sov-hero{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;margin-bottom:18px}
.sov-kicker{font-size:11px;font-weight:800;letter-spacing:.11em;text-transform:uppercase;color:#087b68;margin-bottom:7px}.sov-hero h1{font-size:29px;line-height:1.1;color:var(--sov-ink);margin:0}.sov-hero p{max-width:760px;color:var(--sov-muted);font-size:13px;line-height:1.55;margin-top:7px}.sov-actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}
.sov-btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;border:1px solid #cbdad6;background:#fff;color:var(--sov-ink);border-radius:10px;padding:9px 14px;font-size:12px;font-weight:750;cursor:pointer;white-space:nowrap}.sov-btn:hover{border-color:#079a78;color:#087b68}.sov-btn.primary{background:#079a78;border-color:#079a78;color:#fff}.sov-btn.compact{padding:7px 10px}.sov-btn.danger{border-color:#f2c4c4;color:#b42318}
.sov-tabs{display:flex;gap:4px;overflow-x:auto;background:#fff;border:1px solid var(--sov-line);border-radius:13px;padding:5px;margin-bottom:16px}.sov-tabs button{border:0;background:transparent;color:#566d75;font-size:12px;font-weight:750;padding:10px 14px;border-radius:9px;white-space:nowrap;cursor:pointer}.sov-tabs button i{margin-right:7px}.sov-tabs button.active{background:#e4f5ef;color:#087b68;box-shadow:inset 0 -2px #079a78}.sov-view{display:none}.sov-view.active{display:block}
.sov-grid{display:grid;gap:14px}.sov-grid.metrics{grid-template-columns:repeat(5,minmax(130px,1fr))}.sov-grid.two{grid-template-columns:minmax(0,1.4fr) minmax(300px,.8fr)}.sov-metric,.sov-panel{background:#fff;border:1px solid var(--sov-line);border-radius:13px}.sov-metric{padding:16px;border-left:4px solid #b9ded5}.sov-metric i{color:#079a78;font-size:18px}.sov-metric b{display:block;color:var(--sov-ink);font-size:25px;margin:7px 0 2px}.sov-metric span{font-size:11px;color:var(--sov-muted);font-weight:650}.sov-panel{padding:18px;margin-top:14px}.sov-panel-head{display:flex;justify-content:space-between;gap:12px;align-items:flex-start;margin-bottom:12px}.sov-panel h3{font-size:15px;color:var(--sov-ink);margin:0}.sov-panel p{font-size:11px;color:var(--sov-muted);line-height:1.5;margin-top:3px}
.sov-note{border-left:4px solid #079a78;background:#edf8f4;border-radius:8px;padding:12px 14px;color:#35565f;font-size:12px;line-height:1.55;margin-bottom:12px}.sov-note.warning{border-color:#e99a18;background:#fff8e8}.sov-note strong{color:var(--sov-ink)}.sov-row{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:12px 2px;border-bottom:1px solid #edf1f0}.sov-row:last-child{border-bottom:0}.sov-row strong{display:block;color:var(--sov-ink);font-size:12px}.sov-row small{display:block;color:var(--sov-muted);margin-top:3px;font-size:11px}.sov-pill{display:inline-flex;align-items:center;gap:5px;border-radius:99px;padding:4px 9px;font-size:10px;font-weight:800;text-transform:capitalize;background:#eaf2f8;color:#185fa5}.sov-pill.green{background:#e4f5ec;color:#127248}.sov-pill.amber{background:#fff2d9;color:#9a5b00}.sov-pill.red{background:#fde8e7;color:#b42318}.sov-empty{text-align:center;padding:38px 20px;color:var(--sov-muted);font-size:12px}.sov-empty i{display:block;font-size:30px;color:#9bb2b4;margin-bottom:8px}.sov-empty strong{display:block;color:var(--sov-ink);font-size:13px;margin-bottom:4px}
.sov-upload-meta{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;text-align:left;margin:0 auto 18px;max-width:900px}.sov-upload-meta label,.sov-step-meta label{display:block;font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.04em;color:#5c747d;margin-bottom:5px}.sov-consent{display:flex!important;align-items:flex-start;gap:8px;font-size:11px!important;font-weight:600!important;text-transform:none!important;letter-spacing:0!important;line-height:1.45}.sov-service-state{max-width:900px;margin:0 auto 18px;text-align:left}
.sov-step-card{display:grid;grid-template-columns:220px minmax(0,1fr);border:1px solid var(--sov-line);border-radius:12px;overflow:hidden;background:#fff;margin-bottom:12px}.sov-step-image{position:relative;background:#f1f5f4;min-height:170px}.sov-step-image img{width:100%;height:170px;object-fit:cover;display:block}.sov-step-image .empty-image{height:170px;display:flex;align-items:center;justify-content:center;color:#82969c;font-size:11px}.sov-step-badge{position:absolute;background:rgba(5,37,48,.85);color:#fff;border-radius:5px;padding:3px 7px;font-size:10px}.sov-step-badge.number{top:8px;left:8px;background:#079a78}.sov-step-badge.time{bottom:8px;left:8px}.sov-step-remove{position:absolute;right:8px;top:8px;border:0;border-radius:6px;background:#b42318;color:#fff;padding:4px 7px;cursor:pointer}.sov-step-body{padding:14px}.sov-step-meta{display:grid;grid-template-columns:1.1fr .7fr .8fr;gap:10px;margin-bottom:10px}.sov-step-flags{display:flex;gap:14px;flex-wrap:wrap;margin-top:10px}.sov-step-flags label{display:flex;align-items:center;gap:7px;text-transform:none;letter-spacing:0;font-size:11px;margin:0}.sov-evidence{margin-top:9px;padding:9px 11px;background:#f5faf8;border-radius:8px;color:#516a72;font-size:10px}.sov-blocker{border-color:#e4a2a0!important;box-shadow:0 0 0 2px rgba(226,75,74,.08)}
.sov-template-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.sov-template{background:#fff;border:1px solid var(--sov-line);border-radius:13px;padding:18px}.sov-template i{font-size:23px;color:#079a78}.sov-template h3{font-size:14px;margin:10px 0 5px;color:var(--sov-ink)}.sov-template p{font-size:11px;color:var(--sov-muted);line-height:1.5}.sov-provenance{margin:20px;border:1px solid #cddbd8;border-radius:10px;padding:14px;background:#f8fbfa}.sov-provenance h3{margin:0 0 8px;font-size:13px;color:#123c48}.sov-provenance table{font-size:10px}.sov-provenance th,.sov-provenance td{padding:6px}.sov-provenance-note{font-size:10px;color:#617982;line-height:1.5;margin-bottom:8px}
@media(max-width:1050px){.sov-grid.metrics{grid-template-columns:repeat(3,1fr)}.sov-grid.two{grid-template-columns:1fr}.sov-template-grid{grid-template-columns:1fr 1fr}}
@media(max-width:760px){.sov-hero{display:block}.sov-actions{justify-content:flex-start;margin-top:12px}.sov-grid.metrics{grid-template-columns:1fr 1fr}.sov-upload-meta,.sov-step-meta{grid-template-columns:1fr}.sov-step-card{grid-template-columns:1fr}.sov-step-image,.sov-step-image img,.sov-step-image .empty-image{height:210px}.sov-template-grid{grid-template-columns:1fr}}