:root{--ws-blue:#1f6feb;--ws-green:#00c896;--ws-ink:#10213b;--ws-muted:#65758b;--ws-line:rgba(117,145,183,.2);--ws-panel:rgba(255,255,255,.82)}
.portal-workspace-page{min-height:100vh;background:radial-gradient(circle at 78% 8%,rgba(31,111,235,.10),transparent 26%),radial-gradient(circle at 15% 35%,rgba(0,200,150,.08),transparent 24%),#eef5fb;color:var(--ws-ink)}
.portal-workspace-page:not(.light-theme){--ws-ink:#f3f7ff;--ws-muted:#9fb1c8;--ws-line:rgba(156,183,220,.16);--ws-panel:rgba(12,28,48,.86);background:#071220}
.portal-workspace-page .main-nav a[aria-current="page"]{color:#00a77e;font-weight:900}
.workspace-shell{width:min(1540px,calc(100% - 36px));margin:0 auto;padding:112px 0 42px}
.workspace-loading{min-height:62vh;display:grid;place-items:center;align-content:center;gap:18px;color:var(--ws-muted)}
.workspace-loading[hidden]{display:none!important}
.workspace-loading img{width:74px;height:74px;object-fit:contain;animation:workspacePulse 1.8s ease-in-out infinite}
@keyframes workspacePulse{50%{transform:scale(1.06);filter:drop-shadow(0 0 24px rgba(0,200,150,.35))}}
.workspace-app{display:grid;gap:18px}
.workspace-app[hidden]{display:none!important}
.workspace-message{position:fixed;z-index:2147483100;right:22px;top:92px;max-width:min(420px,calc(100vw - 44px));padding:12px 15px;border:1px solid var(--ws-line);border-radius:13px;background:#fff;color:#33465f;box-shadow:0 18px 48px rgba(10,35,67,.18);font-weight:800}.workspace-message:empty{display:none}.workspace-message[data-type="success"]{color:#087b5d;background:#ecfdf5}.workspace-message[data-type="error"]{color:#b42318;background:#fff1f2}
.workspace-hero{display:flex;align-items:flex-end;justify-content:space-between;gap:28px;padding:28px 30px;border:1px solid var(--ws-line);border-radius:24px;background:linear-gradient(135deg,rgba(255,255,255,.92),rgba(238,247,255,.84));box-shadow:0 22px 60px rgba(28,66,115,.10)}
.portal-workspace-page:not(.light-theme) .workspace-hero{background:linear-gradient(135deg,rgba(13,34,58,.96),rgba(10,42,54,.86))}
.workspace-hero .eyebrow{margin:0 0 8px;color:#008f70;font-size:11px;font-weight:900;letter-spacing:.14em}
.workspace-hero h1{margin:0;font-size:clamp(30px,4vw,54px);letter-spacing:-.04em;line-height:1}
.workspace-hero p:last-child{margin:10px 0 0;color:var(--ws-muted)}
.workspace-hero-actions{display:flex;align-items:flex-end;gap:10px;flex-wrap:wrap}
.workspace-hero-actions label{display:grid;gap:6px;color:var(--ws-muted);font-size:11px;font-weight:850;text-transform:uppercase}
.workspace-hero-actions select,.workspace-form input,.workspace-form textarea,.workspace-form select,.quick-task-form input,.quick-task-form select{min-height:44px;border:1px solid var(--ws-line);border-radius:13px;background:rgba(255,255,255,.9);color:#10213b;padding:10px 12px;font:700 13px Inter,sans-serif;outline:0}
.portal-workspace-page:not(.light-theme) :is(.workspace-hero-actions select,.workspace-form input,.workspace-form textarea,.workspace-form select,.quick-task-form input,.quick-task-form select){background:#0d2139;color:#eff6ff}
.workspace-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.workspace-summary article{padding:16px 18px;border:1px solid var(--ws-line);border-radius:16px;background:var(--ws-panel);box-shadow:0 12px 34px rgba(28,66,115,.06)}
.workspace-summary span{display:block;color:var(--ws-muted);font-size:11px;font-weight:800;text-transform:uppercase}.workspace-summary strong{display:block;margin-top:6px;font-size:23px}
.project-layout,.audit-layout{display:grid;grid-template-columns:280px minmax(0,1fr);gap:16px;min-height:650px}
.project-sidebar,.project-stage,.audit-index,.audit-document{min-width:0;border:1px solid var(--ws-line);border-radius:20px;background:var(--ws-panel);box-shadow:0 18px 50px rgba(28,66,115,.08)}
.project-sidebar,.audit-index{padding:14px}.project-stage,.audit-document{padding:20px;overflow:hidden}
.workspace-panel-head{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:4px 4px 13px;border-bottom:1px solid var(--ws-line)}
.workspace-panel-head span{display:block;color:var(--ws-muted);font-size:10px;font-weight:900;text-transform:uppercase}.workspace-panel-head strong{display:block;margin-top:3px}.workspace-panel-head button{border:0;background:transparent;color:#1671d9;font-weight:800;cursor:pointer}
.project-list,.audit-index>div:last-child{display:grid;gap:8px;padding-top:12px;max-height:720px;overflow:auto}
.project-list button,.audit-list-item{width:100%;display:grid;gap:4px;padding:12px;border:1px solid transparent;border-radius:13px;background:transparent;color:var(--ws-ink);text-align:left;cursor:pointer}
.project-list button:hover,.project-list button.active,.audit-list-item:hover,.audit-list-item.active{background:rgba(31,111,235,.08);border-color:rgba(31,111,235,.18)}
.project-list small,.audit-list-item small{color:var(--ws-muted)}
.workspace-empty{min-height:440px;display:grid;place-items:center;align-content:center;gap:8px;color:var(--ws-muted);text-align:center}.workspace-empty strong{color:var(--ws-ink);font-size:22px}
.project-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:16px}.project-head h2{margin:4px 0;font-size:28px}.project-head p{margin:0;color:var(--ws-muted)}
.project-badge{display:inline-flex;padding:5px 9px;border-radius:999px;background:#e5f8f2;color:#087b5d;font-size:10px;font-weight:900;text-transform:uppercase}
.project-progress{display:grid;grid-template-columns:1fr auto;gap:8px 16px;align-items:center;margin:16px 0;padding:16px;border-radius:16px;background:linear-gradient(135deg,rgba(31,111,235,.09),rgba(0,200,150,.10))}.project-progress div{height:12px;border-radius:999px;background:rgba(126,149,180,.18);overflow:hidden}.project-progress i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#1f6feb,#00c896);box-shadow:0 0 18px rgba(0,200,150,.35)}.project-progress strong{font-size:24px}.project-progress small{grid-column:1/-1;color:var(--ws-muted)}
.project-meta{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:12px 0}.project-meta div{padding:12px;border:1px solid var(--ws-line);border-radius:13px}.project-meta span{display:block;color:var(--ws-muted);font-size:10px;font-weight:900;text-transform:uppercase}.project-meta strong{display:block;margin-top:4px;font-size:13px}
.project-tools{display:flex;gap:8px;flex-wrap:wrap;margin:14px 0}.project-tools button,.project-tools label,.board-column-head button{border:1px solid var(--ws-line);border-radius:11px;background:rgba(255,255,255,.75);color:#29415f;padding:9px 11px;font-weight:800;cursor:pointer}.project-tools input[type=file]{display:none}
.kanban-board{display:flex;gap:12px;overflow:auto;padding:4px 2px 16px;min-height:390px}
.board-column{flex:0 0 286px;border:1px solid var(--ws-line);border-top:4px solid var(--stage-color,#1f6feb);border-radius:15px;background:rgba(246,250,255,.78);padding:10px}.portal-workspace-page:not(.light-theme) .board-column{background:rgba(8,26,46,.82)}
.board-column-head{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:10px}.board-column-head strong{font-size:13px}.board-column-head span{display:inline-grid;place-items:center;min-width:25px;height:25px;border-radius:999px;background:rgba(31,111,235,.10);font-size:11px}
.board-column-body{display:grid;align-content:start;gap:8px;min-height:280px;border-radius:11px}.board-column-body.is-over{background:rgba(0,200,150,.08);outline:2px dashed rgba(0,200,150,.42)}
.task-card{display:grid;gap:7px;padding:12px;border:1px solid var(--ws-line);border-radius:12px;background:#fff;color:#10213b;box-shadow:0 8px 22px rgba(27,61,105,.07);cursor:grab}.task-card:active{cursor:grabbing}.task-card p{margin:0;color:#65758b;font-size:12px;line-height:1.45}.task-card footer{display:flex;justify-content:space-between;gap:8px;color:#65758b;font-size:10px}.task-card footer b{color:#27618f}
.quick-task-form{display:grid;gap:7px;padding-top:8px}.quick-task-form button{border:0;border-radius:10px;padding:9px;background:#10213b;color:#fff;font-weight:850;cursor:pointer}
.project-people-files{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:14px}.project-people-files section{padding:14px;border:1px solid var(--ws-line);border-radius:14px}.project-people-files h3{margin:0 0 10px;font-size:14px}.chip-row{display:flex;gap:6px;flex-wrap:wrap}.chip-row span,.file-row{padding:7px 9px;border-radius:9px;background:rgba(31,111,235,.07);color:var(--ws-muted);font-size:11px}.file-row{display:flex;justify-content:space-between;margin-top:6px}.file-row a{color:#1671d9;font-weight:800}
.workspace-modal{position:fixed;z-index:2147483000;inset:0;display:grid;place-items:center;padding:20px;background:rgba(4,15,28,.58);backdrop-filter:blur(14px)}.workspace-modal[hidden]{display:none!important}.workspace-dialog{width:min(720px,100%);max-height:92vh;overflow:auto;border:1px solid rgba(181,207,241,.55);border-radius:22px;background:#f8fbff;color:#10213b;padding:22px;box-shadow:0 35px 100px rgba(1,18,40,.35)}.portal-workspace-page:not(.light-theme) .workspace-dialog{background:#0b1d32;color:#eef6ff}.workspace-dialog header{display:flex;justify-content:space-between;gap:16px}.workspace-dialog h2{margin:0}.workspace-dialog header button{width:38px;height:38px;border:0;border-radius:12px;background:#e9f0f8;font-size:20px;cursor:pointer}
.workspace-form{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:18px}.workspace-form label{display:grid;gap:6px;color:#536783;font-size:11px;font-weight:850}.workspace-form .wide{grid-column:1/-1}.workspace-form textarea{resize:vertical}.workspace-form footer{grid-column:1/-1;display:flex;justify-content:flex-end;gap:8px;margin-top:6px}.workspace-form footer button{border:0;border-radius:12px;padding:11px 16px;font-weight:850;cursor:pointer}.workspace-form footer button[type=submit]{background:#0d8d6e;color:#fff}.workspace-form footer button[type=button]{background:#e8eef6;color:#33465f}
.audit-hero{background:linear-gradient(135deg,rgba(255,255,255,.94),rgba(235,242,249,.92))}.audit-document-head{padding-bottom:18px;border-bottom:1px solid var(--ws-line)}.audit-document-head h2{margin:8px 0;font-size:30px}.audit-document-head p{color:var(--ws-muted);line-height:1.65}.audit-category{display:inline-flex;padding:6px 10px;border-radius:999px;background:#e8eef6;color:#405774;font-size:10px;font-weight:900;text-transform:uppercase}.audit-sections{display:grid;gap:12px;margin-top:18px}.audit-section{padding:18px;border:1px solid var(--ws-line);border-left:4px solid #1f6feb;border-radius:14px;background:rgba(255,255,255,.58)}.audit-section h3{margin:0 0 8px}.audit-section p{margin:0;color:var(--ws-muted);line-height:1.7;white-space:pre-wrap}.audit-report-link{display:inline-flex;margin-top:16px;padding:10px 13px;border-radius:11px;background:#10213b;color:#fff;text-decoration:none;font-weight:850}
@media(max-width:980px){.workspace-shell{width:min(100% - 20px,1540px);padding-top:96px}.workspace-hero{align-items:flex-start;flex-direction:column}.workspace-summary{grid-template-columns:1fr 1fr}.project-layout,.audit-layout{grid-template-columns:1fr}.project-sidebar,.audit-index{max-height:300px}.project-meta,.project-people-files{grid-template-columns:1fr}}
@media(max-width:620px){.workspace-summary{grid-template-columns:1fr}.workspace-hero{padding:20px}.workspace-hero-actions,.workspace-hero-actions label,.workspace-hero-actions select,.workspace-hero-actions button{width:100%}.workspace-form{grid-template-columns:1fr}.workspace-form .wide{grid-column:auto}.project-stage,.audit-document{padding:14px}.project-head{flex-direction:column}}
