@import"https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;700&display=swap";@import"https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@20,400,0,0";:root{font-family:Roboto,RobotoDraft,Helvetica,Arial,sans-serif;font-size:13px;line-height:1.4;color:#1f2933;background:#f7f8fa;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button{min-height:32px;border:1px solid #ccd3dc;border-radius:6px;background:#fff;color:#243447;padding:0 12px;cursor:pointer}button.primary{border-color:#1d4ed8;background:#1d4ed8;color:#fff}.app-shell{min-height:100vh;display:grid;grid-template-columns:220px minmax(0,1fr)}.app-shell.nav-collapsed{grid-template-columns:72px minmax(0,1fr)}.sidebar{position:sticky;top:0;height:100vh;overflow:hidden;background:#172033;color:#eef4ff;padding:16px 10px}.brand{display:flex;gap:10px;align-items:center;min-height:38px;margin-bottom:12px}.brand-mark{width:36px;min-width:36px;height:36px;border-radius:8px;display:grid;place-items:center;background:#f59e0b;color:#111827;font-weight:800}.brand strong,.brand small{display:block;white-space:nowrap}.brand small{color:#aab7ca;font-size:11px}.nav-collapsed .brand-text,.nav-collapsed .nav-label,.nav-collapsed .nav-toggle span{display:none}.nav-toggle{width:100%;margin-bottom:12px;border-color:#334158;background:#253149;color:#fff}.nav-list{display:grid;gap:4px}.nav-list button{--nav-accent: #64748b;display:flex;align-items:center;gap:8px;width:100%;min-height:36px;border:0;border-radius:6px;background:transparent;color:#cfdaea;padding:0 8px;text-align:left}.nav-list button.nav-sales{--nav-accent: #10b981}.nav-list button.nav-costs{--nav-accent: #ef4444}.nav-list button.nav-actuals{--nav-accent: #2563eb}.nav-list button.active,.nav-list button:hover{background:#253149;color:#fff}.nav-short{width:24px;min-width:24px;height:24px;display:grid;place-items:center;border-radius:6px;background:color-mix(in srgb,var(--nav-accent) 22%,transparent);color:color-mix(in srgb,var(--nav-accent) 55%,#ffffff);font-size:11px;font-weight:800}.nav-list button.active .nav-short,.nav-list button:hover .nav-short{background:var(--nav-accent);color:#fff}.nav-popover{position:fixed;inset:auto;margin:0;border:1px solid #334155;border-radius:6px;background:#111827;color:#fff;padding:6px 8px;box-shadow:0 8px 20px #0f172a2e;font-size:11px;line-height:1.25;transform:translateY(-50%);white-space:nowrap}.main{min-width:0;padding:20px}.toolbar{--page-accent: #64748b;display:flex;justify-content:space-between;gap:14px;align-items:center;margin-bottom:14px}.toolbar.theme-sales{--page-accent: #10b981}.toolbar.theme-costs{--page-accent: #ef4444}.toolbar.theme-actuals{--page-accent: #2563eb}.toolbar-title{position:relative;padding-left:18px}.toolbar-title:before{content:"";position:absolute;top:2px;bottom:2px;left:0;width:6px;border-radius:999px;background:var(--page-accent)}.toolbar h1{margin:2px 0 0;color:#1f2933;font-size:22px;line-height:1.25}.eyebrow{margin:0;color:#64748b;font-size:11px;font-weight:700}.toolbar-actions{display:flex;gap:8px;align-items:center}.refresh-status{color:#64748b;font-size:10px;white-space:nowrap}.refresh-status.refreshing{color:#2563eb}.account-picker{display:grid;gap:3px;color:#526173;font-size:10px;font-weight:700}.account-picker select{height:28px;min-width:116px;border:1px solid #ccd3dc;border-radius:6px;background:#fff;color:#243447;padding:0 8px}.mention-inbox-button{min-height:28px;padding:0 10px}.mention-inbox-button:disabled{cursor:default;opacity:.55}.summary-band{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.summary-band div{position:relative;min-width:0;min-height:86px;padding:16px 12px 14px 48px;border:1px solid #cfd4dc;border-radius:18px;background:#fff}.summary-band div:before{content:"";position:absolute;top:18px;bottom:18px;left:24px;width:6px;border-radius:999px;background:#d1d5db}.summary-band .summary-sales:before{background:#10b981}.summary-band .summary-cost:before{background:#ef4444}.summary-band .summary-actual:before{background:#2563eb}.summary-band span,.summary-band strong{display:block}.summary-band span{color:#64748b;font-size:11px;font-weight:700;margin-bottom:4px}.summary-band strong{overflow:hidden;color:#111827;font-size:22px;font-weight:400;line-height:1.15;text-overflow:ellipsis;white-space:nowrap;font-variant-numeric:tabular-nums}.summary-band strong small,.dashboard-kpis strong small{margin-left:2px;color:inherit;font-size:.68em;font-weight:400}.table-section{background:#fff;border:1px solid #d9e0e8}.table-tools{display:flex;gap:8px;align-items:end;padding:12px;border-bottom:1px solid #d9e0e8}.table-tools label{display:grid;gap:4px;color:#526173;font-size:11px;font-weight:400}.table-tools select,.table-tools input{height:32px;border:1px solid #ccd3dc;border-radius:6px;background:#fff;padding:0 9px}.table-tools input{min-width:260px}.view-switch{display:flex;gap:0;height:32px;align-self:end;overflow:hidden;border:1px solid #ccd3dc;border-radius:6px}.view-switch button{height:30px;min-height:0;border:0;border-radius:0;background:#fff;color:#526173;padding:0 12px}.view-switch button+button{border-left:1px solid #ccd3dc}.view-switch button.active{background:#253149;color:#fff}.dashboard-view{display:grid;gap:16px;padding:14px}.dashboard-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.dashboard-kpis article{position:relative;display:grid;gap:4px;min-width:0;min-height:118px;border:1px solid #cfd4dc;border-radius:18px;background:#fff;padding:20px 12px 18px 48px}.dashboard-kpis article:before{content:"";position:absolute;top:22px;bottom:22px;left:24px;width:6px;border-radius:999px;background:#d1d5db}.dashboard-kpis span,.dashboard-kpis small,.dashboard-panel p{color:#64748b;font-size:11px}.dashboard-kpis span{font-weight:700}.dashboard-kpis strong{overflow:hidden;color:#111827;font-size:22px;font-weight:400;line-height:1.15;text-overflow:ellipsis;white-space:nowrap;font-variant-numeric:tabular-nums}.dashboard-panel{min-width:0;border-top:1px solid #d9e0e8;padding-top:12px}.dashboard-panel-header{display:flex;justify-content:space-between;gap:12px;align-items:start;margin-bottom:10px}.dashboard-panel h2{margin:0;color:#1f2933;font-size:14px}.dashboard-panel p{margin:3px 0 0}.dashboard-table-wrap{overflow:auto}.dashboard-monthly-table,.dashboard-account-table{min-width:760px}.dashboard-monthly-table th,.dashboard-monthly-table td,.dashboard-account-table th,.dashboard-account-table td{padding-top:4px;padding-bottom:4px}.dashboard-monthly-table tbody tr:nth-child(2n) td,.dashboard-account-table tbody tr:nth-child(2n) td{background:#fbfcfe}.dashboard-account-table .dashboard-rate-col{width:64px;min-width:64px;max-width:64px}.dashboard-bars{display:grid;gap:3px;width:180px;max-width:100%}.bar{display:block;min-height:5px;border-radius:999px}.bar.sales,.bar-legend .sales{background:#10b981}.bar.cost,.bar-legend .cost{background:#ef4444}.bar.actual,.bar-legend .actual{background:#2563eb}.bar-legend{display:flex;flex-wrap:wrap;gap:10px;margin-top:8px;color:#64748b;font-size:11px}.bar-legend span{display:inline-flex;gap:5px;align-items:center}.bar-legend i{width:9px;height:9px;border-radius:999px}.dashboard-grid{display:grid;grid-template-columns:minmax(280px,.9fr) minmax(420px,1.1fr);gap:16px}.dashboard-breakdown-layout{display:grid;gap:14px;align-items:start}.dashboard-breakdown-tables{display:grid;gap:12px;min-width:0}.dashboard-breakdown-block,.dashboard-donut-section{min-width:0}.breakdown-block-label{display:flex;flex-wrap:wrap;align-items:baseline;gap:6px 10px;margin-bottom:6px}.breakdown-block-label strong{color:#1f2933;font-size:12px;font-weight:700}.breakdown-block-label span{color:#64748b;font-size:10px}.category-dot{display:inline-block;width:8px;height:8px;margin-right:6px;border-radius:999px;vertical-align:middle}.donut-stack{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.donut-card{display:grid;justify-items:center;gap:12px;border:1px solid #d9e0e8;border-radius:8px;background:#fff;padding:14px}.donut-card-label{display:flex;justify-self:stretch;justify-content:space-between;align-items:baseline;gap:10px}.donut-card-label strong{color:#1f2933;font-size:12px;font-weight:700}.donut-card-label span{color:#64748b;font-size:10px}.donut-chart{display:grid;place-items:center;width:180px;aspect-ratio:1;border-radius:999px}.donut-chart>div{display:grid;align-content:center;place-items:center;gap:3px;width:112px;aspect-ratio:1;border-radius:999px;background:#fff;text-align:center}.donut-chart span{color:#64748b;font-size:10px;font-weight:700}.donut-chart strong{max-width:100px;overflow:hidden;color:#111827;font-size:12px;font-weight:400;line-height:1.15;text-overflow:ellipsis;font-variant-numeric:tabular-nums}.donut-chart strong small{margin-left:1px;color:inherit;font-size:10px;font-weight:400}.donut-legend{display:grid;gap:6px;width:100%;color:#526173;font-size:11px}.donut-legend span{display:flex;align-items:center;gap:6px}.donut-legend i{width:8px;height:8px;border-radius:999px}.risk-list{display:grid;gap:7px}.risk-list button{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:4px 10px;min-height:0;border-color:#d9e0e8;background:#fff;padding:9px 10px;text-align:left}.risk-list button:hover{border-color:#94a3b8;background:#f8fafc}.risk-list span{overflow:hidden;color:#1f2933;font-size:12px;text-overflow:ellipsis}.risk-list strong{color:#1f2933;font-weight:400;font-variant-numeric:tabular-nums}.risk-list small{grid-column:1 / -1;font-size:11px}.table-wrap{--table-header-bg: #f1f5f9;--table-header-accent: #cbd5e1;overflow:auto}.toolbar.theme-sales~.table-section .table-wrap{--table-header-bg: #ecfdf5;--table-header-accent: #b8e6d6}.toolbar.theme-costs~.table-section .table-wrap{--table-header-bg: #fef2f2;--table-header-accent: #f7c8c6}.toolbar.theme-actuals~.table-section .table-wrap{--table-header-bg: #eff6ff;--table-header-accent: #c1d6f8}.compact-wrap{border-top:1px solid #d9e0e8}table{width:100%;border-collapse:collapse;font-size:12px}.monthly-table{border-collapse:separate;border-spacing:0;min-width:2070px}.variance-summary-table{border-collapse:separate;border-spacing:0;min-width:1404px}.variance-monthly-table{min-width:2078px}.project-total-row td{background:var(--table-header-bg);border-bottom:2px solid var(--table-header-accent)}th,td{padding:4px 6px;border-bottom:1px solid #e7ecf2;text-align:left;white-space:nowrap}th{position:sticky;top:0;z-index:1;color:#334155;background:var(--table-header-bg);border-bottom-color:#dbe3ee;font-size:11px;font-weight:800}.sticky-project-table th:nth-child(1),.sticky-project-table td:nth-child(1){position:sticky;left:0;z-index:2;width:44px;min-width:44px;max-width:44px;background:#fff;font-size:11px;text-align:center}.sticky-project-table th:nth-child(2),.sticky-project-table td:nth-child(2){position:sticky;left:44px;z-index:2;width:56px;min-width:56px;max-width:56px;overflow:hidden;background:#fff;font-size:11px;text-overflow:ellipsis}.sticky-project-table th:nth-child(3),.sticky-project-table td:nth-child(3){position:sticky;left:100px;z-index:2;width:78px;min-width:78px;max-width:78px;overflow:hidden;background:#fff;font-size:11px;text-overflow:ellipsis}.sticky-project-table th:nth-child(4),.sticky-project-table td:nth-child(4){position:sticky;left:178px;z-index:2;width:420px;min-width:420px;max-width:420px;overflow:hidden;background:#fff;box-shadow:6px 0 10px -10px #0f172a73;font-size:11px;text-overflow:ellipsis}.sticky-project-table th:nth-child(4):after,.sticky-project-table td:nth-child(4):after{content:"";position:absolute;top:0;right:0;bottom:0;width:1px;background:#94a3b8;pointer-events:none}.variance-monthly-table th:nth-child(4):after,.variance-monthly-table td:nth-child(4):after{content:none}.variance-monthly-table th:nth-child(5),.variance-monthly-table td:nth-child(5){position:sticky;left:598px;z-index:2;width:42px;min-width:42px;max-width:42px;background:#fff;box-shadow:6px 0 10px -10px #0f172a73;font-size:11px;text-align:center}.variance-monthly-table th:nth-child(5):after,.variance-monthly-table td:nth-child(5):after{content:"";position:absolute;top:0;right:0;bottom:0;width:1px;background:#94a3b8;pointer-events:none}.sticky-project-table th:nth-child(1),.sticky-project-table th:nth-child(2),.sticky-project-table th:nth-child(3),.sticky-project-table th:nth-child(4){z-index:4;background:var(--table-header-bg)}.variance-monthly-table th:nth-child(5){z-index:4;background:var(--table-header-bg)}.sticky-project-table .project-total-row td:nth-child(1),.sticky-project-table .project-total-row td:nth-child(2),.sticky-project-table .project-total-row td:nth-child(3),.sticky-project-table .project-total-row td:nth-child(4){background:var(--table-header-bg)}.variance-monthly-table .project-total-row td:nth-child(5){background:var(--table-header-bg)}.monthly-table tbody tr:nth-child(2n):not(.project-total-row) td{background:#fbfcfe}td strong,td small{display:block}td strong{font-weight:400}td small{margin-top:2px;color:#64748b}.project-title-link{color:inherit;text-decoration:none}.project-title-link:hover{text-decoration:underline;text-underline-offset:2px}.sub-account-cell{position:relative;min-width:0;padding-right:158px}.sub-account-text{display:block;overflow:hidden;text-overflow:ellipsis}.copy-button,.project-url-button,.comment-button,.assignee-chip{position:absolute;top:50%;z-index:1;display:grid;place-items:center;min-width:22px;min-height:19px;border:1px solid #d6dde7;border-color:#d6dde7;border-radius:4px;background:#fff;color:#526173;padding:0;line-height:1;transform:translateY(-50%);transition:border-color .12s ease,color .12s ease}.project-url-button{right:124px;width:22px;text-decoration:none}.copy-button{right:100px;width:22px}.comment-button{right:60px;grid-template-columns:14px minmax(10px,auto);gap:2px;width:36px}.assignee-chip{right:0;display:flex;align-items:center;gap:2px;width:56px;min-height:19px;overflow:hidden;border:1px solid transparent;border-radius:4px;background:transparent;color:#526173;padding:0 5px;font-size:10px;line-height:1;transform:translateY(-50%)}.copy-button:hover,.project-url-button:hover,.comment-button:hover{border-color:#94a3b8;color:#1f2933}.copy-button .material-symbols-outlined,.project-url-button .material-symbols-outlined,.comment-button .material-symbols-outlined,.assignee-chip .material-symbols-outlined{font-size:14px;line-height:1}.assignee-chip span:last-child{overflow:hidden;text-overflow:ellipsis}.comment-count{font-size:10px;font-weight:700;line-height:1}.copy-popover{position:fixed;inset:auto;max-width:280px;margin:0;border:1px solid #334155;border-radius:6px;background:#111827;color:#fff;padding:6px 8px;box-shadow:0 8px 20px #0f172a2e;font-size:11px;line-height:1.35;transform:translate(-50%,-100%);white-space:normal}.num{box-sizing:border-box;width:92px;min-width:92px;max-width:92px;padding-right:6px;padding-left:6px;border-left:1px solid #e7ecf2;font-variant-numeric:tabular-nums;font-weight:400;text-align:right}td.num{font-size:13px}.variance-rate-col{width:72px;min-width:72px;max-width:72px}.variance-profit-rate-col{width:92px;min-width:92px;max-width:92px}.month-heading{color:#1f2933;font-weight:700;text-align:center}.amount-link{display:block;width:100%;min-height:20px;border:0;border-radius:3px;padding:0;background:transparent;color:#1f2933;font:inherit;font-weight:400;text-align:right;transition:background-color .12s ease,color .12s ease}.amount-link:hover,.amount-link:focus-visible{background:#dbeafe;color:#111827;outline:none}.amount-zero{color:#9ca3af}.variance-cell{padding-top:4px;padding-bottom:4px;vertical-align:top}.variance-stack{min-height:18px}.variance-stack strong{display:block;overflow:hidden;font-weight:400;text-align:right;text-overflow:ellipsis}.variance-label-cell{padding-top:4px;padding-bottom:4px;vertical-align:top}.variance-label-cell span{display:block;min-height:18px;color:#64748b;font-weight:400;text-align:center}.variance-label-cell .variance-difference-label{color:#c2410c}.project-total-row .variance-stack strong,.project-total-row .num{font-weight:700}.tone-danger{color:#dc2626}.tone-warning{color:#c2410c}.tone-info{color:#1d4ed8}.tone-success{color:#15803d}.state,.empty-state{padding:20px;margin:0}.state.error{color:#dc2626}.empty-state h2{margin:0 0 8px;font-size:16px}.empty-state p{margin:0;color:#526173}.detail-layer{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;display:flex;justify-content:flex-end;padding:20px}.layer-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;min-height:0;border:0;border-radius:0;background:#0f172a61;padding:0}.detail-panel{position:relative;z-index:1;width:min(440px,100vw);height:100%;overflow:auto;border:1px solid #d9e0e8;border-radius:20px;background:#fff;box-shadow:-18px 0 40px #0f172a2e;padding:20px}.detail-layer-enter-active,.detail-layer-leave-active{transition:opacity .22s ease}.detail-layer-enter-active .detail-panel,.detail-layer-leave-active .detail-panel{transition:transform .26s cubic-bezier(.22,1,.36,1)}.detail-layer-enter-from,.detail-layer-leave-to{opacity:0}.detail-layer-enter-from .detail-panel,.detail-layer-leave-to .detail-panel{transform:translate(100%)}.detail-layer-enter-to,.detail-layer-leave-from{opacity:1}.detail-layer-enter-to .detail-panel,.detail-layer-leave-from .detail-panel{transform:translate(0)}@media(prefers-reduced-motion:reduce){.detail-layer-enter-active,.detail-layer-leave-active,.detail-layer-enter-active .detail-panel,.detail-layer-leave-active .detail-panel{transition:none}}.panel-header{display:flex;justify-content:space-between;gap:14px;align-items:flex-start}.detail-panel h2{margin:4px 0 6px;font-size:16px}.panel-tags{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:8px}.panel-tags span{border:1px solid #d6dde7;border-radius:999px;background:#fff;color:#526173;padding:3px 8px;font-size:11px;font-weight:700;line-height:1.2}.detail-panel h2.panel-sub-account{margin:0 0 8px;color:#111827;font-size:18px;line-height:1.3}.icon-button{width:32px;min-height:32px;border-radius:999px;padding:0;font-size:14px;line-height:1}.panel-project{margin:0 0 4px;color:#526173}.panel-period{margin:0 0 16px;color:#1f2933;font-size:14px;line-height:1.25;font-weight:700}.selected-amount-card{display:grid;gap:4px;margin-bottom:16px;padding:16px;border:1px solid #d9e0e8;border-radius:12px;background:#f8fafc}.selected-amount-card span{color:#64748b;font-size:11px;font-weight:800}.selected-amount-card strong{color:#111827;font-size:24px;font-weight:400;line-height:1.15;font-variant-numeric:tabular-nums}.breakdown-section{margin-bottom:18px}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:8px}.section-heading h3,.detail-form h3{margin:0;color:#1f2933;font-size:13px}.section-heading button{min-height:28px;padding:0 10px}.empty-breakdown,.breakdown-item{border:1px solid #e1e7ef;border-radius:10px;background:#fff}.empty-breakdown{padding:12px;color:#64748b}.breakdown-list{display:grid;gap:8px}.breakdown-item{display:grid;gap:10px;padding:12px}.breakdown-item label{display:grid;gap:5px}.breakdown-item span{color:#64748b;font-size:11px;font-weight:800}.breakdown-item input,.breakdown-item textarea{width:100%;border:1px solid #ccd3dc;border-radius:6px;background:#fff;color:#1f2933;padding:8px 9px}.breakdown-item textarea{resize:vertical}.breakdown-item strong,.breakdown-item p{margin:0}.breakdown-item strong{font-size:15px;font-weight:400;font-variant-numeric:tabular-nums}.breakdown-display{display:grid;gap:10px}.breakdown-display div{display:grid;gap:4px}.breakdown-display p{color:#1f2933;line-height:1.5;white-space:pre-wrap}.breakdown-author-state{color:#64748b;font-size:11px;font-weight:700}.breakdown-actions{display:flex;align-items:center;justify-content:space-between;gap:10px;padding-top:2px}.breakdown-action-buttons{display:flex;gap:6px;justify-content:flex-end}.breakdown-actions button{min-height:28px;padding:0 10px}.comment-section{display:grid;gap:14px}.comment-account-card{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 12px;border:1px solid #dbe3ee;border-radius:10px;background:#fff}.comment-account-card span,.comment-account-card small{color:#64748b;font-size:11px;font-weight:700}.comment-account-card strong{display:block;margin-top:2px;color:#1f2933;font-size:13px;font-weight:700}.my-mentions{display:grid;gap:8px}.my-mentions button{display:grid;gap:4px;min-height:0;border-color:#dbe3ee;background:#f8fafc;padding:9px 10px;text-align:left}.my-mentions button:hover{border-color:#94a3b8;background:#eef6ff}.my-mentions strong,.my-mentions span{overflow:hidden;text-overflow:ellipsis}.my-mentions strong{color:#1f2933;font-size:11px}.my-mentions span{color:#64748b;font-size:11px}.comment-form{display:grid;gap:10px;padding:12px;border:1px solid #e1e7ef;border-radius:10px;background:#f8fafc}.comment-form label{display:grid;gap:5px}.comment-form span{color:#64748b;font-size:11px;font-weight:800}.comment-form input,.comment-form textarea{width:100%;border:1px solid #ccd3dc;border-radius:6px;background:#fff;color:#1f2933;padding:8px 9px}.comment-form textarea{resize:vertical}.comment-input-wrap{position:relative;z-index:2}.mention-suggestions{position:absolute;top:calc(100% + 4px);right:0;left:0;z-index:5;display:grid;max-height:168px;overflow:auto;border:1px solid #bfdbfe;border-radius:8px;background:#fff;box-shadow:0 14px 28px #0f172a29;padding:4px}.mention-suggestions button{display:grid;grid-template-columns:minmax(0,1fr);justify-items:start;gap:2px;width:100%;min-height:30px;border:0;border-radius:6px;background:#fff;color:#1d4ed8;padding:0 9px;text-align:left}.mention-suggestions button:hover,.mention-suggestions button:focus-visible,.mention-suggestions button.active{background:#eff6ff;outline:none}.mention-suggestions strong{font-size:11px;font-weight:700}.mention-suggestions span{color:#526173;font-size:10px;font-weight:700}.comment-form button{justify-self:end;min-height:30px;padding:0 14px}.comment-form button:disabled{cursor:not-allowed;opacity:.55}.comment-heading{margin:0}.comment-list{display:grid;gap:8px}.comment-item{display:grid;gap:8px;padding:12px;border:1px solid #e1e7ef;border-radius:10px;background:#fff}.comment-meta{display:flex;justify-content:space-between;gap:10px;color:#64748b;font-size:11px}.comment-meta strong{color:#1f2933;font-weight:700}.comment-item p{margin:0;color:#1f2933;line-height:1.55;white-space:pre-wrap}.mention-chips{display:flex;flex-wrap:wrap;gap:5px}.mention-chips span{border:1px solid #dbeafe;border-radius:999px;background:#eff6ff;color:#1d4ed8;padding:2px 7px;font-size:10px;font-weight:700}.mention-chips span.self{border-color:#fecaca;background:#fef2f2;color:#dc2626}.comment-item button{justify-self:end;min-height:28px;padding:0 10px}.detail-form{display:grid;gap:12px}.detail-form label{display:grid;gap:6px;color:#526173;font-size:11px;font-weight:700}.detail-form input,.detail-form select,.detail-form textarea{width:100%;border:1px solid #ccd3dc;border-radius:6px;background:#fff;color:#1f2933;padding:8px 9px}.detail-form textarea{resize:vertical}.panel-actions{display:flex;justify-content:flex-end;gap:8px;padding-top:6px}@media(max-width:1100px){.app-shell,.app-shell.nav-collapsed{grid-template-columns:1fr}.sidebar{position:relative;height:auto}.nav-collapsed .sidebar{height:74px}.nav-collapsed .nav-list{display:none}.summary-band{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-kpis,.dashboard-grid{grid-template-columns:1fr}.donut-card{justify-items:center}}@media(max-width:720px){.donut-stack{grid-template-columns:1fr}.toolbar,.table-tools{align-items:stretch;flex-direction:column}.toolbar-actions{width:100%;flex-wrap:wrap}.toolbar-actions button{flex:1}.summary-band{grid-template-columns:1fr}.dashboard-view{padding:10px}.summary-band div{border:1px solid #d9e0e8}.table-tools input{min-width:0;width:100%}.detail-layer{padding:10px}.detail-panel{border-radius:16px}}