/* Generated by scripts/compile-brand-styles.mjs — edit the SCSS source, not this file. */
@import url("https://fonts.googleapis.com/css2?family=Outfit:wght@400;500;600;700;800&display=swap");
:root {
  color-scheme: light;
  --c-primary-100: #e0f5ef;
  --c-primary-200: #a8e6d8;
  --c-primary-300: #5ccbb6;
  --c-primary-400: #2bb89a;
  --c-primary-500: #00a385;
  --c-primary-700: #007a64;
  --c-primary-800: #005c4b;
  --c-primary-900: #1a1a1a;
  --c-neutral-100: #ffffff;
  --c-neutral-200: #f8f9fa;
  --c-neutral-300: #f3f7fa;
  --c-neutral-400: #dbe1e5;
  --c-neutral-500: #b5babd;
  --c-neutral-600: #6d7275;
  --c-neutral-800: #3d4042;
  --c-neutral-900: #1e2021;
  --c-green-100: #e7fbf6;
  --c-green-500: #06d6a0;
  --c-green-700: #05b486;
  --c-red-100: #feedf1;
  --c-red-500: #ef476f;
  --c-red-700: #c03757;
  --c-yellow-100: #fffbf0;
  --c-yellow-500: #ffd166;
  --bg-base: #ffffff;
  --bg-surface: #f8f9fa;
  --bg-elevated: #f3f7fa;
  --bg-glass: rgba(255, 255, 255, 0.92);
  --bg-card: #ffffff;
  --fg-base: #1a1a1a;
  --fg-muted: #4a5258;
  --fg-soft: #6d7275;
  --fg-link: #00a385;
  --border-base: #e4e8ec;
  --border-soft: #edf1f4;
  --accent: #00a385;
  --accent-hover: #2bb89a;
  --accent-press: #007a64;
  --bg: var(--bg-base);
  --surface: var(--bg-card);
  --surface-strong: var(--bg-surface);
  --page-bg: var(--bg-base);
  --text: var(--fg-base);
  --muted: var(--fg-muted);
  --border: var(--border-base);
  --divider: var(--border-soft);
  --brand: var(--c-primary-500);
  --brand-strong: var(--c-primary-700);
  --brand-soft: var(--c-primary-100);
  --loading-illustration-doc-fill: #c8efe4;
  --loading-illustration-doc-stroke: var(--brand);
  --toolbar-active: rgba(0, 163, 133, 0.1);
  --editor-chrome-fg: var(--fg-base);
  --editor-chrome-hover: rgba(0, 163, 133, 0.08);
  --editor-header-height: 56px;
  --editor-sidebar-width: 200px;
  --editor-sidebar-width-tablet: 200px;
  --editor-sidebar-top-height: 56px;
  --editor-sidebar-padding-inline: 10px;
  --editor-sidebar-menu-gap: 8px;
  --editor-sidebar-menu-size: 36px;
  --editor-sidebar-menu-active-bg: rgba(0, 163, 133, 0.1);
  --editor-sidebar-menu-active-border: var(--border-base);
  --editor-thumbnail-slot-height: 190px;
  --editor-thumbnail-slot-height-tablet: 170px;
  --editor-thumbnail-width: 104px;
  --editor-thumbnail-height: 140px;
  --editor-thumbnail-width-tablet: 92px;
  --editor-thumbnail-height-tablet: 124px;
  --editor-thumbnail-label-font-size: 9px;
  --editor-thumbnail-label-height: 15px;
  --editor-thumbnail-label-padding-x: 12px;
  --editor-thumbnail-gap: 10px;
  --editor-sidebar-bg: #ffffff;
  --editor-thumbnail-border: var(--border-base);
  --editor-thumbnail-selected-border: var(--brand);
  --editor-thumbnail-label-bg: var(--brand-soft);
  --editor-thumbnail-label-fg: var(--brand-strong);
  --editor-thumbnail-label-active-bg: var(--brand);
  --editor-thumbnail-label-active-fg: #ffffff;
  --editor-thumbnail-frame-shadow: rgba(15, 23, 42, 0.12);
  --editor-pagination-control-border: var(--border-base);
  --editor-pagination-icon-active: var(--fg-base);
  --editor-pagination-icon-disabled: var(--fg-soft);
  --editor-canvas-stage: #f3f4f6;
  --editor-canvas-stage-mobile: #f3f4f6;
  --brand-mobile-tools-bar-height: 64px;
  --brand-mobile-download-stack-height: 64px;
  --brand-gradient: linear-gradient(120deg, #005c4b 0%, #00a385 55%, #a8e6d8 100%);
  --font-body: "Outfit", system-ui, -apple-system, "Segoe UI", sans-serif;
  --font-heading: "Outfit", system-ui, sans-serif;
  --success: #47c113;
  --warning: #bf9a44;
  --danger: #d63737;
  --shadow: 0 1px 2px rgba(15, 23, 42, 0.06), 0 1px 3px rgba(15, 23, 42, 0.04);
  --radius-md: 8px;
  --radius: var(--radius-md);
}

.app-navbar {
  background: var(--bg-glass);
  border-bottom: 1px solid var(--border-base);
  backdrop-filter: saturate(160%) blur(12px);
}

.app-body,
.app-sidebar,
.dashboard-header {
  border-color: var(--border-base);
}

.app-sidebar,
.app-content-wrapper,
.app-content {
  background: var(--bg-base);
}

.dashboard-header {
  background: var(--bg-base);
}

.sidebar-upload-btn,
.fm-btn-primary,
.login-submit-btn,
.cosmic-dashboard-primary-btn,
.cosmic-doc-open,
.btn-primary {
  background: var(--brand);
  color: #ffffff;
  border-color: var(--brand);
}

.sidebar-upload-btn:hover,
.fm-btn-primary:hover,
.login-submit-btn:hover,
.cosmic-dashboard-primary-btn:hover,
.cosmic-doc-open:hover,
.btn-primary:hover {
  background: var(--accent-hover);
  color: #ffffff;
  border-color: var(--accent-hover);
}

.btn-secondary,
.btn-outline {
  background: transparent;
  border-color: var(--brand);
  color: var(--brand);
}

.btn-secondary:hover,
.btn-outline:hover {
  background: var(--brand-soft);
  border-color: var(--brand);
  color: var(--brand);
}

.sidebar-nav-item {
  color: var(--fg-muted);
  border-radius: 999px;
}

.sidebar-nav-item:hover,
.sidebar-nav-item:hover svg,
.sidebar-nav-item.active,
.sidebar-nav-item.active svg {
  color: var(--fg-base);
}

.sidebar-nav-item.active {
  background: var(--bg-elevated);
}

.doc-card,
.template-list-item,
.promo-banner {
  background: var(--bg-card);
  border-color: var(--border-base);
  box-shadow: var(--shadow);
}

.doc-card:hover,
.doc-card--selected,
.template-list-item:hover {
  background: var(--brand-soft);
  border-color: var(--c-primary-300);
}

.doc-card-radio:checked::after {
  background: var(--brand);
}

.user-dropdown,
.dashboard-mobile-menu-popover,
.fm-context-menu,
.fm-move-dialog {
  background: var(--bg-card);
  border-color: var(--border-base);
  box-shadow: 0 12px 32px rgba(15, 23, 42, 0.16);
}

.user-dropdown-email,
.user-dropdown-item,
.dashboard-mobile-menu-item,
.fm-context-item,
.fm-move-tree-item {
  color: var(--fg-base);
}

.user-dropdown-item:hover,
.dashboard-mobile-menu-item:hover,
.fm-context-item:hover,
.fm-move-tree-item:hover:not(:disabled) {
  background: var(--bg-elevated);
}

.user-dropdown-membership-label,
.fm-header .fm-subtitle,
.fm-card-meta,
.fm-list-col-date,
.fm-list-col-size,
.fm-empty p,
.fm-move-tree-badge {
  color: var(--fg-muted);
}

.user-dropdown-membership-badge {
  background: var(--c-yellow-100);
  color: var(--warning);
}

.user-dropdown-divider,
.fm-context-separator {
  background: var(--border-soft);
}

.fm-move-title,
.fm-move-actions {
  border-color: var(--border-base);
}

.user-avatar-btn {
  background: var(--bg-card);
  border-color: var(--border-base);
  color: var(--fg-base);
}

.user-avatar-btn:hover,
.user-avatar-btn[aria-expanded=true] {
  background: var(--bg-elevated);
  border-color: var(--fg-soft);
}

.fm-btn,
.confirm-dialog .fm-btn:not(.fm-btn-primary):not(.fm-btn-danger),
.prompt-dialog .fm-btn:not(.fm-btn-primary):not(.fm-btn-danger) {
  background: var(--bg-card);
  color: var(--fg-base);
  border-color: var(--border-base);
}

.fm-btn:hover,
.confirm-dialog .fm-btn:not(.fm-btn-primary):not(.fm-btn-danger):hover,
.prompt-dialog .fm-btn:not(.fm-btn-primary):not(.fm-btn-danger):hover {
  background: var(--bg-elevated);
  color: var(--fg-base);
  border-color: var(--fg-soft);
}

.fm-btn:disabled,
.fm-move-actions .fm-btn:disabled {
  background: var(--bg-elevated);
  color: var(--fg-soft);
  border-color: var(--border-soft);
}

.confirm-dialog .fm-btn-danger,
.prompt-dialog .fm-btn-danger,
.fm-btn-danger {
  background: var(--danger);
  color: #ffffff;
  border-color: var(--danger);
}

.confirm-dialog .fm-btn-danger:hover,
.prompt-dialog .fm-btn-danger:hover,
.fm-btn-danger:hover {
  background: #b42318;
  color: #ffffff;
  border-color: #b42318;
  opacity: 1;
}

.fm-sort-select,
.fm-toolbar-right {
  background: var(--bg-card);
  color: var(--fg-base);
  border-color: var(--border-base);
}

.fm-view-btn {
  color: var(--fg-muted);
}

.fm-view-btn:hover,
.fm-view-btn.active {
  background: var(--bg-elevated);
  color: var(--fg-base);
}

.fm-breadcrumb-current,
.fm-card-name,
.fm-list-col-name,
.fm-empty h3,
.fm-move-title {
  color: var(--fg-base);
}

.fm-card,
.fm-list,
.fm-empty {
  background: var(--bg-card);
  border-color: var(--border-base);
  box-shadow: var(--shadow);
}

.fm-card:hover {
  border-color: var(--c-primary-300);
  box-shadow: 0 12px 32px rgba(15, 23, 42, 0.12);
}

.fm-list-header {
  background: var(--bg-elevated);
  border-bottom-color: var(--border-base);
  color: var(--fg-muted);
}

.fm-list-row {
  border-bottom-color: var(--border-base);
}

.fm-list-row:hover {
  background: var(--bg-surface);
}

.fm-icon-btn {
  color: var(--fg-muted);
}

.fm-icon-btn:hover {
  background: var(--bg-elevated);
  color: var(--fg-base);
}

.fm-context-danger,
.user-dropdown-item--danger,
.dashboard-mobile-menu-item--danger {
  color: var(--danger);
}

.fm-context-danger:hover,
.user-dropdown-item--danger:hover {
  background: var(--c-red-100);
}

.fm-move-tree-item--selected,
.fm-move-tree-item--selected:hover:not(:disabled) {
  background: var(--brand-soft);
  color: var(--brand-strong);
}

.fm-move-tree-item--current,
.fm-move-tree-item--disabled {
  color: var(--fg-soft);
}

.fm-move-tree-badge {
  background: var(--bg-elevated);
}

.trash-list {
  background: var(--bg-card);
  border-color: var(--border-base);
}

.trash-item {
  background: var(--bg-surface);
  border-color: var(--border-base);
}

.trash-item-badge--warning {
  background: var(--c-yellow-100);
  color: var(--warning);
}

.trash-item-badge--ok {
  background: var(--c-green-100);
  color: var(--c-green-700);
}

.trash-btn--restore {
  background: var(--brand-soft);
  color: var(--brand);
}

.trash-btn--restore:hover {
  background: #c8efe4;
  color: var(--brand-strong);
  opacity: 1;
}

.trash-btn--delete,
.trash-btn--empty {
  background: var(--c-red-100);
  color: var(--danger);
}

.trash-btn--delete:hover,
.trash-btn--empty:hover {
  background: #ffe2e2;
  color: #b42318;
  opacity: 1;
}

.auth-decision-loader,
.login-overlay {
  background: rgba(1, 7, 12, 0.48);
}

.auth-decision-loader__card,
.login-modal-form,
.auth-modal-form {
  --login-panel-text: #112031;
  --login-panel-muted: #667085;
  --login-panel-border: #cbd5e1;
  --login-panel-surface: #ffffff;
  --login-panel-surface-hover: #f8fafc;
  --login-panel-brand: var(--brand);
  --login-panel-brand-strong: var(--brand-strong);
  --login-panel-brand-soft: rgba(0, 163, 133, 0.12);
  background: #ffffff;
  color: #112031;
}

.login-modal-promo {
  background: radial-gradient(80% 100% at 20% 0%, rgba(0, 163, 133, 0.55) 0%, rgba(0, 163, 133, 0) 60%), radial-gradient(80% 100% at 100% 100%, rgba(168, 230, 216, 0.65) 0%, rgba(168, 230, 216, 0) 70%), linear-gradient(120deg, #005c4b 0%, #00a385 55%, #a8e6d8 100%);
}

.login-provider-btn,
.login-field input {
  background: #ffffff;
  color: var(--login-panel-text);
  border-color: var(--login-panel-border);
}

.login-provider-btn:hover {
  background: var(--login-panel-surface-hover);
  border-color: #b8c4d3;
}

.login-field input::placeholder {
  color: #98a2b3;
}

.login-try-editor-btn {
  border-color: var(--brand);
  color: var(--brand);
}

.login-try-editor-btn:hover {
  background: var(--brand-soft);
}