/* Sidinei.com v13 — painel administrativo e área do cliente. */
:root{--panel-v13:#10172a;--panel-v13-soft:#141d34;--panel-v13-line:rgba(148,158,214,.18);--panel-v13-muted:#a8b1c8;--panel-v13-accent:#7967f4;--panel-v13-blue:#3979ed}

.admin-app,.hosting-app,.login-page{background:#080b15;color:#f6f7ff}
.hosting-app{--panel:#10172a;--panel-border:rgba(148,158,214,.2);--muted:#a8b1c8;grid-template-columns:264px minmax(0,1fr)}
.hosting-app .admin-main{background:
  radial-gradient(circle at 88% 4%,rgba(105,72,230,.16),transparent 32rem),
  radial-gradient(circle at 20% 95%,rgba(52,86,205,.1),transparent 28rem),
  #090d19}

/* Navegação lateral. */
.hosting-app .admin-sidebar,.admin-sidebar{width:264px;padding:0 16px;background:linear-gradient(180deg,#11172b 0%,#0b1020 58%,#090d1a 100%);border-right:1px solid var(--panel-v13-line);box-shadow:18px 0 55px rgba(0,0,0,.14)}
.hosting-app .sidebar-brand,.sidebar-brand{height:88px;border-bottom:1px solid rgba(148,158,214,.12)}
.hosting-app .sidebar-brand .brand-symbol,.login-story .brand-symbol{filter:drop-shadow(0 0 16px rgba(92,170,255,.25))}
.hosting-app .workspace,.workspace{margin:16px 0;padding:15px;border:1px solid rgba(144,155,214,.17);border-radius:15px;background:linear-gradient(135deg,rgba(45,65,122,.22),rgba(91,50,155,.12))}
.hosting-app .workspace span{color:#8fa0ff}
.hosting-app .workspace strong{color:#f6f7ff}
.nav-group-label,.nav-label{color:#717e9f}
.hosting-app .admin-nav button,.admin-nav button{border:1px solid transparent;border-radius:11px;color:#aeb7cc;transition:background .2s,color .2s,border-color .2s,transform .2s}
.hosting-app .admin-nav button:hover,.admin-nav button:hover{background:rgba(117,104,238,.1);border-color:rgba(126,119,230,.14);color:#fff;transform:translateX(2px)}
.hosting-app .admin-nav button.active,.admin-nav button.active{background:linear-gradient(110deg,rgba(54,96,217,.28),rgba(113,67,220,.24));border-color:rgba(122,124,240,.28);box-shadow:inset 3px 0 #7c6ff3,0 10px 24px rgba(0,0,0,.13);color:#fff}
.hosting-app .admin-nav button.active svg{color:#a8b5ff}
.hosting-app .sidebar-user,.sidebar-user{border-top-color:rgba(148,158,214,.14)}
.hosting-app .avatar,.avatar{border:1px solid rgba(129,151,244,.27);background:linear-gradient(145deg,#243970,#533b8c);color:#fff}

/* Barra superior e conteúdo. */
.hosting-app .admin-topbar,.admin-topbar{min-height:96px;height:auto;padding:20px 36px;background:rgba(9,13,25,.82);border-bottom:1px solid rgba(148,158,214,.13);backdrop-filter:blur(22px) saturate(140%)}
.hosting-app .admin-topbar h1,.admin-topbar h1{font-family:Inter,"Segoe UI",sans-serif;font-size:clamp(1.55rem,2.3vw,2.25rem);font-weight:680;letter-spacing:-.045em;margin-top:6px}
.hosting-app .admin-topbar [data-breadcrumb]{color:#8797e9}
.hosting-app .admin-content,.admin-content{padding:32px 36px 54px;max-width:1700px}
.hosting-app .top-actions .icon-button,.icon-button{border-color:rgba(145,156,212,.2);border-radius:12px;background:#111a2e;color:#c1c8db}
.hosting-app .top-actions>a,.top-actions>a{border-color:rgba(143,155,214,.24);border-radius:999px;background:rgba(255,255,255,.025);color:#e2e5f2}
.hosting-app .top-actions>a:hover{background:rgba(114,96,238,.14);border-color:rgba(129,117,242,.45)}

/* Dashboard e ações rápidas. */
.dashboard-intro{margin-bottom:28px}
.dashboard-intro h2{font-size:clamp(1.6rem,2.4vw,2.2rem);letter-spacing:-.045em}
.dashboard-intro h2>span{color:#afb8d2}
.hosting-app .presence-eyebrow,.presence-eyebrow{color:#8f9eff}
.dashboard-date{border-color:rgba(145,155,213,.2);background:#10182b;color:#bdc5da}
.quick-grid{gap:16px}
.quick-link{position:relative;overflow:hidden;min-height:112px;padding:22px;border:1px solid rgba(145,156,215,.2);border-radius:18px;background:linear-gradient(135deg,#141e36,#10172a);box-shadow:0 18px 45px rgba(0,0,0,.14)}
.quick-link::after{content:"";position:absolute;right:-54px;top:-65px;width:150px;height:150px;border-radius:50%;background:rgba(104,73,226,.15)}
.quick-link:hover{background:linear-gradient(135deg,#192746,#151d34);border-color:rgba(124,112,240,.5);transform:translateY(-3px)}
.quick-icon{position:relative;z-index:1;border-color:rgba(126,142,240,.28);border-radius:14px;background:linear-gradient(145deg,rgba(55,105,226,.32),rgba(119,72,224,.28));color:#bac5ff}
.quick-link small{color:#99a5c0}
.quick-arrow{color:#9da9ff}

.hosting-app .dashboard-metrics{gap:16px}
.hosting-app .dashboard-metrics .metric-card,.metric-card{min-height:132px;border:1px solid rgba(145,155,213,.18);border-radius:18px;background:linear-gradient(145deg,#111a30,#0e1528);box-shadow:0 18px 45px rgba(0,0,0,.1);transition:transform .2s,border-color .2s,box-shadow .2s}
.hosting-app .dashboard-metrics .metric-card:hover,.metric-card:hover{background:linear-gradient(145deg,#151f38,#11182d);border-color:rgba(124,115,239,.4);transform:translateY(-3px);box-shadow:0 24px 55px rgba(0,0,0,.2)}
.hosting-app .dashboard-metrics .metric-card strong{color:#fff}
.hosting-app .dashboard-metrics .metric-card small{color:#8d9ab5}
.metric-icon{border:1px solid rgba(130,145,240,.18);background:linear-gradient(145deg,rgba(54,102,220,.28),rgba(116,72,221,.24));color:#afbcff}

/* Mantém cartões, títulos e ações alinhados mesmo quando há pouco conteúdo. */
.hosting-app [data-portal-content]{width:100%;min-width:0}
.hosting-app .dashboard-metrics .metric-card{display:flex;flex-direction:column;align-items:flex-start}
.hosting-app .dashboard-metrics .metric-card small{margin-top:auto}
.dashboard-columns{grid-template-columns:minmax(0,1fr) minmax(290px,340px);align-items:start}
.dashboard-columns>section,.dashboard-aside{min-width:0}
.dashboard-columns>section .service-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.dashboard-columns>section .service-card:last-child:nth-child(odd){grid-column:1/-1}
.hosting-app .summary-card{display:flex;flex-direction:column;min-height:0}
.hosting-app .summary-card>.admin-button{margin-top:auto}
.integration-grid{align-items:stretch}
.integration-grid>.portal-card{height:100%}

/* Diagnóstico de segurança com ritmo e alturas consistentes. */
.hosting-app .security-grid{grid-template-columns:repeat(auto-fit,minmax(230px,1fr));align-items:stretch;gap:16px}
.hosting-app .security-check{grid-template-rows:auto auto 1fr;align-content:start;min-height:150px;padding:20px;border-color:rgba(145,156,214,.22);border-radius:15px;background:#0d1628}
.hosting-app .security-check>span{display:inline-flex;align-items:center;min-height:28px;padding:5px 9px;line-height:1.2}
.hosting-app .security-check strong{align-self:start;line-height:1.4}
.hosting-app .security-check small{align-self:start;line-height:1.65}

/* Cartões, tabelas e serviços. */
.hosting-app .portal-card,.admin-card,.hosting-app .service-card,.hosting-app .portal-table-card{border:1px solid rgba(145,156,214,.18);border-radius:19px;background:linear-gradient(145deg,#111a2f,#0e1629);box-shadow:0 20px 55px rgba(0,0,0,.13)}
.hosting-app .service-card{padding:26px}
.hosting-app .service-card:hover{border-color:rgba(124,114,239,.42)}
.hosting-app .service-type,.section-kicker{color:#8999f2}
.hosting-app .service-card .client-caption,.hosting-app .portal-card p,.hosting-app .summary-card p{color:#a6b0c7}
.hosting-app .status-pill{border:1px solid rgba(75,205,162,.18);background:rgba(42,167,127,.12)}
.hosting-app .portal-notice{border-color:rgba(117,129,227,.28);border-radius:16px;background:linear-gradient(115deg,rgba(44,79,166,.2),rgba(100,61,175,.13))}
.hosting-app .portal-table-card{overflow:hidden}
.hosting-app .portal-table-card th{background:#121b31;color:#9aa7c3}
.hosting-app .portal-table-card td{border-bottom-color:rgba(144,154,207,.11);color:#c4ccdd}
.hosting-app .portal-table-card tr:hover td{background:rgba(110,91,226,.065)}
.hosting-app .portal-empty{border-color:rgba(144,156,215,.22);border-radius:18px;background:#111a2e;color:#b7c0d4}
.hosting-app .summary-card>.admin-button{border-radius:999px}

/* Botões e formulários. */
.admin-button{border-radius:999px}
.hosting-app .admin-button.primary,.admin-button.primary{border:1px solid rgba(131,138,255,.58);background:linear-gradient(115deg,#2d67dd,#6651e8 60%,#7943d7);color:#fff;box-shadow:0 12px 28px rgba(73,75,218,.24),inset 0 1px rgba(255,255,255,.15)}
.hosting-app .admin-button.primary:hover,.admin-button.primary:hover{background:linear-gradient(115deg,#3b78ee,#7460f0 60%,#8a51e2);box-shadow:0 15px 34px rgba(75,78,225,.34)}
.hosting-app .admin-button.secondary,.admin-button.secondary{border-color:rgba(145,157,216,.25);background:#111a2e;color:#d7dbea}
.hosting-app .admin-button.secondary:hover,.admin-button.secondary:hover{background:#18233d;border-color:rgba(134,125,242,.46)}
.hosting-app .dialog-fields input,.hosting-app .dialog-fields select,.hosting-app .dialog-fields textarea,.user-form input,.user-form select,.login-card input,.small-dialog input{border-color:rgba(149,160,216,.24);border-radius:12px;background:#090f1e;color:#fff;transition:border-color .2s,box-shadow .2s,background .2s}
.hosting-app .dialog-fields input:focus,.hosting-app .dialog-fields select:focus,.hosting-app .dialog-fields textarea:focus,.user-form input:focus,.user-form select:focus,.login-card input:focus,.small-dialog input:focus{border-color:#7a6cf0;background:#0c1325;box-shadow:0 0 0 4px rgba(111,96,237,.12)}
.admin-dialog{border-color:rgba(145,157,215,.28);border-radius:22px;background:#10182b;box-shadow:0 35px 120px rgba(0,0,0,.62)}
.admin-dialog::backdrop{background:rgba(3,5,12,.78);backdrop-filter:blur(8px)}

/* Login e cadastro com apresentação de produto. */
.login-page{background:#080b15}
.login-shell{grid-template-columns:minmax(460px,1.12fr) minmax(420px,.88fr)}
.login-story{isolation:isolate;padding:56px clamp(52px,7vw,110px);background:
  radial-gradient(circle at 26% 24%,rgba(66,98,220,.32),transparent 22rem),
  radial-gradient(circle at 78% 72%,rgba(111,61,220,.34),transparent 26rem),
  linear-gradient(145deg,#0b1020,#11143a 58%,#1b1040)}
.login-story::before{z-index:-2;opacity:.6;background-image:linear-gradient(rgba(137,146,235,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(137,146,235,.06) 1px,transparent 1px);background-size:64px 64px}
.login-story::after{content:"";position:absolute;right:8%;bottom:12%;z-index:-1;width:min(390px,55%);aspect-ratio:1;border:1px solid rgba(157,162,255,.13);border-radius:42%;transform:rotate(16deg);box-shadow:0 0 0 42px rgba(124,93,246,.035),0 0 0 84px rgba(95,82,231,.025)}
.login-story h1{max-width:760px;font-size:clamp(3.2rem,5.5vw,6.4rem);line-height:.94;letter-spacing:-.065em;font-weight:680}
.login-story p{max-width:560px;color:#bcc2d6;font-size:1rem;line-height:1.75}
.admin-eyebrow{color:#9aa7ff;font-weight:750}
.login-panel{padding:44px;background:
  radial-gradient(circle at 100% 0,rgba(93,65,221,.13),transparent 24rem),
  #090d19}
.login-card{width:min(460px,100%);padding:42px;border:1px solid rgba(147,158,216,.2);border-radius:24px;background:linear-gradient(145deg,rgba(18,27,49,.98),rgba(12,18,34,.98));box-shadow:0 35px 95px rgba(0,0,0,.34)}
.login-icon{border-radius:15px;background:linear-gradient(145deg,#2d69df,#704fe4);box-shadow:0 14px 32px rgba(63,82,220,.28)}
.login-card h2{font-size:2.15rem;letter-spacing:-.05em}
.login-card>p{color:#99a4bc}
.login-options button,.back-site,.registration-login a,.customer-register-link a{color:#aab6ff}

@media(max-width:1100px){
  .login-shell{grid-template-columns:1fr 1fr}
  .login-story{padding:48px}
  .hosting-app .admin-content,.admin-content{padding:28px}
  .dashboard-columns{grid-template-columns:1fr}
  .dashboard-aside{grid-template-columns:repeat(2,minmax(0,1fr))}
}

@media(max-width:800px){
  .hosting-app,.admin-app{display:block}
  .hosting-app .admin-sidebar,.admin-sidebar{width:272px}
  .hosting-app .admin-topbar,.admin-topbar{min-height:86px;padding:16px 18px}
  .hosting-app .admin-content,.admin-content{padding:22px 16px 40px}
  .login-shell{grid-template-columns:1fr}
  .login-story{display:none}
  .login-panel{min-height:100vh;padding:28px 18px}
  .login-card{padding:32px 25px}
  .dashboard-columns>section .service-grid{grid-template-columns:1fr}
}

@media(max-width:520px){
  .quick-grid{grid-template-columns:1fr}
  .hosting-app .dashboard-metrics{grid-template-columns:1fr 1fr}
  .hosting-app .admin-topbar h1{font-size:1.35rem}
  .dashboard-aside{grid-template-columns:1fr}
}

@media(prefers-reduced-motion:reduce){.admin-app *,.login-page *{transition:none!important;scroll-behavior:auto!important}}