@import url("/static/app_shell.css");

/* Administrative screens keep their existing markup and form contracts. */
.admin-premium-page {
  min-height: 100vh;
  margin: 0;
  color: var(--ui-text, #edf4ff);
  background: radial-gradient(circle at 15% -10%, rgba(64, 124, 255, .18), transparent 34%), #07111f;
  font-family: Inter, ui-sans-serif, system-ui, sans-serif;
}

.admin-premium-page .app,
.admin-premium-page .admin-shell {
  width: min(1240px, calc(100% - 40px));
  margin: 0 auto;
  padding: 26px 0 52px;
}

.admin-premium-page .top-bar {
  margin-bottom: 20px;
  padding: 18px 20px;
  border: 1px solid rgba(148, 187, 255, .16);
  border-radius: 18px;
  background: linear-gradient(135deg, rgba(20, 46, 82, .92), rgba(9, 24, 44, .92)) !important;
  box-shadow: 0 18px 46px rgba(0, 0, 0, .24);
}

.admin-premium-page .top-bar h1 { color: #f3f7ff !important; }
.admin-premium-page .top-bar p,
.admin-premium-page .muted,
.admin-premium-page .sub { color: rgba(218, 230, 249, .7) !important; }
.admin-premium-page .workspace-meta,
.admin-premium-page .workspace-meta .pill,
.admin-premium-page .user-row .muted,
.admin-premium-page .admin-form > p { color: rgba(218, 230, 249, .7) !important; }

.admin-premium-page .panel,
.admin-premium-page .admin-panel,
.admin-premium-page .workspace-card,
.admin-premium-page .config-item {
  border-color: rgba(148, 187, 255, .16);
  background: linear-gradient(145deg, rgba(18, 42, 75, .88), rgba(9, 25, 46, .9)) !important;
  box-shadow: 0 14px 34px rgba(0, 0, 0, .16);
}

.admin-premium-page .panel { margin-bottom: 16px; }
.admin-premium-page .config-item > summary { color: #f1f6ff !important; }
.admin-premium-page .cover-box,
.admin-premium-page .badge-admin,
.admin-premium-page .user-row { border-color: rgba(148, 187, 255, .14) !important; background: rgba(5, 17, 33, .38) !important; }

.admin-premium-page .input-text,
.admin-premium-page input:not([type="checkbox"]),
.admin-premium-page select,
.admin-premium-page textarea {
  color: #edf4ff;
  border-color: rgba(148, 187, 255, .24);
  background: rgba(4, 15, 29, .72) !important;
}

.admin-premium-page .input-text::placeholder { color: rgba(210, 225, 246, .48); }
.admin-premium-page select option { color: #edf4ff; background: #0b1c33; }
.admin-premium-page .btn-primary { background: linear-gradient(135deg, #4c8dff, #2765d8) !important; border-color: #5e99ff !important; color: #fff !important; }
.admin-premium-page .btn-secondary { color: #dce9ff !important; border-color: rgba(148, 187, 255, .26) !important; background: rgba(18, 47, 86, .64) !important; }
.admin-premium-page .icon-btn--danger,
.admin-premium-page button[type="submit"].danger { color: #ffd9dc; border-color: rgba(255, 112, 122, .45); background: rgba(169, 35, 54, .25); }

.admin-premium-page .tabla-wrap { overflow-x: auto; border: 1px solid rgba(148, 187, 255, .14); border-radius: 14px; }
.admin-premium-page .tabla { min-width: 680px; margin: 0; color: #eaf2ff; }
.admin-premium-page .tabla th { background: rgba(55, 106, 189, .22) !important; color: #dbe9ff !important; }
.admin-premium-page .tabla td { border-color: rgba(148, 187, 255, .1) !important; background: rgba(5, 18, 34, .46) !important; }
.admin-premium-page .fila-simple { border-color: rgba(148, 187, 255, .12) !important; background: rgba(5, 18, 34, .32) !important; }
.admin-premium-page .audit-kpis .kpi-card { border-color: rgba(148, 187, 255, .16); background: rgba(7, 22, 42, .6); }

.admin-premium-page .workspace-meta .pill,
.admin-premium-page .pill { color: #dce9ff; border-color: rgba(148, 187, 255, .2); background: rgba(37, 89, 167, .2); }

.login-premium-page {
  min-height: 100vh;
  margin: 0;
  color: #edf4ff;
  background: radial-gradient(circle at 10% 0%, rgba(70, 133, 255, .25), transparent 37%), #07111f;
  font-family: Inter, ui-sans-serif, system-ui, sans-serif;
}

.login-premium-page .auth-container { min-height: 100vh; grid-template-columns: minmax(0, 1.25fr) minmax(380px, .75fr); }
.login-premium-page .auth-cover { min-height: 100vh; background-color: #0c203a; background-blend-mode: normal; position: relative; }
.login-premium-page .auth-cover::after { content: ""; position: absolute; inset: 0; background: linear-gradient(135deg, rgba(4, 14, 27, .18), rgba(4, 14, 27, .76)); }
.login-premium-page .auth-card {
  box-sizing: border-box;
  border: 1px solid rgba(148, 187, 255, .2);
  background: linear-gradient(145deg, rgba(20, 46, 82, .96), rgba(9, 25, 46, .98));
  color: #edf4ff;
  box-shadow: 0 24px 60px rgba(0, 0, 0, .36);
}
.login-premium-page .auth-card h1,
.login-premium-page .auth-card p,
.login-premium-page .auth-form label { color: #edf4ff; }
.login-premium-page .auth-card p { color: rgba(219, 233, 255, .7); }
.login-premium-page .auth-form input { color: #edf4ff; border-color: rgba(148, 187, 255, .25); background: rgba(4, 15, 29, .74); }
.login-premium-page .auth-form button { background: linear-gradient(135deg, #4c8dff, #2765d8); color: #fff; border: 1px solid #5e99ff; }
.login-premium-page .auth-error { color: #ffe0e2; border: 1px solid rgba(255, 116, 126, .45); background: rgba(164, 34, 53, .3); }
.login-premium-page .auth-container--no-cover { grid-template-columns: minmax(0, 1fr); }
.login-premium-page .auth-container--no-cover .auth-cover { display: none; }

@media (max-width: 700px) {
  .admin-premium-page .app,
  .admin-premium-page .admin-shell { width: min(100% - 24px, 760px); padding-top: 12px; }
  .admin-premium-page .top-bar { align-items: flex-start; gap: 12px; padding: 16px; }
  .admin-premium-page .top-bar .table-actions,
  .admin-premium-page .top-bar .acciones { width: 100%; flex-wrap: wrap; }
  .admin-premium-page .tabla { min-width: 620px; }
  .login-premium-page .auth-container { grid-template-columns: 1fr; }
  .login-premium-page .auth-cover { display: none; }
  .login-premium-page .auth-card { min-height: 100vh; width: min(100% - 32px, 460px); border-radius: 18px; padding: 28px 22px; }
}

.admin-premium-page .context-config-table-wrap { overflow-x:auto; margin-top:12px; border:1px solid rgba(148,187,255,.18); border-radius:12px; }
.admin-premium-page .context-config-table { min-width:660px; margin:0; }
.admin-premium-page .context-config-table select { min-width:150px; }
.admin-premium-page .context-order-input { width:72px; min-width:72px; }