@import url("https://api.fontshare.com/v2/css?f[]=general-sans@400,500,600,700&display=swap");
/*
 * Defines the shared Baukosten-Cockpit typography and visual design tokens used by the authenticated application and generated Help.
 */
/* Design tokens: single source of truth for all colors */
:root {
  /* Core palette */
  --color-page-bg: #F4FAFC;
  --color-surface: #FFFFFF;
  --color-surface-soft: #FAFBFC;
  --color-border: #E3ECF3;
  --color-border-soft: #D1DEE6;
  --color-text: #060F2B;
  --color-text-secondary: #5F657A;
  --color-text-muted: #8B93A3;

  /* Brand and interaction */
  --color-primary: #1686a7;
  --color-primary-hover: #0f6f8d;
  --color-primary-dark: #0a4f64;
  --color-on-primary: #FFFFFF;
  --color-secondary-bg: #e7f6f9;
  --color-secondary-border: #c7e7ef;
  --color-secondary-text: #060F2B;
  --color-light-blue: #D1EAF2;
  --color-outline-bg: #FFFFFF;
  --color-outline-border: #E3ECF3;
  --color-outline-text: #060F2B;
  --color-focus: #41A2C2;

  /* Navigation */
  --color-nav-bg: #FFFFFF;
  --color-nav-text: #5F657A;
  --color-nav-active-bg: #E6F3F8;
  --color-nav-active-text: #0a4f64;
  --color-nav-active-icon: #41A2C2;
  --color-nav-danger-bg: #FFF3F3;
  --color-nav-danger-border: #FFD6D6;
  --color-nav-danger-text: #B43A3A;

  /* Tables */
  --color-table-bg: #FAFBFC;
  --color-table-row-bg: #FAFBFC;
  --color-table-row-alt-bg: #FAFBFC;
  --color-table-header-bg: #D1DEE6;
  --color-table-header-text: #060F2B;
  --color-table-border: #FFFFFF;
  --color-table-outline: transparent;
  --color-table-divider: transparent;
  --color-table-group-bg: #FAFBFC;
  --color-table-detail-bg: #FAFBFC;

  /* Status */
  --color-success: #4E9F96;
  --color-success-strong: #2F8179;
  --color-success-soft: #C8ECDD;
  --color-warning: #B8752E;
  --color-warning-text: #A66722;
  --color-warning-strong: #8F5A1F;
  --color-warning-soft: #FDE9D2;
  --color-orange: #FACDA6;
  --color-danger: #B43A3A;
  --color-danger-hover: #8F2424;
  --color-danger-soft: #FFF3F3;
  --color-danger-border: #FFD6D6;
  --color-danger-strong: #7f1d1d;

  /* Charts */
  --color-chart-blue: #42A0C5;
  --color-chart-teal: #3699BB;
  --color-chart-mint: #65B6AE;
  --color-chart-mint-soft: #C8ECDD;
  --color-chart-orange: #FACDA6;
  --color-chart-purple: #7F86CA;
  --color-chart-lavender: #D0CFF0;
  --color-chart-track: #E3ECF3;
  --color-chart-axis: #D1DEE6;

  /* Utility colors */
  --color-white: #FFFFFF;
  --color-black: #000000;
  --color-transparent: transparent;
  --color-tooltip-bg: #060F2B;
  --color-disabled-bg: #E9EEF2;
  --color-disabled-border: #D1DEE6;
  --color-disabled-text: #8B93A3;

  /* RGB channels for alpha colors */
  --rgb-text: 6, 15, 43;
  --rgb-primary: 22, 134, 167;
  --rgb-primary-dark: 10, 79, 100;
  --rgb-focus: 65, 162, 194;
  --rgb-success: 78, 159, 150;
  --rgb-chart-mint: 101, 182, 174;
  --rgb-danger: 180, 58, 58;
  --rgb-border: 227, 236, 243;
  --rgb-border-soft: 209, 222, 230;
  --rgb-surface: 255, 255, 255;
  --rgb-page-bg: 244, 250, 252;
  --rgb-black: 0, 0, 0;
  --rgb-shadow: 25, 40, 72;

  /* Local Bootstrap SVG data URIs for native controls */
  --icon-chevron-down: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20width%3D%2716%27%20height%3D%2716%27%20viewBox%3D%270%200%2016%2016%27%3E%3Cpath%20fill%3D%27%235F657A%27%20fill-rule%3D%27evenodd%27%20d%3D%27M1.646%204.646a.5.5%200%200%201%20.708%200L8%2010.293l5.646-5.647a.5.5%200%200%201%20.708.708l-6%206a.5.5%200%200%201-.708%200l-6-6a.5.5%200%200%201%200-.708%27%2F%3E%3C%2Fsvg%3E");
  --icon-calendar: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20width%3D%2716%27%20height%3D%2716%27%20viewBox%3D%270%200%2016%2016%27%3E%3Cpath%20fill%3D%27%235F657A%27%20d%3D%27M3.5%200a.5.5%200%200%201%20.5.5V1h8V.5a.5.5%200%200%201%201%200V1h1a2%202%200%200%201%202%202v11a2%202%200%200%201-2%202H2a2%202%200%200%201-2-2V3a2%202%200%200%201%202-2h1V.5a.5.5%200%200%201%20.5-.5M1%204v10a1%201%200%200%200%201%201h12a1%201%200%200%200%201-1V4z%27%2F%3E%3C%2Fsvg%3E");

  /* Shared aliases used throughout the CSS */
  --bg: var(--color-page-bg);
  --panel: var(--color-surface);
  --ink: var(--color-text);
  --muted: var(--color-text-secondary);
  --line: var(--color-border);
  --line2: var(--color-table-border);
  --nav: var(--color-nav-bg);
  /* nav background alias; do not use for tables */
  --blue: var(--color-primary);
  --blue-soft: var(--color-secondary-bg);
  --blue-soft-border: var(--color-secondary-border);
  --green: var(--color-success);
  --orange: var(--color-warning);
  --red: var(--color-danger);
  --violet: var(--color-chart-purple);
  --danger-soft: var(--color-danger-soft);
  --danger-border: var(--color-danger-border);
  --shadow: 0 16px 42px rgba(var(--rgb-text), .08);
  --shadow-primary: 0 10px 18px rgba(var(--rgb-primary), .18);
  --radius: 22px;

  /* Layout tokens */
  --sidebar-width: 270px;
  --sidebar-collapsed-width: 88px;
  --mobile-shell-breakpoint: 980px;

  /* Typography tokens */
  --font-size-table: 13px;
  --font-size-table-header: 12px;
  --font-size-table-cell: 13px;
  --font-size-table-badge: 13px;
  --font-size-table-group: 13px;
  --font-size-table-emphasis: 15px;
  --font-size-table-inline: 13px;
  --font-size-table-delta: 13px;
  --font-size-table-sort-icon: 13px;
  --line-height-table: 1.4;
  --line-height-table-header: 1.35;
  --line-height-table-compact: 1.25;
  --font-weight-table: 400;
  --font-weight-table-header: 700;
}