/* ÉpicoMenu v28.6.22 · Central operacional. Estilos isolados à rota #/pedidos. */
.ep22-orders{--ep22-ink:#17243a;--ep22-border:#dae3ef;color:var(--ep22-ink);min-width:0;padding-bottom:20px}
.ep22-orders *{box-sizing:border-box}
.ep22-page-header{display:flex;justify-content:space-between;align-items:center;gap:24px;margin:0 0 18px}
.ep22-eyebrow{font-size:10px;letter-spacing:.16em;color:#f05b3a!important;font-weight:900;margin:0 0 7px!important}
.ep22-page-header h1{font-size:28px;letter-spacing:-.04em;margin:0 0 5px!important;line-height:1.14;color:#162037}
.ep22-page-header p{margin:0;font-size:13px;color:#77849a}
.ep22-header-actions{display:flex;align-items:center;gap:14px;flex-wrap:wrap}
.ep22-signal{display:flex;gap:8px;align-items:center;color:#68788f;font-size:12px;font-weight:650}
.ep22-signal i{width:9px;height:9px;border-radius:50%;background:#bdc4ce;display:inline-block}
.ep22-signal.is-on i{background:#1bb974;box-shadow:0 0 0 4px #1bb9741c}
.ep22-refresh{border:1px solid #d8e0eb;background:white;border-radius:10px;padding:11px 14px;display:flex;align-items:center;gap:7px;font-size:12px;font-weight:800;color:#22324b;cursor:pointer}
.ep22-topline{display:flex;align-items:center;flex-wrap:wrap;gap:15px;justify-content:space-between;padding:12px 16px;border:1px solid #caebd7;border-radius:12px;background:#eefbf3;margin:0 0 15px;font-size:12px;color:#22734d}
.ep22-topline>span{display:flex;align-items:center;gap:6px}
.ep22-store-label{display:flex;align-items:center;gap:7px}
.ep22-store-label a{color:#23614c;border-left:1px solid #b9dec7;margin-left:5px;padding-left:12px;font-weight:750;text-decoration:underline}
.ep22-updated{opacity:.8}
.ep22-toolbar{display:flex;align-items:stretch;gap:12px;justify-content:space-between;margin-bottom:16px;flex-wrap:wrap}
.ep22-toolbar-primary{flex:1 1 370px;min-width:0}
.ep22-order-search{display:flex;gap:8px;min-width:0}
.ep22-order-search label{display:flex;align-items:center;gap:9px;border:1px solid var(--ep22-border);background:#fff;border-radius:12px;flex:1;min-width:0;padding:0 13px;color:#71819a}
.ep22-order-search input{min-width:0;flex:1;border:0!important;background:transparent!important;outline:0!important;font-size:13px;color:#20304b;min-height:42px;box-shadow:none!important}
.ep22-order-search button,.ep22-tool-button{padding:9px 13px;border-radius:11px;border:1px solid var(--ep22-border);background:white;color:#26344b;white-space:nowrap;cursor:pointer;font-weight:750;font-size:12px}
.ep22-clear{color:#b33d2e!important}
.ep22-toolbar-toggles{display:flex;align-items:center;gap:8px}
.ep22-tool-button{display:flex;align-items:center;gap:6px}
.ep22-tool-button.is-active{color:#17714b;border-color:#bfe9d1;background:#f1fff6}
.ep22-filterbar{display:flex;gap:15px;align-items:center;justify-content:space-between;flex-wrap:wrap;margin-bottom:14px}
.ep22-tabs{display:flex;flex-wrap:wrap;gap:8px}
.ep22-tabs button{display:flex;align-items:center;gap:9px;border:1px solid var(--ep22-border);border-radius:999px;background:#fff;padding:10px 15px;font-size:12px;font-weight:750;color:#44536b;cursor:pointer}
.ep22-tabs button span{background:#eef2f8;border-radius:99px;min-width:22px;text-align:center;padding:2px 5px;font-size:11px;color:#58677a}
.ep22-tabs button.is-active{background:#ff6841;border-color:#ff6841;color:#fff}
.ep22-tabs button.is-active span{background:#ffffff35;color:#fff}
.ep22-selects{display:flex;flex-wrap:wrap;gap:8px}
.ep22-selects label{display:flex;align-items:center;gap:6px;color:#728198;font-size:12px;font-weight:700}
.ep22-selects select{height:36px;border-radius:9px;border:1px solid var(--ep22-border);padding:0 8px;background:#fff;color:#24334b;font-size:12px;max-width:140px}
.ep22-board-scroll{overflow-x:auto;overflow-y:visible;max-width:100%;padding:2px 1px 18px;scrollbar-color:#bbc9d8 transparent;scrollbar-width:thin}
.ep22-board{display:grid;grid-template-columns:repeat(var(--ep22-columns),minmax(246px,1fr));gap:12px;min-width:max-content;align-items:stretch}
.ep22-lane{border-radius:14px;background:#f2f5fa;border:1px solid #dfe6f0;min-width:246px;width:min(280px,23vw);overflow:hidden;display:flex;flex-direction:column;min-height:300px}
.ep22-lane-head{display:flex;align-items:center;justify-content:space-between;padding:13px 13px 12px;border-top:4px solid var(--ep22-lane-color);background:#fff;gap:8px;border-bottom:1px solid #e2e9f3}
.ep22-lane-head>div{display:flex;align-items:center;gap:7px;min-width:0}
.ep22-lane-head h2{font-size:12px;color:#233249;font-weight:850;margin:0!important;white-space:nowrap}
.ep22-lane-dot{height:9px;width:9px;background:var(--ep22-lane-color);border-radius:50%;flex-shrink:0}
.ep22-lane-count{font-size:12px;min-width:23px;padding:3px 6px;text-align:center;border-radius:99px;font-weight:800;background:color-mix(in srgb,var(--ep22-lane-color) 20%,white);color:#34415d}
.ep22-lane-list{padding:10px;display:grid;gap:10px;align-content:start;flex:1;max-height:calc(100vh - 325px);overflow-y:auto}
.ep22-empty{min-height:124px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:10px;color:#97a3b5;font-size:12px;text-align:center}
.ep22-empty svg{opacity:.6}
.ep22-card{background:#fff;border:1px solid #e0e6ef;border-radius:12px;padding:13px;box-shadow:0 3px 9px #1c293507;display:grid;gap:10px;min-width:0}
.ep22-card-new{border-color:#fc7a52;box-shadow:0 0 0 2px #ff805a20,0 3px 12px #d2532f12}
.ep22-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:7px}
.ep22-card-head strong{display:block;font-size:14px;color:#17253b}
.ep22-card-head small{display:block;font-size:11px;margin-top:4px;color:#8090a5}
.ep22-status{font-size:10px;font-weight:800;border-radius:7px;padding:5px 7px;background:#eff1fb;color:#475a7a;text-align:center;white-space:nowrap}
.ep22-status-pending{background:#f5eafe;color:#904cbc}.ep22-status-accepted,.ep22-status-preparing{background:#e3f7f0;color:#117c63}.ep22-status-ready{background:#fff0ce;color:#9e650c}.ep22-status-delivering{background:#fff7dc;color:#836019}.ep22-status-completed{background:#e8eeff;color:#4354c5}.ep22-status-cancelled{background:#ffe9e9;color:#c04752}
.ep22-new-ribbon{font-size:10px;font-weight:800;color:#c64d2d;background:#fff0e9;padding:5px 8px;border-radius:7px;width:max-content}
.ep22-person{display:flex;align-items:center;gap:7px;border-top:1px solid #edf1f6;padding-top:10px;font-size:13px;color:#2e3c50;min-width:0}
.ep22-person strong{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ep22-card-items{display:grid;gap:4px;font-size:12px;line-height:1.4;color:#596a80}
.ep22-item{display:flex;gap:6px;min-width:0}.ep22-item b{color:#324a6a}.ep22-item span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ep22-more-items{font-size:10px;color:#6a819a}.ep22-no-items{color:#97a4b5}
.ep22-card-meta{display:grid;gap:5px;padding:7px 0;border-top:1px solid #edf1f6;border-bottom:1px solid #edf1f6;font-size:11px;color:#77859a}
.ep22-card-meta span{display:flex;align-items:center;gap:6px}
.ep22-card-total{display:flex;justify-content:space-between;align-items:center;color:#8290a4;font-size:11px}
.ep22-card-total strong{color:#142138;font-size:17px;font-weight:900}
.ep22-details{border:0;color:#ba4c2c;background:transparent;padding:4px 0;display:flex;align-items:center;gap:4px;font-weight:850;font-size:11px;cursor:pointer}
.ep22-primary{border:0;border-radius:9px;min-height:37px;width:100%;background:#233248;color:white;display:flex;justify-content:center;align-items:center;gap:7px;cursor:pointer;font-size:12px;font-weight:750}
.ep22-primary:disabled{opacity:.55;cursor:wait}
.ep22-card-footer{display:flex;align-items:center;gap:5px;flex-wrap:wrap}
.ep22-whatsapp{flex:1;border:1px solid #addfc8;border-radius:9px;background:#f2fff7;color:#137a50;min-height:34px;padding:6px 7px;display:flex;align-items:center;justify-content:center;gap:5px;font-size:11px;font-weight:850;cursor:pointer;white-space:nowrap}
.ep22-cancel{border:none;background:transparent;color:#b44648;padding:6px;font-size:10px;font-weight:700;cursor:pointer}
.ep22-cancel:disabled{opacity:.45;cursor:wait}
.ep22-board-footer{display:flex;justify-content:space-between;flex-wrap:wrap;gap:8px 18px;padding:13px 2px;color:#8995a5;font-size:11px}
.ep22-board-footer>span{display:flex;align-items:center;gap:5px}
.ep22-board-footer kbd{background:#e9eef6;padding:2px 5px;border-radius:4px;font-size:10px;font-weight:700;color:#43546a;border:1px solid #d2dbe9}
.ep22-orders button:focus-visible,.ep22-orders a:focus-visible,.ep22-orders input:focus-visible,.ep22-orders select:focus-visible{outline:3px solid #ff9679!important;outline-offset:2px}
:root[data-theme='dark'] .ep22-orders{--ep22-ink:#e5edf8;--ep22-border:#3b4e65;color:#e5edf8}
:root[data-theme='dark'] .ep22-page-header h1,:root[data-theme='dark'] .ep22-card-head strong,:root[data-theme='dark'] .ep22-card-total strong,:root[data-theme='dark'] .ep22-lane-head h2{color:#e5edf8}
:root[data-theme='dark'] .ep22-lane,:root[data-theme='dark'] .ep22-topline{background:#1e2938;border-color:#425168;color:#b3dbcb}
:root[data-theme='dark'] .ep22-card,:root[data-theme='dark'] .ep22-lane-head,:root[data-theme='dark'] .ep22-refresh,:root[data-theme='dark'] .ep22-order-search label,:root[data-theme='dark'] .ep22-order-search button,:root[data-theme='dark'] .ep22-tabs button:not(.is-active),:root[data-theme='dark'] .ep22-tool-button,:root[data-theme='dark'] .ep22-selects select{background:#273447;color:#d6e5f5;border-color:#435168}
:root[data-theme='dark'] .ep22-person,:root[data-theme='dark'] .ep22-order-search input{color:#e5edf8}
@media(max-width:900px){.ep22-page-header{align-items:flex-start;flex-wrap:wrap}.ep22-toolbar{flex-wrap:wrap}.ep22-board{grid-template-columns:repeat(var(--ep22-columns),minmax(245px,1fr))}.ep22-lane{width:265px}.ep22-lane-list{max-height:none}.ep22-board-footer>span:last-child{display:none}}
@media(max-width:600px){.ep22-page-header h1{font-size:25px}.ep22-topline{justify-content:flex-start}.ep22-updated{display:none!important}.ep22-toolbar-primary{flex-basis:100%}.ep22-toolbar-toggles{width:100%}.ep22-tool-button{flex:1;justify-content:center}.ep22-tabs{flex-wrap:nowrap;max-width:100%;overflow-x:auto;padding-bottom:4px}.ep22-tabs button{padding:8px 10px}.ep22-lane{width:272px}}
