body:has(.store-cp){background:#f3f6f8;color:#213a35}body:has(.store-cp)>header{position:sticky;top:0;z-index:20;padding:16px 28px;box-shadow:0 2px 12px #233c3505}main:has(.store-cp){max-width:1600px;padding:24px 28px}.store-cp{display:grid;grid-template-columns:240px minmax(0,1fr);gap:28px;align-items:start}.cp-sidebar{position:sticky;top:98px;background:#fff;border:1px solid #e1e8e6;border-radius:18px;overflow:hidden;box-shadow:0 8px 25px #213a3505;max-height:calc(100vh - 115px);overflow-y:auto}.cp-store{display:flex;gap:12px;padding:22px 18px;border-bottom:1px solid #edf1ef;align-items:center}.cp-store>div{min-width:0}.cp-store strong{display:block;font-size:15px;overflow-wrap:anywhere;line-height:1.5}.cp-store small{display:block;font-size:11px;margin-top:5px;color:#70837b}.cp-store-mark{display:grid;place-items:center;flex-shrink:0;width:40px;height:40px;border-radius:12px;background:#e7f3ec;color:#187454}.cp-nav-group{padding:12px 12px 0}.cp-nav-group>p{font-size:11px;color:#84968f;margin:6px 10px 8px}.cp-nav-item{display:flex;align-items:center;gap:11px;width:100%;text-align:left;background:transparent;color:#536a61;padding:11px 12px;border-radius:9px;font-size:13px;margin:3px 0;min-height:44px}.cp-nav-item svg{flex-shrink:0}.cp-nav-item>span{flex:1}.cp-nav-item.active{background:#173f31;color:#fff;font-weight:bold}.cp-nav-item:hover{background:#edf4ef;filter:none}.cp-nav-item.active:hover{background:#20523f}.cp-nav-item b{font-size:11px;padding:3px 6px;min-width:22px;text-align:center;border-radius:6px;background:#e8f0eb;color:#187454}.cp-nav-item.active b{background:#ffffff26;color:white}.cp-sidebar-footer{margin:18px 12px 12px;border-top:1px solid #edf1ef;padding-top:12px}.cp-sidebar-footer small{display:block;padding:0 12px 8px;overflow-wrap:anywhere;font-size:11px}.cp-content{min-width:0}.cp-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin:4px 0 20px}.cp-heading h1{font-size:27px;letter-spacing:-.5px;margin-bottom:6px}.cp-heading .eyebrow{font-size:10px;letter-spacing:1.5px;color:#6b867a;margin-bottom:8px}.cp-heading p{font-size:12px;margin:0}.cp-heading-actions{display:flex;gap:8px;flex-wrap:wrap}.cp-heading-actions button{font-size:12px;padding:10px 13px}.cp-sound-notice{padding:11px 15px;font-size:12px;border:1px solid #f3e6bf}.cp-metrics{display:grid;grid-template-columns:1fr 1fr 1.4fr;gap:14px;margin:20px 0 26px}.cp-metric{display:flex;gap:14px;background:#fff;border:1px solid #e2e9e7;padding:20px 18px;border-radius:14px;align-items:flex-start;min-width:0}.cp-metric>div{min-width:0}.cp-metric>div>span{font-size:12px;color:#6c8076;display:block}.cp-metric strong{display:block;font-size:27px;margin:8px 0;overflow-wrap:anywhere;letter-spacing:-.7px;font-variant-numeric:tabular-nums}.cp-metric small{font-size:10px;color:#90a096}.cp-metric-icon{display:grid;place-items:center;flex-shrink:0;width:38px;height:38px;border-radius:11px;background:#eaf4ef;color:#187454}.cp-metric-icon.amber{background:#fff4df;color:#aa7920}.cp-panel .grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,250px),1fr));gap:16px}.cp-panel .card{border-radius:14px;padding:20px;box-shadow:0 3px 15px #213a3504}.cp-panel .card.login{max-width:720px;margin:0 0 20px}.cp-panel .empty{padding:65px 22px;border-style:dashed}.cp-panel .categories{flex-wrap:wrap;overflow:visible}.cp-panel .categories button{white-space:normal}.cp-panel .audit{overflow-x:auto}.cp-mobile-menu{display:none}.cp-panel input,.cp-panel select,.cp-panel textarea{max-width:100%}@media(min-width:1100px){.cp-panel #store-save{max-width:600px}}@media(max-width:1100px){.store-cp{grid-template-columns:215px minmax(0,1fr);gap:20px}.cp-heading{align-items:flex-start;flex-wrap:wrap}.cp-metric{padding:16px 12px;gap:9px}.cp-metric-icon{display:none}.cp-metric strong{font-size:23px}}@media(max-width:800px){body:has(.store-cp)>header{padding:14px 18px}main:has(.store-cp){padding:18px}.store-cp{grid-template-columns:1fr;gap:20px}.cp-sidebar{position:static;max-height:none;overflow:visible}.cp-store{padding:14px 16px}.cp-mobile-menu{display:flex;justify-content:space-between;align-items:center;width:calc(100% - 24px);margin:10px 12px;font-size:13px}.cp-sidebar nav{display:none}.cp-sidebar.is-open nav{display:block}.cp-heading{margin:0 0 14px}.cp-heading h1{font-size:25px}.cp-metrics{grid-template-columns:1fr 1fr;margin:16px 0 22px;gap:10px}.cp-metric:last-child{grid-column:1/-1}.cp-metric{padding:15px}.cp-metric-icon{display:grid}.cp-metric strong{font-size:25px}.cp-heading-actions{width:100%}.cp-panel .grid{grid-template-columns:1fr}.cp-panel .card{padding:18px}.cp-panel .row{flex-wrap:wrap}.cp-panel .table-link{overflow-wrap:anywhere}}@media(prefers-reduced-motion:no-preference){.cp-nav-item{transition:background .15s,color .15s}}@media print{.cp-sidebar,.cp-heading,.cp-metrics{display:none!important}.store-cp{display:block}}

/* Restaurant CP: dark sidebar, shared visual palette with landing preview. */
.cp-sidebar{background:#143e32;border-color:#143e32;color:#e2eee4;box-shadow:0 10px 30px #153c3214;scrollbar-color:#4b7663 #143e32}.cp-store{border-bottom-color:#ffffff1c}.cp-store strong{color:#fff}.cp-store small{color:#c0d5c8}.cp-store-mark{background:#ffffff15;color:#d7ed9f}.cp-nav-group>p{color:#a9c3b4}.cp-nav-item{color:#d7e6dc}.cp-nav-item:hover{background:#ffffff12;color:#fff}.cp-nav-item.active{background:#d7ed9f;color:#173f31}.cp-nav-item.active:hover{background:#e3f3b7;color:#173f31}.cp-nav-item b{background:#ffffff18;color:#dcebcf}.cp-nav-item.active b{background:#173f3114;color:#173f31}.cp-sidebar-footer{border-top-color:#ffffff1c}.cp-sidebar-footer small{color:#c0d5c8}.cp-mobile-menu{background:#ffffff12;color:#e2eee4;border:1px solid #ffffff20}
.store-cp{grid-template-columns:260px minmax(0,1fr)}.cp-nav-item{font-size:18px;line-height:1.65;padding:12px}.cp-nav-group>p{font-size:14px}.cp-store strong{font-size:18px}.cp-store small,.cp-sidebar-footer small{font-size:13px}.cp-mobile-menu{font-size:17px}.cp-nav-item b{font-size:13px}@media(max-width:1100px){.store-cp{grid-template-columns:245px minmax(0,1fr)}}@media(max-width:800px){.store-cp{grid-template-columns:1fr}.cp-nav-item{font-size:18px}}
/* Daily actions remain visible; support and upgrade follow the main navigation. */
.cp-sidebar{position:static;max-height:none;overflow:visible}.cp-nav-group{padding-bottom:8px}.cp-nav-group+.cp-nav-group{border-top:1px solid #ffffff20;margin-top:12px;padding-top:14px}.cp-nav-item.cp-upgrade{background:#d7ed9f;color:#173f31;font-weight:600;border:1px solid #e3f3b7;margin-top:16px;box-shadow:0 4px 12px #00000012}.cp-nav-item.cp-upgrade:hover{background:#e3f3b7;color:#173f31}.cp-guide-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr));gap:16px}.cp-guide-grid h2{font-size:20px}.cp-guide-grid li{margin-bottom:12px;line-height:1.8}@media(max-width:800px){.cp-mobile-menu{display:none}.cp-sidebar nav{display:block}.cp-nav-group:first-child{display:flex;flex-wrap:wrap;gap:8px}.cp-nav-group:first-child>p{width:100%}.cp-nav-group:first-child .cp-nav-item{width:calc(50% - 4px);font-size:16px;padding:10px;align-items:flex-start}.cp-nav-group:first-child .cp-nav-item>span{min-width:0}.cp-guide-grid{grid-template-columns:1fr}}
/* Clear first-time guide, below the everyday navigation. */
.cp-nav-item.cp-start-guide{background:#e6f1ff;color:#153f67;border:2px solid #94c3ed;font-weight:600;margin-top:10px}.cp-nav-item.cp-start-guide:hover,.cp-nav-item.cp-start-guide.active{background:#cce5ff;color:#153f67}.cp-beginner-intro{background:#edf6ff;border-color:#b9d7f1}.cp-guide-tag{display:inline-block;background:#235a82;color:#fff;border-radius:8px;padding:7px 12px;font-size:14px;margin-bottom:15px}.cp-beginner h2{font-size:24px;line-height:1.6}.cp-beginner p{font-size:17px;line-height:1.9}.cp-beginner-steps{display:grid;grid-template-columns:1fr;gap:4px}.cp-step-number{display:grid;place-items:center;width:44px;height:44px;background:#187454;color:#fff;font-weight:600;font-size:24px;border-radius:12px;margin-bottom:12px}.cp-guide-ready{background:#eef7e4;border-color:#b9d2a0}.store-cp:has(.cp-beginner) .cp-metrics{display:none}@media(max-width:800px){.cp-beginner h2{font-size:21px}.cp-beginner p{font-size:16px}}