/*
FILE: web/css/runtime_auth_surface_finish_v18_46.css
ROLE: final auth/dashboard shell cleanup for client / partner / admin auth surfaces
STATUS: active patch v18.46
DOES:
- removes global red outer frame logic on auth/dashboard/login surfaces
- thins the auth card border
- keeps mobile scroll intact
- preserves admin separation
DOES NOT:
- change backend logic, sessions, API, requests, jobs, storage
*/

:root{
  --abc-auth-finish-shell-line: rgba(57,168,255,.28);
  --abc-auth-finish-shell-soft: rgba(57,168,255,.08);
  --abc-auth-finish-card-line: rgba(255,210,26,.48);
  --abc-auth-finish-card-soft: rgba(255,210,26,.08);
}

html,
body,
body[data-page="auth_login"],
body[data-page="auth_notice"],
body[data-page="client_dashboard"],
body[data-page="partner_dashboard"],
body[data-page="admin"],
body[data-page="admin_control_panel"]{
  border:0 !important;
  outline:0 !important;
  box-shadow:none !important;
}

body[data-page="auth_login"] .page-shell,
body[data-page="auth_notice"] .page-shell,
body[data-page="client_dashboard"] .page-shell,
body[data-page="partner_dashboard"] .page-shell,
body[data-page="admin"] .page-shell,
body[data-page="admin_control_panel"] .page-shell,
body[data-page="auth_login"] .compact-page,
body[data-page="auth_notice"] .compact-page,
body[data-page="client_dashboard"] .compact-page,
body[data-page="partner_dashboard"] .compact-page,
body[data-page="admin"] .compact-page,
body[data-page="admin_control_panel"] .compact-page,
body[data-page="auth_login"] .compact-index-page,
body[data-page="auth_notice"] .compact-index-page,
body[data-page="client_dashboard"] .compact-index-page,
body[data-page="partner_dashboard"] .compact-index-page,
body[data-page="admin"] .compact-index-page,
body[data-page="admin_control_panel"] .compact-index-page{
  border:0 !important;
  outline:0 !important;
  box-shadow:none !important;
}

body[data-page="auth_login"] .page-shell::before,
body[data-page="auth_notice"] .page-shell::before,
body[data-page="client_dashboard"] .page-shell::before,
body[data-page="partner_dashboard"] .page-shell::before,
body[data-page="admin"] .page-shell::before,
body[data-page="admin_control_panel"] .page-shell::before,
body[data-page="auth_login"] .page-shell::after,
body[data-page="auth_notice"] .page-shell::after,
body[data-page="client_dashboard"] .page-shell::after,
body[data-page="partner_dashboard"] .page-shell::after,
body[data-page="admin"] .page-shell::after,
body[data-page="admin_control_panel"] .page-shell::after,
body[data-page="auth_login"] .site-header::before,
body[data-page="auth_notice"] .site-header::before,
body[data-page="client_dashboard"] .site-header::before,
body[data-page="partner_dashboard"] .site-header::before,
body[data-page="auth_login"] .content-engine-panel::before,
body[data-page="auth_notice"] .content-engine-panel::before,
body[data-page="client_dashboard"] .content-engine-panel::before,
body[data-page="partner_dashboard"] .content-engine-panel::before,
body[data-page="auth_login"] .site-footer::before,
body[data-page="auth_notice"] .site-footer::before,
body[data-page="client_dashboard"] .site-footer::before,
body[data-page="partner_dashboard"] .site-footer::before{
  content:none !important;
  display:none !important;
}

body[data-page="auth_login"] .site-header,
body[data-page="auth_notice"] .site-header,
body[data-page="client_dashboard"] .site-header,
body[data-page="partner_dashboard"] .site-header,
body[data-page="auth_login"] .content-top-strip,
body[data-page="auth_notice"] .content-top-strip,
body[data-page="client_dashboard"] .content-top-strip,
body[data-page="partner_dashboard"] .content-top-strip,
body[data-page="auth_login"] .content-engine-panel,
body[data-page="auth_notice"] .content-engine-panel,
body[data-page="client_dashboard"] .content-engine-panel,
body[data-page="partner_dashboard"] .content-engine-panel,
body[data-page="auth_login"] .clean-main-panel,
body[data-page="auth_notice"] .clean-main-panel,
body[data-page="client_dashboard"] .clean-main-panel,
body[data-page="partner_dashboard"] .clean-main-panel,
body[data-page="auth_login"] .site-footer,
body[data-page="auth_notice"] .site-footer,
body[data-page="client_dashboard"] .site-footer,
body[data-page="partner_dashboard"] .site-footer{
  border-color: var(--abc-auth-finish-shell-line) !important;
  box-shadow: inset 0 0 0 1px var(--abc-auth-finish-shell-soft) !important;
}

body[data-page="auth_login"] .abc-stack,
body[data-page="auth_notice"] .abc-stack,
body[data-page="client_dashboard"] .abc-stack,
body[data-page="partner_dashboard"] .abc-stack,
body[data-page="auth_login"] main.abc-stack,
body[data-page="auth_notice"] main.abc-stack,
body[data-page="client_dashboard"] main.abc-stack,
body[data-page="partner_dashboard"] main.abc-stack{
  border-left:0 !important;
  border-right:0 !important;
  padding-left:0 !important;
  padding-right:0 !important;
}

body[data-page="auth_login"] .auth-shell-content-panel,
body[data-page="auth_notice"] .auth-shell-content-panel{
  min-height: clamp(250px, 42svh, 390px) !important;
  padding: clamp(12px, 1.8vw, 18px) !important;
  border: 1px solid rgba(57,168,255,.16) !important;
  border-radius: 18px !important;
  background: linear-gradient(180deg, rgba(8,19,35,.76), rgba(8,17,31,.62)) !important;
  box-shadow: 0 12px 28px rgba(0,0,0,.18) !important;
}

body[data-page="auth_login"] .auth-panel-card,
body[data-page="auth_notice"] .auth-panel-card,
body[data-page="auth_login"] .auth-card,
body[data-page="auth_notice"] .auth-card{
  width: min(420px, 100%) !important;
  max-width: 420px !important;
  padding: 16px !important;
  border-width: 1px !important;
  border-style: solid !important;
  border-color: var(--abc-auth-finish-card-line) !important;
  border-radius: 20px !important;
  background: linear-gradient(180deg, rgba(16,30,49,.96), rgba(9,18,32,.96)) !important;
  box-shadow: inset 0 0 0 1px var(--abc-auth-finish-card-soft), 0 10px 24px rgba(0,0,0,.20) !important;
}

body[data-auth-panel-family="partner"][data-page="auth_login"] .auth-panel-card,
body[data-auth-panel-family="partner"][data-page="auth_notice"] .auth-panel-card{
  border-color: rgba(184,108,255,.42) !important;
  box-shadow: inset 0 0 0 1px rgba(184,108,255,.08), 0 10px 24px rgba(0,0,0,.20) !important;
}

body[data-auth-panel-family="admin"][data-page="auth_login"] .auth-panel-card,
body[data-auth-panel-family="admin"][data-page="auth_notice"] .auth-panel-card,
body[data-auth-role="admin"][data-page="auth_login"] .auth-panel-card,
body[data-auth-role="admin"][data-page="auth_notice"] .auth-panel-card{
  border-color: rgba(70,255,154,.42) !important;
  box-shadow: inset 0 0 0 1px rgba(70,255,154,.08), 0 10px 24px rgba(0,0,0,.20) !important;
}

body[data-page="auth_login"] .auth-panel-badge,
body[data-page="auth_notice"] .auth-panel-badge{
  min-height: 24px !important;
  padding: 4px 10px !important;
  border-width: 1px !important;
}

body[data-page="auth_login"] .auth-form-v9,
body[data-page="auth_notice"] .auth-form-v9{
  gap: 10px !important;
}

body[data-page="auth_login"] .auth-form-v9 .client-form-field,
body[data-page="auth_notice"] .auth-form-v9 .client-form-field{
  padding: 10px 11px !important;
  border-width: 1px !important;
}

body[data-page="auth_login"] .auth-actions,
body[data-page="auth_notice"] .auth-actions,
body[data-page="auth_login"] .auth-actions-dashboard,
body[data-page="auth_notice"] .auth-actions-dashboard{
  gap: 10px !important;
}

@media (max-width: 900px){
  body[data-page="auth_login"] .auth-shell-content-panel,
  body[data-page="auth_notice"] .auth-shell-content-panel{
    min-height: 0 !important;
    padding: 12px !important;
  }
  body[data-page="auth_login"] .auth-panel-card,
  body[data-page="auth_notice"] .auth-panel-card,
  body[data-page="auth_login"] .auth-card,
  body[data-page="auth_notice"] .auth-card{
    width: min(100%, 390px) !important;
    max-width: 390px !important;
    padding: 14px !important;
    border-radius: 18px !important;
  }
}

@media (max-width: 560px){
  body[data-page="auth_login"] .page-shell,
  body[data-page="auth_notice"] .page-shell,
  body[data-page="client_dashboard"] .page-shell,
  body[data-page="partner_dashboard"] .page-shell{
    width: calc(100vw - 8px) !important;
    max-width: calc(100vw - 8px) !important;
  }
  body[data-page="auth_login"] .auth-panel-card,
  body[data-page="auth_notice"] .auth-panel-card,
  body[data-page="auth_login"] .auth-card,
  body[data-page="auth_notice"] .auth-card{
    width: 100% !important;
    max-width: 100% !important;
  }
}