/* CINERMA Dashboard TopGestor V4 */
body[data-native-page="dashboard"] .native-main{
  min-width:0!important;
  overflow-x:hidden!important;
}
body[data-native-page="dashboard"] #dashboard{
  box-sizing:border-box;
  width:min(100%,2600px);
  margin:0 auto;
  padding:18px clamp(14px,1.25vw,28px) 48px;
}
.tg4-shell{display:grid;gap:14px;color:#eaf2ff}
.tg4-head{display:flex;align-items:flex-end;justify-content:space-between;gap:16px}
.tg4-head h1{margin:0;font-size:clamp(20px,1.15vw,30px);line-height:1.05}
.tg4-head p{margin:5px 0 0;color:#8396b4;font-size:11px}
.tg4-actions{display:flex;gap:8px;align-items:center}
.tg4-btn,.tg4-select{
  border:1px solid #29405d;background:#101d30;color:#dfe9f7;border-radius:8px;
  min-height:36px;padding:0 11px;font:700 10px/1.2 inherit
}
.tg4-btn{cursor:pointer}.tg4-btn:hover{border-color:#6d59d9;background:#182542}
.tg4-kpis{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.tg4-kpi,.tg4-card{
  background:linear-gradient(135deg,#15243a 0%,#111d30 100%);
  border:1px solid #263b56;border-radius:11px;box-shadow:0 10px 28px rgba(0,0,0,.08)
}
.tg4-kpi{min-height:92px;padding:16px 18px;display:flex;flex-direction:column;justify-content:center}
.tg4-kpi small{color:#8196b3;font-size:9px;text-transform:uppercase;letter-spacing:.03em}
.tg4-kpi strong{display:block;margin-top:7px;font-size:clamp(22px,1.45vw,36px);line-height:1;color:#f6f9ff}
.tg4-kpi.green{border-top:2px solid #2ed49b}.tg4-kpi.green strong{color:#45e7ad}
.tg4-kpi.red{border-top:2px solid #ff737d}.tg4-kpi.red strong{color:#ff9098}
.tg4-info-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.tg4-card{overflow:hidden}
.tg4-card-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px;border-bottom:1px solid #21344d}
.tg4-card-head strong{font-size:11px;color:#eef5ff}.tg4-card-head small{font-size:8px;color:#7186a4}
.tg4-list{padding:7px 14px 10px}
.tg4-row{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:30px;border-bottom:1px solid rgba(38,59,86,.65);font-size:10px}
.tg4-row:last-child{border:0}.tg4-row span{color:#8da0bc}.tg4-row b{font-size:10px;color:#eaf3ff}.tg4-row b.good{color:#4ce3ae}.tg4-row b.warn{color:#ffc85d}.tg4-row b.bad{color:#ff7d88}
.tg4-credits{padding:9px 14px}
.tg4-credit{display:grid;grid-template-columns:42px minmax(0,1fr) auto;align-items:center;gap:11px;min-height:48px;border-bottom:1px solid #21344d}
.tg4-credit:last-child{border:0}.tg4-credit-icon{width:34px;height:34px;border-radius:9px;background:#1d304a;display:grid;place-items:center;color:#8cb1de;font-weight:900}
.tg4-credit strong{display:block;font-size:10px}.tg4-credit small{display:block;margin-top:3px;font-size:8px;color:#7488a6}
.tg4-credit b{font-size:15px;color:#4be3ad}
.tg4-chart-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.tg4-chart-card{padding-bottom:10px;overflow:visible}
.tg4-chart-wrap{height:260px;min-height:260px;padding:4px 6px 0}
.tg4-chart-meta{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;padding:10px 12px 0}
.tg4-mini{background:#182841;border:1px solid #233a58;border-radius:8px;padding:9px 10px}
.tg4-mini small{display:block;color:#7187a5;font-size:8px}.tg4-mini b{display:block;margin-top:4px;font-size:12px;color:#e9f2ff}
.tg4-tabs-card{overflow:hidden}.tg4-tabs{display:flex;gap:5px;align-items:center;padding:9px 12px;border-bottom:1px solid #22354f;overflow-x:auto}
.tg4-tab{border:0;background:transparent;color:#7187a5;padding:8px 11px;border-radius:7px;font-size:9px;font-weight:800;cursor:pointer;white-space:nowrap}
.tg4-tab.active{background:#20344f;color:#fff}
.tg4-tabpane{display:none;padding:14px}.tg4-tabpane.active{display:block}
.tg4-server-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin-bottom:10px}
.tg4-server-body{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(260px,.75fr);gap:12px;align-items:stretch}
.tg4-donut{height:270px}.tg4-rank{display:grid;gap:6px}
.tg4-rank-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:center;padding:8px 9px;background:#13223a;border:1px solid #20354f;border-radius:8px}
.tg4-rank-row span{font-size:9px;color:#dce8f8}.tg4-rank-row b{font-size:10px;color:#4ce3ae}
.tg4-rank-row i{grid-column:1/-1;display:block;height:3px;background:#223854;border-radius:99px;overflow:hidden}
.tg4-rank-row i::before{content:"";display:block;height:100%;width:var(--w,0%);background:#745bea;border-radius:99px}
.tg4-empty{padding:24px;text-align:center;color:#7187a5;font-size:10px}
.tg4-map-card{overflow:hidden}
.tg4-map-toolbar{display:flex;gap:5px}.tg4-map-btn{border:1px solid #29405d;background:#0f1c2f;color:#91a4bf;border-radius:7px;padding:6px 9px;font-size:9px;font-weight:800;cursor:pointer}
.tg4-map-btn.active{background:#263b63;border-color:#6d59d9;color:#fff}
.tg4-map-body{display:grid;grid-template-columns:minmax(0,1fr) 315px;gap:12px;padding:12px}
.tg4-map{height:440px;border:1px solid #213650;border-radius:10px;background:#0b1829;overflow:hidden}
.tg4-map-side{min-width:0}.tg4-side-title{margin:2px 0 8px;font-size:8px;color:#8194b0;text-transform:uppercase;font-weight:900;letter-spacing:.04em}
.tg4-map-note{padding:0 12px 12px;font-size:8px;color:#68809f}
.tg4-status{font-size:8px;color:#7187a5}
.tg4-error{margin:10px 0;padding:10px 12px;border-radius:8px;border:1px solid #663342;background:#2c1620;color:#ff9dac;font-size:10px}
@media(min-width:3000px){
  body[data-native-page="dashboard"] #dashboard{width:min(100%,2860px);padding-left:30px;padding-right:30px}
  .tg4-chart-wrap{height:300px;min-height:300px}.tg4-map{height:520px}
}
@media(max-width:1500px){
  body[data-native-page="dashboard"] #dashboard{width:100%}
  .tg4-map-body{grid-template-columns:minmax(0,1fr) 270px}
}
@media(max-width:1100px){
  .tg4-info-grid,.tg4-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}
  .tg4-info-grid> :last-child,.tg4-kpis> :last-child{grid-column:1/-1}
  .tg4-chart-grid{grid-template-columns:1fr}
  .tg4-map-body,.tg4-server-body{grid-template-columns:1fr}
  .tg4-map-side{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}
}
@media(max-width:720px){
  body[data-native-page="dashboard"] #dashboard{padding:12px 10px 32px}
  .tg4-head{align-items:flex-start;flex-direction:column}.tg4-actions{width:100%}.tg4-select{flex:1}
  .tg4-kpis,.tg4-info-grid,.tg4-server-summary{grid-template-columns:1fr}
  .tg4-kpis> :last-child,.tg4-info-grid> :last-child{grid-column:auto}
  .tg4-chart-meta{grid-template-columns:1fr}
  .tg4-chart-wrap{height:230px;min-height:230px}
  .tg4-map{height:370px}.tg4-map-side{grid-template-columns:1fr}
  .tg4-kpi{min-height:78px}.tg4-kpi strong{font-size:26px}
}