/* BPW Population Worker Management System - unified blue + #FAF88E background and header layer v8
:root{
  --bpw-soft-yellow:#FAF88E;
  --bpw-soft-yellow-pale:#fffed7;
  --bpw-soft-yellow-wash:#fffce8;
  --bpw-blue:#0057A8;
  --bpw-navy:#062F63;
  --bpw-gold:#FDB515;
  --bpw-text:#17324f;
}

html,body{min-height:100%;}
body,
body.role-standard,
body.role-viewer,
body.portal-page,
body.auth-page,
body.portal-auth-page,
body.hr-intake-body,
body.intake-public-page{
  color:var(--bpw-text)!important;
  background:
    radial-gradient(circle at 92% 4%,rgba(253,181,21,.18) 0,rgba(253,181,21,0) 27%),
    radial-gradient(circle at 4% 12%,rgba(0,87,168,.10) 0,rgba(0,87,168,0) 31%),
    linear-gradient(135deg,rgba(250,248,142,.42) 0%,rgba(255,254,215,.68) 20%,#f8fbff 49%,#ffffff 68%,rgba(250,248,142,.34) 100%)!important;
  background-attachment:fixed!important;
}

.app-shell,.main,.portal-main{background:transparent!important;}

/* Slightly warm white surfaces so the yellow is visible without hurting readability. */
.card,.stat-card,.metric-card,.portal-stat,.portal-card-panel,.portal-panel,.portal-section,
.employee-action-center,.employee-connection-panel,.employee-activity-card,.employee-announcement-card,
.portal-user-action-center,.portal-user-connection-panel,.portal-user-master-profile,.portal-portal-user-detail-group,
.employee-profile-side,.employee-profile-content,.employee-profile-sidebar,.employee-profile-shell,
.hr-intake-card,.intake-card,.modal-card,.userbox,.table-wrap,.pagination-wrap{
  background:linear-gradient(180deg,#ffffff 0%,#fffef7 100%)!important;
  border-color:#d6e2ec!important;
  box-shadow:0 14px 34px rgba(6,47,99,.09)!important;
}

/* Page and module headers use a controlled BPW yellow fade. */
.topbar,.module-head,.page-head,.card.module-head,
.employee-profile-section-head,.intake-section-title,.hr-intake-section-title,
.request-section-head,.form-section-head{
  background:
    linear-gradient(100deg,rgba(255,255,255,.98) 0%,rgba(255,254,231,.96) 58%,rgba(250,248,142,.56) 100%)!important;
  border-color:#d3e0ea!important;
}

/* Floating portal navigation: warm BPW fade, still clean and readable. */
body.portal-page .bpw-nextly-navbar,
body.portal-page.bpw-portal-final-v5 .bpw-nextly-navbar,
body.portal-page.bpw-portal-final-v5 header.bpw-nextly-header>.bpw-nextly-navbar{
  background:
    radial-gradient(circle at 96% 0%,rgba(253,181,21,.20),transparent 29%),
    linear-gradient(108deg,rgba(242,248,255,.99) 0%,#ffffff 56%,rgba(250,248,142,.32) 100%)!important;
  border-color:#b9d0e5!important;
}

/* Keep all primary text readable over the warmer background. */
:is(.card,.portal-card-panel,.portal-panel,.portal-section,.module-head,.topbar) :is(h1,h2,h3,h4,strong,b,label){
  color:#102b4c!important;
}
:is(.card,.portal-card-panel,.portal-panel,.portal-section) :is(p,small,.muted){
  color:#5b7088!important;
}

/* Inputs and tables remain neutral, with a very soft yellow focus/hover accent. */
input,select,textarea{background:#fff!important;color:#17324f!important;border-color:#b9ccdd!important;}
input:focus,select:focus,textarea:focus{
  border-color:var(--bpw-blue)!important;
  box-shadow:0 0 0 4px rgba(250,248,142,.56),0 0 0 6px rgba(0,87,168,.10)!important;
}
th,.portal-table th{
  background:linear-gradient(180deg,#f7fbff 0%,#fffde0 100%)!important;
  color:#234b73!important;
}
tr:hover td{background:#fffef0!important;}

/* Pagination and secondary surfaces. */
.detail-grid div,.portal-detail-list div,.portal-payment-summary div,
.portal-portal-user-detail-item,.portal-user-profile-summary,.employee-profile-summary-card,
.employee-profile-readonly-field,.employee-quick-actions>a,.portal-user-quick-actions>a,
.employee-connection-list>a,.portal-user-connection-list>a{
  background:linear-gradient(180deg,#fff 0%,#fffef2 100%)!important;
  border-color:#d7e3ed!important;
}

/* Preserve strong BPW contrast for primary actions. */
.btn.primary,button.primary,.pagination a.active,.portal-pagination a.active{
  color:#fff!important;
  background:linear-gradient(135deg,var(--bpw-blue),var(--bpw-navy))!important;
  border-color:var(--bpw-blue)!important;
}
.btn.ghost,.btn:not(.danger):not(.primary){
  color:var(--bpw-navy)!important;
  background:linear-gradient(180deg,#fff,#fffde3)!important;
  border-color:#d6c85a!important;
}

/* Mobile keeps the same soft theme without creating heavy effects. */
@media(max-width:900px){
  body,body.portal-page,body.auth-page,body.portal-auth-page{
    background:linear-gradient(150deg,rgba(250,248,142,.34),#f8fbff 46%,#fff 72%,rgba(250,248,142,.24))!important;
  }
}