:root{
 --forest:#143c35;--forest-deep:#0d302b;--forest-muted:#315d54;--mint:#e9f4ed;--cream:#f8f9f6;
 --sand:#f1eee7;--sand-2:#e8e2d6;--gold:#d6ab65;--gold-light:#fff2d9;--ink:#1d2926;
 --muted:#7b8780;--border:#e8ede8;--shadow:0 14px 45px rgba(30,57,46,.06);
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--ink);font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;font-size:14px;line-height:1.5}button,input,textarea,select{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.55}button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid #d3ae73;outline-offset:2px}h1,h2,h3,p{margin-top:0}h1,h2,h3{letter-spacing:-.045em}h1{font-size:clamp(30px,3vw,43px);font-weight:750;line-height:1.18}h2{font-size:21px;font-weight:750;line-height:1.23}small{font-size:12px}p{line-height:1.6}i{font-style:normal}.muted{color:var(--muted)}.eyebrow{font-size:10px;letter-spacing:.19em;font-weight:800;color:#9c8870}.eyebrow.gold{color:var(--gold)}.btn{border:0;border-radius:11px;font-weight:750;padding:12px 17px;display:inline-flex;justify-content:center;align-items:center;gap:18px;transition:transform .16s ease,background-color .16s ease;white-space:nowrap}.btn:hover:not(:disabled){transform:translateY(-1px)}.btn span{font-size:18px;font-weight:500}.btn.solid{color:white;background:var(--forest)}.btn.solid:hover:not(:disabled){background:#235c51}.btn.light{background:#fff;color:var(--forest)}.btn.full{width:100%;justify-content:space-between}.btn.small{padding:8px 12px;border-radius:8px;font-size:11px;gap:8px}.text-link{border:0;background:none;padding:0;text-align:left;color:var(--forest);text-decoration:underline;text-underline-offset:3px;font-size:12px;font-weight:750}
/* Sign in and first-run account setup */
.auth-layout{min-height:100vh;display:grid;grid-template-columns:minmax(350px,1fr) minmax(440px,1fr);background:#fdfdfa}.auth-hero{background:#153e35;color:white;padding:38px 8%;position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:space-between;min-height:690px}.auth-hero:before,.auth-hero:after{content:"";position:absolute;border:1px solid rgba(255,255,255,.08);border-radius:50%;height:700px;width:700px;top:23%;left:15%;pointer-events:none}.auth-hero:after{width:500px;height:500px;top:37%;left:30%}.auth-topline{display:flex;align-items:center;gap:13px;letter-spacing:.2em;font-size:11px;font-weight:650;z-index:1}.auth-topline b{color:#e1c28e;font-weight:650}.brand-symbol{font-size:32px;line-height:1;color:#e2b875}.auth-content{position:relative;z-index:1;margin-top:70px;max-width:550px}.auth-content h1{font-size:clamp(55px,6vw,94px);line-height:1.05;letter-spacing:-.075em;margin:19px 0 23px}.auth-content h1 em{font-style:normal;color:#e2c694}.auth-content p{font-size:16px;color:#c5d5d0;max-width:350px}.hero-coffee{position:relative;height:260px;display:flex;align-items:center;justify-content:center}.cup-shape{font-size:162px;filter:drop-shadow(0 15px 16px rgba(0,0,0,.24));z-index:1}.cup-steam{color:#e8cb95;position:absolute;font-size:38px;top:-3px;left:50%;transform:translateX(-50%);letter-spacing:14px;opacity:.6}.hero-orbit{position:absolute;top:35px;width:230px;height:230px;border:1px solid #6c877d55;border-radius:50%}.auth-footnote{font-size:10px;letter-spacing:.24em;color:#8eaaa0;font-weight:700;z-index:1}.auth-footnote span{margin:0 10px;color:var(--gold)}.auth-pane{display:grid;place-items:center;padding:35px}.auth-card{width:100%;max-width:420px}.auth-card h2{font-size:34px;line-height:1.1;letter-spacing:-.05em;margin:13px 0}.auth-card p{margin-bottom:33px}.auth-card form{display:grid;gap:16px}.auth-card label,.team-form-card label{display:grid;gap:7px;font-size:12px;color:#45544e;font-weight:750}.auth-card input,.team-form-card input,.team-form-card select{height:47px;border:1px solid #dfe7df;background:#fff;border-radius:10px;padding:0 14px;color:#173d35;width:100%}.auth-card input::placeholder,.team-form-card input::placeholder{color:#a1aba3}.auth-card button[type=submit]{margin-top:9px;height:48px}.auth-safe{margin-top:35px;font-size:11px;color:#a2aca5;text-align:center}.auth-icon{display:grid;place-items:center;background:#e8f3ec;width:50px;height:50px;border-radius:14px;font-size:24px;margin-bottom:20px}.mobile-wordmark{display:none}.boot,.boot-error{min-height:100vh;display:flex;align-items:center;justify-content:center;flex-direction:column;color:#376054}.boot-error p{max-width:430px;text-align:center}.boot-error button{background:var(--forest);border:0;color:white;border-radius:8px;padding:10px 18px}
/* Overall workspace */
.dashboard{min-height:100vh;display:flex}.sidebar{width:245px;flex:0 0 245px;min-height:100vh;position:sticky;top:0;height:100vh;background:#163e37;padding:28px 18px 22px;color:#eef8f2;display:flex;flex-direction:column}.brand{display:flex;align-items:center;gap:10px;padding:7px 10px}.brand-emblem{font-size:34px;line-height:1;color:#e5c087}.brand-text{font-size:10px;line-height:1.55;letter-spacing:.18em;font-weight:700}.brand-text strong{display:block;color:#e1b777;font-size:12px;letter-spacing:.08em}.sidebar-divider{height:1px;background:#ffffff18;margin:29px 9px}.side-label{font-size:10px;letter-spacing:.19em;color:#8eaea3;padding:0 14px 13px;font-weight:750}.side-nav{display:grid;gap:8px}.nav-btn{border:0;color:#c5d9d0;background:none;border-radius:11px;padding:13px 15px;text-align:left;display:flex;align-items:center;gap:13px;font-size:12px;font-weight:650}.nav-btn:hover{background:#ffffff0f}.nav-btn.active{color:#173e35;background:#f2f4e8;font-weight:800}.nav-icon{font-size:21px;line-height:1}.sidebar-grow{flex:1}.sidebar-hint{display:flex;align-items:flex-start;gap:12px;background:#ffffff0b;border:1px solid #ffffff1d;border-radius:12px;padding:15px 12px;margin-bottom:20px}.sidebar-hint>span{color:#e9c789;font-size:17px}.sidebar-hint strong{font-size:11px;display:block;color:#f7f4de}.sidebar-hint p{font-size:10px;color:#9bb7ad;margin:6px 0 0}.side-profile{border-top:1px solid #ffffff23;padding:20px 2px 0;display:flex;align-items:center;gap:9px;min-width:0}.avatar,.top-avatar,.team-user-avatar{background:#d7ede1;color:#1b5346;display:grid;place-items:center;border-radius:12px;font-weight:850}.avatar{width:35px;height:35px;flex:none}.profile-text{flex:1;min-width:0}.profile-text b{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11px}.profile-text span{font-size:10px;color:#98b7ab}.signout{background:none;color:#c1d9cd;border:0;font-size:22px}.workspace{min-width:0;flex:1;display:flex;flex-direction:column}.topbar{height:75px;background:#fff;flex:none;border-bottom:1px solid var(--border);padding:0 clamp(23px,3vw,49px);display:flex;align-items:center;justify-content:space-between}.topbar-context{font-size:10px;letter-spacing:.14em;font-weight:750;color:#74847a}.topbar-context i{padding:0 10px;color:#bbc5be}.topbar-r{display:flex;align-items:center;gap:15px}.top-avatar{width:33px;height:33px;border-radius:50%;font-size:11px}.pill{display:inline-flex;align-items:center;gap:8px;border-radius:30px;font-size:11px;font-weight:800;padding:8px 13px}.status-online{background:#ecf7ed;color:#2b7850}.status-offline{background:#f5f0e9;color:#906d40}.status-dot{width:8px;height:8px;border-radius:50%;background:currentColor;display:inline-block;flex:none}.mobile-mini-logo,.mobile-signout,.mobile-nav{display:none}.main-content{width:100%;max-width:1540px;min-height:calc(100vh - 122px);padding:38px clamp(23px,3vw,49px) 55px;margin:0 auto}.site-foot{text-align:center;font-size:9px;letter-spacing:.11em;color:#a7b0a7;padding:0 25px 25px;font-weight:700}.site-foot span{color:#c8a36b;padding:0 8px}.heading-group{display:flex;justify-content:space-between;gap:20px;align-items:flex-end;margin-bottom:29px}.heading-group h1{margin:10px 0 7px}.heading-group p{margin:0}.heading-date{padding-bottom:7px;font-size:11px;font-weight:700;color:#8e9a91;white-space:nowrap}.wave{font-size:28px;color:#d3a44d}
/* Availability banner */
.availability{border-radius:15px;min-height:112px;display:flex;align-items:center;padding:23px 28px;gap:19px;position:relative;overflow:hidden}.availability.available{background:#e8f3e9;border:1px solid #d9ebdd}.availability.away{background:#f8f1e6;border:1px solid #f1e6d4}.availability:before{content:"";position:absolute;right:-60px;top:-95px;width:230px;height:230px;border:1px solid #a9bbac40;border-radius:50%}.availability-graphic{display:grid;place-items:center;border-radius:14px;background:#fff9;width:58px;height:58px;font-size:26px;color:#286e4d;flex:none}.away .availability-graphic{color:#a38048}.availability-copy{display:grid;gap:2px;flex:1;z-index:1}.availability-copy strong{font-size:19px;letter-spacing:-.04em}.availability-copy>span:last-child{font-size:12px;color:#6b826f}.availability.away .availability-copy>span:last-child{color:#9a866b}.availability-badge{z-index:1;display:flex;gap:7px;align-items:center;color:#327652;font-size:11px;font-weight:800;background:#fff9;padding:9px 13px;border-radius:30px}.away .availability-badge{color:#997447}.availability .btn{z-index:1;font-size:12px;padding:10px 16px}
/* Menu and cart */
.columns-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:29px;margin-top:36px;align-items:start}.section-title{display:flex;justify-content:space-between;align-items:end;gap:13px;margin-bottom:19px}.section-title h2{margin:6px 0 0}.small-note{font-size:11px;color:#9da69f;white-space:nowrap}.menu-tools{display:flex;margin-bottom:16px}.search-wrap{display:flex;align-items:center;gap:8px;border:1px solid #e3e9e2;border-radius:11px;padding:0 12px;background:white;width:min(100%,375px)}.search-wrap span{font-size:24px;color:#8b9f92;line-height:1}.search-wrap input{border:0;outline:0!important;padding:12px 0;width:100%;min-width:0;background:transparent;font-size:12px}.category-list{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 18px}.category-btn{border:1px solid #e3e9e2;background:#fff;color:#7f8d84;border-radius:8px;padding:8px 13px;font-size:11px;font-weight:700}.category-btn:hover{border-color:#a9c4ae}.category-btn.selected{background:var(--forest);color:white;border-color:var(--forest)}.menu-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.menu-card{position:relative;min-width:0;min-height:184px;background:white;border:1px solid var(--border);border-radius:14px;text-align:left;padding:18px;display:flex;flex-direction:column;align-items:flex-start;gap:14px;transition:box-shadow .2s,border .2s,transform .2s}.menu-card:hover{transform:translateY(-3px);box-shadow:0 10px 25px #183c3710;border-color:#b8d7c3}.menu-emoji{width:64px;height:64px;border-radius:13px;display:grid;place-items:center;font-size:33px;background:#fff4e5}.menu-emoji.coffee{background:#f3ede5}.menu-emoji.other{background:#e9f4fa}.menu-emoji.snack{background:#fff0e4}.menu-description{min-width:0;padding-right:10px}.menu-description b{font-size:13px;display:block;white-space:normal;color:#273b31}.menu-description span{display:block;font-size:10px;color:#97a299;margin-top:4px}.menu-plus{width:27px;height:27px;border:1px solid #dfe8e0;background:#f6faf6;color:#245b49;border-radius:8px;display:grid;place-items:center;font-size:19px;position:absolute;bottom:16px;right:15px;line-height:1}.cart-column{position:sticky;top:20px}.cart-card{background:#fff;border:1px solid var(--border);border-radius:16px;padding:21px;box-shadow:var(--shadow)}.cart-heading{display:flex;align-items:center;justify-content:space-between;padding-bottom:17px;border-bottom:1px solid var(--border)}.cart-heading h2{margin:7px 0 0;display:flex;align-items:center;gap:10px;font-size:19px}.count-chip{display:inline-grid;place-items:center;background:#e9f3eb;color:#367357;border-radius:7px;min-width:23px;padding:3px 7px;font-size:12px;letter-spacing:0}.bag-icon{font-size:26px;color:#abc2b6}.cart-empty{display:flex;flex-direction:column;align-items:center;text-align:center;padding:29px 5px 19px}.tray-illustration{font-size:42px;position:relative;background:#f1f6f0;border-radius:50%;height:105px;width:105px;display:grid;place-items:center;margin-bottom:18px}.tray-illustration span{position:absolute;color:#c39f5c;right:8px;top:10px;font-size:19px}.cart-empty strong{font-size:13px}.cart-empty p{font-size:11px;color:#98a59c;margin:6px 0 0;max-width:170px}.cart-lines{max-height:350px;overflow:auto}.cart-line{display:flex;gap:10px;padding:14px 0;border-bottom:1px solid var(--border)}.line-icon{width:37px;height:37px;border-radius:9px;display:grid;place-items:center;background:#f8f3e9;flex:none;font-size:19px}.line-main{flex:1;min-width:0}.line-main strong{font-size:12px;display:block}.line-main span{font-size:10px;color:#8a998d;display:block}.line-counter{border:1px solid #e5ebe3;border-radius:7px;display:inline-flex;align-items:center;gap:11px;margin-top:6px;overflow:hidden}.line-counter button{border:0;background:#f7faf6;font-size:14px;width:22px;height:22px;color:var(--forest)}.line-counter b{font-size:11px}.line-remove{align-self:start;border:none;background:none;color:#b7c1b8;font-size:21px;line-height:1}.cart-total{display:flex;justify-content:space-between;padding:13px 0;font-size:12px;color:#78847c}.cart-total strong{font-size:17px;color:var(--forest)}.notes-label{display:block;border-top:1px solid var(--border);padding-top:16px;font-size:11px;font-weight:750;color:#506359}.notes-label textarea{resize:vertical;display:block;width:100%;border:1px solid #e6eae5;background:#fbfcfa;border-radius:9px;padding:11px;margin-top:8px;color:var(--ink);font-size:11px;min-height:67px}.place-btn{margin-top:16px}.cart-caption{text-align:center;margin-top:11px;font-size:10px;color:#98a79d}.recent-section{margin-top:43px}.order-history{border:1px solid var(--border);border-radius:13px;overflow:hidden;background:white}.history-row{display:flex;align-items:center;gap:14px;padding:16px 19px;border-bottom:1px solid var(--border)}.history-row:last-child{border-bottom:0}.history-icon{width:40px;height:40px;display:grid;place-items:center;background:#f3f6ed;border-radius:10px;color:#4b7958;flex:none;font-size:20px}.history-description{flex:1;min-width:0}.history-description strong{display:block;font-size:12px}.history-description span,.history-description small{font-size:11px;color:#829088;display:block;overflow-wrap:anywhere}.history-meta{display:grid;justify-items:end;gap:4px;min-width:112px}.history-meta small{color:#a0aba1}.label-badge{border-radius:20px;font-size:10px;font-weight:800;padding:4px 9px;display:inline-block;white-space:nowrap}.label-badge.amber{background:#fff0d4;color:#a77a33}.label-badge.blue{background:#e5f0fb;color:#3c7eaf}.label-badge.green{background:#e2f4e9;color:#3a875c}.label-badge.gray{background:#f1f4f0;color:#859087}.empty-panel{border:1px dashed #dce8df;background:#fff;border-radius:13px;text-align:center;padding:30px;color:#8a998d;font-size:12px}.empty-panel strong{display:block;color:#41564a}.empty-panel p{margin:5px 0 0}.empty-icon{font-size:30px;color:#bfd1c2}
/* Pantry attendant Kanban */
.metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px;margin-top:24px}.metric-card{background:#fff;border:1px solid var(--border);border-radius:13px;padding:17px 19px}.metric-head{display:flex;justify-content:space-between;align-items:center;font-size:11px;color:#87978b;font-weight:700}.metric-head i{font-size:20px;color:#a3b5aa}.metric-card>strong{display:block;margin-top:13px;font-size:37px;letter-spacing:-.06em;line-height:1.1}.metric-caption{color:#a2ada4;font-size:10px;margin-top:6px}.queue-heading{margin-top:42px}.live-pill{font-size:11px;font-weight:700;color:#5d966e;background:#e8f6ec;border-radius:40px;padding:8px 13px}.live-point{background:#5eab75;width:7px;height:7px;border-radius:50%;display:inline-block;margin-right:5px}.queue-columns{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;align-items:start}.queue-stage{background:#eff2ef;border-radius:14px;padding:12px;min-height:270px}.stage-header{display:flex;align-items:center;justify-content:space-between;padding:5px 6px 15px}.stage-header>div{display:flex;gap:10px;align-items:center}.stage-header strong{font-size:13px;color:#42594a}.stage-number{font-size:10px;color:#90a395;font-weight:800}.stage-count{background:white;padding:3px 9px;border-radius:7px;color:#4d7560;font-weight:800;font-size:11px}.stage-content{display:grid;gap:11px}.empty-stage{color:#9daa9d;text-align:center;padding:40px 12px}.empty-stage div{font-size:35px}.empty-stage p{font-size:11px;margin:13px 0 0}.queue-card{background:#fff;border:1px solid #e6ebe6;border-radius:12px;padding:16px;box-shadow:0 4px 14px #294b3510}.queue-card-top{display:flex;align-items:start;justify-content:space-between;gap:10px}.order-number{font-size:9px;color:#9d8b6c;font-weight:900;letter-spacing:.13em;margin-bottom:2px}.queue-card-top strong{font-size:13px;overflow-wrap:anywhere}.order-time{font-size:11px;font-weight:750;white-space:nowrap;text-align:right;color:#607567}.order-time small{display:block;font-size:10px;color:#acb6ad;font-weight:400}.queue-items{display:grid;gap:9px;margin:17px 0 14px;border-top:1px solid #edf0eb;padding-top:13px}.queue-item{display:flex;align-items:center;gap:9px}.qty-bubble{background:#eaf4eb;color:#3d7b50;border-radius:7px;font-size:11px;padding:6px;min-width:29px;text-align:center;font-weight:900}.queue-item b{font-size:12px;display:block}.queue-item span:not(.qty-bubble){color:#96a499;font-size:10px;display:block}.queue-note{background:#fff6e8;color:#98744b;border-radius:8px;padding:9px 11px;font-size:11px;overflow-wrap:anywhere}.queue-card-bottom{display:flex;align-items:center;justify-content:space-between;gap:7px;padding-top:15px}.queue-card-bottom>span{font-size:10px;color:#9aaa9e}.cancel-mini{font-size:10px;color:#aeb7b0;background:none;border:0;padding:7px 0 0;text-decoration:underline}
/* Admin and accounts */
.team-layout{display:grid;grid-template-columns:minmax(265px,350px) minmax(0,1fr);gap:22px;align-items:start}.team-form-card,.team-list-card{background:white;border:1px solid var(--border);border-radius:15px;padding:25px;box-shadow:var(--shadow)}.team-form-card h2{margin:8px 0}.team-form-card>p{font-size:12px;margin-bottom:21px}.team-form-card form{display:grid;gap:16px}.team-form-card form .btn{margin-top:8px}.team-form-card select{appearance:auto}.backup-area{border-top:1px solid var(--border);display:flex;gap:13px;margin-top:26px;padding-top:23px}.backup-area>span{font-size:24px;color:#537965}.backup-area strong{font-size:12px}.backup-area p{font-size:11px;color:#9aa79d;margin:3px 0 8px}.team-user{display:flex;gap:13px;align-items:center;border-top:1px solid var(--border);padding:17px 0}.team-user-avatar{width:38px;height:38px;flex:none;font-size:11px}.team-user-info{flex:1;min-width:0}.team-user-info strong{font-size:12px;display:block}.team-user-info span{font-size:11px;color:#98a69c;display:block}.team-user-info i{padding:0 3px}.team-user-actions{display:flex;gap:9px;align-items:center}.team-user-actions button{border:1px solid var(--border);color:#7c9683;background:#fafcf9;border-radius:7px;width:28px;height:28px;font-size:17px}.team-user.user-disabled{opacity:.65}.tiny-chip{font-size:9px;font-weight:850;border-radius:20px;padding:5px 8px}.tiny-chip.enabled{color:#45855e;background:#e4f5e8}.tiny-chip.disabled{color:#9c8680;background:#f4e8e5}
/* Modal and toast */
.modal-backdrop{position:fixed;inset:0;background:#0e251c99;z-index:20;display:grid;place-items:center;padding:18px;backdrop-filter:blur(3px)}.modal-dialog{background:#fff;border-radius:19px;padding:28px;width:min(100%,440px);box-shadow:0 23px 80px #081c143d}.modal-top{display:flex;justify-content:space-between;align-items:start;margin-bottom:16px}.modal-emoji{width:74px;height:74px;display:grid;place-items:center;background:#f6f0e5;border-radius:16px;font-size:41px}.modal-close{background:#f4f6f2;color:#799184;border:0;border-radius:8px;font-size:25px;width:32px;height:32px}.modal-dialog h2{font-size:31px;margin:7px 0}.modal-dialog>p{margin-bottom:24px;font-size:12px}.modal-section-title{font-weight:800;margin-bottom:11px;font-size:12px}.sugar-options{display:grid;grid-template-columns:repeat(2,1fr);gap:9px}.sugar-choice{padding:13px 8px;border:1px solid #e5ece4;border-radius:9px;background:#fbfcfa;color:#6c7e73;font-weight:700;font-size:12px}.sugar-choice.active{background:#e6f3e9;border-color:#76a88a;color:#296844}.no-sugar-message{background:#f1f8ef;padding:14px;border-radius:8px;font-size:12px;color:#53805d}.modal-quantity{display:flex;justify-content:space-between;align-items:center;margin:25px 0 22px}.modal-quantity strong{font-size:13px}.modal-quantity p{font-size:11px;margin:1px 0}.large-counter{display:flex;align-items:center;gap:19px}.large-counter button{border:1px solid #e6ede6;background:white;color:#245a46;border-radius:9px;width:35px;height:35px;font-size:20px}.large-counter strong{font-size:19px}.modal-add{height:48px}.toast{box-shadow:0 12px 32px #263a2833;border-radius:11px;background:#213e33;color:#fff;padding:14px 17px;margin-top:9px;max-width:min(90vw,390px);font-weight:650;font-size:12px}.toast.error{background:#a04a44}.toast.success{background:#2a7150}#toast-container{position:fixed;bottom:22px;right:22px;z-index:40}
@media(max-width:1210px){.sidebar{width:213px;flex-basis:213px}.main-content{padding-left:25px;padding-right:25px}.topbar{padding:0 25px}.columns-layout{grid-template-columns:minmax(0,1fr) 270px;gap:17px}.menu-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.queue-columns{gap:10px}.queue-stage{padding:8px}.queue-card{padding:12px}}
@media(max-width:950px){.sidebar{width:72px;flex-basis:72px;padding:24px 9px}.brand{justify-content:center;padding:8px 0}.brand-text,.side-label,.sidebar-hint,.profile-text,.sidebar-divider,.signout{display:none}.nav-btn{font-size:0;justify-content:center;padding:11px 0}.nav-icon{font-size:22px}.sidebar-grow{flex:1}.side-profile{justify-content:center}.queue-columns{grid-template-columns:1fr}.queue-stage{min-height:110px}.stage-content{grid-template-columns:repeat(2,minmax(0,1fr))}.metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.auth-layout{grid-template-columns:1fr 1fr}.auth-hero{padding:30px 8%}.auth-content h1{font-size:60px}.hero-coffee{height:200px}}
@media(max-width:720px){.dashboard{display:block}.sidebar{display:none}.workspace{min-height:100vh}.topbar{height:65px;padding:0 16px}.topbar-context{font-size:9px;letter-spacing:.05em}.mobile-mini-logo{display:inline;margin-right:8px;color:#ba945c;font-size:23px}.mobile-signout{display:block;border:0;background:none;color:#52715f;font-size:23px}.top-avatar{display:none}.topbar-r{gap:7px}.status-pill{font-size:10px;padding:7px 9px}.mobile-nav{display:flex;gap:8px;padding:12px 16px;background:#fff;border-bottom:1px solid var(--border)}.mobile-nav button{background:#f3f7f3;border:0;border-radius:7px;color:#7c8e83;padding:8px 13px;font-size:11px;font-weight:750}.mobile-nav button.active{background:var(--forest);color:#fff}.main-content{padding:24px 15px 40px}.heading-group{margin-bottom:21px}.heading-date{display:none}.heading-group h1{font-size:30px}.heading-group p{font-size:12px}.availability{padding:17px;gap:11px;min-height:102px}.availability-graphic{width:42px;height:42px;font-size:22px}.availability-copy strong{font-size:15px}.availability-copy>span:last-child{font-size:10px}.availability-badge{display:none}.availability .btn{padding:9px 10px;font-size:11px}.columns-layout{display:flex;flex-direction:column;gap:22px;margin-top:29px}.browse-section,.cart-column{width:100%}.cart-column{position:static}.cart-card{padding:20px}.menu-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.menu-card{min-height:157px;padding:13px}.menu-emoji{width:52px;height:52px;font-size:27px}.menu-description b{font-size:12px}.menu-plus{bottom:12px;right:12px}.cart-empty{padding:16px}.cart-caption{margin-top:7px}.recent-section{margin-top:35px}.small-note{display:none}.history-row{padding:12px;gap:10px}.history-icon{width:32px;height:32px;font-size:16px}.history-meta{min-width:95px}.history-description span{font-size:10px}.label-badge{font-size:9px}.queue-columns{grid-template-columns:1fr}.stage-content{grid-template-columns:1fr}.metrics{gap:9px;margin-top:18px}.metric-card{padding:15px}.metric-card>strong{font-size:29px}.queue-heading{margin-top:29px}.team-layout{grid-template-columns:1fr}.team-list-card,.team-form-card{padding:18px}.team-user{gap:9px}.team-user-actions{gap:4px}.auth-layout{display:block;background:#fff}.auth-hero{display:none}.auth-pane{padding:28px;min-height:100vh}.mobile-wordmark{display:block;color:var(--forest);font-size:15px;letter-spacing:.08em;margin-bottom:30px;font-weight:700}.mobile-wordmark b{color:#b28a4b}.auth-card h2{font-size:29px}.auth-card{max-width:420px}.site-foot{font-size:8px}}
@media(max-width:365px){.menu-grid{gap:8px}.category-btn{font-size:10px;padding:7px 9px}.topbar-context{font-size:8px}.history-meta{min-width:82px}.team-user-avatar{display:none}.availability-graphic{display:none}}


/* AL AMEEN PANTRY LOUNGE · warm-black, champagne-gold concept */
:root{--forest:#c89b58;--forest-deep:#171514;--forest-muted:#d7b67b;--mint:#241f1b;--cream:#111519;--sand:#241f1b;--sand-2:#41352b;--gold:#e7bb79;--gold-light:#493622;--ink:#f5efe7;--muted:#b3a99e;--border:#ffffff16;--shadow:0 16px 50px #0006}
body{color:var(--ink);background:radial-gradient(ellipse at 80% -10%,#4f3021 0,transparent 40%),#101418;font-family:Inter,"Segoe UI",system-ui,sans-serif}
::selection{background:#d5ab70;color:#201811}
.btn.solid{background:linear-gradient(130deg,#ffda9b,#b9864b);color:#17120d;box-shadow:0 6px 22px #b57b322b}.btn.solid:hover:not(:disabled){background:linear-gradient(130deg,#ffe9b5,#cf9959);box-shadow:0 8px 28px #b57b323b}
.btn.light{background:#2d2a26;color:#f7dbb0;border:1px solid #ead1a544}.text-link{color:#e4b46f}
.eyebrow{color:#c19a68}.muted,.heading-group p{color:#b6afa8}
.auth-layout{background:#101317;grid-template-columns:minmax(480px,1.06fr) minmax(390px,.94fr)}
.auth-hero{background:#1c1714 url('/assets/al-ameen-lounge.webp') center/cover no-repeat;padding:34px clamp(26px,4vw,70px);min-height:700px;isolation:isolate}
.auth-hero:before{content:"";position:absolute;inset:0;z-index:-1;border:0;width:auto;height:auto;border-radius:0;background:linear-gradient(90deg,#090c0b8f 0%,#0d0b0b48 67%,#0002 100%),linear-gradient(0deg,#080a0be8,transparent 42%)}
.auth-hero:after{content:"";position:absolute;border:1px solid #eecb8c4d;inset:15px;border-radius:14px;width:auto;height:auto;top:15px;left:15px;pointer-events:none}
.auth-topline{width:fit-content;padding:11px 15px;border:1px solid #e9d6ac50;background:#1010147d;border-radius:12px;backdrop-filter:blur(14px);font-weight:850;letter-spacing:.15em}
.auth-content{margin-top:auto;margin-bottom:16px;max-width:600px;border-left:3px solid #dab274;padding:13px 20px;background:linear-gradient(90deg,#090c0cb8,transparent);text-shadow:0 4px 15px #000a}
.auth-content h1{font-family:Georgia,"Times New Roman",serif;font-weight:600;letter-spacing:-.055em;font-size:clamp(48px,5.4vw,83px);margin:11px 0 17px}
.auth-content h1 em{color:#f8d69b;font-style:italic}.auth-content p{font-size:15px;color:#ece1d5;max-width:390px;line-height:1.7}
.hero-coffee{position:absolute;right:7%;top:23%;height:120px;width:140px;opacity:.95;pointer-events:none}.cup-shape{font-size:72px;animation:cupFloat 4.8s ease-in-out infinite}.hero-orbit{width:126px;height:126px;top:0;border:1px solid #f8d69b76;animation:orbitGlow 6s ease-in-out infinite}
.steam{position:absolute;width:9px;height:32px;top:6px;border-radius:100%;border-left:2px solid #fff2d0;filter:blur(2px);opacity:0;animation:steamRise 2.8s ease-in-out infinite}.s1{left:49%}.s2{left:58%;animation-delay:.9s}.s3{left:67%;animation-delay:1.7s}
.auth-footnote{color:#f8dfb6;letter-spacing:.18em}
.auth-pane{background:radial-gradient(circle at 100% 4%,#52351f7d,transparent 39%),#101418}
.auth-card{background:linear-gradient(145deg,#20242a,#13171b);border:1px solid #b9966542;padding:40px;border-radius:24px;max-width:480px;box-shadow:0 28px 70px #0008}
.auth-card h2{color:#faf0e2;font-family:Georgia,serif;font-weight:600;font-size:37px;letter-spacing:-.04em}.auth-card p{color:#b9afa4}
.auth-card label,.team-form-card label{color:#e5d3ba}.auth-card input,.team-form-card input,.team-form-card select{background:#13171b;border:1px solid #ffffff2e;color:#f7ece0}.auth-card input::placeholder,.team-form-card input::placeholder{color:#8b8178}
.auth-safe{color:#bba587}.auth-icon{background:#493622;color:#f8d49c}.mobile-wordmark{color:#ffe1a6}
.dashboard{background:radial-gradient(ellipse at 75% -10%,#2d2216 0,transparent 34%),#101418}
.sidebar{background:linear-gradient(180deg,#111619 0%,#161918 50%,#17110e 100%);border-right:1px solid #dfb27c2b;box-shadow:7px 0 35px #0002}
.brand-emblem{color:#f1c98d}.brand-text{color:#f6e7ce}.brand-text strong{color:#efbe78}
.side-label{color:#a58b6c}.sidebar-divider{background:#e9c3852a}.nav-btn{color:#c9bfb2}.nav-btn:hover{background:#e5bd8118;color:#f9dab0}.nav-btn.active{background:linear-gradient(100deg,#e6b879,#b17c46);color:#1d1711}
.sidebar-hint{background:linear-gradient(115deg,#78552c35,#151513);border-color:#e6c18735}.sidebar-hint strong{color:#ffe2b4}.sidebar-hint p,.profile-text span{color:#b49f86}.avatar,.top-avatar,.team-user-avatar{background:linear-gradient(135deg,#f5d7a5,#b98443);color:#2b1c0c}.side-profile{border-color:#eec88d24}.signout{color:#e1b779}
.topbar{background:#11171bdc;border-color:#e6bb792c;backdrop-filter:blur(14px)}.topbar-context{color:#bca88d}.topbar-context i{color:#ca9350}
.workspace{background:transparent}.site-foot{color:#97836d}.site-foot span{color:#d8a963}.heading-group h1{color:#fff7eb}.heading-date{color:#c9ae88}.wave{display:inline-block;animation:cupFloat 5s ease-in-out infinite;color:#e6bd77}
.pill.status-online{background:#1d3d2f;color:#89ecc0;border:1px solid #86e2ae33}.pill.status-offline{background:#473326;color:#e5ac73;border:1px solid #c9915b33}.status-dot{box-shadow:0 0 10px currentColor}
.lounge-banner{position:relative;min-height:216px;border:1px solid #e8c38a47;border-radius:20px;background:linear-gradient(100deg,#0c0c0ee8,#0c0c0ec4 48%,#120e09a3 75%),url('/assets/al-ameen-lounge.webp') center 52%/cover;overflow:hidden;margin-bottom:21px;display:flex;align-items:center;padding:28px clamp(24px,3vw,46px);box-shadow:0 20px 60px #0004}
.lounge-banner:after{content:"";position:absolute;inset:9px;border:1px solid #cfaa6952;border-radius:12px;pointer-events:none}.lounge-copy{position:relative;z-index:2;max-width:520px}.lounge-kicker,.lounge-tag{color:#efd2a1;letter-spacing:.18em;font-size:10px;font-weight:850}.lounge-copy h2{color:#ffeed5;font-family:Georgia,serif;letter-spacing:-.045em;font-weight:500;font-size:clamp(24px,2.8vw,40px);margin:12px 0 9px}.lounge-copy p{color:#e0d4c4;font-size:13px;line-height:1.6;margin:0 0 17px;max-width:410px}.lounge-tag{color:#ba9970;font-size:9px}
.lounge-shimmer{position:absolute;inset:-70% 0;transform:rotate(25deg) translateX(-90%);width:18%;background:linear-gradient(90deg,transparent,#fff5dc0c,transparent);animation:shimmerSweep 12s ease-in-out infinite;pointer-events:none}
.floating-brew{position:absolute;right:5%;bottom:10%;width:155px;height:160px;display:grid;place-items:center;z-index:1;animation:cupFloat 4.4s ease-in-out infinite;filter:drop-shadow(0 16px 16px #0009)}.brew-cup{font-size:108px}.brew-steam{position:absolute;top:-7px;width:14px;height:55px;border-radius:70%;border-left:3px solid #fff6cf;opacity:0;animation:steamRise 3s ease-in-out infinite}.steam-a{left:43%}.steam-b{left:53%;animation-delay:.8s}.steam-c{left:63%;animation-delay:1.5s}
.availability{background:linear-gradient(110deg,#251f1a,#1b2524)!important;border:1px solid #c9a27140!important;box-shadow:0 10px 25px #0002}.availability-graphic{background:#d6a76720;color:#efd2a0}.availability-copy strong{color:#f7e6d1}.availability-copy>span:last-child,.availability.away .availability-copy>span:last-child{color:#b9ab98}.availability-badge{background:#1d342a;color:#a9d9ae}.availability.away .availability-badge{background:#3d3022;color:#f0b675}
.section-title h2{color:#f7ead9}.small-note{color:#c0a884}.search-wrap{background:#1a1e22;border-color:#dac19830}.search-wrap input{color:#fff0df}.search-wrap span{color:#e2bc88}.search-wrap input::placeholder{color:#8d8580}
.category-btn{background:#22242a;border:1px solid #ded0b52b;color:#d7c1a3}.category-btn:hover{border-color:#c7a270;color:#ffe4b9}.category-btn.selected{background:#dfb579;border-color:#e7c18a;color:#1e1914}
.menu-card{background:linear-gradient(140deg,#202428,#161b20)!important;border:1px solid #e3c18c2f!important;color:#fcf0de;box-shadow:0 9px 22px #0004;transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease!important;position:relative;overflow:hidden}.menu-card:hover:not(:disabled){transform:translateY(-5px)!important;border-color:#e3b778b8!important;box-shadow:0 16px 32px #0008}.menu-card:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 20% 0%,#f0ca8a15,transparent 57%);pointer-events:none}.menu-emoji{background:linear-gradient(130deg,#62452b,#282526)!important;filter:drop-shadow(0 7px 5px #0005);animation:softFloat 5s ease-in-out infinite}.menu-card:nth-child(2n) .menu-emoji{animation-delay:1s}.menu-card:nth-child(3n) .menu-emoji{animation-delay:2s}.menu-description b{color:#fff0e1}.menu-description span{color:#b7a78f}.menu-plus{background:#e4b97b!important;color:#21160e!important}
.cart-card,.team-form-card,.team-list-card,.metric-card,.order-history,.modal-dialog{background:linear-gradient(140deg,#20252a,#161b20)!important;border:1px solid #e3bf8935!important;color:#faeee0;box-shadow:0 11px 33px #0004}.cart-heading h2{color:#f7e6cf}.cart-empty strong,.history-description strong,.queue-card strong,.managed-menu-info strong,.team-user-info strong{color:#f7e8d3}.cart-empty p,.cart-line .line-main span,.history-description span,.history-description small{color:#b6a595}.tray-illustration,.line-icon,.history-icon{background:#473824}.cart-line,.notes-label,.history-row{border-color:#e9bf8226}.line-counter{border-color:#eac58735}.line-counter button{background:#292b2a;color:#f1c68b}.line-remove{color:#c9aa83}.cart-total strong{color:#edc790}.notes-label{color:#ead5b6}.notes-label textarea{background:#15191d;color:#fff0df;border:1px solid #cdb18b40}.count-chip{background:#4a3521;color:#f3c98f}
.metric-card{border-color:#d9b77d38}.metric-card>strong{color:#fff1dd}.metric-head{color:#d8c09e}.metric-head i{color:#ddb578}.metric-caption{color:#b19f8b}.queue-stage{background:#171c20;border:1px solid #cda57028}.stage-header strong{color:#f1dac0}.stage-number{color:#bba07b}.stage-count{background:#493927;color:#f4cc91}.queue-card{background:#252a2d;border-color:#e0bd883d;box-shadow:0 7px 20px #0006}.order-number{color:#eac38d}.order-time{color:#e5c79a}.order-time small{color:#af9d85}.queue-items{border-color:#ffffff1b}.queue-item b{color:#f7e6d3}.queue-item span:not(.qty-bubble){color:#c0ae95}.qty-bubble{background:#54402b;color:#f9d7a4}.queue-note{background:#45341f;color:#f5d6aa}.queue-card-bottom>span{color:#bba78f}.cancel-mini{color:#beaca0}
.empty-panel,.empty-stage{background:#1c2024;border-color:#eac58a31;color:#b9a795}.empty-panel strong{color:#f5ddb9}
.label-badge.amber{background:#4e3a20;color:#f4cd83}.label-badge.blue{background:#273b49;color:#a9d7fa}.label-badge.green{background:#234132;color:#b7e9c1}.label-badge.gray{background:#303337;color:#bfc3c6}.live-pill{background:#20372c;color:#a3edb4}.live-point{box-shadow:0 0 10px #7eefab}
.team-form-card input:focus,.auth-card input:focus,.team-form-card select:focus{border-color:#e9c17b}.team-user{border-color:#eec58a2b}.team-user-info span{color:#c0ad93}.managed-menu-row{border-color:#eec58a29}.managed-menu-icon{background:#4c3726}.managed-menu-info span{color:#bdac92}.managed-menu-actions .mini-action{border-color:#c09a664d;color:#dfc59d}.menu-management-summary{background:#3c3023;color:#e6c29b;border-color:#ca995d4a}.menu-editor-panel p,.menu-library-description{color:#bba996}.removed-menu-items{border-color:#e3bc8940}.modal-backdrop{background:#070707cf}.modal-dialog input,.modal-dialog select{color:#fff0df;background:#1b2024}.mobile-nav{background:#181c1f;border-color:#d4b5862c}.mobile-nav button{background:#30302e;color:#f2d9b4}.mobile-nav button.active{background:#d6a769;color:#1c160f}
@keyframes cupFloat{0%,100%{transform:translateY(0) rotate(-2deg)}50%{transform:translateY(-11px) rotate(2deg)}}
@keyframes softFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-5px)}}
@keyframes steamRise{0%{opacity:0;transform:translateY(18px) translateX(0)}30%{opacity:.6}75%{opacity:.23}100%{opacity:0;transform:translateY(-28px) translateX(9px)}}
@keyframes shimmerSweep{0%,40%{transform:translateX(-800%) rotate(25deg)}65%,100%{transform:translateX(1300%) rotate(25deg)}}
@keyframes orbitGlow{0%,100%{opacity:.3;transform:scale(.9)}50%{opacity:.75;transform:scale(1.06)}}
@media(max-width:950px){.auth-hero{min-height:620px}.auth-content h1{font-size:49px}.auth-card{padding:28px}}
@media(max-width:720px){.auth-layout{display:flex;flex-direction:column}.auth-hero{display:flex;min-height:232px;padding:17px 25px;background-position:center 54%}.auth-topline{font-size:9px;padding:7px 10px}.auth-content{margin:auto 0 7px;padding:0 0 0 12px}.auth-content .eyebrow,.auth-content p,.auth-footnote,.hero-coffee{display:none}.auth-content h1{font-size:30px;margin:0}.auth-pane{min-height:auto;padding:16px 14px 30px}.auth-card{padding:25px 20px;border-radius:16px}.mobile-wordmark{display:none}.auth-card h2{font-size:28px}.lounge-banner{min-height:175px;padding:20px 18px}.lounge-copy{max-width:85%}.lounge-copy h2{font-size:26px}.lounge-copy p{font-size:11px}.lounge-tag{font-size:8px}.floating-brew{right:-22px;bottom:7px;opacity:.55;transform:scale(.7);animation:none}.brew-cup{font-size:85px}.sidebar{display:none}.topbar{background:#161a1e}.menu-card{min-height:162px}.menu-emoji{animation-duration:6s}}
@media(max-width:420px){.lounge-copy{max-width:100%}.floating-brew{opacity:.15}.availability-copy strong{font-size:14px}.auth-card{margin:0 auto}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}

/* Proper responsive Super Admin menu editor and catalogue */
.menu-management-summary{display:flex;justify-content:space-between;align-items:center;gap:12px;background:#312519!important;color:#f6d7a8!important;border:1px solid #ad84465c;border-radius:12px;padding:14px 18px;font-size:12px;font-weight:650;margin-bottom:24px}
.menu-management-summary span:last-child{white-space:nowrap;color:#f2cf97;font-size:10px;letter-spacing:.08em}
.menu-manage-layout{display:grid;grid-template-columns:minmax(300px,.93fr) minmax(440px,1.33fr);gap:23px;align-items:start}
.menu-editor-panel,.menu-library{min-width:0;border-radius:16px;padding:26px;box-shadow:0 16px 28px #0003}
.menu-editor-panel>h2{margin:8px 0;color:#fff0dc;font-size:24px}
.menu-editor-panel>p,.menu-library-description{font-size:12px;color:#b5a490;line-height:1.6;margin-bottom:22px}
.menu-editor-panel form{display:grid;gap:18px}
.menu-editor-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}
.menu-editor-panel label{display:grid;gap:9px}
.menu-editor-panel select{cursor:pointer}
.menu-cancel-edit{margin-top:-6px;background:#332c24;color:#ecd2ab;border:1px solid #d0a16d38}
.menu-library .section-title{align-items:center;margin-bottom:8px}
.menu-library .section-title h2{margin:4px 0 0}
.menu-library-description{margin-bottom:19px}
#managed-menu-list{display:grid;gap:11px}
.managed-menu-row{display:flex;align-items:center;gap:14px;min-height:81px;border:1px solid #b68b5c36!important;border-radius:12px;background:linear-gradient(120deg,#2a2929,#1a1e21)!important;padding:12px 13px}
.managed-menu-icon{width:47px;height:47px;flex:none;background:linear-gradient(130deg,#62462d,#2d2926)!important;border:1px solid #b9956649;border-radius:12px;display:grid;place-items:center;font-size:24px}
.managed-menu-info{flex:1;min-width:115px;display:flex;align-items:start;flex-direction:column;gap:4px}
.managed-menu-info strong{display:block;color:#fbe9d3;font-size:13px;line-height:1.2;overflow-wrap:anywhere}
.managed-menu-info>span:not(.tiny-chip){display:block;color:#bba991;font-size:10px}
.tiny-chip{display:inline-flex;align-items:center;border-radius:15px;padding:3px 7px;font-size:9px;font-weight:750;width:fit-content}
.tiny-chip.enabled{background:#244b39;color:#a5edc0}.tiny-chip.paused{background:#52391f;color:#f1c17b}.tiny-chip.disabled{background:#363636;color:#bebebe}
.managed-menu-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:6px}
.mini-action{border:1px solid #c39b6759!important;background:#312921!important;color:#f5d3a4!important;padding:7px 9px;border-radius:7px;font-weight:750;font-size:10px;line-height:1.15;transition:background .2s}
.mini-action:hover{background:#604328!important}.mini-action.danger-action{border-color:#b778764f!important;color:#ffaf9c!important}
.menu-archived{opacity:.65}
.removed-menu-items{border:1px solid #a07c523c;border-radius:10px;padding:12px}
.removed-menu-items summary{color:#d7b27e;cursor:pointer;font-weight:700;font-size:11px;margin-bottom:8px}
.removed-menu-items>.managed-menu-row{margin:7px 0}
@media(max-width:1180px){.menu-manage-layout{grid-template-columns:1fr}.menu-editor-panel form{max-width:none}}
@media(max-width:720px){.menu-management-summary{align-items:flex-start;flex-direction:column;gap:5px}.menu-manage-layout{gap:15px}.menu-editor-panel,.menu-library{padding:18px}.managed-menu-row{flex-wrap:wrap}.managed-menu-actions{width:100%;justify-content:flex-start;margin-left:60px}.menu-editor-grid{grid-template-columns:1fr}}

/* v4 · PHOTOGRAPHIC LOUNGE UI, MOTION & PANTRY ALERTS */
.auth-hero{background-image:linear-gradient(120deg,#0003,#0002),url('/assets/company-building.jpg')!important;background-position:center 45%!important;}
.auth-hero:before{background:linear-gradient(0deg,#080b0be9 0%,#0809092b 69%,#080b0b67)!important;}
.auth-content{margin-bottom:clamp(12px,3vh,45px);max-width:600px;}
.auth-content h1{font-size:clamp(46px,5vw,80px);max-width:590px;text-wrap:balance}
.auth-hero-caption{display:inline-block;margin-top:23px;padding:9px 12px;border:1px solid #e5c08f91;color:#f2d7a4;font-size:10px;letter-spacing:.13em;background:#070a0a6e;animation:captionEnter .8s ease both}
.auth-topline{font-size:12px;line-height:1.5;max-width:90%;}
.auth-topline b{display:block;color:#f6c982;letter-spacing:.1em;font-size:10px}
.mobile-wordmark small{display:block;font-size:10px;letter-spacing:.2em;margin-top:5px;color:#ba9d77}
.auth-card{animation:panelEntrance .8s cubic-bezier(.18,.8,.19,1) both;}
.auth-hero .hero-coffee{top:auto;right:13%;bottom:19%;transform:scale(.84);}
.lounge-banner{background-image:linear-gradient(90deg,#100e0ef2 0%,#0d0e0bd7 52%,#21140eb0),url('https://images.unsplash.com/photo-1442512595331-e89e73853f31?w=1440&q=85&fit=crop&auto=format')!important;background-position:center 58%;}
.lounge-banner .brew-cup{filter:drop-shadow(0 10px 12px #000b)}
.menu-grid{align-items:stretch;grid-auto-rows:auto}
.menu-card{min-height:255px!important;padding:0!important;display:flex;flex-direction:column;gap:0!important;align-items:stretch!important;overflow:hidden;isolation:isolate;}
.menu-card::before{z-index:1;pointer-events:none;}
.menu-photo{position:relative;height:160px;width:100%;background:radial-gradient(circle at 60% 30%,#755639,#1b1612);display:flex;align-items:center;justify-content:center;overflow:hidden;}
.menu-photo img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .75s cubic-bezier(.16,.8,.24,1),filter .4s;display:block;}
.menu-photo-fallback{font-size:52px;filter:drop-shadow(0 8px 18px #0005)}
.menu-card:hover:not(:disabled) .menu-photo img{transform:scale(1.11);filter:saturate(1.08)}
.menu-card .menu-description{padding:15px 49px 18px 16px;min-height:87px;position:relative;z-index:2;flex:1;}
.menu-card .menu-description b{font-family:Georgia,serif;font-size:17px;font-weight:650;line-height:1.25;}
.menu-card .menu-description span{margin-top:6px;font-size:11px;line-height:1.25}
.menu-card .menu-plus{bottom:17px;right:14px;z-index:3;}
.menu-card.is-unavailable .menu-photo img{filter:grayscale(1) brightness(.5)}
.menu-card:nth-child(3n+1) {animation:cardEnter .5s ease both;}
.menu-card:nth-child(3n+2) {animation:cardEnter .6s ease both;}
.menu-card:nth-child(3n+3) {animation:cardEnter .7s ease both;}
.modal-emoji{width:105px;height:95px;border-radius:13px;position:relative;overflow:hidden;background:radial-gradient(circle,#785638,#33251b);color:#e8ba76}
.modal-emoji img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:2}.modal-emoji span{z-index:1}
.notes-label input{display:block;width:100%;border-radius:9px;padding:13px;margin-top:10px;background:#14191d;color:#fff0df;border:1px solid #cdb18b40;outline-offset:2px}
.required-star{color:#e7b378}.notes-label input:focus{border-color:#f0cf9c}
.photo-upload-field{margin:15px 0;display:grid;gap:6px;color:#eed8b5;font-weight:700}
.photo-upload-field small{font-size:10px;color:#a99984;font-weight:400}
.photo-upload-field input{display:block;width:100%;padding:10px!important;border-radius:9px;background:#15191e;color:#dcc39f;cursor:pointer}
.photo-current{display:flex;align-items:center;gap:10px;color:#a89a88;font-size:11px;margin:10px 0}
.photo-current img{height:63px;width:105px;object-fit:cover;border:1px solid #b89562;border-radius:8px}
.photo-mini{position:relative;overflow:hidden;flex-shrink:0}
.photo-mini img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:2}
.photo-mini span{position:relative;z-index:1}
.queue-place{border-radius:8px;background:#241f19;border:1px solid #e3b67233;padding:9px;color:#d7bd97;font-size:11px;margin:11px 0;line-height:1.5}
.queue-place strong{font-size:12px}
.view-order-button{border:1px solid #cba77a52;color:#e7c18c;background:#c4a06e12;border-radius:7px;width:100%;padding:9px;font-size:11px;font-weight:700;margin:8px 0}
.view-order-button:hover{background:#9e7d4738}
.pantry-alert-tools{margin:15px 0;display:flex;justify-content:space-between;align-items:center;gap:15px;border-radius:13px;border:1px solid #9f754d6c;padding:14px 19px;background:linear-gradient(110deg,#24211d,#141d1e);}
.pantry-alert-tools strong,.pantry-alert-tools span{display:block}.pantry-alert-tools strong{color:#ffe4b6;margin-bottom:4px}.pantry-alert-tools span{color:#b8a996;font-size:11px}
.pantry-alert-tools .btn{background:#4f3a24;border:1px solid #d9b77b87;color:#ffe3ad;white-space:normal;min-width:166px}
.pantry-alert-tools .btn:hover{background:#74502c}
.pantry-alert-backdrop{position:fixed;inset:0;background:#000b;z-index:100;display:grid;place-items:center;padding:18px;backdrop-filter:blur(9px);animation:fadeOverlay .25s ease both;overflow-y:auto}
.pantry-alert-dialog{width:min(100%,510px);background:linear-gradient(146deg,#2e261f,#11181c 80%);border:1px solid #e2bc8296;border-radius:22px;padding:28px;color:#f9ecd8;max-height:calc(100dvh - 30px);overflow:auto;box-shadow:0 35px 110px #000b,0 0 40px #9e6a2a20;animation:alertEnter .5s cubic-bezier(.18,.85,.28,1) both;}
.alert-head{display:flex;align-items:center;gap:12px}.alert-head>.eyebrow{flex:1}.alert-head button{background:#ffffff19;border:1px solid #ffffff30;color:#ebdbcc;border-radius:8px;width:32px;height:32px;font-size:25px}
.alert-bell{width:48px;height:48px;display:grid;place-items:center;font-size:28px;border-radius:50%;background:linear-gradient(145deg,#72512c,#442e17);animation:ringBell 2.1s ease-in-out 3}
.pantry-alert-dialog h2{font-family:Georgia,serif;font-size:34px;margin:15px 0 2px;font-weight:500;color:#ffe8bf}.pantry-alert-dialog>p{color:#bba68c;font-size:12px}
.alert-customer{display:flex;align-items:center;gap:13px;margin-top:19px;padding:12px;border:1px solid #d9b17849;border-radius:11px;background:#e7bb7d11}
.alert-customer small,.alert-location small{font-size:9px;letter-spacing:.16em;color:#bba587;display:block;margin-bottom:4px}.alert-customer strong,.alert-location strong{display:block;font-size:18px}
.alert-avatar{width:49px;height:49px;flex:none;display:grid;place-items:center;border-radius:50%;background:linear-gradient(135deg,#ffe2aa,#c78c4e);color:#302116;font-weight:900;font-size:15px}
.alert-location{padding:14px 2px;border-bottom:1px solid #d5af7b3b}.alert-location strong{font-size:16px;color:#ffdfa8}
.alert-items{margin:14px 0}.alert-items>div{display:flex;gap:12px;justify-content:space-between;align-items:center;border-bottom:1px solid #ffffff16;padding:12px 0}.alert-items strong{font-size:15px}.alert-items span{white-space:nowrap;font-size:11px;color:#c5aa82}
.alert-note{background:#49351d;padding:13px;color:#efd8b4;border-radius:9px;font-size:12px}
.alert-footer{display:flex;gap:10px;justify-content:space-between;align-items:center;padding:20px 0 12px}.alert-footer span{color:#bba991;font-size:11px}.alert-dismiss{display:block;margin:0 auto;padding:8px 12px;border:0;background:transparent;color:#ab967a;text-decoration:underline;cursor:pointer}
@keyframes panelEntrance{from{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}
@keyframes cardEnter{from{opacity:.5;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}
@keyframes captionEnter{from{opacity:0;transform:translateX(-9px)}to{opacity:1;transform:translateX(0)}}
@keyframes fadeOverlay{from{opacity:0}to{opacity:1}}
@keyframes alertEnter{from{opacity:0;transform:translateY(32px) scale(.93)}to{opacity:1;transform:translateY(0) scale(1)}}
@keyframes ringBell{0%,100%{transform:rotate(0)}10%,30%{transform:rotate(-12deg)}20%,40%{transform:rotate(12deg)}}
@media(max-width:1250px){.menu-photo{height:145px}.menu-card{min-height:239px!important}}
@media(max-width:950px){.menu-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.auth-layout{grid-template-columns:1fr 1fr}.auth-hero{min-height:700px}.auth-content h1{font-size:clamp(38px,5vw,59px)}}
@media(max-width:720px){.auth-layout{display:flex;flex-direction:column}.auth-hero{display:flex!important;min-height:238px!important;max-height:280px;padding:15px 22px 17px!important;background-position:center 44%!important}.auth-topline{font-size:10px;padding:7px 9px}.auth-hero .auth-content{margin:10px 0 0;padding:5px 12px;max-width:300px}.auth-content h1{font-size:clamp(24px,6vw,34px)!important;margin:0!important}.auth-content p,.auth-hero-caption,.hero-coffee,.auth-footnote{display:none!important}.auth-pane{min-height:auto;padding:22px 15px 28px}.auth-card{padding:22px;border-radius:16px}.mobile-wordmark{margin-bottom:15px}.lounge-banner{min-height:190px;padding:19px}.lounge-copy{max-width:76%}.lounge-copy h2{font-size:24px}.lounge-copy p{font-size:11px}.lounge-tag{display:none}.floating-brew{width:75px;height:80px;right:2%;bottom:22%;}.brew-cup{font-size:65px}.menu-card{min-height:219px!important;padding:0!important}.menu-photo{height:125px}.menu-card .menu-description{padding:11px 34px 16px 10px;min-height:91px}.menu-card .menu-description b{font-size:15px}.menu-card .menu-description span{font-size:10px}.menu-card .menu-plus{right:8px;bottom:12px}.pantry-alert-tools{flex-direction:column;align-items:stretch}.pantry-alert-tools .btn{width:100%}.alert-footer{flex-direction:column;align-items:stretch}.alert-footer .btn{width:100%}.pantry-alert-dialog{padding:19px 17px}.pantry-alert-dialog h2{font-size:27px}.alert-items>div{gap:8px}.alert-items span{white-space:normal;text-align:right}.modal-dialog{max-height:94dvh;overflow:auto}}
@media(max-width:370px){.menu-photo{height:106px}.menu-card{min-height:200px!important}.pantry-alert-backdrop{padding:6px}.pantry-alert-dialog{padding:15px 13px}}
@media(prefers-reduced-motion:reduce){.menu-card,.menu-card img,.pantry-alert-dialog,.pantry-alert-backdrop,.auth-card,.auth-hero-caption,.alert-bell{animation:none!important;transition:none!important}}


/* AL AMEEN PANTRY LOUNGE v5 — viewport-responsive layout fixes.
   The live database, APIs and user accounts are deliberately unchanged. */

html { width: 100%; min-width: 0; }
body, #app { width: 100%; min-width: 0; }
body { overflow-x: clip; }
img, video, svg { max-width: 100%; }
button, input, textarea, select { max-width: 100%; }
input, textarea, select { min-width: 0; }
button, .btn { -webkit-tap-highlight-color: transparent; }

/* Use all available horizontal space instead of leaving empty TV/PC margins. */
.dashboard { width: 100%; min-height: 100vh; min-height: 100dvh; }
.workspace { flex: 1 1 auto; width: 100%; min-width: 0; }
.main-content {
  width: 100%; max-width: none; margin-inline: 0;
  min-height: 0;
  padding: clamp(20px, 2.7vw, 64px) clamp(16px, 3vw, 70px) clamp(30px, 3vw, 68px);
}
.topbar { min-width: 0; padding-inline: clamp(16px, 3vw, 70px); gap: 12px; }
.topbar-l, .topbar-r { min-width: 0; }
.topbar-context { overflow-wrap: anywhere; }
.sidebar { overflow-x: hidden; overflow-y: auto; height: 100vh; height: 100dvh; }
.sidebar .side-nav { flex-shrink: 0; }
.heading-group > div:first-child { min-width: 0; }
.heading-group h1, .section-title h2, .lounge-copy h2 { overflow-wrap: anywhere; }
.columns-layout, .browse-section, .cart-column, .cart-card, .menu-grid,
.queue-columns, .queue-stage, .queue-card, .team-layout, .team-list-card,
.team-form-card, .menu-manage-layout, .menu-editor-panel, .menu-library,
.metrics, .metric-card { min-width: 0; }
.menu-card { width: 100%; }
.menu-card .menu-description { overflow-wrap: anywhere; }
.cart-card { width: 100%; }
.team-user, .managed-menu-row, .history-row { min-width: 0; }
.managed-menu-info, .team-user-info, .history-description { min-width: 0; overflow-wrap: anywhere; }
.alert-items > div { min-width: 0; }
.alert-items strong, .alert-customer strong, .alert-location strong { overflow-wrap: anywhere; }
.modal-dialog { max-height: calc(100dvh - 24px); overflow-y: auto; overscroll-behavior: contain; }
.pantry-alert-dialog { max-height: calc(100dvh - 24px); overscroll-behavior: contain; }

/* Full-screen control is optional, and never affects existing order controls. */
.fullscreen-toggle {
  display: inline-flex; align-items: center; justify-content: center; gap: 7px;
  background: transparent; color: #dfc69e; border: 1px solid #ae865144;
  border-radius: 9px; padding: 7px 11px; font-size: 11px;
  font-weight: 700; white-space: nowrap; min-height: 35px; flex: 0 0 auto;
}
.fullscreen-toggle:hover { background: #ba8e4c1b; border-color: #cfa36580; }
.fullscreen-toggle .screen-icon { font-size: 19px; line-height: 1; }

/* Laptop & standard desktop: allow the menu to breathe. */
@media (min-width: 1450px) and (max-width: 1899px) {
  .menu-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .columns-layout { grid-template-columns: minmax(0, 1fr) minmax(290px, 24%); gap: clamp(20px, 2vw, 40px); }
}

/* Avoid a narrow menu squeezed between sidebar and cart on tablets/laptops. */
@media (min-width: 901px) and (max-width: 1199px) {
  .columns-layout { display: grid; grid-template-columns: minmax(0, 1fr); }
  .cart-column { position: static; width: 100%; }
  .cart-card { max-width: none; }
  .menu-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .menu-photo { height: clamp(135px, 17vw, 190px); }
}

/* Tablet portrait & small windows: top nav, no wasted sidebar width. */
@media (max-width: 900px) {
  .dashboard { display: block; }
  .sidebar { display: none; }
  .workspace { width: 100%; min-height: 100dvh; }
  .topbar { min-height: 66px; height: auto; padding: 12px clamp(14px, 3vw, 24px); }
  .topbar-context { font-size: 10px; letter-spacing: .04em; }
  .topbar-context i { padding-inline: 5px; }
  .top-avatar { display: none; }
  .mobile-mini-logo { display: inline; margin-right: 8px; color: #e9c28a; font-size: 23px; }
  .mobile-signout { display: inline-flex; border: 0; background: transparent; color: #e3c08b; font-size: 22px; padding: 6px; }
  .mobile-nav {
    display: flex; flex-wrap: wrap; align-items: center; gap: 8px;
    padding: 11px clamp(14px, 3vw, 24px);
    background: #171b20; border-bottom: 1px solid #d3ad7040;
  }
  .mobile-nav button {
    background: #262529; color: #e4c99d; border: 1px solid #b38b5448;
    border-radius: 9px; padding: 10px 13px; font-size: 12px; font-weight: 700;
    min-height: 42px;
  }
  .mobile-nav button.active { background: #bd8e56; border-color: #e6bd82; color: #1e1a18; }
  .main-content { padding: 24px clamp(14px, 3vw, 30px) 40px; }
  .columns-layout { display: grid; grid-template-columns: minmax(0, 1fr); gap: 22px; }
  .browse-section, .cart-column { width: 100%; min-width: 0; }
  .cart-column { position: static; }
  .menu-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .menu-photo { height: clamp(120px, 20vw, 178px); }
  .auth-layout { display: flex; flex-direction: column; width: 100%; min-height: 100dvh; }
  .auth-hero {
    display: flex !important; flex: none; width: 100%;
    min-height: clamp(225px, 37dvh, 360px) !important;
    max-height: none; padding: 18px clamp(18px, 4vw, 40px) !important;
    background-position: center 47% !important;
  }
  .auth-hero .auth-content { margin: auto 0 0; padding: 0; max-width: 560px; }
  .auth-hero .auth-content h1 { font-size: clamp(31px, 5vw, 48px) !important; margin: 6px 0 !important; }
  .auth-hero .auth-content p, .auth-hero .hero-coffee, .auth-hero .auth-footnote { display: none !important; }
  .auth-pane { flex: 1 0 auto; min-height: 0; padding: clamp(20px, 4vw, 40px); }
  .auth-card { width: min(100%, 520px); max-width: 520px; margin: 0 auto; }
  .auth-topline { z-index: 2; }
  .queue-columns { grid-template-columns: 1fr; }
  .stage-content { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .team-layout, .menu-manage-layout { grid-template-columns: minmax(0, 1fr); }
}

/* Phones & narrow split-screen windows. */
@media (max-width: 600px) {
  .topbar { padding: 10px 12px; gap: 7px; }
  .topbar-l { display: flex; align-items: center; flex: 1 1 auto; }
  .topbar-context { font-size: 9px; line-height: 1.25; }
  .topbar-context i:last-of-type { display: none; }
  .topbar-r { gap: 5px; flex: 0 0 auto; }
  .fullscreen-toggle { min-width: 37px; width: 37px; padding: 5px; }
  .fullscreen-toggle .screen-label { display: none; }
  .mobile-nav { padding: 9px 12px; gap: 7px; }
  .mobile-nav button { flex: 1 1 auto; min-width: 0; font-size: 11px; padding: 9px 8px; }
  .main-content { padding: 20px 12px 34px; }
  .heading-group { gap: 10px; flex-wrap: wrap; margin-bottom: 18px; }
  .heading-group h1 { font-size: clamp(26px, 6.5vw, 34px); }
  .heading-group p { font-size: 12px; }
  .lounge-banner { min-height: 175px; padding: 18px; }
  .lounge-copy { max-width: 100%; }
  .lounge-copy h2 { font-size: clamp(21px, 5.8vw, 28px); max-width: 85%; }
  .lounge-copy p { max-width: 87%; }
  .floating-brew { opacity: .23; right: -8px; }
  .availability { flex-wrap: wrap; padding: 13px; gap: 10px; }
  .availability-copy { flex: 1 1 65%; }
  .availability .btn { width: 100%; justify-content: center; }
  .columns-layout { margin-top: 22px; gap: 18px; }
  .menu-grid { grid-template-columns: repeat(2, minmax(0,1fr)); gap: 10px; }
  .menu-photo { height: clamp(112px, 32vw, 170px); }
  .menu-card { min-height: 0 !important; }
  .menu-card .menu-description { min-height: 86px; }
  .category-list { flex-wrap: nowrap; overflow-x: auto; overscroll-behavior-x: contain; padding-bottom: 6px; }
  .category-btn { flex: 0 0 auto; min-height: 38px; }
  .search-wrap { width: 100%; }
  .cart-card { padding: 15px; }
  .metrics { grid-template-columns: repeat(2, minmax(0,1fr)); }
  .stage-content { grid-template-columns: minmax(0,1fr); }
  .queue-card { padding: 15px; }
  .history-row { flex-wrap: wrap; align-items: flex-start; }
  .history-meta { min-width: 0; }
  .pantry-alert-backdrop { padding: 8px; }
  .pantry-alert-dialog { border-radius: 16px; padding: 17px 15px; max-height: calc(100dvh - 16px); }
  .alert-items > div { align-items: start; }
  .alert-items span { white-space: normal; text-align: right; }
  .alert-footer { flex-direction: column; align-items: stretch; }
  .alert-footer .btn { width: 100%; }
  .menu-editor-panel, .menu-library, .team-form-card, .team-list-card { padding: 15px; }
  .managed-menu-actions { margin-left: 0; width: 100%; flex-wrap: wrap; }
  .menu-editor-grid { grid-template-columns: minmax(0,1fr); }
  .auth-hero { min-height: 220px !important; max-height: none; }
  .auth-hero .auth-content h1 { font-size: clamp(27px, 7vw, 36px) !important; }
  .auth-hero .auth-content p, .auth-hero-caption { display: none !important; }
  .auth-pane { display: flex; align-items: center; justify-content: center; width: 100%; padding: 22px 14px 28px; }
  .auth-card { width: min(100%, 440px); padding: clamp(17px, 4.5vw, 26px); }
  .auth-card h2 { font-size: clamp(24px, 6vw, 32px); }
  .auth-card form { gap: 13px; }
  .auth-safe { margin-top: 20px; }
}

/* Extra narrow phones (320–359px): readable products, not crushed tiles. */
@media (max-width: 359px) {
  .topbar-context { font-size: 8px; }
  .topbar-r .status-pill { font-size: 9px; padding: 6px; }
  .main-content { padding-inline: 10px; }
  .menu-grid { grid-template-columns: minmax(0,1fr); }
  .menu-card { display: grid !important; grid-template-columns: 42% minmax(0,1fr); min-height: 142px !important; align-items: stretch !important; }
  .menu-photo { height: 100%; min-height: 142px; }
  .menu-card .menu-description { min-height: auto; padding: 16px 39px 16px 12px; }
  .menu-card .menu-plus { bottom: 11px; right: 11px; }
  .auth-hero { min-height: 200px !important; }
  .auth-card { padding: 16px; }
}

/* Small laptop screens (height constraints) should scroll instead of clipping login. */
@media (min-width: 901px) and (max-height: 780px) {
  .auth-hero { min-height: 100vh; min-height: 100dvh; padding-block: 20px !important; }
  .auth-content { margin-top: 18px; }
  .auth-content h1 { font-size: clamp(43px, 5vw, 69px); }
  .auth-footnote { font-size: 9px; }
  .auth-pane { padding-block: 20px; }
  .auth-card { max-width: 470px; }
}

/* Large TVs and presentation screens use all space and larger touch targets. */
@media (min-width: 1900px) {
  body { font-size: 16px; }
  .sidebar { width: clamp(270px, 15vw, 360px); flex-basis: clamp(270px, 15vw, 360px); padding: 34px 25px; }
  .topbar { min-height: 89px; height: auto; }
  .main-content { padding-top: 50px; }
  .heading-group h1 { font-size: clamp(43px, 2.8vw, 75px); }
  .heading-group p { font-size: clamp(14px, 1vw, 21px); }
  .menu-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 22px; }
  .menu-photo { height: clamp(170px, 13vw, 270px); }
  .menu-card .menu-description b { font-size: clamp(17px, 1vw, 25px); }
  .menu-card .menu-description span { font-size: clamp(12px, .7vw, 16px); }
  .columns-layout { grid-template-columns: minmax(0, 1fr) minmax(350px, 23%); gap: 32px; }
  .sidebar .nav-btn { font-size: 15px; min-height: 56px; }
  .sidebar .brand-text { font-size: 12px; }
  .sidebar .brand-text strong { font-size: 15px; }
  .queue-columns { gap: 22px; }
  .queue-card { padding: 23px; }
  .queue-card-top strong { font-size: 17px; }
  .queue-item b { font-size: 15px; }
  .metric-card { padding: 24px; }
  .metric-card > strong { font-size: 51px; }
  .availability { min-height: 138px; }
  .availability-copy strong { font-size: 24px; }
  .auth-content h1 { font-size: clamp(80px, 5vw, 130px); }
  .auth-card { max-width: 530px; }
  .auth-card h2 { font-size: 45px; }
}

@media (min-width: 3000px) {
  body { font-size: 20px; }
  .main-content { padding-inline: clamp(70px, 3vw, 135px); }
  .menu-grid { grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 30px; }
  .menu-photo { height: clamp(240px, 10vw, 380px); }
  .columns-layout { grid-template-columns: minmax(0,1fr) minmax(440px, 22%); gap: 55px; }
  .cart-card { padding: 33px; }
  .cart-heading h2 { font-size: 29px; }
  .section-title h2 { font-size: 30px; }
  .topbar-context { font-size: 17px; }
  .topbar-r .pill { font-size: 17px; }
  .topbar .fullscreen-toggle { font-size: 17px; padding: 12px 18px; }
  .nav-btn { font-size: 20px !important; }
}

/* Safe area on rounded/notched Android, iOS and tablets. */
@supports (padding: env(safe-area-inset-left)) {
  .topbar { padding-left: max(12px, env(safe-area-inset-left)); padding-right: max(12px, env(safe-area-inset-right)); }
  @media (max-width: 900px) {
    .main-content { padding-left: max(12px, env(safe-area-inset-left)); padding-right: max(12px, env(safe-area-inset-right)); }
    .mobile-nav { padding-left: max(12px, env(safe-area-inset-left)); padding-right: max(12px, env(safe-area-inset-right)); }
  }
}
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { scroll-behavior: auto !important; animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition-duration: .01ms !important; }
}