/*
 * ComplyIQ brand layer for the Dashora theme.
 * Loaded after dashora/css/style.css. Colours follow the ComplyIQ frontend palette
 * (blue-ribbon / cod-gray / sulu / gold in ComplyIQ-Frontend/src/ui/styles/theme.css).
 */

@font-face { font-family: "Satoshi"; src: url("../fonts/satoshi/Satoshi-Regular.71a6023c087c.woff2") format("woff2"); font-weight: 400; font-style: normal; font-display: swap; }
@font-face { font-family: "Satoshi"; src: url("../fonts/satoshi/Satoshi-Medium.cd790237ed63.woff2") format("woff2"); font-weight: 500; font-style: normal; font-display: swap; }
@font-face { font-family: "Satoshi"; src: url("../fonts/satoshi/Satoshi-Bold.d4db658f4dd6.woff2") format("woff2"); font-weight: 700; font-style: normal; font-display: swap; }
@font-face { font-family: "Satoshi"; src: url("../fonts/satoshi/Satoshi-Black.d9749ed5ed84.woff2") format("woff2"); font-weight: 900; font-style: normal; font-display: swap; }

:root {
  --ciq-blue-50: #ecf1ff;
  --ciq-blue-100: #dde4ff;
  --ciq-blue-400: #757fff;
  --ciq-blue-500: #5757ff;
  --ciq-blue-600: #4536f5;
  --ciq-blue-700: #3a2ad8;
  --ciq-blue-950: #1b1650;
  --ciq-gradient: linear-gradient(180deg, var(--ciq-blue-400) 0%, var(--ciq-blue-500) 100%);
  --ciq-font: "Satoshi", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;

  --primary: var(--ciq-blue-500);
  --primary-2: var(--ciq-blue-400);
  --text: #121212;
  --muted: #6d6d6d;
  --success: #559819;
  --warning: #d29902;

  --bs-primary: #5757ff;
  --bs-primary-rgb: 87, 87, 255;
  --bs-link-color: #5757ff;
  --bs-link-color-rgb: 87, 87, 255;
  --bs-link-hover-color: #4536f5;
  --bs-link-hover-color-rgb: 69, 54, 245;
  --bs-font-sans-serif: var(--ciq-font);
}

[data-theme="dark"] {
  --bg: #0e0c24;
  --surface: #17153a;
  --surface-2: #121030;
  --sidebar: #0a0920;
  --line: #2b2860;
  --text: #ecf1ff;
  --muted: #9cadff;
}
[data-theme="dark"] body { background: radial-gradient(circle at top right, rgba(87, 87, 255, .18), transparent 34%), var(--bg); }

/* Typography: Satoshi everywhere the theme used Inter / Plus Jakarta Sans */
body,
.page-breadcrumb h1,
.calendar-library-panel .fc { font-family: var(--ciq-font); }
h1, h2, h3, h4, h5, h6,
.brand strong,
.executive-card h2, .commerce-hero h2 { font-family: var(--ciq-font); font-weight: 700; letter-spacing: -.02em; }

/* Brand mark: the ComplyIQ logo instead of the theme's letter tile */
.brand-mark.ciq-logo { padding: 0; background: none; box-shadow: 0 12px 28px rgba(87, 87, 255, .22); border-radius: 50% 8px 50% 50%; overflow: hidden; }
.brand-mark.ciq-logo img { width: 100%; height: 100%; display: block; }
a.brand:hover .brand-mark.ciq-logo, .topbar-brand:hover .brand-mark.ciq-logo { box-shadow: 0 14px 32px rgba(87, 87, 255, .32); }
.brand strong { font-size: 19px; }
.brand small { font-weight: 500; letter-spacing: .02em; }

/* Buttons and focus */
.btn-primary { --bs-btn-bg: var(--ciq-blue-500); --bs-btn-border-color: var(--ciq-blue-500); --bs-btn-hover-bg: var(--ciq-blue-600); --bs-btn-hover-border-color: var(--ciq-blue-600); --bs-btn-active-bg: var(--ciq-blue-700); --bs-btn-active-border-color: var(--ciq-blue-700); --bs-btn-disabled-bg: var(--ciq-blue-400); --bs-btn-disabled-border-color: var(--ciq-blue-400); font-weight: 700; }
.form-control:focus, .form-select:focus { border-color: var(--ciq-blue-400); }

/* Hero surfaces use the logo gradient */
.executive-card, .commerce-hero { background: var(--ciq-gradient); box-shadow: 0 18px 46px rgba(87, 87, 255, .22); }
.executive-card .eyebrow, .commerce-hero .eyebrow { color: rgba(255, 255, 255, .82); }

/* Avatar: initials on the brand gradient */
.profile-photo { background: var(--ciq-gradient); font-size: 17px; letter-spacing: .02em; }
.profile-photo.lg { font-size: 22px; }

/* Auth pages */
.auth-cover-visual { background: radial-gradient(circle at 24% 22%, rgba(255, 255, 255, .18), transparent 30%), var(--ciq-gradient); }
.auth-cover-visual .brand-mark.ciq-logo { background: none; box-shadow: none; }
.auth-form-panel .alert { font-size: 13px; }

/* Empty states */
.ciq-empty { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 8px; min-height: 220px; padding: 32px 16px; text-align: center; color: var(--muted); }
.ciq-empty i { display: grid; place-items: center; width: 52px; height: 52px; border-radius: 50%; font-size: 22px; color: var(--ciq-blue-500); background: var(--ciq-blue-50); }
.ciq-empty h3 { margin: 6px 0 0; color: var(--text); font-size: 16px; }
.ciq-empty p { max-width: 360px; margin: 0; }
[data-theme="dark"] .ciq-empty i { background: rgba(87, 87, 255, .18); color: var(--ciq-blue-100); }

/* Google sign-in button */
.ciq-google-btn { display: flex; align-items: center; justify-content: center; gap: 10px; padding: 11px 16px; }