*,*::before,*::after{box-sizing:border-box;margin:0;padding:0} /* Axon Admin DS tokens (F0a) — mismos nombres que admin-v2.css + alias 1.0. Acento de marca 1.0 sigue en azul (--primary); teal DS queda en --brand (decisión abierta). */ :root{ color-scheme:light; /* Neutrales (slate) — DS */ --bg:#f8fafc;--bg-soft:#f8fafc;--surface:#ffffff;--surface-2:#f1f5f9;--surface-soft:#f8fafc; --border:#e2e8f0;--border-strong:#cbd5e1; --text:#0f172a;--text-2:#475569;--text-3:#64748b; --muted:#64748b;--muted-2:#64748b; /* Marca + semánticos */ --primary:#2563eb;--primary-dk:#1d4ed8;--primary-soft:#dbeafe; /* Rellenos de botón primario: siempre AA con texto --on-primary (en dark --primary se aclara para enlaces). */ --btn-primary:#2563eb;--btn-primary-dk:#1d4ed8;--on-primary:#ffffff; --brand:#0e7490;--brand-contrast:#ffffff; --accent:#7c3aed;--accent-soft:#ede9fe;--accent-contrast:#ffffff; --ok:#15803d;--warn:#b45309;--danger:#b91c1c;--info:#1d4ed8; --success:#15803d;--warning:#b45309; --badge-ok-bg:#dcfce7;--badge-ok-border:#bbf7d0; --badge-danger-bg:#fee2e2;--badge-danger-border:#fca5a5; --badge-warn-bg:#fef9c3;--badge-warn-border:#fde047; --badge-info-bg:#dbeafe;--badge-info-border:#bfdbfe; --badge-muted-bg:#f1f5f9;--badge-muted-border:#e2e8f0; --badge-accent-bg:#ede9fe;--badge-accent-border:#c4b5fd; --sidebar-bg:#0c1524;--sidebar-bg-2:#111e31;--sidebar-hover:rgba(255,255,255,.10); --sidebar-w:248px;--topbar-h:54px; --sidebar-section-size:.69rem;--sidebar-subsection-size:.80rem;--sidebar-link-size:.83rem; --field-bg:#ffffff;--field-bg-soft:#fbfdff;--field-border:#cbd5e1; /* Readonly/disabled: gris más marcado que el chrome Access (#d4d4d4) para verse «apagados» */ --field-readonly-bg:#b8c4d4;--field-readonly-border:#8fa0b5;--field-readonly-text:#1e293b; --field-disabled-bg:#b8c4d4;--field-disabled-border:#8fa0b5;--field-disabled-text:#1e293b; --tag-chip-bg:#eef2f7;--tag-chip-border:#c5d0dc;--tag-chip-text:#334155;--tag-chip-hover-bg:#e2e8f0; /* Chrome formularios Access (F0a) — grises clásicos, no rediseño */ --access-chrome:#d4d4d4;--access-chrome-2:#e8e8e8;--access-chrome-3:#ececec; --access-chrome-border:#9ca3af;--access-chrome-border-soft:#d1d5db; --access-chrome-inset:#b8b8b8;--access-chrome-outset:#cbd5e1;--access-chrome-frame:#a8a8a8; --access-field-yellow:#fde047;--access-field-yellow-border:#ca8a04; --access-stripe:#f9fafb; /* Cabeceras de sección Access: fijas (no remapean en dark) para conservar AA */ --access-section-yellow-bg:#fde047;--access-section-yellow-fg:#422006; --access-section-cyan-bg:#0e7490;--access-section-cyan-fg:#ffffff; --access-section-green-bg:#15803d;--access-section-green-fg:#ffffff; --access-section-purple-bg:#6d28d9;--access-section-purple-fg:#ffffff; --access-section-slate-bg:#cbd5e1;--access-section-slate-fg:#0f172a; --sp-1:4px;--sp-2:8px;--sp-3:12px;--sp-4:16px;--sp-5:20px;--sp-6:24px;--sp-8:32px; --radius:12px;--radius-sm:8px;--radius-pill:999px; --shadow:0 10px 28px rgba(15,23,42,.06),0 2px 8px rgba(15,23,42,.04); --shadow-sm:0 1px 2px rgba(15,23,42,.06),0 1px 3px rgba(15,23,42,.08); --shadow-1:0 1px 2px rgb(15 23 42 / .06); --shadow-2:0 4px 12px rgb(15 23 42 / .10); --font:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif; --font-ui:var(--font); --font-mono:"JetBrains Mono",ui-monospace,SFMono-Regular,Menlo,monospace; --fs-xs:12px;--fs-sm:13px;--fs-md:14px;--fs-lg:16px;--fs-xl:20px;--fs-2xl:28px; --body-gradient:radial-gradient(circle at top left,rgba(37,99,235,.08),transparent 32rem),linear-gradient(180deg,var(--bg-soft) 0,var(--bg) 38%,#e8eef6 100%); --card-bg:linear-gradient(180deg,rgba(255,255,255,.98),rgba(255,255,255,.94)); --motion:160ms; } [data-theme="dark"]{ color-scheme:dark; --bg:#0b1220;--bg-soft:#0b1220;--surface:#101828;--surface-2:#1e293b;--surface-soft:#1e293b; --border:#1e293b;--border-strong:#334155; /* Secundarios ≥ AA en tipografía pequeña (.68–.82rem): slate-400 fallaba a ojo */ --text:#f1f5f9;--text-2:#e2e8f0;--text-3:#cbd5e1; --muted:#e2e8f0;--muted-2:#cbd5e1; --primary:#60a5fa;--primary-dk:#93c5fd;--primary-soft:rgba(37,99,235,.28); --btn-primary:#2563eb;--btn-primary-dk:#1d4ed8;--on-primary:#ffffff; --brand:#22d3ee;--brand-contrast:#04212b; --accent:#a78bfa;--accent-soft:rgba(124,58,237,.28);--accent-contrast:#1e1035; --ok:#4ade80;--warn:#fbbf24;--danger:#f87171;--info:#60a5fa; --success:#4ade80;--warning:#fbbf24; --badge-ok-bg:rgba(74,222,128,.16);--badge-ok-border:rgba(74,222,128,.35); --badge-danger-bg:rgba(248,113,113,.16);--badge-danger-border:rgba(248,113,113,.4); --badge-warn-bg:rgba(251,191,36,.16);--badge-warn-border:rgba(251,191,36,.35); --badge-info-bg:rgba(96,165,250,.16);--badge-info-border:rgba(96,165,250,.35); --badge-muted-bg:rgba(148,163,184,.14);--badge-muted-border:rgba(148,163,184,.28); --badge-accent-bg:rgba(167,139,250,.16);--badge-accent-border:rgba(167,139,250,.35); --field-bg:#101828;--field-bg-soft:#0f172a;--field-border:#334155; --field-readonly-bg:#1e293b;--field-readonly-border:#334155;--field-readonly-text:#e2e8f0; --field-disabled-bg:#1e293b;--field-disabled-border:#334155;--field-disabled-text:#94a3b8; --tag-chip-bg:#1e293b;--tag-chip-border:#334155;--tag-chip-text:#e2e8f0;--tag-chip-hover-bg:#334155; --shadow:0 10px 28px rgba(0,0,0,.45),0 2px 8px rgba(0,0,0,.35); --shadow-sm:0 1px 2px rgba(0,0,0,.4); --shadow-1:0 1px 2px rgb(0 0 0 / .40); --shadow-2:0 4px 14px rgb(0 0 0 / .50); --body-gradient:var(--bg); --card-bg:var(--surface); } html,body{height:100%} body{font-family:var(--font-ui);font-size:13.5px;line-height:1.5;background:var(--body-gradient);color:var(--text);-webkit-font-smoothing:antialiased;font-feature-settings:"cv05","tnum";font-variant-numeric:tabular-nums} a{color:var(--primary);text-decoration:none}a:hover{text-decoration:underline} .mono,.isbn,.doc-ref,.ax-money{font-family:var(--font-mono);letter-spacing:.02em;font-variant-numeric:tabular-nums;white-space:nowrap} .ax-money__dec{color:var(--muted);font-weight:650} .ax-money--neg{color:var(--danger,#dc2626)} .ax-money--neg .ax-money__dec{color:inherit} .ax-money--zero{color:var(--muted)} .stock-valuation-page{min-width:0;max-width:100%} .stock-valuation-kpis{display:flex;flex-wrap:wrap;gap:.35rem;margin:.35rem 0 .75rem} .stock-valuation-kpis .page-hd-kpi{max-width:100%} .stock-valuation-kpis .page-hd-kpi strong{font-size:.82rem;font-weight:800} .stock-valuation-kpis .page-hd-kpi .ax-money{font-size:inherit;font-weight:inherit} .stock-valuation-detail-hd{margin:.35rem 0 .45rem;font-size:1rem} .stock-valuation-hint{margin-top:.65rem} .stock-valuation-tbl table{width:100%;font-size:.72rem} .stock-valuation-tbl th,.stock-valuation-tbl td{padding:.22rem .28rem;vertical-align:middle} .stock-valuation-tbl th{white-space:normal;line-height:1.15;font-size:.66rem} .stock-valuation-tbl .ax-money{font-size:.72rem;letter-spacing:-.01em} .stock-valuation-tbl--summary{overflow-x:hidden} .stock-valuation-tbl--summary table{table-layout:fixed} .stock-valuation-tbl--summary th:first-child, .stock-valuation-tbl--summary td:first-child{width:6.75rem} .stock-valuation-tbl--summary th.num,.stock-valuation-tbl--summary td.num{width:auto} .stock-valuation-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:0} .stock-valuation-total td{border-top:2px solid var(--border);background:var(--surface-2,rgba(15,23,42,.04))} /* a11y P0: skip link + contraste de secundarios ≥ AA */ .skip-link{position:absolute;left:.75rem;top:.35rem;z-index:400;padding:.45rem .75rem;border-radius:var(--radius-sm);background:var(--btn-primary);color:var(--on-primary);font-weight:700;font-size:.82rem;transform:translateY(-120%);transition:transform .12s ease} .skip-link:focus,.skip-link:focus-visible{transform:none;outline:2px solid var(--accent-contrast,#fff);outline-offset:2px;text-decoration:none} main:focus{outline:none} main:focus-visible{outline:2px solid var(--primary);outline-offset:3px} @media (prefers-reduced-motion:reduce){ *,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important} .skip-link{transition:none} } /* ── Topbar ──────────────────────────── */ .topbar{position:fixed;top:0;left:0;right:0;height:var(--topbar-h);background:var(--sidebar-bg);display:flex;align-items:center;z-index:200;border-bottom:1px solid rgba(255,255,255,.08);box-shadow:none} .topbar-brand{width:var(--sidebar-w);flex-shrink:0;display:flex;align-items:center;gap:.6rem;padding:0 1.25rem;color:#fff;font-size:1rem;font-weight:800;letter-spacing:-.35px;border-right:1px solid rgba(255,255,255,.08)} .topbar-dot{width:9px;height:9px;border-radius:50%;background:#60a5fa;box-shadow:none;flex-shrink:0} .topbar-right{display:flex;align-items:center;gap:.65rem;margin-left:auto;padding:0 1.15rem} .topbar-help{display:none;padding:.35rem .75rem;border:1px solid rgba(255,255,255,.22);border-radius:999px;color:rgba(255,255,255,.88);text-decoration:none;font-size:.76rem;font-weight:700;transition:all .12s} .topbar-help:hover{background:rgba(255,255,255,.1);color:#fff;border-color:rgba(255,255,255,.35)} .topbar-user{color:rgba(255,255,255,.88);font-size:.79rem;max-width:240px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap} .topbar-logout{padding:.35rem .8rem;border:1px solid rgba(255,255,255,.18);border-radius:999px;background:rgba(255,255,255,.06);color:rgba(255,255,255,.88);font-size:.76rem;font-weight:700;cursor:pointer;transition:all .12s} .topbar-logout:hover{background:rgba(255,255,255,.08);color:#fff;border-color:rgba(255,255,255,.3)} /* ── Sidebar ─────────────────────────── */ .sidebar{position:fixed;top:var(--topbar-h);left:0;bottom:0;width:var(--sidebar-w);background:var(--sidebar-bg);overflow-y:auto;z-index:100;padding:.55rem .45rem 2rem;border-right:1px solid rgba(255,255,255,.09)} .sidebar::-webkit-scrollbar{width:4px}.sidebar::-webkit-scrollbar-thumb{background:rgba(255,255,255,.18);border-radius:2px} .sidebar>nav{display:flex;flex-direction:column;gap:.7rem} .nav-group{margin:0;padding:0} /* Soft cards: mismo fill/radio en las 9; un acento (activo). Sin arcoíris. */ .nav-card{--nav-accent:#60a5fa;--nav-accent-soft:rgba(96,165,250,.16);--nav-accent-border:rgba(255,255,255,.16);--nav-label-color:rgba(148,163,184,.85);padding:.22rem .22rem .28rem;border-radius:10px;border:1px solid rgba(255,255,255,.16);background:rgba(255,255,255,.035);box-shadow:none} .nav-card--sales,.nav-card--purchases,.nav-card--warehouse,.nav-card--magazines,.nav-card--payments,.nav-card--collections,.nav-card--bank,.nav-card--reports,.nav-card--web,.nav-card--config,.nav-card--audit{--nav-accent:#60a5fa;--nav-accent-soft:rgba(96,165,250,.16);--nav-accent-border:rgba(255,255,255,.16);--nav-label-color:rgba(148,163,184,.85)} /* Accesos sueltos de primer nivel (Inicio, Ventas, Clientes…): sin tarjeta ni etiqueta de sección, separados del primer grupo por una línea fina. */ .nav-quick{display:flex;flex-direction:column;padding:0 .22rem .5rem;margin-bottom:.1rem;border-bottom:1px solid rgba(255,255,255,.1)} .nav-group--secondary .nav-link{font-size:var(--sidebar-link-size);font-weight:500;color:rgba(255,255,255,.72)} .nav-group--secondary .nav-link:hover{color:#fff} .nav-label{display:flex;align-items:center;gap:.4rem;padding:.4rem .55rem .22rem .5rem;margin:0;font-size:var(--sidebar-section-size);font-weight:650;text-transform:uppercase;letter-spacing:.06em;color:var(--nav-label-color,rgba(148,163,184,.85));user-select:none;border:none} .nav-card .nav-label{letter-spacing:.06em} .nav-label .nav-icon{opacity:.78;width:14px;height:14px;flex-shrink:0} .nav-card .nav-details-summary{color:rgba(148,163,184,.85)} .nav-card .nav-details[open]>.nav-details-summary{color:rgba(226,232,240,.92)} .nav-card .nav-details-summary:hover{color:#fff;background:rgba(255,255,255,.04)} .nav-sublabel{padding:.32rem .55rem .1rem .5rem;font-size:var(--sidebar-subsection-size);font-weight:600;text-transform:none;letter-spacing:.01em;color:rgba(148,163,184,.85);user-select:none} /* Nesting = indent only (sin raíl border-left). */ .nav-subsection{margin:.1rem 0 .15rem;padding-left:.2rem;border-left:none} .nav-subsection .nav-sublabel{padding-left:.15rem;padding-top:.28rem} .nav-details{margin:.05rem 0 .45rem;border-radius:8px} .nav-details-summary{list-style:none;cursor:pointer;padding:.4rem .55rem .4rem .5rem;font-size:var(--sidebar-subsection-size);font-weight:600;text-transform:none;letter-spacing:.01em;color:rgba(148,163,184,.85);user-select:none;display:flex;align-items:center;gap:.35rem;border-radius:8px;transition:color .12s,background .12s} .nav-details-summary::-webkit-details-marker{display:none} .nav-details-summary::before{content:'';width:0;height:0;border-left:5px solid currentColor;border-top:4px solid transparent;border-bottom:4px solid transparent;opacity:.85;transition:transform .12s;flex-shrink:0} .nav-details[open]>.nav-details-summary::before{transform:rotate(90deg)} .nav-details[open]>.nav-details-summary{color:rgba(226,232,240,.92)} .nav-details-summary:hover{color:#fff;background:rgba(255,255,255,.04)} .nav-details-body{margin:.05rem 0 .1rem;padding:.05rem 0 .1rem 1.1rem;border-left:none} .nav-link--nested{padding:.42rem .55rem;font-size:var(--sidebar-link-size)} .sidebar a,.sidebar .nav-link{display:flex;align-items:center;gap:.5rem;padding:.46rem .55rem;margin:0;color:rgba(255,255,255,.88);font-size:var(--sidebar-link-size);border:1px solid transparent;border-radius:8px;transition:color .12s,background .12s;white-space:nowrap;font-weight:500;text-decoration:none} .nav-icon{flex-shrink:0;width:16px;height:16px;opacity:.72} .nav-link:hover .nav-icon,.nav-link.active .nav-icon{opacity:1} /* Un solo peso de item (core = mismo que el resto; badges marcan urgencia). */ .nav-link--core{font-size:var(--sidebar-link-size);font-weight:500;color:rgba(255,255,255,.88);letter-spacing:normal;padding:.46rem .55rem} .nav-link--core .nav-icon{opacity:.72} .nav-link--core:hover .nav-icon,.nav-link--core.active .nav-icon{opacity:1} .nav-link--core:hover{color:#fff} .sidebar a:hover,.sidebar .nav-link:hover{color:#fff;background:var(--sidebar-hover);text-decoration:none;border-color:transparent} /* Active: solo tint (sin barra inset). */ .nav-card .nav-link.active,.nav-card a.nav-link.active{color:#fff;background:var(--nav-accent-soft);border-color:transparent;font-weight:600;box-shadow:none} .nav-card .nav-link--nested.active,.nav-card a.nav-link--nested.active{box-shadow:none} .nav-link--with-badge{justify-content:space-between;gap:.35rem} .nav-link--with-badge .nav-link-text{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1 1 auto} /* Badges de cola: slate, sin borde (no compiten con active). */ .sidebar .nav-badge{flex-shrink:0;margin-left:auto;padding:.12rem .38rem;border-radius:999px;font-size:.72rem;font-weight:600;line-height:1.25;font-variant-numeric:tabular-nums;background:rgba(148,163,184,.22);color:rgba(226,232,240,.92);border:0;white-space:nowrap} .nav-link.active .nav-badge{background:rgba(255,255,255,.16);color:#fff;border:0} .nav-card>summary.nav-label{cursor:pointer;list-style:none} .nav-card>summary.nav-label::-webkit-details-marker{display:none} .nav-card>summary.nav-label::after{content:'';width:0;height:0;margin-left:auto;flex-shrink:0;border-left:5px solid transparent;border-right:5px solid transparent;border-top:6px solid currentColor;opacity:.85;transition:transform .12s} .nav-card:not([open])>summary.nav-label::after{transform:rotate(-90deg)} .nav-card-body{padding-top:.05rem} .nav-favorites{margin:0 0 .15rem;padding:0 0 .45rem;border-radius:0;border:none;border-bottom:1px solid rgba(255,255,255,.16);background:transparent} .nav-context{margin:0 0 .45rem;padding:.45rem .5rem .55rem;border-radius:10px;border:1px solid color-mix(in srgb,var(--accent) 35%,transparent);background:color-mix(in srgb,var(--accent) 10%,transparent)} .nav-context-label{font-size:.68rem;font-weight:650;letter-spacing:.02em;text-transform:none;color:color-mix(in srgb,var(--accent) 70%,#fff);margin:0 0 .2rem} .nav-context-title{font-size:.82rem;font-weight:700;line-height:1.25;color:#fff;margin:0 0 .1rem;word-break:break-word} .nav-context-meta{font-size:.68rem;color:rgba(255,255,255,.72);margin:0 0 .4rem} .nav-context .nav-link--context{padding:.32rem .45rem;font-size:.78rem;border-radius:8px;margin:0} .nav-context .nav-link--return{margin-top:.28rem;opacity:.92;border-top:1px solid rgba(255,255,255,.12);border-radius:0 0 8px 8px;padding-top:.45rem} .nav-favorites[hidden]{display:none!important} .nav-favorites-label{display:flex;align-items:center;gap:.35rem;padding:.32rem .55rem .16rem .5rem;font-size:var(--sidebar-section-size);font-weight:650;text-transform:uppercase;letter-spacing:.06em;color:rgba(148,163,184,.85)} .nav-favorites-label .nav-icon{opacity:.75;width:14px;height:14px;color:rgba(251,191,36,.85)} .nav-favorites-list .nav-link{padding:.44rem .55rem;font-size:var(--sidebar-link-size)} /* Fav: utilitario del sidebar (no usa .btn; el pill primario ya no pinta type=button). */ button.nav-fav-btn, button[type=button].nav-fav-btn{ flex-shrink:0; width:1.35rem; height:1.35rem; min-width:1.35rem; min-height:1.35rem; margin-left:auto; border:0; border-radius:4px; padding:0; background:transparent; color:rgba(255,255,255,.32); cursor:pointer; display:inline-flex; align-items:center; justify-content:center; opacity:0; box-shadow:none; transform:none; font-size:inherit; font-weight:400; line-height:1; white-space:nowrap; transition:opacity .12s,color .12s,background .12s; -webkit-appearance:none; appearance:none; } .nav-link:hover button.nav-fav-btn, .nav-link:hover button[type=button].nav-fav-btn, .nav-link--fav button.nav-fav-btn, .nav-link--fav button[type=button].nav-fav-btn, button.nav-fav-btn:focus-visible, button[type=button].nav-fav-btn:focus-visible{opacity:1} button.nav-fav-btn:hover, button[type=button].nav-fav-btn:hover{ background:rgba(255,255,255,.08); color:rgba(254,243,199,.9); box-shadow:none; transform:none; } button.nav-fav-btn.is-fav, button[type=button].nav-fav-btn.is-fav{ color:rgba(251,191,36,.88); opacity:.85; background:transparent; box-shadow:none; } button.nav-fav-btn svg, button[type=button].nav-fav-btn svg{ width:14px; height:14px; display:block; pointer-events:none; } .nav-link--with-badge button.nav-fav-btn, .nav-link--with-badge button[type=button].nav-fav-btn{margin-left:0} .nav-favorites-list .nav-link--favorite button.nav-fav-btn, .nav-favorites-list .nav-link--favorite button[type=button].nav-fav-btn{ display:inline-flex; opacity:1; color:rgba(251,191,36,.95); } .nav-favorites-list .nav-link--favorite button.nav-fav-btn:hover, .nav-favorites-list .nav-link--favorite button[type=button].nav-fav-btn:hover{ color:#fde68a; background:rgba(255,255,255,.1); } html[data-sidebar-theme="light"] .nav-favorites-list .nav-link--favorite button.nav-fav-btn, html[data-sidebar-theme="light"] .nav-favorites-list .nav-link--favorite button[type=button].nav-fav-btn{ color:#d97706; } html[data-sidebar-theme="light"] .nav-favorites-list .nav-link--favorite button.nav-fav-btn:hover, html[data-sidebar-theme="light"] .nav-favorites-list .nav-link--favorite button[type=button].nav-fav-btn:hover{ color:#b45309; background:rgba(15,23,42,.06); } /* ── Sidebar tema claro (P3) ─────────── El html puede seguir en data-theme=dark (color-scheme dark, --text claro). Este subárbol es una isla clara: color-scheme light + tinta slate, no var(--text). */ html[data-sidebar-theme="light"]{ --sidebar-bg:#f8fafc;--sidebar-bg-2:#f1f5f9;--sidebar-hover:rgba(15,23,42,.06); --sidebar-ink:#334155;--sidebar-ink-2:#475569;--sidebar-ink-strong:#0f172a; } html[data-sidebar-theme="light"] .sidebar, html[data-sidebar-theme="light"] .topbar{ color-scheme:light;color:var(--sidebar-ink);background:var(--sidebar-bg); } html[data-sidebar-theme="light"] .sidebar{border-right:1px solid rgba(15,23,42,.12)} html[data-sidebar-theme="light"] .topbar{box-shadow:none;border-bottom-color:rgba(15,23,42,.1)} html[data-sidebar-theme="light"] .topbar-brand, html[data-sidebar-theme="light"] .topbar-user{color:var(--sidebar-ink-strong)} html[data-sidebar-theme="light"] .topbar-logout, html[data-sidebar-theme="light"] .topbar-help, html[data-sidebar-theme="light"] .topbar-search, html[data-sidebar-theme="light"] .topbar-theme, html[data-sidebar-theme="light"] .topbar-menu-btn{ color:var(--sidebar-ink-2);border-color:rgba(15,23,42,.14);background:rgba(15,23,42,.04) } html[data-sidebar-theme="light"] .topbar-logout:hover, html[data-sidebar-theme="light"] .topbar-help:hover, html[data-sidebar-theme="light"] .topbar-search:hover, html[data-sidebar-theme="light"] .topbar-theme:hover{color:var(--sidebar-ink-strong);background:#fff;border-color:rgba(15,23,42,.2)} html[data-sidebar-theme="light"] .sidebar::-webkit-scrollbar-thumb{background:rgba(15,23,42,.14)} html[data-sidebar-theme="light"] .nav-card{background:rgba(15,23,42,.035);border:1px solid rgba(15,23,42,.14);box-shadow:none;--nav-label-color:#475569} html[data-sidebar-theme="light"] .nav-quick{border-bottom-color:rgba(15,23,42,.12)} html[data-sidebar-theme="light"] .nav-card--sales,html[data-sidebar-theme="light"] .nav-card--purchases,html[data-sidebar-theme="light"] .nav-card--warehouse,html[data-sidebar-theme="light"] .nav-card--magazines,html[data-sidebar-theme="light"] .nav-card--payments,html[data-sidebar-theme="light"] .nav-card--collections,html[data-sidebar-theme="light"] .nav-card--bank,html[data-sidebar-theme="light"] .nav-card--reports,html[data-sidebar-theme="light"] .nav-card--web,html[data-sidebar-theme="light"] .nav-card--config,html[data-sidebar-theme="light"] .nav-card--audit{--nav-accent:#2563eb;--nav-accent-soft:rgba(37,99,235,.12);--nav-accent-border:rgba(15,23,42,.14);--nav-label-color:#475569} html[data-sidebar-theme="light"] .nav-label, html[data-sidebar-theme="light"] .nav-card .nav-label, html[data-sidebar-theme="light"] .nav-favorites-label, html[data-sidebar-theme="light"] .nav-sublabel{color:#475569} html[data-sidebar-theme="light"] .nav-label .nav-icon, html[data-sidebar-theme="light"] .sidebar .nav-link .nav-icon{color:#475569;opacity:.85} html[data-sidebar-theme="light"] .nav-card .nav-details-summary, html[data-sidebar-theme="light"] .nav-details-summary{color:#475569} html[data-sidebar-theme="light"] .nav-card .nav-details[open]>.nav-details-summary, html[data-sidebar-theme="light"] .nav-details[open]>.nav-details-summary{color:var(--sidebar-ink)} html[data-sidebar-theme="light"] .nav-card .nav-details-summary:hover, html[data-sidebar-theme="light"] .nav-details-summary:hover{color:var(--sidebar-ink-strong);background:rgba(15,23,42,.04)} html[data-sidebar-theme="light"] .sidebar a, html[data-sidebar-theme="light"] .sidebar a.nav-link, html[data-sidebar-theme="light"] .sidebar .nav-link, html[data-sidebar-theme="light"] .sidebar .nav-link--core, html[data-sidebar-theme="light"] .sidebar .nav-link--nested, html[data-sidebar-theme="light"] .nav-group--secondary .nav-link{color:var(--sidebar-ink)} html[data-sidebar-theme="light"] .sidebar a:hover, html[data-sidebar-theme="light"] .sidebar a.nav-link:hover, html[data-sidebar-theme="light"] .sidebar .nav-link:hover, html[data-sidebar-theme="light"] .nav-link--core:hover, html[data-sidebar-theme="light"] .nav-group--secondary .nav-link:hover{color:var(--sidebar-ink-strong);background:var(--sidebar-hover);border-color:transparent} html[data-sidebar-theme="light"] .nav-card .nav-link.active, html[data-sidebar-theme="light"] .nav-card a.nav-link.active{color:var(--sidebar-ink-strong);background:color-mix(in srgb,var(--nav-accent-soft) 72%,#fff);box-shadow:none} html[data-sidebar-theme="light"] .nav-favorites{border-bottom-color:rgba(15,23,42,.14);background:transparent} html[data-sidebar-theme="light"] .nav-context{border-color:color-mix(in srgb,var(--accent) 28%,var(--border));background:color-mix(in srgb,var(--accent) 8%,#fff)} html[data-sidebar-theme="light"] .nav-context-label{color:var(--accent)} html[data-sidebar-theme="light"] .nav-context-title{color:var(--sidebar-ink-strong)} html[data-sidebar-theme="light"] .nav-context-meta{color:var(--sidebar-ink-2)} html[data-sidebar-theme="light"] .nav-context .nav-link--return{border-top-color:rgba(15,23,42,.08)} html[data-sidebar-theme="light"] .nav-favorites-label .nav-icon{color:#d97706;opacity:.85} html[data-sidebar-theme="light"] button.nav-fav-btn, html[data-sidebar-theme="light"] button[type=button].nav-fav-btn{color:rgba(15,23,42,.28)} html[data-sidebar-theme="light"] button.nav-fav-btn:hover, html[data-sidebar-theme="light"] button[type=button].nav-fav-btn:hover{background:rgba(15,23,42,.06);color:#b45309;box-shadow:none;transform:none} html[data-sidebar-theme="light"] button.nav-fav-btn.is-fav, html[data-sidebar-theme="light"] button[type=button].nav-fav-btn.is-fav{color:#d97706;opacity:.9;background:transparent} html[data-sidebar-theme="light"] .sidebar .nav-badge{background:rgba(15,23,42,.08);color:#475569;border:0} html[data-sidebar-theme="light"] .nav-link.active .nav-badge{background:rgba(37,99,235,.14);color:#1e40af;border:0} html[data-sidebar-theme="light"] .sidebar-theme-toggle{border-top-color:rgba(15,23,42,.12)} html[data-sidebar-theme="light"] .sidebar-theme-btn{color:var(--sidebar-ink-2);border-color:rgba(15,23,42,.14);background:#fff} html[data-sidebar-theme="light"] .sidebar-theme-btn:hover{color:var(--sidebar-ink-strong);background:#fff;border-color:rgba(15,23,42,.2)} .sidebar-theme-toggle{margin:.55rem .2rem 0;padding-top:.5rem;border-top:1px solid rgba(255,255,255,.08)} .sidebar-theme-btn{width:100%;display:flex;align-items:center;gap:.45rem;padding:.46rem .55rem;border:1px solid rgba(255,255,255,.1);border-radius:9px;background:rgba(255,255,255,.04);color:rgba(255,255,255,.68);font-size:calc(var(--sidebar-link-size) - .04rem);font-weight:650;font-family:var(--font);cursor:pointer;transition:color .12s,background .12s,border-color .12s} .sidebar-theme-btn:hover{color:#fff;background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.16)} .sidebar-theme-btn svg{flex-shrink:0;opacity:.85} /* ── Shell ────────────────────────────── */ .shell{margin-left:var(--sidebar-w);padding-top:var(--topbar-h);min-height:100vh} main{max-width:1380px;margin:0 auto;padding:1.55rem 1.7rem 2.2rem;min-width:0;box-sizing:border-box} /* ── Page header ─────────────────────── */ .page-hd{display:flex;justify-content:space-between;align-items:flex-start;flex-wrap:wrap;gap:1rem;margin-bottom:1.25rem;padding:.15rem 0} .page-hd h1{font-size:1.42rem;font-weight:820;line-height:1.15;margin:0;letter-spacing:-.035em} .page-hd-sub{color:var(--muted);font-size:.86rem;margin-top:.25rem} .page-hd--compact{align-items:center;gap:.65rem 1rem;margin-bottom:.75rem} .page-hd--compact h1{font-size:1.22rem} .page-hd-main{display:flex;flex-wrap:wrap;align-items:center;gap:.45rem .85rem;min-width:0} .page-hd-kpis{display:inline-flex;flex-wrap:wrap;align-items:center;gap:.35rem;margin:0} .page-hd-kpi{ display:inline-flex;align-items:baseline;gap:.28rem;padding:.22rem .55rem; border:1px solid var(--border);border-radius:999px;background:var(--surface); color:var(--text-2);text-decoration:none;font-size:.78rem;line-height:1.2; box-shadow:var(--shadow-sm) } .page-hd-kpi strong{font-variant-numeric:tabular-nums;font-weight:800;color:var(--text);font-size:.9rem} .page-hd-kpi span{color:var(--muted);font-weight:650;text-transform:uppercase;letter-spacing:.04em;font-size:.64rem} .page-hd-kpi:hover{border-color:var(--primary);color:var(--text);text-decoration:none;background:var(--primary-soft)} .page-hd-kpi.is-active{border-color:var(--primary);background:var(--primary-soft);box-shadow:inset 0 0 0 1px rgba(37,99,235,.18)} .page-hd-kpi.is-active strong{color:var(--primary-dk)} [data-theme="dark"] .page-hd-kpi{background:var(--surface-2)} [data-theme="dark"] .page-hd-kpi.is-active{background:rgba(96,165,250,.12);box-shadow:inset 0 0 0 1px rgba(96,165,250,.22)} [data-theme="dark"] .page-hd-kpi.is-active strong{color:var(--primary)} .page-hd-kpi--alert strong{color:var(--danger)} .page-hd-kpi--warn strong{color:var(--warn)} .page-hd > .flex{flex-wrap:nowrap;align-items:flex-end;gap:.45rem;--field-control-height:2.15rem} .page-hd > .flex > .btn{flex-shrink:0} .page-hd > .flex > .form-inline-row{width:auto;flex:0 1 auto} /* Misma altura que el botón de acción del form-inline-row (Crear / Filtrar…). */ .page-hd > .flex > .btn.sm, .page-hd > .flex > a.btn.sm{ height:var(--field-control-height);min-height:var(--field-control-height);max-height:var(--field-control-height); padding:0 .85rem;box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center; } /* Buscador en cabecera (list-hd-tools / entity-hero__tools): layout. La alineación input↔Buscar (padding-top:0) va DESPUÉS de .form-inline-row — misma especificidad haría que el hueco de etiqueta vuelva a ganar. flex-basis bajo + nowrap: con título+KPIs anchos (p.ej. Pfizer Ops) un basis 24–26rem empujaba Usuarios/⋯ a la fila de abajo (~40px de desfase). */ .list-hd-tools, .entity-hero__tools{display:flex;flex-wrap:nowrap;align-items:center;justify-content:flex-end;gap:.4rem;--field-control-height:2.15rem;min-width:0} .page-hd--compact > .list-hd-tools{flex:1 1 14rem;align-self:center;min-width:0} .list-hd-tools > .form-inline-row, .entity-hero__tools > .form-inline-row{width:auto;flex:1 1 10rem;margin:0;gap:.35rem;align-items:center;flex-wrap:nowrap;min-width:0} .list-hd-tools > .btn, .list-hd-tools > a.btn, .list-hd-tools > details, .entity-hero__tools > .btn, .entity-hero__tools > a.btn, .entity-hero__tools > details{flex-shrink:0} .list-hd-tools .btn, .list-hd-tools .field--action .btn.sm, .list-hd-tools > .btn.sm, .list-hd-tools > a.btn.sm, .entity-hero__tools .btn, .entity-hero__tools .field--action .btn.sm, .entity-hero__tools > .btn.sm, .entity-hero__tools > a.btn.sm{ height:var(--field-control-height);min-height:var(--field-control-height);max-height:var(--field-control-height); padding:0 .85rem;display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;flex-shrink:0; } .list-hd-tools .list-row-menu__summary, .entity-hero__tools .list-row-menu__summary{min-height:var(--field-control-height);height:var(--field-control-height);box-sizing:border-box} .list-hd-search, .entity-hero__search{min-width:0} .list-hd-search .field--grow, .entity-hero__search .field--grow{flex:1 1 8rem;min-width:6rem;max-width:34rem} @media(max-width:900px){ .list-hd-tools,.entity-hero__tools{flex-wrap:wrap;justify-content:flex-start} .list-hd-tools > .form-inline-row,.entity-hero__tools > .form-inline-row{flex:1 1 100%} } /* ── Cards ────────────────────────────── */ .card{background:var(--card-bg);border:1px solid var(--border);border-radius:var(--radius);padding:1.15rem;box-shadow:var(--shadow);backdrop-filter:saturate(1.1) blur(6px)} .card+.card{margin-top:1rem} .card h2:first-child,.card h3:first-child{margin-top:0} .grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1rem;margin-bottom:1.15rem} /* ── KPI cards ────────────────────────── */ .kpi{text-align:left;padding:1rem;position:relative;overflow:hidden;text-decoration:none;color:inherit} .kpi::after{content:"";position:absolute;right:-32px;top:-36px;width:92px;height:92px;border-radius:50%;background:linear-gradient(135deg,rgba(37,99,235,.13),rgba(124,58,237,.08))} .kpi:hover{text-decoration:none;transform:translateY(-1px);box-shadow:0 14px 32px rgba(15,23,42,.08),0 4px 10px rgba(15,23,42,.05)} .kpi-val{font-size:1.72rem;font-weight:850;color:var(--primary);line-height:1.05;letter-spacing:-.04em} .kpi-label{font-size:.7rem;font-weight:800;color:var(--muted);text-transform:uppercase;letter-spacing:.065em;margin-top:.35rem} .kpi-sub{font-size:.8rem;color:var(--muted);margin:.35rem 0 0} /* ── Document detail (doc-*) ───────────── Read-only / view-heavy document & entity sheets. Reference: /admin/invoices/view Do NOT merge with sale-factura* (Access HTMX edit forms). */ .doc-hero{display:flex;justify-content:space-between;align-items:flex-start;flex-wrap:wrap;gap:1rem;padding:1.1rem 1.25rem;background:linear-gradient(135deg,#1e293b 0%,#0f172a 60%,#172554 100%);border-radius:var(--radius);color:#f1f5f9;box-shadow:var(--shadow);margin-bottom:1rem} .doc-hero__code{font-size:1.35rem;font-weight:850;letter-spacing:-.02em;margin:0;font-variant-numeric:tabular-nums} .doc-hero__meta{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap;margin-top:.45rem;font-size:.8rem;color:#cbd5e1} .doc-hero__meta a{color:#93c5fd;font-weight:700;text-decoration:none} .doc-hero__meta a:hover{text-decoration:underline} .doc-hero__amount{text-align:right;display:flex;flex-direction:column;align-items:flex-end} .doc-hero__amounts{display:flex;gap:1.35rem;flex-wrap:wrap;align-items:flex-end;justify-content:flex-end} .doc-hero__amounts .doc-hero__amount{min-width:8.5rem} .doc-hero__amount-label{font-size:.68rem;font-weight:800;text-transform:uppercase;letter-spacing:.08em;color:#94a3b8;margin-bottom:.2rem} .doc-hero__amount-value{font-size:1.7rem;font-weight:850;letter-spacing:-.03em;line-height:1.15;font-variant-numeric:tabular-nums;display:inline-flex;align-items:center;justify-content:flex-end;gap:.3rem;min-height:2rem} .doc-hero__amount-value .money{flex:0 0 auto} /* Recuento y recencia bajo el importe: evita repetirlos como KPI aparte */ .doc-hero__amount-note{margin-top:.15rem;font-size:.72rem;color:#94a3b8;white-space:nowrap} .doc-hero__action{margin:0;display:flex;align-items:center;padding-bottom:.15rem} .doc-hero__action .btn.ghost{color:#e2e8f0;border-color:rgba(148,163,184,.45);background:rgba(255,255,255,.08)} .doc-hero__action .btn.ghost:hover{color:#fff;border-color:rgba(148,163,184,.7);background:rgba(255,255,255,.12)} /* Editor saldo: cerrado = importe + lápiz; abierto = formulario debajo (no encajar en 1.1rem) */ .doc-hero__balance-editor{display:flex;flex-direction:column;align-items:flex-end;margin:0;min-width:0} .doc-hero__balance-editor>summary.doc-hero__amount-value{list-style:none;cursor:pointer;user-select:none} .doc-hero__balance-editor>summary::-webkit-details-marker{display:none} .doc-hero__balance-edit-icon{display:inline-flex;align-items:center;justify-content:center;width:1.1rem;height:1.1rem;flex:0 0 1.1rem;opacity:.55;font-size:.8rem;line-height:1} .doc-hero__balance-editor>summary:hover .doc-hero__balance-edit-icon, .doc-hero__balance-editor[open]>summary .doc-hero__balance-edit-icon{opacity:1} .doc-hero__balance-edit{display:flex;gap:.35rem;align-items:center;flex-wrap:nowrap;margin-top:.45rem;padding:.45rem .5rem;background:rgba(15,23,42,.55);border:1px solid rgba(148,163,184,.35);border-radius:var(--radius-sm)} .doc-hero__balance-edit .field-control{width:7.5rem;text-align:right;font-variant-numeric:tabular-nums;background:#0f172a;color:#f1f5f9;border-color:#475569} .doc-hero__balance-edit .btn.ghost{color:#e2e8f0;border-color:rgba(148,163,184,.45);background:rgba(255,255,255,.06)} .doc-hero__balance-edit .btn.ghost:hover{color:#fff;border-color:rgba(148,163,184,.7)} /* Hueco del lápiz en Σ movimientos → mismos bordes derechos de importes */ .doc-hero__amount-value-slot{display:inline-block;width:1.1rem;height:1.1rem;flex:0 0 1.1rem} .doc-chip{display:inline-flex;align-items:center;gap:.3rem;padding:.22rem .65rem;border-radius:999px;font-size:.7rem;font-weight:800;letter-spacing:.02em} .doc-chip--finalizada{background:rgba(34,197,94,.16);color:#86efac;border:1px solid rgba(34,197,94,.35)} .doc-chip--borrador{background:rgba(96,165,250,.16);color:#93c5fd;border:1px solid rgba(96,165,250,.35)} .doc-chip--bloqueada{background:rgba(250,204,21,.16);color:#fde047;border:1px solid rgba(250,204,21,.35)} .doc-chip--anulada{background:rgba(248,113,113,.16);color:#fca5a5;border:1px solid rgba(248,113,113,.4)} .doc-chip--pago{background:rgba(148,163,184,.14);color:#e2e8f0;border:1px solid rgba(148,163,184,.3)} /* Pestañas de sección de una entidad: navegación entre pantallas de la misma ficha (cliente ERP / ficha CGM / extracto). Cada pestaña es una URL con su propio formulario y su propio Guardar; la barra solo dice dónde estás. Cabecera + pestañas tienen altura fija (ellipsis) para que al navegar no salten. No confundir con .sale-factura__tab, que son secciones de un mismo POST. */ .entity-section{margin:0 0 .85rem} .entity-section__title{margin:0;min-height:1.6rem;font-size:1.28rem;font-weight:750;line-height:1.25;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis} .entity-section__sub{margin:.12rem 0 .5rem;min-height:1.1rem;font-size:.78rem;line-height:1.35;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis} .entity-section__extras{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:.45rem 1rem;margin:0 0 1rem} .entity-tabs{display:flex;flex-wrap:wrap;gap:.15rem;align-items:flex-end;margin:0;border-bottom:1px solid var(--border)} .entity-tabs__tab{display:inline-flex;align-items:center;gap:.35rem;padding:.42rem .8rem;font-size:.78rem;font-weight:700;color:var(--muted);text-decoration:none;border:1px solid transparent;border-bottom:2px solid transparent;border-radius:8px 8px 0 0;white-space:nowrap} .entity-tabs__tab:hover{color:var(--text);background:var(--surface-2);text-decoration:none} .entity-tabs__tab[aria-current=page]{color:var(--primary-dk);background:var(--surface);border-color:var(--border);border-bottom-color:var(--primary);cursor:default} .entity-tabs__hint{margin-left:auto;align-self:center;padding:0 .3rem .35rem;font-size:.7rem;color:var(--muted)} @media(max-width:640px){.entity-tabs__hint{display:none}} .doc-toolbar{display:flex;flex-wrap:wrap;gap:.55rem;align-items:flex-start;margin-bottom:1rem} .doc-toolbar__group{display:flex;flex-wrap:wrap;gap:.35rem;align-items:center;padding:.35rem .45rem;background:rgba(255,255,255,.86);border:1px solid var(--border);border-radius:var(--radius-sm);box-shadow:var(--shadow-sm);min-width:0;max-width:100%} .doc-toolbar__group form{display:inline;margin:0} .doc-toolbar__label{font-size:.64rem;font-weight:850;text-transform:uppercase;letter-spacing:.07em;color:var(--muted);padding:0 .3rem} .doc-toolbar button[disabled]{background:#94a3b8!important;color:#e2e8f0;cursor:not-allowed;opacity:.95} .doc-toolbar__group .muted{flex:1 1 10rem;min-width:0} .doc-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(260px,100%),1fr));gap:1rem;margin-bottom:1.25rem;min-width:0;width:100%} .doc-card{position:relative;padding:1rem 1.15rem 1.05rem;min-width:0;overflow:hidden} .doc-card__title{display:flex;align-items:center;gap:.5rem;margin:0 0 .75rem;font-size:.72rem;font-weight:850;text-transform:uppercase;letter-spacing:.08em;color:var(--muted)} .doc-card__title::before{content:"";width:.55rem;height:.55rem;border-radius:2px;background:var(--primary);box-shadow:0 0 0 3px rgba(37,99,235,.14)} .doc-card--customer .doc-card__title::before{background:#0891b2;box-shadow:0 0 0 3px rgba(8,145,178,.14)} .doc-card--links .doc-card__title::before{background:#7c3aed;box-shadow:0 0 0 3px rgba(124,58,237,.14)} .doc-card--totals .doc-card__title::before{background:#16a34a;box-shadow:0 0 0 3px rgba(22,163,74,.14)} .doc-kv{display:grid;grid-template-columns:auto minmax(0,1fr);gap:.32rem .9rem;margin:0;font-size:.84rem} .doc-kv dt{margin:0;font-size:.72rem;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:.04em;align-self:center;white-space:nowrap} .doc-kv dd{margin:0;font-weight:600;color:var(--text);min-width:0;overflow-wrap:break-word} .doc-kv dd .muted{font-weight:500} /* Refs técnicas (sales_group:…, magazine_renewal:…): una línea; scroll si el card es estrecho */ .doc-kv dd .doc-ref,.doc-kv dd.doc-ref{ display:inline-block;max-width:100%; white-space:nowrap;overflow-x:auto;vertical-align:bottom; font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace; font-size:.8rem;font-weight:650;font-variant-numeric:tabular-nums; letter-spacing:0;line-height:1.35; padding:.05rem .35rem;border-radius:var(--radius-sm); background:var(--badge-info-bg);color:var(--info);border:1px solid var(--badge-info-border) } .doc-badge--origin{ display:inline-block;max-width:100%;padding:.12rem .5rem; background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-sm); font-size:.78rem;font-weight:700;color:var(--text);letter-spacing:-.01em; white-space:normal;overflow-wrap:anywhere;word-break:break-word } .doc-kv__chips{ display:flex;flex-wrap:wrap;gap:.28rem .35rem;align-items:center; max-width:100%;max-height:11rem;overflow:auto } .doc-kv__chips a{ display:inline-block;max-width:100%;padding:.08rem .45rem; border:1px solid var(--border);border-radius:999px;background:var(--surface-2); font-size:.78rem;font-weight:700;white-space:nowrap } .doc-trace-group{ display:flex;flex-direction:column;gap:.25rem;margin:.1rem 0; max-width:100%;max-height:11rem;overflow:auto } .doc-trace-item{ font-size:.82rem;line-height:1.4;overflow-wrap:anywhere;word-break:break-word } .doc-trace-item a{ font-weight:700;color:var(--primary);text-decoration:none } .doc-trace-item a:hover{ text-decoration:underline } .doc-trace-item strong{ font-weight:750;color:var(--text) } .doc-kv--relaxed{gap:.42rem .9rem} .doc-total-row{display:flex;justify-content:space-between;align-items:baseline;padding:.3rem 0;font-size:.84rem;border-bottom:1px dashed #e2e8f0} .doc-total-row span{color:var(--muted);font-weight:600} .doc-total-row strong{font-variant-numeric:tabular-nums;font-weight:700} .doc-total-row--grand{border-bottom:0;margin-top:.35rem;padding:.55rem .7rem;background:linear-gradient(135deg,#f0fdf4,#ecfdf5);border:1px solid #bbf7d0;border-radius:var(--radius-sm)} .doc-total-row--grand span{color:#15803d;font-weight:800;text-transform:uppercase;font-size:.72rem;letter-spacing:.06em} .doc-total-row--grand strong{font-size:1.25rem;font-weight:850;color:#14532d;letter-spacing:-.02em} .doc-remarks{margin:.85rem 0 0;padding:.7rem .9rem;background:#fffbeb;border:1px solid #fde68a;border-radius:var(--radius-sm);font-size:.84rem;color:#78350f} .doc-tech{margin-top:.75rem;border-top:1px dashed var(--border);padding-top:.55rem} .doc-tech>summary{cursor:pointer;font-size:.72rem;font-weight:800;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);list-style:none} .doc-tech>summary::-webkit-details-marker{display:none} .doc-tech>summary::before{content:"▸ ";color:var(--muted-2)} .doc-tech[open]>summary::before{content:"▾ "} .doc-tech .doc-kv{margin-top:.55rem} .doc-empty{margin:0;font-size:.82rem;color:var(--muted)} .doc-lines-hd{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:.5rem;margin:1rem 0 .6rem} .doc-lines-hd h2{margin:0;font-size:1.02rem;font-weight:820;letter-spacing:-.02em} .doc-lines-hd .muted{font-size:.8rem} .doc-lines td.num,.doc-lines th.num{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap} .doc-lines tfoot td{padding:.65rem .8rem;font-weight:800;background:linear-gradient(180deg,#f8fafc,#f1f5f9);border-top:2px solid var(--border);font-variant-numeric:tabular-nums} .doc-lines tfoot td.lbl{text-align:right} .doc-lines tfoot .grand{color:#14532d;font-size:.95rem} .doc-back{margin-top:.85rem} .doc-back a{font-size:.84rem;font-weight:600} .doc-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:.65rem;margin-bottom:1.25rem} .doc-stat{padding:.75rem .9rem;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);box-shadow:var(--shadow-sm);min-width:0} .doc-stat strong{display:block;font-size:1.15rem;font-weight:850;letter-spacing:-.02em;font-variant-numeric:tabular-nums;line-height:1.15;overflow-wrap:anywhere} .doc-stat span{display:block;margin-top:.25rem;font-size:.68rem;font-weight:800;text-transform:uppercase;letter-spacing:.06em;color:var(--muted)} .doc-stats--compact{gap:.45rem;margin-bottom:.75rem} .doc-stats--compact .doc-stat{padding:.5rem .7rem} .doc-stats--compact .doc-stat strong{font-size:1rem} a.doc-stat{color:inherit;text-decoration:none} a.doc-stat:hover{border-color:var(--primary);text-decoration:none} a.doc-stat:focus-visible{outline:2px solid var(--primary);outline-offset:2px} .doc-stat--ok{border-color:var(--badge-ok-border)} .doc-stat--warn{border-color:var(--badge-warn-border)} .doc-stat--danger{border-color:var(--badge-danger-border)} .customer-360{margin:0 0 1rem;min-width:0} .customer-360>.muted{margin:0 0 .75rem;font-size:.8rem} .customer-360__aging{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.4rem;margin:0 0 .75rem} .customer-360__aging-bucket{padding:.45rem .55rem;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface-2);display:flex;flex-direction:column;gap:.15rem;min-width:0} .customer-360__aging-bucket strong{font-size:.72rem;text-transform:uppercase;letter-spacing:.04em;color:var(--muted)} .customer-360__aging-bucket span{font-size:.84rem;font-variant-numeric:tabular-nums;overflow-wrap:anywhere} .customer-360__aging-bucket.tone-warn{border-color:var(--badge-warn-border)} .customer-360__aging-bucket.tone-danger{border-color:var(--badge-danger-border)} .customer-360__actions{margin:0 0 .85rem} .customer-360__cols{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.85rem;min-width:0} .customer-360__cols>div{min-width:0} .customer-360__cols .doc-lines-hd{margin:.15rem 0 .4rem} .customer-360__cols .tbl-wrap{margin:0;max-width:100%} .customer-360__more{margin:.35rem 0 0;font-size:.78rem} .customer-360__events{margin-top:.85rem} .customer-360__events h3{margin:0 0 .35rem;font-size:.82rem;color:var(--muted)} .customer-360__events ul{margin:0;padding-left:1.1rem;font-size:.8rem} @media(max-width:960px){.customer-360__cols,.customer-360__aging{grid-template-columns:1fr 1fr}} @media(max-width:640px){.customer-360__cols,.customer-360__aging{grid-template-columns:1fr}} /* Facturar albaranes agrupados: presets de periodo en fila propia bajo el formulario (mismo patrón que ax-saved-views). Sin esto, flex:1 0 100% no bastaba y los chips «Mes actual / …» se aplastaban al borde derecho. */ .filter-bar:has(>.group-sales-presets){ flex-direction:column;align-items:stretch;gap:.55rem } .filter-bar:has(>.group-sales-presets)>.form-inline-row{width:100%;margin:0} .group-sales-presets{ display:flex;flex-wrap:wrap;align-items:center;gap:.35rem; width:100%;min-width:0;margin:0;padding:0;box-sizing:border-box } .group-sales-presets .page-hd-kpis{flex-wrap:wrap;min-width:0;max-width:100%} .group-sales-presets .page-hd-kpi{flex:0 1 auto;max-width:100%} .group-sales-kpis{flex-wrap:wrap;min-width:0;max-width:100%} .group-sales-kpis .page-hd-kpi:hover{border-color:var(--border);background:var(--surface);color:var(--text-2)} [data-theme="dark"] .group-sales-kpis .page-hd-kpi:hover{background:var(--surface-2)} .page-hd-main:has(.group-sales-kpis){align-items:flex-start} .page-hd-main:has(.group-sales-kpis)>.page-hd-sub{flex:1 0 100%;margin-top:.15rem} .group-sales-bar{ display:flex;flex-direction:column;gap:.5rem;margin:0 0 .55rem;padding:.65rem .75rem; background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-sm);min-width:0 } .group-sales-bar__head{display:flex;justify-content:space-between;align-items:center;gap:.75rem;flex-wrap:wrap} .group-sales-bar__summary{margin:0;font-size:.82rem;font-weight:650;color:var(--text-2);min-width:0} .group-sales-bar__actions{display:flex;gap:.45rem;align-items:center;flex-wrap:wrap} .group-sales-bar .field{margin-bottom:0;display:flex;flex-direction:column;gap:.2rem;min-width:0} .group-sales-bar .field>label{font-size:.74rem;font-weight:650;color:var(--muted)} .group-sales-bar textarea.field-control{min-height:3.1rem;resize:vertical} .group-sales-bar__hint{margin:0;font-size:.76rem} .group-sales-pick-col{width:1%;white-space:nowrap;text-align:center;vertical-align:middle} .group-sales-pick-col input[type="checkbox"]{ width:1.1rem;height:1.1rem;margin:0;accent-color:var(--primary);cursor:pointer;vertical-align:middle; -webkit-appearance:none;appearance:none; border:1.5px solid color-mix(in srgb,var(--text) 45%,var(--border)); border-radius:.22rem;background:var(--surface);box-sizing:border-box } .group-sales-pick-col input[type="checkbox"]:checked{ background:var(--primary);border-color:var(--primary); background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='none' stroke='%23fff' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round' d='M3.5 8.2l2.8 2.8 6.2-6.2'/%3E%3C/svg%3E"); background-size:78% 78%;background-position:center;background-repeat:no-repeat } /* Deshabilitado: relleno gris oscuro sólido (no solo opacidad). */ .group-sales-pick-col input[type="checkbox"]:disabled, #group-sales-pick-all:disabled{ cursor:not-allowed; background:#3f4654; border-color:#2a303b; background-image:none; opacity:1;filter:none } [data-theme="light"] .group-sales-pick-col input[type="checkbox"]:disabled, [data-theme="light"] #group-sales-pick-all:disabled{ background:#9aa3b2;border-color:#6b7280 } .group-sales-row--blocked td{opacity:.78} .group-sales-row--blocked .group-sales-pick-col{opacity:1} /* Fuera del grupo en curso (otro cliente, pago o fiscalidad). */ .group-sales-row--mismatch td{opacity:.55} .group-sales-row--mismatch .group-sales-pick-col{opacity:1} /* Los chips informativos no fingen ser pulsables; el de «ocultos» sí lo es. */ .group-sales-kpis a.page-hd-kpi:hover{border-color:var(--primary);background:var(--primary-soft);color:var(--text)} .doc-card#web-account{margin-bottom:1.25rem} .doc-card#web-account .doc-kv{max-width:36rem} .doc-card#web-account .doc-web-actions{display:flex;flex-direction:column;gap:.65rem;margin-top:.85rem;padding-top:.75rem;border-top:1px dashed var(--border)} .form-inline-row--actions-only{align-items:center} .form-inline-row--actions-only .field--action{padding-top:0} .form-inline-row .field--hint{flex:1 1 14rem;min-width:12rem;max-width:28rem;padding-top:var(--field-label-row);box-sizing:border-box;justify-content:center} .form-inline-row .field--hint .hint{margin:0;min-height:var(--field-control-height);display:flex;align-items:center;font-size:.74rem;line-height:1.3;color:var(--muted);font-weight:500} /* Chips/toolbar sobre formularios Access (fondo claro) */ .sale-factura .doc-toolbar{margin:.45rem 0 .55rem} .sale-factura .doc-chip-row{display:flex;flex-wrap:wrap;gap:.35rem;align-items:center;margin:.35rem 0 .15rem} .sale-factura .doc-chip--finalizada{background:#dcfce7;color:#166534;border-color:#86efac} .sale-factura .doc-chip--borrador{background:#dbeafe;color:#1d4ed8;border-color:#93c5fd} .sale-factura .doc-chip--bloqueada{background:#fef9c3;color:#a16207;border-color:#fde047} .sale-factura .doc-chip--anulada{background:#fee2e2;color:#b91c1c;border-color:#fca5a5} .sale-factura .doc-chip--pago{background:#f1f5f9;color:#334155;border-color:#cbd5e1} @media(max-width:900px){ .doc-hero{flex-direction:column;align-items:stretch} .doc-hero__amount{text-align:left} .doc-hero__amounts{justify-content:flex-start} .doc-toolbar__group{width:100%} } /* ── Typography ───────────────────────── */ h1{font-size:1.32rem;font-weight:800;margin-bottom:.8rem;line-height:1.2;letter-spacing:-.025em} h2{font-size:1.03rem;font-weight:760;margin-bottom:.55rem;line-height:1.3;letter-spacing:-.015em} h3{font-size:.9rem;font-weight:760;margin-bottom:.4rem} p{margin-bottom:.45rem} /* ── Tables ───────────────────────────── */ /* Sticky thead solo funciona respecto al scrollport del ancestro. Si el scroll es el de la página y .tbl-wrap tiene overflow, la cabecera se va con la tabla. Listados densos usan .list-scroll-page (abajo): el scroll vive en .tbl-wrap. border-collapse:separate es obligatorio para sticky en thead (Chrome/Firefox). */ .tbl-wrap{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);overflow:auto;box-shadow:var(--shadow)} table{width:100%;border-collapse:separate;border-spacing:0} /* Nueva suscripción CGM — evitar desborde de lista de packs / referencia / notas */ .magazine-sub-new{max-width:100%;min-width:0} .magazine-sub-new .field{max-width:100%;min-width:0} .magazine-sub-new__wide{width:100%;max-width:100%;min-width:0} .magazine-sub-new__wide>input, .magazine-sub-new__wide>textarea{display:block;width:100%;max-width:100%;min-width:0;box-sizing:border-box} .magazine-pack-pick{ display:grid; grid-template-columns:1fr 1fr; gap:.2rem .75rem; max-width:100%; min-width:0; max-height:16rem; overflow:auto; padding:.4rem .5rem .5rem; background:var(--surface); border:1px solid var(--border); border-radius:var(--radius); box-shadow:var(--shadow); } .magazine-pack-pick__item{ display:grid; grid-template-columns:minmax(0,1fr) 6.6rem 6.6rem; gap:.35rem; align-items:center; min-width:0; margin:0; padding:.28rem .4rem; border-radius:var(--radius-sm); cursor:pointer; font-weight:400; } .magazine-pack-pick__item:hover{background:rgba(37,99,235,.05)} .magazine-pack-pick__item.is-selected, .magazine-pack-pick__item:has(input:checked){background:#f0f9ff} .magazine-pack-pick__col-pack{display:flex;align-items:baseline;gap:.4rem;min-width:0} .magazine-pack-pick__radio{flex:0 0 auto;width:auto;margin:.12rem 0 0;align-self:flex-start} .magazine-pack-pick__main{ flex:1 1 auto; min-width:0; font-weight:600; font-size:.82rem; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; } .magazine-pack-pick__col-ini, .magazine-pack-pick__col-fin{ font-variant-numeric:tabular-nums; font-size:.74rem; white-space:nowrap; text-align:right; } @media(max-width:900px){ .magazine-pack-pick{grid-template-columns:1fr} .magazine-pack-pick__item{grid-template-columns:minmax(0,1fr) 6.1rem 6.1rem} } thead th{position:sticky;top:0;z-index:4;background:linear-gradient(180deg,var(--surface),var(--surface-2));padding:.62rem .8rem;font-size:.69rem;font-weight:850;color:var(--text);text-transform:uppercase;letter-spacing:.055em;border-bottom:1px solid var(--border);text-align:left;white-space:nowrap;box-shadow:0 1px 0 var(--border)} tbody td{padding:.68rem .8rem;border-bottom:1px solid var(--border);font-size:.84rem;vertical-align:top} tbody tr:last-child td{border-bottom:none} tbody tr:hover td{background:var(--surface-2)} th.num,td.num{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap} /* Listados compactos: una fila por registro, celdas en una sola línea y acciones alineadas al final (estilo app premium). */ .tbl-tight td{vertical-align:middle} .nowrap{white-space:nowrap} .tbl-compact thead th{padding:.45rem .5rem;letter-spacing:.03em} .tbl-compact tbody td{padding:.42rem .5rem;font-size:.8rem} /* flex solo en contenedor interno (div), nunca en el : display:flex en td rompe table-cell y las fechas se pintan encima de la fila anterior. */ .cell-stack{display:flex;flex-direction:column;gap:.2rem;line-height:1.3;white-space:nowrap;font-variant-numeric:tabular-nums} td.cell-stack{display:table-cell} td.cell-stack>span,td.cell-stack>strong{display:block;line-height:1.3} td.cell-stack>*+*{margin-top:.2rem} .cell-stack>span,.cell-stack>strong{line-height:1.3} .cell-stack .muted{font-size:.72rem;line-height:1.3} .cell-stack--dt{min-width:5.75rem} .cell-clip{max-width:11rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap} /* Pedidos Pfizer: caber en el viewport sin scroll horizontal (textos CDC/código largos). */ .pfizer-ops-list{table-layout:fixed;width:100%} .pfizer-ops-list th,.pfizer-ops-list td{overflow:hidden;vertical-align:middle} .pfizer-ops-list th:nth-child(1),.pfizer-ops-list td:nth-child(1){width:3.4rem} .pfizer-ops-list th:nth-child(2),.pfizer-ops-list td:nth-child(2){width:7.1rem} .pfizer-ops-list th:nth-child(3),.pfizer-ops-list td:nth-child(3){width:auto} .pfizer-ops-list th:nth-child(4),.pfizer-ops-list td:nth-child(4){width:6.6rem} .pfizer-ops-list th:nth-child(5),.pfizer-ops-list td:nth-child(5){width:7.5rem} .pfizer-ops-list th:nth-child(6),.pfizer-ops-list td:nth-child(6){width:5.4rem} .pfizer-ops-list th:nth-child(7),.pfizer-ops-list td:nth-child(7){width:6.8rem} .pfizer-ops-list__product{min-width:0;max-width:100%;white-space:normal} .pfizer-ops-list__product>a, .pfizer-ops-list__product>span{ display:block;min-width:0;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap } .pfizer-ops-list__clip, .pfizer-ops-list__ariba{overflow:hidden;text-overflow:ellipsis;white-space:nowrap} .pfizer-ops-list__ariba code{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap} /* Tamaño de badge en tabla densa: lo fija `.tbl-compact .badge` (escala única) */ .pfizer-ops-list__status{white-space:nowrap;vertical-align:middle} .pfizer-ops-list__status .badge{margin-right:.3rem;vertical-align:middle} .pfizer-ops-list__status .muted{font-size:.68rem;vertical-align:middle} .pfizer-ops-view__cover{display:block;max-width:90px;margin:0 0 .75rem;border:1px solid var(--border);border-radius:var(--radius-sm)} .pfizer-ops-part{margin-top:.85rem} .pfizer-ops-part .doc-card__title{margin:0 0 .25rem} .pfizer-ops-part__link{margin:.65rem 0} td.list-actions,th.list-actions{text-align:right;width:1%;white-space:nowrap;position:sticky;right:0;z-index:2;background:var(--surface);box-shadow:-6px 0 10px -8px rgba(15,23,42,.22)} th.list-actions{z-index:5;top:0;background:linear-gradient(180deg,var(--surface),var(--surface-2))} tbody tr:hover td.list-actions{background:var(--surface-2)} .list-actions .actions{display:inline-flex;gap:.3rem;align-items:center;justify-content:flex-end;flex-wrap:nowrap;margin-top:0} /* Encargos: Acciones sticky tapa «Cerrado»; desactivar sticky en esta tabla. */ .reservations-list th.list-actions, .reservations-list td.list-actions{ position:static !important; right:auto !important; z-index:auto !important; box-shadow:none !important; background:var(--surface); } .reservations-list thead th.list-actions{background:linear-gradient(180deg,var(--surface),var(--surface-2))} .reservations-list tbody tr:hover td.list-actions{background:var(--surface-2)} /* Listado a altura de viewport: título/filtros fijos, scroll solo en la tabla → thead sticky (top:0) no se pierde. Usar en Encargos y listados densos. */ .shell:has(.list-scroll-page){height:100dvh;overflow:hidden;box-sizing:border-box} .shell:has(.list-scroll-page)>main{ height:100%;max-height:100%;overflow:hidden;display:flex;flex-direction:column; padding-top:1rem;padding-bottom:.75rem;box-sizing:border-box } .list-scroll-page{flex:1 1 auto;min-height:0;display:flex;flex-direction:column} .list-scroll-page>.page-hd, .list-scroll-page>.entity-hero, .list-scroll-page>.entity-section, .list-scroll-page>.doc-toolbar, .list-scroll-page>.doc-hero, .list-scroll-page>.doc-remarks, .list-scroll-page>.card, .list-scroll-page>.form-inline-row, .list-scroll-page>.ledger-view-erp{flex:0 0 auto;margin-bottom:.55rem} .list-scroll-page>.web-pub-flow{flex:0 0 auto;margin-bottom:.55rem} .list-scroll-page>.filter-bar{flex:0 0 auto;margin-bottom:.55rem;padding:.65rem .75rem} .list-scroll-page>#books_catalog_badges, .list-scroll-page>.books-catalog-badges{flex:0 0 auto;margin-bottom:.45rem} .list-scroll-page__catalog>.books-catalog-type-bar, .list-scroll-page__catalog>.warning{flex:0 0 auto} .list-scroll-page>.ax-flash,.list-scroll-page>.ok,.list-scroll-page>.error, .list-scroll-page>.alert{flex:0 0 auto} .list-scroll-page__catalog{flex:1 1 auto;min-height:0;display:flex;flex-direction:column;overflow:hidden;gap:.65rem} /* Extracto CGM: cabecera + filtros densos para dejar altura a la tabla. */ .list-scroll-page--dense>.entity-section, .list-scroll-page--dense>.doc-toolbar, .list-scroll-page--dense>.doc-hero, .list-scroll-page--dense>.doc-remarks, .list-scroll-page--dense>.card, .list-scroll-page--dense>.form-inline-row, .list-scroll-page--dense>.filter-bar, .list-scroll-page--dense>.ledger-view-erp{margin-bottom:.28rem} .list-scroll-page--dense>.entity-section{margin-bottom:.2rem} .list-scroll-page--dense .entity-section__title{font-size:1.05rem;min-height:0} .list-scroll-page--dense .entity-section__sub{margin:.02rem 0 .2rem;font-size:.72rem;min-height:0} .list-scroll-page--dense .doc-toolbar{gap:.3rem;margin-bottom:.28rem} .list-scroll-page--dense .doc-toolbar__group{padding:.12rem .28rem} .list-scroll-page--dense .doc-toolbar__label{display:none} .list-scroll-page--dense .doc-hero{padding:.45rem .7rem;gap:.55rem;align-items:center;margin-bottom:.28rem} .list-scroll-page--dense .doc-hero__meta{margin-top:0} .list-scroll-page--dense .doc-hero__amounts{gap:.7rem;align-items:flex-end} .list-scroll-page--dense .doc-hero__amount-value{font-size:1.15rem;min-height:0} .list-scroll-page--dense .doc-hero__action{margin:0;padding-bottom:0} .list-scroll-page--dense .doc-remarks{margin:0 0 .28rem;padding:.28rem .55rem;font-size:.74rem} .list-scroll-page--dense>.filter-bar{padding:.4rem .55rem;margin-bottom:.28rem} .list-scroll-page--dense .filter-bar:has(>.ax-saved-views){gap:.25rem} .list-scroll-page--dense .ax-saved-views{padding:.28rem 0 0} .list-scroll-page--dense .list-scroll-page__catalog{gap:.3rem} .ledger-view-erp{padding:.15rem .5rem;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface)} .ledger-view-erp>summary{cursor:pointer;font-size:.78rem;font-weight:750;line-height:1.8;list-style:none} .ledger-view-erp>summary::-webkit-details-marker{display:none} .ledger-view-erp[open]>summary{margin-bottom:.3rem} .ledger-view-erp .hint,.ledger-view-erp .ok{margin:0 0 .35rem;font-size:.72rem} .list-scroll-page>.list-pager-row, .list-scroll-page__catalog>.list-pager-row, .list-scroll-page__catalog>.flex, .list-scroll-page__catalog>.filter-bar, .list-scroll-page__catalog>.page-hd, .list-scroll-page__catalog>.page-hd-kpis{flex:0 0 auto;margin-bottom:.35rem} .list-scroll-page>.error, .list-scroll-page__catalog>.error{flex:0 0 auto} .list-scroll-page>.warning, .list-scroll-page>.po-sent-filter, .list-scroll-page>.invoice-doc-panel, .list-scroll-page>#stock_metrics_badges, .list-scroll-page>.grid{flex:0 0 auto;margin-bottom:.55rem} /* Aging de cartera: chips en page-hd (no grid card kpi) */ .page-hd-main .pf-aging-kpis{ padding-left:.55rem;margin-left:.1rem; border-left:1px solid var(--border) } /* Contenedores intermedios (form bulk Clientes, .stack antiguo Stock): si no participan en el flex, overflow:hidden del shell deja la página sin scroll. */ .list-scroll-page__catalog>form, .list-scroll-page__catalog>.stack{ flex:1 1 auto;min-height:0;display:flex;flex-direction:column;overflow:hidden;gap:.65rem } .list-scroll-page__catalog>form>:not(.tbl-wrap), .list-scroll-page__catalog>.stack>:not(.tbl-wrap){flex:0 0 auto} .list-section-label{ margin:0;padding:0; font-size:.78rem;font-weight:700;letter-spacing:.02em; text-transform:uppercase;color:var(--muted) } .list-scroll-page>.list-section-label{flex:0 0 auto;margin:.15rem 0 .4rem} .list-scroll-page>.grid{flex:0 0 auto} .automation-health-alerts{margin:.35rem 0 0;padding-left:1.15rem} .automation-health-alerts li+li{margin-top:.2rem} .list-scroll-page>.tbl-wrap, .list-scroll-page__catalog>.tbl-wrap, .list-scroll-page__catalog>form>.tbl-wrap, .list-scroll-page__catalog>.stack>.tbl-wrap{ flex:1 1 auto;min-height:12rem;max-height:none;overflow:auto } /* Segunda tabla (p. ej. movimientos de stock): panel inferior compacto */ .list-scroll-page>.tbl-wrap~.tbl-wrap, .list-scroll-page__catalog>.tbl-wrap~.tbl-wrap, .list-scroll-page__catalog>.stack>.tbl-wrap~.tbl-wrap{ flex:0 1 auto;min-height:8rem;max-height:36vh } .list-actions form{display:inline-flex;margin:0;align-items:center} .list-actions .actions > .btn.sm, .list-actions .actions > form > .btn.sm{white-space:nowrap;flex-shrink:0} /* Cuadre saldos: Extracto / Cuadrar misma anchura y altura, alineados a la fila */ .balance-audit-table .list-actions .actions > .btn.sm, .balance-audit-table .list-actions .actions > form > .btn.sm{ min-width:5.75rem; height:1.85rem; min-height:1.85rem; padding:0 .65rem; box-sizing:border-box; white-space:nowrap; line-height:1.25; flex-shrink:0; } .balance-audit-table td.cell-clip{max-width:18rem} .balance-audit-table td.list-actions{vertical-align:middle} /* ── Buttons ──────────────────────────── */ button{-webkit-appearance:none;appearance:none} /* Primarios solo con .btn / a.btn / submit genéricos. No pintar button[type=button]: chips, tabs, pickers, toolbar, palette, topbar, etc. tienen estilo propio. Submit con menú de fila, logout o danger tampoco entra aquí. */ .btn,button[type=submit]:not(.list-row-menu__item):not(.topbar-logout):not(.danger),a.btn{display:inline-flex;align-items:center;justify-content:center;gap:.35rem;padding:.45rem .9rem;border:0;border-radius:999px;background:linear-gradient(135deg,var(--btn-primary),var(--btn-primary-dk));color:var(--on-primary);font-size:.8rem;font-weight:760;cursor:pointer;text-decoration:none;white-space:nowrap;transition:background .12s,transform .12s,box-shadow .12s;line-height:1.4;font-family:var(--font);box-shadow:0 6px 14px rgba(37,99,235,.16);-webkit-appearance:none;appearance:none} .btn:hover,button[type=submit]:not(.list-row-menu__item):not(.topbar-logout):not(.danger):hover,a.btn:hover{background:linear-gradient(135deg,#3b82f6,var(--btn-primary-dk));text-decoration:none;color:var(--on-primary);transform:translateY(-1px);box-shadow:0 9px 18px rgba(37,99,235,.2)} .btn.secondary,a.btn.secondary{background:#475569;box-shadow:0 5px 12px rgba(71,85,105,.14)}.btn.secondary:hover,a.btn.secondary:hover{background:#334155} .btn.success{background:var(--success);box-shadow:0 5px 12px rgba(22,163,74,.15)}.btn.success:hover{background:#14532d} .btn.warn{background:var(--warning);box-shadow:0 5px 12px rgba(217,119,6,.15)}.btn.warn:hover{background:#78350f} .btn.danger{background:var(--danger);box-shadow:0 5px 12px rgba(220,38,38,.15)}.btn.danger:hover{background:#b91c1c} .btn.accent,a.btn.accent{background:linear-gradient(135deg,var(--accent),#6d28d9);box-shadow:0 5px 12px rgba(124,58,237,.18)}.btn.accent:hover,a.btn.accent:hover{background:linear-gradient(135deg,#8b5cf6,#6d28d9)} .btn.ghost{background:rgba(255,255,255,.72);border:1px solid var(--border);color:var(--text);box-shadow:none}.btn.ghost:hover{background:#fff;color:var(--primary);box-shadow:var(--shadow-sm)} .btn.sm{padding:.3rem .65rem;font-size:.74rem;border-radius:999px;white-space:nowrap;text-align:center} .btn.lg{padding:.62rem 1.15rem;font-size:.88rem} /* ✕ de líneas Access/POS y remove-btn: rojo sin depender de .btn */ button.danger,button[type=submit].danger,button[type=button].danger, button.remove-btn{background:var(--danger);color:#fff;border:0;border-radius:4px;padding:.2rem .55rem;font-size:.78rem;font-weight:700;cursor:pointer;box-shadow:none;transform:none;font-family:var(--font);line-height:1.25;-webkit-appearance:none;appearance:none} button.danger:hover,button[type=submit].danger:hover,button[type=button].danger:hover, button.remove-btn:hover{background:#b91c1c;color:#fff;transform:none;box-shadow:none} /* ── Forms ────────────────────────────── */ label{font-size:.76rem;font-weight:780;color:var(--text-2);margin-bottom:.28rem;display:block} input[type=text],input[type=email],input[type=password],input[type=number],input[type=date],input[type=search],select,textarea{width:100%;padding:.54rem .72rem;border:1px solid var(--field-border);border-radius:var(--radius-sm);font-size:.84rem;color:var(--text);background:linear-gradient(180deg,var(--field-bg),var(--field-bg-soft));transition:border-color .12s,box-shadow .12s,background .12s;font-family:var(--font)} /* Placeholder ≥ AA sobre --field-bg (el gris nativo del motor falla en dark) */ input::placeholder,textarea::placeholder{color:var(--text-3);opacity:1} /* Popup nativo del