.settings-card {
  background:
    linear-gradient(145deg, rgba(255, 253, 247, 0.96), rgba(233, 184, 63, 0.13)),
    repeating-linear-gradient(135deg, transparent 0 15px, rgba(11, 102, 92, 0.035) 15px 16px);
}

.settings-security-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 14px;
  margin-bottom: 18px;
}

.settings-security-card {
  min-height: 154px;
  padding: 22px;
  border: 1px solid rgba(25, 58, 50, .16);
  background: linear-gradient(145deg, rgba(255, 255, 255, .82), rgba(242, 238, 222, .78));
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  position: relative;
  overflow: hidden;
}

.settings-security-card::before {
  content: "";
  position: absolute;
  width: 9px;
  height: 9px;
  border-radius: 50%;
  top: 20px;
  right: 20px;
  background: #c89921;
  box-shadow: 0 0 0 7px rgba(200, 153, 33, .12);
}

.settings-security-card.is-ready::before { background: #0a8069; box-shadow: 0 0 0 7px rgba(10, 128, 105, .12); }
.settings-security-card span { color: #6d746c; font-size: .76rem; letter-spacing: .12em; text-transform: uppercase; }
.settings-security-card strong { color: #173b32; font-family: var(--serif); font-size: 1.35rem; margin: 7px 0 5px; }
.settings-security-card small { color: #72776f; }

.settings-security-note {
  padding: 18px 20px;
  border-left: 4px solid #0a8069;
  background: rgba(10, 128, 105, .07);
  display: grid;
  grid-template-columns: auto 1fr;
  gap: 16px;
  align-items: baseline;
}

.settings-security-note b { color: #0a8069; letter-spacing: .08em; text-transform: uppercase; }
.settings-security-note p { margin: 0; color: #42534d; }
.settings-audit-section { margin-top: 28px; }
.settings-audit-section > header { display: flex; justify-content: space-between; align-items: end; margin-bottom: 14px; }
.settings-audit-section h4 { margin: 2px 0 0; color: #173b32; font-family: var(--serif); font-size: 1.65rem; }
.settings-audit-section > header > span { color: #777b72; font-size: .82rem; }
.settings-audit-list { border-top: 1px solid rgba(25, 58, 50, .14); }
.settings-audit-list article { display: grid; grid-template-columns: 12px minmax(0, 1fr) auto; gap: 14px; padding: 17px 4px; border-bottom: 1px solid rgba(25, 58, 50, .12); align-items: start; }
.settings-audit-list article > i { width: 8px; height: 8px; border-radius: 50%; margin-top: 6px; background: #0a8069; box-shadow: 0 0 0 5px rgba(10, 128, 105, .09); }
.settings-audit-list article div { display: grid; gap: 3px; }
.settings-audit-list article strong { color: #213e36; }
.settings-audit-list article span, .settings-audit-list article small { color: #6f746d; }
.settings-audit-list article time { color: #72776f; font-size: .82rem; text-align: right; }
.settings-audit-list article time b { display: block; color: #28483f; margin-top: 4px; }

@media (max-width: 760px) {
  .settings-security-grid { grid-template-columns: 1fr; }
  .settings-security-card { min-height: 128px; }
  .settings-security-note { grid-template-columns: 1fr; gap: 5px; }
  .settings-audit-list article { grid-template-columns: 12px minmax(0, 1fr); }
  .settings-audit-list article time { grid-column: 2; text-align: left; }
}
.settings-card .action-number,
.settings-card .action-arrow { color: #8d6500; }

.app-shell.settings-active > .workspace {
  grid-template-columns: minmax(0, 1fr);
  max-width: 1540px;
  gap: 0;
  padding-top: clamp(1.25rem, 3vw, 3rem);
}
.app-shell.settings-active .activity-column { display: none; }

.settings-panel { --settings-surface: rgba(255, 253, 247, 0.91); }
.settings-hero {
  position: relative;
  display: grid;
  grid-template-columns: minmax(0, 1fr) 230px;
  gap: clamp(2rem, 6vw, 6rem);
  align-items: center;
  min-height: 330px;
  padding: clamp(2rem, 5vw, 4.8rem);
  overflow: hidden;
  color: var(--paper-bright);
  border-radius: 4px 42px 4px 42px;
  background:
    radial-gradient(circle at 88% 20%, rgba(233, 184, 63, 0.27), transparent 25%),
    linear-gradient(125deg, #073f39 0%, #0a5b51 60%, #124b43 100%);
  box-shadow: 0 30px 75px rgba(7, 70, 63, 0.23);
}
.settings-hero::before {
  content: "";
  position: absolute;
  inset: 0;
  opacity: 0.16;
  background-image:
    linear-gradient(rgba(255,255,255,.2) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,.2) 1px, transparent 1px);
  background-size: 32px 32px;
  mask-image: linear-gradient(90deg, transparent, #000 55%);
}
.settings-hero::after {
  content: "";
  position: absolute;
  width: 250px;
  height: 250px;
  right: -65px;
  bottom: -125px;
  border: 1px solid rgba(255,255,255,.18);
  border-radius: 50%;
  box-shadow: 0 0 0 28px rgba(255,255,255,.025), 0 0 0 58px rgba(255,255,255,.018);
}
.settings-hero-copy,
.settings-readiness { position: relative; z-index: 1; }
.settings-hero .eyebrow { color: #f5cd66; }
.settings-hero h2 {
  max-width: 820px;
  margin: 0;
  font-size: clamp(2.5rem, 5.4vw, 5.2rem);
  line-height: .93;
  letter-spacing: -.055em;
}
.settings-hero-copy > p:not(.eyebrow) {
  max-width: 690px;
  margin: 1.4rem 0 0;
  color: rgba(255,255,255,.76);
  font-size: .95rem;
  line-height: 1.7;
}
.settings-hero-actions { display: flex; align-items: center; gap: 1rem; margin-top: 1.65rem; }
.settings-hero-actions .secondary-button { color: white; border-color: rgba(255,255,255,.5); }
#settings-last-state { display: inline-flex; align-items: center; gap: .5rem; color: rgba(255,255,255,.74); font-size: .72rem; font-weight: 800; }
#settings-last-state i { width: 8px; height: 8px; border-radius: 50%; background: #f5cd66; box-shadow: 0 0 0 5px rgba(245,205,102,.12); }
#settings-last-state.is-saved i { background: #7ce2b4; box-shadow: 0 0 0 5px rgba(124,226,180,.12); }
#settings-last-state.is-error i { background: #ff8c72; box-shadow: 0 0 0 5px rgba(255,140,114,.12); }
.settings-readiness { display: grid; justify-items: center; gap: .85rem; }
.settings-readiness-meter {
  width: 178px;
  aspect-ratio: 1;
  display: grid;
  place-items: center;
  border-radius: 50%;
  background: conic-gradient(#f1c85e var(--readiness), rgba(255,255,255,.12) 0);
  transform: rotate(-28deg);
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.14), 0 25px 55px rgba(0,0,0,.18);
  transition: background 500ms ease;
}
.settings-readiness-meter::before {
  content: "";
  position: absolute;
  width: 142px;
  aspect-ratio: 1;
  border-radius: 50%;
  background: #0a5149;
  box-shadow: inset 0 0 25px rgba(0,0,0,.14);
}
.settings-readiness-meter span { position: relative; z-index: 1; display: grid; justify-items: center; transform: rotate(28deg); }
.settings-readiness-meter strong { font: 700 2.35rem/1 Georgia, serif; }
.settings-readiness-meter small { margin-top: .25rem; color: rgba(255,255,255,.65); font-size: .64rem; font-weight: 800; letter-spacing: .12em; text-transform: uppercase; }
.settings-readiness p { max-width: 210px; margin: 0; color: rgba(255,255,255,.68); text-align: center; font-size: .72rem; line-height: 1.5; }

.settings-signal-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  margin: -1.05rem clamp(1rem, 3vw, 3rem) 2rem;
  position: relative;
  z-index: 2;
  border: 1px solid var(--line);
  background: rgba(255,253,247,.96);
  box-shadow: 0 18px 45px rgba(30,49,41,.1);
}
.settings-signal-grid article { display: flex; align-items: center; gap: .8rem; min-height: 84px; padding: 1rem 1.2rem; border-right: 1px solid var(--line); }
.settings-signal-grid article:last-child { border-right: 0; }
.settings-signal-icon { display: grid; place-items: center; width: 35px; height: 35px; flex: 0 0 auto; color: var(--forest); border: 1px solid rgba(11,102,92,.25); border-radius: 50%; font-size: .58rem; font-weight: 900; }
.settings-signal-grid p { display: grid; gap: .15rem; margin: 0; min-width: 0; }
.settings-signal-grid small { color: var(--ink-soft); font-size: .61rem; font-weight: 800; letter-spacing: .1em; text-transform: uppercase; }
.settings-signal-grid strong { overflow: hidden; font: 700 .9rem/1.25 Georgia, serif; text-overflow: ellipsis; white-space: nowrap; }
.settings-signal-grid strong.is-ready { color: var(--forest); }
.settings-signal-grid strong.is-missing { color: #9a6110; }

.settings-loading { display: flex; align-items: center; justify-content: center; gap: 1rem; min-height: 180px; padding: 2rem; }
.settings-loading > span { width: 38px; height: 38px; border: 3px solid rgba(11,102,92,.15); border-top-color: var(--forest); border-radius: 50%; animation: settingsSpin .8s linear infinite; }
.settings-loading div { display: grid; gap: .25rem; }
.settings-loading strong { font: 700 1.1rem Georgia, serif; }
.settings-loading small { color: var(--ink-soft); }

.settings-workbench { display: grid; grid-template-columns: 255px minmax(0, 1fr); gap: clamp(1.4rem, 3vw, 3rem); align-items: start; }
.settings-nav {
  position: sticky;
  top: 105px;
  display: grid;
  gap: .35rem;
  padding: 1rem;
  border: 1px solid var(--line);
  background: rgba(255,253,247,.72);
  backdrop-filter: blur(12px);
}
.settings-nav > p { margin: .2rem .55rem .65rem; color: var(--ink-soft); font-size: .62rem; font-weight: 900; letter-spacing: .16em; text-transform: uppercase; }
.settings-nav > button {
  display: grid;
  grid-template-columns: 30px minmax(0, 1fr);
  gap: .05rem .65rem;
  align-items: center;
  padding: .85rem .75rem;
  text-align: left;
  border: 0;
  border-left: 3px solid transparent;
  background: transparent;
  cursor: pointer;
  transition: background 150ms ease, border-color 150ms ease, transform 150ms ease;
}
.settings-nav > button[hidden] { display: none; }
.settings-nav > button:hover { background: rgba(11,102,92,.06); transform: translateX(2px); }
.settings-nav > button.is-active { border-left-color: var(--sun); background: var(--forest); color: white; }
.settings-nav button > span { grid-row: 1 / 3; display: grid; place-items: center; width: 28px; height: 28px; border: 1px solid currentColor; border-radius: 50%; opacity: .72; font-size: .56rem; font-weight: 900; }
.settings-nav button b { font-size: .78rem; }
.settings-nav button small { color: inherit; font-size: .61rem; opacity: .62; }
.settings-nav aside { display: flex; gap: .65rem; align-items: start; margin-top: .65rem; padding: .85rem; color: white; background: var(--forest-dark); }
.settings-nav aside > i { width: 8px; height: 8px; margin-top: .25rem; flex: 0 0 auto; border-radius: 50%; background: #7ce2b4; }
.settings-nav aside span { display: grid; gap: .2rem; }
.settings-nav aside strong { font-size: .72rem; }
.settings-nav aside small { color: rgba(255,255,255,.65); font-size: .61rem; line-height: 1.4; }

.settings-content { min-width: 0; }
.settings-section { animation: settingsReveal 260ms ease-out both; }
.settings-section-heading { display: flex; justify-content: space-between; gap: 1.5rem; align-items: start; margin-bottom: 1.5rem; }
.settings-section-heading > div { max-width: 790px; }
.settings-section-heading > div > span { color: var(--forest); font-size: .64rem; font-weight: 900; letter-spacing: .14em; text-transform: uppercase; }
.settings-section-heading h3 { margin: .45rem 0 .5rem; font-size: clamp(2rem, 4.2vw, 3.65rem); line-height: .98; letter-spacing: -.045em; }
.settings-section-heading p { max-width: 700px; margin: 0; color: var(--ink-soft); font-size: .85rem; line-height: 1.65; }
.settings-section-mark { display: grid; place-items: center; width: 72px; height: 72px; flex: 0 0 auto; color: var(--paper-bright); border-radius: 2px 24px 2px 24px; background: var(--forest); font: 700 2rem Georgia, serif; box-shadow: 0 14px 30px rgba(11,102,92,.2); }
.settings-add-button { display: inline-flex; align-items: center; gap: .55rem; min-height: 44px; padding: .55rem .85rem; color: white; border: 0; background: var(--forest); font-size: .72rem; font-weight: 850; cursor: pointer; box-shadow: 0 9px 20px rgba(11,102,92,.18); }
.settings-add-button b { display: grid; place-items: center; width: 24px; height: 24px; border: 1px solid rgba(255,255,255,.55); border-radius: 50%; font-size: 1rem; }

.settings-form { display: grid; gap: 1rem; }
.settings-fieldset { margin: 0; padding: clamp(1.15rem, 3vw, 2rem); border: 1px solid var(--line); background: var(--settings-surface); box-shadow: 0 12px 34px rgba(30,49,41,.055); }
.settings-fieldset legend { display: inline-grid; gap: .16rem; padding: 0 .7rem; }
.settings-fieldset legend span { font: 700 1rem Georgia, serif; }
.settings-fieldset legend small { color: var(--ink-soft); font-size: .6rem; }
.settings-field-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .9rem; }
.settings-field-grid .wide { grid-column: 1 / -1; }
.settings-field-grid label > span { color: #29483f; font-size: .72rem; font-weight: 850; letter-spacing: .015em; }
.settings-field-grid input,
.settings-field-grid select,
.settings-field-grid textarea { border-radius: 2px; background: rgba(255,255,255,.82); }
.settings-form-actions { position: sticky; bottom: 1rem; z-index: 3; display: flex; align-items: center; justify-content: space-between; gap: 1rem; padding: .85rem 1rem .85rem 1.2rem; border: 1px solid rgba(11,102,92,.22); border-left: 5px solid var(--sun); background: rgba(255,253,247,.94); box-shadow: 0 14px 35px rgba(30,49,41,.14); backdrop-filter: blur(14px); }
.settings-form-actions > span { color: var(--ink-soft); font-size: .7rem; line-height: 1.45; }
.settings-form-actions .primary-button { min-width: 190px; }

.settings-entity-list { display: grid; gap: .75rem; }
.settings-entity-card {
  display: grid;
  grid-template-columns: 54px minmax(0, 1.4fr) minmax(160px, .8fr) auto;
  gap: 1rem;
  align-items: center;
  padding: 1rem;
  border: 1px solid var(--line);
  background: rgba(255,253,247,.82);
  box-shadow: 0 10px 30px rgba(30,49,41,.045);
}
.settings-entity-monogram { display: grid; place-items: center; width: 50px; height: 50px; color: white; border-radius: 2px 17px 2px 17px; background: var(--forest); font: 700 1.05rem Georgia, serif; }
.settings-entity-card > div { display: grid; gap: .18rem; min-width: 0; }
.settings-entity-card strong { overflow: hidden; font: 700 1.02rem Georgia, serif; text-overflow: ellipsis; white-space: nowrap; }
.settings-entity-card small { color: var(--ink-soft); font-size: .67rem; line-height: 1.35; }
.settings-entity-card .settings-entity-meta { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .35rem; }
.settings-entity-meta span { display: grid; gap: .1rem; }
.settings-entity-meta b { color: var(--forest); font-size: .74rem; }
.settings-entity-card > button { padding: .55rem .75rem; color: var(--forest); border: 1px solid rgba(11,102,92,.3); background: transparent; font-size: .7rem; font-weight: 850; cursor: pointer; }
.settings-editor { display: grid; gap: 1.25rem; margin-top: 1.25rem; padding: clamp(1.15rem, 3vw, 2rem); border-top: 6px solid var(--sun); }
.settings-editor > header { display: flex; align-items: start; justify-content: space-between; gap: 1rem; }
.settings-editor > header h4 { margin: 0; font: 700 1.8rem Georgia, serif; }
.settings-editor > header button { width: 36px; height: 36px; padding: 0; color: var(--ink-soft); border: 1px solid var(--line); background: transparent; font-size: 1.5rem; cursor: pointer; }
.settings-editor-block { display: grid; gap: .8rem; padding-top: 1rem; border-top: 1px solid var(--line); }
.settings-editor-block h5 { margin: 0; font: 700 1.05rem Georgia, serif; }
.settings-advanced { padding: 1rem; border: 1px solid var(--line); background: rgba(24,52,44,.03); }
.settings-advanced summary { cursor: pointer; font: 700 .9rem Georgia, serif; }
.settings-advanced[open] summary { margin-bottom: 1rem; }

.settings-bank-visual {
  position: relative;
  min-height: 205px;
  display: grid;
  align-content: space-between;
  gap: .3rem;
  padding: 1.6rem;
  overflow: hidden;
  color: white;
  border-radius: 5px 30px 5px 30px;
  background:
    radial-gradient(circle at 85% 25%, rgba(233,184,63,.75), transparent 25%),
    linear-gradient(135deg, #0a5b51, #073f39);
  box-shadow: 0 24px 55px rgba(7,70,63,.2);
}
.settings-bank-visual::before { content: ""; position: absolute; width: 240px; height: 240px; right: -70px; bottom: -150px; border: 1px solid rgba(255,255,255,.2); border-radius: 50%; box-shadow: 0 0 0 28px rgba(255,255,255,.025); }
.settings-bank-visual > span { font-size: .63rem; font-weight: 900; letter-spacing: .16em; }
.settings-bank-visual strong { align-self: end; font: 700 clamp(1.25rem, 3vw, 2.1rem) Georgia, serif; letter-spacing: .035em; }
.settings-bank-visual small { color: rgba(255,255,255,.68); }
.settings-bank-visual i { position: absolute; top: 1.4rem; right: 1.4rem; width: 42px; height: 30px; border: 1px solid rgba(255,255,255,.5); border-radius: 5px; background: linear-gradient(90deg, rgba(255,255,255,.18) 50%, transparent 50%); }

.settings-mail-route { display: grid; grid-template-columns: 1fr auto 1fr auto 1fr; align-items: center; gap: .7rem; padding: 1.25rem; border: 1px solid rgba(11,102,92,.16); background: linear-gradient(90deg, rgba(11,102,92,.05), rgba(233,184,63,.09)); }
.settings-mail-route span { display: grid; place-items: center; min-height: 52px; color: var(--forest); border: 1px solid rgba(11,102,92,.22); background: white; font-size: .64rem; font-weight: 900; letter-spacing: .12em; }
.settings-mail-route i { color: #9a6c00; font-style: normal; }
.settings-switch { grid-template-columns: 22px minmax(0, 1fr); align-items: start; padding: .9rem; border: 1px solid rgba(11,102,92,.18); background: rgba(11,102,92,.045); cursor: pointer; }
.settings-switch input { width: 20px; height: 20px; margin: .1rem 0 0; padding: 0; accent-color: var(--forest); }
.settings-switch > span { display: grid; gap: .2rem; }
.settings-switch b { font-size: .76rem; }
.settings-switch small { color: var(--ink-soft); font-size: .65rem; font-weight: 500; }
.settings-email-actions > div { display: flex; gap: .55rem; }
.settings-health-badge { display: inline-flex; align-items: center; gap: .5rem; padding: .55rem .75rem; color: #7b5510; border: 1px solid rgba(154,97,16,.25); background: rgba(233,184,63,.12); font-size: .67rem; font-weight: 850; white-space: nowrap; }
.settings-health-badge i { width: 8px; height: 8px; border-radius: 50%; background: var(--sun); }
.settings-health-badge.is-ready { color: var(--forest); border-color: rgba(11,102,92,.22); background: rgba(11,102,92,.08); }
.settings-health-badge.is-ready i { background: #2e9b63; }
.settings-health-badge.is-error { color: var(--coral-dark); border-color: rgba(169,52,38,.2); background: rgba(223,91,63,.08); }
.settings-health-badge.is-error i { background: var(--coral); }

.settings-asset-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: .85rem; }
.settings-asset-card { display: grid; align-content: start; gap: 1rem; min-width: 0; padding: 1.15rem; border: 1px solid var(--line); border-top: 6px solid var(--forest); background: var(--settings-surface); box-shadow: 0 12px 32px rgba(30,49,41,.055); }
.settings-asset-card:nth-child(2) { border-top-color: var(--sun); }
.settings-asset-card:nth-child(3) { border-top-color: var(--coral); }
.settings-asset-card > header { display: grid; gap: .2rem; }
.settings-asset-card > header > span { color: var(--forest); font-size: .58rem; font-weight: 900; letter-spacing: .14em; text-transform: uppercase; }
.settings-asset-card > header strong { font: 700 1.25rem Georgia, serif; }
.settings-asset-card > header small { color: var(--ink-soft); font-size: .63rem; }
.settings-logo-preview { min-height: 130px; display: grid; place-items: center; overflow: hidden; border: 1px dashed rgba(11,102,92,.28); background: rgba(11,102,92,.045); }
.settings-logo-preview span { display: grid; place-items: center; width: 72px; height: 72px; color: white; border-radius: 4px 22px 4px 22px; background: var(--forest); font: 700 1.25rem Georgia, serif; letter-spacing: .08em; }
.settings-logo-preview img { display: block; max-width: 82%; max-height: 115px; object-fit: contain; }
.settings-template-compatibility { margin: 14px 0 28px; padding: 14px 16px; border-left: 3px solid var(--gold); color: rgba(17, 48, 42, .8); background: rgba(233, 184, 63, .1); font-size: .88rem; line-height: 1.55; }
.settings-template-compatibility strong { color: var(--forest); }
.settings-active-file { min-height: 42px; padding: .65rem; color: var(--ink-soft); border-left: 3px solid var(--line); background: rgba(24,52,44,.035); font-size: .65rem; line-height: 1.4; }
.settings-active-file.is-active { color: var(--ink); border-left-color: #2e9b63; }
.settings-active-file a { color: var(--forest); font-weight: 850; }
.settings-asset-upload { display: grid; gap: .65rem; }
.settings-asset-upload label { gap: .3rem; }
.settings-asset-upload label > span { font-size: .65rem; }
.settings-asset-upload input,
.settings-asset-upload select { padding: .65rem .7rem; font-size: .72rem; }
.settings-file-picker { position: relative; display: grid; place-items: center; min-height: 46px; padding: .7rem; border: 1px dashed rgba(11,102,92,.32); background: rgba(11,102,92,.045); cursor: pointer; }
.settings-file-picker input[type="file"] { position: absolute; width: 1px; height: 1px; opacity: 0; pointer-events: none; }
.settings-file-picker > span { color: var(--forest); font-size: .7rem !important; font-weight: 850; }
.settings-file-picker.has-file { border-style: solid; border-color: #2e9b63; background: rgba(46,155,99,.08); }

.settings-template-section,
.settings-template-history { margin-top: 1.5rem; padding-top: 1.35rem; border-top: 1px solid var(--line); }
.settings-template-section > header,
.settings-template-history > header { display: flex; justify-content: space-between; align-items: start; gap: 1rem; margin-bottom: .9rem; }
.settings-template-section h4,
.settings-template-history h4 { margin: 0; font: 700 1.55rem Georgia, serif; }
.settings-template-section header p:last-child { max-width: 620px; margin: .35rem 0 0; color: var(--ink-soft); font-size: .72rem; line-height: 1.5; }
.settings-template-list { display: grid; gap: .55rem; }
.settings-template-row { display: grid; grid-template-columns: minmax(0, 1.3fr) minmax(120px, .7fr) auto; gap: 1rem; align-items: center; padding: .85rem 1rem; border: 1px solid var(--line); background: rgba(255,253,247,.78); }
.settings-template-row > div { display: grid; gap: .15rem; min-width: 0; }
#settings-whatsapp-deliveries .settings-whatsapp-delivery { grid-template-columns: minmax(0, 1fr); }
#settings-whatsapp-deliveries p { margin: .2rem 0; overflow-wrap: anywhere; }
#settings-whatsapp-state { padding: .8rem 1rem; border-left: 3px solid var(--forest); background: rgba(255,253,247,.78); }
.settings-template-row strong { overflow: hidden; font: 700 .93rem Georgia, serif; text-overflow: ellipsis; white-space: nowrap; }
.settings-template-row small { color: var(--ink-soft); font-size: .63rem; line-height: 1.35; }
.settings-template-state { display: inline-flex; align-items: center; gap: .35rem; justify-self: start; color: #8b6210; font-size: .63rem; font-weight: 850; }
.settings-template-state::before { content: ""; width: 7px; height: 7px; border-radius: 50%; background: var(--sun); }
.settings-template-state.is-active { color: var(--forest); }
.settings-template-state.is-active::before { background: #2e9b63; }
.settings-template-actions { display: flex; align-items: center; gap: .4rem; }
.settings-template-actions a,
.settings-template-actions button,
.settings-template-actions label { padding: .45rem .6rem; color: var(--forest); border: 1px solid rgba(11,102,92,.24); background: transparent; font-size: .62rem; font-weight: 850; text-decoration: none; cursor: pointer; }
.settings-template-actions label { position: relative; display: block; }
.settings-template-actions input { position: absolute; width: 1px; height: 1px; opacity: 0; }
.settings-template-actions .danger { color: var(--coral-dark); border-color: rgba(169,52,38,.22); }

.settings-carrier-list .settings-entity-card { grid-template-columns: 54px minmax(0, 1.25fr) minmax(180px, .85fr) auto; }
.settings-carrier-list .settings-entity-monogram { color: var(--ink); background: var(--sun); }

@keyframes settingsSpin { to { transform: rotate(360deg); } }
@keyframes settingsReveal { from { opacity: 0; transform: translateY(8px); } to { opacity: 1; transform: none; } }

@media (max-width: 1120px) {
  .settings-workbench { grid-template-columns: 220px minmax(0, 1fr); gap: 1.25rem; }
  .settings-signal-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .settings-signal-grid article:nth-child(2) { border-right: 0; }
  .settings-signal-grid article:nth-child(-n+2) { border-bottom: 1px solid var(--line); }
  .settings-asset-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .settings-logo-card { grid-column: 1 / -1; grid-template-columns: minmax(180px, .65fr) minmax(0, 1fr); }
  .settings-logo-card > header,
  .settings-logo-card .settings-active-file,
  .settings-logo-card .settings-asset-upload { grid-column: 2; }
  .settings-logo-card .settings-logo-preview { grid-column: 1; grid-row: 1 / 4; }
}

@media (max-width: 820px) {
  .app-shell.settings-active > .workspace { padding-left: .8rem; padding-right: .8rem; }
  .settings-hero { grid-template-columns: minmax(0, 1fr) 165px; gap: 1.5rem; padding: 2rem; }
  .settings-readiness-meter { width: 145px; }
  .settings-readiness-meter::before { width: 115px; }
  .settings-workbench { display: block; }
  .settings-nav { position: sticky; top: 76px; z-index: 6; display: flex; gap: .45rem; margin: 0 -.8rem 1.5rem; padding: .7rem .8rem; overflow-x: auto; border-width: 1px 0; scrollbar-width: none; }
  .settings-nav::-webkit-scrollbar { display: none; }
  .settings-nav > p,
  .settings-nav > aside { display: none; }
  .settings-nav > button { min-width: max-content; grid-template-columns: 24px auto; padding: .65rem .75rem; border: 1px solid var(--line); border-left-width: 1px; background: rgba(255,253,247,.92); }
  .settings-nav > button.is-active { border-color: var(--forest); }
  .settings-nav button > span { width: 22px; height: 22px; }
  .settings-nav button small { display: none; }
  .settings-entity-card,
  .settings-carrier-list .settings-entity-card { grid-template-columns: 50px minmax(0, 1fr) auto; }
  .settings-entity-card .settings-entity-meta { grid-column: 2 / -1; grid-row: 2; }
}

@media (max-width: 620px) {
  .settings-panel > .back-button { margin-left: .2rem; }
  .settings-hero { grid-template-columns: 1fr; min-height: 0; padding: 1.55rem 1.35rem 1.75rem; border-radius: 3px 28px 3px 28px; }
  .settings-hero h2 { font-size: clamp(2.35rem, 12vw, 3.6rem); }
  .settings-hero-copy > p:not(.eyebrow) { font-size: .8rem; line-height: 1.55; }
  .settings-hero-actions { align-items: start; flex-direction: column; }
  .settings-readiness { grid-template-columns: 116px minmax(0, 1fr); justify-items: start; text-align: left; }
  .settings-readiness-meter { width: 112px; }
  .settings-readiness-meter::before { width: 88px; }
  .settings-readiness-meter strong { font-size: 1.55rem; }
  .settings-readiness-meter small { font-size: .48rem; }
  .settings-readiness p { max-width: none; text-align: left; }
  .settings-signal-grid { grid-template-columns: 1fr; margin: -1px 0 1.4rem; }
  .settings-signal-grid article { min-height: 62px; padding: .75rem 1rem; border-right: 0; border-bottom: 1px solid var(--line); }
  .settings-signal-grid article:last-child { border-bottom: 0; }
  .settings-signal-grid article:nth-child(-n+2) { border-bottom: 1px solid var(--line); }
  .settings-signal-icon { width: 30px; height: 30px; }
  .settings-section-heading { display: grid; grid-template-columns: minmax(0, 1fr); }
  .settings-section-heading h3 { font-size: 2.25rem; }
  .settings-section-heading .settings-section-mark { display: none; }
  .settings-add-button { justify-self: start; }
  .settings-field-grid { grid-template-columns: 1fr; }
  .settings-field-grid .wide { grid-column: auto; }
  .settings-fieldset { padding: 1rem; }
  .settings-form-actions { position: static; align-items: stretch; flex-direction: column; }
  .settings-form-actions .primary-button { width: 100%; min-width: 0; }
  .settings-email-actions > div { display: grid; }
  .settings-mail-route { grid-template-columns: 1fr; gap: .35rem; }
  .settings-mail-route i { transform: rotate(90deg); text-align: center; }
  .settings-asset-grid { grid-template-columns: 1fr; }
  .settings-logo-card { grid-column: auto; display: grid; }
  .settings-logo-card > header,
  .settings-logo-card .settings-active-file,
  .settings-logo-card .settings-asset-upload,
  .settings-logo-card .settings-logo-preview { grid-column: auto; grid-row: auto; }
  .settings-entity-card,
  .settings-carrier-list .settings-entity-card { grid-template-columns: 42px minmax(0, 1fr); padding: .8rem; }
  .settings-entity-monogram { width: 40px; height: 40px; }
  .settings-entity-card > button { grid-column: 1 / -1; width: 100%; }
  .settings-entity-card .settings-entity-meta { grid-column: 1 / -1; }
  .settings-template-row { grid-template-columns: 1fr; gap: .55rem; }
  .settings-template-actions { flex-wrap: wrap; }
  .settings-template-section > header,
  .settings-template-history > header { align-items: stretch; flex-direction: column; }
  .settings-editor { padding: 1rem; }
}

@media (prefers-reduced-motion: reduce) {
  .settings-loading > span { animation: none; }
  .settings-section { animation: none; }
  .settings-readiness-meter { transition: none; }
}

.settings-rollout-alert {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  gap: 20px;
  align-items: center;
  padding: 20px 22px;
  margin-bottom: 18px;
  color: #f9f4e8;
  background: linear-gradient(120deg, rgba(14, 64, 55, .98), rgba(7, 105, 91, .94));
  border: 1px solid rgba(4, 55, 47, .8);
  box-shadow: 0 18px 42px rgba(13, 55, 48, .15);
}

.settings-rollout-alert > span {
  padding: 8px 10px;
  border: 1px solid rgba(255, 221, 128, .55);
  color: #f6cf62;
  font-size: .68rem;
  font-weight: 700;
  letter-spacing: .18em;
}

.settings-rollout-alert strong { display: block; font-family: var(--serif); font-size: 1.2rem; }
.settings-rollout-alert p { margin: 5px 0 0; color: rgba(255, 255, 255, .72); line-height: 1.5; }
.settings-rollout-controls { padding: 22px; margin-bottom: 18px; }
.settings-rollout-controls > header { display: flex; align-items: end; justify-content: space-between; gap: 20px; margin-bottom: 18px; }
.settings-rollout-controls h4 { margin: 2px 0 0; color: #173b32; font-family: var(--serif); font-size: 1.45rem; }
.settings-rollout-controls > header > span { color: #8d6414; font-size: .78rem; text-transform: uppercase; letter-spacing: .1em; }
.settings-rollout-warning { margin: 14px 0 0; padding: 10px 12px; color: #39584f; background: rgba(11, 118, 101, .07); border-left: 3px solid #0a8069; }
.settings-rollout-warning.is-critical { color: #78530a; background: rgba(215, 164, 37, .12); border-color: #d3a12c; }
.settings-feature-list { display: grid; gap: 13px; }

.settings-feature-card {
  display: grid;
  grid-template-columns: 92px minmax(0, 1fr) 180px auto;
  gap: 20px;
  align-items: center;
  padding: 20px;
  border: 1px solid rgba(32, 65, 56, .16);
  background: linear-gradient(115deg, rgba(255, 254, 249, .98), rgba(241, 239, 227, .78));
  position: relative;
  overflow: hidden;
}

.settings-feature-card::before { content: ""; position: absolute; inset: 0 auto 0 0; width: 4px; background: #9b9b8d; }
.settings-feature-card.is-enabled::before { background: #07816d; }
.settings-feature-card.is-kill-switch { border-color: rgba(183, 131, 17, .28); }
.settings-feature-card.is-kill-switch::after { content: ""; position: absolute; width: 140px; height: 140px; border: 1px solid rgba(205, 155, 34, .12); border-radius: 50%; right: -80px; top: -80px; }
.settings-feature-state { display: grid; justify-items: center; gap: 8px; color: #6e756e; font-size: .76rem; text-transform: uppercase; letter-spacing: .08em; }
.settings-feature-state i { width: 18px; height: 18px; border-radius: 50%; background: #a4a49a; box-shadow: 0 0 0 8px rgba(87, 91, 84, .08); }
.settings-feature-card.is-enabled .settings-feature-state i { background: #07816d; box-shadow: 0 0 0 8px rgba(7, 129, 109, .1); }
.settings-feature-copy > p { margin: 0 0 4px; color: #a67716; font-size: .68rem; font-weight: 800; letter-spacing: .16em; }
.settings-feature-copy h4 { margin: 0; color: #173b32; font-family: var(--serif); font-size: 1.34rem; }
.settings-feature-copy > small { display: block; margin-top: 5px; color: #65716b; line-height: 1.45; }
.settings-feature-copy > div { display: flex; flex-wrap: wrap; gap: 7px; align-items: center; margin-top: 10px; }
.settings-feature-copy code, .settings-feature-copy > div > span { padding: 4px 7px; color: #496059; background: rgba(33, 72, 62, .06); font-size: .72rem; }
.settings-feature-copy .settings-feature-lock { color: #885f0d; background: rgba(224, 174, 50, .15); font-weight: 700; }
.settings-feature-meta { display: grid; grid-template-columns: repeat(2, 1fr); gap: 8px; }
.settings-feature-meta > span { padding: 10px; background: rgba(33, 72, 62, .045); }
.settings-feature-meta small { display: block; color: #7a8079; font-size: .7rem; }
.settings-feature-meta strong { display: block; margin-top: 3px; color: #23483e; }
.settings-feature-actions { display: grid; gap: 6px; min-width: 120px; }
.settings-feature-actions button { padding: 8px 10px; border: 1px solid rgba(25, 72, 61, .22); color: #1e5145; background: #fffdf7; cursor: pointer; }
.settings-feature-actions button:hover { border-color: #0a8069; }
.settings-feature-actions button.quiet { border-color: transparent; color: #777970; background: transparent; font-size: .76rem; }
.settings-feature-audit { margin-top: 30px; }

@media (max-width: 980px) {
  .settings-feature-card { grid-template-columns: 72px minmax(0, 1fr) auto; }
  .settings-feature-meta { display: none; }
}

@media (max-width: 680px) {
  .settings-rollout-alert { grid-template-columns: 1fr; }
  .settings-rollout-controls > header { align-items: start; flex-direction: column; }
  .settings-feature-card { grid-template-columns: 1fr; gap: 14px; }
  .settings-feature-state { grid-template-columns: auto 1fr; justify-items: start; align-items: center; }
  .settings-feature-actions { grid-template-columns: 1fr 1fr; }
  .settings-feature-actions button.quiet { grid-column: 1 / -1; }
}

.settings-access-summary {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
  margin-bottom: 20px;
}

.settings-access-summary article {
  min-height: 130px;
  padding: 20px;
  border: 1px solid rgba(24, 65, 55, .15);
  background:
    linear-gradient(135deg, rgba(255, 255, 255, .92), rgba(239, 238, 226, .76)),
    repeating-linear-gradient(90deg, transparent 0 25px, rgba(8, 107, 92, .03) 25px 26px);
  display: grid;
  align-content: end;
}

.settings-access-summary span { color: #737a73; font-size: .72rem; font-weight: 700; letter-spacing: .1em; text-transform: uppercase; }
.settings-access-summary strong { margin: 5px 0 2px; color: #0c5f53; font-family: var(--serif); font-size: 2rem; }
.settings-access-summary small { color: #7c8079; }
.settings-access-columns { display: grid; grid-template-columns: minmax(0, .86fr) minmax(0, 1.14fr); gap: 18px; }
.settings-access-panel { padding: 22px; border: 1px solid rgba(26, 64, 54, .15); background: rgba(255, 254, 249, .83); }
.settings-access-panel > header { display: flex; justify-content: space-between; align-items: end; gap: 16px; margin-bottom: 18px; }
.settings-access-panel h4, .settings-account-security h4 { margin: 2px 0 0; color: #173b32; font-family: var(--serif); font-size: 1.45rem; }
.settings-role-list, .settings-employee-list { display: grid; gap: 9px; }

.settings-role-card {
  display: grid;
  grid-template-columns: 44px minmax(0, 1fr) auto;
  gap: 12px;
  align-items: center;
  padding: 13px;
  border: 1px solid rgba(29, 65, 56, .12);
  background: linear-gradient(110deg, rgba(248, 247, 238, .9), rgba(255, 255, 255, .75));
}

.settings-role-level { width: 40px; height: 40px; display: grid; place-items: center; color: #fff; border-radius: 50%; background: #0a6d5e; font-family: var(--serif); font-weight: 700; }
.settings-role-card > div:nth-child(2) { display: grid; gap: 2px; }
.settings-role-card strong, .settings-employee-card strong { color: #24463d; }
.settings-role-card small, .settings-employee-card small { color: #747b74; }
.settings-role-actions { display: flex; gap: 5px; }
.settings-role-actions button, .settings-employee-card > button, .settings-session-list button { padding: 7px 9px; border: 1px solid rgba(22, 83, 70, .2); color: #155f52; background: #fffdf8; cursor: pointer; }
.settings-role-actions button:disabled { opacity: .42; cursor: not-allowed; }
.settings-role-actions .danger { color: #92513f; border-color: rgba(146, 81, 63, .18); }

.settings-employee-card {
  display: grid;
  grid-template-columns: 42px minmax(0, 1fr) auto;
  gap: 12px;
  align-items: center;
  padding: 12px;
  border-bottom: 1px solid rgba(30, 68, 58, .12);
}

.settings-employee-card > div { display: grid; gap: 2px; min-width: 0; }
.settings-employee-card > div > span { width: max-content; margin-top: 4px; padding: 3px 6px; color: #0c6b5c; background: rgba(10, 128, 105, .09); font-size: .67rem; letter-spacing: .05em; text-transform: uppercase; }
.settings-employee-card.is-inactive { opacity: .58; }
.settings-access-editor { margin-top: 20px; padding: clamp(18px, 3vw, 30px); border: 1px solid rgba(11, 112, 96, .24); box-shadow: 0 18px 48px rgba(16, 63, 53, .09); }
.settings-permission-fieldset { margin: 22px 0 0; padding: 0; border: 0; }
.settings-permission-fieldset > legend { margin-bottom: 12px; color: #244c42; font-weight: 800; }
.settings-permission-catalog { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
.settings-permission-catalog section { padding: 15px; border: 1px solid rgba(30, 67, 57, .12); background: rgba(241, 240, 229, .48); }
.settings-permission-catalog h5 { margin: 0 0 10px; color: #8d6513; font-size: .75rem; letter-spacing: .1em; text-transform: uppercase; }
.settings-permission-catalog label, .settings-branch-scope label { display: grid; grid-template-columns: auto minmax(0, 1fr); gap: 9px; align-items: start; padding: 8px 0; cursor: pointer; }
.settings-permission-catalog label + label, .settings-branch-scope label + label { border-top: 1px solid rgba(30, 67, 57, .08); }
.settings-permission-catalog label > span, .settings-branch-scope label > span { display: grid; gap: 2px; }
.settings-permission-catalog b, .settings-branch-scope b { color: #315047; font-size: .84rem; }
.settings-permission-catalog small, .settings-branch-scope small { color: #83877f; font-size: .7rem; }
.settings-branch-scope { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 0 18px; padding: 12px 16px; border: 1px solid rgba(30, 67, 57, .12); background: rgba(244, 242, 231, .54); }
.settings-password-block { display: grid; grid-template-columns: minmax(0, 1fr) minmax(240px, .8fr); gap: 18px; align-items: end; margin-top: 20px; padding: 18px; border-left: 4px solid #d0a12d; background: rgba(220, 174, 56, .08); }
.settings-password-block > label:first-child { display: grid; gap: 6px; }
.settings-password-block input[type="password"] { min-height: 44px; padding: 10px 12px; border: 1px solid rgba(34, 72, 62, .22); background: #fff; }
.settings-inline-options { display: flex; flex-wrap: wrap; gap: 20px; margin-top: 18px; }
.settings-checkbox { display: flex; gap: 9px; align-items: center; color: #38554d; }

.settings-account-security {
  margin-top: 24px;
  padding: clamp(20px, 3vw, 30px);
  color: #ecf6f2;
  background:
    radial-gradient(circle at 90% 10%, rgba(238, 190, 64, .2), transparent 28%),
    linear-gradient(130deg, #0b443c, #0b6658);
  box-shadow: 0 20px 50px rgba(10, 68, 59, .15);
}

.settings-account-security > header { display: flex; justify-content: space-between; gap: 20px; align-items: start; }
.settings-account-security h4 { color: #fffdf5; font-size: 1.65rem; }
.settings-account-security header p:last-child { margin: 7px 0 0; color: rgba(255, 255, 255, .68); }
.settings-account-security .eyebrow { color: #f1c85d; }
.settings-mfa-state { padding: 7px 10px; border: 1px solid rgba(244, 202, 91, .42); color: #f2ce6c; font-size: .72rem; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; white-space: nowrap; }
.settings-mfa-state.is-ready { border-color: rgba(132, 229, 201, .42); color: #9be6d2; }
.settings-mfa-actions { display: flex; gap: 10px; margin-top: 22px; }
.settings-mfa-actions .secondary-button { color: #f7f2e5; border-color: rgba(255,255,255,.35); background: rgba(255,255,255,.06); }
.settings-mfa-panel, .settings-recovery-panel { margin-top: 20px; padding: 20px; color: #315047; background: #fffdf7; }
.settings-mfa-panel > div:first-child, .settings-mfa-panel > div:nth-of-type(2) { display: grid; grid-template-columns: 34px minmax(0, 1fr); gap: 10px; align-items: start; margin-bottom: 12px; }
.settings-mfa-panel > div > span { width: 30px; height: 30px; display: grid; place-items: center; border-radius: 50%; color: #fff; background: #0a8069; font-weight: 800; }
.settings-mfa-panel p { margin: 0; display: grid; gap: 2px; }
.settings-mfa-panel label { display: grid; gap: 5px; margin: 10px 0; }
.settings-mfa-panel input, .settings-mfa-panel textarea { width: 100%; padding: 10px 12px; border: 1px solid rgba(32, 73, 62, .2); background: #fff; }
.settings-mfa-confirm { display: flex !important; grid-template-columns: none !important; gap: 8px !important; align-items: stretch !important; margin: 12px 0 0 !important; }
.settings-mfa-confirm input { max-width: 170px; font-size: 1.2rem; letter-spacing: .18em; }
.settings-recovery-panel > p { display: grid; gap: 4px; margin-top: 0; }
.settings-recovery-panel > p span { color: #6d756e; }
.settings-recovery-panel > div:nth-child(2) { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 7px; margin: 16px 0; }
.settings-recovery-panel code { padding: 9px; color: #164c41; text-align: center; border: 1px dashed rgba(10, 105, 89, .3); background: rgba(10, 128, 105, .06); }
.settings-recovery-panel > div:last-child { display: flex; flex-wrap: wrap; gap: 9px; }
.settings-session-list { display: grid; border-top: 1px solid rgba(25, 58, 50, .14); }
.settings-session-list article { display: grid; grid-template-columns: minmax(0, 1fr) auto auto; gap: 16px; align-items: center; padding: 15px 4px; border-bottom: 1px solid rgba(25, 58, 50, .12); }
.settings-session-list article > div { display: grid; gap: 3px; min-width: 0; }
.settings-session-list strong { overflow: hidden; color: #29493f; text-overflow: ellipsis; white-space: nowrap; }
.settings-session-list small, .settings-session-list time { color: #777d76; font-size: .76rem; }
.settings-audit-list article.is-warning > i { background: #c78d1c; box-shadow: 0 0 0 5px rgba(199, 141, 28, .09); }

.settings-ops-command {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 22px;
  margin-bottom: 16px;
  padding: 19px 22px;
  color: #f4f0df;
  background:
    linear-gradient(90deg, rgba(232, 183, 52, .13) 1px, transparent 1px) 0 0 / 34px 34px,
    linear-gradient(0deg, rgba(232, 183, 52, .1) 1px, transparent 1px) 0 0 / 34px 34px,
    linear-gradient(120deg, #092f2a, #0b594d 72%, #0d6b5c);
  box-shadow: 0 18px 44px rgba(8, 54, 47, .16);
}
.settings-ops-command > div { display: flex; align-items: center; gap: 15px; }
.settings-ops-command p { display: grid; gap: 3px; margin: 0; }
.settings-ops-command strong { font-family: var(--serif); font-size: 1.18rem; }
.settings-ops-command small { color: rgba(255, 255, 255, .64); }
.settings-ops-command .secondary-button { color: #fff9e9; border-color: rgba(255, 245, 218, .32); background: rgba(255, 255, 255, .07); }
.settings-live-pulse { position: relative; width: 11px; height: 11px; border-radius: 50%; background: #f1c550; box-shadow: 0 0 0 6px rgba(241, 197, 80, .12); }
.settings-live-pulse::after { content: ""; position: absolute; inset: -8px; border: 1px solid rgba(241, 197, 80, .46); border-radius: 50%; animation: settings-live 2.4s ease-out infinite; }
@keyframes settings-live { 0% { transform: scale(.55); opacity: .8; } 75%, 100% { transform: scale(1.35); opacity: 0; } }

.settings-ops-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 11px; }
.settings-ops-card {
  position: relative;
  min-height: 154px;
  display: grid;
  align-content: end;
  gap: 5px;
  padding: 21px;
  overflow: hidden;
  border: 1px solid rgba(29, 67, 57, .14);
  background: linear-gradient(145deg, rgba(255, 255, 251, .96), rgba(235, 237, 226, .72));
}
.settings-ops-card::before { content: ""; position: absolute; top: 18px; right: 18px; width: 12px; height: 12px; border-radius: 50%; background: #88928b; box-shadow: 0 0 0 7px rgba(75, 90, 82, .08); }
.settings-ops-card::after { content: ""; position: absolute; inset: auto -35px -55px auto; width: 115px; height: 115px; border: 1px solid rgba(16, 91, 77, .09); border-radius: 50%; }
.settings-ops-card.is-good::before { background: #07816d; box-shadow: 0 0 0 7px rgba(7, 129, 109, .1); }
.settings-ops-card.is-warning::before { background: #ca921b; box-shadow: 0 0 0 7px rgba(202, 146, 27, .1); }
.settings-ops-card.is-critical::before { background: #a34f3a; box-shadow: 0 0 0 7px rgba(163, 79, 58, .1); }
.settings-ops-card > span { color: #6f7b74; font-size: .68rem; font-weight: 800; letter-spacing: .12em; text-transform: uppercase; }
.settings-ops-card > strong { color: #173d33; font-family: var(--serif); font-size: 1.25rem; }
.settings-ops-card > small { color: #747c76; line-height: 1.35; }

.settings-ops-storage { margin-top: 12px; padding: 23px; }
.settings-ops-storage > header, .settings-ops-section > header { display: flex; justify-content: space-between; align-items: end; gap: 22px; }
.settings-ops-storage h4, .settings-ops-section h4 { margin: 2px 0 0; color: #173d33; font-family: var(--serif); font-size: 1.42rem; }
.settings-ops-storage > header > span { color: #08715f; font-family: var(--serif); font-size: 1.65rem; font-weight: 700; }
.settings-ops-storage-track { height: 10px; margin-top: 19px; overflow: hidden; background: rgba(26, 69, 58, .1); }
.settings-ops-storage-track i { display: block; width: 0; height: 100%; background: linear-gradient(90deg, #08705f, #13a083); transition: width .55s ease; }
.settings-ops-storage-track i.is-warning { background: linear-gradient(90deg, #a77210, #dca928); }
.settings-ops-storage-track i.is-critical { background: linear-gradient(90deg, #8a3f2f, #c9674f); }
.settings-ops-storage > footer { display: flex; justify-content: space-between; gap: 20px; margin-top: 10px; color: #788078; font-size: .74rem; }
.settings-ops-storage > footer button { margin-left: auto; padding: 5px 8px; border: 1px solid rgba(143, 92, 24, .22); color: #8b5d13; background: rgba(213, 167, 47, .08); cursor: pointer; }

.settings-ops-section { margin-top: 24px; padding: 0; }
.settings-ops-section > header { margin-bottom: 12px; padding-bottom: 13px; border-bottom: 1px solid rgba(27, 67, 56, .14); }
.settings-ops-section > header p:last-child { max-width: 720px; margin: 5px 0 0; color: #737b75; font-size: .78rem; line-height: 1.45; }
.settings-ops-section > header > span { color: #886514; font-size: .7rem; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; }
.settings-ops-list { display: grid; gap: 8px; }
.settings-ops-row {
  display: grid;
  grid-template-columns: 10px minmax(0, 1fr) auto;
  gap: 14px;
  align-items: center;
  padding: 14px 16px;
  border: 1px solid rgba(27, 67, 56, .12);
  background: rgba(255, 254, 249, .79);
}
.settings-ops-row > i { width: 8px; height: 34px; background: #89918b; }
.settings-ops-row.is-success > i { background: #07816d; }
.settings-ops-row.is-warning > i { background: #c48b17; }
.settings-ops-row.is-failure > i { background: #a34f3a; }
.settings-ops-row > div { min-width: 0; }
.settings-ops-row p { display: flex; flex-wrap: wrap; align-items: center; gap: 9px; margin: 0 0 4px; }
.settings-ops-row strong { color: #284a41; }
.settings-ops-row code, .settings-ops-row p > span { padding: 3px 6px; color: #5d6d66; background: rgba(26, 69, 58, .06); font-size: .7rem; }
.settings-ops-row > div > span, .settings-ops-row small { display: block; overflow: hidden; color: #717a73; text-overflow: ellipsis; white-space: nowrap; }
.settings-ops-row small { margin-top: 3px; color: #939790; font-size: .68rem; }
.settings-ops-row > button { padding: 8px 10px; border: 1px solid rgba(12, 111, 93, .23); color: #0b6657; background: #fffdf7; cursor: pointer; }
.settings-ops-row > button:hover { border-color: #087764; }
.settings-ops-manual { color: #9a6a10; font-size: .7rem; font-weight: 800; letter-spacing: .06em; text-transform: uppercase; }

.settings-saas-section {
  --saas-ink: #123a32;
  --saas-green: #08715f;
  --saas-gold: #d8a62d;
  --saas-line: rgba(19, 63, 53, .14);
}
.settings-saas-loading { display: flex; align-items: center; gap: 15px; padding: 24px; }
.settings-saas-loading i { width: 28px; height: 28px; border: 3px solid rgba(8,113,95,.15); border-top-color: var(--saas-green); border-radius: 50%; animation: settings-saas-spin .8s linear infinite; }
.settings-saas-loading div { display: grid; gap: 3px; }
.settings-saas-loading strong { color: var(--saas-ink); font-family: var(--serif); font-size: 1.1rem; }
.settings-saas-loading small { color: #778078; }
@keyframes settings-saas-spin { to { transform: rotate(360deg); } }

.settings-saas-contract {
  position: relative;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto 120px;
  gap: 24px;
  align-items: center;
  min-height: 220px;
  padding: clamp(28px, 5vw, 54px);
  overflow: hidden;
  color: #eff8f4;
  border-radius: 3px 32px 3px 32px;
  background:
    linear-gradient(90deg, rgba(228,180,49,.1) 1px, transparent 1px) 0 0 / 32px 32px,
    linear-gradient(0deg, rgba(228,180,49,.08) 1px, transparent 1px) 0 0 / 32px 32px,
    radial-gradient(circle at 85% 20%, rgba(225, 177, 45, .28), transparent 25%),
    linear-gradient(125deg, #062f2a, #07594e 72%, #0b6e5e);
  box-shadow: 0 22px 55px rgba(5, 58, 49, .16);
}
.settings-saas-contract::after { content: ""; position: absolute; right: 80px; bottom: -95px; width: 260px; height: 260px; border: 1px solid rgba(247,213,122,.22); border-radius: 50%; }
.settings-saas-contract-copy { position: relative; z-index: 1; }
.settings-saas-contract .eyebrow { color: #f2c95d; }
.settings-saas-contract h4 { margin: 4px 0 8px; color: #fffdf5; font-family: var(--serif); font-size: clamp(2rem, 4vw, 3.25rem); line-height: .98; }
.settings-saas-contract p:last-child { max-width: 620px; margin: 0; color: rgba(240, 250, 246, .68); line-height: 1.55; }
.settings-saas-status { position: relative; z-index: 1; padding: 8px 11px; border: 1px solid rgba(245,208,107,.5); color: #f4cf6d; background: rgba(255,255,255,.05); font-size: .7rem; font-weight: 850; letter-spacing: .11em; text-transform: uppercase; white-space: nowrap; }
.settings-saas-status.is-active { border-color: rgba(141,232,204,.48); color: #a6ead6; }
.settings-saas-status.is-blocked { border-color: rgba(244,157,130,.52); color: #ffc0ac; }
.settings-saas-contract-mark { position: relative; z-index: 1; display: grid; place-items: center; width: 98px; height: 98px; border: 1px solid rgba(255,255,255,.25); border-radius: 50%; }
.settings-saas-contract-mark::before, .settings-saas-contract-mark::after { content: ""; position: absolute; inset: 9px; border: 1px solid rgba(237,197,87,.3); border-radius: 50%; }
.settings-saas-contract-mark::after { inset: -9px; border-style: dashed; }
.settings-saas-contract-mark span { color: #f5d277; font-family: var(--serif); font-size: 2.4rem; }

.settings-saas-usage-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 10px; margin: 12px 0 30px; }
.settings-saas-usage-grid article { min-width: 0; padding: 18px; border: 1px solid var(--saas-line); background: linear-gradient(145deg, rgba(255,255,251,.96), rgba(238,238,227,.74)); }
.settings-saas-usage-grid header { display: grid; gap: 5px; }
.settings-saas-usage-grid span { color: #68776f; font-size: .68rem; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; }
.settings-saas-usage-grid b { overflow: hidden; color: var(--saas-ink); font-family: var(--serif); font-size: 1.2rem; text-overflow: ellipsis; }
.settings-saas-usage-grid article > div { height: 5px; margin: 15px 0 9px; overflow: hidden; background: rgba(17,72,60,.1); }
.settings-saas-usage-grid i { display: block; width: 0; height: 100%; background: linear-gradient(90deg, #08715f, #17a88a); transition: width .45s ease; }
.settings-saas-usage-grid i.is-warning { background: linear-gradient(90deg, #a97612, #dda82b); }
.settings-saas-usage-grid i.is-critical { background: linear-gradient(90deg, #8e402f, #c7644d); }
.settings-saas-usage-grid small { color: #878c85; font-size: .68rem; }

.settings-saas-module { margin-top: 18px; padding: clamp(20px, 3.2vw, 34px); border: 1px solid var(--saas-line); background: rgba(255, 254, 249, .8); box-shadow: 0 16px 40px rgba(15, 61, 51, .055); }
.settings-saas-module > header { display: flex; justify-content: space-between; gap: 24px; align-items: end; margin-bottom: 22px; padding-bottom: 16px; border-bottom: 1px solid var(--saas-line); }
.settings-saas-module h4 { margin: 2px 0 5px; color: var(--saas-ink); font-family: var(--serif); font-size: clamp(1.35rem, 2.5vw, 1.9rem); }
.settings-saas-module > header p:last-child { max-width: 760px; margin: 0; color: #717b74; font-size: .78rem; line-height: 1.5; }
.settings-saas-module > header > span { color: #987119; font-size: .66rem; font-weight: 850; letter-spacing: .1em; text-transform: uppercase; white-space: nowrap; }
.settings-saas-split { display: grid; grid-template-columns: minmax(300px, .85fr) minmax(340px, 1.15fr); gap: 24px; }
.settings-saas-duo { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 18px; }
.settings-saas-duo .settings-saas-module { min-width: 0; }
.settings-saas-form, .settings-saas-import-form, .settings-saas-privacy-form, .settings-saas-domain-form { display: grid; gap: 16px; }
.settings-saas-form label, .settings-saas-import-form label, .settings-saas-privacy-form label, .settings-saas-domain-form label { display: grid; gap: 6px; color: #36574e; font-size: .76rem; font-weight: 780; }
.settings-saas-form input, .settings-saas-form select, .settings-saas-import-form input, .settings-saas-import-form select, .settings-saas-import-form textarea, .settings-saas-privacy-form input, .settings-saas-privacy-form select, .settings-saas-privacy-form textarea, .settings-saas-domain-form input { width: 100%; min-height: 44px; padding: 10px 12px; border: 1px solid rgba(31,73,62,.2); color: #183a31; background: #fff; }
.settings-saas-form input:focus, .settings-saas-form select:focus, .settings-saas-import-form input:focus, .settings-saas-import-form select:focus, .settings-saas-import-form textarea:focus, .settings-saas-privacy-form textarea:focus, .settings-saas-domain-form input:focus { outline: 3px solid rgba(10,128,105,.12); border-color: #0a8069; }
.settings-saas-form > .primary-button, .settings-saas-import-form > .primary-button, .settings-saas-privacy-form > .primary-button { justify-self: start; }
.settings-saas-secret { padding: 14px; border-left: 4px solid var(--saas-gold); background: rgba(221, 170, 43, .08); }
.settings-saas-secret > span { display: block; margin-bottom: 8px; color: #936a13; font-size: .66rem; font-weight: 850; letter-spacing: .09em; text-transform: uppercase; }
.settings-saas-secret > div { display: grid; grid-template-columns: minmax(0, 1fr) auto; }
.settings-saas-secret input, .settings-saas-secret code { min-width: 0; padding: 9px 10px; border: 1px solid rgba(145,102,17,.2); color: #4d4531; background: #fffdf7; font-size: .72rem; }
.settings-saas-secret code { display: block; overflow: auto; margin-top: 5px; white-space: nowrap; }
.settings-saas-secret button { padding: 8px 10px; border: 0; color: #fff; background: #8f6916; cursor: pointer; }
.settings-saas-secret small { display: block; margin-top: 7px; color: #867758; }

.settings-saas-list { display: grid; gap: 8px; }
.settings-saas-list-card { display: grid; grid-template-columns: 10px minmax(0, 1fr) auto; gap: 12px; align-items: center; padding: 13px 14px; border: 1px solid var(--saas-line); background: rgba(250,250,244,.82); }
.settings-saas-list-card > i { width: 8px; height: 34px; background: #87928b; }
.settings-saas-list-card.is-active > i, .settings-saas-list-card.is-ready > i { background: #0a8069; }
.settings-saas-list-card.is-warning > i { background: #cc941d; }
.settings-saas-list-card.is-blocked > i, .settings-saas-list-card.is-failed > i { background: #ae5741; }
.settings-saas-list-card > div { min-width: 0; }
.settings-saas-list-card p { display: flex; flex-wrap: wrap; gap: 7px; align-items: baseline; margin: 0 0 3px; }
.settings-saas-list-card strong { color: #25483f; }
.settings-saas-list-card p span { padding: 2px 5px; color: #68776f; background: rgba(19,63,53,.06); font-size: .65rem; text-transform: uppercase; }
.settings-saas-list-card small { display: block; overflow: hidden; color: #7b837d; font-size: .7rem; text-overflow: ellipsis; white-space: nowrap; }
.settings-saas-list-card > button, .settings-saas-list-card > div:last-child button { padding: 7px 9px; border: 1px solid rgba(13,112,94,.22); color: #0b6657; background: #fff; cursor: pointer; }
.settings-saas-list-card > div:last-child { display: flex; flex-wrap: wrap; gap: 6px; justify-content: end; }
.settings-saas-list-card button.danger { color: #914736; border-color: rgba(145,71,54,.25); }

.settings-saas-import-form { grid-template-columns: minmax(150px,.6fr) minmax(180px,.8fr) minmax(260px,1.2fr) auto; align-items: end; padding: 18px; border-left: 4px solid var(--saas-green); background: rgba(8,113,95,.055); }
.settings-saas-import-form details { grid-column: 1 / -1; }
.settings-saas-import-form summary { cursor: pointer; color: #5f716a; font-size: .75rem; font-weight: 780; }
.settings-saas-import-form textarea { margin-top: 10px; font-family: ui-monospace, SFMono-Regular, Consolas, monospace; }
.settings-saas-file { position: relative; min-height: 70px; padding: 11px 12px; border: 1px dashed rgba(8,113,95,.34); background: rgba(255,255,255,.72); cursor: pointer; }
.settings-saas-file input { position: absolute; width: 1px; height: 1px; opacity: 0; }
.settings-saas-file b { color: #08715f; }
.settings-saas-file small { overflow: hidden; color: #7c8780; text-overflow: ellipsis; white-space: nowrap; }
.settings-saas-import-preview { margin-top: 16px; padding: 20px; border: 1px solid rgba(205,150,25,.25); background: linear-gradient(150deg, #fffdf7, rgba(234,184,55,.08)); }
.settings-saas-import-preview > header { display: flex; justify-content: space-between; align-items: end; gap: 18px; }
.settings-saas-import-preview h5 { margin: 2px 0 0; color: var(--saas-ink); font-family: var(--serif); font-size: 1.4rem; }
.settings-saas-import-preview > header > span { color: #986d14; font-size: .68rem; font-weight: 850; letter-spacing: .08em; text-transform: uppercase; }
.settings-saas-preview-metrics { display: grid; grid-template-columns: repeat(4, minmax(0,1fr)); gap: 8px; margin: 16px 0; }
.settings-saas-preview-metrics article { padding: 12px; border: 1px solid rgba(30,68,58,.1); background: rgba(255,255,255,.7); }
.settings-saas-preview-metrics span { display: block; color: #788079; font-size: .65rem; text-transform: uppercase; }
.settings-saas-preview-metrics strong { display: block; margin-top: 3px; color: #1c493d; font-family: var(--serif); font-size: 1.4rem; }
.settings-saas-preview-rows { max-height: 360px; overflow: auto; border-top: 1px solid var(--saas-line); }
.settings-saas-preview-row { display: grid; grid-template-columns: 62px 90px minmax(160px,1fr) minmax(160px,1.2fr); gap: 10px; align-items: center; padding: 10px 4px; border-bottom: 1px solid rgba(30,68,58,.1); font-size: .72rem; }
.settings-saas-preview-row code { color: #687970; }
.settings-saas-preview-row b { color: #285047; }
.settings-saas-preview-row span { color: #737d76; }
.settings-saas-preview-row.is-error { background: rgba(174,78,54,.05); }
.settings-saas-import-preview > footer { display: flex; justify-content: space-between; gap: 20px; align-items: center; margin-top: 16px; }
.settings-saas-import-preview > footer label { max-width: 680px; font-size: .74rem; line-height: 1.45; }
.settings-saas-history { margin-top: 14px; }

.settings-saas-domain-form { grid-template-columns: minmax(0,1fr) auto; align-items: end; }
.settings-saas-domain-challenge { margin: 14px 0; }
.settings-saas-privacy-form { grid-template-columns: minmax(190px,.7fr) minmax(230px,1fr); padding: 17px; border: 1px solid var(--saas-line); background: rgba(240,241,232,.5); }
.settings-saas-privacy-form .wide { grid-column: 1 / -1; }
.settings-saas-privacy-form button { grid-column: 1 / -1; }
.settings-saas-platform-module { border-top: 5px solid #102f2a; background: linear-gradient(145deg, rgba(255,254,249,.94), rgba(225,180,58,.07)); }
.settings-saas-organization-list { display: grid; gap: 9px; margin-top: 20px; }
.settings-saas-organization-card { display: grid; grid-template-columns: minmax(0,1fr) 160px 150px auto; gap: 10px; align-items: center; padding: 13px; border: 1px solid var(--saas-line); background: #fff; }
.settings-saas-organization-card div { min-width: 0; }
.settings-saas-organization-card strong, .settings-saas-organization-card small { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.settings-saas-organization-card strong { color: #23473e; }
.settings-saas-organization-card small { color: #7c847e; }
.settings-saas-organization-card select, .settings-saas-organization-card button { min-height: 38px; padding: 7px 9px; border: 1px solid rgba(28,71,60,.19); background: #fff; }
.settings-saas-organization-card button { color: #0a6d5c; cursor: pointer; }
.settings-saas-platform-domains { display: grid; grid-template-columns: minmax(220px,.65fr) minmax(0,1.35fr); gap: 22px; margin-top: 24px; padding-top: 22px; border-top: 1px solid var(--saas-line); }
.settings-saas-platform-domains h5 { margin: 2px 0 6px; color: #173c34; font: 700 1rem Georgia, serif; }
.settings-saas-platform-domains p { margin: 0; color: #718079; font-size: .78rem; line-height: 1.5; }

@media (max-width: 980px) {
  .settings-ops-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .settings-access-columns { grid-template-columns: 1fr; }
  .settings-permission-catalog { grid-template-columns: 1fr; }
  .settings-branch-scope { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .settings-saas-usage-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .settings-saas-split, .settings-saas-duo { grid-template-columns: 1fr; }
  .settings-saas-import-form { grid-template-columns: repeat(2, minmax(0,1fr)); }
  .settings-saas-import-form > button { justify-self: start; }
  .settings-saas-organization-card { grid-template-columns: minmax(0,1fr) 140px; }
  .settings-saas-organization-card > button { justify-self: start; }
  .settings-saas-platform-domains { grid-template-columns: 1fr; }
}

@media (max-width: 680px) {
  .settings-ops-command, .settings-ops-storage > header, .settings-ops-section > header { align-items: stretch; flex-direction: column; }
  .settings-ops-command .secondary-button { align-self: start; }
  .settings-ops-grid { grid-template-columns: 1fr; }
  .settings-ops-card { min-height: 118px; }
  .settings-ops-storage > footer { align-items: start; flex-direction: column; gap: 4px; }
  .settings-ops-row { grid-template-columns: 8px minmax(0, 1fr); }
  .settings-ops-row > button, .settings-ops-manual { grid-column: 2; justify-self: start; }
  .settings-access-summary { grid-template-columns: 1fr; }
  .settings-access-summary article { min-height: 105px; }
  .settings-access-panel { padding: 15px; }
  .settings-access-panel > header, .settings-account-security > header { align-items: stretch; flex-direction: column; }
  .settings-role-card { grid-template-columns: 40px minmax(0, 1fr); }
  .settings-role-actions { grid-column: 2; flex-wrap: wrap; }
  .settings-employee-card { grid-template-columns: 40px minmax(0, 1fr); }
  .settings-employee-card > button { grid-column: 2; justify-self: start; }
  .settings-branch-scope, .settings-password-block { grid-template-columns: 1fr; }
  .settings-recovery-panel > div:nth-child(2) { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .settings-session-list article { grid-template-columns: 1fr auto; }
  .settings-session-list time { grid-row: 2; }
  .settings-saas-contract { grid-template-columns: minmax(0,1fr) auto; min-height: 190px; padding: 26px 21px; }
  .settings-saas-contract-mark { display: none; }
  .settings-saas-usage-grid, .settings-saas-import-form, .settings-saas-privacy-form { grid-template-columns: 1fr; }
  .settings-saas-privacy-form .wide, .settings-saas-privacy-form button, .settings-saas-import-form details { grid-column: auto; }
  .settings-saas-module > header, .settings-saas-import-preview > header, .settings-saas-import-preview > footer { align-items: stretch; flex-direction: column; }
  .settings-saas-module > header > span { white-space: normal; }
  .settings-saas-preview-metrics { grid-template-columns: repeat(2, minmax(0,1fr)); }
  .settings-saas-preview-row { grid-template-columns: 50px minmax(0,1fr); }
  .settings-saas-preview-row span:last-child { grid-column: 2; }
  .settings-saas-domain-form { grid-template-columns: 1fr; }
  .settings-saas-list-card { grid-template-columns: 8px minmax(0,1fr); }
  .settings-saas-list-card > button, .settings-saas-list-card > div:last-child { grid-column: 2; justify-self: start; }
  .settings-saas-organization-card { grid-template-columns: 1fr; }
}