/* ================================================================
   PREMIUM POS WORKSPACE - V3
   Purposefully isolated from legacy .order-link/.active-orders styles.
   Replaces all earlier experimental V2 sidebar CSS.
   ================================================================ */
@media (min-width: 761px) {
  .pos-layout:has(> .premium-sidebar) {
    grid-template-columns: 282px minmax(0, 1fr) 370px;
  }
}
.pos-layout > .premium-sidebar {
  --premium-green:#087c61;
  --premium-dark:#17332c;
  --premium-light:#f1f8f5;
  --premium-gray:#6d8078;
  --premium-border:#e5ece8;
  display:flex;
  flex-direction:column;
  gap:0;
  min-width:0;
  min-height:0;
  padding:16px 14px 12px;
  overflow-x:hidden;
  overflow-y:auto;
  background:#fff;
  scrollbar-width:thin;
  scrollbar-color:#d2ded7 transparent;
}
.premium-sidebar .premium-shift {display:grid;gap:12px;flex:0 0 auto;}
.premium-sidebar .premium-shift-card {
  display:flex;flex-direction:column;gap:6px;min-width:0;
  padding:13px 14px;border:1px solid #d2eadd;border-radius:13px;
  background:#eff9f3;color:#126d4e;text-decoration:none;
}
.premium-sidebar .premium-shift-title {display:flex;align-items:center;gap:9px;font-size:13px;font-weight:800;}
.premium-sidebar .premium-live-dot {width:8px;height:8px;flex:0 0 8px;border-radius:50%;background:#15a46c;box-shadow:0 0 0 4px #d9f3e5;}
.premium-sidebar .premium-shift-arrow {margin-left:auto;font-size:16px;}
.premium-sidebar .premium-shift-sub {color:#547d68;font-size:11px;font-weight:600;line-height:1.5;}
.premium-sidebar .premium-create {
  display:flex;align-items:center;justify-content:center;gap:10px;min-height:48px;width:100%;
  padding:9px 15px;border:0;border-radius:11px;background:var(--premium-green);
  color:#fff;font-size:14px;font-weight:800;box-shadow:0 5px 12px rgba(8,124,97,.16);
}
.premium-sidebar .premium-create:hover {background:#05684f;}
.premium-sidebar .premium-create-plus {font-size:23px;font-weight:400;line-height:1;}
.premium-sidebar .premium-orders {
  display:flex;flex-direction:column;gap:9px;flex:0 0 auto;
  min-height:0;margin-top:22px;padding-bottom:15px;
  border-bottom:1px solid var(--premium-border);
}
.premium-sidebar .premium-section-head {display:flex;align-items:center;justify-content:space-between;gap:10px;}
.premium-sidebar .premium-section-head h2 {margin:0;font-size:13px;font-weight:800;line-height:1.4;letter-spacing:0;text-transform:none;color:var(--premium-dark);}
.premium-sidebar .premium-order-count {min-width:25px;padding:4px 7px;border-radius:7px;background:#eef3f0;color:#416a59;font-size:11px;font-weight:800;text-align:center;}
.premium-sidebar .premium-search {display:flex;align-items:center;gap:8px;min-height:39px;margin:0;padding:0 10px;border:1px solid #dde6e0;border-radius:9px;background:#f8faf9;}
.premium-sidebar .premium-search:focus-within {border-color:var(--premium-green);background:#fff;}
.premium-sidebar .premium-search-icon {color:#789185;font-size:19px;line-height:1;}
.premium-sidebar .premium-search input {width:100%;min-width:0;border:0;background:transparent;outline:0;color:var(--premium-dark);font-size:12px;box-shadow:none;}
.premium-sidebar .premium-order-scroll {display:flex;flex-direction:column;gap:7px;max-height:clamp(155px,25vh,260px);min-height:0;overflow-y:auto;overflow-x:hidden;scrollbar-width:thin;scrollbar-color:#d6e3dc transparent;}
.premium-sidebar .premium-order-card {display:flex;flex-direction:column;gap:6px;flex:0 0 auto;padding:11px 12px;border:1px solid var(--premium-border);border-radius:10px;background:#fff;color:var(--premium-dark);text-decoration:none;transition:background .15s,border-color .15s;}
.premium-sidebar .premium-order-card:hover {background:#f5faf7;border-color:#b1d8c4;}
.premium-sidebar .premium-order-card.selected {background:#edf9f2;border-color:#55b78b;box-shadow:inset 3px 0 0 var(--premium-green);}
.premium-sidebar .premium-order-top {display:flex;justify-content:space-between;align-items:baseline;gap:6px;min-width:0;}
.premium-sidebar .premium-order-top strong {min-width:0;overflow:hidden;text-overflow:ellipsis;font-size:12px;font-weight:800;white-space:nowrap;}
.premium-sidebar .premium-order-top b {flex-shrink:0;color:#087452;font-size:11px;font-weight:800;white-space:nowrap;}
.premium-sidebar .premium-order-details {font-size:11px;color:var(--premium-gray);line-height:1.3;}
.premium-sidebar .premium-order-card[hidden] {display:none!important;}
.premium-sidebar .premium-order-empty {display:flex;align-items:center;flex-direction:column;gap:4px;padding:14px;border:1px dashed #d5e1db;border-radius:10px;background:#fafcfb;text-align:center;}
.premium-sidebar .premium-order-empty>span {font-size:22px;color:#98b4a6;}
.premium-sidebar .premium-order-empty strong {font-size:12px;}
.premium-sidebar .premium-order-empty small {color:var(--premium-gray);font-size:11px;}
.premium-sidebar .premium-receipts {min-width:0;margin-top:3px;}
.premium-sidebar .premium-receipts summary {display:flex;align-items:center;justify-content:space-between;cursor:pointer;font-size:12px;font-weight:700;color:#587369;list-style:none;}
.premium-sidebar .premium-receipts summary::-webkit-details-marker {display:none;}
.premium-sidebar .premium-receipts[open] summary span {transform:rotate(180deg);}
.premium-sidebar .premium-receipt-list {display:flex;flex-direction:column;gap:6px;max-height:160px;overflow-y:auto;margin-top:9px;}
.premium-sidebar .premium-receipt-link {display:flex;align-items:center;justify-content:space-between;gap:6px;padding:9px;border:1px solid var(--premium-border);border-radius:9px;text-decoration:none;color:var(--premium-dark);font-size:11px;}
.premium-sidebar .premium-receipt-link>span {display:flex;flex-direction:column;gap:3px;min-width:0;}
.premium-sidebar .premium-receipt-link small {color:var(--premium-gray);}
.premium-sidebar .premium-receipt-link b {white-space:nowrap;color:var(--premium-green);}
.premium-sidebar .premium-navigation {display:flex;flex-direction:column;gap:16px;flex:0 0 auto;padding-top:16px;}
.premium-sidebar .premium-nav-section {display:flex;flex-direction:column;gap:3px;min-width:0;}
.premium-sidebar .premium-nav-heading {margin:0 0 6px 9px;color:#8b9e95;font-size:10px;line-height:1.4;font-weight:800;letter-spacing:1.1px;}
.premium-sidebar .premium-nav-item {
  display:flex;align-items:center;gap:11px;min-height:38px;width:100%;
  margin:0;padding:6px 9px;border:0;border-radius:9px;background:transparent;
  color:#344c42;text-align:left;text-decoration:none;font:inherit;font-size:12px;font-weight:650;
  line-height:1.4;box-shadow:none;white-space:normal;
}
.premium-sidebar .premium-nav-item:hover {background:#eef8f2;color:#087453;}
.premium-sidebar .premium-nav-glyph {display:flex;align-items:center;justify-content:center;flex:0 0 27px;width:27px;height:27px;border-radius:8px;background:#f0f4f2;color:#658274;font-size:16px;font-weight:600;}
.premium-sidebar .premium-nav-item:hover .premium-nav-glyph {background:#dceddf;color:#087453;}
.premium-sidebar .premium-nav-section form {display:block;width:100%;margin:0;}
.premium-sidebar .premium-sidebar-bottom {margin-top:auto;padding-top:16px;flex:0 0 auto;}
.premium-sidebar .premium-close-shift {display:flex;align-items:center;justify-content:center;gap:9px;width:100%;min-height:42px;padding:10px;border:1px solid #f1d2d0;border-radius:10px;background:#fff8f7;color:#b43e35;font-size:12px;font-weight:800;}
.premium-sidebar .premium-close-shift:hover {background:#ffeded;}
.premium-sidebar .premium-close-shift span {font-size:16px;}
.premium-sidebar :is(a,button,summary):focus-visible {outline:3px solid #75cbae;outline-offset:2px;}
/* Center and right panel: improve clarity without touching payment logic */
.pos-layout > .premium-menu-panel {min-width:0;background:#f5f8f6;}
.pos-layout > .premium-cart-panel {background:#fff;}
.premium-menu-panel .premium-workspace-empty {color:#6c8177;}
.premium-menu-panel .premium-workspace-empty > div {max-width:420px;padding:24px;}
.premium-menu-panel .premium-workspace-empty h2 {margin:18px 0 8px;color:#29473a;font-size:21px;line-height:1.3;}
.premium-menu-panel .premium-workspace-empty p {margin:0;font-size:13px;line-height:1.7;}
.premium-menu-panel .premium-workspace-empty span {margin:0 auto;background:#e1eee7;color:#087c61;}
@media (min-width:761px) and (max-width:1100px) {
  .pos-layout:has(> .premium-sidebar) {grid-template-columns:252px minmax(0,1fr) 320px;}
  .pos-layout > .premium-sidebar {padding:13px 10px 11px;}
}
@media (max-width:760px) {
  .pos-layout:has(> .premium-sidebar) {grid-template-columns:minmax(0,1fr);}
  .pos-layout > .premium-sidebar {overflow:visible;max-height:none;padding:14px;}
  .premium-sidebar .premium-order-scroll {max-height:220px;}
  .premium-sidebar .premium-navigation {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;}
  .premium-sidebar .premium-nav-item {min-height:44px;}
  .premium-sidebar .premium-sidebar-bottom {margin-top:8px;}
}
@media (max-width:430px) {
  .premium-sidebar .premium-navigation {grid-template-columns:1fr;}
}
@media (pointer:coarse) {
  .premium-sidebar .premium-nav-item,.premium-sidebar .premium-close-shift {min-height:44px;}
}

/* Central module home and shared application shortcuts. */
.global-app-shortcuts{position:fixed;z-index:45;right:14px;bottom:14px;display:flex;overflow:hidden;border:1px solid #dbe5df;border-radius:12px;background:rgba(255,255,255,.96);box-shadow:0 8px 28px rgba(18,45,34,.16);backdrop-filter:blur(8px)}
.global-app-shortcuts a{min-width:70px;padding:10px 13px;color:#315247;text-align:center;text-decoration:none;font-size:12px;font-weight:800}
.global-app-shortcuts a+a{border-left:1px solid #e1e9e4;background:#087c61;color:#fff}
.global-app-shortcuts a:focus-visible{outline:3px solid #75cbae;outline-offset:-3px}
.module-hub-page{min-height:100vh;padding:28px clamp(18px,4vw,58px) 64px;background:linear-gradient(180deg,#edf7f2 0,#f6f8f7 280px)}
.module-hub-header{display:flex;max-width:1500px;margin:0 auto 20px;align-items:center;justify-content:space-between;gap:24px}
.module-brand{display:flex;min-width:0;align-items:center;gap:16px}.module-brand>img{width:74px;height:74px;padding:6px;border-radius:18px;background:#fff;object-fit:contain;box-shadow:0 7px 24px rgba(20,55,40,.11)}
.module-brand h1{margin:2px 0 5px;color:#17332c;font-size:clamp(1.55rem,3vw,2.35rem)}.module-brand p:last-child{margin:0;color:#61776d}.module-user-panel{display:grid;min-width:220px;padding:14px 16px;border:1px solid #dbe8e1;border-radius:15px;background:rgba(255,255,255,.8);grid-template-columns:1fr auto;gap:3px 12px;align-items:center}.module-user-panel>span,.module-user-panel>small{color:#6d8078;font-size:11px}.module-user-panel>strong{grid-column:1}.module-user-panel>small{grid-column:1}.module-user-panel form{grid-column:2;grid-row:1/4}.module-user-panel .button{min-height:36px;padding:6px 10px}
.module-context{display:flex;max-width:1500px;margin:0 auto 28px;padding:14px 16px;border:1px solid #f0c98a;border-radius:14px;background:#fffaf1;align-items:center;justify-content:space-between;gap:15px}.module-context.is-ready{border-color:#aad6c1;background:#f2fbf6}.module-context>div{display:flex;align-items:center;gap:12px}.module-context>div>div{display:grid;gap:3px}.module-context small{color:#6d8078}.module-context-icon{display:grid;width:34px;height:34px;flex:0 0 34px;border-radius:50%;background:#f4c86e;color:#704f00;place-items:center;font-weight:900}.module-context.is-ready .module-context-icon{background:#ccebdd;color:#087453}
.module-section{max-width:1500px;margin:0 auto 28px}.module-section-title{display:flex;margin-bottom:12px;align-items:flex-end;justify-content:space-between;gap:16px}.module-section-title h2{margin:2px 0;color:#203b31;font-size:1.2rem}.module-section-title>span{padding:6px 10px;border-radius:20px;background:#e4efe9;color:#45675a;font-size:10px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
.module-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px}.module-card{display:flex;min-height:190px;padding:18px;border:1px solid #dfe8e3;border-radius:17px;background:#fff;color:#213b32;text-decoration:none;box-shadow:0 5px 18px rgba(23,51,44,.055);flex-direction:column;transition:transform .16s,border-color .16s,box-shadow .16s}.module-card:hover{border-color:#8fcbb1;box-shadow:0 11px 28px rgba(23,73,54,.11);transform:translateY(-3px)}.module-card-primary{border-color:#54b18b;background:linear-gradient(145deg,#087c61,#075c49);color:#fff}.module-icon{display:grid;width:42px;height:42px;margin-bottom:17px;border-radius:12px;background:#edf5f1;color:#087c61;place-items:center;font-size:21px}.module-card-primary .module-icon{background:rgba(255,255,255,.16);color:#fff}.module-card strong{font-size:1rem}.module-card p{margin:7px 0;color:#6a7c74;font-size:.75rem;line-height:1.5}.module-card-primary p{color:#d6eee5}.module-card>b{margin-top:auto;color:#087453;font-size:.72rem}.module-card-primary>b{color:#fff}.compact-module-grid{grid-template-columns:minmax(280px,360px)}.system-section{padding-top:4px;border-top:1px solid #dfe8e3}.module-empty{display:flex;max-width:800px;margin:70px auto;padding:24px;border:1px solid #efc4bf;border-radius:16px;background:#fff8f7;align-items:flex-start;gap:15px}.module-empty>span{display:grid;width:38px;height:38px;border-radius:50%;background:#ffe2df;color:#a42b21;place-items:center;font-weight:900}.module-empty h2{margin:0 0 6px}.module-empty p{margin:0;color:#6d8078;line-height:1.55}
@media(max-width:1150px){.module-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:850px){.module-hub-header{align-items:stretch;flex-direction:column}.module-user-panel{width:100%}.module-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.compact-module-grid{grid-template-columns:minmax(0,1fr)}}
@media(max-width:580px){.module-hub-page{padding:18px 13px 54px}.module-brand{align-items:flex-start}.module-brand>img,.module-brand>.brand-mark{width:56px;height:56px;flex:0 0 56px}.module-context{align-items:stretch;flex-direction:column}.module-context .button{width:100%}.module-section-title{align-items:flex-start;flex-direction:column}.module-grid{grid-template-columns:1fr}.module-card{min-height:165px}.global-app-shortcuts{right:8px;bottom:8px}}
@media print{.global-app-shortcuts{display:none!important}}

