/* POS — couche design moderne (session + caisse PosFin) */
.session-container {
  --pos-primary: #0d9488;
  --pos-primary-soft: #ccfbf1;
  --pos-primary-ink: #115e59;
  font-family: var(--erp-font-sans, "Manrope", "Segoe UI", sans-serif);
  background:
    radial-gradient(900px 320px at 90% -10%, rgb(13 148 136 / 0.1), transparent 55%),
    radial-gradient(700px 280px at 0% 0%, rgb(15 23 42 / 0.04), transparent 50%),
    #f0f4f8;
  min-height: 100vh;
}

.session-container .sk-card {
  border-radius: 1rem !important;
  border: 1px solid #e2e8f0 !important;
  box-shadow: 0 10px 28px rgb(15 23 42 / 0.06) !important;
}

.session-container .sk-icon-wrapper {
  background: #ccfbf1 !important;
  color: #0d9488 !important;
}

.session-container .active-row,
.session-container .sk-selectable.active,
.session-container .sk-selectable.selected {
  border-color: #0d9488 !important;
  background: #f0fdfa !important;
}

.session-container .shadow-primary {
  box-shadow: 0 6px 18px rgba(13, 148, 136, 0.28) !important;
}

.session-container .btn-primary {
  background: linear-gradient(145deg, #14b8a6, #0d9488) !important;
  border-color: transparent !important;
  box-shadow: 0 6px 16px rgb(13 148 136 / 0.25);
  border-radius: 0.7rem;
  font-weight: 700;
}

.session-container .btn-primary:hover {
  background: linear-gradient(145deg, #0d9488, #0f766e) !important;
}

.session-container .btn-outline-primary {
  color: #115e59 !important;
  border-color: rgb(13 148 136 / 0.35) !important;
  background: #ccfbf1 !important;
  border-radius: 0.7rem;
  font-weight: 600;
}

.session-container .form-control:focus,
.session-container .form-select:focus {
  border-color: #0d9488 !important;
  box-shadow: 0 0 0 3px rgb(13 148 136 / 0.18) !important;
}

.session-container .billet-badge {
  background: #0f766e !important;
  border-radius: 0.55rem !important;
}

.session-container .sk-section-label {
  color: #0d9488;
  letter-spacing: 0.08em;
}

/* ——— PosFin desktop ——— */
.pos-main-shell--modern {
  font-family: var(--erp-font-sans, "Manrope", "Segoe UI", sans-serif);
}

.pos-main-shell--modern .pos-sidebar__actions {
  background: linear-gradient(180deg, #f8fafc 0%, #ffffff 100%);
}

.pos-main-shell--modern .pos-sidebar__currency .text-primary {
  color: #0d9488 !important;
}

.pos-main-shell--modern .pos-catalog-pane {
  background:
    radial-gradient(900px 320px at 100% 0%, rgb(13 148 136 / 0.07), transparent 55%),
    #f8fafc !important;
  min-height: 100vh;
}

.pos-main-shell--modern .pos-session-bar {
  background: rgb(255 255 255 / 0.92);
  border: 1px solid #e2e8f0;
  box-shadow: 0 4px 16px rgb(15 23 42 / 0.05);
  backdrop-filter: blur(8px);
}

.pos-main-shell--modern .pos-badge-open {
  background: #ccfbf1;
  color: #115e59;
  border: 1px solid #99f6e4;
}

.pos-main-shell--modern .pos-user-chip {
  background: #f0fdfa;
  border: 1px solid #ccfbf1;
}

.pos-main-shell--modern .pos-user-chip .text-primary {
  color: #0d9488 !important;
}

.pos-main-shell--modern .search-container-pro {
  border-radius: 0.85rem !important;
  overflow: hidden;
  border: 1px solid #e2e8f0 !important;
  background: #fff;
}

.pos-main-shell--modern .search-input-pro:focus {
  box-shadow: none !important;
}

.pos-main-shell--modern .footer-section {
  background: linear-gradient(180deg, #ffffff 0%, #f8fafc 100%) !important;
  border-top: 1px solid #e2e8f0 !important;
}

.pos-main-shell--modern .btn-primary-pro {
  letter-spacing: 0.04em;
  text-transform: uppercase;
}

.pos-main-shell--modern .card.cart-item-pro {
  box-shadow: none;
}