/*
FILE: web/css/runtime_home_flow_cards_standard_blue_v18_49.css
ROLE: refined homepage/index standard flow cards + standard client account visual family
STATUS: active patch v18.49
DOES:
- improves blue standard flow cards on homepage/index
- unifies standard client account / standard request visual line
- keeps emergency/partner distinct
- keeps all borders fine, clean, non-debug
DOES NOT:
- touch backend, database, API, sessions, passwords, flow submit, jobs
*/

:root{
  --abc-flow-standard-blue-line: rgba(82, 168, 255, .34);
  --abc-flow-standard-blue-line-strong: rgba(92, 181, 255, .48);
  --abc-flow-standard-blue-soft: rgba(82, 168, 255, .075);
  --abc-flow-standard-blue-bg-a: rgba(12, 28, 50, .96);
  --abc-flow-standard-blue-bg-b: rgba(7, 18, 34, .98);
  --abc-flow-standard-blue-text: #d9ecff;
  --abc-flow-standard-blue-title: #f4f9ff;
  --abc-flow-standard-blue-accent: #8ecaff;
}

/* Homepage/index standard flow cards: clean blue family, no heavy/debug frame. */
body[data-page="index"] .home-flow-standard,
body[data-page="index"] [data-flow-type="standard"],
body[data-page="index"] [data-route-family="standard"],
body[data-page="index"] [data-account-flow="standard"],
body[data-page="index"] .standard-flow-card,
body[data-page="index"] .flow-card-standard,
body[data-page="index"] .abc-flow-standard-card{
  border: 1px solid var(--abc-flow-standard-blue-line) !important;
  outline: 0 !important;
  background:
    linear-gradient(180deg, var(--abc-flow-standard-blue-bg-a), var(--abc-flow-standard-blue-bg-b)) !important;
  box-shadow:
    inset 0 0 0 1px var(--abc-flow-standard-blue-soft),
    0 14px 32px rgba(0,0,0,.22) !important;
  color: var(--abc-flow-standard-blue-text) !important;
}

/* Standard client account pages keep same blue line family. */
body.private-client-account-page:not([data-flow-type="emergency"]) .clean-main-panel,
body.business-client-account-page:not([data-flow-type="emergency"]) .clean-main-panel,
body.private-client-account-page:not([data-flow-type="emergency"]) .content-engine-panel,
body.business-client-account-page:not([data-flow-type="emergency"]) .content-engine-panel,
body.private-client-account-page:not([data-account-flow="emergency"]) .clean-main-panel,
body.business-client-account-page:not([data-account-flow="emergency"]) .clean-main-panel,
body.private-client-account-page:not([data-account-flow="emergency"]) .content-engine-panel,
body.business-client-account-page:not([data-account-flow="emergency"]) .content-engine-panel{
  border-color: var(--abc-flow-standard-blue-line) !important;
  box-shadow:
    inset 0 0 0 1px var(--abc-flow-standard-blue-soft),
    0 12px 30px rgba(0,0,0,.18) !important;
}

/* Standard request/card modules inside flow pages. */
.private-client-account-page:not([data-flow-type="emergency"]) .abc-flow-card,
.business-client-account-page:not([data-flow-type="emergency"]) .abc-flow-card,
.private-client-account-page:not([data-flow-type="emergency"]) .client-request-card,
.business-client-account-page:not([data-flow-type="emergency"]) .client-request-card,
.private-client-account-page:not([data-flow-type="emergency"]) .client-request-preview,
.business-client-account-page:not([data-flow-type="emergency"]) .client-request-preview,
.private-client-account-page:not([data-flow-type="emergency"]) .flow-route-panel,
.business-client-account-page:not([data-flow-type="emergency"]) .flow-route-panel{
  border: 1px solid rgba(82, 168, 255, .24) !important;
  background: linear-gradient(180deg, rgba(9, 22, 40, .90), rgba(5, 14, 27, .92)) !important;
  box-shadow: inset 0 0 0 1px rgba(82,168,255,.045) !important;
}

/* Titles/accent text for standard flow cards. */
body[data-page="index"] .home-flow-standard h1,
body[data-page="index"] .home-flow-standard h2,
body[data-page="index"] .home-flow-standard h3,
body[data-page="index"] .home-flow-standard strong,
body[data-page="index"] [data-flow-type="standard"] h1,
body[data-page="index"] [data-flow-type="standard"] h2,
body[data-page="index"] [data-flow-type="standard"] h3,
body[data-page="index"] [data-flow-type="standard"] strong{
  color: var(--abc-flow-standard-blue-title) !important;
}

body[data-page="index"] .home-flow-standard .button,
body[data-page="index"] .home-flow-standard button,
body[data-page="index"] .home-flow-standard a.button,
body[data-page="index"] [data-flow-type="standard"] .button,
body[data-page="index"] [data-flow-type="standard"] button,
body[data-page="index"] [data-flow-type="standard"] a.button{
  border-color: var(--abc-flow-standard-blue-line-strong) !important;
  background: rgba(25, 67, 116, .72) !important;
  color: #f5fbff !important;
  box-shadow: none !important;
}

body[data-page="index"] .home-flow-standard .button:hover,
body[data-page="index"] .home-flow-standard button:hover,
body[data-page="index"] .home-flow-standard a.button:hover,
body[data-page="index"] [data-flow-type="standard"] .button:hover,
body[data-page="index"] [data-flow-type="standard"] button:hover,
body[data-page="index"] [data-flow-type="standard"] a.button:hover{
  border-color: rgba(133, 202, 255, .58) !important;
  background: rgba(35, 88, 148, .86) !important;
}

/* Fine borders only. Never bring back thick home card borders. */
body[data-page="index"] .home-flow-standard,
body[data-page="index"] [data-flow-type="standard"],
body[data-page="index"] [data-route-family="standard"],
body.private-client-account-page:not([data-flow-type="emergency"]) .clean-main-panel,
body.business-client_account-page:not([data-flow-type="emergency"]) .clean-main-panel{
  border-width: 1px !important;
}

/* Mobile: keep standard cards readable and not oversized. */
@media (max-width: 760px){
  body[data-page="index"] .home-flow-standard,
  body[data-page="index"] [data-flow-type="standard"],
  body[data-page="index"] [data-route-family="standard"]{
    border-radius: 16px !important;
    padding: 14px !important;
  }
}