:root {
  font-family: Inter, "Segoe UI", system-ui, sans-serif;
  color: #242927;
  background: #f6f7f4;
  font-synthesis: none;
  --muted: #69716b;
  --line: #e3e7df;
  --accent: #da6043;
  --green: #386451;
  --sidebar: #1d2924;
}
* {
  box-sizing: border-box;
}
body {
  margin: 0;
  font-size: 14px;
}
button,
input,
select,
textarea {
  font: inherit;
}
button,
a {
  -webkit-tap-highlight-color: transparent;
}
button {
  cursor: pointer;
}
button:disabled {
  cursor: wait;
  opacity: 0.6;
}
a {
  color: inherit;
  text-decoration: none;
}
button:focus-visible,
a:focus-visible,
input:focus-visible,
select:focus-visible,
textarea:focus-visible {
  outline: 3px solid #d78542;
  outline-offset: 3px;
}
button {
  color: inherit;
}
h1,
h2,
h3,
p {
  margin: 0;
}
h1 {
  font-size: 31px;
  letter-spacing: -1.2px;
  font-weight: 620;
  line-height: 1.2;
}
h2 {
  font-size: 17px;
  letter-spacing: -0.35px;
  font-weight: 630;
}
h3 {
  font-size: 15px;
  font-weight: 620;
}
small {
  font-size: 12px;
}
svg {
  display: block;
}
.muted {
  color: var(--muted);
}
.skip {
  position: fixed;
  left: 20px;
  top: -60px;
  background: white;
  z-index: 10;
  padding: 12px;
}
.skip:focus {
  top: 12px;
}
.sidebar {
  width: 238px;
  background: var(--sidebar);
  color: #dae1dc;
  position: fixed;
  inset: 0 auto 0 0;
  display: flex;
  flex-direction: column;
  padding: 28px 18px 0;
  z-index: 5;
}
.brand {
  display: flex;
  align-items: center;
  gap: 11px;
  padding: 0 12px;
  color: #fff;
  font-size: 24px;
  font-weight: 600;
  letter-spacing: -1px;
}
.brand-by {
  display: block;
  letter-spacing: 0.25px;
  font-size: 10px;
  font-weight: 400;
  color: #a9b8ae;
  margin-top: 1px;
}
.workspace-switch {
  display: flex;
  align-items: center;
  gap: 10px;
  margin: 31px 0 32px;
  border: 1px solid #415148;
  border-radius: 9px;
  padding: 12px;
  font-size: 12px;
  font-weight: 600;
}
.workspace-switch div span {
  display: block;
  font-size: 10px;
  font-weight: 400;
  color: #a5b5aa;
  margin-top: 4px;
}
.workspace-icon {
  display: grid;
  place-items: center;
  background: #394c40;
  color: #d8e6be;
  border-radius: 7px;
  width: 32px;
  height: 32px;
  font-size: 15px;
}
.nav-label {
  font-size: 9px;
  letter-spacing: 1.6px;
  color: #9aac9f;
  padding: 0 14px;
  margin-bottom: 12px;
}
nav a {
  display: flex;
  gap: 12px;
  align-items: center;
  padding: 12px 14px;
  border-radius: 7px;
  margin-bottom: 4px;
  font-size: 12px;
  transition: background 0.15s;
}
nav a:hover {
  background: #2a3a31;
}
nav a.active {
  background: #e1e8d5;
  color: #203327;
  font-weight: 650;
}
nav .nav-separator {
  height: 24px;
}
nav .icon {
  width: 18px;
  height: 18px;
  opacity: 0.9;
}
.nav-count {
  margin-left: auto;
  background: #c8d3bc;
  border-radius: 4px;
  padding: 1px 5px;
  font-size: 10px;
}
.sidebar-bottom {
  margin-top: auto;
  padding: 34px 12px 24px;
}
.small-brilliantis {
  font-size: 24px;
  color: #d9e5c7;
  display: block;
  margin-bottom: 12px;
}
.sidebar-bottom p {
  font-size: 12px;
  line-height: 1.8;
}
.sidebar-bottom small {
  display: block;
  font-size: 10px;
  color: #95a89b;
}
.sidebar-bottom a {
  display: inline-block;
  margin-top: 10px;
  color: #cfdcc7;
  font-size: 11px;
}
.profile {
  border-top: 1px solid #3b4a40;
  display: flex;
  gap: 10px;
  align-items: center;
  padding: 19px 4px;
  font-size: 11px;
}
.profile small {
  display: block;
  color: #a7b6ab;
  font-size: 10px;
  margin-top: 4px;
}
.avatar {
  background: #d8e1c9;
  color: #354333;
  width: 32px;
  height: 32px;
  border-radius: 50%;
  display: grid;
  place-items: center;
  font-size: 10px;
  font-weight: 650;
}
.avatar.small {
  width: 28px;
  height: 28px;
}
.local-dot {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: #aabd93;
  margin-left: auto;
}
.shell {
  margin-left: 238px;
}
.topbar {
  height: 70px;
  background: #fff;
  border-bottom: 1px solid var(--line);
  padding: 0 38px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.breadcrumb {
  font-size: 11px;
  color: #7a827c;
  display: flex;
  gap: 13px;
}
.breadcrumb strong {
  font-weight: 500;
  color: #3c453e;
}
.breadcrumb span {
  color: #b1b9b2;
}
.topbar-right {
  display: flex;
  align-items: center;
  gap: 22px;
}
.local-badge {
  font-size: 10px;
  color: #557348;
  display: flex;
  align-items: center;
  gap: 6px;
}
.local-badge i {
  width: 5px;
  height: 5px;
  background: #638b54;
  border-radius: 50%;
}
.api-link {
  font-size: 10px;
  color: #566158;
}
.mobile-menu {
  display: none;
}
main {
  padding: 36px 38px 30px;
  max-width: 1600px;
  min-height: calc(100vh - 123px);
  margin: auto;
}
main:focus {
  outline: none;
}
.eyebrow {
  font-size: 10px;
  letter-spacing: 1.5px;
  text-transform: uppercase;
  color: #758071;
  margin-bottom: 10px;
}
.page-heading {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 20px;
  margin-bottom: 25px;
}
.page-heading p {
  margin-top: 9px;
  color: var(--muted);
  font-size: 12px;
  line-height: 1.7;
}
.heading-actions {
  display: flex;
  gap: 9px;
  flex-shrink: 0;
}
.button {
  border: 1px solid #d9dfd5;
  background: white;
  border-radius: 7px;
  padding: 10px 14px;
  font-size: 11px;
  font-weight: 580;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 7px;
  min-height: 36px;
}
.button:hover {
  background: #edf0e9;
}
.button.primary {
  background: #263c2e;
  border-color: #263c2e;
  color: white;
}
.button.primary:hover {
  background: #3b5645;
}
.button.accent {
  background: #dc694b;
  color: white;
  border-color: #dc694b;
}
.button .icon {
  width: 14px;
  height: 14px;
}
.icon-button {
  background: none;
  border: 0;
  padding: 8px;
  border-radius: 6px;
}
.text-button {
  border: 0;
  background: none;
  color: #5b6e51;
  font-size: 11px;
  padding: 4px 0;
}
.text-button:hover {
  text-decoration: underline;
}
.demo-note {
  display: flex;
  align-items: center;
  gap: 8px;
  color: #70664c;
  background: #f4efdf;
  border: 1px solid #e9e0c7;
  padding: 9px 13px;
  border-radius: 7px;
  font-size: 10px;
  margin-bottom: 22px;
}
.demo-note strong {
  font-weight: 600;
}
.metric-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 15px;
  margin-bottom: 22px;
}
.metric {
  border: 1px solid var(--line);
  border-radius: 10px;
  background: white;
  padding: 18px 20px;
}
.metric-top {
  display: flex;
  justify-content: space-between;
  align-items: center;
  color: #6b756a;
  font-size: 11px;
}
.metric-icon {
  color: #7b8b6b;
  background: #f1f4eb;
  padding: 7px;
  border-radius: 7px;
}
.metric-icon .icon {
  width: 16px;
  height: 16px;
}
.metric-value {
  font-size: 27px;
  letter-spacing: -1px;
  font-weight: 610;
  margin-top: 11px;
  white-space: nowrap;
}
.metric-foot {
  font-size: 10px;
  color: #798174;
  margin-top: 8px;
}
.metric-foot span {
  background: #edf4e8;
  color: #4d7445;
  border-radius: 4px;
  padding: 2px 5px;
  margin-right: 5px;
}
.main-grid {
  display: grid;
  grid-template-columns: minmax(0, 1.8fr) minmax(285px, 1fr);
  gap: 20px;
  margin-bottom: 22px;
}
.panel {
  background: #fff;
  border: 1px solid var(--line);
  border-radius: 10px;
  overflow: hidden;
}
.panel-head {
  padding: 21px 22px 15px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
}
.panel-subtitle {
  color: var(--muted);
  font-size: 10px;
  margin-top: 5px;
}
.panel-body {
  padding: 0 22px 21px;
}
.period {
  font-size: 10px;
  color: #717b6d;
  border: 1px solid var(--line);
  border-radius: 5px;
  padding: 7px 10px;
}
.pipeline-chart {
  display: flex;
  gap: 17px;
  align-items: flex-end;
  height: 185px;
  border-bottom: 1px solid var(--line);
  padding: 8px 8px 0;
  margin-top: 11px;
}
.bar-group {
  flex: 1;
  height: 100%;
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: flex-end;
  gap: 10px;
  min-width: 0;
}
.bar-group strong {
  font-size: 12px;
  font-weight: 550;
}
.chart-bar {
  width: 100%;
  max-width: 90px;
  background: #d5dfc1;
  border-radius: 6px 6px 0 0;
  min-height: 7px;
}
.bar-group:nth-child(2) .chart-bar {
  background: #aebf96;
}
.bar-group:nth-child(3) .chart-bar {
  background: #728f61;
}
.bar-group:nth-child(4) .chart-bar {
  background: #344f3d;
}
.chart-labels {
  display: flex;
  gap: 17px;
  padding: 10px 8px;
  font-size: 10px;
  color: #75806f;
}
.chart-labels div {
  flex: 1;
  text-align: center;
}
.chart-foot {
  display: flex;
  gap: 7px;
  align-items: center;
  font-size: 10px;
  color: #798173;
  margin-top: 10px;
}
.chart-foot i {
  width: 6px;
  height: 6px;
  background: #829a6a;
  border-radius: 50%;
}
.agent-panel {
  background: #edf1e7;
  border-color: #dce3d2;
  position: relative;
}
.agent-emblem {
  width: 34px;
  height: 34px;
  border: 1px solid #ced9c0;
  background: #f9fbf4;
  border-radius: 9px;
  display: grid;
  place-items: center;
  color: #667c52;
}
.agent-label {
  font-size: 9px;
  letter-spacing: 1px;
  color: #698053;
}
.agent-panel h2 {
  font-size: 23px;
  letter-spacing: -0.7px;
  margin: 8px 0;
}
.agent-panel .intro {
  font-size: 11px;
  color: #68765e;
  line-height: 1.7;
  max-width: 265px;
}
.agent-task {
  background: #f9fbf6;
  border: 1px solid #dce4d3;
  border-radius: 7px;
  padding: 13px;
  margin-top: 16px;
  font-size: 11px;
  display: flex;
  gap: 10px;
  align-items: flex-start;
}
.agent-task strong {
  display: block;
  font-weight: 560;
}
.agent-task small {
  display: block;
  font-size: 10px;
  color: #6d7e61;
  line-height: 1.6;
  margin-top: 4px;
}
.agent-panel .panel-body > .text-button {
  margin-top: 15px;
}
.panel-tag {
  border: 1px solid #cbd7c0;
  color: #647a53;
  padding: 4px 7px;
  font-size: 9px;
  border-radius: 4px;
}
.table-scroll {
  overflow: auto;
}
table {
  border-collapse: collapse;
  width: 100%;
  font-size: 11px;
}
th {
  text-align: left;
  font-size: 9px;
  font-weight: 500;
  color: #7d8679;
  letter-spacing: 0.6px;
  text-transform: uppercase;
  background: #fafbf8;
  padding: 11px 20px;
  white-space: nowrap;
}
td {
  padding: 15px 20px;
  border-top: 1px solid #edf0e8;
  color: #485244;
}
td strong {
  font-size: 11px;
  font-weight: 560;
  display: block;
  color: #303a2b;
}
td small {
  display: block;
  font-size: 10px;
  color: #798473;
  margin-top: 4px;
  max-width: 280px;
}
.company-cell {
  display: flex;
  gap: 10px;
  align-items: center;
}
.company-logo {
  width: 31px;
  height: 31px;
  background: #eee9e0;
  color: #857255;
  border-radius: 7px;
  display: grid;
  place-items: center;
  font-size: 11px;
  font-weight: 600;
  flex-shrink: 0;
}
tr:nth-child(2n) .company-logo {
  background: #e6ecdf;
  color: #647650;
}
.badge {
  display: inline-block;
  padding: 4px 7px;
  border-radius: 5px;
  font-size: 9px;
  white-space: nowrap;
  background: #edf0e8;
  color: #68705f;
}
.badge.qualified,
.badge.planned {
  background: #e9efe1;
  color: #5a7048;
}
.badge.proposal {
  background: #fcf0dd;
  color: #95682c;
}
.badge.won {
  background: #e4f0e8;
  color: #3d7853;
}
.badge.lost,
.badge.paused {
  background: #f2e8e5;
  color: #906356;
}
.activity {
  display: flex;
  gap: 11px;
  padding: 13px 0;
  border-bottom: 1px solid #e8eddf;
}
.activity:last-child {
  border-bottom: 0;
}
.activity-dot {
  width: 7px;
  height: 7px;
  margin-top: 5px;
  border: 2px solid #8b9d75;
  border-radius: 50%;
  flex-shrink: 0;
}
.activity p {
  font-size: 11px;
  line-height: 1.6;
}
.activity small {
  display: block;
  color: #838c7a;
  font-size: 9px;
  margin-top: 3px;
}
.activity .badge {
  margin-top: 5px;
}
.bottom-grid {
  display: grid;
  grid-template-columns: minmax(0, 1.8fr) minmax(285px, 1fr);
  gap: 20px;
}
.ecosystem-strip {
  margin-top: 22px;
  padding: 18px 22px;
  border: 1px dashed #d5ddcd;
  border-radius: 8px;
  display: flex;
  align-items: center;
  gap: 20px;
  color: #73806a;
  font-size: 10px;
}
.ecosystem-strip strong {
  font-size: 10px;
  font-weight: 500;
  white-space: nowrap;
}
.ecosystem-strip .system-names {
  display: flex;
  flex-wrap: wrap;
  gap: 18px;
  font-size: 12px;
  font-weight: 620;
  color: #56664b;
}
.ecosystem-strip small {
  margin-left: auto;
  font-size: 9px;
}
.toolbar {
  display: flex;
  gap: 12px;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 20px;
}
.search {
  border: 1px solid #d8dfd2;
  border-radius: 7px;
  background: white;
  padding: 11px 13px;
  min-width: 290px;
  color: #46513e;
  font-size: 12px;
}
.filter {
  padding: 10px;
  border: 1px solid #d8dfd2;
  border-radius: 7px;
  background: white;
  font-size: 11px;
}
.board {
  display: grid;
  grid-template-columns: repeat(5, minmax(185px, 1fr));
  gap: 14px;
  overflow: auto;
  padding-bottom: 15px;
}
.board-column {
  background: #edf0e9;
  border: 1px solid #e2e7dd;
  border-radius: 9px;
  padding: 12px;
  min-height: 420px;
}
.column-heading {
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 11px;
  font-weight: 600;
  padding: 4px;
}
.column-value {
  font-size: 10px;
  color: #78836f;
  padding: 7px 4px 16px;
}
.lead-card {
  display: block;
  text-align: left;
  width: 100%;
  border: 1px solid #dfe5d7;
  background: white;
  padding: 15px;
  border-radius: 7px;
  margin-bottom: 10px;
  transition: transform 0.15s;
}
.lead-card:hover {
  transform: translateY(-2px);
  border-color: #9dad8b;
}
.lead-card .product-tag {
  display: inline-block;
  font-size: 9px;
  color: #6e815b;
  background: #f0f4e8;
  border-radius: 4px;
  padding: 4px 6px;
  margin-bottom: 12px;
}
.lead-card h3 {
  font-size: 12px;
  line-height: 1.6;
  margin-bottom: 6px;
}
.lead-card p {
  font-size: 10px;
  color: #859078;
  line-height: 1.6;
}
.lead-card strong {
  display: block;
  font-size: 16px;
  letter-spacing: -0.5px;
  margin-top: 14px;
  font-weight: 590;
}
.lead-card small {
  border-top: 1px solid #edf1e7;
  display: block;
  margin-top: 12px;
  padding-top: 10px;
  font-size: 9px;
  line-height: 1.6;
  color: #798670;
}
.card-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 18px;
}
.catalog-card {
  padding: 24px;
}
.catalog-card h2 {
  margin: 14px 0 9px;
}
.catalog-card p {
  font-size: 12px;
  line-height: 1.8;
  color: #798372;
  min-height: 44px;
}
.catalog-card .card-detail {
  font-size: 10px;
  border-top: 1px solid var(--line);
  margin-top: 20px;
  padding-top: 15px;
  color: #75816c;
}
.catalog-card .card-detail strong {
  display: block;
  color: #45543a;
  font-size: 11px;
  margin-top: 6px;
  font-weight: 500;
}
.campaign-card {
  padding: 24px;
}
.campaign-card h2 {
  margin: 15px 0 9px;
  font-size: 19px;
  line-height: 1.4;
}
.campaign-card p {
  color: #798372;
  font-size: 11px;
  line-height: 1.8;
}
.campaign-card dl {
  margin: 22px 0;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 15px;
}
.campaign-card dt {
  font-size: 9px;
  color: #7b8572;
  margin-bottom: 5px;
}
.campaign-card dd {
  margin: 0;
  font-size: 12px;
}
.campaign-card button {
  width: 100%;
}
.integration-card {
  padding: 22px;
}
.integration-card h2 {
  font-size: 17px;
  margin: 14px 0 8px;
}
.integration-card p {
  font-size: 11px;
  line-height: 1.8;
  color: #728069;
  min-height: 60px;
}
.integration-card .integration-state {
  border-top: 1px solid var(--line);
  padding-top: 14px;
  margin-top: 18px;
  font-size: 10px;
  color: #79876d;
  display: flex;
  justify-content: space-between;
}
.integration-mark {
  width: 38px;
  height: 38px;
  background: #eff2e9;
  border: 1px solid #dfe6d5;
  border-radius: 9px;
  display: grid;
  place-items: center;
  font-size: 15px;
  font-weight: 650;
  color: #6c7e5b;
}
.code-box {
  background: #26342b;
  color: #e0e9d6;
  padding: 20px;
  border-radius: 8px;
  overflow: auto;
  line-height: 1.9;
  font-size: 11px;
  white-space: pre-wrap;
  overflow-wrap: anywhere;
}
.notice {
  border-left: 3px solid #b6c99a;
  background: #f0f4e9;
  padding: 17px 20px;
  color: #637454;
  font-size: 12px;
  line-height: 1.8;
  margin-bottom: 23px;
}
.roadmap {
  display: grid;
  gap: 14px;
}
.roadmap-step {
  display: flex;
  gap: 22px;
  padding: 23px;
  align-items: flex-start;
}
.roadmap-number {
  font-size: 26px;
  color: #a1b28d;
  font-weight: 400;
  width: 44px;
  flex-shrink: 0;
}
.roadmap-step h2 {
  margin-bottom: 8px;
}
.roadmap-step p {
  font-size: 12px;
  color: #75826b;
  line-height: 1.9;
}
.empty {
  padding: 36px 22px;
  color: #78866d;
  text-align: center;
  font-size: 12px;
  line-height: 1.8;
}
.loading {
  display: flex;
  gap: 12px;
  justify-content: center;
  align-items: center;
  padding: 100px;
  color: var(--muted);
}
.spinner {
  height: 18px;
  width: 18px;
  border: 2px solid #d1dbc4;
  border-top-color: #5b7447;
  border-radius: 50%;
  animation: spin 1s linear infinite;
}
@keyframes spin {
  to {
    transform: rotate(360deg);
  }
}
footer {
  height: 53px;
  padding: 0 38px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 9px;
  color: #88917f;
  border-top: 1px solid #e6ebdf;
}
footer > span:first-child {
  font-weight: 600;
  color: #59694b;
}
footer .muted {
  margin-left: 8px;
  font-weight: 400;
  font-size: 9px;
}
dialog {
  border: 1px solid #dce4d1;
  border-radius: 13px;
  padding: 0;
  width: min(590px, calc(100vw - 28px));
  max-height: 90vh;
  box-shadow: 0 30px 100px #18281635;
  color: #303b29;
}
dialog::backdrop {
  background: #18291d75;
  backdrop-filter: blur(3px);
}
.dialog-head {
  padding: 23px 25px;
  border-bottom: 1px solid var(--line);
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.dialog-head h2 {
  font-size: 20px;
}
.dialog-body {
  padding: 23px 25px;
}
.dialog-body p {
  font-size: 12px;
  color: #738065;
  line-height: 1.8;
  margin-bottom: 18px;
}
.form-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 15px;
}
.form-grid label {
  display: flex;
  flex-direction: column;
  gap: 7px;
  font-size: 11px;
  color: #647256;
}
.form-grid input,
.form-grid select,
.form-grid textarea {
  border: 1px solid #d7e0cc;
  border-radius: 6px;
  background: #fff;
  color: #37472c;
  padding: 10px;
  width: 100%;
  font-size: 12px;
  min-height: 38px;
}
.form-grid .full {
  grid-column: 1/-1;
}
.form-grid textarea {
  min-height: 90px;
  resize: vertical;
}
.form-actions {
  margin-top: 24px;
  display: flex;
  justify-content: flex-end;
  gap: 9px;
}
.form-error {
  color: #aa4634;
  font-size: 12px;
  line-height: 1.7;
  margin-top: 15px;
}
.detail-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 18px;
  margin: 0 0 25px;
}
.detail-grid dt {
  font-size: 10px;
  color: #7e8b70;
  margin-bottom: 5px;
}
.detail-grid dd {
  margin: 0;
  font-size: 12px;
  line-height: 1.7;
  overflow-wrap: anywhere;
}
.detail-title {
  font-size: 14px;
  line-height: 1.7;
  margin-bottom: 20px;
}
.detail-note {
  background: #f2f5ed;
  border-radius: 7px;
  padding: 15px;
  margin-bottom: 20px;
  font-size: 12px;
  line-height: 1.8;
  white-space: pre-wrap;
  overflow-wrap: anywhere;
}
#toast {
  position: fixed;
  right: 25px;
  bottom: 25px;
  background: #263e2c;
  color: #f0f5e8;
  padding: 14px 20px;
  border-radius: 8px;
  box-shadow: 0 6px 25px #1d2f2020;
  font-size: 12px;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.2s;
  z-index: 15;
  max-width: calc(100vw - 50px);
}
#toast.visible {
  opacity: 1;
}
.inline-link {
  text-decoration: underline;
  color: #54753b;
}
.form-grid input[type="file"] {
  font-size: 11px;
}
.api-table td {
  vertical-align: top;
}
.api-table code {
  font-size: 10px;
}
.event-table td {
  font-size: 10px;
}
.event-table td:first-child {
  white-space: nowrap;
}
.wide-panel {
  margin-top: 22px;
}
.section-intro {
  font-size: 12px;
  line-height: 1.8;
  color: #7a866f;
  margin-bottom: 22px;
}
.error-panel {
  padding: 30px;
  background: #fff1e8;
  border-radius: 8px;
  color: #9a533c;
}
.metric-title {
  font-size: 10px;
  color: #829173;
  letter-spacing: 1px;
}
.no-wrap {
  white-space: nowrap;
}
@media (min-width: 1500px) {
  main {
    padding: 42px 50px;
  }
  .metric {
    padding: 23px;
  }
  .pipeline-chart {
    height: 210px;
  }
  .agent-panel .intro {
    max-width: 100%;
  }
}
@media (max-width: 1150px) {
  .sidebar {
    width: 210px;
    padding-left: 13px;
    padding-right: 13px;
  }
  .shell {
    margin-left: 210px;
  }
  main {
    padding: 28px 24px;
  }
  .topbar {
    padding: 0 24px;
  }
  .metric-grid {
    gap: 10px;
  }
  .metric {
    padding: 16px 13px;
  }
  .metric-value {
    font-size: 23px;
  }
  .main-grid,
  .bottom-grid {
    grid-template-columns: minmax(0, 1.5fr) minmax(250px, 1fr);
    gap: 15px;
  }
  .card-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  td,
  th {
    padding-left: 14px;
    padding-right: 14px;
  }
  .ecosystem-strip {
    gap: 12px;
  }
  .ecosystem-strip small {
    display: none;
  }
  .page-heading h1 {
    font-size: 28px;
  }
}
@media (max-width: 900px) {
  .main-grid,
  .bottom-grid {
    grid-template-columns: 1fr;
  }
  .agent-panel .panel-body {
    display: block;
  }
  .metric-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .page-heading {
    align-items: flex-start;
  }
  .heading-actions {
    flex-wrap: wrap;
    justify-content: flex-end;
    max-width: 180px;
  }
  .ecosystem-strip {
    align-items: flex-start;
    flex-direction: column;
  }
  .breadcrumb {
    font-size: 10px;
  }
  .sidebar-bottom {
    padding-bottom: 18px;
  }
  .sidebar {
    width: 195px;
  }
  .shell {
    margin-left: 195px;
  }
  .brand {
    padding: 0 9px;
  }
  .toolbar {
    align-items: stretch;
    flex-direction: column;
  }
}
@media (max-width: 650px) {
  .sidebar {
    transform: translateX(-100%);
    transition: transform 0.2s;
    width: 235px;
    box-shadow: 20px 0 80px #18281d30;
  }
  .sidebar.open {
    transform: translateX(0);
  }
  .shell {
    margin-left: 0;
  }
  .mobile-menu {
    display: block;
  }
  .topbar {
    height: 60px;
    padding: 0 15px;
    gap: 10px;
  }
  .breadcrumb {
    margin-right: auto;
    gap: 8px;
  }
  .topbar-right {
    gap: 13px;
  }
  .api-link {
    display: none;
  }
  main {
    padding: 25px 17px;
  }
  .page-heading {
    gap: 10px;
    flex-wrap: wrap;
  }
  .page-heading h1 {
    font-size: 29px;
  }
  .page-heading p {
    font-size: 11px;
  }
  .heading-actions {
    max-width: none;
    justify-content: flex-start;
  }
  .eyebrow {
    font-size: 9px;
  }
  .metric-grid {
    gap: 10px;
  }
  .metric {
    padding: 15px;
  }
  .metric-value {
    font-size: 23px;
  }
  .metric-foot {
    font-size: 9px;
  }
  .metric-top {
    font-size: 10px;
  }
  .metric-icon {
    padding: 5px;
  }
  .card-grid {
    grid-template-columns: 1fr;
  }
  .panel-head {
    padding: 19px 17px 14px;
  }
  .panel-body {
    padding: 0 17px 20px;
  }
  .pipeline-chart {
    gap: 9px;
    height: 170px;
  }
  .bar-group strong {
    font-size: 11px;
  }
  .demo-note {
    align-items: flex-start;
    font-size: 9px;
    line-height: 1.6;
  }
  .form-grid {
    grid-template-columns: 1fr;
  }
  .form-grid .full {
    grid-column: auto;
  }
  .search {
    min-width: 0;
    width: 100%;
  }
  footer {
    padding: 0 18px;
    font-size: 8px;
  }
  footer .muted {
    display: none;
  }
  .roadmap-step {
    gap: 10px;
    padding: 18px;
  }
  .roadmap-number {
    width: 32px;
    font-size: 23px;
  }
  .ecosystem-strip .system-names {
    gap: 17px;
    font-size: 11px;
  }
  .detail-grid {
    grid-template-columns: 1fr;
  }
  .board {
    grid-template-columns: repeat(5, 235px);
  }
  .topbar .local-badge {
    font-size: 9px;
  }
  .period {
    font-size: 9px;
  }
  .dialog-body,
  .dialog-head {
    padding: 20px;
  }
  .section-intro {
    font-size: 11px;
  }
  .loading {
    padding: 70px 10px;
  }
}
@media (prefers-reduced-motion: reduce) {
  *,
  *::before,
  *::after {
    animation: none !important;
    transition: none !important;
    scroll-behavior: auto !important;
  }
}

.workspace-switch strong { font-size: 12px; font-weight: 600; }
.distribution-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 20px; margin-bottom: 24px; }
.distribution-grid .panel { padding: 28px; }
.distribution-grid h2 { margin: 18px 0 12px; }
.distribution-grid p { color: var(--muted); line-height: 1.7; }
.distribution-grid .selected { border-color: var(--green); }
@media (max-width: 800px) { .distribution-grid { grid-template-columns: 1fr; } }

.signed-out .sidebar, .signed-out .topbar, .signed-out footer { display:none; }
.signed-out .shell { margin-left:0; }
.signed-out #workspace { min-height:100vh; display:grid; place-items:center; }
.login-panel { width:min(100%,420px); padding:36px; }
.login-panel .eyebrow { margin-top:20px; }
.login-panel h1 { margin:12px 0; font-size:28px; }
.login-panel p { line-height:1.6; color:var(--muted); }
.login-panel form { margin-top:26px; display:grid; gap:18px; }
.login-panel label { display:grid; gap:8px; }
.login-panel input { width:100%; padding:12px; border:1px solid var(--line); border-radius:8px; }
#session-actions { display:flex; gap:10px; align-items:center; font-size:11px; }
@media(max-width:700px) { #session-actions>span { display:none; } }
/* Brilliantis workspace — shared product language for CRM, finance and agents. */
.sidebar { width:252px; padding:25px 18px 0; display:flex; flex-direction:column; height:100dvh; }
.shell { margin-left:252px; }
.brand { flex-shrink:0; letter-spacing:-.7px; }
.brand img { box-shadow:0 6px 18px #101f2733; }
.workspace-switch { flex-shrink:0; margin:26px 0 20px; background:#ffffff08; border:1px solid #ffffff10; }
#nav { overflow-y:auto; min-height:0; flex:1; scrollbar-width:thin; scrollbar-color:#59675f transparent; padding-right:5px; padding-bottom:14px; }
#nav a { min-height:37px; padding:9px 10px; font-size:12px; gap:10px; border-radius:7px; }
#nav a.active { background:#dcecc9; color:#1d392c; box-shadow:0 2px 12px #111a1410; }
#nav .nav-label { margin-top:16px; font-size:9px; letter-spacing:1.4px; }
#nav .nav-separator { margin:15px 0 0; border-color:#ffffff12; }
.sidebar-bottom { display:none; }
.profile { position:static; flex-shrink:0; margin:0 -18px; padding:17px 20px; border-top:1px solid #ffffff12; background:#17231e; }
main { max-width:1680px; margin:0 auto; }
.panel { box-shadow:0 3px 12px #1f352b03; }
.page-heading { margin-bottom:27px; }
h1 { font-weight:650; letter-spacing:-1.3px; }
.eyebrow { letter-spacing:1.8px; }
.topbar { background:#ffffffdd; backdrop-filter:blur(16px); }
.button { transition:background .15s,box-shadow .15s,transform .15s; }
.button:hover:not(:disabled) { box-shadow:0 3px 8px #1d392c12; }
.button.primary { background:#335d49; border-color:#335d49; color:#fff; }
.button.primary:hover:not(:disabled) { background:#274b3b; }
.button:disabled { cursor:default; }
.records-panel { overflow:hidden; }
.records-toolbar { display:flex; gap:16px; align-items:center; justify-content:space-between; padding:20px 24px; border-bottom:1px solid var(--line); }
#ws-search { display:flex; gap:8px; width:min(100%,620px); }
.search-wrap { display:flex; align-items:center; gap:10px; border:1px solid var(--line); padding:0 13px; border-radius:8px; flex:1; background:#fafbf9; }
.search-wrap input { padding:11px 0; outline:0; border:0; background:transparent; width:100%; min-width:0; }
.search-wrap:focus-within { outline:2px solid #386451; outline-offset:2px; }
.archive-toggle { display:flex; gap:7px; align-items:center; white-space:nowrap; color:var(--muted); font-size:12px; }
.records-table td { padding:17px 22px; }
.records-table tbody tr { transition:background .15s; }
.records-table tbody tr:hover { background:#f7faf5; }
.record-title { display:flex; align-items:center; gap:12px; border:0; background:transparent; text-align:left; padding:0; }
.record-title strong { display:block; font-weight:590; max-width:350px; overflow-wrap:anywhere; }
.record-title small { display:block; font-size:11px; color:var(--muted); margin-top:4px; }
.record-avatar { display:grid; place-items:center; width:37px; height:37px; background:#eef3e9; color:#426851; border-radius:10px; flex-shrink:0; }
.table-pagination { display:flex; align-items:center; justify-content:space-between; gap:15px; padding:17px 24px; color:var(--muted); font-size:12px; border-top:1px solid var(--line); }
.table-pagination>div { display:flex; gap:8px; }
.empty-state { display:flex; flex-direction:column; align-items:center; padding:62px 24px; text-align:center; gap:15px; grid-column:1/-1; }
.empty-state p { max-width:520px; color:var(--muted); line-height:1.7; }
.empty-symbol { width:60px; height:60px; background:linear-gradient(135deg,#e3eecd,#f0f5e9); border:1px solid #dee6d5; color:var(--green); border-radius:19px; display:grid; place-items:center; margin-bottom:4px; }
.empty-symbol .icon { width:27px; height:27px; }
.form-grid label>span { display:flex; justify-content:space-between; gap:10px; }
.form-grid label small { color:#838b85; font-size:11px; font-weight:400; }
.form-grid input,.form-grid textarea,.form-grid select { min-width:0; }
.reference-picker { position:relative; }
.reference-picker input[type=search] { width:100%; }
.reference-results:not(:empty) { border:1px solid var(--line); border-radius:7px; background:#fff; max-height:220px; overflow-y:auto; box-shadow:0 8px 20px #172c1710; margin-top:4px; }
.reference-results button { display:block; border:0; border-bottom:1px solid var(--line); padding:10px 12px; text-align:left; width:100%; background:#fff; }
.reference-results button:hover,.reference-results button:focus { background:#edf4e6; }
.reference-results small { display:block; margin-top:3px; color:var(--muted); }
.reference-results p { padding:10px; font-weight:400; font-size:12px; }
dialog.wide { width:min(930px,calc(100vw - 32px)); max-width:930px; }
.document-editor { margin-top:26px; border-top:1px solid var(--line); padding-top:20px; }
.section-title { display:flex; align-items:center; justify-content:space-between; margin-bottom:15px; }
.line-table { width:100%; min-width:580px; }
.line-table td,.line-table th { padding:8px 5px; }
.line-table th { font-size:11px; }
.line-table input { width:100%; padding:9px; border:1px solid var(--line); border-radius:6px; }
.line-table th:first-child { width:47%; }.line-table th:nth-child(2) { width:15%; }
.document-editor>p { font-size:11px; margin-top:10px; }
.document-top { display:flex; align-items:center; justify-content:space-between; margin-bottom:22px; }
.document-totals { margin:20px 0 20px auto; width:min(100%,320px); display:grid; gap:11px; }
.document-totals>span { display:flex; justify-content:space-between; gap:20px; font-size:13px; }
.document-totals .total { border-top:1px solid var(--line); padding-top:12px; font-size:17px; }
.record-actions { display:flex; gap:10px; flex-wrap:wrap; margin-top:24px; padding-top:18px; border-top:1px solid var(--line); }
.detail-grid dd { overflow-wrap:anywhere; white-space:pre-wrap; }
.detail-grid .full { grid-column:1/-1; }
.catalog-picker { display:flex; flex-wrap:wrap; gap:6px; padding:12px 0; }
.badge.active,.badge.paid,.badge.accepted,.badge.succeeded,.badge.allocated,.badge.completed,.badge.fulfilled { color:#2e6847; background:#e9f2e1; }
.badge.sent,.badge.issued,.badge.running,.badge.confirmed,.badge.agreed { color:#496078; background:#eaf0f6; }
.badge.cancelled,.badge.failed,.badge.uncertain { color:#914635; background:#fae8df; }
.badge.partially_paid,.badge.partially_allocated,.badge.retry { color:#886b23; background:#f9f1d8; }
#workspace>.panel,#workspace>.card-grid { margin-bottom:24px; }
.settings-panel { max-width:940px; padding:30px; }
.year-picker { display:flex; align-items:center; gap:10px; font-size:12px; color:var(--muted); }
.year-picker input { width:86px; padding:10px; border:1px solid var(--line); border-radius:7px; background:#fff; }
.financial-chart { display:flex; align-items:flex-end; height:215px; padding:22px 28px 10px; gap:12px; }
.month-bars { flex:1; min-width:0; text-align:center; font-size:10px; color:var(--muted); }
.bar-pair { height:145px; margin-bottom:10px; }.bar-pair svg { height:100%; width:100%; }
.revenue-bar { fill:#53765b; }.expense-bar { fill:#d0dec0; }
.chart-legend { display:flex; gap:20px; flex-wrap:wrap; padding:16px 28px 25px; font-size:11px; color:var(--muted); }
.chart-legend>span { display:flex; align-items:center; gap:7px; }.chart-legend i { display:inline-block; width:9px; height:9px; border-radius:3px; }.revenue-dot{background:#53765b}.expense-dot{background:#d0dec0}
.kpi-alert { display:flex; gap:12px; align-items:flex-start; padding:13px 0; border-bottom:1px solid var(--line); line-height:1.6; font-size:12px; }.kpi-alert .icon{flex-shrink:0;margin-top:2px}.kpi-alert.warning .icon{color:#bc7942}.kpi-alert+button{margin-top:18px}
.small-metrics .metric-value { font-size:23px; }.small-metrics { margin-top:24px; }
.closing-check { display:flex; align-items:center; justify-content:space-between; gap:15px; font-size:12px; padding:12px 0; border-bottom:1px solid var(--line); }.closing-check span{display:flex;gap:8px;align-items:center}
.month-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:7px; margin:20px 0; }.period-button { padding:10px; border:1px solid var(--line); border-radius:8px; background:#fafbf9; }.period-button small{display:block;color:var(--muted);font-size:9px;margin-top:5px}.period-button.closed{background:#e7f0dd;border-color:#bdcdb0}
.connection-card { padding:26px; display:flex; flex-direction:column; align-items:flex-start; gap:13px; }.connection-logo{width:42px;height:42px;display:grid;place-items:center;background:#e9efdf;color:var(--green);font-weight:650;border-radius:12px}.connection-card p { color:var(--muted); font-size:12px; }.connection-card .button{margin-top:auto}.adapter-list{padding:20px 25px;display:flex;flex-wrap:wrap;gap:10px}.adapter-list span{padding:10px 15px;border:1px solid var(--line);border-radius:8px;font-size:12px}
.token-value { width:100%; padding:13px; margin-top:10px; font-family:monospace; border:1px solid var(--line); border-radius:6px; }
.signed-out { background:radial-gradient(ellipse at 75% 20%,#d9e6cb,transparent 60%),radial-gradient(ellipse at 15% 80%,#eee3d7,transparent 60%),#f6f7f2; }
.login-panel { padding:44px; border-radius:18px; box-shadow:0 24px 80px #30493415; }
.login-panel .button { justify-content:center; min-height:44px; }
@media(min-width:1500px) { .sidebar{width:252px}.shell{margin-left:252px} }
@media(max-width:1150px) { .sidebar{width:230px;padding-inline:13px}.shell{margin-left:230px}.profile{margin:0 -13px}.records-table td{padding:14px}.financial-chart{gap:6px;padding-inline:18px}.metric-value{font-size:25px} }
@media(max-width:900px) { .sidebar{width:214px}.shell{margin-left:214px}#nav a{font-size:11px}.records-toolbar{padding:16px;align-items:flex-start;flex-wrap:wrap}.small-metrics .metric-value{font-size:21px}.heading-actions{flex-wrap:wrap}.records-table{min-width:640px} }
@media(max-width:650px) { .sidebar{width:270px;z-index:60;transform:translateX(-100%);transition:transform .2s}.sidebar.open{transform:translateX(0)}.shell{margin-left:0}#nav a{font-size:13px;min-height:40px}.table-pagination{padding:14px;flex-wrap:wrap}.settings-panel{padding:20px}.financial-chart{gap:3px}.month-grid{grid-template-columns:repeat(4,1fr)}.login-panel{padding:30px}.year-picker{width:100%}.document-top{align-items:flex-start;gap:12px;flex-wrap:wrap}dialog.wide{width:calc(100vw - 20px)}.record-actions .button{flex:1;justify-content:center;min-width:120px}.empty-state{padding:38px 20px}.profile{padding-bottom:20px} }
@media print { body{background:#fff}.sidebar,.shell,#toast,dialog .dialog-head button,.record-actions,.form-error{display:none!important}dialog[open]{position:static;display:block!important;border:0;box-shadow:none;width:100%!important;max-width:none!important;max-height:none;overflow:visible}dialog::backdrop{display:none}dialog .dialog-body,dialog .dialog-head{padding:12px 0}.dialog-head:before{content:'Brilliantis';font-weight:bold;color:#335d49;margin-right:25px}table{break-inside:auto}tr{break-inside:avoid} }
.document-page { background:#eef0eb; padding:36px 20px; }.document-sheet { background:white; width:min(100%,840px); margin:auto; padding:60px; box-shadow:0 6px 50px #182d1610; color:#212923; }.invoice-brand { display:flex; justify-content:space-between; align-items:center; padding-bottom:30px; border-bottom:2px solid #355b43; }.invoice-brand>div{display:flex;align-items:center;gap:10px;font-size:21px;font-weight:650}.invoice-brand>strong{font-size:14px}.invoice-parties { display:grid;grid-template-columns:1fr 1fr;gap:25px;margin:40px 0;line-height:1.8;font-size:13px}.invoice-parties small{font-size:9px;letter-spacing:1.6px;color:var(--muted)}.document-sheet h1{font-size:26px}.document-sheet h2{margin-top:14px;font-size:15px}.invoice-meta{display:flex;gap:40px;margin:30px 0;font-size:11px}.invoice-meta dt{color:var(--muted);margin-bottom:5px}.invoice-meta dd{margin:0}.invoice-lines{width:100%;font-size:12px}.invoice-lines td,.invoice-lines th{padding:13px 9px}.invoice-lines td:nth-child(2){white-space:pre-wrap}.invoice-notes{font-size:12px;line-height:1.8;white-space:pre-wrap;margin:20px 0}.invoice-footer{display:grid;grid-template-columns:1fr 1fr 1fr;gap:20px;border-top:1px solid var(--line);padding-top:20px;margin-top:60px;font-size:9px;color:var(--muted);line-height:1.8}
@media(max-width:650px){.document-sheet{padding:25px}.document-page{padding:10px}.invoice-meta{gap:20px}.invoice-lines{font-size:10px}.invoice-lines td,.invoice-lines th{padding:8px 4px}.invoice-footer{grid-template-columns:1fr}.invoice-brand{gap:15px}}
@media print{.document-page{padding:0;background:#fff}.document-sheet{box-shadow:none;padding:0;width:100%;max-width:none}.invoice-footer{grid-template-columns:1fr 1fr 1fr} @page{size:A4;margin:18mm}}
#nav .nav-separator {height:1px;background:#ffffff12;margin:17px 0 12px}#nav .nav-label{margin-top:0;margin-bottom:11px}

/* Portable briefs keep long text and manual delivery legible on phones. */
.briefing-editions{margin-top:24px;border-top:1px solid var(--line);padding-top:20px}
.briefing-edition{display:flex;justify-content:space-between;gap:16px;padding:16px 0;border-bottom:1px solid var(--line)}
.briefing-edition p{margin:4px 0}.briefing-edition small{overflow-wrap:anywhere}
.detail-grid .full dd{white-space:pre-wrap;overflow-wrap:anywhere}
.form-grid label[hidden]{display:none}
@media(max-width:640px){.briefing-edition{flex-direction:column}.briefing-edition .record-actions{justify-content:flex-start}}