:root {
  --ink: #0b1728;
  --muted: #617084;
  --line: #dfe6ee;
  --paper: #f7f9fc;
  --white: #ffffff;
  --navy: #081e49;
  --avior-black: #050607;
  --avior-gold: #d7bd82;
  --avior-gold-soft: #f4ead2;
  --blue: #2d78d6;
  --coral: #f05d53;
  --coral-soft: #fff0ef;
  --violet: #8a5cf6;
  --cyan: #2dd4e6;
  --lime: #d8f46b;
  --shadow: 0 18px 60px rgba(11, 23, 40, .10);
  font-family: "DM Sans", system-ui, sans-serif;
  color: var(--ink);
  background: var(--paper);
}
* { box-sizing: border-box; }
body { margin: 0; background: var(--paper); }
button, input, textarea, select { font: inherit; }
button { cursor: pointer; }
.sr-only { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0, 0, 0, 0); }
.hidden { display: none !important; }
.auth-gate { position: fixed; inset: 0; z-index: 50; display: grid; place-items: center; padding: 24px; background: rgba(3,4,5,.88); backdrop-filter: blur(14px); }
.auth-card { width: min(100%, 430px); border: 1px solid rgba(215,189,130,.35); border-radius: 24px; padding: 34px; color: #f8f2e4; background: linear-gradient(145deg, #151619, #050607); box-shadow: 0 30px 100px rgba(0,0,0,.5); }
.avior-mark-mini { width: 52px; height: 52px; display: grid; place-items: center; overflow: hidden; border-radius: 14px; background: #050607; border: 1px solid rgba(215,189,130,.45); margin-bottom: 22px; }
.avior-mark-mini img { width: 100%; height: 100%; object-fit: contain; display: block; }
.auth-card h2 { margin: 13px 0 8px; font: 800 30px/1.05 Manrope,sans-serif; letter-spacing: -.05em; }
.auth-card p { color: #bdb7aa; margin: 0 0 24px; }
.auth-form { display: grid; gap: 15px; }
.auth-form label { display: grid; gap: 7px; color: #d9d1c0; font-size: 12px; font-weight: 700; }
.auth-form input { min-height: 45px; border: 1px solid rgba(215,189,130,.25); border-radius: 10px; padding: 0 12px; color: #fff; background: rgba(255,255,255,.07); outline: none; }
.auth-form input:focus { border-color: #d7bd82; box-shadow: 0 0 0 3px rgba(215,189,130,.15); }
.auth-error { min-height: 20px; margin-top: 13px; color: #ffaaa4; font-size: 12px; }
.auth-switch { margin-top: 8px; border: 0; padding: 0; color: #d7bd82; background: transparent; font-size: 12px; text-decoration: underline; }
.app-shell { min-height: 100vh; display: grid; grid-template-columns: 270px 1fr; }
.sidebar { background: linear-gradient(180deg, #050607 0%, #0b0c0e 58%, #111318 100%); color: #eee7d8; padding: 30px 24px 24px; display: flex; flex-direction: column; min-height: 100vh; }
.avior-lockup { width: 100%; aspect-ratio: 16 / 9; height: auto; display: grid; place-items: center; overflow: hidden; border-radius: 14px; background: #030405; margin-bottom: 16px; box-shadow: 0 15px 35px rgba(0,0,0,.34), inset 0 0 0 1px rgba(215,189,130,.16); }
.avior-lockup img { display: block; width: 100%; height: 100%; max-width: 100%; object-fit: contain; object-position: center; }
.avior-lockup .avior-logo-mark { display: none; }
.logout-button { width:100%; margin-top:18px; border:1px solid rgba(215,189,130,.24); background:transparent; color:#f6efe1; border-radius:10px; padding:10px 12px; cursor:pointer; font-weight:700; }
.auth-link { border:0; background:transparent; color:#b88b48; cursor:pointer; font-weight:700; padding:8px 0; }
.setup-roadmap { margin-top:22px; padding:24px; border:1px solid var(--line); border-radius:18px; background:#fff; }
#setupView .page-intro p { font-size:14px; }
#setupHealthGrid .crm-metric:first-child { display:grid; }
.setup-roadmap h3 { margin:0 0 16px; }
.setup-roadmap-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:14px; }
.setup-roadmap-grid article { display:grid; gap:7px; padding:16px; border:1px solid var(--line); border-radius:14px; background:#fbfcfe; }
.setup-roadmap-grid strong { color:#172b4d; }
.setup-roadmap-grid span,.setup-roadmap-grid small { color:var(--muted); line-height:1.4; font-size:12px; }
.setup-roadmap-grid label { display:grid; gap:5px; font-size:12px; color:var(--muted); }
.entity-access { display:flex; flex-wrap:wrap; gap:10px 14px; border:1px solid var(--line); border-radius:12px; padding:12px; }
.entity-access legend { padding:0 6px; font-weight:800; color:#172b4d; }
.entity-access label { font-size:12px; color:var(--muted); }
.avior-slogan { margin: -6px 0 22px; color: #f1dfb0; font-size: 12px; line-height: 1.5; letter-spacing: .075em; text-transform: uppercase; max-width: 210px; font-weight: 800; text-shadow: 0 0 18px rgba(215,189,130,.22); border-left: 2px solid #c9a75e; padding-left: 10px; }
.brand-lockup { min-height: 44px; display: flex; align-items: center; margin-bottom: 28px; padding-top: 14px; border-top: 1px solid rgba(215,189,130,.18); opacity: .82; }
.brand-lockup img { max-width: 196px; max-height: 46px; object-fit: contain; object-position: left center; filter: brightness(0) invert(1); }
.brand-wordmark-image { max-width: 180px; max-height: 50px; object-fit: contain; object-position: left center; }
.brand-wordmark { display: flex; align-items: center; gap: 10px; color: white; font-family: Manrope, sans-serif; font-weight: 800; letter-spacing: -.06em; font-size: 25px; }
.brand-mark { width: 31px; height: 31px; border-radius: 10px 10px 10px 2px; background: linear-gradient(135deg, var(--cyan), var(--violet)); transform: rotate(-18deg); box-shadow: 10px 0 28px rgba(45,212,230,.22); }
.side-kicker, .eyebrow { letter-spacing: .15em; text-transform: uppercase; font-size: 10px; font-weight: 800; }
.side-kicker { color: var(--avior-gold); }
.side-copy { color: #bdb7aa; font-size: 14px; line-height: 1.55; margin: 15px 0 36px; }
.side-nav { display: grid; gap: 5px; }
.sidebar-collapse { align-self: flex-end; display: grid; place-items: center; width: 32px; height: 32px; margin: 0 0 12px; border: 1px solid rgba(215,189,130,.18); border-radius: 9px; color: #d7bd82; background: rgba(255,255,255,.04); font-size: 20px; line-height: 1; }
.nav-group { display: grid; gap: 4px; }
.nav-group-toggle { display: flex; align-items: center; justify-content: space-between; border: 0; padding: 10px 12px 6px; color: #948d80; background: transparent; font-size: 10px; font-weight: 800; letter-spacing: .13em; text-align: left; text-transform: uppercase; }
.nav-group-chevron { color: #d7bd82; font-size: 15px; transition: transform .18s; }
.nav-group-items { display: grid; gap: 4px; overflow: hidden; max-height: 500px; transition: max-height .2s, opacity .2s; }
.nav-group-collapsed .nav-group-items { max-height: 0; opacity: 0; }
.nav-group-collapsed .nav-group-chevron { transform: rotate(-90deg); }
.nav-item { text-align: left; color: #bcb8ae; border: 0; background: transparent; padding: 12px 13px; border-radius: 11px; font-weight: 600; transition: .18s; }
.nav-item:hover, .nav-item.active { color: #fffaf0; background: linear-gradient(90deg, rgba(215,189,130,.18), rgba(215,189,130,.05)); box-shadow: inset 2px 0 0 var(--avior-gold); }
.nav-icon { width: 26px; display: inline-block; font-size: 17px; color: var(--avior-gold); }
.sidebar-footer { margin-top: auto; padding-top: 20px; border-top: 1px solid rgba(215,189,130,.22); color: #a7a096; font-size: 11px; display: flex; align-items: center; gap: 8px; }
.status-dot { display: inline-block; width: 8px; height: 8px; border-radius: 50%; background: #65db9e; box-shadow: 0 0 0 4px rgba(101,219,158,.12); }
.main-panel { padding: 30px 44px 60px; overflow: hidden; }
.sidebar-is-collapsed { grid-template-columns: 82px 1fr; }
.sidebar-collapsed { padding-left: 13px; padding-right: 13px; }
.sidebar-collapsed .avior-lockup { aspect-ratio: 1; border-radius: 12px; }
.sidebar-collapsed .avior-lockup .avior-logo-full { display: none; }
.sidebar-collapsed .avior-lockup .avior-logo-mark { display: block; width: 100%; height: 100%; object-fit: contain; }
.sidebar-collapsed .avior-slogan { font-size: 0; border-left: 0; padding: 0; height: 6px; margin: 0 0 17px; }
.sidebar-collapsed .sidebar-collapse { align-self: center; }
.sidebar-collapsed .sidebar-collapse span { transform: rotate(180deg); }
.sidebar-collapsed .nav-group-toggle span:first-child { display: none; }
.sidebar-collapsed .nav-group-toggle { justify-content: center; padding-left: 0; padding-right: 0; }
.sidebar-collapsed .nav-group-chevron { display: none; }
.sidebar-collapsed .nav-group-items { max-height: 500px; opacity: 1; }
.sidebar-collapsed .nav-item { display: flex; justify-content: center; padding: 11px 5px; font-size: 0; }
.sidebar-collapsed .nav-icon { margin: 0; font-size: 18px; }
.app-footer { grid-column: 2; border-top: 1px solid var(--line); padding: 18px 44px 24px; color: #8493a5; font-size: 12px; background: var(--paper); }
.app-footer a, .auth-footer a { color: #9a8250; font-weight: 800; text-decoration: none; }
.auth-footer { margin-top: 25px; padding-top: 15px; border-top: 1px solid rgba(215,189,130,.16); color: #a7a096; font-size: 11px; }
.topbar { display: flex; justify-content: space-between; gap: 28px; align-items: flex-start; margin-bottom: 30px; }
.topbar h1 { margin: 8px 0 0; font-family: Manrope, sans-serif; font-size: clamp(26px, 3vw, 40px); letter-spacing: -.055em; line-height: 1.03; max-width: 640px; }
.eyebrow { color: #9a8250; }
.topbar-actions, .modal-actions, .view-tools { display: flex; gap: 10px; align-items: center; }
.brand-select, .button, .search-input { border-radius: 10px; min-height: 43px; }
.brand-select { color: var(--ink); border: 1px solid var(--line); background: var(--white); padding: 0 33px 0 13px; font-weight: 700; }
.language-select {
  min-width: 194px;
  min-height: 43px;
  border-radius: 14px;
  border: 1px solid rgba(215, 189, 130, .42);
  background:
    radial-gradient(circle at top left, rgba(215, 189, 130, .22), transparent 36%),
    linear-gradient(145deg, #0e1117 0%, #050607 100%);
  color: #f7f1e3;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 0 12px 0 13px;
  position: relative;
  box-shadow: 0 16px 34px rgba(5, 6, 7, .16), inset 0 1px 0 rgba(255,255,255,.06);
}
.language-select::before {
  content: "◆";
  display: grid;
  place-items: center;
  width: 18px;
  height: 18px;
  color: var(--avior-gold);
  font-size: 11px;
  line-height: 1;
  text-shadow: 0 0 14px rgba(215,189,130,.45);
}
.language-selector-label {
  color: var(--avior-gold);
  font-size: 10px;
  font-weight: 900;
  letter-spacing: .05em;
  text-transform: uppercase;
  white-space: nowrap;
}
.language-trigger {
  border: 0;
  background: transparent;
  color: #f7f1e3;
  outline: none;
  padding: 0;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  min-width: 70px;
}
#languageSelectFlag { display: grid; place-items: center; }
.language-flag {
  display: block;
  width: 27px;
  height: 18px;
  border-radius: 3px;
  overflow: hidden;
  box-shadow: 0 0 0 1px rgba(255,255,255,.34), 0 3px 8px rgba(5,6,7,.32);
}
.language-code {
  color: #fff7e6;
  font-size: 12px;
  font-weight: 900;
  letter-spacing: .04em;
}
.language-chevron {
  color: var(--avior-gold);
  font-size: 15px;
  line-height: 1;
  transform: translateY(-1px);
}
.language-menu {
  position: absolute;
  z-index: 120;
  top: calc(100% + 10px);
  right: 0;
  width: 248px;
  padding: 8px;
  border: 1px solid rgba(215, 189, 130, .34);
  border-radius: 15px;
  background: linear-gradient(180deg, #11151d 0%, #050607 100%);
  box-shadow: 0 24px 54px rgba(5, 6, 7, .34);
}
.language-option {
  width: 100%;
  border: 1px solid transparent;
  border-radius: 10px;
  background: transparent;
  color: #fff7e6;
  padding: 9px 10px;
  display: grid;
  grid-template-columns: 30px 1fr auto;
  align-items: center;
  gap: 10px;
  text-align: left;
  cursor: pointer;
}
.language-option > span {
  color: #fff7e6;
  font-size: 13px;
  font-weight: 750;
}
.language-option strong {
  color: var(--avior-gold);
  font-size: 11px;
  letter-spacing: .05em;
}
.language-option:hover,
.language-option:focus-visible,
.language-option.selected {
  border-color: rgba(215, 189, 130, .32);
  background: rgba(215, 189, 130, .12);
  outline: none;
}
.language-select:hover,
.language-select:focus-within {
  border-color: rgba(215, 189, 130, .72);
  box-shadow: 0 18px 38px rgba(5, 6, 7, .22), 0 0 0 3px rgba(215,189,130,.12), inset 0 1px 0 rgba(255,255,255,.08);
}
.button { border: 1px solid transparent; padding: 0 16px; font-weight: 700; font-size: 13px; transition: transform .18s, box-shadow .18s, background .18s; }
.button:hover { transform: translateY(-1px); }
.button.primary { color: #15120c; background: linear-gradient(135deg, #ead49a, #c9a75e); box-shadow: 0 8px 22px rgba(157,120,47,.25); }
.button.secondary { color: #40536c; background: white; border-color: var(--line); }
.hero-strip { position: relative; min-height: 245px; border-radius: 22px; overflow: hidden; background: var(--navy); color: white; box-shadow: var(--shadow); margin-bottom: 36px; }
.hero-strip::after { content: ""; position: absolute; inset: 0; background: linear-gradient(90deg, rgba(8,30,73,.98) 0%, rgba(8,30,73,.78) 38%, rgba(8,30,73,.05) 100%); pointer-events: none; }
.hero-strip .hero-image { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; object-position: center; }
.hero-strip-content { position: relative; z-index: 1; padding: 33px 38px; max-width: 590px; }
.hero-strip-content .eyebrow { color: #a8bfe5; }
.hero-strip-content h2 { margin: 14px 0 10px; font: 800 clamp(26px, 3vw, 40px)/1.06 Manrope, sans-serif; letter-spacing: -.06em; }
.hero-strip-content p { color: #c6d4ea; line-height: 1.55; margin: 0; max-width: 490px; }
.section-heading { display: flex; justify-content: space-between; align-items: flex-end; gap: 20px; margin-bottom: 18px; }
.section-heading h2, .page-intro h2 { margin: 8px 0 0; font: 800 27px/1.1 Manrope, sans-serif; letter-spacing: -.045em; }
.result-count { font-size: 12px; color: var(--muted); white-space: nowrap; }
.search-input { width: 230px; border: 1px solid var(--line); padding: 0 13px; outline: none; background: white; }
.search-input:focus, input:focus, textarea:focus, select:focus { border-color: var(--avior-gold); box-shadow: 0 0 0 3px rgba(215,189,130,.18); }
.proposal-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 15px; }
.proposal-card { background: white; border: 1px solid var(--line); border-radius: 16px; min-height: 239px; padding: 20px; display: flex; flex-direction: column; box-shadow: 0 5px 20px rgba(11,23,40,.03); transition: .18s; }
.proposal-card:hover { transform: translateY(-3px); box-shadow: var(--shadow); border-color: #c8d8eb; }
.card-meta { display: flex; justify-content: space-between; align-items: center; gap: 10px; margin-bottom: 20px; }
.brand-tag, .status-tag { font-size: 10px; font-weight: 800; letter-spacing: .1em; text-transform: uppercase; }
.brand-tag { color: var(--blue); }
.status-tag { color: #7190ac; }
.proposal-card h3 { margin: 0 0 8px; font: 800 20px/1.1 Manrope, sans-serif; letter-spacing: -.04em; }
.proposal-card .scope { color: var(--muted); font-size: 13px; line-height: 1.45; min-height: 38px; }
.card-footer { margin-top: auto; display: flex; justify-content: space-between; align-items: flex-end; padding-top: 20px; }
.card-value { font: 800 20px Manrope, sans-serif; letter-spacing: -.04em; }
.card-date { display: block; color: #8493a5; font-size: 11px; margin-top: 4px; }
.card-actions { display: flex; gap: 7px; }
.small-button { border: 1px solid var(--line); background: white; color: #3d526b; border-radius: 8px; padding: 7px 10px; font-size: 11px; font-weight: 800; }
.small-button.primary-mini { color: var(--coral); background: var(--coral-soft); border-color: #ffd6d3; }
.empty-state { grid-column: 1 / -1; padding: 50px 20px; border: 1px dashed #cdd8e5; border-radius: 16px; text-align: center; color: var(--muted); }
.view { display: none; }
.view.active-view { display: block; }
.page-intro { padding: 30px 0; max-width: 760px; }
.page-intro p { color: var(--muted); line-height: 1.6; max-width: 620px; }
.brand-comparison { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; }
.brand-profile { border-radius: 20px; overflow: hidden; color: white; min-height: 430px; padding: 29px; position: relative; background-size: cover; background-position: center; }
.brand-profile::after { content: ""; position: absolute; inset: 0; background: linear-gradient(180deg, rgba(5,23,55,.12), rgba(5,23,55,.92) 72%); }
.brand-profile > * { position: relative; z-index: 1; }
.brand-profile.vika { background-color: #12111e; }
.brand-profile h3 { font: 800 32px Manrope, sans-serif; letter-spacing: -.06em; margin: 90px 0 10px; }
.brand-profile p { color: #d5d9e4; line-height: 1.55; max-width: 450px; }
.brand-profile ul { padding-left: 18px; color: #e1e6ef; line-height: 1.9; font-size: 13px; }
.guide-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; }
.guide-grid article { background: white; border: 1px solid var(--line); border-radius: 18px; padding: 27px; min-height: 190px; }
.guide-grid span { color: var(--coral); font: 800 14px Manrope, sans-serif; }
.guide-grid h3 { font: 800 22px Manrope, sans-serif; margin: 30px 0 8px; letter-spacing: -.04em; }
.guide-grid p { color: var(--muted); line-height: 1.5; margin: 0; font-size: 13px; }
.modal-backdrop { position: fixed; z-index: 20; inset: 0; background: rgba(4,15,30,.63); display: grid; place-items: center; padding: 25px; }
.editor-modal, .preview-modal { background: var(--paper); width: min(920px, 100%); max-height: calc(100vh - 50px); overflow: auto; border-radius: 20px; box-shadow: 0 30px 100px rgba(0,0,0,.22); }
.preview-modal { width: min(1160px, 100%); }
.modal-header { padding: 22px 25px 18px; display: flex; justify-content: space-between; align-items: flex-start; border-bottom: 1px solid var(--line); }
.modal-header h2 { margin: 7px 0 0; font: 800 26px Manrope, sans-serif; letter-spacing: -.05em; }
.icon-button { border: 0; background: transparent; font-size: 29px; line-height: 1; color: #718096; padding: 0 4px; }
.editor-body { padding: 0 25px 25px; }
.editor-tabs { display: flex; gap: 23px; border-bottom: 1px solid var(--line); margin-bottom: 22px; }
.editor-tab { border: 0; background: transparent; color: #8290a2; padding: 14px 0 11px; font-size: 13px; font-weight: 800; border-bottom: 2px solid transparent; }
.editor-tab.active { color: var(--ink); border-bottom-color: var(--coral); }
.form-panel { display: none; }
.form-panel.active-panel { display: block; }
.form-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; }
.form-grid label { display: grid; gap: 7px; color: #53677d; font-size: 12px; font-weight: 800; }
.form-grid input, .form-grid textarea { width: 100%; border: 1px solid var(--line); border-radius: 9px; padding: 11px 12px; background: white; color: var(--ink); outline: none; resize: vertical; font-size: 13px; font-weight: 500; }
.form-grid select { width: 100%; border: 1px solid var(--line); border-radius: 9px; padding: 11px 12px; background: white; color: var(--ink); outline: none; font-size: 13px; font-weight: 600; }
.field-note { color: #8493a5; font-size: 10px; font-weight: 500; line-height: 1.35; }
.span-2 { grid-column: span 2; }
.modal-footer { display: flex; justify-content: space-between; align-items: center; gap: 18px; padding: 17px 25px; border-top: 1px solid var(--line); }
.form-hint { color: #8290a2; font-size: 11px; }
.preview-header { position: sticky; top: 0; z-index: 3; background: rgba(247,249,252,.95); backdrop-filter: blur(9px); }
.preview-frame { padding: 24px; background: #dfe6ee; }

/* Rendered proposal */
.proposal-page { --proposal-ink: #0b1728; --proposal-muted: #60728a; --proposal-line: #dfe6ee; background: white; color: var(--proposal-ink); max-width: 1080px; margin: 0 auto; box-shadow: 0 8px 34px rgba(11,23,40,.12); font-family: "DM Sans", sans-serif; }
.proposal-page.vika-theme { --proposal-ink: #111021; --proposal-muted: #777588; --proposal-line: #e3e0ed; }
.proposal-cover { min-height: 545px; color: white; position: relative; overflow: hidden; padding: 34px 46px; display: flex; flex-direction: column; justify-content: space-between; background: var(--navy); }
.vika-theme .proposal-cover { background: #14121f; }
.cover-image { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; object-position: center; opacity: .84; }
.proposal-cover::after { content: ""; position: absolute; inset: 0; background: linear-gradient(110deg, rgba(4,25,62,.98) 0%, rgba(4,25,62,.77) 42%, rgba(4,25,62,.06) 100%); }
.vika-theme .proposal-cover::after { background: linear-gradient(110deg, rgba(18,16,31,.98), rgba(18,16,31,.78) 45%, rgba(18,16,31,.14)); }
.cover-top, .cover-copy, .cover-bottom { position: relative; z-index: 1; }
.cover-top { display: flex; justify-content: space-between; align-items: center; }
.cover-logo { max-width: 185px; max-height: 45px; object-fit: contain; filter: brightness(0) invert(1); }
.cover-logo.vika-cover-logo { filter: none; }
.client-logo-cover { max-width: 150px; max-height: 55px; object-fit: contain; background: rgba(255,255,255,.92); border-radius: 9px; padding: 7px 11px; margin-left: auto; }
.cover-meta { margin-left: auto; display: flex; align-items: center; gap: 12px; min-width: 230px; justify-content: flex-end; }
.cover-meta-copy { display: grid; gap: 3px; text-align: right; color: #d9e5f5; font-size: 11px; white-space: nowrap; }
.cover-meta-copy strong { color: white; font-size: 12px; }
.cover-brand-wordmark { font: 800 26px Manrope, sans-serif; letter-spacing: -.065em; }
.cover-date { color: #b8cae7; font-size: 12px; }
.cover-copy { max-width: 640px; padding: 32px 0; }
.cover-kicker { color: #c7d7ee; letter-spacing: .18em; text-transform: uppercase; font-size: 11px; font-weight: 800; }
.cover-copy h1 { font: 800 clamp(38px, 5vw, 64px)/.98 Manrope, sans-serif; letter-spacing: -.075em; margin: 17px 0; }
.cover-copy p { max-width: 535px; margin: 0; color: #d3dff0; font-size: 16px; line-height: 1.55; }
.cover-bottom { display: flex; justify-content: space-between; gap: 18px; align-items: end; color: #b7c9e3; font-size: 12px; }
.cover-client { color: white; font-weight: 800; font-size: 15px; }
.cover-client-name { color: white; font: 800 clamp(20px, 3vw, 30px)/1.05 Manrope, sans-serif; letter-spacing: -.055em; }
.cover-manager { margin-top: 12px; color: #d7e3f2; font-size: 12px; line-height: 1.4; }
.cover-manager strong { color: #9fb9dc; font-size: 9px; letter-spacing: .12em; text-transform: uppercase; }
.proposal-section { padding: 62px 70px; border-bottom: 1px solid var(--proposal-line); }
.proposal-section.soft { background: #f7f9fc; }
.proposal-section.dark { background: #0c1f44; color: white; border: 0; }
.vika-theme .proposal-section.dark { background: #171522; }
.proposal-section h2 { font: 800 34px/1.04 Manrope, sans-serif; letter-spacing: -.065em; margin: 0 0 17px; max-width: 680px; }
.proposal-section h3 { font: 800 20px/1.1 Manrope, sans-serif; letter-spacing: -.045em; margin: 0 0 8px; }
.proposal-section p { color: var(--proposal-muted); line-height: 1.65; margin: 0; font-size: 14px; }
.dark p { color: #c4d0e4; }
.proposal-eyebrow { color: var(--blue); text-transform: uppercase; letter-spacing: .16em; font-size: 10px; font-weight: 800; margin-bottom: 13px; }
.vika-theme .proposal-eyebrow { color: #906dff; }
.proposal-lead { max-width: 720px; font-size: 17px !important; }
.intro-layout { display: grid; grid-template-columns: 1.25fr .75fr; gap: 56px; align-items: center; }
.intro-photo { width: 100%; aspect-ratio: 4 / 3; object-fit: cover; border-radius: 15px; }
.quote { border-left: 3px solid var(--coral); padding-left: 17px; margin-top: 28px; color: #31445c; font-weight: 700; line-height: 1.45; }
.dark .quote { color: #f2f6fc; }
.thank-you-layout { display: grid; grid-template-columns: 1fr .8fr; gap: 50px; align-items: center; }
.thank-you-letter { font-size: 15px !important; line-height: 1.75 !important; }
.thank-you-signature { margin-top: 22px; color: #30445c; font-weight: 800; }
.client-logo-card { min-height: 170px; border: 1px solid var(--proposal-line); border-radius: 15px; display: grid; place-items: center; padding: 22px; background: white; }
.client-logo-card img { max-width: 85%; max-height: 110px; object-fit: contain; }
.client-logo-placeholder { text-align: center; color: var(--proposal-muted); font-size: 12px; }
.manager-card { margin-top: 12px; padding: 13px 15px; border-left: 3px solid var(--coral); background: #f7f9fc; display: grid; gap: 3px; }
.manager-card span { color: #71869e; font-size: 9px; font-weight: 800; letter-spacing: .12em; text-transform: uppercase; }
.manager-card strong { color: var(--proposal-ink); font: 800 18px Manrope, sans-serif; letter-spacing: -.04em; }
.manager-card small { color: var(--proposal-muted); font-size: 11px; }
.deliverable-layout { display: grid; grid-template-columns: .78fr 1.22fr; gap: 58px; align-items: start; }
.deliverable-list { display: grid; gap: 0; border-top: 1px solid var(--proposal-line); }
.deliverable { display: grid; grid-template-columns: 34px 1fr; gap: 12px; padding: 17px 0; border-bottom: 1px solid var(--proposal-line); }
.deliverable-number { color: var(--coral); font: 800 14px Manrope, sans-serif; }
.deliverable p { font-size: 13px; }
.method-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 13px; margin-top: 30px; }
.method-step { background: white; border: 1px solid var(--proposal-line); border-radius: 12px; padding: 19px; min-height: 150px; }
.method-step span { color: var(--coral); font: 800 12px Manrope, sans-serif; }
.method-step h3 { margin-top: 24px; font-size: 16px; }
.method-step p { font-size: 12px; }
.differentiator-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 13px; margin-top: 30px; }
.differentiator { border-top: 2px solid var(--coral); padding-top: 15px; }
.vika-theme .differentiator { border-top-color: var(--violet); }
.differentiator h3 { font-size: 15px; margin: 0 0 8px; }
.differentiator p { font-size: 12px; }
.proof-section { padding-bottom: 53px; }
.proof-header { display: flex; justify-content: space-between; align-items: end; gap: 20px; }
.proof-header p { max-width: 360px; font-size: 12px; }
.client-proof-grid { display: grid; grid-template-columns: repeat(6, 1fr); gap: 9px; margin-top: 28px; }
.client-proof { min-height: 72px; display: grid; place-items: center; text-align: center; padding: 9px; border: 1px solid var(--proposal-line); border-radius: 10px; color: #41556e; background: white; font-size: 11px; font-weight: 800; }
.client-proof img { max-width: 90%; max-height: 54px; object-fit: contain; }
.testimonial { margin-top: 28px; padding: 18px 20px; background: rgba(45,120,214,.07); border-radius: 12px; color: #31445c; font-size: 13px; line-height: 1.5; }
.vika-theme .testimonial { background: rgba(138,92,246,.08); }
.investment-layout { display: grid; grid-template-columns: 1fr 1fr; gap: 35px; align-items: start; }
.investment-figure { color: white; background: var(--coral); border-radius: 16px; padding: 25px; min-height: 176px; }
.vika-theme .investment-figure { background: linear-gradient(135deg, #8555ee, #5e3ab6); }
.investment-figure .label { text-transform: uppercase; letter-spacing: .15em; font-size: 10px; font-weight: 800; opacity: .8; }
.investment-figure strong { display: block; margin: 22px 0 6px; font: 800 clamp(28px, 4vw, 43px) Manrope, sans-serif; letter-spacing: -.06em; }
.investment-figure small { opacity: .82; }
.price-note { margin-top: 16px; color: rgba(255,255,255,.82); font-size: 11px; line-height: 1.4; }
.commercial-list { display: grid; gap: 15px; }
.commercial-item { padding-bottom: 15px; border-bottom: 1px solid var(--proposal-line); }
.commercial-item strong { display: block; font-size: 12px; margin-bottom: 5px; }
.commercial-item p { font-size: 13px; }
.next-step { display: flex; justify-content: space-between; gap: 25px; align-items: center; }
.next-step h2 { max-width: 500px; margin-bottom: 0; }
.next-step-action { color: white; border: 1px solid rgba(255,255,255,.35); border-radius: 30px; padding: 13px 18px; font-size: 12px; font-weight: 800; white-space: nowrap; }
.proposal-footer { padding: 22px 70px 30px; display: flex; justify-content: space-between; gap: 20px; color: #8493a5; font-size: 10px; }
.proposal-footer a { color: inherit; }
@media (max-width: 1060px) { .app-shell { grid-template-columns: 220px 1fr; } .main-panel { padding: 25px; } .proposal-grid { grid-template-columns: repeat(2, minmax(0,1fr)); } }
@media (max-width: 800px) { .app-shell { display: block; } .sidebar { min-height: auto; padding: 18px; } .side-copy, .side-kicker, .sidebar-footer { display: none; } .side-nav { display: flex; overflow: auto; } .nav-item { white-space: nowrap; } .topbar { display: block; } .topbar-actions { margin-top: 20px; flex-wrap: wrap; } .brand-comparison, .guide-grid, .intro-layout, .thank-you-layout, .deliverable-layout, .investment-layout { grid-template-columns: 1fr; } .differentiator-grid { grid-template-columns: repeat(2, 1fr); } .client-proof-grid { grid-template-columns: repeat(3, 1fr); } .proposal-section { padding: 42px 28px; } .proposal-footer { padding: 20px 28px; } }
@media (max-width: 560px) { .main-panel { padding: 18px; } .proposal-grid { grid-template-columns: 1fr; } .section-heading { display: block; } .view-tools { margin-top: 15px; } .search-input { width: 100%; } .form-grid { grid-template-columns: 1fr; } .span-2 { grid-column: auto; } .modal-backdrop { padding: 0; } .editor-modal, .preview-modal { max-height: 100vh; height: 100vh; border-radius: 0; } .modal-footer { display: block; } .modal-actions { margin-top: 12px; } .proposal-cover { min-height: 580px; padding: 25px; } .cover-top { align-items: flex-start; } .client-logo-cover { max-width: 110px; } .cover-bottom { display: block; } .cover-bottom > * + * { margin-top: 8px; } .proposal-section h2 { font-size: 28px; } .method-grid, .differentiator-grid { grid-template-columns: 1fr; } .client-proof-grid { grid-template-columns: repeat(2, 1fr); } .proof-header { display: block; } .next-step { display: block; } .next-step-action { display: inline-block; margin-top: 25px; } }

.crm-view{padding-bottom:48px}.crm-page-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:24px}.crm-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:28px 0}.crm-metric,.crm-card,.product-card,.opportunity-column{border:1px solid #dfe6ee;background:#fff;border-radius:16px;padding:20px}.crm-metric{display:grid;gap:8px}.crm-metric span,.crm-metric small{color:#71839a;font-size:11px}.crm-metric strong{font-family:Manrope,sans-serif;font-size:28px;color:#10233f}.crm-columns{display:grid;grid-template-columns:1.15fr .85fr;gap:16px}.crm-card-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}.crm-card h3{margin:0;font-size:16px}.pipeline-line,.event-line{display:flex;justify-content:space-between;gap:14px;border-bottom:1px solid #edf1f5;padding:13px 0;font-size:13px}.pipeline-line:last-child,.event-line:last-child{border-bottom:0}.event-line{display:grid;justify-content:initial;gap:4px}.event-line small,.crm-table small{display:block;color:#8291a4;margin-top:4px}.crm-toolbar{display:flex;gap:12px;margin:20px 0}.crm-table-wrap{overflow:auto;background:#fff;border:1px solid #dfe6ee;border-radius:16px}.crm-table{width:100%;border-collapse:collapse;min-width:680px}.crm-table th,.crm-table td{text-align:left;padding:15px 17px;border-bottom:1px solid #edf1f5;font-size:13px}.crm-table th{color:#71839a;font-size:10px;letter-spacing:.1em;text-transform:uppercase}.crm-table tr:last-child td{border-bottom:0}.crm-table a{color:#1c65b3;text-decoration:none}.status-pill,.temperature,.product-brand{display:inline-flex;padding:5px 9px;border-radius:99px;font-size:10px;font-weight:800;letter-spacing:.05em;text-transform:uppercase}.status-pill{background:#eef3f8;color:#3e5770}.temperature.hot{background:#ffe6e2;color:#c14d43}.temperature.warm{background:#fff3d4;color:#9e7412}.temperature.cold{background:#e7f0ff;color:#416ea8}.opportunity-board{display:grid;grid-template-columns:repeat(6,minmax(170px,1fr));gap:12px;overflow-x:auto;padding-bottom:8px}.opportunity-column{min-height:220px;padding:14px}.column-title{display:flex;justify-content:space-between;color:#536981;font-size:12px;margin-bottom:12px}.opportunity-card{display:grid;gap:7px;border:1px solid #e2e8ef;border-radius:12px;padding:13px;margin-bottom:9px;background:#fbfcfe}.opportunity-card span{font-weight:800;color:#183356}.opportunity-card small{color:#7c8da3}.opportunity-stage{font:inherit;border:1px solid #dfe6ee;border-radius:7px;padding:5px;font-size:11px;background:#fff}.product-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.product-card{min-height:140px}.product-card h3{font-size:17px;margin:16px 0 8px}.product-card small{color:#71839a}.product-brand.actualtrend{background:#ffe9e5;color:#b75245}.product-brand.vika{background:#eee7ff;color:#7252bd}.crm-empty{color:#8796aa;font-size:13px;padding:22px 5px}.page-intro p{max-width:760px}@media(max-width:1000px){.crm-metrics,.product-grid{grid-template-columns:repeat(2,1fr)}.crm-columns{grid-template-columns:1fr}.opportunity-board{grid-template-columns:repeat(6,210px)}}@media(max-width:620px){.crm-page-heading{display:block}.crm-page-heading .button{margin-top:18px}.crm-metrics,.product-grid{grid-template-columns:1fr}.crm-toolbar{display:block}.crm-toolbar>*{width:100%;margin-bottom:9px}}
.dashboard-insights-card{margin-top:16px}.insight-item{display:flex;justify-content:space-between;gap:18px;align-items:center;border-bottom:1px solid #edf1f5;padding:13px 0}.insight-item:last-child{border-bottom:0}.insight-item strong{display:block;font-size:13px;color:#183356}.insight-item p{margin:5px 0 0;color:#71839a;font-size:12px}.insight-severity{display:block;width:max-content;margin-bottom:5px;color:#9a8250;font-size:9px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.insight-item.critical .insight-severity,.insight-card.critical .insight-severity{color:#c14d43}.insight-item.attention .insight-severity,.insight-card.attention .insight-severity{color:#9e7412}.insight-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.insight-card{display:grid;align-content:start;gap:8px;border:1px solid #dfe6ee;border-radius:16px;padding:20px;background:#fff}.insight-card h3{margin:0;font-size:17px;color:#183356}.insight-card p{margin:0;color:#71839a;font-size:13px;line-height:1.5}.insight-card small{color:#8796aa;font-size:10px}.insight-card .small-button{justify-self:start;margin-top:8px}@media(max-width:1000px){.insight-grid{grid-template-columns:1fr 1fr}}@media(max-width:620px){.insight-grid{grid-template-columns:1fr}}
.inline-crm-form{margin:20px 0}.crm-form-card{background:#fff;border:1px solid #dfe6ee;border-radius:16px;padding:20px;box-shadow:0 12px 30px rgba(21,44,74,.07)}.crm-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.crm-form-grid label{display:grid;gap:7px;color:#536981;font-size:12px;font-weight:700}.crm-form-grid input,.crm-form-grid select,.crm-form-grid textarea{width:100%;border:1px solid #d7e0ea;border-radius:9px;background:#fbfcfe;padding:11px 12px;font:inherit;color:#183356}.crm-form-grid input:focus,.crm-form-grid select:focus,.crm-form-grid textarea:focus{outline:2px solid rgba(201,167,94,.35);border-color:#c9a75e}.crm-form-grid .span-2{grid-column:span 2}.crm-form-actions{grid-column:1/-1;display:flex;justify-content:flex-end;gap:10px;padding-top:6px}.status-pill.success{background:#e3f5e9;color:#2d7b4b}@media(max-width:620px){.crm-form-grid{grid-template-columns:1fr}.crm-form-grid .span-2{grid-column:auto}.crm-form-actions{display:flex;flex-direction:column-reverse}.crm-form-actions button{width:100%}}
.connector-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:26px 0}.connector-card{border:1px solid #dfe6ee;background:#fff;border-radius:16px;padding:18px}.connector-card-top{display:flex;justify-content:space-between;align-items:center;gap:8px}.connector-channel{font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:#9a8250;font-weight:800}.connector-card h3{margin:18px 0 6px;font-size:16px;color:#183356}.connector-card small{color:#71839a}.connector-stats{display:grid;gap:6px;margin-top:18px;padding-top:12px;border-top:1px solid #edf1f5;color:#8291a4;font-size:11px}.connector-stats strong{font-size:18px;color:#183356;margin-right:4px}.connector-events-heading{margin-top:28px}.status-pill.danger{background:#ffe6e2;color:#c14d43}.governance-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:26px 0}.card-actions{flex-wrap:wrap}@media(max-width:1000px){.connector-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:620px){.connector-grid,.governance-summary{grid-template-columns:1fr}}
.event-payload-preview{margin-top:14px;max-height:280px;overflow:auto;background:#0d1522;color:#d8e3f2;border-radius:14px;padding:16px;font:12px/1.55 ui-monospace,SFMono-Regular,Consolas,monospace}
.screen-filters{display:flex;align-items:center;justify-content:flex-end;gap:8px;flex-wrap:wrap}.screen-filters .search-input{width:200px;min-height:40px}.screen-filters .brand-select{min-height:40px}.record-actions{display:flex;gap:6px;flex-wrap:wrap;margin-top:10px}.record-detail-card{max-width:760px}.record-detail-row{display:grid;grid-template-columns:180px 1fr;gap:14px;padding:10px 0;border-bottom:1px solid #edf1f5;font-size:12px}.record-detail-row span{color:#8291a4}.record-detail-row strong{color:#183356;word-break:break-word}.danger-text{color:#bd5045!important}.crm-table td:last-child{white-space:normal}
.suite-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-top:28px}.suite-card{border:1px solid #dfe6ee;border-radius:18px;background:#fff;padding:20px;min-height:190px;box-shadow:0 10px 30px rgba(11,23,40,.04)}.suite-card-wide{grid-column:span 2}.suite-kicker{color:#9a8250;font-size:10px;font-weight:800;letter-spacing:.13em}.suite-card h3{margin:14px 0 6px;color:#183356;font:800 17px Manrope,sans-serif}.suite-card>strong{display:block;margin:16px 0 2px;color:#10233f;font:800 32px Manrope,sans-serif}.suite-card>small{color:#8291a4;font-size:11px}.suite-line{display:flex;justify-content:space-between;gap:12px;border-top:1px solid #edf1f5;margin-top:10px;padding-top:9px;color:#71839a;font-size:11px}.suite-line strong{color:#183356}.suite-executive-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:18px}.suite-kpi{border:1px solid #edf1f5;border-radius:12px;padding:14px}.suite-kpi span{display:block;color:#8291a4;font-size:11px}.suite-kpi strong{display:block;margin-top:8px;color:#183356;font:800 20px Manrope,sans-serif}.suite-plan-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:18px}.suite-plan-card,.suite-module-card{display:grid;gap:9px;padding:16px;border:1px solid #edf1f5;border-radius:14px;background:linear-gradient(180deg,#fff,#fcfbf8)}.suite-plan-card strong,.suite-module-card strong{color:#183356;font:800 18px Manrope,sans-serif}.suite-plan-meta{display:flex;justify-content:space-between;gap:8px;color:#6d7d90;font-size:11px}.suite-plan-card p,.suite-module-card p{margin:0;color:#71839a;font-size:12px;line-height:1.5}.suite-module-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:18px}.suite-module-cloud{display:inline-flex;width:max-content;padding:4px 8px;border-radius:999px;background:#f5eee0;color:#8e6d30;font-size:10px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.suite-pill-row{display:flex;flex-wrap:wrap;gap:6px}.suite-pill{display:inline-flex;padding:4px 8px;border-radius:999px;background:#eef3f8;color:#45607c;font-size:10px;font-weight:700}@media(max-width:1000px){.suite-grid{grid-template-columns:repeat(2,1fr)}.suite-card-wide{grid-column:span 2}.suite-plan-grid,.suite-module-grid{grid-template-columns:1fr 1fr}}@media(max-width:620px){.suite-grid{grid-template-columns:1fr}.suite-card-wide{grid-column:auto}.suite-executive-grid,.suite-plan-grid,.suite-module-grid{grid-template-columns:1fr}}
.help-toolbar{display:flex;justify-content:flex-end;margin:24px 0 16px}.help-toolbar .search-input{width:min(100%,360px)}.help-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.help-grid article{background:#fff;border:1px solid var(--line);border-radius:18px;padding:24px;box-shadow:0 10px 30px rgba(11,23,40,.04)}.help-grid article>span{color:var(--coral);font:800 13px Manrope,sans-serif}.help-grid h3{font:800 19px Manrope,sans-serif;margin:24px 0 8px}.help-grid p{color:var(--muted);line-height:1.55;margin:0;font-size:13px}.help-grid a{color:#1c65b3;font-weight:700}.help-summary-grid{margin-bottom:18px}.help-summary-card{min-height:190px}.help-anchor-list{display:flex;flex-wrap:wrap;gap:10px;margin:0 0 22px}.help-anchor-list a{display:inline-flex;align-items:center;min-height:38px;padding:0 14px;border:1px solid #dfe6ee;border-radius:999px;background:#fff;color:#183356;font:700 12px Manrope,sans-serif;text-decoration:none;box-shadow:var(--shadow-sm)}.help-anchor-list a:hover{border-color:#c9a75e;color:#8e6d30}.help-manual{display:grid;gap:18px}.help-section{display:grid;gap:16px;padding:28px;background:#fff;border:1px solid #dfe6ee;border-radius:24px;box-shadow:var(--shadow-sm)}.help-section-header{display:grid;gap:8px}.help-section-header>span{color:#9a8250;font:800 11px Manrope,sans-serif;letter-spacing:.12em;text-transform:uppercase}.help-section-header h3{margin:0;color:#183356;font:800 24px Manrope,sans-serif}.help-section>p{margin:0;color:#5d6f84;line-height:1.7}.help-steps{display:grid;gap:12px;margin:0;padding-left:20px;color:#4f6176}.help-steps li{line-height:1.7}.help-steps strong{color:#183356}.help-note{padding:16px 18px;border:1px solid #eadfbe;border-radius:16px;background:#fcf8ee;color:#6f5a2d;line-height:1.65}.help-phase-grid,.help-api-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.help-phase-card,.help-api-card{display:grid;gap:10px;padding:18px;border:1px solid #edf1f5;border-radius:18px;background:linear-gradient(180deg,#fff,#fcfbf8)}.help-phase-card strong,.help-api-card strong{color:#183356;font:800 17px Manrope,sans-serif}.help-phase-card p,.help-api-card p{margin:0;color:#5d6f84;line-height:1.65}.help-api-card code{display:inline-flex;width:max-content;padding:5px 9px;border-radius:999px;background:#f3f6fa;color:#294a71;font-size:12px}.help-checklist{display:grid;gap:9px;margin:0;padding-left:18px;color:#4f6176}.help-checklist li{line-height:1.65}.help-support-links{display:flex;flex-wrap:wrap;gap:10px;align-items:center}.help-support-links span{color:#9aacbf}@media(max-width:1000px){.help-grid,.help-phase-grid,.help-api-grid{grid-template-columns:1fr 1fr}}@media(max-width:800px){.app-shell,.sidebar-is-collapsed{display:block}.app-footer{padding:18px}.sidebar-collapsed{padding:14px 18px}.sidebar-collapsed .avior-lockup{width:58px}.sidebar-collapsed .side-nav{display:flex}.sidebar-collapsed .nav-group{display:none}.sidebar-collapse{position:absolute;right:18px;top:18px}.topbar-actions{flex-wrap:wrap}}@media(max-width:620px){.help-grid,.help-phase-grid,.help-api-grid{grid-template-columns:1fr}.help-toolbar{display:block}.help-toolbar .search-input{width:100%}.help-anchor-list{display:grid}.help-section{padding:22px}.help-section-header h3{font-size:21px}.help-support-links{display:grid;justify-items:start}}
/* Global search */
.global-search-wrap{position:relative;min-width:220px}.global-search-input{width:240px;min-height:40px}.global-search-results{position:absolute;z-index:20;top:48px;right:0;width:min(360px,80vw);padding:8px;background:#fff;border:1px solid #dfe6ee;border-radius:12px;box-shadow:0 16px 35px rgba(11,23,40,.14)}.global-search-result{display:grid;width:100%;gap:3px;text-align:left;border:0;background:transparent;border-radius:8px;padding:10px 11px;cursor:pointer}.global-search-result:hover{background:#f3f6fa}.global-search-result strong{color:#183356;font-size:12px}.global-search-result small{color:#8291a4;font-size:10px}
.hidden{display:none!important}
.setup-form{display:grid;gap:22px;margin-top:24px}.setup-section{border-top:1px solid #edf1f5;padding-top:18px}.setup-section h3{margin:0 0 14px;color:#183356;font:800 16px Manrope,sans-serif}.setup-health-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:18px}@media(max-width:800px){.setup-health-grid{grid-template-columns:1fr}.global-search-wrap{width:100%}.global-search-input{width:100%}}

/* Avior Design System 2026 -------------------------------------------------
   A camada abaixo consolida hierarquia, densidade e responsividade sem mudar
   os contratos de dados ou a identidade original da marca. */
:root {
  --ink: #171816;
  --muted: #6f716d;
  --line: #e5e1d8;
  --paper: #f4f2ed;
  --white: #fffefa;
  --navy: #101a2c;
  --avior-black: #080908;
  --avior-gold: #d5bb7d;
  --avior-gold-deep: #a98745;
  --avior-gold-soft: #f5ecd8;
  --surface-raised: #fffefa;
  --surface-subtle: #efede7;
  --shadow-sm: 0 1px 2px rgba(20, 18, 13, .04), 0 8px 24px rgba(20, 18, 13, .045);
  --shadow: 0 24px 70px rgba(20, 18, 13, .11);
  --radius-sm: 12px;
  --radius-md: 18px;
  --radius-lg: 28px;
  color-scheme: light;
}

html { scroll-behavior: smooth; }
body {
  min-width: 320px;
  color: var(--ink);
  background:
    radial-gradient(circle at 76% -10%, rgba(213,187,125,.14), transparent 28rem),
    var(--paper);
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}
::selection { color: #17130b; background: #e8d49f; }
button, a, input, select, textarea { -webkit-tap-highlight-color: transparent; }
button:focus-visible, a:focus-visible, input:focus-visible, select:focus-visible, textarea:focus-visible {
  outline: 3px solid rgba(181, 145, 74, .34);
  outline-offset: 2px;
}
.skip-link {
  position: fixed;
  z-index: 100;
  top: 12px;
  left: 12px;
  padding: 10px 14px;
  border-radius: 10px;
  color: #17130b;
  background: #ead79e;
  font-weight: 800;
  transform: translateY(-160%);
  transition: transform .18s;
}
.skip-link:focus { transform: translateY(0); }

.app-shell { grid-template-columns: 278px minmax(0, 1fr); }
.sidebar {
  position: sticky;
  top: 0;
  z-index: 12;
  height: 100vh;
  min-height: 0;
  overflow-y: auto;
  overscroll-behavior: contain;
  padding: 24px 20px 18px;
  background:
    radial-gradient(circle at 48% 0, rgba(213,187,125,.10), transparent 260px),
    linear-gradient(180deg, #090a09 0%, #111210 100%);
  border-right: 1px solid rgba(213,187,125,.14);
  scrollbar-width: thin;
  scrollbar-color: rgba(213,187,125,.28) transparent;
}
.avior-lockup {
  flex: 0 0 108px;
  width: calc(100% - 20px);
  height: 108px;
  aspect-ratio: auto;
  display: grid;
  place-items: center;
  margin: 0 0 7px;
  border: 1px solid rgba(213,187,125,.1);
  border-radius: 18px;
  background: #050605;
  box-shadow: inset 0 1px rgba(255,255,255,.025), 0 14px 34px rgba(0,0,0,.18);
}
.avior-lockup img { display: block; width: 100%; height: 100%; object-fit: contain; object-position: center; }
.avior-lockup .avior-logo-full { display: block; }
.avior-lockup .avior-logo-mark { display: none; }
.avior-slogan {
  flex: 0 0 auto;
  margin: 0 34px 20px 8px;
  padding: 0;
  border: 0;
  color: #b9a87d;
  font-size: 9px;
  line-height: 1.45;
  letter-spacing: .16em;
  opacity: .92;
}
.sidebar-collapse {
  position: absolute;
  top: 42px;
  right: 17px;
  width: 30px;
  height: 30px;
  margin: 0;
  border-color: rgba(213,187,125,.16);
  border-radius: 50%;
  color: #dac58e;
  background: rgba(255,255,255,.035);
  transition: background .2s, border-color .2s, transform .2s;
}
.sidebar-collapse:hover { border-color: rgba(213,187,125,.5); background: rgba(213,187,125,.1); }
.side-nav { flex: 0 0 auto; gap: 10px; }
.nav-group { gap: 3px; }
.nav-group + .nav-group { padding-top: 4px; border-top: 1px solid rgba(255,255,255,.045); }
.nav-group-toggle {
  min-height: 34px;
  padding: 7px 10px 4px;
  color: #797a73;
  letter-spacing: .14em;
  transition: color .18s;
}
.nav-group-toggle:hover { color: #c2bdaF; }
.nav-group-chevron { color: #9f8a58; }
.nav-group-items { gap: 2px; }
.nav-item {
  position: relative;
  display: flex;
  align-items: center;
  width: 100%;
  min-height: 43px;
  padding: 9px 11px;
  border: 1px solid transparent;
  border-radius: 12px;
  color: #aaa9a2;
  font-size: 13px;
  letter-spacing: -.01em;
  transition: color .18s, background .18s, border-color .18s, transform .18s;
}
.nav-item:hover {
  color: #f8f3e7;
  background: rgba(255,255,255,.045);
  box-shadow: none;
  transform: translateX(2px);
}
.nav-item.active, .nav-item[aria-current="page"] {
  color: #fffaf0;
  border-color: rgba(213,187,125,.17);
  background: linear-gradient(100deg, rgba(213,187,125,.16), rgba(213,187,125,.055));
  box-shadow: inset 3px 0 0 var(--avior-gold), 0 8px 25px rgba(0,0,0,.12);
}
.nav-icon {
  display: inline-grid;
  place-items: center;
  flex: 0 0 28px;
  width: 28px;
  height: 28px;
  margin-right: 7px;
  border: 1px solid rgba(213,187,125,.12);
  border-radius: 9px;
  color: #d8c48f;
  background: rgba(255,255,255,.025);
  font-size: 14px;
}
.logout-button {
  min-height: 43px;
  margin-top: auto;
  border-color: rgba(213,187,125,.14);
  border-radius: 12px;
  color: #a9a69f;
  font-size: 12px;
  transition: color .18s, background .18s, border-color .18s;
}
.logout-button:hover { color: #fff6df; border-color: rgba(213,187,125,.38); background: rgba(213,187,125,.07); }

.sidebar-is-collapsed { grid-template-columns: 84px minmax(0, 1fr); }
.sidebar-collapsed { padding: 22px 12px 18px; }
.sidebar-collapsed .avior-lockup { flex-basis: 52px; width: 52px; height: 52px; margin: 0 auto 21px; border-radius: 14px; }
.sidebar-collapsed .avior-lockup .avior-logo-full { display: none; }
.sidebar-collapsed .avior-lockup .avior-logo-mark { display: block; }
.sidebar-collapsed .sidebar-collapse { position: static; align-self: center; margin-bottom: 12px; }
.sidebar-collapsed .nav-icon { flex-basis: 34px; width: 34px; height: 34px; margin: 0; }
.sidebar-collapsed .nav-item { min-height: 46px; }
.sidebar-collapsed .logout-button { overflow: hidden; font-size: 0; }
.sidebar-collapsed .logout-button::before { content: "↪"; font-size: 17px; }

.main-panel {
  width: 100%;
  max-width: 1720px;
  min-width: 0;
  padding: 30px clamp(28px, 4vw, 68px) 72px;
  overflow: visible;
}
.topbar {
  position: relative;
  z-index: 8;
  align-items: center;
  gap: 32px;
  min-height: 86px;
  margin-bottom: 32px;
  padding-bottom: 21px;
  border-bottom: 1px solid rgba(119,110,91,.14);
}
.topbar-heading { display: flex; align-items: center; min-width: 260px; }
.topbar-title-copy { min-width: 0; }
.topbar h1 {
  max-width: 700px;
  margin-top: 7px;
  color: #1a1b18;
  font-size: clamp(27px, 2.45vw, 39px);
  line-height: 1.04;
  letter-spacing: -.052em;
}
.eyebrow { color: #9b7a3c; letter-spacing: .17em; }
.topbar-actions { justify-content: flex-end; flex-wrap: wrap; }
.mobile-menu-toggle, .sidebar-scrim { display: none; }
.context-action-hidden { display: none !important; }

.brand-select, .button, .search-input {
  min-height: 45px;
  border-radius: 12px;
}
.brand-select, .search-input {
  border-color: #ded9cf;
  color: #2a2b28;
  background-color: rgba(255,254,250,.88);
  box-shadow: 0 1px 0 rgba(255,255,255,.75);
  transition: border-color .18s, box-shadow .18s, background .18s;
}
.brand-select:hover, .search-input:hover { border-color: #c9c1b2; background-color: #fff; }
.search-input::placeholder { color: #92938f; }
.global-search-input { width: clamp(210px, 17vw, 285px); padding-left: 16px; }
.button {
  min-height: 45px;
  padding-inline: 18px;
  border-radius: 12px;
  letter-spacing: -.01em;
}
.button.primary {
  color: #18140c;
  background: linear-gradient(135deg, #ead79e 0%, #d1b56f 54%, #b99650 100%);
  box-shadow: 0 9px 24px rgba(138,101,35,.19), inset 0 1px rgba(255,255,255,.45);
}
.button.primary:hover { box-shadow: 0 13px 30px rgba(138,101,35,.27), inset 0 1px rgba(255,255,255,.45); }
.button.secondary, .small-button {
  color: #4e4c46;
  border-color: #ded9cf;
  background: #fffefa;
  box-shadow: 0 1px 2px rgba(20,18,13,.03);
}
.button.secondary:hover, .small-button:hover { color: #25241f; border-color: #c4bba9; background: #fff; }

.hero-strip {
  min-height: 300px;
  margin-bottom: 42px;
  border: 1px solid rgba(213,187,125,.17);
  border-radius: var(--radius-lg);
  box-shadow: 0 28px 75px rgba(11,18,31,.16);
}
.hero-strip::before {
  content: "";
  position: absolute;
  z-index: 1;
  inset: 0;
  background: linear-gradient(130deg, rgba(213,187,125,.11), transparent 38%);
  pointer-events: none;
}
.hero-strip::after { background: linear-gradient(90deg, rgba(10,18,31,.98) 0%, rgba(10,18,31,.84) 43%, rgba(10,18,31,.12) 100%); }
.hero-strip-content { padding: 42px 46px; }
.hero-strip-content .eyebrow { color: #d6c18e; }
.hero-strip-content h2 { max-width: 520px; margin-top: 18px; font-size: clamp(30px, 3vw, 44px); }
.hero-strip-content p { color: #d3d7dc; }

.section-heading { margin-bottom: 22px; }
.section-heading h2, .page-intro h2 { color: #20211e; font-size: clamp(26px, 2.2vw, 34px); }
.page-intro { max-width: none; padding: 18px 0 30px; }
.page-intro p { margin-bottom: 0; color: var(--muted); font-size: 14px; }
.view-tools, .crm-toolbar { flex-wrap: wrap; }
.result-count { color: #7b7c78; }

.proposal-grid { grid-template-columns: repeat(3, minmax(250px, 1fr)); gap: 18px; }
.proposal-card, .crm-card, .crm-metric, .product-card, .opportunity-column, .connector-card,
.insight-card, .suite-card, .help-grid article, .guide-grid article, .setup-roadmap, .crm-form-card {
  border-color: var(--line);
  background: var(--surface-raised);
  box-shadow: var(--shadow-sm);
}
.proposal-card {
  min-height: 304px;
  padding: 22px;
  border-radius: var(--radius-md);
  box-shadow: var(--shadow-sm);
}
.proposal-card:hover {
  border-color: #d2c7b2;
  box-shadow: 0 20px 48px rgba(20,18,13,.10);
  transform: translateY(-4px);
}
.proposal-card h3 { color: #22231f; font-size: 21px; }
.proposal-card .scope { color: #737570; }
.proposal-card .card-footer { display: grid; grid-template-columns: minmax(0, 1fr); align-items: start; gap: 17px; }
.proposal-card .card-actions { justify-content: flex-start; }
.brand-tag { color: #957231; }
.status-tag { color: #777a76; }
.card-value { color: #24241f; }
.small-button { min-height: 34px; padding: 7px 11px; border-radius: 10px; }
.small-button.primary-mini { color: #7d5a18; border-color: #e9d5a6; background: #fbf2dc; }

.crm-metrics { gap: 18px; margin: 20px 0 24px; }
.crm-metric { position: relative; min-height: 132px; padding: 22px; border-radius: var(--radius-md); overflow: hidden; }
.crm-metric::after { content: ""; position: absolute; right: -28px; bottom: -28px; width: 82px; height: 82px; border: 16px solid rgba(213,187,125,.09); border-radius: 50%; }
.crm-metric span, .crm-metric small { color: #787a76; }
.crm-metric strong { color: #23231f; font-size: 31px; letter-spacing: -.04em; }
.crm-columns { gap: 18px; }
.crm-card { padding: 23px; border-radius: var(--radius-md); }
.crm-card h3, .insight-card h3, .connector-card h3, .product-card h3, .suite-card h3 { color: #2b2b27; }
.pipeline-line, .event-line, .insight-item, .suite-line { border-bottom-color: #ece8df; }
.insight-card, .connector-card, .product-card, .suite-card { border-radius: var(--radius-md); }
.insight-grid, .connector-grid, .product-grid, .suite-grid, .help-grid { gap: 18px; }
.suite-card, .help-grid article { box-shadow: var(--shadow-sm); }
.suite-kicker, .connector-channel { color: #967438; }

.crm-table-wrap {
  border-color: var(--line);
  border-radius: var(--radius-md);
  background: var(--surface-raised);
  box-shadow: var(--shadow-sm);
  scrollbar-width: thin;
  scrollbar-color: #c9c2b5 transparent;
}
.crm-table th, .crm-table td { padding: 16px 18px; border-bottom-color: #ece8df; }
.crm-table thead { background: #f7f5f0; }
.crm-table th { position: sticky; top: 0; z-index: 1; color: #77766f; font-size: 10px; }
.crm-table tbody tr { transition: background .16s; }
.crm-table tbody tr:hover { background: #fbf8f1; }
.crm-table a { color: #8b692b; font-weight: 700; }
.opportunity-board { gap: 14px; }
.opportunity-column { border-radius: var(--radius-md); background: rgba(255,254,250,.75); }
.opportunity-card { border-color: #e6e1d8; border-radius: 13px; background: #fff; box-shadow: 0 5px 15px rgba(20,18,13,.035); }
.opportunity-card span, .record-detail-row strong { color: #30312d; }
.pipeline-toolbar{display:flex;align-items:center;justify-content:space-between;gap:18px;margin:20px 0 14px;padding:14px 16px;border:1px solid #e6e1d8;border-radius:14px;background:rgba(255,254,250,.82)}.pipeline-toolbar label{display:flex;align-items:center;gap:10px;font-size:12px;font-weight:800;color:#4b4d47}.pipeline-toolbar select{min-width:220px;border:1px solid #dcd6ca;border-radius:9px;background:#fff;padding:9px 12px;font:inherit}.pipeline-toolbar small,.stage-forecast-meta{color:#7b7c75;font-size:11px}.stage-forecast-meta{display:flex;justify-content:space-between;margin:-5px 0 12px;text-transform:uppercase;letter-spacing:.06em}.opportunity-card[draggable=true]{cursor:grab}.opportunity-card.dragging{opacity:.45}.opportunity-column.drag-over{outline:2px solid var(--brand-primary,#c9a75e);outline-offset:2px;background:color-mix(in srgb,var(--brand-primary,#c9a75e) 8%,#fff)}.pipeline-stage-chips{display:flex;flex-wrap:wrap;gap:5px;margin-top:8px}.pipeline-stage-chips span{font-size:10px;padding:4px 7px;border-radius:99px;background:#f1eee7;color:#66645d}.enterprise-workspace{margin-top:28px}.enterprise-data-quality{margin-top:16px}.enterprise-operations-panel .security-setup-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.one-time-secret{display:grid;gap:8px;margin-top:12px;padding:12px;border-radius:10px;background:#fff6da;color:#5e4b16}.one-time-secret code{overflow-wrap:anywhere;user-select:all}@media(max-width:760px){.pipeline-toolbar{align-items:stretch;flex-direction:column}.pipeline-toolbar label{align-items:stretch;flex-direction:column}.pipeline-toolbar select{min-width:0;width:100%}.enterprise-operations-panel .security-setup-grid{grid-template-columns:1fr}}
.signature-page{min-height:100vh;background:radial-gradient(circle at top,#fff9ec,#ece8df);display:grid;place-items:center;padding:24px}.signature-shell{width:min(680px,100%)}.signature-logo{display:block;width:130px;margin:0 auto 24px}.signature-shell>.crm-card{padding:32px}.signature-shell h1{font-family:Manrope,sans-serif;font-size:32px;letter-spacing:-.04em;color:#242720}.signature-shell .crm-form-card{margin-top:24px}.signature-consent{display:flex!important;align-items:flex-start;gap:10px}.signature-consent input{width:auto;margin-top:4px}
.status-pill { background: #eeece6; color: #585a56; }
.status-pill.success { background: #e6f3e9; color: #32714a; }
.status-pill.danger { background: #fbe8e5; color: #a94d43; }

.crm-form-card { border-radius: var(--radius-md); padding: 24px; }
.crm-form-grid input, .crm-form-grid select, .crm-form-grid textarea,
.form-grid input, .form-grid select, .form-grid textarea {
  min-height: 44px;
  border-color: #ded9cf;
  border-radius: 11px;
  color: #2c2c28;
  background: #fff;
}
.setup-section { border-top-color: #e9e5dc; }
.setup-roadmap-grid article { border-color: #e7e2d8; background: #faf8f3; }

.modal-backdrop { background: rgba(8,9,8,.72); backdrop-filter: blur(10px); }
.editor-modal, .preview-modal { border: 1px solid rgba(255,255,255,.18); border-radius: 24px; box-shadow: 0 35px 110px rgba(0,0,0,.35); }
.modal-header { padding: 25px 28px 20px; border-bottom-color: #e5e1d8; }
.editor-body { padding: 0 28px 28px; }
.modal-footer { padding: 18px 28px; border-top-color: #e5e1d8; background: rgba(255,254,250,.72); }
.editor-tab.active { border-bottom-color: var(--avior-gold-deep); }
.preview-header { background: rgba(244,242,237,.94); }
.preview-frame { background: #dedad2; }

.auth-gate {
  background:
    radial-gradient(circle at 50% -15%, rgba(213,187,125,.25), transparent 32rem),
    rgba(5,6,5,.96);
}
.auth-card {
  width: min(100%, 460px);
  padding: 38px;
  border-color: rgba(213,189,130,.26);
  border-radius: 28px;
  background: linear-gradient(150deg, #191a18, #090a09 68%);
  box-shadow: 0 35px 110px rgba(0,0,0,.58);
}
.avior-mark-mini { width: 60px; height: 60px; border-radius: 18px; }
.auth-form input { min-height: 48px; border-radius: 12px; }
.license-block { display: grid; gap: 14px; }
.license-block > strong { color: #fff7e7; font: 800 20px/1.2 Manrope,sans-serif; }
.license-block > p { margin: 0; color: #bbb6ab; line-height: 1.55; }
.license-status-icon { width: 42px; height: 42px; display: grid; place-items: center; border: 1px solid rgba(213,187,125,.35); border-radius: 13px; color: #1b160c; background: linear-gradient(135deg,#ead79e,#bd9850); font-weight: 900; }
.license-portal-link { display: inline-flex; align-items: center; justify-content: center; text-decoration: none; }

.app-footer { border-top-color: rgba(119,110,91,.14); background: transparent; }
.global-search-results { top: 51px; border-color: var(--line); border-radius: 15px; box-shadow: var(--shadow); }
.global-search-result:hover { background: #f7f3ea; }

@media (max-width: 1240px) {
  .app-shell { grid-template-columns: 244px minmax(0, 1fr); }
  .sidebar-is-collapsed { grid-template-columns: 84px minmax(0, 1fr); }
  .sidebar { padding-inline: 17px; }
  .topbar { align-items: flex-start; flex-direction: column; gap: 20px; }
  .topbar-actions { width: 100%; justify-content: flex-start; }
  .global-search-wrap { flex: 1 1 260px; }
  .global-search-input { width: 100%; }
  .proposal-grid { grid-template-columns: repeat(2, minmax(250px, 1fr)); }
  .suite-grid { grid-template-columns: repeat(2, 1fr); }
}

@media (max-width: 880px) {
  body { background: var(--paper); }
  body:has(.mobile-nav-open) { overflow: hidden; }
  .app-shell, .sidebar-is-collapsed { display: block; }
  .sidebar, .sidebar.sidebar-collapsed {
    position: fixed;
    inset: 0 auto 0 0;
    z-index: 50;
    width: min(86vw, 310px);
    height: 100dvh;
    padding: 22px 20px 20px;
    transform: translateX(-103%);
    transition: transform .28s cubic-bezier(.22,.8,.24,1);
    box-shadow: 24px 0 70px rgba(0,0,0,.32);
  }
  .mobile-nav-open .sidebar { transform: translateX(0); }
  .sidebar-scrim {
    display: block;
    position: fixed;
    z-index: 49;
    inset: 0;
    border: 0;
    padding: 0;
    background: rgba(6,7,6,.55);
    opacity: 0;
    pointer-events: none;
    backdrop-filter: blur(4px);
    transition: opacity .25s;
  }
  .mobile-nav-open .sidebar-scrim { opacity: 1; pointer-events: auto; }
  .sidebar.sidebar-collapsed .avior-lockup, .avior-lockup { flex-basis: 108px; width: calc(100% - 20px); height: 108px; margin: 0 0 7px; }
  .sidebar.sidebar-collapsed .avior-lockup .avior-logo-full { display: block; }
  .sidebar.sidebar-collapsed .avior-lockup .avior-logo-mark { display: none; }
  .sidebar.sidebar-collapsed .avior-slogan { height: auto; margin: 0 34px 22px 6px; font-size: 9px; }
  .sidebar.sidebar-collapsed .sidebar-collapse { display: none; }
  .sidebar .sidebar-collapse { display: none; }
  .sidebar.sidebar-collapsed .nav-group-toggle span:first-child { display: inline; }
  .sidebar.sidebar-collapsed .nav-group-toggle { justify-content: space-between; padding: 7px 10px 4px; }
  .sidebar.sidebar-collapsed .nav-group-chevron { display: inline; }
  .sidebar.sidebar-collapsed .nav-item { justify-content: flex-start; min-height: 43px; padding: 9px 11px; font-size: 13px; }
  .sidebar.sidebar-collapsed .nav-icon { flex-basis: 28px; width: 28px; height: 28px; margin-right: 7px; font-size: 14px; }
  .sidebar.sidebar-collapsed .logout-button { font-size: 12px; }
  .sidebar.sidebar-collapsed .logout-button::before { content: none; }
  .side-nav, .sidebar-collapsed .side-nav { display: grid; overflow: visible; }
  .sidebar-collapsed .nav-group { display: grid; }
  .main-panel { padding: 18px 20px 54px; }
  .topbar { gap: 17px; min-height: auto; margin-bottom: 25px; padding-bottom: 18px; }
  .topbar-heading { width: 100%; gap: 13px; }
  .topbar-title-copy { flex: 1; }
  .topbar h1 { font-size: clamp(24px, 6.3vw, 34px); }
  .topbar .eyebrow { font-size: 8px; line-height: 1.4; }
  .mobile-menu-toggle {
    display: grid;
    grid-template-columns: 19px 28px;
    place-items: center;
    flex: 0 0 59px;
    height: 46px;
    border: 1px solid #d9d3c7;
    border-radius: 14px;
    padding: 6px;
    color: var(--ink);
    background: #fffefa;
    box-shadow: var(--shadow-sm);
  }
  .mobile-menu-toggle img { width: 28px; height: 28px; object-fit: contain; border-radius: 8px; }
  .mobile-menu-lines { display: grid; gap: 3px; }
  .mobile-menu-lines i { display: block; width: 15px; height: 1.5px; border-radius: 3px; background: #3a3934; transition: transform .2s, opacity .2s; }
  .mobile-nav-open .mobile-menu-lines i:first-child { transform: translateY(4.5px) rotate(45deg); }
  .mobile-nav-open .mobile-menu-lines i:nth-child(2) { opacity: 0; }
  .mobile-nav-open .mobile-menu-lines i:last-child { transform: translateY(-4.5px) rotate(-45deg); }
  .topbar-actions { display: grid; grid-template-columns: 1fr auto auto; width: 100%; }
  .global-search-wrap { grid-column: 1 / -1; min-width: 0; width: 100%; }
  .global-search-input { width: 100%; }
  .topbar-actions .button.primary { grid-column: 1 / -1; }
  .brand-select-wrap .brand-select { width: 100%; }
  .language-select { justify-self: end; }
  .hero-strip { min-height: 280px; margin-bottom: 34px; border-radius: 22px; }
  .hero-strip-content { padding: 34px 30px; }
  .hero-strip::after { background: linear-gradient(90deg, rgba(10,18,31,.98), rgba(10,18,31,.76)); }
  .crm-page-heading { align-items: flex-start; }
  .crm-metrics { grid-template-columns: repeat(2, 1fr); }
  .connector-grid, .product-grid { grid-template-columns: repeat(2, 1fr); }
  .app-footer { padding: 18px 20px 24px; }
}

@media (max-width: 620px) {
  .main-panel { padding-inline: 16px; }
  .topbar-actions { grid-template-columns: minmax(0, 1fr) auto; }
  .brand-select-wrap { min-width: 0; }
  .brand-select-wrap .brand-select { max-width: 100%; }
  .topbar-actions .button.primary { min-height: 47px; }
  .hero-strip { min-height: 310px; }
  .hero-strip-content { padding: 32px 24px; }
  .hero-strip-content h2 { font-size: 31px; }
  .section-heading, .crm-page-heading { display: block; }
  .view-tools { display: grid; grid-template-columns: 1fr; width: 100%; margin-top: 17px; }
  .view-tools .search-input, .view-tools .brand-select { width: 100%; }
  .result-count { order: 3; }
  .proposal-grid, .crm-metrics, .connector-grid, .product-grid, .insight-grid, .suite-grid, .governance-summary { grid-template-columns: 1fr; }
  .crm-metric { min-height: 116px; }
  .crm-toolbar { display: grid; grid-template-columns: 1fr; }
  .crm-toolbar > * { width: 100%; margin: 0; }
  .crm-page-heading .button { width: 100%; margin-top: 18px; }
  .crm-table-wrap { margin-inline: -2px; border-radius: 15px; }
  .crm-table th, .crm-table td { padding: 14px 15px; }
  .setup-roadmap { padding: 18px; }
  .setup-roadmap-grid { grid-template-columns: 1fr; }
  .editor-modal, .preview-modal { border-radius: 0; }
  .modal-header { padding: 21px 20px 17px; }
  .editor-body { padding: 0 20px 22px; }
  .modal-footer { padding: 16px 20px; }
  .auth-gate { padding: 14px; }
  .auth-card { padding: 28px 24px; border-radius: 22px; }
}

/* Client access, identity and entity configurator */
.tenant-billing-panel,.field-configurator{margin:22px 0;border:1px solid var(--line);border-radius:20px;background:#fff;padding:24px;box-shadow:0 14px 38px rgba(19,28,24,.05)}
.tenant-billing-heading,.field-config-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:22px}.tenant-billing-heading h3,.field-config-heading h3{font:800 21px Manrope,sans-serif;letter-spacing:-.035em;margin:8px 0 5px}.tenant-billing-heading p,.field-config-heading p{color:var(--muted);margin:0;font-size:13px;line-height:1.5}.tenant-billing-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:20px 0}.tenant-billing-summary article{background:#f5f3ee;border:1px solid #e7e3da;border-radius:13px;padding:15px}.tenant-billing-summary span{display:block;color:#7a817b;font-size:9px;text-transform:uppercase;letter-spacing:.09em}.tenant-billing-summary strong{display:block;font-size:13px;margin-top:7px}.tenant-billing-actions{display:flex;gap:9px;justify-content:flex-end}
.field-config-layout{display:grid;grid-template-columns:minmax(280px,.75fr) minmax(360px,1.25fr);gap:22px;margin-top:22px}.field-config-form{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:18px;border-radius:15px;background:#f5f3ee;border:1px solid #e6e2d9;align-self:start}.field-config-form label{display:grid;gap:6px;font-size:11px;font-weight:700;color:#5d665f}.field-config-form input,.field-config-form select,.field-list-toolbar select{width:100%;border:1px solid #d8d4ca;background:#fff;border-radius:9px;padding:10px;color:#243128}.field-config-form .span-2{grid-column:span 2}.field-flags{display:flex;gap:12px;flex-wrap:wrap}.field-flags label{display:flex;align-items:center;gap:5px}.field-flags input{width:auto}.field-list-toolbar{display:flex;justify-content:flex-end;gap:9px;margin-bottom:10px}.field-list-toolbar select{width:auto;min-width:190px}.custom-field-list{display:grid;gap:8px}.custom-field-card{display:flex;align-items:center;justify-content:space-between;gap:16px;border:1px solid #e1ded6;border-radius:13px;padding:14px 15px;background:#fff}.custom-field-card.inactive{opacity:.62;background:#f4f2ed}.custom-field-card>div:first-child{min-width:0}.custom-field-card span,.custom-field-card small{display:block;color:#7a817b;font-size:10px}.custom-field-card strong{display:block;margin:4px 0;font-size:13px}.custom-field-flags{display:flex;gap:6px;flex-shrink:0}.custom-field-flags button{border:0;cursor:pointer}.custom-field-section{border-top:1px solid #e4e0d8;margin-top:5px;padding-top:15px;display:flex;justify-content:space-between;gap:12px}.custom-field-section strong{font:800 13px Manrope,sans-serif}.custom-field-section small{color:#818a82;font-size:10px}.crm-form-grid [data-custom-field] small{color:#828b84;font-size:10px;font-weight:400}.crm-form-grid select[multiple]{min-height:94px}
@media(max-width:1000px){.field-config-layout{grid-template-columns:1fr}.tenant-billing-summary{grid-template-columns:repeat(2,1fr)}}
@media(max-width:620px){.tenant-billing-panel,.field-configurator{padding:18px}.tenant-billing-heading,.field-config-heading{display:grid}.tenant-billing-summary,.field-config-form{grid-template-columns:1fr}.field-config-form .span-2{grid-column:auto}.tenant-billing-actions,.field-list-toolbar,.custom-field-card{display:grid}.tenant-billing-actions>*{width:100%}.custom-field-flags{margin-top:8px}.custom-field-section{display:grid}}

.setup-subnav{position:sticky;top:10px;z-index:15;display:flex;gap:7px;overflow-x:auto;margin:0 0 22px;padding:7px;border:1px solid #ded9ce;border-radius:16px;background:rgba(255,254,250,.94);box-shadow:0 12px 32px rgba(22,30,26,.08);backdrop-filter:blur(14px)}
.setup-subnav button{flex:1;min-width:max-content;border:0;border-radius:11px;padding:11px 15px;color:#646d66;background:transparent;font:700 12px Manrope,sans-serif;cursor:pointer;transition:background .18s,color .18s,box-shadow .18s}
.setup-subnav button:hover{color:var(--ink);background:#f1eee7}.setup-subnav button.active{color:#fff;background:var(--ink);box-shadow:0 8px 20px rgba(20,29,24,.18)}
.branding-panel{margin:22px 0;border:1px solid var(--line);border-radius:20px;background:#fff;padding:24px;box-shadow:0 14px 38px rgba(19,28,24,.05)}
.branding-form{display:grid;grid-template-columns:minmax(240px,.7fr) minmax(360px,1.3fr);gap:22px;margin-top:20px}.branding-preview{display:flex;align-items:center;gap:16px;min-height:170px;padding:24px;border-radius:17px;color:#fff;background:linear-gradient(145deg,var(--ink),#26352c);box-shadow:inset 0 0 0 1px rgba(255,255,255,.08)}.branding-preview strong,.branding-preview span{display:block}.branding-preview strong{font:800 18px Manrope,sans-serif}.branding-preview span{margin-top:5px;color:#ccd2cd;font-size:11px}.branding-logo-preview{display:grid;place-items:center;width:94px;height:94px;flex:0 0 94px;padding:10px;border-radius:18px;background:#fff}.branding-logo-preview img{max-width:100%;max-height:100%;object-fit:contain}.branding-fields{display:grid;grid-template-columns:1fr 1fr;gap:13px}.branding-fields label{display:grid;gap:7px;color:#5d665f;font-size:11px;font-weight:700}.branding-fields input{width:100%;border:1px solid #d8d4ca;background:#fff;border-radius:10px;padding:10px;color:#243128}.branding-fields .span-2{grid-column:span 2}.branding-fields small{color:#858d87;font-weight:400}.color-input{display:grid;grid-template-columns:48px 1fr;gap:7px}.color-input input[type=color]{height:42px;padding:4px;cursor:pointer}.branding-actions{grid-column:1/-1;display:flex;justify-content:flex-end;gap:9px;border-top:1px solid #ebe7de;padding-top:16px}
.branding-preview-logos{display:flex;align-items:flex-start;gap:12px}.branding-preview-logo-item{display:grid;justify-items:center;gap:6px;color:#ccd2cd;font-size:10px}.branding-preview-logo-item small{margin:0;color:#ccd2cd}.branding-avior-logo,.branding-client-logo-preview{max-width:100%;max-height:100%;object-fit:contain}.branding-client-placeholder{display:grid!important;place-items:center;width:100%;height:100%;margin:0!important;color:#7b847d!important;font-size:11px!important;text-align:center}
.field-section-title{display:flex;align-items:end;justify-content:space-between;margin:18px 0 12px}.field-section-title h4{margin:0;font:800 15px Manrope,sans-serif}.field-section-title p{margin:4px 0 0;color:var(--muted);font-size:11px}.field-section-title.custom-title{margin-top:28px;padding-top:21px;border-top:1px solid #e7e3da}.standard-field-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.standard-field-card{display:flex;align-items:center;justify-content:space-between;gap:12px;min-width:0;padding:13px;border:1px solid #e2ded5;border-radius:13px;background:#fff}.standard-field-card.inactive{background:#f2f0eb;opacity:.72}.standard-field-card>div:first-child{min-width:0}.standard-field-card span,.standard-field-card small{display:block;overflow:hidden;color:#818982;font-size:9px;text-overflow:ellipsis;white-space:nowrap}.standard-field-card span{text-transform:uppercase;letter-spacing:.08em}.standard-field-card strong{display:block;overflow:hidden;margin:4px 0;font-size:12px;text-overflow:ellipsis;white-space:nowrap}.standard-field-actions{display:grid;gap:5px;flex:0 0 auto}.standard-field-actions button{border:0;cursor:pointer}.field-hidden-by-config{display:none!important}.client-brand-logo{object-fit:contain!important}
@media(max-width:1150px){.standard-field-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:800px){.branding-form{grid-template-columns:1fr}.branding-actions{grid-column:auto}.standard-field-grid{grid-template-columns:1fr}.setup-subnav button{flex:0 0 auto}}
body[data-theme="dark"] {
  --ink: #f5f1e8;
  --muted: #b7b0a1;
  --line: rgba(244, 234, 210, .14);
  --paper: #0b0d12;
  --white: #141821;
  --shadow: 0 20px 60px rgba(0, 0, 0, .35);
  color: var(--ink);
  background:
    radial-gradient(circle at top left, rgba(215, 189, 130, .11), transparent 28%),
    linear-gradient(180deg, #090b0f 0%, #10141c 100%);
}
body[data-theme="dark"] .main-panel,
body[data-theme="dark"] .app-footer { background: transparent; }
body[data-theme="dark"] .app-footer { border-top-color: rgba(244, 234, 210, .12); color: #9f9a8d; }
body[data-theme="dark"] .page-intro p,
body[data-theme="dark"] .crm-empty,
body[data-theme="dark"] .crm-table small,
body[data-theme="dark"] .suite-plan-card p,
body[data-theme="dark"] .suite-module-card p { color: #b7b0a1; }
body[data-theme="dark"] .crm-card,
body[data-theme="dark"] .crm-metric,
body[data-theme="dark"] .product-card,
body[data-theme="dark"] .opportunity-column,
body[data-theme="dark"] .connector-card,
body[data-theme="dark"] .suite-card,
body[data-theme="dark"] .crm-table-wrap,
body[data-theme="dark"] .proposal-card,
body[data-theme="dark"] .insight-card,
body[data-theme="dark"] .crm-form-card,
body[data-theme="dark"] .setup-subnav,
body[data-theme="dark"] .payment-contract,
body[data-theme="dark"] .payment-party,
body[data-theme="dark"] .payment-history-row,
body[data-theme="dark"] .lead-kanban-column {
  border-color: rgba(244, 234, 210, .12);
  background: linear-gradient(180deg, rgba(17, 21, 29, .98), rgba(12, 15, 21, .98));
  box-shadow: 0 12px 34px rgba(0, 0, 0, .2);
}
body[data-theme="dark"] .crm-card h3,
body[data-theme="dark"] .crm-metric strong,
body[data-theme="dark"] .suite-card h3,
body[data-theme="dark"] .suite-kpi strong,
body[data-theme="dark"] .insight-card h3,
body[data-theme="dark"] .connector-card h3,
body[data-theme="dark"] .product-card h3,
body[data-theme="dark"] .proposal-card h3,
body[data-theme="dark"] .topbar h1 { color: #f8f4eb; }
body[data-theme="dark"] .search-input,
body[data-theme="dark"] .brand-select,
body[data-theme="dark"] .button.secondary,
body[data-theme="dark"] .crm-form-grid input,
body[data-theme="dark"] .crm-form-grid select,
body[data-theme="dark"] .crm-form-grid textarea,
body[data-theme="dark"] .small-button {
  color: #f2ecde;
  border-color: rgba(244, 234, 210, .14);
  background: rgba(255, 255, 255, .04);
}
body[data-theme="dark"] .crm-table thead { background: rgba(255, 255, 255, .03); }
body[data-theme="dark"] .crm-table tbody tr:hover { background: rgba(215, 189, 130, .06); }
body[data-theme="dark"] .status-pill { background: rgba(255, 255, 255, .08); color: #efe6d0; }
body[data-theme="dark"] .status-pill.success { background: rgba(73, 140, 93, .2); color: #bfe0c8; }
body[data-theme="dark"] .status-pill.danger { background: rgba(169, 77, 67, .2); color: #efc0b7; }
body[data-theme="dark"] .theme-toggle { color: #f7f1e3; border-color: rgba(215, 189, 130, .25); background: linear-gradient(145deg, #171b22, #0d0f14); }
body[data-theme="dark"] .theme-toggle[data-theme-state="dark"] { box-shadow: 0 0 0 1px rgba(215, 189, 130, .28) inset, 0 10px 22px rgba(0,0,0,.24); }
.theme-toggle { min-width: 112px; }
.bulk-toolbar {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 14px;
  margin: 16px 0;
  padding: 14px 16px;
  border: 1px solid var(--line);
  border-radius: 16px;
  background: linear-gradient(90deg, rgba(244, 234, 210, .52), rgba(255, 255, 255, .92));
}
.bulk-toolbar span { color: #5b697d; font-size: 12px; font-weight: 800; }
.bulk-toolbar .record-actions { margin-top: 0; }
.lead-kanban {
  display: grid;
  grid-template-columns: repeat(5, minmax(220px, 1fr));
  gap: 14px;
  overflow-x: auto;
  padding-bottom: 6px;
}
.lead-kanban-column {
  min-height: 240px;
  padding: 16px;
  border: 1px solid #dfe6ee;
  border-radius: 18px;
  background: linear-gradient(180deg, #fff, #fbfaf6);
}
.lead-kanban-column h3 {
  margin: 0;
  font: 800 15px/1.1 Manrope, sans-serif;
  color: #23344f;
}
.lead-kanban-column small { color: #7a8796; }
.lead-kanban-list { display: grid; gap: 10px; margin-top: 14px; }
.lead-kanban-card {
  display: grid;
  gap: 7px;
  padding: 13px;
  border: 1px solid #ece5d6;
  border-radius: 14px;
  background: rgba(255, 255, 255, .84);
}
.lead-kanban-card strong { color: #223148; }
.lead-kanban-card small { color: #7a8796; }
.premium-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 14px;
  margin-top: 16px;
}
.premium-card {
  border: 1px solid #e6dfd1;
  border-radius: 16px;
  padding: 18px;
  background: linear-gradient(180deg, #fff, #fbfaf6);
}
.premium-card h3 {
  margin: 8px 0 10px;
  font: 800 18px/1.1 Manrope, sans-serif;
  color: #223148;
}
.premium-card p,
.premium-card small,
.premium-card li { color: #687789; }
.premium-card ul {
  margin: 10px 0 0;
  padding-left: 18px;
  display: grid;
  gap: 8px;
}
.premium-list {
  display: grid;
  gap: 10px;
}
.premium-line {
  display: flex;
  justify-content: space-between;
  gap: 12px;
  padding: 11px 0;
  border-bottom: 1px solid #ece8df;
}
.premium-line:last-child { border-bottom: 0; }
.premium-line strong { color: #203148; }
.myday-stack {
  display: grid;
  gap: 12px;
}
.myday-item {
  padding: 13px 14px;
  border: 1px solid #ece4d4;
  border-radius: 14px;
  background: linear-gradient(180deg, #fff, #fcfbf8);
}
.myday-item strong { color: #203148; }
.myday-item p,
.myday-item small { margin: 4px 0 0; color: #6e7c8e; }
body[data-theme="dark"] .bulk-toolbar,
body[data-theme="dark"] .lead-kanban-card,
body[data-theme="dark"] .premium-card,
body[data-theme="dark"] .myday-item {
  border-color: rgba(244, 234, 210, .12);
  background: rgba(255, 255, 255, .04);
}
body[data-theme="dark"] .lead-kanban-card strong,
body[data-theme="dark"] .premium-card h3,
body[data-theme="dark"] .premium-line strong,
body[data-theme="dark"] .myday-item strong,
body[data-theme="dark"] .lead-kanban-column h3 { color: #f7f1e3; }
body[data-theme="dark"] .premium-line { border-bottom-color: rgba(244, 234, 210, .09); }
@media (max-width: 1000px) {
  .premium-grid { grid-template-columns: 1fr; }
  .lead-kanban { grid-template-columns: repeat(5, 260px); }
}
@media (max-width: 620px) {
  .bulk-toolbar { flex-direction: column; align-items: flex-start; }
}
@media(max-width:620px){.branding-panel{padding:18px}.branding-fields{grid-template-columns:1fr}.branding-fields .span-2{grid-column:auto}.branding-actions{display:grid}.branding-actions>*{width:100%}.standard-field-card{align-items:flex-start}.standard-field-actions{grid-template-columns:1fr 1fr}.branding-preview{min-height:140px;padding:18px}.branding-logo-preview{width:76px;height:76px;flex-basis:76px}}

.lead-account-section,.lead-relations-section{padding:18px;border:1px solid #e6e2d9;border-radius:15px;background:#f8f6f1}.lead-account-section .form-divider,.lead-relations-section .form-divider{margin:0 0 14px}.lead-account-section .crm-form-grid,.lead-relations-section .crm-form-grid{margin-top:0}.lead-relations-section select[multiple]{min-height:126px}.lead-relations-section small{display:block;color:#7d857e;font-size:10px;font-weight:400;line-height:1.4}
.sso-providers{display:grid;gap:8px;margin-top:14px;padding-top:14px;border-top:1px solid rgba(23,33,28,.1)}
.sso-providers>span{font-size:11px;text-align:center;color:#6f7871;text-transform:uppercase;letter-spacing:.08em}
.auth-security-note{margin:0;color:#626d65;font-size:13px;line-height:1.5}
.auth-password-field{position:relative;display:block}.auth-password-field input{width:100%;padding-right:84px}.auth-password-toggle{position:absolute;top:50%;right:7px;min-width:68px;min-height:34px;transform:translateY(-50%);border:1px solid rgba(215,189,130,.28);border-radius:8px;color:#e9d29c;background:rgba(255,255,255,.08);font:700 11px Manrope,sans-serif;cursor:pointer}.auth-password-toggle:hover,.auth-password-toggle:focus-visible{border-color:#d7bd82;background:rgba(215,189,130,.14);outline:none}.auth-password-toggle:focus-visible{box-shadow:0 0 0 3px rgba(215,189,130,.16)}
.mfa-setup-details{display:grid;gap:8px;padding:12px;border:1px solid #e3ddd0;border-radius:12px;background:#f8f5ed}
.mfa-setup-details code{padding:9px;border-radius:8px;background:#fff;overflow-wrap:anywhere;font-size:14px;letter-spacing:.08em}
.security-setup-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:18px}.security-setup-grid .crm-form-card,.security-policy-form{display:grid;gap:12px;padding:20px}.security-setup-grid label,.security-policy-form label{display:grid;gap:6px;font-size:12px;font-weight:700}.security-setup-grid input,.security-setup-grid select,.security-setup-grid textarea,.security-policy-form input,.security-policy-form select{width:100%}.security-policy-form{margin-top:18px}.security-policy-form .crm-form-grid{margin:0}
@media(max-width:900px){.security-setup-grid{grid-template-columns:1fr}}
.legal-page{margin:0;min-height:100vh;background:#f3f1eb;color:#17211c;font-family:Inter,Arial,sans-serif}
.legal-shell{width:min(820px,calc(100% - 40px));margin:0 auto;padding:64px 0 100px}
.legal-shell>a{color:#8d7137;text-decoration:none;font-weight:700}.legal-shell h1{font-size:clamp(36px,6vw,64px);line-height:1;letter-spacing:-.055em;margin:18px 0 12px}.legal-shell h2{font-size:21px;margin:34px 0 8px}.legal-shell p{font-size:15px;line-height:1.75;color:#536159}.legal-shell p a{color:#8d7137}

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { scroll-behavior: auto !important; transition-duration: .01ms !important; animation-duration: .01ms !important; animation-iteration-count: 1 !important; }
}

.setup-channel-group{display:grid;gap:12px;margin-top:20px;padding-top:18px;border-top:1px solid #e9e5dc}.setup-channel-group:first-of-type{margin-top:0;padding-top:0;border-top:0}.setup-channel-group h4{margin:0;color:#183356;font:800 14px Manrope,sans-serif}.payment-panel{display:grid;gap:18px;margin-top:22px}.payment-hero{overflow:hidden;padding:26px;border-radius:18px;color:#fff;background:linear-gradient(135deg,#101c3a,#1745ad 65%,#4e8cff)}.payment-hero h2,.payment-hero p{color:#fff}.payment-hero p{max-width:720px;color:#dce9ff}.payment-party-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.payment-party{margin:0;min-height:112px;display:grid;align-content:center;gap:5px;padding:18px;border:1px solid var(--line);border-radius:14px;background:#fff}.payment-party small{color:var(--muted)}.payment-contracts{display:grid;gap:16px}.payment-contract{margin:0;padding:20px;border:1px solid var(--line);border-left:5px solid #1745ad;border-radius:14px;background:#fff}.payment-products{display:grid;gap:8px;margin:16px 0;padding:14px;border-radius:14px;background:var(--soft)}.payment-product{display:flex;justify-content:space-between;gap:16px;padding-bottom:8px;border-bottom:1px solid var(--line)}.payment-product:last-child{padding-bottom:0;border-bottom:0}.payment-product span{display:block;color:var(--muted);font-size:12px}.payment-contract-total{color:#1745ad;font-size:24px}.payment-history-section{padding:20px;border:1px solid var(--line);border-radius:14px;background:#fff}.payment-history{display:grid;gap:9px}.payment-history-row{display:grid;grid-template-columns:1fr 1fr 1.4fr;gap:12px;align-items:center;padding:13px 15px;border:1px solid var(--line);border-radius:13px;background:var(--control)}.payment-history-row small{color:var(--muted)}@media(max-width:800px){.payment-party-grid{grid-template-columns:1fr}.payment-product{align-items:flex-start;flex-direction:column}.payment-history-row{grid-template-columns:1fr}.payment-hero{padding:20px}}

.proposal-revenue-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:0 0 24px}
.proposal-revenue-card{border:1px solid #e4ddd0;border-radius:18px;padding:18px;background:linear-gradient(180deg,#fff,#fbf8f2);box-shadow:var(--shadow-sm)}
.proposal-revenue-card span{display:block;color:#7f8077;font-size:11px;text-transform:uppercase;letter-spacing:.08em}
.proposal-revenue-card strong{display:block;margin:12px 0 5px;color:#20211e;font:800 28px Manrope,sans-serif}
.proposal-revenue-card small{color:#777a73}
.proposal-card-journey{display:flex;flex-wrap:wrap;gap:6px;margin-top:14px}
.proposal-card-journey span{display:inline-flex;padding:4px 8px;border-radius:999px;background:#f3eee4;color:#675d46;font-size:10px;font-weight:800;letter-spacing:.05em;text-transform:uppercase}
.command-center-intro{max-width:none;display:flex;justify-content:space-between;align-items:flex-end;gap:24px}
.command-center-badges{display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end}
.command-center-hero{display:grid;grid-template-columns:1.1fr .9fr;gap:18px;margin:10px 0 22px;padding:26px;border:1px solid #e6e0d4;border-radius:24px;background:radial-gradient(circle at top right,rgba(217,119,104,.12),transparent 28%),linear-gradient(140deg,#12151a 0%,#191d25 48%,#111317 100%);color:#fff;box-shadow:0 22px 70px rgba(8,12,17,.18)}
.command-center-copy h3{margin:12px 0 12px;font:800 clamp(28px,3vw,42px)/1 Manrope,sans-serif;letter-spacing:-.06em}
.command-center-copy p{margin:0;max-width:620px;color:#d3d7dc;font-size:15px;line-height:1.65}
.command-center-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:20px}
.command-center-status{display:flex;flex-wrap:wrap;align-content:flex-start;gap:10px}
.command-status-pill{display:inline-flex;align-items:center;padding:10px 12px;border-radius:999px;border:1px solid rgba(215,189,130,.2);background:rgba(255,255,255,.06);color:#f4ede0;font-size:11px;font-weight:700;letter-spacing:.03em}
.revenue-command-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-bottom:18px}
.command-card{min-height:100%}
.command-card-wide{grid-column:span 2}
.command-lower-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.proposal-flow-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:16px}
.proposal-flow-card{padding:16px;border:1px solid #ebe4d7;border-radius:16px;background:linear-gradient(180deg,#fff,#faf7f1)}
.proposal-flow-card span{display:block;color:#80765f;font-size:11px;text-transform:uppercase;letter-spacing:.08em}
.proposal-flow-card strong{display:block;margin:10px 0 5px;color:#22231f;font:800 24px Manrope,sans-serif}
.proposal-flow-card small{color:#7a7d76}
.proposal-flow-list{display:grid;gap:0}
.journey-line{display:flex;justify-content:space-between;gap:14px;align-items:center;padding:11px 0;border-bottom:1px solid #ece8df}
.journey-line:last-child{border-bottom:0}.journey-line strong,.journey-line small{display:block}.journey-line small{margin-top:3px;color:#747871;font-size:11px}.journey-line-actions{display:flex;align-items:center;gap:8px}.journey-line-actions select{max-width:142px;padding:7px 8px;border:1px solid #dfd8cc;border-radius:9px;background:#fff;color:#34362f;font-size:11px}
.persona-card{min-height:100%}
.persona-card h3{margin-bottom:10px}
.persona-card small{display:block;margin-top:12px;color:#6f726c}
.persona-card ul{margin:0;padding-left:18px;display:grid;gap:8px;color:#677082}
.revenue-command-metrics{grid-template-columns:repeat(6,1fr)}
body[data-theme="dark"] .proposal-revenue-card,body[data-theme="dark"] .proposal-flow-card{border-color:rgba(244,234,210,.12);background:rgba(255,255,255,.04)}
body[data-theme="dark"] .proposal-revenue-card strong,body[data-theme="dark"] .proposal-flow-card strong,body[data-theme="dark"] .command-center-copy h3{color:#f8f4eb}
body[data-theme="dark"] .proposal-card-journey span,body[data-theme="dark"] .command-status-pill{border-color:rgba(244,234,210,.12);background:rgba(255,255,255,.06);color:#efe6d0}
body[data-theme="dark"] .journey-line{border-bottom-color:rgba(244,234,210,.1)}body[data-theme="dark"] .journey-line-actions select{border-color:rgba(244,234,210,.18);background:#20242b;color:#f7f1e3}
@media(max-width:1000px){.revenue-command-metrics{grid-template-columns:repeat(3,1fr)}.revenue-command-grid{grid-template-columns:1fr 1fr}.command-card-wide{grid-column:auto}.command-lower-grid,.proposal-flow-grid,.proposal-revenue-strip{grid-template-columns:1fr 1fr}.command-center-hero{grid-template-columns:1fr}}
@media(max-width:620px){.revenue-command-metrics,.revenue-command-grid,.command-lower-grid,.proposal-flow-grid,.proposal-revenue-strip{grid-template-columns:1fr}.command-center-intro{display:block}.command-center-badges{margin-top:14px;justify-content:flex-start}.command-center-hero{padding:20px}.command-center-actions>*{width:100%}}
@media(max-width:620px){.journey-line{align-items:flex-start;flex-direction:column}.journey-line-actions{width:100%}.journey-line-actions select,.journey-line-actions button{flex:1}}

.omnichannel-playbooks{margin:0 0 20px;padding:22px;border:1px solid #e5ddcf;border-radius:20px;background:linear-gradient(135deg,#fffdf8,#f5f0e7)}
.playbook-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:16px}
.playbook-card{padding:16px;border:1px solid #e8e0d2;border-radius:15px;background:rgba(255,255,255,.8)}
.playbook-card h3{margin:12px 0 8px;color:#203148;font:800 16px Manrope,sans-serif}
.playbook-card p{min-height:58px;margin:0;color:#5f6a76;font-size:13px;line-height:1.5}
.playbook-card small{display:block;margin-top:12px;color:#77786f;font-size:11px;line-height:1.45}
.persona-card p{margin:0 0 14px;color:#677082;line-height:1.5}
body[data-theme="dark"] .omnichannel-playbooks,body[data-theme="dark"] .playbook-card{border-color:rgba(244,234,210,.12);background:rgba(255,255,255,.04)}
body[data-theme="dark"] .playbook-card h3{color:#f7f1e3}
body[data-theme="dark"] .playbook-card p,body[data-theme="dark"] .playbook-card small{color:#c8c8c3}
@media(max-width:1000px){.playbook-grid{grid-template-columns:1fr 1fr}}
@media(max-width:620px){.playbook-grid{grid-template-columns:1fr}.omnichannel-playbooks{padding:18px}.playbook-card p{min-height:0}}

.embedded-form{margin:0;align-self:start}.consent-check{display:flex!important;grid-template-columns:auto 1fr!important;align-items:center;gap:10px!important;padding:12px 14px;border:1px solid #dfd7c8;border-radius:12px;background:#faf7f1}.consent-check input{width:auto!important}.decision-line,.insight-review{display:grid;gap:10px}.decision-line p,.event-line p{margin:5px 0 0;color:#66706a;font-size:12px;line-height:1.5}.insight-review{margin-top:10px;padding:10px;border-left:3px solid #b68b3d;background:#f8f4ec}.insight-review span{font-size:12px;line-height:1.5}.module-actions{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px;padding:10px 0;border-bottom:1px solid #e7e1d6}.module-actions span{color:#757c75;font-size:11px}.trust-note{padding:22px;border:1px solid #d9cfbd;border-radius:16px;background:radial-gradient(circle at top right,rgba(183,139,61,.14),transparent 42%),#fcfaf5}.trust-note strong{color:#193654;font:800 22px Manrope,sans-serif}.trust-note p{color:#65706a;line-height:1.6}.marketplace-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.marketplace-card{display:flex;min-height:280px;flex-direction:column;padding:22px;border:1px solid #e2d9ca;border-radius:20px;background:radial-gradient(circle at top right,rgba(25,54,84,.09),transparent 38%),linear-gradient(180deg,#fff,#f9f6ef);box-shadow:var(--shadow-sm)}.marketplace-card h3{margin:18px 0 8px;color:#193654;font:800 21px Manrope,sans-serif}.marketplace-card p{flex:1;color:#65706a;font-size:13px;line-height:1.6}.marketplace-card .button{margin-top:18px}.capability-list{display:flex;flex-wrap:wrap;gap:6px;margin:8px 0 12px}.capability-list span{padding:5px 8px;border-radius:999px;background:#eee8dc;color:#675b43;font-size:10px;font-weight:800;letter-spacing:.04em;text-transform:uppercase}body[data-theme="dark"] .marketplace-card,body[data-theme="dark"] .trust-note,body[data-theme="dark"] .insight-review{border-color:rgba(244,234,210,.12);background:rgba(255,255,255,.04)}body[data-theme="dark"] .marketplace-card h3,body[data-theme="dark"] .trust-note strong{color:#f7f1e3}body[data-theme="dark"] .marketplace-card p,body[data-theme="dark"] .trust-note p,body[data-theme="dark"] .event-line p{color:#c8c8c3}@media(max-width:1000px){.marketplace-grid{grid-template-columns:1fr 1fr}}@media(max-width:620px){.marketplace-grid{grid-template-columns:1fr}.marketplace-card{min-height:0}.embedded-form{padding:18px}.module-actions{align-items:flex-start;flex-direction:column}}

.executive-scorecard{margin:0 0 18px;padding:24px;border-color:#d9cfbd;background:radial-gradient(circle at 92% 8%,rgba(182,139,61,.14),transparent 28%),linear-gradient(145deg,#fffdf8,#f8f3e9)}
.executive-scorecard>.crm-metrics{margin:16px 0 12px;grid-template-columns:repeat(6,minmax(0,1fr))}
.executive-signal-strip{display:flex;flex-wrap:wrap;align-items:center;gap:10px;padding-top:14px;border-top:1px solid #e5ddcf}
.executive-signal-strip span{padding:8px 11px;border-radius:999px;background:#eee7da;color:#5f5748;font-size:11px}.executive-signal-strip small{margin-left:auto;color:#77786f}
.human-review-queue{margin-top:18px}.engagement-review-item{display:grid;grid-template-columns:1fr auto;gap:18px;align-items:center;padding:16px 0;border-bottom:1px solid #ece6db}.engagement-review-item:last-child{border-bottom:0}.engagement-review-item strong,.engagement-review-item small{display:block}.engagement-review-item strong{margin-top:7px;color:#203148}.engagement-review-item p{margin:6px 0;color:#5f6a76;line-height:1.5}.engagement-review-item small{color:#77786f}
.account-planning-workspace{grid-template-columns:minmax(280px,.7fr) minmax(0,1.5fr)}.account-plan-list-item{width:100%;display:flex;justify-content:space-between;gap:12px;align-items:center;margin-bottom:8px;padding:14px;border:1px solid #e6dfd2;border-radius:14px;background:#fff;color:inherit;text-align:left;cursor:pointer}.account-plan-list-item:hover,.account-plan-list-item.active{border-color:#b68b3d;background:#fbf7ee}.account-plan-list-item strong,.account-plan-list-item small{display:block}.account-plan-list-item strong{color:#203148}.account-plan-list-item small{margin-top:4px;color:#747a78}.account-plan-summary>div:first-child{display:flex;flex-wrap:wrap;align-items:center;gap:10px}.account-plan-summary h3{margin:0;color:#193654}.account-plan-summary>p{color:#627080;line-height:1.6}.account-plan-strategy{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:18px 0}.account-plan-strategy section{padding:14px;border:1px solid #e8e0d3;border-radius:14px;background:#fbf8f2}.account-plan-strategy ul{margin:10px 0 0;padding-left:18px;color:#65706a}.account-plan-operating-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.account-plan-operating-grid>section{min-width:0;padding:16px;border:1px solid #e5ddcf;border-radius:16px}.compact-action-form{display:grid;grid-template-columns:1fr 1fr auto;gap:8px;margin-top:14px}.compact-action-form input,.compact-action-form select{min-width:0;padding:8px;border:1px solid #ddd5c8;border-radius:9px;background:#fff}.compact-action-form[data-account-plan-map]{grid-template-columns:1.5fr .8fr .8fr auto}
body[data-theme="dark"] .executive-scorecard,body[data-theme="dark"] .account-plan-list-item,body[data-theme="dark"] .account-plan-strategy section,body[data-theme="dark"] .account-plan-operating-grid>section{border-color:rgba(244,234,210,.12);background:rgba(255,255,255,.04)}body[data-theme="dark"] .account-plan-list-item strong,body[data-theme="dark"] .account-plan-summary h3,body[data-theme="dark"] .engagement-review-item strong{color:#f7f1e3}body[data-theme="dark"] .executive-signal-strip{border-color:rgba(244,234,210,.12)}body[data-theme="dark"] .executive-signal-strip span{background:rgba(255,255,255,.07);color:#e8dfca}
@media(max-width:1100px){.executive-scorecard>.crm-metrics{grid-template-columns:repeat(3,1fr)}.account-planning-workspace{grid-template-columns:1fr}.account-plan-operating-grid{grid-template-columns:1fr}}
@media(max-width:620px){.executive-scorecard>.crm-metrics,.account-plan-strategy{grid-template-columns:1fr}.executive-scorecard{padding:18px}.executive-signal-strip small{margin-left:0}.engagement-review-item{grid-template-columns:1fr}.engagement-review-item .record-actions{width:100%}.engagement-review-item .record-actions>*{flex:1}.compact-action-form,.compact-action-form[data-account-plan-map]{grid-template-columns:1fr}.account-plan-list-item{align-items:flex-start}.account-plan-detail{padding:16px}}

/* Avior UI refinement — compact, fluid and tenant-neutral */
.crm-view {
  width: 100%;
  max-width: 1500px;
  margin-inline: auto;
}
.crm-view > * { min-width: 0; }
.crm-card,
.crm-metric,
.crm-form-card,
.opportunity-column {
  transition: border-color .18s ease, box-shadow .18s ease, transform .18s ease;
}
.crm-card:hover { border-color: #d8d0c1; }
.crm-card-heading {
  align-items: flex-start;
  gap: 14px;
  margin-bottom: 17px;
}
.crm-card-heading h3 {
  margin: 0;
  font-size: clamp(15px, 1.25vw, 18px);
  line-height: 1.25;
  letter-spacing: -.025em;
}
.crm-card-heading small { line-height: 1.4; }
.crm-columns,
.revenue-command-grid,
.command-lower-grid { align-items: start; }
.crm-columns > *,
.revenue-command-grid > *,
.command-lower-grid > * { min-width: 0; }

/* Dashboard visualizations */
.dashboard-charts {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 18px;
  margin: 0 0 24px;
}
.dashboard-chart-card {
  min-width: 0;
  min-height: 270px;
  padding: 20px;
  overflow: hidden;
}
.dashboard-chart-card .crm-card-heading { margin-bottom: 12px; }
.dashboard-chart-card .crm-card-heading small { color: #7a7c76; }
#dashboardFunnelChart,
#dashboardStageChart,
#dashboardTemperatureChart {
  min-height: 184px;
  display: grid;
  align-items: center;
}
.dashboard-svg {
  display: block;
  width: 100%;
  max-width: 520px;
  height: auto;
  max-height: 190px;
  margin: auto;
  overflow: visible;
}
.dashboard-svg-label {
  fill: #777b77;
  font: 600 10px "DM Sans", sans-serif;
}
.dashboard-svg-value {
  fill: #272923;
  font: 800 12px Manrope, sans-serif;
}
.dashboard-bar { fill: var(--brand-primary, #b68b3d); }
.dashboard-axis { stroke: #e5e0d7; stroke-width: 1; }
.dashboard-funnel {
  display: grid;
  gap: 9px;
  width: 100%;
  max-width: 470px;
  margin: auto;
}
.dashboard-funnel-stage {
  display: grid;
  grid-template-columns: minmax(105px, 1fr) minmax(90px, 1.45fr) minmax(72px, .7fr);
  align-items: center;
  gap: 9px;
}
.dashboard-funnel-meta {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 7px;
  min-width: 0;
}
.dashboard-funnel-meta span {
  overflow: hidden;
  color: #555b55;
  font-size: 11px;
  font-weight: 700;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.dashboard-funnel-meta strong {
  color: #252720;
  font: 800 13px Manrope, sans-serif;
}
.dashboard-funnel-track {
  height: 27px;
  display: flex;
  justify-content: center;
}
.dashboard-funnel-track i {
  display: block;
  width: var(--funnel-width);
  min-width: 42%;
  height: 100%;
  border-radius: 6px;
  clip-path: polygon(4% 0, 96% 0, 89% 100%, 11% 100%);
  background: linear-gradient(105deg, var(--brand-primary, #b68b3d), #d8bf86);
  box-shadow: inset 0 1px rgba(255,255,255,.4);
}
.dashboard-funnel-stage:nth-child(2) .dashboard-funnel-track i { opacity: .84; }
.dashboard-funnel-stage:nth-child(3) .dashboard-funnel-track i { opacity: .68; }
.dashboard-funnel-stage:nth-child(4) .dashboard-funnel-track i { opacity: .52; }
.dashboard-funnel-stage small {
  color: #858983;
  font-size: 9px;
  line-height: 1.2;
  text-align: right;
}
.temperature-chart {
  display: grid;
  grid-template-columns: 116px minmax(0, 1fr);
  align-items: center;
  justify-content: center;
  gap: clamp(18px, 3vw, 34px);
  width: 100%;
  max-width: 390px;
  margin: auto;
}
.temperature-donut {
  position: relative;
  width: 116px;
  height: 116px;
  display: grid;
  place-items: center;
  border-radius: 50%;
  box-shadow: inset 0 0 0 1px rgba(34,37,31,.05);
}
.temperature-donut::after {
  content: "";
  position: absolute;
  inset: 22px;
  border-radius: 50%;
  background: var(--surface-raised, #fff);
  box-shadow: 0 0 0 1px rgba(34,37,31,.06);
}
.temperature-donut span {
  position: relative;
  z-index: 1;
  color: #252720;
  font: 800 22px Manrope, sans-serif;
}
.temperature-legend { display: grid; gap: 4px; }
.temperature-legend > div {
  display: grid;
  grid-template-columns: 9px 1fr auto;
  align-items: center;
  gap: 9px;
  padding: 7px 0;
  border-bottom: 1px solid #eeeae2;
  color: #666b65;
  font-size: 11px;
}
.temperature-legend > div:last-child { border-bottom: 0; }
.temperature-legend i { width: 9px; height: 9px; border-radius: 50%; }
.temperature-legend strong { color: #292b26; font: 800 12px Manrope, sans-serif; }

/* Pipeline: readable funnel lanes without stretching the page */
.opportunity-board {
  display: grid;
  grid-auto-flow: column;
  grid-auto-columns: clamp(230px, 23vw, 280px);
  grid-template-columns: none;
  align-items: start;
  gap: 12px;
  overflow-x: auto;
  overscroll-behavior-inline: contain;
  scroll-snap-type: inline proximity;
  scrollbar-width: thin;
  scrollbar-color: #c8c0b2 transparent;
  padding: 2px 2px 14px;
}
.opportunity-column {
  min-height: 205px;
  max-height: min(68vh, 720px);
  padding: 14px;
  overflow-y: auto;
  scroll-snap-align: start;
  scrollbar-width: thin;
  scrollbar-color: #d6cfc2 transparent;
}
.opportunity-column:nth-child(1) { border-top: 3px solid #8898aa; }
.opportunity-column:nth-child(2) { border-top: 3px solid #7492a8; }
.opportunity-column:nth-child(3) { border-top: 3px solid #b8a064; }
.opportunity-column:nth-child(4) { border-top: 3px solid #b78955; }
.opportunity-column:nth-child(5) { border-top: 3px solid #6f9b77; }
.opportunity-column:nth-child(n+6) { border-top: 3px solid #897b9c; }
.column-title { position: sticky; top: -14px; z-index: 2; padding: 12px 0 9px; background: color-mix(in srgb, var(--surface-raised, #fff) 94%, transparent); backdrop-filter: blur(8px); }
.column-title span { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.column-title strong { min-width: 26px; height: 26px; display: grid; place-items: center; border-radius: 999px; background: #eeeae2; font-size: 11px; }
.opportunity-card { padding: 13px; }
.opportunity-card + .opportunity-card { margin-top: 9px; }
.opportunity-card strong,
.opportunity-card span,
.opportunity-card small { overflow-wrap: anywhere; }
.opportunity-card select { max-width: 100%; }

/* Consistent, compact checkbox controls */
input[type="checkbox"] {
  appearance: none;
  -webkit-appearance: none;
  width: 18px !important;
  height: 18px !important;
  min-width: 18px !important;
  min-height: 18px !important;
  flex: 0 0 18px;
  display: inline-grid;
  place-content: center;
  margin: 0;
  padding: 0 !important;
  border: 1.5px solid #bdb7ac !important;
  border-radius: 5px !important;
  color: #fff;
  background: #fff !important;
  box-shadow: 0 1px 2px rgba(26,24,19,.05) !important;
  cursor: pointer;
  transition: border-color .16s, background .16s, box-shadow .16s, transform .12s;
}
input[type="checkbox"]::before {
  content: "";
  width: 8px;
  height: 4px;
  border: solid currentColor;
  border-width: 0 0 2px 2px;
  transform: translateY(-1px) rotate(-45deg) scale(0);
  transition: transform .14s ease;
}
input[type="checkbox"]:checked {
  border-color: var(--brand-primary, #a88034) !important;
  background: var(--brand-primary, #a88034) !important;
}
input[type="checkbox"]:checked::before { transform: translateY(-1px) rotate(-45deg) scale(1); }
input[type="checkbox"]:hover { border-color: var(--brand-primary, #a88034) !important; }
input[type="checkbox"]:focus-visible { outline: none; box-shadow: 0 0 0 3px color-mix(in srgb, var(--brand-primary, #a88034) 22%, transparent) !important; }
input[type="checkbox"]:disabled { opacity: .5; cursor: not-allowed; }
label:has(> input[type="checkbox"]),
label:has(input[type="checkbox"]):not(.color-input) {
  align-items: center;
  grid-template-columns: 18px minmax(0, 1fr);
  column-gap: 9px;
}
.entity-access label,
.field-flags label,
.signature-consent,
.consent-check { line-height: 1.45; }

body[data-theme="dark"] .dashboard-svg-label,
body[data-theme="dark"] .dashboard-funnel-stage small { fill: #b9b9b3; color: #b9b9b3; }
body[data-theme="dark"] .dashboard-svg-value,
body[data-theme="dark"] .dashboard-funnel-meta strong,
body[data-theme="dark"] .temperature-donut span,
body[data-theme="dark"] .temperature-legend strong { fill: #f7f1e3; color: #f7f1e3; }
body[data-theme="dark"] .dashboard-funnel-meta span,
body[data-theme="dark"] .temperature-legend > div { color: #c7c7c1; }
body[data-theme="dark"] .dashboard-axis,
body[data-theme="dark"] .temperature-legend > div { stroke: rgba(244,234,210,.12); border-color: rgba(244,234,210,.12); }
body[data-theme="dark"] .column-title { background: rgba(27,30,35,.94); }
body[data-theme="dark"] .column-title strong { color: #e7dfce; background: rgba(255,255,255,.07); }
body[data-theme="dark"] input[type="checkbox"] { border-color: #6d6c66 !important; background: #20242b !important; }
body[data-theme="dark"] input[type="checkbox"]:checked { border-color: var(--brand-primary, #d7bd82) !important; background: var(--brand-primary, #d7bd82) !important; }

@media (max-width: 1180px) {
  .dashboard-charts { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .dashboard-chart-card:last-child { grid-column: 1 / -1; min-height: 238px; }
  .dashboard-chart-card:last-child .temperature-chart { max-width: 460px; }
}
@media (max-width: 800px) {
  .main-panel { padding-inline: clamp(18px, 4vw, 32px); }
  .dashboard-charts { grid-template-columns: 1fr; gap: 12px; }
  .dashboard-chart-card,
  .dashboard-chart-card:last-child { grid-column: auto; min-height: 0; padding: 18px; }
  .crm-card,
  .crm-form-card { padding: 18px; }
  .crm-metric { min-height: 112px; padding: 18px; }
  .crm-metric strong { font-size: 27px; }
}
@media (max-width: 520px) {
  .dashboard-funnel-stage { grid-template-columns: minmax(108px, 1fr) minmax(96px, 1.2fr); }
  .dashboard-funnel-stage small { grid-column: 1 / -1; margin-top: -5px; text-align: left; }
  .temperature-chart { grid-template-columns: 94px minmax(0, 1fr); gap: 16px; }
  .temperature-donut { width: 94px; height: 94px; }
  .temperature-donut::after { inset: 18px; }
  .opportunity-board { grid-auto-columns: min(82vw, 270px); }
  .pipeline-toolbar { padding: 12px; }
}