/* 商家视觉强化：用现有酒红、暖白和金色区分导航、业务内容及主要动作。 */
.wb-app{--wb-bg:#f3eee7;--wb-line:#e7dfd7;--wb-muted:#685f59;--wb-sidebar:212px;background:var(--wb-bg)}
.wb-app .wb-sidebar{background:#5c2e35;color:#fff8ed;border-right:0;padding:24px 14px 16px;scrollbar-color:#b1737b #5c2e35}
.wb-app .wb-brand{gap:10px;padding:0 7px 24px;align-items:center}
.wb-app .wb-brand-mark{background:#f5d69a;color:#5c2e35;width:42px;height:42px;flex-basis:42px;border-radius:12px}
.wb-app .wb-brand strong{font-size:22px;letter-spacing:0;color:#fff8ed}
.wb-app .wb-brand small{font-size:11px;line-height:1.6;letter-spacing:0;color:#eadbd2}
.wb-app .wb-nav-item{min-height:40px;padding:9px 12px;margin:3px 0;gap:12px;color:#f0dfd1;font-size:14px;border-radius:8px;transition:background-color .16s ease,color .16s ease}
.wb-app .wb-nav-item .wb-icon{color:#e2bcb3;width:19px;height:19px;flex-basis:19px}
.wb-app .wb-nav-item:hover{background:#702b34;color:#fff8ed}
.wb-app .wb-nav-item.selected{background:#fff8ed;color:#702b34;font-weight:650}
.wb-app .wb-nav-item.selected .wb-icon{color:#8f3742}
.wb-app .wb-nav-label{padding:17px 12px 5px;font-size:11px;color:#e2bcb3;letter-spacing:.08em}
.wb-app .wb-nav-divider{border-color:#b1737b;margin-top:14px}
.wb-app .wb-sidebar-foot{color:#eadbd2;padding:20px 10px 4px}
.wb-app .wb-sidebar :is(a,button):focus-visible{outline-color:#f5d69a;outline-offset:2px}
.wb-app .wb-sidebar-close{color:#fff8ed}
.wb-app .wb-header{height:76px;min-height:76px;padding-inline:28px;background:#fffdfa;border-bottom:1px solid var(--wb-line);margin-bottom:22px}
.wb-app .wb-store>strong{font-size:18px;font-weight:650;color:#5c2e35}
.wb-app .wb-store small{font-size:12px}
.wb-app .wb-header-tools{gap:16px}
.wb-app .wb-search{background:#f7f4ef;border-color:#e7dfd7}
.wb-app .wb-avatar{background:#f4ebec;color:#8f3742}
.wb-app .wb-user-menu{border-color:#e7dfd7}
.wb-app .wb-main{padding:0 28px}
/* 紧凑餐饮题图仅作首页标题背景，保留首屏经营操作。 */
.wb-app .wb-home-heading{min-height:132px;padding:22px 26px;border-radius:12px;background:#5c2e35;position:relative;overflow:hidden;color:#fff8ed;isolation:isolate}
.wb-app .wb-home-heading::before{content:"";position:absolute;inset:0 0 0 35%;background:linear-gradient(90deg,#5c2e35 0%,#5c2e35bb 35%,#35110e66 100%),url('/images/food/restaurant-hero.webp') center 58% / cover;z-index:-1}
.wb-app .wb-home-heading h1{font-size:28px;font-weight:650;letter-spacing:.01em;color:#fff8ed}
.wb-app .wb-home-heading p{color:#f0dfd1;margin-top:6px;font-size:13px}
.wb-app .wb-home-heading .wb-button{border-color:#e2bcb3;background:#5c2e35;color:#fff8ed;padding-inline:18px}
.wb-app .wb-home-heading .wb-button.wb-primary{background:#f5d69a;border-color:#f5d69a;color:#442c16;font-weight:650}
.wb-app .wb-home-heading a:focus-visible{outline-color:#f5d69a}
.wb-app .wb-home-grid{grid-template-columns:minmax(0,1fr) 290px;gap:18px;grid-template-areas:'heading heading' 'main rail' 'core rail'}
.wb-app .wb-home-heading{grid-area:heading}
.wb-app .wb-home-main{grid-area:main;gap:18px}
.wb-app .wb-home-rail{grid-area:rail;gap:18px}
.wb-app .wb-home-grid>.wb-core{grid-area:core}
.wb-app .wb-stats{gap:10px}
.wb-app .wb-stat{padding:17px 14px;background:#fffdfa;border-color:#e7dfd7;border-radius:12px}
.wb-app .wb-stat strong{font-size:30px;line-height:1.3;font-weight:650;margin-block:7px 4px;color:#5c2e35}
.wb-app .wb-stat small{font-size:11px;line-height:1.6;color:#685f59}
.wb-app .wb-stat:first-child{background:#8f3742;border-color:#8f3742;color:#fff8ed}
.wb-app .wb-stat:first-child :is(strong,div>span,small){color:#fff8ed}
.wb-app .wb-panel{background:#fffdfa;border-color:#e7dfd7}
.wb-app .wb-quick{padding:18px}
.wb-app h2{font-size:18px;font-weight:650;color:#302a27}
.wb-app .wb-quick-grid{gap:10px;margin-top:14px}
.wb-app .wb-quick-grid a{background:#f7f4ef;border-color:transparent;min-height:56px;font-size:14px;gap:10px;justify-content:flex-start;padding:10px 12px}
.wb-app .wb-quick-grid a .wb-icon{width:22px;height:22px;flex-basis:22px}
.wb-app .wb-quick-grid a[href='/module/ordering']{background:#f4ebec;color:#702b34;font-weight:600}
.wb-app .wb-quick-grid a:hover{border-color:#b1737b;background:#f4ebec}
.wb-app .wb-tasks{padding:18px;background:#f8ecec;border-color:#e4cbd0}
.wb-app .wb-tasks .wb-section-heading{padding-bottom:10px;border-bottom:1px solid #e4cbd0;margin-bottom:4px}
.wb-app .wb-tasks> a{min-height:44px}
.wb-app .wb-tasks> a strong{font-size:20px;font-variant-numeric:tabular-nums}
.wb-app .wb-orders{padding:18px}
.wb-app .wb-orders .wb-section-heading{padding-bottom:12px;border-bottom:1px solid var(--wb-line)}
.wb-app .wb-empty{padding:22px 0}
.wb-app .wb-empty> .wb-icon{width:30px;height:30px;color:#8f3742}
.wb-app .wb-empty a{min-height:40px;font-size:13px}
.wb-app .wb-core{padding:18px}
.wb-app .wb-core .wb-section-heading{margin-bottom:8px}
.wb-app .wb-core:not(.expanded) .wb-section-heading>span{display:none}
.wb-app .wb-core-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 20px}
.wb-app .wb-module-card{border:0;border-bottom:1px solid #e7dfd7;border-radius:0;background:transparent;padding:16px 0;gap:12px}
.wb-app .wb-module-card>.wb-icon{width:26px;height:26px;flex-basis:26px;color:#8f3742}
.wb-app .wb-module-card strong{font-size:15px;font-weight:600}
.wb-app .wb-module-card small{font-size:12px;line-height:1.6;color:#685f59}
.wb-app .wb-module-card:hover{background:#f7f4ef;border-color:#e7dfd7}
.wb-app .wb-extension{border-top:0;padding-top:0;margin-top:18px}
.wb-app .wb-extension-grid{display:flex;flex-wrap:wrap;gap:8px}
.wb-app .wb-extension a{flex-direction:row;gap:6px;padding:8px 10px;min-height:40px;background:#f7f4ef;border-color:transparent;font-size:12px}
.wb-app .wb-extension .wb-icon{width:16px;height:16px;flex-basis:16px}
.wb-app .wb-core.expanded .wb-core-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.wb-app .wb-core.expanded .wb-module-card{padding:22px 14px}
.wb-app ::-webkit-scrollbar{width:8px;height:8px}
.wb-app ::-webkit-scrollbar-thumb{background:#b9aaa1;border-radius:4px}
.wb-app .wb-sidebar::-webkit-scrollbar-thumb{background:#b1737b}
@media(min-width:1151px) and (max-width:1390px){.wb-app{--wb-sidebar:196px}.wb-app .wb-main{padding-inline:22px}.wb-app .wb-home-grid{grid-template-columns:minmax(0,1fr) 270px;gap:16px}.wb-app .wb-quick-grid a{padding-inline:10px;gap:8px}.wb-app .wb-stat{padding:16px 12px}.wb-app .wb-stat strong{font-size:27px}}
@media(max-width:1150px){.wb-app{--wb-sidebar:190px}.wb-app .wb-home-grid{grid-template-columns:1fr;grid-template-areas:'heading' 'main' 'rail' 'core'}.wb-app .wb-home-rail{display:grid;grid-template-columns:1fr 1fr;align-items:stretch}.wb-app .wb-home-heading{padding:20px}.wb-app .wb-header,.wb-app .wb-main{padding-inline:22px}}
@media(max-width:1000px){.wb-app .wb-body{margin-left:0}.wb-app .wb-sidebar{width:230px}.wb-app .wb-sidebar-close{display:flex;top:4px;right:4px}.wb-app .wb-header{height:auto;min-height:76px}}
@media(max-width:700px){.wb-app .wb-header{padding:12px 14px;margin-bottom:14px;gap:8px}.wb-app .wb-header-tools{gap:8px}.wb-app .wb-main{padding-inline:14px}.wb-app .wb-home-grid{gap:14px}.wb-app .wb-home-heading{min-height:0;padding:20px;gap:16px}.wb-app .wb-home-heading::before{inset:0;opacity:.7}.wb-app .wb-home-heading h1{font-size:25px}.wb-app .wb-home-actions{gap:8px}.wb-app .wb-home-heading .wb-button{padding-inline:10px}.wb-app .wb-home-main{gap:14px}.wb-app .wb-stat strong{font-size:26px}.wb-app .wb-stat{padding:14px}.wb-app .wb-quick{padding:16px}.wb-app .wb-quick-grid a{flex-direction:column;gap:8px;min-height:76px;justify-content:center;padding:10px 4px;font-size:13px}.wb-app .wb-home-rail{display:flex;align-items:stretch;gap:14px}.wb-app .wb-core{padding:16px}.wb-app .wb-core-grid{gap:0 14px}.wb-app .wb-module-card>.wb-icon{display:none}.wb-app .wb-module-card{padding:14px 0}.wb-app .wb-core.expanded .wb-core-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.wb-app .wb-footer{padding-inline:14px}}
@media(prefers-reduced-motion:reduce){.wb-app .wb-nav-item{transition:none}}

/* 常用入口按操作分组着色，避免所有按钮与卡片一个层级。 */
.wb-app .wb-quick-grid a .wb-icon{box-sizing:content-box;padding:9px;border-radius:10px;background:#eee1dc;color:#763743}
.wb-app .wb-quick-grid a[href='/module/ordering'] .wb-icon{background:#8f3742;color:#fff8ed}
.wb-app .wb-quick-grid a[href='/module/cashier'] .wb-icon{background:#e5eadf;color:#3f5c43}
.wb-app .wb-quick-grid a[href='/module/members'] .wb-icon{background:#eee3cf;color:#765425}
.wb-app .wb-quick-grid a{height:auto;min-height:68px;background:#fffdfa;border:1px solid #e7dfd7}
.wb-app .wb-stat:nth-child(3){background:#e8eee5;border-color:#d4dfce}
.wb-app .wb-stat:nth-child(3) strong{color:#36563d}
.wb-app .wb-stat:nth-child(4){background:#f4ead9;border-color:#e7d9c0}
.wb-app .wb-stat:nth-child(4) strong{color:#795422}
.wb-app .wb-tasks>a strong{min-width:28px;text-align:center}
.wb-app .wb-core{background:transparent;border:0;padding:4px 0 0}
.wb-app .wb-core-grid{gap:0 24px}
.wb-app .wb-module-card{min-height:82px}
.wb-app .wb-module-card:hover{background:#eae2d9}
.wb-app .wb-extension{padding-top:16px;border-top:1px solid #ddd2c8}
.wb-app .wb-extension a{background:#e9e0d7;color:#5c4038}
.wb-app .wb-footer{color:#70665e}
.wb-app ::selection{background:#ead0d3;color:#52252e}
.wb-app input{caret-color:#8f3742}
.wb-app .wb-home-heading .wb-button{min-height:44px}
@media(max-width:700px){.wb-app .wb-quick-grid a{min-height:98px;padding:12px 4px}.wb-app .wb-quick-grid a .wb-icon{padding:8px}.wb-app .wb-core{padding:4px 0 0}.wb-app .wb-core-grid{gap:0 14px}.wb-app .wb-home-heading{min-height:154px}.wb-app .wb-home-heading::before{inset:0 0 0 15%;opacity:.75}}
/* 业务页面和首页使用一致的导航选中状态。 */
.wb-app:has(.biz-page) .wb-nav-item.selected{background:#fff8ed;color:#702b34;font-weight:650}
.wb-app:has(.biz-page) .wb-nav-item.selected .wb-icon{color:#8f3742}