/*
 * KLR_BRAND_SYSTEM_VERSION = "1"
 * Shared visual language for every Kitchi Landing Resort application.
 *
 * Primary: lake blue
 * Accents: warm gold and pine green
 * Typography: Montserrat family
 */
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600;700;800&display=swap');

:root{
  --klr-blue-950:#071727;
  --klr-blue-900:#0b2238;
  --klr-blue-850:#0f2d49;
  --klr-blue-800:#123b60;
  --klr-blue-700:#18517f;
  --klr-blue-600:#246a9f;
  --klr-blue-500:#3484ba;
  --klr-blue-200:#b9d9ee;
  --klr-gold-700:#a87918;
  --klr-gold-600:#c4942b;
  --klr-gold-500:#d9ad4a;
  --klr-gold-300:#efd18b;
  --klr-green-800:#1f513d;
  --klr-green-700:#2b674e;
  --klr-green-600:#397d5f;
  --klr-green-500:#4b9674;
  --klr-cream:#f4efe4;
  --klr-ink:#eef4f8;
  --klr-muted:#a9bac8;
  --klr-line:#29445b;

  /* Compatibility tokens used by the existing web applications. */
  --green:var(--klr-green-500);
  --green2:var(--klr-green-600);
  --green-dark:var(--klr-green-700);
  --green-soft:#10271f;
  --sidebar:var(--klr-blue-950);
  --paper:#0a1928;
  --bg:#0a1928;
  --card:#10263a;
  --panel:#10263a;
  --panel2:#163149;
  --elevated:#193852;
  --field:#0b2032;
  --text:var(--klr-ink);
  --ink:var(--klr-ink);
  --muted:var(--klr-muted);
  --border:var(--klr-line);
  --line:var(--klr-line);
  --brand:var(--klr-blue-500);
  --brand-dark:var(--klr-blue-600);
  --soft:#10273a;
  --blue:var(--klr-blue-200);
  --blue-bg:#102a43;
  --warn:var(--klr-gold-300);
  --warning:var(--klr-gold-300);
  --warn-bg:#342810;
  --warning-bg:#342810;
  --success:#75c29a;
  --success-bg:#10291f;
  --danger:#ff9288;
  --danger-bg:#35191d;
  --shadow:0 1px 2px rgba(1,10,18,.44),0 16px 44px rgba(1,10,18,.34);
  --cashflow-table:#0f2436;
  --cashflow-table-alt:#0c1e2e;
  --cashflow-sticky:#142c41;
  --cashflow-income-row:#102a26;
  --cashflow-expense-row:#2b1c20;
  --cashflow-detail:#11293d;

  font-family:"Montserrat",ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
}

html,body,button,input,select,textarea,dialog{
  font-family:"Montserrat",ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;
}
html,body{
  background:
    radial-gradient(circle at 12% -8%,rgba(52,132,186,.20),transparent 31rem),
    radial-gradient(circle at 88% 0%,rgba(217,173,74,.08),transparent 25rem),
    var(--bg)!important;
}
body{accent-color:var(--klr-blue-500)!important}
::selection{background:rgba(217,173,74,.34)!important;color:#fff!important}

/* Suite identity */
.topbar,header,.mobile-suite-bar,.suite-sidebar,.sidebar{
  background:linear-gradient(180deg,var(--klr-blue-950),#091d30)!important;
  border-color:var(--klr-line)!important;
}
.brand-mark,.brand-mark.small,.suite-brand-mark{
  background:linear-gradient(145deg,var(--klr-blue-700),var(--klr-blue-900))!important;
  color:var(--klr-cream)!important;
  border:1px solid rgba(217,173,74,.62)!important;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.04)!important;
}
.brand,.suite-brand-copy strong,.mobile-suite-title strong{
  color:var(--klr-cream)!important;
  letter-spacing:-.015em;
}
.eyebrow,.launch,.section-row td,.compact-section-title{
  color:var(--klr-gold-500)!important;
}
a{color:#76b8df!important}
a:hover{color:var(--klr-gold-300)!important}

/* Cards and surfaces */
.login-card,.app-card,.connections-section,.connection-card,.status-card,.card,.panel,.report-card,.toolbar,.table-wrap,.chart-panel,.upload-panel,.quick-card,.section,.value-panel,.subform,.work-card,.summary-card,.filters,.dialog{
  background:linear-gradient(180deg,rgba(19,46,69,.98),rgba(14,36,55,.98))!important;
  border-color:var(--klr-line)!important;
}
.app-card:hover,.work-card:hover,tbody tr:hover{
  background:linear-gradient(180deg,#173650,#122d44)!important;
  border-color:rgba(52,132,186,.70)!important;
}
.app-icon,.connection-logo,.suite-nav-icon{
  background:rgba(52,132,186,.16)!important;
  color:var(--klr-gold-300)!important;
  border:1px solid rgba(217,173,74,.28)!important;
}

/* Navigation: blue foundation with a gold selection marker. */
.suite-nav-link,.sidebar nav a,.nav button{color:#d8e6f0!important}
.suite-nav-link:hover,.suite-nav-link:focus-visible,.suite-nav-link.active,.sidebar nav a:hover,.sidebar nav a.active,.nav button:hover,.nav button.active{
  background:rgba(52,132,186,.17)!important;
  color:#fff!important;
}
.suite-nav-link.active,.nav button.active{
  box-shadow:inset 3px 0 0 var(--klr-gold-500)!important;
}
.suite-nav-link.active .suite-nav-icon{
  background:var(--klr-blue-600)!important;
  color:var(--klr-cream)!important;
}

/* Controls */
input,select,textarea{
  background:var(--field)!important;
  border-color:#36536c!important;
  color:var(--text)!important;
}
input:focus,select:focus,textarea:focus{
  border-color:var(--klr-blue-500)!important;
  box-shadow:0 0 0 3px rgba(52,132,186,.18)!important;
}
button,.button,.small-button,.primary-button,.login-form button,.preset-row button,.button-link,.btn.primary{
  background:linear-gradient(180deg,var(--klr-blue-500),var(--klr-blue-600))!important;
  color:#fff!important;
  border-color:var(--klr-blue-500)!important;
}
button:hover,.button:hover,.small-button:hover,.primary-button:hover,.login-form button:hover,.button-link:hover,.btn.primary:hover{
  background:linear-gradient(180deg,#4095ca,var(--klr-blue-500))!important;
  color:#fff!important;
}
.secondary-button,.button.secondary,.button-secondary,.btn:not(.primary):not(.danger),.tabs .active{
  background:#18334b!important;
  color:var(--klr-blue-200)!important;
  border-color:#365b78!important;
}
.text-button{background:transparent!important;color:var(--klr-gold-300)!important;border:0!important}

/* Gold is a deliberate emphasis accent, not a general background color. */
.summary-card.active,.summary-card:hover,.tabs .active{
  border-color:rgba(217,173,74,.62)!important;
  background:linear-gradient(180deg,rgba(217,173,74,.14),rgba(52,132,186,.10))!important;
}
.today-column,.range-end td{border-color:var(--klr-gold-500)!important}
.category-toggle strong,.category-toggle .toggle-icon,.expander,.day-button .chevron{
  color:var(--klr-gold-500)!important;
}

/* Green is reserved for success, income, completion, and healthy state. */
.portal-alert.success,.alert.success,.alert-success,.notice.success,.status.good,.pill-good,.pill.processed,.pill.paid,.pill.filed,.pill.entered,.pill.confidence-high,.pill.shopping{
  background:#102b22!important;
  color:#86d4aa!important;
  border-color:#327455!important;
}
.positive,.status-good{color:#86d4aa!important}

/* Tables */
th{background:#0c2133!important;color:#c9d8e4!important;border-color:var(--klr-line)!important}
td{border-color:var(--klr-line)!important}
.total-row td,.section-row td,.funds-bank-row,.qb-payment-total,.compact-section-title,.funds-summary-row{
  background:#132d43!important;
}
.actual-month{
  background-image:repeating-linear-gradient(135deg,rgba(52,132,186,.12),rgba(52,132,186,.12) 4px,transparent 4px,transparent 8px)!important;
}

/* Login and launch page get a subtle resort-brand presentation. */
body.login-body{
  background:
    radial-gradient(circle at 15% 10%,rgba(52,132,186,.28),transparent 34rem),
    radial-gradient(circle at 88% 82%,rgba(43,103,78,.18),transparent 30rem),
    linear-gradient(145deg,#061421,#0c2740 58%,#081a2b)!important;
}
.hero h1,.login-card h1,.page-header h1,.topbar h1{
  letter-spacing:-.035em;
  font-weight:750;
}

/* Keep semantic warning and destructive states recognizable. */
.portal-alert.warning,.alert-warning,.notice.warning,.status.warning,.warning-card,.warning-row,.callout.warning,.pill.open,.pill.confidence-low,.pill.high{
  background:#342810!important;
  color:var(--klr-gold-300)!important;
  border-color:#7f6221!important;
}
.portal-alert.error,.alert.error,.alert-error,.notice.error,.pill.confidence-none,.pill.overdue{
  background:var(--danger-bg)!important;
  color:var(--danger)!important;
  border-color:#73333a!important;
}

/* Operations-specific details */
.notice{background:#102a43!important;color:#cfe8fa!important;border-color:#2d6187!important}
.value-row,.tool-option,.weekday-option,.mini-row,.history-row{background:#0f2639!important}
.spinner{border-color:#36536c!important;border-top-color:var(--klr-gold-500)!important}
.toast{background:#102b22!important;border-color:#327455!important;color:#d5f7e4!important}


/* CASHFLOW_KLR_BRAND_COMPLETION_VERSION = "2"
 * Cashflow & Forecast originally shipped with a charcoal dark-mode layer.
 * These selectors intentionally outrank those legacy page-specific rules so
 * every Forecast surface uses the shared lake-blue KLR design system.
 */

/* Primary Cashflow panels and section chrome */
.dashboard-breakdown,
.audit-section,
.overview-section,
.coverage-section,
.projection-shell,
.projection-modal-card,
.builder-panel{
  background:linear-gradient(180deg,rgba(19,46,69,.98),rgba(14,36,55,.98))!important;
  border-color:var(--klr-line)!important;
}
.dashboard-breakdown-toolbar,
.audit-section-toolbar,
.overview-section-toolbar,
.coverage-section .overview-section-toolbar,
.cell-detail-header,
.detail-section-header,
.audit-footnote,
.projection-toolbar,
.projection-meta,
.modal-header,
.modal-footer,
.builder-section-title{
  background:var(--cashflow-sticky)!important;
  color:var(--text)!important;
  border-color:var(--klr-line)!important;
}
.overview-section.income-section .overview-section-toolbar,
.puts-takes-section:first-child .puts-takes-heading,
.period-summary-section.income-section .period-summary-heading{
  background:var(--cashflow-income-row)!important;
}
.overview-section.expense-section .overview-section-toolbar,
.puts-takes-section:last-child .puts-takes-heading,
.period-summary-section.expense-section .period-summary-heading{
  background:var(--cashflow-expense-row)!important;
}

/* All dense Forecast tables use the same KLR blue header/sticky hierarchy. */
.matrix th,
.overview-table th,
.audit-table th,
.projection-table th,
.builder-table th,
.coverage-table th,
.planned-table th,
.projection-target-table th{
  background:#0c2133!important;
  color:#c9d8e4!important;
  border-color:var(--klr-line)!important;
}
.matrix .row-label,
.matrix th.row-label,
.overview-table .row-label,
.overview-table th.row-label,
.audit-table th:first-child,
.audit-table td:first-child,
.projection-table .row-label,
.builder-table .row-label,
.planned-table .row-label,
.projection-target-table .row-label{
  background:var(--cashflow-sticky)!important;
  color:var(--text)!important;
  border-color:var(--klr-line)!important;
}
.matrix .section-row td,
.matrix .section-row .row-label,
.matrix .balance-row td,
.overview-table tfoot th,
.coverage-table tfoot th{
  background:#132d43!important;
  color:#dbe8f1!important;
  border-color:var(--klr-line)!important;
}
.matrix .party-row td,
.matrix .party-row .row-label,
.overview-table .vendor-detail-row td,
.overview-table .vendor-detail-row .row-label,
.projection-table tbody tr.row-excluded,
.builder-table .locked-row,
.builder-table .locked-row td{
  background:var(--cashflow-table-alt)!important;
  color:#b7c8d5!important;
}
.matrix .category-row:hover td,
.matrix .category-row:hover .row-label,
.matrix .section-toggle-row:hover td,
.audit-day-row.has-activity:hover td,
.audit-day-row.has-activity:hover td:first-child,
.overview-table tbody tr:hover td,
.projection-table tbody tr:hover,
.builder-table tbody tr:hover{
  background:var(--elevated)!important;
  filter:none!important;
}

/* Dashboard chart/detail surfaces */
.reconciliation-tooltip,
.tooltip-metric,
.cell-detail-drawer,
.cell-detail-body,
.audit-detail-cell,
.audit-detail-row .audit-detail-cell:first-child,
.day-detail{
  background:var(--cashflow-detail)!important;
  color:var(--text)!important;
  border-color:var(--klr-line)!important;
}
.tooltip-grid{background:var(--klr-line)!important}
.tooltip-title,.tooltip-metric-value{color:var(--text)!important}
.tooltip-metric-label,.tooltip-subtitle{color:var(--klr-muted)!important}
.cell-detail-header{background:var(--cashflow-sticky)!important}
.cell-detail-close{
  background:#18334b!important;
  color:var(--klr-blue-200)!important;
  border-color:#365b78!important;
}
.cell-detail-summary .card,
.detail-section,
.projection-metric,
.detail-lines,
.detail-compact-entry,
.monthly-source-card,
.source-summary-card,
.balance-equation,
.puts-takes-section,
.compact-detail-panel{
  background:var(--cashflow-detail)!important;
  color:var(--text)!important;
  border-color:var(--klr-line)!important;
}
.overview-note,
.audit-note,
.button-light{
  background:var(--cashflow-detail)!important;
  color:var(--klr-muted)!important;
  border-color:var(--klr-line)!important;
}
.warning-note{
  background:var(--warning-bg)!important;
  color:var(--warning)!important;
  border-color:#7f6221!important;
}
.empty-section{
  background:var(--cashflow-table-alt)!important;
  color:var(--klr-muted)!important;
}
svg text{fill:var(--klr-muted)!important}
.chart-axis,.cash-axis{color:var(--klr-muted)!important}

/* Secondary states that previously retained charcoal at higher specificity. */
.section-count,.status-pill{
  background:var(--panel2)!important;
  color:#d7e6f0!important;
  border-color:var(--klr-line)!important;
}
.status-projected,.status-in_progress{
  background:var(--blue-bg)!important;
  color:var(--klr-blue-200)!important;
}
.projection-progress{background:var(--klr-line)!important}
.projection-progress>span,.projection-progress span{background:var(--green)!important}
.income-section .overview-table tbody tr.category-row td,
.income-section .overview-table tbody tr.category-row .row-label{
  background:var(--cashflow-income-row)!important;
}
.expense-section .overview-table tbody tr.category-row td,
.expense-section .overview-table tbody tr.category-row .row-label{
  background:var(--cashflow-expense-row)!important;
}
.cell-detail-drawer details,.cell-detail-drawer summary,
.compact-more>summary{
  background:var(--cashflow-table-alt)!important;
  color:var(--klr-blue-200)!important;
  border-color:var(--klr-line)!important;
}
.cell-detail-drawer details[open]>summary,.compact-more[open]>summary{
  background:var(--klr-green-800)!important;
  color:#fff!important;
  border-color:var(--klr-green-600)!important;
}
.dashboard-matrix-scroll::-webkit-scrollbar-track,
.chart-scroll::-webkit-scrollbar-track,
.overview-table-scroll::-webkit-scrollbar-track,
.audit-table-wrap::-webkit-scrollbar-track{
  background:var(--klr-blue-950)!important;
}
.dashboard-matrix-scroll::-webkit-scrollbar-thumb,
.chart-scroll::-webkit-scrollbar-thumb,
.overview-table-scroll::-webkit-scrollbar-thumb,
.audit-table-wrap::-webkit-scrollbar-thumb{
  background:var(--klr-line)!important;
  border-color:var(--klr-blue-950)!important;
}

/* Projection Manager */
.projection-shell,
.projection-table-wrap,
.projection-mobile-list,
.projection-mobile-card,
.import-drawer,
.import-content,
.projection-modal-card,
.modal-body,
.schedule-panel{
  background:var(--panel)!important;
  color:var(--text)!important;
  border-color:var(--klr-line)!important;
}
.projection-toolbar,
.projection-meta,
.modal-header,
.modal-footer{
  background:var(--cashflow-sticky)!important;
}
.projection-tab,
.when-text,
.party-text,
.category-text,
.field label,
.include-line strong,
.import-drawer summary,
.import-stat strong{
  color:var(--text)!important;
}
.projection-tab.active,
.projection-tab-count,
.modal-section-label{
  color:var(--klr-gold-300)!important;
}
.projection-table td,
.projection-table tbody tr{
  background:var(--cashflow-table)!important;
  color:var(--text)!important;
  border-color:var(--klr-line)!important;
}
.projection-table tbody tr.row-excluded,
.projection-mobile-card.row-excluded{
  background:var(--cashflow-table-alt)!important;
  color:#8fa2b2!important;
}
.projection-mobile-card,
.edit-row,
.icon-button,
.amount-button:hover{
  background:var(--cashflow-detail)!important;
  color:var(--text)!important;
  border-color:var(--klr-line)!important;
}
.secondary-text,
.import-stat,
.schedule-help,
.mobile-projection-meta span,
.projection-meta{
  color:var(--klr-muted)!important;
}
.mobile-projection-meta strong{color:var(--text)!important}
.quick-adjust{
  background:var(--blue-bg)!important;
  border-color:#2d6187!important;
}
.modal-footer .cancel-button{
  background:#18334b!important;
  color:var(--klr-blue-200)!important;
  border-color:#365b78!important;
}

/* Forecast Builder */
.builder-panel,
.builder-section,
.apply-option,
.summary-card,
.selected-source{
  background:var(--panel)!important;
  color:var(--text)!important;
  border-color:var(--klr-line)!important;
}
.builder-section,
.summary-card,
.apply-option{
  background:var(--cashflow-detail)!important;
}
.builder-panel h3,
.builder-header h2,
.builder-field label,
.apply-option strong,
.month-name{
  color:var(--text)!important;
}
.builder-panel-intro,
.builder-help,
.source-sub,
.apply-note{
  color:var(--klr-muted)!important;
}
.selected-source{
  background:var(--success-bg)!important;
  color:#d5f7e4!important;
  border-color:#327455!important;
}
.builder-table,
.builder-table tbody,
.builder-table tr,
.builder-table td{
  background:var(--cashflow-table)!important;
  color:var(--text)!important;
  border-color:var(--klr-line)!important;
}

/* Mobile Forecast navigation/cards */
.mobile-bottom-nav{
  background:rgba(7,23,39,.96)!important;
  border-color:var(--klr-line)!important;
}
.mobile-card-table tbody>tr{
  background:var(--panel)!important;
  border-color:var(--klr-line)!important;
}
.mobile-card-table tbody>tr>td{
  border-color:rgba(185,217,238,.10)!important;
}


@media(max-width:760px){
  .topbar,.sidebar{background:linear-gradient(180deg,var(--klr-blue-950),#091d30)!important}
}


/* KLR_ADMIN_DESIGN_SYSTEM_VERSION = "2.12"
 * Canonical final presentation layer for every KLR internal web application.
 * This file intentionally loads after legacy and app-specific styles.
 */

/* Foundations */
:root{
  --klr-navy-1000:#04111c;
  --klr-blue-950:#071727;
  --klr-blue-900:#0b2238;
  --klr-blue-850:#0f2d49;
  --klr-blue-800:#123b60;
  --klr-blue-700:#18517f;
  --klr-blue-600:#246a9f;
  --klr-blue-500:#3484ba;
  --klr-blue-400:#5ba4d2;
  --klr-blue-200:#b9d9ee;
  --klr-blue-100:#dcecf6;
  --klr-gold-700:#a87918;
  --klr-gold-600:#c4942b;
  --klr-gold-500:#d9ad4a;
  --klr-gold-300:#efd18b;
  --klr-green-800:#1f513d;
  --klr-green-700:#2b674e;
  --klr-green-600:#397d5f;
  --klr-green-500:#4b9674;
  --klr-success-text:#86d4aa;
  --klr-danger-text:#ff9288;
  --klr-cream:#f4efe4;
  --klr-ink:#eef4f8;
  --klr-muted:#a9bac8;
  --klr-subtle:#8399aa;
  --klr-line:#29445b;
  --klr-surface-page:#081a2a;
  --klr-surface-panel:#10283c;
  --klr-surface-raised:#143149;
  --klr-surface-hover:#193b57;
  --klr-surface-field:#0b2032;
  --klr-surface-sticky:#0c2133;
  --klr-focus:0 0 0 3px rgba(91,164,210,.30);
  --klr-shadow-card:0 1px 2px rgba(1,10,18,.36),0 10px 28px rgba(1,10,18,.18);
  --klr-shadow-float:0 18px 52px rgba(1,10,18,.52);
  --klr-space-1:4px;
  --klr-space-2:8px;
  --klr-space-3:12px;
  --klr-space-4:16px;
  --klr-space-5:20px;
  --klr-space-6:24px;
  --klr-space-8:32px;
  --klr-control:40px;
  --klr-control-compact:34px;
  --klr-radius-control:10px;
  --klr-radius-card:12px;
  --klr-radius-prominent:16px;
  --klr-sidebar-width:248px;
  --klr-sidebar-collapsed:76px;
  --klr-transition:160ms ease;

  /* Compatibility aliases retained for every existing app. */
  --green:var(--klr-green-500);
  --green2:var(--klr-green-600);
  --green-dark:var(--klr-green-700);
  --green-soft:#10271f;
  --sidebar:var(--klr-blue-950);
  --paper:var(--klr-surface-page);
  --bg:var(--klr-surface-page);
  --card:var(--klr-surface-panel);
  --panel:var(--klr-surface-panel);
  --panel2:var(--klr-surface-raised);
  --elevated:var(--klr-surface-hover);
  --field:var(--klr-surface-field);
  --text:var(--klr-ink);
  --ink:var(--klr-ink);
  --muted:var(--klr-muted);
  --border:var(--klr-line);
  --line:var(--klr-line);
  --brand:var(--klr-blue-500);
  --brand-dark:var(--klr-blue-600);
  --soft:#10273a;
  --blue:var(--klr-blue-200);
  --blue-bg:#102a43;
  --warn:var(--klr-gold-300);
  --warning:var(--klr-gold-300);
  --warn-bg:#342810;
  --warning-bg:#342810;
  --success:var(--klr-success-text);
  --success-bg:#102b22;
  --danger:var(--klr-danger-text);
  --danger-bg:#35191d;
  --shadow:var(--klr-shadow-card);
  --control:var(--klr-control);
  --control-compact:var(--klr-control-compact);
  --radius:var(--klr-radius-card);
  --cashflow-table:#0f2436;
  --cashflow-table-alt:#0c1e2e;
  --cashflow-sticky:var(--klr-surface-sticky);
  --cashflow-income-row:#102a26;
  --cashflow-expense-row:#2b1c20;
  --cashflow-detail:#11293d;
}

html{
  color-scheme:dark;
  background:var(--klr-surface-page);
  -webkit-text-size-adjust:100%;
}
body.klr-app{
  min-height:100vh;
  margin:0;
  overflow-x:hidden;
  background:
    radial-gradient(circle at 8% -10%,rgba(52,132,186,.16),transparent 30rem),
    radial-gradient(circle at 92% 0,rgba(217,173,74,.055),transparent 24rem),
    var(--klr-surface-page)!important;
  color:var(--klr-ink)!important;
  font:500 14px/1.5 "Montserrat",ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;
  text-rendering:optimizeLegibility;
}
body.klr-app *,
body.klr-app *::before,
body.klr-app *::after{box-sizing:border-box}
body.klr-app :is(button,input,select,textarea,dialog){
  font-family:"Montserrat",ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;
}
body.klr-app :is(input,select,textarea,button,a,summary,[tabindex]):focus-visible{
  outline:2px solid var(--klr-blue-400)!important;
  outline-offset:2px!important;
  box-shadow:var(--klr-focus)!important;
}
body.klr-app :is(input,select,textarea):focus-visible{
  border-color:var(--klr-blue-400)!important;
}
body.klr-app ::selection{background:rgba(217,173,74,.34)!important;color:#fff!important}
body.klr-app ::-webkit-scrollbar{width:11px;height:11px}
body.klr-app ::-webkit-scrollbar-track{background:var(--klr-blue-950)}
body.klr-app ::-webkit-scrollbar-thumb{background:#3b5870;border:3px solid var(--klr-blue-950);border-radius:999px}
body.klr-app ::-webkit-scrollbar-thumb:hover{background:#52718a}

/* Type hierarchy */
body.klr-app :is(h1,h2,h3,h4,h5,h6){
  color:var(--klr-ink)!important;
  font-family:"Montserrat",ui-sans-serif,sans-serif!important;
  text-wrap:balance;
}
body.klr-app h1{font-weight:750;letter-spacing:-.035em}
body.klr-app h2{font-weight:700;letter-spacing:-.02em}
body.klr-app :is(h3,h4){font-weight:700;letter-spacing:-.01em}
body.klr-app :is(p,li,dd){text-wrap:pretty}
body.klr-app :is(.muted,.small,small,.label,.secondary-text,.detail-meta,.detail-note){
  color:var(--klr-muted)!important;
}
body.klr-app :is(.num,.value,.metric strong,[class*="amount"],[class*="total"]){
  font-variant-numeric:tabular-nums;
}
body.klr-app .mono{
  font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace!important;
  font-size:12px;
}

/* Shared application shell */
body.klr-app .suite-app-shell{
  display:grid;
  grid-template-columns:var(--klr-sidebar-width) minmax(0,1fr)!important;
  min-height:100vh;
  transition:grid-template-columns var(--klr-transition);
}
body.klr-app .suite-sidebar{
  position:sticky!important;
  inset:auto!important;
  top:0!important;
  width:auto!important;
  height:100vh!important;
  min-width:0;
  overflow:hidden;
  padding:18px 14px 14px!important;
  background:linear-gradient(180deg,var(--klr-blue-950),#061522)!important;
  border:0!important;
  border-right:1px solid var(--klr-line)!important;
  box-shadow:none!important;
  color:var(--klr-ink)!important;
}
body.klr-app .suite-brand-row{
  min-height:58px;
  margin-bottom:10px;
}
body.klr-app .suite-brand{
  width:100%;
  min-width:0;
  gap:11px;
  color:var(--klr-cream)!important;
}
body.klr-app .suite-brand-mark{
  width:42px!important;
  height:42px!important;
  flex:0 0 42px!important;
  border:1px solid rgba(217,173,74,.58)!important;
  border-radius:12px!important;
  background:linear-gradient(145deg,var(--klr-blue-700),var(--klr-blue-900))!important;
  color:var(--klr-cream)!important;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.04)!important;
  font-size:11px;
  font-weight:800!important;
  letter-spacing:.07em;
}
body.klr-app .suite-brand-copy{
  min-width:0;
  padding-right:22px;
}
body.klr-app .suite-brand-copy strong{
  display:block;
  overflow:hidden;
  color:var(--klr-cream)!important;
  font-size:13px!important;
  line-height:1.2!important;
  text-overflow:ellipsis;
  white-space:normal!important;
}
body.klr-app .suite-brand-copy small{
  display:block;
  overflow:hidden;
  margin-top:3px;
  color:#93adbf!important;
  font-size:10.5px!important;
  line-height:1.25;
  text-overflow:ellipsis;
  white-space:nowrap;
}
body.klr-app .suite-nav{
  display:grid!important;
  gap:3px!important;
  min-height:0;
  overflow-x:hidden;
  overflow-y:auto;
  padding:2px 0 8px!important;
  scrollbar-width:thin;
}
body.klr-app .suite-nav-section{
  padding:15px 11px 6px!important;
  color:#7898ae!important;
  font-size:9px!important;
  font-weight:800!important;
  line-height:1;
  letter-spacing:.12em;
  text-transform:uppercase;
  white-space:nowrap;
}
body.klr-app .suite-nav .suite-nav-link{
  width:100%;
  min-width:0;
  min-height:40px!important;
  height:auto!important;
  display:flex!important;
  align-items:center;
  gap:10px;
  padding:6px 9px!important;
  border:0!important;
  border-radius:9px!important;
  background:transparent!important;
  box-shadow:none!important;
  color:#d3e1ea!important;
  font-size:12px!important;
  font-weight:650!important;
  line-height:1.3;
  text-align:left;
  text-decoration:none;
  white-space:nowrap;
}
body.klr-app .suite-nav .suite-nav-link:hover,
body.klr-app .suite-nav .suite-nav-link:focus-visible{
  background:rgba(52,132,186,.13)!important;
  color:#fff!important;
}
body.klr-app .suite-nav .suite-nav-link.active{
  background:linear-gradient(90deg,rgba(52,132,186,.24),rgba(52,132,186,.08))!important;
  box-shadow:inset 3px 0 0 var(--klr-gold-500)!important;
  color:#fff!important;
}
body.klr-app .suite-nav-icon{
  width:27px!important;
  height:27px!important;
  flex:0 0 27px!important;
  border:1px solid rgba(185,217,238,.10)!important;
  border-radius:8px!important;
  background:rgba(52,132,186,.12)!important;
  color:var(--klr-blue-200)!important;
  font-size:8.5px!important;
  font-weight:800!important;
  letter-spacing:.04em;
}
body.klr-app .suite-nav-link.active .suite-nav-icon{
  border-color:rgba(217,173,74,.45)!important;
  background:rgba(217,173,74,.16)!important;
  color:var(--klr-gold-300)!important;
}
body.klr-app .suite-sidebar-footer{
  margin-top:auto;
  padding-top:9px;
  border-top:1px solid rgba(185,217,238,.10)!important;
}
body.klr-app .suite-version{
  padding:9px 9px 0;
  color:#718ea3!important;
  font-size:9.5px!important;
}
body.klr-app .sidebar-collapse-toggle{
  right:-6px!important;
  top:15px!important;
  width:26px!important;
  height:26px!important;
  min-height:26px!important;
  border:1px solid #365b78!important;
  border-radius:999px!important;
  background:var(--klr-blue-850)!important;
  color:var(--klr-blue-200)!important;
  box-shadow:0 4px 12px rgba(0,0,0,.25)!important;
}
body.klr-app .sidebar-collapse-toggle:hover{
  background:var(--klr-blue-700)!important;
  color:#fff!important;
}
html.suite-sidebar-collapsed body.klr-app .suite-app-shell{
  grid-template-columns:var(--klr-sidebar-collapsed) minmax(0,1fr)!important;
}
body.klr-app .suite-content{
  width:100%;
  max-width:none;
  min-width:0;
  margin:0!important;
  padding:28px clamp(18px,3vw,38px) 60px!important;
  background:transparent!important;
}
body.klr-app .suite-content>header,
body.klr-app .suite-content .topbar,
body.klr-app main>header{
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
}

/* Page headers and section headers */
body.klr-app :is(.page-header,.topbar){
  align-items:flex-start;
  gap:18px;
  margin-bottom:20px;
}
body.klr-app :is(.page-header,.topbar) h1{
  margin:0 0 6px!important;
  color:var(--klr-cream)!important;
  font-size:clamp(24px,2vw,29px)!important;
  line-height:1.12!important;
}
body.klr-app :is(.page-header,.topbar) p{
  max-width:900px;
  margin:0;
  color:var(--klr-muted)!important;
  font-size:12.5px;
  line-height:1.55;
}
body.klr-app :is(.panel-header,.section-head,.analyzer-section-heading){
  gap:14px;
}
body.klr-app :is(.panel-header,.section-head,.analyzer-section-heading) h2{
  color:var(--klr-ink)!important;
  line-height:1.25;
}
body.klr-app .eyebrow{
  color:var(--klr-gold-500)!important;
  font-size:10px;
  font-weight:800;
  letter-spacing:.12em;
  text-transform:uppercase;
}

/* Surfaces */
body.klr-app :is(
  .login-card,.app-card,.connections-section,.connection-card,.status-card,
  .card,.panel,.report-card,.toolbar,.filters,.table-wrap,.chart-panel,.upload-panel,
  .quick-card,.section,.value-panel,.subform,.work-card,.summary-card,.dialog,
  .projection-shell,.projection-modal-card,.builder-panel,.builder-section,
  .dashboard-breakdown,.audit-section,.overview-section,.coverage-section
){
  background:var(--klr-surface-panel)!important;
  border-color:var(--klr-line)!important;
  color:var(--klr-ink)!important;
  box-shadow:var(--klr-shadow-card)!important;
}
body.klr-app :is(.card,.panel,.report-card,.toolbar,.filters,.table-wrap,.quick-card,.section,.value-panel,.subform,.work-card,.summary-card){
  border-radius:var(--klr-radius-card)!important;
}
body.klr-app :is(.card,.panel,.work-card,.summary-card,.connection-card,.app-card){
  transition:background-color var(--klr-transition),border-color var(--klr-transition),transform var(--klr-transition),box-shadow var(--klr-transition);
}
body.klr-app :is(.work-card,.app-card,.analyzer-kpi):hover{
  border-color:rgba(91,164,210,.54)!important;
  background:var(--klr-surface-raised)!important;
}
body.klr-app :is(.panel,.card,.work-card,.summary-card,.connection-card,.app-card)>:first-child{margin-top:0}
body.klr-app :is(.panel,.card,.work-card,.summary-card,.connection-card,.app-card)>:last-child{margin-bottom:0}

/* Operations uses flat structural sections; the records provide the surfaces. */
body.klr-app--operations #view-today>.section,
body.klr-app--operations :is(#taskForm,#shoppingForm,#templateForm,#templateTaskForm,#scheduleForm)>.subform{
  padding:0!important;
  background:transparent!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
}

/* Controls */
body.klr-app :is(input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]):not([type="file"]),select){
  height:var(--klr-control)!important;
  min-height:var(--klr-control)!important;
  padding:0 11px!important;
  border:1px solid #36536c!important;
  border-radius:var(--klr-radius-control)!important;
  background:var(--klr-surface-field)!important;
  color:var(--klr-ink)!important;
  line-height:1.2!important;
  color-scheme:dark;
}
body.klr-app textarea{
  min-height:96px!important;
  padding:10px 11px!important;
  border:1px solid #36536c!important;
  border-radius:var(--klr-radius-control)!important;
  background:var(--klr-surface-field)!important;
  color:var(--klr-ink)!important;
}
body.klr-app :is(input,textarea)::placeholder{color:#71889a!important;opacity:1}
body.klr-app select option{background:var(--klr-surface-field)!important;color:var(--klr-ink)!important}
body.klr-app :is(input[type="checkbox"],input[type="radio"]){
  width:18px;
  height:18px;
  accent-color:var(--klr-blue-500)!important;
}
body.klr-app :is(label,.field-label,.toolbar label,.filters label,.form-grid label){
  color:#c6d5df!important;
  font-size:11px;
  font-weight:650;
}
body.klr-app :is(.button,.small-button,.primary-button,.login-form button,.preset-row button,.button-link,.btn.primary,.klr-refresh-button){
  min-height:var(--klr-control)!important;
  height:var(--klr-control)!important;
  display:inline-flex!important;
  align-items:center;
  justify-content:center;
  gap:7px;
  padding:0 14px!important;
  border:1px solid var(--klr-blue-500)!important;
  border-radius:var(--klr-radius-control)!important;
  background:linear-gradient(180deg,var(--klr-blue-500),var(--klr-blue-600))!important;
  box-shadow:0 1px 0 rgba(255,255,255,.08) inset,0 5px 14px rgba(1,10,18,.16)!important;
  color:#fff!important;
  font-size:12px;
  font-weight:700!important;
  line-height:1.2;
  text-decoration:none;
}
body.klr-app :is(.button,.small-button,.primary-button,.login-form button,.preset-row button,.button-link,.btn.primary,.klr-refresh-button):hover{
  border-color:var(--klr-blue-400)!important;
  background:linear-gradient(180deg,var(--klr-blue-400),var(--klr-blue-500))!important;
  color:#fff!important;
}
body.klr-app :is(.button.secondary,.secondary-button,.button-secondary,.btn:not(.primary):not(.danger),.cancel-button){
  min-height:var(--klr-control)!important;
  height:var(--klr-control)!important;
  display:inline-flex!important;
  align-items:center;
  justify-content:center;
  padding:0 13px!important;
  border:1px solid #365b78!important;
  border-radius:var(--klr-radius-control)!important;
  background:#17334b!important;
  box-shadow:none!important;
  color:var(--klr-blue-200)!important;
  font-size:12px;
  font-weight:700!important;
}
body.klr-app :is(.button.secondary,.secondary-button,.button-secondary,.btn:not(.primary):not(.danger),.cancel-button):hover{
  border-color:#4c7797!important;
  background:#1d405d!important;
  color:#fff!important;
}
body.klr-app :is(.danger-button,.button-danger,.btn.danger,.delete-button){
  border-color:#73333a!important;
  background:#35191d!important;
  color:var(--klr-danger-text)!important;
  box-shadow:none!important;
}
body.klr-app :is(.danger-button,.button-danger,.btn.danger,.delete-button):hover{
  border-color:#a54850!important;
  background:#492126!important;
  color:#ffc1bb!important;
}
body.klr-app :is(.text-button,.category-toggle,.day-button,.amount-button){
  height:auto!important;
  min-height:0!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
body.klr-app .text-button{color:var(--klr-blue-200)!important}
body.klr-app :is(.icon-btn,.icon-button,.modal-close,.cell-detail-close){
  width:var(--klr-control)!important;
  height:var(--klr-control)!important;
  min-height:var(--klr-control)!important;
  padding:0!important;
  border:1px solid #365b78!important;
  border-radius:var(--klr-radius-control)!important;
  background:#17334b!important;
  box-shadow:none!important;
  color:var(--klr-blue-200)!important;
}
body.klr-app :is(button,.button,.button-link,.btn):disabled{
  opacity:.48!important;
  cursor:not-allowed!important;
  filter:saturate(.65);
}

/* Summary cards and tabs are selectors, not primary actions. */
body.klr-app .summary-card{
  height:auto!important;
  min-height:78px!important;
  display:flex!important;
  align-items:flex-start;
  justify-content:center;
  flex-direction:column;
  padding:12px!important;
  border:1px solid var(--klr-line)!important;
  background:var(--klr-surface-panel)!important;
  box-shadow:var(--klr-shadow-card)!important;
  color:var(--klr-ink)!important;
  text-align:left;
}
body.klr-app .summary-card:hover{
  border-color:#416681!important;
  background:var(--klr-surface-raised)!important;
}
body.klr-app .summary-card.active{
  border-color:rgba(217,173,74,.64)!important;
  background:linear-gradient(180deg,rgba(217,173,74,.12),rgba(52,132,186,.10))!important;
  box-shadow:inset 0 2px 0 rgba(217,173,74,.45)!important;
}
body.klr-app .summary-card span{
  color:var(--klr-muted)!important;
  font-size:9.5px!important;
  font-weight:750!important;
  letter-spacing:.045em;
  text-transform:uppercase;
}
body.klr-app .summary-card strong{
  margin-top:4px;
  color:var(--klr-ink)!important;
  font-size:22px;
}
body.klr-app .tabs{
  display:flex;
  gap:4px!important;
  padding:4px;
  border:1px solid var(--klr-line);
  border-radius:12px;
  background:var(--klr-surface-field);
}
body.klr-app .tabs .btn{
  border-color:transparent!important;
  background:transparent!important;
}
body.klr-app .tabs .active{
  border-color:rgba(217,173,74,.44)!important;
  background:var(--klr-surface-raised)!important;
  color:var(--klr-gold-300)!important;
}

/* Toolbars, filters, and refresh */
body.klr-app :is(.toolbar,.filters,.analyzer-dashboard-controls,.klr-data-refresh){
  gap:10px!important;
  padding:11px 12px!important;
  border:1px solid var(--klr-line)!important;
  border-radius:var(--klr-radius-card)!important;
  background:rgba(16,40,60,.94)!important;
  box-shadow:var(--klr-shadow-card)!important;
}
body.klr-app .klr-data-refresh{
  min-height:56px;
  margin-bottom:16px;
}
body.klr-app .klr-refresh-title{
  color:var(--klr-gold-500)!important;
  font-size:9px!important;
  letter-spacing:.10em!important;
}
body.klr-app .klr-refresh-time,
body.klr-app .klr-refresh-message{
  color:var(--klr-muted)!important;
  font-size:9.5px!important;
}
body.klr-app .klr-refresh-message.error{color:var(--klr-danger-text)!important}

/* Data tables */
body.klr-app .table-wrap{
  max-width:100%;
  overflow:auto;
  border:1px solid var(--klr-line)!important;
  background:var(--klr-surface-panel)!important;
  box-shadow:none!important;
  scrollbar-gutter:stable;
}
body.klr-app table{
  background:var(--klr-surface-panel)!important;
  color:var(--klr-ink)!important;
}
body.klr-app th{
  background:var(--klr-surface-sticky)!important;
  color:#c5d5df!important;
  border-color:var(--klr-line)!important;
  font-size:9.5px!important;
  font-weight:750!important;
  letter-spacing:.055em!important;
  line-height:1.3;
  text-transform:uppercase;
}
body.klr-app td{
  border-color:var(--klr-line)!important;
  color:var(--klr-ink)!important;
}
body.klr-app th,
body.klr-app td{padding:9px 10px}
body.klr-app tbody tr{transition:background-color 120ms ease}
body.klr-app tbody tr:hover,
body.klr-app tbody tr:hover td{
  background:var(--klr-surface-raised)!important;
}
body.klr-app :is(.total-row,.section-row,.funds-bank-row,.qb-payment-total,.funds-summary-row) td{
  background:var(--klr-surface-raised)!important;
  border-color:var(--klr-line)!important;
}
body.klr-app .section-row td{
  color:var(--klr-gold-300)!important;
  font-size:9px!important;
  font-weight:800!important;
}
body.klr-app .deposit-list-row[data-status="processed"],
body.klr-app .deposit-list-row[data-status="processed"] td{
  background:transparent!important;
}
body.klr-app .deposit-list-row:has(.deposit-select:checked),
body.klr-app .deposit-list-row:has(.deposit-select:checked) td{
  background:#102a43!important;
}
body.klr-app td.num,
body.klr-app th.num{text-align:right;font-variant-numeric:tabular-nums}

/* Status and semantic feedback */
body.klr-app :is(.pill,.status,.mini-pill){
  min-height:22px;
  display:inline-flex;
  align-items:center;
  gap:5px;
  padding:3px 8px!important;
  border:1px solid #36536c!important;
  border-radius:999px!important;
  background:#17334b!important;
  color:#cbd9e4!important;
  font-size:9px!important;
  font-weight:750!important;
  line-height:1.2;
  white-space:nowrap;
}
body.klr-app :is(.pill.processed,.pill.paid,.pill.filed,.pill.entered,.pill.complete,.pill-good,.status.good,.status-fulfilled,.status-active,.confidence-high){
  border-color:#327455!important;
  background:#102b22!important;
  color:var(--klr-success-text)!important;
}
body.klr-app :is(.pill.open,.pill.warning,.pill.high,.pill.confidence-low,.pill-warning,.status.warning,.attention){
  border-color:#7f6221!important;
  background:#342810!important;
  color:var(--klr-gold-300)!important;
}
body.klr-app :is(.pill.failed,.pill.overdue,.pill.confidence-none,.status-bad,.status.error){
  border-color:#73333a!important;
  background:#35191d!important;
  color:var(--klr-danger-text)!important;
}
body.klr-app :is(.pill.reviewed,.pill.draft,.pill.confidence-medium,.status-projected,.status-in_progress){
  border-color:#2d6187!important;
  background:#102a43!important;
  color:var(--klr-blue-200)!important;
}
body.klr-app :is(.positive,.cash-in,.income,.amount-in){color:var(--klr-success-text)!important}
body.klr-app :is(.negative,.cash-out,.expense,.amount-out,.warning-text){color:var(--klr-danger-text)!important}
body.klr-app :is(.alert,.portal-alert,.notice,.callout){
  border:1px solid var(--klr-line)!important;
  border-radius:10px!important;
  box-shadow:none!important;
}
body.klr-app :is(.alert.success,.alert-success,.portal-alert.success,.notice.success){
  border-color:#327455!important;
  background:#102b22!important;
  color:var(--klr-success-text)!important;
}
body.klr-app :is(.alert-warning,.portal-alert.warning,.notice.warning,.callout.warning){
  border-color:#7f6221!important;
  background:#342810!important;
  color:var(--klr-gold-300)!important;
}
body.klr-app :is(.alert.error,.alert-error,.portal-alert.error,.notice.error){
  border-color:#73333a!important;
  background:#35191d!important;
  color:var(--klr-danger-text)!important;
}
body.klr-app :is(.alert-info,.notice.info){
  border-color:#2d6187!important;
  background:#102a43!important;
  color:var(--klr-blue-200)!important;
}

/* Disclosures, overlays, dialogs, and transient states */
body.klr-app details>summary{
  cursor:pointer;
  color:var(--klr-blue-200);
}
body.klr-app dialog,
body.klr-app .dialog{
  border:1px solid var(--klr-line)!important;
  border-radius:var(--klr-radius-prominent)!important;
  background:var(--klr-surface-panel)!important;
  color:var(--klr-ink)!important;
  box-shadow:var(--klr-shadow-float)!important;
}
body.klr-app dialog::backdrop{background:rgba(2,10,18,.78)}
body.klr-app :is(.dialog-head,.dialog-actions,.modal-header,.modal-footer,.cell-detail-header){
  background:var(--klr-surface-sticky)!important;
  border-color:var(--klr-line)!important;
}
body.klr-app :is(.cell-detail-drawer,.modal-body,.dialog form){
  background:var(--klr-surface-panel)!important;
  color:var(--klr-ink)!important;
}
body.klr-app .toast{
  border:1px solid #327455!important;
  border-radius:10px!important;
  background:#102b22!important;
  color:#d5f7e4!important;
  box-shadow:var(--klr-shadow-float)!important;
}
body.klr-app .toast.error{
  border-color:#73333a!important;
  background:#35191d!important;
  color:#ffc1bb!important;
}
body.klr-app .loading{background:rgba(4,17,28,.86)!important}
body.klr-app .spinner{
  border-color:#36536c!important;
  border-top-color:var(--klr-gold-500)!important;
}

/* Charts and visual tracks */
body.klr-app :is(.chart-panel,.chart-scroll,.analyzer-month-bars,.analyzer-payment-track){
  background:var(--klr-surface-panel)!important;
  border-color:var(--klr-line)!important;
}
body.klr-app :is(.analyzer-month-bars,.analyzer-payment-track,.projection-progress){
  background:var(--klr-surface-field)!important;
}
body.klr-app :is(.analyzer-month-bars .current,.analyzer-payment-fill,.projection-progress>span){
  background:linear-gradient(90deg,var(--klr-blue-500),var(--klr-blue-400))!important;
}
body.klr-app .analyzer-month-bars .prior{background:#60788a!important}
body.klr-app svg text{fill:var(--klr-muted)!important}

/* Portal */
body.klr-app--portal>.topbar{
  min-height:66px;
  margin:0;
  padding:0 clamp(18px,3vw,36px);
  align-items:center;
  background:rgba(7,23,39,.96)!important;
  border-bottom:1px solid var(--klr-line)!important;
  box-shadow:0 8px 28px rgba(1,10,18,.18)!important;
}
body.klr-app--portal .portal-shell{max-width:1280px;padding-top:52px}
body.klr-app--portal .hero{max-width:820px;margin-bottom:30px}
body.klr-app--portal .hero h1{
  color:var(--klr-cream)!important;
  font-size:clamp(34px,5vw,52px)!important;
}
body.klr-app--portal .hero p{color:var(--klr-muted)!important}
body.klr-app--portal .app-grid{
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:16px;
}
body.klr-app--portal .app-card{
  min-height:230px;
  padding:24px;
  gap:18px;
}
body.klr-app--portal .app-card:hover{transform:translateY(-2px)}
body.klr-app--portal .app-icon,
body.klr-app--portal .connection-logo{
  border:1px solid rgba(217,173,74,.30)!important;
  background:rgba(52,132,186,.15)!important;
  color:var(--klr-gold-300)!important;
}
body.klr-app--portal .launch{color:var(--klr-blue-200)!important}
body.klr-app--portal .connections-section{padding:24px}
body.klr-app--portal .connection-card{background:var(--klr-surface-raised)!important}
body.klr-app--portal .connection-facts>div{border-color:var(--klr-line)!important}
body.klr-app--portal code{background:var(--klr-surface-field)!important;color:#dbe8f2!important}

/* Login */
body.klr-app--login{
  background:
    radial-gradient(circle at 18% 12%,rgba(52,132,186,.28),transparent 34rem),
    radial-gradient(circle at 82% 82%,rgba(43,103,78,.17),transparent 30rem),
    linear-gradient(145deg,#04111c,#0b2238 60%,#071727)!important;
}
body.klr-app--login .login-card{
  width:min(430px,100%);
  padding:34px;
  border-radius:20px!important;
}
body.klr-app--login .brand-mark{
  border:1px solid rgba(217,173,74,.56)!important;
  background:linear-gradient(145deg,var(--klr-blue-700),var(--klr-blue-900))!important;
  color:var(--klr-cream)!important;
}
body.klr-app--login .login-form{gap:16px}
body.klr-app--login .login-form input{width:100%}

/* Square */
body.klr-app--square .page-header{display:flex}
body.klr-app--square .analyzer-kpi,
body.klr-app--square .analyzer-insight,
body.klr-app--square .analyzer-pulse-grid>div,
body.klr-app--square .analyzer-booking-card,
body.klr-app--square .reservation-payment,
body.klr-app--square .qb-cabin-match-panel{
  background:var(--klr-surface-panel)!important;
  border-color:var(--klr-line)!important;
  color:var(--klr-ink)!important;
}
body.klr-app--square .analyzer-kpi{box-shadow:var(--klr-shadow-card)!important}
body.klr-app--square .analyzer-rank{
  background:#17334b!important;
  color:var(--klr-blue-200)!important;
}
body.klr-app--square .analyzer-jump-nav a{
  border-color:#365b78!important;
  background:#17334b!important;
  color:var(--klr-blue-200)!important;
}
body.klr-app--square .analyzer-jump-nav a:hover{
  background:var(--klr-surface-hover)!important;
  color:#fff!important;
}
body.klr-app--square .analyzer-freshness{
  border:1px solid var(--klr-line);
  background:rgba(16,42,67,.78)!important;
  color:var(--klr-muted)!important;
}
body.klr-app--square .analyzer-section-heading>div:first-child>span{
  color:var(--klr-gold-500)!important;
}
body.klr-app--square .chart-panel::before,
body.klr-app--square .mobile-scroll-region::before{
  background:var(--klr-surface-raised)!important;
  color:var(--klr-muted)!important;
}

/* Cashflow & Forecast */
/* FORECAST_TABLE_PARITY_VERSION = "1" */
body.klr-app--forecast .klr-data-refresh{
  margin-bottom:18px;
}
body.klr-app--forecast :is(.dashboard-breakdown-toolbar,.audit-section-toolbar,.overview-section-toolbar,.projection-toolbar,.projection-meta,.builder-section-title){
  background:var(--klr-surface-sticky)!important;
  border-color:var(--klr-line)!important;
}
body.klr-app--forecast :is(.matrix,.overview-table,.audit-table,.projection-table,.builder-table) td{
  background:var(--cashflow-table)!important;
}
body.klr-app--forecast :is(.matrix,.overview-table,.audit-table,.projection-table,.builder-table) tbody tr:hover td{
  background:var(--klr-surface-hover)!important;
}
body.klr-app--forecast .matrix .income-band :is(td,.row-label),
body.klr-app--forecast .overview-section.income-section .reconciliation-summary tbody tr.category-row :is(td,.row-label){
  background:var(--cashflow-income-row)!important;
}
body.klr-app--forecast .matrix .expense-band :is(td,.row-label),
body.klr-app--forecast .overview-section.expense-section .reconciliation-summary tbody tr.category-row :is(td,.row-label){
  background:var(--cashflow-expense-row)!important;
}
body.klr-app--forecast .matrix .section-row td{
  font-size:14px!important;
  line-height:1.5;
}
body.klr-app--forecast .reconciliation-summary .row-label{
  min-width:0!important;
}
body.klr-app--forecast .reconciliation-summary tbody tr.category-row td{
  font-size:14px!important;
  font-weight:500!important;
}
body.klr-app--forecast .reconciliation-summary .category-toggle{
  width:100%;
  gap:8px;
  color:inherit!important;
  font-size:14px!important;
  font-weight:600!important;
  line-height:1.45;
}
body.klr-app--forecast .reconciliation-summary .category-toggle strong{
  color:inherit!important;
  font-size:inherit;
  font-weight:600!important;
}
body.klr-app--forecast .reconciliation-summary .category-toggle .toggle-icon{
  width:18px;
  flex:0 0 18px;
  color:var(--klr-gold-500)!important;
  font-size:16px;
  line-height:1;
}
body.klr-app--forecast .income-section .reconciliation-summary tbody tr.category-row td,
body.klr-app--forecast .income-section .reconciliation-summary .category-toggle strong{
  color:var(--klr-success-text)!important;
}
body.klr-app--forecast .expense-section .reconciliation-summary tbody tr.category-row td,
body.klr-app--forecast .expense-section .reconciliation-summary .category-toggle strong{
  color:var(--klr-danger-text)!important;
}
body.klr-app--forecast .reconciliation-summary tbody tr.vendor-detail-row td,
body.klr-app--forecast .reconciliation-summary tbody tr.vendor-detail-row .row-label{
  background:var(--cashflow-table-alt)!important;
  color:#b7c8d5!important;
  font-size:13px!important;
  font-weight:500!important;
}
body.klr-app--forecast .reconciliation-summary tbody tr.vendor-detail-row .row-label{
  padding-left:42px!important;
}
body.klr-app--forecast .reconciliation-summary tbody tr:is(.category-row,.vendor-detail-row):hover td{
  background:var(--klr-surface-hover)!important;
}
body.klr-app--forecast .overview-section.income-section .reconciliation-summary tfoot th{
  background:var(--cashflow-income-row)!important;
}
body.klr-app--forecast .overview-section.expense-section .reconciliation-summary tfoot th{
  background:var(--cashflow-expense-row)!important;
}
body.klr-app--forecast .reconciliation-summary tfoot th{
  color:var(--klr-gold-300)!important;
  font-size:14px!important;
  font-weight:800!important;
  letter-spacing:0!important;
  text-transform:none;
}

/* FORECAST_PROGRESS_VISUAL_VERSION = "6" */
body.klr-app .forecast-progress{
  --forecast-progress:0%;
  --forecast-progress-label-width:44px;
  --forecast-progress-track-width:168px;
  display:grid;
  grid-template-columns:var(--forecast-progress-label-width) var(--forecast-progress-track-width) minmax(0,1fr);
  align-items:center;
  column-gap:8px;
  width:100%;
  min-width:0;
  margin:0;
  color:var(--klr-ink)!important;
  font-variant-numeric:tabular-nums;
  white-space:nowrap;
}
body.klr-app .forecast-progress-label,
body.klr-app .forecast-progress-status{
  font-size:11px!important;
  font-weight:750!important;
  letter-spacing:0;
  line-height:1.2;
  text-transform:none;
  white-space:nowrap;
}
body.klr-app .forecast-progress-label{
  color:#d0dce5!important;
  text-align:right;
}
body.klr-app .forecast-progress-status{
  min-width:0;
  overflow:hidden;
  text-overflow:ellipsis;
  margin:0;
  justify-self:start;
  padding:0;
  border:0;
  border-radius:0;
  background:transparent!important;
  color:var(--klr-muted)!important;
  text-align:left;
}
body.klr-app .forecast-progress-track{
  position:relative;
  width:var(--forecast-progress-track-width);
  min-width:var(--forecast-progress-track-width);
  height:10px;
  overflow:hidden;
  border:0;
  border-radius:999px;
  background:rgba(185,217,238,.14)!important;
  box-shadow:inset 0 0 0 1px rgba(185,217,238,.16);
}
body.klr-app .forecast-progress-fill{
  display:block;
  width:clamp(0%,var(--forecast-progress),100%);
  height:100%;
  border-radius:inherit;
  background:#5aa8d6!important;
  box-shadow:none;
  transition:width var(--klr-transition);
}
body.klr-app .forecast-progress--remaining .forecast-progress-status{
  color:var(--klr-gold-300)!important;
}
body.klr-app .forecast-progress--complete .forecast-progress-status{
  color:var(--klr-success-text)!important;
}
body.klr-app .forecast-progress--complete .forecast-progress-track{
  background:rgba(105,207,157,.14)!important;
  box-shadow:inset 0 0 0 1px rgba(105,207,157,.18);
}
body.klr-app .forecast-progress--complete .forecast-progress-fill{
  background:#69cf9d!important;
  box-shadow:none;
}
body.klr-app .forecast-progress--over .forecast-progress-status{
  color:var(--klr-danger-text)!important;
}
body.klr-app .forecast-progress--over .forecast-progress-track{
  background:rgba(235,112,106,.14)!important;
  box-shadow:inset 0 0 0 1px rgba(235,112,106,.18);
}
body.klr-app .forecast-progress--over .forecast-progress-fill{
  background:#eb706a!important;
  box-shadow:none;
}
body.klr-app .forecast-progress--favorable .forecast-progress-status{
  color:var(--klr-success-text)!important;
}
body.klr-app .forecast-progress--favorable .forecast-progress-track{
  background:rgba(105,207,157,.14)!important;
  box-shadow:inset 0 0 0 1px rgba(105,207,157,.18);
}
body.klr-app .forecast-progress--favorable .forecast-progress-fill{
  background:#69cf9d!important;
  box-shadow:none;
}
body.klr-app .forecast-progress--unfavorable .forecast-progress-status{
  color:var(--klr-danger-text)!important;
}
body.klr-app .forecast-progress--unfavorable .forecast-progress-track{
  background:rgba(235,112,106,.14)!important;
  box-shadow:inset 0 0 0 1px rgba(235,112,106,.18);
}
body.klr-app .forecast-progress--unfavorable .forecast-progress-fill{
  background:#eb706a!important;
  box-shadow:none;
}
body.klr-app .forecast-progress--no-target .forecast-progress-status{
  color:var(--klr-subtle)!important;
}
body.klr-app .forecast-progress--no-target .forecast-progress-track{
  background:rgba(122,148,166,.10)!important;
  box-shadow:inset 0 0 0 1px rgba(122,148,166,.14);
}
body.klr-app .forecast-progress--no-target .forecast-progress-fill{background:transparent!important;box-shadow:none}
body.klr-app .forecast-progress--tooltip{
  margin-top:12px;
  padding:12px 0 0;
  border:0;
  border-top:1px solid var(--klr-line);
  border-radius:0;
  background:transparent!important;
}
body.klr-app--forecast .reconciliation-summary{
  width:100%!important;
  min-width:0!important;
  table-layout:fixed;
}
/* RECONCILIATION_COLUMN_LAYOUT_VERSION = "2" */
body.klr-app--forecast .reconciliation-summary .reconciliation-category-col{width:20%}
body.klr-app--forecast .reconciliation-summary .reconciliation-progress-col{width:22%}
body.klr-app--forecast .reconciliation-summary .reconciliation-amount-col{width:11.6%}
body.klr-app--forecast .reconciliation-summary :is(th,td){padding-inline:8px!important}
body.klr-app--forecast .reconciliation-summary thead th{
  font-size:9px!important;
  line-height:1.2;
  white-space:normal;
}
body.klr-app--forecast .reconciliation-summary thead :is(th:first-child,.forecast-progress-header){text-align:left!important}
body.klr-app--forecast .reconciliation-summary thead th:nth-child(n+3){text-align:right!important}
body.klr-app--forecast :is(.forecast-progress-header,.forecast-progress-cell){min-width:0!important}
body.klr-app--forecast .forecast-progress-cell{
  padding-top:10px!important;
  padding-bottom:10px!important;
  vertical-align:middle!important;
}
body.klr-app--forecast .vendor-name-text{display:block;color:inherit}
@media(max-width:1100px){
  body.klr-app--forecast .reconciliation-summary .forecast-progress{--forecast-progress-track-width:136px}
}
@media(max-width:900px){
  body.klr-app--forecast .overview-table-fit{overflow:visible}
  body.klr-app--forecast .reconciliation-summary,
  body.klr-app--forecast .reconciliation-summary :is(tbody,tfoot){display:block;width:100%}
  body.klr-app--forecast .reconciliation-summary :is(colgroup,thead){display:none}
  body.klr-app--forecast .reconciliation-summary tr{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    width:100%;
  }
  body.klr-app--forecast .reconciliation-summary tr[hidden]{display:none!important}
  body.klr-app--forecast .reconciliation-summary :is(td,th){
    position:static!important;
    min-width:0!important;
    padding:9px 12px!important;
  }
  body.klr-app--forecast .reconciliation-summary :is(.row-label,.forecast-progress-cell){grid-column:1/-1}
  body.klr-app--forecast .reconciliation-summary .forecast-progress-cell{
    display:flex;
    align-items:center;
    justify-content:center;
  }
  body.klr-app--forecast .reconciliation-summary .forecast-progress{
    grid-template-columns:max-content minmax(0,1fr) max-content;
    column-gap:10px;
    width:100%;
    max-width:640px;
    margin-inline:auto;
  }
  body.klr-app--forecast .reconciliation-summary .forecast-progress-track{width:100%;min-width:0}
  body.klr-app--forecast .reconciliation-summary :is(td,th)[data-label]{
    display:grid;
    grid-template-columns:minmax(0,1fr) auto;
    align-items:center;
    gap:8px;
    text-align:right!important;
  }
  body.klr-app--forecast .reconciliation-summary :is(td,th)[data-label]::before{
    content:attr(data-label);
    color:var(--klr-muted)!important;
    font-size:8.5px;
    font-weight:750;
    letter-spacing:.025em;
    text-align:left;
    text-transform:uppercase;
  }
  body.klr-app--forecast .reconciliation-summary .outlook-cell{grid-column:1/-1}
  body.klr-app--forecast .reconciliation-summary .vendor-detail-row .row-label{padding-left:24px!important}
  body.klr-app--forecast .reconciliation-summary .vendor-detail-row .forecast-progress-cell--empty{display:none!important}
}
@media(max-width:420px){
  body.klr-app .forecast-progress--tooltip{
    --forecast-progress-label-width:38px;
    --forecast-progress-track-width:96px;
    grid-template-columns:var(--forecast-progress-label-width) var(--forecast-progress-track-width) minmax(0,1fr);
    column-gap:6px;
  }
  body.klr-app .forecast-progress--tooltip .forecast-progress-label,
  body.klr-app .forecast-progress--tooltip .forecast-progress-status{font-size:8.5px!important}
}

/* Operations */
body.klr-app--operations .topbar{
  display:flex;
  justify-content:space-between;
}
body.klr-app--operations .quick-card{
  background:linear-gradient(105deg,rgba(52,132,186,.15),rgba(16,40,60,.95))!important;
}
body.klr-app--operations .summary-grid{
  grid-template-columns:repeat(auto-fit,minmax(108px,1fr));
  gap:8px;
}
body.klr-app--operations :is(.filters,.value-panel,.work-card,.task-bucket,.mini-row,.history-row,.tool-option,.weekday-option){
  border-color:var(--klr-line)!important;
}
body.klr-app--operations :is(.task-bucket,.mini-row,.history-row,.tool-option,.weekday-option,.value-row){
  background:var(--klr-surface-panel)!important;
  color:var(--klr-ink)!important;
}
body.klr-app--operations .work-card:hover{background:var(--klr-surface-raised)!important}
body.klr-app--operations .dialog-actions{
  border-top:1px solid var(--klr-line)!important;
}
body.klr-app--operations .notice{
  border-color:#2d6187!important;
  background:#102a43!important;
  color:var(--klr-blue-100)!important;
}

/* Responsive suite behavior */
@media(max-width:1100px){
  body.klr-app--portal .app-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  body.klr-app :is(.page-header,.topbar){flex-wrap:wrap}
}
@media(max-width:760px){
  :root{
    --klr-control:44px;
    --klr-control-compact:40px;
    --safe-top:env(safe-area-inset-top,0px);
    --safe-bottom:env(safe-area-inset-bottom,0px);
  }
  body.klr-app .suite-app-shell,
  html.suite-sidebar-collapsed body.klr-app .suite-app-shell{
    display:block!important;
    min-height:100vh;
  }
  body.klr-app .suite-sidebar{
    position:fixed!important;
    inset:0 auto 0 0!important;
    width:min(288px,86vw)!important;
    height:100dvh!important;
    padding:calc(14px + var(--safe-top)) 14px calc(14px + var(--safe-bottom))!important;
    transform:translateX(-102%);
    transition:transform 180ms ease;
    box-shadow:16px 0 40px rgba(1,10,18,.54)!important;
  }
  html.suite-mobile-nav-open body.klr-app .suite-sidebar{transform:translateX(0)}
  body.klr-app .suite-nav .suite-nav-link{
    min-height:44px!important;
    padding:8px 10px!important;
    font-size:13px!important;
  }
  body.klr-app .suite-nav-icon{
    width:28px!important;
    height:28px!important;
    flex-basis:28px!important;
  }
  body.klr-app .mobile-suite-bar{
    position:sticky!important;
    top:0;
    z-index:60;
    min-height:calc(58px + var(--safe-top));
    display:flex!important;
    align-items:center;
    gap:11px;
    padding:calc(8px + var(--safe-top)) 12px 8px!important;
    border:0!important;
    border-bottom:1px solid var(--klr-line)!important;
    background:rgba(7,23,39,.97)!important;
    box-shadow:0 8px 24px rgba(1,10,18,.28)!important;
    backdrop-filter:blur(12px);
  }
  body.klr-app .mobile-suite-toggle,
  body.klr-app .mobile-sidebar-close{
    width:42px!important;
    height:42px!important;
    min-height:42px!important;
    border:1px solid #365b78!important;
    border-radius:10px!important;
    background:#10283c!important;
    color:#fff!important;
  }
  body.klr-app .mobile-suite-title strong{
    color:var(--klr-cream)!important;
    font-size:14px!important;
  }
  body.klr-app .mobile-suite-title small{
    color:#8faabd!important;
    font-size:9.5px!important;
  }
  body.klr-app .suite-sidebar-scrim{background:rgba(2,10,18,.70)!important}
  body.klr-app .suite-content{
    max-width:100%;
    padding:14px 10px calc(28px + var(--safe-bottom))!important;
  }
  body.klr-app :is(.page-header,.topbar){
    display:block;
    margin-bottom:14px;
  }
  body.klr-app :is(.page-header,.topbar) h1{
    font-size:23px!important;
  }
  body.klr-app :is(.page-header,.topbar) p{
    font-size:12px;
  }
  body.klr-app :is(input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]):not([type="file"]),select,textarea){
    font-size:16px!important;
  }
  body.klr-app :is(input[type="checkbox"],input[type="radio"]){
    width:20px;
    height:20px;
  }
  body.klr-app :is(.toolbar,.filters,.analyzer-dashboard-controls,.klr-data-refresh){
    padding:10px!important;
  }
  body.klr-app :is(.card,.panel,.report-card,.work-card,.connection-card){
    min-width:0;
    border-radius:10px!important;
  }
  body.klr-app .mobile-card-table tbody>tr{
    background:var(--klr-surface-panel)!important;
    border-color:var(--klr-line)!important;
    box-shadow:var(--klr-shadow-card)!important;
  }
  body.klr-app .mobile-card-table tbody>tr>td{
    border-color:rgba(185,217,238,.10)!important;
  }
  body.klr-app .mobile-card-table tbody>tr>td::before{
    color:var(--klr-muted)!important;
  }
  body.klr-app--portal>.topbar{
    min-height:calc(62px + var(--safe-top));
    padding:calc(8px + var(--safe-top)) 14px 8px;
  }
  body.klr-app--portal .portal-shell{
    padding:30px 14px calc(28px + var(--safe-bottom));
  }
  body.klr-app--portal .hero h1{font-size:clamp(31px,10vw,42px)!important}
  body.klr-app--portal .app-grid{grid-template-columns:1fr}
  body.klr-app--portal .app-card{
    min-height:0;
    padding:18px;
  }
  body.klr-app--portal .connections-section{padding:16px}
  body.klr-app--login .login-card{padding:27px 20px}
  body.klr-app--operations .topbar .top-actions{
    width:100%;
    margin-top:12px;
  }
  body.klr-app--operations .topbar .top-actions .btn{
    flex:1 1 auto;
  }
  body.klr-app--operations .summary-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
  body.klr-app--operations .summary-card{min-height:68px!important}
  body.klr-app--square .page-header{display:block}
}
@media(max-width:420px){
  body.klr-app .suite-content{padding-left:8px!important;padding-right:8px!important}
  body.klr-app--operations .summary-grid{gap:7px}
  body.klr-app--portal .app-card{grid-template-columns:48px minmax(0,1fr)}
}

/* Motion is supportive, never required. */
@media(prefers-reduced-motion:reduce){
  body.klr-app *,
  body.klr-app *::before,
  body.klr-app *::after{
    scroll-behavior:auto!important;
    transition-duration:.01ms!important;
    animation-duration:.01ms!important;
    animation-iteration-count:1!important;
  }
}


/* Shared line icons replace app-specific letter abbreviations while retaining the
 * original text as a no-CSS fallback. */
body.klr-app .suite-nav-icon[data-icon]{
  font-size:0!important;
}
body.klr-app .suite-nav-icon[data-icon]::before{
  content:"";
  width:15px;
  height:15px;
  display:block;
  background:currentColor;
  -webkit-mask:var(--klr-nav-icon) center/contain no-repeat;
  mask:var(--klr-nav-icon) center/contain no-repeat;
}
body.klr-app .suite-nav-icon[data-icon="home"]{--klr-nav-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 11 12 3l9 8'/%3E%3Cpath d='M5 10v10h14V10M9 20v-6h6v6'/%3E%3C/svg%3E")}
body.klr-app .suite-nav-icon[data-icon="square"]{--klr-nav-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='3' width='7' height='7' rx='2'/%3E%3Crect x='14' y='3' width='7' height='7' rx='2'/%3E%3Crect x='3' y='14' width='7' height='7' rx='2'/%3E%3Crect x='14' y='14' width='7' height='7' rx='2'/%3E%3C/svg%3E")}
body.klr-app .suite-nav-icon[data-icon="dashboard"]{--klr-nav-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='3' width='18' height='6' rx='2'/%3E%3Crect x='3' y='13' width='8' height='8' rx='2'/%3E%3Crect x='15' y='13' width='6' height='8' rx='2'/%3E%3C/svg%3E")}
body.klr-app .suite-nav-icon[data-icon="forecast"]{--klr-nav-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m3 17 6-6 4 4 8-8'/%3E%3Cpath d='M15 7h6v6'/%3E%3C/svg%3E")}
body.klr-app .suite-nav-icon[data-icon="receipt"]{--klr-nav-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 2l2 2 2-2 2 2 2-2 2 2 2-2v20l-2-2-2 2-2-2-2 2-2-2-2 2V2Z'/%3E%3Cpath d='M9 9h6M9 13h6M9 17h3'/%3E%3C/svg%3E")}
body.klr-app .suite-nav-icon[data-icon="deposits"]{--klr-nav-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='2' y='6' width='20' height='12' rx='2'/%3E%3Ccircle cx='12' cy='12' r='2.5'/%3E%3Cpath d='M6 9H4v2M18 15h2v-2'/%3E%3C/svg%3E")}
body.klr-app .suite-nav-icon[data-icon="analytics"]{--klr-nav-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 19V9M10 19V5M16 19v-7M22 19H2'/%3E%3C/svg%3E")}
body.klr-app .suite-nav-icon[data-icon="mapping"]{--klr-nav-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='6' cy='6' r='3'/%3E%3Ccircle cx='18' cy='18' r='3'/%3E%3Cpath d='M8 8l8 8M15 6h3v3M6 15v3h3'/%3E%3C/svg%3E")}
body.klr-app .suite-nav-icon[data-icon="database"]{--klr-nav-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cellipse cx='12' cy='5' rx='8' ry='3'/%3E%3Cpath d='M4 5v6c0 1.7 3.6 3 8 3s8-1.3 8-3V5M4 11v6c0 1.7 3.6 3 8 3s8-1.3 8-3v-6'/%3E%3C/svg%3E")}
body.klr-app .suite-nav-icon[data-icon="settings"]{--klr-nav-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 6h7M15 6h5M4 12h3M11 12h9M4 18h9M17 18h3'/%3E%3Ccircle cx='13' cy='6' r='2'/%3E%3Ccircle cx='9' cy='12' r='2'/%3E%3Ccircle cx='15' cy='18' r='2'/%3E%3C/svg%3E")}
body.klr-app .suite-nav-icon[data-icon="connections"]{--klr-nav-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9 8V3M15 8V3M7 8h10v3a5 5 0 0 1-5 5v5M9 21h6'/%3E%3C/svg%3E")}
body.klr-app .suite-nav-icon[data-icon="logout"]{--klr-nav-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M10 5H5v14h5M14 8l4 4-4 4M18 12H9'/%3E%3C/svg%3E")}
body.klr-app .suite-nav-icon[data-icon="reconcile"]{--klr-nav-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3v18M5 7h14M7 7l-4 7h8L7 7ZM17 7l-4 7h8l-4-7ZM8 21h8'/%3E%3C/svg%3E")}
body.klr-app .suite-nav-icon[data-icon="audit"]{--klr-nav-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9 4h6l1 2h3v15H5V6h3l1-2Z'/%3E%3Cpath d='m8 14 2 2 5-5'/%3E%3C/svg%3E")}
body.klr-app .suite-nav-icon[data-icon="builder"]{--klr-nav-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m12 3 9 5-9 5-9-5 9-5ZM3 12l9 5 9-5M3 16l9 5 9-5'/%3E%3C/svg%3E")}
body.klr-app .suite-nav-icon[data-icon="today"]{--klr-nav-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='5' width='18' height='16' rx='2'/%3E%3Cpath d='M8 3v4M16 3v4M3 10h18M8 15l2 2 5-5'/%3E%3C/svg%3E")}
body.klr-app .suite-nav-icon[data-icon="tasks"]{--klr-nav-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m4 6 2 2 3-4M11 6h9M4 13l2 2 3-4M11 13h9M4 20l2 2 3-4M11 20h9'/%3E%3C/svg%3E")}
body.klr-app .suite-nav-icon[data-icon="schedule"]{--klr-nav-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='5' width='18' height='16' rx='2'/%3E%3Cpath d='M8 3v4M16 3v4M3 10h18M7 14h3M14 14h3M7 18h3'/%3E%3C/svg%3E")}
body.klr-app .suite-nav-icon[data-icon="shopping"]{--klr-nav-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='9' cy='20' r='1'/%3E%3Ccircle cx='19' cy='20' r='1'/%3E%3Cpath d='M3 4h2l2.5 11h11L21 8H7'/%3E%3C/svg%3E")}
body.klr-app .suite-nav-icon[data-icon="values"]{--klr-nav-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 13 13 20 4 11V4h7l9 9Z'/%3E%3Ccircle cx='8.5' cy='8.5' r='1.5'/%3E%3C/svg%3E")}