@import url("./activity-charts.css?v=20261022-visual-tabs");
.act-insight-nav,.act-insight-periods{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:12px 0}.act-insight-nav button[aria-pressed=true]{background:var(--act-accent);color:#fff}.act-insight-section{padding:14px;border:1px solid var(--act-line);background:var(--act-surface);margin:14px 0}.act-insight-section th small{display:block;font-weight:400;margin-top:4px}.act-insight-section .act-analytics-scroll{max-height:420px}.act-insight-reports{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:14px 0}.act-insight-reports article{display:flex;align-items:center;justify-content:space-between;gap:12px;border:1px solid var(--act-line);background:var(--act-surface);padding:14px}.act-insight-reports p{margin:6px 0}.act-insight-reports small{color:var(--act-muted)}.act-insight-reports button{flex:none}.act-analytics :focus-visible{outline:2px solid var(--act-accent);outline-offset:2px}@media(max-width:650px){.act-insight-reports{grid-template-columns:1fr}}
.act-analytics{min-width:0}.act-analytics [hidden]{display:none!important}.act-analytics-header{display:flex;justify-content:space-between;gap:14px;align-items:center;border-top:3px solid var(--act-accent);padding:14px;background:var(--act-surface)}.act-analytics h1,.act-analytics h2{margin:0;font-size:20px}.act-analytics h3{margin:0 0 12px;font-size:14px}.act-analytics-header p,.act-analytics-card p{margin:8px 0 0;color:var(--act-muted)}.act-analytics-filters{display:flex;flex-wrap:wrap;gap:14px;padding:14px;border:1px solid var(--act-line);background:var(--act-surface);margin-bottom:14px}.act-analytics-filters>label{display:flex;flex:1 1 160px;flex-direction:column;gap:6px;min-width:0}.act-analytics-filters .act-analytics-check{flex-direction:row;align-items:center}.act-analytics-check input{width:auto}.act-analytics-cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.act-analytics-card,.act-analytics-chart,.act-analytics-definitions{border:1px solid var(--act-line);background:var(--act-surface);padding:14px}.act-analytics-card strong{display:block;font-size:28px;color:var(--act-accent);margin-bottom:8px}.act-analytics-card small{color:var(--act-muted)}.act-analytics-chart{margin-top:14px}.act-analytics-bar{display:grid;grid-template-columns:130px minmax(0,1fr) 45px;align-items:center;gap:14px;margin-top:12px}.act-analytics-bar>div{background:var(--act-secondary);height:18px}.act-analytics-bar i{display:block;background:var(--act-accent);height:100%}.act-analytics-scroll{overflow:auto;max-width:100%;margin:14px 0;border:1px solid var(--act-line)}.act-analytics table{width:100%;border-collapse:collapse;background:var(--act-surface)}.act-analytics caption{text-align:left;font-size:14px;font-weight:600;padding:14px;background:var(--act-secondary)}.act-analytics th,.act-analytics td{padding:12px;text-align:right;border-bottom:1px solid var(--act-line);white-space:nowrap}.act-analytics th:first-child{text-align:left;white-space:normal;min-width:150px}.act-analytics thead{background:var(--act-secondary)}.act-analytics summary{cursor:pointer;font-weight:600}.act-analytics-definitions p{line-height:1.6;color:var(--act-muted)}@media(max-width:1000px){.act-analytics-cards{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:520px){.act-analytics-header{align-items:flex-start;flex-direction:column}.act-analytics-cards{grid-template-columns:1fr}.act-analytics-bar{grid-template-columns:110px minmax(0,1fr) 30px;gap:8px}}

.act-analytics .act-insight-nav button[aria-pressed=true],.act-analytics .act-insight-periods button[aria-pressed=true]{font-weight:700;box-shadow:inset 0 -3px 0 var(--act-accent)!important}.act-insight-periods button small{display:block;font-weight:400}.act-insight-section .act-empty{min-height:0;padding:14px;text-align:left}.act-insight-section .act-analytics-scroll{margin-bottom:0}
#activities-app .act-insight-nav button[aria-pressed=true],#activities-app .act-insight-periods button[aria-pressed=true]{border-color:var(--act-accent)!important;font-weight:700!important}#activities-app .act-insight-nav button[aria-pressed=true]::before,#activities-app .act-insight-periods button[aria-pressed=true]::before{content:'✓';font-weight:700}

/* Keep the detailed grids available without stacking them below every chart. */
.act-statistic-views{margin:18px 0}.act-statistic-views>section>h3{margin-top:14px}.act-statistic-views .sys-form-tabs{flex-wrap:wrap}
.act-analytics-card{border-top:3px solid var(--act-accent);position:relative}.act-analytics-card:nth-child(2){border-top-color:#9270ca}.act-analytics-card:nth-child(3){border-top-color:#00a65a}.act-analytics-card:nth-child(4){border-top-color:#f39c12}
.act-analytics-card h3 i{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;margin-right:4px;background:var(--act-secondary);color:var(--act-accent)}
.act-analytics .ach-card{border-top:3px solid var(--ach-blue)}.act-analytics .ach-ratios .ach-card:first-child{border-top-color:var(--ach-green)}.act-analytics .ach-ratios .ach-card:last-child{border-top-color:var(--ach-orange)}
.act-analytics .ach-track{height:20px;background:repeating-linear-gradient(to right,var(--ach-secondary) 0, var(--ach-secondary) calc(25% - 1px),var(--ach-line) calc(25% - 1px),var(--ach-line) 25%)}
.act-analytics .ach-track i{background:linear-gradient(90deg,var(--ach-blue),color-mix(in srgb,var(--ach-blue) 70%,var(--ach-green)));border-radius:0 3px 3px 0}
.act-analytics .ach-pie{width:170px;height:170px;flex-basis:170px}.act-analytics .ach-legend li{padding-bottom:7px;border-bottom:1px solid var(--ach-line)}

/* Navigation and explicit business states in the work/statistics grids. */
.act-insight-layout{display:grid;grid-template-columns:190px minmax(0,1fr);gap:14px;margin-top:14px;align-items:start}
.act-insight-content{min-width:0}.act-insight-content>[data-status]{margin-top:0}.act-insight-periods:empty{display:none}
.act-analytics .act-insight-nav{display:flex;flex-direction:column;align-items:stretch;gap:4px;margin:0;position:sticky;top:12px}
.act-analytics .act-insight-nav button{width:100%}
#activities-app .act-insight-nav button[aria-pressed=true]::before{content:none}
.act-state-badge{display:inline-block;padding:4px 8px;border:1px solid color-mix(in srgb,var(--state-color) 45%,var(--act-line));border-radius:3px;font-size:12px;font-weight:600}
.act-analytics .act-state-success{--state-color:#00a65a}.act-analytics .act-state-info{--state-color:#3c8dbc}.act-analytics .act-state-warning{--state-color:#d68a12}.act-analytics .act-state-danger{--state-color:#dd4b39}
.act-analytics :is(.act-state-success,.act-state-info,.act-state-warning,.act-state-danger){background:color-mix(in srgb,var(--state-color) 16%,var(--act-surface));color:var(--act-text);box-shadow:inset 3px 0 var(--state-color)}
@media(max-width:700px){.act-insight-layout{grid-template-columns:1fr;gap:10px}.act-analytics .act-insight-nav{position:static;flex-direction:row;flex-wrap:wrap}.act-analytics .act-insight-nav button{width:auto;flex:1 1 auto}}