@charset "UTF-8";
.library-column { display: flex; flex-direction: column; gap: 24px; min-width: 0; }
.table-scroll { position: relative; }
.inline-actions { display: flex; align-items: center; justify-content: space-between; gap: 15px; }
.inline-actions .muted { font-size: 12px; }
.event-technical { margin-top: 8px; font-size: 10px; color: #897296; }
.event-technical summary { cursor: pointer; }
.event-technical p { margin-top: 8px; padding: 10px; background: #f9f5fc; border-radius: 6px; white-space: pre-wrap; overflow-wrap: anywhere; }
  
:root {
  font-family:Inter,"Segoe UI",Arial,sans-serif;
  color:#302a36;
  background:#f7f7fa;
  font-size:14px;
  font-synthesis:none;
  --plum:#613c58;
  --plum-dark:#42263d;
  --plum-soft:#f2eaf0;
  --cyan:#0799a7;
  --cyan-soft:#e9f7f8;
  --muted:#827a87;
  --border:#ebe7ee;
  --surface:#fff;
  --shadow:0 3px 16px #34223d05;
  --radius:15px
}


* {
  box-sizing:border-box
}

body {
  margin:0
}

button,input,select,textarea {
  font:inherit
}

button,a,input,select,textarea {
  -webkit-tap-highlight-color:transparent
}

button {
  cursor:pointer
}

button:disabled {
  cursor:not-allowed;
  opacity:.48
}

button,a {
  touch-action:manipulation
}

button {
  color:inherit
}

a {
  color:var(--plum)
}

a:hover {
  text-decoration:none
}

button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible {
  outline:3px solid #0aa7b453;
  outline-offset:3px
}

h1,h2,h3,p {
  margin:0
}

h1 {
  font-size:28px;
  line-height:1.24;
  font-weight:650;
  letter-spacing:-.9px
}

h2 {
  font-size:17px;
  font-weight:650;
  letter-spacing:-.2px
}

h3 {
  font-size:15px;
  font-weight:650
}

p {
  line-height:1.65
}

svg {
  flex-shrink:0;
  vertical-align:middle
}

button {
  border:0;
  background:none
}

input[type=checkbox] {
  accent-color:var(--plum);
  width:16px;
  height:16px;
  flex-shrink:0;
  cursor:pointer
}

code {
  font-size:12px;
  font-family:Consolas,monospace
}

.sr-only {
  position:absolute!important;
  width:1px;
  height:1px;
  padding:0;
  margin:-1px;
  overflow:hidden;
  clip:rect(0,0,0,0);
  white-space:nowrap;
  border:0
}

.muted {
  color:var(--muted)
}

.nowrap {
  white-space:nowrap
}

.break-word {
  overflow-wrap:anywhere
}

.required {
  color:var(--plum)
}


.app-shell {
  display:grid;
  grid-template-columns:224px minmax(0,1fr);
  min-height:100vh
}

.sidebar {
  height:100vh;
  position:sticky;
  top:0;
  background:#fff;
  border-right:1px solid var(--border);
  display:flex;
  flex-direction:column;
  z-index:20;
  padding:29px 17px 20px
}

.brand {
  display:flex;
  align-items:center;
  gap:8px;
  padding:0 10px
}

.brand img {
  width:39px;
  height:39px;
  object-fit:contain
}

.brand>span {
  font-size:23px;
  letter-spacing:-.8px;
  font-weight:700;
  color:var(--plum-dark);
  line-height:1.15
}

.brand>span>span {
  font-weight:420;
  color:#39303e
}

.brand small {
  display:block;
  font-size:7px;
  font-weight:650;
  letter-spacing:2px;
  color:#928596;
  margin-top:6px
}

.sidebar__workspace {
  padding:31px 10px 26px
}

.sidebar__workspace>span,.sidebar-label {
  font-size:9px;
  letter-spacing:1.25px;
  font-weight:650;
  color:#9a919e
}

.workspace-select {
  display:flex;
  align-items:center;
  gap:8px;
  margin-top:12px;
  color:var(--plum)
}

.workspace-select select {
  width:100%;
  min-width:0;
  border:0;
  background:transparent;
  color:#3b313e;
  font-size:13px;
  font-weight:600;
  text-overflow:ellipsis;
  padding:4px 0
}

.workspace-create {
  font-size:11px!important;
  margin:11px 0 0 26px;
  gap:3px!important;
  color:#94849a!important
}

.main-nav {
  display:flex;
  flex-direction:column;
  gap:6px
}

.main-nav>button {
  display:flex;
  align-items:center;
  gap:12px;
  padding:13px 15px;
  border-radius:10px;
  color:#827789;
  font-weight:500;
  text-align:left;
  font-size:13px;
  position:relative
}

.main-nav>button:hover {
  background:#f8f5f8;
  color:var(--plum)
}

.main-nav>button.is-active {
  color:var(--plum);
  background:var(--plum-soft);
  font-weight:650
}

.main-nav>button.is-active:before {
  content:"";
  position:absolute;
  left:-17px;
  top:13px;
  bottom:13px;
  width:3px;
  border-radius:0 2px 2px 0;
  background:var(--plum)
}

.nav-dot {
  width:6px;
  height:6px;
  border-radius:50%;
  background:#d39337;
  margin-left:auto
}

.sidebar__legacy {
  border-top:1px solid var(--border);
  margin:25px 10px 0;
  padding-top:24px;
  display:flex;
  flex-direction:column;
  gap:5px
}

.sidebar-label {
  margin:0 0 10px 4px
}

.sidebar__legacy>button {
  display:flex;
  align-items:center;
  gap:11px;
  padding:10px 5px;
  text-align:left;
  font-size:12px;
  color:#8b818e
}

.sidebar__legacy>button span {
  flex:1
}

.sidebar__legacy>button:hover {
  color:var(--plum)
}

.sidebar__bottom {
  margin-top:auto;
  padding:34px 9px 0
}

.service-status {
  display:flex;
  gap:9px;
  align-items:center
}

.service-status__dot {
  width:7px;
  height:7px;
  flex-shrink:0;
  background:#56aa8a;
  box-shadow:0 0 0 4px #edf7f1;
  border-radius:50%;
  margin:0 4px
}

.service-status__dot.is-warning {
  background:#c99a44;
  box-shadow:0 0 0 4px #faf4e9
}

.service-status strong {
  display:block;
  font-size:11px;
  font-weight:600;
  color:#6b606f
}

.service-status small {
  display:block;
  font-size:10px;
  color:#a298a6;
  margin-top:4px
}

.app-version {
  display:block;
  font-size:9px;
  color:#b3aab8;
  margin-top:23px;
  padding-left:2px
}

.workspace-main {
  min-width:0;
  display:flex;
  flex-direction:column
}

.topbar {
  height:77px;
  border-bottom:1px solid var(--border);
  background:#ffffffbc;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  padding:0 36px
}

.topbar__breadcrumb {
  display:flex;
  align-items:center;
  gap:12px;
  font-size:11px;
  color:#9a919f;
  min-width:0
}

.topbar__breadcrumb>span {
  max-width:160px;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap
}

.topbar__breadcrumb>strong {
  font-weight:550;
  color:#6c5b73
}

.topbar__right {
  display:flex;
  align-items:center;
  gap:16px
}

.mode-label {
  display:flex;
  gap:5px;
  align-items:center;
  padding:5px 8px;
  border:1px solid #ece8ef;
  border-radius:6px;
  font-size:10px;
  color:#95869e
}

.topbar__divider {
  height:27px;
  width:1px;
  background:var(--border)
}

.user-badge {
  display:flex;
  align-items:center;
  gap:9px
}

.avatar {
  width:33px;
  height:33px;
  background:#ede6ed;
  border-radius:50%;
  display:grid;
  place-items:center;
  color:var(--plum);
  font-size:10px;
  font-weight:650
}

.user-badge strong {
  display:block;
  font-size:11px;
  font-weight:600;
  max-width:150px;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis
}

.user-badge small {
  display:block;
  color:#a394aa;
  font-size:9px;
  margin-top:4px
}

.page-content {
  width:100%;
  max-width:1560px;
  margin:0 auto;
  padding:33px 36px 45px;
  flex:1
}

.page-content>.notice {
  margin-bottom:20px
}

.page-content>.panel,.page-content>.section-stack {
  margin-top:25px
}

.page-heading {
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:25px;
  margin-bottom:28px
}

.eyebrow {
  font-size:9px;
  font-weight:650;
  color:#a28ba1;
  letter-spacing:1.55px;
  margin-bottom:11px
}

.page-heading p {
  margin-top:12px;
  font-size:12px;
  color:#8d8294
}

.page-heading__actions {
  flex-shrink:0
}

.workspace-footer {
  display:flex;
  justify-content:space-between;
  gap:20px;
  padding:19px 36px;
  border-top:1px solid #eeeaf1;
  color:#a398ab;
  font-size:9px
}

.mobile-menu,.sidebar-scrim {
  display:none
}


.button {
  border:1px solid transparent;
  border-radius:8px;
  display:inline-flex;
  justify-content:center;
  align-items:center;
  gap:9px;
  min-height:37px;
  padding:9px 14px;
  font-size:11px;
  font-weight:600;
  line-height:1.3;
  white-space:nowrap;
  transition:background .15s,border-color .15s,box-shadow .15s;
  text-decoration:none
}

.button--primary {
  background:var(--plum);
  color:white;
  box-shadow:0 3px 7px #613c5810
}

.button--primary:hover:not(:disabled) {
  background:#50304a;
  box-shadow:0 3px 9px #613c5820
}

.button--secondary {
  color:var(--plum);
  background:#fff;
  border-color:#e7dfe8
}

.button--secondary:hover:not(:disabled) {
  background:#faf6fa;
  border-color:#cab8cb
}

.button--quiet {
  color:var(--plum);
  background:transparent;
  padding-left:9px;
  padding-right:9px
}

.button--quiet:hover:not(:disabled) {
  background:var(--plum-soft)
}

.button--danger {
  color:#b25259;
  background:#fff7f7;
  border-color:#f0d9dc
}

.button--danger:hover:not(:disabled) {
  background:#fdecee
}

.icon-button {
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:30px;
  height:30px;
  border-radius:7px;
  color:#a293a9;
  flex-shrink:0
}

.icon-button:hover:not(:disabled) {
  background:#f3edf4;
  color:var(--plum)
}

.text-button {
  color:var(--plum);
  font-size:inherit;
  line-height:1.45;
  display:inline-flex;
  align-items:center;
  gap:6px;
  padding:0;
  text-align:left
}

.text-button:hover:not(:disabled) {
  color:#8e527d;
  text-decoration:underline;
  text-underline-offset:3px
}

.text-button:disabled {
  opacity:1;
  cursor:default
}

.is-refreshing svg {
  animation:spin 1s linear infinite
}


.metrics-grid {
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:17px;
  margin-bottom:27px
}

.metric-card {
  background:#fff;
  border:1px solid var(--border);
  border-radius:12px;
  box-shadow:var(--shadow);
  padding:18px 20px 16px;
  position:relative;
  overflow:hidden
}

.metric-card:after {
  content:"";
  position:absolute;
  bottom:0;
  left:20px;
  right:20px;
  height:2px;
  background:#ebe3ed
}

.metric-card:nth-child(2):after,.metric-card:nth-child(4):after {
  background:#d7eff0
}

.metric-card__top {
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:9px;
  font-size:10px;
  font-weight:550;
  color:#95869e
}

.metric-card__top svg {
  color:#ba9fba
}

.metric-card:nth-child(even) .metric-card__top svg {
  color:#61b9be
}

.metric-card>strong {
  display:block;
  font-size:31px;
  line-height:1.2;
  font-weight:650;
  letter-spacing:-1px;
  margin:13px 0 7px;
  color:#453349
}

.metric-card>p {
  font-size:9px;
  color:#a398aa;
  line-height:1.4
}

.panel {
  border:1px solid var(--border);
  border-radius:var(--radius);
  background:#fff;
  box-shadow:var(--shadow);
  overflow:hidden;
  min-width:0
}

.panel__heading {
  padding:23px 25px 20px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px
}

.panel__heading h2 {
  font-size:15px
}

.panel__heading p {
  font-size:10px;
  color:#a095a8;
  margin-top:7px
}

.automation-layout {
  display:grid;
  grid-template-columns:minmax(0,1fr) 251px;
  gap:23px;
  align-items:start
}

.side-panels {
  display:flex;
  flex-direction:column;
  gap:17px
}

.callout-card {
  position:relative;
  overflow:hidden;
  background:linear-gradient(145deg,#64415d,#482d45);
  border-radius:14px;
  color:#fff;
  padding:25px 23px 24px
}

.callout-card:after {
  content:"";
  width:170px;
  height:170px;
  position:absolute;
  top:-75px;
  right:-68px;
  border:1px solid #ffffff12;
  border-radius:50%;
  box-shadow:0 0 0 25px #ffffff03,0 0 0 50px #ffffff02;
  pointer-events:none
}

.callout-card__symbol {
  background:#ffffff10;
  border:1px solid #ffffff16;
  display:grid;
  place-items:center;
  width:42px;
  height:42px;
  border-radius:12px;
  margin-bottom:20px;
  color:#e4d5e1
}

.callout-card .eyebrow {
  font-size:8px;
  color:#c9abc5;
  letter-spacing:1px;
  display:block
}

.callout-card h2 {
  font-size:19px;
  line-height:1.45;
  font-weight:550;
  letter-spacing:-.35px
}

.callout-card p {
  color:#cbbacb;
  font-size:10px;
  line-height:1.8;
  margin:11px 0 21px
}

.callout-card .button {
  background:#ffffff0c;
  border-color:#ffffff30;
  color:#f5eaf4;
  width:100%;
  font-size:10px;
  justify-content:space-between;
  padding:10px 12px
}

.callout-card .button:hover {
  background:#ffffff18
}

.mini-card {
  border:1px solid #dcebed;
  background:#f0f9fa;
  border-radius:13px;
  padding:21px 22px;
  color:#4799a1
}

.mini-card h3 {
  color:#375e66;
  font-size:12px;
  line-height:1.5;
  margin-top:13px
}

.mini-card p {
  font-size:10px;
  line-height:1.7;
  color:#71949b;
  margin:8px 0 16px
}

.mini-card .text-button {
  color:#278e98;
  font-size:10px;
  font-weight:600;
  gap:12px
}

.legacy-card {
  display:flex;
  gap:10px;
  border:1px dashed #ded5e3;
  border-radius:11px;
  padding:16px 15px;
  color:#aa97b3
}

.legacy-card strong {
  font-size:10px;
  font-weight:550;
  color:#88748f;
  display:block;
  line-height:1.5
}

.legacy-card p {
  font-size:9px;
  margin:4px 0 8px;
  color:#a698ac
}

.legacy-card button {
  font-size:9px
}

.list-toolbar {
  display:flex;
  gap:15px;
  align-items:center;
  justify-content:space-between;
  padding:0 25px 18px
}

.search-field {
  border:1px solid #ede8ef;
  background:#fbfafc;
  border-radius:7px;
  display:flex;
  align-items:center;
  gap:8px;
  padding:9px 11px;
  color:#b6a9be;
  max-width:350px;
  flex:1;
  min-width:0
}

.search-field input {
  border:0;
  background:transparent;
  min-width:0;
  width:100%;
  outline:none!important;
  font-size:10px;
  color:#6d5d75;
  padding:0
}

.search-field input::placeholder {
  color:#b1a5b8
}

.count-label {
  font-size:9px;
  color:#b0a3b7;
  white-space:nowrap
}

.compact-select {
  border:1px solid var(--border);
  border-radius:7px;
  padding:9px 10px;
  color:#85718e;
  background:#fff;
  font-size:10px
}

.scenario-row {
  border-top:1px solid #f0ebf3;
  display:flex;
  gap:13px;
  padding:20px 24px;
  align-items:center
}

.scenario-row__symbol {
  width:37px;
  height:39px;
  display:grid;
  place-items:center;
  border:1px solid #eae0ed;
  background:#f8f4f9;
  border-radius:9px;
  color:#ad83ac;
  flex-shrink:0
}

.scenario-row:nth-child(2n) .scenario-row__symbol {
  background:#eff8f8;
  border-color:#e2eff0;
  color:#73adb2
}

.scenario-row__main {
  flex:1;
  min-width:0
}

.scenario-name {
  font-size:12px;
  font-weight:600;
  overflow-wrap:anywhere;
  max-width:100%
}

.scenario-row__main>p {
  font-size:10px;
  color:#a898b1;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
  margin-top:5px
}

.scenario-row__meta {
  display:flex;
  gap:12px;
  flex-wrap:wrap;
  align-items:center;
  font-size:8px;
  color:#ae9fb7;
  margin-top:10px
}

.scenario-row__meta>span+span:not(.tag):before {
  content:"·";
  margin-right:12px;
  color:#cfc3d5
}

.scenario-row>.button {
  font-size:10px
}

.tag {
  display:inline-flex;
  align-items:center;
  border-radius:4px;
  background:#f3eff5;
  color:#92759d;
  padding:4px 7px;
  font-size:9px;
  line-height:1.2;
  white-space:nowrap
}

.tag--warning {
  background:#fbf2e6;
  color:#b18b4e
}

.tag-list {
  display:flex;
  gap:5px;
  flex-wrap:wrap
}

.quiet-empty {
  padding:25px;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:11px;
  font-size:11px;
  color:#a599ae;
  min-height:96px;
  border-top:1px solid #f2eef4
}

.quiet-empty svg {
  color:#c3b2cd
}


.table-scroll {
  overflow:auto
}

table {
  width:100%;
  border-collapse:collapse;
  font-size:11px;
  text-align:left
}

th {
  font-weight:500;
  font-size:9px;
  color:#aa9bb3;
  background:#fcfbfd;
  padding:13px 20px;
  border-top:1px solid #f0ebf3;
  border-bottom:1px solid #f0ebf3;
  white-space:nowrap
}

th:first-child,td:first-child {
  padding-left:25px
}

th:last-child,td:last-child {
  padding-right:25px
}

td {
  padding:16px 20px;
  border-bottom:1px solid #f3eff5;
  line-height:1.55;
  vertical-align:middle;
  color:#84718f
}

tbody tr:last-child td {
  border-bottom:0
}

tbody tr:hover {
  background:#fdfbfe
}

td>strong {
  font-weight:550;
  color:#65516f
}

.table-title {
  display:-webkit-box;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
  overflow:hidden;
  max-width:360px;
  font-size:11px;
  font-weight:550;
  line-height:1.6;
  color:#6e527b
}

.table-subtitle {
  display:block;
  font-size:9px;
  color:#ae9fba;
  margin-top:5px;
  overflow-wrap:anywhere
}

.status {
  display:inline-flex;
  align-items:center;
  gap:5px;
  padding:5px 7px;
  border-radius:5px;
  font-size:9px;
  line-height:1.2;
  white-space:nowrap;
  background:#f2f0f5;
  color:#9c8ba8;
  font-weight:500
}

.status i {
  width:4px;
  height:4px;
  border-radius:50%;
  background:currentColor
}

.status--success {
  background:#eaf6ef;
  color:#579d78
}

.status--warning {
  background:#fff5e5;
  color:#bd9246
}

.status--danger {
  background:#fff0f1;
  color:#c67382
}

.status--cyan {
  background:#eaf8f9;
  color:#49a2ac
}

.verdict {
  font-size:10px;
  color:#b5a6bf
}

.verdict--conforme {
  color:#5d9d7e
}

.verdict--anomalie {
  color:#bb7180
}

.verdict--bloque {
  color:#bc974e
}

.empty-state {
  display:flex;
  flex-direction:column;
  align-items:center;
  text-align:center;
  min-height:285px;
  justify-content:center;
  padding:42px 30px
}

.empty-state__icon {
  width:63px;
  height:63px;
  display:grid;
  place-items:center;
  background:#f6f0f7;
  border:1px solid #ece2f0;
  border-radius:17px;
  color:#b294be;
  margin-bottom:21px;
  position:relative
}

.empty-state__icon:after {
  content:"";
  position:absolute;
  inset:-7px;
  border:1px dashed #f1e9f4;
  border-radius:22px
}

.empty-state h3 {
  font-size:14px;
  font-weight:550;
  color:#775d85
}

.empty-state p {
  font-size:11px;
  max-width:365px;
  color:#ac9cb5;
  line-height:1.8;
  margin:9px 0 20px
}

.empty-state--compact {
  min-height:205px;
  padding:25px
}

.empty-state--compact .empty-state__icon {
  width:43px;
  height:43px;
  border-radius:12px;
  margin-bottom:15px
}

.empty-state--compact .empty-state__icon svg {
  width:22px
}

.empty-state--compact h3 {
  font-size:12px
}

.empty-state--compact p {
  font-size:10px;
  margin-bottom:0
}

.attention-strip {
  display:flex;
  align-items:center;
  gap:17px;
  background:#fff9ed;
  border:1px solid #f2e7cf;
  border-radius:11px;
  color:#bd9a5b;
  padding:18px 21px;
  margin-bottom:24px
}

.attention-strip>div:not(.attention-strip__icon) {
  flex:1
}

.attention-strip strong {
  font-size:12px;
  color:#a0804f;
  font-weight:600
}

.attention-strip p {
  font-size:10px;
  color:#b5a07b;
  margin-top:5px
}

.attention-strip__icon {
  width:36px;
  height:36px;
  border-radius:9px;
  background:#f8eed9;
  display:grid;
  place-items:center;
  flex-shrink:0
}

.attention-strip .button {
  font-size:10px;
  color:#a48248;
  border-color:#eaddbf
}


.agent-grid,.environment-grid,.connection-grid {
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:20px
}

.agent-card {
  border:1px solid var(--border);
  border-radius:14px;
  background:#fff;
  padding:24px 24px 0;
  overflow:hidden;
  box-shadow:var(--shadow)
}

.agent-card__top,.environment-card__top,.connection-card__top {
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  margin-bottom:21px
}

.agent-avatar {
  display:grid;
  place-items:center;
  width:49px;
  height:49px;
  border:1px solid #eaddec;
  border-radius:14px;
  background:linear-gradient(140deg,#f6f0f7,#efe4f0);
  color:#9a79a4
}

.agent-card h2 {
  font-size:16px;
  color:#624d6c
}

.agent-card__model {
  font-size:10px;
  color:#ae9ab8;
  margin-top:7px;
  overflow-wrap:anywhere
}

.agent-card__model span {
  padding:0 4px;
  color:#c6b7ce
}

.agent-card__prompt {
  font-size:11px;
  color:#9b89a6;
  display:-webkit-box;
  -webkit-line-clamp:3;
  -webkit-box-orient:vertical;
  overflow:hidden;
  line-height:1.85;
  min-height:61px;
  margin:18px 0
}

.agent-budget {
  display:grid;
  grid-template-columns:repeat(3,1fr);
  border-top:1px solid #f1eaf5;
  border-bottom:1px solid #f1eaf5;
  padding:15px 0;
  gap:10px
}

.agent-budget span {
  font-size:8px;
  color:#b3a0be;
  display:block
}

.agent-budget strong {
  display:block;
  color:#7a6087;
  font-size:14px;
  font-weight:600;
  margin-top:6px
}

.agent-card__scope {
  display:flex;
  align-items:center;
  gap:7px;
  color:#ad9cba;
  font-size:9px;
  min-height:56px;
  padding:12px 0;
  line-height:1.6
}

.agent-card__footer {
  margin:0 -24px;
  padding:11px 16px 11px 24px;
  background:#fcfbfd;
  border-top:1px solid #f1ebf5;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px
}

.agent-card__footer>span {
  font-size:8px;
  color:#b29fbe
}

.agent-card__footer .button {
  font-size:9px;
  padding:8px
}

.info-grid {
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:22px;
  margin-top:26px
}

.info-tile {
  display:flex;
  gap:14px;
  padding:24px;
  background:#f3f0f7;
  border:1px solid #ebe5f0;
  border-radius:12px;
  color:#b199be
}

.info-tile h3 {
  font-size:12px;
  color:#8b729b
}

.info-tile p {
  font-size:10px;
  color:#a592b3;
  margin-top:7px;
  line-height:1.8
}

.settings-tabs {
  display:flex;
  gap:25px;
  border-bottom:1px solid #e7e1ec;
  margin-bottom:26px;
  overflow:auto
}

.settings-tabs button {
  display:flex;
  gap:9px;
  align-items:center;
  padding:14px 2px 17px;
  font-size:11px;
  color:#ad9ab8;
  border-bottom:2px solid transparent;
  white-space:nowrap
}

.settings-tabs button[aria-selected=true] {
  color:var(--plum);
  border-color:var(--plum);
  font-weight:600
}

.section-stack {
  display:flex;
  flex-direction:column;
  gap:24px
}

.environment-grid,.connection-grid {
  padding:0 24px 24px;
  gap:17px
}

.environment-card,.connection-card {
  border:1px solid #eae3ef;
  border-radius:12px;
  padding:20px 19px 0;
  min-width:0
}

.tile-icon {
  width:37px;
  height:37px;
  border-radius:10px;
  border:1px solid #e5dcec;
  color:#a184ae;
  background:#f8f4fa;
  display:grid;
  place-items:center
}

.tile-icon--provider {
  background:#eaf6f8;
  border-color:#dceef1;
  color:#77b3bb
}

.environment-card h3,.connection-card h3 {
  font-size:13px;
  color:#765b85
}

.environment-card>p,.connection-card>p {
  font-size:10px;
  color:#ad99ba;
  margin-top:7px
}

.detail-pairs {
  display:flex;
  flex-direction:column;
  gap:11px;
  margin:21px 0
}

.detail-pairs>span {
  display:flex;
  justify-content:space-between;
  gap:10px;
  color:#b19fbd;
  font-size:9px
}

.detail-pairs strong {
  font-weight:500;
  color:#8a7499;
  text-align:right
}

.card-footer {
  border-top:1px solid #f0eaf5;
  margin:18px -19px 0;
  padding:10px 12px 10px 19px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  min-height:50px
}

.card-footer>span {
  font-size:8px
}

.card-footer .button {
  font-size:9px;
  min-height:28px;
  padding:6px
}

.connection-identity {
  font-size:10px;
  color:#8b729d;
  display:block;
  margin-top:13px;
  overflow-wrap:anywhere
}

.connection-card>.table-subtitle {
  margin-top:16px;
  font-size:9px
}

.security-banner {
  display:flex;
  align-items:center;
  gap:17px;
  padding:22px 25px;
  border-radius:12px;
  border:1px solid #e8ddec;
  background:#f5eef7;
  color:#ad8cbb
}

.security-banner strong {
  font-size:12px;
  color:#8b659d;
  font-weight:600
}

.security-banner p {
  font-size:10px;
  color:#a38ab1;
  margin-top:6px
}

.security-banner--cyan {
  background:#eef9fa;
  border-color:#dceef0;
  color:#6dadb5
}

.security-banner--cyan strong {
  color:#4a8d98
}

.security-banner--cyan p {
  color:#7ba5ae
}


.migration-layout {
  display:grid;
  grid-template-columns:minmax(0,1.6fr) minmax(240px,1fr);
  gap:24px;
  align-items:start
}

.panel-form {
  padding:0 25px 25px!important
}

.upload-zone {
  border:1.5px dashed #d9c9e3;
  border-radius:11px;
  background:#fcfaff;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  padding:27px 20px;
  min-height:196px;
  width:100%;
  color:#b29cc1;
  transition:background .15s
}

.upload-zone:hover {
  background:#f7f0fb;
  border-color:#b39ac2
}

.upload-zone__icon {
  background:#f2e9f7;
  border-radius:12px;
  width:48px;
  height:48px;
  display:grid;
  place-items:center;
  color:#a17fb4;
  margin-bottom:15px
}

.upload-zone strong {
  font-size:12px;
  color:#9474a6;
  font-weight:550
}

.upload-zone>span:not(.upload-zone__icon) {
  font-size:10px;
  margin-top:7px
}

.upload-zone small {
  font-size:8px;
  color:#bca7ca;
  margin-top:12px
}

.upload-files {
  display:flex;
  flex-direction:column;
  gap:7px
}

.upload-files>span {
  display:flex;
  align-items:center;
  gap:7px;
  font-size:10px;
  color:#a286b3;
  padding:8px 10px;
  border-radius:6px;
  background:#f9f6fc
}

.upload-files small {
  margin-left:auto;
  font-size:8px;
  color:#baa7c7
}

.report-list {
  padding:0 13px 16px;
  max-height:412px;
  overflow:auto
}

.report-list__item {
  display:flex;
  align-items:center;
  gap:12px;
  width:100%;
  text-align:left;
  padding:16px 12px;
  border:1px solid transparent;
  border-radius:9px;
  color:#c0abce
}

.report-list__item>span {
  flex:1;
  min-width:0
}

.report-list__item strong {
  display:block;
  font-size:11px;
  color:#9c7dae;
  font-weight:550;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap
}

.report-list__item small {
  display:block;
  font-size:8px;
  color:#bca7cb;
  margin-top:6px
}

.report-list__item:hover,.report-list__item.is-selected {
  background:#f8f2fc;
  border-color:#eee2f5
}

.report-summary {
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:18px;
  margin:26px 0
}

.report-summary__metric {
  border:1px solid var(--border);
  border-radius:10px;
  background:#fff;
  padding:17px 21px;
  display:flex;
  align-items:center;
  gap:13px;
  color:#af98bf
}

.report-summary__metric strong {
  font-size:25px;
  letter-spacing:-.5px;
  font-weight:600
}

.report-summary__metric span {
  font-size:10px;
  color:#ad95bf
}

.report-summary__metric.is-success strong {
  color:#70a98b
}

.report-summary__metric.is-warning strong {
  color:#c2a267
}

.report-summary__metric.is-danger strong {
  color:#c48296
}


.modal-backdrop {
  position:fixed;
  inset:0;
  background:#3020376b;
  backdrop-filter:blur(4px);
  z-index:100;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:30px
}

.modal {
  background:#fff;
  border:1px solid #eee7f1;
  border-radius:17px;
  box-shadow:0 25px 90px #20112735;
  max-height:calc(100dvh - 60px);
  overflow:auto;
  width:540px;
  max-width:100%;
  position:relative
}

.modal--wide {
  width:820px
}

.modal__heading {
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:20px;
  padding:25px 28px 22px;
  border-bottom:1px solid #efe7f4;
  position:sticky;
  top:0;
  z-index:3;
  background:#fffffff5;
  backdrop-filter:blur(8px)
}

.modal__heading h2 {
  font-size:20px;
  font-weight:600;
  color:#5f436f;
  letter-spacing:-.5px
}

.modal__heading p {
  font-size:11px;
  color:#a38ab3;
  margin-top:8px;
  line-height:1.7;
  max-width:660px;
  overflow-wrap:anywhere
}

.modal__heading .icon-button {
  margin-top:-3px;
  margin-right:-7px
}

.form-stack {
  padding:25px 28px;
  display:flex;
  flex-direction:column;
  gap:20px
}

.form-grid {
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:18px;
  align-items:start
}

.form-grid--three {
  grid-template-columns:repeat(3,minmax(0,1fr))
}

.field {
  display:flex;
  flex-direction:column;
  gap:8px;
  min-width:0;
  position:relative
}

.field__label {
  font-size:11px;
  font-weight:550;
  color:#8d709f
}

.field__hint {
  font-size:9px;
  color:#b59cc6;
  line-height:1.7
}

.field input,.field select,.field textarea {
  width:100%;
  min-width:0;
  padding:10px 11px;
  border:1px solid #e7dcec;
  border-radius:7px;
  background:#fff;
  color:#80658f;
  font-size:12px;
  line-height:1.5;
  transition:border-color .15s
}

.field input:hover,.field select:hover,.field textarea:hover {
  border-color:#cdb9db
}

.field input:focus,.field textarea:focus,.field select:focus {
  border-color:#b497c5;
  outline:3px solid #ecf9fa;
  outline-offset:1px
}

.field input::placeholder,.field textarea::placeholder {
  color:#bea9cb;
  font-size:11px
}

.field textarea {
  resize:vertical;
  min-height:65px
}

.field input:disabled,.field select:disabled {
  background:#f8f4fa;
  color:#b9a4c7
}

.field input[type=number] {
  font-variant-numeric:tabular-nums
}

.modal__footer {
  display:flex;
  justify-content:flex-end;
  gap:11px;
  border-top:1px solid #efe6f4;
  padding-top:21px;
  margin-top:3px
}

.notice {
  padding:13px 15px;
  border:1px solid #dceff2;
  border-radius:9px;
  display:flex;
  align-items:flex-start;
  gap:10px;
  background:#f2fafb;
  color:#71a6b2;
  font-size:11px;
  line-height:1.7
}

.notice>svg {
  margin-top:1px
}

.notice strong {
  font-weight:600
}

.notice ul {
  padding-left:18px;
  margin:7px 0 2px
}

.notice--warning {
  background:#fffaf0;
  color:#baa06c;
  border-color:#f0e5cf
}

.notice--error {
  background:#fff5f7;
  color:#c07891;
  border-color:#f2dce5
}

.notice--success {
  background:#f0faf4;
  color:#76a88e;
  border-color:#ddefe4
}

.notice .text-button {
  font-weight:600;
  color:inherit
}

.selected-resource {
  padding:16px 18px;
  border:1px solid #e8dcee;
  border-radius:9px;
  background:#faf6fd
}

.selected-resource .eyebrow {
  display:block;
  font-size:8px;
  margin-bottom:7px
}

.selected-resource strong {
  font-size:13px;
  font-weight:550;
  color:#9a77ae
}

.section-label {
  font-size:10px;
  font-weight:600;
  letter-spacing:.8px;
  color:#b094c1;
  margin-bottom:16px;
  display:flex;
  gap:10px;
  justify-content:space-between
}

.section-label>span {
  font-size:9px;
  letter-spacing:0;
  font-weight:400;
  color:#c1accf
}

.step-editor {
  border-top:1px solid #eee4f5;
  padding-top:22px
}

.step-editor__item {
  display:flex;
  align-items:flex-start;
  gap:12px;
  border:1px solid #eadef1;
  border-radius:10px;
  background:#fcfafe;
  padding:17px 13px;
  margin-bottom:14px
}

.step-number {
  width:25px;
  height:25px;
  display:grid;
  place-items:center;
  border-radius:7px;
  background:#eee1f5;
  color:#af88c4;
  font-size:10px;
  flex-shrink:0;
  margin-top:20px
}

.step-editor__fields {
  flex:1;
  display:flex;
  flex-direction:column;
  gap:13px;
  min-width:0
}

.step-editor__fields .field__label {
  font-size:9px
}

.step-editor__fields input,.step-editor__fields select {
  font-size:10px;
  padding:8px 10px
}

.step-editor__item>.icon-button {
  margin-top:18px
}

.step-editor>.button {
  margin-top:2px
}

fieldset {
  margin:0;
  padding:17px;
  border:1px solid #e9dff0;
  border-radius:9px;
  color:#aa90bc;
  min-width:0
}

legend {
  font-size:10px;
  padding:0 6px;
  color:#a284b7;
  font-weight:550
}

.checkbox-fieldset p {
  font-size:9px;
  margin-bottom:13px;
  color:#baa1cc
}

.checkbox-fieldset>label,.checkbox-grid label {
  display:flex;
  align-items:center;
  gap:8px;
  font-size:11px;
  line-height:1.6
}

.checkbox-fieldset>label+label {
  margin-top:10px
}

.checkbox-grid {
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:13px
}

.check-card {
  display:flex;
  align-items:flex-start;
  gap:12px;
  background:#fcf9fe;
  border:1px solid #eee2f6;
  border-radius:9px;
  padding:15px
}

.check-card input {
  margin-top:2px
}

.check-card strong {
  font-size:11px;
  color:#a385b7;
  font-weight:550;
  display:block
}

.check-card small {
  font-size:9px;
  color:#baa2ca;
  display:block;
  margin-top:6px;
  line-height:1.7
}

.plain-list {
  color:#a088b4;
  font-size:11px;
  line-height:1.9;
  padding-left:18px
}

.token-box {
  font-family:Consolas,monospace;
  background:#f7f2fb;
  border:1px solid #e4d5f0;
  border-radius:8px;
  padding:13px;
  color:#9472ac;
  overflow-wrap:anywhere;
  font-size:12px;
  line-height:1.8
}


.mission-detail {
  padding:23px 28px 28px;
  display:flex;
  flex-direction:column;
  gap:22px
}

.mission-detail__toolbar {
  display:flex;
  align-items:center;
  gap:13px
}

.mission-detail__toolbar>.muted {
  font-size:10px;
  color:#b39bc5
}

.mission-detail__controls {
  display:flex;
  gap:8px;
  margin-left:auto
}

.mission-detail__controls .button {
  font-size:10px;
  padding:7px 11px;
  min-height:32px
}

.mission-facts {
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  padding:17px 19px;
  border:1px solid #e9dff1;
  border-radius:10px;
  background:#fcf9ff;
  gap:12px
}

.mission-facts span {
  font-size:9px;
  display:block;
  color:#b89dcd
}

.mission-facts strong {
  display:block;
  font-size:10px;
  color:#9875b1;
  font-weight:550;
  margin-top:8px;
  overflow-wrap:anywhere
}

.question-card {
  padding:21px;
  border:1px solid #f1dfb8;
  border-radius:11px;
  background:#fffbf2;
  display:flex;
  flex-direction:column;
  gap:13px
}

.question-card__title {
  display:flex;
  align-items:center;
  gap:9px;
  color:#b69b62;
  font-size:12px;
  font-weight:600
}

.question-card>p {
  font-size:12px;
  color:#b19b70;
  white-space:pre-wrap
}

.question-card>.button {
  align-self:flex-end;
  background:#a28b5c
}

.question-card .field__label {
  color:#ad9564
}

.mission-summary {
  border:1px solid #e5d7ee;
  background:#faf5fe;
  border-radius:10px;
  padding:19px 21px
}

.mission-summary .section-label {
  margin-bottom:10px
}

.mission-summary p {
  font-size:12px;
  color:#a185b6;
  white-space:pre-wrap;
  line-height:1.9
}

.mission-summary--conforme {
  border-color:#ddefe2;
  background:#f4fbf6
}

.mission-summary--conforme p,.mission-summary--conforme .section-label {
  color:#7ba78b
}

.mission-summary--anomalie {
  border-color:#f0dae4;
  background:#fff6fa
}

.mission-summary--anomalie p,.mission-summary--anomalie .section-label {
  color:#be829c
}

.mission-detail>.section-label {
  margin-bottom:-8px
}

.event-timeline {
  list-style:none;
  padding:0;
  margin:0
}

.event-timeline>li {
  display:flex;
  gap:15px;
  position:relative;
  padding-bottom:24px
}

.event-timeline>li:last-child {
  padding-bottom:0
}

.event-timeline>li:not(:last-child):before {
  content:"";
  position:absolute;
  left:11px;
  top:24px;
  bottom:0;
  width:1px;
  background:#e9dff2
}

.event-timeline__dot {
  display:grid;
  place-items:center;
  border-radius:50%;
  width:24px;
  height:24px;
  background:#eef8f4;
  border:1px solid #dbeee4;
  color:#94bea8;
  flex-shrink:0
}

.event-timeline__dot.is-error {
  background:#fff2f6;
  border-color:#efdae4;
  color:#d0a3b9
}

.event-timeline__body {
  flex:1;
  min-width:0
}

.event-timeline__title {
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:15px;
  padding-top:4px
}

.event-timeline__title strong {
  font-size:11px;
  color:#9b7ab4;
  font-weight:550;
  text-transform:none
}

.event-timeline__title time {
  font-size:8px;
  color:#bda5d0;
  white-space:nowrap
}

.event-timeline__body>p {
  font-size:10px;
  line-height:1.8;
  color:#b197c6;
  margin-top:7px;
  white-space:pre-wrap;
  overflow-wrap:anywhere
}

.observation {
  display:flex;
  align-items:center;
  gap:8px;
  background:#faf6ff;
  border:1px solid #f0e7f8;
  border-radius:6px;
  padding:9px 11px;
  font-size:9px;
  color:#b39ac8;
  margin-top:10px
}

.observation>span {
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  flex:1
}

.observation button {
  font-size:9px;
  white-space:nowrap
}

.usage-line {
  font-size:10px;
  display:flex;
  gap:9px;
  align-items:center;
  color:#bda6ce;
  border-top:1px solid #efe6f6;
  padding-top:18px
}

.mission-detail__bottom {
  display:flex;
  justify-content:flex-end;
  gap:10px;
  flex-wrap:wrap
}

.success-label {
  font-size:11px;
  color:#83ae95;
  display:flex;
  align-items:center;
  gap:7px
}

.draft-preview {
  white-space:pre-wrap;
  overflow-wrap:anywhere;
  margin:0;
  padding:20px;
  border-radius:9px;
  background:#faf6fe;
  color:#a184b8;
  border:1px solid #ece1f4;
  font:12px/1.85 "Segoe UI",sans-serif
}

.capture-view {
  padding:15px;
  background:#f6f0fb
}

.capture-view img {
  display:block;
  max-width:100%;
  height:auto;
  border-radius:7px
}


.app-loading,.page-loading {
  display:flex;
  align-items:center;
  justify-content:center;
  flex-direction:column;
  gap:20px;
  min-height:100vh;
  background:#faf8fc;
  color:#b397c6
}

.app-loading img {
  width:70px;
  height:70px;
  object-fit:contain;
  margin-bottom:5px
}

.app-loading strong {
  font-weight:500;
  font-size:13px
}

.app-loading h1 {
  font-size:22px
}

.app-loading p {
  font-size:12px
}

.page-loading {
  min-height:calc(100vh - 260px);
  background:transparent;
  font-size:12px
}

.loading-ring {
  width:24px;
  height:24px;
  border:2px solid #e9dff0;
  border-top-color:#a780bc;
  border-radius:50%;
  animation:spin 1s linear infinite
}

.auth-page {
  min-height:100vh;
  display:flex;
  justify-content:center;
  align-items:center;
  gap:90px;
  padding:50px;
  background:radial-gradient(ellipse at 20% 20%,#efe6f4,transparent 60%),#faf8fc
}

.auth-illustration {
  width:440px;
  position:relative
}

.auth-illustration .eyebrow {
  font-size:10px;
  color:#a889bb;
  margin-bottom:20px
}

.auth-illustration h1 {
  font-size:40px;
  line-height:1.35;
  color:#78538e;
  letter-spacing:-1.2px;
  font-weight:550
}

.auth-illustration p {
  font-size:13px;
  color:#b094c3;
  margin-top:20px;
  max-width:330px;
  line-height:1.9
}

.auth-card {
  border:1px solid #eee4f5;
  background:#fff;
  border-radius:20px;
  box-shadow:0 10px 60px #69437d0a;
  padding:45px 40px;
  max-width:450px;
  width:100%;
  display:flex;
  flex-direction:column;
  gap:25px
}

.auth-card .brand {
  padding:0;
  margin-bottom:12px
}

.auth-card h2,.auth-card h1 {
  font-size:23px;
  letter-spacing:-.6px;
  color:#896599;
  line-height:1.5
}

.auth-card p {
  font-size:12px;
  color:#b496c4;
  line-height:1.85;
  margin-top:-12px
}

.auth-google {
  font-size:12px;
  padding:13px 18px;
  gap:12px
}

.auth-note {
  border-top:1px solid #f0e7f7;
  padding-top:23px;
  font-size:9px;
  color:#bca3ce;
  display:flex;
  align-items:flex-start;
  gap:8px;
  line-height:1.8
}

.auth-orbit {
  width:175px;
  height:175px;
  border:1px solid #e5d5ed;
  border-radius:50%;
  margin:38px 0 0 45px;
  position:relative;
  display:grid;
  place-items:center;
  color:#ae8cc2;
  box-shadow:0 0 0 23px #eee3f455,0 0 0 48px #f3ebf73d
}

.auth-orbit>svg {
  background:#f6eefb;
  width:86px;
  height:86px;
  padding:18px;
  border-radius:21px;
  border:1px solid #e4d0ef;
  transform:rotate(-8deg)
}

.auth-orbit span,.auth-orbit i {
  position:absolute;
  width:18px;
  height:18px;
  background:#a7d6db;
  border:5px solid #f2fbfb;
  border-radius:50%;
  top:17px;
  right:12px
}

.auth-orbit i {
  width:12px;
  height:12px;
  background:#c8aed9;
  border:3px solid #f7f0fb;
  bottom:15px;
  left:19px;
  top:auto;
  right:auto
}


/* Operational text stays readable on light surfaces;
   decorative strokes remain soft. */
.page-heading p,.panel__heading p,.metric-card__top,.metric-card>p,.table-subtitle,.muted,.scenario-row__main>p,.scenario-row__meta,.count-label,.agent-card__model,.agent-card__prompt,.agent-card__scope,.agent-card__footer>span,.agent-budget span,.connection-card>p,.environment-card>p,.connection-card>.table-subtitle,.detail-pairs>span,.field__hint,.checkbox-fieldset p,.check-card small,.event-timeline__body>p,.event-timeline__title time,.mission-facts span,.mission-detail__toolbar>.muted,.usage-line {
  color:#77697f
}


.field__label,.checkbox-grid label,.checkbox-fieldset>label,.check-card strong,legend,.detail-pairs strong,.connection-identity,.table-title,.scenario-name,.environment-card h3,.connection-card h3,.agent-card h2,.agent-budget strong,.agent-card__scope,.event-timeline__title strong,.mission-facts strong {
  color:#594360
}


.field input,.field select,.field textarea {
  color:#493951;
  font-size:13px
}

.field input::placeholder,.field textarea::placeholder {
  color:#8d7c97;
  font-size:12px
}

.field__label {
  font-size:12px
}

.field__hint {
  font-size:11px
}

.checkbox-grid label,.checkbox-fieldset>label {
  font-size:12px
}

.check-card strong {
  font-size:12px
}

.check-card small,.checkbox-fieldset p {
  font-size:11px
}

.modal__heading p {
  color:#766380;
  font-size:12px
}

.modal__heading h2 {
  color:#493050
}

.page-heading p {
  font-size:13px
}

.panel__heading p {
  font-size:12px
}

.metric-card__top {
  font-size:12px
}

.metric-card>p {
  font-size:11px
}

.table-title,table {
  font-size:12px
}

.table-subtitle {
  font-size:11px
}

.scenario-name {
  font-size:14px
}

.scenario-row__main>p {
  font-size:12px
}

.scenario-row__meta {
  font-size:10px
}

.search-field input {
  font-size:12px;
  color:#605368
}

.search-field input::placeholder {
  color:#93849d
}

.button {
  font-size:12px
}

.tag {
  font-size:10px
}

.status {
  font-size:11px
}

.status--success {
  color:#337a54
}

.status--warning {
  color:#92651b
}

.status--danger {
  color:#a14357
}

.status--cyan {
  color:#237f89
}

.status--neutral {
  color:#756280
}

.empty-state p,.quiet-empty {
  color:#7d6a87;
  font-size:12px
}

.empty-state h3 {
  color:#62466f;
  font-size:15px
}

.notice {
  font-size:12px;
  color:#347681
}

.notice--warning {
  color:#8a692b
}

.notice--error {
  color:#a04865
}

.notice--success {
  color:#497b60
}

.attention-strip strong {
  color:#8d6b30
}

.attention-strip p {
  color:#8e774e;
  font-size:12px
}

.security-banner p,.info-tile p {
  color:#7e658c;
  font-size:12px
}

.security-banner strong,.info-tile h3 {
  color:#6d4e7c;
  font-size:13px
}

.security-banner--cyan p {
  color:#527b83
}

.security-banner--cyan strong {
  color:#376b75
}

.environment-card>p,.connection-card>p {
  font-size:12px
}

.detail-pairs>span {
  font-size:11px
}

.environment-card h3,.connection-card h3 {
  font-size:14px
}

.card-footer>span {
  font-size:10px
}

.card-footer .button {
  font-size:11px
}

.agent-card__prompt {
  font-size:12px
}

.agent-card__model {
  font-size:12px
}

.agent-card__scope {
  font-size:11px
}

.agent-budget span {
  font-size:10px
}

.agent-card__footer>span {
  font-size:10px
}

.agent-card__footer .button {
  font-size:11px
}

.report-list__item strong {
  color:#765485;
  font-size:12px
}

.report-list__item small {
  color:#8f799e;
  font-size:10px
}

.report-summary__metric span {
  color:#8c739c;
  font-size:12px
}

.section-label {
  color:#8d6b9f
}

.event-timeline__title strong {
  font-size:12px
}

.event-timeline__title time {
  font-size:10px
}

.event-timeline__body>p {
  font-size:12px
}

.mission-summary p {
  color:#775385
}

.mission-summary--conforme p {
  color:#467b59
}

.mission-summary--anomalie p {
  color:#9b4567
}

.mission-facts span {
  font-size:11px
}

.mission-facts strong {
  font-size:12px
}

.question-card p {
  color:#8e7345
}

.observation {
  color:#7d5a93;
  font-size:11px
}

.observation button {
  font-size:11px
}

.topbar .mobile-menu {
  display:none
}

.callout-card__symbol {
  display:none
}

.callout-card {
  padding:23px
}

.callout-card h2 {
  font-size:17px
}

.callout-card p {
  font-size:12px
}

.mini-card p {
  font-size:12px;
  color:#527c84
}

.mini-card h3 {
  font-size:13px
}

.mini-card .text-button {
  font-size:12px
}

.legacy-card strong {
  font-size:11px;
  color:#775e84
}

.legacy-card p {
  font-size:11px;
  color:#8e759d
}

.legacy-card button {
  font-size:11px
}

.settings-tabs button {
  font-size:12px;
  color:#84708d
}

.upload-zone strong {
  color:#77508d;
  font-size:13px
}

.upload-zone>span:not(.upload-zone__icon) {
  color:#9276a2;
  font-size:12px
}

.upload-zone small {
  color:#9a83a7;
  font-size:10px
}


@keyframes spin {
  to {
  transform:rotate(360deg)
}


}


@media(min-width:1500px) {
  .page-content {
  padding-top:40px
}

.page-heading h1 {
  font-size:31px
}

.automation-layout {
  grid-template-columns:minmax(0,1fr) 285px
}

.callout-card {
  padding:30px
}

.metric-card {
  padding:22px 24px
}

.metric-card__top {
  font-size:12px
}

.metric-card>strong {
  font-size:35px
}

.metric-card>p {
  font-size:10px
}

.panel__heading {
  padding-top:26px;
  padding-bottom:23px
}

.scenario-row {
  padding-top:23px;
  padding-bottom:23px
}


}


@media(max-width:1250px) {
  .app-shell {
  grid-template-columns:205px minmax(0,1fr)
}

.sidebar {
  padding-left:13px;
  padding-right:13px
}

.brand {
  padding:0 7px
}

.brand>span {
  font-size:22px
}

.brand img {
  width:35px;
  height:35px
}

.page-content {
  padding:28px
}

.topbar {
  padding:0 28px
}

.page-heading h1 {
  font-size:25px
}

.automation-layout {
  grid-template-columns:minmax(0,1fr) 225px;
  gap:18px
}

.callout-card {
  padding:23px 19px
}

.callout-card h2 {
  font-size:18px
}

.metrics-grid {
  gap:12px
}

.metric-card {
  padding:16px 15px
}

.metric-card__top {
  font-size:9px
}

.metric-card>p {
  font-size:8px
}

.agent-grid {
  grid-template-columns:repeat(2,minmax(0,1fr))
}

.environment-grid,.connection-grid {
  grid-template-columns:repeat(2,minmax(0,1fr))
}

.panel__heading {
  padding:21px 20px 18px
}

.panel__heading h2 {
  font-size:14px
}

.scenario-row {
  padding:18px
}

.scenario-row__symbol {
  width:32px;
  height:35px
}

.scenario-row__meta {
  gap:8px
}

.scenario-row__meta>span+span:not(.tag):before {
  margin-right:8px
}

.scenario-row .button span {
  display:none
}

.scenario-row .button {
  padding:9px
}

.list-toolbar {
  padding-left:20px;
  padding-right:20px
}

.migration-layout {
  gap:18px;
  grid-template-columns:minmax(0,1.55fr) minmax(225px,1fr)
}

.workspace-footer {
  padding-left:28px;
  padding-right:28px
}

.settings-tabs {
  gap:21px
}


}


@media(max-width:1000px) {
  .app-shell {
  grid-template-columns:185px minmax(0,1fr)
}

.sidebar {
  padding-left:10px;
  padding-right:10px
}

.sidebar__workspace {
  padding-left:6px;
  padding-right:6px
}

.brand {
  padding:0 4px;
  gap:5px
}

.brand img {
  width:30px;
  height:30px
}

.brand>span {
  font-size:20px
}

.brand small {
  font-size:6px;
  letter-spacing:1.6px
}

.main-nav>button {
  padding:13px 11px;
  gap:9px;
  font-size:12px
}

.page-content {
  padding:25px 23px
}

.topbar {
  padding:0 23px
}

.page-heading {
  gap:16px;
  align-items:flex-start
}

.page-heading h1 {
  font-size:23px
}

.page-heading__actions .button {
  font-size:10px;
  padding:10px
}

.page-heading p {
  font-size:11px
}

.automation-layout {
  grid-template-columns:minmax(0,1fr)
}

.side-panels {
  display:grid;
  grid-template-columns:1fr 1fr
}

.callout-card {
  padding:22px
}

.callout-card__symbol {
  display:none
}

.callout-card h2 {
  font-size:18px
}

.callout-card p {
  margin-bottom:14px
}

.legacy-card {
  grid-column:1/-1
}

.metrics-grid {
  grid-template-columns:repeat(2,minmax(0,1fr))
}

.metric-card__top {
  font-size:10px
}

.metric-card>p {
  font-size:9px
}

.migration-layout {
  grid-template-columns:1fr
}

.report-list {
  max-height:190px
}

.settings-tabs {
  gap:18px
}

.settings-tabs button {
  font-size:10px;
  gap:6px
}

.settings-tabs svg {
  width:16px
}

.topbar__right {
  gap:10px
}

.mode-label {
  display:none
}

.report-summary {
  gap:10px
}

.report-summary__metric {
  padding:16px 12px;
  gap:10px
}

.report-summary__metric span {
  font-size:9px
}

.auth-page {
  gap:40px
}

.auth-illustration {
  width:310px
}

.auth-illustration h1 {
  font-size:32px
}

.auth-card {
  padding:35px 30px;
  max-width:400px
}


}


@media(max-width:760px) {
  .app-shell {
  display:block
}

.sidebar {
  position:fixed;
  left:0;
  top:0;
  bottom:0;
  width:224px;
  transform:translateX(-100%);
  transition:transform .2s;
  box-shadow:10px 0 50px #2c17321a;
  height:100dvh
}

.app-shell--nav-open .sidebar {
  transform:translateX(0)
}

.sidebar-scrim {
  display:none;
  position:fixed;
  inset:0;
  background:#2d1b3e55;
  z-index:19;
  border-radius:0
}

.app-shell--nav-open .sidebar-scrim {
  display:block
}

.topbar .mobile-menu {
  display:flex
}

.topbar {
  height:65px;
  padding:0 18px
}

.topbar__breadcrumb {
  gap:8px
}

.topbar__breadcrumb>span {
  max-width:100px
}

.topbar__right {
  gap:8px
}

.user-badge>div {
  display:none
}

.user-badge {
  gap:0
}

.topbar__divider {
  display:none
}

.page-content {
  padding:25px 18px 35px
}

.page-heading {
  flex-wrap:wrap;
  gap:17px;
  margin-bottom:23px
}

.page-heading h1 {
  font-size:26px;
  letter-spacing:-.7px
}

.page-heading p {
  font-size:11px
}

.page-heading__actions {
  margin-left:auto
}

.metrics-grid {
  gap:12px
}

.metric-card {
  padding:17px
}

.panel__heading {
  padding:20px;
  align-items:flex-start
}

.panel__heading>.button {
  font-size:9px;
  padding:8px;
  min-height:32px
}

.list-toolbar {
  padding:0 20px 17px
}

.count-label {
  display:none
}

.agent-grid {
  gap:16px
}

.agent-card {
  padding:20px 18px 0
}

.agent-card__footer {
  margin-left:-18px;
  margin-right:-18px;
  padding-left:18px
}

.agent-card__footer>span {
  font-size:7px
}

.agent-card__footer .button {
  font-size:8px
}

.agent-budget {
  gap:5px
}

.agent-budget span {
  font-size:7px
}

.agent-budget strong {
  font-size:12px
}

.agent-card h2 {
  font-size:14px
}

.info-grid {
  gap:14px
}

.info-tile {
  padding:18px;
  gap:10px
}

.info-tile h3 {
  font-size:11px
}

.info-tile p {
  font-size:9px
}

.settings-tabs {
  gap:20px;
  margin-bottom:21px
}

.settings-tabs button {
  font-size:11px;
  flex-shrink:0
}

.settings-tabs svg {
  display:none
}

.environment-grid,.connection-grid {
  padding:0 18px 18px
}

.security-banner {
  padding:20px
}

.security-banner p {
  font-size:10px
}

.modal-backdrop {
  padding:12px
}

.modal {
  max-height:calc(100dvh - 24px);
  border-radius:13px
}

.modal__heading {
  padding:20px
}

.modal__heading h2 {
  font-size:18px
}

.form-stack {
  padding:20px;
  gap:18px
}

.panel-form {
  padding:0 20px 20px!important
}

.mission-detail {
  padding:20px
}

.mission-facts {
  grid-template-columns:1fr 1fr
}

.mission-detail__toolbar {
  flex-wrap:wrap
}

.mission-detail__controls {
  gap:6px
}

.mission-detail__controls .button {
  font-size:9px
}

.form-grid {
  gap:13px
}

.report-summary {
  grid-template-columns:repeat(2,1fr);
  gap:12px
}

.report-summary__metric {
  padding:16px 19px
}

.workspace-footer {
  padding:18px;
  flex-wrap:wrap;
  gap:8px;
  font-size:8px
}

.attention-strip {
  padding:16px;
  gap:13px;
  flex-wrap:wrap
}

.attention-strip>.button {
  margin-left:auto
}

.auth-page {
  padding:30px 20px
}

.auth-illustration {
  display:none
}

.auth-card {
  max-width:430px;
  padding:36px 30px
}

.auth-card h2 {
  font-size:22px
}

.app-loading {
  padding:30px;
  text-align:center
}


}


@media(max-width:480px) {
  .page-heading h1 {
  font-size:24px
}

.agent-grid,.environment-grid,.connection-grid,.info-grid,.side-panels {
  grid-template-columns:1fr
}

.callout-card h2 br {
  display:none
}

.callout-card__symbol {
  display:grid;
  float:right;
  margin:0 0 0 15px
}

.callout-card .button {
  width:auto
}

.scenario-row__symbol {
  display:none
}

.scenario-row__meta {
  font-size:7px;
  gap:6px
}

.scenario-row__meta>span+span:not(.tag):before {
  margin-right:6px
}

.scenario-row {
  padding:18px 20px
}

.scenario-row .button span {
  display:inline
}

.panel__heading {
  flex-wrap:wrap
}

.panel__heading>.button {
  margin-left:auto
}

.table-title {
  min-width:145px
}

.form-grid,.form-grid--three {
  grid-template-columns:1fr
}

.modal__heading p {
  font-size:10px
}

.step-editor__item {
  gap:8px;
  padding:13px 8px
}

.step-number {
  width:19px;
  height:22px;
  font-size:9px
}

.step-editor__item>.icon-button {
  width:20px
}

.checkbox-grid {
  grid-template-columns:1fr
}

.mission-detail__toolbar>.muted {
  font-size:9px
}

.event-timeline__title {
  align-items:flex-start;
  gap:8px
}

.event-timeline__title time {
  font-size:7px
}

.observation {
  flex-wrap:wrap
}

.observation>span {
  min-width:140px
}

.mission-detail__bottom {
  justify-content:stretch
}

.mission-detail__bottom>.button {
  width:100%
}

.modal__footer>.button {
  flex:1;
  font-size:10px
}

.user-badge .avatar {
  width:29px;
  height:29px
}

.topbar__right>.icon-button {
  width:25px
}

.topbar__breadcrumb>strong {
  font-size:10px
}

.metrics-grid {
  gap:10px
}

.metric-card {
  padding:15px 14px
}

.metric-card>strong {
  font-size:28px
}

.metric-card__top {
  font-size:9px
}

.metric-card__top svg {
  width:16px
}

.metric-card>p {
  font-size:8px
}


}


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


}



.migration-trace { min-width: 0; }
.migration-trace > p { font-size: .8rem; line-height: 1.5; overflow-wrap: anywhere; }
.migration-trace details { border-top: 1px solid #e9e5ed; padding: 12px 0; }
.migration-trace summary { color: #4e315d; cursor: pointer; font-size: .82rem; font-weight: 650; }
.migration-trace dl { display: grid; grid-template-columns: 110px minmax(0, 1fr); gap: 8px 12px; font-size: .78rem; }
.migration-trace dt { color: #716778; }
.migration-trace dd { margin: 0; }
.migration-trace code { font-size: .73rem; overflow-wrap: anywhere; white-space: normal; }
.migration-trace__list { display: grid; gap: 12px; max-height: 280px; overflow: auto; padding: 0 0 0 20px; font-size: .78rem; }
.migration-trace__list li { padding-left: 3px; }
.migration-trace__list strong, .migration-trace__list span, .migration-trace__list code { display: block; line-height: 1.5; overflow-wrap: anywhere; }
.migration-trace__list span, .migration-trace__list code { color: #716778; }

.smr-entry { margin-bottom: 22px; }
.smr-entry .panel-form { padding-top: 0; }
.smr-entry .panel-form > p { margin: 0; font-size: .82rem; }
.smr-targets summary, .smr-preview details summary { cursor: pointer; color: #4e315d; font-weight: 650; font-size: .82rem; }
.smr-targets > .form-grid { margin-top: 14px; }
.smr-preview__scenario { padding: 17px; border: 1px solid #e9e5ed; border-radius: 12px; }
.smr-preview__heading { display: flex; justify-content: space-between; align-items: center; gap: 12px; }
.smr-preview__heading h3 { margin: 5px 0 0; font-size: .94rem; }
.smr-preview__scenario > p { font-size: .8rem; line-height: 1.5; }
.smr-preview__scenario details { border-top: 1px solid #e9e5ed; margin-top: 13px; padding-top: 13px; }
.smr-preview__scenario h4 { margin: 15px 0 7px; font-size: .8rem; }
.smr-preview .notice p { margin: 5px 0 0; }