:root{--pps-primary: #b34c59;--pps-primary-hover: #8f3d47;--pps-accent: #eac431;--pps-text: #0c0c0c;--pps-white: #ffffff;--pps-page-bg: #f7f6f5;--pps-surface: #ffffff;--pps-surface-muted: #f2f0ee;--pps-border: #d9d9d9;--pps-border-strong: #cccccc;--pps-text-muted: #333333;--pps-nav-bg: #202020;--pps-nav-border: #333333;--pps-nav-text: #ffffff;--pps-nav-muted: #c5cbd1;--pps-nav-hover: #090909}:root[data-theme=dark]{--pps-text: #f7f8fb;--pps-white: #1e232b;--pps-page-bg: #10151d;--pps-surface: #1e232b;--pps-surface-muted: #181d25;--pps-border: #39424f;--pps-border-strong: #4c5766;--pps-text-muted: #c7ced8;--pps-nav-bg: #161b22;--pps-nav-border: #39424f;--pps-nav-text: #f7f8fb;--pps-nav-muted: #c7ced8;--pps-nav-hover: #2a313c}html,body{margin:0;min-height:100%}body{background:var(--pps-page-bg);color:var(--pps-text);font-family:Lato,Helvetica Neue,Arial,sans-serif}:root[data-theme=dark] app-stock-page,:root[data-theme=dark] app-pedidos-entradas-page{background:var(--pps-page-bg);color:var(--pps-text)}:root[data-theme=dark] .main-navigation{background:var(--pps-nav-bg);color:var(--pps-nav-text)}:root[data-theme=dark] .brand,:root[data-theme=dark] .nav-logout-button{color:var(--pps-nav-muted)}:root[data-theme=dark] .navigation-links>li>a:hover,:root[data-theme=dark] .menu-trigger:hover,:root[data-theme=dark] .menu-item:focus-within>.menu-trigger{background:var(--pps-nav-hover)}:root[data-theme=dark] .submenu,:root[data-theme=dark] .submenu a,:root[data-theme=dark] .submenu-trigger,:root[data-theme=dark] .table-wrapper,:root[data-theme=dark] .stock-table,:root[data-theme=dark] .pagination,:root[data-theme=dark] .page-controls button,:root[data-theme=dark] .pagination-button,:root[data-theme=dark] .page-number,:root[data-theme=dark] .filter-row th,:root[data-theme=dark] .traza-modal-panel,:root[data-theme=dark] .traza-step-icon{background:var(--pps-surface);color:var(--pps-text)}:root[data-theme=dark] .submenu,:root[data-theme=dark] .table-wrapper,:root[data-theme=dark] .stock-table,:root[data-theme=dark] .pagination,:root[data-theme=dark] .traza-table-scroll{border-color:var(--pps-border)}:root[data-theme=dark] .submenu a,:root[data-theme=dark] .submenu-trigger{color:var(--pps-text)}:root[data-theme=dark] .submenu a:hover,:root[data-theme=dark] .submenu-trigger:hover{background:var(--pps-surface-muted)}:root[data-theme=dark] input,:root[data-theme=dark] select{background:var(--pps-surface);border-color:var(--pps-border-strong);color:var(--pps-text)}:root[data-theme=dark] .pedidos-table td,:root[data-theme=dark] .stock-table td,:root[data-theme=dark] .pedidos-table th,:root[data-theme=dark] .stock-table th,:root[data-theme=dark] .pagination-bar,:root[data-theme=dark] .traza-modal-footer{border-color:var(--pps-border)}:root[data-theme=dark] .pedidos-table tbody tr:nth-child(2n),:root[data-theme=dark] .stock-table tbody tr:nth-child(2n),:root[data-theme=dark] .traza-row td{background:var(--pps-surface-muted)}:root[data-theme=dark] .status-message,:root[data-theme=dark] .empty-message,:root[data-theme=dark] .page-size-field,:root[data-theme=dark] .page-summary,:root[data-theme=dark] .page-range,:root[data-theme=dark] .traza-count,:root[data-theme=dark] .traza-step-detalle,:root[data-theme=dark] .traza-modal-footer,:root[data-theme=dark] .traza-modal-panel,:root[data-theme=dark] .traza-close-button,:root[data-theme=dark] .traza-modal-close{color:var(--pps-text-muted)}:root[data-theme=dark] .spinner{border-color:var(--pps-border);border-top-color:var(--pps-primary)}:root[data-theme=dark] .traza-step--current .traza-step-titulo{color:#0c0c0c}:root[data-theme=dark] .traza-step--current .traza-step-detalle{color:#333}:root[data-theme=dark] .pedidos-table tbody tr,:root[data-theme=dark] .stock-table tbody tr{background:var(--pps-surface);color:var(--pps-text)}:root[data-theme=dark] .pedidos-table tbody tr:nth-child(2n),:root[data-theme=dark] .stock-table tbody tr:nth-child(2n){background:var(--pps-surface-muted)}.status-message{color:var(--pps-text-muted)}.status-message.error{color:#b3261e}.status-message.mock-banner{background-color:#fff4e5;border:1px solid #f0b429;border-radius:4px;color:#7a4a00;padding:8px 12px}.loading-container{align-items:center;display:flex;flex-direction:column;gap:12px;padding:32px 0}.spinner{animation:spin .8s linear infinite;border:3px solid #e3e3e3;border-radius:50%;border-top-color:var(--pps-primary);display:inline-block;height:32px;width:32px}@keyframes spin{to{transform:rotate(360deg)}}.nav-theme-button{align-items:center;background:transparent;border:1px solid var(--pps-nav-border);border-radius:4px;color:var(--pps-nav-text);cursor:pointer;display:inline-flex;height:36px;justify-content:center;padding:0;width:36px}.nav-theme-button:hover,.nav-theme-button:focus-visible{background:var(--pps-nav-hover);outline:2px solid var(--pps-primary);outline-offset:2px}.nav-theme-button .sun-icon,.nav-theme-button .moon-icon{display:block;position:relative}.nav-theme-button .sun-icon{background:var(--pps-accent);border-radius:50%;box-shadow:0 -9px 0 -4px var(--pps-accent),0 9px 0 -4px var(--pps-accent),9px 0 0 -4px var(--pps-accent),-9px 0 0 -4px var(--pps-accent),6px 6px 0 -4px var(--pps-accent),-6px -6px 0 -4px var(--pps-accent),6px -6px 0 -4px var(--pps-accent),-6px 6px 0 -4px var(--pps-accent);height:10px;width:10px}.nav-theme-button .moon-icon{border-radius:50%;box-shadow:-4px 0 0 0 var(--pps-primary);height:17px;transform:translate(3px);width:17px}
