/* Val.ai widget admin — typography normalized to Settings design tokens. */


.vai-product-tabs{display:flex;align-items:center;gap:5px;width:max-content;max-width:100%;padding:4px;border:1px solid #e7e2fa;background:#f7f5ff;border-radius:12px;}
.vai-product-tab{height:34px;border:0;border-radius:9px;background:transparent;color:#7d8498;padding:0 12px;display:inline-flex;align-items:center;gap:7px;font-size:var(--st-font-sm);font-weight:var(--st-weight-black);cursor:pointer;}
.vai-product-tab i{width:14px;height:14px;}.vai-product-tab.is-active{background:#fff;color:#6346e7;box-shadow:0 4px 14px rgba(67,45,157,.10);}
.vai-product-tab .vai-product-badge{padding:3px 6px;border-radius:999px;background:#eee9ff;color:#6849e5;font-size:var(--st-font-xs);letter-spacing:.2px;}
.vai-product-panel{display:none;gap:12px;}.vai-product-panel.is-active{display:grid;}

.vai-widget-intro{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:13px 15px;border:1px solid #e6e2f2;border-radius:14px;background:linear-gradient(135deg,#fff,#fbf9ff);box-shadow:0 7px 22px rgba(52,45,110,.035);}
.vai-widget-intro-main{display:flex;align-items:center;gap:11px;min-width:0;}
.vai-widget-intro-icon{width:35px;height:35px;border-radius:11px;background:#eee9ff;color:#6848e9;display:grid;place-items:center;flex:none;}.vai-widget-intro-icon i{width:17px;height:17px;}
.vai-widget-intro-copy strong{display:block;color:#20273a;font-size:var(--st-font-md);}.vai-widget-intro-copy small{display:block;color:#858da0;font-size:var(--st-font-xs);line-height:var(--st-line-1-45);margin-top:2px;}
.vai-widget-intro-badges{display:flex;align-items:center;justify-content:flex-end;gap:6px;flex-wrap:wrap;}
.vai-widget-lock-chip{display:inline-flex;align-items:center;gap:5px;border:1px solid #e3def6;background:#fff;border-radius:999px;padding:5px 8px;color:#696f82;font-size:var(--st-font-xs);font-weight:var(--st-weight-extrabold);white-space:nowrap;}.vai-widget-lock-chip i{width:11px;height:11px;color:#6b4bea;}

.vai-widget-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;}
.vai-widget-stat{position:relative;min-height:82px;padding:12px 13px;border:1px solid #e7e4ef;border-radius:14px;background:#fff;overflow:hidden;}
.vai-widget-stat span.label{display:block;font-size:var(--st-font-xs);letter-spacing:.6px;text-transform:uppercase;color:#929aab;font-weight:var(--st-weight-black);}
.vai-widget-stat strong{display:block;margin-top:5px;color:#222a3c;font-size:var(--st-font-3xl);letter-spacing:-.5px;}.vai-widget-stat small{display:block;margin-top:2px;color:#9aa1b0;font-size:var(--st-font-xs);}
.vai-widget-stat-icon{position:absolute;right:10px;top:10px;width:27px;height:27px;border-radius:9px;display:grid;place-items:center;background:#f3f0ff;color:#7050ed;}.vai-widget-stat-icon i{width:13px;height:13px;}

.vai-widget-card{border:1px solid #e6e3ee;border-radius:15px;background:#fff;overflow:hidden;box-shadow:0 8px 26px rgba(49,42,93,.04);}
.vai-widget-toolbar{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:11px 12px;border-bottom:1px solid #eceef4;flex-wrap:wrap;}
.vai-widget-toolbar-left{display:flex;gap:7px;flex:1;min-width:260px;}
.vai-widget-search{position:relative;flex:1;max-width:430px;}.vai-widget-search i{position:absolute;left:10px;top:50%;transform:translateY(-50%);width:14px;height:14px;color:#9aa2b2;}
.vai-widget-search input,.vai-widget-filter{height:36px;border:1px solid #dfe3ec;border-radius:10px;background:#fff;font:inherit;font-size:var(--st-font-sm);color:#354057;outline:none;}.vai-widget-search input{width:100%;padding:0 11px 0 31px;}.vai-widget-filter{padding:0 9px;}
.vai-widget-search input:focus,.vai-widget-filter:focus{border-color:#a99bf8;box-shadow:0 0 0 3px rgba(108,84,246,.08);}
.vai-widget-create{height:36px;border:0;border-radius:10px;background:linear-gradient(135deg,#7657f6,#6341e5);color:#fff;padding:0 12px;display:inline-flex;align-items:center;gap:6px;font-size:var(--st-font-xs);font-weight:var(--st-weight-black);}.vai-widget-create i{width:13px;height:13px;}

.vai-widget-table-wrap{overflow:auto;}.vai-widget-table{width:100%;border-collapse:collapse;min-width:1120px;}.vai-widget-table th{padding:9px 11px;background:#fbfbfe;border-bottom:1px solid #e9ebf2;text-align:left;color:#939bad;font-size:var(--st-font-xs);letter-spacing:.58px;text-transform:uppercase;white-space:nowrap;}.vai-widget-table td{padding:10px 11px;border-bottom:1px solid #eff1f5;color:#4e5a6f;font-size:var(--st-font-xs);vertical-align:middle;}.vai-widget-table tr:hover td{background:#fdfcff;}
.vai-widget-company{display:flex;align-items:center;gap:9px;min-width:220px;}.vai-widget-company-mark{width:31px;height:31px;border-radius:10px;background:linear-gradient(145deg,#f0ebff,#e4dbff);color:#6948eb;display:grid;place-items:center;font-size:var(--st-font-sm);font-weight:var(--st-weight-black);flex:none;}.vai-widget-company strong{display:block;color:#232c3e;font-size:var(--st-font-sm);}.vai-widget-company small{display:block;color:#9aa1af;font-size:var(--st-font-xs);margin-top:2px;}
.vai-widget-id{display:inline-flex;max-width:155px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;border:1px solid #e7e3f4;background:#faf9ff;border-radius:8px;padding:4px 6px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:var(--st-font-xs);color:#6c55c9;}
.vai-widget-domain{display:flex;flex-direction:column;gap:2px;max-width:190px;}.vai-widget-domain strong{font-size:var(--st-font-xs);color:#4f5b70;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}.vai-widget-domain small{font-size:var(--st-font-xs);color:#9aa2b1;}
.vai-widget-theme{display:flex;align-items:center;gap:6px;white-space:nowrap;}.vai-widget-swatch{width:15px;height:15px;border-radius:6px;border:1px solid rgba(0,0,0,.08);}.vai-widget-theme strong{font-size:var(--st-font-xs);color:#536077;}.vai-widget-theme small{font-size:var(--st-font-xs);color:#9aa2b1;}
.vai-widget-swatch.light{background:#fff;}.vai-widget-swatch.dark{background:#16181e;}.vai-widget-swatch.purple{background:#6d4aed;}.vai-widget-swatch.gold{background:#c9a24c;}.vai-widget-swatch.midnight{background:#101827;}.vai-widget-swatch.slate{background:#697586;}
.vai-widget-status{display:inline-flex;align-items:center;gap:5px;border-radius:999px;padding:4px 7px;font-size:var(--st-font-xs);font-weight:var(--st-weight-black);}.vai-widget-status.active{background:#eaf9f1;color:#14875d;}.vai-widget-status.disabled{background:#f1f3f6;color:#7d8594;}.vai-widget-status i{width:5px;height:5px;border-radius:50%;background:currentColor;}
.vai-widget-usage strong{display:block;font-size:var(--st-font-xs);color:#4d596d;}.vai-widget-usage small{display:block;margin-top:1px;color:#99a1b0;font-size:var(--st-font-xs);}
.vai-widget-actions{display:flex;align-items:center;gap:4px;justify-content:flex-end;}.vai-widget-action{height:27px;border:1px solid #e0e3eb;border-radius:8px;background:#fff;color:#616b7d;padding:0 7px;font-size:var(--st-font-xs);font-weight:var(--st-weight-extrabold);}.vai-widget-action:hover{border-color:#b9aff1;color:#6848e5;background:#faf8ff;}.vai-widget-action.primary{border-color:#ddd5ff;background:#f4f0ff;color:#6748e4;}.vai-widget-action.danger{color:#b95261;}
.vai-widget-empty{padding:38px 18px;text-align:center;}.vai-widget-empty>span{display:grid;place-items:center;width:38px;height:38px;margin:0 auto 8px;border-radius:12px;background:#f1edff;color:#6d4ce9;}.vai-widget-empty>span i{width:17px;height:17px;}.vai-widget-empty strong{display:block;color:#30394b;font-size:var(--st-font-sm);}.vai-widget-empty small{display:block;margin-top:3px;color:#98a0ae;font-size:var(--st-font-xs);}.vai-widget-empty button{margin-top:10px;}

.vai-widget-modal{position:fixed;inset:0;z-index:130500;background:rgba(19,22,37,.34);backdrop-filter:blur(3px);display:none;align-items:center;justify-content:center;padding:20px;}.vai-widget-modal.is-open{display:flex;}
.vai-widget-dialog{width:min(760px,100%);max-height:min(92vh,850px);display:flex;flex-direction:column;border-radius:18px;background:#fff;box-shadow:0 30px 90px rgba(17,20,37,.24);overflow:hidden;}
.vai-widget-dialog.wide{width:min(1000px,100%);}.vai-widget-dialog.preview{width:min(850px,100%);height:min(86vh,760px);}
.vai-widget-dialog-head{flex:none;display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:15px 17px;border-bottom:1px solid #eceef3;}.vai-widget-dialog-head .kicker{font-size:var(--st-font-xs);font-weight:var(--st-weight-black);letter-spacing:.7px;text-transform:uppercase;color:#7050ed;margin-bottom:4px;}.vai-widget-dialog-head h2{margin:0;color:#222b3d;font-size:var(--st-font-xl);letter-spacing:-.3px;}.vai-widget-dialog-head p{margin:4px 0 0;color:#9299a8;font-size:var(--st-font-xs);}
.vai-widget-close{width:31px;height:31px;border:1px solid #e1e4ec;border-radius:9px;background:#fff;color:#727c8e;display:inline-flex;align-items:center;justify-content:center;flex:none;cursor:pointer;position:relative;z-index:3;line-height:0;padding:0;}.vai-widget-close svg,.vai-widget-close i{width:16px;height:16px;display:block;pointer-events:none;stroke-width:2;}
.vai-widget-dialog-body{min-height:0;overflow:auto;padding:15px 17px;}.vai-widget-alert{display:none;margin-bottom:10px;padding:8px 10px;border:1px solid #fed6da;border-radius:10px;background:#fff5f6;color:#b14555;font-size:var(--st-font-xs);line-height:var(--st-line-1-45);}.vai-widget-alert.is-show{display:block;}
.vai-widget-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px;}.vai-widget-field{display:grid;gap:5px;}.vai-widget-field.full{grid-column:1/-1;}.vai-widget-field label{font-size:var(--st-font-xs);letter-spacing:.28px;text-transform:uppercase;color:#858da0;font-weight:var(--st-weight-black);}.vai-widget-field input,.vai-widget-field select,.vai-widget-field textarea{width:100%;border:1px solid #dfe3ec;border-radius:10px;background:#fff;color:#344057;font:inherit;font-size:var(--st-font-sm);outline:none;padding:0 10px;}.vai-widget-field input,.vai-widget-field select{height:37px;}.vai-widget-field textarea{min-height:76px;padding-top:8px;resize:vertical;line-height:var(--st-line-1-45);}.vai-widget-field input:focus,.vai-widget-field select:focus,.vai-widget-field textarea:focus{border-color:#aa9cf8;box-shadow:0 0 0 3px rgba(108,84,246,.08);}.vai-widget-field input:disabled{background:#f7f8fa;color:#8991a0;}
.vai-widget-help{font-size:var(--st-font-xs);color:#9aa2b0;line-height:var(--st-line-1-45);}.vai-widget-help code{font-size:var(--st-font-xs);color:#6d54cb;}
.vai-widget-choice-title{margin:2px 0 7px;font-size:var(--st-font-xs);letter-spacing:.3px;text-transform:uppercase;color:#868e9f;font-weight:var(--st-weight-black);}
.vai-widget-theme-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:6px;}.vai-widget-theme-choice{position:relative;border:1px solid #e1e4eb;border-radius:10px;background:#fff;padding:7px 6px;text-align:center;cursor:pointer;}.vai-widget-theme-choice input{position:absolute;opacity:0;pointer-events:none;}.vai-widget-theme-choice span.swatch{display:block;width:100%;height:25px;border-radius:7px;margin-bottom:5px;border:1px solid rgba(0,0,0,.06);}.vai-widget-theme-choice strong{display:block;font-size:var(--st-font-xs);color:#5d687b;}.vai-widget-theme-choice:has(input:checked){border-color:#a999fa;box-shadow:0 0 0 2px rgba(111,79,238,.08);background:#fbfaff;}
.vai-widget-layout-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;}.vai-widget-layout-choice{position:relative;border:1px solid #e1e4eb;border-radius:11px;background:#fff;padding:9px;cursor:pointer;}.vai-widget-layout-choice input{position:absolute;opacity:0;}.vai-widget-layout-choice strong{display:block;color:#3e495d;font-size:var(--st-font-xs);}.vai-widget-layout-choice small{display:block;color:#9aa1af;font-size:var(--st-font-xs);margin-top:2px;line-height:1.35;}.vai-widget-layout-choice:has(input:checked){border-color:#a999fa;background:#faf8ff;box-shadow:0 0 0 2px rgba(111,79,238,.07);}
.vai-widget-toggle-row{display:flex;align-items:center;justify-content:space-between;gap:10px;border:1px solid #e7e9ef;background:#fbfcfe;border-radius:10px;padding:8px 10px;}.vai-widget-toggle-row strong{display:block;color:#4a566a;font-size:var(--st-font-xs);}.vai-widget-toggle-row small{display:block;color:#9ba2b1;font-size:var(--st-font-xs);margin-top:1px;}
.vai-widget-modal-actions{display:flex;align-items:center;justify-content:flex-end;gap:7px;margin-top:14px;}.vai-widget-secondary{height:35px;border:1px solid #dfe3eb;border-radius:9px;background:#fff;color:#677184;padding:0 11px;font-size:var(--st-font-xs);font-weight:var(--st-weight-extrabold);}
.vai-widget-codebox{position:relative;border:1px solid #dfdbea;border-radius:12px;background:#171921;padding:13px 14px;color:#f0eff7;overflow:auto;}.vai-widget-codebox pre{margin:0;white-space:pre-wrap;word-break:break-word;font-size:var(--st-font-xs);line-height:1.6;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;}.vai-widget-code-note{display:flex;gap:8px;margin-bottom:11px;border:1px solid #e2ddf8;background:#faf8ff;color:#6d5ab8;border-radius:10px;padding:9px 10px;font-size:var(--st-font-xs);line-height:var(--st-line-1-45);}.vai-widget-code-note i{width:14px;height:14px;flex:none;}
.vai-widget-preview-wrap{min-height:0;flex:1;padding:13px;background:#f5f5f8;}.vai-widget-preview-frame{width:100%;height:100%;border:0;border-radius:16px;background:transparent;}
.vai-widget-preview-loading{height:100%;display:grid;place-items:center;color:#8d95a5;font-size:var(--st-font-sm);}
@media(max-width:900px){.vai-widget-stats{grid-template-columns:repeat(2,minmax(0,1fr));}.vai-widget-theme-grid{grid-template-columns:repeat(3,minmax(0,1fr));}}
@media(max-width:620px){.vai-widget-intro{align-items:flex-start;flex-direction:column;}.vai-widget-intro-badges{justify-content:flex-start;}.vai-widget-stats{grid-template-columns:1fr 1fr;}.vai-widget-form-grid{grid-template-columns:1fr;}.vai-widget-field.full{grid-column:auto;}.vai-widget-layout-grid{grid-template-columns:1fr;}.vai-widget-theme-grid{grid-template-columns:repeat(2,minmax(0,1fr));}.vai-widget-modal{padding:8px;}.vai-widget-dialog{max-height:96vh;}}


.vai-widget-toolbar-left{
  align-items:center;
}
.vai-widget-search{
  display:block;
  min-width:240px;
}
.vai-widget-search > i,
.vai-widget-search > svg{
  position:absolute !important;
  left:10px !important;
  top:50% !important;
  transform:translateY(-50%) !important;
  width:14px !important;
  height:14px !important;
  min-width:14px !important;
  min-height:14px !important;
  max-width:14px !important;
  max-height:14px !important;
  color:#9aa2b2 !important;
  pointer-events:none !important;
  stroke-width:2 !important;
  margin:0 !important;
}
.vai-widget-search input{
  padding-left:32px !important;
}
.vai-widget-filter{
  flex:0 0 118px;
}


.vai-widget-presets{
  grid-column:1/-1;
  margin:1px 0 4px;
}
.vai-widget-presets-head{
  display:flex;align-items:flex-end;justify-content:space-between;gap:12px;margin-bottom:8px;
}
.vai-widget-presets-head strong{
  display:block;color:#2f384b;letter-spacing:.28px;text-transform:uppercase;
}
.vai-widget-presets-head small{
  display:block;color:#99a1af;margin-top:2px;
}
.vai-widget-presets-grid{
  display:grid;
}
.vai-widget-preset{
  position:relative;border:1px solid #e0e3eb;border-radius:12px;
  background:#fff;text-align:left;cursor:pointer;transition:.15s ease;
}
.vai-widget-preset:hover{
  border-color:#b9acf8;box-shadow:0 7px 20px rgba(81,58,175,.08);transform:translateY(-1px);
}
.vai-widget-preset.is-selected{
  border-color:#8f78f5;background:#fbfaff;box-shadow:0 0 0 2px rgba(111,80,237,.08);
}
.vai-widget-preset-badge{
  position:absolute;right:7px;top:7px;border-radius:999px;background:#eee8ff;color:#6546dc;
  padding:3px 5px;font-weight:var(--st-weight-black);text-transform:uppercase;letter-spacing:.35px;
}
.vai-widget-preset-preview{
  height:67px;border-radius:9px;overflow:hidden;margin-bottom:7px;border:1px solid rgba(44,49,66,.08);
  position:relative;
}
.vai-widget-preset strong{display:block;color:#394457;}
.vai-widget-preset small{display:block;color:#98a0ae;}

/* Kit-Link inspired bar thumbnails */
.vai-preset-preview-gold{background:#070708;padding:10px 9px;}
.vai-preset-preview-purple{background:#f7f4ff;padding:10px 9px;}
.vai-preset-preview-light{background:#fff;padding:10px 9px;}
.vai-preset-mini-bar{
  height:25px;border-radius:999px;border:1px solid rgba(255,255,255,.17);display:flex;align-items:center;
  justify-content:space-between;padding:0 5px 0 9px;font-size:var(--st-font-xs);font-weight:var(--st-weight-bold);
}
.vai-preset-preview-gold .vai-preset-mini-bar{color:#777;background:#111113;}
.vai-preset-preview-purple .vai-preset-mini-bar{color:#756b8e;background:#fff;border-color:#e3dcf8;}
.vai-preset-preview-light .vai-preset-mini-bar{color:#7e8795;background:#fff;border-color:#e0e4eb;}
.vai-preset-mini-logo{
  min-width:30px;height:18px;border-radius:999px;display:grid;place-items:center;font-size:var(--st-font-xs);font-weight:var(--st-weight-black);
}
.vai-preset-preview-gold .vai-preset-mini-logo{border:1px solid #7a6233;color:#e0bd69;background:#15130f;}
.vai-preset-preview-purple .vai-preset-mini-logo{color:#6747e4;background:#eee9ff;}
.vai-preset-preview-light .vai-preset-mini-logo{color:#394457;background:#f0f2f5;}
.vai-preset-mini-chips{display:flex;justify-content:center;gap:3px;margin-top:7px;}
.vai-preset-mini-chips i{
  display:block;width:23px;height:9px;border-radius:999px;border:1px solid rgba(255,255,255,.14);
}
.vai-preset-preview-gold .vai-preset-mini-chips i{border-color:#343438;}
.vai-preset-preview-purple .vai-preset-mini-chips i{border-color:#ded7f5;background:#fff;}
.vai-preset-preview-light .vai-preset-mini-chips i{border-color:#e2e5ea;background:#f9fafb;}

/* Floating thumbnail */
.vai-preset-preview-floating{background:#0d1220;}
.vai-preset-float-panel{
  position:absolute;right:8px;bottom:7px;width:33px;height:33px;border-radius:11px;
  background:linear-gradient(145deg,#7764f5,#5d4be4);box-shadow:0 8px 18px rgba(91,72,214,.30);
  display:grid;place-items:center;color:#fff;font-size:var(--st-font-xs);font-weight:var(--st-weight-black);
}
.vai-preset-float-shadow{
  position:absolute;right:14px;bottom:13px;width:63px;height:39px;border:1px solid #263650;border-radius:10px;opacity:.45;
}

/* Full-chat thumbnail */
.vai-preset-preview-full{background:#fbfaff;padding:6px;}
.vai-preset-full-head{height:12px;border-bottom:1px solid #e7e1f6;display:flex;align-items:center;gap:3px;}
.vai-preset-full-head i{width:8px;height:4px;background:#6d4aed;border-radius:3px;}
.vai-preset-full-body{height:31px;display:grid;place-items:center;}
.vai-preset-full-body i{width:24px;height:7px;border-radius:5px;background:#eee9ff;}
.vai-preset-full-input{height:10px;border:1px solid #e4def7;border-radius:5px;background:#fff;}

/* Hide old visual micro-customization controls once the JS addon marks them. */
.vai-widget-field.vai-preset-hidden,
.vai-widget-choice-title.vai-preset-hidden,
.vai-widget-theme-grid.vai-preset-hidden,
.vai-widget-layout-grid.vai-preset-hidden{
  display:none !important;
}
.vai-widget-simple-note{
  grid-column:1/-1;display:flex;align-items:flex-start;gap:7px;padding:8px 9px;border-radius:10px;
  border:1px solid #e4e0f4;background:#faf9ff;color:#746b94;font-size:var(--st-font-xs);line-height:var(--st-line-1-45);
}
.vai-widget-simple-note svg{width:13px;height:13px;flex:none;margin-top:1px;}

@media(max-width:1050px){
  .vai-widget-presets-grid{grid-template-columns:repeat(3,minmax(0,1fr));}
}
@media(max-width:700px){
  .vai-widget-presets-grid{grid-template-columns:1fr 1fr;}
}


.vai-widget-dialog.preview.vai-preview-compact{
  height:245px !important;
  max-height:245px !important;
}
.vai-widget-dialog.preview.vai-preview-compact .vai-widget-preview-wrap{
  padding:8px 12px 10px !important;
}
.vai-widget-dialog.preview.vai-preview-floating{
  height:245px !important;
  max-height:245px !important;
}
.vai-widget-dialog.preview.vai-preview-floating .vai-widget-preview-wrap{
  padding:12px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
}



.vai-widget-presets-grid{
  grid-template-columns:repeat(3,minmax(0,1fr)) !important;
  gap:10px !important;
}
.vai-widget-preset{
  min-height:148px !important;
  padding:10px !important;
}
.vai-widget-preset strong{
  font-size:var(--st-font-md) !important;
  line-height:1.3 !important;
}
.vai-widget-preset small{
  margin-top:3px !important;
  font-size:var(--st-font-xs) !important;
  line-height:1.4 !important;
}
.vai-widget-presets-head strong{font-size:var(--st-font-md) !important;}
.vai-widget-presets-head small{font-size:var(--st-font-xs) !important;}
.vai-widget-preset-badge{font-size:var(--st-font-xs) !important;}

/* New Capsule Search thumbnail, based on the supplied recessed-capsule design. */
.vai-preset-preview-capsule{
  background:radial-gradient(circle at center,#1a1a24 0%,#050506 100%);
  padding:12px 8px;
}
.vai-preset-capsule-outer{
  height:43px;
  border-radius:999px;
  padding:5px 6px 5px 8px;
  display:flex;
  align-items:center;
  gap:6px;
  background:linear-gradient(180deg,#383842 0%,#24252d 100%);
  border:1px solid #15151c;
  box-shadow:inset 0 1px 2px rgba(255,255,255,.06),inset 0 -3px 5px rgba(0,0,0,.6);
}
.vai-preset-capsule-logo{
  flex:0 0 auto;
  color:#fff;
  font-size:var(--st-font-xs);
  font-weight:var(--st-weight-black);
  text-shadow:0 2px 4px rgba(0,0,0,.8);
}
.vai-preset-capsule-inner{
  min-width:0;
  flex:1;
  height:31px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:5px;
  padding:0 8px 0 10px;
  border-radius:999px;
  background:#23242c;
  border:1px solid rgba(0,0,0,.5);
  box-shadow:inset 3px 5px 8px rgba(0,0,0,.72),inset -1px -2px 3px rgba(255,255,255,.04);
}
.vai-preset-capsule-placeholder{
  min-width:0;
  overflow:hidden;
  white-space:nowrap;
  text-overflow:ellipsis;
  color:#bfc1c8;
  font-size:var(--st-font-xs);
}
.vai-preset-capsule-send{
  color:#fff;
  font-size:var(--st-font-xs);
  line-height:var(--st-line-1);
}
.vai-preset-capsule-powered{
  margin-top:5px;
  text-align:center;
  color:#8b8b95;
  font-size:var(--st-font-xs);
  font-weight:var(--st-weight-bold);
  letter-spacing:.25px;
}

/* Preview modal: less oversized when full-chat is selected. */
.vai-widget-dialog.preview.vai-preview-full{
  height:min(610px,82vh) !important;
  max-height:min(610px,82vh) !important;
}
@media(max-width:850px){
  .vai-widget-presets-grid{grid-template-columns:1fr 1fr !important;}
}
@media(max-width:560px){
  .vai-widget-presets-grid{grid-template-columns:1fr !important;}
}

/* ========================================================================
   Val.ai unified integrations console
   Combines API Keys + Web Widgets into a single management surface.
   Legacy product panels remain in the DOM only for the existing modal/action
   controllers, but are intentionally hidden from the visible Settings UI.
   ======================================================================== */
#valaiApiAdminApp > .vai-product-tabs,
#valaiApiAdminApp > .vai-product-panel{
  display:none !important;
}

.vai-unified-console{
  display:grid;
  gap:11px;
}

.vai-unified-stats{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:10px;
}
.vai-unified-stat{
  position:relative;
  min-height:78px;
  padding:12px 14px;
  border:1px solid #e5e5ef;
  border-radius:14px;
  background:#fff;
  overflow:hidden;
}
.vai-unified-stat-label{
  display:block;
  padding-right:38px;
  color:#7f899f;
  font-size:var(--st-font-xs);
  line-height:var(--st-line-1-2);
  font-weight:var(--st-weight-black);
  letter-spacing:.48px;
  text-transform:uppercase;
}
.vai-unified-stat strong{
  display:block;
  margin-top:5px;
  color:#1d2638;
  font-size:var(--st-font-4xl);
  line-height:var(--st-line-1);
  font-weight:var(--st-weight-black);
  letter-spacing:-.55px;
}
.vai-unified-stat small{
  display:block;
  margin-top:5px;
  color:#8993a6;
  font-size:var(--st-font-sm);
  line-height:1.35;
}
.vai-unified-stat-icon{
  position:absolute;
  right:11px;
  top:11px;
  width:30px;
  height:30px;
  display:grid;
  place-items:center;
  border-radius:9px;
  background:#f2efff;
  color:#704fe9;
}
.vai-unified-stat-icon svg,
.vai-unified-stat-icon i{
  width:15px;
  height:15px;
}

.vai-unified-card{
  border:1px solid #e4e5ee;
  border-radius:16px;
  background:#fff;
  overflow:visible;
  box-shadow:0 8px 26px rgba(49,42,93,.035);
}
.vai-unified-card-head{
  min-height:58px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  padding:10px 12px 10px 14px;
  border-bottom:1px solid #eceef4;
}
.vai-unified-card-title{
  display:flex;
  align-items:center;
  min-width:180px;
}
.vai-unified-card-title strong{
  display:block;
  color:#273044;
  font-size:var(--st-font-body);
  line-height:var(--st-line-1-25);
  font-weight:var(--st-weight-black);
}
.vai-unified-card-title small{
  display:block;
  margin-top:2px;
  color:#8a94a7;
  font-size:var(--st-font-sm);
  line-height:1.35;
}

.vai-unified-endpoint{
  min-width:0;
  max-width:760px;
  display:flex;
  align-items:center;
  gap:7px;
  padding:6px 7px;
  border:1px solid #e5e3ef;
  border-radius:11px;
  background:#fafafe;
}
.vai-unified-method{
  flex:0 0 auto;
  min-width:39px;
  height:25px;
  padding:0 7px;
  display:grid;
  place-items:center;
  border-radius:7px;
  background:#eee9ff;
  color:#6747e7;
  font-size:var(--st-font-xs);
  font-weight:var(--st-weight-black);
  letter-spacing:.45px;
}
.vai-unified-endpoint-copy{
  min-width:0;
  flex:1;
}
.vai-unified-endpoint-copy span{
  display:block;
  color:#8c96a8;
  font-size:var(--st-font-xs);
  line-height:var(--st-line-1-2);
  font-weight:var(--st-weight-black);
  letter-spacing:.35px;
  text-transform:uppercase;
}
.vai-unified-endpoint-copy code{
  display:block;
  max-width:385px;
  margin-top:2px;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  color:#4c5870;
  font:700 10.5px/1.2 ui-monospace,SFMono-Regular,Menlo,monospace;
}
.vai-unified-icon-btn,
.vai-unified-text-btn{
  height:30px;
  border:1px solid #dddfea;
  border-radius:8px;
  background:#fff;
  color:#5b667b;
  cursor:pointer;
  font-size:var(--st-font-xs);
  line-height:var(--st-line-1);
  font-weight:var(--st-weight-extrabold);
  transition:.15s ease;
}
.vai-unified-icon-btn{
  width:30px;
  padding:0;
  display:grid;
  place-items:center;
}
.vai-unified-text-btn{
  padding:0 9px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:5px;
}
.vai-unified-icon-btn svg,
.vai-unified-icon-btn i,
.vai-unified-text-btn svg,
.vai-unified-text-btn i{
  width:12px;
  height:12px;
}
.vai-unified-icon-btn:hover,
.vai-unified-text-btn:hover{
  border-color:#b9aff3;
  background:#faf8ff;
  color:#6747e3;
}
.vai-unified-icon-btn.is-ok,
.vai-unified-text-btn.is-ok{
  border-color:#bdebd5;
  background:#effbf5;
  color:#168357;
}
.vai-unified-text-btn.is-error{
  border-color:#fecdd3;
  background:#fff7f8;
  color:#b4233b;
}

.vai-unified-toolbar{
  min-height:58px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  padding:10px 12px;
  border-bottom:1px solid #eceef4;
}
.vai-unified-toolbar-left{
  min-width:0;
  flex:1;
  display:flex;
  align-items:center;
  gap:8px;
}
.vai-unified-search{
  position:relative;
  display:block;
  flex:1;
  max-width:420px;
  min-width:230px;
  height:38px;
}
.vai-unified-search svg,
.vai-unified-search > i{
  position:absolute;
  left:11px;
  top:50%;
  transform:translateY(-50%);
  width:15px;
  height:15px;
  color:#909aab;
  pointer-events:none;
}
.vai-unified-search input,
.vai-unified-select{
  height:38px;
  box-sizing:border-box;
  border:1px solid #dfe3eb;
  border-radius:10px;
  background:#fff;
  color:#344056;
  outline:none;
  font-size:var(--st-font-md);
  line-height:var(--st-line-1-2);
  font-weight:var(--st-weight-medium);
  font-family:inherit;
}
.vai-unified-search input{
  width:100%;
  padding:0 11px 0 34px;
}
.vai-unified-search input::placeholder{
  color:#9aa3b2;
}
.vai-unified-select{
  min-width:126px;
  padding:0 10px;
  color:#4c586d;
  font-weight:var(--st-weight-bold);
}
.vai-unified-search input:focus,
.vai-unified-select:focus{
  border-color:#ab9df8;
  box-shadow:0 0 0 3px rgba(108,84,246,.07);
}

.vai-unified-create-wrap{
  position:relative;
  flex:0 0 auto;
}
.vai-unified-create{
  height:39px;
  min-width:154px;
  padding:0 12px;
  border:0;
  border-radius:10px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:7px;
  background:linear-gradient(135deg,#7757f6,#6541e7);
  color:#fff;
  cursor:pointer;
  box-shadow:0 5px 14px rgba(100,64,231,.13);
  font-size:var(--st-font-sm);
  line-height:var(--st-line-1);
  font-weight:var(--st-weight-black);
}
.vai-unified-create > svg,
.vai-unified-create > i{
  width:14px;
  height:14px;
}
.vai-unified-create .vai-unified-create-chevron{
  width:12px;
  height:12px;
  margin-left:1px;
  opacity:.85;
}
.vai-unified-create:hover{
  filter:brightness(.985);
  transform:translateY(-1px);
}
.vai-unified-create-menu{
  position:absolute;
  z-index:40;
  top:calc(100% + 7px);
  right:0;
  width:245px;
  display:none;
  padding:6px;
  border:1px solid #e0dded;
  border-radius:12px;
  background:#fff;
  box-shadow:0 18px 45px rgba(45,35,95,.16);
}
.vai-unified-create-menu.is-open{
  display:grid;
  gap:3px;
}
.vai-unified-create-menu button{
  min-height:52px;
  width:100%;
  display:flex;
  align-items:center;
  gap:9px;
  padding:7px 8px;
  border:0;
  border-radius:9px;
  background:transparent;
  text-align:left;
  cursor:pointer;
}
.vai-unified-create-menu button:hover{
  background:#f7f5ff;
}
.vai-unified-create-menu button > span{
  width:30px;
  height:30px;
  flex:0 0 30px;
  display:grid;
  place-items:center;
  border-radius:9px;
  background:#f0ecff;
  color:#6949e9;
}
.vai-unified-create-menu button > span svg,
.vai-unified-create-menu button > span i{
  width:14px;
  height:14px;
}
.vai-unified-create-menu strong{
  display:block;
  color:#374157;
  font-size:var(--st-font-sm);
  line-height:var(--st-line-1-25);
}
.vai-unified-create-menu small{
  display:block;
  margin-top:2px;
  color:#929bad;
  font-size:var(--st-font-xs);
  line-height:var(--st-line-1-3);
}

.vai-unified-table-wrap{
  width:100%;
  overflow:auto;
  border-radius:0 0 16px 16px;
}
.vai-unified-table{
  width:100%;
  min-width:1050px;
  border-collapse:collapse;
  table-layout:auto;
}
.vai-unified-table th{
  padding:9px 11px;
  background:#fafafe;
  color:#7f899e;
  border-bottom:1px solid #e8ebf1;
  text-align:left;
  white-space:nowrap;
  font-size:var(--st-font-xs);
  line-height:var(--st-line-1-2);
  font-weight:var(--st-weight-black);
  letter-spacing:.55px;
  text-transform:uppercase;
}
.vai-unified-table td{
  padding:10px 11px;
  border-bottom:1px solid #eef1f5;
  color:#4c5870;
  vertical-align:middle;
  font-size:var(--st-font-md);
  line-height:1.35;
}
.vai-unified-table tr:last-child td{
  border-bottom:0;
}
.vai-unified-table tbody tr:hover td{
  background:#fdfcff;
}

.vai-unified-company{
  min-width:210px;
  display:flex;
  align-items:center;
  gap:9px;
}
.vai-unified-company-mark{
  width:32px;
  height:32px;
  flex:0 0 32px;
  display:grid;
  place-items:center;
  border-radius:10px;
  background:linear-gradient(145deg,#f0ecff,#e5ddff);
  color:#6848e8;
  font-size:var(--st-font-sm);
  font-weight:var(--st-weight-black);
}
.vai-unified-company strong{
  display:block;
  max-width:230px;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  color:#283246;
  font-size:var(--st-font-md);
  font-weight:var(--st-weight-extrabold);
}
.vai-unified-company small{
  display:block;
  max-width:230px;
  margin-top:2px;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  color:#8d97aa;
  font-size:var(--st-font-xs);
}
.vai-unified-type{
  min-height:26px;
  display:inline-flex;
  align-items:center;
  gap:5px;
  padding:0 8px;
  border:1px solid transparent;
  border-radius:999px;
  white-space:nowrap;
  font-size:var(--st-font-xs);
  font-weight:var(--st-weight-black);
}
.vai-unified-type svg,
.vai-unified-type i{
  width:12px;
  height:12px;
}
.vai-unified-type.api{
  border-color:#dfd7ff;
  background:#f4f0ff;
  color:#6545df;
}
.vai-unified-type.widget{
  border-color:#d7e9ff;
  background:#f2f8ff;
  color:#3b6fae;
}
.vai-unified-identifier{
  min-width:170px;
  max-width:260px;
}
.vai-unified-identifier strong{
  display:block;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  color:#4a566c;
  font-size:var(--st-font-sm);
  font-weight:var(--st-weight-extrabold);
}
.vai-unified-identifier small{
  display:block;
  margin-top:2px;
  color:#939cad;
  font-size:var(--st-font-xs);
}
.vai-unified-status{
  min-height:25px;
  display:inline-flex;
  align-items:center;
  gap:5px;
  padding:0 8px;
  border:1px solid #e0e3e9;
  border-radius:999px;
  background:#f5f6f8;
  color:#6e7684;
  white-space:nowrap;
  font-size:var(--st-font-xs);
  font-weight:var(--st-weight-black);
}
.vai-unified-status i{
  width:6px;
  height:6px;
  border-radius:50%;
  background:currentColor;
}
.vai-unified-status.active{
  border-color:#c7eddc;
  background:#eaf9f1;
  color:#12865d;
}
.vai-unified-status.disabled{
  border-color:#f2dfba;
  background:#fff8eb;
  color:#9b6812;
}
.vai-unified-status.revoked{
  border-color:#f6d1d7;
  background:#fff2f4;
  color:#b13f53;
}
.vai-unified-status.expired{
  border-color:#dde2e9;
  background:#f3f5f7;
  color:#707887;
}
.vai-unified-usage,
.vai-unified-limits{
  min-width:90px;
}
.vai-unified-usage strong,
.vai-unified-limits strong{
  display:block;
  color:#465269;
  font-size:var(--st-font-sm);
  font-weight:var(--st-weight-extrabold);
}
.vai-unified-usage small,
.vai-unified-limits small{
  display:block;
  margin-top:2px;
  color:#939cad;
  font-size:var(--st-font-xs);
}
.vai-unified-progress{
  width:92px;
  height:4px;
  margin-top:5px;
  overflow:hidden;
  border-radius:999px;
  background:#eceef3;
}
.vai-unified-progress span{
  display:block;
  height:100%;
  min-width:0;
  border-radius:inherit;
  background:linear-gradient(90deg,#856cff,#6846e8);
}
.vai-unified-last-used{
  display:inline-block;
  min-width:120px;
  color:#59657a;
  font-size:var(--st-font-sm);
  white-space:nowrap;
}
.vai-unified-actions{
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:4px;
  min-width:max-content;
}
.vai-unified-action{
  height:29px;
  padding:0 8px;
  border:1px solid #dde1e9;
  border-radius:8px;
  background:#fff;
  color:#5c677a;
  cursor:pointer;
  white-space:nowrap;
  font-size:var(--st-font-xs);
  font-weight:var(--st-weight-extrabold);
}
.vai-unified-action:hover{
  border-color:#b7acf0;
  background:#faf8ff;
  color:#6747e2;
}
.vai-unified-action.primary{
  border-color:#dcd4ff;
  background:#f4f0ff;
  color:#6545df;
}
.vai-unified-action.danger:hover{
  border-color:#fecdd3;
  background:#fff7f8;
  color:#b4233b;
}
.vai-unified-loading,
.vai-unified-empty{
  padding:34px 18px;
  text-align:center;
  color:#8791a4;
  font-size:var(--st-font-sm);
}
.vai-unified-loading span{
  width:8px;
  height:8px;
  margin-right:7px;
  display:inline-block;
  border-radius:50%;
  background:#7251ec;
  box-shadow:0 0 0 5px rgba(114,81,236,.10);
}
.vai-unified-empty > span{
  width:38px;
  height:38px;
  margin:0 auto 8px;
  display:grid;
  place-items:center;
  border-radius:11px;
  background:#f1edff;
  color:#6d4ce9;
}
.vai-unified-empty > span svg,
.vai-unified-empty > span i{
  width:17px;
  height:17px;
}
.vai-unified-empty strong{
  display:block;
  color:#384257;
  font-size:var(--st-font-md);
}
.vai-unified-empty small{
  display:block;
  margin-top:3px;
  color:#8f99aa;
  font-size:var(--st-font-sm);
}
.vai-unified-empty.error > span{
  background:#fff1f3;
  color:#b13f53;
}

/* Keep the visible Val.ai surface on one consistent text scale. */
#valaiApiAdminApp .vai-api-hero-copy h2{font-size:var(--st-font-2xl);}
#valaiApiAdminApp .vai-api-hero-copy p{font-size:var(--st-font-md);line-height:var(--st-line-1-45);}
#valaiApiAdminApp .vai-api-chip{font-size:var(--st-font-xs);}

@media(max-width:1250px){
  .vai-unified-card-head{align-items:flex-start;flex-direction:column;}
  .vai-unified-endpoint{width:100%;max-width:none;}
  .vai-unified-endpoint-copy code{max-width:none;}
}
@media(max-width:980px){
  .vai-unified-stats{grid-template-columns:repeat(2,minmax(0,1fr));}
  .vai-unified-toolbar{align-items:stretch;flex-direction:column;}
  .vai-unified-toolbar-left{width:100%;}
  .vai-unified-create-wrap{align-self:flex-end;}
}
@media(max-width:700px){
  .vai-unified-stats{grid-template-columns:1fr 1fr;gap:8px;}
  .vai-unified-stat{min-height:74px;padding:11px 12px;}
  .vai-unified-stat strong{font-size:var(--st-font-4xl);}
  .vai-unified-toolbar-left{align-items:stretch;flex-direction:column;}
  .vai-unified-search{width:100%;max-width:none;min-width:0;}
  .vai-unified-select{width:100%;}
  .vai-unified-create-wrap,.vai-unified-create{width:100%;}
  .vai-unified-create-menu{left:0;right:0;width:auto;}
  .vai-unified-endpoint{align-items:flex-start;flex-wrap:wrap;}
  .vai-unified-endpoint-copy{min-width:calc(100% - 55px);}
  .vai-unified-endpoint-copy code{font-size:var(--st-font-xs);}
}
@media(max-width:460px){
  .vai-unified-stats{grid-template-columns:1fr;}
  .vai-unified-card-title small{font-size:var(--st-font-xs);}
}