/* V7.4.8 — responsive audit fixes and remote computer print UI */
:where(.main-area,.page-host,.panel,.page-head,.page-actions,.toolbar,.dashboard-grid,.stats-grid,.settings-grid,.form-grid,.wizard,.wizard-content,.cards-list,.profile-hero,.profile-person,.profile-stats,.sticky-actions,.tabs,.data-table,.table-wrap,.modal-card,.v8-panel,.p15-settings-layout,.p15-settings-stack){min-width:0;max-width:100%}
:where(.panel,.customer-card,.contract-card,.activity,.urgent-row,.installment-manager-card,.receipt-review-card,.backup-card,.sync-peer,.legacy-customer-card) :where(b,strong,span,small,p,h1,h2,h3,h4,code){overflow-wrap:anywhere;word-break:normal}
.page-host{overflow-x:clip}.panel{overflow-wrap:anywhere}.panel-head{min-width:0;gap:10px}.panel-head>div,.panel-head>h3{min-width:0}.panel-head h3{overflow-wrap:anywhere}
.page-head>div{min-width:0}.page-head h2,.page-head p{max-width:100%;overflow-wrap:anywhere}.page-actions{display:flex;flex-wrap:wrap;gap:8px}.page-actions .btn{max-width:100%}
.toolbar{flex-wrap:wrap}.toolbar>*{min-width:0}.search-box input,.field input,.field textarea,.field select{min-width:0;max-width:100%}
.table-wrap{width:100%;max-width:100%;overflow:auto;overscroll-behavior-inline:contain}.data-table{width:100%}.data-table th,.data-table td{max-width:320px;overflow-wrap:anywhere}.row-actions{min-width:0;flex-wrap:wrap}.row-actions .btn{max-width:100%;white-space:normal}
.tabs,.settings-tabs,.v8-tabs,.profile-tabs{max-width:100%;overflow-x:auto;overscroll-behavior-inline:contain;scrollbar-width:thin}.tabs button,.settings-tabs button,.v8-tabs button,.profile-tabs button{flex:0 0 auto;white-space:nowrap}
.sticky-actions{max-width:100%;overflow-x:auto;overscroll-behavior-inline:contain;scrollbar-width:thin}.sticky-actions>*{flex:0 0 auto}
.modal{max-width:min(96vw,920px);max-height:94dvh}.modal::backdrop{background:#07171399}.modal-card{max-width:100%;max-height:92dvh;overflow:auto}.modal-head{position:sticky;top:0;z-index:3;background:var(--surface,#fff);padding-bottom:8px}.modal-actions{position:sticky;bottom:-1px;background:var(--surface,#fff);padding-top:10px;z-index:3;flex-wrap:wrap}.modal-actions .btn{min-width:130px;flex:1}
.v16-remote-print-panel{border:1px solid color-mix(in srgb,var(--primary) 35%,var(--line));background:linear-gradient(135deg,color-mix(in srgb,var(--primary-soft) 75%,#fff),#fff)}
.v16-agent-status{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:12px 0}.v16-agent-stat{border:1px solid var(--line);border-radius:14px;background:var(--surface,#fff);padding:11px;min-width:0}.v16-agent-stat span{display:block;color:var(--muted);font-size:.78rem}.v16-agent-stat b{display:block;margin-top:5px;overflow-wrap:anywhere}.v16-agent-stat .online{color:#08783f}.v16-agent-stat .offline{color:#a33131}.v16-print-jobs{display:grid;gap:7px;margin-top:10px}.v16-print-job{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:10px;align-items:center;border:1px solid var(--line);border-radius:12px;padding:9px 10px;background:var(--surface,#fff)}.v16-print-job>div{min-width:0}.v16-print-job small{display:block;color:var(--muted);margin-top:3px}.v16-print-status{border-radius:99px;padding:4px 9px;background:var(--primary-soft);font-size:.75rem;white-space:nowrap}.v16-print-status.printed{background:#e7f7ed;color:#08783f}.v16-print-status.failed{background:#ffeaea;color:#a33131}.v16-print-status.queued,.v16-print-status.claimed{background:#fff5d7;color:#7d5b00}.v16-remote-hint{border:1px solid #d8c36c;background:#fff9e2;border-radius:12px;padding:10px 12px;line-height:1.8}.v16-print-choice{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.v16-print-choice .btn{min-height:48px;white-space:normal}.v16-primary-mobile{box-shadow:0 8px 18px color-mix(in srgb,var(--primary) 28%,transparent)}
@media(max-width:980px){
  .dashboard-grid,.settings-grid,.payment-layout,.sms-layout,.p15-settings-layout{width:100%}
  .page-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.page-actions .btn{width:100%}
  .v16-agent-status{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:760px){
  html,body{max-width:100%;overflow-x:hidden}body{font-size:14px}.main-area{width:100%;overflow-x:hidden}.page-host{width:100%;padding-inline:10px}
  input,select,textarea,button{font-size:16px} .btn{font-size:13px;line-height:1.35;min-height:40px;padding-inline:11px}
  .topbar{width:100%;gap:6px}.topbar-title{min-width:0;flex:1}.topbar-title>div{min-width:0}.topbar h1{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:48vw}.topbar p{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:45vw}
  .page-head{gap:10px}.page-actions{grid-template-columns:1fr 1fr}.page-actions .btn{min-width:0}
  .toolbar{display:grid;grid-template-columns:1fr;gap:8px}.toolbar>*{width:100%!important}.view-switch{display:grid!important;grid-auto-flow:column;grid-auto-columns:1fr;overflow:auto}.view-switch button{min-width:78px}
  .stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.stat-card{min-width:0}.stat-card>strong{font-size:1.25rem;overflow-wrap:anywhere}
  .profile-person{width:100%;align-items:flex-start}.profile-person>div:last-child{min-width:0}.profile-person h2{font-size:1.25rem;overflow-wrap:anywhere}.profile-stats{grid-template-columns:repeat(2,minmax(0,1fr))!important}.profile-stat{min-width:0}.profile-stat strong{overflow-wrap:anywhere}
  .sticky-actions{margin-inline:-10px;padding-inline:10px}.sticky-actions .btn{min-width:max-content;min-height:42px}
  .panel{padding:12px;border-radius:15px}.panel-head{align-items:flex-start;flex-wrap:wrap}.panel-head .btn{max-width:100%}
  .data-table{min-width:680px}.data-table th,.data-table td{white-space:normal;max-width:220px}.data-table .row-actions{min-width:150px}
  .cards-list,.documents-grid,.doc-staging,.feature-grid,.analysis-grid,.receipt-review-grid{grid-template-columns:1fr!important}
  .installment-manager-card{grid-template-columns:1fr!important}.installment-manager-card>*{grid-column:1!important}
  .contract-ledger-row{grid-template-columns:12px minmax(0,1fr)!important}.contract-ledger-row>div:nth-child(3),.ledger-balance{grid-column:2!important;text-align:right!important;border:0!important;padding:4px 0!important}
  .legacy-entry-table,.v9-entry-grid,.v9-schedule,.legacy-schedule-grid{min-width:760px}.legacy-item-row{position:relative}
  .v16-agent-status{grid-template-columns:1fr}.v16-print-job{grid-template-columns:auto minmax(0,1fr)}.v16-print-job .v16-print-status{grid-column:2;justify-self:start}.v16-print-choice{grid-template-columns:1fr}
  .p15-preview-panel iframe{height:500px!important}.p15-savebar{position:sticky;bottom:72px;z-index:4;flex-direction:column}.p15-savebar .btn{width:100%}
}
@media(max-width:430px){
  .page-actions{grid-template-columns:1fr}.page-actions .btn{width:100%}.stats-grid,.profile-stats{grid-template-columns:1fr!important}.quick-grid{grid-template-columns:1fr!important}.detail-grid,.contract-summary-grid,.financial-review-grid{grid-template-columns:1fr!important}
  .topbar h1{max-width:42vw}.topbar p{display:none}.topbar-actions .icon-btn{width:34px;height:34px}.mobile-nav{right:5px;left:5px;bottom:5px}
  .modal{max-width:100vw;width:100vw;max-height:100dvh;border-radius:0}.modal-card{min-height:100dvh;border-radius:0;padding:14px}.modal-actions{bottom:0}.modal-actions .btn{flex-basis:100%}
  .p15-preview-panel iframe{height:430px!important}
}

/* V7.4.8 final mobile review corrections */
@media(max-width:760px){
  .page-host{padding-bottom:112px!important}
  .sticky-actions{
    position:static!important;
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:7px!important;
    margin:0 0 12px!important;
    padding:8px!important;
    overflow:visible!important;
    backdrop-filter:none!important;
  }
  .sticky-actions>*{
    min-width:0!important;
    width:100%!important;
    max-width:100%!important;
    white-space:normal!important;
    overflow-wrap:anywhere;
    justify-content:center;
  }
  .profile-tabs{
    display:grid!important;
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:6px!important;
    overflow:visible!important;
    padding-bottom:0!important;
  }
  .profile-tabs button{
    min-width:0!important;
    width:100%!important;
    max-width:100%!important;
    white-space:normal!important;
    line-height:1.45;
    padding:8px 5px!important;
    font-size:12px!important;
  }
  .settings-grid,.settings-grid>*,.switch-field,.setting-switch{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    box-sizing:border-box!important;
  }
  .switch-field>span,.setting-switch>span{min-width:0!important;max-width:100%!important;overflow-wrap:anywhere}
  .v16-remote-print-panel{width:100%;max-width:100%;overflow:hidden}
}
@media(max-width:380px){
  .profile-tabs{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}

/* Exact width accounting found during the Windows/Android screenshot review. */
*,*::before,*::after{box-sizing:border-box}
.v10-customer-list,.v10-contract-list{width:100%;max-width:100%;min-width:0}
.v10-customer-card,.v10-contract-card{width:100%;max-width:100%;min-width:0}
.v10-customer-metrics,.v10-contract-money{grid-template-columns:repeat(2,minmax(0,1fr))!important}
.v10-metric,.v10-contract-money>div{overflow:hidden}
.v10-metric b,.v10-contract-money b{max-width:100%;word-break:break-word;overflow-wrap:anywhere;font-variant-numeric:tabular-nums}
.v10-metric .money,.v10-contract-money .money{font-size:.82rem;line-height:1.45}
.card-top,.card-top>*{min-width:0;max-width:100%}
.switch-field,.setting-switch{overflow:hidden}
@media(min-width:761px){
  .v10-contract-list{grid-template-columns:repeat(auto-fill,minmax(335px,1fr))}
  .v10-customer-list{grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}
}
.card-top{overflow:hidden}
.card-top>label{min-width:60px;max-width:100%;white-space:normal;overflow-wrap:anywhere}
.card-top>label{flex:0 0 60px!important;width:60px!important}