.monitor-detail-button{display:inline-flex;align-items:center;justify-content:center;min-height:45px;flex:1.25;padding:0 16px;border:1px solid #3d1671;border-radius:12px;background:#fff;color:#351069;font-size:11px;font-weight:900;text-align:center;text-decoration:none}.monitor-detail-button:hover{background:#f2ebfb}
.radar-detail-head{padding:64px max(32px,calc((100% - 1180px)/2)) 34px}.radar-detail-head>a{color:var(--purple);font-size:13px;font-weight:900;text-decoration:none}.radar-detail-head>div{display:flex;align-items:center;gap:14px;margin-top:30px}.radar-detail-head .eyebrow{margin:0}.radar-detail-head h1{margin:12px 0 4px;font-size:clamp(48px,8vw,86px);line-height:.98;letter-spacing:-.065em}.radar-detail-head>p{color:var(--muted);font-size:18px}
.radar-kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;max-width:1180px;margin:0 auto 22px;padding:0 32px}.radar-kpis article{display:flex;min-height:150px;flex-direction:column;padding:25px;border:1px solid var(--line);border-radius:22px;background:#fff;box-shadow:0 14px 38px rgba(30,12,64,.06)}.radar-kpis span{color:var(--muted);font-size:10px;font-weight:900;letter-spacing:.09em;text-transform:uppercase}.radar-kpis strong{margin:12px 0 8px;font-size:27px;line-height:1.08}.radar-kpis small{margin-top:auto;color:var(--muted);font-size:11px}.radar-kpis .down strong{color:#07845c}.radar-kpis .up strong{color:#b56d00}
.radar-detail-grid{display:grid;grid-template-columns:minmax(0,1.75fr) minmax(300px,.8fr);gap:18px;max-width:1180px;margin:0 auto;padding:0 32px}.radar-chart-card,.radar-health,.radar-timeline,.radar-settings{border:1px solid var(--line);border-radius:25px;background:#fff;box-shadow:0 16px 45px rgba(30,12,64,.06)}.radar-chart-card{padding:30px}.radar-section-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:20px}.radar-section-heading h2{margin-top:5px;font-size:27px}.radar-section-heading>span{color:var(--muted);font-size:10px}.radar-chart-wrap{position:relative;margin-top:22px;padding-left:60px}.radar-chart{display:block;width:100%;overflow:visible}.radar-chart line{stroke:#e7dfef;stroke-width:1}.radar-chart polygon{fill:url(#radar-area)}.radar-chart polyline{fill:none;stroke:#6e21d4;stroke-width:5;stroke-linecap:round;stroke-linejoin:round}.radar-chart circle{fill:#ff3d91;stroke:#fff;stroke-width:4}.chart-scale{position:absolute;inset:18px auto 31px 0;display:flex;flex-direction:column;justify-content:space-between;color:var(--muted);font-size:9px}.chart-dates{display:flex;justify-content:space-between;color:var(--muted);font-size:9px}.radar-chart-empty{display:grid;min-height:270px;place-content:center;text-align:center;color:var(--muted)}.radar-chart-empty span{font-size:38px;color:var(--violet)}.radar-chart-empty strong{margin:10px 0 5px;color:var(--ink)}
.radar-health{padding:30px}.radar-health h2{margin:7px 0 18px;font-size:26px}.radar-health .monitor-evaluation{margin:0 0 20px}.radar-health dl{display:grid;gap:0}.radar-health dl>div{display:flex;justify-content:space-between;gap:15px;padding:13px 0;border-top:1px solid var(--line)}.radar-health dt{color:var(--muted);font-size:10px}.radar-health dd{font-size:11px;font-weight:900;text-align:right}.radar-detail-actions{display:grid;gap:9px;margin-top:18px}.radar-detail-actions form,.radar-detail-actions button{width:100%}
.radar-timeline{max-width:1116px;margin:20px auto;padding:30px}.radar-events{display:grid;gap:0;margin-top:20px}.radar-event{display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:24px;padding:20px 0;border-top:1px solid var(--line)}.radar-event:first-child{border-top:0}.radar-event>div:first-child span,.radar-event>div:first-child strong,.radar-event>div:first-child small{display:block}.radar-event>div:first-child span{font-size:11px;font-weight:900}.radar-event>div:first-child strong{margin:5px 0;font-size:16px}.radar-event>div:first-child small{color:var(--muted);font-size:10px}.radar-event-price{text-align:right}.radar-event-price strong,.radar-event-price span{display:block}.radar-event-price strong{color:var(--purple);font-size:19px}.radar-event-price span{margin-top:4px;color:#07845c;font-size:10px;font-weight:900}.radar-event>a{padding:12px 15px;border-radius:11px;background:#301064;color:#fff;font-size:10px;font-weight:900;text-decoration:none}.radar-detail-empty{padding:38px 0;text-align:center;color:var(--muted)}.radar-detail-empty strong{color:var(--ink)}
.radar-settings{max-width:1116px;margin:20px auto 90px;overflow:hidden}.radar-settings>summary{display:flex;align-items:center;justify-content:space-between;padding:24px 30px;cursor:pointer;list-style:none}.radar-settings>summary small,.radar-settings>summary strong{display:block}.radar-settings>summary small{color:var(--pink);font-size:9px;font-weight:900;letter-spacing:.12em}.radar-settings>summary strong{margin-top:4px;font-size:18px}.radar-settings>summary b{font-size:26px;color:var(--violet)}.radar-settings>div{padding:0 30px 30px}.radar-settings .radar-form{margin:0}
@media(max-width:800px){.radar-kpis{grid-template-columns:1fr 1fr}.radar-kpis article:last-child{grid-column:1/-1}.radar-detail-grid{grid-template-columns:1fr}.radar-health{order:-1}.radar-event{grid-template-columns:1fr auto}.radar-event>a{grid-column:1/-1;text-align:center}}
@media(max-width:560px){.radar-detail-head{padding:36px 20px 24px}.radar-detail-head>div{margin-top:24px}.radar-detail-head h1{font-size:54px}.radar-detail-head>p{font-size:14px}.radar-kpis{grid-template-columns:1fr;padding:0 16px}.radar-kpis article,.radar-kpis article:last-child{grid-column:auto;min-height:126px;padding:21px}.radar-detail-grid{padding:0 16px}.radar-chart-card,.radar-health,.radar-timeline{padding:22px;border-radius:20px}.radar-chart-card{overflow:hidden}.radar-section-heading{flex-direction:column;gap:5px}.radar-section-heading h2{font-size:24px}.radar-chart-wrap{margin-left:-22px;margin-right:-8px;padding-left:54px}.radar-chart polyline{stroke-width:7}.radar-timeline{margin:16px}.radar-event{gap:12px}.radar-event-price strong{font-size:17px}.radar-settings{margin:16px 16px 70px}.radar-settings>summary{padding:21px}.radar-settings>div{padding:0 18px 22px}}
