:root{--fyj-bg: #f3f6fb;--fyj-surface: #ffffff;--fyj-surface-soft: #f8fafc;--fyj-text: #1f2937;--fyj-text-muted: #6b7280;--fyj-border: #dbe3ef;--fyj-primary: rgb(142, 169, 219);--fyj-primary-hover: rgb(122, 149, 199);--fyj-primary-contrast: #ffffff;--fyj-shadow-sm: 0 6px 18px rgba(15, 23, 42, .06);--fyj-shadow-md: 0 12px 28px rgba(15, 23, 42, .1);--fyj-radius-sm: 10px;--fyj-radius-md: 14px;--fyj-radius-lg: 18px;--fyj-topbar-h: 64px;--fyj-action-view-bg: rgba(142, 169, 219, .16);--fyj-action-view-border: rgba(142, 169, 219, .35);--fyj-action-view-text: #46679d;--fyj-action-view-hover-bg: rgba(142, 169, 219, .26);--fyj-action-view-hover-border: rgba(142, 169, 219, .55);--fyj-action-view-hover-text: #345182;--fyj-action-edit-bg: rgba(245, 158, 11, .14);--fyj-action-edit-border: rgba(245, 158, 11, .3);--fyj-action-edit-text: #a16207;--fyj-action-edit-hover-bg: rgba(245, 158, 11, .24);--fyj-action-edit-hover-border: rgba(245, 158, 11, .45);--fyj-action-edit-hover-text: #854d0e;--fyj-action-delete-bg: rgba(239, 68, 68, .14);--fyj-action-delete-border: rgba(239, 68, 68, .3);--fyj-action-delete-text: #b91c1c;--fyj-action-delete-hover-bg: rgba(239, 68, 68, .24);--fyj-action-delete-hover-border: rgba(239, 68, 68, .45);--fyj-action-delete-hover-text: #991b1b;--fyj-action-activate-bg: rgba(34, 197, 94, .14);--fyj-action-activate-border: rgba(34, 197, 94, .3);--fyj-action-activate-text: #15803d;--fyj-action-activate-hover-bg: rgba(34, 197, 94, .24);--fyj-action-activate-hover-border: rgba(34, 197, 94, .45);--fyj-action-activate-hover-text: #166534;--fyj-action-new-bg: #f3edff;--fyj-action-new-border: #c5b3f3;--fyj-action-new-text: #5b3fa3;--fyj-action-new-hover-bg: #eadfff;--fyj-action-new-hover-border: #aa91e8;--fyj-action-new-hover-text: #4b2f8c;--fyj-action-save-bg: #eef0ff;--fyj-action-save-border: #aeb8f5;--fyj-action-save-text: #3f4fa3;--fyj-action-save-hover-bg: #e1e5ff;--fyj-action-save-hover-border: #8f9cec;--fyj-action-save-hover-text: #303f8f;--fyj-action-search-bg: rgba(142, 169, 219, .14);--fyj-action-search-border: rgba(142, 169, 219, .3);--fyj-action-search-text: #46679d;--fyj-action-search-hover-bg: rgba(142, 169, 219, .24);--fyj-action-search-hover-border: rgba(142, 169, 219, .45);--fyj-action-search-hover-text: #345182;--fyj-action-secondary-bg: rgba(107, 114, 128, .1);--fyj-action-secondary-border: rgba(107, 114, 128, .24);--fyj-action-secondary-text: #4b5563;--fyj-action-secondary-hover-bg: rgba(107, 114, 128, .18);--fyj-action-secondary-hover-border: rgba(107, 114, 128, .34);--fyj-action-secondary-hover-text: #374151;--fyj-action-new-line-bg: #e6f7fb;--fyj-action-new-line-border: #91d5e4;--fyj-action-new-line-text: #16697a;--fyj-action-new-line-hover-bg: #d4f0f7;--fyj-action-new-line-hover-border: #69c6dc;--fyj-action-new-line-hover-text: #0f5564}html,body{height:100%;margin:0}body{background:var(--fyj-bg);font-family:Inter,Segoe UI,Roboto,Arial,sans-serif;color:var(--fyj-text)}app-root{display:block;height:100%}*,*:before,*:after{box-sizing:border-box}.material-symbols-outlined{font-size:1.15rem;line-height:1;vertical-align:middle}.fyj-page{display:grid;gap:1rem;max-width:1320px;margin:0 auto}.fyj-card,.lista-card,.options-card,.status-box{display:grid;gap:1rem;background:var(--fyj-surface);border:1px solid var(--fyj-border);border-radius:var(--fyj-radius-lg);box-shadow:var(--fyj-shadow-sm);padding:1rem 1.1rem}.fyj-card__header,.options-card__header,.page-header{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;flex-wrap:wrap}.fyj-card__title-row{display:flex;align-items:flex-start;gap:.75rem}.fyj-badge{width:42px;height:42px;min-width:42px;border-radius:14px;display:inline-flex;align-items:center;justify-content:center;background:linear-gradient(180deg,#8ea9db38,#8ea9db1a);border:1px solid rgba(142,169,219,.28);color:var(--fyj-primary);box-shadow:0 10px 24px #8ea9db29}.fyj-badge .material-symbols-outlined{font-size:24px}.fyj-title,.options-card__header h2{margin:0;font-size:1.28rem;line-height:1.15;font-weight:800;color:var(--fyj-text)}.fyj-subtitle,.options-card__header p{margin:.3rem 0 0;color:var(--fyj-text-muted);line-height:1.35}.lista-card__actions,.fyj-actions,.page-actions{display:flex;justify-content:flex-end;gap:.85rem;row-gap:.65rem;flex-wrap:wrap}.btn,.fyj-btn{min-height:2.4rem;padding:.6rem .95rem;border-radius:var(--fyj-radius-sm);border:1px solid var(--fyj-border);background:var(--fyj-surface);color:var(--fyj-text);font:inherit;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:.45rem;line-height:1;text-decoration:none;transition:background-color .18s ease,border-color .18s ease,color .18s ease,box-shadow .18s ease,transform .12s ease}.btn:active:not(:disabled),.fyj-btn:active:not(:disabled){transform:translateY(1px)}.btn:focus-visible,.fyj-btn:focus-visible,.fyj-input:focus,.fyj-select:focus,.fyj-textarea:focus{outline:none;box-shadow:0 0 0 3px #8ea9db2e}.btn:disabled,.fyj-btn:disabled,.fyj-input:disabled,.fyj-select:disabled,.fyj-textarea:disabled{opacity:.65;cursor:default}.btn__icon{display:inline-flex;align-items:center;justify-content:center;width:1rem;min-width:1rem}.btn--new{background:var(--fyj-action-new-bg);border-color:var(--fyj-action-new-border);color:var(--fyj-action-new-text)}.btn--new:hover:not(:disabled){background:var(--fyj-action-new-hover-bg);border-color:var(--fyj-action-new-hover-border);color:var(--fyj-action-new-hover-text)}.btn--search{background:var(--fyj-action-search-bg);border-color:var(--fyj-action-search-border);color:var(--fyj-action-search-text)}.btn--search:hover:not(:disabled){background:var(--fyj-action-search-hover-bg);border-color:var(--fyj-action-search-hover-border);color:var(--fyj-action-search-hover-text)}.btn--secondary,.btn--cancel,.fyj-btn--ghost{background:var(--fyj-action-secondary-bg);border-color:var(--fyj-action-secondary-border);color:var(--fyj-action-secondary-text)}.btn--secondary:hover:not(:disabled),.btn--cancel:hover:not(:disabled),.fyj-btn--ghost:hover:not(:disabled){background:var(--fyj-action-secondary-hover-bg);border-color:var(--fyj-action-secondary-hover-border);color:var(--fyj-action-secondary-hover-text)}.btn--list,.btn--view,.btn--print{background:var(--fyj-action-view-bg);border-color:var(--fyj-action-view-border);color:var(--fyj-action-view-text)}.btn--list:hover:not(:disabled),.btn--view:hover:not(:disabled),.btn--print:hover:not(:disabled){background:var(--fyj-action-view-hover-bg);border-color:var(--fyj-action-view-hover-border);color:var(--fyj-action-view-hover-text)}.btn--edit{background:var(--fyj-action-edit-bg);border-color:var(--fyj-action-edit-border);color:var(--fyj-action-edit-text)}.btn--edit:hover:not(:disabled){background:var(--fyj-action-edit-hover-bg);border-color:var(--fyj-action-edit-hover-border);color:var(--fyj-action-edit-hover-text)}.btn--delete,.btn--danger{background:var(--fyj-action-delete-bg);border-color:var(--fyj-action-delete-border);color:var(--fyj-action-delete-text)}.btn--delete:hover:not(:disabled),.btn--danger:hover:not(:disabled){background:var(--fyj-action-delete-hover-bg);border-color:var(--fyj-action-delete-hover-border);color:var(--fyj-action-delete-hover-text)}.btn--save,.fyj-btn--primary{background:var(--fyj-action-save-bg);border-color:var(--fyj-action-save-border);color:var(--fyj-action-save-text)}.btn--save:hover:not(:disabled),.fyj-btn--primary:hover:not(:disabled){background:var(--fyj-action-save-hover-bg);border-color:var(--fyj-action-save-hover-border);color:var(--fyj-action-save-hover-text)}.btn--excel,.btn--success{background:var(--fyj-action-activate-bg);border-color:var(--fyj-action-activate-border);color:var(--fyj-action-activate-text)}.btn--excel:hover:not(:disabled),.btn--success:hover:not(:disabled){background:var(--fyj-action-activate-hover-bg);border-color:var(--fyj-action-activate-hover-border);color:var(--fyj-action-activate-hover-text)}.btn--line{background:var(--fyj-action-new-line-bg);border-color:var(--fyj-action-new-line-border);color:var(--fyj-action-new-line-text)}.btn--line:hover:not(:disabled){background:var(--fyj-action-new-line-hover-bg);border-color:var(--fyj-action-new-line-hover-border);color:var(--fyj-action-new-line-hover-text)}.shortcut-letter{display:inline-block;font-weight:700;line-height:1;border-bottom:2px solid currentColor;padding-bottom:1px}.form-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:.95rem}.field{display:flex;flex-direction:column;gap:.35rem}.field--span-2{grid-column:span 2}.field--span-3{grid-column:span 3}.field--span-4{grid-column:span 4}.field--span-5{grid-column:span 5}.field--span-6{grid-column:span 6}.field--span-7{grid-column:span 7}.field--span-8{grid-column:span 8}.field--span-9{grid-column:span 9}.field--span-12{grid-column:span 12}.fyj-label,.field label{font-size:.9rem;font-weight:700;color:var(--fyj-text)}.fyj-input,.fyj-select,.fyj-textarea{width:100%;border:1px solid var(--fyj-border);border-radius:var(--fyj-radius-sm);background:#fff;color:var(--fyj-text);font:inherit;outline:none;transition:border-color .12s ease,box-shadow .12s ease}.fyj-input,.fyj-select{height:42px;padding:0 12px}.fyj-textarea{min-height:84px;padding:10px 12px;resize:vertical}.fyj-input:focus,.fyj-select:focus,.fyj-textarea:focus{border-color:#8ea9dbbf}.help-text{font-size:.82rem;color:var(--fyj-text-muted)}.table-wrap{overflow:auto;border:1px solid var(--fyj-border);border-radius:var(--fyj-radius-md);background:#fff}.data-table{width:100%;min-width:780px;border-collapse:collapse;font-size:.92rem}.data-table th,.data-table td{padding:.65rem .75rem;border-bottom:1px solid var(--fyj-border);text-align:left;vertical-align:top}.data-table th{position:sticky;top:0;z-index:1;background:#f8fbff;color:var(--fyj-text);font-weight:800;box-shadow:inset 0 -1px 0 var(--fyj-border)}.data-table tr:hover td{background:#8ea9db14}.data-table tr.is-selected td{background:#8ea9db2e}.data-table td.num,.data-table th.num{text-align:right}.status-pill{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;padding:.22rem .62rem;font-size:.78rem;font-weight:800;border:1px solid var(--fyj-border);background:var(--fyj-surface-soft)}.status-pill--ok,.status-pill--ENVIADO{color:#15803d;border-color:#22c55e47;background:#22c55e1f}.status-pill--warn,.status-pill--PENDIENTE_ENVIO{color:#a16207;border-color:#f59e0b47;background:#f59e0b1f}.status-pill--danger,.status-pill--ANULADO{color:#b91c1c;border-color:#ef444447;background:#ef44441f}.message{border-radius:var(--fyj-radius-sm);border:1px solid var(--fyj-border);background:var(--fyj-surface-soft);padding:.8rem .9rem;line-height:1.4}.message--error{border-color:#fecaca;background:#fef2f2;color:#991b1b}.message--ok{border-color:#22c55e47;background:#22c55e1a;color:#166534}.message--info{border-color:#8ea9db59;background:#8ea9db1a;color:#345182}.empty-state{padding:1.25rem;text-align:center;color:var(--fyj-text-muted)}.inline-check{display:inline-flex;align-items:center;gap:.5rem;font-weight:700}@media(max-width:920px){.form-grid{grid-template-columns:repeat(6,minmax(0,1fr))}.field--span-7,.field--span-8,.field--span-9,.field--span-12{grid-column:span 6}}@media(max-width:720px){.lista-card__actions,.fyj-actions,.page-actions{justify-content:flex-start}.form-grid{grid-template-columns:1fr}.field,.field--span-2,.field--span-3,.field--span-4,.field--span-5,.field--span-6,.field--span-7,.field--span-8,.field--span-9,.field--span-12{grid-column:1}}.modal-backdrop{position:fixed;inset:0;z-index:900;display:flex;align-items:center;justify-content:center;padding:1.25rem;background:#0f172a6b}.pedido-modal{width:min(1220px,100%);max-height:min(860px,100vh - 2.5rem);display:grid;grid-template-rows:auto 1fr auto;overflow:hidden;background:var(--fyj-surface);border:1px solid var(--fyj-border);border-radius:var(--fyj-radius-lg);box-shadow:var(--fyj-shadow-md)}.pedido-modal__header,.pedido-modal__footer{display:flex;align-items:flex-start;justify-content:space-between;gap:.85rem;padding:1rem 1.1rem;border-bottom:1px solid var(--fyj-border)}.pedido-modal__footer{align-items:center;justify-content:flex-end;border-top:1px solid var(--fyj-border);border-bottom:0;background:var(--fyj-surface-soft)}.pedido-modal__body{display:grid;gap:1rem;overflow:auto;padding:1rem 1.1rem;background:var(--fyj-bg)}.btn-icon-only{width:36px;min-height:34px;padding:0}.spin{animation:fyj-spin 1s linear infinite}@keyframes fyj-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.working-box{display:flex;align-items:flex-start;gap:.85rem;padding:.95rem 1rem;border:1px solid rgba(142,169,219,.36);border-radius:var(--fyj-radius-md);background:#8ea9db1a;color:#345182}.working-box p{margin:.25rem 0;color:var(--fyj-text-muted)}.working-box__icon{width:38px;height:38px;min-width:38px;display:inline-flex;align-items:center;justify-content:center;border-radius:999px;background:#8ea9db2e;color:var(--fyj-primary)}.progress-indeterminate{height:6px;overflow:hidden;border-radius:999px;background:#8ea9db2e}.progress-indeterminate span{display:block;width:38%;height:100%;border-radius:inherit;background:var(--fyj-primary);animation:fyj-progress 1.25s ease-in-out infinite}@keyframes fyj-progress{0%{transform:translate(-110%)}to{transform:translate(280%)}}@media(max-width:720px){.modal-backdrop{align-items:stretch;padding:.65rem}.pedido-modal{max-height:calc(100vh - 1.3rem)}.pedido-modal__header,.pedido-modal__footer{flex-wrap:wrap}}.btn-inline-small{min-height:1.9rem;padding:.35rem .6rem;margin-left:.65rem;font-size:.86rem;vertical-align:middle}