:root { --bg: #f0f2f5; --panel: #ffffff; --ink: #23272e; --muted: #8b97a3; --teal: #1f8a7a; --teal-claro: #2fa593; --teal-oscuro: #176b5f; --navy: #16324f; --navy-claro: #23486b; --navy-oscuro: #0f2338; --line: #dfe4ea; --red: #c0392b; --amber: #e8a33d; --sidebar: #ffffff; } * { box-sizing: border-box; } body { font-family: "Segoe UI", "Segoe UI Web", Tahoma, Arial, sans-serif; background: var(--bg); color: var(--ink); margin: 0; font-size: 14px; } .app-menu { background: var(--panel); border-bottom: 1px solid var(--line); display: flex; align-items: center; gap: 2px; padding: 0 10px; height: 42px; position: sticky; top: 0; z-index: 20; } .app-menu .logo { width: 34px; height: 34px; border-radius: 50%; background: var(--teal); color: #fff; display: flex; align-items: center; justify-content: center; font-weight: 700; margin-right: 12px; flex: 0 0 auto; } .app-menu a { color: var(--ink); text-decoration: none; padding: 10px 12px; font-size: 14px; border-radius: 4px; white-space: nowrap; } .app-menu a:hover { background: #eef1f4; } .app-menu a.activo { color: var(--teal); font-weight: 600; } .app-shell { display: flex; min-height: calc(100vh - 42px); } .sidebar { width: 58px; background: var(--sidebar); border-right: 1px solid var(--line); display: flex; flex-direction: column; align-items: center; padding-top: 10px; gap: 4px; flex: 0 0 58px; } .sidebar a { width: 40px; height: 40px; border-radius: 6px; display: flex; align-items: center; justify-content: center; color: var(--muted); text-decoration: none; } .sidebar a:hover { background: #eef1f4; color: var(--teal); } .sidebar a.activo { background: #e4f2ef; color: var(--teal); } .sidebar svg { width: 20px; height: 20px; } .main { flex: 1; padding: 22px 28px; overflow-x: auto; } .page-title { font-size: 26px; font-weight: 600; margin: 0 0 2px; } .page-sub { text-align: center; color: var(--muted); font-size: 13px; margin: 0 0 22px; } .kpis { display: flex; gap: 14px; flex-wrap: wrap; margin-bottom: 22px; } .kpi { flex: 1 1 200px; background: var(--panel); border: 1px solid var(--line); border-radius: 3px; padding: 18px 20px; display: flex; align-items: center; gap: 14px; } .kpi .icono { width: 34px; height: 34px; flex: 0 0 34px; color: var(--teal); } .kpi .icono.alerta { color: var(--red); } .kpi .icono.navy { color: var(--navy); } .kpi .valor { font-size: 26px; font-weight: 600; line-height: 1.1; } .kpi .valor.rojo { color: var(--red); } .kpi .etiqueta { font-size: 11px; color: var(--muted); text-transform: uppercase; letter-spacing: .4px; margin-top: 4px; } .paneles { display: flex; gap: 18px; flex-wrap: wrap; margin-bottom: 22px; } .panel-graf { flex: 1 1 460px; background: var(--panel); border: 1px solid var(--line); border-radius: 3px; padding: 18px 20px 10px; } .panel-graf h2 { font-size: 13px; font-weight: 700; letter-spacing: .3px; text-transform: uppercase; color: var(--ink); margin: 0 0 14px; } .seccion { background: var(--panel); border: 1px solid var(--line); border-radius: 3px; margin-bottom: 22px; } .seccion > h2 { background: var(--navy); color: #fff; margin: 0; font-size: 15px; font-weight: 600; padding: 12px 18px; } .seccion .cuerpo { padding: 14px 18px 18px; } table { width: 100%; border-collapse: collapse; background: var(--panel); } th { text-align: left; font-size: 13px; font-weight: 600; color: var(--ink); padding: 9px 12px; border-bottom: 1px solid var(--line); background: #fafbfc; } td { padding: 9px 12px; font-size: 13px; border-bottom: 1px solid #f1f3f5; } tbody tr:hover { background: #f7f9fa; } td.num, th.num { text-align: right; } label { display: block; font-size: 12px; color: var(--muted); margin: 12px 0 4px; } input, select, textarea { width: 100%; padding: 7px 10px; border: 1px solid var(--line); border-radius: 3px; font-size: 14px; font-family: inherit; background: #fff; } input:focus, select:focus { outline: 2px solid #cfe6e1; border-color: var(--teal); } button { background: var(--teal); color: #fff; border: none; border-radius: 3px; padding: 8px 16px; font-size: 14px; cursor: pointer; margin-top: 12px; font-family: inherit; } button:hover { background: var(--teal-oscuro); } button.secundario { background: var(--panel); color: var(--ink); border: 1px solid var(--line); } button.secundario:hover { background: #eef1f4; } .fila-form { display: flex; gap: 12px; flex-wrap: wrap; align-items: flex-end; } .fila-form > div { flex: 1; min-width: 150px; } .error { background: #fdecea; color: var(--red); padding: 10px 14px; border-radius: 3px; font-size: 13px; margin-bottom: 14px; } .badge { font-size: 11px; padding: 3px 9px; border-radius: 12px; font-weight: 600; display: inline-block; } .badge.ok { background: #e4f2ef; color: var(--teal-oscuro); } .badge.mal { background: #fdecea; color: var(--red); } .badge.aviso { background: #fcf2e2; color: #a8702a; } .badge.gris { background: #eef1f4; color: var(--muted); } .card { background: var(--panel); border: 1px solid var(--line); border-radius: 3px; padding: 18px 20px; margin-bottom: 18px; } .card h2 { font-size: 15px; margin: 0 0 12px; color: var(--navy); } .login-wrap { max-width: 380px; margin: 70px auto; background: var(--panel); border: 1px solid var(--line); border-radius: 4px; padding: 30px 32px; box-shadow: 0 1px 3px rgba(0,0,0,.05); } .login-wrap h1 { color: var(--navy); font-size: 20px; margin: 0 0 6px; } .login-wrap p { color: var(--muted); font-size: 13px; margin: 0 0 16px; } .login-wrap button { width: 100%; margin-top: 18px; padding: 10px; } .topbar { background: var(--panel); border-bottom: 1px solid var(--line); padding: 12px 24px; display: flex; justify-content: space-between; align-items: center; } .topbar h1 { font-size: 17px; color: var(--navy); margin: 0; } .contenido { padding: 22px 28px; } .gr3d { display: flex; align-items: flex-end; gap: 26px; height: 230px; padding: 24px 12px 0; } .gr3d .col { display: flex; flex-direction: column; align-items: center; flex: 1; height: 100%; justify-content: flex-end; } .gr3d .valor3d { font-size: 11px; color: #555; margin-bottom: 6px; white-space: nowrap; } .gr3d .barra3d { position: relative; width: 46px; } .gr3d .barra3d .cara { width: 46px; background: var(--teal); position: relative; z-index: 2; } .gr3d .barra3d .lado { position: absolute; top: -9px; right: -11px; width: 11px; height: 100%; background: var(--teal-oscuro); transform: skewY(-40deg); transform-origin: bottom left; z-index: 1; } .gr3d .barra3d .tapa { position: absolute; top: -9px; left: 0; width: 46px; height: 11px; background: var(--teal-claro); transform: skewX(45deg); transform-origin: bottom left; z-index: 3; } .gr3d .etiqueta3d { font-size: 12px; color: #444; margin-top: 10px; } .gr3d.navy .barra3d .cara { background: var(--navy); } .gr3d.navy .barra3d .lado { background: var(--navy-oscuro); } .gr3d.navy .barra3d .tapa { background: var(--navy-claro); } .gr3d-suelo { height: 10px; margin: 0 12px; background: linear-gradient(180deg, #e7e2d8, #f3f1ec); transform: skewX(45deg); transform-origin: top left; }

/* ===== Estructura y estilo del escritorio (main.py: _build_layout / _build_style) ===== */
body.fg { --bg:#eef1f4; --ink:#20242a; --muted:#7a8794; --line:#dde3e9; --navy:#16324f; --teal:#1f8a7a;
  background:var(--bg); color:var(--ink); font-size:13px; margin:0; }
.fg-shell { display:flex; min-height:100vh; }
.fg-sidebar { width:64px; flex:0 0 64px; background:#fbfcfd; border-right:1px solid var(--line);
  display:flex; flex-direction:column; align-items:stretch; position:sticky; top:0; height:100vh; z-index:30; }
.fg-brand { height:58px; display:flex; align-items:center; justify-content:center; flex:0 0 58px; }
.fg-brand img { width:40px; height:40px; }
.sb-grupo { position:relative; margin:2px 6px; }
.sb-icono { display:flex; align-items:center; justify-content:center; height:40px; font-size:19px; cursor:pointer;
  border-radius:3px; color:var(--navy); user-select:none; }
.sb-grupo:hover .sb-icono, .sb-grupo.activo .sb-icono { background:#e3f4f1; }
.sb-sub { display:none; position:absolute; left:100%; top:0; margin-left:4px; width:220px; background:#fff;
  border:1px solid var(--line); box-shadow:2px 3px 10px rgba(0,0,0,.12); padding:4px; }
.sb-grupo:hover .sb-sub { display:block; }
.sb-grupo:hover .sb-sub::before { content:""; position:absolute; left:-8px; top:0; width:8px; height:100%; }
.sb-titulo { font-size:11px; font-weight:700; color:#fff; background:var(--navy); padding:5px 10px; margin:-4px -4px 4px; }
.sb-sub a, .mb-sub a { display:block; padding:7px 12px; color:var(--ink); text-decoration:none; font-size:13px; white-space:nowrap; }
.sb-sub a:hover, .mb-sub a:hover, .sb-sub a.activo, .mb-sub a.activo { background:#e3f4f1; }
.sb-sub a.pendiente, .mb-sub a.pendiente { color:#9aa5b1; }
.fg-main { flex:1; min-width:0; display:flex; flex-direction:column; }
.fg-menubar { height:30px; background:#fff; border-bottom:1px solid var(--line); display:flex; align-items:stretch;
  position:sticky; top:0; z-index:25; flex-wrap:nowrap; }
.mb-grupo { position:relative; }
.mb-grupo > span { display:flex; align-items:center; height:100%; padding:0 10px; font-size:12px; cursor:default; white-space:nowrap; }
.mb-grupo:hover > span { background:#e3f4f1; color:var(--navy); }
.mb-grupo.activo > span { color:var(--teal); font-weight:600; }
.mb-sub { display:none; position:absolute; top:100%; left:0; min-width:200px; background:#fff; border:1px solid #b9c3cc;
  box-shadow:2px 3px 8px rgba(0,0,0,.15); padding:2px 0; z-index:40; }
.mb-grupo:hover .mb-sub { display:block; }
.mb-salir { margin:0 0 0 auto; display:flex; align-items:center; padding-right:8px; }
.mb-salir button { margin:0; padding:2px 10px; font-size:12px; background:none; color:var(--muted); border:0; }
.mb-salir button:hover { background:#eef1f4; color:var(--red); }
.fg-header { background:#fff; border-bottom:1px solid var(--line); padding:10px 26px; display:flex; align-items:center; justify-content:space-between; gap:16px; }
.fg-titulo { font-size:21px; font-weight:700; color:var(--ink); line-height:1.3; }
.fg-subtitulo { font-size:12px; color:var(--muted); }
.fg-header-acciones button { margin:0; }
.fg-contenido { padding:16px 20px; }
.fg-contenido > .contenido { padding:0; }

/* Tarjetas: cabecera en franja azul marino (App.card) */
body.fg .card, body.fg .seccion { border:1px solid var(--line); border-radius:0; padding:0 0 14px; margin-bottom:16px; background:#fff; }
body.fg .card > h2, body.fg .seccion > h2 { background:var(--navy); color:#fff; font-size:13px; font-weight:700;
  height:32px; line-height:32px; padding:0 12px; margin:0 0 14px; }
body.fg .card > :not(h2), body.fg .seccion > .cuerpo { margin-left:18px; margin-right:18px; }
body.fg .card > h2 + *, body.fg .card > :first-child:not(h2) { margin-top:14px; }
body.fg .seccion > .cuerpo { padding:0; }

/* Tablas: estilo Treeview */
body.fg table { border:1px solid var(--line); background:#fff; }
body.fg th { background:#fafbfc; color:#8592a0; font-size:12px; font-weight:700; padding:5px 6px; border-bottom:1px solid var(--line); }
body.fg td { padding:0 6px; height:24px; font-size:13px; border-bottom:1px solid #f0f2f4; }
body.fg tbody tr:hover { background:#f3faf8; }
body.fg tbody tr:focus-within, body.fg tbody tr.sel { background:#e3f4f1; }
body.fg td a { color:var(--teal); }

/* Campos: fondo crema, borde hundido */
body.fg input:not([type=checkbox]):not([type=radio]):not([type=submit]), body.fg select, body.fg textarea {
  background:#fffef2; color:var(--ink); border:1px solid #9aa5b1; border-top-color:#7d8894; border-left-color:#7d8894;
  border-radius:0; padding:4px 6px; font-size:13px; }
body.fg label { font-size:12px; color:var(--ink); margin:10px 0 3px; }

/* Botones: clásicos en relieve; el principal en teal */
body.fg button { background:var(--teal); color:#fff; border:1px solid #17705f; border-radius:2px; padding:6px 12px; font-size:13px;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.2); }
body.fg button:hover { background:var(--navy); }
body.fg button.secundario { background:#f2f2f0; color:var(--ink); border:1px solid #b5b8bc; box-shadow:inset 0 1px 0 #fff, 0 1px 0 rgba(0,0,0,.05); }
body.fg button.secundario:hover { background:#e2e2df; }

/* Barra de herramientas, acciones y listas (view_* del escritorio) */
.fg-toolbar { display:flex; gap:8px; align-items:center; margin-bottom:12px; }
.fg-toolbar a { text-decoration:none; }
body.fg .fg-toolbar input.fg-buscar { width:260px; }
body.fg .fg-toolbar button, body.fg .fg-acciones button, body.fg .fg-dialogo-botones button { margin:0; }
.fg-acciones { display:flex; gap:8px; margin-top:10px; }
body.fg button.peligro { background:#fbeceb; color:var(--red); border:1px solid #e3b5b0; }
body.fg button.peligro:hover { background:#f6d9d6; }
body.fg table.fg-tabla tbody tr[data-id] { cursor:default; user-select:none; }
body.fg table.fg-tabla tr.sel, body.fg table.fg-tabla tr.sel:hover { background:#e3f4f1; }
body.fg table.fg-tabla tr.bajo-stock td { color:var(--red); }
body.fg table.fg-tabla tr.fg-sin-resultados td { text-align:center; color:var(--muted); height:40px; }
body.fg th.num, body.fg td.num { text-align:right; }

/* Fichas: ventana de diálogo como los Toplevel del escritorio (dialog_header) */
.fg-dialogo { max-width:640px; background:#fff; border:1px solid #b9c3cc; box-shadow:0 4px 18px rgba(0,0,0,.12); margin:0 auto 20px; }
.fg-dialogo-cabecera { background:var(--navy); color:#fff; height:34px; display:flex; align-items:center; justify-content:space-between;
  padding:0 10px 0 14px; font-size:14px; font-weight:700; }
.fg-cerrar { color:#fff; text-decoration:none; font-weight:700; padding:2px 6px; }
.fg-cerrar:hover { background:#666; }
.fg-dialogo-cuerpo { padding:4px 28px 10px 20px; }
body.fg .fg-dialogo-cuerpo label { text-transform:uppercase; font-size:11px; color:var(--muted); margin:10px 0 2px; }
body.fg .fg-dialogo-cuerpo label.fg-check { text-transform:none; font-size:13px; color:var(--ink); margin-top:10px; display:flex; align-items:center; gap:6px; }
body.fg .fg-dialogo-cuerpo input:not([type=checkbox]), body.fg .fg-dialogo-cuerpo select { width:100%; }
.fg-seccion { font-weight:700; color:var(--navy); margin-top:18px; padding-bottom:4px; border-bottom:1px solid var(--line); }
.fg-nota { font-size:11px; color:var(--muted); margin-top:3px; line-height:1.35; }
.fg-nota.rojo { color:var(--red); }
.fg-fila { display:flex; gap:10px; }
.fg-fila > div { flex:1; }
.fg-dialogo-botones { display:flex; gap:8px; align-items:center; padding:16px 20px; border-top:1px solid var(--line); background:#fff; position:sticky; bottom:0; }
.fg-dialogo-botones a { text-decoration:none; }
.fg-espacio { flex:1; }

/* Versión y plan, discretos a la derecha del menú */
.mb-version { display:flex; align-items:center; margin-left:auto; padding:0 10px; font-size:11px; color:var(--muted); white-space:nowrap; }
.mb-version b { color:var(--teal); font-weight:600; margin-left:6px; }
.fg-menubar .mb-salir { margin-left:0; }

/* Ajustes (Datos de la empresa) */
body.fg .card label { text-transform:uppercase; font-size:11px; color:var(--muted); margin:10px 0 2px; }
body.fg .card label.fg-check-simple, body.fg .card label.fg-check { text-transform:none; font-size:13px; color:var(--ink); display:flex; gap:6px; align-items:center; }
.fg-texto { color:var(--muted); margin:0 0 10px; line-height:1.4; }
.aviso-ok { background:#e3f4f1; color:#176b5f; padding:8px 12px; margin-bottom:12px; border:1px solid #b9ded6; }
body.fg .error { border-radius:0; border:1px solid #f0c4bf; }
.fg-botones-izq { display:flex; gap:8px; margin-top:14px; }
.fg-botones-der { display:flex; justify-content:flex-end; gap:8px; margin-top:16px; }
body.fg .fg-botones-izq button, body.fg .fg-botones-der button { margin:0; }
.fg-form-ajustes { max-width:820px; }
.fg-fila-etiqueta { display:flex; align-items:center; margin:4px 0; }
.fg-fila-etiqueta > span { width:220px; text-transform:uppercase; font-size:11px; color:var(--muted); }
body.fg .fg-fila-etiqueta input, body.fg .fg-fila-etiqueta select { width:180px; }
.fg-ejemplo { color:var(--navy); font-size:11px; margin-top:8px; }
.fg-logo-vista { display:flex; align-items:center; gap:10px; min-height:30px; }
.fg-logo-vista img { max-width:300px; max-height:120px; }
.fg-tamano { display:flex; align-items:center; gap:6px; }
body.fg .fg-tamano input { width:70px !important; margin-right:10px; }
.fg-etiqueta-mayus { margin-top:16px !important; }
dialog.fg-dialogo-modal { padding:0; width:520px; max-width:95vw; }
dialog.fg-dialogo-modal::backdrop { background:rgba(22,50,79,.35); }

/* Permisos por sección (ficha de usuario) */
.fg-permisos { display:grid; grid-template-columns:repeat(auto-fill, minmax(180px, 1fr)); gap:8px 16px; margin-top:8px; }
.fg-permisos-titulo { font-size:11px; font-weight:700; color:var(--navy); margin-top:6px; }
body.fg .fg-permisos label.fg-check { margin:3px 0; font-size:12px; }

/* Documentos (lista, formulario y ficha) */
.aviso-amarillo { background:#fbeecd; color:#8a6314; padding:8px 12px; margin-bottom:12px; }
.fg-filtros { display:flex; flex-wrap:wrap; gap:10px; align-items:flex-end; }
.fg-filtros > div { flex:1 1 200px; }
.fg-filtros > div.estrecho { flex:0 0 140px; }
.fg-filtros > div.botones { flex:0 0 auto; display:flex; gap:8px; }
body.fg .fg-filtros label { margin-top:0; }
body.fg .fg-filtros select, body.fg .fg-filtros input { width:100%; }
body.fg .fg-filtros button { margin:0; }
.fg-dialogo-ancho { max-width:960px; }
table.fg-lineas { width:100%; border:1px solid var(--line); margin-top:6px; }
body.fg table.fg-lineas td { padding:1px 2px; height:auto; border-bottom:1px solid #f0f2f4; }
body.fg table.fg-lineas input { width:100%; padding:3px 4px !important; font-size:12px !important; }
table.fg-lineas td.cant { display:flex; align-items:center; gap:2px; }
table.fg-lineas td.cant .unidad { font-size:10px; color:var(--muted); width:26px; }
table.fg-lineas td.total-linea { font-size:12px; padding-right:6px; }
table.fg-lineas tr.texto td { background:#fafbfc; }
table.fg-lineas tr.texto input { font-style:italic; width:calc(100% - 50px) !important; }
.etiqueta-texto { font-size:11px; color:var(--muted); margin:0 6px 0 4px; }
body.fg button.fg-quitar { background:none; border:0; color:var(--red); padding:2px 6px; box-shadow:none; }
body.fg button.fg-quitar:hover { background:#fbeceb; }
.fg-totales { text-align:right; font-weight:700; color:var(--navy); margin-top:10px; white-space:pre; }
.fg-origen { color:#b8823a; font-size:12px; margin:6px 0; }
.fg-sub { color:var(--muted); font-size:12px; margin-top:10px; }
.fg-convertido { color:var(--teal); font-size:12px; }
body.fg textarea { width:100%; }
.fg-exportar { display:flex; align-items:center; gap:6px; padding:0 20px 14px; }
.fg-exportar span { font-size:11px; color:var(--muted); }
body.fg .fg-exportar button { margin:0; padding:3px 10px; }
.fg-dialogo-botones { flex-wrap:wrap; }

/* Tesorería y formas de pago */
.fg-kpis { display:flex; gap:8px; margin-bottom:10px; }
.fg-kpi { flex:1; background:#fff; border:1px solid var(--line); padding:10px 14px; }
.fg-kpi .valor { font-size:21px; font-weight:700; }
.fg-kpi .valor.rojo { color:var(--red); }
.fg-kpi .valor.verde { color:var(--teal); }
.fg-kpi .etiqueta { font-size:11px; color:var(--muted); }
table.fg-multi td a { color:var(--teal); }
.fg-vencimientos { display:flex; flex-wrap:wrap; gap:6px; margin-top:8px; }
.fg-venc { display:flex; align-items:center; }
body.fg .fg-venc input { width:60px !important; }

/* Informes: pestañas como el ttk.Notebook del escritorio */
.fg-pestanas { display:flex; flex-wrap:wrap; gap:2px; border-bottom:1px solid #b9c3cc; margin-bottom:12px; }
.fg-pestanas a { padding:6px 14px; background:#e6eaee; border:1px solid #b9c3cc; border-bottom:0; color:var(--ink); text-decoration:none; font-size:13px; margin-bottom:-1px; }
.fg-pestanas a.activa { background:#fff; font-weight:600; padding-bottom:7px; }
.fg-pestanas a:hover { background:#f3f5f7; }
.fg-filtros .salto { flex-basis:100%; height:0; }
.fg-filtros .botones a { text-decoration:none; }
.fg-balance { display:flex; gap:10px; }
.fg-balance > div { flex:1; background:var(--bg); text-align:center; padding:10px 12px; }
.fg-balance .valor { font-size:19px; font-weight:700; color:var(--navy); }
.fg-balance .etiqueta { font-size:11px; color:var(--muted); }
body.fg table.fg-tabla tr.supera td { background:#fdf6e7; }
body.fg table.fg-tabla tr.familia td { font-weight:700; background:#f3f5f7; }
body.fg table.fg-tabla tr.subtotal td { font-weight:700; color:var(--navy); border-bottom:1px solid var(--line); }
svg.fg-lineas3d { width:100%; height:auto; margin-top:10px; }
svg.fg-lineas3d .rejilla { stroke:#e6eaee; }
svg.fg-lineas3d .eje { font-size:11px; fill:var(--muted); }
svg.fg-lineas3d polyline { fill:none; stroke-width:3; stroke-linejoin:round; }
svg.fg-lineas3d .sombra { stroke:rgba(0,0,0,.15); }
svg.fg-lineas3d .ventas { stroke:#1f8a7a; } svg.fg-lineas3d .compras { stroke:#16324f; }
svg.fg-lineas3d .ventas-p { fill:#1f8a7a; } svg.fg-lineas3d .compras-p { fill:#16324f; }
.fg-leyenda { display:flex; gap:16px; font-size:12px; margin-top:4px; }
.fg-leyenda .ventas { color:#1f8a7a; } .fg-leyenda .compras { color:#16324f; }
@media print { .fg-sidebar, .fg-menubar, .fg-pestanas, form, .fg-acciones { display:none !important; } body.fg { background:#fff; } }
.fg-mono { font-family:Consolas, "Courier New", monospace; font-size:12px; }
.fg-ok { color:var(--teal); font-weight:700; margin-top:10px; }
.fg-mal { color:var(--red); font-weight:700; margin-top:10px; }
.aviso-verde { background:#e4ede9; color:var(--navy); padding:8px 12px; margin-bottom:12px; }
/* Desglose de IVA y recargo de equivalencia, cada dato en su casilla (escritorio 2.149) */
.fg-desglose { width: auto; border-collapse: collapse; margin: 8px 0 0 auto; }
.fg-desglose th { font-size: 11px; color: var(--muted); font-weight: 600; background: none; border: none; padding: 2px 8px; text-align: right; }
.fg-desglose td { border: 1px solid var(--line); background: #fffef2; padding: 4px 10px; text-align: right; min-width: 90px; font-variant-numeric: tabular-nums; }
.fg-total-grande { text-align: right; font-size: 20px; font-weight: 700; color: var(--navy); margin-top: 6px; }

/* ===== Diseño corporativo (escritorio 2.152-2.156) ===== */
/* Barra superior con Empresa y Ejercicio en todas las pantallas */
.fg-barra-corp { display:flex; align-items:center; gap:6px; background:#fff; border:1px solid var(--line);
  padding:6px 10px; margin:0 0 10px; flex-wrap:wrap; }
.fg-barra-corp label { display:inline; margin:0 2px 0 10px; font-size:13px; font-weight:700; color:var(--ink); }
.fg-barra-corp label:first-child { margin-left:0; }
body.fg .fg-barra-corp select { width:auto; min-width:96px; padding:3px 6px; }
.fg-campo-ro { border:1px solid #9aa5b1; background:#fffdf3; padding:2px 8px; font-size:13px; }
/* Botonera siempre visible abajo, como la del escritorio */
body.fg .fg-acciones, body.fg .fg-dialogo-botones, body.fg .botones {
  position:sticky; bottom:0; z-index:15; background:#eef1f4; border-top:1px solid var(--line);
  padding:6px 8px; margin-left:0; margin-right:0; }
body.fg .fg-acciones button, body.fg .fg-dialogo-botones button, body.fg .botones button { margin-top:0; }
@media (max-width: 600px) { .fg-barra-corp label { margin-left:4px; } }

.fg-menubar { overflow-x: clip; overflow-y: visible; }
.fg-header-acciones { display: flex; align-items: center; gap: 10px; }
body.fg button.fg-ayuda-btn { background: #e3f3ef; color: #1f8a7a; border: 0; padding: 7px 14px; font-weight: 700; font-size: 13px; cursor: pointer; margin: 0; white-space: nowrap; }
body.fg button.fg-ayuda-btn:hover { background: #1f8a7a; color: #fff; }