*{box-sizing:border-box}html,body{margin:0;background:#dfe2e7;font-family:Inter,Segoe UI,Roboto,Arial,sans-serif;color:#17181c}
body{display:flex;justify-content:center;min-height:100vh}
.phone{width:480px;min-height:100vh;background:#f7f7f8;position:relative;overflow:hidden;box-shadow:0 0 35px #0002;border-radius:0}
.app{height:100vh;min-height:100vh;display:flex;flex-direction:column}

.content{flex:1;overflow:auto;padding-bottom:78px;scrollbar-width:none;-ms-overflow-style:none}.content::-webkit-scrollbar{display:none}.screen{display:none}.screen.active{display:block}
.header{background:#fff;padding:16px 18px 14px;border-bottom:1px solid #ececef}
.header-row{display:flex;align-items:center;justify-content:space-between}.title{font-size:24px;font-weight:800}.sub{font-size:12px;color:#777;margin-top:4px}
.iconbtn{width:38px;height:38px;border:0;background:#f1f2f4;border-radius:11px;font-size:18px;cursor:pointer}
.store-head{background:#e53935;color:#fff;padding:17px 18px 20px}.store-row{display:flex;justify-content:space-between;align-items:center}.store-name{font-weight:800;font-size:18px}.online{font-size:11px;background:#ffffff25;border:1px solid #ffffff45;padding:6px 9px;border-radius:20px}
.mainpad{padding:18px}.section-head{display:flex;justify-content:space-between;align-items:center;margin:18px 2px 10px}.section-head b{font-size:15px}.link{font-size:12px;color:#d52f2f;font-weight:700;cursor:pointer}
.cards{display:grid;grid-template-columns:1fr 1fr;gap:12px}.stat{background:#fff;border:1px solid #e8e8eb;border-radius:14px;padding:16px}.stat .num{font-size:20px;font-weight:800;margin:6px 0}.stat small{font-size:11px;color:#777}.stat .ico{font-size:18px}
.card{background:#fff;border:1px solid #e8e8eb;border-radius:13px;padding:14px;margin-bottom:10px}
.alert{border-left:4px solid #f59e0b;background:#fffaf0}.row{display:flex;align-items:center;gap:11px}.between{justify-content:space-between}.avatar{width:40px;height:40px;border-radius:10px;background:#f1f2f4;display:grid;place-items:center;font-size:20px}.grow{flex:1}.muted{font-size:12px;color:#777}.bold{font-weight:750}.tiny{font-size:10px;color:#888}
.order-id{font-size:13px;font-weight:800}.price{font-weight:800}.pill{font-size:10px;font-weight:800;border-radius:20px;padding:5px 8px;background:#f1f2f4;color:#555}.pill.red{background:#ffebeb;color:#c62828}.pill.green{background:#eaf8ee;color:#16803b}.pill.orange{background:#fff4dc;color:#a15c00}.pill.blue{background:#eaf3ff;color:#1769aa}
.bottom{position:absolute;bottom:0;left:0;right:0;height:76px;background:#fff;border-top:1px solid #ddd;display:grid;grid-template-columns:repeat(5,1fr);z-index:10}.bottom button{border:0;background:none;color:#85878d;font-size:10px;cursor:pointer}.bottom button span{display:block;font-size:20px;margin-bottom:3px}.bottom button.active{color:#e53935;font-weight:800}
.list-tabs{display:flex;gap:7px;overflow:auto;padding:13px 16px 2px;scrollbar-width:none;-ms-overflow-style:none}.list-tabs::-webkit-scrollbar{display:none}.tab{white-space:nowrap;border:1px solid #ddd;background:#fff;border-radius:20px;padding:8px 11px;font-size:11px;font-weight:700;cursor:pointer}.tab.active{background:#e53935;color:#fff;border-color:#e53935}
.search{margin:13px 16px 4px;background:#fff;border:1px solid #ddd;border-radius:10px;height:40px;padding:0 12px;width:calc(100% - 32px);outline:none}
.product{display:flex;gap:11px;align-items:center}.product-img{width:54px;height:54px;border-radius:10px;background:#eee;display:grid;place-items:center;font-size:25px}
.btn{border:0;border-radius:9px;padding:10px 13px;font-size:12px;font-weight:800;cursor:pointer}.btn.red{background:#e53935;color:#fff}.btn.light{background:#f1f2f4}.btn.full{width:100%}
.form label{font-size:11px;font-weight:750;color:#666;display:block;margin:12px 0 6px}.input{width:100%;height:41px;border:1px solid #ddd;border-radius:9px;padding:0 11px;font-size:13px;outline:none}.input:focus{border-color:#e53935}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.vehicle-icon{width:45px;height:45px;background:#f2f3f5;border-radius:11px;display:grid;place-items:center;font-size:23px}
.switch{position:relative;width:45px;height:25px;display:inline-block}.switch input{display:none}.slider{position:absolute;inset:0;background:#d1d5db;border-radius:20px}.slider:before{content:"";position:absolute;width:19px;height:19px;left:3px;top:3px;background:#fff;border-radius:50%;transition:.2s}.switch input:checked+.slider{background:#16a34a}.switch input:checked+.slider:before{transform:translateX(20px)}
.error{display:none;color:#be123c;background:#fff1f2;border:1px solid #fecdd3;border-radius:8px;padding:8px;font-size:10px;margin-top:8px}.invalid .error{display:block}.invalid{border-color:#fda4af}
.menu-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.menuitem{background:#fff;border:1px solid #e8e8eb;border-radius:13px;padding:15px;cursor:pointer}.menuitem .mi{font-size:24px;margin-bottom:8px}.menuitem b{font-size:13px}.menuitem small{display:block;color:#888;margin-top:3px;font-size:10px}
.detail{padding:16px}.back{border:0;background:none;font-size:13px;font-weight:700;cursor:pointer;padding:0 0 15px}.hidden{display:none!important}
.toast{position:absolute;left:16px;right:16px;bottom:86px;background:#202124;color:#fff;padding:12px;border-radius:10px;text-align:center;font-size:12px;opacity:0;pointer-events:none;transition:.25s;z-index:20}.toast.show{opacity:1}
@media(max-width:480px){body{background:#f7f7f8}.phone{width:100%;box-shadow:none}}


/* --- ORIGINAL STYLE BLOCK --- */

/* V5: dense store information layout, fewer decorative cards */
.dashboard-summary{background:#fff;border:1px solid #e8e8eb;border-radius:14px;padding:15px;margin-bottom:12px}
.summary-line{display:flex;justify-content:space-between;align-items:center;padding:8px 0;border-bottom:1px solid #f0f0f2;font-size:12px}
.summary-line:last-child{border-bottom:0}.summary-line b{font-size:13px}.positive{color:#16803b}.negative{color:#c62828}
.report{background:#fff;border:1px solid #e8e8eb;border-radius:14px;padding:15px;margin-bottom:12px}
.report-tabs{display:flex;gap:7px;margin:0 0 12px}.report-tab{border:1px solid #ddd;background:#fff;border-radius:18px;padding:7px 10px;font-size:10px;font-weight:800;cursor:pointer}.report-tab.active{background:#e53935;color:#fff;border-color:#e53935}
.report-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.report-metric{padding:8px 0}.report-metric small{display:block;color:#777;font-size:10px}.report-metric b{display:block;font-size:17px;margin-top:4px}
.barbox{height:104px;margin-top:8px;padding-top:2px}.bar-chart-head{display:flex;justify-content:space-between;align-items:center;color:#777;font-size:8px;margin:0 2px 6px}.bar-chart{height:82px;display:flex;align-items:flex-end;gap:3px;border-bottom:1px solid #eee;overflow:hidden}.bar-col{height:100%;flex:1;min-width:3px;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;gap:3px}.bar-value{width:100%;min-height:4px;background:#e53935;border-radius:3px 3px 0 0;opacity:.8}.bar-col span{height:10px;display:block;white-space:nowrap;font-size:7px;color:#999;line-height:10px}.hour-chart{height:82px;border-bottom:1px solid #eee;overflow:hidden}.hour-chart svg{display:block;width:100%;height:82px;overflow:visible}.hour-area{fill:currentColor;opacity:.08}.hour-line{fill:none;stroke:currentColor;stroke-width:2;vector-effect:non-scaling-stroke}.hour-dot{fill:currentColor}.hour-chart text{fill:#999;font-size:7px;font-family:inherit}.chart-empty{height:104px;display:flex;align-items:center;justify-content:center;color:#999;font-size:9px;border:1px dashed #e1e1e1;border-radius:9px;background:#fafafa}
.action-row{display:flex;gap:8px;margin-top:10px}.action-row .btn{flex:1}
.order-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:12px}.order-detail-btn{padding:8px 10px;font-size:10px}.order-total{display:flex;align-items:baseline;justify-content:flex-end;gap:8px;min-width:0}.order-total .muted{font-size:11px}.order-total .price{white-space:nowrap}.order-actions{display:flex;flex-wrap:wrap;gap:7px;margin-top:9px}.order-actions .btn{padding:8px 10px;font-size:10px}
.product-img.real{background:#f1f2f4;width:62px;height:62px;border-radius:11px;object-fit:cover}
.weight{font-size:10px;color:#777;margin-top:3px}.stock-good{color:#16803b}.stock-low{color:#c06b00}
.customer-address{font-size:10px;color:#777;margin-top:4px;line-height:1.35}.wa{background:#eaf8ee;color:#16803b;border:0;border-radius:8px;padding:8px 9px;font-size:11px;font-weight:800;cursor:pointer}
.detail-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:12px}.mini-stat{background:#f6f6f7;border-radius:9px;padding:10px}.mini-stat small{display:block;font-size:9px;color:#777}.mini-stat b{font-size:13px;display:block;margin-top:4px}
.modal{display:none;position:absolute;inset:0;background:#0005;z-index:30;align-items:flex-end}.modal.show{display:flex}.sheet{background:#fff;width:100%;border-radius:18px 18px 0 0;padding:18px;max-height:85%;overflow:auto;scrollbar-width:none}.sheet::-webkit-scrollbar{display:none}
.sheet-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.close{border:0;background:#f1f2f4;border-radius:8px;width:34px;height:34px;cursor:pointer}
.editable-row{display:flex;justify-content:space-between;align-items:center;padding:12px 0;border-bottom:1px solid #eee}.editable-row:last-child{border-bottom:0}
.list-empty{text-align:center;padding:25px;color:#888;font-size:12px}


/* --- ORIGINAL STYLE BLOCK --- */

.product-img.real{display:flex;align-items:center;justify-content:center;font-size:27px;overflow:hidden}
.product-img.real img{width:100%;height:100%;object-fit:cover}
.product-prices{display:flex;flex-wrap:wrap;gap:7px;margin-top:5px;font-size:10px}
.price-normal{color:#777}.price-discount{font-weight:800}.price-member{font-weight:800}
.image-picker{border:1px dashed #cfd0d4;border-radius:12px;padding:13px;text-align:center;background:#fafafa;cursor:pointer}
.image-picker input{display:none}.image-preview{width:90px;height:90px;border-radius:12px;object-fit:cover;margin:8px auto;display:none}
.rank{width:28px;height:28px;border-radius:50%;background:#f1f2f4;display:flex;align-items:center;justify-content:center;font-weight:900;font-size:11px;flex:none}
.rank.gold{background:#ffe6a3}.rank.silver{background:#e8eaed}.rank.bronze{background:#efd0b0}
.sortbar{display:flex;gap:7px;align-items:center;margin:0 0 10px}.sortbar select{flex:1}
.wa-icon{width:36px;height:36px;border:0;border-radius:50%;background:#eaf8ee;display:flex;align-items:center;justify-content:center;cursor:pointer}
.wa-icon svg{width:20px;height:20px;fill:#25D366}
.cod-box{background:#fff;border:1px solid #e8e8eb;border-radius:14px;padding:15px;margin-bottom:12px}
.delete{color:#c62828!important} .danger{border-color:#f0caca!important;color:#c62828!important}
.store-head.banner-active{background-size:cover;background-position:center;position:relative;overflow:visible}
.store-head.banner-active:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#0008,#0002 70%,#0004);pointer-events:none}
.store-head.banner-active>*{position:relative;z-index:1}
.store-head.banner-active .store-home-topbar{z-index:20}
.store-head.banner-active .store-account-menu{z-index:200}
.banner-preview{position:relative;width:100%;height:150px;border:1px dashed #cfd0d4;border-radius:14px;background:#f7f7f8;overflow:hidden;display:flex;align-items:center;justify-content:center;text-align:center;color:#777}
.banner-preview img{width:100%;height:100%;object-fit:cover;display:none}
.banner-placeholder{padding:15px;font-size:12px}
.banner-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:10px}
.banner-note{font-size:10px;color:#888;line-height:1.4;margin-top:8px}
.profile-logo-box{display:flex;align-items:center;gap:12px;padding:10px 0 4px}.profile-logo{width:58px;height:58px;border-radius:14px;background:#f1f2f4;display:grid;place-items:center;font-size:27px}


/* --- ORIGINAL STYLE BLOCK --- */

html,body{
  margin:0!important;
  padding:0!important;
  width:100%!important;
  height:100%!important;
  overflow:hidden!important;
  background:#f7f7f8!important;
}
body{display:block!important}
.phone{
  position:fixed!important;
  inset:0!important;
  width:100%!important;
  height:100dvh!important;
  min-height:0!important;
  margin:0!important;
  padding:0!important;
  overflow:hidden!important;
  background:#f7f7f8!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
}
.app{
  position:relative!important;
  width:100%!important;
  height:100%!important;
  min-height:0!important;
  margin:0!important;
  padding:0!important;
  overflow:hidden!important;
}
.content{
  position:absolute!important;
  top:0!important;
  left:0!important;
  right:0!important;
  bottom:76px!important;
  width:auto!important;
  height:auto!important;
  min-height:0!important;
  margin:0!important;
  padding:0 0 24px!important;
  overflow-y:auto!important;
  overflow-x:hidden!important;
  scrollbar-width:none!important;
  -ms-overflow-style:none!important;
  -webkit-overflow-scrolling:touch!important;
}
.content::-webkit-scrollbar{
  display:none!important;
  width:0!important;
  height:0!important;
}
.bottom{
  position:absolute!important;
  left:0!important;
  right:0!important;
  bottom:0!important;
  width:100%!important;
  height:76px!important;
  min-height:76px!important;
  margin:0!important;
  padding:0!important;
  display:grid!important;
  grid-template-columns:repeat(5,minmax(0,1fr))!important;
  background:#fff!important;
  border-top:1px solid #ddd!important;
  z-index:99999!important;
  visibility:visible!important;
  opacity:1!important;
}
.bottom button{
  width:100%!important;
  height:76px!important;
  min-width:0!important;
  margin:0!important;
  border:0!important;
  background:transparent!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
}
.modal{
  position:absolute!important;
  inset:0!important;
  z-index:100000!important;
}


/* --- ORIGINAL STYLE BLOCK --- */

.compact-more{padding-top:4px}
.compact-more .section-head{margin-top:16px;margin-bottom:7px}
.settings-list{
  background:#fff;
  border:1px solid #e7e7ea;
  border-radius:14px;
  overflow:hidden;
}
.settings-row{
  min-height:58px;
  padding:9px 12px;
  display:flex;
  align-items:center;
  gap:11px;
  border-bottom:1px solid #eeeeef;
  cursor:pointer;
  -webkit-tap-highlight-color:transparent;
}
.settings-row:last-child{border-bottom:0}
.settings-row:active{background:#f7f7f8}
.settings-icon{
  width:36px;height:36px;
  flex:0 0 36px;
  border-radius:10px;
  background:#f5f5f6;
  display:grid;
  place-items:center;
  font-size:20px;
}
.settings-copy{min-width:0;flex:1}
.settings-copy b{display:block;font-size:13px;line-height:17px}
.settings-copy small{
  display:block;
  margin-top:1px;
  color:#8b8b90;
  font-size:10px;
  line-height:14px;
}
.settings-arrow{
  color:#aaa;
  font-size:24px;
  line-height:1;
  padding-left:5px;
}


/* --- ORIGINAL STYLE BLOCK --- */

.toolbar-row{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}
.toolbar-row small{display:block;color:#888;font-size:10px;margin-top:2px}
.info-strip{background:#fff7e8;border:1px solid #f1dfb7;border-radius:12px;padding:11px 12px;font-size:11px;line-height:16px;margin-bottom:12px}
.user-list{display:flex;flex-direction:column;gap:8px}
.user-card{background:#fff;border:1px solid #e7e7ea;border-radius:14px;padding:10px;display:flex;align-items:center;gap:10px}
.avatar{width:40px;height:40px;border-radius:12px;background:#f1f1f3;display:grid;place-items:center;font-weight:800;font-size:17px}
.user-main{min-width:0;flex:1}
.user-main>b{display:block;font-size:13px}
.user-main>small{display:block;color:#888;font-size:10px;margin:2px 0 5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.role-pill{display:inline-block;font-size:8px;font-weight:800;padding:3px 7px;border-radius:99px;background:#f0f0f2}
.role-pill.manager{background:#fff0ef}.role-pill.kasir{background:#eef6ff}.role-pill.staff{background:#eff8ef}
.user-actions{display:flex;gap:3px}
.user-actions button{width:30px;height:30px;border:0;background:#f6f6f7;border-radius:9px;font-size:13px}
.modal-backdrop{position:absolute;inset:0;background:rgba(0,0,0,.42)}
.modal-sheet{position:absolute;left:10px;right:10px;bottom:10px;max-height:calc(100% - 20px);background:#fff;border-radius:18px;overflow:hidden;display:flex;flex-direction:column}
.modal-head{padding:14px 15px;border-bottom:1px solid #eee;display:flex;justify-content:space-between;align-items:center}
.modal-head b{display:block;font-size:15px}.modal-head small{display:block;color:#888;font-size:10px;margin-top:2px}
.modal-head button{border:0;background:#f3f3f4;width:32px;height:32px;border-radius:10px}
.modal-body{padding:14px;overflow-y:auto;scrollbar-width:none}.modal-body::-webkit-scrollbar{display:none}
.modal-body label{display:block;margin:10px 0 5px;font-size:10px;font-weight:800;color:#666}
.permission-title{margin-top:15px;font-size:11px;font-weight:800}
.perm-row{display:flex!important;align-items:center;justify-content:space-between;border-bottom:1px solid #eee;padding:9px 0!important;margin:0!important;font-size:11px!important;color:#333!important;font-weight:500!important}
.perm-row input{width:18px;height:18px}
.modal-actions{display:flex;gap:8px;margin-top:16px}.modal-actions .btn{flex:1}


/* --- ORIGINAL STYLE BLOCK --- */

.store-head.banner-active .banner-store-identity,
.store-head.banner-active .banner-store-online{
  display:none !important;
}
.store-head.banner-active .store-row:first-child{
  justify-content:flex-end;
}
.store-head.banner-active .store-row:last-child{
  justify-content:flex-end;
  margin-top:18px !important;
}
.store-head.banner-active{
  min-height:118px;
}


/* --- ORIGINAL STYLE BLOCK --- */

.promo-info{display:flex;gap:11px;align-items:flex-start;background:#fff7ed;border:1px solid #fde2bd;border-radius:16px;padding:13px}
.promo-info-icon{width:38px;height:38px;border-radius:12px;background:#fff;display:flex;align-items:center;justify-content:center;font-size:20px;flex:none}
.promo-rules{display:flex;gap:7px;flex-wrap:wrap;margin:10px 0 14px}
.promo-rules span{font-size:10px;color:#777;background:#f0f1f3;border-radius:999px;padding:7px 9px}
.promo-list{display:grid;gap:10px}
.promo-card{background:#fff;border:1px solid #e5e5e5;border-radius:16px;overflow:hidden;box-shadow:0 1px 2px rgba(0,0,0,.03)}
.promo-card-main{display:flex;gap:11px;padding:11px}
.promo-thumb{width:96px;height:58px;border-radius:10px;object-fit:cover;background:#eee;flex:none}
.promo-copy{min-width:0;flex:1}
.promo-title{font-weight:800;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.promo-meta{font-size:10px;color:#8b8b8b;margin-top:4px;line-height:1.45}
.promo-actions{display:flex;gap:6px;padding:0 11px 11px}
.promo-actions .btn{flex:1;padding:9px 8px;font-size:10px}
.promo-status{font-size:9px;font-weight:800;border-radius:999px;padding:5px 7px;white-space:nowrap}
.promo-status.on{background:#eaf7ed;color:#21843a}.promo-status.off{background:#f1f1f1;color:#888}
.promo-empty{padding:28px 18px;text-align:center;color:#999;background:#fff;border:1px dashed #d9d9d9;border-radius:16px}
.promo-empty b{display:block;color:#444;margin-bottom:5px}
.promo-upload{border:1px dashed #d6d6d6;border-radius:14px;padding:10px;background:#fafafa}
.promo-upload-preview{width:100%;height:145px;object-fit:cover;border-radius:11px;background:#eee;display:none;margin-top:8px}
.promo-upload-label{display:flex;align-items:center;justify-content:center;min-height:72px;cursor:pointer;color:#555;font-weight:750}
.promo-modal-note{font-size:10px;color:#888;line-height:1.5;margin-top:7px}


/* --- ORIGINAL STYLE BLOCK --- */

.identity-panel{margin-bottom:14px;padding:13px;border:1px solid #e8e8eb;border-radius:15px;background:#fff}
.panel-title{font-size:12px;font-weight:900;margin-bottom:12px}
.identity-grid{display:grid;grid-template-columns:.75fr 1.25fr;gap:10px}
.identity-block{min-width:0}
.identity-label{font-size:9px;font-weight:800;color:#777;margin-bottom:6px}
.logo-preview{height:100px;border:1px dashed #d8d8dc;border-radius:12px;display:grid;place-items:center;background:#fafafa;overflow:hidden}
.logo-preview img{width:100%;height:100%;object-fit:contain}
.store-banner-preview{height:100px;border:1px dashed #d8d8dc;border-radius:12px;display:grid;place-items:center;background:#fafafa;overflow:hidden;text-align:center;color:#999;font-size:22px}
.store-banner-preview img{width:100%;height:100%;object-fit:cover}
.store-banner-preview small{font-size:9px}
.upload-btn{display:flex;align-items:center;justify-content:center;margin-top:7px;padding:8px;border-radius:9px;background:#f3f3f5;font-size:10px;font-weight:800;cursor:pointer}
.mini-delete{width:100%;margin-top:5px;border:0;background:transparent;color:#c33;font-size:9px;padding:4px}
.identity-note{font-size:9px;line-height:14px;color:#888;margin-top:9px}
@media(max-width:360px){.identity-grid{grid-template-columns:1fr}.logo-preview,.store-banner-preview{height:90px}}


/* --- ORIGINAL STYLE BLOCK --- */

.identity-panel{margin-bottom:14px;padding:14px;border:1px solid #e8e8eb;border-radius:15px;background:#fff}
.panel-title{font-size:13px;font-weight:900;margin-bottom:12px}
.identity-grid{display:grid;grid-template-columns:.75fr 1.25fr;gap:10px}
.identity-block{min-width:0}
.identity-label{font-size:9px;font-weight:800;color:#777;margin-bottom:6px}
.logo-preview{height:100px;border:1px dashed #d8d8dc;border-radius:12px;display:grid;place-items:center;background:#fafafa;overflow:hidden}
.logo-preview img{width:100%;height:100%;object-fit:contain}
.store-banner-preview{height:100px;border:1px dashed #d8d8dc;border-radius:12px;display:grid;place-items:center;background:#fafafa;overflow:hidden;text-align:center;color:#999;font-size:22px}
.store-banner-preview img{width:100%;height:100%;object-fit:cover}
.upload-btn{display:flex;align-items:center;justify-content:center;margin-top:7px;padding:8px;border-radius:9px;background:#f3f3f5;font-size:10px;font-weight:800;cursor:pointer}
.mini-delete{width:100%;margin-top:5px;border:0;background:transparent;color:#c33;font-size:9px;padding:4px}
.identity-note{font-size:9px;line-height:14px;color:#888;margin-top:9px}
@media(max-width:360px){.identity-grid{grid-template-columns:1fr}.logo-preview,.store-banner-preview{height:90px}}


/* --- ORIGINAL STYLE BLOCK --- */

.identity-flow{margin-top:10px;padding:10px;border-radius:12px;background:#f8f8f9;border:1px solid #ececef}
.flow-title{font-size:9px;font-weight:900;color:#777;margin-bottom:8px}
.flow-grid{display:grid;grid-template-columns:1fr 18px 1fr 18px 1fr;align-items:center;gap:4px}
.flow-grid>div:not(.flow-arrow){min-width:0;text-align:center}
.flow-grid span{display:block;font-size:17px;margin-bottom:3px}
.flow-grid b{display:block;font-size:9px}
.flow-grid small{display:block;color:#999;font-size:7px;line-height:10px;margin-top:2px}
.flow-arrow{font-size:15px;color:#bbb;text-align:center}


/* --- ORIGINAL STYLE BLOCK --- */

.product-image-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:8px}
.product-image-thumb{position:relative;aspect-ratio:1;border:1px solid #ddd;border-radius:12px;overflow:hidden;background:#f4f4f5}
.product-image-thumb img{width:100%;height:100%;object-fit:cover}
.product-image-thumb .remove-image{position:absolute;right:4px;top:4px;width:24px;height:24px;border:0;border-radius:50%;background:#fff;color:#d62828;font-weight:800;box-shadow:0 2px 8px #0002}
.image-picker.multi{display:block;padding:14px;border:1.5px dashed #cfd1d6;border-radius:14px;text-align:center;background:#fafafa;cursor:pointer}
.image-picker.multi input{display:none}
.image-picker.multi .picker-title{font-weight:800}
.image-picker.multi .picker-sub{font-size:12px;color:#777;margin-top:3px}
.variant-list{display:flex;flex-direction:column;gap:9px;margin-top:8px}
.variant-row{display:grid;grid-template-columns:1.4fr .8fr .8fr auto;gap:7px;align-items:center}
.variant-row .input{min-width:0}
.variant-delete{width:38px!important;height:42px!important;padding:0!important;font-size:18px!important}
.compression-note{font-size:11px;color:#777;margin-top:6px}
@media(max-width:380px){.variant-row{grid-template-columns:1fr 1fr 1fr 38px}.variant-row .variant-name{grid-column:1/-1}}


/* --- ORIGINAL STYLE BLOCK --- */

#addProduct .image-picker.multi{margin-bottom:4px}
#addProduct .product-image-grid{margin-top:10px}
#addProduct textarea.input{font-family:inherit;resize:vertical;min-height:82px}
#addProduct .variant-list{margin-bottom:8px}


/* GLOBAL RESPONSIVE STANDARD V1 — Store */
html,body{max-width:100%;overflow-x:hidden}
img,svg,video,canvas{max-width:100%;height:auto}
.content,.screen,.mainpad,.card,.panel,.row,.between,.grow{min-width:0;max-width:100%}
input,select,textarea,button{max-width:100%;box-sizing:border-box}
@media(max-width:480px){
  body{width:100%;justify-content:stretch}
  .phone{width:100%;max-width:100%;min-width:0;box-shadow:none;border-radius:0}
  .app{width:100%;min-width:0}
  .content{width:100%;overflow-x:hidden}
  .header,.store-head,.mainpad{max-width:100%}
  .cards{grid-template-columns:repeat(2,minmax(0,1fr))}
  .form-grid,.identity-grid{grid-template-columns:1fr}
  .variant-row{min-width:0}
  .row>*{min-width:0}
  .row img{max-width:100%;height:auto}
  .modal-sheet{max-width:calc(100% - 20px)}
}
@media(max-width:360px){
  .mainpad{padding:14px}.header{padding-left:14px;padding-right:14px}.store-head{padding-left:14px;padding-right:14px}
  .cards{gap:8px}.card{padding:12px}
}

/* V22 — Store product variation editor */
.v22-variant-section{margin-top:16px;padding:12px;border:1px solid #eadfd6;border-radius:14px;background:#fffaf6}
.v22-variant-title,.v22-option-head,.v22-variant-table-head,.v22-variant-card-head{display:flex;justify-content:space-between;align-items:flex-start;gap:10px}
.v22-variant-title>b,.v22-variant-title b{font-size:11px;letter-spacing:.2px}
.v22-switch{display:flex!important;align-items:center;gap:6px;margin:0!important;white-space:nowrap;font-size:10px!important;font-weight:800!important;cursor:pointer}
.v22-switch input{width:17px;height:17px;margin:0}
.v22-option-builder{margin-top:12px;padding:10px;background:#fff;border:1px solid #eee5dc;border-radius:12px}
.v22-option-head{align-items:center;margin-bottom:8px}
.v22-option-head .btn{padding:6px 9px;font-size:9px}
.v22-option-row{display:grid;grid-template-columns:.85fr 1.8fr 38px;gap:7px;align-items:center;margin-bottom:7px}
.v22-option-row .btn{height:42px;padding:0;font-size:18px}
.v22-hint{font-size:9px;line-height:1.4;margin-top:7px}
.v22-variant-table-head{align-items:center;margin:12px 1px 8px}
.v22-variant-rows{display:flex;flex-direction:column;gap:9px;margin-bottom:9px}
.v22-variant-card{padding:10px;border:1px solid #eadfd6;border-radius:12px;background:#fff}
.v22-variant-card-head{align-items:center;margin-bottom:8px}
.v22-variant-card-head b{font-size:11px}
.v22-option-summary{font-size:9px;margin-top:2px}
.v22-remove-variant{width:38px;height:36px;padding:0!important;flex:none}
.v22-grid3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin-top:7px}
.v22-grid3>div{min-width:0}
.v22-grid3 label{font-size:8px!important;margin:0 0 4px!important}
.v22-grid3 .input{min-width:0}
@media(max-width:520px){.v22-grid3{grid-template-columns:1fr 1fr}.v22-option-row{grid-template-columns:1fr 38px}.v22-option-row .v22-option-values{grid-column:1/-1;grid-row:2}.v22-option-row .btn{grid-column:2;grid-row:1}}
.v22-variant-card-head .v22-name{font-weight:800;padding:7px 9px;min-height:36px}

/* V121 — Courier & Pengiriman card-based UI */
#courierSources .courier-page-stack{display:grid;gap:12px}
#courierSources .courier-intro{display:flex;align-items:center;gap:11px;margin-bottom:0;padding:13px 14px;background:#fffaf7;border-color:#f0e4dc}
#courierSources .courier-intro-icon{width:38px;height:38px;border-radius:12px;background:var(--theme-primary-soft,#f8e8e8);display:grid;place-items:center;font-size:20px;flex:none}
#courierSources .courier-intro-copy{min-width:0}
#courierSources .courier-intro-copy b{display:block;font-size:12px;line-height:16px}
#courierSources .courier-intro-copy small{display:block;color:#888;font-size:9px;line-height:13px;margin-top:2px}
#courierSources .courier-section-card{background:#fff;border:1px solid #e8e8eb;border-radius:14px;overflow:hidden;margin-bottom:0}
#courierSources .courier-section-head{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 14px;border-bottom:1px solid #f0f0f2}
#courierSources .courier-section-head b{display:block;font-size:12px;line-height:16px;font-weight:800}
#courierSources .courier-section-head small{display:block;color:#888;font-size:9px;line-height:13px;margin-top:2px}
#courierSources .courier-section-head-action{align-items:center}
#courierSources .courier-connect-btn{flex:none;padding:8px 10px;font-size:9px;white-space:nowrap}
#courierSources .courier-source-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:11px 14px;border-bottom:1px solid #f0f0f2;cursor:pointer;margin:0}
#courierSources .courier-source-row:last-of-type{border-bottom:0}
#courierSources .courier-source-copy{display:flex;align-items:center;gap:10px;min-width:0}
#courierSources .courier-source-icon{width:32px;height:32px;border-radius:10px;background:#f8f4f1;display:grid;place-items:center;font-size:16px;flex:none}
#courierSources .courier-source-copy b{display:block;font-size:10px;line-height:14px}
#courierSources .courier-source-copy small{display:block;color:#888;font-size:8px;line-height:12px;margin-top:1px}
#courierSources .courier-switch{position:relative;width:42px;height:24px;flex:none}
#courierSources .courier-switch input{position:absolute;opacity:0;width:1px;height:1px}
#courierSources .courier-switch i{position:absolute;inset:0;border-radius:999px;background:#d7dbe1;transition:.15s}
#courierSources .courier-switch i:after{content:"";position:absolute;width:18px;height:18px;left:3px;top:3px;background:#fff;border-radius:50%;box-shadow:0 1px 3px rgba(0,0,0,.16);transition:.15s}
#courierSources .courier-switch input:checked+i{background:var(--theme-primary,#dc2626)}
#courierSources .courier-switch input:checked+i:after{transform:translateX(18px)}
#courierSources .courier-switch input:disabled+i{opacity:.55}
#courierSources .courier-source-note{display:flex;gap:8px;padding:9px 14px;background:#fafafa;border-top:1px solid #f0f0f2;color:#777}
#courierSources .courier-source-note>span{font-size:11px;line-height:14px}
#courierSources .courier-source-note b{display:block;font-size:8px;color:#555;line-height:11px}
#courierSources .courier-source-note small{display:block;font-size:8px;line-height:12px;margin-top:1px}
#courierSources .courier-list-wrap{padding:11px 14px 14px}
#courierSources .courier-dispatch-card{display:flex;align-items:flex-start;gap:9px;padding:9px 10px;background:#fff8ee;border:1px solid #f0dfc6;border-radius:11px;margin-bottom:11px}
#courierSources .courier-dispatch-icon{width:28px;height:28px;border-radius:9px;background:#fff0d7;display:grid;place-items:center;font-size:14px;flex:none}
#courierSources .courier-dispatch-card b{display:block;font-size:9px;color:#6f5136;line-height:12px}
#courierSources .courier-dispatch-card small{display:block;font-size:8px;color:#795c40;line-height:12px;margin-top:2px}
#courierSources .courier-count-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}
#courierSources .courier-count-row b{display:block;font-size:10px;line-height:13px}
#courierSources .courier-count-row small{display:block;color:#999;font-size:8px;line-height:11px;margin-top:1px}
#courierSources .courier-list{display:grid;gap:8px}
#courierSources .courier-card{background:#fff;border:1px solid #e8e8eb;border-radius:12px;padding:11px}
#courierSources .courier-head{display:flex;gap:9px;align-items:center}
#courierSources .courier-avatar{width:38px;height:38px;border-radius:11px;background:#f7efe8;display:grid;place-items:center;font-weight:900;font-size:13px;color:#8b5e3c;flex:none}
#courierSources .courier-main{min-width:0;flex:1}
#courierSources .courier-main b{font-size:10px;display:block;line-height:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#courierSources .courier-main small{font-size:8px;color:#888;display:block;line-height:12px;margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#courierSources .courier-code{font-size:7px;color:#999;font-weight:700;margin-top:2px}
#courierSources .courier-pills{display:flex;flex-wrap:wrap;gap:4px;margin-top:8px}
#courierSources .courier-pill{font-size:7px;font-weight:800;padding:4px 6px;border-radius:999px;background:#f4f4f4;color:#666;line-height:10px}
#courierSources .courier-pill.online,#courierSources .courier-pill.active{background:#eaf8ef;color:#16733b}
#courierSources .courier-pill.offline,#courierSources .courier-pill.inactive{background:#f5f1ee;color:#8a7566}
#courierSources .courier-pill.busy{background:#fff4df;color:#9a6414}
#courierSources .courier-meta{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-top:8px}
#courierSources .courier-meta>div{background:#fafafa;border:1px solid #f1f1f1;border-radius:9px;padding:7px 8px}
#courierSources .courier-meta span{display:block;color:#999;font-size:7px;line-height:10px}
#courierSources .courier-meta b{display:block;font-size:8px;line-height:11px;margin-top:2px}
#courierSources .courier-actions{display:flex;gap:5px;margin-top:8px}
#courierSources .courier-actions .btn{flex:1;min-width:0;padding:7px 5px;font-size:8px;white-space:nowrap}
#courierSources .courier-empty{padding:16px 10px;text-align:center;color:#999;background:#fafafa;border:1px dashed #ddd;border-radius:10px;font-size:9px;line-height:13px}
#courierSources .courier-form label{display:block;font-size:9px;font-weight:800;margin:9px 0 5px}
#courierSources .courier-form .input{width:100%}
#courierSources .courier-form .help{font-size:8px;color:#999;line-height:12px;margin-top:4px}
#courierSources .courier-form .error{color:#b42318;font-size:9px;margin-top:7px}
#courierSources .courier-modal-actions{display:flex;gap:8px;margin-top:13px}
#courierSources .courier-modal-actions .btn{flex:1}
#courierSources .courier-user-list{display:grid;gap:7px;margin-top:8px}
#courierSources .courier-user-option{display:flex;align-items:center;gap:9px;border:1px solid #eee5dc;border-radius:11px;padding:9px;background:#fff;cursor:pointer}
#courierSources .courier-user-option input{accent-color:#dc2626}
#courierSources .courier-user-option b{font-size:10px}
#courierSources .courier-user-option small{display:block;font-size:8px;color:#888;margin-top:2px}

/* V122 — Store list search + filter controls */
.order-tools,.product-tools{display:flex;gap:8px;align-items:center;padding:12px 16px 4px}.order-search-wrap,.product-search-wrap{flex:1;display:flex;align-items:center;gap:7px;background:#fff;border:1px solid #ddd;border-radius:10px;height:40px;padding:0 11px}.order-search,.product-search{border:0;outline:0;background:transparent;width:100%;font-size:12px;height:100%}.order-filter-btn{height:40px;white-space:nowrap}.order-filter-panel,.product-filter-panel{margin:8px 16px 4px;padding:12px;background:#fff;border:1px solid #e8e8eb;border-radius:13px;display:grid;gap:9px}.order-filter-panel label,.product-filter-panel label{display:block;font-size:10px;font-weight:800;color:#666;margin:0 0 5px}.order-filter-panel .input,.product-filter-panel .input{height:38px}.order-filter-panel.hidden,.product-filter-panel.hidden{display:none!important}
@media(max-width:380px){.order-tools,.product-tools{gap:6px}.order-filter-btn{padding:10px 9px;font-size:11px}}

/* V123 — Store Admin Home cover height matched to Customer Home (~168px) */
.store-head{
  min-height:168px;
  padding:11px 18px 14px;
  box-sizing:border-box;
}
.store-head .store-row:first-child{min-height:40px}
.store-head .store-row:last-child{margin-top:14px!important}
.store-head.banner-active{
  min-height:168px;
  background-size:cover;
  background-position:center center;
}
.store-head.banner-active:before{
  background:linear-gradient(90deg,rgba(0,0,0,.58),rgba(0,0,0,.16) 70%,rgba(0,0,0,.34));
}
.store-head.banner-active .store-row:last-child{margin-top:14px!important}
@media(max-width:480px){
  .store-head{padding-left:18px;padding-right:18px}
}
@media(max-width:360px){
  .store-head{padding-left:14px;padding-right:14px}
}


/* V124 — Store Sales & Product Profit Report */
 .sales-report-pad{padding:10px 18px 28px;max-width:100%;box-sizing:border-box;overflow-x:hidden}.sr-tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;margin-bottom:10px}.sr-tabs button{min-width:0;border:1px solid #e5e7eb;background:#fff;border-radius:10px;padding:9px 6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:10px;font-weight:800;line-height:1.15}.sr-tabs button.active,.sr-tabs button[data-tab="sales"].active,.sr-tabs button[data-tab="purchases"].active,.sr-tabs button[data-tab="payments"].active,.sr-tabs button[data-tab="returns"].active{background:#b91c1c;color:#fff;border-color:#b91c1c}.sales-report-range{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;margin-bottom:9px}.sr-range{border:1px solid #ddd;background:#fff;border-radius:10px;padding:9px 5px;font:800 10px Arial,sans-serif;cursor:pointer;min-width:0}.sr-range.active{background:#dc2626;color:#fff;border-color:#dc2626}.sr-custom{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) auto;gap:7px;align-items:end;background:#fff;border:1px solid #eee5dc;border-radius:13px;padding:10px;margin-bottom:2px;box-sizing:border-box}.sr-custom label{display:block;font-size:8px;font-weight:900;color:#777;margin-bottom:4px}.sr-custom .input{height:36px;font-size:10px;min-width:0;box-sizing:border-box}.sr-custom .btn{height:36px;padding:0 10px;font-size:9px;white-space:nowrap}.sr-kpis{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:9px 0}.sr-kpi{background:#fff;border:1px solid #eee5dc;border-radius:13px;padding:11px 12px;min-width:0}.sr-kpi small{display:block;font-size:9px;color:#777;margin-bottom:5px}.sr-kpi b{font-size:14px}.sr-info{font-size:9px;line-height:1.45;color:#8a4b00;background:#fff7e8;border:1px solid #f4dfb4;border-radius:11px;padding:9px 10px;margin:8px 0}.sr-card{background:#fff;border:1px solid #eee5dc;border-radius:13px;padding:7px;overflow:hidden;box-sizing:border-box}.sr-section-title{margin-top:12px!important;margin-bottom:7px!important}.sr-product{padding:10px 11px;border:1px solid #f0ece8;border-radius:10px;margin-bottom:7px;background:#fff;box-sizing:border-box}.sr-product:last-child{margin-bottom:0}.sr-product>div:first-child b{font-size:11px}.sr-product>div:first-child small{display:block;color:#888;font-size:9px;margin-top:4px;line-height:1.35}.sr-product-money{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin-top:9px;padding-top:8px;border-top:1px dashed #eee;font-size:8px;color:#777}.sr-product-money span{display:block;min-width:0}.sr-product-money b{display:block;color:#222;font-size:9px;margin-top:3px;white-space:nowrap}.sr-product-money .profit b{color:#16803c}.sr-empty{padding:18px;text-align:center;color:#999;font-size:10px;background:#fff}.sr-tx{background:#fff;border:1px solid #eee5dc;border-radius:13px;margin:8px 0;overflow:hidden;box-sizing:border-box}.sr-tx-head{display:flex;justify-content:space-between;gap:8px;padding:11px 12px;background:#fffaf7}.sr-tx-head b{font-size:11px}.sr-tx-head small{display:block;color:#888;font-size:8px;margin-top:4px;line-height:1.35}.sr-tx-items{padding:4px 12px 7px}.sr-tx-item{display:flex;justify-content:space-between;gap:8px;padding:7px 0 2px;font-size:9px}.sr-tx-sub{display:flex;justify-content:space-between;gap:8px;padding:0 0 6px;color:#888;font-size:8px}.sr-tx-sub b{color:#16803c}.sr-tx-foot{border-top:1px solid #eee;padding:8px 12px;display:flex;justify-content:space-between;font-size:9px}.sr-tx-foot b{color:#16803c}.sr-note{font-size:9px;line-height:1.5;color:#777;background:#f7f7f8;border-radius:11px;padding:10px;margin-top:12px}.section-head{margin-top:14px;display:flex;justify-content:space-between;align-items:center;gap:8px}.sales-tab{min-width:0}
@media(max-width:600px){.sales-report-pad{padding-left:12px;padding-right:12px}.sr-tabs{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.sr-tabs button{padding:8px 5px;font-size:9px}.sr-custom{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.sr-custom .btn{grid-column:1/-1;width:100%}.sr-product-money{gap:5px}.sr-product-money b{font-size:8px}}@media(max-width:380px){.sales-report-pad{padding-left:10px;padding-right:10px}.sr-kpis{gap:6px}.sr-kpi{padding:10px}.sr-kpi b{font-size:13px}.sr-product{padding:9px 10px}.sr-product-money{font-size:7px}.sr-product-money b{font-size:8px}}
.sr-form{display:grid;grid-template-columns:1fr 1fr;gap:8px}.sr-form .btn{grid-column:1/-1}.sr-tx-items{margin-top:9px;font-size:13px;color:#444}.sr-tx{padding:0}.sr-tx-head,.sr-tx-item{display:flex;justify-content:space-between;gap:10px}.sr-tx-item{padding:7px 12px 2px}.sr-tx-items{padding:4px 0 7px}.sr-empty{padding:18px;text-align:center;color:#888}.sr-note{margin-top:14px;padding:10px;border-radius:10px;background:#f7f7f8;color:#666;font-size:12px}@media(max-width:600px){.sr-form{grid-template-columns:1fr}}

/* V129 — Store Report mobile polish */
#sales_report{overflow-x:hidden;max-width:100%;}
#sales_report .sales-report-pad,#sales_report .sales-tab,#sales_report .sr-card,#sales_report .sr-tx{min-width:0;max-width:100%;}
#sales_report .sr-action{display:flex;align-items:center;justify-content:center;width:100%;height:34px;padding:0 8px;border:1px solid #ddd;background:#fff;border-radius:10px;color:#111;font:800 10px Arial,sans-serif;cursor:pointer;box-sizing:border-box;}
#sales_report .sr-action:hover{background:#f8f8f8;}
#sales_report .sr-action:active{background:#dc2626;color:#fff;border-color:#dc2626;}
#sales_report .sr-custom .sr-action{grid-column:1/-1;}
#sales_report .section-head .sr-action{width:auto;min-width:112px;}
#sales_report .sr-payment-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 11px;border:1px solid #f0ece8;border-radius:10px;background:#fff;box-sizing:border-box;margin-bottom:7px;min-width:0;}
#sales_report .sr-payment-row:last-child{margin-bottom:0;}
#sales_report .sr-payment-row span{font-size:10px;font-weight:800;color:#333;min-width:0;overflow-wrap:anywhere;}
#sales_report .sr-payment-row b{font-size:10px;white-space:nowrap;margin-left:auto;}
#sales_report .sr-form{display:grid;grid-template-columns:1fr 1fr;gap:8px;min-width:0;}
#sales_report .sr-field{min-width:0;}
#sales_report .sr-field-full{grid-column:1/-1;}
#sales_report .sr-field label{display:block;margin:0 0 4px;padding-left:1px;font-size:8px;font-weight:900;color:#777;line-height:1.2;}
#sales_report .sr-field .input{width:100%;min-width:0;box-sizing:border-box;}
#sales_report .sr-form .sr-action{grid-column:1/-1;}
#sales_report .sr-product{padding:12px 13px;margin-bottom:8px;}
#sales_report .sr-product-money{margin-top:10px;padding-top:9px;}
#sales_report .sr-section-title{padding-left:2px;}
@media(max-width:600px){
  #sales_report .sr-tabs{gap:6px;}
  #sales_report .sr-tabs button{min-height:34px;}
  #sales_report .sr-range{min-height:34px;}
  #sales_report .sr-action{height:34px;}
  #sales_report .section-head .sr-action{min-width:104px;}
  #sales_report .sr-form{grid-template-columns:1fr 1fr;}
}
@media(max-width:380px){
  #sales_report .sr-form{grid-template-columns:1fr;}
  #sales_report .sr-field-full{grid-column:1;}
  #sales_report .sr-form .sr-action{grid-column:1;}
}
.delivery-sync{display:flex;flex-direction:column;align-items:flex-start;gap:2px;margin-top:9px;line-height:1.25;padding-left:1px;min-width:0}.delivery-source{font-size:12px;font-weight:600;color:#555}.delivery-courier-name{font-size:13px;font-weight:600;color:#222;padding-left:24px;overflow-wrap:anywhere}.delivery-courier-name.delivery-searching{color:#888;font-weight:500}.delivery-status{font-size:11px;font-weight:500;color:#777;padding-left:24px}.delivery-status::before{content:"Status: ";color:#aaa}.delivery-offer-note{font-size:11px;font-weight:500;color:#777;padding-left:24px}.delivery-offer-note b{font-weight:700;color:#444}

/* V139 — Customer Admin polished cards/detail */
.customer-card-v139{background:#fff;border:1px solid #e6e7ea;border-radius:14px;padding:14px;margin-bottom:10px;box-shadow:0 1px 0 #00000004}.customer-top-v139{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.customer-identity-v139{display:flex;align-items:center;gap:11px;min-width:0}.customer-avatar-v139{width:40px;height:40px;min-width:40px;border-radius:11px;font-size:17px;font-weight:800}.customer-nameblock-v139{min-width:0}.customer-nameblock-v139>b{font-size:15px;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.customer-nameblock-v139 .muted{margin-top:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.customer-phone-v139{font-size:10px;color:#8a8d93;margin-top:2px}.customer-status-v139{display:inline-flex;align-items:center;gap:5px;font-size:10px;white-space:nowrap;padding-top:2px}.customer-status-v139 i{width:7px;height:7px;border-radius:50%;display:inline-block;background:#16a34a}.customer-status-v139.inactive i{background:#9ca3af}.customer-status-v139.active{color:#15803d}.customer-status-v139.inactive{color:#777}.customer-metrics-v139{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:14px;padding:11px 0;border-top:1px solid #f0f0f2;border-bottom:1px solid #f0f0f2}.customer-metrics-v139>div{min-width:0}.customer-metrics-v139 small{display:block;font-size:10px;color:#7b7d84;margin-bottom:4px}.customer-metrics-v139 b{font-size:14px}.customer-address-v139{font-size:11px;color:#6f7177;padding:10px 0 2px}.customer-actions-v139{display:flex;align-items:center;gap:7px;margin-top:10px}.customer-actions-v139 .btn{padding:9px 11px;font-size:11px}.customer-wa-v139{color:#16803b!important;background:#eaf8ee!important}.customer-more-v139{margin-left:auto;width:35px;height:35px;border:0;border-radius:9px;background:#f1f2f4;font-size:18px;line-height:1;cursor:pointer}.customer-empty{padding:28px;text-align:center}.customer-empty-icon{font-size:30px;margin-bottom:7px}.customer-detail-v139{padding:0}.customer-detail-head-v139{display:flex;align-items:flex-start;gap:11px}.customer-detail-head-v139>div:nth-child(2){flex:1;min-width:0}.customer-detail-head-v139>div:nth-child(2)>b{font-size:16px}.customer-detail-head-v139 .customer-status-v139{margin-left:auto}.customer-detail-stats-v139{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:14px}.customer-detail-stats-v139>div{background:#f5f5f6;border-radius:10px;padding:10px}.customer-detail-stats-v139 small{display:block;font-size:9px;color:#777;margin-bottom:4px}.customer-detail-stats-v139 b{font-size:12px}.customer-detail-section-v139{margin-top:17px}.customer-detail-title-v139{font-size:13px;font-weight:800;margin-bottom:8px}.customer-order-row-v139{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:10px 0;border-bottom:1px solid #ececef}.customer-order-row-v139:last-child{border-bottom:0}.customer-order-row-v139>div:first-child{min-width:0}.customer-order-row-v139>div:first-child b{font-size:12px;margin-right:7px}.customer-order-row-v139>div:first-child span{font-size:10px;color:#777}.customer-order-right-v139{text-align:right;display:flex;align-items:flex-end;flex-direction:column;gap:3px}.customer-order-right-v139>b{font-size:12px}.customer-order-status-v139{font-size:9px;font-weight:800;border-radius:20px;padding:3px 6px}.customer-order-status-v139.green{background:#eaf8ee;color:#16803b}.customer-order-status-v139.red{background:#ffebeb;color:#c62828}.customer-order-status-v139.blue{background:#eaf3ff;color:#1769aa}.customer-order-status-v139.neutral{background:#f1f2f4;color:#666}.customer-no-orders-v139{padding:15px 0;color:#888;font-size:11px;text-align:center}.customer-detail-actions-v139{display:flex;gap:8px;margin-top:15px}.customer-detail-actions-v139 .btn{flex:1}.customer-menu-v139{display:grid;gap:8px}.customer-menu-v139 .btn{font-size:12px}
@media(max-width:380px){.customer-actions-v139{gap:5px}.customer-actions-v139 .btn{padding:9px 9px;font-size:10px}.customer-more-v139{width:32px}.customer-detail-stats-v139{gap:6px}}



/* V143 — Owner Store Context frame */
.owner-store-frame{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:7px 10px;background:#111827;color:#fff;font-size:9px;line-height:1.25;box-sizing:border-box;position:relative;z-index:300}.owner-store-frame>div{min-width:0}.owner-store-frame b{display:block;font-size:9px;letter-spacing:.2px}.owner-store-frame small{display:block;opacity:.8;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.owner-store-frame button{border:1px solid #ffffff55;background:#fff;color:#111827;border-radius:8px;padding:6px 9px;font-size:9px;font-weight:800;white-space:nowrap;cursor:pointer}.owner-store-frame[hidden]{display:none!important}.more-row[hidden],.bottom button[hidden]{display:none!important}

/* V145: Dashboard remains visible in navigation, but its contents are hidden without View Dashboard. */
.store-dashboard-restricted{min-height:260px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:28px 20px;color:#6b7280}.store-dashboard-restricted-icon{width:52px;height:52px;border-radius:16px;background:#f3f4f6;display:grid;place-items:center;font-size:24px;margin-bottom:12px}.store-dashboard-restricted b{font-size:15px;color:#374151}.store-dashboard-restricted span{max-width:290px;font-size:11px;line-height:1.5;margin-top:6px}.store-dashboard-restricted span strong{color:#374151}.store-dashboard-restricted small{max-width:300px;font-size:9px;line-height:1.45;color:#9ca3af;margin-top:7px}