/* Rəhbər Paneli */
.rp { --rp-ink:#0f172a; --rp-mut:#64748b; --rp-line:#e5e7eb; --rp-card:#fff; }
.rp-hero { position:relative; overflow:hidden; border-radius:16px; padding:22px 26px; color:#fff;
  background:radial-gradient(1200px 300px at 90% -20%, rgba(20,184,166,.55), transparent 60%),
             linear-gradient(135deg,#0b1b3a 0%,#12305f 55%,#0e4a5a 100%);
  box-shadow:0 10px 30px rgba(15,23,42,.18); }
.rp-hero h2 { font-size:1.55rem; margin:0; font-weight:600; letter-spacing:.2px; }
.rp-hero .sub { opacity:.78; font-size:.85rem; margin-top:2px; }
.rp-hero .ctl { display:flex; flex-wrap:wrap; gap:10px; align-items:end; margin-top:14px; }
.rp-hero label { font-size:.7rem; text-transform:uppercase; letter-spacing:.6px; opacity:.7; display:block; margin-bottom:3px; }
.rp-hero select { background:rgba(255,255,255,.12); color:#fff; border:1px solid rgba(255,255,255,.28); border-radius:8px; padding:5px 10px; font-size:.85rem; min-width:120px; }
.rp-hero select option { color:#111; }
.rp-hero .btn-rp { background:rgba(255,255,255,.14); color:#fff; border:1px solid rgba(255,255,255,.3); border-radius:8px; padding:5px 12px; font-size:.85rem; }
.rp-hero .btn-rp:hover { background:rgba(255,255,255,.26); }
.rp-hero .stamp { margin-left:auto; font-size:.75rem; opacity:.7; text-align:right; }

.rp-tabs { display:flex; flex-wrap:wrap; gap:8px; margin:16px 0 14px; }
.rp-tab { border:1px solid var(--rp-line); background:#fff; color:#334155; border-radius:999px; padding:7px 16px; font-size:.86rem; cursor:pointer; transition:all .15s; }
.rp-tab:hover { border-color:#14b8a6; color:#0f766e; }
.rp-tab.on { background:linear-gradient(135deg,#14b8a6,#0ea5e9); color:#fff; border-color:transparent; box-shadow:0 6px 16px rgba(20,184,166,.35); }

.rp-kpis { display:grid; grid-template-columns:repeat(auto-fit,minmax(190px,1fr)); gap:14px; margin-bottom:16px; }
.rp-kpi { position:relative; display:block; background:var(--rp-card); border-radius:14px; padding:14px 16px 8px; text-decoration:none; color:inherit;
  box-shadow:0 1px 2px rgba(15,23,42,.06), 0 8px 22px rgba(15,23,42,.06); border:1px solid #eef0f3; overflow:hidden; transition:transform .15s, box-shadow .15s; }
.rp-kpi::before { content:""; position:absolute; left:0; top:0; bottom:0; width:4px; background:var(--c,#14b8a6); }
a.rp-kpi:hover { transform:translateY(-2px); box-shadow:0 2px 4px rgba(15,23,42,.08), 0 14px 30px rgba(15,23,42,.12); }
.rp-kpi .t { font-size:.74rem; color:var(--rp-mut); text-transform:uppercase; letter-spacing:.5px; }
.rp-kpi .v { font-size:1.6rem; font-weight:700; color:var(--rp-ink); line-height:1.25; margin-top:2px; word-break:break-word; }
.rp-kpi .a { font-size:.75rem; color:var(--rp-mut); min-height:1.1em; }
.rp-kpi .d { font-size:.76rem; font-weight:600; }
.rp-kpi .d.up { color:#16a34a; } .rp-kpi .d.dn { color:#dc2626; }
.rp-kpi .sp { margin:2px -6px 0; height:36px; }

.rp-grid { display:grid; grid-template-columns:repeat(12,1fr); gap:14px; margin-bottom:14px; }
.rp-c4 { grid-column:span 4; } .rp-c5 { grid-column:span 5; } .rp-c6 { grid-column:span 6; } .rp-c7 { grid-column:span 7; } .rp-c8 { grid-column:span 8; } .rp-c12 { grid-column:span 12; }
@media (max-width:1199.98px) { .rp-c4,.rp-c5,.rp-c7,.rp-c8 { grid-column:span 12; } .rp-c6 { grid-column:span 12; } }
.rp-card { background:#fff; border-radius:14px; padding:16px 18px; border:1px solid #eef0f3; box-shadow:0 1px 2px rgba(15,23,42,.06), 0 8px 22px rgba(15,23,42,.06); min-width:0; }
.rp-card h6 { margin:0 0 2px; font-size:.95rem; font-weight:600; color:var(--rp-ink); }
.rp-card .hint { font-size:.76rem; color:var(--rp-mut); margin-bottom:8px; }
.rp-card .more { font-size:.78rem; margin-top:6px; display:inline-block; }
.rp-cyls { display:flex; flex-wrap:wrap; justify-content:space-around; gap:6px; }
.rp-bos { color:var(--rp-mut); font-size:.85rem; padding:18px 0; text-align:center; }
.rp-note { font-size:.78rem; color:var(--rp-mut); margin-top:4px; }

/* Qrafik elementləri */
.rpq-svg { display:block; max-width:100%; height:auto; overflow:visible; }
.rpq-wall { fill:#f8fafc; stroke:#e2e8f0; stroke-width:1; }
.rpq-floor { fill:#e9eef5; stroke:#dbe3ee; }
.rpq-grid { stroke:#e2e8f0; stroke-width:1; }
.rpq-ax { fill:#64748b; font-size:10.5px; }
.rpq-ax2 { fill:#334155; font-size:11px; }
.rpq-val { fill:#334155; font-size:10.5px; font-weight:600; }
.rpq-bos { color:#94a3b8; text-align:center; padding:22px 0; font-size:.85rem; }
.rpq-legend { display:flex; flex-wrap:wrap; gap:14px; justify-content:flex-end; font-size:.76rem; color:#475569; margin-bottom:4px; }
.rpq-legend i { display:inline-block; width:10px; height:10px; border-radius:3px; margin-right:5px; vertical-align:-1px; }
.rpq-bar { transform-box:fill-box; transform-origin:50% 100%; animation:rpq-rise .6s cubic-bezier(.2,.8,.2,1) both; }
@keyframes rpq-rise { from { transform:scaleY(.02); opacity:.2; } to { transform:scaleY(1); opacity:1; } }
.rpq-hb { animation:rpq-slide .5s ease-out both; }
@keyframes rpq-slide { from { opacity:0; transform:translateX(-14px); } to { opacity:1; transform:none; } }
.rpq-line { stroke-dasharray:1200; stroke-dashoffset:1200; animation:rpq-draw 1.1s .3s ease-out forwards; }
@keyframes rpq-draw { to { stroke-dashoffset:0; } }
.rpq-dwrap { display:flex; flex-wrap:wrap; align-items:center; gap:10px 18px; justify-content:center; }
.rpq-spin { animation:rpq-pop .7s cubic-bezier(.2,.8,.2,1) both; transform-origin:50% 40%; }
@keyframes rpq-pop { from { transform:scale(.82) rotate(-10deg); opacity:0; } to { transform:none; opacity:1; } }
.rpq-sl { transition:transform .18s ease; cursor:default; }
.rpq-sl:hover { transform:translate(var(--ox),var(--oy)); }
.rpq-dc { font-size:17px; font-weight:700; fill:#0f172a; }
.rpq-dl { list-style:none; margin:0; padding:0; font-size:.8rem; min-width:170px; flex:1 1 170px; max-width:300px; }
.rpq-dl li { display:flex; align-items:center; gap:8px; padding:3px 0; border-bottom:1px dashed #eef0f3; }
.rpq-dl i { width:11px; height:11px; border-radius:3px; flex:none; }
.rpq-dl .n { flex:1; min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; color:#334155; }
.rpq-dl .v { color:#0f172a; font-weight:600; } .rpq-dl .p { color:#64748b; width:46px; text-align:right; }
.rpq-cyl { text-align:center; width:130px; }
.rpq-glass { fill:rgba(148,163,184,.14); stroke:#cbd5e1; stroke-width:1.4; }
.rpq-glass-top { fill:rgba(255,255,255,.55); stroke:#cbd5e1; stroke-width:1.4; }
.rpq-liq { transform-box:fill-box; transform-origin:50% 100%; animation:rpq-fill 1s cubic-bezier(.2,.8,.2,1) both; }
@keyframes rpq-fill { from { transform:scaleY(.01); } to { transform:scaleY(1); } }
.rpq-pct { font-size:19px; font-weight:800; fill:#0f172a; paint-order:stroke; stroke:rgba(255,255,255,.75); stroke-width:3px; }
.rpq-cl { font-size:.8rem; font-weight:600; color:#334155; margin-top:-2px; }
.rpq-ca { font-size:.72rem; color:#64748b; }
.rpq-tip { position:fixed; z-index:3000; pointer-events:none; opacity:0; transition:opacity .1s; background:rgba(15,23,42,.94); color:#fff; padding:7px 11px; border-radius:8px; font-size:.78rem; line-height:1.35; box-shadow:0 8px 24px rgba(0,0,0,.25); max-width:260px; }
@media print {
  .rp-hero .ctl, .rp-tabs { display:none !important; }
  .rp-hero { color:#000; background:#fff !important; box-shadow:none; border:1px solid #ccc; }
  .rp-card, .rp-kpi { box-shadow:none; break-inside:avoid; }
  .rpq-bar,.rpq-liq,.rpq-hb,.rpq-line,.rpq-spin { animation:none !important; stroke-dashoffset:0; }
}