#acct-inline, #zelink-accounting-inline { width: 100%; }
.ac-app { --ink:#0f172a; --muted:#64748b; --line:#dbe4f0; --soft:#f7f9fc; --blue:#2563eb; --navy:#111827; font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; color:var(--ink); display:grid; gap:16px; }
.ac-app * { box-sizing:border-box; }
.ac-head { display:flex; justify-content:space-between; align-items:flex-start; gap:24px; padding:6px 4px; }
.ac-head h2 { margin:2px 0 4px; font-size:30px; line-height:1.1; font-weight:900; letter-spacing:-.03em; }
.ac-head p { margin:0; color:var(--muted); }
.ac-kicker { color:var(--blue)!important; font-size:12px; font-weight:900; letter-spacing:.12em; text-transform:uppercase; margin:0 0 4px!important; }
.ac-head-actions,.ac-toolbar,.ac-actions { display:flex; gap:10px; align-items:center; flex-wrap:wrap; }
.ac-head-actions label { display:grid; gap:4px; color:var(--muted); font-size:12px; font-weight:700; }
.ac-head-actions input,.ac-toolbar select { min-height:40px; }
.ac-primary,.ac-secondary,.ac-danger { border:0; border-radius:11px; padding:11px 15px; font-weight:800; cursor:pointer; transition:.18s ease; white-space:nowrap; }
.ac-primary { background:#2563eb; color:#fff; box-shadow:0 7px 18px rgba(37,99,235,.18); }
.ac-primary:hover { background:#1d4ed8; transform:translateY(-1px); }
.ac-secondary { background:#edf2f8; color:#172033; }
.ac-secondary:hover { background:#e2e8f0; }
.ac-danger { background:#dc2626; color:#fff; }
.ac-tabs { display:flex; flex-wrap:wrap; gap:4px; background:#fff; border:1px solid var(--line); padding:6px; border-radius:16px; box-shadow:0 4px 14px rgba(15,23,42,.04); }
.ac-tabs button { border:0; background:transparent; color:#52617a; padding:10px 14px; border-radius:11px; font-weight:800; cursor:pointer; }
.ac-tabs button.active { background:#111827; color:#fff; box-shadow:0 5px 12px rgba(15,23,42,.16); }
.ac-message { border-radius:12px; padding:12px 15px; font-weight:700; }
.ac-message.success { background:#ecfdf5; border:1px solid #a7f3d0; color:#065f46; }
.ac-message.error { background:#fef2f2; border:1px solid #fecaca; color:#991b1b; }
.ac-message.info { background:#eff6ff; border:1px solid #bfdbfe; color:#1e40af; }
.ac-progress { padding:9px 12px; color:#1d4ed8; font-size:13px; font-weight:800; background:#eff6ff; border-radius:10px; }
.ac-cards { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px; }
.ac-cards-4 { grid-template-columns:repeat(4,minmax(0,1fr)); }
.ac-cards article { background:#fff; border:1px solid var(--line); border-radius:16px; padding:17px; box-shadow:0 5px 16px rgba(15,23,42,.04); min-height:118px; display:flex; flex-direction:column; gap:8px; }
.ac-cards article span { color:#5f6f88; font-size:13px; font-weight:800; }
.ac-cards article strong { font-size:25px; line-height:1; letter-spacing:-.02em; }
.ac-cards article small { color:var(--muted); }
.ac-cards article.positive { border-color:#a7f3d0; background:#f0fdf4; }
.ac-cards article.negative { border-color:#fecaca; background:#fef2f2; }
.ac-panel { background:#fff; border:1px solid var(--line); border-radius:17px; padding:16px; box-shadow:0 6px 20px rgba(15,23,42,.045); }
.ac-panel-head { display:flex; justify-content:space-between; align-items:center; gap:16px; margin-bottom:14px; }
.ac-panel-head h3 { margin:0; font-size:19px; letter-spacing:-.015em; }
.ac-panel-head p { margin:4px 0 0; color:var(--muted); font-size:13px; }
.ac-table-wrap { width:100%; overflow:auto; border:1px solid #e3eaf3; border-radius:13px; }
.ac-app table { width:100%; border-collapse:collapse; min-width:720px; }
.ac-app th { background:#f6f8fb; color:#52617a; font-size:11px; letter-spacing:.05em; text-transform:uppercase; text-align:left; padding:11px 12px; border-bottom:1px solid #e3eaf3; white-space:nowrap; }
.ac-app td { padding:11px 12px; border-bottom:1px solid #edf1f6; font-size:13px; vertical-align:middle; }
.ac-app tr:last-child td { border-bottom:0; }
.ac-right { text-align:right!important; }
.ac-empty { text-align:center; color:#94a3b8; padding:28px!important; }
.ac-status { display:inline-flex; align-items:center; padding:5px 8px; border-radius:999px; font-size:10px; font-weight:900; background:#e2e8f0; color:#475569; }
.ac-status.contabilizado,.ac-status.activa,.ac-status.conciliado,.ac-status.abierto { background:#dcfce7; color:#166534; }
.ac-status.borrador,.ac-status.pendiente { background:#fef3c7; color:#92400e; }
.ac-status.reversado,.ac-status.inactiva,.ac-status.cerrado { background:#fee2e2; color:#991b1b; }
.ac-link,.ac-danger-link { border:0; background:transparent; font-weight:800; cursor:pointer; padding:5px; }
.ac-link { color:#2563eb; }.ac-danger-link { color:#dc2626; }
.ac-inline-form { display:grid; grid-template-columns:140px minmax(220px,1fr) 170px 170px auto; gap:9px; margin-bottom:15px; padding:13px; background:#f8fafc; border:1px solid #e2e8f0; border-radius:13px; }
.ac-app input,.ac-app select,.ac-app textarea { width:100%; border:1px solid #cfd9e7; border-radius:10px; background:#fff; min-height:40px; padding:9px 11px; color:#0f172a; outline:none; }
.ac-app input:focus,.ac-app select:focus,.ac-app textarea:focus { border-color:#2563eb; box-shadow:0 0 0 3px rgba(37,99,235,.1); }
.ac-check { display:flex; gap:8px; align-items:center; font-weight:700; color:#475569; }
.ac-check input { width:17px; min-height:auto; }
.ac-entry-form { display:grid; gap:10px; }
.ac-form-grid { display:grid; grid-template-columns:180px 1fr 1fr; gap:10px; }
.ac-form-grid label { display:grid; gap:5px; color:#475569; font-size:12px; font-weight:800; }
.ac-form-grid .span-2 { grid-column:span 2; }
.ac-entry-head,.ac-entry-line { display:grid; grid-template-columns:1.3fr 1.1fr 150px 150px 75px; gap:8px; align-items:center; }
.ac-entry-head { color:#64748b; text-transform:uppercase; font-size:10px; font-weight:900; padding:3px 5px; }
.ac-entry-line button { border:0; border-radius:9px; background:#fee2e2; color:#b91c1c; padding:10px; font-weight:800; cursor:pointer; }
.ac-entry-footer { display:flex; align-items:center; gap:11px; justify-content:flex-end; padding-top:10px; border-top:1px solid #e2e8f0; flex-wrap:wrap; }
.ac-entry-footer > div { display:flex; gap:14px; align-items:center; margin-right:auto; font-size:13px; }
.ac-entry-footer .ok { color:#15803d; }.ac-entry-footer .bad { color:#b91c1c; }
.ac-statement-grid { display:grid; grid-template-columns:1fr 1fr; gap:14px; }
.ac-bank-form { display:grid; grid-template-columns:1.1fr 150px 1.5fr 1fr 160px auto; gap:9px; margin-bottom:14px; }
.ac-candidate { border:1px solid #bfdbfe; background:#eff6ff; color:#1d4ed8; border-radius:8px; padding:6px 8px; margin:2px; font-size:11px; font-weight:800; cursor:pointer; }
.ac-period-panel { display:flex; justify-content:space-between; align-items:center; gap:20px; }
.ac-period-panel > div:last-child { display:flex; align-items:center; gap:12px; }
.positive-text { color:#15803d; font-weight:800; }.negative-text { color:#b91c1c; font-weight:800; }
.ac-loading { padding:50px; text-align:center; color:#64748b; }
@media (max-width:1100px) { .ac-head { flex-direction:column; }.ac-cards,.ac-cards-4 { grid-template-columns:repeat(2,minmax(0,1fr)); }.ac-inline-form,.ac-bank-form { grid-template-columns:1fr 1fr; }.ac-entry-head,.ac-entry-line { grid-template-columns:1fr 1fr 120px 120px 70px; } }
@media (max-width:720px) { .ac-cards,.ac-cards-4,.ac-statement-grid,.ac-form-grid,.ac-inline-form,.ac-bank-form { grid-template-columns:1fr; }.ac-form-grid .span-2 { grid-column:auto; }.ac-entry-head { display:none; }.ac-entry-line { grid-template-columns:1fr 1fr; padding:10px; border:1px solid #e2e8f0; border-radius:12px; }.ac-head-actions { width:100%; }.ac-head-actions > * { flex:1; }.ac-period-panel { align-items:flex-start; flex-direction:column; } }
@media print { .ac-head-actions,.ac-tabs,.ac-primary,.ac-secondary,.ac-danger,.ac-link,.ac-danger-link { display:none!important; }.ac-panel { box-shadow:none; break-inside:avoid; }.ac-app { gap:8px; } }
