.mls-front-shell,.mls-front-note,.mls-auth-shell,.mls-profile-shell{max-width:940px;margin:24px auto;padding:26px;border:1px solid #e5e7eb;border-radius:20px;background:#fff;box-shadow:0 18px 45px -36px rgba(15,23,42,.55);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#111827;box-sizing:border-box}.mls-front-kicker{display:block;color:#60708A;text-transform:uppercase;letter-spacing:.13em;font-size:11px;font-weight:800}.mls-front-shell h2,.mls-auth-shell h2,.mls-profile-shell h2{font-size:30px;line-height:1.15;margin:6px 0 8px}.mls-front-shell p,.mls-auth-head p,.mls-profile-summary p{color:#64748b}.mls-dashboard-title,.mls-profile-summary{display:flex;align-items:center;justify-content:space-between;gap:18px}.mls-dashboard-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.mls-dashboard-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:20px}.mls-dashboard-cards>div{padding:16px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:14px;min-width:0}.mls-dashboard-cards span{display:block;color:#64748b;font-size:12px}.mls-dashboard-cards strong{display:block;margin-top:7px;font-size:17px;overflow-wrap:anywhere}.mls-auth-head{margin-bottom:20px}.mls-role-tabs{display:flex;gap:8px;margin:0 0 22px;padding:5px;background:#f1f5f9;border-radius:14px}.mls-role-tabs a{flex:1;padding:10px 14px;border-radius:10px;text-decoration:none;text-align:center;color:#475569;font-weight:750}.mls-role-tabs a.is-active{background:#fff;color:#5C667A;box-shadow:0 5px 16px -12px rgba(15,23,42,.8)}.mls-form{margin-top:16px}.mls-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.mls-field{display:flex;flex-direction:column;gap:7px;min-width:0}.mls-field>span{font-size:13px;font-weight:750;color:#334155}.mls-field em{font-style:normal;color:#dc2626}.mls-field input,.mls-field select,.mls-field textarea,.mls-inline-form select{width:100%;box-sizing:border-box;border:1px solid #cbd5e1;border-radius:11px;padding:11px 12px;background:#fff;color:#0f172a;font:inherit;min-height:44px}.mls-field textarea{resize:vertical}.mls-field input:focus,.mls-field select:focus,.mls-field textarea:focus,.mls-inline-form select:focus{outline:none;border-color:#7B879A;box-shadow:0 0 0 3px rgba(99,102,241,.12)}.mls-field input[readonly]{background:#f8fafc;color:#64748b}.mls-span-2{grid-column:1/-1}.mls-primary,.mls-secondary,.mls-link-button{appearance:none;border-radius:11px;padding:11px 17px;font-weight:800;cursor:pointer;font:inherit;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box}.mls-primary,.mls-secondary{margin-top:18px}.mls-primary{border:0;background:#5C667A;color:#fff}.mls-secondary,.mls-link-button{background:#F2F4F8;color:#46546B;border:1px solid #E5E9F0}.mls-dashboard-actions .mls-link-button,.mls-profile-actions .mls-link-button{margin-top:0}.mls-inline-form{display:flex;align-items:flex-end;gap:10px;margin-top:14px}.mls-inline-form select{max-width:180px}.mls-check{display:flex;align-items:center;gap:8px;margin-top:14px;color:#475569}.mls-check input{width:auto}.mls-notice{padding:12px 14px;border-radius:11px;margin:0 0 16px;border:1px solid transparent;font-size:14px}.mls-notice p{margin:0}.mls-notice-success{background:#ecfdf5;border-color:#a7f3d0;color:#065f46}.mls-notice-error{background:#fef2f2;border-color:#fecaca;color:#991b1b}.mls-notice-warning{background:#fffbeb;border-color:#fde68a;color:#92400e}.mls-notice-info{background:#eff6ff;border-color:#bfdbfe;color:#1e40af}.mls-avatar{width:58px;height:58px;flex:0 0 58px;border-radius:18px;display:grid;place-items:center;overflow:hidden;background:#F2F4F8;color:#5C667A;font-size:23px;font-weight:850}.mls-avatar img{width:100%;height:100%;object-fit:cover}.mls-profile-summary{justify-content:flex-start}.mls-profile-summary .mls-status-badge{margin-left:auto}.mls-status-badge{display:inline-flex;align-items:center;justify-content:center;padding:6px 10px;border-radius:999px;background:#F2F4F8;color:#5C667A;font-size:12px;font-weight:800;white-space:nowrap}.mls-progress{height:8px;border-radius:999px;background:#e2e8f0;overflow:hidden;margin:16px 0 24px}.mls-progress span{display:block;height:100%;background:#60708A;border-radius:inherit}.mls-password-form{border-top:1px solid #e2e8f0;margin-top:28px;padding-top:22px}.mls-password-form h3{margin:0 0 14px}.mls-profile-actions{border-top:1px solid #e2e8f0;margin-top:24px;padding-top:20px;display:flex;justify-content:flex-end}.mls-help{font-size:12px;color:#64748b}.mls-context{display:flex;justify-content:space-between;gap:16px;align-items:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;padding:14px;margin-top:20px}@media(max-width:720px){.mls-form-grid,.mls-dashboard-cards{grid-template-columns:1fr}.mls-span-2{grid-column:auto}.mls-dashboard-title{align-items:flex-start;flex-direction:column}.mls-profile-summary{align-items:flex-start;flex-wrap:wrap}.mls-profile-summary .mls-status-badge{margin-left:0}.mls-inline-form{align-items:stretch;flex-direction:column}.mls-inline-form select{max-width:none}.mls-profile-actions{justify-content:stretch}.mls-profile-actions .mls-link-button{width:100%}}@media(max-width:600px){.mls-front-shell,.mls-front-note,.mls-auth-shell,.mls-profile-shell{margin:12px auto;padding:18px;border-radius:15px}.mls-front-shell h2,.mls-auth-shell h2,.mls-profile-shell h2{font-size:25px}.mls-role-tabs{flex-direction:column}.mls-context{align-items:flex-start;flex-direction:column}.mls-dashboard-actions{width:100%;justify-content:space-between}} .mls-vendor-console{max-width:1180px}.mls-console-tabs{display:flex;gap:8px;flex-wrap:wrap;margin:20px 0}.mls-console-tabs a{padding:9px 12px;border-radius:10px;background:#f1f5f9;color:#334155;text-decoration:none;font-weight:800}.mls-console-panel{margin-top:22px;padding-top:22px;border-top:1px solid #e2e8f0}.mls-console-panel h3{margin:0 0 14px;font-size:20px}.mls-inline-select{display:flex;align-items:center;gap:8px}.mls-inline-select select{min-width:190px;min-height:42px;border:1px solid #cbd5e1;border-radius:10px;padding:8px 10px;background:#fff}.mls-inline-select .mls-secondary{margin-top:0}.mls-context small{display:block;color:#64748b;margin-top:4px}.mls-check-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.mls-check-grid label{padding:9px 10px;border:1px solid #e2e8f0;border-radius:10px;background:#f8fafc}.mls-responsive-table{width:100%;overflow:auto;margin-top:20px}.mls-responsive-table table{width:100%;border-collapse:collapse;min-width:720px}.mls-responsive-table th,.mls-responsive-table td{text-align:left;padding:11px 10px;border-bottom:1px solid #e2e8f0;vertical-align:top}.mls-responsive-table th{font-size:12px;text-transform:uppercase;letter-spacing:.04em;color:#64748b}.mls-responsive-table td small{display:block;color:#64748b;margin-top:4px}.mls-row-buttons{display:flex;gap:7px;align-items:center;flex-wrap:wrap}.mls-inline-action{display:inline-flex;margin:0}.mls-inline-action .mls-link-button{margin:0}.mls-field input[type=file]{padding:8px}.mls-vendor-console .mls-secondary{margin-top:0}@media(max-width:760px){.mls-check-grid{grid-template-columns:1fr}.mls-context{align-items:stretch}.mls-inline-select{align-items:stretch;flex-direction:column}.mls-inline-select select{width:100%;min-width:0}.mls-inline-select .mls-secondary{width:100%}} .mls-membership-summary{margin-top:12px}.mls-subpanel{margin-top:26px;padding:20px;border:1px solid #e2e8f0;border-radius:16px;background:#fbfdff}.mls-subpanel h4{margin:0 0 14px;font-size:18px}.mls-membership-wallet{max-width:1080px}.mls-membership-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:22px}.mls-membership-card{min-width:0;padding:20px;border:1px solid #e2e8f0;border-radius:17px;background:linear-gradient(180deg,#fff,#f8fafc);box-shadow:0 14px 34px -30px rgba(15,23,42,.65)}.mls-membership-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px}.mls-membership-card h3{margin:5px 0 2px;font-size:20px}.mls-membership-card p{margin:0;color:#64748b}.mls-membership-card dl{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:18px 0 0}.mls-membership-card dl>div{min-width:0;padding:10px;border-radius:11px;background:#fff;border:1px solid #e2e8f0}.mls-membership-card dt{font-size:11px;text-transform:uppercase;letter-spacing:.04em;color:#64748b}.mls-membership-card dd{margin:5px 0 0;font-weight:800;overflow-wrap:anywhere}.mls-benefit-list{margin-top:16px;padding-top:14px;border-top:1px solid #e2e8f0}.mls-benefit-list ul{margin:9px 0 0;padding-left:18px}.mls-benefit-list li{margin:6px 0}.mls-benefit-list small{color:#64748b}@media(max-width:760px){.mls-membership-grid{grid-template-columns:1fr}.mls-membership-card dl{grid-template-columns:1fr}.mls-subpanel{padding:14px}} /* Phase 5: digital membership cards */ .mls-card-wallet{max-width:1180px}.mls-digital-card-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;margin-top:24px}.mls-digital-card{--mls-card-primary:#5C667A;--mls-card-secondary:#111827;--mls-card-text:#fff;--mls-card-muted:rgba(255,255,255,.78);position:relative;isolation:isolate;overflow:hidden;min-width:0;aspect-ratio:1.586/1;border-radius:24px;padding:24px;color:var(--mls-card-text);background:linear-gradient(135deg,var(--mls-card-primary),var(--mls-card-secondary));box-shadow:0 24px 60px -34px rgba(15,23,42,.8);display:flex;flex-direction:column;justify-content:space-between}.mls-card-glow{position:absolute;z-index:-1;width:260px;height:260px;border-radius:50%;right:-90px;top:-120px;background:rgba(255,255,255,.16);filter:blur(2px)}.mls-card-template-classic{border:1px solid rgba(255,255,255,.18)}.mls-card-template-silver{background:linear-gradient(135deg,var(--mls-card-primary),#f8fafc 58%,var(--mls-card-secondary));}.mls-card-template-gold{background:linear-gradient(135deg,var(--mls-card-primary),var(--mls-card-secondary) 55%,#fff7cc)}.mls-card-template-platinum{background:linear-gradient(145deg,var(--mls-card-primary),var(--mls-card-secondary) 60%,#f8fafc)}.mls-card-template-vip:before,.mls-card-template-premium-dark:before{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(circle at 12% 12%,rgba(255,255,255,.18),transparent 34%),linear-gradient(120deg,transparent 40%,rgba(255,255,255,.07) 50%,transparent 60%)}.mls-card-template-premium-dark{box-shadow:0 28px 70px -35px rgba(0,0,0,.95)}.mls-card-status-expired,.mls-card-status-cancelled{filter:saturate(.45)}.mls-card-status-suspended{filter:saturate(.6)}.mls-card-top,.mls-card-body,.mls-card-meta,.mls-card-footer{display:flex;position:relative;z-index:1}.mls-card-top{justify-content:space-between;align-items:flex-start;gap:12px}.mls-card-brand{display:flex;align-items:center;gap:10px;min-width:0}.mls-card-logo,.mls-card-logo-fallback{width:44px;height:44px;border-radius:12px;object-fit:cover;flex:0 0 44px;background:rgba(255,255,255,.18);border:1px solid rgba(255,255,255,.22)}.mls-card-logo-fallback{display:grid;place-items:center;font-weight:900}.mls-card-brand strong,.mls-card-eyebrow{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mls-card-brand strong{font-size:15px}.mls-card-eyebrow,.mls-card-label{font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--mls-card-muted);font-weight:800}.mls-card-state{border:1px solid rgba(255,255,255,.3);background:rgba(255,255,255,.14);border-radius:999px;padding:6px 9px;font-size:11px;font-weight:850;text-transform:uppercase;letter-spacing:.05em}.mls-card-body{align-items:center;justify-content:space-between;gap:18px}.mls-card-member{display:flex;align-items:center;gap:13px;min-width:0}.mls-card-photo{width:62px;height:62px;border-radius:20px;object-fit:cover;border:2px solid rgba(255,255,255,.55);box-shadow:0 10px 25px -16px rgba(0,0,0,.8);flex:0 0 62px}.mls-card-photo-fallback{display:grid;place-items:center;background:rgba(255,255,255,.18);font-size:20px;font-weight:900}.mls-card-member h3{margin:3px 0 2px;color:inherit;font-size:21px;line-height:1.1;overflow-wrap:anywhere}.mls-card-member p{margin:0;color:var(--mls-card-muted);font-size:12px}.mls-card-qr-slot{flex:0 0 auto}.mls-qr-placeholder{width:70px;height:70px;border-radius:13px;padding:8px;box-sizing:border-box;background:rgba(255,255,255,.93);display:grid;grid-template-columns:1fr 1fr;gap:5px;position:relative;color:#111827}.mls-qr-placeholder>span{border:4px solid #111827;border-radius:2px}.mls-qr-placeholder>span:nth-child(4){border-width:2px;background:repeating-linear-gradient(45deg,#111827 0 3px,transparent 3px 6px)}.mls-qr-placeholder small{position:absolute;left:3px;right:3px;bottom:-17px;text-align:center;color:var(--mls-card-text);font-size:8px;font-weight:800;white-space:nowrap}.mls-card-meta{display:grid;grid-template-columns:1.25fr 1fr 1fr;gap:8px}.mls-card-meta>div{min-width:0}.mls-card-meta span{display:block;font-size:9px;letter-spacing:.08em;text-transform:uppercase;color:var(--mls-card-muted);font-weight:800}.mls-card-meta strong{display:block;margin-top:3px;font-size:11px;overflow-wrap:anywhere}.mls-card-footer{justify-content:space-between;gap:12px;padding-top:10px;border-top:1px solid rgba(255,255,255,.18);font-size:9px;color:var(--mls-card-muted);letter-spacing:.05em}.mls-card-design-layout{display:grid;grid-template-columns:minmax(280px,.8fr) minmax(420px,1.2fr);gap:24px;align-items:start}.mls-card-design-form .mls-primary{margin-top:10px}.mls-card-preview-wrap>.mls-front-kicker{display:block;margin-bottom:10px}.mls-single-card-view{max-width:760px}.mls-single-card-view .mls-digital-card{max-width:680px;margin:auto}@media(max-width:900px){.mls-card-design-layout,.mls-digital-card-grid{grid-template-columns:1fr}.mls-card-preview-wrap{max-width:680px}}@media(max-width:600px){.mls-digital-card{aspect-ratio:auto;min-height:390px;padding:19px;border-radius:20px}.mls-card-body{align-items:flex-start}.mls-card-member{align-items:flex-start}.mls-card-meta{grid-template-columns:1fr 1fr}.mls-card-meta>div:first-child{grid-column:1/-1}.mls-card-photo{width:54px;height:54px;flex-basis:54px;border-radius:16px}.mls-qr-placeholder{width:62px;height:62px}.mls-card-member h3{font-size:18px}} /* Phase 6: secure QR and scanner */ .mls-secure-qr,.mls-qr-disabled{width:116px;min-height:116px;border-radius:15px;padding:4px;box-sizing:border-box;background:#fff;color:#111827;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;box-shadow:0 8px 22px -16px rgba(15,23,42,.7)}.mls-secure-qr-code{width:108px;height:108px;padding:12px;box-sizing:border-box;background:#fff;display:grid;place-items:center;overflow:hidden}.mls-secure-qr-code img,.mls-secure-qr-code canvas{max-width:84px!important;max-height:84px!important}.mls-secure-qr-status{font-size:8px!important;line-height:1.15;text-align:center;color:#475569!important;letter-spacing:0!important;text-transform:none!important}.mls-secure-qr.is-error{background:#fef2f2}.mls-qr-disabled{font-size:10px;text-align:center;background:rgba(255,255,255,.9)} .mls-scanner{scroll-margin-top:20px}.mls-scanner-head{display:flex;justify-content:space-between;gap:16px;align-items:flex-start}.mls-scanner-head h3{margin:4px 0 6px}.mls-scanner-head p{margin:0;color:#64748b;max-width:720px}.mls-scanner-grid{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(280px,.8fr);gap:18px;margin-top:18px}.mls-camera-card,.mls-manual-card{border:1px solid #e2e8f0;border-radius:16px;padding:16px;background:#f8fafc}.mls-scanner-video,.mls-camera-placeholder{width:100%;aspect-ratio:4/3;border-radius:13px;background:#0f172a;object-fit:cover}.mls-camera-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:#fff;gap:6px}.mls-camera-placeholder span{font-size:13px;color:#cbd5e1}.mls-camera-card .mls-row-buttons{margin-top:12px}.mls-camera-card .mls-primary,.mls-camera-card .mls-secondary{margin-top:0}.mls-scanner-token{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;overflow-wrap:anywhere}.mls-scanner-message{margin-top:14px;padding:11px 13px;border-radius:10px;background:#eff6ff;color:#1e40af;min-height:18px}.mls-scanner-message:empty{display:none}.mls-scanner-message.is-error{background:#fef2f2;color:#991b1b}.mls-verification-result{margin-top:16px}.mls-verify-success{border:1px solid #bbf7d0;background:#f0fdf4;border-radius:17px;padding:18px}.mls-verify-title{display:flex;align-items:center;gap:12px}.mls-verify-title h4{font-size:22px;margin:2px 0 0}.mls-verify-title small{color:#64748b}.mls-verify-check{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:#16a34a;color:#fff;font-weight:900;font-size:23px}.mls-verify-success dl{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;margin:16px 0}.mls-verify-success dl>div{border:1px solid #dcfce7;background:#fff;border-radius:10px;padding:9px}.mls-verify-success dt{font-size:10px;text-transform:uppercase;color:#64748b}.mls-verify-success dd{margin:4px 0 0;font-weight:800;overflow-wrap:anywhere}.mls-verify-benefits{border-top:1px solid #bbf7d0;padding-top:13px}.mls-verify-benefits ul{margin:8px 0 0;padding-left:18px}.mls-verify-benefits li{margin:7px 0}.mls-verify-benefits small{display:block;color:#64748b;margin-top:2px}@media(max-width:760px){.mls-scanner-head{flex-direction:column}.mls-scanner-grid{grid-template-columns:1fr}.mls-verify-success dl{grid-template-columns:1fr 1fr}.mls-secure-qr{width:108px;min-height:108px}.mls-secure-qr-code{width:100px;height:100px;padding:12px}.mls-secure-qr-code img,.mls-secure-qr-code canvas{max-width:76px!important;max-height:76px!important}}@media(max-width:480px){.mls-verify-success dl{grid-template-columns:1fr}.mls-camera-card,.mls-manual-card{padding:12px}} .mls-qr-copy{border:0;background:transparent;color:#334155;font-size:8px;font-weight:800;padding:1px 3px;cursor:pointer;text-decoration:underline}.mls-secure-qr .mls-qr-copy[hidden]{display:none} .mls-qr-manual-code{display:block;max-width:104px;font-size:7px;line-height:1.15;color:#111827;background:#f8fafc;padding:2px 3px;border-radius:4px;text-align:center;overflow-wrap:anywhere}.mls-qr-manual-code[hidden]{display:none} /* Phase 7: visit capture, service usage and redemption history */ .mls-visit-capture{margin-top:18px;padding:18px;border:1px solid #E5E9F0;background:#fff;border-radius:16px}.mls-visit-capture-head{display:flex;justify-content:space-between;gap:12px;margin-bottom:14px}.mls-visit-capture-head strong{display:block;font-size:16px}.mls-visit-capture-head small,.mls-visit-quote-note{display:block;color:#64748b;margin-top:3px}.mls-visit-capture .mls-row-buttons{display:flex;gap:10px;flex-wrap:wrap}.mls-visit-capture .mls-primary,.mls-visit-capture .mls-secondary{margin-top:14px}.mls-visit-message{margin-top:12px;padding:10px 12px;border-radius:10px;background:#eff6ff;color:#1e40af}.mls-visit-message:empty{display:none}.mls-visit-message.is-error{background:#fef2f2;color:#991b1b}.mls-visit-capture.is-complete{border-color:#86efac;background:#f0fdf4}.mls-visit-receipt{margin-top:14px;padding:12px 14px;border:1px solid #bbf7d0;border-radius:12px;background:#fff;display:flex;align-items:center;gap:12px;flex-wrap:wrap}.mls-visit-receipt strong{color:#166534}.mls-visit-receipt span{font-weight:800}.mls-visit-receipt small{color:#64748b}.mls-table-scroll{overflow:auto;margin-top:16px}.mls-data-table{width:100%;border-collapse:separate;border-spacing:0;min-width:760px}.mls-data-table th,.mls-data-table td{text-align:left;vertical-align:top;padding:11px 12px;border-bottom:1px solid #e2e8f0}.mls-data-table th{font-size:11px;text-transform:uppercase;letter-spacing:.05em;color:#64748b;background:#f8fafc}.mls-data-table td{font-size:13px;color:#334155}.mls-data-table small{color:#64748b}.mls-visit-filter{max-width:420px}.mls-visit-filter .mls-field{flex:1}.mls-reverse-form{display:flex;flex-direction:column;gap:7px;min-width:170px}.mls-reverse-form input{width:100%;box-sizing:border-box;border:1px solid #cbd5e1;border-radius:9px;padding:8px 9px}.mls-reverse-form .mls-secondary{margin:0;padding:8px 10px}.mls-subpanel{margin-top:18px;border:1px solid #e2e8f0;border-radius:14px;padding:16px;background:#f8fafc}.mls-subpanel h4{margin:0 0 8px}@media(max-width:760px){.mls-visit-capture{padding:14px}.mls-visit-capture .mls-row-buttons{flex-direction:column}.mls-visit-capture .mls-primary,.mls-visit-capture .mls-secondary{width:100%;margin-top:6px}.mls-table-scroll{margin-left:-4px;margin-right:-4px}.mls-visit-receipt{align-items:flex-start;flex-direction:column}} /* Phase 8: offers & campaigns */ .mls-offer-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:16px}.mls-offer-card{border:1px solid #e2e8f0;border-radius:16px;padding:16px;background:linear-gradient(180deg,#fff,#f8fafc);box-shadow:0 12px 28px -24px rgba(15,23,42,.45)}.mls-offer-card-head{display:flex;align-items:center;justify-content:space-between;gap:10px}.mls-offer-card-head small{color:#64748b}.mls-offer-card h4{margin:13px 0 7px;font-size:18px;color:#0f172a}.mls-offer-card p{margin:0;color:#64748b;font-size:13px;line-height:1.55}.mls-offer-meta{display:flex;gap:7px;flex-wrap:wrap;margin-top:14px}.mls-offer-meta span{font-size:11px;font-weight:750;color:#334155;background:#F2F4F8;border:1px solid #E5E9F0;border-radius:999px;padding:5px 8px}.mls-check-grid{display:flex;gap:10px;flex-wrap:wrap}.mls-check-grid label{display:flex;align-items:center;gap:5px;font-size:12px}.mls-profile-form select[multiple]{min-height:118px}.mls-verify-benefits+.mls-verify-benefits{margin-top:12px}.mls-visit-benefit-note,.mls-visit-offer-note{display:block;color:#64748b;margin-top:3px}@media(max-width:900px){.mls-offer-grid{grid-template-columns:1fr 1fr}}@media(max-width:600px){.mls-offer-grid{grid-template-columns:1fr}.mls-offer-card{padding:14px}} /* Phase 10 Notification Center */ .mls-notification-item{border:1px solid #e5e7eb;border-radius:14px;padding:14px 16px;margin:12px 0;background:#fff}.mls-notification-item.is-unread{box-shadow:0 0 0 2px rgba(79,70,229,.12);border-color:#E5E9F0}.mls-notification-item>div{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}.mls-notification-item small{color:#64748b}.mls-notification-item p{margin:8px 0 12px}.mls-notification-template-nav{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0 18px}@media(max-width:640px){.mls-notification-item>div{display:block}.mls-notification-item small{display:block;margin-top:4px}} /* Phase 11: verified reviews & reputation */ .mls-review-form,.mls-review-card{margin:14px 0;border:1px solid #e2e8f0;border-radius:15px;background:#fff}.mls-review-form{padding:0 15px}.mls-review-form>summary{cursor:pointer;padding:14px 0;color:#334155}.mls-review-form[open]>summary{border-bottom:1px solid #e2e8f0}.mls-review-form .mls-form{padding-bottom:16px}.mls-review-card{padding:16px;box-shadow:0 12px 28px -28px rgba(15,23,42,.55)}.mls-review-card .mls-panel-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.mls-review-card .mls-inline-form{align-items:center}.mls-review-card .mls-inline-form input[type=text]{flex:1;min-width:180px;box-sizing:border-box;border:1px solid #cbd5e1;border-radius:10px;padding:10px 11px}.mls-review-card details{margin-top:12px}.mls-review-card details>summary{cursor:pointer;color:#5C667A;font-weight:750}.mls-review-card .mls-secondary{margin-top:0}@media(max-width:700px){.mls-review-card .mls-panel-head{flex-direction:column}.mls-review-card .mls-inline-form{align-items:stretch;flex-direction:column}.mls-review-card .mls-inline-form input[type=text],.mls-review-card .mls-inline-form button{width:100%;min-width:0}} /* Phase 12: complete role-based dashboards */ .mls-role-dashboard{overflow:hidden}.mls-dashboard-hero{display:flex;justify-content:space-between;gap:20px;align-items:center;padding:24px;border-radius:20px;background:linear-gradient(135deg,#111827,#46546B);color:#fff;margin-bottom:16px}.mls-dashboard-hero h1{margin:4px 0 6px;color:#fff;font-size:clamp(25px,4vw,38px);line-height:1.05}.mls-dashboard-hero p{margin:0;color:#cbd5e1}.mls-dashboard-hero .mls-front-kicker{color:#E5E9F0}.mls-dashboard-identity{display:flex;align-items:center;justify-content:flex-end;gap:9px;flex-wrap:wrap;max-width:48%}.mls-dashboard-identity>strong{max-width:220px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mls-dashboard-identity .mls-secondary{margin:0;background:rgba(255,255,255,.12);border-color:rgba(255,255,255,.22);color:#fff}.mls-role-nav{position:sticky;top:12px;z-index:8;display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:7px;padding:8px;margin:0 0 18px;border:1px solid #e2e8f0;border-radius:14px;background:rgba(255,255,255,.96);box-shadow:0 14px 30px -26px rgba(15,23,42,.55);backdrop-filter:blur(10px)}.mls-role-nav a{display:flex;align-items:center;justify-content:center;min-height:38px;padding:7px 10px;border-radius:10px;text-align:center;font-size:12px;font-weight:800;color:#334155;text-decoration:none;overflow-wrap:anywhere}.mls-role-nav a:hover,.mls-role-nav a:focus{background:#F2F4F8;color:#46546B}.mls-dashboard-section,.mls-dashboard-anchor{scroll-margin-top:90px}.mls-kpi-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(145px,1fr));gap:12px}.mls-kpi-card{position:relative;overflow:hidden;min-width:0;border:1px solid #e2e8f0;border-radius:16px;padding:16px;background:#fff;box-shadow:0 14px 30px -28px rgba(15,23,42,.55)}.mls-kpi-card:before{content:"";position:absolute;inset:0 auto 0 0;width:4px;background:#7B879A}.mls-kpi-card span{display:block;color:#64748b;font-size:11px;font-weight:750;line-height:1.3}.mls-kpi-card strong{display:block;margin-top:7px;color:#0f172a;font-size:27px;line-height:1}.mls-kpi-visit:before,.mls-kpi-scan:before{background:#0ea5e9}.mls-kpi-offer:before,.mls-kpi-special:before{background:#f59e0b}.mls-kpi-review:before{background:#ec4899}.mls-kpi-reward:before{background:#10b981}.mls-dashboard-panel{min-width:0;margin-top:16px;border:1px solid #e2e8f0;border-radius:17px;padding:17px;background:#fff}.mls-section-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:12px}.mls-section-head h2,.mls-section-head h3{margin:3px 0 0}.mls-section-head.mls-subheading{margin-top:22px}.mls-dashboard-split{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:16px}.mls-feed-row{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;padding:11px 0;border-bottom:1px solid #eef2f7;min-width:0}.mls-feed-row:last-child{border-bottom:0}.mls-feed-row>div{min-width:0}.mls-feed-row strong,.mls-feed-row span{overflow-wrap:anywhere}.mls-feed-row>div>strong,.mls-feed-row>div>span{display:block}.mls-feed-row>div>span,.mls-feed-row time{margin-top:3px;color:#64748b;font-size:11px}.mls-scope-banner{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-bottom:16px;padding:13px 15px;border:1px solid #bfdbfe;border-radius:14px;background:#eff6ff}.mls-scope-banner span,.mls-scope-banner strong{display:block;overflow-wrap:anywhere}.mls-scope-banner span{font-size:10px;text-transform:uppercase;letter-spacing:.05em;color:#64748b}.mls-scope-banner strong{margin-top:3px;color:#1e3a8a;font-size:13px}.mls-action-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:10px}.mls-action-card{display:flex;justify-content:space-between;align-items:center;gap:10px;min-width:0;padding:13px 14px;border:1px solid #E5E9F0;border-radius:12px;background:#F8FAFC;color:#46546B;text-decoration:none;font-weight:800}.mls-action-card code{font-size:10px;white-space:normal;overflow-wrap:anywhere}.mls-scanner-first .mls-scanner{margin-top:0}.mls-role-dashboard .mls-front-shell{box-shadow:none}.mls-dashboard-anchor>.mls-front-shell{scroll-margin-top:90px}.mls-role-dashboard,.mls-role-dashboard *{max-width:100%;box-sizing:border-box}@media(max-width:720px){.mls-dashboard-hero{align-items:flex-start;flex-direction:column;padding:18px}.mls-dashboard-identity{justify-content:flex-start;max-width:100%;width:100%}.mls-dashboard-identity>strong{max-width:100%}.mls-role-nav{position:relative;top:auto;grid-template-columns:repeat(2,minmax(0,1fr))}.mls-dashboard-split,.mls-scope-banner{grid-template-columns:1fr}.mls-feed-row{flex-direction:column}.mls-kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:420px){.mls-role-nav,.mls-kpi-grid{grid-template-columns:1fr}.mls-dashboard-hero{border-radius:16px}.mls-kpi-card{padding:14px}} .mls-dashboard-store-switch{display:flex;align-items:end;justify-content:flex-end;gap:9px;margin:-5px 0 16px}.mls-dashboard-store-switch label{display:flex;flex-direction:column;gap:4px;min-width:220px}.mls-dashboard-store-switch label>span{font-size:10px;font-weight:800;text-transform:uppercase;color:#64748b}.mls-dashboard-store-switch select{max-width:100%;border:1px solid #cbd5e1;border-radius:10px;padding:9px 10px;background:#fff}.mls-dashboard-store-switch .mls-secondary{margin:0}@media(max-width:560px){.mls-dashboard-store-switch{align-items:stretch;flex-direction:column}.mls-dashboard-store-switch label{min-width:0}.mls-dashboard-store-switch .mls-secondary{width:100%}} .mls-dashboard-health-note{grid-column:1/-1;margin:2px 0 0;color:#64748b;font-size:12px} /* Phase 14: payment, billing and invoice UI */ .mls-payment-shell{overflow-x:hidden}.mls-payment-plan-grid,.mls-payment-gateway-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));gap:16px;margin:18px 0}.mls-payment-plan,.mls-payment-checkout,.mls-invoice{border:1px solid #e6e8ef;border-radius:18px;background:#fff;padding:18px;box-shadow:0 14px 34px -28px rgba(15,23,42,.32)}.mls-payment-plan h3,.mls-payment-checkout h3,.mls-invoice h3{margin:8px 0}.mls-payment-plan form{display:grid;gap:10px;margin-top:14px}.mls-payment-plan label{display:grid;gap:6px}.mls-payment-plan select,.mls-payment-plan input,.mls-inline-form input{max-width:100%;min-height:42px;border:1px solid #d9deea;border-radius:10px;padding:8px 10px;background:#fff}.mls-payment-price{display:block;font-size:1.2rem;margin:12px 0}.mls-payment-provider{display:grid;gap:14px}.mls-payment-provider [data-mls-stripe-element]{padding:12px;border:1px solid #e4e7ee;border-radius:12px}.mls-payment-message{font-size:.92rem;min-height:1.3em}.mls-payment-message.is-error{font-weight:600}.mls-payment-success{border-style:solid}.mls-invoice{margin:16px 0}.mls-invoice-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,180px),1fr));gap:12px}.mls-invoice-grid>div{display:grid;gap:4px;padding:12px;border-radius:12px;background:#f8fafc}.mls-invoice-grid span,.mls-invoice-grid small{font-size:.82rem}.mls-inline-form{display:flex;flex-wrap:wrap;gap:6px;align-items:center}.mls-inline-form input{min-width:90px;max-width:150px}.mls-responsive-table{max-width:100%;overflow:auto;-webkit-overflow-scrolling:touch}.mls-responsive-table table{min-width:760px}.mls-payment-gateway-grid .mls-setting-box{min-width:0}.mls-payment-gateway-grid code{white-space:normal;overflow-wrap:anywhere}.mls-payment-plan .mls-primary,.mls-payment-provider .mls-primary{justify-content:center;text-align:center} @media(max-width:760px){.mls-payment-plan-grid,.mls-payment-gateway-grid,.mls-invoice-grid{grid-template-columns:1fr}.mls-payment-plan,.mls-payment-checkout,.mls-invoice{padding:14px;border-radius:14px}.mls-inline-form{display:grid;grid-template-columns:1fr}.mls-inline-form input,.mls-inline-form button{width:100%;max-width:none}.mls-payment-provider .mls-primary,.mls-payment-provider .mls-secondary,.mls-payment-provider .mls-link-button{width:100%;justify-content:center}} /* Phase 15: analytics and reporting */ .mls-analytics-shell{max-width:1180px;overflow-x:hidden}.mls-analytics-filters{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,170px),1fr));gap:10px;align-items:end;margin:16px 0 20px;padding:14px;border:1px solid #e2e8f0;border-radius:16px;background:#f8fafc}.mls-analytics-filters label{display:grid;gap:5px;min-width:0;font-size:12px;font-weight:800;color:#475569}.mls-analytics-filters input,.mls-analytics-filters select{width:100%;max-width:100%;min-height:42px;box-sizing:border-box;border:1px solid #cbd5e1;border-radius:10px;background:#fff;padding:8px 10px}.mls-analytics-filters .button{min-height:42px}.mls-analytics-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:16px 0}.mls-analytics-grid>.mls-dashboard-panel{min-width:0;margin:0;padding:18px;border:1px solid #e2e8f0;border-radius:16px;background:#fff}.mls-analytics-kpis{margin:16px 0}.mls-money-list{display:grid;gap:8px}.mls-money-list>div{display:flex;justify-content:space-between;gap:12px;padding:9px 0;border-bottom:1px solid #eef2f7}.mls-money-list>div:last-child{border-bottom:0}.mls-peak-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.mls-peak-grid>div{display:grid;gap:7px}.mls-peak-grid span{display:flex;justify-content:space-between;gap:10px;padding:7px 0;border-bottom:1px solid #eef2f7}.mls-mini-bars{display:grid;gap:7px}.mls-mini-bars>div{display:grid;grid-template-columns:minmax(76px,auto) minmax(80px,1fr) auto;align-items:center;gap:8px;font-size:12px}.mls-mini-bars i{display:block;height:8px;border-radius:999px;background:#e2e8f0;overflow:hidden}.mls-mini-bars i b{display:block;height:100%;border-radius:inherit;background:currentColor}.mls-analytics-pagination{display:flex;align-items:center;justify-content:center;gap:12px;flex-wrap:wrap;margin-top:14px}.mls-analytics-export{margin-top:18px}.mls-analytics-export form{display:flex;flex-wrap:wrap;gap:8px;align-items:end}.mls-analytics-export select{min-width:180px;min-height:40px;border:1px solid #cbd5e1;border-radius:9px;background:#fff;padding:7px 9px}.mls-analytics-selected-vendor{margin-top:24px;padding-top:24px;border-top:1px solid #e2e8f0}.mls-analytics-shell .mls-responsive-table{max-width:100%;overflow:auto;-webkit-overflow-scrolling:touch}.mls-analytics-shell .mls-responsive-table table{min-width:680px}.mls-analytics-shell code{white-space:normal;overflow-wrap:anywhere}@media(max-width:760px){.mls-analytics-grid,.mls-peak-grid{grid-template-columns:1fr}.mls-analytics-filters{grid-template-columns:1fr}.mls-analytics-filters .button{width:100%}.mls-analytics-export form{display:grid;grid-template-columns:1fr}.mls-analytics-export select,.mls-analytics-export .button{width:100%;max-width:none}.mls-mini-bars>div{grid-template-columns:70px minmax(60px,1fr) auto}} /* Phase 16 PWA/mobile readiness */ .mls-pwa-install-action{display:none!important;cursor:pointer} .mls-pwa-installable .mls-pwa-install-action{display:inline-flex!important} @media (max-width:760px){ .mls-dashboard-hero{gap:14px} .mls-dashboard-identity{width:100%;display:flex;flex-wrap:wrap;gap:8px;align-items:center} .mls-dashboard-identity .mls-link-button,.mls-dashboard-identity .mls-pwa-install-action{min-height:44px;justify-content:center} .mls-role-nav{overflow-x:auto;overscroll-behavior-inline:contain;-webkit-overflow-scrolling:touch;scrollbar-width:thin} .mls-role-nav a{white-space:nowrap;min-height:44px;display:inline-flex;align-items:center} .mls-table-scroll{max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch} } /* Phase 18 frontend design skin */ body.mls-ui-skin{color:var(--mls-text,#334155)} body.mls-ui-skin .mls-front-shell,body.mls-ui-skin .mls-front-note,body.mls-ui-skin .mls-auth-shell,body.mls-ui-skin .mls-profile-shell{background:var(--mls-surface,#fff);border-color:var(--mls-border,#e2e8f0);border-radius:var(--mls-radius-panel,20px);box-shadow:var(--mls-shadow-panel,0 18px 45px -36px rgba(15,23,42,.55))} body.mls-ui-skin .mls-front-shell p,body.mls-ui-skin .mls-auth-head p,body.mls-ui-skin .mls-profile-summary p,body.mls-ui-skin .mls-help{color:var(--mls-muted,#64748b)} body.mls-ui-skin .mls-field input,body.mls-ui-skin .mls-field select,body.mls-ui-skin .mls-field textarea,body.mls-ui-skin .mls-inline-form select{border-color:var(--mls-border,#cbd5e1);border-radius:var(--mls-radius-control,11px)} body.mls-ui-skin .mls-primary{background:var(--mls-primary,#5C667A);color:var(--mls-primary-text,#fff);border-color:var(--mls-primary,#5C667A)} body.mls-ui-skin .mls-secondary,body.mls-ui-skin .mls-link-button{border-color:var(--mls-border,#cbd5e1)} body.mls-ui-skin .mls-status-badge,body.mls-ui-skin .mls-pill{background:var(--mls-accent,#d4af37);color:var(--mls-menu-active-text,#0f172a)} body.mls-ui-skin .mls-dashboard-hero{background:var(--mls-hero-gradient,linear-gradient(135deg,#111827,#46546B));border-radius:var(--mls-radius-panel,20px)} body.mls-ui-premium .mls-dashboard-hero{overflow:hidden;position:relative} body.mls-ui-premium .mls-dashboard-hero:after{content:"";position:absolute;inset:auto -10% -20% auto;width:220px;height:220px;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.25) 0%,rgba(255,255,255,0) 70%)} body.mls-ui-classic .mls-dashboard-hero,body.mls-ui-classic .mls-front-shell,body.mls-ui-classic .mls-front-note,body.mls-ui-classic .mls-auth-shell,body.mls-ui-classic .mls-profile-shell{box-shadow:0 10px 24px -24px rgba(15,23,42,.26)} /* Phase 18.1 — elegant light frontend, responsive alignment and overflow fixes */ body.mls-ui-skin{color:var(--mls-text,#394557)} body.mls-ui-skin .mls-front-shell,body.mls-ui-skin .mls-front-note,body.mls-ui-skin .mls-auth-shell,body.mls-ui-skin .mls-profile-shell,body.mls-ui-skin .mls-role-dashboard{width:min(calc(100% - 28px),var(--mls-content-width,1240px));max-width:var(--mls-content-width,1240px);box-sizing:border-box} body.mls-ui-skin .mls-role-dashboard{margin-inline:auto} body.mls-ui-skin .mls-front-shell,body.mls-ui-skin .mls-front-note,body.mls-ui-skin .mls-auth-shell,body.mls-ui-skin .mls-profile-shell{padding:clamp(16px,2.3vw,var(--mls-space,18px))} body.mls-ui-skin .mls-dashboard-hero{background:var(--mls-hero-gradient)!important;color:var(--mls-hero-text)!important;border:1px solid var(--mls-border,#e5e9f0)!important;box-shadow:var(--mls-shadow-soft)!important} body.mls-ui-skin .mls-dashboard-hero h1,body.mls-ui-skin .mls-dashboard-hero p,body.mls-ui-skin .mls-dashboard-hero .mls-front-kicker{color:var(--mls-hero-text)!important} body.mls-ui-skin .mls-dashboard-hero .mls-secondary{background:var(--mls-surface,#fff)!important;border-color:var(--mls-border,#e5e9f0)!important;color:var(--mls-text,#394557)!important} body.mls-ui-skin .mls-dashboard-hero .mls-secondary:hover{background:var(--mls-surface-alt,#f8fafc)!important;border-color:var(--mls-primary,#5c667a)!important} body.mls-ui-skin .mls-role-nav{background:var(--mls-menu-bg,#f2f4f8)!important;border-color:var(--mls-border,#e5e9f0)!important;box-shadow:var(--mls-shadow-soft)!important} body.mls-ui-skin .mls-role-nav a{color:var(--mls-menu-text,#667085)!important} body.mls-ui-skin .mls-role-nav a:hover,body.mls-ui-skin .mls-role-nav a:focus,body.mls-ui-skin .mls-role-nav a.is-active{background:var(--mls-menu-active-bg,#e7ebf4)!important;color:var(--mls-menu-active-text,#46546b)!important} body.mls-ui-skin .mls-kpi-card:before{background:var(--mls-primary,#5c667a)} body.mls-ui-skin .mls-kpi-card strong,body.mls-ui-skin .mls-feed-row strong,body.mls-ui-skin .mls-membership-card h3{color:var(--mls-heading,#222b3a)} body.mls-ui-skin .mls-kpi-card span,body.mls-ui-skin .mls-feed-row span,body.mls-ui-skin .mls-feed-row time{color:var(--mls-muted,#758195)} body.mls-ui-skin .mls-action-card{background:var(--mls-surface,#fff)!important;border-color:var(--mls-border,#e5e9f0)!important;color:var(--mls-text,#394557)!important} body.mls-ui-skin .mls-action-card:hover{background:var(--mls-surface-alt,#f8fafc)!important;border-color:var(--mls-primary,#5c667a)!important} body.mls-ui-skin .mls-scope-banner{background:var(--mls-surface-alt,#f8fafc)!important;border-color:var(--mls-border,#e5e9f0)!important} body.mls-ui-skin .mls-scope-banner strong{color:var(--mls-heading,#222b3a)!important} body.mls-ui-skin .mls-avatar{background:var(--mls-menu-active-bg,#e7ebf4)!important;color:var(--mls-menu-active-text,#46546b)!important} body.mls-ui-skin .mls-progress{background:var(--mls-surface-alt,#f8fafc)!important} body.mls-ui-skin .mls-progress span{background:var(--mls-primary,#5c667a)!important} body.mls-ui-skin .mls-primary,body.mls-ui-skin .mls-secondary,body.mls-ui-skin .mls-link-button{min-height:42px;line-height:1.2;white-space:normal;text-align:center} body.mls-ui-skin .mls-secondary,body.mls-ui-skin .mls-link-button{background:var(--mls-surface,#fff)!important;color:var(--mls-text,#394557)!important;border-color:var(--mls-border,#e5e9f0)!important} body.mls-ui-skin .mls-secondary:hover,body.mls-ui-skin .mls-link-button:hover{background:var(--mls-surface-alt,#f8fafc)!important;border-color:var(--mls-primary,#5c667a)!important} body.mls-ui-skin .mls-field input,body.mls-ui-skin .mls-field select,body.mls-ui-skin .mls-field textarea,body.mls-ui-skin .mls-inline-form input,body.mls-ui-skin .mls-inline-form select{background:var(--mls-surface,#fff)!important;color:var(--mls-text,#394557)!important;border-color:var(--mls-border,#e5e9f0)!important;max-width:100%;box-sizing:border-box} body.mls-ui-skin .mls-field input:focus,body.mls-ui-skin .mls-field select:focus,body.mls-ui-skin .mls-field textarea:focus,body.mls-ui-skin .mls-inline-form input:focus,body.mls-ui-skin .mls-inline-form select:focus{border-color:var(--mls-primary,#5c667a)!important;outline:none;box-shadow:0 0 0 3px rgba(92,102,122,.10)!important} body.mls-ui-skin .mls-dashboard-title,body.mls-ui-skin .mls-profile-summary,body.mls-ui-skin .mls-section-head,body.mls-ui-skin .mls-panel-head,body.mls-ui-skin .mls-scanner-head{min-width:0;flex-wrap:wrap} body.mls-ui-skin .mls-dashboard-title>*,body.mls-ui-skin .mls-profile-summary>*,body.mls-ui-skin .mls-section-head>*,body.mls-ui-skin .mls-panel-head>*{min-width:0} body.mls-ui-skin .mls-dashboard-actions,body.mls-ui-skin .mls-profile-actions{flex-wrap:wrap} body.mls-ui-skin .mls-form-grid,body.mls-ui-skin .mls-dashboard-cards,body.mls-ui-skin .mls-dashboard-split,body.mls-ui-skin .mls-kpi-grid,body.mls-ui-skin .mls-action-grid,body.mls-ui-skin .mls-payment-plan-grid,body.mls-ui-skin .mls-payment-gateway-grid,body.mls-ui-skin .mls-invoice-grid,body.mls-ui-skin .mls-analytics-grid,body.mls-ui-skin .mls-peak-grid{max-width:100%} body.mls-ui-skin .mls-form-grid>*,body.mls-ui-skin .mls-dashboard-cards>*,body.mls-ui-skin .mls-dashboard-split>*,body.mls-ui-skin .mls-kpi-grid>*,body.mls-ui-skin .mls-action-grid>*,body.mls-ui-skin .mls-payment-plan-grid>*,body.mls-ui-skin .mls-payment-gateway-grid>*,body.mls-ui-skin .mls-invoice-grid>*,body.mls-ui-skin .mls-analytics-grid>*{min-width:0;max-width:100%;box-sizing:border-box} body.mls-ui-skin .mls-responsive-table,body.mls-ui-skin .mls-table-scroll{max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;border-radius:var(--mls-radius-control,10px)} body.mls-ui-skin table{max-width:100%} body.mls-ui-skin td,body.mls-ui-skin th{overflow-wrap:anywhere} body.mls-ui-skin img,body.mls-ui-skin svg,body.mls-ui-skin canvas,body.mls-ui-skin video{max-width:100%} body.mls-ui-skin .mls-role-tabs{background:var(--mls-menu-bg,#f2f4f8)!important;border:1px solid var(--mls-border,#e5e9f0)} body.mls-ui-skin .mls-role-tabs a{color:var(--mls-menu-text,#667085)!important} body.mls-ui-skin .mls-role-tabs a.is-active{background:var(--mls-menu-active-bg,#e7ebf4)!important;color:var(--mls-menu-active-text,#46546b)!important;box-shadow:none!important} body.mls-ui-skin .mls-status-badge,body.mls-ui-skin .mls-pill{border:1px solid var(--mls-border,#e5e9f0)} body.mls-ui-skin.mls-density-compact .mls-front-shell,body.mls-ui-skin[data-mls-density="compact"] .mls-front-shell,body.mls-ui-skin.mls-density-compact .mls-auth-shell,body.mls-ui-skin[data-mls-density="compact"] .mls-auth-shell,body.mls-ui-skin.mls-density-compact .mls-profile-shell,body.mls-ui-skin[data-mls-density="compact"] .mls-profile-shell,body.mls-ui-skin.mls-density-compact .mls-dashboard-panel,body.mls-ui-skin[data-mls-density="compact"] .mls-dashboard-panel{padding:14px} @media(max-width:900px){ body.mls-ui-skin .mls-dashboard-split,body.mls-ui-skin .mls-analytics-grid,body.mls-ui-skin .mls-peak-grid{grid-template-columns:1fr} body.mls-ui-skin .mls-dashboard-identity{max-width:54%} } @media(max-width:720px){ body.mls-ui-skin .mls-front-shell,body.mls-ui-skin .mls-front-note,body.mls-ui-skin .mls-auth-shell,body.mls-ui-skin .mls-profile-shell,body.mls-ui-skin .mls-role-dashboard{width:min(calc(100% - 20px),var(--mls-content-width,1240px));margin-top:10px;margin-bottom:10px} body.mls-ui-skin .mls-dashboard-hero{align-items:flex-start;flex-direction:column;padding:17px} body.mls-ui-skin .mls-dashboard-identity{width:100%;max-width:100%;justify-content:flex-start} body.mls-ui-skin .mls-dashboard-identity>strong{max-width:100%;white-space:normal;overflow-wrap:anywhere} body.mls-ui-skin .mls-role-nav{position:relative;top:auto;display:flex;overflow-x:auto;gap:7px;padding:7px;scroll-snap-type:x proximity} body.mls-ui-skin .mls-role-nav a{flex:0 0 auto;min-width:max-content;min-height:42px;scroll-snap-align:start} body.mls-ui-skin .mls-form-grid,body.mls-ui-skin .mls-dashboard-cards,body.mls-ui-skin .mls-scope-banner{grid-template-columns:1fr} body.mls-ui-skin .mls-inline-form{display:grid;grid-template-columns:1fr;align-items:stretch} body.mls-ui-skin .mls-inline-form input,body.mls-ui-skin .mls-inline-form select,body.mls-ui-skin .mls-inline-form button{width:100%;max-width:none} body.mls-ui-skin .mls-feed-row{flex-direction:column;align-items:flex-start} body.mls-ui-skin .mls-profile-actions{justify-content:stretch} body.mls-ui-skin .mls-profile-actions .mls-link-button,body.mls-ui-skin .mls-dashboard-actions .mls-link-button{width:100%} } @media(max-width:520px){ body.mls-ui-skin .mls-front-shell,body.mls-ui-skin .mls-front-note,body.mls-ui-skin .mls-auth-shell,body.mls-ui-skin .mls-profile-shell,body.mls-ui-skin .mls-role-dashboard{width:calc(100% - 16px)} body.mls-ui-skin .mls-front-shell h2,body.mls-ui-skin .mls-auth-shell h2,body.mls-ui-skin .mls-profile-shell h2{font-size:24px;overflow-wrap:anywhere} body.mls-ui-skin .mls-dashboard-title,body.mls-ui-skin .mls-profile-summary,body.mls-ui-skin .mls-section-head,body.mls-ui-skin .mls-panel-head,body.mls-ui-skin .mls-scanner-head{align-items:flex-start;flex-direction:column} body.mls-ui-skin .mls-dashboard-actions,body.mls-ui-skin .mls-profile-actions{width:100%;display:grid;grid-template-columns:1fr;gap:8px} body.mls-ui-skin .mls-dashboard-actions>*{width:100%;box-sizing:border-box} body.mls-ui-skin .mls-kpi-grid{grid-template-columns:1fr 1fr} body.mls-ui-skin .mls-role-tabs{flex-direction:column} body.mls-ui-skin .mls-primary,body.mls-ui-skin .mls-secondary,body.mls-ui-skin .mls-link-button{width:100%;justify-content:center} } @media(max-width:380px){ body.mls-ui-skin .mls-kpi-grid{grid-template-columns:1fr} } /* Phase 21 — vendor/member/scanner dashboards polished closer to mockup/app feel */ body.mls-ui-skin .mls-role-dashboard,body.mls-ui-skin .mls-dashboard-anchor>.mls-front-shell{background:transparent!important;border:0!important;box-shadow:none!important;padding:0!important} body.mls-ui-skin .mls-dashboard-hero{position:relative;display:grid;grid-template-columns:minmax(0,1.2fr) auto;gap:22px;padding:26px 28px;border-radius:24px;background:linear-gradient(135deg,#1A2A75 0%,#3150F2 48%,#5A4FF4 100%)!important;color:#fff;box-shadow:0 24px 48px -30px rgba(49,80,242,.48)!important;overflow:hidden} body.mls-ui-skin .mls-dashboard-hero:before{content:"";position:absolute;inset:auto -40px -40px auto;width:200px;height:200px;border-radius:50%;background:radial-gradient(circle at center,rgba(255,255,255,.26),rgba(255,255,255,0) 68%)} body.mls-ui-skin .mls-dashboard-hero-main{position:relative;z-index:1;display:grid;gap:10px} body.mls-ui-skin .mls-dashboard-hero .mls-front-kicker{color:rgba(255,255,255,.82)!important;font-weight:800;letter-spacing:.08em;text-transform:uppercase;font-size:11px} body.mls-ui-skin .mls-dashboard-hero h1{margin:0;color:#fff!important;font-size:clamp(28px,3.9vw,42px);font-weight:850;letter-spacing:-.025em} body.mls-ui-skin .mls-dashboard-hero p{margin:0;max-width:720px;color:rgba(255,255,255,.86)!important;font-size:14px;line-height:1.65} body.mls-ui-skin .mls-dashboard-meta{display:flex;gap:8px;flex-wrap:wrap} body.mls-ui-skin .mls-dashboard-chip{display:inline-flex;align-items:center;min-height:32px;padding:0 12px;border-radius:999px;background:rgba(255,255,255,.15);border:1px solid rgba(255,255,255,.18);color:#fff;font-size:12px;font-weight:800} body.mls-ui-skin .mls-dashboard-chip.is-light{background:#fff;color:#3150F2;border-color:#fff} body.mls-ui-skin .mls-dashboard-identity{position:relative;z-index:1;display:flex;flex-direction:column;align-items:flex-end;justify-content:center;gap:10px;max-width:none} body.mls-ui-skin .mls-dashboard-usercard{display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:18px;background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.18);min-width:220px;backdrop-filter:blur(10px)} body.mls-ui-skin .mls-dashboard-avatar{width:50px;height:50px;display:grid;place-items:center;border-radius:16px;background:#fff;color:#3150F2;font-weight:900;font-size:18px;box-shadow:0 10px 22px rgba(15,23,42,.14)} body.mls-ui-skin .mls-dashboard-usercard strong{display:block;color:#fff;font-size:15px;max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap} body.mls-ui-skin .mls-dashboard-usercard small{display:block;margin-top:3px;color:rgba(255,255,255,.76);font-size:12px} body.mls-ui-skin .mls-dashboard-identity .mls-secondary{margin:0;background:rgba(255,255,255,.12)!important;border:1px solid rgba(255,255,255,.18)!important;color:#fff!important;box-shadow:none!important} body.mls-ui-skin .mls-dashboard-identity .mls-secondary:hover{background:rgba(255,255,255,.18)!important} body.mls-ui-skin .mls-role-nav{position:sticky;top:14px;z-index:8;display:flex;gap:10px;flex-wrap:nowrap;padding:10px;border:1px solid var(--mls-border,#E5EAF5)!important;border-radius:18px;background:rgba(255,255,255,.92)!important;box-shadow:0 18px 36px -28px rgba(15,23,42,.24);backdrop-filter:blur(16px);overflow-x:auto} body.mls-ui-skin .mls-role-nav a{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;min-width:130px;min-height:42px;padding:0 14px;border-radius:12px;background:transparent!important;color:var(--mls-text,#344264)!important;font-size:12px;font-weight:800;border:1px solid transparent;text-decoration:none!important} body.mls-ui-skin .mls-role-nav a:hover,body.mls-ui-skin .mls-role-nav a:focus{background:#F6F8FF!important;border-color:#DDE5FF;color:#3150F2!important} body.mls-ui-skin .mls-kpi-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:16px} body.mls-ui-skin .mls-kpi-card{position:relative;display:grid;gap:10px;min-height:128px;padding:18px 18px 16px 18px;border:1px solid var(--mls-border,#E5EAF5)!important;border-radius:20px!important;background:#fff!important;box-shadow:0 18px 36px -30px rgba(15,23,42,.16)!important;overflow:hidden} body.mls-ui-skin .mls-kpi-card:before{content:"";position:absolute;top:16px;left:16px;width:42px;height:42px;border-radius:14px;background:linear-gradient(135deg,#3150F2,#6C5CF5);opacity:.12} body.mls-ui-skin .mls-kpi-card:after{content:"";position:absolute;right:-16px;bottom:-24px;width:92px;height:92px;border-radius:50%;background:radial-gradient(circle at center,rgba(49,80,242,.13),rgba(49,80,242,0) 72%)} body.mls-ui-skin .mls-kpi-card span{position:relative;z-index:1;padding-left:54px;color:var(--mls-muted,#7B88A4)!important;font-size:12px;font-weight:800;line-height:1.4} body.mls-ui-skin .mls-kpi-card strong{position:relative;z-index:1;margin-top:2px;color:var(--mls-heading,#101A3A)!important;font-size:32px;line-height:1.02;font-weight:850} body.mls-ui-skin .mls-dashboard-panel{margin-top:18px;border:1px solid var(--mls-border,#E5EAF5)!important;border-radius:20px!important;padding:20px!important;background:#fff!important;box-shadow:0 16px 34px -30px rgba(15,23,42,.16)!important} body.mls-ui-skin .mls-section-head h2,body.mls-ui-skin .mls-section-head h3{color:var(--mls-heading,#101A3A)!important;font-weight:800} body.mls-ui-skin .mls-section-head p,body.mls-ui-skin .mls-dashboard-panel p{color:var(--mls-muted,#7B88A4)!important} body.mls-ui-skin .mls-dashboard-split{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:18px} body.mls-ui-skin .mls-feed-row{padding:13px 0;border-bottom:1px solid #EEF2F8} body.mls-ui-skin .mls-feed-row time,body.mls-ui-skin .mls-feed-row>div>span{color:var(--mls-muted,#7B88A4)!important;font-size:12px} body.mls-ui-skin .mls-feed-row>div>strong{color:var(--mls-heading,#101A3A)!important;font-weight:750} body.mls-ui-skin .mls-scope-banner{padding:15px 16px;border:1px solid #D8E4FF!important;border-radius:18px!important;background:linear-gradient(180deg,#F8FAFF,#EDF4FF)!important;box-shadow:0 14px 28px -26px rgba(49,80,242,.22)} body.mls-ui-skin .mls-scope-banner strong{color:#2444D5!important;font-size:14px} body.mls-ui-skin .mls-action-grid{grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:12px} body.mls-ui-skin .mls-action-card{padding:16px;border-radius:16px!important;background:linear-gradient(180deg,#FFFFFF,#F7F9FF)!important;border:1px solid #E5EAF5!important;color:var(--mls-heading,#101A3A)!important;box-shadow:0 14px 28px -28px rgba(49,80,242,.24)} body.mls-ui-skin .mls-action-card span{color:#3150F2} body.mls-ui-skin .mls-offer-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:18px} body.mls-ui-skin .mls-offer-card{border:1px solid #E5EAF5!important;border-radius:20px!important;padding:18px!important;background:linear-gradient(180deg,#FFFFFF,#F7F9FF)!important;box-shadow:0 16px 34px -28px rgba(49,80,242,.18)!important} body.mls-ui-skin .mls-offer-card-head small{color:var(--mls-muted,#7B88A4)!important} body.mls-ui-skin .mls-offer-card h4{color:var(--mls-heading,#101A3A)!important;font-size:19px;font-weight:800} body.mls-ui-skin .mls-offer-card p{color:var(--mls-muted,#7B88A4)!important;font-size:13px} body.mls-ui-skin .mls-offer-meta span{background:#EEF2FF!important;border-color:#DCE6FF!important;color:#3150F2!important;font-weight:800} body.mls-ui-skin .mls-scanner{padding:20px;border:1px solid #E5EAF5;border-radius:22px;background:linear-gradient(180deg,#FFFFFF,#F8FAFF);box-shadow:0 18px 38px -30px rgba(15,23,42,.16)} body.mls-ui-skin .mls-scanner-head h3{font-size:28px;color:var(--mls-heading,#101A3A)!important} body.mls-ui-skin .mls-scanner-head p{color:var(--mls-muted,#7B88A4)!important} body.mls-ui-skin .mls-scanner-grid{grid-template-columns:minmax(0,1.2fr) minmax(320px,.8fr);gap:18px} body.mls-ui-skin .mls-camera-card,body.mls-ui-skin .mls-manual-card{border:1px solid #E5EAF5!important;border-radius:22px!important;padding:18px!important;background:#fff!important;box-shadow:0 16px 34px -30px rgba(15,23,42,.16)!important} body.mls-ui-skin .mls-camera-card{background:linear-gradient(180deg,#FFFFFF,#F9FBFF)!important} body.mls-ui-skin .mls-scanner-video,body.mls-ui-skin .mls-camera-placeholder{aspect-ratio:4/3;border-radius:18px!important;background:radial-gradient(circle at top,#24398C,#111B4D 62%)!important;box-shadow:inset 0 0 0 1px rgba(255,255,255,.06)} body.mls-ui-skin .mls-camera-placeholder strong{font-size:20px} body.mls-ui-skin .mls-camera-placeholder span{color:rgba(255,255,255,.72)!important} body.mls-ui-skin .mls-manual-card .mls-field>span{font-weight:800;color:var(--mls-heading,#101A3A)} body.mls-ui-skin .mls-scanner-token{min-height:118px;border-radius:16px!important;padding:14px!important;border:1px solid #DCE3F4!important;background:#F8FAFF!important;color:var(--mls-heading,#101A3A)!important} body.mls-ui-skin .mls-primary{background:linear-gradient(135deg,#3150F2,#6C5CF5)!important;border-color:transparent!important;color:#fff!important;box-shadow:0 12px 24px rgba(49,80,242,.18)!important} body.mls-ui-skin .mls-scanner-message{margin-top:16px;padding:14px 16px;border-radius:14px;background:#EEF4FF!important;color:#2444D5!important} body.mls-ui-skin .mls-scanner-message.is-error{background:#FEF2F2!important;color:#991B1B!important} body.mls-ui-skin .mls-verify-success{border:1px solid #D6F5E0!important;background:linear-gradient(180deg,#F8FFFB,#F0FDF4)!important;border-radius:22px!important;padding:20px!important;box-shadow:0 16px 34px -30px rgba(22,163,74,.18)!important} body.mls-ui-skin .mls-verify-title h4{font-size:24px;color:#0E9B44!important} body.mls-ui-skin .mls-verify-check{width:50px;height:50px;border-radius:16px;background:linear-gradient(135deg,#12B76A,#16A34A)!important} body.mls-ui-skin .mls-verify-success dl>div{border:1px solid #DCFCE7!important;border-radius:14px!important;padding:12px!important;background:#fff!important} body.mls-ui-skin .mls-verify-benefits{border-top:1px solid #D6F5E0!important;padding-top:14px} body.mls-ui-skin .mls-console-panel .mls-responsive-table table,body.mls-ui-skin .mls-console-panel table{border-collapse:separate;border-spacing:0 10px} body.mls-ui-skin .mls-console-panel tbody tr{background:#fff;box-shadow:0 12px 24px -26px rgba(15,23,42,.12)} body.mls-ui-skin .mls-console-panel tbody td{background:#fff;border-top:1px solid #E5EAF5;border-bottom:1px solid #E5EAF5} body.mls-ui-skin .mls-console-panel tbody td:first-child{border-left:1px solid #E5EAF5;border-radius:14px 0 0 14px} body.mls-ui-skin .mls-console-panel tbody td:last-child{border-right:1px solid #E5EAF5;border-radius:0 14px 14px 0} @media(max-width:980px){ body.mls-ui-skin .mls-dashboard-hero{grid-template-columns:1fr} body.mls-ui-skin .mls-dashboard-identity{align-items:flex-start} body.mls-ui-skin .mls-offer-grid{grid-template-columns:1fr 1fr} } @media(max-width:760px){ body.mls-ui-skin .mls-dashboard-hero{padding:20px;border-radius:20px} body.mls-ui-skin .mls-role-nav{padding:8px;gap:8px} body.mls-ui-skin .mls-role-nav a{min-width:116px;min-height:40px} body.mls-ui-skin .mls-dashboard-split,body.mls-ui-skin .mls-offer-grid,body.mls-ui-skin .mls-scanner-grid{grid-template-columns:1fr} body.mls-ui-skin .mls-kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))} body.mls-ui-skin .mls-dashboard-usercard{min-width:0;width:100%} } @media(max-width:480px){ body.mls-ui-skin .mls-kpi-grid{grid-template-columns:1fr} body.mls-ui-skin .mls-dashboard-panel,body.mls-ui-skin .mls-scanner,body.mls-ui-skin .mls-camera-card,body.mls-ui-skin .mls-manual-card{padding:16px!important} } /* Phase 22 — premium membership cards + visual analytics + unified frontend design system */ body.mls-ui-skin .mls-front-shell, body.mls-ui-skin .mls-console-panel, body.mls-ui-skin .mls-auth-shell, body.mls-ui-skin .mls-profile-shell, body.mls-ui-skin .mls-payment-shell, body.mls-ui-skin .mls-card-wallet{color:var(--mls-text,#344264)} body.mls-ui-skin .mls-front-shell:not(.mls-role-dashboard), body.mls-ui-skin .mls-console-panel{border:1px solid var(--mls-border,#E5EAF5)!important;border-radius:22px!important;background:#fff!important;box-shadow:0 18px 40px -34px rgba(15,23,42,.18)!important} body.mls-ui-skin .mls-dashboard-title, body.mls-ui-skin .mls-scanner-head, body.mls-ui-skin .mls-section-head, body.mls-ui-skin .mls-panel-head{gap:16px} body.mls-ui-skin .mls-dashboard-title h2, body.mls-ui-skin .mls-scanner-head h3, body.mls-ui-skin .mls-section-head h2, body.mls-ui-skin .mls-section-head h3{color:var(--mls-heading,#101A3A)!important;font-weight:850;letter-spacing:-.015em} body.mls-ui-skin .mls-front-kicker{color:var(--mls-primary,#3150F2)!important;font-weight:850;letter-spacing:.08em} body.mls-ui-skin .mls-status-badge, body.mls-ui-skin .mls-pill{display:inline-flex;align-items:center;justify-content:center;min-height:28px;padding:4px 10px;border-radius:999px!important;background:#EEF2FF!important;border:1px solid #DDE5FF!important;color:#3150F2!important;font-weight:800!important} body.mls-ui-skin .mls-form, body.mls-ui-skin .mls-profile-form{display:grid;gap:16px} body.mls-ui-skin .mls-form-grid{gap:14px} body.mls-ui-skin .mls-field{display:grid;gap:7px;min-width:0} body.mls-ui-skin .mls-field>span{color:var(--mls-heading,#101A3A);font-size:12px;font-weight:800} body.mls-ui-skin input[type=text], body.mls-ui-skin input[type=email], body.mls-ui-skin input[type=password], body.mls-ui-skin input[type=number], body.mls-ui-skin input[type=date], body.mls-ui-skin input[type=tel], body.mls-ui-skin input[type=url], body.mls-ui-skin select, body.mls-ui-skin textarea{min-height:44px;border:1px solid #DCE3F0!important;border-radius:12px!important;background:#fff!important;color:var(--mls-text,#344264)!important;box-shadow:0 1px 0 rgba(15,23,42,.02)!important} body.mls-ui-skin textarea{min-height:108px;padding:12px 13px} body.mls-ui-skin input:focus, body.mls-ui-skin select:focus, body.mls-ui-skin textarea:focus{border-color:#3150F2!important;box-shadow:0 0 0 3px rgba(49,80,242,.10)!important;outline:0!important} body.mls-ui-skin .mls-primary, body.mls-ui-skin .button-primary{min-height:42px;border:0!important;border-radius:12px!important;background:linear-gradient(135deg,#3150F2,#6C5CF5)!important;color:#fff!important;font-weight:800!important;box-shadow:0 12px 24px rgba(49,80,242,.16)!important} body.mls-ui-skin .mls-secondary, body.mls-ui-skin .mls-link-button, body.mls-ui-skin .button:not(.button-primary){min-height:40px;border:1px solid #DCE3F0!important;border-radius:12px!important;background:#fff!important;color:var(--mls-text,#344264)!important;font-weight:750!important;box-shadow:none!important} body.mls-ui-skin .mls-notice, body.mls-ui-skin .mls-front-note{border:1px solid #DCE6FF!important;border-radius:16px!important;background:#F6F8FF!important;color:var(--mls-text,#344264)!important;padding:14px 16px!important} body.mls-ui-skin .mls-responsive-table{border-radius:16px;overflow:auto} body.mls-ui-skin .mls-responsive-table table{width:100%;border-collapse:separate;border-spacing:0;background:#fff} body.mls-ui-skin .mls-responsive-table thead th{padding:12px 14px;background:#F7F9FD;color:#65738F;font-size:11px;text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid #E5EAF5;white-space:nowrap} body.mls-ui-skin .mls-responsive-table tbody td{padding:13px 14px;color:var(--mls-text,#344264);border-bottom:1px solid #EEF2F7;vertical-align:middle} body.mls-ui-skin .mls-responsive-table tbody tr:hover td{background:#FBFCFF} /* Premium digital membership cards */ body.mls-ui-skin .mls-digital-card-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px} body.mls-ui-skin .mls-digital-card{border-radius:26px;padding:24px 25px;box-shadow:0 28px 60px -34px rgba(15,23,42,.58);border:1px solid rgba(255,255,255,.28);transform:translateZ(0)} body.mls-ui-skin .mls-digital-card:after{content:"";position:absolute;inset:1px;z-index:-1;border-radius:25px;border:1px solid rgba(255,255,255,.13);pointer-events:none} body.mls-ui-skin .mls-card-glow{width:300px;height:300px;right:-115px;top:-145px;background:radial-gradient(circle at 38% 38%,rgba(255,255,255,.32),rgba(255,255,255,.06) 42%,transparent 70%)} body.mls-ui-skin .mls-card-template-classic{background:linear-gradient(135deg,#2746E8 0%,var(--mls-card-primary) 48%,var(--mls-card-secondary) 100%)} body.mls-ui-skin .mls-card-template-classic:before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(115deg,transparent 0 54%,rgba(255,255,255,.09) 54% 64%,transparent 64% 100%)} body.mls-ui-skin .mls-card-template-silver{background:linear-gradient(135deg,#6F7B8F 0%,#D7DDE7 36%,#F8FAFC 54%,#B7C0CE 76%,#7B879A 100%)!important;color:#172033!important} body.mls-ui-skin .mls-card-template-silver:before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(145deg,transparent 0 20%,rgba(255,255,255,.56) 20% 32%,transparent 32% 54%,rgba(255,255,255,.28) 54% 63%,transparent 63%)} body.mls-ui-skin .mls-card-template-gold{background:linear-gradient(135deg,#9F6811 0%,#D79C27 28%,#F4D77B 50%,#C58A1A 76%,#8F5E10 100%)!important;color:#2B1C05!important} body.mls-ui-skin .mls-card-template-gold:before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(120deg,rgba(255,255,255,.12),transparent 28%,rgba(255,248,200,.32) 46%,transparent 62%),radial-gradient(circle at 14% 22%,rgba(255,255,255,.28),transparent 28%)} body.mls-ui-skin .mls-card-template-platinum{background:linear-gradient(135deg,#39465D 0%,#95A1B2 36%,#E2E7EE 55%,#8794A7 78%,#3F4C62 100%)!important;color:#121A28!important} body.mls-ui-skin .mls-card-template-vip{background:radial-gradient(circle at 16% 8%,rgba(91,62,255,.48),transparent 30%),linear-gradient(135deg,#090B1D 0%,#15162F 55%,#251158 100%)!important;color:#fff!important;border-color:rgba(227,194,93,.62)!important;box-shadow:0 30px 70px -34px rgba(15,10,60,.88)} body.mls-ui-skin .mls-card-template-vip:before{content:"";position:absolute;inset:9px;z-index:-1;border:1px solid rgba(227,194,93,.55);border-radius:20px;background:linear-gradient(135deg,transparent 0 74%,rgba(227,194,93,.14) 74% 75%,transparent 75%)} body.mls-ui-skin .mls-card-template-premium-dark{background:radial-gradient(circle at 18% 12%,rgba(93,108,255,.23),transparent 32%),linear-gradient(135deg,#070A15 0%,#11182D 55%,#1A2442 100%)!important;color:#fff!important} body.mls-ui-skin .mls-card-template-premium-dark:before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(115deg,transparent 0 48%,rgba(255,255,255,.06) 49% 56%,transparent 57%)} body.mls-ui-skin .mls-card-template-silver .mls-card-eyebrow, body.mls-ui-skin .mls-card-template-silver .mls-card-label, body.mls-ui-skin .mls-card-template-silver .mls-card-member p, body.mls-ui-skin .mls-card-template-silver .mls-card-meta span, body.mls-ui-skin .mls-card-template-silver .mls-card-footer, body.mls-ui-skin .mls-card-template-gold .mls-card-eyebrow, body.mls-ui-skin .mls-card-template-gold .mls-card-label, body.mls-ui-skin .mls-card-template-gold .mls-card-member p, body.mls-ui-skin .mls-card-template-gold .mls-card-meta span, body.mls-ui-skin .mls-card-template-gold .mls-card-footer, body.mls-ui-skin .mls-card-template-platinum .mls-card-eyebrow, body.mls-ui-skin .mls-card-template-platinum .mls-card-label, body.mls-ui-skin .mls-card-template-platinum .mls-card-member p, body.mls-ui-skin .mls-card-template-platinum .mls-card-meta span, body.mls-ui-skin .mls-card-template-platinum .mls-card-footer{color:rgba(17,24,39,.68)!important} body.mls-ui-skin .mls-card-logo,body.mls-ui-skin .mls-card-logo-fallback{width:48px;height:48px;flex-basis:48px;border-radius:15px;background:rgba(255,255,255,.22);backdrop-filter:blur(8px)} body.mls-ui-skin .mls-card-brand strong{font-size:16px;font-weight:850;letter-spacing:-.01em} body.mls-ui-skin .mls-card-state{padding:6px 10px;border-radius:999px;background:rgba(255,255,255,.18);backdrop-filter:blur(8px);font-size:10px} body.mls-ui-skin .mls-card-photo{width:66px;height:66px;flex-basis:66px;border-radius:20px;border:2px solid rgba(255,255,255,.72)} body.mls-ui-skin .mls-card-member h3{font-size:22px;font-weight:850;letter-spacing:-.02em} body.mls-ui-skin .mls-qr-placeholder{width:78px;height:78px;border-radius:15px;padding:9px;box-shadow:0 10px 22px rgba(15,23,42,.16)} body.mls-ui-skin .mls-card-meta{gap:10px;padding:10px 0} body.mls-ui-skin .mls-card-meta>div{padding:8px 9px;border-radius:10px;background:rgba(255,255,255,.09);backdrop-filter:blur(7px)} body.mls-ui-skin .mls-card-template-silver .mls-card-meta>div, body.mls-ui-skin .mls-card-template-gold .mls-card-meta>div, body.mls-ui-skin .mls-card-template-platinum .mls-card-meta>div{background:rgba(255,255,255,.25)} body.mls-ui-skin .mls-card-footer{padding-top:11px} body.mls-ui-skin .mls-card-design-layout{grid-template-columns:minmax(300px,.78fr) minmax(470px,1.22fr);gap:28px} body.mls-ui-skin .mls-card-design-form{padding:18px;border:1px solid #E5EAF5;border-radius:18px;background:#F9FBFF} body.mls-ui-skin .mls-card-preview-wrap{position:sticky;top:18px;padding:18px;border:1px solid #E5EAF5;border-radius:20px;background:linear-gradient(180deg,#FBFCFF,#F5F7FC)} /* Visual analytics */ body.mls-ui-skin .mls-analytics-shell{max-width:var(--mls-content-width,1240px);display:grid;gap:18px} body.mls-ui-skin .mls-analytics-titlebar{display:flex;justify-content:space-between;align-items:flex-start;gap:18px;padding:20px 22px!important;border:1px solid #E5EAF5;border-radius:20px;background:linear-gradient(135deg,#FFFFFF,#F7F9FF);box-shadow:0 16px 34px -30px rgba(49,80,242,.18)} body.mls-ui-skin .mls-analytics-titlebar h2{margin:4px 0 5px;color:var(--mls-heading,#101A3A)!important;font-size:27px;font-weight:850} body.mls-ui-skin .mls-analytics-titlebar p{margin:0;color:var(--mls-muted,#7B88A4)!important} body.mls-ui-skin .mls-analytics-filters{padding:16px;border:1px solid #E5EAF5!important;border-radius:18px!important;background:#fff!important;box-shadow:0 14px 30px -30px rgba(15,23,42,.15)} body.mls-ui-skin .mls-analytics-kpis{grid-template-columns:repeat(auto-fit,minmax(175px,1fr));gap:14px} body.mls-ui-skin .mls-analytics-kpi-card{min-height:122px;padding:17px!important;border-radius:18px!important;background:linear-gradient(180deg,#FFFFFF,#FAFBFF)!important;overflow:hidden} body.mls-ui-skin .mls-analytics-kpi-card:nth-child(4n+1){border-top:3px solid #3150F2!important} body.mls-ui-skin .mls-analytics-kpi-card:nth-child(4n+2){border-top:3px solid #6C5CF5!important} body.mls-ui-skin .mls-analytics-kpi-card:nth-child(4n+3){border-top:3px solid #2DBE8C!important} body.mls-ui-skin .mls-analytics-kpi-card:nth-child(4n+4){border-top:3px solid #F59E0B!important} body.mls-ui-skin .mls-analytics-kpi-card strong{font-size:30px!important;color:var(--mls-heading,#101A3A)!important} body.mls-ui-skin .mls-chart-panel-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:14px} body.mls-ui-skin .mls-chart-panel-head h3{margin:3px 0 0!important;color:var(--mls-heading,#101A3A)!important;font-weight:820} body.mls-ui-skin .mls-chart-panel-head>strong{font-size:28px;color:#3150F2} body.mls-ui-skin .mls-visual-column-chart{display:flex;align-items:end;gap:8px;min-height:240px;padding:18px 8px 4px;overflow-x:auto;border-radius:16px;background:linear-gradient(180deg,#FBFCFF,#F6F8FC);border:1px solid #EDF1F8} body.mls-ui-skin .mls-chart-column{display:grid;grid-template-rows:auto 150px auto;gap:7px;min-width:36px;flex:1;align-items:end;text-align:center} body.mls-ui-skin .mls-chart-column>span{font-size:10px;font-weight:800;color:#64748B} body.mls-ui-skin .mls-chart-column>i{display:flex;align-items:end;justify-content:center;height:150px;border-radius:9px 9px 4px 4px;background:linear-gradient(180deg,#EEF2FF,#F8FAFF);overflow:hidden} body.mls-ui-skin .mls-chart-column>i b{display:block;width:70%;min-height:6px;border-radius:8px 8px 3px 3px;background:linear-gradient(180deg,#6C5CF5,#3150F2);box-shadow:0 6px 14px rgba(49,80,242,.18)} body.mls-ui-skin .mls-chart-column>small{font-size:9px;color:#7B88A4;white-space:nowrap;writing-mode:vertical-rl;transform:rotate(180deg);max-height:70px;overflow:hidden;text-overflow:ellipsis} body.mls-ui-skin .mls-visual-money-list, body.mls-ui-skin .mls-distribution-list{display:grid;gap:13px} body.mls-ui-skin .mls-visual-money-row>div, body.mls-ui-skin .mls-distribution-list>div>div{display:flex;align-items:center;justify-content:space-between;gap:12px} body.mls-ui-skin .mls-visual-money-row i, body.mls-ui-skin .mls-distribution-list>div>i, body.mls-ui-skin .mls-rank-copy i, body.mls-ui-skin .mls-peak-row i{display:block;height:8px;margin-top:7px;border-radius:999px;background:#EEF2FF;overflow:hidden} body.mls-ui-skin .mls-visual-money-row i b, body.mls-ui-skin .mls-distribution-list>div>i b, body.mls-ui-skin .mls-rank-copy i b, body.mls-ui-skin .mls-peak-row i b{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#3150F2,#6C5CF5)} body.mls-ui-skin .mls-distribution-list span{color:var(--mls-text,#344264);font-weight:700} body.mls-ui-skin .mls-distribution-list span small{display:block;margin-top:2px;color:#7B88A4;font-weight:600} body.mls-ui-skin .mls-rank-list{display:grid;gap:4px} body.mls-ui-skin .mls-rank-row{display:grid;grid-template-columns:34px minmax(0,1fr) auto;gap:12px;align-items:center;padding:12px 0;border-bottom:1px solid #EEF2F7} body.mls-ui-skin .mls-rank-row:last-child{border-bottom:0} body.mls-ui-skin .mls-rank-number{width:30px;height:30px;display:grid;place-items:center;border-radius:10px;background:#EEF2FF;color:#3150F2;font-weight:850} body.mls-ui-skin .mls-rank-copy strong{display:block;color:var(--mls-heading,#101A3A)!important} body.mls-ui-skin .mls-rank-copy small{display:block;margin-top:2px;color:#7B88A4} body.mls-ui-skin .mls-rank-value{font-size:18px;color:var(--mls-heading,#101A3A)!important} body.mls-ui-skin .mls-peak-grid{gap:18px} body.mls-ui-skin .mls-peak-list{display:grid;gap:8px;padding:14px;border:1px solid #EDF1F8;border-radius:16px;background:#FAFBFE} body.mls-ui-skin .mls-peak-row{display:grid;grid-template-columns:86px minmax(0,1fr) auto;gap:8px;align-items:center} body.mls-ui-skin .mls-peak-row span{font-size:12px;color:#64748B} body.mls-ui-skin .mls-peak-row i{margin:0} @media(max-width:900px){ body.mls-ui-skin .mls-card-design-layout,body.mls-ui-skin .mls-digital-card-grid{grid-template-columns:1fr} body.mls-ui-skin .mls-card-preview-wrap{position:relative;top:auto} body.mls-ui-skin .mls-analytics-titlebar{flex-direction:column} } @media(max-width:600px){ body.mls-ui-skin .mls-digital-card{min-height:410px;padding:20px;border-radius:22px} body.mls-ui-skin .mls-card-meta>div{padding:7px} body.mls-ui-skin .mls-card-photo{width:56px;height:56px;flex-basis:56px} body.mls-ui-skin .mls-qr-placeholder{width:66px;height:66px} body.mls-ui-skin .mls-peak-row{grid-template-columns:72px minmax(0,1fr) auto} body.mls-ui-skin .mls-chart-column{min-width:32px} } /* Phase 27 — Sales customer registration, photo capture and membership sale */ .mls-sales-console{display:grid;gap:18px;margin-top:18px;color:var(--mls-text,#344264)} .mls-sales-layout{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(340px,.9fr);gap:18px;align-items:start} .mls-sales-form-panel{margin-top:0!important} .mls-sales-form .mls-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px} .mls-sales-form .mls-field{display:grid;gap:7px;min-width:0} .mls-sales-form .mls-field>span{font-size:12px;font-weight:800;color:var(--mls-heading,#101A3A)} .mls-sales-form input,.mls-sales-form select,.mls-sales-form textarea{width:100%;max-width:100%;box-sizing:border-box} .mls-sales-form .mls-span-2{grid-column:1/-1} .mls-sales-upload{padding:14px;border:1px dashed #CBD6EC;border-radius:16px;background:#F8FAFF} .mls-sales-upload small{color:var(--mls-muted,#7B88A4);line-height:1.5} .mls-sales-photo-preview{width:94px;height:94px;border-radius:18px;object-fit:cover;border:1px solid #DCE4F5;background:#fff;box-shadow:0 10px 24px rgba(15,23,42,.08)} .mls-sales-file-name{font-size:12px;font-weight:700;color:#3150F2;overflow-wrap:anywhere} .mls-sales-price{display:grid;gap:5px;padding:15px 16px;border:1px solid #DDE5FF;border-radius:16px;background:linear-gradient(180deg,#F8FAFF,#EEF2FF)} .mls-sales-price span{font-size:11px;text-transform:uppercase;letter-spacing:.06em;font-weight:850;color:#6D7A98} .mls-sales-price strong{font-size:26px;color:#101A3A} .mls-sales-price small{color:#7B88A4} .mls-sales-submit{display:flex;align-items:center;gap:14px;flex-wrap:wrap;padding:16px 18px;border:1px solid #E5EAF5;border-radius:18px;background:#fff;box-shadow:0 14px 30px -28px rgba(15,23,42,.18)} .mls-sales-submit p{margin:0;flex:1;min-width:220px;color:#7B88A4;font-size:12px;line-height:1.5} .mls-sales-success{border-color:#BBF7D0!important;background:#F0FDF4!important;color:#166534!important} .mls-sales-error{border-color:#FECACA!important;background:#FEF2F2!important;color:#991B1B!important} .mls-sales-history{margin-top:2px!important} .mls-sales-customer-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px} .mls-sales-customer-card{display:flex;align-items:center;gap:12px;padding:13px;border:1px solid #E5EAF5;border-radius:16px;background:#F8FAFF;min-width:0} .mls-sales-customer-card img,.mls-sales-customer-avatar{width:48px;height:48px;flex:0 0 48px;border-radius:15px;object-fit:cover} .mls-sales-customer-avatar{display:grid;place-items:center;background:linear-gradient(135deg,#3150F2,#6C5CF5);color:#fff;font-weight:900} .mls-sales-customer-card>div{display:grid;gap:3px;min-width:0} .mls-sales-customer-card strong{color:#101A3A;overflow:hidden;text-overflow:ellipsis;white-space:nowrap} .mls-sales-customer-card span,.mls-sales-customer-card small{color:#7B88A4;overflow-wrap:anywhere} @media(max-width:900px){.mls-sales-layout{grid-template-columns:1fr}} @media(max-width:620px){.mls-sales-form .mls-form-grid{grid-template-columns:1fr}.mls-sales-form .mls-span-2{grid-column:auto}.mls-sales-submit{align-items:stretch;flex-direction:column}.mls-sales-submit .mls-primary{width:100%}} /* Phase 29 — offer moderation feedback */ body.mls-ui-skin .mls-front-note.is-error{border-color:#F5C2C7!important;background:#FFF5F5!important;color:#9B1C1C!important} /* Phase 30 — advanced card softcopy designer */ .mls-card-designer-grid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(320px,.95fr);gap:22px;align-items:start}.mls-card-designer-controls{display:grid;gap:16px}.mls-card-designer-preview{position:sticky;top:18px}.mls-card-bg-current{display:flex;align-items:center;gap:12px;padding:10px;border:1px solid var(--mls-border,#e5eaf5);border-radius:14px}.mls-card-bg-current img{width:92px;height:58px;object-fit:cover;border-radius:10px}.mls-design-preview{position:relative;min-height:245px;padding:var(--mls-card-designer-padding,22px);border-radius:24px;overflow:hidden;background-image:linear-gradient(135deg,color-mix(in srgb,var(--mls-card-primary,#3150f2) 92%,transparent),color-mix(in srgb,var(--mls-card-secondary,#6c5cf5) 92%,transparent)),var(--mls-card-bg-image,none);background-size:cover;background-position:center;color:var(--mls-card-designer-text,#fff);font-size:var(--mls-card-designer-font-size,14px);box-shadow:0 24px 52px -28px rgba(15,23,42,.42)}.mls-design-preview:after{content:"";position:absolute;inset:auto -70px -90px auto;width:220px;height:220px;border-radius:50%;background:rgba(255,255,255,.12)}.mls-design-preview-brand,.mls-design-preview-main,.mls-design-preview-meta{position:relative;z-index:1}.mls-design-preview-brand{display:flex;gap:10px;align-items:center}.mls-design-preview-main{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:16px;align-items:center;margin:38px 0}.mls-design-preview-photo{width:var(--mls-card-designer-photo,62px);height:var(--mls-card-designer-photo,62px);display:grid;place-items:center;border-radius:18px;background:rgba(255,255,255,.2);font-weight:900}.mls-design-preview-qr{width:var(--mls-card-designer-qr,104px);height:var(--mls-card-designer-qr,104px);display:grid;place-items:center;border-radius:14px;background:#fff;color:#111827;font-weight:900}.mls-design-preview-main h3{margin:3px 0;color:inherit!important}.mls-design-preview-main p{margin:0;color:inherit!important;opacity:.82}.mls-design-preview-meta{display:flex;justify-content:space-between;gap:12px;font-weight:800}.mls-digital-card.mls-card-designed{font-family:var(--mls-card-font,Inter),system-ui,sans-serif!important;font-size:var(--mls-card-font-size,14px)!important;padding:var(--mls-card-padding,0)!important;background-image:linear-gradient(135deg,color-mix(in srgb,var(--mls-card-primary) 92%,transparent),color-mix(in srgb,var(--mls-card-secondary) 92%,transparent)),var(--mls-card-bg-image,none)!important;background-size:cover!important;background-position:center!important}.mls-digital-card.mls-card-designed .mls-card-photo{width:var(--mls-card-photo-size,62px)!important;height:var(--mls-card-photo-size,62px)!important}.mls-digital-card.mls-card-designed .mls-card-qr-slot{width:var(--mls-card-qr-size,104px)!important;min-width:var(--mls-card-qr-size,104px)!important}.mls-card-back{margin-top:12px;padding:18px;border-radius:18px;background:rgba(255,255,255,.13);border:1px solid rgba(255,255,255,.18);position:relative;z-index:2}.mls-card-back strong{display:block;margin-bottom:6px;color:inherit}.mls-card-back p{margin:0;color:inherit!important;opacity:.85;white-space:pre-line}.mls-progress{display:grid;gap:8px;margin-top:14px}.mls-progress>div{display:flex;justify-content:space-between;gap:10px}.mls-progress i{height:9px;border-radius:999px;background:#eef2ff;overflow:hidden}.mls-progress i b{display:block;height:100%;border-radius:inherit;background:linear-gradient(135deg,#3150f2,#6c5cf5)} @media(max-width:900px){.mls-card-designer-grid{grid-template-columns:1fr}.mls-card-designer-preview{position:static}} .mls-verify-customer-photo{width:58px;height:58px;border-radius:16px;object-fit:cover;border:3px solid #fff;box-shadow:0 8px 20px rgba(15,23,42,.12)} /* Phase 30 — advanced softcopy designer placement controls */ .mls-digital-card.mls-logo-center .mls-card-top{justify-content:center}.mls-digital-card.mls-logo-center .mls-card-brand{margin-inline:auto}.mls-digital-card.mls-logo-center .mls-card-state{position:absolute;right:0;top:0}.mls-digital-card.mls-logo-right .mls-card-brand{order:2;margin-left:auto}.mls-digital-card.mls-logo-right .mls-card-state{order:1}.mls-digital-card.mls-content-center .mls-card-member{text-align:center;justify-content:center}.mls-digital-card.mls-content-center .mls-card-member>div:last-child{flex:1}.mls-digital-card.mls-content-right .mls-card-member{text-align:right;justify-content:flex-end}.mls-digital-card.mls-content-right .mls-card-member>div:last-child{order:-1}.mls-digital-card.mls-qr-left .mls-card-qr-slot{order:-1}.mls-digital-card.mls-card-designed .mls-qr-placeholder{width:var(--mls-card-qr-size,104px)!important;height:var(--mls-card-qr-size,104px)!important}.mls-digital-card.mls-card-designed .mls-card-photo{flex-basis:var(--mls-card-photo-size,62px)!important}.mls-commission-summary .mls-dashboard-cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.mls-commission-summary .mls-dashboard-cards>div{padding:16px;border:1px solid var(--mls-border,#e5eaf5);border-radius:16px;background:var(--mls-surface-alt,#f8faff);display:grid;gap:6px}.mls-commission-summary .mls-dashboard-cards span{font-size:12px;color:var(--mls-muted,#7b88a4);font-weight:800}.mls-commission-summary .mls-dashboard-cards strong{font-size:24px;color:var(--mls-heading,#101a3a)} @media(max-width:700px){.mls-commission-summary .mls-dashboard-cards{grid-template-columns:1fr 1fr}.mls-digital-card.mls-content-right .mls-card-member>div:last-child{order:initial}.mls-digital-card.mls-content-right .mls-card-member{text-align:left}} /* Phase 30.1 — reliable checkbox/radio interaction in frontend/vendor consoles */ .mls-front-shell input[type="checkbox"], .mls-front-shell input[type="radio"], .mls-dashboard-shell input[type="checkbox"], .mls-dashboard-shell input[type="radio"], .mls-console-panel input[type="checkbox"], .mls-console-panel input[type="radio"], .mls-card-designer-form input[type="checkbox"], .mls-card-designer-form input[type="radio"]{ -webkit-appearance:auto!important; appearance:auto!important; width:18px!important; height:18px!important; min-width:18px!important; min-height:18px!important; margin:0 7px 0 0!important; padding:0!important; border:initial!important; border-radius:initial!important; background:initial!important; box-shadow:none!important; accent-color:#3452F4!important; cursor:pointer!important; pointer-events:auto!important; vertical-align:middle!important; font-family:initial!important; } .mls-front-shell input[type="checkbox"]:checked::before, .mls-front-shell input[type="radio"]:checked::before, .mls-dashboard-shell input[type="checkbox"]:checked::before, .mls-dashboard-shell input[type="radio"]:checked::before, .mls-console-panel input[type="checkbox"]:checked::before, .mls-console-panel input[type="radio"]:checked::before{content:none!important} .mls-check,.mls-check-grid label,.mls-checkbox-row,.mls-card-designer-form label{cursor:pointer} /* Phase 30.2 — deterministic checkbox/radio controls in vendor/sales/customer consoles */ body.mls-ui-skin input[type="checkbox"], body.mls-ui-skin input[type="radio"]{ -webkit-appearance:none!important; appearance:none!important; position:relative!important; display:inline-grid!important; place-content:center!important; width:19px!important; height:19px!important; min-width:19px!important; min-height:19px!important; margin:0 8px 0 0!important; padding:0!important; border:2px solid #B8C3D8!important; background:#fff!important; box-shadow:none!important; cursor:pointer!important; pointer-events:auto!important; vertical-align:middle!important; } body.mls-ui-skin input[type="checkbox"]{border-radius:6px!important} body.mls-ui-skin input[type="radio"]{border-radius:50%!important} body.mls-ui-skin input[type="checkbox"]::before, body.mls-ui-skin input[type="radio"]::before{content:""!important;display:block!important;margin:0!important;float:none!important} body.mls-ui-skin input[type="checkbox"]:checked, body.mls-ui-skin input[type="radio"]:checked{background:#3452F4!important;border-color:#3452F4!important;box-shadow:0 0 0 3px rgba(52,82,244,.10)!important} body.mls-ui-skin input[type="checkbox"]:checked::before{width:5px!important;height:9px!important;border:solid #fff!important;border-width:0 2px 2px 0!important;transform:rotate(45deg)!important;margin-top:-2px!important} body.mls-ui-skin input[type="radio"]:checked::before{width:7px!important;height:7px!important;border-radius:50%!important;background:#fff!important} body.mls-ui-skin label:has(input[type="checkbox"]), body.mls-ui-skin label:has(input[type="radio"]){cursor:pointer!important;pointer-events:auto!important} body.mls-ui-skin button, body.mls-ui-skin select, body.mls-ui-skin input:not([type="hidden"]), body.mls-ui-skin textarea{pointer-events:auto!important} /* v1.33 — complete frontend palette propagation and contrast normalization */ body.mls-ui-skin{background:var(--mls-bg)!important;color:var(--mls-text)!important;font-family:var(--mls-body-font)!important} body.mls-ui-skin .mls-front-shell, body.mls-ui-skin .mls-auth-shell, body.mls-ui-skin .mls-profile-shell, body.mls-ui-skin .mls-role-dashboard, body.mls-ui-skin .mls-dashboard-panel, body.mls-ui-skin .mls-kpi-card, body.mls-ui-skin .mls-action-card, body.mls-ui-skin .mls-offer-card, body.mls-ui-skin .mls-review-card, body.mls-ui-skin .mls-camera-card, body.mls-ui-skin .mls-manual-card, body.mls-ui-skin .mls-sales-customer-card, body.mls-ui-skin .mls-payment-plan, body.mls-ui-skin .mls-payment-checkout, body.mls-ui-skin .mls-invoice, body.mls-ui-skin .mls-membership-card, body.mls-ui-skin .mls-analytics-titlebar, body.mls-ui-skin .mls-analytics-grid>.mls-dashboard-panel, body.mls-ui-skin .mls-analytics-kpi-card{background:linear-gradient(180deg,var(--mls-surface),var(--mls-surface-alt))!important;color:var(--mls-text)!important;border-color:var(--mls-border)!important;box-shadow:var(--mls-shadow-panel)!important} body.mls-ui-skin h1,body.mls-ui-skin h2,body.mls-ui-skin h3,body.mls-ui-skin h4,body.mls-ui-skin h5, body.mls-ui-skin .mls-dashboard-title, body.mls-ui-skin .mls-kpi-card strong, body.mls-ui-skin .mls-membership-card h3, body.mls-ui-skin .mls-offer-card h3, body.mls-ui-skin .mls-payment-plan h3, body.mls-ui-skin .mls-sales-price strong{color:var(--mls-heading)!important;font-family:var(--mls-heading-font)!important} body.mls-ui-skin p,body.mls-ui-skin small,body.mls-ui-skin .description, body.mls-ui-skin .mls-kpi-card span,body.mls-ui-skin .mls-membership-card p, body.mls-ui-skin .mls-offer-meta,body.mls-ui-skin .mls-dashboard-health-note{color:var(--mls-muted)!important} body.mls-ui-skin .mls-front-kicker,body.mls-ui-skin .mls-kicker,body.mls-ui-skin a{color:var(--mls-link)} body.mls-ui-skin .mls-role-nav,body.mls-ui-skin .mls-filter-tabs, body.mls-ui-skin .mls-dashboard-chip,body.mls-ui-skin .mls-status-badge,body.mls-ui-skin .mls-pill{border-color:var(--mls-border)!important} body.mls-ui-skin .mls-role-nav a,body.mls-ui-skin .mls-filter-tabs a{background:var(--mls-surface-alt)!important;color:var(--mls-text)!important;border-color:var(--mls-border)!important} body.mls-ui-skin .mls-role-nav a.is-active,body.mls-ui-skin .mls-filter-tabs a.is-active{background:linear-gradient(135deg,var(--mls-primary),var(--mls-accent))!important;color:var(--mls-primary-text)!important;border-color:transparent!important} body.mls-ui-skin input,body.mls-ui-skin select,body.mls-ui-skin textarea{background:var(--mls-surface)!important;color:var(--mls-text)!important;border-color:var(--mls-border)!important} body.mls-ui-skin label,body.mls-ui-skin .mls-field>span{color:var(--mls-text)!important} body.mls-ui-skin input[type=checkbox],body.mls-ui-skin input[type=radio]{accent-color:var(--mls-primary)!important} body.mls-ui-skin table,body.mls-ui-skin table tbody,body.mls-ui-skin table tr,body.mls-ui-skin table td{background:var(--mls-surface)!important;color:var(--mls-text)!important;border-color:var(--mls-border)!important} body.mls-ui-skin table thead th{background:var(--mls-surface-alt)!important;color:var(--mls-heading)!important;border-color:var(--mls-border)!important} body.mls-ui-skin .mls-payment-plan-grid{align-items:stretch} body.mls-ui-skin .mls-payment-plan{position:relative;overflow:hidden!important;padding:24px 20px!important} body.mls-ui-skin .mls-payment-plan:before{content:"";position:absolute;left:0;right:0;top:0;height:4px;background:linear-gradient(90deg,var(--mls-primary),var(--mls-accent))} body.mls-ui-skin .mls-payment-price{color:var(--mls-heading)!important;font-size:clamp(28px,3vw,38px)!important;font-weight:850!important} body.mls-ui-skin .mls-offer-card{position:relative;overflow:hidden} body.mls-ui-skin .mls-offer-card:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:linear-gradient(180deg,var(--mls-accent),var(--mls-primary))} body.mls-ui-skin .mls-analytics-kpi-card:before, body.mls-ui-skin .mls-chart-column i, body.mls-ui-skin .mls-mini-bars i b{background:linear-gradient(180deg,var(--mls-accent),var(--mls-primary))!important;color:var(--mls-primary)!important} body.mls-ui-skin .mls-mini-bars i{background:color-mix(in srgb,var(--mls-muted) 16%,var(--mls-surface-alt))!important} body.mls-ui-skin .mls-digital-card{background:radial-gradient(circle at 88% 16%,color-mix(in srgb,var(--mls-accent) 22%,transparent),transparent 30%),linear-gradient(135deg,var(--mls-card-primary),var(--mls-card-secondary))!important;color:var(--mls-card-text)!important;border-color:color-mix(in srgb,var(--mls-accent) 35%,transparent)!important} body.mls-ui-skin .mls-digital-card .mls-card-member h3, body.mls-ui-skin .mls-digital-card .mls-card-brand strong, body.mls-ui-skin .mls-digital-card .mls-card-meta strong{color:var(--mls-card-text)!important} body.mls-ui-skin .mls-digital-card .mls-card-eyebrow, body.mls-ui-skin .mls-digital-card .mls-card-label, body.mls-ui-skin .mls-digital-card .mls-card-member p, body.mls-ui-skin .mls-digital-card .mls-card-meta span, body.mls-ui-skin .mls-digital-card .mls-card-footer{color:color-mix(in srgb,var(--mls-card-text) 76%,transparent)!important} body.mls-ui-skin .mls-dashboard-hero{background:var(--mls-hero-gradient)!important;border-color:color-mix(in srgb,var(--mls-accent) 26%,var(--mls-border))!important} body.mls-ui-skin .mls-dashboard-hero .mls-dashboard-chip{background:color-mix(in srgb,var(--mls-surface) 20%,transparent)!important;color:var(--mls-hero-text)!important;border-color:color-mix(in srgb,var(--mls-accent) 30%,transparent)!important} body.mls-palette-charcoal-luxe .mls-primary, body.mls-palette-charcoal-luxe .button-primary{background:linear-gradient(135deg,#B67B22 0%,#D6A64F 48%,#F3D58A 100%)!important;color:#171006!important} body.mls-palette-charcoal-luxe .mls-front-kicker, body.mls-palette-charcoal-luxe .mls-kicker, body.mls-palette-charcoal-luxe a{color:#E8BC62} body.mls-palette-charcoal-luxe .mls-payment-plan, body.mls-palette-charcoal-luxe .mls-membership-card, body.mls-palette-charcoal-luxe .mls-offer-card, body.mls-palette-charcoal-luxe .mls-dashboard-panel, body.mls-palette-charcoal-luxe .mls-kpi-card{border-color:#3C3324!important;box-shadow:0 24px 54px -38px rgba(214,166,79,.30)!important} body.mls-palette-charcoal-luxe .mls-payment-plan:before, body.mls-palette-charcoal-luxe .mls-offer-card:before, body.mls-palette-charcoal-luxe .mls-analytics-kpi-card:before{background:linear-gradient(90deg,#B67B22,#D6A64F,#F3D58A)!important} body.mls-palette-charcoal-luxe, body.mls-palette-loyaluxe-teal, body.mls-palette-loyalty-suite-copper, body.mls-palette-emerald-elegance, body.mls-palette-plum-royale{color-scheme:dark} /* v1.33.1 — remove remaining legacy blue/white leakage from role dashboards and scanner */ body.mls-ui-skin .mls-dashboard-usercard{background:color-mix(in srgb,var(--mls-surface) 18%,transparent)!important;border-color:color-mix(in srgb,var(--mls-accent) 24%,transparent)!important} body.mls-ui-skin .mls-dashboard-usercard strong, body.mls-ui-skin .mls-dashboard-usercard small, body.mls-ui-skin .mls-dashboard-identity>strong{color:var(--mls-hero-text)!important} body.mls-ui-skin .mls-dashboard-avatar{background:color-mix(in srgb,var(--mls-surface) 92%,var(--mls-accent) 8%)!important;color:var(--mls-link)!important;border-color:color-mix(in srgb,var(--mls-accent) 25%,var(--mls-border))!important} body.mls-ui-skin .mls-role-nav a:hover,body.mls-ui-skin .mls-role-nav a:focus{background:color-mix(in srgb,var(--mls-primary) 10%,var(--mls-surface-alt))!important;border-color:color-mix(in srgb,var(--mls-primary) 24%,var(--mls-border))!important;color:var(--mls-link)!important} body.mls-ui-skin .mls-scope-banner{background:color-mix(in srgb,var(--mls-primary) 8%,var(--mls-surface))!important;border-color:color-mix(in srgb,var(--mls-primary) 24%,var(--mls-border))!important} body.mls-ui-skin .mls-scope-banner span{color:var(--mls-muted)!important} body.mls-ui-skin .mls-scope-banner strong{color:var(--mls-link)!important} body.mls-ui-skin .mls-kpi-card:before{background:var(--mls-primary)!important} body.mls-ui-skin .mls-kpi-offer:before,body.mls-ui-skin .mls-kpi-special:before{background:var(--mls-warning)!important} body.mls-ui-skin .mls-kpi-review:before{background:var(--mls-accent)!important} body.mls-ui-skin .mls-kpi-reward:before{background:var(--mls-success)!important} body.mls-ui-skin .mls-camera-card,body.mls-ui-skin .mls-manual-card,body.mls-ui-skin .mls-scanner{background:linear-gradient(180deg,var(--mls-surface),var(--mls-surface-alt))!important;border-color:var(--mls-border)!important} body.mls-ui-skin .mls-scanner-video,body.mls-ui-skin .mls-camera-placeholder{background:linear-gradient(145deg,var(--mls-menu-bg),color-mix(in srgb,var(--mls-menu-bg) 68%,var(--mls-primary)))!important;color:var(--mls-menu-text)!important} body.mls-ui-skin .mls-camera-placeholder span{color:color-mix(in srgb,var(--mls-menu-text) 80%,transparent)!important} body.mls-ui-skin .mls-scanner-token{background:var(--mls-surface)!important;color:var(--mls-text)!important;border-color:var(--mls-border)!important} body.mls-ui-skin .mls-scanner-message{background:color-mix(in srgb,var(--mls-primary) 10%,var(--mls-surface))!important;color:var(--mls-link)!important;border:1px solid color-mix(in srgb,var(--mls-primary) 20%,var(--mls-border))!important} body.mls-ui-skin .mls-scanner-message.is-error{background:color-mix(in srgb,var(--mls-danger) 10%,var(--mls-surface))!important;color:var(--mls-danger)!important;border-color:color-mix(in srgb,var(--mls-danger) 24%,var(--mls-border))!important} body.mls-ui-skin .mls-verify-success{background:color-mix(in srgb,var(--mls-success) 8%,var(--mls-surface))!important;border-color:color-mix(in srgb,var(--mls-success) 24%,var(--mls-border))!important;color:var(--mls-text)!important} body.mls-ui-skin .mls-verify-success dl>div{background:var(--mls-surface)!important;border-color:var(--mls-border)!important} body.mls-ui-skin .mls-verify-title small,body.mls-ui-skin .mls-verify-success dt,body.mls-ui-skin .mls-verify-benefits small{color:var(--mls-muted)!important} body.mls-ui-skin .mls-offer-meta span{background:color-mix(in srgb,var(--mls-primary) 9%,var(--mls-surface-alt))!important;color:var(--mls-link)!important;border-color:color-mix(in srgb,var(--mls-primary) 20%,var(--mls-border))!important} body.mls-ui-skin .mls-sales-price{background:linear-gradient(180deg,var(--mls-surface-alt),color-mix(in srgb,var(--mls-primary) 7%,var(--mls-surface)))!important;border-color:var(--mls-border)!important} body.mls-ui-skin .mls-sales-price span,body.mls-ui-skin .mls-sales-price small{color:var(--mls-muted)!important} body.mls-ui-skin .mls-feed-row{border-color:var(--mls-border)!important} body.mls-ui-skin .mls-action-card{background:linear-gradient(180deg,var(--mls-surface),var(--mls-surface-alt))!important;color:var(--mls-text)!important;border-color:var(--mls-border)!important} body.mls-ui-skin code{background:color-mix(in srgb,var(--mls-primary) 8%,var(--mls-surface-alt))!important;color:var(--mls-link)!important;border-color:var(--mls-border)!important} /* v1.33.1 — vendor/frontend card designer contrast fixes */ body.mls-ui-skin .mls-card-designer-form .mls-field>span, body.mls-ui-skin .mls-card-designer-form label, body.mls-ui-skin .mls-card-designer-form .mls-front-kicker{color:var(--mls-heading)!important;opacity:1!important} body.mls-ui-skin .mls-card-designer-form input[type=text], body.mls-ui-skin .mls-card-designer-form input[type=number], body.mls-ui-skin .mls-card-designer-form input[type=email], body.mls-ui-skin .mls-card-designer-form input[type=url], body.mls-ui-skin .mls-card-designer-form input[type=tel], body.mls-ui-skin .mls-card-designer-form select, body.mls-ui-skin .mls-card-designer-form textarea{color:var(--mls-heading)!important} body.mls-ui-skin .mls-card-designer-form .mls-check-grid label, body.mls-ui-skin .mls-card-designer-form .mls-field>label{background:color-mix(in srgb,var(--mls-surface-alt) 92%,#fff 8%)!important;color:var(--mls-heading)!important;border:1px solid var(--mls-border)!important;border-radius:12px!important;font-weight:700!important} body.mls-ui-skin .mls-card-designer-form .mls-check-grid label.is-checked, body.mls-ui-skin .mls-card-designer-form .mls-field>label:has(> input[type="checkbox"]:checked){background:color-mix(in srgb,var(--mls-primary) 16%,var(--mls-surface))!important;border-color:color-mix(in srgb,var(--mls-primary) 34%,var(--mls-border))!important} body.mls-ui-skin .mls-card-designer-form input[type=file]{color:var(--mls-heading)!important;background:var(--mls-surface)!important} /* v1.35.0 — final frontend/login/register/profile visibility audit */ body.mls-ui-skin .mls-front-shell:not(.mls-role-dashboard), body.mls-ui-skin .mls-console-panel, body.mls-ui-skin .mls-auth-shell, body.mls-ui-skin .mls-profile-shell, body.mls-ui-skin .mls-front-note{ background:linear-gradient(180deg,var(--mls-surface),var(--mls-surface-alt))!important; color:var(--mls-text)!important; border-color:var(--mls-border)!important; box-shadow:var(--mls-shadow-panel)!important; } body.mls-ui-skin .mls-auth-head h2, body.mls-ui-skin .mls-profile-shell h2, body.mls-ui-skin .mls-profile-shell h3, body.mls-ui-skin .mls-front-shell h2, body.mls-ui-skin .mls-front-shell h3{color:var(--mls-heading)!important;font-family:var(--mls-heading-font)!important} body.mls-ui-skin .mls-auth-head p, body.mls-ui-skin .mls-profile-summary p, body.mls-ui-skin .mls-help, body.mls-ui-skin .description{color:var(--mls-muted)!important;opacity:1!important} body.mls-ui-skin .mls-field>span, body.mls-ui-skin .mls-auth-shell label, body.mls-ui-skin .mls-profile-shell label{color:var(--mls-heading)!important;font-weight:750!important} body.mls-ui-skin .mls-field em{color:var(--mls-danger)!important} /* Neutralize older hard-coded white form fields so every preset is coherent. */ body.mls-ui-skin input[type=text], body.mls-ui-skin input[type=email], body.mls-ui-skin input[type=password], body.mls-ui-skin input[type=number], body.mls-ui-skin input[type=date], body.mls-ui-skin input[type=datetime-local], body.mls-ui-skin input[type=time], body.mls-ui-skin input[type=tel], body.mls-ui-skin input[type=url], body.mls-ui-skin input[type=search], body.mls-ui-skin input[type=file], body.mls-ui-skin select, body.mls-ui-skin textarea, body.mls-ui-skin .mls-field input, body.mls-ui-skin .mls-field select, body.mls-ui-skin .mls-field textarea, body.mls-ui-skin .mls-inline-form select{ background:var(--mls-surface)!important; color:var(--mls-heading)!important; border:1px solid var(--mls-border)!important; -webkit-text-fill-color:var(--mls-heading)!important; box-shadow:none!important; } body.mls-ui-skin select option, body.mls-ui-skin select optgroup{background:var(--mls-surface)!important;color:var(--mls-heading)!important} body.mls-ui-skin select option:checked{background:color-mix(in srgb,var(--mls-primary) 18%,var(--mls-surface))!important;color:var(--mls-heading)!important} body.mls-ui-skin input::placeholder, body.mls-ui-skin textarea::placeholder{color:var(--mls-muted)!important;opacity:.92!important;-webkit-text-fill-color:var(--mls-muted)!important} body.mls-ui-skin input[readonly], body.mls-ui-skin textarea[readonly], body.mls-ui-skin select:disabled, body.mls-ui-skin input:disabled, body.mls-ui-skin textarea:disabled{background:var(--mls-surface-alt)!important;color:var(--mls-muted)!important;-webkit-text-fill-color:var(--mls-muted)!important;opacity:.8!important} body.mls-ui-skin input:-webkit-autofill, body.mls-ui-skin input:-webkit-autofill:hover, body.mls-ui-skin input:-webkit-autofill:focus{-webkit-box-shadow:0 0 0 1000px var(--mls-surface) inset!important;-webkit-text-fill-color:var(--mls-heading)!important;caret-color:var(--mls-heading)!important} body.mls-ui-skin input[type=file]::file-selector-button{border:1px solid var(--mls-border);background:var(--mls-surface-alt);color:var(--mls-heading);border-radius:9px;padding:7px 10px;margin-right:10px;font-weight:750;cursor:pointer} body.mls-ui-skin input:focus, body.mls-ui-skin select:focus, body.mls-ui-skin textarea:focus, body.mls-ui-skin .mls-field input:focus, body.mls-ui-skin .mls-field select:focus, body.mls-ui-skin .mls-field textarea:focus{border-color:var(--mls-primary)!important;box-shadow:0 0 0 3px color-mix(in srgb,var(--mls-primary) 18%,transparent)!important;outline:0!important} /* Login/register role tabs and buttons always use current palette. */ body.mls-ui-skin .mls-role-tabs{background:var(--mls-surface-alt)!important;border:1px solid var(--mls-border)!important} body.mls-ui-skin .mls-role-tabs a{background:transparent!important;color:var(--mls-text)!important;border:1px solid transparent!important} body.mls-ui-skin .mls-role-tabs a:hover{background:color-mix(in srgb,var(--mls-primary) 8%,var(--mls-surface))!important;color:var(--mls-link)!important} body.mls-ui-skin .mls-role-tabs a.is-active{background:linear-gradient(135deg,var(--mls-primary),var(--mls-accent))!important;color:var(--mls-primary-text)!important;border-color:transparent!important;box-shadow:0 10px 22px color-mix(in srgb,var(--mls-primary) 18%,transparent)!important} body.mls-ui-skin .mls-primary, body.mls-ui-skin .button-primary{background:linear-gradient(135deg,var(--mls-primary),var(--mls-accent))!important;color:var(--mls-primary-text)!important;border:0!important;box-shadow:0 12px 26px color-mix(in srgb,var(--mls-primary) 20%,transparent)!important} body.mls-ui-skin .mls-secondary, body.mls-ui-skin .mls-link-button, body.mls-ui-skin .button:not(.button-primary){background:var(--mls-surface-alt)!important;color:var(--mls-heading)!important;border:1px solid var(--mls-border)!important} /* Theme-aware checkbox/radio states on profile/preferences and frontend consoles. */ body.mls-ui-skin input[type="checkbox"], body.mls-ui-skin input[type="radio"]{-webkit-appearance:none!important;appearance:none!important;display:inline-grid!important;place-content:center!important;width:19px!important;height:19px!important;min-width:19px!important;min-height:19px!important;margin:0 8px 0 0!important;padding:0!important;background:var(--mls-surface)!important;border:2px solid color-mix(in srgb,var(--mls-muted) 52%,var(--mls-border))!important;box-shadow:0 1px 2px rgba(0,0,0,.07)!important;cursor:pointer!important;vertical-align:middle!important} body.mls-ui-skin input[type="checkbox"]{border-radius:6px!important} body.mls-ui-skin input[type="radio"]{border-radius:50%!important} body.mls-ui-skin input[type="checkbox"]::before, body.mls-ui-skin input[type="radio"]::before{content:""!important;display:block!important;margin:0!important} body.mls-ui-skin input[type="checkbox"]:checked, body.mls-ui-skin input[type="radio"]:checked{background:var(--mls-primary)!important;border-color:var(--mls-primary)!important;box-shadow:0 0 0 3px color-mix(in srgb,var(--mls-primary) 18%,transparent)!important} body.mls-ui-skin input[type="checkbox"]:checked::before{width:5px!important;height:9px!important;border:solid var(--mls-primary-text)!important;border-width:0 2px 2px 0!important;transform:rotate(45deg)!important;margin-top:-2px!important} body.mls-ui-skin input[type="radio"]:checked::before{width:7px!important;height:7px!important;border-radius:50%!important;background:var(--mls-primary-text)!important} body.mls-ui-skin .mls-check-grid label{background:var(--mls-surface-alt)!important;color:var(--mls-heading)!important;border:1px solid var(--mls-border)!important;border-radius:11px!important;padding:9px 10px!important;font-weight:700!important} body.mls-ui-skin .mls-check-grid label:has(input:checked){background:color-mix(in srgb,var(--mls-primary) 14%,var(--mls-surface))!important;border-color:color-mix(in srgb,var(--mls-primary) 36%,var(--mls-border))!important} /* Notice types keep semantic meaning without sacrificing contrast. */ body.mls-ui-skin .mls-notice, body.mls-ui-skin .mls-front-note{background:var(--mls-surface-alt)!important;color:var(--mls-text)!important;border:1px solid var(--mls-border)!important} body.mls-ui-skin .mls-notice p, body.mls-ui-skin .mls-front-note p{color:inherit!important} body.mls-ui-skin .mls-notice-success{background:color-mix(in srgb,var(--mls-success) 10%,var(--mls-surface))!important;border-color:color-mix(in srgb,var(--mls-success) 34%,var(--mls-border))!important;color:var(--mls-text)!important} body.mls-ui-skin .mls-notice-warning{background:color-mix(in srgb,var(--mls-warning) 10%,var(--mls-surface))!important;border-color:color-mix(in srgb,var(--mls-warning) 34%,var(--mls-border))!important;color:var(--mls-text)!important} body.mls-ui-skin .mls-notice-error{background:color-mix(in srgb,var(--mls-danger) 10%,var(--mls-surface))!important;border-color:color-mix(in srgb,var(--mls-danger) 34%,var(--mls-border))!important;color:var(--mls-text)!important} body.mls-ui-skin .mls-notice-info{background:color-mix(in srgb,var(--mls-primary) 9%,var(--mls-surface))!important;border-color:color-mix(in srgb,var(--mls-primary) 30%,var(--mls-border))!important;color:var(--mls-text)!important} /* Profile chrome/progress/context no longer leak the old light-blue design. */ body.mls-ui-skin .mls-avatar{background:color-mix(in srgb,var(--mls-primary) 12%,var(--mls-surface-alt))!important;color:var(--mls-link)!important;border:1px solid color-mix(in srgb,var(--mls-primary) 25%,var(--mls-border))!important} body.mls-ui-skin .mls-progress{background:color-mix(in srgb,var(--mls-muted) 14%,var(--mls-surface-alt))!important} body.mls-ui-skin .mls-progress span{background:linear-gradient(90deg,var(--mls-primary),var(--mls-accent))!important} body.mls-ui-skin .mls-context, body.mls-ui-skin .mls-subpanel{background:var(--mls-surface-alt)!important;color:var(--mls-text)!important;border-color:var(--mls-border)!important} body.mls-ui-skin .mls-password-form, body.mls-ui-skin .mls-profile-actions{border-color:var(--mls-border)!important} /* Tables/list rows on frontend consoles. */ body.mls-ui-skin .mls-responsive-table table, body.mls-ui-skin .mls-data-table, body.mls-ui-skin .mls-table-scroll table{background:var(--mls-surface)!important;color:var(--mls-text)!important} body.mls-ui-skin .mls-responsive-table thead th, body.mls-ui-skin .mls-data-table th{background:var(--mls-surface-alt)!important;color:var(--mls-heading)!important;border-color:var(--mls-border)!important} body.mls-ui-skin .mls-responsive-table tbody td, body.mls-ui-skin .mls-data-table td{background:var(--mls-surface)!important;color:var(--mls-text)!important;border-color:var(--mls-border)!important} body.mls-ui-skin .mls-responsive-table tbody tr:hover td{background:color-mix(in srgb,var(--mls-primary) 6%,var(--mls-surface))!important} @media(max-width:600px){ body.mls-ui-skin .mls-auth-shell, body.mls-ui-skin .mls-profile-shell{padding:17px!important} body.mls-ui-skin .mls-primary, body.mls-ui-skin .mls-secondary, body.mls-ui-skin .mls-link-button{width:100%} } /* v1.35.1 - premium 3D membership card refresh */ .mls-digital-card{ position:relative; overflow:hidden; border-radius:24px; border:1px solid rgba(255,255,255,.22); box-shadow:0 26px 62px -34px rgba(0,0,0,.72), inset 0 1px 0 rgba(255,255,255,.24); background-image: radial-gradient(circle at 18% 14%, rgba(255,255,255,.26), transparent 26%), linear-gradient(135deg, color-mix(in srgb,var(--mls-card-primary) 92%, #ffffff 8%), color-mix(in srgb,var(--mls-card-secondary) 88%, #000000 12%)); } .mls-digital-card::before, .mls-digital-card::after{ content:""; position:absolute; inset:0; pointer-events:none; } .mls-digital-card::before{ inset:1px; border-radius:23px; border:1px solid rgba(255,255,255,.14); } .mls-digital-card::after{ background: linear-gradient(118deg, rgba(255,255,255,.20) 0%, rgba(255,255,255,.04) 28%, transparent 29%, transparent 55%, rgba(255,255,255,.08) 56%, rgba(255,255,255,.02) 100%), radial-gradient(circle at 82% 18%, rgba(255,255,255,.12), transparent 24%); mix-blend-mode:screen; opacity:.95; } .mls-card-top,.mls-card-body,.mls-card-meta,.mls-card-footer,.mls-card-back{position:relative;z-index:2} .mls-card-top{align-items:center} .mls-card-brand{gap:12px} .mls-card-brand strong{font-size:19px;font-weight:800;letter-spacing:.01em} .mls-card-eyebrow{font-size:12px;letter-spacing:.08em;color:var(--mls-card-text);opacity:.92} .mls-card-state{padding:7px 11px;border-radius:999px;background:rgba(255,255,255,.14);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.24)} .mls-card-logo,.mls-card-logo-fallback{width:54px;height:54px;flex-basis:54px;border-radius:50%;background:rgba(255,255,255,.18);border:1px solid rgba(255,255,255,.22);box-shadow:inset 0 1px 0 rgba(255,255,255,.28),0 10px 22px -16px rgba(0,0,0,.46)} .mls-card-body{gap:24px;align-items:flex-end} .mls-card-photo{border-radius:16px;border:1px solid rgba(255,255,255,.48);background:rgba(255,255,255,.14)} .mls-card-member{align-items:flex-start} .mls-card-member h3{font-size:27px;font-weight:800;line-height:1.04} .mls-card-member p{font-size:14px;color:var(--mls-card-text);opacity:.94;font-weight:700} .mls-card-label{font-size:10px;opacity:.88} .mls-card-qr-slot{display:flex;align-items:flex-end} .mls-qr-placeholder{ width:92px;height:92px;padding:10px;border-radius:14px;background:#fff; box-shadow:0 14px 28px -18px rgba(0,0,0,.46); } .mls-card-meta{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;padding-top:6px} .mls-card-meta span{font-size:10px;opacity:.86} .mls-card-meta strong{font-size:13px;line-height:1.25} .mls-card-footer{font-size:10px;letter-spacing:.06em;border-top:1px solid rgba(255,255,255,.16)} .mls-card-back{background:rgba(255,255,255,.12);backdrop-filter:blur(10px)} .mls-card-template-gold{ --mls-card-text:#2f1e00; --mls-card-muted:rgba(67,41,0,.72); border-color:rgba(255,230,162,.62); box-shadow:0 28px 58px -30px rgba(134,92,14,.62), inset 0 1px 0 rgba(255,249,213,.6); background-image: radial-gradient(circle at 14% 18%, rgba(255,248,216,.82), transparent 28%), linear-gradient(140deg, rgba(255,245,197,.86) 0%, rgba(236,186,63,.97) 22%, rgba(199,146,18,.98) 48%, rgba(244,213,116,.97) 72%, rgba(145,88,8,.98) 100%); } .mls-card-template-gold::after{ background: linear-gradient(145deg, rgba(255,255,255,.38) 0 12%, transparent 12% 38%, rgba(255,241,184,.28) 38% 54%, transparent 54% 68%, rgba(114,61,0,.18) 68% 100%), linear-gradient(25deg, transparent 0 55%, rgba(255,255,255,.18) 55% 66%, transparent 66% 100%), radial-gradient(circle at 85% 20%, rgba(255,255,255,.34), transparent 24%); mix-blend-mode:soft-light; } .mls-card-template-gold .mls-card-logo, .mls-card-template-gold .mls-card-logo-fallback{background:#2e2507;color:#f5d46f;border-color:rgba(255,220,130,.4)} .mls-card-template-gold .mls-card-state{background:rgba(69,34,0,.14);border-color:rgba(88,52,0,.22);color:#5a3600} .mls-card-template-gold .mls-qr-placeholder{border:3px solid rgba(58,35,0,.08)} .mls-card-template-gold .mls-card-footer,.mls-card-template-gold .mls-card-meta span,.mls-card-template-gold .mls-card-label{color:rgba(67,41,0,.78)!important} .mls-card-template-silver, .mls-card-template-platinum{ --mls-card-text:#20252f; --mls-card-muted:rgba(32,37,47,.74); border-color:rgba(255,255,255,.72); box-shadow:0 28px 56px -30px rgba(120,126,139,.42), inset 0 1px 0 rgba(255,255,255,.9); background-image: radial-gradient(circle at 16% 14%, rgba(255,255,255,.88), transparent 26%), linear-gradient(145deg, rgba(250,251,253,.98) 0%, rgba(224,228,234,.98) 22%, rgba(195,202,210,.98) 44%, rgba(246,248,251,.98) 66%, rgba(173,181,191,.98) 100%); } .mls-card-template-silver::after, .mls-card-template-platinum::after{ background: linear-gradient(145deg, rgba(255,255,255,.6) 0 16%, transparent 16% 34%, rgba(208,214,221,.54) 34% 58%, transparent 58% 70%, rgba(255,255,255,.46) 70% 100%), linear-gradient(25deg, transparent 0 50%, rgba(126,136,148,.12) 50% 61%, transparent 61% 100%), radial-gradient(circle at 82% 16%, rgba(255,255,255,.48), transparent 24%); mix-blend-mode:normal; } .mls-card-template-silver .mls-card-logo, .mls-card-template-silver .mls-card-logo-fallback, .mls-card-template-platinum .mls-card-logo, .mls-card-template-platinum .mls-card-logo-fallback{background:rgba(255,255,255,.55);color:#2e3440;border-color:rgba(138,146,157,.26)} .mls-card-template-silver .mls-card-state, .mls-card-template-platinum .mls-card-state{background:rgba(255,255,255,.58);border-color:rgba(148,156,168,.32);color:#374151} .mls-card-template-silver .mls-card-footer,.mls-card-template-silver .mls-card-meta span,.mls-card-template-silver .mls-card-label, .mls-card-template-platinum .mls-card-footer,.mls-card-template-platinum .mls-card-meta span,.mls-card-template-platinum .mls-card-label{color:rgba(55,65,81,.72)!important} .mls-card-template-vip, .mls-card-template-premium-dark{ --mls-card-text:#f8d768; --mls-card-muted:rgba(255,222,142,.82); border-color:rgba(213,165,71,.38); box-shadow:0 32px 64px -32px rgba(14,12,28,.92), inset 0 1px 0 rgba(255,214,125,.18); background-image: radial-gradient(circle at 16% 18%, rgba(92,71,186,.26), transparent 24%), linear-gradient(145deg, #0d0c1d 0%, #16112f 38%, #08070f 100%); } .mls-card-template-vip::after, .mls-card-template-premium-dark::after{ background: radial-gradient(120% 85% at 0% 100%, transparent 72%, rgba(233,181,78,.66) 72.5%, transparent 73.6%), radial-gradient(110% 86% at 100% 0%, transparent 76%, rgba(233,181,78,.60) 76.5%, transparent 77.6%), linear-gradient(120deg, transparent 0 45%, rgba(255,214,114,.07) 45% 46%, transparent 46% 100%); } .mls-card-template-vip .mls-card-state, .mls-card-template-premium-dark .mls-card-state{background:rgba(255,215,104,.08);border-color:rgba(255,215,104,.2);color:#f8d768} .mls-card-template-vip .mls-card-logo, .mls-card-template-vip .mls-card-logo-fallback, .mls-card-template-premium-dark .mls-card-logo, .mls-card-template-premium-dark .mls-card-logo-fallback{background:rgba(255,215,104,.08);color:#f8d768;border-color:rgba(255,215,104,.24)} .mls-card-template-vip .mls-qr-placeholder, .mls-card-template-premium-dark .mls-qr-placeholder{border:3px solid rgba(232,182,78,.18)} @media(max-width:600px){ .mls-card-brand strong{font-size:16px} .mls-card-member h3{font-size:22px} .mls-qr-placeholder{width:76px;height:76px} } /* v1.36.0 — saved card colors now drive every 3D template + compact reference QR */ .mls-digital-card.mls-card-template-gold, .mls-digital-card.mls-card-template-silver, .mls-digital-card.mls-card-template-platinum, .mls-digital-card.mls-card-template-vip, .mls-digital-card.mls-card-template-premium-dark, .mls-digital-card.mls-card-template-classic{ background-image: radial-gradient(circle at 14% 18%, color-mix(in srgb,var(--mls-card-primary) 30%,#ffffff), transparent 28%), linear-gradient(140deg, color-mix(in srgb,var(--mls-card-primary) 74%,#ffffff 26%) 0%, color-mix(in srgb,var(--mls-card-primary) 94%,#ffffff 6%) 24%, color-mix(in srgb,var(--mls-card-secondary) 76%,var(--mls-card-primary) 24%) 50%, color-mix(in srgb,var(--mls-card-primary) 68%,#ffffff 32%) 73%, color-mix(in srgb,var(--mls-card-secondary) 90%,#000000 10%) 100%), var(--mls-card-bg-image,none)!important; background-size:cover!important;background-position:center!important; color:var(--mls-card-text)!important; border-color:color-mix(in srgb,var(--mls-card-primary) 38%,rgba(255,255,255,.22))!important; box-shadow:0 28px 60px -30px color-mix(in srgb,var(--mls-card-secondary) 36%,rgba(0,0,0,.54)),inset 0 1px 0 rgba(255,255,255,.26)!important; } .mls-digital-card.mls-card-template-gold::after, .mls-digital-card.mls-card-template-silver::after, .mls-digital-card.mls-card-template-platinum::after, .mls-digital-card.mls-card-template-vip::after, .mls-digital-card.mls-card-template-premium-dark::after, .mls-digital-card.mls-card-template-classic::after{ background: linear-gradient(145deg,rgba(255,255,255,.32) 0 12%,transparent 12% 38%,rgba(255,255,255,.14) 38% 54%,transparent 54% 68%,rgba(0,0,0,.10) 68% 100%), linear-gradient(25deg,transparent 0 55%,rgba(255,255,255,.13) 55% 66%,transparent 66% 100%), radial-gradient(circle at 85% 20%,rgba(255,255,255,.26),transparent 24%)!important; mix-blend-mode:soft-light!important; } .mls-digital-card .mls-card-brand strong, .mls-digital-card .mls-card-member h3, .mls-digital-card .mls-card-member p, .mls-digital-card .mls-card-meta strong{color:var(--mls-card-text)!important} .mls-digital-card .mls-card-eyebrow, .mls-digital-card .mls-card-label, .mls-digital-card .mls-card-meta span, .mls-digital-card .mls-card-footer{color:color-mix(in srgb,var(--mls-card-text) 78%,transparent)!important} .mls-digital-card .mls-card-logo, .mls-digital-card .mls-card-logo-fallback{ background:color-mix(in srgb,var(--mls-card-secondary) 74%,#000000 26%)!important; color:var(--mls-card-text)!important;border-color:color-mix(in srgb,var(--mls-card-primary) 42%,rgba(255,255,255,.20))!important; } .mls-digital-card .mls-card-state{background:color-mix(in srgb,var(--mls-card-secondary) 22%,transparent)!important;border-color:color-mix(in srgb,var(--mls-card-primary) 30%,transparent)!important;color:var(--mls-card-text)!important} .mls-digital-card.mls-card-designed .mls-card-qr-slot{width:var(--mls-card-qr-size,82px)!important;min-width:var(--mls-card-qr-size,82px)!important} .mls-digital-card.mls-card-designed .mls-qr-placeholder{width:var(--mls-card-qr-size,82px)!important;height:var(--mls-card-qr-size,82px)!important;max-width:120px!important;max-height:120px!important;min-width:64px!important;min-height:64px!important;padding:8px!important;border-radius:12px!important} /* Actual membership pricing grids — equal cards without stretched blank areas. */ body.mls-ui-skin .mls-payment-plan-grid{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(260px,1fr))!important;gap:18px!important;align-items:start!important} body.mls-ui-skin .mls-payment-plan{height:auto!important;min-height:0!important;align-self:start!important;display:flex!important;flex-direction:column!important} body.mls-ui-skin .mls-payment-plan form{margin-top:auto!important} @media(max-width:760px){body.mls-ui-skin .mls-payment-plan-grid{grid-template-columns:1fr!important;gap:14px!important}} /* v1.37.0 — role workflow / quick-navigation polish */ body.mls-ui-skin .mls-role-flow{overflow:hidden} body.mls-ui-skin .mls-role-flow-track{ display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:12px; position:relative; } body.mls-ui-skin .mls-role-flow-step{ position:relative; display:flex; align-items:flex-start; gap:12px; min-width:0; min-height:146px; padding:16px; text-decoration:none!important; border:1px solid var(--mls-border)!important; border-radius:18px; background:linear-gradient(180deg,var(--mls-surface),var(--mls-surface-alt)); color:var(--mls-text)!important; box-shadow:var(--mls-shadow-soft); transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease; } body.mls-ui-skin a.mls-role-flow-step:hover{ transform:translateY(-2px); border-color:color-mix(in srgb,var(--mls-primary) 42%,var(--mls-border))!important; box-shadow:0 18px 36px -28px color-mix(in srgb,var(--mls-primary) 35%,transparent); } body.mls-ui-skin .mls-role-flow-index{ flex:0 0 34px; width:34px; height:34px; border-radius:12px; display:grid; place-items:center; font-weight:900; background:color-mix(in srgb,var(--mls-primary) 12%,var(--mls-surface)); border:1px solid color-mix(in srgb,var(--mls-primary) 24%,var(--mls-border)); color:var(--mls-primary)!important; } body.mls-ui-skin .mls-role-flow-step>div{min-width:0;display:grid;gap:6px} body.mls-ui-skin .mls-role-flow-step strong{ color:var(--mls-heading)!important; font-size:15px; line-height:1.25; overflow-wrap:anywhere; } body.mls-ui-skin .mls-role-flow-step p{ margin:0!important; color:var(--mls-muted)!important; font-size:12px; line-height:1.45; } body.mls-ui-skin .mls-role-flow-step small{ justify-self:start; display:inline-flex; align-items:center; min-height:23px; padding:3px 8px; border-radius:999px; font-size:10px; font-weight:900; text-transform:uppercase; letter-spacing:.05em; background:color-mix(in srgb,var(--mls-primary) 9%,var(--mls-surface)); color:var(--mls-primary)!important; border:1px solid color-mix(in srgb,var(--mls-primary) 18%,var(--mls-border)); } body.mls-ui-skin .mls-role-flow-step.is-complete{ background:linear-gradient(180deg,color-mix(in srgb,var(--mls-success) 8%,var(--mls-surface)),var(--mls-surface-alt)); border-color:color-mix(in srgb,var(--mls-success) 30%,var(--mls-border))!important; } body.mls-ui-skin .mls-role-flow-step.is-complete .mls-role-flow-index{ background:color-mix(in srgb,var(--mls-success) 14%,var(--mls-surface)); color:var(--mls-success)!important; border-color:color-mix(in srgb,var(--mls-success) 30%,var(--mls-border)); } body.mls-ui-skin .mls-role-flow-step.is-complete small{color:var(--mls-success)!important;border-color:color-mix(in srgb,var(--mls-success) 28%,var(--mls-border));background:color-mix(in srgb,var(--mls-success) 10%,var(--mls-surface))} body.mls-ui-skin .mls-role-flow-step.is-current{ border-color:color-mix(in srgb,var(--mls-primary) 55%,var(--mls-border))!important; background:linear-gradient(145deg,color-mix(in srgb,var(--mls-primary) 13%,var(--mls-surface)),color-mix(in srgb,var(--mls-accent) 7%,var(--mls-surface-alt))); box-shadow:0 18px 38px -28px color-mix(in srgb,var(--mls-primary) 36%,transparent); } body.mls-ui-skin .mls-role-flow-step.is-current .mls-role-flow-index{ background:linear-gradient(135deg,var(--mls-primary),color-mix(in srgb,var(--mls-primary) 65%,var(--mls-accent))); color:var(--mls-primary-text)!important; border-color:transparent; } body.mls-ui-skin .mls-role-flow-step.is-disabled{opacity:.58;filter:saturate(.55);cursor:not-allowed} body.mls-ui-skin .mls-dashboard-anchor{scroll-margin-top:94px} body.mls-ui-skin .mls-dashboard-section{scroll-margin-top:94px} @media(max-width:1100px){ body.mls-ui-skin .mls-role-flow-track{grid-template-columns:repeat(3,minmax(0,1fr))} } @media(max-width:760px){ body.mls-ui-skin .mls-role-flow-track{grid-template-columns:1fr 1fr} body.mls-ui-skin .mls-role-flow-step{min-height:132px} } @media(max-width:520px){ body.mls-ui-skin .mls-role-flow-track{grid-template-columns:1fr} body.mls-ui-skin .mls-role-flow-step{min-height:0} } /* v1.36.2 - registration duplicate/recovery UX */ body.mls-ui-skin .mls-registration-recovery{ display:flex; align-items:center; justify-content:space-between; gap:14px; flex-wrap:wrap; margin:0 0 18px; padding:13px 14px; border:1px solid color-mix(in srgb,var(--mls-warning) 28%,var(--mls-border)); border-radius:var(--mls-radius-control,14px); background:color-mix(in srgb,var(--mls-warning) 8%,var(--mls-surface)); } body.mls-ui-skin .mls-registration-recovery>strong{color:var(--mls-heading)!important;font-size:13px} body.mls-ui-skin .mls-registration-recovery .mls-dashboard-actions{margin:0!important} body.mls-ui-skin .mls-registration-recovery .mls-link-button{margin:0!important;min-height:38px!important} @media(max-width:600px){body.mls-ui-skin .mls-registration-recovery{align-items:stretch;flex-direction:column}body.mls-ui-skin .mls-registration-recovery .mls-dashboard-actions{width:100%}body.mls-ui-skin .mls-registration-recovery .mls-link-button{flex:1}} /* v1.36.1 - registration recovery copy visibility */ body.mls-ui-skin .mls-registration-recovery>p{ margin:0!important; color:var(--mls-muted)!important; font-size:13px!important; line-height:1.45!important; flex:1 1 240px; } /* v1.36.4 - registration recovery state clarity */ body.mls-ui-skin .mls-registration-recovery.is-pending{ border-color:color-mix(in srgb,var(--mls-warning) 34%,var(--mls-border))!important; background:color-mix(in srgb,var(--mls-warning) 10%,var(--mls-surface))!important; } body.mls-ui-skin .mls-registration-recovery.is-warning{ border-color:color-mix(in srgb,var(--mls-danger) 32%,var(--mls-border))!important; background:color-mix(in srgb,var(--mls-danger) 8%,var(--mls-surface))!important; } body.mls-ui-skin .mls-registration-recovery.is-pending>strong{color:var(--mls-warning)!important} body.mls-ui-skin .mls-registration-recovery.is-warning>strong{color:var(--mls-danger)!important} /* v1.36.6 — dashboard icon system + user-facing shortcode leak fix */ body.mls-ui-skin .mls-icon-svg, body.mls-ui-skin .mls-nav-icon{ width:20px; height:20px; display:block; flex:0 0 auto; } body.mls-ui-skin .mls-role-nav a{ gap:7px; } body.mls-ui-skin .mls-role-nav .mls-nav-icon{ width:15px; height:15px; color:var(--mls-primary)!important; } body.mls-ui-skin .mls-role-nav a.is-active .mls-nav-icon{ color:var(--mls-primary-text)!important; } body.mls-ui-skin .mls-kpi-card .mls-kpi-icon{ position:absolute; z-index:2; top:27px; left:27px; width:20px; height:20px; display:grid!important; place-items:center; padding:0!important; margin:0!important; color:var(--mls-primary)!important; line-height:1!important; } body.mls-ui-skin .mls-kpi-card .mls-kpi-icon .mls-icon-svg{ width:20px; height:20px; } body.mls-ui-skin .mls-kpi-card .mls-kpi-label{ position:relative; z-index:1; display:block!important; padding-left:54px!important; min-height:42px; } body.mls-ui-skin .mls-kpi-offer .mls-kpi-icon, body.mls-ui-skin .mls-kpi-special .mls-kpi-icon{color:var(--mls-warning)!important} body.mls-ui-skin .mls-kpi-review .mls-kpi-icon{color:var(--mls-accent)!important} body.mls-ui-skin .mls-kpi-reward .mls-kpi-icon{color:var(--mls-success)!important} body.mls-ui-skin .mls-action-card{ min-height:62px; gap:12px; } body.mls-ui-skin .mls-action-card-main{ display:flex; align-items:center; gap:11px; min-width:0; } body.mls-ui-skin .mls-action-card-main strong{ min-width:0; color:var(--mls-heading)!important; font-size:12px; line-height:1.28; overflow-wrap:anywhere; } body.mls-ui-skin .mls-action-icon{ width:34px; height:34px; flex:0 0 34px; display:grid; place-items:center; border-radius:11px; color:var(--mls-primary)!important; background:color-mix(in srgb,var(--mls-primary) 11%,var(--mls-surface)); border:1px solid color-mix(in srgb,var(--mls-primary) 24%,var(--mls-border)); } body.mls-ui-skin .mls-action-icon .mls-icon-svg{ width:18px; height:18px; } body.mls-ui-skin .mls-action-card-chevron{ width:26px; height:26px; flex:0 0 26px; display:grid; place-items:center; border-radius:999px; color:var(--mls-primary)!important; background:color-mix(in srgb,var(--mls-primary) 9%,var(--mls-surface-alt)); border:1px solid color-mix(in srgb,var(--mls-primary) 18%,var(--mls-border)); } body.mls-ui-skin .mls-action-card-chevron .mls-icon-svg{ width:14px; height:14px; } body.mls-ui-skin a.mls-action-card:hover .mls-action-icon, body.mls-ui-skin a.mls-action-card:focus .mls-action-icon{ background:color-mix(in srgb,var(--mls-primary) 17%,var(--mls-surface)); border-color:color-mix(in srgb,var(--mls-primary) 38%,var(--mls-border)); } body.mls-ui-skin .mls-action-card.is-disabled{ cursor:not-allowed; opacity:.68; } body.mls-ui-skin .mls-action-card-state{ flex:0 0 auto; max-width:104px; padding:4px 7px; border-radius:999px; font-size:9px!important; font-weight:850; line-height:1.15; text-align:center; color:var(--mls-muted)!important; background:var(--mls-surface-alt)!important; border:1px solid var(--mls-border)!important; } body.mls-palette-charcoal-luxe .mls-action-icon, body.mls-palette-charcoal-luxe .mls-action-card-chevron{ color:#E8BC62!important; background:linear-gradient(145deg,rgba(214,166,79,.13),rgba(243,213,138,.05))!important; border-color:#4A3B25!important; box-shadow:inset 0 0 0 1px rgba(243,213,138,.025); } body.mls-palette-charcoal-luxe .mls-kpi-card .mls-kpi-icon, body.mls-palette-charcoal-luxe .mls-role-nav .mls-nav-icon{ color:#E8BC62!important; } @media(max-width:520px){ body.mls-ui-skin .mls-role-nav a{justify-content:flex-start;padding-inline:12px} body.mls-ui-skin .mls-action-grid{grid-template-columns:1fr} body.mls-ui-skin .mls-action-card-state{max-width:92px} } /* v1.37 Sales workspace + shared pagination */ .mls-sales-tabs{display:flex;gap:8px;flex-wrap:wrap;margin:14px 0 20px;padding:7px;border:1px solid var(--mls-border,#343b46);border-radius:14px;background:var(--mls-surface-alt,#171b21)} .mls-sales-tabs a{display:inline-flex;align-items:center;min-height:38px;padding:7px 12px;border-radius:10px;text-decoration:none;font-size:12px;font-weight:750;color:var(--mls-text,#f7f1df);border:1px solid transparent} .mls-sales-tabs a:hover,.mls-sales-tabs a:focus{border-color:var(--mls-accent,#d7a928);color:var(--mls-accent,#d7a928)} .mls-live-photo{display:grid;gap:10px}.mls-live-photo-actions{display:flex;gap:8px;flex-wrap:wrap}.mls-live-photo video,.mls-sales-photo-preview{width:min(100%,320px);aspect-ratio:4/3;object-fit:cover;border-radius:14px;border:1px solid var(--mls-border,#343b46);background:#0f1115}.mls-file-fallback{display:grid;gap:6px}.mls-sales-checkout{margin:18px 0}.mls-auth-actions{display:flex;gap:10px;flex-wrap:wrap}.mls-pagination{display:flex;justify-content:center;margin:18px 0 4px}.mls-pagination .page-numbers{display:flex;gap:6px;list-style:none;margin:0;padding:0;flex-wrap:wrap}.mls-pagination a,.mls-pagination span{display:inline-flex;align-items:center;justify-content:center;min-width:38px;min-height:38px;padding:5px 9px;border:1px solid var(--mls-border,#343b46);border-radius:10px;text-decoration:none}.mls-pagination .current{border-color:var(--mls-accent,#d7a928);color:var(--mls-accent,#d7a928)} @media(max-width:620px){.mls-sales-tabs{overflow-x:auto;flex-wrap:nowrap}.mls-sales-tabs a{white-space:nowrap}.mls-live-photo-actions>*{flex:1 1 130px}.mls-live-photo video,.mls-sales-photo-preview{width:100%}.mls-auth-actions>*{width:100%;justify-content:center}} /* v1.37.1 — premium dashboard management workspace */ body.mls-ui-skin .mls-dashboard-management{margin-top:20px;max-width:none!important} body.mls-ui-skin .mls-dashboard-management .mls-management-intro{margin-top:0!important} body.mls-ui-skin .mls-dashboard-management .mls-management-intro p{margin:6px 0 0;color:var(--mls-muted)!important;max-width:780px} body.mls-ui-skin .mls-dashboard-management .mls-management-stats{margin:14px 0 2px} body.mls-ui-skin .mls-dashboard-management .mls-console-tabs{position:sticky;top:74px;z-index:7;display:flex;gap:8px;flex-wrap:wrap;margin:16px 0;padding:9px;border:1px solid var(--mls-border)!important;border-radius:15px;background:color-mix(in srgb,var(--mls-surface) 94%,transparent)!important;box-shadow:0 14px 30px -28px rgba(0,0,0,.42);backdrop-filter:blur(10px)} body.mls-ui-skin .mls-dashboard-management .mls-console-tabs a{display:inline-flex;align-items:center;min-height:38px;padding:8px 12px;border:1px solid var(--mls-border)!important;border-radius:10px;background:var(--mls-surface-alt)!important;color:var(--mls-heading)!important;font-size:12px;font-weight:800;line-height:1.15;text-decoration:none} body.mls-ui-skin .mls-dashboard-management .mls-console-tabs a:hover, body.mls-ui-skin .mls-dashboard-management .mls-console-tabs a:focus{border-color:color-mix(in srgb,var(--mls-primary) 52%,var(--mls-border))!important;background:color-mix(in srgb,var(--mls-primary) 12%,var(--mls-surface))!important;color:var(--mls-link)!important;outline:0} body.mls-ui-skin .mls-dashboard-management .mls-console-panel{scroll-margin-top:148px!important;margin-top:16px!important;padding:18px!important;border-top:1px solid var(--mls-border)!important} body.mls-ui-skin .mls-dashboard-management .mls-console-panel h3{color:var(--mls-heading)!important} body.mls-ui-skin .mls-dashboard-management .mls-context{margin:14px 0!important;border-radius:14px!important} body.mls-palette-charcoal-luxe .mls-dashboard-management .mls-console-tabs{box-shadow:0 14px 32px -24px rgba(0,0,0,.78)!important} @media(max-width:760px){body.mls-ui-skin .mls-dashboard-management .mls-console-tabs{position:relative;top:auto;display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}body.mls-ui-skin .mls-dashboard-management .mls-console-tabs a{justify-content:center;text-align:center}body.mls-ui-skin .mls-dashboard-management .mls-console-panel{padding:14px!important}} @media(max-width:460px){body.mls-ui-skin .mls-dashboard-management .mls-console-tabs{grid-template-columns:1fr}} /* v1.38.0 — compact role dashboards, universal icon treatment and premium motion */ body.mls-ui-skin .mls-has-ui-icon, body.mls-ui-skin .mls-primary, body.mls-ui-skin .mls-secondary, body.mls-ui-skin .mls-link-button{ gap:8px; } body.mls-ui-skin .mls-ui-icon, body.mls-ui-skin .mls-button-icon{ width:18px; height:18px; flex:0 0 18px; display:inline-grid; place-items:center; line-height:1; } body.mls-ui-skin .mls-ui-icon svg, body.mls-ui-skin .mls-button-icon svg{width:18px;height:18px;display:block} body.mls-ui-skin .mls-console-tabs a .mls-ui-icon, body.mls-ui-skin .mls-sales-tabs a .mls-ui-icon{width:16px;height:16px;flex-basis:16px} body.mls-ui-skin .mls-console-tabs a .mls-ui-icon svg, body.mls-ui-skin .mls-sales-tabs a .mls-ui-icon svg{width:16px;height:16px} /* Shared role dashboard density: more useful content above the fold without shrinking touch targets. */ body.mls-ui-skin .mls-role-dashboard .mls-dashboard-hero{ padding:18px 20px!important; gap:16px!important; border-radius:20px!important; } body.mls-ui-skin .mls-role-dashboard .mls-dashboard-hero h1{font-size:clamp(24px,3.2vw,34px)!important} body.mls-ui-skin .mls-role-dashboard .mls-dashboard-hero p{font-size:13px!important;line-height:1.5!important} body.mls-ui-skin .mls-role-dashboard .mls-dashboard-meta{gap:6px} body.mls-ui-skin .mls-role-dashboard .mls-dashboard-chip{min-height:27px;padding:0 9px;font-size:10px} body.mls-ui-skin .mls-role-dashboard .mls-dashboard-identity{ flex-direction:row!important; align-items:center!important; justify-content:flex-end!important; gap:7px!important; max-width:48%; } body.mls-ui-skin .mls-role-dashboard .mls-dashboard-usercard{ min-width:180px!important; padding:8px 10px!important; border-radius:14px!important; } body.mls-ui-skin .mls-role-dashboard .mls-dashboard-avatar{width:40px!important;height:40px!important;border-radius:12px!important;font-size:15px!important} body.mls-ui-skin .mls-role-dashboard .mls-dashboard-usercard strong{font-size:13px!important;max-width:150px!important} body.mls-ui-skin .mls-role-dashboard .mls-dashboard-usercard small{font-size:10px!important} body.mls-ui-skin .mls-role-dashboard .mls-dashboard-identity>.mls-secondary{ min-height:38px!important; padding:8px 10px!important; font-size:11px!important; } body.mls-ui-skin .mls-role-dashboard .mls-role-nav{ top:8px!important; gap:5px!important; padding:6px!important; margin-bottom:14px!important; border-radius:13px!important; } body.mls-ui-skin .mls-role-dashboard .mls-role-nav a{min-height:36px!important;padding:6px 9px!important;font-size:11px!important} body.mls-ui-skin .mls-role-dashboard .mls-kpi-grid{gap:9px!important} body.mls-ui-skin .mls-role-dashboard .mls-kpi-card{ min-height:96px!important; padding:14px!important; gap:7px!important; border-radius:16px!important; } body.mls-ui-skin .mls-role-dashboard .mls-kpi-card:before{top:13px!important;left:13px!important;width:36px!important;height:36px!important;border-radius:11px!important} body.mls-ui-skin .mls-role-dashboard .mls-kpi-card .mls-kpi-icon{top:21px!important;left:21px!important;width:18px!important;height:18px!important} body.mls-ui-skin .mls-role-dashboard .mls-kpi-card .mls-kpi-icon .mls-icon-svg{width:18px!important;height:18px!important} body.mls-ui-skin .mls-role-dashboard .mls-kpi-card .mls-kpi-label{padding-left:45px!important;min-height:34px!important;font-size:11px!important} body.mls-ui-skin .mls-role-dashboard .mls-kpi-card strong{font-size:27px!important} body.mls-ui-skin .mls-role-dashboard .mls-dashboard-panel{margin-top:13px!important;padding:16px!important;border-radius:17px!important} /* Member home: intentionally simple and action-first. */ body.mls-ui-skin .mls-member-dashboard .mls-role-nav{grid-template-columns:repeat(5,minmax(0,1fr))!important} body.mls-ui-skin .mls-member-dashboard .mls-member-kpis{grid-template-columns:repeat(4,minmax(0,1fr))!important} body.mls-ui-skin .mls-member-quick .mls-section-head{margin-bottom:10px!important} body.mls-ui-skin .mls-member-action-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px} body.mls-ui-skin .mls-member-action{ min-width:0; min-height:72px; display:grid; grid-template-columns:36px minmax(0,1fr) auto 22px; gap:10px; align-items:center; padding:11px 12px; border:1px solid var(--mls-border)!important; border-radius:14px; background:linear-gradient(180deg,var(--mls-surface),var(--mls-surface-alt)); color:var(--mls-text)!important; text-decoration:none!important; transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease,background .18s ease; } body.mls-ui-skin .mls-member-action:hover, body.mls-ui-skin .mls-member-action:focus{ transform:translateY(-2px); border-color:color-mix(in srgb,var(--mls-primary) 42%,var(--mls-border))!important; box-shadow:0 16px 32px -27px color-mix(in srgb,var(--mls-primary) 48%,transparent); outline:0; } body.mls-ui-skin .mls-member-action-icon{ width:36px;height:36px;display:grid;place-items:center;border-radius:11px; color:var(--mls-primary)!important; background:color-mix(in srgb,var(--mls-primary) 11%,var(--mls-surface)); border:1px solid color-mix(in srgb,var(--mls-primary) 22%,var(--mls-border)); } body.mls-ui-skin .mls-member-action-icon .mls-icon-svg{width:18px;height:18px} body.mls-ui-skin .mls-member-action-copy{min-width:0;display:grid;gap:2px} body.mls-ui-skin .mls-member-action-copy strong{color:var(--mls-heading)!important;font-size:12px;line-height:1.25} body.mls-ui-skin .mls-member-action-copy small{color:var(--mls-muted)!important;font-size:10px;line-height:1.35;overflow-wrap:anywhere} body.mls-ui-skin .mls-member-action-state{ padding:4px 7px;border-radius:999px;white-space:nowrap;font-size:9px;font-weight:850; color:var(--mls-primary)!important;background:color-mix(in srgb,var(--mls-primary) 8%,var(--mls-surface)); border:1px solid color-mix(in srgb,var(--mls-primary) 18%,var(--mls-border)); } body.mls-ui-skin .mls-member-action-go{width:22px;height:22px;display:grid;place-items:center;color:var(--mls-primary)!important} body.mls-ui-skin .mls-member-action-go .mls-icon-svg{width:14px;height:14px} body.mls-ui-skin .mls-member-dashboard .mls-dashboard-split{gap:10px!important;margin-top:12px!important} body.mls-ui-skin .mls-member-dashboard .mls-feed-row{padding:8px 0!important} body.mls-ui-skin .mls-member-flow .mls-role-flow{margin-top:12px!important} body.mls-ui-skin .mls-role-flow.is-compact .mls-role-flow-track{gap:8px!important} body.mls-ui-skin .mls-role-flow.is-compact .mls-role-flow-step{min-height:108px!important;padding:12px!important;gap:9px!important;border-radius:14px!important} body.mls-ui-skin .mls-role-flow.is-compact .mls-role-flow-index{position:relative;width:32px;height:32px;flex-basis:32px;border-radius:10px} body.mls-ui-skin .mls-role-flow.is-compact .mls-role-flow-index .mls-icon-svg{width:16px;height:16px} body.mls-ui-skin .mls-role-flow-number{ position:absolute;right:-5px;bottom:-5px;min-width:15px;height:15px;padding:0 3px;display:grid!important;place-items:center!important; border-radius:999px;background:var(--mls-surface)!important;border:1px solid var(--mls-border)!important;color:var(--mls-heading)!important; font-size:8px!important;line-height:1!important;font-weight:900!important; } body.mls-ui-skin .mls-role-flow.is-compact .mls-role-flow-step strong{font-size:12px!important} body.mls-ui-skin .mls-role-flow.is-compact .mls-role-flow-step p{font-size:10px!important;line-height:1.35!important} body.mls-ui-skin .mls-role-flow.is-compact .mls-role-flow-step>div>small{font-size:8px!important;min-height:19px!important;padding:2px 6px!important} /* Motion layer: one-time entrance + restrained interaction feedback. */ @keyframes mls-ui-rise{from{opacity:0;transform:translateY(12px) scale(.992)}to{opacity:1;transform:translateY(0) scale(1)}} @keyframes mls-card-issue{0%{opacity:0;transform:translateY(16px) rotateX(7deg) scale(.97)}65%{opacity:1;transform:translateY(-2px) rotateX(0) scale(1.006)}100%{opacity:1;transform:none}} @keyframes mls-card-glow-drift{0%{transform:translate3d(0,0,0) scale(1);opacity:.7}50%{transform:translate3d(-16px,13px,0) scale(1.06);opacity:1}100%{transform:translate3d(0,0,0) scale(1);opacity:.7}} @keyframes mls-qr-ready{0%{box-shadow:0 0 0 0 color-mix(in srgb,var(--mls-card-text) 34%,transparent)}70%{box-shadow:0 0 0 9px color-mix(in srgb,var(--mls-card-text) 0%,transparent)}100%{box-shadow:none}} @keyframes mls-success-pop{0%{opacity:0;transform:scale(.97) translateY(5px)}65%{opacity:1;transform:scale(1.012) translateY(0)}100%{opacity:1;transform:none}} @keyframes mls-payment-working{0%{transform:rotate(0)}100%{transform:rotate(360deg)}} body.mls-ui-skin .mls-motion-item{opacity:0;transform:translateY(12px)} body.mls-ui-skin .mls-motion-item.is-visible{animation:mls-ui-rise .42s cubic-bezier(.2,.72,.25,1) both;animation-delay:var(--mls-motion-delay,0ms)} body.mls-ui-skin .mls-digital-card.mls-card-issued-motion.is-visible{animation:mls-card-issue .62s cubic-bezier(.2,.82,.25,1) both;animation-delay:var(--mls-motion-delay,0ms);transform-origin:center bottom} body.mls-ui-skin .mls-digital-card.mls-card-issued-motion.is-visible .mls-card-glow{animation:mls-card-glow-drift 3.4s ease-in-out 1} body.mls-ui-skin .mls-digital-card.mls-card-issued-motion.is-visible .mls-card-qr-slot{animation:mls-qr-ready 1.45s ease-out .4s 1} body.mls-ui-skin .mls-success-motion{animation:mls-success-pop .5s cubic-bezier(.2,.82,.25,1) both} body.mls-ui-skin .mls-payment-plan{transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease} body.mls-ui-skin .mls-payment-plan:hover{transform:translateY(-3px)!important;border-color:color-mix(in srgb,var(--mls-primary) 35%,var(--mls-border))!important;box-shadow:0 20px 42px -31px color-mix(in srgb,var(--mls-primary) 42%,transparent)!important} body.mls-ui-skin .mls-primary:active,body.mls-ui-skin .mls-secondary:active,body.mls-ui-skin .mls-link-button:active{transform:translateY(1px) scale(.99)!important} body.mls-ui-skin .mls-payment-checkout.is-processing [data-mls-pay-action]{pointer-events:none;opacity:.82} body.mls-ui-skin .mls-payment-checkout.is-processing [data-mls-pay-action] .mls-ui-icon{animation:mls-payment-working .8s linear infinite} @media(max-width:980px){ body.mls-ui-skin .mls-role-dashboard .mls-dashboard-identity{max-width:none!important;justify-content:flex-start!important} body.mls-ui-skin .mls-member-action-grid{grid-template-columns:repeat(2,minmax(0,1fr))} body.mls-ui-skin .mls-member-dashboard .mls-member-kpis{grid-template-columns:repeat(2,minmax(0,1fr))!important} } @media(max-width:700px){ body.mls-ui-skin .mls-role-dashboard .mls-dashboard-hero{padding:15px!important} body.mls-ui-skin .mls-role-dashboard .mls-dashboard-identity{width:100%!important;display:grid!important;grid-template-columns:1fr 1fr!important;gap:7px!important} body.mls-ui-skin .mls-role-dashboard .mls-dashboard-usercard{grid-column:1/-1;width:100%;min-width:0!important;box-sizing:border-box} body.mls-ui-skin .mls-role-dashboard .mls-dashboard-identity>.mls-secondary{width:100%!important;margin:0!important} body.mls-ui-skin .mls-member-dashboard .mls-role-nav{display:flex!important;overflow-x:auto!important;overscroll-behavior-inline:contain;scrollbar-width:thin} body.mls-ui-skin .mls-member-dashboard .mls-role-nav a{flex:0 0 auto;min-width:108px!important;justify-content:center!important;white-space:nowrap} body.mls-ui-skin .mls-role-flow.is-compact .mls-role-flow-track{grid-template-columns:1fr 1fr!important} } @media(max-width:520px){ body.mls-ui-skin .mls-member-action-grid{grid-template-columns:1fr} body.mls-ui-skin .mls-member-action{grid-template-columns:36px minmax(0,1fr) 22px} body.mls-ui-skin .mls-member-action-state{grid-column:2/3;justify-self:start} body.mls-ui-skin .mls-member-action-go{grid-column:3;grid-row:1/3} body.mls-ui-skin .mls-role-flow.is-compact .mls-role-flow-track{grid-template-columns:1fr!important} body.mls-ui-skin .mls-role-flow.is-compact .mls-role-flow-step{min-height:0!important} } @media(prefers-reduced-motion:reduce){ body.mls-ui-skin *,body.mls-plugin-app *{scroll-behavior:auto!important;animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important} body.mls-ui-skin .mls-motion-item{opacity:1!important;transform:none!important} } body.mls-ui-skin .mls-payment-plan.is-purchasing{border-color:color-mix(in srgb,var(--mls-primary) 52%,var(--mls-border))!important;box-shadow:0 18px 40px -28px color-mix(in srgb,var(--mls-primary) 48%,transparent)!important} body.mls-ui-skin .mls-payment-plan.is-purchasing button[type="submit"] .mls-ui-icon{animation:mls-payment-working .8s linear infinite} /* v1.38.1 compact member dashboard flow improvements */ body.mls-ui-skin .mls-member-status-strip{margin-top:10px} body.mls-ui-skin .mls-member-status-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px} body.mls-ui-skin .mls-member-status{display:grid;grid-template-columns:40px minmax(0,1fr);gap:10px;align-items:start;padding:12px;border:1px solid var(--mls-border);border-radius:16px;background:color-mix(in srgb,var(--mls-surface) 96%,#fff 4%)} body.mls-ui-skin .mls-member-status-icon{width:40px;height:40px;display:grid;place-items:center;border-radius:12px;background:color-mix(in srgb,var(--mls-primary-soft, rgba(67,56,202,.14)) 88%,#fff 12%);color:var(--mls-primary)} body.mls-ui-skin .mls-member-status-icon .mls-icon-svg{width:20px;height:20px} body.mls-ui-skin .mls-member-status strong{display:block;color:var(--mls-heading)!important;font-size:12px;line-height:1.25;margin-bottom:4px} body.mls-ui-skin .mls-member-status span{display:block;color:var(--mls-primary)!important;font-weight:700;font-size:12px;line-height:1.3} body.mls-ui-skin .mls-member-status small{display:block;color:var(--mls-muted)!important;font-size:10px;line-height:1.45;margin-top:4px} body.mls-ui-skin .mls-member-jump-dock{position:sticky;bottom:14px;z-index:25;display:none;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;padding:8px;margin-top:14px;border:1px solid var(--mls-border);border-radius:18px;background:color-mix(in srgb,var(--mls-surface) 84%,#fff 16%);box-shadow:0 16px 36px -24px rgba(15,23,42,.45);backdrop-filter:blur(12px)} body.mls-ui-skin .mls-member-jump-dock a{display:grid;gap:5px;justify-items:center;padding:8px 6px;border-radius:14px;text-decoration:none;color:var(--mls-heading)!important;font-size:11px;font-weight:700} body.mls-ui-skin .mls-member-jump-dock a.is-active,body.mls-ui-skin .mls-member-jump-dock a:hover,body.mls-ui-skin .mls-member-jump-dock a:focus{background:color-mix(in srgb,var(--mls-primary) 12%,#fff 88%);color:var(--mls-primary)!important} body.mls-ui-skin .mls-member-jump-icon{width:30px;height:30px;display:grid;place-items:center;border-radius:10px;background:color-mix(in srgb,var(--mls-primary-soft, rgba(67,56,202,.14)) 88%,#fff 12%);color:var(--mls-primary)} body.mls-ui-skin .mls-member-jump-icon .mls-icon-svg{width:16px;height:16px} body.mls-ui-skin .mls-panel-title-with-icon{display:flex;align-items:center;gap:8px} body.mls-ui-skin .mls-panel-title-icon{width:26px;height:26px;display:grid;place-items:center;border-radius:10px;background:color-mix(in srgb,var(--mls-primary-soft, rgba(67,56,202,.14)) 86%,#fff 14%);color:var(--mls-primary)} body.mls-ui-skin .mls-panel-title-icon .mls-icon-svg{width:14px;height:14px} body.mls-ui-skin .mls-wallet-help{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:10px 0 14px} body.mls-ui-skin .mls-wallet-help-item{padding:12px;border:1px solid var(--mls-border);border-radius:16px;background:color-mix(in srgb,var(--mls-surface) 97%,#fff 3%)} body.mls-ui-skin .mls-wallet-help-item strong{display:block;color:var(--mls-heading)!important;font-size:12px;margin-bottom:5px} body.mls-ui-skin .mls-wallet-help-item span{display:block;color:var(--mls-muted)!important;font-size:11px;line-height:1.5} body.mls-ui-skin .mls-checkout-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:10px 0 14px} body.mls-ui-skin .mls-checkout-step{padding:12px;border:1px solid var(--mls-border);border-radius:16px;background:linear-gradient(180deg,color-mix(in srgb,var(--mls-primary-soft, rgba(67,56,202,.14)) 58%,#fff 42%),color-mix(in srgb,var(--mls-surface) 98%,#fff 2%))} body.mls-ui-skin .mls-checkout-step strong{display:block;color:var(--mls-heading)!important;font-size:12px;margin-bottom:5px} body.mls-ui-skin .mls-checkout-step span{display:block;color:var(--mls-muted)!important;font-size:11px;line-height:1.5} body.mls-ui-skin .mls-payment-plan-meta{display:flex;flex-wrap:wrap;gap:6px;margin:8px 0 10px} body.mls-ui-skin .mls-payment-plan-meta span{display:inline-flex;align-items:center;min-height:28px;padding:5px 10px;border-radius:999px;background:color-mix(in srgb,var(--mls-primary-soft, rgba(67,56,202,.14)) 86%,#fff 14%);color:var(--mls-heading)!important;font-size:11px;font-weight:600;line-height:1.3} @media (max-width: 960px){ body.mls-ui-skin .mls-member-status-grid,body.mls-ui-skin .mls-wallet-help,body.mls-ui-skin .mls-checkout-steps{grid-template-columns:repeat(2,minmax(0,1fr))} } @media (max-width: 782px){ body.mls-ui-skin .mls-member-jump-dock{display:grid} } @media (max-width: 640px){ body.mls-ui-skin .mls-member-status-grid,body.mls-ui-skin .mls-wallet-help,body.mls-ui-skin .mls-checkout-steps{grid-template-columns:1fr} body.mls-ui-skin .mls-member-status{grid-template-columns:36px minmax(0,1fr)} } /* v1.40.0 — production UX layer: quieter surfaces, guided actions, mobile app behavior */ body.mls-ui-skin .mls-front-shell, body.mls-ui-skin .mls-dashboard-panel, body.mls-ui-skin .mls-payment-plan, body.mls-ui-skin .mls-membership-card, body.mls-ui-skin .mls-offer-card, body.mls-ui-skin .mls-profile-shell{ background:var(--mls-surface)!important; } body.mls-ui-skin .mls-front-kicker.is-quiet{font-size:10px!important;letter-spacing:.07em!important;opacity:.78} body.mls-ui-skin .mls-section-head p{max-width:680px;line-height:1.55} body.mls-ui-skin .mls-role-dashboard{max-width:1180px;margin-inline:auto} body.mls-ui-skin .mls-role-dashboard .mls-dashboard-section{scroll-margin-top:22px} /* Next best action */ body.mls-ui-skin .mls-focus-card{display:grid;grid-template-columns:48px minmax(0,1fr) auto;gap:14px;align-items:center;margin:0 0 14px;padding:15px 16px;border:1px solid color-mix(in srgb,var(--mls-primary) 24%,var(--mls-border));border-radius:18px;background:color-mix(in srgb,var(--mls-primary) 6%,var(--mls-surface));box-shadow:0 12px 30px -28px rgba(15,23,42,.48)} body.mls-ui-skin .mls-focus-icon{width:48px;height:48px;display:grid;place-items:center;border-radius:15px;background:var(--mls-primary);color:var(--mls-primary-text)} body.mls-ui-skin .mls-focus-icon .mls-icon-svg{width:22px;height:22px} body.mls-ui-skin .mls-focus-copy{min-width:0} body.mls-ui-skin .mls-focus-copy h3{margin:2px 0 4px!important;font-size:17px!important;line-height:1.25} body.mls-ui-skin .mls-focus-copy p{margin:0!important;font-size:12px!important;line-height:1.55} body.mls-ui-skin .mls-focus-card>.mls-primary{display:inline-flex!important;align-items:center;justify-content:center;gap:8px;white-space:nowrap;margin:0!important} body.mls-ui-skin .mls-focus-chevron{width:14px;height:14px} /* Onboarding */ body.mls-ui-skin .mls-onboarding-card{padding:15px!important;margin-bottom:14px} body.mls-ui-skin .mls-onboarding-head{display:flex;justify-content:space-between;align-items:flex-start;gap:16px} body.mls-ui-skin .mls-onboarding-head h3{margin:2px 0 4px!important;font-size:16px!important} body.mls-ui-skin .mls-onboarding-head p{margin:0!important;font-size:11px!important} body.mls-ui-skin .mls-onboarding-head>strong{font-size:13px;color:var(--mls-primary)!important;padding:5px 9px;border-radius:999px;background:color-mix(in srgb,var(--mls-primary) 10%,var(--mls-surface-alt))} body.mls-ui-skin .mls-onboarding-progress{height:5px;margin:12px 0;background:var(--mls-surface-alt);border-radius:999px;overflow:hidden} body.mls-ui-skin .mls-onboarding-progress span{display:block;height:100%;border-radius:inherit;background:var(--mls-primary)} body.mls-ui-skin .mls-onboarding-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px} body.mls-ui-skin .mls-onboarding-step{display:flex;align-items:center;gap:8px;min-width:0;padding:9px 10px;border:1px solid var(--mls-border);border-radius:13px;background:var(--mls-surface-alt)!important;text-decoration:none!important;color:var(--mls-text)!important} body.mls-ui-skin .mls-onboarding-step>span{width:24px;height:24px;display:grid;place-items:center;flex:0 0 24px;border-radius:50%;background:var(--mls-surface);border:1px solid var(--mls-border);font-size:10px;font-weight:800} body.mls-ui-skin .mls-onboarding-step strong{font-size:11px!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis} body.mls-ui-skin .mls-onboarding-step.is-complete{border-color:color-mix(in srgb,var(--mls-success) 30%,var(--mls-border));background:color-mix(in srgb,var(--mls-success) 7%,var(--mls-surface))!important} body.mls-ui-skin .mls-onboarding-step.is-complete>span{background:var(--mls-success);border-color:var(--mls-success);color:#fff} /* Sales assisted stepper */ body.mls-ui-skin .mls-sales-step-form{position:relative} body.mls-ui-skin .mls-sales-stepper{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:14px 0} body.mls-ui-skin .mls-sales-stepper button{appearance:none;display:flex;align-items:center;gap:9px;width:100%;padding:10px 12px;border:1px solid var(--mls-border);border-radius:14px;background:var(--mls-surface);color:var(--mls-muted);cursor:pointer;text-align:left} body.mls-ui-skin .mls-sales-stepper button>span{width:27px;height:27px;display:grid;place-items:center;border-radius:50%;background:var(--mls-surface-alt);border:1px solid var(--mls-border);font-size:11px;font-weight:800} body.mls-ui-skin .mls-sales-stepper button strong{font-size:11px;color:inherit!important} body.mls-ui-skin .mls-sales-stepper button.is-active{border-color:color-mix(in srgb,var(--mls-primary) 38%,var(--mls-border));background:color-mix(in srgb,var(--mls-primary) 7%,var(--mls-surface));color:var(--mls-primary)} body.mls-ui-skin .mls-sales-stepper button.is-active>span{background:var(--mls-primary);border-color:var(--mls-primary);color:var(--mls-primary-text)} body.mls-ui-skin .mls-sales-stepper button.is-complete>span{background:var(--mls-success);border-color:var(--mls-success);color:#fff} body.mls-ui-skin .mls-sales-layout{display:block!important} body.mls-ui-skin .mls-sales-form-panel[data-mls-sales-step]{max-width:820px;margin:0 auto;padding:18px!important} body.mls-ui-skin .mls-sales-form-panel[data-mls-sales-step][hidden],body.mls-ui-skin .mls-sales-submit[hidden]{display:none!important} body.mls-ui-skin .mls-sales-step-actions{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-top:14px;padding-top:12px;border-top:1px solid var(--mls-border)} body.mls-ui-skin .mls-sales-submit{max-width:820px;margin:10px auto 0!important;padding:14px 0 0!important;border-top:0!important;display:flex;align-items:center;justify-content:space-between;gap:14px} body.mls-ui-skin .mls-sales-submit p{margin:0!important;max-width:560px;font-size:11px!important;line-height:1.5} body.mls-ui-skin .mls-live-photo video{max-height:420px;object-fit:cover;border-radius:16px;border:1px solid var(--mls-border);background:#111827} body.mls-ui-skin .mls-sales-photo-preview{max-width:220px;max-height:220px;object-fit:cover;border-radius:16px;border:1px solid var(--mls-border);margin-top:10px} /* Compact profile sections */ body.mls-ui-skin .mls-profile-sections{display:grid;gap:9px;margin-top:14px} body.mls-ui-skin .mls-profile-section{border:1px solid var(--mls-border);border-radius:16px;background:var(--mls-surface);overflow:hidden} body.mls-ui-skin .mls-profile-section-toggle,body.mls-ui-skin .mls-progressive-toggle{appearance:none;width:100%;display:flex;justify-content:space-between;align-items:center;gap:16px;padding:13px 14px;border:0;background:transparent;color:var(--mls-heading);cursor:pointer;text-align:left} body.mls-ui-skin .mls-profile-section-toggle span:first-child,body.mls-ui-skin .mls-progressive-toggle span:first-child{display:grid;gap:3px} body.mls-ui-skin .mls-profile-section-toggle strong,body.mls-ui-skin .mls-progressive-toggle strong{font-size:13px!important;color:var(--mls-heading)!important} body.mls-ui-skin .mls-profile-section-toggle small,body.mls-ui-skin .mls-progressive-toggle small{font-size:10px!important;color:var(--mls-muted)!important} body.mls-ui-skin .mls-profile-section-toggle>span:last-child,body.mls-ui-skin .mls-progressive-toggle>span:last-child{font-size:18px;transition:transform .18s ease} body.mls-ui-skin .mls-profile-section.is-open .mls-profile-section-toggle>span:last-child,body.mls-ui-skin .mls-progressive-panel.is-open .mls-progressive-toggle>span:last-child{transform:rotate(180deg)} body.mls-ui-skin .mls-profile-section-body{padding:0 14px 14px;border-top:1px solid var(--mls-border)} body.mls-ui-skin .mls-profile-section-body .mls-form-grid{padding-top:14px} body.mls-ui-skin .mls-profile-savebar{position:sticky;bottom:12px;z-index:18;display:flex;align-items:center;justify-content:space-between;gap:14px;margin-top:12px;padding:10px 12px;border:1px solid var(--mls-border);border-radius:15px;background:color-mix(in srgb,var(--mls-surface) 92%,transparent);box-shadow:0 12px 30px -26px rgba(15,23,42,.6);backdrop-filter:blur(12px)} body.mls-ui-skin .mls-profile-savebar span{font-size:10px;color:var(--mls-muted)!important} body.mls-ui-skin .mls-progressive-panel{padding:0!important;overflow:hidden;margin-top:10px} body.mls-ui-skin .mls-progressive-body{padding:0 14px 14px;border-top:1px solid var(--mls-border)} body.mls-ui-skin .mls-progressive-body .mls-form-grid{padding-top:14px} /* Status vocabulary */ body.mls-ui-skin .mls-status-badge.is-success,body.mls-ui-skin .mls-pill.is-success{background:color-mix(in srgb,var(--mls-success) 10%,var(--mls-surface))!important;color:var(--mls-success)!important;border-color:color-mix(in srgb,var(--mls-success) 30%,var(--mls-border))!important} body.mls-ui-skin .mls-status-badge.is-warning,body.mls-ui-skin .mls-pill.is-warning{background:color-mix(in srgb,var(--mls-warning) 11%,var(--mls-surface))!important;color:var(--mls-warning)!important;border-color:color-mix(in srgb,var(--mls-warning) 32%,var(--mls-border))!important} body.mls-ui-skin .mls-status-badge.is-danger,body.mls-ui-skin .mls-pill.is-danger{background:color-mix(in srgb,var(--mls-danger) 10%,var(--mls-surface))!important;color:var(--mls-danger)!important;border-color:color-mix(in srgb,var(--mls-danger) 28%,var(--mls-border))!important} body.mls-ui-skin .mls-status-badge.is-neutral,body.mls-ui-skin .mls-pill.is-neutral{background:var(--mls-surface-alt)!important;color:var(--mls-muted)!important;border-color:var(--mls-border)!important} /* Actionable notifications */ body.mls-ui-skin .mls-notification-item{position:relative;padding:14px!important;border:1px solid var(--mls-border);border-radius:15px;background:var(--mls-surface);margin:8px 0} body.mls-ui-skin .mls-notification-item.is-unread{border-left:3px solid var(--mls-primary);background:color-mix(in srgb,var(--mls-primary) 4%,var(--mls-surface))} body.mls-ui-skin .mls-notification-item p{line-height:1.55!important} body.mls-ui-skin .mls-notification-item form{display:inline-block;margin:8px 0 0 6px} body.mls-ui-skin .mls-notification-action{margin-top:8px!important} /* Smart empty states */ body.mls-ui-skin .mls-smart-empty{display:flex;align-items:center;justify-content:space-between;gap:14px;min-height:62px;padding:13px 14px!important;border-style:dashed!important} body.mls-ui-skin .mls-smart-empty:before{content:"";width:9px;height:9px;flex:0 0 9px;border-radius:50%;background:var(--mls-muted);opacity:.45} body.mls-ui-skin .mls-smart-empty .mls-link-button{margin-left:auto!important;white-space:nowrap} /* Toast feedback */ .mls-toast-stack{position:fixed;right:18px;top:18px;z-index:100000;display:grid;gap:8px;width:min(380px,calc(100vw - 28px));pointer-events:none} .mls-toast{display:grid;grid-template-columns:10px minmax(0,1fr) 28px;gap:10px;align-items:start;padding:12px 12px;border:1px solid var(--mls-border,#e2e8f0);border-radius:15px;background:var(--mls-surface,#fff);box-shadow:0 20px 50px -32px rgba(15,23,42,.5);opacity:0;transform:translateY(-8px);transition:opacity .18s ease,transform .18s ease;pointer-events:auto} .mls-toast.is-visible{opacity:1;transform:none}.mls-toast-dot{width:9px;height:9px;margin-top:5px;border-radius:50%;background:#16a34a}.mls-toast.is-error .mls-toast-dot{background:#dc2626}.mls-toast strong{font-size:12px;color:var(--mls-heading,#0f172a)}.mls-toast p{margin:2px 0 0!important;font-size:11px!important;line-height:1.45;color:var(--mls-muted,#64748b)!important}.mls-toast button{border:0;background:transparent;color:var(--mls-muted,#64748b);font-size:20px;line-height:1;cursor:pointer} /* Confirmation modal */ body.mls-modal-open{overflow:hidden} .mls-ux-confirm[hidden],.mls-find-panel[hidden]{display:none!important} .mls-ux-confirm,.mls-find-panel{position:fixed;inset:0;z-index:100001;display:grid;place-items:center;padding:18px;background:rgba(15,23,42,.46);backdrop-filter:blur(3px)} .mls-ux-confirm-card{width:min(430px,100%);display:grid;grid-template-columns:42px minmax(0,1fr);gap:12px;padding:18px;border-radius:18px;background:var(--mls-surface,#fff);border:1px solid var(--mls-border,#e2e8f0);box-shadow:0 32px 80px -40px rgba(15,23,42,.8)} .mls-ux-confirm-icon{width:42px;height:42px;display:grid;place-items:center;border-radius:13px;background:color-mix(in srgb,var(--mls-danger,#dc2626) 10%,var(--mls-surface,#fff));color:var(--mls-danger,#dc2626);font-weight:900}.mls-ux-confirm-card h3{margin:1px 0 5px;font-size:16px}.mls-ux-confirm-card p{margin:0;font-size:12px;line-height:1.5}.mls-ux-confirm-actions{grid-column:1/-1;display:flex;justify-content:flex-end;gap:8px;margin-top:4px} /* Quick find */ body.mls-ui-skin .mls-quick-find{margin:0!important} .mls-find-card{width:min(620px,100%);max-height:min(620px,82vh);display:flex;flex-direction:column;padding:14px;border-radius:18px;background:var(--mls-surface,#fff);border:1px solid var(--mls-border,#e2e8f0);box-shadow:0 32px 80px -40px rgba(15,23,42,.8)} .mls-find-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.mls-find-head strong{font-size:13px}.mls-find-head button{border:0;background:transparent;font-size:22px;color:var(--mls-muted,#64748b);cursor:pointer}.mls-find-card input{width:100%;min-height:44px;border-radius:12px;padding:8px 11px}.mls-find-results{display:grid;gap:6px;overflow:auto;margin-top:10px}.mls-find-results>p{padding:12px;margin:0!important;font-size:11px}.mls-find-result{appearance:none;display:grid;gap:3px;width:100%;padding:10px 11px;border:1px solid var(--mls-border,#e2e8f0);border-radius:12px;background:var(--mls-surface-alt,#f8fafc);color:var(--mls-text,#334155);text-align:left;cursor:pointer}.mls-find-result strong{font-size:11px}.mls-find-result span{font-size:10px;line-height:1.4;color:var(--mls-muted,#64748b)} body.mls-ui-skin .mls-find-highlight{outline:3px solid color-mix(in srgb,var(--mls-primary) 45%,transparent)!important;outline-offset:3px;transition:outline-color .3s ease} /* Dashboard personalization */ body.mls-ui-skin .mls-dashboard-customize{margin:0!important}.mls-customize-popover{position:absolute;right:16px;top:calc(100% - 12px);z-index:60;width:min(300px,calc(100vw - 32px));padding:12px;border:1px solid var(--mls-border);border-radius:15px;background:var(--mls-surface);box-shadow:0 22px 50px -30px rgba(15,23,42,.62);color:var(--mls-text)}.mls-customize-popover[hidden]{display:none!important}.mls-customize-head{display:flex;align-items:center;justify-content:space-between}.mls-customize-head button{border:0;background:transparent;color:var(--mls-muted);font-size:20px;cursor:pointer}.mls-customize-popover>p{font-size:10px!important;margin:4px 0 9px!important}.mls-customize-popover label{display:flex!important;align-items:center;gap:8px;padding:7px 0;font-size:11px!important;border-top:1px solid var(--mls-border)} /* QR focus mode */ body.mls-ui-skin .mls-qr-actions{display:flex;justify-content:center;gap:4px;flex-wrap:wrap}.mls-qr-focus,.mls-qr-copy{border:0;background:transparent;color:#334155;font-size:8px;font-weight:800;padding:2px 4px;cursor:pointer;text-decoration:underline}.mls-qr-focus-open{overflow:hidden}.mls-digital-card.is-qr-focus{position:fixed!important;inset:0!important;z-index:100002!important;width:100vw!important;height:100vh!important;max-width:none!important;border-radius:0!important;display:grid!important;place-items:center!important;padding:24px!important;background:#fff!important;color:#111827!important}.mls-digital-card.is-qr-focus>*:not(.mls-card-body):not(.mls-qr-focus-close){display:none!important}.mls-digital-card.is-qr-focus .mls-card-body{display:grid!important;place-items:center!important;width:100%!important;height:100%!important}.mls-digital-card.is-qr-focus .mls-card-member{display:none!important}.mls-digital-card.is-qr-focus .mls-card-qr-slot{position:static!important;transform:none!important}.mls-digital-card.is-qr-focus .mls-secure-qr{width:min(78vw,440px)!important;min-height:min(78vw,440px)!important;padding:18px!important;box-shadow:none!important}.mls-digital-card.is-qr-focus .mls-secure-qr-code{width:min(66vw,360px)!important;height:min(66vw,360px)!important;padding:10px!important}.mls-digital-card.is-qr-focus .mls-secure-qr-code img,.mls-digital-card.is-qr-focus .mls-secure-qr-code canvas{width:min(62vw,340px)!important;height:min(62vw,340px)!important;max-width:none!important;max-height:none!important}.mls-digital-card.is-qr-focus .mls-secure-qr-status{font-size:12px!important}.mls-digital-card.is-qr-focus .mls-qr-focus{display:none}.mls-qr-focus-close{position:fixed;right:18px;top:18px;width:44px;height:44px;border:1px solid #e2e8f0;border-radius:50%;background:#fff;color:#0f172a;font-size:28px;line-height:1;cursor:pointer;box-shadow:0 12px 30px -22px rgba(15,23,42,.6)} /* Scanner result: unmistakable green/red operational states */ body.mls-ui-skin .mls-verify-success{border-left:4px solid var(--mls-success)!important;background:var(--mls-surface)!important} body.mls-ui-skin .mls-verify-title h4{font-size:20px!important}.mls-scan-next-wrap{display:flex;justify-content:flex-end;margin-top:12px;padding-top:12px;border-top:1px solid var(--mls-border,#e2e8f0)} .mls-verify-error{display:grid;grid-template-columns:44px minmax(0,1fr) auto;gap:12px;align-items:center;padding:16px;border:1px solid color-mix(in srgb,var(--mls-danger,#dc2626) 30%,var(--mls-border,#e2e8f0));border-left:4px solid var(--mls-danger,#dc2626);border-radius:17px;background:var(--mls-surface,#fff)}.mls-verify-error-icon{width:44px;height:44px;display:grid;place-items:center;border-radius:50%;background:var(--mls-danger,#dc2626);color:#fff;font-size:24px;font-weight:900}.mls-verify-error small{color:var(--mls-danger,#dc2626);font-weight:800}.mls-verify-error h4{margin:2px 0 4px;font-size:17px}.mls-verify-error p{margin:0!important;font-size:11px!important;line-height:1.5} /* Payment cards: retail-like information density */ body.mls-ui-skin .mls-payment-plan{padding:20px!important;border-radius:18px!important} body.mls-ui-skin .mls-payment-plan:before{height:2px!important;background:var(--mls-primary)!important} body.mls-ui-skin .mls-payment-plan h3{margin:10px 0 5px!important;font-size:18px!important} body.mls-ui-skin .mls-payment-plan>p{min-height:0!important;font-size:11px!important;line-height:1.55!important} body.mls-ui-skin .mls-payment-price{display:block;margin:12px 0 10px;font-size:30px!important;letter-spacing:-.03em} body.mls-ui-skin .mls-payment-plan-meta{gap:5px!important}.mls-payment-plan-meta span{font-size:10px!important;min-height:25px!important;padding:4px 8px!important} /* Form processing / skeleton feedback */ body.mls-ui-skin form.is-processing{position:relative;pointer-events:none} body.mls-ui-skin form.is-processing:after{content:"";position:absolute;inset:0;border-radius:inherit;background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--mls-surface) 68%,transparent),transparent);background-size:220% 100%;animation:mls-ux-shimmer 1.1s linear infinite;pointer-events:none} body.mls-ui-skin button.is-processing,body.mls-ui-skin button[aria-busy="true"]{opacity:.78;cursor:progress} @keyframes mls-ux-shimmer{to{background-position:-220% 0}} /* Fixed mobile app navigation. Replaces the older sticky member-only dock. */ body.mls-ui-skin .mls-member-jump-dock{display:none!important} .mls-mobile-app-nav{display:none;position:fixed;left:10px;right:10px;bottom:max(10px,env(safe-area-inset-bottom));z-index:99980;grid-template-columns:repeat(var(--mls-mobile-nav-count,5),1fr);gap:3px;padding:7px;border:1px solid var(--mls-border,#e2e8f0);border-radius:18px;background:color-mix(in srgb,var(--mls-surface,#fff) 92%,transparent);box-shadow:0 18px 42px -24px rgba(15,23,42,.58);backdrop-filter:blur(14px)} .mls-mobile-app-nav a{display:grid;justify-items:center;gap:3px;min-width:0;padding:6px 4px;border-radius:12px;text-decoration:none!important;color:var(--mls-muted,#64748b)!important;font-size:9px;font-weight:750;line-height:1.15}.mls-mobile-nav-dot{width:20px;height:3px;border-radius:999px;background:transparent}.mls-mobile-app-nav a.is-active{background:color-mix(in srgb,var(--mls-primary,#4f46e5) 8%,var(--mls-surface,#fff));color:var(--mls-primary,#4f46e5)!important}.mls-mobile-app-nav a.is-active .mls-mobile-nav-dot{background:var(--mls-primary,#4f46e5)} /* Accessible focus */ body.mls-ui-skin :where(a,button,input,select,textarea):focus-visible{outline:3px solid color-mix(in srgb,var(--mls-primary) 42%,transparent)!important;outline-offset:2px!important} body.mls-ui-skin button,body.mls-ui-skin .mls-link-button{min-height:40px} @media(max-width:900px){ body.mls-ui-skin .mls-onboarding-steps{grid-template-columns:repeat(2,minmax(0,1fr))} body.mls-ui-skin .mls-focus-card{grid-template-columns:44px minmax(0,1fr)} body.mls-ui-skin .mls-focus-card>.mls-primary{grid-column:2;justify-self:start} .mls-verify-error{grid-template-columns:44px minmax(0,1fr)}.mls-verify-error>.mls-secondary{grid-column:2;justify-self:start} } @media(max-width:782px){ .mls-mobile-app-nav{display:grid}.mls-has-mobile-nav{padding-bottom:84px!important} body.mls-ui-skin .mls-role-nav{display:none!important} body.mls-ui-skin .mls-sales-tabs{display:none!important} body.mls-ui-skin .mls-profile-savebar{bottom:82px} body.mls-ui-skin .mls-dashboard-identity{grid-template-columns:1fr 1fr!important} body.mls-ui-skin .mls-dashboard-customize,body.mls-ui-skin .mls-quick-find{min-height:38px!important} } @media(max-width:620px){ body.mls-ui-skin .mls-focus-card{grid-template-columns:40px minmax(0,1fr);padding:13px} body.mls-ui-skin .mls-focus-icon{width:40px;height:40px;border-radius:13px} body.mls-ui-skin .mls-focus-copy h3{font-size:15px!important} body.mls-ui-skin .mls-onboarding-steps{grid-template-columns:1fr 1fr} body.mls-ui-skin .mls-sales-stepper button{justify-content:center;padding:9px 6px}body.mls-ui-skin .mls-sales-stepper button strong{display:none} body.mls-ui-skin .mls-sales-submit{display:grid;grid-template-columns:1fr}body.mls-ui-skin .mls-sales-submit .mls-primary{width:100%} body.mls-ui-skin .mls-profile-savebar{align-items:stretch;display:grid}body.mls-ui-skin .mls-profile-savebar .mls-primary{width:100%} .mls-toast-stack{right:10px;top:10px;width:calc(100vw - 20px)} .mls-digital-card.is-qr-focus{padding:14px!important} } @media(prefers-reduced-motion:reduce){ .mls-toast,.mls-profile-section-toggle>span:last-child,.mls-progressive-toggle>span:last-child{transition:none!important} body.mls-ui-skin form.is-processing:after{animation:none!important;background:color-mix(in srgb,var(--mls-surface) 55%,transparent)!important} } body.mls-ui-skin .mls-payment-success-card{display:grid;grid-template-columns:48px minmax(0,1fr) auto;gap:14px;align-items:center;margin-top:12px;padding:16px;border:1px solid color-mix(in srgb,var(--mls-success) 32%,var(--mls-border));border-radius:18px;background:color-mix(in srgb,var(--mls-success) 7%,var(--mls-surface))} body.mls-ui-skin .mls-payment-success-check{width:48px;height:48px;display:grid;place-items:center;border-radius:50%;background:var(--mls-success);color:#fff;font-size:24px;font-weight:900} body.mls-ui-skin .mls-payment-success-card h4{margin:2px 0 4px!important;font-size:18px!important} body.mls-ui-skin .mls-payment-success-card p{margin:0!important;font-size:11px!important;line-height:1.5} body.mls-ui-skin .mls-payment-success-steps{display:flex;flex-wrap:wrap;gap:6px;margin-top:9px} body.mls-ui-skin .mls-payment-success-steps span{display:inline-flex;padding:5px 8px;border-radius:999px;background:var(--mls-surface);border:1px solid color-mix(in srgb,var(--mls-success) 25%,var(--mls-border));color:var(--mls-success)!important;font-size:10px;font-weight:750} @media(max-width:700px){body.mls-ui-skin .mls-payment-success-card{grid-template-columns:44px minmax(0,1fr)}body.mls-ui-skin .mls-payment-success-card>.mls-primary{grid-column:2;justify-self:start}} /* Registration progressive details */ body.mls-ui-skin .mls-registration-form .mls-form-grid{align-items:start} body.mls-ui-skin .mls-registration-more{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;margin:2px 0 0;padding:12px 14px;border:1px solid var(--mls-border);border-radius:14px;background:var(--mls-surface);color:var(--mls-heading);text-align:left;cursor:pointer} body.mls-ui-skin .mls-registration-more strong{display:block;font-size:12px;line-height:1.3} body.mls-ui-skin .mls-registration-more small{display:block;margin-top:2px;color:var(--mls-muted);font-size:10px;line-height:1.4;font-weight:500} body.mls-ui-skin .mls-registration-more-count{flex:0 0 auto;padding:5px 8px;border-radius:999px;background:var(--mls-surface-alt);color:var(--mls-muted);font-size:10px;font-weight:700} body.mls-ui-skin .mls-registration-more.is-open .mls-registration-more-count{background:color-mix(in srgb,var(--mls-primary) 10%,var(--mls-surface));color:var(--mls-primary)} body.mls-ui-skin .mls-registration-optional{grid-column:1/-1;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding:12px;margin-top:0;border:1px solid var(--mls-border);border-radius:14px;background:color-mix(in srgb,var(--mls-surface-alt) 62%,var(--mls-surface))} body.mls-ui-skin .mls-registration-optional[hidden]{display:none!important} body.mls-ui-skin .mls-password-comfort{display:block;margin-top:5px;color:var(--mls-muted);font-size:10px;font-style:normal} body.mls-ui-skin .mls-password-comfort.is-good{color:var(--mls-warning,#b45309)} body.mls-ui-skin .mls-password-comfort.is-strong{color:var(--mls-success,#15803d)} /* Responsive table details drawer */ body.mls-ui-skin .mls-row-view{display:none;margin-left:8px;min-height:28px!important;padding:4px 8px!important;border:1px solid var(--mls-border);border-radius:8px;background:var(--mls-surface);color:var(--mls-primary);font-size:10px;font-weight:750;cursor:pointer} .mls-detail-drawer{position:fixed;inset:0;z-index:100003}.mls-detail-drawer[hidden]{display:none!important} .mls-detail-drawer-backdrop{position:absolute;inset:0;background:rgba(15,23,42,.34);backdrop-filter:blur(2px)} .mls-detail-drawer-panel{position:absolute;right:0;top:0;bottom:0;width:min(430px,92vw);display:flex;flex-direction:column;background:var(--mls-surface,#fff);color:var(--mls-text,#334155);box-shadow:-28px 0 70px -44px rgba(15,23,42,.75);animation:mls-drawer-in .22s ease-out both} @keyframes mls-drawer-in{from{transform:translateX(18px);opacity:.72}to{transform:translateX(0);opacity:1}} .mls-detail-drawer-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:18px;border-bottom:1px solid var(--mls-border,#e2e8f0)} .mls-detail-drawer-head>div{min-width:0;flex:1 1 auto} .mls-detail-drawer-head span{display:block;color:var(--mls-muted,#64748b);font-size:10px;text-transform:uppercase;letter-spacing:.08em;font-weight:750} .mls-detail-drawer-head strong{display:block;max-width:310px;margin-top:2px;color:var(--mls-heading,#0f172a);font-size:16px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap} .mls-detail-drawer-head button{width:40px;height:40px;display:inline-flex;align-items:center;justify-content:center;flex:0 0 40px;align-self:flex-start;padding:0;line-height:1;border:1px solid var(--mls-border,#e2e8f0);border-radius:50%;background:var(--mls-surface,#fff);color:var(--mls-heading,#0f172a);font-size:22px;cursor:pointer} .mls-detail-drawer-body{overflow:auto;padding:10px 18px 28px} .mls-detail-row{display:grid;grid-template-columns:minmax(90px,34%) minmax(0,1fr);gap:12px;padding:12px 0;border-bottom:1px solid var(--mls-border,#e2e8f0)} .mls-detail-row>span{color:var(--mls-muted,#64748b);font-size:10px;line-height:1.45} .mls-detail-row>strong{color:var(--mls-heading,#0f172a);font-size:11px;line-height:1.5;overflow-wrap:anywhere} @media(max-width:782px){ body.mls-ui-skin .mls-registration-optional{grid-template-columns:1fr} body.mls-ui-skin .mls-responsive-table .mls-row-view{display:inline-flex;align-items:center;justify-content:center} body.mls-ui-skin .mls-responsive-table table{min-width:680px} } @media(prefers-reduced-motion:reduce){.mls-detail-drawer-panel{animation:none!important}} body.mls-ui-skin .mls-dashboard-hero{position:relative} /* v1.41.0 unified auth, role profile and spacing polish */ body.mls-ui-skin .mls-auth-shell-creative{position:relative;display:grid;grid-template-columns:minmax(220px,.8fr) minmax(0,1.2fr);gap:0;max-width:980px;margin-inline:auto;padding:0!important;overflow:hidden!important} body.mls-ui-skin .mls-auth-shell-creative .mls-auth-visual{position:relative;min-height:100%;padding:32px;display:flex;align-items:flex-end;background:linear-gradient(155deg,color-mix(in srgb,var(--mls-primary) 92%,#111827 8%),color-mix(in srgb,var(--mls-primary) 62%,#0f172a 38%));color:#fff;overflow:hidden} body.mls-ui-skin .mls-auth-visual-card{position:relative;z-index:2;display:grid;gap:7px;padding:18px;border:1px solid rgba(255,255,255,.24);border-radius:18px;background:rgba(255,255,255,.10);backdrop-filter:blur(10px)} body.mls-ui-skin .mls-auth-visual-card span{font-size:10px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;opacity:.8}body.mls-ui-skin .mls-auth-visual-card strong{font-size:22px;line-height:1.15;color:#fff!important}body.mls-ui-skin .mls-auth-visual-card small{font-size:11px;line-height:1.55;color:rgba(255,255,255,.86)!important} body.mls-ui-skin .mls-auth-orbit{position:absolute;border:1px solid rgba(255,255,255,.24);border-radius:50%;animation:mlsAuthFloat 8s ease-in-out infinite}body.mls-ui-skin .mls-auth-orbit.is-one{width:190px;height:190px;right:-50px;top:-38px}body.mls-ui-skin .mls-auth-orbit.is-two{width:110px;height:110px;left:-26px;top:26%;animation-delay:-2.5s} body.mls-ui-skin .mls-auth-content{min-width:0;padding:30px 32px;background:var(--mls-surface)} @keyframes mlsAuthFloat{0%,100%{transform:translate3d(0,0,0) rotate(0)}50%{transform:translate3d(0,10px,0) rotate(8deg)}} body.mls-ui-skin .mls-unified-role-picker{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin:16px 0 18px} body.mls-ui-skin .mls-role-choice{appearance:none;display:grid;grid-template-columns:30px minmax(0,1fr);gap:2px 9px;align-items:center;min-width:0;padding:11px 12px;border:1px solid var(--mls-border);border-radius:14px;background:var(--mls-surface);color:var(--mls-heading);text-align:left;cursor:pointer;transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease} body.mls-ui-skin .mls-role-choice>.mls-ui-icon{grid-row:1/3;width:30px;height:30px;border-radius:10px;background:var(--mls-surface-alt);display:grid;place-items:center;color:var(--mls-primary)}body.mls-ui-skin .mls-role-choice>.mls-ui-icon svg{width:16px;height:16px} body.mls-ui-skin .mls-role-choice strong{font-size:12px;color:var(--mls-heading)!important}body.mls-ui-skin .mls-role-choice small{font-size:9px;line-height:1.35;color:var(--mls-muted)!important} body.mls-ui-skin .mls-role-choice.is-active{border-color:color-mix(in srgb,var(--mls-primary) 55%,var(--mls-border));box-shadow:0 0 0 3px color-mix(in srgb,var(--mls-primary) 10%,transparent);transform:translateY(-1px)}body.mls-ui-skin .mls-role-choice:disabled{opacity:.45;cursor:not-allowed;transform:none} body.mls-ui-skin .mls-configurable-field[hidden]{display:none!important}body.mls-ui-skin .mls-configurable-field [data-mls-required-mark][hidden]{display:none!important} body.mls-ui-skin .mls-auth-submit-row{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:14px;padding-top:14px;border-top:1px solid var(--mls-border)}body.mls-ui-skin .mls-auth-submit-row .mls-help{max-width:64%;margin:0!important} body.mls-ui-skin .mls-profile-workspace-tabs{display:flex;gap:6px;overflow:auto;margin:-2px 0 14px;padding:5px;border:1px solid var(--mls-border);border-radius:15px;background:var(--mls-surface-alt);scrollbar-width:none}body.mls-ui-skin .mls-profile-workspace-tabs::-webkit-scrollbar{display:none} body.mls-ui-skin .mls-profile-workspace-tabs a{display:inline-flex;align-items:center;gap:6px;flex:0 0 auto;min-height:34px;padding:7px 10px;border-radius:11px;text-decoration:none!important;color:var(--mls-muted)!important;font-size:10px;font-weight:750}body.mls-ui-skin .mls-profile-workspace-tabs a.is-active,body.mls-ui-skin .mls-profile-workspace-tabs a:hover{background:var(--mls-surface);color:var(--mls-primary)!important;box-shadow:0 8px 18px -16px rgba(15,23,42,.45)}body.mls-ui-skin .mls-profile-workspace-tabs .mls-ui-icon svg{width:14px;height:14px} body.mls-ui-skin .mls-readonly-upload{display:grid;gap:4px;padding:11px 12px;border:1px solid var(--mls-border);border-radius:12px;background:var(--mls-surface-alt)}body.mls-ui-skin .mls-readonly-upload strong{font-size:10px;color:var(--mls-muted)!important} /* Keep content away from panel edges across role workspaces. */ body.mls-ui-skin .mls-dashboard-panel,body.mls-ui-skin .mls-console-panel,body.mls-ui-skin .mls-notification-item,body.mls-ui-skin .mls-review-card{padding:clamp(14px,2vw,20px)!important;box-sizing:border-box} body.mls-ui-skin .mls-dashboard-panel>.mls-section-head:first-child,body.mls-ui-skin .mls-console-panel>.mls-section-head:first-child{margin-top:0!important;padding-top:0!important} body.mls-ui-skin .mls-dashboard-panel>*:last-child,body.mls-ui-skin .mls-console-panel>*:last-child{margin-bottom:0!important} body.mls-ui-skin .mls-role-profile{scroll-margin-top:20px} @media (max-width:780px){body.mls-ui-skin .mls-auth-shell-creative{grid-template-columns:1fr}body.mls-ui-skin .mls-auth-shell-creative .mls-auth-visual{min-height:150px;padding:20px}body.mls-ui-skin .mls-auth-visual-card strong{font-size:18px}body.mls-ui-skin .mls-auth-content{padding:22px 18px}body.mls-ui-skin .mls-unified-role-picker{grid-template-columns:1fr}body.mls-ui-skin .mls-auth-submit-row{align-items:stretch;display:grid}body.mls-ui-skin .mls-auth-submit-row .mls-help{max-width:none}body.mls-ui-skin .mls-auth-submit-row .mls-primary{width:100%}} @media (prefers-reduced-motion:reduce){body.mls-ui-skin .mls-auth-orbit{animation:none!important}body.mls-ui-skin .mls-role-choice{transition:none!important}} body.mls-ui-skin .mls-auth-shell-creative>.mls-notice, body.mls-ui-skin .mls-auth-shell-creative>.mls-registration-recovery{grid-column:1/-1;margin:12px 12px 0} /* v1.42.0 role workspace continuity & production polish */ body.mls-ui-skin .mls-profile-hub{display:grid;grid-template-columns:minmax(0,1.7fr) repeat(2,minmax(110px,.55fr));gap:10px;margin:12px 0 14px;padding:12px;border:1px solid var(--mls-border);border-radius:16px;background:color-mix(in srgb,var(--mls-surface-alt) 54%,var(--mls-surface))} body.mls-ui-skin .mls-profile-hub-main{min-width:0;padding:2px 4px}body.mls-ui-skin .mls-profile-hub-main>strong{display:block;color:var(--mls-heading)!important;font-size:13px}body.mls-ui-skin .mls-profile-hub-main>p{margin:4px 0 0!important;color:var(--mls-muted)!important;font-size:10px!important;line-height:1.5} body.mls-ui-skin .mls-profile-hub-status{display:grid;align-content:center;gap:3px;padding:10px 11px;border:1px solid var(--mls-border);border-radius:13px;background:var(--mls-surface)}body.mls-ui-skin .mls-profile-hub-status span{font-size:9px;color:var(--mls-muted)!important;text-transform:uppercase;letter-spacing:.06em;font-weight:750}body.mls-ui-skin .mls-profile-hub-status strong{font-size:12px;color:var(--mls-heading)!important} body.mls-ui-skin .mls-profile-missing,body.mls-ui-skin .mls-profile-ready{grid-column:1/-1;display:flex;align-items:center;gap:10px;padding-top:9px;border-top:1px solid var(--mls-border)}body.mls-ui-skin .mls-profile-missing>span{font-size:10px;font-weight:750;color:var(--mls-muted)!important}body.mls-ui-skin .mls-profile-missing>div{display:flex;flex-wrap:wrap;gap:5px}body.mls-ui-skin .mls-profile-missing small{padding:4px 7px;border-radius:999px;background:color-mix(in srgb,var(--mls-warning,#b45309) 9%,var(--mls-surface));color:var(--mls-warning,#b45309)!important;font-size:9px;font-weight:700}body.mls-ui-skin .mls-profile-ready{justify-content:flex-start}body.mls-ui-skin .mls-profile-ready strong{font-size:10px;color:var(--mls-success,#15803d)!important}body.mls-ui-skin .mls-profile-ready span{font-size:10px;color:var(--mls-muted)!important} body.mls-ui-skin .mls-profile-workspace-tabs{position:sticky;top:10px;z-index:18;backdrop-filter:blur(12px);background:color-mix(in srgb,var(--mls-surface-alt) 86%,transparent)} body.mls-ui-skin .mls-profile-tab-icon{width:24px;height:24px;display:grid;place-items:center;border-radius:8px;background:color-mix(in srgb,var(--mls-primary) 7%,var(--mls-surface));color:var(--mls-primary)}body.mls-ui-skin .mls-profile-tab-icon .mls-ui-icon{width:14px;height:14px;display:grid;place-items:center}body.mls-ui-skin .mls-profile-tab-icon svg{width:14px!important;height:14px!important} body.mls-ui-skin .mls-profile-workspace-tabs a.is-active .mls-profile-tab-icon{background:color-mix(in srgb,var(--mls-primary) 13%,var(--mls-surface))} body.mls-ui-skin .mls-workspace-target-pulse{animation:mlsWorkspacePulse .5s ease-out both}@keyframes mlsWorkspacePulse{0%{box-shadow:0 0 0 0 color-mix(in srgb,var(--mls-primary) 20%,transparent)}100%{box-shadow:0 0 0 10px transparent}} body.mls-ui-skin .mls-password-field-wrap{position:relative;display:block;width:100%}body.mls-ui-skin .mls-password-field-wrap>input{width:100%;padding-right:66px!important}body.mls-ui-skin .mls-password-toggle{position:absolute;right:8px;top:50%;bottom:auto;transform:translateY(-50%);display:flex;align-items:center;justify-content:center;min-width:48px;height:32px;padding:0 8px;border:0;border-radius:9px;background:var(--mls-surface-alt);color:var(--mls-primary);font-size:9px;line-height:1;font-weight:800;cursor:pointer}body.mls-ui-skin .mls-password-toggle:hover,body.mls-ui-skin .mls-password-toggle:focus{background:color-mix(in srgb,var(--mls-primary) 10%,var(--mls-surface));outline:none} body.mls-ui-skin .mls-role-field-motion.is-role-visible{animation:mlsRoleFieldIn .2s ease-out both}@keyframes mlsRoleFieldIn{from{opacity:.35;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}} /* Broader inner-spacing guard so headings/status never touch top/right edges. */ body.mls-ui-skin :where(.mls-front-shell,.mls-profile-shell,.mls-payment-shell,.mls-card-wallet,.mls-sales-console,.mls-dashboard-panel,.mls-console-panel,.mls-offer-card,.mls-payment-plan,.mls-scanner,.mls-notification-item,.mls-review-card){box-sizing:border-box} body.mls-ui-skin :where(.mls-dashboard-title,.mls-section-head,.mls-scanner-head,.mls-panel-head){gap:14px;min-width:0}body.mls-ui-skin :where(.mls-dashboard-title,.mls-section-head,.mls-scanner-head,.mls-panel-head)>*{min-width:0}body.mls-ui-skin :where(.mls-dashboard-title,.mls-section-head,.mls-scanner-head,.mls-panel-head) :where(h1,h2,h3,h4,p){overflow-wrap:anywhere} body.mls-ui-skin :where(.mls-status-badge,.mls-pill){flex:0 0 auto;max-width:100%;white-space:normal;text-align:center} @media(max-width:780px){body.mls-ui-skin .mls-profile-hub{grid-template-columns:1fr 1fr}body.mls-ui-skin .mls-profile-hub-main{grid-column:1/-1}body.mls-ui-skin .mls-profile-workspace-tabs{top:6px}} @media(max-width:520px){body.mls-ui-skin .mls-profile-hub{grid-template-columns:1fr}body.mls-ui-skin .mls-profile-hub-main,body.mls-ui-skin .mls-profile-missing,body.mls-ui-skin .mls-profile-ready{grid-column:1}body.mls-ui-skin .mls-profile-workspace-tabs a{padding:6px 8px}body.mls-ui-skin .mls-profile-workspace-tabs a>span:last-child{font-size:9px}} @media(prefers-reduced-motion:reduce){body.mls-ui-skin .mls-workspace-target-pulse,body.mls-ui-skin .mls-role-field-motion.is-role-visible{animation:none!important}} /* v1.43.0 production UX + Master frontend workspace */ body.mls-ui-skin .mls-master-dashboard{display:block;padding:0!important;background:transparent!important;border:0!important;box-shadow:none!important;overflow:visible!important} body.mls-ui-skin .mls-master-dashboard>.mls-dashboard-section{margin-top:14px} body.mls-ui-skin .mls-dashboard-hero-master{background:linear-gradient(120deg,color-mix(in srgb,var(--mls-primary) 13%,var(--mls-surface)),var(--mls-surface))!important} body.mls-ui-skin .mls-master-security-note{display:grid;gap:4px;margin:0 0 14px;padding:12px 14px;border:1px solid color-mix(in srgb,var(--mls-warning,#d97706) 28%,var(--mls-border));border-radius:14px;background:color-mix(in srgb,var(--mls-warning,#d97706) 7%,var(--mls-surface))} body.mls-ui-skin .mls-master-security-note strong{color:var(--mls-heading)!important;font-size:12px} body.mls-ui-skin .mls-master-security-note span{color:var(--mls-muted)!important;font-size:11px;line-height:1.5} body.mls-ui-skin .mls-master-vendor-switch,body.mls-ui-skin .mls-master-search{display:flex;align-items:end;gap:10px;flex-wrap:wrap;margin:10px 0 14px;padding:12px;border:1px solid var(--mls-border);border-radius:15px;background:var(--mls-surface-alt)} body.mls-ui-skin .mls-master-vendor-switch label,body.mls-ui-skin .mls-master-search label{display:grid;gap:5px;min-width:min(360px,100%);flex:1} body.mls-ui-skin .mls-master-vendor-switch label>span,body.mls-ui-skin .mls-master-search label>span{font-size:10px;font-weight:750;color:var(--mls-muted)!important;text-transform:uppercase;letter-spacing:.06em} body.mls-ui-skin .mls-action-card.is-current{border-color:color-mix(in srgb,var(--mls-primary) 42%,var(--mls-border));box-shadow:0 0 0 3px color-mix(in srgb,var(--mls-primary) 9%,transparent)} body.mls-ui-skin .mls-master-customer-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px} body.mls-ui-skin .mls-master-customer-card{display:grid;gap:11px;padding:13px;border:1px solid var(--mls-border);border-radius:16px;background:var(--mls-surface)} body.mls-ui-skin .mls-master-customer-head{display:flex;align-items:center;gap:10px;min-width:0} body.mls-ui-skin .mls-master-customer-head img,body.mls-ui-skin .mls-master-customer-head>.mls-dashboard-avatar{width:40px;height:40px;border-radius:50%;object-fit:cover;flex:0 0 40px} body.mls-ui-skin .mls-master-customer-head>div{min-width:0;display:grid;gap:2px} body.mls-ui-skin .mls-master-customer-head strong{font-size:12px;color:var(--mls-heading)!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis} body.mls-ui-skin .mls-master-customer-head span{font-size:10px;color:var(--mls-muted)!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis} body.mls-ui-skin .mls-master-customer-meta{display:grid;grid-template-columns:1fr 1fr;gap:8px} body.mls-ui-skin .mls-master-customer-meta>span{display:grid;gap:2px;padding:8px;border-radius:12px;background:var(--mls-surface-alt)} body.mls-ui-skin .mls-master-customer-meta small{font-size:9px;color:var(--mls-muted)!important} body.mls-ui-skin .mls-master-customer-meta strong{font-size:12px;color:var(--mls-heading)!important} body.mls-ui-skin .mls-master-account-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px} body.mls-ui-skin .mls-master-account-grid>div{display:grid;gap:5px;padding:12px;border:1px solid var(--mls-border);border-radius:14px;background:var(--mls-surface-alt)} body.mls-ui-skin .mls-master-account-grid span{font-size:10px;color:var(--mls-muted)!important} body.mls-ui-skin .mls-master-account-grid strong{font-size:12px;color:var(--mls-heading)!important;overflow-wrap:anywhere} .mls-customer-360-list{display:grid;gap:8px;margin:0} .mls-customer-360-list>div{display:grid;grid-template-columns:minmax(110px,.8fr) minmax(0,1.2fr);gap:12px;padding:10px 0;border-bottom:1px solid var(--mls-border,#e2e8f0)} .mls-customer-360-list dt{font-size:10px;font-weight:750;color:var(--mls-muted,#64748b)}.mls-customer-360-list dd{margin:0;font-size:12px;font-weight:650;color:var(--mls-heading,#0f172a);overflow-wrap:anywhere} /* Guided membership plan / offer builders. Existing backend submits stay untouched. */ body.mls-ui-skin .mls-builder-form{position:relative} body.mls-ui-skin .mls-builder-chrome{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(190px,.45fr);gap:10px;margin:10px 0} body.mls-ui-skin .mls-builder-tabs{display:flex;gap:7px;overflow:auto;padding:2px;scrollbar-width:thin} body.mls-ui-skin .mls-builder-tabs button{min-width:132px;display:flex;align-items:center;gap:7px;padding:9px 10px;border:1px solid var(--mls-border);border-radius:13px;background:var(--mls-surface);color:var(--mls-muted);cursor:pointer;text-align:left} body.mls-ui-skin .mls-builder-tabs button>span{width:24px;height:24px;display:grid;place-items:center;border-radius:50%;background:var(--mls-surface-alt);font-size:10px;font-weight:800} body.mls-ui-skin .mls-builder-tabs button strong{font-size:10px;white-space:nowrap} body.mls-ui-skin .mls-builder-tabs button.is-active{border-color:color-mix(in srgb,var(--mls-primary) 40%,var(--mls-border));background:color-mix(in srgb,var(--mls-primary) 7%,var(--mls-surface));color:var(--mls-primary)} body.mls-ui-skin .mls-builder-preview{display:grid;align-content:center;gap:3px;padding:10px 12px;border:1px solid var(--mls-border);border-radius:13px;background:var(--mls-surface-alt)} body.mls-ui-skin .mls-builder-preview>span{font-size:9px;text-transform:uppercase;letter-spacing:.07em;font-weight:800;color:var(--mls-muted)!important} body.mls-ui-skin .mls-builder-preview strong{font-size:12px;color:var(--mls-heading)!important;overflow-wrap:anywhere} body.mls-ui-skin .mls-builder-preview p{margin:0!important;font-size:10px!important;line-height:1.4;color:var(--mls-muted)!important} body.mls-ui-skin .mls-builder-step{grid-column:1/-1;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding:12px!important;border:1px solid var(--mls-border);border-radius:16px;background:var(--mls-surface)} body.mls-ui-skin .mls-builder-step[hidden]{display:none!important} body.mls-ui-skin .mls-builder-step-head{grid-column:1/-1;display:grid;gap:2px;padding-bottom:9px;border-bottom:1px solid var(--mls-border)} body.mls-ui-skin .mls-builder-step-head>span{font-size:9px;text-transform:uppercase;letter-spacing:.08em;font-weight:800;color:var(--mls-primary)!important} body.mls-ui-skin .mls-builder-step-head strong{font-size:14px;color:var(--mls-heading)!important} body.mls-ui-skin .mls-builder-step-head p{margin:0!important;font-size:10px!important;color:var(--mls-muted)!important} body.mls-ui-skin .mls-builder-controls{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:10px;align-items:center;margin-top:10px;padding-top:10px;border-top:1px solid var(--mls-border)} body.mls-ui-skin .mls-builder-save-state{text-align:center;font-size:9px;color:var(--mls-muted)!important} /* Global inner spacing guard: prevents labels/badges/text from touching top/right edges. */ body.mls-ui-skin :where(.mls-dashboard-panel,.mls-console-panel,.mls-subpanel,.mls-payment-plan,.mls-offer-card,.mls-notification-item,.mls-review-card,.mls-setting-box,.mls-front-note,.mls-notice){box-sizing:border-box} body.mls-ui-skin :where(.mls-dashboard-panel,.mls-console-panel,.mls-subpanel)>:first-child{margin-top:0!important} body.mls-ui-skin :where(.mls-dashboard-panel,.mls-console-panel,.mls-subpanel)>:last-child{margin-bottom:0!important} body.mls-ui-skin .mls-section-head{padding-right:2px;min-width:0} body.mls-ui-skin .mls-section-head>div{min-width:0} body.mls-ui-skin .mls-section-head :where(h1,h2,h3,h4,p){overflow-wrap:anywhere} body.mls-ui-skin :where(.mls-status-badge,.mls-pill){max-width:100%;white-space:normal;text-align:center;line-height:1.25} @media(max-width:960px){ body.mls-ui-skin .mls-master-customer-grid{grid-template-columns:repeat(2,minmax(0,1fr))} body.mls-ui-skin .mls-master-account-grid{grid-template-columns:repeat(2,minmax(0,1fr))} body.mls-ui-skin .mls-builder-chrome{grid-template-columns:1fr} } @media(max-width:640px){ body.mls-ui-skin .mls-master-customer-grid,body.mls-ui-skin .mls-master-account-grid{grid-template-columns:1fr} body.mls-ui-skin .mls-master-vendor-switch,body.mls-ui-skin .mls-master-search{align-items:stretch} body.mls-ui-skin .mls-master-vendor-switch .mls-secondary,body.mls-ui-skin .mls-master-search .mls-secondary{width:100%} body.mls-ui-skin .mls-builder-step{grid-template-columns:1fr} body.mls-ui-skin .mls-builder-controls{grid-template-columns:1fr 1fr} body.mls-ui-skin .mls-builder-save-state{grid-column:1/-1;grid-row:1;text-align:left} body.mls-ui-skin .mls-builder-tabs button{min-width:118px} } @media(prefers-reduced-motion:reduce){body.mls-ui-skin .mls-builder-tabs button,body.mls-ui-skin .mls-master-customer-card{transition:none!important}} /* v1.44.0 — UI/UX refinement release. Functionality unchanged. */ body.mls-ui-skin{ --mls-space-1:4px;--mls-space-2:8px;--mls-space-3:12px;--mls-space-4:16px;--mls-space-5:24px;--mls-space-6:32px; --mls-control-h:44px;--mls-radius-sm:10px;--mls-radius-md:14px;--mls-radius-lg:18px; --mls-focus-ring:0 0 0 3px color-mix(in srgb,var(--mls-primary,#3150F2) 14%,transparent); } /* Consistent page rhythm and readable content width. */ body.mls-ui-skin :where(.mls-front-shell,.mls-auth-shell,.mls-profile-shell){margin-block:20px} body.mls-ui-skin :where(.mls-profile-shell,.mls-payment-shell,.mls-card-wallet,.mls-single-card-view){max-width:1040px} body.mls-ui-skin :where(.mls-vendor-console,.mls-sales-console,.mls-master-dashboard,.mls-role-dashboard){max-width:1180px;margin-inline:auto} body.mls-ui-skin :where(h1,h2,h3,h4){letter-spacing:-.018em;text-wrap:balance} body.mls-ui-skin .mls-dashboard-hero h1{font-size:clamp(24px,3vw,30px)!important;line-height:1.12!important} body.mls-ui-skin .mls-section-head h2{font-size:clamp(19px,2.2vw,22px)!important;line-height:1.2!important} body.mls-ui-skin .mls-section-head h3,body.mls-ui-skin .mls-console-panel h3{font-size:17px!important;line-height:1.25!important} body.mls-ui-skin :where(.mls-section-head p,.mls-dashboard-panel p,.mls-console-panel p,.mls-help){line-height:1.55} body.mls-ui-skin .mls-front-kicker{font-size:10px!important;letter-spacing:.095em!important} body.mls-ui-skin .mls-front-kicker.is-quiet{letter-spacing:.07em!important;opacity:.86} /* Restrained surfaces: real product, not decorative card soup. */ body.mls-ui-skin :where(.mls-dashboard-panel,.mls-console-panel,.mls-subpanel,.mls-payment-plan,.mls-offer-card,.mls-notification-item,.mls-review-card,.mls-setting-box){ border-radius:var(--mls-radius-lg)!important;box-shadow:0 8px 24px -22px rgba(15,23,42,.28)!important;background:var(--mls-surface,#fff)!important; } body.mls-ui-skin :where(.mls-action-card,.mls-offer-card,.mls-payment-plan){background:var(--mls-surface,#fff)!important} body.mls-ui-skin .mls-kpi-card{min-height:104px!important;padding:15px!important;border-radius:var(--mls-radius-lg)!important;box-shadow:0 7px 22px -22px rgba(15,23,42,.28)!important} body.mls-ui-skin .mls-kpi-card:after{display:none!important} body.mls-ui-skin .mls-kpi-card:before{width:36px!important;height:36px!important;top:14px!important;left:14px!important;border-radius:11px!important;background:color-mix(in srgb,var(--mls-primary,#3150F2) 10%,transparent)!important} body.mls-ui-skin .mls-kpi-card .mls-kpi-icon{width:36px!important;height:36px!important;top:14px!important;left:14px!important} body.mls-ui-skin .mls-kpi-card span.mls-kpi-label,body.mls-ui-skin .mls-kpi-card>span:not(.mls-kpi-icon){padding-left:46px!important;font-size:11px!important} body.mls-ui-skin .mls-kpi-card strong{font-size:clamp(24px,2.7vw,29px)!important} /* Fixed inner spacing and edge protection. */ body.mls-ui-skin :where(.mls-dashboard-panel,.mls-console-panel,.mls-subpanel,.mls-payment-plan,.mls-offer-card,.mls-notification-item,.mls-review-card,.mls-front-note,.mls-notice){padding:var(--mls-space-4)!important} body.mls-ui-skin :where(.mls-dashboard-panel,.mls-console-panel,.mls-subpanel,.mls-payment-plan,.mls-offer-card,.mls-notification-item,.mls-review-card)>*{min-width:0} body.mls-ui-skin :where(.mls-dashboard-panel,.mls-console-panel,.mls-subpanel) :where(p,span,strong,small,a,td,th,dd){overflow-wrap:anywhere} body.mls-ui-skin .mls-section-head{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--mls-space-4);margin-bottom:var(--mls-space-4)!important;padding:0!important} body.mls-ui-skin .mls-section-head>:last-child:not(:first-child){flex:0 0 auto;max-width:min(46%,320px)} /* Buttons: one clear hierarchy and reliable 44px touch target. */ body.mls-ui-skin :where(.mls-primary,.mls-secondary,.mls-link-button,button.button,a.button,input.button){ min-height:var(--mls-control-h)!important;padding:9px 14px!important;border-radius:var(--mls-radius-sm)!important;font-size:13px!important;font-weight:750!important;line-height:1.2!important;box-shadow:none!important;transition:background .16s ease,border-color .16s ease,color .16s ease,transform .16s ease!important; } body.mls-ui-skin .mls-primary{background:var(--mls-primary,#3150F2)!important} body.mls-ui-skin .mls-primary:hover{filter:brightness(.96)} body.mls-ui-skin :where(.mls-secondary,.mls-link-button){background:var(--mls-surface-alt,#F5F7FB)!important;border:1px solid var(--mls-border,#E5EAF5)!important;color:var(--mls-heading,#101A3A)!important} body.mls-ui-skin :where(.mls-secondary,.mls-link-button):hover{border-color:color-mix(in srgb,var(--mls-primary,#3150F2) 32%,var(--mls-border));color:var(--mls-primary,#3150F2)!important;background:color-mix(in srgb,var(--mls-primary,#3150F2) 4%,var(--mls-surface))!important} body.mls-ui-skin .mls-danger-action{background:transparent!important;border:1px solid color-mix(in srgb,var(--mls-danger,#dc2626) 32%,var(--mls-border))!important;color:var(--mls-danger,#dc2626)!important;box-shadow:none!important} body.mls-ui-skin .mls-danger-action:hover{background:color-mix(in srgb,var(--mls-danger,#dc2626) 6%,var(--mls-surface))!important;border-color:var(--mls-danger,#dc2626)!important} body.mls-ui-skin :where(button,a,input,select,textarea):focus-visible{outline:none!important;box-shadow:var(--mls-focus-ring)!important} body.mls-ui-skin .mls-has-ui-icon .mls-ui-icon{opacity:.9} /* Forms: quieter labels, consistent controls, field-level validation. */ body.mls-ui-skin .mls-form-grid{gap:var(--mls-space-4)!important} body.mls-ui-skin .mls-field{gap:6px!important} body.mls-ui-skin .mls-field>span,body.mls-ui-skin .mls-field>label{font-size:12px!important;font-weight:700!important;color:var(--mls-heading,#101A3A)!important} body.mls-ui-skin :where(.mls-field input,.mls-field select,.mls-field textarea,.mls-inline-form input,.mls-inline-form select,.mls-inline-form textarea){ min-height:var(--mls-control-h)!important;border-radius:var(--mls-radius-sm)!important;border-color:var(--mls-border,#D9E0EB)!important;background:var(--mls-surface,#fff)!important;color:var(--mls-heading,#101A3A)!important;font-size:14px!important; } body.mls-ui-skin .mls-field textarea{min-height:104px!important} body.mls-ui-skin .mls-field :where(input,select,textarea)::placeholder{color:color-mix(in srgb,var(--mls-muted,#7B88A4) 76%,transparent)!important} body.mls-ui-skin .mls-field.is-invalid :where(input,select,textarea){border-color:var(--mls-danger,#dc2626)!important;box-shadow:0 0 0 3px color-mix(in srgb,var(--mls-danger,#dc2626) 9%,transparent)!important} body.mls-ui-skin .mls-field-error{display:flex;align-items:center;gap:5px;margin-top:1px;color:var(--mls-danger,#dc2626)!important;font-size:11px!important;font-weight:650;line-height:1.35} body.mls-ui-skin .mls-field-error:before{content:"!";display:grid;place-items:center;width:15px;height:15px;border-radius:50%;background:color-mix(in srgb,var(--mls-danger,#dc2626) 10%,transparent);font-size:9px;font-weight:900} body.mls-ui-skin .mls-help{font-size:11px!important;color:var(--mls-muted,#7B88A4)!important} body.mls-ui-skin .mls-check{min-height:36px} body.mls-ui-skin .mls-check input[type="checkbox"],body.mls-ui-skin .mls-check input[type="radio"]{width:18px;height:18px;flex:0 0 18px} /* Status language: same shape, same semantic colors everywhere. */ body.mls-ui-skin :where(.mls-status-badge,.mls-pill){gap:6px;min-height:27px;padding:5px 9px!important;border:1px solid var(--mls-border)!important;border-radius:999px!important;font-size:10px!important;font-weight:750!important;letter-spacing:0!important;text-transform:none!important} body.mls-ui-skin :where(.mls-status-badge,.mls-pill):before{content:"";width:6px;height:6px;flex:0 0 6px;border-radius:50%;background:currentColor;opacity:.75} body.mls-ui-skin :where(.mls-status-badge,.mls-pill).is-success{background:color-mix(in srgb,var(--mls-success,#15803d) 7%,var(--mls-surface))!important;border-color:color-mix(in srgb,var(--mls-success,#15803d) 22%,var(--mls-border))!important;color:var(--mls-success,#15803d)!important} body.mls-ui-skin :where(.mls-status-badge,.mls-pill).is-warning{background:color-mix(in srgb,var(--mls-warning,#b45309) 8%,var(--mls-surface))!important;border-color:color-mix(in srgb,var(--mls-warning,#b45309) 24%,var(--mls-border))!important;color:var(--mls-warning,#b45309)!important} body.mls-ui-skin :where(.mls-status-badge,.mls-pill).is-danger{background:color-mix(in srgb,var(--mls-danger,#dc2626) 6%,var(--mls-surface))!important;border-color:color-mix(in srgb,var(--mls-danger,#dc2626) 22%,var(--mls-border))!important;color:var(--mls-danger,#dc2626)!important} body.mls-ui-skin :where(.mls-status-badge,.mls-pill).is-neutral{background:var(--mls-surface-alt,#F5F7FB)!important;color:var(--mls-muted,#667085)!important} /* Navigation: compact, obvious active state, no oversized pills. */ body.mls-ui-skin :where(.mls-role-nav,.mls-profile-workspace-tabs,.mls-console-tabs,.mls-sales-tabs){gap:6px!important;border-radius:var(--mls-radius-md)!important;box-shadow:0 7px 20px -20px rgba(15,23,42,.26)!important} body.mls-ui-skin .mls-role-nav a{min-width:auto!important;min-height:40px!important;padding:0 12px!important;font-size:11px!important} body.mls-ui-skin :where(.mls-role-nav,.mls-profile-workspace-tabs,.mls-console-tabs,.mls-sales-tabs) a.is-active{font-weight:800!important} /* Tables: dense but readable data views. */ body.mls-ui-skin .mls-responsive-table{position:relative;margin-top:var(--mls-space-4)!important;border:1px solid var(--mls-border,#E5EAF5);border-radius:var(--mls-radius-md);background:var(--mls-surface,#fff)} body.mls-ui-skin .mls-responsive-table table{border-collapse:separate!important;border-spacing:0!important;min-width:720px} body.mls-ui-skin .mls-responsive-table thead th{position:sticky;top:0;z-index:2;padding:10px 12px!important;background:var(--mls-surface-alt,#F6F8FB)!important;border-bottom:1px solid var(--mls-border)!important;font-size:10px!important;font-weight:800!important;letter-spacing:.055em!important;color:var(--mls-muted,#667085)!important} body.mls-ui-skin .mls-responsive-table tbody td{padding:11px 12px!important;border-bottom:1px solid color-mix(in srgb,var(--mls-border) 74%,transparent)!important;background:var(--mls-surface,#fff)!important;font-size:12px!important;vertical-align:middle!important} body.mls-ui-skin .mls-responsive-table tbody tr:last-child td{border-bottom:0!important} body.mls-ui-skin .mls-responsive-table tbody tr:hover td{background:color-mix(in srgb,var(--mls-primary,#3150F2) 2.7%,var(--mls-surface))!important} body.mls-ui-skin .mls-responsive-table .mls-actions-cell{text-align:right!important} body.mls-ui-skin .mls-responsive-table .mls-actions-cell :where(.mls-row-buttons,.mls-inline-action){justify-content:flex-end} body.mls-ui-skin .mls-responsive-table code{max-width:240px;display:inline-block;overflow:hidden;text-overflow:ellipsis;vertical-align:middle} /* Empty, success and error states feel intentional. */ body.mls-ui-skin .mls-smart-empty{display:grid;gap:8px;justify-items:start;min-height:92px;align-content:center;border-style:dashed!important;background:var(--mls-surface-alt,#F7F8FB)!important} body.mls-ui-skin .mls-smart-empty .mls-secondary{margin-top:2px!important} body.mls-ui-skin .mls-notice{line-height:1.5!important} body.mls-ui-skin .mls-toast{border-radius:12px!important;box-shadow:0 12px 36px -20px rgba(15,23,42,.35)!important} /* Scanner = operational screen, less dashboard decoration. */ body.mls-ui-skin .mls-scanner{padding:var(--mls-space-4)!important;border-radius:var(--mls-radius-lg)!important;background:var(--mls-surface,#fff)!important;box-shadow:0 8px 24px -22px rgba(15,23,42,.3)!important} body.mls-ui-skin .mls-scanner-head h3{font-size:22px!important} body.mls-ui-skin .mls-camera-card,body.mls-ui-skin .mls-manual-card{border-radius:var(--mls-radius-lg)!important;box-shadow:none!important;background:var(--mls-surface,#fff)!important} body.mls-ui-skin .mls-scanner-video,body.mls-ui-skin .mls-camera-placeholder{border-radius:var(--mls-radius-md)!important} body.mls-ui-skin .mls-verify-success{border-radius:var(--mls-radius-lg)!important;box-shadow:none!important;background:color-mix(in srgb,var(--mls-success,#15803d) 4%,var(--mls-surface))!important} /* Plans, offers and Customer 360: predictable information order and density. */ body.mls-ui-skin .mls-payment-plan{display:flex;flex-direction:column;gap:8px!important} body.mls-ui-skin .mls-payment-plan h3,body.mls-ui-skin .mls-offer-card h4{margin:0!important;font-size:17px!important;line-height:1.3!important} body.mls-ui-skin .mls-payment-price{font-size:24px!important;line-height:1.1!important;margin-top:3px} body.mls-ui-skin .mls-payment-plan-meta{order:4;margin:2px 0 6px!important} body.mls-ui-skin .mls-payment-plan form{margin-top:auto} body.mls-ui-skin .mls-offer-card p{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;line-height:1.5!important} body.mls-ui-skin .mls-customer-360-list>div{padding:11px 0;border-bottom:1px solid var(--mls-border)} body.mls-ui-skin .mls-customer-360-list>div:last-child{border-bottom:0} /* Card realism and layout stability. */ body.mls-ui-skin .mls-digital-card{aspect-ratio:1.586/1;min-height:0!important;border-radius:20px!important;box-shadow:0 16px 36px -24px rgba(15,23,42,.45)!important} body.mls-ui-skin :where(.mls-card-photo,.mls-card-logo,.mls-dashboard-avatar,.mls-avatar,img.mls-profile-photo){object-fit:cover;background:var(--mls-surface-alt,#F5F7FB)} body.mls-ui-skin .mls-card-qr-slot{flex:0 0 auto} body.mls-ui-skin .mls-card-qr-slot :where(canvas,img,svg){display:block;max-width:100%;height:auto} /* Auth: retain personality but reduce "generated dashboard" effects. */ body.mls-ui-skin .mls-auth-shell-creative{box-shadow:0 18px 44px -32px rgba(15,23,42,.38)!important;border-radius:20px!important} body.mls-ui-skin .mls-auth-shell-creative .mls-auth-visual{background:var(--mls-primary,#3150F2)!important} body.mls-ui-skin .mls-auth-shell-creative .mls-auth-visual:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 82% 14%,rgba(255,255,255,.15),transparent 35%);pointer-events:none} body.mls-ui-skin .mls-auth-visual-card{background:rgba(255,255,255,.08)!important;box-shadow:none!important} body.mls-ui-skin .mls-auth-orbit{opacity:.45;animation-duration:10s!important} body.mls-ui-skin .mls-role-choice{box-shadow:none!important} body.mls-ui-skin .mls-role-choice.is-active{transform:none!important;box-shadow:0 0 0 3px color-mix(in srgb,var(--mls-primary) 9%,transparent)!important} /* Processing states: obvious but calm. */ body.mls-ui-skin :where(button,input[type="submit"]).is-processing{position:relative;cursor:progress!important;opacity:.82} body.mls-ui-skin :where(button,input[type="submit"]).is-processing .mls-ui-icon{animation:mlsUxSpin .8s linear infinite} body.mls-ui-skin form.is-processing{pointer-events:none} @keyframes mlsUxSpin{to{transform:rotate(360deg)}} /* Consistent destructive area. */ body.mls-ui-skin .mls-danger-zone{margin-top:var(--mls-space-5)!important;padding:var(--mls-space-4)!important;border:1px dashed color-mix(in srgb,var(--mls-danger,#dc2626) 30%,var(--mls-border))!important;border-radius:var(--mls-radius-md)!important;background:color-mix(in srgb,var(--mls-danger,#dc2626) 3%,var(--mls-surface))!important} /* Tablet / mobile: one-column forms, real touch targets, no clipped content. */ @media(max-width:1024px){ body.mls-ui-skin .mls-kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important} body.mls-ui-skin .mls-dashboard-split{gap:12px!important} } @media(max-width:782px){ body.mls-ui-skin{--mls-control-h:46px} body.mls-ui-skin :where(.mls-front-shell,.mls-profile-shell,.mls-payment-shell,.mls-card-wallet,.mls-vendor-console,.mls-sales-console){margin:10px auto!important;padding:14px!important;border-radius:16px!important} body.mls-ui-skin .mls-form-grid{grid-template-columns:1fr!important} body.mls-ui-skin .mls-span-2{grid-column:auto!important} body.mls-ui-skin .mls-section-head{gap:10px!important;flex-wrap:wrap} body.mls-ui-skin .mls-section-head>:last-child:not(:first-child){max-width:100%} body.mls-ui-skin .mls-responsive-table{border:0;background:transparent;overflow:visible} body.mls-ui-skin .mls-responsive-table table{min-width:0!important} body.mls-ui-skin .mls-mobile-app-nav a{min-height:48px} body.mls-ui-skin .mls-role-nav{top:6px!important} body.mls-ui-skin .mls-auth-orbit{display:none!important} body.mls-ui-skin .mls-auth-shell-creative .mls-auth-visual{min-height:125px!important} } @media(max-width:520px){ body.mls-ui-skin .mls-kpi-grid{grid-template-columns:1fr 1fr!important;gap:8px!important} body.mls-ui-skin .mls-kpi-card{min-height:92px!important;padding:12px!important} body.mls-ui-skin .mls-kpi-card strong{font-size:23px!important} body.mls-ui-skin .mls-dashboard-panel,body.mls-ui-skin .mls-console-panel,body.mls-ui-skin .mls-subpanel{padding:13px!important} body.mls-ui-skin .mls-dashboard-hero{padding:16px!important} body.mls-ui-skin .mls-digital-card{padding:16px!important;border-radius:17px!important} body.mls-ui-skin .mls-row-buttons{gap:5px!important} } @media(max-width:380px){ body.mls-ui-skin .mls-kpi-grid{grid-template-columns:1fr!important} body.mls-ui-skin :where(.mls-primary,.mls-secondary,.mls-link-button){padding-inline:12px!important} } @media(prefers-reduced-motion:reduce){ body.mls-ui-skin *{scroll-behavior:auto!important;animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important} } body.mls-ui-skin .mls-long-content{overflow-wrap:anywhere;word-break:break-word} body.mls-ui-skin img.mls-image-reserved{min-width:40px;min-height:40px} body.mls-ui-skin .mls-member-action{background:var(--mls-surface,#fff)!important;box-shadow:none!important;transform:none!important} body.mls-ui-skin .mls-member-action:hover,body.mls-ui-skin .mls-member-action:focus{transform:none!important;box-shadow:0 7px 20px -20px rgba(15,23,42,.28)!important} body.mls-ui-skin .mls-mobile-app-nav{border-radius:16px!important;box-shadow:0 12px 32px -22px rgba(15,23,42,.4)!important} body.mls-ui-skin .mls-mobile-app-nav a{gap:4px!important} body.mls-ui-skin .mls-mobile-nav-icon{width:22px;height:22px;display:grid;place-items:center;color:currentColor} body.mls-ui-skin .mls-mobile-nav-icon :where(svg,.mls-ui-icon){width:18px!important;height:18px!important;display:block} body.mls-ui-skin .mls-mobile-nav-icon .mls-ui-icon{display:grid;place-items:center} body.mls-ui-skin .mls-mobile-app-nav a.is-active .mls-mobile-nav-icon{color:var(--mls-primary,#3150F2)} /* v1.45.0 production UX hardening: theme isolation, accessibility and dense-data resilience. */ body.mls-ui-skin :where(.mls-front-shell,.mls-profile-shell,.mls-role-dashboard,.mls-auth-shell,.mls-card-wallet,.mls-payment-shell,.mls-vendor-console,.mls-sales-console,.mls-detail-drawer,.mls-find-panel,.mls-ux-confirm), body.mls-ui-skin :where(.mls-front-shell,.mls-profile-shell,.mls-role-dashboard,.mls-auth-shell,.mls-card-wallet,.mls-payment-shell,.mls-vendor-console,.mls-sales-console,.mls-detail-drawer,.mls-find-panel,.mls-ux-confirm) *, body.mls-ui-skin :where(.mls-front-shell,.mls-profile-shell,.mls-role-dashboard,.mls-auth-shell,.mls-card-wallet,.mls-payment-shell,.mls-vendor-console,.mls-sales-console,.mls-detail-drawer,.mls-find-panel,.mls-ux-confirm) *::before, body.mls-ui-skin :where(.mls-front-shell,.mls-profile-shell,.mls-role-dashboard,.mls-auth-shell,.mls-card-wallet,.mls-payment-shell,.mls-vendor-console,.mls-sales-console,.mls-detail-drawer,.mls-find-panel,.mls-ux-confirm) *::after{box-sizing:border-box} body.mls-ui-skin :where(.mls-front-shell,.mls-profile-shell,.mls-role-dashboard,.mls-auth-shell,.mls-card-wallet,.mls-payment-shell,.mls-vendor-console,.mls-sales-console){float:none!important;clear:both;isolation:isolate;line-height:1.5} body.mls-ui-skin :where(.mls-front-shell,.mls-profile-shell,.mls-role-dashboard,.mls-auth-shell,.mls-card-wallet,.mls-payment-shell,.mls-vendor-console,.mls-sales-console) :where(h1,h2,h3,h4,p,ul,ol,dl){max-width:100%} body.mls-ui-skin :where(.mls-front-shell,.mls-profile-shell,.mls-role-dashboard,.mls-auth-shell,.mls-card-wallet,.mls-payment-shell,.mls-vendor-console,.mls-sales-console) :where(button,input,select,textarea){max-width:100%;font:inherit;text-transform:none;letter-spacing:normal} body.mls-ui-skin :where(.mls-primary,.mls-secondary,.mls-link-button,button){background-image:none;text-shadow:none;text-decoration:none!important;white-space:normal} body.mls-ui-skin :where(.mls-grid,.mls-kpi-grid,.mls-dashboard-split,.mls-action-grid,.mls-form-grid,.mls-payment-plan-grid,.mls-offer-grid,.mls-member-action-grid)>*{min-width:0} body.mls-ui-skin :where(.mls-dashboard-panel,.mls-console-panel,.mls-subpanel,.mls-card,.mls-payment-plan,.mls-offer-card,.mls-membership-card,.mls-action-card) :where(h1,h2,h3,h4,strong,p,span,small,code,a){overflow-wrap:anywhere} body.mls-ui-skin :where(.mls-status-badge,.mls-pill,.mls-dashboard-chip){max-width:100%;white-space:normal;text-align:center;line-height:1.25} body.mls-ui-skin :where(.mls-kpi-card strong,.mls-payment-price,.mls-admin-stat-card strong){font-variant-numeric:tabular-nums} body.mls-ui-skin :where(.mls-kpi-card strong,.mls-payment-price).is-large-value{font-size:clamp(18px,3.5vw,28px)!important;letter-spacing:-.03em} /* Keep common tasks one interaction away without adding new business actions. */ body.mls-ui-skin .mls-role-quick-access{display:flex;align-items:center;gap:8px;flex-wrap:wrap;width:min(calc(100% - 28px),var(--mls-content-width,1240px));max-width:var(--mls-content-width,1240px);margin:10px auto 0;padding:9px 10px;border:1px solid var(--mls-border);border-radius:14px;background:var(--mls-surface);box-shadow:0 8px 22px -22px rgba(15,23,42,.32)} body.mls-ui-skin .mls-role-quick-label{padding:0 5px;color:var(--mls-muted)!important;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.08em} body.mls-ui-skin .mls-role-quick-access .mls-link-button{min-height:38px!important;padding:7px 11px!important;font-size:12px!important} /* Keyboard-first access and consistent focus. */ body.mls-ui-skin .mls-skip-link{position:fixed;left:12px;top:12px;z-index:100000;transform:translateY(-160%);padding:10px 14px;border-radius:10px;background:var(--mls-heading,#0f172a);color:#fff!important;font-weight:800;text-decoration:none;transition:transform .16s ease} body.mls-ui-skin .mls-skip-link:focus{transform:translateY(0)} body.mls-ui-skin :where(a,button,input,select,textarea,[tabindex]):focus-visible{outline:3px solid color-mix(in srgb,var(--mls-primary,#3150F2) 48%,transparent)!important;outline-offset:2px!important} body.mls-ui-skin .mls-field.is-required>span:first-child:after{content:" *";color:var(--mls-danger,#dc2626)} body.mls-ui-skin .mls-field.is-required>span:first-child{font-weight:750} body.mls-ui-skin .mls-field-error{display:block;margin-top:5px;color:var(--mls-danger,#dc2626)!important;font-size:12px;line-height:1.4} /* High-volume table and long-data safety. */ body.mls-ui-skin .mls-responsive-table{max-width:100%;contain:inline-size} body.mls-ui-skin .mls-responsive-table table{width:100%;max-width:100%;border-collapse:separate;border-spacing:0} body.mls-ui-skin .mls-responsive-table :where(th,td){min-width:0;vertical-align:middle} body.mls-ui-skin .mls-responsive-table td :where(code,.mls-long-content){display:inline-block;max-width:min(34ch,100%);overflow:hidden;text-overflow:ellipsis;vertical-align:middle} body.mls-ui-skin .mls-responsive-table td:has(.mls-row-buttons,.mls-actions-cell,form){overflow:visible} body.mls-ui-skin .mls-actions-cell{white-space:normal!important} body.mls-ui-skin .mls-row-buttons{display:flex;justify-content:flex-end;gap:6px;flex-wrap:wrap} body.mls-ui-skin .mls-dashboard-identity{min-width:0;flex-wrap:wrap} body.mls-ui-skin .mls-dashboard-usercard{min-width:0;max-width:100%} body.mls-ui-skin .mls-dashboard-usercard>div{min-width:0} body.mls-ui-skin .mls-dashboard-usercard :where(strong,small){display:block;max-width:30ch;overflow:hidden;text-overflow:ellipsis;white-space:nowrap} body.mls-ui-skin :where(.mls-card-photo,.mls-card-logo,.mls-avatar img,.mls-dashboard-usercard img){aspect-ratio:1/1} /* Reduce visual noise: solid app surfaces, selective depth only. */ body.mls-ui-skin :where(.mls-dashboard-panel,.mls-kpi-card,.mls-action-card,.mls-payment-plan,.mls-offer-card,.mls-membership-card,.mls-profile-section){box-shadow:none!important} body.mls-ui-skin :where(.mls-dashboard-panel,.mls-kpi-card,.mls-action-card,.mls-payment-plan,.mls-offer-card,.mls-membership-card,.mls-profile-section):hover{transform:none!important} body.mls-ui-skin .mls-dashboard-hero{box-shadow:0 14px 34px -28px rgba(15,23,42,.48)!important} body.mls-ui-skin .mls-digital-card{box-shadow:0 16px 34px -24px rgba(15,23,42,.55)!important} /* Responsive visual-audit breakpoints. */ @media(max-width:1100px){ body.mls-ui-skin .mls-role-quick-access{width:min(calc(100% - 20px),var(--mls-content-width,1240px))} body.mls-ui-skin .mls-dashboard-usercard :where(strong,small){max-width:22ch} } @media(max-width:782px){ body.mls-ui-skin .mls-role-quick-access{display:none} body.mls-ui-skin :where(.mls-dashboard-hero,.mls-dashboard-panel,.mls-console-panel,.mls-profile-section,.mls-payment-plan,.mls-offer-card){overflow:visible} body.mls-ui-skin .mls-responsive-table td :where(code,.mls-long-content){max-width:100%} body.mls-ui-skin .mls-dashboard-usercard :where(strong,small){max-width:34ch} body.mls-ui-skin .mls-section-head>:last-child:not(:first-child){margin-left:0!important} } @media(max-width:480px){ body.mls-ui-skin :where(.mls-dashboard-title,.mls-section-head,.mls-dashboard-identity,.mls-profile-summary){align-items:flex-start!important} body.mls-ui-skin :where(.mls-dashboard-title,.mls-section-head){display:grid!important;grid-template-columns:minmax(0,1fr)!important} body.mls-ui-skin :where(.mls-dashboard-actions,.mls-auth-submit-row,.mls-profile-savebar){width:100%;display:flex;flex-wrap:wrap;gap:8px} body.mls-ui-skin :where(.mls-auth-submit-row,.mls-profile-savebar) .mls-primary{width:100%} body.mls-ui-skin .mls-dashboard-usercard :where(strong,small){max-width:24ch} } @media(max-width:360px){ body.mls-ui-skin :where(.mls-front-shell,.mls-profile-shell,.mls-payment-shell,.mls-card-wallet,.mls-vendor-console,.mls-sales-console){width:calc(100% - 12px)!important;margin-inline:6px!important;padding:12px!important} body.mls-ui-skin :where(.mls-primary,.mls-secondary,.mls-link-button,button){min-width:0} body.mls-ui-skin .mls-dashboard-usercard :where(strong,small){max-width:20ch} } /* Page-builder/theme fallback: plugin components keep their product UI even when a theme cannot expose the body skin class. */ :where(.mls-front-shell,.mls-role-dashboard,.mls-auth-shell,.mls-profile-shell,.mls-payment-shell,.mls-card-wallet,.mls-vendor-console,.mls-sales-console){font-family:var(--mls-body-font,Inter,ui-sans-serif,system-ui,sans-serif);color:var(--mls-text,#334155);box-sizing:border-box} :where(.mls-front-shell,.mls-role-dashboard,.mls-auth-shell,.mls-profile-shell,.mls-payment-shell,.mls-card-wallet,.mls-vendor-console,.mls-sales-console) *{box-sizing:border-box} :where(.mls-front-shell,.mls-role-dashboard,.mls-auth-shell,.mls-profile-shell,.mls-payment-shell,.mls-card-wallet,.mls-vendor-console,.mls-sales-console) :where(input,select,textarea){font:inherit;color:var(--mls-text,#334155);border:1px solid var(--mls-border,#dbe1ea);border-radius:var(--mls-radius-control,11px)} :where(.mls-front-shell,.mls-role-dashboard,.mls-auth-shell,.mls-profile-shell,.mls-payment-shell,.mls-card-wallet,.mls-vendor-console,.mls-sales-console) :where(.mls-primary){background:var(--mls-primary,#3150F2);color:var(--mls-primary-text,#fff);border:1px solid var(--mls-primary,#3150F2);border-radius:var(--mls-radius-control,11px)} :where(.mls-front-shell,.mls-role-dashboard,.mls-auth-shell,.mls-profile-shell,.mls-payment-shell,.mls-card-wallet,.mls-vendor-console,.mls-sales-console) :where(.mls-secondary,.mls-link-button){background:var(--mls-surface,#fff);color:var(--mls-text,#334155);border:1px solid var(--mls-border,#dbe1ea);border-radius:var(--mls-radius-control,11px)} .mls-skip-link{position:fixed;left:12px;top:12px;z-index:100000;transform:translateY(-160%);padding:10px 14px;border-radius:10px;background:var(--mls-heading,#0f172a);color:#fff!important;font-family:var(--mls-body-font,Inter,ui-sans-serif,system-ui,sans-serif);font-weight:800;text-decoration:none;transition:transform .16s ease} .mls-skip-link:focus{transform:translateY(0)} .mls-role-quick-access{box-sizing:border-box} body.mls-ui-skin .mls-role-dashboard>.mls-role-quick-access{width:100%;max-width:none;margin:10px 0 0} /* v1.46.0 — Vendor profile-first workspace and technical-settings separation. */ body.mls-ui-skin .mls-vendor-profile-primary{margin:14px 0 18px!important;scroll-margin-top:18px} body.mls-ui-skin .mls-vendor-profile-primary>.mls-profile-shell{width:100%!important;max-width:none!important;margin:0!important;border-color:color-mix(in srgb,var(--mls-primary) 14%,var(--mls-border))!important;background:var(--mls-surface)!important} body.mls-ui-skin .mls-role-dashboard .mls-vendor-profile-primary .mls-profile-workspace-tabs{top:8px} body.mls-ui-skin .mls-role-dashboard .mls-vendor-profile-primary .mls-profile-summary{padding-top:2px} body.mls-ui-skin .mls-technical-details{margin:12px 0;border:1px solid var(--mls-border);border-radius:12px;background:var(--mls-surface-alt);overflow:hidden} body.mls-ui-skin .mls-technical-details>summary{cursor:pointer;padding:11px 13px;color:var(--mls-muted);font-size:12px;font-weight:800;list-style-position:inside} body.mls-ui-skin .mls-technical-details[open]>summary{border-bottom:1px solid var(--mls-border);color:var(--mls-heading)} body.mls-ui-skin .mls-technical-details .mls-payment-webhook-note{margin:10px!important;background:var(--mls-surface)!important} body.mls-ui-skin .mls-payment-webhook-note code{display:block;max-width:100%;margin-top:5px;overflow-wrap:anywhere;white-space:normal} @media(max-width:782px){body.mls-ui-skin .mls-vendor-profile-primary{margin:10px 0 14px!important}} body.mls-ui-skin .mls-vendor-onboarding .mls-onboarding-steps{grid-template-columns:repeat(6,minmax(0,1fr))} @media(max-width:1100px){body.mls-ui-skin .mls-vendor-onboarding .mls-onboarding-steps{grid-template-columns:repeat(3,minmax(0,1fr))}} @media(max-width:640px){body.mls-ui-skin .mls-vendor-onboarding .mls-onboarding-steps{grid-template-columns:repeat(2,minmax(0,1fr))}} /* v1.50.0 — explicit unified registration role selection */ body.mls-ui-skin .mls-auth-shell-creative{grid-template-columns:minmax(190px,.56fr) minmax(0,1.44fr);max-width:1080px} body.mls-ui-skin .mls-registration-step{margin:18px 0;padding:14px;border:1px solid var(--mls-border);border-radius:16px;background:color-mix(in srgb,var(--mls-surface-alt) 42%,var(--mls-surface));box-sizing:border-box} body.mls-ui-skin .mls-registration-step-head{display:flex;align-items:flex-start;gap:12px;min-width:0} body.mls-ui-skin .mls-registration-step-head>div{min-width:0} body.mls-ui-skin .mls-registration-step-head h3{margin:2px 0 4px!important;font-size:17px!important;line-height:1.25;color:var(--mls-heading)!important} body.mls-ui-skin .mls-registration-step-head p{margin:0!important;font-size:11px!important;line-height:1.5;color:var(--mls-muted)!important} body.mls-ui-skin .mls-registration-step-number{display:grid;place-items:center;flex:0 0 34px;width:34px;height:34px;border-radius:10px;background:var(--mls-primary);color:var(--mls-primary-contrast,#fff)!important;font-size:13px;font-weight:900;box-shadow:0 8px 18px -14px color-mix(in srgb,var(--mls-primary) 70%,transparent)} body.mls-ui-skin .mls-registration-role-step .mls-unified-role-picker{margin:14px 0 0;gap:11px} body.mls-ui-skin .mls-role-choice{position:relative;grid-template-columns:42px minmax(0,1fr);grid-template-rows:auto auto auto;gap:3px 10px;min-height:112px;padding:14px 13px;border-radius:14px;background:var(--mls-surface);align-content:center;box-shadow:none!important} body.mls-ui-skin .mls-role-choice .mls-role-choice-icon{grid-row:1/4;align-self:start;display:grid;place-items:center;width:42px;height:42px;border:1px solid var(--mls-border);border-radius:12px;background:var(--mls-surface-alt);color:var(--mls-primary)} body.mls-ui-skin .mls-role-choice .mls-role-choice-icon .mls-ui-icon{width:20px;height:20px;display:grid;place-items:center} body.mls-ui-skin .mls-role-choice .mls-role-choice-icon svg{width:20px!important;height:20px!important} body.mls-ui-skin .mls-role-choice .mls-role-choice-copy{display:grid;gap:4px;min-width:0} body.mls-ui-skin .mls-role-choice .mls-role-choice-copy strong{font-size:13px!important;line-height:1.2;color:var(--mls-heading)!important} body.mls-ui-skin .mls-role-choice .mls-role-choice-copy small{font-size:10px!important;line-height:1.45;color:var(--mls-muted)!important} body.mls-ui-skin .mls-role-choice-state{justify-self:start;display:inline-flex;align-items:center;min-height:22px;margin-top:4px;padding:3px 8px;border:1px solid var(--mls-border);border-radius:999px;background:var(--mls-surface-alt);color:var(--mls-muted)!important;font-size:9px;font-weight:850;line-height:1} body.mls-ui-skin .mls-role-choice.is-active{border-color:var(--mls-primary)!important;background:color-mix(in srgb,var(--mls-primary) 6%,var(--mls-surface))!important;box-shadow:0 0 0 3px color-mix(in srgb,var(--mls-primary) 11%,transparent)!important;transform:none!important} body.mls-ui-skin .mls-role-choice.is-active .mls-role-choice-icon{border-color:color-mix(in srgb,var(--mls-primary) 42%,var(--mls-border));background:color-mix(in srgb,var(--mls-primary) 10%,var(--mls-surface));color:var(--mls-primary)} body.mls-ui-skin .mls-role-choice.is-active .mls-role-choice-state{border-color:color-mix(in srgb,var(--mls-primary) 38%,var(--mls-border));background:var(--mls-primary);color:var(--mls-primary-contrast,#fff)!important} body.mls-ui-skin .mls-role-choice:disabled{opacity:.58;background:var(--mls-surface-alt)!important;cursor:not-allowed} body.mls-ui-skin .mls-role-choice:disabled .mls-role-choice-state{color:var(--mls-danger,#b42318)!important} body.mls-ui-skin .mls-registration-choice-hint{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:12px;padding:10px 12px;border:1px dashed color-mix(in srgb,var(--mls-primary) 35%,var(--mls-border));border-radius:12px;background:color-mix(in srgb,var(--mls-primary) 4%,var(--mls-surface));color:var(--mls-heading)} body.mls-ui-skin .mls-registration-choice-hint strong{font-size:11px;color:var(--mls-heading)!important} body.mls-ui-skin .mls-registration-choice-hint span{font-size:10px;color:var(--mls-muted)!important} body.mls-ui-skin .mls-registration-choice-hint[hidden],body.mls-ui-skin .mls-unified-registration[hidden]{display:none!important} body.mls-ui-skin .mls-registration-details-head{margin:4px 0 16px;padding-bottom:14px;border-bottom:1px solid var(--mls-border);scroll-margin-top:20px} body.mls-ui-skin .mls-unified-registration[data-active-role="customer"] .mls-registration-step-number, body.mls-ui-skin .mls-unified-registration[data-active-role="vendor"] .mls-registration-step-number, body.mls-ui-skin .mls-unified-registration[data-active-role="sales"] .mls-registration-step-number{background:var(--mls-primary)} @media(max-width:780px){ body.mls-ui-skin .mls-auth-shell-creative{grid-template-columns:1fr;max-width:680px} body.mls-ui-skin .mls-registration-step{padding:12px} body.mls-ui-skin .mls-registration-role-step .mls-unified-role-picker{grid-template-columns:1fr} body.mls-ui-skin .mls-role-choice{min-height:92px;grid-template-columns:40px minmax(0,1fr);padding:12px} body.mls-ui-skin .mls-role-choice .mls-role-choice-icon{width:40px;height:40px} body.mls-ui-skin .mls-registration-choice-hint{align-items:flex-start;flex-direction:column} } /* v1.51.0 — auth Login / Registration switch in the left visual rail */ body.mls-ui-skin .mls-auth-shell-creative .mls-auth-visual{ flex-direction:column; align-items:stretch; justify-content:space-between; gap:28px; } body.mls-ui-skin .mls-auth-mode-switch{ position:relative; z-index:3; display:grid; gap:9px; width:100%; } body.mls-ui-skin .mls-auth-mode-option{ display:grid; grid-template-columns:36px minmax(0,1fr); align-items:center; gap:10px; width:100%; min-height:58px; padding:10px 11px; border:1px solid rgba(255,255,255,.24); border-radius:13px; background:rgba(15,23,42,.14); color:#fff!important; text-decoration:none!important; box-shadow:none!important; transition:background .18s ease,border-color .18s ease,transform .18s ease; } body.mls-ui-skin .mls-auth-mode-option:hover, body.mls-ui-skin .mls-auth-mode-option:focus-visible{ background:rgba(255,255,255,.15); border-color:rgba(255,255,255,.52); color:#fff!important; transform:translateY(-1px); outline:2px solid rgba(255,255,255,.72); outline-offset:2px; } body.mls-ui-skin .mls-auth-mode-option.is-active{ background:var(--mls-surface,#fff)!important; border-color:var(--mls-surface,#fff)!important; color:var(--mls-text,#1f2937)!important; cursor:default; } body.mls-ui-skin .mls-auth-mode-option > span:last-child{ min-width:0; display:grid; gap:2px; } body.mls-ui-skin .mls-auth-mode-option strong{ color:inherit!important; font-size:13px; line-height:1.2; font-weight:800; } body.mls-ui-skin .mls-auth-mode-option small{ color:inherit!important; opacity:.78; font-size:9.5px; line-height:1.35; overflow-wrap:anywhere; } body.mls-ui-skin .mls-auth-mode-icon{ width:36px; height:36px; display:grid; place-items:center; border-radius:10px; border:1px solid rgba(255,255,255,.22); background:rgba(255,255,255,.08); color:inherit; } body.mls-ui-skin .mls-auth-mode-option.is-active .mls-auth-mode-icon{ border-color:color-mix(in srgb,var(--mls-primary,#3150F2) 18%,var(--mls-border,#dbe1ea)); background:color-mix(in srgb,var(--mls-primary,#3150F2) 8%,var(--mls-surface,#fff)); color:var(--mls-primary,#3150F2); } body.mls-ui-skin .mls-auth-mode-icon svg{width:18px;height:18px;display:block} body.mls-ui-skin .mls-auth-shell-creative .mls-auth-visual-card{width:100%;margin-top:auto} @media (min-width:781px){ body.mls-ui-skin .mls-auth-shell-creative{grid-template-columns:minmax(235px,.7fr) minmax(0,1.3fr)} } @media (max-width:780px){ body.mls-ui-skin .mls-auth-shell-creative .mls-auth-visual{min-height:auto!important;gap:16px;align-items:stretch!important} body.mls-ui-skin .mls-auth-mode-switch{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px} body.mls-ui-skin .mls-auth-mode-option{grid-template-columns:30px minmax(0,1fr);min-height:52px;padding:8px 9px} body.mls-ui-skin .mls-auth-mode-icon{width:30px;height:30px;border-radius:8px} body.mls-ui-skin .mls-auth-mode-option small{display:none} body.mls-ui-skin .mls-auth-shell-creative .mls-auth-visual-card{display:none} } @media (max-width:390px){ body.mls-ui-skin .mls-auth-mode-option{grid-template-columns:1fr;justify-items:center;text-align:center;gap:5px;min-height:64px} } /* v1.52.3 true role-dashboard tabs: only the selected workspace is rendered. */ body.mls-ui-skin :where(.mls-dashboard-section,.mls-dashboard-anchor,.mls-console-panel,.mls-console-section,#mls-sales-new,#mls-sales-history,#mls-sales-customers,#mls-sales-commission)[hidden]{display:none!important} body.mls-ui-skin :where(.mls-role-nav,.mls-console-tabs,.mls-sales-tabs)[role="tablist"] a[role="tab"]{cursor:pointer} body.mls-ui-skin .mls-dashboard-management .mls-console-tabs a.is-active, body.mls-ui-skin .mls-sales-tabs a.is-active{background:linear-gradient(135deg,var(--mls-primary),var(--mls-accent))!important;color:var(--mls-primary-text)!important;border-color:transparent!important} body.mls-ui-skin .is-active-tab-panel{animation:none!important} body.mls-ui-skin .mls-dashboard-management>.mls-console-panel.is-active-tab-panel, body.mls-ui-skin .mls-dashboard-management>.mls-console-section.is-active-tab-panel{margin-top:14px} /* v1.52.3 mobile dashboards keep the complete tab strip accessible. */ @media(max-width:782px){ body.mls-ui-skin .mls-role-nav{display:flex!important;position:relative!important;top:auto!important;overflow-x:auto!important;flex-wrap:nowrap!important;-webkit-overflow-scrolling:touch} body.mls-ui-skin .mls-role-nav a{flex:0 0 auto!important;white-space:nowrap!important} body.mls-ui-skin .mls-sales-tabs{display:flex!important;overflow-x:auto!important;flex-wrap:nowrap!important;-webkit-overflow-scrolling:touch} body.mls-ui-skin .mls-sales-tabs a{flex:0 0 auto!important;white-space:nowrap!important} .mls-mobile-app-nav{display:none!important} .mls-has-mobile-nav{padding-bottom:0!important} } /* v1.52.4 — global icon visibility + title alignment hardening. Keep plugin UI immune to theme SVG/heading rules and never leave decorative blank KPI boxes. */ body.mls-ui-skin :where(.mls-front-shell,.mls-role-dashboard,.mls-profile-shell,.mls-auth-shell,.mls-payment-shell,.mls-card-wallet,.mls-vendor-console,.mls-sales-console,.mls-master-dashboard) :where(svg.mls-icon-svg,.mls-ui-icon svg){ display:block!important; visibility:visible!important; opacity:1!important; overflow:visible!important; stroke:currentColor!important; fill:none!important; flex:0 0 auto!important; } body.mls-ui-skin :where(.mls-kpi-icon,.mls-nav-icon,.mls-action-icon,.mls-panel-title-icon,.mls-member-action-icon,.mls-member-status-icon,.mls-member-jump-icon,.mls-focus-icon,.mls-role-choice-icon,.mls-profile-tab-icon){ visibility:visible!important; opacity:1!important; text-indent:0!important; } body.mls-ui-skin .mls-kpi-card .mls-kpi-icon{ display:grid!important; place-items:center!important; overflow:visible!important; } body.mls-ui-skin .mls-kpi-card .mls-kpi-icon>svg{ width:18px!important; height:18px!important; min-width:18px!important; min-height:18px!important; } @supports selector(.mls-kpi-card:not(:has(.mls-kpi-icon))){ body.mls-ui-skin .mls-kpi-card:not(:has(.mls-kpi-icon))::before{display:none!important} body.mls-ui-skin .mls-kpi-card:not(:has(.mls-kpi-icon))>span:first-child{padding-left:0!important;min-height:0!important} } /* Normalize heading geometry so host themes cannot pull plugin titles into the left edge. */ body.mls-ui-skin :where(.mls-dashboard-title,.mls-section-head,.mls-panel-head,.mls-scanner-head,.mls-auth-head,.mls-profile-summary)>div{ margin-inline:0!important; padding-inline:0!important; text-indent:0!important; } body.mls-ui-skin :where(.mls-dashboard-title,.mls-section-head,.mls-panel-head,.mls-scanner-head,.mls-auth-head,.mls-profile-summary) :where(h1,h2,h3,h4){ margin-left:0!important; margin-right:0!important; padding-left:0!important; padding-right:0!important; text-indent:0!important; inset-inline:auto!important; } body.mls-ui-skin :where(.mls-dashboard-title,.mls-section-head,.mls-panel-head,.mls-scanner-head,.mls-auth-head,.mls-profile-summary) :where(h1,h2,h3,h4)::before, body.mls-ui-skin :where(.mls-dashboard-title,.mls-section-head,.mls-panel-head,.mls-scanner-head,.mls-auth-head,.mls-profile-summary) :where(h1,h2,h3,h4)::after{ content:none!important; display:none!important; } body.mls-ui-skin .mls-saas-usage-panel{ width:100%!important; margin:0!important; padding:18px!important; } body.mls-ui-skin .mls-saas-usage-panel>.mls-section-head{ margin:0 0 16px!important; padding:0!important; } body.mls-ui-skin .mls-saas-usage-panel>.mls-front-note{margin:0 0 14px!important} body.mls-ui-skin .mls-saas-usage-panel>.mls-kpi-grid{margin:0!important} body.mls-ui-skin .mls-saas-usage-panel>.mls-dashboard-health-note{margin:10px 0 0!important;padding:0!important} @media(max-width:600px){ body.mls-ui-skin .mls-saas-usage-panel{padding:14px!important} } /* v1.52.4 — standalone Sales workspace gets the same protected title inset as role dashboards. */ body.mls-ui-skin .mls-sales-intro{width:100%!important;margin:0!important} body.mls-ui-skin .mls-sales-intro>.mls-section-head{margin:0!important;padding:0!important} /* v1.52.5: complete preview/fallback QR; never render the old four-corner placeholder. */ .mls-design-preview-qr{padding:7px!important;box-sizing:border-box!important;overflow:hidden!important} .mls-design-preview-qr img,.mls-qr-placeholder.mls-qr-preview-full img{display:block!important;width:100%!important;height:100%!important;max-width:100%!important;max-height:100%!important;object-fit:contain!important;margin:0!important;padding:0!important;border:0!important;border-radius:7px!important;background:#fff!important;opacity:1!important;visibility:visible!important} .mls-qr-placeholder.mls-qr-preview-full{display:block!important;padding:7px!important;box-sizing:border-box!important;overflow:visible!important;background:#fff!important} .mls-qr-placeholder.mls-qr-preview-full>span{display:none!important} .mls-qr-placeholder.mls-qr-preview-full small{bottom:-18px!important;color:var(--mls-card-text,#fff)!important} /* v1.52.7: customer membership plan selection must remain usable even without an online gateway. */ body.mls-ui-skin .mls-payment-plan{transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease} body.mls-ui-skin .mls-payment-plan:focus-within{border-color:var(--mls-primary,#46546B);box-shadow:0 0 0 3px color-mix(in srgb,var(--mls-primary,#46546B) 14%,transparent)} body.mls-ui-skin .mls-member-plan-form{margin-top:14px;padding-top:13px;border-top:1px solid var(--mls-border,#E5E9F0)} body.mls-ui-skin .mls-member-plan-form .mls-member-payment-method{display:grid;gap:6px;margin-bottom:10px} body.mls-ui-skin .mls-member-plan-form .mls-member-payment-method>span{font-weight:800;color:var(--mls-text,#111827)} body.mls-ui-skin .mls-member-plan-form .mls-member-payment-method small{color:var(--mls-muted,#64748b);line-height:1.45} body.mls-ui-skin .mls-member-plan-form .mls-primary{width:100%;justify-content:center} body.mls-ui-skin .mls-cash-awaiting{display:grid;gap:8px;margin-top:12px} body.mls-ui-skin .mls-cash-awaiting p{margin:0} body.mls-ui-skin .mls-cash-confirmations{margin:14px 0 18px;padding:14px;border:1px solid var(--mls-border,#E5E9F0);border-radius:var(--mls-panel-radius,16px);background:var(--mls-surface,#fff)} /* v1.52.8 — delegated Vendor/Master gateway panel is rendered only after Admin permission. */ .mls-payment-gateway-grid .mls-setting-box{min-width:0} .mls-payment-gateway-grid .mls-setting-box input.regular-text{width:100%;max-width:100%;box-sizing:border-box} /* v1.53.3 — stable revocable QR + downloadable digital card */ .mls-card-qr-slot{display:grid!important;place-items:center!important;align-self:center!important} .mls-digital-card .mls-card-qr-slot .mls-secure-qr, .mls-digital-card .mls-card-qr-slot .mls-qr-placeholder.mls-qr-preview-full{ width:var(--mls-card-qr-size,82px)!important;height:var(--mls-card-qr-size,82px)!important;min-width:64px!important;min-height:64px!important;max-width:120px!important;max-height:120px!important; padding:7px!important;margin:0!important;border:0!important;border-radius:13px!important;background:#fff!important;color:#111827!important;box-shadow:0 10px 24px -16px rgba(15,23,42,.45)!important;box-sizing:border-box!important;overflow:hidden!important;display:grid!important;place-items:center!important } .mls-digital-card .mls-secure-qr-code{width:100%!important;height:100%!important;padding:0!important;margin:0!important;background:#fff!important;display:grid!important;place-items:center!important;overflow:hidden!important} .mls-digital-card .mls-secure-qr-code :where(img,canvas), .mls-digital-card .mls-qr-placeholder.mls-qr-preview-full img{display:block!important;width:100%!important;height:100%!important;max-width:100%!important;max-height:100%!important;margin:0!important;padding:0!important;border:0!important;border-radius:0!important;object-fit:contain!important;background:#fff!important} .mls-digital-card .mls-secure-qr-status,.mls-digital-card .mls-qr-manual-code,.mls-digital-card .mls-qr-actions,.mls-digital-card .mls-qr-placeholder small{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} .mls-card-download-wrap{display:grid;gap:12px;min-width:0}.mls-card-download-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.mls-card-download-actions small{color:var(--mls-muted,#64748b);font-size:11px;line-height:1.45;max-width:520px}.mls-download-card[disabled]{opacity:.58;cursor:wait} .mls-single-card-view .mls-card-download-wrap{max-width:680px;margin:auto} /* v1.54.0 — membership purchase wizard, installed-app shell and compact role dashboards. */ body.mls-ui-skin .mls-membership-wizard-shell{overflow:visible} body.mls-ui-skin .mls-membership-wizard{display:grid;gap:14px;min-width:0} body.mls-ui-skin .mls-wizard-progress{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;padding:7px;border:1px solid var(--mls-border,#e2e8f0);border-radius:16px;background:var(--mls-surface-alt,#f8fafc)} body.mls-ui-skin .mls-membership-wizard[data-vendor-plans="0"] .mls-wizard-progress{grid-template-columns:repeat(2,minmax(0,1fr))} body.mls-ui-skin .mls-wizard-progress button{display:flex;align-items:center;justify-content:center;gap:7px;min-height:42px;padding:8px 10px;border:0;border-radius:11px;background:transparent;color:var(--mls-muted,#64748b);font:inherit;font-size:11px;font-weight:850;cursor:pointer} body.mls-ui-skin .mls-wizard-progress button span{display:grid;place-items:center;width:22px;height:22px;border-radius:999px;background:var(--mls-surface,#fff);border:1px solid var(--mls-border,#e2e8f0);font-size:10px} body.mls-ui-skin .mls-wizard-progress button.is-active{background:var(--mls-surface,#fff);color:var(--mls-primary,#3150F2);box-shadow:0 8px 22px -20px rgba(15,23,42,.45)} body.mls-ui-skin .mls-wizard-progress button.is-complete{color:var(--mls-heading,#0f172a)} body.mls-ui-skin .mls-wizard-progress button.is-complete span{background:color-mix(in srgb,var(--mls-primary,#3150F2) 10%,var(--mls-surface,#fff));border-color:color-mix(in srgb,var(--mls-primary,#3150F2) 28%,var(--mls-border,#e2e8f0));color:var(--mls-primary,#3150F2)} body.mls-ui-skin .mls-wizard-step{display:none!important;min-width:0;padding:16px;border:1px solid var(--mls-border,#e2e8f0);border-radius:18px;background:var(--mls-surface,#fff)} body.mls-ui-skin .mls-wizard-step.is-active{display:block!important} body.mls-ui-skin .mls-wizard-step-head{margin-bottom:14px} body.mls-ui-skin .mls-wizard-step-head h3{margin:3px 0 5px!important;color:var(--mls-heading,#0f172a)!important;font-size:18px!important} body.mls-ui-skin .mls-wizard-step-head p{margin:0;color:var(--mls-muted,#64748b);font-size:11px;line-height:1.55} body.mls-ui-skin .mls-wizard-vendor-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:9px} body.mls-ui-skin .mls-wizard-vendor-card{display:grid;grid-template-columns:42px minmax(0,1fr);align-items:center;gap:10px;min-width:0;min-height:70px;padding:11px 12px;border:1px solid var(--mls-border,#e2e8f0);border-radius:14px;background:var(--mls-surface-alt,#f8fafc);color:var(--mls-text,#334155);text-align:left;cursor:pointer} body.mls-ui-skin .mls-wizard-vendor-card:hover,body.mls-ui-skin .mls-wizard-vendor-card.is-selected{border-color:color-mix(in srgb,var(--mls-primary,#3150F2) 48%,var(--mls-border,#e2e8f0));background:color-mix(in srgb,var(--mls-primary,#3150F2) 7%,var(--mls-surface,#fff));box-shadow:0 12px 26px -24px rgba(15,23,42,.55)} body.mls-ui-skin .mls-wizard-vendor-mark{display:grid;place-items:center;width:42px;height:42px;border-radius:12px;background:linear-gradient(135deg,var(--mls-primary,#3150F2),var(--mls-accent,#7c3aed));color:var(--mls-primary-text,#fff);font-weight:900} body.mls-ui-skin .mls-wizard-vendor-card strong,body.mls-ui-skin .mls-wizard-vendor-card small{display:block;overflow-wrap:anywhere} body.mls-ui-skin .mls-wizard-vendor-card strong{font-size:12px}.mls-wizard-vendor-card small{margin-top:2px;color:var(--mls-muted,#64748b);font-size:10px} body.mls-ui-skin .mls-wizard-plan-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(205px,1fr));gap:10px} body.mls-ui-skin .mls-wizard-plan-card{position:relative;display:grid;align-content:start;gap:8px;min-width:0;min-height:220px;padding:15px;border:1px solid var(--mls-border,#e2e8f0);border-radius:16px;background:linear-gradient(180deg,var(--mls-surface,#fff),var(--mls-surface-alt,#f8fafc));color:var(--mls-text,#334155);text-align:left;cursor:pointer;box-shadow:none} body.mls-ui-skin .mls-wizard-plan-card:hover:not(:disabled),body.mls-ui-skin .mls-wizard-plan-card.is-selected{border-color:color-mix(in srgb,var(--mls-primary,#3150F2) 52%,var(--mls-border,#e2e8f0));box-shadow:0 16px 34px -29px color-mix(in srgb,var(--mls-primary,#3150F2) 55%,transparent);transform:none!important} body.mls-ui-skin .mls-wizard-plan-card:disabled{opacity:.62;cursor:not-allowed} body.mls-ui-skin .mls-wizard-plan-card>.mls-status-badge{justify-self:start} body.mls-ui-skin .mls-wizard-plan-card>strong{font-size:17px;color:var(--mls-heading,#0f172a)} body.mls-ui-skin .mls-wizard-plan-card>small{min-height:46px;color:var(--mls-muted,#64748b);font-size:10px;line-height:1.5} body.mls-ui-skin .mls-wizard-plan-card>b{font-size:22px;color:var(--mls-heading,#0f172a)} body.mls-ui-skin .mls-wizard-plan-meta{display:flex;gap:5px;flex-wrap:wrap}.mls-wizard-plan-meta em{padding:4px 7px;border-radius:999px;border:1px solid var(--mls-border,#e2e8f0);background:var(--mls-surface,#fff);color:var(--mls-muted,#64748b);font-size:9px;font-style:normal;font-weight:750} body.mls-ui-skin .mls-wizard-plan-action{margin-top:auto;padding-top:7px;border-top:1px solid var(--mls-border,#e2e8f0);color:var(--mls-primary,#3150F2);font-size:10px;font-weight:900} body.mls-ui-skin .mls-wizard-actions{display:flex;justify-content:flex-end;gap:8px;flex-wrap:wrap;margin-top:14px} body.mls-ui-skin .mls-wizard-review{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;margin-bottom:12px} body.mls-ui-skin .mls-wizard-review>div{min-width:0;padding:10px;border:1px solid var(--mls-border,#e2e8f0);border-radius:12px;background:var(--mls-surface-alt,#f8fafc)} body.mls-ui-skin .mls-wizard-review span,body.mls-ui-skin .mls-wizard-review strong{display:block;overflow-wrap:anywhere}.mls-wizard-review span{color:var(--mls-muted,#64748b);font-size:9px;text-transform:uppercase;letter-spacing:.04em}.mls-wizard-review strong{margin-top:4px;color:var(--mls-heading,#0f172a);font-size:11px} /* Benefit availability editor: one-time / time-period / permanent / recurring. */ body.mls-ui-skin .mls-benefit-availability-help{padding:10px 12px;border:1px dashed color-mix(in srgb,var(--mls-primary,#3150F2) 26%,var(--mls-border,#e2e8f0));border-radius:12px;background:color-mix(in srgb,var(--mls-primary,#3150F2) 4%,var(--mls-surface,#fff))} body.mls-ui-skin .mls-benefit-availability-help small{display:block;margin-top:3px;color:var(--mls-muted,#64748b);line-height:1.5} /* Installed PWA / standalone app: compact, role-appropriate and theme-header/footer free. */ body.mls-pwa-app-shell{margin:0!important;padding:0!important;min-height:100vh;background:var(--mls-bg,#f4f6fa)!important} body.mls-pwa-app-shell .mls-pwa-app-main{width:min(100%,1180px);margin:0 auto;padding:max(12px,env(safe-area-inset-top)) 10px calc(92px + env(safe-area-inset-bottom));box-sizing:border-box} body.mls-pwa-app-shell .mls-front-shell.mls-role-dashboard{margin:0!important;width:100%!important;max-width:none!important;padding:0!important;border:0!important;background:transparent!important;box-shadow:none!important} body.mls-pwa-app-shell .mls-dashboard-hero{margin:0 0 10px!important;padding:15px 16px!important;border-radius:20px!important;grid-template-columns:minmax(0,1fr) auto!important;gap:12px!important;min-height:0!important} body.mls-pwa-app-shell .mls-dashboard-hero-main{gap:5px!important;min-width:0} body.mls-pwa-app-shell .mls-dashboard-hero h1{font-size:22px!important;line-height:1.15!important;overflow-wrap:anywhere} body.mls-pwa-app-shell .mls-dashboard-hero p{font-size:11px!important;line-height:1.4!important} body.mls-pwa-app-shell .mls-dashboard-hero .mls-front-kicker{font-size:9px!important} body.mls-pwa-app-shell .mls-dashboard-identity{max-width:300px!important;min-width:0!important;display:grid!important;grid-template-columns:auto auto!important;align-content:center!important;gap:6px!important} body.mls-pwa-app-shell .mls-dashboard-usercard{grid-column:1/-1!important;min-width:0!important;width:100%!important;max-width:300px!important;padding:6px 8px!important} body.mls-pwa-app-shell .mls-dashboard-avatar{width:34px!important;height:34px!important;font-size:12px!important} body.mls-pwa-app-shell .mls-dashboard-usercard div{min-width:0!important}.mls-pwa-app-shell .mls-dashboard-usercard strong,.mls-pwa-app-shell .mls-dashboard-usercard small{display:block;max-width:210px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important} body.mls-pwa-app-shell .mls-dashboard-identity>.mls-secondary{min-height:34px!important;padding:6px 8px!important;font-size:10px!important} body.mls-pwa-app-shell .mls-pwa-install-action{display:none!important} body.mls-pwa-app-shell .mls-role-nav{display:none!important} body.mls-pwa-app-shell.mls-has-mobile-nav{padding-bottom:0!important} body.mls-pwa-app-shell .mls-mobile-app-nav{display:grid!important;left:8px!important;right:8px!important;bottom:max(8px,env(safe-area-inset-bottom))!important;border-radius:18px!important;padding:6px!important;box-shadow:0 18px 40px -22px rgba(15,23,42,.42)!important} body.mls-pwa-app-shell .mls-mobile-app-nav a{min-height:50px!important;font-size:9px!important} body.mls-pwa-app-shell .mls-mobile-nav-icon{width:22px!important;height:22px!important;display:grid!important;place-items:center!important} body.mls-pwa-app-shell .mls-mobile-nav-icon :where(svg,.mls-icon-svg){width:20px!important;height:20px!important;max-width:20px!important;max-height:20px!important} body.mls-pwa-app-shell .mls-dashboard-panel,body.mls-pwa-app-shell .mls-console-panel,body.mls-pwa-app-shell .mls-console-section{border-radius:16px!important;padding:13px!important;margin-top:10px!important} body.mls-pwa-app-shell .mls-kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important} body.mls-pwa-app-shell .mls-kpi-card{min-height:84px!important;padding:11px!important} body.mls-pwa-app-shell .mls-member-action-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important} body.mls-pwa-app-shell .mls-member-action{grid-template-columns:34px minmax(0,1fr)!important;grid-template-rows:auto auto!important;align-content:center!important;min-height:92px!important;padding:11px!important;gap:7px!important} body.mls-pwa-app-shell .mls-member-action-icon{width:34px!important;height:34px!important} body.mls-pwa-app-shell .mls-member-action-icon :where(svg,.mls-icon-svg){width:18px!important;height:18px!important;max-width:18px!important;max-height:18px!important} body.mls-pwa-app-shell .mls-member-action-copy{align-self:center!important}.mls-pwa-app-shell .mls-member-action-copy strong{font-size:11px!important}.mls-pwa-app-shell .mls-member-action-copy small{display:none!important} body.mls-pwa-app-shell .mls-member-action-state{grid-column:1/-1!important;justify-self:start!important;font-size:8px!important}.mls-pwa-app-shell .mls-member-action-go{display:none!important} body.mls-pwa-app-shell .mls-member-status-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important} body.mls-pwa-app-shell .mls-sales-tabs,body.mls-pwa-app-shell .mls-console-tabs{overflow-x:auto!important;display:flex!important;flex-wrap:nowrap!important;gap:6px!important;padding:5px!important}.mls-pwa-app-shell :where(.mls-sales-tabs,.mls-console-tabs) a{flex:0 0 auto!important;min-height:38px!important;padding:7px 9px!important;font-size:10px!important} body.mls-pwa-app-shell .mls-scanner-shell .mls-primary,body.mls-pwa-app-shell .mls-scanner .mls-primary{min-height:52px!important;font-size:13px!important} @media(max-width:620px){ body.mls-ui-skin .mls-wizard-progress{gap:4px;padding:5px}.mls-wizard-progress button{padding:7px 4px!important;font-size:9px!important}.mls-wizard-progress button span{width:20px!important;height:20px!important} body.mls-ui-skin .mls-wizard-step{padding:12px!important}.mls-wizard-vendor-grid,.mls-wizard-plan-grid{grid-template-columns:1fr!important} body.mls-ui-skin .mls-wizard-plan-card{min-height:0!important}.mls-wizard-review{grid-template-columns:repeat(2,minmax(0,1fr))!important} body.mls-ui-skin .mls-wizard-actions>*{flex:1 1 140px!important;justify-content:center!important} body.mls-pwa-app-shell .mls-pwa-app-main{padding-inline:8px!important} body.mls-pwa-app-shell .mls-dashboard-hero{grid-template-columns:1fr!important;padding:13px!important} body.mls-pwa-app-shell .mls-dashboard-identity{max-width:none!important;width:100%!important;grid-template-columns:1fr auto!important} body.mls-pwa-app-shell .mls-dashboard-usercard{max-width:none!important}.mls-pwa-app-shell .mls-dashboard-usercard strong,.mls-pwa-app-shell .mls-dashboard-usercard small{max-width:calc(100vw - 115px)!important} body.mls-pwa-app-shell .mls-dashboard-identity>.mls-secondary{width:auto!important;min-width:86px!important} } /* Also clean up a plugin dashboard installed from a normal WordPress page in standalone display mode. */ @media (display-mode:standalone){ body.mls-ui-skin :where(#masthead,.site-header,#colophon,.site-footer,.ast-footer-overlay){display:none!important} body.mls-ui-skin .site-content,body.mls-ui-skin #content,body.mls-ui-skin .ast-container{padding:0!important;margin:0!important;max-width:none!important;width:100%!important} body.mls-ui-skin .mls-role-nav{display:none!important} body.mls-ui-skin .mls-mobile-app-nav{display:grid!important} body.mls-ui-skin.mls-has-mobile-nav{padding-bottom:86px!important} body.mls-ui-skin .mls-dashboard-hero{padding:14px!important;border-radius:19px!important} body.mls-ui-skin .mls-dashboard-hero h1{font-size:22px!important} body.mls-ui-skin .mls-dashboard-usercard{min-width:0!important}.mls-dashboard-usercard div{min-width:0!important}.mls-dashboard-usercard strong,.mls-dashboard-usercard small{overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important} body.mls-ui-skin .mls-pwa-install-action{display:none!important} body.mls-ui-skin .mls-member-action-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important} body.mls-ui-skin .mls-member-action-icon{width:36px!important;height:36px!important}.mls-member-action-icon svg{width:18px!important;height:18px!important} } /* v1.54.0 PWA role refinements for Vendor / Sales / Staff. */ body.mls-pwa-app-shell :where(.mls-action-grid,.mls-dashboard-actions){grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important} body.mls-pwa-app-shell .mls-action-card{min-height:62px!important;padding:10px 11px!important;border-radius:13px!important;font-size:10px!important} body.mls-pwa-app-shell .mls-sales-console :where(.mls-sales-stepper,.mls-sales-tabs),body.mls-pwa-app-shell .mls-dashboard-management .mls-console-tabs{position:relative!important;top:auto!important} body.mls-pwa-app-shell.mls-pwa-role-vendor .mls-dashboard-hero,body.mls-pwa-app-shell.mls-pwa-role-master .mls-dashboard-hero,body.mls-pwa-app-shell.mls-pwa-role-sales .mls-dashboard-hero,body.mls-pwa-app-shell.mls-pwa-role-customer .mls-dashboard-hero{background:var(--mls-hero-gradient,linear-gradient(135deg,var(--mls-primary,#3150F2),var(--mls-accent,#7c3aed)))!important} @media(max-width:480px){body.mls-pwa-app-shell :where(.mls-action-grid,.mls-dashboard-actions){grid-template-columns:1fr!important}} /* v1.54.1 — five selectable premium Digital Card templates + live template picker */ .mls-card-template-control{display:grid;gap:12px;margin:0 0 16px;padding:14px;border:1px solid var(--mls-border,#e5e7eb);border-radius:16px;background:var(--mls-surface-alt,#f8fafc)} .mls-card-template-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.mls-card-template-heading h4{margin:3px 0 0!important}.mls-card-template-heading p{max-width:480px;margin:0!important;color:var(--mls-muted,#64748b)!important;font-size:12px;line-height:1.45} .mls-card-template-picker{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}.mls-card-template-choice{position:relative;display:grid;gap:7px;min-width:0;margin:0!important;padding:8px!important;border:1px solid var(--mls-border,#e5e7eb)!important;border-radius:14px!important;background:var(--mls-surface,#fff)!important;cursor:pointer;transition:.16s ease}.mls-card-template-choice:hover{transform:translateY(-2px);box-shadow:0 14px 30px -24px rgba(15,23,42,.5)}.mls-card-template-choice.is-selected{border-color:var(--mls-primary,#d7a928)!important;box-shadow:0 0 0 3px color-mix(in srgb,var(--mls-primary,#d7a928) 14%,transparent)}.mls-card-template-choice>input{position:absolute!important;opacity:0!important;pointer-events:none!important}.mls-card-template-choice>strong{font-size:11px!important;line-height:1.25!important;color:var(--mls-heading,#111827)!important;text-align:center;overflow-wrap:anywhere} .mls-card-template-thumb{position:relative;display:block;aspect-ratio:1.58/1;overflow:hidden;border-radius:10px;padding:8px;color:var(--choice-text,#fff);background:linear-gradient(135deg,var(--choice-primary),var(--choice-secondary));box-shadow:0 12px 20px -18px rgba(0,0,0,.6)}.mls-card-template-thumb b,.mls-card-template-thumb em{position:relative;z-index:2;display:block;max-width:72%;font-style:normal;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mls-card-template-thumb b{margin-top:17%;font-size:8px}.mls-card-template-thumb em{margin-top:3px;font-size:6px;opacity:.78}.mls-card-template-thumb u{position:absolute;z-index:2;right:8px;bottom:8px;width:27%;aspect-ratio:1;border:4px solid #111827;border-radius:4px;background:#fff;box-shadow:inset 0 0 0 4px #fff;text-decoration:none}.mls-card-template-thumb u:after{content:"";position:absolute;inset:20%;background:repeating-linear-gradient(45deg,#111827 0 2px,#fff 2px 4px)}.mls-choice-chip{position:absolute;z-index:2;left:8px;top:8px;width:18px;height:18px;border-radius:50%;border:1px solid currentColor;opacity:.86} @media(max-width:1000px){.mls-card-template-picker{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:620px){.mls-card-template-heading{display:grid}.mls-card-template-picker{grid-template-columns:repeat(2,minmax(0,1fr))}} /* Real card designs stay structurally distinct even when Admin customizes their colors. */ .mls-digital-card.mls-card-template-gold{background-image:linear-gradient(145deg,color-mix(in srgb,var(--mls-card-primary) 58%,#fff 42%) 0 15%,transparent 15% 34%),linear-gradient(28deg,transparent 0 48%,color-mix(in srgb,var(--mls-card-primary) 54%,#fff 46%) 48% 62%,transparent 62%),linear-gradient(138deg,color-mix(in srgb,var(--mls-card-primary) 95%,#fff 5%),color-mix(in srgb,var(--mls-card-secondary) 82%,var(--mls-card-primary) 18%))!important} .mls-digital-card.mls-card-template-gold::after{background:linear-gradient(150deg,rgba(255,255,255,.28) 0 14%,transparent 14% 39%,rgba(255,237,165,.2) 39% 54%,transparent 54% 69%,rgba(70,38,0,.14) 69%),radial-gradient(circle at 85% 18%,rgba(255,255,255,.3),transparent 25%)!important} .mls-digital-card.mls-card-template-silver{background-image:linear-gradient(31deg,transparent 0 44%,rgba(255,255,255,.52) 44% 55%,transparent 55%),linear-gradient(151deg,color-mix(in srgb,var(--mls-card-primary) 34%,#fff 66%) 0 24%,color-mix(in srgb,var(--mls-card-secondary) 90%,#fff 10%) 24% 45%,color-mix(in srgb,var(--mls-card-primary) 65%,#fff 35%) 45% 64%,color-mix(in srgb,var(--mls-card-secondary) 72%,#d7dde5 28%) 64% 82%,#f8fafc 82%)!important} .mls-digital-card.mls-card-template-silver::after{background:linear-gradient(135deg,rgba(255,255,255,.62) 0 13%,transparent 13% 29%,rgba(106,117,133,.12) 29% 42%,transparent 42% 71%,rgba(255,255,255,.5) 71%)!important;mix-blend-mode:normal!important} .mls-digital-card.mls-card-template-vip{background-image:radial-gradient(110% 75% at 0% 100%,transparent 72%,color-mix(in srgb,var(--mls-card-primary) 10%,#eabf55 90%) 72.6%,transparent 74%),radial-gradient(105% 78% at 100% 0%,transparent 74%,color-mix(in srgb,var(--mls-card-primary) 8%,#d9a93c 92%) 74.6%,transparent 76%),linear-gradient(145deg,color-mix(in srgb,var(--mls-card-primary) 96%,#000 4%),color-mix(in srgb,var(--mls-card-secondary) 88%,#000 12%))!important} .mls-digital-card.mls-card-template-vip::after{background:linear-gradient(115deg,transparent 0 45%,rgba(255,213,107,.07) 45% 46%,transparent 46%),radial-gradient(circle at 20% 18%,rgba(114,83,224,.2),transparent 25%)!important} .mls-digital-card.mls-card-template-emerald{background-image:radial-gradient(circle at 18% 12%,rgba(191,255,224,.20),transparent 27%),linear-gradient(118deg,transparent 0 41%,rgba(255,255,255,.08) 41% 43%,transparent 43% 69%,rgba(221,255,238,.07) 69% 71%,transparent 71%),linear-gradient(145deg,color-mix(in srgb,var(--mls-card-primary) 94%,#021b15 6%),color-mix(in srgb,var(--mls-card-secondary) 90%,#00110d 10%))!important} .mls-digital-card.mls-card-template-emerald::after{background:radial-gradient(130% 90% at -10% 110%,transparent 65%,rgba(196,255,226,.20) 65.5%,transparent 67%),radial-gradient(90% 80% at 110% -10%,transparent 68%,rgba(163,255,215,.16) 68.5%,transparent 70%)!important} .mls-digital-card.mls-card-template-platinum,.mls-digital-card.mls-card-template-classic{background-image:radial-gradient(circle at 76% 14%,rgba(255,255,255,.82),transparent 24%),linear-gradient(120deg,rgba(255,255,255,.42) 0 17%,transparent 17% 48%,rgba(255,255,255,.22) 48% 61%,transparent 61%),linear-gradient(145deg,color-mix(in srgb,var(--mls-card-primary) 44%,#fff 56%),color-mix(in srgb,var(--mls-card-secondary) 88%,#cbd5e1 12%))!important} .mls-digital-card.mls-card-template-platinum::after,.mls-digital-card.mls-card-template-classic::after{background:linear-gradient(32deg,transparent 0 45%,rgba(80,91,108,.1) 45% 46%,transparent 46% 63%,rgba(255,255,255,.38) 63% 76%,transparent 76%)!important;mix-blend-mode:normal!important} .mls-digital-card.mls-card-template-premium-dark{background-image:radial-gradient(110% 75% at 0% 100%,transparent 72%,#d6a64f 72.6%,transparent 74%),linear-gradient(145deg,#100e27,#251247)!important} .mls-card-template-emerald .mls-card-logo,.mls-card-template-emerald .mls-card-logo-fallback{background:rgba(5,42,34,.64)!important}.mls-card-template-emerald .mls-card-state{background:rgba(227,255,241,.1)!important} /* Designer live preview uses the exact same visual language as the issued cards. */ .mls-design-preview.mls-design-template-gold{background-image:linear-gradient(145deg,color-mix(in srgb,var(--mls-card-primary) 58%,#fff 42%) 0 15%,transparent 15% 34%),linear-gradient(28deg,transparent 0 48%,color-mix(in srgb,var(--mls-card-primary) 54%,#fff 46%) 48% 62%,transparent 62%),linear-gradient(138deg,var(--mls-card-primary),var(--mls-card-secondary)),var(--mls-card-bg-image,none)!important} .mls-design-preview.mls-design-template-silver{background-image:linear-gradient(31deg,transparent 0 44%,rgba(255,255,255,.52) 44% 55%,transparent 55%),linear-gradient(151deg,color-mix(in srgb,var(--mls-card-primary) 34%,#fff 66%) 0 24%,var(--mls-card-secondary) 24% 45%,color-mix(in srgb,var(--mls-card-primary) 65%,#fff 35%) 45% 64%,#f8fafc 82%),var(--mls-card-bg-image,none)!important} .mls-design-preview.mls-design-template-vip{background-image:radial-gradient(110% 75% at 0% 100%,transparent 72%,#e2b64f 72.6%,transparent 74%),radial-gradient(105% 78% at 100% 0%,transparent 74%,#d7a641 74.6%,transparent 76%),linear-gradient(145deg,var(--mls-card-primary),var(--mls-card-secondary)),var(--mls-card-bg-image,none)!important} .mls-design-preview.mls-design-template-emerald{background-image:radial-gradient(circle at 18% 12%,rgba(191,255,224,.2),transparent 27%),linear-gradient(118deg,transparent 0 41%,rgba(255,255,255,.08) 41% 43%,transparent 43% 69%,rgba(221,255,238,.07) 69% 71%,transparent 71%),linear-gradient(145deg,var(--mls-card-primary),var(--mls-card-secondary)),var(--mls-card-bg-image,none)!important} .mls-design-preview.mls-design-template-platinum{background-image:radial-gradient(circle at 76% 14%,rgba(255,255,255,.82),transparent 24%),linear-gradient(120deg,rgba(255,255,255,.42) 0 17%,transparent 17% 48%,rgba(255,255,255,.22) 48% 61%,transparent 61%),linear-gradient(145deg,var(--mls-card-primary),var(--mls-card-secondary)),var(--mls-card-bg-image,none)!important} .mls-design-preview.mls-design-template-silver,.mls-design-preview.mls-design-template-platinum{--mls-card-designer-text:#20252f}.mls-design-preview.mls-design-template-vip{--mls-card-designer-text:#f8d768}.mls-design-preview.mls-design-template-emerald{--mls-card-designer-text:#f0fff8} /* v1.54.2 — installed-app UX hardening. The virtual /mls-app shell now carries * the full UI skin, and this class also covers previously installed PWAs whose * start URL is a normal shortcode page. */ body.mls-installed-app,body.mls-pwa-app-shell{min-height:100dvh!important;margin:0!important;background:var(--mls-bg,#f4f6fa)!important;color:var(--mls-text,#334155)!important;-webkit-tap-highlight-color:transparent} body.mls-installed-app :where(#masthead,.site-header,.site-primary-header-wrap,.ast-primary-header-bar,.site-above-footer-wrap,#colophon,.site-footer,.ast-footer-overlay,.footer-widget-area){display:none!important} body.mls-installed-app :where(.site-content,#content,.ast-container,.site-main,.entry-content,.wp-site-blocks),body.mls-pwa-app-shell .mls-pwa-app-main{width:100%!important;max-width:none!important;margin:0!important;padding-left:0!important;padding-right:0!important;box-sizing:border-box!important} body.mls-installed-app .mls-role-dashboard,body.mls-pwa-app-shell .mls-role-dashboard{width:min(100%,760px)!important;max-width:760px!important;margin:0 auto!important;padding:12px 12px calc(92px + env(safe-area-inset-bottom))!important;background:transparent!important;border:0!important;box-shadow:none!important} body.mls-pwa-app-shell .mls-pwa-app-main{width:100%!important;max-width:none!important;padding:0!important} /* Compact app header: no repeated desktop identity wall or overflowing email. */ body.mls-installed-app .mls-dashboard-hero,body.mls-pwa-app-shell .mls-dashboard-hero{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;align-items:center!important;gap:10px!important;min-height:0!important;margin:0 0 12px!important;padding:16px!important;border-radius:22px!important;overflow:hidden!important} body.mls-installed-app .mls-dashboard-hero-main,body.mls-pwa-app-shell .mls-dashboard-hero-main{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;gap:5px 8px!important;min-width:0!important;align-items:center!important} body.mls-installed-app .mls-dashboard-hero-main>.mls-front-kicker,body.mls-pwa-app-shell .mls-dashboard-hero-main>.mls-front-kicker{grid-column:1/-1!important;font-size:9px!important;line-height:1.2!important;letter-spacing:.12em!important} body.mls-installed-app .mls-dashboard-hero h1,body.mls-pwa-app-shell .mls-dashboard-hero h1{grid-column:1!important;min-width:0!important;margin:0!important;font-size:clamp(19px,5.5vw,25px)!important;line-height:1.12!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important} body.mls-installed-app .mls-dashboard-hero-main>p,body.mls-pwa-app-shell .mls-dashboard-hero-main>p{grid-column:1/-1!important;display:block!important;max-width:100%!important;margin:1px 0 0!important;font-size:10px!important;line-height:1.35!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;opacity:.78} body.mls-installed-app .mls-dashboard-meta,body.mls-pwa-app-shell .mls-dashboard-meta{grid-column:2!important;grid-row:2!important;justify-self:end!important;align-self:center!important} body.mls-installed-app .mls-dashboard-chip,body.mls-pwa-app-shell .mls-dashboard-chip{min-height:25px!important;padding:3px 8px!important;font-size:8px!important} body.mls-installed-app .mls-dashboard-identity,body.mls-pwa-app-shell .mls-dashboard-identity{display:flex!important;width:auto!important;max-width:none!important;min-width:0!important;gap:7px!important;align-items:center!important;justify-content:flex-end!important} body.mls-installed-app .mls-dashboard-usercard,body.mls-pwa-app-shell .mls-dashboard-usercard{display:none!important} body.mls-installed-app .mls-pwa-install-action,body.mls-pwa-app-shell .mls-pwa-install-action{display:none!important} body.mls-installed-app .mls-dashboard-identity>a.mls-secondary,body.mls-pwa-app-shell .mls-dashboard-identity>a.mls-secondary{display:grid!important;place-items:center!important;flex:0 0 42px!important;width:42px!important;min-width:42px!important;height:42px!important;min-height:42px!important;padding:0!important;border-radius:14px!important;font-size:0!important;line-height:0!important;white-space:nowrap!important;overflow:hidden!important} body.mls-installed-app .mls-dashboard-identity>a.mls-secondary .mls-button-icon,body.mls-pwa-app-shell .mls-dashboard-identity>a.mls-secondary .mls-button-icon{display:grid!important;place-items:center!important;width:20px!important;height:20px!important;margin:0!important} body.mls-installed-app .mls-dashboard-identity>a.mls-secondary svg,body.mls-pwa-app-shell .mls-dashboard-identity>a.mls-secondary svg{display:block!important;width:19px!important;height:19px!important;min-width:19px!important;min-height:19px!important;max-width:19px!important;max-height:19px!important} /* One app section at a time; the bottom nav is the primary navigation. */ body.mls-installed-app .mls-role-nav,body.mls-pwa-app-shell .mls-role-nav{display:none!important} body.mls-installed-app .mls-dashboard-section,body.mls-installed-app .mls-dashboard-anchor,body.mls-pwa-app-shell .mls-dashboard-section,body.mls-pwa-app-shell .mls-dashboard-anchor{min-width:0!important} body.mls-installed-app .mls-dashboard-panel,body.mls-installed-app .mls-console-panel,body.mls-installed-app .mls-console-section,body.mls-pwa-app-shell .mls-dashboard-panel,body.mls-pwa-app-shell .mls-console-panel,body.mls-pwa-app-shell .mls-console-section{margin-top:10px!important;padding:13px!important;border-radius:18px!important;overflow:hidden!important} body.mls-installed-app .mls-section-head,body.mls-pwa-app-shell .mls-section-head{gap:8px!important;margin-bottom:10px!important} body.mls-installed-app .mls-section-head h2,body.mls-installed-app .mls-section-head h3,body.mls-installed-app .mls-section-head h4,body.mls-pwa-app-shell .mls-section-head h2,body.mls-pwa-app-shell .mls-section-head h3,body.mls-pwa-app-shell .mls-section-head h4{font-size:15px!important;line-height:1.25!important;margin:2px 0 0!important} body.mls-installed-app .mls-section-head p,body.mls-pwa-app-shell .mls-section-head p{font-size:10px!important;line-height:1.45!important;margin-top:3px!important} /* App-safe icon geometry. These explicit dimensions defeat theme SVG rules that * previously blew 24px dashboard icons up to card-sized graphics. */ body.mls-installed-app :where(.mls-member-action-icon,.mls-action-icon,.mls-kpi-icon,.mls-member-status-icon,.mls-focus-icon,.mls-panel-title-icon,.mls-mobile-nav-icon),body.mls-pwa-app-shell :where(.mls-member-action-icon,.mls-action-icon,.mls-kpi-icon,.mls-member-status-icon,.mls-focus-icon,.mls-panel-title-icon,.mls-mobile-nav-icon){display:grid!important;place-items:center!important;flex:0 0 auto!important} body.mls-installed-app :where(.mls-member-action-icon,.mls-action-icon),body.mls-pwa-app-shell :where(.mls-member-action-icon,.mls-action-icon){width:40px!important;height:40px!important;min-width:40px!important;min-height:40px!important;max-width:40px!important;max-height:40px!important;border-radius:12px!important} body.mls-installed-app :where(.mls-member-action-icon,.mls-action-icon) svg,body.mls-pwa-app-shell :where(.mls-member-action-icon,.mls-action-icon) svg{width:20px!important;height:20px!important;min-width:20px!important;min-height:20px!important;max-width:20px!important;max-height:20px!important;stroke-width:1.8!important} body.mls-installed-app .mls-kpi-icon,body.mls-pwa-app-shell .mls-kpi-icon{width:32px!important;height:32px!important;min-width:32px!important;min-height:32px!important;max-width:32px!important;max-height:32px!important;border-radius:10px!important} body.mls-installed-app .mls-kpi-icon svg,body.mls-pwa-app-shell .mls-kpi-icon svg{width:17px!important;height:17px!important;min-width:17px!important;min-height:17px!important;max-width:17px!important;max-height:17px!important} body.mls-installed-app .mls-focus-icon,body.mls-pwa-app-shell .mls-focus-icon{width:42px!important;height:42px!important;min-width:42px!important;max-width:42px!important} body.mls-installed-app .mls-focus-icon svg,body.mls-pwa-app-shell .mls-focus-icon svg{width:21px!important;height:21px!important;max-width:21px!important;max-height:21px!important} /* Customer home — small, touchable 2-column actions instead of the oversized icon wall. */ body.mls-installed-app .mls-member-action-grid,body.mls-pwa-app-shell .mls-member-action-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:9px!important} body.mls-installed-app .mls-member-action,body.mls-pwa-app-shell .mls-member-action{display:grid!important;grid-template-columns:40px minmax(0,1fr)!important;grid-template-rows:auto auto!important;align-items:center!important;gap:4px 9px!important;min-width:0!important;min-height:88px!important;padding:11px!important;border-radius:16px!important;text-decoration:none!important;overflow:hidden!important} body.mls-installed-app .mls-member-action-copy,body.mls-pwa-app-shell .mls-member-action-copy{min-width:0!important;align-self:center!important} body.mls-installed-app .mls-member-action-copy strong,body.mls-pwa-app-shell .mls-member-action-copy strong{display:block!important;font-size:11px!important;line-height:1.25!important;white-space:normal!important;overflow-wrap:anywhere!important} body.mls-installed-app .mls-member-action-copy small,body.mls-pwa-app-shell .mls-member-action-copy small{display:none!important} body.mls-installed-app .mls-member-action-state,body.mls-pwa-app-shell .mls-member-action-state{grid-column:1/-1!important;justify-self:start!important;max-width:100%!important;padding:3px 6px!important;font-size:8px!important;line-height:1.2!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important} body.mls-installed-app .mls-member-action-go,body.mls-pwa-app-shell .mls-member-action-go{display:none!important} body.mls-installed-app .mls-member-jump-dock,body.mls-pwa-app-shell .mls-member-jump-dock{display:none!important} body.mls-installed-app .mls-member-status-strip,body.mls-pwa-app-shell .mls-member-status-strip{display:none!important} /* Vendor / Sales app home cards remain two columns and use compact app geometry. */ body.mls-installed-app :where(.mls-action-grid,.mls-dashboard-actions),body.mls-pwa-app-shell :where(.mls-action-grid,.mls-dashboard-actions){display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:9px!important} body.mls-installed-app .mls-action-card,body.mls-pwa-app-shell .mls-action-card{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:8px!important;min-width:0!important;min-height:64px!important;padding:10px 11px!important;border-radius:15px!important;font-size:10px!important;overflow:hidden!important} body.mls-installed-app .mls-action-card-main,body.mls-pwa-app-shell .mls-action-card-main{display:flex!important;align-items:center!important;gap:9px!important;min-width:0!important} body.mls-installed-app .mls-action-card-main strong,body.mls-pwa-app-shell .mls-action-card-main strong{min-width:0!important;font-size:10px!important;line-height:1.25!important;overflow-wrap:anywhere!important} body.mls-installed-app .mls-action-card-chevron svg,body.mls-pwa-app-shell .mls-action-card-chevron svg{width:15px!important;height:15px!important;max-width:15px!important;max-height:15px!important} body.mls-installed-app .mls-kpi-grid,body.mls-pwa-app-shell .mls-kpi-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:9px!important} body.mls-installed-app .mls-kpi-card,body.mls-pwa-app-shell .mls-kpi-card{display:grid!important;grid-template-columns:32px minmax(0,1fr)!important;grid-template-rows:auto auto!important;gap:4px 8px!important;min-width:0!important;min-height:78px!important;padding:10px!important;border-radius:16px!important} body.mls-installed-app .mls-kpi-label,body.mls-pwa-app-shell .mls-kpi-label{font-size:9px!important;line-height:1.25!important;overflow-wrap:anywhere!important} body.mls-installed-app .mls-kpi-card>strong,body.mls-pwa-app-shell .mls-kpi-card>strong{grid-column:2!important;font-size:18px!important;line-height:1!important} /* Forms/workspaces: app-friendly controls without squeezing desktop multi-columns. */ body.mls-installed-app :where(.mls-form-grid,.mls-sales-form-grid,.mls-payment-grid,.mls-scanner-grid),body.mls-pwa-app-shell :where(.mls-form-grid,.mls-sales-form-grid,.mls-payment-grid,.mls-scanner-grid){grid-template-columns:1fr!important} body.mls-installed-app :where(input,select,textarea,.mls-primary,.mls-secondary,.mls-link-button),body.mls-pwa-app-shell :where(input,select,textarea,.mls-primary,.mls-secondary,.mls-link-button){max-width:100%!important;box-sizing:border-box!important} body.mls-installed-app .mls-scanner-shell .mls-primary,body.mls-pwa-app-shell .mls-scanner-shell .mls-primary{min-height:52px!important;font-size:13px!important} body.mls-installed-app .mls-responsive-table,body.mls-pwa-app-shell .mls-responsive-table{border-radius:14px!important;overflow-x:auto!important;-webkit-overflow-scrolling:touch!important} /* Fixed app navigation with safe-area support. */ body.mls-installed-app .mls-mobile-app-nav,body.mls-pwa-app-shell .mls-mobile-app-nav{position:fixed!important;z-index:9999!important;left:10px!important;right:10px!important;bottom:max(8px,env(safe-area-inset-bottom))!important;display:grid!important;grid-template-columns:repeat(var(--mls-mobile-nav-count,5),minmax(0,1fr))!important;gap:3px!important;padding:6px!important;border:1px solid var(--mls-border,#e2e8f0)!important;border-radius:20px!important;background:color-mix(in srgb,var(--mls-surface,#fff) 94%,transparent)!important;box-shadow:0 18px 50px -24px rgba(15,23,42,.55)!important;backdrop-filter:blur(18px)!important;-webkit-backdrop-filter:blur(18px)!important} body.mls-installed-app .mls-mobile-app-nav a,body.mls-pwa-app-shell .mls-mobile-app-nav a{display:grid!important;place-items:center!important;align-content:center!important;gap:3px!important;min-width:0!important;min-height:52px!important;padding:4px 2px!important;border-radius:14px!important;font-size:8px!important;line-height:1.15!important;text-align:center!important;text-decoration:none!important;overflow:hidden!important} body.mls-installed-app .mls-mobile-nav-icon,body.mls-pwa-app-shell .mls-mobile-nav-icon{width:21px!important;height:21px!important;min-width:21px!important;min-height:21px!important;max-width:21px!important;max-height:21px!important} body.mls-installed-app .mls-mobile-nav-icon svg,body.mls-pwa-app-shell .mls-mobile-nav-icon svg{width:19px!important;height:19px!important;min-width:19px!important;min-height:19px!important;max-width:19px!important;max-height:19px!important} body.mls-installed-app .mls-mobile-app-nav a.is-active,body.mls-pwa-app-shell .mls-mobile-app-nav a.is-active{background:color-mix(in srgb,var(--mls-primary,#3150f2) 12%,var(--mls-surface,#fff))!important;color:var(--mls-primary,#3150f2)!important} @media(max-width:430px){ body.mls-installed-app .mls-role-dashboard,body.mls-pwa-app-shell .mls-role-dashboard{padding-left:9px!important;padding-right:9px!important} body.mls-installed-app .mls-dashboard-hero,body.mls-pwa-app-shell .mls-dashboard-hero{padding:14px!important;border-radius:19px!important} body.mls-installed-app .mls-dashboard-hero h1,body.mls-pwa-app-shell .mls-dashboard-hero h1{font-size:20px!important} body.mls-installed-app .mls-dashboard-hero-main>p,body.mls-pwa-app-shell .mls-dashboard-hero-main>p{max-width:calc(100vw - 100px)!important} body.mls-installed-app .mls-member-action-grid,body.mls-pwa-app-shell .mls-member-action-grid,body.mls-installed-app :where(.mls-action-grid,.mls-dashboard-actions),body.mls-pwa-app-shell :where(.mls-action-grid,.mls-dashboard-actions),body.mls-installed-app .mls-kpi-grid,body.mls-pwa-app-shell .mls-kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important} body.mls-installed-app .mls-member-action,body.mls-pwa-app-shell .mls-member-action{grid-template-columns:34px minmax(0,1fr)!important;min-height:82px!important;padding:9px!important;gap:4px 7px!important} body.mls-installed-app .mls-member-action-icon,body.mls-pwa-app-shell .mls-member-action-icon{width:34px!important;height:34px!important;min-width:34px!important;min-height:34px!important;max-width:34px!important;max-height:34px!important} body.mls-installed-app .mls-member-action-icon svg,body.mls-pwa-app-shell .mls-member-action-icon svg{width:18px!important;height:18px!important;min-width:18px!important;min-height:18px!important;max-width:18px!important;max-height:18px!important} } /* v1.54.3 — installed-app mobile layout repair. * Neutralizes legacy desktop KPI offsets and turns wide payment/data tables * into readable app cards instead of one-character columns. */ @media (max-width: 760px){ body.mls-installed-app .mls-kpi-grid, body.mls-pwa-app-shell .mls-kpi-grid{ grid-template-columns:repeat(2,minmax(0,1fr))!important; gap:9px!important; } body.mls-installed-app .mls-kpi-card, body.mls-pwa-app-shell .mls-kpi-card{ position:relative!important; display:grid!important; grid-template-columns:34px minmax(0,1fr)!important; grid-template-rows:auto auto!important; align-items:center!important; column-gap:9px!important; row-gap:4px!important; min-width:0!important; min-height:76px!important; padding:11px!important; overflow:hidden!important; } body.mls-installed-app .mls-kpi-card:before, body.mls-pwa-app-shell .mls-kpi-card:before{ display:none!important; content:none!important; } body.mls-installed-app .mls-kpi-card .mls-kpi-icon, body.mls-pwa-app-shell .mls-kpi-card .mls-kpi-icon{ position:static!important; grid-column:1!important; grid-row:1 / span 2!important; align-self:center!important; justify-self:start!important; width:34px!important; height:34px!important; min-width:34px!important; min-height:34px!important; max-width:34px!important; max-height:34px!important; margin:0!important; padding:0!important; border-radius:11px!important; background:color-mix(in srgb,var(--mls-primary,#d7aa4b) 12%,transparent)!important; } body.mls-installed-app .mls-kpi-card .mls-kpi-label, body.mls-installed-app .mls-kpi-card>span:not(.mls-kpi-icon), body.mls-pwa-app-shell .mls-kpi-card .mls-kpi-label, body.mls-pwa-app-shell .mls-kpi-card>span:not(.mls-kpi-icon){ position:static!important; grid-column:2!important; grid-row:2!important; display:block!important; min-width:0!important; min-height:0!important; max-width:100%!important; margin:0!important; padding:0!important; font-size:9px!important; font-weight:750!important; line-height:1.25!important; white-space:normal!important; word-break:normal!important; overflow-wrap:normal!important; hyphens:none!important; } body.mls-installed-app .mls-kpi-card>strong, body.mls-pwa-app-shell .mls-kpi-card>strong{ position:static!important; grid-column:2!important; grid-row:1!important; align-self:end!important; min-width:0!important; margin:0!important; padding:0!important; font-size:20px!important; line-height:1!important; white-space:nowrap!important; word-break:normal!important; overflow-wrap:normal!important; } /* Generic app table cards. JS supplies data-label from the table header. */ body.mls-installed-app .mls-responsive-table, body.mls-pwa-app-shell .mls-responsive-table{ width:100%!important; max-width:100%!important; margin:12px 0 0!important; overflow:visible!important; border:0!important; border-radius:0!important; } body.mls-installed-app .mls-responsive-table table, body.mls-pwa-app-shell .mls-responsive-table table{ display:block!important; width:100%!important; min-width:0!important; max-width:100%!important; border:0!important; } body.mls-installed-app .mls-responsive-table thead, body.mls-pwa-app-shell .mls-responsive-table thead{ position:absolute!important; width:1px!important; height:1px!important; overflow:hidden!important; clip:rect(0 0 0 0)!important; clip-path:inset(50%)!important; white-space:nowrap!important; } body.mls-installed-app .mls-responsive-table tbody, body.mls-pwa-app-shell .mls-responsive-table tbody{ display:grid!important; width:100%!important; gap:10px!important; } body.mls-installed-app .mls-responsive-table tr, body.mls-pwa-app-shell .mls-responsive-table tr{ display:grid!important; width:100%!important; min-width:0!important; gap:0!important; padding:8px 11px!important; border:1px solid var(--mls-border,#e2e8f0)!important; border-radius:15px!important; background:var(--mls-surface,#fff)!important; box-shadow:0 8px 22px -22px rgba(15,23,42,.35)!important; } body.mls-installed-app .mls-responsive-table td, body.mls-pwa-app-shell .mls-responsive-table td{ display:grid!important; grid-template-columns:minmax(82px,34%) minmax(0,1fr)!important; align-items:start!important; gap:9px!important; width:100%!important; min-width:0!important; max-width:100%!important; padding:8px 0!important; border:0!important; border-bottom:1px solid color-mix(in srgb,var(--mls-border,#e2e8f0) 70%,transparent)!important; font-size:11px!important; line-height:1.35!important; text-align:left!important; white-space:normal!important; word-break:normal!important; overflow-wrap:anywhere!important; } body.mls-installed-app .mls-responsive-table td:last-child, body.mls-pwa-app-shell .mls-responsive-table td:last-child{border-bottom:0!important} body.mls-installed-app .mls-responsive-table td::before, body.mls-pwa-app-shell .mls-responsive-table td::before{ content:attr(data-label)!important; display:block!important; min-width:0!important; color:var(--mls-muted,#64748b)!important; font-size:8px!important; font-weight:850!important; line-height:1.25!important; letter-spacing:.06em!important; text-transform:uppercase!important; white-space:normal!important; word-break:normal!important; overflow-wrap:normal!important; } body.mls-installed-app .mls-responsive-table td code, body.mls-pwa-app-shell .mls-responsive-table td code{ display:block!important; max-width:100%!important; font-size:9px!important; line-height:1.35!important; white-space:normal!important; overflow-wrap:anywhere!important; } body.mls-installed-app .mls-responsive-table td .mls-pill, body.mls-pwa-app-shell .mls-responsive-table td .mls-pill{ display:inline-flex!important; width:max-content!important; max-width:100%!important; min-height:26px!important; padding:4px 7px!important; white-space:normal!important; word-break:normal!important; } body.mls-installed-app .mls-responsive-table td form, body.mls-pwa-app-shell .mls-responsive-table td form{ min-width:0!important; max-width:100%!important; } /* Keep plan/payment screens readable and clear of the fixed bottom nav. */ body.mls-installed-app .mls-payment-plan-grid, body.mls-pwa-app-shell .mls-payment-plan-grid{grid-template-columns:1fr!important;gap:10px!important} body.mls-installed-app .mls-payment-plan, body.mls-pwa-app-shell .mls-payment-plan{padding:14px!important;border-radius:17px!important} body.mls-installed-app .mls-payment-plan h3, body.mls-pwa-app-shell .mls-payment-plan h3{font-size:17px!important;line-height:1.25!important} body.mls-installed-app .mls-payment-plan p, body.mls-pwa-app-shell .mls-payment-plan p{font-size:11px!important;line-height:1.55!important;word-break:normal!important;overflow-wrap:break-word!important} body.mls-installed-app .mls-payment-price, body.mls-pwa-app-shell .mls-payment-price{font-size:22px!important;line-height:1.1!important;white-space:normal!important} body.mls-installed-app .mls-dashboard-anchor:last-child, body.mls-pwa-app-shell .mls-dashboard-anchor:last-child{margin-bottom:12px!important} } @media (max-width: 360px){ body.mls-installed-app .mls-kpi-grid, body.mls-pwa-app-shell .mls-kpi-grid{grid-template-columns:1fr!important} body.mls-installed-app .mls-member-action-grid, body.mls-pwa-app-shell .mls-member-action-grid{grid-template-columns:1fr!important} body.mls-installed-app .mls-responsive-table td, body.mls-pwa-app-shell .mls-responsive-table td{grid-template-columns:76px minmax(0,1fr)!important} } /* v1.54.5 — frontend/PWA contrast regression pass. * Keep scan/service context logic intact; normalize only presentation. */ body.mls-ui-skin .mls-visit-capture, body.mls-installed-app .mls-visit-capture, body.mls-pwa-app-shell .mls-visit-capture{ background:var(--mls-surface,#fff)!important; color:var(--mls-text,#334155)!important; border-color:var(--mls-border,#dbe1ea)!important; } body.mls-ui-skin .mls-visit-capture :where(.mls-field>span,.mls-visit-capture-head strong), body.mls-installed-app .mls-visit-capture :where(.mls-field>span,.mls-visit-capture-head strong), body.mls-pwa-app-shell .mls-visit-capture :where(.mls-field>span,.mls-visit-capture-head strong){ color:var(--mls-heading,#101a3a)!important; -webkit-text-fill-color:var(--mls-heading,#101a3a)!important; opacity:1!important; text-shadow:none!important; } body.mls-ui-skin .mls-visit-capture :where(.mls-visit-capture-head small,.mls-visit-benefit-note,.mls-visit-offer-note,.mls-visit-quote-note,.mls-help,small), body.mls-installed-app .mls-visit-capture :where(.mls-visit-capture-head small,.mls-visit-benefit-note,.mls-visit-offer-note,.mls-visit-quote-note,.mls-help,small), body.mls-pwa-app-shell .mls-visit-capture :where(.mls-visit-capture-head small,.mls-visit-benefit-note,.mls-visit-offer-note,.mls-visit-quote-note,.mls-help,small){ color:var(--mls-muted,#667085)!important; -webkit-text-fill-color:var(--mls-muted,#667085)!important; opacity:1!important; } body.mls-ui-skin .mls-visit-capture :where(input,select,textarea), body.mls-installed-app .mls-visit-capture :where(input,select,textarea), body.mls-pwa-app-shell .mls-visit-capture :where(input,select,textarea){ background:var(--mls-surface-alt,#f5f7fb)!important; color:var(--mls-heading,#101a3a)!important; -webkit-text-fill-color:var(--mls-heading,#101a3a)!important; border-color:var(--mls-border,#dbe1ea)!important; opacity:1!important; } body.mls-ui-skin .mls-visit-capture select option, body.mls-installed-app .mls-visit-capture select option, body.mls-pwa-app-shell .mls-visit-capture select option{ background:var(--mls-surface,#fff)!important; color:var(--mls-heading,#101a3a)!important; } body.mls-ui-skin :where(.mls-table-scroll,.mls-responsive-table) table :where(td,th), body.mls-installed-app :where(.mls-table-scroll,.mls-responsive-table) table :where(td,th), body.mls-pwa-app-shell :where(.mls-table-scroll,.mls-responsive-table) table :where(td,th){ opacity:1!important; text-shadow:none!important; } body.mls-ui-skin :where(.mls-table-scroll,.mls-responsive-table) table tbody td, body.mls-installed-app :where(.mls-table-scroll,.mls-responsive-table) table tbody td, body.mls-pwa-app-shell :where(.mls-table-scroll,.mls-responsive-table) table tbody td{ color:var(--mls-text,#334155)!important; background:var(--mls-surface,#fff)!important; } body.mls-ui-skin :where(.mls-table-scroll,.mls-responsive-table) table thead th, body.mls-installed-app :where(.mls-table-scroll,.mls-responsive-table) table thead th, body.mls-pwa-app-shell :where(.mls-table-scroll,.mls-responsive-table) table thead th{ color:var(--mls-heading,#101a3a)!important; background:var(--mls-surface-alt,#f5f7fb)!important; } body.mls-ui-skin :where(.mls-table-scroll,.mls-responsive-table) table :where(a,code,small), body.mls-installed-app :where(.mls-table-scroll,.mls-responsive-table) table :where(a,code,small), body.mls-pwa-app-shell :where(.mls-table-scroll,.mls-responsive-table) table :where(a,code,small){opacity:1!important} /* Charcoal Luxe gold primary surfaces need dark labels on web and installed app. */ body.mls-ui-skin.mls-palette-charcoal-luxe :where(.mls-primary,.mls-mobile-app-nav a.is-active), body.mls-ui-skin.mls-palette-charcoal-luxe :where(.mls-primary,.mls-mobile-app-nav a.is-active) *, body.mls-installed-app.mls-palette-charcoal-luxe :where(.mls-primary,.mls-mobile-app-nav a.is-active), body.mls-installed-app.mls-palette-charcoal-luxe :where(.mls-primary,.mls-mobile-app-nav a.is-active) *, body.mls-pwa-app-shell.mls-palette-charcoal-luxe :where(.mls-primary,.mls-mobile-app-nav a.is-active), body.mls-pwa-app-shell.mls-palette-charcoal-luxe :where(.mls-primary,.mls-mobile-app-nav a.is-active) *{ color:#171006!important; -webkit-text-fill-color:#171006!important; text-shadow:none!important; } /* v1.54.6 — installed-app active navigation + vendor activity/redemption visibility. */ body.mls-ui-skin .mls-mobile-app-nav a.is-active, body.mls-installed-app .mls-mobile-app-nav a.is-active, body.mls-pwa-app-shell .mls-mobile-app-nav a.is-active{ background:var(--mls-menu-active-bg,var(--mls-primary,#3150f2))!important; color:var(--mls-menu-active-text,var(--mls-primary-text,#fff))!important; -webkit-text-fill-color:var(--mls-menu-active-text,var(--mls-primary-text,#fff))!important; border:1px solid color-mix(in srgb,var(--mls-menu-active-bg,var(--mls-primary,#3150f2)) 78%,#fff)!important; box-shadow:0 8px 20px -14px color-mix(in srgb,var(--mls-menu-active-bg,var(--mls-primary,#3150f2)) 72%,transparent)!important; } body.mls-ui-skin .mls-mobile-app-nav a.is-active *, body.mls-installed-app .mls-mobile-app-nav a.is-active *, body.mls-pwa-app-shell .mls-mobile-app-nav a.is-active *{ color:inherit!important; -webkit-text-fill-color:inherit!important; opacity:1!important; } body.mls-ui-skin.mls-palette-charcoal-luxe .mls-mobile-app-nav a.is-active, body.mls-installed-app.mls-palette-charcoal-luxe .mls-mobile-app-nav a.is-active, body.mls-pwa-app-shell.mls-palette-charcoal-luxe .mls-mobile-app-nav a.is-active{ background:linear-gradient(135deg,#B67B22 0%,#D6A64F 48%,#F3D58A 100%)!important; color:#171006!important; -webkit-text-fill-color:#171006!important; border-color:#E7BF67!important; } body.mls-installed-app .mls-mobile-app-nav a:not(.is-active), body.mls-pwa-app-shell .mls-mobile-app-nav a:not(.is-active){ color:var(--mls-muted,#94a3b8)!important; -webkit-text-fill-color:var(--mls-muted,#94a3b8)!important; } .mls-offer-redemption-panel .mls-redemption-summary{margin:10px 0 14px!important} .mls-offer-redemption-panel .mls-data-table td strong{color:var(--mls-heading,#f8fafc)!important} @media(max-width:720px){ body.mls-installed-app .mls-offer-redemption-panel .mls-dashboard-cards, body.mls-pwa-app-shell .mls-offer-redemption-panel .mls-dashboard-cards{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:7px!important} body.mls-installed-app .mls-offer-redemption-panel .mls-dashboard-cards>div, body.mls-pwa-app-shell .mls-offer-redemption-panel .mls-dashboard-cards>div{min-width:0!important;padding:9px!important} body.mls-installed-app .mls-offer-redemption-panel .mls-dashboard-cards span, body.mls-pwa-app-shell .mls-offer-redemption-panel .mls-dashboard-cards span{font-size:8px!important;line-height:1.25!important;overflow-wrap:anywhere!important} body.mls-installed-app .mls-offer-redemption-panel .mls-dashboard-cards strong, body.mls-pwa-app-shell .mls-offer-redemption-panel .mls-dashboard-cards strong{font-size:15px!important} } /* v1.54.7 — Vendor SaaS is Admin opt-in; Services are optional in scan/visit flow by default. */ /* v1.54.8 — QR scan transitions to a dedicated detail screen; benefit eligibility is clear and mobile-first. */ .mls-scan-capture-view[hidden],.mls-scan-detail-view[hidden]{display:none!important} .mls-scan-detail-view{scroll-margin-top:18px;min-width:0} .mls-scan-detail-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin-bottom:14px;padding:4px 2px 14px;border-bottom:1px solid var(--mls-border,#e2e8f0)} .mls-scan-detail-head>div{min-width:0} .mls-scan-detail-head h3{margin:3px 0 5px!important;font-size:clamp(22px,4vw,28px)!important;line-height:1.15!important;color:var(--mls-heading,var(--mls-text,#0f172a))!important} .mls-scan-detail-head p{margin:0!important;max-width:720px;color:var(--mls-muted,#64748b)!important;line-height:1.5} .mls-scan-detail-head .mls-secondary{margin:0!important;flex:0 0 auto} .mls-scan-detail-view .mls-verification-result{margin-top:0!important} .mls-scan-detail-view .mls-verify-success{margin:0!important} .mls-scan-detail-view .mls-verify-benefits>strong{display:block;font-size:14px;color:var(--mls-heading,var(--mls-text,#0f172a))!important} .mls-scan-detail-view .mls-verify-benefits>p{margin:8px 0 0!important;color:var(--mls-muted,#64748b)!important;line-height:1.55} .mls-scan-detail-view .mls-visit-benefit-note,.mls-scan-detail-view .mls-visit-offer-note{line-height:1.45!important} .mls-scanner.is-scan-detail .mls-scan-detail-view{animation:mlsScanDetailIn .18s ease-out both} @keyframes mlsScanDetailIn{from{opacity:.45;transform:translateY(5px)}to{opacity:1;transform:none}} @media(max-width:760px){ .mls-scan-detail-head{flex-direction:column} .mls-scan-detail-head .mls-secondary{width:100%;min-height:44px} .mls-scan-detail-view .mls-verify-success{padding:14px!important;border-radius:18px!important} .mls-scan-detail-view .mls-verify-title{align-items:flex-start!important} .mls-scan-detail-view .mls-verify-title h4{font-size:20px!important;line-height:1.2!important;overflow-wrap:anywhere} .mls-scan-detail-view .mls-verify-success dl{grid-template-columns:1fr!important} .mls-scan-detail-view .mls-visit-capture{margin-top:14px!important;padding:14px!important} } body.mls-installed-app .mls-scan-detail-view,body.mls-pwa-app-shell .mls-scan-detail-view{padding-bottom:84px} body.mls-installed-app .mls-scan-detail-head,body.mls-pwa-app-shell .mls-scan-detail-head{position:relative;z-index:1} /* v1.55.5 shared saved-record pagination */ .mls-pagination-wrap{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin:16px 0 4px;max-width:100%;min-width:0} .mls-pagination-wrap .mls-pagination{margin:0}.mls-pagination-summary{font-size:12px;color:var(--mls-muted,#8f96a3);line-height:1.4} @media (max-width:640px){.mls-pagination-wrap{align-items:flex-start;flex-direction:column}.mls-pagination-wrap .mls-pagination{width:100%;justify-content:flex-start;overflow-x:auto;padding-bottom:3px}} /* v1.55.8 — customer plan selection and payment CTA */ body.mls-ui-skin .mls-wizard-plan-card{cursor:default!important} body.mls-ui-skin .mls-wizard-plan-card.is-disabled{opacity:.62;cursor:not-allowed!important} body.mls-ui-skin .mls-wizard-plan-card.is-selected{border-color:color-mix(in srgb,var(--mls-primary,#3150F2) 65%,var(--mls-border,#e2e8f0))!important;box-shadow:0 18px 38px -28px color-mix(in srgb,var(--mls-primary,#3150F2) 58%,transparent)!important} body.mls-ui-skin .mls-wizard-plan-select{width:100%!important;min-height:46px!important;margin-top:auto!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;font-weight:850!important;border-radius:12px!important;text-align:center!important} body.mls-ui-skin .mls-wizard-plan-select:disabled{opacity:.6!important;cursor:not-allowed!important} body.mls-ui-skin .mls-wizard-plan-footer{align-items:center!important;justify-content:space-between!important} body.mls-ui-skin .mls-wizard-plan-hint{color:var(--mls-muted,#64748b)!important;font-size:12px!important;line-height:1.5!important} body.mls-ui-skin .mls-make-payment-button{min-width:180px!important;min-height:48px!important;font-weight:900!important} @media(max-width:782px){ body.mls-ui-skin .mls-wizard-plan-footer{align-items:stretch!important} body.mls-ui-skin .mls-wizard-plan-hint{width:100%!important} body.mls-ui-skin .mls-make-payment-button{width:100%!important;min-width:0!important} } body.mls-ui-skin .mls-payment-success-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px;flex-wrap:wrap} body.mls-ui-skin .mls-payment-success-actions .mls-link-button{min-height:42px;display:inline-flex;align-items:center;justify-content:center;white-space:nowrap} @media(max-width:700px){body.mls-ui-skin .mls-payment-success-actions{grid-column:2;justify-content:flex-start;width:100%}body.mls-ui-skin .mls-payment-success-actions .mls-link-button{flex:1 1 150px}} /* v1.55.9 — issued/downloaded Digital Card now mirrors Card Designer Live Preview. */ .mls-digital-card.mls-card-live-layout{ display:block!important; position:relative!important; isolation:isolate!important; width:100%!important; max-width:680px!important; min-height:245px!important; aspect-ratio:1.586/1!important; padding:var(--mls-card-designer-padding,22px)!important; border-radius:24px!important; overflow:hidden!important; color:var(--mls-card-designer-text,#fff)!important; font-family:var(--mls-card-font,Inter),system-ui,sans-serif!important; font-size:var(--mls-card-designer-font-size,14px)!important; background-size:cover!important; background-position:center!important; box-sizing:border-box!important; } .mls-digital-card.mls-card-live-layout::before, .mls-digital-card.mls-card-live-layout::after{ content:""; position:absolute; inset:0; pointer-events:none; } .mls-digital-card.mls-card-live-layout::before{ inset:1px; z-index:0; border-radius:23px; border:1px solid rgba(255,255,255,.22); } .mls-digital-card.mls-card-live-layout::after{ z-index:0; background: linear-gradient(145deg,rgba(255,255,255,.32) 0 12%,transparent 12% 38%,rgba(255,255,255,.14) 38% 54%,transparent 54% 68%,rgba(0,0,0,.10) 68% 100%), linear-gradient(25deg,transparent 0 55%,rgba(255,255,255,.13) 55% 66%,transparent 66% 100%), radial-gradient(circle at 85% 20%,rgba(255,255,255,.28),transparent 24%); } .mls-card-live-layout .mls-card-live-tier{ position:absolute!important; top:12px!important; left:0!important; right:0!important; z-index:2!important; text-align:center!important; font-size:11px!important; line-height:1!important; font-weight:900!important; letter-spacing:.08em!important; color:var(--mls-card-designer-text,#fff)!important; opacity:1!important; } .mls-card-live-layout .mls-card-live-brand{ position:relative!important; z-index:2!important; display:flex!important; align-items:center!important; gap:12px!important; margin-top:18px!important; min-width:0!important; } .mls-card-live-layout .mls-card-live-logo, .mls-card-live-layout .mls-card-live-logo-fallback{ width:48px!important; height:48px!important; min-width:48px!important; flex:0 0 48px!important; border-radius:50%!important; object-fit:cover!important; display:grid!important; place-items:center!important; background:color-mix(in srgb,var(--mls-card-secondary) 76%,#000 24%)!important; color:color-mix(in srgb,var(--mls-card-designer-text) 82%,#fff 18%)!important; border:1px solid color-mix(in srgb,var(--mls-card-primary) 52%,rgba(255,255,255,.2))!important; font-size:11px!important; font-weight:900!important; box-shadow:inset 0 1px 0 rgba(255,255,255,.18)!important; overflow:hidden!important; } .mls-card-live-layout .mls-card-live-brand>div{min-width:0!important} .mls-card-live-layout .mls-card-live-brand strong{ display:block!important; color:var(--mls-card-designer-text,#fff)!important; font-size:18px!important; line-height:1.2!important; font-weight:850!important; white-space:nowrap!important; overflow:hidden!important; text-overflow:ellipsis!important; } .mls-card-live-layout .mls-card-live-brand small{ display:block!important; margin-top:2px!important; color:var(--mls-card-designer-text,#fff)!important; font-size:12px!important; line-height:1.25!important; font-weight:800!important; letter-spacing:.05em!important; opacity:.82!important; white-space:nowrap!important; overflow:hidden!important; text-overflow:ellipsis!important; } .mls-card-live-layout .mls-card-live-main{ position:relative!important; z-index:2!important; display:flex!important; justify-content:space-between!important; align-items:flex-end!important; gap:16px!important; margin:34px 0 18px!important; min-width:0!important; } .mls-card-live-layout .mls-card-live-main.has-photo{align-items:center!important} .mls-card-live-layout .mls-card-live-photo{ width:var(--mls-card-designer-photo,62px)!important; height:var(--mls-card-designer-photo,62px)!important; min-width:var(--mls-card-designer-photo,62px)!important; flex:0 0 var(--mls-card-designer-photo,62px)!important; object-fit:cover!important; border-radius:18px!important; border:1px solid rgba(255,255,255,.28)!important; box-shadow:0 12px 26px -18px rgba(0,0,0,.55)!important; } .mls-card-live-layout .mls-card-live-member{ min-width:0!important; flex:1 1 auto!important; text-align:inherit!important; } .mls-card-live-layout .mls-card-live-member h3{ margin:0 0 6px!important; color:var(--mls-card-designer-text,#fff)!important; font-size:24px!important; line-height:1.04!important; font-weight:900!important; overflow-wrap:anywhere!important; } .mls-card-live-layout .mls-card-live-member p{ margin:0 0 8px!important; color:var(--mls-card-designer-text,#fff)!important; font-weight:750!important; opacity:.82!important; overflow-wrap:anywhere!important; } .mls-card-live-layout .mls-card-live-member span{ display:block!important; color:var(--mls-card-designer-text,#fff)!important; font-size:12px!important; line-height:1.4!important; font-weight:750!important; opacity:.82!important; } .mls-card-live-layout .mls-card-live-qr-wrap{ flex:0 0 auto!important; display:grid!important; justify-items:center!important; align-content:end!important; gap:7px!important; min-width:var(--mls-card-qr-size,82px)!important; } .mls-card-live-layout .mls-card-live-qr{ width:var(--mls-card-qr-size,82px)!important; min-width:var(--mls-card-qr-size,82px)!important; height:var(--mls-card-qr-size,82px)!important; min-height:var(--mls-card-qr-size,82px)!important; display:grid!important; place-items:center!important; padding:0!important; background:transparent!important; border:0!important; } .mls-card-live-layout .mls-card-live-qr .mls-secure-qr, .mls-card-live-layout .mls-card-live-qr .mls-qr-placeholder.mls-qr-preview-full{ width:var(--mls-card-qr-size,82px)!important; height:var(--mls-card-qr-size,82px)!important; min-width:64px!important; min-height:64px!important; max-width:120px!important; max-height:120px!important; padding:8px!important; border-radius:14px!important; background:#fff!important; box-shadow:0 12px 28px -18px rgba(0,0,0,.55)!important; box-sizing:border-box!important; overflow:hidden!important; } .mls-card-live-layout .mls-card-live-qr-label{ display:block!important; color:var(--mls-card-designer-text,#fff)!important; font-size:10px!important; line-height:1.1!important; font-weight:900!important; letter-spacing:.02em!important; text-transform:uppercase!important; text-align:center!important; white-space:nowrap!important; } .mls-card-live-layout .mls-card-live-meta{ position:relative!important; z-index:2!important; display:flex!important; justify-content:space-between!important; gap:12px!important; color:var(--mls-card-designer-text,#fff)!important; font-size:11px!important; line-height:1.35!important; font-weight:800!important; opacity:.82!important; } .mls-card-live-layout.mls-logo-center .mls-card-live-brand{justify-content:center!important;text-align:center!important} .mls-card-live-layout.mls-logo-right .mls-card-live-brand{justify-content:flex-end!important;text-align:right!important} .mls-card-live-layout.mls-content-center .mls-card-live-member{text-align:center!important} .mls-card-live-layout.mls-content-right .mls-card-live-member{text-align:right!important} .mls-card-live-layout.mls-qr-left .mls-card-live-main{flex-direction:row-reverse!important} /* Mobile/PWA action-label visibility: never let theme text-fill make buttons look blank. */ body.mls-ui-skin :where(.mls-primary,.mls-secondary,.mls-link-button,.mls-action-card), body.mls-installed-app :where(.mls-primary,.mls-secondary,.mls-link-button,.mls-action-card), body.mls-pwa-app-shell :where(.mls-primary,.mls-secondary,.mls-link-button,.mls-action-card){ opacity:1!important; text-shadow:none!important; } body.mls-ui-skin :where(.mls-secondary,.mls-link-button,.mls-action-card), body.mls-installed-app :where(.mls-secondary,.mls-link-button,.mls-action-card), body.mls-pwa-app-shell :where(.mls-secondary,.mls-link-button,.mls-action-card){ color:var(--mls-heading,#f8fafc)!important; -webkit-text-fill-color:var(--mls-heading,#f8fafc)!important; } body.mls-ui-skin :where(.mls-secondary,.mls-link-button,.mls-action-card) *, body.mls-installed-app :where(.mls-secondary,.mls-link-button,.mls-action-card) *, body.mls-pwa-app-shell :where(.mls-secondary,.mls-link-button,.mls-action-card) *{ color:inherit!important; -webkit-text-fill-color:inherit!important; opacity:1!important; } body.mls-installed-app .mls-mobile-app-nav a:not(.is-active), body.mls-pwa-app-shell .mls-mobile-app-nav a:not(.is-active){ color:var(--mls-heading,#f8fafc)!important; -webkit-text-fill-color:var(--mls-heading,#f8fafc)!important; opacity:.88!important; } body.mls-installed-app .mls-mobile-app-nav a:not(.is-active) *, body.mls-pwa-app-shell .mls-mobile-app-nav a:not(.is-active) *{ color:inherit!important; -webkit-text-fill-color:inherit!important; opacity:1!important; } @media(max-width:600px){ .mls-digital-card.mls-card-live-layout{ min-height:0!important; aspect-ratio:1.586/1!important; padding:16px!important; border-radius:18px!important; } .mls-card-live-layout .mls-card-live-tier{top:9px!important;font-size:9px!important} .mls-card-live-layout .mls-card-live-brand{margin-top:13px!important;gap:8px!important} .mls-card-live-layout .mls-card-live-logo, .mls-card-live-layout .mls-card-live-logo-fallback{width:38px!important;height:38px!important;min-width:38px!important;flex-basis:38px!important;font-size:9px!important} .mls-card-live-layout .mls-card-live-brand strong{font-size:14px!important} .mls-card-live-layout .mls-card-live-brand small{font-size:9px!important} .mls-card-live-layout .mls-card-live-main{margin:22px 0 12px!important;gap:9px!important} .mls-card-live-layout .mls-card-live-member h3{font-size:19px!important;margin-bottom:4px!important} .mls-card-live-layout .mls-card-live-member p{font-size:10px!important;margin-bottom:5px!important} .mls-card-live-layout .mls-card-live-member span{font-size:9px!important} .mls-card-live-layout .mls-card-live-meta{font-size:8px!important} .mls-card-live-layout .mls-card-live-qr-label{font-size:8px!important} } @media(max-width:782px){ body.mls-installed-app .mls-mobile-app-nav a, body.mls-pwa-app-shell .mls-mobile-app-nav a{ min-height:62px!important; padding:5px 3px!important; font-size:10px!important; line-height:1.18!important; font-weight:800!important; } } /* v1.55.10 — make Sales customer creation discoverable on mobile/PWA */ body.mls-ui-skin .mls-sales-dashboard-actions{display:flex;gap:10px;flex-wrap:wrap;margin:0 0 14px} body.mls-ui-skin .mls-sales-dashboard-actions a{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:10px 16px;border-radius:12px;text-decoration:none!important;font-weight:850!important} body.mls-ui-skin .mls-sales-dashboard-actions .mls-primary{color:var(--mls-button-text,#fff)!important} body.mls-ui-skin .mls-sales-dashboard-actions .mls-secondary{color:var(--mls-text,#344264)!important} @media(max-width:520px){body.mls-ui-skin .mls-sales-dashboard-actions{display:grid;grid-template-columns:1fr 1fr}body.mls-ui-skin .mls-sales-dashboard-actions a{width:100%}} /* v1.55.11 — Sales self-buy parity */ body.mls-ui-skin .mls-sales-plan-card[hidden]{display:none!important} body.mls-ui-skin .mls-sales-plan-review{grid-template-columns:repeat(2,minmax(0,1fr))!important} body.mls-ui-skin .mls-sales-plan-card .mls-wizard-plan-select{margin-top:auto!important;width:100%!important;justify-content:center!important} body.mls-ui-skin .mls-sales-plan-card.is-selected .mls-wizard-plan-select{background:var(--mls-success,#16a34a)!important;border-color:var(--mls-success,#16a34a)!important;color:#fff!important} body.mls-ui-skin .mls-sales-stepper button:disabled{opacity:.5;cursor:not-allowed} @media(max-width:560px){body.mls-ui-skin .mls-sales-plan-review{grid-template-columns:1fr!important}} /* v1.55.13 — Sales pending-payment, invoice and Charcoal Luxe contrast fixes */ body.mls-ui-skin .mls-sales-upload, body.mls-ui-skin .mls-file-fallback{ background:var(--mls-surface-alt)!important; border-color:var(--mls-border)!important; color:var(--mls-text)!important; } body.mls-ui-skin .mls-sales-upload>span, body.mls-ui-skin .mls-file-fallback>span{ color:var(--mls-heading)!important; -webkit-text-fill-color:var(--mls-heading)!important; opacity:1!important; } body.mls-ui-skin .mls-sales-upload small, body.mls-ui-skin .mls-file-fallback small, body.mls-ui-skin .mls-sales-file-name{ color:var(--mls-muted)!important; -webkit-text-fill-color:var(--mls-muted)!important; opacity:1!important; } body.mls-ui-skin .mls-sales-photo-preview{background:var(--mls-surface)!important;border-color:var(--mls-border)!important} body.mls-ui-skin .mls-sales-pending-state, body.mls-ui-skin .mls-membership-pending-state{ background:linear-gradient(180deg,var(--mls-surface),var(--mls-surface-alt))!important; border-color:color-mix(in srgb,var(--mls-warning,#d6a64f) 38%,var(--mls-border))!important; color:var(--mls-text)!important; } .mls-sales-pending-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:14px} .mls-sales-pending-grid>div{display:grid;gap:5px;min-width:0;padding:12px 13px;border:1px solid var(--mls-border,#343b46);border-radius:13px;background:var(--mls-surface-alt,#15191f)} .mls-sales-pending-grid span{font-size:10px;font-weight:850;letter-spacing:.06em;text-transform:uppercase;color:var(--mls-muted,#9ca3af)} .mls-sales-pending-grid strong{font-size:13px;color:var(--mls-heading,#f8fafc);overflow-wrap:anywhere} body.mls-ui-skin .mls-sales-plan-card.is-disabled{opacity:.65} body.mls-ui-skin .mls-sales-plan-card.is-disabled .mls-wizard-plan-select{cursor:not-allowed;filter:saturate(.5)} .mls-invoice-head-actions{display:flex;align-items:center;justify-content:flex-end;gap:10px;flex-wrap:wrap} .mls-invoice-download-link{font-size:11px;font-weight:800;text-decoration:none!important} @media(max-width:620px){.mls-sales-pending-grid{grid-template-columns:1fr 1fr}.mls-invoice-head-actions{justify-content:flex-start}} @media(max-width:420px){.mls-sales-pending-grid{grid-template-columns:1fr}} /* v1.55.14 — Sales customer ownership/status visibility */ body.mls-ui-skin .mls-sales-customer-card{align-items:flex-start} body.mls-ui-skin .mls-sales-customer-card-copy{display:grid!important;gap:6px!important;min-width:0;flex:1} body.mls-ui-skin .mls-sales-customer-card-copy>.mls-status-badge{justify-self:start;max-width:100%;font-size:10px} body.mls-ui-skin .mls-sales-customer-open{display:inline-flex;align-items:center;justify-content:center;width:100%;min-height:36px;margin-top:2px;text-decoration:none!important} @media(max-width:640px){body.mls-ui-skin .mls-sales-customer-grid{grid-template-columns:1fr}.mls-sales-customer-card{width:100%}} /* v1.55.22 — compact Member registration + social login */ body.mls-ui-skin .mls-compact-member-registration .mls-form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px} body.mls-ui-skin .mls-compact-member-registration .mls-auth-submit-row{justify-content:flex-end;margin-top:14px} body.mls-ui-skin .mls-social-auth{margin:14px 0 18px} body.mls-ui-skin .mls-social-divider{display:flex;align-items:center;gap:12px;margin:10px 0;color:var(--mls-muted);font-size:11px;font-weight:750;text-transform:uppercase;letter-spacing:.08em} body.mls-ui-skin .mls-social-divider:before,body.mls-ui-skin .mls-social-divider:after{content:"";height:1px;flex:1;background:var(--mls-border)} body.mls-ui-skin .mls-social-buttons{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px} body.mls-ui-skin .mls-social-button{min-height:46px;display:flex;align-items:center;justify-content:center;gap:9px;padding:0 14px;border:1px solid var(--mls-border);border-radius:12px;background:var(--mls-surface);color:var(--mls-heading);text-decoration:none!important;font-weight:850;font-size:13px;transition:.18s ease} body.mls-ui-skin .mls-social-button:hover,body.mls-ui-skin .mls-social-button:focus{border-color:color-mix(in srgb,var(--mls-accent) 55%,var(--mls-border));transform:translateY(-1px);box-shadow:0 9px 20px color-mix(in srgb,var(--mls-heading) 8%,transparent)} body.mls-ui-skin .mls-social-mark{width:24px;height:24px;border-radius:50%;display:grid;place-items:center;background:var(--mls-surface-alt);border:1px solid var(--mls-border);font-size:13px;font-weight:900;line-height:1} @media(max-width:640px){body.mls-ui-skin .mls-compact-member-registration .mls-form-grid,body.mls-ui-skin .mls-social-buttons{grid-template-columns:1fr}} /* v1.55.23 — contextual help tooltips + report tab layout */ body.mls-ui-skin .mls-help-source{display:none!important} body.mls-ui-skin .mls-help-tip-host{position:relative;display:inline-flex;align-items:center;margin-left:8px;vertical-align:middle;line-height:1} body.mls-ui-skin .mls-field>span .mls-help-tip-host{margin-left:6px} body.mls-ui-skin .mls-help-tip{position:relative;display:inline-grid!important;place-items:center;width:22px!important;height:22px!important;min-width:22px!important;min-height:22px!important;padding:0!important;margin:0!important;border:1px solid color-mix(in srgb,var(--mls-accent,#d6a64f) 55%,var(--mls-border,#343b46))!important;border-radius:999px!important;background:color-mix(in srgb,var(--mls-accent,#d6a64f) 10%,var(--mls-surface,#11161d))!important;color:var(--mls-accent,#d6a64f)!important;box-shadow:none!important;cursor:help!important;overflow:visible!important;font:inherit!important;line-height:1!important;z-index:4} body.mls-ui-skin .mls-help-tip:hover,body.mls-ui-skin .mls-help-tip:focus,body.mls-ui-skin .mls-help-tip.is-open{outline:none!important;border-color:var(--mls-accent,#d6a64f)!important;background:color-mix(in srgb,var(--mls-accent,#d6a64f) 18%,var(--mls-surface,#11161d))!important} body.mls-ui-skin .mls-help-tip-icon{display:block;font-size:12px!important;font-weight:900!important;font-family:ui-sans-serif,system-ui,sans-serif!important;line-height:1!important;color:inherit!important;-webkit-text-fill-color:currentColor!important} body.mls-ui-skin .mls-help-tooltip{position:absolute;left:50%;top:calc(100% + 9px);width:max-content;max-width:min(320px,80vw);min-width:min(220px,70vw);padding:10px 12px;border:1px solid color-mix(in srgb,var(--mls-accent,#d6a64f) 28%,#3b4350);border-radius:11px;background:#0b0f14!important;color:#f7edd8!important;-webkit-text-fill-color:#f7edd8!important;box-shadow:0 16px 36px rgba(0,0,0,.32);font-family:var(--mls-body-font,Inter,ui-sans-serif,system-ui,sans-serif)!important;font-size:11px!important;font-weight:600!important;letter-spacing:0!important;line-height:1.55!important;text-align:left!important;text-transform:none!important;white-space:normal!important;overflow-wrap:anywhere;opacity:0;visibility:hidden;pointer-events:none;transform:translate(-50%,-3px);transition:opacity .14s ease,transform .14s ease,visibility .14s ease;z-index:10020} body.mls-ui-skin .mls-help-tooltip:before{content:"";position:absolute;left:50%;top:-5px;width:9px;height:9px;border-left:1px solid color-mix(in srgb,var(--mls-accent,#d6a64f) 28%,#3b4350);border-top:1px solid color-mix(in srgb,var(--mls-accent,#d6a64f) 28%,#3b4350);background:#0b0f14;transform:translateX(-50%) rotate(45deg)} body.mls-ui-skin .mls-help-tip:hover .mls-help-tooltip,body.mls-ui-skin .mls-help-tip:focus .mls-help-tooltip,body.mls-ui-skin .mls-help-tip.is-open .mls-help-tooltip{opacity:1;visibility:visible;transform:translate(-50%,0)} body.mls-ui-skin .mls-filter-tabs{display:flex!important;align-items:center!important;align-content:flex-start!important;flex-wrap:wrap!important;gap:8px!important;margin:0 0 16px!important;padding:0!important;min-width:0} body.mls-ui-skin .mls-filter-tabs a{display:inline-flex!important;align-items:center!important;justify-content:center!important;min-height:36px!important;padding:7px 12px!important;margin:0!important;border:1px solid var(--mls-border,#343b46)!important;border-radius:999px!important;background:var(--mls-surface-alt,#15191f)!important;color:var(--mls-text,#e8dfcf)!important;text-decoration:none!important;font-size:11px!important;font-weight:800!important;line-height:1.2!important;white-space:nowrap!important;box-shadow:none!important} body.mls-ui-skin .mls-filter-tabs a:hover,body.mls-ui-skin .mls-filter-tabs a:focus{border-color:color-mix(in srgb,var(--mls-accent,#d6a64f) 55%,var(--mls-border,#343b46))!important;color:var(--mls-heading,#fff3dc)!important;outline:none!important} body.mls-ui-skin .mls-filter-tabs a.is-active{background:var(--mls-accent,#d6a64f)!important;border-color:var(--mls-accent,#d6a64f)!important;color:#17120a!important;-webkit-text-fill-color:#17120a!important} @media(max-width:640px){ body.mls-ui-skin .mls-filter-tabs{flex-wrap:nowrap!important;overflow-x:auto!important;padding-bottom:5px!important;scrollbar-width:thin;-webkit-overflow-scrolling:touch} body.mls-ui-skin .mls-filter-tabs a{flex:0 0 auto!important} body.mls-ui-skin .mls-help-tooltip{left:0;max-width:min(280px,78vw);min-width:min(210px,72vw);transform:translate(0,-3px)} body.mls-ui-skin .mls-help-tooltip:before{left:10px;transform:rotate(45deg)} body.mls-ui-skin .mls-help-tip:hover .mls-help-tooltip,body.mls-ui-skin .mls-help-tip:focus .mls-help-tooltip,body.mls-ui-skin .mls-help-tip.is-open .mls-help-tooltip{transform:translate(0,0)} } /* v1.55.24 — help coverage, wizard submit visibility and charcoal action contrast */ body.mls-ui-skin .mls-builder-form > button[type="submit"][hidden], body.mls-ui-skin .mls-builder-form > input[type="submit"][hidden], body.mls-installed-app .mls-builder-form > button[type="submit"][hidden], body.mls-pwa-app-shell .mls-builder-form > button[type="submit"][hidden]{display:none!important} body.mls-ui-skin .mls-focus-card>.mls-primary, body.mls-installed-app .mls-focus-card>.mls-primary, body.mls-pwa-app-shell .mls-focus-card>.mls-primary{ opacity:1!important; color:var(--mls-primary-text,#fff)!important; -webkit-text-fill-color:var(--mls-primary-text,#fff)!important; } body.mls-ui-skin .mls-focus-card>.mls-primary *, body.mls-installed-app .mls-focus-card>.mls-primary *, body.mls-pwa-app-shell .mls-focus-card>.mls-primary *{color:inherit!important;-webkit-text-fill-color:inherit!important;opacity:1!important} body.mls-ui-skin.mls-palette-charcoal-luxe .mls-focus-card>.mls-primary, body.mls-installed-app.mls-palette-charcoal-luxe .mls-focus-card>.mls-primary, body.mls-pwa-app-shell.mls-palette-charcoal-luxe .mls-focus-card>.mls-primary{ background:linear-gradient(135deg,#B67B22 0%,#D6A64F 48%,#F3D58A 100%)!important; border-color:#D6A64F!important; color:#171006!important; -webkit-text-fill-color:#171006!important; text-shadow:none!important; } body.mls-ui-skin.mls-palette-charcoal-luxe .mls-focus-card>.mls-primary *, body.mls-installed-app.mls-palette-charcoal-luxe .mls-focus-card>.mls-primary *, body.mls-pwa-app-shell.mls-palette-charcoal-luxe .mls-focus-card>.mls-primary *{color:#171006!important;-webkit-text-fill-color:#171006!important} body.mls-ui-skin .mls-sales-row-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap} body.mls-ui-skin .mls-sales-row-actions .mls-inline-action{display:inline-flex;margin:0} /* v1.55.25 — targeted UI fixes */ body.mls-ui-skin .mls-wizard-plan-card{grid-template-rows:auto auto minmax(0,1fr) auto auto;align-items:start!important} body.mls-ui-skin .mls-wizard-plan-card > small{display:block;white-space:normal;overflow-wrap:anywhere} body.mls-ui-skin .mls-wizard-plan-desc{margin:0;min-height:0;padding:0 0 0 18px;display:grid;gap:4px;list-style:disc;color:var(--mls-muted,#b8b19f);font-size:11px;line-height:1.45;overflow-wrap:anywhere} body.mls-ui-skin .mls-wizard-plan-desc li{margin:0} body.mls-ui-skin .mls-wizard-plan-meta{margin-top:auto} body.mls-ui-skin .mls-card-wallet>.mls-dashboard-title, body.mls-ui-skin .mls-card-wallet .mls-section-head{align-items:flex-start!important;gap:16px!important} body.mls-ui-skin .mls-card-wallet>.mls-dashboard-title>div, body.mls-ui-skin .mls-card-wallet .mls-section-head>div{min-width:0;padding-right:8px} body.mls-ui-skin .mls-card-wallet .mls-dashboard-panel, body.mls-ui-skin .mls-card-wallet .mls-membership-empty{padding:18px!important} body.mls-ui-skin .mls-sales-form-panel[data-mls-sales-step="2"]{max-width:1040px!important} body.mls-ui-skin .mls-sales-form-panel[data-mls-sales-step="3"]{max-width:880px!important} body.mls-ui-skin .mls-sales-form-panel[data-mls-sales-step]{margin-top:8px!important} body.mls-ui-skin .mls-sales-selected-customer+.mls-sales-form{margin-top:14px!important} body.mls-ui-skin .mls-sales-security-note{display:none!important} body.mls-ui-skin .mls-field>span,body.mls-ui-skin .mls-field>label{display:flex;align-items:center;gap:6px;flex-wrap:wrap} body.mls-ui-skin .mls-responsive-table td{overflow-wrap:anywhere;word-break:break-word} body.mls-installed-app .mls-cash-confirmations .mls-responsive-table, body.mls-pwa-app-shell .mls-cash-confirmations .mls-responsive-table{overflow-x:auto!important;-webkit-overflow-scrolling:touch!important} @media (max-width: 768px){ body.mls-installed-app .mls-cash-confirmations .mls-responsive-table table, body.mls-pwa-app-shell .mls-cash-confirmations .mls-responsive-table table{min-width:720px!important;display:table!important} body.mls-installed-app .mls-cash-confirmations .mls-responsive-table thead, body.mls-pwa-app-shell .mls-cash-confirmations .mls-responsive-table thead{display:table-header-group!important} body.mls-installed-app .mls-cash-confirmations .mls-responsive-table tbody, body.mls-pwa-app-shell .mls-cash-confirmations .mls-responsive-table tbody{display:table-row-group!important} body.mls-installed-app .mls-cash-confirmations .mls-responsive-table tr, body.mls-pwa-app-shell .mls-cash-confirmations .mls-responsive-table tr{display:table-row!important} body.mls-installed-app .mls-cash-confirmations .mls-responsive-table :is(th,td), body.mls-pwa-app-shell .mls-cash-confirmations .mls-responsive-table :is(th,td){display:table-cell!important;padding:12px 10px!important;white-space:normal!important;vertical-align:top!important} body.mls-installed-app .mls-cash-confirmations .mls-responsive-table td::before, body.mls-pwa-app-shell .mls-cash-confirmations .mls-responsive-table td::before{content:none!important} } /* v1.55.26 — premium invoice template aligned with Charcoal Luxe / plugin styler. */ body.mls-ui-skin .mls-invoice.mls-invoice-premium{ max-width:980px!important; margin:22px auto!important; padding:0!important; overflow:hidden!important; border:1px solid var(--mls-border,#343b46)!important; border-radius:22px!important; background:var(--mls-surface,#11161d)!important; box-shadow:0 24px 60px -42px rgba(0,0,0,.78)!important; } body.mls-ui-skin .mls-invoice-hero{ position:relative; display:flex; align-items:flex-end; justify-content:space-between; gap:24px; min-height:154px; padding:28px 30px 25px; background: radial-gradient(circle at 88% 18%,color-mix(in srgb,var(--mls-accent,#dda94b) 16%,transparent),transparent 38%), linear-gradient(135deg,#0b0f14 0%,#151b23 72%,#10151c 100%); border-bottom:3px solid var(--mls-accent,#dda94b); box-sizing:border-box; } body.mls-ui-skin .mls-invoice-hero::after{ content:""; position:absolute; right:28px; top:24px; width:110px; height:70px; border:1px solid color-mix(in srgb,var(--mls-accent,#dda94b) 28%,transparent); border-radius:18px; transform:rotate(-8deg); opacity:.45; pointer-events:none; } body.mls-ui-skin .mls-invoice-brand{position:relative;z-index:1;display:grid;gap:5px;min-width:0} body.mls-ui-skin .mls-invoice-brand>span{ color:var(--mls-accent,#dda94b)!important; font-size:10px!important; font-weight:900!important; letter-spacing:.16em!important; text-transform:uppercase!important; } body.mls-ui-skin .mls-invoice-brand>strong{ margin:0!important; color:#fff4dc!important; font-family:var(--mls-heading-font,Georgia,serif)!important; font-size:36px!important; line-height:1!important; letter-spacing:.01em!important; } body.mls-ui-skin .mls-invoice-brand>em{ color:#c9bfae!important; font-style:normal!important; font-size:12px!important; font-weight:750!important; overflow-wrap:anywhere; } body.mls-ui-skin .mls-invoice-hero-meta{position:relative;z-index:1;display:grid;justify-items:end;gap:12px;text-align:right} body.mls-ui-skin .mls-invoice-status{ display:inline-flex; align-items:center; justify-content:center; min-height:30px; padding:6px 13px; border:1px solid color-mix(in srgb,var(--mls-accent,#dda94b) 55%,#3b3325); border-radius:999px; background:color-mix(in srgb,var(--mls-accent,#dda94b) 16%,#15191f); color:#f0c56f!important; font-size:10px!important; font-weight:900!important; letter-spacing:.08em!important; text-transform:uppercase!important; } body.mls-ui-skin .mls-invoice-hero-meta>div{display:grid;gap:3px} body.mls-ui-skin .mls-invoice-hero-meta small{color:#958d80!important;font-size:9px!important;text-transform:uppercase;letter-spacing:.1em;font-weight:800} body.mls-ui-skin .mls-invoice-hero-meta strong{color:#f7ead0!important;font-size:12px!important;font-weight:800!important} body.mls-ui-skin .mls-invoice-body{padding:28px 30px 30px} body.mls-ui-skin .mls-invoice-parties{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-bottom:24px} body.mls-ui-skin .mls-invoice-parties>div{ min-width:0; padding:17px 18px; border:1px solid var(--mls-border,#343b46); border-radius:15px; background:var(--mls-surface-alt,#171c23); } body.mls-ui-skin .mls-invoice-parties span, body.mls-ui-skin .mls-invoice-block-kicker{ display:block; margin-bottom:7px; color:var(--mls-accent,#dda94b)!important; font-size:9px!important; font-weight:900!important; letter-spacing:.11em!important; text-transform:uppercase!important; } body.mls-ui-skin .mls-invoice-parties strong{display:block;color:var(--mls-heading,#fff1d5)!important;font-size:15px!important;line-height:1.3!important;overflow-wrap:anywhere} body.mls-ui-skin .mls-invoice-parties small{display:block;margin-top:4px;color:var(--mls-muted,#b8b19f)!important;font-size:11px!important;overflow-wrap:anywhere} body.mls-ui-skin .mls-invoice-items{overflow:hidden;border:1px solid var(--mls-border,#343b46);border-radius:16px;background:var(--mls-surface-alt,#171c23)} body.mls-ui-skin .mls-invoice-items-head, body.mls-ui-skin .mls-invoice-item-row{display:grid;grid-template-columns:minmax(0,1fr) 56px 126px 136px;gap:10px;align-items:center} body.mls-ui-skin .mls-invoice-items-head{ padding:11px 16px; background:color-mix(in srgb,var(--mls-accent,#dda94b) 11%,var(--mls-surface-alt,#171c23)); border-bottom:1px solid var(--mls-border,#343b46); } body.mls-ui-skin .mls-invoice-items-head span{color:#cbbd9f!important;font-size:9px!important;font-weight:900!important;letter-spacing:.08em;text-transform:uppercase} body.mls-ui-skin .mls-invoice-items-head span:not(:first-child){text-align:right} body.mls-ui-skin .mls-invoice-item-row{padding:17px 16px} body.mls-ui-skin .mls-invoice-item-row>div{min-width:0;display:grid;gap:4px} body.mls-ui-skin .mls-invoice-item-row strong{color:var(--mls-heading,#fff1d5)!important;font-size:13px!important;overflow-wrap:anywhere} body.mls-ui-skin .mls-invoice-item-row small{color:var(--mls-muted,#b8b19f)!important;font-size:10px!important;overflow-wrap:anywhere} body.mls-ui-skin .mls-invoice-item-row>span, body.mls-ui-skin .mls-invoice-item-row>strong{text-align:right;color:var(--mls-text,#e9dfcf)!important;white-space:nowrap} body.mls-ui-skin .mls-invoice-bottom{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,340px);gap:18px;align-items:stretch;margin-top:20px} body.mls-ui-skin .mls-invoice-payment{ padding:18px; border:1px solid var(--mls-border,#343b46); border-radius:16px; background:var(--mls-surface-alt,#171c23); } body.mls-ui-skin .mls-invoice-payment dl{display:grid;gap:0;margin:0} body.mls-ui-skin .mls-invoice-payment dl>div{display:grid;grid-template-columns:130px minmax(0,1fr);gap:14px;align-items:start;padding:9px 0;border-bottom:1px solid color-mix(in srgb,var(--mls-border,#343b46) 72%,transparent)} body.mls-ui-skin .mls-invoice-payment dl>div:last-child{border-bottom:0;padding-bottom:0} body.mls-ui-skin .mls-invoice-payment dt{color:var(--mls-muted,#b8b19f)!important;font-size:10px!important;font-weight:700!important} body.mls-ui-skin .mls-invoice-payment dd{margin:0;color:var(--mls-heading,#fff1d5)!important;font-size:11px!important;font-weight:800!important;overflow-wrap:anywhere} body.mls-ui-skin .mls-invoice-payment code{ display:inline-block; max-width:100%; padding:4px 7px; border:1px solid color-mix(in srgb,var(--mls-accent,#dda94b) 25%,var(--mls-border,#343b46)); border-radius:7px; background:#10151b!important; color:#efc36e!important; white-space:normal!important; overflow-wrap:anywhere!important; } body.mls-ui-skin .mls-invoice-totals{ display:grid; align-content:start; gap:0; padding:17px 18px; border:1px solid color-mix(in srgb,var(--mls-accent,#dda94b) 30%,var(--mls-border,#343b46)); border-radius:16px; background:linear-gradient(160deg,#10151b,#161c23); } body.mls-ui-skin .mls-invoice-totals>div{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:9px 0;border-bottom:1px solid #2f343c} body.mls-ui-skin .mls-invoice-totals>div:last-child{border-bottom:0} body.mls-ui-skin .mls-invoice-totals span{color:#aaa293!important;font-size:10px!important;font-weight:700!important} body.mls-ui-skin .mls-invoice-totals strong{color:#f5e8ce!important;font-size:11px!important;white-space:nowrap} body.mls-ui-skin .mls-invoice-totals .is-refund strong{color:#e8a887!important} body.mls-ui-skin .mls-invoice-grand-total{margin-top:4px!important;padding-top:13px!important} body.mls-ui-skin .mls-invoice-grand-total span{color:var(--mls-accent,#dda94b)!important;font-size:10px!important;font-weight:900!important;text-transform:uppercase;letter-spacing:.08em} body.mls-ui-skin .mls-invoice-grand-total strong{color:#fff0cf!important;font-family:var(--mls-heading-font,Georgia,serif)!important;font-size:20px!important} body.mls-ui-skin .mls-invoice-tax{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-top:18px;padding:11px 14px;border:1px dashed color-mix(in srgb,var(--mls-accent,#dda94b) 35%,var(--mls-border,#343b46));border-radius:12px;background:color-mix(in srgb,var(--mls-accent,#dda94b) 5%,var(--mls-surface,#11161d))} body.mls-ui-skin .mls-invoice-tax span{color:var(--mls-muted,#b8b19f)!important;font-size:9px!important;text-transform:uppercase;letter-spacing:.08em;font-weight:800} body.mls-ui-skin .mls-invoice-tax strong{color:var(--mls-heading,#fff1d5)!important;font-size:11px!important;overflow-wrap:anywhere} body.mls-ui-skin .mls-invoice-footer{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-top:22px;padding-top:20px;border-top:1px solid var(--mls-border,#343b46)} body.mls-ui-skin .mls-invoice-footer>div{display:grid;gap:4px;min-width:0} body.mls-ui-skin .mls-invoice-footer strong{color:var(--mls-heading,#fff1d5)!important;font-size:12px!important} body.mls-ui-skin .mls-invoice-footer span{color:var(--mls-muted,#b8b19f)!important;font-size:10px!important} body.mls-ui-skin .mls-invoice-footer .mls-link-button{margin:0!important;min-width:150px!important;min-height:42px!important} @media(max-width:720px){ body.mls-ui-skin .mls-invoice.mls-invoice-premium{margin:12px 0!important;border-radius:16px!important} body.mls-ui-skin .mls-invoice-hero{align-items:flex-start;flex-direction:column;min-height:0;padding:22px 20px 20px} body.mls-ui-skin .mls-invoice-brand>strong{font-size:30px!important} body.mls-ui-skin .mls-invoice-hero-meta{justify-items:start;text-align:left} body.mls-ui-skin .mls-invoice-body{padding:20px} body.mls-ui-skin .mls-invoice-parties{grid-template-columns:1fr} body.mls-ui-skin .mls-invoice-items{overflow-x:auto;-webkit-overflow-scrolling:touch} body.mls-ui-skin .mls-invoice-items-head, body.mls-ui-skin .mls-invoice-item-row{min-width:620px} body.mls-ui-skin .mls-invoice-bottom{grid-template-columns:1fr} body.mls-ui-skin .mls-invoice-payment dl>div{grid-template-columns:110px minmax(0,1fr)} body.mls-ui-skin .mls-invoice-footer{align-items:stretch;flex-direction:column} body.mls-ui-skin .mls-invoice-footer .mls-link-button{width:100%!important} } /* v1.55.27 — role notification-tab cleanup + status badge alignment */ body.mls-ui-skin :where(.mls-status-badge,.mls-pill){ width:auto!important; max-width:none!important; white-space:nowrap!important; overflow-wrap:normal!important; word-break:normal!important; line-height:1.15!important; text-align:center!important; justify-content:center!important; vertical-align:middle!important; } body.mls-ui-skin .mls-responsive-table td :where(.mls-status-badge,.mls-pill){ display:inline-flex!important; min-width:max-content!important; align-items:center!important; margin:0!important; } /* v1.55.28 — Master Sales workspace, commission controls and table containment */ body.mls-ui-skin .mls-sales-pane[hidden]{display:none!important} body.mls-ui-skin .mls-sales-tabs a.is-active{background:var(--mls-primary,#dda94b)!important;color:var(--mls-primary-text,#11161d)!important;border-color:var(--mls-primary,#dda94b)!important} body.mls-ui-skin .mls-sales-step-action-group{display:flex;align-items:center;justify-content:flex-end;gap:9px;flex-wrap:wrap;margin-left:auto} body.mls-ui-skin .mls-sales-step-actions>.mls-link-button{margin:0!important} body.mls-ui-skin .mls-sales-step-actions [hidden]{display:none!important} body.mls-ui-skin .mls-commission-user-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px} body.mls-ui-skin .mls-commission-user-card{display:grid;gap:12px;min-width:0;padding:14px;border:1px solid var(--mls-border,#343b46);border-radius:15px;background:var(--mls-surface,#11161d)} body.mls-ui-skin .mls-commission-user-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;min-width:0} body.mls-ui-skin .mls-commission-user-head>div{display:grid;gap:3px;min-width:0} body.mls-ui-skin .mls-commission-user-head strong{color:var(--mls-heading,#fff1d5)!important;font-size:13px!important;overflow-wrap:anywhere} body.mls-ui-skin .mls-commission-user-head span,body.mls-ui-skin .mls-commission-user-head small{color:var(--mls-muted,#b8b19f)!important;font-size:10px!important;overflow-wrap:anywhere} body.mls-ui-skin .mls-vendor-sales-commission{margin-top:20px!important} /* Keep every wide data table inside its panel instead of clipping on the right. */ body.mls-ui-skin :where(.mls-role-dashboard,.mls-master-dashboard,.mls-sales-console,.mls-vendor-console){overflow:visible!important;min-width:0!important} body.mls-ui-skin :where(.mls-dashboard-section,.mls-dashboard-panel,.mls-console-panel,.mls-subpanel){min-width:0!important;max-width:100%!important;box-sizing:border-box!important} body.mls-ui-skin :where(.mls-table-scroll,.mls-responsive-table,.mls-table-wrap){display:block!important;width:100%!important;max-width:100%!important;min-width:0!important;overflow-x:auto!important;overflow-y:hidden!important;-webkit-overflow-scrolling:touch!important;box-sizing:border-box!important;padding-bottom:3px} body.mls-ui-skin :where(.mls-table-scroll,.mls-responsive-table,.mls-table-wrap)>table{width:max-content!important;min-width:100%!important;max-width:none!important;table-layout:auto!important;margin:0!important} body.mls-ui-skin :where(.mls-table-scroll,.mls-responsive-table,.mls-table-wrap)>table :where(th,td){max-width:none!important;box-sizing:border-box!important;vertical-align:top!important} body.mls-ui-skin :where(.mls-table-scroll,.mls-responsive-table,.mls-table-wrap)>table :where(code,a,strong,small,span){overflow-wrap:anywhere} body.mls-ui-skin .mls-sales-history-table>table{min-width:1040px!important} body.mls-ui-skin .mls-master-commission-table>table{min-width:980px!important} body.mls-ui-skin :where(.mls-table-scroll,.mls-responsive-table,.mls-table-wrap)::-webkit-scrollbar{height:9px} body.mls-ui-skin :where(.mls-table-scroll,.mls-responsive-table,.mls-table-wrap)::-webkit-scrollbar-thumb{background:color-mix(in srgb,var(--mls-accent,#dda94b) 38%,var(--mls-border,#343b46));border-radius:999px} body.mls-ui-skin :where(.mls-table-scroll,.mls-responsive-table,.mls-table-wrap)::-webkit-scrollbar-track{background:var(--mls-surface-alt,#171c23);border-radius:999px} @media(max-width:760px){ body.mls-ui-skin .mls-commission-user-grid{grid-template-columns:1fr} body.mls-ui-skin .mls-sales-step-actions{align-items:stretch;flex-direction:column} body.mls-ui-skin .mls-sales-step-action-group{width:100%;margin-left:0;display:grid;grid-template-columns:1fr} body.mls-ui-skin .mls-sales-step-actions :where(button,.mls-link-button){width:100%!important} body.mls-ui-skin :where(.mls-table-scroll,.mls-responsive-table,.mls-table-wrap){margin-left:0!important;margin-right:0!important} } /* v1.55.29 — card reward modal, member reward tabs and multi-store scanner */ body.mls-modal-open{overflow:hidden!important} body.mls-ui-skin .mls-plan-benefits-link{appearance:none;border:0;background:transparent;color:var(--mls-accent,#d9aa4e);padding:0;margin:2px 0 0;font:inherit;font-size:11px;font-weight:850;text-decoration:underline;text-underline-offset:3px;cursor:pointer;justify-self:start} body.mls-ui-skin .mls-plan-benefits-modal[hidden]{display:none!important} body.mls-ui-skin .mls-plan-benefits-modal{position:fixed!important;inset:0!important;z-index:999999!important;display:grid!important;place-items:center!important;padding:18px!important} body.mls-ui-skin .mls-plan-benefits-backdrop{position:absolute!important;inset:0!important;background:rgba(2,6,12,.78)!important;backdrop-filter:blur(5px)} body.mls-ui-skin .mls-plan-benefits-dialog{position:relative!important;z-index:1!important;width:min(900px,96vw)!important;max-height:min(82vh,820px)!important;overflow:auto!important;padding:22px!important;border:1px solid var(--mls-border,#343b46)!important;border-radius:22px!important;background:var(--mls-surface,#11161d)!important;color:var(--mls-text,#e8dfcf)!important;box-shadow:0 34px 90px rgba(0,0,0,.48)!important} body.mls-ui-skin .mls-plan-benefits-head{display:flex!important;align-items:flex-start!important;justify-content:space-between!important;gap:16px!important;margin-bottom:18px!important;padding-bottom:14px!important;border-bottom:1px solid var(--mls-border,#343b46)!important} body.mls-ui-skin .mls-plan-benefits-head h3{margin:4px 0 0!important;color:var(--mls-heading,#fff1d2)!important} body.mls-ui-skin .mls-plan-benefits-close{appearance:none;width:38px;height:38px;display:grid;place-items:center;border:1px solid var(--mls-border,#343b46);border-radius:12px;background:var(--mls-surface-alt,#171d25);color:var(--mls-text,#e8dfcf);font-size:24px;line-height:1;cursor:pointer} body.mls-ui-skin .mls-plan-reward-overview{display:grid;gap:16px} body.mls-ui-skin .mls-plan-reward-vendor{padding:16px;border:1px solid var(--mls-border,#343b46);border-radius:17px;background:var(--mls-surface-alt,#171d25)} body.mls-ui-skin .mls-plan-reward-vendor-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:12px} body.mls-ui-skin .mls-plan-reward-vendor-head>strong{font-size:17px;color:var(--mls-heading,#fff1d2)} body.mls-ui-skin .mls-plan-reward-vendor-head>span{font-size:11px;color:var(--mls-muted,#b8b19f)} body.mls-ui-skin .mls-plan-reward-items{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px} body.mls-ui-skin .mls-plan-reward-item{display:grid;gap:7px;padding:13px;border:1px solid color-mix(in srgb,var(--mls-border,#343b46) 86%,transparent);border-radius:14px;background:var(--mls-surface,#11161d)} body.mls-ui-skin .mls-plan-reward-item>div{display:flex;align-items:center;gap:8px;flex-wrap:wrap} body.mls-ui-skin .mls-plan-reward-item>div>strong{color:var(--mls-heading,#fff1d2)} body.mls-ui-skin .mls-plan-reward-item small{color:var(--mls-muted,#b8b19f);line-height:1.45} body.mls-ui-skin .mls-plan-reward-item p{margin:0;color:var(--mls-text,#e8dfcf);font-size:12px;line-height:1.5} body.mls-ui-skin .mls-member-reward-tabs{display:flex;gap:7px;flex-wrap:wrap;margin:16px 0;padding:5px;border:1px solid var(--mls-border,#343b46);border-radius:14px;background:var(--mls-surface-alt,#171d25)} body.mls-ui-skin .mls-member-reward-tabs button{appearance:none;border:1px solid transparent;border-radius:10px;background:transparent;color:var(--mls-muted,#b8b19f);padding:9px 13px;font:inherit;font-size:12px;font-weight:850;cursor:pointer} body.mls-ui-skin .mls-member-reward-tabs button.is-active{background:var(--mls-primary,#d9aa4e);color:var(--mls-primary-text,#11161d);border-color:var(--mls-primary,#d9aa4e)} body.mls-ui-skin .mls-member-reward-panel[hidden]{display:none!important} body.mls-ui-skin .mls-member-benefit-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px} body.mls-ui-skin .mls-member-benefit-card{display:grid;gap:9px;padding:16px;border:1px solid var(--mls-border,#343b46);border-radius:16px;background:var(--mls-surface-alt,#171d25)} body.mls-ui-skin .mls-member-benefit-card h4{margin:0;color:var(--mls-heading,#fff1d2)} body.mls-ui-skin .mls-member-benefit-card p{margin:0;color:var(--mls-muted,#b8b19f);font-size:12px;line-height:1.5} body.mls-ui-skin .mls-member-benefit-head{display:flex;justify-content:space-between;gap:8px;align-items:center} body.mls-ui-skin .mls-member-benefit-head small{color:var(--mls-muted,#b8b19f)} body.mls-ui-skin .mls-member-benefit-meta{display:grid;gap:6px;margin-top:2px} body.mls-ui-skin .mls-member-benefit-meta span{display:grid;grid-template-columns:70px minmax(0,1fr);gap:8px;font-size:11px;color:var(--mls-muted,#b8b19f)} body.mls-ui-skin .mls-member-benefit-meta b{color:var(--mls-text,#e8dfcf)} body.mls-ui-skin .mls-savings-hero{display:grid;gap:5px;padding:20px;border:1px solid color-mix(in srgb,var(--mls-accent,#d9aa4e) 45%,var(--mls-border,#343b46));border-radius:18px;background:linear-gradient(135deg,color-mix(in srgb,var(--mls-accent,#d9aa4e) 10%,var(--mls-surface,#11161d)),var(--mls-surface-alt,#171d25));margin-bottom:14px} body.mls-ui-skin .mls-savings-hero>strong{font-size:34px;line-height:1.1;color:var(--mls-heading,#fff1d2)} body.mls-ui-skin .mls-savings-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px} body.mls-ui-skin .mls-savings-grid article{display:grid;gap:4px;padding:14px;border:1px solid var(--mls-border,#343b46);border-radius:14px;background:var(--mls-surface-alt,#171d25)} body.mls-ui-skin .mls-savings-grid span,body.mls-ui-skin .mls-savings-grid small{font-size:11px;color:var(--mls-muted,#b8b19f)} body.mls-ui-skin .mls-store-reward-summary{margin:14px 0;padding:15px;border:1px solid var(--mls-border,#343b46);border-radius:16px;background:var(--mls-surface-alt,#171d25)} body.mls-ui-skin .mls-store-reward-summary>strong{display:block;margin-bottom:10px;color:var(--mls-heading,#fff1d2)} body.mls-ui-skin .mls-store-reward-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px} body.mls-ui-skin .mls-store-reward-grid article{padding:12px;border:1px solid var(--mls-border,#343b46);border-radius:13px;background:var(--mls-surface,#11161d)} body.mls-ui-skin .mls-store-reward-grid h5{margin:0 0 7px;color:var(--mls-heading,#fff1d2);font-size:13px} body.mls-ui-skin .mls-store-reward-grid span{display:block;margin-top:7px;font-size:10px;font-weight:850;text-transform:uppercase;letter-spacing:.08em;color:var(--mls-accent,#d9aa4e)} body.mls-ui-skin .mls-store-reward-grid ul{margin:5px 0 0;padding-left:17px;font-size:11px;color:var(--mls-text,#e8dfcf)} body.mls-ui-skin .mls-store-reward-grid small{color:var(--mls-muted,#b8b19f)} @media(max-width:720px){ body.mls-ui-skin .mls-plan-benefits-modal{padding:8px!important;place-items:end center!important} body.mls-ui-skin .mls-plan-benefits-dialog{width:100%!important;max-height:88dvh!important;border-radius:20px 20px 12px 12px!important;padding:16px!important} body.mls-ui-skin .mls-plan-reward-items,body.mls-ui-skin .mls-member-benefit-grid,body.mls-ui-skin .mls-savings-grid,body.mls-ui-skin .mls-store-reward-grid{grid-template-columns:1fr!important} body.mls-ui-skin .mls-member-reward-tabs{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;overflow:hidden!important} body.mls-ui-skin .mls-member-reward-tabs button{padding:8px 5px!important;font-size:10px!important;white-space:normal!important} } /* v1.55.30 — member reward detail + notification follow-up */ body.mls-ui-skin .mls-offer-usage-meta{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:12px} body.mls-ui-skin .mls-offer-usage-meta span{display:grid;gap:3px;min-width:0;padding:9px 10px;border:1px solid var(--mls-border,#343b46);border-radius:11px;background:var(--mls-surface-alt,#171d25);font-size:11px;color:var(--mls-muted,#b8b19f);overflow-wrap:anywhere} body.mls-ui-skin .mls-offer-usage-meta b{font-size:9px;letter-spacing:.08em;text-transform:uppercase;color:var(--mls-accent,#d9aa4e)} @media(max-width:560px){body.mls-ui-skin .mls-offer-usage-meta{grid-template-columns:1fr}} /* v1.55.31 — loyalty points & milestone rewards */ body.mls-ui-skin .mls-points-summary{display:block;margin:14px 0;border:1px solid var(--mls-border,#343b46);border-radius:16px;background:var(--mls-surface-alt,#15191f);overflow:hidden} body.mls-ui-skin .mls-points-summary>summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:14px;padding:14px 16px;cursor:pointer;user-select:none} body.mls-ui-skin .mls-points-summary>summary::-webkit-details-marker{display:none} body.mls-ui-skin .mls-points-summary>summary span{display:flex;align-items:baseline;gap:10px;min-width:0} body.mls-ui-skin .mls-points-summary>summary small{color:var(--mls-muted,#b8b19f);font-weight:800} body.mls-ui-skin .mls-points-summary>summary strong{font-size:24px;line-height:1;color:var(--mls-heading,#fff4d8)} body.mls-ui-skin .mls-points-summary>summary em{font-style:normal;color:var(--mls-accent,#d6a64f);font-size:11px;font-weight:850} body.mls-ui-skin .mls-points-summary.is-compact{margin:6px 0;border-radius:12px} body.mls-ui-skin .mls-points-summary.is-compact>summary{padding:8px 10px;display:grid;gap:4px} body.mls-ui-skin .mls-points-summary.is-compact>summary span{justify-content:space-between} body.mls-ui-skin .mls-points-summary.is-compact>summary strong{font-size:16px} body.mls-ui-skin .mls-points-summary.is-compact>summary em{font-size:9px} body.mls-ui-skin .mls-points-breakdown{padding:0 16px 14px;border-top:1px solid var(--mls-border,#343b46)} body.mls-ui-skin .mls-points-rate{margin:10px 0;padding:8px 10px;border-radius:10px;background:color-mix(in srgb,var(--mls-accent,#d6a64f) 10%,transparent);color:var(--mls-accent,#d6a64f);font-size:11px;font-weight:850} body.mls-ui-skin .mls-points-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 0;border-bottom:1px solid var(--mls-border,#343b46)} body.mls-ui-skin .mls-points-row:last-child{border-bottom:0} body.mls-ui-skin .mls-points-row div{display:grid;gap:2px;min-width:0} body.mls-ui-skin .mls-points-row small{color:var(--mls-muted,#b8b19f);font-size:10px} body.mls-ui-skin .mls-points-row span{white-space:nowrap;color:var(--mls-accent,#d6a64f);font-weight:900} body.mls-ui-skin .mls-points-manager{overflow:hidden} body.mls-ui-skin .mls-points-rule-form{margin:16px 0 20px;padding:16px;border:1px solid var(--mls-border,#343b46);border-radius:16px;background:var(--mls-surface,#11161d)} body.mls-ui-skin .mls-points-manager .mls-responsive-table{margin-top:16px} body.mls-ui-skin .mls-master-customer-card .mls-points-summary{margin:10px 0} body.mls-ui-skin .mls-plan-reward-item .mls-status-badge{white-space:nowrap} @media(max-width:700px){ body.mls-ui-skin .mls-points-summary>summary{align-items:flex-start;flex-direction:column} body.mls-ui-skin .mls-points-summary>summary span{width:100%;justify-content:space-between} body.mls-ui-skin .mls-points-rule-form{padding:12px} } /* v1.55.33 — Global card benefits + explicit eligibility limits */ body.mls-ui-skin .mls-plan-reward-global{border-color:color-mix(in srgb,var(--mls-accent,#d9aa4e) 42%,var(--mls-border,#343b46));background:color-mix(in srgb,var(--mls-accent,#d9aa4e) 5%,var(--mls-surface-alt,#171d25))} body.mls-ui-skin .mls-plan-reward-global .mls-plan-reward-vendor-head>strong{color:var(--mls-accent,#d9aa4e)} body.mls-ui-skin .mls-member-benefit-limit{display:grid;gap:4px;margin:12px 0 0;padding:10px 12px;border:1px dashed color-mix(in srgb,var(--mls-accent,#d9aa4e) 35%,var(--mls-border,#343b46));border-radius:12px;background:color-mix(in srgb,var(--mls-accent,#d9aa4e) 4%,transparent)} body.mls-ui-skin .mls-member-benefit-limit strong{font-size:10px;text-transform:uppercase;letter-spacing:.08em;color:var(--mls-accent,#d9aa4e)} body.mls-ui-skin .mls-member-benefit-limit span{font-size:11px;line-height:1.5;color:var(--mls-muted,#b8b19f);overflow-wrap:anywhere} /* v1.55.35 — sidebar footer cleanup + points setup alignment */ body.mls-plugin-app .mls-app-sidebar-foot{display:grid!important;gap:10px!important;padding-top:4px!important} body.mls-plugin-app .mls-app-sidebar-foot>.mls-app-wp-dashboard-link{display:none!important} body.mls-plugin-app .mls-app-menu-search{margin-top:2px!important} body.mls-ui-skin .mls-points-manager{padding:18px!important} body.mls-ui-skin .mls-points-manager>.mls-section-head:first-child{display:flex!important;align-items:flex-start!important;justify-content:space-between!important;gap:14px!important;margin:0 0 16px!important;padding:8px 8px 12px!important;border-bottom:1px solid var(--mls-border,#343b46)!important} body.mls-ui-skin .mls-points-manager>.mls-section-head:first-child>div{display:grid!important;gap:10px!important;min-width:0!important;padding-right:8px!important} body.mls-ui-skin .mls-points-manager>.mls-section-head:first-child .mls-front-kicker{display:block;margin:0!important} body.mls-ui-skin .mls-points-manager>.mls-section-head:first-child h3{margin:0!important;line-height:1.28!important} body.mls-ui-skin .mls-points-manager>.mls-section-head:first-child p{margin:0!important;max-width:820px!important;line-height:1.6!important} body.mls-ui-skin .mls-points-manager>.mls-section-head:first-child .mls-status-badge{align-self:flex-start!important;white-space:nowrap!important;margin-top:2px!important} @media(max-width:782px){body.mls-ui-skin .mls-points-manager{padding:14px!important}body.mls-ui-skin .mls-points-manager>.mls-section-head:first-child{padding:6px 2px 10px!important}} /* v1.55.36 — Sales Add Member trigger */ body.mls-ui-skin .mls-sales-head-actions{display:flex;align-items:center;justify-content:flex-end;gap:10px;flex-wrap:wrap} body.mls-ui-skin .mls-sales-head-actions .mls-status-badge{margin:0!important} body.mls-ui-skin .mls-sales-add-member-trigger{display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:7px!important;width:auto!important;min-height:42px!important;margin:0!important;padding:9px 15px!important;white-space:nowrap!important;text-decoration:none!important} body.mls-ui-skin .mls-sales-add-member-trigger>span{font-size:17px;line-height:1} @media(max-width:700px){body.mls-ui-skin .mls-sales-head-actions{width:100%;justify-content:space-between}body.mls-ui-skin .mls-sales-add-member-trigger{flex:1 1 auto!important}} /* v1.55.38 — Sales dashboard launch controls */ body.mls-ui-skin .mls-sales-dashboard-actions{display:flex!important;align-items:center!important;gap:10px!important;flex-wrap:wrap!important;margin:0 0 14px!important} body.mls-ui-skin .mls-sales-dashboard-actions>a{margin:0!important;min-height:44px!important} @media(max-width:600px){body.mls-ui-skin .mls-sales-dashboard-actions{display:grid!important;grid-template-columns:1fr!important}body.mls-ui-skin .mls-sales-dashboard-actions>a{width:100%!important}} /* v1.55.38 — stronger plan teaser + see benefits callout */ body.mls-ui-skin .mls-plan-summary-line{display:block;min-height:34px;margin:2px 0 4px;color:var(--mls-muted,#b8b19f);font-size:12px;line-height:1.45;font-weight:700;overflow-wrap:anywhere} body.mls-ui-skin .mls-plan-benefits-link{margin:4px 0 0!important;font-size:13.2px!important;font-weight:900!important;letter-spacing:.01em;padding:2px 0!important;position:relative;animation:mlsBenefitsPulse 2.2s ease-in-out infinite} body.mls-ui-skin .mls-plan-benefits-link:hover,body.mls-ui-skin .mls-plan-benefits-link:focus{transform:translateY(-1px);filter:brightness(1.06)} @keyframes mlsBenefitsPulse{0%,100%{opacity:1;text-shadow:0 0 0 rgba(217,170,78,0)}50%{opacity:.86;text-shadow:0 0 14px rgba(217,170,78,.18)}} /* v1.55.39 — full-device responsive hardening across every frontend role and installed PWA */ body.mls-ui-skin, body.mls-installed-app, body.mls-pwa-app-shell{overflow-x:hidden!important} body.mls-ui-skin :where(.mls-front-shell,.mls-role-dashboard,.mls-dashboard-section,.mls-dashboard-anchor,.mls-dashboard-panel,.mls-console-panel,.mls-console-section,.mls-auth-shell,.mls-profile-shell,.mls-form,.mls-card,.mls-setting-box,.mls-membership-wizard,.mls-wizard-step,.mls-responsive-table,.mls-table-wrap,.mls-payment-shell,.mls-invoice,.mls-card-wallet), body.mls-installed-app :where(.mls-front-shell,.mls-role-dashboard,.mls-dashboard-section,.mls-dashboard-anchor,.mls-dashboard-panel,.mls-console-panel,.mls-console-section,.mls-auth-shell,.mls-profile-shell,.mls-form,.mls-card,.mls-setting-box,.mls-membership-wizard,.mls-wizard-step,.mls-responsive-table,.mls-table-wrap,.mls-payment-shell,.mls-invoice,.mls-card-wallet), body.mls-pwa-app-shell :where(.mls-front-shell,.mls-role-dashboard,.mls-dashboard-section,.mls-dashboard-anchor,.mls-dashboard-panel,.mls-console-panel,.mls-console-section,.mls-auth-shell,.mls-profile-shell,.mls-form,.mls-card,.mls-setting-box,.mls-membership-wizard,.mls-wizard-step,.mls-responsive-table,.mls-table-wrap,.mls-payment-shell,.mls-invoice,.mls-card-wallet){min-width:0!important;max-width:100%;box-sizing:border-box!important} body.mls-ui-skin :where(h1,h2,h3,h4,h5,h6,p,span,strong,small,label,button,a,td,th), body.mls-installed-app :where(h1,h2,h3,h4,h5,h6,p,span,strong,small,label,button,a,td,th), body.mls-pwa-app-shell :where(h1,h2,h3,h4,h5,h6,p,span,strong,small,label,button,a,td,th){word-break:normal;overflow-wrap:break-word} body.mls-ui-skin :where(input,select,textarea,button),body.mls-installed-app :where(input,select,textarea,button),body.mls-pwa-app-shell :where(input,select,textarea,button){min-width:0;max-width:100%;box-sizing:border-box} body.mls-ui-skin :where(img,svg,canvas,video,iframe),body.mls-installed-app :where(img,svg,canvas,video,iframe),body.mls-pwa-app-shell :where(img,svg,canvas,video,iframe){max-width:100%} /* Installed app: KPI geometry must stay readable at every viewport width. */ body.mls-installed-app .mls-kpi-grid, body.mls-pwa-app-shell .mls-kpi-grid{width:100%!important;align-items:stretch!important} body.mls-installed-app .mls-kpi-card, body.mls-pwa-app-shell .mls-kpi-card{position:relative!important;display:grid!important;grid-template-columns:42px minmax(0,1fr)!important;grid-template-rows:auto auto!important;align-items:center!important;column-gap:11px!important;row-gap:5px!important;min-width:0!important;min-height:92px!important;padding:14px!important;overflow:hidden!important} body.mls-installed-app .mls-kpi-card:before, body.mls-pwa-app-shell .mls-kpi-card:before{display:none!important;content:none!important} body.mls-installed-app .mls-kpi-card .mls-kpi-icon, body.mls-pwa-app-shell .mls-kpi-card .mls-kpi-icon{position:static!important;grid-column:1!important;grid-row:1 / span 2!important;align-self:center!important;justify-self:center!important;width:38px!important;height:38px!important;min-width:38px!important;min-height:38px!important;max-width:38px!important;max-height:38px!important;margin:0!important;padding:0!important;border-radius:12px!important} body.mls-installed-app .mls-kpi-card .mls-kpi-label, body.mls-installed-app .mls-kpi-card>span:not(.mls-kpi-icon), body.mls-pwa-app-shell .mls-kpi-card .mls-kpi-label, body.mls-pwa-app-shell .mls-kpi-card>span:not(.mls-kpi-icon){position:static!important;grid-column:2!important;grid-row:1!important;display:block!important;min-width:0!important;max-width:100%!important;margin:0!important;padding:0!important;font-size:11px!important;font-weight:800!important;line-height:1.3!important;white-space:normal!important;word-break:normal!important;overflow-wrap:break-word!important;hyphens:none!important} body.mls-installed-app .mls-kpi-card>strong, body.mls-pwa-app-shell .mls-kpi-card>strong{position:static!important;grid-column:2!important;grid-row:2!important;align-self:start!important;min-width:0!important;margin:0!important;padding:0!important;font-size:25px!important;line-height:1!important;white-space:nowrap!important;word-break:normal!important;overflow-wrap:normal!important} /* Installed app desktop/tablet uses the available screen instead of a phone-only 760px canvas. */ @media (min-width:761px){ body.mls-installed-app .mls-role-dashboard, body.mls-pwa-app-shell .mls-role-dashboard{width:min(calc(100% - 32px),1320px)!important;max-width:1320px!important;margin:0 auto!important;padding:16px 16px calc(104px + env(safe-area-inset-bottom))!important} body.mls-installed-app .mls-kpi-grid, body.mls-pwa-app-shell .mls-kpi-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))!important;gap:12px!important} body.mls-installed-app :where(.mls-form-grid,.mls-sales-form-grid,.mls-payment-grid,.mls-scanner-grid), body.mls-pwa-app-shell :where(.mls-form-grid,.mls-sales-form-grid,.mls-payment-grid,.mls-scanner-grid){grid-template-columns:repeat(2,minmax(0,1fr))!important} body.mls-installed-app .mls-wizard-plan-grid, body.mls-pwa-app-shell .mls-wizard-plan-grid{grid-template-columns:repeat(auto-fit,minmax(235px,1fr))!important} body.mls-installed-app :where(.mls-dashboard-cards,.mls-member-status-grid,.mls-action-grid), body.mls-pwa-app-shell :where(.mls-dashboard-cards,.mls-member-status-grid,.mls-action-grid){grid-template-columns:repeat(auto-fit,minmax(190px,1fr))!important} } /* Large installed-app windows get a centered, app-like bottom dock instead of a full-screen bar. */ @media (min-width:900px){ body.mls-installed-app .mls-mobile-app-nav, body.mls-pwa-app-shell .mls-mobile-app-nav{left:50%!important;right:auto!important;width:min(820px,calc(100vw - 40px))!important;transform:translateX(-50%)!important;bottom:max(12px,env(safe-area-inset-bottom))!important} } /* Tablet and phones. */ @media (max-width:760px){ body.mls-installed-app .mls-role-dashboard, body.mls-pwa-app-shell .mls-role-dashboard{width:100%!important;max-width:none!important;margin:0!important;padding:10px 10px calc(92px + env(safe-area-inset-bottom))!important} body.mls-installed-app .mls-dashboard-hero, body.mls-pwa-app-shell .mls-dashboard-hero{grid-template-columns:minmax(0,1fr) auto!important;padding:14px!important} body.mls-installed-app .mls-kpi-grid, body.mls-pwa-app-shell .mls-kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:9px!important} body.mls-installed-app .mls-kpi-card, body.mls-pwa-app-shell .mls-kpi-card{grid-template-columns:36px minmax(0,1fr)!important;min-height:82px!important;padding:11px!important;column-gap:9px!important} body.mls-installed-app .mls-kpi-card .mls-kpi-icon, body.mls-pwa-app-shell .mls-kpi-card .mls-kpi-icon{width:34px!important;height:34px!important;min-width:34px!important;min-height:34px!important;max-width:34px!important;max-height:34px!important} body.mls-installed-app .mls-kpi-card .mls-kpi-label, body.mls-pwa-app-shell .mls-kpi-card .mls-kpi-label{font-size:9px!important;line-height:1.28!important} body.mls-installed-app .mls-kpi-card>strong, body.mls-pwa-app-shell .mls-kpi-card>strong{font-size:20px!important} body.mls-installed-app :where(.mls-form-grid,.mls-sales-form-grid,.mls-payment-grid,.mls-scanner-grid,.mls-wizard-plan-grid,.mls-payment-plan-grid,.mls-member-benefit-grid,.mls-savings-grid,.mls-store-reward-grid,.mls-analytics-grid,.mls-dashboard-split), body.mls-pwa-app-shell :where(.mls-form-grid,.mls-sales-form-grid,.mls-payment-grid,.mls-scanner-grid,.mls-wizard-plan-grid,.mls-payment-plan-grid,.mls-member-benefit-grid,.mls-savings-grid,.mls-store-reward-grid,.mls-analytics-grid,.mls-dashboard-split){grid-template-columns:1fr!important} body.mls-installed-app :where(.mls-role-tabs,.mls-console-tabs,.mls-sales-tabs,.mls-member-reward-tabs,.mls-filter-tabs), body.mls-pwa-app-shell :where(.mls-role-tabs,.mls-console-tabs,.mls-sales-tabs,.mls-member-reward-tabs,.mls-filter-tabs){display:flex!important;flex-wrap:nowrap!important;overflow-x:auto!important;overscroll-behavior-x:contain;scrollbar-width:thin;-webkit-overflow-scrolling:touch!important} body.mls-installed-app :where(.mls-role-tabs,.mls-console-tabs,.mls-sales-tabs,.mls-member-reward-tabs,.mls-filter-tabs)>*, body.mls-pwa-app-shell :where(.mls-role-tabs,.mls-console-tabs,.mls-sales-tabs,.mls-member-reward-tabs,.mls-filter-tabs)>*{flex:0 0 auto!important;white-space:nowrap!important} body.mls-installed-app :where(.mls-primary,.mls-secondary,.mls-link-button), body.mls-pwa-app-shell :where(.mls-primary,.mls-secondary,.mls-link-button){min-height:44px} body.mls-installed-app .mls-plan-benefits-dialog, body.mls-pwa-app-shell .mls-plan-benefits-dialog{width:calc(100vw - 16px)!important;max-width:none!important;max-height:88dvh!important;padding:16px!important} } @media (max-width:420px){ body.mls-installed-app .mls-dashboard-hero, body.mls-pwa-app-shell .mls-dashboard-hero{grid-template-columns:1fr!important} body.mls-installed-app .mls-dashboard-identity, body.mls-pwa-app-shell .mls-dashboard-identity{justify-self:start!important} body.mls-installed-app .mls-dashboard-meta, body.mls-pwa-app-shell .mls-dashboard-meta{grid-column:1!important;grid-row:auto!important;justify-self:start!important} body.mls-installed-app :where(.mls-dashboard-cards,.mls-action-grid,.mls-member-status-grid), body.mls-pwa-app-shell :where(.mls-dashboard-cards,.mls-action-grid,.mls-member-status-grid){grid-template-columns:1fr!important} } @media (max-width:360px){ body.mls-installed-app .mls-kpi-grid, body.mls-pwa-app-shell .mls-kpi-grid{grid-template-columns:1fr!important} body.mls-installed-app .mls-mobile-app-nav a, body.mls-pwa-app-shell .mls-mobile-app-nav a{font-size:8px!important;padding-inline:1px!important} } /* Generic frontend grid hardening outside the installed app too. */ @media (max-width:900px){ body.mls-ui-skin :where(.mls-analytics-grid,.mls-peak-grid,.mls-dashboard-split){grid-template-columns:1fr!important} } @media (max-width:720px){ body.mls-ui-skin :where(.mls-form-grid,.mls-sales-form-grid,.mls-payment-grid,.mls-scanner-grid,.mls-wizard-plan-grid,.mls-payment-plan-grid,.mls-member-benefit-grid,.mls-savings-grid,.mls-store-reward-grid,.mls-invoice-grid){grid-template-columns:1fr!important} body.mls-ui-skin .mls-span-2{grid-column:auto!important} body.mls-ui-skin :where(.mls-dashboard-title,.mls-profile-summary,.mls-section-head,.mls-panel-head,.mls-scanner-head){min-width:0!important} body.mls-ui-skin :where(.mls-responsive-table,.mls-table-wrap){width:100%!important;max-width:100%!important;overflow-x:auto!important;-webkit-overflow-scrolling:touch!important} } /* v1.55.40 — Sales member ownership, plan-change UX and responsive continuation */ body.mls-ui-skin .mls-sales-dashboard-actions .mls-primary, body.mls-ui-skin .mls-sales-dashboard-actions .mls-primary:visited, body.mls-ui-skin .mls-sales-add-member-trigger, body.mls-ui-skin .mls-sales-add-member-trigger:visited{color:var(--mls-primary-text,#11161d)!important} body.mls-ui-skin .mls-sales-customer-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr))!important;align-items:stretch} body.mls-ui-skin .mls-sales-customer-card{display:grid!important;grid-template-columns:52px minmax(0,1fr)!important;align-items:start!important;gap:13px!important;min-width:0!important;height:100%;padding:15px!important} body.mls-ui-skin .mls-sales-customer-card>img, body.mls-ui-skin .mls-sales-customer-card>.mls-sales-customer-avatar{grid-column:1!important;grid-row:1!important;margin:0!important} body.mls-ui-skin .mls-sales-customer-card-copy{grid-column:2!important;display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:7px!important;min-width:0!important} body.mls-ui-skin .mls-sales-member-current-plan{display:grid;gap:3px;margin:4px 0;padding:10px 11px;border:1px solid color-mix(in srgb,var(--mls-accent,#d9aa4e) 22%,var(--mls-border,#343b46));border-radius:12px;background:color-mix(in srgb,var(--mls-accent,#d9aa4e) 5%,var(--mls-surface-alt,#171d25));min-width:0} body.mls-ui-skin .mls-sales-member-current-plan>span{font-size:9px!important;font-weight:850!important;text-transform:uppercase;letter-spacing:.06em;color:var(--mls-muted,#b8b19f)!important} body.mls-ui-skin .mls-sales-member-current-plan>strong{font-size:14px!important;line-height:1.35!important;white-space:normal!important;overflow-wrap:anywhere!important;color:var(--mls-heading,#fff1d2)!important} body.mls-ui-skin .mls-sales-member-current-plan>small{font-size:10px!important;line-height:1.45!important;color:var(--mls-muted,#b8b19f)!important} body.mls-ui-skin .mls-sales-customer-open.is-disabled{opacity:.58;cursor:not-allowed;pointer-events:none} body.mls-ui-skin .mls-sales-history-subsection{display:grid;gap:10px;margin-top:16px;padding-top:14px;border-top:1px solid var(--mls-border,#343b46)} body.mls-ui-skin .mls-sales-history-subsection:first-of-type{margin-top:4px} body.mls-ui-skin .mls-sales-history-subsection .mls-section-head{margin-bottom:2px!important} body.mls-ui-skin :where(.mls-sales-history-table,.mls-sales-addition-table){width:100%!important;max-width:100%!important;overflow-x:auto!important;-webkit-overflow-scrolling:touch!important;overscroll-behavior-x:contain} body.mls-ui-skin .mls-sales-addition-table table{min-width:660px!important} body.mls-ui-skin .mls-sales-history-table table{min-width:900px!important} body.mls-ui-skin :where(.mls-sales-history-table,.mls-sales-addition-table) :where(th,td){vertical-align:top!important;white-space:normal!important;overflow-wrap:anywhere!important} /* Continue the full-responsive pass: harden grids, headers and actions across every role. */ body.mls-ui-skin :where(.mls-dashboard-panel,.mls-console-panel,.mls-profile-section,.mls-action-card,.mls-membership-card,.mls-offer-card,.mls-payment-plan,.mls-sales-customer-card){min-width:0!important;max-width:100%!important} body.mls-ui-skin :where(.mls-dashboard-title,.mls-section-head,.mls-panel-head,.mls-scanner-head,.mls-profile-summary)>*{min-width:0!important;max-width:100%!important} body.mls-ui-skin :where(.mls-dashboard-actions,.mls-profile-actions,.mls-sales-step-actions,.mls-sales-head-actions){max-width:100%!important} body.mls-ui-skin :where(.mls-responsive-table,.mls-table-wrap,.mls-table-scroll){max-width:100%!important;overflow-x:auto!important;-webkit-overflow-scrolling:touch!important} body.mls-ui-skin :where(.mls-responsive-table table,.mls-table-wrap table,.mls-table-scroll table){width:100%;border-collapse:separate} @media(max-width:900px){ body.mls-ui-skin .mls-sales-customer-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important} } @media(max-width:640px){ body.mls-ui-skin .mls-sales-customer-grid{grid-template-columns:1fr!important} body.mls-ui-skin .mls-sales-customer-card{grid-template-columns:44px minmax(0,1fr)!important;padding:12px!important;gap:10px!important} body.mls-ui-skin .mls-sales-customer-card>img, body.mls-ui-skin .mls-sales-customer-card>.mls-sales-customer-avatar{width:44px!important;height:44px!important;min-width:44px!important;flex-basis:44px!important} body.mls-ui-skin .mls-sales-customer-open{width:100%!important} body.mls-ui-skin .mls-sales-history-subsection{padding-top:12px} body.mls-ui-skin .mls-sales-addition-table table{min-width:600px!important} body.mls-ui-skin .mls-sales-history-table table{min-width:820px!important} } @media(max-width:420px){ body.mls-ui-skin .mls-sales-customer-card{grid-template-columns:1fr!important} body.mls-ui-skin .mls-sales-customer-card>img, body.mls-ui-skin .mls-sales-customer-card>.mls-sales-customer-avatar{grid-column:1!important;grid-row:auto!important;width:48px!important;height:48px!important} body.mls-ui-skin .mls-sales-customer-card-copy{grid-column:1!important} } /* v1.55.42 — plan rewards modal close button + global section polish */ body.mls-ui-skin .mls-plan-benefits-close{position:relative!important;min-width:52px!important;width:52px!important;height:52px!important;padding:0!important;display:inline-grid!important;place-items:center!important;align-self:flex-start!important;border:1px solid color-mix(in srgb,var(--mls-accent,#d9aa4e) 36%,var(--mls-border,#343b46))!important;border-radius:16px!important;background:linear-gradient(180deg,color-mix(in srgb,var(--mls-surface-alt,#171d25) 88%,#fff),var(--mls-surface,#11161d))!important;color:var(--mls-heading,#fff1d2)!important;font-size:30px!important;font-weight:500!important;line-height:1!important;box-shadow:0 10px 22px rgba(0,0,0,.22)!important;transition:transform .18s ease,background .18s ease,border-color .18s ease,box-shadow .18s ease} body.mls-ui-skin .mls-plan-benefits-close:hover,body.mls-ui-skin .mls-plan-benefits-close:focus-visible{transform:translateY(-1px)!important;border-color:color-mix(in srgb,var(--mls-accent,#d9aa4e) 56%,var(--mls-border,#343b46))!important;background:linear-gradient(180deg,color-mix(in srgb,var(--mls-accent,#d9aa4e) 10%,var(--mls-surface-alt,#171d25)),var(--mls-surface,#11161d))!important;box-shadow:0 14px 28px rgba(0,0,0,.28)!important;outline:none!important} body.mls-ui-skin .mls-plan-benefits-close:before{content:'';position:absolute;inset:0;border-radius:inherit;pointer-events:none;box-shadow:inset 0 1px 0 rgba(255,255,255,.05)} body.mls-ui-skin .mls-plan-benefits-head{align-items:center!important} body.mls-ui-skin .mls-plan-reward-global{border-color:color-mix(in srgb,var(--mls-accent,#d9aa4e) 32%,var(--mls-border,#343b46))!important;background:linear-gradient(180deg,color-mix(in srgb,var(--mls-accent,#d9aa4e) 5%,var(--mls-surface-alt,#171d25)),var(--mls-surface-alt,#171d25))!important} body.mls-ui-skin .mls-plan-reward-global .mls-plan-reward-vendor-head>span{color:var(--mls-accent,#d9aa4e)!important;font-weight:800!important} @media(max-width:720px){body.mls-ui-skin .mls-plan-benefits-close{min-width:48px!important;width:48px!important;height:48px!important;border-radius:14px!important;font-size:28px!important}} /* v1.55.43 — rewards modal close control + guaranteed global benefit section */ body.mls-ui-skin .mls-plan-benefits-head{position:sticky!important;top:-22px!important;z-index:4!important;margin-left:-22px!important;margin-right:-22px!important;padding:18px 22px 14px!important;background:var(--mls-surface,#11161d)!important} body.mls-ui-skin .mls-plan-benefits-close{position:relative!important;flex:0 0 44px!important;width:44px!important;min-width:44px!important;height:44px!important;padding:0!important;margin:0!important;border:1px solid color-mix(in srgb,var(--mls-accent,#d9aa4e) 36%,var(--mls-border,#343b46))!important;border-radius:50%!important;background:var(--mls-surface-alt,#171d25)!important;color:transparent!important;font-size:0!important;line-height:0!important;box-shadow:none!important;cursor:pointer!important} body.mls-ui-skin .mls-plan-benefits-close::before,body.mls-ui-skin .mls-plan-benefits-close::after{content:''!important;position:absolute!important;left:50%!important;top:50%!important;width:18px!important;height:2px!important;border-radius:999px!important;background:var(--mls-heading,#fff1d2)!important;transform-origin:center!important} body.mls-ui-skin .mls-plan-benefits-close::before{transform:translate(-50%,-50%) rotate(45deg)!important} body.mls-ui-skin .mls-plan-benefits-close::after{transform:translate(-50%,-50%) rotate(-45deg)!important} body.mls-ui-skin .mls-plan-benefits-close:hover,body.mls-ui-skin .mls-plan-benefits-close:focus-visible{border-color:var(--mls-accent,#d9aa4e)!important;background:color-mix(in srgb,var(--mls-accent,#d9aa4e) 10%,var(--mls-surface-alt,#171d25))!important;transform:none!important;outline:2px solid color-mix(in srgb,var(--mls-accent,#d9aa4e) 34%,transparent)!important;outline-offset:2px!important} body.mls-ui-skin .mls-plan-reward-global{order:-1!important} @media(max-width:720px){body.mls-ui-skin .mls-plan-benefits-head{top:-16px!important;margin-left:-16px!important;margin-right:-16px!important;padding:14px 16px 12px!important}body.mls-ui-skin .mls-plan-benefits-close{flex-basis:42px!important;width:42px!important;min-width:42px!important;height:42px!important}} /* v1.6.0 — Sales workspace visibility, ownership UX and responsive stabilization */ body.mls-ui-skin .mls-sales-console[data-mls-sales-active-pane]>.mls-sales-pane.is-active{display:block!important;visibility:visible!important;opacity:1!important;min-height:0!important} body.mls-ui-skin .mls-sales-console>.mls-sales-pane[hidden]{display:none!important} body.mls-ui-skin .mls-sales-history,body.mls-ui-skin #mls-sales-customers,body.mls-ui-skin #mls-sales-commission{width:100%!important;max-width:100%!important;min-width:0!important} body.mls-ui-skin .mls-sales-add-member-trigger,body.mls-ui-skin .mls-sales-add-member-trigger:visited,body.mls-ui-skin .mls-sales-add-member-trigger:hover,body.mls-ui-skin .mls-sales-add-member-trigger:focus{color:var(--mls-primary-text,#11161d)!important;-webkit-text-fill-color:var(--mls-primary-text,#11161d)!important;text-shadow:none!important} body.mls-ui-skin .mls-sales-add-member-trigger :where(span,strong){color:inherit!important;-webkit-text-fill-color:inherit!important} body.mls-ui-skin .mls-sales-history-subsection{min-width:0!important;max-width:100%!important;margin-top:14px!important} body.mls-ui-skin .mls-sales-customer-grid{align-items:stretch!important} body.mls-ui-skin .mls-sales-member-current-plan{width:100%!important} body.mls-ui-skin .mls-sales-customer-open{justify-self:start!important;width:auto!important;max-width:100%!important} @media(max-width:782px){ body.mls-ui-skin .mls-sales-console{width:100%!important;max-width:100%!important;padding-inline:10px!important;overflow:visible!important} body.mls-ui-skin .mls-sales-tabs{display:flex!important;max-width:100%!important;overflow-x:auto!important;flex-wrap:nowrap!important;-webkit-overflow-scrolling:touch!important} body.mls-ui-skin .mls-sales-tabs>a{flex:0 0 auto!important;white-space:nowrap!important} body.mls-ui-skin :where(#mls-sales-history,#mls-sales-customers,#mls-sales-commission,#mls-sales-new){scroll-margin-top:12px!important} } @media(max-width:520px){ body.mls-ui-skin .mls-sales-intro .mls-section-head{display:grid!important;grid-template-columns:1fr!important} body.mls-ui-skin .mls-sales-head-actions{width:100%!important;display:grid!important;grid-template-columns:auto minmax(0,1fr)!important;align-items:center!important} body.mls-ui-skin .mls-sales-add-member-trigger{width:100%!important} body.mls-ui-skin .mls-sales-customer-open{width:100%!important;justify-content:center!important} body.mls-ui-skin .mls-sales-history-subsection .mls-section-head{display:flex!important;flex-wrap:wrap!important} } body.mls-ui-skin .mls-sales-dashboard-actions .mls-primary, body.mls-ui-skin .mls-sales-dashboard-actions .mls-primary:visited, body.mls-ui-skin .mls-sales-dashboard-actions .mls-primary:hover, body.mls-ui-skin .mls-sales-dashboard-actions .mls-primary:focus{color:var(--mls-primary-text,#11161d)!important;-webkit-text-fill-color:var(--mls-primary-text,#11161d)!important;text-decoration:none!important} body.mls-ui-skin .mls-sales-dashboard-actions{display:flex!important;align-items:center!important;gap:8px!important;flex-wrap:wrap!important} @media(max-width:520px){body.mls-ui-skin .mls-sales-dashboard-actions{display:grid!important;grid-template-columns:1fr 1fr!important;width:100%!important}body.mls-ui-skin .mls-sales-dashboard-actions>a{width:100%!important;justify-content:center!important}} @media(max-width:360px){body.mls-ui-skin .mls-sales-dashboard-actions{grid-template-columns:1fr!important}} /* v1.6.1 — Birthday / Anniversary card-target offers + protected event dates */ body.mls-ui-skin .mls-special-card-targets .mls-check-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-top:4px} body.mls-ui-skin .mls-special-card-targets .mls-check{min-height:44px;padding:10px 12px;border:1px solid var(--mls-border,#343b46);border-radius:12px;background:var(--mls-surface-alt,#171d25)} body.mls-ui-skin .mls-special-day-validity{margin:12px 0 14px!important} body.mls-ui-skin .mls-event-date-locked input[readonly]{cursor:not-allowed;opacity:.8;background:color-mix(in srgb,var(--mls-surface-alt,#171d25) 92%,#000)!important} body.mls-ui-skin .mls-event-date-locked small{display:block;margin-top:5px;color:var(--mls-muted,#b8b19f);line-height:1.45} @media(max-width:900px){body.mls-ui-skin .mls-special-card-targets .mls-check-grid{grid-template-columns:repeat(2,minmax(0,1fr))}} @media(max-width:520px){body.mls-ui-skin .mls-special-card-targets .mls-check-grid{grid-template-columns:1fr}} /* v1.6.2 — member reward information architecture */ body.mls-ui-skin .mls-member-offer-subsection{margin-top:18px;padding-top:4px} body.mls-ui-skin .mls-member-offer-subsection .mls-section-head.mls-subheading{margin-bottom:10px!important} body.mls-ui-skin .mls-compact-empty{margin-top:16px!important;padding:12px 14px!important;min-height:0!important} body.mls-ui-skin .mls-member-reward-panel[data-mls-reward-panel="points"]>.mls-section-head{margin-top:0!important} body.mls-ui-skin .mls-member-reward-tabs button{min-height:42px} @media(max-width:720px){body.mls-ui-skin .mls-member-reward-tabs{grid-template-columns:minmax(0,1.35fr) minmax(0,.8fr) minmax(0,1fr)!important}body.mls-ui-skin .mls-member-reward-tabs button{font-size:10px!important;line-height:1.25!important}} /* v1.6.3 — sales history full width + reward transaction clarity */ body.mls-ui-skin .mls-sales-history{width:100%!important;max-width:none!important} body.mls-ui-skin .mls-sales-history-subsection{width:100%!important;max-width:none!important} body.mls-ui-skin :where(.mls-sales-history-table,.mls-sales-addition-table){width:100%!important;max-width:none!important;display:block!important} body.mls-ui-skin :where(.mls-sales-history-table,.mls-sales-addition-table)>table{width:100%!important;table-layout:auto!important} body.mls-ui-skin .mls-sales-addition-table>table{min-width:980px!important} body.mls-ui-skin .mls-visit-receipt>small:first-of-type{color:var(--mls-accent,#d9aa4e)!important;font-weight:800!important} @media(max-width:780px){body.mls-ui-skin .mls-sales-addition-table>table{min-width:900px!important}} /* v1.6.6 — safe help-tooltip alignment */ body.mls-ui-skin .mls-role-profile-form .mls-field>span{position:relative!important;min-width:0!important} body.mls-ui-skin .mls-role-profile-form .mls-help-tip-host{position:relative!important;flex:0 0 auto!important} body.mls-ui-skin .mls-role-profile-form .mls-help-tooltip{left:0!important;right:auto!important;width:min(340px,calc(100vw - 44px))!important;min-width:min(260px,calc(100vw - 44px))!important;max-width:min(340px,calc(100vw - 44px))!important;transform:translate(0,-3px)!important} body.mls-ui-skin .mls-role-profile-form .mls-help-tooltip:before{left:12px!important;transform:rotate(45deg)!important} body.mls-ui-skin .mls-role-profile-form .mls-help-tip:hover .mls-help-tooltip,body.mls-ui-skin .mls-role-profile-form .mls-help-tip:focus .mls-help-tooltip,body.mls-ui-skin .mls-role-profile-form .mls-help-tip.is-open .mls-help-tooltip{transform:translate(0,0)!important} @media(max-width:640px){body.mls-ui-skin .mls-role-profile-form .mls-help-tooltip{width:min(300px,calc(100vw - 34px))!important;min-width:min(220px,calc(100vw - 34px))!important;max-width:min(300px,calc(100vw - 34px))!important}} /* v1.6.8 — dashboard Digital Card is the exact same canvas used for PNG download */ body.mls-ui-skin .mls-card-download-wrap [data-mls-download-card-root].is-exact-download-preview{ position:relative!important; width:100%!important; max-width:680px!important; aspect-ratio:1016/640!important; min-height:0!important; height:auto!important; padding:0!important; margin-inline:auto!important; overflow:hidden!important; border:0!important; border-radius:24px!important; box-shadow:none!important; } body.mls-ui-skin [data-mls-download-card-root].is-exact-download-preview>.mls-card-exact-canvas{ position:absolute!important; inset:0!important; z-index:50!important; display:block!important; width:100%!important; height:100%!important; max-width:100%!important; object-fit:contain!important; pointer-events:none!important; border-radius:inherit!important; } @media(max-width:600px){ body.mls-ui-skin .mls-card-download-wrap [data-mls-download-card-root].is-exact-download-preview{ min-height:0!important; aspect-ratio:1016/640!important; border-radius:18px!important; } } /* v1.6.9 — exact card preview must show one canvas only (no legacy layer bleed-through) */ body.mls-ui-skin [data-mls-download-card-root].is-exact-download-preview{ isolation:isolate!important; contain:paint!important; background:transparent!important; background-image:none!important; border:0!important; box-shadow:none!important; } body.mls-ui-skin [data-mls-download-card-root].is-exact-download-preview::before, body.mls-ui-skin [data-mls-download-card-root].is-exact-download-preview::after{ content:none!important; display:none!important; background:none!important; border:0!important; box-shadow:none!important; } body.mls-ui-skin [data-mls-download-card-root].is-exact-download-preview > :not(.mls-card-exact-canvas){ visibility:hidden!important; opacity:0!important; pointer-events:none!important; } body.mls-ui-skin [data-mls-download-card-root].is-exact-download-preview > .mls-card-exact-canvas{ visibility:visible!important; opacity:1!important; z-index:2!important; object-fit:fill!important; background:transparent!important; } /* v1.8.0 — role-wise app distribution. The role install entry stays visible even * when the browser cannot raise beforeinstallprompt; in that case it opens the * role-specific PWA shell, where iOS/Add-to-Home-Screen can be used manually. */ body.mls-ui-skin .mls-dashboard-identity .mls-role-pwa-action{display:inline-flex!important} body.mls-installed-app .mls-dashboard-identity .mls-role-pwa-action, body.mls-pwa-app-shell .mls-dashboard-identity .mls-role-pwa-action, body.mls-installed-app .mls-dashboard-identity .mls-role-app-native, body.mls-pwa-app-shell .mls-dashboard-identity .mls-role-app-native{display:none!important} body.mls-ui-skin .mls-dashboard-identity .mls-role-app-native{display:inline-flex;align-items:center;justify-content:center} @media(max-width:620px){ body.mls-ui-skin:not(.mls-pwa-app-shell) .mls-dashboard-identity .mls-role-pwa-action, body.mls-ui-skin:not(.mls-pwa-app-shell) .mls-dashboard-identity .mls-role-app-native{flex:1 1 140px;min-width:0!important} } /* v1.9.0 — unified role user management for web + role-wise PWA apps */ .mls-role-user-manager{display:grid;gap:16px;min-width:0} .mls-role-user-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:6px;border:1px solid var(--mls-border,#e2e8f0);border-radius:14px;background:var(--mls-surface-alt,#f8fafc);width:max-content;max-width:100%} .mls-role-user-action{appearance:none;border:1px solid transparent;border-radius:10px;min-height:40px;padding:8px 14px;background:transparent;color:var(--mls-text,#334155);font:inherit;font-size:12px;font-weight:800;line-height:1.2;cursor:pointer;transition:background .18s ease,border-color .18s ease,color .18s ease,transform .18s ease} .mls-role-user-action:hover,.mls-role-user-action:focus-visible{border-color:var(--mls-primary,#d7a928);color:var(--mls-heading,#0f172a);outline:none} .mls-role-user-action.is-active{background:var(--mls-primary,#d7a928);border-color:var(--mls-primary,#d7a928);color:var(--mls-primary-text,#11161d);box-shadow:0 8px 22px -18px rgba(15,23,42,.7)} .mls-role-user-pane[hidden]{display:none!important}.mls-role-user-pane.is-active{display:block;min-width:0} .mls-role-user-form-panel,.mls-role-user-list-panel{margin:0!important;min-width:0} .mls-role-user-table{max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch} .mls-role-user-table table{width:100%;min-width:720px;border-collapse:separate;border-spacing:0} .mls-role-user-table td>small,.mls-role-user-table td>strong{display:block}.mls-role-user-table td>small{margin-top:3px;color:var(--mls-muted,#64748b)} .mls-role-user-table .mls-row-buttons{display:flex;align-items:center;gap:6px;flex-wrap:wrap} .mls-role-user-table .mls-link-button{white-space:nowrap} .mls-user-detail-button{cursor:pointer} .mls-sales-member-actions{margin:0 0 14px} @media(max-width:782px){ .mls-role-user-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:100%;padding:5px;position:sticky;top:max(8px,env(safe-area-inset-top));z-index:12;box-shadow:0 10px 26px -22px rgba(15,23,42,.7)} .mls-role-user-action{width:100%;min-width:0;justify-content:center;text-align:center;padding:9px 8px} .mls-role-user-pane{min-width:0} .mls-role-user-table{overflow-x:auto;-webkit-overflow-scrolling:touch;border-radius:14px} .mls-role-user-table table{min-width:760px} .mls-role-user-table thead{position:static!important;width:auto!important;height:auto!important;overflow:visible!important;clip:auto!important;white-space:normal!important} .mls-role-user-table tbody{display:table-row-group;width:auto;min-width:initial} .mls-role-user-table tr{display:table-row;width:auto;min-width:initial} .mls-role-user-table td{display:table-cell;width:auto;min-width:initial} .mls-role-user-table tr{padding:0;border:0;background:transparent;box-shadow:none} .mls-role-user-table td{display:table-cell;padding:12px 14px!important;border-bottom:1px solid var(--mls-border,#e2e8f0)!important;text-align:left!important;vertical-align:top;overflow-wrap:anywhere} .mls-role-user-table td::before{content:none!important} .mls-role-user-table td>.mls-row-buttons{display:flex;flex-wrap:wrap;gap:7px;width:auto} .mls-role-user-table td>.mls-row-buttons>*{width:auto;justify-content:center;text-align:center;margin:0!important} .mls-role-user-table td>.mls-row-buttons form button{width:auto} .mls-detail-drawer-panel{left:0!important;right:0!important;top:auto!important;bottom:0!important;width:100%!important;max-width:none!important;max-height:min(82vh,760px);border-radius:20px 20px 0 0;animation:mls-detail-sheet-in .22s ease-out both;padding-bottom:env(safe-area-inset-bottom)} .mls-detail-drawer-head{padding:14px 16px;align-items:flex-start}.mls-detail-drawer-body{padding:8px 16px 22px} .mls-detail-row{display:grid!important;grid-template-columns:minmax(105px,.8fr) minmax(0,1.2fr)!important;gap:10px!important} @keyframes mls-detail-sheet-in{from{transform:translateY(24px);opacity:.7}to{transform:translateY(0);opacity:1}} .mls-role-user-pane .mls-form-grid{grid-template-columns:1fr!important} .mls-role-user-pane .mls-span-2,.mls-role-user-pane .mls-field-wide{grid-column:1!important} } @media(max-width:420px){ .mls-role-user-actions{gap:4px}.mls-role-user-action{font-size:11px;padding-inline:6px} } body.mls-pwa-app-shell .mls-role-user-manager,body.mls-installed-app .mls-role-user-manager{width:100%;max-width:100%;overflow:visible} body.mls-pwa-app-shell .mls-role-user-actions,body.mls-installed-app .mls-role-user-actions{touch-action:manipulation} body.mls-pwa-app-shell .mls-role-user-action,body.mls-installed-app .mls-role-user-action{min-height:44px} /* v1.9.3 — strict scoped console tabs + compact management tables */ .mls-dashboard-management .mls-console-panel[hidden], .mls-dashboard-management .mls-console-section[hidden], .mls-vendor-console .mls-console-panel[hidden], .mls-vendor-console .mls-console-section[hidden]{display:none!important} .mls-compact-management-table table{min-width:420px} .mls-detail-drawer-actions{display:flex;flex-wrap:wrap;gap:8px;padding:16px 0 4px;border-top:1px solid var(--mls-border,#e2e8f0);margin-top:8px} .mls-detail-drawer-actions .mls-inline-action{display:inline-flex;margin:0} .mls-detail-drawer-actions .mls-link-button{display:inline-flex;align-items:center;justify-content:center;min-height:40px;margin:0} @media(max-width:782px){ .mls-compact-management-table table{min-width:100%} .mls-compact-management-table th:last-child,.mls-compact-management-table td:last-child{text-align:right!important} .mls-detail-drawer-actions{display:grid;grid-template-columns:1fr 1fr;position:sticky;bottom:0;background:var(--mls-surface,#fff);padding-bottom:max(10px,env(safe-area-inset-bottom))} .mls-detail-drawer-actions>*{width:100%}.mls-detail-drawer-actions .mls-link-button{width:100%} } /* v1.9.4 — minimal Name + View Detail lists and role identity pills */ .mls-dashboard-name-line{display:flex;align-items:center;gap:10px;flex-wrap:wrap;min-width:0} .mls-dashboard-name-line h1{margin-right:0!important} .mls-dashboard-role-pill{display:inline-flex;align-items:center;justify-content:center;min-height:27px;padding:4px 10px;border:1px solid rgba(244,204,106,.48);border-radius:999px;background:rgba(244,204,106,.13);color:#f4cc6a;font-size:10px;font-weight:850;line-height:1.1;letter-spacing:.03em;white-space:nowrap} .mls-name-detail-list{overflow:visible!important;width:100%} .mls-name-detail-list table{width:100%!important;min-width:0!important;table-layout:fixed;border-collapse:separate;border-spacing:0} .mls-name-detail-list tbody{display:table-row-group!important} .mls-name-detail-list tr{display:table-row!important} .mls-name-detail-list td{display:table-cell!important;vertical-align:middle!important;padding:13px 12px!important;border-bottom:1px solid var(--mls-border,#e2e8f0)!important} .mls-name-detail-list tr:last-child td{border-bottom:0!important} .mls-name-detail-list td:first-child{width:68%;text-align:left!important} .mls-name-detail-list td:last-child{width:32%;text-align:right!important} .mls-name-detail-list td:last-child .mls-row-buttons{display:flex!important;justify-content:flex-end!important;align-items:center!important;flex-wrap:nowrap!important} .mls-name-detail-list .mls-user-detail-button{margin:0!important;white-space:nowrap} .mls-clean-view-panel{min-width:0} .mls-clean-view-panel>.mls-name-detail-list,.mls-clean-view-panel>.mls-responsive-table{margin-top:0!important} .mls-builder-form > button[type="submit"][hidden], .mls-builder-form > input[type="submit"][hidden]{display:none!important} @media(max-width:782px){ .mls-dashboard-name-line{gap:7px} .mls-dashboard-role-pill{min-height:24px;padding:3px 8px;font-size:9px} .mls-name-detail-list{overflow:visible!important} .mls-name-detail-list table{min-width:0!important;width:100%!important} .mls-name-detail-list td{padding:12px 8px!important} .mls-name-detail-list td:first-child{width:58%!important} .mls-name-detail-list td:last-child{width:42%!important;text-align:right!important} .mls-name-detail-list td:last-child .mls-row-buttons{justify-content:flex-end!important;width:100%!important} .mls-name-detail-list .mls-user-detail-button{width:auto!important;min-width:96px!important} } @media(max-width:380px){ .mls-name-detail-list td:first-child{width:52%!important} .mls-name-detail-list td:last-child{width:48%!important} .mls-name-detail-list .mls-user-detail-button{min-width:88px!important;padding-inline:8px!important;font-size:10px!important} } /* v1.9.5 — final minimal list + membership add/view consistency */ .mls-builder-native-submit[hidden]{display:none!important} .mls-clean-view-panel{padding-top:12px!important} .mls-clean-view-panel>.mls-name-detail-list:first-child{margin-top:0!important} .mls-membership-member-list+nav,.mls-membership-member-list+.mls-pagination{margin-top:10px} /* v1.9.6 — desktop full management tables; compact mobile/app rows only */ .mls-mobile-compact-table{max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch} .mls-mobile-compact-table table{width:100%;min-width:720px} @media(max-width:782px){ /* Mobile/app view is deliberately one line per record: Name + View Detail. */ .mls-mobile-compact-table{overflow:visible!important;width:100%!important;max-width:100%!important;padding:0!important} .mls-mobile-compact-table table{display:block!important;width:100%!important;min-width:0!important;table-layout:fixed!important;border-collapse:separate!important} .mls-mobile-compact-table thead{display:none!important} .mls-mobile-compact-table tbody{display:grid!important;width:100%!important;gap:0!important} .mls-mobile-compact-table tr{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:10px!important;width:100%!important;min-width:0!important;padding:10px 0!important;border-bottom:1px solid var(--mls-border,#e2e8f0)!important;background:transparent!important;box-shadow:none!important} .mls-mobile-compact-table tr:last-child{border-bottom:0!important} .mls-mobile-compact-table td{display:none!important;border:0!important;padding:0!important;min-width:0!important;background:transparent!important} .mls-mobile-compact-table td:first-child{display:block!important;flex:1 1 auto!important;width:auto!important;min-width:0!important;text-align:left!important} .mls-mobile-compact-table td:last-child{display:flex!important;flex:0 0 auto!important;width:auto!important;align-items:center!important;justify-content:flex-end!important;text-align:right!important} .mls-mobile-compact-table td:first-child strong{display:block!important;max-width:100%!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;font-size:12px!important;line-height:1.35!important} .mls-mobile-compact-table td:first-child small{display:none!important} .mls-mobile-compact-table td:last-child .mls-row-buttons{display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:0!important;flex-wrap:nowrap!important;width:auto!important} .mls-mobile-compact-table td:last-child .mls-row-buttons>:not(.mls-user-detail-button){display:none!important} .mls-mobile-compact-table .mls-user-detail-button{display:inline-flex!important;width:auto!important;min-width:96px!important;min-height:36px!important;margin:0!important;padding:7px 10px!important;white-space:nowrap!important;font-size:10px!important} /* Prevent help/description copy from pushing the app canvas horizontally. */ body.mls-ui-skin :where(.mls-dashboard-section,.mls-dashboard-panel,.mls-console-panel,.mls-role-user-manager,.mls-role-user-pane,.mls-section-head,.mls-section-head>div), body.mls-pwa-app-shell :where(.mls-dashboard-section,.mls-dashboard-panel,.mls-console-panel,.mls-role-user-manager,.mls-role-user-pane,.mls-section-head,.mls-section-head>div), body.mls-installed-app :where(.mls-dashboard-section,.mls-dashboard-panel,.mls-console-panel,.mls-role-user-manager,.mls-role-user-pane,.mls-section-head,.mls-section-head>div){min-width:0!important;max-width:100%!important;box-sizing:border-box!important} body.mls-ui-skin .mls-section-head,body.mls-pwa-app-shell .mls-section-head,body.mls-installed-app .mls-section-head{display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:7px!important} body.mls-ui-skin .mls-section-head .mls-status-badge,body.mls-pwa-app-shell .mls-section-head .mls-status-badge,body.mls-installed-app .mls-section-head .mls-status-badge{justify-self:start!important;max-width:100%!important} body.mls-ui-skin :where(.mls-section-head p,.mls-help,.mls-front-note p,.mls-dashboard-panel p,.mls-console-panel p), body.mls-pwa-app-shell :where(.mls-section-head p,.mls-help,.mls-front-note p,.mls-dashboard-panel p,.mls-console-panel p), body.mls-installed-app :where(.mls-section-head p,.mls-help,.mls-front-note p,.mls-dashboard-panel p,.mls-console-panel p){display:block!important;width:100%!important;max-width:100%!important;min-width:0!important;white-space:normal!important;overflow:visible!important;text-overflow:clip!important;overflow-wrap:anywhere!important;word-break:break-word!important} } @media(max-width:380px){ .mls-mobile-compact-table .mls-user-detail-button{min-width:88px!important;padding-inline:8px!important} } /* v1.9.7 — final mobile/app containment + admin-only notification UX hardening */ @media(max-width:782px){ html,body{max-width:100%;overflow-x:hidden} body.mls-ui-skin .mls-role-dashboard,body.mls-pwa-app-shell .mls-role-dashboard,body.mls-installed-app .mls-role-dashboard{width:100%!important;max-width:100%!important;overflow-x:clip!important} body.mls-ui-skin .mls-dashboard-name-line,body.mls-pwa-app-shell .mls-dashboard-name-line,body.mls-installed-app .mls-dashboard-name-line{display:flex!important;align-items:center!important;flex-wrap:nowrap!important;gap:7px!important;max-width:100%!important;min-width:0!important} body.mls-ui-skin .mls-dashboard-name-line h1,body.mls-pwa-app-shell .mls-dashboard-name-line h1,body.mls-installed-app .mls-dashboard-name-line h1{flex:1 1 auto!important;min-width:0!important;max-width:none!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important} body.mls-ui-skin .mls-dashboard-role-pill,body.mls-pwa-app-shell .mls-dashboard-role-pill,body.mls-installed-app .mls-dashboard-role-pill{flex:0 0 auto!important;max-width:128px!important;overflow:hidden!important;text-overflow:ellipsis!important} /* Help copy must never push the app horizontally. Tooltips become a viewport-safe overlay. */ body.mls-ui-skin .mls-help-tooltip, body.mls-pwa-app-shell .mls-help-tooltip, body.mls-installed-app .mls-help-tooltip{ position:fixed!important; left:14px!important; right:14px!important; top:auto!important; bottom:calc(86px + env(safe-area-inset-bottom))!important; width:auto!important; min-width:0!important; max-width:none!important; max-height:38vh!important; overflow:auto!important; transform:translateY(6px)!important; z-index:10050!important; box-sizing:border-box!important; } body.mls-ui-skin .mls-help-tooltip:before, body.mls-pwa-app-shell .mls-help-tooltip:before, body.mls-installed-app .mls-help-tooltip:before{display:none!important} body.mls-ui-skin .mls-help-tip:hover .mls-help-tooltip,body.mls-ui-skin .mls-help-tip:focus .mls-help-tooltip,body.mls-ui-skin .mls-help-tip.is-open .mls-help-tooltip, body.mls-pwa-app-shell .mls-help-tip:hover .mls-help-tooltip,body.mls-pwa-app-shell .mls-help-tip:focus .mls-help-tooltip,body.mls-pwa-app-shell .mls-help-tip.is-open .mls-help-tooltip, body.mls-installed-app .mls-help-tip:hover .mls-help-tooltip,body.mls-installed-app .mls-help-tip:focus .mls-help-tooltip,body.mls-installed-app .mls-help-tip.is-open .mls-help-tooltip{transform:translateY(0)!important} /* The View pane itself starts directly with records on mobile; desktop keeps its full title/count/table chrome. */ .mls-role-user-list-panel>.mls-section-head{display:none!important} /* Compact app lists stay one physical line: name on the left, detail on the right. */ .mls-mobile-compact-table tr{min-height:48px!important} .mls-mobile-compact-table td:first-child{padding-right:8px!important} .mls-mobile-compact-table td:last-child{margin-left:auto!important} } /* v1.9.8 — live Membership Plan catalogue shared by every role dashboard/PWA */ .mls-dashboard-plan-catalogue{min-width:0;overflow:hidden} .mls-dashboard-plan-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(260px,100%),1fr));gap:14px;min-width:0} .mls-dashboard-plan-card{display:grid;gap:12px;min-width:0;padding:16px;border:1px solid var(--mls-border,#e2e8f0);border-radius:16px;background:var(--mls-surface,#fff);box-shadow:0 16px 34px -30px rgba(15,23,42,.7)} .mls-dashboard-plan-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;min-width:0} .mls-dashboard-plan-card-head>div{min-width:0} .mls-dashboard-plan-card-head h3{margin:3px 0 0;overflow-wrap:anywhere} .mls-dashboard-plan-price{display:block;color:var(--mls-heading,#0f172a);font-size:20px;line-height:1.2} .mls-dashboard-plan-meta{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px} .mls-dashboard-plan-meta>span{display:grid;gap:3px;min-width:0;padding:10px;border:1px solid var(--mls-border,#e2e8f0);border-radius:12px;background:var(--mls-surface-alt,#f8fafc)} .mls-dashboard-plan-meta small,.mls-dashboard-plan-updated{color:var(--mls-muted,#64748b)} .mls-dashboard-plan-meta strong{overflow-wrap:anywhere} .mls-dashboard-plan-card>p{margin:0;color:var(--mls-text,#334155);line-height:1.55;overflow-wrap:anywhere} @media(max-width:620px){ .mls-dashboard-plan-catalogue .mls-section-head{align-items:flex-start;min-width:0} .mls-dashboard-plan-catalogue .mls-section-head>div{min-width:0} .mls-dashboard-plan-catalogue .mls-section-head p{max-width:100%;white-space:normal;overflow-wrap:anywhere} .mls-dashboard-plan-grid{grid-template-columns:1fr} .mls-dashboard-plan-card{padding:14px} .mls-dashboard-plan-meta{grid-template-columns:1fr 1fr} } @media(max-width:380px){.mls-dashboard-plan-meta{grid-template-columns:1fr}} /* v1.9.9 — Master mobile/app full workspace navigation. * Bottom navigation remains quick access; the complete Master role tab bar is * intentionally visible as a horizontal scroller so no workspace is hidden. */ @media(max-width:782px){ body.mls-ui-skin .mls-master-dashboard > .mls-master-nav, body.mls-installed-app .mls-master-dashboard > .mls-master-nav, body.mls-pwa-app-shell .mls-master-dashboard > .mls-master-nav{ display:flex!important; position:relative!important; top:auto!important; width:100%!important; max-width:100%!important; flex-wrap:nowrap!important; gap:7px!important; margin:0 0 14px!important; padding:7px!important; overflow-x:auto!important; overflow-y:hidden!important; overscroll-behavior-inline:contain!important; -webkit-overflow-scrolling:touch!important; scroll-snap-type:x proximity!important; scrollbar-width:thin!important; z-index:10!important; } body.mls-ui-skin .mls-master-dashboard > .mls-master-nav a, body.mls-installed-app .mls-master-dashboard > .mls-master-nav a, body.mls-pwa-app-shell .mls-master-dashboard > .mls-master-nav a{ display:inline-flex!important; flex:0 0 auto!important; min-width:max-content!important; min-height:42px!important; padding:7px 11px!important; white-space:nowrap!important; scroll-snap-align:start!important; } } /* v1.10.0 — reference-style compact user cards in mobile/app only. Desktop tables stay full. */ .mls-mobile-user-identity,.mls-mobile-user-card{display:none} @media(max-width:782px){ .mls-mobile-compact-table{overflow:visible!important;width:100%!important;max-width:100%!important;padding:0!important} .mls-mobile-compact-table table{display:block!important;width:100%!important;min-width:0!important;table-layout:fixed!important;border-collapse:separate!important} .mls-mobile-compact-table thead{display:none!important} .mls-mobile-compact-table tbody{display:grid!important;width:100%!important;gap:14px!important} .mls-mobile-compact-table tr.mls-mobile-user-card-row{display:block!important;width:100%!important;min-width:0!important;padding:0!important;border:0!important;background:transparent!important;box-shadow:none!important} .mls-mobile-compact-table td{display:none!important;border:0!important;padding:0!important;min-width:0!important;background:transparent!important} .mls-mobile-compact-table td.mls-mobile-identity-cell{display:block!important;width:100%!important} .mls-mobile-compact-table td.mls-mobile-identity-cell>strong,.mls-mobile-compact-table td.mls-mobile-identity-cell>small{display:none!important} .mls-mobile-compact-table td.mls-mobile-status-cell,.mls-mobile-compact-table td:last-child{display:none!important} .mls-mobile-compact-table .mls-mobile-user-card{display:grid!important;gap:14px!important;width:100%!important;padding:18px!important;border:1px solid color-mix(in srgb,var(--mls-primary,#d7a928) 30%,var(--mls-border,#263244))!important;border-radius:24px!important;background:linear-gradient(135deg,color-mix(in srgb,var(--mls-surface,#09131f) 94%,#000) 0%,color-mix(in srgb,var(--mls-surface,#09131f) 88%,var(--mls-primary,#d7a928) 3%) 100%)!important;box-shadow:0 18px 38px -28px rgba(0,0,0,.85)!important;box-sizing:border-box!important;overflow:hidden!important} .mls-mobile-compact-table .mls-mobile-user-card-head{display:flex!important;align-items:flex-start!important;justify-content:space-between!important;gap:12px!important} .mls-mobile-compact-table .mls-mobile-user-identity{display:flex!important;align-items:center!important;gap:14px!important;min-width:0!important;flex:1 1 auto!important} .mls-mobile-compact-table .mls-mobile-user-avatar{display:inline-flex!important;align-items:center!important;justify-content:center!important;flex:0 0 58px!important;width:58px!important;height:58px!important;border-radius:18px!important;background:linear-gradient(180deg,color-mix(in srgb,var(--mls-primary,#d7a928) 16%,transparent) 0%,color-mix(in srgb,var(--mls-primary,#d7a928) 24%,transparent) 100%)!important;border:1px solid color-mix(in srgb,var(--mls-primary,#d7a928) 62%,transparent)!important;color:var(--mls-primary,#d7a928)!important;font-size:24px!important;font-weight:850!important;letter-spacing:.02em!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.06)!important} .mls-mobile-compact-table .mls-mobile-user-copy{display:grid!important;gap:6px!important;min-width:0!important;flex:1 1 auto!important} .mls-mobile-compact-table .mls-mobile-user-copy strong{display:block!important;max-width:100%!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;font-size:21px!important;line-height:1.15!important;color:var(--mls-heading,#f8fafc)!important;font-family:Georgia,ui-serif,serif!important;font-weight:700!important} .mls-mobile-compact-table .mls-mobile-user-copy small{display:block!important;max-width:100%!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;font-size:14px!important;line-height:1.3!important;color:var(--mls-muted,#b9c4d4)!important} .mls-mobile-compact-table .mls-mobile-user-status{display:flex!important;align-items:flex-start!important;justify-content:flex-end!important;flex:0 0 auto!important} .mls-mobile-compact-table .mls-mobile-user-status .mls-status-badge{min-height:42px!important;padding:10px 18px!important;border-radius:999px!important;font-size:15px!important;font-weight:800!important;white-space:nowrap!important;box-shadow:0 12px 24px -20px rgba(0,0,0,.4)!important} .mls-mobile-compact-table .mls-mobile-user-meta{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:0!important;padding-top:14px!important;border-top:1px solid color-mix(in srgb,var(--mls-border,#2c394c) 82%,transparent)!important} .mls-mobile-compact-table .mls-mobile-user-meta-item{display:grid!important;gap:8px!important;min-width:0!important;padding:0 10px!important} .mls-mobile-compact-table .mls-mobile-user-meta-item+.mls-mobile-user-meta-item{border-left:1px solid color-mix(in srgb,var(--mls-border,#2c394c) 82%,transparent)!important} .mls-mobile-compact-table .mls-mobile-user-meta-item span{display:block!important;font-size:12px!important;line-height:1.1!important;font-weight:800!important;letter-spacing:.05em!important;text-transform:uppercase!important;color:var(--mls-muted,#8ea0b7)!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important} .mls-mobile-compact-table .mls-mobile-user-meta-item strong{display:block!important;font-size:18px!important;line-height:1.25!important;font-weight:600!important;color:var(--mls-heading,#f8fafc)!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important} .mls-mobile-compact-table .mls-mobile-user-card-foot{display:flex!important;align-items:center!important;justify-content:flex-start!important;padding-top:16px!important;border-top:1px solid color-mix(in srgb,var(--mls-border,#2c394c) 82%,transparent)!important} .mls-mobile-compact-table .mls-mobile-user-card-foot .mls-user-detail-button{display:inline-flex!important;align-items:center!important;gap:10px!important;width:auto!important;min-width:0!important;height:auto!important;min-height:0!important;padding:0!important;border:0!important;background:transparent!important;color:var(--mls-heading,#f8fafc)!important;font-size:18px!important;font-weight:700!important;line-height:1.2!important;box-shadow:none!important;text-decoration:none!important} .mls-mobile-compact-table .mls-mobile-user-card-foot .mls-user-detail-button::before{content:'↠';display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:999px;color:var(--mls-primary,#d7a928);font-size:22px;line-height:1;transform:translateY(-1px)} .mls-mobile-compact-table .mls-mobile-user-card-foot .mls-user-detail-button::after{content:'›';display:inline-block;margin-left:2px;color:var(--mls-primary,#d7a928);font-size:26px;line-height:1;font-weight:400} .mls-mobile-compact-table .mls-mobile-user-card-foot .mls-user-detail-button:hover,.mls-mobile-compact-table .mls-mobile-user-card-foot .mls-user-detail-button:focus-visible{color:var(--mls-primary,#d7a928)!important;outline:none!important} } @media(max-width:782px){ .mls-mobile-compact-table tr.mls-mobile-empty-row{display:block!important;min-height:0!important;padding:0!important;border:0!important;background:transparent!important;box-shadow:none!important} .mls-mobile-compact-table tr.mls-mobile-empty-row td.mls-mobile-empty-cell{display:block!important;width:100%!important;padding:0!important} .mls-mobile-compact-table tr.mls-mobile-empty-row .mls-compact-empty{display:block!important;width:100%!important} } @media(max-width:560px){ .mls-mobile-compact-table .mls-mobile-user-copy strong{font-size:18px!important} .mls-mobile-compact-table .mls-mobile-user-copy small{font-size:12.5px!important} .mls-mobile-compact-table .mls-mobile-user-status .mls-status-badge{min-height:36px!important;padding:8px 14px!important;font-size:13px!important} .mls-mobile-compact-table .mls-mobile-user-meta-item strong{font-size:15px!important} .mls-mobile-compact-table .mls-mobile-user-card-foot .mls-user-detail-button{font-size:16px!important} } @media(max-width:420px){ .mls-mobile-compact-table .mls-mobile-user-card{padding:15px!important;border-radius:20px!important} .mls-mobile-compact-table .mls-mobile-user-avatar{flex-basis:50px!important;width:50px!important;height:50px!important;font-size:20px!important} .mls-mobile-compact-table .mls-mobile-user-copy strong{font-size:16px!important} .mls-mobile-compact-table .mls-mobile-user-copy small{font-size:11.5px!important} .mls-mobile-compact-table .mls-mobile-user-status .mls-status-badge{min-height:32px!important;padding:7px 12px!important;font-size:12px!important} .mls-mobile-compact-table .mls-mobile-user-meta{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px 0!important} .mls-mobile-compact-table .mls-mobile-user-meta-item:nth-child(odd){padding-left:0!important} .mls-mobile-compact-table .mls-mobile-user-meta-item:nth-child(even){border-left:1px solid color-mix(in srgb,var(--mls-border,#2c394c) 82%,transparent)!important} .mls-mobile-compact-table .mls-mobile-user-meta-item strong{font-size:13px!important} .mls-mobile-compact-table .mls-mobile-user-card-foot{padding-top:14px!important} .mls-mobile-compact-table .mls-mobile-user-card-foot .mls-user-detail-button{font-size:15px!important} } /* Plan catalogue detail action */ .mls-dashboard-plan-actions{display:flex;align-items:center;justify-content:flex-start;margin-top:12px} .mls-dashboard-plan-actions .mls-user-detail-button{min-height:38px} /* v1.10.1 — structured Store-wise Plan detail and final compact-row hardening */ .mls-plan-store-benefits{display:grid;gap:10px;margin-top:18px;padding-top:16px;border-top:1px solid var(--mls-border,#e2e8f0)} .mls-plan-store-benefits-head{display:grid;gap:2px} .mls-plan-store-benefits-head>span{color:var(--mls-primary,#d7a928);font-size:10px;font-weight:850;letter-spacing:.08em;text-transform:uppercase} .mls-plan-store-benefits-head>strong{color:var(--mls-heading,#0f172a);font-size:15px} .mls-plan-store-benefit-group{display:grid;gap:8px;padding:12px;border:1px solid var(--mls-border,#e2e8f0);border-radius:13px;background:var(--mls-surface-alt,#f8fafc)} .mls-plan-store-benefit-group-head{display:grid;gap:2px} .mls-plan-store-benefit-group-head small{color:var(--mls-muted,#64748b);font-size:9px;font-weight:800;letter-spacing:.06em;text-transform:uppercase} .mls-plan-store-benefit-group-head strong{color:var(--mls-heading,#0f172a);font-size:12px;overflow-wrap:anywhere} .mls-plan-store-benefit-group ul{display:grid;gap:6px;margin:0;padding-left:18px;color:var(--mls-text,#334155);font-size:11px;line-height:1.5} .mls-plan-store-benefits-empty{margin:0!important} @media(max-width:390px){ .mls-mobile-compact-table td.mls-mobile-status-cell .mls-status-badge{font-size:8px!important;padding-inline:6px!important} .mls-mobile-compact-table .mls-user-detail-button{min-width:76px!important;padding-inline:5px!important;font-size:9px!important} } /* v1.10.2 — reference-image mobile user/vendor cards. Desktop keeps full tables. */ .mls-mobile-reference-cell,.mls-mobile-reference-card{display:none} @media(max-width:782px){ .mls-mobile-compact-table tbody{display:grid!important;gap:12px!important} .mls-mobile-compact-table tr.mls-mobile-reference-row{display:block!important;width:100%!important;min-height:0!important;padding:0!important;border:0!important;background:transparent!important;box-shadow:none!important} .mls-mobile-compact-table tr.mls-mobile-reference-row>td{display:none!important} .mls-mobile-compact-table tr.mls-mobile-reference-row>td.mls-mobile-reference-cell{display:block!important;width:100%!important;padding:0!important;border:0!important;background:transparent!important} .mls-mobile-reference-card{ display:grid!important;gap:0!important;width:100%!important;min-width:0!important;box-sizing:border-box!important; padding:14px 14px 0!important;border:1px solid color-mix(in srgb,var(--mls-primary,#d7a928) 24%,var(--mls-border,#263244))!important; border-radius:17px!important;background:linear-gradient(145deg,color-mix(in srgb,var(--mls-surface,#0d141d) 96%,#000 4%),color-mix(in srgb,var(--mls-surface,#0d141d) 88%,#1b1409 12%))!important; box-shadow:0 18px 42px -34px rgba(0,0,0,.9)!important;overflow:hidden!important; } .mls-mobile-reference-head{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:10px!important;min-width:0!important;padding-bottom:13px!important} .mls-mobile-reference-identity{display:flex!important;align-items:center!important;gap:11px!important;min-width:0!important;flex:1 1 auto!important} .mls-mobile-reference-icon{display:inline-flex!important;align-items:center!important;justify-content:center!important;flex:0 0 46px!important;width:46px!important;height:46px!important;border-radius:13px!important;background:linear-gradient(145deg,color-mix(in srgb,var(--mls-primary,#d7a928) 20%,transparent),rgba(255,255,255,.02))!important;border:1px solid color-mix(in srgb,var(--mls-primary,#d7a928) 42%,var(--mls-border,#263244))!important;color:var(--mls-primary,#d7a928)!important;box-shadow:inset 0 0 20px rgba(215,169,40,.04)!important} .mls-mobile-reference-icon svg{width:23px!important;height:23px!important;display:block!important} .mls-mobile-reference-title{display:grid!important;gap:3px!important;min-width:0!important} .mls-mobile-reference-title strong{display:block!important;min-width:0!important;max-width:100%!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;color:var(--mls-heading,#f8fafc)!important;font-family:inherit!important;font-size:14px!important;font-weight:850!important;line-height:1.25!important} .mls-mobile-reference-title small{display:block!important;min-width:0!important;max-width:100%!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;color:var(--mls-muted,#94a3b8)!important;font-size:9.5px!important;line-height:1.25!important} .mls-mobile-reference-head>.mls-status-badge,.mls-mobile-reference-head>.mls-pill{flex:0 0 auto!important;min-height:29px!important;max-width:112px!important;padding:5px 11px!important;font-size:9px!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important} .mls-mobile-reference-meta{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;border-top:1px solid var(--mls-border,#263244)!important;border-bottom:1px solid var(--mls-border,#263244)!important;padding:12px 0!important;min-width:0!important} .mls-mobile-reference-meta>div{display:grid!important;align-content:start!important;gap:5px!important;min-width:0!important;padding:0 10px!important;border-right:1px solid var(--mls-border,#263244)!important} .mls-mobile-reference-meta>div:first-child{padding-left:0!important}.mls-mobile-reference-meta>div:last-child{padding-right:0!important;border-right:0!important} .mls-mobile-reference-meta small{display:block!important;color:var(--mls-muted,#94a3b8)!important;font-size:8px!important;font-weight:800!important;letter-spacing:.055em!important;text-transform:uppercase!important;line-height:1.2!important} .mls-mobile-reference-meta strong{display:block!important;min-width:0!important;color:var(--mls-text,#e5e7eb)!important;font-size:10px!important;font-weight:650!important;line-height:1.35!important;overflow-wrap:anywhere!important;word-break:break-word!important} .mls-mobile-reference-action{display:flex!important;align-items:center!important;justify-content:center!important;min-height:55px!important;padding:7px 0!important} .mls-mobile-reference-detail{position:relative!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;width:auto!important;min-width:118px!important;min-height:38px!important;margin:0!important;padding:7px 12px 7px 34px!important;border:0!important;background:transparent!important;box-shadow:none!important;color:var(--mls-heading,#f8fafc)!important;font-size:10px!important;font-weight:800!important;white-space:nowrap!important} .mls-mobile-reference-detail::before{content:''!important;position:absolute!important;left:8px!important;width:18px!important;height:18px!important;background:currentColor!important;opacity:.98!important;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='9' cy='8' r='3'/%3E%3Ccircle cx='17' cy='9' r='2.5'/%3E%3Cpath d='M3 20c.5-4 2.5-6 6-6s5.5 2 6 6M14 15c3.8-.7 6 .9 7 4'/%3E%3C/svg%3E") center/contain no-repeat!important;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='9' cy='8' r='3'/%3E%3Ccircle cx='17' cy='9' r='2.5'/%3E%3Cpath d='M3 20c.5-4 2.5-6 6-6s5.5 2 6 6M14 15c3.8-.7 6 .9 7 4'/%3E%3C/svg%3E") center/contain no-repeat!important;color:var(--mls-primary,#d7a928)!important} .mls-mobile-reference-detail::after{content:'›'!important;display:block!important;margin-left:1px!important;color:var(--mls-primary,#d7a928)!important;font-size:19px!important;font-weight:500!important;line-height:1!important;transform:translateY(-1px)!important} .mls-mobile-reference-detail:hover,.mls-mobile-reference-detail:focus-visible{color:var(--mls-primary,#d7a928)!important;outline:1px solid color-mix(in srgb,var(--mls-primary,#d7a928) 45%,transparent)!important;outline-offset:1px!important;border-radius:999px!important} body.mls-pwa-app-shell .mls-mobile-reference-card,body.mls-installed-app .mls-mobile-reference-card{border-radius:18px!important} } @media(max-width:390px){ .mls-mobile-reference-card{padding:12px 12px 0!important} .mls-mobile-reference-icon{flex-basis:42px!important;width:42px!important;height:42px!important} .mls-mobile-reference-title strong{font-size:12.5px!important}.mls-mobile-reference-title small{font-size:8.8px!important} .mls-mobile-reference-meta>div{padding-inline:7px!important}.mls-mobile-reference-meta small{font-size:7.5px!important}.mls-mobile-reference-meta strong{font-size:9.2px!important} .mls-mobile-reference-head>.mls-status-badge,.mls-mobile-reference-head>.mls-pill{padding-inline:8px!important;max-width:92px!important} } /* v1.10.3 — full-width Master Vendor mobile cards, single detail icon, cleaner drawer head */ .mls-detail-drawer-head>div>span:empty{display:none!important} @media(max-width:782px){ /* Master > View Vendor must consume the entire available app content width. */ #mls-db-vendors, #mls-db-vendors>.mls-dashboard-panel, #mls-db-vendors .mls-role-user-manager, #mls-db-vendors .mls-role-user-pane, #mls-master-vendors, #mls-master-vendors table, #mls-master-vendors tbody, #mls-master-vendors tr.mls-mobile-reference-row, #mls-master-vendors td.mls-mobile-reference-cell, #mls-master-vendors .mls-mobile-reference-card{ width:100%!important;max-width:100%!important;min-width:0!important;box-sizing:border-box!important; } #mls-master-vendors{display:block!important;overflow:visible!important} #mls-master-vendors table,#mls-master-vendors tbody{display:block!important} #mls-master-vendors .mls-mobile-reference-card{margin-left:0!important;margin-right:0!important} /* One leading icon only. ui.js decoration is deliberately suppressed on this clone. */ .mls-mobile-reference-detail>.mls-ui-icon, .mls-mobile-reference-detail>.mls-icon-svg, .mls-mobile-reference-detail>.dashicons, .mls-mobile-reference-detail>.mls-nav-icon{display:none!important} .mls-mobile-reference-detail::before{content:''!important} /* Keep card action visually centered and clean. */ .mls-mobile-reference-action{width:100%!important} .mls-mobile-reference-detail{max-width:100%!important} } /* v1.10.4 — anchored help popovers, reference dashboard hero, review polish, final card fixes */ body.mls-ui-skin .mls-help-tip .mls-help-tooltip, body.mls-pwa-app-shell .mls-help-tip .mls-help-tooltip, body.mls-installed-app .mls-help-tip .mls-help-tooltip{ position:fixed!important; left:var(--mls-help-left,12px)!important; top:var(--mls-help-top,60px)!important; right:auto!important; bottom:auto!important; width:var(--mls-help-width,min(340px,calc(100vw - 24px)))!important; min-width:0!important; max-width:calc(100vw - 24px)!important; max-height:min(46vh,360px)!important; overflow:auto!important; transform:none!important; z-index:100080!important; box-sizing:border-box!important; } body.mls-ui-skin .mls-help-tip .mls-help-tooltip:before, body.mls-pwa-app-shell .mls-help-tip .mls-help-tooltip:before, body.mls-installed-app .mls-help-tip .mls-help-tooltip:before{display:none!important} body.mls-ui-skin .mls-help-tip:hover .mls-help-tooltip,body.mls-ui-skin .mls-help-tip:focus .mls-help-tooltip,body.mls-ui-skin .mls-help-tip.is-open .mls-help-tooltip, body.mls-pwa-app-shell .mls-help-tip:hover .mls-help-tooltip,body.mls-pwa-app-shell .mls-help-tip:focus .mls-help-tooltip,body.mls-pwa-app-shell .mls-help-tip.is-open .mls-help-tooltip, body.mls-installed-app .mls-help-tip:hover .mls-help-tooltip,body.mls-installed-app .mls-help-tip:focus .mls-help-tooltip,body.mls-installed-app .mls-help-tip.is-open .mls-help-tooltip{transform:none!important} /* Dashboard header: brand + personal notifications + profile photo/initials + role identity. */ body.mls-ui-skin .mls-role-dashboard .mls-dashboard-hero{ display:grid!important; grid-template-columns:minmax(0,1fr) auto!important; align-items:center!important; gap:16px 20px!important; overflow:visible!important; } body.mls-ui-skin .mls-dashboard-topbar{grid-column:1/-1;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:14px!important;min-width:0!important;position:relative!important;z-index:30!important} body.mls-ui-skin .mls-dashboard-brand{display:flex!important;align-items:center!important;gap:9px!important;min-width:0!important;color:var(--mls-hero-text,#fff)!important} body.mls-ui-skin .mls-dashboard-brand>strong{font-size:12px!important;letter-spacing:.12em!important;text-transform:uppercase!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important} body.mls-ui-skin .mls-dashboard-brand-mark{display:inline-flex!important;align-items:center!important;justify-content:center!important;width:34px!important;height:26px!important;color:var(--mls-primary,#d7a928)!important;font-size:14px!important;font-weight:900!important;font-style:italic!important;letter-spacing:-.08em!important} body.mls-ui-skin .mls-dashboard-hero-main{display:flex!important;align-items:center!important;gap:16px!important;min-width:0!important;position:relative!important;z-index:2!important} body.mls-ui-skin .mls-dashboard-hero-copy{display:grid!important;gap:5px!important;min-width:0!important} body.mls-ui-skin .mls-dashboard-welcome{display:block!important;color:var(--mls-primary,#d7a928)!important;font-size:12px!important;line-height:1.2!important} body.mls-ui-skin .mls-dashboard-avatar{display:inline-flex!important;align-items:center!important;justify-content:center!important;flex:0 0 72px!important;width:72px!important;height:72px!important;border-radius:999px!important;border:1px solid color-mix(in srgb,var(--mls-primary,#d7a928) 72%,var(--mls-border,#263244))!important;background:color-mix(in srgb,var(--mls-primary,#d7a928) 8%,var(--mls-surface,#0f141b))!important;color:var(--mls-primary,#d7a928)!important;font-size:20px!important;font-weight:850!important;overflow:hidden!important} body.mls-ui-skin .mls-dashboard-avatar img{display:block!important;width:100%!important;height:100%!important;object-fit:cover!important;border-radius:inherit!important} body.mls-ui-skin .mls-dashboard-name-line{display:flex!important;align-items:center!important;gap:8px!important;min-width:0!important;flex-wrap:wrap!important} body.mls-ui-skin .mls-dashboard-name-line h1{min-width:0!important;margin:0!important} body.mls-ui-skin .mls-dashboard-role-pill{flex:0 0 auto!important} body.mls-ui-skin .mls-dashboard-identity{position:relative!important;z-index:2!important;max-width:none!important;justify-content:flex-end!important;align-items:stretch!important;flex-wrap:wrap!important} body.mls-ui-skin .mls-dashboard-identity>.mls-secondary,body.mls-ui-skin .mls-dashboard-identity>a.mls-link-button{min-height:54px!important;margin:0!important;padding:10px 14px!important} body.mls-ui-skin .mls-dashboard-notifications{position:relative!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;z-index:100040!important} body.mls-ui-skin .mls-dashboard-notification-button{position:relative!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;width:40px!important;height:40px!important;padding:0!important;border:0!important;background:transparent!important;color:var(--mls-hero-text,#fff)!important;cursor:pointer!important} body.mls-ui-skin .mls-dashboard-notification-button svg{width:25px!important;height:25px!important} body.mls-ui-skin .mls-dashboard-notification-count{position:absolute!important;right:0!important;top:-1px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;min-width:17px!important;height:17px!important;padding:0 4px!important;border-radius:999px!important;background:var(--mls-primary,#d7a928)!important;color:#11161d!important;font-size:8px!important;font-weight:900!important;box-shadow:0 0 0 2px var(--mls-surface,#0f141b)!important} body.mls-ui-skin .mls-dashboard-notification-popover{position:absolute!important;right:0!important;top:calc(100% + 10px)!important;width:min(390px,calc(100vw - 28px))!important;max-height:min(62vh,580px)!important;overflow:hidden!important;border:1px solid color-mix(in srgb,var(--mls-primary,#d7a928) 28%,var(--mls-border,#263244))!important;border-radius:16px!important;background:var(--mls-surface,#0d141d)!important;color:var(--mls-text,#e5e7eb)!important;box-shadow:0 26px 70px -28px rgba(0,0,0,.9)!important;z-index:100050!important} body.mls-ui-skin .mls-dashboard-notification-popover[hidden]{display:none!important} body.mls-ui-skin .mls-dashboard-notification-head{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:10px!important;padding:13px 14px!important;border-bottom:1px solid var(--mls-border,#263244)!important} body.mls-ui-skin .mls-dashboard-notification-head strong{display:block!important;color:var(--mls-heading,#f8fafc)!important;font-size:13px!important} body.mls-ui-skin .mls-dashboard-notification-head small{display:block!important;margin-top:2px!important;color:var(--mls-muted,#94a3b8)!important;font-size:9px!important} body.mls-ui-skin .mls-dashboard-notification-list{display:grid!important;max-height:min(52vh,500px)!important;overflow:auto!important} body.mls-ui-skin .mls-dashboard-notification-row{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;gap:9px!important;padding:12px 14px!important;border-bottom:1px solid var(--mls-border,#263244)!important;background:transparent!important} body.mls-ui-skin .mls-dashboard-notification-row.is-unread{background:color-mix(in srgb,var(--mls-primary,#d7a928) 7%,transparent)!important} body.mls-ui-skin .mls-dashboard-notification-copy{min-width:0!important} body.mls-ui-skin .mls-dashboard-notification-copy strong{display:block!important;color:var(--mls-heading,#f8fafc)!important;font-size:11px!important} body.mls-ui-skin .mls-dashboard-notification-copy p{margin:4px 0 0!important;color:var(--mls-text,#d8dee9)!important;font-size:9.5px!important;line-height:1.45!important;white-space:normal!important;overflow-wrap:anywhere!important} body.mls-ui-skin .mls-dashboard-notification-copy time{display:block!important;margin-top:5px!important;color:var(--mls-muted,#94a3b8)!important;font-size:8.5px!important} body.mls-ui-skin .mls-dashboard-notification-read{align-self:start!important;border:0!important;background:transparent!important;color:var(--mls-primary,#d7a928)!important;font-size:8.5px!important;font-weight:800!important;cursor:pointer!important} body.mls-ui-skin .mls-dashboard-notification-empty{padding:18px!important;color:var(--mls-muted,#94a3b8)!important;text-align:center!important;font-size:10px!important} /* Review form follows the active dark/gold skin instead of falling back to a white card. */ body.mls-ui-skin .mls-review-form,body.mls-ui-skin .mls-review-card{background:var(--mls-surface,#0d141d)!important;border-color:var(--mls-border,#263244)!important;color:var(--mls-text,#e5e7eb)!important} body.mls-ui-skin .mls-review-form>summary,body.mls-ui-skin .mls-review-card details>summary{color:var(--mls-heading,#f8fafc)!important} body.mls-ui-skin .mls-review-form[open]>summary{border-bottom-color:var(--mls-border,#263244)!important} body.mls-ui-skin .mls-review-form .mls-field>span,body.mls-ui-skin .mls-review-card .mls-field>span{color:var(--mls-primary,#d7a928)!important} body.mls-ui-skin .mls-review-form :where(input,select,textarea),body.mls-ui-skin .mls-review-card :where(input,select,textarea){background:var(--mls-surface-alt,#111923)!important;border-color:var(--mls-border,#263244)!important;color:var(--mls-heading,#f8fafc)!important;-webkit-text-fill-color:var(--mls-heading,#f8fafc)!important} body.mls-ui-skin .mls-review-form :where(input,select,textarea):focus,body.mls-ui-skin .mls-review-card :where(input,select,textarea):focus{border-color:var(--mls-primary,#d7a928)!important;box-shadow:0 0 0 2px color-mix(in srgb,var(--mls-primary,#d7a928) 20%,transparent)!important} body.mls-ui-skin .mls-review-store-filter{display:flex!important;align-items:flex-end!important;gap:9px!important;flex-wrap:wrap!important;margin:0 0 14px!important;padding:11px!important;border:1px solid var(--mls-border,#263244)!important;border-radius:13px!important;background:var(--mls-surface-alt,#111923)!important} body.mls-ui-skin .mls-review-store-filter label{display:grid!important;gap:5px!important;min-width:min(240px,100%)!important;flex:1 1 240px!important} body.mls-ui-skin .mls-review-store-filter label>span{color:var(--mls-primary,#d7a928)!important;font-size:10px!important;font-weight:800!important} body.mls-ui-skin .mls-review-store-filter select{min-height:40px!important;background:var(--mls-surface,#0d141d)!important;border:1px solid var(--mls-border,#263244)!important;border-radius:10px!important;color:var(--mls-heading,#f8fafc)!important;padding:8px 10px!important} body.mls-ui-skin .mls-review-store-filter .mls-secondary,body.mls-ui-skin .mls-review-store-filter .mls-link-button{margin:0!important;min-height:40px!important} /* Final mobile card hardening. */ @media(max-width:782px){ body.mls-ui-skin .mls-role-dashboard .mls-dashboard-hero{grid-template-columns:1fr auto!important;padding:14px!important;gap:10px 12px!important} body.mls-ui-skin .mls-dashboard-topbar{grid-column:1/-1!important} body.mls-ui-skin .mls-dashboard-hero-main{gap:10px!important;min-width:0!important} body.mls-ui-skin .mls-dashboard-avatar{flex-basis:54px!important;width:54px!important;height:54px!important;font-size:15px!important} body.mls-ui-skin .mls-dashboard-welcome{font-size:9px!important} body.mls-ui-skin .mls-dashboard-name-line{flex-wrap:nowrap!important;gap:6px!important} body.mls-ui-skin .mls-dashboard-name-line h1{font-size:clamp(18px,5.2vw,23px)!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important} body.mls-ui-skin .mls-dashboard-role-pill{max-width:105px!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important} body.mls-ui-skin .mls-dashboard-hero-copy>p{font-size:9px!important;line-height:1.35!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important} body.mls-ui-skin .mls-dashboard-identity{gap:7px!important;flex-wrap:nowrap!important} body.mls-ui-skin .mls-dashboard-identity>.mls-secondary,body.mls-ui-skin .mls-dashboard-identity>a.mls-link-button{min-height:46px!important;padding:8px 10px!important;font-size:9px!important} body.mls-ui-skin .mls-dashboard-notification-popover{position:fixed!important;right:12px!important;left:12px!important;top:72px!important;width:auto!important;max-height:70vh!important} .mls-master-dashboard #mls-db-vendors>.mls-dashboard-panel, .mls-master-dashboard #mls-db-vendors .mls-role-user-manager, .mls-master-dashboard #mls-db-vendors .mls-role-user-pane, .mls-master-dashboard #mls-master-vendors, .mls-master-dashboard #mls-master-vendors table, .mls-master-dashboard #mls-master-vendors tbody, .mls-master-dashboard #mls-master-vendors tr.mls-mobile-reference-row, .mls-master-dashboard #mls-master-vendors td.mls-mobile-reference-cell, .mls-master-dashboard #mls-master-vendors .mls-mobile-reference-card{display:block!important;width:100%!important;max-width:none!important;min-width:0!important;box-sizing:border-box!important;justify-self:stretch!important;align-self:stretch!important} .mls-master-dashboard #mls-master-vendors tbody{display:grid!important;grid-template-columns:minmax(0,1fr)!important} .mls-master-dashboard #mls-master-vendors .mls-mobile-reference-card{margin:0!important} .mls-mobile-reference-detail>.mls-ui-icon,.mls-mobile-reference-detail>.mls-icon-svg,.mls-mobile-reference-detail>.dashicons,.mls-mobile-reference-detail>.mls-nav-icon,.mls-mobile-reference-detail>.mls-button-icon,.mls-mobile-reference-detail>svg{display:none!important} .mls-mobile-reference-detail::before{content:''!important;display:block!important} .mls-detail-drawer:not(.mls-customer-360-drawer) .mls-detail-drawer-head>div>span{display:none!important} } /* v1.10.5 — verified pane isolation, side tooltips, desktop notification portal, compact cards */ .mls-role-user-manager[data-active-pane="view"] > [data-mls-role-user-pane="add"], .mls-role-user-manager[data-active-pane="add"] > [data-mls-role-user-pane="view"]{display:none!important} .mls-role-user-manager[data-active-pane="view"] > [data-mls-role-user-pane="view"], .mls-role-user-manager[data-active-pane="add"] > [data-mls-role-user-pane="add"]{display:block!important} /* Generic user-detail drawer has no kicker / DETAIL label. */ .mls-generic-detail-drawer .mls-detail-drawer-head>div>span{display:none!important} .mls-generic-detail-drawer .mls-detail-drawer-head strong{margin-top:0!important} .mls-detail-member-edit-form{display:grid;gap:12px;margin:14px 0;padding:14px;border:1px solid var(--mls-border,#263244);border-radius:14px;background:var(--mls-surface-alt,#111923)} .mls-detail-member-edit-form .mls-primary{justify-self:start;margin-top:0!important} /* Tooltip is always anchored beside the info icon on desktop and mobile. */ body.mls-ui-skin .mls-help-tip .mls-help-tooltip, body.mls-pwa-app-shell .mls-help-tip .mls-help-tooltip, body.mls-installed-app .mls-help-tip .mls-help-tooltip{position:fixed!important;left:var(--mls-help-left,12px)!important;top:var(--mls-help-top,12px)!important;right:auto!important;bottom:auto!important;width:var(--mls-help-width,260px)!important;max-width:calc(100vw - 20px)!important;max-height:min(44vh,340px)!important;margin:0!important;transform:none!important;overflow:auto!important;white-space:normal!important;overflow-wrap:anywhere!important;z-index:100100!important} /* Bell popover is portalled to body so desktop hero overflow can never clip it. */ body.mls-ui-skin .mls-dashboard-notification-popover.is-portal{position:fixed!important;left:var(--mls-notify-left,12px)!important;top:var(--mls-notify-top,72px)!important;right:auto!important;bottom:auto!important;width:var(--mls-notify-width,min(390px,calc(100vw - 24px)))!important;max-width:calc(100vw - 24px)!important;max-height:min(68vh,580px)!important;z-index:100200!important} body.mls-ui-skin .mls-dashboard-notification-popover.is-portal .mls-dashboard-notification-list{max-height:min(56vh,490px)!important} @media(min-width:783px){ body.mls-ui-skin .mls-dashboard-notification-popover.is-portal{min-width:320px!important} body.mls-ui-skin .mls-dashboard-notification-row{padding:14px 16px!important} body.mls-ui-skin .mls-dashboard-notification-copy strong{font-size:13px!important} body.mls-ui-skin .mls-dashboard-notification-copy p{font-size:11px!important} body.mls-ui-skin .mls-dashboard-notification-copy time{font-size:9.5px!important} } @media(max-width:782px){ /* One visual icon only: the chevron. Any decorative leading View icon is suppressed. */ .mls-mobile-reference-detail{padding:5px 7px!important;min-width:0!important;min-height:30px!important;gap:5px!important;font-size:9.5px!important} .mls-mobile-reference-detail::before{content:none!important;display:none!important;mask:none!important;-webkit-mask:none!important} .mls-mobile-reference-detail::after{content:'›'!important;display:inline-block!important;margin-left:1px!important;font-size:17px!important;color:var(--mls-primary,#d7a928)!important} /* Reference-card language retained but made compact for every role dashboard. */ .mls-mobile-compact-table tbody{gap:8px!important} .mls-mobile-reference-card{padding:10px 10px 0!important;border-radius:14px!important} .mls-mobile-reference-head{padding-bottom:8px!important;gap:7px!important} .mls-mobile-reference-identity{gap:8px!important} .mls-mobile-reference-icon{flex-basis:36px!important;width:36px!important;height:36px!important;border-radius:10px!important} .mls-mobile-reference-icon svg{width:18px!important;height:18px!important} .mls-mobile-reference-title strong{font-size:11.5px!important} .mls-mobile-reference-head>.mls-status-badge,.mls-mobile-reference-head>.mls-pill{min-height:24px!important;max-width:92px!important;padding:3px 8px!important;font-size:7.8px!important} .mls-mobile-reference-meta{padding:8px 0!important} .mls-mobile-reference-meta>div{gap:3px!important;padding:0 6px!important} .mls-mobile-reference-meta small{font-size:6.8px!important} .mls-mobile-reference-meta strong{font-size:8.4px!important;line-height:1.25!important} .mls-mobile-reference-action{min-height:38px!important;padding:4px 0!important} .mls-mobile-reference-card :where(.mls-front-kicker,.mls-kicker,.mls-detail-label){display:none!important} .mls-master-dashboard #mls-db-vendors>.mls-dashboard-panel, .mls-master-dashboard #mls-db-vendors .mls-role-user-manager, .mls-master-dashboard #mls-db-vendors .mls-role-user-pane, .mls-master-dashboard #mls-master-vendors, .mls-master-dashboard #mls-master-vendors table, .mls-master-dashboard #mls-master-vendors tbody, .mls-master-dashboard #mls-master-vendors tr.mls-mobile-reference-row, .mls-master-dashboard #mls-master-vendors td.mls-mobile-reference-cell, .mls-master-dashboard #mls-master-vendors .mls-mobile-reference-card{width:100%!important;max-width:100%!important;min-width:0!important;margin-left:0!important;margin-right:0!important;box-sizing:border-box!important} } /* v1.10.6 — final mobile reference-card/icon hardening and cross-role width consistency */ @media(max-width:782px){ .mls-mobile-compact-table, .mls-mobile-compact-table table, .mls-mobile-compact-table tbody, .mls-mobile-compact-table tr.mls-mobile-reference-row, .mls-mobile-compact-table td.mls-mobile-reference-cell, .mls-mobile-compact-table .mls-mobile-reference-card{ width:100%!important;max-width:100%!important;min-width:0!important;box-sizing:border-box!important; } .mls-mobile-compact-table tbody{grid-template-columns:minmax(0,1fr)!important} .mls-mobile-reference-detail::before{content:none!important;display:none!important;width:0!important;height:0!important;mask:none!important;-webkit-mask:none!important} .mls-mobile-reference-detail::after{content:'›'!important;display:inline-block!important;color:var(--mls-primary,#d7a928)!important;font-size:17px!important;line-height:1!important;font-weight:500!important} .mls-mobile-reference-detail[data-mls-no-icon]>.mls-ui-icon, .mls-mobile-reference-detail[data-mls-no-icon]>.mls-icon-svg, .mls-mobile-reference-detail[data-mls-no-icon]>.dashicons, .mls-mobile-reference-detail[data-mls-no-icon]>svg{display:none!important} .mls-mobile-reference-card{overflow:hidden!important} .mls-mobile-reference-title,.mls-mobile-reference-title strong,.mls-mobile-reference-meta,.mls-mobile-reference-meta>div{min-width:0!important} } /* v1.10.7 — server-rendered critical UI: no JS-generated card dependency. */ .mls-server-mobile-card-cell{display:none!important} .mls-help-tooltip-portal[hidden],.mls-dashboard-notification-popover.is-portal[hidden]{display:none!important} .mls-help-tooltip-portal{ position:fixed!important;left:var(--mls-help-left,12px)!important;top:var(--mls-help-top,12px)!important; width:var(--mls-help-width,260px)!important;min-width:0!important;max-width:calc(100vw - 20px)!important; max-height:min(44vh,340px)!important;overflow:auto!important;margin:0!important;padding:10px 12px!important; border:1px solid color-mix(in srgb,var(--mls-primary,#d7a928) 32%,#364152)!important;border-radius:11px!important; background:#0b0f14!important;color:#f7edd8!important;-webkit-text-fill-color:#f7edd8!important; box-shadow:0 18px 44px rgba(0,0,0,.48)!important;font-size:11px!important;font-weight:600!important;line-height:1.5!important; text-align:left!important;white-space:normal!important;overflow-wrap:anywhere!important;word-break:normal!important; opacity:0!important;visibility:hidden!important;pointer-events:none!important;transform:none!important;z-index:2147483000!important; } .mls-help-tooltip-portal.is-visible{opacity:1!important;visibility:visible!important;pointer-events:auto!important} .mls-help-tooltip-portal:before{display:none!important} /* Notification inbox is a viewport popover, never clipped by the dashboard hero. */ .mls-dashboard-notification-popover.is-portal{ position:fixed!important;left:var(--mls-notify-left,12px)!important;top:var(--mls-notify-top,72px)!important;right:auto!important;bottom:auto!important; width:var(--mls-notify-width,min(390px,calc(100vw - 24px)))!important;min-width:280px!important;max-width:calc(100vw - 24px)!important; max-height:min(68vh,580px)!important;overflow:hidden!important;border:1px solid color-mix(in srgb,var(--mls-primary,#d7a928) 30%,#334155)!important; border-radius:16px!important;background:#0d141d!important;color:#e5e7eb!important;box-shadow:0 28px 78px -24px rgba(0,0,0,.92)!important; z-index:2147482900!important;box-sizing:border-box!important; } .mls-dashboard-notification-popover.is-portal .mls-dashboard-notification-head{display:flex!important;align-items:center!important;justify-content:space-between!important;padding:14px 16px!important;border-bottom:1px solid #263244!important;background:#101923!important} .mls-dashboard-notification-popover.is-portal .mls-dashboard-notification-head strong{color:#f8fafc!important;font-size:14px!important} .mls-dashboard-notification-popover.is-portal .mls-dashboard-notification-head small{color:#94a3b8!important;font-size:10px!important} .mls-dashboard-notification-popover.is-portal .mls-dashboard-notification-list{display:block!important;max-height:min(56vh,490px)!important;overflow:auto!important} .mls-dashboard-notification-popover.is-portal .mls-dashboard-notification-row{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;gap:10px!important;padding:13px 16px!important;border-bottom:1px solid #263244!important;background:#0d141d!important} .mls-dashboard-notification-popover.is-portal .mls-dashboard-notification-row.is-unread{background:#151b1f!important} .mls-dashboard-notification-popover.is-portal .mls-dashboard-notification-copy strong{display:block!important;color:#f8fafc!important;font-size:12px!important} .mls-dashboard-notification-popover.is-portal .mls-dashboard-notification-copy p{display:block!important;margin:4px 0 0!important;color:#d8dee9!important;font-size:10.5px!important;line-height:1.45!important;white-space:normal!important;overflow-wrap:anywhere!important} .mls-dashboard-notification-popover.is-portal .mls-dashboard-notification-copy time{display:block!important;margin-top:5px!important;color:#94a3b8!important;font-size:9px!important} .mls-dashboard-notification-popover.is-portal .mls-dashboard-notification-read{align-self:start!important;white-space:nowrap!important;color:var(--mls-primary,#d7a928)!important} /* The inactive Add/View pane is hard-hidden, even when themes override [hidden]. */ .mls-role-user-manager[data-active-pane="view"]>[data-mls-role-user-pane="add"], .mls-role-user-manager[data-active-pane="add"]>[data-mls-role-user-pane="view"]{display:none!important} .mls-role-user-manager[data-active-pane="view"]>[data-mls-role-user-pane="view"], .mls-role-user-manager[data-active-pane="add"]>[data-mls-role-user-pane="add"]{display:block!important} /* Generic detail drawer has only the record title; no DETAIL/DETAILS kicker. */ .mls-generic-detail-drawer .mls-detail-drawer-head span,.mls-generic-detail-drawer .mls-detail-label,.mls-generic-detail-drawer .mls-front-kicker{display:none!important} @media(max-width:782px){ .mls-mobile-compact-table{display:block!important;width:100%!important;max-width:100%!important;overflow:visible!important;border:0!important;background:transparent!important} .mls-mobile-compact-table table,.mls-mobile-compact-table tbody{display:block!important;width:100%!important;max-width:100%!important;min-width:0!important} .mls-mobile-compact-table thead{display:none!important} .mls-mobile-compact-table tr.mls-server-mobile-row{display:block!important;width:100%!important;max-width:100%!important;min-width:0!important;margin:0 0 8px!important;padding:0!important;border:0!important;background:transparent!important;box-shadow:none!important} .mls-mobile-compact-table tr.mls-server-mobile-row>td:not(.mls-server-mobile-card-cell){display:none!important} .mls-mobile-compact-table tr.mls-server-mobile-row>.mls-server-mobile-card-cell{display:block!important;width:100%!important;max-width:100%!important;min-width:0!important;padding:0!important;border:0!important;background:transparent!important;box-sizing:border-box!important} .mls-server-mobile-card{display:block!important;width:100%!important;max-width:100%!important;min-width:0!important;box-sizing:border-box!important;padding:10px 11px 0!important;border:1px solid color-mix(in srgb,var(--mls-primary,#d7a928) 25%,var(--mls-border,#263244))!important;border-radius:14px!important;background:linear-gradient(145deg,#0d141d,#111710)!important;box-shadow:0 14px 32px -28px rgba(0,0,0,.9)!important;overflow:hidden!important} .mls-server-mobile-card-head{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:8px!important;padding-bottom:8px!important;min-width:0!important} .mls-server-mobile-card-identity{display:flex!important;align-items:center!important;gap:8px!important;min-width:0!important;flex:1 1 auto!important} .mls-server-mobile-card-icon{display:inline-flex!important;align-items:center!important;justify-content:center!important;flex:0 0 36px!important;width:36px!important;height:36px!important;border-radius:10px!important;background:color-mix(in srgb,var(--mls-primary,#d7a928) 16%,transparent)!important;border:1px solid color-mix(in srgb,var(--mls-primary,#d7a928) 38%,var(--mls-border,#263244))!important;color:var(--mls-primary,#d7a928)!important} .mls-server-mobile-card-icon svg{display:block!important;width:18px!important;height:18px!important} .mls-server-mobile-card-title{min-width:0!important;flex:1 1 auto!important} .mls-server-mobile-card-title strong{display:block!important;min-width:0!important;max-width:100%!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;color:var(--mls-heading,#f8fafc)!important;font-size:12px!important;font-weight:850!important;line-height:1.25!important} .mls-server-mobile-card-head>.mls-status-badge,.mls-server-mobile-card-head>.mls-pill{flex:0 0 auto!important;min-height:24px!important;max-width:100px!important;padding:3px 8px!important;font-size:8px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important} .mls-server-mobile-card-meta{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;min-width:0!important;padding:8px 0!important;border-top:1px solid var(--mls-border,#263244)!important;border-bottom:1px solid var(--mls-border,#263244)!important} .mls-server-mobile-card-meta>div{display:grid!important;align-content:start!important;gap:3px!important;min-width:0!important;padding:0 7px!important;border-right:1px solid var(--mls-border,#263244)!important} .mls-server-mobile-card-meta>div:first-child{padding-left:0!important}.mls-server-mobile-card-meta>div:last-child{padding-right:0!important;border-right:0!important} .mls-server-mobile-card-meta small{display:block!important;color:var(--mls-muted,#94a3b8)!important;font-size:7px!important;font-weight:800!important;letter-spacing:.05em!important;text-transform:uppercase!important;line-height:1.2!important} .mls-server-mobile-card-meta strong{display:block!important;min-width:0!important;max-width:100%!important;color:var(--mls-text,#e5e7eb)!important;font-size:8.5px!important;font-weight:650!important;line-height:1.3!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important} .mls-server-mobile-card-action{display:flex!important;align-items:center!important;justify-content:center!important;min-height:38px!important;padding:3px 0!important} .mls-server-mobile-detail{appearance:none!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:5px!important;min-height:30px!important;width:auto!important;margin:0!important;padding:5px 8px!important;border:0!important;background:transparent!important;box-shadow:none!important;color:var(--mls-heading,#f8fafc)!important;font:inherit!important;font-size:9.5px!important;font-weight:800!important;white-space:nowrap!important;cursor:pointer!important} .mls-server-mobile-detail:before{content:none!important;display:none!important} .mls-server-mobile-detail:after{content:'›'!important;display:inline-block!important;margin-left:1px!important;color:var(--mls-primary,#d7a928)!important;font-size:17px!important;line-height:1!important;font-weight:500!important} .mls-server-mobile-detail>.mls-ui-icon,.mls-server-mobile-detail>.mls-icon-svg,.mls-server-mobile-detail>.dashicons,.mls-server-mobile-detail>svg{display:none!important} .mls-role-user-list-panel>.mls-section-head{display:none!important} } @media(max-width:390px){ .mls-server-mobile-card{padding:9px 9px 0!important}.mls-server-mobile-card-meta>div{padding-inline:5px!important}.mls-server-mobile-card-meta small{font-size:6.5px!important}.mls-server-mobile-card-meta strong{font-size:8px!important} } @media(max-width:782px){ /* If an older cached transformer executes, never show its duplicate generated card. */ .mls-server-mobile-row>.mls-mobile-reference-cell{display:none!important} } /* v1.8.0 final visible UI contract */ .mls-quick-find{display:none!important} .mls-server-mobile-card-row{display:none!important} @media(max-width:782px){ .mls-mobile-compact-table tr.mls-desktop-data-row{display:none!important} .mls-mobile-compact-table tr.mls-server-mobile-card-row{display:block!important;width:100%!important;max-width:100%!important;min-width:0!important;margin:0 0 10px!important;padding:0!important;border:0!important;background:transparent!important;box-shadow:none!important} .mls-mobile-compact-table tr.mls-server-mobile-card-row>.mls-server-mobile-card-cell{display:block!important;width:100%!important;max-width:100%!important;min-width:0!important;padding:0!important;border:0!important;background:transparent!important} .mls-mobile-compact-table tr.mls-server-mobile-card-row>.mls-server-mobile-card-cell::before,.mls-mobile-compact-table tr.mls-server-mobile-card-row>.mls-server-mobile-card-cell::after{content:none!important;display:none!important} .mls-server-mobile-card{width:100%!important;max-width:100%!important;min-width:0!important;margin:0!important;box-sizing:border-box!important} #mls-master-vendors,#mls-master-vendors table,#mls-master-vendors tbody,#mls-master-vendors .mls-server-mobile-card-row,#mls-master-vendors .mls-server-mobile-card-cell,#mls-master-vendors .mls-server-mobile-card{width:100%!important;max-width:100%!important;min-width:0!important} .mls-server-mobile-card :where(.mls-front-kicker,.mls-kicker,.mls-detail-label){display:none!important} .mls-server-mobile-card-meta strong{white-space:normal!important;overflow:visible!important;text-overflow:clip!important;overflow-wrap:anywhere!important} } @media(max-width:782px){ body.mls-installed-app .mls-mobile-compact-table tr.mls-server-mobile-card-row, body.mls-pwa-app-shell .mls-mobile-compact-table tr.mls-server-mobile-card-row, body.mls-ui-skin .mls-mobile-compact-table tr.mls-server-mobile-card-row{display:block!important;width:100%!important;max-width:100%!important;min-width:0!important} body.mls-installed-app .mls-mobile-compact-table tr.mls-server-mobile-card-row>td.mls-server-mobile-card-cell, body.mls-pwa-app-shell .mls-mobile-compact-table tr.mls-server-mobile-card-row>td.mls-server-mobile-card-cell, body.mls-ui-skin .mls-mobile-compact-table tr.mls-server-mobile-card-row>td.mls-server-mobile-card-cell{display:block!important;width:100%!important;max-width:100%!important;min-width:0!important;grid-template-columns:none!important} body.mls-installed-app .mls-mobile-compact-table tr.mls-server-mobile-card-row>td.mls-server-mobile-card-cell::before, body.mls-pwa-app-shell .mls-mobile-compact-table tr.mls-server-mobile-card-row>td.mls-server-mobile-card-cell::before, body.mls-ui-skin .mls-mobile-compact-table tr.mls-server-mobile-card-row>td.mls-server-mobile-card-cell::before{content:none!important;display:none!important} body.mls-installed-app .mls-server-mobile-card,body.mls-pwa-app-shell .mls-server-mobile-card,body.mls-ui-skin .mls-server-mobile-card{display:block!important;width:100%!important;max-width:100%!important;min-width:0!important;margin:0!important} } /* v1.8.0 — single authoritative mobile card; no legacy JS duplicate. */ @media(max-width:782px){ .mls-mobile-compact-table .mls-mobile-reference-cell{display:none!important} .mls-mobile-compact-table tr.mls-mobile-reference-row.mls-desktop-data-row{display:none!important} .mls-mobile-compact-table tr.mls-server-mobile-card-row{display:block!important;width:100%!important;max-width:100%!important;min-width:0!important} .mls-mobile-compact-table tr.mls-server-mobile-card-row>td.mls-server-mobile-card-cell{display:block!important;width:100%!important;max-width:100%!important;min-width:0!important} .mls-mobile-compact-table .mls-server-mobile-card{display:block!important;width:100%!important;max-width:100%!important;min-width:0!important;margin:0!important} .mls-server-mobile-card-meta small{display:block!important;visibility:visible!important;opacity:1!important;font-size:8px!important;font-weight:850!important;letter-spacing:.055em!important;text-transform:uppercase!important;color:var(--mls-muted,#b6b0a6)!important;white-space:normal!important} .mls-server-mobile-card-meta strong{display:block!important;font-size:9px!important;line-height:1.35!important;white-space:normal!important;overflow:visible!important;text-overflow:clip!important;overflow-wrap:anywhere!important} .mls-server-mobile-card-cell::before,.mls-server-mobile-card-cell::after{content:none!important;display:none!important} } /* v1.8.2 — authoritative one-record/one-card responsive visibility. */ .mls-mobile-compact-table[data-mls-server-mobile-cards="1"] tr.mls-server-mobile-card-row{display:none!important} @media(min-width:783px){ .mls-mobile-compact-table[data-mls-server-mobile-cards="1"] tr.mls-desktop-data-row{display:table-row!important;visibility:visible!important} .mls-mobile-compact-table[data-mls-server-mobile-cards="1"] tr.mls-server-mobile-card-row{display:none!important;visibility:hidden!important} } @media(max-width:782px){ .mls-mobile-compact-table[data-mls-server-mobile-cards="1"] tr.mls-desktop-data-row, .mls-mobile-compact-table[data-mls-server-mobile-cards="1"] tr.mls-mobile-reference-row{display:none!important;visibility:hidden!important;height:0!important;min-height:0!important;max-height:0!important;margin:0!important;padding:0!important;border:0!important;overflow:hidden!important} .mls-mobile-compact-table[data-mls-server-mobile-cards="1"] tr.mls-desktop-data-row>td, .mls-mobile-compact-table[data-mls-server-mobile-cards="1"] tr.mls-mobile-reference-row>td{display:none!important;visibility:hidden!important;height:0!important;min-height:0!important;padding:0!important;border:0!important} .mls-mobile-compact-table[data-mls-server-mobile-cards="1"] tr.mls-server-mobile-card-row{display:block!important;visibility:visible!important;width:100%!important;max-width:100%!important;min-width:0!important;height:auto!important;max-height:none!important;margin:0 0 10px!important;padding:0!important;border:0!important;overflow:visible!important} .mls-mobile-compact-table[data-mls-server-mobile-cards="1"] tr.mls-server-mobile-card-row>td.mls-server-mobile-card-cell{display:block!important;visibility:visible!important;width:100%!important;max-width:100%!important;min-width:0!important;height:auto!important;padding:0!important;border:0!important} .mls-mobile-compact-table[data-mls-server-mobile-cards="1"] .mls-mobile-reference-cell{display:none!important} } /* v1.8.3 — mobile/app uses one compact table, not per-user cards. */ @media(max-width:782px){ .mls-mobile-compact-table[data-mls-server-mobile-cards="1"]{display:block!important;width:100%!important;max-width:100%!important;overflow-x:auto!important;overflow-y:visible!important;-webkit-overflow-scrolling:touch!important;border:1px solid var(--mls-border,#263244)!important;border-radius:13px!important;background:var(--mls-surface,#0f1720)!important} .mls-mobile-compact-table[data-mls-server-mobile-cards="1"] table{display:table!important;width:100%!important;min-width:580px!important;table-layout:auto!important;border-collapse:collapse!important;border-spacing:0!important} .mls-mobile-compact-table[data-mls-server-mobile-cards="1"] thead{display:table-header-group!important;position:static!important;width:auto!important;height:auto!important;clip:auto!important;overflow:visible!important;white-space:nowrap!important} .mls-mobile-compact-table[data-mls-server-mobile-cards="1"] tbody{display:table-row-group!important;width:auto!important} .mls-mobile-compact-table[data-mls-server-mobile-cards="1"] tr.mls-desktop-data-row{display:table-row!important;visibility:visible!important;height:auto!important;min-height:0!important;max-height:none!important;margin:0!important;padding:0!important;border:0!important;overflow:visible!important;background:transparent!important} .mls-mobile-compact-table[data-mls-server-mobile-cards="1"] tr.mls-desktop-data-row>td{display:table-cell!important;visibility:visible!important;height:auto!important;min-height:0!important;padding:9px 10px!important;border:0!important;border-bottom:1px solid var(--mls-border,#263244)!important;vertical-align:middle!important;text-align:left!important;white-space:nowrap!important;font-size:9px!important;line-height:1.3!important} .mls-mobile-compact-table[data-mls-server-mobile-cards="1"] tr.mls-desktop-data-row>td::before{content:none!important;display:none!important} .mls-mobile-compact-table[data-mls-server-mobile-cards="1"] th{display:table-cell!important;padding:8px 10px!important;border:0!important;border-bottom:1px solid var(--mls-border,#263244)!important;text-align:left!important;white-space:nowrap!important;font-size:7.5px!important;line-height:1.25!important;text-transform:uppercase!important;letter-spacing:.055em!important;color:var(--mls-muted,#a9a39a)!important;background:color-mix(in srgb,var(--mls-surface-alt,#111827) 88%,transparent)!important} .mls-mobile-compact-table[data-mls-server-mobile-cards="1"] tr.mls-server-mobile-card-row{display:none!important;visibility:hidden!important;height:0!important} .mls-mobile-compact-table[data-mls-server-mobile-cards="1"] td strong{display:inline!important;font-size:9.5px!important;white-space:nowrap!important} .mls-mobile-compact-table[data-mls-server-mobile-cards="1"] td small{display:block!important;margin-top:2px!important;font-size:7.5px!important;white-space:nowrap!important;color:var(--mls-muted,#a9a39a)!important} .mls-mobile-compact-table[data-mls-server-mobile-cards="1"] td:last-child .mls-row-buttons{display:flex!important;align-items:center!important;gap:0!important;flex-wrap:nowrap!important;width:auto!important} .mls-mobile-compact-table[data-mls-server-mobile-cards="1"] td:last-child .mls-row-buttons>:not(.mls-user-detail-button){display:none!important} .mls-mobile-compact-table[data-mls-server-mobile-cards="1"] .mls-user-detail-button{display:inline-flex!important;align-items:center!important;justify-content:center!important;width:auto!important;min-width:72px!important;min-height:30px!important;margin:0!important;padding:5px 7px!important;border:1px solid var(--mls-border,#263244)!important;border-radius:9px!important;background:transparent!important;box-shadow:none!important;font-size:8px!important;white-space:nowrap!important} .mls-mobile-compact-table[data-mls-server-mobile-cards="1"] .mls-user-detail-button:before,.mls-mobile-compact-table[data-mls-server-mobile-cards="1"] .mls-user-detail-button:after{content:none!important;display:none!important} /* Stable mobile/app Log out button: icon + text never clips or wraps. */ body.mls-ui-skin .mls-dashboard-identity>a.mls-dashboard-logout, body.mls-installed-app .mls-dashboard-identity>a.mls-dashboard-logout, body.mls-pwa-app-shell .mls-dashboard-identity>a.mls-dashboard-logout{ display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:6px!important;flex:0 0 auto!important;width:auto!important;min-width:92px!important;max-width:120px!important;height:46px!important;min-height:46px!important;padding:8px 11px!important;border-radius:14px!important;font-size:10px!important;line-height:1.1!important;font-weight:800!important;white-space:nowrap!important;overflow:visible!important;text-overflow:clip!important } body.mls-ui-skin .mls-dashboard-identity>a.mls-dashboard-logout .mls-button-icon, body.mls-installed-app .mls-dashboard-identity>a.mls-dashboard-logout .mls-button-icon, body.mls-pwa-app-shell .mls-dashboard-identity>a.mls-dashboard-logout .mls-button-icon{display:inline-flex!important;flex:0 0 18px!important;width:18px!important;height:18px!important;margin:0!important} body.mls-ui-skin .mls-dashboard-identity>a.mls-dashboard-logout svg, body.mls-installed-app .mls-dashboard-identity>a.mls-dashboard-logout svg, body.mls-pwa-app-shell .mls-dashboard-identity>a.mls-dashboard-logout svg{display:block!important;width:18px!important;height:18px!important;min-width:18px!important;min-height:18px!important} } /* v1.8.4 — one authoritative responsive user table; legacy card hooks are inert. */ .mls-mobile-compact-table[data-mls-mobile-table="1"]{max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch} .mls-mobile-compact-table[data-mls-mobile-table="1"] tr.mls-server-mobile-card-row, .mls-mobile-compact-table[data-mls-mobile-table="1"] .mls-mobile-reference-cell, .mls-mobile-compact-table[data-mls-mobile-table="1"] .mls-server-mobile-card-cell{display:none!important} @media(min-width:783px){ .mls-mobile-compact-table[data-mls-mobile-table="1"] table{width:100%!important;min-width:0!important} .mls-mobile-compact-table[data-mls-mobile-table="1"] tr.mls-desktop-data-row{display:table-row!important;visibility:visible!important} } @media(max-width:782px){ .mls-mobile-compact-table[data-mls-mobile-table="1"]{display:block!important;width:100%!important;max-width:100%!important;overflow-x:auto!important;overflow-y:visible!important;border:1px solid var(--mls-border,#263244)!important;border-radius:13px!important;background:var(--mls-surface,#0f1720)!important} .mls-mobile-compact-table[data-mls-mobile-table="1"] table{display:table!important;width:100%!important;min-width:560px!important;table-layout:auto!important;border-collapse:collapse!important;border-spacing:0!important} .mls-mobile-compact-table[data-mls-mobile-table="1"] thead{display:table-header-group!important;position:static!important;width:auto!important;height:auto!important;clip:auto!important;overflow:visible!important;white-space:nowrap!important} .mls-mobile-compact-table[data-mls-mobile-table="1"] tbody{display:table-row-group!important;width:auto!important} .mls-mobile-compact-table[data-mls-mobile-table="1"] tr.mls-desktop-data-row{display:table-row!important;visibility:visible!important;height:auto!important;background:transparent!important} .mls-mobile-compact-table[data-mls-mobile-table="1"] tr.mls-desktop-data-row>td{display:table-cell!important;visibility:visible!important;padding:9px 10px!important;border:0!important;border-bottom:1px solid var(--mls-border,#263244)!important;vertical-align:middle!important;text-align:left!important;white-space:nowrap!important;font-size:9px!important;line-height:1.3!important} .mls-mobile-compact-table[data-mls-mobile-table="1"] tr.mls-desktop-data-row>td::before{content:none!important;display:none!important} .mls-mobile-compact-table[data-mls-mobile-table="1"] th{display:table-cell!important;padding:8px 10px!important;border:0!important;border-bottom:1px solid var(--mls-border,#263244)!important;text-align:left!important;white-space:nowrap!important;font-size:7.5px!important;line-height:1.25!important;text-transform:uppercase!important;letter-spacing:.055em!important;color:var(--mls-muted,#a9a39a)!important;background:color-mix(in srgb,var(--mls-surface-alt,#111827) 88%,transparent)!important} .mls-mobile-compact-table[data-mls-mobile-table="1"] td strong{display:inline!important;font-size:9.5px!important;white-space:nowrap!important} .mls-mobile-compact-table[data-mls-mobile-table="1"] td small{display:block!important;margin-top:2px!important;font-size:7.5px!important;white-space:nowrap!important;color:var(--mls-muted,#a9a39a)!important} .mls-mobile-compact-table[data-mls-mobile-table="1"] td:last-child{position:sticky!important;right:0!important;background:var(--mls-surface,#0f1720)!important;box-shadow:-8px 0 12px -12px rgba(0,0,0,.7)!important} .mls-mobile-compact-table[data-mls-mobile-table="1"] th:last-child{position:sticky!important;right:0!important;z-index:2!important;background:var(--mls-surface-alt,#111827)!important} .mls-mobile-compact-table[data-mls-mobile-table="1"] td:last-child .mls-row-buttons{display:flex!important;align-items:center!important;gap:0!important;flex-wrap:nowrap!important;width:auto!important} .mls-mobile-compact-table[data-mls-mobile-table="1"] td:last-child .mls-row-buttons>:not(.mls-user-detail-button){display:none!important} .mls-mobile-compact-table[data-mls-mobile-table="1"] .mls-user-detail-button{display:inline-flex!important;align-items:center!important;justify-content:center!important;width:auto!important;min-width:72px!important;min-height:30px!important;margin:0!important;padding:5px 7px!important;border:1px solid var(--mls-border,#263244)!important;border-radius:9px!important;background:transparent!important;box-shadow:none!important;font-size:8px!important;white-space:nowrap!important} .mls-mobile-compact-table[data-mls-mobile-table="1"] .mls-user-detail-button::before, .mls-mobile-compact-table[data-mls-mobile-table="1"] .mls-user-detail-button::after{content:none!important;display:none!important} } /* v1.8.5 — user-management tables match the Reports table in mobile/app. */ body.mls-ui-skin .mls-commission-selector-panel .mls-sales-commission-selector-form{display:grid;gap:14px;margin-top:14px} body.mls-ui-skin .mls-commission-selector-panel .mls-commission-sales-select small{display:block;margin-top:5px;color:var(--mls-muted,#a9a39a);font-size:11px;line-height:1.4} @media(max-width:782px){ body.mls-ui-skin .mls-role-user-table[data-mls-mobile-table="1"], body.mls-installed-app .mls-role-user-table[data-mls-mobile-table="1"], body.mls-pwa-app-shell .mls-role-user-table[data-mls-mobile-table="1"]{ display:block!important;width:100%!important;max-width:100%!important;overflow-x:auto!important;overflow-y:hidden!important;-webkit-overflow-scrolling:touch!important; margin-top:16px!important;padding:0!important;border:1px solid var(--mls-border,#263244)!important;border-radius:14px!important;background:var(--mls-surface,#0f1720)!important;contain:none!important } body.mls-ui-skin .mls-role-user-table[data-mls-mobile-table="1"] table, body.mls-installed-app .mls-role-user-table[data-mls-mobile-table="1"] table, body.mls-pwa-app-shell .mls-role-user-table[data-mls-mobile-table="1"] table{ display:table!important;width:max-content!important;min-width:100%!important;max-width:none!important;table-layout:auto!important;border-collapse:separate!important;border-spacing:0!important;margin:0!important } body.mls-ui-skin .mls-role-user-table[data-mls-mobile-table="1"] thead, body.mls-installed-app .mls-role-user-table[data-mls-mobile-table="1"] thead, body.mls-pwa-app-shell .mls-role-user-table[data-mls-mobile-table="1"] thead{display:table-header-group!important;position:static!important;clip:auto!important;width:auto!important;height:auto!important;overflow:visible!important} body.mls-ui-skin .mls-role-user-table[data-mls-mobile-table="1"] tbody, body.mls-installed-app .mls-role-user-table[data-mls-mobile-table="1"] tbody, body.mls-pwa-app-shell .mls-role-user-table[data-mls-mobile-table="1"] tbody{display:table-row-group!important} body.mls-ui-skin .mls-role-user-table[data-mls-mobile-table="1"] tr.mls-desktop-data-row, body.mls-installed-app .mls-role-user-table[data-mls-mobile-table="1"] tr.mls-desktop-data-row, body.mls-pwa-app-shell .mls-role-user-table[data-mls-mobile-table="1"] tr.mls-desktop-data-row{display:table-row!important;visibility:visible!important;height:auto!important;background:transparent!important} body.mls-ui-skin .mls-role-user-table[data-mls-mobile-table="1"] th, body.mls-installed-app .mls-role-user-table[data-mls-mobile-table="1"] th, body.mls-pwa-app-shell .mls-role-user-table[data-mls-mobile-table="1"] th{ display:table-cell!important;position:static!important;padding:10px 12px!important;border:0!important;border-bottom:1px solid var(--mls-border,#263244)!important; background:var(--mls-surface-alt,#111827)!important;color:var(--mls-muted,#a9a39a)!important;font-size:10px!important;font-weight:800!important;line-height:1.25!important;letter-spacing:.05em!important;text-transform:uppercase!important;text-align:left!important;white-space:nowrap!important } body.mls-ui-skin .mls-role-user-table[data-mls-mobile-table="1"] td, body.mls-installed-app .mls-role-user-table[data-mls-mobile-table="1"] td, body.mls-pwa-app-shell .mls-role-user-table[data-mls-mobile-table="1"] td{ display:table-cell!important;position:static!important;visibility:visible!important;padding:11px 12px!important;border:0!important;border-bottom:1px solid var(--mls-border,#263244)!important; background:var(--mls-surface,#0f1720)!important;color:var(--mls-text,#e5e7eb)!important;font-size:12px!important;line-height:1.35!important;vertical-align:middle!important;text-align:left!important;white-space:nowrap!important;box-shadow:none!important } body.mls-ui-skin .mls-role-user-table[data-mls-mobile-table="1"] td::before, body.mls-installed-app .mls-role-user-table[data-mls-mobile-table="1"] td::before, body.mls-pwa-app-shell .mls-role-user-table[data-mls-mobile-table="1"] td::before{content:none!important;display:none!important} body.mls-ui-skin .mls-role-user-table[data-mls-mobile-table="1"] td strong, body.mls-installed-app .mls-role-user-table[data-mls-mobile-table="1"] td strong, body.mls-pwa-app-shell .mls-role-user-table[data-mls-mobile-table="1"] td strong{display:inline!important;font-size:12px!important;line-height:1.35!important;white-space:nowrap!important} body.mls-ui-skin .mls-role-user-table[data-mls-mobile-table="1"] td small, body.mls-installed-app .mls-role-user-table[data-mls-mobile-table="1"] td small, body.mls-pwa-app-shell .mls-role-user-table[data-mls-mobile-table="1"] td small{display:block!important;margin-top:3px!important;font-size:10px!important;line-height:1.3!important;white-space:nowrap!important;color:var(--mls-muted,#a9a39a)!important} body.mls-ui-skin .mls-role-user-table[data-mls-mobile-table="1"] td:last-child .mls-row-buttons, body.mls-installed-app .mls-role-user-table[data-mls-mobile-table="1"] td:last-child .mls-row-buttons, body.mls-pwa-app-shell .mls-role-user-table[data-mls-mobile-table="1"] td:last-child .mls-row-buttons{display:flex!important;align-items:center!important;gap:6px!important;flex-wrap:nowrap!important;width:max-content!important} body.mls-ui-skin .mls-role-user-table[data-mls-mobile-table="1"] td:last-child .mls-row-buttons>:not(.mls-user-detail-button), body.mls-installed-app .mls-role-user-table[data-mls-mobile-table="1"] td:last-child .mls-row-buttons>:not(.mls-user-detail-button), body.mls-pwa-app-shell .mls-role-user-table[data-mls-mobile-table="1"] td:last-child .mls-row-buttons>:not(.mls-user-detail-button){display:none!important} body.mls-ui-skin .mls-role-user-table[data-mls-mobile-table="1"] .mls-user-detail-button, body.mls-installed-app .mls-role-user-table[data-mls-mobile-table="1"] .mls-user-detail-button, body.mls-pwa-app-shell .mls-role-user-table[data-mls-mobile-table="1"] .mls-user-detail-button{ display:inline-flex!important;align-items:center!important;justify-content:center!important;width:auto!important;min-width:84px!important;min-height:34px!important;margin:0!important;padding:7px 10px!important;border:1px solid var(--mls-border,#263244)!important;border-radius:9px!important;background:transparent!important;box-shadow:none!important;font-size:10px!important;font-weight:800!important;line-height:1!important;white-space:nowrap!important } body.mls-ui-skin .mls-role-user-table[data-mls-mobile-table="1"] .mls-user-detail-button::before, body.mls-ui-skin .mls-role-user-table[data-mls-mobile-table="1"] .mls-user-detail-button::after, body.mls-installed-app .mls-role-user-table[data-mls-mobile-table="1"] .mls-user-detail-button::before, body.mls-installed-app .mls-role-user-table[data-mls-mobile-table="1"] .mls-user-detail-button::after, body.mls-pwa-app-shell .mls-role-user-table[data-mls-mobile-table="1"] .mls-user-detail-button::before, body.mls-pwa-app-shell .mls-role-user-table[data-mls-mobile-table="1"] .mls-user-detail-button::after{content:none!important;display:none!important} } /* v1.8.6 — one report-style mobile table system everywhere. * This intentionally overrides the historical app card/grid table rules. */ @media(max-width:782px){ /* View panes must collapse to their content: no empty card-height above tables. */ body.mls-ui-skin .mls-role-user-list-panel, body.mls-installed-app .mls-role-user-list-panel, body.mls-pwa-app-shell .mls-role-user-list-panel{ display:block!important; width:100%!important; min-width:0!important; max-width:100%!important; height:auto!important; min-height:0!important; max-height:none!important; margin:0!important; padding:0!important; border:0!important; border-radius:0!important; background:transparent!important; box-shadow:none!important; overflow:visible!important; } body.mls-ui-skin .mls-role-user-list-panel>.mls-section-head, body.mls-installed-app .mls-role-user-list-panel>.mls-section-head, body.mls-pwa-app-shell .mls-role-user-list-panel>.mls-section-head{display:none!important;margin:0!important;padding:0!important;height:0!important;min-height:0!important} /* Same visual/scrolling model as Operational Reports. */ body.mls-ui-skin :where(.mls-report-data-table,.mls-table-wrap,.mls-responsive-table), body.mls-installed-app :where(.mls-report-data-table,.mls-table-wrap,.mls-responsive-table), body.mls-pwa-app-shell :where(.mls-report-data-table,.mls-table-wrap,.mls-responsive-table){ display:block!important; position:relative!important; width:100%!important; min-width:0!important; max-width:100%!important; height:auto!important; min-height:0!important; max-height:none!important; margin:8px 0 0!important; padding:0 0 8px!important; overflow-x:auto!important; overflow-y:hidden!important; -webkit-overflow-scrolling:touch!important; overscroll-behavior-x:contain!important; touch-action:pan-x pan-y!important; border:1px solid var(--mls-border,#343b46)!important; border-radius:13px!important; background:var(--mls-surface,#10161d)!important; box-shadow:none!important; contain:none!important; } body.mls-ui-skin .mls-role-user-list-panel>.mls-report-data-table, body.mls-installed-app .mls-role-user-list-panel>.mls-report-data-table, body.mls-pwa-app-shell .mls-role-user-list-panel>.mls-report-data-table{margin-top:0!important} body.mls-ui-skin :where(.mls-report-data-table,.mls-table-wrap,.mls-responsive-table)>table, body.mls-installed-app :where(.mls-report-data-table,.mls-table-wrap,.mls-responsive-table)>table, body.mls-pwa-app-shell :where(.mls-report-data-table,.mls-table-wrap,.mls-responsive-table)>table{ display:table!important; position:static!important; width:max-content!important; min-width:max(100%,620px)!important; max-width:none!important; height:auto!important; min-height:0!important; max-height:none!important; margin:0!important; padding:0!important; table-layout:auto!important; border-collapse:separate!important; border-spacing:0!important; transform:none!important; } body.mls-ui-skin .mls-report-data-table>table, body.mls-installed-app .mls-report-data-table>table, body.mls-pwa-app-shell .mls-report-data-table>table{min-width:max(100%,680px)!important} body.mls-ui-skin :where(.mls-report-data-table,.mls-table-wrap,.mls-responsive-table)>table>thead, body.mls-installed-app :where(.mls-report-data-table,.mls-table-wrap,.mls-responsive-table)>table>thead, body.mls-pwa-app-shell :where(.mls-report-data-table,.mls-table-wrap,.mls-responsive-table)>table>thead{ display:table-header-group!important; position:static!important; width:auto!important; height:auto!important; min-height:0!important; max-height:none!important; margin:0!important; padding:0!important; overflow:visible!important; clip:auto!important; clip-path:none!important; white-space:normal!important; transform:none!important; } body.mls-ui-skin :where(.mls-report-data-table,.mls-table-wrap,.mls-responsive-table)>table>tbody, body.mls-installed-app :where(.mls-report-data-table,.mls-table-wrap,.mls-responsive-table)>table>tbody, body.mls-pwa-app-shell :where(.mls-report-data-table,.mls-table-wrap,.mls-responsive-table)>table>tbody{ display:table-row-group!important; position:static!important; width:auto!important; height:auto!important; min-height:0!important; max-height:none!important; margin:0!important; padding:0!important; gap:0!important; overflow:visible!important; transform:none!important; } body.mls-ui-skin :where(.mls-report-data-table,.mls-table-wrap,.mls-responsive-table)>table tr, body.mls-installed-app :where(.mls-report-data-table,.mls-table-wrap,.mls-responsive-table)>table tr, body.mls-pwa-app-shell :where(.mls-report-data-table,.mls-table-wrap,.mls-responsive-table)>table tr{ display:table-row!important; position:static!important; width:auto!important; min-width:0!important; max-width:none!important; height:auto!important; min-height:0!important; max-height:none!important; margin:0!important; padding:0!important; gap:0!important; border:0!important; border-radius:0!important; background:transparent!important; box-shadow:none!important; transform:none!important; } body.mls-ui-skin :where(.mls-report-data-table,.mls-table-wrap,.mls-responsive-table)>table th, body.mls-installed-app :where(.mls-report-data-table,.mls-table-wrap,.mls-responsive-table)>table th, body.mls-pwa-app-shell :where(.mls-report-data-table,.mls-table-wrap,.mls-responsive-table)>table th{ display:table-cell!important; position:static!important; width:auto!important; min-width:max-content!important; max-width:none!important; height:auto!important; min-height:0!important; margin:0!important; padding:11px 14px!important; border:0!important; border-right:1px solid var(--mls-border,#343b46)!important; border-bottom:1px solid var(--mls-border,#343b46)!important; border-radius:0!important; background:var(--mls-surface-alt,#181e27)!important; color:var(--mls-heading,#f4ead7)!important; font-size:11px!important; font-weight:800!important; line-height:1.25!important; letter-spacing:0!important; text-transform:none!important; text-align:left!important; vertical-align:middle!important; white-space:nowrap!important; overflow:visible!important; box-shadow:none!important; transform:none!important; } body.mls-ui-skin :where(.mls-report-data-table,.mls-table-wrap,.mls-responsive-table)>table td, body.mls-installed-app :where(.mls-report-data-table,.mls-table-wrap,.mls-responsive-table)>table td, body.mls-pwa-app-shell :where(.mls-report-data-table,.mls-table-wrap,.mls-responsive-table)>table td{ display:table-cell!important; position:static!important; visibility:visible!important; width:auto!important; min-width:max-content!important; max-width:none!important; height:auto!important; min-height:0!important; max-height:none!important; margin:0!important; padding:11px 14px!important; border:0!important; border-right:1px solid var(--mls-border,#343b46)!important; border-bottom:1px solid var(--mls-border,#343b46)!important; border-radius:0!important; background:var(--mls-surface,#10161d)!important; color:var(--mls-text,#e9dfcf)!important; font-size:12px!important; font-weight:500!important; line-height:1.35!important; text-align:left!important; vertical-align:middle!important; white-space:nowrap!important; overflow:visible!important; overflow-wrap:normal!important; word-break:normal!important; box-shadow:none!important; transform:none!important; } body.mls-ui-skin :where(.mls-report-data-table,.mls-table-wrap,.mls-responsive-table)>table :where(th,td):last-child, body.mls-installed-app :where(.mls-report-data-table,.mls-table-wrap,.mls-responsive-table)>table :where(th,td):last-child, body.mls-pwa-app-shell :where(.mls-report-data-table,.mls-table-wrap,.mls-responsive-table)>table :where(th,td):last-child{border-right:0!important} body.mls-ui-skin :where(.mls-report-data-table,.mls-table-wrap,.mls-responsive-table)>table tbody tr:last-child>td, body.mls-installed-app :where(.mls-report-data-table,.mls-table-wrap,.mls-responsive-table)>table tbody tr:last-child>td, body.mls-pwa-app-shell :where(.mls-report-data-table,.mls-table-wrap,.mls-responsive-table)>table tbody tr:last-child>td{border-bottom:0!important} body.mls-ui-skin :where(.mls-report-data-table,.mls-table-wrap,.mls-responsive-table)>table td::before, body.mls-installed-app :where(.mls-report-data-table,.mls-table-wrap,.mls-responsive-table)>table td::before, body.mls-pwa-app-shell :where(.mls-report-data-table,.mls-table-wrap,.mls-responsive-table)>table td::before{content:none!important;display:none!important} body.mls-ui-skin :where(.mls-report-data-table,.mls-table-wrap,.mls-responsive-table)>table td :where(strong,small,span,a,code), body.mls-installed-app :where(.mls-report-data-table,.mls-table-wrap,.mls-responsive-table)>table td :where(strong,small,span,a,code), body.mls-pwa-app-shell :where(.mls-report-data-table,.mls-table-wrap,.mls-responsive-table)>table td :where(strong,small,span,a,code){max-width:none!important;white-space:nowrap!important;overflow:visible!important;text-overflow:clip!important;overflow-wrap:normal!important;word-break:normal!important} body.mls-ui-skin :where(.mls-report-data-table,.mls-table-wrap,.mls-responsive-table)>table td small, body.mls-installed-app :where(.mls-report-data-table,.mls-table-wrap,.mls-responsive-table)>table td small, body.mls-pwa-app-shell :where(.mls-report-data-table,.mls-table-wrap,.mls-responsive-table)>table td small{display:block!important;margin-top:3px!important;font-size:10px!important;color:var(--mls-muted,#b7ae9f)!important} /* User tables: one row = one user. Keep only View Detail in the action cell on mobile. */ body.mls-ui-skin .mls-role-user-table td:last-child .mls-row-buttons, body.mls-installed-app .mls-role-user-table td:last-child .mls-row-buttons, body.mls-pwa-app-shell .mls-role-user-table td:last-child .mls-row-buttons{display:flex!important;align-items:center!important;gap:6px!important;flex-wrap:nowrap!important;width:max-content!important;margin:0!important} body.mls-ui-skin .mls-role-user-table td:last-child .mls-row-buttons>:not(.mls-user-detail-button), body.mls-installed-app .mls-role-user-table td:last-child .mls-row-buttons>:not(.mls-user-detail-button), body.mls-pwa-app-shell .mls-role-user-table td:last-child .mls-row-buttons>:not(.mls-user-detail-button){display:none!important} body.mls-ui-skin .mls-role-user-table .mls-user-detail-button, body.mls-installed-app .mls-role-user-table .mls-user-detail-button, body.mls-pwa-app-shell .mls-role-user-table .mls-user-detail-button{ display:inline-flex!important;align-items:center!important;justify-content:center!important;width:auto!important;min-width:88px!important;min-height:34px!important;margin:0!important;padding:7px 10px!important;border:1px solid var(--mls-border,#343b46)!important;border-radius:9px!important;background:transparent!important;color:var(--mls-heading,#f4ead7)!important;box-shadow:none!important;font-size:10px!important;font-weight:800!important;line-height:1!important;white-space:nowrap!important } body.mls-ui-skin .mls-role-user-table .mls-user-detail-button::before, body.mls-ui-skin .mls-role-user-table .mls-user-detail-button::after, body.mls-installed-app .mls-role-user-table .mls-user-detail-button::before, body.mls-installed-app .mls-role-user-table .mls-user-detail-button::after, body.mls-pwa-app-shell .mls-role-user-table .mls-user-detail-button::before, body.mls-pwa-app-shell .mls-role-user-table .mls-user-detail-button::after{content:none!important;display:none!important} /* A clearly visible internal horizontal scrollbar, like Reports. */ body.mls-ui-skin :where(.mls-report-data-table,.mls-table-wrap,.mls-responsive-table)::-webkit-scrollbar, body.mls-installed-app :where(.mls-report-data-table,.mls-table-wrap,.mls-responsive-table)::-webkit-scrollbar, body.mls-pwa-app-shell :where(.mls-report-data-table,.mls-table-wrap,.mls-responsive-table)::-webkit-scrollbar{height:8px!important} body.mls-ui-skin :where(.mls-report-data-table,.mls-table-wrap,.mls-responsive-table)::-webkit-scrollbar-thumb, body.mls-installed-app :where(.mls-report-data-table,.mls-table-wrap,.mls-responsive-table)::-webkit-scrollbar-thumb, body.mls-pwa-app-shell :where(.mls-report-data-table,.mls-table-wrap,.mls-responsive-table)::-webkit-scrollbar-thumb{background:color-mix(in srgb,var(--mls-accent,#dda94b) 58%,var(--mls-border,#343b46))!important;border-radius:999px!important} body.mls-ui-skin :where(.mls-report-data-table,.mls-table-wrap,.mls-responsive-table)::-webkit-scrollbar-track, body.mls-installed-app :where(.mls-report-data-table,.mls-table-wrap,.mls-responsive-table)::-webkit-scrollbar-track, body.mls-pwa-app-shell :where(.mls-report-data-table,.mls-table-wrap,.mls-responsive-table)::-webkit-scrollbar-track{background:var(--mls-surface-alt,#181e27)!important;border-radius:999px!important} } /* v1.8.6 — high-specificity override for historical installed-app responsive-table card rules. */ @media(max-width:782px){ html body.mls-ui-skin .mls-responsive-table, html body.mls-installed-app .mls-responsive-table, html body.mls-pwa-app-shell .mls-responsive-table{ display:block!important;position:relative!important;width:100%!important;min-width:0!important;max-width:100%!important;height:auto!important;min-height:0!important;max-height:none!important;margin:8px 0 0!important;padding:0 0 8px!important;overflow-x:auto!important;overflow-y:hidden!important;-webkit-overflow-scrolling:touch!important;overscroll-behavior-x:contain!important;touch-action:pan-x pan-y!important;border:1px solid var(--mls-border,#343b46)!important;border-radius:13px!important;background:var(--mls-surface,#10161d)!important;box-shadow:none!important;contain:none!important } html body.mls-ui-skin .mls-responsive-table>table, html body.mls-installed-app .mls-responsive-table>table, html body.mls-pwa-app-shell .mls-responsive-table>table{ display:table!important;position:static!important;width:max-content!important;min-width:max(100%,620px)!important;max-width:none!important;height:auto!important;min-height:0!important;max-height:none!important;margin:0!important;padding:0!important;table-layout:auto!important;border-collapse:separate!important;border-spacing:0!important;transform:none!important } html body.mls-ui-skin .mls-responsive-table>table>thead, html body.mls-installed-app .mls-responsive-table>table>thead, html body.mls-pwa-app-shell .mls-responsive-table>table>thead{ display:table-header-group!important;position:static!important;width:auto!important;height:auto!important;min-height:0!important;max-height:none!important;margin:0!important;padding:0!important;overflow:visible!important;clip:auto!important;clip-path:none!important;white-space:normal!important;transform:none!important } html body.mls-ui-skin .mls-responsive-table>table>tbody, html body.mls-installed-app .mls-responsive-table>table>tbody, html body.mls-pwa-app-shell .mls-responsive-table>table>tbody{ display:table-row-group!important;position:static!important;width:auto!important;height:auto!important;min-height:0!important;max-height:none!important;margin:0!important;padding:0!important;gap:0!important;overflow:visible!important;transform:none!important } html body.mls-ui-skin .mls-responsive-table>table tr, html body.mls-installed-app .mls-responsive-table>table tr, html body.mls-pwa-app-shell .mls-responsive-table>table tr{ display:table-row!important;position:static!important;width:auto!important;min-width:0!important;max-width:none!important;height:auto!important;min-height:0!important;max-height:none!important;margin:0!important;padding:0!important;gap:0!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;transform:none!important } html body.mls-ui-skin .mls-responsive-table>table th, html body.mls-installed-app .mls-responsive-table>table th, html body.mls-pwa-app-shell .mls-responsive-table>table th{ display:table-cell!important;position:static!important;width:auto!important;min-width:max-content!important;max-width:none!important;height:auto!important;min-height:0!important;margin:0!important;padding:11px 14px!important;border:0!important;border-right:1px solid var(--mls-border,#343b46)!important;border-bottom:1px solid var(--mls-border,#343b46)!important;border-radius:0!important;background:var(--mls-surface-alt,#181e27)!important;color:var(--mls-heading,#f4ead7)!important;font-size:11px!important;font-weight:800!important;line-height:1.25!important;letter-spacing:0!important;text-transform:none!important;text-align:left!important;vertical-align:middle!important;white-space:nowrap!important;overflow:visible!important;box-shadow:none!important;transform:none!important } html body.mls-ui-skin .mls-responsive-table>table td, html body.mls-installed-app .mls-responsive-table>table td, html body.mls-pwa-app-shell .mls-responsive-table>table td{ display:table-cell!important;position:static!important;visibility:visible!important;width:auto!important;min-width:max-content!important;max-width:none!important;height:auto!important;min-height:0!important;max-height:none!important;margin:0!important;padding:11px 14px!important;border:0!important;border-right:1px solid var(--mls-border,#343b46)!important;border-bottom:1px solid var(--mls-border,#343b46)!important;border-radius:0!important;background:var(--mls-surface,#10161d)!important;color:var(--mls-text,#e9dfcf)!important;font-size:12px!important;font-weight:500!important;line-height:1.35!important;text-align:left!important;vertical-align:middle!important;white-space:nowrap!important;overflow:visible!important;overflow-wrap:normal!important;word-break:normal!important;box-shadow:none!important;transform:none!important;grid-template-columns:none!important } html body.mls-ui-skin .mls-responsive-table>table td::before, html body.mls-installed-app .mls-responsive-table>table td::before, html body.mls-pwa-app-shell .mls-responsive-table>table td::before{content:none!important;display:none!important} } /* v1.8.7 — Master Vendor table is a true report-style table on mobile. * Older reference-card rules used #mls-master-vendors with high specificity and * forced table/tbody into block/grid. These final rules intentionally outrank them. */ @media(max-width:782px){ body.mls-ui-skin .mls-master-dashboard #mls-master-vendors.mls-master-vendor-table-final, body.mls-installed-app .mls-master-dashboard #mls-master-vendors.mls-master-vendor-table-final, body.mls-pwa-app-shell .mls-master-dashboard #mls-master-vendors.mls-master-vendor-table-final{ display:block!important; position:relative!important; width:100%!important; min-width:0!important; max-width:100%!important; height:auto!important; min-height:0!important; margin:0!important; padding:0 0 8px!important; overflow-x:auto!important; overflow-y:hidden!important; -webkit-overflow-scrolling:touch!important; overscroll-behavior-x:contain!important; touch-action:pan-x pan-y!important; border:1px solid var(--mls-border,#343b46)!important; border-radius:13px!important; background:var(--mls-surface,#10161d)!important; box-sizing:border-box!important; } body.mls-ui-skin .mls-master-dashboard #mls-master-vendors.mls-master-vendor-table-final>table, body.mls-installed-app .mls-master-dashboard #mls-master-vendors.mls-master-vendor-table-final>table, body.mls-pwa-app-shell .mls-master-dashboard #mls-master-vendors.mls-master-vendor-table-final>table{ display:table!important; position:static!important; width:max-content!important; min-width:max(100%,720px)!important; max-width:none!important; height:auto!important; min-height:0!important; margin:0!important; padding:0!important; table-layout:auto!important; border-collapse:separate!important; border-spacing:0!important; transform:none!important; } body.mls-ui-skin .mls-master-dashboard #mls-master-vendors.mls-master-vendor-table-final>table>thead, body.mls-installed-app .mls-master-dashboard #mls-master-vendors.mls-master-vendor-table-final>table>thead, body.mls-pwa-app-shell .mls-master-dashboard #mls-master-vendors.mls-master-vendor-table-final>table>thead{ display:table-header-group!important; position:static!important; width:auto!important; height:auto!important; clip:auto!important; clip-path:none!important; overflow:visible!important; transform:none!important; } body.mls-ui-skin .mls-master-dashboard #mls-master-vendors.mls-master-vendor-table-final>table>tbody, body.mls-installed-app .mls-master-dashboard #mls-master-vendors.mls-master-vendor-table-final>table>tbody, body.mls-pwa-app-shell .mls-master-dashboard #mls-master-vendors.mls-master-vendor-table-final>table>tbody{ display:table-row-group!important; position:static!important; width:auto!important; height:auto!important; min-height:0!important; margin:0!important; padding:0!important; gap:0!important; overflow:visible!important; transform:none!important; } body.mls-ui-skin .mls-master-dashboard #mls-master-vendors.mls-master-vendor-table-final>table>tbody>tr.mls-desktop-data-row, body.mls-installed-app .mls-master-dashboard #mls-master-vendors.mls-master-vendor-table-final>table>tbody>tr.mls-desktop-data-row, body.mls-pwa-app-shell .mls-master-dashboard #mls-master-vendors.mls-master-vendor-table-final>table>tbody>tr.mls-desktop-data-row{ display:table-row!important; position:static!important; visibility:visible!important; width:auto!important; height:auto!important; min-height:0!important; margin:0!important; padding:0!important; gap:0!important; border:0!important; border-radius:0!important; background:transparent!important; box-shadow:none!important; transform:none!important; } body.mls-ui-skin .mls-master-dashboard #mls-master-vendors.mls-master-vendor-table-final>table :where(th,td), body.mls-installed-app .mls-master-dashboard #mls-master-vendors.mls-master-vendor-table-final>table :where(th,td), body.mls-pwa-app-shell .mls-master-dashboard #mls-master-vendors.mls-master-vendor-table-final>table :where(th,td){ display:table-cell!important; position:static!important; visibility:visible!important; width:auto!important; min-width:max-content!important; max-width:none!important; height:auto!important; min-height:0!important; margin:0!important; padding:11px 14px!important; border:0!important; border-right:1px solid var(--mls-border,#343b46)!important; border-bottom:1px solid var(--mls-border,#343b46)!important; border-radius:0!important; text-align:left!important; vertical-align:middle!important; white-space:nowrap!important; overflow:visible!important; box-shadow:none!important; transform:none!important; } body.mls-ui-skin .mls-master-dashboard #mls-master-vendors.mls-master-vendor-table-final>table th, body.mls-installed-app .mls-master-dashboard #mls-master-vendors.mls-master-vendor-table-final>table th, body.mls-pwa-app-shell .mls-master-dashboard #mls-master-vendors.mls-master-vendor-table-final>table th{ background:var(--mls-surface-alt,#181e27)!important; color:var(--mls-heading,#f4ead7)!important; font-size:11px!important; font-weight:800!important; line-height:1.25!important; } body.mls-ui-skin .mls-master-dashboard #mls-master-vendors.mls-master-vendor-table-final>table td, body.mls-installed-app .mls-master-dashboard #mls-master-vendors.mls-master-vendor-table-final>table td, body.mls-pwa-app-shell .mls-master-dashboard #mls-master-vendors.mls-master-vendor-table-final>table td{ background:var(--mls-surface,#10161d)!important; color:var(--mls-text,#e9dfcf)!important; font-size:12px!important; font-weight:500!important; line-height:1.35!important; } body.mls-ui-skin .mls-master-dashboard #mls-master-vendors.mls-master-vendor-table-final>table td::before, body.mls-installed-app .mls-master-dashboard #mls-master-vendors.mls-master-vendor-table-final>table td::before, body.mls-pwa-app-shell .mls-master-dashboard #mls-master-vendors.mls-master-vendor-table-final>table td::before{content:none!important;display:none!important} body.mls-ui-skin .mls-master-dashboard #mls-master-vendors.mls-master-vendor-table-final::-webkit-scrollbar, body.mls-installed-app .mls-master-dashboard #mls-master-vendors.mls-master-vendor-table-final::-webkit-scrollbar, body.mls-pwa-app-shell .mls-master-dashboard #mls-master-vendors.mls-master-vendor-table-final::-webkit-scrollbar{height:8px!important} body.mls-ui-skin .mls-master-dashboard #mls-master-vendors.mls-master-vendor-table-final::-webkit-scrollbar-thumb, body.mls-installed-app .mls-master-dashboard #mls-master-vendors.mls-master-vendor-table-final::-webkit-scrollbar-thumb, body.mls-pwa-app-shell .mls-master-dashboard #mls-master-vendors.mls-master-vendor-table-final::-webkit-scrollbar-thumb{background:color-mix(in srgb,var(--mls-accent,#dda94b) 62%,var(--mls-border,#343b46))!important;border-radius:999px!important} body.mls-ui-skin .mls-master-dashboard #mls-master-vendors.mls-master-vendor-table-final::-webkit-scrollbar-track, body.mls-installed-app .mls-master-dashboard #mls-master-vendors.mls-master-vendor-table-final::-webkit-scrollbar-track, body.mls-pwa-app-shell .mls-master-dashboard #mls-master-vendors.mls-master-vendor-table-final::-webkit-scrollbar-track{background:var(--mls-surface-alt,#181e27)!important;border-radius:999px!important} } /* v1.8.7 — desktop notification inbox always opens below the bell. */ .mls-dashboard-notification-popover.is-portal{ max-height:var(--mls-notify-max-height,min(68vh,580px))!important; } @media(min-width:783px){ body.mls-ui-skin .mls-dashboard-notification-popover.is-portal, body.mls-installed-app .mls-dashboard-notification-popover.is-portal, body.mls-pwa-app-shell .mls-dashboard-notification-popover.is-portal{ top:var(--mls-notify-top,72px)!important; bottom:auto!important; transform:none!important; } } /* v1.18.0 — dashboard header actions + full user-name visibility. */ body.mls-ui-skin .mls-dashboard-topbar-actions, body.mls-pwa-app-shell .mls-dashboard-topbar-actions, body.mls-installed-app .mls-dashboard-topbar-actions{ display:inline-flex!important;align-items:center!important;justify-content:flex-end!important;gap:7px!important;flex:0 0 auto!important;min-width:0!important } body.mls-ui-skin .mls-dashboard-topbar-logout, body.mls-pwa-app-shell .mls-dashboard-topbar-logout, body.mls-installed-app .mls-dashboard-topbar-logout{ display:inline-flex!important;align-items:center!important;justify-content:center!important;position:relative!important; width:40px!important;height:40px!important;min-width:40px!important;min-height:40px!important;padding:0!important; border:0!important;border-radius:12px!important;background:transparent!important;color:var(--mls-hero-text,#fff)!important; text-decoration:none!important;box-shadow:none!important;cursor:pointer!important } body.mls-ui-skin .mls-dashboard-topbar-logout:hover,body.mls-ui-skin .mls-dashboard-topbar-logout:focus-visible, body.mls-pwa-app-shell .mls-dashboard-topbar-logout:hover,body.mls-pwa-app-shell .mls-dashboard-topbar-logout:focus-visible, body.mls-installed-app .mls-dashboard-topbar-logout:hover,body.mls-installed-app .mls-dashboard-topbar-logout:focus-visible{ background:rgba(255,255,255,.12)!important;outline:2px solid color-mix(in srgb,var(--mls-primary,#d7a928) 70%,transparent)!important;outline-offset:2px!important } body.mls-ui-skin .mls-dashboard-topbar-logout span,body.mls-pwa-app-shell .mls-dashboard-topbar-logout span,body.mls-installed-app .mls-dashboard-topbar-logout span{ display:grid!important;place-items:center!important;width:24px!important;height:24px!important } body.mls-ui-skin .mls-dashboard-topbar-logout svg,body.mls-pwa-app-shell .mls-dashboard-topbar-logout svg,body.mls-installed-app .mls-dashboard-topbar-logout svg{ display:block!important;width:23px!important;height:23px!important;min-width:23px!important;min-height:23px!important;max-width:23px!important;max-height:23px!important } /* The old large Log out control no longer belongs in the hero identity/action row. */ body.mls-ui-skin .mls-dashboard-identity>.mls-dashboard-logout, body.mls-pwa-app-shell .mls-dashboard-identity>.mls-dashboard-logout, body.mls-installed-app .mls-dashboard-identity>.mls-dashboard-logout{display:none!important} /* Never truncate the signed-in user's name. It may wrap naturally on narrow screens. */ body.mls-ui-skin .mls-dashboard-name-line,body.mls-pwa-app-shell .mls-dashboard-name-line,body.mls-installed-app .mls-dashboard-name-line{ flex-wrap:wrap!important;align-items:center!important;min-width:0!important;max-width:100%!important } body.mls-ui-skin .mls-dashboard-name-line h1,body.mls-pwa-app-shell .mls-dashboard-name-line h1,body.mls-installed-app .mls-dashboard-name-line h1{ flex:0 1 auto!important;width:auto!important;min-width:0!important;max-width:100%!important;white-space:normal!important; overflow:visible!important;text-overflow:clip!important;overflow-wrap:anywhere!important;word-break:normal!important } @media(max-width:782px){ body.mls-ui-skin .mls-dashboard-topbar,body.mls-pwa-app-shell .mls-dashboard-topbar,body.mls-installed-app .mls-dashboard-topbar{gap:8px!important} body.mls-ui-skin .mls-dashboard-brand,body.mls-pwa-app-shell .mls-dashboard-brand,body.mls-installed-app .mls-dashboard-brand{flex:1 1 auto!important;min-width:0!important} body.mls-ui-skin .mls-dashboard-topbar-actions,body.mls-pwa-app-shell .mls-dashboard-topbar-actions,body.mls-installed-app .mls-dashboard-topbar-actions{gap:3px!important} body.mls-ui-skin .mls-dashboard-topbar-logout,body.mls-pwa-app-shell .mls-dashboard-topbar-logout,body.mls-installed-app .mls-dashboard-topbar-logout{width:40px!important;height:40px!important;min-width:40px!important;min-height:40px!important;border-radius:12px!important} body.mls-ui-skin .mls-dashboard-name-line,body.mls-pwa-app-shell .mls-dashboard-name-line,body.mls-installed-app .mls-dashboard-name-line{flex-wrap:wrap!important;gap:5px 7px!important} body.mls-ui-skin .mls-dashboard-name-line h1,body.mls-pwa-app-shell .mls-dashboard-name-line h1,body.mls-installed-app .mls-dashboard-name-line h1{ flex:1 1 100%!important;font-size:clamp(18px,5.2vw,23px)!important;line-height:1.12!important;white-space:normal!important;overflow:visible!important;text-overflow:clip!important } body.mls-ui-skin .mls-dashboard-role-pill,body.mls-pwa-app-shell .mls-dashboard-role-pill,body.mls-installed-app .mls-dashboard-role-pill{max-width:100%!important;white-space:normal!important;overflow:visible!important;text-overflow:clip!important} } /* 1.19.0 — plugin pages are app surfaces; the host theme must not duplicate their page title. */ body.mls-ui-skin :where(.entry-title,.page-title,.wp-block-post-title,.site-main>h1,.site-main>header>h1,.content-area>header>h1){display:none!important} body.mls-pwa-app-shell :where(.entry-title,.page-title,.wp-block-post-title,.site-main>h1,.site-main>header>h1,.content-area>header>h1){display:none!important} body.mls-pwa-app-shell{background:var(--mls-background,#f7f8fb)!important} body.mls-pwa-app-shell .mls-pwa-app-main{min-height:100vh} /* v1.19.2 — mobile dashboard identity/title cleanup + reliable PWA install handoff. */ body.mls-ui-skin:has(.mls-role-dashboard) :where(#masthead,.site-header,.site-header-wrap,.main-header-bar,.ast-header-break-point,.elementor-location-header,header.wp-block-template-part){display:none!important} body.mls-ui-skin:has(.mls-role-dashboard) :where(.site-content,#content,.content-area,.site-main){margin-top:0!important;padding-top:0!important} body.mls-ui-skin:has(.mls-role-dashboard) :where(.entry-header,.page-header,.wp-block-post-title){display:none!important} /* Prevent the signed-in user's name from collapsing into one-character-per-line columns. */ body.mls-ui-skin .mls-role-dashboard .mls-dashboard-hero-main, body.mls-pwa-app-shell .mls-role-dashboard .mls-dashboard-hero-main, body.mls-installed-app .mls-role-dashboard .mls-dashboard-hero-main{ display:grid!important; grid-template-columns:72px minmax(0,1fr)!important; align-items:center!important; gap:10px 14px!important; min-width:0!important; width:100%!important; } body.mls-ui-skin .mls-role-dashboard .mls-dashboard-hero-copy, body.mls-pwa-app-shell .mls-role-dashboard .mls-dashboard-hero-copy, body.mls-installed-app .mls-role-dashboard .mls-dashboard-hero-copy{ display:grid!important; min-width:0!important; width:100%!important; max-width:100%!important; overflow:visible!important; } body.mls-ui-skin .mls-role-dashboard .mls-dashboard-welcome, body.mls-pwa-app-shell .mls-role-dashboard .mls-dashboard-welcome, body.mls-installed-app .mls-role-dashboard .mls-dashboard-welcome{ display:block!important; min-width:0!important; max-width:100%!important; white-space:nowrap!important; overflow:hidden!important; text-overflow:ellipsis!important; } body.mls-ui-skin .mls-role-dashboard .mls-dashboard-name-line, body.mls-pwa-app-shell .mls-role-dashboard .mls-dashboard-name-line, body.mls-installed-app .mls-role-dashboard .mls-dashboard-name-line{ display:flex!important; align-items:center!important; flex-wrap:nowrap!important; min-width:0!important; width:100%!important; max-width:100%!important; gap:7px!important; } body.mls-ui-skin .mls-role-dashboard .mls-dashboard-name-line h1, body.mls-pwa-app-shell .mls-role-dashboard .mls-dashboard-name-line h1, body.mls-installed-app .mls-role-dashboard .mls-dashboard-name-line h1{ flex:1 1 auto!important; min-width:0!important; width:auto!important; max-width:none!important; margin:0!important; white-space:nowrap!important; overflow:hidden!important; text-overflow:ellipsis!important; overflow-wrap:normal!important; word-break:normal!important; } @media(max-width:430px){ body.mls-ui-skin .mls-role-dashboard .mls-dashboard-hero-main, body.mls-pwa-app-shell .mls-role-dashboard .mls-dashboard-hero-main, body.mls-installed-app .mls-role-dashboard .mls-dashboard-hero-main{ grid-template-columns:48px minmax(0,1fr)!important; gap:8px 10px!important; } body.mls-ui-skin .mls-role-dashboard .mls-dashboard-avatar, body.mls-pwa-app-shell .mls-role-dashboard .mls-dashboard-avatar, body.mls-installed-app .mls-role-dashboard .mls-dashboard-avatar{ width:48px!important;height:48px!important;flex-basis:48px!important; } body.mls-ui-skin .mls-role-dashboard .mls-dashboard-name-line h1, body.mls-pwa-app-shell .mls-role-dashboard .mls-dashboard-name-line h1, body.mls-installed-app .mls-role-dashboard .mls-dashboard-name-line h1{ font-size:20px!important; } } /* v1.19.2 — QR route explicitly requests install mode for PWA-capable browsers. */ body.mls-pwa-install-route .mls-role-pwa-install-fallback{display:block!important} /* v1.20.0 — universal RR Card + mobile name safety */ .mls-card-live-layout .mls-card-live-main{min-width:0!important;display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;align-items:center!important;gap:12px!important;width:100%!important;} .mls-card-live-layout .mls-card-live-member{min-width:0!important;width:auto!important;overflow:hidden!important;} .mls-card-live-layout .mls-card-live-member h3{min-width:0!important;max-width:100%!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;overflow-wrap:normal!important;word-break:normal!important;} .mls-card-live-layout .mls-card-live-brand>div{min-width:0!important;} .mls-card-live-layout .mls-card-live-brand strong,.mls-card-live-layout .mls-card-live-brand small{white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;} body.mls-pwa-app-shell{height:100%;min-height:100dvh;overflow:hidden!important;} body.mls-pwa-app-shell .mls-pwa-app-main{height:100dvh;max-height:100dvh;overflow-y:auto;overflow-x:hidden;overscroll-behavior-y:contain;-webkit-overflow-scrolling:touch;touch-action:pan-y;padding-bottom:env(safe-area-inset-bottom);box-sizing:border-box;} body.mls-pwa-app-shell input,body.mls-pwa-app-shell select,body.mls-pwa-app-shell textarea{font-size:16px!important;} body.mls-pwa-app-shell .mls-dashboard-hero{min-width:0!important;} body.mls-pwa-app-shell .mls-dashboard-name-line{min-width:0!important;} body.mls-pwa-app-shell .mls-dashboard-name-line h1{min-width:0!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;} @media(max-width:600px){.mls-card-live-layout .mls-card-live-main{grid-template-columns:minmax(0,1fr) auto!important;gap:9px!important}.mls-card-live-layout .mls-card-live-member h3{font-size:18px!important}.mls-card-live-layout .mls-card-live-qr-wrap{min-width:62px!important}} /* v1.22.2 — Member PWA bottom navigation: Activity + full-width history workspace. */ @media (max-width:760px){ body.mls-pwa-app-shell .mls-member-dashboard #mls-db-history, body.mls-installed-app .mls-member-dashboard #mls-db-history{ width:100%!important;max-width:none!important;min-width:0!important; margin-left:0!important;margin-right:0!important; padding-left:0!important;padding-right:0!important; } body.mls-pwa-app-shell .mls-member-dashboard #mls-db-history .mls-dashboard-split, body.mls-installed-app .mls-member-dashboard #mls-db-history .mls-dashboard-split{ width:100%!important;max-width:none!important;margin-left:0!important;margin-right:0!important; grid-template-columns:1fr!important; } body.mls-pwa-app-shell .mls-member-dashboard #mls-db-history .mls-dashboard-panel, body.mls-installed-app .mls-member-dashboard #mls-db-history .mls-dashboard-panel{ width:100%!important;max-width:none!important;min-width:0!important;margin-left:0!important;margin-right:0!important; } } /* v1.22.7: Vendor selection is optional and platform payment methods show immediately. */ body.mls-ui-skin .mls-registration-membership{margin-top:18px;padding:18px;border:1px solid var(--mls-border);border-radius:18px;background:var(--mls-panel,rgba(255,255,255,.02));} body.mls-ui-skin .mls-registration-membership-head{margin-bottom:12px} body.mls-ui-skin .mls-registration-membership-head h3{margin:4px 0 6px} body.mls-ui-skin .mls-registration-membership-head p{margin:0} body.mls-ui-skin .mls-registration-membership-summary{margin-top:12px;padding:12px 14px;border-radius:12px;border:1px solid var(--mls-border);font-size:13px} body.mls-ui-skin .mls-member-registration-gate{padding-bottom:120px} body.mls-ui-skin .mls-member-registration-gate .mls-dashboard-panel{margin-bottom:14px} @media(max-width:640px){body.mls-ui-skin .mls-registration-membership{padding:14px;border-radius:14px}}