/* MJ Installments 0.10 — application layout and search system */
.mj-inst-app{--mj-primary-contrast:#fff;--mj-ring:0 0 0 3px color-mix(in srgb,var(--mj-primary) 16%,transparent);--mj-muted:#526176;--mj-border:#d7dfea}
.mj-inst-app[data-theme="dark"]{--mj-muted:#acbad0;--mj-border:#344359}
.mj-inst-main{padding:14px 14px 92px}
.mj-inst-page{gap:12px}
.mj-inst-grid{gap:10px;align-items:start}
.mj-inst-grid>*{min-width:0}
.mj-inst-panel{padding:14px}
.mj-inst-panel h2{margin-bottom:10px}
.mj-inst-panel-head{margin-bottom:10px}
.mj-inst-stat{min-height:0;padding:13px;gap:3px}
.mj-inst-stat strong{margin:2px 0;font-size:clamp(18px,3vw,24px);line-height:1.35}
.mj-inst-stat a{margin-top:4px}
.mj-inst-dashboard-grid{align-items:stretch}
.mj-inst-dashboard-grid>.mj-inst-stat{height:100%;min-height:104px}
.mj-inst-form-grid{gap:10px 12px;align-items:start}
.mj-inst-form-grid label,.mj-inst-mini-form label,.mj-inst-action-form label{align-content:start}
.mj-inst-form-grid label>small,.mj-inst-field>small,.mj-inst-help{line-height:1.65}
.mj-inst-form-grid input,.mj-inst-form-grid select,.mj-inst-form-grid textarea,.mj-inst-mini-form input,.mj-inst-mini-form textarea,.mj-inst-action-form input,.mj-inst-action-form textarea{min-height:44px}
.mj-inst-form-grid textarea,.mj-inst-mini-form textarea{min-height:72px}
.mj-inst-button{font-size:12px;font-weight:800;min-height:42px}
.mj-inst-button-soft{background:color-mix(in srgb,var(--mj-primary) 14%,var(--mj-surface));color:var(--mj-text);border-color:color-mix(in srgb,var(--mj-primary) 32%,var(--mj-border))}
.mj-inst-button-ghost{background:var(--mj-surface);border-color:var(--mj-border);color:var(--mj-text)}
.mj-inst-button-primary{color:var(--mj-primary-contrast,#fff);background:var(--mj-primary)}
.mj-inst-button:focus-visible,.mj-inst-icon-button:focus-visible,a:focus-visible{outline:3px solid color-mix(in srgb,var(--mj-primary) 35%,transparent);outline-offset:2px}
.mj-inst-app[data-theme="dark"] .mj-inst-button-primary{background:var(--mj-primary);color:var(--mj-primary-contrast,#fff)}
.mj-inst-wizard-card{padding:14px}
.mj-inst-wizard-step{gap:10px}
.mj-inst-wizard-head{padding:12px}
.mj-inst-wizard-track{margin:9px 0}
.mj-inst-wizard-title h2{font-size:16px}
.mj-inst-step-copy{margin:0}
.mj-inst-step-copy h3{margin:0}
.mj-inst-step-copy p{margin:2px 0 0}
.mj-inst-wizard-actions{padding-top:4px}
.mj-inst-down-box{margin-top:10px;padding:13px;gap:10px}
.mj-inst-down-summary{gap:8px}
.mj-inst-down-summary>div{min-height:0;padding:10px 12px}
.mj-inst-down-summary strong{font-size:17px}
.mj-inst-stage-row{padding:12px;gap:8px}
.mj-inst-stage-fields{margin-top:7px}
.mj-inst-stage-note{margin-top:7px}
.mj-inst-stage-title small{font-size:10px}
.mj-inst-installment-focus{gap:10px}
.mj-inst-schedule-preview{margin-top:9px}
.mj-inst-manual-toggle{margin-top:9px}
.mj-inst-installment-dates{margin-top:10px}
.mj-inst-date-field{min-width:0}
.mj-inst-form-grid>[hidden],.mj-inst-wizard-step[hidden],.mj-inst-date-popover[hidden]{display:none!important}
.mj-inst-form-grid>.mj-inst-span-2{grid-column:1/-1}
.mj-inst-customer-installments{min-width:0}
.mj-inst-customer-installments details{margin-top:10px}
.mj-inst-customer-installments .mj-inst-table{font-variant-numeric:tabular-nums}
.mj-inst-customer-installments .mj-inst-table strong{white-space:nowrap}
.mj-inst-filterbar{gap:8px;margin-bottom:10px;align-items:end}
.mj-inst-filterbar input,.mj-inst-filterbar select{min-height:42px}
.mj-inst-filterbar input[type="search"]{min-width:0}
.mj-inst-filterbar .mj-inst-button{min-height:42px}
.mj-inst-main.is-loading-content{position:relative}
.mj-inst-main.is-loading-content::before{content:"";position:fixed;inset:68px 0 0;z-index:48;background:color-mix(in srgb,var(--mj-bg) 38%,transparent);pointer-events:none;backdrop-filter:blur(1px)}
.mj-inst-main.is-loading-content::after{content:"";position:fixed;z-index:49;top:50%;left:50%;width:35px;height:35px;border:3px solid color-mix(in srgb,var(--mj-primary) 18%,var(--mj-border));border-top-color:var(--mj-primary);border-radius:50%;animation:mjInstSpin .7s linear infinite;pointer-events:none}
@keyframes mjInstSpin{to{transform:rotate(360deg)}}
.mj-inst-spinner{display:inline-block;flex:none;width:18px;height:18px;border:2px solid var(--mj-border);border-top-color:var(--mj-primary);border-radius:50%;animation:mjInstSpin .7s linear infinite}
.mj-inst-global-search{position:relative;overflow:visible}
.mj-inst-search-heading{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:10px}
.mj-inst-search-heading h2{font-size:16px;margin:0}
.mj-inst-search-heading p{font-size:11px;color:var(--mj-muted);margin:2px 0 0}
.mj-inst-search-hint{padding:4px 7px;border:1px solid var(--mj-border);border-radius:7px;font-size:10px;color:var(--mj-muted);direction:ltr}
.mj-inst-search-input-wrap{display:flex;align-items:center;gap:10px;min-height:48px;padding:0 12px;border:1px solid var(--mj-border);border-radius:14px;background:var(--mj-input)}
.mj-inst-search-input-wrap:focus-within{border-color:var(--mj-primary);box-shadow:var(--mj-ring)}
.mj-inst-search-input-wrap input{flex:1;min-width:0;min-height:46px;border:0!important;outline:0!important;box-shadow:none!important;background:transparent!important;color:var(--mj-text);font:inherit}
.mj-inst-search-symbol{font-size:25px;line-height:1;color:var(--mj-primary-text)}
.mj-inst-search-results{display:grid;gap:6px;padding-top:10px}
.mj-inst-search-results[hidden]{display:none}
.mj-inst-search-state{display:flex;align-items:center;gap:9px;padding:14px;color:var(--mj-muted);font-size:12px}
.mj-inst-search-result{display:flex;align-items:center;gap:10px;padding:10px 12px;border:1px solid var(--mj-border);border-radius:12px;background:var(--mj-surface-2);text-decoration:none;min-width:0;transition:background .12s,border-color .12s}
.mj-inst-search-result:hover,.mj-inst-search-result:focus-visible{border-color:var(--mj-primary);background:color-mix(in srgb,var(--mj-primary) 5%,var(--mj-surface))}
.mj-inst-search-category{display:inline-flex;align-items:center;justify-content:center;flex:none;min-width:58px;padding:5px 8px;border-radius:9px;font-size:10px;font-weight:800;background:var(--mj-info-bg);color:var(--mj-info)}
.mj-inst-search-category.is-contract{background:color-mix(in srgb,var(--mj-primary) 12%,var(--mj-surface));color:var(--mj-primary-text)}
.mj-inst-search-category.is-installment{background:var(--mj-warning-bg);color:var(--mj-warning)}
.mj-inst-search-result-copy{min-width:0;flex:1;display:grid;gap:2px}
.mj-inst-search-result-copy strong{font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mj-inst-search-result-copy small{font-size:10px;color:var(--mj-muted);overflow-wrap:anywhere}
.mj-inst-search-go{color:var(--mj-primary-text);font-size:15px}
.mj-inst-table-wrap{max-width:100%;overflow-x:auto;scrollbar-width:thin}
.mj-inst-table th,.mj-inst-table td{padding:10px}
.mj-inst-table tbody tr:target{outline:2px solid var(--mj-primary);outline-offset:-2px}
@media(min-width:700px){
 .mj-inst-form-grid:not(.mj-inst-form-grid-1){grid-template-columns:repeat(2,minmax(0,1fr))}
 .mj-inst-grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}
 .mj-inst-grid-4{grid-template-columns:repeat(4,minmax(0,1fr))}
 .mj-inst-filterbar{grid-template-columns:minmax(180px,2fr) minmax(140px,1fr) auto auto}
 .mj-inst-stage-fields{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(min-width:1200px){
 .mj-inst-main{padding:18px 20px 40px}
 .mj-inst-panel{padding:16px}
 .mj-inst-form-grid{gap:10px 14px}
 .mj-inst-stat{padding:14px}
}
@media(max-width:699px){
 .mj-inst-main{padding:12px 10px 88px}
 .mj-inst-panel,.mj-inst-wizard-card{padding:12px}
 .mj-inst-page{gap:10px}
 .mj-inst-grid{gap:8px}
 .mj-inst-grid-4{grid-template-columns:repeat(2,minmax(0,1fr))}
 .mj-inst-stat{padding:11px;min-height:0}
 .mj-inst-stat strong{font-size:18px}
 .mj-inst-wizard-head{padding:10px}
 .mj-inst-filterbar{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
 .mj-inst-filterbar input[type=search]{grid-column:1/-1}
 .mj-inst-down-summary{grid-template-columns:1fr}
 .mj-inst-search-hint{display:none}
 .mj-inst-search-result{padding:9px}
 .mj-inst-search-result-copy strong{font-size:11px}
 .mj-inst-search-category{min-width:50px}
 .mj-inst-stage-remove{width:auto;align-self:flex-start}
}
@media(prefers-reduced-motion:reduce){.mj-inst-spinner,.mj-inst-main.is-loading-content::after{animation:none}}

/* 0.11: payment-first customer workspace and compact operator surfaces */
.mj-inst-payment-first{max-width:1000px;margin-inline:auto;gap:10px}
.mj-inst-customer-contract-hero-compact{gap:7px;padding:13px;border-radius:19px;box-shadow:none}
.mj-inst-customer-contract-hero-compact .mj-inst-customer-balance strong{font-size:clamp(25px,6vw,34px)}
.mj-inst-customer-contract-hero-compact .mj-inst-customer-hero-kpis{gap:6px}
.mj-inst-customer-contract-hero-compact .mj-inst-customer-hero-kpis>div{min-height:0;padding:9px 7px;align-content:center;text-align:center}
.mj-inst-customer-contract-hero-compact .mj-inst-customer-hero-kpis small{line-height:1.5}
.mj-inst-customer-contract-hero-compact .mj-inst-customer-hero-kpis b{font-size:12px;overflow-wrap:anywhere}
.mj-inst-customer-contract-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,290px),1fr));gap:10px}
.mj-inst-customer-contract-card{gap:9px;padding:13px;box-shadow:none;align-content:start}
.mj-inst-customer-contract-card .mj-inst-customer-contract-balance strong{font-size:clamp(22px,5vw,28px)}
.mj-inst-customer-contract-card .mj-inst-customer-contract-info>div{min-height:0;padding:8px 6px;text-align:center;align-content:center}
.mj-inst-customer-contract-card .mj-inst-customer-contract-cta{padding-top:8px}
.mj-inst-customer-contract-card .mj-inst-customer-contract-progress-meta{margin-top:-3px}
.mj-inst-customer-open-installments{display:grid;gap:9px}
.mj-inst-customer-installment-list{gap:9px}
.mj-inst-customer-installment-card{padding:12px;border-radius:17px;gap:10px;min-height:0}
.mj-inst-customer-installment-amount b{font-size:clamp(18px,5vw,23px)}
.mj-inst-customer-installment-top{gap:8px}
.mj-inst-customer-pay-dock{z-index:70;box-shadow:0 12px 42px rgba(15,23,42,.16);border:1px solid var(--mj-border)}
.mj-inst-customer-pay-dock-actions .mj-inst-button{min-height:46px;font-weight:850}
.mj-inst-customer-pay-dock-actions .mj-inst-button-primary{color:var(--mj-primary-contrast,#fff)}
.mj-inst-customer-pay-dock-summary strong{font-size:clamp(16px,4vw,21px);font-variant-numeric:tabular-nums}
.mj-inst-customer-pay-clear{width:auto;min-height:38px;padding-inline:10px;font:inherit;font-size:10px;font-weight:800}
.mj-inst-customer-sheet-card{max-width:560px;margin-inline:auto;max-height:min(90vh,850px);overflow-y:auto}
.mj-inst-customer-empty-page{max-width:520px;margin:30px auto}
.mj-inst-customer-empty-page .mj-inst-empty-card{padding:26px 18px;gap:10px;text-align:center}
.mj-inst-customer-empty-page .mj-inst-empty-card h1{font-size:20px}
.mj-inst-customer-empty-page .mj-inst-empty-card p{line-height:1.9}
.mj-inst-search-heading{gap:8px}
.mj-inst-global-search form[role=search]{display:flex;align-items:stretch;gap:8px}
.mj-inst-global-search .mj-inst-search-input-wrap{flex:1;min-width:0}
.mj-inst-global-search form[role=search]>.mj-inst-button{min-width:86px}
.mj-inst-customer-lookup [data-mj-search-submit]{margin-block:7px;min-height:38px}
.mj-inst-customer-lookup .mj-inst-search-result{width:100%;font:inherit;text-align:right;cursor:pointer;color:var(--mj-text)}
.mj-inst-selected-customer{margin-top:6px;padding:9px 11px;border-radius:11px;background:var(--mj-success-bg);color:var(--mj-text);font-size:11px;font-weight:800}
.mj-inst-app .mj-inst-wizard-step[hidden],.mj-inst-app .mj-inst-date-popover[hidden],.mj-inst-app .mj-inst-search-results[hidden]{display:none!important}
.mj-inst-wizard-step .mj-inst-form-grid{align-items:start}
.mj-inst-wizard-step .mj-inst-panel{margin:0}
.mj-inst-wizard-step .mj-inst-step-copy{padding:0 2px}
.mj-inst-wizard-step .mj-inst-step-copy p{max-width:680px}
.mj-inst-wizard-actions{display:flex;align-items:center;justify-content:space-between;gap:10px}
.mj-inst-wizard-actions .mj-inst-button{min-width:120px}
.mj-inst-app .mj-inst-form-grid input.is-invalid,.mj-inst-app .mj-inst-form-grid select.is-invalid{border-color:var(--mj-danger);box-shadow:0 0 0 3px color-mix(in srgb,var(--mj-danger) 10%,transparent)}
.mj-inst-app .mj-inst-field-error{padding:9px 12px;border:1px solid color-mix(in srgb,var(--mj-danger) 30%,var(--mj-border));border-radius:11px;background:var(--mj-danger-bg);color:var(--mj-danger);font-size:11px;line-height:1.8}
.mj-inst-app .mj-inst-field-error[hidden]{display:none}
@media(max-width:699px){
 .mj-inst-payment-first{gap:9px}
 .mj-inst-customer-contract-hero-compact{padding:12px;border-radius:17px}
 .mj-inst-customer-contract-hero-compact .mj-inst-customer-hero-kpis{grid-template-columns:repeat(3,minmax(0,1fr))}
 .mj-inst-customer-contract-hero-compact .mj-inst-customer-hero-kpis>div{padding:7px 4px}
 .mj-inst-customer-contract-hero-compact .mj-inst-customer-hero-kpis b{font-size:11px}
 .mj-inst-customer-installment-list{grid-template-columns:1fr}
 .mj-inst-customer-pay-dock{right:8px;left:8px;bottom:max(8px,env(safe-area-inset-bottom));padding:10px;border-radius:19px}
 .mj-inst-customer-pay-dock-actions{grid-template-columns:1fr 1fr!important;gap:7px}
 .mj-inst-customer-pay-dock-actions .mj-inst-button{font-size:11px;min-width:0;padding:10px 6px}
 .mj-inst-customer-pay-clear{grid-column:1/-1;justify-self:center;min-height:28px}
 .mj-inst-customer-contract-page.has-payment-selection{padding-bottom:175px}
 .mj-inst-global-search form[role=search]>.mj-inst-button{min-width:72px;padding-inline:10px}
 .mj-inst-wizard-actions .mj-inst-button{min-width:0;flex:1}
}
@media(min-width:900px){.mj-inst-payment-first .mj-inst-customer-pay-dock{left:24px;width:min(580px,calc(100vw - 48px))}}
@media(prefers-reduced-motion:reduce){.mj-inst-customer-pay-dock{animation:none}}

/* 0.11: customer payment-first surfaces */
.mj-inst-payment-first{gap:12px;max-width:1120px;margin-inline:auto}
.mj-inst-customer-contract-hero-compact{padding:14px;gap:10px}
.mj-inst-customer-contract-hero-compact .mj-inst-customer-balance{margin:0}
.mj-inst-customer-contract-hero-compact .mj-inst-customer-balance strong{font-size:clamp(24px,5vw,34px);line-height:1.35;font-variant-numeric:tabular-nums}
.mj-inst-customer-contract-hero-compact .mj-inst-customer-hero-kpis{gap:8px;margin-top:2px}
.mj-inst-customer-contract-hero-compact .mj-inst-customer-hero-kpis>div{min-width:0;padding:10px 8px;text-align:center;align-content:center}
.mj-inst-customer-contract-hero-compact .mj-inst-customer-hero-kpis b{overflow-wrap:anywhere}
.mj-inst-payment-first .mj-inst-customer-open-installments{margin-top:0}
.mj-inst-payment-first .mj-inst-customer-installment-list{gap:9px}
.mj-inst-payment-first .mj-inst-customer-installment-card{min-height:0;padding:13px;gap:10px}
.mj-inst-payment-first .mj-inst-customer-installment-amount{margin-top:5px}
.mj-inst-payment-first .mj-inst-customer-installment-amount b{font-size:clamp(18px,4vw,24px);line-height:1.4;font-variant-numeric:tabular-nums}
.mj-inst-payment-first .mj-inst-customer-installment-due{gap:2px}
.mj-inst-payment-first .mj-inst-customer-installment-due strong{font-size:13px}
.mj-inst-payment-first .mj-inst-customer-installment-due b{font-variant-numeric:tabular-nums}
.mj-inst-payment-first .mj-inst-customer-pay-dock{z-index:80}
.mj-inst-payment-first .mj-inst-customer-pay-dock-summary strong{font-variant-numeric:tabular-nums}
.mj-inst-payment-first .mj-inst-customer-pay-dock-actions .mj-inst-button{min-height:44px}
.mj-inst-payment-first .mj-inst-customer-sheet{z-index:100}
.mj-inst-payment-first .mj-inst-customer-sheet-card{max-height:min(88vh,780px);overflow-y:auto;overscroll-behavior:contain}
.mj-inst-payment-first .mj-inst-customer-fold{margin:0}
.mj-inst-payment-first .mj-inst-customer-fold summary{min-height:46px}
.mj-inst-customer-contract-grid{align-items:start}
.mj-inst-customer-contract-grid>*{min-width:0}
.mj-inst-customer-contract-card{min-height:0;align-self:start}
.mj-inst-customer-contract-card .mj-inst-customer-contract-balance strong{font-variant-numeric:tabular-nums}
.mj-inst-customer-mobile-nav{justify-content:center}
.mj-inst-customer-mobile-nav a{max-width:240px;flex:1}
.mj-inst-global-search form[role=search]{display:flex;align-items:stretch;gap:8px}
.mj-inst-global-search form[role=search]>.mj-inst-search-input-wrap{flex:1;min-width:0}
.mj-inst-global-search form[role=search]>.mj-inst-button{flex:none;min-width:88px}
@media(max-width:699px){
 .mj-inst-payment-first{padding-bottom:92px}
 .mj-inst-customer-contract-hero-compact{padding:12px}
 .mj-inst-customer-contract-hero-compact .mj-inst-customer-hero-kpis{grid-template-columns:repeat(3,minmax(0,1fr))}
 .mj-inst-customer-contract-hero-compact .mj-inst-customer-hero-kpis b{font-size:11px}
 .mj-inst-payment-first .mj-inst-customer-pay-dock{bottom:calc(8px + env(safe-area-inset-bottom));left:8px;right:8px;width:auto;max-width:none;border-radius:18px;padding:12px}
 .mj-inst-payment-first .mj-inst-customer-pay-dock-actions{gap:7px}
 .mj-inst-payment-first .mj-inst-customer-pay-dock-actions form{flex:1;min-width:0}
 .mj-inst-payment-first .mj-inst-customer-pay-dock-actions .mj-inst-button{width:100%;padding-inline:8px}
 .mj-inst-payment-first .mj-inst-customer-sheet-card{max-height:90vh;border-radius:20px 20px 0 0}
 .mj-inst-global-search form[role=search]>.mj-inst-button{min-width:72px}
}

/* 0.12.5 customer dock density + accessibility */
.mj-inst-sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
.mj-inst-payment-first .mj-inst-customer-pay-dock{position:fixed}
.mj-inst-payment-first .mj-inst-customer-pay-clear{position:absolute;left:10px;top:9px;width:30px;height:30px;min-height:30px;padding:0;border:1px solid var(--mj-border);border-radius:10px;background:var(--mj-surface-2);color:var(--mj-muted);text-decoration:none;font-size:19px;line-height:1;display:grid;place-items:center;z-index:2}
.mj-inst-payment-first .mj-inst-customer-pay-clear:hover,.mj-inst-payment-first .mj-inst-customer-pay-clear:focus-visible{color:var(--mj-danger);border-color:color-mix(in srgb,var(--mj-danger) 30%,var(--mj-border))}
@media(max-width:699px){
 .mj-inst-payment-first .mj-inst-customer-pay-dock{gap:7px;padding:9px 10px 10px}
 .mj-inst-payment-first .mj-inst-customer-pay-dock-summary{padding-left:35px}
 .mj-inst-payment-first .mj-inst-customer-pay-dock-actions{grid-template-columns:1fr 1fr!important;gap:7px}
 .mj-inst-payment-first .mj-inst-customer-pay-clear{grid-column:auto;justify-self:auto}
 .mj-inst-customer-contract-page.has-payment-selection{padding-bottom:138px}
}

/* Fast global search + core operator quick payment access */
.mj-inst-quick-search .mj-inst-search-results{gap:8px}
.mj-inst-quickpay-result{display:grid;grid-template-columns:minmax(160px,1.15fr) minmax(360px,2.2fr) auto;align-items:center;gap:12px;padding:12px 13px}
.mj-inst-quickpay-person{min-width:0;display:grid;gap:3px}
.mj-inst-quickpay-person strong{font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.mj-inst-quickpay-person small{font-size:10px;color:var(--mj-muted);direction:ltr;text-align:right}
.mj-inst-quickpay-meta{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;min-width:0}
.mj-inst-quickpay-meta>div{min-width:0;padding:7px 8px;border:1px solid var(--mj-border);border-radius:10px;background:var(--mj-surface);display:grid;gap:2px}
.mj-inst-quickpay-meta span{font-size:8.5px;color:var(--mj-muted)}
.mj-inst-quickpay-meta b{font-size:10.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mj-inst-quickpay-meta .is-amount b{color:var(--mj-primary-text);font-size:11px}
.mj-inst-quickpay-empty{grid-column:1/-1!important;color:var(--mj-muted);font-size:10px;line-height:1.7}
.mj-inst-quickpay-result-actions{display:flex;align-items:center;justify-content:flex-end;gap:6px;flex-wrap:wrap}
.mj-inst-quickpay-result-actions .mj-inst-quickpay-pay,.mj-inst-quickpay-result-actions .mj-inst-quickpay-details{flex:0 0 auto}
.mj-inst-quickpay-result-actions .mj-inst-quickpay-pay[disabled]{opacity:.52;cursor:not-allowed;filter:saturate(.55)}
.mj-inst-quickpay-down{grid-column:1/-1;display:grid;gap:6px;min-width:0;padding-top:8px;border-top:1px dashed var(--mj-border)}
.mj-inst-quickpay-down-row{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:8px;padding:7px 9px;border:1px solid var(--mj-border);border-radius:10px;background:var(--mj-surface);min-width:0}
.mj-inst-quickpay-down-row.is-overdue{border-color:var(--mj-danger,#c0392b)}
.mj-inst-quickpay-down-info{display:grid;gap:2px;min-width:0}.mj-inst-quickpay-down-info strong{font-size:11px;overflow-wrap:anywhere}.mj-inst-quickpay-down-info small{font-size:10px;color:var(--mj-muted)}
.mj-inst-quickpay-down-row.is-overdue .mj-inst-quickpay-down-info small{color:var(--mj-danger,#c0392b)}
.mj-inst-quickpay-down-pay[open]{grid-column:1/-1}
@media (max-width:640px){.mj-inst-quickpay-down-row{grid-template-columns:1fr}}
.mj-inst-button-compact{min-height:34px!important;padding:7px 10px!important;font-size:10px!important;white-space:nowrap}
.mj-inst-quickpay-modal[hidden]{display:none!important}
.mj-inst-quickpay-modal{position:fixed;inset:0;z-index:10030;display:grid;place-items:center;padding:18px}
.mj-inst-quickpay-backdrop{position:absolute;inset:0;border:0;background:rgba(15,23,42,.55);backdrop-filter:blur(3px);cursor:default}
.mj-inst-quickpay-card{position:relative;z-index:1;width:min(100%,470px);max-height:min(92vh,720px);overflow:auto;border:1px solid var(--mj-border);border-radius:24px;background:var(--mj-surface);box-shadow:0 24px 70px rgba(15,23,42,.24);padding:20px;display:grid;gap:14px;outline:0}
.mj-inst-quickpay-close{position:absolute;top:12px;left:12px;width:34px;height:34px;border:1px solid var(--mj-border);border-radius:11px;background:var(--mj-surface-2);color:var(--mj-muted);font:inherit;font-size:20px;line-height:1;cursor:pointer}
.mj-inst-quickpay-icon{width:48px;height:48px;border-radius:16px;display:grid;place-items:center;background:var(--mj-success-bg);color:var(--mj-success);font-size:23px;font-weight:900}
.mj-inst-quickpay-copy{display:grid;gap:3px;padding-left:38px}
.mj-inst-quickpay-copy small{font-size:9px;color:var(--mj-primary-text);font-weight:900}
.mj-inst-quickpay-copy h3{margin:0;font-size:18px}
.mj-inst-quickpay-copy p{margin:0;color:var(--mj-muted);font-size:10.5px;line-height:1.7}
.mj-inst-quickpay-summary{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.mj-inst-quickpay-summary>div{padding:10px;border:1px solid var(--mj-border);border-radius:13px;background:var(--mj-surface-2);display:grid;gap:3px;min-width:0}
.mj-inst-quickpay-summary span{font-size:8.5px;color:var(--mj-muted)}
.mj-inst-quickpay-summary strong{font-size:11px;overflow-wrap:anywhere}
.mj-inst-quickpay-summary .is-total{grid-column:1/-1;background:color-mix(in srgb,var(--mj-primary) 6%,var(--mj-surface));border-color:color-mix(in srgb,var(--mj-primary) 22%,var(--mj-border))}
.mj-inst-quickpay-summary .is-total strong{display:flex;align-items:baseline;gap:4px;color:var(--mj-primary-text);font-size:12px}
.mj-inst-quickpay-summary .is-total b{font-size:24px;font-variant-numeric:tabular-nums}
.mj-inst-quickpay-form{display:grid;gap:9px}
.mj-inst-quickpay-actions{display:grid;grid-template-columns:1fr 1.45fr;gap:8px}
.mj-inst-quickpay-actions .mj-inst-button{min-height:44px}
@media(max-width:860px){
 .mj-inst-quickpay-result{grid-template-columns:minmax(130px,.85fr) minmax(0,2fr);gap:9px}
 .mj-inst-quickpay-result-actions{grid-column:1/-1;justify-content:flex-start}
}
@media(max-width:699px){
 .mj-inst-quick-search .mj-inst-search-heading p{max-width:260px}
 .mj-inst-quickpay-result{grid-template-columns:1fr;padding:11px;gap:9px}
 .mj-inst-quickpay-person{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px}
 .mj-inst-quickpay-person strong{font-size:12.5px}
 .mj-inst-quickpay-meta{grid-template-columns:1fr 1fr;gap:6px}
 .mj-inst-quickpay-meta>div{padding:7px}
 .mj-inst-quickpay-result-actions{grid-column:auto;display:grid;grid-template-columns:auto 1fr 1fr;justify-content:stretch}
 .mj-inst-quickpay-result-actions .mj-inst-badge{justify-self:start;align-self:center}
 .mj-inst-quickpay-result-actions .mj-inst-button{width:100%;min-width:0}
 .mj-inst-quickpay-modal{align-items:end;padding:0}
 .mj-inst-quickpay-card{width:100%;max-height:90vh;border-radius:24px 24px 0 0;padding:18px 14px max(18px,env(safe-area-inset-bottom));gap:12px}
 .mj-inst-quickpay-copy{padding-left:38px}
 .mj-inst-quickpay-summary{grid-template-columns:1fr 1fr;gap:6px}
 .mj-inst-quickpay-summary>div{padding:9px}
 .mj-inst-quickpay-summary .is-total b{font-size:22px}
 .mj-inst-quickpay-actions{grid-template-columns:1fr 1.35fr}
 .mj-inst-quickpay-actions .mj-inst-button{padding-inline:8px;font-size:10.5px}
}

/* ===================================================================
   0.16.21 — tabbed record screens, contract/customer/IMEI/settings UX.
   Identical markup is produced online (PHP) and offline (offline-view.js).
   =================================================================== */
.mj-inst-tabs{display:flex;gap:4px;overflow-x:auto;scrollbar-width:thin;padding:4px;margin:0;border:1px solid var(--mj-border);border-radius:14px;background:var(--mj-surface);box-shadow:var(--mj-shadow);position:sticky;top:0;z-index:5}
.mj-inst-tabs [data-mj-tab]{flex:0 0 auto;display:inline-flex;align-items:center;gap:6px;min-height:40px;padding:0 14px;border:0;border-radius:10px;background:transparent;color:var(--mj-muted);font-weight:800;font-size:12.5px;cursor:pointer;white-space:nowrap}
.mj-inst-tabs [data-mj-tab]:hover{color:var(--mj-text);background:var(--mj-surface-2)}
.mj-inst-tabs [data-mj-tab].is-active{color:var(--mj-primary-contrast,#fff);background:var(--mj-primary)}
.mj-inst-tabs [data-mj-tab] em{font-style:normal;font-size:10.5px;min-width:20px;padding:1px 6px;border-radius:99px;text-align:center;background:color-mix(in srgb,currentColor 14%,transparent)}
.mj-inst-tabs [data-mj-tab]:focus-visible{outline:3px solid color-mix(in srgb,var(--mj-primary) 35%,transparent);outline-offset:1px}
.mj-inst-tab-panel[hidden]{display:none!important}
.mj-inst-tab-panel{display:grid;gap:12px;align-content:start}
.mj-inst-panel.mj-inst-tab-panel{display:block}

.mj-inst-cv-head{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;flex-wrap:wrap}
.mj-inst-cv-title{display:grid;gap:4px;min-width:0}
.mj-inst-cv-number-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.mj-inst-cv-number-row h1{margin:0;font-size:clamp(20px,3vw,26px);line-height:1.3}
.mj-inst-cv-number-row bdi{font-variant-numeric:tabular-nums}
.mj-inst-cv-number-row .mj-inst-button-compact{min-height:32px;padding:0 10px;font-size:11px}
.mj-inst-cv-customer{margin:0;color:var(--mj-muted);font-size:13px}
.mj-inst-cv-customer a{color:var(--mj-primary-text);font-weight:800;text-decoration:none}
.mj-inst-cv-summary{display:grid;gap:8px}
.mj-inst-stat.is-remaining strong{color:var(--mj-primary-text)}
.mj-inst-cv-progress-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:10px 14px;border:1px solid var(--mj-border);border-radius:14px;background:var(--mj-surface)}
.mj-inst-cv-progress{flex:1 1 180px;height:10px;border:0;border-radius:99px;overflow:hidden;background:var(--mj-surface-3);appearance:none;-webkit-appearance:none}
.mj-inst-cv-progress::-webkit-progress-bar{background:var(--mj-surface-3);border-radius:99px}
.mj-inst-cv-progress::-webkit-progress-value{background:var(--mj-primary);border-radius:99px}
.mj-inst-cv-progress::-moz-progress-bar{background:var(--mj-primary);border-radius:99px}
.mj-inst-cv-progress-label{font-weight:800;font-size:12px}
.mj-inst-cv-next{color:var(--mj-muted);font-size:12px}
.mj-inst-cv-next b{color:var(--mj-text)}
.mj-inst-cv-kv-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:0 16px}
.mj-inst-cv-edit{margin-top:12px}
.mj-inst-cv-edit>form{margin-top:12px}
.mj-inst-danger-details>summary{color:var(--mj-danger)}
.mj-inst-cv-details .mj-inst-action-form{margin-top:10px}
.mj-inst-offline-pending-badge{margin-inline-start:4px}
.mj-inst-offline-pending-note{display:block;color:var(--mj-warning);font-size:10.5px}
tr.is-offline-pending td{background:color-mix(in srgb,var(--mj-warning-bg) 70%,transparent)}
.mj-inst-online-only{display:grid;gap:3px}
.mj-inst-receipt-offline-thumb{display:grid;place-items:center;width:72px;height:72px;border-radius:12px;border:1px dashed var(--mj-border);color:var(--mj-muted);font-size:10px;text-align:center;padding:4px}
.mj-inst-field-status.is-error{color:var(--mj-danger)}
@media(max-width:699px){
 .mj-inst-tabs{top:0;border-radius:12px}
 .mj-inst-tabs [data-mj-tab]{padding:0 11px;font-size:11.5px}
 .mj-inst-cv-head .mj-inst-head-actions{width:100%}
 .mj-inst-cv-head .mj-inst-head-actions .mj-inst-button{width:100%}
}
.mj-inst-cv-renumber{grid-template-columns:minmax(0,1fr)!important;max-width:520px}
.mj-inst-cv-renumber .mj-inst-form-actions{justify-content:flex-start}
.mj-inst-stat.is-danger strong{color:var(--mj-danger)}
.mj-inst-customer-view .mj-inst-danger-zone{margin-top:12px}
.mj-inst-form-stack{grid-template-columns:minmax(0,1fr)!important}
.mj-inst-form-stack .mj-inst-form-actions{justify-content:flex-start}
/* Settings: one form, tabbed sections */
.mj-inst-settings-page[data-mj-active-tab="backup"] .mj-inst-settings-savebar{display:none}
.mj-inst-settings-page .mj-inst-settings-form{display:grid;gap:12px}
.mj-inst-settings-page .mj-inst-tab-panel{gap:12px}
.mj-inst-settings-page .mj-inst-settings-card-head{display:flex;justify-content:space-between;align-items:flex-start;gap:10px}
.mj-inst-settings-page .mj-inst-settings-card-head h2{margin:0 0 2px}
.mj-inst-settings-page .mj-inst-settings-card-head p{margin:0}
.mj-inst-settings-patterns{display:grid;gap:8px}
.mj-inst-settings-patterns summary code{font-size:11px;color:var(--mj-muted);margin-inline-start:6px}
.mj-inst-settings-tools-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.mj-inst-settings-tool{display:grid;gap:8px;align-content:start;padding:12px;border:1px solid var(--mj-border);border-radius:14px;background:var(--mj-surface-2);min-width:0}
.mj-inst-settings-tool p{margin:0;color:var(--mj-muted);font-size:12px}
.mj-inst-settings-tool.mj-inst-span-2{grid-column:1/-1}
@media(max-width:860px){.mj-inst-settings-tools-grid{grid-template-columns:minmax(0,1fr)}}
/* Local sync/backup dialog */
.mj-inst-offline-dialog-card{grid-template-rows:auto minmax(0,1fr) auto;max-height:min(88dvh,760px)}
.mj-inst-offline-dialog-body{min-height:0;overflow-y:auto;padding:12px 14px;display:grid;gap:12px;align-content:start}
.mj-inst-offline-overview{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.mj-inst-offline-overview-item{display:grid;gap:3px;padding:10px 12px;border:1px solid var(--mj-border);border-radius:12px;background:var(--mj-surface-2);min-width:0}
.mj-inst-offline-overview-item small{font-size:11px;color:var(--mj-muted)}
.mj-inst-offline-overview-item strong{font-size:14px}
.mj-inst-offline-overview-item.is-wide{grid-column:1/-1}
.mj-inst-offline-overview-item.is-offline strong{color:var(--mj-warning)}
.mj-inst-offline-overview .mj-inst-offline-mirror{margin:0;padding:0;border:0;background:none;font-size:12px;color:var(--mj-text)}
.mj-inst-offline-tabs{position:static;box-shadow:none}
.mj-inst-offline-pane{display:grid;gap:10px;align-content:start}
.mj-inst-offline-pane[hidden]{display:none!important}
.mj-inst-offline-pane-head{display:flex;align-items:center;justify-content:space-between;gap:10px}
.mj-inst-offline-pane-head p{margin:0;font-size:12px;color:var(--mj-muted);line-height:1.8}
.mj-inst-offline-pane .mj-inst-offline-list{padding:0;min-height:80px}
.mj-inst-local-backup{max-height:none;overflow:visible;border:0;padding:0;background:none}
.mj-inst-local-note{margin:0;font-size:12px!important;line-height:1.9;color:var(--mj-muted)}
.mj-inst-local-field{display:grid;gap:6px;font-size:12px;font-weight:700}
.mj-inst-local-field small{font-weight:400;color:var(--mj-muted)}
.mj-inst-password-field{display:flex;gap:6px;align-items:stretch}
.mj-inst-password-field input{flex:1;min-width:0}
.mj-inst-local-card{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;padding:12px;border:1px solid var(--mj-border);border-radius:14px;background:var(--mj-surface-2)}
.mj-inst-local-card>div:first-child{display:grid;gap:3px;min-width:0;flex:1 1 220px}
.mj-inst-local-card strong{font-size:13px}
.mj-inst-local-card small{font-size:11.5px;color:var(--mj-muted);line-height:1.8}
.mj-inst-local-card small.is-active{color:var(--mj-success)}
.mj-inst-local-card-actions{display:flex;gap:6px;flex-wrap:wrap}
.mj-inst-local-checks{list-style:none;margin:0;padding:0;display:grid;gap:6px}
.mj-inst-local-checks li{position:relative;padding:8px 34px 8px 10px;border:1px solid var(--mj-border);border-radius:10px;font-size:12px;background:var(--mj-surface-2)}
.mj-inst-local-checks li::before{content:'○';position:absolute;right:12px;top:7px;color:var(--mj-muted)}
.mj-inst-local-checks li.is-ok{border-color:color-mix(in srgb,var(--mj-success) 35%,var(--mj-border))}
.mj-inst-local-checks li.is-ok::before{content:'✓';color:var(--mj-success);font-weight:900}
.mj-inst-local-checks li.is-missing::before{content:'✕';color:var(--mj-danger)}
.mj-inst-local-open{position:relative}
.mj-inst-local-open [data-mj-local-backup-dot]{display:none}
.mj-inst-local-open [data-mj-local-backup-dot].is-active{display:inline-block;width:8px;height:8px;margin-inline-end:6px;border-radius:50%;background:var(--mj-success)}
.mj-inst-offline-dialog-actions{display:flex;justify-content:flex-end;padding:10px 14px;border-top:1px solid var(--mj-border)}
.mj-inst-offline-dialog [hidden]{display:none!important}
.mj-inst-offline-dialog-body{display:flex;flex-direction:column}
.mj-inst-offline-dialog-body>*{flex-shrink:0}
/* Offline status strip: fixed above the app header; header and sticky
   elements are offset by its measured height (--mj-offline-bar-h). */
.mj-inst-app{--mj-offline-bar-h:0px;--mj-topbar-h:68px}
.mj-inst-app.has-offline-bar{padding-top:var(--mj-offline-bar-h)}
.mj-inst-app .mj-inst-offline-status{position:fixed;top:0;left:0;right:0;z-index:95}
.mj-inst-app .mj-inst-topbar{top:var(--mj-offline-bar-h)}
.mj-inst-app .mj-inst-customer-contextbar{top:calc(68px + var(--mj-offline-bar-h))}
.mj-inst-tabs{top:calc(var(--mj-topbar-h) + var(--mj-offline-bar-h) + 6px)}
@media(min-width:900px){.mj-inst-app .mj-inst-sidebar{top:calc(68px + var(--mj-offline-bar-h));height:calc(100vh - 68px - var(--mj-offline-bar-h))}}
@media(max-width:699px){.mj-inst-app{--mj-topbar-h:60px}.mj-inst-app .mj-inst-offline-status{top:0}}

/* 1.0.0: shared, readable identity column in online and mirrored operator rows. */
.mj-inst-table td.mj-inst-person-cell{text-align:center;vertical-align:middle;font-size:14px!important;font-weight:700}
.mj-inst-table td.mj-inst-person-cell strong,
.mj-inst-table td.mj-inst-person-cell small{display:block;margin-inline:auto;text-align:center;font-size:14px!important;line-height:1.65;letter-spacing:normal;color:var(--mj-text)}
.mj-inst-table td.mj-inst-person-cell strong{font-weight:700!important;white-space:normal;overflow-wrap:anywhere}
.mj-inst-table td.mj-inst-person-cell small{font-weight:650;margin-top:2px;direction:ltr;unicode-bidi:isolate;white-space:nowrap;font-variant-numeric:tabular-nums}
.mj-inst-receipt-person{text-align:center;min-width:0}
.mj-inst-receipt-person strong,.mj-inst-receipt-person .mj-inst-inline-ltr{display:block;text-align:center;font-size:14px;font-weight:700;line-height:1.65;overflow-wrap:anywhere}
.mj-inst-receipt-person .mj-inst-inline-ltr{font-weight:650;direction:ltr;unicode-bidi:isolate;font-variant-numeric:tabular-nums}
/* 1.1.3: whole «پیش پرداخت معوق» stat card is a link to the installments filter */
a.mj-inst-stat-link{color:inherit;text-decoration:none;cursor:pointer;transition:transform .12s ease,box-shadow .12s ease}
a.mj-inst-stat-link:hover,a.mj-inst-stat-link:focus-visible{transform:translateY(-1px);box-shadow:var(--mj-shadow)}
a.mj-inst-stat-link:focus-visible{outline:2px solid var(--mj-ring,var(--mj-primary));outline-offset:2px}
a.mj-inst-stat-link>span:last-child{margin-top:auto;color:var(--mj-primary-text);font-weight:800}
/* 1.1.3: visible red cancel action in «وضعیت و عملیات» */
.mj-inst-cancel-contract{margin-top:12px;border-top:1px dashed var(--mj-border);padding-top:12px}
.mj-inst-cancel-contract>summary{list-style:none;display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:44px;padding:10px 18px;border-radius:12px;background:var(--mj-danger);color:#fff;font-weight:800;cursor:pointer;user-select:none}
.mj-inst-cancel-contract>summary::-webkit-details-marker{display:none}
.mj-inst-cancel-contract[open]>summary{opacity:.85}
.mj-inst-cancel-contract form{margin-top:10px}
.mj-inst-cancel-locked{margin-top:12px;display:grid;gap:6px}
.mj-inst-cancel-locked button[disabled]{background:var(--mj-danger);color:#fff;opacity:.45;cursor:not-allowed}
/* 1.1.4: reactivation of a cancelled contract */
.mj-inst-reactivate-contract{margin-top:12px;border-top:1px dashed var(--mj-border);padding-top:12px}
.mj-inst-reactivate-contract>summary{list-style:none;display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:44px;padding:10px 18px;border-radius:12px;background:var(--mj-success);color:#fff;font-weight:800;cursor:pointer;user-select:none}
.mj-inst-reactivate-contract>summary::-webkit-details-marker{display:none}
.mj-inst-reactivate-contract form{margin-top:10px}
/* 1.1.4 layout audit fixes (real Chromium 390/1280px) */
/* Contract «دستگاه و رسید»: LTR values (IMEI/mobile) aligned under their RTL labels; rows as cards */
.mj-inst-contract-imei-list{gap:8px}
.mj-inst-contract-imei-row,.mj-inst-contract-imei-row:first-child{grid-template-columns:minmax(150px,1.2fr) minmax(0,1fr) minmax(120px,.9fr) minmax(0,1.3fr);padding:10px 12px;border:1px solid var(--mj-border);border-radius:12px;background:var(--mj-surface-2)}
.mj-inst-contract-imei-row strong[dir="ltr"]{text-align:right;unicode-bidi:isolate}
@media (max-width:700px){.mj-inst-contract-imei-row,.mj-inst-contract-imei-row:first-child{grid-template-columns:1fr 1fr}}
/* Contract receipts: full-width summary and a responsive card grid instead of a squeezed strip */
.mj-inst-receipt-summary-panel .mj-inst-receipt-summary{grid-template-columns:repeat(2,minmax(0,1fr));margin-bottom:10px}
.mj-inst-receipt-summary-panel .mj-inst-installment-receipt-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:8px;overflow:visible}
.mj-inst-receipt-summary-panel .mj-inst-installment-receipt-list article{min-width:0;grid-template-columns:56px minmax(0,1fr)}
.mj-inst-receipt-summary-panel .mj-inst-installment-receipt-list img,.mj-inst-receipt-summary-panel .mj-inst-receipt-offline-thumb{width:56px;height:56px}
.mj-inst-receipt-summary-panel .mj-inst-installment-receipt-list .mj-inst-badge{justify-self:start}
/* IMEI list on phones: the delete button must not collapse to one letter per line */
.mj-inst-imei-registry-panel .mj-inst-table td .mj-inst-inline-form{flex-wrap:nowrap}
.mj-inst-imei-registry-panel .mj-inst-table td .mj-inst-inline-form .mj-inst-button{flex:0 0 auto;white-space:nowrap;min-width:72px;width:auto}
/* Tables with inline action forms become labelled cards on phones */
@media (max-width:700px){
 .mj-inst-table-wrap.has-card-table{overflow:visible!important;border:0!important;background:transparent!important}
 .mj-inst-table.mj-inst-table-cards{display:block;width:100%!important;min-width:0!important;border:0!important}
 .mj-inst-table.mj-inst-table-cards thead{display:none}
 .mj-inst-table.mj-inst-table-cards tbody{display:grid;gap:10px}
 .mj-inst-table.mj-inst-table-cards tr{display:grid;grid-template-columns:minmax(0,1fr);padding:6px 12px;border:1px solid var(--mj-border);border-radius:14px;background:var(--mj-surface);min-width:0}
 .mj-inst-table.mj-inst-table-cards td{display:grid!important;grid-template-columns:96px minmax(0,1fr);align-items:center;gap:8px;padding:8px 0!important;border:0!important;border-bottom:1px solid var(--mj-border)!important;text-align:right!important;white-space:normal!important;overflow-wrap:anywhere;min-width:0}
 .mj-inst-table.mj-inst-table-cards td:last-child{border-bottom:0!important}
 .mj-inst-table.mj-inst-table-cards td[data-label]::before{content:attr(data-label);color:var(--mj-muted);font-size:11px;font-weight:700}
 .mj-inst-table.mj-inst-table-cards td.is-card-wide,.mj-inst-table.mj-inst-table-cards td[colspan]{display:block!important}
 .mj-inst-table.mj-inst-table-cards td.ltr{direction:rtl!important}
 .mj-inst-table.mj-inst-table-cards td.ltr>*{direction:ltr;unicode-bidi:isolate}
 .mj-inst-table.mj-inst-table-cards td .mj-inst-inline-details{min-width:0;width:100%}
 .mj-inst-table.mj-inst-table-cards td .mj-inst-inline-details[open]{grid-column:1/-1}
 .mj-inst-table.mj-inst-table-cards td:has(.mj-inst-inline-details[open]){grid-template-columns:minmax(0,1fr)}
 .mj-inst-table.mj-inst-table-cards td:has(.mj-inst-inline-details[open])::before{margin-bottom:2px}
 .mj-inst-table.mj-inst-table-cards .mj-inst-mini-form{width:100%;min-width:0}
}
/* 1.1.5 prior-paid installments field */
.mj-inst-prior-paid-field{display:grid;gap:6px;min-width:0}
.mj-inst-prior-paid-field small{color:var(--mj-muted);font-size:10.5px;line-height:1.8}
.mj-inst-installment-options .mj-inst-prior-paid-field{grid-column:1/-1}
.mj-inst-wizard-financial-grid .mj-inst-prior-paid-field{grid-column:1/-1}

/* 1.1.5 audit: ".mj-inst-app a{color:inherit}" outranks the button class, so
   primary buttons rendered as links lost their white label (2.57:1). */
.mj-inst-app a.mj-inst-button-primary{color:var(--mj-primary-contrast,#fff)}
/* dark theme danger token is a light pink for text; as a filled button
   background it needs the deep red so the white label stays readable */
.mj-inst-app[data-theme="dark"] .mj-inst-cancel-contract>summary{background:#be123c;color:#fff}
.mj-inst-sms-test-warning{margin-bottom:14px}.mj-inst-sms-test-warning .mj-inst-button{justify-self:start;margin-top:6px}
/* 1.1.5: real payment date per prior-paid installment */
.mj-inst-prior-paid-field>.mj-inst-field-head{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap;font-size:12px;font-weight:700}
.mj-inst-prior-dates{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,210px),1fr));gap:8px;padding:10px;border:1px dashed var(--mj-border);border-radius:12px;background:var(--mj-surface-2)}
.mj-inst-prior-dates[hidden]{display:none}
.mj-inst-prior-date{display:grid;gap:4px;min-width:0}
.mj-inst-prior-date>span{font-size:11px;color:var(--mj-muted)}
.mj-inst-prior-paid-field input[type=number],.mj-inst-prior-dates input{width:100%;min-width:0;min-height:46px;border:1px solid var(--mj-border);border-radius:12px;background:var(--mj-input);color:var(--mj-text);padding:10px 12px;outline:none;font-size:13px}
.mj-inst-prior-paid-field input[type=number]:focus,.mj-inst-prior-dates input:focus{border-color:var(--mj-primary);box-shadow:0 0 0 3px color-mix(in srgb,var(--mj-primary) 13%,transparent)}
.mj-inst-prior-dates input.is-invalid{border-color:var(--mj-danger)}

/* 1.1.7: plain login heading and a bounded operator report workspace. */
.mj-inst-auth-red{--mj-primary:var(--mj-login,#b91c1c);--mj-primary-text:color-mix(in srgb,var(--mj-login,#b91c1c) 30%,var(--mj-text));--mj-primary-contrast:var(--mj-login-contrast,#fff);--mj-accent:var(--mj-login,#b91c1c)}
.mj-inst-auth-red .mj-inst-auth-panel-title{color:color-mix(in srgb,var(--mj-login,#b91c1c) 30%,var(--mj-text))}
.mj-inst-auth-red .mj-inst-button-primary{background:var(--mj-login,#b91c1c);color:var(--mj-login-contrast,#fff)}
.mj-inst-auth-red .mj-inst-auth-brand-panel{background:linear-gradient(145deg,color-mix(in srgb,var(--mj-login,#b91c1c) 38%,#000),color-mix(in srgb,var(--mj-login,#b91c1c) var(--mj-login-panel-mix,82%),#000));color:#fff}
.mj-inst-reports-workspace{min-height:0;display:grid;grid-template-rows:auto auto auto minmax(0,1fr) auto;gap:10px;overflow:hidden}
.mj-inst-reports-workspace>.mj-inst-page-head{margin:0}
.mj-inst-reports-workspace>.mj-inst-page-head h1{font-size:20px;margin:0}
.mj-inst-reports-workspace>.mj-inst-panel{margin:0;padding:12px;min-height:0;min-width:0}
.mj-inst-reports-workspace .mj-inst-report-filter{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:end;gap:8px;margin:0}
.mj-inst-report-filter label{min-width:0}
.mj-inst-report-filter input,.mj-inst-report-filter select{width:100%;min-width:0;min-height:36px;padding:6px 10px}
.mj-inst-report-filter button{min-height:36px}
.mj-inst-report-scope{font-size:10px;color:var(--mj-muted);line-height:1.7;margin:8px 0 0}
.mj-inst-report-summary{gap:8px!important;grid-template-columns:repeat(2,minmax(0,1fr))}
.mj-inst-report-summary .mj-inst-stat{padding:9px 12px;min-height:0;gap:2px}
.mj-inst-report-summary .mj-inst-stat strong{font-size:20px;line-height:1.3}
.mj-inst-report-summary .mj-inst-stat small,.mj-inst-report-summary .mj-inst-stat span{font-size:10px}
.mj-inst-report-results{display:flex;flex-direction:column;overflow:hidden}
.mj-inst-report-results .mj-inst-panel-head{flex:none;margin:0 0 8px}
.mj-inst-report-results .mj-inst-panel-head h2{font-size:15px;margin:0}
.mj-inst-report-scroll{flex:1;min-height:0;overflow:auto;overscroll-behavior:contain;scrollbar-gutter:stable}
.mj-inst-report-scroll thead th{position:sticky;top:0;z-index:1;background:var(--mj-surface)}
.mj-inst-report-scroll:focus-visible{outline:2px solid var(--mj-primary-text);outline-offset:-2px}
.mj-inst-report-results .mj-inst-pagination{flex:none;margin:8px 0 0}
.mj-inst-report-details>summary{cursor:pointer;font-weight:800;font-size:12px;color:var(--mj-primary-text)}
.mj-inst-report-detail-scroll{max-height:22vh;overflow:auto;overscroll-behavior:contain;padding-top:10px}
.mj-inst-report-detail-scroll .mj-inst-panel{margin:0;padding:12px}
.mj-inst-report-detail-scroll h2{font-size:14px}
@media(min-width:900px){
 .mj-inst-reports-workspace .mj-inst-report-filter{grid-template-columns:minmax(140px,1.2fr) repeat(2,minmax(125px,1fr)) minmax(105px,.7fr) auto}
 .mj-inst-report-summary{grid-template-columns:repeat(4,minmax(0,1fr))}
}
@media(max-height:740px){
 .mj-inst-reports-workspace{gap:6px}
 .mj-inst-report-summary .mj-inst-stat{padding:5px 8px}
 .mj-inst-report-summary .mj-inst-stat strong{font-size:16px}
 .mj-inst-report-scope{max-height:34px;overflow:auto;margin-top:4px}
 .mj-inst-reports-workspace>.mj-inst-panel{padding:8px}
}
@media print{
 .mj-inst-reports-workspace{height:auto;display:block;overflow:visible}
 .mj-inst-report-results,.mj-inst-report-scroll{overflow:visible;display:block}
 .mj-inst-reports-workspace>.mj-inst-panel,.mj-inst-report-summary{margin-bottom:12px}
}
.mj-inst-reports-workspace.is-local{grid-template-rows:auto auto auto auto minmax(0,1fr)}
.mj-inst-reports-workspace.is-local>.mj-inst-alert{font-size:10px;padding:6px 10px;margin:0}
.mj-inst-reports-workspace.is-local .mj-inst-report-results>h2{font-size:15px;margin:0 0 8px}
.mj-inst-report-summary .mj-inst-stat strong{margin:0}
.mj-inst-report-details{position:relative;overflow:visible}
.mj-inst-report-details[open]>.mj-inst-report-detail-scroll{position:absolute;bottom:calc(100% + 8px);inset-inline:0;z-index:5;max-height:min(55vh,420px);padding:12px;border:1px solid var(--mj-border);border-radius:14px;background:var(--mj-surface);box-shadow:var(--mj-shadow-lg)}
.mj-inst-report-filter .mj-inst-date-input{padding-left:40px!important;padding-right:6px;direction:ltr;font-variant-numeric:tabular-nums;text-align:center}
.mj-inst-report-filter .mj-inst-date-trigger{min-width:30px;width:30px;height:28px;bottom:4px;left:4px;padding:0}
.mj-inst-report-filter .mj-inst-date-trigger b{display:none}
@media(min-width:900px) and (max-width:1199px){.mj-inst-reports-workspace .mj-inst-report-filter{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:899px){
 .mj-inst-report-filter label:has(select[name=report]){grid-row:1;grid-column:1}
 .mj-inst-report-filter label:has(input[name=days]){grid-row:1;grid-column:2}
 .mj-inst-report-filter label:has(input[name=from]){grid-row:2;grid-column:1}
 .mj-inst-report-filter label:has(input[name=to]){grid-row:2;grid-column:2}
 .mj-inst-report-filter>button{grid-row:3;grid-column:1/-1}
}
@media(max-width:899px) and (max-height:800px){
 .mj-inst-report-summary{grid-template-columns:repeat(4,minmax(140px,1fr));overflow:auto;overscroll-behavior:contain;padding-bottom:3px;min-width:0}
}

.mj-inst-reports-workspace{grid-template-columns:minmax(0,1fr);width:100%}
/* Fit the real remaining viewport, including connection strips of any height. */
.mj-inst-app:has(.mj-inst-reports-workspace){height:100vh;height:100dvh;min-height:0;display:flex;flex-direction:column;overflow:hidden}
.mj-inst-app:has(.mj-inst-reports-workspace)>.mj-inst-topbar,.mj-inst-app:has(.mj-inst-reports-workspace)>.mj-inst-offline-status{flex:none}
.mj-inst-layout:has(.mj-inst-reports-workspace){flex:1;min-height:0;overflow:hidden}
.mj-inst-main:has(.mj-inst-reports-workspace){height:100%;min-height:0;overflow:hidden}
.mj-inst-reports-workspace{height:100%}
.mj-inst-layout:has(.mj-inst-reports-workspace)>.mj-inst-sidebar{height:100%;min-height:0;top:0}
@media print{
 .mj-inst-app:has(.mj-inst-reports-workspace),.mj-inst-main:has(.mj-inst-reports-workspace),.mj-inst-layout:has(.mj-inst-reports-workspace){height:auto;display:block;overflow:visible}
 .mj-inst-reports-workspace{height:auto}
 .mj-inst-report-details[open]>.mj-inst-report-detail-scroll{position:static;max-height:none;overflow:visible}
}

/* 1.1.8 shared Jalali calendar: fixed six-week grid, literal date separators, top modal layer. */
.mj-inst-date-popover{z-index:200020;width:min(420px,calc(100vw - 24px));max-height:calc(100vh - 24px);max-height:calc(100dvh - 24px);overflow:auto;--mj-date-cell:clamp(28px,5.2vh,42px)}
.mj-inst-date-backdrop{z-index:200019}
.mj-inst-date-picker-head{display:grid;grid-template-columns:minmax(0,1fr) 164px 32px;gap:8px;align-items:center;margin-bottom:8px}
.mj-inst-date-title{font-size:20px;text-align:center;line-height:1.35}
.mj-inst-date-picker-head>.mj-inst-icon-button{width:32px;height:32px;border-radius:10px}
.mj-inst-date-manual{display:grid;grid-template-columns:60px 8px 36px 8px 36px;align-items:center;justify-content:center;gap:0;border:1px solid var(--mj-border);border-radius:11px;background:var(--mj-input);height:42px;direction:ltr;unicode-bidi:isolate;overflow:hidden}
.mj-inst-date-manual input{min-width:0;width:100%;height:38px;padding:3px 0;border:0;outline:0;background:transparent;color:var(--mj-text);text-align:center;font-size:15px;font-variant-numeric:tabular-nums;direction:ltr}
.mj-inst-date-manual input:focus{background:var(--mj-surface-2);box-shadow:inset 0 -2px var(--mj-primary-text)}
.mj-inst-date-manual input[aria-invalid=true]{box-shadow:inset 0 -2px var(--mj-danger)}
.mj-inst-date-separator{text-align:center;color:var(--mj-muted);user-select:none}
.mj-inst-date-error{grid-column:1/-1;min-height:18px;font-size:10px;line-height:18px;color:var(--mj-danger);text-align:center}
.mj-inst-date-nav{direction:ltr;display:grid;place-items:center}
.mj-inst-date-nav svg{width:22px;height:22px}
.mj-inst-date-nav:disabled{opacity:.4;cursor:default}
.mj-inst-date-ym{grid-template-columns:minmax(0,1.35fr) minmax(0,.8fr)}
.mj-inst-date-days{grid-template-rows:repeat(6,var(--mj-date-cell));gap:4px}
.mj-inst-date-days>.mj-inst-date-day,.mj-inst-date-days>.mj-inst-date-blank{aspect-ratio:auto;min-height:0;height:100%;padding:0}
.mj-inst-date-picker-actions{gap:6px}
.mj-inst-date-picker-actions .mj-inst-button{padding:8px 6px;font-size:12px;min-width:0}
.mj-inst-date-picker-actions>[hidden]{display:none!important}
@media(max-width:360px){.mj-inst-date-picker-head{grid-template-columns:minmax(0,1fr) 32px}.mj-inst-date-title{grid-row:1;grid-column:1}.mj-inst-date-picker-head>.mj-inst-icon-button{grid-row:1;grid-column:2}.mj-inst-date-manual{grid-row:2;grid-column:1/-1;width:164px;justify-self:center}.mj-inst-date-error{grid-row:3}}
.mj-inst-date-picker-head .mj-inst-date-title{font-size:20px}
.mj-inst-date-picker-head .mj-inst-date-manual{gap:0}
@media(max-width:360px){.mj-inst-date-toolbar{grid-template-columns:32px minmax(0,1fr) 32px;gap:6px}.mj-inst-date-nav{width:32px;height:40px}.mj-inst-date-ym{grid-template-columns:minmax(0,1fr) 72px}.mj-inst-date-ym select{padding-inline:4px;font-size:13px}}

.mj-inst-auth-red .mj-inst-auth-kicker,.mj-inst-auth-red .mj-inst-auth-brand-copy p,.mj-inst-auth-red .mj-inst-auth-trust span{opacity:1}

/* 1.2.2: compact customer workspace; selection/payment endpoints are unchanged. */
.mj-inst-customer-main .mj-inst-payment-first{max-width:920px;gap:12px}
.mj-inst-payment-first .mj-inst-customer-contract-hero{padding:16px;background:var(--mj-surface);border:1px solid var(--mj-border);border-radius:18px;color:var(--mj-text);gap:12px}
.mj-inst-payment-first .mj-inst-customer-contract-number{display:flex;align-items:center;gap:8px;margin:0}.mj-inst-payment-first .mj-inst-customer-contract-number strong{font-size:16px}.mj-inst-payment-first .mj-inst-customer-contract-number small{font-size:11px;color:var(--mj-muted)}
.mj-inst-customer-payment-lead{display:flex;align-items:center;justify-content:space-between;gap:12px}
.mj-inst-payment-first .mj-inst-customer-balance{margin:0;gap:3px}.mj-inst-payment-first .mj-inst-customer-balance>span{font-size:12px;color:var(--mj-muted)}.mj-inst-payment-first .mj-inst-customer-balance strong{font-size:clamp(24px,5vw,30px);color:var(--mj-primary-text);line-height:1.4}
.mj-inst-customer-next-date{display:grid;gap:3px;text-align:left;font-variant-numeric:tabular-nums}.mj-inst-customer-next-date small{color:var(--mj-muted);font-size:10px}.mj-inst-customer-next-date b{font-size:12px}
.mj-inst-customer-account-summary{display:grid;grid-template-columns:1.2fr 1.2fr .7fr;gap:8px;padding-top:10px;border-top:1px solid var(--mj-border)}
.mj-inst-customer-account-summary>div{display:grid;gap:3px;min-width:0}.mj-inst-customer-account-summary small{font-size:10px;color:var(--mj-muted)}.mj-inst-customer-account-summary b{font-size:12px;overflow-wrap:anywhere;font-variant-numeric:tabular-nums}.mj-inst-customer-account-summary em{font-size:9px;font-style:normal;font-weight:400;color:var(--mj-muted)}
.mj-inst-payment-first .mj-inst-customer-progress{margin:0;height:4px}
.mj-inst-payment-first .mj-inst-customer-section-head{gap:8px;margin:0}.mj-inst-payment-first .mj-inst-customer-section-head h2{font-size:15px}.mj-inst-payment-first .mj-inst-customer-section-head p{margin:3px 0 0;font-size:10px;line-height:1.6}
.mj-inst-payment-first .mj-inst-customer-installment-card{padding:12px;border-radius:14px;box-shadow:none;gap:8px;align-items:center}
.mj-inst-payment-first .mj-inst-customer-installment-main{gap:3px}.mj-inst-payment-first .mj-inst-customer-installment-top{align-items:center}
.mj-inst-payment-first .mj-inst-customer-installment-due strong{font-size:12px}.mj-inst-payment-first .mj-inst-customer-installment-due>span{font-size:10px}.mj-inst-payment-first .mj-inst-customer-installment-due em{font-size:9px;padding:2px 5px}
.mj-inst-payment-first .mj-inst-customer-installment-amount{margin-top:3px}.mj-inst-payment-first .mj-inst-customer-installment-amount b{font-size:18px}.mj-inst-payment-first .mj-inst-customer-installment-amount>span{font-size:9px}
.mj-inst-customer-more-list{display:grid;grid-column:1/-1;gap:9px}.mj-inst-customer-more-list[hidden]{display:none!important}
.mj-inst-customer-show-more{width:100%;min-height:42px;font-size:11px}
.mj-inst-payment-first .mj-inst-customer-payment-alert{padding:9px 12px;gap:9px;border-radius:12px}.mj-inst-payment-first .mj-inst-customer-payment-alert strong{font-size:12px}.mj-inst-payment-first .mj-inst-customer-payment-alert small{font-size:10px}
.mj-inst-payment-first .mj-inst-customer-history-stack{gap:8px}.mj-inst-payment-first .mj-inst-customer-fold{border-radius:12px}.mj-inst-payment-first .mj-inst-customer-fold>summary{padding:12px;font-size:12px}
.mj-inst-payment-first .mj-inst-customer-pay-dock{background:var(--mj-surface);backdrop-filter:none;box-shadow:0 6px 24px #0002;border-radius:16px;max-width:620px}
.mj-inst-customer-main .mj-inst-customer-contract-grid{gap:12px}.mj-inst-customer-main .mj-inst-customer-contract-card{box-shadow:none;border-radius:16px;padding:16px}.mj-inst-customer-main .mj-inst-customer-contract-top{margin-bottom:8px}.mj-inst-customer-main .mj-inst-customer-contract-cta{margin-top:12px;padding-top:12px}
@media(min-width:700px){.mj-inst-customer-more-list{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:520px){.mj-inst-customer-contextbar .mj-inst-customer-context-inner{padding-top:8px;padding-bottom:8px}.mj-inst-customer-contextbar .mj-inst-customer-welcome strong{font-size:12px}.mj-inst-customer-main{padding-top:12px}.mj-inst-payment-first .mj-inst-customer-contract-hero{padding:12px;gap:10px}.mj-inst-payment-first .mj-inst-customer-pay-dock{grid-template-columns:1fr;left:8px;right:8px;bottom:max(8px,env(safe-area-inset-bottom));padding:10px;gap:8px}.mj-inst-payment-first .mj-inst-customer-pay-dock-summary{display:flex;justify-content:space-between;align-items:center}.mj-inst-payment-first .mj-inst-customer-pay-dock-summary small{font-size:11px}.mj-inst-payment-first .mj-inst-customer-pay-dock-summary strong{font-size:18px}.mj-inst-payment-first .mj-inst-customer-pay-dock-actions{grid-template-columns:1fr 1fr auto!important}.mj-inst-payment-first .mj-inst-customer-pay-clear{grid-column:auto!important;position:static!important;width:34px;min-width:34px;height:42px}.mj-inst-customer-contract-page.has-payment-selection{padding-bottom:124px}}
.mj-inst-auth-heading .mj-inst-auth-install-help{min-height:34px;font-size:11px;margin-top:8px;padding:6px 12px;border:1px solid var(--mj-border)}
.mj-inst-payment-first .mj-inst-customer-pay-dock-actions.receipt-only{display:grid;grid-template-columns:minmax(0,1fr) auto!important}
@media(max-width:520px){.mj-inst-customer-header-call strong{font-size:11px;letter-spacing:0;white-space:nowrap}}
.mj-inst-reports-workspace.is-local .mj-inst-report-filter>[hidden]{display:none!important}
@media(max-width:899px){
 .mj-inst-reports-workspace.is-local .mj-inst-report-filter{grid-template-columns:repeat(2,minmax(0,1fr))}
 .mj-inst-reports-workspace.is-local .mj-inst-report-filter>button{grid-row:1;grid-column:2;align-self:end}
 .mj-inst-reports-workspace.is-local .mj-inst-report-filter[data-report=upcoming]>button{grid-row:2;grid-column:1/-1}
 .mj-inst-reports-workspace.is-local .mj-inst-report-summary .mj-inst-stat strong{font-size:17px}
}

/* Long customer identities must not impose a minimum viewport width. */
.mj-inst-contract-view,.mj-inst-contract-view .mj-inst-page-head,.mj-inst-contract-view .mj-inst-page-head>*,.mj-inst-contract-view .mj-inst-panel{min-width:0;max-width:100%;overflow-wrap:anywhere;}
.mj-inst-contract-view strong,.mj-inst-contract-view h1,.mj-inst-contract-view small{overflow-wrap:anywhere;word-break:break-word;}

.mj-inst-cv-head,.mj-inst-cv-title,.mj-inst-cv-title p,.mj-inst-cv-number-row{min-width:0;max-width:100%;overflow-wrap:anywhere;}
.mj-inst-cv-title{flex:1 1 0;}

/* 1.2.4: compact feedback and automatic filters; preserve native keyboard controls. */
.mj-inst-confirm-card{padding:20px;max-width:430px}
.mj-inst-confirm-card p{margin:10px 0 18px;font-size:14px}
.mj-inst-confirm-symbol{width:32px;height:32px}
.mj-inst-toast-copy{display:flex;align-items:center}
.mj-inst-filterbar{display:flex;flex-wrap:wrap;align-items:center;gap:8px;padding:6px;margin-bottom:10px}
.mj-inst-filterbar input[type=search]{flex:1 1 220px;min-width:0}
.mj-inst-filterbar select{flex:0 1 190px;min-width:130px}
.mj-inst-filterbar input,.mj-inst-filterbar select,.mj-inst-filterbar .mj-inst-button{min-height:40px;padding:8px 10px;font-size:12px}
@supports (appearance:base-select){.mj-inst-app select option::checkmark{display:none}}
@media(max-width:600px){.mj-inst-filterbar input[type=search]{flex-basis:100%}.mj-inst-filterbar select{flex:1 1 130px}}

/* 1.2.4 customer: compact agreement and reference-inspired installment cards. */
.mj-inst-customer-contextbar .mj-inst-customer-context-inner{padding-block:4px;min-height:48px;align-items:center}
.mj-inst-customer-contextbar .mj-inst-customer-welcome{display:flex;justify-content:space-around;align-items:center;text-align:center;gap:8px;padding:0}
.mj-inst-customer-contextbar .mj-inst-customer-welcome strong{font-size:13px;flex:1}
.mj-inst-customer-contextbar .mj-inst-customer-welcome span{flex:1;margin:0;font-size:11px;white-space:normal}
.mj-inst-customer-main{padding-top:0!important;padding-bottom:150px}
.mj-inst-payment-first .mj-inst-customer-contract-hero{padding:10px 12px;gap:8px;margin-top:0}
.mj-inst-payment-first .mj-inst-customer-contract-hero-top{margin:0}
.mj-inst-payment-first .mj-inst-customer-payment-lead{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:0}
.mj-inst-payment-first .mj-inst-customer-next-focus{display:flex;align-items:center;gap:8px;padding:7px 9px;min-width:0;flex:1}
.mj-inst-payment-first .mj-inst-customer-next-focus span{font-size:11px;white-space:nowrap}
.mj-inst-payment-first .mj-inst-customer-next-focus strong{font-size:clamp(15px,4vw,20px);font-family:inherit}
.mj-inst-payment-first .mj-inst-customer-next-date{display:grid;gap:2px;font-size:10px;text-align:center}
.mj-inst-payment-first .mj-inst-customer-section-head{margin:12px 0 8px}
.mj-inst-customer-month-filters{display:flex;gap:4px;padding:4px;background:var(--mj-surface-2);border-radius:12px;margin-bottom:9px}
.mj-inst-customer-month-filters button{flex:1;border:0;background:transparent;color:var(--mj-muted);font:inherit;font-size:12px;font-weight:800;padding:9px;border-radius:9px;cursor:pointer}
.mj-inst-customer-month-filters button[aria-pressed=true]{background:var(--mj-primary);color:var(--mj-primary-contrast,#fff)}
.mj-inst-customer-month-filters button:focus-visible{outline:2px solid var(--mj-primary-text);outline-offset:2px}
.mj-inst-payment-first .mj-inst-customer-installment-list{display:grid;grid-template-columns:1fr;gap:9px}
.mj-inst-payment-first .mj-inst-customer-installment-card{display:grid;grid-template-columns:20px minmax(0,1fr);gap:10px;align-items:center;border:2px solid var(--mj-border);padding:12px;border-radius:16px;background:var(--mj-surface);box-shadow:none;min-height:94px}
.mj-inst-payment-first .mj-inst-customer-installment-card.is-overdue{border-color:var(--mj-danger)}
.mj-inst-payment-first .mj-inst-customer-installment-card.is-selected{background:color-mix(in srgb,var(--mj-primary) 7%,var(--mj-surface));border-color:var(--mj-primary)}
.mj-inst-payment-first .mj-inst-customer-installment-card.is-overdue.is-selected{border-color:var(--mj-danger);background:color-mix(in srgb,var(--mj-danger) 6%,var(--mj-surface))}
.mj-inst-payment-first .mj-inst-installment-check-ui{width:19px;height:19px;border:1px solid var(--mj-border);border-radius:6px;background:var(--mj-input);box-shadow:none;color:transparent}
.mj-inst-payment-first .is-selected .mj-inst-installment-check-ui{background:var(--mj-primary);border-color:var(--mj-primary)}
.mj-inst-payment-first .mj-inst-installment-check-ui::after{content:none}
.mj-inst-payment-first .mj-inst-customer-installment-main{display:grid;grid-template-columns:minmax(90px,1fr) minmax(0,1fr);gap:6px 8px;align-items:center}
.mj-inst-payment-first .mj-inst-customer-installment-top{display:contents}
.mj-inst-payment-first .mj-inst-customer-installment-due{display:contents}
.mj-inst-payment-first .mj-inst-customer-installment-due>strong{grid-column:1;grid-row:1/3;font-size:14px}
.mj-inst-payment-first .mj-inst-customer-installment-due>span{grid-column:2;grid-row:1;text-align:left;font-size:11px}
.mj-inst-payment-first .mj-inst-customer-installment-top>.mj-inst-badge{grid-column:1;grid-row:3;justify-self:start}
.mj-inst-payment-first .mj-inst-customer-installment-amount{grid-column:2;grid-row:2;display:block;padding:0;border:0;background:transparent;text-align:left;margin:0}
.mj-inst-payment-first .mj-inst-customer-installment-amount b{font:inherit;font-weight:900;color:var(--mj-primary-text);font-size:18px;white-space:nowrap}
.mj-inst-payment-first .mj-inst-customer-installment-amount em{font-size:10px;color:var(--mj-muted);font-style:normal}
.mj-inst-payment-first .mj-inst-customer-installment-meta,.mj-inst-payment-first .is-installment{grid-column:1/-1}
.mj-inst-payment-first .mj-inst-customer-pay-dock{position:fixed;bottom:0;left:0;right:0;width:100%;max-width:none;border-radius:16px 16px 0 0;margin:0;padding:10px max(12px,env(safe-area-inset-left)) calc(10px + env(safe-area-inset-bottom));transform:none}
.mj-inst-payment-first .mj-inst-customer-pay-dock-summary,.mj-inst-payment-first .mj-inst-customer-pay-dock-actions{width:100%;max-width:740px;margin-inline:auto}
.mj-inst-payment-first .mj-inst-customer-pay-dock-actions{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) 36px!important}
.mj-inst-payment-first .mj-inst-customer-pay-dock-actions.receipt-only{grid-template-columns:minmax(0,1fr) 36px!important}
.mj-inst-payment-first .mj-inst-customer-contract-number strong,.mj-inst-payment-first .mj-inst-customer-next-date b{font-family:inherit}
@media(max-width:370px){.mj-inst-customer-contextbar .mj-inst-customer-welcome{display:grid;gap:0}.mj-inst-payment-first .mj-inst-customer-installment-main{grid-template-columns:minmax(74px,1fr) minmax(0,1.3fr)}.mj-inst-payment-first .mj-inst-customer-installment-amount b{font-size:16px}}
@media(min-width:900px){.mj-inst-payment-first .mj-inst-customer-installment-list{grid-template-columns:repeat(2,minmax(0,1fr))}.mj-inst-customer-main{padding-top:0!important}}
.mj-inst-otp-timing{display:grid;grid-template-columns:1fr auto;gap:5px;align-items:center;font-size:12px;color:var(--mj-muted);margin-top:10px}
.mj-inst-otp-timing>[data-mj-otp-expiry]{font-variant-numeric:tabular-nums;color:var(--mj-primary-text)}
.mj-inst-otp-timing>[data-mj-cooldown]{grid-column:1;font-size:10px}
.mj-inst-otp-timing button{grid-column:2;grid-row:1/3}
.mj-inst-header-clock{display:none}
@media(min-width:900px){.mj-inst-header-clock{display:flex;align-items:center;gap:12px;margin-inline:auto;padding:7px 13px;border:1px solid var(--mj-border);border-radius:12px;background:var(--mj-surface-2);color:var(--mj-muted);font-size:12px;white-space:nowrap}.mj-inst-header-clock time{font-size:17px;font-weight:850;color:var(--mj-primary-text);font-variant-numeric:tabular-nums}}
/* Review batches: small thumbnail, separated decisions, no fixed tall image. */
.mj-inst-receipt-list{gap:9px}
.mj-inst-receipt-card{padding:12px;border-radius:14px;gap:12px;box-shadow:none;align-items:start}
.mj-inst-receipt-image{width:110px;height:130px;min-height:0;align-self:start;border-radius:10px;overflow:hidden;background:var(--mj-surface-2)}
.mj-inst-receipt-image img{width:100%;height:100%;max-height:130px;object-fit:contain}
.mj-inst-receipt-head{margin-bottom:8px}
.mj-inst-receipt-kpis{gap:6px;margin-bottom:9px}
.mj-inst-receipt-kpis>div{padding:6px 8px}
.mj-inst-review-grid{display:grid;grid-template-columns:minmax(0,2fr) minmax(190px,1fr);gap:14px}
.mj-inst-review-form .mj-inst-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:7px}
.mj-inst-review-form textarea,.mj-inst-reject-form textarea{min-height:40px;height:40px;padding:8px}
.mj-inst-review-form input,.mj-inst-review-grid .mj-inst-button{min-height:40px}
.mj-inst-review-form>button,.mj-inst-reject-form>button{margin-top:8px}
.mj-inst-reject-form>button{height:40px;max-height:40px;align-self:end;justify-self:start;padding:8px 16px}
.mj-inst-reject-form{border-inline-start:1px solid var(--mj-border);padding-inline-start:14px;display:grid;gap:7px}
.mj-inst-review-grid .mj-inst-form-message:empty{display:none}
@media(min-width:700px){.mj-inst-receipt-card{grid-template-columns:110px minmax(0,1fr)}}
@media(max-width:699px){.mj-inst-receipt-card{grid-template-columns:76px minmax(0,1fr)}.mj-inst-receipt-image{width:76px;height:98px}.mj-inst-receipt-body{min-width:0}.mj-inst-review-grid{grid-template-columns:1fr;gap:12px}.mj-inst-reject-form{border-inline-start:0;border-top:1px solid var(--mj-border);padding:10px 0 0}.mj-inst-receipt-kpis{grid-template-columns:1fr 1fr}}
.mj-inst-report-filter>label{flex:1 1 145px;min-width:0}
.mj-inst-payment-first [data-mj-month-group][hidden]{display:none!important}
.mj-inst-payment-first .mj-inst-customer-next-focus{min-height:0}
.mj-inst-payment-first .mj-inst-customer-installment-card.is-overdue:not(.is-selected){border-color:var(--mj-danger)}