/* ElourAqua v133 · ajustes ISP Gestión para la administración central. */
body.surface-platform .brand small { color:#82dfbd; }
body.surface-platform .topbar-title::before {
  content:"Panel de administración · ";
  color:var(--green);
  font-weight:850;
}

body.surface-platform .content-wrap { max-width:1500px; }
body.surface-platform .page-head.compact { margin-bottom:12px; }
body.surface-platform .page-head .title-row { gap:10px; }
body.surface-platform .company-avatar {
  width:43px;
  height:43px;
  border-radius:11px;
  font-size:18px;
  box-shadow:0 5px 14px rgba(91,79,216,.18);
}

body.surface-platform .stats-grid {
  grid-template-columns:repeat(4,minmax(145px,1fr));
}
body.surface-platform .stat-card {
  min-height:88px;
  border-top:3px solid var(--blue);
}
body.surface-platform .stat-card.success { border-top-color:var(--green); }
body.surface-platform .stat-card.warning { border-top-color:var(--amber); }
body.surface-platform .stat-card.danger { border-top-color:var(--red); }
body.surface-platform .stat-card small { color:var(--muted);font-size:9px; }

body.surface-platform .server-card { margin-bottom:12px; }
body.surface-platform .server-card .card-head { margin-bottom:9px; }
body.surface-platform .resource-grid { gap:14px; }
body.surface-platform .resource-item {
  gap:6px;
  padding:10px 12px;
  background:var(--surface-soft);
  border:1px solid var(--line);
  border-radius:10px;
}
body.surface-platform .resource-item strong { font-size:17px; }
body.surface-platform .resource-item small { font-size:9px; }
body.surface-platform .meter { height:6px; }
body.surface-platform .uptime-line { margin-top:9px;font-size:10px; }

body.surface-platform .form-layout { gap:12px; }
body.surface-platform .form-card {
  grid-template-columns:38px minmax(0,1fr);
  column-gap:12px;
}
body.surface-platform .section-number {
  width:35px;
  height:35px;
  border-radius:9px;
  font-size:11px;
}
body.surface-platform .section-copy h2 { margin-bottom:2px;font-size:15px; }
body.surface-platform .section-copy p { font-size:10px; }
body.surface-platform .form-card .form-grid,
body.surface-platform .form-card .domain-field {
  grid-column:2;
  margin-top:13px;
}
body.surface-platform .form-actions {
  position:sticky;
  z-index:4;
  bottom:0;
  justify-content:flex-end;
  padding:9px 0;
  background:linear-gradient(180deg,transparent,var(--bg) 28%);
}

body.surface-platform .detail-grid { grid-template-columns:repeat(3,minmax(0,1fr)); }
body.surface-platform .summary-card { min-height:92px; }
body.surface-platform .two-columns { gap:12px; }
body.surface-platform .detail-list>div {
  grid-template-columns:105px minmax(0,1fr);
  gap:10px;
  padding:9px 0;
}
body.surface-platform .timeline { gap:12px; }
body.surface-platform .timeline>div {
  gap:10px;
  padding:0 0 11px;
  border-bottom:1px solid var(--line);
}
body.surface-platform .timeline>div:last-child { padding-bottom:0;border-bottom:0; }

body.surface-platform .table-wrap table { min-width:820px; }
body.surface-platform .table-wrap th:last-child,
body.surface-platform .table-wrap td:last-child { text-align:right; }
body.surface-platform .table-actions { justify-content:flex-end; }
body.surface-platform .row-link,
body.surface-platform .link-danger {
  display:inline-flex;
  align-items:center;
  min-height:28px;
  padding:0 9px;
  border:1px solid var(--line);
  border-radius:7px;
  background:var(--surface);
  font-size:10px;
  text-decoration:none;
}
body.surface-platform .row-link:hover { border-color:var(--blue);background:color-mix(in srgb,var(--blue) 8%,var(--surface)); }
body.surface-platform .link-danger { color:var(--red);cursor:pointer; }
body.surface-platform .link-danger:hover { border-color:var(--red);background:color-mix(in srgb,var(--red) 8%,var(--surface)); }

@media (max-width:1100px) {
  body.surface-platform .stats-grid { grid-template-columns:1fr 1fr; }
  body.surface-platform .resource-grid { grid-template-columns:repeat(3,minmax(0,1fr)); }
}

@media (max-width:780px) {
  body.surface-platform .topbar-title::before { content:"Administración · "; }
  body.surface-platform .resource-grid { grid-template-columns:1fr; }
  body.surface-platform .form-card { grid-template-columns:32px minmax(0,1fr); }
  body.surface-platform .section-number { width:30px;height:30px; }
  body.surface-platform .detail-grid { grid-template-columns:1fr; }
}

@media (max-width:520px) {
  body.surface-platform .stats-grid { grid-template-columns:1fr 1fr; }
  body.surface-platform .stat-card { min-height:78px; }
  body.surface-platform .form-card {
    grid-template-columns:1fr;
    padding-top:48px;
  }
  body.surface-platform .section-number { position:absolute;top:11px;left:11px; }
  body.surface-platform .section-copy,
  body.surface-platform .form-card .form-grid,
  body.surface-platform .form-card .domain-field { grid-column:1; }
}

@media (prefers-reduced-motion:reduce) {
  body.surface-platform *,body.surface-platform *::before,body.surface-platform *::after { animation:none!important;transition:none!important; }
}