/* Shared visual system; chat geometry and scroll behaviour remain in chat modules. */
:root{--bi-surface:#17121e;--bi-surface-raised:#21172a;--bi-edge:#ef55aa32;--bi-ink:#faf1f8;--bi-muted:#cbb8ca;--bi-accent:#f16eb8}
.panel-wrap{color:var(--bi-ink)}
.panel-view:not(.chat-screen-root){background:linear-gradient(145deg,#1c1421,#120e19);border-color:var(--bi-edge);border-radius:22px}
.panel-view h2{letter-spacing:-.025em;line-height:1.25}
.panel-view h3{line-height:1.4;letter-spacing:-.015em}
.panel-view .suite-sub,.panel-view .workspace-description,.panel-view .panel-note{color:var(--bi-muted);line-height:1.75;max-width:85ch}
.panel-view .suite-card,.panel-view .training-card,.panel-view .team-workspace-card{border:1px solid var(--bi-edge);background:var(--bi-surface);border-radius:18px;padding:22px;box-shadow:0 12px 35px #0002}
.panel-view .workspace-actions,.panel-view .training-toolbar,.panel-view .flow-toolbar{gap:12px;align-items:center;flex-wrap:wrap}
.panel-view .btn:not(.chat-tools-trigger):not(.chat-send):not(.chat-menu-trigger){border-radius:11px;line-height:1.4;transition:background .16s,border-color .16s,box-shadow .16s}
.panel-view .btn:hover{border-color:#f16eb882;box-shadow:0 0 16px #e83da514}
.panel-view .btn:focus-visible{outline:2px solid var(--bi-accent);outline-offset:3px}
.panel-view input:not([type=checkbox]):not([type=radio]),.panel-view select,.panel-view textarea:not(.suite-composer textarea){background:#100c16;color:var(--bi-ink);border-color:#b16b9b50;border-radius:10px;font-size:15px;max-width:100%;box-sizing:border-box}
.panel-view label{line-height:1.6}
.panel-view input:focus,.panel-view textarea:focus,.panel-view select:focus{outline:2px solid #ed58aa65;outline-offset:2px}
.panel-view table{border-collapse:separate;border-spacing:0;width:100%}
.panel-view th{color:#f8c4e1;font-weight:600;background:#24182c;padding:14px 16px;line-height:1.5}
.panel-view td{padding:14px 16px;line-height:1.6;border-bottom:1px solid #ffffff0c;vertical-align:middle}
.panel-view tbody tr:hover{background:#ed389b08}
.panel-view .coverage-readonly,.panel-view .member-profile-grid{gap:22px}
.panel-view .workspace-empty,.panel-view .training-empty{padding:24px;border-radius:14px;background:#ed389b08;border:1px dashed #ed389b35;line-height:1.7}
[data-workspace=training_work] .training-hub-flow{border-left:3px solid #f16eb8}
[data-workspace=clients] .purpose-guide{border-left:3px solid #d57cb4}
[data-workspace=tasks] .purpose-guide{border-left:3px solid #f16eb8}
[data-workspace=reports] .purpose-guide,[data-workspace=checks] .purpose-guide{background:linear-gradient(120deg,#211628,#17121e)}
[data-workspace=staff] .team-workspace-head,[data-workspace=team_load] .team-workspace-head{padding-bottom:14px;border-bottom:1px solid #ffffff12}
.panel-view .purpose-fields>div{background:#ffffff03;border-radius:12px;border:1px solid #ffffff08}
.panel-view .member-profile-avatar{object-fit:cover;border:2px solid #f16eb855;box-shadow:0 0 22px #ed389b18}
@media(max-width:760px){.panel-view:not(.chat-screen-root){border-radius:16px}.panel-view .suite-card,.panel-view .training-card,.panel-view .team-workspace-card{padding:18px}.panel-view td,.panel-view th{padding:12px;font-size:14px}.panel-view .member-profile-grid{grid-template-columns:1fr}.panel-view .workspace-actions .btn{min-height:44px}.panel-view input,.panel-view select,.panel-view textarea{font-size:16px!important}}
@media(prefers-reduced-motion:reduce){.panel-view .btn{transition:none}}
.request-workspace{display:grid;gap:24px;margin:24px 0}.request-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.request-metrics>.btn{display:flex;flex-direction:column;align-items:flex-start;padding:20px!important;background:#1c1423;border:1px solid #ed58aa38;min-height:100px}.request-metrics strong{font-size:30px;color:#f276b9}.request-metrics span{margin-top:8px;white-space:normal}.request-filters{display:flex;gap:16px;align-items:end;flex-wrap:wrap;padding:20px;background:#17111e;border:1px solid #ed58aa28;border-radius:16px}.request-filters label{flex:1;min-width:180px}.request-filters input,.request-filters select{width:100%;min-height:44px;margin-top:8px}.request-result-count{font-size:14px;color:#cbb8ca}.request-guide-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:24px}.request-process,.request-offer-spec,.request-queue{padding:24px;border:1px solid #ed58aa30;background:#17111e;border-radius:18px}.request-process ol{padding-left:24px;display:grid;gap:16px}.request-process li{padding-left:8px;line-height:1.7}.request-offer-spec dl{display:grid;grid-template-columns:140px 1fr;gap:16px;margin:20px 0 0}.request-offer-spec dt{font-weight:600;color:#f276b9}.request-offer-spec dd{margin:0;line-height:1.6}.request-queue>p{line-height:1.8;color:#cbb8ca}.request-queue:empty{display:none}@media(max-width:800px){.request-guide-grid{grid-template-columns:1fr}.request-metrics{grid-template-columns:1fr 1fr}.request-offer-spec dl{grid-template-columns:1fr;gap:8px}.request-offer-spec dd{margin-bottom:12px}.request-filters label{min-width:100%}}
.workspace-blueprint{margin:24px 0;padding:24px;background:linear-gradient(130deg,#211529,#17111e);border:1px solid #ed58aa32;border-radius:18px}.workspace-blueprint>p{color:#cbb8ca;line-height:1.8}.workspace-blueprint-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:20px}.workspace-blueprint-grid article{padding:18px;background:#ffffff03;border:1px solid #ffffff0a;border-radius:12px;line-height:1.75}.workspace-blueprint-grid h4{color:#f276b9;margin:0 0 10px}.workspace-step{color:#f276b9;font-weight:700}.workspace-field-help{display:block;color:#bba8bf;font-size:12px;line-height:1.6;margin:7px 0 0;font-weight:400}@media(max-width:760px){.workspace-blueprint-grid{grid-template-columns:1fr}.workspace-blueprint{padding:18px}}
.materials-workspace{padding:24px!important;background:radial-gradient(ellipse at 100% 0,#b63c7820,transparent 55%),linear-gradient(145deg,#211629,#120f19)!important;box-shadow:0 18px 55px #0003,inset 0 1px #ffffff08;border:1px solid #ed58aa42!important}.materials-controls{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:16px;margin:24px 0 12px}.materials-controls input,.materials-controls select{display:block;width:100%;min-height:44px;margin-top:8px}.materials-counter{font-size:13px;color:#cbb8ca}.materials-category-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.material-category{padding:0!important;margin:0!important;background:#1a1322!important;border:1px solid #eb69b439!important;border-radius:18px!important;overflow:hidden;box-shadow:0 12px 30px #0002,inset 0 1px #ffffff06}.material-category>summary{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:14px!important;padding:20px!important;min-height:76px!important;border:0!important;background:linear-gradient(115deg,#2a1b32,#1a1322)}.material-category-label{display:flex;align-items:center;gap:14px;min-width:0}.material-category-icon{display:grid;place-items:center;width:42px;height:42px;border:1px solid #f276b950;border-radius:12px;color:#f276b9;font-size:24px;background:#ed389b10;flex-shrink:0}.material-category-label strong{font-size:16px;line-height:1.5}.material-category>.material-category-description{margin:0;padding:0 20px 18px;line-height:1.7;color:#cbb8ca}.material-category .file-group-count{margin-left:auto!important;min-width:30px;min-height:30px;display:grid;place-items:center;background:#ed389b18;border:1px solid #ed389b28;border-radius:10px}.material-record{margin:0 16px 16px;padding:18px!important;background:#100c16;border:1px solid #ffffff0c;border-radius:12px;display:grid;gap:16px}.material-record-info{display:grid;gap:9px}.material-record-info a{color:#f5c2df;overflow-wrap:anywhere}.material-record-info small{color:#bba8bf}.material-verification{font-size:13px}.material-record-actions{display:flex;flex-wrap:wrap;align-items:center;gap:14px;padding-top:12px;border-top:1px solid #ffffff10}.material-preview{margin:0!important;padding:0!important;border:0!important}.material-preview summary{padding:10px!important;min-height:40px!important;color:#f276b9}.material-preview img,.material-preview video{display:block;width:100%;max-height:320px;object-fit:contain;margin-top:12px;background:#08050d;border-radius:10px}.material-category-empty{margin:0 18px 18px;padding:18px;border:1px dashed #ed389b30;border-radius:12px;line-height:1.7}.material-category-empty strong{color:#f5c2df}.material-category-empty p{font-size:14px;color:#bba8bf;margin-bottom:0}.panel-view .suite-card,.panel-view .portal-card,.panel-view .training-card,.panel-view .team-workspace-card,.panel-view .workspace-blueprint{box-shadow:0 15px 40px #0003,inset 0 1px #ffffff08;border-color:#ed58aa36}.panel-view .portal-title h2,.panel-view>h2{padding-bottom:12px;border-bottom:1px solid #ed58aa25}.panel-view details:focus-within{border-color:#f276b970}.panel-view .btn.primary{background:linear-gradient(125deg,#9d2d70,#6e225b);border-color:#ec70b672;box-shadow:0 6px 20px #bd367c20}.panel-view .btn.primary:hover{box-shadow:0 8px 25px #ed389b25}.panel-view .purpose-guide>summary{font-weight:600;letter-spacing:.01em}@media(max-width:900px){.materials-controls{grid-template-columns:1fr 1fr}}@media(max-width:650px){.materials-category-grid{grid-template-columns:1fr}.materials-controls{grid-template-columns:1fr}.materials-workspace{padding:18px!important}.material-category>summary{padding:16px!important}.material-record-actions .btn{min-height:44px}}
.portal-section-icon{width:19px;height:19px;display:inline-block;vertical-align:middle;flex-shrink:0;margin-right:10px;color:currentColor}.has-section-icon[data-view=training_work]::before{display:none!important}.has-section-icon{align-items:center}.portal-guide-layout{display:grid;grid-template-columns:minmax(230px,310px) minmax(0,1fr);gap:24px;margin:24px 0;align-items:start}.portal-guide-topics{display:grid;gap:8px}.portal-guide-topics .btn{display:flex;text-align:left;white-space:normal;line-height:1.6;padding:12px 16px;min-height:44px}.portal-guide-topics [aria-current=true]{border-color:#f276b9;background:#ed389b15}.portal-guide-detail{padding:28px;background:linear-gradient(135deg,#24162c,#14101d);border:1px solid #ed58aa40;border-radius:20px;box-shadow:0 18px 55px #0003;min-width:0}.portal-guide-detail>svg{color:#f276b9;width:32px;height:32px}.portal-guide-detail p{line-height:1.8}.guide-fields{display:grid;grid-template-columns:150px 1fr;gap:18px;margin:22px 0}.guide-fields dt{font-weight:600;color:#f276b9}.guide-fields dd{margin:0;line-height:1.7}.guide-workflow{display:grid;gap:14px;padding-left:24px;line-height:1.7}.guide-example,.guide-access{padding:20px;margin:24px 0;border-radius:14px;border:1px solid #ed58aa30;background:#ed389b08}.portal-guide-glossary{padding:20px;border:1px solid #ed58aa32;border-radius:16px}.portal-guide-glossary p{line-height:1.8;padding-bottom:10px;border-bottom:1px solid #ffffff0b}@media(max-width:760px){.portal-guide-layout{grid-template-columns:1fr}.portal-guide-topics{grid-template-columns:1fr 1fr}.portal-guide-detail{padding:20px}.guide-fields{grid-template-columns:1fr;gap:8px}.guide-fields dd{margin-bottom:12px}}@media(max-width:420px){.portal-guide-topics{grid-template-columns:1fr}}

/* Consistent work surfaces, accessible controls and stable motion. */
.panel-view .workspace-guide-link{float:right;margin:0 0 12px 16px;font-size:13px;min-height:36px}
.panel-view .workspace-load-warning{padding:16px 20px;border:1px solid #ed5daf66;border-radius:14px;background:#281321;margin:16px 0;line-height:1.6}
.panel-view .workspace-load-warning p{overflow-wrap:anywhere}
.panel-view :is(button,a,input,select,textarea):focus-visible{outline:2px solid #ef70c6;outline-offset:3px}
.panel-view :is(.workspace-actions,.flow-actions,.training-toolbar){gap:12px;align-items:center;flex-wrap:wrap}
.panel-view :is(td,th){vertical-align:middle;line-height:1.5}
.panel-view :is(.member-profile-grid,.team-workspace-list){gap:20px}
.panel-view :is(.guide-access,.guide-example){margin-top:20px;padding:18px;line-height:1.65}
.portal-guide-detail{scroll-margin-top:90px}
@media(max-width:640px){.panel-view .workspace-guide-link{float:none;margin:0 0 16px}.panel-view :is(.btn,button){min-height:42px}.panel-view .workspace-load-warning{padding:14px}.panel-view :is(input,select,textarea){font-size:16px}}
@media(prefers-reduced-motion:reduce){.panel-view *,.panel-view *::before,.panel-view *::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}