/* ======================================================================= TEMA: Blueprint neon Inspirado en tablero tecnico oscuro: fondo azul marino con rejilla de plano, bordes cian con brillo (glow), acentos verde lima para positivo (Recibido / accion principal), naranja para dinero y magenta/cian para el patron de desbloqueo. Se activa con: No modifica la logica: solo redefine variables y superficies. ======================================================================= */ [data-theme="blueprint"] { color-scheme: dark; --ink: #e8f2ff; --muted: #8ba7c9; --panel: rgba(13, 32, 58, 0.74); --panel-strong: rgba(11, 26, 48, 0.94); --line: rgba(74, 162, 232, 0.32); --aqua: #3fb5f0; --mint: #7bd94f; --coral: #f5952b; --violet: #c14fd6; --bp-glow: rgba(63, 181, 240, 0.45); --bp-grid: rgba(88, 168, 232, 0.09); } [data-theme="blueprint"] body { color: var(--ink); background: radial-gradient(circle at 16% 6%, rgba(63, 181, 240, 0.16), transparent 34rem), radial-gradient(circle at 88% 12%, rgba(123, 217, 79, 0.08), transparent 30rem), linear-gradient(var(--bp-grid) 1px, transparent 1px) 0 0 / 34px 34px, linear-gradient(90deg, var(--bp-grid) 1px, transparent 1px) 0 0 / 34px 34px, linear-gradient(150deg, #071224 0%, #0a1a33 46%, #0b1226 100%); background-attachment: fixed; } /* Enlaces normales en cian; los botones (.btn) conservan el color de su variante para no perder contraste (verde con texto oscuro, etc.). */ [data-theme="blueprint"] a:not(.btn) { color: #5cc6ff; } [data-theme="blueprint"] .sidebar { background: rgba(7, 17, 33, 0.9); border-right: 1px solid var(--line); box-shadow: inset -1px 0 0 rgba(63, 181, 240, 0.18); } [data-theme="blueprint"] .brand-mark { background: linear-gradient(145deg, var(--aqua), #1c6fb0); box-shadow: 0 0 0 1px rgba(63, 181, 240, 0.5), 0 10px 26px rgba(63, 181, 240, 0.4); } [data-theme="blueprint"] .nav-link { color: rgba(210, 230, 250, 0.78); } [data-theme="blueprint"] .nav-link:hover, [data-theme="blueprint"] .nav-link.active { color: #fff; background: rgba(63, 181, 240, 0.16); box-shadow: inset 0 0 0 1px rgba(63, 181, 240, 0.35); } /* Superficies: panel navy con borde cian y halo */ [data-theme="blueprint"] .glass-card, [data-theme="blueprint"] .table-wrap, [data-theme="blueprint"] .metric, [data-theme="blueprint"] .timeline-item, [data-theme="blueprint"] .auth-card { background: var(--panel); border: 1px solid var(--line); box-shadow: 0 0 0 1px rgba(63, 181, 240, 0.06), 0 18px 44px rgba(2, 8, 20, 0.55), inset 0 1px 0 rgba(120, 190, 250, 0.08); backdrop-filter: blur(10px); } [data-theme="blueprint"] .auth-card { background: var(--panel-strong); } [data-theme="blueprint"] .mobile-quick-nav { background: rgba(7, 18, 36, 0.92); border-color: rgba(63, 181, 240, 0.42); box-shadow: 0 0 0 1px rgba(63, 181, 240, 0.12), 0 16px 42px rgba(2, 8, 20, 0.62); } [data-theme="blueprint"] .mobile-quick-nav__item:hover, [data-theme="blueprint"] .mobile-quick-nav__item.active { color: #fff; background: rgba(63, 181, 240, 0.18); border-color: rgba(63, 181, 240, 0.42); } /* Encabezados de seccion con acento cian */ [data-theme="blueprint"] .glass-card h2 { text-shadow: 0 0 14px rgba(63, 181, 240, 0.35); } [data-theme="blueprint"] .glass-card h2:not([data-icon])::before { content: ""; display: inline-block; width: 10px; height: 10px; margin-right: 9px; border-radius: 3px; background: var(--aqua); box-shadow: 0 0 14px rgba(63, 181, 240, 0.85); vertical-align: 0.08em; } [data-theme="blueprint"] .glass-card h1[data-icon]::before, [data-theme="blueprint"] .glass-card h2[data-icon]::before, [data-theme="blueprint"] .metric h2[data-icon]::before, [data-theme="blueprint"] .auth-card h1[data-icon]::before, [data-theme="blueprint"] .public-wrap h1[data-icon]::before, [data-theme="blueprint"] .topbar h1[data-icon]::before { color: #dbf5ff; background: rgba(63, 181, 240, 0.12); border-color: rgba(63, 181, 240, 0.44); box-shadow: inset 0 0 10px rgba(63, 181, 240, 0.12), 0 0 12px rgba(63, 181, 240, 0.18); } /* Tablas */ [data-theme="blueprint"] .table { --bs-table-color: var(--ink); --bs-table-bg: transparent; --bs-table-border-color: var(--line); color: var(--ink); } [data-theme="blueprint"] .table thead th { color: #9fc4ea; text-transform: uppercase; letter-spacing: 0.04em; font-size: 0.82rem; border-bottom-color: var(--line); } /* Formularios: relleno oscuro, borde cian, glow al enfocar */ [data-theme="blueprint"] .form-label { color: #b9d7f6; text-shadow: 0 0 10px rgba(63, 181, 240, 0.18); } [data-theme="blueprint"] .form-label[data-icon]::before { color: #dbf5ff; background: rgba(63, 181, 240, 0.12); border-color: rgba(63, 181, 240, 0.44); box-shadow: inset 0 0 10px rgba(63, 181, 240, 0.12), 0 0 12px rgba(63, 181, 240, 0.18); } [data-theme="blueprint"] .form-control, [data-theme="blueprint"] .form-select { background: rgba(8, 22, 43, 0.9); color: var(--ink); border-color: var(--line); min-height: 42px; box-shadow: inset 0 0 12px rgba(63, 181, 240, 0.08), 0 0 0 1px rgba(63, 181, 240, 0.05); } [data-theme="blueprint"] textarea.form-control { min-height: auto; } [data-theme="blueprint"] .form-select option, [data-theme="blueprint"] .form-select optgroup { background-color: #0a1c38; color: var(--ink); } [data-theme="blueprint"] .form-select option:checked { background-color: #168ad3; color: #fff; } [data-theme="blueprint"] .form-control::placeholder { color: #6f8dae; } [data-theme="blueprint"] .form-control:focus, [data-theme="blueprint"] .form-select:focus { background: rgba(10, 28, 54, 0.96); color: #fff; border-color: var(--aqua); box-shadow: 0 0 0 0.18rem rgba(63, 181, 240, 0.28), 0 0 18px rgba(63, 181, 240, 0.35); } [data-theme="blueprint"] .form-control[type="number"], [data-theme="blueprint"] .form-control[data-money] { color: #ffb35f; background: rgba(10, 24, 42, 0.98); border-color: rgba(245, 149, 43, 0.45); text-shadow: 0 0 10px rgba(245, 149, 43, 0.18); } [data-theme="blueprint"] .form-control[type="number"]:focus, [data-theme="blueprint"] .form-control[data-money]:focus { border-color: var(--coral); box-shadow: 0 0 0 0.18rem rgba(245, 149, 43, 0.22), 0 0 18px rgba(245, 149, 43, 0.24); } [data-theme="blueprint"] .form-control[data-warning] { background: rgba(42, 20, 16, 0.75); border-color: rgba(240, 90, 90, 0.48); color: #ffd2d2; } [data-theme="blueprint"] .form-select:disabled, [data-theme="blueprint"] .form-control:disabled { background: rgba(20, 34, 54, 0.6); color: #5f7690; opacity: 1; } [data-theme="blueprint"] .form-text { color: #7f9cbd; } /* Boton principal: verde lima con glow (accion positiva del tablero) */ [data-theme="blueprint"] .btn-primary { --bs-btn-bg: #4fb838; --bs-btn-border-color: #5fce45; --bs-btn-hover-bg: #5bce43; --bs-btn-hover-border-color: #6ee053; --bs-btn-color: #04210a; --bs-btn-hover-color: #04210a; --bs-btn-active-bg: #45a831; font-weight: 700; box-shadow: 0 0 18px rgba(95, 206, 69, 0.4); } [data-theme="blueprint"] .btn-success { --bs-btn-bg: #4fb838; --bs-btn-border-color: #5fce45; --bs-btn-hover-bg: #5bce43; --bs-btn-color: #04210a; } [data-theme="blueprint"] .btn-outline-dark { --bs-btn-color: #d4e6fa; --bs-btn-border-color: rgba(120, 180, 240, 0.5); --bs-btn-hover-bg: rgba(63, 181, 240, 0.14); --bs-btn-hover-color: #fff; --bs-btn-hover-border-color: var(--aqua); } [data-theme="blueprint"] .btn-outline-secondary { --bs-btn-color: #b9d1ea; --bs-btn-border-color: rgba(120, 160, 200, 0.4); --bs-btn-hover-bg: rgba(63, 181, 240, 0.12); --bs-btn-hover-color: #fff; --bs-btn-hover-border-color: var(--aqua); } [data-theme="blueprint"] .pos-payment-modal .modal-content, [data-theme="blueprint"] .pos-ticket-modal .modal-content { color: var(--ink); background: rgba(7, 18, 36, 0.96); border-color: rgba(63, 181, 240, 0.42); box-shadow: 0 0 0 1px rgba(63, 181, 240, 0.14), 0 24px 70px rgba(2, 8, 20, 0.68); } [data-theme="blueprint"] .pos-payment-modal .btn-close, [data-theme="blueprint"] .pos-ticket-modal .btn-close { filter: invert(1) grayscale(100%) brightness(180%); } [data-theme="blueprint"] .pos-payment-method { --bs-btn-color: #d4e6fa; --bs-btn-border-color: rgba(63, 181, 240, 0.48); --bs-btn-hover-bg: rgba(63, 181, 240, 0.16); --bs-btn-hover-border-color: var(--aqua); --bs-btn-hover-color: #fff; --bs-btn-active-bg: #3fb5f0; --bs-btn-active-border-color: #7bd94f; --bs-btn-active-color: #061b2f; background: rgba(9, 24, 46, 0.62); } [data-theme="blueprint"] .btn-check:checked + .pos-payment-method { color: #061b2f; background: #3fb5f0; border-color: #7bd94f; box-shadow: 0 0 18px rgba(63, 181, 240, 0.42); } [data-theme="blueprint"] .text-muted { color: var(--muted) !important; } [data-theme="blueprint"] .badge.text-bg-light { background: rgba(63, 181, 240, 0.16) !important; color: #cfe6fb !important; border: 1px solid rgba(63, 181, 240, 0.3); } /* Bloque de captura nueva (cliente/equipo) */ [data-theme="blueprint"] .quick-order-new { border: 1px dashed rgba(63, 181, 240, 0.35); background: rgba(9, 24, 46, 0.5); } [data-theme="blueprint"] .quick-order-action { color: #dff8ff; border-color: rgba(63, 181, 240, 0.36); background: rgba(14, 68, 108, 0.72); box-shadow: inset 0 0 16px rgba(63, 181, 240, 0.08); } [data-theme="blueprint"] .quick-order-action--stack { background: rgba(5, 17, 34, 0.48); } [data-theme="blueprint"] .quick-order-action--stack.is-alert { border-color: rgba(245, 158, 11, 0.7); background: rgba(64, 38, 7, 0.78); box-shadow: 0 0 0 2px rgba(245, 158, 11, 0.2), 0 0 18px rgba(245, 158, 11, 0.16); } [data-theme="blueprint"] .quick-order-action__hint, [data-theme="blueprint"] .quick-order-choice small { color: #9fbdd8; } [data-theme="blueprint"] .quick-order-decision { background: transparent; } [data-theme="blueprint"] .quick-order-decision__title { color: #ffd28a; } [data-theme="blueprint"] .quick-order-choice { color: #e8f7ff; border-color: rgba(245, 158, 11, 0.42); background: rgba(5, 17, 34, 0.72); } [data-theme="blueprint"] .quick-order-choice:has(input:checked) { border-color: rgba(87, 214, 164, 0.7); background: rgba(14, 68, 68, 0.74); } [data-theme="blueprint"] .equipment-type-card { color: #a9c6e4; background: rgba(7, 19, 38, 0.82); border-color: rgba(63, 181, 240, 0.26); box-shadow: inset 0 0 18px rgba(63, 181, 240, 0.05); } [data-theme="blueprint"] .equipment-type-card__icon { color: #d9f5ff; background: rgba(63, 181, 240, 0.12); border-color: rgba(63, 181, 240, 0.42); box-shadow: 0 0 16px rgba(63, 181, 240, 0.18); } [data-theme="blueprint"] .equipment-type-card:hover { color: #fff; border-color: rgba(63, 181, 240, 0.62); box-shadow: 0 0 20px rgba(63, 181, 240, 0.25), inset 0 0 18px rgba(63, 181, 240, 0.08); } [data-theme="blueprint"] .equipment-type-card:has(input:checked) { color: #eaffff; background: rgba(10, 43, 72, 0.92); border-color: #4cd3ff; box-shadow: 0 0 0 2px rgba(63, 181, 240, 0.18), 0 0 24px rgba(63, 181, 240, 0.42); } [data-theme="blueprint"] .equipment-type-card:has(input:checked) .equipment-type-card__icon { color: #031421; background: linear-gradient(145deg, #20d8ff, #57d6a4); box-shadow: 0 0 20px rgba(32, 216, 255, 0.62); } [data-theme="blueprint"] .pattern-lock { background: rgba(7, 19, 38, 0.72); border-color: rgba(63, 181, 240, 0.4); box-shadow: inset 0 0 22px rgba(63, 181, 240, 0.06); } [data-theme="blueprint"] .pattern-grid { background: radial-gradient(circle at center, rgba(63, 181, 240, 0.1), transparent 68%), rgba(3, 13, 28, 0.66); border: 1px solid rgba(63, 181, 240, 0.22); border-radius: 10px; } [data-theme="blueprint"] .pattern-dot { border-color: rgba(63, 181, 240, 0.38); background: rgba(63, 181, 240, 0.08); } [data-theme="blueprint"] .pattern-dot::after { background: #4bbceb; box-shadow: 0 0 12px rgba(63, 181, 240, 0.72); } [data-theme="blueprint"] .pattern-keypad button { color: #d6edff; background: rgba(7, 19, 38, 0.88); border-color: rgba(63, 181, 240, 0.34); } [data-theme="blueprint"] .service-combo__menu, [data-theme="blueprint"] .entity-combo__menu { background: rgba(5, 17, 34, 0.98); border-color: rgba(63, 181, 240, 0.52); box-shadow: 0 0 0 1px rgba(63, 181, 240, 0.12), 0 22px 44px rgba(2, 8, 20, 0.7); } [data-theme="blueprint"] .service-combo__option, [data-theme="blueprint"] .entity-combo__option { color: #d7ecff; border-bottom-color: rgba(63, 181, 240, 0.18); } [data-theme="blueprint"] .service-combo__option:hover, [data-theme="blueprint"] .service-combo__option.is-active, [data-theme="blueprint"] .entity-combo__option:hover, [data-theme="blueprint"] .entity-combo__option.is-active { background: rgba(63, 181, 240, 0.22); color: #ffffff; } [data-theme="blueprint"] .service-combo__empty, [data-theme="blueprint"] .entity-combo__empty, [data-theme="blueprint"] .entity-combo__option small { color: #8ba7c9; } /* Alertas */ [data-theme="blueprint"] .alert-info { background: rgba(63, 181, 240, 0.12); border-color: rgba(63, 181, 240, 0.35); color: #d6ecff; } /* Pastillas de estado con brillo */ [data-theme="blueprint"] .badge-state { border: 1px solid transparent; box-shadow: 0 0 14px rgba(0, 0, 0, 0.35); } [data-theme="blueprint"] .status-recibida { background: rgba(123, 217, 79, 0.18); color: #b6f08a; border-color: rgba(123, 217, 79, 0.5); } [data-theme="blueprint"] .status-en_revision, [data-theme="blueprint"] .status-diagnosticada { background: rgba(126, 140, 255, 0.18); color: #c3caff; border-color: rgba(126, 140, 255, 0.5); } [data-theme="blueprint"] .status-esperando_autorizacion, [data-theme="blueprint"] .status-esperando_refaccion { background: rgba(245, 149, 43, 0.16); color: #ffce93; border-color: rgba(245, 149, 43, 0.45); } [data-theme="blueprint"] .status-autorizada, [data-theme="blueprint"] .status-reparada, [data-theme="blueprint"] .status-lista_para_entrega { background: rgba(63, 181, 240, 0.18); color: #a9def9; border-color: rgba(63, 181, 240, 0.5); } [data-theme="blueprint"] .status-rechazada, [data-theme="blueprint"] .status-no_reparable, [data-theme="blueprint"] .status-cancelada { background: rgba(240, 90, 90, 0.16); color: #ffb3b3; border-color: rgba(240, 90, 90, 0.45); } [data-theme="blueprint"] .status-en_reparacion { background: rgba(63, 181, 240, 0.2); color: #9fdcff; border-color: rgba(63, 181, 240, 0.55); } [data-theme="blueprint"] .status-entregada { background: rgba(245, 149, 43, 0.2); color: #ffcf99; border-color: rgba(245, 149, 43, 0.55); } [data-theme="blueprint"] .status-garantia { background: rgba(193, 79, 214, 0.18); color: #edb6ff; border-color: rgba(193, 79, 214, 0.5); } /* Menus desplegables (incluye selector de tema) */ [data-theme="blueprint"] .dropdown-menu { background: #0b1f3b; color: var(--ink); border-color: var(--line); box-shadow: 0 18px 40px rgba(2, 8, 20, 0.6); } [data-theme="blueprint"] .dropdown-item { color: #c6dcf3; } [data-theme="blueprint"] .dropdown-item:hover, [data-theme="blueprint"] .dropdown-item:focus { background: rgba(63, 181, 240, 0.14); color: #fff; } /* Camara de escaneo */ [data-theme="blueprint"] .camera-scanner { border-color: var(--line); background: rgba(8, 22, 43, 0.9); }