.radial-activity{--radial-calls:#288bd0;--radial-tasks:#249e7b;--radial-stages:#eb9c32;--radial-crm:#de4f6b;border:1px solid var(--line);background:var(--panel);border-radius:14px;margin-bottom:20px;padding:24px}.radial-activity header{justify-content:space-between;align-items:center;gap:16px;display:flex}.radial-eyebrow{letter-spacing:.14em;color:var(--muted);margin:0 0 8px;font-size:10px}.radial-activity h3{letter-spacing:-.035em;margin:0;font-size:28px}.radial-activity header>span{color:var(--muted);font-size:12px}.radial-intro{color:var(--muted);margin:12px 0 8px;font-size:13px;line-height:1.6}.radial-layout{grid-template-columns:minmax(280px,1fr) minmax(260px,1fr);align-items:center;gap:32px;display:grid}.radial-clock{width:100%;min-width:0;max-width:440px;margin:auto}.radial-clock svg{aspect-ratio:1;width:100%;height:auto;display:block;overflow:visible}.radial-calls{--band:var(--radial-calls)}.radial-tasks{--band:var(--radial-tasks)}.radial-stages{--band:var(--radial-stages)}.radial-crm{--band:var(--radial-crm)}.radial-band{fill:var(--band)}.radial-band.is-empty{fill:var(--muted);opacity:.13}.radial-band.is-future{fill:var(--muted);opacity:.05}.radial-band.is-low{opacity:.45}.radial-band.is-medium{opacity:.72}.radial-band.is-high{opacity:1}.radial-hit{fill:#0000;stroke:#0000;stroke-width:2px;cursor:pointer}.radial-hit.is-selected{stroke:var(--text)}.radial-hit:focus-visible{stroke:var(--accent);stroke-width:4px;outline:none}.radial-hit:hover{fill:#8882}.radial-hour-label{fill:var(--muted);font-variant-numeric:tabular-nums;font-size:13px}.radial-center-caption{fill:var(--muted);letter-spacing:.05em;pointer-events:none;font-size:10px}.radial-center-hour{fill:var(--text);pointer-events:none;font-variant-numeric:tabular-nums;font-size:32px;font-weight:700}.radial-scale{color:var(--muted);flex-wrap:wrap;justify-content:center;gap:16px;font-size:11px;display:flex}.radial-scale span{align-items:center;gap:5px;display:flex}.radial-scale i{background:var(--text);border-radius:2px;width:10px;height:10px}.radial-scale .is-empty{opacity:.13}.radial-scale .is-low{opacity:.45}.radial-scale .is-medium{opacity:.72}.radial-summary{border-bottom:1px solid var(--line);justify-content:space-between;gap:16px;padding-bottom:20px;display:flex}.radial-summary div{flex-direction:column;gap:6px;display:flex}.radial-summary strong{font-variant-numeric:tabular-nums;white-space:nowrap;font-size:22px}.radial-summary span{color:var(--muted);max-width:160px;font-size:11px;line-height:1.5}.radial-hour-picker{justify-content:space-between;align-items:center;gap:12px;margin-top:20px;display:flex}.radial-hour-picker button{border:1px solid var(--line);min-width:44px;min-height:44px;color:var(--text);border-radius:6px;font-size:20px}.radial-hour-picker button:focus-visible{outline:3px solid var(--accent);outline-offset:2px}.radial-hour-picker h4{font-variant-numeric:tabular-nums;margin:0;font-size:20px}.radial-detail-hint{color:var(--muted);margin:10px 0;font-size:12px;line-height:1.5}.radial-legend{margin:0;padding:0;list-style:none}.radial-legend li{border-bottom:1px solid var(--line);align-items:center;gap:12px;padding:12px 0;display:flex}.radial-dot{background:var(--band);border-radius:50%;flex-shrink:0;width:10px;height:10px}.radial-legend li>div{flex-direction:column;flex:1;gap:4px;display:flex}.radial-legend strong{font-size:14px;font-weight:600}.radial-legend small{color:var(--muted);font-size:11px;line-height:1.4}.radial-legend b{font-variant-numeric:tabular-nums;font-size:21px}.radial-call-detail,.radial-footnote{color:var(--muted);font-size:12px;line-height:1.6}.radial-footnote{border-top:1px solid var(--line);margin:20px 0 0;padding-top:16px}.radial-call-detail{margin:12px 0 0}.radial-empty{border:1px solid var(--line);border-radius:14px;margin-bottom:20px;padding:24px}.radial-empty p{color:var(--muted);font-size:14px;line-height:1.5}@media (max-width:760px){.radial-layout{grid-template-columns:1fr;gap:24px}.radial-activity{padding:16px}.radial-activity header{flex-direction:column;align-items:flex-start;gap:8px}.radial-summary strong{font-size:20px}.radial-summary span{max-width:none}.radial-clock{max-width:400px}}@media (max-width:380px){.radial-activity{padding:12px}.radial-scale{gap:8px}.radial-summary{flex-wrap:wrap}.radial-hour-picker{gap:6px}.radial-hour-picker h4{font-size:16px}}
