/* Customer home quick menu, based on the supplied reference. */
body[data-customer-page="home"] #appScreen .hero,
body[data-customer-page="home"] #appScreen #progressPanel,
body[data-customer-page="home"] #appScreen #receiptPanel,
body[data-customer-page="home"] #appScreen .mobile-menu-home,
body[data-customer-page="home"] #appScreen .mobile-menu-hint{display:none!important}
body[data-customer-page="home"] #appScreen .app-shell>.customer-home-menu{display:grid!important}
#appScreen .customer-home-menu{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:0 auto 24px;max-width:940px;padding:0;background:none;border:0}
#appScreen .customer-menu-heading{grid-column:1/-1;display:flex;align-items:baseline;justify-content:space-between;gap:8px;margin:0 4px 2px}
#appScreen .customer-menu-heading h2{margin:0;color:#243b57;font-size:21px;font-weight:800;letter-spacing:-1px}
#appScreen .customer-menu-heading p{margin:0;font-size:12px;color:#9ca9b6}
#appScreen .customer-menu-card{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;min-width:0;min-height:198px;padding:16px 6px 24px;border:1px solid #e7ecf3;border-radius:24px;background:#fff;box-shadow:0 8px 22px #18395c04;font:inherit;cursor:pointer;transition:transform .18s,box-shadow .18s}
#appScreen .customer-menu-card.menu-tone-0{border-color:#cbe8f8;background:linear-gradient(145deg,#f0faff,#fff)}
#appScreen .customer-menu-icon{display:grid;place-items:center;width:94px;height:94px;margin-bottom:5px;border-radius:24px;color:white;background:linear-gradient(140deg,#37c9ef,#0674f5);box-shadow:inset 0 2px 4px #ffffff60,0 9px 16px #254c7e15}
#appScreen .customer-menu-icon svg{width:44px;height:44px}
#appScreen .menu-tone-1 .customer-menu-icon{background:linear-gradient(140deg,#b895ff,#7044f3)}
#appScreen .menu-tone-2 .customer-menu-icon{background:linear-gradient(140deg,#ffc265,#ff942b)}
#appScreen .menu-tone-3 .customer-menu-icon{background:linear-gradient(140deg,#58d5d9,#0fa8b6)}
#appScreen .menu-tone-4 .customer-menu-icon{background:linear-gradient(140deg,#70c7ff,#2381e7)}
#appScreen .menu-tone-5 .customer-menu-icon{background:linear-gradient(140deg,#fa8ebb,#eb4388)}
#appScreen .menu-tone-6 .customer-menu-icon{background:linear-gradient(140deg,#9fbed2,#507ba8)}
#appScreen .menu-tone-7 .customer-menu-icon{background:linear-gradient(140deg,#7edc9f,#24b671)}
#appScreen .menu-tone-8 .customer-menu-icon{background:linear-gradient(140deg,#bdc9d2,#7a899a)}
#appScreen .customer-menu-card strong{font-size:20px;font-weight:800;line-height:1.3;color:#243b57;letter-spacing:-.8px}
#appScreen .customer-menu-description{font-size:12px;line-height:1.4;color:#9ba7b1;word-break:keep-all;text-align:center}
#appScreen .customer-menu-note{grid-column:1/-1;margin:14px 0 0;text-align:center;color:#9ba7b1;font-size:12px}
#appScreen .customer-menu-card:hover{transform:translateY(-2px);box-shadow:0 12px 24px #254c7e12}
#appScreen .customer-menu-card:focus-visible{outline:3px solid #2176df;outline-offset:3px}
@media(max-width:760px){
 body[data-customer-page="home"] #appScreen.mobile-icon-ui{padding:94px 8px 24px!important;background:linear-gradient(180deg,#fff,#eef3fb)!important}
 #appScreen .customer-home-menu{gap:12px 10px}
 #appScreen .customer-menu-card{min-height:clamp(158px,41.5vw,198px);border-radius:23px;padding:15px 4px 23px;gap:6px}
 #appScreen .customer-menu-icon{width:clamp(64px,19.7vw,94px);height:clamp(64px,19.7vw,94px);border-radius:25%}
 #appScreen .customer-menu-card strong{font-size:clamp(15px,4.2vw,20px)}
 #appScreen .customer-menu-description{font-size:clamp(9px,2.5vw,12px)}
 #appScreen .customer-menu-heading h2{font-size:20px}
 #appScreen .customer-menu-heading p{font-size:11px}
}
@media(prefers-reduced-motion:reduce){#appScreen .customer-menu-card{transition:none}}
body[data-customer-page="home"] #appScreen.mobile-icon-ui.mobile-menu-home-active .app-shell>.customer-home-menu{display:grid!important}
/* Welcome banner and spacing from the updated home reference. */
#appScreen .customer-welcome-banner{grid-column:1/-1;position:relative;min-height:252px;margin-bottom:10px;overflow:hidden;border:1px solid #e4edf7;border-radius:34px;background:linear-gradient(110deg,#eff7ff 30%,#e2f0ff);box-shadow:0 8px 22px #18395c03}
#appScreen .customer-welcome-copy{position:relative;z-index:1;padding:27px 28px 30px}
#appScreen .customer-welcome-eyebrow{display:block;margin-bottom:17px;color:#8198ac;font-size:13px;letter-spacing:4px;font-weight:600}
#appScreen .customer-welcome-copy h2{margin:0 0 15px;color:#18324f;font-size:32px;line-height:1.38;letter-spacing:-1.6px;font-weight:700}
#appScreen .customer-welcome-copy h2 span{color:#237ac6}
#appScreen .customer-welcome-copy p{margin:0;color:#788ea2;font-size:16px;line-height:1.5;letter-spacing:-.5px;font-weight:500}
#appScreen .customer-welcome-art{position:absolute;bottom:0;right:-5px;width:52%;max-width:320px;height:auto}
#appScreen .customer-home-menu{gap:16px 14px}
#appScreen .customer-menu-heading{margin:0 4px 3px}
#appScreen .customer-menu-card{min-height:234px;border-radius:28px;padding:18px 6px 30px;gap:7px}
#appScreen .customer-menu-icon{width:112px;height:112px;border-radius:29px;margin-bottom:8px}
#appScreen .customer-menu-icon svg{width:48px;height:48px}
#appScreen .customer-menu-card strong{font-size:23px;font-weight:700}
#appScreen .customer-menu-description{font-size:13px}
#appScreen .customer-menu-note{margin-top:17px;font-size:14px}
@media(max-width:760px){
 body[data-customer-page="home"] #appScreen.mobile-icon-ui{padding:calc(clamp(72px,18.3vw,108px) + 20px) clamp(10px,3.05vw,18px) 40px!important;background:linear-gradient(180deg,#f8fcff,#f5f7fd)!important}
 body[data-customer-page="home"] #appScreen.mobile-icon-ui .topbar{height:clamp(72px,18.3vw,108px);padding:12px clamp(16px,4vw,24px);border-bottom:1px solid #e7edf5;border-radius:0;box-shadow:none;background:#fff!important}
 body[data-customer-page="home"] #appScreen.mobile-icon-ui .topbar-logo{width:clamp(175px,39vw,232px);height:auto;max-height:74px;object-fit:contain}
 body[data-customer-page="home"] #appScreen.mobile-icon-ui .topbar .topbar-brand-copy{display:none!important}
 body[data-customer-page="home"] #appScreen.mobile-icon-ui .topbar .menu-toggle{width:clamp(44px,10.8vw,64px);height:clamp(44px,10.8vw,64px);border-radius:24px;color:#226995;background:#eff7ff;padding:12px}
 body[data-customer-page="home"] #appScreen.mobile-icon-ui .menu-toggle svg{width:100%;height:100%}
 #appScreen .customer-home-menu{gap:clamp(10px,2.7vw,16px) clamp(8px,2.37vw,14px)}
 #appScreen .customer-welcome-banner{min-height:clamp(196px,42.6vw,252px);border-radius:clamp(24px,5.75vw,34px);margin-bottom:5px}
 #appScreen .customer-welcome-copy{padding:clamp(21px,4.6vw,27px) clamp(18px,4.7vw,28px) 30px}
 #appScreen .customer-welcome-eyebrow{font-size:clamp(9px,2.2vw,13px);letter-spacing:clamp(2px,.68vw,4px);margin-bottom:clamp(12px,2.9vw,17px)}
 #appScreen .customer-welcome-copy h2{font-size:clamp(24px,5.42vw,32px);margin-bottom:clamp(10px,2.5vw,15px)}
 #appScreen .customer-welcome-copy p{font-size:clamp(12px,2.7vw,16px)}
 #appScreen .customer-welcome-art{width:52%}
 #appScreen .customer-menu-heading{margin-top:0;margin-bottom:3px}
 #appScreen .customer-menu-heading h2{font-size:clamp(18px,3.72vw,22px)}
 #appScreen .customer-menu-heading p{font-size:clamp(10px,2.37vw,14px)}
 #appScreen .customer-menu-card{min-height:clamp(158px,39.6vw,234px);border-radius:clamp(21px,4.74vw,28px);padding:clamp(13px,3vw,18px) 4px clamp(20px,5.08vw,30px);gap:6px}
 #appScreen .customer-menu-icon{width:clamp(64px,18.95vw,112px);height:clamp(64px,18.95vw,112px);border-radius:26%;margin-bottom:clamp(3px,1.35vw,8px)}
 #appScreen .customer-menu-icon svg{width:43%;height:43%}
 #appScreen .customer-menu-card strong{font-size:clamp(15px,3.9vw,23px)}
 #appScreen .customer-menu-description{font-size:clamp(9px,2.2vw,13px)}
 #appScreen .customer-menu-note{margin-top:clamp(13px,2.9vw,17px);font-size:clamp(10px,2.37vw,14px)}
}
/* Home chat entry shares the floating launcher's unread indicator. */
#appScreen [data-home-tool="chat"] .customer-menu-icon{position:relative}
#appScreen .customer-chat-count{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:54%;height:54%;border-radius:50%;display:grid;place-items:center;background:#ed0016;color:#fff;font-size:clamp(20px,6vw,36px);font-weight:800;font-variant-numeric:tabular-nums;line-height:1;letter-spacing:-1px}
#appScreen .customer-chat-count[hidden]{display:none}
#appScreen .has-unread-chat .customer-menu-icon svg{visibility:hidden}
body[data-customer-page="home"] .order-chat-launcher{display:none!important}