:root{--m-bg:#f4f7f9;--m-card:#fff;--m-ink:#17394a;--m-muted:#748691;--m-line:#dfe7eb;--m-blue:#1768bd;--m-blue2:#104f96;--m-green:#118874;--m-red:#b33b43;--m-amber:#ad7617}
*{box-sizing:border-box}.merchant-ui-icon{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.merchant-screen{background:var(--m-bg)!important;color:var(--m-ink)!important;min-height:100dvh}
.merchant-screen .app-scroll{padding:0 14px 96px!important;background:var(--m-bg)!important;overflow-x:hidden!important}
.m-topbar{position:sticky;top:0;z-index:30;display:grid;grid-template-columns:44px minmax(0,1fr) 44px;align-items:center;min-height:62px;margin:0 -14px 12px;padding:env(safe-area-inset-top) 14px 0;background:rgba(255,255,255,.96);backdrop-filter:blur(16px);border-bottom:1px solid rgba(219,228,233,.9)}
.m-back,.m-head-action{width:42px;height:42px;border:0;border-radius:14px;background:#eef3f6;color:#31556a;display:grid;place-items:center;text-decoration:none;padding:0}.m-back{font-size:22px}
.m-brand{min-width:0;text-align:left;padding-left:8px}.m-brand strong{display:block;font-size:13px;font-weight:900;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.m-brand small{display:block;margin-top:2px;font-size:8px;font-weight:900;letter-spacing:.16em;color:#80909a}
.m-hero{position:relative;overflow:hidden;padding:20px;border-radius:26px;background:linear-gradient(145deg,#0f3e79,#176cc0);color:#fff;box-shadow:0 12px 30px rgba(21,89,165,.16)}
.m-hero:after{content:"";position:absolute;width:140px;height:140px;border-radius:50%;right:-50px;top:-55px;background:rgba(255,255,255,.08)}
.m-hero *{color:#fff}.m-hero>small{font-size:8px;font-weight:900;letter-spacing:.14em;color:#bfe1ff}.m-hero h1{margin:5px 0 7px;font-size:24px;line-height:1.08;letter-spacing:-.03em}.m-hero p{margin:0;color:rgba(255,255,255,.8);font-size:9px;line-height:1.55}
.m-hero-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin-top:15px}.m-hero-stat{padding:11px 12px;border-radius:16px;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.08)}.m-hero-stat small{display:block;font-size:8px;color:rgba(255,255,255,.7)}.m-hero-stat strong{display:block;margin-top:3px;font-size:13px}
.m-section-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:18px 2px 9px}.m-section-head h2{margin:0;font-size:16px}.m-section-head small{font-size:8px;color:var(--m-muted);font-weight:800}
.m-card{display:block;width:100%;padding:15px;border-radius:21px;background:#fff;border:1px solid var(--m-line);box-shadow:0 6px 18px rgba(21,47,63,.04);color:var(--m-ink)}
.m-card+.m-card{margin-top:12px}.m-card h2,.m-card h3{margin:0}.m-card p{color:var(--m-muted);font-size:9px;line-height:1.55}
.m-status{display:inline-flex;align-items:center;min-height:25px;padding:0 9px;border-radius:999px;background:#eef3f6;color:#506978;font-size:7px;font-weight:900;letter-spacing:.06em}.m-status.ok{background:#e8f7f2;color:#08715f}.m-status.warn{background:#fff5dc;color:#8b6314}.m-status.bad{background:#fff0f0;color:#a63a42}
.m-quick{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.m-quick a,.m-quick button{min-width:0;min-height:96px;padding:14px;border:1px solid var(--m-line);border-radius:20px;background:#fff;color:var(--m-ink);text-decoration:none;text-align:left;box-shadow:0 5px 16px rgba(20,48,66,.035)}
.m-quick .merchant-ui-icon{width:25px;height:25px;color:var(--m-blue)}.m-quick strong{display:block;margin-top:12px;font-size:11px}.m-quick small{display:block;margin-top:3px;font-size:8px;line-height:1.35;color:var(--m-muted)}
.m-list{display:grid;gap:9px}.m-row{display:grid;grid-template-columns:44px minmax(0,1fr) 22px;align-items:center;gap:10px;min-height:66px;padding:10px 12px;border:1px solid var(--m-line);border-radius:17px;background:#fff;color:var(--m-ink);text-decoration:none}.m-row-icon{width:42px;height:42px;border-radius:14px;background:#edf5ff;color:var(--m-blue);display:grid;place-items:center}.m-row strong{display:block;font-size:10px}.m-row small{display:block;margin-top:3px;color:var(--m-muted);font-size:8px;line-height:1.35}.m-row>.merchant-ui-icon{width:18px;color:#9aabb5}
.m-primary,.m-secondary,.m-danger{appearance:none;border:0;border-radius:15px;min-height:48px;padding:0 15px;font-size:9px;font-weight:900;display:inline-flex;align-items:center;justify-content:center;text-decoration:none;cursor:pointer}.m-primary{background:linear-gradient(145deg,var(--m-blue),var(--m-blue2));color:#fff}.m-secondary{background:#edf3f6;color:#31566b;border:1px solid #dce6ea}.m-danger{background:#fff0f0;color:#a33b43;border:1px solid #efd1d4}.m-block{width:100%}
.m-form{display:grid;gap:11px}.m-field{display:grid;gap:6px;font-size:9px;font-weight:850;color:#4b6575}.m-field input,.m-field textarea{width:100%;min-width:0;border:1px solid #d8e2e7;border-radius:15px;background:#fbfcfd;color:var(--m-ink);font:500 11px/1.45 inherit;box-shadow:none;outline:none}.m-field input{height:50px;padding:0 13px}.m-field textarea{min-height:105px;padding:12px 13px;resize:vertical}.m-field input:focus,.m-field textarea:focus{border-color:#5aa0de;box-shadow:0 0 0 3px rgba(43,125,197,.08)}
.m-picker{appearance:none;width:100%;min-height:54px;display:grid;grid-template-columns:minmax(0,1fr) 20px;align-items:center;gap:10px;padding:8px 12px;border:1px solid #d8e2e7;border-radius:15px;background:#fbfcfd;color:var(--m-ink);text-align:left}.m-picker strong{display:block;font-size:11px}.m-picker small{display:block;margin-top:2px;color:var(--m-muted);font-size:8px}.m-picker>.merchant-ui-icon{width:17px;color:#93a5b0}
.m-upload{display:grid;grid-template-columns:42px minmax(0,1fr);align-items:center;gap:10px;padding:12px;border:1px dashed #bfcfd7;border-radius:17px;background:#fbfcfd;cursor:pointer}.m-upload input{position:absolute;opacity:0;pointer-events:none}.m-upload-icon{width:42px;height:42px;border-radius:14px;background:#edf5ff;color:var(--m-blue);display:grid;place-items:center}.m-upload strong{font-size:10px}.m-upload small{display:block;margin-top:3px;color:var(--m-muted);font-size:8px}
.m-sheet-wrap{position:fixed;inset:0;z-index:1000}.m-sheet-wrap[hidden]{display:none!important}.m-sheet-backdrop{position:absolute;inset:0;background:rgba(11,27,38,.46);backdrop-filter:blur(2px)}.m-sheet{position:absolute;left:50%;bottom:0;transform:translateX(-50%);width:min(100%,560px);max-height:88dvh;overflow:auto;padding:10px 14px calc(18px + env(safe-area-inset-bottom));border-radius:25px 25px 0 0;background:#fff;box-shadow:0 -18px 45px rgba(15,40,56,.18)}
.m-sheet-grab{width:44px;height:4px;border-radius:999px;background:#d5dee3;margin:0 auto 12px}.m-sheet-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:12px}.m-sheet-head h2{margin:0;font-size:18px}.m-sheet-close{width:38px;height:38px;border:0;border-radius:12px;background:#eef3f6;color:#4b6675;font-size:22px}.m-sheet-options{display:grid;gap:8px}.m-sheet-option{appearance:none;display:grid;grid-template-columns:minmax(0,1fr) 24px;align-items:center;gap:10px;min-height:56px;padding:10px 12px;border:1px solid var(--m-line);border-radius:16px;background:#fff;text-align:left;color:var(--m-ink)}.m-sheet-option strong{font-size:10px}.m-sheet-option small{display:block;margin-top:2px;font-size:8px;color:var(--m-muted)}.m-sheet-option .check{opacity:0;color:var(--m-green);font-weight:900}.m-sheet-option.is-selected{border-color:#4d9ad9;background:#f2f8fe}.m-sheet-option.is-selected .check{opacity:1}
html.m-sheet-open{overflow:hidden}
.m-toast-stack{position:fixed;z-index:1400;top:calc(12px + env(safe-area-inset-top));left:50%;transform:translateX(-50%);width:min(calc(100% - 24px),520px);display:grid;gap:8px;pointer-events:none}.m-toast{display:grid;grid-template-columns:22px minmax(0,1fr) 24px;align-items:start;gap:8px;padding:12px 13px;border-radius:16px;background:#153a4e;color:#fff;box-shadow:0 14px 35px rgba(8,30,43,.22);pointer-events:auto;animation:mtoast .22s ease}.m-toast.error{background:#8e343c}.m-toast.warn{background:#87631c}.m-toast strong{font-size:10px}.m-toast p{margin:2px 0 0;font-size:8px;line-height:1.4;color:rgba(255,255,255,.8)}.m-toast button{border:0;background:transparent;color:#fff;font-size:18px;padding:0}.m-toast.is-leaving{opacity:0;transform:translateY(-8px);transition:.22s ease}@keyframes mtoast{from{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:none}}
.m-bottom{position:fixed;z-index:50;left:50%;bottom:0;transform:translateX(-50%);width:min(100%,560px);display:grid;grid-template-columns:repeat(4,1fr);padding:8px 10px calc(8px + env(safe-area-inset-bottom));background:rgba(255,255,255,.97);border-top:1px solid #dce5e9;backdrop-filter:blur(15px)}.m-bottom a{display:grid;justify-items:center;gap:3px;text-decoration:none;color:#778994;font-size:7px;font-weight:850}.m-bottom .merchant-ui-icon{width:20px;height:20px}.m-bottom a.on{color:var(--m-blue)}
.m-onboard-step{display:flex;align-items:center;gap:8px;margin:0 0 12px}.m-step{height:5px;flex:1;border-radius:99px;background:#dfe7eb}.m-step.on{background:var(--m-blue)}
.m-map-shell{overflow:hidden;border:1px solid #d9e3e8;border-radius:19px;background:#eaf0f3}.m-map{height:260px}.m-map-search{display:grid;grid-template-columns:minmax(0,1fr) 48px;gap:8px;margin-bottom:9px}.m-map-search input{height:48px;border:1px solid #d8e2e7;border-radius:14px;background:#fff;padding:0 12px}.m-map-search button{border:0;border-radius:14px;background:#edf5ff;color:var(--m-blue);display:grid;place-items:center}.m-map-results{display:grid;gap:6px;margin-bottom:8px}.m-map-results button{border:1px solid #dce6ea;border-radius:13px;background:#fff;color:var(--m-ink);padding:10px;text-align:left;font-size:9px}.m-map-status{display:block;margin-top:7px;color:var(--m-muted);font-size:8px;line-height:1.4}.m-map-status[data-error="1"]{color:var(--m-red)}
.m-branch-card{display:grid;gap:11px}.m-branch-head{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.m-branch-head h3{font-size:14px}.m-branch-meta{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.m-branch-meta div{padding:10px;border-radius:14px;background:#f5f8fa}.m-branch-meta small{display:block;font-size:7px;color:var(--m-muted)}.m-branch-meta strong{display:block;margin-top:2px;font-size:9px}.m-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.m-actions>*{width:100%}
.m-doc-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.m-doc{padding:12px;border:1px solid var(--m-line);border-radius:17px;background:#fff}.m-doc .merchant-ui-icon{color:var(--m-blue)}.m-doc strong{display:block;margin-top:8px;font-size:9px}.m-doc small{display:block;margin-top:3px;font-size:7px;color:var(--m-muted)}
.m-week{display:grid;gap:7px}.m-day{display:grid;grid-template-columns:64px minmax(0,1fr) minmax(0,1fr);gap:7px;align-items:center}.m-day strong{font-size:8px}.m-day input{width:100%;height:42px;border:1px solid #d8e2e7;border-radius:12px;background:#fbfcfd;padding:0 8px;font-size:9px}
.m-register{padding:18px 14px 30px}.m-register-shell{width:min(100%,520px);margin:0 auto}.m-register-brand{display:flex;align-items:center;gap:10px;margin:10px 0 20px}.m-register-mark{width:46px;height:46px;border-radius:16px;background:linear-gradient(145deg,#1768bd,#104f96);color:#fff;display:grid;place-items:center}.m-register h1{margin:0 0 6px;font-size:27px;letter-spacing:-.035em}.m-register-intro{margin:0 0 18px;color:var(--m-muted);font-size:10px;line-height:1.55}.m-register-card{padding:18px;border:1px solid var(--m-line);border-radius:24px;background:#fff;box-shadow:0 10px 30px rgba(21,47,63,.05)}
.m-lock{padding:11px 12px;border:1px solid #e2e8eb;border-radius:15px;background:#f7f9fa}.m-lock small{display:block;font-size:7px;color:var(--m-muted)}.m-lock strong{display:block;margin-top:3px;font-size:10px}
@media(max-width:360px){.merchant-screen .app-scroll{padding-left:11px!important;padding-right:11px!important}.m-topbar{margin-left:-11px;margin-right:-11px;padding-left:11px;padding-right:11px}.m-quick{gap:8px}.m-quick a,.m-quick button{padding:12px}.m-hero{padding:17px}.m-doc-grid{grid-template-columns:1fr}.m-actions{grid-template-columns:1fr}.m-day{grid-template-columns:55px minmax(0,1fr) minmax(0,1fr)}}

/* M02-M04 merchant catalog/orders/finance */
.m-photo-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.m-photo{position:relative;aspect-ratio:1/1;border-radius:16px;overflow:hidden;background:#edf2f5;border:1px solid #e0e7eb}.m-photo img{width:100%;height:100%;object-fit:cover;display:block}.m-photo-badge{position:absolute;left:6px;bottom:6px;max-width:calc(100% - 12px);padding:4px 6px;border-radius:999px;background:rgba(15,42,57,.78);color:#fff;font-size:6px;font-weight:900;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.m-product{display:grid;gap:11px}.m-product-head{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.m-product-head h3{font-size:14px}.m-product-price{font-size:17px;font-weight:950;color:#164d80}.m-product-meta{display:flex;flex-wrap:wrap;gap:6px}.m-chip{display:inline-flex;align-items:center;min-height:24px;padding:0 8px;border-radius:999px;background:#f0f4f6;color:#607683;font-size:7px;font-weight:850}.m-product-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.m-product-actions>*{width:100%}
.m-option-stack{display:grid;gap:10px}.m-option-group{padding:12px;border:1px solid var(--m-line);border-radius:17px;background:#fbfcfd}.m-option-head{display:flex;justify-content:space-between;align-items:flex-start;gap:8px;margin-bottom:9px}.m-option-head strong{font-size:10px}.m-option-head small{display:block;margin-top:2px;color:var(--m-muted);font-size:7px}.m-option-items{display:grid;gap:7px;margin-top:8px}.m-option-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:center;padding:9px 10px;border:1px solid #e2e9ed;border-radius:13px;background:#fff}.m-option-row strong{font-size:9px}.m-option-row small{display:block;margin-top:2px;font-size:7px;color:var(--m-muted)}.m-mini{appearance:none;min-height:36px;border:0;border-radius:11px;background:#eef3f6;color:#35566a;padding:0 10px;font-size:8px;font-weight:900}.m-mini.danger{background:#fff0f0;color:#a33b43}
.m-toggle-row{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 0}.m-toggle{appearance:none;width:46px;height:27px;border-radius:999px;background:#d9e2e6;position:relative;transition:.2s}.m-toggle:before{content:"";position:absolute;width:21px;height:21px;left:3px;top:3px;border-radius:50%;background:#fff;box-shadow:0 2px 5px rgba(0,0,0,.18);transition:.2s}.m-toggle:checked{background:#1b9a80}.m-toggle:checked:before{transform:translateX(19px)}
.m-money-hero{padding:19px;border-radius:25px;background:linear-gradient(145deg,#0d3b76,#1668bd);color:#fff}.m-money-hero *{color:#fff}.m-money-hero small{font-size:8px;color:#bfe0ff}.m-money-hero h2{margin:4px 0 13px;font-size:30px;letter-spacing:-.04em}.m-money-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.m-money-grid div{padding:10px;border-radius:14px;background:rgba(255,255,255,.11)}.m-money-grid strong{display:block;margin-top:2px;font-size:11px}.m-finance-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin-top:10px}
.m-history{display:grid;gap:8px}.m-history-row{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:11px 0;border-bottom:1px solid #edf1f3}.m-history-row:last-child{border-bottom:0}.m-history-row strong{font-size:9px}.m-history-row small{display:block;margin-top:3px;color:var(--m-muted);font-size:7px}.m-history-amount{text-align:right;white-space:nowrap}
.m-order-tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;padding:5px;border-radius:16px;background:#eaf0f3}.m-order-tabs a{min-height:38px;display:grid;place-items:center;border-radius:12px;color:#607580;text-decoration:none;font-size:8px;font-weight:900}.m-order-tabs a.on{background:#fff;color:#1768bd;box-shadow:0 3px 9px rgba(18,47,65,.08)}.m-order{display:grid;gap:10px}.m-order-top{display:flex;justify-content:space-between;gap:10px}.m-order h3{font-size:13px}.m-order-total{font-size:14px;font-weight:950}.m-order-items{padding:10px;border-radius:14px;background:#f6f9fa;font-size:8px;line-height:1.55;color:#526a78}.m-order-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.m-empty{min-height:90px;display:grid;place-items:center;text-align:center;padding:16px;border:1px dashed #cad7dd;border-radius:19px;background:#fafcfd;color:#738691}.m-empty strong{font-size:10px}.m-empty small{display:block;margin-top:4px;font-size:8px}
@media(max-width:360px){.m-photo-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.m-product-actions,.m-order-actions{grid-template-columns:1fr}}

/* M03 merchant deposit */
.merchant-screen .merchant-deposit-screen{display:grid!important;gap:12px!important;margin:0!important;padding:0!important;background:transparent!important}
.merchant-screen .merchant-deposit-screen .merchant-balance{width:100%!important;max-width:none!important;box-sizing:border-box!important;margin:0!important;padding:18px!important;border:0!important;border-radius:24px!important;background:linear-gradient(145deg,#0d3b76,#1768bd)!important;color:#fff!important;box-shadow:0 12px 28px rgba(20,87,166,.16)!important}
.merchant-screen .merchant-deposit-screen .merchant-balance *{color:#fff!important}.merchant-screen .merchant-deposit-screen .merchant-balance small{font-size:8px!important;color:#bfe0ff!important}.merchant-screen .merchant-deposit-screen .merchant-balance h2{margin:4px 0 9px!important;font-size:30px!important;letter-spacing:-.04em!important}.merchant-screen .merchant-deposit-screen .merchant-balance p{margin:0!important;font-size:8px!important;line-height:1.5!important;color:rgba(255,255,255,.78)!important}
.merchant-screen .merchant-deposit-screen .deposit-method-switch{margin:0!important}.merchant-screen .merchant-deposit-screen .deposit-method-choice{min-height:88px!important;border-radius:18px!important}
.merchant-screen .merchant-deposit-screen .deposit-card{margin:0!important;padding:15px!important;border-radius:21px!important;border-color:var(--m-line)!important;box-shadow:0 6px 18px rgba(21,47,63,.04)!important}.merchant-screen .merchant-deposit-screen .deposit-card h2{font-size:16px!important}.merchant-screen .merchant-deposit-screen .deposit-card p{font-size:9px!important;line-height:1.55!important}
.merchant-screen .merchant-deposit-screen .deposit-form label{font-size:9px!important}.merchant-screen .merchant-deposit-screen .deposit-form input{border-radius:14px!important;background:#fbfcfd!important;min-height:48px!important}
.merchant-screen .merchant-deposit-screen .deposit-form .ojol-modal-trigger{width:100%!important;min-height:48px!important;border:0!important;border-radius:15px!important;background:linear-gradient(145deg,#1768bd,#104f96)!important;color:#fff!important;font-size:9px!important;font-weight:900!important}
.merchant-screen .merchant-deposit-screen .role-section{margin:0!important;padding:15px!important;border:1px solid var(--m-line)!important;border-radius:21px!important;background:#fff!important}
.merchant-screen .merchant-deposit-screen .role-section-heading h2{font-size:16px!important}.merchant-screen .merchant-deposit-screen .role-auth-note{margin:0!important;padding:11px 12px!important;border:1px solid #f0dfb7!important;border-radius:15px!important;background:#fff9eb!important;color:#735719!important;font-size:8px!important;line-height:1.5!important}
.merchant-screen .merchant-deposit-screen .cj-native-btn{min-height:45px!important;border:0!important;border-radius:14px!important;background:#1768bd!important;color:#fff!important;font-size:9px!important;font-weight:900!important}.merchant-screen .merchant-deposit-screen .cj-native-btn.secondary{background:#eef3f6!important;color:#35566b!important}

.m-review{display:grid;gap:9px;padding:13px 0;border-bottom:1px solid #edf1f3}.m-review:last-child{border-bottom:0}.m-stars{font-weight:950;color:#c98a16;letter-spacing:.04em}.m-review-text{margin:0!important;font-size:9px!important;color:#526b79!important;line-height:1.55!important}.m-review-form{display:grid;gap:8px;margin-top:3px}.m-review-form textarea{width:100%;min-height:90px;border:1px solid #d8e2e7;border-radius:14px;background:#fbfcfd;padding:11px;font:500 10px/1.5 inherit}
.m-chat{display:grid;gap:9px}.m-bubble{max-width:88%;padding:11px 12px;border-radius:16px 16px 16px 5px;background:#eef3f6;color:#274b5f;font-size:9px;line-height:1.55}.m-bubble.me{justify-self:end;border-radius:16px 16px 5px 16px;background:#e9f3ff;color:#204b72}.m-bubble small{display:block;margin-top:4px;font-size:7px;color:#7d8d96}
.m-staff-card{display:grid;gap:10px}.m-perms{display:flex;flex-wrap:wrap;gap:6px}.m-check-row{display:flex;align-items:center;gap:9px;min-height:42px;padding:8px 10px;border:1px solid #e2e8eb;border-radius:13px;background:#fbfcfd;font-size:9px;color:#3d5b6a}.m-check-row input{width:18px;height:18px;accent-color:#1768bd}

/* PWA-M05 notifications + onboarding rhythm */
.m-notification-screen{display:grid!important;grid-template-columns:minmax(0,1fr)!important;align-content:start!important;row-gap:12px!important}
.m-notification-screen>.m-topbar{margin-bottom:0!important}
.m-push-hero{margin:0!important}
.m-push-hero-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px}
.m-push-hero-head h1{margin-top:5px!important}
.m-hero-round{width:46px;height:46px;flex:0 0 46px;border-radius:16px;background:rgba(255,255,255,.13);display:grid;place-items:center;border:1px solid rgba(255,255,255,.12)}
.m-hero-round .merchant-ui-icon{width:23px;height:23px;stroke:#fff}
.m-push-card{margin:0!important;padding:15px!important;border-radius:21px!important}
.m-inside-head{margin:0 0 10px!important;align-items:center!important}
.m-inside-head>div{min-width:0}.m-inside-head h2{margin:0!important}.m-inside-head small{display:block;margin-top:2px}
.m-push-copy{margin:0 0 11px!important;color:#647985!important;font-size:9px!important;line-height:1.55!important}
.m-push-actions{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important}
.m-push-actions>button{min-height:46px!important;margin:0!important}
.m-push-actions>button:only-child{grid-column:1/-1!important}
.m-push-meta{display:block;margin-top:9px;color:#81919a;font-size:8px;line-height:1.5}
.m-notification-card{margin:0!important;padding:7px!important;border-radius:21px!important}
.m-notification-row{display:grid;grid-template-columns:42px minmax(0,1fr) 18px;align-items:center;gap:10px;padding:11px 9px;text-decoration:none;color:#17384b;border-radius:15px}
.m-notification-row+.m-notification-row{border-top:1px solid #edf1f3;border-top-left-radius:0;border-top-right-radius:0}
.m-notification-icon{width:42px;height:42px;border-radius:14px;display:grid;place-items:center;background:#edf5fb;color:#1768bd}
.m-notification-icon .merchant-ui-icon{width:20px;height:20px}
.m-notification-row>span:nth-child(2){min-width:0}
.m-notification-row small{display:block;color:#84929a;font-size:7px;font-weight:800;letter-spacing:.03em}
.m-notification-row strong{display:block;margin-top:3px;font-size:10px;line-height:1.35;color:#17384b}
.m-notification-row p{margin:3px 0 0;font-size:8px;line-height:1.5;color:#667a86}
.m-notification-row>.merchant-ui-icon{width:16px;height:16px;stroke:#9aabb4}
@media(max-width:360px){.m-push-actions{grid-template-columns:1fr!important}.m-push-actions>button{grid-column:auto!important}}

/* PWA-M04 dashboard header alignment + native Usaha index */
.m-home-topbar{grid-template-columns:minmax(0,1fr) 44px!important}
.m-home-topbar .m-brand{padding-left:0!important}
.m-workspace-index{display:grid!important;grid-template-columns:minmax(0,1fr)!important;align-content:start!important;row-gap:12px!important;padding-bottom:92px!important}
.m-workspace-index>.m-topbar{margin-bottom:0!important}
.m-workspace-hero{margin:0!important}
.m-business-card{margin:0!important;padding:15px!important;border-radius:22px!important}
.m-business-head{display:grid!important;grid-template-columns:46px minmax(0,1fr) auto!important;align-items:center!important;gap:11px!important}
.m-business-head .m-row-icon{width:46px!important;height:46px!important;border-radius:15px!important;display:grid!important;place-items:center!important;background:#edf5fb!important;color:#1768bd!important}
.m-business-head .m-row-icon .merchant-ui-icon{width:23px!important;height:23px!important}
.m-business-head h2{margin:0!important;font-size:16px!important;line-height:1.2!important}
.m-business-head p{margin:3px 0 0!important;font-size:8px!important;color:#778994!important}
.m-business-head .m-status{align-self:start!important}
.m-business-stats{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:8px!important;margin-top:13px!important}
.m-business-stats>div{min-width:0!important;padding:10px!important;border-radius:15px!important;background:#f4f7f9!important}
.m-business-stats small{display:block!important;font-size:7px!important;line-height:1.25!important;color:#7a8b95!important}
.m-business-stats strong{display:block!important;margin-top:4px!important;font-size:12px!important;color:#17384b!important}
.m-business-actions{display:grid!important;gap:7px!important;margin-top:12px!important}
.m-business-actions>a{display:grid!important;grid-template-columns:38px minmax(0,1fr) 16px!important;align-items:center!important;gap:10px!important;min-height:62px!important;padding:9px 10px!important;border:1px solid #e0e8ec!important;border-radius:16px!important;background:#fff!important;color:#17384b!important;text-decoration:none!important}
.m-business-actions>a>.merchant-ui-icon:first-child{width:38px!important;height:38px!important;padding:8px!important;box-sizing:border-box!important;border-radius:13px!important;background:#edf5fb!important;stroke:#1768bd!important}
.m-business-actions>a>span{min-width:0!important}
.m-business-actions>a strong{display:block!important;font-size:10px!important}
.m-business-actions>a small{display:block!important;margin-top:2px!important;font-size:8px!important;line-height:1.35!important;color:#7b8c96!important}
.m-business-actions>a>.merchant-ui-icon:last-child{width:15px!important;height:15px!important;stroke:#9aabb4!important}
@media(max-width:360px){.m-business-stats{grid-template-columns:repeat(2,minmax(0,1fr))!important}.m-business-stats>div:last-child{grid-column:1/-1!important}}

/* PWA-M05 account, verification and branch polish */
.m-account-screen{display:grid!important;grid-template-columns:minmax(0,1fr)!important;align-content:start!important;row-gap:12px!important;padding-bottom:96px!important}
.m-account-screen>.m-topbar{margin-bottom:0!important}
.m-head-action.is-passive{pointer-events:none!important}
.m-account-hero{display:grid!important;grid-template-columns:68px minmax(0,1fr)!important;gap:13px!important;align-items:center!important;padding:17px!important;border:1px solid #dfe8ec!important;border-radius:23px!important;background:#fff!important;box-shadow:0 8px 24px rgba(20,48,66,.05)!important}
.m-owner-avatar{width:68px!important;height:68px!important;border-radius:21px!important;display:grid!important;place-items:center!important;background:linear-gradient(145deg,#0b8f79,#087363)!important;color:#fff!important;font-size:24px!important;font-weight:950!important}
.m-owner-copy{min-width:0!important}
.m-owner-copy>small{display:block!important;font-size:7px!important;letter-spacing:.14em!important;color:#0b8f79!important;font-weight:900!important}
.m-owner-copy h1{margin:4px 0 2px!important;font-size:20px!important;line-height:1.12!important;color:#17384b!important}
.m-owner-copy p{margin:0!important;font-size:8px!important;line-height:1.5!important;color:#778994!important;overflow-wrap:anywhere!important}
.m-verify-chip{display:inline-flex!important;margin-top:7px!important;padding:5px 8px!important;border-radius:999px!important;background:#f2f5f6!important;color:#607783!important;font-size:7px!important;font-weight:900!important}
.m-verify-chip.ok{background:#e8f8f4!important;color:#087866!important}.m-verify-chip.warn{background:#fff6df!important;color:#8b6517!important}
.m-account-stats{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:9px!important}
.m-account-stats>div{padding:12px 13px!important;border:1px solid #e0e8ec!important;border-radius:18px!important;background:#f7fafb!important}
.m-account-stats small{display:block!important;font-size:7px!important;color:#7b8d97!important}.m-account-stats strong{display:block!important;margin-top:3px!important;font-size:17px!important;color:#17384b!important}
.m-section-head>div{min-width:0!important}.m-section-head>div>small{display:block!important;margin-top:2px!important;font-size:7px!important;color:#83929a!important}
.m-setup-card,.m-verification-card{margin:0!important;padding:15px!important;border-radius:22px!important}
.m-setup-progress{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:7px!important}
.m-setup-progress>div{min-width:0!important;padding:10px 8px!important;border:1px solid #e4eaed!important;border-radius:15px!important;background:#f7f9fa!important;text-align:center!important}
.m-setup-progress>div>span{width:34px!important;height:34px!important;margin:0 auto 6px!important;border-radius:12px!important;display:grid!important;place-items:center!important;background:#eef2f4!important;color:#78909c!important}
.m-setup-progress>div>span .merchant-ui-icon{width:18px!important;height:18px!important}
.m-setup-progress strong{display:block!important;font-size:9px!important;color:#284857!important}.m-setup-progress small{display:block!important;margin-top:2px!important;font-size:7px!important;line-height:1.35!important;color:#81909a!important}
.m-setup-progress>div.done{background:#f0faf7!important;border-color:#d2eee6!important}.m-setup-progress>div.done>span{background:#def4ed!important;color:#08816d!important}.m-setup-progress>div.done strong{color:#087866!important}
.m-setup-actions{display:grid!important;gap:7px!important;margin-top:11px!important}
.m-setup-actions>a{display:grid!important;grid-template-columns:38px minmax(0,1fr) 16px!important;gap:10px!important;align-items:center!important;min-height:60px!important;padding:9px 10px!important;border:1px solid #e1e8ec!important;border-radius:16px!important;background:#fff!important;color:#17384b!important;text-decoration:none!important}
.m-setup-actions>a>.merchant-ui-icon:first-child{width:38px!important;height:38px!important;padding:8px!important;box-sizing:border-box!important;border-radius:13px!important;background:#edf5fb!important;stroke:#1768bd!important}
.m-setup-actions>a span{min-width:0!important}.m-setup-actions>a strong{display:block!important;font-size:10px!important}.m-setup-actions>a small{display:block!important;margin-top:2px!important;font-size:8px!important;line-height:1.35!important;color:#7e8f98!important}.m-setup-actions>a>.merchant-ui-icon:last-child{width:15px!important;height:15px!important;stroke:#9aabb4!important}
.m-mini-status{font-size:7px!important;font-weight:900!important;color:#0b8f79!important}
.m-verification-card>p{margin:0 0 11px!important;font-size:8px!important;line-height:1.55!important;color:#6d808b!important}
.m-doc-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important;margin-bottom:11px!important}
.m-doc{display:grid!important;grid-template-columns:34px minmax(0,1fr)!important;gap:8px!important;align-items:center!important;padding:9px!important;border:1px solid #e3e9ec!important;border-radius:15px!important;background:#f8fafb!important}
.m-doc-icon{width:34px!important;height:34px!important;border-radius:11px!important;display:grid!important;place-items:center!important;background:#edf2f4!important;color:#718a96!important}.m-doc-icon .merchant-ui-icon{width:18px!important;height:18px!important}
.m-doc strong{display:block!important;font-size:9px!important;color:#294958!important}.m-doc small{display:block!important;margin-top:2px!important;font-size:7px!important;color:#81919a!important}.m-doc em{display:block!important;margin-top:3px!important;font-size:7px!important;font-style:normal!important;line-height:1.35!important;color:#a45a49!important}
.m-doc.is-ok{background:#f0faf7!important;border-color:#d3eee7!important}.m-doc.is-ok .m-doc-icon{background:#ddf4ed!important;color:#087c69!important}.m-doc.is-bad{background:#fff4f3!important;border-color:#f2d8d5!important}
.m-logout-form{margin:2px 0 0!important}

/* Branch photos and actions */
.m-branch-photo-strip{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:6px!important;margin:11px 0!important}
.m-branch-photo{position:relative!important;min-width:0!important;aspect-ratio:1/1!important;border-radius:13px!important;overflow:hidden!important;background:#edf2f4!important}
.m-branch-photo img{width:100%!important;height:100%!important;object-fit:cover!important;display:block!important}
.m-branch-photo span{position:absolute!important;left:4px!important;right:4px!important;bottom:4px!important;padding:3px 4px!important;border-radius:7px!important;background:rgba(13,35,48,.72)!important;color:#fff!important;font-size:6px!important;font-weight:900!important;text-align:center!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
.m-branch-photo-empty{display:grid!important;grid-template-columns:40px minmax(0,1fr)!important;gap:10px!important;align-items:center!important;margin:11px 0!important;padding:10px!important;border:1px dashed #d6e0e5!important;border-radius:15px!important;background:#fafcfd!important}
.m-branch-photo-empty>span{width:40px!important;height:40px!important;border-radius:13px!important;display:grid!important;place-items:center!important;background:#edf5fb!important;color:#1768bd!important}.m-branch-photo-empty .merchant-ui-icon{width:20px!important;height:20px!important}
.m-branch-photo-empty strong{display:block!important;font-size:9px!important;color:#284858!important}.m-branch-photo-empty small{display:block!important;margin-top:2px!important;font-size:7px!important;line-height:1.4!important;color:#7f9099!important}
.m-branch-actions{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:7px!important}
.m-branch-actions .m-secondary{min-width:0!important;padding:0 8px!important;font-size:8px!important;white-space:nowrap!important}
.m-upload-guide{display:grid!important;grid-template-columns:42px minmax(0,1fr)!important;gap:10px!important;align-items:center!important;padding:10px!important;border-radius:15px!important;background:#f3f8fb!important}
.m-upload-guide>span{width:42px!important;height:42px!important;border-radius:13px!important;display:grid!important;place-items:center!important;background:#e4f1fb!important;color:#1768bd!important}.m-upload-guide .merchant-ui-icon{width:21px!important;height:21px!important}.m-upload-guide strong{display:block!important;font-size:9px!important}.m-upload-guide small{display:block!important;margin-top:2px!important;font-size:7px!important;line-height:1.45!important;color:#778a95!important}
@media(max-width:360px){.m-doc-grid{grid-template-columns:1fr!important}.m-branch-actions{grid-template-columns:repeat(2,minmax(0,1fr))!important}.m-branch-actions .m-secondary:last-child{grid-column:1/-1!important}.m-setup-progress{grid-template-columns:1fr!important}.m-setup-progress>div{display:grid!important;grid-template-columns:34px minmax(0,1fr)!important;text-align:left!important;align-items:center!important}.m-setup-progress>div>span{margin:0!important}}

@media(max-width:360px){
 .m-setup-progress{grid-template-columns:repeat(3,minmax(0,1fr))!important}
 .m-setup-progress>div{display:block!important;text-align:center!important}
 .m-setup-progress>div>span{margin:0 auto 6px!important}
}

/* PWA-M06 catalog product cards */
.m-chip.is-warn{background:#fff4df!important;color:#8a6418!important;border-color:#eedaa9!important}
.m-product-price.is-pending{font-size:10px!important;line-height:1.25!important;text-align:right!important;color:#9a6b17!important;max-width:88px!important}
.m-product-price.is-pending small{display:block!important;font-size:6px!important;letter-spacing:.08em!important;color:#a58d62!important}
.m-product-warning{margin:10px 0!important}
.m-product-actions{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important}
.m-product-actions>form{grid-column:1/-1!important}
.m-product-action{min-height:48px!important;border:1px solid #dce6ea!important;border-radius:14px!important;background:#f8fbfc!important;color:#244859!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:7px!important;padding:7px 9px!important;font:850 9px/1.25 inherit!important}
.m-product-action .merchant-ui-icon{width:18px!important;height:18px!important;stroke:#1768bd!important}
.m-product-action:disabled{opacity:.45!important;cursor:not-allowed!important}
@media(min-width:420px){.m-product-actions{grid-template-columns:repeat(4,minmax(0,1fr))!important}.m-product-actions>form{grid-column:1/-1!important}}

.m-product-action{font-family:inherit!important;font-size:9px!important;font-weight:850!important;line-height:1.25!important}

/* UAT order attention */
.m-order-attention{display:grid;grid-template-columns:48px minmax(0,1fr) 28px;gap:11px;align-items:center;margin-top:12px;padding:13px 14px;border-radius:20px;text-decoration:none;border:1px solid #d5e5f7;background:#f7fbff;box-shadow:0 9px 22px rgba(25,88,148,.08)}
.m-order-attention.is-new{background:linear-gradient(135deg,#fff8e9,#fffdf8);border-color:#f2d7a6;box-shadow:0 10px 24px rgba(159,109,24,.12)}
.m-order-attention.is-active{background:linear-gradient(135deg,#edf8ff,#f8fbff)}
.m-order-attention-icon{width:48px;height:48px;border-radius:16px;display:grid;place-items:center;background:#fff;color:#1768bd;box-shadow:0 5px 15px rgba(29,74,116,.08)}
.m-order-attention.is-new .m-order-attention-icon{background:#fff1cc;color:#a76500}
.m-order-attention-icon .merchant-ui-icon{width:24px;height:24px}
.m-order-attention-copy{min-width:0;display:grid;gap:2px}.m-order-attention-copy small{font-size:8px;font-weight:950;letter-spacing:.08em;color:#8c6b25}.m-order-attention-copy strong{font-size:12px;line-height:1.25;color:#183d51}.m-order-attention-copy em{font-style:normal;font-size:8px;color:#718690;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.m-order-attention-arrow{font-size:28px;line-height:1;color:#708998;text-align:right}

/* Merchant hours v2: up to 3 sessions + holiday ranges */
.m-week-modern{display:grid;gap:10px}.m-schedule-hint{display:grid;gap:3px;padding:11px 12px;border-radius:14px;background:#eef7f5;border:1px solid #d3e7e2}.m-schedule-hint strong{font-size:10px}.m-schedule-hint small{font-size:8px;color:#617873;line-height:1.45}
.m-day-card{border:1px solid var(--m-line);border-radius:15px;background:#fff;overflow:hidden}.m-day-card>summary{list-style:none;display:flex;justify-content:space-between;align-items:center;gap:10px;padding:12px;cursor:pointer}.m-day-card>summary::-webkit-details-marker{display:none}.m-day-card>summary span{display:grid}.m-day-card>summary strong{font-size:10px}.m-day-card>summary small{font-size:7px;color:var(--m-muted);margin-top:2px}.m-day-card>summary b{font-size:8px;color:#1768bd}.m-session-list{display:grid;gap:8px;padding:0 12px 12px}.m-session-row{display:grid;grid-template-columns:52px 1fr 1fr;gap:7px;align-items:end}.m-session-row>span{font-size:8px;font-weight:900;color:#607580;padding-bottom:12px}.m-session-row label{display:grid;gap:4px;font-size:7px;color:#7a8b91}.m-session-row input{width:100%;height:40px;border:1px solid #d6e1e5;border-radius:11px;background:#fbfdfd;padding:0 8px;font-size:9px}
.m-holiday-box{display:grid;gap:9px;padding:12px;border:1px solid #f0d8b4;border-radius:16px;background:#fffaf1}.m-holiday-row{display:grid;grid-template-columns:1fr 1fr;gap:7px;padding:9px;border-radius:13px;background:#fff;border:1px solid #eadfca;position:relative}.m-holiday-row label{display:grid;gap:4px;font-size:7px;color:#7a6c55}.m-holiday-row label:nth-child(3){grid-column:1/-1}.m-holiday-row input{width:100%;height:38px;border:1px solid #e2d6bf;border-radius:10px;padding:0 8px;background:#fff;font-size:9px}.m-holiday-row>[data-remove-holiday]{position:absolute;right:5px;top:5px;width:26px;height:26px;border:0;border-radius:50%;background:#fff0ee;color:#a6463c;font-size:16px}
@media(max-width:360px){.m-session-row{grid-template-columns:45px 1fr 1fr;gap:5px}}

/* Merchant variant/add-on guided UX */
.m-option-create{padding:12px;border:1px solid #dce7eb;border-radius:17px;background:#f8fbfc}.m-option-create-head{display:grid;gap:3px;margin-bottom:10px}.m-option-create-head strong{font-size:11px}.m-option-create-head small{font-size:8px;color:var(--m-muted)}
.m-option-type-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px}.m-option-type-card{appearance:none;display:grid;gap:4px;align-content:start;min-height:112px;padding:13px;border:1px solid #dce6eb;border-radius:16px;background:#fff;text-align:left;color:var(--m-ink)}.m-option-type-card>span{width:34px;height:34px;border-radius:11px;display:grid;place-items:center;font-size:19px}.m-option-type-card.variant>span{background:#eaf3ff;color:#1768bd}.m-option-type-card.addon>span{background:#eaf8f3;color:#08715f}.m-option-type-card strong{font-size:10px}.m-option-type-card small{font-size:7px;line-height:1.45;color:var(--m-muted)}
.m-option-group{box-shadow:0 5px 16px rgba(20,55,70,.04)}.m-option-head small{font-size:8px!important}.m-option-row{min-height:48px}
@media(max-width:350px){.m-option-type-grid{grid-template-columns:1fr}}

/* M12 compact catalog + simple option manager */
.m-product-row{display:grid;grid-template-columns:68px minmax(0,1fr) auto;gap:11px;align-items:center;padding:11px 12px;margin-bottom:9px;border:1px solid #dfe7eb;border-radius:18px;background:#fff;box-shadow:0 4px 14px rgba(20,49,65,.035)}.m-product-row.needs-attention{border-color:#efd8a8}.m-product-thumb{width:68px;height:68px;border-radius:15px;overflow:hidden;background:#edf3f6;display:grid;place-items:center}.m-product-thumb img{width:100%;height:100%;object-fit:cover}.m-product-thumb .merchant-ui-icon{width:26px;height:26px;stroke:#7b93a1}.m-product-row-main{min-width:0;display:grid;gap:7px}.m-product-row-title{display:flex;justify-content:space-between;gap:8px;align-items:flex-start}.m-product-row-title h3{margin:0;font-size:12px;line-height:1.25;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:150px}.m-product-row-title>strong{font-size:11px;color:#174e7b;white-space:nowrap}.m-product-row-tags{display:flex;gap:5px;flex-wrap:wrap;margin-top:4px}.m-product-row-tags>span:not(.m-status){font-size:7px;padding:4px 6px;border-radius:999px;background:#f0f4f6;color:#667b86;font-weight:800}.m-product-row-meta{display:flex;gap:6px;flex-wrap:wrap}.m-product-row-meta span{font-size:7px;color:#738791}.m-product-manage-btn{min-width:64px;height:38px;border:0;border-radius:12px;background:#eef6ff;color:#1768bd;font-size:8px;font-weight:900;padding:0 9px}.m-product-manage-btn b{font-size:15px;vertical-align:-1px}.m-sheet-subtitle{display:block;margin-top:3px;font-size:8px;color:var(--m-muted)}.m-manage-menu{display:grid;gap:8px;margin:2px 0 12px}.m-manage-menu>button{appearance:none;display:grid;grid-template-columns:34px minmax(0,1fr) auto;gap:10px;align-items:center;width:100%;min-height:62px;padding:10px 12px;border:1px solid #dfe7eb;border-radius:15px;background:#fff;text-align:left;color:var(--m-ink)}.m-manage-menu .merchant-ui-icon{width:20px;height:20px;stroke:#1768bd}.m-manage-menu span{display:grid;gap:2px}.m-manage-menu strong{font-size:10px}.m-manage-menu small{font-size:7px;color:var(--m-muted)}.m-manage-menu b{font-size:18px;color:#8aa0ad}.m-choice-intro{display:grid;gap:4px;padding:11px 12px;border-radius:14px;background:#eef7f5;border:1px solid #d5e8e3}.m-choice-intro strong{font-size:10px}.m-choice-intro small{font-size:8px;line-height:1.45;color:#617873}.m-choice-section{display:grid;gap:7px;margin-top:12px}.m-choice-section-head{display:flex;align-items:center;justify-content:space-between}.m-choice-section-head strong{font-size:11px}.m-choice-section-head span{font-size:7px;color:var(--m-muted)}.m-choice-row,.m-choice-option-row{appearance:none;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:center;width:100%;padding:11px 12px;border:1px solid #dfe7eb;border-radius:14px;background:#fff;text-align:left;color:var(--m-ink)}.m-choice-row span,.m-choice-option-row span{display:grid;gap:3px}.m-choice-row strong,.m-choice-option-row strong{font-size:10px}.m-choice-row small,.m-choice-option-row small{font-size:7px;color:var(--m-muted)}.m-choice-row b,.m-choice-option-row b{font-size:18px;color:#8aa0ad}.m-choice-empty{padding:12px;border-radius:13px;background:#f6f8f9;color:#80919a;font-size:8px;text-align:center}.m-group-summary{display:flex;gap:7px;align-items:center;margin-bottom:10px}.m-group-summary>span:not(.m-status){font-size:8px;color:var(--m-muted)}.m-choice-option-list{display:grid;gap:7px;margin-bottom:10px}.m-advanced-box{margin-top:12px;border:1px solid #e3e9ec;border-radius:14px;background:#fbfcfd;overflow:hidden}.m-advanced-box>summary{padding:11px 12px;font-size:9px;font-weight:900;cursor:pointer}.m-advanced-box>.m-form,.m-advanced-box>form{padding:0 11px 11px}.m-choice-example{display:grid;gap:4px;padding:11px;border-radius:13px;background:#f5f8fa;margin-bottom:10px}.m-choice-example strong{font-size:9px}.m-choice-example span{font-size:8px;color:#6f838e}
@media(max-width:360px){.m-product-row{grid-template-columns:58px minmax(0,1fr) auto;padding:10px}.m-product-thumb{width:58px;height:58px}.m-product-row-title h3{max-width:125px}.m-product-row-title>strong{font-size:9px}.m-product-manage-btn{min-width:54px;padding:0 6px}}

/* UAT 2026-10-02 merchant support/notification/account polish */
.m-support-screen,.m-notification-screen,.m-account-screen{align-content:start}
.m-support-screen>.m-topbar,.m-notification-screen>.m-topbar,.m-account-screen>.m-topbar{position:sticky;top:0;z-index:45;background:rgba(255,255,255,.98);backdrop-filter:blur(16px);margin:0 -18px;padding-left:18px;padding-right:18px;border-bottom:1px solid #e5ecef}
.m-support-intro{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:center;padding:16px;border:1px solid #dbe5ea;border-radius:19px;background:#fff;box-shadow:0 7px 20px rgba(18,55,77,.06)}
.m-support-intro small{font-size:8px;color:#087765;font-weight:950;letter-spacing:.08em}.m-support-intro h1{margin:3px 0 4px;font-size:20px;color:#17394a}.m-support-intro p{margin:0;font-size:9px;line-height:1.5;color:#6b7c84}.m-support-intro button{min-height:42px;padding:0 12px;border:0;border-radius:13px;background:#116fbc;color:#fff;font-size:9px;font-weight:900;white-space:nowrap}
.m-support-list-head{display:flex;align-items:center;justify-content:space-between;margin-top:4px}.m-support-list-head h2{margin:0;font-size:15px}.m-support-list-head small{font-size:8px;color:#748890;font-weight:850}
.m-support-list{display:grid;gap:8px}.m-support-ticket{display:grid;grid-template-columns:40px minmax(0,1fr) 18px;gap:10px;align-items:center;padding:11px 12px;border:1px solid #dce6ea;border-radius:15px;background:#fff;text-decoration:none;color:#193d4e}.m-support-ticket .ico{width:40px;height:40px;border-radius:12px;background:#eef6ff;color:#1768bd;display:grid;place-items:center}.m-support-ticket span:nth-child(2){min-width:0;display:grid;gap:2px}.m-support-ticket strong{font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.m-support-ticket small{font-size:7px;color:#74858d;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.m-notif-hero{display:grid;grid-template-columns:minmax(0,1fr) 48px;gap:12px;align-items:center;min-height:108px;padding:16px;border-radius:20px;background:linear-gradient(135deg,#164f91,#177f72);color:#fff;box-shadow:0 10px 24px rgba(20,74,124,.16)}
.m-notif-hero small{font-size:8px;font-weight:900;letter-spacing:.08em;opacity:.82}.m-notif-hero h1{margin:4px 0;font-size:20px}.m-notif-hero p{margin:0;font-size:9px;line-height:1.45;opacity:.9}.m-notif-hero .icon{width:48px;height:48px;border-radius:15px;background:rgba(255,255,255,.16);display:grid;place-items:center}.m-notif-hero .icon svg{width:24px;height:24px}
.m-account-screen .m-account-stats{margin-top:14px!important;margin-bottom:16px!important}.m-account-screen .m-section-head{margin-top:18px!important}.m-account-screen .m-setup-card{padding:16px!important}.m-account-screen .m-setup-progress{margin-bottom:14px!important}.m-account-screen .m-setup-progress+.m-lock{margin-top:14px!important;margin-bottom:14px!important}.m-account-screen .m-setup-actions{margin-top:14px!important}
@media(max-width:360px){.m-support-intro{grid-template-columns:1fr}.m-support-intro button{width:100%}.m-notif-hero{grid-template-columns:1fr 42px}}

/* UAT 2026-10-02 root spacing corrections */
.m-support-screen .m-support-intro{margin-top:14px!important}
.m-support-screen .m-support-list-head{margin-top:14px!important}
.m-account-screen{row-gap:8px!important}
.m-account-screen .m-account-stats{margin-top:8px!important;margin-bottom:0!important}
.m-account-screen .m-account-stats + .m-section-head{margin-top:0!important;margin-bottom:6px!important}
.m-account-screen .m-section-head{margin-top:10px!important;margin-bottom:7px!important}

/* HEADER_CONTENT_GAP_03 merchant */
.m-support-screen .m-support-intro{margin-top:18px!important}
.m-account-screen .m-account-hero{margin-top:16px!important}

/* MERCHANT_CATALOG_SORT_20261002 */
.m-catalog-head-actions{display:flex;gap:7px;align-items:center;flex-wrap:wrap;justify-content:flex-end}
.m-catalog-category-head{display:flex;align-items:end;justify-content:space-between;gap:10px;margin:18px 2px 8px;padding:0 2px}
.m-catalog-category-head small{display:block;font-size:7px;font-weight:900;letter-spacing:.09em;color:#71858d}
.m-catalog-category-head strong{display:block;margin-top:2px;font-size:17px;color:#173e49}
.m-catalog-category-head>span{font-size:8px;font-weight:850;color:#748a90}
.m-catalog-sort-sheet{max-height:min(88vh,760px)}
.m-sort-help{margin:0 0 10px;padding:10px 11px;border-radius:12px;background:#eff7f5;color:#496862;font-size:9px;line-height:1.45}
.m-sort-groups{display:grid;gap:10px}
.m-sort-group{border:1px solid #dce7e8;border-radius:15px;background:#f7fafb;overflow:hidden}
.m-sort-group>header{display:grid;grid-template-columns:40px minmax(0,1fr);gap:9px;align-items:center;padding:10px;background:#fff;border-bottom:1px solid #e4ebec}
.m-sort-group>header strong,.m-sort-group>header small{display:block}.m-sort-group>header strong{font-size:11px;color:#1f4550}.m-sort-group>header small{margin-top:2px;font-size:7px;color:#7b8c91}
.m-sort-handle{width:38px;height:38px;border:1px solid #cfe0df;border-radius:11px;background:#eef7f5;color:#0a7566;font-size:17px;font-weight:950;display:grid;place-items:center;touch-action:none;cursor:grab;user-select:none}
.m-sort-handle:active{cursor:grabbing}
.m-sort-products{display:grid;gap:7px;padding:9px}
.m-sort-product{display:grid;grid-template-columns:40px minmax(0,1fr);gap:9px;align-items:center;padding:7px;border:1px solid #e2e9ea;border-radius:12px;background:#fff}
.m-sort-product span{min-width:0}.m-sort-product strong,.m-sort-product small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.m-sort-product strong{font-size:10px;color:#244650}.m-sort-product small{margin-top:2px;font-size:7px;color:#7a8d91}
.m-sort-group.is-dragging,.m-sort-product.is-dragging{opacity:.55;box-shadow:0 12px 24px rgba(18,60,70,.15)}
.m-sort-status{min-height:30px;padding:9px 2px 5px;font-size:8px;color:#71878c;text-align:center}
@media(max-width:390px){.m-section-head{align-items:flex-start}.m-catalog-head-actions{max-width:62%}.m-catalog-head-actions .m-primary,.m-catalog-head-actions .m-mini{font-size:8px;padding:0 9px}}
