.vs-workspace{--vs-ink:#132f46;--vs-accent:#087c74;color:var(--vs-ink)}
#app-view .vs-workspace>header.vs-hero{display:block;position:relative;height:auto;min-height:0;text-align:left}
#app-view .vs-workspace>header.vs-hero h2{max-width:800px}
#app-view:has(.vs-workspace.active) .nav-button::after{display:none}
@media(max-width:880px){
 #app-view:has(.vs-workspace.active)>aside{position:relative;display:grid;grid-template-columns:1fr auto auto;gap:10px;padding:14px 16px;max-height:none}
 #app-view:has(.vs-workspace.active)>aside .aside-brand{padding:0;border:0;margin:0}
 #app-view:has(.vs-workspace.active)>aside .workspace-settings{display:none}
 #app-view:has(.vs-workspace.active)>aside:has(.mobile-open) .workspace-settings{display:block;grid-column:1/-1;grid-row:2}
 #app-view:has(.vs-workspace.active)>aside #main-navigation{grid-column:1/-1}
 #app-view:has(.vs-workspace.active)>aside #logout{grid-column:3;grid-row:1;font-size:12px}
 #app-view:has(.vs-workspace.active)>aside #mobile-menu-toggle{grid-column:2;grid-row:1;font-size:12px}
 #app-view:has(.vs-workspace.active) .workspace-position{position:relative}
 #app-view:has(.vs-workspace.active)>main>header{display:block}
 #app-view:has(.vs-workspace.active)>main>header .header-actions{margin-top:14px}
}
.vs-workspace *{box-sizing:border-box;min-width:0}.vs-workspace p{line-height:1.6;font-size:16px}.vs-workspace h2{font-size:clamp(28px,4vw,44px);line-height:1.12;letter-spacing:-.035em}.vs-workspace h3{font-size:21px;line-height:1.25}.vs-workspace small{font-size:14px;color:#506476}.vs-workspace button,.vs-workspace input,.vs-workspace select,.vs-workspace textarea{min-height:46px;font:inherit;border-radius:10px}.vs-workspace label{font-size:14px;display:grid;gap:8px}.vs-workspace input,.vs-workspace select,.vs-workspace textarea{padding:12px;border:1px solid #b9cad6;background:#fff;width:100%;color:#15324a}.vs-workspace textarea{min-height:86px}.vs-workspace button{white-space:normal}.vs-workspace button:focus-visible,.vs-workspace input:focus-visible,.vs-workspace summary:focus-visible{outline:3px solid #378cda;outline-offset:3px}
.vs-hero{background:linear-gradient(120deg,#132d48,#135669);color:#fff;border-radius:24px;padding:32px;margin-bottom:24px}.vs-hero h2{margin:10px 0 16px;color:#fff}.vs-hero small{color:#a3e1de}.vs-hero p{max-width:760px;color:#e0edf4}.vs-hero button{background:#fff;color:#12344b}
.vs-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.vs-card{border:1px solid #d5e1e9;background:#fff;border-radius:18px;padding:24px;margin-bottom:18px;overflow-wrap:anywhere}.vs-card h3{margin:10px 0 14px}.vs-card.soft{background:#f2faf7}.vs-core-card{border-left:4px solid #008a75}.vs-status{display:inline-block;background:#eef4f7;padding:6px 10px;font-size:13px;border-radius:30px;line-height:1.4}.vs-status.held,.vs-status.rejected{background:#fff0e9;color:#923b1d}.vs-status.stored,.vs-status.released{background:#e3f5ec;color:#175e46}
.vs-actions{display:flex;gap:12px;flex-wrap:wrap;margin:14px 0}.vs-toolbar{display:flex;align-items:end;gap:12px;flex-wrap:wrap;margin:24px 0}.vs-toolbar label{flex:1;min-width:160px}.vs-notice{padding:16px;border-left:3px solid #629bb8;background:#f1f6f9;border-radius:10px;line-height:1.6}.vs-error{color:#9a2f24;background:#fff1ec}.vs-message:empty{display:none}.vs-message{padding:14px 16px;background:#edf6f3;border-radius:10px;overflow-wrap:anywhere}
.vs-stock-layout{display:grid;grid-template-columns:minmax(250px,.85fr) minmax(0,1.5fr);gap:22px;align-items:start}.vs-stock-list{display:grid;gap:12px}.vs-stock-row{width:100%;text-align:left;background:#fff;color:#17354d;border:1px solid #cfdde6;border-radius:16px;padding:20px;display:grid;gap:8px;box-shadow:none}.vs-stock-row strong{font-size:19px}.vs-stock-row[aria-pressed=true]{border:2px solid #0d8175;background:#f2faf7}.vs-stock-facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.vs-stock-facts div{background:#f3f7f9;border-radius:12px;padding:16px}.vs-stock-facts strong{display:block;font-size:20px;margin-top:6px}.vs-workspace form{display:grid;gap:16px}.vs-workspace form.vs-toolbar{display:flex}.vs-unit-check{display:flex!important;align-items:center;padding:12px;background:#f1f6f8;border-radius:10px}.vs-unit-check input{width:24px;flex-shrink:0}.vs-unit-check span{overflow-wrap:anywhere}.vs-workspace details{padding:12px 0}.vs-workspace summary{padding:8px 0;min-height:44px;cursor:pointer;font-weight:650}.vs-journal{padding-left:22px}.vs-journal li{padding:8px 0 20px;overflow-wrap:anywhere}.vs-workspace [hidden]{display:none!important}
@media(max-width:1100px){.vs-cards{grid-template-columns:1fr}.vs-stock-layout{grid-template-columns:1fr}.vs-stock-list{grid-template-columns:repeat(2,minmax(0,1fr));max-height:420px;overflow:auto}}
@media(max-width:600px){.vs-stock-list{grid-template-columns:1fr}.vs-card,.vs-hero{padding:20px}.vs-toolbar label{min-width:100%}.vs-actions button{flex:1}.vs-stock-facts{grid-template-columns:1fr 1fr}}