
:root{
  --bbpc-primary:#1F4FD8;--bbpc-primary-hover:#173DA8;--bbpc-primary-soft:#EEF4FF;--bbpc-primary-fg:#fff;
  --bbpc-secondary:#FFF2E2;--bbpc-secondary-fg:#6B3B05;--bbpc-foreground:#101828;--bbpc-muted:#F5F7FA;
  --bbpc-muted-fg:#667085;--bbpc-card:#fff;--bbpc-border:#E4E7EC;--bbpc-green:#157347;--bbpc-green-soft:#ECFDF3;
  --bbpc-warning:#A15C00;--bbpc-warning-soft:#FFF6ED;--bbpc-danger:#B42318;--bbpc-danger-soft:#FEF3F2;
  --bbpc-r-control:8px;--bbpc-r-card:12px;--bbpc-r-sheet:16px;
  --bbpc-shadow:0 1px 2px rgba(16,24,40,.03),0 6px 18px rgba(16,24,40,.04);
  --bbp-brand:var(--bbpc-primary);--bbp-brand-strong:var(--bbpc-primary-hover);--bbp-ink:var(--bbpc-foreground);
  --bbp-muted:var(--bbpc-muted-fg);--bbp-line:var(--bbpc-border);--bbp-bg:var(--bbpc-muted);--bbp-surface:var(--bbpc-card);
  --bbp-success:var(--bbpc-green);--bbp-warning:var(--bbpc-warning);--bbp-danger:var(--bbpc-danger);
  --bbp-radius:var(--bbpc-r-card);--bbp-shadow:var(--bbpc-shadow);
}
.bbppm-admin-ui #wpcontent{background:var(--bbpc-muted);color:var(--bbpc-foreground);min-height:100vh}
.bbppm-admin-ui .wrap,.bbppm-v16{max-width:1440px}
.bbppm-admin-ui h1,.bbppm-v16-head h1{font-size:24px;line-height:1.25;font-weight:600;letter-spacing:-.02em}
.bbppm-admin-ui h2,.bbppm-panel-head h2{font-size:18px;line-height:1.35;font-weight:600}
.bbppm-admin-ui h3{font-size:16px;line-height:1.45;font-weight:600}
.bbppm-admin-ui,.bbppm-admin-ui p,.bbppm-admin-ui td,.bbppm-admin-ui th,.bbppm-v16{font-size:14px;line-height:1.5}
.bbppm-admin-ui .description,.bbppm-admin-ui small,.bbppm-v16-head p{color:var(--bbpc-muted-fg)}
.bbppm-admin-ui .button,.bbppm-admin-ui .page-title-action,.bbppm-admin-ui .button-primary,.bbppm-v16 .button,.bbppm-v16 button{
  min-height:44px;min-width:44px;padding:8px 14px;display:inline-flex;align-items:center;justify-content:center;
  gap:6px;border-radius:var(--bbpc-r-control);font-weight:600;line-height:1.2;box-shadow:none
}
.bbppm-admin-ui .button-primary,.bbppm-admin-ui .page-title-action,.bbppm-v16 .button-primary{
  background:var(--bbpc-primary);border-color:var(--bbpc-primary);color:#fff
}
.bbppm-admin-ui .button-primary:hover,.bbppm-admin-ui .page-title-action:hover,.bbppm-v16 .button-primary:hover{
  background:var(--bbpc-primary-hover);border-color:var(--bbpc-primary-hover)
}
.bbppm-admin-ui :is(a,button,input,select,textarea):focus-visible,.bbppm-portal :is(a,button,input,select,textarea):focus-visible{
  outline:3px solid rgba(31,79,216,.22);outline-offset:2px;box-shadow:none
}
.bbppm-admin-ui input[type=text],.bbppm-admin-ui input[type=email],.bbppm-admin-ui input[type=number],.bbppm-admin-ui input[type=date],
.bbppm-admin-ui input[type=datetime-local],.bbppm-admin-ui input[type=time],.bbppm-admin-ui input[type=url],.bbppm-admin-ui input[type=month],
.bbppm-admin-ui input[type=search],.bbppm-admin-ui select,.bbppm-admin-ui textarea{
  min-height:44px;border:1px solid #D0D5DD;border-radius:var(--bbpc-r-control);background:#fff;color:var(--bbpc-foreground);padding:9px 11px
}
.bbppm-admin-ui textarea{min-height:96px}
.bbppm-admin-ui .bbppm-field>span{font-size:14px;line-height:1.3;color:#344054;font-weight:600}
.bbppm-admin-ui .postbox,.bbppm-admin-ui .card,.bbppm-panel,.bbppm-attention-card,.bbppm-customer-card,.bbppm-team-card,.bbppm-settings-panel,.bbppm-wizard{
  border-color:var(--bbpc-border);border-radius:var(--bbpc-r-card);box-shadow:var(--bbpc-shadow);background:#fff
}
.bbppm-workspace-nav{gap:4px;padding:4px;border-radius:var(--bbpc-r-card);border-color:var(--bbpc-border);box-shadow:none}
.bbppm-workspace-nav a{min-height:44px;display:flex;align-items:center;padding:8px 12px;font-size:14px;font-weight:600;border-radius:var(--bbpc-r-control)}
.bbppm-workspace-nav a.is-active{background:var(--bbpc-primary);color:#fff}
.bbppm-workspace-nav a:hover:not(.is-active){background:var(--bbpc-muted);color:var(--bbpc-foreground)}
.bbppm-state,.bbppm-status-pill,.bbppm-status{min-height:28px;padding:5px 9px;border-radius:999px;font-size:12px;font-weight:600}
:is(.state-completed,.state-paid,.status-completed,.status-accepted,.status-paid,.status-resolved,.status-confirmed){background:var(--bbpc-green-soft);color:var(--bbpc-green)}
:is(.state-sent,.state-viewed,.state-in_progress,.state-en_route,.state-started,.status-sent,.status-viewed,.status-in_progress,.status-en_route,.status-started,.status-assigned){background:var(--bbpc-primary-soft);color:#174EA6}
:is(.state-unpaid,.state-overdue,.state-failed,.state-rework_required,.status-unpaid,.status-overdue,.status-failed,.status-rejected,.status-cancelled,.status-rework_required){background:var(--bbpc-danger-soft);color:var(--bbpc-danger)}
:is(.state-partially_paid,.state-paused,.state-ready,.status-partially_paid,.status-paused,.status-ready,.status-reviewing,.status-scheduled){background:var(--bbpc-warning-soft);color:var(--bbpc-warning)}
:is(.state-draft,.state-pending,.state-unassigned,.status-draft,.status-pending,.status-unassigned,.status-open){background:#F2F4F7;color:#475467}
.bbppm-admin-ui .widefat{border-radius:var(--bbpc-r-card);border-color:var(--bbpc-border);box-shadow:none}
.bbppm-admin-ui .widefat thead th{padding:10px 12px;background:#F9FAFB;color:#475467;font-size:12px;font-weight:600}
.bbppm-admin-ui .widefat td{padding:12px;vertical-align:middle}
.bbppm-360-hero{background:var(--bbpc-primary);border-radius:var(--bbpc-r-sheet);padding:20px}
.bbppm-360-hero h2{font-size:24px;font-weight:600}
.bbppm-360-hero p,.bbppm-360-hero small{color:rgba(255,255,255,.84)}
.bbppm-wizard{border-radius:var(--bbpc-r-sheet)}.bbppm-wizard-steps{background:#F9FAFB;border-color:var(--bbpc-border)}
.bbppm-wizard-steps li{min-height:48px;display:flex;align-items:center;justify-content:center;padding:10px 8px;font-size:12px;font-weight:600;color:#667085}
.bbppm-wizard-steps li.is-active{background:var(--bbpc-primary-soft);color:var(--bbpc-primary)}
.bbppm-wizard-steps li.is-done{background:var(--bbpc-green-soft);color:var(--bbpc-green)}
.bbppm-wizard-panel{padding:24px}.bbppm-wizard-panel h2{font-size:18px}.bbppm-wizard-actions{padding:12px 16px}
.bbppm-eyebrow,.bbppm-kicker{text-transform:none;letter-spacing:0;font-size:12px;font-weight:600;color:var(--bbpc-primary)}
.bbppm-portal{max-width:820px;color:var(--bbpc-foreground);font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
.bbppm-portal-head{background:#fff;color:var(--bbpc-foreground);border:1px solid var(--bbpc-border);border-radius:var(--bbpc-r-sheet);box-shadow:var(--bbpc-shadow);padding:20px}
.bbppm-portal-head h2{color:var(--bbpc-foreground);font-size:24px;font-weight:600}
.bbppm-portal-head p{color:var(--bbpc-muted-fg)}.bbppm-portal-head .eyebrow{color:var(--bbpc-primary);text-transform:none;letter-spacing:0;font-size:12px}
.bbppm-portal-date{border-color:var(--bbpc-border);background:var(--bbpc-muted);color:var(--bbpc-foreground)}
.bbppm-portal-card,.bbppm-mobile-job{border-color:var(--bbpc-border);border-radius:var(--bbpc-r-card);box-shadow:var(--bbpc-shadow)}
.bbppm-mobile-actions button,.bbppm-clock-form button{min-height:44px;border-radius:var(--bbpc-r-control)}
.bbppm-mobile-actions .primary{background:var(--bbpc-primary);border-color:var(--bbpc-primary)}
.bbppm-access{background:var(--bbpc-warning-soft)}.bbppm-checklist label{min-height:44px}
.bbppm-checklist label:has(input:checked){background:var(--bbpc-green-soft)}
.bbppm-proposal .bbppm-actions a,.bbppm-proposal .bbppm-actions button,.bbppm-client-response button,.bbppm-client-response input,.bbppm-client-response textarea{min-height:44px}
@media(max-width:782px){
 .bbppm-admin-ui #wpcontent{padding-bottom:78px}.bbppm-workspace-nav{position:fixed;left:0;right:0;bottom:0;top:auto;z-index:10000;margin:0;padding:6px 8px calc(6px + env(safe-area-inset-bottom));border-radius:0;border-width:1px 0 0;background:rgba(255,255,255,.98);box-shadow:0 -8px 24px rgba(16,24,40,.08);overflow-x:auto}
 .bbppm-workspace-nav a{flex:0 0 auto;min-width:76px;min-height:52px;justify-content:center;text-align:center;font-size:12px;padding:6px 9px}
 .bbppm-head-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:100%}.bbppm-head-actions .button{width:100%}
 .bbppm-wizard-steps li{font-size:11px;padding:8px 4px}.bbppm-wizard-steps li:before{display:none}
 .bbppm-wizard-panel{padding:16px}.bbppm-wizard-actions{position:sticky;bottom:68px;z-index:30;background:#fff}
}

/* ==========================================================================
   v4.5.117 P10-CU — Foundation consistency layer
   Purpose: one visual contract for tokens, spacing, typography, contrast and
   focus across Management, classic admin workspaces, Cleaner and shared lists.
   ========================================================================== */
:root,
.bbppm-admin-ui,
.bbppm-v430-app,
.bbppm-list-workspace,
.bbppm-cleaner-app,
body.bbppm-stage03-shell {
  --bb-foundation-font: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  --bb-foundation-navy: #123B36;
  --bb-foundation-navy-strong: #0D2F2B;
  --bb-foundation-canvas: #F7F4ED;
  --bb-foundation-surface: #FFFFFF;
  --bb-foundation-surface-soft: #F8FAF8;
  --bb-foundation-surface-muted: #EFF5F2;
  --bb-foundation-border: #D7E3DE;
  --bb-foundation-border-strong: #B9CBC4;
  --bb-foundation-text: #123B36;
  --bb-foundation-text-secondary: #314D47;
  --bb-foundation-text-muted: #5C706A;
  --bb-foundation-action: #00A894;
  --bb-foundation-action-hover: #008E7D;
  --bb-foundation-action-soft: #E6F7F3;
  --bb-foundation-accent: #EE714E;
  --bb-foundation-danger: #B42318;
  --bb-foundation-warning: #A15C00;
  --bb-foundation-success: #067647;
  --bb-foundation-focus: rgba(0, 168, 148, .30);
  --bb-foundation-shadow-sm: 0 1px 2px rgba(18, 59, 54, .06);
  --bb-foundation-shadow-md: 0 10px 28px rgba(18, 59, 54, .08);
  --bb-foundation-space-1: 4px;
  --bb-foundation-space-2: 8px;
  --bb-foundation-space-3: 12px;
  --bb-foundation-space-4: 16px;
  --bb-foundation-space-5: 20px;
  --bb-foundation-space-6: 24px;
  --bb-foundation-control-height: 44px;
  --bb-foundation-control-radius: 14px;
  --bb-foundation-card-radius: 18px;
  --bb-foundation-sheet-radius: 22px;
  --bb-foundation-line-tight: 1.18;
  --bb-foundation-line-body: 1.5;

  /* Legacy and surface aliases. */
  --bb-font-sans: var(--bb-foundation-font);
  --bb-color-brand-navy: var(--bb-foundation-navy);
  --bb-color-brand-blue: var(--bb-foundation-navy);
  --bb-color-brand-blue-hover: var(--bb-foundation-navy-strong);
  --bb-color-brand-orange: var(--bb-foundation-accent);
  --bb-color-text: var(--bb-foundation-text);
  --bb-color-text-secondary: var(--bb-foundation-text-secondary);
  --bb-color-muted: var(--bb-foundation-text-muted);
  --bb-color-border: var(--bb-foundation-border);
  --bb-color-surface: var(--bb-foundation-surface);
  --bb-color-surface-soft: var(--bb-foundation-surface-soft);
  --bb-color-canvas: var(--bb-foundation-canvas);
  --bb-v42-text: var(--bb-foundation-text);
  --bb-v42-muted: var(--bb-foundation-text-muted);
  --bb-v42-border: var(--bb-foundation-border);
  --bb-v42-surface: var(--bb-foundation-surface);
  --bb-v42-surface-2: var(--bb-foundation-surface-soft);
  --bb-v42-bg: var(--bb-foundation-canvas);
  --bb-v42-action-primary: var(--bb-foundation-action);
  --bbpc-foreground: var(--bb-foundation-text);
  --bbpc-muted-fg: var(--bb-foundation-text-muted);
  --bbpc-card: var(--bb-foundation-surface);
  --bbpc-muted: var(--bb-foundation-canvas);
  --bbpc-border: var(--bb-foundation-border);
  --bbpc-primary: var(--bb-foundation-navy);
  --bbpc-primary-hover: var(--bb-foundation-navy-strong);
  --bbpc-r-control: var(--bb-foundation-control-radius);
  --bbpc-r-card: var(--bb-foundation-card-radius);
}

.bbppm-admin-ui,
.bbppm-v430-app,
.bbppm-list-workspace,
.bbppm-cleaner-app,
body.bbppm-stage03-shell {
  color: var(--bb-foundation-text);
  font-family: var(--bb-foundation-font) ;
  font-size: 14px;
  line-height: var(--bb-foundation-line-body);
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
}

.bbppm-admin-ui :where(h1,h2,h3,h4),
.bbppm-v430-app :where(h1,h2,h3,h4),
.bbppm-list-workspace :where(h1,h2,h3,h4),
.bbppm-cleaner-app :where(h1,h2,h3,h4) {
  color: var(--bb-foundation-text) ;
  font-family: var(--bb-foundation-font) ;
  line-height: var(--bb-foundation-line-tight) ;
  letter-spacing: -.025em ;
  text-wrap: balance;
}

.bbppm-admin-ui :where(p,li,small,span,dt,dd,label),
.bbppm-v430-app :where(p,li,small,span,dt,dd,label),
.bbppm-list-workspace :where(p,li,small,span,dt,dd,label),
.bbppm-cleaner-app :where(p,li,small,span,dt,dd,label) {
  line-height: var(--bb-foundation-line-body);
}

.bbppm-admin-ui :where(.bbppm-muted,.bbppm-v42-muted,.bbppm-v45-muted,small),
.bbppm-v430-app :where(.bbppm-muted,.bbppm-v42-muted,.bbppm-v45-muted,small),
.bbppm-list-workspace :where(.bbppm-muted,.bbppm-v42-muted,.bbppm-v45-muted,small),
.bbppm-cleaner-app :where(.bbppm-muted,.bbppm-v42-muted,.bbppm-v45-muted,small) {
  color: var(--bb-foundation-text-muted) ;
}

.bbppm-admin-ui :where(button,.button,a.button,input,select,textarea),
.bbppm-v430-app :where(button,.button,a.button,input,select,textarea),
.bbppm-list-workspace :where(button,.button,a.button,input,select,textarea),
.bbppm-cleaner-app :where(button,.button,a.button,input,select,textarea) {
  font-family: var(--bb-foundation-font) ;
}

.bbppm-admin-ui :where(input:not([type="checkbox"]):not([type="radio"]),select,textarea),
.bbppm-v430-app :where(input:not([type="checkbox"]):not([type="radio"]),select,textarea),
.bbppm-list-workspace :where(input:not([type="checkbox"]):not([type="radio"]),select,textarea),
.bbppm-cleaner-app :where(input:not([type="checkbox"]):not([type="radio"]),select,textarea) {
  min-height: var(--bb-foundation-control-height) ;
  border-color: var(--bb-foundation-border) ;
  border-radius: var(--bb-foundation-control-radius) ;
  color: var(--bb-foundation-text) ;
  background-color: var(--bb-foundation-surface) ;
  box-shadow: var(--bb-foundation-shadow-sm) ;
}

.bbppm-admin-ui :where(input::placeholder,textarea::placeholder),
.bbppm-v430-app :where(input::placeholder,textarea::placeholder),
.bbppm-list-workspace :where(input::placeholder,textarea::placeholder),
.bbppm-cleaner-app :where(input::placeholder,textarea::placeholder) {
  color: var(--bb-foundation-text-muted) ;
  opacity: 1 ;
}

.bbppm-admin-ui :where(button,.button,a.button),
.bbppm-v430-app :where(button,.button,a.button),
.bbppm-list-workspace :where(button,.button,a.button),
.bbppm-cleaner-app :where(button,.button,a.button) {
  min-height: var(--bb-foundation-control-height);
  border-radius: var(--bb-foundation-control-radius) ;
  font-weight: 800 ;
}

.bbppm-admin-ui :where(.button-primary,[class*="button--primary"],[class*="bb:bg-[var(--bb-v42-action-primary)]"]),
.bbppm-v430-app :where(.button-primary,[class*="button--primary"],[class*="bb:bg-[var(--bb-v42-action-primary)]"]),
.bbppm-list-workspace :where(.button-primary,[class*="button--primary"],[class*="bb:bg-[var(--bb-v42-action-primary)]"]),
.bbppm-cleaner-app :where(.button-primary,[class*="button--primary"],[class*="bb:bg-[var(--bb-v42-action-primary)]"]) {
  background-color: var(--bb-foundation-action) ;
  border-color: var(--bb-foundation-action) ;
  color: #fff ;
}

.bbppm-admin-ui :where(.button-primary,[class*="button--primary"]):hover,
.bbppm-v430-app :where(.button-primary,[class*="button--primary"]):hover,
.bbppm-list-workspace :where(.button-primary,[class*="button--primary"]):hover,
.bbppm-cleaner-app :where(.button-primary,[class*="button--primary"]):hover {
  background-color: var(--bb-foundation-action-hover) ;
  border-color: var(--bb-foundation-action-hover) ;
}

.bbppm-admin-ui :where(a,button,input,select,textarea,summary,[tabindex]):focus-visible,
.bbppm-v430-app :where(a,button,input,select,textarea,summary,[tabindex]):focus-visible,
.bbppm-list-workspace :where(a,button,input,select,textarea,summary,[tabindex]):focus-visible,
.bbppm-cleaner-app :where(a,button,input,select,textarea,summary,[tabindex]):focus-visible {
  outline: 3px solid var(--bb-foundation-focus) ;
  outline-offset: 2px ;
  box-shadow: 0 0 0 1px var(--bb-foundation-action), 0 0 0 5px var(--bb-foundation-focus) ;
}

.bbppm-admin-ui :where(button,.button,a.button,input,select,textarea):disabled,
.bbppm-v430-app :where(button,.button,a.button,input,select,textarea):disabled,
.bbppm-list-workspace :where(button,.button,a.button,input,select,textarea):disabled,
.bbppm-cleaner-app :where(button,.button,a.button,input,select,textarea):disabled,
.bbppm-admin-ui :where([aria-disabled="true"]),
.bbppm-v430-app :where([aria-disabled="true"]),
.bbppm-list-workspace :where([aria-disabled="true"]),
.bbppm-cleaner-app :where([aria-disabled="true"]) {
  opacity: .70 ;
  cursor: not-allowed ;
  color: var(--bb-foundation-text-muted) ;
  border-color: var(--bb-foundation-border-strong) ;
  box-shadow: none ;
}

.bbppm-admin-ui :where(.bbppm-card,.bbppm-panel,.bbppm-v45-panel,.bbppm-record-card,.bbppm-data-table-wrap),
.bbppm-v430-app :where(.bbppm-card,.bbppm-panel,.bbppm-v45-panel,.bbppm-record-card,.bbppm-data-table-wrap),
.bbppm-list-workspace :where(.bbppm-card,.bbppm-panel,.bbppm-v45-panel,.bbppm-record-card,.bbppm-data-table-wrap),
.bbppm-cleaner-app :where(.bbppm-card,.bbppm-panel,.bbppm-v45-panel,.bbppm-record-card,.bbppm-data-table-wrap) {
  border-color: var(--bb-foundation-border) ;
  border-radius: var(--bb-foundation-card-radius) ;
  background: var(--bb-foundation-surface) ;
  box-shadow: var(--bb-foundation-shadow-sm) ;
}

@media (prefers-reduced-motion: reduce) {
  .bbppm-admin-ui *,
  .bbppm-v430-app *,
  .bbppm-list-workspace *,
  .bbppm-cleaner-app * {
    scroll-behavior: auto ;
    transition-duration: .01ms ;
    animation-duration: .01ms ;
    animation-iteration-count: 1 ;
  }
}

