@import url("https://fonts.googleapis.com/css2?family=DM+Mono&family=Manrope:wght@400;500;600;700;800&family=Playfair+Display:ital,wght@0,600;1,600&display=swap");
/* CostaVaz Design System — foundations */
:root {
  --cv-navy-950: #071a33;
  --cv-navy-800: #12385b;
  --cv-gold-500: #bd8a37;
  --cv-gold-100: #f8eedc;
  --cv-sand-50: #faf8f3;
  --cv-sand-100: #f2eee5;
  --cv-white: #fff;
  --cv-ink: #122239;
  --cv-muted: #64748b;
  --cv-line: #e4ded2;
  --cv-teal: #148579;
  --cv-red: #b64545;
  --cv-radius-sm: 10px;
  --cv-radius: 16px;
  --cv-radius-lg: 24px;
  --cv-shadow: 0 14px 40px #1b294014;
  --cv-font: Manrope, Arial, sans-serif;
  --cv-display: "Playfair Display", serif;
  --cv-mono: "DM Mono", monospace;
}
* {
  box-sizing: border-box;
}
body {
  margin: 0;
  background: var(--cv-sand-50);
  color: var(--cv-ink);
  font: 14px var(--cv-font);
}
header,
main {
  max-width: 1380px;
  margin: auto;
}
header {
  height: 94px;
  padding: 15px 34px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-bottom: 1px solid var(--cv-line);
}
header > div {
  display: flex;
  gap: 12px;
  align-items: center;
}
.brand {
  display: flex;
  align-items: center;
  gap: 15px;
  text-decoration: none;
  color: var(--cv-muted);
  font: 10px var(--cv-mono);
  letter-spacing: 0.14em;
  text-transform: uppercase;
}
.brand img {
  width: 353px;
  height: 82px;
  object-fit: contain;
  object-position: left;
  background: transparent;
  border: 0;
  padding: 0;
  filter: drop-shadow(0 3px 5px #071a3318);
}
.gear,
header a:not(.brand) {
  background: var(--cv-white);
  border: 1px solid var(--cv-line);
  border-radius: var(--cv-radius-sm);
  color: var(--cv-navy-950);
  padding: 9px 12px;
  text-decoration: none;
  cursor: pointer;
}
.gear {
  font-size: 17px;
  transition: transform 0.25s;
}
.gear:hover {
  transform: rotate(45deg);
  border-color: var(--cv-gold-500);
}
main {
  padding: 38px 34px 60px;
}
.hero {
  display: flex;
  align-items: end;
  justify-content: space-between;
  padding: 23px 0 30px;
}
.eyebrow {
  font: 10px var(--cv-mono);
  letter-spacing: 0.16em;
  color: var(--cv-gold-500);
}
h1 {
  font: 600 48px/1.03 var(--cv-display);
  letter-spacing: -1.7px;
  margin: 9px 0;
  color: var(--cv-navy-950);
}
h1 em {
  color: var(--cv-gold-500);
}
.hero p,
.operations p {
  margin: 12px 0 0;
  color: var(--cv-muted);
}
.status {
  min-width: 255px;
  border-left: 3px solid var(--cv-gold-500);
  padding: 8px 0 8px 15px;
  color: var(--cv-muted);
  font: 10px var(--cv-mono);
}
.status b {
  display: block;
  margin: 7px 0;
  font: 700 16px var(--cv-font);
  color: var(--cv-navy-950);
}
.status small {
  color: var(--cv-teal);
}
.flow {
  display: flex;
  gap: 16px;
  align-items: center;
  background: var(--cv-navy-950);
  color: #d5e1ee;
  border-radius: var(--cv-radius);
  padding: 15px 20px;
  font: 11px var(--cv-mono);
  box-shadow: var(--cv-shadow);
}
.flow span,
.gold {
  color: #efcc86;
}
.flow i {
  color: #61778e;
}
.flow strong {
  margin-left: auto;
  color: #a7b7c7;
  font-weight: 400;
}
.positive {
  color: var(--cv-teal) !important;
}
.negative,
.danger {
  color: var(--cv-red) !important;
}
.cards {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 14px;
  margin: 15px 0;
}
.cards article,
.panel,
.operations {
  background: var(--cv-white);
  border: 1px solid var(--cv-line);
  border-radius: var(--cv-radius);
  box-shadow: var(--cv-shadow);
}
.cards article {
  padding: 20px;
  min-height: 118px;
}
.cards span,
.cards small {
  display: block;
  color: var(--cv-muted);
  font-size: 12px;
}
.cards strong {
  display: block;
  font-size: 25px;
  letter-spacing: -1px;
  margin: 12px 0 5px;
}
.quick {
  background: var(--cv-gold-100) !important;
  border-color: #ead3ab !important;
}
.quick span {
  color: #74582a;
}
.quick button,
.primary {
  border: 0;
  border-radius: 8px;
  background: var(--cv-navy-950);
  color: #fff;
  padding: 10px 13px;
  font-weight: 800;
  cursor: pointer;
  transition: 0.2s;
}
.quick button:hover,
.primary:hover {
  transform: translateY(-2px);
  box-shadow: 0 9px 16px #071a3324;
}
.grid {
  display: grid;
  grid-template-columns: 1.08fr 0.92fr;
  gap: 14px;
}
.panel {
  padding: 22px;
}
.launch {
  grid-row: span 2;
  background: linear-gradient(145deg, #fff, #f9f6ef);
}
h2 {
  font-size: 19px;
  margin: 7px 0 16px;
  color: var(--cv-navy-950);
}
h3 {
  color: var(--cv-navy-950);
}
label {
  display: block;
  color: var(--cv-muted);
  font-size: 11px;
  font-weight: 700;
  margin-top: 12px;
}
input,
select {
  display: block;
  width: 100%;
  margin-top: 6px;
  padding: 11px;
  border: 1px solid var(--cv-line);
  border-radius: 8px;
  background: #fff;
  color: var(--cv-ink);
  font: 13px var(--cv-font);
}
input:focus,
select:focus {
  outline: 2px solid #bd8a3730;
  border-color: var(--cv-gold-500);
}
.two {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 10px;
}
.seg {
  display: flex;
  gap: 6px;
  margin-top: 17px;
}
.seg label {
  margin: 0;
}
.seg input {
  position: absolute;
  opacity: 0;
}
.seg span {
  display: block;
  border: 1px solid var(--cv-line);
  border-radius: 8px;
  padding: 8px 9px;
  font-size: 11px;
}
.seg input:checked + span {
  background: var(--cv-navy-950);
  border-color: var(--cv-navy-950);
  color: #fff;
}
.primary {
  width: 100%;
  margin-top: 18px;
  background: var(--cv-gold-500);
}
.count {
  float: right;
  color: var(--cv-gold-500);
  font: 11px var(--cv-mono);
}
.list,
.registry {
  padding: 0;
  margin: 0;
  list-style: none;
}
.list li {
  display: flex;
  justify-content: space-between;
  gap: 12px;
  padding: 13px 0;
  border-bottom: 1px solid var(--cv-line);
}
.list b {
  display: block;
  font-size: 12px;
}
.list small {
  display: block;
  color: var(--cv-muted);
  font-size: 10px;
  margin-top: 3px;
}
.amount {
  text-align: right;
  font-size: 12px;
}
.text-btn {
  border: 0;
  background: none;
  padding: 4px 0;
  color: var(--cv-teal);
  font-size: 10px;
  cursor: pointer;
}
.muted {
  color: var(--cv-muted);
}
.bar {
  display: grid;
  grid-template-columns: 1fr auto;
  gap: 7px;
  margin: 13px 0;
  font-size: 12px;
}
.bar b {
  color: var(--cv-gold-500);
  font: 11px var(--cv-mono);
}
.bar i {
  grid-column: 1/-1;
  height: 6px;
  border-radius: 10px;
  background: var(--cv-sand-100);
  overflow: hidden;
}
.bar em {
  display: block;
  height: 100%;
  border-radius: 10px;
  background: linear-gradient(90deg, var(--cv-navy-800), var(--cv-gold-500));
}
.operations {
  margin-top: 14px;
  padding: 24px;
}
.ops-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 25px;
  margin-top: 19px;
}
.ops-grid form button {
  margin-top: 9px;
  border: 1px solid var(--cv-line);
  border-radius: 7px;
  background: var(--cv-sand-50);
  color: var(--cv-navy-800);
  padding: 7px 9px;
  font-size: 11px;
  font-weight: 700;
  cursor: pointer;
}
.registry li {
  padding: 9px 0;
  border-bottom: 1px solid var(--cv-line);
  font-size: 11px;
}
.registry span {
  float: right;
  color: var(--cv-gold-500);
}
.chips {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  margin-top: 13px;
}
.chips span {
  padding: 6px 9px;
  border-radius: 18px;
  background: var(--cv-sand-100);
  font-size: 10px;
  color: #536579;
}
.flash {
  padding: 12px;
  border-radius: var(--cv-radius-sm);
  margin-bottom: 15px;
}
.flash.success {
  background: #e0f2ef;
  color: var(--cv-teal);
}
.flash.error {
  background: #fae5e3;
  color: var(--cv-red);
}
.modal {
  position: fixed;
  inset: 0;
  display: none;
  place-items: center;
  background: #071a3388;
  padding: 20px;
  z-index: 2;
}
.modal.show {
  display: grid;
}
.modal-card {
  width: min(700px, 100%);
  padding: 32px;
  background: var(--cv-white);
  border-radius: var(--cv-radius-lg);
  box-shadow: 0 30px 90px #071a3340;
  position: relative;
}
.close {
  position: absolute;
  right: 16px;
  top: 11px;
  border: 0;
  background: none;
  font-size: 29px;
  color: var(--cv-navy-950);
}
.modal-card button:not(.close) {
  margin-top: 12px;
  border: 0;
  border-radius: 8px;
  background: var(--cv-gold-500);
  color: #fff;
  padding: 10px;
  font-weight: 800;
}
.alerts { margin: 0 0 24px; }
.alert-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(220px,1fr)); gap:10px; margin-top:14px; }
.alert-grid div { padding:13px 14px; border:1px solid var(--cv-gold-100); border-radius:10px; background:#fffaf0; display:flex; flex-direction:column; gap:4px; }
.alert-grid small { color:var(--cv-muted); font-weight:700; }
.download { display:block; margin:10px 0; color:var(--cv-navy-800); font-weight:800; text-decoration:none; padding:10px; border-radius:8px; background:var(--cv-sand-100); }
.download:hover { background:var(--cv-gold-100); transform:translateX(3px); }
@media (max-width: 800px) {
  header,
  main {
    padding-left: 20px;
    padding-right: 20px;
  }
  .hero {
    display: block;
  }
  .status {
    margin-top: 25px;
  }
  .cards,
  .grid,
  .ops-grid {
    grid-template-columns: 1fr 1fr;
  }
  .launch {
    grid-row: auto;
  }
  .ops-grid article:last-child {
    grid-column: span 2;
  }
}
@media (max-width: 550px) {
  .brand span {
    display: none;
  }
  .brand img {
    width: 220px;
  }
  .cards,
  .grid,
  .ops-grid,
  .two {
    grid-template-columns: 1fr;
  }
  .ops-grid article:last-child {
    grid-column: auto;
  }
  .flow {
    flex-wrap: wrap;
  }
  .flow strong {
    margin-left: 0;
  }
  h1 {
    font-size: 38px;
  }
  .hero {
    padding-top: 0;
  }
  header {
    height: 80px;
  }
  .status {
    min-width: 0;
  }
}

/* Login — a quiet, private financial room rather than another generic login card. */
.login-body { min-height:100vh; background:#081a30; color:#f9f6ef; }
.login-shell { min-height:100vh; display:grid; grid-template-columns:minmax(420px,1.15fr) minmax(420px,.85fr); }
.login-story { min-height:100vh; padding:48px clamp(42px,7vw,112px) 36px; display:flex; flex-direction:column; position:relative; overflow:hidden; background:radial-gradient(circle at 21% 80%,#174f64 0,transparent 34%),linear-gradient(135deg,#06172f 0%,#0a2742 100%); }
.login-story:before { content:""; position:absolute; inset:0; opacity:.2; background-image:linear-gradient(#fff 1px,transparent 1px),linear-gradient(90deg,#fff 1px,transparent 1px); background-size:64px 64px; mask-image:linear-gradient(to bottom,transparent,black 25%,black 78%,transparent); }
.login-story:after { content:""; position:absolute; width:440px; height:440px; border:1px solid #d8ad6080; border-radius:50%; right:-220px; top:-140px; box-shadow:0 0 0 36px #d8ad600c,0 0 0 72px #d8ad6008; }
.login-logo { position:relative; z-index:1; display:inline-flex; width:330px; max-width:100%; }
.login-logo img { width:100%; height:76px; object-fit:contain; object-position:left; filter:brightness(0) invert(1) sepia(.25) saturate(1.3) contrast(.9); }
.login-copy { position:relative; z-index:1; margin:auto 0 42px; max-width:560px; }
.login-kicker,.login-card-top { display:flex; align-items:center; gap:9px; color:#d9b570; font:10px var(--cv-mono); letter-spacing:.18em; text-transform:uppercase; }
.login-copy h1 { margin:15px 0 18px; max-width:540px; color:#fffdf8; font:600 clamp(48px,5.2vw,78px)/.98 var(--cv-display); letter-spacing:-.045em; }
.login-copy h1 em { color:#e1ba70; }
.login-copy p { margin:0; max-width:430px; color:#c1d0db; font-size:16px; line-height:1.75; }
.finance-pulse { position:relative; z-index:1; width:min(470px,100%); height:54px; display:flex; align-items:center; gap:0; color:#d9b570; margin-bottom:52px; }
.finance-pulse:before { content:""; position:absolute; inset:50% 0 auto; border-top:1px solid #d9b57055; }
.finance-pulse span,.finance-pulse i,.finance-pulse b { position:relative; z-index:1; display:block; background:#d9b570; }
.finance-pulse span { width:30%; height:1px; }.finance-pulse i { width:16%; height:1px; transform:skewY(-24deg) translateY(-10px); }.finance-pulse b { width:8%; height:2px; transform:skewY(62deg) translateY(3px); box-shadow:0 0 16px #e1ba70; }
.login-foot { position:relative; z-index:1; display:flex; justify-content:space-between; color:#a8bac7; font:10px var(--cv-mono); letter-spacing:.09em; text-transform:uppercase; }
.login-main { margin:0; max-width:none; padding:32px; display:grid; place-items:center; background:linear-gradient(145deg,#faf8f3,#eee8dc); }
.login-card { width:min(400px,100%); padding:16px 0; color:var(--cv-ink); animation:login-enter .65s cubic-bezier(.2,.8,.2,1) both; }
.login-card-top { color:var(--cv-navy-800); letter-spacing:.14em; }.login-dot { width:8px; height:8px; border-radius:50%; background:var(--cv-teal); box-shadow:0 0 0 5px #14857918; }
.login-card h2 { margin:24px 0 8px; font:600 39px/1.05 var(--cv-display); letter-spacing:-.035em; color:var(--cv-navy-950); }
.login-card > p { color:var(--cv-muted); font-size:15px; line-height:1.65; margin:0 0 32px; }
.login-form { display:grid; gap:10px; }.login-form > label { color:var(--cv-navy-950); font-size:12px; font-weight:800; letter-spacing:.04em; }
.password-wrap { position:relative; }.login-form input { width:100%; height:56px; padding:0 52px 0 16px; color:var(--cv-ink); background:#fffdf9; border:1px solid #d8d0c2; border-radius:10px; font:500 16px var(--cv-font); outline:0; transition:border-color .2s,box-shadow .2s; }.login-form input:focus { border-color:var(--cv-gold-500); box-shadow:0 0 0 4px #bd8a371c; }
.toggle-password { position:absolute; right:5px; top:5px; width:46px; height:46px; border:0; border-radius:8px; background:transparent; color:#6a7787; font-size:16px; cursor:pointer; }.toggle-password:hover { background:var(--cv-sand-100); color:var(--cv-navy-800); }
.login-submit { width:100%; min-height:56px; margin-top:14px; border:0; border-radius:10px; background:var(--cv-navy-950); color:#fff; font:800 14px var(--cv-font); cursor:pointer; transition:transform .2s,box-shadow .2s,background .2s; }.login-submit span { display:inline-block; margin-left:12px; color:#e1ba70; font-size:20px; vertical-align:-1px; transition:transform .2s; }.login-submit:hover { background:#12385b; transform:translateY(-2px); box-shadow:0 12px 25px #071a3330; }.login-submit:hover span { transform:translateX(4px); }
.login-help { display:block; margin-top:24px; color:#7b8794; font-size:11px; line-height:1.5; text-align:center; }
@keyframes login-enter { from { opacity:0; transform:translateY(16px) } to { opacity:1; transform:none } }
@media (prefers-reduced-motion:reduce) { .login-card { animation:none }.login-submit,.login-submit span { transition:none } }
@media (max-width:800px) { .login-shell { grid-template-columns:1fr; }.login-story { min-height:310px; padding:30px 26px; }.login-copy { margin:38px 0 0; }.login-copy h1 { font-size:46px; }.login-copy p,.finance-pulse,.login-foot { display:none; }.login-main { min-height:calc(100vh - 310px); }.login-logo { width:260px; } }
@media (max-width:440px) { .login-main { padding:24px; }.login-card h2 { font-size:35px; }.login-story { min-height:270px; }.login-copy h1 { font-size:39px; } }

/* Operations dashboard: summary in the open, work behind deliberate doors. */
.ops-body{background:#f5f6f4;color:#172638;min-height:100vh}.ops-header{max-width:none;height:82px;padding:12px clamp(20px,4vw,64px);background:#fff;border-bottom:1px solid #e3e8e5}.ops-brand{display:flex;align-items:center;gap:18px;color:#71808d;text-decoration:none;font:10px var(--cv-mono);letter-spacing:.14em;text-transform:uppercase}.ops-brand img{width:220px;height:58px;object-fit:contain;object-position:left}.ops-actions{display:flex;align-items:center;gap:12px}.ops-actions a,.ops-icon{border:1px solid #dce3df;background:#fff;border-radius:10px;padding:9px 12px;color:#20384e;text-decoration:none;cursor:pointer}.ops-online{font:700 10px var(--cv-mono);color:#388377;text-transform:uppercase;letter-spacing:.08em}.ops-main{max-width:1240px;padding:44px 32px 70px}.ops-welcome{display:flex;justify-content:space-between;gap:25px;align-items:end;margin-bottom:28px}.ops-kicker{font:10px var(--cv-mono);letter-spacing:.15em;color:#a1732d}.ops-welcome h1{margin:8px 0 3px;font:600 clamp(32px,4vw,50px)/1 var(--cv-display);letter-spacing:-.04em;color:#102b45}.ops-welcome p{margin:0;color:#687887;font-size:15px}.ops-new{border:0;border-radius:12px;background:#102f4b;color:white;padding:13px 18px;font:800 13px var(--cv-font);box-shadow:0 10px 22px #09233a21;cursor:pointer;transition:.2s}.ops-new i{font-size:20px;color:#e5bb73;font-style:normal;vertical-align:-1px;margin-right:8px}.ops-new:hover{background:#1b4c6d;transform:translateY(-2px)}.ops-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:18px}.ops-metrics article{min-height:138px;padding:20px;background:#fff;border:1px solid #e4e9e5;border-radius:16px;display:flex;flex-direction:column;gap:8px;box-shadow:0 8px 22px #19324a08}.ops-metrics span,.ops-metrics small{color:#74818b;font-size:12px}.ops-metrics strong{font:800 23px var(--cv-font);letter-spacing:-.05em}.ops-metrics .gold{color:#b37e29}.ops-worth{background:linear-gradient(135deg,#102e49,#1a5270)!important;color:#fff;border-color:#102e49!important}.ops-worth span,.ops-worth small{color:#d2e0e6}.ops-alert{display:flex;align-items:center;gap:28px;padding:14px 18px;margin-bottom:38px;border:1px solid #efdfba;background:#fffbf1;border-radius:14px}.ops-alert-title{display:flex;gap:10px;align-items:center;min-width:180px}.ops-alert-title>span{color:#ba8731;font-size:24px}.ops-alert-title b,.ops-alert-title small{display:block}.ops-alert-title small{color:#8a7b60;font-size:11px}.ops-alert-items{display:flex;gap:8px;overflow:auto}.ops-alert-items button{white-space:nowrap;text-align:left;border:0;border-left:1px solid #eadabb;background:transparent;padding:4px 14px;color:#675937;font:12px var(--cv-font);cursor:pointer}.ops-alert-items b{display:block;color:#233d50}.ops-section-heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:15px}.ops-section-heading h2{margin:5px 0 0;font:600 25px var(--cv-display);letter-spacing:-.03em}.ops-text{border:0;background:transparent;color:#8d672d;font:800 12px var(--cv-font);cursor:pointer}.ops-modules{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.ops-module{min-height:142px;padding:17px;position:relative;text-align:left;background:#fff;border:1px solid #e2e8e4;border-radius:16px;color:#172e43;cursor:pointer;transition:transform .2s,box-shadow .2s,border-color .2s}.ops-module:hover{transform:translateY(-4px);border-color:#cba052;box-shadow:0 15px 28px #112f4912}.ops-module.featured{background:#ecf3f3;border-color:#a9c7c0}.ops-module-icon{display:grid;place-items:center;width:35px;height:35px;margin-bottom:20px;border-radius:10px;background:#f3ede0;color:#9b712d;font-size:18px}.featured .ops-module-icon{background:#1b6d68;color:#fff}.ops-module-copy{display:block}.ops-module-copy b,.ops-module-copy small{display:block}.ops-module-copy b{font-size:13px}.ops-module-copy small{margin-top:4px;color:#788690;font-size:11px;line-height:1.3}.ops-module>i{position:absolute;right:17px;bottom:15px;font-style:normal;color:#a0acb1}.ops-bottom{display:grid;grid-template-columns:1.1fr .9fr;gap:26px;margin-top:42px}.ops-bottom article{padding:25px;background:#fff;border:1px solid #e2e8e4;border-radius:16px}.ops-bar{display:grid;grid-template-columns:135px 1fr auto;gap:12px;align-items:center;padding:7px 0;font-size:12px}.ops-bar i{height:7px;background:#edf0ee;border-radius:99px;overflow:hidden}.ops-bar em{display:block;height:100%;background:#c0903f;border-radius:99px}.ops-bar b{font-size:11px}.ops-recent{list-style:none;margin:0;padding:0}.ops-recent li{display:flex;align-items:center;gap:11px;padding:10px 0;border-bottom:1px solid #edf0ed}.ops-recent li>span{display:grid;place-items:center;width:25px;height:25px;border-radius:50%;font-weight:800}.ops-recent .in{background:#e4f5ef;color:#18715e}.ops-recent .out{background:#faf0e9;color:#ae6740}.ops-recent div{flex:1}.ops-recent b,.ops-recent small{display:block}.ops-recent b{font-size:12px}.ops-recent small{color:#7e8b92;font-size:10px}.ops-recent strong{font-size:12px}.ops-dialog{width:min(580px,calc(100vw - 32px));max-height:min(760px,calc(100vh - 32px));padding:0;border:0;border-radius:18px;background:#fbfcfb;color:#193146;box-shadow:0 30px 90px #071a3366}.ops-dialog::backdrop{background:#071b2a99;backdrop-filter:blur(3px)}.ops-dialog-wide{width:min(920px,calc(100vw - 32px))}.ops-dialog-head{display:flex;justify-content:space-between;align-items:start;padding:27px 30px 20px;border-bottom:1px solid #e6ebe7}.ops-dialog-head h2{margin:6px 0 0;font:600 29px var(--cv-display);letter-spacing:-.035em}.ops-close{display:grid;place-items:center;width:34px;height:34px;border:0;border-radius:9px;background:#eff2f0;color:#50616c;font-size:25px;cursor:pointer}.ops-form{display:grid;gap:13px;padding:25px 30px}.ops-form label{display:grid;gap:6px;font-weight:700;font-size:12px}.ops-form input,.ops-form select{width:100%;min-height:44px;padding:0 12px;border:1px solid #dce4df;border-radius:9px;background:#fff;color:#22394e;font:13px var(--cv-font);outline:0}.ops-form input:focus,.ops-form select:focus{border-color:#b68431;box-shadow:0 0 0 3px #b6843118}.ops-form.compact{padding:0}.ops-choice{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.ops-choice label{display:block}.ops-choice input{position:absolute;opacity:0}.ops-choice span{display:block;padding:10px;text-align:center;background:#f1f4f2;border-radius:8px;color:#5e6d74;cursor:pointer}.ops-choice input:checked+span{background:#143c58;color:#fff}.ops-submit{min-height:46px;border:0;border-radius:9px;background:#143b57;color:#fff;font:800 13px var(--cv-font);cursor:pointer}.ops-submit span{color:#e3b765;font-size:18px;margin-left:7px}.ops-dialog-body{padding:25px 30px}.ops-dialog-summary{display:flex;align-items:center;gap:9px;margin-bottom:18px}.ops-dialog-summary b{font-size:24px}.ops-dialog-summary span{color:#77858d;font-size:12px}.ops-new.small{margin-left:auto;padding:8px 11px;font-size:11px}.ops-list{list-style:none;margin:0;padding:0}.ops-list li{display:flex;align-items:center;gap:16px;padding:15px 0;border-bottom:1px solid #e8ece9}.ops-list li>div{flex:1}.ops-list b,.ops-list small{display:block}.ops-list b{font-size:13px}.ops-list small{margin-top:3px;color:#76858d;font-size:11px}.ops-list strong{font-size:13px}.ops-mini{border:1px solid #d9e1dd;background:#fff;border-radius:7px;padding:7px 9px;color:#355162;font:700 11px var(--cv-font);cursor:pointer}.ops-mini.danger{color:#b14e4c}.ops-split{display:grid;grid-template-columns:1fr 1fr;gap:32px;padding:27px 30px}.ops-split section+section{border-left:1px solid #e6ebe7;padding-left:32px}.ops-split h3,.ops-three h3,.ops-settings h3{margin:0 0 15px;font-size:14px}.ops-three{display:grid;grid-template-columns:repeat(3,1fr);gap:25px;padding:27px 30px}.ops-three section+section{border-left:1px solid #e6ebe7;padding-left:25px}.ops-row{display:flex;justify-content:space-between;gap:10px;padding:9px 0;margin:0;border-bottom:1px solid #edf0ed;font-size:11px}.ops-row span{color:#6c7b84}.ops-settings{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;padding:27px 30px}.ops-prompts{display:grid;gap:8px;margin:18px 0}.ops-prompts button{padding:10px;border:1px solid #e2e8e4;background:#fff;border-radius:8px;text-align:left;color:#425768;font:12px var(--cv-font)}
@media(max-width:900px){.ops-metrics,.ops-modules{grid-template-columns:repeat(2,1fr)}.ops-bottom{grid-template-columns:1fr}.ops-three,.ops-settings{grid-template-columns:1fr}.ops-three section+section,.ops-split section+section{border-left:0;border-top:1px solid #e6ebe7;padding-left:0;padding-top:22px}.ops-split{grid-template-columns:1fr}.ops-settings{gap:28px}}@media(max-width:600px){.ops-header{padding:10px 18px}.ops-brand img{width:155px}.ops-brand span,.ops-online{display:none}.ops-main{padding:30px 18px}.ops-welcome{align-items:start;flex-direction:column}.ops-metrics,.ops-modules{grid-template-columns:1fr}.ops-alert{align-items:start;flex-direction:column;gap:10px}.ops-alert-items{width:100%}.ops-bottom{margin-top:30px}.ops-dialog-head,.ops-form,.ops-dialog-body,.ops-split,.ops-three,.ops-settings{padding-left:20px;padding-right:20px}.ops-dialog{width:calc(100vw - 18px)}.ops-choice{grid-template-columns:1fr}.ops-list li{align-items:flex-start;flex-wrap:wrap}.ops-list li>div{min-width:65%}}

/* Modal layout pass — one stable frame, one scrollable work area. */
.ops-dialog{margin:auto;min-height:0;overflow:hidden}.ops-dialog[open]{display:flex;flex-direction:column;animation:ops-modal-in .18s ease-out}.ops-dialog-head{flex:0 0 auto;min-height:92px;align-items:center;background:#fff}.ops-dialog-head>div{min-width:0}.ops-dialog-head h2{max-width:620px;overflow-wrap:anywhere}.ops-dialog> :not(.ops-dialog-head){min-height:0;overflow:auto;scrollbar-gutter:stable}.ops-dialog .ops-form{margin:0;background:#fbfcfb}.ops-dialog .ops-form label{min-width:0}.ops-dialog .two{min-width:0}.ops-dialog .two>*{min-width:0}.ops-dialog input,.ops-dialog select{max-width:100%}.ops-dialog-wide{height:min(680px,calc(100dvh - 48px))}.ops-dialog:not(.ops-dialog-wide){height:auto;max-height:min(680px,calc(100dvh - 48px))}.ops-split,.ops-three,.ops-settings{align-items:start}.ops-split>section,.ops-three>section,.ops-settings>form{min-width:0}.ops-split>section:first-child{max-height:500px;overflow:auto;padding-right:5px}.ops-list li{min-width:0}.ops-list li>div{min-width:0}.ops-list li b,.ops-list li small{overflow-wrap:anywhere}.ops-list strong{white-space:nowrap}.ops-dialog .ops-submit{position:relative;isolation:isolate}.ops-dialog .ops-submit:hover{background:#1b4c6d}.ops-dialog .ops-form.compact{gap:11px}.ops-dialog .ops-form.compact h3{margin-bottom:4px}.ops-settings{padding-bottom:34px}.ops-settings .ops-form{background:#fff;border:1px solid #e4eae6;border-radius:12px;padding:17px}.ops-three>section{padding-bottom:10px}.ops-three .ops-row:last-child{border-bottom:0}.ops-dialog .download{margin:17px 0 0}.ops-prompts button{cursor:default}
@keyframes ops-modal-in{from{opacity:0;transform:translateY(8px) scale(.985)}to{opacity:1;transform:none}}
@media(max-width:720px){.ops-dialog-wide{height:min(760px,calc(100dvh - 20px))}.ops-dialog-head{min-height:78px;padding:18px 20px}.ops-dialog-head h2{font-size:25px}.ops-split{gap:24px;padding:22px 20px}.ops-three{gap:24px;padding:22px 20px}.ops-settings{padding:22px 20px}.ops-dialog-body{padding:22px 20px}.ops-dialog .ops-form{padding:22px 20px}.ops-list li{gap:10px;padding:13px 0}.ops-list li form{margin-left:auto}.ops-dialog-summary{flex-wrap:wrap}.ops-new.small{margin-left:0}.ops-three section+section{border-top:1px solid #e6ebe7;border-left:0;padding:22px 0 0}.ops-settings{grid-template-columns:1fr}.ops-settings .ops-form{padding:16px}.ops-split section+section{padding-left:0}}
@media(max-width:480px){.ops-dialog,.ops-dialog-wide{width:100vw;height:100dvh;max-height:none;border-radius:0}.ops-dialog::backdrop{background:#071b2acc}.ops-dialog-head{padding:15px 17px}.ops-dialog-head h2{font-size:23px}.ops-dialog .ops-form,.ops-dialog-body,.ops-split,.ops-three,.ops-settings{padding-left:17px;padding-right:17px}.ops-choice{gap:6px}.ops-choice span{font-size:11px;padding:9px 5px}.ops-list li>div{flex-basis:calc(100% - 92px)}.ops-list li strong{font-size:12px}.ops-list li form{width:100%;margin:0}.ops-mini{width:100%;padding:9px}.ops-split>section:first-child{max-height:none}.ops-dialog-summary b{font-size:22px}}
@media(prefers-reduced-motion:reduce){.ops-dialog[open]{animation:none}.ops-module,.ops-new{transition:none}}

/* Settings uses a focused workspace, not three competing mini-forms. */
.ops-settings-dialog{width:min(760px,calc(100vw - 32px));height:auto!important;max-height:min(620px,calc(100dvh - 48px))}.settings-workspace{display:grid;grid-template-columns:210px minmax(0,1fr);min-height:365px;background:#fbfcfb}.ops-tabs{display:flex;flex-direction:column;gap:5px;padding:22px 14px;background:#f2f5f3;border-right:1px solid #e2e8e4}.ops-tabs button{display:flex;align-items:center;gap:10px;width:100%;border:0;border-radius:9px;padding:11px 12px;background:transparent;color:#526572;text-align:left;font:800 12px var(--cv-font);cursor:pointer;transition:background .18s,color .18s}.ops-tabs button span{display:grid;place-items:center;width:21px;height:21px;color:#a47b37;font-size:16px}.ops-tabs button:hover{background:#e8eeeb;color:#153650}.ops-tabs button.active{background:#143b57;color:#fff;box-shadow:0 6px 14px #0e2f4617}.ops-tabs button.active span{color:#e7bd72}.ops-tab-panels{min-height:0;overflow:auto;padding:34px 40px}.ops-tab-panel{display:none;max-width:410px}.ops-tab-panel.active{display:block;animation:ops-panel-in .18s ease-out}.ops-tab-panel h3{margin:7px 0 7px;font:600 27px/1.05 var(--cv-display);letter-spacing:-.035em;color:#15344e}.ops-tab-panel>p{margin:0 0 25px;color:#71808a;font-size:13px;line-height:1.65}.ops-tab-panel .ops-form{padding:0;background:transparent}.ops-tab-panel .ops-form label{gap:7px}.ops-tab-panel .ops-submit{margin-top:5px}.ops-settings-dialog .ops-dialog-head{padding:24px 30px 19px}.ops-settings-dialog .ops-dialog-head h2{font-size:31px}@keyframes ops-panel-in{from{opacity:0;transform:translateX(5px)}to{opacity:1;transform:none}}
@media(max-width:600px){.ops-settings-dialog{width:calc(100vw - 18px);height:min(650px,calc(100dvh - 18px))!important}.settings-workspace{grid-template-columns:1fr;grid-template-rows:auto minmax(0,1fr)}.ops-tabs{flex-direction:row;gap:6px;overflow-x:auto;padding:10px;border-right:0;border-bottom:1px solid #e2e8e4}.ops-tabs button{flex:0 0 auto;width:auto;padding:9px 11px}.ops-tab-panels{padding:26px 22px}.ops-tab-panel{max-width:none}.ops-tab-panel h3{font-size:25px}.ops-tabs button span{display:none}}
@media(max-width:480px){.ops-settings-dialog{width:100vw;height:100dvh!important;max-height:none;border-radius:0}.ops-settings-dialog .ops-dialog-head{padding:16px 17px}.ops-tab-panels{padding:24px 17px}.ops-tabs{padding-left:9px;padding-right:9px}.ops-tabs button{font-size:11px}.ops-tab-panel h3{font-size:24px}}

/* Final settings composition: the tabs lead, the form owns the whole width. */
.ops-settings-dialog{height:fit-content!important;min-height:0!important;max-height:calc(100dvh - 70px)!important}.ops-settings-dialog[open]{display:block}.ops-settings-dialog .ops-dialog-head{display:flex}.settings-workspace{display:block;min-height:0;background:#fbfcfb}.ops-tabs{display:flex;flex-direction:row;gap:7px;overflow-x:auto;padding:13px 30px;background:#f5f7f5;border-right:0;border-bottom:1px solid #e2e8e4}.ops-tabs button{flex:0 0 auto;width:auto;padding:9px 13px}.ops-tabs button span{width:18px}.ops-tab-panels{overflow:visible;padding:28px 30px 32px}.ops-tab-panel{max-width:480px}.ops-tab-panel h3{font-size:28px}.ops-tab-panel>p{max-width:450px;margin-bottom:21px}.ops-tab-panel .ops-form{max-width:460px}.ops-settings-dialog .ops-dialog-head{min-height:0}.ops-settings-dialog .ops-dialog-head h2{font-size:30px}
@media(max-width:600px){.ops-settings-dialog{width:calc(100vw - 18px);height:fit-content!important;max-height:calc(100dvh - 18px)!important}.ops-tabs{padding:10px 12px}.ops-tab-panels{padding:24px 21px 27px}.ops-tab-panel h3{font-size:25px}.ops-tabs button span{display:grid}.ops-tabs button{font-size:11px}}
@media(max-width:480px){.ops-settings-dialog{width:100vw;height:100dvh!important;max-height:none!important}.ops-settings-dialog .ops-dialog-head{padding:16px 17px}.ops-tabs{padding-left:10px;padding-right:10px}.ops-tab-panels{padding:23px 17px}.ops-tabs button span{display:none}}

/* Brand mark: never treated as a button/card, always given visual priority. */
.brand,.ops-brand{padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important}.ops-header{height:112px}.ops-brand img{width:396px;height:88px;max-width:48vw;object-fit:contain;object-position:left;background:transparent!important;border:0!important;padding:0!important;box-shadow:none!important;filter:drop-shadow(0 2px 3px #071a3312)}
@media(max-width:600px){.ops-header{height:88px}.ops-brand img{width:280px;height:66px;max-width:67vw}.brand,.ops-brand{gap:0!important}}

.brand-upload{position:relative;display:block!important;min-height:112px;padding:26px 18px!important;border:1px dashed #b9c9c1;border-radius:11px;background:#f6faf8;text-align:center;cursor:pointer}.brand-upload input{position:absolute;inset:0;z-index:1;width:100%!important;height:100%!important;opacity:0;cursor:pointer}.brand-upload span{display:inline-flex;align-items:center;justify-content:center;min-height:35px;padding:0 13px;border-radius:8px;background:#143b57;color:#fff;font-size:12px}.brand-upload:after{content:'PNG, JPG, WEBP ou SVG';display:block;margin-top:9px;color:#76858d;font:10px var(--cv-mono);letter-spacing:.05em}.brand-upload:hover{border-color:#b68431;background:#fffaf1}

/* Settings system: same reading rhythm and same action surface in every tab. */
.ops-settings-dialog{width:min(820px,calc(100vw - 32px));background:#fff}.ops-settings-dialog .ops-dialog-head{min-height:108px;padding:25px 30px 22px}.ops-settings-dialog .ops-dialog-head h2{font-size:32px}.ops-settings-dialog .settings-workspace{background:#f7f9f8}.ops-settings-dialog .ops-tabs{padding:13px 30px;background:#f1f5f3}.ops-settings-dialog .ops-tab-panels{padding:30px 32px 34px;background:#f7f9f8}.ops-settings-dialog .ops-tab-panel{max-width:550px}.ops-settings-dialog .ops-tab-panel h3{margin-top:8px;font-size:29px}.ops-settings-dialog .ops-tab-panel>p{margin:0;color:#71818d;line-height:1.65}.ops-settings-dialog .ops-tab-panel .ops-form{display:grid;gap:14px;margin-top:22px;padding:19px!important;border:1px solid #e0e8e3;border-radius:13px;background:#fff;box-shadow:0 8px 20px #183c5108}.ops-settings-dialog .ops-tab-panel .ops-form label{color:#50677d;font-size:11px;letter-spacing:.01em}.ops-settings-dialog .ops-tab-panel .ops-form input,.ops-settings-dialog .ops-tab-panel .ops-form select{background:#fcfdfc}.ops-settings-dialog .ops-tab-panel .ops-submit{width:100%;margin-top:2px}.ops-settings-dialog .brand-upload{margin:0!important;min-height:118px!important}.ops-settings-dialog .ops-tab-panel .muted{display:block;margin-top:-5px;font-size:11px;line-height:1.5}.ops-settings-dialog .ops-tabs button{min-height:39px}.ops-settings-dialog .ops-tabs button.active{box-shadow:0 5px 12px #0e2f4620}
@media(max-width:600px){.ops-settings-dialog{width:calc(100vw - 18px)}.ops-settings-dialog .ops-dialog-head{min-height:82px;padding:18px 20px}.ops-settings-dialog .ops-dialog-head h2{font-size:28px}.ops-settings-dialog .ops-tabs{padding:10px 12px}.ops-settings-dialog .ops-tab-panels{padding:23px 20px 26px}.ops-settings-dialog .ops-tab-panel h3{font-size:26px}.ops-settings-dialog .ops-tab-panel .ops-form{padding:16px!important}}

.ops-settings-dialog .ops-tab-panel{margin-left:auto;margin-right:auto}.ops-settings-dialog .brand-upload{display:flex!important;align-items:center;justify-content:center;padding:18px!important}.ops-settings-dialog .brand-upload span{position:relative;z-index:2}.ops-settings-dialog .brand-upload:after{position:absolute;left:0;right:0;bottom:21px;margin:0;pointer-events:none}.ops-settings-dialog .brand-upload input{z-index:3}.ops-settings-dialog .brand-upload{padding-bottom:42px!important}

.whatsapp-state{display:flex;align-items:center;gap:13px;margin-top:8px}.whatsapp-state h3{margin:0!important}.whatsapp-state .connection-state{display:flex;align-items:center;gap:6px;margin:5px 0 0!important;font:700 11px var(--cv-font)!important}.connection-state i{width:8px;height:8px;border-radius:50%;background:#c25757;box-shadow:0 0 0 4px #c2575716}.connection-state.online{color:#167764}.connection-state.online i{background:#18a477;box-shadow:0 0 0 4px #18a47717}.connection-state.offline{color:#ae5959}.platform-toggle{position:relative;flex:0 0 auto;width:42px;height:24px;margin:0!important;cursor:pointer}.platform-toggle input{position:absolute;opacity:0;pointer-events:none}.platform-toggle span{position:absolute;inset:0;border-radius:99px;background:#c6cfcc;box-shadow:inset 0 0 0 1px #aeb9b4;transition:.2s}.platform-toggle span:after{content:'';position:absolute;top:3px;left:3px;width:18px;height:18px;border-radius:50%;background:#fff;box-shadow:0 2px 5px #102c4326;transition:.2s}.platform-toggle input:checked+span{background:#177365;box-shadow:inset 0 0 0 1px #146457}.platform-toggle input:checked+span:after{transform:translateX(18px)}.platform-toggle input:focus-visible+span{outline:3px solid #bd8a3733;outline-offset:3px}.platform-toggle input:disabled+span{opacity:.55}.platform-feedback{display:block;min-height:16px;margin-top:9px;color:#698077;font-size:11px}.ops-online{display:flex;align-items:center;gap:7px}.ops-online i{display:inline-block;width:8px;height:8px;border-radius:50%;background:#c25757;box-shadow:0 0 0 3px rgba(194,87,87,.14)}.ops-online.online{color:#167764}.ops-online.online i{background:#18a477;box-shadow:0 0 0 3px rgba(24,164,119,.14)}.ops-online.offline{color:#ae5959}.platform-toggle-header{margin-right:-4px}

/* Content-rich modal variants. Height follows the work, never a decorative empty canvas. */
.ops-dialog-wide{height:fit-content!important;max-height:calc(100dvh - 56px)!important}.ops-dialog-wide[open]{display:flex}.ops-dialog-wide>.ops-list{padding:10px 30px 26px}.ops-history-body{padding:22px 30px 28px}.ops-history-note{display:flex;justify-content:space-between;align-items:center;padding:12px 14px;margin-bottom:12px;border-radius:10px;background:#f2f6f4;color:#63747d;font-size:11px}.ops-history-note b{color:#1d4058}.ops-history-body .ops-list{border:1px solid #e4eae6;border-radius:13px;overflow:hidden;background:#fff}.ops-history-body .ops-list li{min-height:65px;padding:12px 14px;border-bottom:1px solid #edf1ee}.ops-history-body .ops-list li:last-child{border-bottom:0}.history-symbol{display:grid;place-items:center;flex:0 0 29px;width:29px;height:29px;border-radius:9px;font-weight:800}.history-symbol.in{background:#e5f6ef;color:#167766}.history-symbol.out{background:#fbf0e9;color:#a8643c}.ops-history-body .ops-list strong{margin-left:auto}.ops-history-body .ops-list form{margin-left:4px}.ops-three{padding:24px 28px 29px;gap:14px;background:#fbfcfb}.ops-three section{padding:18px!important;border:1px solid #e1e8e3!important;border-radius:13px;background:#fff;box-shadow:0 7px 18px #15365008}.ops-three section+section{border-left:1px solid #e1e8e3!important}.ops-three h3{padding-bottom:12px;margin-bottom:15px!important;border-bottom:1px solid #edf1ee;color:#1c3d55}.ops-three .ops-form{padding:0}.ops-three .ops-row{padding:10px 0;font-size:11px}.ops-three .ops-submit{min-height:43px}.ops-three input,.ops-three select{min-height:42px}.ops-three .two{gap:8px}
@media(max-width:720px){.ops-dialog-wide{width:calc(100vw - 18px)}.ops-history-body,.ops-dialog-wide>.ops-list{padding-left:20px;padding-right:20px}.ops-three{grid-template-columns:1fr;padding:20px}.ops-three section+section{border-left:1px solid #e1e8e3!important;border-top:1px solid #e1e8e3!important}.ops-history-body .ops-list li{align-items:center}.ops-history-body .ops-list li form{width:auto;margin-left:0}.ops-history-body .ops-mini{width:auto}}
@media(max-width:480px){.ops-dialog-wide{width:100vw;height:100dvh!important;max-height:none!important}.ops-history-body{padding:17px}.ops-history-note{align-items:flex-start;flex-direction:column;gap:4px}.ops-history-body .ops-list li{gap:9px}.ops-history-body .ops-list li>div{flex:1;min-width:0}.ops-history-body .ops-list strong{margin-left:auto}.ops-history-body .ops-list li form{width:100%}.ops-history-body .ops-mini{width:100%}.ops-three{padding:17px;gap:12px}.ops-three section{padding:16px!important}}

.ops-categories{grid-template-columns:minmax(240px,.8fr) minmax(0,1.2fr)}.ops-categories h3{margin:7px 0 8px;color:#1b3c55;font:600 20px var(--cv-display)}.ops-categories .muted{margin:0 0 19px;line-height:1.55}.ops-category-title{display:flex;align-items:end;justify-content:space-between;margin-bottom:13px}.ops-category-title h3{margin-bottom:0}.ops-category-list{border:1px solid #e2e9e4;border-radius:12px;overflow:auto;max-height:360px;background:#fff}.ops-category-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:9px;align-items:center;padding:10px 12px;border-bottom:1px solid #edf1ee}.ops-category-row:last-child{border-bottom:0}.ops-category-row input{min-width:0;height:38px;padding:0 10px;border:1px solid transparent;border-radius:7px;background:#f6f8f6;color:#263e50;font:13px var(--cv-font);outline:0}.ops-category-row input:focus{border-color:#b68431;background:#fff;box-shadow:0 0 0 3px #b6843118}.ops-category-row .ops-mini{min-width:63px}.ops-categories .ops-form{max-width:330px}
@media(max-width:720px){.ops-categories{grid-template-columns:1fr}.ops-categories section+section{border-top:1px solid #e6ebe7;padding-top:22px}.ops-category-list{max-height:300px}.ops-categories .ops-form{max-width:none}}

/* SaaS control room: the system's operational layer uses the same navy, gold and quiet surfaces. */
.saas-login{min-height:100vh;display:grid;place-items:center;padding:24px;background:radial-gradient(circle at 18% 15%,#266981 0,transparent 32%),linear-gradient(135deg,#0a263e,#102f48 57%,#174d64)}.saas-login-card{width:min(490px,100%);padding:42px;border:1px solid #ffffff26;border-radius:22px;background:#fbfcfb;color:#18344a;box-shadow:0 32px 80px #00121e66}.saas-login-card h1{margin:11px 0 8px;font:600 39px/1 var(--cv-display);letter-spacing:-.04em}.saas-login-card>p{margin:0 0 25px;color:#6a7c89;line-height:1.55}.saas-login-card .ops-form{padding:0;margin-top:20px}.saas-login-card small{display:block;margin-top:19px;color:#738490;font-size:11px}.saas-body{background:#f4f7f6}.saas-header{background:#102f48;border:0}.saas-header .ops-actions a{border-color:#ffffff28;background:#ffffff10;color:#fff}.saas-header .ops-online{color:#bde8da}.saas-brand{display:flex;align-items:center;gap:10px;color:#fff;text-decoration:none}.saas-mark{display:grid;place-items:center;flex:0 0 34px;width:34px;height:34px;border-radius:10px;background:#d5aa61;color:#102f48;font:800 18px var(--cv-display)}.saas-brand b,.saas-brand small{display:block}.saas-brand b{font:700 18px var(--cv-display)}.saas-brand small{margin-top:1px;color:#aec3ce;font:10px var(--cv-mono);letter-spacing:.11em;text-transform:uppercase}.saas-main{max-width:1320px}.saas-metrics article{min-height:124px}.saas-clients{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.saas-client{padding:19px;border:1px solid #dce6e1;border-radius:16px;background:#fff;box-shadow:0 9px 22px #16385209}.saas-client.paused{opacity:.7}.saas-client-head{display:flex;align-items:center;gap:10px}.saas-client-initial{display:grid;place-items:center;width:38px;height:38px;border-radius:11px;background:#e8f0ee;color:#19485d;font:700 18px var(--cv-display)}.saas-client-head>div{min-width:0;flex:1}.saas-client-head b,.saas-client-head small{display:block}.saas-client-head b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:14px}.saas-client-head small{margin-top:3px;color:#778690;font-size:10px}.saas-state{display:flex;align-items:center;gap:5px;font:700 9px var(--cv-mono);letter-spacing:.06em;text-transform:uppercase}.saas-state i{width:7px;height:7px;border-radius:50%;background:#c85b5b}.saas-state.online{color:#187666}.saas-state.online i{background:#1ba87b}.saas-state.offline{color:#a85c5c}.saas-client-url{margin:18px 0 15px;padding:10px 11px;border-radius:9px;background:#f3f7f5}.saas-client-url span,.saas-client-url a{display:block}.saas-client-url span{margin-bottom:4px;color:#7b8990;font:9px var(--cv-mono);letter-spacing:.09em;text-transform:uppercase}.saas-client-url a{overflow:hidden;color:#1d526a;font-size:12px;text-decoration:none;text-overflow:ellipsis;white-space:nowrap}.saas-client dl{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:0;padding:12px 0;border-top:1px solid #edf1ef;border-bottom:1px solid #edf1ef}.saas-client dl div{min-width:0}.saas-client dt{color:#7a8991;font-size:10px}.saas-client dd{margin:3px 0 0;overflow:hidden;color:#263f52;font-weight:700;font-size:11px;text-overflow:ellipsis;white-space:nowrap}.saas-client-actions{display:flex;gap:8px;margin-top:14px}.saas-create-form{max-width:680px;margin:auto}.saas-form-intro{display:flex;align-items:center;gap:12px;padding:13px 14px;border-radius:11px;background:#edf5f3}.saas-form-intro p{margin:0;color:#59707d;font-size:12px;line-height:1.5}.saas-create-form small{margin-top:5px;color:#73828c;font-weight:400;font-size:10px}.saas-mini-dialog{width:min(460px,calc(100vw - 30px))}.saas-mini-dialog .ops-form p{margin:0;color:#607581;line-height:1.5}
@media(max-width:960px){.saas-clients{grid-template-columns:repeat(2,1fr)}}@media(max-width:620px){.saas-clients{grid-template-columns:1fr}.saas-header .ops-online{display:none}.saas-login-card{padding:30px 24px}.saas-login-card h1{font-size:34px}.saas-create-form{padding:22px 20px!important}}