*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:#f7f5f2;color:#211d1a;line-height:1.55}a{color:var(--primary,#7c2d12);text-decoration:none}img{max-width:100%;display:block}button,input,select,textarea{font:inherit}button{cursor:pointer}.container{width:min(1180px,calc(100% - 28px));margin:28px auto}.narrow{width:min(760px,calc(100% - 28px))}.topbar{min-height:68px;display:flex;align-items:center;gap:24px;padding:10px max(18px,calc((100vw - 1180px)/2));background:var(--primary);color:#fff;position:sticky;top:0;z-index:50;box-shadow:0 4px 20px #0002}.brand{display:flex;align-items:center;gap:10px;color:#fff;font-weight:900;font-size:1.1rem;letter-spacing:.02em}.brand img{width:42px;height:42px;object-fit:contain;background:#fff;border-radius:10px;padding:3px}.main-nav{display:flex;align-items:center;gap:8px;margin-left:auto}.main-nav a{color:#fff;padding:9px 11px;border-radius:8px;font-size:.9rem;font-weight:700}.main-nav a:hover{background:#fff2}.menu-toggle{display:none;margin-left:auto;border:0;background:#fff1;color:#fff;font-size:1.4rem;border-radius:8px;padding:6px 10px}.footer{display:flex;justify-content:space-between;gap:16px;padding:24px max(18px,calc((100vw - 1180px)/2));background:#241b17;color:#fff9;margin-top:50px;font-size:.85rem}.flash,.notice{width:min(1180px,calc(100% - 28px));margin:16px auto;padding:13px 16px;border-radius:12px;border:1px solid}.flash.success,.notice.success{background:#ecfdf3;border-color:#86efac;color:#166534}.flash.error,.notice.error{background:#fff1f2;border-color:#fda4af;color:#9f1239}.flash.info,.notice.info{background:#eff6ff;border-color:#93c5fd;color:#1d4ed8}.flash.warning,.notice.warning,.notice.warning{background:#fffbeb;border-color:#fcd34d;color:#92400e}.card{background:#fff;border:1px solid #e8e1da;border-radius:18px;padding:22px;box-shadow:0 8px 30px #3b1f0a0a;margin-bottom:20px}.center{text-align:center}.page-heading,.section-head{display:flex;align-items:center;justify-content:space-between;gap:14px}.page-heading{margin:8px 0 22px}.page-heading h1,.section-head h2{margin:0}.section-head small,.section-head span{color:#756b64}.eyebrow{display:inline-block;font-size:.75rem;letter-spacing:.16em;font-weight:900;color:var(--secondary);margin-bottom:8px}.btn{border:0;border-radius:10px;background:var(--primary);color:#fff;padding:11px 17px;font-weight:800;display:inline-flex;align-items:center;justify-content:center;gap:8px}.btn:hover{filter:brightness(.95)}.btn:disabled{opacity:.45;cursor:not-allowed}.btn.small{padding:7px 11px;font-size:.82rem}.btn.full{width:100%}.btn-dark{background:#251b17}.btn.outline{background:#fff;color:var(--primary);border:1px solid var(--primary)}.link-button{background:transparent;border:0;color:var(--primary);font-weight:800;padding:8px 0}.badge{display:inline-flex;align-items:center;border-radius:999px;padding:5px 9px;font-size:.72rem;font-weight:800;background:#eee7e1;color:#4b403a;white-space:nowrap}.status-active,.status-paid,.status-verified,.status-captured,.status-synced,.status-ready{background:#dcfce7;color:#166534}.status-new,.status-unpaid,.status-pending,.status-created,.status-trial{background:#fef3c7;color:#92400e}.status-preparing,.status-accepted,.status-partial,.status-qualified,.status-authorized{background:#dbeafe;color:#1e40af}.status-delivered,.status-billed{background:#e0e7ff;color:#3730a3}.status-inactive,.status-suspended,.status-closed,.status-cancelled,.status-failed,.status-void,.status-locked{background:#ffe4e6;color:#9f1239}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.form-grid .full{grid-column:1/-1}.stack-form{display:grid;gap:15px}.top-gap{margin-top:18px}label{display:grid;gap:6px;font-size:.84rem;font-weight:800;color:#4b403a}label small{font-weight:500;color:#83766e}input,select,textarea{width:100%;border:1px solid #d7cec7;border-radius:10px;padding:11px 12px;background:#fff;color:#211d1a}textarea{min-height:100px;resize:vertical}.check{display:flex;align-items:center;gap:8px}.check input{width:auto}.two-col{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.stats-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:22px}.stat-card{background:linear-gradient(145deg,#fff,#fffaf4);border:1px solid #e9dfd6;border-radius:17px;padding:18px;display:grid;gap:7px;box-shadow:0 10px 25px #3d21070a}.stat-card small{color:#7b6e66;text-transform:uppercase;letter-spacing:.08em;font-weight:800}.stat-card strong{font-size:1.55rem}.stat-card span{color:#7b6e66;font-size:.82rem}.table-scroll{overflow:auto}table{width:100%;border-collapse:collapse;min-width:720px}th,td{text-align:left;padding:12px;border-bottom:1px solid #eee7e1;vertical-align:top}th{font-size:.76rem;text-transform:uppercase;letter-spacing:.06em;color:#756b64}td small{display:block;color:#857970;margin-top:3px}code,pre{font-family:ui-monospace,SFMono-Regular,Menlo,monospace}code{word-break:break-all}pre{white-space:pre-wrap;background:#241b17;color:#fff;padding:15px;border-radius:12px;overflow:auto}.compact-list,.history-list,.session-list,.payment-list{display:grid}.compact-list>div,.payment-list>div{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px 0;border-bottom:1px solid #eee7e1}.compact-list span,.session-list span{display:grid}.compact-list small,.session-list small{color:#857970}.empty{color:#857970;text-align:center;padding:22px}.chip-list{display:flex;flex-wrap:wrap;gap:8px;margin-top:15px}.chip-list span,.table-pill{background:#f5ebe3;color:var(--primary);border-radius:999px;padding:7px 11px;font-weight:800}.auth-page{min-height:100vh;display:grid;place-items:center;padding:24px;background:radial-gradient(circle at 10% 10%,#fff1df,transparent 35%),linear-gradient(135deg,var(--primary,#7c2d12),#2e1810)}.auth-card{width:min(540px,100%);background:#fff;padding:30px;border-radius:22px;box-shadow:0 25px 70px #0004}.install-card{width:min(820px,100%)}.brand-large{font-size:1.25rem;font-weight:900}.central-home{width:min(1180px,calc(100% - 28px));margin:0 auto}.central-hero{padding:90px 0 55px;max-width:850px}.central-hero h1{font-size:clamp(2.5rem,6vw,5.8rem);line-height:.95;margin:10px 0 24px;letter-spacing:-.055em}.central-hero p{font-size:1.15rem;color:#6f625a;max-width:720px}.feature-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.feature-grid article{background:#fff;border:1px solid #e8e1da;padding:22px;border-radius:18px}.restaurant-hero{display:flex;align-items:center;justify-content:space-between;gap:20px;background:linear-gradient(135deg,var(--primary),#2c1912);color:#fff;border-radius:24px;padding:30px;margin-bottom:20px}.restaurant-hero h1{font-size:clamp(2rem,5vw,4.2rem);line-height:1;margin:4px 0}.restaurant-hero p{margin:0;color:#fffbd}.table-pill{background:#fff;color:var(--primary);white-space:nowrap}.category-tabs{display:flex;gap:9px;overflow:auto;padding:8px 0 18px;position:sticky;top:68px;z-index:20;background:#f7f5f2}.category-tabs a{flex:0 0 auto;background:#fff;border:1px solid #e6ddd6;border-radius:999px;padding:9px 13px;font-weight:800}.menu-section{scroll-margin-top:130px}.menu-section>h2{margin-top:28px}.menu-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.menu-card{display:grid;grid-template-columns:120px 1fr;background:#fff;border:1px solid #e8e1da;border-radius:16px;overflow:hidden;min-height:145px}.menu-card>img,.food-placeholder{width:120px;height:100%;min-height:145px;object-fit:cover}.food-placeholder{display:grid;place-items:center;background:linear-gradient(135deg,#fde8cc,#fff7ed);font-size:2rem;color:var(--primary)}.menu-card-body{padding:15px;display:grid;align-content:space-between}.menu-card h3{margin:0;font-size:1rem}.menu-card p{font-size:.82rem;color:#7a6e66;margin:6px 0 10px}.item-title,.price-row{display:flex;align-items:center;justify-content:space-between;gap:9px}.veg-dot{width:13px;height:13px;border:2px solid;border-radius:2px;position:relative}.veg-dot:after{content:"";position:absolute;inset:2px;border-radius:50%;background:currentColor}.veg-dot.veg{color:#16a34a}.veg-dot.nonveg{color:#b91c1c}.cart-panel{scroll-margin-top:90px;margin-top:30px}.cart-lines{display:grid}.cart-lines>div{display:grid;grid-template-columns:1fr 90px 110px;align-items:center;gap:12px;padding:12px 0;border-bottom:1px solid #eee7e1}.cart-lines span{display:grid}.cart-lines small{color:#83766e}.coupon-box{background:#faf6f2;border:1px dashed #d9c7ba;border-radius:14px;padding:14px;margin:17px 0}.coupon-box>div{display:flex;gap:8px}.coupon-box p{margin:8px 0 0;font-size:.82rem}.next-offer{background:#fff7d6;border:1px solid #f1d37a;border-radius:12px;padding:12px;margin:12px 0}.totals{display:grid;gap:8px;padding:12px 0}.totals span,.invoice-totals span{display:flex;justify-content:space-between;gap:16px}.totals .grand,.invoice-totals .grand{font-size:1.15rem;padding-top:9px;border-top:2px solid #33231b}.checkout-form{margin-top:15px}.order-timeline{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:17px 0}.order-timeline article{border:1px solid #eee0d5;border-radius:13px;padding:13px}.order-timeline p{font-size:.8rem;color:#756b64}.dashboard-shell{display:grid;grid-template-columns:240px minmax(0,1fr);min-height:calc(100vh - 68px)}.sidebar{background:#2b211c;color:#fff;padding:22px 14px;display:grid;align-content:start;gap:5px}.sidebar a{color:#fffbd;padding:10px 12px;border-radius:9px;font-weight:700;font-size:.88rem}.sidebar a.active,.sidebar a:hover{background:#fff1;color:#fff}.user-chip{display:grid;padding:10px 12px 20px;border-bottom:1px solid #fff2;margin-bottom:10px}.user-chip small{color:#fff9}.dashboard-main{min-width:0;padding:24px}.order-board{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.order-card{background:#fff;border:1px solid #e5dcd5;border-radius:17px;padding:17px}.order-card h3{margin:15px 0 5px}.order-card .items{min-height:70px;font-size:.88rem;color:#574b44}.status-actions{display:flex;gap:6px;flex-wrap:wrap;margin-top:13px}.status-actions button{border:1px solid #dacbc1;background:#fff;border-radius:8px;padding:6px 8px;font-size:.75rem;font-weight:800}.inline-payment{display:grid;grid-template-columns:90px 95px minmax(120px,1fr) auto;gap:6px;min-width:430px}.session-list form{display:grid;grid-template-columns:minmax(220px,1fr) 110px minmax(160px,1fr) auto;gap:8px;align-items:center;padding:12px 0;border-bottom:1px solid #eee7e1}.permission-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.permission-grid label{display:flex;align-items:center;gap:7px;font-size:.75rem;text-transform:capitalize}.permission-grid input{width:auto}.qr-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.qr-card{text-align:center}.qr-box{display:grid;place-items:center;min-height:210px;margin:12px}.qr-box canvas,.qr-box img{max-width:210px}.invoice{padding:28px}.invoice-head,.invoice-meta,.invoice-actions{display:flex;justify-content:space-between;gap:18px}.invoice-head h1{margin:0}.invoice-head>div:last-child{display:grid;text-align:right}.invoice-meta{padding:17px 0;margin:17px 0;border-top:1px solid #e9dfd8;border-bottom:1px solid #e9dfd8;flex-wrap:wrap}.invoice-totals{display:grid;gap:8px;max-width:420px;margin:20px 0 20px auto}.invoice-status{text-align:right}.payment-options{display:flex;align-items:center;gap:12px;flex-wrap:wrap;background:#faf6f2;padding:15px;border-radius:13px;margin:18px 0}.payment-options label{display:flex;align-items:center;gap:6px}.payment-options input{width:auto}.invoice-actions{margin-top:22px;justify-content:flex-end}.history-list>a{display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:12px;padding:14px 0;border-bottom:1px solid #eee7e1}.history-list span{display:grid}.history-list small{color:#857970}
@media(max-width:980px){.stats-grid,.feature-grid{grid-template-columns:repeat(2,1fr)}.menu-grid,.order-board,.qr-grid{grid-template-columns:repeat(2,1fr)}.dashboard-shell{grid-template-columns:190px minmax(0,1fr)}.sidebar{padding-inline:8px}.dashboard-main{padding:18px}.order-timeline{grid-template-columns:1fr 1fr}.two-col{grid-template-columns:1fr}.permission-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:720px){.menu-toggle{display:block}.main-nav{display:none;position:absolute;top:68px;left:0;right:0;background:var(--primary);padding:12px 18px;flex-direction:column;align-items:stretch}.main-nav.open{display:flex}.main-nav a{padding:12px}.footer{flex-direction:column}.form-grid{grid-template-columns:1fr}.form-grid .full{grid-column:auto}.stats-grid,.feature-grid,.menu-grid,.order-board,.qr-grid{grid-template-columns:1fr}.restaurant-hero{align-items:flex-start;flex-direction:column}.menu-card{grid-template-columns:96px 1fr}.menu-card>img,.food-placeholder{width:96px}.dashboard-shell{display:block}.sidebar{display:flex;overflow:auto;position:sticky;top:68px;z-index:30;padding:8px;background:#2b211c}.sidebar .user-chip{display:none}.sidebar a{white-space:nowrap}.dashboard-main{padding:14px}.order-timeline{grid-template-columns:1fr}.cart-lines>div{grid-template-columns:1fr 70px 90px}.session-list form{grid-template-columns:1fr}.inline-payment{grid-template-columns:1fr;min-width:210px}.permission-grid{grid-template-columns:1fr}.invoice{padding:16px}.invoice-head,.invoice-actions{flex-direction:column}.invoice-head>div:last-child{text-align:left}.category-tabs{top:68px}.history-list>a{grid-template-columns:1fr auto}.history-list .badge{grid-column:1/-1;justify-self:start}}
@media print{.topbar,.footer,.sidebar,.invoice-actions,.payment-options,.flash,.notice,.btn{display:none!important}body{background:#fff}.container,.narrow{width:100%;margin:0}.card{border:0;box-shadow:none}.dashboard-shell{display:block}.dashboard-main{padding:0}.qr-grid{grid-template-columns:repeat(2,1fr)}.qr-card{break-inside:avoid;border:1px solid #999!important}}
.mini-edit{display:grid;grid-template-columns:minmax(100px,1fr) 70px minmax(120px,1fr) auto;gap:6px;align-items:center;padding:8px 0;border-top:1px solid #eee7e1}.mini-edit input{padding:7px 8px;font-size:.78rem}.order-card details{margin-top:10px}.order-card summary{font-size:.78rem;font-weight:800;color:var(--primary);cursor:pointer}@media(max-width:720px){.mini-edit{grid-template-columns:1fr}.mini-edit span{font-weight:800}}
.team-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.permission-text{font-size:.78rem;color:#786c64;min-height:52px}.qr-actions{display:flex;justify-content:center;margin:12px 0}@media(max-width:980px){.team-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:720px){.team-grid{grid-template-columns:1fr}}
.menu-admin-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}@media(max-width:980px){.menu-admin-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:720px){.menu-admin-grid{grid-template-columns:1fr}}
/* v1.5 customer-first ordering experience */
.form-help{font-size:.8rem;color:#7b6e66;margin:10px 0 0}.back-link{display:block;text-align:center;margin-top:18px;font-weight:800}.customer-start{width:min(620px,100%);margin:24px auto 36px;text-align:left;padding:30px}.customer-start h1{font-size:clamp(1.8rem,5vw,2.8rem);line-height:1.05;margin:4px 0 10px}.customer-start>p{color:#6f625a;margin:0 0 22px}.welcome-icon{width:58px;height:58px;display:grid;place-items:center;border-radius:18px;background:#fff3df;font-size:1.7rem;margin-bottom:14px}.customer-start-form{margin-top:18px}.access-divider{display:flex;align-items:center;gap:12px;margin:24px 0 15px;color:#8a7c72;font-size:.75rem;font-weight:900;text-transform:uppercase;letter-spacing:.08em}.access-divider:before,.access-divider:after{content:"";height:1px;background:#e6ddd6;flex:1}.customer-access-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px}.compact-notice{width:100%;margin:18px 0 0}.customer-identity-bar{display:flex;align-items:center;justify-content:space-between;gap:16px;background:#fff;border:1px solid #e8e1da;border-radius:16px;padding:14px 16px;margin-bottom:20px;box-shadow:0 8px 25px #3b1f0a0a}.customer-identity-bar>div{display:grid}.customer-identity-bar small{font-size:.66rem;font-weight:900;letter-spacing:.1em;color:#8a7c72}.customer-identity-bar strong{font-size:1.05rem}.customer-identity-bar span{font-size:.8rem;color:#74675f}.menu-browser{margin-top:24px}.menu-browser-head{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:10px}.menu-browser-head h2{font-size:clamp(1.6rem,4vw,2.3rem);margin:0}.menu-browser-head p{margin:5px 0 0;color:#756b64}.menu-search{width:min(300px,100%)}.category-tabs button{flex:0 0 auto;background:#fff;border:1px solid #e6ddd6;border-radius:999px;padding:9px 14px;font-weight:800;color:#4a3e37}.category-tabs button.active{background:var(--primary);border-color:var(--primary);color:#fff}.menu-list{display:grid;grid-template-columns:1fr;gap:13px;width:min(920px,100%)}.menu-list-card{grid-template-columns:150px minmax(0,1fr);min-height:150px}.menu-list-card>img,.menu-list-card>.food-placeholder{width:150px;min-height:150px}.menu-card[hidden]{display:none!important}.item-category{display:block;color:var(--primary);font-size:.68rem;font-weight:900;text-transform:uppercase;letter-spacing:.08em;margin-bottom:3px}.menu-no-results{background:#fff;border:1px dashed #dacfc7;border-radius:14px}.checkout-customer{display:grid;background:#faf6f2;border-radius:12px;padding:12px 14px;margin-top:12px}.checkout-customer span{font-size:.7rem;text-transform:uppercase;letter-spacing:.08em;color:#82746c;font-weight:900}.checkout-customer small{color:#756b64}.customer-auth-card .eyebrow{margin-top:18px}.customer-auth-card h1{margin:2px 0 8px}.otp-sent{background:#eff6ff;border:1px solid #93c5fd;color:#1d4ed8;padding:11px 13px;border-radius:10px;font-weight:700}
@media(max-width:720px){.customer-start{padding:22px}.customer-access-actions{grid-template-columns:1fr}.customer-identity-bar{align-items:flex-start}.menu-browser-head{align-items:stretch;flex-direction:column}.menu-search{width:100%}.menu-list-card{grid-template-columns:96px minmax(0,1fr);min-height:132px}.menu-list-card>img,.menu-list-card>.food-placeholder{width:96px;min-height:132px}.category-tabs{margin-inline:-14px;padding-inline:14px}.customer-auth-card{padding:24px}}
/* v1.6 customer app navigation, menu filters, cart/orders and reliable QR */
body.customer-app{padding-bottom:104px}.customer-app .footer{margin-bottom:72px}.customer-bottom-nav{position:fixed;left:50%;bottom:10px;transform:translateX(-50%);z-index:100;width:min(680px,calc(100% - 20px));display:grid;grid-template-columns:repeat(4,1fr);background:#fff;border:1px solid #e7ddd5;border-radius:20px;padding:7px;box-shadow:0 14px 45px #1f130b30;backdrop-filter:blur(14px)}.customer-bottom-nav>a{min-width:0;display:grid;justify-items:center;gap:2px;padding:7px 4px;border-radius:14px;color:#71645c;font-size:.68rem;font-weight:900}.customer-bottom-nav>a.active{background:color-mix(in srgb,var(--primary) 10%,#fff);color:var(--primary)}.customer-bottom-nav .nav-icon{width:26px;height:26px;position:relative;display:grid;place-items:center}.customer-bottom-nav svg{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.customer-bottom-nav .nav-icon b{position:absolute;right:-8px;top:-7px;min-width:18px;height:18px;padding:0 4px;border-radius:99px;background:#dc2626;color:#fff;border:2px solid #fff;display:grid;place-items:center;font-size:.58rem;line-height:1}.food-type-tabs{display:flex;gap:8px;overflow-x:auto;padding:7px 0 12px;scrollbar-width:none}.food-type-tabs::-webkit-scrollbar,.category-rail::-webkit-scrollbar{display:none}.food-type-tabs button{flex:0 0 auto;border:1px solid #ded4cc;background:#fff;border-radius:12px;padding:9px 15px;font-weight:900;color:#4e423a}.food-type-tabs button.active{background:var(--primary);color:#fff;border-color:var(--primary)}.food-type-tabs button span{margin-right:4px}.type-dot.veg{color:#16a34a}.type-dot.nonveg{color:#b91c1c}.food-type-tabs button.active .type-dot{color:#fff}.category-filter-wrap{border-top:1px solid #e9e1da;padding-top:10px;margin-bottom:15px}.filter-label{font-size:.7rem;font-weight:900;text-transform:uppercase;letter-spacing:.1em;color:#82746b;margin-bottom:7px}.category-rail{display:grid;grid-template-rows:repeat(2,auto);grid-auto-flow:column;grid-auto-columns:max-content;gap:8px;overflow-x:auto;padding:2px 1px 10px;scroll-snap-type:x proximity}.category-rail button{scroll-snap-align:start;border:1px solid #e4dbd3;background:#fff;color:#4a3e37;border-radius:11px;padding:8px 13px;font-weight:850;white-space:nowrap}.category-rail button.active{background:#2c211c;color:#fff;border-color:#2c211c}.app-page-head{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin:14px 0 20px}.app-page-head h1{font-size:clamp(1.8rem,5vw,2.8rem);line-height:1.05;margin:2px 0 7px}.app-page-head p{margin:0;color:#74675f;max-width:620px}.cart-edit-actions{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.empty-state{text-align:center;padding:42px 22px}.empty-state h2{margin:8px 0}.empty-state p{color:#786b63}.empty-icon{font-size:2.4rem}.place-order-btn{min-height:54px;font-size:1rem}.customer-order-list{display:grid;gap:12px;margin-top:18px}.customer-order-list article{border:1px solid #e9dfd7;border-radius:15px;padding:15px;background:#fffdfb}.order-list-top,.order-list-total{display:flex;align-items:center;justify-content:space-between;gap:12px}.order-list-top>div{display:grid}.order-list-top small{color:#86786e}.customer-order-list article>p{color:#62564e;margin:12px 0;border-top:1px dashed #e6dbd2;border-bottom:1px dashed #e6dbd2;padding:10px 0}.order-list-total span{color:#75685f}.order-more-bar{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-top:18px;padding:14px;border-radius:14px;background:#fff6e7}.order-more-bar>div{display:grid}.order-more-bar small{color:#786a60}.final-bill-card{background:linear-gradient(135deg,#fff,#fff8ee)}.pay-summary{display:grid;gap:9px;padding:16px 0}.pay-summary span{display:flex;justify-content:space-between;gap:14px}.pay-summary .grand{font-size:1.12rem;border-top:2px solid #34271f;padding-top:10px}.payment-choice-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.payment-choice-grid label{position:relative;display:grid;justify-items:start;gap:2px;border:1px solid #dfd5cd;border-radius:14px;padding:13px;background:#fff;cursor:pointer}.payment-choice-grid label:has(input:checked){border-color:var(--primary);box-shadow:0 0 0 2px color-mix(in srgb,var(--primary) 15%,transparent)}.payment-choice-grid input{position:absolute;right:10px;top:10px;width:auto}.payment-choice-grid label>span{font-size:1.35rem}.payment-choice-grid label>small{color:#7b6e65}.payment-choice-grid .payment-save{grid-column:1/-1}.qr-box{min-height:280px;background:#fff;border:12px solid #fff;border-radius:12px;box-shadow:0 0 0 1px #e5ddd6;overflow:hidden}.qr-box svg{display:block;width:260px;height:260px;max-width:100%}.qr-actions{display:flex;justify-content:center;gap:8px;flex-wrap:wrap;margin-top:14px}.qr-error{color:#9f1239;font-weight:700}.qr-card code{display:block;background:#f7f3ef;border-radius:8px;padding:8px;font-size:.72rem}.menu-browser{scroll-margin-top:90px}
@media(max-width:720px){body.customer-app{padding-bottom:92px}.customer-app .topbar{min-height:58px}.customer-app .main-nav{top:58px}.customer-app .container{width:min(100% - 20px,1180px);margin-top:16px}.customer-bottom-nav{bottom:6px;width:calc(100% - 12px);border-radius:17px;padding:5px}.customer-bottom-nav>a{font-size:.62rem;padding:6px 2px}.app-page-head{align-items:stretch;flex-direction:column}.app-page-head .btn{width:100%}.food-type-tabs{position:sticky;top:58px;z-index:22;background:#f7f5f2;padding-top:9px}.category-filter-wrap{background:#f7f5f2}.category-rail{grid-template-rows:repeat(2,auto);margin-right:-10px}.payment-choice-grid{grid-template-columns:1fr 1fr}.order-more-bar{align-items:stretch;flex-direction:column}.order-more-bar .btn{width:100%}.cart-lines>div{grid-template-columns:minmax(0,1fr) 64px 82px}.cart-lines input{padding:9px 6px}.customer-cart-page .card,.customer-orders-page .card{padding:17px}.restaurant-hero{padding:22px}.restaurant-hero h1{font-size:2rem}}
@media print{.customer-bottom-nav,.topbar,.footer,.qr-actions{display:none!important}body.customer-app{padding-bottom:0}.qr-card{break-inside:avoid}}
/* v1.7 centered square customer UI, table fallback and time-aware branding */
body.customer-square-ui{background:#f6f4f1}body.customer-square-ui :is(.card,.restaurant-hero,.customer-identity-bar,.menu-card,.btn,input,select,textarea,.notice,.customer-bottom-nav,.food-type-tabs button,.category-rail button,.coupon-box,.next-offer,.customer-order-list article,.order-more-bar,.payment-choice-grid label,.badge){border-radius:4px!important}body.customer-square-ui h1,body.customer-square-ui h2,body.customer-square-ui .section-head h2{text-align:center;text-transform:uppercase;letter-spacing:.015em}body.customer-square-ui .content-wrap{width:min(1180px,calc(100% - 24px));margin-left:auto;margin-right:auto}body.customer-square-ui .narrow-content{width:min(820px,calc(100% - 24px))}.app-title-panel{width:100%;max-width:none;margin:0 0 14px;padding:18px max(14px,calc((100vw - 1180px)/2));border-radius:0!important;text-align:center;background:linear-gradient(135deg,color-mix(in srgb,var(--primary) 12%,#fff),#fff8ed);border-top:1px solid color-mix(in srgb,var(--primary) 20%,#e7ddd5);border-bottom:1px solid color-mix(in srgb,var(--primary) 20%,#e7ddd5);box-shadow:0 8px 24px #39200b0b}.app-title-panel>div{width:100%;text-align:center}.app-title-panel h1,.app-title-panel h2{margin:2px auto 5px;line-height:1.05}.app-title-panel p{margin:0 auto;color:#71645c;max-width:700px;text-align:center}.app-title-panel .btn{margin:10px auto 0}.restaurant-hero.app-title-panel{display:block;color:#2a201b;background:linear-gradient(135deg,color-mix(in srgb,var(--primary) 17%,#fff),#fff3d9);padding-top:20px;padding-bottom:18px}.restaurant-hero.app-title-panel h1{font-size:clamp(1.75rem,5vw,3.15rem);color:var(--primary)}.restaurant-hero.app-title-panel p{color:#6d5f56}.hero-center{display:grid;justify-items:center}.hero-table-number{display:grid;justify-items:center;margin-top:10px;padding:7px 16px;min-width:160px;background:#fff;border:1px solid color-mix(in srgb,var(--primary) 24%,#ddd);box-shadow:0 5px 15px #2e16080b}.hero-table-number span{font-size:.62rem;letter-spacing:.12em;font-weight:900;color:#82736a}.hero-table-number strong{font-size:.94rem;color:var(--primary)}.compact-title{padding-top:12px;padding-bottom:12px}.compact-title h2{font-size:clamp(1.25rem,4vw,1.8rem)}.compact-title .menu-search{width:min(340px,100%);margin:10px auto 0;text-align:center}.compact-title .menu-search span{text-align:center}.menu-filter-area{padding:4px 0 7px}.food-type-tabs{justify-content:center;align-items:stretch;gap:8px;padding:6px 0 10px}.food-type-tabs button{min-width:92px;display:flex;align-items:center;justify-content:center;gap:7px;padding:8px 12px;background:#fff}.filter-icon{width:20px;height:20px;display:grid;place-items:center;position:relative}.all-icon{grid-template-columns:repeat(2,6px);grid-template-rows:repeat(2,6px);gap:2px}.all-icon i{width:6px;height:6px;background:currentColor}.food-icon{width:18px;height:18px;border:2px solid currentColor;display:grid;place-items:center;background:#fff}.food-icon i{width:8px;height:8px;border-radius:50%;background:currentColor}.food-icon.veg{color:#15803d}.food-icon.nonveg{color:#b91c1c}.food-type-tabs button.active .food-icon{background:#fff}.category-filter-wrap{text-align:center;border-top:1px solid #e9e1da;padding:8px 0 2px;margin-bottom:9px}.filter-label{text-align:center}.category-scroll{width:100%;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch}.category-scroll::-webkit-scrollbar{display:none}.category-rail{width:max-content;min-width:100%;display:flex;justify-content:center;align-items:center;gap:7px;padding:2px 0 9px}.category-rail button{flex:0 0 auto;padding:7px 11px;font-size:.72rem}.menu-list{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;padding-bottom:16px}.compact-food-card{display:block;min-height:0;overflow:hidden;text-align:center;background:#fff}.menu-image-wrap{height:125px;position:relative;overflow:hidden;background:#f1ece7}.menu-image-wrap>img,.menu-image-wrap>.food-placeholder{width:100%;height:100%;min-height:0;object-fit:cover}.food-type-corner{position:absolute;right:7px;top:7px;width:25px;height:25px;background:#fff;display:grid;place-items:center;border:1px solid #ddd;box-shadow:0 2px 8px #0002}.food-type-corner .food-icon{width:16px;height:16px}.food-type-corner .food-icon i{width:7px;height:7px}.item-category-overlay{position:absolute;left:50%;bottom:6px;transform:translateX(-50%);max-width:calc(100% - 12px);padding:3px 7px;background:rgba(27,20,16,.82);color:#fff;font-size:.56rem;font-weight:900;letter-spacing:.06em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.compact-food-card .menu-card-body{padding:9px;display:grid;gap:5px;text-align:center}.compact-food-card h3{margin:0;text-align:center;text-transform:uppercase;font-size:.88rem;line-height:1.22;min-height:2.15em}.compact-food-card p{margin:0 auto;color:#7b6e66;font-size:.68rem;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:2.6em}.compact-food-card .price-row{justify-content:center;flex-wrap:wrap;gap:7px}.compact-food-card .price-row strong{font-size:.9rem}.compact-food-card .btn.small{padding:6px 9px;font-size:.7rem}.customer-identity-bar{text-align:center;justify-content:center;position:relative}.customer-identity-bar>div{justify-items:center}.customer-identity-bar>a,.customer-identity-bar>.badge{position:absolute;right:12px}.customer-start{text-align:center}.customer-start .welcome-icon{margin-left:auto;margin-right:auto}.customer-start>p{text-align:center}.centered-section-head{justify-content:center;text-align:center;flex-direction:column}.centered-section-head>div{display:grid;justify-items:center}.table-select-box{scroll-margin-top:100px;display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:10px;padding:14px;margin:13px 0;background:#fff7df;border:1px solid #e9c96d}.table-select-box label{margin:0}.table-select-box small{grid-column:1/-1;text-align:center;color:#7a6037}.table-select-icon{width:40px;height:40px;display:grid;place-items:center;background:var(--primary);color:#fff;font-size:1.35rem}.selected-table-confirm{display:grid;justify-items:center;padding:10px;margin:12px 0;background:#edf9f0;border:1px solid #8fd3a2}.selected-table-confirm span{font-size:.65rem;letter-spacing:.12em;font-weight:900;color:#54705c}.selected-table-confirm strong{color:#166534}.time-aware-footer{margin-top:28px;display:grid;justify-items:center;gap:2px;padding:14px 16px;text-align:center;border-top:1px solid #eadfce;transition:background .4s ease,color .4s ease}.powered-brand-row{display:flex;align-items:center;justify-content:center;gap:8px;white-space:nowrap}.powered-brand-row strong{font-size:.78rem;letter-spacing:.09em}.day-icon{font-size:1.05rem}.live-local-time{font-size:.72rem;font-weight:800;letter-spacing:.04em}.time-aware-footer[data-period="morning"]{background:linear-gradient(90deg,#fff9d8,#fff3b6);color:#735500}.time-aware-footer[data-period="noon"]{background:linear-gradient(90deg,#ffe67b,#ffd23d);color:#5c4200}.time-aware-footer[data-period="evening"]{background:linear-gradient(90deg,#ffe0ac,#ffbd73);color:#673a00}.time-aware-footer[data-period="night"]{background:linear-gradient(90deg,#202a44,#111827);color:#f8fafc}body[data-day-period="morning"]{background:#fffdf4}body[data-day-period="noon"]{background:#fffbed}body[data-day-period="evening"]{background:#fff8ef}body[data-day-period="night"]{background:#f1f3f7}.customer-bottom-nav{border-radius:4px}.customer-bottom-nav>a{border-radius:2px;text-transform:uppercase}.customer-bill-page,.customer-cart-page,.customer-orders-page{width:100%}.history-list>a{text-align:left}
@media(max-width:980px){.menu-list{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:720px){body.customer-square-ui .content-wrap,body.customer-square-ui .narrow-content{width:calc(100% - 16px)}.app-title-panel{padding:13px 10px}.app-page-head{display:block}.app-page-head .btn{width:min(360px,100%)}.restaurant-hero.app-title-panel h1{font-size:1.65rem}.hero-table-number{margin-top:7px}.food-type-tabs{position:static;background:transparent;padding-top:4px}.food-type-tabs button{min-width:88px;padding:7px 9px}.category-filter-wrap{background:transparent}.category-rail{justify-content:center}.menu-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.menu-image-wrap{height:98px}.compact-food-card .menu-card-body{padding:7px}.compact-food-card h3{font-size:.77rem}.compact-food-card p{font-size:.62rem}.compact-food-card .price-row{gap:5px}.compact-food-card .btn.small{padding:5px 7px;font-size:.62rem}.customer-identity-bar{padding:12px 68px 12px 10px}.customer-identity-bar>a,.customer-identity-bar>.badge{right:7px}.table-select-box{grid-template-columns:1fr;justify-items:center}.table-select-box label{width:100%;text-align:center}.table-select-icon{width:36px;height:36px}.customer-bottom-nav{width:calc(100% - 8px);bottom:4px}.time-aware-footer{margin-bottom:68px}.cart-lines>div{grid-template-columns:minmax(0,1fr) 54px 76px;gap:7px}.cart-lines b{font-size:.77rem}}
@media(max-width:380px){.food-type-tabs button{min-width:82px;font-size:.72rem}.menu-list{gap:6px}.menu-image-wrap{height:88px}.compact-food-card h3{font-size:.7rem}.compact-food-card .price-row strong{font-size:.78rem}}
/* v1.8 customer menu layout: identity strip, combined filters, list cards and cart toast */
.menu-welcome-panel{padding-top:14px;padding-bottom:14px}.menu-welcome-panel h1{font-size:clamp(1.45rem,4vw,2.15rem);color:var(--primary)}.menu-search-below{display:grid;width:min(520px,100%);margin:12px auto 0;text-align:center}.menu-search-below span{text-align:center;font-size:.68rem;letter-spacing:.12em}.menu-search-below input{height:44px;text-align:center;background:#fff;border:1px solid color-mix(in srgb,var(--primary) 28%,#d8cec6);box-shadow:0 5px 16px #2f17080a}
.customer-summary-panel{display:grid;grid-template-columns:minmax(0,1fr) minmax(130px,.72fr) minmax(92px,.42fr);align-items:stretch;padding:0!important;margin-top:12px;margin-bottom:12px;background:#fff;border:1px solid #e4dbd3;box-shadow:0 8px 24px #2f18090a;overflow:hidden}.customer-summary-cell{min-width:0;padding:12px 14px;display:grid;align-content:center}.customer-summary-cell+ .customer-summary-cell{border-left:1px solid #e8dfd8}.customer-summary-cell small{font-size:.62rem;line-height:1.2;letter-spacing:.12em;font-weight:900;color:#85776e}.customer-summary-person{text-align:left}.customer-summary-person strong{font-size:1rem;line-height:1.25;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-transform:uppercase}.customer-summary-person span{font-size:.75rem;color:#74675f}.customer-summary-table{text-align:center;justify-items:center;background:color-mix(in srgb,var(--primary) 5%,#fff)}.customer-summary-table strong{font-size:.92rem;color:var(--primary);line-height:1.2}.customer-summary-action{padding:0;place-items:stretch}.summary-change-link{display:grid;place-items:center;width:100%;height:100%;min-height:62px;padding:10px;background:var(--primary);color:#fff;font-size:.72rem;font-weight:900;letter-spacing:.06em;text-align:center}.summary-change-link:hover{filter:brightness(.95)}.compact-menu-notice{margin-top:0;margin-bottom:12px;padding:9px 12px;font-size:.78rem}
.menu-controls-panel{background:#fff;border:1px solid #e4dbd3;box-shadow:0 8px 24px #2f18090a;padding:9px 12px!important;margin-bottom:14px}.menu-controls-panel .food-type-tabs{margin:0;padding:2px 0 8px}.menu-controls-panel .category-filter-wrap{margin:0;padding:8px 0 0;background:transparent}.menu-controls-panel .category-rail{padding-bottom:2px}.menu-controls-panel .filter-label{font-size:.62rem;letter-spacing:.12em;font-weight:900;color:#85776e;margin-bottom:5px}
.food-list-section{background:#fff;border:1px solid #e4dbd3;box-shadow:0 8px 24px #2f18090a;padding:13px!important;margin-bottom:16px}.food-list-heading{text-align:center;padding:1px 0 10px;border-bottom:1px solid #eee6df;margin-bottom:9px}.food-list-heading .eyebrow{margin:0 0 2px}.food-list-heading h2{font-size:1.08rem;margin:0;color:#2b211c}.menu-list.menu-list-rows{display:grid;grid-template-columns:1fr;gap:8px;width:min(940px,100%);margin:0 auto;padding:0}.food-list-card{display:grid!important;grid-template-columns:96px minmax(0,1fr) 60px;align-items:stretch;min-height:96px;text-align:left;border:1px solid #e8e0d9;background:#fff;overflow:hidden}.food-list-image{position:relative;width:96px;min-height:96px;background:#f1ece7;overflow:hidden}.food-list-image>img,.food-list-image>.food-placeholder{width:100%;height:100%;min-height:96px;object-fit:cover}.food-list-image .food-type-corner{right:5px;top:5px;width:22px;height:22px}.food-list-image .item-category-overlay{left:5px;right:5px;bottom:5px;transform:none;max-width:none;text-align:center;padding:3px 4px;font-size:.5rem}.food-list-info{min-width:0;padding:11px 12px;display:grid;align-content:center;gap:4px}.food-list-info h3{margin:0;text-align:left!important;font-size:.94rem;line-height:1.22;text-transform:uppercase;white-space:normal}.food-list-info p{margin:0;color:#786b63;font-size:.72rem;line-height:1.35;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.food-list-price{font-size:.92rem;color:var(--primary)}.food-list-action{display:grid;place-items:center;align-content:center;gap:4px;padding:8px;border-left:1px solid #eee5de;background:#fffaf5}.food-list-action small{font-size:.54rem;font-weight:900;color:#9f1239;text-align:center}.quick-add-form{margin:0}.add-icon-button{width:42px;height:42px;border:0;border-radius:4px!important;display:grid;place-items:center;background:var(--primary);color:#fff;font-size:1.45rem;font-weight:500;line-height:1;box-shadow:0 5px 14px color-mix(in srgb,var(--primary) 25%,transparent);transition:transform .15s ease,background .15s ease}.add-icon-button:hover{transform:translateY(-1px)}.add-icon-button:active{transform:scale(.96)}.add-icon-button.added{background:#15803d}.add-icon-button.sold-out{background:#9b918a}.add-icon-button:disabled{cursor:not-allowed;opacity:.65}.cart-toast{position:fixed;left:50%;bottom:92px;z-index:120;display:flex;align-items:center;gap:8px;transform:translate(-50%,14px);opacity:0;min-width:190px;justify-content:center;padding:11px 16px;background:#153d27;color:#fff;border:1px solid #4ade80;box-shadow:0 14px 35px #0004;border-radius:4px!important;transition:opacity .18s ease,transform .18s ease}.cart-toast.show{opacity:1;transform:translate(-50%,0)}.cart-toast span{width:22px;height:22px;display:grid;place-items:center;background:#fff;color:#15803d;font-weight:900;border-radius:50%}.cart-toast strong{font-size:.75rem;letter-spacing:.08em;white-space:nowrap}
@media(max-width:720px){.menu-welcome-panel{padding:11px 8px}.menu-welcome-panel p{font-size:.75rem}.menu-search-below{margin-top:8px}.menu-search-below input{height:40px;font-size:.82rem}.customer-summary-panel{width:calc(100% - 16px)!important;grid-template-columns:minmax(0,1.35fr) minmax(92px,.8fr) 72px}.customer-summary-cell{padding:9px 8px}.customer-summary-person strong{font-size:.82rem}.customer-summary-person span{font-size:.66rem}.customer-summary-table strong{font-size:.73rem}.summary-change-link{min-height:58px;padding:6px 4px;font-size:.6rem}.menu-controls-panel,.food-list-section{width:calc(100% - 16px)!important}.menu-controls-panel{padding:7px 6px!important}.food-type-tabs{gap:5px}.food-type-tabs button{min-width:82px;padding:7px 8px;font-size:.7rem}.category-rail{justify-content:center}.food-list-section{padding:8px!important}.food-list-heading{padding-bottom:7px}.food-list-heading h2{font-size:.92rem}.food-list-card{grid-template-columns:82px minmax(0,1fr) 52px;min-height:84px}.food-list-image{width:82px;min-height:84px}.food-list-image>img,.food-list-image>.food-placeholder{min-height:84px}.food-list-info{padding:8px 8px}.food-list-info h3{font-size:.76rem}.food-list-info p{font-size:.62rem;-webkit-line-clamp:1}.food-list-price{font-size:.8rem}.food-list-action{padding:5px}.add-icon-button{width:36px;height:36px;font-size:1.25rem}.cart-toast{bottom:82px;min-width:178px;padding:9px 12px}.cart-toast strong{font-size:.68rem}}
@media(max-width:380px){.customer-summary-panel{grid-template-columns:minmax(0,1.25fr) 84px 64px}.customer-summary-cell{padding:8px 6px}.customer-summary-person strong{font-size:.73rem}.customer-summary-person span{font-size:.6rem}.customer-summary-table small{font-size:.52rem}.customer-summary-table strong{font-size:.65rem}.summary-change-link{font-size:.55rem}.food-list-card{grid-template-columns:74px minmax(0,1fr) 48px}.food-list-image{width:74px}.food-list-info h3{font-size:.7rem}.food-list-info p{display:none}.add-icon-button{width:34px;height:34px}}
/* v1.9 customer identity, secure PIN/OTP access and loading experience */
.powered-footer{display:flex;align-items:center;justify-content:center;width:100%;min-height:38px;margin-top:18px;padding:8px 12px;text-align:center;background:var(--primary);color:#fff}
.powered-footer .powered-brand-row{display:flex;align-items:center;justify-content:center;width:100%;margin:0;text-align:center;white-space:nowrap}
.powered-footer .powered-brand-row strong{display:block;font-size:.65rem;line-height:1;letter-spacing:.12em;font-weight:900;text-align:center}
body.customer-app .topbar .brand span{max-width:min(62vw,520px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-transform:uppercase;text-align:center}
body.app-loading{overflow:hidden}
body.app-loading>:not(.app-loading-overlay){filter:blur(5px);pointer-events:none;user-select:none}
.app-loading-overlay{position:fixed;inset:0;z-index:9999;display:grid;place-items:center;padding:20px;background:rgba(24,18,14,.38);backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);opacity:1;visibility:visible;transition:opacity .24s ease,visibility .24s ease}
.app-loading-overlay.is-hidden{opacity:0;visibility:hidden;pointer-events:none}
.app-loading-card{width:min(310px,88vw);min-height:190px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:9px;padding:25px 18px;background:rgba(255,255,255,.96);border:1px solid rgba(255,255,255,.8);box-shadow:0 22px 60px rgba(0,0,0,.26);text-align:center;border-radius:6px}
.app-loading-card .loader-ring{width:36px;height:36px;border:4px solid color-mix(in srgb,var(--primary) 18%,#eee);border-top-color:var(--primary);border-radius:50%;animation:app-loader-spin .75s linear infinite}
.app-loading-card strong{max-width:100%;font-size:1rem;line-height:1.25;text-transform:uppercase;color:var(--primary);overflow-wrap:anywhere}
.app-loading-card>span:not(.loader-ring){font-size:.72rem;font-weight:900;letter-spacing:.14em;color:#3d332d}
.app-loading-card small{margin-top:4px;font-size:.56rem;font-weight:900;letter-spacing:.12em;color:#8a7b72;text-transform:uppercase}
@keyframes app-loader-spin{to{transform:rotate(360deg)}}
.customer-cart-page>.customer-summary-panel,.customer-orders-page>.customer-summary-panel,.customer-bill-page>.customer-summary-panel{margin-top:12px;margin-bottom:12px}
.customer-cart-page .app-title-panel,.customer-orders-page .app-title-panel,.customer-bill-page .app-title-panel{text-align:center}
.customer-cart-page .app-title-panel>div,.customer-orders-page .app-title-panel>div,.customer-bill-page .app-title-panel>div{width:100%;text-align:center}
.customer-cart-page .app-title-panel .btn,.customer-orders-page .app-title-panel .btn{margin:10px auto 0}
.bill-history-card{overflow:hidden}
.past-bill-login{margin-top:14px;padding:15px 12px;background:color-mix(in srgb,var(--primary) 5%,#fff);border:1px solid color-mix(in srgb,var(--primary) 18%,#e5ddd7);text-align:center}
.past-bill-login strong{display:block;font-size:.75rem;letter-spacing:.06em;color:var(--primary)}
.past-bill-login p{margin:7px auto 12px;max-width:560px;font-size:.76rem;color:#74675f}
.compact-empty{padding:22px 12px}
.login-mobile-chip{display:grid;grid-template-columns:1fr auto;gap:2px 10px;align-items:center;margin:12px 0;padding:11px 12px;background:color-mix(in srgb,var(--primary) 6%,#fff);border:1px solid color-mix(in srgb,var(--primary) 20%,#e4dcd6);text-align:left}
.login-mobile-chip span{font-size:.56rem;font-weight:900;letter-spacing:.12em;color:#87786f}
.login-mobile-chip strong{grid-column:1;font-size:.92rem;color:var(--primary)}
.login-mobile-chip a{grid-column:2;grid-row:1/3;align-self:stretch;display:grid;place-items:center;padding:4px 9px;background:var(--primary);color:#fff;font-size:.62rem;font-weight:900;letter-spacing:.06em}
.login-mode-panel{padding:13px 12px;border:1px solid #e8dfd8;background:#fffaf6}
.login-mode-title{display:block;margin-bottom:4px;text-align:center;font-size:.67rem;font-weight:900;letter-spacing:.1em;color:var(--primary)}
.login-limit-note{margin:8px 0 0;padding:8px 10px;background:#f7f3ef;color:#6e625b;font-size:.65rem;font-weight:700;text-align:center;border-left:3px solid var(--secondary)}
.pin-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px}
.pin-grid label{min-width:0}
.pin-login-card input[name="pin"],.pin-grid input,.customer-auth-card input[name="pin_confirmation"]{font-size:1.15rem;letter-spacing:.35em;text-align:center;font-weight:900}
@media(max-width:720px){
.powered-footer{min-height:34px;margin-bottom:68px;padding:7px 8px}
.powered-footer .powered-brand-row strong{font-size:.58rem;letter-spacing:.1em}
.app-loading-card{width:min(280px,86vw);min-height:175px;padding:22px 15px}
.customer-cart-page>.customer-summary-panel,.customer-orders-page>.customer-summary-panel,.customer-bill-page>.customer-summary-panel{width:calc(100% - 16px)!important}
.pin-grid{grid-template-columns:1fr}
.customer-cart-page .app-page-head .btn,.customer-orders-page .app-page-head .btn{width:min(320px,100%)}
}
/* v2.0 live cart controls, centered cart layout and compact coupon entry */
.selected-items-heading{width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;margin-bottom:8px}
.selected-items-heading h2,.selected-items-heading span{text-align:center}
.cart-live-form{width:100%}
.cart-live-form.is-updating{opacity:.72;pointer-events:none}
.cart-stepper-lines{display:grid;gap:8px;width:100%;margin:0 auto}
.cart-stepper-line{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(86px,auto);align-items:center;gap:12px;padding:13px 14px;border:1px solid #e8dfd8;background:#fff;text-align:center;transition:opacity .18s ease,transform .18s ease}
.cart-stepper-line.pending-remove{opacity:.48;transform:scale(.99)}
.cart-item-copy{min-width:0;display:grid;justify-items:center;text-align:center}
.cart-item-copy strong{font-size:.9rem;line-height:1.25;text-transform:uppercase;text-align:center}
.cart-item-copy small{font-size:.67rem;color:#7c6f67;text-align:center}
.quantity-stepper{display:grid;grid-template-columns:36px 42px 36px;align-items:center;justify-content:center;border:1px solid #dfd4cc;background:#faf7f4;min-height:38px}
.quantity-stepper button{width:36px;height:38px;border:0;background:var(--primary);color:#fff;font-size:1.25rem;font-weight:800;display:grid;place-items:center}
.quantity-stepper button:active{transform:scale(.96)}
.quantity-stepper strong{display:grid;place-items:center;min-width:42px;font-size:.9rem;color:#251d18}
.cart-line-total{min-width:86px;text-align:center;color:var(--primary);font-size:.93rem}
.add-more-food-cta{width:min(520px,100%);margin:14px auto 4px;display:grid;grid-template-columns:48px minmax(0,1fr) 30px;align-items:center;gap:10px;padding:11px 12px;border:1px solid color-mix(in srgb,var(--primary) 24%,#ddd);background:color-mix(in srgb,var(--primary) 5%,#fff);color:var(--primary);text-align:center}
.add-more-food-cta>span:nth-child(2){display:grid;justify-items:center}
.add-more-food-cta strong{font-size:.76rem;letter-spacing:.05em;text-align:center}
.add-more-food-cta small{font-size:.57rem;color:#7a6e66;text-align:center}
.add-more-food-icon{width:42px;height:42px;display:grid;place-items:center;background:var(--primary);color:#fff;font-size:1.25rem}
.add-more-food-cta>b{font-size:1.25rem}
.coupon-collapsible{padding:0;overflow:hidden;background:#fff;border-style:solid}
.coupon-trigger{width:100%;min-height:46px;display:grid;grid-template-columns:28px minmax(0,1fr) 24px;align-items:center;gap:8px;padding:10px 12px;border:0;background:color-mix(in srgb,var(--secondary) 12%,#fff);color:#34261e;text-align:left}
.coupon-trigger span{font-size:1.05rem;text-align:center}
.coupon-trigger strong{text-align:center;font-size:.74rem;letter-spacing:.07em;color:var(--primary)}
.coupon-trigger>b{text-align:center;font-size:1.1rem;color:var(--primary)}
.coupon-entry-row{display:grid!important;grid-template-columns:minmax(0,1fr) auto;gap:8px;padding:10px 12px;border-top:1px solid #eadfd7}
.coupon-entry-row[hidden]{display:none!important}
.coupon-entry-row input{height:40px;border-radius:2px;text-align:center;text-transform:uppercase;font-size:.8rem;font-weight:800;letter-spacing:.05em}
.coupon-entry-row .btn{height:40px;min-width:86px;border-radius:2px}
.coupon-collapsible p{min-height:0;margin:0;padding:0 12px 10px;text-align:center;font-size:.7rem}
.live-cart-totals{max-width:620px;margin:0 auto}
.place-order-btn{align-items:center;gap:5px}
@media(max-width:720px){
.cart-stepper-line{grid-template-columns:minmax(0,1fr) auto;gap:8px;padding:10px 8px}
.cart-item-copy{grid-column:1/-1}
.quantity-stepper{justify-self:center;grid-template-columns:34px 40px 34px}
.quantity-stepper button{width:34px;height:36px}
.quantity-stepper strong{min-width:40px}
.cart-line-total{justify-self:center;min-width:76px;font-size:.84rem}
.add-more-food-cta{grid-template-columns:42px minmax(0,1fr) 24px;padding:9px 8px}
.add-more-food-icon{width:38px;height:38px;font-size:1.1rem}
.add-more-food-cta strong{font-size:.68rem}
.add-more-food-cta small{font-size:.52rem}
.coupon-entry-row{grid-template-columns:minmax(0,1fr) 76px;gap:6px;padding:8px}
.coupon-entry-row .btn{min-width:76px;padding:7px 8px;font-size:.7rem}
}
/* v2.1 My Orders and My Bill refinements */
.order-page-title{text-align:center;justify-content:center}.order-page-title>div{margin-inline:auto}.orders-content{width:min(1000px,calc(100% - 24px));margin-inline:auto}.orders-food-section{padding:14px!important}.customer-order-groups{display:grid;gap:14px}.customer-order-group{border:1px solid #e5ddd6;background:#fff;overflow:hidden}.order-group-head{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 12px;background:color-mix(in srgb,var(--primary) 5%,#fff);border-bottom:1px solid #e9e1da}.order-group-head>div{display:grid;gap:2px}.order-group-head small{font-size:.62rem;color:#7c7068;font-weight:800}.order-group-head strong{font-size:.8rem;letter-spacing:.04em}.order-food-list{display:grid}.order-food-row{display:grid;grid-template-columns:88px minmax(0,1fr) 92px;min-height:88px;align-items:stretch;border-bottom:1px solid #eee7e1}.order-food-row:last-child{border-bottom:0}.order-food-image{position:relative;width:88px;min-height:88px;background:#f1ece7;overflow:hidden}.order-food-image>img,.order-food-image>.food-placeholder{width:100%;height:100%;min-height:88px;object-fit:cover}.order-food-image .food-type-corner{right:5px;top:5px;width:21px;height:21px}.order-food-image .item-category-overlay{left:4px;right:4px;bottom:4px;transform:none;max-width:none;text-align:center;padding:3px;font-size:.48rem}.order-food-info{min-width:0;display:grid;align-content:center;justify-items:center;text-align:center;padding:9px 10px;gap:3px}.order-food-info h3{margin:0;font-size:.86rem;line-height:1.2;text-transform:uppercase}.order-food-info p{margin:0;font-size:.68rem;color:#766a62}.order-food-info strong{font-size:.83rem;color:var(--primary)}.order-food-status{display:grid;place-items:center;padding:7px;border-left:1px solid #eee7e1;background:#fffaf6}.order-food-status .badge{font-size:.57rem;text-align:center}.order-group-total{display:flex;align-items:center;justify-content:center;gap:14px;padding:9px 12px;background:#2b211c;color:#fff;text-align:center}.order-group-total span{font-size:.62rem;letter-spacing:.1em;font-weight:900}.order-group-total b{font-size:.92rem}.order-more-focus{width:100%;margin:14px auto;display:grid;grid-template-columns:58px minmax(0,1fr) auto;align-items:center;gap:12px;padding:15px 16px;background:linear-gradient(135deg,color-mix(in srgb,var(--primary) 88%,#000),color-mix(in srgb,var(--primary) 62%,#ffb54d));color:#fff;border:1px solid color-mix(in srgb,var(--primary) 70%,#000);box-shadow:0 12px 28px color-mix(in srgb,var(--primary) 20%,transparent);text-align:center}.order-more-focus-icon{width:52px;height:52px;display:grid;place-items:center;background:#fff;color:var(--primary);font-size:1.45rem}.order-more-focus>span:nth-child(2){display:grid;justify-items:center;gap:3px}.order-more-focus strong{font-size:.86rem;letter-spacing:.04em}.order-more-focus small{font-size:.65rem;color:#fffde8}.order-more-focus>b{padding:9px 11px;background:#fff;color:var(--primary);font-size:.68rem;white-space:nowrap}.my-bill-order-section{width:100%;margin-top:14px}.customer-bills-content{width:min(1000px,calc(100% - 24px));margin-inline:auto}.past-bill-login-full{width:100%;margin:16px 0 0;padding:18px 14px;background:linear-gradient(135deg,#1f2937,#374151);border:0;color:#fff}.past-bill-login-full strong{font-size:.88rem;color:#fff;letter-spacing:.08em}.past-bill-login-full p{color:#e5e7eb}.past-bill-login-full .customer-access-actions{width:min(620px,100%);margin-inline:auto}.past-bill-login-full .btn.outline{border-color:#fff;color:#fff;background:transparent}
@media(max-width:720px){.orders-content,.customer-bills-content{width:calc(100% - 16px)}.orders-food-section{padding:8px!important}.customer-order-groups{gap:10px}.order-food-row{grid-template-columns:76px minmax(0,1fr) 72px;min-height:78px}.order-food-image{width:76px;min-height:78px}.order-food-image>img,.order-food-image>.food-placeholder{min-height:78px}.order-food-info{padding:7px 6px}.order-food-info h3{font-size:.72rem}.order-food-info p{font-size:.59rem}.order-food-info strong{font-size:.74rem}.order-food-status{padding:4px}.order-food-status .badge{font-size:.5rem;padding:4px}.order-more-focus{grid-template-columns:46px minmax(0,1fr);padding:12px 9px;gap:8px}.order-more-focus-icon{width:42px;height:42px;font-size:1.2rem}.order-more-focus strong{font-size:.73rem}.order-more-focus small{font-size:.56rem}.order-more-focus>b{grid-column:1/-1;width:100%;padding:8px}.past-bill-login-full{padding:15px 10px}}
/* v2.2 cart rows and order amount layout */
.cart-stepper-line.cart-menu-row{grid-template-columns:88px minmax(0,1fr) auto;min-height:88px;padding:0;gap:0;overflow:hidden;text-align:left}
.cart-row-image{position:relative;width:88px;min-height:88px;background:#f1ece7;overflow:hidden}
.cart-row-image>img,.cart-row-image>.food-placeholder{width:100%;height:100%;min-height:88px;object-fit:cover}
.cart-row-image .food-type-corner{right:5px;top:5px;width:21px;height:21px}
.cart-row-image .item-category-overlay{left:4px;right:4px;bottom:4px;transform:none;max-width:none;text-align:center;padding:3px;font-size:.48rem}
.cart-menu-row .cart-item-copy{display:grid;align-content:center;justify-items:start;text-align:left;padding:9px 12px;gap:3px}
.cart-menu-row .cart-item-copy strong{text-align:left;font-size:.86rem}
.cart-menu-row .cart-item-copy small{text-align:left}
.cart-menu-row .cart-item-copy p{margin:2px 0 0;color:#7a6d65;font-size:.62rem;line-height:1.35;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.cart-row-actions{min-width:132px;padding:8px 10px;display:grid;align-content:center;justify-items:center;gap:7px;border-left:1px solid #eee7e1;background:#fffaf6}
.cart-menu-row .quantity-stepper{grid-template-columns:32px 38px 32px;min-height:34px}
.cart-menu-row .quantity-stepper button{width:32px;height:34px;font-size:1.1rem}
.cart-menu-row .quantity-stepper strong{min-width:38px;font-size:.84rem}
.cart-menu-row .cart-line-total{min-width:0;text-align:center;font-size:.84rem}
.order-head-amount{display:grid;justify-items:end;gap:2px;text-align:right}
.order-head-amount small{font-size:.55rem;letter-spacing:.08em;color:#7c7068;font-weight:900}
.order-head-amount strong{font-size:.88rem;color:var(--primary)}
.order-food-row.order-food-row-no-image{grid-template-columns:minmax(0,1fr) 110px;min-height:74px;align-items:stretch}
.order-food-info.order-food-info-left{justify-items:start;text-align:left;padding:10px 12px;gap:3px}
.order-food-name-line{display:flex;align-items:center;gap:7px;min-width:0}
.order-food-name-line .food-icon{flex:0 0 auto;width:16px;height:16px}
.order-food-name-line h3{text-align:left}
.order-food-category{display:inline-flex;padding:2px 6px;background:color-mix(in srgb,var(--secondary) 18%,#fff);color:#5d4c40;font-size:.5rem;font-weight:900;letter-spacing:.05em}
.order-food-line-total{display:grid;place-content:center;justify-items:center;padding:8px 10px;border-left:1px solid #eee7e1;background:#fffaf6;text-align:center}
.order-food-line-total small{font-size:.52rem;letter-spacing:.07em;color:#7c7068;font-weight:900}
.order-food-line-total strong{font-size:.88rem;color:var(--primary)}
.order-tax-line{display:flex;align-items:center;justify-content:center;gap:14px;padding:7px 12px;background:#fff8ef;border-top:1px solid #eee2d7;color:#6b5140;text-align:center}
.order-tax-line span{font-size:.6rem;letter-spacing:.1em;font-weight:900}
.order-tax-line b{font-size:.82rem}
@media(max-width:720px){
.cart-stepper-line.cart-menu-row{grid-template-columns:72px minmax(0,1fr) 104px;min-height:76px}
.cart-row-image{width:72px;min-height:76px}
.cart-row-image>img,.cart-row-image>.food-placeholder{min-height:76px}
.cart-menu-row .cart-item-copy{grid-column:auto;padding:7px 7px}
.cart-menu-row .cart-item-copy strong{font-size:.72rem}
.cart-menu-row .cart-item-copy small{font-size:.55rem}
.cart-menu-row .cart-item-copy p{font-size:.52rem;-webkit-line-clamp:1}
.cart-row-actions{min-width:104px;padding:6px 4px}
.cart-menu-row .quantity-stepper{grid-template-columns:28px 32px 28px}
.cart-menu-row .quantity-stepper button{width:28px;height:31px;font-size:1rem}
.cart-menu-row .quantity-stepper strong{min-width:32px;font-size:.75rem}
.cart-menu-row .cart-line-total{font-size:.73rem}
.order-food-row.order-food-row-no-image{grid-template-columns:minmax(0,1fr) 90px;min-height:68px}
.order-food-info.order-food-info-left{padding:8px}
.order-food-line-total{padding:6px}
.order-food-line-total strong{font-size:.76rem}
}
/* v2.3 clean food orders, Hyper Era-inspired access forms and light past-bill panel */
.customer-order-clean{margin:0;background:#fff;border-color:color-mix(in srgb,var(--primary) 14%,#e5ddd6)}
.order-food-row.order-food-row-with-image{display:grid;grid-template-columns:88px minmax(0,1fr) 112px;min-height:88px;align-items:stretch;border-bottom:1px solid #eee7e1;background:#fff}
.order-food-row.order-food-row-with-image:last-child{border-bottom:0}
.order-food-row-with-image .order-food-image{width:88px;min-height:88px}
.order-food-row-with-image .order-food-info{justify-items:start;text-align:left;padding:10px 12px;gap:4px}
.order-food-row-with-image .order-food-info h3{margin:0;text-align:left;font-size:.88rem;line-height:1.22;text-transform:uppercase}
.order-food-row-with-image .order-food-info p{margin:0;color:#73675f;font-size:.7rem;font-weight:800}
.order-food-row-with-image .order-food-line-total{min-width:112px}
.order-food-row-with-image .order-food-line-total small{font-size:.48rem;line-height:1.15}
.order-subtotal-line,.order-tax-line{display:flex;align-items:center;justify-content:center;gap:16px;padding:8px 12px;text-align:center}
.order-subtotal-line{background:color-mix(in srgb,var(--primary) 4%,#fff);border-top:1px solid #eee7e1;color:#4c4039}
.order-subtotal-line span,.order-tax-line span{font-size:.6rem;letter-spacing:.1em;font-weight:900}
.order-subtotal-line b,.order-tax-line b{font-size:.83rem}
body.a1-inspired-auth .auth-page{position:relative;overflow:hidden;background:linear-gradient(135deg,color-mix(in srgb,var(--primary) 82%,#667eea),color-mix(in srgb,var(--primary) 55%,#764ba2));background-attachment:fixed}
body.a1-inspired-auth .auth-page:before{content:"";position:absolute;inset:-20%;background:radial-gradient(circle at 18% 20%,rgba(255,255,255,.26),transparent 26%),radial-gradient(circle at 82% 78%,rgba(255,255,255,.15),transparent 28%);animation:a1AuthFloat 12s ease-in-out infinite alternate;pointer-events:none}
body.a1-inspired-auth .auth-page:after{content:"";position:absolute;inset:0;background-image:radial-gradient(circle,rgba(255,255,255,.18) 1px,transparent 1.5px);background-size:34px 34px;opacity:.28;pointer-events:none}
@keyframes a1AuthFloat{from{transform:translate3d(-2%,0,0) scale(1)}to{transform:translate3d(2%,-2%,0) scale(1.08)}}
body.a1-inspired-auth .auth-card{position:relative;z-index:1;width:min(520px,100%);padding:30px 28px;border:1px solid rgba(255,255,255,.72);border-radius:18px;box-shadow:0 24px 64px rgba(24,13,8,.28);animation:a1CardIn .42s ease-out}
@keyframes a1CardIn{from{opacity:0;transform:translateY(22px)}to{opacity:1;transform:translateY(0)}}
body.a1-inspired-auth .brand-large{display:flex;justify-content:center;color:var(--primary);font-size:1.18rem;text-align:center;text-transform:uppercase;letter-spacing:.05em}
body.a1-inspired-auth .customer-auth-card>.eyebrow{display:block;margin:18px 0 3px;text-align:center;color:var(--primary)}
body.a1-inspired-auth .customer-auth-card>h1{margin:0 0 7px;text-align:center;color:var(--primary);font-size:clamp(1.55rem,5vw,2rem);font-weight:950;letter-spacing:.04em}
body.a1-inspired-auth .customer-auth-card>p{text-align:center;color:#70645c;margin:0 auto 22px;max-width:420px}
body.a1-inspired-auth .stack-form label{font-size:.72rem;letter-spacing:.055em;text-transform:uppercase;color:#51453e}
body.a1-inspired-auth .stack-form input{min-height:52px;border:2px solid #e3dbd5;border-radius:10px;background:#faf8f6;transition:.2s ease}
body.a1-inspired-auth .stack-form input:focus{outline:0;border-color:var(--primary);background:#fff;box-shadow:0 0 0 4px color-mix(in srgb,var(--primary) 10%,transparent)}
body.a1-inspired-auth .btn{min-height:48px;border-radius:9px;text-transform:uppercase;letter-spacing:.035em;box-shadow:0 9px 22px color-mix(in srgb,var(--primary) 18%,transparent)}
body.a1-inspired-auth .btn.outline{box-shadow:none;background:#fff}
body.a1-inspired-auth .login-mobile-chip{border:1px solid color-mix(in srgb,var(--primary) 18%,#e2d9d2);background:color-mix(in srgb,var(--primary) 5%,#fff)}
body.a1-inspired-auth .login-mode-panel{padding:15px;border:1px solid #e8dfd8;background:#fffaf7;border-radius:10px}
body.a1-inspired-menu{background:radial-gradient(circle at 12% 4%,color-mix(in srgb,var(--secondary) 12%,#fff),transparent 24%),#f7f5f2}
body.a1-inspired-menu .menu-welcome-panel{background:linear-gradient(135deg,color-mix(in srgb,var(--primary) 14%,#fff),color-mix(in srgb,var(--secondary) 17%,#fff));box-shadow:0 12px 30px color-mix(in srgb,var(--primary) 10%,transparent)}
body.a1-inspired-menu .menu-controls-panel{padding:10px 14px;background:#fff;border:1px solid #e7ded7;box-shadow:0 12px 28px rgba(46,25,16,.07)}
body.a1-inspired-menu .food-type-tabs button,body.a1-inspired-menu .category-rail button{border:2px solid #e6ddd6;transition:transform .18s ease,border-color .18s ease,background .18s ease}
body.a1-inspired-menu .food-type-tabs button:hover,body.a1-inspired-menu .category-rail button:hover{transform:translateY(-1px);border-color:var(--primary)}
body.a1-inspired-menu .food-list-card{border:1px solid #e7ddd6;box-shadow:0 8px 22px rgba(55,31,18,.055);transition:transform .18s ease,box-shadow .18s ease}
body.a1-inspired-menu .food-list-card:hover{transform:translateY(-2px);box-shadow:0 14px 30px rgba(55,31,18,.095)}
body.a1-inspired-menu .add-icon-button{box-shadow:0 8px 18px color-mix(in srgb,var(--primary) 18%,transparent)}
.past-bill-login-full{width:100%;padding:20px 16px;background:linear-gradient(135deg,color-mix(in srgb,var(--primary) 10%,#fff),color-mix(in srgb,var(--secondary) 11%,#fff));border:1px solid color-mix(in srgb,var(--primary) 20%,#e3dad3);color:#332821;box-shadow:0 10px 24px color-mix(in srgb,var(--primary) 8%,transparent)}
.past-bill-login-full strong{color:var(--primary);font-size:.9rem}
.past-bill-login-full p{color:#6f625a}
.past-bill-login-full .btn{background:var(--primary);color:#fff}
.past-bill-login-full .btn.outline{background:#fff;border-color:var(--primary);color:var(--primary)}
@media(max-width:720px){
.order-food-row.order-food-row-with-image{grid-template-columns:74px minmax(0,1fr) 88px;min-height:76px}
.order-food-row-with-image .order-food-image{width:74px;min-height:76px}
.order-food-row-with-image .order-food-image>img,.order-food-row-with-image .order-food-image>.food-placeholder{min-height:76px}
.order-food-row-with-image .order-food-info{padding:8px 7px}
.order-food-row-with-image .order-food-info h3{font-size:.72rem}
.order-food-row-with-image .order-food-info p{font-size:.6rem}
.order-food-row-with-image .order-food-line-total{min-width:88px;padding:6px 4px}
.order-food-row-with-image .order-food-line-total small{font-size:.42rem}
.order-food-row-with-image .order-food-line-total strong{font-size:.74rem}
body.a1-inspired-auth .auth-page{padding:14px}
body.a1-inspired-auth .auth-card{padding:24px 18px;border-radius:14px}
body.a1-inspired-menu .menu-controls-panel{width:calc(100% - 16px);padding:8px}
.bill-history-card{padding-left:16px;padding-right:16px}
.bill-history-card .past-bill-login-full{width:calc(100% + 32px);margin-left:-16px;margin-right:-16px;margin-bottom:-22px;border-left:0;border-right:0;border-bottom:0;padding:18px 12px;background:linear-gradient(135deg,color-mix(in srgb,var(--primary) 9%,#fff),color-mix(in srgb,var(--primary) 3%,#fff))}
.past-bill-login-full .customer-access-actions{grid-template-columns:1fr 1fr;gap:8px;width:100%}
.past-bill-login-full .btn{padding:10px 7px;font-size:.67rem}
}
/* v2.4 inline food/tax totals, focused add-more action and Hyper Era-inspired customer header */
.order-amounts-inline{
display:grid;
grid-template-columns:repeat(2,minmax(0,1fr));
align-items:stretch;
border-top:1px solid #eee7e1;
background:color-mix(in srgb,var(--primary) 4%,#fff);
}
.order-amounts-inline>span{
min-width:0;
display:flex;
align-items:center;
justify-content:center;
gap:9px;
padding:9px 12px;
text-align:center;
}
.order-amounts-inline>span+span{border-left:1px solid color-mix(in srgb,var(--primary) 13%,#e8dfd8)}
.order-amounts-inline small{
font-size:.58rem;
line-height:1;
letter-spacing:.09em;
font-weight:950;
color:#75685f;
}
.order-amounts-inline b{font-size:.85rem;color:var(--primary);white-space:nowrap}
.order-more-focus-v24{
grid-template-columns:58px minmax(0,1fr) 48px;
min-height:78px;
padding:12px 14px;
overflow:hidden;
}
.order-more-focus-v24 .order-more-focus-icon{
width:50px;
height:50px;
background:transparent;
color:#fff;
border:1px solid rgba(255,255,255,.34);
}
.order-more-focus-v24 .order-more-focus-icon svg{
width:38px;
height:38px;
fill:none;
stroke:currentColor;
stroke-width:2.4;
stroke-linecap:round;
stroke-linejoin:round;
opacity:.96;
}
.order-more-focus-v24 .order-more-focus-copy{display:grid;justify-items:center;gap:2px;min-width:0}
.order-more-focus-v24 .order-more-plus{
width:42px;
height:42px;
display:grid;
place-items:center;
padding:0;
border:1px solid rgba(255,255,255,.72);
background:rgba(255,255,255,.96);
color:var(--primary);
font-size:1.7rem;
line-height:1;
font-weight:500;
}
/* White customer header inspired by a(1).zip */
body.customer-app .topbar{
min-height:66px;
padding-top:8px;
padding-bottom:8px;
background:#fff;
color:var(--primary);
border-bottom:2px solid var(--primary);
box-shadow:0 3px 16px color-mix(in srgb,var(--primary) 10%,transparent);
}
body.customer-app .topbar .brand{
color:var(--primary);
text-transform:uppercase;
letter-spacing:.045em;
}
body.customer-app .topbar .brand img{
width:44px;
height:44px;
border:1px solid color-mix(in srgb,var(--primary) 18%,#eee);
border-radius:10px;
background:#fff;
box-shadow:0 4px 12px color-mix(in srgb,var(--primary) 8%,transparent);
}
body.customer-app .main-nav{gap:6px}
body.customer-app .main-nav a{
color:var(--primary);
padding:8px 11px;
border:1px solid transparent;
border-radius:8px;
background:transparent;
font-size:.76rem;
font-weight:850;
letter-spacing:.025em;
text-transform:uppercase;
transition:background .18s ease,color .18s ease,transform .18s ease,border-color .18s ease;
}
body.customer-app .main-nav a:hover{
background:color-mix(in srgb,var(--primary) 7%,#fff);
border-color:color-mix(in srgb,var(--primary) 14%,#eee);
color:var(--primary);
transform:translateY(-1px);
}
body.customer-app .menu-toggle{
color:var(--primary);
background:color-mix(in srgb,var(--primary) 7%,#fff);
border:1px solid color-mix(in srgb,var(--primary) 18%,#eee);
border-radius:8px;
}
body.a1-inspired-auth .auth-page{min-height:calc(100vh - 66px)}
body.a1-inspired-auth .auth-card{
border-radius:16px;
border-top:5px solid var(--primary);
}
body.a1-inspired-auth .customer-auth-card .back-link{
color:var(--primary);
padding:7px;
border-radius:7px;
}
body.a1-inspired-auth .customer-auth-card .back-link:hover{background:color-mix(in srgb,var(--primary) 6%,#fff)}
@media(max-width:720px){
.order-amounts-inline>span{gap:5px;padding:8px 5px}
.order-amounts-inline small{font-size:.49rem;letter-spacing:.055em}
.order-amounts-inline b{font-size:.72rem}
.order-more-focus-v24{grid-template-columns:46px minmax(0,1fr) 40px;padding:10px 9px;gap:8px}
.order-more-focus-v24 .order-more-focus-icon{width:42px;height:42px}
.order-more-focus-v24 .order-more-focus-icon svg{width:31px;height:31px}
.order-more-focus-v24 .order-more-plus{grid-column:auto;width:36px;height:36px;font-size:1.45rem}
body.customer-app .topbar{min-height:58px;padding:7px 12px}
body.customer-app .topbar .brand{font-size:.84rem;min-width:0}
body.customer-app .topbar .brand img{width:38px;height:38px}
body.customer-app .main-nav{
top:58px;
left:8px;
right:8px;
padding:8px;
background:#fff;
border:1px solid color-mix(in srgb,var(--primary) 17%,#eee);
border-top:0;
box-shadow:0 18px 38px rgba(36,20,12,.18);
align-items:stretch;
}
body.customer-app .main-nav a{
width:100%;
padding:10px 12px;
text-align:left;
background:#fff;
border-color:transparent;
border-bottom:1px solid color-mix(in srgb,var(--primary) 8%,#eee);
border-radius:6px;
}
body.customer-app .main-nav a:last-child{border-bottom:0}
body.a1-inspired-auth .auth-page{min-height:calc(100vh - 58px)}
}
/* v2.5 exact a(2).zip-inspired customer header and customer authentication */
.customer-theme-header{
min-height:70px!important;
padding:0!important;
background:linear-gradient(135deg,var(--primary),color-mix(in srgb,var(--primary) 72%,#111827))!important;
border:0!important;
box-shadow:0 8px 24px color-mix(in srgb,var(--primary) 24%,transparent)!important;
color:#fff!important;
position:sticky;
top:0;
z-index:1000;
}
.customer-navbar{width:min(1180px,calc(100% - 28px));min-height:70px;margin:auto;display:flex;align-items:center;gap:24px}
.customer-theme-header .customer-header-brand{display:flex;align-items:center;gap:10px;min-width:0;color:#fff!important;text-decoration:none}
.customer-theme-header .customer-header-brand img,.mobile-menu-brand img{width:44px;height:44px;object-fit:contain;padding:3px;background:#fff;border:1px solid rgba(255,255,255,.58);border-radius:10px;box-shadow:0 5px 16px rgba(0,0,0,.16)}
.customer-theme-header .brand-mark,.mobile-menu-brand .brand-mark{width:42px;height:42px;display:grid;place-items:center;background:#fff;color:var(--primary);border-radius:9px;font-size:1.15rem;font-weight:950}
.customer-theme-header .brand-name{max-width:330px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#fff;font-size:.98rem;font-weight:850;letter-spacing:.045em;text-transform:uppercase}
.customer-theme-header .customer-main-nav{display:flex;align-items:center;gap:4px;margin-left:auto}
.customer-theme-header .customer-nav-link{display:flex;align-items:center;gap:7px;padding:9px 10px;border:1px solid transparent;border-radius:9px;color:#fff!important;background:transparent;font-size:.72rem;font-weight:850;letter-spacing:.025em;text-transform:uppercase;transition:.22s ease}
.customer-theme-header .customer-nav-link:hover,.customer-theme-header .customer-nav-link.active{background:rgba(255,255,255,.16);border-color:rgba(255,255,255,.26);transform:translateY(-1px)}
.header-nav-icon{width:17px;height:17px;display:grid;place-items:center;flex:0 0 17px}
.header-nav-icon svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.customer-theme-header .nav-access-btn{margin-left:4px;padding:9px 14px;background:#fff!important;color:var(--primary)!important;border-color:#fff!important;border-radius:999px;box-shadow:0 6px 16px rgba(0,0,0,.15)}
.customer-theme-header .nav-access-btn:hover,.customer-theme-header .nav-access-btn.active{background:color-mix(in srgb,var(--secondary) 18%,#fff)!important;color:var(--primary)!important}
.customer-theme-header .mobile-menu-head,.customer-theme-header .mobile-menu-label,.customer-theme-header .mobile-register-link,.customer-theme-header .mobile-team-link,.customer-theme-header .nav-divider{display:none}
.customer-menu-toggle{display:none!important;width:42px;height:40px;margin-left:auto;padding:8px!important;align-items:center;justify-content:center;flex-direction:column;gap:4px;background:rgba(255,255,255,.12)!important;border:1px solid rgba(255,255,255,.3)!important;border-radius:9px!important}
.customer-menu-toggle span{display:block;width:21px;height:2px;background:#fff;border-radius:99px;transition:.2s ease}
.mobile-nav-overlay{display:none}
.he-auth-page{min-height:calc(100vh - 70px);padding:24px 14px 20px;align-items:flex-start;background:linear-gradient(135deg,color-mix(in srgb,var(--primary) 78%,#667eea),color-mix(in srgb,var(--primary) 52%,#764ba2));position:relative;overflow:hidden}
.he-auth-page:before{content:"";position:fixed;inset:70px 0 0;background:radial-gradient(circle at 17% 18%,rgba(255,255,255,.2),transparent 25%),radial-gradient(circle at 82% 78%,rgba(255,255,255,.13),transparent 28%);pointer-events:none;animation:heAuthGlow 9s ease-in-out infinite alternate}
.he-auth-page:after{content:"";position:fixed;inset:70px 0 0;background-image:radial-gradient(circle,rgba(255,255,255,.15) 1px,transparent 1.4px);background-size:48px 48px;pointer-events:none;opacity:.45}
@keyframes heAuthGlow{from{transform:translate3d(-1%,0,0) scale(1)}to{transform:translate3d(2%,-1%,0) scale(1.08)}}
.helogin-container,.heregister-container{position:relative;z-index:2;width:min(520px,100%);margin:0 auto;background:#fff;border:1px solid rgba(255,255,255,.72);border-radius:22px;padding:30px 28px 24px;box-shadow:0 28px 72px rgba(17,12,8,.3);animation:heAuthCardIn .42s ease-out}
@keyframes heAuthCardIn{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}
.he-auth-brand{display:flex;align-items:center;justify-content:center;gap:9px;margin:0 auto 13px;color:var(--primary);font-size:.92rem;font-weight:900;letter-spacing:.055em;text-align:center;text-transform:uppercase}
.he-auth-brand img{width:42px;height:42px;padding:3px;object-fit:contain;background:#fff;border:1px solid color-mix(in srgb,var(--primary) 18%,#e5e7eb);border-radius:10px;box-shadow:0 5px 14px color-mix(in srgb,var(--primary) 10%,transparent)}
.helogin-title,.heregister-title{margin:0 0 7px;text-align:center;color:var(--primary);font-size:clamp(1.65rem,5vw,2rem);font-weight:950;letter-spacing:.06em;line-height:1.15;text-transform:uppercase}
.helogin-subtitle,.heregister-subtitle{max-width:420px;margin:0 auto 25px;text-align:center;color:#6b625c;font-size:.88rem;line-height:1.45}
.helogin-form,.heregister-form{display:grid;gap:17px}
.helogin-field,.heregister-field{display:grid;gap:7px;margin:0}
.helogin-label,.heregister-label,.helogin-method-title{font-size:.69rem;font-weight:900;letter-spacing:.08em;color:#4d443e;text-transform:uppercase}
.helogin-input-group,.heregister-input-group{min-height:54px;display:flex;align-items:center;overflow:hidden;border:2px solid #e3ddd8;border-radius:12px;background:#f8f6f4;transition:.2s ease}
.helogin-input-group:focus-within,.heregister-input-group:focus-within{border-color:var(--primary);background:#fff;box-shadow:0 0 0 4px color-mix(in srgb,var(--primary) 9%,transparent)}
.helogin-input-group input,.heregister-input-group input{min-width:0;flex:1;border:0!important;border-radius:0!important;background:transparent!important;padding:15px 13px!important;box-shadow:none!important;outline:0;font-size:.94rem}
.helogin-country,.heregister-country{min-height:52px;padding:0 14px;display:flex;align-items:center;gap:7px;border-right:2px solid #e3ddd8;color:#27211e;font-size:.84rem;font-weight:850;white-space:nowrap}
.helogin-input-icon,.heregister-input-icon{width:49px;min-height:52px;display:grid;place-items:center;color:var(--primary);border-right:1px solid #e8e1dc;font-weight:900}
.helogin-input-icon svg,.heregister-input-icon svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.helogin-submit,.heregister-submit{width:100%;min-height:52px;padding:13px 16px;border:0;border-radius:12px;background:linear-gradient(135deg,var(--primary),color-mix(in srgb,var(--primary) 72%,#111827));color:#fff;font-size:.86rem;font-weight:900;letter-spacing:.045em;text-transform:uppercase;display:flex;align-items:center;justify-content:center;gap:10px;box-shadow:0 10px 24px color-mix(in srgb,var(--primary) 25%,transparent);transition:.2s ease}
.helogin-submit:hover,.heregister-submit:hover{transform:translateY(-2px);box-shadow:0 14px 28px color-mix(in srgb,var(--primary) 32%,transparent)}
.helogin-submit:disabled{opacity:.48;transform:none;cursor:not-allowed}
.helogin-submit svg,.heregister-submit svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.helogin-mobile-card,.heregister-verified-mobile{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 17px;padding:12px 13px;background:color-mix(in srgb,var(--primary) 6%,#fff);border:1px solid color-mix(in srgb,var(--primary) 19%,#e4ddd8);border-radius:12px}
.helogin-mobile-card>div,.heregister-verified-mobile{min-width:0}
.helogin-mobile-card span,.heregister-verified-mobile>span{display:block;color:#84776e;font-size:.58rem;font-weight:900;letter-spacing:.1em}
.helogin-mobile-card strong,.heregister-verified-mobile strong{display:block;color:var(--primary);font-size:.95rem}
.helogin-mobile-card a,.heregister-verified-mobile a{padding:8px 11px;background:var(--primary);color:#fff;border-radius:8px;font-size:.66rem;font-weight:900;letter-spacing:.05em}
.helogin-mode-panel{padding:16px;border:1px solid #e9e1db;border-radius:14px;background:#fffaf7}
.helogin-mode-heading{display:flex;align-items:center;gap:11px;margin-bottom:15px}
.helogin-mode-heading .helogin-mode-icon{width:39px;height:39px;display:grid;place-items:center;background:color-mix(in srgb,var(--primary) 10%,#fff);color:var(--primary);border-radius:10px;font-weight:900}
.helogin-mode-heading div{display:grid;gap:1px}.helogin-mode-heading strong{font-size:.78rem;color:#302925}.helogin-mode-heading small{color:#746860;font-size:.68rem}
.heotp-input-wrapper{display:flex;justify-content:center;gap:7px;margin:4px 0 15px}
.heotp-digit{width:49px;height:56px;padding:0!important;border:2px solid #ded6d0!important;border-radius:12px!important;background:#fff!important;text-align:center;font-size:1.15rem!important;font-weight:900;color:#271f1b;outline:0}
.heotp-digit:focus{border-color:var(--primary)!important;box-shadow:0 0 0 4px color-mix(in srgb,var(--primary) 9%,transparent)!important}
.helogin-limit-note{margin:11px 0;text-align:center;color:#756a63;font-size:.65rem;font-weight:750;letter-spacing:.035em}.helogin-limit-note strong{color:var(--primary)}
.helogin-inline-action,.heregister-resend{text-align:center}.helogin-inline-action button,.heregister-resend button{border:0;background:transparent;color:var(--primary);font-size:.72rem;font-weight:900;letter-spacing:.04em;padding:8px}
.helogin-secondary-btn{display:flex;align-items:center;justify-content:center;width:100%;min-height:47px;margin-top:8px;border:1px solid var(--primary);border-radius:11px;background:#fff;color:var(--primary);font-size:.75rem;font-weight:900;letter-spacing:.04em}
.helogin-method-title{margin:18px 0 9px;text-align:center}
.helogin-methods{display:grid;grid-template-columns:1fr 1fr;gap:10px}.helogin-method-form{margin:0}.helogin-method{width:100%;min-height:66px;padding:10px;display:flex;align-items:center;gap:9px;border:2px solid #e2dcd7;border-radius:12px;background:#fff;color:#27211e;text-align:left;transition:.2s ease}.helogin-method.active,.helogin-method:hover{border-color:var(--primary);background:color-mix(in srgb,var(--primary) 6%,#fff);transform:translateY(-1px)}.helogin-method.disabled{opacity:.5}.helogin-method-icon{width:35px;height:35px;display:grid;place-items:center;border-radius:9px;background:color-mix(in srgb,var(--primary) 10%,#fff);color:var(--primary);font-weight:900}.helogin-method-text{display:grid;gap:1px}.helogin-method-text b{font-size:.7rem}.helogin-method-text small{font-size:.58rem;color:#746860}
.helogin-alert.info{margin:0 0 14px;padding:12px;border:1px solid #93c5fd;border-radius:11px;background:#eff6ff;color:#1d4ed8;font-size:.77rem;font-weight:750;text-align:center}
.helogin-footer,.heregister-footer{margin-top:24px;padding-top:18px;border-top:1px solid #ece5e0;text-align:center}.helogin-footer>span,.heregister-footer>span{font-size:.68rem;font-weight:800;color:#776a62}.helogin-footer>a,.heregister-footer>a{margin-left:5px;color:var(--primary);font-size:.75rem;font-weight:950}.helogin-footer small,.heregister-footer small{display:block;margin-top:10px;color:#998c84;font-size:.59rem;line-height:1.4}.helogin-back{display:block;margin-top:12px;text-align:center;color:var(--primary);font-size:.68rem;font-weight:900}
.heregister-steps{display:flex;align-items:center;justify-content:center;margin:0 auto 23px;max-width:350px}.heregister-step{display:grid;justify-items:center;gap:5px;min-width:88px}.heregister-step>span{width:34px;height:34px;display:grid;place-items:center;border:2px solid #ddd5cf;border-radius:50%;background:#fff;color:#9b8e85;font-size:.75rem;font-weight:900}.heregister-step small{font-size:.55rem;font-weight:900;color:#91857d;letter-spacing:.06em}.heregister-step.active>span,.heregister-step.completed>span{border-color:var(--primary);background:var(--primary);color:#fff}.heregister-step.active small,.heregister-step.completed small{color:var(--primary)}.heregister-step-line{width:70px;height:3px;margin-bottom:19px;background:#ddd5cf;border-radius:99px}.heregister-step-line.active{background:var(--primary)}
.heregister-pin-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}
@media(max-width:820px){
.customer-navbar{width:100%;min-height:62px;padding:7px 12px}
.customer-theme-header{min-height:62px!important}
.customer-theme-header .brand-name{max-width:64vw;font-size:.85rem}
.customer-theme-header .customer-header-brand img{width:40px;height:40px}
.customer-menu-toggle{display:flex!important}
.customer-theme-header .customer-main-nav{display:flex!important;position:fixed!important;top:0!important;right:0!important;bottom:0!important;left:auto!important;width:min(88vw,360px)!important;margin:0!important;padding:0 12px 24px!important;flex-direction:column!important;align-items:stretch!important;gap:5px!important;background:#fff!important;color:#1f2937!important;border:0!important;box-shadow:-22px 0 54px rgba(17,24,39,.25)!important;transform:translateX(110%);transition:transform .28s cubic-bezier(.2,.9,.3,1);z-index:1102;overflow-y:auto}
.customer-theme-header .customer-main-nav.open{transform:translateX(0)}
.customer-theme-header .mobile-menu-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 -12px 10px;padding:12px;background:linear-gradient(135deg,var(--primary),color-mix(in srgb,var(--primary) 72%,#111827));color:#fff}
.mobile-menu-brand{min-width:0;display:flex;align-items:center;gap:9px;color:#fff!important;font-size:.78rem;font-weight:900;letter-spacing:.04em;text-transform:uppercase}.mobile-menu-brand img{width:39px;height:39px}.mobile-menu-brand span:last-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.mobile-menu-close{width:38px;height:38px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.36);border-radius:50%;background:rgba(255,255,255,.12);color:#fff;font-size:1.55rem;line-height:1}
.customer-theme-header .mobile-menu-label{display:block;padding:7px 10px;color:#8b7e75;font-size:.57rem;font-weight:900;letter-spacing:.13em}
.customer-theme-header .customer-nav-link{width:100%;min-height:48px;padding:11px 12px;border:1px solid #eee7e2;border-radius:11px;background:#fff;color:#27211e!important;font-size:.73rem;text-align:left;transform:none!important}
.customer-theme-header .customer-nav-link:hover,.customer-theme-header .customer-nav-link.active{background:color-mix(in srgb,var(--primary) 7%,#fff);border-color:color-mix(in srgb,var(--primary) 22%,#e6ddd7);color:var(--primary)!important}
.customer-theme-header .nav-access-btn{margin:3px 0 0;background:var(--primary)!important;color:#fff!important;border-color:var(--primary)!important;border-radius:11px;box-shadow:none}
.customer-theme-header .mobile-register-link,.customer-theme-header .mobile-team-link{display:flex}
.customer-theme-header .nav-divider{display:block;height:1px;margin:6px 2px;background:#ece5e0}
.mobile-nav-overlay{display:block;position:fixed;inset:0;background:rgba(15,10,7,.58);backdrop-filter:blur(3px);opacity:0;visibility:hidden;transition:.25s ease;z-index:1101}.mobile-nav-overlay.open{opacity:1;visibility:visible}
body.menu-open{overflow:hidden}
.he-auth-page{min-height:calc(100vh - 62px);padding-top:16px}.he-auth-page:before,.he-auth-page:after{inset:62px 0 0}
}
@media(max-width:560px){
.helogin-container,.heregister-container{padding:24px 16px 19px;border-radius:18px}
.helogin-title,.heregister-title{font-size:1.48rem}.helogin-subtitle,.heregister-subtitle{font-size:.79rem;margin-bottom:20px}
.he-auth-brand{font-size:.79rem}.he-auth-brand img{width:38px;height:38px}
.heotp-input-wrapper{gap:5px}.heotp-digit{width:41px;height:51px;font-size:1rem!important;border-radius:10px!important}
.heregister-pin-grid{grid-template-columns:1fr}.helogin-methods{gap:7px}.helogin-method{padding:8px 7px}.helogin-method-icon{width:31px;height:31px}.helogin-method-text b{font-size:.62rem}.helogin-method-text small{font-size:.52rem}
}
@media(max-width:380px){.heotp-digit{width:36px;height:48px}.customer-theme-header .brand-name{max-width:57vw;font-size:.75rem}}
/* v2.5.1: menu drawer also uses restaurant theme; auth messages stay inside reference card */
.helogin-alert{display:flex;align-items:center;gap:10px;margin:0 0 16px;padding:12px 13px;border-radius:11px;font-size:.76rem;font-weight:800;line-height:1.35}
.helogin-alert .auth-alert-icon{width:25px;height:25px;display:grid;place-items:center;flex:0 0 25px;border-radius:50%;font-weight:950}
.helogin-alert.error{background:#fff1f2;border:1px solid #fecdd3;color:#9f1239}.helogin-alert.error .auth-alert-icon{background:#fecdd3;color:#9f1239}
.helogin-alert.success{background:#ecfdf3;border:1px solid #a7f3d0;color:#166534}.helogin-alert.success .auth-alert-icon{background:#bbf7d0;color:#166534}
.helogin-alert.info{background:#eff6ff;border:1px solid #bfdbfe;color:#1d4ed8}.helogin-alert.info .auth-alert-icon{background:#dbeafe;color:#1d4ed8}
.helogin-alert.warning{background:#fffbeb;border:1px solid #fde68a;color:#92400e}.helogin-alert.warning .auth-alert-icon{background:#fef3c7;color:#92400e}
@media(max-width:820px){
.customer-theme-header .customer-main-nav{background:linear-gradient(165deg,var(--primary),color-mix(in srgb,var(--primary) 68%,#111827))!important;color:#fff!important}
.customer-theme-header .mobile-menu-head{background:rgba(255,255,255,.08);border-bottom:1px solid rgba(255,255,255,.18)}
.customer-theme-header .mobile-menu-label{color:rgba(255,255,255,.65)}
.customer-theme-header .customer-nav-link{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.16);color:#fff!important}
.customer-theme-header .customer-nav-link:hover,.customer-theme-header .customer-nav-link.active{background:rgba(255,255,255,.18);border-color:rgba(255,255,255,.3);color:#fff!important}
.customer-theme-header .nav-access-btn{background:#fff!important;color:var(--primary)!important;border-color:#fff!important}
.customer-theme-header .nav-divider{background:rgba(255,255,255,.2)}
}
/* v2.6 — a(2).zip structure: themed header, right-side mobile drawer, PIN/OTP login and OTP-popup registration */
.customer-theme-header{
min-height:64px!important;padding:0!important;background:linear-gradient(135deg,var(--primary),color-mix(in srgb,var(--primary) 76%,#111827))!important;
border-bottom:1px solid rgba(255,255,255,.2)!important;box-shadow:0 7px 24px rgba(15,23,42,.2)!important;position:sticky;top:0;z-index:1000
}
.customer-theme-header .header-container{width:min(1180px,calc(100% - 28px));margin:0 auto}
.customer-theme-header .navbar{height:64px;display:flex;align-items:center;justify-content:space-between;gap:18px}
.customer-theme-header .logo,.customer-theme-header .mobile-logo{display:flex;align-items:center;gap:10px;color:#fff!important;text-decoration:none;min-width:0}
.customer-theme-header .logo img,.customer-mobile-menu .mobile-logo img{width:44px;height:44px;object-fit:contain;padding:3px;background:#fff;border:1px solid rgba(255,255,255,.55);border-radius:10px;box-shadow:0 5px 15px rgba(0,0,0,.15)}
.customer-theme-header .brand-mark,.customer-mobile-menu .brand-mark{width:42px;height:42px;display:grid;place-items:center;border-radius:10px;background:#fff;color:var(--primary);font-weight:950}
.customer-theme-header .brand-name,.customer-mobile-menu .brand-name{max-width:310px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.94rem;font-weight:900;letter-spacing:.05em;text-transform:uppercase;color:#fff!important}
.customer-theme-header .nav-menu{display:flex;align-items:center;justify-content:flex-end;gap:4px;margin:0 0 0 auto;padding:0;list-style:none}
.customer-theme-header .nav-item{list-style:none}
.customer-theme-header .nav-link{display:flex;align-items:center;gap:6px;padding:9px 9px;border:1px solid transparent;border-radius:9px;color:#fff!important;background:transparent;font-size:.68rem;font-weight:850;letter-spacing:.025em;text-transform:uppercase;transition:.22s ease}
.customer-theme-header .nav-link:hover,.customer-theme-header .nav-link.active{background:rgba(255,255,255,.16);border-color:rgba(255,255,255,.27);transform:translateY(-1px)}
.customer-theme-header .btn-book-now{margin-left:4px;padding:9px 13px!important;border-radius:999px!important;background:#fff!important;color:var(--primary)!important;border-color:#fff!important;box-shadow:0 6px 16px rgba(0,0,0,.15)}
.customer-theme-header .btn-book-now:hover,.customer-theme-header .btn-book-now.active{background:color-mix(in srgb,var(--secondary) 18%,#fff)!important;color:var(--primary)!important}
.header-nav-icon{width:17px;height:17px;display:grid;place-items:center;flex:0 0 17px}.header-nav-icon svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.customer-theme-header .hamburger{display:none;flex-direction:column;justify-content:center;align-items:center;width:44px;height:44px;padding:8px;border:1px solid rgba(255,255,255,.28);border-radius:10px;background:rgba(255,255,255,.1);z-index:1103}
.customer-theme-header .hamburger .bar{display:block;width:24px;height:2px;margin:3px 0;border-radius:2px;background:#fff;transition:.28s ease}
.customer-theme-header .hamburger.active .bar:nth-child(1){transform:translateY(8px) rotate(45deg)}.customer-theme-header .hamburger.active .bar:nth-child(2){opacity:0}.customer-theme-header .hamburger.active .bar:nth-child(3){transform:translateY(-8px) rotate(-45deg)}
.mobile-nav-overlay{position:fixed;inset:0;background:rgba(15,23,42,.55);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);opacity:0;visibility:hidden;z-index:1100;transition:.28s ease}
.mobile-nav-overlay.open,.mobile-nav-overlay.active{opacity:1;visibility:visible}
.customer-mobile-menu{position:fixed;top:0;right:-110%;left:auto;width:min(88vw,360px);height:100dvh;z-index:1102;background:linear-gradient(165deg,var(--primary),color-mix(in srgb,var(--primary) 66%,#111827));color:#fff;box-shadow:-18px 0 48px rgba(15,23,42,.32);border-left:1px solid rgba(255,255,255,.2);overflow-y:auto;transition:right .34s cubic-bezier(.2,.9,.3,1)}
.customer-mobile-menu.open,.customer-mobile-menu.active{right:0}
.customer-mobile-menu .mobile-menu-content{min-height:100%;display:flex;flex-direction:column;padding:14px}
.customer-mobile-menu .mobile-menu-header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 0 14px;border-bottom:1px solid rgba(255,255,255,.2);margin-bottom:10px}
.customer-mobile-menu .mobile-logo{min-width:0}.customer-mobile-menu .mobile-logo img{width:42px;height:42px}.customer-mobile-menu .mobile-logo .brand-name{max-width:220px;font-size:.78rem}
.customer-mobile-menu .mobile-close{width:40px;height:40px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.35);border-radius:12px;background:rgba(255,255,255,.1);color:#fff;font-size:1.6rem;line-height:1}
.customer-mobile-menu .mobile-menu-label{padding:7px 4px;color:rgba(255,255,255,.66);font-size:.58rem;font-weight:900;letter-spacing:.13em}
.customer-mobile-menu .mobile-nav{list-style:none;margin:0;padding:0;display:grid;gap:6px}.customer-mobile-menu .mobile-nav li{list-style:none}
.customer-mobile-menu .mobile-nav-link{min-height:49px;display:flex;align-items:center;gap:12px;padding:12px 14px;border:1px solid rgba(255,255,255,.16);border-radius:12px;background:rgba(255,255,255,.08);color:#fff!important;font-size:.74rem;font-weight:850;letter-spacing:.025em;text-transform:uppercase;transition:.22s ease}
.customer-mobile-menu .mobile-nav-link:hover,.customer-mobile-menu .mobile-nav-link.active{background:rgba(255,255,255,.19);border-color:rgba(255,255,255,.32);transform:translateX(-3px)}
.customer-mobile-menu .btn-mobile-book{margin-top:5px;background:#fff!important;color:var(--primary)!important;border-color:#fff!important;justify-content:center}
.customer-mobile-menu .mobile-menu-powered{margin-top:auto;padding:22px 4px 5px;text-align:center;color:rgba(255,255,255,.7);font-size:.58rem;font-weight:900;letter-spacing:.14em}
body.menu-open{overflow:hidden}
/* Exact reference-style customer authentication card */
body.exact-reference-auth{--primary-dark:color-mix(in srgb,var(--primary) 76%,#111827);--primary-light:color-mix(in srgb,var(--primary) 7%,#fff);--gray-700:#4a5568;--gray-600:#718096;--gray-400:#a0aec0;--gray-200:#e2e8f0;--gray-100:#f7fafc;--white:#fff;--success:#10b981;--success-light:#d1fae5;--error:#ef4444;--error-light:#fee2e2}
.helogin-page-wrap,.heregister-page-wrap{width:100%;min-height:calc(100vh - 64px);padding:24px 16px 18px;display:flex;align-items:flex-start;justify-content:center;position:relative;z-index:1;background:linear-gradient(135deg,color-mix(in srgb,var(--primary) 56%,#667eea),color-mix(in srgb,var(--primary) 48%,#764ba2))!important}
.helogin-page-wrap:before,.heregister-page-wrap:before{content:"";position:fixed;inset:64px 0 0;background:linear-gradient(135deg,color-mix(in srgb,var(--secondary) 40%,#f093fb),color-mix(in srgb,var(--primary) 42%,#f5576c));opacity:.22;pointer-events:none;animation:gradientFade 8s ease-in-out infinite}
.helogin-page-wrap:after,.heregister-page-wrap:after{content:"";position:fixed;inset:64px 0 0;background-image:radial-gradient(circle at 20% 50%,rgba(255,255,255,.15) 2px,transparent 2px),radial-gradient(circle at 80% 80%,rgba(255,255,255,.1) 1px,transparent 1px);background-size:50px 50px,80px 80px;pointer-events:none;animation:floatParticles 30s linear infinite}
@keyframes gradientFade{0%,100%{opacity:.12}50%{opacity:.42}}@keyframes floatParticles{from{background-position:0 0,40px 60px}to{background-position:200px 200px,240px 260px}}
.helogin-container,.heregister-container{position:relative;z-index:2;width:100%;max-width:520px;margin:0 auto;padding:30px 28px 27px;background:#fff;border:0;border-radius:24px;box-shadow:0 25px 50px -12px rgba(0,0,0,.25);animation:heloginSlideUp .48s ease-out}
@keyframes heloginSlideUp{from{opacity:0;transform:translateY(28px)}to{opacity:1;transform:translateY(0)}}
.he-auth-brand{display:flex;align-items:center;justify-content:center;gap:9px;margin:0 auto 13px;color:var(--primary);font-size:.9rem;font-weight:900;letter-spacing:.055em;text-align:center;text-transform:uppercase}.he-auth-brand img{width:42px;height:42px;padding:3px;object-fit:contain;background:#fff;border:1px solid color-mix(in srgb,var(--primary) 18%,#e5e7eb);border-radius:10px;box-shadow:0 5px 14px color-mix(in srgb,var(--primary) 10%,transparent)}
.helogin-title,.heregister-title{text-align:center;margin:0 0 8px!important;font-size:28px!important;font-weight:900!important;color:var(--primary)!important;text-transform:uppercase;letter-spacing:1.2px;line-height:1.2}.helogin-subtitle,.heregister-subtitle{text-align:center;margin:0 0 25px;color:var(--gray-600);font-size:14px;line-height:1.5}
.helogin-alert{padding:13px 14px;border-radius:12px;margin-bottom:17px;font-size:13px;font-weight:700;display:flex;align-items:center;gap:10px}.helogin-alert.error{background:var(--error-light);border:1px solid #fecaca;color:#b91c1c}.helogin-alert.success{background:var(--success-light);border:1px solid #a7f3d0;color:#047857}.helogin-alert.info{background:#eff6ff;border:1px solid #bfdbfe;color:#1d4ed8}.helogin-alert.warning{background:#fffbeb;border:1px solid #fde68a;color:#92400e}
.helogin-field,.heregister-field{margin-bottom:18px}.helogin-label,.helogin-method-title,.heregister-label{display:block;margin-bottom:8px;font-size:13px;font-weight:800;text-transform:uppercase;letter-spacing:.5px;color:var(--gray-700)}
.helogin-input-group,.heregister-input-group{display:flex;align-items:center;border:2px solid var(--gray-200);border-radius:12px;background:var(--gray-100);transition:.28s ease;overflow:hidden}.helogin-input-group:focus-within,.heregister-input-group:focus-within{border-color:var(--primary);background:#fff;box-shadow:0 0 0 4px color-mix(in srgb,var(--primary) 8%,transparent)}
.helogin-country,.heregister-country{min-height:54px;padding:0 16px;display:flex;align-items:center;gap:8px;border-right:2px solid var(--gray-200);font-weight:800;color:#1a1a2e;white-space:nowrap;font-size:14px}.helogin-input-group input,.heregister-input-group input{width:100%;min-width:0;padding:16px 14px;border:0;outline:0;background:transparent;font-size:15px;color:#1a1a2e}.helogin-input-icon,.heregister-input-icon{width:47px;min-width:47px;height:54px;display:grid;place-items:center;color:var(--primary)}.helogin-input-icon svg,.heregister-input-icon svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.helogin-methods{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:17px}.helogin-method-form{margin:0}.helogin-method{width:100%;min-height:66px;padding:11px 12px;display:flex;align-items:center;gap:10px;background:#fff;border:2px solid var(--gray-200);border-radius:12px;cursor:pointer;transition:.25s ease;text-align:left;color:#334155}.helogin-method input{position:absolute;opacity:0;pointer-events:none}.helogin-method:hover,.helogin-method.active{background:var(--primary-light);border-color:var(--primary);transform:translateY(-2px);box-shadow:0 4px 12px color-mix(in srgb,var(--primary) 12%,transparent)}.helogin-method.disabled{opacity:.56;cursor:not-allowed;transform:none}.helogin-method-icon{width:38px;height:38px;display:grid;place-items:center;flex:0 0 38px;border-radius:50%;background:var(--primary-light);color:var(--primary);font-size:1rem}.helogin-method-text{display:grid;gap:2px}.helogin-method-text b{font-size:.72rem;color:#1e293b}.helogin-method-text small{font-size:.58rem;color:#718096}
.helogin-submit,.heregister-submit,.heotp-verify-btn{width:100%;min-height:52px;display:flex;align-items:center;justify-content:center;gap:10px;border:0;border-radius:12px;background:linear-gradient(135deg,var(--primary),var(--primary-dark));color:#fff;font-size:.78rem;font-weight:900;letter-spacing:.055em;text-transform:uppercase;box-shadow:0 10px 22px color-mix(in srgb,var(--primary) 24%,transparent)}.helogin-submit svg,.heregister-submit svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.helogin-submit:hover,.heregister-submit:hover,.heotp-verify-btn:hover{transform:translateY(-1px);filter:brightness(1.04)}
.helogin-mobile-card,.heregister-verified-mobile{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:0 0 17px;padding:12px 14px;border:1px solid color-mix(in srgb,var(--primary) 18%,#e2e8f0);border-radius:12px;background:var(--primary-light)}.helogin-mobile-card>div,.heregister-verified-mobile{font-size:.68rem}.helogin-mobile-card div{display:grid;gap:2px}.helogin-mobile-card span,.heregister-verified-mobile>span:first-child{color:#718096;font-size:.58rem;font-weight:900;letter-spacing:.07em}.helogin-mobile-card strong,.heregister-verified-mobile strong{color:#1e293b;font-size:.88rem}.helogin-mobile-card a,.heregister-verified-mobile a,.heregister-verified-mobile button{border:0;background:transparent;color:var(--primary);font-size:.62rem;font-weight:900;text-transform:uppercase}.helogin-mode-panel{margin-top:13px;padding:15px;border:1px solid #e8dfd8;background:#fffaf7;border-radius:12px}.helogin-limit-note{text-align:center;margin:10px 0 2px;color:#718096;font-size:.58rem;font-weight:800;letter-spacing:.05em}
.helogin-footer,.heregister-footer{margin-top:22px;padding-top:18px;border-top:1px solid #e2e8f0;text-align:center;display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:6px}.helogin-footer span,.heregister-footer span{font-size:.68rem;color:#718096;font-weight:800}.helogin-footer a,.heregister-footer a{font-size:.7rem;font-weight:900;color:var(--primary)}.helogin-footer small,.heregister-footer small{flex-basis:100%;font-size:.56rem;color:#94a3b8}.helogin-back{display:block;margin-top:13px;text-align:center;font-size:.64rem;font-weight:850;color:#64748b}
.heregister-steps{display:flex;align-items:center;justify-content:center;margin-bottom:28px}.heregister-step{display:flex;flex-direction:column;align-items:center;gap:7px;color:#a0aec0;font-size:.61rem;font-weight:800}.heregister-step>span{width:36px;height:36px;display:grid;place-items:center;border:2px solid #e2e8f0;border-radius:50%;background:#fff;font-size:.76rem}.heregister-step.active{color:var(--primary)}.heregister-step.active>span{border-color:var(--primary);background:var(--primary-light);color:var(--primary)}.heregister-step.completed{color:#059669}.heregister-step.completed>span{border-color:#10b981;background:#d1fae5;color:#047857}.heregister-step-line{width:64px;height:2px;margin:0 8px 19px;background:#e2e8f0}.heregister-step-line.active{background:var(--primary)}.heregister-pin-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.heregister-verified-badge{color:#059669!important;font-size:.6rem!important;font-weight:900!important}.heregister-verified-mobile.pending{display:grid;grid-template-columns:1fr auto;gap:3px 10px}.heregister-verified-mobile.pending span,.heregister-verified-mobile.pending strong{grid-column:1}.heregister-verified-mobile.pending button,.heregister-verified-mobile.pending a{grid-column:2}.heregister-verified-mobile.pending button{grid-row:1;background:var(--primary);color:#fff;padding:7px 10px;border-radius:8px}.heregister-verified-mobile.pending a{grid-row:2}
.helogin-otp-ready{display:grid;grid-template-columns:42px 1fr auto;align-items:center;gap:10px;margin-top:12px;padding:13px;border:1px solid color-mix(in srgb,var(--primary) 18%,#e2e8f0);border-radius:12px;background:var(--primary-light)}.helogin-otp-ready div{display:grid}.helogin-otp-ready strong{font-size:.72rem;color:#1e293b}.helogin-otp-ready small{font-size:.58rem;color:#64748b}.helogin-otp-ready button{border:0;border-radius:9px;padding:8px 10px;background:var(--primary);color:#fff;font-size:.58rem;font-weight:900}
/* OTP popup, matching a(2).zip behaviour */
body.otp-modal-open{overflow:hidden}.heotp-overlay{position:fixed;inset:0;z-index:1300;display:flex;align-items:center;justify-content:center;padding:16px;background:rgba(15,23,42,.62);backdrop-filter:blur(7px);-webkit-backdrop-filter:blur(7px);opacity:0;visibility:hidden;pointer-events:none;transition:.25s ease}.heotp-overlay.heotp-overlay--show{opacity:1;visibility:visible;pointer-events:auto}.heotp-modal{position:relative;width:min(470px,100%);padding:27px 25px 23px;border-radius:22px;background:#fff;box-shadow:0 28px 80px rgba(15,23,42,.32);transform:translateY(16px) scale(.97);transition:.25s ease}.heotp-overlay--show .heotp-modal{transform:translateY(0) scale(1)}.heotp-close{position:absolute;top:12px;right:12px;width:36px;height:36px;display:grid;place-items:center;border:0;border-radius:50%;background:#f1f5f9;color:#475569;font-size:1.35rem}.heotp-close:hover{background:var(--primary-light);color:var(--primary)}.heotp-header{text-align:center;margin-bottom:18px}.heotp-header-icon{width:54px;height:54px;margin:0 auto 9px;display:grid;place-items:center;border-radius:50%;background:var(--primary-light);color:var(--primary);font-size:1.35rem}.heotp-header h3{margin:0 0 5px;color:var(--primary);font-size:1.22rem;font-weight:900;letter-spacing:.04em}.heotp-header p{margin:0;color:#64748b;font-size:.75rem}.heotp-input-wrapper{display:flex;justify-content:center;gap:7px;margin:5px 0 17px}.heotp-digit{width:49px;height:56px;padding:0!important;border:2px solid #e2e8f0!important;border-radius:12px!important;background:#f8fafc!important;text-align:center;font-size:1.16rem!important;font-weight:900;color:#1e293b;outline:0}.heotp-digit:focus{border-color:var(--primary)!important;background:#fff!important;box-shadow:0 0 0 4px color-mix(in srgb,var(--primary) 9%,transparent)!important}.heotp-resend{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:8px;margin-top:12px;color:#64748b;font-size:.62rem;font-weight:800}.heotp-resend-form{margin:0}.heotp-resend-btn,.heotp-resend a{border:0;background:transparent;color:var(--primary);font-size:.62rem;font-weight:900;text-transform:uppercase}
@media(max-width:992px){.customer-theme-header .customer-desktop-nav{display:none!important}.customer-theme-header .hamburger{display:flex!important}}
@media(min-width:993px){.customer-mobile-menu,.mobile-nav-overlay{display:none!important}}
@media(max-width:620px){.customer-theme-header{min-height:58px!important}.customer-theme-header .navbar{height:58px}.customer-theme-header .header-container{width:calc(100% - 20px)}.customer-theme-header .logo img{width:39px;height:39px}.customer-theme-header .brand-name{max-width:64vw;font-size:.79rem}.customer-theme-header .hamburger{width:40px;height:40px}.helogin-page-wrap,.heregister-page-wrap{min-height:calc(100vh - 58px);padding:15px 10px}.helogin-page-wrap:before,.helogin-page-wrap:after,.heregister-page-wrap:before,.heregister-page-wrap:after{inset:58px 0 0}.helogin-container,.heregister-container{padding:24px 17px 21px;border-radius:19px}.helogin-title,.heregister-title{font-size:22px!important}.helogin-subtitle,.heregister-subtitle{font-size:12px;margin-bottom:20px}.helogin-methods{gap:7px}.helogin-method{min-height:61px;padding:8px 7px;gap:6px}.helogin-method-icon{width:31px;height:31px;flex-basis:31px}.helogin-method-text b{font-size:.61rem}.helogin-method-text small{font-size:.51rem}.heregister-pin-grid{grid-template-columns:1fr}.heotp-modal{padding:24px 12px 19px}.heotp-input-wrapper{gap:5px}.heotp-digit{width:41px;height:51px;font-size:1rem!important}.customer-mobile-menu{width:min(89vw,350px)}}
@media(max-width:380px){.heotp-digit{width:36px;height:48px}.customer-theme-header .brand-name{max-width:57vw;font-size:.72rem}}
/* v2.7 — visible mobile menu icon, centered drawer, real restaurant logo, square themed auth */
.customer-theme-header .customer-menu-toggle{
color:#fff!important;
opacity:1!important;
visibility:visible!important;
position:relative;
overflow:visible;
}
.customer-theme-header .customer-menu-toggle .hamburger-lines{
width:25px!important;
height:25px!important;
display:block!important;
overflow:visible!important;
fill:none!important;
stroke:#fff!important;
stroke-width:2.4!important;
stroke-linecap:round!important;
stroke-linejoin:round!important;
opacity:1!important;
filter:drop-shadow(0 1px 1px rgba(0,0,0,.22));
pointer-events:none;
}
.customer-theme-header .customer-menu-toggle .bar{display:none!important}
/* Do not show an artificial first-letter logo box. Uploaded logo is used when available. */
.customer-theme-header .brand-mark,.customer-mobile-menu .brand-mark{display:none!important}
.customer-theme-header .customer-header-brand:not(:has(img)){gap:0}
.customer-mobile-menu .mobile-logo:not(:has(img)){gap:0}
.customer-theme-header .logo img,.customer-mobile-menu .mobile-logo img{
padding:0!important;
object-fit:contain!important;
background:rgba(255,255,255,.96)!important;
}
/* Center every item inside the right-side mobile menu. */
.customer-mobile-menu .mobile-menu-header{position:relative;justify-content:center;text-align:center;padding-right:46px;padding-left:46px}
.customer-mobile-menu .mobile-logo{justify-content:center;margin:0 auto;text-align:center}
.customer-mobile-menu .mobile-close{position:absolute;right:0;top:1px}
.customer-mobile-menu .mobile-menu-label{text-align:center}
.customer-mobile-menu .mobile-nav{justify-items:stretch}
.customer-mobile-menu .mobile-nav li{width:100%}
.customer-mobile-menu .mobile-nav-link{
width:100%;
justify-content:center!important;
text-align:center!important;
gap:9px!important;
}
.customer-mobile-menu .mobile-nav-link:hover,.customer-mobile-menu .mobile-nav-link.active{transform:none!important}
.customer-mobile-menu .header-nav-icon{flex:0 0 18px}
/* Login/Register should visually belong to My Menu: square, light theme surface, readable sizing. */
body.exact-reference-auth.customer-square-ui{
background:linear-gradient(135deg,color-mix(in srgb,var(--primary) 12%,#fff),color-mix(in srgb,var(--secondary) 11%,#fff))!important;
}
body.exact-reference-auth .helogin-page-wrap,
body.exact-reference-auth .heregister-page-wrap{
min-height:calc(100vh - 64px);
padding:22px 14px 28px;
align-items:flex-start;
background:linear-gradient(135deg,color-mix(in srgb,var(--primary) 12%,#fff),color-mix(in srgb,var(--secondary) 10%,#fff))!important;
}
body.exact-reference-auth .helogin-page-wrap:before,
body.exact-reference-auth .helogin-page-wrap:after,
body.exact-reference-auth .heregister-page-wrap:before,
body.exact-reference-auth .heregister-page-wrap:after{display:none!important}
body.exact-reference-auth .helogin-container,
body.exact-reference-auth .heregister-container{
max-width:520px;
padding:24px 24px 22px;
border:1px solid color-mix(in srgb,var(--primary) 22%,#ddd)!important;
border-top:5px solid var(--primary)!important;
border-radius:4px!important;
background:#fff!important;
box-shadow:0 12px 30px color-mix(in srgb,var(--primary) 13%,transparent)!important;
}
body.exact-reference-auth .he-auth-brand{
margin-bottom:12px;
justify-content:center;
color:var(--primary)!important;
text-align:center;
font-size:.78rem;
font-weight:950;
letter-spacing:.055em;
text-transform:uppercase;
}
body.exact-reference-auth .he-auth-brand img{
width:48px!important;
height:48px!important;
padding:0!important;
object-fit:contain!important;
border:1px solid color-mix(in srgb,var(--primary) 18%,#e5e7eb)!important;
border-radius:4px!important;
background:#fff!important;
}
body.exact-reference-auth .helogin-title,
body.exact-reference-auth .heregister-title{
margin:4px 0 5px!important;
color:var(--primary)!important;
font-size:clamp(1.25rem,4vw,1.55rem)!important;
line-height:1.12!important;
letter-spacing:.035em!important;
text-align:center!important;
}
body.exact-reference-auth .helogin-subtitle,
body.exact-reference-auth .heregister-subtitle{
max-width:400px;
margin:0 auto 18px!important;
color:#6f625a!important;
font-size:.76rem!important;
line-height:1.45!important;
text-align:center!important;
}
body.exact-reference-auth :is(.helogin-input-group,.heregister-input-group,.helogin-method,.helogin-otp-ready,.heregister-verified-mobile,.helogin-alert,.heotp-modal,.heotp-digit){
border-radius:4px!important;
}
body.exact-reference-auth :is(.helogin-submit,.heregister-submit,.heotp-verify-btn,.helogin-otp-ready button,.heotp-resend-btn){
min-height:45px;
border-radius:4px!important;
background:var(--primary)!important;
color:#fff!important;
font-size:.73rem!important;
letter-spacing:.055em!important;
}
body.exact-reference-auth :is(.helogin-label,.heregister-label){font-size:.66rem!important;letter-spacing:.07em!important}
body.exact-reference-auth :is(.helogin-input-group input,.heregister-input-group input){font-size:.91rem!important}
body.exact-reference-auth .helogin-methods{gap:8px}
body.exact-reference-auth .helogin-method{min-height:66px;padding:9px;border:1px solid #ded6d0!important;background:#fff!important}
body.exact-reference-auth .helogin-method.active{border-color:var(--primary)!important;background:color-mix(in srgb,var(--primary) 6%,#fff)!important}
body.exact-reference-auth .helogin-method-text b{font-size:.69rem!important}
body.exact-reference-auth .helogin-method-text small{font-size:.57rem!important}
body.exact-reference-auth .heregister-step span{border-radius:4px!important}
body.exact-reference-auth .helogin-footer,
body.exact-reference-auth .heregister-footer{text-align:center;font-size:.7rem}
@media(max-width:620px){
.customer-theme-header .customer-menu-toggle .hamburger-lines{width:24px!important;height:24px!important}
body.exact-reference-auth .helogin-page-wrap,
body.exact-reference-auth .heregister-page-wrap{min-height:calc(100vh - 58px);padding:12px 8px 22px}
body.exact-reference-auth .helogin-container,
body.exact-reference-auth .heregister-container{padding:19px 13px 18px;border-radius:3px!important}
body.exact-reference-auth .he-auth-brand img{width:43px!important;height:43px!important}
body.exact-reference-auth .helogin-title,
body.exact-reference-auth .heregister-title{font-size:1.18rem!important}
body.exact-reference-auth .helogin-subtitle,
body.exact-reference-auth .heregister-subtitle{font-size:.7rem!important;margin-bottom:15px!important}
.customer-mobile-menu .mobile-nav-link{min-height:48px;font-size:.73rem}
}
/* v2.8 — light themed mobile drawer, customer transactions and offers/free */
.customer-mobile-menu{
background:linear-gradient(165deg,color-mix(in srgb,var(--primary) 8%,#fff),color-mix(in srgb,var(--secondary) 8%,#fff))!important;
color:#2f2925!important;
border-left:1px solid color-mix(in srgb,var(--primary) 22%,#e5e7eb)!important;
box-shadow:-18px 0 52px rgba(15,23,42,.26)!important;
}
.customer-mobile-menu .mobile-menu-content{padding:14px 14px 12px!important}
.customer-mobile-menu .mobile-menu-header{
justify-content:flex-start!important;
text-align:left!important;
padding:4px 2px 14px!important;
border-bottom:1px solid color-mix(in srgb,var(--primary) 16%,#e5e7eb)!important;
margin-bottom:9px!important;
}
.customer-mobile-menu .mobile-logo{
width:100%;justify-content:flex-start!important;margin:0!important;text-align:left!important;color:var(--primary)!important;
}
.customer-mobile-menu .mobile-logo .brand-name{
max-width:245px!important;color:var(--primary)!important;text-align:left!important;font-size:.8rem!important;
}
.customer-mobile-menu .mobile-logo img{background:#fff!important;border-color:color-mix(in srgb,var(--primary) 18%,#e5e7eb)!important;box-shadow:0 5px 14px color-mix(in srgb,var(--primary) 12%,transparent)!important}
.customer-mobile-menu .mobile-menu-label{color:color-mix(in srgb,var(--primary) 72%,#594d45)!important;text-align:center!important;padding:8px 4px!important}
.customer-mobile-menu .mobile-nav{gap:7px!important}
.customer-mobile-menu .mobile-nav-link{
justify-content:center!important;text-align:center!important;
color:color-mix(in srgb,var(--primary) 82%,#2f2925)!important;
background:rgba(255,255,255,.76)!important;
border:1px solid color-mix(in srgb,var(--primary) 13%,#e5e7eb)!important;
box-shadow:0 5px 14px rgba(15,23,42,.045);
}
.customer-mobile-menu .mobile-nav-link:hover,.customer-mobile-menu .mobile-nav-link.active{
color:var(--primary)!important;background:color-mix(in srgb,var(--primary) 10%,#fff)!important;border-color:color-mix(in srgb,var(--primary) 30%,#d1d5db)!important;
}
.customer-mobile-menu .btn-mobile-book{
background:var(--primary)!important;color:#fff!important;border-color:var(--primary)!important;
}
.customer-mobile-menu .mobile-menu-powered{margin-top:15px!important;padding:14px 4px 6px!important;color:color-mix(in srgb,var(--primary) 55%,#756860)!important}
.customer-mobile-menu .mobile-close-bottom{
position:sticky!important;right:auto!important;top:auto!important;bottom:0!important;align-self:flex-end!important;
width:auto!important;min-width:92px!important;height:42px!important;margin:8px 0 0 auto!important;padding:0 13px!important;
display:flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;
border:1px solid color-mix(in srgb,var(--primary) 28%,#d1d5db)!important;border-radius:8px!important;
background:var(--primary)!important;color:#fff!important;font-size:.64rem!important;font-weight:900!important;letter-spacing:.06em!important;
box-shadow:0 7px 18px color-mix(in srgb,var(--primary) 20%,transparent)!important;
}
.customer-mobile-menu .mobile-close-bottom b{font-size:1.25rem;line-height:1;font-weight:500}
@media(min-width:993px) and (max-width:1320px){
.customer-theme-header .header-container{width:calc(100% - 20px)}
.customer-theme-header .brand-name{max-width:170px;font-size:.76rem}
.customer-theme-header .nav-link{gap:4px;padding:8px 6px;font-size:.57rem}
.customer-theme-header .header-nav-icon{width:14px;height:14px;flex-basis:14px}.customer-theme-header .header-nav-icon svg{width:14px;height:14px}
.customer-theme-header .btn-book-now{padding:8px 8px!important}
}
.customer-transaction-page,.customer-offers-main{padding-bottom:88px}
.transaction-content,.offers-free-content{padding-top:16px;padding-bottom:24px}
.transaction-access-card{max-width:700px;margin:0 auto;text-align:center;border-radius:4px;border-top:5px solid var(--primary)}
.transaction-access-icon{width:54px;height:54px;margin:0 auto 10px;display:grid;place-items:center;background:color-mix(in srgb,var(--primary) 10%,#fff);color:var(--primary);font-size:1.5rem;font-weight:900}
.transaction-access-card h2{margin:0 0 7px;color:var(--primary);font-size:1.2rem}.transaction-access-card p{max-width:520px;margin:0 auto 16px;color:#6b625c;font-size:.78rem}
.transaction-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:13px}
.transaction-stats article{padding:16px 12px;text-align:center;background:#fff;border:1px solid color-mix(in srgb,var(--primary) 15%,#e5e7eb);border-top:4px solid var(--primary);border-radius:4px;box-shadow:0 8px 20px rgba(15,23,42,.06)}
.transaction-stats small{display:block;color:#786c65;font-size:.6rem;font-weight:900;letter-spacing:.08em}.transaction-stats strong{display:block;margin-top:5px;color:var(--primary);font-size:1.1rem}
.transaction-filter-panel{margin-bottom:16px;background:#fff;border:1px solid color-mix(in srgb,var(--primary) 17%,#e5e7eb);border-radius:4px;overflow:hidden;box-shadow:0 8px 24px rgba(15,23,42,.055)}
.transaction-filter-panel summary{list-style:none;cursor:pointer;padding:14px 16px;display:flex;align-items:center;justify-content:space-between;gap:12px;background:color-mix(in srgb,var(--primary) 8%,#fff);color:var(--primary)}
.transaction-filter-panel summary::-webkit-details-marker{display:none}.transaction-filter-panel summary span{font-size:.6rem;font-weight:900;letter-spacing:.08em}.transaction-filter-panel summary b{font-size:.82rem}
.transaction-filter-form{padding:15px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.transaction-filter-form label{display:grid;gap:5px}.transaction-filter-form label span{font-size:.58rem;font-weight:900;letter-spacing:.07em;color:#6e625c}.transaction-filter-form .filter-wide{grid-column:span 2}
.transaction-filter-form input,.transaction-filter-form select{width:100%;min-height:43px;padding:9px 10px;border:1px solid #d9d1cb;border-radius:4px;background:#fff;color:#292524;font-size:.72rem;outline:0}
.transaction-filter-form input:focus,.transaction-filter-form select:focus{border-color:var(--primary);box-shadow:0 0 0 3px color-mix(in srgb,var(--primary) 8%,transparent)}
.transaction-filter-actions{grid-column:span 2;display:flex;align-items:end;gap:8px}.transaction-filter-actions .btn{min-height:43px;flex:1}
.transaction-list-section{background:#fff;border:1px solid color-mix(in srgb,var(--primary) 13%,#e5e7eb);border-radius:4px;padding:15px;box-shadow:0 8px 24px rgba(15,23,42,.05)}
.customer-transaction-list{display:grid;gap:9px}
.customer-transaction-card{display:grid;grid-template-columns:48px minmax(0,1fr) auto auto;align-items:center;gap:12px;padding:12px;border:1px solid #e7e1dc;background:#fff;border-radius:4px}
.transaction-card-icon{width:46px;height:46px;display:grid;place-items:center;background:color-mix(in srgb,var(--primary) 10%,#fff);border:1px solid color-mix(in srgb,var(--primary) 18%,#e5e7eb);color:var(--primary);font-weight:950;font-size:1.05rem}
.transaction-card-main{min-width:0}.transaction-card-title{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.transaction-card-title>strong{color:#2f2925;font-size:.76rem}.transaction-card-main p{margin:3px 0;color:var(--primary);font-size:.64rem;font-weight:850;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.transaction-card-main small{color:#80746d;font-size:.58rem}
.transaction-card-amount{text-align:right}.transaction-card-amount strong{display:block;color:var(--primary);font-size:.9rem}.transaction-card-amount small{font-size:.55rem;color:#80746d;font-weight:800}
.transaction-card-actions a{display:inline-flex;min-height:36px;align-items:center;justify-content:center;padding:8px 10px;border:1px solid var(--primary);background:var(--primary);color:#fff;border-radius:4px;font-size:.58rem;font-weight:900;white-space:nowrap}
.transaction-login-note{margin-top:13px;padding:16px;text-align:center;background:color-mix(in srgb,var(--primary) 8%,#fff);border:1px solid color-mix(in srgb,var(--primary) 18%,#e5e7eb);border-radius:4px}.transaction-login-note strong{display:block;color:var(--primary);font-size:.78rem}.transaction-login-note p{margin:5px 0 11px;color:#756a63;font-size:.68rem}
.offer-cart-progress{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px;padding:14px 16px;background:linear-gradient(135deg,var(--primary),color-mix(in srgb,var(--primary) 70%,#111827));color:#fff;border-radius:4px}.offer-cart-progress div{display:grid}.offer-cart-progress small{font-size:.58rem;font-weight:900;letter-spacing:.08em;opacity:.75}.offer-cart-progress strong{font-size:1.15rem}.offer-cart-progress a{padding:9px 12px;background:#fff;color:var(--primary);font-size:.62rem;font-weight:900;border-radius:4px}
.offers-section{margin-bottom:16px;padding:15px;background:#fff;border:1px solid color-mix(in srgb,var(--primary) 13%,#e5e7eb);border-radius:4px;box-shadow:0 8px 24px rgba(15,23,42,.05)}
.public-offer-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.public-offer-card{display:grid;grid-template-columns:112px minmax(0,1fr);min-height:150px;border:1px solid #e8e0db;background:#fff;border-radius:4px;overflow:hidden}.public-offer-card.achieved{border-color:color-mix(in srgb,var(--primary) 42%,#d1d5db);box-shadow:0 8px 20px color-mix(in srgb,var(--primary) 10%,transparent)}
.public-offer-visual{position:relative;display:grid;place-items:center;min-height:150px;background:color-mix(in srgb,var(--primary) 9%,#fff);overflow:hidden}.public-offer-visual img{width:100%;height:100%;object-fit:cover}.public-offer-visual>span{font-size:2.5rem}.public-offer-visual b{position:absolute;left:5px;right:5px;bottom:5px;padding:6px;background:rgba(255,255,255,.9);color:var(--primary);font-size:.58rem;text-align:center}
.public-offer-copy{padding:14px}.public-offer-copy>small{color:var(--primary);font-size:.56rem;font-weight:900;letter-spacing:.08em}.public-offer-copy h3{margin:4px 0 5px;color:#2f2925;font-size:.9rem}.public-offer-copy p{margin:0 0 9px;color:#756a63;font-size:.65rem}.public-offer-copy>strong{font-size:.61rem}.offer-achieved-text{color:#166534}.offer-progress-text{color:#9a5b11}.offer-progress-bar{height:6px;margin-top:9px;background:#eee8e3;overflow:hidden}.offer-progress-bar i{display:block;height:100%;background:var(--primary)}
.public-coupon-list{display:grid;gap:9px}.public-coupon-card{display:grid;grid-template-columns:48px minmax(0,1fr) auto;align-items:center;gap:11px;padding:12px;border:1px dashed color-mix(in srgb,var(--primary) 35%,#cbd5e1);background:color-mix(in srgb,var(--primary) 5%,#fff);border-radius:4px}.coupon-ticket-icon{width:44px;height:44px;display:grid;place-items:center;background:var(--primary);color:#fff;font-size:1.15rem;font-weight:950}.public-coupon-card small{display:block;color:#786c65;font-size:.54rem;font-weight:900;letter-spacing:.08em}.public-coupon-card strong{display:block;color:var(--primary);font-size:.92rem}.public-coupon-card p{margin:3px 0 0;color:#756a63;font-size:.62rem}.public-coupon-card>a{padding:9px 10px;background:var(--primary);color:#fff;border-radius:4px;font-size:.58rem;font-weight:900;white-space:nowrap}
@media(max-width:760px){
.transaction-stats{grid-template-columns:repeat(3,1fr);gap:6px}.transaction-stats article{padding:12px 5px}.transaction-stats small{font-size:.48rem}.transaction-stats strong{font-size:.78rem}
.transaction-filter-form{grid-template-columns:repeat(2,minmax(0,1fr));padding:11px;gap:8px}.transaction-filter-form .filter-wide{grid-column:1/-1}.transaction-filter-actions{grid-column:1/-1}
.customer-transaction-card{grid-template-columns:42px minmax(0,1fr) auto;gap:8px;padding:10px}.transaction-card-icon{width:40px;height:40px}.transaction-card-actions{grid-column:2/-1}.transaction-card-actions a{width:100%}
.transaction-card-main small{display:block;line-height:1.35}.transaction-list-section,.offers-section{padding:11px}
.public-offer-grid{grid-template-columns:1fr}.public-offer-card{grid-template-columns:96px minmax(0,1fr)}.public-offer-visual{min-height:138px}
.public-coupon-card{grid-template-columns:42px minmax(0,1fr);gap:9px}.coupon-ticket-icon{width:40px;height:40px}.public-coupon-card>a{grid-column:1/-1;text-align:center}
}
@media(max-width:430px){
.transaction-content,.offers-free-content{width:100%!important;padding-left:8px!important;padding-right:8px!important}
.transaction-filter-form{grid-template-columns:1fr}.transaction-filter-form .filter-wide,.transaction-filter-actions{grid-column:1}.transaction-filter-actions{display:grid;grid-template-columns:1fr 1fr}
.customer-transaction-card{grid-template-columns:38px minmax(0,1fr) auto}.transaction-card-icon{width:36px;height:36px}.transaction-card-title .badge{font-size:.47rem}
.offer-cart-progress{padding:12px}.offer-cart-progress a{font-size:.55rem;padding:8px}
}
/* v2.9 — dark restaurant row in light mobile drawer and login-style customer entry page */
.customer-mobile-menu .mobile-menu-content{
min-height:100dvh!important;
padding:0 14px 12px!important;
}
.customer-mobile-menu .mobile-menu-header{
width:calc(100% + 28px)!important;
min-height:72px!important;
margin:0 -14px 10px!important;
padding:12px 16px!important;
display:flex!important;
align-items:center!important;
justify-content:flex-start!important;
background:linear-gradient(135deg,var(--primary),color-mix(in srgb,var(--primary) 72%,#111827))!important;
border:0!important;
border-bottom:1px solid color-mix(in srgb,var(--primary) 72%,#111827)!important;
box-shadow:0 8px 20px color-mix(in srgb,var(--primary) 18%,transparent)!important;
}
.customer-mobile-menu .mobile-logo{
justify-content:flex-start!important;
color:#fff!important;
}
.customer-mobile-menu .mobile-logo .brand-name{
color:#fff!important;
text-align:left!important;
max-width:245px!important;
font-size:.8rem!important;
}
.customer-mobile-menu .mobile-logo img{
background:#fff!important;
border-color:rgba(255,255,255,.72)!important;
box-shadow:0 5px 15px rgba(0,0,0,.18)!important;
}
.customer-mobile-menu .mobile-menu-label{
margin-top:2px!important;
}
.customer-mobile-menu .mobile-nav{
flex:0 0 auto!important;
}
.customer-mobile-menu .mobile-menu-powered{
margin-top:auto!important;
padding:18px 4px 7px!important;
}
.customer-mobile-menu .mobile-close-bottom{
position:sticky!important;
right:0!important;
bottom:0!important;
top:auto!important;
align-self:flex-end!important;
margin:7px 0 0 auto!important;
z-index:3!important;
}
body.customer-entry-page{
padding-bottom:0!important;
background:linear-gradient(135deg,color-mix(in srgb,var(--primary) 12%,#fff),color-mix(in srgb,var(--secondary) 10%,#fff))!important;
}
body.customer-entry-page .customer-menu{
min-height:calc(100vh - 64px);
}
.customer-entry-wrap{
min-height:calc(100vh - 64px)!important;
padding:22px 14px 28px!important;
align-items:flex-start!important;
background:linear-gradient(135deg,color-mix(in srgb,var(--primary) 12%,#fff),color-mix(in srgb,var(--secondary) 10%,#fff))!important;
}
.customer-entry-card{
max-width:520px!important;
padding:24px 24px 22px!important;
border:1px solid color-mix(in srgb,var(--primary) 22%,#ddd)!important;
border-top:5px solid var(--primary)!important;
border-radius:4px!important;
background:#fff!important;
box-shadow:0 12px 30px color-mix(in srgb,var(--primary) 13%,transparent)!important;
}
.customer-entry-icon{
width:52px;
height:52px;
display:grid;
place-items:center;
margin:0 auto 10px;
border:1px solid color-mix(in srgb,var(--primary) 18%,#e5e7eb);
border-radius:4px;
background:color-mix(in srgb,var(--primary) 7%,#fff);
font-size:1.45rem;
}
.customer-entry-form{
margin-top:16px;
}
.customer-entry-table{
display:flex;
align-items:center;
justify-content:space-between;
gap:12px;
margin-top:13px;
padding:11px 12px;
border:1px solid color-mix(in srgb,var(--primary) 17%,#e5e7eb);
border-radius:4px;
background:color-mix(in srgb,var(--primary) 6%,#fff);
}
.customer-entry-table small{
color:#756a63;
font-size:.59rem;
font-weight:900;
letter-spacing:.08em;
}
.customer-entry-table strong{
color:var(--primary);
font-size:.73rem;
text-align:right;
}
.customer-entry-footer{
margin-top:16px!important;
padding-top:14px!important;
border-top:1px solid #eee7e1;
}
.customer-entry-footer small{
display:block;
margin-top:8px;
}
.customer-entry-footer small a{
color:var(--primary)!important;
font-weight:900;
}
.customer-entry-note{
margin-top:13px;
padding:10px 12px;
border:1px solid color-mix(in srgb,var(--primary) 18%,#e5e7eb);
border-radius:4px;
background:color-mix(in srgb,var(--primary) 7%,#fff);
color:#6d625b;
font-size:.65rem;
font-weight:700;
text-align:center;
}
body.customer-entry-page .powered-footer{
margin-top:0!important;
}
@media(max-width:620px){
.customer-mobile-menu .mobile-menu-header{
min-height:68px!important;
padding:10px 13px!important;
}
.customer-mobile-menu .mobile-logo .brand-name{
max-width:230px!important;
font-size:.74rem!important;
}
.customer-entry-wrap{
min-height:calc(100vh - 58px)!important;
padding:12px 8px 22px!important;
}
.customer-entry-card{
padding:19px 13px 18px!important;
border-radius:3px!important;
}
.customer-entry-icon{
width:46px;
height:46px;
font-size:1.25rem;
}
}
/* v3.0 — top-row drawer close, no team link in customer mode, 20% larger customer header typography */
.customer-mobile-menu .mobile-menu-header{
justify-content:space-between!important;
gap:10px!important;
padding-right:13px!important;
}
.customer-mobile-menu .mobile-logo{
width:auto!important;
min-width:0!important;
flex:1 1 auto!important;
}
.customer-mobile-menu .mobile-close-top{
position:static!important;
inset:auto!important;
flex:0 0 auto!important;
width:auto!important;
min-width:78px!important;
height:40px!important;
padding:0 10px!important;
display:flex!important;
align-items:center!important;
justify-content:center!important;
gap:6px!important;
border:1px solid rgba(255,255,255,.42)!important;
border-radius:7px!important;
background:rgba(255,255,255,.13)!important;
color:#fff!important;
font-size:.68rem!important;
font-weight:900!important;
letter-spacing:.045em!important;
white-space:nowrap!important;
box-shadow:none!important;
}
.customer-mobile-menu .mobile-close-top b{
font-size:1.2rem!important;
line-height:1!important;
font-weight:500!important;
}
.customer-mobile-menu .mobile-close-top:hover,
.customer-mobile-menu .mobile-close-top:focus-visible{
background:rgba(255,255,255,.23)!important;
}
.customer-mobile-menu .mobile-close-bottom{display:none!important}
/* Header-only typography increase requested for desktop and mobile. */
.customer-theme-header .brand-name{
font-size:1.128rem!important;
}
.customer-theme-header .nav-link{
font-size:.816rem!important;
}
.customer-mobile-menu .mobile-logo .brand-name{
font-size:.96rem!important;
}
.customer-mobile-menu .mobile-nav-link{
font-size:.888rem!important;
}
@media(min-width:993px) and (max-width:1320px){
.customer-theme-header .brand-name{font-size:.912rem!important;max-width:180px!important}
.customer-theme-header .nav-link{font-size:.684rem!important}
}
@media(max-width:620px){
.customer-theme-header .brand-name{font-size:.948rem!important;max-width:62vw!important}
.customer-mobile-menu .mobile-logo .brand-name{font-size:.888rem!important;max-width:190px!important}
.customer-mobile-menu .mobile-nav-link{font-size:.876rem!important}
.customer-mobile-menu .mobile-close-top{min-width:72px!important;height:38px!important;padding:0 8px!important;font-size:.62rem!important}
}
@media(max-width:380px){
.customer-theme-header .brand-name{font-size:.864rem!important;max-width:55vw!important}
.customer-mobile-menu .mobile-logo .brand-name{font-size:.84rem!important;max-width:164px!important}
}
/* v3.1 — transaction bottom-sheet filter and customer top-products page */
body.transaction-filter-open{overflow:hidden}
.transaction-filter-fab{position:fixed;left:50%;bottom:88px;z-index:145;transform:translateX(-50%);min-width:150px;height:44px;padding:0 14px;display:flex;align-items:center;justify-content:center;gap:8px;border:1px solid color-mix(in srgb,var(--primary) 75%,#111827);border-radius:4px;background:var(--primary);color:#fff;box-shadow:0 12px 28px rgba(15,23,42,.28);font-size:.7rem;font-weight:950;letter-spacing:.08em}
.transaction-filter-fab>span{font-size:1.15rem;line-height:1}.transaction-filter-fab>b{min-width:20px;height:20px;padding:0 5px;display:grid;place-items:center;background:#fff;color:var(--primary);font-size:.6rem;border-radius:99px}
.transaction-filter-modal[hidden]{display:none!important}.transaction-filter-modal{position:fixed;inset:0;z-index:320}.transaction-filter-backdrop{position:absolute;inset:0;width:100%;height:100%;border:0;background:rgba(17,24,39,.56);backdrop-filter:blur(4px);opacity:0;transition:opacity .18s ease}.transaction-filter-sheet{position:absolute;left:50%;bottom:0;width:min(760px,100%);max-height:min(88dvh,760px);overflow:auto;transform:translate(-50%,102%);background:#fff;border:1px solid color-mix(in srgb,var(--primary) 20%,#d1d5db);border-radius:12px 12px 0 0;box-shadow:0 -20px 50px rgba(15,23,42,.26);transition:transform .2s ease}.transaction-filter-modal.open .transaction-filter-backdrop{opacity:1}.transaction-filter-modal.open .transaction-filter-sheet{transform:translate(-50%,0)}
.transaction-filter-sheet>header{position:sticky;top:0;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 16px;background:color-mix(in srgb,var(--primary) 9%,#fff);border-bottom:1px solid color-mix(in srgb,var(--primary) 16%,#e5e7eb)}.transaction-filter-sheet>header small{display:block;color:var(--primary);font-size:.56rem;font-weight:950;letter-spacing:.09em}.transaction-filter-sheet>header h2{margin:2px 0 0;text-align:left!important;color:#2f2925;font-size:1rem}.transaction-filter-sheet>header>button{width:38px;height:38px;border:1px solid color-mix(in srgb,var(--primary) 25%,#d1d5db);background:#fff;color:var(--primary);font-size:1.35rem;line-height:1;border-radius:4px}.transaction-filter-sheet .transaction-filter-form{padding:14px 16px 18px}.transaction-filter-sheet .transaction-filter-actions{grid-column:1/-1}
.customer-top-products-main{padding-bottom:90px}.top-products-content{padding-top:15px;padding-bottom:24px}.top-products-section{margin-bottom:16px;padding:15px;background:#fff;border:1px solid color-mix(in srgb,var(--primary) 14%,#e5e7eb);border-top:4px solid var(--primary);border-radius:4px;box-shadow:0 8px 24px rgba(15,23,42,.055)}.my-best-section{border-top-color:var(--secondary);background:color-mix(in srgb,var(--primary) 3%,#fff)}
.top-product-list{display:grid;gap:9px;max-width:900px;margin:0 auto}.top-product-row{display:grid;grid-template-columns:42px 70px minmax(0,1fr) auto;align-items:center;gap:11px;min-height:76px;padding:8px 12px 8px 8px;background:#fff;border:1px solid #e9e1db;border-radius:4px}.top-product-rank{width:34px;height:34px;display:grid;place-items:center;background:var(--primary);color:#fff;font-size:.8rem;font-weight:950}.top-product-image{position:relative;width:70px;height:60px;display:grid;place-items:center;overflow:hidden;background:color-mix(in srgb,var(--primary) 7%,#f4f4f5)}.top-product-image>img{width:100%;height:100%;object-fit:cover}.top-product-image>span{font-size:1.55rem}.top-product-image>.food-icon{position:absolute;right:3px;top:3px;width:16px;height:16px;background:#fff;border-width:1px}.top-product-image>.food-icon>i{width:6px;height:6px}.top-product-copy{min-width:0}.top-product-copy small{display:block;color:var(--primary);font-size:.52rem;font-weight:950;letter-spacing:.07em}.top-product-copy h3{margin:3px 0;text-align:left!important;color:#2f2925;font-size:.8rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.top-product-copy p{margin:0;color:#7b6e66;font-size:.58rem;font-weight:800}.top-product-value{text-align:right;white-space:nowrap}.top-product-value small{display:block;color:#82756d;font-size:.5rem;font-weight:900;letter-spacing:.06em}.top-product-value strong{display:block;margin-top:3px;color:var(--primary);font-size:.82rem}
.top-products-access,.top-products-login-note{max-width:700px;margin:0 auto;text-align:center;padding:20px;background:color-mix(in srgb,var(--primary) 7%,#fff);border:1px solid color-mix(in srgb,var(--primary) 18%,#e5e7eb)}.top-products-access>span{display:grid;place-items:center;width:48px;height:48px;margin:0 auto 9px;background:var(--primary);color:#fff;font-size:1.35rem}.top-products-access h3,.top-products-login-note strong{display:block;margin:0;color:var(--primary);font-size:.85rem}.top-products-access p,.top-products-login-note p{margin:6px auto 13px;color:#756a63;font-size:.68rem}.top-products-login-note{margin-top:12px;padding:14px}
@media(max-width:760px){
.transaction-filter-fab{bottom:82px;min-width:136px;height:42px}.transaction-filter-sheet{max-height:90dvh;border-radius:10px 10px 0 0}.transaction-filter-sheet .transaction-filter-form{grid-template-columns:repeat(2,minmax(0,1fr))}.transaction-filter-sheet .transaction-filter-form .filter-wide{grid-column:1/-1}
.top-products-section{padding:10px}.top-product-row{grid-template-columns:32px 58px minmax(0,1fr) auto;gap:7px;padding:7px}.top-product-rank{width:28px;height:28px;font-size:.68rem}.top-product-image{width:58px;height:54px}.top-product-copy h3{font-size:.68rem}.top-product-copy p{font-size:.49rem}.top-product-value strong{font-size:.7rem}.top-product-value small{font-size:.44rem}
}
@media(max-width:430px){
.transaction-filter-sheet .transaction-filter-form{grid-template-columns:1fr}.transaction-filter-sheet .transaction-filter-form .filter-wide,.transaction-filter-sheet .transaction-filter-actions{grid-column:1}.transaction-filter-sheet .transaction-filter-actions{display:grid;grid-template-columns:1fr 1fr}
.top-products-content{width:100%!important;padding-left:7px!important;padding-right:7px!important}.top-product-row{grid-template-columns:28px 52px minmax(0,1fr) 70px;gap:6px}.top-product-rank{width:25px;height:25px}.top-product-image{width:52px;height:49px}.top-product-copy h3{font-size:.62rem}.top-product-copy p{font-size:.45rem}.top-product-value strong{font-size:.64rem}
}
/* v3.2 — larger customer header menu and label-free transaction period filter */
.customer-theme-header .nav-link{
font-size:.979rem!important;
padding:8px 6px!important;
}
.customer-theme-header .customer-desktop-nav{gap:2px!important}
.customer-mobile-menu .mobile-nav-link{
font-size:1.066rem!important;
}
.transaction-filter-fab{
font-size:.84rem!important;
min-width:168px!important;
}
.transaction-filter-sheet>header small{font-size:.68rem!important}
.transaction-filter-sheet>header h2{font-size:1.2rem!important}
.transaction-filter-sheet .label-free-filter label{gap:0!important}
.transaction-filter-sheet .label-free-filter input,
.transaction-filter-sheet .label-free-filter select{
min-height:50px!important;
font-size:.96rem!important;
font-weight:850!important;
color:#312a26!important;
background:#fff!important;
border:1px solid color-mix(in srgb,var(--primary) 24%,#d1d5db)!important;
border-radius:4px!important;
padding:0 13px!important;
}
.transaction-filter-sheet .label-free-filter input::placeholder{
color:#746a64!important;
opacity:1!important;
}
.transaction-filter-sheet .transaction-filter-actions .btn{
min-height:48px!important;
font-size:.9rem!important;
}
@media(min-width:993px) and (max-width:1320px){
.customer-theme-header .nav-link{font-size:.821rem!important;padding:7px 4px!important}
}
@media(max-width:620px){
.customer-mobile-menu .mobile-nav-link{font-size:1.051rem!important}
.transaction-filter-fab{font-size:.82rem!important;min-width:154px!important}
.transaction-filter-sheet .label-free-filter input,
.transaction-filter-sheet .label-free-filter select{font-size:.9rem!important;min-height:48px!important}
}
/* v3.3 — distinct Admin/Team authentication and responsive management workspace */
.management-auth-screen{
min-height:100vh;
background:color-mix(in srgb,var(--primary) 7%,#f8fafc);
}
.management-auth-screen .powered-footer{display:none!important}
.management-auth-page{
min-height:100vh;
display:grid;
place-items:center;
padding:28px;
background:
linear-gradient(135deg,color-mix(in srgb,var(--primary) 10%,#fff),#f8fafc 54%,color-mix(in srgb,var(--secondary) 9%,#fff));
}
.management-auth-shell{
width:min(1040px,100%);
min-height:630px;
display:grid;
grid-template-columns:minmax(320px,.9fr) minmax(400px,1.1fr);
overflow:hidden;
background:#fff;
border:1px solid color-mix(in srgb,var(--primary) 18%,#dbe1e8);
border-radius:8px;
box-shadow:0 28px 80px rgba(15,23,42,.18);
}
.management-auth-brand{
min-width:0;
padding:38px;
display:flex;
flex-direction:column;
color:#fff;
background:
linear-gradient(150deg,color-mix(in srgb,var(--primary) 92%,#111827),color-mix(in srgb,var(--primary) 70%,#111827));
position:relative;
isolation:isolate;
}
.management-auth-brand:before,.management-auth-brand:after{
content:"";
position:absolute;
z-index:-1;
border:1px solid rgba(255,255,255,.13);
transform:rotate(18deg);
}
.management-auth-brand:before{width:230px;height:230px;right:-100px;top:-70px}
.management-auth-brand:after{width:180px;height:180px;left:-95px;bottom:30px}
.management-auth-logo{display:flex;align-items:center;gap:13px;min-width:0}
.management-auth-logo img{
width:58px;height:58px;object-fit:contain;padding:4px;background:#fff;border-radius:5px;
}
.management-auth-logo>span:not(.super-brand-mark){display:grid;min-width:0}
.management-auth-logo strong{font-size:1rem;line-height:1.15;letter-spacing:.03em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.management-auth-logo small{margin-top:4px;font-size:.6rem;font-weight:900;letter-spacing:.13em;color:rgba(255,255,255,.72)}
.super-brand-mark{
width:46px;height:46px;display:grid;place-items:center;flex:0 0 auto;
background:#fff;color:#172033;border-radius:5px;font-size:.78rem;font-weight:950;letter-spacing:.04em;
}
.super-brand-mark.large{width:58px;height:58px;font-size:.9rem}
.management-auth-message{margin:auto 0;padding:45px 0 30px}
.management-auth-kicker{display:block;margin-bottom:12px;color:color-mix(in srgb,var(--secondary) 78%,#fff);font-size:.65rem;font-weight:950;letter-spacing:.17em}
.management-auth-message h1{max-width:440px;margin:0;font-size:clamp(2rem,4vw,3.6rem);line-height:.97;letter-spacing:-.045em}
.management-auth-message p{max-width:440px;margin:19px 0 0;color:rgba(255,255,255,.76);font-size:.88rem;line-height:1.75}
.management-role-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-bottom:28px}
.management-role-grid span{padding:10px 9px;border:1px solid rgba(255,255,255,.18);background:rgba(255,255,255,.07);font-size:.57rem;font-weight:950;text-align:center;letter-spacing:.09em}
.management-auth-powered{margin-top:auto;color:rgba(255,255,255,.58);font-size:.55rem;font-weight:900;letter-spacing:.12em}
.management-auth-form{
padding:38px clamp(30px,5vw,64px);
display:flex;
flex-direction:column;
justify-content:center;
background:#fff;
}
.management-back-link{align-self:flex-start;color:var(--primary);font-size:.62rem;font-weight:950;letter-spacing:.07em}
.management-auth-form-head{margin:52px 0 25px;text-align:left}
.management-auth-form-head>span{display:block;color:var(--primary);font-size:.61rem;font-weight:950;letter-spacing:.15em}
.management-auth-form-head h2{margin:7px 0 7px;color:#1f2937;font-size:clamp(1.45rem,3vw,2.25rem);line-height:1.08;letter-spacing:-.035em;text-align:left!important}
.management-auth-form-head p{max-width:520px;margin:0;color:#71717a;font-size:.76rem}
.management-login-form{display:grid;gap:15px}
.management-login-form label{gap:7px;color:#4b5563;font-size:.62rem;letter-spacing:.06em}
.management-input{
min-height:54px;display:grid;grid-template-columns:48px minmax(0,1fr);align-items:center;
border:1px solid #d8dee7;background:#fff;border-radius:4px;overflow:hidden;transition:.18s ease;
}
.management-input:focus-within{border-color:var(--primary);box-shadow:0 0 0 3px color-mix(in srgb,var(--primary) 12%,transparent)}
.management-input b{height:100%;display:grid;place-items:center;border-right:1px solid #e3e7ed;background:color-mix(in srgb,var(--primary) 6%,#fff);color:var(--primary);font-size:.8rem}
.management-input input{height:52px;border:0!important;border-radius:0!important;box-shadow:none!important;padding:0 14px!important;font-size:.86rem!important;font-weight:700}
.management-login-button{
width:100%;min-height:54px;margin-top:5px;padding:0 17px;display:flex;align-items:center;justify-content:space-between;
border:0;border-radius:4px;background:var(--primary);color:#fff;font-size:.72rem;font-weight:950;letter-spacing:.06em;
}
.management-login-button b{font-size:1.15rem}
.management-login-button:hover{filter:brightness(.94)}
.management-auth-note{margin-top:22px;padding:13px 14px;display:grid;gap:3px;border-left:4px solid var(--secondary);background:color-mix(in srgb,var(--primary) 5%,#fff)}
.management-auth-note strong{color:#374151;font-size:.61rem;letter-spacing:.07em}
.management-auth-note span{color:#737b86;font-size:.65rem;line-height:1.5}
.super-auth-screen{--primary:#172033;--secondary:#38bdf8}
.super-auth-shell .management-auth-brand{background:linear-gradient(145deg,#172033,#0b1220)}
.super-auth-shell .management-login-button{background:#172033}
/* Management header */
.management-dashboard{background:#f3f5f8;color:#25282d}
.management-dashboard .powered-footer{display:none!important}
.management-topbar{
height:74px;position:sticky;top:0;z-index:180;display:flex;align-items:center;gap:16px;padding:0 22px;
background:#fff;border-bottom:1px solid #dde2e9;box-shadow:0 4px 16px rgba(15,23,42,.055);
}
.management-topbar-brand{display:flex;align-items:center;gap:11px;min-width:0;color:#22262c}
.management-topbar-brand img{width:42px;height:42px;object-fit:contain;padding:3px;background:#fff;border:1px solid #e2e6eb;border-radius:4px}
.management-topbar-brand>span{display:grid;min-width:0}
.management-topbar-brand strong{max-width:420px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:.9rem;line-height:1.15}
.management-topbar-brand small{margin-top:3px;color:var(--primary);font-size:.52rem;font-weight:950;letter-spacing:.1em}
.management-topbar-actions{margin-left:auto;display:flex;align-items:center;gap:12px}
.management-user-name{color:#5f6670;font-size:.72rem;font-weight:800}
.management-topbar-actions a{padding:8px 11px;border:1px solid #d9dfe7;border-radius:4px;color:var(--primary);font-size:.59rem;font-weight:950;letter-spacing:.06em}
.dashboard-menu-toggle{display:none;width:42px;height:42px;padding:9px;border:1px solid #d7dde5;background:#fff;color:var(--primary);border-radius:4px}
.dashboard-menu-toggle svg{width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:2.1;stroke-linecap:round}
.management-dashboard-shell{display:grid!important;grid-template-columns:270px minmax(0,1fr)!important;min-height:calc(100vh - 74px)!important}
.management-sidebar{
position:sticky!important;top:74px!important;height:calc(100vh - 74px)!important;min-width:0!important;
padding:0!important;display:flex!important;flex-direction:column!important;overflow-y:auto!important;
background:linear-gradient(180deg,color-mix(in srgb,var(--primary) 96%,#111827),color-mix(in srgb,var(--primary) 76%,#111827))!important;
color:#fff;z-index:160;
}
.super-management-sidebar{background:linear-gradient(180deg,#172033,#0d1421)!important}
.management-sidebar-brand{min-height:88px;padding:17px 16px;display:flex;align-items:center;gap:10px;border-bottom:1px solid rgba(255,255,255,.1)}
.management-sidebar-brand img{width:45px;height:45px;object-fit:contain;padding:3px;background:#fff;border-radius:4px}
.management-sidebar-brand>span:not(.super-brand-mark){display:grid;min-width:0;flex:1}
.management-sidebar-brand strong{font-size:.72rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.management-sidebar-brand small{margin-top:4px;color:rgba(255,255,255,.6);font-size:.48rem;font-weight:900;letter-spacing:.09em}
.management-sidebar-brand>button{display:none;margin-left:auto;width:35px;height:35px;border:1px solid rgba(255,255,255,.26);background:rgba(255,255,255,.08);color:#fff;border-radius:4px;font-size:1.25rem}
.management-user-card{margin:13px 12px;padding:11px;display:flex;align-items:center;gap:10px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.1);border-radius:5px}
.management-user-avatar{width:36px;height:36px;display:grid;place-items:center;flex:0 0 auto;background:#fff;color:var(--primary);border-radius:4px;font-weight:950}
.super-management-sidebar .management-user-avatar{color:#172033}
.management-user-card>span:last-child{display:grid;min-width:0}
.management-user-card strong{font-size:.68rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.management-user-card small{margin-top:3px;color:rgba(255,255,255,.6);font-size:.49rem;font-weight:800}
.management-side-nav{display:grid;gap:3px;padding:5px 10px 18px}
.management-side-nav a,.management-sidebar-logout{display:flex;align-items:center;gap:11px;min-height:43px;padding:9px 11px;color:rgba(255,255,255,.76);border:1px solid transparent;border-radius:4px}
.management-side-nav a>span,.management-sidebar-logout>span{width:21px;height:21px;display:grid;place-items:center;flex:0 0 auto}
.management-side-nav svg,.management-sidebar-logout svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.75;stroke-linecap:round;stroke-linejoin:round}
.management-side-nav b,.management-sidebar-logout b{font-size:.66rem;letter-spacing:.015em}
.management-side-nav a:hover,.management-side-nav a.active{background:rgba(255,255,255,.13);border-color:rgba(255,255,255,.11);color:#fff}
.management-side-nav a.active{box-shadow:inset 3px 0 0 var(--secondary)}
.management-sidebar-logout{margin:auto 10px 13px;background:rgba(0,0,0,.14);color:#fff}
.management-dashboard-main{min-width:0!important;padding:25px!important;background:#f3f5f8!important}
.management-page-heading{margin:0 0 20px;padding:0 0 14px;border-bottom:1px solid #dfe4ea}
.management-page-heading>span{display:block;color:var(--primary);font-size:.55rem;font-weight:950;letter-spacing:.14em}
.management-page-heading h1{margin:4px 0 0;font-size:clamp(1.45rem,3vw,2.25rem);line-height:1.05;letter-spacing:-.035em;text-align:left!important}
.management-inline-action{display:flex;justify-content:flex-end;margin:-58px 0 20px}
.management-dashboard .card{border-radius:7px;border-color:#dfe4ea;box-shadow:0 7px 20px rgba(15,23,42,.045)}
.management-dashboard .stat-card{border-radius:6px;border-top:4px solid var(--primary);background:#fff;box-shadow:0 7px 20px rgba(15,23,42,.045)}
.management-dashboard .stat-card strong{color:#262b31}
.management-dashboard .btn{border-radius:4px}
.management-dashboard input,.management-dashboard select,.management-dashboard textarea{border-radius:4px}
.dashboard-nav-overlay{display:none}
@media(max-width:860px){
body.dashboard-menu-open{overflow:hidden}
.management-topbar{height:64px;padding:0 12px;gap:10px}
.dashboard-menu-toggle{display:grid;place-items:center;flex:0 0 auto}
.management-topbar-brand img{width:38px;height:38px}
.management-topbar-brand strong{max-width:56vw;font-size:.77rem}
.management-topbar-brand small{font-size:.46rem}
.management-topbar-actions{display:none}
.management-dashboard-shell{display:block!important;min-height:calc(100vh - 64px)!important}
.management-sidebar{
position:fixed!important;left:0!important;top:0!important;width:min(315px,88vw)!important;height:100dvh!important;
transform:translateX(-103%)!important;transition:transform .22s ease!important;z-index:510!important;
box-shadow:20px 0 45px rgba(15,23,42,.3)!important;
}
.management-sidebar.open{transform:translateX(0)!important}
.management-sidebar-brand{min-height:74px}
.management-sidebar-brand>button{display:grid;place-items:center}
.dashboard-nav-overlay{display:block;position:fixed;inset:0;z-index:500;background:rgba(15,23,42,.54);backdrop-filter:blur(3px);opacity:0;visibility:hidden;transition:.2s ease}
.dashboard-nav-overlay.open{opacity:1;visibility:visible}
.management-dashboard-main{padding:16px 12px 28px!important}
.management-page-heading{margin-bottom:15px}
.management-inline-action{margin:0 0 14px;justify-content:flex-start}
}
@media(max-width:760px){
.management-auth-page{padding:12px}
.management-auth-shell{grid-template-columns:1fr;min-height:auto}
.management-auth-brand{min-height:245px;padding:22px}
.management-auth-message{padding:28px 0 20px;margin:0}
.management-auth-message h1{font-size:2rem}
.management-auth-message p{margin-top:12px;font-size:.72rem}
.management-role-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:4px;margin:0}
.management-role-grid span{padding:7px 3px;font-size:.43rem}
.management-auth-powered{display:none}
.management-auth-form{padding:24px 18px 28px}
.management-auth-form-head{margin:30px 0 20px}
.management-auth-form-head h2{font-size:1.55rem}
.management-auth-form-head p{font-size:.68rem}
.management-input{min-height:52px}
}
@media(max-width:430px){
.management-auth-page{padding:0;background:#fff}
.management-auth-shell{width:100%;border:0;border-radius:0;box-shadow:none}
.management-auth-brand{min-height:222px;padding:19px 16px}
.management-auth-logo img,.super-brand-mark.large{width:48px;height:48px}
.management-auth-logo strong{font-size:.83rem}
.management-auth-message{padding:23px 0 16px}
.management-auth-message h1{font-size:1.72rem}
.management-auth-form{padding:22px 14px 27px}
.management-auth-form-head{margin-top:26px}
.management-dashboard .stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
.management-auth-screen>.flash{
position:fixed;top:14px;left:50%;z-index:900;width:min(620px,calc(100% - 24px));margin:0;transform:translateX(-50%);border-radius:4px;box-shadow:0 12px 32px rgba(15,23,42,.18);
}
.dashboard-page>.flash{position:relative;z-index:175;margin:12px auto}
/* v3.4 — square Admin/Team login and theme-colored desktop team header */
.management-square-auth-screen{
min-height:100vh;
background:color-mix(in srgb,var(--primary) 9%,#f8fafc);
}
.management-square-auth-screen .powered-footer{display:none!important}
.management-square-auth-page{
min-height:100vh;
display:grid;
place-items:center;
padding:24px;
background:
radial-gradient(circle at 12% 8%,color-mix(in srgb,var(--secondary) 18%,transparent),transparent 34%),
linear-gradient(145deg,color-mix(in srgb,var(--primary) 14%,#fff),#f8fafc 58%,color-mix(in srgb,var(--primary) 8%,#fff));
}
.management-square-auth-card{
width:min(520px,100%);
overflow:hidden;
border:1px solid color-mix(in srgb,var(--primary) 22%,#d8dee7);
border-radius:5px;
background:#fff;
box-shadow:0 26px 75px rgba(15,23,42,.18);
}
.management-square-auth-brand{
min-height:108px;
padding:20px 22px;
display:flex;
align-items:center;
gap:14px;
color:#fff;
background:linear-gradient(135deg,color-mix(in srgb,var(--primary) 96%,#111827),color-mix(in srgb,var(--primary) 76%,#111827));
border-bottom:4px solid color-mix(in srgb,var(--secondary) 72%,#fff);
}
.management-square-auth-brand img{
width:58px;height:58px;object-fit:contain;padding:4px;background:#fff;border-radius:4px;flex:0 0 auto;
}
.management-square-auth-brand>div{display:grid;min-width:0}
.management-square-auth-brand strong{
font-size:1.1rem;line-height:1.12;letter-spacing:.02em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
}
.management-square-auth-brand small{margin-top:5px;color:rgba(255,255,255,.72);font-size:.62rem;font-weight:950;letter-spacing:.12em}
.management-square-auth-body{padding:28px 26px 22px;text-align:center}
.management-square-kicker{display:block;color:var(--primary);font-size:.65rem;font-weight:950;letter-spacing:.15em}
.management-square-auth-body h1{margin:7px 0 7px;font-size:1.65rem;line-height:1.05;letter-spacing:-.03em;text-align:center!important}
.management-square-subtitle{max-width:420px;margin:0 auto 22px;color:#707782;font-size:.78rem;line-height:1.65}
.management-square-login-form{display:grid;gap:14px;text-align:left}
.management-square-login-form label{gap:7px;color:#4b5563;font-size:.65rem;letter-spacing:.06em}
.management-square-input{
min-height:54px;display:grid;grid-template-columns:48px minmax(0,1fr);align-items:center;
overflow:hidden;border:1px solid #d7dde5;border-radius:4px;background:#fff;transition:.18s ease;
}
.management-square-input:focus-within{border-color:var(--primary);box-shadow:0 0 0 3px color-mix(in srgb,var(--primary) 12%,transparent)}
.management-square-input b{height:100%;display:grid;place-items:center;border-right:1px solid #e3e7ed;background:color-mix(in srgb,var(--primary) 7%,#fff);color:var(--primary);font-size:.84rem}
.management-square-input input{height:52px;border:0!important;border-radius:0!important;box-shadow:none!important;padding:0 14px!important;font-size:.9rem!important;font-weight:700}
.management-square-login-button{
width:100%;min-height:54px;margin-top:4px;padding:0 17px;display:flex;align-items:center;justify-content:space-between;
border:0;border-radius:4px;background:var(--primary);color:#fff;font-size:.74rem;font-weight:950;letter-spacing:.07em;
}
.management-square-login-button b{font-size:1.2rem}
.management-square-login-button:hover{filter:brightness(.94)}
.management-square-role-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin-top:20px}
.management-square-role-grid span{padding:9px 5px;border:1px solid color-mix(in srgb,var(--primary) 18%,#dce2e9);background:color-mix(in srgb,var(--primary) 5%,#fff);color:var(--primary);font-size:.55rem;font-weight:950;letter-spacing:.07em}
.management-square-note{margin-top:16px;padding:12px 13px;display:grid;gap:3px;border-left:4px solid var(--secondary);background:color-mix(in srgb,var(--primary) 5%,#fff);text-align:left}
.management-square-note strong{color:#374151;font-size:.6rem;letter-spacing:.07em}
.management-square-note span{color:#727985;font-size:.64rem;line-height:1.5}
.management-square-back{display:inline-flex;margin-top:18px;color:var(--primary);font-size:.62rem;font-weight:950;letter-spacing:.06em}
.management-square-powered{display:block;margin-top:18px;color:#989da5;font-size:.52rem;font-weight:900;letter-spacing:.12em}
@media(min-width:993px){
.staff-dashboard .management-topbar{
background:linear-gradient(90deg,color-mix(in srgb,var(--primary) 96%,#111827),color-mix(in srgb,var(--primary) 78%,#111827));
border-bottom-color:rgba(255,255,255,.12);
box-shadow:0 4px 18px rgba(15,23,42,.18);
}
.staff-dashboard .management-topbar-brand{color:#fff}
.staff-dashboard .management-topbar-brand small{color:rgba(255,255,255,.7)}
.staff-dashboard .management-user-name{color:rgba(255,255,255,.82)}
.staff-dashboard .management-topbar-actions a{border-color:rgba(255,255,255,.32);background:rgba(255,255,255,.08);color:#fff}
.staff-dashboard .management-topbar-actions a:hover{background:rgba(255,255,255,.16)}
}
@media(max-width:620px){
.management-square-auth-page{padding:12px 8px}
.management-square-auth-card{border-radius:3px}
.management-square-auth-brand{min-height:92px;padding:16px}
.management-square-auth-brand img{width:50px;height:50px}
.management-square-auth-brand strong{font-size:.95rem}
.management-square-auth-body{padding:22px 15px 18px}
.management-square-auth-body h1{font-size:1.35rem!important}
.management-square-subtitle{font-size:.72rem}
.management-square-role-grid{gap:5px}
.management-square-role-grid span{font-size:.5rem;padding:8px 3px}
}
/* v3.5 management documentation, responsive team tools, records and analytics */
.management-subnav{display:flex;gap:8px;overflow-x:auto;padding:4px 0 14px;scrollbar-width:none}.management-subnav::-webkit-scrollbar{display:none}.management-subnav a{flex:0 0 auto;padding:10px 14px;border:1px solid color-mix(in srgb,var(--primary) 18%,#ddd);background:#fff;color:var(--primary);font-size:.72rem;font-weight:950;letter-spacing:.04em}.management-subnav a.active{background:var(--primary);color:#fff}
.management-help-strip{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:16px;padding:14px 16px;background:linear-gradient(135deg,color-mix(in srgb,var(--primary) 12%,#fff),color-mix(in srgb,var(--secondary) 15%,#fff));border-left:5px solid var(--primary);box-shadow:0 8px 22px rgba(20,20,20,.06)}.management-help-strip span{display:grid;gap:3px}.management-help-strip b{font-size:.82rem;color:var(--primary)}.management-help-strip small{color:#62584f}.management-help-strip a{font-size:.68rem;font-weight:950;color:var(--primary);white-space:nowrap}
.management-order-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:14px}.management-order-card{position:relative;overflow:hidden;background:#fff;border:1px solid #e8e1dc;box-shadow:0 10px 28px rgba(29,20,14,.07)}.management-order-card:before{content:"";position:absolute;inset:0 auto 0 0;width:5px;background:#64748b}.management-order-card.status-edge-new:before{background:#dc2626}.management-order-card.status-edge-accepted:before{background:#2563eb}.management-order-card.status-edge-preparing:before{background:#d97706}.management-order-card.status-edge-ready:before{background:#16a34a}.management-order-card>header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:14px 14px 12px 18px;background:color-mix(in srgb,var(--primary) 5%,#fff)}.management-order-card>header>div:first-child{min-width:0}.management-order-card>header>div:last-child{display:grid;justify-items:end;gap:7px}.management-order-card h2{margin:4px 0 2px;font-size:1rem}.management-order-card header small{color:#786c63}.management-order-table{display:inline-flex;padding:4px 8px;background:var(--primary);color:#fff;font-size:.62rem;font-weight:950;letter-spacing:.07em}.management-order-items{display:grid}.management-order-item{display:grid;grid-template-columns:46px minmax(0,1fr) auto;align-items:center;gap:10px;padding:10px 14px 10px 18px;border-top:1px solid #eee8e3}.management-order-item img,.management-food-placeholder{width:46px;height:46px;object-fit:cover;background:color-mix(in srgb,var(--primary) 9%,#eee);display:grid;place-items:center;color:var(--primary);font-weight:950}.management-order-item span:nth-child(2){display:grid;gap:3px;min-width:0}.management-order-item b{font-size:.78rem}.management-order-item small{font-size:.63rem;color:#75695f}.management-order-item>strong{font-size:.78rem;color:var(--primary)}.management-order-action-zone{padding:12px 14px 14px 18px;background:#faf8f6}.management-status-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(92px,1fr));gap:7px}.management-status-grid button{min-height:40px;border:0;background:var(--primary);color:#fff;font-weight:900;font-size:.68rem}.management-status-grid button[value=cancelled]{background:#991b1b}.management-action-details{margin-top:9px;border:1px solid #e5ddd7;background:#fff}.management-action-details summary{padding:10px;font-size:.68rem;font-weight:950;color:var(--primary)}.management-item-edit-list{display:grid;gap:8px;padding:10px}.management-mobile-edit-form{display:grid;grid-template-columns:minmax(90px,1fr) 70px minmax(120px,1.4fr) auto;gap:7px;align-items:center}.management-mobile-edit-form input{min-width:0}.management-order-card>footer{display:flex;justify-content:space-between;gap:10px;padding:10px 14px 10px 18px;background:#faf8f6;color:#6f6259;font-size:.65rem;font-weight:850}
.management-filter-card{padding:12px}.management-record-filter{display:grid;grid-template-columns:minmax(180px,2fr) repeat(3,minmax(130px,1fr)) auto auto;gap:8px}.management-record-filter>*{min-width:0}.management-record-table td small,.management-record-table td b{display:block;margin-top:3px}
.management-workflow-layout{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(280px,.7fr);gap:15px}.management-primary-form{border-top:5px solid var(--primary)}.management-step-form{display:grid;gap:12px}.management-form-step{display:grid;grid-template-columns:38px minmax(150px,.8fr) minmax(220px,1.2fr);align-items:center;gap:12px;padding:13px;background:#faf8f6;border:1px solid #e8e0da}.management-form-step>b{width:34px;height:34px;display:grid;place-items:center;background:var(--primary);color:#fff}.management-form-step>span{display:grid;gap:3px}.management-form-step>span strong{font-size:.74rem;color:var(--primary)}.management-form-step>span small{font-size:.63rem;color:#766a61}.management-form-step>div{display:grid;grid-template-columns:1fr 1fr;gap:8px}.management-submit-large{width:100%;min-height:48px;font-size:.78rem}.full-btn{width:100%;margin-top:16px;text-align:center}
.team-editor-card{border-top:5px solid var(--primary)}.management-team-form{display:grid;gap:14px}.team-basic-fields{display:grid;grid-template-columns:repeat(3,minmax(150px,1fr));gap:9px}.management-permission-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.management-permission-card{display:grid;grid-template-columns:22px minmax(0,1fr);gap:9px;align-items:start;padding:12px;border:1px solid #e5ddd6;background:#faf9f7;cursor:pointer}.management-permission-card:has(input:checked){border-color:var(--primary);background:color-mix(in srgb,var(--primary) 7%,#fff)}.management-permission-card input{margin-top:3px}.management-permission-card span{display:grid;gap:4px}.management-permission-card strong{font-size:.72rem;color:var(--primary)}.management-permission-card small{font-size:.62rem;color:#62574f;line-height:1.4}.management-permission-card em{font-size:.56rem;color:#8a5d20;font-style:normal;line-height:1.35}.management-team-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:14px}.management-team-member>header{display:grid;grid-template-columns:44px minmax(0,1fr) auto;align-items:center;gap:10px}.management-team-member h2{margin:0;font-size:.92rem}.management-team-member header small{font-size:.64rem}.team-permission-chips{display:flex;flex-wrap:wrap;gap:5px;margin-top:12px}.team-permission-chips span{padding:5px 7px;background:color-mix(in srgb,var(--primary) 7%,#f4f1ee);font-size:.56rem;font-weight:850;color:var(--primary)}.team-member-editor{margin-top:14px;border-top:1px solid #e4dcd5}.team-member-editor summary{padding-top:12px;color:var(--primary);font-size:.68rem;font-weight:950}
.management-report-filter form{display:grid;grid-template-columns:1.4fr 1.4fr 1fr 1fr auto;gap:9px;align-items:end}.management-report-filter label{display:grid;grid-template-columns:1fr 1fr;gap:7px;font-size:.62rem;color:var(--primary);font-weight:900}.management-report-filter label::first-line{grid-column:1/-1}.management-report-chart-grid{display:grid;grid-template-columns:1.4fr .8fr;gap:14px}.management-chart-card{min-width:0}.management-chart{width:100%;overflow:hidden}.management-chart svg{display:block;width:100%;height:auto;min-height:250px}.management-chart-grid{stroke:#e5dfda;stroke-width:1}.management-chart-axis,.management-chart-label{fill:#786d64;font-size:10px;font-family:inherit}.management-chart-line{stroke:var(--primary);stroke-width:4;stroke-linecap:round;stroke-linejoin:round}.management-chart-point{fill:#fff;stroke:var(--primary);stroke-width:3}.management-chart-bar{fill:var(--primary)}.management-chart-bar.series-1{fill:var(--secondary)}.management-chart-line.series-1{stroke:var(--secondary)}.management-chart-point.series-1{stroke:var(--secondary)}.management-chart-legend{display:flex;justify-content:center;gap:16px;flex-wrap:wrap}.management-chart-legend span{display:flex;align-items:center;gap:6px;font-size:.62rem;font-weight:850}.management-chart-legend i{width:12px;height:12px;background:var(--primary)}.management-chart-legend .series-1 i{background:var(--secondary)}.management-report-actions{display:flex;gap:8px;flex-wrap:wrap;margin:14px 0}
.management-doc-hero{padding:28px;background:linear-gradient(135deg,var(--primary),color-mix(in srgb,var(--primary) 64%,#111));color:#fff;margin-bottom:16px}.management-doc-hero span{font-size:.65rem;font-weight:950;letter-spacing:.12em}.management-doc-hero h1{max-width:760px;margin:8px 0;font-size:clamp(1.45rem,3vw,2.3rem)}.management-doc-hero p{max-width:780px;color:rgba(255,255,255,.82)}.management-doc-hero>div{display:flex;gap:8px;flex-wrap:wrap;margin-top:16px}.management-doc-hero .btn.outline{color:#fff;border-color:#fff;background:transparent}.management-doc-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:10px}.management-doc-grid article{padding:15px;background:#faf8f6;border-left:4px solid var(--primary)}.management-doc-grid article>span{font-size:.54rem;color:#8a7b70;font-weight:950}.management-doc-grid h3{margin:5px 0;font-size:.9rem;color:var(--primary)}.management-doc-grid p{font-size:.68rem;line-height:1.5}.management-doc-grid article>div{display:grid;gap:4px;padding:9px;background:#fff4d8}.management-doc-grid article>div b{font-size:.56rem}.management-doc-grid article>div small{font-size:.63rem;line-height:1.45}.management-doc-grid footer{margin-top:9px;font-size:.57rem;font-weight:900;color:#416239}.management-workflow-docs{display:grid;grid-template-columns:repeat(auto-fit,minmax(270px,1fr));gap:10px}.management-workflow-docs article{padding:15px;border:1px solid #e6ddd6}.management-workflow-docs h3{margin:0 0 7px;color:var(--primary);font-size:.9rem}.management-workflow-docs p{font-size:.68rem;line-height:1.55}.management-workflow-docs article>div{display:grid;gap:4px;padding:9px;background:color-mix(in srgb,var(--secondary) 17%,#fff);font-size:.62rem}.management-role-table{display:grid;gap:8px}.management-role-table>div{display:grid;grid-template-columns:120px 1fr;gap:12px;padding:11px;background:#faf8f6}.management-role-table b{color:var(--primary);font-size:.7rem}.management-role-table span{font-size:.68rem;color:#655a52}
@media(max-width:980px){.management-record-filter{grid-template-columns:1fr 1fr}.management-workflow-layout,.management-report-chart-grid{grid-template-columns:1fr}.management-report-filter form{grid-template-columns:1fr 1fr}.team-basic-fields{grid-template-columns:1fr 1fr}.management-permission-grid{grid-template-columns:1fr}}
@media(max-width:680px){.management-help-strip{align-items:flex-start;flex-direction:column}.management-order-grid,.management-team-list{grid-template-columns:1fr}.management-order-card>header{padding:12px 10px 10px 15px}.management-order-item{grid-template-columns:42px minmax(0,1fr) auto;padding:9px 10px 9px 15px}.management-order-item img,.management-food-placeholder{width:42px;height:42px}.management-status-grid{grid-template-columns:repeat(2,1fr)}.management-mobile-edit-form{grid-template-columns:1fr 70px}.management-mobile-edit-form input[name=reason],.management-mobile-edit-form .btn{grid-column:1/-1}.management-record-filter,.management-report-filter form,.team-basic-fields{grid-template-columns:1fr}.management-form-step{grid-template-columns:34px 1fr}.management-form-step>select,.management-form-step>div{grid-column:1/-1}.management-form-step>div{grid-template-columns:1fr}.management-permission-card{padding:10px}.management-report-filter label{grid-template-columns:1fr}.management-chart svg{min-width:620px}.management-chart{overflow-x:auto}.management-doc-hero{padding:20px 16px}.management-role-table>div{grid-template-columns:1fr}.management-report-actions .btn{width:100%;text-align:center}.management-record-table{min-width:780px}}
.management-dashboard-actions{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:10px;margin-bottom:16px}.management-dashboard-actions>a{display:grid;grid-template-columns:42px minmax(0,1fr) auto;align-items:center;gap:11px;padding:14px;background:#fff;border:1px solid #e5ddd6;border-left:4px solid var(--primary);color:#302821;box-shadow:0 8px 22px rgba(30,20,14,.05)}.management-dashboard-actions>a>span{width:40px;height:40px;display:grid;place-items:center;background:color-mix(in srgb,var(--primary) 9%,#fff);color:var(--primary)}.management-dashboard-actions svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.8}.management-dashboard-actions div{display:grid;gap:4px}.management-dashboard-actions strong{font-size:.72rem;color:var(--primary)}.management-dashboard-actions small{font-size:.61rem;color:#71665e;line-height:1.35}.management-dashboard-actions>a>b{color:var(--primary)}
/* v3.6 — customer header menu 15% smaller; restaurant name unchanged; squarer Login / Signup access */
.customer-theme-header .nav-link{
font-size:.832rem!important;
}
.customer-mobile-menu .mobile-nav-link{
font-size:.906rem!important;
}
.customer-theme-header a.customer-nav-link[href="/customer/login"],
.customer-mobile-menu a.mobile-nav-link[href="/customer/login"]{
border-radius:5px!important;
}
@media(min-width:993px) and (max-width:1320px){
.customer-theme-header .nav-link{font-size:.698rem!important}
}
@media(max-width:620px){
.customer-mobile-menu .mobile-nav-link{font-size:.893rem!important}
}
/* v3.7 — live-order action popups, responsive bills and larger team navigation */
.management-side-nav b,.management-sidebar-logout b{font-size:.825rem!important;line-height:1.25}
.management-side-nav a,.management-sidebar-logout{min-height:48px!important}
.management-side-nav a>span,.management-sidebar-logout>span{width:23px!important;height:23px!important}
.management-side-nav svg,.management-sidebar-logout svg{width:21px!important;height:21px!important}
.management-secondary-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:10px}
.management-secondary-button{min-height:42px;padding:9px 10px;border:1px solid color-mix(in srgb,var(--primary) 35%,#d7dde5);border-radius:4px;background:#fff;color:var(--primary);font-size:.7rem;font-weight:950;letter-spacing:.035em}
.management-secondary-button:hover{background:color-mix(in srgb,var(--primary) 7%,#fff)}
.management-secondary-button.discount{border-color:#e8b65c;color:#8a5000;background:#fffaf0}
body.management-modal-open{overflow:hidden}
.management-modal[hidden]{display:none!important}
.management-modal{position:fixed;inset:0;z-index:1000;display:grid;place-items:center;padding:22px;opacity:0;visibility:hidden;transition:opacity .18s ease,visibility .18s ease}
.management-modal.open{opacity:1;visibility:visible}
.management-modal-backdrop{position:absolute;inset:0;width:100%;height:100%;border:0;background:rgba(15,23,42,.62);backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px)}
.management-modal-dialog{position:relative;z-index:1;width:min(900px,100%);max-height:min(90dvh,820px);overflow:auto;background:#f8fafc;border:1px solid color-mix(in srgb,var(--primary) 24%,#d8dee7);border-radius:7px;box-shadow:0 28px 80px rgba(15,23,42,.34);transform:translateY(18px) scale(.985);transition:transform .2s ease}
.management-modal.open .management-modal-dialog{transform:translateY(0) scale(1)}
.management-modal-head{min-height:104px;padding:20px 22px;display:flex;align-items:flex-start;justify-content:space-between;gap:16px;color:#fff;background:linear-gradient(120deg,color-mix(in srgb,var(--primary) 98%,#111827),color-mix(in srgb,var(--primary) 76%,#111827));border-bottom:4px solid var(--secondary)}
.management-modal-head>div{min-width:0}.management-modal-head small{font-size:.62rem;font-weight:950;letter-spacing:.12em;color:rgba(255,255,255,.7)}
.management-modal-head h2{margin:5px 0 4px;font-size:1.35rem;line-height:1.05}.management-modal-head p{margin:0;color:rgba(255,255,255,.75);font-size:.75rem}
.management-modal-head>button{width:39px;height:39px;flex:0 0 auto;border:1px solid rgba(255,255,255,.28);border-radius:4px;background:rgba(255,255,255,.09);color:#fff;font-size:1.35rem;line-height:1}
.management-modal-body{padding:20px 22px}.management-modal-note{display:grid;gap:4px;margin-bottom:16px;padding:12px 14px;border-left:5px solid var(--primary);background:color-mix(in srgb,var(--primary) 7%,#fff)}
.management-modal-note.warning{border-left-color:#d97706;background:#fffbeb}.management-modal-note b{font-size:.66rem;letter-spacing:.08em;color:var(--primary)}.management-modal-note.warning b{color:#92400e}.management-modal-note span{font-size:.72rem;color:#667085;line-height:1.55}
.management-modal-record-list{display:grid;gap:10px}.management-modal-item-form{display:grid;grid-template-columns:minmax(180px,1.2fr) 135px minmax(240px,1.4fr) auto;align-items:end;gap:10px;padding:13px;border:1px solid #dfe4ea;background:#fff}
.management-modal-item-name{display:grid;align-self:center}.management-modal-item-name b{font-size:.82rem}.management-modal-item-name small{margin-top:4px;color:#7a828d;font-size:.64rem}
.management-modal-item-form label,.management-discount-form label,.management-payment-form label{display:grid;gap:6px}.management-modal-item-form label>span,.management-discount-form label>span,.management-payment-form label>span{font-size:.59rem;font-weight:950;letter-spacing:.07em;color:#59616c}
.management-modal-item-form input,.management-discount-form input,.management-discount-form textarea,.management-payment-form input,.management-payment-form select{min-height:44px;border-radius:4px!important}.management-modal-item-form .btn{min-height:44px;white-space:nowrap}
.management-modal-footer{padding:13px 22px;display:flex;align-items:center;justify-content:space-between;gap:14px;border-top:1px solid #dfe4ea;background:#fff}.management-modal-footer span{color:#707985;font-size:.65rem}.management-modal-footer .btn{flex:0 0 auto}
.management-discount-dialog,.management-payment-dialog{width:min(620px,100%)}.management-discount-form,.management-payment-form{display:grid;gap:14px}.management-money-input{display:grid;grid-template-columns:44px minmax(0,1fr);overflow:hidden;border:1px solid #d7dde5;background:#fff}
.management-money-input:focus-within{border-color:var(--primary);box-shadow:0 0 0 3px color-mix(in srgb,var(--primary) 11%,transparent)}.management-money-input>b{display:grid;place-items:center;background:color-mix(in srgb,var(--primary) 7%,#fff);border-right:1px solid #e2e7ed;color:var(--primary)}.management-money-input input{border:0!important;box-shadow:none!important}
.management-modal-submit{min-height:50px;width:100%;margin-top:2px}
.management-bill-help{margin-bottom:14px}.management-bill-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:16px}.management-bill-stats article{display:grid;gap:5px;padding:16px;background:#fff;border:1px solid #dfe4ea;border-top:4px solid var(--primary);box-shadow:0 8px 22px rgba(15,23,42,.045)}
.management-bill-stats small{font-size:.58rem;font-weight:950;letter-spacing:.08em;color:#737b86}.management-bill-stats strong{font-size:1.28rem;color:#262b31}.management-bill-stats span{font-size:.62rem;color:#8a919b}
.management-create-bill-panel{padding:18px!important;border-top:5px solid var(--primary)!important}.management-section-kicker{display:block;margin-bottom:4px;color:var(--primary);font-size:.58rem;font-weight:950;letter-spacing:.12em}.management-create-bill-panel .section-head>div{display:grid}.management-create-bill-panel .section-head>b{padding:6px 9px;background:color-mix(in srgb,var(--primary) 8%,#fff);color:var(--primary);font-size:.62rem}
.management-bill-session-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(310px,1fr));gap:12px;margin-top:16px}.management-bill-session{border:1px solid #dfe4ea;background:#fff;box-shadow:0 8px 20px rgba(15,23,42,.04)}.management-bill-session>header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:14px;background:color-mix(in srgb,var(--primary) 5%,#fff);border-bottom:1px solid #e4e8ed}.management-bill-session>header span{display:grid}.management-bill-session>header b{font-size:.86rem}.management-bill-session>header small{margin-top:3px;color:#767e88;font-size:.62rem}.management-bill-session>header>strong{font-size:1rem;color:var(--primary)}
.management-bill-session-meta{display:grid;grid-template-columns:repeat(2,1fr);border-bottom:1px solid #e4e8ed}.management-bill-session-meta span{display:grid;gap:2px;padding:10px 13px}.management-bill-session-meta span+span{border-left:1px solid #e4e8ed}.management-bill-session-meta b{font-size:.7rem}.management-bill-session-meta small{font-size:.5rem;font-weight:900;color:#818894;letter-spacing:.08em}
.management-create-bill-form{display:grid;grid-template-columns:120px minmax(150px,1fr) auto;gap:8px;padding:12px}.management-create-bill-form input{min-width:0;min-height:43px}.management-create-bill-form .btn{white-space:nowrap}
.management-bill-records{margin-top:18px}.management-bill-record-head{margin-bottom:12px;padding:0 2px}.management-bill-record-head>div{display:grid}.management-bill-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:13px;align-items:start}.management-bill-card{overflow:hidden;background:#fff;border:1px solid #dfe4ea;box-shadow:0 9px 24px rgba(15,23,42,.05)}
.management-bill-card>header{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;padding:13px 14px;background:#fafbfc;border-bottom:1px solid #e5e9ee}.management-bill-card>header>div{display:grid}.management-bill-card>header a{font-size:.83rem;font-weight:950;color:var(--primary)}.management-bill-card>header small{margin-top:3px;color:#7b838e;font-size:.59rem}
.management-bill-customer{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px 14px}.management-bill-customer>span{display:grid}.management-bill-customer b{font-size:.8rem}.management-bill-customer small{font-size:.61rem;color:#7e8690}.management-bill-customer>strong{padding:6px 9px;background:var(--primary);color:#fff;font-size:.62rem}
.management-bill-money{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #e5e9ee;border-bottom:1px solid #e5e9ee}.management-bill-money span{display:grid;gap:3px;padding:12px}.management-bill-money span+span{border-left:1px solid #e5e9ee}.management-bill-money small{font-size:.5rem;font-weight:950;letter-spacing:.07em;color:#7d8590}.management-bill-money b{font-size:.8rem}.management-bill-money .due{background:#fff7ed;color:#9a3412}.management-bill-money .clear{background:#f0fdf4;color:#166534}
.management-bill-card-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:12px}.management-bill-card-actions .btn{min-height:42px;font-size:.65rem}
.management-empty-panel{grid-column:1/-1;display:grid;justify-items:center;gap:5px;padding:34px 20px;background:#fff;border:1px dashed #cfd5dd;color:#6f7782;text-align:center}.management-empty-panel b{color:#3d444d;font-size:.74rem}.management-empty-panel span{font-size:.67rem}
@media(max-width:980px){
.management-modal-item-form{grid-template-columns:minmax(160px,1fr) 110px minmax(190px,1.3fr)}
.management-modal-item-form .btn{grid-column:1/-1;width:100%}
.management-bill-stats{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:760px){
.management-side-nav b,.management-sidebar-logout b{font-size:.825rem!important}
.management-secondary-actions{grid-template-columns:1fr}
.management-modal{place-items:end center;padding:0}
.management-modal-dialog{width:100%;max-height:92dvh;border-radius:8px 8px 0 0;transform:translateY(100%);border-left:0;border-right:0;border-bottom:0}
.management-modal.open .management-modal-dialog{transform:translateY(0)}
.management-modal-head{min-height:90px;padding:16px}.management-modal-head h2{font-size:1.12rem}.management-modal-body{padding:14px}
.management-modal-item-form{grid-template-columns:1fr 95px;padding:11px}.management-modal-item-name{grid-column:1/-1}.management-modal-reason{grid-column:1/-1}.management-modal-item-form .btn{grid-column:1/-1}
.management-modal-footer{padding:11px 14px;align-items:stretch;flex-direction:column}.management-modal-footer .btn{width:100%}
.management-bill-stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.management-bill-stats article{padding:12px}.management-bill-stats strong{font-size:1.05rem}
.management-bill-session-grid,.management-bill-grid{grid-template-columns:1fr}.management-create-bill-form{grid-template-columns:1fr}.management-bill-record-head{align-items:stretch;flex-direction:column}.management-bill-record-head .btn{width:100%}
}
@media(max-width:420px){
.management-bill-stats{grid-template-columns:1fr 1fr}.management-bill-money span{padding:10px 7px}.management-bill-money b{font-size:.69rem}.management-bill-card-actions{grid-template-columns:1fr}
}
/* v3.8 — centered staff login, simplified team sidebar and theme mobile header */
.staff-auth-screen .management-square-auth-brand{
flex-direction:column;
justify-content:center;
text-align:center;
gap:10px;
}
.staff-auth-screen .management-square-auth-brand>div{
justify-items:center;
width:100%;
text-align:center;
}
.staff-auth-screen .management-square-auth-brand strong,
.staff-auth-screen .management-square-auth-brand small{
width:100%;
text-align:center;
}
.staff-auth-screen .management-square-subtitle,
.staff-auth-screen .management-square-note{
text-align:center;
}
.staff-auth-screen .management-square-note{
border-left:0;
border-top:4px solid var(--secondary);
justify-items:center;
}
.staff-auth-screen .management-square-login-button{
position:relative;
justify-content:center;
text-align:center;
}
.staff-auth-screen .management-square-login-button b{
position:absolute;
right:17px;
}
/* Staff sidebar intentionally contains navigation only. */
.staff-management-sidebar .management-sidebar-brand,
.staff-management-sidebar .management-user-card{
display:none!important;
}
.management-sidebar-mobile-head{
display:none;
}
.staff-management-sidebar .management-side-nav{
padding-top:16px;
}
.management-side-nav b,.management-sidebar-logout b{
font-size:.95rem!important;
line-height:1.25;
text-transform:uppercase;
}
.management-side-nav a,.management-sidebar-logout{
min-height:52px!important;
}
/* Team/Admin top header uses the restaurant theme at every viewport. */
.staff-dashboard .management-topbar{
background:linear-gradient(90deg,color-mix(in srgb,var(--primary) 96%,#111827),color-mix(in srgb,var(--primary) 78%,#111827))!important;
border-bottom-color:rgba(255,255,255,.12)!important;
box-shadow:0 4px 18px rgba(15,23,42,.18)!important;
}
.staff-dashboard .management-topbar-brand,
.staff-dashboard .management-topbar-brand strong{
color:#fff!important;
}
.staff-dashboard .management-topbar-brand small{
color:rgba(255,255,255,.72)!important;
}
.staff-dashboard .dashboard-menu-toggle{
border-color:rgba(255,255,255,.3)!important;
background:rgba(255,255,255,.1)!important;
color:#fff!important;
}
.staff-dashboard .management-user-name{color:rgba(255,255,255,.84)!important}
.staff-dashboard .management-topbar-actions a{
border-color:rgba(255,255,255,.32)!important;
background:rgba(255,255,255,.08)!important;
color:#fff!important;
}
@media(max-width:860px){
.management-sidebar-mobile-head{
min-height:72px;
padding:14px 15px;
display:flex;
align-items:center;
justify-content:space-between;
border-bottom:1px solid rgba(255,255,255,.12);
}
.management-sidebar-mobile-head strong{
font-size:.86rem;
letter-spacing:.12em;
}
.management-sidebar-mobile-head button{
width:38px;
height:38px;
display:grid;
place-items:center;
border:1px solid rgba(255,255,255,.28);
border-radius:4px;
background:rgba(255,255,255,.08);
color:#fff;
font-size:1.3rem;
}
.staff-management-sidebar .management-side-nav{padding-top:10px}
.management-side-nav b,.management-sidebar-logout b{font-size:.95rem!important}
}
/* v3.9 — compact overview, centered light page headers, enhanced priority queue and compact live-order controls */
.staff-dashboard .management-page-heading{
margin:0 0 16px;
padding:15px 18px;
display:grid;
justify-items:center;
text-align:center;
background:linear-gradient(135deg,color-mix(in srgb,var(--primary) 9%,#fff),color-mix(in srgb,var(--secondary) 10%,#fff));
border:1px solid color-mix(in srgb,var(--primary) 15%,#e2e7ed);
border-top:4px solid var(--primary);
box-shadow:0 7px 20px rgba(15,23,42,.04);
}
.staff-dashboard .management-page-heading>span{
color:var(--primary);
font-size:.58rem;
letter-spacing:.16em;
}
.staff-dashboard .management-page-heading h1{
margin:4px 0 0;
text-align:center!important;
font-size:clamp(1.25rem,2.5vw,1.9rem);
}
.management-overview-board{
margin-bottom:16px;
padding:14px;
background:color-mix(in srgb,var(--primary) 5%,#fff);
border:1px solid color-mix(in srgb,var(--primary) 14%,#dfe4ea);
border-top:5px solid var(--primary);
box-shadow:0 8px 22px rgba(15,23,42,.045);
}
.management-overview-board-head{
display:flex;
align-items:center;
justify-content:center;
gap:9px;
margin-bottom:11px;
text-align:center;
}
.management-overview-board-head span{
padding:4px 7px;
background:var(--primary);
color:#fff;
font-size:.53rem;
font-weight:950;
letter-spacing:.1em;
}
.management-overview-board-head strong{
color:var(--primary);
font-size:.72rem;
letter-spacing:.07em;
}
.management-overview-menu-grid{
display:grid;
grid-template-columns:repeat(4,minmax(0,1fr));
gap:8px;
}
.management-overview-menu-grid>a{
min-width:0;
min-height:76px;
padding:10px;
display:grid;
grid-template-columns:34px minmax(0,1fr) auto;
align-items:center;
gap:8px;
background:#fff;
border:1px solid #e0e5eb;
border-left:4px solid var(--primary);
color:#2d333a;
box-shadow:0 5px 15px rgba(15,23,42,.035);
}
.management-overview-menu-grid>a:hover{
background:color-mix(in srgb,var(--primary) 5%,#fff);
transform:translateY(-1px);
}
.management-overview-menu-grid>a>span{
width:34px;
height:34px;
display:grid;
place-items:center;
background:color-mix(in srgb,var(--primary) 9%,#fff);
color:var(--primary);
}
.management-overview-menu-grid svg{
width:19px;
height:19px;
fill:none;
stroke:currentColor;
stroke-width:1.9;
}
.management-overview-menu-grid>a>div{
display:grid;
gap:2px;
min-width:0;
}
.management-overview-menu-grid strong{
color:var(--primary);
font-size:.65rem;
line-height:1.2;
}
.management-overview-menu-grid small{
color:#747d87;
font-size:.54rem;
line-height:1.3;
display:-webkit-box;
-webkit-line-clamp:2;
-webkit-box-orient:vertical;
overflow:hidden;
}
.management-overview-menu-grid>a>b{
color:var(--primary);
font-size:.82rem;
}
.management-overview-data-grid{
display:grid;
grid-template-columns:repeat(4,minmax(0,1fr));
gap:8px;
margin-top:8px;
}
.management-overview-data-grid .stat-card{
min-height:88px;
margin:0;
padding:12px;
border-top-width:3px;
box-shadow:none;
}
.management-overview-data-grid .stat-card small{font-size:.53rem}
.management-overview-data-grid .stat-card strong{font-size:1.18rem}
.management-overview-data-grid .stat-card span{font-size:.56rem}
.management-priority-card{
padding:0!important;
overflow:hidden;
border-top:5px solid var(--primary)!important;
}
.management-priority-head{
margin:0;
padding:14px 16px;
background:linear-gradient(120deg,color-mix(in srgb,var(--primary) 8%,#fff),color-mix(in srgb,var(--secondary) 11%,#fff));
border-bottom:1px solid #e1e6ec;
}
.management-priority-head>div{
display:grid;
gap:2px;
}
.management-priority-head>div>span{
color:var(--primary);
font-size:.52rem;
font-weight:950;
letter-spacing:.13em;
}
.management-priority-head h2{
color:#2b3036;
font-size:1.05rem;
}
.management-priority-head small{font-size:.62rem}
.management-priority-head>a{
padding:7px 10px;
background:var(--primary);
color:#fff;
font-size:.58rem;
font-weight:950;
white-space:nowrap;
}
.management-priority-grid{
display:grid;
grid-template-columns:repeat(3,minmax(0,1fr));
gap:8px;
padding:12px;
background:#f8fafc;
}
.management-priority-item{
position:relative;
min-width:0;
min-height:82px;
padding:10px;
display:grid;
grid-template-columns:32px minmax(0,1fr) auto 18px;
align-items:center;
gap:8px;
background:#fff;
border:1px solid #dde3e9;
border-left:4px solid #64748b;
color:#2d3339;
}
.management-priority-item.status-edge-new{border-left-color:#dc2626}
.management-priority-item.status-edge-accepted{border-left-color:#2563eb}
.management-priority-item.status-edge-preparing{border-left-color:#d97706}
.management-priority-item.status-edge-ready{border-left-color:#16a34a}
.management-priority-rank{
width:30px;
height:30px;
display:grid;
place-items:center;
background:color-mix(in srgb,var(--primary) 8%,#fff);
color:var(--primary);
font-size:.62rem;
font-weight:950;
}
.management-priority-item>div{
display:grid;
min-width:0;
}
.management-priority-item>div>b{
color:var(--primary);
font-size:.57rem;
letter-spacing:.06em;
}
.management-priority-item>div>strong{
overflow:hidden;
text-overflow:ellipsis;
white-space:nowrap;
font-size:.72rem;
}
.management-priority-item>div>small{
color:#747d87;
font-size:.52rem;
font-weight:850;
}
.management-priority-money{
display:grid;
justify-items:end;
color:var(--primary);
font-size:.72rem;
font-weight:950;
white-space:nowrap;
}
.management-priority-money small{
margin-top:2px;
color:#858d97;
font-size:.49rem;
}
.management-priority-item>i{
color:var(--primary);
font-style:normal;
font-weight:950;
}
.management-priority-empty{
grid-column:1/-1;
padding:26px;
display:grid;
justify-items:center;
gap:3px;
background:#fff;
border:1px dashed #cbd2da;
color:#737d87;
}
.management-priority-empty b{color:var(--primary);font-size:.7rem}
.management-priority-empty span{font-size:.62rem}
/* Compact live-order cards and centered action controls. */
.management-order-card>header{
padding:10px 10px 9px 14px;
}
.management-order-card h2{
margin:3px 0 1px;
font-size:.92rem;
}
.management-order-card header small{font-size:.62rem}
.management-order-item{
padding:8px 10px 8px 14px;
}
.management-order-action-zone{
padding:8px 7px 10px!important;
}
.management-status-grid{
display:flex!important;
flex-wrap:wrap;
align-items:center;
justify-content:center;
gap:6px!important;
}
.management-status-grid button{
flex:1 1 82px;
max-width:142px;
min-width:72px;
min-height:38px;
padding:7px 6px;
font-size:.62rem;
text-align:center;
}
.management-secondary-actions{
max-width:620px;
margin:7px auto 0;
gap:6px;
}
.management-secondary-button{
min-height:39px;
padding:7px 8px;
font-size:.63rem;
}
/* Compact edit-order popup. */
.management-order-edit-dialog{
width:min(760px,100%)!important;
max-height:min(88dvh,720px)!important;
}
.management-compact-modal-head{
min-height:76px!important;
padding:12px 14px!important;
align-items:center!important;
border-bottom-width:3px!important;
}
.management-compact-modal-head small{font-size:.54rem!important}
.management-compact-modal-head h2{
margin:2px 0!important;
font-size:1.05rem!important;
}
.management-compact-modal-head p{font-size:.62rem!important}
.management-compact-modal-head>button{
width:34px!important;
height:34px!important;
font-size:1.15rem!important;
}
.management-compact-modal-body{
padding:12px!important;
}
.management-compact-note{
margin-bottom:8px!important;
padding:8px 10px!important;
border-left-width:3px!important;
}
.management-compact-note b{font-size:.55rem!important}
.management-compact-note span{font-size:.61rem!important;line-height:1.35!important}
.management-modal-record-list{gap:8px!important}
.management-compact-item-form{
grid-template-columns:minmax(150px,1fr) 105px minmax(210px,1.45fr)!important;
align-items:end!important;
gap:8px!important;
padding:10px!important;
border-left:4px solid var(--primary)!important;
}
.management-modal-item-name>span{
margin-bottom:3px;
color:#667085;
font-size:.51rem;
font-weight:950;
letter-spacing:.07em;
}
.management-compact-item-form label>span{font-size:.53rem!important}
.management-compact-item-form input{
min-height:40px!important;
padding:8px 9px!important;
}
.management-compact-save{
grid-column:1/-1!important;
justify-self:center;
width:min(220px,100%)!important;
min-height:39px!important;
margin-top:1px;
}
.management-compact-modal-footer{
padding:8px 12px!important;
}
.management-compact-modal-footer span{font-size:.56rem!important}
.management-compact-modal-footer .btn{
min-height:34px;
padding:6px 11px;
font-size:.58rem;
}
@media(max-width:1150px){
.management-overview-menu-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.management-priority-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:760px){
.staff-dashboard .management-page-heading{padding:12px 10px;margin-bottom:12px}
.management-overview-board{padding:9px}
.management-overview-board-head{margin-bottom:8px}
.management-overview-menu-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}
.management-overview-menu-grid>a{min-height:68px;padding:8px;grid-template-columns:30px minmax(0,1fr)}
.management-overview-menu-grid>a>span{width:30px;height:30px}
.management-overview-menu-grid>a>b{display:none}
.management-overview-menu-grid strong{font-size:.59rem}
.management-overview-menu-grid small{font-size:.49rem}
.management-overview-data-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}
.management-overview-data-grid .stat-card{min-height:76px;padding:10px}
.management-overview-data-grid .stat-card strong{font-size:1rem}
.management-priority-head{align-items:flex-start;gap:8px;padding:11px}
.management-priority-head h2{font-size:.92rem}
.management-priority-head>a{padding:6px 8px;font-size:.52rem}
.management-priority-grid{grid-template-columns:1fr;padding:8px}
.management-priority-item{min-height:72px;padding:8px;grid-template-columns:28px minmax(0,1fr) auto 14px}
.management-priority-rank{width:27px;height:27px}
.management-order-action-zone{padding:7px 4px 9px!important}
.management-status-grid{gap:4px!important}
.management-status-grid button{flex:1 1 68px;max-width:122px;min-width:64px;min-height:36px;padding:6px 4px;font-size:.55rem}
.management-secondary-actions{grid-template-columns:1fr 1fr!important;gap:5px!important}
.management-secondary-button{font-size:.56rem;padding:6px 4px}
.management-modal{place-items:center!important;padding:10px!important}
.management-order-edit-dialog{width:min(680px,100%)!important;max-height:94dvh!important;border-radius:6px!important;transform:translateY(12px) scale(.99)!important}
.management-modal.open .management-order-edit-dialog{transform:translateY(0) scale(1)!important}
.management-compact-modal-head{min-height:68px!important;padding:10px 11px!important}
.management-compact-modal-body{padding:9px!important}
.management-compact-item-form{grid-template-columns:minmax(0,1fr) 82px!important;padding:8px!important}
.management-compact-item-form .management-modal-item-name{grid-column:1/-1!important}
.management-compact-item-form .management-modal-reason{grid-column:1/-1!important}
.management-compact-save{grid-column:1/-1!important;width:min(190px,100%)!important}
.management-compact-modal-footer{flex-direction:row!important;align-items:center!important}
.management-compact-modal-footer .btn{width:auto!important}
}
@media(max-width:420px){
.management-overview-menu-grid>a{grid-template-columns:27px minmax(0,1fr);gap:5px;padding:7px 6px}
.management-overview-menu-grid>a>span{width:27px;height:27px}
.management-overview-menu-grid strong{font-size:.55rem}
.management-overview-menu-grid small{font-size:.46rem}
.management-priority-head{flex-direction:column;align-items:stretch}
.management-priority-head>a{text-align:center}
.management-priority-item{grid-template-columns:27px minmax(0,1fr) auto}
.management-priority-item>i{display:none}
.management-status-grid button{min-width:61px;max-width:108px;font-size:.52rem}
.management-secondary-actions{grid-template-columns:1fr!important}
.management-order-edit-dialog{max-height:96dvh!important}
.management-compact-modal-footer span{display:none}
}
/* v4.0 — tighter team workspace, clearer overview typography and compact bulk-edit popups */
/* Use more of the available screen on every management page. */
.staff-dashboard .management-dashboard-main{
padding:10px 12px 18px!important;
}
.staff-dashboard .management-page-heading{
margin:0 0 10px!important;
padding:10px 14px!important;
}
.staff-dashboard .management-page-heading>span{font-size:.62rem!important}
.staff-dashboard .management-page-heading h1{font-size:clamp(1.35rem,2.6vw,2rem)!important}
/* Restaurant identity is more visible; right-side user controls are quieter. */
.staff-dashboard .management-topbar-brand strong{
font-size:1.08rem!important;
}
.staff-dashboard .management-topbar-brand small{
font-size:.55rem!important;
}
.staff-dashboard .management-user-name{
font-size:.648rem!important;
}
.staff-dashboard .management-topbar-actions a{
font-size:.531rem!important;
padding:7px 10px!important;
}
/* Team navigation was oversized: reduce it by ten percent without changing touch height. */
.staff-management-sidebar .management-side-nav b,
.staff-management-sidebar .management-sidebar-logout b{
font-size:.855rem!important;
}
/* Overview content remains compact but is now easier to read. */
.management-overview-board{padding:12px!important;margin-bottom:12px!important}
.management-overview-board-head span{font-size:.62rem!important}
.management-overview-board-head strong{font-size:.84rem!important}
.management-overview-menu-grid strong{font-size:.76rem!important}
.management-overview-menu-grid small{font-size:.63rem!important;line-height:1.38!important}
.management-overview-menu-grid>a>b{font-size:.94rem!important}
.management-overview-data-grid .stat-card small{font-size:.61rem!important}
.management-overview-data-grid .stat-card strong{font-size:1.35rem!important}
.management-overview-data-grid .stat-card span{font-size:.64rem!important}
.management-priority-head>div>span{font-size:.6rem!important}
.management-priority-head h2{font-size:1.16rem!important}
.management-priority-head small{font-size:.7rem!important}
.management-priority-head>a{font-size:.64rem!important}
.management-priority-item>div>b{font-size:.64rem!important}
.management-priority-item>div>strong{font-size:.82rem!important}
.management-priority-item>div>small{font-size:.59rem!important}
.management-priority-money{font-size:.8rem!important}
.management-priority-money small{font-size:.55rem!important}
/* All management dialogs use less blank space. */
.management-modal-dialog{max-height:90dvh!important}
.management-modal-head{
min-height:68px!important;
padding:10px 12px!important;
}
.management-modal-head small{font-size:.52rem!important}
.management-modal-head h2{font-size:1rem!important;margin:2px 0!important}
.management-modal-head p{font-size:.58rem!important;margin:0!important}
.management-modal-head>button{width:33px!important;height:33px!important}
.management-modal-body{padding:10px 12px!important}
.management-modal-footer{
min-height:0!important;
padding:7px 10px!important;
justify-content:flex-end!important;
}
.management-modal-footer>span{display:none!important}
.management-modal-note{margin-bottom:8px!important;padding:8px 10px!important}
.management-discount-form,.management-payment-form{gap:9px!important}
.management-discount-form textarea{min-height:66px!important}
.management-modal-submit{min-height:42px!important}
/* Bulk item editing: product, quantity and reason stay in one clean row. */
.management-bulk-edit-form{
min-height:0;
display:flex;
flex-direction:column;
overflow:hidden;
}
.management-bulk-edit-form .management-compact-modal-body{
overflow:auto;
}
.management-bulk-edit-row{
min-width:0;
display:grid;
grid-template-columns:minmax(150px,1.05fr) 100px minmax(210px,1.45fr);
align-items:end;
gap:8px;
padding:9px 10px;
border:1px solid #dfe4ea;
border-left:4px solid var(--primary);
background:#fff;
}
.management-bulk-edit-row>*{min-width:0}
.management-bulk-edit-row .management-modal-item-name{
align-self:center;
}
.management-bulk-edit-row .management-modal-item-name>span,
.management-bulk-edit-row label>span{
margin-bottom:3px;
color:#667085;
font-size:.52rem;
font-weight:950;
letter-spacing:.07em;
}
.management-bulk-edit-row .management-modal-item-name b{
font-size:.78rem;
line-height:1.2;
}
.management-bulk-edit-row .management-modal-item-name small{
margin-top:3px;
font-size:.58rem;
}
.management-bulk-edit-row input{
min-width:0;
min-height:39px!important;
padding:7px 8px!important;
border-radius:4px!important;
font-size:.72rem!important;
}
.management-bulk-edit-footer{
position:sticky;
bottom:0;
z-index:3;
padding:9px 12px;
display:flex;
justify-content:center;
background:#fff;
border-top:1px solid #dfe4ea;
}
.management-save-all{
width:min(280px,100%);
min-height:42px;
border-radius:4px!important;
font-size:.72rem!important;
}
@media(max-width:860px){
.staff-dashboard .management-dashboard-main{padding:7px 6px 16px!important}
.staff-dashboard .management-topbar-brand strong{font-size:.924rem!important}
.staff-dashboard .management-topbar-brand small{font-size:.5rem!important}
.staff-management-sidebar .management-side-nav b,
.staff-management-sidebar .management-sidebar-logout b{font-size:.855rem!important}
.management-modal{padding:6px!important;place-items:center!important}
.management-modal-dialog{width:min(720px,100%)!important;max-height:95dvh!important;border-radius:5px!important;transform:translateY(8px) scale(.995)!important}
.management-modal.open .management-modal-dialog{transform:translateY(0) scale(1)!important}
.management-bulk-edit-row{
grid-template-columns:minmax(105px,1fr) 72px minmax(120px,1.25fr);
gap:5px;
padding:7px;
}
.management-bulk-edit-row .management-modal-item-name b{font-size:.68rem}
.management-bulk-edit-row .management-modal-item-name small{font-size:.51rem}
.management-bulk-edit-row .management-modal-item-name>span,
.management-bulk-edit-row label>span{font-size:.46rem}
.management-bulk-edit-row input{min-height:36px!important;padding:6px!important;font-size:.63rem!important}
.management-bulk-edit-footer{padding:7px 9px}
.management-save-all{min-height:39px;font-size:.64rem!important}
.management-overview-menu-grid strong{font-size:.68rem!important}
.management-overview-menu-grid small{font-size:.56rem!important}
.management-overview-data-grid .stat-card small{font-size:.56rem!important}
.management-overview-data-grid .stat-card strong{font-size:1.15rem!important}
.management-overview-data-grid .stat-card span{font-size:.57rem!important}
}
@media(max-width:430px){
.staff-dashboard .management-page-heading{padding:8px!important;margin-bottom:7px!important}
.management-bulk-edit-row{
grid-template-columns:minmax(92px,1fr) 64px minmax(105px,1.2fr);
gap:4px;
padding:6px 5px;
}
.management-bulk-edit-row .management-modal-item-name b{font-size:.61rem}
.management-bulk-edit-row .management-modal-item-name small{font-size:.46rem}
.management-bulk-edit-row .management-modal-item-name>span,
.management-bulk-edit-row label>span{font-size:.41rem;letter-spacing:.03em}
.management-bulk-edit-row input{min-height:34px!important;padding:5px!important;font-size:.57rem!important}
}
/* v4.1 — system records grid, book-style handbook, grouped settings and desktop report workbench */
/* SYSTEM CHECK */
.management-system-hero{
display:flex;align-items:center;justify-content:space-between;gap:18px;
margin-bottom:12px;padding:18px 20px;border-top:5px solid var(--primary);
background:color-mix(in srgb,var(--primary) 7%,#fff);box-shadow:0 8px 24px rgba(33,20,20,.06)
}
.management-system-hero span,.management-system-record header small{font-size:.58rem;font-weight:950;letter-spacing:.13em;color:var(--primary)}
.management-system-hero h2{margin:4px 0 5px;font-size:1.25rem}.management-system-hero p{margin:0;max-width:760px;color:#6e6670;font-size:.72rem;line-height:1.55}
.management-system-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:12px}
.management-system-summary article{min-height:102px;padding:14px;border:1px solid #e6dfe1;border-top:4px solid var(--primary);background:#fff}
.management-system-summary article.is-ready{border-top-color:#18864b}.management-system-summary article.is-warning{border-top-color:#d88b00}
.management-system-summary small{display:block;font-size:.58rem;font-weight:950;letter-spacing:.08em;color:#766d70}.management-system-summary strong{display:block;margin:8px 0 3px;font-size:1.45rem}.management-system-summary span{font-size:.62rem;color:#786f73}
.management-system-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:11px}
.management-system-record{min-width:0;border:1px solid #e4dde0;background:#fff;box-shadow:0 6px 18px rgba(39,22,29,.05)}
.management-system-record.is-ready{border-top:4px solid #18864b}.management-system-record.is-warning{border-top:4px solid #d88b00}
.management-system-record header{display:grid;grid-template-columns:34px minmax(0,1fr) auto;align-items:center;gap:9px;padding:12px;border-bottom:1px solid #eee8ea;background:#fcfafb}
.management-system-record header>span{display:grid;place-items:center;width:34px;height:34px;background:var(--primary);color:#fff;font-size:.62rem;font-weight:950}
.management-system-record header h3{margin:2px 0 0;font-size:.78rem;line-height:1.2}.management-system-record header>b{padding:5px 7px;background:#e7f7ee;color:#126f3d;font-size:.54rem}.management-system-record.is-warning header>b{background:#fff0cb;color:#905800}
.management-system-record-body{padding:12px}.management-system-record-body>p{margin:0 0 10px;color:#6f666a;font-size:.66rem;line-height:1.45}
.management-system-record dl{display:grid;grid-template-columns:1.4fr .8fr .8fr;gap:6px;margin:0 0 9px}.management-system-record dl>div{padding:8px;background:#f7f3f5}.management-system-record dt{font-size:.5rem;font-weight:950;color:#8a7e83}.management-system-record dd{margin:4px 0 0;font-size:.63rem;font-weight:850;overflow-wrap:anywhere}
.management-system-field-list,.management-system-missing{padding:9px;border-left:3px solid #18864b;background:#eef9f3}.management-system-missing{border-left-color:#d88b00;background:#fff8e8}.management-system-field-list b,.management-system-missing b{display:block;margin-bottom:4px;font-size:.5rem;color:#5f565a}.management-system-field-list span,.management-system-missing span{font-size:.56rem;line-height:1.45;color:#70676b;overflow-wrap:anywhere}
.management-system-support{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-top:12px;padding:13px 15px;border:1px solid #d7eadf;background:#effaf4}.management-system-support.is-warning{border-color:#ecd8a4;background:#fff8e8}.management-system-support>div{display:flex;align-items:center;gap:10px}.management-system-support>div>span{display:grid;place-items:center;width:34px;height:34px;background:#18864b;color:#fff;font-weight:950}.management-system-support.is-warning>div>span{background:#d88b00}.management-system-support p{margin:0}.management-system-support p b,.management-system-support p small{display:block}.management-system-support p b{font-size:.68rem}.management-system-support p small{margin-top:3px;font-size:.59rem;color:#6f666a}.management-system-support>a{font-size:.59rem;font-weight:950;color:var(--primary)}
/* BOOK-STYLE WHOLE WEBSITE GUIDE */
.management-book-cover{display:grid;grid-template-columns:minmax(0,1fr) 190px;min-height:245px;margin-bottom:14px;border-left:12px solid color-mix(in srgb,var(--primary) 72%,#000);background:linear-gradient(135deg,var(--primary),color-mix(in srgb,var(--primary) 75%,#1a0010));color:#fff;box-shadow:0 14px 34px rgba(48,13,31,.18)}
.management-book-cover>div{padding:30px}.management-book-cover>div>span{font-size:.62rem;font-weight:950;letter-spacing:.18em;color:color-mix(in srgb,var(--secondary) 80%,#fff)}.management-book-cover h1{margin:12px 0 9px;max-width:780px;font-size:clamp(1.8rem,4vw,3.1rem);line-height:1.03}.management-book-cover p{max-width:760px;margin:0;color:#f5eaf0;font-size:.78rem;line-height:1.6}.management-book-cover dl{display:flex;gap:30px;margin:26px 0 0}.management-book-cover dl div{border-left:3px solid var(--secondary);padding-left:9px}.management-book-cover dt{font-size:.5rem;font-weight:950;letter-spacing:.12em}.management-book-cover dd{margin:4px 0 0;font-size:.65rem;font-weight:850}
.management-book-cover>aside{display:flex;flex-direction:column;align-items:center;justify-content:center;border-left:1px solid rgba(255,255,255,.2);background:rgba(255,255,255,.06)}.management-book-cover>aside>span{display:grid;place-items:center;width:70px;height:70px;border:2px solid rgba(255,255,255,.8);font-size:1.35rem;font-weight:950}.management-book-cover>aside>b{margin-top:14px;font-size:.8rem;letter-spacing:.1em}.management-book-cover>aside>small{margin-top:4px;font-size:.48rem;letter-spacing:.08em}
.management-book-layout{display:grid;grid-template-columns:260px minmax(0,1fr);align-items:start;gap:15px}.management-book-toc{position:sticky;top:84px;border:1px solid #e3dadd;background:#fff}.management-book-toc>div{padding:16px;background:color-mix(in srgb,var(--primary) 8%,#fff);border-bottom:3px solid var(--primary)}.management-book-toc>div span{font-size:.54rem;font-weight:950;letter-spacing:.13em;color:var(--primary)}.management-book-toc h2{margin:5px 0 0;font-size:.9rem}.management-book-toc nav{display:block;padding:8px}.management-book-toc nav a{display:grid;grid-template-columns:30px 1fr;align-items:center;gap:7px;padding:8px 6px;border-bottom:1px solid #eee7e9;color:#33292d}.management-book-toc nav a:hover{background:color-mix(in srgb,var(--primary) 7%,#fff)}.management-book-toc nav span{font-size:.52rem;color:var(--primary);font-weight:950}.management-book-toc nav b{font-size:.57rem;line-height:1.25}.management-book-toc>p{margin:0;padding:12px;background:#fff8e5;font-size:.57rem;line-height:1.45}.management-book-toc>p b{display:block;margin-bottom:4px;color:#8b5700}
.management-book-pages{min-width:0;display:grid;gap:13px}.management-book-chapter{scroll-margin-top:92px;border:1px solid #e4dcdf;background:#fff;box-shadow:0 8px 22px rgba(43,24,31,.045)}.management-book-chapter>header{display:grid;grid-template-columns:110px minmax(0,1fr);gap:14px;padding:17px 19px;background:color-mix(in srgb,var(--primary) 6%,#fff);border-left:6px solid var(--primary)}.management-book-chapter>header>span{align-self:start;padding:6px 8px;background:var(--primary);color:#fff;text-align:center;font-size:.55rem;font-weight:950}.management-book-chapter>header h2{margin:0;font-size:1.05rem}.management-book-chapter>header p{grid-column:2;margin:2px 0 0;color:#71676b;font-size:.67rem;line-height:1.45}.management-book-copy{padding:20px 22px;font-size:.7rem;line-height:1.72;color:#443b3e}.management-book-copy h3{margin:17px 0 5px;color:var(--primary);font-size:.82rem}.management-book-copy h3:first-child{margin-top:0}.management-book-copy p{margin:5px 0 11px}.management-book-copy ul,.management-book-copy ol{margin:8px 0 12px;padding-left:22px}.management-book-copy li{margin:6px 0}.management-book-example{margin-top:14px;padding:12px 14px;border-left:5px solid var(--secondary);background:color-mix(in srgb,var(--secondary) 14%,#fff)}.management-book-example b{font-size:.56rem;color:#725000}.management-book-example p{margin:4px 0 0}.management-role-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.management-role-list>div{display:grid;grid-template-columns:90px 1fr;gap:8px;padding:9px;background:#f8f5f6}.management-role-list b{color:var(--primary);font-size:.62rem}.management-role-list span{font-size:.64rem}
.management-permission-list{padding:4px 20px 20px}.management-permission-list>section{scroll-margin-top:90px;display:grid;grid-template-columns:44px minmax(0,1fr);gap:12px;padding:15px 0;border-bottom:1px solid #ebe4e6}.management-permission-list>section:last-child{border-bottom:0}.management-permission-list>section>span{display:grid;place-items:center;width:40px;height:40px;background:var(--primary);color:#fff;font-size:.62rem;font-weight:950}.management-permission-list h3{margin:0;font-size:.82rem}.management-permission-list p{margin:4px 0 8px;color:#5f5659;font-size:.67rem;line-height:1.5}.management-permission-list dl{display:grid;grid-template-columns:1.5fr .8fr;gap:7px;margin:0}.management-permission-list dl>div{padding:9px;background:#f8f5f6}.management-permission-list dt{font-size:.49rem;color:var(--primary);font-weight:950}.management-permission-list dd{margin:4px 0 0;font-size:.59rem;line-height:1.45}
/* THEME & RESTAURANT SETTINGS */
.management-settings-intro{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:12px;padding:16px 18px;border-top:5px solid var(--primary);background:color-mix(in srgb,var(--primary) 7%,#fff)}.management-settings-intro span{font-size:.56rem;font-weight:950;letter-spacing:.13em;color:var(--primary)}.management-settings-intro h2{margin:4px 0;font-size:1.08rem}.management-settings-intro p{margin:0;color:#70666a;font-size:.68rem}.management-settings-intro>a{padding:8px 10px;border:1px solid var(--primary);color:var(--primary);font-size:.57rem;font-weight:950}
.management-settings-form{display:block}.management-settings-layout{display:grid;grid-template-columns:260px minmax(0,1fr);align-items:start;gap:13px}.management-settings-preview{position:sticky;top:84px;display:grid;gap:10px}.management-settings-preview-card{overflow:hidden;border:1px solid #ded6d9;background:#fff;box-shadow:0 10px 26px rgba(47,24,34,.08)}.management-settings-preview-head{display:flex;align-items:center;gap:9px;padding:14px;background:var(--preview-primary);color:#fff}.management-settings-preview-head img,.management-settings-preview-head>span{width:44px;height:44px;object-fit:cover;background:#fff}.management-settings-preview-head>span{display:grid;place-items:center;color:var(--preview-primary);font-size:.55rem;font-weight:950}.management-settings-preview-head b,.management-settings-preview-head small{display:block}.management-settings-preview-head b{font-size:.75rem}.management-settings-preview-head small{margin-top:3px;font-size:.48rem;letter-spacing:.07em}.management-settings-preview-body{padding:18px;text-align:center;background:linear-gradient(180deg,color-mix(in srgb,var(--preview-primary) 8%,#fff),#fff)}.management-settings-preview-body strong{font-size:.74rem;color:var(--preview-primary)}.management-settings-preview-body p{font-size:.6rem;line-height:1.45;color:#6e6568}.management-settings-preview-body button{border:0;padding:9px 14px;background:var(--preview-primary);color:#fff;font-size:.58rem;font-weight:950}.management-settings-preview-foot{display:grid;grid-template-columns:1fr 1fr}.management-settings-preview-foot span{padding:9px;text-align:center;background:var(--preview-primary);color:#fff;font-size:.5rem;font-weight:950}.management-settings-preview-foot span+span{background:var(--preview-secondary);color:#2c2100}.management-settings-safety{padding:12px;border-left:4px solid #d88b00;background:#fff8e8}.management-settings-safety b{font-size:.58rem;color:#8a5600}.management-settings-safety p{margin:5px 0 0;font-size:.58rem;line-height:1.5;color:#665d60}
.management-settings-sections{min-width:0;display:grid;gap:11px}.management-settings-section{border:1px solid #e3dbde;background:#fff}.management-settings-section>header{display:grid;grid-template-columns:38px minmax(0,1fr);gap:10px;padding:13px 15px;border-left:5px solid var(--primary);background:color-mix(in srgb,var(--primary) 5%,#fff)}.management-settings-section>header>span{display:grid;place-items:center;width:34px;height:34px;background:var(--primary);color:#fff;font-size:.58rem;font-weight:950}.management-settings-section>header h2{margin:0;font-size:.82rem}.management-settings-section>header p{margin:3px 0 0;color:#71676b;font-size:.59rem}.management-settings-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding:14px}.management-settings-fields label{display:flex;flex-direction:column;min-width:0}.management-settings-fields label.full{grid-column:1/-1}.management-settings-fields label>span{font-size:.56rem;font-weight:950;color:#443a3e}.management-settings-fields label>small{min-height:30px;margin:4px 0 6px;color:#817579;font-size:.53rem;line-height:1.35}.management-settings-fields input,.management-settings-fields select,.management-settings-fields textarea{width:100%;min-height:43px;border:1px solid #d8cfd2;border-radius:4px;background:#fff;font-size:.67rem}.management-settings-fields input:focus,.management-settings-fields select:focus,.management-settings-fields textarea:focus{border-color:var(--primary);box-shadow:0 0 0 3px color-mix(in srgb,var(--primary) 10%,transparent)}.management-settings-fields input[type=color]{padding:4px;height:48px}.management-settings-toggles{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding:0 14px 14px}.management-settings-toggles label{position:relative;display:grid;grid-template-columns:minmax(0,1fr) 42px;align-items:center;gap:8px;padding:11px;border:1px solid #e1d9dc;background:#faf8f9;cursor:pointer}.management-settings-toggles input[type=checkbox]{position:absolute;opacity:0;pointer-events:none}.management-settings-toggles span b,.management-settings-toggles span small{display:block}.management-settings-toggles span b{font-size:.61rem}.management-settings-toggles span small{margin-top:3px;color:#756b6f;font-size:.53rem}.management-settings-toggles i{position:relative;width:40px;height:22px;border-radius:20px;background:#c9c1c4}.management-settings-toggles i:after{content:"";position:absolute;top:3px;left:3px;width:16px;height:16px;border-radius:50%;background:#fff;transition:.2s}.management-settings-toggles input:checked~i{background:var(--primary)}.management-settings-toggles input:checked~i:after{transform:translateX(18px)}
.management-settings-savebar{position:sticky;bottom:8px;z-index:8;display:flex;align-items:center;justify-content:space-between;gap:14px;margin-top:13px;padding:12px 14px;border:1px solid #dfd5d9;border-left:5px solid var(--primary);background:rgba(255,255,255,.96);box-shadow:0 10px 28px rgba(40,23,30,.14);backdrop-filter:blur(10px)}.management-settings-savebar b,.management-settings-savebar small{display:block}.management-settings-savebar b{font-size:.62rem}.management-settings-savebar small{margin-top:3px;color:#736a6d;font-size:.54rem}.management-settings-savebar .btn{min-width:220px}
/* DESKTOP-FOCUSED ADVANCED REPORT WORKBENCH */
.management-report-pc-wrap{width:100%;overflow-x:auto;padding-bottom:4px}.management-report-workbench{min-width:1120px;display:grid;grid-template-columns:255px minmax(0,1fr);align-items:start;gap:12px}.management-report-control{position:sticky;top:82px;border:1px solid #dfd6da;background:#fff}.management-report-control-head{padding:16px;background:var(--primary);color:#fff}.management-report-control-head span{font-size:.53rem;font-weight:950;letter-spacing:.12em;color:color-mix(in srgb,var(--secondary) 75%,#fff)}.management-report-control-head h2{margin:5px 0;font-size:.92rem}.management-report-control-head p{margin:0;color:#f2e8ed;font-size:.57rem;line-height:1.45}.management-report-control form{display:grid;gap:10px;padding:12px}.management-report-control fieldset{display:grid;gap:8px;margin:0;padding:10px;border:1px solid #e4dcdf}.management-report-control legend{padding:0 5px;color:var(--primary);font-size:.53rem;font-weight:950}.management-report-control label{display:flex;flex-direction:column;gap:4px}.management-report-control label>span{font-size:.5rem;font-weight:950;color:#63595d}.management-report-control input,.management-report-control select{width:100%;min-height:39px;border:1px solid #d9d0d3;border-radius:3px;background:#fff;font-size:.61rem}.management-report-apply{width:100%}.management-report-export{display:grid;gap:5px;padding:12px;border-top:1px solid #e6dfe1;background:#faf8f9}.management-report-export>b{margin-bottom:2px;font-size:.53rem}.management-report-export>a{padding:7px 8px;border:1px solid #ddd4d7;color:var(--primary);font-size:.54rem;font-weight:900;text-align:center;background:#fff}.management-report-canvas{min-width:0;display:grid;gap:11px}.management-report-summary-head{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:15px 18px;border-top:5px solid var(--primary);background:color-mix(in srgb,var(--primary) 6%,#fff)}.management-report-summary-head>div:first-child>span{font-size:.54rem;font-weight:950;letter-spacing:.12em;color:var(--primary)}.management-report-summary-head h2{margin:4px 0;font-size:1.15rem}.management-report-summary-head p{margin:0;font-size:.61rem;color:#70666a}.management-report-summary-head>div:last-child{text-align:right}.management-report-summary-head>div:last-child small,.management-report-summary-head>div:last-child b,.management-report-summary-head>div:last-child span{display:block}.management-report-summary-head>div:last-child small{font-size:.48rem;color:#7b7175}.management-report-summary-head>div:last-child b{margin:4px 0;font-size:.62rem}.management-report-summary-head>div:last-child span{color:#16814a;font-size:.76rem;font-weight:950}.management-report-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.management-report-kpis article{min-height:96px;padding:13px;border:1px solid #e4dcdf;border-top:4px solid var(--primary);background:#fff}.management-report-kpis article.positive{border-top-color:#16814a}.management-report-kpis article.negative{border-top-color:#b42318}.management-report-kpis small,.management-report-kpis strong,.management-report-kpis span{display:block}.management-report-kpis small{font-size:.51rem;font-weight:950;color:#71676b}.management-report-kpis strong{margin:8px 0 4px;font-size:1.2rem}.management-report-kpis span{font-size:.55rem;color:#776d71}.management-report-step{min-width:0;border:1px solid #e2dade;background:#fff}.management-report-step>header,.management-report-insights>article>header,.management-report-audit>header{display:grid;grid-template-columns:36px minmax(0,1fr);gap:9px;padding:11px 13px;border-left:5px solid var(--primary);background:#faf7f8}.management-report-step>header>span,.management-report-insights>article>header>span,.management-report-audit>header>span{display:grid;place-items:center;width:32px;height:32px;background:var(--primary);color:#fff;font-size:.55rem;font-weight:950}.management-report-step>header h2,.management-report-insights h2,.management-report-audit h2{margin:0;font-size:.75rem}.management-report-step>header p,.management-report-insights header p,.management-report-audit header p{margin:3px 0 0;color:#746a6e;font-size:.54rem}.management-report-step>.management-chart-card{margin:0;border:0;box-shadow:none}.management-report-step>.management-chart-card>.section-head{display:none}.management-report-two-charts{display:grid;grid-template-columns:1fr 1fr;gap:11px}.management-report-insights{display:grid;grid-template-columns:1fr 1fr;gap:11px}.management-report-insights>article,.management-report-audit{border:1px solid #e2dade;background:#fff}.management-report-ranked{padding:7px 12px 12px}.management-report-ranked>div{display:grid;grid-template-columns:32px minmax(0,1fr) auto;align-items:center;gap:8px;padding:9px 0;border-bottom:1px solid #eee8ea}.management-report-ranked>div>span{display:grid;place-items:center;width:28px;height:28px;background:color-mix(in srgb,var(--primary) 9%,#fff);color:var(--primary);font-size:.52rem;font-weight:950}.management-report-ranked p{margin:0}.management-report-ranked p b,.management-report-ranked p small{display:block}.management-report-ranked p b{font-size:.61rem}.management-report-ranked p small{margin-top:3px;font-size:.51rem;color:#796f73}.management-report-ranked strong{font-size:.61rem;color:var(--primary)}.management-report-audit>header{grid-template-columns:36px minmax(0,1fr) auto;align-items:center}.management-report-audit>header>a{padding:7px 8px;border:1px solid var(--primary);color:var(--primary);font-size:.52rem;font-weight:950}.management-report-audit table{min-width:760px}.management-report-audit th{font-size:.52rem}.management-report-audit td{font-size:.57rem}
@media(max-width:1100px){
.management-system-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.management-book-layout,.management-settings-layout{grid-template-columns:220px minmax(0,1fr)}
}
@media(max-width:760px){
.management-system-hero,.management-settings-intro{align-items:flex-start;flex-direction:column;padding:13px}
.management-system-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.management-system-grid{grid-template-columns:1fr}.management-system-support{align-items:flex-start;flex-direction:column}
.management-book-cover{grid-template-columns:1fr;min-height:0}.management-book-cover>div{padding:22px 18px}.management-book-cover>aside{display:none}.management-book-cover dl{gap:14px;flex-wrap:wrap}
.management-book-layout{grid-template-columns:1fr}.management-book-toc{position:static}.management-book-toc nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.management-book-chapter>header{grid-template-columns:92px minmax(0,1fr);padding:13px}.management-book-copy{padding:15px}.management-role-list{grid-template-columns:1fr}.management-permission-list{padding:4px 13px 13px}.management-permission-list dl{grid-template-columns:1fr}
.management-settings-layout{grid-template-columns:1fr}.management-settings-preview{position:static}.management-settings-fields,.management-settings-toggles{grid-template-columns:1fr}.management-settings-fields label.full{grid-column:auto}.management-settings-savebar{bottom:3px;align-items:stretch;flex-direction:column}.management-settings-savebar .btn{width:100%;min-width:0}
/* Reports remain a desktop canvas by request; smaller screens can pan horizontally. */
.management-report-pc-wrap{margin-left:-6px;margin-right:-6px;padding:0 6px 8px}.management-report-workbench{min-width:1100px}
}
/* v4.2 — zero-gap team header, tighter navigation and compact light management popups */
/* Compact top workspace bar and remove the blank strip before every page. */
.staff-dashboard .management-topbar{
height:56px!important;
padding:0 14px!important;
gap:10px!important;
border-bottom:0!important;
box-shadow:none!important;
}
.staff-dashboard .management-topbar-brand{gap:8px!important}
.staff-dashboard .management-topbar-brand img{
width:34px!important;
height:34px!important;
padding:2px!important;
}
.staff-dashboard .management-topbar-brand strong{
font-size:1.3rem!important;
line-height:1!important;
}
.staff-dashboard .management-topbar-brand small{
margin-top:2px!important;
font-size:.54rem!important;
}
.staff-dashboard .management-user-name{
font-size:.78rem!important;
line-height:1!important;
}
.staff-dashboard .management-topbar-actions{gap:8px!important}
.staff-dashboard .management-topbar-actions a{
padding:6px 9px!important;
font-size:.64rem!important;
}
@media(min-width:861px){
.staff-dashboard .management-dashboard-shell{
min-height:calc(100vh - 56px)!important;
}
.staff-dashboard .management-sidebar{
top:56px!important;
height:calc(100vh - 56px)!important;
}
}
.staff-dashboard .management-dashboard-main{
padding:0 10px 14px!important;
}
.staff-dashboard .management-page-heading{
margin:0 0 8px!important;
padding:8px 12px!important;
border-top:0!important;
box-shadow:none!important;
}
.staff-dashboard .management-page-heading>span{font-size:.62rem!important}
.staff-dashboard .management-page-heading h1{font-size:clamp(1.38rem,2.5vw,1.95rem)!important}
/* Team sidebar and management submenus use less vertical space. */
.staff-management-sidebar .management-side-nav{
gap:1px!important;
padding:4px 8px 10px!important;
}
.staff-management-sidebar .management-side-nav a,
.staff-management-sidebar .management-sidebar-logout{
min-height:39px!important;
gap:8px!important;
padding:6px 9px!important;
}
.staff-management-sidebar .management-side-nav a>span,
.staff-management-sidebar .management-sidebar-logout>span{
width:18px!important;
height:18px!important;
}
.staff-management-sidebar .management-side-nav svg,
.staff-management-sidebar .management-sidebar-logout svg{
width:17px!important;
height:17px!important;
}
.staff-management-sidebar .management-side-nav b,
.staff-management-sidebar .management-sidebar-logout b{
font-size:.77rem!important;
line-height:1.05!important;
}
.staff-management-sidebar .management-sidebar-logout{
margin:auto 8px 8px!important;
}
.staff-dashboard .management-subnav{
gap:5px!important;
padding:2px 0 8px!important;
}
.staff-dashboard .management-subnav a{
padding:7px 10px!important;
font-size:.63rem!important;
}
/* Overview typography is intentionally larger without increasing card height. */
.management-overview-board-head span{font-size:.68rem!important}
.management-overview-board-head strong{font-size:.94rem!important}
.management-overview-menu-grid strong{font-size:.83rem!important}
.management-overview-menu-grid small{font-size:.68rem!important;line-height:1.32!important}
.management-overview-menu-grid>a>b{font-size:1.02rem!important}
.management-overview-data-grid .stat-card small{font-size:.66rem!important}
.management-overview-data-grid .stat-card strong{font-size:1.5rem!important}
.management-overview-data-grid .stat-card span{font-size:.68rem!important}
.management-priority-head>div>span{font-size:.65rem!important}
.management-priority-head h2{font-size:1.25rem!important}
.management-priority-head small{font-size:.74rem!important}
.management-priority-head>a{font-size:.68rem!important}
.management-priority-item>div>b{font-size:.68rem!important}
.management-priority-item>div>strong{font-size:.88rem!important}
.management-priority-item>div>small{font-size:.63rem!important}
.management-priority-money{font-size:.86rem!important}
.management-priority-money small{font-size:.58rem!important}
/* Every team popup now uses a light, compact and high-visibility header. */
.staff-dashboard .management-modal-dialog{
width:min(760px,100%)!important;
max-height:86dvh!important;
overflow:hidden!important;
background:color-mix(in srgb,var(--primary) 3%,#fff)!important;
border:1px solid color-mix(in srgb,var(--primary) 20%,#dfe4ea)!important;
border-radius:5px!important;
}
.staff-dashboard .management-modal-head,
.staff-dashboard .management-compact-modal-head{
min-height:54px!important;
padding:7px 9px!important;
align-items:center!important;
color:#25282d!important;
background:linear-gradient(90deg,color-mix(in srgb,var(--primary) 10%,#fff),color-mix(in srgb,var(--secondary) 10%,#fff))!important;
border-bottom:2px solid color-mix(in srgb,var(--primary) 45%,#dfe4ea)!important;
}
.staff-dashboard .management-modal-head>div{
min-width:0!important;
flex:1!important;
display:grid!important;
grid-template-columns:auto minmax(0,1fr) auto!important;
align-items:center!important;
gap:8px!important;
}
.staff-dashboard .management-modal-head small{
color:var(--primary)!important;
font-size:.48rem!important;
line-height:1.1!important;
letter-spacing:.08em!important;
white-space:nowrap!important;
}
.staff-dashboard .management-modal-head h2{
margin:0!important;
color:#24272c!important;
font-size:.92rem!important;
line-height:1.05!important;
text-align:center!important;
}
.staff-dashboard .management-modal-head p{
margin:0!important;
color:#645b5f!important;
font-size:.54rem!important;
line-height:1.1!important;
white-space:nowrap!important;
}
.staff-dashboard .management-modal-head>button{
width:30px!important;
height:30px!important;
border:1px solid color-mix(in srgb,var(--primary) 32%,#d8dee7)!important;
background:#fff!important;
color:var(--primary)!important;
font-size:1rem!important;
}
.staff-dashboard .management-modal-body,
.staff-dashboard .management-compact-modal-body{
padding:7px 8px!important;
overflow:auto!important;
background:color-mix(in srgb,var(--primary) 2%,#fff)!important;
}
.staff-dashboard .management-modal-note,
.staff-dashboard .management-modal-footer,
.staff-dashboard .management-compact-modal-footer{
display:none!important;
}
.staff-dashboard .management-modal-record-list{gap:5px!important}
.staff-dashboard .management-order-edit-dialog{width:min(720px,100%)!important}
/* Product, quantity and reason stay in one row at every viewport. */
.staff-dashboard .management-bulk-edit-row{
grid-template-columns:minmax(145px,1fr) 88px minmax(190px,1.35fr)!important;
align-items:center!important;
gap:6px!important;
padding:7px 8px!important;
background:#fff!important;
}
.staff-dashboard .management-bulk-edit-row .management-modal-item-name>span,
.staff-dashboard .management-bulk-edit-row label>span{
margin-bottom:2px!important;
font-size:.48rem!important;
}
.staff-dashboard .management-bulk-edit-row .management-modal-item-name b{font-size:.73rem!important}
.staff-dashboard .management-bulk-edit-row .management-modal-item-name small{font-size:.54rem!important}
.staff-dashboard .management-bulk-edit-row input{
min-height:35px!important;
padding:5px 7px!important;
font-size:.64rem!important;
}
.staff-dashboard .management-bulk-edit-footer{
padding:6px 8px!important;
background:color-mix(in srgb,var(--primary) 3%,#fff)!important;
}
.staff-dashboard .management-save-all{
width:min(230px,100%)!important;
min-height:37px!important;
font-size:.65rem!important;
}
/* Discount and payment fields are compact, with the main action centered below. */
.staff-dashboard .management-discount-dialog,
.staff-dashboard .management-payment-dialog{width:min(650px,100%)!important}
.staff-dashboard .management-compact-action-form,
.staff-dashboard .management-payment-form{
display:grid!important;
grid-template-columns:repeat(2,minmax(0,1fr))!important;
align-items:end!important;
gap:7px!important;
}
.staff-dashboard .management-payment-form{grid-template-columns:repeat(3,minmax(0,1fr))!important}
.staff-dashboard .management-discount-form label,
.staff-dashboard .management-payment-form label{gap:3px!important}
.staff-dashboard .management-discount-form label>span,
.staff-dashboard .management-payment-form label>span{font-size:.5rem!important}
.staff-dashboard .management-discount-form input,
.staff-dashboard .management-discount-form textarea,
.staff-dashboard .management-payment-form input,
.staff-dashboard .management-payment-form select{
min-height:36px!important;
padding:6px 8px!important;
font-size:.62rem!important;
}
.staff-dashboard .management-discount-form textarea{height:36px!important;min-height:36px!important;resize:vertical!important}
.staff-dashboard .management-modal-submit{
grid-column:1/-1!important;
justify-self:center!important;
width:min(230px,100%)!important;
min-height:38px!important;
margin-top:0!important;
font-size:.65rem!important;
}
@media(max-width:860px){
.staff-dashboard .management-topbar{
height:54px!important;
padding:0 8px!important;
}
.staff-dashboard .management-topbar-brand img{width:32px!important;height:32px!important}
.staff-dashboard .management-topbar-brand strong{
max-width:58vw!important;
font-size:1.1rem!important;
}
.staff-dashboard .management-topbar-brand small{font-size:.48rem!important}
.staff-dashboard .management-dashboard-shell{min-height:calc(100vh - 54px)!important}
.staff-dashboard .management-dashboard-main{padding:0 5px 12px!important}
.management-sidebar-mobile-head{
min-height:54px!important;
padding:8px 10px!important;
}
.management-sidebar-mobile-head strong{font-size:.74rem!important}
.management-sidebar-mobile-head button{width:32px!important;height:32px!important;font-size:1.05rem!important}
.staff-management-sidebar .management-side-nav{padding:3px 7px 8px!important}
.staff-management-sidebar .management-side-nav a,
.staff-management-sidebar .management-sidebar-logout{
min-height:38px!important;
padding:5px 8px!important;
}
.staff-management-sidebar .management-side-nav b,
.staff-management-sidebar .management-sidebar-logout b{font-size:.75rem!important}
.staff-dashboard .management-page-heading{padding:7px 8px!important;margin-bottom:6px!important}
.staff-dashboard .management-page-heading h1{font-size:1.4rem!important}
.management-overview-menu-grid strong{font-size:.76rem!important}
.management-overview-menu-grid small{font-size:.62rem!important}
.management-overview-data-grid .stat-card small{font-size:.61rem!important}
.management-overview-data-grid .stat-card strong{font-size:1.32rem!important}
.management-overview-data-grid .stat-card span{font-size:.62rem!important}
.staff-dashboard .management-modal{padding:4px!important;place-items:center!important}
.staff-dashboard .management-modal-dialog{width:100%!important;max-height:94dvh!important}
.staff-dashboard .management-modal-head>div{gap:4px!important}
.staff-dashboard .management-modal-head small{font-size:.42rem!important}
.staff-dashboard .management-modal-head h2{font-size:.78rem!important}
.staff-dashboard .management-modal-head p{font-size:.46rem!important}
.staff-dashboard .management-bulk-edit-row{
grid-template-columns:minmax(86px,.9fr) 60px minmax(118px,1.2fr)!important;
gap:4px!important;
padding:5px!important;
}
.staff-dashboard .management-bulk-edit-row .management-modal-item-name b{font-size:.61rem!important}
.staff-dashboard .management-bulk-edit-row .management-modal-item-name small{font-size:.45rem!important}
.staff-dashboard .management-bulk-edit-row .management-modal-item-name>span,
.staff-dashboard .management-bulk-edit-row label>span{font-size:.4rem!important;letter-spacing:.02em!important}
.staff-dashboard .management-bulk-edit-row input{min-height:32px!important;padding:4px!important;font-size:.55rem!important}
.staff-dashboard .management-payment-form{grid-template-columns:repeat(3,minmax(0,1fr))!important}
.staff-dashboard .management-compact-action-form{grid-template-columns:85px minmax(0,1fr)!important}
}
@media(max-width:430px){
.staff-dashboard .management-topbar-brand strong{max-width:56vw!important;font-size:1.02rem!important}
.staff-dashboard .management-modal-head{padding:6px!important}
.staff-dashboard .management-modal-head>button{width:27px!important;height:27px!important}
.staff-dashboard .management-bulk-edit-row{
grid-template-columns:minmax(78px,.85fr) 54px minmax(104px,1.15fr)!important;
}
.staff-dashboard .management-payment-form{
grid-template-columns:repeat(3,minmax(0,1fr))!important;
gap:4px!important;
}
.staff-dashboard .management-payment-form input,
.staff-dashboard .management-payment-form select{padding:4px!important;font-size:.54rem!important}
}
/* v4.3 — visibility pass for management pages and tighter divided team navigation */
/* Keep navigation compact, with a clear divider after every item. */
.staff-management-sidebar .management-side-nav{
gap:0!important;
padding:3px 7px 8px!important;
}
.staff-management-sidebar .management-side-nav a,
.staff-management-sidebar .management-sidebar-logout{
min-height:34px!important;
padding:4px 7px!important;
gap:7px!important;
border-radius:0!important;
border-top:0!important;
border-left:1px solid transparent!important;
border-right:1px solid transparent!important;
border-bottom:1px solid rgba(255,255,255,.16)!important;
}
.staff-management-sidebar .management-side-nav b,
.staff-management-sidebar .management-sidebar-logout b{
font-size:.69rem!important;
line-height:1.05!important;
}
.staff-management-sidebar .management-side-nav a>span,
.staff-management-sidebar .management-sidebar-logout>span{
width:16px!important;
height:16px!important;
}
.staff-management-sidebar .management-side-nav svg,
.staff-management-sidebar .management-sidebar-logout svg{
width:15px!important;
height:15px!important;
}
.staff-dashboard .management-subnav{
gap:0!important;
padding:1px 0 6px!important;
border:1px solid color-mix(in srgb,var(--primary) 14%,#e2dadd)!important;
background:#fff!important;
}
.staff-dashboard .management-subnav a{
padding:5px 8px!important;
border:0!important;
border-right:1px solid color-mix(in srgb,var(--primary) 15%,#e4dcdf)!important;
border-radius:0!important;
font-size:.57rem!important;
}
.staff-dashboard .management-subnav a:last-child{border-right:0!important}
/* Baseline readability for management records, forms and tables. */
.staff-dashboard .management-dashboard-main .card p,
.staff-dashboard .management-dashboard-main .notice,
.staff-dashboard .management-dashboard-main .empty{font-size:.86rem;line-height:1.55}
.staff-dashboard .management-dashboard-main .section-head h2{font-size:1.08rem}
.staff-dashboard .management-dashboard-main .section-head small,
.staff-dashboard .management-dashboard-main .section-head span{font-size:.78rem}
.staff-dashboard .management-dashboard-main .form-grid>label,
.staff-dashboard .management-dashboard-main .stack-form>label{font-size:.8rem}
.staff-dashboard .management-dashboard-main .form-grid input,
.staff-dashboard .management-dashboard-main .form-grid select,
.staff-dashboard .management-dashboard-main .form-grid textarea,
.staff-dashboard .management-dashboard-main .stack-form input,
.staff-dashboard .management-dashboard-main .stack-form select,
.staff-dashboard .management-dashboard-main .stack-form textarea{font-size:.82rem}
.staff-dashboard .management-dashboard-main table th{font-size:.7rem}
.staff-dashboard .management-dashboard-main table td{font-size:.79rem}
.staff-dashboard .management-dashboard-main table td small{font-size:.7rem}
/* SYSTEM CHECK — larger high-visibility typography, without exposing field-name lists. */
.staff-dashboard .management-system-hero span{font-size:.72rem!important}
.staff-dashboard .management-system-hero h2{font-size:1.55rem!important;line-height:1.15!important}
.staff-dashboard .management-system-hero p{font-size:.9rem!important;line-height:1.6!important}
.staff-dashboard .management-system-hero .btn{font-size:.76rem!important}
.staff-dashboard .management-system-summary small{font-size:.7rem!important}
.staff-dashboard .management-system-summary strong{font-size:1.72rem!important}
.staff-dashboard .management-system-summary span{font-size:.78rem!important}
.staff-dashboard .management-system-record header small{font-size:.68rem!important}
.staff-dashboard .management-system-record header h3{font-size:.98rem!important}
.staff-dashboard .management-system-record header>b{font-size:.68rem!important}
.staff-dashboard .management-system-record-body>p{font-size:.84rem!important;line-height:1.55!important}
.staff-dashboard .management-system-record dt{font-size:.64rem!important}
.staff-dashboard .management-system-record dd{font-size:.8rem!important}
.staff-dashboard .management-system-missing b{font-size:.68rem!important}
.staff-dashboard .management-system-missing span{font-size:.76rem!important}
.staff-dashboard .management-system-support p b{font-size:.84rem!important}
.staff-dashboard .management-system-support p small{font-size:.75rem!important}
.staff-dashboard .management-system-support>a{font-size:.72rem!important}
/* HELP — reduce only the large cover title, enlarge the actual reading content. */
.staff-dashboard .management-book-cover h1{
max-width:720px!important;
font-size:clamp(1.2rem,2.3vw,1.85rem)!important;
line-height:1.12!important;
}
.staff-dashboard .management-book-cover>div>span{font-size:.72rem!important}
.staff-dashboard .management-book-cover p{font-size:.9rem!important;line-height:1.65!important}
.staff-dashboard .management-book-cover dt{font-size:.63rem!important}
.staff-dashboard .management-book-cover dd{font-size:.78rem!important}
.staff-dashboard .management-book-toc>div span{font-size:.66rem!important}
.staff-dashboard .management-book-toc h2{font-size:1.08rem!important}
.staff-dashboard .management-book-toc nav span{font-size:.64rem!important}
.staff-dashboard .management-book-toc nav b{font-size:.73rem!important;line-height:1.35!important}
.staff-dashboard .management-book-toc>p{font-size:.72rem!important;line-height:1.55!important}
.staff-dashboard .management-book-chapter>header>span{font-size:.68rem!important}
.staff-dashboard .management-book-chapter>header h2{font-size:1.24rem!important}
.staff-dashboard .management-book-chapter>header p{font-size:.82rem!important}
.staff-dashboard .management-book-copy{font-size:.9rem!important;line-height:1.75!important}
.staff-dashboard .management-book-copy h3{font-size:1.02rem!important}
.staff-dashboard .management-book-example b{font-size:.7rem!important}
.staff-dashboard .management-role-list b{font-size:.78rem!important}
.staff-dashboard .management-role-list span{font-size:.82rem!important}
.staff-dashboard .management-permission-list h3{font-size:1rem!important}
.staff-dashboard .management-permission-list p{font-size:.84rem!important;line-height:1.6!important}
.staff-dashboard .management-permission-list dt{font-size:.64rem!important}
.staff-dashboard .management-permission-list dd{font-size:.76rem!important;line-height:1.55!important}
/* SETTINGS — readable labels, helper text, fields, toggles and preview. */
.staff-dashboard .management-settings-intro span{font-size:.7rem!important}
.staff-dashboard .management-settings-intro h2{font-size:1.35rem!important}
.staff-dashboard .management-settings-intro p{font-size:.86rem!important;line-height:1.55!important}
.staff-dashboard .management-settings-intro>a{font-size:.72rem!important}
.staff-dashboard .management-settings-preview-head b{font-size:.9rem!important}
.staff-dashboard .management-settings-preview-head small{font-size:.62rem!important}
.staff-dashboard .management-settings-preview-body strong{font-size:.9rem!important}
.staff-dashboard .management-settings-preview-body p{font-size:.76rem!important}
.staff-dashboard .management-settings-preview-body button{font-size:.72rem!important}
.staff-dashboard .management-settings-preview-foot span{font-size:.64rem!important}
.staff-dashboard .management-settings-safety b{font-size:.72rem!important}
.staff-dashboard .management-settings-safety p{font-size:.74rem!important;line-height:1.55!important}
.staff-dashboard .management-settings-section>header>span{font-size:.7rem!important}
.staff-dashboard .management-settings-section>header h2{font-size:1.04rem!important}
.staff-dashboard .management-settings-section>header p{font-size:.78rem!important;line-height:1.5!important}
.staff-dashboard .management-settings-fields label>span{font-size:.75rem!important}
.staff-dashboard .management-settings-fields label>small{min-height:0!important;font-size:.68rem!important;line-height:1.45!important}
.staff-dashboard .management-settings-fields input,
.staff-dashboard .management-settings-fields select,
.staff-dashboard .management-settings-fields textarea{font-size:.82rem!important}
.staff-dashboard .management-settings-toggles span b{font-size:.8rem!important}
.staff-dashboard .management-settings-toggles span small{font-size:.69rem!important;line-height:1.45!important}
.staff-dashboard .management-settings-savebar b{font-size:.8rem!important}
.staff-dashboard .management-settings-savebar small{font-size:.69rem!important}
.staff-dashboard .management-settings-savebar .btn{font-size:.78rem!important}
@media(max-width:860px){
.staff-management-sidebar .management-side-nav a,
.staff-management-sidebar .management-sidebar-logout{min-height:34px!important;padding:4px 7px!important}
.staff-management-sidebar .management-side-nav b,
.staff-management-sidebar .management-sidebar-logout b{font-size:.68rem!important}
.staff-dashboard .management-system-hero h2{font-size:1.28rem!important}
.staff-dashboard .management-system-hero p{font-size:.82rem!important}
.staff-dashboard .management-system-summary small{font-size:.64rem!important}
.staff-dashboard .management-system-summary span{font-size:.7rem!important}
.staff-dashboard .management-system-record header h3{font-size:.9rem!important}
.staff-dashboard .management-system-record-body>p{font-size:.78rem!important}
.staff-dashboard .management-system-record dt{font-size:.59rem!important}
.staff-dashboard .management-system-record dd{font-size:.73rem!important}
.staff-dashboard .management-book-cover h1{font-size:1.35rem!important}
.staff-dashboard .management-book-cover p{font-size:.82rem!important}
.staff-dashboard .management-book-toc nav b{font-size:.68rem!important}
.staff-dashboard .management-book-chapter>header h2{font-size:1.05rem!important}
.staff-dashboard .management-book-chapter>header p{font-size:.75rem!important}
.staff-dashboard .management-book-copy{font-size:.84rem!important}
.staff-dashboard .management-settings-intro h2{font-size:1.18rem!important}
.staff-dashboard .management-settings-intro p{font-size:.8rem!important}
.staff-dashboard .management-settings-section>header h2{font-size:.96rem!important}
.staff-dashboard .management-settings-section>header p{font-size:.72rem!important}
.staff-dashboard .management-settings-fields label>span{font-size:.71rem!important}
.staff-dashboard .management-settings-fields label>small{font-size:.65rem!important}
}
/* v4.4 — separated team header, non-shifting management notices and centered task strip */
/* A very thin light divider separates the restaurant/account bar from the workspace. */
.staff-dashboard .management-topbar{
border-bottom:1px solid rgba(255,255,255,.24)!important;
}
/* Dashboard success/error messages float above the page and never push the sidebar or content down. */
.dashboard-page>.flash{
position:fixed!important;
top:64px!important;
right:12px!important;
z-index:520!important;
width:min(420px,calc(100vw - 24px))!important;
margin:0!important;
padding:10px 13px!important;
border-radius:4px!important;
box-shadow:0 12px 30px rgba(22,13,18,.18)!important;
font-size:.78rem!important;
font-weight:800!important;
line-height:1.35!important;
transition:opacity .2s ease,transform .2s ease!important;
}
.dashboard-page>.flash.is-hiding{
opacity:0!important;
transform:translateY(-7px)!important;
pointer-events:none!important;
}
/* Primary order/billing task menu: centered when it fits, safely scrollable when it does not. */
.staff-dashboard .management-subnav{
display:flex!important;
justify-content:safe center!important;
align-items:stretch!important;
gap:0!important;
width:100%!important;
max-width:100%!important;
overflow-x:auto!important;
overflow-y:hidden!important;
padding:3px 4px 8px!important;
scroll-snap-type:x proximity!important;
-webkit-overflow-scrolling:touch!important;
scrollbar-width:thin!important;
}
.staff-dashboard .management-subnav a{
flex:0 0 auto!important;
scroll-snap-align:center!important;
padding:7px 10px!important;
white-space:nowrap!important;
}
@media(max-width:860px){
.staff-dashboard .management-topbar{
border-bottom-color:rgba(255,255,255,.22)!important;
}
.dashboard-page>.flash{
top:60px!important;
left:8px!important;
right:8px!important;
width:auto!important;
font-size:.74rem!important;
}
.staff-dashboard .management-subnav{
justify-content:safe center!important;
padding-top:3px!important;
padding-bottom:8px!important;
}
.staff-dashboard .management-subnav a{
padding-top:7px!important;
padding-bottom:7px!important;
}
}
/* v4.5 — right-aligned restaurant identity and visibility-first Team workspace */
/* Staff top bar: menu control stays on the left; restaurant identity stays on the right. */
.staff-dashboard .management-topbar{
min-height:54px!important;
height:54px!important;
padding:0 14px!important;
}
.staff-dashboard .management-topbar-brand{
margin-left:auto!important;
margin-right:0!important;
justify-content:flex-end!important;
text-align:right!important;
color:#fff!important;
}
.staff-dashboard .management-topbar-brand>span{
justify-items:end!important;
text-align:right!important;
}
.staff-dashboard .management-topbar-brand strong{
max-width:min(54vw,560px)!important;
font-size:1.18rem!important;
line-height:1.08!important;
color:#fff!important;
}
.staff-dashboard .management-topbar-brand small{
margin-top:2px!important;
font-size:.62rem!important;
color:rgba(255,255,255,.78)!important;
}
.staff-dashboard .management-topbar-brand img{
width:36px!important;
height:36px!important;
}
.staff-dashboard .management-topbar-actions{display:none!important}
/* Every Team page title is a clean uppercase workspace heading. */
.staff-dashboard .management-page-heading h1{
text-transform:uppercase!important;
letter-spacing:.015em!important;
font-size:clamp(1.58rem,2.5vw,2.28rem)!important;
line-height:1.1!important;
}
.staff-dashboard .management-page-heading>span{
font-size:.74rem!important;
letter-spacing:.14em!important;
}
/* Readability baseline for all Team/Admin workspace pages. */
.staff-dashboard .management-dashboard-main{
font-size:16px!important;
line-height:1.52!important;
}
.staff-dashboard .management-dashboard-main p,
.staff-dashboard .management-dashboard-main li,
.staff-dashboard .management-dashboard-main dd,
.staff-dashboard .management-dashboard-main td{
font-size:.86rem!important;
line-height:1.55!important;
}
.staff-dashboard .management-dashboard-main small,
.staff-dashboard .management-dashboard-main dt{
font-size:.72rem!important;
line-height:1.45!important;
}
.staff-dashboard .management-dashboard-main h2{
font-size:1.2rem!important;
line-height:1.2!important;
}
.staff-dashboard .management-dashboard-main h3{
font-size:1rem!important;
line-height:1.25!important;
}
.staff-dashboard .management-dashboard-main label,
.staff-dashboard .management-dashboard-main label>span,
.staff-dashboard .management-dashboard-main th{
font-size:.76rem!important;
line-height:1.35!important;
}
.staff-dashboard .management-dashboard-main input,
.staff-dashboard .management-dashboard-main select,
.staff-dashboard .management-dashboard-main textarea{
font-size:.88rem!important;
line-height:1.35!important;
}
.staff-dashboard .management-dashboard-main .btn,
.staff-dashboard .management-dashboard-main button,
.staff-dashboard .management-dashboard-main a.btn{
font-size:.78rem!important;
line-height:1.2!important;
}
.staff-dashboard .management-dashboard-main .badge,
.staff-dashboard .management-dashboard-main [class*="status-"]{
font-size:.7rem!important;
}
/* Desktop sidebar remains compact but clearly readable. */
.staff-management-sidebar .management-side-nav b,
.staff-management-sidebar .management-sidebar-logout b{
font-size:.76rem!important;
line-height:1.25!important;
}
@media(min-width:861px){
.staff-dashboard .dashboard-menu-toggle{display:none!important}
.staff-dashboard .management-topbar-brand{margin-left:auto!important}
}
@media(max-width:860px){
.staff-dashboard .management-topbar{
min-height:58px!important;
height:58px!important;
padding:0 10px!important;
}
.staff-dashboard .management-topbar-brand{
margin-left:auto!important;
max-width:calc(100vw - 62px)!important;
}
.staff-dashboard .management-topbar-brand strong{
max-width:62vw!important;
font-size:1.08rem!important;
}
.staff-dashboard .management-topbar-brand small{font-size:.58rem!important}
.staff-dashboard .management-topbar-brand img{width:34px!important;height:34px!important}
/* Mobile left-slide menu text is exactly about 3px larger than the previous compact scale. */
.staff-management-sidebar .management-side-nav b,
.staff-management-sidebar .management-sidebar-logout b{
font-size:14px!important;
line-height:1.2!important;
}
.staff-management-sidebar .management-side-nav a,
.staff-management-sidebar .management-sidebar-logout{
min-height:40px!important;
padding:6px 9px!important;
}
.staff-dashboard .management-page-heading h1{font-size:1.42rem!important}
.staff-dashboard .management-page-heading>span{font-size:.68rem!important}
.staff-dashboard .management-dashboard-main p,
.staff-dashboard .management-dashboard-main li,
.staff-dashboard .management-dashboard-main dd,
.staff-dashboard .management-dashboard-main td{font-size:.82rem!important}
.staff-dashboard .management-dashboard-main small,
.staff-dashboard .management-dashboard-main dt{font-size:.69rem!important}
.staff-dashboard .management-dashboard-main label,
.staff-dashboard .management-dashboard-main label>span,
.staff-dashboard .management-dashboard-main th{font-size:.72rem!important}
.staff-dashboard .management-dashboard-main input,
.staff-dashboard .management-dashboard-main select,
.staff-dashboard .management-dashboard-main textarea{font-size:.84rem!important}
}
/* v4.6 — simplified sales reports, offer list popups, two-way coupon/referral API workspace */
.sales-report-page,.offer-admin-page,.integration-page{width:100%;min-width:0;display:grid;gap:12px;padding-bottom:18px}
.sales-report-title,.offer-admin-hero,.integration-hero{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 18px;border-left:5px solid var(--primary);background:color-mix(in srgb,var(--primary) 7%,#fff)}
.sales-report-title span,.offer-admin-hero span,.integration-hero span{font-size:.64rem;font-weight:950;letter-spacing:.12em;color:var(--primary)}
.sales-report-title h2,.offer-admin-hero h2,.integration-hero h2{margin:4px 0;font-size:1.35rem;line-height:1.1}
.sales-report-title p,.offer-admin-hero p,.integration-hero p{max-width:760px;margin:0;color:#6f6569;font-size:.78rem;line-height:1.48}
.sales-report-tabs{display:flex;justify-content:center;gap:0;border:1px solid color-mix(in srgb,var(--primary) 24%,#ddd);background:#fff}
.sales-report-tabs a{min-width:190px;padding:12px 18px;text-align:center;color:var(--primary);font-size:.75rem;font-weight:950;border-right:1px solid color-mix(in srgb,var(--primary) 18%,#ddd)}
.sales-report-tabs a:last-child{border-right:0}.sales-report-tabs a.active{background:var(--primary);color:#fff}
.sales-report-filter,.sales-compare-filter{padding:13px;border:1px solid #e1d9dc;background:#fff}
.sales-report-filter form{display:grid;grid-template-columns:1.2fr 1fr 1fr 1fr auto;align-items:end;gap:10px}
.sales-report-filter label,.sales-compare-filter label{display:grid;gap:5px;min-width:0}.sales-report-filter label span,.sales-compare-filter label span{font-size:.63rem;font-weight:950;color:#51474b}
.sales-report-filter input,.sales-report-filter select,.sales-compare-filter input,.sales-compare-filter select{width:100%;min-width:0;height:43px;border:1px solid #d8cfd2;border-radius:3px;background:#fff;font-size:.75rem}
.sales-compare-filter form{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) 160px auto;align-items:end;gap:11px}.sales-compare-filter fieldset{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:0;padding:10px;border:1px solid #e0d7da}.sales-compare-filter legend{padding:0 5px;color:var(--primary);font-size:.64rem;font-weight:950}
.sales-report-kpis,.integration-stats,.offer-admin-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}.sales-report-kpis article,.integration-stats article,.offer-admin-stats article{min-width:0;padding:14px;border:1px solid #e1d9dc;border-top:4px solid var(--primary);background:#fff}.sales-report-kpis small,.sales-report-kpis strong,.sales-report-kpis span,.integration-stats small,.integration-stats strong,.integration-stats span,.offer-admin-stats small,.offer-admin-stats strong{display:block}.sales-report-kpis small,.integration-stats small,.offer-admin-stats small{font-size:.62rem;font-weight:950;color:#6f6569}.sales-report-kpis strong,.integration-stats strong,.offer-admin-stats strong{margin:8px 0 4px;font-size:1.35rem}.sales-report-kpis span,.integration-stats span{font-size:.68rem;color:#786e72}
.sales-report-panel,.sales-report-list{min-width:0;border:1px solid #e1d9dc;background:#fff}.sales-report-panel>header,.sales-report-list>header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:11px 13px;border-left:5px solid var(--primary);background:color-mix(in srgb,var(--primary) 5%,#fff)}.sales-report-panel>header>div,.sales-report-list>header{min-width:0}.sales-report-panel>header>div{display:flex;align-items:center;gap:9px}.sales-report-panel>header span,.sales-report-list>header>span{display:grid;place-items:center;flex:0 0 32px;width:32px;height:32px;background:var(--primary);color:#fff;font-size:.6rem;font-weight:950}.sales-report-panel>header h2,.sales-report-list>header h2{margin:0;font-size:.85rem}.sales-report-panel>header p,.sales-report-list>header p{margin:0;color:#766c70;font-size:.66rem}.sales-report-panel>.management-chart-card{margin:0;border:0;box-shadow:none}.sales-report-panel>.management-chart-card>.section-head{display:none}.sales-report-page .management-chart{width:100%;max-width:100%;overflow:hidden;padding:4px 8px 9px}.sales-report-page .management-chart svg{width:100%!important;min-width:0!important;max-width:100%;height:auto}.sales-report-two{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.sales-report-list>header{justify-content:flex-start}.sales-report-list>div{padding:5px 12px 12px}.sales-report-list-row{display:grid;grid-template-columns:32px minmax(0,1fr) auto;align-items:center;gap:9px;padding:10px 0;border-bottom:1px solid #eee8ea}.sales-report-list-row>b{display:grid;place-items:center;width:30px;height:30px;background:color-mix(in srgb,var(--primary) 9%,#fff);color:var(--primary);font-size:.6rem}.sales-report-list-row span strong,.sales-report-list-row span small{display:block}.sales-report-list-row span strong{font-size:.73rem}.sales-report-list-row span small{margin-top:3px;color:#776d71;font-size:.63rem}.sales-report-list-row em{font-style:normal;color:var(--primary);font-size:.73rem;font-weight:950}.sales-compare-summary{display:grid;grid-template-columns:1fr .8fr 1fr;gap:9px}.sales-compare-summary article{padding:16px;border:1px solid #e1d9dc;border-top:4px solid var(--primary);background:#fff;text-align:center}.sales-compare-summary small,.sales-compare-summary h2,.sales-compare-summary p,.sales-compare-summary span{display:block}.sales-compare-summary small{font-size:.62rem;font-weight:950;color:#6c6266}.sales-compare-summary h2{margin:8px 0;font-size:1.42rem}.sales-compare-summary p{margin:0;font-size:.7rem}.sales-compare-summary span{margin-top:7px;color:#766c70;font-size:.64rem}.sales-compare-summary .positive{border-top-color:#15804a;background:#f3fff8}.sales-compare-summary .negative{border-top-color:#b42318;background:#fff5f4}
.offer-admin-stats{grid-template-columns:repeat(3,minmax(0,1fr))}.offer-admin-list{border:1px solid #e1d9dc;background:#fff}.offer-admin-list>header,.integration-section>header,.integration-flow>header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px 15px;border-left:5px solid var(--primary);background:color-mix(in srgb,var(--primary) 5%,#fff)}.offer-admin-list>header h2,.integration-section>header h2,.integration-flow>header h2{margin:0;font-size:.9rem}.offer-admin-list>header p,.integration-section>header p,.integration-flow>header p{margin:3px 0 0;color:#746a6e;font-size:.68rem}.offer-admin-list>div{display:grid}.offer-admin-row{display:grid;grid-template-columns:52px minmax(180px,1.2fr) minmax(220px,1fr) auto;align-items:center;gap:12px;padding:12px 14px;border-bottom:1px solid #e8e1e3}.offer-admin-row:last-child{border-bottom:0}.offer-admin-type{display:grid;place-items:center;width:46px;height:46px;background:color-mix(in srgb,var(--primary) 9%,#fff);color:var(--primary);font-size:.72rem;font-weight:950}.offer-admin-row>div strong,.offer-admin-row>div small{display:block}.offer-admin-row>div strong{font-size:.76rem}.offer-admin-row>div small{margin-top:4px;color:#766c70;font-size:.64rem}.offer-admin-row>div:last-child{display:flex;align-items:center;justify-content:flex-end;gap:8px}
.integration-secret{display:grid;grid-template-columns:minmax(180px,.7fr) minmax(0,1.4fr) auto;align-items:center;gap:12px;padding:13px 15px;border:1px solid #d5a229;border-left:5px solid #d5a229;background:#fff9e7}.integration-secret b,.integration-secret p{display:block}.integration-secret b{font-size:.72rem}.integration-secret p{margin:3px 0 0;font-size:.64rem}.integration-secret code{white-space:pre-wrap;word-break:break-all;padding:10px;background:#fff;border:1px solid #ead69b;font-size:.68rem}.integration-secret button,[data-copy-text]{border:1px solid var(--primary);background:#fff;color:var(--primary);padding:8px 10px;font-size:.62rem;font-weight:950;cursor:pointer}
.integration-section,.integration-flow{border:1px solid #e1d9dc;background:#fff;min-width:0}.integration-section>header>div,.integration-flow>header{justify-content:flex-start}.integration-section>header>div{display:flex;align-items:center;gap:10px}.integration-section>header>div>span,.integration-flow>header>span{display:grid;place-items:center;flex:0 0 34px;width:34px;height:34px;background:var(--primary);color:#fff;font-size:.62rem;font-weight:950}.integration-list{display:grid}.integration-list-row{display:grid;grid-template-columns:minmax(150px,.75fr) minmax(200px,1fr) minmax(180px,.8fr) auto;align-items:center;gap:12px;padding:12px 14px;border-bottom:1px solid #ebe5e7}.integration-list-row:last-child{border-bottom:0}.integration-code{display:flex;align-items:center;gap:8px}.integration-code>b{font-size:.83rem;color:var(--primary)}.integration-code>span{padding:4px 6px;font-size:.51rem;font-weight:950;background:#eee}.integration-code .source-api{background:#e7f7ef;color:#11643d}.integration-code .source-admin{background:#f3eaf0;color:var(--primary)}.integration-list-row>div strong,.integration-list-row>div small{display:block}.integration-list-row>div strong{font-size:.72rem}.integration-list-row>div small{margin-top:4px;color:#766c70;font-size:.62rem}.integration-list-row>div:last-child{display:flex;align-items:center;justify-content:flex-end;gap:7px}
.integration-flow>header{display:grid;grid-template-columns:34px minmax(0,1fr)}.integration-flow-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;padding:13px}.integration-flow-grid article{min-width:0;padding:12px;border:1px solid #e3dbde;background:#faf8f9}.integration-flow-grid b{font-size:.65rem;color:var(--primary)}.integration-flow-grid p{margin:7px 0 0;font-size:.63rem;line-height:1.5;color:#6f6569}.integration-flow-grid code{display:block;margin:8px 0;padding:8px;background:#fff;border:1px solid #ddd3d7;word-break:break-all;font-size:.61rem}.integration-connection-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px 14px;border-top:1px solid #e5dde0;border-bottom:1px solid #e5dde0;background:#fff}.integration-connection-head h3{margin:0;font-size:.8rem}.integration-connection-head p{margin:3px 0 0;color:#756b6f;font-size:.63rem}.integration-client-list,.integration-log-list,.integration-referral-list{display:grid}.integration-client-list article{display:grid;grid-template-columns:minmax(180px,1fr) minmax(210px,1fr) minmax(170px,.8fr) auto;align-items:center;gap:10px;padding:11px 14px;border-bottom:1px solid #ebe5e7}.integration-client-list span b,.integration-client-list span small{display:block}.integration-client-list span b{font-size:.68rem}.integration-client-list span small{margin-top:3px;color:#776d71;font-size:.58rem}.integration-client-list code{word-break:break-all;font-size:.61rem}.integration-api-format{margin:12px;border:1px solid #ddd4d7;background:#faf8f9}.integration-api-format summary{padding:11px 12px;color:var(--primary);font-size:.65rem;font-weight:950;cursor:pointer}.integration-api-format pre{margin:0;padding:13px;overflow:auto;background:#222;color:#f8f8f8;font-size:.62rem;line-height:1.55;white-space:pre-wrap;word-break:break-word}
.integration-referral-layout{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(280px,.65fr);gap:12px;padding:13px}.integration-referral-form{border:1px solid #e2dade;padding:12px}.integration-referral-layout>aside{padding:14px;border-left:5px solid var(--primary);background:color-mix(in srgb,var(--primary) 6%,#fff)}.integration-referral-layout>aside h3{margin:0;font-size:.82rem}.integration-referral-layout ol{margin:10px 0 14px;padding-left:19px}.integration-referral-layout li{margin:8px 0;font-size:.65rem;line-height:1.48}.integration-ready{display:flex;flex-direction:column;justify-content:center;padding:9px 10px;border:1px solid #ddd}.integration-ready.ready{border-color:#71bb91;background:#f2fff7}.integration-ready.not-ready{border-color:#dfb26a;background:#fff9ed}.integration-ready b{font-size:.63rem}.integration-ready small{margin-top:4px;font-size:.56rem;line-height:1.4}.integration-referral-list article{display:grid;grid-template-columns:minmax(160px,1fr) minmax(150px,.8fr) minmax(100px,.5fr) minmax(160px,.7fr);align-items:center;gap:9px;padding:11px 14px;border-bottom:1px solid #ebe5e7}.integration-referral-list article>span b,.integration-referral-list article>span small{display:block}.integration-referral-list article>span b{font-size:.67rem}.integration-referral-list article>span small{margin-top:3px;color:#766c70;font-size:.57rem}.integration-referral-list article>span:nth-child(4){display:flex;gap:4px;flex-wrap:wrap}.integration-referral-list article>p{grid-column:1/-1;margin:0;padding:7px 9px;background:#faf8f9;color:#746a6e;font-size:.59rem}.integration-log-list article{display:grid;grid-template-columns:55px minmax(0,1fr) minmax(180px,.6fr);align-items:center;gap:10px;padding:10px 14px;border-bottom:1px solid #ebe5e7}.integration-log-list article>b{display:grid;place-items:center;width:50px;height:34px;background:#eee;font-size:.68rem}.integration-log-list .http-200,.integration-log-list .http-201{background:#e8f8ef;color:#12623c}.integration-log-list .http-401,.integration-log-list .http-422{background:#fff0ef;color:#a3221a}.integration-log-list span strong,.integration-log-list span small{display:block}.integration-log-list span strong{font-size:.68rem}.integration-log-list span small{margin-top:3px;color:#776d71;font-size:.58rem}.integration-log-list code{word-break:break-all;font-size:.58rem}
.integration-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.integration-form label{display:grid;gap:5px;min-width:0}.integration-form label.full{grid-column:1/-1}.integration-form label>span{font-size:.61rem;font-weight:950;color:#4c4246}.integration-form label>small{font-size:.56rem;color:#756b6f;line-height:1.4}.integration-form input,.integration-form select,.integration-form textarea{width:100%;min-width:0;min-height:43px;border:1px solid #d8cfd2;border-radius:3px;background:#fff;font-size:.73rem}.integration-form textarea{min-height:82px}.integration-form .integration-save{grid-column:1/-1;justify-self:center;min-width:220px}.integration-dialog{width:min(900px,calc(100vw - 24px));max-height:min(88vh,820px)}.integration-dialog.compact{width:min(650px,calc(100vw - 24px))}.integration-dialog .management-modal-body{overflow:auto}.offer-popup-form [data-offer-value][hidden],.offer-popup-form [data-offer-free][hidden]{display:none!important}
@media(max-width:1180px){.sales-report-filter form{grid-template-columns:repeat(2,minmax(0,1fr))}.sales-report-filter form .btn{grid-column:1/-1}.sales-compare-filter form{grid-template-columns:1fr 1fr}.sales-compare-filter form>label,.sales-compare-filter form>.btn{grid-column:auto}.integration-flow-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.integration-list-row{grid-template-columns:minmax(140px,.8fr) minmax(180px,1fr) minmax(150px,.7fr) auto}}
@media(max-width:860px){.sales-report-title,.offer-admin-hero,.integration-hero{align-items:flex-start;flex-direction:column}.sales-report-kpis,.integration-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.sales-report-two,.sales-compare-summary{grid-template-columns:1fr}.sales-compare-filter form{grid-template-columns:1fr}.sales-compare-filter fieldset{grid-template-columns:1fr 1fr}.offer-admin-row{grid-template-columns:48px minmax(0,1fr) auto}.offer-admin-row>div:nth-child(3){grid-column:2/4}.integration-list-row{grid-template-columns:1fr 1fr}.integration-list-row>div:last-child{justify-content:flex-start}.integration-flow-grid{grid-template-columns:1fr}.integration-client-list article{grid-template-columns:1fr 1fr}.integration-referral-layout{grid-template-columns:1fr}.integration-referral-list article{grid-template-columns:1fr 1fr}.integration-log-list article{grid-template-columns:50px minmax(0,1fr)}.integration-log-list code{grid-column:2}}
@media(max-width:620px){.sales-report-tabs a{min-width:0;flex:1;padding:11px 8px;font-size:.66rem}.sales-report-filter form,.sales-compare-filter fieldset{grid-template-columns:1fr}.sales-report-kpis,.integration-stats,.offer-admin-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.sales-report-title h2,.offer-admin-hero h2,.integration-hero h2{font-size:1.12rem}.offer-admin-row{grid-template-columns:43px minmax(0,1fr)}.offer-admin-row>div:nth-child(3),.offer-admin-row>div:last-child{grid-column:2}.offer-admin-row>div:last-child{justify-content:flex-start}.integration-secret{grid-template-columns:1fr}.integration-list-row,.integration-client-list article,.integration-referral-list article{grid-template-columns:1fr}.integration-referral-list article>p{grid-column:1}.integration-form{grid-template-columns:1fr}.integration-form label.full,.integration-form .integration-save{grid-column:1}.integration-flow>header{grid-template-columns:30px minmax(0,1fr)}.integration-log-list article{grid-template-columns:45px minmax(0,1fr)}.integration-dialog{width:100vw;max-height:92vh;margin:0;align-self:end}.sales-report-page .management-chart svg{min-width:0!important}.sales-report-list-row{grid-template-columns:30px minmax(0,1fr) auto}}
/* v4.6 settings shortcut to the dedicated two-way API workspace. */
.management-settings-api-link{
display:grid;
justify-items:start;
gap:8px;
padding:18px;
border:1px solid color-mix(in srgb,var(--primary) 22%,#d9d9d9);
background:color-mix(in srgb,var(--primary) 6%,#fff);
}
.management-settings-api-link>b{font-size:1rem;color:var(--primary)}
.management-settings-api-link>small{max-width:760px;font-size:.9rem;line-height:1.55;color:#59616d}
.management-settings-api-link>.btn{margin-top:4px}
/* v4.7: list-first management, popup CRUD, menu pagination and responsive modal audit */
.management-list-toolbar{display:flex;align-items:center;justify-content:space-between;gap:14px;margin:0 0 12px;padding:14px 16px;background:color-mix(in srgb,var(--primary) 8%,#fff);border:1px solid color-mix(in srgb,var(--primary) 22%,#e4e7ec)}
.management-list-toolbar>div{display:grid;gap:2px}.management-list-toolbar span{font-size:.62rem;font-weight:950;letter-spacing:.1em;color:var(--primary)}.management-list-toolbar h2{margin:0;font-size:1.05rem}.management-list-toolbar small{font-size:.68rem;color:#667085}
.management-record-list{display:grid;gap:8px}.management-record-row{display:grid;grid-template-columns:auto minmax(0,1fr) auto auto;align-items:center;gap:12px;padding:12px 14px;border:1px solid #e0e4e9;background:#fff;box-shadow:0 4px 14px rgba(15,23,42,.04)}
.management-record-main{min-width:0}.management-record-main h3{margin:0;font-size:.86rem}.management-record-main p{margin:3px 0 0;font-size:.66rem;font-weight:850;color:var(--primary)}.management-record-main small{display:block;margin-top:4px;color:#68717d;font-size:.62rem;line-height:1.35;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.management-record-metrics{display:grid;justify-items:end;gap:2px;min-width:88px}.management-record-metrics strong{font-size:.86rem}.management-record-metrics span{font-size:.56rem;color:#667085}.management-record-edit{justify-self:end;min-width:68px}
.management-food-admin-image{width:70px;height:58px;overflow:hidden;background:color-mix(in srgb,var(--primary) 8%,#f5f5f5);display:grid;place-items:center}.management-food-admin-image img{width:100%;height:100%;object-fit:cover}.management-food-admin-image span{font-size:.55rem;font-weight:950;color:var(--primary)}
.management-row-number{width:36px;height:36px;display:grid;place-items:center;background:color-mix(in srgb,var(--primary) 10%,#fff);color:var(--primary);font-size:.7rem}
.management-filter-row{display:flex;justify-content:center;margin:0 0 12px}.management-filter-row select{width:min(420px,100%);min-height:44px;font-weight:850;text-align:center}
.management-pagination{display:flex;justify-content:center;align-items:center;gap:5px;margin:16px 0;overflow-x:auto}.management-pagination a,.management-pagination span{min-width:36px;height:36px;padding:0 10px;display:grid;place-items:center;border:1px solid #d8dde4;background:#fff;font-size:.65rem;font-weight:900}.management-pagination a.active{background:var(--primary);border-color:var(--primary);color:#fff}
.management-popup-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.management-popup-form label{display:grid;gap:5px;min-width:0}.management-popup-form label.full{grid-column:1/-1}.management-popup-form label>span{font-size:.62rem;font-weight:950;color:#4d5560}.management-popup-form input,.management-popup-form select,.management-popup-form textarea{width:100%;min-width:0;min-height:44px;border-radius:3px!important;font-size:.74rem}.management-popup-form textarea{min-height:82px}.management-popup-save{grid-column:1/-1;justify-self:center;min-width:220px;margin-top:4px}.management-check-row{display:flex!important;align-items:center;gap:8px!important;padding:8px;border:1px solid #e0e4e9}.management-check-row input{width:18px!important;min-height:18px!important}
.management-crud-dialog{width:min(780px,calc(100vw - 20px));max-height:92dvh}.management-crud-dialog.compact{width:min(600px,calc(100vw - 20px))}.management-crud-dialog .management-modal-body{overflow:auto}
.management-table-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.management-table-card{border:1px solid #dde2e8;background:#fff;padding:12px}.management-table-card>header{display:flex;justify-content:space-between;gap:10px}.management-table-card h3{margin:0;font-size:.94rem}.management-table-card p{margin:3px 0 0;font-size:.62rem;color:#68717d}.management-table-body{display:grid;grid-template-columns:145px minmax(0,1fr);gap:12px;margin-top:10px}.management-table-body .qr-box{min-height:145px}.management-table-info{display:grid;align-content:start;gap:9px;min-width:0}.management-table-info span{display:grid}.management-table-info small{font-size:.55rem;color:#667085}.management-table-info b{font-size:.72rem}.management-table-info code{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:.55rem}.management-table-actions{display:flex;flex-wrap:wrap;gap:5px}
.management-team-list-first{order:0}.management-team-card-footer{display:flex;justify-content:flex-end;margin-top:12px;padding-top:9px;border-top:1px solid #e2e6eb}.management-add-record-panel{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:14px;padding:18px;background:color-mix(in srgb,var(--primary) 9%,#fff);border:1px solid color-mix(in srgb,var(--primary) 24%,#ddd)}.management-add-record-panel span{font-size:.6rem;font-weight:950;letter-spacing:.08em;color:var(--primary)}.management-add-record-panel h2{margin:3px 0;font-size:1rem}.management-add-record-panel p{margin:0;max-width:720px;color:#667085;font-size:.66rem;line-height:1.5}
.management-team-dialog{width:min(1000px,calc(100vw - 20px));max-height:94dvh}.management-team-dialog .management-modal-body{overflow:auto}.management-team-dialog .management-permission-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.management-menu-subnav,.management-bill-subnav{justify-content:center}.management-bill-subnav a{min-width:180px;text-align:center}
/* Popup audit: every management popup must stay inside desktop/mobile viewport. */
.staff-dashboard .management-modal{padding:10px!important}.staff-dashboard .management-modal-dialog{max-width:calc(100vw - 20px)!important;max-height:94dvh!important;overflow:hidden}.staff-dashboard .management-modal-body{overflow:auto;overscroll-behavior:contain}.staff-dashboard .management-modal-head{flex:0 0 auto}.staff-dashboard .management-modal input,.staff-dashboard .management-modal select,.staff-dashboard .management-modal textarea,.staff-dashboard .management-modal button{max-width:100%}
@media(max-width:900px){.management-table-list{grid-template-columns:1fr}.management-team-dialog .management-permission-grid{grid-template-columns:1fr}.management-record-row{grid-template-columns:auto minmax(0,1fr) auto}.management-record-metrics{grid-column:2;justify-items:start;display:flex;align-items:center;gap:8px}.management-record-edit{grid-column:3;grid-row:1/3}.management-list-toolbar{align-items:flex-start}.management-add-record-panel{align-items:flex-start;flex-direction:column}.management-add-record-panel .btn{width:100%}}
@media(max-width:640px){.management-list-toolbar{padding:12px;flex-direction:column}.management-list-toolbar .btn{width:100%}.management-record-row{gap:8px;padding:10px}.management-food-admin-image{width:58px;height:52px}.management-record-main h3{font-size:.76rem}.management-record-main small{white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.management-record-edit{min-width:56px;padding-inline:8px}.management-popup-form{grid-template-columns:1fr}.management-popup-form label.full,.management-popup-save{grid-column:1}.management-popup-save{width:100%;min-width:0}.management-table-body{grid-template-columns:112px minmax(0,1fr)}.management-table-body .qr-box{min-height:112px}.management-table-actions .btn{flex:1 1 calc(50% - 5px)}.management-team-dialog,.management-crud-dialog,.management-crud-dialog.compact{width:100%!important;max-width:100%!important}.management-team-dialog .team-basic-fields{grid-template-columns:1fr!important}.management-bill-subnav{justify-content:flex-start}.management-bill-subnav a{min-width:max-content}}
/* v4.8: Restaurant consumes Hyper Era APIs; no inbound coupon API. */
.integration-direction{display:grid;gap:9px;padding:14px 16px;border:1px solid color-mix(in srgb,var(--primary) 20%,#ded7da);border-left:5px solid var(--primary);background:color-mix(in srgb,var(--primary) 5%,#fff)}
.integration-direction>b{font-size:.75rem;color:var(--primary);letter-spacing:.08em}
.integration-direction>div{display:flex;align-items:center;justify-content:center;gap:8px;overflow-x:auto;padding:7px 0;white-space:nowrap}
.integration-direction>div span{padding:8px 10px;border:1px solid color-mix(in srgb,var(--primary) 18%,#ddd);background:#fff;font-size:.64rem;font-weight:950}
.integration-direction>div i{font-style:normal;color:var(--primary);font-weight:950}
.integration-direction>p{margin:0;text-align:center;color:#6d6367;font-size:.68rem;line-height:1.5}
.integration-header-actions,.integration-sync-actions{display:flex;align-items:center;justify-content:center;gap:8px;flex-wrap:wrap}
.integration-header-actions form,.integration-sync-actions form{margin:0}
.integration-sync-status{display:grid;grid-template-columns:minmax(210px,.65fr) minmax(0,1.35fr);align-items:center;gap:12px;margin:0 13px 13px;padding:11px 13px;border:1px solid #ddd6d9;background:#faf8f9}
.integration-sync-status.status-success{border-color:#8bc9a6;background:#f1fff7}.integration-sync-status.status-failed{border-color:#df9c95;background:#fff3f2}
.integration-sync-status b,.integration-sync-status small{display:block}.integration-sync-status b{font-size:.68rem}.integration-sync-status small{margin-top:3px;color:#746a6e;font-size:.58rem}.integration-sync-status p{margin:0;font-size:.65rem;line-height:1.45;color:#5f5559}
.integration-readonly{display:inline-grid;place-items:center;padding:6px 8px;border:1px solid #a7cfb8;background:#effbf4;color:#17613b;font-size:.54rem;font-weight:950}
.integration-referral-summary{display:grid;grid-template-columns:minmax(180px,.8fr) minmax(250px,1.2fr) auto;align-items:center;gap:10px;padding:13px}
.integration-referral-summary>div{min-height:72px;padding:11px;border:1px solid #e2dade;background:#faf8f9}.integration-referral-summary b,.integration-referral-summary strong,.integration-referral-summary small{display:block}.integration-referral-summary b{font-size:.62rem;color:var(--primary)}.integration-referral-summary strong{margin:6px 0;font-size:1.1rem}.integration-referral-summary small{font-size:.58rem;line-height:1.4;color:#71676b}.integration-referral-summary code{display:block;margin:6px 0;font-size:.62rem;word-break:break-word}
@media(max-width:860px){.integration-referral-summary{grid-template-columns:1fr 1fr}.integration-referral-summary>form{grid-column:1/-1;text-align:center}.integration-sync-status{grid-template-columns:1fr}.integration-direction>div{justify-content:flex-start}}
@media(max-width:620px){.integration-direction{padding:12px}.integration-direction>p{text-align:left}.integration-referral-summary{grid-template-columns:1fr}.integration-referral-summary>form{grid-column:1}.integration-header-actions{justify-content:flex-start}.integration-sync-status{margin:0 9px 9px}}
/* v4.9 — full-page Team editor, QR-first table grid, simplified bills and unified responsive popups */
.management-team-list-first{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.management-team-member{display:grid;align-content:start;margin:0!important;border-radius:6px!important;min-width:0}
.management-team-member>header{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px}
.management-team-member>header h2{margin:0;font-size:1rem}.management-team-member>header small{font-size:.72rem;color:#69727e}
.management-protected-account{font-size:.62rem;font-weight:950;color:#667085;padding:8px 10px;border:1px solid #dfe4ea;background:#f8fafc}
.management-team-editor-head{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 18px;margin-bottom:12px;background:color-mix(in srgb,var(--primary) 8%,#fff);border-left:5px solid var(--primary)}
.management-team-editor-head span{font-size:.64rem;font-weight:950;letter-spacing:.1em;color:var(--primary)}.management-team-editor-head h2{margin:3px 0;font-size:1.2rem}.management-team-editor-head p{margin:0;color:#667085;font-size:.76rem}
.management-team-editor-layout{display:grid;grid-template-columns:minmax(230px,.32fr) minmax(0,1fr);gap:14px;align-items:start}
.management-team-editor-guide{position:sticky;top:74px;padding:17px;background:color-mix(in srgb,var(--primary) 7%,#fff);border:1px solid color-mix(in srgb,var(--primary) 22%,#d9dee5);border-top:5px solid var(--primary)}
.management-team-editor-guide>span{font-size:.6rem;font-weight:950;color:var(--primary);letter-spacing:.1em}.management-team-editor-guide h3{margin:5px 0;font-size:1.05rem}.management-team-editor-guide p,.management-team-editor-guide li{font-size:.72rem;line-height:1.55;color:#626b76}.management-team-editor-guide ul{padding-left:18px}.management-team-editor-guide a{display:inline-flex;margin-top:8px;font-size:.68rem;font-weight:950}
.management-team-editor-card{min-width:0;padding:18px;background:#fff;border:1px solid #dfe4ea;border-top:5px solid var(--primary);box-shadow:0 10px 30px #0f172a0b}
.management-team-page-form{grid-template-columns:1fr!important;gap:14px!important}.management-team-page-form .team-basic-fields{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.management-team-page-form .management-permission-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.management-team-page-form .management-popup-save{width:min(360px,100%);justify-self:center;min-height:48px}
.management-qr-grid{grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch}
.management-qr-card{display:grid;grid-template-rows:auto auto auto auto 1fr;gap:10px;padding:13px!important}
.management-table-qr-top{display:grid;place-items:center;padding:12px;background:color-mix(in srgb,var(--primary) 4%,#fff);border:1px solid #e1e5ea}
.management-table-qr-top .qr-box{width:min(210px,82%);aspect-ratio:1;min-height:0!important;background:#fff;padding:8px;display:grid;place-items:center}
.management-table-qr-top canvas,.management-table-qr-top img{width:100%!important;height:100%!important;object-fit:contain}
.management-table-qr-link{display:block;width:100%;padding:8px 9px;text-align:center;border:1px solid #dfe4ea;background:#f8fafc;font-size:.58rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.management-table-meta{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.management-table-meta span{min-width:0;padding:7px;border:1px solid #e2e6eb;background:#fff;text-align:center}.management-table-meta small,.management-table-meta b{display:block}.management-table-meta small{font-size:.5rem;color:#6d7682}.management-table-meta b{margin-top:2px;font-size:.64rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.management-table-actions-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px!important;align-self:end}.management-table-actions-grid .btn{width:100%;min-width:0;padding:8px 6px!important;font-size:.6rem!important}
/* One popup system for orders, bills, menu, categories, tables, offers and coupons. */
.staff-dashboard .management-modal{padding:clamp(8px,2vw,20px)!important;place-items:center!important}
.staff-dashboard .management-modal-backdrop{background:rgba(15,23,42,.54)!important;backdrop-filter:blur(4px)!important;-webkit-backdrop-filter:blur(4px)!important}
.staff-dashboard .management-modal-dialog{width:min(760px,calc(100vw - 24px))!important;max-width:calc(100vw - 24px)!important;max-height:92dvh!important;display:flex!important;flex-direction:column!important;overflow:hidden!important;border:1px solid color-mix(in srgb,var(--primary) 25%,#dce1e7)!important;border-top:5px solid var(--primary)!important;border-radius:7px!important;background:#fff!important;box-shadow:0 24px 70px rgba(15,23,42,.28)!important}
.staff-dashboard .management-modal-dialog.management-team-dialog{width:min(1000px,calc(100vw - 24px))!important}
.staff-dashboard .management-modal-dialog.integration-dialog{width:min(900px,calc(100vw - 24px))!important}
.staff-dashboard .management-modal-head{min-height:0!important;padding:10px 12px!important;align-items:center!important;color:#202832!important;background:color-mix(in srgb,var(--primary) 9%,#fff)!important;border:0!important;border-bottom:1px solid color-mix(in srgb,var(--primary) 20%,#dde2e8)!important}
.staff-dashboard .management-modal-head>div{display:grid!important;gap:1px!important}.staff-dashboard .management-modal-head small{font-size:.55rem!important;color:var(--primary)!important;letter-spacing:.08em!important}.staff-dashboard .management-modal-head h2{margin:1px 0!important;font-size:.94rem!important;line-height:1.15!important;color:#202832!important}.staff-dashboard .management-modal-head p{margin:0!important;font-size:.62rem!important;color:#667085!important;line-height:1.3!important}
.staff-dashboard .management-modal-head>button{width:31px!important;height:31px!important;border:1px solid color-mix(in srgb,var(--primary) 30%,#ccd2da)!important;border-radius:4px!important;background:#fff!important;color:var(--primary)!important;font-size:1.05rem!important}
.staff-dashboard .management-modal-body{flex:1 1 auto!important;min-height:0!important;overflow:auto!important;padding:12px!important;background:#fff!important;overscroll-behavior:contain!important}
.staff-dashboard .management-popup-form,.staff-dashboard .integration-form,.staff-dashboard .management-payment-form,.staff-dashboard .management-discount-form{gap:9px!important}
.staff-dashboard .management-popup-form label>span,.staff-dashboard .integration-form label>span,.staff-dashboard .management-payment-form label>span,.staff-dashboard .management-discount-form label>span{font-size:.62rem!important}
.staff-dashboard .management-modal input,.staff-dashboard .management-modal select,.staff-dashboard .management-modal textarea{min-height:42px!important;border-radius:4px!important;font-size:.72rem!important;padding:9px 10px!important}
.staff-dashboard .management-modal textarea{min-height:76px!important}.staff-dashboard .management-modal-submit,.staff-dashboard .management-popup-save,.staff-dashboard .integration-save{min-height:44px!important;margin-top:4px!important;border-radius:4px!important}
.staff-dashboard .management-modal-footer{padding:9px 12px!important;background:#f8fafc!important}
@media(max-width:1180px){.management-qr-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:900px){.management-team-list-first{grid-template-columns:1fr}.management-team-editor-layout{grid-template-columns:1fr}.management-team-editor-guide{position:static}.management-team-page-form .team-basic-fields{grid-template-columns:repeat(2,minmax(0,1fr))}.management-team-page-form .management-permission-grid{grid-template-columns:1fr}}
@media(max-width:640px){
.management-team-editor-head{align-items:stretch;flex-direction:column;padding:13px}.management-team-editor-head .btn{width:100%}.management-team-editor-card{padding:11px}.management-team-page-form .team-basic-fields{grid-template-columns:1fr}
.management-qr-grid{grid-template-columns:1fr}.management-table-qr-top .qr-box{width:min(190px,72%)}.management-table-meta{grid-template-columns:1fr 1fr}.management-table-meta span:first-child{grid-column:1/-1}.management-table-actions-grid{grid-template-columns:1fr 1fr!important}
.staff-dashboard .management-modal{place-items:end center!important;padding:0!important}.staff-dashboard .management-modal-dialog,.staff-dashboard .management-modal-dialog.management-team-dialog,.staff-dashboard .management-modal-dialog.integration-dialog{width:100%!important;max-width:100%!important;max-height:92dvh!important;border-left:0!important;border-right:0!important;border-bottom:0!important;border-radius:8px 8px 0 0!important;transform:translateY(100%)!important}.staff-dashboard .management-modal.open .management-modal-dialog{transform:translateY(0)!important}.staff-dashboard .management-modal-head{padding:9px 11px!important}.staff-dashboard .management-modal-body{padding:10px!important}.staff-dashboard .management-popup-form,.staff-dashboard .integration-form{grid-template-columns:1fr!important}.staff-dashboard .management-popup-form label.full,.staff-dashboard .integration-form label.full,.staff-dashboard .management-popup-save,.staff-dashboard .integration-save{grid-column:1!important;width:100%!important;min-width:0!important}
}
/* v5.0 — complete QR visibility and compact table cards */
.management-qr-grid{grid-template-columns:repeat(3,minmax(250px,1fr));gap:12px!important}
.management-qr-card{overflow:visible!important;grid-template-rows:auto auto auto auto auto!important;padding:11px!important;gap:8px!important}
.management-table-qr-top{padding:8px!important;min-height:0!important;overflow:visible!important}
.management-table-qr-top .qr-box{width:156px!important;height:156px!important;min-width:156px!important;min-height:156px!important;max-width:100%!important;aspect-ratio:1!important;padding:5px!important;margin:0!important;border:6px solid #fff!important;overflow:visible!important}
.management-table-qr-top .qr-box svg,.management-table-qr-top .qr-box canvas,.management-table-qr-top .qr-box img{display:block!important;width:100%!important;height:100%!important;max-width:100%!important;max-height:100%!important;object-fit:contain!important;overflow:visible!important}
.management-table-qr-link{padding:6px 7px!important;font-size:.54rem!important}
.management-table-meta span{padding:5px!important}.management-table-meta small{font-size:.47rem!important}.management-table-meta b{font-size:.59rem!important}
.management-table-actions-grid .btn{min-height:34px!important;padding:6px 5px!important;font-size:.56rem!important}
.api-code-audit{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:12px 0;padding:12px;border:1px solid color-mix(in srgb,var(--primary) 22%,#dfe4ea);background:color-mix(in srgb,var(--primary) 5%,#fff)}
.api-code-audit>div{padding:9px;border:1px solid #e1e6ec;background:#fff;min-width:0}.api-code-audit small,.api-code-audit b{display:block}.api-code-audit small{font-size:.55rem;color:#68717d}.api-code-audit b{margin-top:3px;font-size:.67rem;color:#202832;word-break:break-word}.api-code-audit-note{grid-column:1/-1!important;background:#fff9e8!important;border-color:#ead49a!important}
@media(max-width:1180px){.management-qr-grid{grid-template-columns:repeat(2,minmax(230px,1fr))}.api-code-audit{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:640px){.management-qr-grid{grid-template-columns:1fr}.management-table-qr-top .qr-box{width:148px!important;height:148px!important;min-width:148px!important;min-height:148px!important}.api-code-audit{grid-template-columns:1fr}.api-code-audit-note{grid-column:1!important}}
/* v5.1 — universal mobile popup, centered mobile guidance, bill grids */
.staff-dashboard .management-modal-head{
display:grid!important;
grid-template-columns:minmax(0,1fr) auto!important;
align-items:center!important;
gap:10px!important;
}
.staff-dashboard .management-modal-head>div{
min-width:0!important;
text-align:left!important;
}
.staff-dashboard .management-modal-head small,
.staff-dashboard .management-modal-head h2,
.staff-dashboard .management-modal-head p{
max-width:100%!important;
white-space:normal!important;
overflow-wrap:anywhere!important;
}
.staff-dashboard .management-modal-head h2{
font-size:1.02rem!important;
line-height:1.08!important;
}
.staff-dashboard .management-modal-head p{
font-size:.68rem!important;
line-height:1.3!important;
}
.staff-dashboard .management-modal-body,
.staff-dashboard .management-modal-body form{
min-width:0!important;
max-width:100%!important;
}
.staff-dashboard .management-payment-form,
.staff-dashboard .management-discount-form{
grid-template-columns:repeat(3,minmax(0,1fr))!important;
align-items:end!important;
}
.staff-dashboard .management-payment-form .management-modal-submit,
.staff-dashboard .management-discount-form .management-modal-submit{
grid-column:1/-1!important;
width:min(300px,100%)!important;
justify-self:center!important;
}
.staff-dashboard .management-modal label,
.staff-dashboard .management-modal input,
.staff-dashboard .management-modal select,
.staff-dashboard .management-modal textarea,
.staff-dashboard .management-money-input{
min-width:0!important;
max-width:100%!important;
box-sizing:border-box!important;
}
.staff-dashboard .management-money-input{
grid-template-columns:40px minmax(0,1fr)!important;
}
.staff-dashboard .management-money-input input{width:100%!important;}
.management-bill-stats{
grid-template-columns:repeat(4,minmax(0,1fr))!important;
}
.management-bill-stats article{
min-width:0!important;
text-align:center!important;
align-content:center!important;
}
.management-bill-stats strong{
overflow-wrap:anywhere!important;
}
@media(max-width:700px){
.staff-dashboard .management-modal{
place-items:end center!important;
padding:0!important;
}
.staff-dashboard .management-modal-dialog,
.staff-dashboard .management-modal-dialog.management-team-dialog,
.staff-dashboard .management-modal-dialog.integration-dialog,
.staff-dashboard .management-modal-dialog.management-payment-dialog,
.staff-dashboard .management-modal-dialog.management-discount-dialog,
.staff-dashboard .management-modal-dialog.management-crud-dialog{
width:100%!important;
max-width:100%!important;
max-height:94dvh!important;
border-radius:8px 8px 0 0!important;
border-left:0!important;
border-right:0!important;
border-bottom:0!important;
transform:translateY(100%)!important;
}
.staff-dashboard .management-modal.open .management-modal-dialog{
transform:translateY(0)!important;
}
.staff-dashboard .management-modal-head{
grid-template-columns:minmax(0,1fr) 34px!important;
min-height:0!important;
padding:10px 11px!important;
gap:8px!important;
}
.staff-dashboard .management-modal-head>div{
text-align:center!important;
padding-left:34px!important;
}
.staff-dashboard .management-modal-head small{
font-size:.58rem!important;
}
.staff-dashboard .management-modal-head h2{
font-size:1rem!important;
margin:2px 0!important;
}
.staff-dashboard .management-modal-head p{
font-size:.66rem!important;
}
.staff-dashboard .management-modal-head>button{
width:34px!important;
height:34px!important;
}
.staff-dashboard .management-modal-body{
padding:12px!important;
}
.staff-dashboard .management-popup-form,
.staff-dashboard .integration-form,
.staff-dashboard .management-payment-form,
.staff-dashboard .management-discount-form,
.staff-dashboard .management-modal-item-form,
.staff-dashboard .management-bulk-edit-row{
display:grid!important;
grid-template-columns:1fr!important;
gap:10px!important;
}
.staff-dashboard .management-popup-form>* ,
.staff-dashboard .integration-form>* ,
.staff-dashboard .management-payment-form>* ,
.staff-dashboard .management-discount-form>* ,
.staff-dashboard .management-modal-item-form>* ,
.staff-dashboard .management-bulk-edit-row>*{
grid-column:1!important;
width:100%!important;
min-width:0!important;
}
.staff-dashboard .management-modal label>span{
font-size:.68rem!important;
}
.staff-dashboard .management-modal input,
.staff-dashboard .management-modal select,
.staff-dashboard .management-modal textarea{
min-height:46px!important;
font-size:.82rem!important;
padding:10px!important;
}
.staff-dashboard .management-modal textarea{min-height:82px!important;}
.staff-dashboard .management-modal-submit,
.staff-dashboard .management-popup-save,
.staff-dashboard .integration-save{
grid-column:1!important;
width:100%!important;
min-height:48px!important;
font-size:.78rem!important;
}
.management-help-strip,
.management-bill-help{
align-items:center!important;
justify-content:center!important;
text-align:center!important;
flex-direction:column!important;
gap:8px!important;
padding:12px!important;
}
.management-help-strip span,
.management-bill-help span{
justify-items:center!important;
text-align:center!important;
}
.management-help-strip a,
.management-bill-help a{
display:inline-flex!important;
justify-content:center!important;
text-align:center!important;
white-space:normal!important;
}
.management-bill-stats{
grid-template-columns:repeat(2,minmax(0,1fr))!important;
gap:8px!important;
}
.management-bill-stats article{
padding:11px 8px!important;
min-height:92px!important;
}
.management-bill-stats small{font-size:.62rem!important;}
.management-bill-stats strong{font-size:1rem!important;}
.management-bill-stats span{font-size:.58rem!important;}
}
@media(max-width:380px){
.staff-dashboard .management-modal-head>div{padding-left:28px!important;}
.staff-dashboard .management-modal-head h2{font-size:.92rem!important;}
.staff-dashboard .management-modal-head p{font-size:.61rem!important;}
.management-bill-stats strong{font-size:.9rem!important;}
}
/* v5.2 — Restaurant referral management and report pages */
.referral-page-head{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:20px 22px;margin-bottom:16px;background:color-mix(in srgb,var(--primary) 7%,#fff);border-left:5px solid var(--primary);border-top:1px solid color-mix(in srgb,var(--primary) 20%,#fff)}
.referral-page-head>div:first-child{min-width:0}.referral-page-head span,.referral-section-head span{display:block;color:var(--primary);font-size:.76rem;font-weight:900;letter-spacing:.12em}.referral-page-head h2{margin:5px 0 6px;font-size:1.72rem;line-height:1.05}.referral-page-head p{margin:0;max-width:820px;font-size:.97rem;line-height:1.55;color:#596274}.referral-page-head>div:last-child{display:flex;gap:9px;flex-wrap:wrap;justify-content:flex-end}
.referral-summary-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:11px;margin-bottom:16px}.referral-summary-grid .stat-card{min-height:118px;border-top:4px solid var(--primary);border-radius:2px}.referral-summary-grid .stat-card small{font-size:.76rem}.referral-summary-grid .stat-card strong{font-size:1.48rem}
.referral-api-status{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:19px 21px;margin-bottom:16px;border:1px solid #dce3e8;border-left:5px solid #c23a3a;background:#fff}.referral-api-status.ready{border-left-color:#168a55;background:#f4fbf7}.referral-api-status span{font-size:.74rem;font-weight:900;letter-spacing:.11em;color:var(--primary)}.referral-api-status h3{margin:4px 0;font-size:1.24rem}.referral-api-status p{margin:0 0 6px;color:#586273;line-height:1.5}.referral-api-status small{display:block;font-weight:800}.referral-api-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap;justify-content:flex-end}.referral-api-actions form{margin:0}
.referral-section-head{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:17px 18px;border-bottom:1px solid #e2e7eb;background:color-mix(in srgb,var(--primary) 5%,#fff)}.referral-section-head h2{margin:3px 0 2px;font-size:1.24rem}.referral-section-head p{margin:0;color:#626b78;line-height:1.45}.referral-section-head>strong{white-space:nowrap;color:var(--primary);font-size:.82rem}
.referral-directory,.referral-ledger-panel{padding:0;overflow:hidden;margin-bottom:16px}.referral-coupon-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;padding:14px}.referral-coupon-grid article{padding:15px;border:1px solid #dce1e5;border-left:4px solid var(--primary);background:#fff}.referral-coupon-grid article header{display:flex;justify-content:space-between;gap:8px;align-items:center}.referral-coupon-grid article header>strong{font-size:1.07rem;color:var(--primary)}.referral-coupon-grid h3{margin:9px 0 4px;font-size:1rem}.referral-coupon-grid p{margin:0 0 10px;color:#66707d;font-size:.86rem}.referral-coupon-grid dl{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin:0}.referral-coupon-grid dl div{padding:8px;background:#f7f8fa}.referral-coupon-grid dt{font-size:.67rem;font-weight:900;color:#687383}.referral-coupon-grid dd{margin:3px 0 0;font-size:.84rem;font-weight:900}
.referral-filter-panel{display:grid;grid-template-columns:minmax(230px,2fr) repeat(3,minmax(145px,1fr)) repeat(2,minmax(135px,.8fr)) auto auto auto;gap:8px;padding:12px 14px;background:#fff;border-bottom:1px solid #e3e7ea}.referral-filter-panel input,.referral-filter-panel select{width:100%;min-width:0;height:42px;border:1px solid #ccd4dc;background:#fff;padding:0 10px;font-weight:800}.referral-filter-panel .btn{height:42px;display:flex;align-items:center;justify-content:center;white-space:nowrap}
.referral-table-scroll{overflow:auto}.referral-ledger-table{min-width:1050px;margin:0}.referral-ledger-table th{font-size:.72rem}.referral-ledger-table td{vertical-align:top}.referral-ledger-table td strong{display:block}.referral-ledger-table td small{display:block;margin-top:4px;color:#667080;max-width:330px}.referral-ledger-table .referral-amount strong{font-size:1.04rem;color:var(--primary)}.coupon-code-chip{display:inline-flex!important;width:max-content;padding:4px 7px;background:color-mix(in srgb,var(--primary) 10%,#fff);color:var(--primary);font-weight:900}.sync-error-text{color:#ae1f25!important;font-weight:800;white-space:normal}
.referral-pagination{display:flex;justify-content:center;gap:5px;padding:14px;flex-wrap:wrap;border-top:1px solid #e3e7eb}.referral-pagination a{display:flex;min-width:38px;height:38px;padding:0 10px;align-items:center;justify-content:center;border:1px solid #ccd4dc;background:#fff;font-weight:900;color:#26313f}.referral-pagination a.active{background:var(--primary);color:#fff;border-color:var(--primary)}
.referral-report-split{display:grid;grid-template-columns:1.35fr 1fr;gap:13px;margin-bottom:16px}.referral-report-split>.panel{padding:0;overflow:hidden}.referral-month-list,.referral-rank-list{padding:13px}.referral-month-list>div{display:grid;grid-template-columns:140px minmax(120px,1fr) 120px;gap:10px;align-items:center;padding:10px 0;border-bottom:1px solid #e7eaed}.referral-month-list>div>span small,.referral-month-list>div>small{display:block;color:#69727f;font-size:.72rem}.referral-month-list i{height:10px;background:#eef1f4;overflow:hidden}.referral-month-list em{display:block;height:100%;background:var(--primary)}.referral-month-list>div>strong{text-align:right}.referral-rank-list>div{display:grid;grid-template-columns:34px minmax(0,1fr) auto;gap:9px;align-items:center;padding:10px;border-bottom:1px solid #e7eaed}.referral-rank-list>div>b{display:flex;width:30px;height:30px;align-items:center;justify-content:center;background:var(--primary);color:#fff}.referral-rank-list span strong,.referral-rank-list span small{display:block}.referral-rank-list span small{color:#69727f;font-size:.74rem}.referral-rank-list>div>span:last-child{text-align:right}
@media(max-width:1180px){.referral-summary-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.referral-coupon-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.referral-filter-panel{grid-template-columns:repeat(3,minmax(0,1fr))}.referral-filter-panel input[type=search]{grid-column:span 2}.referral-report-split{grid-template-columns:1fr}}
@media(max-width:720px){.referral-page-head,.referral-api-status,.referral-section-head{align-items:stretch;flex-direction:column;text-align:center}.referral-page-head>div:last-child,.referral-api-actions{justify-content:center}.referral-page-head{padding:15px 12px}.referral-page-head h2{font-size:1.35rem}.referral-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.referral-summary-grid .stat-card{min-height:104px;padding:11px}.referral-summary-grid .stat-card strong{font-size:1.17rem}.referral-coupon-grid{grid-template-columns:1fr;padding:9px}.referral-filter-panel{grid-template-columns:1fr 1fr;padding:9px}.referral-filter-panel input[type=search],.referral-filter-panel select,.referral-filter-panel input[type=date]{grid-column:1/-1}.referral-filter-panel .btn{min-width:0}.referral-month-list>div{grid-template-columns:1fr 90px}.referral-month-list i{grid-column:1/-1;grid-row:2}.referral-month-list>div>strong{grid-column:2;grid-row:1}.referral-month-list>div>small{grid-column:1/-1}.referral-rank-list>div{grid-template-columns:30px minmax(0,1fr)}.referral-rank-list>div>span:last-child{grid-column:2;text-align:left}.referral-ledger-table{min-width:920px}}
/* v5.3 — final responsive popup rows, readable fields and compact Offers editor */
.staff-dashboard .management-modal-dialog{
max-width:calc(100vw - 24px)!important;
max-height:min(92dvh,820px)!important;
}
.staff-dashboard .management-order-edit-dialog{width:min(980px,calc(100vw - 24px))!important}
.staff-dashboard .management-payment-dialog,
.staff-dashboard .management-discount-dialog{width:min(760px,calc(100vw - 24px))!important}
.staff-dashboard .management-offer-dialog{width:min(880px,calc(100vw - 24px))!important}
/* Keep popup headings readable and prevent title/meta overlap. */
.staff-dashboard .management-modal-head{
display:grid!important;
grid-template-columns:minmax(0,1fr) 34px!important;
align-items:center!important;
gap:10px!important;
min-height:58px!important;
padding:9px 12px!important;
}
.staff-dashboard .management-modal-head>div{
display:grid!important;
grid-template-columns:auto minmax(150px,1fr) auto!important;
align-items:center!important;
gap:10px!important;
min-width:0!important;
padding:0!important;
}
.staff-dashboard .management-modal-head small{
font-size:.62rem!important;
line-height:1.2!important;
white-space:normal!important;
}
.staff-dashboard .management-modal-head h2{
margin:0!important;
font-size:1.08rem!important;
line-height:1.12!important;
text-align:center!important;
white-space:normal!important;
}
.staff-dashboard .management-modal-head p{
margin:0!important;
font-size:.7rem!important;
line-height:1.25!important;
text-align:right!important;
white-space:normal!important;
overflow-wrap:anywhere!important;
}
.staff-dashboard .management-modal-head>button{
width:34px!important;
height:34px!important;
min-width:34px!important;
}
.staff-dashboard .management-modal-body{padding:12px!important;overflow:auto!important}
.staff-dashboard .management-modal label>span{font-size:.68rem!important;line-height:1.25!important}
.staff-dashboard .management-modal input,
.staff-dashboard .management-modal select,
.staff-dashboard .management-modal textarea{
min-height:42px!important;
padding:8px 10px!important;
font-size:.78rem!important;
line-height:1.25!important;
}
/* Edit placed items: food, quantity and reason stay in one clean desktop row. */
.staff-dashboard .management-bulk-edit-row{
display:grid!important;
grid-template-columns:minmax(190px,1fr) 120px minmax(280px,1.45fr)!important;
align-items:end!important;
gap:10px!important;
padding:10px!important;
}
.staff-dashboard .management-bulk-edit-row .management-modal-item-name{
min-height:42px!important;
display:grid!important;
align-content:center!important;
}
.staff-dashboard .management-bulk-edit-row .management-modal-item-name>span,
.staff-dashboard .management-bulk-edit-row label>span{font-size:.62rem!important}
.staff-dashboard .management-bulk-edit-row .management-modal-item-name b{font-size:.82rem!important}
.staff-dashboard .management-bulk-edit-row .management-modal-item-name small{font-size:.65rem!important}
.staff-dashboard .management-bulk-edit-row input{min-height:42px!important;font-size:.78rem!important}
.staff-dashboard .management-bulk-edit-footer{padding:9px 12px!important}
.staff-dashboard .management-save-all{min-height:43px!important;width:min(300px,100%)!important;font-size:.74rem!important}
/* Discount uses one-line reason input and two balanced desktop columns. */
.staff-dashboard .management-discount-form{
display:grid!important;
grid-template-columns:minmax(180px,.7fr) minmax(300px,1.3fr)!important;
align-items:end!important;
gap:12px!important;
}
.staff-dashboard .management-discount-form .management-modal-submit{
grid-column:1/-1!important;
width:min(300px,100%)!important;
justify-self:center!important;
}
/* Payment popup keeps three clean fields on desktop. */
.staff-dashboard .management-payment-form{
display:grid!important;
grid-template-columns:minmax(170px,.8fr) minmax(170px,.8fr) minmax(230px,1.2fr)!important;
align-items:end!important;
gap:10px!important;
}
.staff-dashboard .management-payment-form .management-modal-submit{
grid-column:1/-1!important;
width:min(300px,100%)!important;
justify-self:center!important;
}
/* Offers popup: short, predictable three-column desktop form. */
.staff-dashboard .offer-popup-form{
display:grid!important;
grid-template-columns:repeat(3,minmax(0,1fr))!important;
gap:10px!important;
align-items:end!important;
}
.staff-dashboard .offer-popup-form .offer-field-title{grid-column:1/-1!important}
.staff-dashboard .offer-popup-form .integration-save{
grid-column:1/-1!important;
width:min(300px,100%)!important;
justify-self:center!important;
min-height:44px!important;
}
@media(max-width:700px){
/* Center the modal inside the viewport instead of an oversized bottom sheet. */
.staff-dashboard .management-modal{
display:grid!important;
place-items:center!important;
padding:6px!important;
overflow:hidden!important;
}
.staff-dashboard .management-modal-dialog,
.staff-dashboard .management-modal-dialog.management-team-dialog,
.staff-dashboard .management-modal-dialog.integration-dialog,
.staff-dashboard .management-modal-dialog.management-payment-dialog,
.staff-dashboard .management-modal-dialog.management-discount-dialog,
.staff-dashboard .management-modal-dialog.management-crud-dialog,
.staff-dashboard .management-modal-dialog.management-offer-dialog{
width:calc(100vw - 12px)!important;
max-width:calc(100vw - 12px)!important;
max-height:calc(100dvh - 12px)!important;
border:1px solid color-mix(in srgb,var(--primary) 28%,#d8dee6)!important;
border-top:5px solid var(--primary)!important;
border-radius:8px!important;
transform:translateY(10px) scale(.985)!important;
}
.staff-dashboard .management-modal.open .management-modal-dialog{
transform:translateY(0) scale(1)!important;
}
.staff-dashboard .management-modal-head{
grid-template-columns:minmax(0,1fr) 34px!important;
min-height:0!important;
padding:8px 9px!important;
gap:7px!important;
}
.staff-dashboard .management-modal-head>div{
grid-template-columns:1fr!important;
justify-items:center!important;
gap:2px!important;
padding:0!important;
text-align:center!important;
}
.staff-dashboard .management-modal-head small{
font-size:.58rem!important;
text-align:center!important;
}
.staff-dashboard .management-modal-head h2{
font-size:1rem!important;
text-align:center!important;
}
.staff-dashboard .management-modal-head p{
font-size:.66rem!important;
text-align:center!important;
}
.staff-dashboard .management-modal-body{padding:10px!important}
/* Every order/payment/discount row becomes a safe single-column mobile form. */
.staff-dashboard .management-bulk-edit-row,
.staff-dashboard .management-payment-form,
.staff-dashboard .management-discount-form,
.staff-dashboard .management-popup-form,
.staff-dashboard .management-modal-item-form{
grid-template-columns:1fr!important;
gap:8px!important;
}
.staff-dashboard .management-bulk-edit-row>* ,
.staff-dashboard .management-payment-form>* ,
.staff-dashboard .management-discount-form>* ,
.staff-dashboard .management-popup-form>* ,
.staff-dashboard .management-modal-item-form>*{
grid-column:1!important;
width:100%!important;
min-width:0!important;
}
.staff-dashboard .management-payment-form .management-modal-submit,
.staff-dashboard .management-discount-form .management-modal-submit,
.staff-dashboard .management-save-all{
grid-column:1!important;
width:100%!important;
min-height:46px!important;
}
/* Offer editor uses two compact columns where useful. */
.staff-dashboard .offer-popup-form{
grid-template-columns:repeat(2,minmax(0,1fr))!important;
gap:8px!important;
}
.staff-dashboard .offer-popup-form .offer-field-title,
.staff-dashboard .offer-popup-form .offer-field-value,
.staff-dashboard .offer-popup-form .offer-field-free,
.staff-dashboard .offer-popup-form .offer-field-status,
.staff-dashboard .offer-popup-form .integration-save{
grid-column:1/-1!important;
}
.staff-dashboard .offer-popup-form input,
.staff-dashboard .offer-popup-form select{
min-height:40px!important;
font-size:.74rem!important;
padding:7px 8px!important;
}
.staff-dashboard .offer-popup-form label>span{font-size:.62rem!important}
.staff-dashboard .offer-popup-form .integration-save{min-height:44px!important;width:100%!important}
}
@media(max-width:430px){
.staff-dashboard .offer-popup-form .offer-field-start,
.staff-dashboard .offer-popup-form .offer-field-end{
grid-column:1/-1!important;
}
.staff-dashboard .management-modal-head h2{font-size:.94rem!important}
.staff-dashboard .management-modal-head p{font-size:.62rem!important}
}
/* v5.4 — New Table Order: searchable multi-food picker with live totals. */
.staff-dashboard .staff-new-order-page{display:grid;gap:14px;min-width:0}
.staff-dashboard .staff-new-order-page>.card{margin:0}
.staff-dashboard .staff-new-order-customer,
.staff-dashboard .staff-new-order-picker{padding:0;overflow:hidden;border-top:4px solid var(--primary)}
.staff-dashboard .staff-new-order-customer>header,
.staff-dashboard .staff-new-order-picker-head{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 16px;background:color-mix(in srgb,var(--primary) 7%,#fff)}
.staff-dashboard .staff-new-order-customer header span,
.staff-dashboard .staff-new-order-picker-head span,
.staff-dashboard .staff-new-order-selected header span{font-size:.68rem;font-weight:900;letter-spacing:.12em;color:var(--primary)}
.staff-dashboard .staff-new-order-customer h2,
.staff-dashboard .staff-new-order-picker h2,
.staff-dashboard .staff-new-order-selected h2{margin:2px 0 0;font-size:1.08rem;line-height:1.1}
.staff-dashboard .staff-new-order-customer p,
.staff-dashboard .staff-new-order-picker p{margin:3px 0 0;font-size:.8rem;color:#677184}
.staff-dashboard .staff-new-order-customer-grid{display:grid;grid-template-columns:minmax(180px,.8fr) repeat(2,minmax(220px,1fr));gap:12px;padding:14px 16px}
.staff-dashboard .staff-new-order-customer-grid label,
.staff-dashboard .staff-new-order-search{display:grid;gap:5px}
.staff-dashboard .staff-new-order-customer-grid label>span{font-size:.7rem;font-weight:900;letter-spacing:.05em;color:#475569}
.staff-dashboard .staff-new-order-customer-grid input,
.staff-dashboard .staff-new-order-customer-grid select,
.staff-dashboard .staff-new-order-search input{width:100%;min-width:0;min-height:45px;border:1px solid #d7dce4;border-radius:5px;background:#fff;padding:9px 11px;font:800 .82rem/1.2 inherit;color:#172033}
.staff-dashboard .staff-new-order-search{position:relative;display:block;width:min(360px,100%)}
.staff-dashboard .staff-new-order-search>span{position:absolute;left:12px;top:50%;transform:translateY(-50%);font-size:1.25rem;color:var(--primary)}
.staff-dashboard .staff-new-order-search input{padding-left:38px}
.staff-dashboard .staff-new-order-filter-row,
.staff-dashboard .staff-new-order-category-row{display:flex;align-items:center;justify-content:center;gap:7px;overflow-x:auto;scrollbar-width:thin;padding:10px 14px 2px;white-space:nowrap}
.staff-dashboard .staff-new-order-category-row{justify-content:flex-start;padding-top:8px;padding-bottom:11px;border-bottom:1px solid #e6e9ee}
.staff-dashboard .staff-new-order-filter-row button,
.staff-dashboard .staff-new-order-category-row button{flex:0 0 auto;border:1px solid color-mix(in srgb,var(--primary) 25%,#d9dee7);border-radius:4px;background:#fff;color:#475569;font-weight:900;font-size:.7rem;min-height:34px;padding:6px 11px;cursor:pointer}
.staff-dashboard .staff-new-order-filter-row button.active,
.staff-dashboard .staff-new-order-category-row button.active{background:var(--primary);border-color:var(--primary);color:#fff}
.staff-dashboard .staff-new-order-category-row button small{display:inline-grid;place-items:center;min-width:18px;height:18px;margin-left:3px;padding:0 4px;border-radius:9px;background:color-mix(in srgb,currentColor 12%,transparent);font-size:.6rem}
.staff-dashboard .veg-dot,.staff-dashboard .nonveg-dot{display:inline-block;width:10px;height:10px;border:2px solid currentColor;border-radius:1px;vertical-align:-1px;position:relative}
.staff-dashboard .veg-dot{color:#15803d}.staff-dashboard .nonveg-dot{color:#b91c1c}
.staff-dashboard .veg-dot:after,.staff-dashboard .nonveg-dot:after{content:"";position:absolute;inset:2px;border-radius:50%;background:currentColor}
.staff-dashboard .staff-new-order-food-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding:13px 14px 16px}
.staff-dashboard .staff-new-order-food{display:grid;grid-template-columns:82px minmax(0,1fr) auto;gap:11px;align-items:center;min-width:0;border:1px solid #dfe3e9;border-left:4px solid color-mix(in srgb,var(--primary) 60%,#fff);background:#fff;padding:9px;transition:.15s ease}
.staff-dashboard .staff-new-order-food.selected{border-color:var(--primary);background:color-mix(in srgb,var(--primary) 4%,#fff);box-shadow:0 5px 14px rgba(15,23,42,.08)}
.staff-dashboard .staff-new-order-food[hidden]{display:none!important}
.staff-dashboard .staff-new-order-food-image{width:82px;height:72px;position:relative;display:grid;place-items:center;overflow:hidden;background:color-mix(in srgb,var(--primary) 8%,#f6f7f9);border:1px solid #e2e5ea}
.staff-dashboard .staff-new-order-food-image img{width:100%;height:100%;object-fit:cover}
.staff-dashboard .staff-new-order-food-image>span{font-size:1.1rem;font-weight:950;color:var(--primary)}
.staff-dashboard .staff-new-order-food-image>i{position:absolute;right:5px;top:5px;background:#fff;box-shadow:0 1px 4px rgba(0,0,0,.12)}
.staff-dashboard .staff-new-order-food-copy{min-width:0}
.staff-dashboard .staff-new-order-food-copy>small{display:block;color:var(--primary);font-size:.61rem;font-weight:950;letter-spacing:.06em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.staff-dashboard .staff-new-order-food-copy h3{margin:3px 0;font-size:.9rem;line-height:1.15;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.staff-dashboard .staff-new-order-food-copy p{display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;margin:0 0 4px;font-size:.68rem;line-height:1.3;color:#6b7280}
.staff-dashboard .staff-new-order-food-copy strong{font-size:.84rem;color:#111827}
.staff-dashboard .staff-new-order-food-copy>span{margin-left:7px;font-size:.58rem;color:#64748b;font-weight:800}
.staff-dashboard .staff-new-order-qty{display:grid;grid-template-columns:34px 34px 34px;align-items:center;border:1px solid color-mix(in srgb,var(--primary) 35%,#d5dbe4);background:#fff}
.staff-dashboard .staff-new-order-qty button{width:34px;height:36px;border:0;background:transparent;color:var(--primary);font-size:1.3rem;font-weight:900;cursor:pointer}
.staff-dashboard .staff-new-order-qty button:hover{background:color-mix(in srgb,var(--primary) 8%,#fff)}
.staff-dashboard .staff-new-order-qty output{display:grid;place-items:center;height:36px;border-inline:1px solid #e0e4ea;font-size:.82rem;font-weight:950}
.staff-dashboard .staff-new-order-no-results{text-align:center!important;padding:18px!important;color:#64748b!important;font-weight:900!important}
.staff-dashboard .staff-new-order-checkout{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(280px,.6fr);gap:12px;align-items:stretch}
.staff-dashboard .staff-new-order-selected,
.staff-dashboard .staff-new-order-total{background:#fff;border:1px solid #dce1e8;border-top:4px solid var(--primary)}
.staff-dashboard .staff-new-order-selected>header{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:11px 14px;background:color-mix(in srgb,var(--primary) 6%,#fff);border-bottom:1px solid #e2e6ec}
.staff-dashboard .staff-new-order-selected>header strong{font-size:.7rem;color:var(--primary)}
.staff-dashboard .staff-new-order-selected [data-new-order-selected-list]{display:grid;gap:0;max-height:250px;overflow:auto}
.staff-dashboard .staff-new-order-selected-line{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:12px;align-items:center;padding:10px 14px;border-bottom:1px solid #eef0f3}
.staff-dashboard .staff-new-order-selected-line:last-child{border-bottom:0}
.staff-dashboard .staff-new-order-selected-line b{font-size:.8rem}.staff-dashboard .staff-new-order-selected-line small{display:block;color:#64748b;font-size:.67rem;margin-top:2px}
.staff-dashboard .staff-new-order-selected-line span{font-size:.74rem;font-weight:900;color:#475569}
.staff-dashboard .staff-new-order-selected-line strong{font-size:.82rem;color:var(--primary)}
.staff-dashboard .staff-new-order-total{display:grid;align-content:start;padding:12px 14px}
.staff-dashboard .staff-new-order-total>div{display:flex;justify-content:space-between;align-items:center;padding:8px 2px;border-bottom:1px solid #e9ecf0}
.staff-dashboard .staff-new-order-total span{font-size:.68rem;font-weight:900;color:#64748b}
.staff-dashboard .staff-new-order-total strong{font-size:.88rem}
.staff-dashboard .staff-new-order-total .grand{margin-bottom:12px;border-bottom:0;background:color-mix(in srgb,var(--primary) 7%,#fff);padding:11px 9px}
.staff-dashboard .staff-new-order-total .grand span,.staff-dashboard .staff-new-order-total .grand strong{color:var(--primary);font-size:.92rem}
.staff-dashboard .staff-new-order-total button{width:100%;min-height:48px;border-radius:4px;font-size:.8rem}
.staff-dashboard .staff-new-order-total button:disabled{opacity:.45;cursor:not-allowed}
.staff-dashboard .staff-new-order-total>small{text-align:center;margin-top:7px;font-size:.62rem;color:#64748b;line-height:1.35}
.staff-dashboard .staff-new-order-recent{margin-top:14px}
@media(max-width:1050px){
.staff-dashboard .staff-new-order-food-grid{grid-template-columns:1fr}
.staff-dashboard .staff-new-order-customer-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.staff-dashboard .staff-new-order-customer-grid label:first-child{grid-column:1/-1}
}
@media(max-width:700px){
.staff-dashboard .staff-new-order-customer>header,
.staff-dashboard .staff-new-order-picker-head{display:grid;justify-items:center;text-align:center;padding:11px 10px}
.staff-dashboard .staff-new-order-search{width:100%}
.staff-dashboard .staff-new-order-customer-grid{grid-template-columns:1fr;padding:11px}
.staff-dashboard .staff-new-order-customer-grid label:first-child{grid-column:auto}
.staff-dashboard .staff-new-order-filter-row{justify-content:center;padding-inline:8px}
.staff-dashboard .staff-new-order-category-row{padding-inline:9px}
.staff-dashboard .staff-new-order-food-grid{padding:10px 9px;gap:8px}
.staff-dashboard .staff-new-order-food{grid-template-columns:64px minmax(0,1fr);gap:8px;padding:7px}
.staff-dashboard .staff-new-order-food-image{width:64px;height:62px}
.staff-dashboard .staff-new-order-food-copy h3{font-size:.82rem}
.staff-dashboard .staff-new-order-food-copy p{display:none}
.staff-dashboard .staff-new-order-qty{grid-column:1/-1;justify-self:center;grid-template-columns:42px 44px 42px;margin-top:1px}
.staff-dashboard .staff-new-order-qty button{width:42px;height:38px}.staff-dashboard .staff-new-order-qty output{height:38px}
.staff-dashboard .staff-new-order-checkout{grid-template-columns:1fr}
.staff-dashboard .staff-new-order-selected-line{grid-template-columns:minmax(0,1fr) auto;gap:6px 10px}
.staff-dashboard .staff-new-order-selected-line>strong{grid-column:2;grid-row:1/3}
}
/* v5.5 — two-page referral workflow */
.staff-dashboard .referral-api-config{margin-bottom:16px}
.staff-dashboard .referral-directory-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px;flex-wrap:wrap}
.staff-dashboard .referral-directory-actions>strong{font-size:.78rem;color:var(--primary);white-space:nowrap}
.staff-dashboard .referral-coupon-card-actions{display:flex;align-items:center;justify-content:flex-end;min-height:34px;margin-top:11px;padding-top:10px;border-top:1px solid #e6e9ed}
.staff-dashboard .referral-coupon-card-actions>span{font-size:.67rem;font-weight:900;color:#64748b;letter-spacing:.04em}
.staff-dashboard .referral-api-config .integration-referral-layout{align-items:stretch}
.staff-dashboard .referral-api-config aside{display:grid;align-content:start;gap:9px}
.staff-dashboard .referral-api-config aside>p{margin:0;color:#5f6876;line-height:1.5}
.staff-dashboard .referral-api-config .integration-sync-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}
.staff-dashboard .referral-api-config .integration-sync-actions form,.staff-dashboard .referral-api-config .integration-sync-actions button{width:100%;margin:0}
@media(max-width:720px){
.staff-dashboard .referral-directory-actions{justify-content:center}
.staff-dashboard .referral-api-config .integration-sync-actions{grid-template-columns:1fr}
.staff-dashboard .referral-coupon-card-actions{justify-content:center}
}
/* v5.6 central/own integration controls */
.management-central-status{display:grid;gap:4px;padding:14px 16px;border:1px solid color-mix(in srgb,var(--primary) 24%,#dbe4ea);background:color-mix(in srgb,var(--primary) 7%,#fff);min-width:0}
.management-central-status b{font-size:.78rem;color:var(--primary);letter-spacing:.05em}.management-central-status span{font-weight:900;color:#172033;overflow-wrap:anywhere}.management-central-status small{color:#64748b;line-height:1.55}
.management-own-fields{min-width:0}.management-own-fields[hidden],.management-central-status[hidden]{display:none!important}.management-own-fields>.management-settings-fields{padding:0;border:0;background:transparent}
.super-integrations-form{max-width:1180px;margin:0 auto}.super-integrations-form .management-settings-section{margin-bottom:18px}
@media(max-width:720px){.management-central-status{padding:12px}.super-integrations-form .management-settings-fields{grid-template-columns:1fr}.management-settings-savebar{align-items:stretch}.management-settings-savebar .btn{width:100%}}
/* v5.7 — compact, readable customer Start/Login/Register mobile layout */
.customer-entry-icon svg{
width:27px;
height:27px;
fill:none;
stroke:var(--primary);
stroke-width:1.7;
stroke-linecap:round;
stroke-linejoin:round;
}
.helogin-method-icon svg{
width:19px;
height:19px;
display:block;
fill:none;
stroke:currentColor;
stroke-width:1.9;
stroke-linecap:round;
stroke-linejoin:round;
}
body.exact-reference-auth .helogin-page-wrap,
body.exact-reference-auth .heregister-page-wrap,
.customer-entry-wrap{
padding-top:0!important;
}
body.exact-reference-auth .helogin-container,
body.exact-reference-auth .heregister-container,
.customer-entry-card{
border-top:0!important;
border-top-left-radius:0!important;
border-top-right-radius:0!important;
box-shadow:0 10px 26px color-mix(in srgb,var(--primary) 11%,transparent)!important;
}
body.exact-reference-auth .he-auth-brand{
margin-top:0!important;
margin-bottom:7px!important;
}
body.exact-reference-auth .helogin-title,
body.exact-reference-auth .heregister-title{
margin:2px 0 4px!important;
}
body.exact-reference-auth .helogin-subtitle,
body.exact-reference-auth .heregister-subtitle{
margin-bottom:12px!important;
}
body.exact-reference-auth .helogin-form,
body.exact-reference-auth .heregister-form,
.customer-entry-form{
gap:10px!important;
}
body.exact-reference-auth .helogin-field,
body.exact-reference-auth .heregister-field,
.customer-entry-card .helogin-field{
margin:0!important;
gap:4px!important;
}
body.exact-reference-auth .helogin-label,
body.exact-reference-auth .heregister-label,
body.exact-reference-auth .helogin-method-title,
.customer-entry-card .helogin-label{
margin:0 0 3px!important;
font-size:.72rem!important;
line-height:1.2!important;
letter-spacing:.055em!important;
color:#3f4957!important;
}
body.exact-reference-auth .helogin-input-group,
body.exact-reference-auth .heregister-input-group,
.customer-entry-card .helogin-input-group{
min-height:50px!important;
}
body.exact-reference-auth .helogin-country,
body.exact-reference-auth .heregister-country,
.customer-entry-card .helogin-country{
min-height:48px!important;
padding:0 13px!important;
font-size:.88rem!important;
}
body.exact-reference-auth .helogin-input-icon,
body.exact-reference-auth .heregister-input-icon,
.customer-entry-card .helogin-input-icon{
width:46px!important;
min-width:46px!important;
min-height:48px!important;
height:48px!important;
}
body.exact-reference-auth :is(.helogin-input-group input,.heregister-input-group input),
.customer-entry-card .helogin-input-group input{
padding:12px 12px!important;
font-size:.94rem!important;
}
body.exact-reference-auth .helogin-method-title{
text-align:center!important;
margin-top:2px!important;
margin-bottom:6px!important;
font-size:.76rem!important;
}
body.exact-reference-auth .helogin-methods{
gap:8px!important;
margin-bottom:11px!important;
}
body.exact-reference-auth .helogin-method{
min-height:60px!important;
padding:8px 9px!important;
gap:8px!important;
}
body.exact-reference-auth .helogin-method-icon{
width:34px!important;
height:34px!important;
flex:0 0 34px!important;
border:1px solid color-mix(in srgb,var(--primary) 25%,#d8dce2)!important;
border-radius:4px!important;
background:color-mix(in srgb,var(--primary) 7%,#fff)!important;
}
body.exact-reference-auth .helogin-method-text b{
font-size:.75rem!important;
line-height:1.2!important;
}
body.exact-reference-auth .helogin-method-text small{
font-size:.62rem!important;
line-height:1.25!important;
}
body.exact-reference-auth .heregister-steps{
margin:8px 0 16px!important;
}
body.exact-reference-auth .heregister-step{
gap:5px!important;
color:#64748b!important;
font-size:.68rem!important;
}
body.exact-reference-auth .heregister-step>span{
width:38px!important;
height:38px!important;
border-color:#cbd5e1!important;
color:#64748b!important;
font-size:.86rem!important;
font-weight:900!important;
}
body.exact-reference-auth .heregister-step.active{
color:var(--primary)!important;
}
body.exact-reference-auth .heregister-step.active>span{
border-color:var(--primary)!important;
color:var(--primary)!important;
}
body.exact-reference-auth .heregister-step-line{
width:54px!important;
margin:0 7px 18px!important;
}
body.exact-reference-auth .helogin-footer,
body.exact-reference-auth .heregister-footer,
.customer-entry-footer{
margin-top:12px!important;
padding-top:10px!important;
gap:5px 7px!important;
line-height:1.35!important;
}
body.exact-reference-auth .helogin-footer span,
body.exact-reference-auth .heregister-footer span,
.customer-entry-footer span{
font-size:.72rem!important;
}
body.exact-reference-auth .helogin-footer a,
body.exact-reference-auth .heregister-footer a,
.customer-entry-footer a{
font-size:.75rem!important;
}
body.exact-reference-auth .helogin-footer small,
body.exact-reference-auth .heregister-footer small,
.customer-entry-footer small{
margin-top:2px!important;
font-size:.65rem!important;
line-height:1.4!important;
}
body.exact-reference-auth .helogin-back{
margin-top:9px!important;
font-size:.7rem!important;
}
.customer-entry-form{
margin-top:10px!important;
}
.customer-entry-table{
margin-top:10px!important;
}
.customer-entry-note{
margin-top:9px!important;
padding:9px 10px!important;
font-size:.7rem!important;
line-height:1.4!important;
}
@media(max-width:620px){
body.exact-reference-auth .helogin-page-wrap,
body.exact-reference-auth .heregister-page-wrap,
.customer-entry-wrap{
padding:0 8px 16px!important;
}
body.exact-reference-auth .helogin-container,
body.exact-reference-auth .heregister-container,
.customer-entry-card{
padding:13px 13px 14px!important;
border-left:1px solid color-mix(in srgb,var(--primary) 18%,#ddd)!important;
border-right:1px solid color-mix(in srgb,var(--primary) 18%,#ddd)!important;
border-bottom:1px solid color-mix(in srgb,var(--primary) 18%,#ddd)!important;
}
body.exact-reference-auth .he-auth-brand{
font-size:.82rem!important;
margin-bottom:5px!important;
}
body.exact-reference-auth .helogin-title,
body.exact-reference-auth .heregister-title{
font-size:1.28rem!important;
}
body.exact-reference-auth .helogin-subtitle,
body.exact-reference-auth .heregister-subtitle{
font-size:.78rem!important;
line-height:1.42!important;
margin-bottom:11px!important;
}
.customer-entry-icon{
width:43px!important;
height:43px!important;
margin-bottom:7px!important;
}
.customer-entry-icon svg{width:24px;height:24px}
body.exact-reference-auth .helogin-label,
body.exact-reference-auth .heregister-label,
.customer-entry-card .helogin-label{
font-size:.74rem!important;
}
body.exact-reference-auth .helogin-input-group input,
body.exact-reference-auth .heregister-input-group input,
.customer-entry-card .helogin-input-group input{
font-size:.96rem!important;
}
body.exact-reference-auth .helogin-methods{
grid-template-columns:1fr 1fr!important;
}
body.exact-reference-auth .helogin-method{
min-height:62px!important;
}
body.exact-reference-auth .helogin-method-text b{font-size:.74rem!important}
body.exact-reference-auth .helogin-method-text small{font-size:.61rem!important}
body.exact-reference-auth .helogin-submit,
body.exact-reference-auth .heregister-submit,
.customer-entry-card .helogin-submit{
min-height:48px!important;
font-size:.78rem!important;
}
body.exact-reference-auth .heregister-steps{margin-bottom:14px!important}
body.exact-reference-auth .heregister-step small{font-size:.65rem!important}
body.exact-reference-auth .helogin-footer,
body.exact-reference-auth .heregister-footer,
.customer-entry-footer{
display:grid!important;
grid-template-columns:auto auto!important;
justify-content:center!important;
align-items:center!important;
}
body.exact-reference-auth .helogin-footer small,
body.exact-reference-auth .heregister-footer small,
.customer-entry-footer small{
grid-column:1/-1!important;
width:100%!important;
text-align:center!important;
}
}
/* v5.8 — stable Central/Own SMS and Payment settings layout */
.management-settings-fields > .full{grid-column:1/-1}
.management-settings-fields > .management-central-status{align-self:stretch;min-height:100%;display:grid;align-content:center}
.management-settings-fields > .management-own-field{min-width:0}
.management-settings-fields > .management-own-field.is-disabled{opacity:1}
.management-settings-fields > .management-own-field.is-disabled > span,
.management-settings-fields > .management-own-field.is-disabled > small{color:#7b7478!important}
.management-settings-fields > .management-own-field input:disabled,
.management-settings-fields > .management-own-field select:disabled,
.management-settings-fields > .management-own-field textarea:disabled{
opacity:1;
color:#6b7280!important;
-webkit-text-fill-color:#6b7280;
background:#f1f3f5!important;
border-color:#d6d9dd!important;
cursor:not-allowed;
box-shadow:none!important;
}
.management-settings-fields > .management-own-field input:disabled::placeholder,
.management-settings-fields > .management-own-field textarea:disabled::placeholder{
color:#8b929c!important;
opacity:1;
}
.management-central-status.is-muted{
background:#f5f6f7;
border-color:#d8dce1;
}
.management-central-status.is-muted b,
.management-central-status.is-muted span,
.management-central-status.is-muted small{color:#747b85!important}
@media(max-width:720px){
.management-settings-fields > .management-central-status,
.management-settings-fields > .management-own-field,
.management-settings-fields > .integration-mode-field{grid-column:1/-1}
}
/* v6.0 — purpose-based Central/Restaurant SMS template management */
.sms-template-intro{display:flex;align-items:center;justify-content:space-between;gap:18px;background:color-mix(in srgb,var(--primary) 7%,#fff);border:1px solid color-mix(in srgb,var(--primary) 18%,#e2e8f0)}
.sms-template-intro>div{min-width:0}.sms-template-intro span{display:block;color:var(--primary);font-size:.76rem;font-weight:900;letter-spacing:.08em}.sms-template-intro h2{margin:4px 0 7px;font-size:1.45rem}.sms-template-intro p{margin:0;max-width:850px;color:#475569;font-size:.94rem;line-height:1.55}
.sms-template-form{display:grid;gap:18px}.sms-template-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.sms-template-card{min-width:0;background:#fff;border:1px solid #dbe2ea;border-top:4px solid #94a3b8;border-radius:8px;box-shadow:0 8px 24px rgba(15,23,42,.06);overflow:hidden}.sms-template-card.ready{border-top-color:#16a34a}.sms-template-card.not-ready{border-top-color:#d97706}.sms-template-card>header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:15px 16px 12px;background:color-mix(in srgb,var(--primary) 5%,#fff);border-bottom:1px solid #e7ebf0}.sms-template-card>header small{display:block;color:var(--primary);font-size:.66rem;font-weight:900;letter-spacing:.08em}.sms-template-card>header h3{margin:3px 0 4px;font-size:1.06rem}.sms-template-card>header p{margin:0;color:#64748b;font-size:.79rem;line-height:1.35}.sms-template-switch{display:flex;align-items:center;gap:6px;white-space:nowrap;font-size:.7rem;font-weight:900;color:#334155}.sms-template-switch input{width:18px;height:18px;accent-color:var(--primary)}.sms-template-status{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:9px 16px;background:#f8fafc;border-bottom:1px solid #e7ebf0}.sms-template-status b{font-size:.7rem;color:#334155}.sms-template-status span{font-size:.65rem;color:#64748b;text-align:right}.sms-template-fields{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:11px;padding:15px 16px}.sms-template-fields label{display:grid;align-content:start;gap:5px;min-width:0}.sms-template-fields label.full{grid-column:1/-1}.sms-template-fields label>span{font-size:.7rem;font-weight:900;color:#334155;letter-spacing:.04em}.sms-template-fields input{width:100%;min-width:0;height:42px;padding:9px 10px;border:1px solid #cbd5e1;border-radius:5px;background:#fff;color:#0f172a;font-size:.86rem}.sms-template-fields input:disabled{background:#eef2f6;color:#64748b;opacity:1}.sms-template-card .btn{white-space:nowrap}
body.exact-reference-auth .heregister-pin-grid .heregister-field,
body.exact-reference-auth .heregister-pin-grid .heregister-label{text-align:left!important;justify-items:stretch!important;align-items:stretch!important}
body.exact-reference-auth .heregister-pin-grid .heregister-label{display:block!important;width:100%!important}
@media(max-width:1100px){.sms-template-grid{grid-template-columns:1fr}.sms-template-fields{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:720px){.sms-template-intro{align-items:stretch;flex-direction:column;text-align:center}.sms-template-intro .btn{width:100%}.sms-template-grid{gap:12px}.sms-template-card>header{padding:12px;gap:8px}.sms-template-card>header h3{font-size:.98rem}.sms-template-card>header p{font-size:.74rem}.sms-template-status{align-items:flex-start;flex-direction:column;padding:8px 12px}.sms-template-status span{text-align:left}.sms-template-fields{grid-template-columns:1fr;padding:12px;gap:9px}.sms-template-fields label.full{grid-column:auto}.sms-template-fields input{height:44px;font-size:.9rem}.sms-template-switch{font-size:.65rem}}
/* v6.1 — clear offer, coupon, free-food and discount visibility */
.benefit-summary{margin:12px 0;border:1px solid color-mix(in srgb,var(--primary) 20%,#dbe4ec);background:color-mix(in srgb,var(--primary) 5%,#fff);border-radius:7px;overflow:hidden}.benefit-summary-head{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:9px 11px;background:color-mix(in srgb,var(--primary) 10%,#fff);border-bottom:1px solid color-mix(in srgb,var(--primary) 14%,#e2e8f0)}.benefit-summary-head span{font-size:.68rem;font-weight:950;letter-spacing:.08em;color:var(--primary)}.benefit-summary-head b{font-size:.72rem;color:#166534;white-space:nowrap}.benefit-summary-list{display:grid}.benefit-line{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:9px 11px;border-bottom:1px solid #e8edf2}.benefit-line:last-child{border-bottom:0}.benefit-line>span{display:grid;gap:2px;min-width:0}.benefit-line i{font-style:normal;font-size:.59rem;font-weight:950;letter-spacing:.08em;color:#64748b}.benefit-line strong{font-size:.82rem;color:#1e293b;overflow-wrap:anywhere}.benefit-line small{font-size:.66rem;color:#64748b}.benefit-line>b{font-size:.8rem;white-space:nowrap}.benefit-line.coupon>b,.benefit-line.offer>b,.benefit-line.manual>b{color:#b42318}.benefit-line.free{background:#f0fdf4}.benefit-line.free i,.benefit-line.free>b{color:#15803d}.benefit-summary-compact{margin:9px 0}.benefit-summary-compact .benefit-summary-head{padding:7px 9px}.benefit-summary-compact .benefit-line{padding:7px 9px}.benefit-summary-table{margin:7px 0 0;max-width:330px}.benefit-summary-table .benefit-summary-head{display:none}.benefit-summary-table .benefit-line{padding:5px 7px}.benefit-summary-table .benefit-line strong{font-size:.72rem}.benefit-summary-table .benefit-line>b{font-size:.7rem}.benefit-summary-invoice{margin:16px 0}.invoice-free-item{background:#f0fdf4}.invoice-free-item td:first-child small{display:inline-block;margin-left:6px;padding:2px 5px;background:#15803d;color:#fff;font-size:.58rem;font-weight:900;border-radius:3px}.history-list a em{display:block;margin-top:3px;color:#15803d;font-size:.65rem;font-style:normal;font-weight:900}.order-food-line-total strong{white-space:nowrap}
@media(max-width:720px){.benefit-summary{margin:9px 0}.benefit-summary-head{padding:8px 9px}.benefit-summary-head span{font-size:.64rem}.benefit-summary-head b{font-size:.66rem}.benefit-line{padding:8px 9px}.benefit-line strong{font-size:.76rem}.benefit-line>b{font-size:.74rem}.benefit-summary-table{max-width:none}.benefit-summary-invoice{margin:12px 0}}
@media print{.benefit-summary{break-inside:avoid;box-shadow:none}.benefit-summary-head,.benefit-line{print-color-adjust:exact;-webkit-print-color-adjust:exact}}
/* v6.2 — PAGE_ID based SMS mapping */
.sms-template-card>header small{font-variant-numeric:tabular-nums}
.sms-template-card .sms-template-status b{letter-spacing:.035em}
body.exact-reference-auth .heregister-pin-grid .heregister-field,
body.exact-reference-auth .heregister-pin-grid .heregister-label,
body.exact-reference-auth label[for="register-pin-confirm"]{text-align:left!important;justify-items:stretch!important}
/* v6.6 — global required-field guard */
button.required-fields-pending,
input[type="submit"].required-fields-pending,
.btn.required-fields-pending{
opacity:.46!important;
cursor:not-allowed!important;
filter:grayscale(.18)!important;
box-shadow:none!important;
transform:none!important;
}
.management-bulk-edit-row.has-pending-change{
background:color-mix(in srgb,var(--primary) 5%,#fff);
border-color:color-mix(in srgb,var(--primary) 24%,#dbe3ea);
}
.required-value-missing{
border-color:#dc2626!important;
background:#fff7f7!important;
box-shadow:0 0 0 2px rgba(220,38,38,.08)!important;
}
@media(max-width:720px){
button.required-fields-pending,
input[type="submit"].required-fields-pending,
.btn.required-fields-pending{opacity:.5!important}
}
/* v6.9 — reference Admin referral design on restaurant Staff pages */
.staff-dashboard .reference-referral-heading{
display:flex;align-items:center;justify-content:space-between;gap:18px;
margin:0 0 18px;padding:18px 20px;border:1px solid #dce5e4;border-left:5px solid var(--primary);
background:linear-gradient(135deg,#fff,#f2f8f7);box-shadow:0 10px 24px rgba(15,23,42,.05)
}
.staff-dashboard .reference-referral-heading>div:first-child{min-width:0}
.staff-dashboard .reference-referral-heading span,
.staff-dashboard .reference-panel-head span{
display:block;color:var(--primary);font-size:.7rem;font-weight:900;letter-spacing:.09em;text-transform:uppercase
}
.staff-dashboard .reference-referral-heading h2{margin:4px 0 5px;font-size:1.6rem;line-height:1.1}
.staff-dashboard .reference-referral-heading p{margin:0;max-width:850px;color:#607078;line-height:1.55;font-size:.88rem}
.staff-dashboard .reference-referral-heading .referral-heading-actions{display:flex;gap:9px;flex-wrap:wrap;justify-content:flex-end}
.staff-dashboard .reference-referral-summary,
.staff-dashboard .reference-report-summary{
display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;margin:0 0 18px
}
.staff-dashboard .reference-referral-summary article,
.staff-dashboard .reference-report-summary article{
min-height:122px;padding:16px 12px;text-align:center;background:#fff;border:1px solid #dce5e4;
border-top:4px solid var(--primary);box-shadow:0 8px 22px rgba(15,23,42,.05)
}
.staff-dashboard .reference-referral-summary article:nth-child(2),
.staff-dashboard .reference-report-summary article:nth-child(2){border-top-color:#d59b2a}
.staff-dashboard .reference-referral-summary article:nth-child(3),
.staff-dashboard .reference-report-summary article:nth-child(3){border-top-color:#8a5cc2}
.staff-dashboard .reference-referral-summary article:nth-child(4){border-top-color:#2f74c0}
.staff-dashboard .reference-referral-summary article:nth-child(5),
.staff-dashboard .reference-report-summary article:nth-child(4){border-top-color:#0c8b69}
.staff-dashboard .reference-referral-summary article:nth-child(6),
.staff-dashboard .reference-report-summary article:nth-child(5){border-top-color:#c44956}
.staff-dashboard .reference-referral-summary span,
.staff-dashboard .reference-referral-summary small,
.staff-dashboard .reference-report-summary span,
.staff-dashboard .reference-report-summary small{display:block}
.staff-dashboard .reference-referral-summary span,
.staff-dashboard .reference-report-summary span{font-size:.65rem;font-weight:900;letter-spacing:.055em;color:#687780}
.staff-dashboard .reference-referral-summary strong,
.staff-dashboard .reference-report-summary strong{display:block;margin:8px 0 4px;font-size:1.22rem;color:#14323a;overflow-wrap:anywhere}
.staff-dashboard .reference-referral-summary small,
.staff-dashboard .reference-report-summary small{font-size:.66rem;color:#7a888f;line-height:1.35}
.staff-dashboard .reference-api-connection,
.staff-dashboard .reference-coupon-editor,
.staff-dashboard .reference-coupon-list,
.staff-dashboard .reference-referral-ledger,
.staff-dashboard .reference-report-ledger{padding:0;overflow:hidden;margin-bottom:18px;border:1px solid #dce5e4;border-radius:0}
.staff-dashboard .reference-api-connection{border-left:5px solid var(--primary)}
.staff-dashboard .reference-coupon-editor{border-top:4px solid #e2b451}
.staff-dashboard .reference-panel-head{
display:flex;align-items:center;justify-content:space-between;gap:15px;padding:15px 17px;border-bottom:1px solid #e1e7e7;background:#f8fbfb
}
.staff-dashboard .reference-panel-head>div{min-width:0}
.staff-dashboard .reference-panel-head h2{margin:4px 0 3px;font-size:1.08rem;line-height:1.2}
.staff-dashboard .reference-panel-head p{margin:0;color:#66757d;font-size:.78rem;line-height:1.5}
.staff-dashboard .reference-panel-head>strong{font-size:.72rem;color:var(--primary);white-space:nowrap}
.staff-dashboard .reference-api-ready{display:inline-flex;align-items:center;justify-content:center;min-height:34px;padding:8px 11px;border:1px solid #c7d8d5;background:#f4f8f7}
.staff-dashboard .reference-api-ready.ready{background:#e8f7f0;border-color:#a8d7c5;color:#087154}
.staff-dashboard .reference-api-ready.not-ready{background:#fff6e7;border-color:#e8c98e;color:#a15d08}
.staff-dashboard .reference-api-layout{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(280px,.75fr);gap:0}
.staff-dashboard .reference-api-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding:17px;border-right:1px solid #e1e7e7}
.staff-dashboard .reference-api-form label{display:grid;gap:6px;align-content:start;min-width:0}
.staff-dashboard .reference-api-form label.full,.staff-dashboard .reference-api-form .full{grid-column:1/-1}
.staff-dashboard .reference-api-form label>span{font-size:.67rem;font-weight:900;color:#55656d;letter-spacing:.045em}
.staff-dashboard .reference-api-form label>small{color:#718087;font-size:.68rem;line-height:1.45}
.staff-dashboard .reference-api-form input,
.staff-dashboard .reference-api-form select{width:100%;min-height:42px}
.staff-dashboard .reference-sync-control{padding:17px;background:#f8fbfb}
.staff-dashboard .reference-sync-control h3{margin:0 0 8px;font-size:.9rem;color:var(--primary)}
.staff-dashboard .reference-sync-control ol{margin:0 0 14px;padding-left:19px;color:#5e6d74;font-size:.76rem;line-height:1.65}
.staff-dashboard .reference-sync-actions{display:grid;grid-template-columns:1fr;gap:8px}
.staff-dashboard .reference-sync-actions form,.staff-dashboard .reference-sync-actions button{width:100%;margin:0}
.staff-dashboard .reference-last-sync{display:grid;gap:3px;margin-top:13px;padding:12px;border:1px solid #dce5e4;background:#fff}
.staff-dashboard .reference-last-sync span{font-size:.63rem;font-weight:900;letter-spacing:.06em;color:#687780}
.staff-dashboard .reference-last-sync strong{font-size:.82rem;color:var(--primary)}
.staff-dashboard .reference-last-sync small{font-size:.67rem;color:#7a888f}
.staff-dashboard .reference-last-sync p{margin:5px 0 0;font-size:.72rem;line-height:1.45;color:#5e6d74}
.staff-dashboard .reference-editor-body{padding:16px}
.staff-dashboard .reference-editor-body .integration-form{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.staff-dashboard .reference-editor-body .integration-form label{display:grid;gap:6px;min-width:0}
.staff-dashboard .reference-editor-body .integration-form label.full,
.staff-dashboard .reference-editor-body .integration-form .integration-save{grid-column:1/-1}
.staff-dashboard .reference-directory-table{min-width:1160px}
.staff-dashboard .reference-directory-table td small{display:block;margin-top:5px;color:#728087;font-size:.69rem}
.staff-dashboard .reference-source-badge,
.staff-dashboard .reference-read-only{display:inline-flex;align-items:center;padding:5px 8px;font-size:.64rem;font-weight:900;letter-spacing:.055em;white-space:nowrap}
.staff-dashboard .reference-source-badge.api{background:#e8f4ff;border:1px solid #b9d8f0;color:#236296}
.staff-dashboard .reference-source-badge.local{background:#fff4d9;border:1px solid #ebcc82;color:#7c570b}
.staff-dashboard .reference-read-only{background:#f1f4f5;border:1px solid #d6dfe1;color:#687780}
.staff-dashboard .reference-coupon-list .coupon-code-chip{display:inline-flex;align-items:center;padding:5px 8px;background:#fff3cf;border:1px solid #e8c46f;color:#64470b;font-weight:900;letter-spacing:.07em}
.staff-dashboard .reference-referral-ledger .referral-filter-panel{border-top:0}
.staff-dashboard .reference-status-tabs{display:flex;align-items:center;gap:7px;flex-wrap:wrap;margin:-4px 0 12px;padding:10px 12px;border:1px solid #dce5e4;background:#fff}
.staff-dashboard .reference-status-tabs.api{margin-top:0}
.staff-dashboard .reference-status-tabs>span{margin-right:4px;font-size:.65rem;font-weight:900;color:#687780;letter-spacing:.06em}
.staff-dashboard .reference-status-tabs a{display:inline-flex;align-items:center;justify-content:center;min-height:32px;padding:6px 10px;border:1px solid #d8e0e1;background:#f7f9f9;color:#52646c;font-size:.66rem;font-weight:900}
.staff-dashboard .reference-status-tabs a.active{background:var(--primary);border-color:var(--primary);color:#fff}
.staff-dashboard .reference-report-summary{grid-template-columns:repeat(5,minmax(0,1fr))}
@media(max-width:1250px){
.staff-dashboard .reference-referral-summary{grid-template-columns:repeat(3,minmax(0,1fr))}
.staff-dashboard .reference-report-summary{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(max-width:980px){
.staff-dashboard .reference-api-layout{grid-template-columns:1fr}
.staff-dashboard .reference-api-form{border-right:0;border-bottom:1px solid #e1e7e7}
.staff-dashboard .reference-editor-body .integration-form{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:720px){
.staff-dashboard .reference-referral-heading,
.staff-dashboard .reference-panel-head{align-items:stretch;flex-direction:column;text-align:center;padding:13px 11px}
.staff-dashboard .reference-referral-heading .referral-heading-actions{justify-content:center;width:100%}
.staff-dashboard .reference-referral-heading .referral-heading-actions .btn{flex:1;min-width:130px}
.staff-dashboard .reference-referral-heading h2{font-size:1.32rem}
.staff-dashboard .reference-referral-summary,
.staff-dashboard .reference-report-summary{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.staff-dashboard .reference-referral-summary article,
.staff-dashboard .reference-report-summary article{min-height:106px;padding:12px 7px}
.staff-dashboard .reference-referral-summary strong,
.staff-dashboard .reference-report-summary strong{font-size:1rem}
.staff-dashboard .reference-api-form{grid-template-columns:1fr;padding:12px}
.staff-dashboard .reference-api-form label.full,.staff-dashboard .reference-api-form .full{grid-column:auto}
.staff-dashboard .reference-sync-control{padding:12px}
.staff-dashboard .reference-editor-body{padding:10px}
.staff-dashboard .reference-editor-body .integration-form{grid-template-columns:1fr}
.staff-dashboard .reference-editor-body .integration-form label.full,
.staff-dashboard .reference-editor-body .integration-form .integration-save{grid-column:auto}
.staff-dashboard .reference-status-tabs{justify-content:center;text-align:center}
.staff-dashboard .reference-status-tabs>span{width:100%;margin:0 0 3px}
}
/* v6.11: referral reports use one date-period filter only. */
.staff-dashboard .referral-date-filter-panel{
grid-template-columns:minmax(180px,1.25fr) minmax(150px,1fr) minmax(150px,1fr) auto auto;
align-items:end;
margin-bottom:14px;
border:1px solid #dce5e4;
}
.staff-dashboard .referral-date-filter-panel label{display:grid;gap:6px;min-width:0}
.staff-dashboard .referral-date-filter-panel label>span{
font-size:.66rem;font-weight:900;letter-spacing:.055em;color:#687780
}
.staff-dashboard .referral-date-filter-panel input,
.staff-dashboard .referral-date-filter-panel select{height:42px}
@media(max-width:820px){
.staff-dashboard .referral-date-filter-panel{grid-template-columns:1fr 1fr}
.staff-dashboard .referral-date-filter-panel label:first-child{grid-column:1/-1}
}
@media(max-width:560px){
.staff-dashboard .referral-date-filter-panel{grid-template-columns:1fr}
.staff-dashboard .referral-date-filter-panel label:first-child{grid-column:auto}
}
.staff-dashboard .reference-referral-heading .referral-heading-actions form{display:flex;margin:0}
.staff-dashboard .reference-referral-heading .referral-heading-actions form .btn{height:100%}
/* v6.12 — polished referral management and report layouts */
.staff-dashboard .referral-v612-hero{
position:relative;display:flex;align-items:center;justify-content:space-between;gap:22px;
margin:0 0 14px;padding:22px 24px;overflow:hidden;border:1px solid color-mix(in srgb,var(--primary) 22%,#dce4e8);
border-left:6px solid var(--primary);border-radius:0;
background:linear-gradient(120deg,color-mix(in srgb,var(--primary) 7%,#fff) 0%,#fff 58%,color-mix(in srgb,var(--secondary) 10%,#fff) 100%);
box-shadow:0 12px 28px rgba(15,23,42,.06)
}
.staff-dashboard .referral-v612-hero::after{
content:"";position:absolute;right:-70px;top:-90px;width:210px;height:210px;border:30px solid color-mix(in srgb,var(--primary) 8%,transparent);transform:rotate(18deg);pointer-events:none
}
.staff-dashboard .referral-v612-hero-copy{position:relative;z-index:1;min-width:0;max-width:850px}
.staff-dashboard .referral-v612-hero-copy>span{display:block;color:var(--primary);font-size:.68rem;font-weight:900;letter-spacing:.1em}
.staff-dashboard .referral-v612-hero-copy h2{margin:5px 0 7px;font-size:1.72rem;line-height:1.08;color:#172c33}
.staff-dashboard .referral-v612-hero-copy p{margin:0;color:#607078;font-size:.86rem;line-height:1.55}
.staff-dashboard .referral-v612-hero-actions{position:relative;z-index:1;display:flex;justify-content:flex-end;gap:9px;flex-wrap:wrap;min-width:max-content}
.staff-dashboard .referral-v612-hero-actions .btn{min-height:42px}
.staff-dashboard .referral-v612-command{
display:grid;grid-template-columns:minmax(240px,.85fr) minmax(330px,1.25fr) auto;align-items:center;gap:16px;
margin:0 0 14px;padding:13px 15px;border:1px solid #dce5e4;background:#fff;box-shadow:0 7px 18px rgba(15,23,42,.04)
}
.staff-dashboard .referral-v612-api-state{display:flex;align-items:center;gap:10px;min-width:0}
.staff-dashboard .referral-v612-api-state i{flex:0 0 12px;width:12px;height:12px;border-radius:50%;box-shadow:0 0 0 5px rgba(148,163,184,.13)}
.staff-dashboard .referral-v612-api-state.ready i{background:#0c9a70;box-shadow:0 0 0 5px rgba(12,154,112,.13)}
.staff-dashboard .referral-v612-api-state.not-ready i{background:#d69728;box-shadow:0 0 0 5px rgba(214,151,40,.14)}
.staff-dashboard .referral-v612-api-state span,.staff-dashboard .referral-v612-api-state strong,.staff-dashboard .referral-v612-api-state small{display:block}
.staff-dashboard .referral-v612-api-state span{font-size:.61rem;font-weight:900;letter-spacing:.07em;color:#708087}
.staff-dashboard .referral-v612-api-state strong{margin:2px 0;color:#16343b;font-size:.82rem}
.staff-dashboard .referral-v612-api-state small{color:#79878d;font-size:.65rem;line-height:1.35}
.staff-dashboard .referral-v612-flow{display:flex;align-items:center;justify-content:center;gap:9px;min-width:0;padding:9px 12px;background:#f7faf9;border:1px solid #e0e8e7}
.staff-dashboard .referral-v612-flow span{font-size:.65rem;font-weight:900;letter-spacing:.045em;color:#4e6269;text-align:center}
.staff-dashboard .referral-v612-flow b{color:var(--primary);font-size:1rem}
.staff-dashboard .referral-v612-command-actions{display:flex;justify-content:flex-end;gap:8px;flex-wrap:wrap}
.staff-dashboard .referral-v612-command-actions form{display:flex;margin:0}
.staff-dashboard .referral-v612-command-actions .btn{white-space:nowrap}
.staff-dashboard .referral-v612-kpis{gap:10px;margin-bottom:14px}
.staff-dashboard .referral-v612-kpis article{position:relative;min-height:116px;padding:16px 11px;overflow:hidden}
.staff-dashboard .referral-v612-kpis article::after{content:"";position:absolute;right:-24px;bottom:-32px;width:74px;height:74px;border:14px solid rgba(15,23,42,.025);transform:rotate(22deg)}
.staff-dashboard .referral-v612-kpis strong{font-size:1.18rem}
.staff-dashboard .referral-v612-kpis.report{grid-template-columns:repeat(5,minmax(0,1fr))}
.staff-dashboard .referral-v612-section{margin-bottom:14px;box-shadow:0 9px 22px rgba(15,23,42,.045)}
.staff-dashboard .referral-v612-section .reference-panel-head{padding:14px 16px;border-left:4px solid var(--primary)}
.staff-dashboard .referral-v612-section-meta{display:flex;align-items:center;justify-content:flex-end;gap:10px;flex-wrap:wrap}
.staff-dashboard .referral-v612-section-meta>strong{font-size:.7rem;color:var(--primary);white-space:nowrap}
.staff-dashboard .referral-v612-section .data-table thead th{position:sticky;top:0;z-index:2;background:#f5f8f8}
.staff-dashboard .referral-v612-section .data-table tbody tr:hover{background:color-mix(in srgb,var(--primary) 4%,#fff)}
.staff-dashboard .referral-v612-section .data-table td{vertical-align:top}
.staff-dashboard .referral-v612-section .data-table td>strong:first-child{color:#17333a}
.staff-dashboard .referral-report-filter-card{padding:0;margin:0 0 14px;overflow:hidden;border:1px solid #dce5e4;border-radius:0;box-shadow:0 8px 20px rgba(15,23,42,.045)}
.staff-dashboard .referral-report-filter-card>header{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:13px 16px;border-bottom:1px solid #e0e7e7;background:#f7faf9}
.staff-dashboard .referral-report-filter-card>header span{display:block;color:var(--primary);font-size:.64rem;font-weight:900;letter-spacing:.08em}
.staff-dashboard .referral-report-filter-card>header h2{margin:3px 0;font-size:1rem}
.staff-dashboard .referral-report-filter-card>header p{margin:0;color:#68777d;font-size:.72rem;line-height:1.45}
.staff-dashboard .referral-report-filter-card>header>strong{max-width:420px;text-align:right;color:var(--primary);font-size:.7rem;line-height:1.45}
.staff-dashboard .referral-report-filter-card .referral-date-filter-panel{display:grid;grid-template-columns:minmax(210px,1.2fr) minmax(160px,.8fr) minmax(160px,.8fr) auto;align-items:end;gap:10px;margin:0;padding:14px 16px;border:0;background:#fff}
.staff-dashboard .referral-report-filter-card .referral-date-filter-panel label{display:grid;gap:6px;min-width:0}
.staff-dashboard .referral-report-filter-card .referral-date-filter-panel label>span{font-size:.64rem;font-weight:900;letter-spacing:.055em;color:#687780}
.staff-dashboard .referral-report-filter-card .referral-date-filter-panel input,
.staff-dashboard .referral-report-filter-card .referral-date-filter-panel select{width:100%;height:43px}
.staff-dashboard .referral-filter-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px}
.staff-dashboard .referral-filter-actions .btn{white-space:nowrap}
.staff-dashboard [data-referral-custom-date][hidden]{display:none!important}
@media(max-width:1180px){
.staff-dashboard .referral-v612-command{grid-template-columns:1fr 1fr}
.staff-dashboard .referral-v612-command-actions{grid-column:1/-1;justify-content:center}
.staff-dashboard .referral-v612-kpis.report{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(max-width:820px){
.staff-dashboard .referral-v612-hero{align-items:stretch;flex-direction:column;text-align:center;padding:17px 14px}
.staff-dashboard .referral-v612-hero-copy{max-width:none}
.staff-dashboard .referral-v612-hero-actions{display:grid;grid-template-columns:1fr 1fr;min-width:0;width:100%}
.staff-dashboard .referral-v612-command{grid-template-columns:1fr;padding:12px}
.staff-dashboard .referral-v612-command-actions{grid-column:auto;display:grid;grid-template-columns:1fr 1fr}
.staff-dashboard .referral-v612-command-actions form,.staff-dashboard .referral-v612-command-actions .btn{width:100%}
.staff-dashboard .referral-report-filter-card>header{align-items:stretch;flex-direction:column;text-align:center}
.staff-dashboard .referral-report-filter-card>header>strong{max-width:none;text-align:center}
.staff-dashboard .referral-report-filter-card .referral-date-filter-panel{grid-template-columns:1fr 1fr}
.staff-dashboard .referral-period-field,.staff-dashboard .referral-filter-actions{grid-column:1/-1}
.staff-dashboard .referral-filter-actions{justify-content:center}
.staff-dashboard .referral-v612-section-meta{justify-content:center}
}
@media(max-width:560px){
.staff-dashboard .referral-v612-hero-copy h2{font-size:1.38rem}
.staff-dashboard .referral-v612-hero-actions,.staff-dashboard .referral-v612-command-actions{grid-template-columns:1fr}
.staff-dashboard .referral-v612-flow{gap:5px;padding:9px 6px}
.staff-dashboard .referral-v612-flow span{font-size:.58rem}
.staff-dashboard .referral-v612-kpis,.staff-dashboard .referral-v612-kpis.report{grid-template-columns:repeat(2,minmax(0,1fr))}
.staff-dashboard .referral-v612-kpis article{min-height:104px;padding:12px 7px}
.staff-dashboard .referral-v612-kpis strong{font-size:1rem}
.staff-dashboard .referral-report-filter-card .referral-date-filter-panel{grid-template-columns:1fr;padding:11px}
.staff-dashboard .referral-period-field,.staff-dashboard .referral-filter-actions{grid-column:auto}
.staff-dashboard .referral-filter-actions{display:grid;grid-template-columns:1fr 1fr;width:100%}
.staff-dashboard .referral-filter-actions .btn{width:100%}
}
/* v6.13 — clearer pending-bill cards and food-item popup */
.management-bill-grid{grid-template-columns:repeat(auto-fill,minmax(380px,1fr));gap:16px;align-items:start}
.management-bill-card{position:relative;border:1px solid #d9e0e8;border-left:5px solid var(--primary);box-shadow:0 12px 30px rgba(15,23,42,.07)}
.management-bill-card-head{display:grid!important;grid-template-columns:42px minmax(0,1fr) auto;align-items:center!important;padding:12px 14px!important;background:linear-gradient(90deg,color-mix(in srgb,var(--primary) 6%,#fff),#fff)!important}
.management-bill-record-number{width:34px;height:34px;display:grid;place-items:center;border-radius:4px;background:var(--primary);color:#fff;font-size:.72rem;font-weight:950;letter-spacing:.06em;box-shadow:0 5px 12px color-mix(in srgb,var(--primary) 25%,transparent)}
.management-bill-identity{display:grid;min-width:0}.management-bill-identity>small{font-size:.5rem;font-weight:950;letter-spacing:.11em;color:#8a929d}.management-bill-identity>a{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-top:1px;font-size:.9rem!important}.management-bill-identity>time{margin-top:2px;color:#7b838e;font-size:.58rem}
.management-bill-owner{display:grid;grid-template-columns:130px minmax(0,1fr);border-bottom:1px solid #e5e9ee}
.management-bill-table-focus,.management-bill-customer-focus{display:grid;align-content:center;min-height:78px;padding:13px 14px}
.management-bill-table-focus{background:color-mix(in srgb,var(--primary) 9%,#fff);border-right:1px solid #e0e5eb}.management-bill-table-focus small,.management-bill-customer-focus small{font-size:.5rem;font-weight:950;letter-spacing:.1em;color:#7c8590}.management-bill-table-focus strong{margin-top:4px;color:var(--primary);font-size:1.05rem;line-height:1.1}.management-bill-customer-focus b{margin-top:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.83rem}.management-bill-customer-focus span{margin-top:3px;color:#7d8590;font-size:.62rem}
.management-bill-items-trigger{width:calc(100% - 24px);min-height:58px;margin:12px;padding:9px 11px;display:grid;grid-template-columns:38px minmax(0,1fr) auto;align-items:center;gap:10px;border:1px solid color-mix(in srgb,var(--primary) 25%,#dce2e9);border-radius:4px;background:color-mix(in srgb,var(--primary) 4%,#fff);color:#27313a;text-align:left;transition:background .16s ease,border-color .16s ease,transform .16s ease}
.management-bill-items-trigger:hover{background:color-mix(in srgb,var(--primary) 8%,#fff);border-color:var(--primary);transform:translateY(-1px)}
.management-bill-items-icon{width:36px;height:36px;display:grid;place-items:center;border-radius:4px;background:var(--primary);color:#fff}.management-bill-items-icon svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.management-bill-items-trigger>span:nth-child(2){display:grid;min-width:0}.management-bill-items-trigger b{font-size:.68rem;letter-spacing:.045em}.management-bill-items-trigger small{margin-top:3px;color:#747d88;font-size:.55rem}.management-bill-items-trigger em{font-style:normal;color:var(--primary);font-size:1.55rem;line-height:1}
.management-bill-item-preview{min-height:30px;margin:-4px 14px 11px;color:#727b86;font-size:.61rem;line-height:1.45}
.management-bill-items-dialog{width:min(760px,100%)}.management-bill-items-body{display:grid;gap:15px}.management-bill-items-list{display:grid;gap:8px}
.management-bill-item-row{display:grid;grid-template-columns:34px minmax(0,1fr) 125px 90px;align-items:center;gap:10px;padding:11px 12px;border:1px solid #dde3ea;background:#fff}
.management-bill-item-number{width:29px;height:29px;display:grid;place-items:center;background:#edf1f5;color:#5f6874;font-size:.59rem;font-weight:950}.management-bill-item-name{display:grid;min-width:0}.management-bill-item-name b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.76rem}.management-bill-item-name small{margin-top:3px;color:#858d97;font-size:.54rem}.management-bill-item-calculation{display:grid}.management-bill-item-calculation small{font-size:.48rem;font-weight:950;letter-spacing:.07em;color:#8a929c}.management-bill-item-calculation b{margin-top:3px;font-size:.66rem}.management-bill-item-row>strong{text-align:right;color:var(--primary);font-size:.74rem}
.management-bill-items-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border:1px solid #dce2e8;background:#fff}.management-bill-items-summary>span{display:grid;gap:4px;padding:11px 12px}.management-bill-items-summary>span+span{border-left:1px solid #e3e7ec}.management-bill-items-summary small{font-size:.48rem;font-weight:950;letter-spacing:.075em;color:#7e8791}.management-bill-items-summary b{font-size:.72rem}.management-bill-items-summary .grand{background:var(--primary);color:#fff}.management-bill-items-summary .grand small{color:rgba(255,255,255,.72)}
.management-bill-items-modal-actions{display:grid;grid-template-columns:1fr 1fr;gap:9px}.management-bill-items-modal-actions .btn{min-height:45px}
@media(max-width:760px){
.management-bill-grid{grid-template-columns:1fr;gap:12px}.management-bill-card-head{grid-template-columns:38px minmax(0,1fr) auto!important;padding:11px 12px!important}.management-bill-record-number{width:32px;height:32px}.management-bill-owner{grid-template-columns:105px minmax(0,1fr)}.management-bill-table-focus,.management-bill-customer-focus{min-height:70px;padding:11px}.management-bill-table-focus strong{font-size:.9rem}.management-bill-items-trigger{width:calc(100% - 20px);margin:10px}.management-bill-item-preview{margin-left:12px;margin-right:12px}
.management-bill-item-row{grid-template-columns:30px minmax(0,1fr) 80px}.management-bill-item-row>strong{grid-column:2/-1;padding-top:7px;border-top:1px dashed #e0e5ea}.management-bill-item-calculation{text-align:right}.management-bill-items-summary{grid-template-columns:1fr 1fr}.management-bill-items-summary>span:nth-child(3){border-left:0;border-top:1px solid #e3e7ec}.management-bill-items-summary>span:nth-child(4){border-top:1px solid #e3e7ec}.management-bill-items-modal-actions{grid-template-columns:1fr}
}
@media(max-width:420px){
.management-bill-owner{grid-template-columns:92px minmax(0,1fr)}.management-bill-card-actions{grid-template-columns:1fr}.management-bill-item-row{grid-template-columns:28px minmax(0,1fr)}.management-bill-item-calculation{grid-column:2;text-align:left}.management-bill-item-row>strong{grid-column:2;text-align:left}
}
/* v6.14 — verify ordered food before creating the final bill */
.management-create-session-card{overflow:hidden;border-left:5px solid #c69224}.management-create-session-card.is-ready{border-left-color:#16845b}.management-create-session-card>header{display:grid;grid-template-columns:36px minmax(0,1fr) auto;align-items:center}.management-create-session-number{width:31px;height:31px;display:grid!important;place-items:center;background:var(--primary);color:#fff;font-size:.62rem;font-weight:950}.management-create-session-person{display:grid!important;min-width:0}.management-create-session-person b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.management-create-session-total{display:grid!important;text-align:right}.management-create-session-total small{font-size:.47rem!important;font-weight:950;letter-spacing:.08em}.management-create-session-total strong{margin-top:3px;font-size:1rem!important;color:var(--primary)}
.management-create-session-meta{grid-template-columns:repeat(4,1fr)}.management-create-session-meta span+span{border-left:1px solid #e4e8ed}.management-create-session-meta .ready{background:#edf9f4;color:#126a4a}.management-create-session-meta .waiting{background:#fff7e4;color:#8b6412}.management-create-session-meta .ready small,.management-create-session-meta .waiting small{color:inherit}
.management-create-session-items{margin:12px;border:1px solid #dce3e8;background:#fff}.management-create-session-items>header{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 11px;border-bottom:1px solid #e3e8ed;background:#f8fafb}.management-create-session-items>header>div{display:flex;align-items:center;gap:9px;min-width:0}.management-create-session-items>header p{display:grid;margin:0;min-width:0}.management-create-session-items>header p b{font-size:.64rem;letter-spacing:.055em}.management-create-session-items>header p small{margin-top:2px;color:#747d86;font-size:.53rem}.management-create-view-all{min-height:34px;padding:6px 9px;border:1px solid color-mix(in srgb,var(--primary) 28%,#d8e0e7);background:#fff;color:var(--primary);font-size:.55rem;font-weight:950;white-space:nowrap;cursor:pointer}.management-create-view-all:hover{border-color:var(--primary);background:color-mix(in srgb,var(--primary) 5%,#fff)}
.management-create-session-preview{display:grid}.management-create-session-preview article{display:grid;grid-template-columns:27px minmax(0,1fr) 105px 72px;align-items:center;gap:8px;padding:9px 10px}.management-create-session-preview article+article{border-top:1px solid #edf0f3}.management-create-session-preview article>span{width:24px;height:24px;display:grid;place-items:center;background:#edf1f4;color:#616a73;font-size:.52rem;font-weight:950}.management-create-session-preview article>div{display:grid;min-width:0}.management-create-session-preview article>div b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.66rem}.management-create-session-preview article>div small{margin-top:2px;color:#838b94;font-size:.49rem}.management-create-session-preview article>em{font-style:normal;text-align:right;color:#68717b;font-size:.56rem}.management-create-session-preview article>strong{text-align:right;color:var(--primary);font-size:.64rem}.management-create-session-more{margin:0;padding:8px 10px;border-top:1px dashed #dfe4e8;background:#fbfcfd;color:#747d87;font-size:.52rem;line-height:1.4}.management-create-session-no-items{display:grid;gap:3px;padding:12px;text-align:center}.management-create-session-no-items b{font-size:.62rem}.management-create-session-no-items span{color:#7b848e;font-size:.55rem}
.management-create-bill-form-v614{border-top:1px solid #e4e8ed;background:#fcfdfd}.management-create-bill-blocked{display:grid;grid-template-columns:32px minmax(0,1fr) auto;align-items:center;gap:9px;margin:12px;padding:10px;border:1px solid #ead9ae;background:#fff8e8}.management-create-bill-blocked>span{width:30px;height:30px;display:grid;place-items:center;background:#c69224;color:#fff;font-weight:950}.management-create-bill-blocked p{display:grid;margin:0}.management-create-bill-blocked b{font-size:.62rem}.management-create-bill-blocked small{margin-top:3px;color:#7b6a45;font-size:.53rem}.management-create-bill-blocked a{padding:8px 9px;border:1px solid #c69224;color:#79580f;font-size:.54rem;font-weight:950;text-decoration:none;white-space:nowrap}
.management-create-modal-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border:1px solid #dce2e8;background:#fff}.management-create-modal-summary span{display:grid;gap:4px;padding:11px 12px}.management-create-modal-summary span+span{border-left:1px solid #e3e7ec}.management-create-modal-summary small{font-size:.48rem;font-weight:950;letter-spacing:.075em;color:#7e8791}.management-create-modal-summary b{font-size:.72rem}.management-create-modal-summary .grand{background:var(--primary);color:#fff}.management-create-modal-summary .grand small{color:rgba(255,255,255,.72)}
@media(max-width:760px){.management-create-session-card>header{grid-template-columns:34px minmax(0,1fr)}.management-create-session-total{grid-column:2;text-align:left!important;margin-top:5px}.management-create-session-meta{grid-template-columns:1fr 1fr}.management-create-session-meta span:nth-child(3){border-left:0;border-top:1px solid #e4e8ed}.management-create-session-meta span:nth-child(4){border-top:1px solid #e4e8ed}.management-create-session-items{margin:10px}.management-create-session-items>header{align-items:stretch;flex-direction:column}.management-create-view-all{width:100%}.management-create-session-preview article{grid-template-columns:25px minmax(0,1fr) 68px}.management-create-session-preview article>em{display:none}.management-create-bill-blocked{grid-template-columns:30px minmax(0,1fr)}.management-create-bill-blocked a{grid-column:1/-1;text-align:center}.management-create-modal-summary{grid-template-columns:1fr 1fr}.management-create-modal-summary span:nth-child(3){border-left:0;border-top:1px solid #e3e7ec}.management-create-modal-summary span:nth-child(4){border-top:1px solid #e3e7ec}}
@media(max-width:420px){.management-create-session-preview article{grid-template-columns:24px minmax(0,1fr)}.management-create-session-preview article>strong{grid-column:2;text-align:left}.management-create-session-meta b{font-size:.63rem}.management-create-session-meta small{font-size:.46rem}}
/* v6.17 — consistent bill/order detail summaries */
.management-pending-bill-meta{margin:0;border-top:1px solid #e4e8ed;border-bottom:1px solid #e4e8ed;background:#fbfcfd}
.management-pending-bill-meta span{min-width:0;text-align:center}
.management-pending-bill-meta b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.management-order-history-meta{margin:0;border-bottom:1px solid #e4e8ed;background:#fbfcfd}
.management-order-history-meta span:last-child b{font-size:.58rem}
.invoice-detailed-v617{overflow:hidden}
.invoice-order-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin:14px 0 16px;border:1px solid #dce2e8;background:#fff}
.invoice-order-summary>span{display:grid;gap:4px;padding:13px 10px;text-align:center}
.invoice-order-summary>span+span{border-left:1px solid #e3e7ec}
.invoice-order-summary b{font-size:.86rem;color:var(--primary)}
.invoice-order-summary small{font-size:.52rem;font-weight:950;letter-spacing:.075em;color:#737d88}
.invoice-order-summary>span:last-child{background:var(--primary)}
.invoice-order-summary>span:last-child b{color:#fff}
.invoice-order-summary>span:last-child small{color:rgba(255,255,255,.76)}
.invoice-detail-title{display:flex;align-items:flex-end;justify-content:space-between;gap:10px;margin:16px 0 8px;padding-bottom:8px;border-bottom:2px solid color-mix(in srgb,var(--primary) 18%,#e6e8eb)}
.invoice-detail-title>span{font-size:.7rem;font-weight:950;letter-spacing:.08em;color:var(--primary)}
.invoice-detail-title>small{font-size:.56rem;color:#727b85;text-align:right}
.invoice-detail-table .invoice-item-name{display:grid;gap:3px}
.invoice-detail-table .invoice-item-name b{font-size:.72rem}
.invoice-detail-table .invoice-item-name small{font-size:.5rem;color:#77808a;font-weight:850;letter-spacing:.04em}
.invoice-payment-list>div>span{display:grid;gap:3px}
.invoice-payment-list>div>span>b{font-size:.66rem}
.invoice-payment-list>div>span>small{font-size:.52rem;color:#747d87}
@media(max-width:760px){
.invoice-order-summary{grid-template-columns:1fr 1fr}
.invoice-order-summary>span:nth-child(3){border-left:0;border-top:1px solid #e3e7ec}
.invoice-order-summary>span:nth-child(4){border-top:1px solid #e3e7ec}
.invoice-detail-title{align-items:flex-start;flex-direction:column}
.invoice-detail-title>small{text-align:left}
}
@media(max-width:420px){
.management-pending-bill-meta b,.management-order-history-meta b{font-size:.61rem}
.management-order-history-meta span:last-child b{font-size:.5rem}
}
@media print{
.invoice-order-summary{break-inside:avoid}
.invoice-detail-title{break-after:avoid}
}
/* v6.19 — compact customer identity, auth spacing and browser-clean mobile entry */
body.customer-app > .customer-summary-panel{
width:min(1180px,calc(100% - 24px));
margin:10px auto 0!important;
}
body.exact-reference-auth .he-auth-page,
body.exact-reference-auth .helogin-page-wrap,
body.exact-reference-auth .heregister-page-wrap{
min-height:auto!important;
padding-bottom:10px!important;
}
body.exact-reference-auth .powered-footer{
margin-top:0!important;
margin-bottom:0!important;
}
body.exact-reference-auth .helogin-back{
margin-bottom:0!important;
}
@media(max-width:620px){
body.customer-app > .customer-summary-panel{width:calc(100% - 16px)!important;margin-top:7px!important}
body.exact-reference-auth .he-auth-page,
body.exact-reference-auth .helogin-page-wrap,
body.exact-reference-auth .heregister-page-wrap{padding-bottom:7px!important}
}
/* v6.20 — customer-view wording, compact auth footer and readable type */
body.customer-app{
font-size:16px;
}
body.customer-app :is(.app-page-head h1,.app-title-panel h1){
font-size:clamp(1.35rem,2.3vw,1.85rem)!important;
}
body.customer-app :is(.app-page-head p,.app-title-panel p,.empty-state p,.customer-summary-cell span){
font-size:.82rem!important;
line-height:1.5;
}
body.customer-app :is(.customer-summary-cell small,.eyebrow,.menu-search span){
font-size:.66rem!important;
}
body.customer-app :is(.customer-summary-cell strong,.summary-change-link,.btn,.add-more-food-cta strong,.order-more-focus-copy strong){
font-size:.78rem!important;
}
body.customer-app :is(.menu-card h3,.cart-item h3,.order-item h3,.bill-card h3){
font-size:.9rem!important;
}
body.customer-app :is(.menu-card p,.cart-item p,.order-item p,.bill-card p,.add-more-food-cta small,.order-more-focus-copy small){
font-size:.7rem!important;
line-height:1.45;
}
body.exact-reference-auth .helogin-page-wrap,
body.exact-reference-auth .heregister-page-wrap,
body.exact-reference-auth .he-auth-page{
min-height:0!important;
padding-top:12px!important;
padding-bottom:4px!important;
}
body.exact-reference-auth .helogin-container,
body.exact-reference-auth .heregister-container{
margin-bottom:4px!important;
}
body.exact-reference-auth :is(.helogin-footer,.heregister-footer){
margin-bottom:4px!important;
padding-bottom:0!important;
}
body.exact-reference-auth .helogin-back{
margin-top:8px!important;
margin-bottom:0!important;
}
body.exact-reference-auth .powered-footer{
margin-top:0!important;
padding-top:8px!important;
padding-bottom:8px!important;
}
body.exact-reference-auth .powered-brand-row{
min-height:0!important;
}
@media(max-width:620px){
body.customer-app{font-size:15px}
body.customer-app :is(.app-page-head h1,.app-title-panel h1){font-size:1.32rem!important}
body.customer-app :is(.customer-summary-cell strong,.summary-change-link,.btn){font-size:.72rem!important}
body.exact-reference-auth .helogin-page-wrap,
body.exact-reference-auth .heregister-page-wrap,
body.exact-reference-auth .he-auth-page{padding-top:8px!important;padding-bottom:2px!important}
body.exact-reference-auth .powered-footer{padding-top:6px!important;padding-bottom:6px!important}
}
/* v6.23 — match My Menu background and remove unused vertical gaps on customer pages */
body.a1-inspired-menu:is(.customer-app){
background:radial-gradient(circle at 12% 4%,color-mix(in srgb,var(--secondary) 12%,#fff),transparent 24%),#f7f5f2!important;
}
body.customer-app :is(.customer-cart-page,.customer-orders-page,.customer-bill-page)>.app-title-panel{
margin-bottom:0!important;
}
body.customer-app :is(.customer-cart-page,.customer-orders-page,.customer-bill-page)>.customer-summary-panel{
margin-top:0!important;
margin-bottom:8px!important;
}
body.customer-app .customer-cart-page .narrow-content,
body.customer-app .customer-orders-page .orders-content,
body.customer-app .customer-bill-page .customer-bills-content{
margin-top:0!important;
}
body.customer-app .customer-cart-page .cart-panel{
margin-top:8px!important;
}
body.customer-app .customer-orders-page .orders-content>.card:first-child,
body.customer-app .customer-bill-page .customer-bills-content>.card:first-child{
margin-top:0!important;
}
@media(max-width:720px){
body.customer-app :is(.customer-cart-page,.customer-orders-page,.customer-bill-page)>.customer-summary-panel{
margin-bottom:6px!important;
}
body.customer-app .customer-cart-page .cart-panel{margin-top:6px!important}
}
/* v6.24 — customer header labels, wide-screen no-wrap, OTP autofill */
.customer-theme-header .customer-desktop-nav,
.customer-theme-header .customer-desktop-nav .nav-item,
.customer-theme-header .customer-desktop-nav .nav-link,
.customer-theme-header .customer-desktop-nav .nav-link > span:last-child{
white-space:nowrap!important;
flex-wrap:nowrap!important;
}
.customer-theme-header .customer-desktop-nav .nav-item{flex:0 0 auto!important}
.customer-theme-header .customer-desktop-nav .nav-link{flex:0 0 auto!important;line-height:1!important}
@media(min-width:1321px){
.customer-theme-header .header-container{width:min(1580px,calc(100% - 40px))!important}
.customer-theme-header .brand-name{max-width:250px!important;flex:0 1 auto!important}
.customer-theme-header .customer-desktop-nav{min-width:0!important;gap:3px!important}
.customer-theme-header .nav-link{font-size:.82rem!important;padding:8px 7px!important;letter-spacing:.018em!important}
.customer-theme-header .btn-book-now{padding:8px 10px!important}
}
/* v6.25 — customer bill records redesign and compact customer-page footer spacing */
body.customer-app .customer-bill-page>.app-title-panel,
body.customer-app .customer-transaction-page>.app-title-panel,
body.customer-app .customer-offers-main>.app-title-panel,
body.customer-app .customer-top-products-main>.app-title-panel{margin-bottom:0!important}
body.customer-app .customer-transaction-page>.customer-summary-panel,
body.customer-app .customer-offers-main>.customer-summary-panel,
body.customer-app .customer-top-products-main>.customer-summary-panel{margin-top:0!important;margin-bottom:8px!important}
body.customer-app .customer-transaction-page .transaction-content,
body.customer-app .customer-offers-main .offers-free-content,
body.customer-app .customer-top-products-main .top-products-content{padding-top:0!important;margin-top:0!important}
body.customer-app .customer-transaction-page,
body.customer-app .customer-offers-main,
body.customer-app .customer-top-products-main{padding-bottom:8px!important}
body.customer-app .customer-transaction-page+.customer-bottom-nav,
body.customer-app .customer-offers-main+.customer-bottom-nav,
body.customer-app .customer-top-products-main+.customer-bottom-nav{margin-top:0!important}
body.customer-app .powered-footer{margin-top:8px!important}
.bill-records-panel{overflow:hidden;background:#fff;border:1px solid color-mix(in srgb,var(--primary) 16%,#e5e7eb);border-top:4px solid var(--primary);box-shadow:0 10px 28px rgba(15,23,42,.055)}
.bill-records-head{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px 20px;background:linear-gradient(135deg,color-mix(in srgb,var(--primary) 7%,#fff),#fff);border-bottom:1px solid #ece5df}
.bill-records-head>div{min-width:0}.bill-records-head .eyebrow{margin-bottom:3px}.bill-records-head h2{margin:0;text-align:left!important;font-size:1.2rem}.bill-records-head p{margin:4px 0 0;color:#776b64;font-size:.72rem}
.bill-records-logout{flex:0 0 auto;padding:9px 12px;background:var(--primary);color:#fff;font-size:.66rem;font-weight:950;letter-spacing:.06em}
.customer-bill-record-list{display:grid}
.customer-bill-record{display:grid;grid-template-columns:52px minmax(210px,1.6fr) minmax(120px,.8fr) minmax(120px,.8fr) minmax(120px,.75fr);align-items:stretch;color:#241f1b;border-bottom:1px solid #eee8e3;background:#fff;transition:background .15s ease,transform .15s ease}
.customer-bill-record:last-child{border-bottom:0}.customer-bill-record:hover{background:color-mix(in srgb,var(--primary) 3%,#fff)}
.customer-bill-record>span{min-width:0;display:grid;align-content:center;gap:3px;padding:13px 14px;border-left:1px solid #eee8e3}
.customer-bill-record-index{border-left:0!important;place-items:center!important;padding:10px 6px!important;background:color-mix(in srgb,var(--primary) 8%,#fff);color:var(--primary);font-size:.78rem;font-weight:950}
.customer-bill-record small{font-size:.52rem;font-weight:950;letter-spacing:.09em;color:#84776f}
.customer-bill-record strong{font-size:.78rem;color:#241f1b;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.customer-bill-record em{font-style:normal;font-size:.58rem;color:#7c7068;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.customer-bill-record-main strong{color:var(--primary);font-size:.84rem}.customer-bill-record-total strong{font-size:.9rem}.customer-bill-record-total em{color:#15803d;font-weight:900}.customer-bill-record-payment em{font-weight:850}
.customer-bill-record-status{justify-items:end;text-align:right}.customer-bill-record-status .badge{font-size:.55rem}.customer-bill-record-status>b{font-size:.55rem;color:var(--primary);letter-spacing:.06em}
.bill-records-panel .empty-state{margin:0;border:0;box-shadow:none}.bill-records-panel .past-bill-login-full{margin:0!important;width:100%!important;border-top:1px solid #e7e0da}
@media(max-width:860px){
.customer-bill-record{grid-template-columns:46px minmax(0,1fr) auto}.customer-bill-record-payment{display:none!important}.customer-bill-record-total{border-left:1px solid #eee8e3}.customer-bill-record-status{grid-column:2/-1;display:flex!important;align-items:center;justify-content:space-between!important;border-top:1px solid #eee8e3;padding-top:8px!important;padding-bottom:8px!important;text-align:left}
}
@media(max-width:620px){
body.customer-app .customer-transaction-page>.customer-summary-panel,
body.customer-app .customer-offers-main>.customer-summary-panel,
body.customer-app .customer-top-products-main>.customer-summary-panel{margin-bottom:6px!important}
body.customer-app .powered-footer{margin-top:5px!important}
.bill-records-head{padding:14px 12px;align-items:flex-start}.bill-records-head h2{font-size:1rem}.bill-records-head p{font-size:.64rem}.bill-records-logout{padding:8px 9px;font-size:.58rem}
.customer-bill-record{grid-template-columns:40px minmax(0,1fr) 96px}.customer-bill-record>span{padding:11px 9px}.customer-bill-record-index{font-size:.68rem}.customer-bill-record-main strong{font-size:.75rem}.customer-bill-record-total strong{font-size:.78rem}.customer-bill-record em{font-size:.52rem}.customer-bill-record-status{grid-column:1/-1;padding-left:10px!important;padding-right:10px!important}
}
/* v6.26 — My Menu background parity, compact spacing and top-product counts */
body.customer-transactions-page,
body.customer-offers-page,
body.customer-top-products-page{
background:radial-gradient(circle at 12% 4%,color-mix(in srgb,var(--secondary) 12%,#fff),transparent 24%),#f7f5f2!important;
}
body.customer-transactions-page .customer-transaction-page,
body.customer-offers-page .customer-offers-main,
body.customer-top-products-page .customer-top-products-main{
min-height:0!important;
padding-bottom:0!important;
}
body.customer-transactions-page .transaction-content,
body.customer-offers-page .offers-free-content,
body.customer-top-products-page .top-products-content{
padding-top:0!important;
padding-bottom:8px!important;
margin-top:0!important;
margin-bottom:0!important;
}
body.customer-transactions-page .transaction-list-section,
body.customer-offers-page .offers-section,
body.customer-top-products-page .top-products-section{
margin-top:8px!important;
margin-bottom:8px!important;
}
body.customer-transactions-page .customer-bottom-nav,
body.customer-offers-page .customer-bottom-nav,
body.customer-top-products-page .customer-bottom-nav{
margin-top:0!important;
}
body.customer-transactions-page .powered-footer,
body.customer-offers-page .powered-footer,
body.customer-top-products-page .powered-footer{
margin-top:0!important;
padding-top:7px!important;
padding-bottom:7px!important;
}
body.customer-top-products-page .restaurant-best-section .section-head h2,
body.customer-top-products-page .my-best-section .section-head h2{
font-size:clamp(1.35rem,2.1vw,1.9rem)!important;
line-height:1.08!important;
letter-spacing:.015em!important;
}
.top-product-counts{
display:grid!important;
grid-template-columns:repeat(2,minmax(72px,1fr))!important;
min-width:176px!important;
align-self:stretch!important;
padding:0!important;
border-left:1px solid #eee6e0;
}
.top-product-counts>span{
display:grid;
place-content:center;
gap:4px;
padding:10px 12px;
text-align:center;
}
.top-product-counts>span+span{border-left:1px solid #eee6e0}
.top-product-counts small{font-size:.58rem!important;letter-spacing:.07em!important;white-space:nowrap}
.top-product-counts strong{font-size:1rem!important;color:var(--primary)!important}
@media(max-width:720px){
body.customer-transactions-page .transaction-list-section,
body.customer-offers-page .offers-section,
body.customer-top-products-page .top-products-section{margin-top:6px!important;margin-bottom:6px!important}
.top-product-counts{min-width:132px!important;grid-template-columns:repeat(2,minmax(60px,1fr))!important}
.top-product-counts>span{padding:8px 6px}
.top-product-counts small{font-size:.49rem!important}
.top-product-counts strong{font-size:.86rem!important}
}
@media(max-width:520px){
.top-product-row{grid-template-columns:auto 64px minmax(0,1fr)!important}
.top-product-counts{grid-column:2/-1;width:100%;min-width:0!important;border-left:0;border-top:1px solid #eee6e0}
}
/* v6.27 — customer demand trend on Top Products */
body.customer-top-products-page .restaurant-best-section .demand-trend{
min-width:112px;
display:flex;
flex-direction:column;
align-items:center;
justify-content:center;
gap:2px;
padding:8px 10px;
border-left:1px solid color-mix(in srgb,var(--primary) 14%,#e5e7eb);
white-space:nowrap;
}
body.customer-top-products-page .restaurant-best-section .demand-trend strong{font-size:1rem;line-height:1;font-weight:900;letter-spacing:.02em}
body.customer-top-products-page .restaurant-best-section .demand-trend small{font-size:.52rem;line-height:1.15;font-weight:800;letter-spacing:.08em}
body.customer-top-products-page .restaurant-best-section .demand-trend.is-up strong,
body.customer-top-products-page .restaurant-best-section .demand-trend.is-new strong{color:#087a47}
body.customer-top-products-page .restaurant-best-section .demand-trend.is-down strong{color:#a43b35}
body.customer-top-products-page .restaurant-best-section .demand-trend.is-steady strong{color:var(--primary)}
@media(max-width:560px){
body.customer-top-products-page .restaurant-best-section .top-product-row{grid-template-columns:28px 52px minmax(0,1fr) 86px}
body.customer-top-products-page .restaurant-best-section .demand-trend{min-width:86px;padding:6px 5px}
body.customer-top-products-page .restaurant-best-section .demand-trend strong{font-size:.78rem}
body.customer-top-products-page .restaurant-best-section .demand-trend small{font-size:.42rem;letter-spacing:.04em}
}
.food-rating-summary{display:flex;align-items:center;gap:8px;margin:5px 0 2px}.food-rating-summary strong{font-size:15px}.food-rating-summary small{font-size:10px;font-weight:800;letter-spacing:.04em}.verified-food-rating-form{display:grid;grid-template-columns:minmax(130px,1fr) 120px minmax(160px,1.4fr) auto;gap:8px;align-items:center;padding:10px 12px;margin:0 0 10px;background:rgba(255,255,255,.68);border:1px solid rgba(15,23,42,.1)}.verified-food-rating-form div{display:flex;flex-direction:column}.verified-food-rating-form small{font-size:10px;font-weight:800}.verified-food-rating-form select,.verified-food-rating-form input{margin:0;min-height:40px}@media(max-width:720px){.verified-food-rating-form{grid-template-columns:1fr 1fr}.verified-food-rating-form input{grid-column:1/-1}.verified-food-rating-form button{grid-column:1/-1}}
/* v629: verified food ratings live on Bill Details only */
.bill-food-rating-section{margin:16px 0 6px;padding-top:2px}.bill-food-rating-section .invoice-detail-title{margin-bottom:10px}.bill-verified-food-rating-form{margin-bottom:8px}.bill-rating-login-note{margin:16px 0;padding:14px;border:1px solid rgba(15,23,42,.12);background:rgba(255,255,255,.72);text-align:center}.bill-rating-login-note strong{display:block;font-size:15px}.bill-rating-login-note p{margin:5px 0 10px;font-size:13px}
/* v630 compact customer payment and paid-bill optional rating */
.payment-choice-grid.payment-choice-compact{grid-template-columns:repeat(4,minmax(0,1fr));gap:7px}
.payment-choice-grid.payment-choice-compact label{min-height:68px;padding:8px 9px;grid-template-columns:24px minmax(0,1fr);grid-template-rows:auto auto;align-items:center;justify-items:start;column-gap:7px;row-gap:0}
.payment-choice-grid.payment-choice-compact label>span{grid-row:1/3;font-size:1.05rem}
.payment-choice-grid.payment-choice-compact label>strong{font-size:.72rem;line-height:1.1}
.payment-choice-grid.payment-choice-compact label>small{font-size:.58rem;line-height:1.15}
.payment-choice-grid.payment-choice-compact input{right:6px;top:6px}
.payment-choice-grid.payment-choice-compact .payment-save{min-height:42px;margin-top:1px}
.payment-options.payment-options-compact{display:flex;align-items:center;gap:7px;flex-wrap:wrap;padding:10px;border:1px solid #e2d8d0;background:#fffaf5}
.payment-options.payment-options-compact label{display:flex;align-items:center;gap:5px;padding:7px 9px;border:1px solid #dfd5cd;background:#fff;font-size:.72rem;white-space:nowrap}
.payment-options.payment-options-compact label input{width:auto;margin:0}
.payment-options.payment-options-compact .btn{min-height:36px;padding:8px 13px;margin-left:auto;font-size:.72rem}
.bill-rating-option{margin:14px 0 8px;border:1px solid #d9d0c8;background:#fff}
.bill-rating-option>summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px;cursor:pointer;font-weight:900}
.bill-rating-option>summary::-webkit-details-marker{display:none}
.bill-rating-option>summary span{display:flex;align-items:center;gap:8px}
.bill-rating-option>summary small,.bill-rating-option-login small{font-size:.58rem;letter-spacing:.08em;color:#64748b}
.bill-rating-option>summary>b{font-size:1.15rem}.bill-rating-option[open]>summary>b{transform:rotate(45deg)}
.bill-rating-option-body{padding:0 12px 10px;border-top:1px solid #eee6df}.bill-rating-option-body>p{margin:10px 0;font-size:.76rem;color:#6b625c}
.bill-rating-option-login{margin:14px 0 8px}
@media(max-width:720px){.payment-choice-grid.payment-choice-compact{grid-template-columns:1fr 1fr}.payment-choice-grid.payment-choice-compact label{min-height:62px}.payment-options.payment-options-compact{display:grid;grid-template-columns:1fr 1fr}.payment-options.payment-options-compact .btn{grid-column:1/-1;width:100%;margin:0}.bill-rating-option .verified-food-rating-form{grid-template-columns:1fr 1fr}}
/* v632 — verified food rating from My Bill Records only */
.customer-bill-record{color:inherit;text-decoration:none}
.bill-record-actions{display:flex;align-items:center;justify-content:flex-end;gap:6px;flex-wrap:wrap;margin-top:5px}
.bill-record-actions a{display:inline-flex;align-items:center;justify-content:center;min-height:30px;padding:6px 9px;border:1px solid #ded5ce;background:#fff;color:#30251f;font-size:.58rem;font-weight:900;letter-spacing:.05em;text-decoration:none;white-space:nowrap}
.bill-record-actions .rate-food-action{border-color:color-mix(in srgb,var(--primary) 40%,#ded5ce);background:color-mix(in srgb,var(--primary) 7%,#fff);color:var(--primary)}
.customer-rate-food-main{background:var(--customer-page-bg,#f8f2ed);min-height:calc(100vh - 150px);padding-bottom:8px}
.customer-rate-food-content{width:min(1000px,calc(100% - 24px));margin-inline:auto;padding-top:0!important}
.rate-food-bill-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border:1px solid #e4dad3;background:#fff;margin:8px 0;overflow:hidden}
.rate-food-bill-summary>span{display:grid;gap:3px;padding:11px 12px;text-align:center}
.rate-food-bill-summary>span+span{border-left:1px solid #eee5df}
.rate-food-bill-summary small{font-size:.57rem;font-weight:900;letter-spacing:.08em;color:#776b63}
.rate-food-bill-summary strong{font-size:.82rem;color:#30251f}
.rate-food-item-list{display:grid;gap:10px;margin:8px 0}
.rate-food-item-card{display:grid;grid-template-columns:88px minmax(170px,.8fr) minmax(280px,1.7fr);align-items:stretch;border:1px solid #e1d8d1;background:#fff;overflow:hidden}
.rate-food-item-image{min-height:112px;background:#f0e8e1;display:grid;place-items:center;overflow:hidden;font-size:1.7rem}
.rate-food-item-image img{width:100%;height:100%;min-height:112px;object-fit:cover}
.rate-food-item-head{display:grid;align-content:center;gap:4px;padding:12px;border-right:1px solid #eee5df}
.rate-food-item-head small{font-size:.57rem;font-weight:900;letter-spacing:.06em;color:#756960}
.rate-food-item-head h2{margin:0;font-size:.94rem;line-height:1.15;text-transform:uppercase}
.rate-food-item-head em{font-style:normal;font-size:.56rem;font-weight:900;color:var(--primary);letter-spacing:.05em}
.rate-food-record-form{display:grid;grid-template-columns:170px minmax(160px,1fr) auto;align-items:center;gap:9px;padding:10px 12px}
.rate-food-record-form textarea{min-height:60px;resize:vertical;margin:0}
.rate-food-record-form .btn{min-height:42px;white-space:nowrap}
.star-rating-input{display:flex;flex-direction:row-reverse;justify-content:flex-end;gap:2px}
.star-rating-input input{position:absolute;opacity:0;pointer-events:none}
.star-rating-input label{cursor:pointer;font-size:1.65rem;line-height:1;color:#d8d0c9;transition:.15s ease}
.star-rating-input label:hover,.star-rating-input label:hover~label,.star-rating-input input:checked~label{color:#f2a900}
.rate-food-back{display:flex;justify-content:center;margin:10px 0 4px}
@media(max-width:760px){
.customer-bill-record-status{min-width:112px}
.bill-record-actions{justify-content:center}
.rate-food-item-card{grid-template-columns:74px minmax(0,1fr)}
.rate-food-item-image{min-height:88px}
.rate-food-item-image img{min-height:88px}
.rate-food-item-head{border-right:0}
.rate-food-record-form{grid-column:1/-1;grid-template-columns:1fr 1fr;border-top:1px solid #eee5df}
.rate-food-record-form textarea{grid-column:1/-1}
.rate-food-record-form .btn{grid-column:1/-1;width:100%}
}
@media(max-width:520px){
.rate-food-bill-summary{grid-template-columns:1fr}
.rate-food-bill-summary>span+span{border-left:0;border-top:1px solid #eee5df}
.rate-food-record-form{grid-template-columns:1fr}
.star-rating-input{justify-content:center}
.rate-food-record-form textarea,.rate-food-record-form .btn{grid-column:auto}
}
/* ============================================================
V639 SUPER ADMIN WEBSITE DESIGNER — STAFF WORKSPACE LAYOUT
============================================================ */
.website-designer-workspace{display:grid;gap:14px;max-width:1600px;margin:0 auto}
.designer-command-hero{position:relative;overflow:hidden;display:grid;grid-template-columns:minmax(0,1.45fr) minmax(240px,.55fr);gap:24px;align-items:stretch;min-height:260px;padding:30px;background:linear-gradient(135deg,#172033 0%,#101827 60%,#0b1220 100%);border:1px solid #27344a;color:#fff;box-shadow:0 14px 38px rgba(15,23,42,.16)}
.designer-command-hero:before{content:"";position:absolute;width:360px;height:360px;right:-125px;top:-175px;border:65px solid rgba(56,189,248,.10);border-radius:50%}
.designer-command-hero:after{content:"";position:absolute;width:260px;height:260px;left:45%;bottom:-210px;background:rgba(56,189,248,.07);border-radius:50%}
.designer-command-copy{position:relative;z-index:2;display:flex;flex-direction:column;justify-content:center;align-items:flex-start}
.designer-command-copy>span,.designer-panel-head>div>span,.designer-section-head>div>span{color:#38bdf8;font-size:.62rem;font-weight:950;letter-spacing:.14em}
.designer-command-copy h2{max-width:900px;margin:9px 0 13px;color:#fff;font-size:clamp(1.6rem,3vw,2.8rem);line-height:1.02;letter-spacing:-.04em}
.designer-command-copy p{max-width:850px;margin:0;color:rgba(255,255,255,.7);font-size:.77rem;line-height:1.7}
.designer-command-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:22px}
.designer-command-actions .btn.outline{color:#fff;border-color:rgba(255,255,255,.26);background:rgba(255,255,255,.04)}
.designer-command-visual{position:relative;z-index:2;min-height:200px;display:grid;place-content:center;justify-items:center;gap:9px;padding:24px;background:rgba(255,255,255,.055);border:1px solid rgba(255,255,255,.12)}
.designer-command-visual>span{width:65px;height:65px;display:grid;place-items:center;color:#172033;background:#38bdf8}
.designer-command-visual svg{width:34px;height:34px;fill:none;stroke:currentColor;stroke-width:1.7}
.designer-command-visual strong{color:#fff;font-size:1.28rem;line-height:1.02;text-align:center;letter-spacing:.04em}
.designer-command-visual small{color:rgba(255,255,255,.55);font-size:.5rem;font-weight:900;letter-spacing:.12em}
.designer-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.designer-metrics article{display:grid;grid-template-columns:48px minmax(0,1fr);align-items:center;gap:12px;min-height:94px;padding:15px;background:#fff;border:1px solid #dfe5ec;border-top:4px solid #172033;box-shadow:0 7px 20px rgba(15,23,42,.045)}
.designer-metrics article>span{width:45px;height:45px;display:grid;place-items:center;color:#172033;background:#eef3f8}
.designer-metrics svg{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:1.7}
.designer-metrics article>div{display:grid;gap:2px}
.designer-metrics small{color:#697386;font-size:.55rem;font-weight:950;letter-spacing:.08em}
.designer-metrics strong{color:#172033;font-size:1.55rem;line-height:1}
.designer-metrics b{color:#8590a0;font-size:.55rem;font-weight:800}
.designer-workspace-tabs{position:sticky;top:74px;z-index:120;display:flex;gap:5px;overflow-x:auto;padding:7px;background:#fff;border:1px solid #dde3ea;box-shadow:0 7px 20px rgba(15,23,42,.05);scrollbar-width:none}
.designer-workspace-tabs::-webkit-scrollbar{display:none}
.designer-workspace-tabs a{flex:0 0 auto;min-height:38px;display:inline-flex;align-items:center;justify-content:center;padding:0 13px;color:#556174;background:#f6f8fa;border:1px solid #e4e8ee;font-size:.58rem;font-weight:950;letter-spacing:.06em}
.designer-workspace-tabs a:hover{color:#fff;background:#172033;border-color:#172033}
.designer-panel,.designer-section{scroll-margin-top:135px}
.designer-panel{padding:0!important;overflow:hidden}
.designer-panel-head,.designer-section-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px}
.designer-panel-head{padding:20px 22px;background:#fff;border-bottom:1px solid #e0e5eb}
.designer-panel-head h2,.designer-section-head h2{margin:5px 0 6px;color:#202733;font-size:1.25rem;line-height:1.08}
.designer-panel-head p,.designer-section-head p{max-width:830px;margin:0;color:#717b89;font-size:.69rem;line-height:1.55}
.designer-panel-head>b{flex:0 0 auto;padding:8px 10px;color:#172033;background:#eaf6ff;border:1px solid #b9e4fb;font-size:.53rem;letter-spacing:.07em}
.designer-upload-layout{display:grid;grid-template-columns:minmax(260px,.85fr) minmax(340px,1.15fr);gap:20px;padding:22px}
.designer-upload-guide{display:grid;gap:10px;padding:18px;background:#f6f8fb;border:1px solid #dfe5ec}
.designer-upload-guide>strong{color:#172033;font-size:.66rem;letter-spacing:.075em}
.designer-upload-guide>div{display:grid;grid-template-columns:32px minmax(0,1fr);gap:10px;align-items:start;padding:10px;background:#fff;border:1px solid #e4e8ee}
.designer-upload-guide>div>span{width:30px;height:30px;display:grid;place-items:center;color:#fff;background:#172033;font-size:.58rem;font-weight:950}
.designer-upload-guide p{display:grid;gap:3px;margin:0}
.designer-upload-guide p b{color:#2c3441;font-size:.66rem}
.designer-upload-guide p small{color:#778190;font-size:.59rem;line-height:1.4}
.designer-upload-guide em{color:#8b5e10;background:#fff9e8;border:1px solid #f3d899;padding:10px;font-size:.58rem;line-height:1.45}
.designer-upload-form{display:grid;align-content:center;gap:12px}
.designer-file-drop{position:relative;min-height:190px;display:grid;place-content:center;justify-items:center;gap:8px;padding:24px;color:#172033;background:linear-gradient(135deg,#fbfdff,#eef7fc);border:2px dashed #91cce8;cursor:pointer;text-align:center;transition:.2s ease}
.designer-file-drop:hover{background:#eaf7fd;border-color:#38bdf8}
.designer-file-drop>span{width:58px;height:58px;display:grid;place-items:center;color:#fff;background:#172033}
.designer-file-drop svg{width:29px;height:29px;fill:none;stroke:currentColor;stroke-width:1.7}
.designer-file-drop strong{font-size:.77rem;letter-spacing:.045em}
.designer-file-drop small{max-width:380px;color:#687486;font-size:.64rem;line-height:1.4;overflow-wrap:anywhere}
.designer-file-drop input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer}
.designer-upload-form>.btn{min-height:48px}
.designer-section{display:grid;gap:12px;padding:20px;background:#fff;border:1px solid #dfe5ec;box-shadow:0 7px 20px rgba(15,23,42,.045)}
.designer-section-head{padding-bottom:14px;border-bottom:1px solid #e4e8ed}
.designer-search{width:min(330px,100%);min-height:42px;display:flex;align-items:center;gap:8px;padding:0 11px;background:#f7f9fb;border:1px solid #dfe5ec}
.designer-search>span{width:20px;height:20px;color:#172033}
.designer-search svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8}
.designer-search input{width:100%;height:40px!important;padding:0!important;border:0!important;background:transparent!important;box-shadow:none!important;font-size:.62rem!important;font-weight:850}
.professional-theme-library{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px;margin:0}
.professional-theme-library .theme-catalog-card{min-width:0;overflow:hidden;background:#fff;border:1px solid #dfe5ec;box-shadow:0 8px 24px rgba(15,23,42,.055);transition:.18s ease}
.professional-theme-library .theme-catalog-card:hover{transform:translateY(-3px);box-shadow:0 16px 35px rgba(15,23,42,.10)}
.theme-card-preview{position:relative;height:190px;overflow:hidden;background:#edf2f6;border-bottom:1px solid #dfe5ec}
.theme-upload-preview{width:100%;height:100%;object-fit:cover;display:block}
.theme-preview-window{height:100%;box-sizing:border-box;padding:22px;display:flex;flex-direction:column;justify-content:center;gap:8px;background:#f4ede6;color:#57240e}
.theme-preview-window>span{height:8px;width:55%;background:currentColor;opacity:.2}
.theme-preview-window small{font-weight:850}
.theme-preview-window b{align-self:flex-start;padding:8px 12px;background:#7c2d12;color:#fff}
.theme-type-badge{position:absolute;left:10px;top:10px;padding:6px 8px;color:#fff;background:#172033;border:1px solid rgba(255,255,255,.4);font-size:.49rem;font-weight:950;letter-spacing:.08em}
.theme-type-badge.custom{background:#09654f}.theme-type-badge.system{background:#172033}
.theme-card-content{display:grid;gap:11px;padding:15px}
.theme-card-title{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}
.theme-card-title h3{margin:0;color:#202733;font-size:.91rem;line-height:1.15}
.theme-card-title small{display:block;margin-top:4px;color:#8a94a3;font-size:.47rem;font-weight:900;letter-spacing:.08em}
.theme-card-title>b{flex:0 0 auto;padding:6px 7px;color:#172033;background:#eef3f8;border:1px solid #d8e0e8;font-size:.49rem;letter-spacing:.04em}
.theme-card-content>p{margin:0;color:#6e7887;font-size:.64rem;line-height:1.52}
.theme-card-actions{display:flex;gap:7px;flex-wrap:wrap;padding-top:2px}.theme-card-actions form{margin:0}.theme-card-actions button[disabled]{cursor:not-allowed;opacity:.62}
.theme-use-status{display:grid;gap:4px;padding:10px;border:1px solid}
.theme-use-status strong{font-size:.55rem;letter-spacing:.055em}.theme-use-status>span{font-size:.58rem;line-height:1.45}
.theme-use-status.in-use{color:#8a2c0d;background:#fff7ed;border-color:#fdba74}.theme-use-status.not-used{color:#166534;background:#f0fdf4;border-color:#86efac}.theme-use-status.system-theme{color:#334155;background:#f8fafc;border-color:#cbd5e1}
.theme-assigned-restaurants{display:grid;gap:5px;margin-top:5px}.theme-assigned-restaurants a{display:flex;justify-content:space-between;gap:8px;padding:7px 8px;color:#7c2d12;background:#fff;border:1px solid #fed7aa;font-size:.57rem;font-weight:900}.theme-assigned-restaurants a small{color:#64748b;font-size:.51rem;font-weight:700}
.theme-preview-modern{border-radius:14px}.theme-preview-modern .theme-preview-window{background:#eef6f7;color:#063844}.theme-preview-modern .theme-preview-window b{background:#063844;border-radius:999px}.theme-preview-premium .theme-preview-window{background:#11100e;color:#f6bd55}.theme-preview-premium .theme-preview-window b{background:#f6bd55;color:#111}.theme-preview-cafe .theme-preview-window{background:#fff6e9;color:#80441f}.theme-preview-cafe .theme-preview-window b{background:#a65627}.theme-preview-fast-food .theme-preview-window{background:#fff8cf;color:#171717;border:3px solid #171717}.theme-preview-fast-food .theme-preview-window b{background:#dc2626}.theme-preview-fine-dining .theme-preview-window{background:#f5f1e9;color:#382f27;font-family:Georgia,serif;text-align:center}.theme-preview-fine-dining .theme-preview-window b{align-self:center;background:#382f27}
.professional-assignment-list{display:grid;gap:10px}
.professional-design-row{display:grid;grid-template-columns:minmax(230px,1.2fr) minmax(220px,1fr) 145px 145px minmax(160px,auto);align-items:end;gap:12px;padding:14px;background:#f8fafc;border:1px solid #dfe5ec;transition:.18s ease}
.professional-design-row:hover{background:#fff;border-color:#cbd5e1;box-shadow:0 8px 24px rgba(15,23,42,.055)}
.professional-design-row:target{outline:3px solid #38bdf8;outline-offset:2px;background:#eff9ff}
.website-design-restaurant{display:grid!important;grid-template-columns:44px minmax(0,1fr);gap:10px;align-items:center}
.restaurant-design-avatar{width:42px;height:42px;display:grid;place-items:center;color:#fff;background:#172033;font-size:.8rem;font-weight:950}
.website-design-restaurant>div{min-width:0;display:grid;gap:3px}
.website-design-restaurant strong{color:#202733;font-size:.72rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.website-design-restaurant small{margin:0!important;color:#748091!important;font-size:.55rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.restaurant-design-status{width:max-content;padding:4px 6px;color:#475569;background:#e8edf2;font-size:.46rem;letter-spacing:.06em}.restaurant-design-status.status-active{color:#166534;background:#dcfce7}.restaurant-design-status.status-suspended,.restaurant-design-status.status-closed{color:#991b1b;background:#fee2e2}.restaurant-design-status.status-trial{color:#854d0e;background:#fef3c7}
.designer-field{display:grid;gap:6px}.designer-field>span{color:#596477;font-size:.52rem;font-weight:950;letter-spacing:.06em}.designer-field>small{color:#87909d;font-size:.48rem;font-weight:850}
.designer-field select{width:100%;min-height:42px}
.designer-color-control{display:grid;grid-template-columns:52px minmax(0,1fr);align-items:center;gap:7px;min-height:42px;padding:4px;background:#fff;border:1px solid #d8dee6}
.designer-color-control input{width:52px!important;height:32px!important;padding:0!important;border:0!important;background:transparent!important}.designer-color-control code{min-width:0;color:#465162;font-size:.56rem;font-weight:900;white-space:nowrap}
.website-design-actions{display:grid;grid-template-columns:1fr;gap:6px}.website-design-actions .btn{min-height:40px;text-align:center}.preview-unavailable{padding:8px;color:#8a6262;background:#fff3f3;border:1px solid #f0cccc;font-size:.49rem;font-weight:850;text-align:center;line-height:1.3}
.designer-empty-state{margin:0;padding:28px;color:#6b7280;background:#f8fafc;border:1px dashed #cbd5e1;text-align:center;font-size:.7rem;font-weight:850}
.designer-help-strip{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:16px 18px;color:#fff;background:#172033;border:1px solid #27344a}
.designer-help-strip>div{display:flex;align-items:center;gap:12px}.designer-help-strip>div>span{width:42px;height:42px;display:grid;place-items:center;color:#172033;background:#38bdf8}.designer-help-strip svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.8}.designer-help-strip p{display:grid;gap:4px;margin:0}.designer-help-strip strong{font-size:.65rem;letter-spacing:.055em}.designer-help-strip small{color:rgba(255,255,255,.66);font-size:.59rem;line-height:1.4}.designer-help-strip .btn.outline{color:#fff;border-color:rgba(255,255,255,.3)}
[data-theme-card][hidden],[data-restaurant-row][hidden]{display:none!important}
@media(min-width:861px){.super-dashboard .website-designer-workspace{margin-top:-5px}.super-dashboard .designer-workspace-tabs{top:74px}}
@media(max-width:1250px){.professional-theme-library{grid-template-columns:repeat(2,minmax(0,1fr))}.professional-design-row{grid-template-columns:minmax(220px,1fr) minmax(210px,1fr) 130px 130px}.website-design-actions{grid-column:1/-1;grid-template-columns:repeat(2,minmax(140px,220px));justify-content:end}.designer-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:860px){.designer-workspace-tabs{top:64px}.designer-command-hero{grid-template-columns:1fr;min-height:auto;padding:22px}.designer-command-visual{min-height:140px}.designer-upload-layout{grid-template-columns:1fr}.designer-section-head{flex-direction:column}.designer-search{width:100%}.professional-design-row{grid-template-columns:1fr 1fr}.website-design-restaurant,.theme-select-field,.website-design-actions{grid-column:1/-1}.website-design-actions{justify-content:stretch}.designer-panel,.designer-section{scroll-margin-top:125px}}
@media(max-width:620px){.website-designer-workspace{gap:8px}.designer-command-hero{padding:17px}.designer-command-copy h2{font-size:1.55rem}.designer-command-copy p{font-size:.67rem}.designer-command-visual{display:none}.designer-command-actions{display:grid;width:100%}.designer-command-actions .btn{width:100%;text-align:center}.designer-metrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.designer-metrics article{grid-template-columns:35px minmax(0,1fr);min-height:77px;padding:10px;gap:8px}.designer-metrics article>span{width:34px;height:34px}.designer-metrics svg{width:18px;height:18px}.designer-metrics strong{font-size:1.22rem}.designer-workspace-tabs{padding:5px}.designer-workspace-tabs a{min-height:34px;padding:0 9px;font-size:.5rem}.designer-panel-head,.designer-section{padding:14px}.designer-panel-head{flex-direction:column}.designer-upload-layout{padding:14px}.designer-upload-guide{padding:12px}.designer-file-drop{min-height:150px;padding:15px}.professional-theme-library{grid-template-columns:1fr}.theme-card-preview{height:180px}.professional-design-row{grid-template-columns:1fr 1fr;padding:11px;gap:9px}.website-design-restaurant,.theme-select-field,.website-design-actions{grid-column:1/-1}.website-design-actions{grid-template-columns:1fr}.designer-help-strip{align-items:stretch;flex-direction:column}.designer-help-strip .btn{width:100%;text-align:center}}
/* ============================================================
V6.40 — FULL SUPER ADMIN PANEL REDESIGN
Staff-layout density, platform theme header, compact sidebar,
professional cards, forms, tables and responsive mobile menu.
============================================================ */
.super-dashboard{
--super-paper:#f3f6f5;
--super-card:#ffffff;
--super-text:#1d282d;
--super-muted:#6d7a80;
--super-line:#dce5e2;
--super-soft:color-mix(in srgb,var(--primary) 6%,#fff);
background:var(--super-paper)!important;
}
.super-dashboard .management-topbar{
height:58px!important;
padding:0 13px!important;
gap:9px!important;
color:#fff!important;
background:var(--primary)!important;
border-bottom:1px solid rgba(255,255,255,.16)!important;
box-shadow:0 5px 18px color-mix(in srgb,var(--primary) 28%,transparent)!important;
}
.super-dashboard .management-topbar-brand{color:#fff!important;gap:8px!important}
.super-dashboard .management-topbar-brand img{width:34px!important;height:34px!important;padding:2px!important;border-color:rgba(255,255,255,.5)!important}
.super-dashboard .management-topbar-brand strong{max-width:520px!important;color:#fff!important;font-size:.83rem!important;letter-spacing:.035em!important;text-transform:uppercase}
.super-dashboard .management-topbar-brand small{margin-top:1px!important;color:rgba(255,255,255,.7)!important;font-size:.46rem!important}
.super-dashboard .management-topbar-actions{gap:7px!important}
.super-dashboard .management-user-name{color:rgba(255,255,255,.8)!important;font-size:.61rem!important;text-transform:uppercase}
.super-dashboard .management-topbar-actions a{min-height:32px!important;display:inline-flex!important;align-items:center!important;padding:0 10px!important;color:#18262b!important;background:var(--secondary)!important;border:1px solid var(--secondary)!important;border-radius:3px!important;font-size:.52rem!important}
.super-dashboard .dashboard-menu-toggle{width:36px!important;height:36px!important;padding:8px!important;color:#fff!important;background:rgba(255,255,255,.1)!important;border-color:rgba(255,255,255,.28)!important;border-radius:3px!important}
.super-dashboard .management-dashboard-shell{grid-template-columns:224px minmax(0,1fr)!important;min-height:calc(100vh - 58px)!important}
.super-dashboard .management-sidebar{top:58px!important;height:calc(100vh - 58px)!important;background:linear-gradient(180deg,var(--primary),color-mix(in srgb,var(--primary) 78%,#07171b))!important}
.super-management-sidebar{background:linear-gradient(180deg,var(--primary),color-mix(in srgb,var(--primary) 78%,#07171b))!important}
.super-management-sidebar .management-sidebar-mobile-head{display:none}
.super-side-nav{gap:0!important;padding:7px 7px 8px!important}
.management-nav-label{display:block;padding:11px 8px 5px;color:rgba(255,255,255,.47);font-size:.45rem;font-weight:950;letter-spacing:.15em}
.super-management-sidebar .management-side-nav a,
.super-management-sidebar .management-sidebar-logout{
min-height:35px!important;
gap:7px!important;
padding:5px 8px!important;
border:0!important;
border-bottom:1px solid rgba(255,255,255,.13)!important;
border-radius:0!important;
color:rgba(255,255,255,.78)!important;
}
.super-management-sidebar .management-side-nav a>span,
.super-management-sidebar .management-sidebar-logout>span{width:17px!important;height:17px!important}
.super-management-sidebar .management-side-nav svg,
.super-management-sidebar .management-sidebar-logout svg{width:16px!important;height:16px!important}
.super-management-sidebar .management-side-nav b,
.super-management-sidebar .management-sidebar-logout b{font-size:.63rem!important;line-height:1.1!important;letter-spacing:.025em!important}
.super-management-sidebar .management-side-nav a:hover{background:rgba(255,255,255,.08)!important;color:#fff!important}
.super-management-sidebar .management-side-nav a.active{color:#fff!important;background:rgba(255,255,255,.13)!important;box-shadow:inset 3px 0 0 var(--secondary)!important}
.super-sidebar-account{margin:auto 7px 5px;padding:8px;display:flex;align-items:center;gap:8px;border:1px solid rgba(255,255,255,.12);background:rgba(0,0,0,.1)}
.super-sidebar-account .management-user-avatar{width:30px;height:30px;color:var(--primary)!important;font-size:.7rem}
.super-sidebar-account>span:last-child{min-width:0;display:grid}.super-sidebar-account strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#fff;font-size:.58rem}.super-sidebar-account small{margin-top:2px;color:rgba(255,255,255,.52);font-size:.42rem;letter-spacing:.06em}
.super-management-sidebar .management-sidebar-logout{margin:0 7px 8px!important;background:rgba(0,0,0,.13)!important}
.super-dashboard .management-dashboard-main{padding:0 10px 18px!important;background:var(--super-paper)!important}
.super-page-heading{min-height:64px;margin:0 0 8px!important;padding:8px 10px!important;display:flex;align-items:center;justify-content:space-between;gap:12px;background:#fff;border:1px solid var(--super-line)!important;border-top:0!important}
.super-page-heading>div:first-child{display:grid;gap:2px}.super-page-heading>div:first-child>span{color:var(--primary);font-size:.49rem;font-weight:950;letter-spacing:.14em}.super-page-heading h1{margin:0!important;font-size:1.38rem!important;letter-spacing:-.025em!important}
.super-heading-account{display:grid;justify-items:end;gap:1px}.super-heading-account small{color:#879196;font-size:.42rem;font-weight:950;letter-spacing:.08em}.super-heading-account strong{color:var(--primary);font-size:.62rem;text-transform:uppercase}
.super-workspace-hero{position:relative;isolation:isolate;min-height:178px;display:grid;grid-template-columns:minmax(0,1fr) 180px;align-items:center;gap:24px;margin-bottom:8px;padding:23px 27px;overflow:hidden;color:#fff;background:linear-gradient(125deg,var(--primary),color-mix(in srgb,var(--primary) 72%,#0c2025));border:1px solid color-mix(in srgb,var(--primary) 80%,#101820)}
.super-workspace-hero::after{content:"";position:absolute;right:-100px;top:-170px;z-index:-1;width:380px;height:380px;border:58px solid rgba(255,255,255,.06);border-radius:50%}
.super-workspace-copy>span{display:block;color:var(--secondary);font-size:.51rem;font-weight:950;letter-spacing:.17em}.super-workspace-copy h2{margin:8px 0 7px;color:#fff;font-size:clamp(1.42rem,3vw,2.18rem);line-height:1.02;letter-spacing:-.035em}.super-workspace-copy p{max-width:770px;margin:0;color:rgba(255,255,255,.7);font-size:.68rem;line-height:1.55}.super-workspace-actions{display:flex;gap:7px;flex-wrap:wrap;margin-top:15px}.super-workspace-actions .btn{min-height:37px!important;padding:0 12px!important;display:inline-flex;align-items:center;font-size:.54rem!important}.super-workspace-actions .btn:not(.outline){color:#172329!important;background:var(--secondary)!important;border-color:var(--secondary)!important}.super-workspace-actions .btn.outline{color:#fff!important;border-color:rgba(255,255,255,.3)!important;background:rgba(255,255,255,.06)!important}
.super-workspace-mark{justify-self:end;width:130px;height:130px;display:grid;place-content:center;text-align:center;border:1px solid rgba(255,255,255,.22);background:rgba(255,255,255,.07);box-shadow:0 18px 45px rgba(0,0,0,.13)}.super-workspace-mark b{color:var(--secondary);font-size:2.5rem;line-height:1}.super-workspace-mark small{margin-top:8px;color:rgba(255,255,255,.68);font-size:.46rem;font-weight:950;letter-spacing:.14em;line-height:1.4}
.super-metric-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:6px;margin-bottom:8px}.super-metric-grid.compact{grid-template-columns:repeat(4,minmax(0,1fr))}.super-metric-card{min-width:0;min-height:88px;display:grid;grid-template-columns:35px minmax(0,1fr);align-items:center;gap:9px;padding:10px;background:#fff;border:1px solid var(--super-line);border-top:3px solid var(--primary);box-shadow:0 5px 15px rgba(27,55,60,.035)}.super-metric-card>span{width:34px;height:34px;display:grid;place-items:center;color:var(--primary);background:var(--super-soft);border:1px solid color-mix(in srgb,var(--primary) 14%,#e1e7e5)}.super-metric-card svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.8}.super-metric-card>div{min-width:0;display:grid;gap:2px}.super-metric-card small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#778287;font-size:.43rem;font-weight:950;letter-spacing:.07em}.super-metric-card strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--super-text);font-size:1rem}.super-metric-card b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#8a9498;font-size:.45rem;font-weight:750}
.super-quick-board,.super-panel{margin-bottom:8px;background:#fff;border:1px solid var(--super-line);box-shadow:0 5px 18px rgba(22,54,59,.035)}.super-board-heading{min-height:64px;padding:11px 13px;display:flex;align-items:center;justify-content:space-between;gap:12px;border-bottom:1px solid var(--super-line);background:linear-gradient(90deg,#fff,var(--super-soft))}.super-board-heading span,.super-section-title>div>span{color:var(--primary)}.super-board-heading>div:first-child>span{font-size:.45rem;font-weight:950;letter-spacing:.14em}.super-board-heading h2{margin:3px 0 0;font-size:.95rem}.super-board-status{display:flex;gap:5px;flex-wrap:wrap;justify-content:flex-end}.super-status-pill{display:inline-flex;align-items:center;gap:5px;min-height:27px;padding:0 8px;border:1px solid;font-size:.46rem;font-weight:950;letter-spacing:.05em}.super-status-pill i{width:6px;height:6px;border-radius:50%;background:currentColor}.super-status-pill.ready{color:#166534;background:#f0fdf4;border-color:#bbf7d0}.super-status-pill.attention{color:#9a3412;background:#fff7ed;border-color:#fed7aa}
.super-module-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;padding:7px}.super-module-grid>a{min-height:76px;display:grid;grid-template-columns:34px minmax(0,1fr) 18px;align-items:center;gap:9px;padding:10px;color:var(--super-text);border-right:1px solid var(--super-line);border-bottom:1px solid var(--super-line)}.super-module-grid>a:nth-child(3n){border-right:0}.super-module-grid>a:nth-last-child(-n+3){border-bottom:0}.super-module-grid>a:hover{background:var(--super-soft)}.super-module-grid>a>span{width:33px;height:33px;display:grid;place-items:center;color:#fff;background:var(--primary)}.super-module-grid svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.8}.super-module-grid>a>div{min-width:0;display:grid;gap:3px}.super-module-grid strong{font-size:.58rem;letter-spacing:.025em}.super-module-grid small{color:#79858a;font-size:.48rem;line-height:1.35}.super-module-grid>a>b{color:var(--secondary);font-size:.95rem}
.super-panel-body{padding:10px}.super-section-title{min-height:58px;display:grid;grid-template-columns:35px minmax(0,1fr) auto;align-items:center;gap:10px;margin:-2px -2px 9px;padding:8px 9px;border-bottom:1px solid var(--super-line);background:#fafcfb}.super-section-title>span{width:33px;height:33px;display:grid;place-items:center;color:#fff!important;background:var(--primary);font-size:.55rem;font-weight:950}.super-section-title>div{min-width:0}.super-section-title h2{margin:0;color:var(--super-text);font-size:.79rem;letter-spacing:.025em}.super-section-title p{margin:3px 0 0;color:#7b878c;font-size:.52rem;line-height:1.4}.super-section-action{min-width:0}
.super-table-scroll{border:1px solid var(--super-line)}.super-table{min-width:820px}.super-table thead th{height:38px;padding:7px 9px!important;color:#fff!important;background:var(--primary)!important;border-color:rgba(255,255,255,.13)!important;font-size:.48rem!important;letter-spacing:.06em}.super-table tbody td{padding:8px 9px!important;border-color:#e5ece9!important;font-size:.62rem!important;vertical-align:middle!important}.super-table tbody tr:nth-child(even){background:#fafcfb}.super-table tbody tr:hover{background:var(--super-soft)}.super-table td strong,.super-table td b{font-size:.63rem}.super-table td small{display:block;margin-top:3px;color:#829095;font-size:.49rem!important}.super-table a{color:var(--primary);font-weight:850}.super-row-action{display:inline-flex;align-items:center;min-height:28px;padding:0 8px;color:#fff!important;background:var(--primary);font-size:.47rem;font-weight:950;white-space:nowrap}.super-table code{font-size:.52rem!important}
.super-health-strip{min-height:67px;margin-bottom:8px;padding:10px 13px;display:flex;align-items:center;justify-content:space-between;gap:12px;color:#fff;background:var(--primary);border:1px solid color-mix(in srgb,var(--primary) 80%,#111)}.super-health-strip>div{display:flex;align-items:center;gap:9px}.super-health-strip>div>span{width:36px;height:36px;display:grid;place-items:center;color:#172329;background:var(--secondary)}.super-health-strip svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.8}.super-health-strip p{display:grid;gap:2px;margin:0}.super-health-strip strong{font-size:.58rem;letter-spacing:.05em}.super-health-strip small{color:rgba(255,255,255,.7);font-size:.5rem}.super-health-strip .btn{color:#fff!important;border-color:rgba(255,255,255,.3)!important}
.super-credential-notice{display:grid;gap:4px;margin-bottom:8px!important;padding:12px!important;border-radius:0!important}.super-credential-notice strong{font-size:.65rem}.super-credential-notice span{font-size:.58rem}.super-create-panel>summary{list-style:none;min-height:65px;padding:10px 12px;display:grid;grid-template-columns:34px minmax(0,1fr) auto;align-items:center;gap:9px;cursor:pointer;background:#fff}.super-create-panel>summary::-webkit-details-marker{display:none}.super-create-panel>summary>span{width:33px;height:33px;display:grid;place-items:center;color:#fff;background:var(--primary)}.super-create-panel>summary svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.8}.super-create-panel>summary>div{display:grid;gap:3px}.super-create-panel>summary strong{font-size:.65rem}.super-create-panel>summary small{color:#7d898e;font-size:.5rem}.super-create-panel>summary>b{padding:7px 9px;color:#172329;background:var(--secondary);font-size:.47rem}
.super-form-grid{gap:7px!important}.super-form-grid>label,.super-platform-settings label{display:grid;gap:4px;color:#5f6b70!important;font-size:.51rem!important;font-weight:950!important;letter-spacing:.04em}.super-form-grid input,.super-form-grid select,.super-form-grid textarea,.super-platform-settings input,.super-platform-settings select,.super-platform-settings textarea{min-height:38px!important;padding:7px 9px!important;border:1px solid #d5dfdc!important;border-radius:0!important;background:#fff!important;font-size:.63rem!important}.super-form-grid textarea{min-height:72px!important}.super-form-action{display:flex;justify-content:flex-end;padding-top:3px}.super-form-action .btn{min-width:190px;min-height:39px;font-size:.55rem!important}.super-color-label>div,.super-color-setting>div{min-height:38px;display:grid;grid-template-columns:48px minmax(0,1fr);align-items:center;border:1px solid #d5dfdc;background:#fff}.super-color-label input,.super-color-setting input{width:48px!important;height:36px!important;min-height:36px!important;padding:2px!important;border:0!important}.super-color-label code,.super-color-setting code{padding:0 9px;color:#4e5d62;font-size:.56rem;font-weight:900}.super-search{width:min(390px,100%);min-height:36px;display:grid;grid-template-columns:28px minmax(0,1fr);align-items:center;border:1px solid #d7e1de;background:#fff}.super-search>span{width:28px;height:28px;display:grid;place-items:center;color:var(--primary)}.super-search svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.8}.super-search input{height:34px!important;padding:0 7px!important;border:0!important;background:transparent!important;box-shadow:none!important;font-size:.54rem!important}.super-filter-empty{margin:8px 0 0;padding:14px;color:#8b4b32;background:#fff7ed;border:1px solid #fed7aa;text-align:center;font-size:.55rem;font-weight:900}
.super-record-strip{min-height:78px;margin-bottom:8px;padding:10px 13px;display:flex;align-items:center;justify-content:space-between;gap:12px;background:#fff;border:1px solid var(--super-line)}.super-record-identity{display:flex;align-items:center;gap:10px;min-width:0}.super-record-identity>span{width:48px;height:48px;display:grid;place-items:center;color:#fff;background:var(--primary);font-size:.9rem;font-weight:950}.super-record-identity>div{min-width:0;display:grid;gap:2px}.super-record-identity small{color:#879398;font-size:.44rem;font-weight:950}.super-record-identity strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.78rem}.super-record-identity b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--primary);font-size:.52rem}.super-record-state{display:grid;justify-items:end;gap:4px}.super-record-state small{color:#748186;font-size:.48rem;font-weight:850}.super-detail-grid{display:grid;grid-template-columns:1.35fr .85fr;gap:8px}.super-domain-list,.super-account-list{display:grid;gap:5px}.super-domain-list article,.super-account-list article{min-height:55px;display:grid;grid-template-columns:32px minmax(0,1fr) auto;align-items:center;gap:8px;padding:7px;border:1px solid var(--super-line);background:#fafcfb}.super-domain-list article>span{width:31px;height:31px;display:grid;place-items:center;color:var(--primary);background:var(--super-soft)}.super-domain-list svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.8}.super-domain-list article>div,.super-account-list article>div{min-width:0;display:grid;gap:2px}.super-domain-list strong,.super-account-list strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.6rem}.super-domain-list small,.super-account-list small{color:#7e8a8f;font-size:.48rem}.super-account-list b{color:var(--primary);font-size:.44rem}.super-account-list .management-user-avatar{width:31px;height:31px;font-size:.65rem}.super-subform{margin-top:9px;padding-top:7px;border-top:1px solid var(--super-line)}
.super-progress{width:100px;height:6px;display:inline-block;overflow:hidden;vertical-align:middle;background:#e8efed}.super-progress span{display:block;height:100%;background:#16a34a}.super-data-good{color:#166534;font-weight:950}.super-data-bad{color:#b91c1c;font-weight:950}.super-inline-status{display:flex}.super-direction{display:inline-flex;padding:5px 7px;font-size:.45rem;font-weight:950}.super-direction.inbound{color:#075985;background:#e0f2fe}.super-direction.outbound{color:#166534;background:#dcfce7}.super-api-table{min-width:1180px}
.super-settings-section{margin-bottom:8px!important;border-radius:0!important;border-color:var(--super-line)!important}.super-settings-section>header{min-height:67px!important;padding:10px 12px!important;background:linear-gradient(90deg,#fff,var(--super-soft))!important}.super-settings-section>header>span{width:34px!important;height:34px!important;display:grid!important;place-items:center!important;color:#fff!important;background:var(--primary)!important;border-radius:0!important}.super-settings-section>header h2{font-size:.72rem!important}.super-settings-section>header p{font-size:.52rem!important}.super-platform-settings .management-settings-fields{gap:7px!important;padding:10px!important}.super-color-setting>small{font-size:.46rem;color:#849095}.super-checkbox-setting{grid-template-columns:20px minmax(0,1fr)!important;align-items:center!important;padding:10px!important;border:1px solid var(--super-line);background:var(--super-soft)}.super-checkbox-setting input{width:18px!important;height:18px!important;min-height:18px!important;padding:0!important}.super-checkbox-setting>span{display:grid;gap:2px}.super-checkbox-setting b{font-size:.57rem}.super-checkbox-setting small{color:#778489;font-size:.47rem}.super-admin-theme-preview{min-height:210px;overflow:hidden;border:1px solid #d8e1df;background:#f2f5f4}.super-admin-theme-preview>header{height:42px;display:flex;align-items:center;gap:9px;padding:0 11px;color:#fff;background:var(--preview-primary)}.super-admin-theme-preview>header span{font-size:.8rem}.super-admin-theme-preview>header strong{font-size:.6rem}.super-admin-theme-preview>header small{margin-left:auto;color:rgba(255,255,255,.7);font-size:.45rem}.super-admin-theme-preview>div{height:168px;display:grid;grid-template-columns:150px minmax(0,1fr)}.super-admin-theme-preview aside{display:grid;align-content:start;background:linear-gradient(180deg,var(--preview-primary),color-mix(in srgb,var(--preview-primary) 80%,#09181c))}.super-admin-theme-preview aside b{padding:9px;color:rgba(255,255,255,.7);border-bottom:1px solid rgba(255,255,255,.12);font-size:.45rem}.super-admin-theme-preview aside b.active{color:#fff;box-shadow:inset 3px 0 0 var(--preview-secondary);background:rgba(255,255,255,.1)}.super-admin-theme-preview main{display:grid;align-content:center;justify-items:start;gap:6px;padding:18px}.super-admin-theme-preview main span{color:var(--preview-primary);font-size:.44rem;font-weight:950}.super-admin-theme-preview main strong{font-size:.75rem}.super-admin-theme-preview main button{margin-top:4px;padding:8px 10px;color:#fff;background:var(--preview-primary);border:0;font-size:.45rem;font-weight:950}.super-savebar{border-radius:0!important;background:var(--primary)!important}.super-savebar .btn{color:#172329!important;background:var(--secondary)!important;border-color:var(--secondary)!important}
.super-dashboard .website-designer-workspace :is(.designer-command-hero,.designer-help-strip){background:var(--primary)!important;border-color:color-mix(in srgb,var(--primary) 80%,#111)!important}.super-dashboard .designer-command-visual,.super-dashboard .designer-help-strip>div>span{color:var(--primary)!important;background:var(--secondary)!important}.super-dashboard .theme-type-badge,.super-dashboard .restaurant-design-avatar{background:var(--primary)!important}.super-dashboard .designer-workspace-tabs a.active{color:#172329!important;background:var(--secondary)!important}.super-dashboard .designer-search>span{color:var(--primary)!important}.super-dashboard .designer-section-head h2,.super-dashboard .designer-panel-head h2{color:var(--primary)!important}
.super-sms-template-intro{border-radius:0!important}
.super-auth-v640{--primary:#063844;--secondary:#F6BD55}.super-auth-v640 .super-auth-shell .management-auth-brand{background:linear-gradient(145deg,var(--primary),color-mix(in srgb,var(--primary) 72%,#07171b))}.super-auth-v640 .management-login-button{background:var(--primary)}.super-auth-v640 .management-role-grid span{border-color:rgba(255,255,255,.18);background:rgba(255,255,255,.08)}
@media(max-width:1250px){.super-metric-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.super-metric-grid.compact{grid-template-columns:repeat(4,minmax(0,1fr))}.super-detail-grid{grid-template-columns:1fr}.super-module-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.super-module-grid>a:nth-child(3n){border-right:1px solid var(--super-line)}.super-module-grid>a:nth-child(2n){border-right:0}.super-module-grid>a:nth-last-child(-n+3){border-bottom:1px solid var(--super-line)}.super-module-grid>a:nth-last-child(-n+2){border-bottom:0}}
@media(max-width:860px){
.super-dashboard .management-topbar{height:54px!important;padding:0 8px!important}.super-dashboard .management-topbar-brand strong{max-width:64vw!important;font-size:.75rem!important}.super-dashboard .management-dashboard-shell{min-height:calc(100vh - 54px)!important}.super-dashboard .management-sidebar{top:0!important;height:100dvh!important}.super-management-sidebar .management-sidebar-mobile-head{min-height:54px;display:flex!important;align-items:center;justify-content:space-between;gap:10px;padding:8px 10px;border-bottom:1px solid rgba(255,255,255,.15)}.super-management-sidebar .management-sidebar-mobile-head>span{display:grid}.super-management-sidebar .management-sidebar-mobile-head strong{font-size:.68rem}.super-management-sidebar .management-sidebar-mobile-head small{margin-top:2px;color:rgba(255,255,255,.56);font-size:.43rem}.super-management-sidebar .management-sidebar-mobile-head button{width:32px;height:32px;display:grid;place-items:center;color:#fff;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.25);font-size:1rem}.super-dashboard .management-dashboard-main{padding:0 5px 12px!important}.super-page-heading{min-height:57px;padding:7px 8px!important}.super-page-heading h1{font-size:1.16rem!important}.super-heading-account{display:none}.super-workspace-hero{grid-template-columns:1fr;min-height:auto;padding:18px}.super-workspace-mark{display:none}.super-metric-grid,.super-metric-grid.compact{grid-template-columns:repeat(2,minmax(0,1fr))}.super-board-heading,.super-section-title{align-items:flex-start}.super-section-title{grid-template-columns:32px minmax(0,1fr)}.super-section-action{grid-column:1/-1;width:100%}.super-section-action .super-search{width:100%}.super-module-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.super-detail-grid{grid-template-columns:1fr}.super-record-strip{align-items:flex-start;flex-direction:column}.super-record-state{justify-items:start}.super-admin-theme-preview>div{grid-template-columns:105px minmax(0,1fr)}.super-health-strip{align-items:stretch;flex-direction:column}.super-health-strip .btn{width:100%;text-align:center}}
@media(max-width:560px){.super-workspace-copy h2{font-size:1.35rem}.super-workspace-actions{display:grid}.super-workspace-actions .btn{width:100%;justify-content:center}.super-metric-grid,.super-metric-grid.compact{gap:5px}.super-metric-card{grid-template-columns:29px minmax(0,1fr);min-height:74px;padding:7px;gap:6px}.super-metric-card>span{width:28px;height:28px}.super-metric-card svg{width:15px;height:15px}.super-metric-card strong{font-size:.82rem}.super-module-grid{grid-template-columns:1fr}.super-module-grid>a,.super-module-grid>a:nth-child(n){border-right:0;border-bottom:1px solid var(--super-line)}.super-module-grid>a:last-child{border-bottom:0}.super-board-heading{align-items:stretch;flex-direction:column}.super-board-status{justify-content:flex-start}.super-create-panel>summary{grid-template-columns:31px minmax(0,1fr)}.super-create-panel>summary>b{grid-column:1/-1;text-align:center}.super-form-action .btn{width:100%;min-width:0}.super-health-strip>div{align-items:flex-start}.super-page-heading>div:first-child>span{font-size:.42rem}.super-page-heading h1{font-size:1rem!important}.super-admin-theme-preview{min-height:180px}.super-admin-theme-preview>div{height:138px;grid-template-columns:88px minmax(0,1fr)}.super-admin-theme-preview aside b{padding:7px 5px;font-size:.38rem}.super-admin-theme-preview main{padding:10px}.super-admin-theme-preview main strong{font-size:.62rem}}
/* ============================================================
V6.41 — SUPER ADMIN READABILITY UPDATE
Text sizes increased across the complete Super Admin panel.
Layout, compact spacing and existing functionality unchanged.
============================================================ */
/* Header and left navigation */
.super-dashboard .management-topbar-brand strong{font-size:1rem!important;line-height:1.15!important}
.super-dashboard .management-topbar-brand small{font-size:.68rem!important;line-height:1.25!important}
.super-dashboard .management-user-name{font-size:.76rem!important;line-height:1.2!important}
.super-dashboard .management-topbar-actions a{font-size:.7rem!important;font-weight:900!important}
.management-nav-label{font-size:.62rem!important;line-height:1.2!important}
.super-management-sidebar .management-side-nav b,
.super-management-sidebar .management-sidebar-logout b{font-size:.79rem!important;line-height:1.2!important}
.super-sidebar-account .management-user-avatar{font-size:.82rem!important}
.super-sidebar-account strong{font-size:.73rem!important;line-height:1.2!important}
.super-sidebar-account small{font-size:.58rem!important;line-height:1.25!important}
/* Page heading and workspace hero */
.super-page-heading>div:first-child>span{font-size:.66rem!important;line-height:1.2!important}
.super-page-heading h1{font-size:1.62rem!important;line-height:1.12!important}
.super-heading-account small{font-size:.59rem!important;line-height:1.2!important}
.super-heading-account strong{font-size:.76rem!important;line-height:1.2!important}
.super-workspace-copy>span{font-size:.68rem!important;line-height:1.25!important}
.super-workspace-copy h2{font-size:clamp(1.65rem,3vw,2.42rem)!important;line-height:1.05!important}
.super-workspace-copy p{font-size:.86rem!important;line-height:1.62!important}
.super-workspace-actions .btn{font-size:.72rem!important;font-weight:900!important}
.super-workspace-mark small{font-size:.62rem!important;line-height:1.45!important}
/* Metrics, cards and section headings */
.super-metric-card small{font-size:.59rem!important;line-height:1.25!important}
.super-metric-card strong{font-size:1.16rem!important;line-height:1.15!important}
.super-metric-card b{font-size:.61rem!important;line-height:1.3!important}
.super-board-heading>div:first-child>span{font-size:.62rem!important;line-height:1.2!important}
.super-board-heading h2{font-size:1.12rem!important;line-height:1.2!important}
.super-status-pill{font-size:.61rem!important;line-height:1.2!important}
.super-module-grid strong{font-size:.75rem!important;line-height:1.25!important}
.super-module-grid small{font-size:.64rem!important;line-height:1.35!important}
.super-module-grid>a>b{font-size:1.08rem!important;line-height:1.1!important}
.super-section-title>span{font-size:.7rem!important;line-height:1.2!important}
.super-section-title h2{font-size:1rem!important;line-height:1.2!important}
.super-section-title p{font-size:.69rem!important;line-height:1.45!important}
/* Tables and records */
.super-table thead th{font-size:.66rem!important;line-height:1.25!important}
.super-table tbody td{font-size:.78rem!important;line-height:1.45!important}
.super-table td strong,.super-table td b{font-size:.8rem!important;line-height:1.3!important}
.super-table td small{font-size:.65rem!important;line-height:1.35!important}
.super-row-action{font-size:.63rem!important;font-weight:900!important}
.super-table code{font-size:.68rem!important}
.super-health-strip strong{font-size:.75rem!important;line-height:1.25!important}
.super-health-strip small{font-size:.67rem!important;line-height:1.4!important}
.super-record-identity small{font-size:.61rem!important;line-height:1.25!important}
.super-record-identity strong{font-size:.96rem!important;line-height:1.2!important}
.super-record-identity b{font-size:.68rem!important;line-height:1.25!important}
.super-record-state small{font-size:.64rem!important;line-height:1.3!important}
.super-domain-list strong,.super-account-list strong{font-size:.76rem!important;line-height:1.25!important}
.super-domain-list small,.super-account-list small{font-size:.64rem!important;line-height:1.35!important}
.super-account-list b{font-size:.61rem!important;line-height:1.25!important}
.super-direction{font-size:.61rem!important;line-height:1.2!important}
/* Forms, notices and controls */
.super-credential-notice strong{font-size:.81rem!important;line-height:1.25!important}
.super-credential-notice span{font-size:.72rem!important;line-height:1.4!important}
.super-create-panel>summary strong{font-size:.82rem!important;line-height:1.25!important}
.super-create-panel>summary small{font-size:.67rem!important;line-height:1.4!important}
.super-create-panel>summary>b{font-size:.64rem!important;line-height:1.2!important}
.super-form-grid>label,.super-platform-settings label{font-size:.69rem!important;line-height:1.3!important}
.super-form-grid input,.super-form-grid select,.super-form-grid textarea,
.super-platform-settings input,.super-platform-settings select,.super-platform-settings textarea{font-size:.79rem!important;line-height:1.35!important}
.super-form-action .btn{font-size:.72rem!important;font-weight:900!important}
.super-color-label code,.super-color-setting code{font-size:.7rem!important}
.super-search input{font-size:.72rem!important}
.super-filter-empty{font-size:.72rem!important;line-height:1.4!important}
.super-settings-section>header h2{font-size:.91rem!important;line-height:1.25!important}
.super-settings-section>header p{font-size:.69rem!important;line-height:1.4!important}
.super-color-setting>small{font-size:.62rem!important;line-height:1.35!important}
.super-checkbox-setting b{font-size:.73rem!important;line-height:1.25!important}
.super-checkbox-setting small{font-size:.63rem!important;line-height:1.4!important}
.super-savebar .btn{font-size:.73rem!important;font-weight:900!important}
/* Theme preview */
.super-admin-theme-preview>header span{font-size:.93rem!important}
.super-admin-theme-preview>header strong{font-size:.73rem!important}
.super-admin-theme-preview>header small{font-size:.6rem!important}
.super-admin-theme-preview aside b{font-size:.6rem!important;line-height:1.25!important}
.super-admin-theme-preview main span{font-size:.59rem!important}
.super-admin-theme-preview main strong{font-size:.9rem!important}
.super-admin-theme-preview main button{font-size:.61rem!important;font-weight:900!important}
/* Website Designer — full readability */
.super-dashboard .designer-command-copy>span,
.super-dashboard .designer-panel-head>div>span,
.super-dashboard .designer-section-head>div>span{font-size:.72rem!important;line-height:1.25!important}
.super-dashboard .designer-command-copy h2{font-size:clamp(1.8rem,3vw,3rem)!important;line-height:1.05!important}
.super-dashboard .designer-command-copy p{font-size:.9rem!important;line-height:1.6!important}
.super-dashboard .designer-command-visual strong{font-size:1.45rem!important}
.super-dashboard .designer-command-visual small{font-size:.66rem!important}
.super-dashboard .designer-metrics small{font-size:.69rem!important;line-height:1.25!important}
.super-dashboard .designer-metrics strong{font-size:1.68rem!important}
.super-dashboard .designer-metrics b{font-size:.68rem!important;line-height:1.3!important}
.super-dashboard .designer-workspace-tabs a{font-size:.7rem!important;font-weight:900!important}
.super-dashboard .designer-panel-head h2,
.super-dashboard .designer-section-head h2{font-size:1.42rem!important;line-height:1.2!important}
.super-dashboard .designer-panel-head p,
.super-dashboard .designer-section-head p{font-size:.82rem!important;line-height:1.5!important}
.super-dashboard .designer-panel-head>b{font-size:.68rem!important}
.super-dashboard .designer-upload-guide>strong{font-size:.82rem!important}
.super-dashboard .designer-upload-guide>div>span{font-size:.72rem!important}
.super-dashboard .designer-upload-guide p b{font-size:.8rem!important}
.super-dashboard .designer-upload-guide p small{font-size:.72rem!important;line-height:1.4!important}
.super-dashboard .designer-upload-guide em{font-size:.71rem!important}
.super-dashboard .designer-file-drop strong{font-size:.92rem!important}
.super-dashboard .designer-file-drop small{font-size:.77rem!important;line-height:1.45!important}
.super-dashboard .designer-search input{font-size:.76rem!important}
.super-dashboard .theme-type-badge{font-size:.63rem!important}
.super-dashboard .theme-card-title h3{font-size:1.08rem!important;line-height:1.2!important}
.super-dashboard .theme-card-title small{font-size:.63rem!important}
.super-dashboard .theme-card-title>b{font-size:.63rem!important}
.super-dashboard .theme-card-content>p{font-size:.78rem!important;line-height:1.5!important}
.super-dashboard .theme-use-status strong{font-size:.71rem!important}
.super-dashboard .theme-use-status>span{font-size:.72rem!important;line-height:1.4!important}
.super-dashboard .theme-assigned-restaurants a{font-size:.72rem!important}
.super-dashboard .theme-assigned-restaurants a small{font-size:.65rem!important}
.super-dashboard .website-design-restaurant strong{font-size:.88rem!important}
.super-dashboard .website-design-restaurant small{font-size:.7rem!important}
.super-dashboard .restaurant-design-status{font-size:.61rem!important}
.super-dashboard .designer-field>span{font-size:.68rem!important}
.super-dashboard .designer-field>small{font-size:.63rem!important;line-height:1.35!important}
.super-dashboard .designer-color-control code{font-size:.7rem!important}
.super-dashboard .preview-unavailable{font-size:.64rem!important}
.super-dashboard .designer-empty-state{font-size:.84rem!important;line-height:1.45!important}
.super-dashboard .designer-help-strip strong{font-size:.8rem!important}
.super-dashboard .designer-help-strip small{font-size:.72rem!important;line-height:1.4!important}
/* Generic Super Admin buttons, labels, badges and helper text */
.super-dashboard .btn{font-size:max(.7rem,12px)!important}
.super-dashboard label{line-height:1.35}
.super-dashboard :is(.badge,.pill,.status-badge){font-size:max(.62rem,10px)}
.super-dashboard :is(.muted,.help-text,.form-help){font-size:max(.66rem,11px);line-height:1.4}
@media(max-width:860px){
.super-dashboard .management-topbar-brand strong{font-size:.88rem!important}
.super-dashboard .management-topbar-brand small{font-size:.58rem!important}
.super-management-sidebar .management-sidebar-mobile-head strong{font-size:.84rem!important}
.super-management-sidebar .management-sidebar-mobile-head small{font-size:.58rem!important}
.super-page-heading h1{font-size:1.38rem!important}
.super-workspace-copy h2{font-size:1.62rem!important}
.super-workspace-copy p{font-size:.82rem!important}
.super-metric-card strong{font-size:1.05rem!important}
.super-dashboard .designer-workspace-tabs a{font-size:.66rem!important}
}
@media(max-width:560px){
.super-page-heading>div:first-child>span{font-size:.57rem!important}
.super-page-heading h1{font-size:1.22rem!important}
.super-workspace-copy h2{font-size:1.48rem!important}
.super-workspace-copy p{font-size:.78rem!important}
.super-metric-card small{font-size:.55rem!important}
.super-metric-card strong{font-size:.98rem!important}
.super-metric-card b{font-size:.56rem!important}
.super-table thead th{font-size:.62rem!important}
.super-table tbody td{font-size:.74rem!important}
.super-dashboard .designer-command-copy h2{font-size:1.7rem!important}
.super-dashboard .designer-command-copy p{font-size:.8rem!important}
.super-dashboard .designer-metrics strong{font-size:1.38rem!important}
.super-dashboard .designer-workspace-tabs a{font-size:.63rem!important}
.super-admin-theme-preview aside b{font-size:.52rem!important}
.super-admin-theme-preview main strong{font-size:.78rem!important}
}
/* ============================================================
V642 — SUPER ADMIN MOBILE OVERVIEW CENTER ALIGNMENT
Desktop/tablet layout remains unchanged.
============================================================ */
@media (max-width: 760px){
.super-dashboard .super-page-heading{
justify-content:center!important;
text-align:center!important;
}
.super-dashboard .super-page-heading>div:first-child{
width:100%!important;
justify-items:center!important;
text-align:center!important;
}
.super-dashboard .super-page-heading>div:first-child>span,
.super-dashboard .super-page-heading h1{
width:100%!important;
text-align:center!important;
}
.super-dashboard .super-workspace-copy{
width:100%!important;
text-align:center!important;
}
.super-dashboard .super-workspace-copy>span,
.super-dashboard .super-workspace-copy h2,
.super-dashboard .super-workspace-copy p{
width:100%!important;
margin-left:auto!important;
margin-right:auto!important;
text-align:center!important;
}
.super-dashboard .super-workspace-actions{
justify-content:center!important;
}
}
/* ============================================================
V643 — WEBSITE DESIGNER MOBILE INTRO CENTER FIX
Fixes the dedicated Design Studio hero, which uses different
classes from the generic Super Admin workspace hero.
============================================================ */
@media (max-width: 760px){
.super-dashboard .designer-command-hero{
justify-items:center!important;
text-align:center!important;
}
.super-dashboard .designer-command-copy{
width:100%!important;
align-items:center!important;
justify-self:stretch!important;
text-align:center!important;
}
.super-dashboard .designer-command-copy>span,
.super-dashboard .designer-command-copy h2,
.super-dashboard .designer-command-copy p{
width:100%!important;
max-width:900px!important;
margin-left:auto!important;
margin-right:auto!important;
text-align:center!important;
}
.super-dashboard .designer-command-copy h2{
margin-top:9px!important;
margin-bottom:13px!important;
}
.super-dashboard .designer-command-actions{
width:100%!important;
justify-content:center!important;
align-items:center!important;
}
.super-dashboard .designer-command-actions .btn{
text-align:center!important;
}
}
@media (max-width: 620px){
.super-dashboard .designer-command-copy>span{
line-height:1.4!important;
}
.super-dashboard .designer-command-copy h2{
line-height:1.12!important;
}
.super-dashboard .designer-command-copy p{
max-width:520px!important;
line-height:1.55!important;
}
.super-dashboard .designer-command-actions{
justify-items:center!important;
}
}
/* ============================================================
V644 — STAFF VOICE NOTIFICATIONS
============================================================ */
.staff-topbar-actions{gap:10px}.management-voice-status{min-height:36px;display:inline-flex;align-items:center;gap:7px;padding:0 11px;border:1px solid rgba(255,255,255,.22);border-radius:7px;color:#fff;text-decoration:none;background:rgba(255,255,255,.09);font-size:10px;font-weight:900;letter-spacing:.05em}.management-voice-status i{width:8px;height:8px;border-radius:50%;background:#f59e0b;box-shadow:0 0 0 4px rgba(245,158,11,.18)}.management-voice-status span{opacity:.82}.management-voice-status b{color:#fff}.management-voice-status.is-on{background:rgba(34,197,94,.15);border-color:rgba(134,239,172,.38)}.management-voice-status.is-on i{background:#86efac;box-shadow:0 0 0 4px rgba(134,239,172,.16)}.management-voice-status.is-muted{background:rgba(255,255,255,.06)}.management-voice-status.is-muted i{background:#cbd5e1;box-shadow:none}.management-voice-status.needs-unlock{border-color:color-mix(in srgb,var(--secondary) 70%,#fff)}.management-voice-status.needs-unlock i{background:var(--secondary)}.management-voice-status.is-error i{background:#fda4af;box-shadow:0 0 0 4px rgba(253,164,175,.15)}
.staff-voice-unlock{position:relative;z-index:7;margin:0 0 16px;display:flex;align-items:center;gap:14px;padding:13px 15px;border:1px solid color-mix(in srgb,var(--secondary) 52%,#e5e7eb);border-radius:10px;background:linear-gradient(100deg,color-mix(in srgb,var(--secondary) 15%,#fff),#fff);box-shadow:0 9px 25px rgba(24,53,59,.07)}.staff-voice-unlock[hidden]{display:none!important}.staff-voice-unlock>div{min-width:0;display:flex;align-items:center;gap:11px;flex:1}.staff-voice-unlock>div>span{width:40px;height:40px;display:grid;place-items:center;flex:0 0 40px;border-radius:8px;color:var(--primary);background:#fff;border:1px solid color-mix(in srgb,var(--primary) 13%,#e5e7eb)}.staff-voice-unlock svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.staff-voice-unlock p{margin:0;display:grid;gap:3px}.staff-voice-unlock p b{color:#1b3137;font-size:12px;letter-spacing:.035em}.staff-voice-unlock p small{color:#718087;font-size:11px;line-height:1.45}.staff-voice-unlock button,.staff-voice-unlock>a{min-height:38px;display:inline-flex;align-items:center;justify-content:center;padding:0 13px;border-radius:7px;border:1px solid var(--primary);font-size:10px;font-weight:950;letter-spacing:.055em;text-decoration:none;cursor:pointer}.staff-voice-unlock button{color:#fff;background:var(--primary)}.staff-voice-unlock>a{color:var(--primary);background:#fff}
.staff-voice-live-toast{position:fixed;z-index:1100;right:22px;top:82px;width:min(420px,calc(100% - 28px));display:grid;grid-template-columns:46px 1fr auto;align-items:center;gap:12px;padding:14px;border:1px solid color-mix(in srgb,var(--primary) 20%,#e2e8f0);border-radius:12px;background:#fff;box-shadow:0 22px 65px rgba(10,42,50,.22);opacity:0;transform:translateY(-14px) scale(.98);transition:.2s ease}.staff-voice-live-toast[hidden]{display:none!important}.staff-voice-live-toast.show{opacity:1;transform:translateY(0) scale(1)}.staff-voice-live-toast>span{width:46px;height:46px;display:grid;place-items:center;border-radius:10px;color:#fff;background:var(--primary)}.staff-voice-live-toast svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.staff-voice-live-toast>div{min-width:0}.staff-voice-live-toast small{display:block;margin-bottom:3px;color:var(--primary);font-size:9px;font-weight:950;letter-spacing:.11em}.staff-voice-live-toast strong{display:block;color:#172f35;font-size:13px;line-height:1.25}.staff-voice-live-toast p{margin:4px 0 0;color:#697980;font-size:11px;line-height:1.45}.staff-voice-live-toast>button{width:30px;height:30px;border:0;border-radius:6px;color:#66767c;background:#f1f5f4;font-size:20px;cursor:pointer}
.staff-voice-settings-page{display:grid;gap:18px}.staff-voice-hero{display:grid;grid-template-columns:minmax(0,1fr) 220px;gap:22px;align-items:center;padding:25px;border-radius:14px;color:#fff;background:linear-gradient(125deg,var(--primary),color-mix(in srgb,var(--primary) 76%,#102c33));box-shadow:0 18px 48px color-mix(in srgb,var(--primary) 17%,transparent)}.staff-voice-hero>div:first-child>span,.staff-voice-event-section>header span,.staff-voice-output-section>header span{display:block;color:var(--secondary);font-size:10px;font-weight:950;letter-spacing:.14em}.staff-voice-hero h2{max-width:850px;margin:9px 0 10px;color:#fff;font-size:clamp(24px,3vw,39px);line-height:1.04;letter-spacing:-.025em}.staff-voice-hero p{max-width:830px;margin:0;color:rgba(255,255,255,.76);font-size:13px;line-height:1.65}.staff-voice-hero-status{min-height:120px;display:grid;align-content:center;gap:6px;padding:19px;border:1px solid rgba(255,255,255,.22);border-radius:11px;background:rgba(255,255,255,.1);text-align:center}.staff-voice-hero-status small{color:rgba(255,255,255,.68);font-size:9px;font-weight:900;letter-spacing:.1em}.staff-voice-hero-status strong{color:#fff;font-size:23px}.staff-voice-hero-status span{color:var(--secondary);font-size:9px;font-weight:900}.staff-voice-hero-status.is-off strong{color:#fecaca}
.staff-voice-browser-note{display:flex;align-items:center;gap:15px;padding:15px 17px;border:1px solid #dce7e4;border-radius:12px;background:#fff}.staff-voice-browser-note>span{width:42px;height:42px;display:grid;place-items:center;flex:0 0 42px;border-radius:9px;color:#fff;background:var(--primary);font-size:17px;font-weight:950}.staff-voice-browser-note>div{flex:1}.staff-voice-browser-note b{display:block;color:#1d353b;font-size:12px}.staff-voice-browser-note p{margin:4px 0 0;color:#718087;font-size:11px;line-height:1.5}.staff-voice-browser-note .btn{flex:0 0 auto}
.staff-voice-form{display:grid;gap:18px}.staff-voice-master-card{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:21px;border:1px solid color-mix(in srgb,var(--primary) 14%,#dde6e3);border-radius:13px;background:linear-gradient(105deg,#fff,color-mix(in srgb,var(--primary) 5%,#fff));box-shadow:0 10px 30px rgba(28,65,71,.06)}.staff-voice-master-card small{color:var(--primary);font-size:9px;font-weight:950;letter-spacing:.13em}.staff-voice-master-card h2{margin:6px 0 5px;color:#173139;font-size:23px}.staff-voice-master-card p{margin:0;color:#718087;font-size:12px}.staff-voice-master-switch,.staff-voice-event-toggle{display:flex;align-items:center;gap:9px;cursor:pointer}.staff-voice-master-switch input,.staff-voice-event-toggle input{position:absolute;opacity:0;pointer-events:none}.staff-voice-master-switch>span,.staff-voice-event-toggle>span{position:relative;width:58px;height:31px;border-radius:20px;background:#cbd5d8;transition:.18s}.staff-voice-event-toggle>span{width:48px;height:27px}.staff-voice-master-switch i,.staff-voice-event-toggle i{position:absolute;left:4px;top:4px;width:23px;height:23px;border-radius:50%;background:#fff;box-shadow:0 2px 7px rgba(0,0,0,.18);transition:.18s}.staff-voice-event-toggle i{width:19px;height:19px}.staff-voice-master-switch input:checked+span,.staff-voice-event-toggle input:checked+span{background:var(--primary)}.staff-voice-master-switch input:checked+span i{transform:translateX(27px)}.staff-voice-event-toggle input:checked+span i{transform:translateX(21px)}.staff-voice-master-switch b,.staff-voice-event-toggle b{min-width:28px;color:#617178;font-size:10px}
.staff-voice-event-section,.staff-voice-output-section{padding:22px;border:1px solid #dfe8e5;border-radius:13px;background:#fff}.staff-voice-event-section>header{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:18px}.staff-voice-event-section>header h2,.staff-voice-output-section>header h2{margin:7px 0 4px;color:#173139;font-size:22px}.staff-voice-event-section>header p{margin:0;color:#75848a;font-size:11px}.staff-voice-event-section>header>strong{padding:8px 11px;border-radius:7px;color:var(--primary);background:color-mix(in srgb,var(--primary) 8%,#fff);font-size:10px}.staff-voice-event-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.staff-voice-event-card{display:grid;grid-template-columns:43px minmax(0,1fr) auto;align-items:center;gap:13px;min-height:116px;padding:15px;border:1px solid #e0e8e6;border-radius:11px;background:#fbfdfc;transition:.18s}.staff-voice-event-card.is-enabled{border-color:color-mix(in srgb,var(--primary) 23%,#dce6e3);background:color-mix(in srgb,var(--primary) 3.5%,#fff)}.staff-voice-event-card.is-muted{opacity:.72}.staff-voice-event-number{width:43px;height:43px;display:grid;place-items:center;border-radius:9px;color:var(--primary);background:#fff;border:1px solid color-mix(in srgb,var(--primary) 14%,#e0e8e6);font-size:12px;font-weight:950}.staff-voice-event-copy{min-width:0}.staff-voice-event-copy h3{margin:0;color:#1c343a;font-size:14px}.staff-voice-event-copy p{margin:5px 0 8px;color:#718087;font-size:10.5px;line-height:1.45}.staff-voice-event-copy button{padding:0;border:0;color:var(--primary);background:transparent;font-size:9px;font-weight:950;letter-spacing:.07em;cursor:pointer}.staff-voice-event-toggle{align-self:start;padding-top:2px;flex-direction:column;gap:5px}.staff-voice-event-toggle b{text-align:center}
.staff-voice-output-section>header{margin-bottom:15px}.staff-voice-output-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}.staff-voice-output-grid>label{display:grid;gap:7px;padding:15px;border:1px solid #e0e8e6;border-radius:10px;background:#fbfdfc}.staff-voice-output-grid label>span{color:#253d43;font-size:10px;font-weight:950;letter-spacing:.05em}.staff-voice-output-grid label>small{min-height:34px;color:#76858b;font-size:10px;line-height:1.45}.staff-voice-output-grid select,.staff-voice-output-grid input[type=range]{width:100%}.staff-voice-output-grid select{min-height:42px;padding:0 10px;border:1px solid #d8e3e0;border-radius:7px;color:#263e44;background:#fff;font-size:11px;font-weight:800}.staff-voice-output-grid input[type=range]{accent-color:var(--primary)}
.staff-voice-savebar{position:sticky;z-index:5;bottom:12px;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:14px 16px;border:1px solid color-mix(in srgb,var(--primary) 18%,#dce6e3);border-radius:12px;background:rgba(255,255,255,.96);box-shadow:0 15px 45px rgba(20,55,62,.14);backdrop-filter:blur(12px)}.staff-voice-savebar b{display:block;color:#1f373d;font-size:11px}.staff-voice-savebar small{display:block;margin-top:3px;color:#75848a;font-size:10px}
@media(max-width:900px){.staff-voice-hero{grid-template-columns:1fr}.staff-voice-hero-status{min-height:auto}.staff-voice-event-grid{grid-template-columns:1fr}.staff-voice-output-grid{grid-template-columns:1fr}.staff-voice-output-grid label>small{min-height:0}}
@media(max-width:760px){.staff-topbar-actions .management-user-name{display:none}.management-voice-status{min-height:34px;padding:0 8px}.management-voice-status span{display:none}.staff-voice-unlock{align-items:stretch;flex-wrap:wrap}.staff-voice-unlock>div{flex-basis:100%}.staff-voice-unlock button,.staff-voice-unlock>a{flex:1}.staff-voice-live-toast{top:70px;right:14px}.staff-voice-settings-page{gap:13px}.staff-voice-hero{padding:20px;text-align:center}.staff-voice-hero p{margin-left:auto;margin-right:auto}.staff-voice-browser-note{align-items:center;flex-wrap:wrap;text-align:center}.staff-voice-browser-note>div{flex-basis:calc(100% - 60px)}.staff-voice-browser-note .btn{width:100%}.staff-voice-master-card{align-items:center;flex-direction:column;text-align:center}.staff-voice-event-section,.staff-voice-output-section{padding:16px}.staff-voice-event-section>header{align-items:center;flex-direction:column;text-align:center}.staff-voice-event-card{grid-template-columns:38px minmax(0,1fr);align-items:start}.staff-voice-event-number{width:38px;height:38px}.staff-voice-event-toggle{grid-column:1/-1;width:100%;flex-direction:row;justify-content:flex-end;padding-top:0}.staff-voice-savebar{align-items:stretch;flex-direction:column;text-align:center}.staff-voice-savebar .btn{width:100%}}
@media(max-width:430px){.staff-voice-live-toast{grid-template-columns:40px 1fr auto;padding:11px}.staff-voice-live-toast>span{width:40px;height:40px}.staff-voice-event-card{padding:13px}.staff-voice-hero h2{font-size:25px}}
/* ============================================================
V645 — NATURAL INDIAN HINDI VOICE STATUS
============================================================ */
.staff-voice-engine-name{
display:block;
margin-top:8px;
padding:8px 10px;
border:1px solid rgba(6,56,68,.13);
border-radius:7px;
background:rgba(238,246,244,.74);
color:#0a5c49!important;
font-size:10px!important;
font-weight:900!important;
line-height:1.45!important;
letter-spacing:.045em;
}
/* ============================================================
V646 — HINDI VOICE FALLBACK STATUS
============================================================ */
.staff-voice-engine-name.is-fallback{
border-color:rgba(180,105,0,.28)!important;
background:#fff7e7!important;
color:#9a5a00!important;
}
/* ============================================================
V647 — REAL HINDI AI VOICE
============================================================ */
.staff-ai-central-status{
display:block;
margin-top:8px;
padding:9px 11px;
border-radius:7px;
font-size:10px!important;
font-weight:950!important;
line-height:1.45!important;
letter-spacing:.045em;
}
.staff-ai-central-status.is-ready{
color:#08704f!important;
background:#eaf8f2;
border:1px solid rgba(8,112,79,.22);
}
.staff-ai-central-status.is-missing{
color:#a05d00!important;
background:#fff6e4;
border:1px solid rgba(160,93,0,.22);
}
.super-ai-voice-settings .management-central-status.ready{
border-color:rgba(8,112,79,.25);
background:#eefaf5;
}
.super-ai-voice-settings .management-central-status.warning{
border-color:rgba(160,93,0,.23);
background:#fff8e9;
}
.super-ai-voice-settings input[type="number"]{
font-variant-numeric:tabular-nums;
}
/* ============================================================
V648 — FREE LOCAL INDIC PARLER HINDI AI
============================================================ */
.super-inline-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:12px}
.super-ai-voice-settings textarea{min-height:112px;resize:vertical;line-height:1.55}
@media(max-width:620px){.super-inline-actions{justify-content:center}.super-inline-actions .btn{width:100%;justify-content:center}}
/* ============================================================
V649 — SHARED PIPER VOICE + RESTAURANT FEATURE CONTROL
============================================================ */
.staff-voice-feature-disabled{
min-height:420px;
display:grid;
place-content:center;
justify-items:center;
gap:14px;
padding:42px 24px;
text-align:center;
border:1px solid rgba(6,56,68,.14);
background:linear-gradient(180deg,#fff,#f1f7f5);
}
.staff-voice-feature-disabled>span{font-size:11px;font-weight:950;letter-spacing:.14em;color:#a05d00}
.staff-voice-feature-disabled h2{max-width:760px;margin:0;color:#17343b;font-size:clamp(24px,4vw,42px);line-height:1.08}
.staff-voice-feature-disabled p{max-width:680px;margin:0;color:#68787d;line-height:1.7}
.staff-voice-managed-engine{
display:flex;align-items:center;justify-content:space-between;gap:18px;
margin:16px 0;padding:18px 20px;border:1px solid rgba(6,56,68,.14);background:#fff;
}
.staff-voice-managed-engine div{display:grid;gap:4px}
.staff-voice-managed-engine small{font-size:10px;font-weight:950;letter-spacing:.12em;color:#69787d}
.staff-voice-managed-engine strong{font-size:18px;color:#063844}
.staff-voice-managed-engine span{font-size:11px;font-weight:850;color:#738186}
.staff-voice-managed-engine>b{padding:9px 12px;border-radius:6px;font-size:10px;letter-spacing:.08em}
.staff-voice-managed-engine.is-ready>b{background:#e7f8f1;color:#08704f}
.staff-voice-managed-engine.is-offline>b{background:#fff1e8;color:#a44819}
.super-voice-feature-badge{display:inline-flex;align-items:center;padding:7px 9px;border-radius:5px;font-size:10px;font-weight:950;letter-spacing:.06em}
.super-voice-feature-badge.is-on{background:#e7f8f1;color:#08704f}
.super-voice-feature-badge.is-off{background:#f2f4f3;color:#68767a}
.super-restaurant-voice-control{margin-bottom:18px}
.super-voice-control-grid{display:grid;grid-template-columns:minmax(240px,.7fr) minmax(0,1.3fr);gap:18px;align-items:stretch}
.super-voice-control-status{display:grid;align-content:center;gap:7px;padding:22px;border:1px solid rgba(6,56,68,.13);background:#f4f8f7}
.super-voice-control-status small{font-size:10px;font-weight:950;letter-spacing:.12em;color:#6a787d}
.super-voice-control-status strong{font-size:24px;color:#17343b}
.super-voice-control-status span{font-size:11px;font-weight:850;color:#6b7a7f}
.super-voice-control-status.is-on{border-left:5px solid #0a7c57}
.super-voice-control-status.is-off{border-left:5px solid #9ca8a4}
.super-voice-control-form{display:grid;align-content:center;gap:16px;padding:22px;border:1px solid rgba(6,56,68,.13);background:#fff}
.super-voice-control-form label{display:flex;align-items:flex-start;gap:12px}
.super-voice-control-form input[type=checkbox]{width:21px;height:21px;accent-color:var(--primary)}
.super-voice-control-form label span{display:grid;gap:5px}
.super-voice-control-form label b{font-size:13px;color:#17343b}
.super-voice-control-form label small{font-size:11px;line-height:1.55;color:#6d7a7f}
@media(max-width:760px){
.staff-voice-managed-engine{align-items:center;flex-direction:column;text-align:center}
.super-voice-control-grid{grid-template-columns:1fr}
}
/* ============================================================
V652 — SUPER ADMIN PIPER API UPDATE CONTROL
============================================================ */
.super-piper-api-save{
display:flex;
align-items:center;
justify-content:space-between;
gap:18px;
padding:18px;
border:1px solid rgba(6,56,68,.18);
background:linear-gradient(135deg,rgba(238,246,244,.95),rgba(255,255,255,.98));
}
.super-piper-api-save div{
display:grid;
gap:5px;
}
.super-piper-api-save b{
font-size:14px;
letter-spacing:.04em;
color:var(--management-ink,#102b31);
}
.super-piper-api-save small{
line-height:1.5;
color:var(--management-muted,#5b6f74);
}
.super-piper-api-save .btn{
flex:0 0 auto;
min-width:230px;
}
@media(max-width:720px){
.super-piper-api-save{
align-items:stretch;
flex-direction:column;
}
.super-piper-api-save .btn{
width:100%;
min-width:0;
}
}
/* ============================================================
V656 — SUPER ADMIN PIPER API KEY CHANGE GUIDE
============================================================ */
.super-piper-key-guide{
border:1px solid rgba(6,56,68,.18);
background:#fff;
}
.super-piper-key-guide>summary{
list-style:none;
cursor:pointer;
display:flex;
align-items:center;
justify-content:space-between;
gap:18px;
padding:18px 20px;
}
.super-piper-key-guide>summary::-webkit-details-marker{display:none}
.super-piper-key-guide>summary span{
display:grid;
gap:5px;
}
.super-piper-key-guide>summary b{
color:#17343b;
font-size:14px;
letter-spacing:.05em;
}
.super-piper-key-guide>summary small{
color:#6b7a7f;
line-height:1.45;
}
.super-piper-key-guide>summary strong{
flex:0 0 auto;
padding:8px 11px;
border:1px solid rgba(6,56,68,.16);
color:#063844;
font-size:10px;
letter-spacing:.09em;
}
.super-piper-key-guide[open]>summary{
border-bottom:1px solid rgba(6,56,68,.12);
background:#f5faf9;
}
.super-piper-guide-body{
display:grid;
gap:18px;
padding:20px;
}
.super-piper-guide-current{
display:grid;
gap:7px;
padding:15px;
background:#eef6f4;
border-left:4px solid #0a5c49;
}
.super-piper-guide-current span{
font-size:10px;
font-weight:950;
letter-spacing:.12em;
color:#5c6e72;
}
.super-piper-guide-current code{
overflow-wrap:anywhere;
color:#063844;
font-weight:850;
}
.super-piper-guide-current small{
color:#617277;
line-height:1.5;
}
.super-piper-guide-body ol{
margin:0;
padding-left:24px;
display:grid;
gap:13px;
}
.super-piper-guide-body li{
padding-left:5px;
}
.super-piper-guide-body li b,
.super-piper-guide-body li span{
display:block;
}
.super-piper-guide-body li b{
color:#17343b;
font-size:12px;
letter-spacing:.04em;
}
.super-piper-guide-body li span{
margin-top:4px;
color:#6b7a7f;
line-height:1.55;
}
.super-piper-command{
min-width:0;
border:1px solid rgba(6,56,68,.18);
background:#071f25;
}
.super-piper-command>div{
display:flex;
align-items:center;
justify-content:space-between;
gap:14px;
padding:10px 12px;
background:#0d3038;
color:#fff;
}
.super-piper-command>div b{
font-size:10px;
letter-spacing:.12em;
}
.super-piper-command .btn{
min-height:34px;
background:#fff;
}
.super-piper-command pre,
.super-piper-troubleshooting pre{
margin:0;
padding:16px;
overflow:auto;
white-space:pre-wrap;
overflow-wrap:anywhere;
}
.super-piper-command code{
color:#e8f5f2;
font-size:12px;
line-height:1.7;
}
.super-piper-guide-warning{
display:grid;
gap:6px;
padding:14px 16px;
background:#fff6e4;
border:1px solid rgba(160,93,0,.2);
}
.super-piper-guide-warning b{
color:#8c5600;
font-size:11px;
letter-spacing:.08em;
}
.super-piper-guide-warning span{
color:#795f32;
line-height:1.55;
}
.super-piper-troubleshooting{
border:1px solid rgba(6,56,68,.14);
}
.super-piper-troubleshooting>summary{
cursor:pointer;
padding:13px 15px;
color:#17343b;
font-size:11px;
font-weight:900;
letter-spacing:.06em;
}
.super-piper-troubleshooting pre{
border-top:1px solid rgba(6,56,68,.12);
background:#f7faf9;
}
.super-piper-troubleshooting code{
color:#17343b;
font-size:12px;
line-height:1.7;
}
@media(max-width:720px){
.super-piper-key-guide>summary{
align-items:flex-start;
flex-direction:column;
}
.super-piper-key-guide>summary strong{
width:100%;
text-align:center;
}
.super-piper-command>div{
align-items:stretch;
flex-direction:column;
}
.super-piper-command .btn{
width:100%;
}
}
/* ============================================================
V657 — RESTAURANT ADMIN PASSWORD CONTROL
============================================================ */
.super-password-label small,
.super-admin-password-reset small{
color:var(--management-muted,#65767a);
line-height:1.45;
}
.super-password-input{
display:flex;
align-items:stretch;
width:100%;
min-width:0;
}
.super-password-input input{
flex:1 1 auto;
min-width:0;
border-right:0;
}
.super-password-input button{
flex:0 0 auto;
min-width:68px;
padding:0 12px;
border:1px solid rgba(6,56,68,.25);
background:#eef6f4;
color:#063844;
font-size:10px;
font-weight:950;
letter-spacing:.06em;
cursor:pointer;
}
.super-admin-password-reset{
display:grid;
gap:14px;
margin-top:20px;
padding-top:20px;
border-top:1px solid rgba(6,56,68,.12);
}
.super-admin-login-summary{
display:grid;
gap:5px;
padding:13px 15px;
background:#eef6f4;
border-left:4px solid #0a5c49;
}
.super-admin-login-summary span{
color:#68797d;
font-size:10px;
font-weight:900;
letter-spacing:.1em;
}
.super-admin-login-summary strong{
color:#063844;
overflow-wrap:anywhere;
}
@media(max-width:600px){
.super-password-input{
align-items:stretch;
}
.super-password-input button{
min-width:62px;
}
}
/* ============================================================
V658 — STAFF PUBLIC RESTAURANT WEBSITE MANAGER
============================================================ */
.public-website-admin{
display:grid;
gap:18px;
}
.public-website-admin-hero{
display:flex;
align-items:flex-end;
justify-content:space-between;
gap:24px;
padding:26px;
background:linear-gradient(135deg,#063844,#0a5c49);
color:#fff;
}
.public-website-admin-hero>div:first-child{
max-width:760px;
}
.public-website-admin-hero span{
display:block;
margin-bottom:8px;
color:#f6bd55;
font-size:11px;
font-weight:950;
letter-spacing:.13em;
}
.public-website-admin-hero h2{
margin:0 0 9px;
font-size:clamp(22px,3vw,34px);
}
.public-website-admin-hero p{
margin:0;
color:rgba(255,255,255,.82);
line-height:1.65;
}
.public-website-admin-hero>div:last-child{
display:flex;
flex-wrap:wrap;
justify-content:flex-end;
gap:9px;
}
.public-website-admin-hero .btn.outline{
border-color:rgba(255,255,255,.45);
color:#fff;
background:rgba(255,255,255,.06);
}
.public-website-status-grid{
display:grid;
grid-template-columns:repeat(4,minmax(0,1fr));
gap:12px;
}
.public-website-status-grid article{
display:grid;
gap:6px;
min-width:0;
padding:18px;
border:1px solid rgba(6,56,68,.13);
background:#fff;
}
.public-website-status-grid article.online{
border-left:5px solid #0a7a52;
}
.public-website-status-grid article.offline{
border-left:5px solid #b6463a;
}
.public-website-status-grid small{
color:#687a7f;
font-size:10px;
font-weight:950;
letter-spacing:.1em;
}
.public-website-status-grid strong{
color:#15353c;
font-size:20px;
}
.public-website-status-grid span{
color:#6c7d81;
font-size:12px;
line-height:1.45;
}
.public-website-form{
display:grid;
gap:16px;
}
.public-website-section{
border:1px solid rgba(6,56,68,.14);
background:#fff;
}
.public-website-section>header{
display:flex;
align-items:flex-start;
gap:14px;
padding:18px 20px;
border-bottom:1px solid rgba(6,56,68,.11);
background:#f5faf9;
}
.public-website-section>header>span{
display:grid;
place-items:center;
flex:0 0 38px;
height:38px;
background:#063844;
color:#fff;
font-size:11px;
font-weight:950;
}
.public-website-section>header h2{
margin:0 0 4px;
color:#17343b;
font-size:16px;
}
.public-website-section>header p{
margin:0;
color:#6b7b80;
line-height:1.5;
}
.public-website-fields{
display:grid;
grid-template-columns:repeat(2,minmax(0,1fr));
gap:15px;
padding:20px;
}
.public-website-fields label{
display:grid;
align-content:start;
gap:7px;
min-width:0;
}
.public-website-fields label.full{
grid-column:1/-1;
}
.public-website-fields label>span{
color:#263f45;
font-size:11px;
font-weight:950;
letter-spacing:.05em;
}
.public-website-fields label>small{
color:#708085;
line-height:1.45;
}
.public-website-fields input,
.public-website-fields textarea,
.public-website-fields select{
width:100%;
min-width:0;
}
.public-website-toggle-grid{
display:grid;
grid-template-columns:repeat(2,minmax(0,1fr));
gap:12px;
padding:20px 20px 0;
}
.public-website-toggle-grid label{
position:relative;
display:grid;
grid-template-columns:1fr auto;
align-items:center;
gap:14px;
min-width:0;
padding:15px;
border:1px solid rgba(6,56,68,.13);
cursor:pointer;
}
.public-website-toggle-grid label>input{
position:absolute;
opacity:0;
pointer-events:none;
}
.public-website-toggle-grid label span{
display:grid;
gap:4px;
}
.public-website-toggle-grid label b{
color:#1e3b42;
font-size:11px;
letter-spacing:.04em;
}
.public-website-toggle-grid label small{
color:#728186;
line-height:1.4;
}
.public-website-toggle-grid label i{
position:relative;
width:46px;
height:25px;
border-radius:999px;
background:#cbd6d3;
transition:.2s ease;
}
.public-website-toggle-grid label i::after{
content:"";
position:absolute;
top:3px;
left:3px;
width:19px;
height:19px;
border-radius:50%;
background:#fff;
box-shadow:0 2px 6px rgba(0,0,0,.2);
transition:.2s ease;
}
.public-website-toggle-grid label>input:checked~i{
background:#0a5c49;
}
.public-website-toggle-grid label>input:checked~i::after{
transform:translateX(21px);
}
.public-website-current-image{
display:flex!important;
align-items:center;
gap:14px!important;
padding:12px;
border:1px solid rgba(6,56,68,.14);
background:#f8fbfa;
}
.public-website-current-image img{
width:150px;
height:85px;
object-fit:cover;
}
.public-website-current-image div{
display:grid;
gap:5px;
}
.public-website-current-image b{
color:#17343b;
font-size:11px;
letter-spacing:.05em;
}
.public-website-current-image small{
color:#6c7d81;
}
.public-website-savebar{
position:sticky;
bottom:12px;
z-index:12;
display:flex;
align-items:center;
justify-content:space-between;
gap:18px;
padding:16px 18px;
border:1px solid rgba(6,56,68,.18);
background:rgba(255,255,255,.96);
box-shadow:0 14px 40px rgba(6,56,68,.14);
backdrop-filter:blur(10px);
}
.public-website-savebar>div{
display:grid;
gap:4px;
}
.public-website-savebar b{
color:#17343b;
font-size:12px;
letter-spacing:.05em;
}
.public-website-savebar small{
color:#6b7c80;
line-height:1.45;
}
.landing-announcement{
padding:9px 15px;
background:var(--secondary,#f6bd55);
color:#142b31;
text-align:center;
font-size:12px;
font-weight:900;
letter-spacing:.03em;
}
@media(max-width:980px){
.public-website-status-grid{
grid-template-columns:repeat(2,minmax(0,1fr));
}
}
@media(max-width:720px){
.public-website-admin-hero{
align-items:stretch;
flex-direction:column;
padding:20px;
}
.public-website-admin-hero>div:last-child{
display:grid;
grid-template-columns:1fr;
}
.public-website-admin-hero .btn{
width:100%;
}
.public-website-status-grid,
.public-website-toggle-grid,
.public-website-fields{
grid-template-columns:1fr;
}
.public-website-fields label.full{
grid-column:auto;
}
.public-website-current-image{
align-items:flex-start;
flex-direction:column;
}
.public-website-current-image img{
width:100%;
height:auto;
aspect-ratio:16/9;
}
.public-website-savebar{
align-items:stretch;
flex-direction:column;
bottom:8px;
}
.public-website-savebar .btn{
width:100%;
}
}
/* ============================================================
V659 — PAYMENT COMPLIANCE, PUBLIC POLICIES & COMPLETE GUIDES
============================================================ */
.powered-policy-links,.public-policy-links,.restaurant-policy-nav{
display:flex;flex-wrap:wrap;justify-content:center;gap:8px 14px;padding:13px 16px;
}
.powered-policy-links{border-bottom:1px solid rgba(255,255,255,.12)}
.powered-policy-links a,.public-policy-links a,.restaurant-policy-nav a{
color:inherit;text-decoration:none;font-size:10px;font-weight:900;letter-spacing:.05em;
}
.payment-policy-acceptance{
grid-column:1/-1!important;display:flex!important;align-items:flex-start!important;gap:10px!important;
padding:13px!important;border:1px solid rgba(6,56,68,.16)!important;background:#f7faf9!important;
}
.payment-policy-acceptance input{width:18px!important;height:18px!important;flex:0 0 18px;margin-top:1px}
.payment-policy-acceptance span{font-size:12px;line-height:1.55;color:#516469}
.payment-policy-acceptance a{color:#063844;font-weight:900}
.restaurant-policy-page{background:#eef6f4;color:#17343b}
.restaurant-policy-shell{width:min(1120px,calc(100% - 28px));margin:24px auto 80px;display:grid;gap:18px}
.restaurant-policy-hero{padding:34px;background:linear-gradient(135deg,#063844,#0a5c49);color:#fff}
.restaurant-policy-hero>a{color:#f6bd55;text-decoration:none;font-weight:900;font-size:11px}
.restaurant-policy-hero>span{display:block;margin-top:26px;color:#f6bd55;font-size:11px;font-weight:950;letter-spacing:.12em}
.restaurant-policy-hero h1{margin:8px 0;font-size:clamp(28px,5vw,50px)}
.restaurant-policy-hero p{margin:0;color:rgba(255,255,255,.8)}
.restaurant-policy-card{display:grid;grid-template-columns:280px 1fr;background:#fff;border:1px solid rgba(6,56,68,.14)}
.restaurant-policy-card aside{padding:24px;background:#f5faf9;border-right:1px solid rgba(6,56,68,.12)}
.restaurant-policy-card aside>b{font-size:11px;letter-spacing:.1em}
.restaurant-policy-card dl{display:grid;gap:15px;margin:20px 0 0}
.restaurant-policy-card dl div{display:grid;gap:4px}
.restaurant-policy-card dt{color:#758589;font-size:9px;font-weight:950;letter-spacing:.09em}
.restaurant-policy-card dd{margin:0;overflow-wrap:anywhere;font-size:13px;line-height:1.5}
.restaurant-policy-content{padding:30px;font-size:14px;line-height:1.85;white-space:normal}
.restaurant-policy-contact{display:flex;align-items:center;gap:12px;padding:20px;background:#fff;border:1px solid rgba(6,56,68,.14)}
.restaurant-policy-contact>div{margin-right:auto}
.restaurant-policy-contact b{color:#17343b}
.restaurant-policy-contact p{margin:5px 0 0;color:#68797d}
.restaurant-policy-nav{background:#063844;color:#fff}
.restaurant-contact-compliance-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.restaurant-contact-compliance-grid article{display:grid;align-content:start;gap:8px;padding:24px;background:#fff;border:1px solid rgba(6,56,68,.14)}
.restaurant-contact-compliance-grid span{color:#0a5c49;font-size:10px;font-weight:950;letter-spacing:.1em}
.restaurant-contact-compliance-grid h2{margin:0;font-size:20px}
.restaurant-contact-compliance-grid p{margin:0;color:#66777b;line-height:1.6}
.restaurant-contact-compliance-grid small{display:block;color:#5d7075}
.compliance-admin{display:grid;gap:16px}
.compliance-admin-hero{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;padding:26px;background:linear-gradient(135deg,#063844,#0a5c49);color:#fff}
.compliance-admin-hero>div:first-child{max-width:800px}
.compliance-admin-hero span{color:#f6bd55;font-size:10px;font-weight:950;letter-spacing:.12em}
.compliance-admin-hero h2{margin:8px 0;font-size:clamp(22px,3vw,34px)}
.compliance-admin-hero p{margin:0;color:rgba(255,255,255,.8);line-height:1.6}
.compliance-admin-hero>div:last-child{text-align:center}
.compliance-admin-hero strong{display:block;font-size:38px;color:#f6bd55}
.compliance-admin-hero small{font-size:10px;letter-spacing:.1em}
.compliance-check-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.compliance-check-grid article{display:flex;gap:12px;padding:15px;background:#fff;border:1px solid rgba(6,56,68,.13)}
.compliance-check-grid article>span{display:grid;place-items:center;flex:0 0 28px;height:28px;border-radius:50%;font-weight:950}
.compliance-check-grid article.ready>span{background:#e5f7ed;color:#087346}
.compliance-check-grid article.attention>span{background:#fff0dc;color:#a15d00}
.compliance-check-grid div{display:grid;gap:4px;min-width:0}
.compliance-check-grid b{font-size:10px;letter-spacing:.05em}
.compliance-check-grid small{color:#6d7c80;line-height:1.4}
.compliance-check-grid a{color:#063844;font-size:10px;font-weight:950;text-decoration:none}
.compliance-official-note{display:flex;gap:14px;padding:16px;background:#fff8e5;border:1px solid rgba(160,93,0,.2)}
.compliance-official-note b{color:#8a5600}
.compliance-official-note p{margin:0;color:#715d34;line-height:1.55}
.compliance-form{display:grid;gap:14px}
.compliance-section{background:#fff;border:1px solid rgba(6,56,68,.14)}
.compliance-section>header{display:flex;align-items:flex-start;gap:14px;padding:18px 20px;background:#f5faf9;border-bottom:1px solid rgba(6,56,68,.11)}
.compliance-section>header>span{display:grid;place-items:center;flex:0 0 38px;height:38px;background:#063844;color:#fff;font-size:10px;font-weight:950}
.compliance-section>header>div{flex:1}
.compliance-section>header h2{margin:0 0 4px;font-size:16px}
.compliance-section>header p{margin:0;color:#6a7a7f}
.compliance-section>header>a{color:#063844;font-size:10px;font-weight:950;text-decoration:none}
.compliance-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px;padding:20px}
.compliance-fields label{display:grid;gap:7px;min-width:0}
.compliance-fields label.full{grid-column:1/-1}
.compliance-fields label>span{font-size:10px;font-weight:950;letter-spacing:.05em}
.compliance-fields label>small{color:#728186;line-height:1.45}
.compliance-fields input,.compliance-fields textarea{width:100%;min-width:0}
.compliance-fields textarea{font-family:inherit;line-height:1.6}
.compliance-toggle-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;padding:20px}
.compliance-toggle-grid label{position:relative;display:grid;grid-template-columns:1fr auto;gap:12px;align-items:center;padding:15px;border:1px solid rgba(6,56,68,.14);cursor:pointer}
.compliance-toggle-grid input{position:absolute;opacity:0}
.compliance-toggle-grid span{display:grid;gap:5px}
.compliance-toggle-grid b{font-size:10px;letter-spacing:.05em}
.compliance-toggle-grid small{color:#718085;line-height:1.4}
.compliance-toggle-grid i{position:relative;width:45px;height:25px;border-radius:999px;background:#ccd7d4}
.compliance-toggle-grid i:after{content:"";position:absolute;top:3px;left:3px;width:19px;height:19px;border-radius:50%;background:#fff;box-shadow:0 2px 6px rgba(0,0,0,.2);transition:.2s}
.compliance-toggle-grid input:checked~i{background:#0a5c49}
.compliance-toggle-grid input:checked~i:after{transform:translateX(20px)}
.compliance-provider-checklist{padding:24px;background:#071f25;color:#fff}
.compliance-provider-checklist>div{display:flex;align-items:center;gap:12px}
.compliance-provider-checklist>div span{display:grid;place-items:center;width:38px;height:38px;background:#f6bd55;color:#162d33;font-weight:950}
.compliance-provider-checklist h2{margin:0;font-size:17px}
.compliance-provider-checklist ol{line-height:1.7;color:#dbe9e6}
.compliance-provider-checklist p{padding:13px;background:rgba(246,189,85,.12);color:#f8dfaa}
.compliance-savebar{position:sticky;bottom:10px;z-index:10;display:flex;align-items:center;gap:10px;padding:16px;background:rgba(255,255,255,.97);border:1px solid rgba(6,56,68,.18);box-shadow:0 14px 40px rgba(6,56,68,.15)}
.compliance-savebar>div{margin-right:auto;display:grid;gap:4px}
.compliance-savebar b{font-size:11px;letter-spacing:.05em}
.compliance-savebar small{color:#6d7d81}
.option-guide-page{display:grid;gap:16px}
.option-guide-cover{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;padding:30px;background:linear-gradient(135deg,#063844,#0a5c49);color:#fff}
.option-guide-cover>div{max-width:850px}
.option-guide-cover span{color:#f6bd55;font-size:10px;font-weight:950;letter-spacing:.12em}
.option-guide-cover h1{margin:9px 0;font-size:clamp(26px,4vw,44px)}
.option-guide-cover p{margin:0;color:rgba(255,255,255,.82);line-height:1.6}
.option-guide-cover aside{text-align:center}
.option-guide-cover aside b{display:block;font-size:32px;color:#f6bd55}
.option-guide-cover aside small{font-size:9px;letter-spacing:.1em}
.option-guide-toolbar{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:14px;align-items:end;padding:16px;background:#fff;border:1px solid rgba(6,56,68,.14)}
.option-guide-toolbar label{display:grid;gap:6px}
.option-guide-toolbar label span,.option-guide-toolbar>small{font-size:9px;font-weight:950;letter-spacing:.1em;color:#65777b}
.option-guide-toolbar input{width:100%}
.option-guide-toolbar>div{display:flex;gap:8px}
.option-guide-toc{display:flex;gap:8px;overflow-x:auto;padding:12px;background:#f5faf9;border:1px solid rgba(6,56,68,.12)}
.option-guide-toc a{flex:0 0 auto;padding:9px 11px;background:#fff;color:#17343b;text-decoration:none;font-size:9px;font-weight:950;letter-spacing:.05em;border:1px solid rgba(6,56,68,.12)}
.option-guide-book{display:grid;gap:10px}
.option-guide-chapter{background:#fff;border:1px solid rgba(6,56,68,.14)}
.option-guide-chapter>summary{list-style:none;display:grid;grid-template-columns:42px 1fr auto;align-items:center;gap:14px;padding:18px 20px;cursor:pointer}
.option-guide-chapter>summary::-webkit-details-marker{display:none}
.option-guide-chapter>summary>span{display:grid;place-items:center;width:42px;height:42px;background:#063844;color:#fff;font-size:10px;font-weight:950}
.option-guide-chapter>summary h2{margin:0 0 3px;font-size:16px}
.option-guide-chapter>summary p{margin:0;color:#6d7d81}
.option-guide-chapter>summary>b{font-size:22px;color:#0a5c49}
.option-guide-chapter[open]>summary{background:#f5faf9;border-bottom:1px solid rgba(6,56,68,.11)}
.option-guide-chapter[open]>summary>b{transform:rotate(45deg)}
.option-guide-chapter-body{padding:22px;font-size:14px;line-height:1.7;color:#40565c}
.option-guide-chapter-body h3{color:#17343b;margin:18px 0 6px}
.option-guide-chapter-body h3:first-child{margin-top:0}
.option-guide-chapter-body a.btn{margin:4px}
.guide-note{padding:14px;background:#eef6f4;border-left:4px solid #0a5c49}
.guide-note p{margin:4px 0 0}
.guide-role-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.guide-role-grid article{padding:14px;background:#f7faf9;border:1px solid rgba(6,56,68,.12)}
.guide-role-grid p{margin:5px 0 0}
.super-option-guide .option-guide-cover{background:linear-gradient(135deg,var(--management-primary,#063844),#0a5c49)}
@media(max-width:980px){
.compliance-check-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.compliance-toggle-grid{grid-template-columns:1fr}
}
@media(max-width:720px){
.restaurant-policy-card{grid-template-columns:1fr}
.restaurant-policy-card aside{border-right:0;border-bottom:1px solid rgba(6,56,68,.12)}
.restaurant-policy-contact{align-items:stretch;flex-direction:column}
.restaurant-contact-compliance-grid,.compliance-check-grid,.compliance-fields,.guide-role-grid{grid-template-columns:1fr}
.compliance-fields label.full{grid-column:auto}
.compliance-admin-hero,.option-guide-cover{align-items:flex-start;flex-direction:column}
.compliance-savebar{align-items:stretch;flex-direction:column}
.compliance-savebar>div{margin-right:0}
.compliance-savebar .btn{width:100%}
.option-guide-toolbar{grid-template-columns:1fr}
.option-guide-toolbar>div{display:grid;grid-template-columns:1fr 1fr}
.option-guide-chapter>summary{grid-template-columns:36px 1fr auto;padding:14px}
.option-guide-chapter>summary>span{width:36px;height:36px}
}
/* ============================================================
V661 — COMPLETE PROFESSIONAL PUBLIC LAYOUT BASE
Restores all .pro-* grids, cards, hero imagery, About,
Contact, FAQ, footer and responsive layouts.
============================================================ */
/* HYPER DINE PROFESSIONAL FULL V2 */
body.restaurant-landing-page.landing-layout-professional-complete{--pro-primary:var(--primary,#063844);--pro-accent:var(--secondary,#f6bd55);--pro-dark:#102d34;--pro-ink:#17262b;--pro-muted:#66767b;--pro-line:#dce7e4;--pro-soft:#eef6f4;--pro-paper:#f7faf9;--pro-white:#fff;margin:0;background:var(--pro-paper);color:var(--pro-ink);font-family:Arial,Helvetica,sans-serif}.landing-layout-professional-complete *{box-sizing:border-box}.landing-layout-professional-complete .landing-container{width:min(1380px,calc(100% - 36px))}.landing-layout-professional-complete .landing-header{position:sticky;top:0;z-index:60;background:rgba(255,255,255,.96);border:0;border-bottom:1px solid color-mix(in srgb,var(--pro-primary) 15%,#e2e9e7);box-shadow:0 8px 28px rgba(25,57,62,.07);backdrop-filter:blur(18px)}.landing-layout-professional-complete .landing-nav{min-height:74px}.landing-layout-professional-complete .landing-brand{gap:11px;color:var(--pro-primary);font-size:15px;font-weight:950;letter-spacing:.045em;text-transform:uppercase}.landing-layout-professional-complete .landing-brand img,.landing-layout-professional-complete .landing-logo-fallback{width:45px;height:45px;border:1px solid color-mix(in srgb,var(--pro-primary) 18%,#e3e9e7);border-radius:8px;background:#fff;color:var(--pro-primary);box-shadow:0 5px 16px rgba(20,55,61,.09)}.landing-layout-professional-complete .landing-nav nav{gap:3px;flex-wrap:nowrap}.landing-layout-professional-complete .landing-nav nav a{min-height:40px;display:inline-flex;align-items:center;padding:0 13px;color:#596a70;border:1px solid transparent;border-radius:7px;font-size:10px;letter-spacing:.07em}.landing-layout-professional-complete .landing-nav nav a.active,.landing-layout-professional-complete .landing-nav nav a:hover{color:var(--pro-primary);background:color-mix(in srgb,var(--pro-primary) 7%,#fff);border-color:color-mix(in srgb,var(--pro-primary) 14%,#e4e9e7)}.landing-layout-professional-complete .landing-order-link{min-height:42px!important;margin-left:5px;padding:0 18px!important;border-radius:7px!important;background:var(--pro-primary)!important;box-shadow:0 8px 20px color-mix(in srgb,var(--pro-primary) 20%,transparent)}
.pro-hero{position:relative;overflow:hidden;background:linear-gradient(135deg,#fbfdfc 0%,var(--pro-soft) 65%,#e5f0ed 100%)}.pro-hero:before{content:"";position:absolute;width:620px;height:620px;left:-330px;top:-360px;border-radius:50%;background:color-mix(in srgb,var(--pro-accent) 25%,transparent)}.pro-hero-grid{position:relative;min-height:720px;display:grid;grid-template-columns:minmax(0,1.02fr) minmax(430px,.98fr);align-items:center;gap:48px}.pro-hero-copy{padding:90px 0}.pro-eyebrow{display:inline-flex;align-items:center;gap:10px;padding:10px 14px;color:var(--pro-primary);background:#fff;border:1px solid color-mix(in srgb,var(--pro-primary) 15%,#dfe7e4);border-radius:7px;box-shadow:0 8px 24px rgba(25,59,64,.06);font-size:9px;font-weight:950;letter-spacing:.16em;text-transform:uppercase}.pro-eyebrow:before{content:"";width:9px;height:9px;border-radius:2px;background:var(--pro-accent);box-shadow:0 0 0 4px color-mix(in srgb,var(--pro-accent) 18%,transparent)}.pro-hero h1{max-width:850px;margin:25px 0 22px;color:var(--pro-dark);font-size:clamp(52px,6.2vw,94px);line-height:.95;letter-spacing:-.06em;text-transform:uppercase}.pro-hero-copy>p{max-width:700px;margin:0;color:var(--pro-muted);font-size:17px;line-height:1.8}.pro-hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:32px}.pro-primary-button,.pro-secondary-button{min-height:52px;display:inline-flex;align-items:center;justify-content:center;padding:0 24px;border:1px solid var(--pro-primary);border-radius:7px;font-size:10px;font-weight:950;letter-spacing:.085em;text-decoration:none;text-transform:uppercase;transition:.2s ease}.pro-primary-button{color:#fff;background:var(--pro-primary);box-shadow:0 10px 25px color-mix(in srgb,var(--pro-primary) 20%,transparent)}.pro-secondary-button{color:var(--pro-primary);background:#fff}.pro-primary-button:hover,.pro-secondary-button:hover{transform:translateY(-2px)}.pro-hero-mini-info{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:42px}.pro-hero-mini-info>div{padding:15px 17px;background:rgba(255,255,255,.68);border:1px solid color-mix(in srgb,var(--pro-primary) 11%,#e3e9e7);border-radius:8px}.pro-hero-mini-info b{display:block;margin-bottom:7px;color:var(--pro-primary);font-size:9px;letter-spacing:.11em}.pro-hero-mini-info span{display:block;color:#5e6e73;font-size:12px;line-height:1.55}.pro-hero-visual{position:relative;min-height:590px;margin:48px 0;overflow:hidden;border:7px solid #fff;border-radius:20px;background:linear-gradient(180deg,rgba(8,40,48,.03),rgba(8,40,48,.5)),var(--pro-hero) center/cover no-repeat;box-shadow:0 30px 85px rgba(25,59,64,.18),0 0 0 1px color-mix(in srgb,var(--pro-primary) 14%,#e0e7e5)}.pro-hero-visual:before{content:"";position:absolute;inset:18px;border:1px solid rgba(255,255,255,.5);border-radius:12px}.pro-hero-overlay-card{position:absolute;left:24px;right:24px;bottom:24px;padding:22px;color:#fff;background:rgba(9,42,50,.86);border:1px solid rgba(255,255,255,.25);border-radius:11px;backdrop-filter:blur(12px)}.pro-hero-overlay-card span{display:block;margin-bottom:8px;color:var(--pro-accent);font-size:9px;font-weight:950;letter-spacing:.16em}.pro-hero-overlay-card strong{display:block;font-size:23px;line-height:1.15}.pro-hero-overlay-card a{display:inline-block;margin-top:14px;color:#fff;font-size:10px;font-weight:950;text-decoration:none}.pro-rating-float{position:absolute;right:20px;top:20px;min-width:118px;padding:16px;text-align:center;background:#fff;border-radius:10px;box-shadow:0 16px 35px rgba(14,43,49,.17)}.pro-rating-float b{display:block;color:var(--pro-primary);font-size:26px}.pro-rating-float span{display:block;margin-top:4px;color:#718086;font-size:8px;font-weight:900;letter-spacing:.08em}
.pro-metric-band{background:var(--pro-primary)}.pro-metric-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr))}.pro-metric-grid>div{min-height:132px;display:grid;align-content:center;justify-items:center;gap:8px;padding:20px;text-align:center;border-right:1px solid rgba(255,255,255,.15)}.pro-metric-grid>div:first-child{border-left:1px solid rgba(255,255,255,.15)}.pro-metric-grid strong{color:#fff;font-size:30px}.pro-metric-grid span{color:rgba(255,255,255,.72);font-size:9px;font-weight:900;letter-spacing:.1em}
.pro-story-section,.pro-menu-section,.pro-feedback-section,.pro-contact-page{padding:100px 0;background:#fff}.pro-story-grid{display:grid;grid-template-columns:minmax(420px,.95fr) minmax(0,1.05fr);gap:70px;align-items:center}.pro-story-media{position:relative;min-height:620px;border-radius:18px;background:linear-gradient(180deg,rgba(6,56,68,.05),rgba(6,56,68,.25)),var(--pro-story) center/cover no-repeat;box-shadow:0 24px 65px rgba(26,60,65,.15)}.pro-story-media:after{content:"";position:absolute;inset:22px;border:1px solid rgba(255,255,255,.55);border-radius:12px}.pro-story-badge{position:absolute;z-index:2;left:28px;right:28px;bottom:28px;padding:20px;background:#fff;border-radius:10px;box-shadow:0 18px 38px rgba(15,48,54,.16)}.pro-story-badge b{display:block;margin-bottom:7px;color:var(--pro-primary);font-size:9px;letter-spacing:.12em}.pro-story-badge span{color:#5e6c71;font-size:13px;line-height:1.6}.pro-story-content>span,.pro-section-heading>span,.pro-section-heading>div>span,.pro-speciality-grid>div>span,.pro-visit-grid article>span,.pro-faq-grid>div>span,.pro-inner-banner span,.pro-about-grid article>span,.pro-contact-hours>span{color:var(--pro-primary);font-size:10px;font-weight:950;letter-spacing:.17em}.pro-story-content h2,.pro-section-heading h2,.pro-speciality-grid h2,.pro-visit-grid h2,.pro-faq-grid h2,.pro-about-grid h2,.pro-contact-hours h2{margin:15px 0 20px;color:var(--pro-dark);font-size:clamp(38px,4.8vw,66px);line-height:1;letter-spacing:-.045em;text-transform:uppercase}.pro-story-content>p,.pro-speciality-grid>div>p,.pro-visit-grid article>p,.pro-faq-grid>div>p,.pro-about-grid article>p{color:var(--pro-muted);font-size:16px;line-height:1.9}.pro-story-points{display:grid;gap:10px;margin:26px 0}.pro-story-points>div{padding:17px 18px;background:var(--pro-soft);border-left:4px solid var(--pro-accent);border-radius:6px}.pro-story-points b{display:block;margin-bottom:5px;color:var(--pro-dark);font-size:10px;letter-spacing:.08em}.pro-story-points span{color:#627177;font-size:13px;line-height:1.55}.pro-story-content>a,.pro-faq-grid>div>a{display:inline-block;margin-top:10px;color:var(--pro-primary);font-size:10px;font-weight:950;text-decoration:none;letter-spacing:.08em}
.pro-experience-section,.pro-order-section,.pro-category-section,.pro-visit-section,.pro-faq-section,.pro-about-values{padding:96px 0;background:var(--pro-paper)}.pro-section-heading{max-width:820px;margin:0 auto 42px;text-align:center}.pro-section-heading p{margin:0;color:var(--pro-muted);font-size:16px;line-height:1.7}.pro-heading-row{max-width:none;display:flex;align-items:flex-end;justify-content:space-between;gap:30px;text-align:left}.pro-heading-row>div{max-width:780px}.pro-heading-row>a{flex:0 0 auto;min-height:44px;display:inline-flex;align-items:center;padding:0 17px;color:var(--pro-primary);background:#fff;border:1px solid color-mix(in srgb,var(--pro-primary) 14%,#dce5e2);border-radius:7px;font-size:9px;font-weight:950;text-decoration:none;letter-spacing:.08em}.pro-experience-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.pro-experience-grid article{min-height:250px;padding:29px;background:#fff;border:1px solid color-mix(in srgb,var(--pro-primary) 11%,#e0e8e5);border-radius:13px;box-shadow:0 14px 35px rgba(24,58,63,.06);transition:.2s ease}.pro-experience-grid article:hover{transform:translateY(-5px);border-color:color-mix(in srgb,var(--pro-primary) 30%,#d8e3e0)}.pro-experience-grid article>span{width:42px;height:42px;display:grid;place-items:center;color:var(--pro-primary);background:var(--pro-soft);border-radius:7px;font-size:10px;font-weight:950}.pro-experience-grid h3{margin:22px 0 10px;color:var(--pro-dark);font-size:18px}.pro-experience-grid p{margin:0;color:var(--pro-muted);font-size:13px;line-height:1.75}
.pro-category-section{background:#eef5f3}.pro-category-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px}.pro-category-card{position:relative;min-height:230px;display:flex;align-items:flex-end;justify-content:space-between;gap:16px;overflow:hidden;padding:22px;color:#fff;border-radius:13px;background:linear-gradient(180deg,rgba(8,43,51,.16),rgba(8,43,51,.9)),var(--category-image,linear-gradient(135deg,var(--pro-primary),var(--pro-dark))) center/cover no-repeat;text-decoration:none;box-shadow:0 16px 38px rgba(20,53,59,.1)}.pro-category-card:after{content:"";position:absolute;inset:12px;border:1px solid rgba(255,255,255,.35);border-radius:8px}.pro-category-card>span,.pro-category-card>div,.pro-category-card>b{position:relative;z-index:2}.pro-category-card>span{position:absolute;left:22px;top:20px;color:var(--pro-accent);font-size:11px;font-weight:950}.pro-category-card h3{margin:0 0 5px;font-size:19px}.pro-category-card p{margin:0;color:rgba(255,255,255,.73);font-size:11px}.pro-category-card>b{width:39px;height:39px;display:grid;place-items:center;flex:0 0 39px;color:var(--pro-dark);background:var(--pro-accent);border-radius:7px}
.pro-food-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.pro-food-card{overflow:hidden;background:#fff;border:1px solid color-mix(in srgb,var(--pro-primary) 11%,#dfe7e4);border-radius:14px;box-shadow:0 15px 38px rgba(25,58,64,.07);transition:.2s ease}.pro-food-card:hover{transform:translateY(-5px);box-shadow:0 23px 48px rgba(25,58,64,.12)}.pro-food-card img,.pro-food-placeholder{width:100%;height:270px;display:grid;place-items:center;object-fit:cover;background:#dce9e6;font-size:58px}.pro-food-featured{grid-column:span 2;display:grid;grid-template-columns:1.12fr .88fr}.pro-food-featured img,.pro-food-featured .pro-food-placeholder{height:100%;min-height:440px}.pro-food-content{padding:23px}.pro-food-content small{color:var(--pro-primary);font-size:9px;font-weight:950;letter-spacing:.12em}.pro-food-content h3{margin:10px 0 9px;color:var(--pro-dark);font-size:22px}.pro-food-featured h3{font-size:34px}.pro-food-content p{min-height:46px;margin:0;color:var(--pro-muted);font-size:13px;line-height:1.7}.pro-food-content footer{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:19px;padding-top:17px;border-top:1px solid var(--pro-line)}.pro-food-content footer strong{color:var(--pro-primary);font-size:20px}.pro-food-content footer span{color:#8a6500;font-size:10px;font-weight:950}.pro-center-action{display:flex;justify-content:center;margin-top:34px}
.pro-order-section{background:var(--pro-primary);color:#fff}.pro-order-section .pro-section-heading span{color:var(--pro-accent)}.pro-order-section .pro-section-heading h2{color:#fff}.pro-order-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.14)}.pro-order-grid article{min-height:275px;padding:28px;background:var(--pro-primary)}.pro-order-grid b{width:45px;height:45px;display:grid;place-items:center;color:var(--pro-dark);background:var(--pro-accent);border-radius:7px;font-size:11px}.pro-order-grid h3{margin:34px 0 12px;color:#fff;font-size:17px}.pro-order-grid p{margin:0;color:rgba(255,255,255,.7);font-size:13px;line-height:1.75}
.pro-speciality-section,.pro-about-facilities{padding:100px 0;background:#fff}.pro-speciality-grid{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(330px,.9fr);gap:65px;align-items:center}.pro-facility-list{display:flex;gap:9px;flex-wrap:wrap;margin:27px 0}.pro-facility-list span{padding:10px 13px;color:var(--pro-primary);background:var(--pro-soft);border:1px solid color-mix(in srgb,var(--pro-primary) 12%,#e1e8e6);border-radius:6px;font-size:9px;font-weight:950;letter-spacing:.06em}.pro-speciality-grid aside{min-height:470px;display:grid;place-items:center;align-content:center;gap:15px;padding:45px;color:#fff;text-align:center;background:linear-gradient(145deg,var(--pro-primary),var(--pro-dark));border-radius:18px;box-shadow:0 25px 60px rgba(20,53,59,.19)}.pro-speciality-grid aside strong{font-size:38px;line-height:1;letter-spacing:-.04em}.pro-speciality-grid aside b{color:var(--pro-accent);font-size:25px}.pro-speciality-grid aside small{margin-top:20px;color:rgba(255,255,255,.65);font-size:9px;letter-spacing:.14em}
.pro-feedback-section{background:#fff}.pro-rating-summary{min-width:210px;padding:21px;text-align:center;background:var(--pro-primary);border-radius:10px}.pro-rating-summary strong{display:block;color:#fff;font-size:34px}.pro-rating-summary span{display:block;margin-top:5px;color:rgba(255,255,255,.7);font-size:8px;font-weight:900;letter-spacing:.07em}.pro-review-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px}.pro-review-grid article{min-height:260px;padding:27px;background:var(--pro-paper);border:1px solid var(--pro-line);border-radius:13px}.pro-review-grid article>div{display:flex;align-items:center;justify-content:space-between;gap:10px}.pro-review-grid article>div span{color:#b68400;font-size:12px;letter-spacing:2px}.pro-review-grid article>div b{color:var(--pro-primary);font-size:8px;letter-spacing:.09em}.pro-review-grid article>p{margin:27px 0;color:#506066;font-size:15px;line-height:1.8}.pro-review-grid footer{display:flex;align-items:center;justify-content:space-between;gap:15px;padding-top:17px;border-top:1px solid var(--pro-line)}.pro-review-grid footer strong{color:var(--pro-dark);font-size:12px}.pro-review-grid footer span{color:var(--pro-muted);font-size:10px}.pro-review-information h3{margin:25px 0 10px;color:var(--pro-dark);font-size:18px}
.pro-visit-section{background:var(--pro-soft)}.pro-visit-grid{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:65px;align-items:center}.pro-contact-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:28px}.pro-contact-actions a{min-height:46px;display:inline-flex;align-items:center;padding:0 16px;color:#fff;background:var(--pro-primary);border-radius:7px;font-size:9px;font-weight:950;text-decoration:none;letter-spacing:.07em}.pro-visit-details{display:grid;gap:12px}.pro-visit-details>div{padding:22px;background:#fff;border:1px solid var(--pro-line);border-radius:10px}.pro-visit-details b{display:block;margin-bottom:8px;color:var(--pro-primary);font-size:9px;letter-spacing:.1em}.pro-visit-details span,.pro-visit-details a{color:#5c6d72;font-size:13px;line-height:1.65;text-decoration:none}
.pro-faq-section{background:#fff}.pro-faq-grid{display:grid;grid-template-columns:minmax(270px,.68fr) minmax(0,1.32fr);gap:70px}.pro-faq-list{display:grid;gap:10px}.pro-faq-list details{overflow:hidden;background:var(--pro-paper);border:1px solid var(--pro-line);border-radius:10px}.pro-faq-list summary{min-height:76px;display:grid;grid-template-columns:42px 1fr 24px;align-items:center;gap:14px;padding:0 20px;cursor:pointer;list-style:none}.pro-faq-list summary::-webkit-details-marker{display:none}.pro-faq-list summary b{width:36px;height:36px;display:grid;place-items:center;color:var(--pro-primary);background:var(--pro-soft);border-radius:6px;font-size:9px}.pro-faq-list summary span{color:var(--pro-dark);font-size:14px;font-weight:900}.pro-faq-list summary i{color:var(--pro-primary);font-style:normal;font-size:20px}.pro-faq-list details p{margin:0;padding:0 22px 22px 76px;color:var(--pro-muted);font-size:13px;line-height:1.75}
.pro-final-cta{padding:100px 0;color:#fff;text-align:center;background:linear-gradient(135deg,var(--pro-primary),var(--pro-dark))}.pro-final-cta>.landing-container{max-width:960px}.pro-final-cta span{color:var(--pro-accent);font-size:10px;font-weight:950;letter-spacing:.17em}.pro-final-cta h2{margin:17px auto 29px;color:#fff;font-size:clamp(38px,5vw,68px);line-height:1.05;letter-spacing:-.045em;text-transform:uppercase}.pro-final-cta>div>div{display:flex;justify-content:center;gap:12px;flex-wrap:wrap}.pro-final-cta .pro-secondary-button{border-color:rgba(255,255,255,.45);background:transparent;color:#fff}
.pro-inner-banner{padding:105px 0;color:#fff;text-align:center;background:linear-gradient(135deg,var(--pro-primary),var(--pro-dark))}.pro-inner-banner span{color:var(--pro-accent)}.pro-inner-banner h1{margin:18px 0 16px;color:#fff;font-size:clamp(50px,7vw,90px);line-height:.95;letter-spacing:-.055em;text-transform:uppercase}.pro-inner-banner p{max-width:800px;margin:auto;color:rgba(255,255,255,.72);font-size:16px;line-height:1.75}.pro-about-story{padding:100px 0;background:#fff}.pro-about-grid{display:grid;grid-template-columns:minmax(420px,.95fr) minmax(0,1.05fr);gap:70px;align-items:center}.pro-about-image{min-height:650px;border-radius:18px;background:linear-gradient(180deg,rgba(6,56,68,.03),rgba(6,56,68,.22)),var(--about-image) center/cover no-repeat;box-shadow:0 24px 65px rgba(25,58,64,.15)}.pro-about-grid blockquote{margin:25px 0;padding:20px 22px;color:var(--pro-dark);background:var(--pro-soft);border-left:5px solid var(--pro-accent);font-size:15px;line-height:1.7}.pro-contact-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-bottom:20px}.pro-contact-cards article{min-height:250px;padding:28px;background:var(--pro-soft);border:1px solid var(--pro-line);border-radius:13px}.pro-contact-cards article>b{width:39px;height:39px;display:grid;place-items:center;margin-bottom:24px;color:var(--pro-primary);background:#fff;border-radius:7px;font-size:9px}.pro-contact-cards article>span{display:block;color:var(--pro-primary);font-size:9px;font-weight:950;letter-spacing:.11em}.pro-contact-cards article>strong{display:block;margin:11px 0;color:var(--pro-dark);font-size:18px;overflow-wrap:anywhere}.pro-contact-cards article>p{color:var(--pro-muted);font-size:13px;line-height:1.65}.pro-contact-cards article>a{color:var(--pro-primary);font-size:9px;font-weight:950;text-decoration:none}.pro-contact-main{display:grid;grid-template-columns:minmax(300px,.75fr) minmax(0,1.25fr);gap:20px}.pro-contact-hours,.pro-contact-form{padding:35px!important;border-radius:14px!important}.pro-contact-hours{color:#fff;background:linear-gradient(145deg,var(--pro-primary),var(--pro-dark))}.pro-contact-hours>span{color:var(--pro-accent)}.pro-contact-hours h2{color:#fff}.pro-contact-hours>p{color:rgba(255,255,255,.75);font-size:15px;line-height:1.8}.pro-contact-hours .pro-primary-button{color:var(--pro-dark);background:var(--pro-accent);border-color:var(--pro-accent)}.pro-contact-form{box-shadow:none!important}.pro-contact-form h2{color:var(--pro-dark);font-size:34px}.pro-contact-form input,.pro-contact-form textarea{border-radius:7px!important;background:#fbfdfc!important;border-color:var(--pro-line)!important}
.pro-footer{padding:0!important;color:var(--pro-ink)!important;background:#fff!important;border-top:1px solid var(--pro-line)}.pro-footer-grid{display:grid!important;grid-template-columns:1.4fr .75fr .85fr .9fr;gap:45px!important;padding-top:65px!important;padding-bottom:55px!important}.pro-footer-grid h3{margin:0 0 18px;color:var(--pro-dark);font-size:11px;letter-spacing:.11em}.pro-footer-logo{display:flex;align-items:center;gap:11px;color:var(--pro-primary)!important;text-decoration:none}.pro-footer-logo img,.pro-footer-logo>span{width:44px;height:44px;display:grid;place-items:center;object-fit:cover;color:#fff;background:var(--pro-primary);border-radius:8px}.pro-footer-logo strong{font-size:15px!important}.pro-footer-brand>p{max-width:460px;margin:17px 0;color:var(--pro-muted)!important;font-size:12px;line-height:1.75}.pro-footer-address b{display:block;margin-bottom:5px;color:var(--pro-primary);font-size:9px;letter-spacing:.1em}.pro-footer-address span{color:#66767b;font-size:11px;line-height:1.6}.pro-footer-links,.pro-footer-contact{display:grid;gap:10px!important}.pro-footer-links a,.pro-footer-contact a,.pro-footer-contact span{color:#5f7075!important;font-size:11px!important;font-weight:700!important;text-decoration:none}.pro-footer-hours{color:#5f7075!important;font-size:11px;line-height:1.7}.pro-footer-action{display:inline-block;margin-top:14px;color:var(--pro-primary)!important;font-size:9px!important;font-weight:950!important;text-decoration:none}.pro-footer-bottom{border-top:1px solid var(--pro-line);background:linear-gradient(90deg,#f8faf9,var(--pro-soft),#f8faf9)}.pro-footer-bottom>.landing-container{min-height:55px;display:flex;align-items:center;justify-content:space-between;gap:20px;color:#748287;font-size:8px;font-weight:900;letter-spacing:.11em}.pro-footer-bottom b{color:var(--pro-primary)}
@media(max-width:1100px){.pro-hero-grid{grid-template-columns:1fr .86fr;gap:28px}.pro-hero h1{font-size:clamp(48px,6vw,74px)}.pro-experience-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.pro-category-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.pro-food-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.pro-food-featured{grid-column:span 2}.pro-order-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.pro-footer-grid{grid-template-columns:1.25fr repeat(3,1fr);gap:28px!important}}
@media(max-width:820px){.landing-layout-professional-complete .landing-container{width:calc(100% - 22px)}.landing-layout-professional-complete .landing-nav{min-height:64px;align-items:center;flex-direction:row;padding:0}.landing-layout-professional-complete .landing-brand{min-width:0;flex:1;font-size:12px}.landing-layout-professional-complete .landing-brand strong{max-width:145px;overflow:hidden;text-overflow:ellipsis}.landing-layout-professional-complete .landing-brand img,.landing-layout-professional-complete .landing-logo-fallback{width:40px;height:40px}.landing-layout-professional-complete .landing-nav nav{width:auto;max-width:52%;overflow-x:auto}.landing-layout-professional-complete .landing-nav nav a:not(.landing-order-link){display:none}.landing-layout-professional-complete .landing-order-link{display:inline-flex!important;min-height:37px!important;margin:0;padding:0 11px!important;font-size:8px!important}.pro-hero-grid,.pro-story-grid,.pro-speciality-grid,.pro-visit-grid,.pro-faq-grid,.pro-about-grid,.pro-contact-main{grid-template-columns:1fr}.pro-hero-grid{min-height:auto}.pro-hero-copy{padding:58px 0 34px;text-align:center}.pro-eyebrow{margin:auto}.pro-hero h1{font-size:clamp(40px,12vw,62px)}.pro-hero-copy>p{font-size:15px}.pro-hero-actions{justify-content:center}.pro-hero-mini-info{grid-template-columns:1fr}.pro-hero-visual{min-height:430px;margin:0 0 30px}.pro-metric-grid{grid-template-columns:repeat(2,minmax(0,1fr));width:100%!important}.pro-metric-grid>div{min-height:105px}.pro-story-section,.pro-menu-section,.pro-feedback-section,.pro-contact-page,.pro-experience-section,.pro-order-section,.pro-category-section,.pro-visit-section,.pro-faq-section,.pro-about-values,.pro-speciality-section,.pro-about-facilities,.pro-about-story{padding:65px 0}.pro-story-media,.pro-about-image{min-height:430px}.pro-story-content h2,.pro-section-heading h2,.pro-speciality-grid h2,.pro-visit-grid h2,.pro-faq-grid h2,.pro-about-grid h2,.pro-contact-hours h2{font-size:clamp(34px,10vw,50px)}.pro-heading-row{align-items:center;flex-direction:column;text-align:center}.pro-heading-row>a{align-self:center}.pro-experience-grid,.pro-category-grid,.pro-food-grid,.pro-review-grid,.pro-contact-cards{grid-template-columns:1fr}.pro-food-featured{grid-column:auto;display:block}.pro-food-featured img,.pro-food-featured .pro-food-placeholder{height:300px;min-height:0}.pro-order-grid{grid-template-columns:1fr}.pro-order-grid article{min-height:220px}.pro-speciality-grid aside{min-height:360px}.pro-speciality-grid aside strong{font-size:31px}.pro-rating-summary{width:100%}.pro-faq-list details p{padding-left:22px}.pro-footer-grid{grid-template-columns:1fr!important;text-align:center;padding-top:48px!important;padding-bottom:38px!important}.pro-footer-logo{justify-content:center}.pro-footer-links,.pro-footer-contact{justify-items:center}.pro-footer-bottom>.landing-container{min-height:75px;flex-direction:column;justify-content:center;text-align:center}.pro-inner-banner{padding:75px 0}.pro-inner-banner h1{font-size:clamp(42px,12vw,65px)}}
@media(max-width:430px){.pro-primary-button,.pro-secondary-button{width:100%}.pro-hero-overlay-card{left:13px;right:13px;bottom:13px}.pro-rating-float{right:13px;top:13px}.pro-category-card{min-height:205px}.pro-food-card img,.pro-food-placeholder{height:240px}.pro-final-cta>div>div{display:grid}.pro-contact-cards article{min-height:auto}}
/* ============================================================
V660 — HYPER DINE PREMIUM UNIFIED PUBLIC THEME
============================================================ */
.super-book-guide{--primary:var(--management-primary,#063844);--secondary:var(--management-secondary,#f6bd55)}
.super-book-guide .management-book-cover{margin-bottom:16px}
body.landing-theme-hyper-dine-premium{
--premium-ink:#102f36;
--premium-soft:#eef6f4;
background:#eef3f2!important;
color:var(--premium-ink);
}
.landing-theme-hyper-dine-premium .premium-public-header{
position:sticky;top:0;z-index:60;
background:var(--primary)!important;
border:0!important;
box-shadow:0 12px 34px rgba(6,36,43,.2);
}
.premium-public-nav{min-height:74px;display:flex;align-items:center;gap:22px}
.premium-public-brand{color:#fff!important;min-width:0}
.premium-public-brand img,.premium-public-brand .landing-logo-fallback{
width:46px;height:46px;border-radius:8px!important;background:#fff!important;color:var(--primary)!important;
}
.premium-public-brand strong{overflow:hidden;text-overflow:ellipsis;font-size:clamp(17px,2vw,24px)}
.premium-public-desktop-links{display:flex;align-items:center;justify-content:center;gap:4px;margin-left:auto}
.premium-public-desktop-links a{
padding:11px 12px;color:rgba(255,255,255,.82)!important;text-decoration:none;
font-size:11px;font-weight:950;letter-spacing:.04em;border-bottom:2px solid transparent;
}
.premium-public-desktop-links a:hover,.premium-public-desktop-links a.active{
color:#fff!important;border-bottom-color:var(--secondary);
}
.premium-public-header-actions{display:flex;align-items:center;gap:9px}
.premium-public-order{
display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:0 16px;
background:var(--secondary);color:#172c32;text-decoration:none;font-size:11px;font-weight:950;letter-spacing:.04em;
}
.premium-public-menu-button{
display:grid;place-content:center;gap:5px;width:44px;height:42px;padding:0;
border:1px solid rgba(255,255,255,.25);background:rgba(255,255,255,.08);cursor:pointer;
}
.premium-public-menu-button span{display:block;width:21px;height:2px;background:#fff}
.premium-public-menu-backdrop{
position:fixed;inset:0;z-index:90;background:rgba(4,20,25,.62);backdrop-filter:blur(4px)
}
.premium-public-drawer{
position:fixed;top:0;right:0;z-index:100;width:min(390px,92vw);height:100dvh;
display:grid;grid-template-rows:auto 1fr auto auto;
background:#fff;box-shadow:-22px 0 65px rgba(0,0,0,.22);
transform:translateX(105%);transition:transform .25s ease;
}
.premium-public-drawer.open{transform:translateX(0)}
html.public-menu-open{overflow:hidden}
.premium-public-drawer>header{
display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px;
background:var(--primary);color:#fff;
}
.premium-public-drawer>header>a{display:flex;align-items:center;gap:10px;min-width:0;color:#fff;text-decoration:none}
.premium-public-drawer>header img,.premium-public-drawer>header .landing-logo-fallback{
width:42px;height:42px;object-fit:cover;border-radius:7px!important;background:#fff!important;color:var(--primary)!important
}
.premium-public-drawer>header strong{overflow:hidden;text-overflow:ellipsis}
.premium-public-drawer>header button{width:40px;height:40px;border:0;background:rgba(255,255,255,.13);color:#fff;font-size:27px;cursor:pointer}
.premium-public-drawer>nav{overflow-y:auto;display:grid;align-content:start;padding:10px 0}
.premium-public-drawer>nav>a,.premium-public-drawer>nav>span{
display:block;padding:13px 20px;border-bottom:1px solid #edf1f0;
}
.premium-public-drawer>nav>a{color:#213b42;text-decoration:none;font-size:12px;font-weight:900}
.premium-public-drawer>nav>a:hover{background:var(--premium-soft);color:var(--primary)}
.premium-public-drawer>nav>span{margin-top:7px;background:#f5f8f7;color:#718085;font-size:9px;font-weight:950;letter-spacing:.12em}
.premium-public-drawer>footer{padding:14px 20px;background:#102f36;color:#fff;text-align:center;font-size:9px;font-weight:950;letter-spacing:.12em}
.premium-menu-social,.premium-footer-social{display:flex;flex-wrap:wrap;gap:8px}
.premium-menu-social{padding:14px 20px;border-top:1px solid #e8efed}
.premium-menu-social a,.premium-footer-social a{
display:inline-flex;align-items:center;gap:7px;text-decoration:none;font-size:9px;font-weight:950;letter-spacing:.04em
}
.premium-menu-social a{padding:9px 10px;background:#eef6f4;color:var(--primary)}
.premium-footer-social{margin-top:16px}
.premium-footer-social a{padding:9px 10px;border:1px solid rgba(255,255,255,.17);color:#fff}
.premium-menu-social svg,.premium-footer-social svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.8}
.landing-pagination{
display:flex;align-items:center;justify-content:center;gap:7px;flex-wrap:wrap;margin:28px 0 5px
}
.landing-pagination a,.landing-pagination strong,.landing-pagination span{
display:grid;place-items:center;min-width:40px;height:40px;padding:0 10px;border:1px solid rgba(6,56,68,.18);
background:#fff;color:var(--primary);text-decoration:none;font-size:10px;font-weight:950
}
.landing-pagination strong{background:var(--primary);color:#fff;border-color:var(--primary)}
.landing-pagination span{border:0;background:transparent}
.public-premium-theme-card{
display:flex;align-items:center;justify-content:space-between;gap:22px;padding:22px;
background:linear-gradient(135deg,#063844,#0a5c49);color:#fff
}
.public-premium-theme-card>div:first-child{max-width:700px}
.public-premium-theme-card span{font-size:9px;font-weight:950;letter-spacing:.12em;color:#f6bd55}
.public-premium-theme-card h2{margin:7px 0;font-size:24px}
.public-premium-theme-card p{margin:0;color:rgba(255,255,255,.8);line-height:1.55}
.public-theme-swatches{display:flex;align-items:center;justify-content:flex-end;gap:10px;flex-wrap:wrap}
.public-theme-swatches>span{display:grid;grid-template-columns:34px auto;grid-template-rows:auto auto;column-gap:8px;align-items:center;padding:9px 11px;background:rgba(255,255,255,.1);color:#fff}
.public-theme-swatches i{grid-row:1/3;width:34px;height:34px;background:var(--swatch);border:2px solid rgba(255,255,255,.75)}
.public-theme-swatches b{font-size:9px}
.public-theme-swatches small{font-size:9px;color:rgba(255,255,255,.75)}
.public-premium-theme-card .btn.outline{border-color:rgba(255,255,255,.5);color:#fff;background:transparent}
.premium-policy-section{padding:56px 0}
.premium-policy-grid{display:grid;grid-template-columns:280px 1fr;background:#fff;border:1px solid rgba(6,56,68,.14);box-shadow:0 20px 55px rgba(6,56,68,.08)}
.premium-policy-grid aside{padding:24px;background:#f1f7f5;border-right:1px solid rgba(6,56,68,.12)}
.premium-policy-grid aside>b{font-size:10px;letter-spacing:.1em}
.premium-policy-grid dl{display:grid;gap:15px;margin:18px 0 0}
.premium-policy-grid dl div{display:grid;gap:4px}
.premium-policy-grid dt{font-size:9px;font-weight:950;letter-spacing:.08em;color:#758589}
.premium-policy-grid dd{margin:0;font-size:13px;line-height:1.5;overflow-wrap:anywhere}
.premium-policy-grid article{padding:30px;font-size:14px;line-height:1.85}
.premium-policy-support{padding:0 0 64px}
.premium-policy-support>.landing-container{display:flex;align-items:center;gap:12px;padding:22px;background:#fff;border:1px solid rgba(6,56,68,.14)}
.premium-policy-support>div>div{margin-right:auto}
.premium-policy-support span{font-size:9px;font-weight:950;letter-spacing:.1em;color:var(--primary)}
.premium-policy-support h2{margin:5px 0}
.premium-policy-support p{margin:0;color:#6c7c80}
.premium-contact-support{padding:56px 0 70px}
@media(max-width:900px){
.premium-public-desktop-links{display:none}
.public-premium-theme-card{align-items:flex-start;flex-direction:column}
.public-theme-swatches{justify-content:flex-start}
}
@media(max-width:720px){
.premium-public-nav{min-height:66px}
.premium-public-order{display:none}
.premium-policy-grid{grid-template-columns:1fr}
.premium-policy-grid aside{border-right:0;border-bottom:1px solid rgba(6,56,68,.12)}
.premium-policy-support>.landing-container{align-items:stretch;flex-direction:column}
.premium-policy-support>div>div{margin-right:0}
.public-theme-swatches{display:grid;width:100%;grid-template-columns:1fr 1fr}
.public-theme-swatches .btn{grid-column:1/-1;width:100%}
}
/* ============================================================
V661 — PUBLIC PAGE LAYOUT CORRECTIONS
============================================================ */
body.restaurant-landing-page.landing-layout-professional-complete{
overflow-x:hidden;
}
.landing-theme-hyper-dine-premium .pro-hero{
background:linear-gradient(135deg,#fbfdfc 0%,var(--pro-soft) 65%,#e5f0ed 100%)!important;
}
.landing-theme-hyper-dine-premium .pro-final-cta,
.landing-theme-hyper-dine-premium .pro-inner-banner{
background:linear-gradient(135deg,var(--pro-primary),var(--pro-dark))!important;
}
.landing-theme-hyper-dine-premium .pro-hero-copy,
.landing-theme-hyper-dine-premium .pro-story-content,
.landing-theme-hyper-dine-premium .pro-about-grid article,
.landing-theme-hyper-dine-premium .pro-contact-page{
color:var(--pro-ink);
}
.landing-theme-hyper-dine-premium .landing-hours{
white-space:pre-line;
}
.landing-theme-hyper-dine-premium .pro-hero-mini-info span,
.landing-theme-hyper-dine-premium .pro-visit-details span,
.landing-theme-hyper-dine-premium .pro-footer-hours{
white-space:pre-line;
}
.premium-public-header{
width:100%;
}
.premium-public-nav{
width:min(1380px,calc(100% - 36px));
}
.pro-hero-grid,
.pro-story-grid,
.pro-about-grid,
.pro-contact-main,
.pro-speciality-grid,
.pro-visit-grid,
.pro-faq-grid{
min-width:0;
}
.pro-hero-copy,
.pro-story-content,
.pro-about-grid article,
.pro-contact-form,
.pro-contact-hours{
min-width:0;
}
.pro-hero-copy h1,
.pro-story-content h2,
.pro-about-grid h2,
.pro-inner-banner h1{
overflow-wrap:anywhere;
}
.pro-hero-mini-info>div,
.pro-experience-grid>article,
.pro-food-card,
.pro-category-card,
.pro-order-grid>article,
.pro-contact-cards>article{
min-width:0;
}
.pro-food-content p{
overflow-wrap:anywhere;
}
.pro-inner-banner{
position:relative;
overflow:hidden;
}
.pro-inner-banner:after{
content:"";
position:absolute;
width:360px;
height:360px;
right:-140px;
top:-190px;
border-radius:50%;
background:color-mix(in srgb,var(--pro-accent) 22%,transparent);
}
.pro-inner-banner>.landing-container{
position:relative;
z-index:1;
}
@media(max-width:820px){
.premium-public-nav{
width:calc(100% - 22px);
}
.pro-hero-copy{
padding-top:48px;
}
.pro-hero-visual{
width:100%;
}
}
/* ============================================================
V662 — HOME SLIDER, ENHANCED SECTIONS, TOP SALES & REVIEWS
============================================================ */
.premium-home-slider{position:relative;overflow:hidden;background:#071f25;min-height:clamp(520px,72vh,780px)}
.premium-slider-track{position:relative;min-height:inherit}
.premium-slider-slide{position:absolute;inset:0;display:grid;align-items:center;opacity:0;visibility:hidden;transform:scale(1.035);transition:opacity .65s ease,transform 1.1s ease,visibility .65s;background-image:var(--slide-image);background-position:center;background-size:cover}
.premium-slider-slide.active{opacity:1;visibility:visible;transform:scale(1)}
.premium-slider-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(4,24,29,.93) 0%,rgba(4,24,29,.74) 43%,rgba(4,24,29,.23) 72%,rgba(4,24,29,.4) 100%),linear-gradient(0deg,rgba(4,24,29,.55),transparent 55%)}
.premium-slider-content{position:relative;z-index:2;max-width:1380px;color:#fff;padding-top:64px;padding-bottom:72px}
.premium-slider-content>span{display:block;margin-bottom:13px;color:var(--secondary);font-size:11px;font-weight:950;letter-spacing:.14em}
.premium-slider-content h1{max-width:820px;margin:0;font-size:clamp(38px,6vw,78px);line-height:1.02;letter-spacing:-.035em;text-wrap:balance}
.premium-slider-content>p{max-width:720px;margin:22px 0 0;color:rgba(255,255,255,.82);font-size:clamp(15px,1.6vw,20px);line-height:1.65}
.premium-slider-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:28px}
.premium-slider-secondary{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 20px;border:1px solid rgba(255,255,255,.55);color:#fff;text-decoration:none;font-size:11px;font-weight:950;letter-spacing:.05em}
.premium-slider-info{display:flex;flex-wrap:wrap;gap:12px;margin-top:36px}
.premium-slider-info>div{display:grid;gap:5px;min-width:220px;padding:13px 16px;border-left:3px solid var(--secondary);background:rgba(4,24,29,.55);backdrop-filter:blur(8px)}
.premium-slider-info b{font-size:9px;letter-spacing:.1em;color:var(--secondary)}
.premium-slider-info small{font-size:12px;line-height:1.45;color:#fff;white-space:pre-line}
.premium-slider-arrow{position:absolute;z-index:4;top:50%;width:48px;height:58px;transform:translateY(-50%);border:1px solid rgba(255,255,255,.28);background:rgba(4,24,29,.42);color:#fff;font-size:34px;cursor:pointer;backdrop-filter:blur(8px)}
.premium-slider-arrow.prev{left:18px}.premium-slider-arrow.next{right:18px}
.premium-slider-dots{position:absolute;z-index:4;left:50%;bottom:24px;display:flex;gap:7px;transform:translateX(-50%)}
.premium-slider-dots button{width:34px;height:4px;padding:0;border:0;background:rgba(255,255,255,.38);cursor:pointer;transition:.2s}
.premium-slider-dots button.active{width:58px;background:var(--secondary)}
.premium-about-home{padding:82px 0;background:#fff}
.premium-about-grid{display:grid;grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);gap:54px;align-items:center}
.premium-about-media{position:relative;min-height:620px;background-image:linear-gradient(180deg,transparent 55%,rgba(5,28,34,.68)),var(--about-image);background-size:cover;background-position:center;box-shadow:22px 24px 0 var(--pro-soft)}
.premium-about-media:before{content:"";position:absolute;inset:18px;border:1px solid rgba(255,255,255,.4);pointer-events:none}
.premium-about-seal{position:absolute;right:-24px;bottom:36px;display:grid;gap:8px;width:190px;padding:22px;background:var(--primary);color:#fff;box-shadow:0 18px 45px rgba(6,56,68,.24)}
.premium-about-seal span{font-size:9px;font-weight:950;letter-spacing:.12em;color:var(--secondary)}
.premium-about-seal b{font-size:22px;line-height:1.25}
.premium-about-copy>span,.premium-section-heading>span{color:var(--secondary);font-size:10px;font-weight:950;letter-spacing:.13em}
.premium-about-copy h2,.premium-section-heading h2{margin:10px 0 14px;color:var(--pro-ink);font-size:clamp(30px,4vw,52px);line-height:1.08;letter-spacing:-.025em}
.premium-about-copy>p{color:#5e7075;font-size:16px;line-height:1.8}
.premium-about-points{display:grid;gap:10px;margin:24px 0}
.premium-about-points>div{display:grid;grid-template-columns:46px auto;column-gap:13px;padding:13px 0;border-bottom:1px solid #e5ecea}
.premium-about-points i{grid-row:1/3;display:grid;place-items:center;width:42px;height:42px;background:var(--pro-soft);color:var(--primary);font-style:normal;font-size:10px;font-weight:950}
.premium-about-points b{font-size:11px;letter-spacing:.05em}
.premium-about-points small{color:#6d7d81;line-height:1.45}
.premium-about-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:25px 0}
.premium-about-stats div{display:grid;gap:4px;padding:14px;background:#f3f8f6;border-top:3px solid var(--primary)}
.premium-about-stats strong{font-size:24px;color:var(--primary)}
.premium-about-stats span{font-size:9px;font-weight:900;color:#718085;letter-spacing:.06em}
.premium-text-link{color:var(--primary);font-size:11px;font-weight:950;text-decoration:none;letter-spacing:.04em}
.premium-guest-section{padding:82px 0;background:linear-gradient(135deg,#071f25,#0b3c46);color:#fff}
.premium-section-heading{max-width:760px;margin-bottom:32px}
.premium-section-heading h2{color:#fff}
.premium-section-heading p{margin:0;color:rgba(255,255,255,.72);line-height:1.65}
.premium-heading-row{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;max-width:none}
.premium-heading-row>a{color:var(--primary);font-size:10px;font-weight:950;text-decoration:none}
.premium-guest-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.premium-guest-grid article{position:relative;overflow:hidden;min-height:230px;padding:24px;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.055);transition:.25s ease}
.premium-guest-grid article:hover{transform:translateY(-6px);background:rgba(255,255,255,.1);border-color:rgba(246,189,85,.5)}
.premium-guest-grid article>div{display:flex;align-items:center;justify-content:space-between;gap:10px}
.premium-guest-grid article>div span{font-size:10px;font-weight:950;color:var(--secondary)}
.premium-guest-grid article>div b{display:grid;place-items:center;min-width:48px;height:34px;padding:0 8px;background:var(--secondary);color:#102f36;font-size:9px;letter-spacing:.05em}
.premium-guest-grid h3{margin:30px 0 10px;font-size:19px}
.premium-guest-grid p{margin:0;color:rgba(255,255,255,.7);line-height:1.6}
.premium-guest-grid article>i{position:absolute;left:24px;bottom:0;width:54px;height:3px;background:var(--secondary)}
.premium-guest-band{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin-top:24px;border:1px solid rgba(255,255,255,.13)}
.premium-guest-band div{display:grid;gap:4px;padding:18px;border-right:1px solid rgba(255,255,255,.13)}
.premium-guest-band div:last-child{border-right:0}
.premium-guest-band strong{font-size:25px;color:var(--secondary)}
.premium-guest-band span{font-size:9px;font-weight:900;letter-spacing:.06em;color:rgba(255,255,255,.7)}
.premium-top-sales{padding:82px 0;background:#eef6f4}
.premium-top-sales .premium-section-heading h2{color:var(--pro-ink)}
.premium-top-sales .premium-section-heading p{color:#6b7b80}
.premium-top-sales-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.premium-top-sales-grid article{position:relative;display:grid;grid-template-rows:250px 1fr;overflow:hidden;background:#fff;border:1px solid rgba(6,56,68,.12);box-shadow:0 14px 34px rgba(6,56,68,.07)}
.premium-top-sales-grid article.leader{border-top:5px solid var(--secondary)}
.premium-top-sales-grid img,.premium-sales-placeholder{width:100%;height:250px;object-fit:cover}
.premium-sales-placeholder{display:grid;place-items:center;background:#dfeae7;font-size:44px}
.premium-sales-rank{position:absolute;z-index:2;top:14px;left:14px;display:flex;align-items:center;gap:6px}
.premium-sales-rank span,.premium-sales-rank b{display:inline-flex;align-items:center;min-height:34px;padding:0 10px;font-size:9px;font-weight:950}
.premium-sales-rank span{background:var(--secondary);color:#102f36}
.premium-sales-rank b{background:rgba(6,56,68,.88);color:#fff;backdrop-filter:blur(7px)}
.premium-sales-copy{display:grid;align-content:start;padding:20px}
.premium-sales-copy small{color:var(--secondary);font-size:9px;font-weight:950;letter-spacing:.08em}
.premium-sales-copy h3{margin:7px 0;font-size:20px}
.premium-sales-copy p{margin:0;color:#6a7a7e;line-height:1.55}
.premium-sales-copy footer{display:flex;justify-content:space-between;gap:10px;margin-top:18px;padding-top:14px;border-top:1px solid #e6ecea}
.premium-sales-copy footer strong{color:var(--primary);font-size:19px}
.premium-sales-copy footer span{font-size:10px;font-weight:900;color:#687a7e}
.public-slider-editor{border:1px solid rgba(6,56,68,.14);background:#f8fbfa}
.public-slider-editor>header{display:flex;align-items:center;gap:10px;padding:13px 15px;background:#eaf3f0;border-bottom:1px solid rgba(6,56,68,.12)}
.public-slider-editor>header>span{display:grid;place-items:center;min-width:68px;height:30px;background:var(--management-primary,#063844);color:#fff;font-size:9px;font-weight:950}
.public-slider-editor>header>b{margin-right:auto;font-size:10px;letter-spacing:.05em}
.public-slider-editor>header>label{display:flex;align-items:center;gap:6px;font-size:10px;font-weight:900}
.public-slider-editor>div{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;padding:15px}
.public-slider-editor>div>label{display:grid;gap:7px}
.public-slider-editor>div>.full{grid-column:1/-1}
.public-review-control-card{display:flex;align-items:center;justify-content:space-between;gap:22px;padding:22px;background:linear-gradient(135deg,#6c241f,#9b382f);color:#fff}
.public-review-control-card span{color:#f6bd55;font-size:9px;font-weight:950;letter-spacing:.12em}
.public-review-control-card h2{margin:7px 0;font-size:22px}
.public-review-control-card p{margin:0;color:rgba(255,255,255,.8)}
.public-review-control-card .btn{flex:0 0 auto;background:#fff;color:#6c241f}
.review-moderation-page{display:grid;gap:15px}
.review-moderation-hero{display:flex;align-items:flex-end;justify-content:space-between;gap:22px;padding:25px;background:linear-gradient(135deg,#063844,#0a5c49);color:#fff}
.review-moderation-hero>div{max-width:800px}
.review-moderation-hero span{color:#f6bd55;font-size:9px;font-weight:950;letter-spacing:.12em}
.review-moderation-hero h2{margin:8px 0;font-size:clamp(22px,3vw,34px)}
.review-moderation-hero p{margin:0;color:rgba(255,255,255,.8);line-height:1.6}
.review-moderation-hero .btn.outline{color:#fff;border-color:rgba(255,255,255,.45)}
.review-moderation-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.review-moderation-stats article{display:grid;gap:5px;padding:17px;background:#fff;border:1px solid rgba(6,56,68,.13)}
.review-moderation-stats small{font-size:9px;font-weight:950;letter-spacing:.08em;color:#718085}
.review-moderation-stats strong{font-size:25px;color:#17343b}
.review-moderation-filter{display:grid;grid-template-columns:1fr 230px auto;gap:12px;align-items:end;padding:16px;background:#fff;border:1px solid rgba(6,56,68,.13)}
.review-moderation-filter label{display:grid;gap:6px}
.review-moderation-filter label span{font-size:9px;font-weight:950;letter-spacing:.08em}
.review-moderation-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.review-moderation-list article{display:grid;align-content:start;gap:14px;padding:18px;background:#fff;border:1px solid rgba(6,56,68,.14)}
.review-moderation-list article.hidden{opacity:.8;border-left:5px solid #a15d00}
.review-moderation-list article.active{border-left:5px solid #087346}
.review-moderation-list header{display:flex;justify-content:space-between;gap:12px}
.review-moderation-list header>div{display:grid;gap:4px}
.review-moderation-list header span{color:#e49a00;letter-spacing:.08em}
.review-moderation-list header b{font-size:9px;letter-spacing:.08em}
.review-moderation-list header small{color:#758589}
.review-moderation-list blockquote{margin:0;padding:14px;background:#f5f8f7;color:#435b61;line-height:1.6}
.review-moderation-list dl{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:0}
.review-moderation-list dl div{display:grid;gap:4px}
.review-moderation-list dt{font-size:8px;font-weight:950;letter-spacing:.09em;color:#758589}
.review-moderation-list dd{margin:0;overflow-wrap:anywhere}
.review-moderation-list form{margin-top:auto}
.review-moderation-list .btn{width:100%}
.review-moderation-list .btn.danger{background:#8e3029;color:#fff}
.review-admin-pagination{display:flex;justify-content:center;gap:7px}
.review-admin-pagination a,.review-admin-pagination strong{display:grid;place-items:center;width:40px;height:40px;border:1px solid rgba(6,56,68,.17);background:#fff;color:#063844;text-decoration:none}
.review-admin-pagination strong{background:#063844;color:#fff}
@media(max-width:980px){
.premium-about-grid{grid-template-columns:1fr;gap:38px}
.premium-about-media{min-height:500px}
.premium-about-seal{right:20px}
.premium-guest-grid,.premium-top-sales-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.premium-guest-band{grid-template-columns:repeat(2,minmax(0,1fr))}
.premium-guest-band div:nth-child(2){border-right:0}
}
@media(max-width:720px){
.premium-home-slider{min-height:650px}
.premium-slider-content{padding-top:54px;padding-bottom:90px}
.premium-slider-content h1{font-size:clamp(35px,12vw,54px)}
.premium-slider-arrow{top:auto;bottom:20px;transform:none;width:42px;height:42px}
.premium-slider-arrow.prev{left:18px}.premium-slider-arrow.next{right:18px}
.premium-slider-dots{bottom:38px}
.premium-about-home,.premium-guest-section,.premium-top-sales{padding:58px 0}
.premium-about-media{min-height:420px;box-shadow:12px 14px 0 var(--pro-soft)}
.premium-about-seal{right:12px;bottom:20px;width:160px;padding:17px}
.premium-about-stats,.premium-guest-grid,.premium-top-sales-grid,.review-moderation-stats,.review-moderation-list{grid-template-columns:1fr}
.premium-guest-band{grid-template-columns:1fr 1fr}
.premium-guest-band div{border-right:0;border-bottom:1px solid rgba(255,255,255,.13)}
.premium-heading-row,.review-moderation-hero,.public-review-control-card{align-items:stretch;flex-direction:column}
.public-slider-editor>div{grid-template-columns:1fr}
.public-slider-editor>div>.full{grid-column:auto}
.public-slider-editor>header{align-items:flex-start;flex-wrap:wrap}
.review-moderation-filter{grid-template-columns:1fr}
.review-moderation-list dl{grid-template-columns:1fr}
}
/* ============================================================
V663 — USER LOGIN STYLE PUBLIC WEBSITE + SOCIAL ICON FIX
============================================================ */
body.restaurant-landing-page.landing-theme-hyper-dine-premium{
background:
radial-gradient(circle at 10% 9%,color-mix(in srgb,var(--primary) 9%,transparent),transparent 23%),
radial-gradient(circle at 90% 26%,color-mix(in srgb,var(--secondary) 13%,transparent),transparent 25%),
linear-gradient(145deg,#f8fbfa,#eef6f4 58%,#f8f4ef);
color:#263b41;
}
.restaurant-landing-page .landing-container{width:min(1240px,calc(100% - 28px))}
.landing-theme-hyper-dine-premium .premium-public-header{
background:linear-gradient(135deg,var(--primary),color-mix(in srgb,var(--primary) 72%,#111827))!important;
box-shadow:0 12px 34px color-mix(in srgb,var(--primary) 24%,transparent)
}
.premium-public-nav{min-height:76px}
.premium-public-brand img,.premium-public-drawer>header img{border-radius:12px!important;box-shadow:0 8px 20px rgba(0,0,0,.2)}
.premium-public-order,.pro-primary-button,.pro-secondary-button,.premium-slider-secondary,.pro-footer-action,.landing-btn{border-radius:12px!important;transition:transform .2s ease,box-shadow .2s ease,background .2s ease}
.premium-public-order:hover,.pro-primary-button:hover,.pro-secondary-button:hover,.premium-slider-secondary:hover,.pro-footer-action:hover,.landing-btn:hover{transform:translateY(-2px)}
.premium-public-menu-button,.premium-public-drawer>header button{border-radius:11px!important}
.premium-public-drawer{border-radius:22px 0 0 22px;overflow:hidden}
.premium-public-drawer>nav>a{margin:3px 10px;border:1px solid transparent;border-radius:10px}
.premium-public-drawer>nav>a:hover{border-color:color-mix(in srgb,var(--primary) 20%,#e7eeec)}
.premium-home-slider{width:min(1420px,calc(100% - 24px));margin:16px auto 24px;border:1px solid rgba(255,255,255,.7);border-radius:24px;box-shadow:0 28px 72px rgba(17,12,8,.22)}
.premium-slider-shade{border-radius:24px}
.premium-slider-info>div,.premium-slider-arrow{border-radius:12px}
.premium-slider-dots button{border-radius:99px}
.premium-about-home,.premium-guest-section,.premium-top-sales,.pro-category-section,.pro-menu-section,.pro-order-section,.pro-speciality-section,.pro-feedback-section,.pro-visit-section,.pro-faq-section,.pro-about-story,.pro-about-values,.pro-about-facilities,.pro-contact-page,.premium-policy-section,.premium-contact-support{background:transparent!important}
.premium-about-grid,.premium-guest-section>.landing-container,.premium-top-sales>.landing-container,.pro-category-section>.landing-container,.pro-menu-section>.landing-container,.pro-order-section>.landing-container,.pro-speciality-section>.landing-container,.pro-feedback-section>.landing-container,.pro-visit-section>.landing-container,.pro-faq-section>.landing-container,.pro-about-story>.landing-container,.pro-about-values>.landing-container,.pro-about-facilities>.landing-container,.pro-contact-page>.landing-container,.premium-policy-grid,.restaurant-contact-compliance-grid{
border:1px solid rgba(255,255,255,.75);border-radius:24px;background:rgba(255,255,255,.96);box-shadow:0 22px 58px rgba(17,35,40,.10)
}
.premium-about-grid{padding:30px}
.premium-about-media,.pro-about-image{border-radius:18px;overflow:hidden}
.premium-about-seal{border-radius:16px}
.premium-about-points i,.premium-about-stats div,.pro-experience-grid article,.pro-category-card,.pro-food-card,.pro-order-grid article,.pro-review-grid article,.pro-contact-cards article,.restaurant-contact-compliance-grid article,.premium-top-sales-grid article{border-radius:16px!important}
.premium-about-stats div,.pro-experience-grid article,.pro-category-card,.pro-order-grid article,.pro-contact-cards article{box-shadow:0 10px 24px rgba(17,35,40,.06)}
.premium-about-copy h2,.pro-section-heading h2,.premium-section-heading h2,.pro-about-grid h2,.pro-contact-hours h2,.pro-contact-form h2{color:var(--primary)}
.premium-guest-section>.landing-container{
padding:42px;
background:radial-gradient(circle at 15% 18%,rgba(255,255,255,.17),transparent 24%),radial-gradient(circle at 88% 80%,rgba(255,255,255,.10),transparent 28%),linear-gradient(135deg,color-mix(in srgb,var(--primary) 92%,#667eea),color-mix(in srgb,var(--primary) 60%,#764ba2))
}
.premium-guest-grid article{border:1px solid rgba(255,255,255,.72);background:#fff;color:#2c4046;box-shadow:0 16px 34px rgba(0,0,0,.12)}
.premium-guest-grid h3{color:var(--primary)}
.premium-guest-grid p{color:#68797e}
.premium-guest-grid article:hover{background:#fff;border-color:var(--secondary)}
.premium-guest-band{overflow:hidden;border-radius:16px;background:rgba(255,255,255,.11)}
.premium-top-sales>.landing-container,.pro-category-section>.landing-container,.pro-menu-section>.landing-container,.pro-order-section>.landing-container,.pro-speciality-section>.landing-container,.pro-feedback-section>.landing-container,.pro-visit-section>.landing-container,.pro-faq-section>.landing-container,.pro-about-values>.landing-container,.pro-about-facilities>.landing-container,.pro-contact-page>.landing-container{padding:36px}
.premium-top-sales-grid article,.pro-food-card{overflow:hidden;border:1px solid #e4ece9;box-shadow:0 15px 34px rgba(17,35,40,.08)}
.pro-category-card{border:1px solid #e3ebe8!important;background:linear-gradient(145deg,#fff,#f5faf8)!important}
.pro-order-grid article{border:1px solid #e3ebe8;background:#fff}
.pro-speciality-grid{border-radius:18px}
.pro-inner-banner{width:min(1420px,calc(100% - 24px));margin:16px auto 24px;border-radius:24px;box-shadow:0 24px 62px color-mix(in srgb,var(--primary) 24%,transparent)}
.pro-final-cta{width:min(1420px,calc(100% - 24px));margin:20px auto 36px;border-radius:24px;overflow:hidden;box-shadow:0 24px 62px color-mix(in srgb,var(--primary) 22%,transparent)}
.pro-final-cta>.landing-container{padding:48px 24px}
.pro-contact-main{gap:18px}
.pro-contact-hours,.pro-contact-form,.landing-form-card{border:1px solid #e2eae7!important;border-radius:20px!important;background:#fff!important;box-shadow:0 16px 36px rgba(17,35,40,.08)!important}
.landing-form-card input,.landing-form-card textarea,.pro-contact-form input,.pro-contact-form textarea{border:2px solid #e3ddd8!important;border-radius:12px!important;background:#f8f6f4!important;transition:.2s ease}
.landing-form-card input:focus,.landing-form-card textarea:focus,.pro-contact-form input:focus,.pro-contact-form textarea:focus{border-color:var(--primary)!important;background:#fff!important;box-shadow:0 0 0 4px color-mix(in srgb,var(--primary) 9%,transparent)!important;outline:0}
.premium-policy-grid{overflow:hidden}
.premium-policy-grid aside{background:linear-gradient(145deg,#f4faf8,#fff)}
.restaurant-contact-compliance-grid{padding:20px}
.pro-footer{width:min(1420px,calc(100% - 24px));margin:24px auto 12px;border-radius:28px 28px 0 0;overflow:hidden;background:linear-gradient(145deg,#132e35,#071f25)!important;box-shadow:0 -18px 48px rgba(17,35,40,.13)}
.pro-footer-grid{gap:28px}
.pro-footer-grid>section{min-width:0}
.pro-footer-follow{display:grid;align-content:start}
.premium-follow-block{display:grid;gap:9px;margin:18px 0}
.premium-follow-block>b{color:var(--secondary);font-size:9px;font-weight:950;letter-spacing:.13em}
.premium-footer-social{display:flex;flex-wrap:wrap;gap:9px}
.premium-footer-social .premium-social-link{position:relative;display:grid;place-items:center;width:46px;height:46px;padding:0;border:1px solid rgba(255,255,255,.18);border-radius:13px;color:#fff;background:rgba(255,255,255,.08);text-decoration:none;transition:.2s ease}
.premium-footer-social .premium-social-link.active:hover{transform:translateY(-3px);border-color:var(--secondary);background:var(--secondary);color:#152d33;box-shadow:0 10px 22px rgba(0,0,0,.18)}
.premium-footer-social .premium-social-link.disabled{opacity:.38;cursor:not-allowed}
.premium-footer-social .premium-social-link svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.8}
.premium-footer-social .premium-social-link>span{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.premium-menu-social{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.premium-menu-social .premium-social-link{display:flex;align-items:center;justify-content:center;gap:7px;min-height:43px;padding:9px;border:1px solid #deebe7;border-radius:11px;background:#f3f8f6;color:var(--primary);text-decoration:none;font-size:9px;font-weight:950}
.premium-menu-social .premium-social-link.disabled{opacity:.42}
.premium-menu-social .premium-social-link svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.8}
@media(max-width:720px){
body.restaurant-landing-page{text-align:center}
.restaurant-landing-page .landing-container{width:calc(100% - 18px)}
.premium-public-nav{width:calc(100% - 18px);min-height:66px}
.premium-public-brand{max-width:calc(100% - 58px)}
.premium-public-brand strong{text-align:left}
.premium-home-slider,.pro-inner-banner,.pro-final-cta,.pro-footer{width:calc(100% - 14px);border-radius:20px}
.premium-slider-content{display:grid;justify-items:center;text-align:center;padding-left:10px;padding-right:10px}
.premium-slider-content>p{margin-left:auto;margin-right:auto}
.premium-slider-actions,.premium-slider-info,.pro-hero-actions,.landing-actions,.pro-contact-actions,.pro-final-cta>div>div,.pro-center-action{justify-content:center!important}
.premium-slider-info>div{min-width:0;width:min(330px,100%)}
.premium-about-grid,.premium-guest-section>.landing-container,.premium-top-sales>.landing-container,.pro-category-section>.landing-container,.pro-menu-section>.landing-container,.pro-order-section>.landing-container,.pro-speciality-section>.landing-container,.pro-feedback-section>.landing-container,.pro-visit-section>.landing-container,.pro-faq-section>.landing-container,.pro-about-story>.landing-container,.pro-about-values>.landing-container,.pro-about-facilities>.landing-container,.pro-contact-page>.landing-container,.restaurant-contact-compliance-grid{padding:20px;border-radius:20px}
.premium-about-copy,.premium-section-heading,.pro-section-heading,.pro-story-content,.pro-about-grid article,.pro-contact-hours,.pro-contact-form,.pro-contact-cards article,.pro-speciality-grid>div,.pro-visit-grid article,.pro-faq-grid>div:first-child,.restaurant-contact-compliance-grid article,.premium-policy-grid aside,.premium-policy-support,.pro-footer-grid>section{text-align:center!important}
.premium-about-copy>p,.premium-section-heading p,.pro-section-heading p,.pro-story-content p,.pro-about-grid article p,.pro-contact-hours p,.pro-contact-cards article p,.pro-speciality-grid p,.pro-visit-grid p{margin-left:auto;margin-right:auto}
.premium-about-points>div{grid-template-columns:1fr;justify-items:center;text-align:center}
.premium-about-points i{grid-row:auto}
.premium-about-stats{grid-template-columns:1fr}
.premium-guest-section>.landing-container{padding:26px 18px}
.premium-guest-grid article{text-align:center}
.premium-guest-grid article>div{justify-content:center}
.premium-guest-grid article>i{left:50%;transform:translateX(-50%)}
.premium-top-sales-grid article,.pro-food-card,.pro-category-card,.pro-order-grid article,.pro-review-grid article{text-align:center}
.premium-sales-copy footer,.pro-food-content footer{justify-content:center!important;flex-wrap:wrap}
.pro-facility-list{justify-content:center}
.pro-contact-main{grid-template-columns:1fr!important}
.pro-contact-form form,.landing-form-card form{text-align:left}
.pro-contact-form button,.landing-form-card button{width:100%}
.premium-policy-grid{border-radius:20px}
.premium-policy-grid article{text-align:left}
.premium-policy-grid aside dl div{justify-items:center}
.pro-footer-grid{text-align:center}
.pro-footer-logo,.premium-footer-social,.pro-footer-links,.pro-footer-contact{justify-content:center}
.pro-footer-address{text-align:center}
.premium-follow-block{justify-items:center}
.pro-footer-bottom>.landing-container{justify-content:center!important;text-align:center}
}
/* ============================================================
V664 — ERA EDITORIAL SQUARE RESTAURANT THEME
Inspired by TripWithEra's structured company-page rhythm.
Full-width sections, square geometry, zero floating gaps.
============================================================ */
/* ---------- GLOBAL / EXACT HEADER-FOOTER COLOR ---------- */
body.restaurant-landing-page.landing-theme-hyper-dine-premium{
background:#f3f5f4!important;
color:#1d3137;
}
.landing-theme-hyper-dine-premium .premium-public-header,
.landing-theme-hyper-dine-premium .pro-footer,
.landing-theme-hyper-dine-premium .landing-footer{
background:var(--primary)!important;
background-image:none!important;
}
.premium-public-header{
position:sticky;
top:0;
z-index:70;
width:100%;
margin:0!important;
border:0!important;
border-radius:0!important;
box-shadow:none!important;
}
.premium-public-nav{
width:min(1380px,calc(100% - 48px));
min-height:78px;
}
.premium-public-brand img,
.premium-public-brand .landing-logo-fallback,
.premium-public-drawer>header img,
.premium-public-drawer>header .landing-logo-fallback{
border-radius:0!important;
box-shadow:none!important;
}
.premium-public-order,
.premium-public-menu-button,
.premium-public-drawer>header button{
border-radius:0!important;
}
.premium-public-order{
background:var(--secondary)!important;
color:#142d33!important;
}
.premium-public-drawer{
border-radius:0!important;
box-shadow:-18px 0 44px rgba(0,0,0,.22)!important;
}
.premium-public-drawer>header{
background:var(--primary)!important;
}
.premium-public-drawer>nav>a,
.premium-menu-social .premium-social-link{
border-radius:0!important;
}
/* ---------- REMOVE FLOATING / ROUNDED DESIGN ---------- */
.restaurant-landing-page *{
scroll-margin-top:90px;
}
.premium-home-slider,
.pro-inner-banner,
.pro-final-cta,
.pro-footer,
.landing-footer,
.premium-about-grid,
.premium-guest-section>.landing-container,
.premium-top-sales>.landing-container,
.pro-category-section>.landing-container,
.pro-menu-section>.landing-container,
.pro-order-section>.landing-container,
.pro-speciality-section>.landing-container,
.pro-feedback-section>.landing-container,
.pro-visit-section>.landing-container,
.pro-faq-section>.landing-container,
.pro-about-story>.landing-container,
.pro-about-values>.landing-container,
.pro-about-facilities>.landing-container,
.pro-contact-page>.landing-container,
.premium-policy-grid,
.restaurant-contact-compliance-grid,
.pro-contact-hours,
.pro-contact-form,
.landing-form-card,
.pro-food-card,
.pro-category-card,
.pro-order-grid article,
.pro-review-grid article,
.pro-contact-cards article,
.premium-top-sales-grid article,
.premium-about-media,
.pro-about-image,
.premium-about-seal,
.premium-about-points i,
.premium-about-stats div,
.premium-guest-grid article,
.premium-guest-band,
.premium-social-link,
.pro-primary-button,
.pro-secondary-button,
.premium-slider-secondary,
.pro-footer-action,
.landing-btn,
input,
textarea,
select{
border-radius:0!important;
}
.premium-home-slider,
.pro-inner-banner,
.pro-final-cta,
.pro-footer,
.landing-footer{
width:100%!important;
max-width:none!important;
margin:0!important;
box-shadow:none!important;
}
.premium-about-grid,
.premium-guest-section>.landing-container,
.premium-top-sales>.landing-container,
.pro-category-section>.landing-container,
.pro-menu-section>.landing-container,
.pro-order-section>.landing-container,
.pro-speciality-section>.landing-container,
.pro-feedback-section>.landing-container,
.pro-visit-section>.landing-container,
.pro-faq-section>.landing-container,
.pro-about-story>.landing-container,
.pro-about-values>.landing-container,
.pro-about-facilities>.landing-container,
.pro-contact-page>.landing-container,
.premium-policy-grid,
.restaurant-contact-compliance-grid{
border:0!important;
box-shadow:none!important;
}
/* ---------- NO GAP BETWEEN SECTIONS ---------- */
.premium-about-home,
.premium-guest-section,
.premium-top-sales,
.pro-category-section,
.pro-menu-section,
.pro-order-section,
.pro-speciality-section,
.pro-feedback-section,
.pro-visit-section,
.pro-faq-section,
.pro-about-story,
.pro-about-values,
.pro-about-facilities,
.pro-contact-page,
.premium-policy-section,
.premium-contact-support{
margin:0!important;
padding:0!important;
}
.premium-about-home + *,
.premium-guest-section + *,
.premium-top-sales + *,
.pro-category-section + *,
.pro-menu-section + *,
.pro-order-section + *,
.pro-speciality-section + *,
.pro-feedback-section + *,
.pro-visit-section + *,
.pro-faq-section + *{
margin-top:0!important;
}
.premium-about-home>.landing-container,
.premium-guest-section>.landing-container,
.premium-top-sales>.landing-container,
.pro-category-section>.landing-container,
.pro-menu-section>.landing-container,
.pro-order-section>.landing-container,
.pro-speciality-section>.landing-container,
.pro-feedback-section>.landing-container,
.pro-visit-section>.landing-container,
.pro-faq-section>.landing-container,
.pro-about-story>.landing-container,
.pro-about-values>.landing-container,
.pro-about-facilities>.landing-container,
.pro-contact-page>.landing-container,
.premium-contact-support>.landing-container{
width:min(1320px,calc(100% - 56px));
margin:0 auto!important;
padding:76px 0!important;
background:transparent!important;
}
/* ---------- FULL-WIDTH EDITORIAL BAND COLORS ---------- */
.premium-about-home,
.pro-menu-section,
.pro-speciality-section,
.pro-visit-section,
.pro-about-story,
.pro-about-facilities,
.premium-contact-support{
background:#ffffff!important;
}
.premium-top-sales,
.pro-category-section,
.pro-order-section,
.pro-feedback-section,
.pro-faq-section,
.pro-about-values,
.pro-contact-page,
.premium-policy-section{
background:#eef3f1!important;
}
.premium-guest-section{
background:var(--primary)!important;
}
.premium-guest-section>.landing-container{
background:transparent!important;
padding-top:80px!important;
padding-bottom:80px!important;
}
/* ---------- SLIDER ATTACHED DIRECTLY TO HEADER ---------- */
.premium-home-slider{
min-height:clamp(540px,72vh,760px);
border:0!important;
border-top:1px solid rgba(255,255,255,.18)!important;
}
.premium-slider-slide,
.premium-slider-shade{
border-radius:0!important;
}
.premium-slider-content{
width:min(1320px,calc(100% - 56px));
max-width:none!important;
padding-top:86px;
padding-bottom:92px;
}
.premium-slider-content>span,
.premium-about-copy>span,
.premium-section-heading>span,
.pro-section-heading>span,
.pro-section-heading>div>span,
.pro-story-content>span,
.pro-about-grid>article>span,
.pro-inner-banner span{
display:inline-flex;
align-items:center;
gap:8px;
color:var(--secondary)!important;
font-size:11px!important;
font-weight:950!important;
letter-spacing:.14em!important;
}
.premium-slider-content>span:before,
.premium-about-copy>span:before,
.premium-section-heading>span:before,
.pro-section-heading>span:before,
.pro-section-heading>div>span:before,
.pro-story-content>span:before,
.pro-about-grid>article>span:before,
.pro-inner-banner span:before{
content:"";
width:36px;
height:2px;
background:currentColor;
}
.premium-slider-content h1{
max-width:900px;
font-size:clamp(44px,6.3vw,86px)!important;
line-height:.98!important;
letter-spacing:-.045em!important;
}
.premium-slider-info>div,
.premium-slider-arrow{
border-radius:0!important;
}
.premium-slider-dots button{
border-radius:0!important;
}
/* ---------- EDITORIAL SECTION HEADINGS ---------- */
.premium-about-copy h2,
.premium-section-heading h2,
.pro-section-heading h2,
.pro-story-content h2,
.pro-about-grid h2,
.pro-contact-hours h2,
.pro-contact-form h2,
.pro-inner-banner h1{
margin-top:13px!important;
color:#142f36!important;
font-size:clamp(34px,4.2vw,58px)!important;
line-height:1.03!important;
letter-spacing:-.035em!important;
text-wrap:balance;
}
.premium-guest-section .premium-section-heading h2{
color:#fff!important;
}
.premium-section-heading,
.pro-section-heading{
max-width:860px;
margin-bottom:40px!important;
}
.premium-heading-row,
.pro-heading-row{
max-width:none!important;
}
.premium-section-heading p,
.pro-section-heading p,
.premium-about-copy>p,
.pro-story-content p,
.pro-about-grid p{
font-size:16px;
line-height:1.8;
}
/* ---------- ABOUT: LARGE IMAGE + CLEAN COMPANY COPY ---------- */
.premium-about-grid{
grid-template-columns:minmax(0,.94fr) minmax(0,1.06fr)!important;
gap:64px!important;
padding:76px 0!important;
}
.premium-about-media{
min-height:650px!important;
box-shadow:none!important;
}
.premium-about-media:before{
inset:22px!important;
border:1px solid rgba(255,255,255,.65)!important;
}
.premium-about-seal{
right:0!important;
bottom:0!important;
width:210px!important;
padding:24px!important;
box-shadow:none!important;
}
.premium-about-points>div{
border-bottom:1px solid #dfe7e4!important;
}
.premium-about-points i{
background:var(--primary)!important;
color:#fff!important;
}
.premium-about-stats{
gap:0!important;
border-top:1px solid #d8e1de;
border-bottom:1px solid #d8e1de;
}
.premium-about-stats div{
padding:18px!important;
border:0!important;
border-right:1px solid #d8e1de!important;
background:#fff!important;
box-shadow:none!important;
}
.premium-about-stats div:last-child{
border-right:0!important;
}
/* ---------- WHY GUESTS: SQUARE WHITE CARDS ON PRIMARY BAND ---------- */
.premium-guest-grid{
gap:0!important;
border-top:1px solid rgba(255,255,255,.3);
border-left:1px solid rgba(255,255,255,.3);
}
.premium-guest-grid article{
min-height:250px!important;
margin:0!important;
border:0!important;
border-right:1px solid rgba(6,56,68,.14)!important;
border-bottom:1px solid rgba(6,56,68,.14)!important;
background:#fff!important;
box-shadow:none!important;
transform:none!important;
}
.premium-guest-grid article:hover{
background:#f7faf9!important;
transform:none!important;
}
.premium-guest-grid article>i{
height:4px!important;
}
.premium-guest-band{
margin-top:0!important;
border:1px solid rgba(255,255,255,.3)!important;
border-top:0!important;
background:rgba(255,255,255,.08)!important;
}
/* ---------- SQUARE DATABASE / PRODUCT / CATEGORY CARDS ---------- */
.premium-top-sales-grid,
.pro-food-grid,
.pro-category-grid,
.pro-order-grid,
.pro-review-grid,
.pro-contact-cards,
.pro-experience-grid{
gap:0!important;
border-top:1px solid #d9e2df;
border-left:1px solid #d9e2df;
}
.premium-top-sales-grid article,
.pro-food-card,
.pro-category-card,
.pro-order-grid article,
.pro-review-grid article,
.pro-contact-cards article,
.pro-experience-grid article{
margin:0!important;
border:0!important;
border-right:1px solid #d9e2df!important;
border-bottom:1px solid #d9e2df!important;
box-shadow:none!important;
background:#fff!important;
}
.premium-top-sales-grid article.leader{
border-top:5px solid var(--secondary)!important;
}
.pro-category-card{
min-height:170px!important;
}
.pro-category-card:hover,
.pro-food-card:hover,
.premium-top-sales-grid article:hover{
transform:none!important;
box-shadow:none!important;
background:#f8faf9!important;
}
/* ---------- BUTTONS: SQUARE, BOLD, SIMPLE ---------- */
.pro-primary-button,
.pro-secondary-button,
.premium-slider-secondary,
.pro-footer-action,
.landing-btn,
.premium-public-order{
min-height:48px!important;
padding:0 22px!important;
border-radius:0!important;
box-shadow:none!important;
font-size:11px!important;
font-weight:950!important;
letter-spacing:.06em!important;
}
.pro-primary-button:hover,
.pro-secondary-button:hover,
.premium-slider-secondary:hover,
.pro-footer-action:hover,
.landing-btn:hover,
.premium-public-order:hover{
transform:none!important;
}
/* ---------- ABOUT / CONTACT / POLICY FULL-WIDTH PAGE DESIGN ---------- */
.pro-inner-banner{
min-height:340px;
display:grid;
align-items:center;
background:var(--primary)!important;
border:0!important;
border-radius:0!important;
}
.pro-inner-banner>.landing-container{
width:min(1320px,calc(100% - 56px));
padding:76px 0!important;
}
.pro-inner-banner h1{
max-width:900px;
color:#fff!important;
}
.pro-inner-banner p{
max-width:780px;
color:rgba(255,255,255,.78)!important;
font-size:17px;
line-height:1.7;
}
.pro-about-grid,
.pro-contact-main,
.pro-speciality-grid,
.pro-visit-grid,
.pro-faq-grid{
gap:44px!important;
}
.pro-contact-hours,
.pro-contact-form,
.landing-form-card{
border:1px solid #d8e1de!important;
border-radius:0!important;
box-shadow:none!important;
}
.landing-form-card input,
.landing-form-card textarea,
.pro-contact-form input,
.pro-contact-form textarea,
.public-website-fields input,
.public-website-fields textarea,
.public-website-fields select{
border-radius:0!important;
}
.premium-policy-grid{
display:grid;
grid-template-columns:300px 1fr!important;
width:min(1320px,calc(100% - 56px));
margin:0 auto!important;
background:#fff!important;
border:1px solid #d8e1de!important;
}
.premium-policy-grid aside{
border-right:1px solid #d8e1de!important;
background:#f3f7f5!important;
}
.premium-policy-grid article{
padding:46px!important;
}
/* ---------- SAME-COLOR SQUARE FOOTER ---------- */
.pro-footer,
.landing-footer{
border-radius:0!important;
color:#fff;
}
.pro-footer-grid{
width:min(1320px,calc(100% - 56px))!important;
padding:64px 0!important;
gap:0!important;
display:grid!important;
grid-template-columns:1.25fr .9fr .8fr 1fr!important;
}
.pro-footer-grid>section{
padding:0 28px!important;
border-right:1px solid rgba(255,255,255,.19);
}
.pro-footer-grid>section:first-child{
padding-left:0!important;
}
.pro-footer-grid>section:last-child{
padding-right:0!important;
border-right:0!important;
}
.pro-footer h3,
.pro-footer b,
.pro-footer strong{
color:#fff!important;
}
.pro-footer p,
.pro-footer span,
.pro-footer a{
color:rgba(255,255,255,.8)!important;
}
.pro-footer a:hover{
color:var(--secondary)!important;
}
.pro-footer-bottom{
border-top:1px solid rgba(255,255,255,.18)!important;
background:var(--primary)!important;
}
.pro-footer-bottom>.landing-container{
width:min(1320px,calc(100% - 56px))!important;
}
.premium-footer-social{
gap:8px!important;
}
.premium-footer-social .premium-social-link{
width:44px!important;
height:44px!important;
border-radius:0!important;
background:rgba(255,255,255,.08)!important;
}
.premium-footer-social .premium-social-link.active:hover{
background:var(--secondary)!important;
color:#132c32!important;
}
.premium-footer-social .premium-social-link.disabled{
opacity:.35!important;
}
/* ---------- STAFF THEME INFORMATION CARD ---------- */
.public-premium-theme-card{
border-radius:0!important;
background:var(--management-primary,#063844)!important;
}
.public-theme-swatches>span,
.public-theme-swatches i{
border-radius:0!important;
}
/* ---------- MOBILE: CENTERED BUT SQUARE / ATTACHED ---------- */
@media(max-width:900px){
.premium-public-nav{
width:calc(100% - 24px);
}
.premium-about-grid{
grid-template-columns:1fr!important;
gap:34px!important;
}
.premium-about-media{
min-height:500px!important;
}
.pro-footer-grid{
grid-template-columns:1fr 1fr!important;
}
.pro-footer-grid>section{
padding:28px!important;
border-right:1px solid rgba(255,255,255,.18)!important;
border-bottom:1px solid rgba(255,255,255,.18);
}
}
@media(max-width:720px){
body.restaurant-landing-page{
text-align:center!important;
}
.premium-public-nav{
width:calc(100% - 18px);
min-height:66px;
}
.premium-home-slider{
min-height:650px!important;
}
.premium-slider-content,
.premium-about-home>.landing-container,
.premium-guest-section>.landing-container,
.premium-top-sales>.landing-container,
.pro-category-section>.landing-container,
.pro-menu-section>.landing-container,
.pro-order-section>.landing-container,
.pro-speciality-section>.landing-container,
.pro-feedback-section>.landing-container,
.pro-visit-section>.landing-container,
.pro-faq-section>.landing-container,
.pro-about-story>.landing-container,
.pro-about-values>.landing-container,
.pro-about-facilities>.landing-container,
.pro-contact-page>.landing-container,
.premium-contact-support>.landing-container,
.pro-inner-banner>.landing-container,
.premium-policy-grid,
.pro-footer-grid,
.pro-footer-bottom>.landing-container{
width:calc(100% - 28px)!important;
}
.premium-about-home>.landing-container,
.premium-guest-section>.landing-container,
.premium-top-sales>.landing-container,
.pro-category-section>.landing-container,
.pro-menu-section>.landing-container,
.pro-order-section>.landing-container,
.pro-speciality-section>.landing-container,
.pro-feedback-section>.landing-container,
.pro-visit-section>.landing-container,
.pro-faq-section>.landing-container,
.pro-about-story>.landing-container,
.pro-about-values>.landing-container,
.pro-about-facilities>.landing-container,
.pro-contact-page>.landing-container,
.premium-contact-support>.landing-container{
padding:54px 0!important;
}
.premium-slider-content{
display:grid!important;
justify-items:center!important;
text-align:center!important;
padding-top:70px!important;
padding-bottom:90px!important;
}
.premium-slider-content>span:before,
.premium-about-copy>span:before,
.premium-section-heading>span:before,
.pro-section-heading>span:before,
.pro-section-heading>div>span:before,
.pro-story-content>span:before,
.pro-about-grid>article>span:before,
.pro-inner-banner span:before{
display:none!important;
}
.premium-slider-actions,
.premium-slider-info,
.landing-actions,
.pro-contact-actions,
.pro-final-cta>div>div,
.pro-center-action,
.premium-footer-social,
.pro-footer-links,
.pro-footer-contact,
.pro-facility-list{
justify-content:center!important;
}
.premium-about-media{
min-height:410px!important;
}
.premium-about-seal{
width:160px!important;
right:0!important;
}
.premium-about-copy,
.premium-section-heading,
.pro-section-heading,
.pro-story-content,
.pro-about-grid article,
.pro-contact-hours,
.pro-contact-form,
.pro-contact-cards article,
.pro-speciality-grid>div,
.pro-visit-grid article,
.pro-faq-grid>div:first-child,
.restaurant-contact-compliance-grid article,
.premium-policy-grid aside,
.pro-footer-grid>section{
text-align:center!important;
}
.premium-about-points>div{
grid-template-columns:1fr!important;
justify-items:center!important;
}
.premium-about-points i{
grid-row:auto!important;
}
.premium-about-stats{
grid-template-columns:1fr!important;
}
.premium-about-stats div{
border-right:0!important;
border-bottom:1px solid #d8e1de!important;
}
.premium-guest-grid,
.premium-top-sales-grid,
.pro-food-grid,
.pro-category-grid,
.pro-order-grid,
.pro-review-grid,
.pro-contact-cards,
.pro-experience-grid{
grid-template-columns:1fr!important;
}
.premium-guest-band{
grid-template-columns:1fr 1fr!important;
}
.premium-policy-grid{
grid-template-columns:1fr!important;
}
.premium-policy-grid aside{
border-right:0!important;
border-bottom:1px solid #d8e1de!important;
}
.premium-policy-grid article{
padding:28px 20px!important;
text-align:left!important;
}
.pro-contact-main{
grid-template-columns:1fr!important;
}
.pro-contact-form form,
.landing-form-card form{
text-align:left!important;
}
.pro-footer-grid{
grid-template-columns:1fr!important;
padding:0!important;
}
.pro-footer-grid>section{
padding:30px 0!important;
border-right:0!important;
border-bottom:1px solid rgba(255,255,255,.18)!important;
}
.pro-footer-grid>section:last-child{
border-bottom:0!important;
}
.pro-footer-bottom>.landing-container{
justify-content:center!important;
text-align:center!important;
padding:20px 0!important;
}
}
/* ============================================================
V665 — HOME VISIBILITY, CENTERED HERO, POPULAR MARQUEE,
COMPACT FOOTER AND HOME CONTENT CLEANUP
============================================================ */
/* HERO CONTENT CENTERED AND ALWAYS READABLE — PC + MOBILE */
.premium-slider-content{
display:grid!important;
justify-items:center!important;
text-align:center!important;
margin:0 auto!important;
}
.premium-slider-content>span{
justify-content:center!important;
}
.premium-slider-content>span:before{
display:none!important;
}
.premium-slider-content h1,
.premium-slider-content>p{
margin-left:auto!important;
margin-right:auto!important;
text-align:center!important;
}
.premium-slider-actions,
.premium-slider-info{
justify-content:center!important;
}
.premium-slider-shade{
background:
linear-gradient(90deg,rgba(4,24,29,.72),rgba(4,24,29,.58),rgba(4,24,29,.72))!important;
}
.premium-slider-content h1{
text-shadow:0 4px 28px rgba(0,0,0,.45);
}
.premium-slider-content>p{
text-shadow:0 2px 12px rgba(0,0,0,.5);
}
/* CATEGORY TEXT / IMAGE VISIBILITY */
.pro-category-grid{
grid-template-columns:repeat(4,minmax(0,1fr))!important;
border:0!important;
gap:1px!important;
background:#d8e1de;
}
.pro-category-card{
position:relative!important;
min-height:260px!important;
display:flex!important;
align-items:flex-end!important;
justify-content:space-between!important;
overflow:hidden!important;
padding:24px!important;
color:#fff!important;
background:
linear-gradient(180deg,rgba(5,31,37,.08),rgba(5,31,37,.92)),
var(--category-image,linear-gradient(135deg,var(--primary),#071f25)) center/cover no-repeat!important;
}
.pro-category-card:before{
content:"";
position:absolute;
inset:0;
background:linear-gradient(90deg,rgba(0,0,0,.08),transparent 55%);
pointer-events:none;
}
.pro-category-card>span,
.pro-category-card>div,
.pro-category-card>b{
position:relative!important;
z-index:2!important;
}
.pro-category-card>span{
position:absolute!important;
left:24px!important;
top:22px!important;
color:var(--secondary)!important;
font-size:12px!important;
font-weight:950!important;
}
.pro-category-card h3{
margin:0 0 6px!important;
color:#fff!important;
font-size:22px!important;
line-height:1.12!important;
}
.pro-category-card p{
margin:0!important;
color:rgba(255,255,255,.8)!important;
font-size:12px!important;
}
.pro-category-card>b{
display:grid!important;
place-items:center!important;
width:48px!important;
height:48px!important;
flex:0 0 48px!important;
color:#142f36!important;
background:var(--secondary)!important;
}
/* FOUR ORDERING STEPS — TEXT VISIBLE */
.pro-order-section{
background:var(--primary)!important;
color:#fff!important;
}
.pro-order-section>.landing-container{
width:min(1320px,calc(100% - 56px))!important;
padding:76px 0!important;
}
.pro-order-section .pro-section-heading h2{
color:#fff!important;
}
.pro-order-grid{
border:1px solid rgba(255,255,255,.24)!important;
background:rgba(255,255,255,.24)!important;
gap:1px!important;
}
.pro-order-grid article{
min-height:285px!important;
padding:30px!important;
background:var(--primary)!important;
color:#fff!important;
border:0!important;
}
.pro-order-grid article>b{
display:grid!important;
place-items:center!important;
width:50px!important;
height:50px!important;
color:#142f36!important;
background:var(--secondary)!important;
}
.pro-order-grid article h3{
margin:34px 0 12px!important;
color:#fff!important;
font-size:20px!important;
line-height:1.2!important;
}
.pro-order-grid article p{
margin:0!important;
color:rgba(255,255,255,.76)!important;
font-size:14px!important;
line-height:1.7!important;
}
/* POPULAR FOOD MOVING MARQUEE */
.popular-food-marquee-section{
overflow:hidden!important;
}
.popular-marquee-shell{
width:100%;
overflow:hidden;
border-top:1px solid #d9e2df;
border-bottom:1px solid #d9e2df;
}
.popular-marquee-track{
display:flex;
width:max-content;
animation:popular-food-marquee 36s linear infinite;
will-change:transform;
}
.popular-marquee-shell:hover .popular-marquee-track{
animation-play-state:paused;
}
.popular-marquee-card{
width:340px!important;
min-width:340px!important;
max-width:340px!important;
display:grid!important;
grid-template-rows:230px 1fr!important;
border:0!important;
border-right:1px solid #d9e2df!important;
box-shadow:none!important;
background:#fff!important;
}
.popular-marquee-card img,
.popular-marquee-card .pro-food-placeholder{
width:100%!important;
height:230px!important;
object-fit:cover!important;
}
.popular-marquee-card .pro-food-content{
display:grid;
align-content:start;
min-height:245px;
padding:22px!important;
}
.popular-marquee-card h3{
color:var(--primary)!important;
}
.popular-marquee-card footer{
margin-top:auto!important;
}
@keyframes popular-food-marquee{
from{transform:translateX(0)}
to{transform:translateX(-50%)}
}
/* HOME DOES NOT SHOW VISIT OR FAQ */
.restaurant-landing-page .pro-visit-section,
.restaurant-landing-page .pro-faq-section{
/* These selectors still support dedicated page reuse; Home HTML no longer outputs them. */
}
/* COMPACT FOOTER HEIGHT */
.pro-footer-grid{
padding-top:34px!important;
padding-bottom:28px!important;
}
.pro-footer-grid>section{
padding-top:0!important;
padding-bottom:0!important;
}
.pro-footer-grid h3{
margin-bottom:11px!important;
}
.pro-footer-brand>p{
margin:10px 0!important;
line-height:1.55!important;
}
.pro-footer-links,
.pro-footer-contact{
gap:7px!important;
}
.pro-footer-hours{
line-height:1.5!important;
}
.premium-follow-block{
margin:11px 0!important;
}
.premium-footer-social .premium-social-link{
width:38px!important;
height:38px!important;
}
.premium-footer-social .premium-social-link svg{
width:18px!important;
height:18px!important;
}
.pro-footer-bottom>.landing-container{
min-height:42px!important;
}
/* MOBILE */
@media(max-width:900px){
.pro-category-grid{
grid-template-columns:repeat(2,minmax(0,1fr))!important;
}
}
@media(max-width:720px){
.premium-slider-content{
width:calc(100% - 26px)!important;
}
.premium-slider-content h1{
font-size:clamp(38px,12vw,58px)!important;
}
.premium-slider-content>p{
max-width:560px!important;
}
.pro-category-grid{
grid-template-columns:1fr!important;
}
.pro-category-card{
min-height:230px!important;
text-align:center!important;
justify-content:center!important;
}
.pro-category-card>span{
left:50%!important;
transform:translateX(-50%)!important;
}
.pro-category-card>div{
width:100%;
text-align:center!important;
}
.pro-category-card>b{
position:absolute!important;
right:18px!important;
bottom:18px!important;
}
.pro-order-section>.landing-container{
width:calc(100% - 28px)!important;
padding:54px 0!important;
}
.pro-order-grid article{
min-height:auto!important;
display:grid!important;
justify-items:center!important;
text-align:center!important;
padding:28px 20px!important;
}
.pro-order-grid article h3{
margin-top:18px!important;
}
.popular-marquee-card{
width:82vw!important;
min-width:82vw!important;
max-width:82vw!important;
text-align:center!important;
}
.popular-marquee-card .pro-food-content{
min-height:220px;
justify-items:center;
}
.popular-marquee-card footer{
justify-content:center!important;
}
.popular-marquee-track{
animation-duration:28s;
}
.pro-footer-grid{
width:calc(100% - 28px)!important;
padding:0!important;
text-align:center!important;
}
.pro-footer-grid>section{
display:grid!important;
justify-items:center!important;
padding:20px 0!important;
}
.pro-footer-logo,
.pro-footer-links,
.pro-footer-contact,
.premium-footer-social,
.premium-follow-block{
justify-content:center!important;
justify-items:center!important;
text-align:center!important;
}
.pro-footer-links a,
.pro-footer-contact a,
.pro-footer-contact span,
.pro-footer-hours,
.pro-footer-address{
text-align:center!important;
}
.pro-footer-bottom>.landing-container{
min-height:54px!important;
padding:12px 0!important;
}
}
/* ============================================================
V666 — COMPACT HERO + CENTERED MEDIUM SECTION HEADINGS
============================================================ */
/* HERO: one-line title and reduced height on PC and mobile */
.premium-home-slider{
min-height:clamp(360px,48vh,500px)!important;
}
.premium-slider-content{
width:min(1460px,calc(100% - 34px))!important;
padding-top:42px!important;
padding-bottom:50px!important;
}
.premium-slider-content h1{
width:100%!important;
max-width:none!important;
margin:0 auto!important;
white-space:nowrap!important;
overflow:visible!important;
font-size:clamp(11px,3.8vw,42px)!important;
line-height:1.12!important;
letter-spacing:-.035em!important;
text-align:center!important;
}
.premium-slider-content>span{
margin-bottom:10px!important;
font-size:10px!important;
}
.premium-slider-content>p{
max-width:760px!important;
margin-top:15px!important;
font-size:clamp(13px,1.2vw,17px)!important;
line-height:1.55!important;
}
.premium-slider-actions{
margin-top:20px!important;
}
.premium-slider-info{
margin-top:22px!important;
}
.premium-slider-info>div{
padding:10px 14px!important;
}
/* Center the requested section labels and titles */
.premium-guest-section .premium-section-heading,
.pro-category-section .pro-section-heading,
.popular-food-marquee-section .pro-section-heading{
width:100%!important;
max-width:900px!important;
margin-left:auto!important;
margin-right:auto!important;
margin-bottom:28px!important;
text-align:center!important;
}
.premium-guest-section .premium-section-heading>span,
.pro-category-section .pro-section-heading>div>span,
.popular-food-marquee-section .pro-section-heading>div>span{
justify-content:center!important;
font-size:10px!important;
}
.premium-guest-section .premium-section-heading>span:before,
.pro-category-section .pro-section-heading>div>span:before,
.popular-food-marquee-section .pro-section-heading>div>span:before{
display:none!important;
}
.premium-guest-section .premium-section-heading h2,
.pro-category-section .pro-section-heading h2,
.popular-food-marquee-section .pro-section-heading h2{
margin:9px auto 10px!important;
max-width:900px!important;
font-size:clamp(27px,3.2vw,43px)!important;
line-height:1.08!important;
letter-spacing:-.025em!important;
text-align:center!important;
}
.premium-guest-section .premium-section-heading p,
.pro-category-section .pro-section-heading p,
.popular-food-marquee-section .pro-section-heading p{
max-width:720px!important;
margin-left:auto!important;
margin-right:auto!important;
font-size:14px!important;
line-height:1.6!important;
text-align:center!important;
}
/* Category and Popular section action links centered below heading */
.pro-category-section .pro-heading-row,
.popular-food-marquee-section .pro-heading-row{
display:grid!important;
justify-items:center!important;
align-items:center!important;
gap:12px!important;
}
.pro-category-section .pro-heading-row>a,
.popular-food-marquee-section .pro-heading-row>a{
display:inline-flex!important;
justify-content:center!important;
margin:0 auto!important;
}
/* Slightly reduce vertical section height */
.pro-category-section>.landing-container,
.popular-food-marquee-section>.landing-container{
padding-top:58px!important;
padding-bottom:58px!important;
}
.premium-guest-section>.landing-container{
padding-top:62px!important;
padding-bottom:62px!important;
}
@media(max-width:720px){
.premium-home-slider{
min-height:360px!important;
}
.premium-slider-content{
width:calc(100% - 18px)!important;
padding-top:34px!important;
padding-bottom:40px!important;
}
.premium-slider-content h1{
font-size:clamp(10px,3.65vw,16px)!important;
letter-spacing:-.04em!important;
}
.premium-slider-content>span{
font-size:9px!important;
}
.premium-slider-content>p{
max-width:340px!important;
font-size:12px!important;
line-height:1.48!important;
}
.premium-slider-actions{
margin-top:16px!important;
}
.premium-slider-info{
margin-top:16px!important;
}
.premium-slider-info>div{
padding:8px 10px!important;
}
.premium-guest-section .premium-section-heading h2,
.pro-category-section .pro-section-heading h2,
.popular-food-marquee-section .pro-section-heading h2{
font-size:clamp(24px,8vw,31px)!important;
line-height:1.12!important;
}
.premium-guest-section .premium-section-heading p,
.pro-category-section .pro-section-heading p,
.popular-food-marquee-section .pro-section-heading p{
font-size:13px!important;
}
.pro-category-section>.landing-container,
.popular-food-marquee-section>.landing-container,
.premium-guest-section>.landing-container{
padding-top:46px!important;
padding-bottom:46px!important;
}
}
/* ============================================================
V667 — CENTERED LIVE DATABASE GRIDS + COMPACT PUBLIC HEADER
============================================================ */
/* Compact public website header */
.premium-public-nav{
min-height:64px!important;
}
.premium-public-brand img,
.premium-public-brand .landing-logo-fallback{
width:40px!important;
height:40px!important;
}
.premium-public-brand strong{
font-size:clamp(18px,1.8vw,25px)!important;
}
.premium-public-desktop-links a{
padding:9px 10px!important;
font-size:10px!important;
}
.premium-public-order{
min-height:40px!important;
padding:0 18px!important;
}
.premium-public-menu-button{
width:42px!important;
height:40px!important;
}
/* Smaller, centered headings on Home */
.pro-category-section .pro-section-heading,
.popular-food-marquee-section .pro-section-heading,
.premium-guest-section .premium-section-heading{
width:100%!important;
max-width:760px!important;
margin:0 auto 24px!important;
text-align:center!important;
}
.pro-category-section .pro-section-heading h2,
.popular-food-marquee-section .pro-section-heading h2,
.premium-guest-section .premium-section-heading h2{
max-width:760px!important;
margin:7px auto 8px!important;
font-size:clamp(25px,2.65vw,36px)!important;
line-height:1.12!important;
text-align:center!important;
}
.pro-category-section .pro-section-heading p,
.popular-food-marquee-section .pro-section-heading p,
.premium-guest-section .premium-section-heading p{
max-width:650px!important;
margin:0 auto!important;
font-size:13px!important;
line-height:1.55!important;
text-align:center!important;
}
.pro-category-section .pro-section-heading>div>span,
.popular-food-marquee-section .pro-section-heading>div>span,
.premium-guest-section .premium-section-heading>span{
justify-content:center!important;
font-size:9px!important;
}
.pro-category-section .pro-heading-row,
.popular-food-marquee-section .pro-heading-row{
display:grid!important;
justify-items:center!important;
gap:10px!important;
}
.pro-category-section .pro-heading-row>a,
.popular-food-marquee-section .pro-heading-row>a{
min-height:40px!important;
margin:0 auto!important;
padding:0 16px!important;
font-size:9px!important;
}
/* Center category grid itself; no empty fourth column */
.pro-category-grid{
width:fit-content!important;
max-width:100%!important;
margin:0 auto!important;
display:grid!important;
grid-template-columns:repeat(auto-fit,minmax(220px,270px))!important;
justify-content:center!important;
align-items:stretch!important;
gap:1px!important;
border:0!important;
background:#d8e1de!important;
}
.pro-category-card{
width:270px!important;
min-width:0!important;
min-height:215px!important;
display:grid!important;
place-content:center!important;
justify-items:center!important;
align-items:center!important;
padding:52px 18px 22px!important;
text-align:center!important;
}
.pro-category-card>span{
top:17px!important;
left:50%!important;
transform:translateX(-50%)!important;
}
.pro-category-card>div{
width:100%!important;
text-align:center!important;
}
.pro-category-card h3{
margin:0 0 5px!important;
font-size:19px!important;
text-align:center!important;
}
.pro-category-card p{
font-size:11px!important;
text-align:center!important;
}
.pro-category-card>b{
position:static!important;
width:40px!important;
height:40px!important;
margin-top:15px!important;
}
/* Compact section spacing */
.pro-category-section>.landing-container,
.popular-food-marquee-section>.landing-container{
padding-top:46px!important;
padding-bottom:46px!important;
}
/* Popular Food is live from database and visually centered */
.popular-marquee-shell{
width:min(1120px,100%)!important;
margin:0 auto!important;
}
.popular-marquee-track{
align-items:stretch!important;
}
.popular-marquee-card{
width:260px!important;
min-width:260px!important;
max-width:260px!important;
grid-template-rows:160px 1fr!important;
text-align:center!important;
}
.popular-marquee-card img,
.popular-marquee-card .pro-food-placeholder{
height:160px!important;
}
.popular-marquee-card .pro-food-content{
min-height:180px!important;
padding:16px!important;
justify-items:center!important;
text-align:center!important;
}
.popular-marquee-card .pro-food-content small{
font-size:8px!important;
}
.popular-marquee-card h3{
margin:5px 0!important;
font-size:17px!important;
line-height:1.18!important;
text-align:center!important;
}
.popular-marquee-card p{
display:-webkit-box!important;
-webkit-box-orient:vertical!important;
-webkit-line-clamp:2!important;
overflow:hidden!important;
margin:0!important;
font-size:11px!important;
line-height:1.45!important;
text-align:center!important;
}
.popular-marquee-card footer{
width:100%!important;
justify-content:center!important;
gap:8px!important;
margin-top:auto!important;
padding-top:11px!important;
}
.popular-marquee-card footer strong{
font-size:16px!important;
}
.popular-marquee-card footer span{
font-size:9px!important;
}
.popular-food-marquee-section .pro-center-action{
margin-top:22px!important;
justify-content:center!important;
}
/* Reduce Index hero and page banner heading scale slightly */
.premium-slider-content h1{
font-size:clamp(11px,3.15vw,35px)!important;
}
.pro-inner-banner{
min-height:255px!important;
}
.pro-inner-banner>.landing-container{
padding-top:50px!important;
padding-bottom:50px!important;
text-align:center!important;
}
.pro-inner-banner h1{
max-width:780px!important;
margin-left:auto!important;
margin-right:auto!important;
font-size:clamp(28px,3.4vw,46px)!important;
text-align:center!important;
}
.pro-inner-banner p{
margin-left:auto!important;
margin-right:auto!important;
font-size:14px!important;
text-align:center!important;
}
@media(max-width:720px){
.premium-public-nav{
min-height:58px!important;
}
.premium-public-brand img,
.premium-public-brand .landing-logo-fallback{
width:36px!important;
height:36px!important;
}
.premium-public-brand strong{
font-size:19px!important;
}
.premium-public-menu-button{
width:38px!important;
height:38px!important;
}
.pro-category-section .pro-section-heading h2,
.popular-food-marquee-section .pro-section-heading h2,
.premium-guest-section .premium-section-heading h2{
font-size:clamp(22px,7vw,27px)!important;
}
.pro-category-grid{
width:min(330px,100%)!important;
grid-template-columns:1fr!important;
}
.pro-category-card{
width:100%!important;
min-height:195px!important;
}
.popular-marquee-shell{
width:100%!important;
}
.popular-marquee-card{
width:72vw!important;
min-width:72vw!important;
max-width:72vw!important;
grid-template-rows:145px 1fr!important;
}
.popular-marquee-card img,
.popular-marquee-card .pro-food-placeholder{
height:145px!important;
}
.popular-marquee-card .pro-food-content{
min-height:168px!important;
}
.premium-slider-content h1{
font-size:clamp(10px,3.35vw,14px)!important;
}
.pro-inner-banner{
min-height:215px!important;
}
.pro-inner-banner h1{
font-size:clamp(25px,8vw,32px)!important;
}
}
/* ============================================================
V668 — POPULAR FOOD COMPLETE HEADING CENTER FIX
============================================================ */
.popular-food-marquee-section .pro-section-heading.pro-heading-row{
display:flex!important;
flex-direction:column!important;
align-items:center!important;
justify-content:center!important;
width:100%!important;
max-width:820px!important;
margin:0 auto 24px!important;
gap:12px!important;
text-align:center!important;
}
.popular-food-marquee-section .pro-section-heading.pro-heading-row>div{
display:grid!important;
justify-items:center!important;
width:100%!important;
max-width:820px!important;
margin:0 auto!important;
text-align:center!important;
}
.popular-food-marquee-section .pro-section-heading.pro-heading-row>div>span{
display:block!important;
width:100%!important;
margin:0 auto 7px!important;
text-align:center!important;
}
.popular-food-marquee-section .pro-section-heading.pro-heading-row h2{
display:block!important;
width:100%!important;
max-width:760px!important;
margin:0 auto 9px!important;
text-align:center!important;
}
.popular-food-marquee-section .pro-section-heading.pro-heading-row p{
display:block!important;
width:100%!important;
max-width:680px!important;
margin:0 auto!important;
text-align:center!important;
text-wrap:balance!important;
}
.popular-food-marquee-section .pro-section-heading.pro-heading-row>a{
display:inline-flex!important;
align-items:center!important;
justify-content:center!important;
width:auto!important;
margin:2px auto 0!important;
text-align:center!important;
}
@media(max-width:720px){
.popular-food-marquee-section .pro-section-heading.pro-heading-row{
max-width:100%!important;
padding:0 8px!important;
}
.popular-food-marquee-section .pro-section-heading.pro-heading-row h2{
max-width:330px!important;
}
.popular-food-marquee-section .pro-section-heading.pro-heading-row p{
max-width:340px!important;
font-size:13px!important;
line-height:1.55!important;
}
}
/* ============================================================
V669 — POPULAR FOOD NO-DUPLICATE DISPLAY
============================================================ */
/* Disable the old duplicate marquee animation completely. */
.popular-marquee-track{
animation:none!important;
transform:none!important;
}
/* 1 to 4 products: show every database item once in a centered row. */
.popular-marquee-shell.popular-mode-static{
width:min(1120px,100%)!important;
margin:0 auto!important;
overflow:visible!important;
border:0!important;
}
.popular-mode-static .popular-marquee-track{
display:flex!important;
flex-wrap:wrap!important;
justify-content:center!important;
align-items:stretch!important;
width:100%!important;
gap:1px!important;
}
.popular-mode-static .popular-marquee-card{
flex:0 0 260px!important;
}
.popular-mode-static .popular-marquee-card:only-child{
margin-left:auto!important;
margin-right:auto!important;
}
/* More than 4 products: each product appears once in a scrollable strip. */
.popular-marquee-shell.popular-mode-scroll{
width:min(1120px,100%)!important;
margin:0 auto!important;
overflow-x:auto!important;
overflow-y:hidden!important;
scroll-behavior:smooth!important;
scroll-snap-type:x mandatory!important;
scrollbar-width:thin!important;
-webkit-overflow-scrolling:touch!important;
}
.popular-mode-scroll .popular-marquee-track{
display:flex!important;
width:max-content!important;
gap:1px!important;
}
.popular-mode-scroll .popular-marquee-card{
scroll-snap-align:start!important;
flex:0 0 260px!important;
}
@media(max-width:720px){
.popular-mode-static .popular-marquee-track{
display:grid!important;
grid-template-columns:minmax(0,1fr)!important;
justify-items:center!important;
gap:1px!important;
}
.popular-mode-static .popular-marquee-card,
.popular-mode-scroll .popular-marquee-card{
width:min(300px,82vw)!important;
min-width:min(300px,82vw)!important;
max-width:min(300px,82vw)!important;
flex-basis:min(300px,82vw)!important;
}
}
/* ============================================================
V670 — TRANSPARENT RESTAURANT LOGO BACKGROUND
============================================================ */
/* Public website header and slide-menu logo */
.premium-public-brand img,
.premium-public-drawer>header img,
.landing-layout-professional-complete .landing-brand img{
background:transparent!important;
border:0!important;
padding:0!important;
box-shadow:none!important;
object-fit:contain!important;
}
/* Public footer logo */
.pro-footer-logo img,
.landing-footer img{
background:transparent!important;
border:0!important;
padding:0!important;
box-shadow:none!important;
object-fit:contain!important;
}
/* Customer website header and mobile menu logo */
.customer-theme-header .logo img,
.customer-mobile-menu .mobile-logo img{
background:transparent!important;
border:0!important;
padding:0!important;
box-shadow:none!important;
object-fit:contain!important;
}
/* Staff/Admin login branding logo */
.management-auth-logo img{
background:transparent!important;
border:0!important;
padding:0!important;
box-shadow:none!important;
object-fit:contain!important;
}
/* Generated initial fallback also remains colorless */
.premium-public-brand .landing-logo-fallback,
.premium-public-drawer>header .landing-logo-fallback,
.landing-layout-professional-complete .landing-logo-fallback{
background:transparent!important;
border:1px solid rgba(255,255,255,.45)!important;
box-shadow:none!important;
}
/* ============================================================
V671 — REMOVE WHITE LOGO BOX ON USER + /INDEX HEADERS
============================================================ */
/* All header logo wrappers remain completely transparent. */
.customer-theme-header .logo,
.customer-theme-header .customer-header-brand,
.customer-mobile-menu .mobile-logo,
.customer-mobile-menu .mobile-menu-brand,
.premium-public-brand,
.landing-layout-professional-complete .landing-brand,
.premium-public-drawer>header>a{
background:transparent!important;
background-color:transparent!important;
border:0!important;
box-shadow:none!important;
}
/*
The uploaded logo may itself contain permanent white pixels.
Multiply blend makes those white pixels visually adopt the header color,
while retaining the visible logo artwork.
*/
.customer-theme-header .logo img,
.customer-theme-header .customer-header-brand img,
.customer-mobile-menu .mobile-logo img,
.customer-mobile-menu .mobile-menu-brand img,
.premium-public-brand img,
.landing-layout-professional-complete .landing-brand img,
.premium-public-drawer>header img{
display:block!important;
background:transparent!important;
background-color:transparent!important;
border:0!important;
outline:0!important;
padding:0!important;
box-shadow:none!important;
object-fit:contain!important;
mix-blend-mode:multiply!important;
filter:saturate(1.08) contrast(1.04)!important;
}
/* Keep the logo blending isolated inside the coloured header only. */
.customer-theme-header,
.premium-public-header,
.premium-public-drawer>header{
isolation:isolate!important;
}
/* No artificial white first-letter box when an image is unavailable. */
.customer-theme-header .brand-mark,
.customer-mobile-menu .brand-mark,
.premium-public-brand .landing-logo-fallback,
.landing-layout-professional-complete .landing-logo-fallback,
.premium-public-drawer>header .landing-logo-fallback{
background:transparent!important;
background-color:transparent!important;
border:1px solid rgba(255,255,255,.45)!important;
box-shadow:none!important;
}
@media(max-width:720px){
.customer-theme-header .logo img,
.customer-theme-header .customer-header-brand img,
.premium-public-brand img{
background:transparent!important;
mix-blend-mode:multiply!important;
}
}
/* ============================================================
V672 — RESTAURANT PIPER AUDIO RELIABILITY
============================================================ */
.staff-voice-api-error{
display:grid;
grid-template-columns:auto 1fr;
gap:5px 14px;
align-items:center;
padding:16px 18px;
border-left:5px solid #a8312b;
background:#fff0ee;
color:#64201c;
}
.staff-voice-api-error>b{
grid-row:1/3;
font-size:11px;
letter-spacing:.06em;
}
.staff-voice-api-error>span{
font-weight:800;
}
.staff-voice-api-error>small{
color:#8a504b;
}
.management-voice-status.needs-unlock b{
animation:staff-voice-enable-pulse 1.3s ease-in-out infinite;
}
@keyframes staff-voice-enable-pulse{
0%,100%{opacity:1}
50%{opacity:.42}
}
@media(max-width:720px){
.staff-voice-api-error{
grid-template-columns:1fr;
text-align:center;
border-left:0;
border-top:5px solid #a8312b;
}
.staff-voice-api-error>b{
grid-row:auto;
}
}
/* V707: Menu Management food-image validation and same-page errors. */
.management-form-error{
grid-column:1/-1;
display:grid;
gap:5px;
padding:14px 16px;
color:#7f1d1d;
background:#fff1f2;
border:1px solid #fecdd3;
border-left:5px solid #dc2626;
border-radius:10px;
line-height:1.45;
}
.management-form-error b{
color:#991b1b;
font-size:12px;
letter-spacing:.055em;
}
.management-form-error span{
color:#7f1d1d;
font-size:13px;
font-weight:700;
}
.management-form-error small{
color:#9f1239;
font-size:10px;
font-weight:900;
letter-spacing:.05em;
}
.management-image-upload-field>small{
display:block;
margin:5px 0 9px;
color:#64748b;
font-size:11px;
font-weight:600;
line-height:1.45;
}
.management-image-upload-field input[type="file"]{
width:100%;
}
@media(max-width:700px){
.management-form-error{padding:12px 13px;text-align:left}
}
/* V708 — CUSTOMER USER POLICY FOOTER: SINGLE ROW + HORIZONTAL SCROLL */
.powered-footer{
flex-direction:column;
overflow:hidden;
}
.customer-policy-footer .powered-policy-links,
.powered-footer .powered-policy-links{
box-sizing:border-box;
width:100%;
max-width:100%;
display:flex;
flex-wrap:nowrap;
align-items:center;
justify-content:flex-start;
gap:0;
padding:11px 8px;
overflow-x:auto;
overflow-y:hidden;
white-space:nowrap;
scrollbar-width:none;
-ms-overflow-style:none;
-webkit-overflow-scrolling:touch;
scroll-behavior:smooth;
}
.customer-policy-footer .powered-policy-links::-webkit-scrollbar,
.powered-footer .powered-policy-links::-webkit-scrollbar{
display:none;
width:0;
height:0;
}
.customer-policy-footer .powered-policy-links a,
.powered-footer .powered-policy-links a{
flex:0 0 auto;
display:block;
padding:1px 12px;
border-right:1px solid rgba(255,255,255,.28);
line-height:1.35;
white-space:nowrap;
}
.customer-policy-footer .powered-policy-links a:last-child,
.powered-footer .powered-policy-links a:last-child{
border-right:0;
}
.customer-policy-footer .powered-brand-row,
.powered-footer .powered-brand-row{
flex:0 0 auto;
width:100%;
padding:8px 10px;
}
@media(min-width:900px){
.customer-policy-footer .powered-policy-links,
.powered-footer .powered-policy-links{
justify-content:center;
}
}
@media(max-width:720px){
.customer-policy-footer .powered-policy-links,
.powered-footer .powered-policy-links{
justify-content:flex-start;
padding-left:4px;
padding-right:4px;
}
.customer-policy-footer .powered-policy-links a,
.powered-footer .powered-policy-links a{
padding-left:11px;
padding-right:11px;
font-size:9px;
}
}
/* v7.09 User menu category arrows and food details dialog */
.category-scroll-shell{display:grid;grid-template-columns:34px minmax(0,1fr) 34px;align-items:center;gap:6px;min-width:0}
.category-scroll{min-width:0;overflow:hidden}
.category-scroll-arrow{width:34px;height:42px;padding:0;border:1px solid color-mix(in srgb,var(--primary) 28%,#ddd3ca);background:#fff;color:var(--primary);display:grid;place-items:center;cursor:pointer;box-shadow:0 4px 12px #2c160b12;transition:opacity .16s ease,transform .16s ease,background .16s ease}
.category-scroll-arrow svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}
.category-scroll-arrow:hover:not(:disabled){background:var(--primary);color:#fff;transform:translateY(-1px)}
.category-scroll-arrow:disabled{opacity:.32;cursor:default;box-shadow:none}
.category-scroll-arrow[hidden]{display:none!important}
.category-scroll-shell:has(.category-scroll-arrow[hidden]){grid-template-columns:minmax(0,1fr)}
.category-scroll-shell:has(.category-scroll-arrow[hidden]) .category-scroll{grid-column:1}
.category-rail{justify-content:start!important;scroll-behavior:smooth;overscroll-behavior-x:contain}
.food-details-trigger{border:0;padding:0;margin:0;text-align:inherit;cursor:pointer;color:inherit;font:inherit}
.food-details-trigger:focus-visible{outline:3px solid color-mix(in srgb,var(--primary) 48%,#fff);outline-offset:-3px}
.food-details-image-hint{position:absolute;left:6px;top:6px;z-index:3;width:24px;height:24px;display:grid;place-items:center;background:#fff;color:var(--primary);border:1px solid #ffffffb8;box-shadow:0 3px 10px #0003}
.food-details-image-hint svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.food-details-modal[hidden]{display:none!important}
.food-details-modal{position:fixed;inset:0;z-index:1000;display:grid;place-items:center;padding:18px;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .18s ease,visibility 0s linear .18s}
.food-details-modal.open{opacity:1;visibility:visible;pointer-events:auto;transition-delay:0s}
.food-details-backdrop{position:absolute;inset:0;border:0;background:#120b08b8;backdrop-filter:blur(5px);cursor:pointer}
.food-details-sheet{position:relative;z-index:1;width:min(760px,100%);max-height:min(88vh,760px);overflow:auto;display:grid;grid-template-columns:minmax(260px,.92fr) minmax(300px,1.08fr);background:#fff;border:1px solid #eadfd6;box-shadow:0 28px 80px #0008;transform:translateY(14px) scale(.985);transition:transform .18s ease}
.food-details-modal.open .food-details-sheet{transform:translateY(0) scale(1)}
.food-details-close{position:absolute;right:10px;top:10px;z-index:4;width:38px;height:38px;border:1px solid #ffffff9c;background:#201611d9;color:#fff;font-size:1.55rem;line-height:1;display:grid;place-items:center;cursor:pointer}
.food-details-media{position:relative;min-height:390px;background:#eee8e2;overflow:hidden}
.food-details-media>img,.food-details-placeholder{width:100%;height:100%;min-height:390px;object-fit:cover}
.food-details-placeholder{display:grid;place-items:center;font-size:5rem;background:linear-gradient(135deg,#f4eee8,#e8ddd3)}
.food-details-type{position:absolute;left:12px;bottom:12px;padding:7px 10px;background:#fff;color:#2c211c;border-left:5px solid #b91c1c;font-size:.65rem;font-weight:950;letter-spacing:.08em;box-shadow:0 6px 18px #0003}
.food-details-type.veg{border-left-color:#16a34a}
.food-details-copy{padding:34px 26px 26px;display:grid;align-content:center;gap:12px;text-align:left}
.food-details-copy .eyebrow{text-align:left;margin:0}
.food-details-copy h2{margin:0;text-align:left!important;font-size:clamp(1.45rem,4vw,2.25rem);line-height:1.06;color:#2b211c}
.food-details-copy>p{margin:0;color:#6f625a;line-height:1.65;font-size:.9rem;white-space:pre-line}
.food-details-rating{display:flex;align-items:center;gap:8px}
.food-details-rating strong{padding:5px 8px;background:#166534;color:#fff;font-size:.76rem}
.food-details-rating small{font-size:.62rem;font-weight:900;color:#6e625b;letter-spacing:.05em}
.food-details-price-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 0;border-top:1px solid #eadfd6;border-bottom:1px solid #eadfd6}
.food-details-price-row span{font-size:.68rem;font-weight:900;letter-spacing:.12em;color:#766a62}
.food-details-price-row strong{font-size:1.35rem;color:var(--primary)}
.food-details-add-form{margin:0}
.food-details-add-button{width:100%;min-height:48px;display:flex;align-items:center;justify-content:center;gap:8px}
.food-details-add-button span{font-size:1.25rem;line-height:1}
.food-details-sold-out{padding:12px!important;background:#f3eeea;color:#8a2b2b!important;text-align:center;font-weight:900;letter-spacing:.04em}
body.food-details-modal-open{overflow:hidden}
@media(max-width:720px){
.category-scroll-shell{grid-template-columns:29px minmax(0,1fr) 29px;gap:4px}
.category-scroll-arrow{width:29px;height:40px}
.category-scroll-arrow svg{width:18px;height:18px}
.food-details-modal{padding:8px;align-items:end}
.food-details-sheet{width:100%;max-height:92vh;grid-template-columns:1fr;grid-template-rows:minmax(210px,34vh) auto}
.food-details-media{min-height:210px}
.food-details-media>img,.food-details-placeholder{min-height:210px}
.food-details-copy{padding:20px 16px 18px;gap:10px}
.food-details-copy h2{font-size:1.45rem}
.food-details-copy>p{font-size:.8rem;line-height:1.5}
.food-details-close{right:8px;top:8px;width:36px;height:36px}
.food-details-type{left:9px;bottom:9px}
.food-details-image-hint{width:22px;height:22px;left:5px;top:5px}
}
/* v7.10 click-safety: hidden details content never overrides the HTML hidden state. */
.food-details-modal [hidden]{display:none!important}
/* Live order workflow lock + remembered status filter */
.management-status-grid button:disabled,
.management-status-grid button[aria-disabled="true"]{
cursor:not-allowed;
opacity:.42;
filter:grayscale(.35);
background:#817872 !important;
color:#f8f5f2 !important;
box-shadow:none !important;
}
.management-live-filter-card{padding:12px 14px;margin-bottom:12px}
.management-live-status-filter{display:grid;grid-template-columns:minmax(210px,360px) auto minmax(220px,1fr);gap:10px;align-items:end}
.management-live-status-filter label{display:grid;gap:6px}
.management-live-status-filter label>span{font-size:.68rem;font-weight:950;color:var(--primary);letter-spacing:.04em}
.management-live-status-filter select{width:100%;min-height:42px}
.management-live-status-filter>.btn{min-height:42px;margin:0}
.management-live-status-filter>small{align-self:center;color:#74685f;font-size:.66rem;font-weight:750;line-height:1.4}
@media(max-width:720px){
.management-live-status-filter{grid-template-columns:minmax(0,1fr) auto}
.management-live-status-filter>small{grid-column:1/-1}
}
/* Item-wise live order workflow */
.management-order-item{
grid-template-columns:46px minmax(0,1fr) minmax(250px,.95fr);
align-items:start;
}
.management-order-item-copy{align-self:center}
.management-order-item-control{display:grid;justify-items:end;gap:7px;min-width:0}
.management-order-item-control>strong{font-size:.78rem;color:var(--primary)}
.management-order-item-control>.badge{font-size:.58rem;white-space:nowrap}
.management-item-status-grid{display:flex;justify-content:flex-end;flex-wrap:wrap;gap:5px;width:100%}
.management-item-status-grid input[type=hidden]{display:none}
.management-item-status-grid button{
min-height:30px;padding:5px 8px;border:0;background:var(--primary);color:#fff;
font-size:.57rem;font-weight:950;letter-spacing:.02em;cursor:pointer;
}
.management-item-status-grid button[value=delivered]{background:#166534}
.management-item-status-grid button:disabled,
.management-item-status-grid button[aria-disabled=true]{
cursor:not-allowed;opacity:.38;background:#817872!important;color:#f8f5f2!important;
}
.customer-food-status-line{display:flex;align-items:center;gap:7px;flex-wrap:wrap;margin-top:7px}
.customer-food-status-line .badge{font-size:.6rem;line-height:1;padding:6px 8px}
.customer-food-status-line small{font-size:.58rem!important;font-weight:850;color:#75695f}
.customer-order-food-live[data-live-status=ready]{box-shadow:inset 4px 0 0 #15803d}
.customer-order-food-live[data-live-status=delivered]{opacity:.82}
@media(max-width:720px){
.management-order-item{grid-template-columns:42px minmax(0,1fr)}
.management-order-item-control{grid-column:1/-1;justify-items:stretch;border-top:1px dashed #e6ddd6;padding-top:8px}
.management-order-item-control>strong,.management-order-item-control>.badge{justify-self:end}
.management-item-status-grid{justify-content:stretch;display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}
.management-item-status-grid button{width:100%}
.customer-food-status-line{gap:5px}
}
/* Customer My Order: each food status in its own full-width row */
.customer-order-food-live{display:block;border-bottom:1px solid #eee7e1;background:#fff}
.customer-order-food-live>.order-food-row{border-bottom:0!important}
.customer-order-food-live:last-child{border-bottom:0}
.customer-food-status-row{display:grid;grid-template-columns:34px minmax(0,1fr) auto;align-items:center;gap:10px;min-height:48px;padding:7px 12px;background:#f8f6f3;border-top:1px solid #eee7e1}
.customer-food-status-icon{width:32px;height:32px;display:grid;place-items:center;border-radius:50%;background:#64748b;color:#fff;font-size:.82rem;font-weight:1000;box-shadow:0 3px 10px rgba(15,23,42,.12)}
.customer-food-status-copy{display:grid;gap:2px;min-width:0}
.customer-food-status-copy small{font-size:.5rem!important;line-height:1;color:#7a6f66;font-weight:900;letter-spacing:.08em}
.customer-food-status-copy strong{font-size:.69rem;line-height:1.2;color:#334155;font-weight:1000;letter-spacing:.04em}
.customer-food-status-code{font-size:.56rem!important;font-weight:900;color:#786c63;white-space:nowrap}
.customer-food-status-row.status-accepted .customer-food-status-icon{background:#2563eb}
.customer-food-status-row.status-accepted .customer-food-status-copy strong{color:#1d4ed8}
.customer-food-status-row.status-preparing .customer-food-status-icon{background:#d97706}
.customer-food-status-row.status-preparing .customer-food-status-copy strong{color:#b45309}
.customer-food-status-row.status-ready .customer-food-status-icon{background:#7c3aed}
.customer-food-status-row.status-ready .customer-food-status-copy strong{color:#6d28d9}
.customer-food-status-row.status-delivered .customer-food-status-icon{background:#15803d}
.customer-food-status-row.status-delivered .customer-food-status-copy strong{color:#166534}
@media(max-width:720px){
.customer-food-status-row{grid-template-columns:30px minmax(0,1fr) auto;min-height:43px;padding:6px 8px;gap:8px}
.customer-food-status-icon{width:28px;height:28px;font-size:.72rem}
.customer-food-status-copy strong{font-size:.62rem}
.customer-food-status-code{font-size:.49rem!important}
}
/* Live Order Management: single-food status in a separate user-friendly row */
.management-order-item-block{
border-bottom:1px solid #e9e1db;
background:#fff;
}
.management-order-item-block:last-child{border-bottom:0}
.management-order-item-main{
grid-template-columns:46px minmax(0,1fr) auto!important;
align-items:center!important;
border-bottom:0!important;
}
.management-order-item-price{
justify-self:end;
color:var(--primary);
font-size:.79rem;
white-space:nowrap;
}
.management-food-status-update-row{
display:grid;
grid-template-columns:minmax(160px,.65fr) minmax(0,1.35fr);
align-items:center;
gap:12px;
padding:8px 12px 9px 18px;
background:#f8f6f3;
border-top:1px solid #eee7e1;
}
.management-food-current-status{
display:flex;
align-items:center;
gap:9px;
min-width:0;
}
.management-food-current-status>span:last-child{display:grid;gap:2px;min-width:0}
.management-food-current-status small{
color:#786d64;
font-size:.5rem;
font-weight:950;
letter-spacing:.08em;
line-height:1;
}
.management-food-current-status strong{
color:#334155;
font-size:.68rem;
font-weight:1000;
letter-spacing:.04em;
line-height:1.2;
}
.management-food-current-letter{
width:32px;
height:32px;
flex:0 0 32px;
display:grid;
place-items:center;
border-radius:50%;
background:#64748b;
color:#fff;
font-size:.82rem;
font-weight:1000;
box-shadow:0 3px 10px rgba(15,23,42,.12);
}
.management-food-status-update-row.status-accepted .management-food-current-letter{background:#2563eb}
.management-food-status-update-row.status-accepted .management-food-current-status strong{color:#1d4ed8}
.management-food-status-update-row.status-preparing .management-food-current-letter{background:#d97706}
.management-food-status-update-row.status-preparing .management-food-current-status strong{color:#b45309}
.management-food-status-update-row.status-ready .management-food-current-letter{background:#7c3aed}
.management-food-status-update-row.status-ready .management-food-current-status strong{color:#6d28d9}
.management-food-status-update-row.status-delivered .management-food-current-letter{background:#15803d}
.management-food-status-update-row.status-delivered .management-food-current-status strong{color:#166534}
.management-food-status-update-row.status-cancelled .management-food-current-letter{background:#b91c1c}
.management-food-status-update-row.status-cancelled .management-food-current-status strong{color:#991b1b}
.management-food-status-update-row .management-item-status-grid{
display:flex;
justify-content:flex-end;
flex-wrap:wrap;
gap:7px;
width:100%;
}
.management-food-status-update-row .management-item-status-grid button{
min-width:86px;
min-height:38px;
padding:5px 9px 5px 6px;
display:flex;
align-items:center;
justify-content:flex-start;
gap:7px;
border:0;
background:var(--primary);
color:#fff;
cursor:pointer;
}
.management-food-status-update-row .management-item-status-grid button[value=delivered]{background:#166534}
.management-item-step-letter{
width:27px;
height:27px;
flex:0 0 27px;
display:grid;
place-items:center;
border-radius:50%;
background:rgba(255,255,255,.2);
color:#fff;
font-size:.72rem;
font-weight:1000;
}
.management-item-step-label{
font-size:.56rem;
font-weight:950;
letter-spacing:.025em;
white-space:nowrap;
}
.management-food-status-update-row .management-item-status-grid button:disabled,
.management-food-status-update-row .management-item-status-grid button[aria-disabled=true]{
cursor:not-allowed;
opacity:.4;
background:#817872!important;
color:#f8f5f2!important;
}
.management-food-status-locked{
justify-self:end;
color:#6f655d;
font-size:.58rem;
font-weight:950;
letter-spacing:.05em;
}
@media(max-width:720px){
.management-order-item-main{grid-template-columns:42px minmax(0,1fr) auto!important}
.management-food-status-update-row{grid-template-columns:1fr;padding:8px 10px;gap:8px}
.management-food-status-update-row .management-item-status-grid{
display:grid;
grid-template-columns:repeat(4,minmax(0,1fr));
gap:5px;
}
.management-food-status-update-row .management-item-status-grid button{
min-width:0;
min-height:48px;
padding:5px 3px;
display:grid;
justify-items:center;
justify-content:center;
gap:3px;
}
.management-item-step-letter{width:25px;height:25px;flex-basis:25px}
.management-item-step-label{font-size:.48rem}
.management-food-status-locked{justify-self:start}
}
/* Live Order Management: direct single-row A/P/R/D controls */
.management-food-status-update-row{
display:block;
padding:7px 10px;
}
.management-food-status-update-row>.management-food-current-status{display:none!important}
.management-food-status-update-row .management-item-status-grid{
display:flex!important;
flex-wrap:nowrap!important;
justify-content:stretch!important;
gap:6px!important;
width:100%;
overflow-x:auto;
overflow-y:hidden;
scrollbar-width:thin;
-webkit-overflow-scrolling:touch;
}
.management-food-status-update-row .management-item-status-grid button{
flex:1 0 82px;
min-width:82px;
min-height:42px;
justify-content:center;
padding:5px 6px;
}
.management-food-status-update-row .management-food-status-locked{
display:flex;
align-items:center;
justify-content:center;
min-height:38px;
}
@media(max-width:720px){
.management-food-status-update-row{padding:6px 7px}
.management-food-status-update-row .management-item-status-grid{
display:flex!important;
grid-template-columns:none!important;
flex-wrap:nowrap!important;
gap:4px!important;
}
.management-food-status-update-row .management-item-status-grid button{
flex:1 0 74px;
min-width:74px;
min-height:46px;
padding:4px 3px;
}
}
/* Live Order Management: one-letter-only food status icon row */
.management-food-status-update-row{
display:block!important;
padding:8px 10px!important;
overflow:hidden;
}
.management-food-status-update-row .management-item-status-grid{
display:flex!important;
align-items:center;
justify-content:flex-start!important;
flex-wrap:nowrap!important;
gap:8px!important;
width:100%;
overflow-x:auto;
overflow-y:hidden;
scrollbar-width:thin;
-webkit-overflow-scrolling:touch;
}
.management-food-status-update-row .management-item-status-grid .management-item-letter-button{
width:42px!important;
height:42px!important;
min-width:42px!important;
min-height:42px!important;
flex:0 0 42px!important;
display:grid!important;
place-items:center!important;
padding:0!important;
margin:0!important;
border:0!important;
border-radius:50%!important;
color:#fff!important;
cursor:pointer;
box-shadow:0 4px 11px rgba(15,23,42,.16);
}
.management-food-status-update-row .management-item-status-grid .management-item-letter-button>span{
display:block!important;
font-size:.82rem!important;
line-height:1!important;
font-weight:1000!important;
letter-spacing:0!important;
}
.management-item-letter-button.status-accepted{background:#2563eb!important}
.management-item-letter-button.status-preparing{background:#d97706!important}
.management-item-letter-button.status-ready{background:#7c3aed!important}
.management-item-letter-button.status-delivered{background:#15803d!important}
.management-food-status-update-row .management-item-status-grid .management-item-letter-button:disabled,
.management-food-status-update-row .management-item-status-grid .management-item-letter-button[aria-disabled=true]{
background:#8b817a!important;
color:#f7f3ef!important;
opacity:.4!important;
cursor:not-allowed!important;
box-shadow:none!important;
}
.management-food-status-update-row .management-item-step-label{display:none!important}
@media(max-width:720px){
.management-food-status-update-row{padding:7px 9px!important}
.management-food-status-update-row .management-item-status-grid{gap:7px!important}
.management-food-status-update-row .management-item-status-grid .management-item-letter-button{
width:40px!important;
height:40px!important;
min-width:40px!important;
min-height:40px!important;
flex-basis:40px!important;
}
}
/* Live orders full-width row list */
.management-order-grid.management-order-grid-live{
display:flex !important;
flex-direction:column !important;
align-items:stretch !important;
width:100% !important;
gap:12px !important;
}
.management-order-grid.management-order-grid-live>.management-order-card{
display:block !important;
width:100% !important;
max-width:none !important;
min-width:0 !important;
margin:0 !important;
}
@media(max-width:680px){
.management-order-grid.management-order-grid-live{gap:10px !important}
}
/* Responsive item status placement:
large screens = status controls inside the same food row;
small screens = controls remain in a separate row below the food. */
@media (min-width: 960px){
.management-order-grid-live .management-order-item-block{
display:grid !important;
grid-template-columns:minmax(0,1fr) auto !important;
align-items:center !important;
gap:12px !important;
padding:0 !important;
}
.management-order-grid-live .management-order-item-main{
grid-column:1 !important;
min-width:0 !important;
border-bottom:0 !important;
}
.management-order-grid-live .management-food-status-update-row{
grid-column:2 !important;
align-self:stretch !important;
display:flex !important;
align-items:center !important;
padding:8px 14px 8px 4px !important;
margin:0 !important;
border-top:0 !important;
background:#fff !important;
overflow:visible !important;
}
.management-order-grid-live .management-food-status-update-row .management-item-status-grid{
width:auto !important;
min-width:max-content !important;
overflow:visible !important;
gap:8px !important;
}
.management-order-grid-live .management-food-status-update-row .management-item-status-grid .management-item-letter-button{
width:40px !important;
height:40px !important;
min-width:40px !important;
min-height:40px !important;
flex:0 0 40px !important;
}
.management-order-grid-live .management-food-status-locked{
white-space:nowrap !important;
min-height:auto !important;
}
}
@media (max-width: 959px){
.management-order-grid-live .management-order-item-block{
display:block !important;
}
.management-order-grid-live .management-food-status-update-row{
border-top:1px solid #eee7e1 !important;
background:#f8f6f3 !important;
}
}
/* Final workflow lock visibility + centered A/P/R/D row */
.management-order-grid-live .management-item-letter-button:disabled,
.management-order-grid-live .management-item-letter-button[aria-disabled="true"]{
pointer-events:none !important;
filter:grayscale(1) !important;
opacity:.32 !important;
box-shadow:inset 0 0 0 2px rgba(255,255,255,.35) !important;
}
@media (max-width: 959px){
.management-order-grid-live .management-food-status-update-row{
display:flex !important;
justify-content:center !important;
align-items:center !important;
}
.management-order-grid-live .management-food-status-update-row .management-item-status-grid{
width:auto !important;
max-width:100% !important;
justify-content:center !important;
margin-inline:auto !important;
overflow-x:auto !important;
}
.management-order-grid-live .management-food-status-locked{
width:100% !important;
justify-content:center !important;
text-align:center !important;
}
}
/* Disabled workflow steps are non-interactive elements, not submit buttons. */
.management-order-grid-live .management-item-letter-button.is-disabled,
.management-order-grid-live .management-item-letter-button[aria-disabled="true"]{
pointer-events:none !important;
touch-action:none !important;
user-select:none !important;
cursor:default !important;
}
/* Food status workflow: current and all previous steps are non-clickable. */
.management-item-letter-button.is-disabled{
pointer-events:none !important;
user-select:none !important;
cursor:not-allowed !important;
background:#8b817a !important;
color:#f7f3ef !important;
opacity:.38 !important;
box-shadow:none !important;
}
/* Single food cancellation */
.management-item-letter-button.status-cancelled{
background:#b91c1c !important;
}
.management-item-letter-button.status-cancelled:hover{
background:#991b1b !important;
}
.management-order-item-block.status-edge-cancelled{
opacity:.72;
background:#fff7f7;
}
.customer-order-food-live.is-cancelled{
background:#fff7f7;
box-shadow:inset 4px 0 0 #b91c1c;
}
.customer-order-food-live.is-cancelled .order-food-image,
.customer-order-food-live.is-cancelled .order-food-info{
opacity:.68;
}
.customer-order-food-live.is-cancelled .order-food-info h3{
text-decoration:line-through;
text-decoration-thickness:1px;
}
.customer-order-food-live.is-cancelled .order-food-line-total{
color:#991b1b;
}
.customer-order-food-live.is-cancelled .order-food-line-total small{
color:#991b1b;
font-weight:950;
}
.customer-order-food-live.is-cancelled .order-food-line-total strong{
color:#991b1b;
}
.customer-order-food-live.is-cancelled .order-food-line-total del{
display:block;
margin-top:2px;
color:#8b817a;
font-size:.58rem;
font-weight:850;
}
.customer-food-status-row.status-cancelled{
background:#fff1f2;
border-top-color:#fecdd3;
}
.customer-food-status-row.status-cancelled .customer-food-status-icon{
background:#b91c1c;
}
.customer-food-status-row.status-cancelled .customer-food-status-copy strong{
color:#991b1b;
}
.order-cancelled-visible-note{
display:flex;
align-items:center;
gap:14px;
border:1px solid #fecdd3;
background:#fff1f2;
}
.order-cancelled-visible-note[hidden]{
display:none !important;
}
.order-cancelled-visible-note .empty-icon{
width:42px;
height:42px;
flex:0 0 42px;
display:grid;
place-items:center;
border-radius:50%;
background:#b91c1c;
color:#fff;
font-weight:1000;
}
.order-cancelled-visible-note h2{
margin:0 0 4px;
color:#991b1b;
font-size:.9rem;
}
.order-cancelled-visible-note p{
margin:0;
color:#7f1d1d;
font-size:.7rem;
line-height:1.45;
}
/* v7.20 — readable customer cart/order/bill typography and centered live filter */
/* Live Order Management filter: centered, compact and without helper copy. */
.management-live-filter-card{
display:grid !important;
justify-items:center !important;
}
.management-live-status-filter{
width:min(580px,100%) !important;
margin-inline:auto !important;
grid-template-columns:minmax(240px,380px) auto !important;
justify-content:center !important;
align-items:end !important;
gap:10px !important;
}
.management-live-status-filter label{
width:100% !important;
}
.management-live-status-filter label>span{
text-align:center !important;
font-size:.72rem !important;
}
.management-live-status-filter>.btn{
min-width:100px !important;
font-size:.72rem !important;
}
.management-live-status-filter>small{
display:none !important;
}
/* Shared customer page readability. */
body.customer-app :is(.customer-cart-page,.customer-orders-page,.customer-bill-page){
color:#241f1b;
}
body.customer-app :is(.customer-cart-page,.customer-orders-page,.customer-bill-page) .eyebrow{
font-size:.7rem !important;
line-height:1.25 !important;
}
body.customer-app :is(.customer-cart-page,.customer-orders-page,.customer-bill-page) :is(.section-head h2,.food-list-heading h2,.final-bill-card h2,.pay-now-card h2,.empty-state h2){
font-size:1.08rem !important;
line-height:1.28 !important;
}
body.customer-app :is(.customer-cart-page,.customer-orders-page,.customer-bill-page) :is(.notice,.form-help,.empty-state p,.final-bill-card p,.pay-now-card p){
font-size:.76rem !important;
line-height:1.5 !important;
}
/* My Cart */
body.customer-app .customer-cart-page .selected-items-heading>span{
font-size:.7rem !important;
line-height:1.35 !important;
}
body.customer-app .customer-cart-page .cart-item-copy>strong{
font-size:.94rem !important;
line-height:1.3 !important;
}
body.customer-app .customer-cart-page .cart-item-copy>small{
font-size:.7rem !important;
line-height:1.3 !important;
}
body.customer-app .customer-cart-page .cart-item-copy>p{
font-size:.74rem !important;
line-height:1.45 !important;
}
body.customer-app .customer-cart-page .quantity-stepper :is(button,strong){
font-size:.92rem !important;
}
body.customer-app .customer-cart-page .cart-line-total{
font-size:.94rem !important;
}
body.customer-app .customer-cart-page .add-more-food-cta strong{
font-size:.82rem !important;
}
body.customer-app .customer-cart-page .add-more-food-cta small{
font-size:.68rem !important;
line-height:1.4 !important;
}
body.customer-app .customer-cart-page :is(.coupon-trigger strong,.coupon-entry-row input,.coupon-entry-row button){
font-size:.72rem !important;
}
body.customer-app .customer-cart-page .live-cart-totals span{
font-size:.72rem !important;
}
body.customer-app .customer-cart-page .live-cart-totals span b{
font-size:.88rem !important;
}
body.customer-app .customer-cart-page .live-cart-totals .grand{
font-size:.78rem !important;
}
body.customer-app .customer-cart-page .live-cart-totals .grand b{
font-size:1rem !important;
}
body.customer-app .customer-cart-page .place-order-btn{
font-size:.8rem !important;
}
/* My Order */
body.customer-app .customer-orders-page .order-food-info h3{
font-size:.92rem !important;
line-height:1.3 !important;
}
body.customer-app .customer-orders-page .order-food-info p{
font-size:.72rem !important;
line-height:1.4 !important;
}
body.customer-app .customer-orders-page .order-food-line-total small{
font-size:.62rem !important;
line-height:1.25 !important;
}
body.customer-app .customer-orders-page .order-food-line-total strong{
font-size:.92rem !important;
}
body.customer-app .customer-orders-page .order-food-line-total del{
font-size:.66rem !important;
}
body.customer-app .customer-orders-page .customer-food-status-copy small{
font-size:.58rem !important;
}
body.customer-app .customer-orders-page .customer-food-status-copy strong{
font-size:.76rem !important;
}
body.customer-app .customer-orders-page .customer-food-status-code{
font-size:.6rem !important;
}
body.customer-app .customer-orders-page .order-amounts-inline small{
font-size:.62rem !important;
}
body.customer-app .customer-orders-page .order-amounts-inline b{
font-size:.88rem !important;
}
body.customer-app .customer-orders-page .order-group-total span{
font-size:.74rem !important;
}
body.customer-app .customer-orders-page .order-group-total b{
font-size:1.02rem !important;
}
body.customer-app .customer-orders-page .benefit-summary-head span{
font-size:.7rem !important;
}
body.customer-app .customer-orders-page .benefit-summary-head b{
font-size:.76rem !important;
}
body.customer-app .customer-orders-page .benefit-line :is(i,small){
font-size:.64rem !important;
}
body.customer-app .customer-orders-page .benefit-line strong{
font-size:.78rem !important;
}
body.customer-app .customer-orders-page .benefit-line>b{
font-size:.82rem !important;
}
body.customer-app .customer-orders-page .order-more-focus-copy strong{
font-size:.82rem !important;
}
body.customer-app .customer-orders-page .order-more-focus-copy small{
font-size:.68rem !important;
line-height:1.4 !important;
}
/* My Bill / Bills list */
body.customer-app .customer-bill-page .bill-records-head h2{
font-size:1.18rem !important;
line-height:1.25 !important;
}
body.customer-app .customer-bill-page .bill-records-head p{
font-size:.76rem !important;
line-height:1.45 !important;
}
body.customer-app .customer-bill-page .bill-records-logout{
font-size:.7rem !important;
}
body.customer-app .customer-bill-page .customer-bill-record-index{
font-size:.82rem !important;
}
body.customer-app .customer-bill-page .customer-bill-record small{
font-size:.6rem !important;
line-height:1.25 !important;
}
body.customer-app .customer-bill-page .customer-bill-record strong{
font-size:.86rem !important;
line-height:1.3 !important;
}
body.customer-app .customer-bill-page .customer-bill-record-main strong{
font-size:.92rem !important;
}
body.customer-app .customer-bill-page .customer-bill-record-total strong{
font-size:.96rem !important;
}
body.customer-app .customer-bill-page .customer-bill-record em{
font-size:.66rem !important;
line-height:1.35 !important;
}
body.customer-app .customer-bill-page .customer-bill-record-status .badge{
font-size:.62rem !important;
}
body.customer-app .customer-bill-page .bill-record-actions a{
font-size:.64rem !important;
}
/* Keep the same clarity on phones without breaking rows. */
@media(max-width:720px){
.management-live-status-filter{
width:100% !important;
grid-template-columns:minmax(0,1fr) auto !important;
gap:8px !important;
}
.management-live-status-filter>.btn{
min-width:88px !important;
}
body.customer-app .customer-cart-page .cart-item-copy>strong{
font-size:.86rem !important;
}
body.customer-app .customer-cart-page .cart-item-copy>small{
font-size:.65rem !important;
}
body.customer-app .customer-cart-page .cart-item-copy>p{
font-size:.68rem !important;
}
body.customer-app .customer-cart-page .cart-line-total{
font-size:.86rem !important;
}
body.customer-app .customer-orders-page .order-food-info h3{
font-size:.84rem !important;
}
body.customer-app .customer-orders-page .order-food-info p{
font-size:.66rem !important;
}
body.customer-app .customer-orders-page .order-food-line-total small{
font-size:.56rem !important;
}
body.customer-app .customer-orders-page .order-food-line-total strong{
font-size:.84rem !important;
}
body.customer-app .customer-orders-page .customer-food-status-copy strong{
font-size:.7rem !important;
}
body.customer-app .customer-orders-page .customer-food-status-code{
font-size:.55rem !important;
}
body.customer-app .customer-bill-page .bill-records-head h2{
font-size:1.08rem !important;
}
body.customer-app .customer-bill-page .bill-records-head p{
font-size:.7rem !important;
}
body.customer-app .customer-bill-page .customer-bill-record small{
font-size:.56rem !important;
}
body.customer-app .customer-bill-page .customer-bill-record strong{
font-size:.8rem !important;
}
body.customer-app .customer-bill-page .customer-bill-record-main strong{
font-size:.86rem !important;
}
body.customer-app .customer-bill-page .customer-bill-record-total strong{
font-size:.88rem !important;
}
body.customer-app .customer-bill-page .customer-bill-record em{
font-size:.6rem !important;
}
}
/* v7.21 — My Cart and My Order mobile width/side alignment match My Menu */
@media(max-width:720px){
/* Same 8px outer gutter used by My Menu sections. */
body.customer-app .customer-cart-page .narrow-content,
body.customer-app .customer-orders-page .orders-content{
width:calc(100% - 16px) !important;
max-width:none !important;
margin-left:auto !important;
margin-right:auto !important;
padding-left:0 !important;
padding-right:0 !important;
}
/* Same compact section inset as the My Menu food list. */
body.customer-app .customer-cart-page .cart-panel,
body.customer-app .customer-orders-page .orders-food-section{
width:100% !important;
margin-left:0 !important;
margin-right:0 !important;
padding:8px !important;
overflow:hidden !important;
}
body.customer-app .customer-cart-page .cart-stepper-lines,
body.customer-app .customer-orders-page .order-food-list,
body.customer-app .customer-orders-page .customer-order-clean{
width:100% !important;
max-width:none !important;
margin-left:0 !important;
margin-right:0 !important;
}
/* Product row follows My Menu: fixed image on left, flexible copy, compact control on right. */
body.customer-app .customer-cart-page .cart-stepper-line.cart-menu-row{
width:100% !important;
grid-template-columns:82px minmax(0,1fr) 100px !important;
min-height:84px !important;
gap:0 !important;
padding:0 !important;
}
body.customer-app .customer-cart-page .cart-row-image{
width:82px !important;
min-height:84px !important;
}
body.customer-app .customer-cart-page .cart-row-image>img,
body.customer-app .customer-cart-page .cart-row-image>.food-placeholder{
min-height:84px !important;
}
body.customer-app .customer-cart-page .cart-item-copy{
min-width:0 !important;
padding:8px !important;
}
body.customer-app .customer-cart-page .cart-row-actions{
width:100px !important;
min-width:100px !important;
padding:6px 4px !important;
}
body.customer-app .customer-orders-page .order-food-row.order-food-row-with-image{
width:100% !important;
grid-template-columns:82px minmax(0,1fr) 82px !important;
min-height:84px !important;
gap:0 !important;
}
body.customer-app .customer-orders-page .order-food-row-with-image .order-food-image{
width:82px !important;
min-height:84px !important;
}
body.customer-app .customer-orders-page .order-food-row-with-image .order-food-image>img,
body.customer-app .customer-orders-page .order-food-row-with-image .order-food-image>.food-placeholder{
min-height:84px !important;
}
body.customer-app .customer-orders-page .order-food-row-with-image .order-food-info{
min-width:0 !important;
padding:8px !important;
}
body.customer-app .customer-orders-page .order-food-row-with-image .order-food-line-total{
width:82px !important;
min-width:82px !important;
padding:6px 4px !important;
}
/* Status and totals align exactly with the product card edges. */
body.customer-app .customer-orders-page .customer-food-status-row,
body.customer-app .customer-orders-page .order-amounts-inline,
body.customer-app .customer-orders-page .order-group-total{
width:100% !important;
margin-left:0 !important;
margin-right:0 !important;
}
}
@media(max-width:390px){
body.customer-app .customer-cart-page .cart-stepper-line.cart-menu-row{
grid-template-columns:76px minmax(0,1fr) 94px !important;
}
body.customer-app .customer-cart-page .cart-row-image{
width:76px !important;
}
body.customer-app .customer-cart-page .cart-row-actions{
width:94px !important;
min-width:94px !important;
}
body.customer-app .customer-orders-page .order-food-row.order-food-row-with-image{
grid-template-columns:76px minmax(0,1fr) 76px !important;
}
body.customer-app .customer-orders-page .order-food-row-with-image .order-food-image{
width:76px !important;
}
body.customer-app .customer-orders-page .order-food-row-with-image .order-food-line-total{
width:76px !important;
min-width:76px !important;
}
}
/* Settings save errors stay on the same settings page with the actual cause. */
.management-settings-save-error{
width:100%;
margin:14px 0 18px;
padding:15px 17px;
border:1px solid #fecaca;
border-left:6px solid #b91c1c;
border-radius:14px;
background:#fff1f2;
color:#7f1d1d;
box-shadow:0 8px 24px rgba(127,29,29,.08);
scroll-margin-top:88px;
}
.management-settings-save-error>div{
display:flex;
align-items:flex-start;
gap:12px;
}
.management-settings-save-error>div>span{
width:34px;
height:34px;
flex:0 0 34px;
display:grid;
place-items:center;
border-radius:50%;
background:#b91c1c;
color:#fff;
font-size:1rem;
font-weight:1000;
}
.management-settings-save-error p{
display:grid;
gap:5px;
margin:0;
min-width:0;
}
.management-settings-save-error b{
font-size:.76rem;
letter-spacing:.08em;
}
.management-settings-save-error strong{
display:block;
font-size:.9rem;
line-height:1.5;
overflow-wrap:anywhere;
color:#7f1d1d;
}
.management-settings-save-error small{
font-size:.68rem;
line-height:1.45;
color:#991b1b;
}
@media(max-width:720px){
.management-settings-save-error{padding:12px;margin:10px 0 14px}
.management-settings-save-error>div{gap:9px}
.management-settings-save-error>div>span{width:30px;height:30px;flex-basis:30px}
.management-settings-save-error strong{font-size:.8rem}
}
/* Old created unpaid bills: persistent PAY NOW workflow. */
.bill-record-actions .pay-old-bill-action{
background:#166534 !important;
border-color:#166534 !important;
color:#fff !important;
}
.customer-old-bill-payment-main{
min-height:calc(100vh - 150px);
padding-bottom:96px;
}
.customer-old-bill-payment-content{
width:min(920px,calc(100% - 24px));
margin:20px auto 0;
}
.old-created-bill-pay-card{
overflow:hidden;
}
.old-created-bill-pay-card .centered-section-head{
text-align:center;
justify-content:center;
}
.old-created-bill-pay-card .centered-section-head p{
margin:5px 0 0;
font-size:.74rem;
font-weight:750;
color:#74685f;
}
.old-bill-pay-summary{
grid-template-columns:repeat(3,minmax(0,1fr));
}
.old-bill-partial-payments{
display:grid;
gap:7px;
margin:14px 0;
padding:12px;
background:#f7f4f1;
border:1px solid #eadfd7;
}
.old-bill-partial-payments>strong{
font-size:.68rem;
color:var(--primary);
letter-spacing:.05em;
}
.old-bill-partial-payments>span{
display:flex;
align-items:center;
justify-content:space-between;
gap:12px;
padding-top:7px;
border-top:1px solid #e8ded7;
}
.old-bill-partial-payments small{
font-size:.64rem;
font-weight:750;
color:#74685f;
}
.old-bill-partial-payments b{
font-size:.78rem;
color:#166534;
}
.old-bill-payment-actions{
display:flex;
justify-content:center;
margin-top:14px;
}
@media(max-width:720px){
.customer-old-bill-payment-content{
width:calc(100% - 16px);
margin-top:10px;
}
.old-created-bill-pay-card{
padding:12px 8px;
}
.old-bill-pay-summary{
grid-template-columns:1fr;
}
.old-bill-payment-options{
grid-template-columns:repeat(2,minmax(0,1fr)) !important;
}
.old-bill-payment-options .payment-policy-acceptance,
.old-bill-payment-options .payment-save{
grid-column:1/-1;
}
}
@media(max-width:390px){
.old-bill-payment-options{
grid-template-columns:1fr !important;
}
.old-bill-payment-options .payment-policy-acceptance,
.old-bill-payment-options .payment-save{
grid-column:auto;
}
}
/* Compact payment cards + exact amount UPI scanner. */
.payment-choice-grid.payment-choice-compact{
grid-template-columns:repeat(4,minmax(0,1fr)) !important;
gap:7px !important;
}
.payment-choice-grid.payment-choice-compact .payment-method-card{
position:relative !important;
min-height:54px !important;
padding:7px 8px 7px 29px !important;
display:flex !important;
align-items:center !important;
justify-content:flex-start !important;
gap:6px !important;
text-align:left !important;
}
.payment-choice-grid.payment-choice-compact .payment-method-card>span{
flex:0 0 auto !important;
font-size:.95rem !important;
line-height:1 !important;
order:1 !important;
}
.payment-choice-grid.payment-choice-compact .payment-method-card>strong{
min-width:0 !important;
font-size:.65rem !important;
line-height:1.05 !important;
letter-spacing:.035em;
text-align:left !important;
order:2 !important;
}
.payment-choice-grid.payment-choice-compact .payment-method-card>small{
display:none !important;
}
.payment-choice-grid.payment-choice-compact .payment-method-card>input[type=radio]{
position:absolute !important;
left:8px !important;
right:auto !important;
top:50% !important;
bottom:auto !important;
transform:translateY(-50%) !important;
width:13px !important;
height:13px !important;
margin:0 !important;
accent-color:var(--primary);
}
.payment-choice-grid.payment-choice-compact .payment-method-card.is-selected,
.payment-choice-grid.payment-choice-compact .payment-method-card:has(input:checked){
border-color:var(--primary) !important;
box-shadow:0 0 0 2px color-mix(in srgb,var(--primary) 15%,transparent) !important;
}
.payment-choice-grid.payment-choice-compact .payment-agree-compact{
grid-column:1/-1 !important;
min-height:22px !important;
padding:2px 1px !important;
margin:0 !important;
border:0 !important;
background:transparent !important;
box-shadow:none !important;
display:flex !important;
align-items:center !important;
justify-content:flex-start !important;
gap:6px !important;
text-align:left !important;
}
.payment-choice-grid.payment-choice-compact .payment-agree-compact input{
position:static !important;
transform:none !important;
width:13px !important;
height:13px !important;
flex:0 0 13px !important;
margin:0 !important;
accent-color:var(--primary);
}
.payment-choice-grid.payment-choice-compact .payment-agree-compact span{
font-size:.58rem !important;
line-height:1 !important;
font-weight:950 !important;
letter-spacing:.055em !important;
color:#5f554e !important;
}
.exact-upi-payment-panel{
grid-column:1/-1;
display:grid;
grid-template-columns:178px minmax(0,1fr);
align-items:center;
gap:16px;
padding:13px;
background:#f7fff9;
border:1px solid #9fd4ad;
}
.exact-upi-payment-panel[hidden]{display:none !important}
.exact-upi-qr{
width:178px;
height:178px;
display:grid;
place-items:center;
padding:7px;
background:#fff;
border:1px solid #d9e8dc;
overflow:hidden;
}
.exact-upi-qr svg{
width:164px !important;
height:164px !important;
max-width:100%;
}
.exact-upi-copy{
min-width:0;
display:grid;
gap:6px;
}
.exact-upi-copy>span{
font-size:.62rem;
font-weight:950;
letter-spacing:.08em;
color:#166534;
}
.exact-upi-copy>strong{
font-size:1.55rem;
line-height:1;
color:#14532d;
}
.exact-upi-copy>small{
font-size:.68rem;
font-weight:800;
color:#58705f;
}
.exact-upi-copy code{
width:max-content;
max-width:100%;
padding:5px 7px;
background:#fff;
border:1px solid #cfe3d4;
overflow-wrap:anywhere;
font-size:.7rem;
font-weight:900;
}
.exact-upi-copy>div{
display:flex;
flex-wrap:wrap;
gap:7px;
}
.exact-upi-copy .btn{
min-height:35px;
padding:7px 10px;
font-size:.66rem;
}
.exact-upi-copy p{
margin:0;
font-size:.62rem;
line-height:1.4;
color:#685d55;
}
.management-upi-settings{
margin-top:12px;
}
@media(max-width:720px){
.payment-choice-grid.payment-choice-compact{
grid-template-columns:repeat(2,minmax(0,1fr)) !important;
gap:6px !important;
}
.payment-choice-grid.payment-choice-compact .payment-method-card{
min-height:49px !important;
padding:6px 7px 6px 28px !important;
}
.payment-choice-grid.payment-choice-compact .payment-method-card>span{font-size:.86rem !important}
.payment-choice-grid.payment-choice-compact .payment-method-card>strong{font-size:.61rem !important}
.exact-upi-payment-panel{
grid-template-columns:1fr;
justify-items:center;
text-align:center;
gap:10px;
padding:10px 8px;
}
.exact-upi-qr{
width:164px;
height:164px;
}
.exact-upi-qr svg{
width:150px !important;
height:150px !important;
}
.exact-upi-copy{
justify-items:center;
}
.exact-upi-copy>div{
justify-content:center;
}
.exact-upi-copy p{
text-align:center;
}
}
/* UPI scanner: QR only; CONTINUE opens the installed UPI app. */
.exact-upi-payment-panel.exact-upi-qr-only{
grid-template-columns:1fr !important;
justify-items:center !important;
text-align:center !important;
gap:8px !important;
padding:12px 8px !important;
}
.exact-upi-qr-only .exact-upi-qr{
margin:0 auto !important;
}
.exact-upi-qr-note{
margin:0 !important;
display:grid !important;
gap:3px !important;
justify-items:center !important;
font-size:.72rem !important;
line-height:1.15 !important;
font-weight:950 !important;
letter-spacing:.04em !important;
color:#14532d !important;
}
.exact-upi-qr-note small{
display:block !important;
font-size:.58rem !important;
line-height:1.3 !important;
font-weight:750 !important;
letter-spacing:0 !important;
color:#6b625b !important;
}
.exact-upi-payment-panel .exact-upi-copy{
display:none !important;
}
/* Pending Bills & Payments: centered record filter. */
.management-bill-record-filter{
width:min(760px,100%);
margin:14px auto;
padding:5px;
display:grid;
grid-template-columns:repeat(3,minmax(0,1fr));
gap:5px;
background:#f4efeb;
border:1px solid #e2d7d0;
}
.management-bill-record-filter>a{
min-height:42px;
padding:7px 10px;
display:flex;
align-items:center;
justify-content:center;
gap:7px;
text-align:center;
text-decoration:none;
background:#fff;
border:1px solid transparent;
color:#5f5149;
font-size:.69rem;
line-height:1;
font-weight:950;
letter-spacing:.045em;
}
.management-bill-record-filter>a>b{
min-width:22px;
height:22px;
padding:0 6px;
display:inline-flex;
align-items:center;
justify-content:center;
border-radius:999px;
background:#eee5df;
color:#6a574c;
font-size:.65rem;
letter-spacing:0;
}
.management-bill-record-filter>a:hover{
border-color:color-mix(in srgb,var(--primary) 38%,#ddd);
}
.management-bill-record-filter>a.is-active{
background:var(--primary);
border-color:var(--primary);
color:#fff;
box-shadow:0 5px 14px color-mix(in srgb,var(--primary) 24%,transparent);
}
.management-bill-record-filter>a.is-active>b{
background:rgba(255,255,255,.18);
color:#fff;
}
@media(max-width:620px){
.management-bill-record-filter{
width:calc(100% - 16px);
margin:10px auto;
padding:4px;
gap:4px;
}
.management-bill-record-filter>a{
min-height:40px;
padding:6px 4px;
gap:4px;
font-size:.58rem;
letter-spacing:.025em;
}
.management-bill-record-filter>a>b{
min-width:19px;
height:19px;
padding:0 5px;
font-size:.58rem;
}
}