.workspace-panel{padding:24px;margin:0 0 20px}.workspace-panel>h2{margin:0 0 18px}.workspace-tiles{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px}.workspace-tile{display:flex;flex-direction:column;gap:10px;padding:22px;text-align:left;border:1px solid #dce5ec;cursor:pointer;color:#12334a;background:#fff}.workspace-tile:hover{border-color:#30ad9d;box-shadow:0 6px 24px #153c5510}.workspace-tile strong{font-size:17px}.workspace-tile span{font-size:13px;color:#657b8b}.workspace-project-hero{background:linear-gradient(110deg,#102b42,#19495b);color:white;border-radius:18px;padding:28px;margin-bottom:20px}.workspace-project-hero h2{font-size:28px;margin:10px 0}.workspace-project-hero .eyebrow{color:#62d4ba}.workspace-panel .data-table td{vertical-align:top}.workspace-panel [hidden]{display:none}.commercial-tabs{display:flex;gap:8px;overflow-x:auto;margin-bottom:20px;padding-bottom:6px}.commercial-tabs button{white-space:nowrap}.commercial-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:16px}.commercial-board{display:grid;grid-template-columns:repeat(7,minmax(230px,1fr));gap:14px;overflow-x:auto;padding-bottom:12px}.commercial-column{background:#edf3f7;border:1px solid #dce6ed;border-radius:12px;padding:14px;min-height:220px}.commercial-column h3{font-size:14px;margin:0 0 14px}.commercial-card{border:1px solid #d7e2ea;background:#fff;border-radius:10px;padding:15px;margin-bottom:10px;text-align:left;width:100%;box-shadow:0 2px 5px #102b4205;cursor:pointer}.commercial-card strong,.commercial-card small{display:block;margin-bottom:8px}.commercial-card small{color:#667e8c}.commercial-card[draggable=true]{cursor:grab}.commercial-column.drop-target{outline:2px solid #27b9a3}.commercial-kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(175px,1fr));gap:14px;margin-bottom:20px}.commercial-kpi{background:white;border:1px solid #dce5ec;border-radius:12px;padding:20px}.commercial-kpi strong{display:block;font-size:25px;margin-top:8px}.commercial-form .wide{grid-column:1/-1}.commercial-form textarea{min-height:100px}.commercial-source{white-space:pre-wrap;font-size:12px;background:#f0f5f8;padding:15px;border-radius:8px;max-height:220px;overflow:auto}.commercial-details{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.commercial-details dt{font-size:12px;color:#667e8c}.commercial-details dd{margin:6px 0;overflow-wrap:anywhere}.commercial-actionbar{display:flex;gap:8px;flex-wrap:wrap;margin-top:18px}.commercial-files{border:2px dashed #b8cbd9;border-radius:12px;padding:22px;background:#f6f9fb}.commercial-files.dragover{border-color:#00a893;background:#e8f8f3}.commercial-timeline{min-width:700px}.workspace-subnav{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 20px}.workspace-subnav a{text-decoration:none}.workspace-panel .error{white-space:pre-wrap}@media(max-width:650px){.workspace-panel{padding:16px}.workspace-tiles{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.workspace-tile{padding:15px}.workspace-tile strong{font-size:14px}.workspace-tile span{font-size:12px}.commercial-form,.commercial-details{grid-template-columns:1fr}.commercial-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.commercial-kpi{padding:14px}.commercial-kpi strong{font-size:20px}.commercial-board{grid-template-columns:repeat(7,260px)}}
.commercial-card{display:block!important;white-space:normal!important;min-width:0;overflow-wrap:anywhere;line-height:1.45}.commercial-card strong,.commercial-card small,.commercial-card b{display:block;white-space:normal}.commercial-column{min-width:0}.workspace-nav-more>summary{cursor:pointer;padding:18px 16px}.profile small{white-space:normal;line-height:1.45}.commercial-toolbar>div:last-child{display:flex;gap:8px;flex-wrap:wrap}

.workspace-message{padding:20px;background:#f6f9fb;border:1px solid #dce6ed;border-radius:14px;margin:14px 0}.workspace-message.own{border-left:4px solid #26ab99}.workspace-message h3{margin:0}.workspace-message small{display:block;color:#657b8b;margin-top:8px}.workspace-message-text{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.6}.workspace-chat-form{padding-top:20px;border-top:1px solid #dce6ed}.workspace-chat-form .wide{grid-column:1/-1}.workspace-chat-form textarea{min-height:100px}
/* GF process overview: the table carries the same filtered records as the phase cards. */
.process-filters{display:grid;grid-template-columns:repeat(auto-fit,minmax(145px,1fr));gap:12px;align-items:end;margin:18px 0}.process-filters label{display:grid;gap:5px;font-size:.85rem}.process-phase-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.process-phase{display:flex;flex-direction:column;align-items:flex-start;text-align:left;gap:7px;background:#f4f8fa;border:1px solid #d3e1e7;border-top:4px solid #2ba98e;border-radius:12px;padding:16px;color:#18354a;cursor:pointer}.process-phase>strong{font-size:1.9rem}.process-phase small{display:block;font-size:.76rem;line-height:1.5}.process-phase.selected{outline:3px solid #14756b;background:#e3f4ee}.process-status{display:block;width:fit-content;border-radius:5px;padding:3px 7px;font-size:.8rem;margin-top:5px;background:#e8eef3}.process-status.overdue{background:#ffe6e6;color:#972d2d}.process-status.waiting{background:#fff1cb;color:#755308}.process-status.completed{background:#d8f3e7;color:#14634e}.process-notes{margin-top:18px;color:#4b6575}.process-notes p{font-size:.85rem;line-height:1.6}@media(max-width:650px){.process-phase-grid{grid-template-columns:1fr}.process-phase{min-height:100px}.process-filters{grid-template-columns:repeat(2,minmax(0,1fr))}}

.bottom-nav{grid-template-columns:repeat(5,minmax(0,1fr))}.bottom-nav #quick-create{color:var(--green,#086f75);font-weight:800}

.bottom-nav>button:nth-child(3){order:4}.bottom-nav>#quick-create{order:3}.bottom-nav>#more-menu{order:5}.bottom-nav>button:nth-child(1){order:1}.bottom-nav>button:nth-child(2){order:2}

/* Roles stay a single scrollable matrix on desktop and on a phone. */
.access-matrix-panel{min-width:0;max-width:100%;overflow:hidden}
.access-matrix-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;flex-wrap:wrap}
.access-matrix-heading h2{margin:0 0 8px}.access-matrix-heading p,.access-matrix-hint{color:#536b7a;font-size:14px;line-height:1.5}
.access-matrix-filters{display:flex;gap:16px;flex-wrap:wrap;align-items:flex-end;margin:18px 0 12px}
.access-matrix-filters label{flex:1;min-width:170px;max-width:340px;font-size:13px;color:#173247}
.access-matrix-filters input,.access-matrix-filters select{margin-top:6px}
.access-matrix-filters p{margin:0 0 12px;font-size:13px;color:#536b7a}
.access-matrix-scroll{overflow:auto;max-width:100%;max-height:65vh;border:1px solid #d8e4ea;border-radius:10px;isolation:isolate;scroll-padding-left:230px}
.access-matrix-scroll:focus-visible{outline:3px solid #087f78;outline-offset:3px}
.access-matrix{border-collapse:separate;border-spacing:0;width:max-content;min-width:100%;table-layout:fixed;color:#173247}
.access-matrix th,.access-matrix td{box-sizing:border-box;min-width:110px;width:110px;padding:10px 8px;text-align:center;border-right:1px solid #e1e9ed;border-bottom:1px solid #e1e9ed;white-space:normal;vertical-align:middle}
.access-matrix thead th{position:sticky;top:0;background:#edf5f6;z-index:2;font-size:13px;line-height:1.5;font-weight:650}
.access-matrix small{display:block;color:#657b89;font-size:11px;font-weight:400;margin-top:5px}
.access-matrix .access-matrix-person{position:sticky;left:0;width:230px;min-width:230px;max-width:230px;text-align:left;background:#fff;z-index:1;box-shadow:3px 0 7px #1732470a;overflow-wrap:anywhere;padding:14px;font-size:14px}
.access-matrix thead .access-matrix-person{z-index:3;background:#edf5f6}
.access-matrix tbody tr:nth-child(even) td,.access-matrix tbody tr:nth-child(even) .access-matrix-person{background:#f7fafb}
.access-matrix tbody tr:hover td,.access-matrix tbody tr:hover .access-matrix-person{background:#eef7f6}
.access-matrix-check{display:flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;margin:0;cursor:pointer}
.access-matrix-check input[type=checkbox]{width:23px;height:23px;margin:0;padding:0;accent-color:#087f78;cursor:pointer}
.access-matrix-check input:focus-visible{outline:3px solid #087f78;outline-offset:4px}
.access-matrix-check input:disabled{cursor:not-allowed}
.access-matrix-detail{display:block;width:100%;min-height:34px;border:0;background:transparent;color:#536b7a;padding:4px 2px;font-size:11px;line-height:1.4;text-decoration:underline;text-underline-offset:3px;white-space:normal;cursor:pointer}
.access-matrix .is-active .access-matrix-detail{color:#086a61}.access-matrix .is-pending .access-matrix-detail{color:#93610b}
.access-matrix-empty{display:block;color:#9dafb9;font-size:12px;min-height:34px;padding-top:4px}
.access-matrix-history>summary{cursor:pointer;padding:16px 0;color:#345264;font-size:14px}.access-matrix-history .table-wrap{max-width:100%;overflow:auto}
.access-assignment{border:1px solid #d8e4ea;border-radius:10px;padding:16px;margin:12px 0}.access-assignment p{overflow-wrap:anywhere}.access-assignment button{margin:6px 8px 0 0}
@media(max-width:650px){.access-matrix-filters{display:grid;grid-template-columns:minmax(0,1fr);gap:12px}.access-matrix-filters label{min-width:0;max-width:none}.access-matrix-filters p{margin:0}.access-matrix .access-matrix-person{width:150px;min-width:150px;max-width:150px;font-size:12px;padding:10px}.access-matrix-scroll{scroll-padding-left:150px;max-height:62vh}.access-matrix th,.access-matrix td{width:104px;min-width:104px}.access-matrix-heading>button{width:100%}}
.access-matrix caption.visually-hidden{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}

.project-archive-tabs{display:flex;flex-wrap:wrap;gap:10px}.project-archive-badge{overflow-wrap:anywhere;color:var(--muted,#47616d)}.project-archive-form{min-width:0;overflow-wrap:anywhere}.project-archive-form label{display:block;margin:16px 0}.project-archive-form select,.project-archive-form textarea{display:block;box-sizing:border-box;width:100%;max-width:100%;margin-top:6px}.project-archive-form .modal-footer{display:flex;flex-wrap:wrap;gap:10px}.project-archive-form .modal-footer button{white-space:normal;min-height:44px;flex:1;min-width:120px}