/* ---------- TOPS ---------- */
#topuri{background:#fff;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}

.top-metric-nav{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:18px;padding:4px 0 2px;border-bottom:1px solid rgba(220,232,235,.65)}
.top-metric-btn{border:1px solid var(--line);background:#fff;color:var(--ink-soft);border-radius:999px;padding:9px 13px;display:flex;gap:8px;align-items:center;text-align:left;font-family:'Inter';cursor:pointer;box-shadow:none;transition:transform .12s,border-color .12s,background .12s,color .12s;min-height:42px;min-width:0}
.top-metric-btn:hover{transform:translateY(-1px);border-color:#B9C9CF;background:#FBFDFD}
.top-metric-btn.on{background:#fff;color:var(--ink);border-color:rgba(201,72,158,.55);box-shadow:0 3px 10px rgba(201,72,158,.10);position:relative}
.top-metric-btn.on::after{content:"";position:absolute;left:14px;right:14px;bottom:-5px;height:3px;border-radius:99px;background:var(--accent)}
.top-metric-ico{width:24px;height:24px;border-radius:50%;display:grid;place-items:center;background:#EFF7F8;color:var(--navy);font-weight:800;font-size:13px;line-height:1;flex:none}
.top-metric-btn.on .top-metric-ico{background:var(--accent-soft);color:var(--accent)}
.top-metric-copy{display:flex;align-items:baseline;gap:8px;min-width:0}
.top-metric-title{font-size:13px;font-weight:850;line-height:1.15;white-space:nowrap;min-width:0;overflow:hidden;text-overflow:ellipsis}
.top-metric-sub{font-family:var(--mono);font-size:10px;color:var(--ink-mute);line-height:1.1;white-space:nowrap;font-weight:700}
.top-metric-btn.on .top-metric-sub{color:var(--ink-mute)}
.top-dashboard{display:grid;grid-template-columns:150px minmax(0,1fr) 245px;gap:16px;align-items:start}
.top-scope-tabs{display:flex;flex-direction:column;gap:10px;position:sticky;top:74px}
.top-scope-btn{min-height:56px;border-radius:13px;border:1.5px solid var(--line);background:#fff;color:var(--navy);font-family:'Inter';font-size:13px;font-weight:850;display:flex;align-items:center;justify-content:flex-start;gap:9px;cursor:pointer;box-shadow:0 1px 2px rgba(19,51,60,.03);transition:border-color .12s,background .12s,transform .12s;padding:10px 12px;text-align:left}
.top-scope-btn:hover{border-color:#B9C9CF;transform:translateX(2px)}
.top-scope-btn.on{background:var(--navy);border-color:var(--navy);color:#fff;box-shadow:0 6px 16px rgba(14,90,110,.12)}
.top-scope-btn span{width:22px;height:22px;border-radius:7px;display:grid;place-items:center;background:#EFF7F8;color:var(--navy);font-size:13px;flex:none}
.top-scope-btn.on span{background:rgba(255,255,255,.18);color:#fff}
.top-main{min-width:0}
.top-question-card,.top-leader-card,.top-rank-card,.top-info-card{background:#fff;border:1px solid var(--line);border-radius:15px;box-shadow:0 1px 3px rgba(19,51,60,.04)}
.top-question-card{display:grid;grid-template-columns:48px 1fr;gap:14px;align-items:center;padding:16px 18px;margin-bottom:12px;background:linear-gradient(135deg,#fff,rgba(86,177,182,.06))}
.top-question-icon,.top-leader-icon{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;flex:none;font-size:20px;font-weight:800}
.top-question-icon{background:#DDF2E5;color:#3F9C45}
.top-question-k{font-family:var(--mono);font-size:10.5px;letter-spacing:.06em;text-transform:uppercase;color:var(--navy);font-weight:800;margin-bottom:5px}
.top-question-title{font-size:16.5px;font-weight:850;line-height:1.25;color:var(--ink)}
.top-question-text{font-size:13px;color:var(--ink-soft);margin-top:7px;max-width:900px}
.top-leader-card{display:grid;grid-template-columns:46px 1fr auto;gap:13px;align-items:center;padding:13px 18px;margin-bottom:14px;background:linear-gradient(135deg,#fff,rgba(63,156,69,.06));border-color:#CFE9D4}
.top-leader-icon{background:#FFF2D8;color:#B47A00;font-size:19px}
.top-leader-title{font-size:15.5px;font-weight:850;color:var(--ink);line-height:1.2}
.top-leader-sub{font-size:12.5px;color:var(--ink-soft);margin-top:5px}
.top-leader-value{font-family:var(--mono);font-size:24px;font-weight:800;color:var(--navy);text-align:right;line-height:1;min-width:88px}
.top-leader-value small{display:block;font-family:'Inter';font-size:10.5px;font-weight:700;color:var(--ink-mute);margin-top:5px;text-transform:none}
.top-rank-card{overflow:hidden}
.top-rank-head{display:grid;grid-template-columns:36px minmax(128px,175px) minmax(112px,150px) minmax(135px,1fr) 84px 64px;gap:10px;align-items:end;padding:15px 16px 11px;border-bottom:1px solid var(--line);font-family:var(--mono);font-size:9.5px;text-transform:uppercase;letter-spacing:.035em;color:var(--navy);font-weight:800}
.top-rank-head .metric{text-align:right}.top-rank-head .metric small{font-size:8.8px;color:var(--ink-mute);font-weight:800}.top-rank-head .delta{text-align:right;color:var(--navy)}
.top-rank-body{display:flex;flex-direction:column}
.top-rank-row{display:grid;grid-template-columns:36px minmax(128px,175px) minmax(112px,150px) minmax(135px,1fr) 84px 64px;gap:10px;align-items:center;padding:10px 16px;border-bottom:1px solid #EEF3F5;cursor:pointer;transition:background .12s}
.top-rank-row:hover{background:#F8FBFC}.top-rank-row:last-child{border-bottom:none}
.top-rank-num{font-family:var(--mono);font-weight:800;color:var(--ink-mute);font-size:12.5px}.top-rank-row:nth-child(-n+3) .top-rank-num{color:var(--accent)}
.top-rank-city{font-weight:800;color:var(--ink);font-size:13.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.top-cluster{display:inline-flex;align-items:center;gap:6px;color:var(--ink-mute);font-size:10.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.top-cluster i{width:7px;height:7px;border-radius:50%;display:inline-block;background:var(--petrol);flex:none}
.top-cluster.medii i{background:#DB9418}.top-cluster.mici i{background:#7A4FB5}
.top-rank-track{height:8px;background:#E6EEF1;border-radius:99px;overflow:hidden}.top-rank-track i{height:100%;display:block;border-radius:99px;background:linear-gradient(90deg,var(--navy),var(--teal))}.top-rank-row.neg .top-rank-track i{background:linear-gradient(90deg,#C94A2E,#E08A5E)}
.top-rank-val{font-family:var(--mono);font-weight:800;font-size:13px;text-align:right;color:var(--ink)}
.top-rank-delta{font-family:var(--mono);font-size:11px;font-weight:800;text-align:right;color:var(--pos)}.top-rank-delta.down{color:var(--neg)}.top-rank-delta.flat{color:var(--ink-mute)}
.top-pager{display:flex;justify-content:flex-end;align-items:center;gap:10px;padding:11px 16px;border-top:1px solid var(--line);background:#FBFDFD}.top-page-btn{width:34px;height:34px;border-radius:9px;border:1.5px solid #B9C9CF;background:#fff;color:var(--navy);font-size:20px;line-height:1;display:grid;place-items:center;cursor:pointer}.top-page-btn:disabled{opacity:.35;cursor:not-allowed}.top-page-label{font-family:var(--mono);font-weight:800;color:var(--navy);font-size:12px}
.top-info-col{display:flex;flex-direction:column;gap:14px;position:sticky;top:74px}
.top-info-card{padding:18px 18px;background:linear-gradient(135deg,#fff,#FBFDFD)}
.top-info-title{display:flex;align-items:center;gap:10px;font-weight:850;color:var(--ink);font-size:14px;margin-bottom:14px}
.top-info-icon{width:32px;height:32px;border-radius:50%;display:grid;place-items:center;background:#EFF7F8;color:var(--navy);font-size:15px;flex:none}
.top-info-card.story .top-info-icon{background:#FFF2D8;color:#B47A00}
.top-info-list{display:flex;flex-direction:column;gap:13px}
.top-info-item{display:grid;grid-template-columns:24px 1fr;gap:10px;align-items:start;font-size:12.5px;line-height:1.35;color:var(--ink-soft)}
.top-info-item b{color:var(--ink)}
.top-info-bullet{width:24px;height:24px;border-radius:50%;background:#EFF7F8;color:var(--navy);display:grid;place-items:center;font-size:10.5px;font-weight:900;line-height:1;flex:none}
.top-info-card.story .top-info-bullet{background:#FDF2D9;color:#A06A00}
.top-empty{padding:22px;color:var(--ink-mute);font-size:14px}
.top-foot-note{margin-top:14px;font-size:12px;color:var(--ink-mute);display:flex;align-items:center;gap:7px}

/* v19 — Componenta 2: indicatori orizontali scurți + filtre filieră/profil */
.top-indicator-strip{margin:8px 0 22px;padding-bottom:18px;border-bottom:1px solid rgba(220,232,235,.75)}
.top-indicator-strip .top-metric-nav{margin:0;border:1px solid var(--line);border-radius:8px;padding:0;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:0;overflow:hidden;background:#fff}
.top-indicator-strip .top-metric-btn{min-height:34px;border:0;border-right:1px solid var(--line);border-radius:0;padding:8px 10px;justify-content:center;box-shadow:none;color:var(--navy);background:#fff;overflow:hidden}
.top-indicator-strip .top-metric-btn:last-child{border-right:0}
.top-indicator-strip .top-metric-btn:hover{transform:none;background:#FBFDFD;border-color:var(--line)}
.top-indicator-strip .top-metric-btn.on{color:var(--accent);box-shadow:none;background:#fff}
.top-indicator-strip .top-metric-btn.on::after{left:0;right:0;bottom:0;height:2px;border-radius:0;background:var(--accent)}
.top-indicator-strip .top-metric-copy{max-width:100%;justify-content:center}
.top-indicator-strip .top-metric-title{font-size:12px;font-weight:900;max-width:100%}
.top-indicator-strip .top-metric-sub{font-size:9.4px;color:#68838E}
.top-filter-row{display:flex;align-items:center;gap:18px;margin-top:14px;flex-wrap:wrap}
.top-filter-field{display:flex;align-items:center;gap:9px;font-size:12px;font-weight:850;color:var(--ink-mute)}
.top-filter-field span{line-height:1;white-space:nowrap}
.top-filter-field select{height:34px;min-width:150px;padding:7px 36px 7px 12px;font-size:13px;border-radius:8px;color:var(--ink);font-weight:800}
.top-filter-field.wide select{min-width:285px}
.top-dashboard{grid-template-columns:150px minmax(0,1fr) 245px}
.top-question-card{display:block!important;grid-template-columns:none!important;min-height:0;padding:16px 18px;margin-bottom:13px}
.top-selected-title{display:flex;align-items:center;gap:10px;flex-wrap:wrap;font-family:'Archivo';font-variation-settings:'wdth' 110;font-weight:850;font-size:21px;line-height:1.15;color:var(--ink);margin-bottom:9px}
.top-selected-title .scope-pill{font-family:'Inter';font-size:11.5px;font-weight:800;color:var(--navy);background:#EFF7F8;border:1px solid #DCE8EB;border-radius:999px;padding:5px 9px;white-space:nowrap}
.top-selected-title .scope-pill.muted{color:var(--ink-mute);background:#fff}

/* v20 — Componenta 2: etichete diferențiate + tooltipuri indicatori */
.top-indicator-strip .top-metric-nav{overflow:visible}
.top-indicator-strip .top-metric-btn{position:relative;min-height:42px;padding:8px 8px;overflow:visible}
.top-indicator-strip .top-metric-copy{align-items:center;gap:0;text-align:center}
.top-indicator-strip .top-metric-title{font-size:11.4px;line-height:1.15;white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}
.top-indicator-strip .top-metric-sub{display:none}
.top-metric-btn[data-tooltip]::before{content:attr(data-tooltip);position:absolute;left:50%;top:calc(100% + 9px);transform:translateX(-50%);width:max-content;max-width:260px;background:var(--ink);color:#fff;border-radius:9px;padding:8px 10px;font-family:'Inter';font-size:11.5px;font-weight:700;line-height:1.35;text-align:left;box-shadow:0 10px 22px rgba(19,51,60,.18);opacity:0;pointer-events:none;transition:opacity .12s,transform .12s;z-index:40;text-transform:none;letter-spacing:0}
.top-metric-btn[data-tooltip]::after{content:"";position:absolute;left:50%;top:calc(100% + 2px);transform:translateX(-50%);border:6px solid transparent;border-bottom-color:var(--ink);opacity:0;pointer-events:none;transition:opacity .12s;z-index:41}
.top-metric-btn[data-tooltip]:hover::before,.top-metric-btn[data-tooltip]:focus-visible::before{opacity:1;transform:translateX(-50%) translateY(1px)}
.top-metric-btn[data-tooltip]:hover::after,.top-metric-btn[data-tooltip]:focus-visible::after{opacity:1}
.top-title-info{position:relative;display:inline-flex;align-items:center;flex:none}
.top-info-trigger{width:21px;height:21px;border-radius:50%;border:1px solid #B9C9CF;background:#fff;color:var(--navy);font-family:var(--mono);font-size:11px;font-weight:900;display:inline-grid;place-items:center;line-height:1;cursor:pointer;padding:0;box-shadow:0 1px 2px rgba(19,51,60,.04)}
.top-info-trigger:hover,.top-info-trigger:focus-visible{background:#EFF7F8;border-color:var(--petrol);outline:none}
.top-info-trigger[aria-expanded="true"]{background:var(--navy);border-color:var(--navy);color:#fff}
.top-calc-popover{position:absolute;left:50%;top:calc(100% + 10px);transform:translateX(-50%);width:min(360px,calc(100vw - 56px));background:#fff;border:1px solid var(--line);border-radius:12px;padding:12px 13px;font-family:'Inter';font-size:12.5px;font-weight:600;line-height:1.45;color:var(--ink-soft);box-shadow:0 14px 34px rgba(19,51,60,.18);z-index:45;text-align:left}
.top-calc-popover::before{content:"";position:absolute;left:50%;top:-7px;transform:translateX(-50%) rotate(45deg);width:12px;height:12px;background:#fff;border-left:1px solid var(--line);border-top:1px solid var(--line)}

/* v21 — Componenta 2: grafic divergent pentru indicatorul Progres */
.top-rank-head.progress,
.top-rank-row.progress{
  grid-template-columns:36px minmax(128px,175px) minmax(112px,150px) minmax(220px,1fr) 92px;
}
.top-rank-head.progress{align-items:center}
.top-progress-chart-head{display:flex;flex-direction:column;gap:7px;text-align:center;min-width:0}
.top-progress-title{font-family:var(--mono);font-size:9.7px;text-transform:uppercase;letter-spacing:.045em;color:var(--navy);font-weight:900;white-space:nowrap}
.top-diverging-scale{display:grid;grid-template-columns:1fr 1fr 1fr;align-items:center;color:var(--ink-mute);font-family:var(--mono);font-size:9.4px;font-weight:800;letter-spacing:0;text-transform:none}
.top-diverging-scale i{font-style:normal;text-align:center}.top-diverging-scale i:first-child{color:var(--neg)}.top-diverging-scale i:last-child{color:var(--pos)}
.top-progress-delta-head{white-space:nowrap;text-align:right!important}
.top-diverging{position:relative;display:block;height:28px;min-width:180px;background:linear-gradient(to right, transparent 24.8%, rgba(110,136,147,.24) 24.8%, rgba(110,136,147,.24) 25.2%, transparent 25.2%, transparent 49.7%, rgba(14,90,110,.44) 49.7%, rgba(14,90,110,.44) 50.3%, transparent 50.3%, transparent 74.8%, rgba(110,136,147,.24) 74.8%, rgba(110,136,147,.24) 75.2%, transparent 75.2%)}
.top-diverging-axis{position:absolute;top:0;bottom:0;left:50%;width:1.5px;background:rgba(14,90,110,.50);transform:translateX(-50%);z-index:1}
.top-diverging-bar{position:absolute;top:8px;height:12px;border-radius:999px;z-index:2;min-width:3px}
.top-diverging-bar.positive{left:50%;background:linear-gradient(90deg,var(--teal),var(--green))}
.top-diverging-bar.negative{right:50%;background:linear-gradient(90deg,#E08A5E,var(--neg))}
.top-diverging-zero-dot{position:absolute;left:50%;top:8px;width:12px;height:12px;border-radius:50%;background:var(--ink-mute);transform:translateX(-50%);z-index:3}
.top-progress-delta{font-family:var(--mono);font-size:12px;font-weight:900;text-align:right;color:var(--ink-mute)}
.top-progress-delta.positive{color:var(--pos)}.top-progress-delta.negative{color:var(--neg)}.top-progress-delta.flat{color:var(--ink-mute)}