@charset "UTF-8";
.sdk2-dependencies{display:grid;gap:12px;margin:20px 0;padding:18px;border:1px solid var(--vb-border);border-radius:var(--vb-radius);background:var(--vb-bg)}.sdk2-dependencies h3,.sdk2-dependencies p{margin:0}.sdk2-dependencies button{justify-self:start}.sdk2-review code,.sdk2-review li{overflow-wrap:anywhere}
.local-app-panel{margin-bottom:24px}.local-app-panel input[type=file]{max-width:100%;min-width:0;flex:1}.local-app-trust{display:flex;gap:10px;align-items:flex-start;margin:20px 0}.local-app-trust input{flex:none;margin-top:4px}.local-app-source{color:var(--vb-accent);font-weight:600}.local-app-panel dd{overflow-wrap:anywhere}.local-app-logs{white-space:pre-wrap;overflow-wrap:anywhere}
.local-app-file-name{flex:1;min-width:120px;overflow-wrap:anywhere}
.local-app-message:empty{display:none}
.center-operation>.local-app-source{display:block;margin:6px 0}
:root {
  color-scheme:light;
  --vb-bg:#f7f8fc;
  --vb-surface:#fff;
  --vb-text:#182036;
  --vb-muted:#7a8398;
  --vb-accent:#3c5bed;
  --vb-accent-soft:#edf1ff;
  --vb-border:#e9ecf3;
  --vb-radius:12px;
  --vb-shadow:0 3px 14px #26335d05;
  --vb-success:#2c9c69;
  --vb-warning:#c48024;
  --vb-danger:#d04f52;
  font-family:Inter,"Segoe UI","PingFang SC","Microsoft YaHei",system-ui,sans-serif;
  color:var(--vb-text);
  background:var(--vb-bg);
  font-size:14px;
  line-height:1.55
}
* {
  box-sizing:border-box
}
body {
  margin:0
}
button,input,select {
  font:inherit
}
button,a,input,select {
  -webkit-tap-highlight-color:transparent
}
button,a {
  touch-action:manipulation
}
button {
  cursor:pointer;
  color:inherit
}
a {
  color:inherit;
  text-decoration:none
}
button:disabled {
  cursor:default;
  opacity:.6
}
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible {
  outline:3px solid #8da2ff;
  outline-offset:3px
}
[hidden] {
  display:none!important
}
h1,h2,h3,p {
  margin:0
}
svg {
  width:22px;
  height:22px;
  flex-shrink:0;
  fill:none;
  stroke:currentColor;
  stroke-width:1.65;
  stroke-linecap:round;
  stroke-linejoin:round
}
.muted {
  color:var(--vb-muted)
}
.sr-only {
  position:absolute;
  width:1px;
  height:1px;
  padding:0;
  margin:-1px;
  overflow:hidden;
  clip:rect(0,0,0,0);
  white-space:nowrap;
  border:0
}
.boot {
  display:grid;
  place-items:center;
  min-height:100vh;
  color:var(--vb-muted)
}
.workspace {
  min-height:100vh;
  display:flex
}
.sidebar {
  position:fixed;
  inset:0 auto 0 0;
  width:244px;
  background:#fdfdff;
  border-right:1px solid var(--vb-border);
  display:flex;
  flex-direction:column;
  padding:23px 18px 13px;
  z-index:30;
  overflow-y:auto
}
.brand {
  display:flex;
  align-items:center;
  gap:10px;
  font-size:26px;
  font-weight:720;
  letter-spacing:-.7px;
  color:#121a30
}
.brand>svg,.brand>img {
  width:38px;
  height:35px;
  stroke:none
}
.brand>img {object-fit:contain}
.core-version {font-size:28px;font-weight:700;color:#263e77;margin:12px 0}
.core-release-notes {white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.7}
.core-operation-phase {font-size:18px;font-weight:650;color:#344ac0}
.core-command {white-space:pre-wrap;overflow-wrap:anywhere;padding:14px;border-radius:12px;background:#f3f5fc;font-size:12px;line-height:1.6}
.settings-panel progress {width:100%;height:12px;accent-color:#6367ed}
.main-nav {
  display:flex;
  flex-direction:column;
  gap:7px;
  margin-top:36px
}
.main-nav>button,.bottom-nav>button,.bottom-nav>a {
  display:flex;
  align-items:center;
  text-align:left;
  gap:13px;
  background:none;
  border:0;
  border-radius:9px;
  padding:12px 14px;
  color:#515a71;
  min-height:46px;
  width:100%;
  font-size:15px
}
.main-nav>button.active,.bottom-nav>button.active {
  color:var(--vb-accent);
  background:var(--vb-accent-soft);
  font-weight:600
}
.main-nav>button:hover,.bottom-nav>button:hover,.bottom-nav>a:hover {
  background:#f0f3fa
}
.nav-count {
  margin-left:auto;
  font-size:11px;
  background:#e8edfb;
  border-radius:5px;
  padding:1px 5px
}
.nav-count:empty {
  display:none
}
.tool-nav {
  display:flex;
  flex-direction:column;
  gap:4px;
  padding-left:27px
}
.tool-nav:empty {
  display:none
}
.tool-nav button {
  display:flex;
  gap:8px;
  align-items:center;
  text-align:left;
  border:0;
  background:none;
  padding:8px 9px;
  border-radius:7px;
  color:var(--vb-muted);
  font-size:13px
}
.tool-nav button.active {
  background:var(--vb-accent-soft);
  color:var(--vb-accent)
}
.tool-nav button{width:100%;min-width:0;gap:10px;min-height:40px;transition:background .15s,color .15s}
.tool-nav button:hover:not(.active){background:#f0f3fa;color:var(--vb-text)}
.tool-app-icon{display:grid;place-items:center;flex:0 0 26px;width:26px;height:26px;border-radius:7px;background:#edf0fa;overflow:hidden;color:#7480a5}
.tool-app-icon>img{display:block;width:100%;height:100%;object-fit:contain}
.tool-app-fallback{display:grid;place-items:center;width:100%;height:100%}
.tool-app-fallback>svg{width:16px;height:16px}
.tool-app-icon>[hidden]{display:none}
.tool-app-name{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.tool-nav button.active .tool-app-icon{background:#e1e7ff;color:var(--vb-accent)}
.tool-nav button:focus-visible{outline:2px solid var(--vb-accent);outline-offset:2px}
.sidebar-bottom {
  margin-top:auto;
  padding-top:35px
}
.platform-status {
  border:1px solid var(--vb-border);
  border-radius:11px;
  background:#fff;
  padding:15px;
  margin-bottom:19px;
  font-size:12px;
  box-shadow:var(--vb-shadow)
}
.status-heading {
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:6px;
  margin-bottom:13px
}
.status-heading strong {
  font-size:13px;
  font-weight:550
}
.text-button {
  background:none;
  border:0;
  padding:0;
  color:var(--vb-accent);
  font-size:12px;
  line-height:1.6;
  text-align:left
}
.runtime-line {
  display:flex;
  gap:8px;
  align-items:center;
  font-size:12px;
  margin-bottom:10px
}
.runtime-line strong {
  font-weight:550
}
.dot {
  display:inline-block;
  width:8px;
  height:8px;
  border-radius:50%;
  flex-shrink:0;
  background:currentColor
}
.dot.good {
  background:#34a777
}
.status-meta {
  display:flex;
  justify-content:space-between;
  gap:8px;
  color:var(--vb-muted);
  margin:7px 0;
  flex-wrap:wrap
}
.meter {
  height:6px;
  border-radius:8px;
  background:#edf0f7;
  overflow:hidden
}
.meter>span {
  display:block;
  height:100%;
  width:0;
  background:linear-gradient(90deg,#5d8af4,#4e76e9);
  border-radius:8px
}
.platform-status>small {
  display:block;
  color:var(--vb-muted);
  font-size:10px;
  margin-top:6px
}
.bottom-nav {
  display:flex;
  flex-direction:column;
  gap:3px
}
.bottom-nav>button,.bottom-nav>a {
  font-size:13px;
  padding:10px 12px;
  min-height:42px
}
.small-icon {
  width:13px;
  height:13px;
  margin-left:auto
}
.account-line {
  display:flex;
  align-items:center;
  gap:10px;
  padding:11px 9px
}
.account-line>div {
  flex:1;
  min-width:0
}
.account-line strong {
  font-size:12px;
  font-weight:550;
  display:block
}
.account-line small {
  font-size:10px;
  color:var(--vb-muted);
  display:block;
  margin-top:1px
}
.avatar {
  display:grid;
  place-items:center;
  flex-shrink:0;
  width:34px;
  height:34px;
  border-radius:50%;
  background:linear-gradient(135deg,#e8eefb,#d9e2f4);
  color:#697eae
}
.avatar>svg {
  width:19px;
  height:19px
}
.version-line {
  border-top:1px solid var(--vb-border);
  padding:12px 5px 0;
  margin-top:5px;
  display:flex;
  justify-content:space-between;
  gap:7px;
  font-size:10px;
  color:#949caf;
  flex-wrap:wrap
}
.main-shell {
  width:calc(100% - 244px);
  margin-left:244px;
  min-width:0
}
.topbar {
  height:73px;
  border-bottom:1px solid var(--vb-border);
  background:#ffffffed;
  display:flex;
  align-items:center;
  gap:14px;
  padding:0 28px;
  position:sticky;
  top:0;
  z-index:20;
  backdrop-filter:blur(12px)
}
.breadcrumb {
  font-size:13px;
  color:#727c92;
  flex-shrink:0
}
.top-actions {
  margin-left:auto;
  display:flex;
  align-items:center;
  gap:16px;
  min-width:0
}
.search-wrap {
  position:relative;
  display:flex;
  align-items:center;
  width:310px;
  max-width:30vw
}
.search-wrap>svg {
  position:absolute;
  left:13px;
  color:#798299;
  width:18px;
  height:18px
}
.search-wrap>input {
  width:100%;
  min-width:0;
  height:38px;
  border:1px solid #e2e7f1;
  border-radius:8px;
  background:#fafbfe;
  padding:7px 12px 7px 40px;
  font-size:12px;
  color:var(--vb-text)
}
input::placeholder {
  color:#8a92a5
}
.search-results {
  position:absolute;
  top:46px;
  right:0;
  width:max(100%,270px);
  max-height:320px;
  overflow:auto;
  background:white;
  box-shadow:0 8px 30px #2535571a;
  border:1px solid var(--vb-border);
  border-radius:10px;
  padding:7px
}
.search-results>button {
  display:block;
  width:100%;
  padding:11px;
  text-align:left;
  background:white;
  border:0;
  border-radius:6px
}
.search-results>button:hover {
  background:var(--vb-accent-soft)
}
.search-results>p {
  padding:10px;
  color:var(--vb-muted)
}
.language {
  max-width:140px;
  border:1px solid var(--vb-border);
  border-radius:7px;
  background:white;
  color:#5c667c;
  padding:7px 8px;
  font-size:12px;
  min-height:36px
}
.icon-button {
  border:0;
  background:transparent;
  border-radius:8px;
  padding:7px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:34px;
  min-height:34px;
  color:#68738b
}
.icon-button:hover {
  background:#edf1fa;
  color:var(--vb-accent)
}
.icon-button>svg {
  width:20px;
  height:20px
}
.menu-button {
  display:none
}
main {
  max-width:1720px;
  margin:0 auto;
  padding:27px 28px 15px
}
.page-heading {
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  margin-bottom:24px
}
.page-heading h1 {
  font-size:26px;
  font-weight:650;
  letter-spacing:-.6px;
  line-height:1.3
}
.page-heading p {
  font-size:13px;
  margin-top:7px
}
.page-heading p:empty {
  display:none
}
.notice {
  border:1px solid #dae4fc;
  background:#f0f5ff;
  border-radius:9px;
  padding:12px 15px;
  color:#526894;
  margin-bottom:20px;
  font-size:12px
}
.notice.error {
  background:#fff4f3;
  border-color:#f4d9d5;
  color:#a44d4b
}
.section-heading {
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:16px;
  margin-bottom:15px
}
.section-heading h2 {
  font-size:20px;
  letter-spacing:-.35px;
  font-weight:650
}
.section-heading p {
  font-size:12px;
  color:var(--vb-muted);
  margin-top:3px
}
.section-block {
  margin-bottom:28px
}
.app-grid {
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:18px
}
.app-card {
  background:var(--vb-surface);
  border:1px solid var(--vb-border);
  border-radius:var(--vb-radius);
  overflow:hidden;
  box-shadow:var(--vb-shadow)
}
.app-cover {
  height:162px;
  background:#eaf0ff;
  overflow:hidden
}
.app-cover>svg {
  width:100%;
  height:100%;
  stroke:none
}
.app-card-body {
  padding:17px 16px;
  display:flex;
  align-items:flex-start;
  gap:12px
}
.app-icon {
  display:flex;
  align-items:center;
  justify-content:center;
  width:46px;
  height:46px;
  flex-shrink:0;
  border-radius:10px;
  background:var(--vb-accent-soft);
  color:var(--vb-accent)
}
.app-icon svg {
  width:26px;
  height:26px
}
.app-text {
  min-width:0;
  flex:1 1 160px
}
.app-text h3 {
  font-size:16px;
  line-height:1.4;
  font-weight:650;
  overflow-wrap:anywhere
}
.app-text p {
  font-size:12px;
  color:var(--vb-muted);
  margin-top:6px;
  line-height:1.6
}
.app-card-foot {
  padding:0 16px 15px;
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:10px
}
.app-card-foot small {
  font-size:10px;
  color:#8b93a7
}
.button {
  display:inline-flex;
  gap:7px;
  align-items:center;
  justify-content:center;
  border:1px solid #dce2f0;
  background:white;
  border-radius:7px;
  padding:8px 14px;
  color:#59657c;
  min-height:36px;
  font-size:12px;
  font-weight:550;
  line-height:1.5;
  text-align:center
}
.button.primary {
  background:var(--vb-accent);
  border-color:var(--vb-accent);
  color:white;
  box-shadow:0 3px 5px #3c5bed14
}
.button.primary:hover {
  background:#314fdc
}
.button.danger {
  color:var(--vb-danger);
  border-color:#ebd2d6
}
.button svg {
  width:15px;
  height:15px
}
.card,.panel {
  background:#fff;
  border:1px solid var(--vb-border);
  border-radius:var(--vb-radius);
  box-shadow:var(--vb-shadow)
}
.empty-state {
  padding:35px 22px;
  display:flex;
  flex-direction:column;
  align-items:center;
  text-align:center;
  background:linear-gradient(120deg,#fff,#fcfdff);
  border:1px solid var(--vb-border);
  border-radius:var(--vb-radius);
  min-height:160px;
  justify-content:center
}
.empty-icon {
  display:grid;
  place-items:center;
  width:48px;
  height:48px;
  border-radius:13px;
  background:#f0f3fc;
  color:#8b9ac2;
  margin-bottom:13px
}
.empty-state h3 {
  font-size:15px;
  font-weight:550
}
.empty-state p {
  max-width:560px;
  color:var(--vb-muted);
  font-size:12px;
  margin:7px 0 0
}
.empty-state .button {
  margin-top:18px
}
.empty-state.apps-empty {
  min-height:250px;
  background:radial-gradient(ellipse at 50% 0,#f0f3ff,transparent 65%),white
}
.active-grid {
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:17px
}
.active-card {
  display:flex;
  align-items:center;
  gap:16px;
  padding:16px;
  background:#fff;
  border:1px solid var(--vb-border);
  border-radius:var(--vb-radius);
  box-shadow:var(--vb-shadow)
}
.job-thumbnail {
  flex-shrink:0;
  width:86px;
  height:88px;
  border-radius:8px;
  background:linear-gradient(140deg,#e6ecf8,#d1dcf0);
  overflow:hidden;
  color:#7991bd;
  display:grid;
  place-items:center
}
.job-thumbnail svg {
  width:100%;
  height:100%;
  stroke:none
}
.job-thumbnail>svg.job-icon {
  width:28px;
  height:28px;
  stroke:currentColor
}
.active-info {
  flex:1;
  min-width:0
}
.active-info h3 {
  font-size:14px;
  font-weight:600;
  margin-bottom:7px;
  overflow-wrap:anywhere
}
.active-info>small {
  color:var(--vb-muted);
  font-size:11px;
  display:block;
  margin-top:6px
}
.progress-row {
  display:flex;
  align-items:center;
  gap:10px;
  margin-top:9px;
  font-size:11px;
  color:var(--vb-muted)
}
.progress-row .meter {
  flex:1;
  height:7px
}
.status-badge {
  font-size:11px;
  display:inline-flex;
  align-items:center;
  gap:6px;
  line-height:1.6;
  color:#6d7d9f
}
.status-badge.succeeded,.status-badge.ready {
  color:var(--vb-success)
}
.status-badge.running {
  color:#3f6bf0
}
.status-badge.failed,.status-badge.fault {
  color:var(--vb-danger)
}
.status-badge.queued,.status-badge.unknown {
  color:var(--vb-warning)
}
.status-badge .dot {
  width:6px;
  height:6px
}
.table-wrap {
  overflow-x:auto;
  background:white;
  border:1px solid var(--vb-border);
  border-radius:var(--vb-radius);
  box-shadow:var(--vb-shadow)
}
table {
  width:100%;
  border-collapse:collapse;
  text-align:left;
  min-width:620px;
  font-size:12px
}
th {
  font-weight:500;
  color:var(--vb-muted);
  padding:11px 17px;
  background:#fcfdff;
  border-bottom:1px solid var(--vb-border);
  font-size:11px
}
td {
  padding:12px 17px;
  border-bottom:1px solid #f0f2f7
}
tr:last-child td {
  border-bottom:0
}
td time {
  color:#7f899f;
  font-size:11px;
  font-variant-numeric:tabular-nums;
  white-space:nowrap
}
.job-name {
  display:flex;
  gap:12px;
  align-items:center;
  min-width:190px
}
.job-name strong {
  font-weight:550;
  overflow-wrap:anywhere
}
.job-name small {
  display:block;
  font-size:10px;
  color:var(--vb-muted);
  margin-top:3px
}
.job-name .job-thumbnail {
  width:60px;
  height:42px;
  border-radius:5px
}
.workspace-footer {
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:15px;
  color:#9aa3b5;
  font-size:10px;
  border-top:1px solid var(--vb-border);
  padding:17px 0 8px;
  margin-top:28px;
  flex-wrap:wrap
}
.workspace-footer .text-button {
  font-size:10px
}
.preview-banner {
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  border:1px solid #e3e8fd;
  background:#f0f3ff;
  border-radius:8px;
  color:#6376ad;
  padding:11px 15px;
  font-size:11px;
  margin-bottom:22px
}
.settings-grid {
  display:grid;
  grid-template-columns:minmax(0,1.4fr) minmax(260px,1fr);
  gap:20px;
  align-items:start
}
.settings-panel {
  padding:23px;
  margin-bottom:20px
}
.settings-panel h2 {
  font-size:17px;
  font-weight:600;
  margin-bottom:12px
}
.settings-panel p {
  font-size:12px;
  color:var(--vb-muted);
  line-height:1.8;
  margin:8px 0
}
.settings-row {
  display:flex;
  align-items:center;
  gap:16px;
  justify-content:space-between;
  margin:17px 0;
  flex-wrap:wrap
}
.settings-row label {
  font-size:13px;
  font-weight:550
}
.startup-option {
  display:flex;
  align-items:center;
  gap:12px;
  font-size:13px
}
.startup-option input {
  appearance:none;
  width:37px;
  height:22px;
  background:#ccd3e1;
  border:0;
  border-radius:20px;
  position:relative;
  cursor:pointer;
  flex-shrink:0;
  margin:0
}
.startup-option input:before {
  content:"";
  position:absolute;
  background:white;
  width:16px;
  height:16px;
  border-radius:50%;
  top:3px;
  left:3px;
  box-shadow:0 1px 4px #1c254320;
  transition:transform .15s
}
.startup-option input:checked {
  background:var(--vb-accent)
}
.startup-option input:checked:before {
  transform:translateX(15px)
}
.startup-option input:disabled {
  opacity:.5;
  cursor:not-allowed
}
.actions {
  display:flex;
  align-items:center;
  gap:10px;
  flex-wrap:wrap;
  margin:17px 0 10px
}
.settings-panel dl {
  font-size:12px;
  margin:0
}
.settings-panel dt {
  color:var(--vb-muted);
  margin-top:15px
}
.settings-panel dd {
  margin:4px 0;
  overflow-wrap:anywhere
}
.service-message {
  color:#987545!important
}
.bridge-page {
  max-width:850px
}
.bridge-page .empty-state {
  padding:50px 30px
}
.legacy-note {
  margin:16px 0;
  font-size:12px;
  color:var(--vb-muted);
  line-height:1.8
}
.installed-list {
  display:grid;
  gap:13px
}
.installed-card {
  padding:20px;
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:20px;
  flex-wrap:wrap
}
.installed-card h3 {
  font-size:15px;
  margin-bottom:5px
}
.installed-card p {
  font-size:11px;
  color:var(--vb-muted)
}
.installed-card .actions {
  margin:0
}
.operation {
  padding:12px 0;
  border-bottom:1px solid var(--vb-border);
  font-size:12px;
  display:flex;
  gap:12px;
  justify-content:space-between;
  flex-wrap:wrap
}
.operation:last-child {
  border:0
}
.operation small {
  color:var(--vb-muted)
}
.login-screen {
  min-height:100vh;
  display:grid;
  grid-template-columns:1fr 1fr;
  background:white
}
.login-art {
  position:relative;
  overflow:hidden;
  padding:45px 55px;
  background:linear-gradient(145deg,#f4f6ff,#e7edfe 75%,#dbe5fb);
  display:flex;
  flex-direction:column;
  justify-content:space-between;
  min-height:100vh
}
.login-art>div:not(.art-orbit) {
  z-index:1;
  margin-bottom:70px;
  max-width:480px
}
.login-art h1 {
  font-size:42px;
  line-height:1.4;
  letter-spacing:-1.5px;
  font-weight:600;
  margin:20px 0
}
.login-art p {
  color:#7382a9;
  max-width:360px;
  font-size:15px
}
.eyebrow {
  font-size:10px;
  color:#8d9bbd;
  letter-spacing:2px;
  font-weight:600
}
.art-orbit {
  position:absolute!important;
  border:1px solid #cbd7f5;
  border-radius:50%;
  width:650px;
  height:650px;
  left:10%;
  top:20%;
  box-shadow:0 0 0 70px #f7f9ff50,0 0 0 140px #f7f9ff40;
  transform:rotate(-25deg);
  pointer-events:none
}
.login-content {
  padding:30px 40px;
  position:relative;
  display:flex;
  align-items:center;
  justify-content:center
}
.login-language {
  position:absolute;
  right:30px;
  top:25px
}
.login-form {
  width:100%;
  max-width:360px
}
.login-form h2 {
  font-size:25px;
  letter-spacing:-.5px;
  margin:12px 0
}
.login-form>p {
  font-size:13px;
  line-height:1.8;
  margin-bottom:25px
}
.login-form label {
  display:block;
  font-size:12px;
  font-weight:550;
  margin:18px 0 7px
}
.login-form input {
  width:100%;
  height:43px;
  border:1px solid #dce2f0;
  border-radius:8px;
  padding:10px 12px;
  outline-offset:2px
}
.login-form .button {
  width:100%;
  margin-top:20px;
  min-height:42px
}
.error-text {
  color:var(--vb-danger);
  margin-top:15px!important
}
.sidebar-scrim {
  position:fixed;
  inset:0;
  border:0;
  background:#1c294a55;
  z-index:25
}
.top-avatar {
  width:32px;
  height:32px
}
@media(min-width:1600px) {
  .app-cover {
    height:190px
  }
  .sidebar {
    width:260px
  }
  .main-shell {
    margin-left:260px;
    width:calc(100% - 260px)
  }
  main {
    padding:30px 34px
  }
  .topbar {
    padding:0 34px
  }
}
@media(max-width:1190px) {
  .sidebar {
    width:220px;
    padding-left:13px;
    padding-right:13px
  }
  .main-shell {
    margin-left:220px;
    width:calc(100% - 220px)
  }
  .topbar {
    padding:0 22px;
    gap:10px
  }
  .top-actions {
    gap:9px
  }
  .search-wrap {
    width:230px;
    max-width:25vw
  }
  .app-grid {
    gap:13px
  }
  .app-card-body {
    padding:13px;
    gap:9px
  }
  .app-card-foot {
    padding:0 13px 13px;
    flex-wrap:wrap
  }
  .app-icon {
    width:36px;
    height:36px;
    border-radius:8px
  }
  .app-icon svg {
    width:22px;
    height:22px
  }
  .app-text h3 {
    font-size:14px
  }
  .app-cover {
    height:140px
  }
  main {
    padding:23px 22px
  }
  .active-card {
    gap:12px;
    padding:14px
  }
  .job-thumbnail {
    width:65px;
    height:76px
  }
  .settings-grid {
    grid-template-columns:1fr
  }
  .top-avatar {
    display:none
  }
}
@media(max-width:900px) {
  .sidebar {
    transform:translateX(-100%);
    transition:transform .2s;
    width:244px
  }
  .workspace.nav-open .sidebar {
    transform:translateX(0)
  }
  .main-shell {
    width:100%;
    margin-left:0
  }
  .menu-button {
    display:inline-flex
  }
  .topbar {
    padding:0 18px;
    height:65px
  }
  .top-actions {
    gap:8px
  }
  .search-wrap {
    max-width:38vw
  }
  .breadcrumb {
    font-size:12px
  }
  .app-cover {
    height:160px
  }
  .app-grid {
    grid-template-columns:repeat(2,minmax(0,1fr))
  }
  .active-grid {
    grid-template-columns:1fr
  }
  .login-art {
    padding:35px
  }
  .login-art h1 {
    font-size:32px
  }
  .login-content {
    padding:35px
  }
  .login-screen {
    grid-template-columns:.8fr 1fr
  }
}
@media(max-width:600px) {
  main {
    padding:21px 17px
  }
  .page-heading h1 {
    font-size:24px
  }
  .topbar {
    padding:0 11px
  }
  .top-actions {
    gap:3px
  }
  .search-wrap {
    width:145px;
    max-width:35vw
  }
  .search-wrap>input {
    font-size:11px;
    padding-left:30px;
    height:34px
  }
  .search-wrap>svg {
    left:8px;
    width:16px
  }
  .top-actions>.language {
    max-width:95px;
    font-size:11px;
    padding:6px
  }
  .top-actions>#notifications {
    display:none
  }
  .breadcrumb {
    max-width:75px;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap
  }
  .app-grid {
    grid-template-columns:1fr
  }
  .app-cover {
    height:175px
  }
  .app-text h3 {
    font-size:16px
  }
  .app-card-body {
    padding:17px
  }
  .app-card-foot {
    padding:0 17px 17px
  }
  .app-card-foot small {
    font-size:11px
  }
  .app-icon {
    width:44px;
    height:44px
  }
  .section-heading h2 {
    font-size:18px
  }
  .section-block {
    margin-bottom:23px
  }
  .preview-banner {
    align-items:flex-start;
    flex-direction:column
  }
  .settings-panel {
    padding:19px
  }
  .settings-grid {
    gap:0
  }
  .login-screen {
    grid-template-columns:1fr
  }
  .login-art {
    min-height:220px;
    padding:25px 30px
  }
  .login-art>div:not(.art-orbit) {
    margin:20px 0 0
  }
  .login-art h1 {
    font-size:24px;
    margin:6px 0
  }
  .login-art p {
    font-size:12px
  }
  .login-art .brand {
    font-size:24px
  }
  .login-art .eyebrow {
    display:none
  }
  .login-content {
    min-height:430px;
    padding:75px 30px 35px
  }
  .login-form h2 {
    font-size:23px
  }
  .login-language {
    top:17px
  }
  .brand>svg {
    width:31px
  }
  .preview-banner .text-button {
    font-size:11px
  }
}
@media(prefers-reduced-motion:reduce) {
  * {
    scroll-behavior:auto!important;
    transition:none!important;
    animation:none!important
  }
}
.home-view .breadcrumb {
  font-size:24px;
  font-weight:650;
  color:var(--vb-text);
  letter-spacing:-.6px
}
.app-card {
  display:flex;
  flex-direction:column
}
.app-cover {
  position:relative;
  flex-shrink:0
}
.app-card-body {
  flex:1;
  align-items:center;
  flex-wrap:wrap
}
.app-card-body>.button {
  flex-shrink:0;
  margin-left:auto;
  padding:8px 10px
}
.cover-caption {
  position:absolute;
  left:12px;
  bottom:10px;
  background:#ffffffed;
  border:1px solid #ffffff70;
  border-radius:5px;
  padding:2px 7px;
  color:#657089;
  font-size:10px
}
.cover-caption small {
  font-size:10px
}
.app-text p {
  font-size:13px
}
@media(max-width:600px) {
  .home-view .breadcrumb {
    font-size:16px;
    max-width:94px
  }
  .home-view .top-actions #refresh {
    display:none
  }
}
.app-cover {
  display:grid;
  place-items:center
}
.app-cover>svg {
  width:64px;
  height:64px;
  stroke:var(--vb-accent)
}
.app-cover>img,.job-thumbnail>img {
  width:100%;
  height:100%;
  object-fit:cover;
  display:block
}
.app-cover:has(>img) {
  display:block
}
.app-cover>img {
  object-position:center 40%
}
.confirm-dialog {
  box-sizing:border-box;
  border:1px solid var(--vb-border);
  border-radius:14px;
  padding:26px;
  max-width:min(450px,calc(100vw - 36px));
  max-height:90dvh;
  overflow-y:auto;
  color:var(--vb-text);
  box-shadow:0 24px 90px #19254530
}
.confirm-dialog::backdrop {
  background:#26345055;
  backdrop-filter:blur(3px)
}
.center-toolbar{display:flex;justify-content:space-between;align-items:center;gap:24px;margin-bottom:24px}.center-toolbar h2{font-size:22px;margin:0 0 8px}.center-toolbar p{font-size:13px;line-height:1.7;margin:0}.center-toolbar .actions{flex-wrap:wrap;justify-content:flex-end}.center-toolbar input,.center-toolbar select{font:inherit;font-size:13px;padding:10px 12px;min-width:0;border:1px solid var(--vb-border);border-radius:9px;color:var(--vb-text);background:white}.center-toolbar input{width:190px}.center-health{border:1px solid var(--vb-border);border-radius:12px;padding:16px 20px;background:white;margin-bottom:24px;font-size:13px;display:flex;align-items:center;gap:16px;flex-wrap:wrap}.center-health strong{color:#35795e;font-weight:600}.center-health.offline strong{color:#946b2d}.center-health span,.center-health p{color:var(--vb-muted)}.center-health p{width:100%;line-height:1.7;margin:0}.center-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:20px;margin-bottom:34px}.center-card{padding:24px;display:flex;flex-direction:column;align-items:flex-start;gap:10px}.center-mark{display:grid;place-items:center;width:52px;height:52px;border-radius:14px;background:linear-gradient(135deg,#e5f1fe,#edf0ff);color:#3b6caa;font-weight:600;margin-bottom:6px}.center-card h3{margin:0;font-size:18px}.center-card p{font-size:13px;line-height:1.7;margin:0;overflow-wrap:anywhere}.center-card .center-description{flex:1;color:var(--vb-muted);margin-bottom:12px}.center-installed{color:#387564}.center-empty{grid-column:1/-1;padding:44px 26px;text-align:center;border:1px dashed var(--vb-border);border-radius:14px}.center-empty h3{font-size:17px;font-weight:500}.center-empty p{font-size:13px;line-height:1.8}.center-review{width:560px;max-width:calc(100vw - 48px);max-height:85vh;overflow:auto}.center-review h3{font-size:15px;margin:23px 0 12px}.center-review li{font-size:13px;line-height:1.9;margin-bottom:7px}.center-new{display:inline-block;font-size:11px;background:#edf4ff;color:#3d6faf;border-radius:4px;margin-left:8px;padding:0 6px}.center-dependency{display:grid;gap:5px;padding:12px 0;border-top:1px solid var(--vb-border);font-size:13px;overflow-wrap:anywhere}.center-dependency strong{font-weight:500}.center-dependency small{color:var(--vb-muted)}.center-operation{padding:18px 0;border-top:1px solid var(--vb-border)}.center-operation-title{display:flex;justify-content:space-between;gap:15px;flex-wrap:wrap;font-size:13px;margin-bottom:9px}.center-operation-title strong{font-weight:500}.center-operation-title span{color:var(--vb-accent)}.center-operation progress{width:100%;margin:16px 0 0}.center-operation p{margin:6px 0}.center-operation .actions{margin-top:12px}@media(max-width:800px){.center-toolbar{align-items:stretch;flex-direction:column}.center-toolbar .actions{justify-content:flex-start}.center-toolbar input{flex:1}.center-grid{grid-template-columns:1fr}.center-review{padding:20px}}
.center-review[open]{display:flex;flex-direction:column;box-sizing:border-box}.center-review-body{min-height:0;overflow:auto;padding-right:8px}.center-review>.actions,.center-review>h2,.center-review>p{flex-shrink:0}
.platform-status .status-unavailable{color:#946b2d}.runtime-line .dot:not(.good){background:#a7b0bf}.platform-status[data-disk-level=unknown] .meter{background:#e9edf2}
.confirm-dialog h2 {
  overflow-wrap:anywhere;
  font-size:19px;
  font-weight:600;
  margin-bottom:12px
}
.confirm-dialog p {
  overflow-wrap:anywhere;
  font-size:14px;
  color:var(--vb-muted);
  line-height:1.8
}
.confirm-dialog .actions {
  flex-wrap:wrap;
  justify-content:flex-end;
  margin:23px 0 0
}
/* Account controls retain the platform's restrained spacing and typography. */
.account-panel,.account-panel form,.account-row{min-width:0;max-width:100%}
.account-panel summary,.account-panel h3,.account-panel strong,.account-panel label{overflow-wrap:anywhere}
.account-panel input[type=checkbox]{flex-shrink:0}
.account-panel{margin-bottom:20px;max-width:1000px}.account-panel form{display:grid;gap:14px;margin:18px 0;padding:4px 0}.account-panel label{display:grid;gap:7px;color:var(--muted,#6e7785);font-size:13px}.account-panel input:not([type=checkbox]),.account-panel select{width:100%;min-height:42px;padding:10px 12px;border:1px solid var(--line,#e5e9ef);border-radius:10px;background:white;color:var(--ink,#19283b);font:inherit}.account-panel input[type=checkbox]{width:17px;height:17px;accent-color:#2269d5}.account-panel label:has(input[type=checkbox]){display:flex;align-items:center;gap:10px}.account-panel form>.button{justify-self:start}.account-row{border-top:1px solid var(--line,#e5e9ef);padding:16px 0}.account-row summary{cursor:pointer;font-weight:600;line-height:1.7}.account-row small{overflow-wrap:anywhere;color:var(--muted,#6e7785)}.account-actions{display:flex;flex-wrap:wrap;gap:10px;margin:12px 0}.account-panel p{overflow-wrap:anywhere}.account-panel>input{font-family:ui-monospace,monospace}
.storage-panel{padding:24px;margin-bottom:22px}.storage-panel h2{font-size:18px;margin:0 0 10px}.storage-panel h3{font-size:16px;margin:22px 0 10px}.storage-panel p{line-height:1.7;font-size:13px}.storage-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin:24px 0}.storage-metrics span{display:block;color:var(--vb-muted);font-size:12px}.storage-metrics strong{display:block;font-size:27px;font-weight:600;margin-top:8px}.storage-alert{padding:12px 16px;border-radius:10px;background:#eef5ff;color:#275d98;font-size:13px}.storage-alert.warning{background:#fff8df;color:#8a6716}.storage-alert.high,.storage-alert.critical{background:#fff0ea;color:#a6432f}.storage-alert.critical{border:1px solid #e9b9aa}.storage-breakdown{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:32px}.storage-category{display:flex;justify-content:space-between;gap:14px;border-top:1px solid var(--vb-border);padding:12px 0;font-size:13px}.storage-category strong{font-weight:500}.storage-form{display:grid;gap:16px;margin:20px 0}.storage-form label{display:grid;gap:8px;font-size:13px;color:var(--vb-muted)}.storage-form input,.storage-panel textarea,.quota-row input{box-sizing:border-box;width:100%;padding:11px 12px;border:1px solid var(--vb-border);border-radius:9px;font:inherit;background:white;color:var(--vb-text)}.storage-form>.button{justify-self:start}.storage-panel textarea{font:12px/1.7 ui-monospace,monospace;resize:vertical;overflow-wrap:anywhere}.storage-paths{font-size:13px;margin:20px 0}.storage-paths dt{color:var(--vb-muted);margin-top:12px}.storage-paths dd{margin:5px 0 0;overflow-wrap:anywhere}.quota-row{display:grid;grid-template-columns:1fr 180px auto;gap:16px;align-items:center;border-top:1px solid var(--vb-border);padding:15px 0}.quota-row label small{display:block;color:var(--vb-muted);margin-top:5px;font-weight:400}.quota-row label .quota-exceeded{color:#a6432f}.storage-panel progress{width:100%;height:10px;accent-color:var(--vb-accent)}.platform-status[data-disk-level=warning] #disk-meter{background:#d5a72d}.platform-status[data-disk-level=high] #disk-meter,.platform-status[data-disk-level=critical] #disk-meter{background:#cc664c}.platform-status[data-disk-level=high] #disk-free,.platform-status[data-disk-level=critical] #disk-free{color:#b14d35}@media(max-width:650px){.storage-panel{padding:18px}.storage-metrics{grid-template-columns:1fr;gap:16px}.storage-metrics strong{font-size:23px}.storage-breakdown{grid-template-columns:1fr}.quota-row{grid-template-columns:1fr auto}.quota-row label{grid-column:1/-1}.quota-row input{min-width:0}}

.application-summary-info { min-width: 0; overflow-wrap: anywhere; }
.application-summary-info small { display: block; margin-top: 4px; color: var(--vb-muted); }
.core-updates>h2{font-size:20px;margin:24px 0 8px}.core-updates>.muted{font-size:13px;line-height:1.7;margin:0 0 22px}.core-updates .settings-grid{align-items:start;gap:24px}.core-updates .settings-panel{padding:26px;min-width:0}.core-updates .settings-panel .core-version{font-size:27px;font-weight:600;color:#334778;line-height:1.4;letter-spacing:-.5px;margin:18px 0}.core-updates .settings-panel .core-operation-phase{font-size:18px;font-weight:600;color:var(--vb-text);margin:20px 0 10px}.core-updates .settings-panel label{display:grid;gap:8px;margin:24px 0 16px;font-size:12px;color:var(--vb-muted)}.core-updates select{width:100%;min-height:42px;padding:10px 12px;border:1px solid var(--vb-border);border-radius:9px;background:white;color:var(--vb-text);font:inherit}.core-updates .badge{display:inline-flex;padding:6px 10px;border-radius:7px;background:#f0f2ff;color:#6260b9;font-size:12px}.core-updates .settings-panel .core-release-notes{white-space:pre-wrap;line-height:1.8;font-size:13px;margin:16px 0}.core-updates .settings-panel .button{margin:6px 8px 6px 0}.core-updates .core-command{padding:14px;border:1px solid var(--vb-border);border-radius:9px;background:#f7f8fc;font:12px/1.7 ui-monospace,monospace;white-space:pre-wrap;overflow-wrap:anywhere}.core-updates .inline-notice{grid-column:1/-1}.core-updates progress{margin:22px 0 8px;width:100%;height:8px;accent-color:var(--vb-accent)}
.sdk2-frame{display:block;width:100%;min-height:480px;border:0;border-radius:18px;background:var(--vb-bg);color-scheme:light}.sdk2-admin{margin:24px 0;padding:24px}.sdk2-admin input:not([type=checkbox]),.sdk2-admin select{max-width:100%;padding:10px 12px;border-radius:10px;border:1px solid var(--vb-border);background:var(--vb-surface);color:var(--vb-text);font:inherit}.sdk2-review{margin:20px 0}.sdk2-permissions{display:grid;gap:16px;margin:16px 0}.sdk2-permissions fieldset{display:grid;gap:12px;padding:16px;border:1px solid var(--vb-border);border-radius:12px}.sdk2-trust{display:flex;gap:10px;margin:16px 0}.sdk2-operation{display:flex;gap:16px;align-items:center;padding:12px 0;flex-wrap:wrap}.sdk2-grants{padding:16px 0}.sdk2-grants summary{cursor:pointer}.sdk2-asset-picker{max-width:760px}.sdk2-asset-picker button{margin:6px}.app-icon img{width:100%;height:100%;object-fit:contain}.app-cover>img{width:100%;height:100%;object-fit:cover}

.sdk2-admin input[type=file]::file-selector-button{border:0;border-radius:7px;background:var(--vb-accent-soft);color:var(--vb-accent);padding:7px 12px;margin-right:12px;font:inherit;cursor:pointer}.sdk2-operation{border-top:1px solid var(--vb-border);font-size:13px}.sdk2-operation small{font-size:12px}.sdk2-grants summary{font-weight:500}
.configuration-dialog{width:min(760px,94vw);max-height:90vh;overflow:auto;padding:28px;border-radius:18px}.configuration-dialog h2{margin:0 0 20px}.configuration-fields{display:grid;gap:18px;margin:20px 0}.configuration-fields label{display:grid;gap:8px;font-size:13px}.configuration-fields input:not([type=checkbox]),.configuration-fields select,.configuration-fields textarea{width:100%;box-sizing:border-box;padding:11px 13px;border:1px solid var(--vb-border);border-radius:9px;background:var(--vb-surface);color:var(--vb-text);font:inherit}.configuration-fields textarea{font-family:ui-monospace,monospace;line-height:1.6;resize:vertical}.configuration-fields .configuration-fields{margin:8px 0;padding:14px;border:1px solid var(--vb-border);border-radius:10px}.configuration-status{padding:14px;border-radius:10px;background:var(--vb-accent-soft);font-size:13px;line-height:1.7}.app-card-body{flex-wrap:wrap}.app-config{margin-left:auto;font-size:12px}
.task-detail-dialog{width:min(800px,94vw);max-height:90vh;overflow:auto;padding:30px;border-radius:18px}.task-detail-dialog h2{font-size:26px;margin:12px 0 20px}.task-progress{display:grid;gap:8px;margin:12px 0}.task-progress progress{width:100%;height:7px;accent-color:var(--vb-accent)}.task-progress small{font-size:12px;color:var(--vb-muted)}.task-detail-dialog dl{display:grid;grid-template-columns:auto 1fr;gap:12px;font-size:13px;margin:24px 0}.task-detail-dialog dd{margin:0}.task-action{margin:24px 0;padding-top:18px;border-top:1px solid var(--vb-border)}.task-description,.presentation-copy{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.8}.task-artifacts{display:flex;gap:12px;flex-wrap:wrap}.center-presentation .center-cover{width:100%;aspect-ratio:16/9;object-fit:cover;border-radius:12px;margin-bottom:18px}.center-mark img{width:100%;height:100%;object-fit:contain}.center-gallery{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:18px}.center-gallery figure{margin:0}.center-gallery img{width:100%;height:auto;border-radius:10px}.center-gallery figcaption{font-size:12px;line-height:1.6;color:var(--vb-muted)}.center-presentation video{width:100%;max-height:440px;margin:20px 0;border-radius:12px;background:#161823}.center-presentation h4{margin:24px 0 8px}.center-card>.button{margin-right:8px;margin-top:12px}
.configuration-dialog{max-width:min(760px,94vw)}.task-detail-dialog{max-width:min(800px,94vw)}.configuration-dialog:focus,.task-detail-dialog:focus,.center-review:focus{outline:none}
.configuration-dialog details{margin:18px 0;padding:14px;border:1px solid var(--vb-border);border-radius:10px}.configuration-dialog details summary{cursor:pointer;font-size:13px}.configuration-dialog details p{font-size:12px;line-height:1.7}.configuration-dialog details label{display:flex;gap:8px;font-size:13px;margin:16px 0}.configuration-dialog details textarea{width:100%;box-sizing:border-box;border:1px solid var(--vb-border);border-radius:8px;padding:12px;font:12px/1.7 ui-monospace,monospace;resize:vertical}

/* Account Task workspace and its Job detail. */
.task-table .status-badge{word-break:keep-all}
.task-workbench .section-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:22px}.task-workbench .section-heading h2{margin:0 0 8px}.task-workbench .section-heading p{font-size:13px;line-height:1.7;margin:0}.task-filters{display:flex;align-items:end;gap:12px;flex-wrap:wrap;margin:0 0 20px}.task-filters label{display:grid;gap:8px;flex:1;min-width:140px;font-size:12px;color:var(--vb-muted)}.task-filters label:last-of-type{flex:1.6;min-width:180px}.task-filters input,.task-filters select{box-sizing:border-box;width:100%;min-height:40px;border:1px solid var(--vb-border);border-radius:9px;padding:9px 11px;background:var(--vb-surface);color:var(--vb-text);font:inherit;font-size:13px}.task-workbench .table-wrap{border:1px solid var(--vb-border);border-radius:14px;background:var(--vb-surface)}.task-table{min-width:880px}.task-table th{font-size:12px;white-space:nowrap}.task-table td{font-size:13px;vertical-align:middle}.task-table td:first-child{min-width:180px;max-width:340px}.task-table time{font-size:12px;line-height:1.7;white-space:nowrap}.task-table small,.task-jobs td small{display:block;margin-top:7px;font-size:11px;line-height:1.7;overflow-wrap:anywhere}.task-title{text-align:start;white-space:normal;overflow-wrap:anywhere;font-weight:600;font-size:14px}.task-app-name{display:flex;gap:9px;align-items:center;font-size:13px}.task-app-name img{width:26px;height:26px;object-fit:contain;flex-shrink:0}.task-app-name span{overflow-wrap:anywhere}.task-table .task-progress{min-width:100px;margin:0}.task-sources:empty{display:none}.task-sources{padding:14px 18px;background:#fff9eb;border:1px solid #ebd9ac;border-radius:12px;font-size:12px;line-height:1.8;margin-bottom:18px}.task-sources p{margin:0}.task-sources small{display:block;color:var(--vb-muted)}.task-pagination{display:flex;gap:14px;align-items:center;justify-content:flex-end;margin-top:18px;font-size:12px;color:var(--vb-muted)}.task-pagination .button{font-size:12px}.task-source-warning{background:#fff9eb;padding:12px 16px;border-radius:10px}.task-detail-dialog{width:min(1080px,94vw);max-width:min(1080px,94vw);box-sizing:border-box}.task-jobs{border-top:1px solid var(--vb-border);margin-top:28px;padding-top:20px}.task-jobs h3{margin:0 0 10px;font-size:17px}.task-jobs>p{font-size:12px}.task-jobs table{min-width:650px;font-size:12px}.task-jobs td{max-width:250px;overflow-wrap:anywhere;vertical-align:top}.task-jobs pre{max-height:180px;overflow:auto;white-space:pre-wrap;font:11px/1.7 ui-monospace,monospace}.status-badge.awaiting_review,.status-badge.paused{color:#94651e;background:#fff5dc}.status-badge.awaiting_review .dot,.status-badge.paused .dot{background:currentColor}@media(max-width:700px){.task-workbench .section-heading{align-items:start;flex-direction:column;gap:12px}.task-filters label{min-width:calc(50% - 12px)}.task-filters label:last-of-type{flex-basis:100%}.task-pagination{gap:8px;justify-content:space-between;flex-wrap:wrap}.task-detail-dialog{padding:20px}}
.task-table td:last-child .text-button{white-space:nowrap}.task-table time{display:inline-block;min-width:105px;max-width:140px;white-space:normal}
.confirm-dialog.task-detail-dialog{width:min(1080px,94vw);max-width:min(1080px,94vw);padding:min(30px,4vw);box-sizing:border-box}
.task-mobile-app{display:none}@media(max-width:800px){.task-table{min-width:0;width:100%;table-layout:fixed}.task-table th:nth-child(2),.task-table td:nth-child(2),.task-table th:nth-child(4),.task-table td:nth-child(4),.task-table th:nth-child(5),.task-table td:nth-child(5){display:none}.task-table th:first-child{width:35%}.task-table th:nth-child(3){width:23%}.task-table th:nth-child(6){width:25%}.task-table th:nth-child(7){width:17%}.task-table td:first-child{min-width:0;max-width:none}.task-table td,.task-table th{padding:12px 9px;font-size:11px}.task-table .status-badge{white-space:normal;font-size:11px;line-height:1.6}.task-table time{white-space:normal;font-size:11px;min-width:0;max-width:100%}.task-mobile-app{display:flex;align-items:center;gap:6px;font-size:10px;color:var(--vb-muted);margin-top:7px}.task-mobile-app img{height:17px;width:17px;object-fit:contain}.task-table .task-title{font-size:12px}}
.execution-plan{padding:16px;margin:12px 0;border:1px solid var(--border,#e5e7ef);border-radius:14px;background:var(--surface,#fff)}
.execution-heading,.execution-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.execution-heading{justify-content:space-between}.execution-actions{margin-top:12px}.task-jobs td .button{margin:4px 4px 0 0}

/* Platform-owned asset library and picker; application frames do not style this UI. */
.asset-library-header{padding:24px;margin-bottom:24px}.asset-library-header h2{margin-top:0}.asset-library-tools,.asset-library-filters,.asset-library-pagination,.asset-library-card-actions,.asset-library-selected,.asset-library-picker-footer{display:flex;gap:12px;align-items:center;flex-wrap:wrap}
.asset-library-tools{margin:20px 0}.asset-library-filters{align-items:end;margin:0 0 16px}.asset-library-filters label{display:grid;gap:7px;color:var(--vb-muted);font-size:13px}.asset-library-search{flex:1;min-width:220px}.asset-library-filters input,.asset-library-filters select{min-height:42px;padding:9px 12px;border:1px solid var(--vb-border);border-radius:10px;background:var(--vb-surface);color:var(--vb-text);font:inherit;max-width:100%}
.asset-library-status{min-height:24px;color:var(--vb-muted)}.asset-library-selected{margin:12px 0;max-height:135px;overflow:auto}.asset-library-chip{border:1px solid var(--vb-border);border-radius:24px;padding:7px 10px;color:var(--vb-text);background:var(--vb-bg);font:inherit;max-width:260px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;cursor:pointer}
.asset-library-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:18px}.asset-library-card{background:var(--vb-surface);border:1px solid var(--vb-border);border-radius:16px;overflow:hidden;padding:12px;min-width:0}.asset-library-card.selected{outline:2px solid var(--vb-accent);outline-offset:-1px;background:#f8faff}.asset-library-visual{display:flex;align-items:center;justify-content:center;position:relative;width:100%;aspect-ratio:16/10;border:0;border-radius:10px;overflow:hidden;background:#f1f3fa;color:var(--vb-muted);cursor:pointer}.asset-library-visual img,.asset-library-visual video{width:100%;height:100%;object-fit:contain;pointer-events:none}.asset-library-badge{position:absolute;bottom:8px;left:8px;background:rgba(255,255,255,.92);padding:4px 8px;border-radius:7px;color:#38465e;font-size:12px}.asset-library-name{font-size:14px;line-height:1.6;overflow-wrap:anywhere;margin:13px 0 7px}.asset-library-card p{font-size:12px;margin:7px 0;overflow-wrap:anywhere}.asset-library-card-actions{margin-top:13px;gap:8px}.asset-library-card-actions .button{flex:1;min-height:40px;white-space:normal}.asset-library-pagination{justify-content:center;margin:24px 0}.asset-library-empty{grid-column:1/-1;padding:64px 20px;text-align:center;color:var(--vb-muted)}
.asset-library-picker,.asset-library-preview{color-scheme:light;color:var(--vb-text);background:var(--vb-bg);border:1px solid var(--vb-border);border-radius:20px;box-shadow:0 22px 80px #18203635;max-width:calc(100vw - 32px);max-height:90vh;padding:24px}.asset-library-picker{width:1100px}.asset-library-picker::backdrop,.asset-library-preview::backdrop{background:#18203666;backdrop-filter:blur(4px)}.asset-library-picker h2,.asset-library-preview h2{margin:0 0 20px;font-size:22px;overflow-wrap:anywhere}.asset-library-picker-footer{justify-content:flex-end;position:sticky;bottom:-24px;margin:16px -24px -24px;padding:18px 24px;border-top:1px solid var(--vb-border);background:var(--vb-bg)}.asset-library-preview{width:900px}.asset-library-preview-body{display:flex;align-items:center;justify-content:center;min-height:140px}.asset-library-preview img,.asset-library-preview video{max-width:100%;max-height:65vh;object-fit:contain;border-radius:10px}.asset-library :focus-visible,.asset-library-picker :focus-visible,.asset-library-preview :focus-visible{outline:3px solid #8da0ff;outline-offset:3px}
@media(max-width:640px){.asset-library-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.asset-library-filters label{flex:1;min-width:130px}.asset-library-search{min-width:100%!important}.asset-library-picker,.asset-library-preview{padding:16px;max-width:calc(100vw - 12px);max-height:94vh}.asset-library-picker-footer{margin:12px -16px -16px;bottom:-16px;padding:12px 16px}.asset-library-card{padding:8px}.asset-library-card-actions{flex-direction:column;align-items:stretch}}
@media(prefers-reduced-motion:reduce){.asset-library-picker::backdrop,.asset-library-preview::backdrop{backdrop-filter:none}}
.asset-library.with-folders{display:grid;grid-template-columns:220px minmax(0,1fr);gap:24px}.asset-library-main{min-width:0}.asset-library-folders{background:var(--vb-surface);border:1px solid var(--vb-border);border-radius:16px;padding:16px;align-self:start;position:sticky;top:12px}.asset-library-folders h3{margin:0 0 12px;font-size:15px}.asset-folder-button{display:block;width:100%;text-align:left;border:0;background:transparent;padding:10px 12px;border-radius:9px;color:var(--vb-text);font:inherit;overflow-wrap:anywhere;cursor:pointer}.asset-folder-button:hover{background:var(--vb-bg)}.asset-folder-list .asset-folder-button:before{content:'';display:inline-block;width:15px;height:11px;border:1.5px solid currentColor;border-radius:2px;margin-right:9px;vertical-align:middle}.asset-folder-path{display:flex;flex-wrap:wrap;gap:4px;margin:12px 0;padding-top:12px;border-top:1px solid var(--vb-border)}.asset-folder-path button{font-size:12px;overflow-wrap:anywhere;max-width:100%}.asset-folder-actions{display:grid;gap:8px;margin-top:12px}.asset-organization-tools{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}.asset-organization-dialog{width:540px;max-width:calc(100vw - 32px);max-height:90vh;overflow:auto}.asset-organization-dialog label{display:grid;gap:8px}.asset-organization-dialog input{width:100%;box-sizing:border-box;padding:12px;border:1px solid var(--vb-border);border-radius:9px;font:inherit}.asset-organization-dialog .actions{display:flex;justify-content:flex-end;gap:10px;flex-wrap:wrap}.asset-organization-dialog .asset-folder-nav{max-height:38vh;overflow:auto;border:1px solid var(--vb-border);border-radius:12px;padding:12px}.asset-organization-dialog section[hidden],.asset-organization-dialog label[hidden]{display:none}.asset-library-card-actions{display:flex;flex-wrap:wrap}.asset-library-card-actions .button{flex:1 1 40%}
@media(max-width:760px){.asset-library.with-folders{grid-template-columns:1fr}.asset-library-folders{position:static}.asset-folder-list{max-height:180px;overflow:auto}.asset-library-folders>.asset-folder-button{display:inline-block;width:auto}.asset-folder-actions{grid-template-columns:repeat(3,minmax(0,1fr))}}
.asset-folder-button.active{background:#eef0ff;color:var(--vb-accent);font-weight:600}.asset-library-location{margin:0 0 16px;font-size:18px;overflow-wrap:anywhere}
.asset-folder-list .asset-folder-button{display:flex;align-items:center;gap:9px}.asset-folder-list .asset-folder-button:before{content:none}.asset-folder-icon{width:23px;height:23px;flex:none;filter:drop-shadow(0 2px 2px #d5992920)}
.asset-library-directories{margin:0 0 24px}.asset-library-directories[hidden]{display:none}.asset-library-directories h4{margin:0 0 12px;color:var(--vb-muted);font-size:12px;font-weight:600;letter-spacing:.02em}.asset-directory-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:12px}.asset-directory-card{display:flex;align-items:center;gap:13px;min-width:0;text-align:left;border:1px solid var(--vb-border);border-radius:13px;padding:15px 16px;background:var(--vb-surface);color:var(--vb-text);font:inherit;font-size:13px;cursor:pointer;transition:background .15s,border-color .15s}.asset-directory-card:hover{background:#f8f9ff;border-color:#bac5f3}.asset-directory-card span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.asset-directory-card .asset-folder-icon{width:34px;height:34px}.asset-library-directories>.text-button{margin-top:10px}
.asset-library-card{display:flex;flex-direction:column;overflow:visible;padding:10px}.asset-library-visual-wrap{position:relative}.asset-library-card .asset-library-name{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;line-height:1.5;margin:12px 2px 5px}.asset-library-card>p{margin:4px 2px;font-size:11px;color:var(--vb-muted)}.asset-library-card-actions{flex-direction:row;flex-wrap:nowrap;align-items:center;gap:8px;margin-top:auto;padding-top:12px;justify-content:space-between}.asset-action-icon{width:17px;height:17px;flex:none}.asset-card-action{display:inline-flex;gap:6px;align-items:center;justify-content:center;min-height:32px;border:0;border-radius:8px;padding:6px 8px;background:transparent;color:var(--vb-muted);font:inherit;font-size:12px;line-height:1.25;cursor:pointer}.asset-card-action:hover{background:#eef1ff;color:var(--vb-accent)}.asset-card-choose{border:1px solid var(--vb-border);background:var(--vb-surface);color:var(--vb-text)}.asset-card-choose[aria-pressed=true]{color:var(--vb-accent);background:#eef1ff;border-color:#aab8f2}.asset-card-select{position:absolute;top:8px;left:8px;width:27px;height:27px;display:grid;place-items:center;padding:4px;border:1.5px solid #cbd3e4;border-radius:8px;color:transparent;background:#fffffff0;box-shadow:0 1px 4px #172b4d12;cursor:pointer}.asset-card-select:hover{border-color:var(--vb-accent)}.asset-card-select[aria-pressed=true]{background:var(--vb-accent);border-color:var(--vb-accent);color:#fff}.asset-card-select:disabled{opacity:.45;cursor:not-allowed}.asset-card-menu{position:relative}.asset-card-menu>summary{display:grid;place-items:center;width:32px;height:32px;padding:0;list-style:none;cursor:pointer;color:var(--vb-muted);border-radius:8px}.asset-card-menu>summary::-webkit-details-marker{display:none}.asset-card-menu>summary:hover,.asset-card-menu[open]>summary{background:#eef1ff;color:var(--vb-accent)}.asset-card-menu-items{position:absolute;bottom:calc(100% + 6px);right:0;z-index:25;width:174px;box-sizing:border-box;padding:5px;border:1px solid var(--vb-border);border-radius:11px;background:var(--vb-surface);box-shadow:0 8px 28px #1c294522}.asset-card-menu:not([open])>.asset-card-menu-items{display:none}.asset-card-menu-item{display:flex;align-items:center;gap:9px;width:100%;text-align:left;padding:9px 10px;border:0;border-radius:7px;color:var(--vb-text);background:transparent;font:inherit;font-size:12px;cursor:pointer}.asset-card-menu-item:hover{background:#f0f3ff;color:var(--vb-accent)}.asset-card-action:disabled,.asset-card-menu-item:disabled{opacity:.45;cursor:not-allowed}.asset-library-empty{padding:38px 16px}
@media(max-width:640px){.asset-directory-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.asset-directory-card{gap:8px;padding:12px 10px}.asset-directory-card .asset-folder-icon{width:28px;height:28px}.asset-library-card-actions{flex-direction:row;align-items:center;gap:4px}.asset-card-action{font-size:11px;padding:6px}.asset-card-action .asset-action-icon{width:15px;height:15px}.asset-card-menu-items{width:160px}.asset-library-picker .asset-library-grid{grid-template-columns:repeat(auto-fill,minmax(190px,1fr))}}
@media(prefers-reduced-motion:reduce){.asset-directory-card{transition:none}}
.asset-folder-nav{border-top:1px solid var(--vb-border);margin-top:12px;padding-top:8px}.asset-folder-root,.asset-folder-list .asset-folder-button{display:flex;align-items:center;gap:9px;font-size:14px;line-height:1.5;min-height:42px}.asset-folder-root>span{overflow-wrap:anywhere}.asset-folder-path{border:0;padding-top:0;margin:6px 12px}.asset-selection-toggle{display:inline-grid;place-items:center;flex:none;width:36px;height:36px;padding:8px;border:1px solid var(--vb-border);border-radius:9px;background:var(--vb-surface);color:var(--vb-muted);cursor:pointer}.asset-selection-toggle .asset-action-icon{width:20px;height:20px}.asset-selection-toggle path:last-child{opacity:0}.asset-selection-toggle[aria-pressed=true]{color:var(--vb-accent);background:#eef1ff;border-color:#aab8f2}.asset-selection-toggle[aria-pressed=true] path:last-child{opacity:1}.asset-selection-toggle:hover{border-color:var(--vb-accent);color:var(--vb-accent)}.asset-selection-toggle:disabled{opacity:.45;cursor:not-allowed}
.asset-library-selected{height:42px;max-height:42px;flex-wrap:nowrap;overflow:hidden}.asset-library-selected>span{white-space:nowrap;flex:none}.asset-library-selection-chips{display:flex;align-items:center;gap:8px;min-width:0;flex:1;height:42px;overflow-x:auto;overflow-y:hidden;scrollbar-width:thin;overscroll-behavior:contain}.asset-library-selection-chips .asset-library-chip{flex:none}

/* The hosted picker keeps navigation rows consistent at every folder depth. */
.asset-folder-path{display:grid;gap:2px;margin:2px 0;padding:0;border:0}
.asset-folder-nav .asset-folder-button{display:flex;align-items:center;gap:9px;min-width:0;min-height:42px;padding-inline-start:calc(12px + var(--asset-folder-depth,0)*10px);font-size:14px;line-height:1.5}
.asset-folder-name{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:start}
.asset-folder-nav .asset-folder-button.active{background:var(--vb-accent-soft);color:var(--vb-accent);font-weight:600}
.asset-folder-button.active .asset-folder-icon{filter:none}
.asset-folder-button.active .asset-folder-icon path{stroke:currentColor}
.asset-folder-button.active .asset-folder-icon path:nth-child(-n+2){fill:#dbe3ff}
.asset-library-picker[open]{display:flex;flex-direction:column;overflow:hidden}
.asset-library-picker>h2{flex:none}
.asset-library-picker-body{min-width:0;min-height:0;overflow:auto;overflow-anchor:none;overscroll-behavior:contain;scrollbar-gutter:stable;padding:3px 4px 12px}
.asset-library-picker .asset-library-folders{position:static}
.asset-library-picker-footer{position:static;flex:none}

/* Application configuration: stable editor body and a single action footer. */
.configuration-dialog[open]{display:flex;flex-direction:column;overflow:hidden}
.configuration-header{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:16px;flex:none}
.configuration-header>div{min-width:0}.configuration-header h2{font-size:20px;line-height:1.45;margin:0 0 8px;overflow-wrap:anywhere}
.configuration-scope-name{display:inline-flex;padding:3px 9px;border-radius:6px;background:var(--vb-bg);color:var(--vb-muted);font-size:12px}
.configuration-reload{flex:none;font-size:12px;padding:8px 11px}
.configuration-tabs{display:flex;gap:4px;padding:4px;margin-bottom:12px;border-radius:11px;background:var(--vb-bg);flex:none}
.configuration-tab{flex:1;border:0;background:transparent;color:var(--vb-muted);box-shadow:none}
.configuration-tab[aria-pressed=true]{background:var(--vb-surface);color:var(--vb-accent);box-shadow:0 2px 7px #26335d0d;font-weight:600}
.configuration-dialog .configuration-scope-hint{margin:0 0 14px;font-size:12px;flex:none}
.configuration-body{min-width:0;min-height:0;overflow:auto;overflow-anchor:none;overscroll-behavior:contain;scrollbar-gutter:stable;padding:3px 4px 12px}
.configuration-dialog .configuration-message{padding:12px;margin-top:12px;border-radius:9px;background:#fff3ef;color:#9e4934;font-size:13px;overflow-wrap:anywhere}
.configuration-fields .configuration-boolean{grid-template-columns:minmax(0,1fr) auto;align-items:center;padding:12px 14px;background:var(--vb-bg);border:1px solid var(--vb-border);border-radius:10px}
.configuration-boolean>input[type=checkbox]{grid-column:2;grid-row:1;width:18px;height:18px;margin:0;accent-color:var(--vb-accent)}
.configuration-boolean>small{grid-column:1/-1}
.configuration-fields input[readonly],.configuration-fields textarea[readonly]{background:var(--vb-bg);color:var(--vb-muted)}
.configuration-footer{flex:none;margin:16px -28px -28px;padding:14px 28px 20px;border-top:1px solid var(--vb-border);background:var(--vb-surface)}
.configuration-dialog .configuration-draft-hint{font-size:12px;line-height:1.6;margin:0 0 10px;overflow-wrap:anywhere}
.configuration-actions,.configuration-activation{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.configuration-actions{justify-content:flex-end}.configuration-activation{align-items:stretch;margin-right:auto;max-width:100%}
.configuration-actions .button{min-height:38px}.configuration-actions .button:disabled{opacity:.5}
@media(max-width:600px){.configuration-dialog{padding:20px;max-height:94vh}.configuration-header{gap:12px}.configuration-header h2{font-size:18px}.configuration-footer{margin:12px -20px -20px;padding:12px 20px 16px}.configuration-activation{width:100%;margin-right:0}.configuration-actions>.button,.configuration-activation>.button{flex:1}.configuration-reload{padding:7px 9px}}
.retention-rules summary,.retention-result summary{cursor:pointer;font-size:13px;line-height:1.6;padding:8px 0;color:var(--vb-text)}
.retention-form{grid-template-columns:repeat(3,minmax(0,1fr))}.retention-form .button{grid-column:1/-1}
.retention-review{display:flex;flex-wrap:wrap;gap:16px;align-items:center;margin:20px 0}.retention-checkbox{display:flex;gap:10px;align-items:flex-start;flex:1 1 300px;font-size:13px;line-height:1.6;min-width:0}.retention-checkbox input{margin-top:4px;flex:none;accent-color:var(--vb-accent)}
.retention-result{min-width:0}.retention-result:empty{display:none}.retention-result>.button{margin-top:16px}.retention-items{padding:0;list-style:none;max-height:260px;overflow:auto}.retention-items li{display:flex;gap:16px;justify-content:space-between;align-items:baseline;padding:10px 0;border-top:1px solid var(--vb-border);font-size:13px}.retention-items li span{min-width:0;overflow-wrap:anywhere}.retention-items strong{font-weight:500;white-space:nowrap;flex:none}
@media(max-width:900px){.retention-form{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:650px){.retention-form{grid-template-columns:minmax(0,1fr)}.retention-review{gap:12px}.retention-items li{flex-wrap:wrap;gap:4px}.retention-checkbox{flex-basis:100%}}
