/* VELIQANO — cohesive interface finish. Additive visual layer only. */
:root{--vq-ink:#102337;--vq-muted:#607086;--vq-line:#e2eaf0;--vq-green:#0e9c69;--vq-focus:rgba(16,163,110,.18)}
html{scroll-padding-top:100px}body{font-size:14px;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
button,a,input,select,textarea{touch-action:manipulation}
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,[tabindex]:focus-visible{outline:3px solid var(--vq-focus)!important;outline-offset:3px}
button:not(:disabled){transition:background-color .18s ease,border-color .18s ease,box-shadow .18s ease,transform .18s ease}
button:disabled{cursor:not-allowed;opacity:.6}
.page{padding-top:30px;padding-bottom:65px}
.page>div:first-child,.page>section:first-child{scroll-margin-top:100px}
.page h2,.page h3{color:var(--vq-ink);letter-spacing:-.45px}
.page p{line-height:1.6}
.page .eyebrow{font-size:10px;letter-spacing:1.2px}
.sidebar-nav .nav-item{min-height:43px}
.sidebar-nav .nav-item .nav-icon{font-size:17px;flex-shrink:0}
.sidebar-nav .nav-item.active{box-shadow:inset 0 0 0 1px rgba(60,221,150,.10)}
.topbar{box-shadow:0 3px 16px rgba(16,35,55,.025)}
.topbar-left h1{font-size:18px}.topbar-left p{font-size:11px}
.summary-card,.action-card,.panel,.convert-form-card,.insights-panel,.settings-card,.history-summary-card,.ledger-summary-card{border-color:var(--vq-line);box-shadow:0 4px 20px rgba(18,36,56,.035)}
.summary-card h3{font-variant-numeric:tabular-nums}
.page input:not([type=checkbox]):not([type=radio]):not([type=file]),.page select,.page textarea{min-height:42px;max-width:100%;border-color:#d8e2ea;border-radius:10px}
.page input:not([type=checkbox]):not([type=radio]):not([type=file]):focus,.page select:focus,.page textarea:focus{border-color:#16a36a;box-shadow:0 0 0 3px var(--vq-focus)}
.page button:not(.nav-item):not(.icon-button){font-weight:650}
.page table{border-collapse:separate;border-spacing:0;width:100%}
.page th{text-align:left;font-size:11px;letter-spacing:.025em;background:#f7fafc;color:#526378;font-weight:750}
.page th,.page td{padding:12px 14px;border-bottom:1px solid #e9eef3;vertical-align:middle}
.page tbody tr:hover{background:#f8fbfa}
.page table{font-variant-numeric:tabular-nums}
.page .primary-action,.primary-action{min-height:41px}
/* Small context bar gives each workflow a clear beginning without another popup. */
.vq-workflow-hint{display:flex;align-items:center;gap:16px;flex-wrap:wrap;padding:13px 17px;margin:0 0 22px;background:#fff;border:1px solid #e0eae6;border-left:3px solid #16a36a;border-radius:12px;box-shadow:0 3px 14px rgba(20,44,39,.025)}
.vq-workflow-hint-title{font-size:12px;font-weight:800;color:#12382d;white-space:nowrap}
.vq-workflow-hint-steps{display:flex;flex-wrap:wrap;align-items:center;gap:9px;color:#586d76;font-size:12px}
.vq-workflow-hint-step{display:inline-flex;align-items:center;gap:7px}
.vq-workflow-hint-step b{display:inline-grid;place-items:center;width:20px;height:20px;border-radius:50%;background:#e8f7f0;color:#0a8858;font-size:10px}
.vq-workflow-hint-separator{color:#b4c5ca}
.vq-workflow-hint-dismiss{margin-left:auto;background:transparent;border:0;color:#617b7b;cursor:pointer;font-size:18px;line-height:1;padding:5px 7px;border-radius:6px}
.vq-workflow-hint-dismiss:hover{background:#edf6f2;color:#174937}
/* Make dense content easier to scan, while preserving the original markup and JS. */
#batchPage .panel,#ledgerPage .panel,#accountingPage .panel,#rulesPage .panel,#insightsPage .panel,#aiPage .panel,#historyPage .panel,#billingPage .panel,#settingsPage .panel,#reconciliationPage .panel,#reviewPage .panel{border-radius:15px}
#batchPage .convert-form-card,#accountingPage .convert-form-card{border-radius:17px}
#insightsPage .insights-kpi,#historyPage .history-summary-card,#ledgerPage .ledger-summary-card{transition:transform .2s ease,box-shadow .2s ease}
#insightsPage .insights-kpi:hover,#historyPage .history-summary-card:hover,#ledgerPage .ledger-summary-card:hover{transform:translateY(-2px);box-shadow:0 10px 26px rgba(16,35,55,.07)}
/* Respect smaller screens and reduced motion. */
@media(max-width:1100px){.page{padding-left:24px;padding-right:24px}.vq-workflow-hint{gap:9px}}
@media(max-width:760px){.page{padding:22px 16px 46px}.vq-workflow-hint{align-items:flex-start;padding:12px 13px}.vq-workflow-hint-title{width:calc(100% - 35px)}.vq-workflow-hint-dismiss{position:absolute;right:10px;top:9px}.vq-workflow-hint{position:relative}.vq-workflow-hint-steps{font-size:11px;gap:6px}.vq-workflow-hint-step{gap:5px}.page table{font-size:12px}.page th,.page td{padding:10px 9px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;transition-duration:.01ms!important}}