:root{
  --pax-bg:#f3f5f8;
  --pax-bg-2:#eef2f7;
  --pax-card:#ffffff;
  --pax-text:#182131;
  --pax-heading:#101827;
  --pax-muted:#687386;
  --pax-line:#dfe5ee;
  --pax-line-soft:#edf1f6;
  --pax-soft:#f8fafc;
  --pax-soft-2:#f1f5f9;
  --pax-primary:#1f2937;
  --pax-primary-2:#111827;
  --pax-accent:#315cbe;
  --pax-accent-soft:#eaf0ff;
  --pax-success:#087f5b;
  --pax-success-soft:#e7f7ef;
  --pax-danger:#b42318;
  --pax-danger-soft:#fff0ee;
  --pax-warning:#9a6700;
  --pax-warning-soft:#fff7df;
  --pax-radius:14px;
  --pax-radius-lg:20px;
  --pax-shadow:0 14px 35px rgba(16,24,40,.08);
  --pax-shadow-soft:0 7px 20px rgba(16,24,40,.06);
}

*{box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{
  margin:0!important;
  min-height:100vh!important;
  background:
    radial-gradient(1000px 360px at 10% -10%, rgba(49,92,190,.12), transparent 58%),
    radial-gradient(900px 360px at 94% 0%, rgba(31,41,55,.08), transparent 60%),
    linear-gradient(180deg,var(--pax-bg-2),var(--pax-bg))!important;
  color:var(--pax-text)!important;
  font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif!important;
  font-size:13px!important;
  line-height:1.5!important;
}
a{color:inherit;text-decoration:none}

.top,.appTop{
  position:sticky!important;
  top:0!important;
  z-index:80!important;
  background:rgba(255,255,255,.88)!important;
  color:var(--pax-text)!important;
  border-bottom:1px solid rgba(223,229,238,.85)!important;
  box-shadow:0 8px 22px rgba(16,24,40,.055)!important;
  backdrop-filter:saturate(160%) blur(16px)!important;
  padding:12px 18px!important;
}
.topInner{
  width:100%!important;
  max-width:1220px!important;
  margin:0 auto!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:14px!important;
}
.top h1,.top .brand,.brand{
  margin:0!important;
  color:var(--pax-heading)!important;
  font-size:16px!important;
  line-height:1.2!important;
  letter-spacing:-.02em!important;
  font-weight:760!important;
}
.eyebrow{
  color:var(--pax-muted)!important;
  font-size:10.5px!important;
  font-weight:720!important;
  text-transform:uppercase!important;
  letter-spacing:.08em!important;
  margin-bottom:3px!important;
}
.meta,.muted,.note,.hint{
  color:var(--pax-muted)!important;
  font-size:12.5px!important;
  line-height:1.6!important;
}
.topActions,.nav,.actions,.inlineActions{display:flex!important;align-items:center!important;gap:9px!important;flex-wrap:wrap!important}
.top a,.topInner a{color:var(--pax-text)!important}
.wrap,.appShell{
  width:100%!important;
  max-width:1220px!important;
  margin:0 auto!important;
  padding:20px 18px 32px!important;
}

.card,.subCard,.box,.formCard,.tableCard,.heroCard{
  background:rgba(255,255,255,.96)!important;
  border:1px solid rgba(223,229,238,.95)!important;
  border-radius:var(--pax-radius-lg)!important;
  box-shadow:var(--pax-shadow)!important;
  padding:18px!important;
}
.heroCard{
  display:grid!important;
  grid-template-columns:1fr auto!important;
  gap:16px!important;
  align-items:center!important;
  margin-bottom:16px!important;
}
.heroCard h2,.sectionHead h2,.card h2,.h{
  margin:7px 0 6px!important;
  color:var(--pax-heading)!important;
  font-size:18px!important;
  letter-spacing:-.025em!important;
  font-weight:760!important;
  line-height:1.25!important;
}
.sectionHead{display:flex!important;align-items:flex-start!important;justify-content:space-between!important;gap:14px!important;margin-bottom:14px!important}
.sectionHead p,.heroCard p{margin:0!important}

.grid{gap:16px!important}
.row{gap:10px!important}
.fieldGrid{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:12px!important;align-items:end!important}
.fieldGrid.five{grid-template-columns:1.25fr repeat(4,1fr)!important}
.summaryGrid{display:grid!important;grid-template-columns:repeat(3,minmax(95px,1fr))!important;gap:10px!important}
.metric{
  min-width:95px!important;
  padding:12px!important;
  border-radius:15px!important;
  background:linear-gradient(180deg,#fff,var(--pax-soft))!important;
  border:1px solid var(--pax-line-soft)!important;
  box-shadow:var(--pax-shadow-soft)!important;
}
.metric strong{display:block!important;color:var(--pax-heading)!important;font-size:18px!important;line-height:1!important;font-weight:760!important}
.metric span{display:block!important;margin-top:5px!important;color:var(--pax-muted)!important;font-size:11.5px!important}

.pill,.badge{
  display:inline-flex!important;
  align-items:center!important;
  width:max-content!important;
  background:var(--pax-accent-soft)!important;
  color:#24448d!important;
  border:1px solid rgba(49,92,190,.16)!important;
  border-radius:999px!important;
  font-size:11px!important;
  padding:5px 9px!important;
  font-weight:720!important;
  letter-spacing:.01em!important;
}

label{
  display:block!important;
  margin:0 0 6px!important;
  color:#526070!important;
  font-size:10.5px!important;
  line-height:1.3!important;
  letter-spacing:.055em!important;
  text-transform:uppercase!important;
  font-weight:720!important;
}
input,select,textarea{
  width:100%!important;
  min-height:39px!important;
  border:1px solid var(--pax-line)!important;
  background:#fff!important;
  color:var(--pax-text)!important;
  border-radius:12px!important;
  padding:9px 11px!important;
  font-size:13px!important;
  line-height:1.35!important;
  box-shadow:0 1px 0 rgba(16,24,40,.03)!important;
  transition:border-color .16s ease, box-shadow .16s ease!important;
}
input[type="checkbox"],input[type="radio"]{min-height:0!important;width:auto!important;padding:0!important}
input[type="range"]{padding:0!important;min-height:0!important;box-shadow:none!important}
textarea{min-height:92px!important;resize:vertical!important}
input:focus,select:focus,textarea:focus{
  border-color:#91a8e8!important;
  box-shadow:0 0 0 4px rgba(49,92,190,.12)!important;
  outline:none!important;
}

.btn,button.btn,.btnPrimary{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-height:38px!important;
  border:1px solid transparent!important;
  background:var(--pax-primary)!important;
  color:#fff!important;
  border-radius:12px!important;
  padding:9px 13px!important;
  font-size:12.5px!important;
  font-weight:720!important;
  line-height:1!important;
  cursor:pointer!important;
  box-shadow:0 8px 18px rgba(16,24,40,.10)!important;
  transition:transform .15s ease, box-shadow .15s ease, background .15s ease!important;
}
.btn:hover,.btnPrimary:hover{background:var(--pax-primary-2)!important;transform:translateY(-1px)!important;box-shadow:0 12px 22px rgba(16,24,40,.14)!important}
.btn.ghost,.top .btn.ghost{background:#fff!important;color:var(--pax-text)!important;border-color:var(--pax-line)!important;box-shadow:none!important}
.btn.small{min-height:32px!important;padding:7px 10px!important;font-size:12px!important;border-radius:10px!important}
.danger,.btn.danger{background:var(--pax-danger)!important;color:#fff!important}
.actions.right{justify-content:flex-end!important;margin-top:14px!important}

.alert,.ok,.err{
  border-radius:13px!important;
  padding:10px 12px!important;
  font-size:12.5px!important;
  margin:10px 0!important;
  border:1px solid!important;
}
.alert.success,.ok{background:var(--pax-success-soft)!important;color:var(--pax-success)!important;border-color:#bdebd6!important}
.alert.error,.err{background:var(--pax-danger-soft)!important;color:var(--pax-danger)!important;border-color:#ffd0ca!important}

.tableWrap{width:100%!important;overflow-x:auto!important;-webkit-overflow-scrolling:touch!important;border-radius:16px!important;border:1px solid var(--pax-line-soft)!important;background:#fff!important}
table{width:100%!important;border-collapse:separate!important;border-spacing:0!important;font-size:12.5px!important;background:#fff!important}
th{
  position:sticky!important;
  top:0!important;
  z-index:1!important;
  background:#f8fafc!important;
  color:#5d697a!important;
  text-align:left!important;
  font-size:10.5px!important;
  font-weight:760!important;
  text-transform:uppercase!important;
  letter-spacing:.055em!important;
  padding:11px 12px!important;
  border-bottom:1px solid var(--pax-line)!important;
}
td{
  color:var(--pax-text)!important;
  font-size:12.5px!important;
  padding:10px 12px!important;
  border-bottom:1px solid var(--pax-line-soft)!important;
  background:#fff!important;
  vertical-align:middle!important;
}
tbody tr:hover td{background:#fbfcff!important}
.emptyCell{text-align:center!important;color:var(--pax-muted)!important;padding:18px!important}

.nav a{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  padding:10px 12px!important;
  border-radius:13px!important;
  text-decoration:none!important;
  color:var(--pax-text)!important;
  margin-bottom:7px!important;
  background:#fff!important;
  border:1px solid var(--pax-line-soft)!important;
  box-shadow:none!important;
  font-size:12.5px!important;
  font-weight:650!important;
}
.nav a:hover{border-color:#b8c7f4!important;background:#f8fbff!important}
.autoNote{
  background:#f8fafc!important;
  border:1px dashed #cbd5e1!important;
  color:#475569!important;
  border-radius:13px!important;
  padding:10px 12px!important;
  font-size:12px!important;
}
.liveSticky{position:sticky!important;top:82px!important}

.status-new,.status-active{background:#eef4ff!important;color:#24448d!important}
.status-success,.status-paid{background:var(--pax-success-soft)!important;color:var(--pax-success)!important}
.status-warning,.status-pending{background:var(--pax-warning-soft)!important;color:var(--pax-warning)!important}
.status-danger,.status-overdue{background:var(--pax-danger-soft)!important;color:var(--pax-danger)!important}

@media (max-width: 980px){
  .topInner{align-items:flex-start!important;flex-direction:column!important}
  .heroCard{grid-template-columns:1fr!important}
  .fieldGrid,.fieldGrid.five{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .grid{grid-template-columns:1fr!important}
  .liveSticky{position:static!important}
}
@media (max-width: 720px){
  body{font-size:13px!important}
  .top,.appTop{padding:11px 12px!important}
  .wrap,.appShell{padding:12px!important}
  .card,.subCard,.box,.formCard,.tableCard,.heroCard{padding:14px!important;border-radius:16px!important}
  .topActions,.actions,.inlineActions{width:100%!important;align-items:stretch!important}
  .topActions .btn,.actions .btn{flex:1 1 auto!important}
  .fieldGrid,.fieldGrid.five,.summaryGrid,.row,.dimRow,.mini,.printGrid,.kpi{grid-template-columns:1fr!important}
  .heroCard h2,.sectionHead h2,.card h2,.h{font-size:16px!important}
  input,select,textarea{font-size:16px!important}
  th,td{padding:9px!important;white-space:nowrap!important}
}

/* Enterprise UI refinement - v20260617-enterprise3 */
:root{
  --pax-bg:#f6f8fb;
  --pax-bg-2:#fbfcfe;
  --pax-card:#ffffff;
  --pax-text:#1f2937;
  --pax-heading:#0f172a;
  --pax-muted:#667085;
  --pax-line:#e4e7ec;
  --pax-line-soft:#eef2f6;
  --pax-soft:#f9fafb;
  --pax-soft-2:#f2f4f7;
  --pax-primary:#111827;
  --pax-primary-2:#0b1220;
  --pax-accent:#2563eb;
  --pax-accent-soft:#eff6ff;
  --pax-radius:12px;
  --pax-radius-lg:18px;
  --pax-shadow:0 16px 40px rgba(15,23,42,.06);
  --pax-shadow-soft:0 8px 22px rgba(15,23,42,.045);
}

body{
  background:
    radial-gradient(900px 360px at 16% -6%, rgba(37,99,235,.10), transparent 58%),
    radial-gradient(760px 320px at 94% 2%, rgba(15,23,42,.055), transparent 62%),
    linear-gradient(180deg,#fbfcfe,#f6f8fb 48%,#f4f6fa)!important;
  color:var(--pax-text)!important;
  font-size:13px!important;
}

.top,.appTop{
  background:rgba(255,255,255,.92)!important;
  border-bottom:1px solid rgba(228,231,236,.95)!important;
  box-shadow:0 8px 26px rgba(15,23,42,.055)!important;
  padding:11px 18px!important;
}
.topInner{max-width:1260px!important}
.top h1,.top .brand,.brand{
  font-size:15.5px!important;
  font-weight:720!important;
  letter-spacing:-.015em!important;
}
.eyebrow{font-size:10px!important;font-weight:680!important;color:#7b8494!important}
.meta,.muted,.note,.hint{font-size:12px!important;color:#667085!important}

.wrap,.appShell{max-width:1260px!important;padding:18px 18px 34px!important}
.grid{gap:18px!important;align-items:start!important}
.card,.subCard,.box,.formCard,.tableCard,.heroCard{
  border:1px solid rgba(228,231,236,.95)!important;
  border-radius:18px!important;
  box-shadow:0 16px 38px rgba(15,23,42,.055)!important;
  background:rgba(255,255,255,.98)!important;
}
.card{padding:18px!important}
.subCard{padding:14px!important;border-radius:15px!important;background:linear-gradient(180deg,#fff,#fbfcfe)!important;box-shadow:0 7px 18px rgba(15,23,42,.035)!important}
.heroCard{border-radius:20px!important}

.heroCard h2,.sectionHead h2,.card h2,.h{
  font-size:17px!important;
  font-weight:720!important;
  letter-spacing:-.02em!important;
}
.pill,.badge{
  background:#f8fafc!important;
  color:#344054!important;
  border-color:#e4e7ec!important;
  font-size:10.5px!important;
  font-weight:680!important;
  padding:4px 9px!important;
}

label{
  color:#667085!important;
  font-size:10px!important;
  font-weight:680!important;
  letter-spacing:.06em!important;
}
input,select,textarea{
  min-height:38px!important;
  border-color:#d0d5dd!important;
  border-radius:11px!important;
  padding:8.5px 10px!important;
  font-size:12.5px!important;
  box-shadow:0 1px 2px rgba(16,24,40,.04)!important;
}
input:focus,select:focus,textarea:focus{
  border-color:#84a8f8!important;
  box-shadow:0 0 0 3px rgba(37,99,235,.12)!important;
}

.btn,button.btn,.btnPrimary{
  min-height:37px!important;
  border-radius:11px!important;
  padding:8.5px 12px!important;
  font-size:12.2px!important;
  font-weight:680!important;
  box-shadow:0 7px 16px rgba(17,24,39,.10)!important;
}
.btn.ghost,.top .btn.ghost{
  background:#fff!important;
  border-color:#d0d5dd!important;
  color:#344054!important;
}
.btn.small{min-height:30px!important;padding:7px 9px!important;font-size:11.5px!important}

.box{
  padding:13px!important;
  border-radius:15px!important;
  background:linear-gradient(180deg,#fff,#f9fafb)!important;
  box-shadow:0 8px 22px rgba(15,23,42,.045)!important;
}
.box .t{
  font-size:11px!important;
  color:#667085!important;
  font-weight:680!important;
  letter-spacing:.02em!important;
}
.box .v{
  font-size:18px!important;
  font-weight:720!important;
  line-height:1.25!important;
  color:#111827!important;
}
.kpi{gap:10px!important}
.row{gap:11px!important}
.dimRow,.printGrid{gap:11px!important}

.tableWrap{border-color:#e4e7ec!important;box-shadow:0 6px 18px rgba(15,23,42,.035)!important}
table{font-size:12px!important}
th{
  background:#f9fafb!important;
  color:#667085!important;
  font-size:10px!important;
  font-weight:700!important;
  padding:10px 12px!important;
}
td{
  font-size:12.5px!important;
  padding:10px 12px!important;
  color:#1f2937!important;
}
td:last-child{font-weight:680!important;color:#111827!important}

.finItemRow{
  border-radius:14px!important;
  padding:11px!important;
  border-color:#e4e7ec!important;
  box-shadow:none!important;
}
.finItemRow:hover{box-shadow:0 10px 24px rgba(15,23,42,.06)!important;transform:none!important;border-color:#bfdbfe!important}
.finName{font-size:13px!important;font-weight:700!important}
.finMeta,.finPrice{font-size:11.5px!important;color:#667085!important;font-weight:600!important}
.finTag{font-size:10.5px!important;font-weight:680!important;background:#eff6ff!important;color:#1d4ed8!important;border-color:#dbeafe!important}

.autoNote{
  background:#f9fafb!important;
  border:1px dashed #d0d5dd!important;
  color:#667085!important;
  font-size:12px!important;
}
.alert,.ok,.err{font-weight:650!important;border-radius:12px!important}
.liveSticky{top:76px!important}

/* More enterprise estimator spacing */
#breakdown td:first-child{color:#475467!important;font-weight:560!important}
#breakdown td:last-child{text-align:right!important;font-weight:700!important}
#breakdown tr:nth-last-child(1) td{background:#f9fafb!important;font-weight:760!important;color:#111827!important}

@media (max-width: 980px){
  .topInner{gap:10px!important}
  .fieldGrid,.fieldGrid.five{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .grid{grid-template-columns:1fr!important}
}
@media (max-width: 720px){
  .top,.appTop{padding:10px 12px!important}
  .wrap,.appShell{padding:12px!important}
  .card,.subCard,.box,.formCard,.tableCard,.heroCard{padding:13px!important;border-radius:15px!important}
  .nav,.topActions{gap:7px!important}
  .nav a,.topActions .btn{font-size:12px!important;padding:8px 10px!important}
  input,select,textarea{font-size:16px!important;min-height:42px!important}
  .box .v{font-size:16px!important}
  .tableWrap table{min-width:680px!important}
}