/* UpTime Invoice Pro V17.13.9 — Native Mobile Experience
   Mobile-first interaction layer. Desktop remains untouched. */
.mobileBottomNav,.dashMobileHome{display:none}

@media(max-width:760px){
  :root{--mobile-nav-h:72px;--mobile-gap:10px;--mobile-radius:18px;--mobile-pad:12px}
  html,body{background:#050914!important}
  body{padding-bottom:calc(var(--mobile-nav-h) + env(safe-area-inset-bottom))!important}

  /* App chrome: compact like a native shell */
  .mobileTop{
    min-height:54px!important;height:54px!important;padding:7px 12px!important;
    border-radius:0!important;box-shadow:0 10px 32px rgba(0,0,0,.34)!important;
    background:rgba(7,14,27,.94)!important;backdrop-filter:blur(22px)!important;
    -webkit-backdrop-filter:blur(22px)!important
  }
  .mobileTop .mobileMenuBtn{display:none!important}
  .mobileTop .mobileBrand{gap:9px!important}
  .mobileTop .brandLogoFree{width:34px!important;height:34px!important;min-width:34px!important;min-height:34px!important;flex-basis:34px!important}
  .mobileTop .brandFree strong{font-size:13px!important;line-height:1!important}
  .mobileTop .brandFree span{font-size:10px!important;margin-top:3px!important;color:#72e9ca!important}
  .app{padding:8px!important}
  .main{margin:0!important;padding:0 0 12px!important;gap:9px!important}

  /* Native bottom navigation */
  .mobileBottomNav{
    display:grid;grid-template-columns:repeat(5,minmax(0,1fr));align-items:end;gap:2px;
    position:fixed;left:8px;right:8px;bottom:max(7px,env(safe-area-inset-bottom));z-index:88;
    min-height:60px;padding:6px 5px;border:1px solid rgba(255,255,255,.10);border-radius:22px;
    background:rgba(10,18,33,.94);box-shadow:0 18px 60px rgba(0,0,0,.58),inset 0 1px 0 rgba(255,255,255,.04);
    backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px)
  }
  .mobileBottomNav button{
    min-width:0!important;min-height:48px!important;padding:4px 2px!important;border:0!important;border-radius:15px!important;
    background:transparent!important;display:grid!important;place-items:center!important;align-content:center!important;gap:2px!important;
    color:#899ab7!important;box-shadow:none!important
  }
  .mobileBottomNav button span{font-size:19px!important;line-height:1!important;font-weight:900}
  .mobileBottomNav button b{font-size:9px!important;line-height:1!important;letter-spacing:.01em}
  .mobileBottomNav button.active{color:#78f0cf!important;background:rgba(37,214,162,.10)!important}

  /* Side drawer opens from bottom-nav More */
  .side{bottom:calc(var(--mobile-nav-h) + 8px + env(safe-area-inset-bottom))!important;top:8px!important;border-radius:24px!important;padding:12px!important}
  .side .brandFree{display:none!important}
  .side .nav{gap:4px!important}
  .side .nav button{min-height:39px!important;padding:8px 10px!important;border-radius:13px!important;font-size:12.5px!important}
  .side #logout{min-height:40px!important;border-radius:13px!important}
  .side .footer{font-size:9px!important;padding-top:6px!important}

  /* Global density */
  .panel,.glass{border-radius:18px!important}
  .panel{padding:12px!important}
  .eyebrow{font-size:9px!important;letter-spacing:.13em!important;margin-bottom:5px!important}
  .muted{font-size:12px!important;line-height:1.35!important}
  h1{font-size:clamp(27px,8.7vw,34px)!important;line-height:.99!important}
  h2{font-size:22px!important;line-height:1.02!important}
  h3{font-size:17px!important;line-height:1.08!important;margin-bottom:7px!important}
  p{line-height:1.4}
  button,.button,a.tiny,a.ghost,a.primary,a.success,.tiny{min-height:40px!important;border-radius:13px!important;padding:9px 11px!important;font-size:11px!important}
  input,select,textarea{min-height:42px!important;border-radius:13px!important}

  /* Horizontal action rails instead of kilometer-tall button stacks */
  .clientDetailHeroActions,.documentDetailActions,.docProHeroActions,.contractRevisionActions,
  .docDetailInlineActions,.serviceBillingTabs,.invoiceCenterActions,.estimateLibraryTools{
    display:flex!important;grid-template-columns:none!important;gap:7px!important;width:100%!important;
    overflow-x:auto!important;overscroll-behavior-x:contain;scroll-snap-type:x proximity;padding:2px 0 4px!important;
    scrollbar-width:none!important;justify-content:flex-start!important;flex-wrap:nowrap!important
  }
  .clientDetailHeroActions::-webkit-scrollbar,.documentDetailActions::-webkit-scrollbar,.docProHeroActions::-webkit-scrollbar,
  .contractRevisionActions::-webkit-scrollbar,.docDetailInlineActions::-webkit-scrollbar,.serviceBillingTabs::-webkit-scrollbar{display:none!important}
  .clientDetailHeroActions>*,.documentDetailActions>*,.docProHeroActions>*,.contractRevisionActions>*,
  .docDetailInlineActions>*,.serviceBillingTabs>*{width:auto!important;min-width:max-content!important;flex:0 0 auto!important;scroll-snap-align:start}

  /* Dashboard: dedicated mobile command deck */
  .dashDesktopHome{display:none!important}
  .dashMobileHome{display:grid;gap:9px}
  .dashExecutive{gap:0!important}
  .mobileCommandCard{display:grid;gap:11px;padding:13px!important;background:linear-gradient(145deg,rgba(13,29,47,.96),rgba(7,13,25,.98))!important;border-color:rgba(37,214,162,.20)!important}
  .mobileCommandHead{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}
  .mobileCommandHead h2{margin:0!important;font-size:23px!important}
  .mobileCommandHead .muted{margin:3px 0 0!important}
  .mobileHealth{min-width:69px;padding:8px 9px;border:1px solid rgba(37,214,162,.18);border-radius:15px;background:rgba(37,214,162,.07);text-align:center}
  .mobileHealth span{display:block;color:#7e91ad;font-size:8px;font-weight:900;text-transform:uppercase;letter-spacing:.12em}
  .mobileHealth strong{display:block;color:#fff;font-size:21px;letter-spacing:-.04em;margin-top:2px}
  .mobileMetricGrid{display:grid;grid-template-columns:1fr 1fr;gap:8px}
  .mobileMetric{min-height:84px!important;padding:10px!important;border:1px solid rgba(255,255,255,.08)!important;border-radius:16px!important;background:rgba(255,255,255,.035)!important;text-align:left!important;display:grid!important;align-content:center!important;gap:3px!important;box-shadow:none!important}
  .mobileMetric span{color:#8496b3;font-size:8.5px;font-weight:900;text-transform:uppercase;letter-spacing:.08em}
  .mobileMetric strong{color:#fff;font-size:21px;line-height:1;letter-spacing:-.05em;overflow-wrap:normal!important;word-break:normal!important}
  .mobileMetric small{color:#8fa1bc;font-size:9.5px;font-weight:750}
  .mobileQuickDeck{display:grid;grid-template-columns:1fr 1fr;gap:8px}
  .mobileQuickAction{min-height:48px!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:6px!important;border:1px solid rgba(255,255,255,.09)!important;border-radius:15px!important;background:rgba(255,255,255,.04)!important;text-decoration:none!important;color:#e8f0fb!important}
  .mobileQuickAction.primary{background:linear-gradient(135deg,#27d8a8,#2dd4bf)!important;color:#052017!important;border-color:transparent!important}
  .mobileQuickAction span{font-size:17px;font-weight:900}.mobileQuickAction b{font-size:11px}
  .mobileDashAccordion{border:1px solid rgba(255,255,255,.075);border-radius:17px;background:linear-gradient(180deg,rgba(16,27,48,.82),rgba(8,14,26,.92));overflow:hidden}
  .mobileDashAccordion summary{list-style:none;cursor:pointer;padding:11px 12px;display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:58px}
  .mobileDashAccordion summary::-webkit-details-marker{display:none}
  .mobileDashAccordion summary>div{display:flex;align-items:center;gap:10px;min-width:0}.mobileDashAccordion summary>div>div{min-width:0}
  .mobileDashAccordion summary b{display:block;color:#f4f8ff;font-size:13px}.mobileDashAccordion summary small{display:block;color:#8799b7;font-size:9.5px;margin-top:2px}
  .mobileDashAccordion summary>em{font-style:normal;font-size:22px;color:#6f819e;transition:transform .2s ease}.mobileDashAccordion[open] summary>em{transform:rotate(90deg)}
  .mobileSectionIcon{width:32px;height:32px;border-radius:11px;display:grid;place-items:center;background:rgba(37,214,162,.09);color:#6ee7c5;font-weight:900}
  .mobileAccordionBody{display:grid;gap:7px;padding:0 9px 9px}
  .mobileAttentionRow,.mobileActivityRow{width:100%!important;min-height:0!important;padding:9px 10px!important;border-radius:14px!important;border:1px solid rgba(255,255,255,.06)!important;background:rgba(255,255,255,.025)!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:10px!important;text-align:left!important}
  .mobileAttentionRow div,.mobileActivityRow div{min-width:0}.mobileAttentionRow span,.mobileActivityRow span{color:#7390aa;font-size:8px;font-weight:900;text-transform:uppercase;letter-spacing:.08em}.mobileAttentionRow b,.mobileActivityRow b{display:block;color:#fff;font-size:12px;margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mobileAttentionRow small,.mobileActivityRow small{display:block;color:#8fa1bc;font-size:9.5px;margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mobileAttentionRow em{font-style:normal;color:#c8d5e8;font-size:9px;white-space:nowrap}.mobileActivityRow>strong{font-size:12px;white-space:nowrap}
  .mobileRevenueCompact>div{display:grid;grid-template-columns:1fr auto;gap:4px 10px;align-items:center;padding:8px 9px;border-radius:13px;background:rgba(255,255,255,.025)}
  .mobileRevenueCompact span{font-size:10px;color:#91a2ba}.mobileRevenueCompact b{font-size:12px}.mobileRevenueCompact i{grid-column:1/-1;height:5px;border-radius:999px;background:linear-gradient(90deg,#25d6a2 var(--progress),rgba(255,255,255,.06) var(--progress));display:block}
  .mobileEmptyState{padding:12px;text-align:center;color:#899ab6;font-size:11px}
  .mobileModuleRail{display:flex;gap:7px;overflow-x:auto;padding:1px 1px 4px;scrollbar-width:none}.mobileModuleRail::-webkit-scrollbar{display:none}.mobileModuleRail button{min-width:max-content!important;flex:0 0 auto!important;min-height:36px!important;padding:7px 11px!important;background:rgba(255,255,255,.045)!important;border:1px solid rgba(255,255,255,.075)!important}

  /* Command centers: compact hero + swipeable KPI rail */
  .docPro,.contractCenter,.clients360,.servicesCommand,.paymentsCommand,.proofCommand,.recurringCommand,.projectsCommand{gap:9px!important}
  .docProHero,.contractCenterHero,.clients360Hero,.servicesCommandHero,.paymentHero,.proofHero,.recurringHero,.projectsHero{padding:13px!important;border-radius:18px!important;gap:10px!important}
  .docProHero h3,.contractCenterHero h3,.clients360Hero h3,.servicesCommandHero h3{font-size:21px!important}
  .docProHero .muted,.contractCenterHero .muted,.clients360Hero .muted,.servicesCommandHero .muted{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin-bottom:3px!important}
  .docProHeroCard,.contractHeroMetric,.clients360HeroMetric,.servicesHeroMetric{padding:11px!important;border-radius:15px!important;min-height:0!important}
  .docProStats,.contractCenterStats,.clients360Stats,.servicesHeroStats,.paymentStats,.proofStats,.projectStats{
    display:grid!important;grid-auto-flow:column!important;grid-auto-columns:minmax(145px,68vw)!important;grid-template-columns:none!important;
    gap:8px!important;overflow-x:auto!important;scroll-snap-type:x mandatory;padding:0 0 4px!important;scrollbar-width:none!important
  }
  .docProStats::-webkit-scrollbar,.contractCenterStats::-webkit-scrollbar,.clients360Stats::-webkit-scrollbar,.servicesHeroStats::-webkit-scrollbar{display:none!important}
  .docProKpi,.contractCenterStats>div,.clients360Stats>div,.servicesHeroStats>div,.paymentStats>div,.proofStats>div,.projectStats>div{min-height:82px!important;padding:11px!important;border-radius:16px!important;scroll-snap-align:start}
  .docProKpi strong,.contractCenterStats strong,.clients360Stats strong{font-size:22px!important}

  /* Libraries and rows */
  .docProLibrary,.contractLibrary,.clients360Library,.serviceCommandLibrary{padding:11px!important}
  .docProLibraryHead,.estimateLibraryHead,.clients360LibraryHead{gap:8px!important;margin-bottom:9px!important}
  .docProLibraryHead .muted,.clients360LibraryHead .muted{display:none!important}
  .docList,.contractLibraryList,.clientPortfolio,.serviceCards{gap:7px!important}
  .docListRow,.contractLibraryRow,.clientPortfolioRow,.serviceCard{padding:10px!important;border-radius:15px!important}

  /* Detail workspaces: less vertical, more swipe */
  .clientDetailWrap,.documentDetailWrap,.projectDetailWrap,.recurringDetailWrap{padding:7px!important;padding-bottom:calc(18px + env(safe-area-inset-bottom))!important}
  .clientDetailShell,.documentDetailShell,.projectDetailShell,.recurringDetailShell{padding:8px!important;border-radius:19px!important;gap:8px!important}
  .clientDetailTop,.documentDetailTop,.projectDetailTop{display:flex!important;grid-template-columns:none!important;align-items:center!important;justify-content:space-between!important;gap:8px!important;min-height:40px!important}
  .clientDetailTop .brand,.documentDetailTop .brand,.projectDetailTop .brand{display:none!important}
  .clientDetailTop>a,.documentDetailTop>a,.projectDetailTop>a{min-height:36px!important;padding:7px 10px!important}
  .clientDetailHero,.documentDetailHero,.projectDetailHero,.recurringDetailHero{padding:12px!important;border-radius:18px!important;gap:10px!important}
  .clientDetailIdentity,.documentDetailIdentity,.projectDetailIdentity{align-items:center!important;gap:10px!important}
  .clientDetailAvatar,.documentDetailIcon,.projectDetailIcon{width:46px!important;height:46px!important;min-width:46px!important;border-radius:15px!important;font-size:17px!important}
  .clientDetailHero h1,.documentDetailHero h1,.projectDetailHero h1{font-size:clamp(25px,8vw,32px)!important;line-height:.98!important;overflow-wrap:anywhere}
  .clientDetailHero .muted,.documentDetailHero .muted,.projectDetailHero .muted{font-size:10.5px!important}
  .clientDetailKpis,.documentDetailKpis,.recurringDetailKpis{
    display:grid!important;grid-auto-flow:column!important;grid-auto-columns:minmax(145px,63vw)!important;grid-template-columns:none!important;
    gap:8px!important;overflow-x:auto!important;padding:0 0 3px!important;scroll-snap-type:x mandatory;scrollbar-width:none!important
  }
  .clientDetailKpis::-webkit-scrollbar,.documentDetailKpis::-webkit-scrollbar,.recurringDetailKpis::-webkit-scrollbar{display:none!important}
  .clientDetailKpis>article,.documentDetailKpis>article,.recurringDetailKpis>article{min-height:90px!important;padding:11px!important;border-radius:16px!important;scroll-snap-align:start}
  .clientDetailKpis strong,.documentDetailKpis strong,.recurringDetailKpis strong{font-size:21px!important}
  .clientDetailGrid,.documentDetailGrid,.projectDetailGrid,.recurringDetailGrid{gap:8px!important}
  .clientDetailInfoGrid,.documentDetailSummary,.projectDetailSummary,.approvalEvidenceGrid,.portalInfoGrid,.evidenceIdentity,.evidenceHashGrid{grid-template-columns:1fr 1fr!important;gap:7px!important}
  .clientDetailInfoGrid>div,.documentDetailSummary>div,.approvalEvidenceGrid>div,.evidenceField,.evidenceHashCard{padding:9px 10px!important;min-height:0!important;border-radius:13px!important}
  .clientDetailInfoGrid span,.documentDetailSummary span,.approvalEvidenceGrid span,.evidenceField span,.evidenceHashCard span{font-size:8px!important}
  .clientDetailInfoGrid b,.documentDetailSummary b,.approvalEvidenceGrid strong,.evidenceField strong{font-size:11.5px!important;line-height:1.2!important}

  /* Signature/evidence mobile */
  .contractSignatureAdmin{padding:12px!important}
  .contractSignatureAdmin .contractSignedGrid{gap:8px!important}
  .contractSignatureAdmin .contractSignaturePreview{min-height:120px!important;padding:8px!important;border-radius:15px!important}
  .contractSignatureAdmin .contractSignatureSvg{max-height:120px!important}
  .contractSignatureAdmin .evidenceIdentity,.contractSignatureAdmin .evidenceHashGrid{grid-template-columns:1fr 1fr!important;gap:7px!important}
  .contractSignatureAdmin .evidenceHashCard{min-width:0!important;padding:9px!important}.contractSignatureAdmin .evidenceHashCard code{font-size:8px!important;line-height:1.3!important;margin-top:5px!important;word-break:break-all!important}
  .agreementSnapshotAdmin{padding:12px!important}
  .contractAgreementText{font-size:12px!important;line-height:1.5!important}.contractAgreementText h2{font-size:19px!important}.contractAgreementText h3{font-size:15px!important}

  /* Modals as near-full-screen sheets */
  .entityStudioBackdrop,.estimateComposerBackdrop,.estimateClientPickerBackdrop{padding:0!important;align-items:end!important;place-items:end center!important}
  .entityStudioModal,.estimateComposerModal,.estimateClientPickerModal{width:100%!important;max-width:none!important;max-height:calc(100dvh - max(10px,env(safe-area-inset-top)))!important;border-radius:24px 24px 0 0!important;border-bottom:0!important}
  .entityStudioChrome{position:sticky!important;top:0!important;z-index:4;padding:10px 12px!important;background:rgba(12,22,39,.98)!important}
  .entityStudioViewport>.entityStudioSource.entityStudioActive{padding:12px 11px calc(18px + env(safe-area-inset-bottom))!important}
  .estimateClientPickerList{max-height:calc(100dvh - 190px)!important}
  .estimateClientPickerRow{min-height:54px!important;padding:9px!important;border-radius:14px!important}

  /* Forms: compact two-column where safe */
  .invoiceEditFields,.invoiceDates,.estimateDates,.invoiceSummaryFields,.paymentFormGrid{grid-template-columns:1fr 1fr!important;gap:8px!important}
  .invoiceEditActions,.estimateEditActions{position:sticky!important;bottom:0!important;z-index:3;padding:8px 0 calc(4px + env(safe-area-inset-bottom))!important;background:linear-gradient(180deg,transparent,rgba(6,12,23,.98) 24%)!important}

  /* Remove oversized empty whitespace */
  .documentDetailText{margin:0!important}.relatedContractAdminCard,.publicEstimateApprovalRecord{padding:11px!important}
  .publicDocSectionHead{gap:8px!important;margin-bottom:8px!important}
}

@media(max-width:390px){
  .mobileMetricGrid,.mobileQuickDeck{grid-template-columns:1fr 1fr!important}
  .clientDetailInfoGrid,.documentDetailSummary,.approvalEvidenceGrid,.evidenceIdentity,.evidenceHashGrid{grid-template-columns:1fr 1fr!important}
  .mobileMetric strong{font-size:19px}
  .clientDetailKpis,.documentDetailKpis,.recurringDetailKpis{grid-auto-columns:minmax(140px,72vw)!important}
  .invoiceEditFields,.invoiceDates,.estimateDates,.invoiceSummaryFields,.paymentFormGrid{grid-template-columns:1fr!important}
}

/* V17.14.1 — Compact relationship/document libraries + stronger iPhone safe-area */
.compactLibraryLauncherPanel{display:grid;grid-template-columns:minmax(0,1fr) minmax(260px,420px) auto;align-items:center;gap:14px}
.compactLibraryLauncherCopy h3{margin:.15rem 0 .25rem}
.compactLibraryLauncher{min-height:62px;display:flex;align-items:center;gap:12px;padding:11px 13px;border-radius:17px;border:1px solid rgba(255,255,255,.08);background:linear-gradient(180deg,rgba(17,31,53,.78),rgba(9,17,31,.94));text-align:left;color:#eef5ff}
.compactLibraryLauncher>span{width:38px;height:38px;display:grid;place-items:center;border-radius:12px;background:rgba(37,214,162,.10);border:1px solid rgba(37,214,162,.22);color:#72e9ca;font-size:18px;font-weight:900;flex:0 0 auto}
.compactLibraryLauncher>div{min-width:0;flex:1}.compactLibraryLauncher b{display:block;font-size:13px}.compactLibraryLauncher small{display:block;color:#8fa2bd;font-size:10px;margin-top:2px}.compactLibraryLauncher em{font-style:normal;font-size:24px;color:#70829f}
.compactLibrarySearch{position:sticky;top:0;z-index:3;padding:0 0 10px;background:linear-gradient(180deg,#0c1729 74%,rgba(12,23,41,0))}
.compactLibrarySearch .searchBox{width:100%!important}
.compactLibraryList{display:grid;gap:7px}
.compactLibraryItem{border:1px solid rgba(255,255,255,.075);border-radius:15px;background:rgba(255,255,255,.025);overflow:hidden}
.compactLibraryItem summary{list-style:none;display:flex;align-items:center;gap:10px;padding:10px 11px;cursor:pointer;min-height:54px}
.compactLibraryItem summary::-webkit-details-marker{display:none}.compactLibraryItem summary>strong,.compactLibrarySummaryText{min-width:0;flex:1}.compactLibraryItem summary>strong,.compactLibrarySummaryText strong{display:block;color:#f4f8ff;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.compactLibrarySummaryText small{display:block;color:#8fa1bc;font-size:10px;margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.compactLibraryItem summary>em{font-style:normal;font-size:22px;color:#72849f;transition:transform .2s}.compactLibraryItem[open] summary>em{transform:rotate(90deg)}
.compactLibraryAvatar{width:34px;height:34px;border-radius:11px;display:grid;place-items:center;flex:0 0 auto;background:rgba(37,214,162,.09);border:1px solid rgba(37,214,162,.20);color:#77edcf;font-size:11px;font-weight:900}
.compactLibraryExpanded{padding:0 10px 10px;display:grid;gap:9px}.compactLibraryFacts{display:grid;grid-template-columns:1fr 1fr;gap:7px}.compactLibraryFacts>div{padding:8px 9px;border-radius:11px;background:rgba(255,255,255,.025);border:1px solid rgba(255,255,255,.055);min-width:0}.compactLibraryFacts .wide{grid-column:1/-1}.compactLibraryFacts span{display:block;color:#7d91af;font-size:8px;font-weight:900;text-transform:uppercase;letter-spacing:.08em}.compactLibraryFacts b{display:block;color:#edf4ff;font-size:10.5px;margin-top:3px;overflow-wrap:anywhere}.compactLibraryOpen{width:100%!important;min-height:40px!important;display:grid!important;place-items:center!important;text-decoration:none!important}

@media(max-width:760px){
  /* iPhone: never let logo/title sit inside the status bar or Dynamic Island zone */
  .mobileTop{
    height:auto!important;
    min-height:calc(58px + env(safe-area-inset-top,0px))!important;
    padding-top:calc(14px + env(safe-area-inset-top,0px))!important;
    padding-left:calc(12px + env(safe-area-inset-left,0px))!important;
    padding-right:calc(12px + env(safe-area-inset-right,0px))!important;
    padding-bottom:9px!important;
  }
  .mobileTop .brandLogoFree{width:36px!important;height:36px!important;min-width:36px!important;min-height:36px!important}
  .mobileTop .brandFree strong{font-size:14px!important}.mobileTop .brandFree span{font-size:10px!important}

  /* Client Operations: no giant desktop-style command center on a phone */
  .clients360Hero{padding:12px!important;display:block!important}
  .clients360Hero>div:first-child>p.muted{display:none!important}
  .clients360Hero h3{font-size:22px!important;line-height:1.04!important;margin-bottom:8px!important}
  .clients360Quick{display:grid!important;grid-template-columns:1fr 1fr!important;gap:7px!important}
  .clients360Quick>*{min-width:0!important;width:100%!important;min-height:42px!important;padding:8px 9px!important}
  .clients360Quick>*:nth-child(3){display:none!important}
  .clients360HeroCard{display:none!important}
  .clients360StatsGrid{display:grid!important;grid-template-columns:1fr 1fr!important;gap:8px!important}
  .clients360StatsGrid .client360Kpi{min-height:82px!important;padding:10px!important;border-radius:15px!important}
  .clients360StatsGrid .client360Kpi strong{font-size:21px!important}
  .clients360StatsGrid .client360Kpi small{font-size:9.5px!important}

  /* Relationship / Estimate libraries become one compact launcher; list lives in popup */
  .compactLibraryLauncherPanel{grid-template-columns:1fr!important;gap:8px!important;padding:11px!important}
  .compactLibraryLauncherCopy .muted{display:none!important}.compactLibraryLauncherCopy h3{font-size:18px!important;margin:0!important}
  .compactLibraryLauncher{width:100%!important;min-height:54px!important;padding:9px 10px!important}
  .compactLibraryLauncher>span{width:34px;height:34px;border-radius:11px}.compactLibraryLauncher b{font-size:12px}.compactLibraryLauncher small{font-size:9px}
  .compactLibraryLauncherPanel>.primary{width:100%!important;min-height:44px!important}

  .dashInsightBackdrop{padding:0!important;align-items:flex-end!important}
  .dashInsightModal{width:100%!important;max-width:none!important;max-height:calc(100dvh - max(12px,env(safe-area-inset-top)))!important;border-radius:24px 24px 0 0!important;border-bottom:0!important}
  .dashInsightHeader{padding:12px!important}.dashInsightHeader h3{font-size:21px!important}.dashInsightHeader .muted{font-size:10px!important}
  .dashInsightBody{padding:0 11px 11px!important;overflow:auto!important;scrollbar-width:none!important}.dashInsightBody::-webkit-scrollbar{display:none!important}
  .dashInsightFooter{padding:9px 11px calc(10px + env(safe-area-inset-bottom))!important;position:sticky!important;bottom:0!important;background:rgba(9,17,31,.98)!important}
  .compactLibrarySearch{padding-top:2px}.compactLibraryItem summary{min-height:50px;padding:8px 9px}.compactLibraryExpanded{padding:0 8px 8px}

  /* Estimate command center: fewer giant blocks before the library launcher */
  .estimateCommandCenter .docProHero{padding:12px!important}
  .estimateCommandCenter .docProHero>div:first-child>.muted{display:none!important}
  .estimateCommandCenter .docProHeroActions{display:grid!important;grid-template-columns:1fr 1fr!important;overflow:visible!important}
  .estimateCommandCenter .docProHeroActions>*{width:100%!important;min-width:0!important;min-height:42px!important}
  .estimateCommandCenter .docProHeroActions>*:nth-child(n+3){display:none!important}
  .estimateCommandCenter .docProHeroCard{padding:10px!important}.estimateCommandCenter .docProHeroCard b{font-size:28px!important}
  .estimateCommandCenter .docProStats{grid-auto-columns:minmax(132px,57vw)!important}
}


/* V17.14.1 — Estimate Library: true one-row mobile launcher */
.compactMobileHint{display:none}
@media(max-width:760px){
  .estimateLibrarySolo.compactLibraryLauncherPanel{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) auto!important;
    align-items:center!important;
    gap:7px!important;
    padding:7px!important;
    border-radius:16px!important;
    min-height:0!important;
  }
  .estimateLibrarySolo .compactLibraryLauncherCopy{display:none!important}
  .estimateLibrarySolo .estimateLibraryLauncher{
    min-width:0!important;
    width:100%!important;
    min-height:46px!important;
    padding:6px 8px!important;
    gap:8px!important;
    border-radius:13px!important;
  }
  .estimateLibrarySolo .estimateLibraryLauncher>span{
    width:31px!important;height:31px!important;border-radius:10px!important;font-size:14px!important;
  }
  .estimateLibrarySolo .estimateLibraryLauncher b{font-size:12px!important;line-height:1.1!important}
  .estimateLibrarySolo .estimateLibraryLauncher small{font-size:9px!important;line-height:1.1!important;margin-top:1px!important}
  .estimateLibrarySolo .estimateLibraryLauncher em{font-size:20px!important}
  .estimateLibrarySolo .estimateLibraryNewBtn{
    width:auto!important;
    min-width:72px!important;
    min-height:46px!important;
    padding:0 11px!important;
    border-radius:13px!important;
    white-space:nowrap!important;
    font-size:12px!important;
  }
  .estimateLibrarySolo .compactDesktopHint{display:none!important}
  .estimateLibrarySolo .compactMobileHint{display:inline!important}
}


/* V17.14.2 — Invoice Center compact library + native mobile billing */
.invoiceCompactSummaryMeta{
  display:grid;justify-items:end;gap:2px;min-width:92px;flex:0 0 auto;text-align:right
}
.invoiceCompactSummaryMeta b{color:#f5f8ff;font-size:12px;white-space:nowrap}
.invoiceCompactSummaryMeta small{color:#8fa1bc;font-size:8.5px;font-weight:900;letter-spacing:.05em}
.invoiceCompactActions{display:grid;grid-template-columns:1fr 1fr;gap:7px}
.invoiceCenterPopup{padding:0!important;gap:10px!important}
.invoiceCenterCompactList{max-height:none!important;overflow:visible!important}
.invoiceCompactFacts{grid-template-columns:1fr 1fr!important}

@media(max-width:760px){
  .invoiceCommandCenter .docProHero{
    padding:11px!important;
  }
  .invoiceCommandCenter .docProHero>div:first-child>.muted{
    display:none!important;
  }
  .invoiceCommandCenter .docProHeroActions{
    display:grid!important;
    grid-template-columns:1fr 1fr!important;
    gap:7px!important;
    overflow:visible!important;
    padding:0!important;
  }
  .invoiceCommandCenter .docProHeroActions>*{
    width:100%!important;
    min-width:0!important;
    min-height:42px!important;
    padding:8px 7px!important;
    font-size:10.5px!important;
  }
  .invoiceCommandCenter .docProHeroCard{
    padding:10px!important;
  }
  .invoiceCommandCenter .docProHeroCard b{
    font-size:27px!important;
  }
  .invoiceCommandCenter .docProStats{
    display:grid!important;
    grid-template-columns:1fr 1fr!important;
    grid-auto-flow:row!important;
    grid-auto-columns:auto!important;
    overflow:visible!important;
    gap:7px!important;
    padding:0!important;
  }
  .invoiceCommandCenter .docProKpi{
    min-height:72px!important;
    padding:9px!important;
    border-radius:14px!important;
  }
  .invoiceCommandCenter .docProKpi strong{
    font-size:19px!important;
  }
  .invoiceCommandCenter .docProKpi small{
    font-size:9px!important;
  }

  .invoiceLibrarySolo.compactLibraryLauncherPanel{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) auto!important;
    align-items:center!important;
    gap:7px!important;
    padding:7px!important;
    border-radius:16px!important;
    min-height:0!important;
  }
  .invoiceLibrarySolo .compactLibraryLauncherCopy{
    display:none!important;
  }
  .invoiceLibrarySolo .invoiceLibraryLauncher{
    min-width:0!important;
    width:100%!important;
    min-height:46px!important;
    padding:6px 8px!important;
    gap:8px!important;
    border-radius:13px!important;
  }
  .invoiceLibrarySolo .invoiceLibraryLauncher>span{
    width:31px!important;height:31px!important;border-radius:10px!important;font-size:14px!important;
  }
  .invoiceLibrarySolo .invoiceLibraryLauncher b{
    font-size:12px!important;line-height:1.1!important;
  }
  .invoiceLibrarySolo .invoiceLibraryLauncher small{
    font-size:9px!important;line-height:1.1!important;margin-top:1px!important;
  }
  .invoiceLibrarySolo .invoiceLibraryLauncher em{
    font-size:20px!important;
  }
  .invoiceLibrarySolo .invoiceLibraryNewBtn{
    width:auto!important;
    min-width:72px!important;
    min-height:46px!important;
    padding:0 11px!important;
    border-radius:13px!important;
    white-space:nowrap!important;
    font-size:12px!important;
  }
  .invoiceLibrarySolo .compactDesktopHint{display:none!important}
  .invoiceLibrarySolo .compactMobileHint{display:inline!important}

  #dashInsight-invoice-library .dashInsightBody{
    padding:8px 9px 10px!important;
  }
  #dashInsight-invoice-library .invoiceCenterLookupRow{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:7px!important;
  }
  #dashInsight-invoice-library .invoiceCenterScope{
    padding:8px 9px!important;
    border-radius:12px!important;
  }
  #dashInsight-invoice-library .invoiceCenterTabs{
    display:grid!important;
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:6px!important;
  }
  #dashInsight-invoice-library .invoiceStatusTab{
    min-height:58px!important;
    padding:7px 6px!important;
    border-radius:12px!important;
    text-align:center!important;
  }
  #dashInsight-invoice-library .invoiceStatusTab span{
    font-size:8px!important;
  }
  #dashInsight-invoice-library .invoiceStatusTab b{
    font-size:17px!important;
  }
  #dashInsight-invoice-library .invoiceStatusTab small{
    font-size:7.5px!important;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
  }
  #dashInsight-invoice-library .invoiceCenterResultsHead{
    display:flex!important;
    align-items:end!important;
    justify-content:space-between!important;
    gap:8px!important;
  }
  #dashInsight-invoice-library .invoiceCenterResultsHead h3{
    font-size:15px!important;
    margin:0!important;
  }
  #dashInsight-invoice-library .invoiceCenterResultsHead>span{
    font-size:9px!important;
    white-space:nowrap;
  }
  #dashInsight-invoice-library .compactLibraryItem summary{
    min-height:48px!important;
    padding:7px 8px!important;
    gap:8px!important;
  }
  #dashInsight-invoice-library .compactLibraryAvatar{
    width:30px!important;height:30px!important;border-radius:10px!important;
  }
  #dashInsight-invoice-library .invoiceCompactSummaryMeta{
    min-width:72px!important;
  }
  #dashInsight-invoice-library .invoiceCompactSummaryMeta b{
    font-size:10.5px!important;
  }
  #dashInsight-invoice-library .invoiceCompactSummaryMeta small{
    font-size:7.5px!important;
  }
  #dashInsight-invoice-library .compactLibraryExpanded{
    padding:0 7px 7px!important;
  }
  #dashInsight-invoice-library .compactLibraryFacts>div{
    padding:7px 8px!important;
  }
  #dashInsight-invoice-library .invoiceCompactActions{
    grid-template-columns:1fr 1fr!important;
  }
  #dashInsight-invoice-library .invoiceCompactActions>*{
    min-height:38px!important;
    font-size:10px!important;
  }
}

/* V17.14.4 — Universal centered floating surfaces + contained invoice queue
   Rule: floating UI stays centered in the usable viewport on phone/tablet.
   Long result sets scroll inside their own premium container with hidden scrollbars. */
@media(max-width:760px){
  .dashInsightBackdrop,
  .entityStudioBackdrop,
  .estimateComposerBackdrop,
  .estimateClientPickerBackdrop,
  .previousItemPickerBackdrop,
  .premiumDecisionBackdrop,
  .paymentConfirmationOverlay{
    align-items:center!important;
    justify-content:center!important;
    place-items:center!important;
    padding-top:max(18px,calc(env(safe-area-inset-top,0px) + 12px))!important;
    padding-right:max(12px,calc(env(safe-area-inset-right,0px) + 10px))!important;
    padding-bottom:max(18px,calc(env(safe-area-inset-bottom,0px) + 12px))!important;
    padding-left:max(12px,calc(env(safe-area-inset-left,0px) + 10px))!important;
  }

  .dashInsightModal,
  .entityStudioModal,
  .estimateComposerModal,
  .estimateClientPickerModal,
  .previousItemPicker,
  .premiumDecisionModal,
  .paymentConfirmationModal{
    width:min(100%,680px)!important;
    max-width:calc(100vw - 24px)!important;
    max-height:min(84dvh,760px)!important;
    margin:auto!important;
    border-radius:22px!important;
    border-bottom-width:1px!important;
  }

  .dashInsightHeader,
  .entityStudioChrome{
    flex:0 0 auto!important;
  }
  .dashInsightBody,
  .entityStudioViewport,
  .estimateComposerBody,
  .estimateClientPickerList{
    min-height:0!important;
    scrollbar-width:none!important;
    -ms-overflow-style:none!important;
  }
  .dashInsightBody::-webkit-scrollbar,
  .entityStudioViewport::-webkit-scrollbar,
  .estimateComposerBody::-webkit-scrollbar,
  .estimateClientPickerList::-webkit-scrollbar{
    display:none!important;
  }

  /* Invoice Library: results live in a contained, independently scrollable box. */
  #dashInsight-invoice-library .invoiceCenterResultsHead{
    margin-top:2px!important;
  }
  #dashInsight-invoice-library .invoiceCenterCompactList{
    max-height:min(34dvh,310px)!important;
    overflow-y:auto!important;
    overflow-x:hidden!important;
    overscroll-behavior:contain!important;
    -webkit-overflow-scrolling:touch!important;
    scrollbar-width:none!important;
    -ms-overflow-style:none!important;
    padding:7px!important;
    border:1px solid rgba(255,255,255,.075)!important;
    border-radius:16px!important;
    background:linear-gradient(180deg,rgba(8,17,31,.74),rgba(5,11,22,.9))!important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.025)!important;
  }
  #dashInsight-invoice-library .invoiceCenterCompactList::-webkit-scrollbar{
    width:0!important;
    height:0!important;
    display:none!important;
  }
  #dashInsight-invoice-library .invoiceCenterCompactList .compactLibraryItem{
    margin:0!important;
  }
  #dashInsight-invoice-library .invoiceCenterCompactList .compactLibraryItem + .compactLibraryItem{
    margin-top:7px!important;
  }
}

/* V17.14.5 — Modal shell stays fixed; only the invoice result box scrolls.
   Global floating rule remains centered. Invoice Library uses one contained scroll region. */
@media(max-width:760px){
  #dashInsight-invoice-library .dashInsightModal{
    height:min(84dvh,760px)!important;
    max-height:min(84dvh,760px)!important;
    overflow:hidden!important;
  }
  #dashInsight-invoice-library .dashInsightBody{
    display:flex!important;
    flex:1 1 auto!important;
    min-height:0!important;
    overflow:hidden!important;
    overscroll-behavior:none!important;
  }
  #dashInsight-invoice-library .invoiceCenterPopup{
    display:flex!important;
    flex-direction:column!important;
    flex:1 1 auto!important;
    width:100%!important;
    min-height:0!important;
    overflow:hidden!important;
    gap:8px!important;
  }
  #dashInsight-invoice-library .invoiceCenterLookupRow,
  #dashInsight-invoice-library .invoiceCenterTabs,
  #dashInsight-invoice-library .compactLibrarySearch,
  #dashInsight-invoice-library .invoiceCenterResultsHead{
    flex:0 0 auto!important;
  }
  #dashInsight-invoice-library .invoiceCenterCompactList{
    flex:1 1 0!important;
    min-height:150px!important;
    max-height:none!important;
    overflow-y:auto!important;
    overflow-x:hidden!important;
    overscroll-behavior:contain!important;
    touch-action:pan-y!important;
    -webkit-overflow-scrolling:touch!important;
    scrollbar-width:none!important;
    -ms-overflow-style:none!important;
  }
  #dashInsight-invoice-library .invoiceCenterCompactList::-webkit-scrollbar{
    display:none!important;
    width:0!important;
    height:0!important;
  }
  #dashInsight-invoice-library .dashInsightFooter{
    flex:0 0 auto!important;
  }
}


/* V17.14.6 — Global mobile compact-record drilldown.
   Any .compactLibraryItem opens in a centered secondary modal on mobile;
   parent library/search/filter/scroll position stays untouched. */
.compactRecordBackdrop{
  position:fixed; inset:0; z-index:2600; display:grid; place-items:center;
  padding:max(18px,env(safe-area-inset-top)) 16px max(18px,env(safe-area-inset-bottom));
  background:rgba(2,7,14,.72); backdrop-filter:blur(14px); -webkit-backdrop-filter:blur(14px);
  opacity:0; visibility:hidden; transition:opacity .18s ease,visibility .18s ease;
}
.compactRecordBackdrop.show{opacity:1;visibility:visible}
.compactRecordModal{
  width:min(560px,100%); max-height:min(76dvh,720px); overflow:hidden;
  display:grid; grid-template-rows:auto minmax(0,1fr); padding:0!important;
  border:1px solid rgba(37,214,162,.26)!important; border-radius:26px!important;
  background:linear-gradient(180deg,rgba(16,29,50,.995),rgba(6,13,24,.995))!important;
  box-shadow:0 34px 110px rgba(0,0,0,.65),0 0 0 1px rgba(255,255,255,.025)!important;
}
.compactRecordHeader{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;padding:18px;border-bottom:1px solid rgba(148,163,184,.14)}
.compactRecordHeader h3{margin:3px 0 2px;font-size:clamp(22px,6vw,30px);line-height:1.02;letter-spacing:-.035em}
.compactRecordHeader .muted{margin:5px 0 0}
.compactRecordBody{min-height:0;overflow:auto;overscroll-behavior:contain;padding:16px;scrollbar-width:none;-ms-overflow-style:none}
.compactRecordBody::-webkit-scrollbar{width:0;height:0}
.compactRecordBody .compactLibraryFacts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.compactRecordBody .compactLibraryFacts>div{min-width:0;padding:12px;border:1px solid rgba(148,163,184,.13);border-radius:16px;background:rgba(15,23,42,.54)}
.compactRecordBody .compactLibraryFacts .wide{grid-column:1/-1}
.compactRecordBody .compactLibraryFacts span{display:block;margin-bottom:5px;font-size:10px;letter-spacing:.11em;text-transform:uppercase;color:#91a0b8;font-weight:800}
.compactRecordBody .compactLibraryFacts b{display:block;overflow-wrap:anywhere}
.compactRecordBody .invoiceCompactActions,.compactRecordBody .docActions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:14px}
.compactRecordBody .invoiceCompactActions>*{min-height:48px;display:flex;align-items:center;justify-content:center;text-align:center}
@media (max-width:820px){
  .compactLibraryItem>summary{cursor:pointer}
  .compactLibraryItem>summary em{transform:none!important}
  .compactLibraryItem[open]>.compactLibraryExpanded{display:none!important}
  .compactRecordBackdrop{padding-top:max(24px,calc(env(safe-area-inset-top) + 12px));padding-bottom:max(24px,calc(env(safe-area-inset-bottom) + 12px))}
  .compactRecordModal{width:min(92vw,560px);max-height:min(72dvh,680px);border-radius:24px!important}
  .compactRecordHeader{padding:16px}
  .compactRecordBody{padding:14px}
}
@media (max-width:430px){
  .compactRecordModal{width:94vw;max-height:70dvh}
  .compactRecordBody .compactLibraryFacts{grid-template-columns:1fr 1fr}
  .compactRecordBody .invoiceCompactActions,.compactRecordBody .docActions{grid-template-columns:1fr}
}

/* V17.15.6 - Android Invoice Library containment.
   Rows keep their natural height and only the queue scrolls. */
@media (max-width:820px){
  #dashInsight-invoice-library .dashInsightModal{
    height:min(86svh,760px)!important;
    max-height:min(86svh,760px)!important;
  }
  #dashInsight-invoice-library .invoiceCenterCompactList{
    display:block!important;
    flex:1 1 auto!important;
    min-height:190px!important;
    padding:8px!important;
    overflow-y:auto!important;
    overflow-x:hidden!important;
    contain:layout paint!important;
  }
  #dashInsight-invoice-library .invoiceCenterCompactList .invoiceCompactItem{
    display:block!important;
    position:relative!important;
    width:100%!important;
    min-height:56px!important;
    margin:0!important;
    overflow:hidden!important;
  }
  #dashInsight-invoice-library .invoiceCenterCompactList .invoiceCompactItem + .invoiceCompactItem{
    margin-top:9px!important;
  }
  #dashInsight-invoice-library .invoiceCompactItem>summary{
    display:flex!important;
    min-height:56px!important;
    height:auto!important;
    padding:9px 10px!important;
    line-height:1.25!important;
  }
  #dashInsight-invoice-library .invoiceCompactItem .compactLibrarySummaryText strong,
  #dashInsight-invoice-library .invoiceCompactItem .compactLibrarySummaryText small,
  #dashInsight-invoice-library .invoiceCompactSummaryMeta b,
  #dashInsight-invoice-library .invoiceCompactSummaryMeta small{
    line-height:1.25!important;
  }
  #dashInsight-invoice-library .dashInsightFooter{
    position:relative!important;
    z-index:4!important;
  }
}

/* V17.14.7 — Global native back navigation for private detail workspaces.
   Detail views sit below iPhone system chrome and keep Back reachable while scrolling. */
@media (max-width:820px){
  .clientDetailWrap,
  .documentDetailWrap,
  .contractDetailWrap,
  .projectDetailWrap,
  .recurringDetailWrap{
    padding-top:max(58px,calc(env(safe-area-inset-top,0px) + 16px))!important;
  }
  .clientDetailTop,
  .documentDetailTop,
  .projectDetailTop{
    position:sticky!important;
    top:max(8px,calc(env(safe-area-inset-top,0px) + 8px))!important;
    z-index:120!important;
    min-height:46px!important;
    padding:5px!important;
    margin:0 0 4px!important;
    border:1px solid rgba(148,163,184,.10)!important;
    border-radius:15px!important;
    background:rgba(5,12,23,.90)!important;
    box-shadow:0 10px 28px rgba(0,0,0,.28)!important;
    backdrop-filter:blur(16px)!important;
    -webkit-backdrop-filter:blur(16px)!important;
  }
  .clientDetailTop .detailBackLink,
  .documentDetailTop .detailBackLink,
  .projectDetailTop .detailBackLink{
    min-height:38px!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    padding:8px 12px!important;
    border-radius:12px!important;
    white-space:nowrap!important;
    touch-action:manipulation!important;
  }
}


/* V17.15.14 — Native iOS-style scrolling across the entire app.
   Scrolling remains fully functional by wheel, trackpad, keyboard and touch,
   but browser/desktop scrollbar chrome is intentionally invisible. */
html,body,#root,*{
  scrollbar-width:none!important;
  -ms-overflow-style:none!important;
}
html::-webkit-scrollbar,body::-webkit-scrollbar,#root::-webkit-scrollbar,*::-webkit-scrollbar{
  width:0!important;
  height:0!important;
  display:none!important;
  background:transparent!important;
}
html,body,#root,
.clientDetailWrap,.documentDetailWrap,.projectDetailWrap,.recurringDetailWrap,
.dashInsightBody,.entityStudioViewport,.estimateComposerForm,.estimateClientList,
.clientDetailList,.compactRecordBody,.invoiceCenterCompactList,.side .nav{
  -webkit-overflow-scrolling:touch;
}

/* Payment History: never squeeze method/date into a one-character column. */
.paymentHistoryCard{
  grid-template-columns:minmax(170px,1fr) auto!important;
  grid-template-areas:"paymentMeta paymentAmount" "paymentActions paymentActions";
  gap:11px 14px!important;
  align-items:center!important;
}
.paymentHistoryMeta{grid-area:paymentMeta;min-width:0;display:flex;align-items:center;gap:7px 9px;flex-wrap:wrap}
.paymentHistoryMeta strong{flex:0 0 100%;width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.paymentHistoryMeta small{display:inline-flex!important;align-items:center;margin:0!important;white-space:nowrap!important;line-height:1.25}
.paymentMethodPill{display:inline-flex!important;align-items:center;min-width:max-content;padding:4px 8px;border-radius:999px;border:1px solid rgba(37,214,162,.22);background:rgba(37,214,162,.08);color:#d9fff3;font-size:10px;font-weight:900;line-height:1;text-transform:none;white-space:nowrap!important}
.paymentHistoryAmount{grid-area:paymentAmount;justify-self:end!important;align-self:center;white-space:nowrap!important}
.paymentHistoryActions{grid-area:paymentActions;display:flex!important;justify-content:flex-end!important;gap:7px!important;flex-wrap:wrap!important;min-width:0}
.paymentHistoryActions>*{flex:0 0 auto}
@media(max-width:620px){
  .paymentHistoryCard{grid-template-columns:1fr!important;grid-template-areas:"paymentMeta" "paymentAmount" "paymentActions"!important}
  .paymentHistoryAmount{justify-self:start!important}
  .paymentHistoryActions{display:grid!important;grid-template-columns:1fr!important;justify-content:stretch!important;width:100%}
  .paymentHistoryActions>*{width:100%!important}
}

/* Record Payment: replace browser prompts with a centered native sheet. */
.quickPaymentOverlay{
  position:fixed;inset:0;z-index:100500;display:grid;place-items:center;
  padding:max(18px,env(safe-area-inset-top)) max(14px,env(safe-area-inset-right)) max(18px,env(safe-area-inset-bottom)) max(14px,env(safe-area-inset-left));
  background:rgba(2,6,23,.76);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);
}
.quickPaymentSheet{
  width:min(600px,100%);max-height:min(86dvh,720px);overflow:auto!important;padding:22px!important;
  border-radius:26px!important;border:1px solid rgba(45,212,191,.28)!important;
  background:radial-gradient(circle at 100% 0,rgba(37,214,162,.14),transparent 34%),linear-gradient(155deg,rgba(16,29,50,.995),rgba(6,13,24,.995))!important;
  box-shadow:0 34px 110px rgba(0,0,0,.62)!important;
}
.quickPaymentHead{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:18px}
.quickPaymentHead h2{margin:3px 0 5px;font-size:clamp(26px,4vw,36px);line-height:1.02;letter-spacing:-.04em}
.quickPaymentHead .muted{margin:0}
.quickPaymentForm{display:grid;gap:14px}
.quickPaymentForm label{display:grid;gap:7px;color:#dbe7fb;font-size:12px;font-weight:900}
.quickPaymentForm label>.muted{display:inline;font-weight:700;font-size:10px}
.quickPaymentGrid{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.quickPaymentMoneyInput{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;border:1px solid rgba(37,214,162,.3);border-radius:18px;background:rgba(2,8,20,.62);overflow:hidden}
.quickPaymentMoneyInput>span{padding-left:14px;color:#7ff3d1;font-size:18px;font-weight:950}
.quickPaymentMoneyInput input{border:0!important;background:transparent!important;box-shadow:none!important;font-size:24px!important;font-weight:950!important;padding:12px 14px 12px 8px!important}
.quickPaymentAmount small{color:#91a0b8;font-size:10px;font-weight:800}
.quickPaymentActions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:4px}
.quickPaymentActions button{min-height:48px}
@media(max-width:620px){
  .quickPaymentOverlay{place-items:center!important;padding:12px!important}
  .quickPaymentSheet{width:min(94vw,600px)!important;max-height:82dvh!important;border-radius:24px!important;padding:18px!important}
  .quickPaymentGrid,.quickPaymentActions{grid-template-columns:1fr}
}