/* Caisse : le catalogue et le panier passent avant les indicateurs. */
dialog .modal-header { position: sticky; top: 0; z-index: 3; }
.cash-payment-success { height: 100%; min-height: 170px; display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; padding: 20px 15px; }
.cash-payment-success>span { color: #1d7659; background: #e4f3ec; border-radius: 50%; width: 34px; height: 34px; display: grid; place-items: center; font-size: 22px; margin-bottom: 10px; }
.cash-payment-success h3 { color: #245e4b; font-size: 17px; }
.cash-payment-success p { margin: 7px 0 12px; font-size: 13px; color: #496c60; }
.cash-payment-success .secondary { font-size: 13px; min-height: 38px; padding: 8px 12px; }
.cash-payment-success>small { font-size: 12px; color: #587368; margin-top: 10px; }
body:has(.cash-page) { background: #edf1f5; }
body:has(.cash-page) aside { width: 228px; padding: 22px 12px 18px; background: #f9fbfd; }
body:has(.cash-page) aside .brand { font-size: 29px; margin-left: 11px; margin-bottom: 20px; }
body:has(.cash-page) .workspace { padding: 12px 9px; gap: 9px; }
body:has(.cash-page) .workspace strong { max-width: 139px; font-size: 14px; }
body:has(.cash-page) .workspace small { font-size: 12px; }
body:has(.cash-page) .main { margin-left: 228px; }
body:has(.cash-page) header { height: 66px; padding: 0 25px; }
body:has(.cash-page) footer { display: none; }
.cash-page { padding: 22px 24px 24px; max-width: none; min-height: calc(100vh - 66px); }
.cash-header { display: flex; align-items: center; justify-content: space-between; gap: 20px; margin-bottom: 22px; }
.cash-header .eyebrow { font-size: 11px; color: #546b81; letter-spacing: .8px; margin-bottom: 5px; }
.cash-header h1 { font-size: 28px; letter-spacing: -.6px; margin: 0; color: #162c45; line-height: 1.25; }
.cash-view-tabs { max-width: 100%; overflow-x: auto; display: flex; gap: 4px; background: #e2e8ef; border: 1px solid #d7e0eb; border-radius: 8px; padding: 4px; }
.cash-view-tab { border: 0; border-radius: 5px; color: #4d6279; padding: 10px 13px; min-height: 40px; font-size: 14px; font-weight: 600; background: transparent; white-space: nowrap; }
.cash-view-tab:hover { background: #edf2f8; }
.cash-view-tab.selected { background: #fff; color: #174d80; box-shadow: 0 1px 3px #23384f15; }
.cash-page .cash-workspace { display: grid; grid-template-columns: minmax(0,1.2fr) minmax(350px,.9fr); gap: 20px; align-items: start; }
.cash-page .pos-catalog, .cash-page .pos-basket { border-radius: 10px; border: 1px solid #d5dfea; box-shadow: 0 1px 3px #15314e06; height: calc(100dvh - 188px); min-height: 425px; display: flex; flex-direction: column; overflow: hidden; }
.cash-panel-header { display: flex; justify-content: space-between; align-items: center; gap: 14px; padding: 20px 20px 17px; border-bottom: 1px solid #e6ecf3; background: #fff; flex-shrink: 0; }
.cash-panel-header h2 { display: flex; align-items: center; gap: 9px; margin: 0; font-size: 19px; color: #223d59; font-weight: 650; }
.cash-panel-header h2>.ui-icon { width: 20px; height: 20px; color: #456b8b; }
.cash-panel-header h2>span { font-size: 12px; min-width: 24px; padding: 3px 7px; background: #ecf1f7; border-radius: 5px; color: #4c647e; text-align: center; }
.cash-panel-header p { margin: 5px 0 0; font-size: 13px; color: #60758c; line-height: 1.5; }
.cash-create-product { border: 1px solid #c8d8e7; border-radius: 6px; padding: 9px 10px; font-size: 13px; font-weight: 600; color: #345c80; background: #fff; cursor: pointer; white-space: nowrap; }
.cash-create-product:hover { background: #f3f7fc; }
.cash-search-row { display: flex; gap: 10px; padding: 15px 18px; background: #fbfcfe; border-bottom: 1px solid #e6edf4; flex-shrink: 0; }
.cash-search { display: flex; align-items: center; gap: 9px; margin: 0; padding: 0 13px; border: 1px solid #bfcede; border-radius: 7px; background: #fff; flex: 1; min-width: 0; }
.cash-search>.ui-icon { color: #647f99; width: 18px; height: 18px; }
.cash-search:focus-within { border-color: #3972ae; box-shadow: 0 0 0 3px #3671ae12; }
.cash-search input { font-size: 15px; border: 0; margin: 0; padding: 12px 0; background: transparent; min-width: 0; min-height: 44px; box-shadow: none; }
.cash-refresh { border: 1px solid #c9d7e5; background: #fff; color: #506d87; border-radius: 7px; width: 44px; flex-shrink: 0; font-size: 24px; cursor: pointer; }
.cash-page .pos-products { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); align-content: start; gap: 13px; padding: 17px; max-height: none; overflow-y: auto; min-height: 0; flex: 1; background: #f8fafc; }
.cash-page .pos-product { border: 1px solid #dce5ee; border-radius: 8px; padding: 16px; box-shadow: none; background: #fff; text-align: left; display: flex; flex-direction: column; min-height: 180px; position: relative; }
.cash-page .pos-product:hover { border-color: #b5c9de; background: #fff; }
.cash-page .pos-product.unavailable { background: #f4f6f9; }
.cash-product-top { display: flex; justify-content: space-between; align-items: center; gap: 10px; margin-bottom: 12px; }
.cash-page .product-glyph { width: 32px; height: 32px; border-radius: 6px; background: #eef3f8; color: #4f7395; margin: 0; }
.cash-page .product-glyph>.ui-icon { width: 19px; height: 19px; }
.cash-stock { font-size: 12px; color: #327055; font-weight: 550; white-space: nowrap; }
.cash-stock.out { color: #9a4343; }
.cash-page .pos-product>strong { font-size: 16px; color: #233b54; font-weight: 600; line-height: 1.45; display: block; }
.cash-page .pos-product>small { font-size: 12px; color: #627990; margin: 5px 0 15px; line-height: 1.5; overflow-wrap: anywhere; }
.cash-product-bottom { display: flex; align-items: center; justify-content: space-between; gap: 10px; margin-top: auto; flex-wrap: wrap; }
.cash-product-bottom>b { font-size: 18px; color: #173a5c; font-weight: 700; font-variant-numeric: tabular-nums; }
.cash-product-bottom>b>span { font-size: 11px; font-weight: 550; color: #667e93; }
.cash-product-bottom>button { font-size: 13px; font-weight: 650; color: #fff; background: #146b55; border: 1px solid #146b55; border-radius: 6px; min-height: 38px; padding: 8px 12px; cursor: pointer; }
.cash-product-bottom>button:hover { background: #0d5744; }
.cash-product-bottom>button:disabled { color: #637689; background: #e3e9ef; border-color: #d3dde7; opacity: 1; }
.cash-added { font-size: 12px; color: #28684e; padding-top: 11px; margin-top: 11px; border-top: 1px solid #e7f0eb; }
.cash-empty-catalog { grid-column: 1/-1; text-align: center; align-self: center; padding: 45px 20px; }
.cash-empty-catalog>.ui-icon { width: 40px; height: 40px; color: #7290aa; margin-bottom: 12px; }
.cash-empty-catalog h3 { font-size: 18px; color: #35536e; }
.cash-empty-catalog p { color: #5f768d; font-size: 15px; line-height: 1.7; max-width: 390px; margin: 13px auto 22px; }
.cash-page .pos-basket { position: sticky; top: 88px; border-color: #b9cbdc; }
.cash-page .pos-basket>.cash-panel-header { background: #f7fafd; }
.cash-page .pos-basket>.cash-panel-header p { font-size: 12px; }
.cash-page .pos-basket>.cash-panel-header .text { padding: 4px 0; color: #63758a; font-size: 13px; }
.cash-page .basket-lines { flex: 1; min-height: 85px; max-height: none; overflow-y: auto; }
.cash-page .basket-line { display: flex; justify-content: space-between; gap: 12px; padding: 17px 20px; border-bottom: 1px solid #e8edf2; }
.cash-page .basket-line strong { font-size: 15px; color: #283f58; font-weight: 600; }
.cash-page .basket-line small { font-size: 12px; color: #667f95; line-height: 1.5; margin-top: 5px; }
.cash-line-description { min-width: 0; }
.cash-page .quantity-stepper { display: inline-flex; align-items: center; gap: 0; margin-top: 13px; border: 1px solid #cbd8e6; border-radius: 6px; overflow: hidden; background: #fff; }
.cash-page .quantity-stepper .icon { border: 0; border-radius: 0; min-height: 33px; width: 33px; height: 33px; font-size: 17px; color: #4c6b85; }
.quantity-stepper>input { min-width: 0; width: 44px; margin: 0; padding: 5px 2px; min-height: 33px; height: 33px; border: 0; border-radius: 0; text-align: center; font-size: 15px; font-weight: 600; color: #294a67; appearance: textfield; -moz-appearance: textfield; }
.quantity-stepper>input::-webkit-inner-spin-button,.quantity-stepper>input::-webkit-outer-spin-button { -webkit-appearance: none; margin: 0; }
.cash-line-right { display: flex; flex-direction: column; align-items: flex-end; justify-content: space-between; gap: 13px; flex-shrink: 0; }
.cash-line-right>b { font-size: 16px; color: #24445f; font-weight: 650; font-variant-numeric: tabular-nums; }
.cash-remove { width: 28px; height: 28px; border: 0; border-radius: 4px; font-size: 21px; background: transparent; color: #8a9aaa; cursor: pointer; }
.cash-remove:hover { background: #fceeee; color: #aa3c3c; }
.cash-empty-basket { height: 100%; min-height: 135px; display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; padding: 25px 20px; }
.cash-empty-basket>.ui-icon { width: 40px; height: 40px; color: #9cb2c5; margin-bottom: 13px; }
.cash-empty-basket h3 { font-size: 17px; color: #4b667e; font-weight: 600; }
.cash-empty-basket p { font-size: 14px; color: #6b8094; margin: 8px 0 0; line-height: 1.6; }
.cash-page .basket-total { background: #f7fafc; border-top: 1px solid #dfe7ef; padding: 19px 20px 15px; flex-shrink: 0; }
.cash-page .basket-total>div { font-size: 14px; color: #526d83; }
.cash-page .basket-total>div strong { font-size: 14px; color: #304c65; font-weight: 600; }
.cash-page .discount-field { display: flex; justify-content: space-between; align-items: center; gap: 15px; font-size: 14px; color: #526d83; font-weight: 400; margin: 12px 0; }
.cash-page .discount-field input { width: 112px; max-width: 112px; min-height: 35px; padding: 6px 9px; margin: 0; font-size: 14px; border-color: #c6d5e3; border-radius: 5px; text-align: right; }
.cash-page .basket-total>.grand-total { padding: 13px 0 16px; margin-top: 12px; border-top: 1px dashed #ccd9e4; font-size: 16px; color: #23425c; gap: 10px; }
.cash-page .basket-total>.grand-total strong { font-size: 27px; color: #163e55!important; }
.cash-page .basket-total>.grand-total strong small { font-size: 12px; color: #587589; display: inline; margin-left: 3px; }
.cash-page .cash-checkout { min-height: 48px; background: #146b55; border-color: #146b55; font-size: 16px; justify-content: space-between; box-shadow: none; border-radius: 7px; }
.cash-page .cash-checkout:hover { background: #0d5744; }
.cash-page .cash-checkout:disabled { background: #dce5e8; border-color: #dce5e8; color: #6d858d; opacity: 1; }
.cash-payment-note { margin: 11px 0 0; font-size: 11px; text-align: center; color: #657e91; }
.cash-report-title { display: flex; justify-content: space-between; align-items: center; gap: 15px; margin: 15px 0 25px; }
.cash-report-title h2 { margin: 0; font-size: 22px; }
.cash-pane-tabs, .cash-mobile-dock { display: none; }
@media(min-width:1600px) { .cash-page .pos-products { grid-template-columns: repeat(3,minmax(0,1fr)); } }
@media(max-width:1250px) {
  .cash-header { align-items: flex-end; gap: 15px; }
  .cash-view-tab { padding: 9px 10px; font-size: 13px; }
  .cash-page .cash-workspace { grid-template-columns: minmax(0,1fr) minmax(330px,.85fr); gap: 16px; }
  .cash-page .pos-products { padding: 13px; gap: 11px; }
  .cash-page .pos-product { padding: 14px; }
  .cash-panel-header { padding: 17px; }
  .cash-create-product { font-size: 12px; padding: 8px; }
  .cash-product-bottom>b { font-size: 17px; }
}
@media(max-width:1100px) {
  body:has(.cash-page) aside { width: 228px; }
  body:has(.cash-page) .main { margin-left: 228px; }
  .cash-page { padding-bottom: 110px; }
  .cash-header { flex-wrap: wrap; align-items: flex-start; }
  .cash-view-tabs { width: 100%; justify-content: space-between; }
  .cash-view-tab { flex: 1; padding: 10px 7px; font-size: 14px; }
  .cash-page .cash-checkout { display: none; }
  .cash-pane-tabs { display: flex; gap: 8px; margin-bottom: 16px; }
  .cash-pane-tab { flex: 1; border: 1px solid #cad7e4; border-radius: 6px; padding: 12px; background: #fff; font-size: 15px; color: #496780; font-weight: 600; }
  .cash-pane-tab.selected { background: #e8f3ef; border-color: #84b09f; color: #1d624d; }
  .cash-page .cash-workspace { display: block; }
  .cash-page .pos-catalog { height: auto; min-height: 400px; }
  .cash-page .pos-products { max-height: none; overflow: visible; padding: 17px; }
  .cash-page .pos-basket { height: auto; min-height: 420px; position: static; }
  .cash-page .pane-catalog .pos-basket { display: none; }
  .cash-page .pane-cart .pos-catalog { display: none; }
  .cash-page .basket-lines { max-height: none; }
  .cash-page .cash-empty-basket { min-height: 180px; }
  .cash-mobile-dock { position: fixed; display: flex; justify-content: space-between; align-items: center; gap: 16px; bottom: 0; left: 228px; right: 0; padding: 15px 24px; background: #fff; border-top: 1px solid #c9d8e3; box-shadow: 0 -5px 20px #203a4c0c; z-index: 12; }
  .cash-mobile-dock>div>span { display: block; font-size: 12px; color: #607c8b; }
  .cash-mobile-dock strong { font-size: 20px; color: #1a425b; font-variant-numeric: tabular-nums; }
  .cash-mobile-dock .primary { background: #146b55; border-color: #146b55; min-height: 44px; font-size: 14px; }
}
@media(max-width:960px) {
  body:has(.cash-page) .main { margin-left: 0; }
  body:has(.cash-page) aside { width: 280px; }
  .cash-mobile-dock { left: 0; }
}
@media(max-width:600px) {
  body:has(.cash-page) header { padding: 0 15px; height: 62px; }
  .cash-page { padding: 20px 14px 115px; }
  .cash-header { gap: 17px; margin-bottom: 16px; }
  .cash-header h1 { font-size: 27px; }
  .cash-header .eyebrow { font-size: 10px; }
  .cash-view-tabs { gap: 2px; padding: 3px; }
  .cash-view-tab { font-size: 12px; padding: 10px 5px; min-height: 39px; }
  .cash-panel-header { padding: 17px 14px; align-items: flex-start; }
  .cash-panel-header h2 { font-size: 18px; }
  .cash-panel-header p { font-size: 12px; }
  .cash-create-product { white-space: normal; max-width: 100px; text-align: center; line-height: 1.4; }
  .cash-search-row { padding: 13px; gap: 8px; }
  .cash-search { padding: 0 10px; }
  .cash-search>.ui-icon { display: none; }
  .cash-search input { font-size: 16px; min-height: 45px; }
  .cash-page .pos-products { padding: 12px; gap: 10px; }
  .cash-page .pos-product { padding: 13px 11px; min-height: 195px; }
  .cash-page .pos-product>strong { font-size: 15px; }
  .cash-page .pos-product>small { font-size: 11px; }
  .cash-product-top { gap: 6px; margin-bottom: 12px; }
  .cash-page .product-glyph { width: 28px; height: 28px; }
  .cash-stock { font-size: 10px; }
  .cash-product-bottom { flex-direction: column; align-items: stretch; gap: 12px; }
  .cash-product-bottom>b { font-size: 17px; }
  .cash-product-bottom>button { font-size: 14px; width: 100%; min-height: 40px; }
  .cash-page .basket-line { padding: 18px 15px; }
  .cash-page .basket-line strong { font-size: 15px; }
  .cash-page .basket-line small { font-size: 12px; }
  .cash-page .basket-total { padding: 20px 17px; }
  .cash-page .discount-field input { min-height: 40px; font-size: 16px; }
  .quantity-stepper>input { font-size: 16px; }
  .cash-mobile-dock { padding: 13px 16px max(13px,env(safe-area-inset-bottom)); gap: 14px; }
  .cash-mobile-dock strong { font-size: 19px; }
  .cash-mobile-dock .primary { font-size: 13px; padding: 10px 13px; }
}
@media print { body:has(.cash-page) { background: #fff; }.cash-mobile-dock { display: none!important; } }