:root {
  --navy-950: #061a33;
  --navy-900: #0a2648;
  --navy-800: #12375f;
  --navy-700: #1b4d7c;
  --green-700: #147a32;
  --green-600: #1b943d;
  --green-500: #29ad4b;
  --green-100: #def5e4;
  --green-50: #f1fbf3;
  --blue-100: #e7f2fb;
  --blue-50: #f5f9fd;
  --gold-600: #c37d09;
  --gold-100: #fff0c7;
  --cyan-600: #087f8c;
  --cyan-100: #d9f5f5;
  --ink: #132238;
  --muted: #647184;
  --line: #dfe6ec;
  --surface: #ffffff;
  --background: #f3f6f8;
  --danger: #b42318;
  --shadow: 0 16px 42px rgba(7, 30, 54, 0.08);
  --shadow-soft: 0 5px 16px rgba(7, 30, 54, 0.06);
  --radius-xl: 22px;
  --radius-lg: 16px;
  --radius-md: 12px;
  --radius-sm: 9px;
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  color: var(--ink);
  background: var(--background);
  font-synthesis: none;
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { margin: 0; min-width: 320px; min-height: 100vh; background: var(--background); }
button, input, select, textarea { font: inherit; }
button { cursor: pointer; }
button:focus-visible, input:focus-visible, select:focus-visible, textarea:focus-visible {
  outline: 3px solid rgba(41, 173, 75, 0.28);
  outline-offset: 2px;
}
.sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; }
.hidden { display: none !important; }

.app-shell { display: grid; grid-template-columns: 250px minmax(0, 1fr); min-height: 100vh; }
.sidebar {
  position: sticky;
  top: 0;
  height: 100vh;
  padding: 24px 18px;
  color: white;
  background:
    radial-gradient(circle at 40% 10%, rgba(42, 173, 75, 0.24), transparent 24%),
    linear-gradient(165deg, #0b3155 0%, var(--navy-950) 72%);
  display: flex;
  flex-direction: column;
  z-index: 5;
}
.brand { display: flex; align-items: center; gap: 12px; padding: 4px 6px 26px; color: white; text-decoration: none; }
.brand-mark {
  width: 43px;
  height: 43px;
  border-radius: 12px 4px 12px 4px;
  background: linear-gradient(145deg, var(--green-500), #0d742c);
  display: grid;
  place-items: center;
  font-size: 1.55rem;
  font-style: italic;
  font-weight: 900;
  box-shadow: 0 10px 24px rgba(20, 122, 50, 0.32);
}
.brand strong { display: block; font-size: 1.08rem; letter-spacing: 0.08em; line-height: 1.1; }
.brand small { display: block; margin-top: 4px; color: #9ddaaa; letter-spacing: 0.16em; font-size: 0.68rem; }
.side-nav { display: grid; gap: 6px; }
.nav-item {
  width: 100%;
  min-height: 46px;
  padding: 0 13px;
  border: 1px solid transparent;
  border-radius: 12px;
  color: #bdcbd9;
  background: transparent;
  display: grid;
  grid-template-columns: 24px 1fr auto;
  align-items: center;
  gap: 7px;
  text-align: left;
  font-size: 0.91rem;
  transition: 160ms ease;
}
.nav-item:hover { color: white; background: rgba(255, 255, 255, 0.07); }
.nav-item.active { color: white; background: rgba(43, 173, 75, 0.17); border-color: rgba(103, 210, 127, 0.25); }
.nav-item-primary { margin-bottom: 5px; border-color: rgba(103, 210, 127, 0.2); background: linear-gradient(110deg, rgba(43, 173, 75, .18), rgba(43, 173, 75, .05)); }
.nav-item > span:first-child { font-size: 1.2rem; color: #6fd283; }
.nav-count, .nav-alert { min-width: 22px; height: 22px; padding: 0 6px; border-radius: 999px; display: grid; place-items: center; font-size: 0.72rem; font-weight: 700; }
.nav-count { color: white; background: var(--green-600); }
.nav-alert { color: #4f3500; background: #f7c958; }
.sidebar-note { margin-top: auto; padding: 15px 12px; display: flex; gap: 10px; align-items: center; border: 1px solid rgba(255,255,255,.12); border-radius: 14px; background: rgba(255,255,255,.06); }
.sidebar-note strong, .sidebar-note small { display: block; }
.sidebar-note strong { font-size: 0.82rem; }
.sidebar-note small { color: #aebfd0; margin-top: 3px; font-size: 0.7rem; }
.status-dot { width: 9px; height: 9px; border-radius: 50%; background: #58d273; box-shadow: 0 0 0 5px rgba(88,210,115,.12); }

.main-content { min-width: 0; padding: 0 34px 48px; }
.topbar { min-height: 92px; display: flex; align-items: center; justify-content: space-between; gap: 24px; border-bottom: 1px solid var(--line); }
.eyebrow { margin: 0 0 5px; color: var(--green-700); font-size: 0.72rem; font-weight: 800; letter-spacing: 0.13em; text-transform: uppercase; }
h1, h2, h3, p { margin-top: 0; }
h1 { margin-bottom: 0; font-size: clamp(1.55rem, 3vw, 2rem); letter-spacing: -0.035em; }
h2 { margin-bottom: 0; font-size: 1.16rem; letter-spacing: -0.02em; }
h3 { margin-bottom: 5px; font-size: 1.05rem; }
.topbar-actions { display: flex; gap: 10px; align-items: center; }
.user-menu { min-height: 42px; padding: 4px 10px 4px 5px; border: 1px solid var(--line); border-radius: 12px; color: var(--navy-900); background: white; display: flex; align-items: center; gap: 8px; box-shadow: var(--shadow-soft); }
.user-menu span { width: 32px; height: 32px; display: grid; place-items: center; border-radius: 9px; color: white; background: var(--navy-800); font-size: .68rem; font-weight: 900; }
.user-menu strong { max-width: 120px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: .72rem; }
.search-box { width: min(32vw, 360px); height: 44px; padding: 0 13px; border: 1px solid var(--line); border-radius: 12px; background: white; display: flex; align-items: center; gap: 9px; color: var(--muted); }
.search-box input { width: 100%; border: 0; outline: 0; color: var(--ink); background: transparent; font-size: 0.88rem; }
.primary-button, .secondary-button, .filter-button, .text-button, .icon-button {
  border: 0;
  border-radius: 10px;
  transition: 160ms ease;
}
.primary-button { min-height: 44px; padding: 0 17px; color: white; background: linear-gradient(135deg, var(--green-600), var(--green-700)); font-weight: 750; box-shadow: 0 8px 18px rgba(27,148,61,.22); }
.primary-button:hover { transform: translateY(-1px); box-shadow: 0 11px 24px rgba(27,148,61,.27); }
.secondary-button { min-height: 42px; padding: 0 16px; color: var(--navy-800); background: white; border: 1px solid var(--line); font-weight: 700; }
.secondary-button:hover { border-color: #aebfcd; background: var(--blue-50); }
.secondary-button.compact { min-height: 34px; padding: 0 12px; font-size: .78rem; }
.text-button { padding: 4px 6px; color: var(--green-700); background: transparent; font-weight: 750; }
.text-button:hover { color: var(--navy-800); }
.icon-button { width: 40px; height: 40px; color: var(--muted); background: #eef2f5; font-size: 1.5rem; }

.topbar-eyebrow { display: flex; align-items: center; gap: 9px; flex-wrap: wrap; }
.pilot-chip { display: inline-flex; align-items: center; min-height: 22px; padding: 3px 8px; border: 1px solid #b6d900; border-radius: 999px; background: #efffa4; color: #294200; font-size: .65rem; font-weight: 800; letter-spacing: .08em; line-height: 1; }
.prototype-banner { margin: 20px 0; padding: 11px 14px; border: 1px solid #cde7d3; border-radius: 12px; background: var(--green-50); color: #30553a; display: flex; align-items: center; gap: 6px; font-size: .82rem; }
.prototype-banner-actions { display: flex; align-items: center; gap: 12px; margin-left: auto; }
.prototype-banner .text-button { white-space: nowrap; font-size: .78rem; }
.pilot-feedback { color: inherit; text-decoration: none; }
.user-access-help { margin: -4px 0 4px; color: var(--text-muted); font-size: .82rem; line-height: 1.45; }
.view { display: none; animation: reveal 200ms ease; }
.view.active { display: block; }
@keyframes reveal { from { opacity: 0; transform: translateY(5px); } to { opacity: 1; transform: translateY(0); } }

.home-command { position: relative; overflow: hidden; margin-bottom: 16px; padding: 28px; border-radius: 24px; color: white; background: radial-gradient(circle at 85% 20%, rgba(71,202,100,.25), transparent 28%), linear-gradient(130deg, var(--navy-950), var(--navy-800)); box-shadow: 0 20px 44px rgba(6,26,51,.17); display: grid; grid-template-columns: minmax(0, 1.12fr) minmax(360px, .88fr); gap: 30px; align-items: center; }
.home-command .eyebrow { color: #8ee19f; }
.home-command h2 { max-width: 650px; font-size: clamp(1.7rem, 3vw, 2.55rem); line-height: 1.05; }
.home-command-copy > p:not(.eyebrow) { max-width: 650px; margin: 12px 0 16px; color: #d5e0e9; line-height: 1.55; }
.home-trust-line { max-width: 680px; padding: 11px 13px; border: 1px solid rgba(142,225,159,.24); border-radius: 12px; color: #dfeae4; background: rgba(255,255,255,.07); font-size: .83rem; line-height: 1.45; }
.home-trust-line > span { display: inline-grid; width: 22px; height: 22px; margin-right: 7px; place-items: center; border-radius: 50%; color: var(--navy-950); background: #8ee19f; font-weight: 900; }
.home-command .operation-actions { margin-top: 18px; }
.home-command .secondary-button { color: white; border-color: rgba(255,255,255,.22); background: rgba(255,255,255,.08); }
.home-shortcuts { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }
.home-shortcuts button { min-height: 112px; padding: 16px; border: 1px solid rgba(255,255,255,.14); border-radius: 16px; color: white; background: rgba(255,255,255,.08); text-align: left; transition: 160ms ease; }
.home-shortcuts button:hover { transform: translateY(-2px); border-color: rgba(142,225,159,.42); background: rgba(255,255,255,.13); }
.home-shortcuts button > span { width: 34px; height: 34px; margin-bottom: 12px; display: grid; place-items: center; border-radius: 10px; color: #b6f0c1; background: rgba(41,173,75,.18); font-size: .74rem; font-weight: 900; }
.home-shortcuts strong, .home-shortcuts small { display: block; }
.home-shortcuts strong { font-size: .88rem; }
.home-shortcuts small { margin-top: 5px; color: #b9c8d5; font-size: .73rem; }
.home-resume { margin-bottom: 16px; padding: 20px; border: 1px solid var(--line); border-radius: var(--radius-xl); background: white; box-shadow: var(--shadow-soft); }
.home-resume .panel-heading { margin-bottom: 14px; }
.home-resume-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px; }
.home-resume-grid > button { min-height: 86px; padding: 13px; border: 1px solid var(--line); border-radius: 14px; color: inherit; background: #f8fafb; display: grid; grid-template-columns: 38px minmax(0, 1fr) auto; gap: 10px; align-items: center; text-align: left; }
.home-resume-grid > button:hover { border-color: #acd2b5; background: var(--green-50); }
.home-resume-icon { width: 38px; height: 38px; display: grid; place-items: center; border-radius: 11px; color: white; background: var(--green-700); font-size: .7rem; font-weight: 900; }
.home-resume-grid strong, .home-resume-grid small { display: block; }
.home-resume-grid strong { font-size: .82rem; }
.home-resume-grid small { margin-top: 4px; color: var(--muted); font-size: .7rem; line-height: 1.35; }
.home-resume-grid i { color: var(--green-700); font-style: normal; font-weight: 900; }

.simple-map-header { margin-bottom: 16px; padding: 26px; border-radius: 22px; color: white; background: radial-gradient(circle at 88% 14%, rgba(64,205,96,.24), transparent 26%), linear-gradient(125deg, var(--navy-950), var(--navy-800)); display: grid; grid-template-columns: minmax(0, 1.25fr) minmax(280px, .75fr); gap: 26px; align-items: center; box-shadow: var(--shadow); }
.simple-map-header .eyebrow { color: #8ee19f; }
.simple-map-header h2 { max-width: 720px; font-size: clamp(1.55rem, 3vw, 2.25rem); line-height: 1.1; }
.simple-map-header > div:first-child > p:last-child { max-width: 760px; margin: 12px 0 0; color: #d5e0e9; line-height: 1.55; }
.simple-map-principle { padding: 16px; border: 1px solid rgba(142,225,159,.26); border-radius: 16px; background: rgba(255,255,255,.08); display: flex; gap: 12px; align-items: flex-start; }
.simple-map-principle > span { width: 38px; height: 38px; flex: 0 0 38px; display: grid; place-items: center; border-radius: 12px; color: var(--navy-950); background: #8ee19f; font-size: 1.1rem; font-weight: 900; }
.simple-map-principle p { margin: 0; color: #dce7df; font-size: .84rem; line-height: 1.5; }
.simple-map-flow { max-width: 1060px; margin: 0 auto; }
.simple-map-stage { padding: 20px; border: 1px solid var(--line); border-radius: 18px; background: white; box-shadow: var(--shadow-soft); }
.simple-map-stage > header { display: flex; gap: 12px; align-items: center; }
.simple-map-stage > header > span { width: 42px; height: 42px; flex: 0 0 42px; display: grid; place-items: center; border-radius: 13px; color: white; background: var(--navy-800); font-size: .72rem; font-weight: 900; }
.simple-map-stage header small { display: block; margin-bottom: 3px; color: var(--green-700); font-size: .67rem; font-weight: 900; letter-spacing: .09em; }
.simple-map-stage h3 { margin: 0; font-size: 1.04rem; }
.simple-map-stage > p { margin: 14px 0 0; color: var(--muted); font-size: .82rem; line-height: 1.5; text-align: center; }
.simple-map-entry { border-color: #bfd7e9; background: linear-gradient(110deg, white, var(--blue-50)); }
.simple-map-core { border: 2px solid #8cc99a; background: linear-gradient(115deg, var(--green-50), white); }
.simple-map-core > header > span { background: var(--green-700); }
.simple-map-return { border-color: #c9dbce; background: linear-gradient(110deg, white, #f2faf4); }
.simple-map-arrow { min-height: 52px; display: grid; place-items: center; align-content: center; color: var(--green-700); }
.simple-map-arrow span { font-size: 1.2rem; font-weight: 900; line-height: 1; }
.simple-map-arrow small { margin-top: 3px; font-size: .68rem; font-weight: 800; letter-spacing: .04em; }
.simple-map-chips, .simple-map-results { margin-top: 15px; display: flex; flex-wrap: wrap; justify-content: center; gap: 8px; }
.simple-map-chips span, .simple-map-results span { padding: 8px 11px; border: 1px solid #d7e2ea; border-radius: 999px; color: var(--navy-800); background: white; font-size: .76rem; font-weight: 750; }
.simple-map-core-grid { margin-top: 15px; display: grid; grid-template-columns: repeat(4, 1fr); gap: 9px; }
.simple-map-core-grid > div { padding: 13px; border: 1px solid #cee6d3; border-radius: 13px; background: rgba(255,255,255,.82); text-align: center; }
.simple-map-core-grid b { width: 32px; height: 32px; margin: 0 auto 8px; display: grid; place-items: center; border-radius: 10px; color: white; background: var(--green-700); font-size: .7rem; }
.simple-map-core-grid strong, .simple-map-core-grid small { display: block; }
.simple-map-core-grid strong { font-size: .8rem; }
.simple-map-core-grid small { margin-top: 4px; color: var(--muted); font-size: .68rem; }
.simple-map-module-grid { margin-top: 15px; display: grid; grid-template-columns: repeat(4, 1fr); gap: 9px; }
.simple-map-module-grid button { min-height: 110px; padding: 13px; border: 1px solid var(--line); border-radius: 14px; color: inherit; background: #f8fafb; text-align: left; }
.simple-map-module-grid button:hover { transform: translateY(-2px); border-color: #8cc99a; background: var(--green-50); }
.simple-map-module-grid button > span { width: 34px; height: 34px; margin-bottom: 10px; display: grid; place-items: center; border-radius: 10px; color: white; background: var(--navy-800); font-size: .68rem; font-weight: 900; }
.simple-map-module-grid strong, .simple-map-module-grid small { display: block; }
.simple-map-module-grid strong { font-size: .82rem; }
.simple-map-module-grid small { margin-top: 4px; color: var(--muted); font-size: .69rem; line-height: 1.35; }
.simple-map-ai { max-width: 1060px; margin: 16px auto 0; padding: 20px; border-radius: 18px; color: white; background: linear-gradient(120deg, #0b3155, var(--navy-950)); }
.simple-map-ai > div:first-child { display: flex; gap: 14px; align-items: center; }
.simple-map-ai > div:first-child > span { width: 48px; height: 48px; flex: 0 0 48px; display: grid; place-items: center; border-radius: 15px; color: var(--navy-950); background: #8ee19f; font-weight: 900; }
.simple-map-ai .eyebrow { color: #8ee19f; }
.simple-map-ai h3 { margin-bottom: 5px; }
.simple-map-ai p:last-child { margin: 0; color: #c8d7e3; font-size: .8rem; line-height: 1.45; }
.simple-map-ai-loop { margin-top: 16px; display: flex; align-items: center; justify-content: center; gap: 8px; flex-wrap: wrap; }
.simple-map-ai-loop span { padding: 7px 10px; border: 1px solid rgba(255,255,255,.16); border-radius: 999px; background: rgba(255,255,255,.08); font-size: .7rem; font-weight: 750; }
.simple-map-ai-loop i { color: #8ee19f; font-style: normal; }
.simple-map-business { max-width: 1060px; margin: 16px auto 0; padding: 20px; border: 1px solid var(--line); border-radius: 18px; background: white; box-shadow: var(--shadow-soft); }
.simple-map-business-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px; margin-top: 14px; }
.simple-map-business-grid article { padding: 14px; border-radius: 14px; background: #f7f9fa; }
.simple-map-business-grid span { color: var(--green-700); font-size: .66rem; font-weight: 900; letter-spacing: .08em; }
.simple-map-business-grid strong { display: block; margin-top: 5px; font-size: .86rem; }
.simple-map-business-grid p { margin: 7px 0 0; color: var(--muted); font-size: .74rem; line-height: 1.45; }
.simple-map-potential { max-width: 1060px; margin: 16px auto 0; padding: 22px; border-radius: 18px; color: white; background: radial-gradient(circle at 90% 10%, rgba(68,204,99,.2), transparent 28%), linear-gradient(120deg, var(--navy-950), #103c62); box-shadow: var(--shadow); }
.simple-map-potential > header { display: flex; align-items: flex-start; justify-content: space-between; gap: 22px; }
.simple-map-potential .eyebrow { color: #8ee19f; }
.simple-map-potential > header h3 { font-size: 1.18rem; }
.simple-map-potential > header p { max-width: 720px; margin: 7px 0 0; color: #c9d7e2; font-size: .82rem; line-height: 1.5; }
.simple-map-potential > header > span { flex: 0 0 auto; padding: 10px 12px; border: 1px solid rgba(142,225,159,.28); border-radius: 12px; color: #a6eab3; background: rgba(255,255,255,.06); font-size: .67rem; font-weight: 900; line-height: 1.35; letter-spacing: .08em; text-align: right; }
.simple-map-potential-grid { margin-top: 18px; display: grid; grid-template-columns: repeat(2, 1fr); gap: 10px; }
.simple-map-potential-grid article { padding: 14px; border: 1px solid rgba(255,255,255,.12); border-radius: 14px; background: rgba(255,255,255,.07); display: grid; grid-template-columns: 36px 1fr; gap: 11px; }
.simple-map-potential-grid b { width: 36px; height: 36px; display: grid; place-items: center; border-radius: 11px; color: var(--navy-950); background: #8ee19f; font-size: .68rem; }
.simple-map-potential-grid strong { display: block; font-size: .84rem; }
.simple-map-potential-grid p { margin: 5px 0 0; color: #c5d4df; font-size: .74rem; line-height: 1.45; }
.simple-map-opportunity-chain { margin-top: 14px; padding: 13px; border-radius: 14px; background: rgba(0,0,0,.16); display: grid; grid-template-columns: repeat(7, auto); align-items: center; justify-content: space-between; gap: 8px; }
.simple-map-opportunity-chain span { min-width: 0; }
.simple-map-opportunity-chain small, .simple-map-opportunity-chain strong { display: block; }
.simple-map-opportunity-chain small { color: #8ee19f; font-size: .6rem; font-weight: 900; }
.simple-map-opportunity-chain strong { margin-top: 4px; font-size: .73rem; }
.simple-map-opportunity-chain i { color: #8ee19f; font-style: normal; font-weight: 900; }
.simple-map-collaboration { max-width: 1060px; margin: 16px auto 0; padding: 22px; border: 2px solid #a9d7b4; border-radius: 18px; background: linear-gradient(120deg, var(--green-50), white); box-shadow: var(--shadow-soft); }
.simple-map-collaboration-copy { max-width: 820px; }
.simple-map-collaboration-copy h3 { font-size: 1.15rem; }
.simple-map-collaboration-copy > p:last-child { margin: 7px 0 0; color: var(--muted); font-size: .82rem; line-height: 1.5; }
.simple-map-collaboration-grid { margin-top: 16px; display: grid; grid-template-columns: repeat(2, 1fr); gap: 9px; }
.simple-map-collaboration-grid article { padding: 13px; border: 1px solid #cce4d2; border-radius: 13px; background: rgba(255,255,255,.86); display: grid; grid-template-columns: 34px 1fr; gap: 10px; }
.simple-map-collaboration-grid article > span { width: 34px; height: 34px; display: grid; place-items: center; border-radius: 10px; color: white; background: var(--green-700); font-size: .7rem; font-weight: 900; }
.simple-map-collaboration-grid strong { display: block; font-size: .82rem; }
.simple-map-collaboration-grid p { margin: 5px 0 0; color: var(--muted); font-size: .74rem; line-height: 1.4; }
.simple-map-collaboration blockquote { margin: 15px 0 0; padding: 13px 15px; border-left: 4px solid var(--green-600); border-radius: 0 12px 12px 0; color: #31553a; background: white; font-size: .84rem; font-weight: 750; }
.simple-map-footer { max-width: 1060px; margin: 16px auto 0; padding: 16px 18px; border: 1px solid #cbe4d1; border-radius: 16px; background: var(--green-50); display: flex; justify-content: space-between; align-items: center; gap: 18px; }
.simple-map-footer p { margin: 0; color: #31553a; font-size: .84rem; line-height: 1.45; }
.simple-map-footer button { flex: 0 0 auto; }

.platform-flowchart { margin-bottom: 16px; overflow: hidden; border: 1px solid #252b31; border-radius: 22px; color: #f4f7f8; background: radial-gradient(circle at 50% 0, #18221d 0, #090c0e 27%, #050607 72%); box-shadow: 0 22px 52px rgba(3,10,17,.2); }
.flowchart-heading { padding: 30px 24px 22px; border-bottom: 1px solid #20262b; text-align: center; }
.flowchart-heading p { margin-bottom: 8px; color: #6fd283; font-size: .68rem; font-weight: 900; letter-spacing: .16em; }
.flowchart-heading h2 { max-width: 780px; margin: 0 auto; font-size: clamp(1.45rem, 3vw, 2.15rem); line-height: 1.12; }
.flowchart-heading > span { display: block; margin-top: 10px; color: #88939d; font-size: .76rem; }
.flowchart-canvas { position: relative; max-width: 1000px; margin: 0 auto; padding: 34px 24px 18px; }
.flowchart-entry-row { display: grid; grid-template-columns: repeat(2, minmax(0, 280px)); justify-content: center; gap: clamp(44px, 10vw, 130px); }
.flowchart-node { position: relative; min-height: 92px; padding: 16px 18px; border: 1px solid #363c42; border-radius: 2px; color: #f0f3f5; background: linear-gradient(145deg, #171a1d, #111315); box-shadow: 0 10px 25px rgba(0,0,0,.24); text-align: center; }
button.flowchart-node { width: 100%; font: inherit; cursor: pointer; }
button.flowchart-node:hover { border-color: #63b875; background: #17231b; transform: translateY(-2px); }
.flowchart-node small, .flowchart-node strong, .flowchart-node > span { display: block; }
.flowchart-node small { margin-bottom: 7px; color: #6fd283; font-size: .62rem; font-weight: 900; letter-spacing: .11em; }
.flowchart-node strong { font-size: .9rem; line-height: 1.35; }
.flowchart-node > span { margin-top: 6px; color: #929ba3; font-size: .7rem; line-height: 1.4; }
.flowchart-node-central { width: min(440px, 82%); margin: 0 auto; border-color: #4a5650; background: linear-gradient(145deg, #1b211e, #121614); }
.flowchart-node-compact { width: min(370px, 76%); min-height: 0; margin: 0 auto; padding: 14px 16px; }
.flowchart-node-core { width: min(500px, 88%); margin: 0 auto; border: 2px solid #4b9f5e; background: radial-gradient(circle at 50% 0, rgba(55,157,78,.2), transparent 55%), #111713; }
.flowchart-node-core strong { font-size: 1.2rem; }
.flowchart-node-core > div { margin-top: 13px; display: grid; grid-template-columns: repeat(4, 1fr); gap: 6px; }
.flowchart-node-core > div span { padding: 7px 6px; border: 1px solid #34483a; border-radius: 2px; color: #bfccc3; background: #121a15; font-size: .66rem; font-weight: 750; }
.flowchart-node-result { width: min(640px, 92%); margin: 0 auto; border-color: #44505a; }
.flowchart-node-learning { width: min(520px, 88%); margin: 0 auto; border-color: #4b9f5e; background: #101813; }
.flowchart-arrow { min-height: 58px; display: grid; place-items: center; align-content: center; }
.flowchart-arrow span { color: #a5adb3; font-size: 1.2rem; line-height: 1; }
.flowchart-arrow small { margin-top: 4px; color: #68737c; font-size: .62rem; font-weight: 750; letter-spacing: .04em; }
.flowchart-merge { position: relative; width: min(610px, 78%); height: 62px; margin: 0 auto; }
.flowchart-merge i { position: absolute; top: 0; width: 50%; height: 42px; border-bottom: 1px solid #70777c; }
.flowchart-merge i:first-child { left: 0; border-left: 1px solid #70777c; border-radius: 0 0 0 34px; transform: skewX(18deg); transform-origin: right bottom; }
.flowchart-merge i:nth-child(2) { right: 0; border-right: 1px solid #70777c; border-radius: 0 0 34px 0; transform: skewX(-18deg); transform-origin: left bottom; }
.flowchart-merge span { position: absolute; left: 50%; bottom: 0; color: #a5adb3; transform: translateX(-50%); }
.flowchart-branch { position: relative; width: 78%; height: 62px; margin: 0 auto; border-bottom: 1px solid #666e74; }
.flowchart-branch::before { content: ""; position: absolute; left: 50%; top: 0; height: 100%; border-left: 1px solid #666e74; }
.flowchart-branch::after { content: ""; position: absolute; left: 0; right: 0; bottom: -6px; height: 6px; border-left: 1px solid #666e74; border-right: 1px solid #666e74; }
.flowchart-module-row { display: grid; grid-template-columns: repeat(4, 1fr); gap: 10px; }
.flowchart-module-row .flowchart-node { min-height: 118px; }
.flowchart-module-row .flowchart-node::before { content: ""; position: absolute; left: 50%; top: -7px; height: 7px; border-left: 1px solid #666e74; }
.flowchart-converge { position: relative; width: 78%; height: 68px; margin: 0 auto; border-top: 1px solid #666e74; }
.flowchart-converge::before { content: ""; position: absolute; left: 0; right: 0; top: -7px; height: 7px; border-left: 1px solid #666e74; border-right: 1px solid #666e74; }
.flowchart-converge span { position: absolute; left: 50%; top: 0; height: 48px; border-left: 1px solid #666e74; }
.flowchart-converge b { position: absolute; left: 50%; bottom: 0; color: #a5adb3; font-size: 1.05rem; transform: translateX(-50%); }
.flowchart-loop { width: min(650px, 92%); margin: 16px auto 0; padding: 11px 14px; border: 1px dashed #405b47; color: #9fd7aa; background: rgba(32,85,44,.12); display: flex; justify-content: center; gap: 9px; align-items: center; text-align: center; }
.flowchart-loop span { font-size: 1.1rem; }
.flowchart-loop strong { font-size: .72rem; line-height: 1.4; }
.flowchart-legend { padding: 13px 18px 17px; display: flex; justify-content: center; flex-wrap: wrap; gap: 10px 22px; color: #808b94; font-size: .66rem; }
.flowchart-legend span { display: flex; align-items: center; gap: 6px; }
.flowchart-dot { width: 7px; height: 7px; border-radius: 50%; }
.flowchart-dot.human { background: #d3d8dc; }
.flowchart-dot.ai { background: #6fd283; }
.flowchart-dot.data { background: #4e82ae; }

.metric-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 14px; }
.metric-card { position: relative; overflow: hidden; padding: 18px 18px 16px; border: 1px solid var(--line); border-radius: var(--radius-lg); background: white; box-shadow: var(--shadow-soft); }
.metric-card::before { content: ""; position: absolute; inset: 0 auto 0 0; width: 4px; background: var(--accent); }
.metric-card::after { content: ""; position: absolute; width: 80px; height: 80px; right: -31px; top: -36px; border-radius: 50%; background: color-mix(in srgb, var(--accent) 10%, transparent); }
.accent-green { --accent: var(--green-600); }
.accent-blue { --accent: #317bb1; }
.accent-gold { --accent: #db9b28; }
.accent-cyan { --accent: #1593a0; }
.metric-label { display: flex; justify-content: space-between; gap: 8px; align-items: center; color: var(--muted); font-size: .76rem; font-weight: 700; }
.metric-icon { width: 28px; height: 28px; border-radius: 9px; display: grid; place-items: center; color: var(--accent); background: color-mix(in srgb, var(--accent) 12%, white); font-size: 1rem; }
.metric-card > strong { display: block; margin: 10px 0 5px; color: var(--navy-900); font-size: 1.8rem; line-height: 1; }
.metric-card > small { color: var(--muted); font-size: .7rem; }

.dashboard-grid { display: grid; grid-template-columns: minmax(0, 1.28fr) minmax(340px, .72fr); gap: 16px; margin-top: 16px; }
.panel { border: 1px solid var(--line); border-radius: var(--radius-xl); background: white; box-shadow: var(--shadow-soft); }
.focus-panel, .journey-panel, .pipeline-panel { padding: 20px; }
.panel-heading { display: flex; justify-content: space-between; align-items: center; gap: 15px; margin-bottom: 18px; }
.panel-heading .eyebrow { margin-bottom: 3px; }
.attention-list { display: grid; gap: 8px; }
.attention-item { width: 100%; padding: 12px; border: 1px solid transparent; border-radius: 13px; background: #f7f9fb; display: grid; grid-template-columns: 38px minmax(0, 1fr) auto; gap: 11px; align-items: center; text-align: left; color: inherit; }
.attention-item:hover { border-color: #c9d8e4; background: white; box-shadow: var(--shadow-soft); }
.attention-avatar { width: 38px; height: 38px; border-radius: 12px; display: grid; place-items: center; color: white; background: var(--navy-800); font-size: .8rem; font-weight: 800; }
.attention-item strong, .attention-item small { display: block; }
.attention-item strong { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: .86rem; }
.attention-item small { margin-top: 4px; color: var(--muted); font-size: .7rem; }
.attention-action { text-align: right; }
.attention-action span { display: block; margin-bottom: 4px; color: var(--navy-700); font-size: .72rem; font-weight: 700; }
.attention-action time { color: var(--muted); font-size: .68rem; }
.attention-action.overdue span, .attention-action.overdue time { color: var(--danger); }
.live-pill { padding: 6px 9px; border-radius: 999px; background: var(--green-50); color: var(--green-700); font-size: .68rem; font-weight: 750; white-space: nowrap; }
.live-pill span { display: inline-block; width: 6px; height: 6px; margin-right: 5px; border-radius: 50%; background: var(--green-500); }
.journey-list { position: relative; display: grid; grid-template-columns: 1fr 1fr; gap: 12px 10px; margin: 0; padding: 0; list-style: none; }
.journey-list li { display: flex; align-items: center; gap: 9px; color: #7b8795; }
.journey-list li > span { width: 29px; height: 29px; flex: 0 0 29px; display: grid; place-items: center; border: 1px solid #dbe2e7; border-radius: 10px; background: #f6f8f9; font-size: .7rem; font-weight: 800; }
.journey-list strong, .journey-list small { display: block; }
.journey-list strong { font-size: .76rem; }
.journey-list small { margin-top: 2px; font-size: .63rem; }
.journey-list li.complete { color: var(--green-700); }
.journey-list li.complete > span { color: white; border-color: var(--green-600); background: var(--green-600); }
.journey-list li.current { color: var(--navy-800); }
.journey-list li.current > span { color: white; border-color: var(--navy-800); background: var(--navy-800); box-shadow: 0 0 0 4px var(--blue-100); }
.journey-insight { margin-top: 16px; padding: 12px; border-radius: 13px; background: linear-gradient(120deg, var(--navy-950), var(--navy-800)); color: white; display: flex; gap: 11px; align-items: flex-start; }
.journey-insight > span { font-size: 1.5rem; color: #68d980; }
.journey-insight p { margin: 0; color: #d8e3ed; font-size: .7rem; line-height: 1.5; }
.journey-insight strong { color: white; }
.pipeline-panel { margin-top: 16px; }
.legend { display: flex; gap: 12px; color: var(--muted); font-size: .68rem; }
.legend i { display: inline-block; width: 7px; height: 7px; margin-right: 4px; border-radius: 50%; }
.legend i.green { background: var(--green-500); }
.legend i.gold { background: #df9f24; }
.flow-grid { display: grid; grid-template-columns: repeat(5, 1fr); gap: 10px; }
.flow-card { padding: 14px; border: 1px solid var(--line); border-radius: 14px; background: #fafcfd; }
.flow-card-header { display: flex; align-items: center; gap: 8px; }
.flow-symbol { width: 30px; height: 30px; border-radius: 10px; display: grid; place-items: center; color: var(--flow-color); background: color-mix(in srgb, var(--flow-color) 12%, white); font-weight: 900; }
.flow-card h3 { margin: 0; font-size: .8rem; }
.flow-card .flow-count { display: block; margin: 14px 0 5px; color: var(--navy-900); font-size: 1.45rem; font-weight: 850; }
.flow-card small { color: var(--muted); font-size: .65rem; }
.progress-track { height: 5px; margin-top: 11px; overflow: hidden; border-radius: 999px; background: #e7ecef; }
.progress-track span { display: block; height: 100%; width: var(--progress); border-radius: inherit; background: var(--flow-color); }

.section-toolbar { margin: 6px 0 18px; display: flex; justify-content: space-between; align-items: flex-end; gap: 15px; }
.filter-group { display: flex; gap: 5px; padding: 4px; border: 1px solid var(--line); border-radius: 12px; background: white; }
.filter-button { min-height: 34px; padding: 0 11px; background: transparent; color: var(--muted); font-size: .75rem; font-weight: 700; }
.filter-button.active { background: var(--navy-900); color: white; }
.helper-copy { color: var(--muted); font-size: .76rem; }
.record-list { display: grid; gap: 10px; }
.record-card { padding: 15px 17px; border: 1px solid var(--line); border-radius: var(--radius-lg); background: white; display: grid; grid-template-columns: 44px minmax(160px, 1.4fr) minmax(135px, .8fr) minmax(150px, 1fr) auto; align-items: center; gap: 15px; box-shadow: 0 3px 12px rgba(7,30,54,.035); }
.record-card:hover { border-color: #b9cad6; }
.record-main strong, .record-main small, .record-meta strong, .record-meta small { display: block; }
.record-main strong { font-size: .9rem; }
.record-main small, .record-meta small { margin-top: 4px; color: var(--muted); font-size: .7rem; }
.record-meta strong { font-size: .76rem; }
.record-card .secondary-button { min-height: 36px; font-size: .74rem; }
.status-badge, .quality-badge { display: inline-flex; align-items: center; width: max-content; padding: 5px 8px; border-radius: 999px; font-size: .65rem; font-weight: 800; }
.status-novo { color: #155c32; background: #dff5e5; }
.status-aguardando { color: #795006; background: #fff0c7; }
.status-encaminhado { color: #1b587f; background: #e0eef8; }
.status-concluido { color: #575e68; background: #edf0f2; }

.kanban { display: grid; grid-template-columns: repeat(3, 1fr); gap: 14px; align-items: start; }
.kanban-column { padding: 13px; border: 1px solid var(--line); border-radius: var(--radius-lg); background: #eef2f5; }
.kanban-heading { padding: 2px 3px 12px; display: flex; align-items: center; justify-content: space-between; }
.kanban-heading strong { font-size: .82rem; }
.kanban-heading span { min-width: 24px; height: 24px; border-radius: 8px; display: grid; place-items: center; background: white; color: var(--muted); font-size: .7rem; font-weight: 800; }
.kanban-items { display: grid; gap: 9px; }
.opportunity-card { padding: 13px; border: 1px solid #dde4e9; border-radius: 13px; background: white; box-shadow: 0 4px 11px rgba(7,30,54,.04); }
.opportunity-card header { display: flex; justify-content: space-between; gap: 10px; }
.opportunity-card h3 { margin: 0; font-size: .8rem; }
.opportunity-card p { margin: 8px 0 12px; color: var(--muted); font-size: .7rem; line-height: 1.45; }
.opportunity-footer { display: flex; justify-content: space-between; align-items: center; color: var(--muted); font-size: .65rem; }
.owner-chip { display: inline-flex; align-items: center; gap: 5px; }
.owner-chip i { width: 20px; height: 20px; border-radius: 7px; display: grid; place-items: center; color: white; background: var(--navy-700); font-style: normal; font-size: .58rem; font-weight: 800; }
.flow-tag { padding: 4px 7px; border-radius: 7px; color: var(--navy-800); background: var(--blue-100); font-size: .62rem; font-weight: 750; }

.entity-tabs { display: flex; gap: 7px; margin-bottom: 15px; }
.entity-tab { padding: 9px 13px; border: 1px solid var(--line); border-radius: 10px; color: var(--muted); background: white; font-size: .78rem; font-weight: 750; }
.entity-tab span { margin-left: 5px; color: var(--navy-800); }
.entity-tab.active { border-color: var(--navy-800); color: white; background: var(--navy-800); }
.entity-tab.active span { color: #a9e6b6; }
.entity-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 12px; }
.entity-card { padding: 17px; border: 1px solid var(--line); border-radius: var(--radius-lg); background: white; }
.entity-card header { display: flex; justify-content: space-between; gap: 10px; }
.entity-card h3 { margin: 0; font-size: .9rem; }
.entity-card > p { margin: 7px 0 15px; color: var(--muted); font-size: .72rem; }
.entity-relations { display: flex; flex-wrap: wrap; gap: 6px; }
.entity-relations span { padding: 5px 7px; border-radius: 7px; background: #f0f3f6; color: #4d5f70; font-size: .63rem; font-weight: 650; }
.party-card { position: relative; overflow: hidden; box-shadow: var(--shadow-soft); }
.party-card::before { content: ""; position: absolute; inset: 0 auto 0 0; width: 4px; background: linear-gradient(var(--green-500), var(--navy-700)); }
.party-card footer { margin-top: 16px; padding-top: 13px; border-top: 1px solid var(--line); display: flex; align-items: center; justify-content: space-between; gap: 10px; }
.party-card footer small { color: var(--muted); font-size: .72rem; }
.entity-empty { grid-column: 1 / -1; padding: 32px; color: var(--muted); text-align: center; }
.quality-confirmed { color: #176332; background: #e1f6e6; }
.quality-provisional { color: #765208; background: #fff0c9; }
.quality-pending { color: #8a2f26; background: #fee9e7; }

.quality-header { margin-bottom: 16px; padding: 22px; border-radius: var(--radius-xl); color: white; background: linear-gradient(125deg, var(--navy-950), var(--navy-800)); display: flex; align-items: center; justify-content: space-between; }
.quality-header h2 { font-size: 1.3rem; }
.quality-header p:not(.eyebrow) { margin: 7px 0 0; color: #cbd9e5; font-size: .78rem; }
.quality-header .eyebrow { color: #7bdd91; }
.quality-score { min-width: 145px; padding-left: 22px; border-left: 1px solid rgba(255,255,255,.16); }
.quality-score strong, .quality-score span { display: block; }
.quality-score strong { font-size: 2rem; }
.quality-score span { color: #cbd9e5; font-size: .68rem; }
.quality-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 12px; }
.quality-card { padding: 17px; border: 1px solid var(--line); border-radius: var(--radius-lg); background: white; display: grid; grid-template-columns: 38px 1fr auto; gap: 12px; align-items: start; }
.quality-icon { width: 38px; height: 38px; display: grid; place-items: center; border-radius: 12px; color: #875807; background: var(--gold-100); font-weight: 900; }
.quality-card h3 { margin: 0; font-size: .84rem; }
.quality-card p { margin: 6px 0 0; color: var(--muted); font-size: .7rem; line-height: 1.45; }
.quality-card button { align-self: center; }

.evaluation-toolbar { align-items: center; }
.evaluation-toolbar .helper-copy { display: block; margin-top: 6px; }
.evaluation-metrics { margin-bottom: 16px; display: grid; grid-template-columns: repeat(4, 1fr); gap: 10px; }
.evaluation-metrics article { padding: 15px 17px; border: 1px solid var(--line); border-radius: 14px; background: white; box-shadow: var(--shadow-soft); }
.evaluation-metrics span, .evaluation-metrics strong { display: block; }
.evaluation-metrics span { color: var(--muted); font-size: .78rem; }
.evaluation-metrics strong { margin-top: 7px; color: var(--navy-900); font-size: 1.45rem; }
.evaluation-list { display: grid; gap: 9px; }
.evaluation-row { padding: 14px 16px; border: 1px solid var(--line); border-radius: 15px; background: white; display: grid; grid-template-columns: 42px minmax(170px, 1.2fr) minmax(130px, .7fr) minmax(180px, 1fr) auto auto; gap: 14px; align-items: center; box-shadow: 0 3px 12px rgba(7,30,54,.035); }
.evaluation-row:hover { border-color: #b9cad6; }
.evaluation-machine-mark { width: 42px; height: 42px; border-radius: 13px; color: white; background: #7652ac; display: grid; place-items: center; font-size: .78rem; font-weight: 900; }
.evaluation-primary strong, .evaluation-primary small, .evaluation-result strong, .evaluation-result small { display: block; }
.evaluation-primary strong { font-size: .88rem; }
.evaluation-primary small, .evaluation-result small { margin-top: 4px; color: var(--muted); font-size: .72rem; }
.evaluation-result strong { margin-top: 4px; font-size: .76rem; }
.evaluation-progress > span { height: 6px; overflow: hidden; border-radius: 999px; background: #e7ebef; display: block; }
.evaluation-progress i { height: 100%; border-radius: inherit; background: linear-gradient(90deg, #7652ac, #9a72cd); display: block; }
.evaluation-progress small { display: block; margin-top: 5px; color: var(--muted); font-size: .7rem; }
.evaluation-status { padding: 6px 8px; border-radius: 999px; color: #5f437e; background: #eee7f6; font-size: .7rem; font-weight: 800; white-space: nowrap; }
.evaluation-status-waiting_review { color: #795006; background: var(--gold-100); }
.evaluation-status-reviewed, .evaluation-status-completed { color: #176332; background: var(--green-100); }
.evaluation-status-cancelled { color: #575e68; background: #edf0f2; }
.evaluation-empty { min-height: 150px; padding: 25px; border: 1px dashed #c8d2d9; border-radius: 17px; background: white; display: grid; grid-template-columns: 48px 1fr auto; gap: 15px; align-items: center; }
.evaluation-empty > span { width: 48px; height: 48px; border-radius: 15px; color: white; background: #7652ac; display: grid; place-items: center; font-weight: 900; }
.evaluation-empty h3 { margin: 0; font-size: .95rem; }
.evaluation-empty p { margin: 6px 0 0; color: var(--muted); font-size: .8rem; }

.market-toolbar { align-items: center; }
.market-toolbar .helper-copy { display: block; margin-top: 6px; }
.market-command-center { margin-bottom: 14px; border: 1px solid #aacdb4; border-radius: 22px; color: white; background: linear-gradient(128deg, #071e36 0%, #0b3d36 62%, #126430 100%); overflow: hidden; box-shadow: 0 18px 40px rgba(7,30,54,.14); }
.market-command-header { padding: 18px 20px 15px; display: flex; align-items: flex-end; justify-content: space-between; gap: 16px; }
.market-command-header h3 { margin: 3px 0; color: white; font-size: 1.15rem; }
.market-command-header .eyebrow { color: #86d99a; }
.market-command-header span { color: #bdd4cb; font-size: .78rem; }
.market-command-header .secondary-button { color: white; border-color: rgba(255,255,255,.28); background: rgba(255,255,255,.08); }
.market-command-metrics { padding: 0 14px 14px; display: grid; grid-template-columns: repeat(5, 1fr); gap: 8px; }
.market-command-metrics article { min-width: 0; padding: 13px 14px; border: 1px solid rgba(255,255,255,.13); border-radius: 13px; background: rgba(255,255,255,.075); }
.market-command-metrics span, .market-command-metrics strong, .market-command-metrics small { display: block; }
.market-command-metrics span { color: #c7dbd3; font-size: .76rem; }
.market-command-metrics strong { margin: 6px 0 3px; color: white; font-size: 1.35rem; }
.market-command-metrics small { color: #9dbbb0; font-size: .72rem; }
.market-command-metrics .market-command-revenue { border-color: rgba(118,218,139,.34); background: rgba(43,173,75,.16); }
.market-command-revenue strong { font-size: 1.05rem; }
.market-command-body { padding: 14px; color: var(--ink); background: #f4f8f5; display: grid; grid-template-columns: 1.05fr 1fr .95fr; gap: 10px; }
.market-command-body > section { min-width: 0; padding: 13px; border: 1px solid #d6e3da; border-radius: 15px; background: white; }
.market-command-section-title { min-height: 42px; margin-bottom: 8px; display: flex; align-items: flex-start; justify-content: space-between; gap: 8px; }
.market-command-section-title h4 { margin: 2px 0 0; color: var(--navy-900); font-size: .92rem; }
.market-command-section-title .eyebrow { font-size: .7rem; }
.market-command-alerts > div:last-child, .market-command-indicators > div:last-child { display: grid; gap: 6px; }
.market-command-alert { width: 100%; min-height: 44px; padding: 7px 9px; border: 1px solid #dbe5df; border-left: 4px solid #5187ad; border-radius: 9px; color: var(--ink); background: #fbfdfc; display: grid; grid-template-columns: 30px 1fr auto; align-items: center; gap: 7px; text-align: left; }
.market-command-alert.gold { border-left-color: #b18a37; }
.market-command-alert.violet { border-left-color: #7a62aa; }
.market-command-alert.green { border-left-color: var(--green-700); }
.market-command-alert b { width: 28px; height: 28px; border-radius: 8px; color: white; background: var(--navy-900); display: grid; place-items: center; font-size: .76rem; }
.market-command-alert span { font-size: .75rem; line-height: 1.35; }
.market-command-alert i { color: var(--green-700); font-style: normal; font-weight: 850; }
.market-command-indicator { min-height: 44px; padding: 6px 0; border-bottom: 1px solid #e4ebe6; display: grid; grid-template-columns: 27px minmax(0, 1fr) auto; align-items: center; gap: 8px; }
.market-command-indicator:last-child { border-bottom: 0; }
.market-command-indicator > span { width: 26px; height: 26px; border-radius: 50%; color: #075f38; background: #def3e3; display: grid; place-items: center; font-size: .7rem; font-weight: 850; }
.market-command-indicator b, .market-command-indicator small { display: block; }
.market-command-indicator b { overflow: hidden; color: var(--navy-900); font-size: .75rem; text-overflow: ellipsis; white-space: nowrap; }
.market-command-indicator small { margin-top: 3px; color: var(--muted); font-size: .7rem; }
.market-command-indicator strong { color: var(--green-700); font-size: .7rem; white-space: nowrap; }
.market-command-modules > p { margin: 0 0 10px; color: var(--muted); font-size: .75rem; line-height: 1.45; }
.market-command-modules > div:last-child { display: grid; gap: 6px; }
.market-command-modules > div:last-child button { min-height: 48px; padding: 7px 9px; border: 1px solid #d7e4dc; border-radius: 10px; color: var(--navy-900); background: #fbfdfb; display: grid; grid-template-columns: 34px 1fr; grid-template-rows: auto auto; align-items: center; column-gap: 8px; text-align: left; font-size: .76rem; font-weight: 800; }
.market-command-modules button > span { grid-row: 1 / 3; width: 32px; height: 32px; border-radius: 9px; color: white; background: var(--green-700); display: grid; place-items: center; font-size: .7rem; }
.market-command-modules button small { color: var(--muted); font-size: .7rem; font-weight: 500; }
.market-command-empty { min-height: 80px; padding: 12px; border: 1px dashed #ccd9d1; border-radius: 10px; color: var(--muted); display: grid; place-content: center; gap: 3px; text-align: center; font-size: .75rem; }
.market-command-empty b { color: var(--navy-900); }
.market-operating-model { margin-bottom: 14px; padding: 20px; border: 1px solid #b8d8c0; border-radius: 20px; background: linear-gradient(135deg, #f7fcf8, #fff 58%, #f3f8f5); box-shadow: var(--shadow-soft); }
.market-model-heading { display: flex; align-items: flex-end; justify-content: space-between; gap: 20px; margin-bottom: 16px; }
.market-model-heading h3 { margin: 3px 0 0; color: var(--navy-900); font-size: 1.05rem; }
.market-model-heading > span { max-width: 390px; color: var(--muted); font-size: .78rem; text-align: right; }
.market-transaction-flow { display: grid; grid-template-columns: 1fr auto 1.3fr auto 1fr; gap: 10px; align-items: stretch; }
.market-transaction-flow > article { padding: 14px 16px; border: 1px solid #d7e4dc; border-radius: 14px; background: white; display: flex; flex-direction: column; gap: 4px; }
.market-transaction-flow > article small, .market-network-map small { color: var(--green-700); font-size: .66rem; font-weight: 800; letter-spacing: .08em; }
.market-transaction-flow > article strong { color: var(--navy-900); font-size: .9rem; }
.market-transaction-flow > article span { color: var(--muted); font-size: .72rem; }
.market-transaction-flow > i { align-self: center; color: var(--green-600); font-style: normal; font-weight: 800; }
.market-transaction-flow .market-bridge-card { border-color: #2c8e4a; color: white; background: linear-gradient(120deg, var(--navy-950), #0f5b3a); }
.market-transaction-flow .market-bridge-card small { color: #a9e4b6; }
.market-transaction-flow .market-bridge-card strong { color: white; }
.market-transaction-flow .market-bridge-card span { color: #d4e9dd; }
.market-responsibility-grid { margin-top: 10px; display: grid; grid-template-columns: repeat(5, 1fr); gap: 8px; }
.market-responsibility-grid > div { padding: 10px 12px; border-radius: 11px; background: #eef5f0; }
.market-responsibility-grid b, .market-responsibility-grid span { display: block; }
.market-responsibility-grid b { color: var(--navy-900); font-size: .74rem; }
.market-responsibility-grid span { margin-top: 3px; color: var(--muted); font-size: .68rem; }
.market-responsibility-grid .market-commission-cell { background: #e4f4e7; }
.market-network-map { margin-bottom: 14px; display: grid; grid-template-columns: 1fr 1.25fr 1fr; gap: 10px; }
.market-network-map > div { min-height: 112px; padding: 15px; border: 1px solid var(--line); border-radius: 16px; background: white; display: flex; gap: 12px; box-shadow: var(--shadow-soft); }
.market-network-map > div > span { width: 34px; height: 34px; flex: 0 0 34px; border-radius: 50%; color: white; background: var(--navy-900); display: grid; place-items: center; font-size: .72rem; font-weight: 800; }
.market-network-map strong { display: block; margin-top: 4px; color: var(--navy-900); font-size: .85rem; }
.market-network-map p { margin: 5px 0 0; color: var(--muted); font-size: .7rem; line-height: 1.45; }
.market-network-map .market-network-engine { border-color: #9ed1aa; background: linear-gradient(135deg, #eff9f1, white); }
.market-network-map .market-network-engine > span { background: var(--green-700); }
.market-network-workspace { margin-bottom: 14px; border: 1px solid #c8d9ce; border-radius: 20px; background: #f8fbf9; overflow: hidden; box-shadow: var(--shadow-soft); }
.market-network-workspace-header { padding: 17px 19px; color: white; background: linear-gradient(115deg, var(--navy-950), #0b5437); display: flex; align-items: center; justify-content: space-between; gap: 20px; }
.market-network-workspace-header h3 { margin: 3px 0; color: white; font-size: 1rem; }
.market-network-workspace-header p { margin: 0; max-width: 760px; color: #d4e9dd; font-size: .78rem; line-height: 1.5; }
.market-network-workspace-actions { display: grid; justify-items: end; gap: 8px; }
.market-network-workspace-actions .secondary-button { color: white; border-color: rgba(255,255,255,.3); background: rgba(255,255,255,.08); }
.market-network-live-metrics { display: flex; gap: 8px; }
.market-network-live-metrics span { min-width: 74px; padding: 9px 10px; border: 1px solid rgba(255,255,255,.2); border-radius: 11px; background: rgba(255,255,255,.08); text-align: center; font-size: .68rem; }
.market-network-live-metrics b { display: block; margin-bottom: 2px; color: white; font-size: 1rem; }
.market-network-columns { padding: 13px; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 11px; }
.market-network-columns > section { min-width: 0; padding: 11px; border: 1px solid #dbe6df; border-radius: 15px; background: white; }
.market-network-column-heading { min-height: 40px; margin-bottom: 9px; display: flex; align-items: center; justify-content: space-between; gap: 8px; }
.market-network-column-heading small, .market-network-column-heading strong { display: block; }
.market-network-column-heading small { color: var(--green-700); font-size: .68rem; font-weight: 850; letter-spacing: .08em; }
.market-network-column-heading strong { margin-top: 2px; color: var(--navy-900); font-size: .82rem; }
.market-network-cards { max-height: 540px; display: grid; gap: 8px; overflow-y: auto; }
.market-network-record { padding: 12px; border: 1px solid var(--line); border-radius: 13px; background: #fff; display: grid; gap: 8px; }
.market-network-record > header, .market-network-record-footer { display: flex; align-items: center; justify-content: space-between; gap: 8px; }
.market-network-record > strong { color: var(--navy-900); font-size: .8rem; line-height: 1.35; }
.market-network-record > small, .market-network-record > p { color: var(--muted); font-size: .7rem; line-height: 1.45; }
.market-network-record > p { margin: 0; }
.market-network-type, .market-network-visibility { padding: 4px 7px; border-radius: 999px; font-size: .62rem; font-weight: 800; }
.market-network-type { color: #075f38; background: #dff5e9; }
.market-network-type.demand { color: #174a78; background: #e4f0fb; }
.market-network-visibility { color: #5f6b79; background: #edf1f4; }
.market-network-origin { padding: 8px 9px; border-radius: 10px; background: #f2f7f3; display: grid; grid-template-columns: 1fr auto; gap: 2px 8px; }
.market-network-origin span { color: var(--muted); font-size: .62rem; }
.market-network-origin b { color: var(--navy-900); font-size: .69rem; }
.market-network-origin em { grid-column: 2; grid-row: 1 / 3; align-self: center; color: var(--green-700); font-size: .6rem; font-style: normal; font-weight: 800; }
.market-network-record-footer > b { color: var(--navy-900); font-size: .76rem; }
.market-network-empty { padding: 20px 12px; border: 1px dashed #cbd9d0; border-radius: 12px; color: var(--muted); background: #fafcfb; font-size: .72rem; line-height: 1.5; }
.market-match-score { width: 44px; height: 28px; border-radius: 9px; color: white; background: var(--green-700); display: grid; place-items: center; font-size: .72rem; font-weight: 850; }
.market-match-record.rejected { opacity: .55; }
.market-match-origins { display: grid; gap: 3px; }
.market-match-origins span { color: var(--muted); font-size: .63rem; }
.market-match-origins b { color: var(--navy-800); }
.market-human-check { color: var(--green-700); font-size: .67rem; font-weight: 800; }
.market-commission-summary { padding: 9px; border: 1px solid #b9dac0; border-radius: 10px; background: #edf8ef; display: grid; grid-template-columns: 1fr auto; gap: 3px 8px; }
.market-commission-summary span, .market-commission-summary b { color: #075f38; font-size: .68rem; }
.market-commission-summary small { grid-column: 1 / -1; color: var(--muted); font-size: .6rem; }
.market-match-kanban-section { margin-bottom: 14px; padding: 16px; border: 1px solid #cdded3; border-radius: 20px; background: linear-gradient(145deg, #f3f8f4, #eef3f6); box-shadow: var(--shadow-soft); }
.market-match-kanban-heading { margin-bottom: 13px; display: flex; align-items: flex-end; justify-content: space-between; gap: 16px; }
.market-match-kanban-heading h3 { margin: 3px 0; color: var(--navy-900); font-size: 1rem; }
.market-match-kanban-heading p:last-child { max-width: 820px; margin: 0; color: var(--muted); font-size: .72rem; line-height: 1.5; }
.market-match-kanban-heading > span { padding: 6px 9px; border-radius: 999px; color: #64717b; background: #e2e8eb; font-size: .65rem; font-weight: 750; white-space: nowrap; }
.market-match-kanban { padding-bottom: 5px; display: grid; grid-template-columns: repeat(5, minmax(218px, 1fr)); gap: 10px; overflow-x: auto; }
.market-kanban-column { min-height: 350px; padding: 10px; border: 1px solid #d7e2dc; border-top: 4px solid #8297a7; border-radius: 14px; background: rgba(255,255,255,.82); }
.market-kanban-column[data-kanban-stage="suggested"] { border-top-color: #5187ad; }
.market-kanban-column[data-kanban-stage="validated"] { border-top-color: #b18a37; }
.market-kanban-column[data-kanban-stage="agreed"] { border-top-color: #7a62aa; }
.market-kanban-column[data-kanban-stage="issued"] { border-top-color: #198261; }
.market-kanban-column[data-kanban-stage="completed"] { border-top-color: var(--green-700); background: rgba(238,249,240,.9); }
.market-kanban-column > header { min-height: 78px; display: grid; grid-template-columns: 1fr auto; gap: 4px 8px; align-content: start; }
.market-kanban-column > header > div { display: flex; align-items: center; gap: 7px; }
.market-kanban-column > header span { width: 24px; height: 24px; border-radius: 8px; color: white; background: var(--navy-900); display: grid; place-items: center; font-size: .6rem; font-weight: 850; }
.market-kanban-column > header strong { color: var(--navy-900); font-size: .76rem; }
.market-kanban-column > header > b { min-width: 24px; height: 24px; padding: 0 6px; border-radius: 999px; color: var(--navy-900); background: #e7eef1; display: grid; place-items: center; font-size: .66rem; }
.market-kanban-column > header p { grid-column: 1 / -1; margin: 2px 0 0; color: var(--muted); font-size: .62rem; line-height: 1.4; }
.market-kanban-stack { display: grid; gap: 8px; }
.market-kanban-card { padding: 11px; border: 1px solid #d8e3dc; border-radius: 12px; background: white; box-shadow: 0 3px 10px rgba(7,30,54,.045); }
.market-kanban-card > header { display: flex; align-items: center; justify-content: space-between; gap: 7px; }
.market-kanban-card > header small { color: var(--muted); font-size: .57rem; }
.market-kanban-score { padding: 4px 6px; border-radius: 7px; color: white; background: var(--green-700); font-size: .63rem; font-weight: 850; }
.market-kanban-card h4 { margin: 9px 0 4px; color: var(--navy-900); font-size: .75rem; line-height: 1.35; }
.market-kanban-card > p { min-height: 38px; margin: 0 0 8px; color: var(--muted); font-size: .62rem; line-height: 1.45; }
.market-kanban-buyer { padding: 7px 8px; border-radius: 9px; background: #f1f5f3; }
.market-kanban-buyer span, .market-kanban-buyer b { display: block; }
.market-kanban-buyer span, .market-kanban-origins small, .market-kanban-commission span, .market-kanban-commission small { color: var(--muted); font-size: .56rem; }
.market-kanban-buyer b { margin-top: 2px; color: var(--navy-900); font-size: .64rem; }
.market-kanban-origins { margin-top: 7px; display: grid; grid-template-columns: 1fr 1fr; gap: 5px; }
.market-kanban-origins span { padding: 6px; border: 1px solid #e2e9e5; border-radius: 8px; color: var(--navy-800); font-size: .58rem; line-height: 1.35; }
.market-kanban-origins small { margin-bottom: 2px; display: block; }
.market-kanban-commission { margin-top: 7px; padding: 7px 8px; border-radius: 9px; background: #eaf6ed; display: grid; grid-template-columns: 1fr auto; gap: 2px 6px; }
.market-kanban-commission b { color: #075f38; font-size: .65rem; }
.market-kanban-commission small { grid-column: 1 / -1; }
.market-kanban-card footer { margin-top: 9px; display: flex; justify-content: flex-end; align-items: center; gap: 5px; }
.market-kanban-card footer .secondary-button { flex: 1; }
.market-kanban-complete { width: 100%; padding: 7px 8px; border-radius: 9px; color: #075f38; background: #dff3e4; text-align: center; font-size: .62rem; font-weight: 850; }
.market-kanban-empty { min-height: 150px; padding: 18px 10px; border: 1px dashed #cedad3; border-radius: 10px; color: var(--muted); display: grid; place-items: center; text-align: center; font-size: .63rem; }
.market-network-dialog { width: min(720px, calc(100vw - 24px)); }
.market-origin-protection { padding: 11px 12px; border: 1px solid #b8d8c0; border-radius: 12px; background: #f3faf4; }
.market-origin-protection b, .market-origin-protection span { display: block; }
.market-origin-protection b { color: var(--green-700); font-size: .76rem; }
.market-origin-protection span { margin-top: 3px; color: var(--muted); font-size: .69rem; line-height: 1.45; }
.indicator-portal-dialog { width: min(1220px, calc(100vw - 24px)); }
.indicator-portal { min-height: min(840px, calc(100vh - 24px)); background: #f3f6f8; }
.indicator-portal-header { padding: 18px 22px; color: white; background: linear-gradient(115deg, var(--navy-950), #0d5939 72%, var(--green-700)); display: flex; align-items: center; justify-content: space-between; gap: 18px; }
.indicator-portal-header h2 { margin: 3px 0; color: white; font-size: 1.25rem; }
.indicator-portal-header small { color: #d4e9dd; }
.indicator-portal-header .eyebrow { color: #ace1b8; }
.indicator-portal-header .icon-button { color: white; border-color: rgba(255,255,255,.25); background: rgba(255,255,255,.08); }
.indicator-portal-header-actions { display: flex; align-items: flex-end; gap: 10px; }
.indicator-portal-header-actions label { color: #d4e9dd; font-size: .7rem; }
.indicator-portal-header-actions select { min-width: 300px; margin-top: 4px; border-color: rgba(255,255,255,.28); color: white; background: #123d35; }
.indicator-portal-loading { min-height: 380px; padding: 60px 24px; color: var(--muted); display: grid; place-items: center; text-align: center; }
.indicator-access-banner { margin: 14px 16px 0; padding: 11px 14px; border: 1px solid #b8d8c0; border-radius: 13px; background: #eef9f0; display: flex; align-items: center; gap: 14px; }
.indicator-access-banner b { color: var(--green-700); font-size: .76rem; white-space: nowrap; }
.indicator-access-banner span { color: var(--muted); font-size: .72rem; line-height: 1.45; }
.indicator-portal-metrics { padding: 12px 16px 0; display: grid; grid-template-columns: repeat(4, 1fr); gap: 9px; }
.indicator-portal-metrics article { padding: 12px 14px; border: 1px solid var(--line); border-radius: 13px; background: white; }
.indicator-portal-metrics span, .indicator-portal-metrics strong { display: block; }
.indicator-portal-metrics span { color: var(--muted); font-size: .68rem; }
.indicator-portal-metrics strong { margin-top: 5px; color: var(--navy-900); font-size: 1.02rem; }
.indicator-portal-body { padding: 13px 16px 20px; display: grid; grid-template-columns: 1fr 1fr; gap: 12px; }
.indicator-portal-body > section { min-width: 0; padding: 13px; border: 1px solid var(--line); border-radius: 16px; background: white; }
.indicator-portal-body > section:last-child { grid-column: 1 / -1; }
.indicator-portal-section-heading { margin-bottom: 10px; }
.indicator-portal-section-heading h3 { margin: 2px 0 0; color: var(--navy-900); font-size: .92rem; }
.indicator-portal-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; }
.indicator-portal-card { padding: 12px; border: 1px solid #dbe5de; border-radius: 13px; background: #fbfdfb; }
.indicator-portal-card header, .indicator-portal-match header { display: flex; align-items: center; justify-content: space-between; gap: 8px; }
.indicator-portal-card header span, .indicator-portal-match header span { color: var(--green-700); font-size: .63rem; font-weight: 850; letter-spacing: .05em; }
.indicator-portal-card header b, .indicator-portal-match header b { padding: 4px 7px; border-radius: 999px; color: #31516d; background: #e8f0f6; font-size: .61rem; }
.indicator-portal-card h4 { margin: 9px 0 4px; color: var(--navy-900); font-size: .8rem; }
.indicator-portal-card p { min-height: 30px; margin: 0 0 10px; color: var(--muted); font-size: .69rem; line-height: 1.45; }
.indicator-portal-card > div { padding-top: 8px; border-top: 1px solid var(--line); }
.indicator-portal-card strong, .indicator-portal-card small { display: block; }
.indicator-portal-card strong { color: var(--navy-900); font-size: .78rem; }
.indicator-portal-card small { margin-top: 3px; color: var(--muted); font-size: .62rem; }
.indicator-portal-match-list { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 9px; }
.indicator-portal-match { padding: 12px; border: 1px solid #d8e5dc; border-radius: 13px; display: grid; grid-template-columns: 48px 1fr; gap: 11px; }
.indicator-portal-score { width: 48px; height: 48px; border-radius: 14px; color: white; background: linear-gradient(135deg, var(--green-600), var(--green-700)); display: grid; place-items: center; font-size: .82rem; font-weight: 850; }
.indicator-portal-match h4 { margin: 6px 0 3px; color: var(--navy-900); font-size: .78rem; }
.indicator-portal-match p { margin: 0 0 5px; color: var(--muted); font-size: .67rem; }
.indicator-portal-match > div > small { color: var(--green-700); font-size: .63rem; font-weight: 750; }
.indicator-own-commission { margin-top: 9px; padding: 9px 10px; border-radius: 10px; background: #eaf7ed; display: grid; grid-template-columns: 1fr auto; gap: 2px 8px; }
.indicator-own-commission span, .indicator-own-commission small { color: var(--muted); font-size: .62rem; }
.indicator-own-commission strong { color: #075f38; font-size: .72rem; }
.indicator-own-commission small { grid-column: 1 / -1; }
.indicator-own-commission.pending { background: #f0f3f5; }
.indicator-portal-empty { padding: 24px 12px; border: 1px dashed #cbd9d0; border-radius: 12px; color: var(--muted); background: #fafcfb; text-align: center; font-size: .7rem; }
.market-process-map { margin-bottom: 14px; padding: 12px 15px; border: 1px solid #d6e3db; border-radius: 14px; background: white; display: flex; align-items: center; justify-content: space-between; gap: 8px; overflow-x: auto; box-shadow: var(--shadow-soft); }
.market-process-map span { min-width: max-content; color: var(--navy-900); font-size: .72rem; font-weight: 700; }
.market-process-map b { margin-right: 4px; color: var(--green-700); }
.market-process-map i { color: #94ad9d; font-style: normal; }
.market-list-heading { margin: 18px 2px 10px; display: flex; align-items: flex-end; justify-content: space-between; gap: 15px; }
.market-list-heading h3 { margin: 3px 0 0; color: var(--navy-900); font-size: 1rem; }
.market-list-heading > span { color: var(--muted); font-size: .72rem; }
.market-metrics { margin-bottom: 16px; display: grid; grid-template-columns: repeat(4, 1fr); gap: 10px; }
.market-metrics article { padding: 15px 17px; border: 1px solid var(--line); border-radius: 14px; background: white; box-shadow: var(--shadow-soft); }
.market-metrics span, .market-metrics strong { display: block; }
.market-metrics span { color: var(--muted); font-size: .78rem; }
.market-metrics strong { margin-top: 7px; color: var(--navy-900); font-size: 1.45rem; }
.market-list { display: grid; gap: 9px; }
.market-row { padding: 14px 16px; border: 1px solid var(--line); border-radius: 15px; background: white; display: grid; grid-template-columns: 42px minmax(180px, 1.2fr) minmax(150px, .8fr) minmax(170px, 1fr) auto auto; gap: 14px; align-items: center; box-shadow: 0 3px 12px rgba(7,30,54,.035); }
.market-row:hover { border-color: #acd0b5; }
.market-responsibility-note { margin-top: 13px; padding: 11px 12px; border: 1px solid #b8d8c0; border-radius: 12px; background: #f3faf4; }
.market-responsibility-note b, .market-responsibility-note span { display: block; }
.market-responsibility-note b { color: var(--green-700); font-size: .76rem; }
.market-responsibility-note span { margin-top: 4px; color: var(--muted); font-size: .69rem; line-height: 1.45; }
.market-machine-mark { width: 42px; height: 42px; border-radius: 13px; color: white; background: var(--green-700); display: grid; place-items: center; font-size: .78rem; font-weight: 900; }
.market-primary strong, .market-primary small, .market-price strong, .market-price small, .market-reference strong, .market-reference small { display: block; }
.market-primary strong { font-size: .88rem; }
.market-primary small, .market-price small, .market-reference small { margin-top: 4px; color: var(--muted); font-size: .72rem; }
.market-price strong, .market-reference strong { margin-top: 4px; font-size: .76rem; }
.market-status { padding: 6px 8px; border-radius: 999px; color: #246039; background: var(--green-100); font-size: .7rem; font-weight: 800; white-space: nowrap; }
.market-status-reserved { color: #795006; background: var(--gold-100); }
.market-status-sold { color: white; background: var(--green-700); }
.market-status-withdrawn { color: #575e68; background: #edf0f2; }
.market-empty { min-height: 150px; padding: 25px; border: 1px dashed #bcd0c1; border-radius: 17px; background: white; display: grid; grid-template-columns: 48px 1fr auto; gap: 15px; align-items: center; }
.market-empty > span { width: 48px; height: 48px; border-radius: 15px; color: white; background: var(--green-700); display: grid; place-items: center; font-weight: 900; }
.market-empty h3 { margin: 0; font-size: .95rem; }
.market-empty p { margin: 6px 0 0; color: var(--muted); font-size: .8rem; }

.mobile-nav, .mobile-register { display: none; }

.negotiation-toolbar { margin-bottom: 14px; }
.negotiation-trust-banner { margin-bottom: 14px; padding: 16px 18px; border: 1px solid #cce5d2; border-radius: 16px; background: linear-gradient(120deg, var(--green-50), white); display: flex; gap: 13px; align-items: flex-start; }
.negotiation-trust-banner > span { width: 38px; height: 38px; flex: 0 0 38px; display: grid; place-items: center; border-radius: 12px; color: white; background: var(--green-700); font-weight: 900; }
.negotiation-trust-banner strong { display: block; color: var(--green-700); font-size: .9rem; }
.negotiation-trust-banner p { margin: 5px 0 0; color: var(--muted); font-size: .8rem; line-height: 1.5; }
.negotiation-layout { display: grid; grid-template-columns: minmax(270px, .34fr) minmax(0, 1fr); gap: 14px; align-items: start; }
.negotiation-selector, .negotiation-detail, .negotiation-empty { border: 1px solid var(--line); border-radius: var(--radius-xl); background: white; box-shadow: var(--shadow-soft); }
.negotiation-selector { padding: 18px; }
.negotiation-selector > div { display: grid; gap: 8px; margin-top: 14px; }
.negotiation-selector-item { width: 100%; min-height: 70px; padding: 10px; border: 1px solid var(--line); border-radius: 13px; color: inherit; background: #f8fafb; display: grid; grid-template-columns: 42px minmax(0, 1fr) auto; gap: 9px; align-items: center; text-align: left; }
.negotiation-selector-item:hover, .negotiation-selector-item.active { border-color: #82c492; background: var(--green-50); }
.negotiation-selector-item > span { width: 42px; height: 42px; display: grid; place-items: center; border-radius: 12px; color: white; background: var(--navy-800); font-size: .72rem; font-weight: 900; }
.negotiation-selector-item strong, .negotiation-selector-item small { display: block; }
.negotiation-selector-item strong { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: .78rem; }
.negotiation-selector-item small { margin-top: 4px; color: var(--muted); font-size: .66rem; }
.negotiation-selector-item i { color: var(--green-700); font-style: normal; }
.negotiation-detail { padding: 22px; }
.negotiation-detail-header { display: flex; justify-content: space-between; gap: 18px; align-items: flex-start; }
.negotiation-score, .negotiation-status { display: inline-flex; padding: 6px 9px; border-radius: 999px; font-size: .7rem; font-weight: 800; }
.negotiation-score { margin-bottom: 9px; color: var(--green-700); background: var(--green-100); }
.negotiation-status { color: white; background: var(--navy-800); white-space: nowrap; }
.negotiation-detail-header h3 { font-size: 1.25rem; }
.negotiation-detail-header p { margin: 6px 0 0; color: var(--muted); font-size: .78rem; }
.negotiation-next-action { margin: 18px 0; padding: 14px 16px; border-left: 4px solid var(--green-600); border-radius: 0 12px 12px 0; background: var(--green-50); }
.negotiation-next-action span, .negotiation-next-action strong { display: block; }
.negotiation-next-action span { margin-bottom: 5px; color: var(--green-700); font-size: .68rem; font-weight: 900; letter-spacing: .08em; text-transform: uppercase; }
.negotiation-next-action strong { font-size: .88rem; line-height: 1.45; }
.negotiation-timeline { display: grid; grid-template-columns: repeat(5, 1fr); margin: 0 0 18px; padding: 0; list-style: none; }
.negotiation-timeline li { position: relative; text-align: center; color: #8793a0; }
.negotiation-timeline li::before { content: ""; position: absolute; z-index: 0; top: 17px; left: 0; right: 0; height: 2px; background: #e3e8ec; }
.negotiation-timeline li:first-child::before { left: 50%; }
.negotiation-timeline li:last-child::before { right: 50%; }
.negotiation-timeline li > span { position: relative; z-index: 1; width: 35px; height: 35px; margin: 0 auto 8px; display: grid; place-items: center; border: 2px solid #dce3e8; border-radius: 50%; background: white; font-size: .68rem; font-weight: 900; }
.negotiation-timeline li.complete, .negotiation-timeline li.current { color: var(--green-700); }
.negotiation-timeline li.complete::before { background: var(--green-500); }
.negotiation-timeline li.complete > span { color: white; border-color: var(--green-600); background: var(--green-600); }
.negotiation-timeline li.current > span { color: white; border-color: var(--navy-800); background: var(--navy-800); box-shadow: 0 0 0 4px var(--blue-100); }
.negotiation-timeline strong, .negotiation-timeline small { display: block; }
.negotiation-timeline strong { padding: 0 4px; font-size: .69rem; }
.negotiation-timeline small { margin-top: 3px; font-size: .61rem; }
.negotiation-parties { display: grid; grid-template-columns: repeat(3, 1fr); gap: 9px; }
.negotiation-parties article { padding: 13px; border: 1px solid var(--line); border-radius: 13px; background: #f8fafb; }
.negotiation-parties small, .negotiation-parties strong, .negotiation-parties span { display: block; }
.negotiation-parties small { color: var(--green-700); font-size: .62rem; font-weight: 900; }
.negotiation-parties strong { margin-top: 6px; font-size: .8rem; }
.negotiation-parties span { margin-top: 5px; color: var(--muted); font-size: .68rem; line-height: 1.4; }
.negotiation-commission { margin-top: 10px; padding: 14px; border-radius: 14px; color: white; background: linear-gradient(120deg, var(--navy-950), var(--navy-800)); display: grid; grid-template-columns: 1fr 1fr; gap: 12px; }
.negotiation-commission > div span, .negotiation-commission > div strong { display: block; }
.negotiation-commission > div span { color: #a8bdd0; font-size: .68rem; }
.negotiation-commission > div strong { margin-top: 4px; font-size: 1rem; }
.negotiation-commission > small { grid-column: 1 / -1; color: #c5d3df; font-size: .68rem; }
.negotiation-commission.pending { color: var(--ink); background: var(--gold-100); }
.negotiation-commission.pending > small { color: #76551a; }
.negotiation-responsibilities { margin-top: 10px; padding: 12px 14px; border: 1px dashed #becbd5; border-radius: 13px; display: flex; flex-wrap: wrap; gap: 8px 18px; color: var(--muted); font-size: .7rem; }
.negotiation-responsibilities strong { width: 100%; color: var(--navy-900); }
.negotiation-empty { padding: 44px 24px; text-align: center; }
.negotiation-empty > span { width: 52px; height: 52px; margin: 0 auto 13px; display: grid; place-items: center; border-radius: 16px; color: white; background: var(--green-700); font-size: 1.3rem; }
.negotiation-empty p { color: var(--muted); }

.operation-card { margin-bottom: 18px; padding: 22px 24px; border-radius: var(--radius-xl); color: white; background: linear-gradient(118deg, var(--navy-950) 0%, var(--navy-800) 58%, #145d3a 100%); box-shadow: var(--shadow); display: grid; grid-template-columns: minmax(260px, .8fr) minmax(520px, 1.5fr); gap: 28px; align-items: center; overflow: hidden; position: relative; }
.operation-card::after { content: ""; position: absolute; width: 280px; height: 280px; right: -140px; top: -150px; border: 1px solid rgba(255,255,255,.12); border-radius: 50%; box-shadow: 0 0 0 42px rgba(255,255,255,.025), 0 0 0 84px rgba(255,255,255,.02); pointer-events: none; }
.operation-copy { position: relative; z-index: 1; }
.operation-copy .eyebrow { color: #8be5a5; }
.operation-copy h2 { max-width: 520px; margin-top: 3px; font-size: 1.2rem; line-height: 1.2; }
.operation-copy > p:not(.eyebrow) { max-width: 560px; margin: 8px 0 16px; color: #d3e2ed; font-size: .76rem; line-height: 1.5; }
.operation-actions { display: flex; flex-wrap: wrap; gap: 9px; }
.operation-copy .primary-button { background: white; color: var(--navy-900); box-shadow: none; }
.operation-map-button { color: white; border-color: rgba(255,255,255,.34); background: rgba(255,255,255,.08); }
.operation-map-button:hover { border-color: white; background: rgba(255,255,255,.14); }
.operation-flow { position: relative; z-index: 1; margin: 0; padding: 0; list-style: none; display: grid; grid-template-columns: repeat(5, 1fr); }
.operation-flow::before { content: ""; position: absolute; left: 9%; right: 9%; top: 18px; height: 1px; background: rgba(255,255,255,.24); }
.operation-flow li { position: relative; display: grid; justify-items: center; text-align: center; }
.operation-flow span { width: 36px; height: 36px; display: grid; place-items: center; border: 1px solid rgba(255,255,255,.35); border-radius: 50%; background: var(--navy-800); color: #9bf1b3; font-size: .7rem; font-weight: 900; }
.operation-flow strong { margin-top: 9px; font-size: .72rem; }
.operation-flow small { margin-top: 3px; color: #b9cad7; font-size: .6rem; }

.director-header { margin-bottom: 16px; padding: 26px 28px; border-radius: var(--radius-xl); color: white; background: linear-gradient(125deg, var(--navy-950), #0d3559 60%, #12613b); display: grid; grid-template-columns: minmax(0, 1.4fr) minmax(280px, .6fr); gap: 28px; align-items: center; box-shadow: var(--shadow); }
.director-header h2 { margin: 3px 0 8px; font-size: 1.7rem; }
.director-header > div > p:not(.eyebrow) { max-width: 720px; margin: 0; color: #d6e4ee; font-size: .88rem; line-height: 1.6; }
.director-header .eyebrow { color: #8be5a5; }
.director-principle { padding: 17px; border: 1px solid rgba(255,255,255,.18); border-radius: 18px; background: rgba(255,255,255,.07); display: grid; grid-template-columns: 40px 1fr; gap: 12px; align-items: start; }
.director-principle > span { width: 40px; height: 40px; border-radius: 13px; color: var(--navy-950); background: #9bf1b3; display: grid; place-items: center; font-size: 1.2rem; font-weight: 900; }
.director-principle p { margin: 0; color: #d6e4ee; font-size: .78rem; line-height: 1.55; }
.director-principle strong { color: white; }
.director-journey, .director-business-model, .director-access-model, .director-core, .director-modules, .director-module-detail { padding: 22px; border: 1px solid var(--line); border-radius: var(--radius-xl); background: white; box-shadow: 0 4px 18px rgba(7,30,54,.045); }
.director-journey { margin-bottom: 16px; }
.director-business-model { margin-bottom: 16px; border-color: #b9d8c2; background: linear-gradient(135deg, #fff 0%, #f5fbf7 100%); }
.director-model-badge { padding: 7px 10px; border-radius: 999px; color: white; background: var(--green-700); font-size: .68rem; font-weight: 800; white-space: nowrap; }
.director-business-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 9px; }
.director-business-grid article { min-height: 132px; padding: 14px; border: 1px solid #d4e5d9; border-radius: 15px; background: rgba(255,255,255,.92); display: grid; grid-template-rows: 36px 1fr; gap: 10px; }
.director-business-grid article > span { width: 36px; height: 36px; border-radius: 11px; color: white; background: var(--navy-900); display: grid; place-items: center; font-size: .65rem; font-weight: 900; }
.director-business-grid article:nth-child(2) > span, .director-business-grid article:nth-child(5) > span, .director-business-grid article:nth-child(6) > span { background: var(--green-700); }
.director-business-grid strong, .director-business-grid small { display: block; }
.director-business-grid strong { color: var(--navy-900); font-size: .76rem; line-height: 1.35; }
.director-business-grid small { margin-top: 5px; color: var(--muted); font-size: .68rem; line-height: 1.45; }
.director-access-model { margin-bottom: 16px; border-color: #bfd3e4; background: linear-gradient(135deg, #f7fbfe 0%, #fff 58%, #f6fbf7 100%); }
.director-access-badge { padding: 7px 10px; border-radius: 999px; color: white; background: var(--navy-800); font-size: .68rem; font-weight: 800; white-space: nowrap; }
.director-access-flow { margin: 0; padding: 0; list-style: none; display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 9px; }
.director-access-flow li { position: relative; padding: 14px; border: 1px solid #cfdee9; border-radius: 15px; background: rgba(255,255,255,.94); display: grid; grid-template-columns: 34px 1fr; gap: 10px; }
.director-access-flow li:not(:last-child)::after { content: "→"; position: absolute; z-index: 2; top: 21px; right: -9px; color: var(--green-700); font-weight: 900; }
.director-access-flow li > span { width: 34px; height: 34px; border-radius: 11px; color: white; background: var(--navy-900); display: grid; place-items: center; font-size: .7rem; font-weight: 900; }
.director-access-flow li:nth-child(3) > span, .director-access-flow li:nth-child(4) > span { background: var(--green-700); }
.director-access-flow strong, .director-access-flow small { display: block; }
.director-access-flow strong { color: var(--navy-900); font-size: .76rem; line-height: 1.35; }
.director-access-flow small { margin-top: 5px; color: var(--muted); font-size: .68rem; line-height: 1.45; }
.director-access-examples { margin-top: 10px; display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 9px; }
.director-access-examples article { padding: 12px 14px; border-left: 3px solid var(--green-600); border-radius: 5px 13px 13px 5px; background: #f4f8f5; }
.director-access-examples strong, .director-access-examples small { display: block; }
.director-access-examples strong { color: #1f6033; font-size: .72rem; }
.director-access-examples small { margin-top: 4px; color: var(--muted); font-size: .65rem; line-height: 1.45; }
.director-access-principle { margin: 10px 0 0; padding: 12px 14px; border-radius: 13px; color: #3e5263; background: #edf5f0; font-size: .71rem; line-height: 1.5; }
.director-access-principle strong { color: var(--navy-900); }
.director-section-heading { margin-bottom: 17px; display: flex; justify-content: space-between; gap: 14px; align-items: flex-start; }
.director-section-heading h3 { margin: 3px 0 0; color: var(--navy-900); font-size: 1rem; }
.director-loop-label, .director-core-badge { padding: 7px 10px; border-radius: 999px; color: #246039; background: var(--green-100); font-size: .68rem; font-weight: 800; white-space: nowrap; }
.director-flow { position: relative; margin: 0; padding: 0; list-style: none; display: grid; grid-template-columns: repeat(7, minmax(115px, 1fr)); gap: 8px; overflow-x: auto; }
.director-flow::before { content: ""; position: absolute; left: 6%; right: 6%; top: 19px; height: 2px; background: linear-gradient(90deg, var(--green-600), #a9bccb, var(--green-600)); }
.director-flow li { position: relative; min-width: 115px; padding: 0 6px 8px; text-align: center; }
.director-flow li > span { position: relative; z-index: 1; width: 40px; height: 40px; margin: 0 auto 10px; border: 4px solid white; border-radius: 50%; color: white; background: var(--navy-900); display: grid; place-items: center; box-shadow: 0 0 0 1px #b9c8d2; font-size: .66rem; font-weight: 900; }
.director-flow li:nth-child(3) > span, .director-flow li:nth-child(7) > span { background: var(--green-700); }
.director-flow strong, .director-flow small { display: block; }
.director-flow strong { color: var(--navy-900); font-size: .76rem; line-height: 1.35; }
.director-flow small { margin-top: 5px; color: var(--muted); font-size: .68rem; line-height: 1.45; }
.director-grid { display: grid; grid-template-columns: minmax(310px, .72fr) minmax(500px, 1.28fr); gap: 16px; }
.director-core-grid { display: grid; gap: 10px; }
.director-core-grid article { padding: 14px; border: 1px solid var(--line); border-radius: 15px; background: #fbfcfd; display: grid; grid-template-columns: 40px 1fr; gap: 12px; align-items: center; }
.director-core-grid article > span { width: 40px; height: 40px; border-radius: 13px; color: white; background: var(--green-700); display: grid; place-items: center; font-size: .73rem; font-weight: 900; }
.director-core-grid article:nth-child(even) > span { background: var(--navy-900); }
.director-core-grid strong, .director-core-grid small { display: block; }
.director-core-grid strong { color: var(--navy-900); font-size: .8rem; }
.director-core-grid small { margin-top: 4px; color: var(--muted); font-size: .7rem; line-height: 1.42; }
.director-module-tabs { display: grid; grid-template-columns: repeat(4, 1fr); gap: 8px; }
.director-module-tabs button { min-height: 76px; padding: 10px 8px; border: 1px solid #bfd8c6; border-radius: 14px; color: var(--navy-900); background: #f8fcf9; display: grid; grid-template-columns: 28px 1fr; grid-template-rows: auto auto; column-gap: 8px; align-items: center; text-align: left; font-size: .73rem; font-weight: 850; cursor: pointer; }
.director-module-tabs button > span { grid-row: 1 / 3; width: 28px; height: 28px; border-radius: 9px; color: white; background: var(--green-700); display: grid; place-items: center; font-size: .59rem; }
.director-module-tabs button small { color: #377a49; font-size: .59rem; font-weight: 700; }
.director-module-tabs button.partial { border-color: #bfd3e4; background: #f7fbfe; }
.director-module-tabs button.partial > span { background: var(--navy-700); }
.director-module-tabs button.partial small { color: #4c6f8a; }
.director-module-tabs button.future { border-color: #d9dce0; background: #fafafa; }
.director-module-tabs button.future > span { background: #77828c; }
.director-module-tabs button.future small { color: #68727c; }
.director-module-tabs button.active { color: white; border-color: var(--navy-900); background: var(--navy-900); box-shadow: 0 8px 18px rgba(7,30,54,.16); }
.director-module-tabs button.active small { color: #bfe9ca; }
.director-module-detail { grid-column: 1 / -1; }
.director-detail-head { display: flex; gap: 13px; align-items: center; }
.director-detail-head h3 { margin: 3px 0 0; color: var(--navy-900); font-size: 1.2rem; }
.director-detail-mark { width: 48px; height: 48px; border-radius: 15px; color: white; background: var(--green-700); display: grid; place-items: center; font-weight: 900; }
.director-detail-mark.partial { background: var(--navy-700); }
.director-detail-mark.future { background: #77828c; }
.director-status { color: #28723c; font-size: .66rem; font-weight: 850; text-transform: uppercase; letter-spacing: .06em; }
.director-status.partial { color: #426b8b; }
.director-status.future { color: #68727c; }
.director-purpose { margin: 14px 0 18px; color: var(--muted); font-size: .81rem; line-height: 1.55; }
.director-practical-example { margin: -5px 0 18px; padding: 12px 14px; border: 1px solid #cbe2d1; border-radius: 14px; background: #f5fbf7; color: var(--muted); font-size: .73rem; line-height: 1.5; }
.director-practical-example strong, .director-practical-example span { display: block; }
.director-practical-example strong { margin-bottom: 3px; color: var(--green-700); font-size: .65rem; text-transform: uppercase; letter-spacing: .05em; }
.director-exchange { display: grid; grid-template-columns: 1fr 42px 1fr; gap: 12px; align-items: stretch; }
.director-exchange section { padding: 16px; border-radius: 16px; background: #f7faf8; }
.director-exchange section:last-child { background: #f5f8fb; }
.director-exchange section > p { margin: 0 0 10px; color: var(--green-700); font-size: .69rem; font-weight: 900; text-transform: uppercase; letter-spacing: .05em; }
.director-exchange section:last-child > p { color: var(--navy-700); }
.director-exchange ul { margin: 0; padding-left: 18px; color: #425264; font-size: .73rem; line-height: 1.6; }
.director-exchange-arrow { align-self: center; color: var(--green-700); font-size: 1.45rem; font-weight: 900; text-align: center; }
.director-module-detail footer { margin-top: 15px; padding-top: 14px; border-top: 1px solid var(--line); display: flex; justify-content: space-between; gap: 16px; align-items: center; }
.director-module-detail footer p { max-width: 680px; margin: 0; color: var(--muted); font-size: .72rem; line-height: 1.5; }
.director-status-note { padding: 8px 11px; border-radius: 999px; color: #5d6872; background: #edf0f2; font-size: .68rem; font-weight: 800; white-space: nowrap; }
.director-legend { margin-top: 16px; padding: 14px 18px; border: 1px solid var(--line); border-radius: 16px; background: white; display: flex; flex-wrap: wrap; gap: 12px 20px; align-items: center; color: var(--muted); font-size: .69rem; }
.director-legend strong { color: var(--navy-900); }
.director-legend span { display: inline-flex; align-items: center; gap: 7px; }
.director-legend i { width: 9px; height: 9px; border-radius: 50%; background: var(--green-600); }
.director-legend i.partial { background: var(--navy-700); }
.director-legend i.future { background: #77828c; }

dialog { padding: 0; border: 0; color: var(--ink); }
dialog::backdrop { background: rgba(4, 20, 38, .64); backdrop-filter: blur(4px); }
.auth-gate { position: fixed; z-index: 200; inset: 0; padding: 24px; background: radial-gradient(circle at 15% 10%, rgba(41,173,75,.2), transparent 30%), linear-gradient(135deg, var(--navy-950), #0d3559 62%, #12613b); display: grid; place-items: center; overflow-y: auto; }
.auth-card { width: min(430px, 100%); padding: 30px; border: 1px solid rgba(255,255,255,.35); border-radius: 24px; background: rgba(255,255,255,.98); box-shadow: 0 32px 90px rgba(0,0,0,.35); }
.auth-brand { margin-bottom: 28px; display: flex; align-items: center; gap: 10px; color: var(--navy-900); }
.auth-brand .brand-mark { background: linear-gradient(145deg, var(--green-500), var(--navy-900)); }
.auth-brand strong, .auth-brand small { display: block; }
.auth-brand strong { letter-spacing: .06em; }
.auth-brand small { color: var(--green-700); font-size: .67rem; font-weight: 800; letter-spacing: .14em; }
.auth-card h2 { margin: 3px 0 8px; font-size: 1.35rem; }
.auth-copy { margin: 0 0 20px; color: var(--muted); font-size: .84rem; line-height: 1.55; }
.auth-form { display: grid; gap: 13px; }
.auth-form .primary-button { margin-top: 5px; width: 100%; }
.password-help { margin-top: -6px; color: var(--muted); font-size: .7rem; }
.auth-message { min-height: 20px; margin: 13px 0 0; color: var(--danger); font-size: .76rem; line-height: 1.45; }
.user-dialog { width: min(760px, calc(100vw - 28px)); max-height: calc(100dvh - 32px); overflow-y: auto; border-radius: 20px; box-shadow: 0 30px 80px rgba(4,20,38,.35); }
.user-dialog-content { padding: 24px; }
.user-dialog-content h2 { margin-top: 3px; font-size: 1.15rem; }
.user-dialog-content p:not(.eyebrow) { margin: 8px 0 20px; color: var(--muted); font-size: .78rem; line-height: 1.5; }
.user-dialog-content .text-button { margin-left: 10px; }
.data-export-panel { margin: 18px 0; padding: 16px; border: 1px solid var(--line); border-radius: 14px; background: var(--background); }
.data-export-panel p:not(.eyebrow) { margin: 6px 0 14px; }
.data-export-panel .secondary-button { width: 100%; }
.wizard-dialog { width: min(880px, calc(100vw - 28px)); max-height: calc(100vh - 28px); border-radius: 24px; box-shadow: 0 30px 80px rgba(4,20,38,.35); }
.wizard-dialog form { min-height: min(690px, calc(100vh - 28px)); display: grid; grid-template-rows: auto auto 1fr auto; }
.wizard-header { padding: 20px 24px 15px; display: flex; align-items: center; justify-content: space-between; border-bottom: 1px solid var(--line); }
.wizard-header h2 { font-size: 1.35rem; }
.stepper { padding: 16px 24px 13px; display: flex; align-items: center; border-bottom: 1px solid var(--line); background: #fbfcfd; }
.stepper i { height: 1px; flex: 1; background: #dce3e8; }
.step { min-width: 58px; padding: 0; border: 0; color: #85909b; background: transparent; display: grid; justify-items: center; gap: 5px; font-size: .67rem; font-weight: 700; }
.step span { width: 29px; height: 29px; display: grid; place-items: center; border: 1px solid #d7dfe5; border-radius: 50%; background: white; }
.step small { font-size: .63rem; }
.step.active { color: var(--navy-900); }
.step.active span { color: white; border-color: var(--navy-900); background: var(--navy-900); box-shadow: 0 0 0 4px var(--blue-100); }
.step.complete { color: var(--green-700); }
.step.complete span { color: white; border-color: var(--green-600); background: var(--green-600); }
.wizard-body { min-height: 0; overflow-y: auto; padding: 26px 28px; }
.form-step { display: none; }
.form-step.active { display: block; animation: reveal 180ms ease; }
.step-heading { margin-bottom: 22px; display: flex; gap: 13px; align-items: flex-start; }
.step-heading > span { min-width: 36px; height: 36px; display: grid; place-items: center; border-radius: 11px; color: var(--green-700); background: var(--green-100); font-size: .7rem; font-weight: 900; }
.step-heading p { margin: 0; color: var(--muted); font-size: .78rem; }
.form-grid { display: grid; gap: 15px; }
.two-columns { grid-template-columns: repeat(2, 1fr); }
.four-columns { grid-template-columns: repeat(4, 1fr); }
.full-width { grid-column: 1 / -1; }
label, fieldset legend { color: #3f5062; font-size: .76rem; font-weight: 720; }
input, select, textarea { width: 100%; margin-top: 7px; padding: 11px 12px; border: 1px solid #cfd9e1; border-radius: 10px; color: var(--ink); background: white; font-size: .84rem; }
input, select { min-height: 44px; }
textarea { resize: vertical; line-height: 1.45; }
input::placeholder, textarea::placeholder { color: #96a0aa; }
.checkbox-card, .choice-card { margin-top: 16px; padding: 13px; border: 1px solid var(--line); border-radius: 12px; background: #f8fafb; display: flex; gap: 10px; align-items: flex-start; }
.checkbox-card input, .choice-card input { width: 17px; min-height: 17px; margin: 2px 0 0; accent-color: var(--green-600); }
.checkbox-card strong, .checkbox-card small, .choice-card strong, .choice-card small { display: block; }
.checkbox-card small, .choice-card small { margin-top: 3px; color: var(--muted); font-weight: 450; }
.choice-row { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; }
.choice-card { margin-top: 0; cursor: pointer; }
.choice-card:has(input:checked) { border-color: var(--green-600); background: var(--green-50); box-shadow: 0 0 0 2px rgba(27,148,61,.08); }
.machine-block, .initial-evaluation, .route-fieldset { margin: 0 0 15px; padding: 17px; border: 1px solid var(--line); border-radius: 14px; background: #fbfcfd; }
.machine-block legend, .initial-evaluation legend, .route-fieldset legend { padding: 0 7px; color: var(--navy-900); font-size: .82rem; }
.machine-role-mark { width: 25px; height: 25px; margin-right: 6px; display: inline-grid; place-items: center; border-radius: 8px; color: white; font-size: .67rem; }
.machine-role-mark.interest { background: var(--navy-800); }
.machine-role-mark.offered { background: var(--green-700); }
.field-help { margin: -2px 0 14px; color: var(--muted); font-size: .7rem; }
.offer-toggle { margin: 12px 0 18px; background: white; }
.identity-match { margin-top: 13px; padding: 12px 13px; border: 1px solid #b9d8c2; border-radius: 11px; background: var(--green-50); display: flex; align-items: center; justify-content: space-between; gap: 12px; }
.identity-match p { margin: 0; font-size: .72rem; line-height: 1.45; }
.identity-match strong, .identity-match small { display: block; }
.identity-match small { color: var(--muted); }
.identity-match button { white-space: nowrap; }
.initial-evaluation { margin-top: 18px; background: #f8fbf9; border-color: #cfe5d5; }
.evaluation-readiness { margin-top: 14px; padding: 12px; border-radius: 11px; background: white; display: flex; align-items: center; gap: 12px; }
.evaluation-readiness > span { min-width: 48px; height: 48px; display: grid; place-items: center; border-radius: 50%; color: var(--green-700); background: var(--green-100); font-size: .72rem; font-weight: 900; }
.evaluation-readiness p { margin: 0; }
.evaluation-readiness strong, .evaluation-readiness small { display: block; }
.evaluation-readiness strong { font-size: .76rem; }
.evaluation-readiness small { margin-top: 3px; color: var(--muted); font-size: .66rem; }
.route-fieldset { background: white; }
.route-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 9px; }
.route-grid label { cursor: pointer; }
.route-grid input { position: absolute; opacity: 0; pointer-events: none; }
.route-grid span { min-height: 88px; padding: 11px 8px; border: 1px solid var(--line); border-radius: 11px; background: #fbfcfd; display: grid; justify-items: center; align-content: center; text-align: center; }
.route-grid i { width: 28px; height: 28px; margin-bottom: 5px; display: grid; place-items: center; border-radius: 9px; color: var(--navy-800); background: var(--blue-100); font-size: .65rem; font-style: normal; font-weight: 900; }
.route-grid strong { font-size: .72rem; }
.route-grid small { margin-top: 3px; color: var(--muted); font-size: .58rem; font-weight: 500; }
.route-grid label:has(input:checked) span { border-color: var(--green-600); background: var(--green-50); box-shadow: 0 0 0 2px rgba(27,148,61,.08); }
.route-grid label:has(input:checked) i { color: white; background: var(--green-700); }
.route-plan { margin-top: 10px; display: grid; gap: 6px; }
.route-plan span { padding: 7px 9px; border-radius: 8px; background: rgba(255,255,255,.7); display: flex; justify-content: space-between; gap: 10px; }
.route-plan b { color: var(--navy-900); }
.machine-summary { display: grid; grid-template-columns: repeat(2, 1fr); gap: 8px; }
.machine-summary .detail-field { border-left: 3px solid var(--navy-700); }
.machine-summary .detail-field.offered { border-left-color: var(--green-600); }
.info-callout, .review-card { margin-top: 18px; padding: 13px; border-radius: 12px; display: flex; gap: 11px; align-items: flex-start; }
.info-callout { color: #315b78; background: var(--blue-100); }
.info-callout span, .review-card > span { min-width: 24px; height: 24px; display: grid; place-items: center; border-radius: 8px; font-weight: 900; }
.info-callout span { color: white; background: #317cae; }
.info-callout p, .review-card p { margin: 1px 0 0; font-size: .74rem; line-height: 1.5; }
.upload-placeholder { margin-top: 18px; min-height: 100px; border: 1px dashed #b6c3cc; border-radius: 13px; background: #fafcfd; display: grid; place-items: center; align-content: center; gap: 4px; text-align: center; color: #4d5f70; }
.upload-placeholder > span { width: 28px; height: 28px; display: grid; place-items: center; border-radius: 9px; color: white; background: var(--navy-800); font-size: 1rem; }
.upload-placeholder small { color: var(--muted); font-weight: 450; }
.intent-fieldset { margin: 0 0 17px; padding: 0; border: 0; }
.intent-fieldset legend { margin-bottom: 8px; }
.intent-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 9px; }
.intent-grid label { cursor: pointer; }
.intent-grid input { position: absolute; opacity: 0; pointer-events: none; }
.intent-grid span { min-height: 42px; padding: 0 12px; border: 1px solid var(--line); border-radius: 10px; background: white; display: grid; place-items: center; }
.intent-grid label:has(input:checked) span { color: white; border-color: var(--green-700); background: var(--green-700); box-shadow: 0 6px 14px rgba(20,122,50,.16); }
.review-card { color: #285a35; background: var(--green-50); }
.review-card > span { color: white; background: var(--green-600); }
.review-card strong { display: block; margin-bottom: 4px; }
.review-card small { color: #52735a; font-size: .68rem; }
.wizard-footer { min-height: 72px; padding: 14px 24px; border-top: 1px solid var(--line); display: flex; justify-content: space-between; align-items: center; }
.wizard-footer > div { display: flex; align-items: center; gap: 8px; }
.wizard-footer-secondary .text-button { color: var(--muted); }
.draft-minimum-help { margin: 9px 0 0; color: var(--green-700); font-size: .72rem; font-weight: 700; }
.previous-button { color: var(--muted); }

.detail-dialog { width: min(650px, calc(100vw - 28px)); max-height: calc(100vh - 28px); border-radius: 22px; box-shadow: 0 30px 80px rgba(4,20,38,.35); }
.detail-content { padding: 24px; }
.detail-header { display: flex; justify-content: space-between; gap: 15px; align-items: flex-start; padding-bottom: 18px; border-bottom: 1px solid var(--line); }
.detail-header h2 { font-size: 1.25rem; }
.detail-meta { display: flex; flex-wrap: wrap; gap: 7px; margin-top: 9px; }
.detail-section { padding: 18px 0; border-bottom: 1px solid var(--line); }
.detail-section:last-child { border: 0; padding-bottom: 0; }
.detail-section h3 { margin-bottom: 11px; font-size: .86rem; }
.detail-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 12px; }
.detail-field { padding: 10px; border-radius: 10px; background: #f6f8fa; }
.detail-field small, .detail-field strong { display: block; }
.detail-field small { color: var(--muted); font-size: .64rem; }
.detail-field strong { margin-top: 3px; font-size: .77rem; }
.timeline { position: relative; display: grid; gap: 13px; padding-left: 20px; }
.timeline::before { content: ""; position: absolute; left: 5px; top: 5px; bottom: 5px; width: 1px; background: #cbd7df; }
.timeline-item { position: relative; }
.timeline-item::before { content: ""; position: absolute; left: -19px; top: 4px; width: 8px; height: 8px; border-radius: 50%; background: var(--green-600); box-shadow: 0 0 0 4px var(--green-100); }
.timeline-item strong, .timeline-item small { display: block; }
.timeline-item strong { font-size: .74rem; }
.timeline-item small { margin-top: 3px; color: var(--muted); font-size: .65rem; }
.detail-actions { padding-top: 18px; display: flex; align-items: center; gap: 10px; }

.party360-dialog { width: min(1180px, calc(100vw - 28px)); max-height: calc(100vh - 28px); border-radius: 24px; background: var(--background); box-shadow: 0 32px 90px rgba(4,20,38,.4); overflow: hidden; }
.party360-content { max-height: calc(100vh - 28px); overflow-y: auto; }
.party360-hero { padding: 24px 28px; color: white; background: radial-gradient(circle at 80% 0%, rgba(74,213,104,.22), transparent 27%), linear-gradient(120deg, var(--navy-950), var(--navy-800) 70%, #12613b); display: flex; justify-content: space-between; gap: 24px; align-items: center; }
.party360-person { min-width: 0; display: flex; align-items: center; gap: 16px; }
.party360-avatar { width: 58px; height: 58px; flex: 0 0 58px; border: 1px solid rgba(255,255,255,.35); border-radius: 18px; background: rgba(255,255,255,.12); display: grid; place-items: center; font-size: 1.05rem; font-weight: 900; }
.party360-hero .eyebrow { color: #91eaa6; }
.party360-hero h2 { margin-top: 3px; color: white; font-size: 1.55rem; }
.party360-meta { margin-top: 9px; display: flex; flex-wrap: wrap; gap: 7px; }
.party360-meta span { padding: 5px 8px; border-radius: 8px; color: #d9e7f0; background: rgba(255,255,255,.09); font-size: .78rem; }
.party360-hero-actions { display: flex; align-items: center; gap: 10px; }
.party360-hero-actions .secondary-button { color: var(--navy-900); background: white; border-color: white; }
.icon-button.light { color: white; border-color: rgba(255,255,255,.25); background: rgba(255,255,255,.1); }
.party360-overview { margin: 0; padding: 16px 28px; border-bottom: 1px solid var(--line); background: white; display: grid; grid-template-columns: 1.15fr repeat(4, 1fr); align-items: center; gap: 12px; }
.party360-overview > div:not(.completion-ring) { min-height: 52px; padding-left: 18px; border-left: 1px solid var(--line); display: grid; align-content: center; }
.party360-overview strong, .party360-overview small { display: block; }
.party360-overview > div > strong { color: var(--navy-900); font-size: 1.3rem; }
.party360-overview > div > small { margin-top: 3px; color: var(--muted); font-size: .78rem; }
.completion-ring { display: flex; align-items: center; gap: 11px; }
.completion-ring::before { content: ""; width: 48px; height: 48px; border-radius: 50%; background: conic-gradient(var(--green-500) var(--completion), #e5ebef 0); -webkit-mask: radial-gradient(farthest-side, transparent calc(100% - 7px), #000 0); mask: radial-gradient(farthest-side, transparent calc(100% - 7px), #000 0); }
.completion-ring span strong { font-size: 1rem; }
.party360-section { margin: 18px; padding: 20px; border: 1px solid var(--line); border-radius: 18px; background: white; box-shadow: 0 5px 18px rgba(7,30,54,.035); }
.party360-section.compact { margin: 0; }
.party360-section-heading { margin-bottom: 15px; display: flex; align-items: flex-end; justify-content: space-between; gap: 16px; }
.party360-section-heading h2 { margin-top: 3px; font-size: 1.02rem; }
.party360-section-heading > small { max-width: 380px; color: var(--muted); font-size: .75rem; text-align: right; }
.module-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 10px; }
.module-card { --module-color: var(--navy-700); min-height: 215px; padding: 15px; border: 1px solid var(--line); border-top: 4px solid var(--module-color); border-radius: 14px; background: #fbfcfd; display: flex; flex-direction: column; }
.module-market { --module-color: #147a32; }
.module-evaluation { --module-color: #7652ac; }
.module-insurance { --module-color: #1b6a9b; }
.module-services { --module-color: #a86913; }
.module-card.is-active { background: color-mix(in srgb, var(--module-color) 5%, white); box-shadow: 0 8px 20px color-mix(in srgb, var(--module-color) 12%, transparent); }
.module-card header { display: flex; align-items: center; gap: 9px; }
.module-symbol { width: 34px; height: 34px; flex: 0 0 34px; border-radius: 10px; color: white; background: var(--module-color); display: grid; place-items: center; font-size: .68rem; font-weight: 900; }
.module-card h3 { margin: 0; font-size: .86rem; }
.module-card header small { display: block; margin-top: 3px; color: var(--muted); font-size: .72rem; line-height: 1.35; }
.module-state { margin: 17px 0 12px; display: grid; gap: 7px; }
.module-state strong { font-size: .78rem; line-height: 1.35; }
.module-status { width: max-content; padding: 5px 8px; border-radius: 999px; color: #52606e; background: #e9eef2; font-size: .72rem; font-weight: 800; }
.module-status.status-active { color: white; background: var(--module-color); }
.module-status.status-completed { color: #176332; background: #e1f6e6; }
.module-status.status-closed { color: #575e68; background: #edf0f2; }
.module-card footer { margin-top: auto; padding-top: 11px; border-top: 1px solid var(--line); }
.module-card footer small, .module-card footer span { color: var(--muted); font-size: .7rem; }
.module-card footer p { margin: 5px 0; font-size: .75rem; line-height: 1.4; }
.module-card footer span { display: block; }
.module-ready p { color: var(--muted); }
.module-action { width: 100%; margin-top: 9px; padding: 8px 0 0; border: 0; border-top: 1px solid color-mix(in srgb, var(--module-color) 18%, white); color: var(--module-color); background: transparent; text-align: left; font-size: .75rem; font-weight: 850; }
.party360-columns { margin: 18px; display: grid; grid-template-columns: 1fr 1fr; gap: 18px; align-items: start; }
.party360-columns > div { display: grid; gap: 18px; }
.party360-list, .need-list { display: grid; gap: 8px; }
.party360-list-card { padding: 11px; border: 1px solid var(--line); border-radius: 12px; background: #fbfcfd; display: grid; grid-template-columns: 34px 1fr; gap: 10px; align-items: start; }
.list-symbol { width: 34px; height: 34px; border-radius: 10px; color: var(--green-700); background: var(--green-100); display: grid; place-items: center; font-size: .68rem; font-weight: 900; }
.asset-card .list-symbol { color: var(--navy-800); background: var(--blue-100); }
.party360-list-card strong, .party360-list-card small { display: block; }
.party360-list-card strong { font-size: .82rem; }
.party360-list-card small { margin-top: 4px; color: var(--muted); font-size: .75rem; line-height: 1.4; }
.asset-facts { margin-top: 8px; display: flex; flex-wrap: wrap; gap: 5px; }
.asset-facts span { padding: 4px 6px; border-radius: 6px; color: #4d5f70; background: #eef2f5; font-size: .6rem; }
.need-row { padding: 11px; border-left: 3px solid var(--green-500); border-radius: 0 11px 11px 0; background: var(--green-50); display: grid; grid-template-columns: auto 1fr auto; gap: 10px; align-items: start; }
.need-row > span { padding: 4px 6px; border-radius: 6px; color: white; background: var(--green-700); font-size: .7rem; font-weight: 800; }
.need-row p { margin: 2px 0 0; font-size: .78rem; line-height: 1.4; }
.need-row small { color: var(--muted); font-size: .7rem; }
.party360-timeline { max-height: 360px; overflow-y: auto; }
.party360-empty { margin: 0; padding: 16px; border: 1px dashed #cbd5dc; border-radius: 11px; color: var(--muted); background: #fafcfd; text-align: center; font-size: .78rem; }
.party360-loading { min-height: 420px; padding: 40px; display: grid; place-items: center; align-content: center; gap: 9px; text-align: center; }
.party360-loading > span { width: 38px; height: 38px; border: 4px solid #dfe8ed; border-top-color: var(--green-600); border-radius: 50%; animation: spin .8s linear infinite; }
.party360-loading strong { font-size: .95rem; }
.party360-loading small { color: var(--muted); font-size: .78rem; }
@keyframes spin { to { transform: rotate(360deg); } }

.evaluation-dialog { width: min(1120px, calc(100vw - 28px)); max-height: calc(100vh - 28px); border-radius: 24px; background: var(--background); box-shadow: 0 32px 90px rgba(4,20,38,.4); overflow: hidden; }
.evaluation-dialog form { height: min(880px, calc(100vh - 28px)); display: grid; grid-template-rows: auto 1fr auto; }
.evaluation-form-header { padding: 20px 24px; border-bottom: 1px solid rgba(255,255,255,.14); color: white; background: radial-gradient(circle at 85% 0%, rgba(168,123,214,.28), transparent 28%), linear-gradient(120deg, var(--navy-950), #153c65 65%, #54397a); display: flex; justify-content: space-between; gap: 18px; align-items: flex-start; }
.evaluation-form-header .eyebrow { color: #cfb3ee; }
.evaluation-form-header h2 { margin: 3px 0 5px; color: white; font-size: 1.3rem; }
.evaluation-form-header small { color: #d4dfeb; font-size: .76rem; }
.evaluation-form-header .icon-button { color: white; border-color: rgba(255,255,255,.25); background: rgba(255,255,255,.08); }
.evaluation-form-body { min-height: 0; padding: 20px; overflow-y: auto; display: grid; gap: 14px; }
.evaluation-form-section { padding: 18px; border: 1px solid var(--line); border-radius: 17px; background: white; display: grid; grid-template-columns: 38px 1fr; gap: 5px 12px; align-items: start; }
.evaluation-section-number { width: 38px; height: 38px; border-radius: 12px; color: #65418c; background: #eee7f6; display: grid; place-items: center; font-size: .72rem; font-weight: 900; }
.evaluation-form-section h3 { margin: 2px 0 4px; font-size: .96rem; }
.evaluation-form-section > div:nth-child(2) > p { margin: 0; color: var(--muted); font-size: .76rem; }
.evaluation-form-section .full-row { grid-column: 1 / -1; margin-top: 14px; }
.evaluation-shared-context { padding: 12px; border-radius: 12px; background: linear-gradient(110deg, #f4f8fb, #f3eff8); display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px; }
.evaluation-shared-context > div { padding: 3px 10px; border-left: 2px solid #7652ac; }
.evaluation-shared-context small, .evaluation-shared-context strong, .evaluation-shared-context span { display: block; }
.evaluation-shared-context small { color: var(--muted); font-size: .7rem; }
.evaluation-shared-context strong { margin-top: 4px; font-size: .8rem; }
.evaluation-shared-context span { margin-top: 3px; color: var(--muted); font-size: .7rem; }
.evaluation-checklist { display: grid; gap: 10px; }
.evaluation-check-item { margin: 0; padding: 13px; border: 1px solid var(--line); border-radius: 13px; background: #fbfcfd; }
.evaluation-check-item legend { padding: 0 7px; color: var(--navy-900); font-size: .8rem; }
.evaluation-check-item legend span { width: 25px; height: 25px; margin-right: 7px; border-radius: 8px; color: white; background: #7652ac; display: inline-grid; place-items: center; font-size: .62rem; }
.evaluation-item-grid { grid-template-columns: 135px 135px 1fr 1fr 145px; align-items: end; }
.evaluation-form-footer { min-height: 70px; padding: 13px 22px; border-top: 1px solid var(--line); background: white; display: flex; align-items: center; justify-content: space-between; gap: 16px; }
.evaluation-form-footer > span { color: var(--muted); font-size: .76rem; }
.evaluation-form-footer > div { display: flex; align-items: center; gap: 9px; }

.market-dialog { width: min(940px, calc(100vw - 28px)); max-height: calc(100vh - 28px); border-radius: 24px; background: var(--background); box-shadow: 0 32px 90px rgba(4,20,38,.4); overflow: hidden; }
.market-dialog form { height: min(820px, calc(100vh - 28px)); display: grid; grid-template-rows: auto 1fr auto; }
.market-form-header { padding: 20px 24px; border-bottom: 1px solid rgba(255,255,255,.14); color: white; background: radial-gradient(circle at 85% 0%, rgba(85,190,99,.28), transparent 28%), linear-gradient(120deg, var(--navy-950), #104a36 72%, #147a32); display: flex; justify-content: space-between; gap: 18px; align-items: flex-start; }
.market-form-header .eyebrow { color: #aee1b7; }
.market-form-header h2 { margin: 3px 0 5px; color: white; font-size: 1.3rem; }
.market-form-header small { color: #d4e9dd; font-size: .76rem; }
.market-form-header .icon-button { color: white; border-color: rgba(255,255,255,.25); background: rgba(255,255,255,.08); }
.market-form-body { min-height: 0; padding: 20px; overflow-y: auto; display: grid; gap: 14px; }
.market-form-section { padding: 18px; border: 1px solid var(--line); border-radius: 17px; background: white; display: grid; grid-template-columns: 38px 1fr; gap: 5px 12px; align-items: start; }
.market-section-number { width: 38px; height: 38px; border-radius: 12px; color: var(--green-700); background: var(--green-100); display: grid; place-items: center; font-size: .72rem; font-weight: 900; }
.market-form-section h3 { margin: 2px 0 4px; font-size: .96rem; }
.market-form-section > div:nth-child(2) > p { margin: 0; color: var(--muted); font-size: .76rem; }
.market-form-section .full-row { grid-column: 1 / -1; margin-top: 14px; }
.market-shared-context { padding: 12px; border-radius: 12px; background: linear-gradient(110deg, #f2f8f3, #f4f8fb); display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px; }
.market-shared-context > div { padding: 3px 10px; border-left: 2px solid var(--green-600); }
.market-shared-context small, .market-shared-context strong, .market-shared-context span { display: block; }
.market-shared-context small { color: var(--muted); font-size: .7rem; }
.market-shared-context strong { margin-top: 4px; font-size: .8rem; }
.market-shared-context span { margin-top: 3px; color: var(--muted); font-size: .7rem; }
.check-line { min-height: 55px; padding: 10px 12px; border: 1px solid #cfe5d5; border-radius: 12px; background: var(--green-50); display: flex; gap: 10px; align-items: flex-start; }
.check-line input { margin-top: 3px; }
.check-line strong, .check-line small { display: block; }
.check-line strong { font-size: .8rem; }
.check-line small { margin-top: 3px; color: var(--muted); font-size: .7rem; line-height: 1.4; }
.market-readiness { padding: 10px 12px; border-radius: 12px; background: #f3f7f4; display: flex; gap: 10px; align-items: center; }
.market-readiness > span { width: 44px; height: 44px; flex: 0 0 44px; border-radius: 50%; color: white; background: var(--green-700); display: grid; place-items: center; font-size: .7rem; font-weight: 900; }
.market-readiness strong, .market-readiness small { display: block; }
.market-readiness strong { font-size: .76rem; }
.market-readiness small { margin-top: 3px; color: var(--muted); font-size: .68rem; line-height: 1.4; }
.market-form-footer { min-height: 70px; padding: 13px 22px; border-top: 1px solid var(--line); background: white; display: flex; align-items: center; justify-content: space-between; gap: 16px; }
.market-form-footer > span { color: var(--muted); font-size: .76rem; }
.market-form-footer > div { display: flex; align-items: center; gap: 9px; }
.toolbar-actions { display: flex; align-items: center; gap: 9px; }

.market-workspace-dialog { width: min(1180px, calc(100vw - 24px)); max-height: calc(100vh - 24px); border-radius: 24px; background: var(--background); box-shadow: 0 32px 90px rgba(4,20,38,.42); overflow: hidden; }
.market-workspace { height: min(900px, calc(100vh - 24px)); display: grid; grid-template-rows: auto 1fr; }
.market-workspace-header { padding: 18px 22px; color: white; background: linear-gradient(120deg, var(--navy-950), #0f4a35 72%, var(--green-700)); display: flex; align-items: center; justify-content: space-between; gap: 16px; }
.market-workspace-header h2 { margin: 3px 0 5px; color: white; font-size: 1.25rem; }
.market-workspace-header small { color: #d4e9dd; font-size: .75rem; }
.market-workspace-header .eyebrow { color: #aee1b7; }
.market-workspace-header-actions { display: flex; gap: 8px; align-items: center; }
.market-workspace-header .secondary-button { color: white; border-color: rgba(255,255,255,.32); background: rgba(255,255,255,.09); }
.market-workspace-header .icon-button { color: white; border-color: rgba(255,255,255,.25); background: rgba(255,255,255,.08); }
.market-workspace-body { min-height: 0; padding: 18px; overflow-y: auto; display: grid; gap: 14px; }
.market-public-grid { display: grid; grid-template-columns: minmax(0, 1.15fr) minmax(320px, .85fr); gap: 14px; }
.market-gallery, .market-public-card, .market-operations-card, .market-leads-panel, .market-activity-panel { border: 1px solid var(--line); border-radius: 18px; background: white; box-shadow: var(--shadow-soft); }
.market-gallery { overflow: hidden; }
.market-cover { position: relative; aspect-ratio: 16 / 8.4; overflow: hidden; background: #dfe8e2; }
.market-cover img { width: 100%; height: 100%; object-fit: cover; display: block; }
.market-cover-badge { position: absolute; left: 14px; top: 14px; padding: 7px 9px; border-radius: 999px; color: white; background: rgba(5,48,35,.88); font-size: .7rem; font-weight: 850; }
.market-thumbnails { padding: 9px; display: grid; grid-template-columns: repeat(3, 1fr); gap: 8px; }
.market-thumbnail { min-width: 0; padding: 0; border: 2px solid transparent; border-radius: 10px; background: transparent; overflow: hidden; text-align: left; }
.market-thumbnail.active { border-color: var(--green-600); }
.market-thumbnail img { width: 100%; aspect-ratio: 16 / 9; object-fit: cover; display: block; }
.market-thumbnail small { padding: 5px 6px; display: block; color: var(--muted); font-size: .66rem; }
.market-public-card { padding: 18px; display: flex; flex-direction: column; }
.market-public-card h3 { margin: 8px 0 5px; color: var(--navy-950); font-size: 1.2rem; line-height: 1.25; }
.market-public-price { margin: 10px 0 4px; color: var(--green-700); font-size: 1.45rem; font-weight: 900; }
.market-public-location { color: var(--muted); font-size: .76rem; }
.market-public-description { margin: 15px 0; color: #425261; font-size: .8rem; line-height: 1.55; }
.market-facts { display: grid; grid-template-columns: repeat(3, 1fr); gap: 8px; }
.market-facts div { padding: 10px; border-radius: 11px; background: #f3f7f4; }
.market-facts small, .market-facts strong { display: block; }
.market-facts small { color: var(--muted); font-size: .66rem; }
.market-facts strong { margin-top: 4px; font-size: .74rem; }
.publication-strip { margin-top: auto; padding-top: 14px; display: flex; gap: 8px; align-items: center; flex-wrap: wrap; }
.publication-pill { padding: 6px 8px; border-radius: 999px; color: #176332; background: var(--green-100); font-size: .68rem; font-weight: 800; }
.publication-pill.inactive { color: #5c6670; background: #edf0f2; }
.market-workflow { display: grid; grid-template-columns: repeat(5, 1fr); gap: 7px; }
.market-workflow span { padding: 10px 8px; border-radius: 11px; color: #65727e; background: #e9eef1; font-size: .7rem; font-weight: 800; text-align: center; }
.market-workflow span.done { color: white; background: var(--green-700); }
.market-workflow span.current { color: var(--navy-950); background: #d8eddd; box-shadow: inset 0 0 0 1px #a8d0b2; }
.market-workspace-columns { display: grid; grid-template-columns: minmax(0, 1.35fr) minmax(280px, .65fr); gap: 14px; }
.market-panel-heading { padding: 15px 17px; border-bottom: 1px solid var(--line); display: flex; justify-content: space-between; align-items: center; gap: 12px; }
.market-panel-heading h3 { margin: 2px 0 0; font-size: .95rem; }
.market-panel-heading .eyebrow { font-size: .64rem; }
.market-lead-list { padding: 12px; display: grid; gap: 10px; }
.market-lead-card { padding: 13px; border: 1px solid var(--line); border-radius: 13px; background: #fbfcfd; }
.market-lead-card header { display: flex; justify-content: space-between; gap: 10px; align-items: flex-start; }
.market-lead-card h4 { margin: 0; font-size: .84rem; }
.market-lead-card header small { margin-top: 4px; color: var(--muted); font-size: .68rem; display: block; }
.market-lead-status { padding: 5px 7px; border-radius: 999px; color: #315a3c; background: var(--green-100); font-size: .66rem; font-weight: 800; white-space: nowrap; }
.market-lead-card > p { margin: 10px 0; color: #44535f; font-size: .75rem; line-height: 1.45; }
.market-lead-next { padding: 8px 10px; border-radius: 9px; background: white; display: flex; justify-content: space-between; gap: 10px; color: var(--muted); font-size: .68rem; }
.market-lead-actions { margin-top: 10px; display: flex; gap: 7px; flex-wrap: wrap; }
.market-proposal-list { margin-top: 10px; display: grid; gap: 6px; }
.market-proposal { padding: 8px 10px; border-left: 3px solid #245d8d; border-radius: 8px; background: #eef5fa; display: grid; grid-template-columns: 1fr auto; gap: 4px 10px; }
.market-proposal strong { font-size: .72rem; }
.market-proposal span { color: #245d8d; font-size: .66rem; font-weight: 800; }
.market-proposal small { grid-column: 1 / -1; color: var(--muted); font-size: .65rem; }
.market-activity-list { padding: 12px 15px; display: grid; gap: 12px; }
.market-activity-item { position: relative; padding-left: 18px; }
.market-activity-item::before { content: ''; position: absolute; left: 1px; top: 5px; width: 8px; height: 8px; border-radius: 50%; background: var(--green-600); }
.market-activity-item strong, .market-activity-item small { display: block; }
.market-activity-item strong { font-size: .73rem; line-height: 1.4; }
.market-activity-item small { margin-top: 3px; color: var(--muted); font-size: .65rem; }
.market-empty-inline { padding: 22px; color: var(--muted); font-size: .75rem; text-align: center; }

.compact-dialog { width: min(680px, calc(100vw - 28px)); border-radius: 20px; background: white; box-shadow: 0 28px 80px rgba(4,20,38,.35); overflow: hidden; }
.compact-dialog form > header { padding: 17px 20px; border-bottom: 1px solid var(--line); display: flex; justify-content: space-between; align-items: flex-start; }
.compact-dialog h2 { margin: 2px 0 0; font-size: 1.08rem; }
.compact-dialog-body { padding: 18px; }
.compact-dialog form > footer { padding: 13px 18px; border-top: 1px solid var(--line); display: flex; justify-content: flex-end; gap: 8px; }

.insurance-toolbar { margin-bottom: 14px; display: flex; justify-content: space-between; align-items: flex-end; gap: 18px; }
.insurance-toolbar h2 { margin: 3px 0 4px; font-size: 1.25rem; }
.insurance-entry-map { margin-bottom: 14px; padding: 12px 14px; border: 1px solid #bdd6e7; border-radius: 15px; background: linear-gradient(100deg, #f4f9fd, #eef8f2); display: flex; align-items: center; justify-content: center; gap: 9px; color: #31536b; }
.insurance-entry-map span { padding: 7px 9px; border-radius: 9px; background: rgba(255,255,255,.8); font-size: .71rem; font-weight: 750; text-align: center; }
.insurance-entry-map b { margin-right: 4px; color: #1b6a9b; }
.insurance-entry-map i { color: #5c889f; font-style: normal; }
.insurance-metrics article { border-top-color: #1b6a9b; }
.insurance-list { display: grid; gap: 9px; }
.insurance-row { padding: 13px 14px; border: 1px solid var(--line); border-radius: 14px; background: white; display: grid; grid-template-columns: 42px minmax(190px, 1.25fr) minmax(150px, .8fr) minmax(125px, .6fr) auto auto; gap: 13px; align-items: center; box-shadow: var(--shadow-soft); }
.insurance-subject-mark { width: 42px; height: 42px; border-radius: 13px; color: white; background: linear-gradient(145deg, #267daa, #123f67); display: grid; place-items: center; font-weight: 900; }
.insurance-primary strong, .insurance-primary small, .insurance-origin small, .insurance-origin strong, .insurance-origin span, .insurance-value small, .insurance-value strong { display: block; }
.insurance-primary strong { color: var(--navy-950); font-size: .84rem; }
.insurance-primary small, .insurance-origin small, .insurance-origin span, .insurance-value small { margin-top: 3px; color: var(--muted); font-size: .67rem; }
.insurance-origin strong, .insurance-value strong { margin-top: 3px; font-size: .76rem; }
.insurance-status { padding: 6px 8px; border-radius: 999px; color: #31536b; background: #e6f1f7; font-size: .67rem; font-weight: 850; white-space: nowrap; }
.insurance-status-simulated_issued { color: #176332; background: #e1f6e6; }
.insurance-status-selected { color: #60410b; background: #fff0c9; }
.insurance-empty { padding: 24px; border: 1px dashed #b8cbd7; border-radius: 17px; background: white; display: grid; grid-template-columns: 52px 1fr auto; gap: 14px; align-items: center; }
.insurance-empty > span { width: 52px; height: 52px; border-radius: 15px; color: white; background: #1b6a9b; display: grid; place-items: center; font-weight: 900; }
.insurance-empty h3 { margin: 0 0 4px; font-size: .9rem; }
.insurance-empty p { margin: 0; color: var(--muted); font-size: .76rem; }
.insurance-dialog { width: min(1120px, calc(100vw - 28px)); max-height: calc(100vh - 28px); border-radius: 24px; background: var(--background); box-shadow: 0 32px 90px rgba(4,20,38,.4); overflow: hidden; }
.insurance-dialog form { height: min(900px, calc(100vh - 28px)); display: grid; grid-template-rows: auto 1fr auto; }
.insurance-form-header { padding: 19px 22px; color: white; background: linear-gradient(120deg, var(--navy-950), #155577 70%, #1b6a9b); display: flex; justify-content: space-between; gap: 16px; align-items: flex-start; }
.insurance-form-header h2 { margin: 3px 0 4px; color: white; font-size: 1.28rem; }
.insurance-form-header small { color: #d8ecf7; font-size: .74rem; }
.insurance-form-header .eyebrow { color: #9cd1ea; }
.insurance-form-header .icon-button { color: white; border-color: rgba(255,255,255,.25); background: rgba(255,255,255,.08); }
.insurance-form-body { min-height: 0; padding: 15px; overflow-y: auto; display: grid; gap: 12px; }
.insurance-form-section { padding: 17px; border: 1px solid var(--line); border-radius: 17px; background: white; display: grid; grid-template-columns: 38px 1fr; gap: 5px 12px; align-items: start; }
.insurance-section-number { width: 38px; height: 38px; border-radius: 12px; color: #1b6a9b; background: #e6f1f7; display: grid; place-items: center; font-size: .72rem; font-weight: 900; }
.insurance-form-section h3 { margin: 2px 0 4px; font-size: .96rem; }
.insurance-form-section > div:nth-child(2) > p { margin: 0; color: var(--muted); font-size: .76rem; }
.insurance-form-section .full-row { grid-column: 1 / -1; margin-top: 13px; }
.three-columns { grid-template-columns: repeat(3, 1fr); }
.insurance-new-party { padding: 12px; border-radius: 12px; background: #f4f8fa; }
.insurance-form-footer { min-height: 70px; padding: 13px 22px; border-top: 1px solid var(--line); background: white; display: flex; justify-content: space-between; align-items: center; gap: 16px; }
.insurance-form-footer > span { color: var(--muted); font-size: .74rem; }
.insurance-form-footer > div { display: flex; gap: 9px; }
.insurance-workspace-dialog { width: min(1180px, calc(100vw - 24px)); max-height: calc(100vh - 24px); border-radius: 24px; background: var(--background); box-shadow: 0 32px 90px rgba(4,20,38,.42); overflow: hidden; }
.insurance-workspace { height: min(900px, calc(100vh - 24px)); display: grid; grid-template-rows: auto 1fr; }
.insurance-workspace-header { padding: 18px 22px; color: white; background: linear-gradient(120deg, var(--navy-950), #154d72 72%, #1b6a9b); display: flex; align-items: center; justify-content: space-between; gap: 16px; }
.insurance-workspace-header h2 { margin: 3px 0 5px; color: white; font-size: 1.25rem; }
.insurance-workspace-header small { color: #d4e7f1; font-size: .75rem; }
.insurance-workspace-header .eyebrow { color: #a8d7ef; }
.insurance-workspace-actions { display: flex; gap: 8px; align-items: center; }
.insurance-workspace-header .secondary-button, .insurance-workspace-header .icon-button { color: white; border-color: rgba(255,255,255,.3); background: rgba(255,255,255,.08); }
.insurance-workspace-body { min-height: 0; padding: 17px; overflow-y: auto; display: grid; gap: 13px; }
.insurance-workflow { display: grid; grid-template-columns: repeat(5, 1fr); gap: 7px; }
.insurance-workflow span { padding: 10px 8px; border-radius: 10px; color: #65727e; background: #e9eef1; font-size: .69rem; font-weight: 800; text-align: center; }
.insurance-workflow span.done { color: white; background: #1b6a9b; }
.insurance-workflow span.current { color: #123f67; background: #dceef8; box-shadow: inset 0 0 0 1px #a7ccdf; }
.insurance-context-card { padding: 13px; border: 1px solid var(--line); border-radius: 16px; background: white; display: grid; grid-template-columns: repeat(4, 1fr); gap: 10px; }
.insurance-context-card > div { padding: 7px 11px; border-left: 3px solid #3b8db7; }
.insurance-context-card small, .insurance-context-card strong, .insurance-context-card span { display: block; }
.insurance-context-card small { color: var(--muted); font-size: .67rem; }
.insurance-context-card strong { margin-top: 4px; font-size: .78rem; }
.insurance-context-card span { margin-top: 4px; color: var(--muted); font-size: .68rem; line-height: 1.35; }
.insurance-renewal-banner, .insurance-policy-card { padding: 12px 15px; border-radius: 14px; display: flex; align-items: center; gap: 14px; }
.insurance-renewal-banner { color: #62450d; background: #fff3d4; }
.insurance-renewal-banner > span, .insurance-policy-card > span { padding: 6px 8px; border-radius: 999px; background: rgba(255,255,255,.7); font-size: .68rem; font-weight: 850; }
.insurance-renewal-banner strong, .insurance-renewal-banner small, .insurance-policy-card strong, .insurance-policy-card small { display: block; }
.insurance-renewal-banner strong { font-size: .76rem; }
.insurance-renewal-banner small { margin-top: 3px; font-size: .67rem; }
.insurance-policy-card { color: white; background: linear-gradient(110deg, #12613b, #1b6a9b); }
.insurance-policy-card > div:last-child { margin-left: auto; text-align: right; }
.insurance-policy-card h3 { margin: 0 0 3px; color: white; font-size: .95rem; }
.insurance-policy-card p { margin: 0; font-size: .72rem; }
.insurance-workspace-columns { display: grid; grid-template-columns: minmax(0, 1.45fr) minmax(280px, .55fr); gap: 13px; }
.insurance-quotes-panel { border: 1px solid var(--line); border-radius: 18px; background: white; box-shadow: var(--shadow-soft); overflow: hidden; }
.insurance-quote-list { padding: 12px; display: grid; grid-template-columns: repeat(3, 1fr); gap: 9px; }
.insurance-quote-card { padding: 13px; border: 1px solid var(--line); border-radius: 13px; background: #fbfcfd; display: flex; flex-direction: column; }
.insurance-quote-card.selected { border-color: #2d87b3; background: #f0f8fc; box-shadow: 0 8px 20px rgba(27,106,155,.12); }
.insurance-quote-card header { display: flex; justify-content: space-between; gap: 8px; }
.insurance-quote-card header span { color: var(--muted); font-size: .62rem; }
.insurance-quote-card h4 { margin: 3px 0 0; font-size: .78rem; }
.insurance-quote-state { padding: 5px 7px; height: max-content; border-radius: 999px; color: #1b6a9b !important; background: #e4f1f8; font-weight: 800; white-space: nowrap; }
.insurance-quote-values { margin: 12px 0 10px; display: grid; gap: 7px; }
.insurance-quote-values div { padding: 7px 8px; border-radius: 8px; background: white; }
.insurance-quote-values small, .insurance-quote-values strong { display: block; }
.insurance-quote-values small { color: var(--muted); font-size: .62rem; }
.insurance-quote-values strong { margin-top: 2px; font-size: .72rem; }
.insurance-quote-card > p { margin: 0 0 8px; font-size: .7rem; line-height: 1.42; }
.insurance-quote-card > small { color: var(--muted); font-size: .62rem; line-height: 1.4; }
.insurance-exclusions { margin: 9px 0; padding: 7px; border-radius: 8px; color: #774e14; background: #fff3d9; font-size: .63rem; line-height: 1.4; }
.insurance-quote-card > button { margin-top: auto; }

.services-toolbar { margin-bottom: 14px; display: flex; align-items: flex-end; justify-content: space-between; gap: 20px; }
.services-toolbar h2 { margin: 3px 0 5px; color: var(--navy-950); }
.services-business-map { margin-bottom: 14px; padding: 15px; border: 1px solid #bfddce; border-radius: 18px; background: linear-gradient(110deg, #effaf5, #fff); display: grid; grid-template-columns: 1fr auto 1fr auto 1fr; align-items: center; gap: 13px; }
.services-business-map > div { min-height: 70px; padding: 11px 14px; border-radius: 13px; background: white; box-shadow: var(--shadow-soft); display: grid; align-content: center; gap: 2px; }
.services-business-map small, .services-subscription-card small { color: #39715a; font-size: .75rem; font-weight: 850; letter-spacing: .08em; }
.services-business-map strong { color: var(--navy-950); font-size: .95rem; }
.services-business-map span, .services-subscription-card span { color: var(--muted); font-size: .8rem; }
.services-business-map i { color: #2f865c; font-style: normal; font-weight: 900; }
.services-subscription-metrics article { border-top: 3px solid #25885a; }
.services-subscription-list { margin-bottom: 28px; display: grid; gap: 9px; }
.services-subscription-empty { padding: 24px; border: 1px dashed #a9d1bd; border-radius: 17px; background: #f8fdfa; display: grid; grid-template-columns: 54px 1fr auto; align-items: center; gap: 16px; }
.services-subscription-empty > span, .services-subscription-mark { display: grid; place-items: center; color: white; background: linear-gradient(145deg, #188355, #075738); font-weight: 900; }
.services-subscription-empty > span { width: 54px; height: 54px; border-radius: 17px; }
.services-subscription-empty h3, .services-subscription-empty p { margin: 0; }
.services-subscription-empty p { margin-top: 4px; color: var(--muted); font-size: .72rem; }
.services-subscription-card { padding: 13px 14px; border: 1px solid #d8e8df; border-radius: 15px; background: white; box-shadow: var(--shadow-soft); display: grid; grid-template-columns: 42px minmax(210px, 1.2fr) minmax(180px, 1fr) minmax(140px, .7fr) auto auto; align-items: center; gap: 13px; }
.services-subscription-mark { width: 38px; height: 38px; border-radius: 12px; font-size: .7rem; }
.services-subscription-card strong, .services-subscription-card small, .services-subscription-card span { display: block; }
.services-subscription-card strong { margin: 2px 0; color: var(--navy-950); font-size: .875rem; }
.services-subscription-status { padding: 6px 9px; border-radius: 999px; color: #075f38 !important; background: #dff5e9; font-size: .75rem !important; font-weight: 800; white-space: nowrap; }
.services-subscription-status-onboarding, .services-subscription-status-proposal { color: #76510f !important; background: #fff0cd; }
.services-subscription-status-suspended, .services-subscription-status-cancelled { color: #7a3540 !important; background: #fbe7e9; }
.services-subscription-ready { color: #39715a !important; font-weight: 750; white-space: nowrap; }
.services-setup-dialog { width: min(1180px, calc(100vw - 28px)); }
.services-setup-workspace { max-height: 92vh; overflow: auto; background: #f4f8f6; }
.services-setup-header { position: sticky; z-index: 3; top: 0; padding: 18px 22px; color: white; background: linear-gradient(110deg, #053b2a, #168058); display: flex; align-items: center; justify-content: space-between; gap: 16px; }
.services-setup-header h2 { margin: 2px 0; color: white; font-size: 1.2rem; }
.services-setup-header small { color: rgba(255,255,255,.8); }
.services-setup-header-actions { display: flex; align-items: center; gap: 12px; }
.services-setup-header-actions span { padding: 6px 10px; border: 1px solid rgba(255,255,255,.22); border-radius: 999px; font-size: .8rem; font-weight: 800; }
.services-setup-header .icon-button { color: white; }
.services-setup-progress { position: sticky; z-index: 3; top: 83px; height: 5px; background: #cce2d7; }
.services-setup-progress span { display: block; height: 100%; border-radius: 0 4px 4px 0; background: #42d492; transition: width .2s ease; }
.services-setup-body { padding: 18px; display: grid; gap: 14px; }
.services-setup-intro { padding: 16px; border: 1px solid #cfe3d9; border-radius: 17px; background: white; display: grid; grid-template-columns: minmax(220px, .7fr) 1.5fr; align-items: center; gap: 20px; }
.services-setup-intro > div:first-child small, .services-setup-footer small { color: #287053; font-size: .75rem; font-weight: 850; letter-spacing: .08em; }
.services-setup-intro > div:first-child strong { margin-top: 4px; color: var(--navy-950); font-size: 1.15rem; display: block; }
.services-setup-intro p { margin: 5px 0 0; color: var(--muted); font-size: .875rem; line-height: 1.5; }
.services-setup-tasks { display: grid; grid-template-columns: repeat(3, 1fr); gap: 8px; }
.services-setup-task { min-height: 58px; padding: 10px; border: 1px solid #e0e9e4; border-radius: 12px; background: #f9fbfa; display: grid; grid-template-columns: auto 1fr; align-items: center; gap: 9px; }
.services-setup-task.is-complete { border-color: #afd8c3; background: #effaf4; }
.services-setup-task > span { width: 26px; height: 26px; border-radius: 50%; color: #8b9b93; background: white; display: grid; place-items: center; font-weight: 900; }
.services-setup-task.is-complete > span { color: white; background: #20845a; }
.services-setup-task strong, .services-setup-task small { display: block; }
.services-setup-task strong { font-size: .8rem; }
.services-setup-task small { color: var(--muted); font-size: .75rem; }
.services-setup-task .text-button { grid-column: 2; justify-self: start; padding: 2px 0; font-size: .75rem; }
.services-setup-columns { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; }
.services-setup-panel { padding: 16px; border: 1px solid var(--line); border-radius: 16px; background: white; }
.services-setup-panel form { margin-top: 12px; }
.services-member-list { margin: 12px 0; display: grid; gap: 7px; }
.services-member-card { padding: 9px 10px; border: 1px solid #e2e9e5; border-radius: 12px; display: grid; grid-template-columns: 34px 1fr auto; align-items: center; gap: 9px; }
.services-member-card > span { width: 34px; height: 34px; border-radius: 10px; color: white; background: #247456; display: grid; place-items: center; font-size: .62rem; font-weight: 850; }
.services-member-card strong, .services-member-card small { display: block; }
.services-member-card strong { font-size: .875rem; }
.services-member-card small { margin-top: 2px; color: var(--muted); font-size: .75rem; }
.services-member-card b { color: #20734e; font-size: .75rem; }
.services-setup-empty { padding: 14px; border: 1px dashed #cad8d1; border-radius: 12px; color: var(--muted); font-size: .875rem; text-align: center; }
.services-permissions-grid { margin-top: 12px; display: grid; grid-template-columns: repeat(4, 1fr); gap: 9px; }
.services-permission-card { padding: 12px; border: 1px solid #dfe8e3; border-radius: 13px; background: #fafcfb; }
.services-permission-card strong, .services-permission-card span { display: block; }
.services-permission-card strong { margin-bottom: 7px; color: var(--navy-950); font-size: .875rem; }
.services-permission-card span { margin-top: 5px; color: #50655b; font-size: .75rem; line-height: 1.35; }
.services-setup-footer { padding: 14px 16px; border: 1px solid #add7c0; border-radius: 15px; background: linear-gradient(100deg, #eaf8f1, #fff); display: flex; align-items: center; justify-content: space-between; gap: 15px; }
.services-setup-footer strong { margin-top: 3px; color: var(--navy-950); font-size: .9rem; display: block; }
.services-setup-activity { padding: 15px; border-radius: 15px; background: white; }
.services-operation-heading { margin: 10px 0 14px; padding-top: 21px; border-top: 1px solid var(--line); display: flex; align-items: flex-end; justify-content: space-between; gap: 20px; }
.services-operation-heading h2 { margin: 3px 0 5px; color: var(--navy-950); }
.services-flow-map { margin-bottom: 14px; padding: 10px 14px; border: 1px solid #e8d7b9; border-radius: 15px; background: linear-gradient(105deg, #fffaf0, #fff); display: flex; align-items: center; justify-content: center; gap: 10px; overflow: hidden; }
.services-flow-map span { min-width: 130px; color: #73531e; font-size: .69rem; font-weight: 750; text-align: center; }
.services-flow-map b { margin-right: 4px; color: #a86913; }
.services-flow-map i { color: #c9a460; font-style: normal; }
.services-metrics article { border-top: 3px solid #c58a2a; }
.services-list { display: grid; gap: 9px; }
.services-empty { padding: 30px; border: 1px dashed #d9c6a7; border-radius: 18px; background: #fffdf9; display: grid; grid-template-columns: 54px 1fr auto; align-items: center; gap: 16px; }
.services-empty > span, .services-machine-mark { display: grid; place-items: center; color: white; background: linear-gradient(145deg, #c58a2a, #83570d); font-weight: 900; }
.services-empty > span { width: 54px; height: 54px; border-radius: 17px; }
.services-empty h3, .services-empty p { margin: 0; }
.services-empty p { margin-top: 4px; color: var(--muted); font-size: .74rem; }
.services-row { padding: 13px 14px; border: 1px solid var(--line); border-radius: 15px; background: white; box-shadow: var(--shadow-soft); display: grid; grid-template-columns: 42px minmax(180px, 1fr) minmax(220px, 1.25fr) minmax(145px, .75fr) auto auto; align-items: center; gap: 12px; }
.services-machine-mark { width: 38px; height: 38px; border-radius: 12px; font-size: .7rem; }
.services-primary strong, .services-primary small, .services-issue strong, .services-issue small, .services-owner strong, .services-owner small { display: block; }
.services-primary strong { font-size: .8rem; }
.services-primary small, .services-issue small, .services-owner small { margin-bottom: 3px; color: var(--muted); font-size: .64rem; }
.services-issue strong, .services-owner strong { font-size: .7rem; line-height: 1.35; }
.services-status { padding: 6px 9px; border-radius: 999px; color: #76510f; background: #fff0cd; font-size: .65rem; font-weight: 800; white-space: nowrap; }
.services-status-in_progress { color: #075f38; background: #dff5e9; }
.services-status-waiting_parts, .services-status-waiting_customer { color: #7c5208; background: #fff0c9; }
.services-status-completed { color: #1d5f7b; background: #e2f2f8; }
.services-workspace { height: min(88vh, 900px); overflow: auto; background: #f5f7f8; }
.services-workspace-header { position: sticky; z-index: 2; top: 0; padding: 17px 20px; color: white; background: linear-gradient(110deg, #60400b, #b57818); display: flex; align-items: center; justify-content: space-between; gap: 15px; }
.services-workspace-header h2 { margin: 2px 0; color: white; font-size: 1.16rem; }
.services-workspace-header small { color: rgba(255,255,255,.8); }
.services-workspace-actions { display: flex; align-items: center; gap: 8px; }
.services-workspace-actions .icon-button { color: white; }
.services-workspace-body { padding: 16px; display: grid; gap: 13px; }
.services-next-action { padding: 13px 15px; border: 1px solid #ead9bd; border-radius: 15px; background: white; display: grid; grid-template-columns: auto 1fr minmax(180px, auto); align-items: center; gap: 14px; }
.services-next-action small, .services-next-action strong { display: block; }
.services-next-action small { color: var(--muted); font-size: .66rem; }
.services-next-action strong { margin-top: 3px; font-size: .74rem; }
.services-context-grid, .services-costs { display: grid; gap: 10px; }
.services-context-grid { grid-template-columns: repeat(4, 1fr); }
.services-context-grid > div, .services-costs > div { padding: 12px; border: 1px solid var(--line); border-radius: 13px; background: white; }
.services-context-grid small, .services-context-grid strong, .services-context-grid span, .services-costs small, .services-costs strong { display: block; }
.services-context-grid small, .services-context-grid span, .services-costs small { color: var(--muted); font-size: .63rem; }
.services-context-grid strong { margin: 4px 0; font-size: .72rem; line-height: 1.4; }
.services-costs { grid-template-columns: repeat(4, 1fr); }
.services-costs strong { margin-top: 4px; color: #76510f; font-size: .9rem; }
.service-entry-list { padding: 12px; display: grid; gap: 8px; }
.service-entry-card { padding: 10px; border: 1px solid var(--line); border-radius: 11px; display: grid; grid-template-columns: 90px 1fr auto; align-items: center; gap: 10px; }
.service-entry-card > span { color: #805716; font-size: .64rem; font-weight: 850; }
.service-entry-card strong, .service-entry-card small { display: block; }
.service-entry-card strong { font-size: .71rem; }
.service-entry-card small { margin-top: 3px; color: var(--muted); font-size: .62rem; }
.service-entry-card > b { font-size: .7rem; white-space: nowrap; }

.toast { position: fixed; z-index: 100; right: 22px; bottom: 22px; max-width: 360px; padding: 13px 16px; border-radius: 12px; color: white; background: var(--navy-950); box-shadow: var(--shadow); font-size: .78rem; opacity: 0; transform: translateY(14px); pointer-events: none; transition: 180ms ease; }
.toast.show { opacity: 1; transform: translateY(0); }

.communication-metrics { display: grid; grid-template-columns: repeat(4, 1fr); gap: 11px; margin-bottom: 14px; }
.communication-metrics article { padding: 15px; border: 1px solid var(--line); border-radius: 15px; background: white; box-shadow: var(--shadow-soft); }
.communication-metrics span, .communication-metrics strong, .communication-metrics small { display: block; }
.communication-metrics span { color: var(--muted); font-size: .73rem; font-weight: 750; }
.communication-metrics strong { margin: 8px 0 4px; color: var(--navy-900); font-size: 1.45rem; }
.communication-metrics small { color: var(--muted); font-size: .66rem; line-height: 1.35; }
.demo-scenarios { margin-bottom: 14px; padding: 17px; border: 1px solid #bcd8c3; border-radius: 18px; background: linear-gradient(115deg, #f1fbf3, #f5f9fd); }
.demo-scenarios > header { display: flex; justify-content: space-between; gap: 15px; align-items: center; margin-bottom: 12px; }
.demo-scenarios > header > span { padding: 6px 9px; border-radius: 99px; color: var(--green-700); background: white; font-size: .68rem; font-weight: 800; }
.demo-scenario-grid { display: grid; grid-template-columns: repeat(5, 1fr); gap: 8px; }
.demo-scenario-grid article { min-height: 105px; padding: 12px; border: 1px solid rgba(20,122,50,.14); border-radius: 13px; background: rgba(255,255,255,.82); }
.demo-scenario-grid b, .demo-scenario-grid strong, .demo-scenario-grid small { display: block; }
.demo-scenario-grid b { margin-bottom: 9px; color: var(--green-600); font-size: .67rem; }
.demo-scenario-grid strong { color: var(--navy-900); font-size: .76rem; line-height: 1.3; }
.demo-scenario-grid small { margin-top: 5px; color: var(--muted); font-size: .64rem; line-height: 1.4; }
.communication-workbench { display: grid; grid-template-columns: minmax(260px, .36fr) minmax(480px, .64fr); gap: 14px; min-height: 500px; }
.conversation-queue, .conversation-detail { overflow: hidden; }
.conversation-queue > header { padding: 16px; border-bottom: 1px solid var(--line); display: flex; justify-content: space-between; align-items: center; }
.conversation-queue > header > span { color: var(--muted); font-size: .66rem; }
.conversation-list { max-height: 560px; overflow-y: auto; }
.conversation-row { width: 100%; padding: 14px 15px; border: 0; border-bottom: 1px solid var(--line); background: white; color: inherit; display: grid; grid-template-columns: 38px 1fr auto; gap: 10px; text-align: left; }
.conversation-row:hover, .conversation-row.active { background: var(--green-50); }
.conversation-row > span { width: 38px; height: 38px; display: grid; place-items: center; border-radius: 12px; color: white; background: var(--navy-800); font-size: .68rem; font-weight: 900; }
.conversation-row strong, .conversation-row small { display: block; }
.conversation-row strong { font-size: .78rem; }
.conversation-row small { margin-top: 4px; color: var(--muted); font-size: .64rem; }
.conversation-row i { width: 8px; height: 8px; margin-top: 5px; border-radius: 50%; background: var(--gold-600); }
.conversation-detail { min-height: 500px; }
.conversation-workspace-header { padding: 18px; color: white; background: linear-gradient(120deg, var(--navy-950), var(--navy-800)); display: flex; justify-content: space-between; gap: 15px; }
.conversation-workspace-header h3 { margin: 0; font-size: 1.1rem; }
.conversation-workspace-header p { margin: 5px 0 0; color: #c8d6e2; font-size: .7rem; }
.conversation-workspace-header span { height: max-content; padding: 6px 9px; border-radius: 99px; background: rgba(255,255,255,.12); font-size: .67rem; font-weight: 750; }
.conversation-context-bar { padding: 11px 16px; border-bottom: 1px solid var(--line); background: #f8fafb; display: flex; flex-wrap: wrap; gap: 7px; align-items: center; }
.conversation-context-bar span { padding: 5px 8px; border-radius: 99px; color: var(--navy-800); background: var(--blue-100); font-size: .65rem; font-weight: 750; }
.conversation-context-bar button { margin-left: auto; }
.conversation-messages { padding: 18px; display: grid; gap: 10px; background: #eef3f1; min-height: 230px; max-height: 320px; overflow-y: auto; }
.message-bubble { max-width: 78%; padding: 11px 13px; border-radius: 14px; background: white; box-shadow: var(--shadow-soft); }
.message-bubble.outbound { justify-self: end; color: #174b29; background: #dcf7e4; }
.message-bubble p { margin: 0; font-size: .78rem; line-height: 1.45; }
.message-bubble small { display: block; margin-top: 6px; color: var(--muted); font-size: .61rem; }
.ai-task-strip { padding: 13px 16px; border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); display: flex; gap: 6px; overflow-x: auto; }
.ai-task-strip span { padding: 6px 8px; border-radius: 8px; color: #5b430b; background: var(--gold-100); font-size: .62rem; font-weight: 750; white-space: nowrap; }
.conversation-reply { padding: 15px; display: grid; gap: 8px; }
.conversation-reply textarea { width: 100%; padding: 11px; border: 1px solid var(--line); border-radius: 11px; resize: vertical; }
.conversation-reply footer { display: flex; justify-content: space-between; align-items: center; gap: 10px; }
.conversation-reply small { color: var(--muted); font-size: .64rem; }
.outbound-review { padding: 12px 15px; border-top: 1px solid var(--line); display: flex; justify-content: space-between; gap: 10px; align-items: center; }
.outbound-review div strong, .outbound-review div small { display: block; }
.outbound-review div strong { font-size: .72rem; }
.outbound-review div small { margin-top: 3px; color: var(--muted); font-size: .62rem; }
.empty-workbench { min-height: 160px; padding: 30px; display: grid; place-items: center; align-content: center; text-align: center; color: var(--muted); }
.empty-workbench > span { width: 48px; height: 48px; margin-bottom: 10px; display: grid; place-items: center; border-radius: 15px; color: white; background: var(--navy-800); font-weight: 900; }
.empty-workbench strong { color: var(--navy-900); }
.empty-workbench p { max-width: 420px; margin: 6px 0 0; font-size: .72rem; line-height: 1.5; }

.learning-principle { margin-bottom: 14px; padding: 17px 19px; border-radius: 18px; color: white; background: linear-gradient(115deg, #0b3155, #11672b); display: flex; justify-content: space-between; align-items: center; gap: 20px; }
.learning-principle > div:first-child { display: flex; align-items: center; gap: 12px; }
.learning-principle > div:first-child > span { width: 44px; height: 44px; flex: 0 0 44px; display: grid; place-items: center; border-radius: 14px; background: rgba(255,255,255,.12); color: #8ee39f; font-weight: 900; }
.learning-principle p { margin: 0; }
.learning-principle strong, .learning-principle small { display: block; }
.learning-principle small { margin-top: 4px; color: #d4e4da; font-size: .68rem; }
.learning-stats { display: flex; gap: 22px; text-align: center; }
.learning-stats strong { font-size: 1.2rem; }
.learning-layout { display: grid; grid-template-columns: 225px minmax(0, 1fr); gap: 14px; }
.learning-library-nav { height: max-content; padding: 15px; display: grid; gap: 5px; }
.learning-library-nav > p { padding: 4px 7px 8px; }
.learning-library-nav button { min-height: 39px; padding: 7px 9px; border: 0; border-radius: 10px; color: var(--muted); background: transparent; display: flex; gap: 8px; align-items: center; text-align: left; font-size: .71rem; font-weight: 700; }
.learning-library-nav button:hover, .learning-library-nav button.active { color: var(--navy-900); background: var(--green-50); }
.learning-library-nav button span { width: 25px; height: 25px; display: grid; place-items: center; border-radius: 8px; color: var(--green-700); background: white; font-size: .6rem; font-weight: 900; }
.learning-content { min-width: 0; display: grid; gap: 12px; }
.learning-entry-form { padding: 17px; }
.learning-entry-form > header, .learning-entry-form > footer { display: flex; justify-content: space-between; align-items: center; gap: 15px; }
.learning-entry-form > header > span, .learning-entry-form > footer small { color: var(--muted); font-size: .64rem; }
.learning-form-grid { margin: 13px 0; display: grid; grid-template-columns: repeat(4, 1fr); gap: 9px; }
.learning-form-grid label { color: var(--muted); font-size: .66rem; font-weight: 700; }
.learning-form-grid input, .learning-form-grid select, .learning-form-grid textarea { width: 100%; margin-top: 5px; padding: 9px; border: 1px solid var(--line); border-radius: 9px; background: white; color: var(--ink); font-size: .72rem; }
.learning-form-wide { grid-column: span 2; }
.learning-cards { display: grid; grid-template-columns: repeat(2, 1fr); gap: 10px; }
.learning-card { padding: 16px; border: 1px solid var(--line); border-radius: 16px; background: white; box-shadow: var(--shadow-soft); }
.learning-card header { display: flex; justify-content: space-between; gap: 12px; }
.learning-card header span { padding: 5px 8px; height: max-content; border-radius: 99px; color: var(--green-700); background: var(--green-50); font-size: .61rem; font-weight: 800; }
.learning-card h3 { margin: 0; font-size: .83rem; }
.learning-card > p { margin: 10px 0; color: #425269; font-size: .71rem; line-height: 1.5; }
.learning-card footer { padding-top: 10px; border-top: 1px solid var(--line); display: flex; flex-wrap: wrap; gap: 6px; }
.learning-card footer span { padding: 4px 7px; border-radius: 7px; color: var(--muted); background: #f2f5f7; font-size: .59rem; }

@media (max-width: 1100px) {
  .home-command { grid-template-columns: 1fr; }
  .home-resume-grid { grid-template-columns: 1fr; }
  .negotiation-layout { grid-template-columns: 1fr; }
  .simple-map-header { grid-template-columns: 1fr; }
  .simple-map-core-grid, .simple-map-module-grid { grid-template-columns: repeat(2, 1fr); }
  .communication-workbench { grid-template-columns: minmax(230px, .4fr) minmax(400px, .6fr); }
  .demo-scenario-grid { grid-template-columns: repeat(3, 1fr); }
  .learning-form-grid { grid-template-columns: repeat(2, 1fr); }
  .operation-card { grid-template-columns: 1fr; }
  .director-header, .director-grid { grid-template-columns: 1fr; }
  .director-business-grid, .director-access-examples { grid-template-columns: repeat(3, 1fr); }
  .director-module-detail { grid-column: auto; }
  .metric-grid { grid-template-columns: repeat(2, 1fr); }
  .dashboard-grid { grid-template-columns: 1fr; }
  .journey-list { grid-template-columns: repeat(3, 1fr); }
  .flow-grid { grid-template-columns: repeat(3, 1fr); }
  .record-card { grid-template-columns: 44px minmax(150px, 1fr) minmax(135px, .8fr) auto; }
  .record-card .record-meta.secondary { display: none; }
  .module-grid { grid-template-columns: repeat(2, 1fr); }
  .evaluation-row { grid-template-columns: 42px minmax(170px, 1fr) minmax(130px, .8fr) auto auto; }
  .evaluation-result { display: none; }
  .market-row { grid-template-columns: 42px minmax(180px, 1fr) minmax(150px, .8fr) auto auto; }
  .market-reference { display: none; }
  .market-responsibility-grid { grid-template-columns: repeat(3, 1fr); }
  .market-command-metrics { grid-template-columns: repeat(3, 1fr); }
  .market-command-body { grid-template-columns: 1fr 1fr; }
  .market-command-modules { grid-column: 1 / -1; }
  .market-network-columns { grid-template-columns: 1fr 1fr; }
  .market-network-columns > section:last-child { grid-column: 1 / -1; }
  .evaluation-item-grid { grid-template-columns: repeat(2, 135px) 1fr; }
  .evaluation-item-grid .wide-field { grid-column: span 3; }
  .insurance-row { grid-template-columns: 42px minmax(180px, 1fr) minmax(145px, .8fr) auto auto; }
  .insurance-value { display: none; }
  .insurance-quote-list { grid-template-columns: 1fr; }
  .services-row { grid-template-columns: 42px minmax(180px, 1fr) minmax(160px, .8fr) auto auto; }
  .services-subscription-card { grid-template-columns: 42px minmax(200px, 1fr) minmax(160px, .8fr) auto auto; }
  .services-subscription-card > div:nth-of-type(2) { display: none; }
  .services-owner { display: none; }
  .services-context-grid { grid-template-columns: repeat(2, 1fr); }
  .services-setup-intro { grid-template-columns: 1fr; }
  .services-permissions-grid { grid-template-columns: repeat(2, 1fr); }
}

@media (max-width: 820px) {
  .communication-metrics { grid-template-columns: repeat(2, 1fr); }
  .communication-workbench { grid-template-columns: 1fr; }
  .conversation-list { max-height: 280px; }
  .learning-layout { grid-template-columns: 1fr; }
  .learning-library-nav { grid-template-columns: repeat(4, minmax(135px, 1fr)); overflow-x: auto; }
  .learning-library-nav > p { grid-column: 1 / -1; }
  .app-shell { display: block; }
  .sidebar { display: none; }
  .main-content { padding: 0 14px 112px; }
  .topbar { min-height: 80px; }
  .topbar-actions .search-box { display: none; }
  .topbar-actions .primary-button { min-width: 44px; width: 44px; padding: 0; font-size: 0; }
  .topbar-actions .primary-button span { font-size: 1.2rem; }
  .user-menu { padding-right: 5px; }
  .user-menu strong { display: none; }
  .mobile-nav { position: fixed; z-index: 15; left: 0; right: 0; bottom: 0; min-height: 72px; padding: 7px max(5px, env(safe-area-inset-right)) max(7px, env(safe-area-inset-bottom)); border-top: 1px solid var(--line); background: rgba(255,255,255,.97); backdrop-filter: blur(12px); display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); align-items: center; box-shadow: 0 -8px 24px rgba(7,30,54,.08); }
  .mobile-nav button { min-height: 54px; padding: 3px 2px; border: 0; color: #667584; background: transparent; display: grid; justify-items: center; align-content: center; gap: 4px; font-size: .7rem; font-weight: 750; }
  .mobile-nav button span { font-size: 1.08rem; font-weight: 900; }
  .mobile-nav button.active { color: var(--green-700); }
  .mobile-register { position: fixed; z-index: 16; right: 14px; bottom: calc(84px + env(safe-area-inset-bottom)); min-height: 48px; padding: 0 17px; border: 0; border-radius: 999px; color: white; background: linear-gradient(135deg, var(--green-500), var(--green-700)); display: flex; align-items: center; gap: 7px; font-weight: 800; box-shadow: 0 12px 28px rgba(20,122,50,.32); }
  .mobile-register span { font-size: 1.2rem; }
  .home-command { padding: 22px 18px; grid-template-columns: 1fr; gap: 20px; border-radius: 20px; }
  .home-command h2 { font-size: 1.8rem; }
  .home-command-copy > p:not(.eyebrow) { font-size: .92rem; }
  .home-trust-line { font-size: .82rem; }
  .home-command .operation-actions { display: grid; grid-template-columns: 1fr; }
  .home-command .operation-actions button { width: 100%; }
  .home-shortcuts { gap: 8px; }
  .home-shortcuts button { min-height: 104px; padding: 13px; }
  .home-shortcuts strong { font-size: .82rem; }
  .home-shortcuts small { font-size: .72rem; }
  .home-resume { padding: 17px 14px; }
  .home-resume-grid { grid-template-columns: 1fr; }
  .home-resume-grid > button { min-height: 78px; }
  .home-resume-grid strong { font-size: .84rem; }
  .home-resume-grid small { font-size: .74rem; }
  .negotiation-layout { grid-template-columns: 1fr; }
  .negotiation-selector { padding: 16px 14px; }
  .negotiation-selector > div { display: flex; overflow-x: auto; padding-bottom: 4px; }
  .negotiation-selector-item { min-width: 270px; }
  .negotiation-detail { padding: 18px 14px; }
  .negotiation-detail-header { flex-direction: column; }
  .negotiation-timeline { grid-template-columns: 1fr; gap: 0; }
  .negotiation-timeline li { min-height: 60px; display: grid; grid-template-columns: 42px 1fr; gap: 10px; align-items: start; text-align: left; }
  .negotiation-timeline li::before { top: 0; bottom: 0; left: 17px; right: auto; width: 2px; height: auto; }
  .negotiation-timeline li:first-child::before { top: 17px; left: 17px; }
  .negotiation-timeline li:last-child::before { right: auto; bottom: calc(100% - 17px); }
  .negotiation-timeline li > span { margin: 0; }
  .negotiation-timeline strong { padding: 3px 0 0; font-size: .8rem; }
  .negotiation-timeline small { font-size: .7rem; }
  .negotiation-parties { grid-template-columns: 1fr; }
  .negotiation-parties small { font-size: .68rem; }
  .negotiation-parties strong { font-size: .84rem; }
  .negotiation-parties span, .negotiation-responsibilities { font-size: .74rem; }
  .simple-map-header { padding: 22px 18px; }
  .simple-map-header h2 { font-size: 1.65rem; }
  .simple-map-stage, .simple-map-ai, .simple-map-business { padding: 17px 14px; }
  .simple-map-stage > p, .simple-map-ai p:last-child, .simple-map-footer p { font-size: .82rem; }
  .simple-map-business-grid { grid-template-columns: 1fr; }
  .simple-map-potential > header { flex-direction: column; }
  .simple-map-potential > header > span { text-align: left; }
  .simple-map-opportunity-chain { grid-template-columns: 1fr; }
  .simple-map-opportunity-chain i { transform: rotate(90deg); text-align: center; }
  .simple-map-footer { align-items: stretch; flex-direction: column; }
  .simple-map-footer button { width: 100%; }
  .flowchart-canvas { padding: 28px 14px 16px; }
  .flowchart-entry-row { gap: 34px; }
  .flowchart-module-row { grid-template-columns: 1fr; gap: 10px; }
  .flowchart-module-row .flowchart-node { min-height: 0; }
  .flowchart-branch { width: 100%; height: 52px; border: 0; }
  .flowchart-branch::before { height: 44px; }
  .flowchart-branch::after { display: none; }
  .flowchart-module-row .flowchart-node::before { left: 50%; top: -11px; height: 10px; }
  .flowchart-converge { width: 100%; height: 58px; border: 0; }
  .flowchart-converge::before { display: none; }
  .flowchart-converge span { top: 0; height: 38px; }
  .prototype-banner { align-items: flex-start; flex-wrap: wrap; }
  .prototype-banner-actions { width: 100%; margin-left: 0; justify-content: space-between; }
  .director-module-tabs { grid-template-columns: repeat(2, 1fr); }
  .director-business-grid { grid-template-columns: repeat(2, 1fr); }
  .director-access-flow, .director-access-examples { grid-template-columns: repeat(2, 1fr); }
  .director-access-flow li:nth-child(2)::after { content: ""; }
  .flow-grid, .entity-grid { grid-template-columns: repeat(2, 1fr); }
  .record-card { grid-template-columns: 40px minmax(0, 1fr) auto; }
  .record-card .record-meta { display: none; }
  .kanban { grid-template-columns: 1fr; }
  .quality-grid { grid-template-columns: 1fr; }
  .four-columns { grid-template-columns: repeat(2, 1fr); }
  .route-grid { grid-template-columns: repeat(2, 1fr); }
  .party360-overview { grid-template-columns: repeat(2, 1fr); }
  .completion-ring { grid-column: 1 / -1; }
  .party360-overview > div:not(.completion-ring) { border-left: 0; border-top: 1px solid var(--line); padding: 10px 0 0; }
  .party360-columns { grid-template-columns: 1fr; }
  .evaluation-metrics { grid-template-columns: repeat(2, 1fr); }
  .market-metrics { grid-template-columns: repeat(2, 1fr); }
  .market-command-header { align-items: flex-start; flex-direction: column; }
  .market-command-metrics { grid-template-columns: repeat(2, 1fr); }
  .market-command-body { grid-template-columns: 1fr; }
  .market-command-modules { grid-column: auto; }
  .market-model-heading, .market-list-heading { align-items: flex-start; flex-direction: column; }
  .market-model-heading > span { text-align: left; }
  .market-transaction-flow { grid-template-columns: 1fr; }
  .market-transaction-flow > i { transform: rotate(90deg); }
  .market-responsibility-grid { grid-template-columns: repeat(2, 1fr); }
  .market-network-map { grid-template-columns: 1fr; }
  .market-network-workspace-header { align-items: flex-start; flex-direction: column; }
  .market-network-live-metrics { width: 100%; }
  .market-network-live-metrics span { flex: 1; }
  .market-network-columns { grid-template-columns: 1fr; }
  .market-network-columns > section:last-child { grid-column: auto; }
  .market-network-workspace-actions { width: 100%; justify-items: stretch; }
  .indicator-portal-header, .indicator-portal-header-actions { align-items: flex-start; flex-direction: column; }
  .indicator-portal-header-actions, .indicator-portal-header-actions label, .indicator-portal-header-actions select { width: 100%; }
  .indicator-portal-header-actions { position: relative; padding-right: 48px; }
  .indicator-portal-header-actions .icon-button { position: absolute; top: 0; right: 0; }
  .indicator-access-banner { align-items: flex-start; flex-direction: column; }
  .indicator-portal-metrics { grid-template-columns: repeat(2, 1fr); }
  .indicator-portal-body, .indicator-portal-grid, .indicator-portal-match-list { grid-template-columns: 1fr; }
  .indicator-portal-body > section:last-child { grid-column: auto; }
  .market-process-map { justify-content: flex-start; }
  .market-row { grid-template-columns: 42px 1fr auto; }
  .market-price, .market-reference { display: none; }
  .market-empty { grid-template-columns: 42px 1fr; }
  .market-empty .primary-button { grid-column: 1 / -1; }
  .market-shared-context { grid-template-columns: 1fr; }
  .market-form-footer { align-items: flex-start; flex-direction: column; }
  .toolbar-actions { width: 100%; justify-content: stretch; }
  .toolbar-actions button { flex: 1; }
  .market-public-grid, .market-workspace-columns { grid-template-columns: 1fr; }
  .market-workspace-header { align-items: flex-start; }
  .market-workspace-header-actions .secondary-button { display: none; }
  .market-workflow { grid-template-columns: repeat(5, minmax(95px, 1fr)); overflow-x: auto; }
  .market-facts { grid-template-columns: repeat(2, 1fr); }
  .insurance-toolbar { align-items: flex-start; flex-direction: column; }
  .insurance-entry-map { justify-content: flex-start; overflow-x: auto; }
  .insurance-entry-map span { min-width: 135px; }
  .insurance-row { grid-template-columns: 42px 1fr auto; }
  .insurance-origin, .insurance-value { display: none; }
  .insurance-status { grid-column: 2; width: max-content; }
  .insurance-workspace-header { align-items: flex-start; }
  .insurance-workspace-actions .secondary-button { display: none; }
  .insurance-context-card { grid-template-columns: repeat(2, 1fr); }
  .insurance-workspace-columns { grid-template-columns: 1fr; }
  .insurance-workflow { grid-template-columns: repeat(5, minmax(95px, 1fr)); overflow-x: auto; }
  .services-toolbar { align-items: flex-start; flex-direction: column; }
  .services-operation-heading { align-items: flex-start; flex-direction: column; }
  .services-business-map { grid-template-columns: 1fr; }
  .services-business-map i { transform: rotate(90deg); justify-self: center; }
  .services-subscription-card { grid-template-columns: 42px 1fr auto; }
  .services-subscription-card > div:not(.services-subscription-primary), .services-subscription-ready { display: none; }
  .services-subscription-status { grid-column: 2; width: max-content; }
  .services-subscription-card > .secondary-button { grid-row: 1 / span 2; grid-column: 3; }
  .services-setup-columns { grid-template-columns: 1fr; }
  .services-setup-tasks { grid-template-columns: 1fr; }
  .services-flow-map { justify-content: flex-start; overflow-x: auto; }
  .services-flow-map span { min-width: 130px; }
  .services-row { grid-template-columns: 42px 1fr auto; }
  .services-issue, .services-owner { display: none; }
  .services-status { grid-column: 2; width: max-content; }
  .services-workspace-header { align-items: flex-start; }
  .services-workspace-actions { flex-wrap: wrap; justify-content: flex-end; }
  .services-context-grid { grid-template-columns: repeat(2, 1fr); }
  .evaluation-row { grid-template-columns: 42px 1fr auto; }
  .evaluation-progress, .evaluation-status { display: none; }
  .evaluation-shared-context { grid-template-columns: 1fr; }
  .evaluation-item-grid { grid-template-columns: repeat(2, 1fr); }
  .evaluation-item-grid .wide-field { grid-column: 1 / -1; }
}

@media (max-width: 560px) {
  .simple-map-core-grid, .simple-map-module-grid, .simple-map-potential-grid, .simple-map-collaboration-grid { grid-template-columns: 1fr; }
  .flowchart-heading { padding: 24px 16px 18px; }
  .flowchart-heading h2 { font-size: 1.42rem; }
  .flowchart-entry-row { grid-template-columns: 1fr; gap: 10px; }
  .flowchart-merge { width: 100%; height: 52px; }
  .flowchart-merge i { display: none; }
  .flowchart-merge::before { content: ""; position: absolute; left: 50%; top: 0; height: 34px; border-left: 1px solid #70777c; }
  .flowchart-node-central, .flowchart-node-compact, .flowchart-node-core, .flowchart-node-result, .flowchart-node-learning { width: 100%; }
  .flowchart-node-core > div { grid-template-columns: repeat(2, 1fr); }
  .flowchart-branch { width: 100%; height: 52px; border: 0; }
  .flowchart-branch::before { height: 44px; }
  .flowchart-branch::after { display: none; }
  .flowchart-module-row { grid-template-columns: 1fr; gap: 10px; }
  .flowchart-module-row .flowchart-node { min-height: 0; }
  .flowchart-module-row .flowchart-node::before { left: 50%; top: -11px; height: 10px; }
  .flowchart-converge { width: 100%; height: 58px; border: 0; }
  .flowchart-converge::before { display: none; }
  .flowchart-converge span { top: 0; height: 38px; }
  .communication-metrics { grid-template-columns: 1fr 1fr; }
  .demo-scenarios > header, .learning-principle, .learning-entry-form > header, .learning-entry-form > footer { align-items: flex-start; flex-direction: column; }
  .demo-scenario-grid { grid-template-columns: 1fr; }
  .conversation-context-bar button { width: 100%; margin-left: 0; }
  .message-bubble { max-width: 92%; }
  .conversation-reply footer, .outbound-review { align-items: stretch; flex-direction: column; }
  .learning-stats { width: 100%; justify-content: space-around; }
  .learning-library-nav { grid-template-columns: repeat(7, minmax(145px, 1fr)); }
  .learning-form-grid, .learning-cards { grid-template-columns: 1fr; }
  .learning-form-wide { grid-column: auto; }
  .market-command-metrics { grid-template-columns: 1fr; }
  .auth-gate { padding: 0; }
  .auth-card { min-height: 100dvh; padding: 28px 20px; border-radius: 0; display: flex; flex-direction: column; justify-content: center; }
  .main-content { padding-inline: 12px; }
  .operation-card { padding: 19px 16px; gap: 21px; }
  .operation-flow { overflow-x: auto; grid-template-columns: repeat(5, minmax(82px, 1fr)); padding-bottom: 5px; }
  .operation-flow::before { left: 42px; right: 42px; }
  .director-header, .director-journey, .director-business-model, .director-access-model, .director-core, .director-modules, .director-module-detail { padding: 18px 15px; border-radius: 18px; }
  .director-header { gap: 18px; }
  .director-header h2 { font-size: 1.4rem; }
  .director-section-heading, .director-module-detail footer { align-items: flex-start; flex-direction: column; }
  .director-loop-label { white-space: normal; }
  .director-module-tabs { grid-template-columns: 1fr 1fr; }
  .director-business-grid { grid-template-columns: 1fr; }
  .director-business-grid article { min-height: 0; grid-template-columns: 36px 1fr; grid-template-rows: auto; }
  .director-access-flow, .director-access-examples { grid-template-columns: 1fr; }
  .director-access-flow li:not(:last-child)::after { content: "↓"; top: auto; right: 50%; bottom: -12px; }
  .director-exchange { grid-template-columns: 1fr; }
  .director-exchange-arrow { transform: rotate(90deg); }
  .topbar { gap: 10px; }
  .eyebrow { font-size: .65rem; }
  h1 { font-size: 1.45rem; }
  .metric-grid { gap: 9px; }
  .metric-card { padding: 15px 13px; }
  .metric-card > strong { font-size: 1.55rem; }
  .metric-card > small { display: none; }
  .metric-label { font-size: .68rem; }
  .focus-panel, .journey-panel, .pipeline-panel { padding: 16px 13px; border-radius: 17px; }
  .journey-list { grid-template-columns: 1fr 1fr; }
  .flow-grid { grid-template-columns: 1fr 1fr; }
  .flow-card:last-child { grid-column: 1 / -1; }
  .panel-heading { align-items: flex-start; }
  .legend { display: none; }
  .attention-item { grid-template-columns: 36px minmax(0, 1fr); }
  .attention-action { grid-column: 2; text-align: left; }
  .attention-action span, .attention-action time { display: inline; margin-right: 5px; }
  .section-toolbar { align-items: flex-start; flex-direction: column; }
  .filter-group { width: 100%; overflow-x: auto; }
  .record-card { padding: 12px; }
  .record-card .secondary-button { width: 34px; min-width: 34px; padding: 0; font-size: 0; }
  .record-card .secondary-button::after { content: "→"; font-size: .9rem; }
  .entity-grid { grid-template-columns: 1fr; }
  .entity-tabs { overflow-x: auto; padding-bottom: 3px; }
  .entity-tab { white-space: nowrap; }
  .quality-header { align-items: flex-start; gap: 18px; }
  .quality-score { min-width: 90px; padding-left: 15px; }
  .quality-score strong { font-size: 1.55rem; }
  .quality-card { grid-template-columns: 36px 1fr; }
  .quality-card button { grid-column: 2; justify-self: start; }
  .wizard-dialog { width: 100vw; max-width: none; height: 100dvh; max-height: none; border-radius: 0; }
  .wizard-dialog form { min-height: 100dvh; }
  .wizard-header { padding: 16px; }
  .stepper { padding: 12px 10px 10px; }
  .step { min-width: 42px; }
  .step small { display: none; }
  .wizard-body { padding: 21px 16px; }
  .two-columns, .three-columns, .four-columns, .choice-row { grid-template-columns: 1fr; }
  .machine-summary { grid-template-columns: 1fr; }
  .intent-grid { grid-template-columns: repeat(2, 1fr); }
  .wizard-footer { padding: 12px 14px; gap: 8px; flex-wrap: wrap; }
  .wizard-footer > div { flex: 1 1 auto; }
  .wizard-footer > div:last-child { justify-content: flex-end; }
  .detail-grid { grid-template-columns: 1fr; }
  .party360-dialog { width: 100vw; height: 100dvh; max-height: none; border-radius: 0; }
  .party360-content { max-height: 100dvh; }
  .party360-hero { padding: 20px 16px; align-items: flex-start; }
  .party360-person { align-items: flex-start; }
  .party360-avatar { width: 44px; height: 44px; flex-basis: 44px; border-radius: 13px; }
  .party360-hero h2 { font-size: 1.2rem; }
  .party360-meta span { font-size: .64rem; }
  .party360-hero-actions .secondary-button { display: none; }
  .party360-overview { padding: 14px 16px; }
  .party360-section, .party360-columns { margin: 12px; }
  .party360-section { padding: 15px; }
  .module-grid { grid-template-columns: 1fr; }
  .module-card { min-height: 190px; }
  .party360-section-heading { align-items: flex-start; }
  .party360-section-heading > small { display: none; }
  .need-row { grid-template-columns: auto 1fr; }
  .need-row small { grid-column: 2; }
  .evaluation-toolbar { align-items: flex-start; }
  .evaluation-toolbar .primary-button { width: 44px; min-width: 44px; padding: 0; font-size: 0; }
  .evaluation-toolbar .primary-button span { font-size: 1.2rem; }
  .evaluation-metrics { gap: 8px; }
  .evaluation-metrics article { padding: 13px; }
  .evaluation-empty { grid-template-columns: 42px 1fr; }
  .evaluation-empty > span { width: 42px; height: 42px; }
  .evaluation-empty .primary-button { grid-column: 2; justify-self: start; }
  .evaluation-row { padding: 12px; }
  .evaluation-row > .secondary-button { min-width: 36px; width: 36px; padding: 0; font-size: 0; }
  .evaluation-row > .secondary-button::after { content: "→"; font-size: .9rem; }
  .evaluation-dialog { width: 100vw; height: 100dvh; max-height: none; border-radius: 0; }
  .evaluation-dialog form { height: 100dvh; }
  .evaluation-form-header { padding: 17px 15px; }
  .evaluation-form-body { padding: 12px; }
  .evaluation-form-section { padding: 14px; grid-template-columns: 34px 1fr; }
  .evaluation-section-number { width: 34px; height: 34px; }
  .evaluation-item-grid { grid-template-columns: 1fr; }
  .evaluation-item-grid .wide-field { grid-column: auto; }
  .evaluation-form-footer { padding: 11px 13px; }
  .evaluation-form-footer > span, .evaluation-form-footer .text-button { display: none; }
  .evaluation-form-footer > div, .evaluation-form-footer .primary-button { width: 100%; }
  .insurance-empty { grid-template-columns: 42px 1fr; }
  .insurance-empty > span { width: 42px; height: 42px; }
  .insurance-empty .primary-button { grid-column: 2; justify-self: start; }
  .insurance-row > .secondary-button { min-width: 36px; width: 36px; padding: 0; font-size: 0; }
  .insurance-row > .secondary-button::after { content: "→"; font-size: .9rem; }
  .insurance-dialog { width: 100vw; height: 100dvh; max-height: none; border-radius: 0; }
  .insurance-dialog form { height: 100dvh; }
  .insurance-form-header { padding: 17px 15px; }
  .insurance-form-body { padding: 12px; }
  .insurance-form-section { padding: 14px; grid-template-columns: 34px 1fr; }
  .insurance-section-number { width: 34px; height: 34px; }
  .insurance-form-footer { padding: 11px 13px; }
  .insurance-form-footer > span, .insurance-form-footer .text-button { display: none; }
  .insurance-form-footer > div, .insurance-form-footer .primary-button { width: 100%; }
  .insurance-workspace-dialog { width: 100vw; height: 100dvh; max-height: none; border-radius: 0; }
  .insurance-workspace { height: 100dvh; }
  .insurance-context-card { grid-template-columns: 1fr; }
  .insurance-policy-card { align-items: flex-start; flex-direction: column; }
  .insurance-policy-card > div:last-child { margin-left: 0; text-align: left; }
  .services-empty { grid-template-columns: 42px 1fr; }
  .services-subscription-empty { grid-template-columns: 42px 1fr; }
  .services-subscription-empty > span { width: 42px; height: 42px; }
  .services-subscription-empty .primary-button { grid-column: 2; justify-self: start; }
  .services-empty > span { width: 42px; height: 42px; }
  .services-empty .primary-button { grid-column: 2; justify-self: start; }
  .services-row > .secondary-button { min-width: 36px; width: 36px; padding: 0; font-size: 0; }
  .services-row > .secondary-button::after { content: "→"; font-size: .9rem; }
  .services-next-action { grid-template-columns: 1fr; }
  .services-context-grid, .services-costs { grid-template-columns: 1fr 1fr; }
  .services-setup-dialog { width: 100vw; max-width: none; height: 100vh; max-height: none; border-radius: 0; }
  .services-setup-workspace { max-height: 100vh; }
  .services-setup-header { align-items: flex-start; }
  .services-setup-progress { top: 94px; }
  .services-setup-body { padding: 12px; }
  .services-permissions-grid { grid-template-columns: 1fr; }
  .services-setup-footer { align-items: stretch; flex-direction: column; }
  .service-entry-card { grid-template-columns: 1fr auto; }
  .service-entry-card > span { grid-column: 1 / -1; }
  .toast { left: 12px; right: 12px; bottom: 83px; max-width: none; }
}

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

.security-access-panel { display: grid; gap: 14px; padding: 18px; border: 1px solid #dce5df; border-radius: 18px; background: #f8fbf9; }
.security-access-heading { display: flex; align-items: flex-start; justify-content: space-between; gap: 14px; }
.security-access-heading p { margin: 0; }
.security-user-list, .security-activity-list { display: grid; gap: 9px; }
.security-user-card { display: flex; align-items: center; justify-content: space-between; gap: 14px; padding: 12px; border: 1px solid #dce5df; border-radius: 13px; background: #fff; }
.security-user-card > div { display: grid; gap: 4px; }
.security-user-card > div:last-child { justify-items: end; }
.security-user-card small, .security-activity-list span { color: #64748b; }
.security-status { display: inline-flex; padding: 4px 9px; border-radius: 999px; font-size: .75rem; font-weight: 800; }
.security-status.active { color: #12652d; background: #ddf7e5; }
.security-status.inactive { color: #8a2530; background: #fde7e9; }
.security-status.locked { color: #895900; background: #fff3c7; }
.security-activity-details summary { cursor: pointer; font-weight: 800; color: #173257; }
.security-activity-list { max-height: 250px; margin-top: 10px; overflow: auto; }
.security-activity-list p { display: grid; gap: 2px; margin: 0; padding: 9px 0; border-bottom: 1px solid #e3e9e5; }
@media (max-width: 680px) {
  .user-dialog { width: calc(100vw - 20px); }
  .security-access-heading, .security-user-card { align-items: stretch; flex-direction: column; }
  .security-user-card > div:last-child { justify-items: start; }
}