/* Clear, independently scrollable operation and checkout panels. */
@media screen {
html[data-imos-theme] body #screen#screen .tables-layout{grid-template-columns:minmax(0,1fr) 384px!important}
html[data-imos-theme] body #screen#screen .tables-layout .order-right,
html[data-imos-theme] body #screen#screen .order-right{width:384px!important}
html[data-imos-theme] body #screen#screen .right-actions.ot-dock{
 display:grid!important;grid-template-columns:minmax(0,1fr)!important;
 grid-template-rows:minmax(92px,var(--dock-top-size,46fr)) 56px minmax(92px,var(--dock-bottom-size,54fr))!important;
 gap:0!important;height:100%!important;min-height:0!important;overflow:visible!important;
 position:relative;isolation:isolate;transition:grid-template-rows .28s cubic-bezier(.22,.8,.26,1)!important;
 touch-action:none!important;user-select:none!important;-webkit-user-select:none!important;-webkit-touch-callout:none;
}
html[data-imos-theme] body #screen#screen .ot-dock *{touch-action:none!important}
html[data-imos-theme] body #screen#screen .ot-dock .im542-bottom-bar *{touch-action:manipulation!important}
html[data-imos-theme] body #screen#screen .ot-dock .im542-pop,
html[data-imos-theme] body #screen#screen .ot-dock .im542-pop *{touch-action:pan-y!important}
html[data-imos-theme] body #screen#screen .ot-dock.is-resizing{transition:none!important;user-select:none!important}
html[data-imos-theme] body #screen#screen .ot-dock-card{
 display:flex;flex-direction:column;min-height:0;min-width:0;position:relative;z-index:1;
 background:#fff!important;border:1.5px solid #edbd98!important;border-radius:15px!important;overflow:hidden;
 box-shadow:0 3px 15px #b85c1d09!important;touch-action:none;overscroll-behavior:contain;
}
html[data-imos-theme] body #screen#screen .ot-dock-payments{border-color:#e7854e!important;box-shadow:0 4px 18px #d66b2320!important}
html[data-imos-theme] body #screen#screen .ot-dock-payments:has(.im542-pop){z-index:35;overflow:visible}
html[data-imos-theme] body #screen#screen .ot-dock-head{
 display:flex;align-items:center;gap:12px;padding:12px;min-height:90px;height:90px;width:100%;flex-shrink:0;
 border:0;border-bottom:1.5px solid #e9bc99;border-radius:13px 13px 0 0;background:linear-gradient(105deg,#fff1e4,#fff9f3);color:#a4491c;
 text-align:left;cursor:pointer;touch-action:none;box-shadow:inset 0 1px 0 #fff,0 2px 0 #e9b98d25;transition:filter .14s,box-shadow .14s;
}
html[data-imos-theme] body #screen#screen .ot-dock-payments .ot-dock-head{
 color:#fff;background:linear-gradient(110deg,#e97631,#d75b24);border-bottom-color:#d45e27;
}
html[data-imos-theme] body #screen#screen .ot-dock-number{
 width:31px;height:34px;display:grid;place-items:center;border:1px solid #efc5a7;
 border-radius:9px;background:#fff;color:#cf5a23;flex-shrink:0;font-size:12px;font-weight:800;
}
html[data-imos-theme] body #screen#screen .ot-dock-payments .ot-dock-number{background:#ffffff20;border-color:#ffffff55;color:white}
html[data-imos-theme] body #screen#screen .ot-dock-heading{flex:1;min-width:0;display:flex;flex-direction:column;gap:4px}
html[data-imos-theme] body #screen#screen .ot-dock-heading strong{margin:0;font-size:22px;line-height:1.15;font-weight:850;letter-spacing:0;color:inherit}
html[data-imos-theme] body #screen#screen .ot-dock-heading small{font-size:15px;line-height:1.3;font-weight:700;color:#a46a42;white-space:nowrap}
html[data-imos-theme] body #screen#screen .ot-dock-payments .ot-dock-heading small{color:#ffeadc}
html[data-imos-theme] body #screen#screen .ot-dock-direction{
 display:inline-flex;align-items:center;justify-content:center;gap:4px;height:64px;min-height:64px;min-width:64px;
 border:1.5px solid #e4ac80!important;border-radius:13px!important;background:#fff!important;
 padding:0 9px!important;color:#b75222!important;box-shadow:0 3px 0 #e7bb9a!important;flex-shrink:0;pointer-events:none;
}
html[data-imos-theme] body #screen#screen .ot-dock-payments .ot-dock-direction{color:white!important;background:#ffffff20!important;border-color:#ffffff66!important;box-shadow:0 3px 0 #a7401c55!important}
html[data-imos-theme] body #screen#screen .ot-dock-direction svg{width:32px;height:32px;stroke-width:2.3}
html[data-imos-theme] body #screen#screen .ot-dock-head:focus-visible{outline:3px solid #f6a868;outline-offset:-4px}
html[data-imos-theme] body #screen#screen .ot-dock-head:active{filter:brightness(.97);box-shadow:inset 0 3px 8px #b35b1920}
html[data-imos-theme] body #screen#screen .ot-dock-ops-scroll{
 display:grid;grid-template-columns:minmax(0,1fr);gap:9px;align-content:start;
 min-height:0;flex:1;overflow:auto;overscroll-behavior:contain;
 padding:12px 10px 8px;scrollbar-gutter:stable;touch-action:none;
}
html[data-imos-theme] body #screen#screen .ot-dock-ops-scroll>.action-block{
 display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:9px!important;
 background:none!important;border:0!important;border-radius:0!important;box-shadow:none!important;padding:0!important;
}
html[data-imos-theme] body #screen#screen .ot-dock .action-btn{
 height:76px!important;min-height:76px!important;padding:10px 7px!important;gap:8px!important;
 background:#fffaf6!important;border:1.5px solid #e6b995!important;border-radius:11px!important;box-shadow:0 2px 0 #ecd1bd!important;
 font-size:20px!important;font-weight:800!important;color:#9c542c!important;touch-action:none;
 transition:background .16s,border-color .16s,height .28s cubic-bezier(.22,.8,.26,1)!important;
}
html[data-imos-theme] body #screen#screen .ot-dock .action-btn .ai{color:#b9642b!important;width:26px!important;height:26px!important;flex:0 0 26px!important;margin:0!important}
html[data-imos-theme] body #screen#screen .ot-dock .action-btn .ai svg{width:26px!important;height:26px!important;stroke-width:2!important}
html[data-imos-theme] body #screen#screen .ot-dock .action-btn[data-act=startOrder]{background:#fff0e3!important;border-color:#efa46e!important;color:#bd4d16!important}
html[data-imos-theme] body #screen#screen .ot-dock[data-dock-mode=operations] .action-btn{font-size:20px!important}
html[data-imos-theme] body #screen#screen .ot-dock-note{
 flex-shrink:0;display:flex;align-items:center;justify-content:center;gap:5px;min-height:26px;
 padding:3px 9px 6px;color:#a87751;font-size:12px;font-weight:650;text-align:center;
}
html[data-imos-theme] body #screen#screen .ot-dock-note svg{width:12px;height:12px;stroke-width:1.8}
html[data-imos-theme] body #screen#screen .ot-dock .im538-cashier{
 margin:0!important;padding:11px 10px 10px!important;flex:1 1 0!important;height:auto!important;min-height:0!important;
 border:0!important;border-radius:0 0 13px 13px!important;background:#fff!important;box-shadow:none!important;overflow:visible!important;
}
html[data-imos-theme] body #screen#screen .ot-dock .im538-cashier::before{display:none!important}
html[data-imos-theme] body #screen#screen .ot-dock .im538-cashier>.im538-method-grid{
 flex:1 1 0!important;min-height:0!important;overflow:auto!important;overscroll-behavior:contain;scrollbar-gutter:stable;
 grid-template-columns:repeat(2,minmax(0,1fr))!important;
 grid-template-rows:repeat(var(--im542-rows,4),minmax(96px,1fr))!important;
 gap:9px!important;margin:0 0 10px!important;padding:0 2px 1px 0!important;touch-action:none;
}
html[data-imos-theme] body #screen#screen .ot-dock .im538-cashier>.im538-method-grid>.im538-method{
 min-height:96px!important;padding:9px 6px!important;font-size:19px!important;font-weight:800!important;gap:8px!important;touch-action:none;
}
html[data-imos-theme] body #screen#screen .ot-dock[data-dock-mode=payments] .im538-cashier>.im538-method-grid{
 grid-template-rows:repeat(var(--im542-rows,4),minmax(96px,1fr))!important;
}
html[data-imos-theme] body #screen#screen .ot-dock[data-dock-mode=payments] .im538-method{font-size:19px!important}
html[data-imos-theme] body #screen#screen .ot-dock .im-design-payment-icon,
html[data-imos-theme] body #screen#screen .ot-dock .im-design-payment-icon svg{width:32px!important;height:32px!important}
html[data-imos-theme] body #screen#screen .ot-dock .im542-bottom-bar{flex-shrink:0!important;padding-top:9px!important;gap:7px!important;margin-top:0!important}
html[data-imos-theme] body #screen#screen .ot-dock .im542-bottom-btn{min-height:68px!important;height:68px!important;font-size:16px!important;font-weight:750!important;touch-action:manipulation}
html[data-imos-theme] body #screen#screen .ot-dock .im542-pop{z-index:45!important;max-height:370px!important;touch-action:pan-y}
html[data-imos-theme] body #screen#screen .ot-dock .im542-pop button{touch-action:pan-y}
html[data-imos-theme] body #screen#screen .ot-dock-divider{
 display:flex;align-items:center;justify-content:center;gap:14px;min-height:56px;
 position:relative;z-index:2;touch-action:none;cursor:ns-resize;color:#b47042;
 outline:none;border-radius:6px;user-select:none;
}
html[data-imos-theme] body #screen#screen .ot-dock-divider::before,
html[data-imos-theme] body #screen#screen .ot-dock-divider::after{content:'';height:1px;background:#e9b992;flex:1}
html[data-imos-theme] body #screen#screen .ot-dock-divider .ot-dock-grip{display:flex;align-items:center;justify-content:center;gap:10px;width:112px;height:36px;pointer-events:none;border:1px solid #edbf9a;border-radius:18px;background:#fff7f0;box-shadow:0 2px 5px #b75c1610;transition:background .16s,box-shadow .16s}
html[data-imos-theme] body #screen#screen .ot-dock-divider svg{width:24px;height:26px;stroke-width:1.9;pointer-events:none}
html[data-imos-theme] body #screen#screen .ot-dock-divider i{width:30px;height:5px;border-radius:4px;background:#d6915e;box-shadow:0 7px 0 #e9bd9b;transform:translateY(-3px)}
html[data-imos-theme] body #screen#screen .ot-dock-divider:focus-visible{outline:2px solid #e97631;outline-offset:1px;background:#fff0e3}
html[data-imos-theme] body #screen#screen .ot-dock.is-resizing .ot-dock-divider{color:#ba4b13}
html[data-imos-theme] body #screen#screen .ot-dock.is-resizing .ot-dock-grip{background:#ffe5ce;box-shadow:0 0 0 4px #e8883230}
html[data-imos-theme] body #screen#screen .ot-dock.is-resizing button{cursor:ns-resize!important}
html[data-imos-theme] body #screen#screen .ot-dock[data-dock-mode=operations] .ot-dock-payments .im538-cashier,
html[data-imos-theme] body #screen#screen .ot-dock[data-dock-mode=payments] .ot-dock-ops-scroll,
html[data-imos-theme] body #screen#screen .ot-dock[data-dock-mode=payments] .ot-dock-note{display:none!important}
html[data-imos-theme] body #screen#screen .ot-dock[data-dock-mode=operations] .ot-dock-ops-scroll,
html[data-imos-theme] body #screen#screen .ot-dock[data-dock-mode=payments] .im538-method-grid{animation:imosDockReveal .24s cubic-bezier(.22,.8,.26,1)}
@keyframes imosDockReveal{from{opacity:.35;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}
@media(prefers-reduced-motion:reduce){
 html[data-imos-theme] body #screen#screen .ot-dock,html[data-imos-theme] body #screen#screen .ot-dock .action-btn{transition:none!important}
 html[data-imos-theme] body #screen#screen .ot-dock .ot-dock-ops-scroll,html[data-imos-theme] body #screen#screen .ot-dock .im538-method-grid{animation:none!important}
}
}