/* Shared navigation around the original tools. No changes to their data hooks. */
.workspace-page { --workspace-nav:248px; --workspace-header:72px; margin:0!important; padding:0!important; }
.workspace-page>.app,.workspace-page>.da-shell { margin:0 0 0 var(--workspace-nav)!important; width:calc(100% - var(--workspace-nav))!important; max-width:none!important; padding:30px!important; min-width:0; }
.workspace-page>.app>.topbar,.workspace-page>.site-header { display:none!important; }
.workspace-page>.app>.main { margin:0 auto!important; padding:0!important; width:100%!important; max-width:1500px; }
.workspace-page>.app>.main>.content-col { min-width:0; }
.ws-header { position:sticky!important; top:0; z-index:100!important; height:72px; display:flex; align-items:center; gap:28px; padding:0 24px; background:#fff!important; border-bottom:1px solid #e5e2ee; }
.ws-brand { display:flex; align-items:center; gap:10px; text-decoration:none!important; color:#302e45!important; font-size:22px; font-weight:750; letter-spacing:-.7px; width:200px; flex-shrink:0; }
.ws-brand img { width:32px; height:32px; object-fit:contain; }
.ws-brand sup { font-size:10px; vertical-align:super; margin-left:2px; }
.ws-icon { width:19px; height:19px; flex-shrink:0; fill:none!important; stroke:currentColor; stroke-width:1.7; stroke-linecap:round; stroke-linejoin:round; }
.ws-crumb { display:flex; align-items:center; gap:12px; font-size:13px; color:#68667c; }
.ws-crumb strong { color:#4e4664; }
.ws-actions { margin-left:auto; display:flex; align-items:center; gap:18px; }
.ws-help { display:flex; gap:8px; align-items:center; font-size:13px; color:#68667c!important; text-decoration:none!important; }
.ws-icon-button { display:inline-flex!important; align-items:center; justify-content:center; width:42px!important; height:42px; padding:0!important; border:1px solid transparent!important; border-radius:12px!important; background:#f2edfb!important; color:#6141b4!important; cursor:pointer; }
.ws-mobile-toggle,.ws-close { display:none!important; }
.ws-nav { position:fixed!important; left:0; top:72px; bottom:0; z-index:110!important; width:248px; overflow-y:auto; background:#fff!important; border-right:1px solid #e5e2ee; padding:24px 12px 16px; display:flex; flex-direction:column; }
.ws-nav-label { display:flex; align-items:center; justify-content:space-between; margin:0 12px 14px; font-size:10px; font-weight:700; text-transform:uppercase; letter-spacing:.12em; color:#71687f; }
.ws-nav-label:not(:first-child) { margin-top:26px; }
.ws-nav nav { display:grid; gap:5px; }
.ws-nav a { display:flex; align-items:center; gap:12px; padding:12px; min-height:44px; border-radius:12px; font-size:14px; font-weight:600; line-height:1.4; text-decoration:none!important; color:#686078!important; }
.ws-nav a .ws-icon { color:#8f77b6; }
.ws-nav a:nth-child(3n) .ws-icon { color:#bf7456; }
.ws-nav a:hover { background:#f6f3fb!important; }
.ws-nav a[aria-current=page] { background:#eee8fa!important; color:#6141b4!important; }
.ws-support { margin:30px 0 0; padding:18px; border-radius:18px; background:#f4f0fc; }
.ws-support p { font-size:13px; line-height:1.55; margin:10px 0; }
.ws-support strong { font-size:14px; }
.ws-support a { padding:0; font-size:13px; }
.ws-account { position:relative; }
.ws-account-panel { position:absolute; top:52px; right:0; width:280px; max-width:calc(100vw - 24px); padding:18px; background:#fff!important; border:1px solid #e5e2ee; border-radius:16px; box-shadow:0 14px 45px #302e4518; }
.ws-account-panel strong { font-size:15px; }
.ws-account-panel p { overflow-wrap:anywhere; font-size:13px; margin:8px 0; }
.ws-account-panel :is(a,button) { display:block; width:100%; padding:12px; text-align:left; background:transparent!important; border:0!important; border-radius:10px!important; font:600 14px/1.4 'Source Sans 3',sans-serif; color:#4e4664!important; text-decoration:none!important; cursor:pointer; }
.ws-account-panel :is(a,button):hover { background:#f4f0fc!important; }
.ws-account-panel [role=status] { color:#925619!important; }
.ws-backdrop { position:fixed; inset:0; z-index:105; background:#25203766; }
.ws-skip { position:fixed; top:-100px; left:16px; padding:12px; background:#fff; z-index:10001; }
.ws-skip:focus { top:12px; }
.ws-language #prp-lang-switcher { position:static!important; display:flex!important; background:#f4f1f9!important; border:0!important; box-shadow:none!important; border-radius:10px!important; padding:3px!important; }
.ws-language #prp-lang-switcher button { min-width:34px; padding:6px!important; min-height:32px; font-size:11px!important; border:0!important; border-radius:7px!important; background:transparent!important; color:#68667c!important; }
.ws-language #prp-lang-switcher button[aria-pressed=true] { background:#fff!important; color:#6141b4!important; }
.workspace-page [hidden] { display:none!important; }
@media(max-width:1100px) { .ws-crumb>span:first-child,.ws-help span { display:none; } .ws-crumb { max-width:250px; } }
@media(max-width:1000px) {
 .workspace-page>.app,.workspace-page>.da-shell { width:100%!important; margin:0!important; padding:24px!important; }
 .ws-header { padding:0 18px; gap:12px; }
 .ws-brand { width:auto; }
 .ws-crumb { margin-left:10px; }
 .ws-mobile-toggle,.ws-close { display:inline-flex!important; flex-shrink:0; }
 .ws-nav { top:0; width:min(290px,calc(100vw - 48px)); transform:translateX(-100%); transition:transform .2s; }
 .workspace-nav-open .ws-nav { transform:translateX(0); }
 .workspace-nav-open { overflow:hidden!important; }
}
@media(max-width:640px) {
 .ws-header { height:64px; padding:0 12px; gap:10px; }
 .ws-brand { font-size:20px; gap:7px; }
 .ws-brand img { width:27px; height:27px; }
 .ws-crumb,.ws-help { display:none; }
 .ws-actions { gap:8px; }
 .ws-icon-button { width:36px!important; height:38px; }
 .workspace-page>.app,.workspace-page>.da-shell { padding:18px 14px!important; }
}
@media(max-width:360px) { .ws-brand span { font-size:17px; } .ws-header { gap:6px; padding:0 8px; } .ws-actions { gap:4px; } }
@media print { .ws-header,.ws-nav,.ws-backdrop,.ws-skip { display:none!important; } .workspace-page>.app,.workspace-page>.da-shell { width:100%!important; margin:0!important; padding:0!important; } }