.overview-kpis{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:18px 0}
#content:has(.dashboard-overview)>#dashboardFilters{display:flex;width:max-content;max-width:100%;padding:0;margin:2px 0 14px;align-items:end;gap:8px;border:0;border-radius:0;background:transparent}#content:has(.dashboard-overview)>#dashboardFilters label{min-width:130px;margin:0}#content:has(.dashboard-overview)>#dashboardFilters label:has(select[name=company]){min-width:175px}#content:has(.dashboard-overview)>#dashboardFilters select{min-height:36px;padding:7px 10px}#content:has(.dashboard-overview)>#dashboardFilters button{min-height:36px;margin:0;padding:7px 12px}
.overview-kpi{background:#fff;border:1px solid #dbe0dc;border-radius:12px;padding:17px 19px;border-top:3px solid #aa8c49;display:flex;flex-direction:column;gap:7px;min-width:0}
.overview-kpi>span{font-size:12px;font-weight:650;color:#4b5854}.overview-kpi>strong{font-size:27px;line-height:1.2;font-variant-numeric:tabular-nums;color:#172b24;overflow-wrap:anywhere}.overview-kpi>small{font-size:11px;line-height:1.5;color:#63716b}
.temporal-margin-note{display:grid;grid-template-columns:auto auto 1fr;gap:10px 14px;align-items:center;margin:8px 0 14px;padding:9px 13px;border:1px solid #dfd5bd;border-radius:10px;background:#fffaf0}.temporal-margin-note>span{font-size:11px;font-weight:800;color:#6f5727}.temporal-margin-note>strong{font-size:16px;color:#7d6129;font-variant-numeric:tabular-nums}.temporal-margin-note>small{color:#6b716e}
.active-filter-summary{display:flex;align-items:center;gap:7px;flex-wrap:wrap;margin-left:auto}.active-filter-summary>span{font-size:10px;font-weight:800;text-transform:uppercase;color:#68736f}.active-filter-summary>b{padding:5px 8px;border-radius:999px;background:#eef2ee;font-size:10px;color:#33443c}.active-filter-summary button{padding:6px 9px!important;font-size:10px!important}.activity-legend span:nth-child(2)::before{background:#373f40}.preparation-workload{display:flex;gap:8px;flex-wrap:wrap;margin:8px 0}.preparation-workload span{padding:6px 9px;border-radius:8px;background:#f1f3ef;font-size:10px}.preparation-workload b{font-size:13px;color:#775d2c}
.dashboard-attention{margin:20px 0 24px}.overview-section-title{display:flex;align-items:end;justify-content:space-between;gap:14px;margin-bottom:12px}.overview-section-title h3{margin:4px 0 0;font-size:19px}.overview-section-title>small{font-size:11px;color:#62706b;text-align:right}
.attention-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;align-items:start}.attention-group{background:#fff;border:1px solid #dbe0dc;border-radius:12px;min-width:0;overflow:hidden}.attention-group summary{display:grid;grid-template-columns:1fr auto;gap:8px;padding:16px;cursor:pointer;list-style:none}.attention-group summary::-webkit-details-marker{display:none}.attention-group summary>span:first-child{font-size:13px;font-weight:700}.attention-group summary>strong{font-size:23px;grid-column:2;grid-row:1/3;font-variant-numeric:tabular-nums}.attention-group summary>small{font-size:11px;color:#62706b;line-height:1.5}.attention-disclosure{font-size:11px;color:#785d26;grid-column:1/-1}.attention-disclosure:after{content:' ＋'}.attention-group[open] .attention-disclosure:after{content:' −'}.attention-group[open]{grid-column:1/-1}.attention-group[open] summary{background:#f6f5ee;border-bottom:1px solid #dbe0dc}.attention-detail{padding:14px}.attention-detail .scroll{margin:0 0 12px}.attention-detail td:nth-child(2){overflow-wrap:anywhere}.attention-detail .empty-state{padding:14px;margin:0 0 12px}.attention-group summary:focus-visible{outline:3px solid #867035;outline-offset:-3px}
.dashboard-reconciliation.neutral{border-left:4px solid #788881;background:#f1f4f2;color:#43544a}.dashboard-reconciliation{font-size:12px;line-height:1.5}.dashboard-reconciliation[hidden]{display:none!important}
#content:has(.dashboard-overview) .dashboard-four{align-items:start;gap:14px}#content:has(.dashboard-overview) .dashboard-chart{min-height:0;padding:18px}#content:has(.dashboard-overview) .dashboard-chart>svg{height:200px;margin-top:12px}#content:has(.dashboard-overview) .dashboard-chart-empty .empty-state{padding:14px;margin:12px 0 0;font-size:12px}#content:has(.dashboard-overview) .dashboard-chart h3{font-size:17px}#content:has(.dashboard-overview) .dashboard-bottom{grid-template-columns:1fr}
@media(max-width:700px){#content:has(.dashboard-overview)>#dashboardFilters{display:grid;width:100%;grid-template-columns:1fr 1fr}#content:has(.dashboard-overview)>#dashboardFilters label:has(select[name=company]){grid-column:1/-1}.overview-kpis{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.overview-kpi{padding:13px}.overview-kpi>strong{font-size:22px}.overview-section-title{align-items:start;flex-direction:column}.overview-section-title>small{text-align:left}.attention-grid{grid-template-columns:1fr}.attention-group[open]{grid-column:auto}.temporal-margin-note{grid-template-columns:1fr auto}.temporal-margin-note>small{grid-column:1/-1}.active-filter-summary{margin-left:0}}
@media(max-width:380px){.overview-kpis{grid-template-columns:1fr}}
.overview-kpis{grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:9px;margin:12px 0}.overview-kpi{padding:12px 14px;gap:5px}.overview-kpi>strong{font-size:23px}.overview-kpi>small{line-height:1.4}
.attention-group summary{padding:12px;gap:5px 10px}.attention-group summary>strong{font-size:22px}.attention-group summary>*{position:static;min-width:0}.attention-group summary>small{line-height:1.4}.attention-disclosure{margin-top:4px}
#content .stat-card{height:auto;min-height:0;padding:12px 14px;display:flex;flex-direction:column;gap:6px;min-width:0}#content .stat-card>*{position:static;margin:0;line-height:1.4}#content .stat-card>strong{font-size:23px;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
.dashboard-view-tabs{display:flex;gap:8px;margin:0 0 14px}.dashboard-view-tabs button{display:inline-flex;align-items:center;gap:8px;padding:10px 14px;border:1px solid #d8ddd8;background:#fff;color:#26322e}.dashboard-view-tabs button[aria-selected=true],.dashboard-view-tabs button[aria-pressed=true]{border-color:#39443f;background:#39443f;color:#fff}.dashboard-view-tabs button svg{width:17px;height:17px;flex:0 0 17px}.dashboard-view-tabs button span{font-size:12px;line-height:1}.dashboard-view-heading{margin:2px 0 14px}.dashboard-view-heading h2{margin:0;font-size:24px}.dashboard-view-heading p{margin:5px 0 0;color:var(--muted);font-size:12px}.panel-charts{margin:0;padding:0;border:0;background:transparent}.panel-charts .dashboard-four{margin:0}.panel-charts .dashboard-chart{min-width:0}#content[data-dashboard-view=summary]>#panelCharts{display:none!important}#content[data-dashboard-view=charts]>:not(#dashboardViewTabs):not(#dashboardFilters):not(#panelCharts):not(h2){display:none!important}#content[data-dashboard-view=charts]>#dashboardFilters{margin-top:0}
@media print{.overview-kpis{grid-template-columns:repeat(3,minmax(0,1fr))}.overview-kpi,.attention-group{break-inside:avoid}.attention-detail button{display:none}}
.role-analytics{display:grid;gap:12px}.role-chart-grid{display:grid;grid-template-columns:minmax(0,.78fr) minmax(0,1.22fr);gap:12px}.power-chart-card{min-width:0;padding:16px;border:1px solid var(--line);border-radius:12px;background:var(--panel)}.power-chart-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:15px}.power-chart-heading h3{margin:3px 0 0}.power-chart-heading small{color:var(--muted)}.role-status-chart{display:grid;gap:9px}.role-status-row{display:grid;grid-template-columns:110px minmax(0,1fr) 32px;gap:10px;align-items:center;width:100%;padding:7px 0;background:transparent;color:var(--text);border:0;text-align:left}.role-status-row i{height:11px;overflow:hidden;border-radius:99px;background:color-mix(in srgb,var(--line) 60%,transparent)}.role-status-row i b{display:block;height:100%;min-width:2px;border-radius:inherit;background:var(--accent)}.role-status-row strong{text-align:right}.role-chart-metrics{display:flex;gap:4px}.role-chart-metrics button{min-height:30px;padding:5px 8px;background:transparent;color:var(--muted);border-color:var(--line);font-size:10px}.role-chart-metrics button.on{background:var(--accent);color:#182019}.role-trend-chart{display:grid;grid-template-columns:repeat(6,minmax(44px,1fr));gap:9px;height:190px;align-items:end;padding:10px 4px 0;border-bottom:1px solid var(--line)}.role-trend-month{display:grid;grid-template-rows:20px 1fr 21px;gap:4px;align-items:end;height:100%;padding:0;background:transparent;color:var(--text);border:0}.role-trend-month strong{text-align:center;font-size:11px}.role-trend-month i{display:flex;align-items:end;justify-content:center;height:100%}.role-trend-month i b{display:block;width:min(34px,72%);min-height:2px;border-radius:5px 5px 0 0;background:var(--accent);transition:height .2s ease}.role-trend-month span{text-align:center;color:var(--muted);font-size:10px}.role-status-row:hover,.role-status-row.is-selected,.role-trend-month:hover,.role-trend-month.is-selected{filter:brightness(1.14)}.chart-selection{display:block;padding:10px 12px;border:1px solid var(--accent);border-radius:9px;background:color-mix(in srgb,var(--accent) 10%,var(--panel));color:var(--text)}.chart-zero-note{text-align:center;color:var(--muted)}.dashboard-chart-empty svg{display:block;opacity:.72}
body.portal-integral .role-status-row,body.portal-integral .role-trend-month{background:transparent;color:var(--text);border:0;border-radius:0;box-shadow:none}body.portal-integral .role-status-row:hover,body.portal-integral .role-trend-month:hover{background:color-mix(in srgb,var(--accent) 6%,transparent);color:var(--text)}.purchase-chart-kpis{grid-template-columns:repeat(5,minmax(0,1fr));margin:0 0 14px}.purchase-chart-kpis .stat-card{border-top:2px solid var(--accent)}
@media(max-width:900px){.role-chart-grid{grid-template-columns:1fr}.role-trend-chart{height:170px}.power-chart-heading{flex-wrap:wrap}.purchase-chart-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:540px){.role-trend-chart{gap:3px}.role-status-row{grid-template-columns:90px minmax(0,1fr) 26px}.role-chart-metrics{overflow:auto;max-width:100%}}