/* ==========================================================================
   PLENTZ CENTRAL DESIGN SYSTEM — 1.0.21
   Single visual authority for web, PWA, tablet and mobile surfaces.
   Historical override layers have been canonicalised; responsive rules remain intentional.
   ========================================================================== */
.fp-global-header{
  
  
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  
  
  
  
  backdrop-filter:blur(18px)!important;
}
.fp-header-brand-zone{display:flex;align-items:center;min-width:0}
.fp-header-production-brand{
  
  
  display:flex;
  align-items:center;
  gap:11px;
  color:var(--plentz-deep);
  text-decoration:none;
}
.fp-header-production-brand img{object-fit:contain;}
.fp-header-production-brand span{display:flex;flex-direction:column;min-width:0}
.fp-header-production-brand strong{line-height:1.05;letter-spacing:-.035em;}
.fp-header-production-brand small{margin-top:3px;line-height:1.1;text-transform:uppercase;}
.fp-header-tools{display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:12px!important;margin-left:auto!important}
.fp-global-user-area{min-width:0}
.fp-user-trigger{
  
  display:flex!important;
  align-items:center!important;
  gap:10px!important;
  
  
  
  
  color:var(--plentz-deep)!important;
}
.fp-user-avatar{border-radius:50%!important;color:#fff!important;display:grid!important;place-items:center!important;font-weight:900!important;}
.fp-user-copy{display:flex!important;flex-direction:column!important;text-align:left!important}
.fp-user-copy strong{line-height:1.1!important;color:var(--plentz-deep)!important;}
.fp-user-copy small{line-height:1.2!important;color:var(--plentz-muted)!important;margin-top:2px!important;}
.fp-user-chevron{color:var(--plentz-muted)!important}
.fp-user-dropdown{right:0!important;top:calc(100% + 8px)!important;min-width:220px!important;border:1px solid var(--plentz-line)!important;border-radius:13px!important;background:#fff!important;box-shadow:0 18px 44px rgba(6,43,53,.14)!important;padding:10px!important}

/* Desktop sidebar is the final Netlify appearance. */

.side{
  width:244px!important;
  min-width:244px!important;
  display:flex!important;
  position:relative!important;
  flex-direction:column!important;
  padding:20px 14px 16px!important;
  background:linear-gradient(180deg,#062B35 0%,#073843 58%,#062B35 100%)!important;
  border-right:0!important;
  color:#fff!important;
}

.ch-employer-context{
  
  
  
  
  background:rgba(255,255,255,.055)!important;
  color:#fff!important;
}
.ch-employer-context>span{color:#91AEB5!important;}
.ch-employer-context small{color:#9EB8BE!important;}
.ch-employer-context select{
  
  background:#fff!important;
  
  color:var(--plentz-deep)!important;
  border-radius:10px!important;
}
.nav{display:flex!important;flex-direction:column!important;overflow:visible!important;}
.nav button{
  min-width:0!important;
  width:100%!important;
  
  
  
  
  background:transparent!important;
  color:#C9D9DD!important;
  
  
  text-align:left!important;
  transform:none!important;
}
.nav button:hover{background:rgba(255,255,255,.075)!important;color:#fff!important;}
.nav button.active{
  background:var(--plentz-blue)!important;
  color:#fff!important;
  
}
.nav button.active:before{display:none!important}
.ch-side-foot{margin-top:auto!important;}

/* Content frame visible in production. */
.main{
  width:100%!important;
  max-width:none!important;
  min-width:0!important;
  
  
}
.main>*{margin-left:auto!important;margin-right:auto!important;}

/* No development/test banners in the product canvas. */
.local-test-badge,.local-mode-badge,[data-local-test-badge]{display:none!important}

/* Tablet/mobile mirrors production navigation instead of showing desktop sidebar. */
@media(max-width:900px){
  .fp-global-header{height:62px!important;min-height:62px!important;padding:0 12px!important}
  .fp-header-production-brand{width:auto!important;min-width:0!important}
  .fp-header-production-brand img{width:32px!important;height:32px!important}
  .fp-header-production-brand strong{font-size:16px!important}
  .fp-header-production-brand small{display:none!important}
  .fp-mobile-menu-btn{display:flex!important}
  .app{display:block!important;min-height:calc(100vh - 62px)!important}
  .side{display:none!important}
  .main{padding:22px 16px 86px!important}
}
@media(max-width:540px){
  .fp-global-header{padding:0 10px!important}
  .fp-header-tools{gap:6px!important}
  .fp-user-copy{display:none!important}
  .fp-user-trigger{padding:4px!important;border:0!important;background:transparent!important}
  .fp-user-chevron{display:none!important}
  .main{padding:18px 12px 82px!important}
}


:root{
  
  --plentz-border-strong:#C9D7DB;
  --plentz-border-blue:rgba(37,99,235,.20);
  --plentz-shadow-soft:0 8px 24px rgba(6,43,53,.055);
  
  --plentz-shadow-float:0 20px 48px rgba(6,43,53,.12);
  --plentz-highlight:inset 0 1px 0 rgba(255,255,255,.88);
}

/* Header */


.fp-user-trigger:hover{
  border-color:var(--plentz-border-strong)!important;
  box-shadow:var(--plentz-highlight),0 7px 16px rgba(6,43,53,.065)!important;
}

/* Sidebar */
.side{
  box-shadow:10px 0 30px rgba(6,43,53,.055)!important;
}
.ch-employer-context{
  border:1px solid rgba(255,255,255,.14)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.04)!important;
}
.ch-employer-context select{
  border:1px solid rgba(255,255,255,.18)!important;
  box-shadow:0 4px 12px rgba(0,0,0,.08)!important;
}
.nav button{
  border:1px solid transparent!important;
}
.nav button:hover{
  border-color:rgba(255,255,255,.09)!important;
}
.nav button.active{
  border-color:rgba(255,255,255,.12)!important;
  box-shadow:0 10px 24px rgba(7,132,71,.22),inset 0 1px 0 rgba(255,255,255,.12)!important;
}

/* Page heading */
.ch-page-head{
  border-bottom:1px solid var(--plentz-border-soft)!important;
}

/* Premium surfaces */
.box,.admin-setup-block,.wp-evidence-section,.wp-period-reconciliation,.ch-profile-card,.ch-backup-card,.backup-card,.status-card,.wp-stat-card,.wp-metric-card,.panel,.card{
  border:1px solid var(--plentz-border-soft)!important;
  box-shadow:var(--plentz-highlight),var(--plentz-shadow-soft)!important;
}
.box:hover,
.status-card:hover,
.wp-stat-card:hover,
.wp-metric-card:hover{
  border-color:var(--plentz-border-strong)!important;
}

/* Important cards */
.fp-view-dashboard .main>.box:first-of-type,
.fp-view-entry .wp-entry-card,
.fp-view-profile .ch-profile-card,
.fp-view-admin .admin-setup-block,
.fp-view-backup .box{
  box-shadow:var(--plentz-highlight),var(--plentz-shadow-card)!important;
}

/* Form controls */
input:not([type="checkbox"]):not([type="radio"]),
select,
textarea{
  border:1px solid var(--plentz-border-strong)!important;
  box-shadow:inset 0 1px 1px rgba(6,43,53,.025)!important;
}
input:hover,select:hover,textarea:hover{
  border-color:#AFC1C6!important;
}


/* Buttons */
.btn,
button.btn,
.fp-auth-button,
.wp-pay-upload-button,
.ch-use-detected{
  border:1px solid var(--plentz-border-strong)!important;
  box-shadow:var(--plentz-highlight),0 3px 8px rgba(6,43,53,.035)!important;
}
.btn:hover,
button.btn:hover{
  border-color:#AFC1C6!important;
  box-shadow:var(--plentz-highlight),0 6px 14px rgba(6,43,53,.065)!important;
}
.btn.primary,
button.btn.primary,
.fp-auth-button{
  
  box-shadow:inset 0 1px 0 rgba(255,255,255,.15),0 7px 16px rgba(37,99,235,.20)!important;
}
.btn.primary:hover,
button.btn.primary:hover,
.fp-auth-button:hover{
  box-shadow:inset 0 1px 0 rgba(255,255,255,.14),0 9px 20px rgba(7,132,71,.22)!important;
}

/* Tables */
.table-wrap{
  border:1px solid var(--plentz-border-soft)!important;
  box-shadow:var(--plentz-highlight),0 6px 18px rgba(6,43,53,.035)!important;
}
th{
  border-bottom:1px solid var(--plentz-border-soft)!important;
}
td{
  border-bottom:1px solid #E7EEF0!important;
}

/* Travel tabs */
.wp-subnav-btn{
  
  box-shadow:var(--plentz-highlight),0 4px 12px rgba(6,43,53,.035)!important;
}
.wp-subnav-btn:hover{
  border-color:var(--plentz-border-strong)!important;
}
.wp-subnav-btn.active{
  
  box-shadow:var(--plentz-highlight),0 7px 18px rgba(16,185,129,.10)!important;
}

/* Modal */
.fp-modal{
  border:1px solid var(--plentz-border-soft)!important;
  box-shadow:0 28px 80px rgba(6,43,53,.22)!important;
}

/* Legal / support */



/* Mobile: keep premium, reduce visual weight */
@media(max-width:640px){
  .box,
  .status-card,
  .wp-stat-card,
  .wp-metric-card,
  .ch-profile-card,
  .admin-setup-block{
    box-shadow:var(--plentz-highlight),0 6px 18px rgba(6,43,53,.05)!important;
  }
}







.fp-app-shell .app>.side .ch-side-foot,.fp-app-shell .app>.side .ch-legal-mini{color:#B7CDD2!important}


/* Setup is a designed onboarding surface, not a long white form. */
.ch-profile-card{
  
  margin:0!important;
  border:1px solid #D8E4E7!important;
  border-radius:22px!important;
  overflow:hidden!important;
  background:linear-gradient(180deg,#FFFFFF 0%,#FBFDFD 100%)!important;
  box-shadow:0 18px 48px rgba(6,43,53,.08),inset 0 1px 0 rgba(255,255,255,.9)!important;
}
.ch-profile-welcome{
  display:flex!important;align-items:center!important;
  
  background:linear-gradient(118deg,#062B35 0%,#0B4C56 68%,#0B665B 100%)!important;
  color:#fff!important;
}
.ch-profile-welcome>span{
  display:grid!important;place-items:center!important;flex:0 0 34px!important;
  background:#FFC107!important;color:#062B35!important;font-weight:900!important;}
.ch-profile-welcome strong{color:#fff!important;}
.ch-profile-welcome p{margin:3px 0 0!important;color:#CFE0E3!important;}

.ch-profile-section{
  padding:0 0 20px!important;margin:0 0 20px!important;border-bottom:1px solid #E3EBED!important;}
.ch-profile-section h2{color:#062B35!important;}

.ch-profile-grid label{display:flex!important;flex-direction:column!important;gap:5px!important;min-width:0!important;}
.ch-profile-grid label small{font-size:10.5px!important;line-height:1.35!important;color:#789097!important}
.ch-profile-grid input{
  width:100%!important;
  padding:0 12px!important;border-radius:10px!important;background:#fff!important;}

.ch-transport-options>label{
  
  display:flex!important;
  box-shadow:0 4px 12px rgba(6,43,53,.025)!important;cursor:pointer!important;}
.ch-transport-options>label:hover{border-color:#B8C9CE!important;box-shadow:0 7px 16px rgba(6,43,53,.05)!important}
.ch-transport-options>label:has(input:checked){
  box-shadow:0 0 0 2px rgba(7,132,71,.06)!important;}
.ch-transport-options input[type="checkbox"]{
  accent-color:#078447!important;}
.ch-transport-options strong{display:block!important;line-height:1.25!important;color:#163943!important;}
.ch-transport-options small{display:block!important;margin-top:2px!important;color:#789097!important;}

.ch-profile-other input{height:42px!important;min-height:42px!important}

.ch-profile-actions{justify-content:flex-end!important;}
.ch-profile-actions .btn{width:auto!important;}
.ch-profile-error{margin:0 0 12px!important;padding:10px 12px!important;border:1px solid #F1CACA!important;background:#FFF3F3!important;color:#8E3535!important;}
.ch-profile-error[hidden]{display:none!important}

/* More Plentz colour in the content canvas. */
.fp-app-shell .main{
  background:
    radial-gradient(circle at 94% 3%,rgba(37,99,235,.085),transparent 24%),
    radial-gradient(circle at 12% 92%,rgba(16,185,129,.065),transparent 28%),
    linear-gradient(180deg,#F7FAFA 0%,#F1F6F5 100%)!important;
}
.ch-page-head{position:relative!important;}
.ch-page-head:after{
  content:"";border-radius:999px;
  }

@media(max-width:980px){
  .ch-transport-options{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media(max-width:700px){
  .ch-profile-grid,.ch-transport-options{grid-template-columns:1fr!important}
  .ch-profile-form{padding:18px!important}
  .ch-profile-actions{flex-direction:column!important}
  .ch-profile-actions .btn{width:100%!important}
}


:root{
  
  --plentz-bg-2:#EDF3F3;
  --plentz-surface:#FAFCFC;
  --plentz-surface-strong:#FFFFFF;
  --plentz-surface-tint:#F6FAFA;
  --plentz-deep:#062B35;
  --plentz-petrol:#083F4C;
  --plentz-blue:#078447;
  --plentz-blue-hover:#066F3D;
  --plentz-emerald:#10B981;
  
  
  
  
  --plentz-line-strong:#C4D2D6;
  
  
  --plentz-radius:12px;
  --plentz-radius-lg:18px;
  --plentz-shadow:0 7px 20px rgba(6,43,53,.05);
  --plentz-shadow-card:0 12px 28px rgba(6,43,53,.065);
  
}

/* Global canvas */
html,body{background:var(--plentz-bg)!important;color:var(--plentz-text)!important}




/* Header compact and polished */





.fp-user-trigger{padding:4px 9px 4px 5px!important;}
.fp-user-avatar{font-size:10px!important;}
.fp-user-copy strong{font-size:11.5px!important;}.fp-user-copy small{font-size:8.5px!important;}

/* Sidebar */


.ch-employer-context{margin:0 3px 12px!important;padding:11px!important;border-radius:12px!important;}
.ch-employer-context>span{font-size:8.5px!important;}
.ch-employer-context select{min-height:36px!important;height:36px!important;font-size:11.5px!important;}
.ch-employer-context small{font-size:9px!important;}
.nav{gap:4px!important;}
.nav button{
  min-height:40px!important;height:40px!important;
  padding:0 11px!important;border-radius:10px!important;
  font-size:12px!important;font-weight:720!important;}
.ch-side-foot{padding:10px!important;border-radius:11px!important;}
.ch-side-foot strong{font-size:10.5px!important}.ch-side-foot small{font-size:8.5px!important}

/* Page hierarchy */

.ch-page-context,.wp-eyebrow{letter-spacing:.12em!important;}




/* Unified surfaces */






/* Control scale — same everywhere */
input:not([type="checkbox"]):not([type="radio"]),
select,textarea{
  
  height:auto!important;
  
  
  
  border:1px solid var(--plentz-line-strong)!important;
  
}
textarea{min-height:96px!important}


.btn,button.btn,.fp-auth-button,.ch-use-detected{
  min-height:var(--plentz-control-h)!important;
  height:var(--plentz-control-h)!important;
  padding:0 14px!important;
  border-radius:9px!important;
  font-size:11px!important;
}


/* DASHBOARD */
.fp-view-dashboard .wp-dashboard-summary,
.fp-view-dashboard .wp-summary-grid,
.fp-view-dashboard .admin-simple{gap:10px!important}




/* ENTER & IMPORT */




.fp-view-entry .wp-entry-step{width:27px!important;height:27px!important;border-radius:8px!important;font-size:11px!important}
.fp-view-entry .wp-daily-hours-form{gap:10px!important}
.fp-view-entry .wp-pay-upload-buttons{gap:10px!important}

.fp-view-entry .wp-pay-upload-icon{width:27px!important;height:27px!important}

/* PROFILE / ONBOARDING */


.ch-profile-welcome>span{border-radius:8px!important;}





.ch-profile-grid input{font-size:12px!important;}

.ch-transport-options>label{
  
  
  
  gap:7px!important;
  align-items:center!important;}
.ch-transport-options input[type="checkbox"]{margin:0!important;}

.ch-transport-options small{line-height:1.25!important;}



.ch-profile-actions .btn{height:40px!important;}

/* EMPLOYER */

.fp-view-admin .admin-simple{gap:10px!important}


.fp-view-admin .wp-form-grid{gap:10px 12px!important}

/* BACKUP */
.fp-view-backup .box{max-width:840px!important}
.fp-view-backup .ch-backup-card,.fp-view-backup .backup-card{padding:14px!important}

/* TRAVEL */
.wp-travel-nav,.wp-subnav{gap:7px!important;margin-bottom:14px!important}
.wp-subnav-btn{
  
  border-radius:10px!important;}

.wp-travel-grid,.wp-mileage-grid{gap:10px!important}
.wp-travel-grid article,.wp-mileage-grid article{border-radius:11px!important;}

/* Tables */



/* Modal */




/* Tone down pure white by layering surfaces */
.main .box:nth-of-type(odd),
.fp-view-profile .ch-profile-card,
.fp-view-admin .admin-setup-block:nth-of-type(odd){
  background:linear-gradient(180deg,#FBFDFD 0%,#F7FAFA 100%)!important
}
.main .box:nth-of-type(even),
.fp-view-admin .admin-setup-block:nth-of-type(even){
  background:linear-gradient(180deg,#F8FBFB 0%,#F4F8F8 100%)!important
}

/* Responsive */
@media(max-width:1100px){
  .app{grid-template-columns:214px minmax(0,1fr)!important}
  .fp-app-shell .app>.side{width:214px!important;min-width:214px!important}
  .main{padding:24px 20px 44px!important}
  .ch-transport-options{grid-template-columns:repeat(3,minmax(0,1fr))!important}
}
@media(max-width:900px){
  .fp-global-header{height:60px!important;min-height:60px!important}
  .app{display:block!important}
  .side{display:none!important}
  .main{padding:20px 15px 82px!important}
  .ch-transport-options{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media(max-width:640px){
  .main{padding:16px 10px 78px!important}
  .box{padding:15px!important}
  .ch-page-head h1{font-size:26px!important}
  .ch-profile-form{padding:15px!important}
  .ch-profile-grid,.ch-transport-options{grid-template-columns:1fr!important}
  .ch-profile-actions .btn{width:100%!important}
}


:root{
  --plentz-shell:#EEF5F4;
  --plentz-shell-2:#F5F8F7;
  --plentz-sidebar:#F1F6F5;
  --plentz-sidebar-2:#E8F1F0;
  
  --plentz-card-strong:#FFFFFF;
  --plentz-border:#D4E1E0;
  --plentz-border-soft:#E3EBEA;
  
  --plentz-muted-2:#6B8085;
  --plentz-teal:#0E7C80;
  --plentz-teal-soft:#E5F4F2;
  --plentz-blue-soft:#EEF3FF;
  --plentz-gold-soft:#FFF7DE;
  
  --plentz-control-h-sm:32px;
  --plentz-content:1080px;
}

/* Lighter, more refined shell */
.fp-app-shell{
  background:
    radial-gradient(circle at 88% 0%,rgba(37,99,235,.035),transparent 22%),
    radial-gradient(circle at 10% 96%,rgba(16,185,129,.035),transparent 24%),
    linear-gradient(180deg,var(--plentz-shell-2),var(--plentz-shell))!important;
}



/* Header */





.fp-user-trigger{
  
  border-color:var(--plentz-border)!important;
  border-radius:10px!important;
  
  
}
.fp-user-avatar{width:28px!important;height:28px!important;}

/* Sidebar: light, brand-aligned, no heavy dark block */







.fp-app-shell .app>.side .nav button{
  min-height:36px!important;height:36px!important;
  padding:0 9px!important;
  border:1px solid transparent!important;
  border-radius:9px!important;
  background:transparent!important;
  color:#35565D!important;
  font-size:11px!important;
  font-weight:680!important;
}
.fp-app-shell .app>.side .nav button:hover{
  background:#E4EFED!important;
  border-color:#D2E0DE!important;
  color:#173A42!important;
}
.fp-app-shell .app>.side .nav button.active{
  
  border-color:#C6D7F7!important;
  
  
}

.fp-app-shell .app>.side .ch-side-foot{
  background:rgba(255,255,255,.55)!important;
  border:1px solid #D4E1E0!important;
  color:#4F6970!important;
  padding:8px!important;
  border-radius:9px!important;
}
.fp-app-shell .app>.side .ch-side-foot strong{font-size:9.5px!important;color:#284850!important}
.fp-app-shell .app>.side .ch-side-foot small{font-size:7.8px!important;color:#789095!important}
.fp-app-shell .app>.side .ch-legal-mini a{color:#5F787D!important;font-size:8px!important;}

/* Page headings: smaller and less dominant */

.ch-page-context,.wp-eyebrow{font-size:8.5px!important;}
.ch-page-head h1{
  
  line-height:1.04!important;
  
  letter-spacing:-.035em!important;
}
.ch-page-head p{line-height:1.45!important;}
.ch-page-head:after{height:2px!important;margin-top:10px!important;}

/* Surfaces: smaller, flatter, more architectural */
.box,.card,.panel,.status-card,.wp-stat-card,.wp-metric-card,.admin-setup-block,.wp-evidence-section,.wp-period-reconciliation,.ch-profile-card,.ch-backup-card,.backup-card{
  border-radius:14px!important;
  border:1px solid var(--plentz-border)!important;
  background:linear-gradient(180deg,#FCFEFE 0%,#F8FBFA 100%)!important;
  box-shadow:0 5px 16px rgba(21,52,60,.035)!important;
}
.box{margin-bottom:12px!important;}
.section-title{margin-bottom:11px!important;gap:10px!important;}
.section-title h2,.box h2{
  font-size:16px!important;
  line-height:1.2!important;
  margin:1px 0 2px!important;}
.section-title p,.muted{font-size:10.5px!important;line-height:1.42!important;}

/* Buttons: no generic grey. Brand-aware secondary system */
.btn,button.btn,.ch-use-detected{
  
  
  padding:0 12px!important;
  
  font-size:10.5px!important;
  font-weight:760!important;
  
  
  
  
}
.btn:hover,button.btn:hover,.ch-use-detected:hover{
  background:#E4ECFF!important;
  border-color:#B7C9F3!important;
}

.btn.primary:hover,button.btn.primary:hover,.fp-auth-button:hover{
  border-color:#066F3D!important;}
.btn.mini,button.btn.mini{
  min-height:var(--plentz-control-h-sm)!important;
  height:var(--plentz-control-h-sm)!important;
  padding:0 9px!important;
  font-size:9.5px!important;}
button.danger,.btn.danger,[data-danger]{
  background:#FFF4F3!important;color:#A53A32!important;border-color:#F1D0CD!important
}

/* Inputs and selects */
input:not([type="checkbox"]):not([type="radio"]),
select,textarea{
  min-height:var(--plentz-control-h)!important;
  border-radius:8px!important;
  font-size:11px!important;
  padding:7px 9px!important;
  border-color:#C9D8D7!important;
  background:#FFFFFF!important;
}
label{font-size:10px!important;gap:4px!important;}
label small{font-size:8.5px!important;}

/* Profile / onboarding compact */
.ch-profile-card{max-width:920px!important;}
.ch-profile-welcome{padding:13px 16px!important;gap:10px!important;}
.ch-profile-welcome>span{width:27px!important;height:27px!important;flex-basis:27px!important;}
.ch-profile-welcome strong{font-size:12.5px!important;}.ch-profile-welcome p{font-size:9.5px!important;}
.ch-profile-form{padding:15px 16px 17px!important;}
.ch-profile-section{padding-bottom:13px!important;margin-bottom:13px!important;}
.ch-profile-section h2{font-size:15px!important;margin:2px 0 9px!important;}



.ch-transport-options>label{
  min-height:42px!important;
  padding:6px 8px!important;
  border-radius:9px!important;
  background:#FBFDFD!important;
  border:1px solid #D5E1E0!important;
}
.ch-transport-options>label:has(input:checked){
  background:#EEF3FF!important;border-color:#B9CBF6!important;}
.ch-transport-options input[type="checkbox"]{width:13px!important;height:13px!important;min-width:13px!important;}
.ch-transport-options strong{font-size:9.8px!important;}
.ch-transport-options small{font-size:7.7px!important;}



/* Dashboard density */
.fp-view-dashboard .status-card{padding:11px!important;min-height:78px!important;}
.fp-view-dashboard .status-card strong{font-size:18px!important;}
.fp-view-dashboard .status-card small{font-size:8.5px!important;}

/* Entry density */



.fp-view-entry .wp-entry-card{padding:15px!important;}
.fp-view-entry .wp-pay-upload-button{
  min-height:58px!important;height:58px!important;padding:9px 10px!important;font-size:9.5px!important;}

/* Employer Setup density */
.fp-view-admin .admin-setup-block{padding:15px!important;margin-bottom:12px!important;}
.fp-view-admin .status-card{padding:10px!important;}
.fp-view-admin .status-card strong{font-size:15px!important;}

/* Travel density */
.wp-subnav-btn{min-height:46px!important;height:46px!important;padding:7px 9px!important;}
.wp-subnav-btn strong{font-size:9.5px!important;}.wp-subnav-btn span{font-size:7.8px!important;}
.wp-travel-grid article,.wp-mileage-grid article{padding:10px!important;}

/* Tables */
th{padding:8px 9px!important;font-size:8px!important;}
td{padding:9px!important;font-size:9.5px!important;}

/* Modal */
.wp-form-header{padding:13px 15px!important;}
.wp-form-body{padding:15px!important;}
.wp-form-footer{padding:11px 15px!important;}

/* Tablet/mobile */
@media(max-width:1000px){
  .app{grid-template-columns:202px minmax(0,1fr)!important}
  .fp-app-shell .app>.side{width:202px!important;min-width:202px!important}
  .ch-transport-options{grid-template-columns:repeat(3,minmax(0,1fr))!important}
}
@media(max-width:900px){
  .fp-global-header{height:58px!important;min-height:58px!important}
  .app{display:block!important}
  .side{display:none!important}
  .main{padding:18px 14px 76px!important}
  .ch-transport-options{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media(max-width:640px){
  .main{padding:14px 9px 72px!important}
  .box{padding:13px!important}
  .ch-page-head h1{font-size:23px!important}
  .ch-profile-grid,.ch-transport-options{grid-template-columns:1fr!important}
}


:root{
  --plentz-approved-green:#078447;
  --plentz-approved-green-dark:#056A3A;
  --plentz-approved-green-soft:#EEF8F2;
  --plentz-approved-gold:#D89A00;
  --plentz-approved-red:#E54848;
  --plentz-approved-navy:#102D3D;
  --plentz-approved-text:#233C49;
  --plentz-approved-muted:#71838F;
  --plentz-approved-line:#DCE5E8;
  --plentz-approved-bg:#F7F9F9;
  --plentz-approved-card:#FFFFFF;
}
html,body,.fp-app-shell{
  background:#F7F9F9!important;
  color:var(--plentz-approved-text)!important;
}
.fp-global-header{
  height:64px!important;min-height:64px!important;
  
  
  
  padding:0 28px!important;
}
.fp-header-production-brand{width:235px!important;min-width:235px!important;}

.fp-header-production-brand strong{font-size:20px!important;color:#102D3D!important;}
.fp-header-production-brand small{font-size:9px!important;color:#6D7F8B!important;letter-spacing:.09em!important;}
.fp-user-trigger{height:42px!important;min-height:42px!important;background:#fff!important;border:1px solid #D7E1E4!important;box-shadow:none!important;}
.fp-user-avatar{background:#073E3C!important;}
.app{grid-template-columns:250px minmax(0,1fr)!important;min-height:calc(100vh - 64px)!important;}
.fp-app-shell .app>.side{
  width:250px!important;min-width:250px!important;
  padding:24px 24px 18px!important;
  
  
  box-shadow:none!important;
  color:#183744!important;
}
.ch-brand-lockup{display:none!important;}

.fp-app-shell .app>.side .ch-employer-context>span{letter-spacing:.1em!important;}
.fp-app-shell .app>.side .ch-employer-context select{
  
  border-radius:8px!important;
  font-weight:700!important;
}


.fp-app-shell .app>.side .nav button,
.fp-app-shell .app>.side .ch-side-link{
  width:100%!important;
  display:flex!important;align-items:center!important;gap:12px!important;
  padding:0 13px!important;border:0!important;border-radius:8px!important;
  
  text-decoration:none!important;
  box-shadow:none!important;text-align:left!important;
}

.fp-app-shell .app>.side .nav button.active{
  
  border:0!important;
  
}

.ch-side-link{margin-top:13px!important;border-top:1px solid #E4EAEC!important;padding-top:14px!important;border-radius:0!important}
.ch-side-link-icon{width:22px!important;height:22px!important;display:grid!important;place-items:center!important;font-size:15px!important}
.fp-app-shell .app>.side .ch-menu-logout{
  margin-top:auto!important;border-radius:0!important;padding-top:18px!important;height:58px!important;}
.fp-app-shell .app>.side .ch-menu-logout:hover{background:transparent!important;color:#B92B2B!important}
.ch-side-foot,.ch-legal-mini{display:none!important}
.main{
  padding:26px 30px 34px!important;
  
}
.main>*{width:min(100%,1180px)!important;}

/* Global surfaces follow the approved flat premium direction */
.box,.card,.panel,.status-card,.wp-stat-card,.wp-metric-card,.admin-setup-block,.wp-evidence-section,.wp-period-reconciliation,.ch-backup-card,.backup-card{
  background:#FFFFFF!important;border:1px solid #DCE5E8!important;border-radius:12px!important;
  box-shadow:0 3px 12px rgba(16,45,61,.035)!important;
}
.box{padding:17px!important;}
.ch-page-head h1{font-size:28px!important;}
.ch-page-head p{font-size:12px!important;}
.ch-page-head:after{background:#078447!important;width:38px!important;}

/* Global controls and buttons: green replaces blue */
input:not([type="checkbox"]):not([type="radio"]),select,textarea{
  min-height:40px!important;border:1px solid #D3DEE1!important;border-radius:7px!important;
  background:#FFFFFF!important;font-size:11.5px!important;color:#233C49!important;box-shadow:none!important
}
input:focus,select:focus,textarea:focus{
  border-color:#65AD88!important;box-shadow:0 0 0 3px rgba(7,132,71,.08)!important;}
.btn,button.btn,.ch-use-detected{
  min-height:40px!important;height:40px!important;border-radius:7px!important;
  background:#FFFFFF!important;color:#183744!important;border:1px solid #D3DEE1!important;box-shadow:none!important;}
.btn:hover,button.btn:hover{background:#F5F8F7!important;border-color:#C5D4D7!important}
.btn.primary,button.btn.primary,.fp-auth-button{
  background:linear-gradient(180deg,#07934F,#067B43)!important;color:#fff!important;
  border-color:#067B43!important;box-shadow:0 4px 10px rgba(7,132,71,.14)!important;}
.btn.primary:hover,button.btn.primary:hover,.fp-auth-button:hover{background:#066F3D!important;}

/* Approved profile composition */
.ch-profile-approved-layout{
  width:min(100%,1180px)!important;margin:0 auto!important;
  display:grid!important;grid-template-columns:minmax(0,1fr) 270px!important;gap:24px!important;align-items:start!important
}
.ch-approved-profile-shell{
  background:#FFFFFF!important;border:1px solid #DDE5E8!important;border-radius:12px!important;
  box-shadow:0 4px 14px rgba(16,45,61,.045)!important;padding:28px 30px 20px!important
}
.ch-approved-profile-top{
  display:flex!important;justify-content:space-between!important;gap:20px!important;
  padding-bottom:20px!important;border-bottom:1px solid #E1E7E9!important;}
.ch-approved-profile-top .wp-eyebrow{color:#078447!important;font-size:9px!important;letter-spacing:.12em!important}
.ch-approved-profile-top h1{
  margin:7px 0 7px!important;font-size:31px!important;line-height:1.05!important;letter-spacing:-.035em!important;color:#102D3D!important
}
.ch-approved-profile-top p{margin:0!important;font-size:12px!important;color:#71838F!important}
.ch-setup-progress{width:130px!important;flex:0 0 130px!important;padding-top:10px!important;text-align:right!important}
.ch-setup-progress>span{font-size:11px!important;color:#687C88!important}
.ch-setup-progress>div{display:flex!important;align-items:center!important;justify-content:flex-end!important;margin-top:12px!important}
.ch-setup-progress i{width:10px!important;height:10px!important;border-radius:50%!important;background:#D5DDE1!important;display:block!important;position:relative!important;margin-left:18px!important}
.ch-setup-progress i:not(:first-child):before{content:"";position:absolute;width:18px;height:2px;background:#D5DDE1;right:10px;top:4px}

.ch-approved-profile-form{padding-top:0!important}
.ch-approved-section{padding:20px 0!important;border-bottom:1px solid #E1E7E9!important}
.ch-section-intro{display:flex!important;align-items:center!important;gap:12px!important;margin-bottom:17px!important}
.ch-section-icon{
  width:40px!important;height:40px!important;border-radius:8px!important;
  color:#078447!important;display:grid!important;place-items:center!important;font-size:20px!important;}
.ch-section-intro h2{margin:0 0 3px!important;font-size:16px!important;color:#102D3D!important}
.ch-section-intro p{margin:0!important;font-size:10px!important;color:#71838F!important}
.ch-profile-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:15px 22px!important;}
.ch-profile-grid label{font-size:10.5px!important;color:#233C49!important;font-weight:650!important;}
.ch-profile-grid input{height:40px!important;min-height:40px!important;margin-top:6px!important;}
.ch-transport-options{
  display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:12px!important;margin-top:0!important;}
.ch-transport-tile{
  min-height:52px!important;height:52px!important;padding:0 12px!important;border:1px solid #D8E1E4!important;border-radius:8px!important;
  background:#FFFFFF!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:9px!important;
  position:relative!important;cursor:pointer!important;color:#2E4855!important
}
.ch-transport-tile input{position:absolute!important;opacity:0!important;pointer-events:none!important}
.ch-transport-glyph{font-size:16px!important;color:#607783!important}
.ch-transport-copy strong{font-size:10.5px!important;color:#2A4652!important}
.ch-transport-copy small{display:none!important}
.ch-transport-check{display:none!important;position:absolute!important;right:7px!important;top:6px!important;width:15px!important;height:15px!important;border-radius:50%!important;background:#07934F!important;color:#fff!important;font-size:9px!important;place-items:center!important}
.ch-transport-tile:has(input:checked){
  box-shadow:inset 0 0 0 1px rgba(7,132,71,.08)!important;}
.ch-transport-tile:has(input:checked) .ch-transport-copy strong,.ch-transport-tile:has(input:checked) .ch-transport-glyph{color:#078447!important}
.ch-transport-tile:has(input:checked) .ch-transport-check{display:grid!important}
.ch-profile-other{max-width:420px!important;margin-top:12px!important;}
.ch-mileage-profile-option{margin-top:12px!important;padding:10px 12px!important;background:#F5FAF7!important;border:1px solid #D5E8DD!important;border-radius:8px!important;}
.ch-profile-actions{display:flex!important;align-items:center!important;gap:10px!important;padding-top:18px!important;}
.ch-profile-action-spacer{flex:1!important}
.ch-profile-actions .btn{min-width:105px!important;}
.ch-profile-actions .btn.primary{min-width:158px!important}
.ch-save-later{color:#6F818B!important;background:#FAFBFB!important}
.ch-profile-error{margin-top:14px!important;}

/* Right-side information cards */
.ch-profile-aside{display:flex!important;flex-direction:column!important;gap:18px!important}
.ch-profile-info-card{
  background:#FFFFFF!important;border:1px solid #DDE5E8!important;border-radius:11px!important;
  box-shadow:0 3px 12px rgba(16,45,61,.035)!important;padding:22px!important
}
.ch-profile-info-card h3{font-size:14px!important;margin:12px 0 14px!important;color:#102D3D!important}
.ch-profile-info-card p{font-size:10.5px!important;line-height:1.55!important;color:#5F7580!important}
.ch-profile-info-card ul{list-style:none!important;margin:0!important;padding:0!important}
.ch-profile-info-card li{font-size:10.5px!important;color:#4D6570!important;margin:0 0 13px!important;padding-left:20px!important;position:relative!important}
.ch-profile-info-card li:before{content:"✓";position:absolute;left:0;top:-1px;width:13px;height:13px;border-radius:50%;background:#0AA35B;color:#fff;font-size:8px;display:grid;place-items:center}
.ch-profile-info-card a{font-size:10px!important;color:#078447!important;font-weight:700!important;text-decoration:none!important}
.ch-info-lock{
  width:35px!important;height:35px!important;border-radius:9px!important;background:linear-gradient(145deg,#E8B33C,#C78900)!important;
  color:#fff!important;display:grid!important;place-items:center!important;font-size:17px!important
}
.ch-info-lock.outline{background:transparent!important;color:#D89A00!important;width:auto!important;height:auto!important;display:inline!important}

/* Backup: remove oversized radio circles everywhere */
input[type="radio"]{
  width:16px!important;height:16px!important;min-width:16px!important;min-height:16px!important;
  accent-color:#078447!important;transform:none!important
}
input[type="checkbox"]{accent-color:#078447!important}
.ch-backup-schedule-options input[type="radio"],
.ch-backup-center input[type="radio"],
.fp-view-backup input[type="radio"]{
  width:16px!important;height:16px!important;min-width:16px!important;min-height:16px!important;margin:0 8px 0 0!important
}
.fp-view-backup label{min-height:auto!important;}
.fp-view-backup .box,.fp-view-backup .ch-backup-card,.fp-view-backup .backup-card{padding:15px!important}
.fp-view-backup h2{font-size:16px!important}.fp-view-backup h3{font-size:14px!important}

/* Responsive */
@media(max-width:1050px){
  .ch-profile-approved-layout{grid-template-columns:1fr!important}
  .ch-profile-aside{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media(max-width:900px){
  .app{display:block!important}.side{display:none!important}
  .main{padding:18px 14px 74px!important}
  .ch-approved-profile-shell{padding:22px!important}
}
@media(max-width:680px){
  .ch-approved-profile-top{display:block!important}
  .ch-setup-progress{width:auto!important;text-align:left!important;margin-top:16px!important}
  .ch-setup-progress>div{justify-content:flex-start!important}
  .ch-profile-grid{grid-template-columns:1fr!important}
  .ch-transport-options{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .ch-profile-aside{grid-template-columns:1fr!important}
  .ch-profile-actions{flex-wrap:wrap!important}
  .ch-profile-action-spacer{display:none!important}
}

.ch-approved-profile-shell.box{margin:0!important;padding:28px 30px 20px!important;background:#FFFFFF!important}


:root{
  
  
  --plentz-action-dark:#055D35;
  --plentz-green-soft:#EEF8F2;
  --plentz-green-line:#CFE4D7;
  --plentz-gold:#D6A63E;
  --plentz-navy:#102D3D;
  --plentz-text:#314C57;
  
  
  --plentz-bg:#F6F8F8;
  --plentz-card:#FFFFFF;

  --plentz-font-title:28px;
  --plentz-font-section:16px;
  --plentz-font-body:12px;
  --plentz-font-helper:10px;
  --plentz-font-label:10.5px;
  --plentz-control-h:40px;
}

/* Global type rhythm */
body{font-size:var(--plentz-font-body)!important;}
p,.muted,.section-title p,.status-card span,.status-card small,.wp-subnav-btn span,.ch-profile-info-card p,.ch-profile-info-card li,.ch-employer-context small,.wp-evidence-head small,.wp-evidence-location,.ch-section-intro p{
  font-size:var(--plentz-font-body)!important;
  line-height:1.5!important;
  color:var(--plentz-muted)!important;
}
label,.section-title small,.wp-eyebrow,.ch-page-context{
  font-size:var(--plentz-font-label)!important;
  line-height:1.35!important;
}
h1,.ch-page-head h1{
  font-size:var(--plentz-font-title)!important;
  line-height:1.08!important;
  letter-spacing:-.035em!important;
}
h2,.section-title h2,.box h2,.ch-section-intro h2{
  font-size:var(--plentz-font-section)!important;
  line-height:1.25!important;
}
h3{font-size:14px!important;line-height:1.3!important}

/* Header and canvas */
.fp-global-header{
  background:#FFFFFF!important;
  border-bottom:1px solid var(--plentz-line)!important;
  box-shadow:0 2px 10px rgba(16,45,61,.035)!important;
}
.main{
  background:
    radial-gradient(circle at 92% 0%,rgba(7,132,71,.035),transparent 23%),
    linear-gradient(180deg,#F8FAFA 0%,#F3F7F6 100%)!important;
}

/* Single approved gradient used only for titles/brand context */
.ch-page-head{
  
  margin-bottom:18px!important;
  
  border-radius:12px!important;
  
  
}
.ch-page-head:after{display:none!important;}
.ch-page-context{
  display:inline-flex!important;
  color:var(--plentz-action-dark)!important;
  font-weight:800!important;
  letter-spacing:.09em!important;
}
.ch-page-head h1{color:var(--plentz-navy)!important;margin:5px 0 6px!important;}
.ch-page-head p{max-width:680px!important;margin:0!important;}

/* Employer block follows title gradient; Dovida is white */
.fp-app-shell .app>.side .ch-employer-context{
  
  border:0!important;
  
  
}
.fp-app-shell .app>.side .ch-employer-context>span,
.fp-app-shell .app>.side .ch-employer-context small{
  color:rgba(255,255,255,.75)!important;
}
.fp-app-shell .app>.side .ch-employer-context select{
  background:rgba(255,255,255,.12)!important;
  color:#FFFFFF!important;
  border:1px solid rgba(255,255,255,.28)!important;
  box-shadow:none!important;
}
.fp-app-shell .app>.side .ch-employer-context select:focus{
  border-color:#FFFFFF!important;
  box-shadow:0 0 0 3px rgba(255,255,255,.13)!important;
}
.fp-app-shell .app>.side .ch-employer-context option{
  color:#193B45!important;
  background:#FFFFFF!important;
}

/* Menu: cleaner, quieter, one green only */
.fp-app-shell .app>.side{
  background:#FFFFFF!important;
  border-right:1px solid #E1E8EA!important;
}
.fp-app-shell .app>.side .nav button,
.fp-app-shell .app>.side .ch-side-link{
  color:#294650!important;
  background:transparent!important;
  
  font-weight:650!important;
}
.fp-app-shell .app>.side .nav button:hover,
.fp-app-shell .app>.side .ch-side-link:hover{
  color:var(--plentz-action-dark)!important;
  background:#F2F8F4!important;
}
.fp-app-shell .app>.side .nav button.active{
  color:var(--plentz-action-dark)!important;
  background:#EEF8F2!important;
  box-shadow:inset 4px 0 0 var(--plentz-action)!important;
}
.fp-app-shell .app>.side .nav button.active .ch-nav-icon{color:var(--plentz-action)!important;}
.fp-app-shell .app>.side .ch-side-link{
  border-top:1px solid #E5EBED!important;
  margin-top:12px!important;
}
.fp-app-shell .app>.side .ch-menu-logout{
  color:#A64040!important;
  border-top:1px solid #E5EBED!important;
}

/* ALL ordinary action buttons use one green */
.btn,
button.btn,
.fp-auth-button,
.ch-use-detected,
.wp-pay-upload-button,
.wp-subnav-btn.active,
.ch-use-recommended,
.ch-backup-action,
button[id^="ch"],
button[id^="wp"]{
  --_action:var(--plentz-action);
}
.btn.primary,
button.btn.primary,
.fp-auth-button,
#chSaveBackupSchedule,
#chUseRecommendedSchedule,
#chExportEncryptedBackup,
#chRestoreEncryptedBackup,
#wpImportTimesheets,
#wpEntryPayslip,
#wpSaveLeavePlan{
  background:var(--plentz-action)!important;
  color:#FFFFFF!important;
  border-color:var(--plentz-action)!important;
  box-shadow:0 4px 10px rgba(7,132,71,.12)!important;
}
.btn.primary:hover,
button.btn.primary:hover,
.fp-auth-button:hover,
#chSaveBackupSchedule:hover,
#chUseRecommendedSchedule:hover,
#chExportEncryptedBackup:hover,
#chRestoreEncryptedBackup:hover{
  background:var(--plentz-action-hover)!important;
  border-color:var(--plentz-action-hover)!important;
}

/* Secondary controls stay white, not blue/grey blocks */
.btn:not(.primary),
button.btn:not(.primary),
.ch-use-detected{
  background:#FFFFFF!important;
  color:#2C4B55!important;
  border:1px solid #D5E0E3!important;
  box-shadow:none!important;
}
.btn:not(.primary):hover,
button.btn:not(.primary):hover{
  color:var(--plentz-action-dark)!important;
  border-color:#B9D4C4!important;
  background:#F7FBF8!important;
}

/* Core component colour normalization */
.wp-subnav-btn.active,
.wp-rate-evidence.ok,
.ch-profile-welcome>span,
.ch-entry-step,
.wp-entry-step,
.wp-pay-upload-icon,
.ch-app-status.online i{
  color:var(--plentz-action)!important;
}

.ch-profile-welcome>span,
.wp-entry-step{
  background:var(--plentz-action)!important;
  color:#FFFFFF!important;
}
a:not(.fp-header-production-brand):not(.ch-side-link){color:var(--plentz-action-dark)}

/* Cards and copy alignment */
.box,.card,.panel,.status-card,.wp-stat-card,.wp-metric-card,
.admin-setup-block,.wp-evidence-section,.wp-period-reconciliation,
.ch-profile-card,.ch-backup-card,.backup-card{
  border:1px solid var(--plentz-line)!important;
  background:#FFFFFF!important;
  box-shadow:0 3px 12px rgba(16,45,61,.03)!important;
}
.section-title,
.wp-evidence-head,
.ch-section-intro{
  align-items:flex-start!important;
}
.section-title p,.wp-evidence-head small,.ch-section-intro p{
  margin-top:3px!important;
}
.wp-evidence-head>div,
.section-title>div,
.ch-section-intro>div{min-width:0!important}

/* Backup-specific layout: readable text, no glued labels */
.fp-view-backup .main{max-width:none!important}


.fp-view-backup label{
  display:flex!important;
  align-items:center!important;
  gap:8px!important;
  font-size:var(--plentz-font-body)!important;
}
.fp-view-backup input[type="radio"]{
  width:15px!important;height:15px!important;min-width:15px!important;min-height:15px!important;
  margin:0!important;accent-color:var(--plentz-action)!important;
}
.fp-view-backup .ch-backup-schedule-options,
.fp-view-backup [class*="schedule"]{
  line-height:1.5!important;
}
.fp-view-backup .muted,
.fp-view-backup small{
  display:inline-block!important;
  margin-left:3px!important;
  color:var(--plentz-muted)!important;
}
.fp-view-backup button{font-size:11px!important}
.fp-view-backup .table-wrap{margin-top:10px!important}

/* Profile approved cards use green only */
.ch-approved-profile-top{
  background:linear-gradient(118deg,rgba(7,132,71,.07),rgba(255,255,255,0) 55%,rgba(214,166,62,.07))!important;
}
.ch-approved-profile-top .wp-eyebrow,
.ch-section-icon,
.ch-profile-info-card a,
.ch-profile-info-card li:before,
.ch-transport-tile:has(input:checked) .ch-transport-copy strong,
.ch-transport-tile:has(input:checked) .ch-transport-glyph{
  color:var(--plentz-action)!important;
}
.ch-section-icon{background:#EEF8F2!important;}
.ch-profile-info-card li:before,
.ch-transport-check{background:var(--plentz-action)!important;color:#FFFFFF!important}
.ch-transport-tile:has(input:checked){
  border-color:#8BC4A7!important;
  background:#F2F9F5!important;
}
.ch-setup-progress i.on{background:var(--plentz-action)!important;}

/* Footer identity */
.ch-app-footer{
  color:var(--plentz-muted)!important;
}

/* PLENTZ cover styles are centralised in plentz-theme.css. */

.ch-page-head{
  padding:20px 24px 0!important;
  overflow:hidden!important;
}
.ch-page-head-row{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:24px!important;
  padding-bottom:18px!important;
}
.ch-page-head-copy{min-width:0!important;max-width:700px!important}
.ch-page-head-tools{
  display:flex!important;align-items:center!important;justify-content:flex-end!important;
  gap:10px!important;flex-wrap:wrap!important;flex:0 0 auto!important
}
.ch-title-year{
  min-width:112px!important;margin:0!important;display:flex!important;flex-direction:column!important;gap:5px!important
}
.ch-title-year small{color:#6D817A!important;font-size:9px!important;text-transform:uppercase!important;letter-spacing:.09em!important}
.ch-title-year select{
  width:112px!important;height:40px!important;min-height:40px!important;
  border:1px solid #D0DDD5!important;background:rgba(255,255,255,.78)!important;
  color:#173B38!important;font-weight:750!important;border-radius:8px!important
}
.ch-title-employer{
  display:flex!important;flex-direction:column!important;min-width:126px!important;
  padding:7px 11px!important;border-left:2px solid rgba(7,132,71,.25)!important
}
.ch-title-employer small{font-size:9px!important;color:#71847D!important;text-transform:uppercase!important;letter-spacing:.08em!important}
.ch-title-employer strong{font-size:13px!important;color:#103E35!important;margin-top:3px!important}

/* Optional page-header actions use the shared branded header contract. */
.ch-page-head-tabs{
  display:flex!important;align-items:center!important;gap:26px!important;
  margin:0 -24px!important;padding:0 24px!important;
  border-top:1px solid rgba(7,132,71,.10)!important;
  background:rgba(255,255,255,.30)!important;
  min-height:43px!important
}
.ch-page-head-tabs button button{
  position:relative!important;min-height:43px!important;height:43px!important;
  padding:0 2px!important;border:0!important;background:transparent!important;
  color:#587068!important;font-size:10.5px!important;font-weight:720!important;
  box-shadow:none!important;border-radius:0!important
}
.ch-page-head-tabs button:hover button:hover{
  color:#066F3D!important;background:transparent!important
}
.ch-page-head-tabs button.active button.active{
  color:#066F3D!important;background:transparent!important;font-weight:820!important
}
.ch-page-head-tabs button.active:after button.active:after{
  content:"";position:absolute!important;left:0!important;right:0!important;bottom:0!important;
  height:3px!important;border-radius:999px 999px 0 0!important;
  background:linear-gradient(90deg,#078447 0%,#39A86E 72%,#D6A63E 100%)!important
}

/* Other subnavigation uses same non-grey family. */
.wp-subnav{
  padding:6px!important;border:1px solid #D5E6DC!important;border-radius:10px!important;
  background:#F0F8F3!important;gap:6px!important
}
.wp-subnav-btn{
  background:#FAFCFB!important;
  border:1px solid transparent!important;
  color:#49665D!important;}
.wp-subnav-btn.active{
  background:#DFF1E6!important;
  border-color:#B6D7C1!important;
  color:#055D35!important;}

/* Profile title is the same approved gradient family. */
.ch-page-head-profile{
  margin:-28px -30px 0!important;
  padding:20px 24px!important;
  border-bottom:1px solid #DCE7E1!important;
  background:linear-gradient(118deg,rgba(7,132,71,.12) 0%,rgba(7,132,71,.045) 56%,rgba(214,166,62,.12) 100%)!important
}

/* Employer selector spacing. */


/* Employer selector: compact and understated, not a large green block. */

.fp-app-shell .app>.side .ch-employer-context select{
  height:34px!important;min-height:34px!important;margin-top:5px!important;
  font-size:11px!important;padding:0 8px!important;}



/* Main menu density and premium spacing. */
.fp-app-shell .app>.side{padding-top:18px!important;}
.fp-app-shell .app>.side .nav button,
.fp-app-shell .app>.side .ch-side-link{
  height:39px!important;min-height:39px!important;font-size:11.5px!important;}

/* Consistent body text position inside cards. */
.box p,.card p,.panel p,.status-card small,.wp-evidence-head small,
.ch-admin-panel p,.ch-admin-dl dt,.ch-admin-dl dd{
  line-height:1.48!important
}
.section-title h2+ p,
.ch-section-intro h2+ p{
  margin-top:4px!important
}

/* Mobile preserves same title hierarchy. */
@media(max-width:700px){
  .ch-page-head{padding:17px 16px 0!important}
  .ch-page-head-row{display:block!important;padding-bottom:15px!important}
  .ch-page-head-tools{justify-content:flex-start!important;margin-top:13px!important}
  .ch-page-head-tabs{margin:0 -16px!important;padding:0 16px!important;gap:18px!important;overflow-x:auto!important}
  .ch-page-head-tabs button button{white-space:nowrap!important}
  .ch-page-head-profile{margin:-22px -22px 0!important;padding:18px!important}
}


.wp-day-row{
  grid-template-columns:112px 92px minmax(150px,.9fr) minmax(205px,1.25fr) auto!important;
  gap:12px!important;
  align-items:center!important;
  padding:12px 14px!important;
  min-height:68px!important;
  border:1px solid #DFE8E3!important;
  border-radius:10px!important;
  background:#FFFFFF!important;
  box-shadow:none!important
}
.wp-day-row+.wp-day-row{margin-top:7px!important}
.wp-day-row-pending{
  border-color:#D4E5DB!important;
  background:linear-gradient(90deg,#FFFFFF 0%,#F7FBF8 100%)!important
}
.wp-day-value{min-width:0!important}
.wp-day-value small{
  display:block!important;
  margin:0 0 2px!important;
  color:#748780!important;
  font-size:8.5px!important;
  font-weight:700!important;
  line-height:1.25!important;
  text-transform:uppercase!important;
  letter-spacing:.04em!important
}
.wp-day-value strong{
  display:block!important;
  color:#173A38!important;
  font-size:13px!important;
  line-height:1.3!important
}
.wp-day-status{min-width:0!important}
.wp-day-status>small{
  display:block!important;
  margin-top:3px!important;
  color:#748780!important;
  font-size:9px!important;
  line-height:1.38!important
}
.wp-review-state{
  display:inline-block!important;
  color:#49675D!important;
  font-size:9px!important;
  font-weight:800!important
}
.wp-entry-row-actions{
  display:flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
  gap:6px!important;
  flex-wrap:nowrap!important
}
.wp-entry-row-actions .btn.mini{
  height:32px!important;
  min-height:32px!important;
  padding:0 10px!important;
  border-radius:7px!important;
  font-size:9px!important;
  white-space:nowrap!important
}
.wp-entry-row-actions .btn.mini.primary,
.wp-confirm-timesheet-day{
  border-color:#078447!important;
  background:#078447!important;
  color:#FFFFFF!important
}
.wp-entry-row-actions .btn.mini:not(.primary){
  border-color:#CFE0D6!important;
  background:#FFFFFF!important;
  color:#245146!important
}

/* Call disclosure is deliberately compact: detail appears only on request. */
.wp-day-calls{margin-top:4px!important}
.wp-day-calls>summary{
  display:inline-flex!important;
  align-items:center!important;
  gap:5px!important;
  padding:0!important;
  color:#087443!important;
  font-size:8.5px!important;
  font-weight:800!important;
  line-height:1.4!important;
  cursor:pointer!important;
  list-style:none!important
}
.wp-day-calls>summary::-webkit-details-marker{display:none!important}
.wp-day-call-count{
  display:inline-grid!important;
  place-items:center!important;
  min-width:17px!important;
  height:17px!important;
  padding:0 4px!important;
  border-radius:999px!important;
  background:#E7F4EC!important;
  color:#087443!important;
  font-size:8px!important
}
.wp-day-call-list{
  margin-top:6px!important;
  padding:6px 8px!important;
  border:1px solid #DCE8E1!important;
  border-radius:7px!important;
  background:#FAFCFB!important
}
.wp-day-call-item{
  display:grid!important;
  grid-template-columns:78px minmax(95px,1fr) 38px!important;
  gap:7px!important;
  align-items:center!important;
  min-height:24px!important;
  color:#667C75!important;
  font-size:8.5px!important
}
.wp-day-call-item+.wp-day-call-item{border-top:1px solid #EDF2EF!important}
.wp-day-call-item strong{
  overflow:hidden!important;
  color:#284A41!important;
  font-size:9px!important;
  font-weight:700!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important
}
.wp-day-call-item>span:last-child{text-align:right!important;font-weight:750!important;color:#284A41!important}

/* Previous-day review uses the same card proportions as the rest of Enter & Import. */
.wp-review-group{
  margin-top:12px!important;
  overflow:hidden!important;
  border:1px solid #DCE7E1!important;
  border-radius:10px!important;
  background:#FFFFFF!important
}
.wp-review-group>summary{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:12px!important;
  min-height:48px!important;
  padding:9px 12px!important;
  cursor:pointer!important;
  list-style:none!important;
  background:#F5FAF7!important
}
.wp-review-group>summary::-webkit-details-marker{display:none!important}
.wp-review-group>summary strong{
  display:block!important;
  color:#21443A!important;
  font-size:10.5px!important;
  line-height:1.3!important
}
.wp-review-group>summary small{
  display:block!important;
  margin-top:2px!important;
  color:#75877F!important;
  font-size:8.5px!important;
  line-height:1.35!important
}
.wp-review-group>summary>span{
  display:inline-grid!important;
  place-items:center!important;
  min-width:24px!important;
  height:24px!important;
  padding:0 6px!important;
  border-radius:999px!important;
  background:#E4F3E9!important;
  color:#087443!important;
  font-size:8.5px!important;
  font-weight:800!important
}
.wp-review-group>.wp-entry-list{padding:7px!important}
.wp-review-group-attention>summary{background:#FAF8F0!important}
.wp-review-group-attention>summary>span{background:#F3EBCF!important;color:#705D22!important}

/* Keep hierarchy aligned with the existing weekly panel. */
.wp-week-total{
  display:grid!important;
  grid-template-columns:auto auto 1fr!important;
  align-items:center!important;
  gap:7px!important
}
.wp-week-total small{
  margin:0!important;
  color:#7A8B85!important;
  font-size:8.5px!important;
  line-height:1.35!important
}

/* Tablet/mobile: same component, reflowed rather than redesigned. */
@media(max-width:1000px){
  .wp-day-row{grid-template-columns:105px 82px minmax(140px,1fr) minmax(190px,1.2fr)!important}
  .wp-entry-row-actions{grid-column:1/-1!important;justify-content:flex-start!important}
}
@media(max-width:700px){
  .wp-day-row{grid-template-columns:1fr 1fr!important;padding:11px!important}
  .wp-entry-date,.wp-day-status,.wp-entry-row-actions{grid-column:1/-1!important}
  .wp-entry-row-actions{justify-content:flex-start!important;flex-wrap:wrap!important}
  .wp-review-group>summary{align-items:flex-start!important}
  .wp-week-total{grid-template-columns:auto auto!important}
  .wp-week-total small{grid-column:1/-1!important}
}

:root{--pl-deep:#062B35;--pl-petrol:#083F4C;--pl-blue:#078447;--pl-green:#10B981;--pl-gold:#FFC107;--pl-bg:#F7F8FA;--pl-text:#102E37;--pl-muted:#667B82;--pl-line:#DCE5E8;}
body{color:var(--pl-text)!important;}
.ch-legal-top{background:rgba(255,255,255,.94)!important;backdrop-filter:blur(16px);border-bottom:1px solid var(--pl-line)!important;position:sticky;top:0;z-index:20}
.ch-legal-top-inner{max-width:1060px!important;min-height:68px!important;padding:0 24px!important}
.ch-legal-brand img{width:38px!important;height:38px!important}.ch-legal-brand strong{color:var(--pl-deep)!important;font-size:18px!important}.ch-legal-brand small{color:var(--pl-muted)!important}
.ch-legal-back{display:inline-flex;align-items:center;padding:0 13px;border:1px solid var(--pl-line);border-radius:10px;color:var(--pl-deep)!important;background:#fff;font-weight:800;text-decoration:none;}


.ch-legal-hero small{font-weight:900;letter-spacing:.15em;}.ch-legal-hero h1{letter-spacing:-.045em!important;margin:5px 0 10px!important;}.ch-legal-hero p{max-width:720px;line-height:1.6!important;}
.ch-legal-card{border:1px solid var(--pl-line)!important;margin:0 0 16px!important;box-shadow:0 8px 24px rgba(6,43,53,.045)!important;}
.ch-legal-card h2{letter-spacing:-.025em!important;color:var(--pl-deep)!important;margin-top:0!important;}.ch-legal-card p,.ch-legal-card li{line-height:1.68!important;color:#3B555D!important;}
.ch-legal-note{border-radius:13px!important;background:#EEF8F4!important;border:1px solid #BFE6D7!important;color:#21483E!important;padding:15px!important}
.ch-legal-table-wrap{border:1px solid var(--pl-line)!important;border-radius:14px!important;overflow:auto!important}.ch-legal-table th{background:#F2F6F7!important;color:#4B6269!important;font-size:10px!important;text-transform:uppercase;letter-spacing:.06em}.ch-legal-table td{font-size:13px!important;line-height:1.55!important}
@media(max-width:640px){.ch-legal-top-inner{padding:0 14px!important}.ch-legal-brand small{display:none}.ch-legal-main{padding:22px 12px 46px!important}.ch-legal-hero{padding:22px 18px!important;border-radius:17px!important}.ch-legal-card{padding:18px!important;border-radius:15px!important}.ch-legal-back{padding:0 10px;font-size:11px}}


body{background:linear-gradient(180deg,#F2F6F6,#EDF3F3)!important;}
.ch-legal-main{max-width:900px!important;padding:34px 20px 54px!important;}
.ch-legal-hero{padding:24px!important;border-radius:18px!important;margin-bottom:18px!important;}
.ch-legal-hero h1{font-size:clamp(30px,4vw,42px)!important;}
.ch-legal-hero p{font-size:13px!important;}
.ch-legal-card{padding:19px!important;border-radius:15px!important;margin-bottom:13px!important;background:#FAFCFC!important;}
.ch-legal-card h2{font-size:17px!important;}.ch-legal-card p,.ch-legal-card li{font-size:12.5px!important;}
.ch-legal-back{min-height:36px!important;height:36px!important;font-size:10.5px!important;}


.ch-legal-hero{
  background:linear-gradient(118deg,rgba(7,132,71,.13) 0%,rgba(255,255,255,.96) 58%,rgba(214,166,62,.14) 100%)!important;
  border:1px solid #D6E5DC!important;
  box-shadow:0 3px 12px rgba(16,45,61,.03)!important;
  color:#102D3D!important;}
.ch-legal-hero small{color:#066F3D!important;}
.ch-legal-hero h1{color:#102D3D!important;}
.ch-legal-hero p{color:#667C84!important;}
.ch-legal-card a,.ch-legal-note a{color:#066F3D!important}


:root{
  --plentz-action:#078447;
  --plentz-action-hover:#066F3D;
  --plentz-action-soft:#EEF8F2;
  --plentz-ink:#102D3D;
  --plentz-body:#314C57;
  --plentz-muted:#71838F;
  --plentz-line:#DCE5E8;
}

/* 3D logo without dark square/background */
.ch-brand-logo,
.fp-header-production-brand img{
  object-fit:contain!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important
}
.fp-header-production-brand img{
  width:42px!important;
  height:42px!important;
  padding:0!important;}

/* Employer context: compact. Name is always visible. */
.fp-app-shell .app>.side .ch-employer-context{
  min-height:0!important;
  margin:0 0 14px!important;
  padding:9px 10px 10px!important;
  border-radius:9px!important;
  background:linear-gradient(135deg,#0B7354 0%,#16835E 66%,#537E57 145%)!important;
  box-shadow:0 3px 10px rgba(12,90,67,.08)!important;}
.fp-app-shell .app>.side .ch-employer-context>span{
  display:block!important;
  margin-bottom:5px!important;
  color:rgba(255,255,255,.72)!important;
  font-size:7.8px!important;}
.ch-employer-single,
.fp-app-shell .app>.side .ch-employer-context select{
  width:100%!important;
  min-height:32px!important;
  height:32px!important;
  display:flex!important;
  align-items:center!important;
  padding:0 9px!important;
  border:1px solid rgba(255,255,255,.28)!important;
  border-radius:7px!important;
  background:rgba(255,255,255,.10)!important;
  color:#FFFFFF!important;
  font-size:10.5px!important;
  font-weight:780!important;
  line-height:1!important;
  box-shadow:none!important
}
.ch-employer-single{
  justify-content:space-between!important
}
.ch-employer-single:after{
  content:"Current";
  color:rgba(255,255,255,.56);
  font-size:7.5px;
  font-weight:600
}
.fp-app-shell .app>.side .ch-employer-context small{
  display:block!important;
  margin-top:4px!important;
  color:rgba(255,255,255,.67)!important;
  font-size:7.8px!important;
  line-height:1.3!important;}

/* Status belongs to the same green product system — no grey badge. */
.ch-app-status,
.ch-app-status.online,
.ch-app-status.offline{
  min-height:38px!important;
  display:inline-flex!important;
  align-items:center!important;
  padding:0 12px!important;
  border:1px solid #C7E0D1!important;
  border-radius:9px!important;
  background:#F0F8F3!important;
  color:#17613E!important;
  box-shadow:none!important;
  font-size:10.5px!important;
  font-weight:700!important
}
.ch-app-status.online:before,
.ch-app-status.offline:before{
  content:"";
  width:7px;
  height:7px;
  margin-right:7px;
  border-radius:50%;
  background:#078447
}

.ch-app-status.offline:before{background:#7D9188}

/* Profile form uses generic examples only. */
.ch-profile-grid input::placeholder{
  color:#8A999F!important;
  opacity:1!important;
  font-weight:500!important
}

/* One visual rhythm for text and helper copy across the app. */
.main p,
.main small,
.main label,
.main .muted,
.main .wp-day-status,
.main .wp-day-value,
.main .section-title{
  font-family:inherit!important
}
.main p,.main .muted{font-size:11px!important;line-height:1.5!important}
.main label{font-size:10.5px!important}
.main small{font-size:9px!important;line-height:1.4!important}


.wp-timesheet-optional-note{
  display:flex!important;
  align-items:flex-start!important;
  gap:8px!important;
  margin:10px 0!important;
  padding:10px 12px!important;
  border:1px solid #D6E7DC!important;
  border-radius:8px!important;
  background:#F5FAF7!important;
  color:#38584E!important
}
.wp-timesheet-optional-note strong{
  flex:0 0 auto!important;
  font-size:9.5px!important;
  color:#17613E!important
}
.wp-timesheet-optional-note span{
  font-size:9.5px!important;
  line-height:1.45!important;
  color:#6E827A!important
}
.wp-entry-status.waiting{
  color:#6E5E24!important;
  background:#FFF8E8!important;
  border:1px solid #EADDB5!important;}


:root{
  --plentz-brand-green:#087A52;
  --plentz-brand-green-deep:#075F45;
  --plentz-brand-green-mid:#119063;
  --plentz-brand-gold:#C89B35;
  --plentz-on-brand:#FFFFFF;
  --plentz-on-brand-soft:rgba(255,255,255,.78);
  --plentz-on-brand-muted:rgba(255,255,255,.64);
}

/* Primary page title surface */
.ch-page-head{
  background:
    linear-gradient(118deg,var(--plentz-brand-green-deep) 0%,
    var(--plentz-brand-green) 58%,
    #667A48 118%)!important;
  border:0!important;
  box-shadow:0 6px 18px rgba(7,95,69,.10)!important;
}
.ch-page-head .ch-page-context,
.ch-page-head .wp-eyebrow,
.ch-page-head h1,
.ch-page-head h2,
.ch-page-head h3,
.ch-page-head strong,
.ch-page-head label,
.ch-page-head small{
  color:var(--plentz-on-brand)!important;
}
.ch-page-head p{
  color:var(--plentz-on-brand-soft)!important;
}
.ch-page-head .ch-page-context{
  opacity:.92!important;
}
.ch-page-head-tools .ch-title-year small,
.ch-page-head-tools .ch-title-employer small{
  color:var(--plentz-on-brand-muted)!important;
}
.ch-page-head-tools .ch-title-employer{
  border-left-color:rgba(255,255,255,.25)!important;
}
.ch-page-head-tools .ch-title-employer strong{
  color:var(--plentz-on-brand)!important;
}
.ch-page-head .ch-title-year select{
  background:#FFFFFF!important;
  color:#17463A!important;
  border-color:rgba(255,255,255,.78)!important;
}
.ch-page-head .ch-title-year select option{
  background:#FFFFFF!important;
  color:#173B38!important;
}

/* Tabs that live inside a branded page header */
.ch-page-head .ch-page-head-tabs{
  border-top-color:rgba(255,255,255,.16)!important;
  background:rgba(0,0,0,.055)!important;
}
.ch-page-head .ch-page-head-tabs button button{
  color:rgba(255,255,255,.72)!important;
}
.ch-page-head .ch-page-head-tabs button:hover button:hover,
.ch-page-head .ch-page-head-tabs button.active button.active{
  color:#FFFFFF!important;
}
.ch-page-head .ch-page-head-tabs button.active:after button.active:after{
  background:linear-gradient(90deg,#FFFFFF 0%,#E8D29A 100%)!important;
}

/* Profile/onboarding title uses the identical brand contract */
.ch-approved-profile-top.ch-page-head-profile,
.ch-page-head-profile{
  background:
    linear-gradient(118deg,var(--plentz-brand-green-deep) 0%,
    var(--plentz-brand-green) 60%,
    #667A48 120%)!important;
  border-bottom:0!important;
}
.ch-page-head-profile .wp-eyebrow,
.ch-page-head-profile h1,
.ch-page-head-profile h2,
.ch-page-head-profile strong,
.ch-page-head-profile .ch-setup-progress>span{
  color:#FFFFFF!important;
}
.ch-page-head-profile p{
  color:var(--plentz-on-brand-soft)!important;
}
.ch-page-head-profile .ch-setup-progress i{
  background:rgba(255,255,255,.34)!important;
}
.ch-page-head-profile .ch-setup-progress i:not(:first-child):before{
  background:rgba(255,255,255,.30)!important;
}
.ch-page-head-profile .ch-setup-progress i.on{
  background:#FFFFFF!important;
}

/* Employer context: every foreground on green is light. */
.fp-app-shell .app>.side .ch-employer-context{
  color:#FFFFFF!important;
}
.fp-app-shell .app>.side .ch-employer-context>span,
.fp-app-shell .app>.side .ch-employer-context small,
.fp-app-shell .app>.side .ch-employer-context label,
.fp-app-shell .app>.side .ch-employer-context strong{
  color:#FFFFFF!important;
}
.fp-app-shell .app>.side .ch-employer-context small{
  opacity:.72!important;
}
.fp-app-shell .app>.side .ch-employer-context select,
.fp-app-shell .app>.side .ch-employer-single{
  color:#FFFFFF!important;
  -webkit-text-fill-color:#FFFFFF!important;
}
.fp-app-shell .app>.side .ch-employer-single:after{
  color:rgba(255,255,255,.58)!important;
}
.fp-app-shell .app>.side .ch-employer-context select option{
  background:#FFFFFF!important;
  color:#183E38!important;
  -webkit-text-fill-color:#183E38!important;
}

/* Any remaining branded hero surface follows the same contrast rule. */
.ch-profile-welcome{
  color:#FFFFFF!important;
}
.ch-profile-welcome strong,.ch-profile-welcome p,.ch-profile-welcome small{
  color:inherit!important;
}

/* Controls and actions remain one-green system. */
.btn.primary,
button.btn.primary,
.fp-auth-button{
  background:var(--plentz-brand-green)!important;
  border-color:var(--plentz-brand-green)!important;
  color:#FFFFFF!important;
}
.btn.primary:hover,
button.btn.primary:hover,
.fp-auth-button:hover{
  background:var(--plentz-brand-green-deep)!important;
  border-color:var(--plentz-brand-green-deep)!important;
}

/* Status remains green-system, readable on white. */
.ch-app-status.online{
  background:#F0F8F3!important;
  border-color:#C7E0D1!important;
  color:#17613E!important;
}
.ch-app-status.offline{
  background:#F7F9F8!important;
  border-color:#D9E2DD!important;
  color:#5B7168!important;
}

/* Do not force white text onto light content cards. */
.box,.card,.panel,.status-card,.wp-stat-card,.wp-metric-card,
.ch-approved-section,.ch-profile-info-card,.wp-entry-card,
.ch-admin-panel,.ch-backup-card,.backup-card{
  color:var(--plentz-body)!important;
}


#wpDailyDate{
  font-variant-numeric:tabular-nums!important;
  letter-spacing:.02em!important
}
#wpDailyDate::placeholder{
  color:#84958F!important;
  opacity:1!important
}
.wp-entry-status.waiting{
  white-space:nowrap!important;}


:root{
  --plentz-surface-brand:#078447;
  --plentz-surface-brand-deep:#066F3D;
  --plentz-surface-brand-soft:#EEF8F2;
  --plentz-surface-light:#FFFFFF;
  --plentz-foreground-on-brand:#FFFFFF;
  --plentz-foreground-on-brand-soft:rgba(255,255,255,.78);
  --plentz-foreground-on-light:#15343C;
  --plentz-foreground-on-light-soft:#6C8088;
}

/* Semantic branded surface */
.plentz-surface-brand{
  background:linear-gradient(135deg,var(--plentz-surface-brand-deep),var(--plentz-surface-brand))!important;
  border-color:var(--plentz-surface-brand-deep)!important;
  color:var(--plentz-foreground-on-brand)!important
}
.plentz-surface-brand h1,
.plentz-surface-brand h2,
.plentz-surface-brand h3,
.plentz-surface-brand h4,
.plentz-surface-brand strong,
.plentz-surface-brand b,
.plentz-surface-brand p,
.plentz-surface-brand span,
.plentz-surface-brand small,
.plentz-surface-brand label{
  color:var(--plentz-foreground-on-brand)!important
}
.plentz-surface-brand p,
.plentz-surface-brand small{
  color:var(--plentz-foreground-on-brand-soft)!important
}

/* Semantic light surface */
.plentz-surface-light{
  background:var(--plentz-surface-light)!important;
  color:var(--plentz-foreground-on-light)!important
}
.plentz-surface-light h1,
.plentz-surface-light h2,
.plentz-surface-light h3,
.plentz-surface-light h4,
.plentz-surface-light strong,
.plentz-surface-light b,
.plentz-surface-light label{
  color:var(--plentz-foreground-on-light)!important
}
.plentz-surface-light p,
.plentz-surface-light span,
.plentz-surface-light small{
  color:var(--plentz-foreground-on-light-soft)!important
}

/* Pay-document selector: premium, legible, one-colour action family. */
.wp-pay-upload-box{
  padding:15px 16px!important;
  border:1px solid #DCE5E8!important;
  border-radius:11px!important;
  box-shadow:none!important
}
.wp-pay-upload-box>strong{
  display:block!important;
  margin-bottom:11px!important;
  font-size:11.5px!important;
  color:#15343C!important
}
.wp-pay-upload-buttons{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:12px!important
}
.wp-pay-upload-button.plentz-surface-brand{
  min-height:68px!important;
  height:auto!important;
  display:grid!important;
  grid-template-columns:34px minmax(0,1fr) auto!important;
  align-items:center!important;
  justify-content:stretch!important;
  gap:11px!important;
  padding:11px 12px!important;
  border-radius:10px!important;
  text-align:left!important;
  box-shadow:0 5px 12px rgba(7,132,71,.10)!important
}
.wp-pay-upload-button.plentz-surface-brand:hover{
  background:linear-gradient(135deg,#055D35,#067B43)!important;
  border-color:#055D35!important;
  transform:none!important
}
.wp-pay-upload-button.plentz-surface-brand>div{
  min-width:0!important
}
.wp-pay-upload-button.plentz-surface-brand b{
  display:block!important;
  margin:0 0 3px!important;
  color:#FFFFFF!important;
  font-size:12px!important;
  line-height:1.25!important
}
.wp-pay-upload-button.plentz-surface-brand small{
  display:block!important;
  margin:0!important;
  color:rgba(255,255,255,.78)!important;
  font-size:9px!important;
  line-height:1.4!important
}
/* The small number badge is a white surface, therefore dark/green type. */
.wp-pay-upload-button .wp-pay-upload-icon{
  width:32px!important;
  height:32px!important;
  display:grid!important;
  place-items:center!important;
  border-radius:8px!important;
  background:#FFFFFF!important;
  color:#087443!important;
  font-size:10px!important;
  font-weight:850!important
}
/* Upload chip is also white -> dark text, no unrelated blue. */
.wp-pay-upload-button em{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-width:55px!important;
  height:28px!important;
  padding:0 9px!important;
  border:1px solid rgba(255,255,255,.72)!important;
  border-radius:7px!important;
  background:#FFFFFF!important;
  color:#174B3A!important;
  font-size:9px!important;
  font-style:normal!important;
  font-weight:800!important
}

/* Pay-period section is light, so all headings use dark ink. */
.wp-pay-periods-label,
.wp-pay-period-table,
.wp-pay-period-line,
.wp-pay-period-table-head{
  color:#15343C!important
}
.wp-pay-periods-label strong,
.wp-pay-period-line strong{
  color:#15343C!important
}
.wp-pay-periods-label span,
.wp-pay-period-line small{
  color:#74858B!important
}

/* Device setup is now part of the same Plentz visual system. */
.ch-device-setup-backdrop{
  background:rgba(16,45,61,.54)!important;
  backdrop-filter:blur(6px)!important
}
.ch-device-setup{
  width:min(900px,calc(100vw - 30px))!important;
  border:1px solid #D8E3E1!important;
  border-radius:18px!important;
  background:#F8FAF9!important;
  box-shadow:0 26px 80px rgba(16,45,61,.18)!important;
  overflow:hidden!important
}
.ch-device-setup-head{
  margin:0!important;
  padding:20px 24px!important;
  background:linear-gradient(118deg,#075F45 0%,#087A52 62%,#667A48 120%)!important;
  color:#FFFFFF!important
}
.ch-device-setup-head .wp-eyebrow,
.ch-device-setup-head h2{
  color:#FFFFFF!important
}
.ch-device-setup-head p{
  color:rgba(255,255,255,.78)!important
}
.ch-device-setup-options{
  padding:18px!important;
  gap:14px!important
}
.ch-device-setup-option{
  border:1px solid #DCE5E8!important;
  border-radius:12px!important;
  background:#FFFFFF!important;
  color:#15343C!important;
  box-shadow:0 4px 14px rgba(16,45,61,.035)!important
}
.ch-device-setup-option>div>strong{
  color:#15343C!important
}
.ch-device-setup-option small,
.ch-device-setup-option .ch-file-help span{
  color:#71838F!important
}
.ch-device-setup-option .ch-file-help{
  border:1px solid #D8E6DD!important;
  border-radius:9px!important;
  background:#F3F9F5!important
}
.ch-device-setup-option .ch-file-help b,
.ch-device-setup-option code{
  color:#17613E!important
}
.ch-device-option-icon{
  color:#078447!important
}
.ch-device-setup-option .fp-auth-button,
.ch-device-setup-option .ch-secondary-start{
  background:#078447!important;
  border-color:#078447!important;
  color:#FFFFFF!important
}
.ch-device-setup-option .fp-auth-button b,
.ch-device-setup-option .fp-auth-button span,
.ch-device-setup-option .ch-secondary-start b,
.ch-device-setup-option .ch-secondary-start span{
  color:#FFFFFF!important
}
.ch-device-setup-option .fp-auth-button:hover,
.ch-device-setup-option .ch-secondary-start:hover{
  background:#066F3D!important;
  border-color:#066F3D!important
}

/* Generic safeguard for known dark branded regions. */
.ch-page-head,.ch-page-head-profile,.ch-employer-context,.ch-profile-welcome{
  --plentz-local-fg:#FFFFFF;
  --plentz-local-fg-soft:rgba(255,255,255,.78)
}
.ch-page-head h1,.ch-page-head h2,.ch-page-head h3,.ch-page-head strong,.ch-page-head-profile h1,.ch-page-head-profile h2,.ch-page-head-profile strong,.ch-employer-context strong,.ch-employer-context label,.ch-profile-welcome strong{
  color:var(--plentz-local-fg)!important
}
.ch-page-head p,.ch-page-head small,.ch-page-head-profile p,.ch-page-head-profile small,.ch-employer-context small,.ch-profile-welcome p,.ch-profile-welcome small{
  color:var(--plentz-local-fg-soft)!important
}

@media(max-width:720px){
  .wp-pay-upload-buttons{grid-template-columns:1fr!important}
  .wp-pay-upload-button.plentz-surface-brand{grid-template-columns:32px minmax(0,1fr) auto!important}
  .ch-device-setup-options{grid-template-columns:1fr!important}
}


.fp-app-shell .app>.side .nav{
  display:flex!important;
  flex-direction:column!important;
  gap:4px!important;}
.fp-app-shell .app>.side .ch-side-settings{
  margin-top:3px!important;
  border-top:1px solid #E4EBE7!important;
  padding-top:0!important
}
.fp-app-shell .app>.side .ch-main-logout{
  margin-top:0!important;
  height:39px!important;
  min-height:39px!important;
  padding:0 9px!important;
  border-top:0!important;
  border-radius:9px!important;
  background:transparent!important;
  color:#A13D3D!important;
  font-size:11.5px!important;
  font-weight:700!important
}
.fp-app-shell .app>.side .ch-main-logout:hover{
  background:#FFF4F3!important;
  color:#8D3030!important
}
.fp-app-shell .app>.side .ch-help-link{
  margin-top:10px!important;
  padding-top:12px!important;
  border-top:1px solid #E4EBE7!important
}

/* Settings page */
.ch-settings-grid{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:14px!important
}
.ch-settings-card{
  min-height:190px!important;
  display:flex!important;
  flex-direction:column!important;
  padding:18px!important
}
.ch-settings-card-head{
  display:flex!important;
  align-items:flex-start!important;
  gap:11px!important;
  margin-bottom:15px!important
}
.ch-settings-icon{
  flex:0 0 34px!important;
  width:34px!important;
  height:34px!important;
  display:grid!important;
  place-items:center!important;
  border-radius:9px!important;
  background:#EEF8F2!important;
  color:#078447!important;
  font-size:15px!important;
  font-weight:850!important
}
.ch-settings-card-head h2{
  margin:0 0 4px!important;
  color:#15343C!important;
  font-size:15px!important
}
.ch-settings-card-head p{
  margin:0!important;
  color:#71838F!important;
  font-size:9.5px!important;
  line-height:1.45!important
}
.ch-settings-card dl{
  margin:0 0 14px!important;
  display:grid!important;
  gap:6px!important
}
.ch-settings-card dl>div{
  display:flex!important;
  justify-content:space-between!important;
  gap:15px!important;
  padding:7px 0!important;
  border-bottom:1px solid #EDF2EF!important
}
.ch-settings-card dt{
  color:#71838F!important;
  font-size:9px!important
}
.ch-settings-card dd{
  margin:0!important;
  color:#24463D!important;
  font-size:9.5px!important;
  font-weight:750!important;
  text-align:right!important
}
.ch-settings-card .btn,
.ch-settings-card>a.btn{
  margin-top:auto!important;
  align-self:flex-start!important;
  min-width:150px!important;
  text-decoration:none!important
}
.ch-settings-links{
  display:flex!important;
  flex-wrap:wrap!important;
  gap:8px!important;
  margin-top:auto!important
}
.ch-settings-links a{
  min-height:34px!important;
  display:inline-flex!important;
  align-items:center!important;
  padding:0 10px!important;
  border:1px solid #D5E4DB!important;
  border-radius:8px!important;
  background:#F8FBF9!important;
  color:#066F3D!important;
  font-size:9.5px!important;
  font-weight:750!important;
  text-decoration:none!important
}
.ch-settings-links a:hover{
  background:#EEF8F2!important
}
@media(max-width:760px){
  .ch-settings-grid{grid-template-columns:1fr!important}
  .ch-settings-card{min-height:0!important}
}


/* Desktop remains the full information workspace. */
@media(min-width:1181px){
  .fp-bottom-nav{display:none!important}
  .fp-mobile-drawer,.fp-mobile-nav-backdrop{display:none}
  .fp-mobile-menu-btn{display:none!important}
}

/* Tablet: compact but persistent sidebar. */
@media(min-width:768px) and (max-width:1180px){
  .fp-bottom-nav{display:none!important}
  .fp-mobile-menu-btn{display:none!important}
  .fp-mobile-drawer,.fp-mobile-nav-backdrop{display:none!important}
  .app{
    display:grid!important;
    grid-template-columns:176px minmax(0,1fr)!important
  }
  .fp-app-shell .app>.side{
    display:flex!important;
    width:176px!important;
    min-width:176px!important;
    padding:15px 10px!important
  }
  .fp-app-shell .app>.side .ch-employer-context{
    padding:8px!important;
    margin-bottom:11px!important
  }
  .fp-app-shell .app>.side .nav button,
  .fp-app-shell .app>.side .ch-side-link{
    height:37px!important;
    min-height:37px!important;
    gap:8px!important;
    padding:0 8px!important;
    font-size:10.5px!important
  }
  .fp-app-shell .app>.side .ch-side-link-icon,
  .fp-app-shell .app>.side .ch-nav-icon{
    flex:0 0 22px!important
  }
  .main{
    padding:22px 18px 40px!important
  }
  .ch-page-head{
    border-radius:10px!important
  }
  .ch-page-head h1{font-size:25px!important}
  .wp-exec-stats,.wp-caregiver-kpis,.wp-gross-kpis{
    grid-template-columns:repeat(2,minmax(0,1fr))!important
  }
  .ch-profile-approved-layout{
    grid-template-columns:1fr!important
  }
  .ch-profile-aside{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important
  }
  .wp-pay-upload-buttons{
    grid-template-columns:1fr!important
  }
}

/* Mobile: app-native bottom navigation replaces desktop sidebar. */
@media(max-width:767px){
  html,body{overflow-x:hidden!important}
  body{padding-bottom:0!important}
  .fp-global-header{
    position:sticky!important;
    top:0!important;
    z-index:80!important;
    height:56px!important;
    min-height:56px!important;
    padding:0 10px!important
  }
  .fp-header-production-brand img{
    width:34px!important;height:34px!important
  }
  .fp-header-production-brand strong{
    font-size:16px!important
  }
  .fp-header-production-brand small{
    display:none!important
  }
  .fp-header-tools .ch-app-status{
    display:none!important
  }
  .fp-mobile-menu-btn{
    display:none!important
  }
  .app{
    display:block!important;
    min-height:calc(100vh - 56px)!important
  }
  .fp-app-shell .app>.side{
    display:none!important
  }
  .main{
    width:100%!important;
    padding:14px 10px 92px!important;
    background:#F6F8F8!important
  }
  .main>*{
    width:100%!important;
    max-width:none!important
  }

  /* Mobile page title */
  .ch-page-head{
    margin:0 0 12px!important;
    padding:15px 15px 0!important;
    border-radius:11px!important
  }
  .ch-page-head-row{
    display:block!important;
    padding-bottom:13px!important
  }
  .ch-page-head h1{
    font-size:23px!important;
    margin:4px 0 5px!important
  }
  .ch-page-head p{
    font-size:10.5px!important;
    line-height:1.42!important
  }
  .ch-page-head-tools{
    justify-content:flex-start!important;
    margin-top:11px!important
  }
  .ch-page-head-tabs{
    margin:0 -15px!important;
    padding:0 15px!important;
    min-height:40px!important;
    gap:18px!important;
    overflow-x:auto!important;
    scrollbar-width:none
  }
  .ch-page-head-tabs::-webkit-scrollbar::-webkit-scrollbar{display:none}
  .ch-page-head-tabs button button{
    min-height:40px!important;height:40px!important;white-space:nowrap!important
  }

  /* Content density */
  .box,.card,.panel,.status-card,.wp-stat-card,.wp-metric-card,
  .admin-setup-block,.wp-evidence-section,.wp-period-reconciliation,
  .ch-backup-card,.backup-card{
    border-radius:10px!important
  }
  .box{padding:13px!important;margin-bottom:10px!important}
  .section-title{gap:8px!important;margin-bottom:10px!important}
  .section-title h2,.box h2{font-size:15px!important}
  input:not([type="checkbox"]):not([type="radio"]),select,textarea{
    min-height:40px!important;
    font-size:12px!important
  }
  .btn,button.btn,.fp-auth-button{
    min-height:40px!important;
    height:40px!important
  }

  /* Dashboard */
  .wp-exec-stats,.wp-caregiver-kpis,.wp-gross-kpis,
  .wp-dashboard-summary,.wp-summary-grid,.admin-simple{
    grid-template-columns:1fr 1fr!important;
    gap:8px!important
  }
  .wp-exec-stats article,.wp-caregiver-kpis article,.wp-gross-kpis article,
  .status-card{
    min-height:88px!important;
    padding:11px!important
  }

  /* Entry / imports */
  .wp-daily-hours-form,
  .wp-form-grid,
  .ch-profile-grid{
    grid-template-columns:1fr!important
  }
  .wp-daily-hours-form .btn,
  .wp-daily-hours-form button{
    width:100%!important
  }
  .wp-pay-upload-buttons{
    grid-template-columns:1fr!important
  }
  .wp-pay-upload-button.plentz-surface-brand{
    grid-template-columns:32px minmax(0,1fr) auto!important;
    min-height:64px!important
  }
  .wp-day-row{
    grid-template-columns:1fr 1fr!important
  }
  .wp-entry-date,.wp-day-status,.wp-entry-row-actions{
    grid-column:1/-1!important
  }
  .wp-entry-row-actions{
    justify-content:flex-start!important;
    flex-wrap:wrap!important
  }

  /* Tables never compress into unreadable text. */
  .table-wrap,
  .wp-pay-period-table,
  .wp-period-table-wrap{
    overflow-x:auto!important;
    -webkit-overflow-scrolling:touch!important
  }
  table{
    min-width:680px
  }

  /* Profile */
  .ch-profile-approved-layout{
    display:block!important
  }
  .ch-approved-profile-shell{
    padding:0 14px 15px!important
  }
  .ch-page-head-profile{
    margin:0 -14px!important;
    padding:16px!important
  }
  .ch-profile-grid{
    grid-template-columns:1fr!important
  }
  .ch-transport-options{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:8px!important
  }
  .ch-profile-aside{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:10px!important;
    margin-top:10px!important
  }
  .ch-profile-info-card{
    padding:15px!important
  }

  /* Employer / Settings */
  .ch-settings-grid{
    grid-template-columns:1fr!important
  }
  .ch-settings-card{
    min-height:0!important
  }
  /* Bottom navigation */
  .fp-bottom-nav{
    position:fixed!important;
    left:0!important;right:0!important;bottom:0!important;
    z-index:120!important;
    height:72px!important;
    display:grid!important;
    grid-template-columns:repeat(5,1fr)!important;
    padding:6px max(6px,env(safe-area-inset-left)) calc(6px + env(safe-area-inset-bottom)) max(6px,env(safe-area-inset-right))!important;
    border-top:1px solid #DCE6E1!important;
    background:rgba(255,255,255,.97)!important;
    box-shadow:0 -8px 24px rgba(16,45,61,.08)!important;
    backdrop-filter:blur(14px)!important
  }
  .fp-bottom-nav button{
    min-width:0!important;
    border:0!important;
    border-radius:9px!important;
    background:transparent!important;
    color:#647B75!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    justify-content:center!important;
    gap:3px!important;
    font-size:9px!important;
    font-weight:720!important
  }
  .fp-bottom-nav button.active{
    background:#EEF8F2!important;
    color:#066F3D!important
  }
  .fp-bottom-icon{
    width:22px!important;height:22px!important;
    display:grid!important;place-items:center!important;
    font-size:14px!important;
    line-height:1!important
  }
  .fp-bottom-more{letter-spacing:1px!important;font-weight:900!important}
  .fp-bottom-import{font-size:18px!important;font-weight:800!important}

  /* More drawer */
  .fp-mobile-nav-backdrop{
    display:block!important;
    position:fixed!important;
    inset:0!important;
    z-index:130!important;
    background:rgba(16,45,61,.36)!important;
    opacity:0!important;
    pointer-events:none!important;
    transition:opacity .2s ease!important
  }
  .fp-mobile-nav-backdrop.is-open{
    opacity:1!important;
    pointer-events:auto!important
  }
  .fp-mobile-more-drawer{
    display:block!important;
    position:fixed!important;
    left:10px!important;right:10px!important;
    bottom:82px!important;
    top:auto!important;
    width:auto!important;
    max-height:calc(100vh - 110px)!important;
    z-index:140!important;
    border:1px solid #D9E5DF!important;
    border-radius:16px!important;
    background:#FFFFFF!important;
    box-shadow:0 24px 70px rgba(16,45,61,.20)!important;
    transform:translateY(18px)!important;
    opacity:0!important;
    visibility:hidden!important;
    transition:.22s ease!important;
    overflow:auto!important
  }
  .fp-mobile-more-drawer.is-open{
    transform:translateY(0)!important;
    opacity:1!important;
    visibility:visible!important
  }
  .fp-mobile-drawer-head{
    position:sticky!important;top:0!important;z-index:2!important;
    display:flex!important;align-items:center!important;justify-content:space-between!important;
    padding:14px 15px!important;
    border-bottom:1px solid #E5ECE8!important;
    background:#FFFFFF!important
  }
  .fp-mobile-drawer-head strong{display:block!important;color:#15343C!important;font-size:15px!important}
  .fp-mobile-drawer-head span{display:block!important;margin-top:2px!important;color:#71838F!important;font-size:9px!important}
  .fp-mobile-more-list{
    display:grid!important;
    gap:4px!important;
    padding:8px!important
  }
  .fp-mobile-more-list button,.fp-mobile-more-list a{
    width:100%!important;
    min-height:54px!important;
    display:grid!important;
    grid-template-columns:28px minmax(0,1fr)!important;
    align-items:center!important;
    gap:10px!important;
    padding:8px 10px!important;
    border:0!important;
    border-radius:10px!important;
    background:#FFFFFF!important;
    color:#24463D!important;
    text-align:left!important;
    text-decoration:none!important
  }
  .fp-mobile-more-list button:hover,.fp-mobile-more-list a:hover{
    background:#F2F8F4!important
  }
  .fp-mobile-more-list strong{display:block!important;font-size:11px!important;color:#24463D!important}
  .fp-mobile-more-list small{display:block!important;margin-top:2px!important;font-size:8.5px!important;color:#7A8C85!important}
  .fp-mobile-more-list .fp-mobile-more-logout{
    border-top:1px solid #E8EDEC!important;
    color:#A13D3D!important
  }
  .fp-mobile-more-list .fp-mobile-more-logout strong{color:#A13D3D!important}
}

/* Very small phones */
@media(max-width:390px){
  .main{padding-left:8px!important;padding-right:8px!important}
  .fp-bottom-nav{height:68px!important}
  .fp-bottom-nav button{font-size:8.5px!important}
  .ch-transport-options{grid-template-columns:1fr 1fr!important}
  .wp-exec-stats,.wp-caregiver-kpis,.wp-gross-kpis{grid-template-columns:1fr!important}
}



/* Entry-cover rules intentionally live only in plentz-theme.css. */
@media(display-mode:standalone){
  html,body{background:#F7F9F8!important;min-height:100dvh}
  body{padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom)}
  .fp-global-header{padding-top:env(safe-area-inset-top)!important}
}


/* PLENTZ PROFILE + HEADER ALIGNMENT — 1.0.26 */
/* Keep form labels and the conditional Other transport field aligned to the same left edge. */
.ch-profile-grid label,
.ch-profile-other{
  text-align:left!important;
  align-items:stretch!important;
  justify-self:stretch!important;
}
.ch-profile-other{
  width:min(100%,420px)!important;
  margin-left:0!important;
  margin-right:auto!important;
}
.ch-profile-other input{
  width:100%!important;
  box-sizing:border-box!important;
}

/* Keep the status/user controls comfortably inside the application frame on desktop. */
@media(min-width:768px){
  .fp-header-tools{
    margin-right:clamp(18px,2vw,32px)!important;
  }
}

/* 2026-08-23 caregiver-first payroll comparison */
.wp-simple-compare{margin-top:16px;border:1px solid #dbe6e2;border-radius:18px;background:#fff;overflow:hidden;box-shadow:0 8px 24px rgba(18,54,48,.05)}
.wp-simple-title{display:grid;grid-template-columns:minmax(0,1fr) minmax(230px,280px);gap:20px;align-items:start;width:100%;max-width:100%;box-sizing:border-box;padding:24px 26px 18px}.wp-simple-title>div:first-child{min-width:0}.wp-simple-title h2{margin:5px 0 6px;font-size:24px;color:#173349}.wp-simple-title p{margin:0;color:#607683;max-width:720px}.wp-simple-status{position:static;min-width:0;width:100%;max-width:280px;box-sizing:border-box;justify-self:end;padding:14px 16px;border-radius:14px;background:#fff7e9;border:1px solid #f3d9a3;overflow:visible}.wp-simple-status.ok{background:#edf9f3;border-color:#c8ead8}.wp-simple-status small,.wp-simple-status span{display:block;color:#657984}.wp-simple-status strong{display:block;margin:3px 0;color:#9b5c00}.wp-simple-status.ok strong{color:#08784a}
.wp-simple-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;width:100%;max-width:100%;box-sizing:border-box;padding:0 26px 20px}.wp-simple-cards article{min-width:0;box-sizing:border-box;padding:17px 18px;border:1px solid #dce7e4;border-radius:14px;background:#f8fcfa}.wp-simple-cards article:nth-child(2){background:#f5f9ff;border-color:#d6e5f7}.wp-simple-cards article.review{background:#fff5f3;border-color:#f4d2cb}.wp-simple-cards article.pending{background:#fff8e8;border-color:#efd89b}.wp-simple-cards article.accepted,.wp-simple-cards article.ok{background:#effaf4;border-color:#cfeada}.wp-simple-cards span,.wp-simple-cards small{display:block;color:#657984}.wp-simple-cards strong{display:block;font-size:22px;margin:5px 0;color:#16384b}.wp-simple-cards .review strong{color:#c7352b}.wp-simple-cards .pending strong{color:#9a6b08}.wp-simple-cards .accepted strong,.wp-simple-cards .ok strong{color:#08784a}
.wp-simple-table-wrap{width:100%;max-width:100%;box-sizing:border-box;overflow-x:auto;overflow-y:hidden;border-top:1px solid #e3ebe8;border-bottom:1px solid #e3ebe8}.wp-simple-table{width:min(100%,920px);max-width:100%;min-width:0;margin:0 auto;table-layout:fixed;border-collapse:collapse}.wp-simple-table th:first-child,.wp-simple-table td:first-child{width:34%}.wp-simple-table th:nth-child(2),.wp-simple-table td:nth-child(2),.wp-simple-table th:nth-child(3),.wp-simple-table td:nth-child(3){width:22%}.wp-simple-table th:nth-child(4),.wp-simple-table td:nth-child(4){width:22%}.wp-simple-table th,.wp-simple-table td{padding:9px 10px;border-bottom:1px solid #e7eeeb;text-align:left;vertical-align:middle}.wp-simple-table thead th{background:#f7faf9;font-size:11px;line-height:1.15;text-transform:uppercase;letter-spacing:.035em}.wp-simple-table thead th.plentz{background:#07824f;color:#fff}.wp-simple-table thead th.employer{background:#1269b0;color:#fff}.wp-simple-table thead small{display:block;margin-top:1px;font-size:9.5px;line-height:1.12;text-transform:none;letter-spacing:0;opacity:.85}.wp-simple-table tbody th{width:31%;font-weight:400}.wp-simple-table tbody th b,.wp-simple-table tbody th small{display:block}.wp-simple-table tbody th small{margin-top:1px;color:#71848e;font-weight:400;line-height:1.12}.wp-simple-table td.ok,.wp-simple-table td.accepted{color:#08784a}.wp-simple-table td.accepted{background:#f1faf5}.wp-simple-table td.review{color:#c92e27}.wp-simple-table td span{float:right;display:inline-grid;place-items:center;width:21px;height:21px;border-radius:50%;background:currentColor;color:#fff}.wp-simple-table tr.secondary td,.wp-simple-table tr.secondary th{background:#fbfcfc}.wp-simple-table tr.total td,.wp-simple-table tr.total th{background:#f2f8f5}
.wp-simple-why{margin:20px 26px 24px;padding:17px 20px;border-radius:14px;background:#fff8e9;border:1px solid #f1d79e;color:#65440c}.wp-simple-why.ok{background:#eff9f4;border-color:#cbe7d8;color:#145f42}.wp-simple-why ul{margin:8px 0 0;padding-left:20px}.wp-simple-why li{margin:5px 0;line-height:1.45}
.wp-technical-details{margin:18px 0;border:1px solid #dce6e3;border-radius:16px;background:#fff;overflow:hidden}.wp-technical-details>summary{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px 20px;cursor:pointer;list-style:none}.wp-technical-details>summary::-webkit-details-marker{display:none}.wp-technical-details>summary span strong,.wp-technical-details>summary span small{display:block}.wp-technical-details>summary span small{margin-top:3px;color:#71848e}.wp-technical-details>summary b{color:#087c50;font-size:13px}.wp-technical-details-body{padding:0 18px 18px}.wp-simple-dossier-head{align-items:center}
@media(max-width:850px){.wp-simple-title{grid-template-columns:1fr}.wp-simple-status{justify-self:stretch;max-width:none;margin-top:14px}.wp-simple-cards{grid-template-columns:1fr}.wp-simple-title,.wp-simple-cards{padding-left:16px;padding-right:16px}.wp-simple-table{width:max-content;min-width:640px;max-width:none;margin:0;table-layout:auto}.wp-simple-table th:first-child,.wp-simple-table td:first-child{min-width:210px;width:auto}.wp-simple-table th:not(:first-child),.wp-simple-table td:not(:first-child){min-width:130px;width:auto}.wp-simple-why{margin-left:16px;margin-right:16px}}