/*
FILE: web/css/runtime_frontend_consumer_admin_ui_truth_v18_58.css
ROLE: consumer/admin UI separation + auth compact visibility + stable global rhythm
STATUS: active patch v18.58
DOES:
- hides technical/debug/admin-only surfaces from consumer UI
- keeps technical/admin surfaces visible only in admin pages
- compacts auth portals so action buttons are visible
- keeps header/topbar/content/footer stable between homepage navigation links
DOES NOT:
- touch backend, database, API, sessions, passwords, flow submit, jobs, storage
*/

:root{
  --abc-v1858-bg:#07101d;
  --abc-v1858-max:min(1840px, calc(100vw - 52px));
  --abc-v1858-gap:7px;
  --abc-v1858-purple:rgba(231,70,174,.48);
  --abc-v1858-blue:rgba(74,166,255,.36);
  --abc-v1858-yellow:rgba(255,215,90,.34);
}

/* CONSUMER: no technical/debug/admin-only UI outside admin pages. */
body:not([data-page="admin"]):not([data-page="admin_control_panel"]) 
:is(.debug,.debug-panel,.technical,.technical-panel,.tech-panel,.admin-only,.admin-debug,.system-debug,.route-debug,.route-inspector,.dev-note,.developer-note,.ui-note,.patch-note,.technical-note,.frontend-note,.backend-note,.diagnostic,.diagnostics,.diagnostic-panel,[data-admin-only],[data-debug],[data-technical],[data-dev-note],[data-route-inspector],[data-system-map]){
  display:none !important;
  visibility:hidden !important;
  pointer-events:none !important;
}

body:not([data-page="admin"]):not([data-page="admin_control_panel"]) 
:is([class*="debug"],[class*="diagnostic"],[class*="inspector"],[class*="technical"],[class*="dev-note"],[class*="patch-note"]){
  display:none !important;
}

/* ADMIN: technical surfaces are visible only inside admin/admin_control and contained. */
body[data-page="admin"] :is(.admin-only,.technical-panel,.debug-panel,.diagnostic-panel),
body[data-page="admin_control_panel"] :is(.admin-only,.technical-panel,.debug-panel,.diagnostic-panel,.route-inspector){
  display:block !important;
  visibility:visible !important;
  max-width:100% !important;
  overflow:auto !important;
  border:1px solid rgba(75,220,145,.32) !important;
  border-radius:14px !important;
  background:rgba(6,20,21,.78) !important;
  color:#d9ffe9 !important;
}

/* Global stable page rhythm. */
html{ scrollbar-gutter:stable both-edges; background:var(--abc-v1858-bg) !important; }
body{ background:var(--abc-v1858-bg) !important; overflow-x:hidden !important; }

.page-shell,.compact-page,.compact-index-page,
body[data-page="index"] .page-shell,
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.private-client-account-page .page-shell,
body.business-client-account-page .page-shell,
body.private-partner-account-page .page-shell,
body.business-partner-account-page .page-shell{
  width:var(--abc-v1858-max) !important;
  max-width:var(--abc-v1858-max) !important;
  margin-left:auto !important;
  margin-right:auto !important;
  padding:0 !important;
  gap:var(--abc-v1858-gap) !important;
}

/* Header/topbar/footer same footprint on all pages. */
.site-header,.abc-static-header,header[role="banner"],
.content-top-strip,.content-top-bar,.abc-global-topbar-module,.global-topbar-module,.abc-topbar-v10,.index-general-topbar,[data-meta-content-topbar="true"],
.site-footer,.abc-static-footer,footer[role="contentinfo"]{
  width:100% !important;
  max-width:100% !important;
  box-sizing:border-box !important;
  margin-left:0 !important;
  margin-right:0 !important;
  transform:none !important;
}

.site-header,.abc-static-header,header[role="banner"]{
  min-height:74px !important;
  margin:0 0 var(--abc-v1858-gap) 0 !important;
  padding:16px 20px !important;
  border-color:var(--abc-v1858-purple) !important;
}

.content-top-strip,.content-top-bar,.abc-global-topbar-module,.global-topbar-module,.abc-topbar-v10,.index-general-topbar,[data-meta-content-topbar="true"]{
  min-height:58px !important;
  margin:0 0 var(--abc-v1858-gap) 0 !important;
  padding:8px 14px !important;
  border-color:var(--abc-v1858-blue) !important;
}

.site-footer,.abc-static-footer,footer[role="contentinfo"]{
  min-height:132px !important;
  margin:var(--abc-v1858-gap) 0 0 0 !important;
  padding:14px 20px !important;
  border-color:var(--abc-v1858-purple) !important;
  overflow:hidden !important;
}

/* Footer internals do not jump outside footer. */
.site-footer *,.abc-static-footer *,footer[role="contentinfo"] *{ box-sizing:border-box !important; }
.site-footer .footer-inner,.site-footer .footer-grid,.site-footer .footer-content,.site-footer .footer-main,.site-footer .footer-social,.site-footer .footer-links,
.abc-static-footer .footer-inner,.abc-static-footer .footer-grid,
footer[role="contentinfo"] .footer-inner,footer[role="contentinfo"] .footer-grid{
  max-height:none !important;
  overflow:visible !important;
  transform:none !important;
}

/* Content shell compact and stable. */
body[data-page="index"] .abc-stack,
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="admin"] .abc-stack,
body[data-page="admin_control_panel"] .abc-stack,
body.private-client-account-page .abc-stack,
body.business-client-account-page .abc-stack,
body.private-partner-account-page .abc-stack,
body.business-partner-account-page .abc-stack,
body[data-page="index"] main.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,
body[data-page="admin"] main.abc-stack,
body[data-page="admin_control_panel"] main.abc-stack,
body.private-client-account-page main.abc-stack,
body.business-client-account-page main.abc-stack,
body.private-partner-account-page main.abc-stack,
body.business-partner-account-page main.abc-stack{
  width:100% !important;
  margin:0 0 var(--abc-v1858-gap) 0 !important;
  padding:8px !important;
  border:1px solid var(--abc-v1858-yellow) !important;
  border-radius:22px !important;
  min-height:auto !important;
  max-height:none !important;
  overflow:visible !important;
}

/* AUTH PORTAL: compact enough to show Înapoi / forgot / Login. */
body[data-page="auth_login"] .auth-shell-content-panel,
body[data-page="auth_notice"] .auth-shell-content-panel{
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  min-height:auto !important;
  padding:6px !important;
  border:0 !important;
  box-shadow:none !important;
  overflow:visible !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,
body[data-page="auth_login"] .auth-card-dashboard,
body[data-page="auth_notice"] .auth-card-dashboard{
  width:min(560px,100%) !important;
  max-width:560px !important;
  min-height:auto !important;
  padding:12px !important;
  border-width:1px !important;
  border-radius:16px !important;
  overflow:visible !important;
}

body[data-page="auth_login"] .auth-panel-badge,
body[data-page="auth_notice"] .auth-panel-badge{
  min-height:22px !important;
  padding:3px 9px !important;
  margin-bottom:6px !important;
  font-size:13px !important;
}

body[data-page="auth_login"] .auth-panel-card h1,
body[data-page="auth_notice"] .auth-panel-card h1,
body[data-page="auth_login"] .auth-card h1,
body[data-page="auth_notice"] .auth-card h1,
body[data-page="auth_login"] .auth-dashboard-panel__title,
body[data-page="auth_notice"] .auth-dashboard-panel__title{
  font-size:clamp(28px, 3vw, 42px) !important;
  line-height:1.02 !important;
  margin:0 0 12px 0 !important;
  color:#f7fbff !important;
  opacity:1 !important;
}

body[data-page="auth_login"] .auth-form-v9,
body[data-page="auth_notice"] .auth-form-v9{
  display:grid !important;
  grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  gap:10px !important;
  margin:0 !important;
}

body[data-page="auth_login"] .auth-form-v9 .client-form-field,
body[data-page="auth_notice"] .auth-form-v9 .client-form-field{
  padding:8px 10px !important;
  min-height:auto !important;
}

body[data-page="auth_login"] .auth-form-v9 label,
body[data-page="auth_notice"] .auth-form-v9 label{
  font-size:15px !important;
  line-height:1.1 !important;
  margin-bottom:6px !important;
}

body[data-page="auth_login"] .auth-form-v9 input,
body[data-page="auth_notice"] .auth-form-v9 input{
  height:36px !important;
  min-height:36px !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{
  display:grid !important;
  grid-template-columns:repeat(4,minmax(0,1fr)) !important;
  gap:8px !important;
  margin-top:10px !important;
}

body[data-page="auth_login"] .auth-actions a,
body[data-page="auth_notice"] .auth-actions a,
body[data-page="auth_login"] .auth-actions button,
body[data-page="auth_notice"] .auth-actions button,
body[data-page="auth_login"] .auth-actions-dashboard a,
body[data-page="auth_notice"] .auth-actions-dashboard a,
body[data-page="auth_login"] .auth-actions-dashboard button,
body[data-page="auth_notice"] .auth-actions-dashboard button{
  min-height:36px !important;
  padding:8px 10px !important;
  font-size:14px !important;
  border-radius:12px !important;
  white-space:normal !important;
}

/* Flow forms: compact and no forced viewport blocks. */
body.private-client-account-page .content-engine-panel,
body.business-client-account-page .content-engine-panel,
body.private-partner-account-page .content-engine-panel,
body.business-partner-account-page .content-engine-panel,
body.private-client-account-page .clean-main-panel,
body.business-client-account-page .clean-main-panel,
body.private-partner-account-page .clean-main-panel,
body.business-partner-account-page .clean-main-panel{
  padding:10px !important;
  min-height:auto !important;
  max-height:none !important;
  overflow:visible !important;
}

body.private-client-account-page .client-form-field,
body.business-client-account-page .client-form-field,
body.private-partner-account-page .client-form-field,
body.business-partner-account-page .client-form-field,
body.private-client-account-page .flow-field,
body.business-client-account-page .flow-field,
body.private-partner-account-page .flow-field,
body.business-partner-account-page .flow-field{
  padding:8px 10px !important;
  min-height:auto !important;
}

body[data-page="auth_login"] :is(.fullpage,.full-page,.fullpage-surface,.fullpage-panel,[class*="fullpage"]),
body[data-page="auth_notice"] :is(.fullpage,.full-page,.fullpage-surface,.fullpage-panel,[class*="fullpage"]),
body.private-client-account-page :is(.fullpage,.full-page,.fullpage-surface,.fullpage-panel,[class*="fullpage"]),
body.business-client-account-page :is(.fullpage,.full-page,.fullpage-surface,.fullpage-panel,[class*="fullpage"]),
body.private-partner-account-page :is(.fullpage,.full-page,.fullpage-surface,.fullpage-panel,[class*="fullpage"]),
body.business-partner-account-page :is(.fullpage,.full-page,.fullpage-surface,.fullpage-panel,[class*="fullpage"]){
  min-height:auto !important;
  height:auto !important;
  max-height:none !important;
}

/* Mobile */
@media (max-width:760px){
  :root{ --abc-v1858-max:calc(100vw - 10px); --abc-v1858-gap:6px; }
  .site-header,.abc-static-header,header[role="banner"]{ min-height:64px !important; padding:12px !important; }
  .content-top-strip,.content-top-bar,.abc-global-topbar-module,.global-topbar-module,.abc-topbar-v10,.index-general-topbar,[data-meta-content-topbar="true"]{ min-height:50px !important; padding:7px !important; }
  .site-footer,.abc-static-footer,footer[role="contentinfo"]{ min-height:auto !important; padding:12px !important; }
  body[data-page="auth_login"] .auth-form-v9,
  body[data-page="auth_notice"] .auth-form-v9,
  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{ grid-template-columns:1fr !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; }
}