.workspace-shell{max-width:1500px;margin:auto;padding:clamp(22px,5vw,72px)}.workspace-head{padding:28px 0 38px;border-bottom:1px solid #486857}.workspace-head h1{font-size:clamp(42px,6vw,76px);letter-spacing:-.055em;margin:10px 0}.workspace-head p{max-width:730px;color:#c2d6c8;line-height:1.6}.workspace-actions{display:flex;gap:20px;align-items:center;flex-wrap:wrap;margin-top:24px}.workspace-actions span{color:#cce1d2}.workspace-layout{display:grid;grid-template-columns:220px minmax(0,1fr);gap:34px;padding:35px 0}.workspace-nav{display:flex;flex-direction:column;align-items:stretch;gap:7px}.workspace-nav button{min-height:48px;text-align:left;padding:12px 15px;border:1px solid #557864;background:#193a2f;color:#edf5ed;text-transform:capitalize;border-radius:6px}.workspace-nav button:hover,.workspace-nav button:focus-visible{background:#2d5440}.workspace-layout h2{font-size:clamp(26px,3vw,38px);margin:0 0 22px;text-transform:capitalize}.workspace-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,270px),1fr));gap:16px;min-height:100px}.workspace-card{background:#17372b;border:1px solid #43624c;border-radius:8px;padding:22px;overflow-wrap:anywhere}.workspace-card h3{font-size:20px;margin:0 0 12px}.workspace-card p{color:#d0dfd3;line-height:1.5}.workspace-card small{color:#c7e79d}.workspace-limit{border-top:1px solid #486857;color:#b4c6b8;padding-top:24px;font-size:13px}@media(max-width:800px){.workspace-layout{grid-template-columns:1fr;gap:20px}.workspace-nav{flex-direction:row;overflow-x:auto;padding:3px 0 12px;scroll-snap-type:x proximity}.workspace-nav button{flex:0 0 auto;scroll-snap-align:start}.workspace-head{padding-top:8px}.workspace-actions button{min-height:48px}}@media(prefers-reduced-motion:reduce){.workspace-nav{scroll-behavior:auto}}
.workspace-forms{grid-column:1/-1;border-top:1px solid #557864;padding-top:24px}.workspace-forms>h3{font-size:22px}.workspace-action{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,210px),1fr));gap:14px;margin:0 0 20px;padding:22px;background:#14382a;border:1px solid #54715e;border-radius:8px}.workspace-action h4{grid-column:1/-1;margin:0;font-size:18px;text-transform:capitalize}.workspace-action label{display:flex;flex-direction:column;gap:8px;text-transform:capitalize;color:#dceadf;font-size:14px}.workspace-action input,.workspace-action select{width:100%;min-height:48px;padding:12px;background:#0e271e;color:#fff;border:1px solid #66896e;border-radius:4px}.workspace-action button{align-self:end;min-height:48px;background:#c2e68f;border:0;border-radius:4px;color:#133123;font-weight:700;padding:12px 18px}.workspace-action button:disabled{opacity:.6;cursor:wait}@media(max-width:640px){.workspace-action{grid-template-columns:1fr}.workspace-action button{width:100%}#workspace-logout{min-height:48px}}

/* Keep the private header and grid within actual 320–390px mobile viewports. */
.workspace-shell,.workspace-layout,.workspace-layout>section,.workspace-grid,.workspace-forms{min-width:0;max-width:100%}.workspace-card{min-width:0}@media(max-width:640px){.header{flex-wrap:wrap;gap:12px;padding:16px}.header .brand{min-width:0;font-size:23px}.header nav{display:flex;order:3;width:100%;gap:12px}.header .state{margin-left:auto}.workspace-shell{padding:18px}.workspace-actions{align-items:stretch}.workspace-action{padding:16px}.workspace-action input,.workspace-action select{min-width:0}}