:root{--ink:#24262b;--muted:#7d8490;--bg:#f3f6f8;--card:#fff;--line:#e6e9ee;--gray:#5d5d60;--blue:#087fba;--green:#98cf70;--cyan:#afd7df;--purple:#8d75b5;--danger:#c84b5a;--shadow:0 14px 38px rgba(34,43,58,.10)}
*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{margin:0;min-height:100%;font-family:Tahoma,Arial,sans-serif;background:var(--bg);color:var(--ink)}body{overscroll-behavior:none}button,input,select,textarea{font:inherit}button{cursor:pointer}.splash{min-height:100vh;display:grid;place-items:center;align-content:center;gap:28px;background:radial-gradient(circle at 90% 0,rgba(175,215,223,.5),transparent 34%),radial-gradient(circle at 5% 100%,rgba(141,117,181,.18),transparent 33%),#f7f9fb}.splash img{width:220px}.loader{width:32px;height:32px;border:3px solid #dce2e8;border-top-color:var(--blue);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}
.app-shell{min-height:100vh;padding-bottom:84px}.topbar{position:sticky;top:0;z-index:20;padding:max(12px,env(safe-area-inset-top)) 18px 12px;background:rgba(247,249,251,.86);backdrop-filter:blur(18px);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(230,233,238,.8)}.brand-mini{width:92px;height:38px;object-fit:contain}.icon-btn{border:0;background:#fff;border-radius:14px;width:42px;height:42px;box-shadow:0 5px 18px rgba(24,37,55,.07);display:grid;place-items:center;font-size:19px;color:var(--gray)}.page{padding:18px 16px 24px;max-width:720px;margin:auto}.hello{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin:4px 0 18px}.hello h1{font-size:1.45rem;margin:0 0 7px}.hello p{margin:0;color:var(--muted);font-size:.83rem;line-height:1.8}.credit-card{background:linear-gradient(135deg,#4e5055,#66676c);color:#fff;border-radius:24px;padding:22px;box-shadow:0 16px 36px rgba(70,73,79,.22);position:relative;overflow:hidden}.credit-card:before{content:"";position:absolute;width:180px;height:180px;border-radius:50%;background:linear-gradient(135deg,rgba(152,207,112,.4),rgba(175,215,223,.15));left:-70px;bottom:-90px}.credit-card small{opacity:.75}.credit-card strong{display:block;font-size:1.65rem;margin:9px 0;position:relative}.credit-card .meta{display:flex;justify-content:space-between;gap:14px;font-size:.75rem;opacity:.82;position:relative}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:14px 0 22px}.stat{background:#fff;border:1px solid var(--line);border-radius:18px;padding:14px 10px;text-align:center}.stat b{font-size:1.1rem}.stat small{display:block;color:var(--muted);font-size:.7rem;margin-top:5px;line-height:1.5}.section-title{display:flex;justify-content:space-between;align-items:center;margin:22px 2px 12px}.section-title h2{font-size:1rem;margin:0}.link-btn{border:0;background:transparent;color:var(--blue);font-size:.75rem;font-weight:700}.quick-grid{display:grid;grid-template-columns:1fr 1fr;gap:11px}.quick{border:1px solid var(--line);background:#fff;border-radius:21px;padding:17px;text-align:right;min-height:138px;box-shadow:0 8px 24px rgba(32,43,57,.04)}.quick .ico{width:43px;height:43px;border-radius:14px;display:grid;place-items:center;margin-bottom:15px;background:linear-gradient(145deg,#eef9fc,#efebf7);color:var(--blue);font-size:20px}.quick b{font-size:.9rem}.quick p{font-size:.72rem;color:var(--muted);line-height:1.8;margin:7px 0 0}.order-list{display:grid;gap:10px}.order-card{background:#fff;border:1px solid var(--line);border-radius:20px;padding:15px;display:grid;gap:9px}.order-head{display:flex;justify-content:space-between;gap:10px;align-items:center}.order-id{font-weight:900}.badge{display:inline-flex;align-items:center;border-radius:999px;padding:6px 9px;background:#eef2f5;color:#586270;font-size:.68rem}.badge.green{background:#edf7e8;color:#4e7f38}.badge.warn{background:#fff4dc;color:#8b6514}.badge.red{background:#fff0f1;color:#aa3d4b}.order-meta{display:flex;justify-content:space-between;color:var(--muted);font-size:.72rem}.amount{font-weight:900}.bottom-nav{position:fixed;bottom:0;left:0;right:0;z-index:30;padding:8px 12px calc(8px + env(safe-area-inset-bottom));background:rgba(255,255,255,.93);backdrop-filter:blur(18px);border-top:1px solid var(--line);display:flex;justify-content:space-around}.nav-item{border:0;background:transparent;min-width:62px;color:#8a929d;font-size:.65rem;display:grid;gap:4px;place-items:center}.nav-item span{font-size:20px}.nav-item.active{color:var(--blue);font-weight:700}.card{background:#fff;border:1px solid var(--line);border-radius:22px;padding:17px;box-shadow:0 7px 22px rgba(30,42,58,.04)}.search{display:flex;gap:8px;position:sticky;top:72px;z-index:10;background:var(--bg);padding:4px 0 11px}.input{width:100%;border:1px solid #d9dee5;background:#fff;border-radius:15px;padding:13px 14px;outline:none}.input:focus{border-color:#9ac8da;box-shadow:0 0 0 4px rgba(8,127,186,.08)}.primary{border:0;border-radius:15px;background:linear-gradient(135deg,var(--blue),#5267a7);color:#fff;padding:12px 16px;font-weight:700}.ghost{border:1px solid var(--line);border-radius:15px;background:#fff;color:var(--ink);padding:12px 16px}.danger{background:#fff0f1;color:var(--danger);border-color:#ffd6dc}.product-list{display:grid;gap:10px}.product-card{background:#fff;border:1px solid var(--line);border-radius:20px;padding:14px}.product-card h3{font-size:.83rem;line-height:1.8;margin:0 0 5px}.product-code{font-size:.68rem;color:var(--muted);direction:ltr;text-align:left}.product-bottom{display:flex;align-items:end;justify-content:space-between;gap:10px;margin-top:12px}.price{font-weight:900;color:#3f444b}.price small{display:block;color:var(--muted);font-weight:400;font-size:.65rem}.add-btn{width:42px;height:42px;border:0;border-radius:14px;background:#edf8fc;color:var(--blue);font-size:22px}.cart-row{display:grid;grid-template-columns:1fr auto;gap:11px;padding:14px 0;border-bottom:1px solid var(--line)}.cart-row:last-child{border-bottom:0}.qtybox{display:flex;align-items:center;gap:7px}.qtybox button{width:34px;height:34px;border:0;border-radius:11px;background:#eff3f6}.qtybox input{width:48px;text-align:center;border:1px solid var(--line);border-radius:10px;padding:7px}.summary-row{display:flex;justify-content:space-between;padding:9px 0;font-size:.82rem}.summary-row.total{border-top:1px solid var(--line);margin-top:5px;padding-top:14px;font-weight:900;font-size:.95rem}.field{margin:13px 0}.field label{display:block;font-size:.72rem;font-weight:700;margin-bottom:7px}.field textarea{min-height:90px;resize:vertical}.actions{display:flex;gap:9px}.actions>*{flex:1}.login-wrap{min-height:100vh;padding:calc(45px + env(safe-area-inset-top)) 22px 24px;display:flex;flex-direction:column;justify-content:center;background:radial-gradient(circle at 86% 6%,rgba(175,215,223,.5),transparent 31%),radial-gradient(circle at 10% 95%,rgba(141,117,181,.18),transparent 35%),#f8fafb}.login-card{max-width:430px;width:100%;margin:auto;background:rgba(255,255,255,.92);border:1px solid #fff;border-radius:28px;padding:26px;box-shadow:var(--shadow)}.login-logo{display:block;width:200px;margin:4px auto 30px}.login-card h1{font-size:1.35rem;margin:0 0 8px}.login-card>p{color:var(--muted);font-size:.78rem;line-height:1.8;margin:0 0 22px}.login-card .primary{width:100%;margin-top:7px;min-height:49px}.hint{font-size:.68rem;color:var(--muted);line-height:1.8}.empty{text-align:center;padding:34px 16px;color:var(--muted);font-size:.8rem}.back-head{display:flex;align-items:center;gap:10px;margin-bottom:14px}.back-head h1{font-size:1.1rem;margin:0}.order-detail-grid{display:grid;gap:10px}.item{background:#fff;border:1px solid var(--line);border-radius:18px;padding:14px}.item h3{font-size:.8rem;margin:0 0 7px;line-height:1.7}.item .line{display:flex;justify-content:space-between;font-size:.72rem;color:var(--muted);margin-top:6px}.item .line b{color:var(--ink)}.timeline{display:grid;gap:12px}.timeline-row{display:grid;grid-template-columns:12px 1fr;gap:12px}.dot{width:10px;height:10px;border-radius:50%;margin-top:5px;background:var(--cyan);box-shadow:0 0 0 5px rgba(175,215,223,.22)}.timeline-row p{margin:0;font-size:.78rem;line-height:1.8}.timeline-row small{color:var(--muted)}.staff-banner{background:linear-gradient(135deg,#56585d,#6b6d72);color:#fff;border-radius:22px;padding:19px;margin-bottom:14px}.staff-banner h2{margin:0 0 6px;font-size:1.1rem}.staff-banner p{margin:0;opacity:.75;font-size:.74rem}.discount-input{max-width:92px}.toast{position:fixed;left:18px;right:18px;bottom:95px;z-index:100;background:#30343a;color:#fff;border-radius:15px;padding:13px 15px;text-align:center;font-size:.76rem;transform:translateY(30px);opacity:0;pointer-events:none;transition:.25s}.toast.show{transform:translateY(0);opacity:1}.toast.error{background:#a23e4b}.sheet{position:fixed;inset:0;z-index:80;background:rgba(23,30,40,.38);display:flex;align-items:flex-end}.sheet-card{background:#fff;border-radius:28px 28px 0 0;padding:20px 18px calc(24px + env(safe-area-inset-bottom));width:100%;max-height:82vh;overflow:auto}.chips{display:flex;gap:7px;overflow:auto;padding-bottom:5px}.chip{white-space:nowrap;border:1px solid var(--line);background:#fff;border-radius:999px;padding:8px 11px;font-size:.7rem}.chip.active{background:#edf8fc;color:var(--blue);border-color:#bfe1ed}@media(min-width:760px){.quick-grid{grid-template-columns:repeat(4,1fr)}.page{padding-top:26px}.bottom-nav{max-width:720px;left:50%;transform:translateX(-50%);border:1px solid var(--line);border-bottom:0;border-radius:24px 24px 0 0}}

.delivery-history{display:grid;gap:10px}
.delivery-card{display:grid;gap:6px}
.delivery-items{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:7px 0;margin:4px 0}
.delivery-item{display:flex;justify-content:space-between;gap:10px;padding:7px 0;font-size:.72rem}
.delivery-item span{display:grid;gap:2px;line-height:1.6}
.delivery-item small{color:var(--muted);direction:ltr;text-align:right}
.delivery-comment{background:#f7f9fb;border-radius:12px;padding:10px 12px;font-size:.72rem;line-height:1.8}
.login-card form{margin-top:4px}

/* v3: Jalali date picker */
.jalali-date{direction:ltr;text-align:right;background:#fff;cursor:pointer}
.jdp-pop{position:absolute;z-index:99999;width:min(292px,calc(100vw - 24px));background:#fff;border:1px solid #dfe3e8;border-radius:18px;box-shadow:0 18px 50px rgba(0,0,0,.18);padding:12px;display:none;direction:rtl}
.jdp-pop.open{display:block}
.jdp-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}
.jdp-head button,.jdp-foot button{border:0;background:#f1f3f5;border-radius:10px;padding:8px 12px;cursor:pointer}
.jdp-week,.jdp-days{display:grid;grid-template-columns:repeat(7,1fr);gap:4px;text-align:center}
.jdp-week{font-size:12px;color:#6b7280;margin-bottom:5px}
.jdp-days button{border:0;background:transparent;border-radius:9px;padding:9px 3px;cursor:pointer}
.jdp-days button:active{background:#eef5fb}
.jdp-days button.selected{background:var(--blue);color:#fff}
.jdp-days .blank{min-height:32px}
.jdp-foot{display:flex;justify-content:center;margin-top:9px}
/* Embedded selector keeps the native mobile shell and bottom navigation */
.selector-page{padding:0!important;max-width:none!important;height:calc(100vh - 140px);overflow:hidden}
.selector-head{padding:12px 16px 8px;display:flex;align-items:center;justify-content:space-between}
.selector-head h1{font-size:1rem;margin:0}
.selector-host{height:calc(100vh - 186px);min-height:420px;background:#fff;border-top:1px solid var(--line);overflow:hidden}
.selector-frame{width:100%;height:100%;border:0;display:block;background:#f7f9fb}
.delivery-alert-list{display:grid;gap:9px;margin-bottom:16px}
.delivery-alert{width:100%;text-align:right;border:1px solid #f2d9a9;background:linear-gradient(135deg,#fffaf0,#fff);border-radius:18px;padding:13px 14px;display:grid;gap:7px}
.delivery-alert .top{display:flex;align-items:center;justify-content:space-between;gap:10px}
.delivery-alert .meta{display:flex;justify-content:space-between;gap:8px;color:var(--muted);font-size:.7rem}
.delivery-badge{display:inline-flex;border-radius:999px;background:#fff1cf;color:#875e08;padding:5px 8px;font-size:.65rem;font-weight:800}
.order-delivery-flag{display:inline-flex;margin-top:4px;border-radius:999px;background:#fff1cf;color:#875e08;padding:4px 7px;font-size:.62rem;font-weight:800}

/* Delivery revision workflow */
.revision-notice{margin-top:10px;padding:12px 14px;border-radius:14px;background:#fff6e8;border:1px solid #f2d39b;display:flex;flex-direction:column;gap:5px;font-size:.78rem;line-height:1.8}.revision-notice b{font-size:.8rem}.revision-alert{border:1px solid #f0c97e!important;background:#fffaf1!important}.delivery-alert-list .delivery-alert{width:100%;text-align:right}.delivery-alert-list{display:grid;gap:9px;margin-top:10px}

/* Guest product browsing */
.guest-divider{display:flex;align-items:center;gap:12px;margin:20px 0 14px;color:var(--muted);font-size:.7rem}.guest-divider:before,.guest-divider:after{content:"";height:1px;background:var(--line);flex:1}.guest-browse-btn{width:100%;min-height:49px;font-weight:800;display:flex;align-items:center;justify-content:center;gap:8px}.guest-browse-btn span{font-size:18px;color:var(--blue)}.guest-note{text-align:center!important;margin:10px 4px 0!important;font-size:.68rem!important;color:var(--muted)!important;line-height:1.8!important}.guest-shell{padding-bottom:0}.guest-login-btn{padding:9px 16px}.guest-selector-page{height:calc(100vh - 72px)!important}.guest-selector-host{height:calc(100vh - 126px)!important;min-height:420px}
.invoice-mobile-summary{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:4px 0 14px}.invoice-mobile-summary.three{grid-template-columns:repeat(3,1fr)}.invoice-mobile-summary>div{background:#fff;border:1px solid var(--line);border-radius:18px;padding:14px;text-align:center}.invoice-mobile-summary small{display:block;color:var(--muted);font-size:.68rem;margin-bottom:6px}.invoice-mobile-summary b{font-size:.88rem}.invoice-list{display:grid;gap:10px}.invoice-card{width:100%;border:1px solid var(--line);background:#fff;border-radius:19px;padding:15px;text-align:right;color:var(--ink);box-shadow:0 6px 18px rgba(30,42,58,.035)}.invoice-card-head{display:flex;align-items:center;justify-content:space-between;gap:10px}.invoice-card-head b{color:#4b22b4}.invoice-card-head span{font-size:.7rem;color:var(--muted)}.invoice-card-meta{display:flex;justify-content:space-between;align-items:end;gap:10px;margin-top:11px;font-size:.72rem;color:var(--muted)}.invoice-card-meta strong{font-size:.8rem;color:var(--ink)}@media(max-width:430px){.bottom-nav{padding-left:5px;padding-right:5px}.nav-item{min-width:48px;font-size:.58rem}.nav-item span{font-size:18px}.invoice-mobile-summary.three{grid-template-columns:1fr}.invoice-mobile-summary.three>div{text-align:right}}