@font-face {
    font-family: "Inter";
    src: url("/_content/Triamera.UI/fonts/inter/Inter-VariableFont_opsz,wght.ttf") format("truetype");
    font-style: normal;
    font-weight: 100 900;
    font-display: swap;
}

@font-face {
    font-family: "Inter";
    src: url("/_content/Triamera.UI/fonts/inter/Inter-Italic-VariableFont_opsz,wght.ttf") format("truetype");
    font-style: italic;
    font-weight: 100 900;
    font-display: swap;
}

:root {
    --tbp-dialog-width: 760px;
    --tbp-dialog-font-size: 14px;
    --tbp-dialog-backdrop: rgba(0, 0, 0, .4);
    color-scheme: light;
    --tbp-splash-font-family: "Inter", "Segoe UI", Arial, sans-serif;
    --tbp-splash-background: #ffffff;
    --tbp-splash-text-muted: #4d5b73;
    --tbp-splash-logo-size: 118px;
    --tbp-splash-logo-size-mobile: 96px;
    --tbp-splash-content-width: 260px;
    --tbp-splash-bg-left-width: min(58vw, 720px);
    --tbp-splash-bg-right-width: min(68vw, 1132px);
    --tbp-splash-bg-left-width-mobile: 92vw;
    --tbp-splash-bg-right-width-mobile: 110vw;
    --tbp-splash-progress-height: 6px;
    --tbp-splash-progress-track-background: #dfe7f3;
    --tbp-splash-progress-indicator-background: #2f6fed;
    --tbp-splash-progress-animation-duration: 1.15s;
    --tbp-login-font-family: "Inter", "Segoe UI", Arial, sans-serif;
    --tbp-login-background: #ffffff;
    --tbp-login-panel-background: #ffffff;
    --tbp-login-panel-border: #d4d4d8;
    --tbp-login-panel-shadow: 0 12px 34px rgba(24, 34, 52, .12);
    --tbp-login-panel-padding: 22px 24px;
    --tbp-login-header-gap: 7px;
    --tbp-login-form-gap: 12px;
    --tbp-login-label-gap: 6px;
    --tbp-login-text-primary: #09090b;
    --tbp-login-text-muted: #71717a;
    --tbp-login-label: #09090b;
    --tbp-login-title-font-size: 20px;
    --tbp-login-title-font-weight: 600;
    --tbp-login-summary-font-size: 12px;
    --tbp-login-label-font-size: 12px;
    --tbp-login-button-font-size: 14px;
    --tbp-login-control-height: 32px;
    --tbp-login-control-padding-x: 12px;
    --tbp-login-control-background: #ffffff;
    --tbp-login-control-border: #d4d4d8;
    --tbp-login-control-focus: #22c55e;
    --tbp-login-button-background: #2563eb;
    --tbp-login-button-border: #2563eb;
    --tbp-login-button-text: #ffffff;
    --tbp-login-submit-margin-top: 18px;
    --tbp-login-button-height: 36px;
    --tbp-login-radius-panel: 8px;
    --tbp-login-radius-control: 6px;
    --tbp-login-logo-size: 72px;
    --tbp-login-logo-margin-bottom: 16px;
    --tbp-login-panel-width: 310px;
    --tbp-login-bg-left-width: min(58vw, 720px);
    --tbp-login-bg-right-width: min(68vw, 1132px);
    --tbp-login-bg-left-width-mobile: 92vw;
    --tbp-login-bg-right-width-mobile: 110vw;
    --tbp-message-box-backdrop-background: rgba(17, 24, 39, .12);
    --tbp-message-box-backdrop-blur: 2px;
    --tbp-message-box-background: #ffffff;
    --tbp-message-box-border: #bfc4cc;
    --tbp-message-box-shadow: 0 12px 34px rgba(24, 34, 52, .14);
    --tbp-message-box-radius: 8px;
    --tbp-message-box-width: 340px;
    --tbp-message-box-padding: 14px 16px;
    --tbp-message-box-title-color: #111827;
    --tbp-message-box-title-font-size: 14px;
    --tbp-message-box-title-font-weight: 600;
    --tbp-message-box-message-color: #71717a;
    --tbp-message-box-message-font-size: 12px;
    --tbp-message-box-actions-background: #f4f4f5;
    --tbp-message-box-actions-border: #e4e4e7;
    --tbp-message-box-actions-padding: 12px 16px;
    --tbp-message-box-button-height: 28px;
    --tbp-message-box-button-padding-x: 10px;
    --tbp-message-box-button-font-size: 12px;
    --tbp-message-box-button-font-weight: 600;
    --tbp-message-box-button-radius: 6px;
    --tbp-message-box-primary-background: #09090b;
    --tbp-message-box-primary-border: #09090b;
    --tbp-message-box-primary-text: #ffffff;
    --tbp-message-box-secondary-background: #ffffff;
    --tbp-message-box-secondary-border: #d4d4d8;
    --tbp-message-box-secondary-text: #18181b;
    --tbp-dashboard-font-family: "Inter", "Segoe UI", Arial, sans-serif;
    --tbp-dashboard-display-font-family: "Poppins", "Inter", "Segoe UI", Arial, sans-serif;
    --tbp-dashboard-background: #f4f4f5;
    --tbp-dashboard-sidebar-background: #e7e7e8;
    --tbp-dashboard-panel-background: #ffffff;
    --tbp-dashboard-topbar-background: rgba(255, 255, 255, .72);
    --tbp-dashboard-topbar-border: rgba(212, 212, 216, .72);
    --tbp-dashboard-topbar-blur: 14px;
    --tbp-dashboard-topbar-shadow: 0 1px 0 rgba(255, 255, 255, .45) inset;
    --tbp-dashboard-soft-background: #fafafa;
    --tbp-dashboard-border: #e4e4e7;
    --tbp-dashboard-soft-border: #f1f1f3;
    --tbp-dashboard-panel-shadow: 0 1px 2px rgba(24, 34, 52, .04);
    --tbp-dashboard-text-primary: #09090b;
    --tbp-dashboard-text-muted: #71717a;
    --tbp-dashboard-accent: #2563eb;
    --tbp-shortcut-key-min-width: 30px;
    --tbp-shortcut-key-height: 30px;
    --tbp-shortcut-key-border: #d4d4d8;
    --tbp-shortcut-key-background: #fafafa;
    --tbp-shortcut-key-text: #27272a;
    --tbp-shortcut-key-radius: 5px;
    --tbp-shortcut-key-font-size: 12px;
    --tbp-focus-color: #16845b;
    --tbp-focus-width: 1px;
    --tbp-focus-offset: -1px;
    --tbp-dashboard-sidebar-width: 228px;
    --tbp-dashboard-sidebar-collapsed-width: 46px;
    --tbp-dashboard-content-padding: 18px;
    --tbp-dashboard-content-padding-mobile: 14px;
    --tbp-dashboard-nav-text: #71717a;
    --tbp-dashboard-nav-icon-text: #71717a;
    --tbp-dashboard-nav-icon-background: transparent;
    --tbp-dashboard-nav-active-text: #18181b;
    --tbp-dashboard-nav-active-background: #d7e1fb;
    --tbp-dashboard-nav-active-border: #d7e1fb;
    --tbp-dashboard-nav-hover-background: #eceef2;
    --tbp-dashboard-sidebar-submenu-line: #c9c9cf;
    --tbp-badge-success-background: #dcfce7;
    --tbp-badge-success-border: #bbf7d0;
    --tbp-badge-success-text: #15803d;
    --tbp-badge-counter-background: #18181b;
    --tbp-badge-counter-border: #ffffff;
    --tbp-badge-counter-text: #ffffff;
    --tbp-tooltip-background: #09090b;
    --tbp-tooltip-z-index: 10000;
    --tbp-tooltip-text: #ffffff;
    --tbp-tooltip-font-size: 10px;
    --tbp-tooltip-font-weight: 500;
    --tbp-tooltip-shadow: 0 8px 20px rgba(15, 23, 42, .16);
    --tbp-hover-card-background: #ffffff;
    --tbp-hover-card-border: #d4d4d8;
    --tbp-hover-card-text: #18181b;
    --tbp-hover-card-muted-text: #71717a;
    --tbp-hover-card-shadow: 0 14px 30px rgba(15, 23, 42, .14);
    --tbp-hover-card-radius: 8px;
    --tbp-hover-card-padding: 12px;
    --tbp-hover-card-min-width: 220px;
    --tbp-hover-card-max-width: 340px;
    --tbp-hover-card-gap: 8px;
    --tbp-hover-card-z-index: 90;
    --tbp-dashboard-widget-grid-background: #eeeeef;
    --tbp-dashboard-widget-grid-cell-background: #f8fafc;
    --tbp-dashboard-widget-grid-cell-border: #e1e5eb;
    --tbp-dashboard-widget-grid-cell-shadow: inset 0 0 0 1px rgba(255, 255, 255, .42);
    --tbp-dashboard-widget-cell-width: 260px;
    --tbp-dashboard-widget-cell-height: 180px;
    --tbp-dashboard-widget-gap: 12px;
    --tbp-dashboard-widget-content-padding: 12px 14px;
    --tbp-dashboard-button-background: #ffffff;
    --tbp-dashboard-button-border: #d4d4d8;
    --tbp-dashboard-button-text: #18181b;
    --tbp-dashboard-form-font-size: 12px;
    --tbp-dashboard-form-label-font-size: 12px;
    --tbp-dashboard-form-line-height: 1.25;
    --tbp-dashboard-form-error: #dc2626;
    --tbp-dashboard-form-error-border: #ef4444;
    --tbp-dashboard-form-error-background: #fef2f2;
    --tbp-dashboard-form-error-ring: rgba(239, 68, 68, .10);
    --tbp-form-error-font-size: 11px;
    --tbp-dashboard-combobox-font-size: 11px;
    --tbp-dashboard-combobox-panel-shadow: 0 1px 4px rgba(15, 23, 42, .06);
    --tbp-button-danger-background: #dc2626;
    --tbp-button-danger-hover-background: #b91c1c;
    --tbp-button-danger-text: #ffffff;
    --tbp-button-danger-focus-ring: #991b1b;
    --tbp-button-height-compact: 28px;
    --tbp-button-height-small: 30px;
    --tbp-button-height-regular: 34px;
    --tbp-button-icon-size: 28px;
    --tbp-button-padding-x-compact: 10px;
    --tbp-button-padding-x-small: 12px;
    --tbp-button-padding-x-regular: 14px;
    --tbp-button-page-action-height: 28px;
    --tbp-button-page-action-padding-x: 11px;
    --tbp-button-page-action-font-size: 11px;
    --tbp-button-compact-font-size: 11px;
    --tbp-button-small-font-size: 12px;
    --tbp-button-regular-font-size: 12px;
    --tbp-button-compact-density-height: 22px;
    --tbp-button-compact-density-padding-x: 7px;
    --tbp-button-compact-density-font-size: 10px;
    --tbp-button-font-weight: 500;
    --tbp-button-line-height: 1rem;
    --tbp-button-gap: 6px;
    --tbp-dashboard-topbar-height: 48px;
    --tbp-dashboard-content-max-width: none;
    --tbp-dashboard-radius: 4px;
    --tbp-dashboard-sidebar-font-size: .75rem;
    --tbp-dashboard-sidebar-line-height: 1rem;
    --tbp-dashboard-sidebar-font-weight: 400;
    --tbp-dashboard-sidebar-active-font-weight: 500;
    --tbp-dropdown-header-font-size: var(--tbp-dashboard-form-font-size);
    --tbp-dropdown-header-line-height: var(--tbp-dashboard-sidebar-line-height);
    --tbp-dropdown-caption-font-size: var(--tbp-dashboard-combobox-font-size);
    --tbp-dropdown-caption-line-height: .875rem;
    --tbp-dropdown-item-font-size: var(--tbp-dashboard-form-font-size);
    --tbp-dropdown-item-line-height: var(--tbp-dashboard-sidebar-line-height);
    --tbp-dropdown-icon-font-size: 14px;
    --tbp-dropdown-item-hover-background: var(--tbp-dashboard-nav-active-background);
    --tbp-dropdown-item-hover-text: var(--tbp-dashboard-nav-active-text);
    --tbp-dashboard-text-soft: #52525b;
    --tbp-dashboard-accent-soft: #eff6ff;
    --tbp-dashboard-accent-border: #c7d2fe;
    --tbp-dashboard-blue: #2563eb;
    --tbp-dashboard-blue-soft: #60a5fa;
    --tbp-dashboard-green: #22c55e;
    --tbp-dashboard-amber: #f59e0b;
    --tbp-toast-width: 420px;
    --tbp-toast-offset-bottom: 16px;
    --tbp-toast-offset-right: 16px;
    --tbp-toast-stack-gap: 8px;
    --tbp-toast-background: #ffffff;
    --tbp-toast-border: #d4d4d8;
    --tbp-toast-shadow: 0 2px 8px rgba(15, 23, 42, .08);
    --tbp-toast-font-size: 12px;
    --tbp-toast-title-font-size: 12px;
    --tbp-toast-message-lines: 2;
    --tbp-data-grid-background: #ffffff;
    --tbp-log-file-name-column-width: 220px;
    --tbp-log-file-size-column-width: 90px;
    --tbp-log-file-date-column-width: 200px;
    --tbp-log-file-download-column-width: 74px;
    --tbp-data-grid-header-background: #fafafa;
    --tbp-data-grid-column-border: #f1f1f3;
    --tbp-data-grid-row-hover-background: #f8fafc;
    --tbp-data-grid-selected-background: #eef4ff;
    --tbp-data-grid-expanded-background: #fbfbfc;
    --tbp-data-grid-relation-background: #ffffff;
    --tbp-data-grid-editing-background: #f0fdf4;
    --tbp-data-grid-font-size: 11px;
    --tbp-data-grid-header-font-size: 10px;
    --tbp-data-grid-relation-title-font-size: 11px;
    --tbp-data-grid-state-font-size: 11px;
    --tbp-data-grid-cell-padding-y: 3px;
    --tbp-data-grid-cell-padding-x: 12px;
    --tbp-data-grid-header-height: 26px;
    --tbp-data-grid-header-action-icon-size: 22px;
    --tbp-data-grid-action-size: 22px;
    --tbp-data-grid-action-icon-size: 17px;
    --tbp-pagination-background: #ffffff;
    --tbp-pagination-border: #f1f1f3;
    --tbp-pagination-text: #71717a;
    --tbp-pagination-control-text: #52525b;
    --tbp-pagination-control-background: #ffffff;
    --tbp-pagination-control-border: #e4e4e7;
    --tbp-data-grid-scrollbar-size: 7px;
    --tbp-data-grid-scrollbar-gap: 6px;
    --tbp-data-grid-scrollbar-thumb: #cfd4dc;
    --tbp-data-grid-scrollbar-thumb-hover: #b8c0cc;
    --tbp-data-grid-scrollbar-track: transparent;
    --tbp-card-note-text: #afb0b5;
    --tbp-card-note-margin-top: 16px;
    --tbp-card-note-font-size: 10px;
    --tbp-form-mode-create-border: var(--tbp-badge-success-background, #dcfce7);
    --tbp-form-mode-create-accent: #22c55e;
    --tbp-form-mode-create-shadow: 0 0 0 2px rgba(34, 197, 94, .10);
    --tbp-form-mode-edit-border: #dbeafe;
    --tbp-form-mode-edit-accent: #2563eb;
    --tbp-form-mode-edit-shadow: 0 0 0 2px rgba(37, 99, 235, .10);
    --tbp-form-mode-view-border: #fef3c7;
    --tbp-form-mode-view-accent: #f59e0b;
    --tbp-form-mode-view-shadow: 0 0 0 2px rgba(245, 158, 11, .10);
    --tbp-dashboard-violet: #8b5cf6;
    --tbp-dashboard-danger: #ef4444;
}
