/* UX13F visual closure. Screen-only: generated/printed output geometry is unchanged. */
@media screen {
 .ux13-closure { --pm-primary:var(--pm-brand-primary); --pm-navy:var(--pm-brand-secondary); --pm-bg:var(--pm-surface-page); --pm-white:var(--pm-surface-card); --pm-border:var(--pm-border-default); --pm-text:var(--pm-text-primary); --pm-text-muted:var(--pm-text-secondary); --primary:var(--pm-brand-primary); --ink:var(--pm-text-primary); --green:var(--pm-brand-primary); --line:var(--pm-border-default); --muted:var(--pm-text-secondary); --danger:var(--pm-danger); color:var(--pm-text-primary); background:var(--pm-surface-page); font-family:var(--pm-font-body); line-height:1.5; }
 .ux13-closure * { box-sizing:border-box; }
 .ux13-closure :is(main,section,article,aside,form,fieldset,dialog) { min-width:0; }
 .ux13-closure :is(h1,h2,h3) { color:var(--pm-text-primary); }
 .ux13-closure :is(.card,.panel,.sf-panel,.login-card,.signup-card,.account-card) { border:1px solid var(--pm-border-default); border-radius:var(--pm-card-radius); background:var(--pm-surface-card); box-shadow:none; }
 .ux13-closure :is(.muted,.sf-muted,.helper,.help-text,.eyebrow) { color:var(--pm-text-secondary); }
 .ux13-closure :is(button,input,select,textarea) { font-family:inherit; }
 .ux13-closure :is(button,.button,.btn) { min-height:44px; border-radius:var(--pm-control-radius); box-shadow:none; }
 /* Navigation colors belong to the shared shell, not workspace button styling. */
 .ux13-closure :is(button,.button,.btn):where(:not(.nav-section-toggle,.nav-link)):not(.primary):not(.btn-primary):not(.btn-main):not(.danger):not(.btn-danger):not(.btn-delete) { color:var(--pm-text-primary); }
 .ux13-closure :is(.primary,.btn-primary,.btn-main,.login-button,.signup-button) { background:var(--pm-brand-primary); border-color:var(--pm-brand-primary); color:var(--pm-text-inverse); }
 .ux13-closure :is(.primary,.btn-primary,.btn-main):hover:not(:disabled) { background:var(--pm-brand-primary-hover); color:var(--pm-text-inverse); }
 .ux13-closure :is(.danger,.btn-danger,.btn-delete,button.danger) { color:var(--pm-danger); border-color:var(--pm-danger); background:var(--pm-danger-surface); }
 .ux13-closure :is(input:not([type=checkbox]):not([type=radio]):not([type=hidden]),select,textarea) { border-color:var(--pm-border-strong); color:var(--pm-text-primary); background-color:var(--pm-surface-card); max-width:100%; }
 .ux13-closure :is(input:not([type=checkbox]):not([type=radio]):not([type=hidden]),select) { min-height:44px; }
 .ux13-closure select:not([multiple]) { appearance:none; padding-right:28px; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='none' stroke='%23475569' stroke-width='2' d='m4 6 4 4 4-4'/%3E%3C/svg%3E"); background-position:right 8px center; background-size:14px; background-repeat:no-repeat; }
 .ux13-closure :focus-visible { outline:3px solid var(--pm-focus); outline-offset:3px; }
 .ux13-closure :is(.heading,.topline,.page-header,.admin-banner) { padding:20px; background:var(--pm-brand-secondary); color:var(--pm-text-inverse); border-radius:var(--pm-card-radius); margin-bottom:20px; }
 .ux13-closure :is(.heading,.topline,.page-header,.admin-banner) :is(h1,h2,p,.eyebrow,.muted,.admin-title) { color:inherit; }
 .ux13-closure :is(.heading,.topline,.page-header,.admin-banner) :focus-visible { outline-color:var(--pm-focus-inverse); }
 .ux13-closure :is(.heading,.topline,.page-header,.admin-banner) :is(button,.btn):not(.primary):not(.btn-primary):not(.btn-main) { background:var(--pm-surface-card); }
 .ux13-closure :is(.sf-main,.label-workflow) > h1 { border-left:4px solid var(--pm-brand-primary); padding-left:14px; }
 .ux13-closure .customer-workspace .card,.ux13-closure .sf-panel { border-top:3px solid var(--pm-brand-primary); }
 .ux13-closure :is(.toolbar,.filters,.filter-bar) { gap:12px; }
 .ux13-closure :is(.badge,.pill,.tag,.sf-status) { font-weight:600; }
 .ux13-closure :is(.badge,.pill,.tag):not(.success):not(.warning):not(.danger):not(.error):not(.off) { color:var(--pm-neutral); background:var(--pm-neutral-surface); border-color:var(--pm-border-default); }
 .ux13-closure :is(.success,.sf-success,.status-success) { color:var(--pm-success); }
 .ux13-closure :is(.warning,.sf-warning,.status-warning) { color:var(--pm-warning); }
 .ux13-closure :is(.error,.sf-error,.status-error,.error-text) { color:var(--pm-danger); }
 .ux13-closure :is(.badge.error,.pill.error,.tag.error) { color:var(--pm-danger); background:var(--pm-danger-surface); }
 .ux13-closure :is(.badge.success,.pill.success,.tag.success) { color:var(--pm-success); background:var(--pm-success-surface); }
 .ux13-closure :is(.badge.warning,.pill.warning,.tag.warning) { color:var(--pm-warning); background:var(--pm-warning-surface); }
 .ux13-closure table { font-variant-numeric:tabular-nums; }
 .ux13-closure :is(th,td) { border-color:var(--pm-border-default); }
 .ux13-closure thead th { color:var(--pm-text-primary); background:var(--pm-surface-muted); }
 .ux13-closure dialog { color:var(--pm-text-primary); background:var(--pm-surface-card); border:1px solid var(--pm-border-strong); border-radius:var(--pm-card-radius); max-width:calc(100vw - 24px); }
 .ux13-closure dialog::backdrop { background:rgba(23,35,60,.65); }
 .ux13-closure :is(.modal,.drawer,.dialog,.modal-content,.drawer-panel) { color:var(--pm-text-primary); }
 .ux13-closure:not(.app-shell):not(.ux13-shell):not(.ux13-customer) > header { background:var(--pm-brand-secondary); color:var(--pm-text-inverse); }
 .ux13-closure:not(.app-shell):not(.ux13-shell):not(.ux13-customer) > header :is(a,h1,h2) { color:inherit; }
 .ux13-closure .login-card { border-top:4px solid var(--pm-brand-primary); }
 .ux13-closure.ux13-customer { --green:var(--brand-primary,var(--pm-brand-primary)); }
 .ux13-closure.ux13-customer > header { background:var(--pm-surface-card); border-bottom-color:var(--brand-primary,var(--pm-brand-primary)); }
 .ux13-closure.ux13-customer nav a[aria-current=page] { background:var(--brand-primary,var(--pm-brand-primary)); color:var(--pm-text-inverse); }
 .ux13-closure.ux13-customer .primary { background:var(--brand-primary,var(--pm-brand-primary)); }
 .ux13-closure.ux13-customer .panel { box-shadow:none; }
 .ux13-closure .badge.off { color:var(--pm-neutral); background:var(--pm-neutral-surface); }
 .ux13-closure .label-workflow #sheets { color:initial; }
}
@media screen and (max-width:767px) {
 .ux13-closure :is(.heading,.topline,.page-header,.admin-banner) { padding:16px; gap:12px; flex-wrap:wrap; }
 .ux13-closure :is(.heading,.topline,.page-header) h1 { font-size:26px; overflow-wrap:anywhere; }
 .ux13-closure :is(.filters,.toolbar,.actions,.sf-actions) { flex-wrap:wrap; }
 .ux13-closure :is(.admin-table-wrap,.table-wrap) { max-width:100%; overflow-x:auto; }
 .ux13-closure :is(.login-main,.signup-main) { max-width:100%; }
}

@media screen { .ux13-closure :is(.login-footer,.remember-row,.login-footer a) { color:var(--pm-text-secondary); } }

@media screen { .ux13-closure .setup-subtitle { color:var(--pm-text-secondary); } }

@media screen { .ux13-closure .help-hero { background:var(--pm-brand-secondary); } .ux13-closure .help-hero :is(h1,p) { color:var(--pm-text-inverse); } }

@media screen { .ux13-closure .settings-nav a[aria-current] { color:var(--pm-brand-primary-hover); background:var(--pm-selected); border-color:var(--pm-brand-primary); box-shadow:inset 0 -2px var(--pm-brand-primary); } }