:root {
  --ink: #183c35;
  --muted: #73827c;
  --bg: #f6f7f3;
  --line: #e1e7df;
  --green: #1b5145;
  --lime: #dbedb6;
  --white: #fff;
  --red: #a4483c;
  font-family:
    Inter,
    ui-sans-serif,
    system-ui,
    -apple-system,
    BlinkMacSystemFont,
    "Segoe UI",
    sans-serif;
  color: #233b33;
  background: var(--bg);
  font-synthesis: none;
}
* {
  box-sizing: border-box;
}
body {
  margin: 0;
}
button,
input,
select,
textarea {
  font: inherit;
}
button,
a,
input,
textarea,
select {
  outline-offset: 4px;
}
button {
  cursor: pointer;
}
button:disabled {
  opacity: 0.5;
  cursor: wait;
}
a {
  color: var(--green);
}
h1,
h2,
h3,
p {
  margin-top: 0;
}
h1 {
  font-size: 32px;
  letter-spacing: -1.1px;
  font-weight: 550;
}
h2 {
  font-size: 19px;
  letter-spacing: -0.4px;
}
h3 {
  font-size: 14px;
}
small,
.muted {
  color: var(--muted);
}
.loading {
  padding: 80px;
  text-align: center;
}
.auth {
  min-height: 100vh;
  display: grid;
  grid-template-columns: 1.05fr 1fr;
}
.auth-story {
  background: var(--ink);
  color: #f6f7ef;
  padding: 60px 9%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  min-height: 100vh;
  position: relative;
  overflow: hidden;
}
.brand {
  display: flex;
  align-items: center;
  gap: 10px;
  font-size: 18px;
  font-weight: 650;
  letter-spacing: 2px;
}
.brand-mark {
  display: inline-grid;
  place-items: center;
  width: 35px;
  height: 35px;
  border-radius: 10px;
  background: var(--lime);
  color: var(--ink);
  font-size: 22px;
  letter-spacing: 0;
}
.auth-story h1 {
  font-family: Georgia, serif;
  font-size: clamp(42px, 4.4vw, 70px);
  font-weight: 400;
  line-height: 1.12;
  margin: 65px 0 24px;
}
.auth-story h1 em {
  color: var(--lime);
  font-weight: 400;
}
.auth-story p {
  color: #c1d0c7;
  max-width: 390px;
  line-height: 1.8;
}
.eyebrow {
  font-size: 11px;
  text-transform: uppercase;
  letter-spacing: 1.8px;
  font-weight: 650;
}
.wave {
  display: flex;
  align-items: center;
  gap: 6px;
  height: 90px;
  margin: 35px 0;
}
.wave i {
  width: 5px;
  border-radius: 5px;
  background: var(--lime);
  height: 25px;
}
.wave i:nth-child(3n) {
  height: 63px;
}
.wave i:nth-child(2n) {
  height: 40px;
}
.wave i:nth-child(5n) {
  height: 80px;
}
.auth-form {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 50px;
}
.auth-box {
  width: 100%;
  max-width: 390px;
}
.auth-box h2 {
  font-size: 29px;
  font-weight: 550;
}
.auth-box p {
  font-size: 14px;
  line-height: 1.7;
}
.tabs {
  display: flex;
  border-bottom: 1px solid var(--line);
  gap: 25px;
  margin: 30px 0;
}
.tabs button {
  border: 0;
  background: none;
  padding: 12px 0;
  color: var(--muted);
}
.tabs button.active {
  color: var(--green);
  border-bottom: 2px solid var(--green);
}
label {
  font-size: 12px;
  font-weight: 600;
  display: block;
  margin-bottom: 16px;
}
input,
select,
textarea {
  display: block;
  width: 100%;
  border: 1px solid #d7ded5;
  border-radius: 7px;
  padding: 11px 12px;
  background: white;
  color: var(--ink);
  margin-top: 7px;
  min-width: 0;
}
textarea {
  min-height: 100px;
  resize: vertical;
}
input:focus,
textarea:focus,
select:focus {
  border-color: var(--green);
  outline: 2px solid #1b51451c;
}
.btn {
  border: 1px solid var(--line);
  border-radius: 7px;
  padding: 10px 16px;
  background: #fff;
  color: var(--ink);
  font-size: 12px;
  font-weight: 600;
  display: inline-flex;
  gap: 8px;
  align-items: center;
  justify-content: center;
  text-decoration: none;
  white-space: nowrap;
}
.btn.primary {
  background: var(--green);
  border-color: var(--green);
  color: white;
}
.btn.light {
  background: var(--lime);
  border-color: var(--lime);
}
.btn.danger {
  color: var(--red);
}
.btn.full {
  width: 100%;
}
.link-button {
  border: 0;
  background: none;
  color: var(--green);
  padding: 7px;
  font-size: 12px;
}
.error {
  color: var(--red);
  font-size: 13px;
  line-height: 1.6;
}
.check {
  display: flex;
  gap: 10px;
  align-items: flex-start;
  font-weight: 400;
  line-height: 1.6;
}
.check input {
  display: inline-block;
  width: 16px;
  margin: 3px 0 0;
  accent-color: var(--green);
}
.shell {
  display: grid;
  grid-template-columns: 230px 1fr;
  min-height: 100vh;
}
.sidebar {
  background: #fcfdf9;
  border-right: 1px solid var(--line);
  padding: 30px 20px;
  display: flex;
  flex-direction: column;
  position: sticky;
  top: 0;
  height: 100vh;
}
.sidebar .brand {
  font-size: 14px;
  letter-spacing: 1.5px;
  margin-bottom: 30px;
}
.sidebar .brand-mark {
  width: 30px;
  height: 30px;
  font-size: 20px;
}
.workspace-select {
  font-size: 12px;
  background: var(--bg);
  margin: 0 0 32px;
  padding: 11px;
}
.nav-title {
  font-size: 10px;
  letter-spacing: 1.5px;
  color: #849087;
  margin: 10px 12px;
}
.nav button {
  width: 100%;
  text-align: left;
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 12px;
  margin: 4px 0;
  border: 0;
  background: transparent;
  color: #718077;
  border-radius: 7px;
  font-size: 12px;
}
.nav button.active {
  background: #eaf0e4;
  color: var(--green);
  font-weight: 650;
}
.icon {
  width: 19px;
  text-align: center;
  font-size: 18px;
}
.nav-count {
  margin-left: auto;
  background: #fff;
  padding: 2px 6px;
  border-radius: 4px;
  font-size: 10px;
}
.sidebar-bottom {
  margin-top: auto;
}
.voice-card {
  background: var(--ink);
  border-radius: 10px;
  padding: 17px;
  color: white;
  margin: 28px 0 20px;
}
.voice-card small {
  color: #b9d0bf;
  font-size: 11px;
}
.voice-card h3 {
  margin: 13px 0 8px;
}
.voice-card p {
  color: #c5d5c8;
  font-size: 11px;
  line-height: 1.6;
}
.voice-card button {
  background: var(--lime);
  border: 0;
  border-radius: 5px;
  padding: 8px;
  width: 100%;
  font-size: 11px;
  color: var(--ink);
}
.profile {
  display: flex;
  align-items: center;
  gap: 10px;
  padding-top: 18px;
  border-top: 1px solid var(--line);
  font-size: 11px;
}
.avatar {
  width: 32px;
  height: 32px;
  border-radius: 50%;
  background: #e5eadf;
  display: grid;
  place-items: center;
  color: var(--ink);
  font-weight: 600;
  flex-shrink: 0;
}
.profile .identity {
  min-width: 0;
  overflow: hidden;
}
.profile small {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 10px;
  margin-top: 4px;
}
.profile button {
  margin-left: auto;
}
.main {
  min-width: 0;
}
.topbar {
  height: 76px;
  border-bottom: 1px solid var(--line);
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 38px;
  font-size: 11px;
  color: var(--muted);
  background: #fcfdf9;
}
.topbar strong {
  color: var(--ink);
  font-weight: 500;
}
.status-dot {
  display: inline-block;
  width: 7px;
  height: 7px;
  background: #819c69;
  border-radius: 50%;
  margin-right: 6px;
}
.content {
  padding: 35px 38px;
  max-width: 1550px;
  margin: auto;
}
.heading {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  margin-bottom: 30px;
}
.heading h1 {
  margin: 7px 0 9px;
}
.heading p {
  font-size: 12px;
  color: var(--muted);
  margin: 0;
}
.actions {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
}
.welcome {
  display: grid;
  grid-template-columns: 1fr auto;
  gap: 20px;
  background: #eaf0e1;
  border: 1px solid #e0e8d5;
  border-radius: 12px;
  padding: 25px 28px;
  margin-bottom: 24px;
  align-items: center;
}
.welcome h2 {
  font-family: Georgia, serif;
  font-size: 24px;
  font-weight: 400;
  margin-bottom: 8px;
}
.welcome p {
  font-size: 12px;
  line-height: 1.7;
  max-width: 640px;
  margin-bottom: 0;
  color: #61745d;
}
.stats {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 16px;
  margin-bottom: 27px;
}
.stat {
  border: 1px solid var(--line);
  padding: 21px;
  background: white;
  border-radius: 10px;
}
.stat-head {
  display: flex;
  justify-content: space-between;
  color: var(--muted);
  font-size: 11px;
}
.stat-number {
  font-size: 32px;
  letter-spacing: -1px;
  margin: 12px 0 8px;
  font-weight: 500;
}
.stat small {
  font-size: 10px;
}
.panel {
  border: 1px solid var(--line);
  border-radius: 10px;
  background: white;
  overflow: hidden;
  margin-bottom: 22px;
}
.panel-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 22px 24px;
  gap: 14px;
}
.panel-header h2 {
  margin: 0;
}
.panel-header small {
  font-size: 11px;
}
.filters {
  padding: 0 24px 20px;
  display: flex;
  gap: 10px;
}
.filters input {
  margin: 0;
  max-width: 300px;
  font-size: 12px;
  background: #fbfcf9;
}
.filters select {
  margin: 0;
  width: auto;
  font-size: 12px;
  background: #fbfcf9;
}
.table-wrap {
  overflow-x: auto;
}
table {
  border-collapse: collapse;
  width: 100%;
  font-size: 12px;
  text-align: left;
  white-space: nowrap;
}
th {
  font-weight: 500;
  color: #7b877f;
  background: #f8faf5;
  font-size: 10px;
  text-transform: uppercase;
  letter-spacing: 0.7px;
  padding: 13px 24px;
  border-block: 1px solid var(--line);
}
td {
  padding: 18px 24px;
  border-bottom: 1px solid #edf0e9;
}
tr:last-child td {
  border-bottom: 0;
}
.lead-name {
  display: flex;
  gap: 10px;
  align-items: center;
}
.lead-name .avatar {
  border-radius: 9px;
  font-size: 11px;
}
.lead-name small {
  font-size: 10px;
  display: block;
  margin-top: 4px;
}
.lead-link {
  border: 0;
  background: none;
  text-align: left;
  padding: 0;
  color: var(--ink);
  font-size: 12px;
  font-weight: 600;
}
.badge {
  padding: 5px 8px;
  border-radius: 5px;
  font-size: 10px;
  display: inline-block;
  background: #f0f2ed;
  color: #7b8177;
}
.badge.good {
  background: #e8f2e3;
  color: #4b7940;
}
.badge.progress {
  background: #e9eff8;
  color: #627da1;
}
.badge.warn {
  background: #fbefdd;
  color: #a58549;
}
.badge.bad {
  background: #faeae4;
  color: #af6a55;
}
.score {
  display: flex;
  align-items: center;
  gap: 9px;
  font-size: 11px;
}
.score-track {
  width: 45px;
  height: 4px;
  background: #e9eee4;
  border-radius: 5px;
  overflow: hidden;
}
.score-fill {
  height: 100%;
  background: #75a15a;
}
.score-fill[data-level="high"] {
  width: 100%;
}
.score-fill[data-level="mid"] {
  width: 65%;
}
.score-fill[data-level="low"] {
  width: 30%;
}
.empty {
  text-align: center;
  padding: 60px 25px;
}
.empty-icon {
  width: 50px;
  height: 50px;
  border-radius: 14px;
  background: #eef3e6;
  margin: 0 auto 18px;
  display: grid;
  place-items: center;
  font-size: 25px;
  color: #668956;
}
.empty h3 {
  font-size: 16px;
  font-weight: 500;
}
.empty p {
  max-width: 390px;
  margin: 0 auto 20px;
  font-size: 12px;
  color: var(--muted);
  line-height: 1.8;
}
.lower {
  display: grid;
  grid-template-columns: 1.3fr 1fr;
  gap: 22px;
}
.activity {
  padding: 0 24px 15px;
}
.activity-item {
  display: flex;
  gap: 14px;
  padding: 14px 0;
  border-bottom: 1px solid #f0f2ec;
  font-size: 11px;
}
.activity-item:last-child {
  border: 0;
}
.activity-item small {
  font-size: 10px;
  display: block;
  margin-top: 6px;
}
.activity-dot {
  height: 8px;
  width: 8px;
  background: #9bb779;
  border-radius: 50%;
  margin-top: 4px;
  flex-shrink: 0;
}
.steps {
  padding: 0 24px 24px;
}
.step {
  display: flex;
  gap: 12px;
  margin: 18px 0;
  font-size: 11px;
  line-height: 1.7;
}
.step span {
  width: 23px;
  height: 23px;
  border: 1px solid #dbe4d1;
  border-radius: 50%;
  display: grid;
  place-items: center;
  color: #83976e;
  flex-shrink: 0;
}
.step p {
  margin: 2px 0 0;
  color: var(--muted);
}
dialog {
  padding: 0;
  border: 1px solid var(--line);
  border-radius: 13px;
  width: 620px;
  max-width: calc(100vw - 24px);
  max-height: 90vh;
  box-shadow: 0 24px 90px #14271b35;
  color: var(--ink);
}
dialog::backdrop {
  background: #0c251f65;
  backdrop-filter: blur(3px);
}
.modal-head {
  padding: 23px 26px;
  border-bottom: 1px solid var(--line);
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.modal-head h2 {
  margin: 0;
}
.modal-head button {
  border: 0;
  background: none;
  font-size: 24px;
  color: var(--muted);
}
.modal-body {
  padding: 24px 26px;
}
.row {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 16px;
}
.form-note {
  font-size: 11px;
  line-height: 1.7;
  color: var(--muted);
  margin-bottom: 20px;
}
.form-actions {
  display: flex;
  justify-content: flex-end;
  gap: 10px;
  margin-top: 22px;
}
.detail-grid {
  display: grid;
  grid-template-columns: 1fr 1.4fr;
  gap: 22px;
}
.box-body {
  padding: 24px;
}
.metadata {
  font-size: 12px;
  line-height: 2.3;
}
.metadata dt {
  color: var(--muted);
  font-size: 11px;
}
.metadata dd {
  margin: 0 0 14px;
  overflow-wrap: anywhere;
}
.call {
  border: 1px solid var(--line);
  border-radius: 8px;
  padding: 18px;
  margin-bottom: 16px;
  font-size: 12px;
}
.call-head {
  display: flex;
  justify-content: space-between;
  gap: 12px;
  align-items: center;
}
.call p {
  line-height: 1.8;
  white-space: pre-wrap;
  margin: 14px 0 0;
}
.call details {
  margin-top: 15px;
}
.call summary {
  cursor: pointer;
  color: var(--muted);
  font-size: 11px;
}
.transcript {
  max-height: 320px;
  overflow: auto;
  background: var(--bg);
  padding: 14px;
  font-size: 11px;
}
.settings-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 22px;
}
.section-intro {
  font-size: 12px;
  color: var(--muted);
  line-height: 1.8;
  margin-bottom: 25px;
}
.rule {
  background: var(--bg);
  padding: 15px;
  border-radius: 6px;
  font-size: 11px;
  line-height: 1.8;
  margin-bottom: 18px;
}
.member {
  display: flex;
  justify-content: space-between;
  border-bottom: 1px solid var(--line);
  padding: 15px 0;
  font-size: 12px;
}
.member small {
  display: block;
  margin-top: 6px;
}
.footnote {
  font-size: 10px;
  color: #8e998d;
  text-align: center;
  margin-top: 28px;
}
.back {
  margin-bottom: 18px;
}
#toast {
  position: fixed;
  bottom: 25px;
  left: 50%;
  transform: translateX(-50%);
  background: var(--ink);
  color: white;
  padding: 13px 22px;
  border-radius: 8px;
  font-size: 12px;
  z-index: 10;
  display: none;
  max-width: 90vw;
}
.help {
  font-size: 11px;
  line-height: 1.8;
  color: var(--muted);
}
.inline-code {
  background: #edf1e7;
  padding: 2px 5px;
  border-radius: 3px;
  font-family: monospace;
}
.invite-link {
  word-break: break-all;
  font-size: 12px;
  background: var(--bg);
  padding: 15px;
  border-radius: 6px;
}
.mobile-brand {
  display: none;
}
@media (min-width: 1600px) {
  .content {
    padding-top: 45px;
  }
}
@media (max-width: 1100px) {
  .shell {
    grid-template-columns: 190px 1fr;
  }
  .sidebar {
    padding: 25px 14px;
  }
  .sidebar .brand {
    font-size: 11px;
  }
  .content {
    padding: 28px 24px;
  }
  .topbar {
    padding: 0 24px;
  }
  .stats {
    gap: 10px;
  }
  .stat {
    padding: 17px;
  }
  .heading h1 {
    font-size: 27px;
  }
  .settings-grid {
    grid-template-columns: 1fr;
  }
  .detail-grid {
    grid-template-columns: 1fr;
  }
  .lower {
    grid-template-columns: 1fr 1fr;
  }
  .welcome {
    padding: 22px;
  }
  .welcome h2 {
    font-size: 22px;
  }
}
@media (max-width: 760px) {
  .auth {
    grid-template-columns: 1fr;
  }
  .auth-story {
    min-height: auto;
    padding: 30px;
  }
  .auth-story h1 {
    font-size: 40px;
    margin: 35px 0 20px;
  }
  .auth-story .wave,
  .auth-story footer {
    display: none;
  }
  .auth-form {
    padding: 35px 24px;
  }
  .shell {
    display: block;
  }
  .sidebar {
    height: auto;
    position: static;
    padding: 18px;
    border-right: 0;
    border-bottom: 1px solid var(--line);
  }
  .sidebar .brand {
    margin-bottom: 15px;
    font-size: 15px;
  }
  .workspace-select {
    margin-bottom: 12px;
  }
  .nav {
    display: flex;
    overflow: auto;
    gap: 6px;
  }
  .nav-title,
  .sidebar-bottom {
    display: none;
  }
  .nav button {
    width: auto;
    white-space: nowrap;
    padding: 9px;
  }
  .nav-count {
    display: none;
  }
  .topbar {
    height: 48px;
    padding: 0 20px;
  }
  .content {
    padding: 24px 18px;
  }
  .heading {
    align-items: flex-start;
    flex-wrap: wrap;
    margin-bottom: 24px;
  }
  .heading h1 {
    font-size: 27px;
  }
  .stats {
    grid-template-columns: repeat(2, 1fr);
  }
  .stat-number {
    font-size: 29px;
  }
  .welcome {
    grid-template-columns: 1fr;
  }
  .welcome .btn {
    justify-self: start;
  }
  .lower {
    grid-template-columns: 1fr;
    gap: 0;
  }
  .panel-header {
    padding: 19px;
  }
  .panel-header h2 {
    font-size: 16px;
  }
  .filters {
    padding: 0 19px 15px;
    flex-wrap: wrap;
  }
  .filters input {
    max-width: none;
    flex: 1;
    min-width: 130px;
  }
  .filters select {
    max-width: 150px;
  }
  th,
  td {
    padding-left: 18px;
    padding-right: 18px;
  }
  .row {
    grid-template-columns: 1fr;
    gap: 0;
  }
  .modal-body {
    padding: 22px;
  }
  .settings-grid {
    gap: 0;
  }
  .topbar .muted {
    display: none;
  }
}
/* ACCORDELIA visual system: ink, paper and sage. */
:root {
  --ink: #183c35;
  --green: #244e42;
  --bg: #f5f5f0;
  --lime: #ddebba;
  --muted: #7b847b;
  --line: #e2e5dc;
  font-family: "Aptos", "Segoe UI", system-ui, sans-serif;
}
button {
  transition:
    background 0.18s,
    box-shadow 0.18s,
    transform 0.18s;
}
.btn:hover {
  background: #f3f5ed;
  border-color: #c4cfbd;
}
.btn.primary:hover {
  background: #143d32;
  box-shadow: 0 3px 10px #193b3220;
}
.btn:active {
  transform: translateY(1px);
}
.btn:disabled {
  cursor: not-allowed;
  transform: none;
}
.svg-icon {
  width: 17px;
  height: 17px;
  flex-shrink: 0;
  vertical-align: middle;
}
.brand {
  font-size: 26px;
  font-weight: 550;
  letter-spacing: -1.1px;
  gap: 11px;
  line-height: 1;
}
.brand img {
  border-radius: 10px;
}
.brand-period {
  color: #9caf78;
}
.sidebar .brand {
  font-size: 24px;
  letter-spacing: -1px;
  margin-bottom: 34px;
}
.sidebar .brand img {
  width: 33px;
  height: 33px;
}
.sidebar {
  padding: 31px 21px;
  background: #fbfcf7;
}
.shell {
  grid-template-columns: 240px 1fr;
}
.nav button {
  font-size: 12px;
  padding: 12px 13px;
  gap: 10px;
}
.nav button:hover {
  background: #eff2e9;
}
.nav button.active {
  background: #e8eedd;
  box-shadow: inset 3px 0 0 #6f8b50;
}
.nav .icon {
  display: flex;
  align-items: center;
}
.workspace-select {
  font-size: 12px;
  background: #f5f6ef;
  border: 1px solid var(--line);
  padding: 12px;
}
.content {
  padding: 38px 42px;
}
.heading {
  margin-bottom: 30px;
}
.heading .eyebrow {
  color: #8b967f;
  font-size: 10px;
  letter-spacing: 1.6px;
}
.heading h1 {
  font-family: Georgia, "Times New Roman", serif;
  font-size: 35px;
  letter-spacing: -1.3px;
  font-weight: 400;
  line-height: 1.25;
  margin: 10px 0;
}
.heading p {
  line-height: 1.7;
  font-size: 12px;
}
.topbar {
  height: 74px;
  background: #fafbf6;
  padding: 0 42px;
}
.welcome {
  border-radius: 8px;
  background: #e9eedf;
  padding: 28px 30px;
  position: relative;
  overflow: hidden;
}
.welcome h2 {
  font-size: 26px;
}
.stat {
  border-radius: 8px;
  position: relative;
  padding: 23px;
}
.stat-number {
  font-size: 36px;
  font-weight: 450;
  color: var(--ink);
  font-variant-numeric: tabular-nums;
}
.stat-head {
  font-size: 12px;
}
.stat small {
  font-size: 11px;
}
.panel {
  border-radius: 9px;
  box-shadow: 0 2px 5px #253a2210;
}
.panel-header h2 {
  font-size: 16px;
  font-weight: 550;
  letter-spacing: -0.2px;
}
.lead-name .avatar {
  background: #edf0e5;
  color: #64805b;
  font-weight: 600;
  border: 1px solid #e1e7d9;
}
.footnote {
  letter-spacing: 0.4px;
  margin-top: 35px;
}
.auth-story {
  padding: 48px 8%;
  background: #193d34;
  background-image: radial-gradient(
    ellipse at 0% 100%,
    #526a4630,
    transparent 60%
  );
}
.auth-story .brand {
  font-size: 30px;
  color: #f5f5e9;
}
.auth-story .brand img {
  border: 1px solid #8fa67c55;
  width: 42px;
  height: 42px;
}
.auth-story h1 {
  font-size: clamp(44px, 4.6vw, 73px);
  letter-spacing: -2px;
  line-height: 1.08;
  margin: 28px 0;
}
.auth-story .eyebrow {
  color: #a4b895;
  font-size: 10px;
  letter-spacing: 1.5px;
  margin-top: 50px;
}
.auth-story p {
  font-size: 13px;
  max-width: 390px;
  color: #b6c9b8;
  line-height: 1.9;
}
.auth-story footer small {
  color: #95af98;
  font-size: 10px;
  letter-spacing: 0.8px;
}
.auth-form {
  background: #fafbf7;
}
.auth-box {
  max-width: 375px;
}
.auth-box .eyebrow {
  font-size: 10px;
  color: #84917b;
  margin-bottom: 16px;
}
.auth-box h2 {
  font-family: Georgia, serif;
  font-size: 32px;
  font-weight: 400;
  line-height: 1.2;
}
.auth-box > p {
  font-size: 12px;
}
.auth-box .tabs button {
  font-size: 12px;
}
.auth-box .btn {
  padding: 13px 18px;
}
.auth-box label {
  font-size: 11px;
}
.conversation-preview {
  margin: 35px 0;
  max-width: 390px;
  border-top: 1px solid #9eb88e33;
}
.preview-heading {
  font-size: 9px;
  letter-spacing: 1.7px;
  color: #98ad8d;
  padding: 20px 0 8px;
}
.preview-light {
  display: inline-block;
  width: 5px;
  height: 5px;
  background: #dbeaab;
  border-radius: 50%;
  margin-right: 8px;
}
.preview-message {
  display: flex;
  align-items: center;
  gap: 20px;
  border-bottom: 1px solid #9eb88e22;
  padding: 14px 0;
}
.preview-message > span {
  font-family: Georgia, serif;
  color: #90a47a;
  font-size: 24px;
  font-style: italic;
  min-width: 29px;
}
.preview-message p {
  margin: 0;
  color: #e2ead7;
  font-size: 13px;
  font-weight: 450;
}
.preview-message small {
  display: block;
  color: #94ad98;
  font-size: 10px;
  font-weight: 400;
}
.search-field {
  display: flex;
  align-items: center;
  position: relative;
  max-width: 340px;
  flex: 1;
}
.search-field > .svg-icon {
  position: absolute;
  left: 12px;
  color: #8a9680;
}
.search-field input {
  max-width: none;
  padding-left: 38px;
}
.pagination {
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-top: 1px solid var(--line);
  padding: 17px 24px;
  font-size: 11px;
  color: var(--muted);
}
.pagination .btn {
  font-size: 11px;
  padding: 7px 11px;
}
.import-layout {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 270px;
  gap: 24px;
}
.import-main {
  min-width: 0;
}
.import-stepper {
  display: flex;
  padding: 0 5px 26px;
  gap: 12px;
  align-items: center;
}
.import-step {
  display: flex;
  align-items: center;
  gap: 8px;
  flex: 1;
  color: #a0a797;
  position: relative;
  font-size: 11px;
}
.import-step:after {
  content: "";
  height: 1px;
  background: #e1e5d8;
  flex: 1;
  margin-left: 5px;
}
.import-step:last-child {
  flex: initial;
}
.import-step:last-child:after {
  display: none;
}
.import-step > span {
  border: 1px solid #d9e0ce;
  border-radius: 50%;
  width: 27px;
  height: 27px;
  display: grid;
  place-items: center;
  font-size: 10px;
  flex-shrink: 0;
}
.import-step strong {
  font-weight: 500;
}
.import-step.current {
  color: var(--ink);
}
.import-step.current > span {
  background: var(--ink);
  border-color: var(--ink);
  color: white;
}
.import-step.complete {
  color: #6f8c53;
}
.import-step.complete > span {
  background: #e6eed8;
  border-color: #d3dfc0;
}
.import-step .svg-icon {
  width: 13px;
}
.import-main > .panel > .box-body {
  padding: 32px;
}
.section-tag {
  font-size: 9px;
  letter-spacing: 1.8px;
  color: #7d8d6e;
  font-weight: 650;
  display: block;
  margin-bottom: 17px;
}
.import-aside {
  padding-top: 53px;
}
.import-aside h2 {
  font-family: Georgia, serif;
  font-size: 24px;
  font-weight: 400;
  line-height: 1.2;
  margin-bottom: 28px;
}
.import-tip {
  display: flex;
  gap: 12px;
  margin: 25px 0;
}
.import-tip:last-child {
  margin-bottom: 0;
}
.import-tip > .svg-icon {
  color: #81956b;
  margin-top: 1px;
  width: 18px;
}
.import-tip strong {
  font-size: 11px;
  font-weight: 600;
}
.import-tip p {
  font-size: 11px;
  line-height: 1.8;
  color: var(--muted);
  margin: 6px 0;
}
.upload-title {
  text-align: center;
}
.upload-title h2 {
  font-family: Georgia, serif;
  font-size: 31px;
  font-weight: 400;
  letter-spacing: -0.8px;
  line-height: 1.2;
}
.upload-title p {
  font-size: 12px;
  color: var(--muted);
  line-height: 1.8;
}
.upload-illustration {
  height: 140px;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 15px;
}
.upload-illustration:before {
  content: "";
  width: 165px;
  height: 110px;
  background: #eef1e3;
  position: absolute;
  transform: rotate(-9deg);
  border-radius: 45%;
}
.file-art {
  display: flex;
  position: relative;
  flex-direction: column;
  align-items: flex-start;
  width: 88px;
  height: 110px;
  background: #fffef9;
  border: 1px solid #d8e1cb;
  border-radius: 8px;
  padding: 15px;
  box-shadow: 5px 9px 20px #6c78521a;
  transform: rotate(7deg);
}
.file-art > .svg-icon {
  width: 24px;
  height: 24px;
  color: #879a6c;
  margin-bottom: 8px;
}
.file-art > span {
  font-size: 8px;
  letter-spacing: 1.8px;
  color: #6d845a;
  margin-bottom: 8px;
}
.file-art i {
  width: 50px;
  height: 2px;
  background: #e4e9dc;
  margin: 3px 0;
}
.file-art i:last-child {
  width: 32px;
}
.file-art-check {
  position: absolute;
  left: calc(50% + 23px);
  top: 88px;
  background: #37563b;
  border: 4px solid white;
  border-radius: 50%;
  width: 31px;
  height: 31px;
  color: #e8f1dc;
  display: grid;
  place-items: center;
}
.file-art-check > .svg-icon {
  width: 14px;
}
.drop-zone {
  position: relative;
  border: 1.5px dashed #c6d2b7;
  background: #f9fbf5;
  border-radius: 9px;
  min-height: 170px;
  padding: 27px 20px;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  gap: 8px;
  margin: 28px 0 10px;
  cursor: pointer;
  transition:
    background 0.2s,
    border-color 0.2s;
}
.drop-zone:hover,
.drop-zone.dragging {
  background: #eef4e3;
  border-color: #7e9a66;
}
.drop-zone > strong {
  font-size: 12px;
  font-weight: 550;
}
.drop-zone > span {
  font-size: 10px;
  color: var(--muted);
  font-weight: 400;
}
.drop-zone .upload-icon {
  color: #6f8959;
  margin-bottom: 6px;
}
.drop-zone .upload-icon .svg-icon {
  width: 25px;
  height: 25px;
}
.drop-zone input {
  position: absolute;
  inset: 0;
  opacity: 0;
  cursor: pointer;
  width: 100%;
  height: 100%;
  margin: 0;
}
.drop-zone:focus-within {
  outline: 2px solid var(--green);
  outline-offset: 3px;
}
#selected-file {
  color: #617e48;
  font-weight: 550;
}
.import-title {
  font-family: Georgia, serif;
  font-size: 30px;
  font-weight: 400;
  letter-spacing: -0.8px;
}
.mapping-table {
  border: 1px solid var(--line);
  border-radius: 7px;
  overflow: hidden;
  margin: 24px 0;
}
.mapping-row {
  display: grid;
  grid-template-columns: 1fr 1.2fr;
  gap: 20px;
  align-items: center;
  padding: 10px 16px;
  border-bottom: 1px solid #eef1e8;
  font-size: 12px;
  min-width: 0;
}
.mapping-row:last-child {
  border-bottom: 0;
}
.mapping-head {
  background: #f5f7ef;
  font-size: 9px;
  letter-spacing: 1px;
  color: #8b9680;
  padding: 13px 16px;
}
.mapping-label {
  margin: 0;
  min-width: 0;
}
.mapping-label select {
  font-size: 11px;
  margin: 0;
  padding: 9px;
}
.mapping-row em {
  font-style: normal;
  color: #869478;
  font-size: 9px;
  margin-left: 8px;
}
.import-summary {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 12px;
  margin: 24px 0;
}
.import-summary > div {
  background: #f3f6eb;
  padding: 17px;
  border-radius: 7px;
}
.import-summary > div:nth-child(2) {
  background: #f8f3e7;
}
.import-summary > div:nth-child(3) {
  background: #f8eeea;
}
.import-summary strong {
  font-size: 28px;
  font-weight: 500;
  display: block;
  margin-bottom: 7px;
}
.import-summary span {
  font-size: 10px;
  color: var(--muted);
}
.preview-scroll {
  max-height: 360px;
  overflow: auto;
  border: 1px solid var(--line);
  border-radius: 7px;
}
.preview-scroll th {
  position: sticky;
  top: 0;
  z-index: 1;
}
.preview-scroll th,
.preview-scroll td {
  padding: 12px 14px;
  font-size: 10px;
}
.validation-reason {
  display: block;
  margin-top: 7px;
  font-size: 10px;
  max-width: 230px;
  white-space: normal;
  line-height: 1.6;
}
.spread {
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
}
.import-success {
  text-align: center;
  padding: 45px 10px;
}
.import-success > .svg-icon {
  width: 46px;
  height: 46px;
  background: #e8f0db;
  color: #6c8a4b;
  border-radius: 50%;
  padding: 13px;
  margin-bottom: 25px;
}
.import-success h2 {
  font-family: Georgia, serif;
  font-size: 36px;
  font-weight: 400;
  line-height: 1.2;
  letter-spacing: -1px;
}
.import-success p {
  color: var(--muted);
  font-size: 12px;
  line-height: 1.9;
}
.import-success > .actions {
  justify-content: center;
  margin-top: 28px;
}
.import-history-item {
  display: flex;
  gap: 10px;
  border-top: 1px solid #edf0e5;
  padding: 14px 0;
  font-size: 10px;
}
.import-history-item > .svg-icon {
  color: #8c9c78;
}
.import-history-item strong {
  font-weight: 500;
  overflow-wrap: anywhere;
}
.import-history-item small {
  display: block;
  font-size: 9px;
  margin-top: 6px;
  line-height: 1.7;
}
@media (max-width: 1200px) {
  .import-layout {
    grid-template-columns: minmax(0, 1fr) 230px;
    gap: 18px;
  }
  .content {
    padding: 32px 28px;
  }
  .heading h1 {
    font-size: 30px;
  }
  .heading {
    flex-wrap: wrap;
  }
  .import-main > .panel > .box-body {
    padding: 24px;
  }
}
@media (max-width: 1000px) {
  .import-layout {
    grid-template-columns: 1fr;
  }
  .import-aside {
    padding-top: 0;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 20px;
  }
  .shell {
    grid-template-columns: 205px 1fr;
  }
  .sidebar .brand {
    font-size: 22px;
  }
  .sidebar {
    padding: 28px 16px;
  }
  .import-summary {
    gap: 8px;
  }
  .import-summary > div {
    padding: 14px;
  }
  .auth-story {
    padding: 40px 9%;
  }
}
@media (max-width: 760px) {
  .shell {
    display: block;
  }
  .sidebar {
    padding: 18px;
  }
  .sidebar .brand {
    margin-bottom: 16px;
  }
  .sidebar .brand img {
    width: 29px;
    height: 29px;
  }
  .nav {
    gap: 0;
  }
  .nav button {
    font-size: 11px;
    padding: 9px 10px;
    gap: 6px;
  }
  .nav .svg-icon {
    width: 15px;
  }
  .content {
    padding: 26px 18px;
  }
  .topbar {
    padding: 0 20px;
  }
  .heading h1 {
    font-size: 30px;
  }
  .heading .actions {
    width: 100%;
  }
  .heading .actions .btn {
    font-size: 11px;
    padding: 9px 11px;
  }
  .welcome {
    padding: 23px;
  }
  .auth-story {
    padding: 30px;
  }
  .auth-story h1 {
    font-size: 47px;
    letter-spacing: -1.4px;
  }
  .auth-story .eyebrow {
    margin-top: 35px;
  }
  .conversation-preview {
    display: none;
  }
  .auth-form {
    padding: 35px 25px;
  }
  .auth-story p {
    margin-bottom: 5px;
  }
  .auth-story .brand {
    font-size: 26px;
  }
  .import-aside {
    display: block;
  }
  .import-stepper {
    gap: 6px;
    padding-bottom: 20px;
  }
  .import-step {
    font-size: 10px;
    gap: 5px;
  }
  .import-step > span {
    width: 23px;
    height: 23px;
    font-size: 9px;
  }
  .import-step:after {
    margin-left: 0;
  }
  .import-main > .panel > .box-body {
    padding: 22px 18px;
  }
  .upload-title h2 {
    font-size: 28px;
  }
  .import-summary > div {
    padding: 12px 9px;
  }
  .import-summary span {
    font-size: 9px;
  }
  .import-summary strong {
    font-size: 25px;
  }
  .mapping-row {
    gap: 10px;
    padding: 10px 12px;
    font-size: 11px;
  }
  .import-success h2 {
    font-size: 30px;
  }
  .search-field {
    max-width: none;
  }
  .pagination {
    padding: 16px;
    gap: 10px;
  }
  .pagination .btn {
    font-size: 10px;
  }
  .stats {
    gap: 10px;
  }
  .stat {
    padding: 18px;
  }
  .stat-head {
    font-size: 11px;
  }
}
@media (prefers-reduced-motion: reduce) {
  * {
    transition: none !important;
    scroll-behavior: auto !important;
  }
}
/* Keep navigation, agent access and sign-out usable at short viewport heights. */
.sidebar {
  height: 100dvh;
  min-height: 0;
  overflow: hidden;
  padding-top: 22px;
  padding-bottom: 18px;
}
.sidebar > .brand {
  flex-shrink: 0;
  margin-bottom: 20px;
}
.sidebar > .sr-label {
  flex-shrink: 0;
  margin-bottom: 0;
}
.sidebar .workspace-select {
  margin-bottom: 16px;
}
.sidebar > .nav-title {
  flex-shrink: 0;
}
.sidebar > .nav {
  flex: 1;
  min-height: 70px;
  overflow-y: auto;
  overscroll-behavior: contain;
}
.sidebar-bottom {
  flex-shrink: 0;
  margin-top: 14px;
}
.voice-card {
  margin: 0 0 12px;
  padding: 15px;
}
.voice-card h3 {
  margin: 9px 0 7px;
  font-size: 12px;
}
.voice-card p {
  margin-bottom: 12px;
  font-size: 10px;
}
.profile {
  padding-top: 12px;
}
.header-tools {
  display: flex;
  gap: 16px;
  align-items: center;
}
.agent-status {
  font-size: 10px;
}
.logout-button {
  font-size: 11px;
  padding: 9px 12px;
}
.logout-button .svg-icon {
  width: 15px;
  height: 15px;
}
.workspace-breadcrumb {
  min-width: 0;
  overflow-wrap: anywhere;
}
.topbar {
  gap: 14px;
}
.agent-intro {
  display: flex;
  align-items: flex-start;
  gap: 21px;
  background: #e9efdf;
  border: 1px solid #dce6ce;
  padding: 27px 30px;
  border-radius: 10px;
  margin-bottom: 26px;
}
.agent-emblem {
  display: grid;
  place-items: center;
  border: 1px solid #cedcb8;
  border-radius: 13px;
  background: #f2f6e9;
  flex-shrink: 0;
  width: 50px;
  height: 50px;
  color: #698950;
}
.agent-emblem .svg-icon {
  width: 23px;
  height: 23px;
}
.agent-intro .section-tag {
  margin-bottom: 10px;
}
.agent-intro h2 {
  font-family: Georgia, serif;
  font-size: 27px;
  font-weight: 400;
  margin-bottom: 10px;
}
.agent-intro p {
  font-size: 12px;
  color: #697c61;
  line-height: 1.8;
  margin-bottom: 0;
  max-width: 850px;
}
fieldset {
  margin: 0;
  padding: 0;
  border: 0;
  min-width: 0;
}
.settings-grid textarea {
  min-height: 110px;
}
.settings-grid label {
  line-height: 1.6;
}
.context-preview-button {
  margin: 0 0 22px;
}
.preview-opening {
  padding: 20px;
  background: #edf2e4;
  border-radius: 8px;
  margin-bottom: 20px;
}
.preview-opening p {
  font-family: Georgia, serif;
  font-size: 19px;
  line-height: 1.5;
  margin: 0;
}
.agent-script {
  white-space: pre-wrap;
  overflow-wrap: anywhere;
  font:
    11px/1.9 ui-monospace,
    monospace;
  background: #f7f8f2;
  padding: 18px;
  border: 1px solid var(--line);
  border-radius: 8px;
  max-height: 45vh;
  overflow: auto;
}
.agent-brief-details summary {
  font-size: 12px;
  cursor: pointer;
}
.auth-story h1 {
  font-size: clamp(42px, 4.2vw, 67px);
}
@media (min-width: 761px) and (max-height: 720px) {
  .sidebar {
    padding: 16px;
  }
  .sidebar > .brand {
    margin-bottom: 14px;
  }
  .sidebar .workspace-select {
    margin-bottom: 10px;
    padding: 9px;
  }
  .nav button {
    padding: 9px 11px;
    margin: 2px 0;
  }
  .sidebar-bottom {
    margin-top: 10px;
  }
  .voice-card {
    padding: 12px;
  }
  .voice-card p {
    display: none;
  }
  .voice-card h3 {
    font-size: 11px;
  }
  .voice-card small {
    font-size: 9px;
  }
  .voice-card button {
    padding: 7px;
  }
  .profile {
    padding-top: 10px;
  }
  .sidebar .brand img {
    width: 29px;
    height: 29px;
  }
}
@media (max-width: 1050px) {
  .agent-status {
    display: none;
  }
  .topbar {
    padding-inline: 24px;
  }
  .agent-intro {
    padding: 23px;
  }
  .agent-intro h2 {
    font-size: 25px;
  }
}
@media (max-width: 760px) {
  .sidebar {
    height: auto;
    overflow: visible;
    padding: 18px;
  }
  .sidebar > .nav {
    min-height: 0;
    flex: none;
    overflow-x: auto;
    overflow-y: hidden;
  }
  .sidebar-bottom {
    display: block;
    margin-top: 14px;
  }
  .sidebar-bottom .profile {
    display: none;
  }
  .voice-card {
    display: grid;
    grid-template-columns: 1fr auto;
    gap: 4px 12px;
    padding: 13px 15px;
    margin: 0;
    align-items: center;
  }
  .voice-card small {
    font-size: 9px;
    grid-column: 1;
  }
  .voice-card h3 {
    grid-column: 1;
    font-size: 11px;
    margin: 2px 0;
  }
  .voice-card p {
    display: none;
  }
  .voice-card button {
    grid-column: 2;
    grid-row: 1 / 3;
    width: auto;
    font-size: 10px;
    padding: 9px;
  }
  .topbar {
    height: auto;
    min-height: 63px;
    padding: 12px 18px;
    align-items: center;
  }
  .logout-button {
    font-size: 10px;
    gap: 6px;
    padding: 8px;
  }
  .logout-button .svg-icon {
    width: 13px;
  }
  .topbar .header-tools {
    flex-shrink: 0;
  }
  .agent-intro {
    padding: 20px;
    gap: 14px;
  }
  .agent-emblem {
    width: 36px;
    height: 36px;
    border-radius: 9px;
  }
  .agent-emblem .svg-icon {
    width: 17px;
    height: 17px;
  }
  .agent-intro h2 {
    font-size: 24px;
  }
  .agent-intro p {
    font-size: 11px;
  }
  .agent-intro .section-tag {
    font-size: 8px;
  }
  .auth-story h1 {
    font-size: 42px;
  }
  .agent-script {
    font-size: 10px;
  }
  .workspace-breadcrumb {
    font-size: 10px;
  }
}
.topbar {
  position: sticky;
  top: 0;
  z-index: 4;
  box-shadow: 0 1px 0 #183c3505;
}
.daily-brief,.business-intro{padding:32px;border-radius:20px;background:#183c35;color:#f7f8ee;margin-bottom:24px}
.daily-brief{display:flex;align-items:center;justify-content:space-between;gap:24px;background:linear-gradient(115deg,#183c35,#2e594b)}
.daily-brief h2,.business-intro h2{color:#fff;font-size:28px;margin:12px 0}
.daily-brief p,.business-intro p{color:#e2e9db;max-width:720px;line-height:1.7}
.daily-brief small,.business-intro .section-tag{color:#d8e5bb}
.deal-pipeline{display:flex;gap:16px;overflow-x:auto;padding:4px 0 24px;align-items:flex-start}
.pipeline-heading{display:flex;justify-content:space-between;gap:12px;font-weight:650;margin:4px 0 18px}
.pipeline-column{flex:0 0 280px;background:#eeefe8;border-radius:16px;padding:14px;min-height:230px}
.pipeline-column h2{font-size:16px;display:flex;justify-content:space-between;gap:10px;margin:4px 0 18px}
.pipeline-summary{margin-bottom:18px;color:#526a60;display:flex;gap:20px;align-items:center;flex-wrap:wrap}.pipeline-empty{font-size:13px;color:#67786d;padding:20px 6px}
.deal-card{background:#fff;border:1px solid #dde3d6;border-radius:14px;padding:20px;min-width:0;box-shadow:0 3px 12px #183c3505;margin-bottom:12px}
.deal-card-top,.deal-card-bottom{display:flex;justify-content:space-between;gap:12px;align-items:center;flex-wrap:wrap}
.deal-amount{font-size:16px;font-weight:700;color:#234c41}.deal-title{border:0;background:none;text-align:left;padding:16px 0 8px;font-size:17px;line-height:1.4;font-weight:650;color:#183c35;cursor:pointer;overflow-wrap:anywhere}
.deal-contact{display:block;font-size:13px}.deal-next{border-top:1px solid #edf0e8;margin-top:18px;padding-top:14px}
.deal-next small{font-size:10px;letter-spacing:1.4px;color:#718273}.deal-next p{font-size:14px;line-height:1.5;margin:7px 0;overflow-wrap:anywhere}
.deal-card-bottom{margin-top:18px}.deal-card-bottom small{color:#64786a}.deal-overdue{border-left:3px solid #b87740}.deadline-late{color:#965e30;font-size:12px}
.priority-panel{margin-bottom:24px}.priority-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px;padding:0 24px 24px}.priority-empty{color:#7b887e;font-size:14px}.priority-more{margin:0 24px 24px}
.attention-note{padding:20px;border:1px solid #dfcba6;background:#fbf6ea;border-radius:14px;margin-bottom:24px}
[hidden]{display:none!important}.sidebar .nav{overflow-y:auto;min-height:0}.sidebar-bottom{flex-shrink:0}
@media(max-width:760px){.daily-brief{display:block;padding:24px}.daily-brief h2,.business-intro h2{font-size:23px}.daily-brief .btn{margin-top:18px}.pipeline-column{flex-basis:85vw}.priority-cards{grid-template-columns:1fr;padding:0 16px 16px}}

.mission-card + .mission-card { border-top: 1px solid var(--border, #e1e5db); margin-top: 20px; padding-top: 20px; }
.mission-card-heading { display: flex; align-items: flex-start; justify-content: space-between; gap: 12px; }
.mission-card h3 { margin: 0 0 4px; }
.mission-card .actions { margin-top: 12px; }
#mission-form textarea { min-height: 76px; }

.company-progress {display:flex;list-style:none;padding:0;margin:24px 0;gap:12px;justify-content:space-between;font-size:12px;color:var(--muted,#77857b)}
.company-progress li {display:flex;gap:6px;align-items:center}
.company-progress li span {display:grid;place-items:center;border:1px solid var(--line);width:25px;height:25px;border-radius:50%}
.company-progress .current {color:#173e35;font-weight:600}
.company-progress .current span,.company-progress .done span {background:#173e35;color:#edf3d6;border-color:#173e35}
.company-card {border:1px solid #dce4d3;border-radius:12px;background:#f0f4e9;padding:18px;margin:18px 0}
.company-card h3 {font-size:17px;margin:10px 0;overflow-wrap:anywhere}
.company-card small,.company-card p {font-size:12px;line-height:1.6}
.company-notice {padding:12px;border-radius:8px;background:#fbf1df;color:#725a31;font-size:12px;line-height:1.6;margin:14px 0}
.company-selected {display:flex;align-items:center;justify-content:space-between;gap:12px;padding-bottom:18px;margin-bottom:18px;border-bottom:1px solid var(--line);font-size:13px;overflow-wrap:anywhere}
.company-selected .link-button {font-size:12px;flex-shrink:0}
.offer-examples {margin:0 0 20px}
.offer-examples small {font-size:11px;color:#738075}
.offer-examples>div {display:flex;gap:7px;flex-wrap:wrap;margin-top:8px}
.offer-example {border:1px solid #d9e1d3;background:#f3f6ed;border-radius:8px;padding:8px 10px;text-align:left;font:inherit;font-size:11px;cursor:pointer;color:#24493e}
.offer-example:hover,.offer-example:focus-visible {background:#e5edda;border-color:#82976e}
#company-lookup-form .btn,#company-identity-form .btn,#company-offer-form .btn {margin-top:14px}
@media(max-width:760px){.company-progress{gap:7px;font-size:11px}.company-progress li{gap:4px}.company-selected{align-items:flex-start}.panel-header:has([data-action="company-edit"]){flex-wrap:wrap;gap:12px}}
@media(max-width:760px){.registering .auth-story{padding:22px 25px;min-height:0}.registering .auth-story>div:not(.brand),.registering .auth-story footer{display:none}.registering .auth-form{padding:28px 25px}.registering .auth-box h2{font-size:28px}.registering .tabs{margin:22px 0}}
/* Catalogue et documents contractuels */
.plan-switcher{display:flex;align-items:center;gap:16px;font-size:12px}.plan-switcher>span{font-weight:600}.plan-switcher small{display:block;font-size:10px;font-weight:400;color:#718276;margin-top:4px}.plan-switcher .btn{padding:10px 14px}.subscription-summary{display:flex;justify-content:space-between;align-items:center;gap:22px;border:1px solid #dce4d5;background:#eef3e6;border-radius:14px;padding:26px;margin-bottom:28px}.subscription-summary h2{margin:10px 0;font-size:24px}.subscription-summary p,.subscription-summary>small{font-size:12px;color:#607165}.catalogue-cycle{display:flex;justify-content:center;gap:6px;margin:24px auto 30px}.catalogue-cycle button{border:1px solid #dce3d5;border-radius:8px;background:#fff;padding:12px 20px;font:inherit;font-size:13px;cursor:pointer}.catalogue-cycle button.selected{background:#173f35;color:#f1f6df;border-color:#173f35}.catalogue-cycle small{margin-left:6px;font-size:10px}.catalogue-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.plan-card{position:relative;background:#fff;border:1px solid #dfe5d9;border-radius:14px;padding:26px 22px;display:flex;flex-direction:column}.plan-card.recommended{border:2px solid #6e8e4b;background:#fafcf5}.plan-recommendation{font-size:10px;color:#31582a;background:#e4edcf;padding:6px 10px;align-self:flex-start;border-radius:6px;margin-bottom:16px}.plan-card h2{font-size:32px;margin:20px 0}.plan-card h2 small{font-size:11px;font-weight:400}.plan-card>p{font-size:12px;color:#758172;line-height:1.7}.plan-card ul{list-style:none;padding:0;margin:20px 0 28px;font-size:12px;line-height:1.7}.plan-card li{padding:8px 0;border-bottom:1px solid #eef1e9}.plan-card .btn{margin-top:auto;font-size:12px;padding:12px 9px}.catalogue-note{font-size:12px;line-height:1.8;color:#758172;margin:22px 0}.voice-offer{display:flex;gap:35px;justify-content:space-between;padding:30px;margin-top:35px}.voice-offer h2{font-size:28px;margin:18px 0}.voice-offer h2 small{font-size:13px;font-weight:400}.voice-offer p{font-size:13px;line-height:1.8;max-width:650px}.voice-example{min-width:170px;background:#eef3e6;border-radius:12px;padding:24px;display:flex;flex-direction:column;justify-content:center;gap:12px;font-size:12px}.voice-example span{font-size:28px}.voice-example small{line-height:1.7}.topup-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;padding:28px}.topup-grid>div{display:flex;flex-direction:column;gap:14px;font-size:14px}.topup-grid small{font-size:11px;color:#758172;line-height:1.7}.quota-notice{display:flex;align-items:center;justify-content:space-between;gap:20px;background:#fff3df;border:1px solid #ead8b9;border-radius:12px;padding:18px 24px;margin:0 0 25px}.quota-notice p{font-size:12px;line-height:1.7;margin:6px 0}.legal-checks{margin:22px 0}.legal-checks label.check{align-items:flex-start;font-size:11px;line-height:1.7;margin:12px 0}.legal-checks input{flex-shrink:0;margin-top:4px}.legal-checks a,.legal-document a{color:#315c42;text-decoration:underline;text-underline-offset:3px}.legal-document{max-width:850px;padding:40px 28px;margin:auto;color:#203e34}.legal-document h1{font-size:32px;line-height:1.3;margin:35px 0}.legal-document h2{font-size:20px;margin:32px 0 15px}.legal-document p{font-size:14px;line-height:1.9}.legal-document footer{margin:40px 0;font-size:12px}.legal-links{font-size:11px;margin-top:20px;text-align:center}.footnote a{color:inherit;font-size:11px}
@media(max-width:1250px){.catalogue-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.header-tools{gap:10px}.plan-switcher{gap:10px}.plan-switcher>span{display:none}}
@media(max-width:760px){.catalogue-grid{grid-template-columns:1fr}.subscription-summary,.voice-offer,.quota-notice{flex-direction:column;align-items:stretch}.topup-grid{grid-template-columns:1fr;gap:25px}.plan-switcher .btn{padding:9px;font-size:10px}.topbar{gap:8px}.header-tools{gap:6px}.catalogue-cycle button{padding:12px;font-size:12px}.voice-example{min-width:0}.legal-document{padding:25px 20px}}

/* Internal monthly finance workspace. */
.finance-toolbar,.finance-toolbar form,.finance-month-label,.finance-detail-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}.finance-toolbar{margin-bottom:30px}.finance-toolbar form{justify-content:flex-start;align-items:flex-end}.finance-toolbar label{margin:0;min-width:180px}.finance-toolbar input{margin-top:7px}.finance-month-label{margin-bottom:16px}.finance-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:22px}.finance-metric{min-width:0;background:#fff;border:1px solid #dce2d5;border-radius:14px;padding:24px;display:flex;flex-direction:column;gap:14px}.finance-metric>span{font-size:12px;color:#617366;line-height:1.5}.finance-metric>strong{font-size:clamp(23px,2.5vw,34px);font-weight:600;letter-spacing:-1px;overflow-wrap:anywhere;font-variant-numeric:tabular-nums}.finance-metric>small{font-size:11px;color:#738171;line-height:1.6}.finance-metric.accent{background:#183c35;color:#edf4dd}.finance-metric.accent>span,.finance-metric.accent>small{color:#d5e2cb}.finance-metric.negative{background:#fff3ed;border-color:#ebd8ca;color:#88442f}.finance-explainer{display:flex;justify-content:space-between;gap:32px;border-left:3px solid #8a9f62;padding:10px 22px;margin-bottom:20px}.finance-explainer>div:first-child{max-width:650px}.finance-explainer strong{font-size:13px}.finance-explainer p{font-size:12px;color:#6d7c70;line-height:1.8;margin:7px 0 0}.finance-explainer>div:last-child{display:flex;flex-direction:column;gap:12px;flex-shrink:0;font-size:11px}.finance-explainer>div:last-child span{display:flex;justify-content:space-between;gap:18px}.finance-badge{display:inline-block;background:#eef1e8;color:#687951;padding:5px 9px;font-size:10px;border-radius:6px;white-space:nowrap;line-height:1.5}.finance-badge.confirmed{background:#e0edde;color:#315e40}.finance-notice{padding:12px 16px;background:#f9f1de;color:#786138;font-size:12px;line-height:1.8;border-radius:8px;margin:12px 0 20px}.finance-clients .panel-header{align-items:center;gap:16px;flex-wrap:wrap}.finance-search{margin:0;min-width:210px}.finance-search input{margin:0}.finance-table-wrap{overflow-x:auto}.finance-table{width:100%;border-collapse:collapse;text-align:left;font-size:12px}.finance-table th{background:#f7f8f3;color:#7b8778;font-weight:500;font-size:10px;letter-spacing:.03em;padding:16px 20px;border-bottom:1px solid #e5e8df;white-space:nowrap}.finance-table td{padding:22px 20px;border-bottom:1px solid #e8ebe3;font-variant-numeric:tabular-nums}.finance-table td>strong{display:block;font-size:14px;font-weight:600}.finance-table td small{display:block;color:#7c877b;font-size:10px;margin-top:7px;line-height:1.7}.finance-client-name{max-width:260px;overflow-wrap:anywhere}.finance-client-name>strong{color:#244e41}.finance-gain{color:#366744}.finance-loss{color:#a1563b}.finance-detail-button .btn{padding:9px 13px;font-size:11px}.finance-detail-row>td{background:#fafbf7;padding:0!important}.finance-detail{padding:28px}.finance-detail h3{font-size:19px;margin:8px 0 0}.finance-usage{display:flex;gap:14px 28px;flex-wrap:wrap;padding:22px 0;font-size:11px;color:#73816f}.finance-usage strong{color:#355443}.finance-cost-lines{background:white;border:1px solid #e2e7da;border-radius:10px;padding:0 20px;margin-bottom:18px}.finance-cost-line{display:flex;justify-content:space-between;gap:18px;padding:14px 0;border-bottom:1px solid #edf0e8}.finance-cost-line:last-child{border:0}.finance-cost-line>div{display:flex;flex-direction:column;gap:7px}.finance-cost-line>div:last-child{align-items:flex-end}.finance-cost-line strong{font-size:12px;font-weight:550}.finance-cost-line small{font-size:10px;color:#83907c;line-height:1.6}.finance-wallet{border-top:1px solid #dfe5d8;padding:18px 0 0;margin-top:20px;font-size:12px}.finance-wallet summary,.finance-method summary{cursor:pointer;font-size:12px;font-weight:600;color:#496048}.finance-wallet p{line-height:1.8}.finance-method{padding:22px}.finance-method p{font-size:12px;line-height:1.9;color:#71806e}.finance-method a{color:#315c42}.finance-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px 18px}.finance-form-grid label{font-size:11px;line-height:1.7}.finance-form-grid input{margin-top:6px}.finance-detail-row[hidden],.finance-client-row[hidden],#finance-empty[hidden]{display:none!important}#finance-empty{padding:0 25px 20px}.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}
@media(max-width:1350px){.finance-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.finance-explainer{flex-direction:column;gap:18px}.finance-table th,.finance-table td{padding:18px 12px}.finance-client-name{max-width:200px}}
@media(max-width:760px){.finance-toolbar,.finance-toolbar form{align-items:stretch}.finance-toolbar>form,.finance-toolbar>.actions{width:100%}.finance-toolbar>.actions{display:grid;grid-template-columns:1fr 1fr}.finance-toolbar .btn{font-size:10px;padding:12px}.finance-toolbar form label{flex:1}.finance-kpis{gap:9px}.finance-metric{padding:17px 13px;gap:11px}.finance-metric>strong{font-size:24px}.finance-metric>span{font-size:10px}.finance-metric>small{font-size:10px}.finance-month-label{gap:8px}.finance-explainer{padding:8px 14px}.finance-explainer>div:last-child{flex-shrink:1}.finance-search{width:100%}.finance-table-wrap{overflow:visible}.finance-table,.finance-table tbody{display:block}.finance-table thead{display:none}.finance-client-row{display:grid;grid-template-columns:1fr 1fr;padding:18px;border-bottom:1px solid #e2e7da;gap:14px}.finance-table td{display:block;border:0;padding:0;min-width:0}.finance-client-name{grid-column:1/-1;max-width:none}.finance-table td[data-label]:before{content:attr(data-label);display:block;font-size:10px;color:#87907e;margin-bottom:7px}.finance-client-row td>strong{font-size:13px}.finance-detail-button{grid-column:1/-1}.finance-detail-button .btn{width:100%}.finance-detail-row,.finance-detail-row>td{display:block}.finance-detail{padding:20px 16px}.finance-detail-heading{align-items:stretch;gap:15px}.finance-detail-heading>.btn{width:100%}.finance-usage{gap:12px;font-size:10px}.finance-cost-lines{padding:0 12px}.finance-cost-line{gap:12px}.finance-form-grid{grid-template-columns:1fr}.finance-method{padding:18px}}
.finance-model-rates{border:1px solid #dce3d5;border-radius:10px;padding:16px;margin:16px 0}.finance-model-rates legend{font-size:12px;color:#315b43;padding:0 6px}.finance-model-rates .finance-form-grid{grid-template-columns:repeat(3,minmax(0,1fr))}@media(max-width:500px){.finance-model-rates .finance-form-grid{grid-template-columns:1fr}}

/* Console : compte, plan et consommation */
.account-shortcut{display:flex;align-items:center;gap:9px;border:0;background:none;color:var(--ink);font:inherit;font-size:13px;min-width:0;cursor:pointer;padding:8px 0;text-align:left}.account-shortcut span{max-width:230px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.account-shortcut .svg-icon{width:18px;height:18px;flex-shrink:0}.header-tools{gap:16px}.plan-switcher{gap:10px;min-width:0}.plan-status,.header-credit-balance{display:flex;align-items:center;gap:7px;border:0;background:none;color:#24483c;font:inherit;cursor:pointer;font-size:12px;white-space:nowrap}.plan-status{border:1px solid #dce5d0;background:#edf2e4;padding:8px 11px;border-radius:7px}.plan-status .svg-icon,.header-credit-balance .svg-icon{width:16px;height:16px}.header-credit-balance{padding:8px 5px}.header-credit-balance span{font-size:11px;color:#687d6f}.plan-switcher .upgrade-plan{font-size:11px;padding:10px 12px}.account-shortcut:focus-visible,.plan-status:focus-visible,.header-credit-balance:focus-visible,.offer-example:focus-visible{outline:2px solid #6d8e49;outline-offset:4px}.voice-card>small{display:flex;align-items:center;gap:6px}.voice-card>small .svg-icon{width:13px;height:13px}.activity-company-link{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:20px;padding:13px 18px;border:1px solid #e0e6d9;border-radius:10px;background:#f9fbf5;font-size:12px}.activity-company-link>span,.activity-company-link button{display:flex;align-items:center;gap:7px}.activity-company-link .svg-icon{width:16px;height:16px}.activity-company-link button{font-size:11px}.identity-heading{display:flex;align-items:center;gap:12px}.identity-heading h2{margin:0}.identity-heading small{display:block;margin-top:5px;font-size:11px;color:#718271}.section-icon{display:grid;place-items:center;background:#eef3e5;color:#31553d;width:38px;height:38px;border-radius:10px;flex-shrink:0}.section-icon .svg-icon{width:20px;height:20px}.company-facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:23px 40px;margin:0}.company-facts dt{font-size:11px;color:#738475;margin-bottom:8px}.company-facts dd{font-size:14px;margin:0;line-height:1.7;overflow-wrap:anywhere}.company-purpose{margin-top:25px;font-size:12px;color:#60715f}.company-purpose summary{cursor:pointer}.company-purpose p{line-height:1.8}.company-identity-footer{display:flex;justify-content:space-between;align-items:center;gap:20px;border-top:1px solid #edf0e7;margin-top:28px;padding-top:20px}.company-identity-footer>small{font-size:10px;color:#7b8978;line-height:1.7}.company-identity-footer .btn{display:flex;align-items:center;gap:8px;font-size:12px;white-space:nowrap}.account-shortcuts{display:flex;gap:12px;flex-wrap:wrap}.account-shortcuts .btn{display:flex;align-items:center;gap:8px;font-size:12px}.plan-overview{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:18px;margin-bottom:32px}.current-plan-card,.usage-card{border:1px solid #dfe6d5;border-radius:12px;padding:24px;background:#fff}.current-plan-card{background:#f1f5e9}.current-plan-card h2{font-size:23px;margin:17px 0 10px}.current-plan-card p{font-size:12px;margin:13px 0 8px}.current-plan-card>small{display:block;font-size:11px;color:#70816e;line-height:1.7}.usage-card{display:flex;flex-direction:column;justify-content:center}.usage-card>span{display:flex;align-items:center;gap:7px;font-size:12px;color:#70816c}.usage-card>span .svg-icon{width:17px;height:17px}.usage-card>strong{font-size:31px;font-weight:500;margin:20px 0}.usage-card>strong small{font-size:19px;font-weight:400;color:#98a18f}.usage-card>small{font-size:11px;color:#6e816b;margin-top:10px}.usage-track{width:100%;height:7px;border-radius:4px;overflow:hidden;background:#edf1e5}.usage-track meter{display:block;width:100%;height:7px;border:0;appearance:none;background:#edf1e5}.usage-track meter::-webkit-meter-bar{background:#edf1e5;border:0;border-radius:4px}.usage-track meter::-webkit-meter-optimum-value{background:#76964c;border-radius:4px}.usage-track meter::-moz-meter-bar{background:#76964c}.plan-compare-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:30px 0 20px}.plan-compare-heading h2{font-size:20px;margin:0}.plan-compare-heading .catalogue-cycle{margin:0}.plan-card{padding:22px 20px}.plan-card-badge{min-height:31px}.plan-card-badge .plan-recommendation{margin:0;font-size:9px;padding:5px 8px;display:inline-block}.plan-card-name{display:flex;align-items:center;gap:9px}.plan-card-name .svg-icon{width:20px;height:20px;color:#6f8d4a}.plan-card-name h3{margin:0;font-size:16px;font-weight:500}.plan-card .plan-price{font-size:30px;color:#204436;line-height:1.3;margin:24px 0 9px;white-space:nowrap}.plan-price small{font-size:10px;font-weight:400;color:#72816a}.plan-card .annual-price-detail{min-height:36px;font-size:10px;margin:0;line-height:1.6}.plan-card ul{margin:16px 0 25px}.plan-card li{display:flex;align-items:flex-start;gap:8px;font-size:11px;padding:10px 0}.plan-card li .svg-icon{width:15px;height:15px;flex-shrink:0;color:#80966b;margin-top:2px}.plan-card .btn{padding:12px 8px;font-size:11px}.catalogue-rules{font-size:12px;color:#6b7e68;margin:20px 0 28px}.catalogue-rules summary{display:flex;align-items:center;gap:7px;cursor:pointer;width:fit-content}.catalogue-rules summary .svg-icon{width:15px;height:15px}.catalogue-rules p{line-height:1.8;max-width:700px}.voice-option{margin:25px 0}.voice-option>summary{display:flex;justify-content:space-between;align-items:center;gap:20px;cursor:pointer;padding:23px 26px;font-size:14px}.voice-option>summary>span:last-child{font-size:17px;white-space:nowrap}.voice-option>summary>span:last-child small{font-size:11px;font-weight:400;color:#70806a}.voice-option .box-body>p{font-size:12px;line-height:1.8}.voice-option .topup-grid{padding:20px 0 0}.catalogue-payment-note{display:flex;align-items:center;gap:9px;font-size:11px;color:#71806c;margin:22px 0;line-height:1.7}.catalogue-payment-note .svg-icon{width:18px;height:18px;flex-shrink:0}.quota-notice>div{display:flex;gap:9px;align-items:center;flex-wrap:wrap;font-size:12px}.quota-notice .svg-icon{width:18px;height:18px}.quota-notice .btn{font-size:12px}.heading .actions>[data-action=catalogue-portal]{display:flex;align-items:center;gap:8px}.heading .actions>[data-action=catalogue-portal] .svg-icon{width:17px;height:17px}
@media(max-width:1250px){.header-credit-balance{display:none}.account-shortcut span{max-width:180px}.plan-status span{display:inline}.plan-overview{grid-template-columns:1fr 1fr}.current-plan-card{grid-column:1/-1}.plan-switcher{gap:8px}}
@media(max-width:760px){.topbar{height:auto;min-height:100px;padding:13px 20px;display:flex;flex-direction:column;align-items:stretch;gap:10px}.account-shortcut{font-size:12px;padding:0}.account-shortcut span{max-width:100%}.header-tools{width:100%;justify-content:space-between;gap:9px}.plan-switcher{flex:1;justify-content:space-between;gap:8px}.plan-status{font-size:10px;padding:8px}.plan-status span{display:inline}.plan-switcher .upgrade-plan{font-size:10px;padding:9px}.logout-button{min-width:32px;padding:8px!important}.logout-button span{display:none}.plan-overview{gap:12px}.usage-card{padding:18px 14px}.usage-card>strong{font-size:25px;margin:17px 0}.usage-card>strong small{font-size:15px}.usage-card>span{font-size:11px}.usage-card>small{font-size:10px}.current-plan-card{padding:22px}.plan-compare-heading{align-items:flex-start;flex-direction:column;gap:17px}.plan-compare-heading .catalogue-cycle{width:100%}.plan-compare-heading .catalogue-cycle button{flex:1}.company-facts{grid-template-columns:1fr;gap:20px}.company-identity-footer{flex-direction:column;align-items:stretch}.company-identity-footer .btn{justify-content:center}.activity-company-link{align-items:flex-start;flex-direction:column;gap:10px}.activity-company-link button{font-size:11px}.voice-option>summary{padding:20px;align-items:flex-start;flex-direction:column}.account-shortcuts{flex-direction:column}.account-shortcuts .btn{justify-content:center}.quota-notice{gap:13px}.quota-notice .btn{align-self:flex-start}.plan-card .plan-price{font-size:32px}.account-shortcut .svg-icon{width:16px;height:16px}}
@media(max-width:760px){.plan-card-badge:empty{display:none}.plan-card .annual-price-detail{min-height:0}.plan-card ul{margin:14px 0 20px}.plan-card li{padding:8px 0}.plan-card .plan-price{margin-top:18px}.shell[data-view="plans"] .sidebar .voice-card,.shell[data-view="account"] .sidebar .voice-card{display:none}}

/* Decision-focused commercial cockpit. */
.pilot-brief{display:grid;grid-template-columns:minmax(0,1fr) 230px;gap:40px;padding:32px 36px;background:#183f36;color:#f6f8ed;border-radius:16px;margin:0 0 22px;position:relative;overflow:hidden}.pilot-brief .section-tag{color:#b9cf92}.pilot-brief h2{font-family:Georgia,serif;font-size:clamp(25px,2.3vw,35px);font-weight:400;line-height:1.25;color:#fff;max-width:700px;margin:12px 0}.pilot-brief p{font-size:12px;line-height:1.9;color:#d0dfcf;max-width:620px;margin:0 0 18px}.pilot-brief .btn{background:#dfecc0;border-color:#dfecc0;color:#244434;font-size:11px;padding:11px 14px}.pilot-brief .btn svg{width:15px;height:15px}.pilot-brief-aside{border-left:1px solid #ffffff24;padding-left:32px;display:flex;flex-direction:column;justify-content:center}.pilot-brief-aside>span{font-size:9px;letter-spacing:.12em;color:#bdd0ac}.pilot-brief-aside>strong{font-size:48px;font-weight:400;line-height:1.25;margin:10px 0 0;letter-spacing:-2px}.pilot-brief-aside>p{margin:0 0 12px;font-size:12px}.pilot-brief-aside>small{font-size:10px;line-height:1.9;color:#d7e4c9}.pilot-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:26px}.pilot-metric{background:#fff;border:1px solid #e0e5d9;border-radius:12px;padding:19px 21px;display:flex;flex-direction:column;gap:10px;text-align:left;min-width:0;cursor:pointer;color:#24483d;transition:border-color .15s,transform .15s}.pilot-metric:hover{border-color:#90a774;transform:translateY(-2px)}.pilot-metric>span{display:flex;justify-content:space-between;align-items:center;font-size:11px;color:#71816e;gap:8px}.pilot-metric>span>svg{width:14px;height:14px;opacity:.55}.pilot-metric>strong{font-size:30px;font-weight:500;line-height:1.2;letter-spacing:-1px}.pilot-metric>small{font-size:10px;color:#7d8975;line-height:1.7}.pilot-layout{display:grid;grid-template-columns:minmax(0,1fr) 260px;gap:22px;align-items:start}.pilot-workspace{min-width:0;scroll-margin-top:105px}.pilot-workspace-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:15px;padding:26px 24px 18px}.pilot-workspace-heading h2{font-size:18px;margin:9px 0 8px;font-weight:500}.pilot-workspace-heading p{font-size:11px;line-height:1.8;color:#7a8673;margin:0}.pilot-workspace-heading>.link-button{font-size:10px;white-space:nowrap;display:flex;align-items:center;gap:5px}.pilot-workspace-heading>.link-button svg{width:13px;height:13px}.pilot-filters{display:flex;gap:7px;padding:0 24px 17px;overflow-x:auto;scrollbar-width:thin}.pilot-filters button{display:flex;align-items:center;gap:7px;flex-shrink:0;border:1px solid transparent;background:#f5f7f0;color:#7b8971;border-radius:7px;padding:9px 10px;font-size:10px;cursor:pointer;white-space:nowrap}.pilot-filters button span{font-size:9px;padding:2px 4px;border-radius:4px;background:#ffffff91;min-width:15px}.pilot-filters button.selected{background:#234e40;color:white}.pilot-filters button.selected span{background:#ffffff20;color:#e3edcf}.pilot-search-row{display:flex;gap:10px;align-items:center;padding:0 24px 20px}.pilot-search-row label{margin:0}.pilot-search-row select{font-size:10px;margin:0;min-width:150px;padding:12px 28px 12px 12px;height:40px}.pilot-search{display:flex;align-items:center;gap:8px;border:1px solid #dce3d4;border-radius:7px;padding:0 10px;flex:1;min-width:0}.pilot-search>svg{width:15px;height:15px;flex-shrink:0;color:#92a085}.pilot-search input{border:0;background:none;margin:0;padding:11px 0;width:100%;font-size:11px;box-shadow:none!important;height:38px}.pilot-search input:focus{outline:0}.pilot-search:focus-within{outline:2px solid #829965;outline-offset:2px}.pilot-active-filter{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 24px;background:#f0f3e7;font-size:11px}.pilot-active-filter button{font-size:10px}.pilot-task-labels,.pilot-task{display:grid;grid-template-columns:minmax(160px,1.1fr) minmax(160px,1.2fr) minmax(115px,.8fr) minmax(105px,.7fr);gap:16px;align-items:center}.pilot-task-labels{background:#f8f9f5;padding:12px 24px;font-size:9px;color:#87927d;border-top:1px solid #e6eade;border-bottom:1px solid #e6eade}.pilot-task{padding:20px 24px;border-bottom:1px solid #edf0e7;min-height:110px;transition:background .15s}.pilot-task:hover{background:#fafbf6}.pilot-task-identity{display:flex;flex-direction:column;align-items:flex-start;gap:7px;min-width:0}.pilot-priority{padding:3px 7px;border-radius:4px;font-size:8px;line-height:1.5;background:#eef1e7;color:#77846c}.pilot-priority.overdue{background:#fbeee5;color:#a5633e}.pilot-priority.today{background:#f6f0d8;color:#927c33}.pilot-priority.ready{background:#e4efdd;color:#4e7740}.pilot-task-title{font-weight:600;color:#2c5042;font-size:12px;line-height:1.7;border:0;background:none;text-align:left;padding:0;cursor:pointer;overflow-wrap:anywhere}.pilot-task-title:hover{text-decoration:underline;text-underline-offset:3px}.pilot-task-identity>small{font-size:9px;line-height:1.7;color:#8a9480;overflow-wrap:anywhere}.pilot-task-value{font-size:10px;color:#506c4d;font-weight:550}.pilot-task-next>small{display:none;font-size:8px;color:#96a08a}.pilot-task-next p{font-size:11px;line-height:1.8;color:#61745d;margin:0;overflow-wrap:anywhere}.pilot-task-owner{display:flex;flex-direction:column;gap:7px;font-size:10px;color:#677a60;line-height:1.7;overflow-wrap:anywhere}.pilot-task-owner>small{font-size:9px;color:#919b85}.pilot-task-owner>small.pilot-late{color:#b17650}.pilot-task-action .btn{font-size:9px;line-height:1.6;padding:9px 10px;display:flex;align-items:center;justify-content:center;gap:5px;width:100%;white-space:normal}.pilot-task-action svg{width:12px;height:12px;flex-shrink:0}.pilot-pagination{padding:18px 24px;display:flex;align-items:center;justify-content:space-between;gap:15px}.pilot-pagination>small{font-size:10px;color:#8a967f}.pilot-pagination>div{display:flex;align-items:center;gap:10px;font-size:10px;color:#6a7d60}.pilot-pagination .btn{padding:6px 10px;font-size:12px;min-width:32px}.pilot-pagination .btn:disabled{opacity:.35;cursor:default}.pilot-freshness{font-size:9px;color:#9aa48f;margin:0;padding:0 24px 18px;line-height:1.8}.pilot-sidebar{display:flex;flex-direction:column;gap:20px}.pilot-pipeline{padding:23px 21px;margin:0}.pilot-pipeline h2{font-size:17px;margin:10px 0;font-weight:500;line-height:1.5}.pilot-pipeline>p{font-size:10px;color:#8a957f;line-height:1.8;margin:0 0 18px}.pilot-stage{padding:10px 0;border:0;background:none;width:100%;text-align:left;cursor:pointer}.pilot-stage>span{display:flex;justify-content:space-between;gap:10px;align-items:center;font-size:11px;color:#6f8065}.pilot-stage strong{font-size:11px;font-weight:550}.pilot-stage progress{appearance:none;width:100%;height:5px;display:block;border:0;border-radius:5px;margin:10px 0 0;background:#eef1e8}.pilot-stage progress::-webkit-progress-bar{background:#eef1e8;border-radius:5px}.pilot-stage progress::-webkit-progress-value{background:#9caf7c;border-radius:5px}.pilot-stage progress::-moz-progress-bar{background:#9caf7c;border-radius:5px}.pilot-stage.selected>span{color:#204b39;font-weight:600}.pilot-stage.selected progress::-webkit-progress-value{background:#315b43}.pilot-pipeline>.link-button{display:flex;gap:8px;align-items:center;border-top:1px solid #e8ecdf;padding-top:20px;margin-top:17px;font-size:10px;width:100%}.pilot-pipeline>.link-button svg{width:13px;height:13px}.pilot-levers{padding:22px;background:#eef2e5;border:1px solid #e0e7d2;border-radius:12px}.pilot-levers>div{border-bottom:1px solid #dce3cf;padding:20px 0}.pilot-levers>div:last-child{border:0;padding-bottom:0}.pilot-lever-icon{display:flex;color:#83985d;margin-bottom:11px}.pilot-lever-icon svg{width:20px;height:20px}.pilot-levers h3{font-size:13px;font-weight:550;line-height:1.6;margin:0 0 8px}.pilot-levers p{font-size:10px;color:#7a886c;line-height:1.9;margin:0 0 10px}.pilot-levers .link-button{font-size:10px;display:flex;align-items:center;gap:6px}.pilot-levers .link-button svg{width:12px;height:12px}.pilot-empty{padding:45px 24px;text-align:center}.pilot-empty>span{display:inline-flex;background:#eef4e3;border-radius:50%;padding:13px;color:#82975e}.pilot-empty>span svg{width:21px;height:21px}.pilot-empty h3{font-size:17px;font-weight:500;margin:18px 0 10px}.pilot-empty p{font-size:11px;line-height:1.9;color:#819074;max-width:420px;margin:0 auto 18px}.pilot-empty .btn{font-size:10px}
@media(max-width:1550px){.pilot-layout{grid-template-columns:minmax(0,1fr)}.pilot-sidebar{display:grid;grid-template-columns:1.2fr 1fr;gap:20px}.pilot-pipeline{padding:24px}.pilot-levers{padding:24px}.pilot-task-labels,.pilot-task{grid-template-columns:minmax(150px,1fr) minmax(170px,1.3fr) minmax(125px,.8fr) 125px}}
@media(max-width:1050px){.pilot-task-labels,.pilot-task{grid-template-columns:minmax(130px,1fr) minmax(150px,1fr) 120px}.pilot-task-labels>span:nth-child(3){display:none}.pilot-task-owner{grid-column:1/3;flex-direction:row;gap:12px}.pilot-task-action{grid-column:3;grid-row:1/3}.pilot-task-next{grid-column:2;grid-row:1}.pilot-task-identity{grid-column:1;grid-row:1}.pilot-task{row-gap:10px}.pilot-task-labels>span:last-child{grid-column:3}.pilot-metrics{gap:10px}.pilot-metric{padding:17px 15px}}
@media(max-width:760px){.pilot-brief{grid-template-columns:1fr;gap:24px;padding:26px 23px}.pilot-brief h2{font-size:27px}.pilot-brief-aside{border-left:0;border-top:1px solid #ffffff20;padding:18px 0 0;display:grid;grid-template-columns:auto 1fr;column-gap:16px;align-items:center}.pilot-brief-aside>span{grid-column:1/-1}.pilot-brief-aside>strong{font-size:38px;grid-column:1;grid-row:2/4}.pilot-brief-aside>p{margin:10px 0 0;grid-column:2}.pilot-brief-aside>small{grid-column:2;line-height:1.7}.pilot-metrics{grid-template-columns:1fr 1fr;gap:9px;margin-bottom:20px}.pilot-metric{padding:16px 13px;gap:9px}.pilot-metric>strong{font-size:28px}.pilot-metric>span{font-size:10px}.pilot-metric>small{font-size:9px}.pilot-layout{gap:18px}.pilot-workspace-heading{padding:22px 17px 16px;display:block}.pilot-workspace-heading h2{font-size:17px;line-height:1.5}.pilot-workspace-heading>.link-button{margin-top:14px}.pilot-filters{padding:0 17px 16px;gap:6px}.pilot-search-row{padding:0 17px 18px;flex-direction:column;align-items:stretch}.pilot-search-row select{width:100%}.pilot-task-labels{display:none}.pilot-task{display:grid;grid-template-columns:1fr;padding:20px 17px;gap:12px}.pilot-task-identity,.pilot-task-next,.pilot-task-owner,.pilot-task-action{grid-column:1;grid-row:auto}.pilot-task-next>small{display:block;margin-bottom:5px}.pilot-task-title{font-size:13px}.pilot-task-next p{font-size:12px}.pilot-task-owner{flex-direction:column;gap:4px;font-size:11px}.pilot-task-owner>small{font-size:10px}.pilot-task-action .btn{font-size:11px;padding:11px}.pilot-pagination{padding:17px;align-items:flex-start;gap:12px;flex-direction:column}.pilot-pagination>div{width:100%;justify-content:space-between}.pilot-freshness{padding:0 17px 16px}.pilot-sidebar{grid-template-columns:1fr}.pilot-brief .btn{width:100%;justify-content:center}.pilot-active-filter{padding:10px 17px}.pilot-empty{padding:30px 17px}}
@media(min-width:761px){.pilot-task{min-height:88px;padding-top:14px;padding-bottom:14px}}

/* Accordelia's entrance and persistent customer concierge. */
.brand-loading{min-height:100svh;display:flex;flex-direction:column;align-items:center;justify-content:center;background:radial-gradient(ellipse at 50% 44%,#edf1e4 0, #f7f7f1 52%);color:#173d35;gap:20px;padding:30px;text-align:center}.brand-loading-orbit{position:relative;width:126px;height:126px;display:grid;place-items:center}.brand-loading-orbit img{border-radius:24px;box-shadow:0 16px 40px #173d3520;animation:accordelia-breathe 2.8s ease-in-out infinite}.brand-loading-orbit:before,.brand-loading-orbit:after{content:"";position:absolute;inset:0;border:1px solid #bacba4;border-radius:38px;animation:accordelia-orbit 8s linear infinite}.brand-loading-orbit:after{inset:9px;border-color:#173d3518;animation-direction:reverse}.brand-loading-word{font-size:40px;letter-spacing:-2px;font-weight:500}.brand-loading-word span{color:#8aab61}.brand-loading p{font-size:13px;letter-spacing:.07em;color:#708477;margin:0}.brand-loading-line{width:116px;height:3px;background:#dce5d1;border-radius:4px;overflow:hidden;position:relative}.brand-loading-line:after{content:"";position:absolute;inset:0;width:45%;background:#608047;border-radius:4px;animation:accordelia-progress 1.7s ease-in-out infinite}@keyframes accordelia-breathe{50%{transform:translateY(-4px);box-shadow:0 22px 48px #173d352c}}@keyframes accordelia-orbit{to{transform:rotate(360deg)}}@keyframes accordelia-progress{0%{transform:translateX(-110%)}100%{transform:translateX(330%)}}
@media(prefers-reduced-motion:reduce){.brand-loading-orbit img,.brand-loading-orbit:before,.brand-loading-orbit:after,.brand-loading-line:after,.assistant-panel,.assistant-typing{animation:none}.assistant-messages{scroll-behavior:auto}.assistant-launcher{transition:none}}
dialog:has(#accordelia-assistant)>.modal-body{max-height:calc(90dvh - 86px);overflow-y:auto;overscroll-behavior:contain}
/* A small commercial catalogue, kept separate from Accordelia subscription plans. */
.commercial-catalogue{margin:26px 0 32px}.commercial-catalogue-heading{display:flex;justify-content:space-between;align-items:center;gap:24px;padding:30px;background:#eaf0e0;border:1px solid #dbe4d0;border-radius:18px}.commercial-catalogue-heading h2{font:normal 32px/1.15 Georgia,serif;letter-spacing:-.8px;margin:12px 0;color:#214438}.commercial-catalogue-heading h2 em{font-style:normal;color:#668257}.commercial-catalogue-heading p{font-size:13px;max-width:500px;color:#6d7d69;margin:0}.commercial-catalogue-heading>.btn{flex-shrink:0}.commercial-catalogue-toolbar{display:flex;align-items:center;justify-content:space-between;margin:23px 0 14px;font-size:12px;color:#75826e;gap:15px}.commercial-catalogue-toolbar input{max-width:300px;margin:0}.commercial-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,285px),1fr));gap:18px}.commercial-card{display:flex;flex-direction:column;align-items:flex-start;background:#fff;border:1px solid #e1e7d8;border-radius:17px;padding:23px;min-width:0;max-width:100%;overflow-wrap:anywhere}.commercial-card-top{display:flex;justify-content:space-between;align-items:center;width:100%;gap:10px;margin-bottom:16px}.commercial-card-icon{width:37px;height:37px;display:grid;place-items:center;background:#f0f4e9;border:1px solid #e0e8d5;border-radius:11px;color:#648252}.commercial-card-icon svg{width:19px;height:19px}.commercial-card h3{font-size:19px;margin:0 0 8px;letter-spacing:-.3px}.commercial-description{font-size:13px;white-space:pre-wrap;color:#73806d;line-height:1.65;margin:0 0 20px;max-height:170px;overflow:auto;width:100%}.commercial-price{font-size:22px;font-weight:500;color:#244e3b;margin-bottom:18px}.commercial-card dl{font-size:12px;margin:0;width:100%;border-top:1px solid #edf0e7;padding-top:15px}.commercial-card dl>div{display:grid;grid-template-columns:74px 1fr;gap:12px;margin:0 0 12px}.commercial-card dt{color:#909b85}.commercial-card dd{margin:0;white-space:pre-wrap}.commercial-card details{font-size:12px;margin:3px 0 14px;width:100%}.commercial-card details p{white-space:pre-wrap;line-height:1.6}.commercial-missing{font-size:10px;color:#8b845d;background:#f6f5eb;border-radius:7px;padding:7px 9px;width:100%}.commercial-card-actions{display:flex;justify-content:space-between;width:100%;border-top:1px solid #edf0e7;padding-top:14px;margin-top:auto;gap:18px}.commercial-card-actions button{font-size:12px}.commercial-card-actions button:last-child{color:#849079}.commercial-footnote{font-size:11px;color:#8a9680;margin:14px 0}.commercial-archive-list{margin-top:20px;color:#819075;font-size:12px}.commercial-archive-list>.commercial-grid{margin-top:15px}.commercial-archived{background:#f5f6f0}.commercial-guidance{font-size:11px;color:#7a8c6e;line-height:1.6;background:#f3f6ec;padding:12px;border-radius:9px}.commercial-onboarding-intro h3{font:normal 25px/1.2 Georgia,serif;margin:10px 0}.commercial-onboarding-intro p{font-size:12px;color:#7c8874;line-height:1.6;margin:0 0 20px}.commercial-comparison td{vertical-align:top;min-width:150px;white-space:pre-wrap}.commercial-comparison td:first-child{min-width:90px;font-weight:600}.commercial-comparison td:last-child{min-width:130px}.commercial-proof{display:block;color:#8a967e;font-size:10px;margin-top:7px}.commercial-stale{padding:12px;background:#f7f2e3;border:1px solid #e8dfc3;border-radius:9px;color:#8d784b;font-size:12px}.commercial-comparison .box-body>.btn{margin-bottom:18px}.commercial-empty{font-size:13px;color:#7a8a70;padding:25px;border:1px dashed #d6e0cd;border-radius:15px}
@media(min-width:1400px){.commercial-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:700px){.commercial-catalogue-heading{padding:23px;display:block}.commercial-catalogue-heading h2{font-size:27px}.commercial-catalogue-heading>.btn{margin-top:20px}.commercial-card{padding:21px}.commercial-catalogue-toolbar{flex-wrap:wrap}.commercial-catalogue-toolbar input{max-width:none}.commercial-onboarding-intro h3{font-size:23px}}

/* ---------- Prospect verification, triage and WhatsApp ---------- */
.verification-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr)) minmax(220px,1.3fr);gap:12px;margin-bottom:22px}
.verify-stat{display:flex;flex-direction:column;align-items:flex-start;gap:6px;padding:16px 18px;border:1px solid var(--line);border-radius:14px;background:var(--white);color:var(--ink);cursor:pointer;text-align:left;transition:border-color .15s,box-shadow .15s}
.verify-stat span{font-size:12px;color:var(--muted)}
.verify-stat strong{font-size:26px;font-weight:500;letter-spacing:-.02em}
.verify-stat.priority strong{color:#4b7940}.verify-stat.work strong{color:#627da1}.verify-stat.out strong{color:#af6a55}
.verify-stat:hover,.verify-stat.active{border-color:var(--green);box-shadow:0 0 0 3px rgba(27,81,69,.08)}
.verify-cta{display:flex;flex-direction:column;justify-content:space-between;gap:10px;padding:16px 18px;border-radius:14px;background:var(--ink);color:#fff}
.verify-cta small{display:flex;align-items:center;gap:6px;color:#cfe0d6;font-size:12px}
.verify-cta .svg-icon{width:15px;height:15px}
.verify-cta .btn.primary{background:var(--lime);color:var(--ink);border-color:var(--lime)}
.triage-banner{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:16px 20px;margin-bottom:22px;border-radius:14px;background:#eef4e6;border:1px solid #d7e6c4}
.triage-banner>div{display:flex;gap:12px;align-items:center}
.triage-banner>div>div{display:flex;flex-direction:column;gap:3px}
.triage-banner span{font-size:13px;color:var(--muted)}
.triage-banner .svg-icon{width:22px;height:22px;color:var(--green)}
.lead-table .select-cell{width:36px}
.lead-table tr.selected td{background:#f4f8ef}
.lead-table input[type=checkbox]{width:16px;height:16px;accent-color:var(--green)}
.fit-chip{display:inline-flex;align-items:center;gap:6px;font-size:12px;color:var(--muted)}
.fit-chip strong{display:inline-grid;place-items:center;min-width:30px;height:22px;padding:0 6px;border-radius:6px;background:#f0f2ed;color:var(--ink);font-size:11px;font-weight:600}
.fit-chip.good strong{background:#e8f2e3;color:#4b7940}.fit-chip.progress strong{background:#e9eff8;color:#627da1}.fit-chip.warn strong{background:#fbefdd;color:#a58549}.fit-chip.bad{color:#af6a55}.fit-chip.bad strong{background:#faeae4;color:#af6a55}
.verify-pending{font-size:12px}
.intent-cell{display:flex;flex-direction:column;gap:2px;font-size:12px}
.intent-cell small{color:var(--muted);font-size:11px}
.triage-chip{font-size:11px;padding:4px 8px;border-radius:999px;background:#f0f2ed;color:var(--muted);white-space:nowrap}
.triage-chip.potential{background:#e8f2e3;color:#4b7940}.triage-chip.explore{background:#e9eff8;color:#627da1}.triage-chip.not_potential{background:#faeae4;color:#af6a55}
.bulk-bar{position:sticky;top:calc(env(safe-area-inset-top,0px) + 8px);z-index:5;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;margin:0 24px 14px;padding:10px 14px;border-radius:12px;background:var(--ink);color:#fff;box-shadow:0 10px 30px rgba(24,60,53,.18)}
.bulk-bar .actions{display:flex;flex-wrap:wrap;gap:8px}
.bulk-bar .btn{background:rgba(255,255,255,.08);color:#fff;border-color:rgba(255,255,255,.2)}
.bulk-bar .btn.primary{background:var(--lime);color:var(--ink);border-color:var(--lime)}
.bulk-bar .link-button{color:#dbe7df}
.verification-panel .panel-header{align-items:flex-start}
.fit-score{display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:76px;padding:10px 12px;border-radius:12px;background:#f0f2ed;color:var(--ink)}
.fit-score strong{font-size:26px;font-weight:500;line-height:1}
.fit-score span{font-size:11px;color:var(--muted);margin-top:4px}
.fit-score.match{background:#e8f2e3}.fit-score.match strong{color:#4b7940}
.fit-score.partial{background:#e9eff8}.fit-score.partial strong{color:#627da1}
.fit-score.weak{background:#fbefdd}.fit-score.weak strong{color:#a58549}
.fit-score.out{background:#faeae4}.fit-score.out strong{color:#af6a55}
.registry-card{padding:14px 16px;border:1px solid var(--line);border-radius:12px;background:#fbfcf9;margin-bottom:14px}
.registry-card.closed{border-color:#e8c9bf;background:#fdf6f3}
.registry-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:10px}
.registry-head small{display:block;color:var(--muted);font-size:11px;margin-top:3px}
.registry-card .link-button{margin-top:8px;font-size:12px}
.metadata.compact{grid-template-columns:110px 1fr;row-gap:6px;margin:0 0 8px}
.metadata.compact dd small{color:var(--muted)}
.candidate-list{display:grid;gap:8px;margin:10px 0}
.candidate{display:flex;flex-direction:column;align-items:flex-start;gap:3px;padding:10px 12px;border:1px solid var(--line);border-radius:10px;background:#fff;color:var(--ink);cursor:pointer;text-align:left}
.candidate:hover{border-color:var(--green)}
.candidate small{color:var(--muted);font-size:11px}
.inline-form{display:flex;align-items:flex-end;flex-wrap:wrap;gap:10px;margin-top:10px}
.inline-form label{flex:1 1 180px;margin:0}
.contact-checks{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:14px}
.check-pill{display:inline-flex;align-items:center;gap:6px;padding:6px 10px;border-radius:999px;background:#f0f2ed;font-size:12px;color:var(--ink)}
.check-pill .svg-icon{width:14px;height:14px}
.check-pill.good{background:#e8f2e3;color:#3e6a35}.check-pill.bad{background:#faeae4;color:#9c5644}
.fit-reasons{list-style:none;margin:0 0 16px;padding:0;display:grid;gap:7px}
.fit-reasons li{display:flex;align-items:center;gap:8px;font-size:13px}
.fit-reasons li .svg-icon{width:15px;height:15px;flex:none}
.fit-reasons li.positive{color:#3e6a35}.fit-reasons li.negative{color:#9c5644}.fit-reasons li.blocking{color:#9c5644;font-weight:600}.fit-reasons li.neutral{color:var(--muted)}
.fit-reasons.compact li{font-size:12px}
.fit-reasons.compact li::before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor;flex:none}
.triage-actions{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:10px;padding-top:14px;border-top:1px solid var(--line);font-size:13px}
.triage-actions .actions{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.lock-tag{display:inline-flex;align-items:center;gap:4px;margin-left:8px;padding:2px 7px;border-radius:999px;background:#e8f2e3;color:#3e6a35;font-size:10px;font-weight:600;vertical-align:middle}
.lock-tag .svg-icon{width:11px;height:11px}
.lock-release{font-size:11px;margin-left:6px}
.conflict-row{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;padding-top:10px;border-top:1px dashed #e3d3b2;margin-top:10px}
.conflict-row p{margin:0}
.conflict-row small{display:block;color:var(--muted);margin-top:3px}
.whatsapp-panel .section-tag{color:#2e7d4f}
.muted-panel{background:#fbfcf9}
.wa-thread{display:flex;flex-direction:column;gap:8px;max-height:420px;overflow-y:auto;padding:14px;border-radius:12px;background:#efeae2}
.wa-bubble{max-width:82%;padding:8px 11px;border-radius:10px;font-size:13px;box-shadow:0 1px 1px rgba(0,0,0,.06)}
.wa-bubble p{margin:0;white-space:pre-wrap}
.wa-bubble small{display:block;margin-top:4px;font-size:10px;color:#6b7a73;text-align:right}
.wa-bubble.out{align-self:flex-end;background:#d9fdd3}
.wa-bubble.in{align-self:flex-start;background:#fff}
.wa-bubble.failed{background:#faeae4}
.wa-preview{padding:12px 14px;border-radius:12px;background:#efeae2;margin-bottom:16px;font-size:13px}
.wa-preview small{font-size:10px;letter-spacing:.08em;color:#6b7a73}
.wa-preview p{margin:6px 0;background:#fff;padding:9px 11px;border-radius:10px}
.wa-preview span{font-size:12px;color:#2e7d4f}
.question-row{display:grid;grid-template-columns:1fr 170px auto;gap:10px;align-items:end;margin-bottom:8px}
.question-row label{margin:0}
.wa-suggestions{display:flex;flex-wrap:wrap;gap:6px;align-items:center;margin:12px 0}
.wa-suggestions small{width:100%;color:var(--muted)}
.chip{padding:6px 10px;border-radius:999px;border:1px dashed var(--green);background:#fff;color:var(--green);font-size:12px;cursor:pointer;text-align:left}
.optin{border:1px solid var(--line);border-radius:12px;padding:12px 14px;margin:14px 0}
.optin legend{font-size:12px;padding:0 6px;color:var(--muted)}
.triage-card{display:flex;flex-direction:column;gap:14px}
.triage-head{display:flex;justify-content:space-between;align-items:flex-start;gap:16px}
.triage-head h3{margin:0;font-size:22px;font-weight:500}
.triage-head p{margin:4px 0 0;color:var(--muted)}
.triage-facts{display:flex;flex-wrap:wrap;gap:8px}
.triage-facts span{display:inline-flex;align-items:center;gap:6px;padding:6px 10px;border-radius:999px;background:#f0f2ed;font-size:12px}
.triage-facts .svg-icon{width:14px;height:14px}
.triage-card blockquote{margin:0;padding:12px 14px;border-left:3px solid var(--lime);background:#fbfcf9;border-radius:0 10px 10px 0;font-size:13px;color:#3c524b}
.triage-buttons,.triage-reasons{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.triage-reasons strong{width:100%}
kbd{display:inline-grid;place-items:center;min-width:20px;height:20px;padding:0 5px;margin-right:4px;border-radius:5px;border:1px solid currentColor;font:600 11px ui-monospace,monospace;opacity:.75}
.triage-done{text-align:center;padding:10px 0}
.triage-done .svg-icon{width:36px;height:36px;color:var(--green)}
.weights-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}
.weights-grid label{margin:0}
.error-text{color:var(--red)}
.size-options{display:flex;flex-wrap:wrap;gap:6px 16px;border:0;padding:0;margin:8px 0}
.size-options legend{font-size:13px;margin-bottom:6px}
.catalogue-features ul{list-style:none;display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:10px;margin:0}
.catalogue-features li{display:flex;gap:8px;align-items:center;font-size:13px}
.catalogue-features .svg-icon{width:15px;height:15px;color:var(--green);flex:none}
@media(max-width:1100px){.verification-strip{grid-template-columns:repeat(2,minmax(0,1fr))}.verify-cta{grid-column:1/-1}.weights-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.bulk-bar{margin:0 12px 12px}.question-row{grid-template-columns:1fr}.triage-banner{flex-direction:column;align-items:flex-start}.lead-table th:nth-child(5),.lead-table td:nth-child(5),.lead-table th:nth-child(7),.lead-table td:nth-child(7){display:none}}
.metadata.compact{display:grid;grid-template-columns:110px 1fr;gap:6px 12px;font-size:13px}
.metadata.compact dt,.metadata.compact dd{margin:0}
@media(max-width:760px){.metadata.compact{grid-template-columns:1fr}}

/* ---------- Customer assistant ---------- */
#accordelia-assistant{position:fixed;right:24px;bottom:max(22px,env(safe-area-inset-bottom));z-index:900;font-family:inherit;color:#203c33;font-size:14px;line-height:1.5;text-align:left;letter-spacing:normal}
#accordelia-assistant *,#accordelia-assistant *:before{box-sizing:border-box}
#accordelia-assistant [hidden]{display:none!important}
#accordelia-assistant button{font-family:inherit;cursor:pointer}
#accordelia-assistant button:focus-visible,#accordelia-assistant textarea:focus-visible,#accordelia-assistant input:focus-visible,#accordelia-assistant a:focus-visible{outline:3px solid #93ab64;outline-offset:2px}
#accordelia-assistant button:disabled{opacity:.5;cursor:default}
.assistant-launcher{position:relative;display:flex;align-items:center;gap:0;height:54px;padding:0 12px;border:1px solid #dce4d4;background:#fffef9;border-radius:27px;color:#173d35;box-shadow:0 8px 28px #173d3526;transition:box-shadow .2s,transform .2s}
.assistant-launcher:hover,.assistant-launcher:focus-visible{transform:translateY(-2px);box-shadow:0 12px 34px #173d3536}
.assistant-launcher-label{max-width:0;overflow:hidden;white-space:nowrap;font-size:13px;font-weight:600;transition:max-width .25s ease,margin .25s ease}
.assistant-launcher:hover .assistant-launcher-label,.assistant-launcher:focus-visible .assistant-launcher-label{max-width:160px;margin-left:10px}
.assistant-launcher kbd{font:600 10px ui-monospace,monospace;border:1px solid #cfd9c4;border-radius:5px;padding:1px 5px;margin-left:6px;color:#6b7d68}
.assistant-unread{position:absolute;top:6px;right:8px;width:11px;height:11px;border-radius:50%;background:#c46a4a;border:2px solid #fffef9}
.assistant-panel{width:420px;height:min(680px,calc(100dvh - 44px));display:flex;flex-direction:column;border:1px solid #dfe5d8;background:#fbfcf7;border-radius:20px;box-shadow:0 20px 70px #102d3438;overflow:hidden;animation:assistant-enter .18s ease-out;transition:width .2s ease,height .2s ease}
.assistant-panel.expanded{width:min(720px,calc(100vw - 48px));height:calc(100dvh - 44px)}
.assistant-header{display:flex;align-items:center;gap:10px;padding:12px 12px 12px 16px;background:#173d35;color:#f2f6e7;flex-shrink:0}
.assistant-header>div{flex:1;min-width:0}
.assistant-header h2{font-size:16px;font-weight:600;margin:0;color:inherit;font-family:inherit;line-height:1.2}
.assistant-where{margin:2px 0 0;color:#bcd0b5;font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.assistant-balance{font-size:11px;color:#dbe9c3;background:#ffffff14;border-radius:999px;padding:3px 9px;white-space:nowrap}
.assistant-header button{background:transparent;color:#dfe8d5;border:0;font-size:18px;width:32px;height:32px;border-radius:8px;display:grid;place-items:center}
.assistant-header button:hover{background:#ffffff18}
.assistant-lead{display:flex;gap:10px;align-items:flex-start;padding:10px 16px;background:#eef3e5;border-bottom:1px solid #dde6d2;cursor:pointer;flex-shrink:0}
.assistant-lead input{margin-top:3px;width:16px;height:16px;accent-color:#244d3e;flex:none}
.assistant-lead strong{display:block;font-size:12px;color:#244d3e}
.assistant-lead small{display:block;font-size:10.5px;color:#6d7f68;line-height:1.35}
.assistant-messages{overflow-y:auto;overscroll-behavior:contain;padding:18px 16px;flex:1;min-height:0;scroll-behavior:smooth}
.assistant-welcome h3{font:normal 24px/1.2 Georgia,serif;margin:0 0 6px;letter-spacing:-.4px}
.assistant-welcome>p{color:#6d7d70;font-size:13px;margin:0 0 6px}
.assistant-section{display:flex;justify-content:space-between;align-items:baseline;margin:18px 0 8px;font-size:10px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:#6d8164}
.assistant-section small{font-weight:500;letter-spacing:0;text-transform:none;color:#97a18f}
.assistant-brief{border:1px solid #e1e8d8;border-radius:12px;background:#fff;overflow:hidden}
.assistant-brief-row{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:9px 12px;font-size:12.5px}
.assistant-brief-row+.assistant-brief-row{border-top:1px solid #edf1e8}
.assistant-brief-row button{border:0;background:none;color:#2c6a4f;font-size:12px;font-weight:600;padding:2px 0;white-space:nowrap}
.assistant-actions{display:flex;flex-wrap:wrap;gap:6px}
.assistant-actions button{border:1px solid #cddbbf;background:#f1f6e8;color:#244d3e;border-radius:999px;padding:7px 12px;font-size:12px}
.assistant-actions button:hover{background:#e5eed8}
.assistant-suggestion,.assistant-followups button{display:block;width:100%;text-align:left;border:1px solid #dce3d4;background:#fff;padding:9px 12px;margin:6px 0;border-radius:11px;color:#34503d;font-size:12.5px}
.assistant-suggestion:hover,.assistant-followups button:hover{border-color:#8b9f76;background:#f5f8ef}
.assistant-message{margin:0 0 16px;max-width:92%;padding:11px 13px;border-radius:14px;background:#fff;border:1px solid #e4e9dd;overflow-wrap:anywhere}
.assistant-message.assistant-user{margin-left:auto;background:#e6eedb;border-color:#dbe5cd;border-bottom-right-radius:4px}
.assistant-message.assistant-user>p{margin:0;white-space:pre-wrap;font-size:13px}
.assistant-message.assistant-assistant{border-bottom-left-radius:4px;max-width:100%}
.assistant-text{font-size:13px;line-height:1.6}
.assistant-text p{margin:0 0 8px}.assistant-text p:last-child{margin-bottom:0}
.assistant-text ul,.assistant-text ol{margin:4px 0 8px;padding-left:20px}
.assistant-text li{margin:3px 0}
.assistant-row{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin-top:10px}
.assistant-row button,.assistant-link{border:1px solid #d5e0c9;border-radius:8px;background:#f6f9f1;color:#2f5543;font-size:11.5px;padding:5px 9px;text-decoration:none}
.assistant-row .assistant-primary{background:#244d3e;border-color:#244d3e;color:#eef5df}
.assistant-meta{border-top:1px solid #eef2e8;padding-top:8px}
.assistant-rate{padding:4px 7px!important;filter:grayscale(1);opacity:.7}
.assistant-rate.chosen{filter:none;opacity:1;border-color:#93ab64!important}
.assistant-receipt{margin-left:auto;font-size:10px;color:#8b9883}
.assistant-tag{display:inline-block;font-size:10px;color:#4b7940;background:#e8f2e3;border-radius:999px;padding:2px 8px;margin-top:6px}
.assistant-letter{margin-top:10px;padding:11px 12px;border-radius:12px;background:#f7f3e8;border:1px solid #ebe0c6}
.assistant-letter>strong{font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:#7d6a3e}
.assistant-letter>p{white-space:pre-wrap;font-size:13px;margin:6px 0 0;color:#3a3a2e}
.assistant-letter>small{display:block;margin-top:8px;font-size:10.5px;color:#8b826a}
.assistant-draft{border-top:1px solid #e4eadb;margin-top:12px;padding-top:10px}
.assistant-draft>strong{font-size:12px}
.assistant-draft-field{margin:6px 0}.assistant-draft-field small{color:#718365;font-size:10.5px}.assistant-draft-field p{margin:0;font-size:12.5px;white-space:pre-wrap}
.assistant-draft>small{display:block;color:#8b9883;font-size:10.5px;margin:6px 0}
.assistant-draft>button{border:1px solid #244d3e;border-radius:8px;background:#244d3e;color:#eef5df;font-size:12px;padding:7px 11px}
.assistant-filled{box-shadow:0 0 0 3px #dbedb6!important}
.assistant-typing{display:flex;align-items:center;gap:4px;padding:6px 2px 14px;color:#73896a;font-size:12px}
.assistant-typing span{width:6px;height:6px;border-radius:50%;background:#93ab64;animation:assistant-dot 1.2s infinite ease-in-out}
.assistant-typing span:nth-child(2){animation-delay:.15s}.assistant-typing span:nth-child(3){animation-delay:.3s}
.assistant-typing em{font-style:normal;margin-left:8px}
.assistant-followups{padding:6px 16px 0;flex-shrink:0;max-height:150px;overflow-y:auto}
.assistant-followups button{margin:0 0 5px;padding:7px 11px;font-size:12px}
#assistant-form{padding:8px 14px 12px;flex-shrink:0;border-top:1px solid #e6ebdf}
.assistant-composer{display:flex;align-items:flex-end;background:#fff;border:1px solid #cad7be;border-radius:14px;padding:7px 7px 7px 11px;gap:8px}
.assistant-composer:focus-within{border-color:#7f9a62;box-shadow:0 0 0 3px #e5eed8}
.assistant-composer textarea{width:100%;min-height:22px;max-height:140px;resize:none;border:0;background:transparent;box-shadow:none;font:inherit;font-size:13px;padding:4px 0;line-height:1.45;color:#284633;margin:0;overflow-y:auto}
.assistant-composer textarea:focus{outline:0}
.assistant-composer button{width:34px;height:34px;flex-shrink:0;background:#244d3e;border:0;border-radius:10px;color:#e1edc7;font-size:20px}
.assistant-hint{display:flex;justify-content:space-between;gap:8px;font-size:10px;margin:6px 2px 0;color:#909888}
.assistant-hint .assistant-cost{color:#57704e;white-space:nowrap}
.assistant-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
.assistant-error{border-color:#e0cbbb}.assistant-error .assistant-text{color:#875837}
dialog:has(#accordelia-assistant){overflow:visible}dialog #accordelia-assistant{position:fixed}
@keyframes assistant-enter{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
@keyframes assistant-dot{0%,80%,100%{opacity:.25;transform:translateY(0)}40%{opacity:1;transform:translateY(-3px)}}
@media(max-width:600px){#accordelia-assistant{right:12px;bottom:max(12px,env(safe-area-inset-bottom))}.assistant-launcher{height:50px;padding:0 10px}.assistant-launcher:hover .assistant-launcher-label{max-width:0;margin:0}.assistant-panel,.assistant-panel.expanded{position:fixed;inset:env(safe-area-inset-top,0px) 0 0 0;width:100vw;height:auto;border-radius:0;border:0}.assistant-expand{display:none!important}.assistant-hint span:first-child{display:none}}
@media(prefers-reduced-motion:reduce){.assistant-panel,.assistant-typing span{animation:none}.assistant-launcher,.assistant-launcher-label,.assistant-panel{transition:none}}
#accordelia-assistant .assistant-composer textarea:focus,#accordelia-assistant .assistant-composer textarea:focus-visible{outline:0;box-shadow:none;border:0}

/* Accordelia — relation monogram, October 2026. */
.brand{gap:12px;font-weight:600;letter-spacing:-1.25px}
.brand img{width:40px;height:40px;flex-shrink:0;border-radius:11px}
.brand-period{color:#91b68d}
.sidebar .brand img{width:38px;height:38px}
.auth-story .brand{gap:14px;font-weight:550;letter-spacing:-1.4px}
.auth-story .brand img{width:48px;height:48px;border:0;border-radius:13px}
.brand-loading-orbit img{border-radius:22px}
@media(max-width:760px){.sidebar .brand img{width:34px;height:34px}.auth-story .brand img{width:42px;height:42px}}

/* Notification centre */
.notification-bell{position:relative;display:grid;place-items:center;flex-shrink:0;width:32px;height:32px;padding:6px;border:0;border-radius:9px;background:transparent;color:#173d35;cursor:pointer}
.notification-bell:hover,.notification-bell[aria-expanded=true]{background:#e9efdf;border-color:#9caf78}
.notification-bell svg{width:17px;height:17px}.notification-count{position:absolute;top:-2px;right:-3px;min-width:14px;height:14px;padding:0 3px;border:1px solid #fbfcf7;border-radius:20px;background:#a24d32;color:#fff;font-size:8px;font-weight:700;line-height:12px}.notification-count[hidden]{display:none}
.notification-panel{position:fixed;z-index:80;right:30px;top:86px;width:min(460px,calc(100vw - 32px));max-height:calc(100svh - 110px);display:flex;flex-direction:column;overflow:hidden;background:#fcfcf7;border:1px solid #dce3d7;border-radius:22px;box-shadow:0 24px 80px #12372f24;color:#173d35}.notification-panel[hidden]{display:none}
.notification-header{padding:24px 24px 17px;display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.notification-header .eyebrow{font-size:9px;letter-spacing:.18em}.notification-header h2{font-family:inherit;font-size:22px;font-weight:550;letter-spacing:-.6px;margin:8px 0 0}.notification-header h2 span{display:block;font-size:11px;letter-spacing:0;font-weight:400;color:#728073;margin-top:6px}.notification-close{border:0;background:#eef1e6;color:#173d35;border-radius:50%;width:32px;height:32px;font-size:23px;cursor:pointer}.notification-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px 24px;border-top:1px solid #e4e8dd;border-bottom:1px solid #e4e8dd;font-size:10px;color:#718074}.notification-toolbar button,.notification-error button{background:none;border:0;color:#31573f;text-decoration:underline;text-underline-offset:3px;font-size:11px;cursor:pointer}.notification-list{overflow:auto;overscroll-behavior:contain;min-height:80px}.notification-item{display:flex;gap:13px;padding:21px 24px;border-bottom:1px solid #e8ecdf;background:#f5f7ed}.notification-item.is-read{background:transparent}.notification-symbol{flex-shrink:0;display:grid;place-items:center;width:30px;height:30px;border-radius:10px;background:#e7eddf;color:#4d6a40;font-size:15px;font-weight:600}.notification-urgent .notification-symbol{background:#f4e2d9;color:#9b4a32}.notification-warning .notification-symbol{background:#f1ead4;color:#826e2a}.notification-copy{min-width:0;flex:1}.notification-item-heading{display:flex;align-items:flex-start;gap:10px;justify-content:space-between}.notification-item h3{font-family:inherit;font-size:13px;line-height:1.5;margin:3px 0 7px;font-weight:600}.notification-item p{font-size:11px;line-height:1.75;color:#6d7c70;margin:0}.notification-unread{flex-shrink:0;width:6px;height:6px;background:#78975a;border-radius:50%;margin-top:9px}.notification-item-actions{display:flex;flex-wrap:wrap;gap:10px 18px;margin-top:13px}.notification-item-actions button{border:0;padding:0;background:transparent;color:#244d3e;font-size:11px;font-weight:600;cursor:pointer;text-align:left}.notification-item-actions button.notification-read{font-weight:400;color:#788474}.notification-item-actions button:hover{text-decoration:underline;text-underline-offset:3px}.notification-footer{padding:14px 24px;font-size:10px;color:#7b8779;background:#f4f5ec;border-top:1px solid #e4e8dd}.notification-empty{text-align:center;padding:38px 24px;color:#73816f;font-size:12px}.notification-empty>span{display:grid;place-items:center;width:44px;height:44px;margin:0 auto 18px;border-radius:50%;background:#e6eddc;color:#547248;font-size:22px}.notification-empty h3{font-family:inherit;font-size:17px;color:#244d3e;margin:0 0 10px}.notification-empty p{font-size:12px;line-height:1.7;margin:0}.notification-error{background:#f8eee2;color:#885336;padding:14px 24px;font-size:12px;line-height:1.6}.notification-filter{display:flex;align-items:center;justify-content:space-between;gap:15px;border:1px solid #cdd9bd;border-radius:12px;background:#eef3e6;padding:14px 18px;margin-bottom:18px;font-size:12px}.notification-filter button{border:0;background:none;color:#41603a;font-size:11px;text-decoration:underline;cursor:pointer}.notification-panel button:focus-visible,.notification-bell:focus-visible{outline:2px solid #608047;outline-offset:3px}
@media(max-width:760px){.notification-panel{top:122px;right:12px;width:calc(100vw - 24px);max-height:calc(100svh - 140px);border-radius:18px}.notification-header{padding:20px}.notification-item{padding:19px 18px}.notification-toolbar{padding:12px 18px}.notification-toolbar>span{max-width:155px;line-height:1.5}.notification-bell{width:32px;height:32px;border-radius:9px}.notification-filter{align-items:flex-start;flex-direction:column;gap:10px}}

/* A single compact subscription card, including the live AI balance. */
.plan-switcher{gap:5px;padding:4px;border:1px solid #dce4d3;background:#f0f4e8;border-radius:12px;flex-shrink:0}
.plan-switcher .plan-status{display:flex;align-items:center;gap:9px;border:0;background:transparent;padding:4px 9px 4px 4px;border-radius:8px;line-height:1.25;text-align:left}
.plan-status .plan-emblem{display:grid;place-items:center;width:28px;height:28px;flex-shrink:0;border-radius:8px;background:#e2ead5;color:#42633c}
.plan-status .plan-emblem .svg-icon{width:15px;height:15px}
.plan-status .plan-caption{display:flex;flex-direction:column;gap:3px;min-width:0}
.plan-status .plan-caption-name{font-size:11px;font-weight:550;color:#24483c}
.plan-status .header-credit-balance{display:flex;align-items:center;gap:4px;padding:0;line-height:1.2;font-size:9px;color:#78886e;cursor:inherit}
.plan-status .header-credit-balance strong{font-size:9px;font-weight:600;color:#526c47;font-variant-numeric:tabular-nums}
.plan-status .header-credit-balance>span{font-size:9px;color:#78886e}
.plan-status .header-credit-balance .credit-dot{display:block;width:4px;height:4px;margin-right:1px;border-radius:50%;background:#87a366}
.plan-switcher .upgrade-plan{align-self:center;font-size:10px;font-weight:550;padding:9px 12px;border-radius:8px;white-space:nowrap}
@media(max-width:760px){.plan-switcher{flex:0 1 auto;justify-content:flex-start;gap:3px;padding:3px}.plan-switcher .plan-status{gap:6px;padding:3px 5px 3px 2px}.plan-status .plan-emblem{width:24px;height:24px;border-radius:7px}.plan-status .plan-caption-name{font-size:10px}.plan-switcher .upgrade-plan{padding:8px 9px;font-size:10px}.header-tools{gap:7px}}

/* ---------- Revue éditoriale 2026-11-01 : connexion, titres, illustrations, notifications ---------- */
.illustration{display:block;width:132px;height:auto;margin:0 auto 16px}
.empty .actions{justify-content:center;margin-top:16px}
.heading h1{margin:0 0 6px;font-size:32px}
.heading p{margin:0;color:#6f7d70}

.auth-story-body{max-width:520px}
.auth-story h1{font-size:clamp(34px,3.3vw,50px);letter-spacing:-1.2px;line-height:1.12;margin:44px 0 16px}
.auth-story-body>p{font-size:14px;line-height:1.75;max-width:470px;color:#c4d4c6;margin:0 0 30px}
.auth-preview{margin:0 0 28px}
.auth-preview-card{background:#fbfcf6;color:#1f3d34;border-radius:16px;padding:20px 22px;box-shadow:0 22px 50px #0a1f1a59;max-width:430px}
.auth-preview-head{display:flex;align-items:center;gap:12px}
.auth-preview-head .avatar{width:38px;height:38px;flex-shrink:0;display:grid;place-items:center;border-radius:50%;background:#e3ebd6;color:#284c3f;font-size:12px;font-weight:650}
.auth-preview-head>div{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}
.auth-preview-head strong{font-size:15px}
.auth-preview-head small{font-size:11.5px;color:#738272}
.auth-preview-score{font-size:12px;color:#738272;white-space:nowrap}
.auth-preview-score strong{font-size:26px;color:#1d5a40;font-weight:600;letter-spacing:-.5px}
.auth-preview-verified{display:inline-flex;align-items:center;gap:6px;margin:14px 0 6px;padding:4px 9px;border-radius:20px;background:#e6efdc;color:#3b6a45;font-size:11px;font-weight:550}
.auth-preview-verified svg{width:13px;height:13px}
.auth-preview dl{margin:8px 0 0;display:grid;grid-template-columns:1fr 1fr;gap:1px;background:#e6eadf;border:1px solid #e6eadf;border-radius:10px;overflow:hidden}
.auth-preview dl>div{background:#fff;padding:9px 12px}
.auth-preview dt{font-size:10.5px;color:#8a9585;margin:0 0 3px}
.auth-preview dd{margin:0;font-size:12.5px;font-weight:550;display:flex;align-items:center;gap:5px}
.auth-preview dd svg{width:13px;height:13px;color:#3f8a55}
.auth-preview dd.unknown{color:#9a7a2e}
.auth-preview-next{display:flex;align-items:center;gap:10px;margin-top:14px;padding:11px 12px;border-radius:10px;background:#183f36;color:#f2f6ea;font-size:12.5px}
.auth-preview-next svg{width:18px;height:18px;color:#cfe3a5;flex-shrink:0}
.auth-preview-next small{display:block;font-size:11px;color:#b9cdb4;margin-top:1px}
.auth-preview figcaption{font-size:10.5px;color:#93ab98;margin-top:9px}
.auth-facts{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:11px}
.auth-facts li{display:flex;align-items:center;gap:10px;font-size:13px;color:#d8e4d6}
.auth-facts svg{width:17px;height:17px;color:#bcd796;flex-shrink:0}
.auth-story footer a{color:#a9c0aa}
.auth-box h2{margin:0 0 8px}
.auth-box>p.muted{margin:0 0 22px}
@media(max-width:760px){.auth-preview,.auth-facts{display:none}.auth-story h1{font-size:30px;margin:26px 0 10px}.auth-story-body>p{margin:0;font-size:13px}}

.pilot-brief-main{display:flex;gap:18px;align-items:flex-start}
.pilot-brief-icon{flex-shrink:0;display:grid;place-items:center;width:46px;height:46px;border-radius:12px;background:#ffffff14;color:#d5e8ac}
.pilot-brief-icon svg{width:22px;height:22px}
.pilot-brief h2{margin:4px 0 8px}
.pilot-brief-aside>span{font-size:11px;letter-spacing:0;color:#bdd0ac}
.pilot-levers>h2,.pilot-pipeline>h2{font-size:15px;font-weight:600;margin:0 0 6px}
.pilot-empty .illustration{width:110px}
/* Legibility: the smallest labels were 8-9px. */
.pilot-priority{font-size:10px}.pilot-task-title{font-size:13px}.pilot-task-next p{font-size:12px}.pilot-task-identity>small,.pilot-task-owner>small{font-size:11px}.pilot-task-owner{font-size:11.5px}.pilot-task-labels{font-size:10.5px}.pilot-task-action .btn{font-size:11px}.pilot-filters button{font-size:11.5px}.pilot-metric>span{font-size:12px}.pilot-metric>small{font-size:11px}.pilot-levers p{font-size:11.5px}.pilot-freshness{font-size:10.5px}.pilot-pagination>small{font-size:11px}.pilot-workspace-heading p{font-size:12px}

/* Notifications */
.notification-panel{max-height:calc(100svh - 190px)}
.notification-header{align-items:center;padding:18px 18px 14px 22px;border-bottom:1px solid #e4e8dd}
.notification-header h2{margin:0;font-size:17px;font-weight:600;letter-spacing:-.2px}
.notification-header>div{display:flex;align-items:center;gap:10px}
.notification-read-all{border:0;background:none;color:#31573f;font-size:12px;cursor:pointer;padding:6px 4px}
.notification-read-all:disabled{color:#a4ad9f;cursor:default}
.notification-close{width:30px;height:30px;font-size:20px;line-height:1}
.notification-group{margin:0;padding:14px 22px 6px;font-size:11.5px;font-weight:600;color:#7a8676;background:#fcfcf7}
.notification-item{padding:14px 22px 16px;gap:12px;background:#fcfcf7;border-bottom:1px solid #edf0e6}
.notification-item:not(.is-read){background:#f4f7ec}
.notification-symbol{width:34px;height:34px;border-radius:10px}
.notification-symbol svg{width:17px;height:17px}
.notification-urgent .notification-symbol{background:#f6e3da;color:#a2482c}
.notification-warning .notification-symbol{background:#f4ecd4;color:#86691d}
.notification-success .notification-symbol{background:#e2eedb;color:#3e7a46}
.notification-info .notification-symbol{background:#eceee7;color:#5f6d62}
.notification-item h3{font-size:13.5px;margin:2px 0 4px;line-height:1.4}
.notification-item p{font-size:12.5px;line-height:1.55;color:#5f6e63}
.notification-read{flex-shrink:0;display:grid;place-items:center;width:22px;height:22px;margin:-1px -4px 0 0;border:0;border-radius:50%;background:none;cursor:pointer}
.notification-read:hover{background:#e3ead8}
.notification-unread{margin:0;width:8px;height:8px;background:#4f8a4f}
.notification-meter{height:5px;border-radius:5px;background:#e7eadf;margin:9px 0 2px;overflow:hidden}
.notification-meter span{display:block;height:100%;background:#c08a2e;border-radius:5px}
.notification-urgent .notification-meter span{background:#a2482c}
.notification-action{margin-top:10px;border:1px solid #cdd8c2;background:#fff;color:#21493b;border-radius:8px;padding:6px 11px;font-size:12px;font-weight:550;cursor:pointer}
.notification-action:hover{border-color:#8fa877;background:#f6f9f0}
.notification-empty .illustration{width:116px;margin-bottom:10px}
.notification-empty h3{font-size:15px;margin:0 0 6px}
.notification-loading{padding:28px 22px;font-size:12.5px;color:#6f7d70;margin:0}
@media(max-width:760px){.notification-panel{max-height:calc(100svh - 210px)}.notification-header{padding:16px}.notification-item{padding:14px 16px}.notification-group{padding:12px 16px 6px}}
.pilot-brief{grid-template-columns:1fr}
.panel .box-body>p:not(.help):not(.error){font-size:13px;line-height:1.6;color:#4f6156}.ai-qualification .box-body>.btn{margin-bottom:12px}
@media(max-width:760px){.registering .auth-story,.auth-story{min-height:0!important;justify-content:flex-start}}
/* Recherche du SIREN */
.registry-missing{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap}.registry-missing p{margin:0}
.registry-actions{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-top:12px}
.candidate-reasons{display:flex;flex-wrap:wrap;gap:5px;margin-top:6px}.candidate-reasons em{font-style:normal;font-size:11px;padding:2px 7px;border-radius:10px;background:#e6efdc;color:#3b6a45}
.verify-missing{display:inline-flex;align-items:center;gap:6px;border:0;background:none;color:#e4eecf;font-size:12px;cursor:pointer;text-decoration:underline;text-underline-offset:3px;padding:0}.verify-missing svg{width:14px;height:14px}
.notification-filter-actions{display:flex;align-items:center;gap:14px;flex-wrap:wrap}.notification-filter-actions .btn{font-size:12px;padding:7px 12px;text-decoration:none;color:#fff}
.notification-filter .notification-filter-actions .btn.primary{background:#234e40;border-radius:8px;display:inline-flex;align-items:center;gap:6px}.notification-filter-actions .btn svg{width:14px;height:14px}
.officers{margin:12px 0 10px;border-top:1px solid #e6eadf;padding-top:12px}.officers-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:6px}.officers-head strong{font-size:13px}.officers-head .link-button{display:inline-flex;align-items:center;gap:5px;font-size:12px}.officers-head svg{width:14px;height:14px}
.officers ul{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:6px}.officers li{display:flex;gap:8px;align-items:flex-start;padding:7px 9px;border-radius:8px;background:#f6f8f1;font-size:12.5px}.officers li svg{width:15px;height:15px;color:#7d9566;flex-shrink:0;margin-top:2px}.officers li small{display:block;font-size:11px;color:#738272}.officers li.is-contact{background:#e3eed8;outline:1px solid #b9d0a2}
.directory-link{display:inline-flex;align-items:center;gap:5px;font-size:12px;margin:8px 0}.directory-link svg{width:14px;height:14px}
.candidate-reasons em.neg{background:#f4ecd4;color:#86691d}

/* ---------- Méthode de décision, potentiel commercial (2026-11-03) ---------- */
.method-funnel{background:#fff;border:1px solid #e0e5d9;border-radius:14px;padding:18px 20px;margin:0 0 18px}
.method-head{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;flex-wrap:wrap;margin-bottom:14px}.method-head h2{font-size:15px;font-weight:600;margin:0 0 4px}.method-head p{margin:0;font-size:12px;color:#6f7d70}
.method-decided{display:flex;gap:8px;flex-wrap:wrap}.method-decided span{font-size:12px;padding:4px 10px;border-radius:20px;background:#f1f3ec;color:#55645a}.method-decided .go{background:#e2eedb;color:#2f6b3c}.method-decided .nogo{background:#f6e3da;color:#9b4a32}
.method-steps{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px}
.method-step{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:4px;padding:12px 12px 11px;border:1px solid #e3e8dc;border-radius:11px;background:#fafbf6;cursor:pointer;text-align:left;color:#2c4a3e;font-size:12.5px}
.method-step svg{width:16px;height:16px;color:#6f8c5c}.method-step strong{font-size:22px;font-weight:550;line-height:1.1}.method-step:hover{border-color:#9fb486}.method-step.active{border-color:#234e40;background:#eef3e6;box-shadow:inset 0 0 0 1px #234e40}
.method-num{position:absolute;top:10px;right:11px;width:18px;height:18px;border-radius:50%;background:#e3ebd6;color:#3d5f43;font-size:10.5px;font-weight:650;display:grid;place-items:center}
.method-step.nogo svg{color:#a2482c}.method-step.nogo strong{color:#9b4a32}
.method-hint{font-size:12px;color:#5f6e63}
@media(max-width:900px){.method-steps{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:520px){.method-steps{grid-template-columns:repeat(2,minmax(0,1fr))}}

.decision-path{margin-bottom:20px}
.decision-path-head{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;padding:20px 22px 6px;flex-wrap:wrap}.decision-path-head h2{margin:0 0 4px;font-size:17px;font-weight:600}
.decision-reco{display:flex;flex-direction:column;align-items:flex-end;padding:9px 14px;border-radius:12px;background:#f1f3ec;min-width:170px}.decision-reco span{font-size:11px;color:#6f7d70}.decision-reco strong{font-size:20px;line-height:1.2}.decision-reco small{font-size:11.5px;color:#5f6e63}
.decision-reco.go{background:#e2eedb}.decision-reco.go strong{color:#2f6b3c}.decision-reco.explore{background:#f4ecd4}.decision-reco.explore strong{color:#86691d}.decision-reco.nogo{background:#f6e3da}.decision-reco.nogo strong{color:#9b4a32}
.path-stepper{list-style:none;margin:10px 22px 4px;padding:0;display:grid;grid-template-columns:repeat(5,1fr);counter-reset:none}
.path-stepper li{position:relative;display:flex;flex-direction:column;align-items:center;gap:6px;text-align:center;font-size:11.5px;color:#6f7d70}
.path-stepper li:not(:last-child)::after{content:"";position:absolute;top:15px;left:calc(50% + 18px);right:calc(-50% + 18px);height:2px;background:#e3e8dc}
.path-stepper li.ok:not(:last-child)::after{background:#8fae7a}
.path-dot{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:#eef1e8;color:#5f6e63;font-weight:650;font-size:12.5px;border:2px solid transparent}.path-dot svg{width:15px;height:15px}
.path-stepper li.ok .path-dot{background:#3f7a4c;color:#fff}.path-stepper li.warn .path-dot{background:#f4ecd4;color:#86691d}.path-stepper li.blocked .path-dot{background:#f6e3da;color:#9b4a32}.path-stepper li.current .path-dot{border-color:#234e40}.path-stepper li.current .path-label{color:#173d35;font-weight:600}
.path-details{display:flex;flex-direction:column;gap:6px;padding:12px 22px}
.path-detail{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:10px;background:#fafbf6;border:1px solid #edf0e6}.path-detail>svg{width:17px;height:17px;flex-shrink:0}.path-detail>div{flex:1;min-width:0}.path-detail strong{font-size:12.5px}.path-detail p{margin:2px 0 0;font-size:12.5px;line-height:1.5;color:#4f6156}.path-detail .btn{flex-shrink:0;font-size:12px;padding:8px 12px}
.path-detail.ok>svg{color:#3f8a55}.path-detail.warn>svg{color:#a4801f}.path-detail.blocked{background:#fbf1ec;border-color:#f0d9cd}.path-detail.blocked>svg{color:#a2482c}.path-detail.todo>svg{color:#6f8c5c}
.path-reasons{margin:0 22px 8px;font-size:12.5px;color:#4f6156}
.path-decision{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;padding:14px 22px 18px;border-top:1px solid #edf0e6}.path-decision>span{font-size:13px;font-weight:550}
@media(max-width:700px){.path-stepper{margin:10px 12px 4px}.path-label{font-size:10.5px}.path-detail{flex-wrap:wrap}.decision-reco{align-items:flex-start}}

.insight-panel h2 svg{width:17px;height:17px;vertical-align:-3px;margin-right:4px;color:#6f8c5c}
.tier-badge{display:flex;flex-direction:column;align-items:flex-end;padding:8px 12px;border-radius:10px;background:#eef1e8}.tier-badge strong{font-size:14px}.tier-badge small{font-size:11px;color:#6f7d70}.tier-badge.premium{background:#183f36;color:#f2f6ea}.tier-badge.premium small{color:#c7d8bf}.tier-badge.mid{background:#e2eedb}.tier-badge.entry{background:#f4ecd4}
.tier-capacity{padding:12px 14px;border-radius:10px;background:#f1f3ec;margin-bottom:10px}.tier-capacity strong{display:block;font-size:14px}.tier-capacity small{font-size:12px;color:#5f6e63}.tier-capacity.compatible{background:#e2eedb}.tier-capacity.tight{background:#f4ecd4}.tier-capacity.insufficient{background:#f6e3da}
.tier-signals{margin:0 0 14px;padding:0 0 0 18px;font-size:12.5px;color:#4f6156;line-height:1.7}
.insight-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}@media(max-width:900px){.insight-grid{grid-template-columns:1fr}}
.insight-block{border:1px solid #edf0e6;border-radius:10px;padding:12px 14px}.insight-block h3{font-size:13px;margin:0 0 8px;display:flex;align-items:center;gap:6px}.insight-block h3 svg{width:15px;height:15px;color:#6f8c5c}
.insight-url{margin:0 0 8px;font-size:12.5px;overflow-wrap:anywhere}.insight-url small{color:#7a8676}
.web-score{display:flex;align-items:baseline;gap:6px;margin-bottom:6px}.web-score strong{font-size:26px;font-weight:600;color:#1d5a40}.web-score span{font-size:12px;color:#5f6e63}
.web-criteria{list-style:none;margin:0 0 10px;padding:0;display:flex;flex-direction:column;gap:3px}.web-criteria li{display:flex;align-items:center;gap:7px;font-size:12px}.web-criteria svg{width:13px;height:13px;flex-shrink:0}.web-criteria .ok svg{color:#3f8a55}.web-criteria .ko{color:#7a8676}.web-criteria .ko svg{color:#c08a2e}
.review-score{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.review-score strong{font-size:26px;font-weight:600;color:#1d5a40}.review-score span{font-size:12px;color:#5f6e63}
.stars{--rating:0;display:inline-block;font-size:16px;line-height:1;letter-spacing:2px;background:linear-gradient(90deg,#d9a42b calc(var(--rating)/5*100%),#dde2d6 calc(var(--rating)/5*100%));-webkit-background-clip:text;background-clip:text;color:transparent}.stars::before{content:"★★★★★"}
#insight-website-form{margin-top:8px}

/* ---------- Dictée vocale, consignes, réponse WhatsApp (2026-11-05) ---------- */
.dictation-field{position:relative}.dictation-field>textarea{padding-right:46px}
.dictation-button{position:absolute;right:8px;bottom:8px;display:inline-flex;align-items:center;gap:5px;height:32px;min-width:32px;padding:0 8px;border:1px solid #d9e1d0;border-radius:16px;background:#fff;color:#2c5042;cursor:pointer}
.dictation-button svg{width:16px;height:16px}.dictation-button:hover{border-color:#8fa877}
.dictation-button.recording{background:#a2482c;border-color:#a2482c;color:#fff;animation:dictation-pulse 1.4s ease-in-out infinite}
.dictation-button.busy{opacity:.7;cursor:progress}.dictation-time{font-size:11.5px;font-variant-numeric:tabular-nums}
@keyframes dictation-pulse{50%{box-shadow:0 0 0 6px #a2482c33}}@media(prefers-reduced-motion:reduce){.dictation-button.recording{animation:none}}
.instructions-panel h2 svg{width:17px;height:17px;vertical-align:-3px;margin-right:4px;color:#6f8c5c}
.instructions-panel .form-actions{justify-content:space-between;flex-wrap:wrap;gap:8px}
.wa-composer{margin-top:14px;border-top:1px solid #edf0e6;padding-top:12px}.wa-composer .form-actions{justify-content:space-between;align-items:center;flex-wrap:wrap;gap:8px}.wa-composer-note{margin-top:12px}
.assistant-composer .dictation-field{flex:1;display:flex}.assistant-composer .dictation-field>textarea{width:100%}.assistant-composer .dictation-button{bottom:50%;transform:translateY(50%);height:28px;min-width:28px}
.plan-card .plan-unit-price{font-size:10px;color:#4f6b45;margin:6px 0 0}
.custom-offer{display:grid;grid-template-columns:1fr 1.4fr auto;align-items:center;gap:24px;padding:22px 26px;margin:25px 0}.custom-offer p{font-size:12px;line-height:1.8;color:#60715f;margin:0}.custom-offer .btn{display:flex;align-items:center;gap:8px;font-size:12px;white-space:nowrap}.custom-offer .svg-icon{width:16px;height:16px}
.catalogue-addons{margin:25px 0}.addon-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;padding:22px 26px}.addon-grid>div{display:flex;flex-direction:column;gap:9px;font-size:13px}.addon-grid span{color:#204436;font-weight:500}.addon-grid small{font-size:11px;color:#758172;line-height:1.7}
@media(max-width:1250px){.addon-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.custom-offer{grid-template-columns:1fr}}
@media(max-width:760px){.addon-grid{grid-template-columns:1fr}.custom-offer .btn{justify-content:center}}
/* ---------- Support client et console (2026-11-07) ---------- */
.support-shortcut{display:flex;align-items:center;gap:9px;width:100%;border:1px solid #dce5d0;background:#f4f7ee;color:#24483c;border-radius:9px;padding:10px 12px;margin-bottom:10px;font:inherit;font-size:12px;cursor:pointer;text-decoration:none}.support-shortcut:hover{background:#e9f0de}.support-shortcut .svg-icon{width:16px;height:16px;flex-shrink:0}.support-shortcut.console-link{background:#fff}
.nav-count.nav-alert{background:#b4532a;color:#fff}
.support-intro{border:1px solid #dfe6d5;background:#f6f9f0;border-radius:12px;padding:16px 20px;margin-bottom:22px}.support-intro>div{display:flex;gap:12px;align-items:flex-start}.support-intro p{margin:0;font-size:13px;line-height:1.7;color:#4c6150}.support-intro .svg-icon{width:18px;height:18px;flex-shrink:0;color:#6f8d4a;margin-top:3px}
.support-table td{font-size:13px}.support-table tr.is-unread td{font-weight:600}.support-dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:#b4532a;margin-right:7px;vertical-align:middle}
.support-thread{display:flex;flex-direction:column;gap:14px;margin:22px 0}.support-message{max-width:760px;border:1px solid #dfe6d5;border-radius:12px;padding:14px 18px;background:#fff}.support-message header{display:flex;justify-content:space-between;gap:14px;font-size:12px;color:#5f7262;margin-bottom:8px}.support-message p{margin:0;font-size:14px;line-height:1.75;overflow-wrap:anywhere}.support-message.from-admin{align-self:flex-end;background:#eef4e4;border-color:#cfdcbc}.support-message.from-system{align-self:center;background:transparent;border-style:dashed;padding:8px 14px}.support-message.from-system p{font-size:12px;color:#6b7e68}
.support-reply{padding:18px 20px}.support-reply textarea{width:100%}.support-reply .actions,.support-reply-actions{display:flex;justify-content:flex-end;align-items:flex-end;gap:14px;margin-top:12px}.support-reply-actions label{flex:1;max-width:260px}
.console-auth{min-height:100vh;display:grid;place-items:center;padding:30px;background:#eef3e6}.console-auth .panel{width:min(420px,100%);padding:34px}.console-auth h1{font-size:22px;margin:16px 0 24px}.console-auth .brand{margin-bottom:22px}
.console-tag{display:inline-block;margin:-6px 0 18px 4px;font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:#f1f6df;background:#173f35;border-radius:5px;padding:4px 8px}.console-title{display:flex;align-items:center;gap:8px;font-size:13px;color:#24483c}.console-title .svg-icon{width:17px;height:17px}
.support-toolbar{display:flex;justify-content:space-between;align-items:center;gap:16px;margin:0 0 18px;flex-wrap:wrap}.support-toolbar .catalogue-cycle{margin:0;flex-wrap:wrap}.support-toolbar input{min-width:260px}
.support-inbox{display:grid;grid-template-columns:minmax(300px,380px) 1fr;gap:18px;align-items:start}.support-list{max-height:calc(100vh - 260px);overflow:auto;padding:6px}.support-item{display:flex;flex-direction:column;gap:6px;width:100%;text-align:left;border:0;border-bottom:1px solid #eef1e9;background:none;padding:13px 12px;font:inherit;font-size:12px;color:#4c6150;cursor:pointer;border-radius:8px}.support-item:hover{background:#f6f9f0}.support-item.active{background:#eef4e4}.support-item-top{display:flex;justify-content:space-between;gap:10px;align-items:flex-start}.support-item-top strong{font-size:13px;color:#203e34}.support-item.is-unread strong{font-weight:700}.support-item small{font-size:11px;color:#6b7e68}
.support-priority{font-weight:600}.support-priority.p-urgent{color:#a3361b}.support-priority.p-high{color:#b4532a}.support-priority.p-low{color:#8a978a}.support-overdue{color:#a3361b;font-weight:600}
.support-detail .support-thread{margin:16px 0}.support-detail-head{display:flex;justify-content:space-between;gap:16px;padding:20px 22px;margin-bottom:14px}.support-detail-head h2{margin:8px 0;font-size:19px}.support-detail-head p{margin:0 0 6px;font-size:13px}.support-detail-head small{font-size:11px;color:#6b7e68}
.support-context{padding:14px 20px;font-size:12px;margin-bottom:6px}.support-context summary{cursor:pointer;color:#4c6150}.support-context dl{display:grid;grid-template-columns:150px 1fr;gap:8px 16px;margin:14px 0 6px}.support-context dt{color:#6b7e68}.support-context dd{margin:0;overflow-wrap:anywhere}
.support-update{display:flex;align-items:flex-end;gap:14px;padding:16px 20px;margin-top:14px;flex-wrap:wrap}.support-update label{min-width:170px}.support-placeholder{padding:40px;text-align:center;color:#6b7e68;font-size:13px}.support-mobile-back{display:none}
@media(max-width:1000px){.support-inbox{grid-template-columns:1fr}.support-inbox.has-ticket .support-list{display:none}.support-mobile-back{display:inline-block;margin-bottom:12px}.support-list{max-height:none}.support-placeholder{display:none}}
@media(max-width:760px){.support-toolbar input{min-width:0;width:100%}.support-toolbar form{width:100%}.support-context dl{grid-template-columns:1fr}.support-reply-actions{flex-direction:column;align-items:stretch}.support-reply-actions label{max-width:none}.support-detail-head{flex-direction:column}}
.support-detail-head>.badge,.heading .actions .badge{align-self:flex-start}