/* Smart EZ ERP — camada visual futurista v2.2
   Apenas apresentação. Não altera conteúdo, validações, ações ou dados.
   Carregar por último em cada página operacional do ERP. */
:root {
  --sez-fx-orange: #ff7900;
  --sez-fx-orange-hot: #ff9b24;
  --sez-fx-amber: #ffc247;
  --sez-fx-cyan: #22d3ee;
  --sez-fx-violet: #756bff;
  --sez-fx-speed: 220ms;
  --sez-fx-radius: 16px;
}

html { scroll-behavior: smooth; }
.app-layout {
  position: relative;
  isolation: isolate;
  min-height: 100vh;
  background-color: #080a11 !important;
  background-image:
    radial-gradient(ellipse at 78% -4%, rgba(111, 78, 255, .19), transparent 34%),
    radial-gradient(ellipse at 0% 82%, rgba(255, 121, 0, .105), transparent 31%),
    radial-gradient(ellipse at 61% 52%, rgba(34, 211, 238, .045), transparent 38%),
    linear-gradient(135deg, #070910 0%, #0c101a 55%, #100b0b 100%) !important;
  color: #f4f6fb;
}
.app-layout::before {
  content: "";
  position: fixed;
  inset: 0;
  z-index: -1;
  pointer-events: none;
  opacity: .28;
  background-image:
    linear-gradient(rgba(255,255,255,.023) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,.023) 1px, transparent 1px);
  background-size: 36px 36px;
  mask-image: linear-gradient(to bottom, black, transparent 90%);
}

/* Menu lateral com profundidade, contraste e destaque Smart EZ. */
html[data-theme="dark"] .app-layout .sidebar,
html:not([data-theme="light"]) .app-layout .sidebar {
  background: linear-gradient(180deg, rgba(13,17,29,.98), rgba(8,10,17,.98)) !important;
  border-right: 1px solid rgba(34,211,238,.22) !important;
  box-shadow: 12px 0 44px rgba(0,0,0,.28), inset -1px 0 rgba(255,121,0,.10) !important;
  -webkit-backdrop-filter: blur(18px);
  backdrop-filter: blur(18px);
}
html[data-theme="dark"] .app-layout .sidebar-brand,
html:not([data-theme="light"]) .app-layout .sidebar-brand {
  border-bottom: 1px solid rgba(255,255,255,.08) !important;
  position: relative;
}
html[data-theme="dark"] .app-layout .sidebar-brand::after,
html:not([data-theme="light"]) .app-layout .sidebar-brand::after {
  content: "";
  position: absolute;
  left: 12%; right: 12%; bottom: -1px;
  height: 1px;
  background: linear-gradient(90deg, transparent, rgba(255,121,0,.78), rgba(34,211,238,.45), transparent);
  pointer-events: none;
}
.app-layout .menu-item,
.app-layout .sidebar-toggle button,
.app-layout .header-action,
.app-layout .mobile-menu-btn {
  border-radius: 12px !important;
  transition: background-color var(--sez-fx-speed) ease,
              color var(--sez-fx-speed) ease,
              border-color var(--sez-fx-speed) ease,
              box-shadow var(--sez-fx-speed) ease,
              transform var(--sez-fx-speed) ease !important;
}
html[data-theme="dark"] .app-layout .menu-item,
html:not([data-theme="light"]) .app-layout .menu-item {
  border: 1px solid transparent !important;
}
html[data-theme="dark"] .app-layout .menu-item:hover,
html:not([data-theme="light"]) .app-layout .menu-item:hover {
  background: linear-gradient(100deg, rgba(255,121,0,.13), rgba(34,211,238,.055)) !important;
  border-color: rgba(255,121,0,.22) !important;
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.018), 0 8px 24px rgba(0,0,0,.18) !important;
  transform: translateX(2px);
}
html[data-theme="dark"] .app-layout .menu-item.active,
html:not([data-theme="light"]) .app-layout .menu-item.active {
  background: linear-gradient(105deg, rgba(255,121,0,.22), rgba(118,107,255,.13)) !important;
  border-color: rgba(255,155,36,.34) !important;
  border-left: 3px solid var(--sez-fx-orange) !important;
  box-shadow: inset 0 0 24px rgba(255,121,0,.065), 0 0 22px rgba(255,121,0,.055) !important;
}
html[data-theme="dark"] .app-layout .menu-item.active i,
html:not([data-theme="light"]) .app-layout .menu-item.active i {
  color: var(--sez-fx-orange-hot) !important;
  filter: drop-shadow(0 0 6px rgba(255,121,0,.35));
}

/* Barra superior em vidro e linha de luz discreta. */
html[data-theme="dark"] .app-layout .header,
html:not([data-theme="light"]) .app-layout .header {
  background: linear-gradient(100deg, rgba(13,17,29,.92), rgba(16,15,27,.82)) !important;
  border-bottom: 1px solid rgba(34,211,238,.18) !important;
  box-shadow: 0 10px 32px rgba(0,0,0,.17) !important;
  -webkit-backdrop-filter: blur(18px);
  backdrop-filter: blur(18px);
  position: relative;
}
html[data-theme="dark"] .app-layout .header::after,
html:not([data-theme="light"]) .app-layout .header::after {
  content: "";
  position: absolute;
  left: 0; right: 0; bottom: -1px; height: 1px;
  background: linear-gradient(90deg, rgba(255,121,0,.36), transparent 35%, rgba(34,211,238,.25));
  pointer-events: none;
}
.app-layout .main-content {
  min-width: 0;
  background: transparent !important;
}
.app-layout .page-content {
  min-width: 0;
}

/* Cartões: borda com luz, profundidade e hover sem alterar seus conteúdos. */
.app-layout .stat-card,
.app-layout .card,
.app-layout .chart-card,
.app-layout .chart-container,
.app-layout .content-card,
.app-layout .panel,
.app-layout .widget-card,
.app-layout .report-card,
.app-layout .dashboard-card,
.app-layout .table-container,
.app-layout .form-section,
.app-layout .settings-card,
.app-layout .metric-card,
.app-layout .kpi-card,
.app-layout .summary-card,
.app-layout .data-card,
.app-layout .section-card,
.app-layout .modal-content,
.app-layout .modal-dialog,
.app-layout .offcanvas,
.app-layout fieldset {
  border-radius: var(--sez-fx-radius) !important;
  border-color: rgba(148,163,184,.20) !important;
  transition: border-color 240ms ease, box-shadow 240ms ease, transform 240ms ease, background-color 240ms ease !important;
}
html[data-theme="dark"] .app-layout .stat-card,
html[data-theme="dark"] .app-layout .card,
html[data-theme="dark"] .app-layout .chart-card,
html[data-theme="dark"] .app-layout .chart-container,
html[data-theme="dark"] .app-layout .content-card,
html[data-theme="dark"] .app-layout .panel,
html[data-theme="dark"] .app-layout .widget-card,
html[data-theme="dark"] .app-layout .report-card,
html[data-theme="dark"] .app-layout .dashboard-card,
html[data-theme="dark"] .app-layout .table-container,
html[data-theme="dark"] .app-layout .form-section,
html[data-theme="dark"] .app-layout .settings-card,
html[data-theme="dark"] .app-layout .metric-card,
html[data-theme="dark"] .app-layout .kpi-card,
html[data-theme="dark"] .app-layout .summary-card,
html[data-theme="dark"] .app-layout .data-card,
html[data-theme="dark"] .app-layout .section-card,
html[data-theme="dark"] .app-layout .modal-content,
html[data-theme="dark"] .app-layout .modal-dialog,
html[data-theme="dark"] .app-layout fieldset,
html:not([data-theme="light"]) .app-layout .stat-card,
html:not([data-theme="light"]) .app-layout .card,
html:not([data-theme="light"]) .app-layout .chart-card,
html:not([data-theme="light"]) .app-layout .chart-container,
html:not([data-theme="light"]) .app-layout .content-card,
html:not([data-theme="light"]) .app-layout .panel,
html:not([data-theme="light"]) .app-layout .widget-card,
html:not([data-theme="light"]) .app-layout .report-card,
html:not([data-theme="light"]) .app-layout .dashboard-card,
html:not([data-theme="light"]) .app-layout .table-container,
html:not([data-theme="light"]) .app-layout .form-section,
html:not([data-theme="light"]) .app-layout .settings-card,
html:not([data-theme="light"]) .app-layout .metric-card,
html:not([data-theme="light"]) .app-layout .kpi-card,
html:not([data-theme="light"]) .app-layout .summary-card,
html:not([data-theme="light"]) .app-layout .data-card,
html:not([data-theme="light"]) .app-layout .section-card,
html:not([data-theme="light"]) .app-layout .modal-content,
html:not([data-theme="light"]) .app-layout .modal-dialog,
html:not([data-theme="light"]) .app-layout fieldset {
  background-image: linear-gradient(135deg, rgba(255,255,255,.045), transparent 58%), radial-gradient(ellipse at 100% 0%, rgba(99,102,241,.065), transparent 38%) !important;
  box-shadow: 0 12px 32px rgba(0,0,0,.12), inset 0 1px rgba(255,255,255,.025);
}
@media (hover: hover) and (pointer: fine) {
  .app-layout .stat-card:hover,
  .app-layout .card:hover,
  .app-layout .chart-card:hover,
  .app-layout .content-card:hover,
  .app-layout .widget-card:hover,
  .app-layout .report-card:hover,
  .app-layout .dashboard-card:hover,
  .app-layout .settings-card:hover,
  .app-layout .metric-card:hover,
  .app-layout .kpi-card:hover,
  .app-layout .summary-card:hover,
  .app-layout .data-card:hover,
  .app-layout .section-card:hover {
    transform: translateY(-3px);
    border-color: rgba(255,155,36,.38) !important;
    box-shadow: 0 18px 42px rgba(0,0,0,.22), 0 0 24px rgba(255,121,0,.07) !important;
  }
}

/* Inputs e selects com foco visível e contraste adequado nos dois temas. */
.app-layout input:not([type="checkbox"]):not([type="radio"]):not([type="range"]),
.app-layout select,
.app-layout textarea,
.app-layout .form-control,
.app-layout .form-select {
  border-radius: 11px;
  transition: border-color 180ms ease, box-shadow 180ms ease, background-color 180ms ease !important;
}
html[data-theme="dark"] .app-layout input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):focus,
html[data-theme="dark"] .app-layout select:focus,
html[data-theme="dark"] .app-layout textarea:focus,
html[data-theme="dark"] .app-layout .form-control:focus,
html[data-theme="dark"] .app-layout .form-select:focus,
html:not([data-theme="light"]) .app-layout input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):focus,
html:not([data-theme="light"]) .app-layout select:focus,
html:not([data-theme="light"]) .app-layout textarea:focus,
html:not([data-theme="light"]) .app-layout .form-control:focus,
html:not([data-theme="light"]) .app-layout .form-select:focus {
  border-color: rgba(255,155,36,.78) !important;
  box-shadow: 0 0 0 3px rgba(255,121,0,.13), 0 0 22px rgba(34,211,238,.04) !important;
}
.app-layout button,
.app-layout .btn,
.app-layout a.btn,
.app-layout input[type="submit"],
.app-layout input[type="button"] {
  border-radius: 11px;
  transition: background-color 180ms ease, color 180ms ease, border-color 180ms ease, box-shadow 180ms ease, transform 180ms ease, filter 180ms ease !important;
}
.app-layout .btn-primary,
.app-layout button.btn-primary,
.app-layout .btn-main,
.app-layout .btn-save,
.app-layout .btn-submit,
.app-layout .btn-add,
.app-layout .btn-new,
.app-layout button[type="submit"],
.app-layout input[type="submit"] {
  border-color: rgba(255,155,36,.75) !important;
  background: linear-gradient(115deg, #f96808 0%, #ff8d00 58%, #ffc21a 100%) !important;
  color: #fff !important;
  box-shadow: 0 8px 22px rgba(255,121,0,.18), inset 0 1px rgba(255,255,255,.23) !important;
  font-weight: 650;
}
@media (hover: hover) and (pointer: fine) {
  .app-layout .btn-primary:hover,
  .app-layout button.btn-primary:hover,
  .app-layout .btn-main:hover,
  .app-layout .btn-save:hover,
  .app-layout .btn-submit:hover,
  .app-layout .btn-add:hover,
  .app-layout .btn-new:hover,
  .app-layout button[type="submit"]:hover,
  .app-layout input[type="submit"]:hover {
    filter: brightness(1.06);
    box-shadow: 0 11px 28px rgba(255,121,0,.26), 0 0 0 1px rgba(255,194,26,.15) !important;
    transform: translateY(-1px);
  }
  .app-layout .btn:not(.btn-primary):not(.btn-danger):not(.btn-success):not(.btn-warning):not(.btn-info):hover,
  .app-layout button:not(.btn-primary):not(.btn-danger):not(.btn-success):not(.btn-warning):not(.btn-info):hover {
    border-color: rgba(34,211,238,.24);
    box-shadow: 0 7px 22px rgba(0,0,0,.12);
  }
}
.app-layout button:focus-visible,
.app-layout a:focus-visible,
.app-layout input:focus-visible,
.app-layout select:focus-visible,
.app-layout textarea:focus-visible,
.app-layout .btn:focus-visible {
  outline: 2px solid var(--sez-fx-orange-hot) !important;
  outline-offset: 3px;
}

/* Tabelas e áreas com rolagem horizontal em telas pequenas. */
.app-layout .table-container,
.app-layout .table-responsive,
.app-layout .dataTables_wrapper,
.app-layout .table-wrapper {
  max-width: 100%;
  overflow-x: auto;
  overscroll-behavior-x: contain;
}
.app-layout table thead th,
.app-layout .table thead th,
.app-layout .data-table thead th {
  border-bottom-color: rgba(34,211,238,.25) !important;
}
.app-layout .toolbar,
.app-layout .page-toolbar,
.app-layout .filters-toolbar,
.app-layout .form-actions,
.app-layout .page-actions {
  row-gap: 10px;
  flex-wrap: wrap;
}
.app-layout .stat-value,
.app-layout .kpi-value,
.app-layout .metric-value { font-variant-numeric: tabular-nums; }

/* Páginas públicas de acompanhamento e fotos ligadas ao ERP. */
body[data-page] {
  background-color: #080a11 !important;
  background-image:
    radial-gradient(ellipse at 85% 5%, rgba(99,102,241,.15), transparent 35%),
    radial-gradient(ellipse at 12% 90%, rgba(255,121,0,.08), transparent 36%),
    linear-gradient(135deg,#080a11,#11101a) !important;
  color: #f4f6fb;
}
body[data-page] .pub-card {
  border-color: rgba(255,121,0,.26) !important;
  box-shadow: 0 22px 70px rgba(0,0,0,.24), 0 0 36px rgba(99,102,241,.08) !important;
}

/* Animações breves e não intrusivas para entrada dos painéis. */
@keyframes sezFxEnterV2 {
  from { opacity: 0; transform: translateY(8px); }
  to { opacity: 1; transform: translateY(0); }
}
.app-layout .page-content > .toolbar,
.app-layout .page-content > .stat-grid,
.app-layout .page-content > .smart-ez-kpi-grid,
.app-layout .page-content > .dashboard-grid {
  animation: sezFxEnterV2 420ms cubic-bezier(.2,.7,.2,1) both;
}
@keyframes sezFxGlowV2 {
  0%,100% { box-shadow: 0 0 0 rgba(255,121,0,0); }
  50% { box-shadow: 0 0 22px rgba(255,121,0,.09); }
}
html[data-theme="dark"] .app-layout .header-action:focus-visible { animation: sezFxGlowV2 1.8s ease-in-out infinite; }

/* Tema claro continua respeitando a preferência escolhida pelo usuário. */
html[data-theme="light"] .app-layout {
  background-color: #f4f7fc !important;
  background-image:
    radial-gradient(ellipse at 85% -5%, rgba(99,102,241,.13), transparent 34%),
    radial-gradient(ellipse at 4% 80%, rgba(255,121,0,.085), transparent 32%),
    linear-gradient(135deg,#f7f9fe,#eef3fb 60%,#fff8f0) !important;
  color: #182235;
}
html[data-theme="light"] .app-layout::before { opacity: .42; background-image: linear-gradient(rgba(51,65,85,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(51,65,85,.035) 1px,transparent 1px); }
html[data-theme="light"] .app-layout .sidebar { background: linear-gradient(180deg,rgba(255,255,255,.97),rgba(245,248,253,.97)) !important; border-right: 1px solid rgba(99,102,241,.18) !important; box-shadow: 10px 0 30px rgba(31,41,55,.08),inset -1px 0 rgba(255,121,0,.12) !important; }
html[data-theme="light"] .app-layout .header { background: linear-gradient(100deg,rgba(255,255,255,.95),rgba(248,250,255,.88)) !important; border-bottom: 1px solid rgba(99,102,241,.17) !important; box-shadow: 0 8px 26px rgba(31,41,55,.07) !important; }
html[data-theme="light"] .app-layout .menu-item.active { background: linear-gradient(105deg,rgba(255,121,0,.12),rgba(99,102,241,.08)) !important; border-color: rgba(255,121,0,.25) !important; box-shadow: inset 0 0 18px rgba(255,121,0,.035) !important; }
html[data-theme="light"] .app-layout .stat-card,
html[data-theme="light"] .app-layout .card,
html[data-theme="light"] .app-layout .chart-card,
html[data-theme="light"] .app-layout .chart-container,
html[data-theme="light"] .app-layout .content-card,
html[data-theme="light"] .app-layout .panel,
html[data-theme="light"] .app-layout .widget-card,
html[data-theme="light"] .app-layout .report-card,
html[data-theme="light"] .app-layout .dashboard-card,
html[data-theme="light"] .app-layout .table-container,
html[data-theme="light"] .app-layout .form-section,
html[data-theme="light"] .app-layout .settings-card,
html[data-theme="light"] .app-layout .metric-card,
html[data-theme="light"] .app-layout .kpi-card,
html[data-theme="light"] .app-layout .summary-card,
html[data-theme="light"] .app-layout .data-card,
html[data-theme="light"] .app-layout .section-card,
html[data-theme="light"] .app-layout .modal-content,
html[data-theme="light"] .app-layout .modal-dialog,
html[data-theme="light"] .app-layout fieldset {
  background-color: rgba(255,255,255,.88) !important;
  background-image: linear-gradient(135deg,rgba(255,121,0,.035),transparent 55%),radial-gradient(ellipse at 100% 0%,rgba(99,102,241,.035),transparent 38%) !important;
  border-color: rgba(99,102,241,.15) !important;
  box-shadow: 0 10px 28px rgba(35,45,65,.055),inset 0 1px rgba(255,255,255,.8) !important;
}
html[data-theme="light"] .app-layout .menu-item:hover { border-color: rgba(255,121,0,.23) !important; box-shadow: 0 5px 18px rgba(35,45,65,.06) !important; }

@media (max-width: 1024px) {
  .app-layout .toolbar,
  .app-layout .page-toolbar,
  .app-layout .filters-toolbar,
  .app-layout .form-actions,
  .app-layout .page-actions { gap: 8px; }
  .app-layout .main-content { min-width: 0; }
}
@media (max-width: 768px) {
  .app-layout { background-attachment: scroll; }
  .app-layout::before { position: absolute; opacity: .18; background-size: 30px 30px; }
  .app-layout .stat-card,
  .app-layout .card,
  .app-layout .chart-card,
  .app-layout .content-card,
  .app-layout .widget-card,
  .app-layout .report-card,
  .app-layout .dashboard-card,
  .app-layout .settings-card,
  .app-layout .metric-card,
  .app-layout .kpi-card,
  .app-layout .summary-card,
  .app-layout .data-card,
  .app-layout .section-card { transform: none; }
  .app-layout .header-action,
  .app-layout .mobile-menu-btn,
  .app-layout .menu-item { -webkit-tap-highlight-color: rgba(255,121,0,.13); }
  .app-layout .table-container,
  .app-layout .table-responsive,
  .app-layout .table-wrapper { overflow-x: auto; }
}
@media (prefers-reduced-motion: reduce) {
  *,*::before,*::after { scroll-behavior:auto !important; animation-duration:.01ms !important; animation-iteration-count:1 !important; transition-duration:.01ms !important; }
}


/* Smart EZ ERP — v3: cobertura visual para páginas fora de .app-layout, principalmente /erp/pdv.html. */
.pdv-wrapper{position:relative;isolation:isolate;min-width:0;background:radial-gradient(ellipse at 77% -6%,rgba(117,107,255,.19),transparent 34%),radial-gradient(ellipse at 0% 80%,rgba(255,121,0,.10),transparent 32%),linear-gradient(135deg,#080a11 0%,#0c101a 58%,#100b0b 100%)!important;color:var(--text-primary,#f1f5f9)}
.pdv-wrapper .sidebar{background:linear-gradient(180deg,rgba(13,17,29,.985),rgba(8,10,17,.99))!important;border-right:1px solid rgba(34,211,238,.20)!important;box-shadow:12px 0 38px rgba(0,0,0,.27),inset -1px 0 rgba(255,121,0,.10)!important;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}
.pdv-wrapper .sidebar-brand{position:relative;border-bottom:1px solid rgba(255,255,255,.08)!important}
.pdv-wrapper .sidebar-brand::after{content:"";position:absolute;left:12%;right:12%;bottom:-1px;height:1px;background:linear-gradient(90deg,transparent,rgba(255,121,0,.78),rgba(34,211,238,.48),transparent);pointer-events:none}
.pdv-wrapper .menu-item,.pdv-wrapper .cat-btn,.pdv-wrapper .pay-method,.pdv-wrapper .sale-type-btn,.pdv-wrapper .btn,.pdv-wrapper button{transition:background-color 200ms ease,color 200ms ease,border-color 200ms ease,box-shadow 200ms ease,transform 200ms ease,filter 200ms ease!important}
.pdv-wrapper .menu-item{border:1px solid transparent!important;border-radius:11px!important}
.pdv-wrapper .menu-item:hover{background:linear-gradient(100deg,rgba(255,121,0,.15),rgba(34,211,238,.055))!important;border-color:rgba(255,121,0,.24)!important;box-shadow:0 7px 22px rgba(0,0,0,.2)!important;transform:translateX(2px)}
.pdv-wrapper .menu-item.active{background:linear-gradient(105deg,rgba(255,121,0,.22),rgba(118,107,255,.14))!important;border-color:rgba(255,155,36,.32)!important;border-left:3px solid #ff7900!important;box-shadow:inset 0 0 22px rgba(255,121,0,.07),0 0 20px rgba(255,121,0,.055)!important}
.pdv-wrapper .menu-item.active i{color:#ff9b24!important;filter:drop-shadow(0 0 6px rgba(255,121,0,.32))}
.pdv-wrapper .pdv-content,.pdv-wrapper .pdv-left,.pdv-wrapper .pdv-products-area{background:transparent!important}
.pdv-wrapper .pdv-header{position:relative;background:linear-gradient(100deg,rgba(15,19,32,.95),rgba(20,17,29,.91))!important;border-bottom:1px solid rgba(34,211,238,.19)!important;box-shadow:0 8px 30px rgba(0,0,0,.16)!important;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}
.pdv-wrapper .pdv-header::after{content:"";position:absolute;bottom:-1px;left:0;right:0;height:1px;background:linear-gradient(90deg,rgba(255,121,0,.42),transparent 42%,rgba(34,211,238,.28));pointer-events:none}
.pdv-wrapper .pdv-categories{background:rgba(11,14,24,.52)!important;border-bottom-color:rgba(148,163,184,.18)!important}
.pdv-wrapper .pdv-search-bar input,.pdv-wrapper .cart-customer select{border-color:rgba(148,163,184,.26)!important;border-radius:12px!important;box-shadow:inset 0 1px rgba(255,255,255,.025);transition:border-color 180ms ease,box-shadow 180ms ease,background 180ms ease!important}
.pdv-wrapper .pdv-search-bar input:focus,.pdv-wrapper .cart-customer select:focus{border-color:rgba(255,155,36,.82)!important;box-shadow:0 0 0 3px rgba(255,121,0,.14),0 0 20px rgba(34,211,238,.04)!important}
.pdv-wrapper .cat-btn{border-color:rgba(148,163,184,.22)!important;border-radius:999px!important;background:rgba(18,23,37,.68)!important;color:var(--text-secondary,#cbd5e1)!important}
.pdv-wrapper .cat-btn:hover{border-color:rgba(255,155,36,.50)!important;background:rgba(255,121,0,.08)!important}
.pdv-wrapper .cat-btn.active{background:linear-gradient(115deg,#f96808,#ff8d00 58%,#ffc21a)!important;border-color:rgba(255,194,26,.75)!important;color:#fff!important;box-shadow:0 7px 20px rgba(255,121,0,.17),inset 0 1px rgba(255,255,255,.18)!important}
.pdv-wrapper .product-card{position:relative;border-radius:15px!important;border-color:rgba(148,163,184,.20)!important;background:linear-gradient(145deg,rgba(25,30,48,.97),rgba(13,17,29,.98))!important;box-shadow:0 8px 24px rgba(0,0,0,.14),inset 0 1px rgba(255,255,255,.035)!important;transition:transform 220ms ease,border-color 220ms ease,box-shadow 220ms ease,filter 220ms ease!important}
.pdv-wrapper .product-card:hover{transform:translateY(-3px)!important;border-color:rgba(255,155,36,.55)!important;box-shadow:0 16px 32px rgba(0,0,0,.25),0 0 24px rgba(255,121,0,.07)!important}
.pdv-wrapper .product-card .p-thumb{border-color:rgba(34,211,238,.16)!important;background:radial-gradient(ellipse at 50% 0%,rgba(255,121,0,.09),transparent 70%),linear-gradient(145deg,rgba(26,31,53,.95),rgba(13,17,29,.98))!important}
.pdv-wrapper .pdv-right{background:linear-gradient(180deg,rgba(15,19,32,.985),rgba(9,11,19,.99))!important;border-left-color:rgba(34,211,238,.18)!important;box-shadow:-18px 0 38px rgba(0,0,0,.17)!important}
.pdv-wrapper .cart-header,.pdv-wrapper .cart-customer,.pdv-wrapper .cart-payment,.pdv-wrapper .cart-summary{border-color:rgba(148,163,184,.18)!important}
.pdv-wrapper .cart-header{background:linear-gradient(110deg,rgba(255,121,0,.08),rgba(118,107,255,.07))!important}
.pdv-wrapper .cart-item{border-bottom-color:rgba(148,163,184,.13)!important;transition:background-color 180ms ease!important}
.pdv-wrapper .cart-item:hover{background:rgba(34,211,238,.035)!important}
.pdv-wrapper .pay-method,.pdv-wrapper .sale-type-btn{border-color:rgba(148,163,184,.22)!important;border-radius:11px!important;background:rgba(15,19,31,.64)!important}
.pdv-wrapper .pay-method:hover,.pdv-wrapper .sale-type-btn:hover{border-color:rgba(255,155,36,.46)!important;background:rgba(255,121,0,.08)!important}
.pdv-wrapper .pay-method.selected,.pdv-wrapper .sale-type-btn.active{border-color:rgba(255,155,36,.68)!important;background:linear-gradient(130deg,rgba(255,121,0,.17),rgba(118,107,255,.12))!important;color:#ffb34d!important;box-shadow:inset 0 0 16px rgba(255,121,0,.05),0 0 18px rgba(255,121,0,.045)!important}
.pdv-wrapper .cart-summary .cs-row.total{border-top-color:rgba(34,211,238,.19)!important}
.pdv-wrapper .cart-actions .btn-primary,.pdv-wrapper #btnFinalize{border-color:rgba(255,155,36,.72)!important;background:linear-gradient(115deg,#f96808,#ff8d00 58%,#ffc21a)!important;color:#fff!important;box-shadow:0 8px 22px rgba(255,121,0,.19),inset 0 1px rgba(255,255,255,.20)!important}
.pdv-wrapper .cart-actions .btn-primary:hover,.pdv-wrapper #btnFinalize:hover{filter:brightness(1.05);box-shadow:0 12px 28px rgba(255,121,0,.25)!important;transform:translateY(-1px)}
.pdv-wrapper :is(button,a,input,select,textarea):focus-visible{outline:2px solid #ffad42!important;outline-offset:3px}
.pdv-wrapper .cart-handle{border-color:rgba(255,155,36,.26)!important}
@keyframes sezPdvEntryV3{from{opacity:.88;filter:saturate(.88)}to{opacity:1;filter:saturate(1)}}
.pdv-wrapper .pdv-header,.pdv-wrapper .pdv-right{animation:sezPdvEntryV3 380ms ease-out both}
@media(hover:hover) and (pointer:fine){.pdv-wrapper .pay-method:hover,.pdv-wrapper .sale-type-btn:hover{transform:translateY(-1px)}}
@media(max-width:768px){.pdv-wrapper .pdv-right{box-shadow:0 -16px 46px rgba(0,0,0,.36)!important;border-top:1px solid rgba(34,211,238,.21)!important}.pdv-wrapper .pdv-header{background:rgba(13,17,29,.97)!important}.pdv-wrapper .product-card{border-radius:12px!important}.pdv-wrapper .pdv-categories{padding-left:10px!important;padding-right:10px!important}}
@media(max-width:420px){.pdv-wrapper .cart-actions{gap:6px!important}.pdv-wrapper .cart-actions .btn{padding:10px 6px!important}}
html[data-theme="light"] .pdv-wrapper{background:radial-gradient(ellipse at 82% -5%,rgba(124,114,255,.13),transparent 34%),radial-gradient(ellipse at 0% 80%,rgba(255,121,0,.075),transparent 32%),linear-gradient(135deg,#f5f7fc,#edf2fa 62%,#fff8f0)!important;color:#182235}
html[data-theme="light"] .pdv-wrapper .sidebar{background:linear-gradient(180deg,rgba(255,255,255,.98),rgba(242,246,252,.98))!important;border-right-color:rgba(99,102,241,.18)!important;box-shadow:10px 0 30px rgba(31,41,55,.08),inset -1px 0 rgba(255,121,0,.12)!important}
html[data-theme="light"] .pdv-wrapper .pdv-header,html[data-theme="light"] .pdv-wrapper .pdv-right{background:linear-gradient(100deg,rgba(255,255,255,.97),rgba(246,248,253,.95))!important;box-shadow:0 8px 26px rgba(31,41,55,.06)!important}
html[data-theme="light"] .pdv-wrapper .pdv-categories{background:rgba(255,255,255,.65)!important}
html[data-theme="light"] .pdv-wrapper .product-card{background:linear-gradient(145deg,#fff,#f5f7fc)!important;border-color:rgba(99,102,241,.15)!important;box-shadow:0 8px 24px rgba(35,45,65,.06),inset 0 1px #fff!important}
html[data-theme="light"] .pdv-wrapper .product-card .p-thumb{background:linear-gradient(145deg,#fff,#f1f4fa)!important;border-color:rgba(99,102,241,.14)!important}
html[data-theme="light"] .pdv-wrapper .cat-btn,html[data-theme="light"] .pdv-wrapper .pay-method,html[data-theme="light"] .pdv-wrapper .sale-type-btn{background:rgba(255,255,255,.82)!important;color:#334155!important;border-color:rgba(99,102,241,.16)!important}
html[data-theme="light"] .pdv-wrapper .pay-method.selected,html[data-theme="light"] .pdv-wrapper .sale-type-btn.active{background:linear-gradient(130deg,rgba(255,121,0,.12),rgba(118,107,255,.08))!important;color:#c45b00!important;border-color:rgba(255,121,0,.38)!important}

/* Standalone ERP pages: finish them visually without touching forms or behaviour. */
.wrap .card,body>main.card,.ln-body .ln{border:1px solid rgba(255,155,36,.24)!important;border-radius:24px!important;box-shadow:0 22px 64px rgba(0,0,0,.16),0 0 34px rgba(124,114,255,.07)!important;transition:box-shadow 220ms ease,border-color 220ms ease,transform 220ms ease!important;animation:sezFxEnterV2 420ms cubic-bezier(.2,.7,.2,1) both}
.wrap input,.wrap select,.wrap textarea,.ln input,.ln select,.ln textarea,body>main.card input,body>main.card select,body>main.card textarea{border-radius:11px!important;transition:border-color 180ms ease,box-shadow 180ms ease!important}
.wrap input:focus,.wrap select:focus,.wrap textarea:focus,.ln input:focus,.ln select:focus,.ln textarea:focus,body>main.card input:focus,body>main.card select:focus,body>main.card textarea:focus{border-color:rgba(255,155,36,.8)!important;box-shadow:0 0 0 3px rgba(255,121,0,.12),0 0 18px rgba(34,211,238,.035)!important}
.wrap button:focus-visible,.wrap a:focus-visible,.ln button:focus-visible,.ln a:focus-visible,body>main.card button:focus-visible,body>main.card a:focus-visible{outline:2px solid #ffad42!important;outline-offset:3px}
.login-panel{position:relative;isolation:isolate}
.login-panel::after{content:"";position:absolute;left:8%;right:8%;bottom:0;height:1px;pointer-events:none;background:linear-gradient(90deg,transparent,rgba(255,121,0,.28),rgba(34,211,238,.20),transparent)}
@media(hover:hover) and (pointer:fine){.wrap .card:hover,body>main.card:hover,.ln-body .ln:hover{border-color:rgba(255,155,36,.4)!important;box-shadow:0 28px 72px rgba(0,0,0,.20),0 0 40px rgba(255,121,0,.09)!important}}
@media(prefers-reduced-motion:reduce){.pdv-wrapper .pdv-header,.pdv-wrapper .pdv-right,.wrap .card,body>main.card,.ln-body .ln{animation:none!important}}