/* Shared split presentation for the definitive Staff page and its beta alias. */
body.hk-staff-split-beta {
 --hk-pane-width:20vw;
 --hk-pane-bg:#c6d8ed;
 --hk-pane-surface:#e5edf7;
 --hk-pane-edge:#9db5d2;
 --hk-pane-text:#203650;
 --hk-pane-muted:#405b7b;
 --hk-pane-button:#d9e5f3;
 --hk-pane-active:#3b6599;
 --hk-pane-active-text:#ffffff;
 --hk-split-left:0px;
 --hk-split-duration:.7s;
 --hk-split-ease:cubic-bezier(.25,.1866666667,.75,1);
 padding-left:calc(10px + var(--hk-split-left));
 /* Final geometry is laid out once; only visible small nodes animate. */
}
body.hk-staff-split-beta.hk-takeaway-split-open {--hk-split-left:var(--hk-pane-width);}
body.hk-staff-split-beta::before {
 content:'';position:fixed;left:0;top:0;bottom:0;width:var(--hk-pane-width);
 background:var(--hk-pane-bg);pointer-events:none;z-index:1000;
 border-radius:26px;
 transform:translateX(-105%);transition:transform var(--hk-split-duration) var(--hk-split-ease);
}
body.hk-staff-split-beta.hk-takeaway-split-open::before {transform:none;}
body.hk-staff-split-beta .modal-overlay,
body.hk-staff-split-beta .hk-beta-wide-overlay {
 left:var(--hk-split-left)!important;right:0!important;
 width:calc(100% - var(--hk-split-left))!important;
 max-width:calc(100% - var(--hk-split-left))!important;
 box-sizing:border-box;
 transition:none;
}
body.hk-staff-split-beta .staff-dock-beta2,
body.hk-staff-split-beta .top-bar.staff-more-sheet-beta2 {
 left:calc(50% + var(--hk-split-left)/2);
 max-width:calc(100vw - var(--hk-split-left) - 18px);
 transition:opacity .18s ease,transform .18s ease,visibility .18s ease;
}
body.hk-staff-split-beta #ritiriCassaPanel {
 display:flex!important;left:7px!important;right:auto!important;top:8px!important;bottom:8px!important;
 width:calc(var(--hk-pane-width) - 14px)!important;max-width:none!important;height:auto!important;max-height:none!important;
 border:1px solid var(--hk-pane-edge);border-radius:26px!important;background:var(--hk-pane-bg);box-sizing:border-box;
 box-shadow:0 4px 18px #20324812;z-index:1100;
 transform:translateX(calc(-100% - 18px));opacity:0;visibility:hidden;pointer-events:none;
 transition:transform var(--hk-split-duration) var(--hk-split-ease),opacity .3s ease,visibility 0s linear var(--hk-split-duration);
}
body.hk-staff-split-beta.hk-takeaway-split-open #ritiriCassaPanel {
 transform:translateX(0);opacity:1;visibility:visible;pointer-events:auto;
 transition:transform var(--hk-split-duration) var(--hk-split-ease),opacity .4s ease .08s,visibility 0s;
}
body.hk-staff-split-beta #ritiriCassaPanel .ritiri-head {
 padding:13px 10px 10px;gap:5px;background:var(--hk-pane-bg);color:var(--hk-pane-text);cursor:default;touch-action:pan-y;flex-wrap:wrap;
}
body.hk-staff-split-beta #ritiriCassaPanel .ritiri-title {font-size:clamp(.82rem,1.25vw,1.1rem);font-weight:800;letter-spacing:-.025em;}
body.hk-staff-split-beta #ritiriCassaPanel .ritiri-close {
 min-height:34px;padding:7px 9px;border-radius:14px;background:var(--hk-pane-button);color:var(--hk-pane-text);font-weight:750;
}
body.hk-staff-split-beta #ritiriCassaPanel .ritiri-tabs {padding:4px 7px 9px;gap:4px;background:var(--hk-pane-bg);border:0;}
body.hk-staff-split-beta #ritiriCassaPanel .ritiri-tab {
 min-height:39px;border:1px solid var(--hk-pane-edge);background:var(--hk-pane-surface);color:var(--hk-pane-muted);
 border-radius:15px;font-size:clamp(.65rem,1.1vw,.85rem);font-weight:750;
}
body.hk-staff-split-beta #ritiriCassaPanel .ritiri-tab.active {background:var(--hk-pane-active);border-color:var(--hk-pane-active);color:var(--hk-pane-active-text);box-shadow:0 2px 7px #2032480d;}
body.hk-staff-split-beta #ritiriCassaPanel .ritiri-list {
 flex:1;min-height:0;overflow-y:auto;overflow-x:hidden;padding:2px 7px 10px;
 background:var(--hk-pane-bg);overscroll-behavior:contain;-webkit-overflow-scrolling:touch;touch-action:pan-y;
}
body.hk-staff-split-beta #ritiriCassaPanel .ritiri-card {
 margin:0 0 9px;padding:10px 8px;border-radius:18px;box-sizing:border-box;
 box-shadow:0 2px 7px #20324809;overflow-wrap:anywhere;min-width:0;
}
body.hk-staff-split-beta #ritiriCassaPanel .tk-heading,
body.hk-staff-split-beta #ritiriCassaPanel .tk-info,
body.hk-staff-split-beta #ritiriCassaPanel .tk-contact {display:flex;flex-direction:column;align-items:stretch;gap:5px;min-width:0;}
body.hk-staff-split-beta #ritiriCassaPanel .tk-customer {white-space:normal;overflow-wrap:anywhere;font-size:clamp(.75rem,1.1vw,.92rem);line-height:1.3;}
body.hk-staff-split-beta #ritiriCassaPanel .tk-price {display:flex;align-items:baseline;justify-content:space-between;gap:4px;text-align:left;}
body.hk-staff-split-beta #ritiriCassaPanel .tk-method {font-size:.66rem;white-space:normal;}
body.hk-staff-split-beta #ritiriCassaPanel .tk-amount {font-size:clamp(.9rem,1.3vw,1.1rem);white-space:nowrap;}
body.hk-staff-split-beta #ritiriCassaPanel .tk-time,
body.hk-staff-split-beta #ritiriCassaPanel .tk-phone,
body.hk-staff-split-beta #ritiriCassaPanel .tk-city,
body.hk-staff-split-beta #ritiriCassaPanel .tk-rider {font-size:clamp(.65rem,1vw,.8rem);white-space:normal;line-height:1.35;max-width:100%;}
body.hk-staff-split-beta #ritiriCassaPanel .tk-time small {display:block;}
body.hk-staff-split-beta #ritiriCassaPanel .tk-payment {text-align:left;}
body.hk-staff-split-beta #ritiriCassaPanel .tk-phone {display:inline-flex;min-height:30px;align-items:center;}
body.hk-staff-split-beta #ritiriCassaPanel .tk-rider-side {align-items:flex-start;}
body.hk-staff-split-beta #ritiriCassaPanel .tk-live {min-height:39px;max-width:100%;font-size:.74rem;}
body.hk-staff-split-beta #ritiriCassaPanel .ritiri-actions {display:grid;grid-auto-flow:row;grid-template-columns:repeat(2,minmax(0,1fr));gap:5px;margin-top:9px;}
body.hk-staff-split-beta #ritiriCassaPanel .ritiri-actions button {height:auto;min-height:41px;padding:7px 3px;font-size:clamp(.59rem,.9vw,.75rem);line-height:1.18;word-break:normal;}
body.hk-staff-split-beta #ritiriCassaPanel .ritiri-detail {max-width:100%;overflow-x:auto;font-size:.74rem;}
body.hk-staff-split-beta #ritiriCassaPanel .ritiri-detail table {width:100%;font-size:.7rem;}
#hkSplitTakeawayReopen {
 position:fixed;left:16px;bottom:12px;z-index:1185;min-height:44px;padding:10px 15px;
 border:1px solid #b8cbdf;border-radius:13px;background:#f1f6fc;color:#24557e;box-shadow:0 3px 12px #20324816;font:750 14px system-ui;
}
#hkSplitTakeawayReopen[hidden] {display:none!important;}
html[data-staff-theme=dark] body.hk-staff-split-beta::before {background:var(--hk-pane-bg);}
html[data-staff-theme=dark] body.hk-staff-split-beta #ritiriCassaPanel,
html[data-staff-theme=dark] body.hk-staff-split-beta #ritiriCassaPanel .ritiri-head,
html[data-staff-theme=dark] body.hk-staff-split-beta #ritiriCassaPanel .ritiri-tabs,
html[data-staff-theme=dark] body.hk-staff-split-beta #ritiriCassaPanel .ritiri-list {background:var(--hk-pane-bg);color:var(--hk-pane-text);border-color:var(--hk-pane-edge);}
html[data-staff-theme=dark] body.hk-staff-split-beta #ritiriCassaPanel .ritiri-close {background:var(--hk-pane-button);color:var(--hk-pane-text);}
@media (max-width:1000px) and (min-width:641px) {
 body.hk-staff-split-beta.hk-takeaway-split-open .table-workspace-beta .modal-header {padding-left:9px;padding-right:9px;gap:5px;flex-wrap:wrap;}
 body.hk-staff-split-beta.hk-takeaway-split-open .table-workspace-beta .header-left-group {min-width:0;}
 body.hk-staff-split-beta.hk-takeaway-split-open .table-workspace-beta .header-right-group {margin-left:auto;}
 body.hk-staff-split-beta.hk-takeaway-split-open .table-workspace-beta .modal-footer {flex-wrap:wrap;}
}
@media (max-width:640px) {
 body.hk-staff-split-beta.hk-takeaway-split-open {--hk-split-left:0px;}
 body.hk-staff-split-beta::before {display:none;}
 body.hk-staff-split-beta #ritiriCassaPanel {width:calc(100vw - 16px)!important;left:8px!important;z-index:4700;}
 body.hk-staff-split-beta #ritiriCassaPanel .ritiri-title {font-size:1.1rem;}
 body.hk-staff-split-beta #ritiriCassaPanel .tk-customer {font-size:1rem;}
 body.hk-staff-split-beta #ritiriCassaPanel .ritiri-actions button {font-size:.8rem;}
}
@media (prefers-reduced-motion:reduce) {
 body.hk-staff-split-beta {--hk-split-duration:.01s;}
 body.hk-staff-split-beta #ritiriCassaPanel {transition-duration:.01s;transition-delay:0s;}
}

/* Chat and Take Away share one left pane; the original chat/frame nodes stay
   mounted when switching back to Take Away through the chat's own minimize. */
#hkSplitPaneTabs {
 position:fixed;left:7px;top:8px;width:calc(var(--hk-pane-width) - 14px);height:42px;z-index:1120;
 display:flex;gap:4px;padding:4px;box-sizing:border-box;border:1px solid var(--hk-pane-edge);
 border-radius:20px;background:var(--hk-pane-bg);
 transform:translateX(calc(-100% - 18px));opacity:0;visibility:hidden;pointer-events:none;
 transition:transform var(--hk-split-duration) var(--hk-split-ease),opacity .3s ease,visibility 0s linear var(--hk-split-duration);
}
body.hk-staff-split-beta.hk-takeaway-split-open #hkSplitPaneTabs {
 transform:translateX(0);opacity:1;visibility:visible;pointer-events:auto;
 transition:transform var(--hk-split-duration) var(--hk-split-ease),opacity .4s ease .08s,visibility 0s;
}
#hkSplitPaneTabs button {
 flex:1;min-width:0;border:0;border-radius:16px;background:transparent;color:var(--hk-pane-muted);
 font:750 clamp(.7rem,1.1vw,.87rem)/1.1 system-ui;padding:4px;
}
#hkSplitPaneTabs button[hidden] {display:none;}
#hkSplitPaneTabs button.active {background:var(--hk-pane-active);color:var(--hk-pane-active-text);box-shadow:0 2px 5px #20324814;}
#hkSplitPaneTabs button:active {transform:scale(.96);}
body.hk-staff-split-beta.hk-takeaway-split-open #hkSplitPaneTabs button.has-unread {
 color:#fff;animation:hkSplitChatUnread 1.1s ease-in-out infinite;
}
@keyframes hkSplitChatUnread {
 0%,100% {background:#166b40;box-shadow:0 0 0 0 #22c55e00;}
 50% {background:#23854e;box-shadow:0 0 0 3px #22c55e38;}
}
body.hk-staff-split-beta #ritiriCassaPanel {top:58px!important;}
body.hk-staff-split-beta.hk-split-chat-active #ritiriCassaPanel {
 transform:translateX(calc(-100% - 18px));opacity:0;visibility:hidden;pointer-events:none;
}
body.hk-staff-split-beta #whatsappStaffPanel {
 position:fixed;left:7px!important;right:auto!important;top:58px!important;bottom:8px!important;
 width:calc(var(--hk-pane-width) - 14px)!important;max-width:none!important;min-width:0!important;
 height:auto!important;max-height:none!important;min-height:0!important;
 display:grid!important;grid-template-rows:auto auto minmax(0,1fr);box-sizing:border-box;
 border:1px solid var(--hk-pane-edge);border-radius:26px!important;background:var(--hk-pane-bg);box-shadow:0 4px 18px #20324812;z-index:1100;
 transform:translateX(calc(-100% - 18px));opacity:0;visibility:hidden;pointer-events:none;
 transition:transform var(--hk-split-duration) var(--hk-split-ease),opacity .3s ease,visibility 0s linear var(--hk-split-duration);
}
body.hk-staff-split-beta.hk-split-chat-active #whatsappStaffPanel {
 transform:translateX(0);opacity:1;visibility:visible;pointer-events:auto;
 transition:transform var(--hk-split-duration) var(--hk-split-ease),opacity .4s ease .08s,visibility 0s;
}
body.hk-staff-split-beta #whatsappStaffPanel .whatsapp-staff-panel-drag {
 min-height:41px;padding:4px 7px;box-sizing:border-box;justify-content:space-between;gap:4px;
 background:var(--hk-pane-surface);color:var(--hk-pane-text);border-color:var(--hk-pane-edge);touch-action:pan-y;cursor:default;
}
body.hk-staff-split-beta #whatsappStaffPanel .whatsapp-staff-panel-drag::before {display:none;}
body.hk-staff-split-beta #whatsappStaffPanel .whatsapp-staff-panel-drag-label {font-size:.55rem;letter-spacing:.01em;}
body.hk-staff-split-beta #whatsappStaffPanel .whatsapp-staff-ai-toggle,
body.hk-staff-split-beta #whatsappStaffPanel .whatsapp-staff-sound-toggle {
 position:static;min-width:0;height:32px;padding:0 6px;font-size:.59rem;flex-shrink:0;
}
body.hk-staff-split-beta #whatsappStaffPanel .whatsapp-staff-panel-head {
 display:flex;flex-direction:column-reverse;align-items:stretch;gap:6px;padding:7px;
 background:var(--hk-pane-bg);color:var(--hk-pane-text);
}
body.hk-staff-split-beta #whatsappStaffPanel .whatsapp-staff-panel-actions {justify-content:flex-end;}
body.hk-staff-split-beta #whatsappStaffPanel .whatsapp-staff-panel-action {background:var(--hk-pane-button);color:var(--hk-pane-text);border-radius:10px;}
body.hk-staff-split-beta #whatsappStaffPanel .whatsapp-staff-panel-tabs {width:100%;}
body.hk-staff-split-beta #whatsappStaffPanel .whatsapp-staff-panel-tab {background:var(--hk-pane-surface);border-color:var(--hk-pane-edge);color:var(--hk-pane-muted);font-size:.62rem;height:37px;}
body.hk-staff-split-beta #whatsappStaffPanel .whatsapp-staff-panel-tab.active {background:var(--hk-pane-active);border-color:var(--hk-pane-active);color:var(--hk-pane-active-text);}
body.hk-staff-split-beta #whatsappStaffPanel .whatsapp-staff-panel-status {font-size:.85rem;padding:12px;background:var(--hk-pane-bg);color:var(--hk-pane-muted);}
body.hk-staff-split-beta #whatsappStaffPanel .whatsapp-staff-table-panel .message-chat-new-row {
 grid-template-columns:minmax(0,1fr) 62px!important;
}
body.hk-staff-split-beta #whatsappStaffPanel .message-chat-new-row select {grid-column:1/-1;width:100%;}
body.hk-staff-split-beta #whatsappStaffPanel .message-chat-layout {display:flex;flex-direction:column;gap:6px;}
body.hk-staff-split-beta #whatsappStaffPanel .message-chat-list {flex:0 1 auto;max-height:25%;min-height:44px;overflow:auto;}
body.hk-staff-split-beta #whatsappStaffPanel .message-chat-thread {flex:1;min-height:0;}
body.hk-staff-split-beta #whatsappStaffPanel .message-chat-thread-head {flex-wrap:wrap;}
#hkSplitChatReopen {
 position:fixed;left:16px;bottom:12px;z-index:1185;min-height:44px;padding:10px 15px;
 border:1px solid #b8cbdf;border-radius:13px;background:#f1f6fc;color:#24557e;
 box-shadow:0 3px 12px #20324816;font:750 14px system-ui;
}
#hkSplitChatReopen.after-takeaway {left:158px;}
#hkSplitChatReopen[hidden] {display:none!important;}
#hkSplitDivider {
 position:fixed;left:calc(var(--hk-pane-width) - 11px);top:8px;bottom:8px;width:22px;z-index:4750;transform:translateX(calc(-1 * var(--hk-pane-width)));
 cursor:col-resize;touch-action:none;user-select:none;-webkit-user-select:none;
 opacity:0;visibility:hidden;pointer-events:none;
 transition:transform var(--hk-split-duration) var(--hk-split-ease),opacity .25s ease,visibility 0s linear var(--hk-split-duration);
}
#hkSplitDivider::before {content:none;position:absolute;top:0;bottom:0;left:10px;width:2px;border-radius:2px;background:#b5c4d480;}
#hkSplitDivider::after {content:'';position:absolute;top:calc(50% - 30px);left:6px;width:10px;height:60px;border:1px solid var(--hk-pane-edge);border-radius:8px;box-sizing:border-box;background:var(--hk-pane-button);box-shadow:0 2px 6px #20324818;}
body.hk-staff-split-beta.hk-takeaway-split-open #hkSplitDivider {transform:translateX(0);opacity:1;visibility:visible;pointer-events:auto;transition-delay:0s;}
body.hk-staff-split-beta.hk-takeaway-split-open #ritiriCassaButton {display:none!important;}
body.hk-staff-split-beta.hk-split-main-moving #modalOverlay .modal-footer,
body.hk-staff-split-beta.hk-split-main-moving #cashmaticManualModal {backdrop-filter:none!important;-webkit-backdrop-filter:none!important;}
#hkSplitDivider:focus-visible::after,
#hkSplitDivider:hover::after {background:#b3cbe6;border-color:#7199c5;}
body.hk-split-resizing {cursor:col-resize;user-select:none;-webkit-user-select:none;}
body.hk-staff-split-beta.hk-split-resizing,
body.hk-staff-split-beta.hk-split-resizing .modal-overlay,
body.hk-staff-split-beta.hk-split-resizing .hk-beta-wide-overlay,
body.hk-staff-split-beta.hk-split-resizing .staff-dock-beta2,
body.hk-staff-split-beta.hk-split-resizing .top-bar.staff-more-sheet-beta2,
body.hk-staff-split-beta.hk-split-resizing #hkSplitDivider {transition:none!important;}
body.hk-staff-split-beta.hk-takeaway-split-open.hk-split-narrow-main .table-workspace-beta .modal-header {flex-wrap:wrap;}
body.hk-staff-split-beta.hk-takeaway-split-open.hk-split-narrow-main .table-workspace-beta .header-left-group {min-width:0;}
body.hk-staff-split-beta.hk-takeaway-split-open.hk-split-narrow-main .table-workspace-beta .header-right-group {margin-left:auto;}
body.hk-staff-split-beta.hk-takeaway-split-open.hk-split-narrow-main .table-workspace-beta .modal-footer {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));}
body.hk-staff-split-beta.hk-takeaway-split-open.hk-split-narrow-main .table-workspace-beta .modal-footer > div {display:contents;}
body.hk-staff-split-beta.hk-takeaway-split-open.hk-split-narrow-main .table-workspace-beta .modal-footer .total-display {display:flex;grid-column:1/-1;width:100%;margin-left:0;min-width:0;flex-direction:row;justify-content:flex-end;gap:12px;}
body.hk-staff-split-beta.hk-takeaway-split-open.hk-split-narrow-main .table-workspace-beta .btn-footer-std {min-width:0;width:100%;}
html[data-staff-theme=dark] #hkSplitPaneTabs,
html[data-staff-theme=dark] body.hk-staff-split-beta #whatsappStaffPanel,
html[data-staff-theme=dark] body.hk-staff-split-beta #whatsappStaffPanel .whatsapp-staff-panel-drag,
html[data-staff-theme=dark] body.hk-staff-split-beta #whatsappStaffPanel .whatsapp-staff-panel-head {background:var(--hk-pane-bg);color:var(--hk-pane-text);border-color:var(--hk-pane-edge);}
html[data-staff-theme=dark] #hkSplitPaneTabs button {color:var(--hk-pane-muted);}
html[data-staff-theme=dark] #hkSplitDivider::after {background:var(--hk-pane-button);border-color:var(--hk-pane-edge);}
html[data-staff-theme=dark] #hkSplitPaneTabs button.active,
html[data-staff-theme=dark] body.hk-staff-split-beta #whatsappStaffPanel .whatsapp-staff-panel-action,
html[data-staff-theme=dark] body.hk-staff-split-beta #whatsappStaffPanel .whatsapp-staff-panel-tab:not(.active) {background:var(--hk-pane-button);color:var(--hk-pane-text);}
body.hk-staff-split-beta.hk-split-small-pane #whatsappStaffPanel .whatsapp-staff-panel-drag-label {display:none;}
body.hk-staff-split-beta.hk-split-small-pane #whatsappStaffPanel .whatsapp-staff-ai-toggle,
body.hk-staff-split-beta.hk-split-small-pane #whatsappStaffPanel .whatsapp-staff-sound-toggle {font-size:.55rem;padding:0 4px;}
body.hk-staff-split-beta.hk-split-small-pane #whatsappStaffPanel .whatsapp-staff-panel-tab {font-size:.58rem;line-height:1.1;overflow-wrap:anywhere;padding-inline:2px;}
@media (min-width:641px) and (max-width:1000px) {
 body.hk-staff-split-beta #whatsappStaffPanel .whatsapp-staff-panel-drag-label {display:none;}
 body.hk-staff-split-beta #whatsappStaffPanel .whatsapp-staff-ai-toggle,
 body.hk-staff-split-beta #whatsappStaffPanel .whatsapp-staff-sound-toggle {font-size:.55rem;padding:0 4px;}
}
@media (max-width:640px) {
 #hkSplitDivider {display:none;}
 #hkSplitPaneTabs {left:8px;width:calc(100vw - 16px);z-index:4720;}
 body.hk-staff-split-beta #whatsappStaffPanel {left:8px!important;width:calc(100vw - 16px)!important;z-index:4700;}
}
@media (prefers-reduced-motion:reduce) {
 body.hk-staff-split-beta #whatsappStaffPanel {transition-duration:.01s;transition-delay:0s;}
 body.hk-staff-split-beta #hkSplitPaneTabs {transition-duration:.01s;transition-delay:0s;}
 body.hk-staff-split-beta #hkSplitDivider {transition-duration:.01s;transition-delay:0s;}
 body.hk-staff-split-beta.hk-takeaway-split-open #hkSplitPaneTabs button.has-unread {animation:none;background:#187a46;color:#fff;}
}

/* The pane has its own color identity; payment-state colors inside cards stay original. */
body.hk-staff-split-beta #ritiriCassaPanel .ritiri-empty {color:var(--hk-pane-muted);}
html[data-staff-theme=dark] body.hk-staff-split-beta #hkSplitPaneTabs button.active {background:var(--hk-pane-active);color:var(--hk-pane-active-text);}
body.hk-staff-split-beta #whatsappStaffPanel .whatsapp-staff-panel-body {background:var(--hk-pane-bg);}
/* Intrinsic flex width removes hidden actions from both layout and bar width. */
body.hk-staff-split-beta #staffDockBeta2 {display:flex;width:max-content;}
body.hk-staff-split-beta #staffDockBeta2 > .staff-dock-item-beta2 {flex:0 1 132px;width:132px;}

/* Shared close control sits above the original Take Away / Chat tabs. */
body.hk-staff-split-beta #hkSplitPaneCloseBar {
 position:fixed;left:7px;top:8px;width:calc(var(--hk-pane-width) - 14px);height:38px;z-index:1120;
 display:flex;box-sizing:border-box;transform:translateX(calc(-100% - 18px));
 opacity:0;visibility:hidden;pointer-events:none;
 transition:transform var(--hk-split-duration) var(--hk-split-ease),opacity .3s ease,visibility 0s linear var(--hk-split-duration);
}
body.hk-staff-split-beta.hk-takeaway-split-open #hkSplitPaneCloseBar {
 transform:none;opacity:1;visibility:visible;pointer-events:auto;
 transition:transform var(--hk-split-duration) var(--hk-split-ease),opacity .4s ease .08s,visibility 0s;
}
body.hk-staff-split-beta #hkSplitPaneCloseBar .ritiri-close {
 width:100%;height:38px;min-height:38px;margin:0;padding:6px 12px;border:1px solid #b92d40;
 border-radius:18px;background:#c93649;color:#fff;font:750 .85rem/1.15 system-ui;cursor:pointer;
}
body.hk-staff-split-beta #hkSplitPaneCloseBar .ritiri-close:active {transform:scale(.97);background:#b92d40;}
body.hk-staff-split-beta.hk-split-tools-v2 #hkSplitPaneTabs {top:52px;}
body.hk-staff-split-beta.hk-split-tools-v2 #ritiriCassaPanel,
body.hk-staff-split-beta.hk-split-tools-v2 #whatsappStaffPanel {top:102px!important;}
body.hk-staff-split-beta.hk-split-tools-v2 #ritiriCassaPanel .ritiri-head {display:none;}
/* Move the existing action nodes; compact/wrap only this small toolbar. */
body.hk-staff-split-beta.hk-split-tools-v2 #whatsappStaffPanel .whatsapp-staff-panel-drag {
 display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-start;gap:4px;
 min-height:44px;padding:6px;letter-spacing:0;
}
body.hk-staff-split-beta.hk-split-tools-v2 #whatsappStaffPanel .whatsapp-staff-panel-drag-label {display:none;}
body.hk-staff-split-beta.hk-split-tools-v2 #whatsappStaffPanel .whatsapp-staff-ai-toggle,
body.hk-staff-split-beta.hk-split-tools-v2 #whatsappStaffPanel .whatsapp-staff-sound-toggle {
 position:static;flex:0 0 auto;min-width:0;height:32px;padding:0 4px;font-size:.58rem;letter-spacing:0;
}
body.hk-staff-split-beta.hk-split-tools-v2 #whatsappStaffPanel .whatsapp-staff-panel-actions {
 display:flex;flex:0 0 auto;align-items:center;gap:3px;margin-left:auto;
}
body.hk-staff-split-beta.hk-split-tools-v2 #whatsappStaffPanel .whatsapp-staff-panel-action {
 width:28px;min-width:28px;height:32px;padding:0;font-size:17px;border-radius:10px;line-height:1;
}
/* Round the right-hand workspace without wrapping or transforming its fixed payment panels. */
body.hk-staff-split-beta {--hk-split-tools-style:1;--hk-main-frame:#e1e6ed;}
html[data-staff-theme=dark] body.hk-staff-split-beta {--hk-main-frame:#344356;}
body.hk-staff-split-beta.hk-takeaway-split-open .room-overview-beta2,
body.hk-staff-split-beta.hk-takeaway-split-open #modalOverlay,
body.hk-staff-split-beta.hk-takeaway-split-open #modalOverlay > .table-workspace-beta,
body.hk-staff-split-beta.hk-takeaway-split-open #cashmaticManualModal,
body.hk-staff-split-beta.hk-takeaway-split-open #cashmaticManualModal > .bar-sale-shell {border-radius:26px!important;}
body.hk-staff-split-beta.hk-takeaway-split-open::after {
 content:'';position:fixed;left:var(--hk-split-left);right:0;top:0;bottom:0;z-index:1101;pointer-events:none;
 background:var(--hk-main-surface);
}
body.hk-staff-split-beta.hk-takeaway-split-open.bar-sale-open-beta2::after {z-index:5001;}
@media (max-width:640px) {
 body.hk-staff-split-beta #hkSplitPaneCloseBar {left:8px;width:calc(100vw - 16px);z-index:4720;}
 body.hk-staff-split-beta.hk-takeaway-split-open::after {display:none;}
}
@media (prefers-reduced-motion:reduce) {
 body.hk-staff-split-beta #hkSplitPaneCloseBar {transition-duration:.01s;transition-delay:0s;}
}

/* One continuous exterior, real clipping and a five-pixel split gutter. */
body.hk-staff-split-beta {
 --hk-split-frame-style:1;
 --hk-main-frame:#cdd4df;
 --hk-main-surface:#f2f2f7;
}
html[data-staff-theme=dark] body.hk-staff-split-beta {
 --hk-main-frame:#12161d;
 --hk-main-surface:#425163;
}
@media(min-width:641px) {
 body.room-home-beta2.hk-staff-split-beta.hk-split-frame-v1 {
  height:100vh;height:100dvh;overflow:hidden!important;padding-bottom:0;
 }
 body.room-home-beta2.hk-staff-split-beta.hk-takeaway-split-open {
  --hk-split-left:calc(var(--hk-pane-width) + 5px);
  background:var(--hk-main-frame)!important;
 }
 /* This is the background behind the workspace, never a cover over content. */
 body.hk-staff-split-beta.hk-takeaway-split-open::after {
  z-index:0;background:var(--hk-main-surface);border-radius:26px;
 }
 body.hk-staff-split-beta.hk-takeaway-split-open.bar-sale-open-beta2::after {z-index:0;}
 body.hk-staff-split-beta.hk-split-frame-v1 > .grid-wrapper {
  position:relative;z-index:1;box-sizing:border-box;
  max-height:calc(var(--hk-room-height,100vh) - var(--hk-room-top,72px) - var(--hk-room-bottom,92px));
  overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;
  -webkit-overflow-scrolling:touch;touch-action:pan-y;
 }
 body.hk-staff-split-beta.hk-split-frame-v1.hk-takeaway-split-open > .grid-wrapper {
  border-radius:20px;clip-path:inset(0 round 20px);-webkit-clip-path:inset(0 round 20px);
 }
 body.hk-staff-split-beta.hk-takeaway-split-open #modalOverlay,
 body.hk-staff-split-beta.hk-takeaway-split-open #cashmaticManualModal {
  overflow:hidden;clip-path:inset(0 round 26px);-webkit-clip-path:inset(0 round 26px);
 }
 /* The actual header keeps dropdowns free; only its small background animates. */
 body.room-home-beta2.hk-staff-split-beta.hk-split-frame-v1 .room-overview-beta2 {
  background:transparent!important;border-color:transparent!important;box-shadow:none!important;
  backdrop-filter:none!important;-webkit-backdrop-filter:none!important;
 }
 .hk-split-room-surface {
  position:absolute;inset:-1px;z-index:-1;pointer-events:none;box-sizing:border-box;
  border:1px solid rgba(255,255,255,.14);border-radius:inherit;background:#202124;
  box-shadow:0 8px 24px #0f172a3d,0 2px 6px #0f172a29;
 }
 html[data-staff-theme=dark] .hk-split-room-surface {background:#394b62;border-color:#7b90a8;}
 body.hk-staff-split-beta #hkSplitDivider {left:calc(var(--hk-pane-width) - 8.5px);}
 body.hk-staff-split-beta #hkSplitDivider::after {
  left:8.5px;width:5px;border:0;border-radius:5px;background:#8294ac;box-shadow:none;
 }
 html[data-staff-theme=dark] body.hk-staff-split-beta #hkSplitDivider::after {background:#9eafc4;}
 body.hk-staff-split-beta #hkSplitDivider:focus-visible::after,
 body.hk-staff-split-beta #hkSplitDivider:hover::after {background:#3b6599;}
}
@media(max-width:640px) {.hk-split-room-surface {display:none;}}

body.hk-staff-split-beta #hkSplitPaneCloseBar .ritiri-close {
 background:#ffead3;color:#75441c;border-color:#edc99f;
}
body.hk-staff-split-beta #hkSplitPaneCloseBar .ritiri-close:active {background:#ffddb6;color:#653613;}

/* The room list continues behind a static fade; the dock keeps its contrast. */
@media(min-width:641px) {
 body.hk-staff-split-beta.hk-split-frame-v1 {--hk-dock-fade-rgb:242,242,247;}
 html[data-staff-theme=dark] body.hk-staff-split-beta.hk-split-frame-v1 {--hk-dock-fade-rgb:66,81,99;}
 body.hk-staff-split-beta.hk-split-frame-v1 > .grid-wrapper {
  max-height:calc(var(--hk-room-height,100vh) - var(--hk-room-top,72px) - 10px);
  padding-bottom:calc(var(--hk-room-bottom,92px) + 2px);
  scroll-padding-bottom:calc(var(--hk-room-bottom,92px) + 12px);
 }
 body.hk-staff-split-beta.hk-split-frame-v1 > .room-overview-beta2::after {
  content:'';position:fixed;left:var(--hk-split-left);right:0;bottom:0;
  height:calc(var(--hk-room-bottom,92px) + 12px);z-index:-1;pointer-events:none;
  background:linear-gradient(to bottom,
   rgba(var(--hk-dock-fade-rgb),0) 0%,
   rgba(var(--hk-dock-fade-rgb),.22) 26%,
   rgba(var(--hk-dock-fade-rgb),.72) 68%,
   rgba(var(--hk-dock-fade-rgb),1) 96%);
 }
 body.hk-staff-split-beta.hk-split-frame-v1.hk-takeaway-split-open > .room-overview-beta2::after {border-radius:0 0 26px 26px;}
}

/* The background follows the same moving boundary as the visible cashier nodes. */
@media(min-width:641px) {
 body.hk-staff-split-beta::after,
 body.hk-staff-split-beta.hk-takeaway-split-open::after,
 body.hk-staff-split-beta.hk-takeaway-split-open.bar-sale-open-beta2::after {
  content:'';position:fixed;left:0;right:0;top:0;bottom:0;
  z-index:0;pointer-events:none;background:var(--hk-main-surface);border-radius:0;
  clip-path:inset(0 0 0 var(--hk-split-left) round 26px);
  -webkit-clip-path:inset(0 0 0 var(--hk-split-left) round 26px);
  transition:clip-path var(--hk-split-duration) var(--hk-split-ease);
 }
 body.hk-staff-split-beta:not(.hk-takeaway-split-open)::after {clip-path:inset(0 0 0 0 round 0);-webkit-clip-path:inset(0 0 0 0 round 0);}
 body.hk-staff-split-beta.hk-split-resizing::after {transition:none;}
 body.hk-staff-split-beta.hk-split-frame-v1 > .room-overview-beta2::after {
  left:0;border-radius:0;
  clip-path:inset(0 0 0 var(--hk-split-left) round 0 0 26px 26px);
  -webkit-clip-path:inset(0 0 0 var(--hk-split-left) round 0 0 26px 26px);
  transition:clip-path var(--hk-split-duration) var(--hk-split-ease);
 }
 body.hk-staff-split-beta.hk-split-frame-v1:not(.hk-takeaway-split-open) > .room-overview-beta2::after {clip-path:inset(0);-webkit-clip-path:inset(0);}
 body.hk-staff-split-beta.hk-split-resizing > .room-overview-beta2::after {transition:none;}

 body.hk-staff-split-beta.table-workspace-open-beta2::after {background:#fff;}
 html[data-staff-theme=dark] body.hk-staff-split-beta.table-workspace-open-beta2::after {background:#425163;}
 body.hk-staff-split-beta.bar-sale-open-beta2::after {background:#eef2f6;}
}
@media(prefers-reduced-motion:reduce) {body.hk-staff-split-beta::after {transition-duration:.01s;}}
/* Softer corners on the original room-toolbar buttons, without changing size. */
body.room-home-beta2.hk-staff-split-beta .room-overview-beta2 .room-filter-beta2,
html[data-staff-theme=dark] body.room-home-beta2.hk-staff-split-beta .room-overview-beta2 .room-filter-beta2 {border-radius:16px;}

/* Match the cashier surface in both themes; keep order payment colours intact. */
body.hk-staff-split-beta {
 --hk-split-gap:13px;
 --hk-pane-bg:var(--hk-main-surface,#f2f2f7);
 --hk-pane-surface:#ffffff;
 --hk-pane-edge:#c6cbd4;
 --hk-pane-text:#283443;
 --hk-pane-muted:#566273;
 --hk-pane-button:#e6e8ee;
 --hk-pane-active:#414b59;
 --hk-pane-active-text:#ffffff;
}
html[data-staff-theme=dark] body.hk-staff-split-beta {
 --hk-pane-bg:var(--hk-main-surface,#425163);
 --hk-pane-surface:#536173;
 --hk-pane-edge:#788696;
 --hk-pane-text:#eef2f7;
 --hk-pane-muted:#dce4ef;
 --hk-pane-button:#5b6879;
 --hk-pane-active:#e3eaf2;
 --hk-pane-active-text:#26384d;
}
@media(min-width:641px) {
 body.room-home-beta2.hk-staff-split-beta.hk-takeaway-split-open {
  --hk-split-left:calc(var(--hk-pane-width) + var(--hk-split-gap));
 }
 body.hk-staff-split-beta #hkSplitDivider {
  left:calc(var(--hk-pane-width) + var(--hk-split-gap)/2 - 11px);
 }
}

/* Order cards follow one compact reading order at every saved pane width. */
body.hk-staff-split-beta #ritiriCassaPanel .ritiri-card {
 display:block;flex:0 0 auto;height:auto;min-height:0;max-width:100%;
 margin:0 0 8px;padding:9px 8px;border-radius:16px;
}
body.hk-staff-split-beta #ritiriCassaPanel .tk-heading,
body.hk-staff-split-beta #ritiriCassaPanel .tk-info,
body.hk-staff-split-beta #ritiriCassaPanel .tk-contact {
 display:grid;grid-template-columns:minmax(0,1fr);grid-auto-rows:max-content;
 align-items:start;align-content:start;justify-content:normal;gap:4px;
 height:auto;min-height:0;max-width:100%;margin:0;
}
body.hk-staff-split-beta #ritiriCassaPanel .tk-customer {
 display:flex;flex-direction:column;align-items:flex-start;gap:2px;
 width:100%;min-width:0;line-height:1.25;
}
body.hk-staff-split-beta #ritiriCassaPanel .tk-number {
 font-size:10px;font-weight:650;line-height:13px;color:#596875;
 letter-spacing:.025em;font-variant-numeric:tabular-nums;
}
body.hk-staff-split-beta #ritiriCassaPanel .tk-customer strong {
 display:block;width:100%;font-size:13px;font-weight:750;line-height:16px;
 white-space:normal;overflow:visible;text-overflow:clip;overflow-wrap:anywhere;color:#213140;
}
body.hk-staff-split-beta #ritiriCassaPanel .tk-price {
 display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:baseline;
 gap:6px;width:100%;max-width:none;min-width:0;text-align:left;
}
body.hk-staff-split-beta #ritiriCassaPanel .tk-method {
 min-width:0;max-width:none;font-size:10.5px;font-weight:600;line-height:14px;
 white-space:normal;overflow-wrap:anywhere;color:#52616e;
}
body.hk-staff-split-beta #ritiriCassaPanel .tk-amount {
 font-size:clamp(14px,1.3vw,17px);font-weight:800;line-height:22px;color:#1c2d3b;
 text-align:right;white-space:nowrap;font-variant-numeric:tabular-nums;
}
body.hk-staff-split-beta #ritiriCassaPanel .tk-info {
 margin-top:5px;padding-top:5px;border-top:1px solid #6a7d8f26;gap:3px;
}
body.hk-staff-split-beta #ritiriCassaPanel .tk-time {
 display:grid;grid-template-columns:minmax(0,1fr);gap:1px;
 min-height:0;width:100%;max-width:none;font-size:11px;line-height:15px;
}
body.hk-staff-split-beta #ritiriCassaPanel .tk-time b {font-weight:750;color:#2c4051;white-space:normal;}
body.hk-staff-split-beta #ritiriCassaPanel .tk-time .tk-ordered {
 margin:0;font-size:10px;font-weight:500;line-height:13px;color:#61717e;white-space:normal;
}
body.hk-staff-split-beta #ritiriCassaPanel .tk-payment {
 display:block;width:100%;max-width:none;min-height:0;text-align:left;
}
body.hk-staff-split-beta #ritiriCassaPanel .tk-phone {
 display:inline-flex;align-items:center;min-height:24px;max-width:100%;padding:0;
 font-size:11.5px;font-weight:700;line-height:15px;white-space:normal;overflow-wrap:anywhere;
 font-variant-numeric:tabular-nums;
}
body.hk-staff-split-beta #ritiriCassaPanel .tk-no-phone {font-size:10px;line-height:14px;}
body.hk-staff-split-beta #ritiriCassaPanel .tk-contact {margin-top:4px;gap:5px;}
body.hk-staff-split-beta #ritiriCassaPanel .tk-city {
 display:flex;align-items:flex-start;gap:4px;width:100%;min-width:0;
 font-size:10.5px;font-weight:550;line-height:14px;color:#485b69;
}
body.hk-staff-split-beta #ritiriCassaPanel .tk-city svg {width:12px;height:12px;margin-top:1px;flex:none;}
body.hk-staff-split-beta #ritiriCassaPanel .tk-city span {
 display:block;white-space:normal;overflow:visible;overflow-wrap:anywhere;
 -webkit-line-clamp:unset;max-height:none;
}
body.hk-staff-split-beta #ritiriCassaPanel .tk-rider-side {
 display:block;width:100%;max-width:none;min-width:0;text-align:left;
}
body.hk-staff-split-beta #ritiriCassaPanel .tk-contact .tk-live {
 width:100%;max-width:none;min-width:0;min-height:30px;height:auto;padding:4px 7px;
 display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:5px;
 border-radius:9px;line-height:16px;
}
body.hk-staff-split-beta #ritiriCassaPanel .tk-live b {font-size:11px;flex:none;}
body.hk-staff-split-beta #ritiriCassaPanel .tk-live small {
 display:block;min-width:0;max-width:none;font-size:10.5px;font-weight:600;line-height:15px;
 overflow:hidden;text-overflow:ellipsis;white-space:nowrap;
}
body.hk-staff-split-beta #ritiriCassaPanel .tk-rider-side > .tk-rider {
 min-height:0;max-width:100%;font-size:10.5px;line-height:15px;white-space:normal;overflow-wrap:anywhere;
}
body.hk-staff-split-beta #ritiriCassaPanel .ritiri-actions {
 display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-flow:row;
 gap:4px;margin-top:6px;padding-top:6px;border-top:1px solid #6a7d8f26;
}
body.hk-staff-split-beta #ritiriCassaPanel .ritiri-actions button {
 width:100%;min-width:0;height:auto;min-height:32px;padding:5px 3px;
 border-radius:9px;font-size:10px;font-weight:650;line-height:1.15;
 white-space:normal;word-break:normal;
}
body.hk-staff-split-beta #ritiriCassaPanel .ritiri-actions .ritiri-pay {grid-column:1/-1;font-size:11px;}
/* Use one header row when the pane permits it; stack only in very narrow panes. */
body.hk-staff-split-beta #ritiriCassaPanel .tk-customer {
 display:grid;grid-template-columns:auto minmax(0,1fr);align-items:baseline;gap:5px;
}
body.hk-staff-split-beta.hk-split-small-pane #ritiriCassaPanel .tk-customer {
 display:flex;flex-direction:column;align-items:flex-start;gap:2px;
}
body.hk-staff-split-beta #ritiriCassaPanel .ritiri-card {padding-top:8px;padding-bottom:8px;}
body.hk-staff-split-beta #ritiriCassaPanel .tk-info {margin-top:4px;padding-top:4px;}
body.hk-staff-split-beta #ritiriCassaPanel .ritiri-actions {margin-top:5px;padding-top:5px;}
body.hk-staff-split-beta #ritiriCassaPanel .ritiri-actions button {overflow-wrap:normal;hyphens:none;}
body.hk-staff-split-beta.hk-split-small-pane #ritiriCassaPanel .ritiri-actions button {font-size:9px;}
body.hk-staff-split-beta.hk-split-small-pane #ritiriCassaPanel .ritiri-actions .ritiri-pay {font-size:11px;}
body.hk-staff-split-beta.hk-split-small-pane #ritiriCassaPanel .tk-amount {font-size:13px;}
body.hk-staff-split-beta #ritiriCassaPanel .tk-method {white-space:nowrap;overflow:hidden;text-overflow:ellipsis;overflow-wrap:normal;}
body.hk-staff-split-beta.hk-split-small-pane #ritiriCassaPanel .tk-method {font-size:9.5px;}
body.hk-staff-split-beta #ritiriCassaPanel .ritiri-tab {min-height:36px;padding:6px 4px;white-space:nowrap;}

/* The original payment action becomes the amount, without a second button. */
body.hk-staff-split-beta {--hk-split-price-action:1;}
body.hk-staff-split-beta #ritiriCassaPanel .tk-price {align-items:center;}
body.hk-staff-split-beta #ritiriCassaPanel .tk-price > .ritiri-pay {
 display:inline-flex;align-items:center;justify-content:center;gap:3px;
 min-width:0;min-height:32px;width:auto;max-width:100%;height:auto;
 padding:5px 7px;border:1px solid #216348;border-radius:9px;
 background:#216348;color:#fff;
 font-family:inherit;font-size:12px;font-weight:750;line-height:18px;
 white-space:nowrap;cursor:pointer;font-variant-numeric:tabular-nums;
 touch-action:manipulation;
}
body.hk-staff-split-beta #ritiriCassaPanel .tk-price > .ritiri-pay:active {background:#174d36;transform:scale(.97);}
body.hk-staff-split-beta.hk-split-small-pane #ritiriCassaPanel .tk-price {gap:4px;}
body.hk-staff-split-beta.hk-split-small-pane #ritiriCassaPanel .tk-price > .ritiri-pay {font-size:10px;padding:5px;}
body.hk-staff-split-beta.hk-split-small-pane #ritiriCassaPanel .tk-price:has(> .ritiri-pay) .tk-method {font-size:9px;}
/* In the narrowest pane keep the payment method readable above the amount. */
body.hk-staff-split-beta.hk-split-small-pane #ritiriCassaPanel .ritiri-card:not(.pagato) .tk-price {grid-template-columns:minmax(0,1fr);gap:2px;}
body.hk-staff-split-beta.hk-split-small-pane #ritiriCassaPanel .tk-price > .ritiri-pay {width:100%;justify-self:stretch;}

/* Compact split cards: use both columns and one row of original actions. */
body.hk-staff-split-beta {--hk-compact-order-cards:1;--hk-room-motion-surface:1;}
body.hk-compact-orders-v3 #ritiriCassaPanel .ritiri-card {padding:7px 8px;margin-bottom:6px;}
body.hk-compact-orders-v3 #ritiriCassaPanel .tk-heading {grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:6px;}
body.hk-compact-orders-v3 #ritiriCassaPanel .tk-customer {display:flex;flex-direction:column;align-items:flex-start;gap:1px;min-width:0;}
body.hk-compact-orders-v3 #ritiriCassaPanel .tk-customer strong {font-size:12px;line-height:15px;max-height:30px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;overflow-wrap:normal;}
body.hk-compact-orders-v3 #ritiriCassaPanel .tk-number {font-size:9px;line-height:11px;}
body.hk-compact-orders-v3 #ritiriCassaPanel .tk-price {display:flex;flex-direction:column-reverse;align-items:flex-end;gap:1px;width:auto;max-width:100%;}
body.hk-compact-orders-v3 #ritiriCassaPanel .tk-price > .ritiri-pay {min-height:30px;padding:4px 6px;font-size:11px;line-height:20px;width:auto;}
body.hk-compact-orders-v3 #ritiriCassaPanel .tk-method {font-size:9px;line-height:12px;}
body.hk-compact-orders-v3 #ritiriCassaPanel .tk-amount {font-size:15px;line-height:21px;}
body.hk-compact-orders-v3 #ritiriCassaPanel .tk-info {grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:5px;margin-top:3px;padding-top:3px;}
body.hk-compact-orders-v3 #ritiriCassaPanel .tk-time {gap:0;}
body.hk-compact-orders-v3 #ritiriCassaPanel .tk-time b {font-size:10px;line-height:14px;}
body.hk-compact-orders-v3 #ritiriCassaPanel .tk-time .tk-ordered {font-size:9px;line-height:12px;}
body.hk-compact-orders-v3 #ritiriCassaPanel .tk-payment {text-align:right;width:auto;}
body.hk-compact-orders-v3 #ritiriCassaPanel .tk-phone {min-height:24px;font-size:10px;line-height:14px;white-space:nowrap;overflow-wrap:normal;}
body.hk-compact-orders-v3 #ritiriCassaPanel .tk-contact {grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:5px;margin-top:3px;}
body.hk-compact-orders-v3 #ritiriCassaPanel .tk-city {font-size:10px;line-height:13px;gap:3px;}
body.hk-compact-orders-v3 #ritiriCassaPanel .tk-rider-side {width:auto;max-width:70px;text-align:right;}
body.hk-compact-orders-v3 #ritiriCassaPanel .tk-contact .tk-live {width:auto;min-height:28px;padding:3px 5px;flex-direction:column;gap:0;}
body.hk-compact-orders-v3 #ritiriCassaPanel .tk-live b {font-size:10px;line-height:12px;}
body.hk-compact-orders-v3 #ritiriCassaPanel .tk-live small {font-size:9px;line-height:11px;max-width:65px;}
body.hk-compact-orders-v3 #ritiriCassaPanel .tk-rider-side > .tk-rider {font-size:9px;line-height:12px;}
body.hk-compact-orders-v3 #ritiriCassaPanel .ritiri-actions {grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);gap:3px;padding-top:4px;margin-top:4px;}
body.hk-compact-orders-v3 #ritiriCassaPanel .ritiri-actions button {display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;min-height:32px;height:32px;padding:2px 0;font-size:8px;line-height:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
body.hk-compact-orders-v3 #ritiriCassaPanel .ritiri-actions button::before {content:'';display:block;width:14px;height:14px;flex:none;background:currentColor;-webkit-mask:var(--hk-order-action-icon) center/contain no-repeat;mask:var(--hk-order-action-icon) center/contain no-repeat;}
body.hk-compact-orders-v3 #ritiriCassaPanel .ritiri-receipt {--hk-order-action-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M6 8V3h12v5M6 17H3V9h18v8h-3M6 14h12v7H6zM17 11h1' fill='none' stroke='black' stroke-width='2' stroke-linejoin='round'/%3E%3C/svg%3E");}
body.hk-compact-orders-v3 #ritiriCassaPanel .ritiri-command {--hk-order-action-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M3 3h6v6H3zM15 3h6v6h-6zM3 15h6v6H3zM15 15h3v3h3v3h-6zM12 3v9H3M12 15v6M18 12h3' fill='none' stroke='black' stroke-width='2'/%3E%3C/svg%3E");}
body.hk-compact-orders-v3 #ritiriCassaPanel .ritiri-command.kitchen {--hk-order-action-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M7 15V9a4 4 0 0 1-1-8 4 4 0 0 1 6-1 4 4 0 0 1 6 1 4 4 0 0 1-1 8v6M7 15h10v4H7z' transform='translate(0 2)' fill='none' stroke='black' stroke-width='2' stroke-linejoin='round'/%3E%3C/svg%3E");}
body.hk-compact-orders-v3 #ritiriCassaPanel .ritiri-edit {--hk-order-action-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='m4 16 12-12 4 4L8 20l-5 1zM14 6l4 4' fill='none' stroke='black' stroke-width='2' stroke-linejoin='round'/%3E%3C/svg%3E");}
/* A very narrow saved pane still keeps complete phone numbers and usable actions. */
body.hk-compact-orders-v3.hk-split-small-pane #ritiriCassaPanel .tk-heading {grid-template-columns:minmax(0,1fr);gap:2px;}
body.hk-compact-orders-v3.hk-split-small-pane #ritiriCassaPanel .tk-customer {display:grid;grid-template-columns:auto minmax(0,1fr);align-items:baseline;gap:4px;}
body.hk-compact-orders-v3.hk-split-small-pane #ritiriCassaPanel .tk-price {display:flex;flex-direction:row;align-items:center;justify-content:space-between;width:100%;gap:3px;}
body.hk-compact-orders-v3.hk-split-small-pane #ritiriCassaPanel .tk-price > .ritiri-pay {font-size:10px;padding:4px;}
body.hk-compact-orders-v3.hk-split-small-pane #ritiriCassaPanel .tk-info {grid-template-columns:minmax(0,1fr);gap:0;}
body.hk-compact-orders-v3.hk-split-small-pane #ritiriCassaPanel .tk-time {display:flex;flex-direction:row;flex-wrap:wrap;gap:0 3px;align-items:baseline;}
body.hk-compact-orders-v3.hk-split-small-pane #ritiriCassaPanel .tk-payment {text-align:left;}
body.hk-compact-orders-v3.hk-split-small-pane #ritiriCassaPanel .tk-contact {grid-template-columns:minmax(0,1fr);gap:2px;}
body.hk-compact-orders-v3.hk-split-small-pane #ritiriCassaPanel .tk-rider-side {width:100%;max-width:none;text-align:left;}
body.hk-compact-orders-v3.hk-split-small-pane #ritiriCassaPanel .tk-contact .tk-live {flex-direction:row;justify-content:space-between;width:100%;gap:3px;min-height:25px;}
body.hk-compact-orders-v3.hk-split-small-pane #ritiriCassaPanel .ritiri-card:not(.pagato) .tk-price {flex-direction:column-reverse;align-items:flex-end;gap:0;}
body.hk-compact-orders-v3.hk-split-small-pane #ritiriCassaPanel .tk-price .tk-method {max-width:100%;font-size:9px;}
/* Apply a saved width before enabling transitions, so the resize handle starts
   at the real pane edge even on the first opening after page load. */
body.hk-staff-split-beta.hk-split-startup::before,
body.hk-staff-split-beta.hk-split-startup::after,
body.hk-staff-split-beta.hk-split-startup #ritiriCassaPanel,
body.hk-staff-split-beta.hk-split-startup #whatsappStaffPanel,
body.hk-staff-split-beta.hk-split-startup #hkSplitPaneTabs,
body.hk-staff-split-beta.hk-split-startup #hkSplitPaneCloseBar,
body.hk-staff-split-beta.hk-split-startup #hkSplitDivider {transition:none!important;}
body.hk-compact-orders-v3 #ritiriCassaPanel .ritiri-card:has(.ritiri-detail.open) .tk-customer strong {display:block;max-height:none;-webkit-line-clamp:unset;overflow:visible;overflow-wrap:anywhere;}

/* Third pane: Rider uses the existing protected bridge, not third-party cookies. */
#hkSplitRiderPanel {
 position:fixed;left:7px;top:102px;bottom:8px;width:calc(var(--hk-pane-width) - 14px);z-index:1100;
 display:flex;min-width:0;box-sizing:border-box;overflow:hidden;border:1px solid var(--hk-pane-edge);border-radius:26px;
 background:var(--hk-pane-bg);color:var(--hk-pane-text);transform:translateX(calc(-100% - 18px));opacity:0;visibility:hidden;pointer-events:none;
 transition:transform var(--hk-split-duration) var(--hk-split-ease),opacity .3s ease,visibility 0s linear var(--hk-split-duration);
}
#hkSplitRiderPanel iframe {display:block;flex:1;width:100%;height:100%;min-width:0;border:0;background:transparent;}
body.hk-staff-split-beta.hk-split-rider-active #hkSplitRiderPanel {transform:none;opacity:1;visibility:visible;pointer-events:auto;transition:transform var(--hk-split-duration) var(--hk-split-ease),opacity .4s ease .08s,visibility 0s;}
body.hk-staff-split-beta.hk-split-rider-active #ritiriCassaPanel {transform:translateX(calc(-100% - 18px));opacity:0;visibility:hidden;pointer-events:none;}
body.hk-staff-split-beta.hk-split-small-pane #hkSplitPaneTabs button {font-size:10px;padding:3px 1px;}
body.hk-staff-split-beta.hk-split-startup #hkSplitRiderPanel {transition:none!important;}
@media(max-width:640px) {#hkSplitRiderPanel {left:7px;width:calc(100% - 14px);}}
@media(prefers-reduced-motion:reduce) {#hkSplitRiderPanel {transition-duration:.01s!important;transition-delay:0s!important;}}

/* The selected order tab and its list share one recognisable colour family. */
body.hk-staff-split-beta #ritiriCassaPanel {
 --hk-order-accent:#2462a6;
 --hk-order-surface:#e1edfc;
 --hk-order-edge:#91b5e1;
 --hk-order-ink:#173653;
}
body.hk-staff-split-beta #ritiriCassaPanel[data-order-tab="consegne"] {
 --hk-order-accent:#28704d;
 --hk-order-surface:#e0f1e7;
 --hk-order-edge:#8fbba0;
 --hk-order-ink:#214c37;
}
body.hk-staff-split-beta #ritiriCassaPanel,
html[data-staff-theme=dark] body.hk-staff-split-beta #ritiriCassaPanel {
 background:var(--hk-order-surface);border-color:var(--hk-order-edge);
}
body.hk-staff-split-beta #ritiriCassaPanel .ritiri-tabs,
body.hk-staff-split-beta #ritiriCassaPanel .ritiri-list,
html[data-staff-theme=dark] body.hk-staff-split-beta #ritiriCassaPanel .ritiri-tabs,
html[data-staff-theme=dark] body.hk-staff-split-beta #ritiriCassaPanel .ritiri-list {
 background:var(--hk-order-surface);color:var(--hk-order-ink);
}
body.hk-staff-split-beta #ritiriCassaPanel .ritiri-list {
 box-shadow:inset 0 3px 0 var(--hk-order-accent);
}
body.hk-staff-split-beta #ritiriCassaPanel #ritiriCassaTabRitiri {
 background:#f5f9ff;border-color:#91b5e1;color:#225d9c;
}
body.hk-staff-split-beta #ritiriCassaPanel #ritiriCassaTabConsegne {
 background:#f4fbf6;border-color:#8fbba0;color:#286346;
}
body.hk-staff-split-beta #ritiriCassaPanel #ritiriCassaTabRitiri.active {
 background:#2462a6;border-color:#2462a6;color:#fff;
}
body.hk-staff-split-beta #ritiriCassaPanel #ritiriCassaTabConsegne.active {
 background:#28704d;border-color:#28704d;color:#fff;
}

body.hk-staff-split-beta #ritiriCassaPanel .ritiri-empty {color:var(--hk-order-ink);}