/* Shared workspace layout, scoped to the three application pages. */
body:has(.pj-app-shell),body:has(.pj-tracking){background:#f3f5f2;color:#19382f}
body:has(.pj-app-shell)>.wp-site-blocks>main,body:has(.pj-tracking)>.wp-site-blocks>main{max-width:none;padding:32px 24px 56px!important}
body:has(.pj-app-shell) .wp-block-post-content,body:has(.pj-tracking) .wp-block-post-content{max-width:none!important;margin:0!important}
body:has(.pj-app-shell) .wp-block-post-title,body:has(.pj-tracking) .wp-block-post-title{display:none}
body:has(.pj-app-shell) .wp-site-blocks>footer,body:has(.pj-tracking) .wp-site-blocks>footer{background:#173f32;color:#fff}
body:has(.pj-app-shell) .wp-site-blocks>footer a,body:has(.pj-tracking) .wp-site-blocks>footer a{color:#e0ebdf}
.pj-app-shell.pj-kitchen-shell,.pj-app-shell.pj-courier-shell{max-width:1360px;margin:0 auto;padding:8px 0;font-family:Inter,system-ui,sans-serif;color:#19382f}
.pj-app-shell *,.pj-tracking *{box-sizing:border-box}
.pj-app-shell button{font:inherit;cursor:pointer}
.pj-app-shell button:disabled{opacity:.55;cursor:wait}
.pj-app-shell button:focus-visible,.pj-app-shell summary:focus-visible,.pj-tracking summary:focus-visible,.pj-app-shell a:focus-visible{outline:3px solid #df8b42;outline-offset:4px}
.pj-app-header{display:flex;justify-content:space-between;align-items:center;gap:24px;margin-bottom:24px}
.pj-app-header h1{font-size:clamp(28px,3vw,40px);line-height:1.15;letter-spacing:-.035em;margin:8px 0 12px;font-weight:780}
.pj-app-header p:not(.pj-eyebrow){margin:0;color:#617369;font-size:14px}
.pj-eyebrow{font-size:11px;font-weight:800;letter-spacing:.13em;color:#a45220;margin:0;text-transform:uppercase}
.pj-live{display:flex;align-items:center;gap:14px;white-space:nowrap}
.pj-live [role=status]{font-size:12px;color:#31654b}
.pj-button-quiet{background:#fff;border:1px solid #d7e0d8;color:#244a39;border-radius:10px;padding:10px 16px;min-height:44px;font-weight:700}
.pj-filters{display:flex;gap:6px;background:#e6ece5;padding:5px;border-radius:12px;width:fit-content;margin:28px 0 16px;overflow:auto;max-width:100%}
.pj-filters button{border:0;background:transparent;border-radius:8px;min-height:42px;padding:10px 20px;color:#566b5d;white-space:nowrap;font-weight:650;font-size:14px}
.pj-filters button[aria-pressed=true]{background:#fff;color:#173f32;box-shadow:0 2px 5px #19382f10}
.pj-feedback{font-size:13px;color:#31654b;min-height:20px;margin:6px 0 18px}
.pj-app-footnote{font-size:12px;color:#65756f;margin-top:28px}
.pj-action{width:100%;min-height:50px;background:#174b38;color:#fff;border:0;border-radius:10px;display:flex;align-items:center;justify-content:center;gap:12px;font-weight:750;padding:13px 18px;text-decoration:none}
.pj-action:hover{background:#236546}
.pj-action span{margin-left:auto}
.pj-badge{display:inline-flex;align-items:center;padding:5px 9px;border-radius:7px;background:#eaf1e9;color:#345c44;font-size:11px;font-weight:750;white-space:nowrap}
.pj-order-meta{font-size:12px;color:#6a786e;font-weight:550}
.pj-order-items{list-style:none;margin:0;padding:0;display:grid;gap:14px}
.pj-order-items li{display:flex;gap:12px;font-size:15px;line-height:1.45}
.pj-order-items li>b{flex:0 0 28px;color:#a45220}
.pj-order-items small{display:block;font-size:12px;color:#697b6f;margin-top:4px}
.pj-empty{font-size:13px;color:#7b8b7f;border:1px dashed #cdd8cc;border-radius:12px;padding:30px 16px;text-align:center;margin:0}
.pj-kitchen-error,.pj-courier-error{padding:14px 18px;background:#fff0eb;color:#943d26;border:1px solid #f0cbbb;border-radius:10px;font-size:14px}
[hidden]{display:none!important}
@media(max-width:700px){body:has(.pj-app-shell)>.wp-site-blocks>main,body:has(.pj-tracking)>.wp-site-blocks>main{padding:24px 16px 40px!important}.pj-app-header{align-items:flex-start;flex-direction:column;gap:16px}.pj-live{width:100%;justify-content:space-between}.pj-filters button{padding:10px 14px}}
/* Customer tracking */
.pj-tracking.pj-tracking{max-width:760px;margin:16px auto;background:#fff;border:1px solid #dee5dc;border-radius:22px;padding:clamp(24px,4vw,48px);box-shadow:0 12px 48px #173f3206}
.pj-tracking h1{font-family:Inter,system-ui,sans-serif;font-size:22px;letter-spacing:-.03em;margin:10px 0 28px}
.pj-tracking-current{margin:0!important;font-size:clamp(27px,4vw,38px);line-height:1.2;color:#173f32}
.pj-tracking-message{color:#63756a;font-size:15px;max-width:520px;margin:14px 0 30px}
.pj-tracking ol.pj-tracking-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;list-style:none;padding:0;margin:36px 0}
.pj-tracking-steps li{position:relative;padding:0;text-align:center;color:#7b897e;font-size:12px;display:grid;justify-items:center;gap:10px}
.pj-tracking-steps li:before{content:'';height:3px;background:#e3e9e0;position:absolute;left:-50%;right:50%;top:18px}
.pj-tracking-steps li:first-child:before{display:none}
.pj-tracking-steps li>span{position:relative;z-index:1;display:grid;place-items:center;width:38px;height:38px;background:#f1f4ef;border:2px solid #dfe7dc;border-radius:50%;font-weight:800}
.pj-tracking-steps li.done,.pj-tracking-steps li.current{color:#174b38}
.pj-tracking-steps li.done>span,.pj-tracking-steps li.current>span{background:#174b38;color:#fff;border-color:#174b38}
.pj-tracking-steps li.current>span{box-shadow:0 0 0 5px #e4eee1}
.pj-tracking-steps li.done:before,.pj-tracking-steps li.current:before{background:#174b38}
.pj-tracking-help{background:#f3f6f0;padding:16px 18px;border-radius:12px;font-size:13px;display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap}
.pj-tracking-help a{font-weight:750;color:#174b38}
.pj-tracking-history{border-top:1px solid #e3e9e0;margin-top:28px;padding-top:18px;font-size:13px}
.pj-tracking-history summary{cursor:pointer;font-weight:650;color:#62766a}
.pj-tracking-history ol{max-height:320px;overflow:auto;margin-top:18px}
.pj-tracking-history time{font-size:11px}
.pj-tracking-note{font-size:11px;color:#7b897e;margin:22px 0 0}
@media(max-width:420px){.pj-tracking-steps li{font-size:10px}.pj-tracking.pj-tracking{padding:24px 18px}}

@media(max-width:700px){.pj-filters{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:100%;overflow:visible}.pj-filters button{padding:10px}}

.pj-courier-call{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:16px 20px;margin:16px 0;border:1px solid #dbe4d6;border-radius:14px;background:#fff}.pj-courier-call p{margin:4px 0 0;font-size:13px;color:#60766a}.pj-sound-toggle[aria-pressed=true]{background:#e5f1e9;color:#174b38}@media(max-width:700px){.pj-courier-call{align-items:stretch;flex-direction:column}.pj-live{flex-wrap:wrap;white-space:normal}}