.secure-scope{display:flex;align-items:center;gap:12px;margin-bottom:24px;border-bottom:1px solid var(--border);padding-bottom:18px}.secure-scope label{display:flex;align-items:center;gap:8px;font-size:11px;color:var(--secondary)}.secure-scope select{min-width:140px;font-size:11px;min-height:40px}.scope-status{margin-left:auto;color:var(--secondary);display:flex;align-items:center;gap:8px;font-size:11px}.scope-status>.icon{color:var(--primary);width:17px}.business-summary{display:flex;width:100%;align-items:center;justify-content:space-between;background:none;border:0;border-bottom:1px solid var(--border);min-height:56px;text-align:left;font-size:12px;gap:12px}.business-summary span{display:flex;align-items:center;gap:10px}.business-summary>.icon{width:14px;color:var(--primary)}.business-summary:hover{color:var(--primary)}.feature-list{display:flex;flex-wrap:wrap;gap:8px;margin:17px 0}.skeleton-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;padding-top:22px}.skeleton-grid>div{height:145px;background:linear-gradient(90deg,var(--border),var(--surface),var(--border));background-size:200% 100%;border-radius:16px;animation:skeleton 1.3s infinite}.navigation>.nav-label{margin:10px 0}.navigation>.nav-item{min-height:43px}.settings-card .btn{margin:5px 5px 5px 0}.modal .checkbox-label{display:flex;flex-direction:row;align-items:center;gap:12px;margin:14px 0}.transfer-item{display:flex;align-items:center;gap:10px;padding:12px 0}.transfer-item>.btn{margin-left:auto}.help-copy p{margin:16px 0}.auth-screen{display:grid;grid-template-columns:1fr 1fr;min-height:100dvh;background:var(--surface)}.auth-story{padding:50px 10%;background:linear-gradient(140deg,var(--surface-muted),var(--surface));display:flex;justify-content:center;flex-direction:column;position:relative;overflow:hidden}.auth-story:after{content:'';position:absolute;right:-180px;bottom:-130px;width:550px;height:550px;border:65px solid #079d7d05;border-radius:40% 60% 50% 20%;pointer-events:none}.auth-logo{width:190px;height:170px;background:var(--surface);border-radius:24px;position:relative;overflow:hidden;margin-bottom:45px;box-shadow:0 10px 45px #079d7d08}.auth-logo img{position:absolute;width:250px;left:-30px;top:-41px}.auth-story h1{font-size:42px;line-height:1.3;color:var(--text-primary);letter-spacing:-1.8px;margin:12px 0 22px}.auth-story p{max-width:420px;font-size:14px;line-height:1.9;color:var(--text-secondary)}.auth-benefits{display:flex;gap:20px;flex-wrap:wrap;margin-top:34px;color:var(--success-text);font-size:11px}.auth-benefits>span{display:flex;align-items:center;gap:7px}.auth-benefits .icon{width:17px}.auth-form-wrap{display:flex;align-items:center;justify-content:center;padding:45px 30px}.auth-form{width:400px;max-width:100%}.auth-form>h1{font-size:29px;margin:10px 0 12px}.auth-form>p{font-size:12px;margin-bottom:30px}.auth-form form label{display:flex;flex-direction:column;gap:8px;margin-bottom:18px;font-size:12px;font-weight:500}.auth-form input,.auth-form select{min-height:47px}.auth-form form>.btn{min-height:48px;font-size:13px}.auth-links{display:flex;flex-direction:column;gap:15px;align-items:center;margin:20px 0}.auth-links>.btn{width:100%}.auth-links>a{font-size:11px;color:var(--primary)}.auth-foot{font-size:10px;text-align:center;color:var(--secondary);margin-top:28px}.auth-loading{height:100dvh;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:20px}.auth-loading .brand-symbol{animation:pulse 1s infinite}.auth-loading p{font-size:12px}.dashboard-middle>.card{min-height:280px}.dashboard-middle>.card>.table-scroll{margin-top:22px}.modal label{display:flex;flex-direction:column;gap:8px;margin-bottom:18px;font-size:12px}.modal .receipt-body p{font-size:11px}.sidebar .brand-name{font-size:28px}.brand-caption{font-size:5px}.settings-card .mini-stats{grid-template-columns:repeat(3,1fr)}.topbar .profile{min-height:44px}.cart-panel .empty-state{padding:25px 15px}.cart-panel .empty-state h3{font-size:13px}.cart-panel .empty-state p{font-size:11px}.page-heading{margin-bottom:24px}.card table th{font-size:11px}.card table td{font-size:12px}.nav-item{font-size:12px}.stat-head{font-size:12px}.stat-bottom{font-size:10px}.stat-value{font-size:25px}.receipt-row{font-size:12px}.page-footer{font-size:10px}.secure-scope .badge{font-size:10px}#dialog-form .form-error:empty{display:none}
@keyframes skeleton{to{background-position:-200% 0}}@keyframes pulse{50%{opacity:.45}}
@media(max-width:1050px){.sidebar .brand-name{display:none}.sidebar.mobile-open .brand-name{display:block}.secure-scope{flex-wrap:wrap}.scope-status{font-size:10px}.auth-story h1{font-size:34px}.auth-benefits{gap:13px}.stat-value{font-size:22px}}
@media(max-width:700px){.auth-screen{display:block}.auth-story{padding:25px;min-height:0}.auth-logo{width:115px;height:92px;border-radius:14px;margin-bottom:16px}.auth-logo img{width:155px;left:-20px;top:-28px}.auth-story>.eyebrow,.auth-story>p,.auth-benefits{display:none}.auth-story h1{font-size:25px;margin:5px 0;letter-spacing:-.8px}.auth-story h1 br{display:none}.auth-form-wrap{padding:30px 23px}.auth-form{width:100%}.auth-form>h1{font-size:24px}.auth-form>p{margin-bottom:20px}.secure-scope{gap:9px;margin-bottom:22px}.secure-scope label{flex:1;flex-direction:column;align-items:flex-start;min-width:0;gap:5px;font-size:10px}.secure-scope select{min-width:0;width:100%;font-size:10px;padding:8px;min-height:44px}.scope-status{width:100%;margin-left:0;font-size:9px}.secure-scope .badge{font-size:9px}.skeleton-grid{grid-template-columns:1fr 1fr}.skeleton-grid>div{height:120px}.stat-value{font-size:19px}.stat-head{font-size:10px}.stat-bottom{font-size:7px}.page-heading h1{font-size:24px}.card table td{font-size:11px}.card table th{font-size:10px}.heading-actions{flex-wrap:wrap}.page-footer{font-size:8px}.auth-story .eyebrow{display:none}.topbar .btn[data-action=search]{font-size:0;min-width:44px;padding:10px}.topbar .btn[data-action=search] .icon{width:18px}.business-summary{font-size:12px}.settings-card .mini-stats{grid-template-columns:1fr;gap:8px}.sidebar.mobile-open .brand{height:70px}.sidebar.mobile-open .sidebar-footer{padding-bottom:75px}.modal label{font-size:12px}.modal .btn{min-height:44px}.secure-scope+ .page-heading{margin-bottom:20px}}
@media print{.secure-scope{display:none!important}}

/* Platform tenant management */
.tenant-panel{padding:24px}.tenant-stats{grid-template-columns:repeat(5,minmax(0,1fr))}.ta-tabs,.ta-pagination,.ta-notifications{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin:16px 0}.ta-tabs{border-bottom:1px solid var(--border);padding-bottom:16px}.tenant-filters{display:flex;align-items:end;gap:12px;flex-wrap:wrap;margin:20px 0}.tenant-filters>label:first-child{flex:1;min-width:220px}.tenant-filters label,.ta-grid label{display:flex;flex-direction:column;gap:7px;font-size:13px}.tenant-filters input,.tenant-filters select,.ta-pagination select,.ta-grid input,.ta-grid select,textarea{padding:11px 12px;border:1px solid var(--control-border);border-radius:10px;background:var(--surface,var(--surface));color:inherit;max-width:100%;width:100%}.ta-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.ta-grid[hidden]{display:none}.modal fieldset{border:1px solid var(--border-subtle);border-radius:16px;padding:18px;margin:16px 0}.modal legend{font-weight:700;padding:0 8px}.modal .ta-check{display:flex;flex-direction:row;gap:10px;align-items:center;margin:12px 0}.ta-check input{width:auto}.ta-muted{display:block;color:var(--muted);font-size:11px;margin-top:5px}.ta-detail-heading{display:flex;justify-content:space-between;align-items:start;gap:16px}.ta-detail-heading h2{margin:20px 0 8px}.ta-pairs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.ta-pairs dt{color:var(--muted);font-size:12px}.ta-pairs dd{margin:6px 0;overflow-wrap:anywhere}.ta-actions{display:grid;grid-template-columns:1fr 1fr;gap:12px}.ta-usage{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin:24px 0}.ta-usage span{float:right}.ta-usage progress{width:100%;height:12px;accent-color:#079d7d;display:block;margin-top:12px}.tenant-mobile{display:none}.support-banner{background:var(--warning-bg);color:var(--warning-text);padding:16px;border-radius:12px;display:flex;justify-content:space-between;gap:16px;align-items:center;margin-bottom:20px}.btn.disabled{opacity:.45}.tenant-panel td{max-width:280px;overflow-wrap:anywhere}.tenant-panel table{font-size:12px}.ta-pagination label{margin-left:auto}.tenant-filters details[open]{flex-basis:100%}.tenant-filters details summary{cursor:pointer;padding:8px}.tenant-filters details .ta-grid{padding:12px 0}.tenant-panel .table-wrap{overflow-x:auto}
@media(max-width:1100px){.tenant-stats{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:700px){.tenant-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.tenant-desktop{display:none}.tenant-mobile{display:grid;gap:12px}.tenant-mobile article{border:1px solid var(--border-subtle);border-radius:16px;padding:16px}.tenant-mobile article>div{display:flex;justify-content:space-between;gap:12px}.ta-grid,.ta-pairs,.ta-usage{grid-template-columns:1fr}.ta-detail-heading,.support-banner{flex-direction:column}.ta-tabs{flex-wrap:nowrap;overflow:auto;padding-bottom:12px}.ta-tabs .btn{white-space:nowrap}.tenant-panel{padding:16px}.ta-pagination{font-size:12px}.ta-actions{grid-template-columns:1fr}.tenant-filters>label{width:100%}.modal fieldset{padding:12px}}

.tenant-desktop th:last-child,.tenant-desktop td:last-child{position:sticky;right:0;background:var(--surface);box-shadow:-3px 0 8px #143b2810}.tenant-panel td{white-space:normal}.tenant-panel td .btn{white-space:normal}.ta-muted{color:var(--secondary)}
.tenant-desktop table{min-width:1180px}.tenant-desktop th:first-child,.tenant-desktop td:first-child{min-width:180px}.tenant-desktop th:nth-child(2),.tenant-desktop td:nth-child(2){min-width:120px}.tenant-desktop th:nth-child(3),.tenant-desktop td:nth-child(3){min-width:190px}.tenant-desktop th:nth-child(4),.tenant-desktop td:nth-child(4){min-width:90px}.tenant-desktop th:nth-child(7),.tenant-desktop td:nth-child(7),.tenant-desktop th:nth-child(8),.tenant-desktop td:nth-child(8){min-width:135px}.tenant-desktop td:first-child .btn{padding:8px 10px;text-align:left}.tenant-desktop th:last-child,.tenant-desktop td:last-child{min-width:65px}
/* Business management */
.business-stats{grid-template-columns:repeat(3,minmax(0,1fr))}.business-panel table{font-size:12px}.business-desktop table{min-width:1040px}.business-desktop td:first-child{min-width:185px}.business-desktop td:nth-child(3){min-width:150px}.business-desktop th:last-child,.business-desktop td:last-child{position:sticky;right:0;background:var(--surface);box-shadow:-3px 0 8px #143b2810}.business-name{display:flex;align-items:center;gap:8px}.business-name img{width:32px;height:32px;object-fit:contain;border-radius:8px}.business-name .btn{padding:7px 9px;text-align:left}.business-mobile{display:none}.business-modules{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin:20px 0}.business-modules fieldset{border:1px solid var(--border);border-radius:16px;padding:16px}.business-modules legend{font-weight:700;padding:0 8px}.business-module{display:flex!important;flex-direction:row!important;align-items:center;justify-content:space-between;gap:16px;padding:12px 0;border-bottom:1px solid var(--border);margin:0!important}.business-module:last-child{border:0}.business-module small{display:block;font-size:11px;color:var(--secondary);font-weight:400;margin-top:5px}.business-module input{flex-shrink:0;accent-color:var(--primary);width:18px!important;height:18px}.business-tenant-options{display:grid;gap:10px;margin:18px 0}.business-tenant-options .btn{display:flex;align-items:flex-start;flex-direction:column;text-align:left;gap:6px}.business-tenant-options small{color:var(--secondary)}.business-summary-stats{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:24px 0}.business-summary-stats>div{padding:18px;background:var(--bg);border-radius:14px}.business-summary-stats strong{display:block;font-size:21px;margin-top:9px}.business-panel .ta-tabs{overflow:auto;flex-wrap:nowrap}.business-panel .ta-tabs .btn{white-space:nowrap}.business-panel .modal-footnote{margin:12px 0}.business-panel .table-wrap{overflow:auto}
@media(max-width:1000px){.business-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.business-modules{gap:12px}.business-summary-stats{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){.business-desktop{display:none}.business-mobile{display:grid;gap:12px}.business-mobile article{padding:16px;border:1px solid var(--border);border-radius:16px}.business-mobile article>.badge{float:right}.business-mobile article p{margin:8px 0}.business-modules{grid-template-columns:1fr}.business-summary-stats strong{font-size:17px}.business-stats .stat-value{font-size:19px}.business-stats .stat-bottom{font-size:9px}}
.business-stats .stat-card{min-height:112px;padding:18px 20px}.business-stats .stat-value{margin:12px 0 2px;font-size:25px}.business-stats .stat-bottom{display:none}.business-panel .tenant-filters{gap:10px;margin:8px 0 16px}.business-panel .tenant-filters>label:first-child{min-width:180px}.business-panel .modal-footnote{text-align:left;font-size:11px}.business-desktop th,.business-desktop td{padding:12px 14px}.business-desktop td:nth-child(2){min-width:110px}.business-desktop td:last-child{min-width:64px}.business-panel .ta-tabs{max-width:100%}
.ua-avatar{width:40px;height:40px;min-width:40px;border-radius:50%;background:var(--surface-muted);color:var(--success-text);display:inline-flex;align-items:center;justify-content:center;font-weight:700;object-fit:cover}.ua-identity{display:flex;align-items:center;gap:10px}.ua-identity .btn{text-align:left}.ua-search{display:flex;align-items:end;gap:12px;flex-wrap:wrap}.ua-search label{flex:1;min-width:220px}.user-panel .table-wrap{overflow:auto}.user-panel .business-desktop table{min-width:1080px}.user-panel .business-desktop td:last-child,.user-panel .business-desktop th:last-child{position:sticky;right:0;background:var(--surface,var(--surface))}.user-panel td{max-width:260px;white-space:normal;overflow-wrap:anywhere}.ua-access{padding:20px 0;border-bottom:1px solid var(--border);display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px}.ua-permissions{width:100%;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:18px 0}.ua-permissions fieldset{border:1px solid var(--border-subtle);border-radius:14px;padding:14px;min-width:0}.ua-permissions legend{font-weight:600;padding:0 6px}.ua-permissions label{display:flex;align-items:center;gap:8px;margin:9px 0;overflow-wrap:anywhere}.ua-permissions input{width:17px;min-height:17px;height:17px;accent-color:#009780}.ua-permissions small{display:block;color:var(--text-secondary);font-size:10px}.ua-activation{max-width:480px;margin:10vh auto;padding:32px}.user-panel .business-mobile article{padding:20px;border-bottom:1px solid var(--border-subtle)}.user-panel .business-mobile p{overflow-wrap:anywhere}@media(max-width:900px){.ua-permissions{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:600px){.ua-permissions{grid-template-columns:1fr}.ua-search label{width:100%}.ua-identity{flex-wrap:wrap}.ua-activation{margin:20px;padding:24px}}
.ua-search label{display:flex;flex-direction:column;align-items:stretch;gap:8px}.ua-search input{width:100%}.user-panel .business-desktop td:nth-child(2){min-width:165px}.user-panel .business-desktop td:first-child{min-width:180px}
/* Paket: form bertahap dengan batas dan fitur yang mudah dibaca. */
.plan-editor{padding-top:4px}.plan-editor [hidden]{display:none!important}.plan-steps{display:flex;gap:6px;overflow-x:auto;padding-bottom:18px;margin-bottom:18px;border-bottom:1px solid var(--border)}.plan-steps button{border:0;background:var(--bg);border-radius:12px;padding:10px;color:var(--secondary);font:inherit;font-size:11px;text-align:left;flex:1;min-width:108px;cursor:pointer}.plan-steps span{display:block;font-weight:700;margin-bottom:4px}.plan-steps [aria-current=step]{background:var(--surface-muted);color:var(--success-text)}.plan-editor h3{font-size:18px;margin:0 0 8px}.plan-editor section>p{color:var(--secondary);margin:0 0 20px;font-size:13px}.plan-limits,.plan-features{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.plan-limit,.plan-group{min-width:0;border:1px solid var(--border);border-radius:16px;padding:16px;margin:0}.plan-limit legend,.plan-group legend{padding:0 6px;font-size:13px;font-weight:650}.plan-limit small,.plan-editor label>small{display:block;font-weight:400;font-size:11px;color:var(--secondary);line-height:1.5;margin-top:8px}.plan-unlimited{display:flex!important;flex-direction:row!important;gap:8px!important;align-items:center;font-size:12px!important;margin:0 0 12px!important}.plan-unlimited input{width:16px!important;height:16px;min-height:16px;accent-color:#079d7d}.plan-value{display:flex;gap:8px}.plan-value input{min-width:0;width:100%}.plan-value select{width:80px;flex-shrink:0}.plan-value input:disabled,.plan-value select:disabled{opacity:.45;background:var(--bg)}.plan-group{margin:20px 0}.plan-group>.btn{font-size:11px;margin:0 0 12px auto;display:block}.plan-feature{display:flex!important;flex-direction:row!important;align-items:center;gap:10px!important;padding:12px;border:1px solid var(--border);border-radius:14px;margin:0!important;background:var(--surface);cursor:pointer}.plan-feature>span{flex:1;min-width:0}.plan-feature strong{font-size:12px;display:block}.plan-feature small{display:block;color:var(--secondary);font-size:11px;font-weight:400;line-height:1.5;margin-top:5px}.plan-feature img{flex-shrink:0;opacity:.65}.plan-feature input[role=switch]{appearance:none;position:relative;width:36px!important;height:21px;min-height:21px;flex:0 0 36px;border:0;border-radius:30px;background:var(--surface-muted);padding:0;cursor:pointer;transition:background .15s}.plan-feature input[role=switch]::after{content:'';position:absolute;top:3px;left:3px;width:15px;height:15px;border-radius:50%;background:var(--surface);box-shadow:0 1px 3px #0002;transition:transform .15s}.plan-feature input[role=switch]:checked{background:var(--button-bg)}.plan-feature input[role=switch]:checked::after{transform:translateX(15px)}.plan-feature input:focus-visible,.plan-steps button:focus-visible{outline:3px solid var(--focus-ring);outline-offset:3px}.plan-note,.plan-summary{padding:24px;border:1px solid var(--border);border-radius:18px;background:var(--surface)}.plan-note p{font-size:13px;line-height:1.7;color:var(--secondary)}.plan-summary{background:var(--surface);color:var(--text-primary)}.plan-summary>small{text-transform:uppercase;letter-spacing:.08em;color:var(--success-text)}.plan-summary h2{margin:12px 0 20px}.plan-summary dl{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:24px}.plan-summary dt{color:var(--text-secondary);font-size:12px}.plan-summary dd{margin:6px 0;font-size:18px;font-weight:650}.plan-summary details{margin-top:16px}.plan-summary summary{cursor:pointer;color:var(--success-text);font-weight:600}.plan-summary li{margin:8px 0}.plan-navigation{display:flex;justify-content:space-between;align-items:center;margin:24px 0 8px}.plan-progress{font-size:12px;color:var(--secondary)}
@media(max-width:600px){.plan-limits,.plan-features{grid-template-columns:1fr}.plan-limit,.plan-group{padding:12px}.plan-summary{padding:18px}.plan-summary dl{grid-template-columns:1fr 1fr}.plan-steps button{min-width:100px}.plan-feature strong{font-size:13px}}

.modal .plan-feature strong{color:var(--text);font-size:13px}.modal .plan-feature small{font-size:12px}.plan-feature{gap:12px!important}.plan-group{padding-top:12px}
/* Platform lead CRM */
.lead-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:12px;margin-bottom:16px}.lead-stat{text-align:left;padding:18px;border:1px solid var(--border);color:var(--text);cursor:pointer}.lead-stat span{font-size:12px;color:var(--secondary)}.lead-stat strong{display:block;font-size:28px;margin-top:10px;color:var(--primary)}.lead-insights{display:flex;gap:24px;flex-wrap:wrap;padding:16px 20px;font-size:12px}.lead-insights strong{font-size:16px;color:var(--primary)}.lead-notifications{display:flex;flex-wrap:wrap;gap:8px;margin:16px 0}.lead-panel{padding:20px;border-radius:18px;min-width:0}.lead-panel .table-toolbar{flex-wrap:wrap}.lead-panel small{display:block;margin-top:5px}.lead-panel td{vertical-align:top}.lead-panel td .btn{white-space:nowrap}.lead-name{padding:2px 0;border:0;background:none;color:var(--primary);font-weight:700;text-align:left}.lead-badge{display:inline-flex;font-size:11px;line-height:1.5;border-radius:20px;padding:4px 9px;margin:3px 2px 3px 0}.lead-green{background:var(--surface-muted);color:var(--text-primary)}.lead-amber{background:var(--warning-bg);color:var(--warning-text)}.lead-soft{background:var(--info-bg);color:var(--text-secondary)}#lead-search{display:flex;gap:6px;flex:1;min-width:240px}#lead-search input{width:100%;min-width:120px}.lead-filter-wrap{position:relative}.lead-filter-card{position:absolute;right:0;top:44px;z-index:20;background:var(--surface,var(--surface));border:1px solid var(--border);box-shadow:0 12px 40px #1233;border-radius:18px;padding:20px;width:min(620px,85vw);max-height:65vh;overflow:auto}.lead-mobile{display:none}.lead-card{padding:15px;border:1px solid var(--border);border-radius:16px;background:var(--surface,var(--surface));margin:10px 0;overflow-wrap:anywhere}.lead-card>div{display:flex;align-items:center;gap:8px;justify-content:space-between}.lead-card p{font-size:12px;margin:8px 0;color:var(--secondary)}.lead-card .btn{font-size:11px;padding:6px}.lead-pipeline{display:flex;gap:14px;overflow:auto;padding:10px 0;align-items:flex-start}.lead-pipeline>section{min-width:260px;width:260px;flex-shrink:0;background:var(--background,var(--surface));padding:12px;border-radius:16px}.lead-pipeline h3{font-size:13px;display:flex;gap:10px;align-items:center}.lead-detail-heading{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}.lead-detail-heading h2{font-size:24px}.lead-detail-heading p{margin:8px 0;color:var(--secondary)}.lead-pairs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;padding:22px 0}.lead-pairs dt{font-size:12px;color:var(--secondary);margin-bottom:5px}.lead-pairs dd{margin:0;overflow-wrap:anywhere;white-space:pre-wrap}.lead-timeline{list-style:none;padding:15px 0 15px 24px;margin-left:12px;border-left:2px solid var(--border-subtle)}.lead-timeline li{position:relative;padding:0 0 24px 12px}.lead-timeline li:before{content:'';position:absolute;left:-31px;top:4px;width:11px;height:11px;border-radius:50%;background:var(--primary)}.lead-timeline p{font-size:12px;color:var(--secondary);margin-top:8px}.lead-bulk{display:flex;gap:8px;flex-wrap:wrap;align-items:center;padding:12px;background:var(--surface-muted);border-radius:12px}.lead-steps{display:flex;gap:8px;flex-wrap:wrap;font-size:11px}.lead-steps span{padding:7px;border-radius:8px;background:var(--info-bg);color:var(--text-secondary)}.lead-steps .active{background:var(--surface-muted);color:var(--text-primary)}.lead-panel .info-banner{margin:15px 0}.lead-panel .table-wrap{max-width:100%;overflow:auto}@media(max-width:600px){.lead-desktop{display:none}.lead-mobile{display:block}.lead-pipeline{display:block}.lead-pipeline>section{width:100%;min-width:0}.lead-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.lead-panel{padding:12px}.lead-pairs{grid-template-columns:repeat(2,minmax(0,1fr))}.lead-filter-card{position:fixed;inset:15% 5% auto;width:90%}.lead-insights{gap:12px}.lead-detail-heading .btn{margin-bottom:8px}}
.usage-center{display:grid;gap:20px}.usage-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.usage-summary-card{padding:20px;display:grid;gap:9px}.usage-summary-card>strong{font-size:26px;letter-spacing:-.5px}.usage-summary-card>small,.usage-caption{color:var(--muted,var(--text-secondary));font-size:12px}.usage-panel{padding:22px;border-radius:18px}.usage-toolbar{display:flex;align-items:center;gap:12px;flex-wrap:wrap;justify-content:space-between}.usage-toolbar form#usage-search{display:flex;gap:8px;flex:1;min-width:240px}.usage-toolbar input,.usage-toolbar select{min-height:40px}.usage-chips{display:flex;flex-wrap:wrap;gap:8px;margin:18px 0}.usage-status{display:inline-flex;align-items:center;gap:6px;border-radius:99px;padding:5px 9px;font-size:11px;font-weight:600;white-space:nowrap;background:var(--surface-muted);color:var(--success-text)}.usage-status.attention{background:var(--warning-bg);color:var(--warning-text)}.usage-status.critical{background:var(--warning-bg);color:var(--warning-text)}.usage-status.over{background:var(--danger-bg);color:var(--danger-text)}.usage-status .icon{width:14px;height:14px}.usage-table{overflow-x:auto;min-height:200px;padding-bottom:80px}.usage-table table{width:100%;border-collapse:collapse;min-width:1340px}.usage-table th,.usage-table td{padding:16px 12px;text-align:left;border-bottom:1px solid var(--border-subtle);vertical-align:top}.usage-table th{font-size:11px;color:var(--text-secondary);background:var(--surface)}.usage-table small{display:block;margin-top:6px;font-weight:400}.usage-name{border:0!important;background:none!important;padding:0!important;text-align:left;color:var(--success-text);white-space:normal!important;min-width:150px}.usage-meter{min-width:115px;display:grid;gap:7px;font-size:12px}.usage-meter small{font-size:10px;color:var(--text-secondary)}.usage-meter strong small{display:inline}.usage-center progress{display:block;width:100%;height:6px;border:0;border-radius:9px;overflow:hidden;accent-color:#199979}.usage-center progress::-webkit-progress-bar{background:var(--surface-muted)}.usage-center progress::-webkit-progress-value{background:var(--button-bg)}.usage-meter.attention progress::-webkit-progress-value{background:var(--warning-solid)}.usage-meter.critical progress::-webkit-progress-value{background:var(--warning-solid)}.usage-meter.over progress::-webkit-progress-value{background:var(--danger-solid)}.usage-menu{position:relative}.usage-menu>summary{cursor:pointer;list-style:none;padding:5px}.usage-menu>div{position:absolute;right:0;top:30px;z-index:20;background:var(--surface);box-shadow:0 12px 32px #213b2929;border:1px solid var(--border-subtle);border-radius:14px;padding:8px;min-width:210px;display:grid}.usage-menu .btn{border:0;justify-content:flex-start;text-align:left}.usage-filter-wrap{position:relative}.usage-filter{position:absolute;z-index:25;right:0;top:50px;width:480px;max-width:85vw;padding:22px;box-shadow:0 16px 40px #213b2929}.usage-filter label{display:grid;gap:5px;font-size:12px}.usage-alerts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.usage-alerts article{padding:15px;background:var(--surface);border-radius:12px}.usage-alerts p{font-size:12px;margin:8px 0}.usage-panel h3 .icon{vertical-align:middle;margin-right:8px}.usage-mobile{display:none}.usage-chart-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.usage-chart{margin:0;padding:20px;background:var(--surface);border-radius:16px}.usage-chart svg{width:100%;height:auto}.usage-chart small{color:var(--text-secondary)}.usage-history-data{max-height:200px;overflow:auto}.usage-summary .usage-panel h3{font-size:13px}.usage-summary .usage-status{margin-top:14px}@media(max-width:1100px){.usage-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.usage-alerts{grid-template-columns:1fr 1fr}}@media(max-width:650px){.usage-summary{gap:8px}.usage-summary-card{padding:14px}.usage-summary-card>strong{font-size:22px}.usage-panel{padding:14px}.usage-table{display:none}.usage-mobile{display:grid;gap:12px}.usage-mobile article{padding:18px;display:grid;gap:12px}.usage-alerts,.usage-chart-grid{grid-template-columns:1fr}.usage-filter{right:auto;left:0;width:80vw}.usage-toolbar{align-items:stretch}.usage-toolbar #usage-search{min-width:100%}.usage-caption{line-height:1.7}}
.billing-center{display:grid;gap:20px}.billing-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-bottom:16px}.billing-stat{border:1px solid var(--border-subtle);border-radius:18px;padding:20px;text-align:left;background:var(--surface);color:var(--text-primary);display:grid;gap:10px;cursor:pointer}.billing-stat span{font-size:13px}.billing-stat strong{font-size:26px}.billing-stat small{color:var(--text-secondary)}.billing-stat.featured{background:var(--button-bg);color:var(--text-inverse);border-color:var(--border-subtle)}.billing-stat.featured small{color:var(--success-text)}.billing-tabs{display:flex;gap:4px;border-bottom:1px solid var(--border-subtle);overflow:auto}.billing-tabs button{white-space:nowrap;border:0;background:transparent;padding:15px 18px;color:var(--text-secondary);font:inherit;cursor:pointer;border-bottom:3px solid transparent}.billing-tabs button.active{color:var(--success-text);border-color:var(--border-subtle);font-weight:700}.billing-filters{display:flex;flex-wrap:wrap;gap:10px;align-items:end}.billing-filters label{font-size:12px;display:grid;gap:5px;min-width:130px;flex:1}.billing-filters input,.billing-filters select{width:100%;padding:10px;border:1px solid var(--control-border);border-radius:10px;background:var(--surface);color:var(--text-primary)}.billing-filters .billing-search{min-width:300px;flex:2}.billing-notices{display:flex;flex-wrap:wrap;gap:12px;align-items:center;color:var(--text-secondary);font-size:13px}.billing-badge{display:inline-block;padding:5px 10px;border-radius:20px;background:var(--surface-muted);color:var(--text-secondary);font-size:12px;white-space:nowrap}.billing-paid,.billing-succeeded{background:var(--surface-muted);color:var(--success-text)}.billing-unpaid,.billing-partial,.billing-pending{background:var(--warning-bg);color:var(--warning-text)}.billing-overdue,.billing-failed{background:var(--danger-bg);color:var(--danger-text)}.billing-refunded,.billing-partial_refund{background:var(--purple-bg);color:var(--purple-text)}.billing-two{display:grid;grid-template-columns:1fr 1fr;gap:20px}.billing-chart{padding:6px 0 20px}.billing-bars{height:200px;padding:10px 24px 0;display:flex;gap:12px;align-items:end}.billing-bar-group{flex:1;min-width:0;text-align:center;outline-offset:3px}.billing-bar-track{height:140px;display:flex;align-items:end;justify-content:center;gap:3px;border-bottom:1px solid var(--border-subtle)}.billing-bar-track i{display:block;width:20px;background:var(--button-bg);min-height:2px;border-radius:5px 5px 0 0}.billing-bar-track i.refund{background:var(--warning-solid);width:8px}.billing-bar-group small{font-size:11px;color:var(--text-secondary)}.billing-legend{color:var(--success-text);font-size:12px}.billing-legend em{color:var(--warning-text);font-style:normal;margin-left:10px}.billing-chart-total{display:flex;justify-content:space-around;gap:12px;flex-wrap:wrap;margin:22px 20px 0;padding-top:20px;border-top:1px solid var(--border-subtle)}.billing-chart-total span{font-size:12px;color:var(--text-secondary)}.billing-chart-total b{display:block;font-size:19px;color:var(--text-primary);margin-top:7px}.billing-timeline article{display:flex;gap:12px;padding:12px 0}.billing-timeline article>i{width:9px;height:9px;background:var(--button-bg);border-radius:50%;margin-top:5px;flex:none}.billing-timeline p{margin:5px 0;font-size:12px}.billing-timeline small{font-size:11px;color:var(--text-secondary)}.billing-timeline strong{font-size:13px}.billing-problem{display:flex;justify-content:space-between;gap:12px;padding:14px 0;border-bottom:1px solid var(--border-subtle)}.billing-problem small{display:block;font-size:12px;margin-top:5px}.billing-methods{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.billing-qr{display:block;max-width:180px;max-height:180px;object-fit:contain}.billing-padding{padding:0 24px 24px;color:var(--text-secondary)}.billing-mobile{display:none}.billing-detail-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin:24px 0}.billing-detail-grid small{display:block;color:var(--text-secondary);margin-bottom:7px}.billing-invoice-brand{display:flex;align-items:center;gap:20px}.billing-invoice-brand img{width:135px}.billing-invoice-brand .billing-badge{margin-left:auto}.billing-totals{margin:20px 0 20px auto;max-width:320px}.billing-totals p{display:flex;justify-content:space-between}.billing-detail-actions{display:flex;flex-wrap:wrap;gap:8px;margin:24px 0}.billing-payment{padding:16px;border:1px solid var(--border-subtle);border-radius:12px;margin-bottom:10px}.billing-payment .btn{margin-left:12px}.billing-item-row{display:grid;grid-template-columns:2fr 1fr 1fr auto;gap:8px;align-items:end;margin-bottom:12px}.billing-item-row .btn{margin-bottom:12px}.billing-wizard .plan-steps{flex-wrap:wrap;gap:8px;margin-bottom:24px}.billing-wizard .plan-steps span{padding:8px;background:var(--surface-muted);border-radius:10px;font-size:12px}.billing-wizard .plan-steps .active{background:var(--surface-muted);color:var(--success-text)}.billing-dashboard{margin-bottom:24px}.billing-empty-icon{color:var(--success-text);font-size:30px}.billing-center .card{min-width:0}.billing-center .table-scroll{max-width:100%}
@media(max-width:1050px){.billing-methods{grid-template-columns:1fr 1fr}.billing-two{grid-template-columns:1fr}.billing-bars{gap:6px}}@media(max-width:640px){.billing-stats{grid-template-columns:1fr 1fr;gap:8px}.billing-stat{padding:14px;border-radius:16px}.billing-stat strong{font-size:20px}.billing-stat span{font-size:11px}.billing-filters .billing-search{min-width:100%}.billing-tabs button{padding:12px}.billing-methods{grid-template-columns:1fr}.billing-desktop{display:none}.billing-mobile{display:grid;gap:12px;padding:14px}.billing-mobile article{padding:16px;border:1px solid var(--border-subtle);border-radius:16px}.billing-mobile .btn{display:block;margin-top:12px}.billing-detail-grid{grid-template-columns:1fr 1fr}.billing-invoice-brand{flex-wrap:wrap}.billing-item-row{grid-template-columns:1fr 1fr}.billing-item-row label:first-child{grid-column:1/-1}.billing-bars{padding:8px;gap:3px}.billing-chart-total{justify-content:start}.billing-bars small{font-size:9px}}
.modal .plan-limit{margin:0;padding:14px}.modal .plan-group{margin:16px 0;padding:14px}.modal .plan-feature{padding:12px}
/* Keep the seven summary cards balanced without an orphan row. */
@media(min-width:1101px){.lead-stats{grid-template-columns:repeat(7,minmax(0,1fr))}.lead-stat{padding:15px 12px}.lead-stat span{display:block;min-height:34px}}
@media(min-width:601px) and (max-width:1100px){.lead-stats{grid-template-columns:repeat(4,minmax(0,1fr))}}
.usage-chips:empty{display:none}
.billing-stats{grid-template-columns:repeat(4,minmax(0,1fr))}.billing-stat{padding:17px}.billing-stat strong{font-size:23px}.billing-desktop td,.billing-desktop th{padding:13px 10px}.billing-desktop td small{max-width:180px;white-space:normal}@media(max-width:1050px){.billing-stats{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:640px){.billing-stat{padding:13px}.billing-stat strong{font-size:19px}}
/* Tenant login and access details */
.ta-access-sections{display:grid;gap:18px;padding-top:20px}
.ta-access-card{padding:22px;border:1px solid var(--border);border-radius:14px;background:var(--surface)}
.ta-access-card h3{display:flex;align-items:center;gap:10px;font-size:16px;margin:0 0 18px}
.ta-access-card h3 .icon{color:var(--primary)}
.ta-access-card p{font-size:13px;line-height:1.65;overflow-wrap:anywhere}
.ta-access-identity{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}
.ta-access-identity h4{font-size:20px;margin:5px 0}
.ta-access-identity small,.ta-access-note{color:var(--secondary)}
.ta-access-actions,.ta-access-counts{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-top:18px}
.ta-access-counts{padding:14px;background:var(--bg);border-radius:10px;gap:25px;font-size:13px}
.ta-access-counts b{margin-left:8px}
.ta-access-card .ta-pairs{margin:18px 0}
.ta-access-card .ta-pairs dd{overflow-wrap:anywhere}
.ta-access-card .badge.gray{background:var(--bg);color:var(--secondary)}
.ta-access-card .badge.red{background:var(--danger-bg);color:var(--danger-text)}
.ta-access-card .badge.blue{background:var(--info-bg);color:var(--info-text)}
@media(max-width:640px){.ta-access-card{padding:16px}.ta-access-card .ta-pairs{grid-template-columns:1fr}.ta-access-actions .btn{flex:1 1 180px}}
.ta-access-card .icon{width:20px;height:20px;flex-shrink:0}
/* Shared, accessible recovery states */
.form-error:empty{display:none}
.form-error{color:inherit;text-align:left}
.recovery-card{background:var(--surface);border:1px solid var(--danger-border);border-radius:15px;padding:18px;color:var(--danger-text);margin:16px 0;overflow-wrap:anywhere;outline-offset:3px}
.recovery-card[data-error-code=OFFLINE],.recovery-card[data-error-code=LIMIT_REACHED]{background:var(--warning-bg);border-color:var(--warning-border);color:var(--warning-text)}
.recovery-heading{display:flex;align-items:center;gap:10px}
.recovery-heading h3{font-size:16px;margin:0;font-weight:650}
.recovery-heading .icon{flex-shrink:0;color:var(--danger-text)}
.recovery-card p{font-size:13px;line-height:1.65;margin:10px 0}
.recovery-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}
.recovery-card .btn{font-size:12px;white-space:normal}
.recovery-summary{padding-left:20px;margin:12px 0}
.recovery-summary .btn{text-align:left;padding:4px 0;border:0;background:none;box-shadow:none;text-decoration:underline;color:inherit}
.recovery-field-message{display:block;color:var(--danger-text);font-size:12px;margin:6px 0;line-height:1.5}
input[aria-invalid=true],select[aria-invalid=true],textarea[aria-invalid=true]{border-color:var(--danger-border)!important;background:var(--surface)!important;box-shadow:0 0 0 2px #d4807814}
.recovery-technical{margin-top:14px;font-size:12px}
.recovery-technical summary{cursor:pointer}
.recovery-technical dl{display:grid;gap:6px;margin:10px 0}
.recovery-technical dl>div{display:flex;gap:12px;flex-wrap:wrap}
.recovery-technical dt{font-weight:600;min-width:72px}
.recovery-technical dd{margin:0}
.recovery-toast{max-width:430px;max-height:70vh;overflow:auto;background:var(--surface);border-radius:16px;box-shadow:var(--shadow);border:1px solid var(--border);padding:0 12px 12px;pointer-events:auto}
.recovery-toast .recovery-card{margin:12px 0}
.recovery-dismiss{margin-left:auto;display:flex}
.recovery-spinner{width:14px;height:14px;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;display:inline-block;animation:recovery-spin .8s linear infinite}
@keyframes recovery-spin{to{transform:rotate(360deg)}}
.connection-notice{position:fixed;bottom:20px;left:50%;transform:translateX(-50%);z-index:200;max-width:90vw;background:var(--warning-bg);border:1px solid var(--warning-border);border-radius:14px;padding:14px 20px;font-size:13px;color:var(--warning-text);box-shadow:var(--shadow)}
.plan-draft-notice{padding:14px;background:var(--surface);border:1px solid var(--info-border);border-radius:14px;margin:12px 0;color:var(--info-text)}
.plan-draft-notice p{margin:0 0 8px}
[data-theme=dark] .recovery-card{background:var(--surface-inverse);border-color:var(--danger-border);color:var(--danger-text)}
[data-theme=dark] input[aria-invalid=true],[data-theme=dark] select[aria-invalid=true],[data-theme=dark] textarea[aria-invalid=true]{background:var(--surface-inverse)!important;color:var(--danger-text)}
@media(prefers-reduced-motion:reduce){.recovery-spinner{animation:none}}
.account-edit-modal{max-width:560px;max-height:calc(100dvh - 32px);overflow:auto}.account-edit-fields{display:grid;gap:14px}.account-edit-fields label{display:grid;gap:7px}.account-edit-footer{position:sticky;bottom:-24px;background:var(--surface,var(--surface));display:flex;gap:10px;padding:16px 0;margin-top:16px;border-top:1px solid var(--border-subtle);z-index:2}.account-edit-footer .primary{flex:1}.account-disable-confirm{padding:16px;background:var(--warning-bg);border:1px solid var(--warning-border);border-radius:14px;margin:12px 0}.account-disable-confirm[hidden]{display:none}@media(max-width:600px){.modal-backdrop:has(.account-edit-modal){padding:0}.account-edit-modal{width:100%;max-width:none;max-height:100dvh;min-height:100dvh;border-radius:0}.account-edit-footer{bottom:-20px}}
.account-edit-modal{width:min(560px,calc(100vw - 32px))}.account-edit-fields{grid-template-columns:1fr 1fr;gap:12px}.account-edit-fields>label,.account-edit-fields>p{grid-column:1/-1;margin:0}.account-edit-fields>label:has(select){grid-column:auto}.account-edit-footer{bottom:0;padding:12px 0;margin-top:12px}.account-edit-footer .btn{margin:0}.account-edit-modal .modal-body{scroll-padding-bottom:80px}@media(max-width:600px){.account-edit-modal{width:100%;max-height:100dvh!important}.account-edit-fields{grid-template-columns:1fr}.account-edit-footer{bottom:0}}
.email-center>nav{margin:20px 0}.email-center fieldset{border:0;padding:0;min-width:0}.email-fields{display:grid;grid-template-columns:1fr 1fr;gap:16px}.email-fields label{display:grid;gap:8px;font-size:12px;margin:0}.email-fields input,.email-fields select{min-width:0;width:100%}.email-status{padding:18px;border:1px solid var(--border);border-radius:16px;background:var(--surface);margin:18px 0}.email-center p{line-height:1.6;font-size:13px;margin:14px 0}.email-center form{margin:20px 0}.email-template{padding:16px;border-bottom:1px solid var(--border)}.email-template pre{white-space:pre-wrap;overflow-wrap:anywhere;background:var(--surface);padding:16px}.email-center td{overflow-wrap:anywhere}@media(max-width:650px){.email-fields{grid-template-columns:1fr}}

.card.email-center{padding:24px}.email-link input{width:100%}.email-center .tw-toolbar{gap:8px;flex-wrap:wrap}@media(max-width:650px){.card.email-center{padding:16px}}

.wa-button{color:var(--success-text);min-height:44px}.wa-button:disabled{opacity:.48}.wa-actions{display:flex;gap:6px;flex-wrap:wrap}.wa-dialog{border:1px solid var(--border-subtle);border-radius:22px;width:min(560px,calc(100vw - 24px));max-height:90dvh;padding:0;color:var(--text-primary);box-shadow:0 25px 90px #163e3b33}.wa-dialog::backdrop{background:#102f2b66;backdrop-filter:blur(3px)}.wa-dialog header,.wa-dialog footer{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:20px 24px}.wa-dialog h2{margin:0;font-size:21px}.wa-dialog p{font-size:13px;color:var(--text-secondary);line-height:1.6}.wa-dialog .wa-body{padding:0 24px;overflow:auto;max-height:65dvh}.wa-dialog label{display:grid;gap:10px;font-weight:600}.wa-dialog textarea{width:100%;box-sizing:border-box;border:1px solid var(--control-border);border-radius:12px;padding:14px;font:inherit;font-weight:400;line-height:1.65;resize:vertical}.wa-dialog footer{border-top:1px solid var(--border-subtle)}.wa-dialog a{text-decoration:none}.wa-dialog [aria-disabled=true]{opacity:.5;cursor:not-allowed}.wa-dialog .wa-error{color:var(--danger-text)}@media(max-width:600px){.wa-dialog{max-height:95dvh}.wa-dialog header,.wa-dialog footer{padding:16px}.wa-dialog .wa-body{padding:0 16px}.wa-dialog footer .btn{min-height:46px}.receipt-body+.form-actions{flex-wrap:wrap}.receipt-body+.form-actions>.btn{flex:1 1 42%}}

.receipt-brand{text-align:center;margin:0 auto 24px}.receipt-brand img{display:block;width:80px;height:80px;object-fit:contain;margin:0 auto 12px}.receipt-brand h2{margin:0;font-size:24px;overflow-wrap:anywhere}.receipt-initials{display:flex;align-items:center;justify-content:center;width:72px;height:72px;border-radius:18px;background:#e9f6f1;color:#087c69;font-size:28px;font-weight:700;margin:0 auto 12px}.receipt-body .success-circle{width:40px;height:40px;margin-bottom:12px}.receipt-body + .form-actions{flex-wrap:wrap}.wa-dialog input[type=tel]{width:100%;min-height:44px}.wa-dialog footer{flex-wrap:wrap}
/* Compact business selector. Existing data-business handler owns selection. */
.modal.business-picker-modal{display:flex;flex-direction:column;width:520px;height:auto;min-height:0;max-height:min(70vh,520px);padding:24px;border-radius:22px;overflow:hidden;gap:0}
.business-picker-modal .modal-heading{flex:0 0 auto;margin:0 0 16px;align-items:center;gap:12px}
.business-picker-modal .modal-heading h2{margin:0;font-size:23px;font-weight:650;line-height:1.3}
.business-picker-modal .modal-heading .icon-btn{width:38px;height:38px;min-height:38px;flex:0 0 38px}
.business-picker-modal .modal-body{display:flex;flex-direction:column;flex:0 1 auto;min-height:0;padding:0;gap:12px;overflow:hidden}
.business-picker-list{display:flex;flex-direction:column;min-height:0;max-height:360px;overflow-y:auto;overscroll-behavior:contain;gap:0;padding:1px}
.business-picker-row{display:flex;align-items:center;flex-shrink:0;gap:12px;min-height:68px;width:100%;padding:10px 14px;text-align:left;background:transparent;color:var(--text);border:1px solid transparent;border-bottom-color:var(--border);border-radius:0;cursor:pointer;transition:background 160ms,border-color 160ms}
.business-picker-row:last-of-type{border-bottom-color:transparent}.business-picker-row:hover{background:var(--bg);border-radius:12px}.business-picker-row.is-selected{background:var(--accent-bg);border-color:var(--primary);border-radius:12px}.business-picker-row:focus-visible{outline:2px solid var(--primary);outline-offset:-3px}
.business-picker-icon{display:grid;place-items:center;flex:0 0 34px;width:34px;height:34px;border-radius:10px;background:var(--accent-bg);color:var(--primary)}
.business-picker-copy{flex:1;min-width:0}.business-picker-copy strong{display:block;font-size:14px;font-weight:600;line-height:1.4;overflow-wrap:anywhere}.business-picker-copy small{display:block;font-size:12px;line-height:1.4;color:var(--secondary);margin-top:3px}.is-selected .business-picker-copy strong{font-weight:700}.business-picker-row>.icon{flex-shrink:0;color:var(--primary);width:18px;height:18px}
.business-picker-search{display:flex;align-items:center;flex-shrink:0;gap:8px;margin:0;padding:0 12px;border:1px solid var(--border);border-radius:10px;color:var(--secondary)}.business-picker-search input{width:100%;min-width:0;height:40px;border:0;background:transparent;padding:8px 0;outline-offset:2px}.business-picker-empty{margin:0;padding:20px 12px;font-size:13px;color:var(--secondary);text-align:center}.business-picker-row[hidden],.business-picker-empty[hidden]{display:none}
@media(max-width:600px){.modal-backdrop.business-picker-backdrop{align-items:flex-end;padding:0}.modal.business-picker-modal{width:100%;max-width:100%;max-height:min(70dvh,520px);padding:20px 20px calc(20px + env(safe-area-inset-bottom));border-radius:22px 22px 0 0;margin:0}.business-picker-modal .modal-heading h2{font-size:22px}.business-picker-row{padding:10px 12px}}
@media(prefers-reduced-motion:reduce){.business-picker-row{transition:none}}
/* Product catalog: independent of POS product cards and other record tables. */
.catalog-description{font-size:13px!important;line-height:1.5}.product-catalog{display:grid;gap:16px;min-width:0}.catalog-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.catalog-summary>div{display:flex;align-items:center;gap:14px;padding:16px 18px;border:1px solid var(--border);border-radius:15px;background:var(--surface);box-shadow:0 2px 8px #183c2903}.catalog-summary>div>.icon{box-sizing:content-box;width:22px;height:22px;padding:11px;background:var(--accent-bg);color:var(--primary);border-radius:12px;flex-shrink:0}.catalog-summary>div>span{color:var(--secondary);font-size:11px;line-height:1.4}.catalog-summary strong{display:block;color:var(--text);font-size:23px;font-weight:650;line-height:1.3;margin-top:3px}.catalog-summary strong small{font-size:12px;font-weight:450;color:var(--secondary)}
.product-catalog .catalog-panel{padding:20px;min-width:0;border-radius:16px;box-shadow:0 3px 12px #183c2903}.catalog-toolbar{display:flex;align-items:center;gap:10px;margin-bottom:12px}.catalog-toolbar .search-input{flex:1;min-width:120px;max-width:none}.catalog-toolbar .search-input input{width:100%;min-width:0}.catalog-toolbar .search-input,.catalog-toolbar select,.catalog-toolbar .icon-btn{height:42px;min-height:42px;margin:0}.catalog-toolbar select{width:170px;font-size:12px}.catalog-toolbar .icon-btn{width:42px;flex-shrink:0;border:1px solid var(--border);border-radius:10px;background:var(--surface)}.catalog-toolbar .catalog-view{background:var(--accent-bg);color:var(--primary);border-color:var(--border-subtle)}.catalog-toolbar .catalog-view.is-grid{box-shadow:inset 0 0 0 1px var(--primary)}
.product-catalog .data-lifecycle-toolbar{padding:0 0 12px;margin:0;gap:12px;flex-wrap:wrap}.product-catalog .data-lifecycle-toolbar>label{font-size:11px;color:var(--secondary)}.product-catalog .data-lifecycle-toolbar select{min-height:34px;height:34px;font-size:12px}.product-catalog .data-bulk{padding:8px 12px;background:var(--accent-bg);border-radius:10px;flex:1;font-size:12px}
.catalog-table-wrap{min-width:0}.catalog-table{border-collapse:collapse;table-layout:fixed;width:100%;min-width:0!important}.catalog-table th{font-size:11px;font-weight:550;color:var(--secondary);padding:10px;text-align:left;background:var(--bg);border-bottom:1px solid var(--border);white-space:normal}.catalog-table tbody tr{height:78px}.catalog-table td{padding:12px 10px;border-bottom:1px solid var(--border);vertical-align:middle;font-size:12px;line-height:1.45;white-space:normal;overflow-wrap:anywhere}.catalog-table tbody tr:hover{background:var(--accent-bg)}.catalog-table tbody tr:has(input:checked){background:var(--accent-bg)}.catalog-table .catalog-select{padding:0;width:48px;text-align:center}.product-catalog .data-row-check{display:inline-flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;margin:0;padding:0}.product-catalog .data-row-check input{width:17px;height:17px;min-height:0;margin:0;accent-color:var(--primary);cursor:pointer}.catalog-select-all-copy{display:none}.catalog-product .product-name-with-image{gap:10px;min-width:0}.catalog-product .product-image{width:46px;height:46px;flex-basis:46px;border-radius:10px}.catalog-product strong{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:13px;font-weight:650;line-height:1.4}.catalog-product small{display:block;font-size:10px;color:var(--secondary);margin-top:3px;line-height:1.4;overflow-wrap:anywhere}.catalog-table .catalog-price{text-align:right;font-variant-numeric:tabular-nums;font-weight:550}.catalog-stock{font-variant-numeric:tabular-nums}.catalog-status .badge{font-size:10px;padding:4px 8px;white-space:nowrap;border-radius:20px}.catalog-action{text-align:right}.catalog-action details>div{display:none}.catalog-action .product-row-menu{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;min-height:40px;border:1px solid var(--border);border-radius:10px;background:var(--surface);cursor:pointer;list-style:none}.catalog-action summary::-webkit-details-marker{display:none}.catalog-action .product-row-menu:hover{color:var(--primary);border-color:var(--primary)}.product-catalog .catalog-pagination{margin:0;padding:14px 0 0;font-size:12px;color:var(--secondary);gap:12px}.catalog-pagination .btn{min-height:36px;font-size:12px}
/* Grid and phone layouts reuse the same rows, inputs and existing event handlers. */
.catalog-grid-view .catalog-table,.catalog-grid-view thead,.catalog-grid-view tbody{display:block}.catalog-grid-view colgroup{display:none}.catalog-grid-view thead tr{display:block}.catalog-grid-view thead th{display:none}.catalog-grid-view thead .catalog-select{display:flex;align-items:center;width:auto;padding:0;background:transparent;border:0}.catalog-grid-view .catalog-select-all-copy{display:inline;font-size:11px}.catalog-grid-view tbody{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.catalog-grid-view tbody tr{display:grid;grid-template-columns:44px minmax(0,1fr) 44px;grid-template-areas:'select product action' '. category category' '. price price' '. stock status';height:auto;min-height:158px;align-items:center;gap:6px 4px;padding:12px 8px;border:1px solid var(--border);border-radius:14px;background:var(--surface)}.catalog-grid-view td{border:0;padding:0;width:auto;text-align:left}.catalog-grid-view .catalog-select{grid-area:select;align-self:start}.catalog-grid-view .catalog-product{grid-area:product}.catalog-grid-view .catalog-category{grid-area:category;color:var(--secondary);font-size:11px}.catalog-grid-view .catalog-price{grid-area:price;text-align:left;font-size:14px}.catalog-grid-view .catalog-stock{grid-area:stock}.catalog-grid-view .catalog-status{grid-area:status;justify-self:end}.catalog-grid-view .catalog-action{grid-area:action;align-self:start}.catalog-grid-view .product-row-menu{width:44px;height:44px}
@media(min-width:601px) and (max-width:1000px){.catalog-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.catalog-toolbar{flex-wrap:wrap}.catalog-toolbar .search-input{flex-basis:45%}.catalog-table th,.catalog-table td{padding-left:6px;padding-right:6px}.catalog-product .product-name-with-image{gap:7px}}
@media(max-width:600px){.catalog-summary{grid-template-columns:1fr;gap:8px}.catalog-summary>div{padding:12px 14px;gap:12px}.catalog-summary strong{font-size:21px}.catalog-summary>div>.icon{padding:9px}.product-catalog .catalog-panel{padding:12px}.catalog-toolbar{flex-wrap:wrap;gap:8px}.catalog-toolbar .search-input{flex-basis:100%}.catalog-filter{flex:1;min-width:0}.catalog-toolbar select{width:100%}.catalog-toolbar .icon-btn{width:44px;height:44px}.catalog-table,.catalog-table thead,.catalog-table tbody{display:block}.catalog-table colgroup{display:none}.catalog-table thead tr{display:block}.catalog-table thead th{display:none}.catalog-table thead .catalog-select{display:flex;align-items:center;width:auto;padding:0;border:0;background:transparent}.catalog-select-all-copy{display:inline;font-size:11px}.catalog-table tbody,.catalog-grid-view tbody{display:grid;grid-template-columns:1fr;gap:10px}.catalog-table tbody tr{display:grid;grid-template-columns:44px minmax(0,1fr) 44px;grid-template-areas:'select product action' '. category category' '. price price' '. stock status';height:auto;min-height:152px;align-items:center;gap:6px 4px;padding:12px 8px;border:1px solid var(--border);border-radius:14px;background:var(--surface)}.catalog-table td{border:0;padding:0;width:auto;text-align:left}.catalog-table .catalog-select{grid-area:select;align-self:start}.catalog-table .catalog-product{grid-area:product}.catalog-table .catalog-category{grid-area:category;color:var(--secondary);font-size:11px}.catalog-table .catalog-price{grid-area:price;text-align:left;font-size:14px}.catalog-table .catalog-stock{grid-area:stock}.catalog-table .catalog-status{grid-area:status;justify-self:end}.catalog-table .catalog-action{grid-area:action;align-self:start}.catalog-action .product-row-menu{width:44px;height:44px}.catalog-product .product-image{width:44px;height:44px;flex-basis:44px}.catalog-product .product-name-with-image{gap:8px}.product-catalog .catalog-pagination{flex-wrap:wrap;font-size:11px}}

.product-catalog .data-lifecycle-toolbar select{padding:5px 30px 5px 10px;line-height:1.4}

/* Product actions live in the body portal, independent of table overflow. */
.admin-floating.product-compact-menu{padding:8px;border-radius:13px;height:auto;overflow-y:auto;box-shadow:0 10px 30px #153b2920}
.product-compact-menu .btn[role=menuitem]{min-height:36px;height:36px;padding:8px 10px;gap:8px;font-size:13px;font-weight:500;line-height:20px;white-space:nowrap;border-radius:8px;margin:0}
.product-compact-menu .btn svg{width:16px;height:16px;flex:0 0 16px}
.product-compact-menu .btn:hover,.product-compact-menu .btn:focus-visible{background:var(--accent-bg,var(--surface-muted))}
.product-compact-menu .product-menu-divider{height:1px;background:var(--border,var(--surface-muted));margin:5px 4px}
.product-compact-menu .data-life-delete,.product-compact-menu .data-life-force_delete{color:var(--danger-text)}
.catalog-action .product-row-menu[aria-expanded=true]{color:var(--primary);background:var(--accent-bg);border-color:var(--primary)}
@media(min-width:601px){.catalog-table-wrap:not(.catalog-grid-view) .catalog-table tbody tr{height:72px}.catalog-table-wrap:not(.catalog-grid-view) .catalog-table td{padding-top:9px;padding-bottom:9px}.catalog-table-wrap:not(.catalog-grid-view) .catalog-product .product-image{width:44px;height:44px;flex-basis:44px}.catalog-table-wrap:not(.catalog-grid-view) .product-row-menu{width:38px;height:38px;min-height:38px}.catalog-product small{margin-top:2px}}
@media(max-width:640px){.admin-floating.product-compact-menu.admin-bottom-sheet{padding:8px!important;border-radius:14px!important;max-height:calc(100dvh - 24px)!important}.product-compact-menu .btn[role=menuitem]{min-height:40px;height:40px}.product-compact-menu .product-menu-divider{margin:4px}}
.hybrid-module-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:22px 0}.hybrid-module{display:flex!important;flex-direction:row!important;align-items:flex-start;gap:12px!important;border:1px solid var(--border);border-radius:12px;padding:16px;margin:0!important}.hybrid-module input{width:18px;height:18px;flex-shrink:0}.hybrid-module strong,.hybrid-module small{display:block}.hybrid-module small{margin-top:6px;line-height:1.6;color:var(--secondary)}@media(max-width:600px){.hybrid-module-grid{grid-template-columns:1fr}}

/* Cashier preparation is a native modal; the application remains inert beneath it. */
.cashier-preparation{width:min(580px,calc(100vw - 40px));max-height:calc(100dvh - 40px);overflow:auto;border:1px solid var(--border-subtle);border-radius:20px;padding:24px;box-shadow:0 24px 80px #163a3533;color:var(--text,var(--text-primary));background:var(--card,var(--surface))}
.cashier-preparation::backdrop{background:#173c3659;backdrop-filter:blur(4px)}
.cashier-preparation h2{font-size:24px;margin:8px 0}.cashier-preparation h3{font-size:16px;margin:0 0 6px}.cashier-preparation p{line-height:1.5;margin:8px 0;color:var(--text-secondary)}.prep-eyebrow{font-size:11px;letter-spacing:1.5px;color:var(--success-text);font-weight:700}.prep-progress{font-size:12px}.prep-step{display:flex;gap:14px;padding:18px 14px;margin:12px 0;border:1px solid var(--border-subtle);border-radius:14px;min-height:80px}.prep-step>div{flex:1;min-width:0}.prep-step.active{border-color:var(--border-subtle);background:var(--surface)}.prep-step.done{background:var(--surface)}.prep-step.locked{background:var(--surface)}.prep-number{display:grid;place-items:center;flex:none;width:28px;height:28px;border-radius:50%;background:var(--surface-muted);font-weight:700}.done .prep-number{background:var(--surface-muted);color:var(--success-text)}.cashier-preparation label{display:grid;gap:8px;margin:16px 0 8px;font-size:13px;font-weight:600}.prep-currency{display:flex;align-items:center;border:1px solid var(--border-subtle);border-radius:10px;background:var(--surface);overflow:hidden}.prep-currency>span{padding:12px}.prep-currency input{border:0!important;box-shadow:none!important;min-width:0;width:100%;font-size:22px;background:transparent}.cashier-preparation small{display:block;line-height:1.5;color:var(--text-secondary)}.cashier-preparation form>.btn{margin-top:18px;width:100%;min-height:44px}.cashier-preparation footer{display:flex;gap:8px;flex-wrap:wrap;padding-top:12px}.cashier-preparation .btn{min-height:44px}.prep-error{color:var(--danger-text)!important}.cashier-preparing #app{pointer-events:none}
@media(max-width:600px){.cashier-preparation{width:100%;max-width:100%;max-height:100dvh;margin:auto 0 0;border-radius:20px 20px 0 0;padding:20px}.prep-step{padding:16px 10px}.cashier-preparation footer .btn{flex:1}.cashier-preparation input{min-height:48px}}

.user-profile-page{max-width:1120px;margin:auto}.profile-identity{display:flex;gap:20px;align-items:center;padding:24px;margin-bottom:18px}.profile-identity h2{margin:0}.profile-identity p{margin:7px 0}.profile-actions{margin-left:auto;display:flex;gap:8px;flex-wrap:wrap;max-width:270px}.profile-columns{display:grid;grid-template-columns:1fr 1fr;gap:18px}.profile-panel{padding:22px;min-width:0}.profile-panel h3{margin-top:0}.profile-panel dl{margin:12px 0}.profile-panel dl>div{display:grid;grid-template-columns:42% 1fr;gap:12px;padding:9px 0;border-bottom:1px solid var(--border-subtle)}.profile-panel dd{margin:0;overflow-wrap:anywhere}.profile-panel dt,.profile-metric small{color:var(--text-secondary)}.profile-panel details{margin:12px 0}.profile-panel summary{cursor:pointer}.profile-metrics{display:grid;grid-template-columns:1fr 1fr;gap:12px}.profile-metric{display:flex;flex-direction:column;gap:8px;padding:14px;border:1px solid var(--border-subtle);border-radius:12px;color:inherit;text-decoration:none}.profile-metric strong{font-size:28px;color:var(--success-text)}.profile-metric:hover{background:var(--surface-muted)}@media(max-width:700px){.profile-columns{grid-template-columns:1fr}.profile-identity{flex-wrap:wrap;padding:18px}.profile-actions{margin:0;max-width:none}.profile-panel{padding:18px}.profile-panel dl>div{grid-template-columns:40% 1fr}}

/* Shared contextual help uses the existing floating overlay portal. */
.profile-help-heading{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.info-help{display:inline-flex;vertical-align:middle}.info-help-trigger{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;padding:5px;border:1px solid transparent;border-radius:50%;background:transparent;color:var(--text-secondary);cursor:pointer;flex:none}.info-help-trigger svg{width:20px;height:20px}.info-help-trigger:hover,.info-help-trigger[aria-expanded="true"]{background:var(--surface-muted);color:var(--text-primary);border-color:var(--border-subtle)}.info-help-trigger:focus-visible{outline:2px solid var(--success-text);outline-offset:2px}.admin-floating.info-popover{padding:16px;border-radius:14px;background:var(--surface);color:var(--text-primary);border:1px solid var(--border-subtle);box-shadow:0 8px 28px #0003;font-size:14px;line-height:1.55;overflow:auto}.info-popover .admin-floating-heading{line-height:1.4;padding:0 0 8px}.info-help-body p{margin:0 0 10px}.info-help-body p:last-child{margin-bottom:0}.info-help-body ul{margin:8px 0;padding-left:20px}.info-help-body li+li{margin-top:7px}.info-popover .admin-floating-close{margin-top:12px}.profile-employment{margin:16px 0}.profile-employment h4{margin:0}.profile-employment details{margin-top:4px}

.info-popover .info-help-body p{font-size:14px;color:var(--text-primary);line-height:1.55}
/* Dense catalog only: keep POS product cards and shared controls unchanged. */
main:has(.product-catalog){padding-top:18px}.product-catalog{gap:8px}.product-catalog .catalog-summary{display:flex;flex-wrap:wrap;align-items:center;gap:6px 12px;font-size:13px;line-height:1.5;padding:0 2px}.catalog-summary>span+span:before{content:'|';margin-right:12px;color:var(--border)}.catalog-stock-help{position:relative}.catalog-stock-help>summary{list-style:none;cursor:pointer;border:1px solid var(--border);border-radius:50%;width:24px;height:24px;text-align:center}.catalog-stock-help>div{display:none}.product-catalog .catalog-panel{padding:12px;min-height:0}.catalog-toolbar{gap:8px;margin-bottom:8px}.catalog-toolbar .search-input{flex:1 1 180px;min-width:140px;border:1px solid var(--border);border-radius:9px;overflow:hidden;padding:0 10px;box-sizing:border-box}.catalog-toolbar .search-input input{height:100%;border:0!important;box-shadow:none!important;background:transparent;padding:6px;outline-offset:-3px}.catalog-toolbar .search-input:focus-within{outline:2px solid var(--primary);outline-offset:1px}.catalog-toolbar .search-input,.catalog-toolbar select,.catalog-toolbar .icon-btn,.catalog-toolbar .btn{height:38px;min-height:38px}.catalog-toolbar .icon-btn{width:38px}.catalog-filter-popover{display:contents}.catalog-filter-popover>[data-catalog-filters]{display:none}.catalog-filter-controls{display:flex;align-items:center;gap:8px}.catalog-filter-controls label{margin:0}.catalog-toolbar select{width:130px;font-size:12px;padding:5px 26px 5px 8px}.catalog-toolbar select[data-life-filter]{width:105px}.catalog-reset{padding:6px 10px;font-size:12px}.product-catalog .data-lifecycle-toolbar:empty{display:none}.product-catalog .data-lifecycle-toolbar{padding-bottom:6px}.catalog-product .product-name-with-image>span{min-width:0}.catalog-product strong{margin:0;line-height:1.25;font-weight:600}.catalog-product small{margin:1px 0 0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11px}.catalog-table .catalog-price{white-space:nowrap}.product-catalog .data-pagination{margin:0;padding:8px 0 0;gap:8px;min-height:0}.product-catalog .data-pagination select{height:34px;min-height:34px;width:auto;padding:4px 26px 4px 8px}.product-catalog .data-pagination button{min-height:34px;height:34px}.catalog-status .badge{padding:3px 6px;font-size:11px}
@media(min-width:601px){.catalog-table-wrap:not(.catalog-grid-view){overflow-x:auto}.catalog-table-wrap:not(.catalog-grid-view) .catalog-table{min-width:660px!important}.catalog-table-wrap:not(.catalog-grid-view) .catalog-table tbody tr{height:52px}.catalog-table-wrap:not(.catalog-grid-view) .catalog-table td{padding:6px 8px}.catalog-table-wrap:not(.catalog-grid-view) .catalog-product .product-image{width:34px;height:34px;flex-basis:34px;border-radius:7px}.catalog-table-wrap:not(.catalog-grid-view) .product-row-menu{width:34px;height:34px;min-height:34px}.product-catalog .data-row-check{min-height:36px;min-width:36px}.catalog-table th{padding:8px}.catalog-product .product-name-with-image{gap:8px}}
@media(max-width:1150px){.catalog-toolbar{flex-wrap:wrap}.catalog-filter-popover{display:block}.catalog-filter-popover>[data-catalog-filters]{display:flex;align-items:center;padding:6px 10px;list-style:none}.catalog-filter-popover>.catalog-filter-controls{display:none}.catalog-toolbar .search-input{flex-basis:180px}.admin-portal .catalog-filter-controls{display:grid;gap:12px}.admin-portal .catalog-filter-controls select{width:100%;min-height:38px}.admin-portal .catalog-filter-controls label{display:block}}
@media(max-width:600px){.product-catalog .catalog-panel{padding:8px}.catalog-toolbar{gap:6px}.catalog-toolbar .search-input{flex-basis:100%}.catalog-table tbody{gap:6px}.catalog-table tbody tr{min-height:120px;padding:8px 4px;gap:3px}.catalog-product .product-image{width:34px;height:34px;flex-basis:34px}.catalog-action .product-row-menu{width:36px;height:36px;min-height:36px}.catalog-summary>span+span:before{margin-right:8px}.product-catalog .catalog-summary{font-size:12px;gap:4px 8px}}
/* Override shared table spacing within the catalog, including user preferences CSS. */
.product-catalog .catalog-table th{padding:8px;font-size:12px}.product-catalog .catalog-table td small{font-size:11px;line-height:1.3;margin-top:1px}.product-catalog .catalog-table td input[type=checkbox]{margin:0}.product-catalog .catalog-toolbar select{width:140px}.product-catalog .catalog-toolbar select[data-life-filter]{width:105px}
@media(min-width:601px){.product-catalog .catalog-table-wrap:not(.catalog-grid-view) .catalog-table tbody tr{height:52px}.product-catalog .catalog-table-wrap:not(.catalog-grid-view) .catalog-table td{padding:6px 8px}}
@media(max-width:600px){.product-catalog .catalog-table td{padding:0;font-size:12px}.product-catalog .catalog-table tbody tr{min-height:120px}.product-catalog .catalog-table .catalog-price{text-align:left}main:has(.product-catalog) .page-heading{margin-bottom:12px}}
/* Keep long drawer names inside the preparation sheet on narrow screens. */
.cashier-preparation{box-sizing:border-box;max-width:100vw}
.cashier-preparation select{box-sizing:border-box;width:100%;min-width:0;max-width:100%;text-overflow:ellipsis}
.cashier-preparation form,.cashier-preparation label,.prep-currency{min-width:0;max-width:100%}
.work-mode-dialog{width:min(680px,calc(100vw - 32px));height:fit-content;max-height:calc(100dvh - 32px);overflow:auto;margin:auto}.work-mode-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px}.work-mode-card{padding:20px;border:1px solid var(--border-subtle);border-radius:14px;display:flex;flex-direction:column;gap:12px;background:var(--surface)}.work-mode-card h3,.work-mode-card p{margin:0}.work-mode-card small{color:var(--text-secondary);line-height:1.6;flex:1}.work-mode-card .btn{min-height:44px}.work-mode-icon{color:var(--primary);font-size:26px}.work-mode-active{font-size:12px;color:var(--primary);font-weight:650}.work-policy-summary{padding:12px;border-radius:10px;background:var(--surface-muted);margin:8px 0}.work-policy-summary[hidden]{display:none}@media(max-width:600px){.work-mode-grid{grid-template-columns:1fr}.work-mode-dialog{padding:20px}.work-mode-active{max-width:100px}}
@media(max-width:1100px){.tenant-topbar:has(.work-mode-active){height:auto;min-height:72px;flex-wrap:wrap;row-gap:10px;padding-top:12px;padding-bottom:12px}.tenant-topbar:has(.work-mode-active) .topbar-left{flex:1 1 100%;max-width:100%}.tenant-topbar:has(.work-mode-active) .topbar-right{flex-wrap:wrap;justify-content:flex-start;max-width:100%;gap:8px}}
@media(max-width:767px){.tenant-topbar:has(.work-mode-active){grid-template-columns:minmax(0,1fr)}.tenant-topbar:has(.work-mode-active) .business-context-identity{grid-column:1;grid-row:1}.tenant-topbar:has(.work-mode-active) .topbar-right{grid-column:1;grid-row:2}.tenant-topbar:has(.work-mode-active) .header-location-context{grid-column:1;grid-row:3}}

.cashier-preparation .prep-footer{justify-content:space-between;gap:12px}.prep-footer-left,.prep-footer-right{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.prep-footer-right{margin-left:auto}@media(max-width:600px){.prep-footer-left,.prep-footer-right{width:100%;margin-left:0}.cashier-preparation .prep-footer .btn{flex:1 1 auto;padding:10px;font-size:12px}}

/* Depot and milling use the shared semantic theme and compact toolbar. */
.operations-workspace .btn{background:var(--surface);color:var(--text-primary);border-color:var(--control-border);min-height:36px;margin:0;font-size:12px}
.operations-workspace .btn:hover{background:var(--hover)}
.operations-workspace .btn:disabled{background:var(--disabled-bg);color:var(--disabled-text)}
.operations-workspace .table-toolbar{gap:8px;flex-wrap:wrap;padding:14px 16px}
.operations-workspace>h3,.operations-workspace>p{margin:12px 16px}
.operations-workspace .table-wrap{overflow-x:auto;max-width:100%}

.operations-report-filters{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;padding:0 16px;align-items:end}.operations-report-filters label{display:grid;gap:6px}.operations-report-filters input,.operations-report-filters select{width:100%;min-width:0}.operations-workspace fieldset{min-width:0}

/* Shared tenant/platform form and detail grids must shrink with their container. */
.ta-grid>*,.ta-pairs>*,.ta-actions>*,.ta-usage>*,.tenant-mobile article>div>*,.business-mobile article>div>*{min-width:0;overflow-wrap:anywhere}
.ta-detail-heading>*,.support-banner>*,.business-summary>span{min-width:0;overflow-wrap:anywhere}
.tenant-mobile article>div{flex-wrap:wrap}
.ta-pagination{gap:10px;line-height:1.5}
.ta-pagination label{display:flex;align-items:center;gap:8px;max-width:100%}
@media(max-width:700px){
 .ta-tabs,.business-panel .ta-tabs{flex-wrap:wrap;overflow:visible}
 .ta-tabs .btn,.business-panel .ta-tabs .btn{white-space:normal}
 .tenant-filters>label:first-child{min-width:0}
}

/* Page-shell spacing: direct sections only; operational workspaces own their layout. */
.layout-page{--section-gap:20px;--action-gap:10px}
.layout-page:not(:has(.pos-workspace)){display:flex;flex-direction:column;gap:var(--section-gap)}
.layout-page:not(:has(.pos-workspace))>*{min-width:0;max-width:100%;margin-block:0}
.layout-page.invoice-page{max-width:1024px;width:100%}
.layout-page>.page-heading{gap:16px;align-items:flex-start}
.layout-page>.page-heading>div:first-child{min-width:0;overflow-wrap:anywhere}
.layout-page>.page-heading>.heading-actions{gap:var(--action-gap);flex-wrap:wrap;max-width:100%}
.layout-page>.page-heading>.heading-actions .btn{max-width:100%;white-space:normal}
.layout-page>.capacity-banner{display:flex;align-items:center;flex-wrap:wrap;gap:12px;padding:12px 16px;line-height:1.6;font-size:12px}
.capacity-banner>span{flex:1 1 240px;min-width:0;overflow-wrap:anywhere}
.capacity-banner>.btn{flex:0 0 auto;max-width:100%;min-height:42px;margin:0;white-space:normal}
.modal-save-footer{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:10px;margin-top:20px;padding-top:16px;border-top:1px solid var(--border)}
.modal-save-footer>.btn{margin:0;min-height:42px;max-width:100%;white-space:normal}
.modal-heading>h2{min-width:0;overflow-wrap:anywhere}
.modal-heading>.icon-btn{flex-shrink:0}
@media(max-width:600px){.layout-page{--section-gap:16px}.modal-save-footer>.btn{flex:1 1 auto}.layout-page>.capacity-banner{padding:12px}.layout-page>.page-heading>.heading-actions{width:100%}}

/* Centered wrappers need an explicit width when placed in the page stack. */
.layout-page:not(:has(.pos-workspace))>:is(div,section,article,form,nav){width:100%}
.layout-page:has(>.subscription-page){max-width:1144px}

.layout-page>:is(a.btn,button.btn){align-self:flex-start;width:auto}

#lead-search>.btn{flex:0 0 auto;white-space:nowrap}#lead-search>input{flex:1 1 0;min-width:0}
.billing-payment-status{display:inline-flex;flex-direction:column;gap:5px;max-width:100%;min-width:0;line-height:1.5;white-space:normal;overflow-wrap:anywhere;text-align:left}.billing-payment-status small{display:block;font-size:12px;font-weight:400}.billing-proof-preview{display:block;max-width:min(100%,420px);max-height:420px;object-fit:contain;margin:12px 0}.billing-payment .btn{margin:6px 8px 0 0}.br-status-filters{flex-wrap:wrap}

.depot-cash-session{padding:16px;margin:0 0 16px;display:flex;flex-direction:column;gap:12px}.depot-cash-session .table-toolbar{padding:0;display:flex;flex-wrap:wrap;gap:8px}

.pos-availability{display:inline-block;max-width:100%;margin-top:3px;padding:2px 6px;border-radius:5px;background:var(--mint,#e7f5ef);color:var(--text,#184e40);font-size:11px;line-height:1.5;font-weight:500;white-space:normal}.pos-availability.is-empty{background:#fde8e7;color:#a52b32}.pos-stock-message{display:block;color:#a52b32;font-size:12px;line-height:1.5;white-space:normal;overflow-wrap:anywhere}.pos-stock-message[hidden]{display:none}.pos-suggestions [aria-disabled=true]{cursor:default;background:var(--bg,#f8faf9)}.pos-suggestions strong{min-width:0;display:flex;flex-direction:column;align-items:flex-start}.pos-search:has([data-pos-stock-message]){flex-wrap:wrap}.pos-search>[data-pos-stock-message]{flex-basis:100%}.bulk-product:has(.pos-stock-message){flex-wrap:wrap}.bulk-product .pos-stock-message{flex-basis:100%}[data-theme=dark] .pos-availability.is-empty{background:#4a262b;color:#ffb6bd}[data-theme=dark] .pos-stock-message{color:#ffb6bd}
.pos-stock-badge{background:#fde8e7;color:#a52b32}[data-theme=dark] .pos-stock-badge{background:#4a262b;color:#ffb6bd}
[data-theme=dark] .pos-suggestions [aria-disabled=true]{background:#172d28;color:#edf6f2;opacity:1}.pos-suggestions [aria-disabled=true] .pos-stock-message{font-weight:500}
/* Shared five-column product search, including the barcode entry row. */
.pos-suggestion-head,.pos-suggestions>[role=option]{grid-template-columns:120px minmax(200px,1fr) 100px 130px 65px;column-gap:12px;padding:6px 12px;min-width:687px;box-sizing:border-box}.pos-suggestions>[role=option]{height:42px;min-height:42px}.pos-suggestions>[role=option]>span,.pos-suggestions>[role=option]>strong{min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;overflow-wrap:normal;font-size:12px}.pos-suggestions strong.pos-option-name{display:block;font-weight:600}.pos-suggestions .pos-option-stock,.pos-suggestion-head>:nth-child(3){text-align:left}.pos-suggestions .pos-availability{margin:0;padding:2px 5px;white-space:nowrap;max-width:100%;box-sizing:border-box;font-size:11px;background:transparent;color:inherit}.pos-suggestions .pos-availability.is-empty{background:#fde8e7;color:#a52b32}.pos-suggestions .pos-price-cell{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;column-gap:8px;width:100%;white-space:nowrap}.pos-price-currency{text-align:left}.pos-price-amount{text-align:right;font-variant-numeric:tabular-nums}.pos-suggestion-head>:nth-child(4){text-align:right}.pos-option-unit{text-align:left}[data-theme=dark] .pos-suggestions .pos-availability.is-empty{background:#4a262b;color:#ffb6bd}@media(max-width:600px){.pos-suggestion-head,.pos-suggestions>[role=option]{grid-template-columns:95px minmax(170px,1fr) 95px 115px 60px;column-gap:8px;min-width:591px;padding:6px 10px}.pos-suggestion-head{font-size:11px}}
.pos-suggestions>[role=option]>.pos-option-stock,.pos-suggestion-head>:nth-child(3){text-align:left}
.sale-return-line{padding:14px;border:1px solid var(--border-subtle);border-radius:10px;margin-bottom:12px;overflow-wrap:anywhere}
.sale-return-line>strong,.sale-return-line>small{display:block;margin-bottom:8px}
.sale-return-fields{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;align-items:start}
.sale-return-fields label{min-width:0}.sale-return-fields [hidden]{display:none}
[data-return-total]{font-weight:700;font-size:18px;padding:12px 0}
@media(max-width:600px){.sale-return-fields{grid-template-columns:minmax(0,1fr)}}
.sale-return-choice{display:flex!important;align-items:flex-start;gap:12px;padding:16px;border:1px solid var(--border);border-radius:10px;cursor:pointer}.sale-return-choice input{width:auto!important;min-width:18px;margin-top:4px}.sale-return-choice span{display:grid;gap:6px;min-width:0}.sale-return-choice small{line-height:1.5}
.preferences-section .sale-return-lines{display:grid;gap:12px}

.auth-benefits>.auth-platform-link{display:inline-flex;align-items:center;gap:7px;color:inherit;text-decoration:none}.auth-platform-link:hover{text-decoration:underline}.auth-platform-link:focus-visible{outline:2px solid var(--primary);outline-offset:4px;border-radius:3px}
@media(max-width:700px){.auth-story .auth-benefits{display:flex;gap:8px 14px;margin-top:16px;font-size:10px}.auth-platform-link{min-height:32px}}

/* Transparent login branding without a card or shadow. */
.auth-story .auth-logo{background:transparent;box-shadow:none;border-radius:0}