.an-dashboard{display:grid;gap:22px;color:#28364f}.an-dashboard [hidden],.an-tooltip[hidden]{display:none!important}.an-summary{display:flex;align-items:center;gap:18px;margin-top:3px}.an-summary>span{font-weight:700;white-space:nowrap;color:#405679}.an-summary p{margin:0;font-size:12px;line-height:1.7;color:#7889a4}.an-core{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.an-kpi{min-width:0;border:1px solid rgba(255,255,255,.92);border-radius:20px;background:rgba(255,255,255,.77);box-shadow:0 7px 24px #607dba07;overflow:hidden;transition:box-shadow .18s,border-color .18s}.an-kpi.active{border-color:color-mix(in srgb,var(--metric-color) 40%,white);background:linear-gradient(135deg,color-mix(in srgb,var(--metric-color) 7%,white),#ffffffdf);box-shadow:0 7px 26px #5273eb0c}.an-value{width:100%;text-align:left;background:transparent;border:0;padding:19px 20px 12px;cursor:pointer;display:flex;flex-direction:column;align-items:flex-start;gap:6px}.an-value span{color:#60718d;font-size:13px;font-weight:500}.an-value strong{font-size:30px;letter-spacing:-.7px;line-height:1.3;font-variant-numeric:tabular-nums;color:#2e405f}.an-value small{color:#98a5b9;font-size:10px}.an-card-bottom{display:flex;justify-content:space-between;align-items:center;gap:6px;padding:0 20px 16px;font-size:10px;color:#8796ad}.an-card-bottom button,.an-link{border:0;background:none;font-size:11px;color:var(--metric-color,#5871d6);cursor:pointer;white-space:nowrap}.an-kpi:hover{box-shadow:0 10px 30px #607dba15}.an-section-title{display:flex;align-items:center;gap:18px;margin:0 0 12px}.an-section-title h2,.an-panel h2{margin:0;font-size:16px;letter-spacing:-.25px}.an-section-title small{font-size:11px;color:#8b99ae}.an-efficiency{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:10px}.an-small .an-value{padding:15px 12px 10px}.an-small .an-value span{font-size:11px}.an-small .an-value strong{font-size:21px}.an-small .an-card-bottom{padding:0 12px 12px;flex-direction:column;align-items:flex-start;gap:6px}.an-chart-row{display:grid;grid-template-columns:minmax(0,1.85fr) minmax(280px,1fr);gap:20px}.an-panel{min-width:0;padding:24px;border-radius:24px;border:1px solid #ffffffef;background:rgba(255,255,255,.8);box-shadow:0 9px 35px #5e75a509;backdrop-filter:blur(18px)}.an-panel>header{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:17px}.an-panel>header p{font-size:11px;margin:7px 0 0;color:#8695ad;line-height:1.6}.an-section-label{font-size:9px;letter-spacing:1.5px;color:#98a5ba;display:block;margin-bottom:7px}.an-legend{display:flex;gap:12px;font-size:10px;color:#8996ac;white-space:nowrap}.an-legend span{display:flex;align-items:center;gap:5px}.an-legend i{width:7px;height:7px;border-radius:50%;background:#5273eb}.an-legend .previous{background:#a1adbf}.an-switches{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:12px}.an-switches button{font-size:11px;border:0;padding:7px 10px;border-radius:8px;background:transparent;color:#7887a1;cursor:pointer}.an-switches button.selected{color:#526adc;background:#edf1ff}.an-trend-panel{position:relative}.an-trend-svg{display:block;width:100%;height:auto;overflow:visible}.an-trend-svg text,.an-donut text{font-size:10px;fill:#8c9bb2;font-family:inherit}.an-chart-hit{cursor:pointer}.an-chart-hit.hovered,.an-chart-hit:focus{fill:#5273eb08;outline:0;stroke:#5273eb40;stroke-dasharray:4 4}.an-tooltip{position:absolute;top:132px;max-width:216px;padding:13px 15px;border-radius:13px;background:#25364fec;color:#fff;box-shadow:0 8px 28px #25364f25;pointer-events:none;font-size:11px;z-index:3;backdrop-filter:blur(15px)}.an-tooltip b{display:block;margin-bottom:8px}.an-tooltip span{display:flex;gap:15px;justify-content:space-between;margin:6px 0}.an-tooltip small{display:block;font-size:9px;color:#bac7df;line-height:1.5;margin-top:8px}.an-footnote{font-size:10px;color:#8c9bb2;line-height:1.8;margin:15px 0 0}.an-source-layout{display:flex;align-items:center;flex-wrap:wrap;justify-content:center;gap:8px}.an-donut{width:180px;flex-shrink:0;max-width:100%}.an-donut .an-donut-value{font-size:27px;font-weight:700;fill:#354965}.an-donut-hit{cursor:pointer;transition:stroke-width .15s}.an-donut-hit:hover,.an-donut-hit:focus{stroke-width:22;outline:0;filter:drop-shadow(0 1px 4px #607dba33)}.an-source-legend{min-width:130px;flex:1}.an-source-legend button{width:100%;display:flex;align-items:center;gap:8px;text-align:left;background:transparent;border:0;border-bottom:1px solid #edf1f7;padding:14px 0;cursor:pointer;font-size:12px}.an-source-legend i{width:8px;height:8px;border-radius:50%}.an-source-legend span{flex:1;color:#677c98}.an-source-legend small{display:block;font-size:10px;color:#9aa6b9;margin-top:5px}.an-source-legend strong{font-size:17px;color:#344b6b}.an-source-legend b{color:#a8b5c9;font-weight:400}.an-operations{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.an-operation-metrics{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 12px}.an-operation-metrics button{display:flex;align-items:flex-start;flex-direction:column;gap:8px;text-align:left;border:0;background:transparent;padding:2px;cursor:pointer;min-width:0}.an-operation-metrics button span{font-size:11px;color:#7f8ca2}.an-operation-metrics strong{font-size:22px;font-variant-numeric:tabular-nums;color:#3c4c69}.an-operation-metrics small{font-size:10px;color:#97a4b9;margin-left:5px;font-weight:400}.an-operation-metrics button:hover strong{color:#7567b8}.an-bottom-row{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr)}.an-rank{display:flex;align-items:flex-start;gap:13px;width:100%;border:0;border-radius:10px;background:transparent;padding:15px 6px;text-align:left;cursor:pointer}.an-rank:hover,.an-touchpoint:hover{background:#f5f7fc}.an-rank-index{font-size:12px;color:#879abb;padding-top:2px}.an-rank-body{flex:1;min-width:0}.an-rank-body>span:first-child{display:flex;justify-content:space-between;gap:10px;font-size:12px;color:#536780}.an-rank-body strong{font-variant-numeric:tabular-nums}.an-rank-body small{display:block;color:#9aa7bb;font-size:10px;margin-top:8px}.an-bar-track{display:block;background:#eff2f8;height:7px;border-radius:10px;overflow:hidden;margin-top:10px}.an-bar-track i{display:block;height:100%;border-radius:10px;min-width:2px}.an-touchpoint{display:grid;grid-template-columns:110px minmax(0,1fr) 65px;align-items:center;gap:16px;padding:15px 4px;border:0;border-radius:8px;background:transparent;width:100%;text-align:left;cursor:pointer;font-size:12px;color:#6b7e9a}.an-touchpoint .an-bar-track{margin:0}.an-touchpoint strong{text-align:right;color:#526581}.an-not-connected{display:flex;flex-direction:column;gap:8px;background:#f7f9fc;border-radius:14px;padding:15px;margin-top:18px;font-size:11px;color:#8292a9}.an-not-connected b{color:#697e9a;font-weight:500}.an-not-connected small{font-size:10px;color:#98a6bb}.an-capability{display:flex;align-items:center;justify-content:space-between;gap:24px}.an-capability p{font-size:11px;color:#8c9bb2;line-height:1.7;margin:9px 0 0}.an-capability-tags{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.an-capability-tags span{font-size:10px;padding:7px 10px;border-radius:8px;color:#8392a9;background:#f3f6fb}.an-diagnosis-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin:25px 0}.an-diagnosis-grid h3{font-size:14px}.an-diagnosis-grid p{font-size:12px;line-height:1.9;color:#8492a9}.an-detail{width:min(1150px,calc(100vw - 36px));max-height:85vh;margin:auto;border:1px solid white;border-radius:24px;background:#fffffff5;padding:0;color:#354765;box-shadow:0 30px 100px #24345a38;overflow:auto}.an-detail::backdrop{background:#2a385857;backdrop-filter:blur(7px)}.an-detail>header{display:flex;align-items:center;justify-content:space-between;padding:24px 26px;border-bottom:1px solid #eaf0f8;position:sticky;top:0;background:#fffffff2;z-index:1;backdrop-filter:blur(18px)}.an-detail h2{font-size:20px;margin:0}.an-detail>header button{border:0;background:#f2f5fa;color:#7d8da6;width:34px;height:34px;border-radius:50%;font-size:24px;cursor:pointer}.an-detail-scope{display:flex;flex-wrap:wrap;gap:14px;font-size:12px;margin-bottom:15px;color:#7c8ea8}.an-detail-definition{font-size:12px;color:#7d8ca3;line-height:1.8;background:#f6f8fc;border-radius:12px;padding:12px 15px;margin-bottom:20px}#dc-detail-body{padding:24px 26px}.an-table-scroll{max-width:100%;overflow:auto}.an-table{width:100%;border-collapse:collapse;white-space:nowrap;font-size:12px}.an-table th{text-align:left;background:#f6f8fc;font-weight:500;color:#798ba7;padding:12px}.an-table td{padding:13px 12px;border-bottom:1px solid #edf1f7;font-variant-numeric:tabular-nums}.an-table small{display:block;font-size:9px;font-weight:400;color:#97a6bd;margin-top:6px}.an-pagination{display:flex;align-items:center;justify-content:flex-end;gap:10px;padding-top:20px;font-size:11px;color:#8393ab}.an-pagination button{border:1px solid #e2e8f2;background:white;border-radius:8px;padding:7px 10px;color:#5e7392;cursor:pointer}.an-pagination button:disabled{opacity:.4;cursor:default}.an-empty{padding:40px 10px;color:#91a0b6;font-size:12px}.an-dashboard button:focus-visible,.an-detail button:focus-visible{outline:2px solid #8295ed;outline-offset:3px}
@media(min-width:1600px){#main:has(.an-dashboard){max-width:1680px;width:100%}}@media(max-width:1200px){.an-efficiency{grid-template-columns:repeat(4,minmax(0,1fr))}.an-chart-row{grid-template-columns:minmax(0,1.5fr) minmax(250px,1fr)}.an-source-layout{flex-direction:column}.an-source-legend{width:100%}.an-operations{gap:12px}.an-panel{padding:19px}.an-operation>header{gap:6px}.an-operation h2{font-size:15px}.an-operation-metrics strong{font-size:20px}.an-value strong{font-size:26px}}@media(max-width:950px){.an-core{grid-template-columns:repeat(2,minmax(0,1fr))}.an-chart-row,.an-bottom-row{grid-template-columns:1fr}.an-source-layout{flex-direction:row}.an-operations{grid-template-columns:1fr}.an-operation-metrics{grid-template-columns:repeat(3,minmax(0,1fr))}.an-capability{align-items:flex-start;flex-direction:column}.an-capability-tags{justify-content:flex-start}.an-summary{align-items:flex-start}}@media(max-width:600px){.an-dashboard{gap:17px}.an-summary{flex-direction:column;gap:6px}.an-core{gap:9px}.an-kpi{border-radius:16px}.an-value{padding:15px 13px 8px}.an-value strong{font-size:25px}.an-card-bottom{padding:0 13px 13px;flex-wrap:wrap;font-size:9px}.an-efficiency{grid-template-columns:repeat(2,minmax(0,1fr))}.an-section-title{align-items:flex-start;flex-direction:column;gap:5px}.an-panel{padding:17px;border-radius:19px}.an-panel>header{align-items:flex-start}.an-panel h2{font-size:15px}.an-legend{flex-direction:column;gap:5px}.an-operation-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.an-trend-svg{min-height:170px}.an-source-layout{flex-direction:row}.an-touchpoint{grid-template-columns:100px minmax(0,1fr) 55px;gap:8px;font-size:11px}.an-diagnosis-grid{grid-template-columns:1fr}.an-detail{width:calc(100vw - 18px);max-height:92vh;border-radius:18px}.an-detail>header,#dc-detail-body{padding:18px}.an-detail h2{font-size:17px}.an-pagination{flex-wrap:wrap}.an-tooltip{top:155px}.an-trend-svg text{font-size:11px}}
@media(prefers-reduced-motion:reduce){.an-kpi,.an-donut-hit{transition:none}}
@media(max-width:600px){.an-trend-svg text{font-size:16px}}
.an-comparison-tooltip{position:fixed;z-index:12;max-width:238px;padding:12px 14px;border-radius:12px;background:#25364fec;box-shadow:0 8px 28px #25364f25;color:white;font-size:11px;line-height:1.8;pointer-events:none;backdrop-filter:blur(15px)}
/* Hide dialog chrome only: preserve overflow, wheel/touch/keyboard scrolling,
   and leave the document/navigation scrollbars untouched. */
dialog,dialog *{scrollbar-width:none;-ms-overflow-style:none}
dialog::-webkit-scrollbar,dialog *::-webkit-scrollbar{display:none;width:0;height:0}
/* Detail actions use one link color, independent of the metric category. */
.an-kpi .an-card-bottom button{color:#5273eb}