400;500;600;700;800&display=swap');

:root {
  --pn-bg: #f3efe8;
  --pn-bg-soft: #faf7f2;
  --pn-surface: rgba(255, 255, 255, 0.82);
  --pn-surface-strong: rgba(255, 255, 255, 0.96);
  --pn-surface-dark: #161616;
  --pn-text: #171717;
  --pn-text-soft: #4b5563;
  --pn-text-muted: #7c8797;
  --pn-border: rgba(23, 23, 23, 0.08);
  --pn-border-strong: rgba(23, 23, 23, 0.14);
  --pn-primary: #1f6fff;
  --pn-primary-dark: #174fc2;
  --pn-accent: #c6923b;
  --pn-accent-soft: rgba(198, 146, 59, 0.12);
  --pn-success: #138a52;
  --pn-warning: #b36a12;
  --pn-danger: #c53f3f;
  --pn-shadow-sm: 0 12px 28px rgba(17, 24, 39, 0.05);
  --pn-shadow-md: 0 24px 60px rgba(17, 24, 39, 0.08);
  --pn-shadow-lg: 0 38px 100px rgba(17, 24, 39, 0.12);
  --pn-radius-sm: 16px;
  --pn-radius-md: 26px;
  --pn-radius-lg: 38px;
  --pn-container: 1380px;
}

*, *::before, *::after { box-sizing: border-box; }
html, body { margin:0; padding:0; }
html { scroll-behavior:smooth; }
body {
  font-family:'Cairo', sans-serif;
  color:var(--pn-text);
  background:
    radial-gradient(circle at top left, rgba(31,111,255,0.06), transparent 26%),
    radial-gradient(circle at 100% 10%, rgba(198,146,59,0.07), transparent 18%),
    linear-gradient(180deg, #f7f3ed 0%, #f4efe8 100%);
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
}
a{ color:inherit; text-decoration:none; transition:color .2s ease, opacity .2s ease; }
a:hover{ opacity:.92; }
img{ max-width:100%; display:block; }
button{ font:inherit; cursor:pointer; }
code{ font-family:ui-monospace,SFMono-Regular,Menlo,monospace; color:var(--pn-primary-dark); }
.mt-12{margin-top:12px}.mt-18{margin-top:18px}
.muted{color:var(--pn-text-soft)}
.small{font-size:.84rem;color:var(--pn-text-muted)}
.empty{padding:24px;color:var(--pn-text-muted)}
.mobile-only{display:none}
.sticky-panel{position:sticky;top:24px}

.app{display:grid;grid-template-columns:300px 1fr;min-height:100vh}
.sidebar{position:sticky;top:0;height:100vh;padding:24px 18px;background:rgba(255,255,255,.54);border-right:1px solid var(--pn-border);backdrop-filter:blur(18px)}
.sidebar-wrap{height:100%;display:flex;flex-direction:column;justify-content:space-between;gap:22px}
.sidebar-top{display:flex;flex-direction:column;gap:24px}
.main{width:min(var(--pn-container), calc(100% - 28px));margin-inline:auto;padding:28px 0 48px}

.brand-block{display:grid;gap:14px}
.brand-text{min-width:0}
.brand-name,.brand{font-size:1.15rem;font-weight:800;line-height:1.05;letter-spacing:-.03em;color:var(--pn-text)}
.brand-tagline,.brand small{display:block;margin-top:6px;font-size:.82rem;color:var(--pn-text-muted);line-height:1.55;font-weight:700}

.platform-logo-box,.sidebar-logo-box,.topbar-logo-box,.settings-logo-box,.invoice-logo-box,.invoice-preview-logo-box{display:flex;align-items:center;justify-content:flex-start;overflow:hidden;background:rgba(255,255,255,.72);border:1px solid var(--pn-border);box-shadow:var(--pn-shadow-sm)}
.platform-logo,.sidebar-logo-box img,.topbar-logo-box img,.settings-logo-box img,.invoice-logo-box img,.invoice-preview-logo-box img,.brand-logo,.app-topbar-logo,.embedded-brand-logo,.invoice-brand-logo,.settings-logo-preview,img[src*="/uploads/logos/"]{display:block !important;width:auto !important;height:auto !important;max-width:100% !important;max-height:100% !important;object-fit:contain !important;object-position:left center !important}
.sidebar-logo-box{width:220px;max-width:220px;height:66px;padding:8px 12px;border-radius:18px}
.topbar-logo-box{width:220px;max-width:220px;height:64px;padding:8px 12px;border-radius:18px}
.settings-logo-box,.invoice-logo-box,.invoice-preview-logo-box{width:280px;height:96px;padding:8px 12px;border-radius:20px}
.logo-settings-grid{align-items:start}
.logo-preview-card{min-height:150px;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;overflow:hidden}
.preview-brand-wrap{display:flex;align-items:flex-start;gap:12px;flex-wrap:wrap}

.nav{display:grid;gap:10px}
.nav a{display:flex;align-items:center;justify-content:space-between;min-height:52px;padding:0 16px;border-radius:18px;color:var(--pn-text-soft);font-weight:800;border:1px solid transparent;background:transparent;transition:transform .2s ease, background .2s ease, border-color .2s ease, color .2s ease}
.nav a:hover,.nav a.active{color:var(--pn-text);background:rgba(255,255,255,.74);border-color:var(--pn-border);box-shadow:var(--pn-shadow-sm);transform:translateY(-1px)}
.sidebar-footer{display:grid;gap:14px}

.glass{background:var(--pn-surface);border:1px solid var(--pn-border);box-shadow:var(--pn-shadow-md);backdrop-filter:blur(18px)}
.card{padding:22px;border-radius:var(--pn-radius-md)}
.mini{padding:16px;border-radius:22px}
.soft-card{padding:16px;border-radius:20px;background:rgba(255,255,255,.64);border:1px solid var(--pn-border);box-shadow:var(--pn-shadow-sm);backdrop-filter:blur(16px)}

.app-topbar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:20px;padding:16px 20px;border-radius:30px;background:var(--pn-surface);border:1px solid var(--pn-border);box-shadow:var(--pn-shadow-sm)}
.app-topbar-left{display:flex;align-items:center;gap:16px;min-width:0}
.app-topbar-meta{min-width:0}
.app-topbar-title{font-size:1.08rem;font-weight:800;color:var(--pn-text);line-height:1.1}
.topbar{display:flex;justify-content:space-between;align-items:flex-end;gap:18px;flex-wrap:wrap;margin-bottom:20px}
.topbar h1{margin:0;font-size:clamp(2rem, 4vw, 2.8rem);line-height:1.02;letter-spacing:-.05em;color:var(--pn-text)}
.section-head{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px}
.section-title{font-size:1.16rem;font-weight:800;margin:0;color:var(--pn-text)}
.small-link,.mini-link{font-size:.9rem;font-weight:800;color:var(--pn-primary)}
.small-link:hover,.mini-link:hover{color:var(--pn-primary-dark)}

.grid{display:grid;gap:22px}.grid-4{grid-template-columns:repeat(4,1fr)}.grid-2{grid-template-columns:repeat(2,1fr)}
.stat{position:relative;overflow:hidden}.stat::before{content:"";position:absolute;inset:0;background:linear-gradient(180deg, rgba(255,255,255,.34), rgba(255,255,255,0));pointer-events:none}
.stat .label{color:var(--pn-text-muted);font-size:.76rem;font-weight:800;text-transform:uppercase;letter-spacing:.08em;margin-bottom:12px}.stat .value{font-size:1.95rem;font-weight:800;letter-spacing:-.05em;color:var(--pn-text)}.stat .meta{color:var(--pn-text-soft);font-size:.86rem;margin-top:8px;line-height:1.7}

.table-wrap{overflow:auto}.table{width:100%;border-collapse:collapse}.table th,.table td{padding:14px 16px;border-bottom:1px solid rgba(23,23,23,.07);text-align:left;vertical-align:top}.table th{color:var(--pn-text-muted);font-size:.76rem;text-transform:uppercase;letter-spacing:.08em}.table td{color:var(--pn-text-soft);font-size:.94rem;line-height:1.7}.table td strong{color:var(--pn-text)}.compact-table th,.compact-table td{padding:12px 14px}

.badge{display:inline-flex;align-items:center;justify-content:center;min-height:30px;padding:0 12px;border-radius:999px;font-size:.7rem;font-weight:800;text-transform:uppercase;letter-spacing:.08em;border:1px solid transparent}.badge.success{background:rgba(19,138,82,.10);color:var(--pn-success);border-color:rgba(19,138,82,.12)}.badge.pending{background:rgba(31,111,255,.10);color:var(--pn-primary);border-color:rgba(31,111,255,.12)}.badge.warning{background:rgba(179,106,18,.10);color:var(--pn-warning);border-color:rgba(179,106,18,.12)}.badge.draft{background:rgba(124,135,151,.14);color:#5b6574;border-color:rgba(124,135,151,.16)}.badge.cancelled{background:rgba(197,63,63,.10);color:var(--pn-danger);border-color:rgba(197,63,63,.12)}.badge.soon{background:var(--pn-accent-soft);color:#8b5a19;border-color:rgba(198,146,59,.18)}

.btns,.top-actions,.invoice-actions{display:flex;gap:12px;flex-wrap:wrap}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:52px;padding:0 22px;border-radius:999px;font-size:14px;font-weight:800;border:1px solid var(--pn-border);background:rgba(255,255,255,.58);color:var(--pn-text);transition:transform .22s ease, box-shadow .22s ease, background .22s ease, border-color .22s ease, color .22s ease}
.btn:hover{transform:translateY(-2px);background:rgba(255,255,255,.84);box-shadow:var(--pn-shadow-sm);opacity:1}.btn.primary{color:#fff;background:linear-gradient(135deg, var(--pn-text) 0%, #2b2b2b 100%);border-color:var(--pn-text);box-shadow:0 18px 40px rgba(17,24,39,.16)}.btn.primary:hover{box-shadow:0 24px 52px rgba(17,24,39,.22);color:#fff}.btn.tiny{min-height:38px;padding:0 14px;border-radius:999px;font-size:.78rem}.btn.ghost{background:rgba(255,255,255,.58)}

.filters-bar{margin-bottom:18px}.filters-grid{display:grid;grid-template-columns:1.2fr .8fr .8fr auto;gap:14px;align-items:end}.filters-grid.single-search{grid-template-columns:1fr auto}.filters-actions{display:flex;gap:10px;flex-wrap:wrap}
.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.field{display:grid;gap:8px}.field label{font-size:.84rem;font-weight:800;color:var(--pn-text-soft)}
.field input,.field select,.field textarea,.wizard-field input,.wizard-field select,.wizard-field textarea{width:100%;min-height:50px;padding:12px 14px;background:rgba(255,255,255,.74);border:1px solid rgba(23,23,23,.08);border-radius:16px;color:var(--pn-text);outline:none;font-family:'Cairo', sans-serif}.field textarea,.wizard-field textarea{min-height:120px;resize:vertical}.field input:focus,.field select:focus,.field textarea:focus,.wizard-field input:focus,.wizard-field select:focus,.wizard-field textarea:focus{border-color:rgba(31,111,255,.32);box-shadow:0 0 0 4px rgba(31,111,255,.08)}.field.full{grid-column:1/-1}
.line-items{display:grid;gap:12px}.line-item{display:grid;gap:12px;align-items:end}.serious-line-item{grid-template-columns:2.2fr .8fr 1fr .8fr}
.stack{display:grid;gap:18px}.summary-row{display:flex;justify-content:space-between;gap:12px;padding:10px 0;border-bottom:1px solid rgba(23,23,23,.07)}.summary-row:last-child{border-bottom:none}.summary-row strong{word-break:break-word;color:var(--pn-text)}
.quick-actions{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.quick-action{display:grid;gap:8px;padding:16px;border-radius:22px;background:rgba(255,255,255,.68);border:1px solid var(--pn-border);box-shadow:var(--pn-shadow-sm)}.quick-action strong{font-size:.98rem;color:var(--pn-text)}.quick-action span{font-size:.88rem;color:var(--pn-text-soft);line-height:1.7}.quick-action.warning{background:linear-gradient(180deg, rgba(255,248,236,.92), rgba(255,255,255,.82));border-color:rgba(198,146,59,.18)}
.create-layout{grid-template-columns:1.2fr .8fr}.invoice-show-layout{grid-template-columns:.86fr 1.14fr}.customer-show-layout{grid-template-columns:.82fr 1.18fr}.details-list{display:grid;gap:10px;color:var(--pn-text-soft);font-size:.94rem;line-height:1.7}

.auth-shell{min-height:100vh;display:grid;place-items:center;padding:22px}.auth-card{width:min(560px,100%);padding:30px;border-radius:32px}.auth-card h1{margin:0 0 10px;font-size:2.1rem;line-height:1.03;letter-spacing:-.04em;color:var(--pn-text)}.auth-card p{margin:0 0 22px;color:var(--pn-text-soft);line-height:1.8}.auth-brand{display:grid;justify-items:start;gap:14px;margin-bottom:18px}.auth-brand .sidebar-logo-box{width:220px;max-width:220px;height:66px}.callout{padding:14px 16px;border-radius:20px;background:rgba(255,255,255,.68);border:1px solid var(--pn-border);color:var(--pn-text-soft)}.callout strong{color:var(--pn-text)}
.notice{padding:14px 16px;border-radius:18px;margin-bottom:16px;background:rgba(197,63,63,.10);border:1px solid rgba(197,63,63,.16);color:var(--pn-danger)}
.flash{padding:14px 16px;border-radius:18px;margin-bottom:16px;border:1px solid transparent;box-shadow:var(--pn-shadow-sm)}.flash.success{background:rgba(19,138,82,.10);border-color:rgba(19,138,82,.14);color:var(--pn-success)}.flash.error{background:rgba(197,63,63,.10);border-color:rgba(197,63,63,.14);color:var(--pn-danger)}.flash.info{background:rgba(31,111,255,.10);border-color:rgba(31,111,255,.14);color:var(--pn-primary-dark)}.flash.suspended-banner{background:rgba(197,63,63,.10);border:1px solid rgba(197,63,63,.18);color:var(--pn-danger)}.flash.suspended-banner strong{display:inline-block;margin-bottom:4px;letter-spacing:.04em}
.checkbox-row{display:inline-flex;align-items:center;gap:10px;font-size:14px;color:var(--pn-text-soft)}.checkbox-field{display:flex;align-items:end}.checkbox-chip{display:inline-flex;align-items:center;gap:8px;padding:0 14px;min-height:48px;border-radius:999px;background:rgba(255,255,255,.64);border:1px solid var(--pn-border);color:var(--pn-text);font-weight:700}.customers-filters{grid-template-columns:1fr auto auto}

.language-switcher-wrap{display:flex;align-items:center;gap:10px}.glass-pill{display:flex;align-items:center;gap:4px;padding:4px;border:1px solid var(--pn-border);background:rgba(255,255,255,.64);border-radius:999px;box-shadow:var(--pn-shadow-sm)}.language-switcher a{display:inline-flex;align-items:center;justify-content:center;min-width:40px;height:34px;padding:0 12px;border-radius:999px;color:var(--pn-text-muted);font-size:12px;font-weight:800;letter-spacing:.08em}.language-switcher a.active{background:var(--pn-text);color:#fff}.auth-lang-switcher{display:flex;justify-content:flex-end;max-width:560px;margin:0 auto 16px}

.wizard-page-shell{width:min(1180px, calc(100% - 28px));margin:0 auto;padding:24px 0 42px}.wizard-page-topbar{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:20px}.wizard-brand-name{font-size:28px;font-weight:800;letter-spacing:-.04em;color:var(--pn-text)}.wizard-brand-copy{margin-top:6px;color:var(--pn-text-soft);line-height:1.6;max-width:680px}.wizard-shell{max-width:980px;margin:0 auto 56px;padding:0 4px}.wizard-intro-row{display:grid;grid-template-columns:1fr 260px;gap:20px;align-items:stretch;margin-bottom:18px}.wizard-intro-copy{padding:8px 2px 0}.wizard-intro-copy h1{margin:10px 0 10px;font-size:clamp(2.35rem,5vw,3.4rem);line-height:1.02;letter-spacing:-.05em;color:var(--pn-text)}.wizard-intro-copy p{margin:0;max-width:700px;color:var(--pn-text-soft);font-size:1rem;line-height:1.85}.wizard-readiness,.wizard-card,.wizard-faq,.wizard-side-card{background:var(--pn-surface);border:1px solid var(--pn-border);box-shadow:var(--pn-shadow-md);backdrop-filter:blur(16px)}.wizard-readiness{padding:18px;border-radius:24px;display:grid;gap:10px;align-content:start}.wizard-readiness-label{font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.1em;color:var(--pn-primary)}.wizard-readiness-value{font-size:2.1rem;font-weight:800;letter-spacing:-.04em;color:var(--pn-text)}.wizard-readiness-copy{color:var(--pn-text-soft);font-size:.9rem;line-height:1.65}.wizard-stepper{display:grid;grid-template-columns:repeat(6,1fr);gap:10px;margin-bottom:18px}.wizard-step-chip{display:flex;align-items:center;gap:10px;min-height:56px;padding:10px 12px;border-radius:20px;background:rgba(255,255,255,.72);border:1px solid var(--pn-border);color:var(--pn-text-soft);box-shadow:var(--pn-shadow-sm)}.wizard-step-chip span{display:grid;place-items:center;width:28px;height:28px;border-radius:999px;background:rgba(31,111,255,.08);font-size:.82rem;font-weight:800;flex-shrink:0;color:var(--pn-primary-dark)}.wizard-step-chip small{display:block;font-size:.8rem;font-weight:700;line-height:1.3}.wizard-step-chip.active{background:#fff;border-color:rgba(31,111,255,.24);color:var(--pn-text)}.wizard-step-chip.active span{background:var(--pn-text);color:#fff}.wizard-step-chip.done{border-color:rgba(19,138,82,.18);color:var(--pn-text)}.wizard-step-chip.done span{background:rgba(19,138,82,.12);color:var(--pn-success)}.wizard-card{padding:0;border-radius:32px;overflow:hidden}.wizard-card-head{display:flex;justify-content:space-between;gap:18px;align-items:flex-start;padding:24px 24px 20px;border-bottom:1px solid rgba(23,23,23,.06)}.wizard-card-head>div:first-child{max-width:680px}.wizard-step-count{font-size:14px;color:var(--pn-text-muted);margin-bottom:8px}.wizard-card-head h2{margin:6px 0 8px;font-size:2rem;line-height:1.04;letter-spacing:-.04em;color:var(--pn-text)}.wizard-card-head p{margin:0;max-width:650px;color:var(--pn-text-soft);line-height:1.8}.wizard-skip-link{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:0 14px;border-radius:999px;background:rgba(255,255,255,.7);border:1px solid var(--pn-border);color:var(--pn-primary-dark);font-weight:800;white-space:nowrap}.wizard-form{padding:24px}.wizard-fields,.wizard-field-grid{display:grid;gap:16px}.wizard-field-grid.two-col{grid-template-columns:1fr 1fr}.wizard-field{padding:18px;border-radius:24px;background:rgba(255,255,255,.58);border:1px solid var(--pn-border)}.wizard-field.featured{background:rgba(255,255,255,.78)}.wizard-field label{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:8px;font-size:14px;font-weight:800;color:var(--pn-text)}.field-help{margin-top:8px;font-size:13px;color:var(--pn-text-muted);line-height:1.5}.wizard-advanced{margin-top:4px;padding:14px 16px;border-radius:20px;background:rgba(255,255,255,.58);border:1px solid var(--pn-border)}.wizard-advanced summary{cursor:pointer;font-weight:800;color:var(--pn-text)}.advanced-inner{margin-top:14px}.wizard-review-list{display:grid;border:1px solid var(--pn-border);border-radius:24px;overflow:hidden;background:rgba(255,255,255,.64)}.wizard-review-row{display:flex;justify-content:space-between;gap:16px;padding:16px 18px;border-bottom:1px solid rgba(23,23,23,.06)}.wizard-review-row:last-child{border-bottom:0}.wizard-review-row span{color:var(--pn-text-muted)}.wizard-review-row strong{text-align:right;color:var(--pn-text)}.wizard-review-copy{margin:16px 0 0;color:var(--pn-text-soft);line-height:1.7}.required-pill,.optional-pill{display:inline-flex;align-items:center;padding:2px 8px;border-radius:999px;font-size:10px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.required-pill{background:rgba(31,111,255,.12);color:var(--pn-primary-dark)}.optional-pill{background:rgba(198,146,59,.12);color:#8b5a19}.onboarding-errors{margin-top:16px;display:grid;gap:8px}.onboarding-error-item{padding:12px 14px;border-radius:16px;background:rgba(197,63,63,.10);border:1px solid rgba(197,63,63,.16);color:var(--pn-danger)}.wizard-footer-bar{margin-top:20px;padding:16px 18px;border-radius:24px;background:rgba(255,255,255,.72);border:1px solid var(--pn-border);display:flex;justify-content:space-between;align-items:center;gap:14px;box-shadow:var(--pn-shadow-sm)}.wizard-footer-left,.wizard-footer-right{display:flex;gap:10px;align-items:center;flex-wrap:wrap}

.settings-layout{align-items:start}.invoice-brand-preview .preview-top{display:flex;justify-content:space-between;gap:14px;align-items:start;margin-bottom:14px}.invoice-brand-preview .preview-brand{font-size:1.1rem;font-weight:800;color:var(--pn-text)}

@media (max-width:1200px){.grid-4{grid-template-columns:repeat(2,1fr)}.create-layout,.invoice-show-layout,.customer-show-layout,.grid-2,.quick-actions{grid-template-columns:1fr}.filters-grid{grid-template-columns:1fr 1fr}.filters-actions{grid-column:1/-1}.serious-line-item{grid-template-columns:1fr 1fr}}
@media (max-width:980px){.app{grid-template-columns:1fr}.sidebar{position:relative;height:auto}.main{width:min(var(--pn-container), calc(100% - 22px));padding:20px 0 36px}.filters-grid,.filters-grid.single-search,.form-grid{grid-template-columns:1fr}.topbar h1{font-size:2rem}.customers-filters{grid-template-columns:1fr}.checkbox-chip{justify-content:center}.app-topbar{flex-direction:column;align-items:stretch}.app-topbar-right .btn{width:100%}.create-layout{grid-template-columns:1fr}.sticky-panel{position:static}.mobile-only{display:block}.wizard-shell{padding:0 4px}.wizard-intro-row{grid-template-columns:1fr}.wizard-stepper{grid-template-columns:repeat(3,1fr)}.wizard-card-head{flex-direction:column}.wizard-field-grid.two-col{grid-template-columns:1fr}.wizard-footer-bar{flex-direction:column;align-items:stretch}.wizard-footer-left,.wizard-footer-right{width:100%;justify-content:space-between}}
@media (max-width:640px){.grid-4{grid-template-columns:1fr}.card{padding:18px}.table th,.table td{padding:12px 10px}.btn,.btn.primary{width:100%}.top-actions,.invoice-actions,.filters-actions,.btns{flex-direction:column;align-items:stretch}.topbar{align-items:stretch}.wizard-stepper{grid-template-columns:repeat(2,1fr)}.wizard-intro-copy h1{font-size:2.1rem}.wizard-card-head,.wizard-form{padding:18px}.wizard-review-row{flex-direction:column}.wizard-review-row strong{text-align:left}.auth-brand .sidebar-logo-box,.sidebar-logo-box{width:190px;max-width:190px;height:56px}}


.delivery-summary-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.delivery-summary-card{display:grid;gap:8px;align-content:start}.delivery-summary-label{font-size:12px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--pn-text-muted)}.delivery-history-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:14px}.invoice-action-details{border-top:1px solid rgba(23,23,23,.06);padding-top:18px}.invoice-action-details summary{list-style:none}.invoice-action-details summary::-webkit-details-marker{display:none}.mail-history-card{display:grid;gap:2px}
@media (max-width:640px){.delivery-summary-grid,.delivery-history-grid{grid-template-columns:1fr}}

/* PayNox platform branding */
.auth-brand .platform-logo-box,
.auth-brand .sidebar-logo-box,
.sidebar .platform-logo-box,
.sidebar .sidebar-logo-box,
.app-topbar .platform-logo-box,
.app-topbar .topbar-logo-box {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  padding: 0 !important;
  border-radius: 0 !important;
  overflow: visible !important;
}

.auth-brand .platform-logo-box,
.auth-brand .sidebar-logo-box {
  width: auto !important;
  max-width: none !important;
  height: auto !important;
  min-height: 0 !important;
  margin: 0 0 16px !important;
}

.auth-brand img.platform-logo {
  width: 260px !important;
  max-width: 260px !important;
  height: auto !important;
  max-height: none !important;
}

.sidebar .brand-block {
  gap: 8px !important;
  margin-bottom: 8px !important;
}

.sidebar .platform-logo-box,
.sidebar .sidebar-logo-box {
  width: auto !important;
  max-width: none !important;
  height: auto !important;
  margin: 0 !important;
  line-height: 0 !important;
}

.sidebar .platform-logo,
.sidebar img.platform-logo {
  width: 150px !important;
  max-width: 150px !important;
  height: auto !important;
  max-height: none !important;
  margin: 0 !important;
}

.sidebar .brand-text { margin-top: 0 !important; }
.sidebar .brand-tagline,
.sidebar .brand small { margin-top: 4px !important; }
.sidebar-top { gap: 16px !important; }

/* Customer receivables risk profile */
.customer-risk-card{position:relative;overflow:hidden}.customer-risk-card::before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(31,111,255,.06),rgba(198,146,59,.08));pointer-events:none}.customer-risk-card>*{position:relative}.risk-score-row{display:grid;grid-template-columns:120px 1fr;gap:18px;align-items:center}.risk-score-circle{width:112px;height:112px;border-radius:999px;display:grid;place-items:center;background:rgba(255,255,255,.78);border:1px solid var(--pn-border);box-shadow:var(--pn-shadow-sm);text-align:center}.risk-score-circle strong{display:block;font-size:2.2rem;line-height:1;font-weight:800;letter-spacing:-.05em;color:var(--pn-text)}.risk-score-circle span{display:block;margin-top:6px;font-size:.68rem;font-weight:800;text-transform:uppercase;letter-spacing:.08em;color:var(--pn-text-muted)}.risk-score-copy{display:grid;gap:8px}.risk-metrics-grid .soft-card{display:grid;gap:6px}.risk-metrics-grid .soft-card strong{font-size:1.08rem;color:var(--pn-text)}.risk-signals{display:flex;flex-wrap:wrap;gap:8px;align-items:center}@media (max-width:640px){.risk-score-row{grid-template-columns:1fr}.risk-score-circle{width:104px;height:104px}}

/* Customer risk profile layout fix */

.risk-profile-grid,

.customer-risk-grid,

.risk-metrics-grid {

  display: grid !important;

  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;

  gap: 18px !important;

}

.risk-profile-card,

.customer-risk-card,

.risk-metric-card {

  display: flex !important;

  flex-direction: column !important;

  align-items: flex-start !important;

  justify-content: center !important;

  gap: 8px !important;

  min-height: 118px !important;

  padding: 22px 26px !important;

  border-radius: 28px !important;

  background: rgba(255,255,255,.72) !important;

  border: 1px solid rgba(23,23,23,.08) !important;

  box-shadow: 0 12px 28px rgba(17,24,39,.05) !important;

}

.risk-profile-card .label,

.customer-risk-card .label,

.risk-metric-card .label,

.risk-profile-card span:first-child,

.customer-risk-card span:first-child,

.risk-metric-card span:first-child {

  display: block !important;

  color: var(--pn-text-muted) !important;

  font-size: 1rem !important;

  font-weight: 700 !important;

  line-height: 1.25 !important;

  margin: 0 !important;

}

.risk-profile-card .value,

.customer-risk-card .value,

.risk-metric-card .value,

.risk-profile-card strong,

.customer-risk-card strong,

.risk-metric-card strong {

  display: block !important;

  color: var(--pn-text) !important;

  font-size: 1.75rem !important;

  font-weight: 800 !important;

  line-height: 1.1 !important;

  letter-spacing: -.03em !important;

  margin: 0 !important;

  word-break: normal !important;

}

.risk-signals,

.customer-risk-signals {

  display: flex !important;

  flex-wrap: wrap !important;

  gap: 10px !important;

  margin-top: 12px !important;

}

.risk-signal,

.customer-risk-signal {

  display: inline-flex !important;

  align-items: center !important;

  min-height: 38px !important;

  padding: 0 16px !important;

  border-radius: 999px !important;

  background: rgba(124,135,151,.12) !important;

  border: 1px solid rgba(124,135,151,.22) !important;

  color: #4b5563 !important;

  font-size: .78rem !important;

  font-weight: 800 !important;

  letter-spacing: .08em !important;

  text-transform: uppercase !important;

}

@media (max-width: 760px) {

  .risk-profile-grid,

  .customer-risk-grid,

  .risk-metrics-grid {

    grid-template-columns: 1fr !important;

  }

}


/* Compact customer risk profile */

.customer-risk-profile,

.risk-profile-panel,

.risk-profile-card-wrap {

  padding: 24px !important;

}

.risk-profile-hero,

.customer-risk-hero {

  display: grid !important;

  grid-template-columns: 1fr auto !important;

  gap: 18px !important;

  align-items: start !important;

}

.risk-score-circle,

.customer-risk-score-circle,

.risk-score-bubble {

  display: none !important;

}

.risk-score-inline {

  display: inline-flex !important;

}

.customer-risk-profile .risk-score,

.risk-profile-panel .risk-score,

.customer-risk-score {

  display: inline-flex !important;

  align-items: center !important;

  gap: 8px !important;

  min-height: 40px !important;

  padding: 0 14px !important;

  border-radius: 999px !important;

  background: rgba(255,255,255,.72) !important;

  border: 1px solid rgba(23,23,23,.08) !important;

  box-shadow: none !important;

  font-size: 1rem !important;

  line-height: 1 !important;

}

.customer-risk-profile .risk-score strong,

.risk-profile-panel .risk-score strong,

.customer-risk-score strong {

  font-size: 1.1rem !important;

  line-height: 1 !important;

}

.customer-risk-profile h2,

.risk-profile-panel h2 {

  font-size: 1.65rem !important;

  line-height: 1.1 !important;

  margin-bottom: 6px !important;

}

.customer-risk-profile p,

.risk-profile-panel p {

  font-size: .98rem !important;

  line-height: 1.45 !important;

}

.risk-profile-summary,

.customer-risk-summary {

  display: grid !important;

  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;

  gap: 14px !important;

  margin-top: 18px !important;

}

.risk-profile-grid,

.customer-risk-grid,

.risk-metrics-grid {

  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;

  gap: 14px !important;

}

.risk-profile-card,

.customer-risk-card,

.risk-metric-card {

  min-height: 92px !important;

  padding: 16px 18px !important;

  border-radius: 22px !important;

  gap: 6px !important;

}

.risk-profile-card .label,

.customer-risk-card .label,

.risk-metric-card .label,

.risk-profile-card span:first-child,

.customer-risk-card span:first-child,

.risk-metric-card span:first-child {

  font-size: .92rem !important;

  line-height: 1.2 !important;

}

.risk-profile-card .value,

.customer-risk-card .value,

.risk-metric-card .value,

.risk-profile-card strong,

.customer-risk-card strong,

.risk-metric-card strong {

  font-size: 1.35rem !important;

  line-height: 1.15 !important;

}

.customer-risk-profile .next-action,

.risk-profile-panel .next-action,

.customer-risk-next-action {

  font-size: 1.45rem !important;

  line-height: 1.2 !important;

}

.customer-risk-profile .risk-note,

.risk-profile-panel .risk-note {

  display: none !important;

}

@media (max-width: 980px) {

  .risk-profile-grid,

  .customer-risk-grid,

  .risk-metrics-grid,

  .risk-profile-summary,

  .customer-risk-summary {

    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;

  }

}

@media (max-width: 640px) {

  .risk-profile-grid,

  .customer-risk-grid,

  .risk-metrics-grid,

  .risk-profile-summary,

  .customer-risk-summary {

    grid-template-columns: 1fr !important;

  }

}


/* Final compact customer risk profile override */
.risk-score-row{display:grid!important;grid-template-columns:120px 1fr!important;gap:22px!important;align-items:start!important;margin-top:18px!important;}
.risk-score-circle{display:flex!important;width:110px!important;height:110px!important;border-radius:999px!important;align-items:center!important;justify-content:center!important;background:rgba(255,255,255,.72)!important;border:1px solid rgba(23,23,23,.08)!important;box-shadow:0 10px 26px rgba(17,24,39,.05)!important;}
.risk-score-circle strong,.risk-score-circle .value{font-size:2rem!important;font-weight:800!important;line-height:1!important;color:var(--pn-text)!important;}
.risk-score-circle span,.risk-score-circle .label{font-size:.68rem!important;font-weight:800!important;letter-spacing:.1em!important;text-transform:uppercase!important;color:var(--pn-text-muted)!important;}
.risk-score-copy{display:grid!important;gap:12px!important;max-width:620px!important;}
.risk-score-copy .summary-row{display:grid!important;grid-template-columns:120px 1fr!important;gap:12px!important;align-items:start!important;padding:10px 0!important;}
.risk-score-copy .summary-row span,.risk-score-copy .summary-row .label{font-size:1rem!important;font-weight:700!important;color:var(--pn-text-muted)!important;line-height:1.25!important;}
.risk-score-copy .summary-row strong,.risk-score-copy .summary-row .value{font-size:1.55rem!important;font-weight:700!important;line-height:1.2!important;letter-spacing:-.02em!important;color:var(--pn-text)!important;}
.risk-score-copy p,.risk-note{font-size:.95rem!important;line-height:1.45!important;color:var(--pn-text-muted)!important;max-width:560px!important;}
.risk-profile-grid,.customer-risk-grid,.risk-metrics-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:14px!important;margin-top:18px!important;}
.risk-profile-card,.customer-risk-card,.risk-metric-card{min-height:92px!important;padding:16px 18px!important;border-radius:22px!important;gap:6px!important;}
.risk-profile-card .label,.customer-risk-card .label,.risk-metric-card .label,.risk-profile-card span:first-child,.customer-risk-card span:first-child,.risk-metric-card span:first-child{font-size:.92rem!important;font-weight:700!important;line-height:1.2!important;color:var(--pn-text-muted)!important;}
.risk-profile-card .value,.customer-risk-card .value,.risk-metric-card .value,.risk-profile-card strong,.customer-risk-card strong,.risk-metric-card strong{font-size:1.35rem!important;font-weight:800!important;line-height:1.15!important;color:var(--pn-text)!important;}
@media(max-width:760px){.risk-score-row{grid-template-columns:1fr!important}.risk-score-circle{width:96px!important;height:96px!important}.risk-profile-grid,.customer-risk-grid,.risk-metrics-grid{grid-template-columns:1fr!important}}

/* Moderate customer risk profile final layout */
.risk-score-row{display:grid!important;grid-template-columns:90px 1fr!important;gap:18px!important;align-items:start!important;margin-top:14px!important;}
.risk-score-circle{display:flex!important;width:82px!important;height:82px!important;min-width:82px!important;border-radius:999px!important;align-items:center!important;justify-content:center!important;background:rgba(255,255,255,.72)!important;border:1px solid rgba(23,23,23,.08)!important;box-shadow:0 8px 18px rgba(17,24,39,.04)!important;}
.risk-score-circle strong,.risk-score-circle .value{font-size:1.35rem!important;font-weight:800!important;line-height:1!important;color:var(--pn-text)!important;}
.risk-score-circle span,.risk-score-circle .label{font-size:.55rem!important;font-weight:800!important;letter-spacing:.08em!important;text-transform:uppercase!important;color:var(--pn-text-muted)!important;}
.risk-score-copy{display:grid!important;gap:6px!important;max-width:none!important;}
.risk-score-copy .summary-row{display:grid!important;grid-template-columns:130px 1fr!important;gap:12px!important;align-items:start!important;padding:8px 0!important;border-bottom:1px solid rgba(23,23,23,.06)!important;}
.risk-score-copy .summary-row span,.risk-score-copy .summary-row .label{font-size:.92rem!important;font-weight:700!important;color:var(--pn-text-muted)!important;line-height:1.2!important;}
.risk-score-copy .summary-row strong,.risk-score-copy .summary-row .value{font-size:1.15rem!important;font-weight:750!important;line-height:1.25!important;letter-spacing:-.01em!important;color:var(--pn-text)!important;max-width:460px!important;}
.risk-score-copy p,.risk-note{display:none!important;}
.risk-profile-grid,.customer-risk-grid,.risk-metrics-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:12px!important;margin-top:16px!important;}
.risk-profile-card,.customer-risk-card,.risk-metric-card{min-height:78px!important;padding:14px 16px!important;border-radius:20px!important;gap:4px!important;}
.risk-profile-card .label,.customer-risk-card .label,.risk-metric-card .label,.risk-profile-card span:first-child,.customer-risk-card span:first-child,.risk-metric-card span:first-child{font-size:.82rem!important;font-weight:700!important;line-height:1.15!important;color:var(--pn-text-muted)!important;}
.risk-profile-card .value,.customer-risk-card .value,.risk-metric-card .value,.risk-profile-card strong,.customer-risk-card strong,.risk-metric-card strong{font-size:1.08rem!important;font-weight:800!important;line-height:1.15!important;color:var(--pn-text)!important;}
.risk-signals,.customer-risk-signals{gap:8px!important;margin-top:10px!important;}
.risk-signal,.customer-risk-signal{min-height:30px!important;padding:0 12px!important;font-size:.68rem!important;letter-spacing:.06em!important;}
@media(max-width:760px){.risk-score-row{grid-template-columns:1fr!important}.risk-score-circle{width:72px!important;height:72px!important}.risk-profile-grid,.customer-risk-grid,.risk-metrics-grid{grid-template-columns:1fr!important}}

/* Risk score circle text stack fix */
.risk-score-circle{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;text-align:center!important;gap:6px!important;line-height:1!important;overflow:hidden!important;}
.risk-score-circle strong,.risk-score-circle .value{display:block!important;font-size:1.9rem!important;font-weight:800!important;line-height:1!important;white-space:nowrap!important;margin:0!important;width:100%!important;text-align:center!important;}
.risk-score-circle span,.risk-score-circle .label{display:block!important;font-size:.58rem!important;font-weight:800!important;letter-spacing:.08em!important;text-transform:uppercase!important;line-height:1.05!important;white-space:normal!important;margin:0!important;width:100%!important;text-align:center!important;}

/* Reliable risk score circle colors */

.risk-band-low .risk-score-circle{

  background:rgba(19,138,82,.10)!important;

  border-color:rgba(19,138,82,.28)!important;

}

.risk-band-low .risk-score-circle strong,

.risk-band-low .risk-score-circle span{

  color:var(--pn-success)!important;

}

.risk-band-watch .risk-score-circle{

  background:rgba(31,111,255,.10)!important;

  border-color:rgba(31,111,255,.30)!important;

}

.risk-band-watch .risk-score-circle strong,

.risk-band-watch .risk-score-circle span{

  color:var(--pn-primary-dark)!important;

}

.risk-band-elevated .risk-score-circle{

  background:rgba(179,106,18,.11)!important;

  border-color:rgba(179,106,18,.30)!important;

}

.risk-band-elevated .risk-score-circle strong,

.risk-band-elevated .risk-score-circle span{

  color:var(--pn-warning)!important;

}

.risk-band-high .risk-score-circle{

  background:rgba(197,63,63,.11)!important;

  border-color:rgba(197,63,63,.30)!important;

}

.risk-band-high .risk-score-circle strong,

.risk-band-high .risk-score-circle span{

  color:var(--pn-danger)!important;

}

.risk-band-neutral .risk-score-circle{

  background:rgba(124,135,151,.10)!important;

  border-color:rgba(124,135,151,.25)!important;

}


/* Admin MFA */
.mfa-setup-grid{display:grid;grid-template-columns:220px 1fr;gap:18px;align-items:start}.mfa-qr-box{display:grid;place-items:center;min-height:220px;padding:18px;border-radius:24px;background:rgba(255,255,255,.72);border:1px solid var(--pn-border);box-shadow:var(--pn-shadow-sm)}.mfa-qr-box img{width:180px;max-width:180px;height:auto}.mfa-secret{display:block;margin-top:8px;font-size:1.05rem;line-height:1.7;word-break:break-word;color:var(--pn-text)}.recovery-code-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.recovery-code-grid code{display:block;padding:12px 14px;border-radius:16px;background:rgba(255,255,255,.72);border:1px solid var(--pn-border);color:var(--pn-text);font-size:.92rem}@media(max-width:760px){.mfa-setup-grid,.recovery-code-grid{grid-template-columns:1fr}.mfa-qr-box img{width:160px;max-width:160px}}

/* User and admin MFA */
.mfa-setup-grid{display:grid;grid-template-columns:280px 1fr;gap:18px;align-items:start}
.mfa-qr-box{display:grid;place-items:center;min-height:300px;padding:18px;border-radius:24px;background:#fff;border:1px solid var(--pn-border);box-shadow:var(--pn-shadow-sm);overflow:visible}
.mfa-qr-box img{display:block!important;width:240px!important;max-width:240px!important;height:auto!important;image-rendering:pixelated!important;border-radius:0!important;filter:none!important;transform:none!important}
.mfa-secret{display:block;margin-top:8px;font-size:1.05rem;line-height:1.7;word-break:break-word;color:var(--pn-text)}
.recovery-code-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.recovery-code-grid code{display:block;padding:12px 14px;border-radius:16px;background:rgba(255,255,255,.72);border:1px solid var(--pn-border);color:var(--pn-text);font-size:.92rem}
@media(max-width:760px){.mfa-setup-grid,.recovery-code-grid{grid-template-columns:1fr}.mfa-qr-box{min-height:auto}.mfa-qr-box img{width:220px!important;max-width:220px!important}}


/* Clear language dropdown */
.language-dropdown-form{display:flex;align-items:center;gap:8px;padding:6px 8px;border:1px solid var(--pn-border);background:rgba(255,255,255,.72);border-radius:999px;box-shadow:var(--pn-shadow-sm)}
.language-dropdown-label{font-size:.72rem;font-weight:900;letter-spacing:.06em;text-transform:uppercase;color:var(--pn-text-muted);white-space:nowrap;margin-left:4px}
.language-dropdown-select{appearance:auto;border:0;background:transparent;color:var(--pn-text);font-size:.86rem;font-weight:800;min-height:32px;padding:0 8px;outline:none;cursor:pointer;max-width:190px}
.auth-lang-switcher .language-dropdown-form{margin-left:auto}
.sidebar-footer .language-dropdown-form{width:100%;justify-content:space-between;border-radius:18px;background:rgba(255,255,255,.62)}
.sidebar-footer .language-dropdown-select{max-width:150px}
@media(max-width:760px){.language-dropdown-form{border-radius:18px;align-items:flex-start;flex-direction:column;gap:4px}.language-dropdown-select{width:100%;max-width:100%}.app-topbar-right.language-switcher-wrap{align-items:flex-end}}

/* Language dropdown polish */

.language-switcher,

.language-selector,

.lang-switcher,

.lang-selector {

  display: inline-flex !important;

  align-items: center !important;

  gap: 10px !important;

  padding: 8px 10px !important;

  border-radius: 999px !important;

  background: rgba(255,255,255,.72) !important;

  border: 1px solid rgba(23,23,23,.08) !important;

  box-shadow: 0 10px 28px rgba(17,24,39,.04) !important;

  white-space: nowrap !important;

}

.language-switcher label,

.language-selector label,

.lang-switcher label,

.lang-selector label {

  margin: 0 !important;

  font-size: .78rem !important;

  font-weight: 800 !important;

  letter-spacing: .02em !important;

  color: var(--pn-text-muted) !important;

}

.language-switcher select,

.language-selector select,

.lang-switcher select,

.lang-selector select,

select[name="lang"],

select[name="language"] {

  appearance: none !important;

  -webkit-appearance: none !important;

  min-width: 150px !important;

  height: 40px !important;

  padding: 0 42px 0 14px !important;

  border-radius: 999px !important;

  border: 1px solid rgba(23,23,23,.10) !important;

  background:

    linear-gradient(45deg, transparent 50%, var(--pn-text-muted) 50%) calc(100% - 19px) 17px/6px 6px no-repeat,

    linear-gradient(135deg, var(--pn-text-muted) 50%, transparent 50%) calc(100% - 14px) 17px/6px 6px no-repeat,

    rgba(250,247,242,.92) !important;

  color: var(--pn-text) !important;

  font: inherit !important;

  font-size: .92rem !important;

  font-weight: 800 !important;

  line-height: 40px !important;

  cursor: pointer !important;

  outline: none !important;

}

.language-switcher select:focus,

.language-selector select:focus,

.lang-switcher select:focus,

.lang-selector select:focus,

select[name="lang"]:focus,

select[name="language"]:focus {

  border-color: rgba(31,111,255,.40) !important;

  box-shadow: 0 0 0 4px rgba(31,111,255,.10) !important;

}

@media (max-width: 720px) {

  .language-switcher,

  .language-selector,

  .lang-switcher,

  .lang-selector {

    width: 100% !important;

    justify-content: space-between !important;

  }

  .language-switcher select,

  .language-selector select,

  .lang-switcher select,

  .lang-selector select,

  select[name="lang"],

  select[name="language"] {

    min-width: 170px !important;

  }

}


/* PayNox reminder settings polish */

.checkbox-field {

  display: flex;

  align-items: flex-start;

}

.checkbox-chip,

.checkbox-row {

  position: relative;

  display: inline-flex;

  align-items: center;

  gap: 12px;

  min-height: 48px;

  padding: 12px 18px 12px 54px;

  border: 1px solid rgba(15, 23, 42, 0.10);

  border-radius: 999px;

  background: rgba(255, 255, 255, 0.82);

  box-shadow: 0 10px 24px rgba(15, 23, 42, 0.04);

  color: #334155;

  font-weight: 800;

  line-height: 1.15;

  cursor: pointer;

  user-select: none;

  transition: border-color .18s ease, box-shadow .18s ease, background .18s ease, transform .18s ease;

}

.checkbox-chip:hover,

.checkbox-row:hover {

  border-color: rgba(37, 99, 235, 0.25);

  box-shadow: 0 14px 30px rgba(15, 23, 42, 0.07);

  transform: translateY(-1px);

}

.checkbox-chip input[type="checkbox"],

.checkbox-row input[type="checkbox"] {

  position: absolute;

  left: 18px;

  top: 50%;

  width: 22px;

  height: 22px;

  margin: 0;

  transform: translateY(-50%);

  appearance: none;

  -webkit-appearance: none;

  border: 2px solid rgba(100, 116, 139, 0.45);

  border-radius: 7px;

  background: #fff;

  box-shadow: inset 0 0 0 2px #fff;

  cursor: pointer;

}

.checkbox-chip input[type="checkbox"]:checked,

.checkbox-row input[type="checkbox"]:checked {

  border-color: #0f766e;

  background: #0f766e;

}

.checkbox-chip input[type="checkbox"]:checked::after,

.checkbox-row input[type="checkbox"]:checked::after {

  content: "";

  position: absolute;

  left: 6px;

  top: 2px;

  width: 6px;

  height: 12px;

  border: solid #fff;

  border-width: 0 3px 3px 0;

  transform: rotate(45deg);

}

.checkbox-chip input[type="hidden"],

.checkbox-row input[type="hidden"] {

  display: none !important;

}

.checkbox-chip:has(input[type="checkbox"]:checked),

.checkbox-row:has(input[type="checkbox"]:checked) {

  border-color: rgba(15, 118, 110, 0.22);

  background: rgba(240, 253, 250, 0.9);

  color: #0f766e;

}

.glass.card .form-grid .field input[type="number"] {

  height: 52px;

}

.glass.card .form-grid .field.full.checkbox-field {

  grid-column: auto;

}

.glass.card .form-grid .field.checkbox-field {

  align-self: end;

}

@media (max-width: 760px) {

  .checkbox-chip,

  .checkbox-row {

    width: 100%;

    justify-content: flex-start;

    border-radius: 18px;

  }

  .glass.card .form-grid .field.full.checkbox-field {

    grid-column: 1 / -1;

  }

}


/* FORCE FIX: automatic reminders checkbox sizing */

.glass.card input[type="checkbox"] {

  width: auto;

  height: auto;

}

.glass.card .checkbox-chip {

  position: relative !important;

  display: inline-flex !important;

  align-items: center !important;

  min-height: 46px !important;

  max-width: 360px !important;

  padding: 11px 18px 11px 50px !important;

  border: 1px solid rgba(15, 23, 42, 0.10) !important;

  border-radius: 999px !important;

  background: #fff !important;

  box-shadow: 0 8px 22px rgba(15, 23, 42, 0.045) !important;

  color: #334155 !important;

  font-size: 14px !important;

  font-weight: 800 !important;

  line-height: 1.12 !important;

  cursor: pointer !important;

}

.glass.card .checkbox-chip input[type="checkbox"] {

  all: unset !important;

  box-sizing: border-box !important;

  position: absolute !important;

  left: 17px !important;

  top: 50% !important;

  width: 20px !important;

  height: 20px !important;

  transform: translateY(-50%) !important;

  border: 2px solid #94a3b8 !important;

  border-radius: 6px !important;

  background: #fff !important;

  cursor: pointer !important;

}

.glass.card .checkbox-chip input[type="checkbox"]:checked {

  border-color: #0f766e !important;

  background: #0f766e !important;

}

.glass.card .checkbox-chip input[type="checkbox"]:checked::after {

  content: "" !important;

  position: absolute !important;

  left: 5px !important;

  top: 1px !important;

  width: 6px !important;

  height: 12px !important;

  border: solid #fff !important;

  border-width: 0 3px 3px 0 !important;

  transform: rotate(45deg) !important;

}

.glass.card .checkbox-chip input[type="hidden"] {

  display: none !important;

}

.glass.card .checkbox-field {

  display: flex !important;

  align-items: flex-start !important;

}

.glass.card .checkbox-field.full {

  grid-column: auto !important;

}

.glass.card .checkbox-chip:has(input[type="checkbox"]:checked) {

  border-color: rgba(15, 118, 110, 0.28) !important;

  background: #f0fdfa !important;

  color: #0f766e !important;

}


/* PayNox OCR checkbox fix */

.ocr-checkbox-row {

  display: flex !important;

  width: 100% !important;

  border-radius: 999px !important;

  padding: 22px 28px 22px 72px !important;

  min-height: 82px !important;

  align-items: center !important;

}

.ocr-checkbox-row input[type="checkbox"] {

  left: 28px !important;

  width: 24px !important;

  height: 24px !important;

  border-radius: 7px !important;

  opacity: 1 !important;

  visibility: visible !important;

  display: block !important;

}

.ocr-checkbox-row input[type="checkbox"]:checked {

  background: #0f766e !important;

  border-color: #0f766e !important;

}

.ocr-checkbox-row input[type="checkbox"]:checked::after {

  content: "" !important;

  position: absolute !important;

  left: 7px !important;

  top: 3px !important;

  width: 6px !important;

  height: 12px !important;

  border: solid #fff !important;

  border-width: 0 3px 3px 0 !important;

  transform: rotate(45deg) !important;

}

.ocr-checkbox-row span {

  display: block !important;

}


/* PayNox client portal */
.client-portal-shell {
  max-width: 1180px;
}
.client-portal-card {
  overflow: hidden;
}
.client-portal-head {
  align-items: flex-start;
  gap: 18px;
}
.client-portal-head .eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 10px;
  padding: 7px 11px;
  border-radius: 999px;
  background: rgba(31, 111, 255, .09);
  color: #1f6fff;
  font-size: 12px;
  font-weight: 900;
  letter-spacing: .06em;
  text-transform: uppercase;
}
.client-portal-panels .glass.card {
  height: 100%;
}
.kv-list {
  display: grid;
  gap: 10px;
}
.kv-list > div {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 12px 14px;
  border: 1px solid rgba(15, 23, 42, .08);
  border-radius: 14px;
  background: rgba(248, 250, 252, .8);
}
.kv-list span {
  color: #64748b;
  font-size: 12px;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: .05em;
}
.kv-list strong {
  color: #0f172a;
  font-weight: 900;
  text-align: right;
  overflow-wrap: anywhere;
}
.client-portal-table td:last-child {
  white-space: nowrap;
}
@media (max-width: 760px) {
  .client-portal-head {
    display: grid;
  }
  .client-portal-head .btn {
    width: 100%;
    justify-content: center;
  }
  .kv-list > div {
    display: grid;
  }
  .kv-list strong {
    text-align: left;
  }
}

/* FORCE FIX: Secure client portal polish */

.public-portal-body,

body.public-portal-body {

  min-height: 100vh;

  margin: 0;

  background:

    radial-gradient(circle at top left, rgba(37, 99, 235, 0.10), transparent 32%),

    radial-gradient(circle at top right, rgba(15, 118, 110, 0.10), transparent 34%),

    linear-gradient(135deg, #f8fafc 0%, #f6f1e8 100%);

  color: #111827;

}

.public-portal-shell,

.client-portal-shell,

.portal-shell {

  width: min(1180px, calc(100% - 36px));

  margin: 0 auto;

  padding: 34px 0 56px;

}

.public-portal-card,

.client-portal-card,

.portal-card {

  background: rgba(255, 255, 255, 0.78);

  border: 1px solid rgba(15, 23, 42, 0.08);

  border-radius: 30px;

  box-shadow: 0 24px 70px rgba(15, 23, 42, 0.10);

  backdrop-filter: blur(16px);

  overflow: hidden;

}

.public-portal-card > *,

.client-portal-card > *,

.portal-card > * {

  padding-left: 28px;

  padding-right: 28px;

}

.public-portal-card .section-head,

.client-portal-card .section-head,

.portal-card .section-head {

  display: flex;

  align-items: flex-start;

  justify-content: space-between;

  gap: 18px;

  padding-top: 28px;

  padding-bottom: 16px;

}

.public-portal-card h1,

.client-portal-card h1,

.portal-card h1 {

  margin: 10px 0 10px;

  font-size: clamp(30px, 4vw, 48px);

  line-height: 1.02;

  letter-spacing: -0.045em;

}

.public-portal-card h2,

.client-portal-card h2,

.portal-card h2 {

  margin: 0 0 16px;

  font-size: 24px;

  letter-spacing: -0.025em;

}

.public-portal-card .muted,

.client-portal-card .muted,

.portal-card .muted {

  color: #64748b;

  font-size: 16px;

}

.public-portal-card .pill,

.client-portal-card .pill,

.portal-card .pill {

  display: inline-flex;

  width: fit-content;

  align-items: center;

  gap: 8px;

  padding: 8px 12px;

  border-radius: 999px;

  background: rgba(37, 99, 235, 0.08);

  color: #2563eb;

  font-size: 12px;

  font-weight: 900;

  letter-spacing: 0.08em;

  text-transform: uppercase;

}

.public-portal-card .btn,

.client-portal-card .btn,

.portal-card .btn {

  min-height: 44px;

  padding: 12px 18px;

  border-radius: 999px;

  border: 1px solid rgba(15, 23, 42, 0.10);

  background: rgba(255, 255, 255, 0.88);

  box-shadow: 0 10px 26px rgba(15, 23, 42, 0.06);

  color: #111827;

  font-weight: 900;

  text-decoration: none;

}

.public-portal-card .btn:hover,

.client-portal-card .btn:hover,

.portal-card .btn:hover {

  transform: translateY(-1px);

  box-shadow: 0 16px 34px rgba(15, 23, 42, 0.10);

}

.public-portal-card .stats-grid,

.client-portal-card .stats-grid,

.portal-card .stats-grid {

  display: grid;

  grid-template-columns: repeat(4, minmax(0, 1fr));

  gap: 14px;

  padding-top: 10px;

  padding-bottom: 22px;

}

.public-portal-card .stat-card,

.client-portal-card .stat-card,

.portal-card .stat-card {

  padding: 18px;

  border-radius: 22px;

  background: rgba(255, 255, 255, 0.76);

  border: 1px solid rgba(15, 23, 42, 0.08);

  box-shadow: 0 14px 36px rgba(15, 23, 42, 0.05);

}

.public-portal-card .stat-card span,

.client-portal-card .stat-card span,

.portal-card .stat-card span {

  display: block;

  margin-bottom: 8px;

  color: #64748b;

  font-size: 13px;

  font-weight: 800;

}

.public-portal-card .stat-card strong,

.client-portal-card .stat-card strong,

.portal-card .stat-card strong {

  display: block;

  font-size: 22px;

  letter-spacing: -0.025em;

}

.public-portal-card .grid,

.client-portal-card .grid,

.portal-card .grid {

  display: grid;

  gap: 18px;

}

.public-portal-card .grid-2,

.client-portal-card .grid-2,

.portal-card .grid-2 {

  grid-template-columns: repeat(2, minmax(0, 1fr));

}

.public-portal-card .glass.card,

.client-portal-card .glass.card,

.portal-card .glass.card,

.public-portal-card .card,

.client-portal-card .card,

.portal-card .card {

  padding: 24px;

  border-radius: 26px;

  background: rgba(255, 255, 255, 0.74);

  border: 1px solid rgba(15, 23, 42, 0.08);

  box-shadow: 0 18px 46px rgba(15, 23, 42, 0.08);

}

.public-portal-card .payment-row,

.client-portal-card .payment-row,

.portal-card .payment-row {

  display: flex;

  justify-content: space-between;

  gap: 14px;

  padding: 14px 16px;

  margin-bottom: 10px;

  border-radius: 14px;

  background: #f8fafc;

  border: 1px solid rgba(15, 23, 42, 0.08);

}

.public-portal-card .payment-row span,

.client-portal-card .payment-row span,

.portal-card .payment-row span {

  color: #64748b;

  font-size: 12px;

  font-weight: 900;

  letter-spacing: 0.08em;

  text-transform: uppercase;

}

.public-portal-card .payment-row strong,

.client-portal-card .payment-row strong,

.portal-card .payment-row strong {

  font-size: 15px;

  word-break: break-word;

}

.public-portal-card .table-wrap,

.client-portal-card .table-wrap,

.portal-card .table-wrap {

  margin-top: 16px;

  padding: 0 28px 24px;

  overflow-x: auto;

}

.public-portal-card table,

.client-portal-card table,

.portal-card table {

  width: 100%;

  border-collapse: separate;

  border-spacing: 0;

  overflow: hidden;

  border-radius: 20px;

  background: rgba(255, 255, 255, 0.72);

  border: 1px solid rgba(15, 23, 42, 0.08);

}

.public-portal-card th,

.client-portal-card th,

.portal-card th {

  padding: 14px 14px;

  background: rgba(248, 250, 252, 0.9);

  color: #64748b;

  font-size: 12px;

  font-weight: 900;

  letter-spacing: 0.08em;

  text-transform: uppercase;

  text-align: left;

  border-bottom: 1px solid rgba(15, 23, 42, 0.08);

}

.public-portal-card td,

.client-portal-card td,

.portal-card td {

  padding: 16px 14px;

  color: #334155;

  border-bottom: 1px solid rgba(15, 23, 42, 0.06);

  vertical-align: middle;

}

.public-portal-card tr:last-child td,

.client-portal-card tr:last-child td,

.portal-card tr:last-child td {

  border-bottom: 0;

}

.public-portal-card td strong,

.client-portal-card td strong,

.portal-card td strong {

  color: #111827;

}

.public-portal-card .tiny,

.client-portal-card .tiny,

.portal-card .tiny {

  min-height: 36px;

  padding: 9px 13px;

  font-size: 13px;

}

.public-portal-card footer,

.client-portal-card footer,

.portal-card footer,

.public-portal-card .portal-footer,

.client-portal-card .portal-footer,

.portal-card .portal-footer {

  padding: 16px 28px 28px;

  color: #64748b;

  font-size: 13px;

}

@media (max-width: 900px) {

  .public-portal-shell,

  .client-portal-shell,

  .portal-shell {

    width: min(100% - 24px, 760px);

    padding-top: 18px;

  }

  .public-portal-card .section-head,

  .client-portal-card .section-head,

  .portal-card .section-head {

    flex-direction: column;

  }

  .public-portal-card .stats-grid,

  .client-portal-card .stats-grid,

  .portal-card .stats-grid,

  .public-portal-card .grid-2,

  .client-portal-card .grid-2,

  .portal-card .grid-2 {

    grid-template-columns: 1fr;

  }

  .public-portal-card > *,

  .client-portal-card > *,

  .portal-card > *,

  .public-portal-card .table-wrap,

  .client-portal-card .table-wrap,

  .portal-card .table-wrap {

    padding-left: 18px;

    padding-right: 18px;

  }

  .public-portal-card .btn,

  .client-portal-card .btn,

  .portal-card .btn {

    width: fit-content;

  }

}

/* Fallback: if the portal view has no wrapper class, still center the public portal page */

body.public-invoice-body:has(.secure-client-portal),

body:has(.secure-client-portal) {

  background:

    radial-gradient(circle at top left, rgba(37, 99, 235, 0.10), transparent 32%),

    radial-gradient(circle at top right, rgba(15, 118, 110, 0.10), transparent 34%),

    linear-gradient(135deg, #f8fafc 0%, #f6f1e8 100%);

}



/* Quick add product modal */
.quick-product-modal[hidden] { display: none !important; }
.quick-product-modal { position: fixed; inset: 0; z-index: 9999; display: grid; place-items: center; padding: 20px; }
.quick-product-backdrop { position: absolute; inset: 0; background: rgba(15, 23, 42, 0.42); backdrop-filter: blur(6px); }
.quick-product-card { position: relative; width: min(760px, 100%); max-height: calc(100vh - 40px); overflow: auto; box-shadow: 0 28px 80px rgba(15, 23, 42, 0.22); }
.quick-product-card .notice { background: #fff7ed; border-color: rgba(194, 65, 12, 0.18); color: #9a3412; margin-bottom: 14px; }
.quick-product-card .btn[disabled] { opacity: .62; cursor: wait; }
@media (max-width: 760px) { .quick-product-modal { align-items: end; padding: 12px; } .quick-product-card { border-radius: 22px 22px 18px 18px; } }

/* PayNox factoring dashboard polish */

body:has(a[href="/factoring"].active) main,

body:has(a[href="/factoring"].active) .main,

body:has(a[href="/factoring"].active) .content {

  background:

    radial-gradient(circle at 84% 8%, rgba(15, 118, 110, .10), transparent 34%),

    radial-gradient(circle at 12% 18%, rgba(37, 99, 235, .08), transparent 28%),

    linear-gradient(135deg, #fbfaf7 0%, #f7f9fc 52%, #f8fbff 100%) !important;

}

.section-head:has(h1) {

  margin-bottom: 22px !important;

}

.section-head:has(h1) h1 {

  font-size: clamp(44px, 5.2vw, 76px) !important;

  line-height: .88 !important;

  letter-spacing: -0.075em !important;

  margin-bottom: 10px !important;

}

.section-head:has(h1) .muted,

.section-head:has(h1) p {

  font-size: 20px !important;

  line-height: 1.35 !important;

  max-width: 900px !important;

}

.section-head .btns,

.section-head .actions {

  display: flex !important;

  gap: 14px !important;

  align-items: center !important;

  flex-wrap: wrap !important;

}

.section-head .btn,

.section-head a.btn {

  min-width: 170px !important;

  justify-content: center !important;

}

.grid.grid-4,

.stats-grid,

.kpi-grid {

  display: grid !important;

  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;

  gap: 18px !important;

  margin: 24px 0 !important;

}

.stat-card,

.grid.grid-4 > .card,

.kpi-card {

  position: relative !important;

  overflow: hidden !important;

  min-height: 152px !important;

  padding: 24px !important;

  border-radius: 28px !important;

  background:

    linear-gradient(145deg, rgba(255,255,255,.94), rgba(248,250,252,.72)) !important;

  border: 1px solid rgba(15, 23, 42, .08) !important;

  box-shadow: 0 20px 50px rgba(15, 23, 42, .07) !important;

}

.stat-card::after,

.grid.grid-4 > .card::after,

.kpi-card::after {

  content: "" !important;

  position: absolute !important;

  width: 120px !important;

  height: 120px !important;

  right: -42px !important;

  top: -48px !important;

  border-radius: 999px !important;

  background: radial-gradient(circle, rgba(37,99,235,.13), transparent 68%) !important;

  pointer-events: none !important;

}

.stat-card span,

.grid.grid-4 > .card span,

.kpi-card span,

.stat-card .label,

.kpi-card .label {

  display: block !important;

  font-size: 12px !important;

  font-weight: 900 !important;

  letter-spacing: .12em !important;

  text-transform: uppercase !important;

  color: #64748b !important;

  margin-bottom: 14px !important;

}

.stat-card strong,

.grid.grid-4 > .card strong,

.kpi-card strong,

.stat-card .value,

.kpi-card .value {

  display: block !important;

  font-size: clamp(28px, 2.35vw, 38px) !important;

  line-height: 1.03 !important;

  letter-spacing: -0.055em !important;

  color: #0f172a !important;

  margin: 0 0 12px !important;

  white-space: normal !important;

  word-break: normal !important;

}

.stat-card p,

.grid.grid-4 > .card p,

.kpi-card p,

.stat-card .muted,

.kpi-card .muted {

  font-size: 15px !important;

  line-height: 1.45 !important;

  color: #64748b !important;

  margin: 0 !important;

}

.glass.card,

.card,

.table-wrap {

  border-radius: 28px !important;

  background: rgba(255,255,255,.86) !important;

  border: 1px solid rgba(15, 23, 42, .08) !important;

  box-shadow: 0 18px 48px rgba(15, 23, 42, .065) !important;

}

.table-wrap {

  overflow: hidden !important;

}

.table-wrap table,

table.table {

  border-collapse: separate !important;

  border-spacing: 0 !important;

}

.table-wrap th,

table.table th {

  background: rgba(248, 250, 252, .95) !important;

  padding: 16px 18px !important;

  font-size: 11px !important;

  font-weight: 950 !important;

  letter-spacing: .12em !important;

  color: #64748b !important;

  text-transform: uppercase !important;

}

.table-wrap td,

table.table td {

  padding: 17px 18px !important;

  border-top: 1px solid rgba(15, 23, 42, .065) !important;

  color: #334155 !important;

  vertical-align: middle !important;

}

.badge,

.pill,

.status {

  display: inline-flex !important;

  align-items: center !important;

  gap: 7px !important;

  min-height: 30px !important;

  padding: 0 11px !important;

  border-radius: 999px !important;

  font-size: 12px !important;

  font-weight: 850 !important;

  background: #f1f5f9 !important;

  border: 1px solid rgba(15,23,42,.07) !important;

  color: #334155 !important;

}

@media (max-width: 1200px) {

  .grid.grid-4,

  .stats-grid,

  .kpi-grid {

    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;

  }

}

@media (max-width: 760px) {

  .section-head:has(h1) {

    align-items: flex-start !important;

  }

  .section-head:has(h1) h1 {

    font-size: 44px !important;

  }

  .section-head:has(h1) .muted,

  .section-head:has(h1) p {

    font-size: 17px !important;

  }

  .grid.grid-4,

  .stats-grid,

  .kpi-grid {

    grid-template-columns: 1fr !important;

  }

  .section-head .btn,

  .section-head a.btn {

    width: 100% !important;

  }

}


/* Restore PayNox coloured invoice/status labels */

.badge.status-draft,

.status.status-draft,

.pill.status-draft,

.badge.draft,

.status.draft,

.pill.draft {

  background: #f1f5f9 !important;

  color: #475569 !important;

  border-color: #cbd5e1 !important;

}

.badge.status-sent,

.status.status-sent,

.pill.status-sent,

.badge.sent,

.status.sent,

.pill.sent {

  background: #eff6ff !important;

  color: #1d4ed8 !important;

  border-color: #bfdbfe !important;

}

.badge.status-approved,

.status.status-approved,

.pill.status-approved,

.badge.approved,

.status.approved,

.pill.approved {

  background: #ecfdf5 !important;

  color: #047857 !important;

  border-color: #a7f3d0 !important;

}

.badge.status-paid,

.status.status-paid,

.pill.status-paid,

.badge.paid,

.status.paid,

.pill.paid {

  background: #dcfce7 !important;

  color: #166534 !important;

  border-color: #86efac !important;

}

.badge.status-partial_paid,

.status.status-partial_paid,

.pill.status-partial_paid,

.badge.partial_paid,

.status.partial_paid,

.pill.partial_paid,

.badge.status-partial-paid,

.status.status-partial-paid,

.pill.status-partial-paid {

  background: #fef9c3 !important;

  color: #854d0e !important;

  border-color: #fde68a !important;

}

.badge.status-overdue,

.status.status-overdue,

.pill.status-overdue,

.badge.overdue,

.status.overdue,

.pill.overdue {

  background: #fef2f2 !important;

  color: #b91c1c !important;

  border-color: #fecaca !important;

}

.badge.status-cancelled,

.status.status-cancelled,

.pill.status-cancelled,

.badge.cancelled,

.status.cancelled,

.pill.cancelled,

.badge.status-canceled,

.status.status-canceled,

.pill.status-canceled {

  background: #f8fafc !important;

  color: #64748b !important;

  border-color: #e2e8f0 !important;

  text-decoration: line-through !important;

}

.badge.status-credit_note,

.status.status-credit_note,

.pill.status-credit_note,

.badge.credit_note,

.status.credit_note,

.pill.credit_note,

.badge.status-credit-note,

.status.status-credit-note,

.pill.status-credit-note {

  background: #f5f3ff !important;

  color: #6d28d9 !important;

  border-color: #ddd6fe !important;

}

.badge.status-factoring_pending_customer_confirmation,

.status.status-factoring_pending_customer_confirmation,

.pill.status-factoring_pending_customer_confirmation,

.badge.factoring_pending_customer_confirmation,

.status.factoring_pending_customer_confirmation,

.pill.factoring_pending_customer_confirmation,

.badge.status-factoring-pending-customer-confirmation,

.status.status-factoring-pending-customer-confirmation,

.pill.status-factoring-pending-customer-confirmation {

  background: #fff7ed !important;

  color: #c2410c !important;

  border-color: #fed7aa !important;

}

.badge.status-factoring_confirmed,

.status.status-factoring_confirmed,

.pill.status-factoring_confirmed,

.badge.factoring_confirmed,

.status.factoring_confirmed,

.pill.factoring_confirmed,

.badge.status-factoring-confirmed,

.status.status-factoring-confirmed,

.pill.status-factoring-confirmed {

  background: #ecfdf5 !important;

  color: #047857 !important;

  border-color: #99f6e4 !important;

}

.badge.status-declined,

.status.status-declined,

.pill.status-declined,

.badge.declined,

.status.declined,

.pill.declined {

  background: #fef2f2 !important;

  color: #991b1b !important;

  border-color: #fecaca !important;

}

.badge.status-expired,

.status.status-expired,

.pill.status-expired,

.badge.expired,

.status.expired,

.pill.expired {

  background: #faf5ff !important;

  color: #7e22ce !important;

  border-color: #e9d5ff !important;

}


/* Restore actual PayNox badge_class() colors */

.badge.success,

.status.success,

.pill.success {

  background: #dcfce7 !important;

  color: #166534 !important;

  border-color: #86efac !important;

}

.badge.warning,

.status.warning,

.pill.warning {

  background: #fff7ed !important;

  color: #c2410c !important;

  border-color: #fed7aa !important;

}

.badge.danger,

.status.danger,

.pill.danger,

.badge.error,

.status.error,

.pill.error {

  background: #fef2f2 !important;

  color: #b91c1c !important;

  border-color: #fecaca !important;

}

.badge.pending,

.status.pending,

.pill.pending {

  background: #eff6ff !important;

  color: #1d4ed8 !important;

  border-color: #bfdbfe !important;

}

.badge.draft,

.status.draft,

.pill.draft {

  background: #f1f5f9 !important;

  color: #475569 !important;

  border-color: #cbd5e1 !important;

}

.badge.cancelled,

.status.cancelled,

.pill.cancelled {

  background: #f8fafc !important;

  color: #64748b !important;

  border-color: #e2e8f0 !important;

  text-decoration: line-through !important;

}

.badge.info,

.status.info,

.pill.info,

.badge.soft-blue,

.status.soft-blue,

.pill.soft-blue {

  background: #eff6ff !important;

  color: #1d4ed8 !important;

  border-color: #bfdbfe !important;

}

.badge.purple,

.status.purple,

.pill.purple {

  background: #f5f3ff !important;

  color: #6d28d9 !important;

  border-color: #ddd6fe !important;

}




/* Admin factoring operations table real fix */

.admin-factoring-ops .table-wrap{max-height:none!important;height:auto!important;overflow-x:auto!important;overflow-y:visible!important;padding:22px!important}

.admin-factoring-ops table,.admin-factoring-ops .table,.admin-factoring-ops .compact-table{display:table!important;width:100%!important;min-width:1180px!important;table-layout:auto!important;border-collapse:separate!important;border-spacing:0!important}

.admin-factoring-ops thead{display:table-header-group!important}

.admin-factoring-ops tbody{display:table-row-group!important;height:auto!important;max-height:none!important;overflow:visible!important}

.admin-factoring-ops tr{display:table-row!important;height:auto!important;visibility:visible!important;opacity:1!important}

.admin-factoring-ops th,.admin-factoring-ops td{display:table-cell!important;visibility:visible!important;opacity:1!important;vertical-align:middle!important;white-space:normal!important}

.admin-factoring-ops tbody td{color:#334155!important;background:rgba(255,255,255,.72)!important;border-top:1px solid rgba(15,23,42,.07)!important;padding:16px 18px!important}

.admin-factoring-ops tbody td strong{color:#0f172a!important}

.admin-factoring-ops tbody tr:hover td{background:rgba(37,99,235,.045)!important}

.admin-factoring-ops .btn.tiny{min-height:32px!important;padding:0 12px!important;font-size:12px!important}

.admin-factoring-ops .section-head{overflow:visible!important}


/* Admin factoring card rows */
.admin-factoring-list{display:grid!important;gap:12px!important;margin-top:16px!important}.admin-factoring-row{display:grid!important;grid-template-columns:1.05fr 1.1fr 1.05fr .9fr 1fr .9fr 1fr .95fr auto!important;gap:14px!important;align-items:center!important;padding:16px!important;border:1px solid rgba(15,23,42,.08)!important;border-radius:22px!important;background:rgba(255,255,255,.82)!important;box-shadow:0 10px 28px rgba(15,23,42,.045)!important}.admin-factoring-row>div{min-width:0!important}.admin-factoring-row strong{display:block!important;color:#0f172a!important;font-weight:850!important;line-height:1.2!important}.admin-factoring-row small,.admin-factoring-row .row-label{display:block!important;color:#64748b!important;line-height:1.35!important}.admin-factoring-row .row-label{font-size:10px!important;font-weight:950!important;text-transform:uppercase!important;letter-spacing:.12em!important;margin-bottom:5px!important}.admin-factoring-row .row-actions{display:flex!important;gap:6px!important;flex-wrap:wrap!important;justify-content:flex-end!important}.admin-factoring-row .btn.tiny{min-height:32px!important;padding:0 11px!important;font-size:12px!important}@media(max-width:1300px){.admin-factoring-row{grid-template-columns:repeat(2,minmax(0,1fr))!important}.admin-factoring-row .row-actions{justify-content:flex-start!important}}@media(max-width:760px){.admin-factoring-row{grid-template-columns:1fr!important}}

/* PayNox Quick Actions dashboard UX */
.quick-dashboard{display:grid;gap:22px}
.quick-hero{position:relative;overflow:hidden;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:24px;align-items:center;padding:34px;border-radius:34px;background:linear-gradient(135deg,#0f172a 0%,#1e3a8a 52%,#0f766e 100%);color:#fff;box-shadow:0 28px 80px rgba(15,23,42,.18)}
.quick-hero::after{content:"";position:absolute;right:-90px;top:-120px;width:330px;height:330px;border-radius:999px;background:radial-gradient(circle,rgba(255,255,255,.24),transparent 67%);pointer-events:none}
.quick-eyebrow{font-size:12px;font-weight:950;letter-spacing:.16em;text-transform:uppercase;color:rgba(255,255,255,.72);margin-bottom:12px}
.quick-hero h1{font-size:clamp(40px,5vw,72px);line-height:.92;letter-spacing:-.075em;margin:0 0 12px}
.quick-hero p{font-size:19px;line-height:1.45;max-width:760px;margin:0;color:rgba(255,255,255,.78)}
.quick-hero-actions{display:flex;gap:12px;align-items:center;flex-wrap:wrap;justify-content:flex-end;position:relative;z-index:1}
.quick-primary-action,.quick-secondary-action{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;min-height:54px;padding:0 22px;font-weight:900}
.quick-primary-action{flex-direction:column;align-items:flex-start;min-width:230px;background:#fff;color:#0f172a;box-shadow:0 16px 40px rgba(0,0,0,.14)}
.quick-primary-action small{font-size:12px;color:#64748b;font-weight:750}
.quick-secondary-action{background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.22);color:#fff}
.quick-action-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:14px}
.quick-action-card{display:flex;flex-direction:column;gap:9px;min-height:150px;padding:18px;border-radius:26px;background:rgba(255,255,255,.86);border:1px solid rgba(15,23,42,.08);box-shadow:0 16px 44px rgba(15,23,42,.055);transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}
.quick-action-card:hover{transform:translateY(-2px);box-shadow:0 22px 56px rgba(15,23,42,.085);border-color:rgba(31,111,255,.22)}
.quick-action-card.is-primary{background:linear-gradient(145deg,#ffffff,#eff6ff);border-color:rgba(31,111,255,.18)}
.quick-action-icon{width:38px;height:38px;border-radius:14px;display:inline-flex;align-items:center;justify-content:center;background:#eff6ff;color:#1d4ed8;font-weight:950;font-size:15px}
.quick-action-card strong{font-size:16px;line-height:1.15;color:#0f172a}
.quick-action-card small{font-size:13px;line-height:1.35;color:#64748b}
.quick-stats-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.quick-stat-card{display:block;padding:22px;border-radius:28px;background:rgba(255,255,255,.88);border:1px solid rgba(15,23,42,.08);box-shadow:0 16px 44px rgba(15,23,42,.055)}
.quick-stat-card span{display:block;font-size:12px;font-weight:950;letter-spacing:.12em;text-transform:uppercase;color:#64748b;margin-bottom:10px}
.quick-stat-card strong{display:block;font-size:clamp(28px,2.4vw,38px);line-height:1;letter-spacing:-.06em;color:#0f172a;margin-bottom:10px}
.quick-stat-card small{color:#64748b;font-weight:750}
.quick-stat-card.warning{background:linear-gradient(145deg,#fff,#fff7ed);border-color:#fed7aa}
.quick-stat-card.factoring{background:linear-gradient(145deg,#fff,#ecfeff);border-color:#99f6e4}
.quick-main-grid{display:grid;grid-template-columns:1.25fr .85fr;gap:18px}
.quick-panel{padding:22px;border-radius:30px;background:rgba(255,255,255,.88);border:1px solid rgba(15,23,42,.08);box-shadow:0 18px 50px rgba(15,23,42,.06)}
.quick-panel-head{display:flex;justify-content:space-between;align-items:flex-start;gap:14px;margin-bottom:16px}
.quick-panel-head h2{font-size:24px;line-height:1;letter-spacing:-.035em;margin:0 0 6px;color:#0f172a}
.quick-panel-head p{margin:0;color:#64748b;line-height:1.35}
.quick-task-list,.quick-list{display:grid;gap:10px}
.quick-task,.quick-list-row{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:14px;border-radius:20px;background:#fff;border:1px solid rgba(15,23,42,.07)}
.quick-task>div,.quick-list-row>div{min-width:0}
.quick-task strong,.quick-list-row strong{display:block;color:#0f172a;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.quick-task small,.quick-list-row small{display:block;color:#64748b;line-height:1.35;margin-top:3px}
.quick-task em{font-style:normal;font-size:12px;font-weight:900;color:#1d4ed8}
.quick-dot{width:10px;height:10px;border-radius:999px;background:#f97316;flex:0 0 auto}
.quick-task.danger .quick-dot{background:#dc2626}
.quick-task.factoring .quick-dot{background:#0d9488}
.quick-list-right{text-align:right;display:grid!important;justify-items:end;gap:6px}
.quick-mini-metrics{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.quick-mini-metrics div{padding:16px;border-radius:20px;background:#fff;border:1px solid rgba(15,23,42,.07)}
.quick-mini-metrics span{display:block;font-size:11px;font-weight:950;text-transform:uppercase;letter-spacing:.12em;color:#64748b;margin-bottom:8px}
.quick-mini-metrics strong{display:block;font-size:21px;color:#0f172a;letter-spacing:-.04em}
.quick-empty{padding:18px;border-radius:20px;background:#f8fafc;border:1px dashed #cbd5e1;color:#64748b}
.quick-empty strong{display:block;color:#0f172a;margin-bottom:4px}
.nav-group-label{font-size:10px;font-weight:950;letter-spacing:.16em;text-transform:uppercase;color:var(--pn-text-muted);padding:14px 16px 5px}
@media(max-width:1200px){.quick-action-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.quick-main-grid{grid-template-columns:1fr}.quick-hero{grid-template-columns:1fr}.quick-hero-actions{justify-content:flex-start}.quick-stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.quick-hero{padding:24px;border-radius:26px}.quick-hero h1{font-size:42px}.quick-hero p{font-size:16px}.quick-action-grid,.quick-stats-grid{grid-template-columns:1fr}.quick-mini-metrics{grid-template-columns:1fr}.quick-primary-action,.quick-secondary-action{width:100%}.quick-panel-head{display:block}.quick-list-row,.quick-task{align-items:flex-start}.quick-list-right{text-align:left;justify-items:start}}


/* PayNox fast invoice wizard + global new menu */
.invoice-wizard-hero{display:flex;justify-content:space-between;gap:22px;align-items:flex-end;padding:28px;border-radius:30px;background:linear-gradient(135deg,rgba(255,255,255,.94),rgba(241,245,249,.74));border:1px solid rgba(15,23,42,.08);box-shadow:0 22px 55px rgba(15,23,42,.07);margin-bottom:22px;position:relative;overflow:hidden}.invoice-wizard-hero:after{content:"";position:absolute;right:-80px;top:-90px;width:260px;height:260px;border-radius:999px;background:radial-gradient(circle,rgba(37,99,235,.14),transparent 70%);pointer-events:none}.invoice-wizard-hero h1{font-size:clamp(42px,5vw,72px);line-height:.9;letter-spacing:-.075em;margin:8px 0 10px;color:#0f172a}.invoice-wizard-hero .eyebrow{font-size:12px;font-weight:950;text-transform:uppercase;letter-spacing:.14em;color:#2563eb}.invoice-wizard-hero p{font-size:18px;max-width:760px;line-height:1.45}.invoice-wizard-steps{display:flex;gap:8px;flex-wrap:wrap;position:relative;z-index:2}.invoice-wizard-steps span{display:inline-flex;align-items:center;min-height:38px;padding:0 14px;border-radius:999px;background:#fff;border:1px solid rgba(15,23,42,.08);box-shadow:0 8px 20px rgba(15,23,42,.05);font-size:13px;font-weight:850;color:#334155}.invoice-wizard-form>.glass.card{border-radius:28px!important;border:1px solid rgba(15,23,42,.08)!important;box-shadow:0 16px 42px rgba(15,23,42,.055)!important}.invoice-wizard-form .section-head{align-items:flex-start!important}.invoice-wizard-form .section-title{font-size:22px!important;letter-spacing:-.03em!important}.invoice-wizard-form .form-grid{gap:16px!important}.inline-control{display:flex;gap:10px;align-items:center}.inline-control select{flex:1;min-width:0}.quick-side-card{background:linear-gradient(135deg,#fff,#f8fafc)!important}.quick-side-card .btn{margin-top:12px}.line-item.invoice-line-item,.line-item.quote-line-item{border-radius:22px!important;background:#fbfdff!important;border:1px solid rgba(15,23,42,.075)!important;padding:16px!important}.quick-product-modal[hidden]{display:none!important}.quick-product-modal{position:fixed;inset:0;z-index:9999;display:grid;place-items:center;padding:24px}.quick-product-backdrop{position:absolute;inset:0;background:rgba(15,23,42,.38);backdrop-filter:blur(6px)}.quick-product-card{position:relative;z-index:1;width:min(760px,calc(100vw - 32px));max-height:calc(100vh - 32px);overflow:auto;border-radius:30px!important;padding:24px!important}.global-new-menu{position:fixed;right:26px;bottom:26px;z-index:9000}.global-new-button{width:62px;height:62px;border-radius:999px;border:0;background:#0f172a;color:#fff;font-size:34px;line-height:1;box-shadow:0 24px 55px rgba(15,23,42,.28);cursor:pointer}.global-new-button:hover{transform:translateY(-1px)}.global-new-panel{position:absolute;right:0;bottom:76px;width:260px;padding:10px;border-radius:24px;display:none;box-shadow:0 24px 65px rgba(15,23,42,.18)}.global-new-menu.open .global-new-panel{display:grid;gap:6px}.global-new-panel a{display:block;text-decoration:none;padding:12px 14px;border-radius:16px;color:#0f172a}.global-new-panel a:hover{background:#f1f5f9}.global-new-panel strong{display:block;font-weight:900}.global-new-panel span{display:block;margin-top:2px;color:#64748b;font-size:12px}@media(max-width:900px){.invoice-wizard-hero{align-items:flex-start;flex-direction:column}.invoice-wizard-hero h1{font-size:44px}.inline-control{flex-direction:column;align-items:stretch}.global-new-menu{right:18px;bottom:18px}.global-new-button{width:56px;height:56px}}



/* Global New button clarity - safe patch */

.global-new-menu{right:28px!important;bottom:28px!important}

.global-new-button{width:auto!important;min-width:118px!important;height:58px!important;padding:0 20px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:10px!important;border-radius:999px!important;font-size:16px!important;font-weight:950!important;letter-spacing:-.02em!important;background:linear-gradient(135deg,#0f172a,#1e293b)!important;color:#fff!important}

.global-new-plus{display:inline-flex!important;align-items:center!important;justify-content:center!important;width:26px!important;height:26px!important;border-radius:999px!important;background:rgba(255,255,255,.14)!important;color:#fff!important;font-size:24px!important;line-height:1!important}

.global-new-text{display:inline-block!important;color:#fff!important}

.global-new-panel::before{content:"Create new";display:block;padding:10px 12px 8px;font-size:11px;font-weight:950;letter-spacing:.14em;text-transform:uppercase;color:#64748b}

@media(max-width:760px){.global-new-button{min-width:104px!important;height:54px!important;padding:0 16px!important}}




/* PayNox dashboard micro-polish: density, hierarchy, contrast */

.quick-dashboard .quick-hero,

.quick-dashboard .dashboard-hero,

.quick-dashboard .quick-dashboard-hero,

.quick-dashboard .hero-card {

  min-height: unset !important;

  padding: 24px 26px !important;

  border-radius: 30px !important;

}

.quick-dashboard .quick-hero h1,

.quick-dashboard .dashboard-hero h1,

.quick-dashboard .quick-dashboard-hero h1,

.quick-dashboard .hero-card h1 {

  font-size: clamp(38px, 4.4vw, 58px) !important;

  line-height: .92 !important;

  margin-bottom: 8px !important;

}

.quick-dashboard .quick-hero p,

.quick-dashboard .dashboard-hero p,

.quick-dashboard .quick-dashboard-hero p,

.quick-dashboard .hero-card p {

  font-size: 16px !important;

  line-height: 1.38 !important;

  color: #334155 !important;

  max-width: 820px !important;

}

.quick-dashboard .eyebrow,

.quick-dashboard .nav-group-label,

.nav-group-label {

  color: #64748b !important;

  opacity: 1 !important;

  font-weight: 950 !important;

  letter-spacing: .14em !important;

}

.quick-dashboard .muted,

.quick-dashboard small,

.quick-dashboard .quick-action-card small,

.quick-dashboard .metric-card p,

.quick-dashboard .stat-card p,

.quick-dashboard .card p {

  color: #475569 !important;

  opacity: 1 !important;

}

.quick-dashboard .quick-action-card,

.quick-dashboard .metric-card,

.quick-dashboard .stat-card,

.quick-dashboard .glass.card,

.quick-dashboard .card {

  border-radius: 22px !important;

}

.quick-dashboard .quick-action-card {

  min-height: 128px !important;

  padding: 16px !important;

}

.quick-dashboard .quick-action-card strong {

  color: #0f172a !important;

  font-size: 17px !important;

}

.quick-dashboard .quick-action-card.is-primary,

.quick-dashboard .quick-action-card[href*="/invoices/create"] {

  border-color: rgba(37, 99, 235, .28) !important;

  box-shadow: 0 18px 46px rgba(37,99,235,.12) !important;

  background: linear-gradient(145deg, #ffffff, #eef6ff) !important;

}

.quick-dashboard .quick-action-card[href*="/factoring"] {

  border-color: rgba(20, 184, 166, .32) !important;

  box-shadow: 0 18px 46px rgba(20,184,166,.11) !important;

  background: linear-gradient(145deg, #ffffff, #ecfeff) !important;

}

.quick-dashboard .quick-action-icon,

.quick-dashboard .action-icon,

.quick-dashboard .icon-badge {

  width: 38px !important;

  height: 38px !important;

  border-radius: 14px !important;

  font-size: 0 !important;

  color: transparent !important;

  position: relative !important;

}

.quick-dashboard .quick-action-icon::after,

.quick-dashboard .action-icon::after,

.quick-dashboard .icon-badge::after {

  font-size: 18px !important;

  color: #2563eb !important;

  line-height: 1 !important;

}

.quick-dashboard .quick-action-card[href*="/invoices/create"] .quick-action-icon::after,

.quick-dashboard .quick-action-card[href*="/invoices/create"] .action-icon::after,

.quick-dashboard .quick-action-card[href*="/invoices/create"] .icon-badge::after { content: "▤" !important; }

.quick-dashboard .quick-action-card[href*="/quotes/create"] .quick-action-icon::after,

.quick-dashboard .quick-action-card[href*="/quotes/create"] .action-icon::after,

.quick-dashboard .quick-action-card[href*="/quotes/create"] .icon-badge::after { content: "◰" !important; }

.quick-dashboard .quick-action-card[href*="/customers/create"] .quick-action-icon::after,

.quick-dashboard .quick-action-card[href*="/customers/create"] .action-icon::after,

.quick-dashboard .quick-action-card[href*="/customers/create"] .icon-badge::after { content: "＋" !important; }

.quick-dashboard .quick-action-card[href*="/products/create"] .quick-action-icon::after,

.quick-dashboard .quick-action-card[href*="/products/create"] .action-icon::after,

.quick-dashboard .quick-action-card[href*="/products/create"] .icon-badge::after { content: "◇" !important; }

.quick-dashboard .quick-action-card[href*="/dashboard/ar"] .quick-action-icon::after,

.quick-dashboard .quick-action-card[href*="/dashboard/ar"] .action-icon::after,

.quick-dashboard .quick-action-card[href*="/dashboard/ar"] .icon-badge::after { content: "kr" !important; font-size: 13px !important; font-weight: 950 !important; }

.quick-dashboard .quick-action-card[href*="/factoring"] .quick-action-icon::after,

.quick-dashboard .quick-action-card[href*="/factoring"] .action-icon::after,

.quick-dashboard .quick-action-card[href*="/factoring"] .icon-badge::after { content: "↗" !important; color: #0f766e !important; }

.quick-dashboard .quick-metric-card,

.quick-dashboard .metric-card,

.quick-dashboard .stat-card {

  padding: 20px !important;

  border-radius: 22px !important;

}

.quick-dashboard .quick-metric-card strong,

.quick-dashboard .metric-card strong,

.quick-dashboard .stat-card strong {

  color: #0f172a !important;

  letter-spacing: -.055em !important;

}

.quick-dashboard .quick-metric-card:first-child,

.quick-dashboard .metric-card:first-child,

.quick-dashboard .stat-card:first-child {

  border-color: rgba(37,99,235,.22) !important;

  background: linear-gradient(145deg, #ffffff, #f1f7ff) !important;

  box-shadow: 0 20px 52px rgba(37,99,235,.10) !important;

}

.quick-dashboard .quick-metric-card:first-child strong,

.quick-dashboard .metric-card:first-child strong,

.quick-dashboard .stat-card:first-child strong {

  font-size: clamp(34px, 3.2vw, 48px) !important;

}

.quick-dashboard .quick-metric-card:has(strong:first-child),

.quick-dashboard .metric-card:has(strong:first-child),

.quick-dashboard .stat-card:has(strong:first-child) {

  opacity: 1 !important;

}

.quick-dashboard .quick-metric-card:has(strong:contains("0")),

.quick-dashboard .metric-card:has(strong:contains("0")),

.quick-dashboard .stat-card:has(strong:contains("0")) {

  box-shadow: 0 12px 34px rgba(15,23,42,.045) !important;

}

.global-new-menu {

  right: 24px !important;

  bottom: 22px !important;

}

.global-new-button {

  width: auto !important;

  min-width: 106px !important;

  height: 52px !important;

  padding: 0 16px !important;

  border-radius: 999px !important;

  display: inline-flex !important;

  align-items: center !important;

  justify-content: center !important;

  gap: 9px !important;

  font-size: 15px !important;

  font-weight: 950 !important;

}

.global-new-plus {

  width: 24px !important;

  height: 24px !important;

  font-size: 22px !important;

}

.global-new-text {

  display: inline-block !important;

}

@media (max-width: 900px) {

  .quick-dashboard .quick-hero,

  .quick-dashboard .dashboard-hero,

  .quick-dashboard .quick-dashboard-hero,

  .quick-dashboard .hero-card {

    padding: 22px !important;

  }

  .quick-dashboard .quick-hero h1,

  .quick-dashboard .dashboard-hero h1,

  .quick-dashboard .quick-dashboard-hero h1,

  .quick-dashboard .hero-card h1 {

    font-size: 40px !important;

  }

}


/* Fix dashboard hero description contrast */

.quick-dashboard .quick-hero p,

.quick-dashboard .dashboard-hero p,

.quick-dashboard .quick-dashboard-hero p,

.quick-dashboard .hero-card p,

.quick-dashboard .quick-hero .muted,

.quick-dashboard .dashboard-hero .muted,

.quick-dashboard .quick-dashboard-hero .muted,

.quick-dashboard .hero-card .muted {

  color: rgba(255,255,255,.86) !important;

  opacity: 1 !important;

  text-shadow: 0 1px 2px rgba(0,0,0,.24) !important;

  font-weight: 500 !important;

}

.quick-dashboard .quick-hero .eyebrow,

.quick-dashboard .dashboard-hero .eyebrow,

.quick-dashboard .quick-dashboard-hero .eyebrow,

.quick-dashboard .hero-card .eyebrow {

  color: rgba(255,255,255,.78) !important;

  opacity: 1 !important;

}


/* Safe sidebar polish: no layout width override, no horizontal scroll */
html,
body {
  overflow-x: hidden !important;
}

.app-sidebar,
.sidebar,
aside.sidebar {
  box-sizing: border-box !important;
}

.app-sidebar .brand,
.sidebar .brand,
aside.sidebar .brand {
  padding-left: 18px !important;
  padding-right: 18px !important;
}

.app-sidebar nav a,
.sidebar nav a,
aside.sidebar nav a,
.app-sidebar .nav-link,
.sidebar .nav-link {
  padding-left: 16px !important;
  padding-right: 16px !important;
}

.app-sidebar .nav-group-label,
.sidebar .nav-group-label,
aside.sidebar .nav-group-label {
  padding-left: 16px !important;
  padding-right: 16px !important;
}

/* Make content never force horizontal page scroll */
.app-main,
.main,
main {
  max-width: 100% !important;
  overflow-x: clip !important;
}


/* PayNox dark mode */
body.theme-dark {
  --pn-bg: #0b1020;
  --pn-bg-soft: #111827;
  --pn-surface: rgba(15, 23, 42, 0.82);
  --pn-surface-strong: rgba(17, 24, 39, 0.96);
  --pn-surface-dark: #f8fafc;
  --pn-text: #eef2ff;
  --pn-text-soft: #cbd5e1;
  --pn-text-muted: #94a3b8;
  --pn-border: rgba(148, 163, 184, 0.18);
  --pn-border-strong: rgba(203, 213, 225, 0.26);
  --pn-primary: #60a5fa;
  --pn-primary-dark: #93c5fd;
  --pn-accent: #fbbf24;
  --pn-accent-soft: rgba(251, 191, 36, 0.14);
  --pn-success: #34d399;
  --pn-warning: #fbbf24;
  --pn-danger: #f87171;
  --pn-shadow-sm: 0 12px 28px rgba(0, 0, 0, 0.20);
  --pn-shadow-md: 0 24px 60px rgba(0, 0, 0, 0.26);
  --pn-shadow-lg: 0 38px 100px rgba(0, 0, 0, 0.34);
  color: var(--pn-text);
  background:
    radial-gradient(circle at top left, rgba(96, 165, 250, .14), transparent 28%),
    radial-gradient(circle at 100% 8%, rgba(20, 184, 166, .10), transparent 22%),
    linear-gradient(180deg, #0b1020 0%, #0f172a 100%) !important;
}

body.theme-dark .sidebar {
  background: rgba(2, 6, 23, .66) !important;
  border-right-color: var(--pn-border) !important;
}

body.theme-dark .glass,
body.theme-dark .card,
body.theme-dark .soft-card,
body.theme-dark .app-topbar,
body.theme-dark .wizard-readiness,
body.theme-dark .wizard-card,
body.theme-dark .wizard-faq,
body.theme-dark .wizard-side-card,
body.theme-dark .quick-action-card,
body.theme-dark .quick-dashboard-card,
body.theme-dark .stat-card,
body.theme-dark .metric-card,
body.theme-dark .admin-factoring-row,
body.theme-dark .global-new-panel {
  background: rgba(15, 23, 42, .78) !important;
  border-color: var(--pn-border) !important;
  box-shadow: var(--pn-shadow-md) !important;
}

body.theme-dark .sidebar .platform-logo-box,
body.theme-dark .sidebar .sidebar-logo-box,
body.theme-dark .platform-logo-box,
body.theme-dark .sidebar-logo-box,
body.theme-dark .topbar-logo-box,
body.theme-dark .settings-logo-box,
body.theme-dark .invoice-logo-box,
body.theme-dark .invoice-preview-logo-box {
  background: rgba(255,255,255,.04) !important;
  border-color: transparent !important;
}

body.theme-dark .platform-logo,
body.theme-dark .sidebar-logo-box img,
body.theme-dark .topbar-logo-box img {
  filter: drop-shadow(0 8px 22px rgba(0,0,0,.24));
}

body.theme-dark .brand-name,
body.theme-dark .brand,
body.theme-dark .app-topbar-title,
body.theme-dark .topbar h1,
body.theme-dark .section-title,
body.theme-dark .table td strong,
body.theme-dark .stat .value,
body.theme-dark .quick-action-card strong,
body.theme-dark .quick-dashboard h1,
body.theme-dark h1,
body.theme-dark h2,
body.theme-dark h3,
body.theme-dark strong {
  color: var(--pn-text) !important;
}

body.theme-dark .muted,
body.theme-dark .small,
body.theme-dark .brand-tagline,
body.theme-dark .field label,
body.theme-dark .table td,
body.theme-dark .stat .meta,
body.theme-dark .quick-action-card small,
body.theme-dark .quick-dashboard p,
body.theme-dark .wizard-card-head p,
body.theme-dark .field-help,
body.theme-dark .nav-group-label {
  color: var(--pn-text-soft) !important;
  opacity: 1 !important;
}

body.theme-dark .nav a {
  color: var(--pn-text-soft) !important;
}
body.theme-dark .nav a:hover,
body.theme-dark .nav a.active {
  color: var(--pn-text) !important;
  background: rgba(30, 41, 59, .82) !important;
  border-color: var(--pn-border) !important;
}

body.theme-dark .btn {
  background: rgba(30, 41, 59, .72) !important;
  border-color: var(--pn-border) !important;
  color: var(--pn-text) !important;
}
body.theme-dark .btn:hover {
  background: rgba(51, 65, 85, .86) !important;
}
body.theme-dark .btn.primary,
body.theme-dark button.btn.primary {
  background: linear-gradient(135deg, #e2e8f0 0%, #ffffff 100%) !important;
  border-color: rgba(255,255,255,.82) !important;
  color: #0f172a !important;
}

body.theme-dark .field input,
body.theme-dark .field select,
body.theme-dark .field textarea,
body.theme-dark .wizard-field input,
body.theme-dark .wizard-field select,
body.theme-dark .wizard-field textarea {
  background: rgba(2, 6, 23, .50) !important;
  border-color: var(--pn-border) !important;
  color: var(--pn-text) !important;
}
body.theme-dark .field input::placeholder,
body.theme-dark .field textarea::placeholder { color: #64748b !important; }
body.theme-dark option { background: #0f172a; color: #e2e8f0; }

body.theme-dark .table th,
body.theme-dark .table td {
  border-bottom-color: rgba(148, 163, 184, .14) !important;
}
body.theme-dark .table th { color: var(--pn-text-muted) !important; }

body.theme-dark .quick-dashboard .quick-hero,
body.theme-dark .quick-dashboard .dashboard-hero,
body.theme-dark .quick-dashboard .quick-dashboard-hero,
body.theme-dark .quick-dashboard .hero-card,
body.theme-dark .invoice-wizard-hero {
  background:
    radial-gradient(circle at 86% 8%, rgba(96,165,250,.20), transparent 34%),
    linear-gradient(135deg, rgba(15,23,42,.96), rgba(30,41,59,.82)) !important;
  border-color: rgba(148, 163, 184, .20) !important;
}
body.theme-dark .quick-dashboard .quick-hero p,
body.theme-dark .quick-dashboard .dashboard-hero p,
body.theme-dark .quick-dashboard .quick-dashboard-hero p,
body.theme-dark .quick-dashboard .hero-card p,
body.theme-dark .invoice-wizard-hero p {
  color: rgba(226, 232, 240, .88) !important;
  text-shadow: 0 1px 2px rgba(0,0,0,.28) !important;
}
body.theme-dark .quick-dashboard .eyebrow,
body.theme-dark .invoice-wizard-hero .eyebrow { color: #93c5fd !important; }

body.theme-dark .quick-action-card.is-primary,
body.theme-dark .quick-action-card[href*="/invoices/create"] {
  background: linear-gradient(145deg, rgba(30,41,59,.92), rgba(30,64,175,.36)) !important;
  border-color: rgba(96,165,250,.32) !important;
}
body.theme-dark .quick-action-card[href*="/factoring"] {
  background: linear-gradient(145deg, rgba(30,41,59,.92), rgba(20,184,166,.18)) !important;
  border-color: rgba(45,212,191,.32) !important;
}

body.theme-dark .badge.draft { background: rgba(148,163,184,.16) !important; color: #cbd5e1 !important; border-color: rgba(148,163,184,.22) !important; }
body.theme-dark .badge.pending { background: rgba(96,165,250,.16) !important; color: #93c5fd !important; border-color: rgba(96,165,250,.24) !important; }
body.theme-dark .badge.success { background: rgba(52,211,153,.14) !important; color: #6ee7b7 !important; border-color: rgba(52,211,153,.22) !important; }
body.theme-dark .badge.warning { background: rgba(251,191,36,.14) !important; color: #fde68a !important; border-color: rgba(251,191,36,.22) !important; }
body.theme-dark .badge.cancelled,
body.theme-dark .badge.danger { background: rgba(248,113,113,.14) !important; color: #fca5a5 !important; border-color: rgba(248,113,113,.22) !important; }

body.theme-dark .flash,
body.theme-dark .notice,
body.theme-dark .callout {
  background: rgba(30,41,59,.82) !important;
  border-color: var(--pn-border) !important;
  color: var(--pn-text) !important;
}

body.theme-dark .language-switcher a.active,
body.theme-dark .glass-pill a.active {
  background: #e2e8f0 !important;
  color: #0f172a !important;
}
body.theme-dark .glass-pill { background: rgba(15,23,42,.72) !important; border-color: var(--pn-border) !important; }

.theme-toggle-form { margin: 0; display: inline-flex; }
.theme-toggle-btn { gap: 7px !important; }
.theme-toggle-icon { font-size: 14px; line-height: 1; }
body.theme-dark .theme-toggle-btn { background: rgba(96,165,250,.16) !important; border-color: rgba(96,165,250,.28) !important; color: #dbeafe !important; }

/* Keep printable/shared invoice surfaces light and readable even if app theme is dark. */
body.theme-dark .invoice-pdf,
body.theme-dark .invoice-public,
body.theme-dark .public-invoice,
body.theme-dark .statement-public,
body.theme-dark .portal-public {
  --pn-text: #171717;
  --pn-text-soft: #4b5563;
  --pn-text-muted: #7c8797;
  --pn-surface: rgba(255,255,255,.92);
  color: #171717 !important;
  background: #ffffff !important;
}

/* Dark mode contrast repair */

body.theme-dark {

  background: #07101f !important;

  color: #e5edf8 !important;

}

body.theme-dark .app-main,

body.theme-dark main,

body.theme-dark .main {

  background:

    radial-gradient(circle at 20% 0%, rgba(37,99,235,.12), transparent 32%),

    radial-gradient(circle at 90% 12%, rgba(20,184,166,.10), transparent 30%),

    #07101f !important;

  color: #e5edf8 !important;

}

body.theme-dark .glass,

body.theme-dark .card,

body.theme-dark .stat-card,

body.theme-dark .metric-card,

body.theme-dark .quick-action-card,

body.theme-dark .table-wrap,

body.theme-dark .section-card,

body.theme-dark .panel,

body.theme-dark .sticky-panel,

body.theme-dark .form-card {

  background: rgba(15, 23, 42, .86) !important;

  border-color: rgba(148, 163, 184, .18) !important;

  color: #e5edf8 !important;

  box-shadow: 0 20px 55px rgba(0,0,0,.24) !important;

}

body.theme-dark .quick-action-card.is-primary,

body.theme-dark .quick-action-card[href*="/invoices/create"] {

  background: linear-gradient(145deg, rgba(30,64,175,.42), rgba(15,23,42,.92)) !important;

  border-color: rgba(96,165,250,.34) !important;

}

body.theme-dark .quick-action-card[href*="/factoring"] {

  background: linear-gradient(145deg, rgba(13,148,136,.30), rgba(15,23,42,.92)) !important;

  border-color: rgba(45,212,191,.34) !important;

}

body.theme-dark h1,

body.theme-dark h2,

body.theme-dark h3,

body.theme-dark h4,

body.theme-dark strong,

body.theme-dark .section-title,

body.theme-dark .quick-action-card strong,

body.theme-dark .stat-card strong,

body.theme-dark .metric-card strong,

body.theme-dark .card strong,

body.theme-dark label {

  color: #f8fafc !important;

}

body.theme-dark p,

body.theme-dark small,

body.theme-dark .muted,

body.theme-dark .small,

body.theme-dark .quick-action-card small,

body.theme-dark .stat-card p,

body.theme-dark .metric-card p,

body.theme-dark .card p {

  color: #cbd5e1 !important;

  opacity: 1 !important;

}

body.theme-dark .eyebrow,

body.theme-dark .nav-group-label,

body.theme-dark .box-title,

body.theme-dark th {

  color: #94a3b8 !important;

  opacity: 1 !important;

}

body.theme-dark input,

body.theme-dark select,

body.theme-dark textarea {

  background: rgba(2, 6, 23, .72) !important;

  border-color: rgba(148, 163, 184, .24) !important;

  color: #f8fafc !important;

}

body.theme-dark input::placeholder,

body.theme-dark textarea::placeholder {

  color: #64748b !important;

}

body.theme-dark table,

body.theme-dark .table {

  background: transparent !important;

  color: #e5edf8 !important;

}

body.theme-dark thead,

body.theme-dark table thead,

body.theme-dark .table thead {

  background: rgba(30, 41, 59, .96) !important;

}

body.theme-dark th {

  background: rgba(30, 41, 59, .96) !important;

  color: #cbd5e1 !important;

}

body.theme-dark td {

  background: rgba(15, 23, 42, .72) !important;

  color: #e5edf8 !important;

  border-color: rgba(148, 163, 184, .12) !important;

}

body.theme-dark tr:hover td {

  background: rgba(30, 41, 59, .82) !important;

}

body.theme-dark .btn {

  background: rgba(30, 41, 59, .88) !important;

  border-color: rgba(148, 163, 184, .18) !important;

  color: #f8fafc !important;

}

body.theme-dark .btn.primary,

body.theme-dark .btn-primary,

body.theme-dark button.primary {

  background: linear-gradient(135deg, #2563eb, #1d4ed8) !important;

  color: #ffffff !important;

  border-color: rgba(96,165,250,.35) !important;

}

body.theme-dark .btn.secondary,

body.theme-dark .btn.ghost {

  background: rgba(15, 23, 42, .66) !important;

  color: #f8fafc !important;

}

body.theme-dark .badge {

  background: rgba(30, 41, 59, .92) !important;

  color: #e5edf8 !important;

  border-color: rgba(148, 163, 184, .20) !important;

}

body.theme-dark .badge.success {

  background: rgba(22, 163, 74, .18) !important;

  color: #86efac !important;

  border-color: rgba(34,197,94,.28) !important;

}

body.theme-dark .badge.warning,

body.theme-dark .badge.pending {

  background: rgba(245, 158, 11, .16) !important;

  color: #fcd34d !important;

  border-color: rgba(245,158,11,.28) !important;

}

body.theme-dark .badge.cancelled,

body.theme-dark .badge.danger {

  background: rgba(239, 68, 68, .16) !important;

  color: #fca5a5 !important;

  border-color: rgba(239,68,68,.28) !important;

}

body.theme-dark .topbar,

body.theme-dark .app-topbar,

body.theme-dark header {

  background: rgba(15, 23, 42, .78) !important;

  border-color: rgba(148, 163, 184, .16) !important;

}

body.theme-dark .sidebar,

body.theme-dark .app-sidebar,

body.theme-dark aside.sidebar {

  background: rgba(2, 6, 23, .86) !important;

  border-color: rgba(148, 163, 184, .12) !important;

}

body.theme-dark .sidebar a,

body.theme-dark .app-sidebar a {

  color: #dbeafe !important;

}

body.theme-dark .sidebar a.active,

body.theme-dark .app-sidebar a.active,

body.theme-dark .sidebar .active,

body.theme-dark .app-sidebar .active {

  background: rgba(59, 130, 246, .18) !important;

  color: #ffffff !important;

  border-color: rgba(96,165,250,.24) !important;

}

body.theme-dark .support-banner,

body.theme-dark .alert,

body.theme-dark .notice {

  background: rgba(30, 41, 59, .80) !important;

  border-color: rgba(148, 163, 184, .16) !important;

  color: #e5edf8 !important;

}

/* Keep invoice/public/PDF-like surfaces readable */

body.theme-dark .invoice-paper,

body.theme-dark .public-invoice,

body.theme-dark .pdf-page,

body.theme-dark .print-surface {

  background: #ffffff !important;

  color: #0f172a !important;

}

body.theme-dark .global-new-button {

  background: linear-gradient(135deg, #2563eb, #1e40af) !important;

  color: #ffffff !important;

}

body.theme-dark .global-new-panel {

  background: rgba(15, 23, 42, .96) !important;

  border-color: rgba(148, 163, 184, .18) !important;

}

body.theme-dark .global-new-panel a {

  color: #f8fafc !important;

}

body.theme-dark .global-new-panel a:hover {

  background: rgba(30, 41, 59, .9) !important;

}


/* Dark mode final dashboard/card surface repair */

body.theme-dark .quick-dashboard .quick-metric-card,

body.theme-dark .quick-dashboard .metric-card,

body.theme-dark .quick-dashboard .stat-card,

body.theme-dark .quick-dashboard .glass.card,

body.theme-dark .quick-dashboard .card,

body.theme-dark .quick-dashboard .quick-overview,

body.theme-dark .quick-dashboard .next-actions,

body.theme-dark .quick-dashboard .dashboard-card,

body.theme-dark .quick-dashboard .quick-panel,

body.theme-dark .quick-dashboard section > .glass,

body.theme-dark .quick-dashboard section > .card {

  background: linear-gradient(145deg, rgba(15,23,42,.94), rgba(17,24,39,.88)) !important;

  border-color: rgba(148,163,184,.18) !important;

  color: #e5edf8 !important;

  box-shadow: 0 20px 55px rgba(0,0,0,.26) !important;

}

body.theme-dark .quick-dashboard .quick-metric-card:first-child,

body.theme-dark .quick-dashboard .metric-card:first-child,

body.theme-dark .quick-dashboard .stat-card:first-child {

  background: linear-gradient(145deg, rgba(30,64,175,.38), rgba(15,23,42,.96)) !important;

  border-color: rgba(96,165,250,.34) !important;

  box-shadow: 0 22px 58px rgba(37,99,235,.18) !important;

}

body.theme-dark .quick-dashboard .quick-metric-card:nth-child(2),

body.theme-dark .quick-dashboard .metric-card:nth-child(2),

body.theme-dark .quick-dashboard .stat-card:nth-child(2) {

  background: linear-gradient(145deg, rgba(120,53,15,.24), rgba(15,23,42,.96)) !important;

  border-color: rgba(251,191,36,.24) !important;

}

body.theme-dark .quick-dashboard .quick-metric-card:nth-child(4),

body.theme-dark .quick-dashboard .metric-card:nth-child(4),

body.theme-dark .quick-dashboard .stat-card:nth-child(4) {

  background: linear-gradient(145deg, rgba(13,148,136,.24), rgba(15,23,42,.96)) !important;

  border-color: rgba(45,212,191,.28) !important;

}

body.theme-dark .quick-dashboard .quick-metric-card *,

body.theme-dark .quick-dashboard .metric-card *,

body.theme-dark .quick-dashboard .stat-card *,

body.theme-dark .quick-dashboard .glass.card *,

body.theme-dark .quick-dashboard .card *,

body.theme-dark .quick-dashboard .quick-overview *,

body.theme-dark .quick-dashboard .next-actions *,

body.theme-dark .quick-dashboard .dashboard-card *,

body.theme-dark .quick-dashboard .quick-panel * {

  color: inherit;

}

body.theme-dark .quick-dashboard .quick-metric-card strong,

body.theme-dark .quick-dashboard .metric-card strong,

body.theme-dark .quick-dashboard .stat-card strong,

body.theme-dark .quick-dashboard .glass.card strong,

body.theme-dark .quick-dashboard .card strong,

body.theme-dark .quick-dashboard h2,

body.theme-dark .quick-dashboard h3,

body.theme-dark .quick-dashboard h4 {

  color: #f8fafc !important;

  text-shadow: none !important;

}

body.theme-dark .quick-dashboard .quick-metric-card span,

body.theme-dark .quick-dashboard .metric-card span,

body.theme-dark .quick-dashboard .stat-card span,

body.theme-dark .quick-dashboard .quick-metric-card .eyebrow,

body.theme-dark .quick-dashboard .metric-card .eyebrow,

body.theme-dark .quick-dashboard .stat-card .eyebrow,

body.theme-dark .quick-dashboard .box-title {

  color: #93a4bb !important;

  opacity: 1 !important;

}

body.theme-dark .quick-dashboard .quick-metric-card p,

body.theme-dark .quick-dashboard .metric-card p,

body.theme-dark .quick-dashboard .stat-card p,

body.theme-dark .quick-dashboard .glass.card p,

body.theme-dark .quick-dashboard .card p,

body.theme-dark .quick-dashboard .muted,

body.theme-dark .quick-dashboard .small,

body.theme-dark .quick-dashboard small {

  color: #cbd5e1 !important;

  opacity: 1 !important;

}

body.theme-dark .quick-dashboard .quick-metric-card:first-child strong,

body.theme-dark .quick-dashboard .metric-card:first-child strong,

body.theme-dark .quick-dashboard .stat-card:first-child strong {

  color: #ffffff !important;

}

body.theme-dark .quick-dashboard .quick-action-card {

  background: linear-gradient(145deg, rgba(15,23,42,.94), rgba(17,24,39,.88)) !important;

  border-color: rgba(148,163,184,.16) !important;

  color: #e5edf8 !important;

}

body.theme-dark .quick-dashboard .quick-action-card.is-primary,

body.theme-dark .quick-dashboard .quick-action-card[href*="/invoices/create"] {

  background: linear-gradient(145deg, rgba(29,78,216,.42), rgba(15,23,42,.94)) !important;

  border-color: rgba(96,165,250,.42) !important;

}

body.theme-dark .quick-dashboard .quick-action-card[href*="/factoring"] {

  background: linear-gradient(145deg, rgba(13,148,136,.34), rgba(15,23,42,.94)) !important;

  border-color: rgba(45,212,191,.42) !important;

}

body.theme-dark .quick-dashboard .quick-action-card strong {

  color: #f8fafc !important;

}

body.theme-dark .quick-dashboard .quick-action-card small {

  color: #cbd5e1 !important;

}

body.theme-dark .quick-dashboard .quick-action-icon,

body.theme-dark .quick-dashboard .action-icon,

body.theme-dark .quick-dashboard .icon-badge {

  background: rgba(248,250,252,.92) !important;

  color: #2563eb !important;

}

body.theme-dark .quick-dashboard .quick-hero,

body.theme-dark .quick-dashboard .dashboard-hero,

body.theme-dark .quick-dashboard .quick-dashboard-hero,

body.theme-dark .quick-dashboard .hero-card {

  background:

    radial-gradient(circle at 18% 0%, rgba(59,130,246,.34), transparent 32%),

    radial-gradient(circle at 100% 20%, rgba(20,184,166,.22), transparent 34%),

    linear-gradient(135deg, rgba(15,23,42,.96), rgba(30,41,59,.90)) !important;

  border-color: rgba(148,163,184,.20) !important;

}

body.theme-dark .quick-dashboard .quick-hero h1,

body.theme-dark .quick-dashboard .dashboard-hero h1,

body.theme-dark .quick-dashboard .quick-dashboard-hero h1,

body.theme-dark .quick-dashboard .hero-card h1 {

  color: #ffffff !important;

}

body.theme-dark .quick-dashboard .quick-hero p,

body.theme-dark .quick-dashboard .dashboard-hero p,

body.theme-dark .quick-dashboard .quick-dashboard-hero p,

body.theme-dark .quick-dashboard .hero-card p {

  color: #e5edf8 !important;

  opacity: 1 !important;

  text-shadow: 0 1px 2px rgba(0,0,0,.30) !important;

}

body.theme-dark .quick-dashboard .quick-hero .eyebrow,

body.theme-dark .quick-dashboard .dashboard-hero .eyebrow,

body.theme-dark .quick-dashboard .quick-dashboard-hero .eyebrow,

body.theme-dark .quick-dashboard .hero-card .eyebrow {

  color: #bfdbfe !important;

}

/* Dark forms and toggles */

body.theme-dark .field,

body.theme-dark form .field {

  color: #e5edf8 !important;

}

body.theme-dark .toggle,

body.theme-dark .switch,

body.theme-dark .checkbox-pill,

body.theme-dark input[type="checkbox"] + label {

  color: #e5edf8 !important;

}

body.theme-dark input[type="checkbox"] {

  accent-color: #2563eb !important;

}

/* More readable dark tables */

body.theme-dark .table-wrap {

  background: rgba(15,23,42,.88) !important;

}

body.theme-dark .table-wrap table,

body.theme-dark .table-wrap .table {

  border-color: rgba(148,163,184,.14) !important;

}

body.theme-dark .table-wrap thead th,

body.theme-dark table thead th {

  background: rgba(30,41,59,.96) !important;

  color: #aab8cc !important;

}

body.theme-dark .table-wrap tbody td,

body.theme-dark table tbody td {

  background: rgba(15,23,42,.82) !important;

  color: #e5edf8 !important;

}

body.theme-dark .table-wrap tbody tr:nth-child(even) td,

body.theme-dark table tbody tr:nth-child(even) td {

  background: rgba(17,24,39,.86) !important;

}

/* Avoid dark mode washing out white internal invoice/document surfaces unless explicitly app cards */

body.theme-dark .invoice-paper,

body.theme-dark .invoice-preview,

body.theme-dark .statement-paper,

body.theme-dark .public-invoice,

body.theme-dark .pdf-page,

body.theme-dark .print-surface {

  background: #ffffff !important;

  color: #0f172a !important;

}

body.theme-dark .invoice-paper *,

body.theme-dark .invoice-preview *,

body.theme-dark .statement-paper *,

body.theme-dark .public-invoice *,

body.theme-dark .pdf-page *,

body.theme-dark .print-surface * {

  color: inherit;

}


/* Disable dark mode safely */

body,

body.theme-dark,

body.theme-light {

  background: var(--pn-bg, #f6f8fb) !important;

  color: var(--pn-text, #101828) !important;

}

body.theme-dark .theme-toggle,

.theme-toggle[style*="display:none"] {

  display: none !important;

}

body.theme-dark .app-main,

body.theme-dark main,

body.theme-dark .main,

body.theme-dark .glass,

body.theme-dark .card,

body.theme-dark .stat-card,

body.theme-dark .metric-card,

body.theme-dark .quick-action-card,

body.theme-dark .table-wrap,

body.theme-dark .panel,

body.theme-dark .form-card {

  background: revert-layer;

  color: revert-layer;

  border-color: revert-layer;

  box-shadow: revert-layer;

}


/* Hard-disable dark mode toggle */

.theme-toggle,

.theme-toggle-disabled,

form[action="/settings/theme"],

a[href*="/settings/theme"],

button[aria-label*="theme" i],

button[aria-label*="dark" i],

button[aria-label*="light" i] {

  display: none !important;

  visibility: hidden !important;

  pointer-events: none !important;

}

body.theme-dark {

  background: #f6f8fb !important;

  color: #101828 !important;

}



/* Payroll v1 foundation */
.payroll-card{border-radius:24px!important}.payroll-card .form-grid{gap:16px}.payroll-card input,.payroll-card select{min-height:42px}.payroll-card .section-head{align-items:flex-start}.badge.approved{background:rgba(37,99,235,.10);color:#1d4ed8}.badge.paid,.badge.locked{background:rgba(22,163,74,.12);color:#15803d}.badge.draft{background:rgba(100,116,139,.12);color:#475569}

/* Temporarily hide Payroll v1/v2 from UI until finished */

a[href="/payroll"],

a[href="/payroll-runs"],

a[href^="/payroll/"],

a[href^="/payroll-runs"],

a[href^="/payslips"],

.quick-action-card[href*="/payroll"],

.nav a[href*="/payroll"],

.sidebar a[href*="/payroll"],

.app-sidebar a[href*="/payroll"] {

  display: none !important;

}


/* Hide unfinished appearance/theme controls */

form[action="/settings/theme"],

form[action="/settings/theme-disabled"],

.theme-toggle,

.theme-toggle-form,

.theme-toggle-btn,

.theme-toggle-disabled,

a[href*="/settings/theme"],

button[aria-label*="dark" i],

button[aria-label*="light" i],

button[aria-label*="theme" i] {

  display: none !important;

  visibility: hidden !important;

  pointer-events: none !important;

}


/* Hide unfinished Appearance/theme settings card safely without touching layout HTML */

.theme-settings-card {

  display: none !important;

  visibility: hidden !important;

  pointer-events: none !important;

}


/* Re-enable Payroll UI */
.sidebar a[href="/payroll-runs"],
.sidebar a[href^="/payroll/"],
.app-sidebar a[href="/payroll-runs"],
.app-sidebar a[href^="/payroll/"],
.nav a[href="/payroll-runs"],
.nav a[href^="/payroll/"] {
  display: flex !important;
  visibility: visible !important;
  pointer-events: auto !important;
}

/* Re-enable Payroll module links/buttons inside app content */

main a[href="/payroll-runs"],

main a[href^="/payroll-runs"],

main a[href^="/payroll/"],

main a[href^="/payslips"],

.app-main a[href="/payroll-runs"],

.app-main a[href^="/payroll-runs"],

.app-main a[href^="/payroll/"],

.app-main a[href^="/payslips"],

.payroll-card a[href="/payroll-runs"],

.payroll-card a[href^="/payroll-runs"],

.payroll-card a[href^="/payroll/"],

.payroll-card a[href^="/payslips"],

.card a[href="/payroll-runs/create"],

.card a[href^="/payroll-runs"],

.card a[href^="/payslips"] {

  display: inline-flex !important;

  visibility: visible !important;

  pointer-events: auto !important;

}


/* Admin nav visibility safety */

body .sidebar .nav a[href="/admin/payroll-verifications"],

body .app-sidebar .nav a[href="/admin/payroll-verifications"],

body nav.nav a[href="/admin/payroll-verifications"] {

  display: flex !important;

  visibility: visible !important;

  opacity: 1 !important;

  pointer-events: auto !important;

}

body .sidebar,

body .app-sidebar {

  overflow-y: auto !important;

}

body .sidebar .nav,

body .app-sidebar .nav,

body nav.nav {

  overflow: visible !important;

}